{"product_id":"iphone-17-series-c11-series-traverse-edition-mag-fit","title":"iPhone 17 Series - c11 Series Traverse Edition (Mag Fit)","description":"\u003cstyle\u003e\nbody {\nmargin: 0;\npadding: 0;\n}\n\n*,\n::after,\n::before {\nbox-sizing: border-box;\n}\n\n.product-description section {\nposition: relative;\nwidth: 100%;\n}\n\n.product-description section:first-of-type {\nborder-top-left-radius: 32px;\nborder-top-right-radius: 32px;\n}\n\n.product-description section:last-of-type {\nborder-bottom-left-radius: 32px;\nborder-bottom-right-radius: 32px;\n}\n\n.product-description .section-container-fluid {\nwidth: 100%;\nmax-width: 100%;\nmargin: 0 auto;\n}\n\n.product-description .section-container {\nwidth: 100%;\nmax-width: 1200px;\nmargin: 0 auto;\n}\n\n@media (min-width: 1080px) {\n.product-description .section-container {\npadding: 0 4rem;\n}\n\n.product-description section:not(:first-of-type) {\npadding-bottom: 200px;\n}\n}\n\n@media (max-width: 1079.98px) {\n.product-description .section-container {\npadding: 0 2rem;\n}\n\n.product-description section:not(:first-of-type) {\npadding-bottom: 80px;\n}\n}\n\n.product-description img {\nwidth: 100%;\nheight: auto;\n}\n\n\/* ------------------------------------------------------------\nText Alignment\n------------------------------------------------------------ *\/\n.product-description .text-center {\ntext-align: center;\n}\n\n.product-description .text-left {\ntext-align: left;\n}\n\n.product-description .text-right {\ntext-align: right;\n}\n\n\/* ------------------------------------------------------------\nText Colors\n------------------------------------------------------------ *\/\n.product-description .text-dark * {\ncolor: #000;\n}\n\n.product-description .text-light * {\ncolor: #fff;\n}\n\n.product-description .text-info {\ncolor: #8d8d8f;\n}\n\n\/* ------------------------------------------------------------\nVisibility\n------------------------------------------------------------ *\/\n@media (min-width: 1080px) {\n.product-description .sq-mobile-view {\ndisplay: none;\n}\n}\n\n@media (max-width: 1079.98px) {\n.product-description .sq-desktop-view {\ndisplay: none;\n}\n}\n\n\/* ------------------------------------------------------------\nHeadlines\n------------------------------------------------------------ *\/\n.product-description .section-header {\nmax-width: 500px;\nmargin: 0 auto;\n}\n\n.product-description .section-preheadline {\nfont-weight: 400;\nline-height: 1.2;\n}\n\n.product-description .section-headline {\nfont-weight: 800;\nline-height: 1.2;\n}\n\n.product-description .section-subheadline {\nfont-weight: 400;\nline-height: 1.5;\n}\n\n@media (min-width: 1080px) {\n.product-description .section-header {\npadding: 3rem;\n}\n\n.product-description .section-preheadline {\nfont-size: 20px;\nmargin: 0 0 8px;\n}\n\n.product-description .section-headline {\nfont-size: 48px;\nmargin: 0 0 16px;\n}\n\n.product-description .section-subheadline {\nfont-size: 18px;\nline-height: 1.5;\nmargin: 0;\n}\n}\n\n@media (max-width: 1079.98px) {\n.product-description .section-header {\npadding: 3rem;\n}\n\n.product-description .section-preheadline {\nfont-size: 18px;\nmargin: 0 0 8px;\n}\n\n.product-description .section-headline {\nfont-size: 36px;\nmargin: 0 0 16px;\n}\n\n.product-description .section-subheadline {\nfont-size: 16px;\nline-height: 1.5;\nmargin: 0;\n}\n}\n\n.product-description .cta-button {\ndisplay: inline-block;\npadding: 16px 32px;\nborder-radius: 100px;\nbackground-color: #ffffff;\nborder: 1px solid #ffffff;\ncolor: #000000;\nfont-size: 20px;\nfont-weight: 400;\ntext-decoration: none;\nline-height: 1.5;\nmargin: 0;\ntransition: all 0.3s ease;\ncursor: pointer;\n}\n\n.product-description .cta-button:hover {\nbackground-color: #dedede;\nborder-color: #dedede;\ncolor: #000000;\n}\n\n.product-description .section-header p + .cta-button {\nmargin-top: 32px;\n}\n\n\/* ------------------------------------------------------------\n[Sections] Intro\n------------------------------------------------------------ *\/\n.section-intro {\nbackground-color: #1c1c1c;\n}\n\n@media (min-width: 1080px) {\n.section-intro .section-intro-banner {\nwidth: 100%;\nheight: 1200px;\nobject-fit: cover;\n}\n}\n\n\/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n.section-highlights {\nbackground-color: #1c1c1c;\n}\n\n.section-highlights .section-header {\nmax-width: 480px;\n}\n\n.section-highlights-feature-container {\nwidth: 100%;\ndisplay: flex;\nflex-direction: row;\nflex-wrap: wrap;\npadding: 16px;\nmargin: 0 auto;\n}\n\n.section-highlights-feature-item {\nflex: 0 0 auto;\npadding: 16px;\n}\n\n@media (min-width: 1080px) {\n.section-highlights-feature-item:nth-child(1) {\nwidth: 50%;\n}\n\n.section-highlights-feature-item:nth-child(2) {\nwidth: 50%;\n}\n\n.section-highlights-feature-item:nth-child(3) {\nwidth: 40%;\n}\n\n.section-highlights-feature-item:nth-child(4) {\nwidth: 30%;\n}\n\n.section-highlights-feature-item:nth-child(5) {\nwidth: 30%;\n}\n}\n\n.section-highlights-feature-item [class^=\"section-highlights-list-\"] {\nposition: relative;\ndisplay: flex;\nflex-direction: column;\njustify-content: center;\nalign-items: flex-start;\nbackground-color: #000000;\nheight: 100%;\nborder-radius: 32px;\noverflow: hidden;\n}\n\n.section-highlights-feature-item .section-highlights-list-text-item {\npadding: 40px;\ncolor: #ffffff;\n}\n\n.section-highlights-feature-item .feature-headline {\nfont-size: 40px;\nfont-weight: 800;\nline-height: 1.2;\nmargin: 0 0 16px;\n}\n\n.section-highlights-feature-item .feature-description {\nfont-size: 20px;\nfont-weight: 400;\nline-height: 1.5;\nmargin: 0;\n}\n\n.section-highlights-feature-item img {\naspect-ratio: 1\/1;\nwidth: 100%;\nheight: 100%;\nobject-fit: cover;\nobject-position: center;\n}\n\n\/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n.highlightSwiper {\nwidth: 100%;\npadding-top: 32px;\n}\n\n.highlightSwiper .swiper-wrapper {\nwidth: 100%;\nheight: auto;\n}\n\n.highlightSwiper .swiper-wrapper .slide-header {\nwidth: 100%;\npadding: 40px 16px;\ntext-align: center;\ncolor: #ffffff;\n}\n\n.highlightSwiper .swiper-wrapper .slide-image {\naspect-ratio: 1\/1;\nwidth: 100%;\nheight: 100%;\nmin-height: 300px;\nobject-fit: cover;\nobject-position: center;\nborder-radius: 32px;\noverflow: hidden;\n}\n\n.highlightSwiper-pagination {\ndisplay: block;\nwidth: 100%;\npadding: 16px;\ntext-align: center;\n}\n\n.highlightSwiper-pagination .swiper-pagination-bullet {\nwidth: 16px;\nheight: 16px;\nborder-radius: 100px;\nbackground-color: #dddddd;\nmargin: 0 8px;\ntransition: all 1s ease;\n}\n\n.highlightSwiper-pagination .swiper-pagination-bullet-active {\nbackground-color: #ffffff !important;\nwidth: 48px;\nheight: 16px;\n}\n\n\/* ------------------------------------------------------------\n[Sections] Daily Essentials\n------------------------------------------------------------ *\/\n.section-daily-essentials {\nbackground-color: #1c1c1c;\n}\n\n.section-daily-essentials img {\naspect-ratio: 468\/605;\nwidth: 100%;\nheight: 100%;\nobject-fit: cover;\nobject-position: center;\n}\n\n@media (min-width: 1080px) {\n.section-daily-essentials-container {\ndisplay: grid;\ngrid-template-columns: repeat(2, 3fr);\ngrid-auto-rows: minmax(300px, auto);\ngap: 32px;\n}\n\n.section-daily-essentials-item:nth-child(1) {\ngrid-column: 1 \/ 2;\ngrid-row: 1 \/ 3;\n}\n\n.section-daily-essentials-item:nth-child(2) {\ngrid-column: 2 \/ 3;\ngrid-row: 1 \/ 2;\n}\n\n.section-daily-essentials-item:nth-child(3) {\ngrid-column: 1 \/ 2;\ngrid-row: 3 \/ 4;\n}\n\n.section-daily-essentials-item:nth-child(4) {\ngrid-column: 2 \/ 3;\ngrid-row: 2 \/ 4;\n}\n}\n\n@media (max-width: 1079.98px) {\n.section-daily-essentials-container {\ndisplay: grid;\ngrid-template-columns: repeat(1, 4frr);\ngrid-auto-rows: minmax(300px, auto);\ngap: 32px;\n}\n\n.section-daily-essentials-item:nth-child(1) {\ngrid-column: 1 \/ 2;\ngrid-row: 2 \/ 3;\n}\n\n.section-daily-essentials-item:nth-child(2) {\ngrid-column: 1 \/ 2;\ngrid-row: 1 \/ 2;\n}\n\n.section-daily-essentials-item:nth-child(3) {\ngrid-column: 1 \/ 2;\ngrid-row: 3 \/ 4;\n}\n\n.section-daily-essentials-item:nth-child(4) {\ngrid-column: 1 \/ 2;\ngrid-row: 4 \/ 5;\n}\n}\n\n.section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] {\nposition: relative;\ndisplay: flex;\nflex-direction: column;\njustify-content: center;\nalign-items: flex-start;\nbackground-color: #ffffff;\nheight: 100%;\nborder-radius: 16px;\noverflow: hidden;\n}\n\n.section-daily-essentials-item .section-daily-essentials-list-text-item {\npadding: 40px;\ncolor: #000000;\n}\n\n.section-daily-essentials-item .essential-headline {\nfont-size: 40px;\nfont-weight: 800;\nline-height: 1.2;\nmargin: 0 0 16px;\n}\n\n.section-daily-essentials-item .essential-description {\nfont-size: 20px;\nfont-weight: 400;\nline-height: 1.5;\nmargin: 0;\n}\n\n\/* ------------------------------------------------------------\n[Sections] Series Inspiration\n------------------------------------------------------------ *\/\n.section-series-inspiration {\nbackground-color: #1c1c1c;\n}\n\n.section-series-inspiration-container {\nposition: relative;\n}\n\n.section-series-inspiration-button,\n.edition-inspiration-button {\nposition: absolute;\ntop: 0;\nright: 0;\nmargin: 32px;\nwidth: 40px;\nheight: 40px;\ncolor: #ffffff;\nbackground-color: transparent;\nborder: none;\nborder-radius: 100px;\ncursor: pointer;\ntransition: all 0.3s ease;\nz-index: 1;\n}\n\n@media (min-width: 1080px) {\n.section-series-inspiration .section-body {\nposition: relative;\nmax-width: 1200px;\npadding: 0 4rem;\nmargin: 0 auto;\n}\n\n.section-series-inspiration-container {\nborder-radius: 32px;\noverflow: hidden;\n}\n}\n\n@media (max-width: 1079.98px) {\n.section-series-inspiration.section-body {\nposition: relative;\npadding: 0;\nborder-radius: 0;\n}\n}\n\n\/* ------------------------------------------------------------\nModal Styles\n------------------------------------------------------------ *\/\n.edition-inspiration-button {\nbackground: linear-gradient(\n135deg,\nrgba(255, 255, 255, 0.1),\nrgba(255, 255, 255, 0.05)\n);\nbackdrop-filter: blur(20px);\n-webkit-backdrop-filter: blur(20px);\nborder: 1px solid rgba(255, 255, 255, 0.2);\nbox-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\ninset 0 1px 0 rgba(255, 255, 255, 0.2);\npadding: 4px;\nborder-radius: 100px;\ntransition: all 0.3s ease;\n}\n\n.edition-inspiration-button:hover {\nbackground: rgba(255, 255, 255, 0.25);\n}\n\n#modal-subscription {\ndisplay: none;\nposition: fixed;\nz-index: 1000;\nleft: 0;\ntop: 0;\nwidth: 100%;\nheight: 100%;\nbackground-color: rgba(0, 0, 0, 0.6);\n}\n\n#modal-subscription .modal-content {\nposition: absolute;\ntop: 50%;\nleft: 50%;\ntransform: translate(-50%, -50%);\nbackground-color: #1c1c1c;\npadding: 48px;\nwidth: 90%;\nmax-width: 740px;\nmin-height: 600px;\nborder-radius: 32px;\ndisplay: flex;\nalign-items: center;\n}\n\n#modal-subscription .modal-header {\nposition: absolute;\ntop: 20px;\nright: 20px;\nz-index: 1001;\ndisplay: flex;\njustify-content: center;\nalign-items: center;\nwidth: 50px;\nheight: 50px;\nbackground-color: #ffffff;\nborder-radius: 100px;\ncursor: pointer;\n}\n\n#modal-subscription .modal-header .close {\ndisplay: flex;\njustify-content: center;\nalign-items: center;\ntransition: all 0.3s ease;\n}\n\n#modal-subscription .modal-header .close svg {\nwidth: 24px;\nheight: 24px;\ncolor: #1c1c1c;\n}\n\n#modal-subscription .modal-header:hover {\nbackground-color: #000000;\n}\n\n#modal-subscription .modal-header:hover svg {\ncolor: #ffffff;\n}\n\n#modal-subscription .modal-text-content {\nwidth: 100%;\ntext-align: center;\nmargin-bottom: 32px;\n}\n\n#modal-subscription input[type=\"email\"] {\ntext-align: center;\n}\n\n#modal-subscription button[type=\"submit\"] {\nborder-radius: 100px;\n}\n\n#modal-content {\ndisplay: none;\nposition: fixed;\nz-index: 1000;\nleft: 0;\ntop: 0;\nwidth: 100%;\nheight: 100%;\n}\n\n#modal-content .modal-content {\nposition: absolute;\ntop: 50%;\nleft: 50%;\ntransform: translate(-50%, -50%);\nbackground: linear-gradient(\n135deg,\nrgba(255, 255, 255, 0.1),\nrgba(255, 255, 255, 0.05)\n);\nbackdrop-filter: blur(20px);\n-webkit-backdrop-filter: blur(20px);\nborder: 1px solid rgba(255, 255, 255, 0.2);\nbox-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\ninset 0 1px 0 rgba(255, 255, 255, 0.2);\npadding: 48px;\nwidth: 90%;\nmax-width: 800px;\nborder-radius: 32px;\n}\n\n.modal-body {\npadding: 0;\n}\n\n.modal-image-container {\nwidth: 100%;\ntext-align: center;\ncolor: #ffffff;\n}\n\n.modal-image {\nwidth: 100%;\nheight: auto;\nborder-radius: 16px;\nobject-fit: contain;\nbox-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n#modal-content .modal-headline {\ncolor: #ffffff;\n}\n\n@media (min-width: 1080px) {\n.modal-text-content {\npadding: 40px;\ncolor: #ffffff;\n}\n\n.modal-headline {\nfont-size: 48px;\nfont-weight: 800;\nline-height: 1.2;\nmargin: 0 0 16px;\n}\n\n.modal-subheadline {\nfont-size: 20px;\nfont-weight: 400;\nline-height: 1.5;\nmargin: 0;\n}\n}\n\n@media (max-width: 1079.98px) {\n.modal-content {\nwidth: 95%;\nmargin: 20px auto;\npadding: 15px;\n}\n\n.modal-header {\ntop: 15px;\nright: 15px;\n}\n\n.modal-text-content {\npadding: 16px 0;\ncolor: #ffffff;\n}\n\n.modal-content .modal-image {\ncursor: pointer;\n}\n\n.modal-headline {\nfont-size: 24px;\nfont-weight: 800;\nline-height: 1.2;\nmargin: 0 0 16px;\n}\n\n.modal-subheadline {\nfont-size: 16px;\nfont-weight: 400;\nline-height: 1.5 !important;\nmargin: 0;\n}\n\n.close {\nwidth: 40px;\nheight: 40px;\nfont-size: 24px;\n}\n}\n\u003c\/style\u003e\n\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\n\n\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\n\u003clink rel=\"stylesheet\" href=\"style.css\"\u003e\n\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003csection class=\"section-intro\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\u003ch1 class=\"section-headline\"\u003eTraverse Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\nReunite with nature. Hand-drawn sticker collage design brings back childhood camping nostalgia. Let the good times roll.\n\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eSubscribe\u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\u003cimg class=\"section-intro-banner sq-desktop-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_traverse_desktop_01.jpg?v=1761765262\u0026amp;width=700\" alt=\"A green iPhone 17 Pro Series Turbo Edition with a clear case covered in outdoor and travel-themed stickers rests on the orange hood of a car next to a wooden vintage radio and a gray blanket draped over a map in a forest setting.\"\u003e\n\u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_traverse_mobile_01.jpg?v=1761765262\u0026amp;width=700\" alt=\"A green iPhone 17 Pro Series Turbo Edition with a clear case covered in outdoor and travel-themed stickers rests on the orange hood of a car next to a wooden vintage radio and a gray blanket draped over a map in a forest setting.\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section-highlights sq-desktop-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_feature_01.jpg?v=1761765262\u0026amp;width=700\" alt=\"An extreme close-up of the iPhone 17 Pro Series Turbo case stickers showing the Hexa-layering technology Feature, highlighted by an orange 4x4 off-road truck, the text Explore More, Nature Vibes, scattered trees, and a camping lantern.\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eHexa-layering technology\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003e\nDiscover 3D Spatial Effect graphics with Hexa-Layer Digital\nPrint. Meet the new standard of top- quality design. The\nunique detail mimics the complexity of time with layers of\nin-depth printing that's in a league of its own.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eAll-around protection\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003e\nCamera guard and air-cushion technology keep your iPhone 17\nPro safe every day.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_feature_02.jpg?v=1761765262\u0026amp;width=700\" alt=\"Spigen c11 Traverse Edition clear phone case for iPhone 17 Pro, showing the green camera bump protection and adventure stickers.\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_feature_03.jpg?v=1761765261\u0026amp;width=700\" alt=\"Close up of the iPhone 17 Pro c11 Traverse highlighting the Air Cushion Feature\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section-highlights sq-mobile-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eHexa-layering technology.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\nDiscover 3D Spatial Effect graphics with Hexa-Layer\nDigital Print. Meet the new standard of top- quality\ndesign. The unique detail mimics the complexity of time\nwith layers of in depth printing that's in a league of its\nown.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_feature_01.jpg?v=1761765262\u0026amp;width=700\" alt=\"An extreme close-up of the iPhone 17 Pro Series Turbo case stickers showing the Hexa-layering technology Feature, highlighted by an orange 4x4 off-road truck, the text Explore More, Nature Vibes, scattered trees, and a camping lantern.\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eSafeguard the essentials.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\nRaised edges prevent scratches on screen and camera at all\nangles.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_feature_02.jpg?v=1761765262\u0026amp;width=700\" alt=\"Spigen c11 Traverse Edition clear phone case for iPhone 17 Pro, showing the green camera bump protection and adventure stickers.\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eProtection you can trust.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\nAir Cushion™ Technology absorbs and mitigates all impacts\nin each corner.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_feature_03.jpg?v=1761765261\u0026amp;width=700\" alt=\"Close up of the iPhone 17 Pro c11 Traverse highlighting the Air Cushion Feature\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nvar swiper = new Swiper(\".highlightSwiper\", {\nslidesPerView: 1,\nspaceBetween: 32,\npagination: {\nel: \".highlightSwiper-pagination\",\nclickable: true,\n},\n});\n\u003c\/script\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section-daily-essentials\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eDaily essentials\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_feature_04.jpg?v=1761765262\u0026amp;width=700\" alt=\"Hand holding an iPhone 17 Pro in an olive green c11 Traverse case, Camera Cutout Button displaying the camera screen capturing a glowing tent at night.\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eEasy access\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003e\nPrecise cutouts for easy and full access to all the buttons on\niPhone.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eSimply charge on.\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003e\nWe know it’s a hassle to take the case off. So, simply charge\non with the case on via wireless charger or MagSafe charger.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_feature_05.jpg?v=1761765262\u0026amp;width=700\" alt=\"Two green-cased iPhones side-by-side: the left one is charging wirelessly, displaying the lock screen, and the right one is face down, showing a white MagSafe charger over nature-themed stickers.\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section-series-inspiration\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eIt’s now or never.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-series-inspiration-container\"\u003e\n\u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_sub.jpg?v=1761765262\u0026amp;width=700\" alt=\"iPhone 17 Pro c11 Traverse phone case with a green camera bump, decorated with various nature and off-roading stickers, resting on a wooden surface next to a lantern.\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Modal for Subscription --\u003e\n\u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\n\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\n\u003cpath fill=\"currentColor\" d=\"M135.5 169C126.1 159.6 126.1 144.4 135.5 135.1C144.9 125.8 160.1 125.7 169.4 135.1L320.4 286.1L471.4 135.1C480.8 125.7 496 125.7 505.3 135.1C514.6 144.5 514.7 159.7 505.3 169L354.3 320L505.3 471C514.7 480.4 514.7 495.6 505.3 504.9C495.9 514.2 480.7 514.3 471.4 504.9L320.4 353.9L169.4 504.9C160 514.3 144.8 514.3 135.5 504.9C126.2 495.5 126.1 480.3 135.5 471L286.5 320L135.5 169z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"modal-image-container\"\u003e\n\u003cdiv class=\"modal-text-content text-light\"\u003e\n\u003ch1 class=\"modal-headline\"\u003eStay ahead of new drops.\u003c\/h1\u003e\n\u003cp class=\"modal-subheadline\"\u003e\nSubscribe and be the first to explore fresh \u003cbr\u003ec11 designs\nevery month.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/\/ Modal functionality\ndocument.addEventListener(\"DOMContentLoaded\", function () {\nconsole.log(\"Modal script loaded\");\n\n\/\/ Get modal elements\nconst modalSubscription = document.getElementById(\"modal-subscription\");\nconst modalContent = document.getElementById(\"modal-content\");\n\n\/\/ Get button elements\nconst ctaButton = document.querySelector(\".cta-button\");\nconst inspirationButton = document.querySelector(\n\".edition-inspiration-button\"\n);\n\nconsole.log(\"CTA Button found:\", ctaButton);\nconsole.log(\"Inspiration Button found:\", inspirationButton);\nconsole.log(\"Modal Subscription found:\", modalSubscription);\nconsole.log(\"Modal Content found:\", modalContent);\n\n\/\/ Function to open modal\nfunction openModal(modal) {\nif (modal) {\nmodal.style.display = \"block\";\ndocument.body.style.overflow = \"hidden\";\nconsole.log(\"Modal opened:\", modal.id);\n}\n}\n\n\/\/ Function to close modal\nfunction closeModal(modal) {\nif (modal) {\nmodal.style.display = \"none\";\ndocument.body.style.overflow = \"auto\";\nconsole.log(\"Modal closed:\", modal.id);\n}\n}\n\n\/\/ CTA Button ? Subscription Modal\nif (ctaButton \u0026\u0026 modalSubscription) {\nctaButton.addEventListener(\"click\", function (e) {\ne.preventDefault();\ne.stopPropagation();\nconsole.log(\"CTA button clicked\");\nopenModal(modalSubscription);\n});\n} else {\nconsole.error(\"CTA button or subscription modal not found\");\n}\n\n\/\/ Inspiration Button ? Content Modal\nif (inspirationButton \u0026\u0026 modalContent) {\ninspirationButton.addEventListener(\"click\", function (e) {\ne.preventDefault();\ne.stopPropagation();\nconsole.log(\"Inspiration button clicked\");\nopenModal(modalContent);\n});\n} else {\nconsole.error(\"Inspiration button or content modal not found\");\n}\n\n\/\/ Close buttons\nconst closeBtns = document.querySelectorAll(\".close\");\ncloseBtns.forEach(function (closeBtn) {\ncloseBtn.addEventListener(\"click\", function (e) {\ne.preventDefault();\ne.stopPropagation();\nconst modalId = this.getAttribute(\"data-modal\");\nconst modal = document.getElementById(modalId);\nconsole.log(\"Close button clicked for modal:\", modalId);\ncloseModal(modal);\n});\n});\n\n\/\/ Close modal when clicking outside of modal content\nwindow.addEventListener(\"click\", function (event) {\nif (event.target.classList.contains(\"modal\")) {\nconsole.log(\"Modal background clicked\");\ncloseModal(event.target);\n}\n});\n\n\/\/ ESC key to close modals\ndocument.addEventListener(\"keydown\", function (e) {\nif (e.key === \"Escape\") {\nif (\nmodalSubscription \u0026\u0026\nmodalSubscription.style.display === \"block\"\n) {\ncloseModal(modalSubscription);\n}\nif (modalContent \u0026\u0026 modalContent.style.display === \"block\") {\ncloseModal(modalContent);\n}\n}\n});\n\n\/\/ Modal image click to close modal (only for mobile screens)\nconst modalImage = document.querySelector(\"#modal-content .modal-image\");\nif (modalImage \u0026\u0026 modalContent) {\nmodalImage.addEventListener(\"click\", function (e) {\n\/\/ Check if screen width is 1079.98px or less\nif (window.matchMedia(\"(max-width: 1079.98px)\").matches) {\ne.preventDefault();\ne.stopPropagation();\nconsole.log(\"Modal image clicked on mobile - closing modal\");\ncloseModal(modalContent);\n}\n});\n}\n});\n\u003c\/script\u003e\n\n\u003cscript\u003e\n\/\/ Omnisend ? ?? ??? ???\ndocument.addEventListener(\"DOMContentLoaded\", function () {\nconst modalTitle = document.querySelector(\".modal-title\");\nconst modalText = document.querySelector(\".modal-text\");\nconst modalContent = document.querySelector(\".modal-content-wrapper\");\nlet hasChanged = false; \/\/ ?? ??? ???? ???\n\n\/\/ Omnisend ?? ?? ?? ??\nconst checkSuccess = function () {\nconst successSection = document.querySelector(\n\".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\"\n);\nif (\nsuccessSection \u0026\u0026\nwindow.getComputedStyle(successSection).display !== \"none\" \u0026\u0026\n!hasChanged\n) {\n\/\/ ?? ?? ?? (? ?? ??)\nmodalTitle.textContent = \"Nice to have you!\";\nmodalText.innerHTML =\n\"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\";\n\n\/\/ Omnisend ? ???\nconst omnisendForm = document.getElementById(\n\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\n);\nif (omnisendForm) {\nomnisendForm.style.display = \"none\";\n}\n\nhasChanged = true; \/\/ ?????? ??\nclearInterval(checkInterval); \/\/ ??? ??\n}\n};\n\n\/\/ ????? ?? ?? ??\nconst checkInterval = setInterval(checkSuccess, 500);\n\n\/\/ ? ?? ?? ?? ??? ??\nconst submitButton = document.querySelector(\n\"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\"\n);\nif (submitButton) {\u003c\/script\u003e\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Traverse \/ Out of Stock","offer_id":44363221729358,"sku":"cqs1789898858119","price":43.44,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Traverse \/ In Stock","offer_id":44363221762126,"sku":"pel1789898858120","price":34.64,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/2962\/9518\/files\/iphone-17-series---c11-series-traverse-edition-mag-fit_1.jpg?v=1789898863","url":"https:\/\/measuringcupclad.shop\/products\/iphone-17-series-c11-series-traverse-edition-mag-fit","provider":"My Store","version":"1.0","type":"link"}