{"title":"iPhone 17 Pro Max","description":"\u003cp\u003eiPhone 17 Pro Max\u003c\/p\u003e","products":[{"product_id":"iphone-17-series-optik-pro-ez-fit-lens-protector","title":"iPhone 17 Series - Optik Pro EZ Fit Lens Protector - US 8826","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Orange \/ In Stock","offer_id":47914417324258,"sku":"US-8826-IPHONE-17-PRO-MAX-ORANGE-IN-STOCK","price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Gray \/ In Stock","offer_id":47914417357026,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Silver \/ In Stock","offer_id":47914417389794,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Orange \/ In Stock","offer_id":47914417422562,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Gray \/ In Stock","offer_id":47914417455330,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Silver \/ In Stock","offer_id":47914417488098,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Gray \/ Out of Stock","offer_id":47914417520866,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Silver \/ Out of Stock","offer_id":47914417553634,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Black \/ In Stock","offer_id":47914417586402,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Gold \/ Out of Stock","offer_id":47914417619170,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Silver \/ In Stock","offer_id":47914417651938,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Black \/ In Stock","offer_id":47914417684706,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Purple \/ In Stock","offer_id":47914417717474,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Green \/ In Stock","offer_id":47914417750242,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Blue \/ In Stock","offer_id":47914417783010,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_web_iphone_17pro_glastr_ez_fit_optik_pro_gray_01_b92906fd-c280-4723-9a59-2e2ce14ad413.jpg?v=1782117034"},{"product_id":"iphone-17-series-screen-protector-glas-tr-ez-fit-sensor-protected","title":"iPhone 17 Series - GLAS.tR EZ Fit | Sensor Protected - US 5838","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Clear \/ In Stock","offer_id":47914418340066,"sku":"US-5838-IPHONE-17-PRO-MAX-CLEAR-IN-STOCK","price":5.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Clear \/ In Stock","offer_id":47914418372834,"sku":null,"price":5.25,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Clear \/ In Stock","offer_id":47914418405602,"sku":null,"price":5.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Clear \/ In Stock","offer_id":47914418438370,"sku":null,"price":5.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_web_iphone6.9_2025__glastr_ez_fit_01.jpg?v=1782117037"},{"product_id":"iphone-17-series-screen-protector-glas-tr-ez-fit-privacy","title":"iPhone 17 Series - GLAS.tR EZ Fit | Privacy - US 1703","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Privacy \/ In Stock","offer_id":47914418503906,"sku":"US-1703-IPHONE-17-PRO-MAX-PRIVACY-IN-STOCK","price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Privacy \/ In Stock","offer_id":47914418536674,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Privacy \/ In Stock","offer_id":47914418569442,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Privacy \/ In Stock","offer_id":47914418602210,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_web_iphone6.9_2025__glastr_ez_fit_privacy_01.jpg?v=1782117039"},{"product_id":"iphone-17-series-case-tough-armor-t-magfit","title":"iPhone 17 Series - Tough Armor T (Mag Fit) - US 8069","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Black \/ In Stock","offer_id":47914418700514,"sku":"US-8069-IPHONE-17-PRO-MAX-BLACK-IN-STOCK","price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Gunmetal \/ In Stock","offer_id":47914418733282,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Black \/ In Stock","offer_id":47914418766050,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Gunmetal \/ In Stock","offer_id":47914418798818,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Black \/ In Stock","offer_id":47914418831586,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Black \/ In Stock","offer_id":47914418864354,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Gunmetal \/ In Stock","offer_id":47914418897122,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/detail_iphone17pro_tough_armor_t_magfit_black_01.jpg?v=1782117043"},{"product_id":"iphone-17-series-case-urban-fit-t-magfit","title":"iPhone 17 Series - Urban Fit T (Mag Fit) - US 6741","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Mocha Brown \/ Out of Stock","offer_id":47914418929890,"sku":"US-6741-IPHONE-17-PRO-MAX-MOCHA-BROWN-OUT-OF-STOCK","price":10.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Mocha Brown \/ Out of Stock","offer_id":47914418962658,"sku":null,"price":10.5,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Mocha Brown \/ Out of Stock","offer_id":47914418995426,"sku":null,"price":10.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_web_iphone17_promax_urban_fit_t_mf_01.jpg?v=1782117045"},{"product_id":"iphone-17-series-case-thin-fit-magfit","title":"iPhone 17 Series - Thin Fit (Mag Fit) - US 9405","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Black \/ In Stock","offer_id":47914419126498,"sku":"US-9405-IPHONE-17-PRO-MAX-BLACK-IN-STOCK","price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Gunmetal \/ In Stock","offer_id":47914419159266,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Abyss Green \/ In Stock","offer_id":47914419192034,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Metal Slate \/ In Stock","offer_id":47914419224802,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Black \/ In Stock","offer_id":47914419257570,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Gunmetal \/ In Stock","offer_id":47914419290338,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Abyss Green \/ In Stock","offer_id":47914419323106,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Black \/ In Stock","offer_id":47914419355874,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Gunmetal \/ In Stock","offer_id":47914419388642,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Abyss Green \/ In Stock","offer_id":47914419421410,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Black \/ In Stock","offer_id":47914419454178,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Gunmetal \/ In Stock","offer_id":47914419486946,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Abyss Green \/ In Stock","offer_id":47914419519714,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_ip17pro_thinfit_magfit_01.jpg?v=1782117050"},{"product_id":"iphone-17-series-case-ultra-hybrid-zero-one-magfit","title":"iPhone 17 Series - Ultra Hybrid Zero One (Mag Fit) - US 1207","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Zero One Natural Titanium \/ In Stock","offer_id":47914419552482,"sku":"US-1207-IPHONE-17-PRO-MAX-ZERO-ONE-NATURAL-TITANIUM-IN-STOCK","price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Zero One Black \/ In Stock","offer_id":47914419585250,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Zero One White \/ In Stock","offer_id":47914419618018,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Zero One Natural Titanium \/ In Stock","offer_id":47914419650786,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Zero One Black \/ In Stock","offer_id":47914419683554,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Zero One White \/ In Stock","offer_id":47914419716322,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Zero One Natural Titanium \/ In Stock","offer_id":47914419749090,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Zero One Black \/ In Stock","offer_id":47914419781858,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Zero One White \/ In Stock","offer_id":47914419814626,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Zero One Natural Titanium \/ In Stock","offer_id":47914419847394,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Zero One Black \/ In Stock","offer_id":47914419880162,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Zero One White \/ In Stock","offer_id":47914419912930,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_web_iphone_17_pro_ultra_hybrid_magfit_zero_one_natural_titanium_01.jpg?v=1782117056"},{"product_id":"iphone-17-series-case-ultra-hybrid-s-magfit","title":"iPhone 17 Series - Ultra Hybrid S (Mag Fit) - US 9154","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Clear White \/ In Stock","offer_id":47914419945698,"sku":"US-9154-IPHONE-17-PRO-MAX-CLEAR-WHITE-IN-STOCK","price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Clear White \/ In Stock","offer_id":47914419978466,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Clear White \/ In Stock","offer_id":47914420011234,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Clear White \/ In Stock","offer_id":47914420044002,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_web_iphone_6.9_ultra_hybird_s_magfit_white_01.jpg?v=1782117058"},{"product_id":"iphone-17-series-case-ultra-hybrid-neo-one-magfit","title":"iPhone 17 Series - Ultra Hybrid Neo One (Mag Fit) - US 9521","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Neo One \/ In Stock","offer_id":47914420076770,"sku":"US-9521-IPHONE-17-PRO-MAX-NEO-ONE-IN-STOCK","price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Neo One \/ In Stock","offer_id":47914420109538,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Neo One \/ In Stock","offer_id":47914420142306,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Neo One \/ In Stock","offer_id":47914420175074,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_web_iphone_17_pro_ultra_hybrid_magfit_01.jpg?v=1782117061"},{"product_id":"iphone-17-series-case-ultra-hybrid-classic-magfit","title":"iPhone 17 Series - Ultra Hybrid Classic (Mag Fit) - US 5931","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Classic Silver \/ In Stock","offer_id":47914420207842,"sku":"US-5931-IPHONE-17-PRO-MAX-CLASSIC-SILVER-IN-STOCK","price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Classic Black \/ In Stock","offer_id":47914420240610,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Classic Silver \/ In Stock","offer_id":47914420273378,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Classic Black \/ In Stock","offer_id":47914420306146,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Classic Silver \/ In Stock","offer_id":47914420338914,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Classic Black \/ In Stock","offer_id":47914420371682,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Classic Silver \/ In Stock","offer_id":47914420404450,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Classic Black \/ In Stock","offer_id":47914420437218,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_web_iphone_17_pro_ultra_hybrid_classic_silver_01.jpg?v=1782117065"},{"product_id":"iphone-17-series-case-ultra-hybrid-magfit","title":"iPhone 17 Series - Ultra Hybrid (Mag Fit) - US 7246","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Clear Orange \/ In Stock","offer_id":47914420535522,"sku":"US-7246-IPHONE-17-PRO-MAX-CLEAR-ORANGE-IN-STOCK","price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Clear White \/ In Stock","offer_id":47914420568290,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Clear Graphite \/ In Stock","offer_id":47914420601058,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Clear Gold \/ In Stock","offer_id":47914420633826,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Clear Deep Blue \/ In Stock","offer_id":47914420666594,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Clear Orange \/ In Stock","offer_id":47914420699362,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Clear White \/ In Stock","offer_id":47914420732130,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Clear Graphite \/ In Stock","offer_id":47914420764898,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Clear Gold \/ In Stock","offer_id":47914420797666,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Clear Deep Blue \/ In Stock","offer_id":47914420830434,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Clear White \/ In Stock","offer_id":47914420863202,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Clear Graphite \/ In Stock","offer_id":47914420895970,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Clear Gold \/ In Stock","offer_id":47914420928738,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Clear White \/ Out of Stock","offer_id":47914420961506,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Clear Graphite \/ In Stock","offer_id":47914420994274,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Clear Gold \/ Out of Stock","offer_id":47914421027042,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_web_iphone_17_pro_max_ultra_hybrid_magfit_white_01.jpg?v=1782117070"},{"product_id":"iphone-17-series-case-ultra-hybrid","title":"iPhone 17 Series - Ultra Hybrid - US 3648","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Crystal Clear \/ In Stock","offer_id":47914421059810,"sku":"US-3648-IPHONE-17-PRO-MAX-CRYSTAL-CLEAR-IN-STOCK","price":5.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Matte Black \/ In Stock","offer_id":47914421092578,"sku":null,"price":5.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Crystal Clear \/ In Stock","offer_id":47914421125346,"sku":null,"price":5.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Matte Black \/ In Stock","offer_id":47914421158114,"sku":null,"price":5.25,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Crystal Clear \/ In Stock","offer_id":47914421190882,"sku":null,"price":5.25,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Matte Black \/ In Stock","offer_id":47914421223650,"sku":null,"price":5.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Crystal Clear \/ In Stock","offer_id":47914421256418,"sku":null,"price":5.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Matte Black \/ In Stock","offer_id":47914421289186,"sku":null,"price":5.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_web_iphone17_pro_ultra_hybrid_cc_01.jpg?v=1782117074"},{"product_id":"iphone-17-series-case-core-armor-magfit","title":"iPhone 17 Series - Core Armor (Mag Fit) - US 2148","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Matte Black \/ Out of Stock","offer_id":47914421485794,"sku":"US-2148-IPHONE-17-PRO-MAX-MATTE-BLACK-OUT-OF-STOCK","price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Marble Gray \/ Out of Stock","offer_id":47914421518562,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Matte Black \/ Out of Stock","offer_id":47914421551330,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Marble Gray \/ Out of Stock","offer_id":47914421584098,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Matte Black \/ Out of Stock","offer_id":47914421616866,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Marble Gray \/ Out of Stock","offer_id":47914421649634,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Matte Black \/ Out of Stock","offer_id":47914421682402,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Marble Gray \/ Out of Stock","offer_id":47914421715170,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/detail_iphone17pro_core_armor_magfit_black_01.jpg?v=1782117085"},{"product_id":"iphone-17-series-case-slim-armor-magfit","title":"iPhone 17 Series - Slim Armor (Mag Fit) - US 2950","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Black \/ Out of Stock","offer_id":47914421780706,"sku":"US-2950-IPHONE-17-PRO-MAX-BLACK-OUT-OF-STOCK","price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Metal Slate \/ Out of Stock","offer_id":47914421813474,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Abyss Green \/ Out of Stock","offer_id":47914421846242,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Frost Black \/ Out of Stock","offer_id":47914421879010,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Black \/ Out of Stock","offer_id":47914421911778,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Metal Slate \/ Out of Stock","offer_id":47914421944546,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Abyss Green \/ Out of Stock","offer_id":47914421977314,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Frost Black \/ Out of Stock","offer_id":47914422010082,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Black \/ Out of Stock","offer_id":47914422042850,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Metal Slate \/ Out of Stock","offer_id":47914422075618,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Abyss Green \/ Out of Stock","offer_id":47914422108386,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Frost Black \/ Out of Stock","offer_id":47914422141154,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Black \/ Out of Stock","offer_id":47914422173922,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Metal Slate \/ Out of Stock","offer_id":47914422206690,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Abyss Green \/ Out of Stock","offer_id":47914422239458,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Frost Black \/ Out of Stock","offer_id":47914422272226,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_ip17promax_slim_armor_magfit_01.jpg?v=1782117089"},{"product_id":"iphone-17-series-case-optik-armor-magfit","title":"iPhone 17 Series - Optik Armor (Mag Fit) - US 1112","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Black \/ In Stock","offer_id":47914422304994,"sku":"US-1112-IPHONE-17-PRO-MAX-BLACK-IN-STOCK","price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Abyss Green \/ In Stock","offer_id":47914422337762,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Black \/ In Stock","offer_id":47914422370530,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Abyss Green \/ In Stock","offer_id":47914422403298,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Black \/ In Stock","offer_id":47914422436066,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Black \/ In Stock","offer_id":47914422468834,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Abyss Green \/ In Stock","offer_id":47914422501602,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/detail_iphone17pro_promax_optik_armor_magfit_black_02.jpg?v=1782117094"},{"product_id":"iphone-17-series-case-nano-pop-magfit","title":"iPhone 17 Series - Nano Pop (Mag Fit) - US 5119","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Blueberry Navy \/ In Stock","offer_id":47914422534370,"sku":"US-5119-IPHONE-17-PRO-MAX-BLUEBERRY-NAVY-IN-STOCK","price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Burgundy Bean \/ In Stock","offer_id":47914422567138,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Black Sesame \/ In Stock","offer_id":47914422599906,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Blueberry Navy \/ In Stock","offer_id":47914422632674,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Burgundy Bean \/ In Stock","offer_id":47914422665442,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Black Sesame \/ In Stock","offer_id":47914422698210,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Blueberry Navy \/ In Stock","offer_id":47914422730978,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Burgundy Bean \/ In Stock","offer_id":47914422763746,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Black Sesame \/ In Stock","offer_id":47914422796514,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Blueberry Navy \/ In Stock","offer_id":47914422829282,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Burgundy Bean \/ In Stock","offer_id":47914422862050,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Black Sesame \/ In Stock","offer_id":47914422894818,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_web_iphone_6.9_nanopop_magfit_blueberry_navy_01.jpg?v=1782117098"},{"product_id":"iphone-17-series-case-liquid-air","title":"iPhone 17 Series - Liquid Air - US 2929","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Matte Black \/ In Stock","offer_id":47914422927586,"sku":"US-2929-IPHONE-17-PRO-MAX-MATTE-BLACK-IN-STOCK","price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Navy Blue \/ In Stock","offer_id":47914422960354,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Abyss Green \/ In Stock","offer_id":47914422993122,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Natural Titanium \/ In Stock","offer_id":47914423025890,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Rose Titanium \/ In Stock","offer_id":47914423058658,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Matte Black \/ In Stock","offer_id":47914423091426,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Navy Blue \/ In Stock","offer_id":47914423124194,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Abyss Green \/ In Stock","offer_id":47914423156962,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Natural Titanium \/ In Stock","offer_id":47914423189730,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Matte Black \/ In Stock","offer_id":47914423222498,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Navy Blue \/ In Stock","offer_id":47914423255266,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Abyss Green \/ In Stock","offer_id":47914423288034,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Natural Titanium \/ In Stock","offer_id":47914423320802,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Matte Black \/ In Stock","offer_id":47914423353570,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Navy Blue \/ Out of Stock","offer_id":47914423386338,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Abyss Green \/ In Stock","offer_id":47914423419106,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Natural Titanium \/ In Stock","offer_id":47914423451874,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_web_iphone_6.9_liquid_air_blk_01.jpg?v=1782117104"},{"product_id":"iphone-17-series-case-crystal-flex-magfit","title":"iPhone 17 Series - Crystal Flex (Mag Fit) - US 2492","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Clear White \/ Out of Stock","offer_id":47914423779554,"sku":"US-2492-IPHONE-17-PRO-MAX-CLEAR-WHITE-OUT-OF-STOCK","price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Clear White \/ Out of Stock","offer_id":47914423812322,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Clear White \/ Out of Stock","offer_id":47914423845090,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Clear White \/ Out of Stock","offer_id":47914423877858,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_iphone17promax_liquid_crystal_magfit_01.jpg?v=1782117106"},{"product_id":"iphone-17-series-ultra-hybrid-matte-magfit","title":"iPhone 17 Series - Ultra Hybrid Matte (Mag Fit) - US 9409","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Frost Black \/ In Stock","offer_id":47914423910626,"sku":"US-9409-IPHONE-17-PRO-MAX-FROST-BLACK-IN-STOCK","price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Frost White \/ In Stock","offer_id":47914423943394,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Frost Black Orange \/ In Stock","offer_id":47914423976162,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Frost Black \/ In Stock","offer_id":47914424008930,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Frost White \/ In Stock","offer_id":47914424041698,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Frost Black Orange \/ In Stock","offer_id":47914424074466,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Frost Black \/ In Stock","offer_id":47914424107234,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Frost White \/ In Stock","offer_id":47914424140002,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Frost Black \/ In Stock","offer_id":47914424172770,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Frost White \/ In Stock","offer_id":47914424205538,"sku":null,"price":6.75,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_web_iphone_6.9_ultra_hybird_magfit_frost_blk_01.jpg?v=1782117109"},{"product_id":"iphone-17-series-glas-tr-alignmaster-s","title":"iPhone 17 Series - Glas.tR AlignMaster S - US 9885","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Clear \/ In Stock","offer_id":47914424238306,"sku":"US-9885-IPHONE-17-PRO-MAX-CLEAR-IN-STOCK","price":5.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Clear \/ In Stock","offer_id":47914424271074,"sku":null,"price":5.25,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Clear \/ In Stock","offer_id":47914424303842,"sku":null,"price":5.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Clear \/ In Stock","offer_id":47914424336610,"sku":null,"price":5.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_web_iphone_17_pro_max_align_master_s_2pk_cc_01.jpg?v=1782117112"},{"product_id":"iphone-17-series-glas-tr-alignmaster-s-privacy","title":"iPhone 17 Series - Glas.tR AlignMaster S Privacy - US 4771","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Privacy \/ In Stock","offer_id":47914424500450,"sku":"US-4771-IPHONE-17-PRO-MAX-PRIVACY-IN-STOCK","price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Privacy \/ In Stock","offer_id":47914424533218,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone Air \/ Privacy \/ In Stock","offer_id":47914424565986,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Privacy \/ In Stock","offer_id":47914424598754,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_web_iphone_17_pro_max_align_master_s_2pk_privacy_01_3fc74864-9d2b-42d7-9143-742d2e4c15ca.jpg?v=1782117115"},{"product_id":"iphone-17-series-case-classic-ls-magfit","title":"iPhone 17 Series - Classic LS (Mag Fit) - US 7171","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Stone \/ In Stock","offer_id":47914424631522,"sku":"US-7171-IPHONE-17-PRO-MAX-STONE-IN-STOCK","price":9.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Stone \/ In Stock","offer_id":47914424664290,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_web_iphone_17pro_classic_ls_magfit_01.jpg?v=1782117117"},{"product_id":"iphone-17-series-optik-pro-xl-ez-fit-lens-protector","title":"iPhone 17 Series - Optik Pro XL EZ Fit Lens Protector - US 6985","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Orange \/ In Stock","offer_id":47914424697058,"sku":"US-6985-IPHONE-17-PRO-MAX-ORANGE-IN-STOCK","price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Black \/ In Stock","offer_id":47914424729826,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Silver \/ In Stock","offer_id":47914424762594,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Blue \/ In Stock","offer_id":47914424795362,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Orange \/ In Stock","offer_id":47914424828130,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Black \/ In Stock","offer_id":47914424860898,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Silver \/ In Stock","offer_id":47914424893666,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Blue \/ In Stock","offer_id":47914424926434,"sku":null,"price":4.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/detail_web_iphone_17pro_glastr_ezfit_optik_pro_xl_black_01.jpg?v=1782117122"},{"product_id":"iphone-17-series-case-enzo-aramid-t","title":"iPhone 17 Series - Enzo Aramid T (Mag Fit) - US 5561","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Black Silver \/ In Stock","offer_id":47914424959202,"sku":"US-5561-IPHONE-17-PRO-MAX-BLACK-SILVER-IN-STOCK","price":10.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Black Black \/ In Stock","offer_id":47914424991970,"sku":null,"price":10.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Black Silver \/ In Stock","offer_id":47914425024738,"sku":null,"price":10.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Black Black \/ In Stock","offer_id":47914425057506,"sku":null,"price":10.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Black Silver \/ In Stock","offer_id":47914425090274,"sku":null,"price":10.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_web_iphone6.9_2025__enzo_aramid_t_silver_01.jpg?v=1782117125"},{"product_id":"iphone-17-series-case-ultra-hybrid-t-magfit","title":"iPhone 17 Series - Ultra Hybrid T (Mag Fit) - US 5796","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Glossy Orange \/ In Stock","offer_id":47914425123042,"sku":"US-5796-IPHONE-17-PRO-MAX-GLOSSY-ORANGE-IN-STOCK","price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Glossy White \/ In Stock","offer_id":47914425155810,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Matte Black \/ In Stock","offer_id":47914425188578,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Matte Blue \/ In Stock","offer_id":47914425221346,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Glossy Orange \/ In Stock","offer_id":47914425254114,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Glossy White \/ In Stock","offer_id":47914425286882,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Matte Black \/ In Stock","offer_id":47914425319650,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Matte Blue \/ In Stock","offer_id":47914425352418,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_web_iphone_17_pro_max_ultra_hybird_t_magfit_glossy_white_01_8ada46c5-3f2a-492e-878a-78cbe80da3b2.jpg?v=1782117129"},{"product_id":"iphone-17-series-case-silicone-fit-magfit","title":"iPhone 17 Series - Silicone Fit (Mag Fit) - US 3055","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Cosmic Orange \/ In Stock","offer_id":47914425385186,"sku":"US-3055-IPHONE-17-PRO-MAX-COSMIC-ORANGE-IN-STOCK","price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Black \/ In Stock","offer_id":47914425417954,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Abyss Green \/ In Stock","offer_id":47914425450722,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Stone \/ In Stock","offer_id":47914425483490,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Mute Blue \/ In Stock","offer_id":47914425516258,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Cosmic Orange \/ In Stock","offer_id":47914425549026,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Black \/ In Stock","offer_id":47914425581794,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Abyss Green \/ In Stock","offer_id":47914425614562,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Stone \/ In Stock","offer_id":47914425647330,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Mute Blue \/ In Stock","offer_id":47914425680098,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_ip17pro_siliconefit_magfit_01.jpg?v=1782117135"},{"product_id":"iphone-17-series-case-rugged-armor-magfit","title":"iPhone 17 Series - Rugged Armor (Mag Fit) - US 1579","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Matte Black \/ In Stock","offer_id":47914425778402,"sku":"US-1579-IPHONE-17-PRO-MAX-MATTE-BLACK-IN-STOCK","price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Gray \/ In Stock","offer_id":47914425811170,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Matte Black \/ In Stock","offer_id":47914425843938,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Gray \/ In Stock","offer_id":47914425876706,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Matte Black \/ In Stock","offer_id":47914425909474,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 \/ Gray \/ In Stock","offer_id":47914425942242,"sku":null,"price":6.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_web_iphone_17_pro_rugged_armor_black_01.jpg?v=1782117141"},{"product_id":"iphone-17-series-case-parallax-s-magfit","title":"iPhone 17 Series - Parallax S (Mag Fit) - US 1349","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Matte Black \/ In Stock","offer_id":47914425975010,"sku":"US-1349-IPHONE-17-PRO-MAX-MATTE-BLACK-IN-STOCK","price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Sage Green \/ In Stock","offer_id":47914426007778,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Matte Black \/ In Stock","offer_id":47914426040546,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Sage Green \/ In Stock","offer_id":47914426073314,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_web_iphone_17_pro_parallax_s_magfit_black_01.jpg?v=1782117144"},{"product_id":"iphone-17-series-case-nano-pop-hybrid-magfit","title":"iPhone 17 Series - Nano Pop Hybrid (Mag Fit) - US 7905","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Blueberry Navy \/ Out of Stock","offer_id":47914426106082,"sku":"US-7905-IPHONE-17-PRO-MAX-BLUEBERRY-NAVY-OUT-OF-STOCK","price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Avo Green \/ Out of Stock","offer_id":47914426138850,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Blueberry Navy \/ Out of Stock","offer_id":47914426171618,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Avo Green \/ Out of Stock","offer_id":47914426204386,"sku":null,"price":7.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_web_iphone17_promax_nanopop_hybrid_magfit_blueberry_navy_01.jpg?v=1782117147"},{"product_id":"iphone-17-series-case-classic-c1-magfit","title":"iPhone 17 Series - Classic C1 (Mag Fit) - US 7053","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Tangerine \/ In Stock","offer_id":47914426269922,"sku":"US-7053-IPHONE-17-PRO-MAX-TANGERINE-IN-STOCK","price":9.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Bondi Blue \/ In Stock","offer_id":47914426302690,"sku":null,"price":9.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Graphite \/ In Stock","offer_id":47914426335458,"sku":null,"price":9.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Ruby \/ In Stock","offer_id":47914426368226,"sku":null,"price":9.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Tangerine \/ In Stock","offer_id":47914426400994,"sku":null,"price":9.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Bondi Blue \/ In Stock","offer_id":47914426433762,"sku":null,"price":9.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Graphite \/ In Stock","offer_id":47914426466530,"sku":null,"price":9.75,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Ruby \/ In Stock","offer_id":47914426499298,"sku":null,"price":9.75,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/title_web_iphone_17_pro_max_classic_c1_magfit_bondiblue_01.jpg?v=1782117151"},{"product_id":"iphone-17-series-case-c11-series-huntington-edition-magfit","title":"iPhone 17 Series - c11 Series Huntington Edition (Mag Fit) - US 2718","description":"\u003cstyle\u003e body { margin: 0; padding: 0; } *, ::after, ::before { box-sizing: border-box; } .product-description section { position: relative; width: 100%; } .product-description section:first-of-type { border-top-left-radius: 32px; border-top-right-radius: 32px; } .product-description section:last-of-type { border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; } .product-description .section-container-fluid { width: 100%; max-width: 100%; margin: 0 auto; } .product-description .section-container { width: 100%; max-width: 1200px; margin: 0 auto; } @media (min-width: 1080px) { .product-description .section-container { padding: 0 4rem; } .product-description section:not(:first-of-type) { padding-bottom: 200px; } } @media (max-width: 1079.98px) { .product-description .section-container { padding: 0 2rem; } .product-description section:not(:first-of-type) { padding-bottom: 80px; } } .product-description img { width: 100%; height: auto; } \/* ------------------------------------------------------------ Text Alignment ------------------------------------------------------------ *\/ .product-description .text-center { text-align: center; } .product-description .text-left { text-align: left; } .product-description .text-right { text-align: right; } \/* ------------------------------------------------------------ Text Colors ------------------------------------------------------------ *\/ .product-description .text-dark * { color: #000; } .product-description .text-light * { color: #fff; } .product-description .text-info { color: #8d8d8f; } \/* ------------------------------------------------------------ Visibility ------------------------------------------------------------ *\/ @media (min-width: 1080px) { .product-description .sq-mobile-view { display: none; } } @media (max-width: 1079.98px) { .product-description .sq-desktop-view { display: none; } } \/* ------------------------------------------------------------ Headlines ------------------------------------------------------------ *\/ .product-description .section-header { max-width: 500px; margin: 0 auto; } .product-description .section-preheadline { font-weight: 400; line-height: 1.2; } .product-description .section-headline { font-weight: 800; line-height: 1.2; } .product-description .section-subheadline { font-weight: 400; line-height: 1.5; } @media (min-width: 1080px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 20px; margin: 0 0 8px; } .product-description .section-headline { font-size: 48px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 18px; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 18px; margin: 0 0 8px; } .product-description .section-headline { font-size: 36px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 16px; line-height: 1.5; margin: 0; } } .product-description .cta-button { display: inline-block; padding: 16px 32px; border-radius: 100px; background-color: #ffffff; border: 1px solid #ffffff; color: #000000; font-size: 20px; font-weight: 400; text-decoration: none; line-height: 1.5; margin: 0; transition: all 0.3s ease; cursor: pointer; } .product-description .cta-button:hover { background-color: #dedede; border-color: #dedede; color: #000000; } .product-description .section-header p + .cta-button { margin-top: 32px; } \/* ------------------------------------------------------------ [Sections] Intro ------------------------------------------------------------ *\/ .section-intro { background-color: #1c1c1c; } @media (min-width: 1080px) { .section-intro .section-intro-banner { width: 100%; height: 1200px; object-fit: cover; } } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .section-highlights { background-color: #1c1c1c; } .section-highlights .section-header { max-width: 480px; } .section-highlights-feature-container { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding: 16px; margin: 0 auto; } .section-highlights-feature-item { flex: 0 0 auto; padding: 16px; } @media (min-width: 1080px) { .section-highlights-feature-item:nth-child(1) { width: 50%; } .section-highlights-feature-item:nth-child(2) { width: 50%; } .section-highlights-feature-item:nth-child(3) { width: 40%; } .section-highlights-feature-item:nth-child(4) { width: 30%; } .section-highlights-feature-item:nth-child(5) { width: 30%; } } .section-highlights-feature-item [class^=\"section-highlights-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #000000; height: 100%; border-radius: 32px; overflow: hidden; } .section-highlights-feature-item .section-highlights-list-text-item { padding: 40px; color: #ffffff; } .section-highlights-feature-item .feature-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-highlights-feature-item .feature-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } .section-highlights-feature-item img { aspect-ratio: 1\/1; width: 100%; height: 100%; object-fit: cover; object-position: center; } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .highlightSwiper { width: 100%; padding-top: 32px; } .highlightSwiper .swiper-wrapper { width: 100%; height: auto; } .highlightSwiper .swiper-wrapper .slide-header { width: 100%; padding: 40px 16px; text-align: center; color: #ffffff; } .highlightSwiper .swiper-wrapper .slide-image { aspect-ratio: 1\/1; width: 100%; height: 100%; min-height: 300px; object-fit: cover; object-position: center; border-radius: 32px; overflow: hidden; } .highlightSwiper-pagination { display: block; width: 100%; padding: 16px; text-align: center; } .highlightSwiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 100px; background-color: #dddddd; margin: 0 8px; transition: all 1s ease; } .highlightSwiper-pagination .swiper-pagination-bullet-active { background-color: #ffffff !important; width: 48px; height: 16px; } \/* ------------------------------------------------------------ [Sections] Daily Essentials ------------------------------------------------------------ *\/ .section-daily-essentials { background-color: #1c1c1c; } .section-daily-essentials img { aspect-ratio: 468\/605; width: 100%; height: 100%; object-fit: cover; object-position: center; } @media (min-width: 1080px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(2, 3fr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 1 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 2 \/ 3; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 2 \/ 3; grid-row: 2 \/ 4; } } @media (max-width: 1079.98px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(1, 4frr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 2 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 1 \/ 2; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 1 \/ 2; grid-row: 4 \/ 5; } } .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #ffffff; height: 100%; border-radius: 16px; overflow: hidden; } .section-daily-essentials-item .section-daily-essentials-list-text-item { padding: 40px; color: #000000; } .section-daily-essentials-item .essential-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-daily-essentials-item .essential-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } \/* ------------------------------------------------------------ [Sections] Series Inspiration ------------------------------------------------------------ *\/ .section-series-inspiration { background-color: #1c1c1c; } .section-series-inspiration-container { position: relative; } .section-series-inspiration-button, .edition-inspiration-button { position: absolute; top: 0; right: 0; margin: 32px; width: 40px; height: 40px; color: #ffffff; background-color: transparent; border: none; border-radius: 100px; cursor: pointer; transition: all 0.3s ease; z-index: 1; } @media (min-width: 1080px) { .section-series-inspiration .section-body { position: relative; max-width: 1200px; padding: 0 4rem; margin: 0 auto; } .section-series-inspiration-container { border-radius: 32px; overflow: hidden; } } @media (max-width: 1079.98px) { .section-series-inspiration.section-body { position: relative; padding: 0; border-radius: 0; } } \/* ------------------------------------------------------------ Modal Styles ------------------------------------------------------------ *\/ .edition-inspiration-button { background: linear-gradient( 135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) ); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 4px; border-radius: 100px; transition: all 0.3s ease; } .edition-inspiration-button:hover { background: rgba(255, 255, 255, 0.25); } #modal-subscription { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } #modal-subscription .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #1c1c1c; padding: 48px; width: 90%; max-width: 740px; min-height: 600px; border-radius: 32px; display: flex; align-items: center; } #modal-subscription .modal-header { position: absolute; top: 20px; right: 20px; z-index: 1001; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; background-color: #ffffff; border-radius: 100px; cursor: pointer; } #modal-subscription .modal-header .close { display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; } #modal-subscription .modal-header .close svg { width: 24px; height: 24px; color: #1c1c1c; } #modal-subscription .modal-header:hover { background-color: #000000; } #modal-subscription .modal-header:hover svg { color: #ffffff; } #modal-subscription .modal-text-content { width: 100%; text-align: center; margin-bottom: 32px; } #modal-subscription input[type=\"email\"] { text-align: center; } #modal-subscription button[type=\"submit\"] { border-radius: 100px; } #modal-content { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; } #modal-content .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient( 135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) ); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 48px; width: 90%; max-width: 800px; border-radius: 32px; } .modal-body { padding: 0; } .modal-image-container { width: 100%; text-align: center; color: #ffffff; } .modal-image { width: 100%; height: auto; border-radius: 16px; object-fit: contain; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); } #modal-content .modal-headline { color: #ffffff; } @media (min-width: 1080px) { .modal-text-content { padding: 40px; color: #ffffff; } .modal-headline { font-size: 48px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .modal-content { width: 95%; margin: 20px auto; padding: 15px; } .modal-header { top: 15px; right: 15px; } .modal-text-content { padding: 16px 0; color: #ffffff; } .modal-content .modal-image { cursor: pointer; } .modal-headline { font-size: 24px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 16px; font-weight: 400; line-height: 1.5 !important; margin: 0; } .close { width: 40px; height: 40px; font-size: 24px; } } \u003c\/style\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\u003clink rel=\"stylesheet\" href=\"style.css\"\u003e\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003csection class=\"section-intro\"\u003e\u003cdiv class=\"section-container-fluid\"\u003e\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\"\u003eHuntington Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e It’s all in the timing. Master the pause and dive in at the right moment to ride your wave. \u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eSubscribe\u003c\/button\u003e\n\u003c\/div\u003e\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\/web_main_01.jpg?v=1758566720\" alt=\"Full view of the Huntington phone case on a phone, propped up in a rustic, surf-themed setting.\"\u003e\u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Huntington_mobile_main_01.jpg?v=1757006538\" alt=\"Full view of the Huntington phone case on a phone, propped up in a rustic, surf-themed setting.\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-highlights sq-desktop-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Huntington_web_feature_00.jpg?v=1757006538\" alt=\"Detailed view of the 3D California surf van and glittery California text on the clear phone case back.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\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 Discover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in-depth printing that's in a league of its own. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\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 Camera guard and air-cushion technology keep your iPhone 17 Pro safe every day. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Huntington_web_feature_01.jpg?v=1757006538\" alt=\"Top corner close-up of clear phone case, showing the camera lenses and California graphic detail.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Huntington_web_feature_02.jpg?v=1757006538\" alt=\"Close up of the corner showing the c11 Air Cushion Feature\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-highlights sq-mobile-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Discover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in depth printing that's in a league of its own. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Huntington_web_feature_00.jpg?v=1757006538\" alt=\"Detailed view of the 3D California surf van and glittery California text on the clear phone case back.\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Raised edges prevent scratches on screen and camera at all angles. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Huntington_web_feature_01.jpg?v=1757006538\" alt=\"Top corner close-up of clear phone case, showing the camera lenses and California graphic detail.\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Air Cushion™ Technology absorbs and mitigates all impacts in each corner. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Huntington_web_feature_02.jpg?v=1757006538\" alt=\"Close up of the corner showing the c11 Air Cushion Feature\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e var swiper = new Swiper(\".highlightSwiper\", { slidesPerView: 1, spaceBetween: 32, pagination: { el: \".highlightSwiper-pagination\", clickable: true, }, }); \u003c\/script\u003e\u003c\/section\u003e\u003csection class=\"section-daily-essentials\"\u003e\u003cdiv class=\"section-container\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Huntington_web_feature_03.jpg?v=1757006538\" alt=\"A hand holding a phone in a clear case, with the screen showing a camera view of surfers on a beach at sunset.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\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 Precise cutouts for easy and full access to all the buttons on iPhone. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\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 We know it’s a hassle to take the case off. So, simply charge on with the case on via wireless charger or MagSafe charger. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_04__2.jpg?v=1758566720\" alt=\"Two iPhones in clear cases on a white background: one is charging on a pad, displaying the lock screen, and the other has a MagSafe charger attached to the back, showing the California graphic.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-series-inspiration\"\u003e\u003cdiv class=\"section-container-fluid\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Huntington_web_sub_01.jpg?v=1757006539\" alt=\"A clear phone case with a California surf van graphic on the back, standing upright on a striped towel on a sandy beach.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Modal for Subscription --\u003e\u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\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\u003c\/svg\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\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 Subscribe and be the first to explore fresh \u003cbr\u003ec11 designs every month. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e \/\/ Modal functionality document.addEventListener(\"DOMContentLoaded\", function () { console.log(\"Modal script loaded\"); \/\/ Get modal elements const modalSubscription = document.getElementById(\"modal-subscription\"); const modalContent = document.getElementById(\"modal-content\"); \/\/ Get button elements const ctaButton = document.querySelector(\".cta-button\"); const inspirationButton = document.querySelector( \".edition-inspiration-button\" ); console.log(\"CTA Button found:\", ctaButton); console.log(\"Inspiration Button found:\", inspirationButton); console.log(\"Modal Subscription found:\", modalSubscription); console.log(\"Modal Content found:\", modalContent); \/\/ Function to open modal function openModal(modal) { if (modal) { modal.style.display = \"block\"; document.body.style.overflow = \"hidden\"; console.log(\"Modal opened:\", modal.id); } } \/\/ Function to close modal function closeModal(modal) { if (modal) { modal.style.display = \"none\"; document.body.style.overflow = \"auto\"; console.log(\"Modal closed:\", modal.id); } } \/\/ CTA Button → Subscription Modal if (ctaButton \u0026\u0026 modalSubscription) { ctaButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"CTA button clicked\"); openModal(modalSubscription); }); } else { console.error(\"CTA button or subscription modal not found\"); } \/\/ Inspiration Button → Content Modal if (inspirationButton \u0026\u0026 modalContent) { inspirationButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"Inspiration button clicked\"); openModal(modalContent); }); } else { console.error(\"Inspiration button or content modal not found\"); } \/\/ Close buttons const closeBtns = document.querySelectorAll(\".close\"); closeBtns.forEach(function (closeBtn) { closeBtn.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); const modalId = this.getAttribute(\"data-modal\"); const modal = document.getElementById(modalId); console.log(\"Close button clicked for modal:\", modalId); closeModal(modal); }); }); \/\/ Close modal when clicking outside of modal content window.addEventListener(\"click\", function (event) { if (event.target.classList.contains(\"modal\")) { console.log(\"Modal background clicked\"); closeModal(event.target); } }); \/\/ ESC key to close modals document.addEventListener(\"keydown\", function (e) { if (e.key === \"Escape\") { if ( modalSubscription \u0026\u0026 modalSubscription.style.display === \"block\" ) { closeModal(modalSubscription); } if (modalContent \u0026\u0026 modalContent.style.display === \"block\") { closeModal(modalContent); } } }); \/\/ Modal image click to close modal (only for mobile screens) const modalImage = document.querySelector(\"#modal-content .modal-image\"); if (modalImage \u0026\u0026 modalContent) { modalImage.addEventListener(\"click\", function (e) { \/\/ Check if screen width is 1079.98px or less if (window.matchMedia(\"(max-width: 1079.98px)\").matches) { e.preventDefault(); e.stopPropagation(); console.log(\"Modal image clicked on mobile - closing modal\"); closeModal(modalContent); } }); } }); \u003c\/script\u003e\u003cscript\u003e \/\/ Omnisend 폼 성공 이벤트 리스너 document.addEventListener(\"DOMContentLoaded\", function () { const modalTitle = document.querySelector(\".modal-title\"); const modalText = document.querySelector(\".modal-text\"); const modalContent = document.querySelector(\".modal-content-wrapper\"); let hasChanged = false; \/\/ 변경 여부를 추적하는 플래그 \/\/ Omnisend 폼의 성공 섹션 감지 const checkSuccess = function () { const successSection = document.querySelector( \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\" ); if ( successSection \u0026\u0026 window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026 !hasChanged ) { \/\/ 모달 내용 변경 (한 번만 실행) modalTitle.textContent = \"Nice to have you!\"; modalText.innerHTML = \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\"; \/\/ Omnisend 폼 숨기기 const omnisendForm = document.getElementById( \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\" ); if (omnisendForm) { omnisendForm.style.display = \"none\"; } hasChanged = true; \/\/ 변경되었음을 표시 clearInterval(checkInterval); \/\/ 인터벌 중지 } }; \/\/ 주기적으로 성공 섹션 확인 const checkInterval = setInterval(checkSuccess, 500); \/\/ 폼 제출 버튼 클릭 이벤트 감지 const submitButton = document.querySelector( \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\" ); if (submitButton) { submitButton.addEventListener(\"click\", function () { if (!hasChanged) { \/\/ 아직 변경되지 않은 경우에만 실행 setTimeout(checkSuccess, 1000); } }); } }); \u003c\/script\u003e\n\u003c\/div\u003e\u003csq-outro class=\"sq--product-long-description\"\u003e\u003c!--[Section] Outro--\u003e\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story_banner.jpg?v=1738881443\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/sustainability_banner_cea5e38f-da2e-4e9b-967a-1ae42adb5523.jpg?v=1738881444\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e\u003c\/sq-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Huntington \/ Out of Stock","offer_id":47914426663138,"sku":"US-2718-IPHONE-17-PRO-MAX-HUNTINGTON-OUT-OF-STOCK","price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Huntington \/ In Stock","offer_id":47914426695906,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/detail_web_iphone17proseries_c11_huntington_01.jpg?v=1782117153"},{"product_id":"iphone-17-series-c11-series-case-le-mans-edition-magfit","title":"iPhone 17 Series - c11 Series Le Mans Edition (Mag Fit) - US 8376","description":"\u003cstyle\u003e body { margin: 0; padding: 0; } *, ::after, ::before { box-sizing: border-box; } .product-description section { position: relative; width: 100%; } .product-description section:first-of-type { border-top-left-radius: 32px; border-top-right-radius: 32px; } .product-description section:last-of-type { border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; } .product-description .section-container-fluid { width: 100%; max-width: 100%; margin: 0 auto; } .product-description .section-container { width: 100%; max-width: 1200px; margin: 0 auto; } @media (min-width: 1080px) { .product-description .section-container { padding: 0 4rem; } .product-description section:not(:first-of-type) { padding-bottom: 200px; } } @media (max-width: 1079.98px) { .product-description .section-container { padding: 0 2rem; } .product-description section:not(:first-of-type) { padding-bottom: 80px; } } .product-description img { width: 100%; height: auto; } \/* ------------------------------------------------------------ Text Alignment ------------------------------------------------------------ *\/ .product-description .text-center { text-align: center; } .product-description .text-left { text-align: left; } .product-description .text-right { text-align: right; } \/* ------------------------------------------------------------ Text Colors ------------------------------------------------------------ *\/ .product-description .text-dark * { color: #000; } .product-description .text-light * { color: #fff; } .product-description .text-info { color: #8d8d8f; } \/* ------------------------------------------------------------ Visibility ------------------------------------------------------------ *\/ @media (min-width: 1080px) { .product-description .sq-mobile-view { display: none; } } @media (max-width: 1079.98px) { .product-description .sq-desktop-view { display: none; } } \/* ------------------------------------------------------------ Headlines ------------------------------------------------------------ *\/ .product-description .section-header { max-width: 500px; margin: 0 auto; } .product-description .section-preheadline { font-weight: 400; line-height: 1.2; } .product-description .section-headline { font-weight: 800; line-height: 1.2; } .product-description .section-subheadline { font-weight: 400; line-height: 1.5; } @media (min-width: 1080px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 20px; margin: 0 0 8px; } .product-description .section-headline { font-size: 48px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 18px; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 18px; margin: 0 0 8px; } .product-description .section-headline { font-size: 36px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 16px; line-height: 1.5; margin: 0; } } .product-description .cta-button { display: inline-block; padding: 16px 32px; border-radius: 100px; background-color: #ffffff; border: 1px solid #ffffff; color: #000000; font-size: 20px; font-weight: 400; text-decoration: none; line-height: 1.5; margin: 0; transition: all 0.3s ease; cursor: pointer; } .product-description .cta-button:hover { background-color: #dedede; border-color: #dedede; color: #000000; } .product-description .section-header p + .cta-button { margin-top: 32px; } \/* ------------------------------------------------------------ [Sections] Intro ------------------------------------------------------------ *\/ .section-intro { background-color: #1c1c1c; } @media (min-width: 1080px) { .section-intro .section-intro-banner { width: 100%; height: 1200px; object-fit: cover; } } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .section-highlights { background-color: #1c1c1c; } .section-highlights .section-header { max-width: 480px; } .section-highlights-feature-container { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding: 16px; margin: 0 auto; } .section-highlights-feature-item { flex: 0 0 auto; padding: 16px; } @media (min-width: 1080px) { .section-highlights-feature-item:nth-child(1) { width: 50%; } .section-highlights-feature-item:nth-child(2) { width: 50%; } .section-highlights-feature-item:nth-child(3) { width: 40%; } .section-highlights-feature-item:nth-child(4) { width: 30%; } .section-highlights-feature-item:nth-child(5) { width: 30%; } } .section-highlights-feature-item [class^=\"section-highlights-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #000000; height: 100%; border-radius: 32px; overflow: hidden; } .section-highlights-feature-item .section-highlights-list-text-item { padding: 40px; color: #ffffff; } .section-highlights-feature-item .feature-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-highlights-feature-item .feature-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } .section-highlights-feature-item img { aspect-ratio: 1\/1; width: 100%; height: 100%; object-fit: cover; object-position: center; } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .highlightSwiper { width: 100%; padding-top: 32px; } .highlightSwiper .swiper-wrapper { width: 100%; height: auto; } .highlightSwiper .swiper-wrapper .slide-header { width: 100%; padding: 40px 16px; text-align: center; color: #ffffff; } .highlightSwiper .swiper-wrapper .slide-image { aspect-ratio: 1\/1; width: 100%; height: 100%; min-height: 300px; object-fit: cover; object-position: center; border-radius: 32px; overflow: hidden; } .highlightSwiper-pagination { display: block; width: 100%; padding: 16px; text-align: center; } .highlightSwiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 100px; background-color: #dddddd; margin: 0 8px; transition: all 1s ease; } .highlightSwiper-pagination .swiper-pagination-bullet-active { background-color: #ffffff !important; width: 48px; height: 16px; } \/* ------------------------------------------------------------ [Sections] Daily Essentials ------------------------------------------------------------ *\/ .section-daily-essentials { background-color: #1c1c1c; } .section-daily-essentials img { aspect-ratio: 468\/605; width: 100%; height: 100%; object-fit: cover; object-position: center; } @media (min-width: 1080px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(2, 3fr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 1 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 2 \/ 3; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 2 \/ 3; grid-row: 2 \/ 4; } } @media (max-width: 1079.98px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(1, 4frr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 2 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 1 \/ 2; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 1 \/ 2; grid-row: 4 \/ 5; } } .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #ffffff; height: 100%; border-radius: 16px; overflow: hidden; } .section-daily-essentials-item .section-daily-essentials-list-text-item { padding: 40px; color: #000000; } .section-daily-essentials-item .essential-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-daily-essentials-item .essential-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } \/* ------------------------------------------------------------ [Sections] Series Inspiration ------------------------------------------------------------ *\/ .section-series-inspiration { background-color: #1c1c1c; } .section-series-inspiration-container { position: relative; } .section-series-inspiration-button, .edition-inspiration-button { position: absolute; top: 0; right: 0; margin: 32px; width: 40px; height: 40px; color: #ffffff; background-color: transparent; border: none; border-radius: 100px; cursor: pointer; transition: all 0.3s ease; z-index: 1; } @media (min-width: 1080px) { .section-series-inspiration .section-body { position: relative; max-width: 1200px; padding: 0 4rem; margin: 0 auto; } .section-series-inspiration-container { border-radius: 32px; overflow: hidden; } } @media (max-width: 1079.98px) { .section-series-inspiration.section-body { position: relative; padding: 0; border-radius: 0; } } \/* ------------------------------------------------------------ Modal Styles ------------------------------------------------------------ *\/ .edition-inspiration-button { background: linear-gradient( 135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) ); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 4px; border-radius: 100px; transition: all 0.3s ease; } .edition-inspiration-button:hover { background: rgba(255, 255, 255, 0.25); } #modal-subscription { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } #modal-subscription .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #1c1c1c; padding: 48px; width: 90%; max-width: 740px; min-height: 600px; border-radius: 32px; display: flex; align-items: center; } #modal-subscription .modal-header { position: absolute; top: 20px; right: 20px; z-index: 1001; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; background-color: #ffffff; border-radius: 100px; cursor: pointer; } #modal-subscription .modal-header .close { display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; } #modal-subscription .modal-header .close svg { width: 24px; height: 24px; color: #1c1c1c; } #modal-subscription .modal-header:hover { background-color: #000000; } #modal-subscription .modal-header:hover svg { color: #ffffff; } #modal-subscription .modal-text-content { width: 100%; text-align: center; margin-bottom: 32px; } #modal-subscription input[type=\"email\"] { text-align: center; } #modal-subscription button[type=\"submit\"] { border-radius: 100px; } #modal-content { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; } #modal-content .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient( 135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) ); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 48px; width: 90%; max-width: 800px; border-radius: 32px; } .modal-body { padding: 0; } .modal-image-container { width: 100%; text-align: center; color: #ffffff; } .modal-image { width: 100%; height: auto; border-radius: 16px; object-fit: contain; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); } #modal-content .modal-headline { color: #ffffff; } @media (min-width: 1080px) { .modal-text-content { padding: 40px; color: #ffffff; } .modal-headline { font-size: 48px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .modal-content { width: 95%; margin: 20px auto; padding: 15px; } .modal-header { top: 15px; right: 15px; } .modal-text-content { padding: 16px 0; color: #ffffff; } .modal-content .modal-image { cursor: pointer; } .modal-headline { font-size: 24px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 16px; font-weight: 400; line-height: 1.5 !important; margin: 0; } .close { width: 40px; height: 40px; font-size: 24px; } } \u003c\/style\u003e\u003cp\u003e\u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003csection class=\"section-intro\"\u003e\u003cdiv class=\"section-container-fluid\"\u003e\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\"\u003eLe Mans Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eWhere heritage meets horsepower. Built for pure performance. Tuned for obsession.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eSubscribe\u003c\/button\u003e\n\u003c\/div\u003e\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\/lemans_web_main_01.jpg?v=1757007143\" alt=\"Full view of a blue iPhone 17 Pro Series Le Mans Edition case on a road background, featuring a graphic of a Martini-liveried Le Mans race car with visible engine and a steering wheel.\"\u003e\u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/lemans_mobile_main_01.jpg?v=1757007143\" alt=\"iPhone 17 Pro Series Le Mans Edition\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-highlights sq-desktop-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/lemans_web_feature_00.jpg?v=1757007143\" alt=\"Extreme close-up of a blue iPhone 17 Pro Series Le Mans Edition case graphic showing a highly detailed, transparent Le Mans race car with Martini stripes, LE MANS banner, and internal engine components.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eHexa-layering technology\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003eDiscover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in-depth printing that's in a league of its own.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eAll-around protection\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003eCamera guard and air-cushion technology keep your iPhone 17 Pro safe every day.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_01__2.jpg?v=1758566852\" alt=\"Close-up of the triple camera area of a blue iPhone case featuring a white and striped Le Mans race car graphic with LE MANS text.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/lemans_web_feature_02.jpg?v=1757007143\" alt=\"Close up of the iPhone 17 Pro Series Le Mans Edition corner to show the c11 Air Cushion Feature\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-highlights sq-mobile-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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\"\u003eDiscover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in depth printing that's in a league of its own.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/lemans_web_feature_00.jpg?v=1757007143\" alt=\"Extreme close-up of a blue iPhone 17 Pro Series Le Mans Edition case graphic showing a highly detailed, transparent Le Mans race car with Martini stripes, LE MANS banner, and internal engine components.\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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\"\u003eRaised edges prevent scratches on screen and camera at all angles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_01__2.jpg?v=1758566852\" alt=\"Close-up of the triple camera area of a blue iPhone case featuring a white and striped Le Mans race car graphic with LE MANS text.\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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\"\u003eAir Cushion™ Technology absorbs and mitigates all impacts in each corner.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/lemans_web_feature_02.jpg?v=1757007143\" alt=\"Close up of the iPhone 17 Pro Series Le Mans Edition corner to show the c11 Air Cushion Feature\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e var swiper = new Swiper(\".highlightSwiper\", { slidesPerView: 1, spaceBetween: 32, pagination: { el: \".highlightSwiper-pagination\", clickable: true, }, }); \u003c\/script\u003e\u003c\/section\u003e\u003csection class=\"section-daily-essentials\"\u003e\u003cdiv class=\"section-container\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/lemans_web_feature_03.jpg?v=1757007143\" alt=\"The phone is being held by a person's hand demonstrating the Camera Cutout Button, and the screen displays the camera interface in a portrait orientation.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eEasy access\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003ePrecise cutouts for easy and full access to all the buttons on iPhone.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\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\"\u003eWe know it’s a hassle to take the case off. So, simply charge on with the case on via wireless charger or MagSafe charger.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_04__3.jpg?v=1758566853\" alt=\"Two blue-cased iPhones: one charging and showing the Lock Screen, the other face-down showing a Le Mans race car graphic with a MagSafe charger attached.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-series-inspiration\"\u003e\u003cdiv class=\"section-container-fluid\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/lemans_web_sub_01.jpg?v=1757007143\" alt=\"Angled view of a blue iPhone case on a blueprint background, featuring a graphic of a Martini-striped Le Mans race car with visible engine and a steering wheel graphic.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Modal for Subscription --\u003e\u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\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\u003c\/svg\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\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 Subscribe and be the first to explore fresh \u003cbr\u003ec11 designs every month. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e \/\/ Modal functionality document.addEventListener(\"DOMContentLoaded\", function () { console.log(\"Modal script loaded\"); \/\/ Get modal elements const modalSubscription = document.getElementById(\"modal-subscription\"); const modalContent = document.getElementById(\"modal-content\"); \/\/ Get button elements const ctaButton = document.querySelector(\".cta-button\"); const inspirationButton = document.querySelector( \".edition-inspiration-button\" ); console.log(\"CTA Button found:\", ctaButton); console.log(\"Inspiration Button found:\", inspirationButton); console.log(\"Modal Subscription found:\", modalSubscription); console.log(\"Modal Content found:\", modalContent); \/\/ Function to open modal function openModal(modal) { if (modal) { modal.style.display = \"block\"; document.body.style.overflow = \"hidden\"; console.log(\"Modal opened:\", modal.id); } } \/\/ Function to close modal function closeModal(modal) { if (modal) { modal.style.display = \"none\"; document.body.style.overflow = \"auto\"; console.log(\"Modal closed:\", modal.id); } } \/\/ CTA Button → Subscription Modal if (ctaButton \u0026\u0026 modalSubscription) { ctaButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"CTA button clicked\"); openModal(modalSubscription); }); } else { console.error(\"CTA button or subscription modal not found\"); } \/\/ Inspiration Button → Content Modal if (inspirationButton \u0026\u0026 modalContent) { inspirationButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"Inspiration button clicked\"); openModal(modalContent); }); } else { console.error(\"Inspiration button or content modal not found\"); } \/\/ Close buttons const closeBtns = document.querySelectorAll(\".close\"); closeBtns.forEach(function (closeBtn) { closeBtn.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); const modalId = this.getAttribute(\"data-modal\"); const modal = document.getElementById(modalId); console.log(\"Close button clicked for modal:\", modalId); closeModal(modal); }); }); \/\/ Close modal when clicking outside of modal content window.addEventListener(\"click\", function (event) { if (event.target.classList.contains(\"modal\")) { console.log(\"Modal background clicked\"); closeModal(event.target); } }); \/\/ ESC key to close modals document.addEventListener(\"keydown\", function (e) { if (e.key === \"Escape\") { if ( modalSubscription \u0026\u0026 modalSubscription.style.display === \"block\" ) { closeModal(modalSubscription); } if (modalContent \u0026\u0026 modalContent.style.display === \"block\") { closeModal(modalContent); } } }); \/\/ Modal image click to close modal (only for mobile screens) const modalImage = document.querySelector(\"#modal-content .modal-image\"); if (modalImage \u0026\u0026 modalContent) { modalImage.addEventListener(\"click\", function (e) { \/\/ Check if screen width is 1079.98px or less if (window.matchMedia(\"(max-width: 1079.98px)\").matches) { e.preventDefault(); e.stopPropagation(); console.log(\"Modal image clicked on mobile - closing modal\"); closeModal(modalContent); } }); } }); \u003c\/script\u003e\u003cscript\u003e \/\/ Omnisend 폼 성공 이벤트 리스너 document.addEventListener(\"DOMContentLoaded\", function () { const modalTitle = document.querySelector(\".modal-title\"); const modalText = document.querySelector(\".modal-text\"); const modalContent = document.querySelector(\".modal-content-wrapper\"); let hasChanged = false; \/\/ 변경 여부를 추적하는 플래그 \/\/ Omnisend 폼의 성공 섹션 감지 const checkSuccess = function () { const successSection = document.querySelector( \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\" ); if ( successSection \u0026\u0026 window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026 !hasChanged ) { \/\/ 모달 내용 변경 (한 번만 실행) modalTitle.textContent = \"Nice to have you!\"; modalText.innerHTML = \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\"; \/\/ Omnisend 폼 숨기기 const omnisendForm = document.getElementById( \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\" ); if (omnisendForm) { omnisendForm.style.display = \"none\"; } hasChanged = true; \/\/ 변경되었음을 표시 clearInterval(checkInterval); \/\/ 인터벌 중지 } }; \/\/ 주기적으로 성공 섹션 확인 const checkInterval = setInterval(checkSuccess, 500); \/\/ 폼 제출 버튼 클릭 이벤트 감지 const submitButton = document.querySelector( \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\" ); if (submitButton) { submitButton.addEventListener(\"click\", function () { if (!hasChanged) { \/\/ 아직 변경되지 않은 경우에만 실행 setTimeout(checkSuccess, 1000); } }); } }); \u003c\/script\u003e\n\u003c\/div\u003e\u003csq-outro class=\"sq--product-long-description\"\u003e\u003c!--[Section] Outro--\u003e\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story_banner.jpg?v=1738881443\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/sustainability_banner_cea5e38f-da2e-4e9b-967a-1ae42adb5523.jpg?v=1738881444\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e\u003c\/sq-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Le Mans \/ Out of Stock","offer_id":47914426925282,"sku":"US-8376-IPHONE-17-PRO-MAX-LE-MANS-OUT-OF-STOCK","price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Le Mans \/ Out of Stock","offer_id":47914426958050,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/detail_web_iphone17proseries_c11_lemans_01.jpg?v=1782117155"},{"product_id":"iphone-17-series-c11-series-case-fearless-edition-magfit","title":"iPhone 17 Series - c11 Series Fearless Edition (Mag Fit) - US 8537","description":"\u003cstyle\u003e body { margin: 0; padding: 0; } *, ::after, ::before { box-sizing: border-box; } .product-description section { position: relative; width: 100%; } .product-description section:first-of-type { border-top-left-radius: 32px; border-top-right-radius: 32px; } .product-description section:last-of-type { border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; } .product-description .section-container-fluid { width: 100%; max-width: 100%; margin: 0 auto; } .product-description .section-container { width: 100%; max-width: 1200px; margin: 0 auto; } @media (min-width: 1080px) { .product-description .section-container { padding: 0 4rem; } .product-description section:not(:first-of-type) { padding-bottom: 200px; } } @media (max-width: 1079.98px) { .product-description .section-container { padding: 0 2rem; } .product-description section:not(:first-of-type) { padding-bottom: 80px; } } .product-description img { width: 100%; height: auto; } \/* ------------------------------------------------------------ Text Alignment ------------------------------------------------------------ *\/ .product-description .text-center { text-align: center; } .product-description .text-left { text-align: left; } .product-description .text-right { text-align: right; } \/* ------------------------------------------------------------ Text Colors ------------------------------------------------------------ *\/ .product-description .text-dark * { color: #000; } .product-description .text-light * { color: #fff; } .product-description .text-info { color: #8d8d8f; } \/* ------------------------------------------------------------ Visibility ------------------------------------------------------------ *\/ @media (min-width: 1080px) { .product-description .sq-mobile-view { display: none; } } @media (max-width: 1079.98px) { .product-description .sq-desktop-view { display: none; } } \/* ------------------------------------------------------------ Headlines ------------------------------------------------------------ *\/ .product-description .section-header { max-width: 500px; margin: 0 auto; } .product-description .section-preheadline { font-weight: 400; line-height: 1.2; } .product-description .section-headline { font-weight: 800; line-height: 1.2; } .product-description .section-subheadline { font-weight: 400; line-height: 1.5; } @media (min-width: 1080px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 20px; margin: 0 0 8px; } .product-description .section-headline { font-size: 48px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 18px; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 18px; margin: 0 0 8px; } .product-description .section-headline { font-size: 36px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 16px; line-height: 1.5; margin: 0; } } .product-description .cta-button { display: inline-block; padding: 16px 32px; border-radius: 100px; background-color: #ffffff; border: 1px solid #ffffff; color: #000000; font-size: 20px; font-weight: 400; text-decoration: none; line-height: 1.5; margin: 0; transition: all 0.3s ease; cursor: pointer; } .product-description .cta-button:hover { background-color: #dedede; border-color: #dedede; color: #000000; } .product-description .section-header p + .cta-button { margin-top: 32px; } \/* ------------------------------------------------------------ [Sections] Intro ------------------------------------------------------------ *\/ .section-intro { background-color: #1c1c1c; } @media (min-width: 1080px) { .section-intro .section-intro-banner { width: 100%; height: 1200px; object-fit: cover; } } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .section-highlights { background-color: #1c1c1c; } .section-highlights .section-header { max-width: 480px; } .section-highlights-feature-container { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding: 16px; margin: 0 auto; } .section-highlights-feature-item { flex: 0 0 auto; padding: 16px; } @media (min-width: 1080px) { .section-highlights-feature-item:nth-child(1) { width: 50%; } .section-highlights-feature-item:nth-child(2) { width: 50%; } .section-highlights-feature-item:nth-child(3) { width: 40%; } .section-highlights-feature-item:nth-child(4) { width: 30%; } .section-highlights-feature-item:nth-child(5) { width: 30%; } } .section-highlights-feature-item [class^=\"section-highlights-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #000000; height: 100%; border-radius: 32px; overflow: hidden; } .section-highlights-feature-item .section-highlights-list-text-item { padding: 40px; color: #ffffff; } .section-highlights-feature-item .feature-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-highlights-feature-item .feature-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } .section-highlights-feature-item img { aspect-ratio: 1\/1; width: 100%; height: 100%; object-fit: cover; object-position: center; } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .highlightSwiper { width: 100%; padding-top: 32px; } .highlightSwiper .swiper-wrapper { width: 100%; height: auto; } .highlightSwiper .swiper-wrapper .slide-header { width: 100%; padding: 40px 16px; text-align: center; color: #ffffff; } .highlightSwiper .swiper-wrapper .slide-image { aspect-ratio: 1\/1; width: 100%; height: 100%; min-height: 300px; object-fit: cover; object-position: center; border-radius: 32px; overflow: hidden; } .highlightSwiper-pagination { display: block; width: 100%; padding: 16px; text-align: center; } .highlightSwiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 100px; background-color: #dddddd; margin: 0 8px; transition: all 1s ease; } .highlightSwiper-pagination .swiper-pagination-bullet-active { background-color: #ffffff !important; width: 48px; height: 16px; } \/* ------------------------------------------------------------ [Sections] Daily Essentials ------------------------------------------------------------ *\/ .section-daily-essentials { background-color: #1c1c1c; } .section-daily-essentials img { aspect-ratio: 468\/605; width: 100%; height: 100%; object-fit: cover; object-position: center; } @media (min-width: 1080px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(2, 3fr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 1 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 2 \/ 3; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 2 \/ 3; grid-row: 2 \/ 4; } } @media (max-width: 1079.98px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(1, 4frr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 2 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 1 \/ 2; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 1 \/ 2; grid-row: 4 \/ 5; } } .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #ffffff; height: 100%; border-radius: 16px; overflow: hidden; } .section-daily-essentials-item .section-daily-essentials-list-text-item { padding: 40px; color: #000000; } .section-daily-essentials-item .essential-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-daily-essentials-item .essential-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } \/* ------------------------------------------------------------ [Sections] Series Inspiration ------------------------------------------------------------ *\/ .section-series-inspiration { background-color: #1c1c1c; } .section-series-inspiration-container { position: relative; } .section-series-inspiration-button, .edition-inspiration-button { position: absolute; top: 0; right: 0; margin: 32px; width: 40px; height: 40px; color: #ffffff; background-color: transparent; border: none; border-radius: 100px; cursor: pointer; transition: all 0.3s ease; z-index: 1; } @media (min-width: 1080px) { .section-series-inspiration .section-body { position: relative; max-width: 1200px; padding: 0 4rem; margin: 0 auto; } .section-series-inspiration-container { border-radius: 32px; overflow: hidden; } } @media (max-width: 1079.98px) { .section-series-inspiration.section-body { position: relative; padding: 0; border-radius: 0; } } \/* ------------------------------------------------------------ Modal Styles ------------------------------------------------------------ *\/ .edition-inspiration-button { background: linear-gradient( 135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) ); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 4px; border-radius: 100px; transition: all 0.3s ease; } .edition-inspiration-button:hover { background: rgba(255, 255, 255, 0.25); } #modal-subscription { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } #modal-subscription .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #1c1c1c; padding: 48px; width: 90%; max-width: 740px; min-height: 600px; border-radius: 32px; display: flex; align-items: center; } #modal-subscription .modal-header { position: absolute; top: 20px; right: 20px; z-index: 1001; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; background-color: #ffffff; border-radius: 100px; cursor: pointer; } #modal-subscription .modal-header .close { display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; } #modal-subscription .modal-header .close svg { width: 24px; height: 24px; color: #1c1c1c; } #modal-subscription .modal-header:hover { background-color: #000000; } #modal-subscription .modal-header:hover svg { color: #ffffff; } #modal-subscription .modal-text-content { width: 100%; text-align: center; margin-bottom: 32px; } #modal-subscription input[type=\"email\"] { text-align: center; } #modal-subscription button[type=\"submit\"] { border-radius: 100px; } #modal-content { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; } #modal-content .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient( 135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) ); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 48px; width: 90%; max-width: 800px; border-radius: 32px; } .modal-body { padding: 0; } .modal-image-container { width: 100%; text-align: center; color: #ffffff; } .modal-image { width: 100%; height: auto; border-radius: 16px; object-fit: contain; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); } #modal-content .modal-headline { color: #ffffff; } @media (min-width: 1080px) { .modal-text-content { padding: 40px; color: #ffffff; } .modal-headline { font-size: 48px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .modal-content { width: 95%; margin: 20px auto; padding: 15px; } .modal-header { top: 15px; right: 15px; } .modal-text-content { padding: 16px 0; color: #ffffff; } .modal-content .modal-image { cursor: pointer; } .modal-headline { font-size: 24px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 16px; font-weight: 400; line-height: 1.5 !important; margin: 0; } .close { width: 40px; height: 40px; font-size: 24px; } } \u003c\/style\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\u003clink rel=\"stylesheet\" href=\"style.css\"\u003e\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003csection class=\"section-intro\"\u003e\u003cdiv class=\"section-container-fluid\"\u003e\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\"\u003eFearless Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e Time is of the essence. Capture the construct of time with an intricate clockwork design for a sleek look, every second. \u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eSubscribe\u003c\/button\u003e\n\u003c\/div\u003e\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\/Fearless_web_main_01.jpg?v=1757006159\" alt=\"iPhone 17 Pro Series Fearless Edition case with gold Ace of Spades design floating over playing cards.\"\u003e\u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Fearless_mobile_main_01.jpg?v=1757006159\" alt=\"iPhone 17 Pro Series Fearless Edition case with gold Ace of Spades design floating over playing cards.\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-highlights sq-desktop-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Fearless_web_feature_00.jpg?v=1757006159\" alt=\"Extreme close-up of textured blue phone case with intricate Ace of Spades and text showing the Hexa-layering technology Feature\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\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 Discover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in-depth printing that's in a league of its own. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\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 Camera guard and air-cushion technology keep your iPhone 17 Pro safe every day. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_01__1.jpg?v=1758566338\" alt=\"Close-up of blue phone case with Ace of Spades design around triple camera.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Fearless_web_feature_02.jpg?v=1757006159\" alt=\"Close up highlighting the corner c11 Air Cushion Feature\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-highlights sq-mobile-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Discover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in depth printing that's in a league of its own. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Fearless_web_feature_00.jpg?v=1757006159\" alt=\"Extreme close-up of textured blue phone case with intricate Ace of Spades and text showing the Hexa-layering technology Feature\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Raised edges prevent scratches on screen and camera at all angles. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_01__1.jpg?v=1758566338\" alt=\"Close-up of blue phone case with Ace of Spades design around triple camera.\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Air Cushion™ Technology absorbs and mitigates all impacts in each corner. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Fearless_web_feature_02.jpg?v=1757006159\" alt=\"Close up highlighting the corner c11 Air Cushion Feature\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e var swiper = new Swiper(\".highlightSwiper\", { slidesPerView: 1, spaceBetween: 32, pagination: { el: \".highlightSwiper-pagination\", clickable: true, }, }); \u003c\/script\u003e\u003c\/section\u003e\u003csection class=\"section-daily-essentials\"\u003e\u003cdiv class=\"section-container\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Fearless_web_feature_03.jpg?v=1757006159\" alt=\"Hand holding phone with blue case, taking a picture of an Ace of Spades using the Camera Cutout Button\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\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 Precise cutouts for easy and full access to all the buttons on iPhone. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\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 We know it’s a hassle to take the case off. So, simply charge on with the case on via wireless charger or MagSafe charger. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_04__1.jpg?v=1758566338\" alt=\"Blue phone case with Ace of Spades design next to a phone charging wirelessly.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-series-inspiration\"\u003e\u003cdiv class=\"section-container-fluid\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_sub_01__1.jpg?v=1758566338\" alt=\"Blue phone case with gold Ace of Spades and '11' logo floating over playing cards.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Modal for Subscription --\u003e\u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\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\u003c\/svg\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\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 Subscribe and be the first to explore fresh \u003cbr\u003ec11 designs every month. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e \/\/ Modal functionality document.addEventListener(\"DOMContentLoaded\", function () { console.log(\"Modal script loaded\"); \/\/ Get modal elements const modalSubscription = document.getElementById(\"modal-subscription\"); const modalContent = document.getElementById(\"modal-content\"); \/\/ Get button elements const ctaButton = document.querySelector(\".cta-button\"); const inspirationButton = document.querySelector( \".edition-inspiration-button\" ); console.log(\"CTA Button found:\", ctaButton); console.log(\"Inspiration Button found:\", inspirationButton); console.log(\"Modal Subscription found:\", modalSubscription); console.log(\"Modal Content found:\", modalContent); \/\/ Function to open modal function openModal(modal) { if (modal) { modal.style.display = \"block\"; document.body.style.overflow = \"hidden\"; console.log(\"Modal opened:\", modal.id); } } \/\/ Function to close modal function closeModal(modal) { if (modal) { modal.style.display = \"none\"; document.body.style.overflow = \"auto\"; console.log(\"Modal closed:\", modal.id); } } \/\/ CTA Button → Subscription Modal if (ctaButton \u0026\u0026 modalSubscription) { ctaButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"CTA button clicked\"); openModal(modalSubscription); }); } else { console.error(\"CTA button or subscription modal not found\"); } \/\/ Inspiration Button → Content Modal if (inspirationButton \u0026\u0026 modalContent) { inspirationButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"Inspiration button clicked\"); openModal(modalContent); }); } else { console.error(\"Inspiration button or content modal not found\"); } \/\/ Close buttons const closeBtns = document.querySelectorAll(\".close\"); closeBtns.forEach(function (closeBtn) { closeBtn.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); const modalId = this.getAttribute(\"data-modal\"); const modal = document.getElementById(modalId); console.log(\"Close button clicked for modal:\", modalId); closeModal(modal); }); }); \/\/ Close modal when clicking outside of modal content window.addEventListener(\"click\", function (event) { if (event.target.classList.contains(\"modal\")) { console.log(\"Modal background clicked\"); closeModal(event.target); } }); \/\/ ESC key to close modals document.addEventListener(\"keydown\", function (e) { if (e.key === \"Escape\") { if ( modalSubscription \u0026\u0026 modalSubscription.style.display === \"block\" ) { closeModal(modalSubscription); } if (modalContent \u0026\u0026 modalContent.style.display === \"block\") { closeModal(modalContent); } } }); \/\/ Modal image click to close modal (only for mobile screens) const modalImage = document.querySelector(\"#modal-content .modal-image\"); if (modalImage \u0026\u0026 modalContent) { modalImage.addEventListener(\"click\", function (e) { \/\/ Check if screen width is 1079.98px or less if (window.matchMedia(\"(max-width: 1079.98px)\").matches) { e.preventDefault(); e.stopPropagation(); console.log(\"Modal image clicked on mobile - closing modal\"); closeModal(modalContent); } }); } }); \u003c\/script\u003e\u003cscript\u003e \/\/ Omnisend 폼 성공 이벤트 리스너 document.addEventListener(\"DOMContentLoaded\", function () { const modalTitle = document.querySelector(\".modal-title\"); const modalText = document.querySelector(\".modal-text\"); const modalContent = document.querySelector(\".modal-content-wrapper\"); let hasChanged = false; \/\/ 변경 여부를 추적하는 플래그 \/\/ Omnisend 폼의 성공 섹션 감지 const checkSuccess = function () { const successSection = document.querySelector( \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\" ); if ( successSection \u0026\u0026 window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026 !hasChanged ) { \/\/ 모달 내용 변경 (한 번만 실행) modalTitle.textContent = \"Nice to have you!\"; modalText.innerHTML = \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\"; \/\/ Omnisend 폼 숨기기 const omnisendForm = document.getElementById( \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\" ); if (omnisendForm) { omnisendForm.style.display = \"none\"; } hasChanged = true; \/\/ 변경되었음을 표시 clearInterval(checkInterval); \/\/ 인터벌 중지 } }; \/\/ 주기적으로 성공 섹션 확인 const checkInterval = setInterval(checkSuccess, 500); \/\/ 폼 제출 버튼 클릭 이벤트 감지 const submitButton = document.querySelector( \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\" ); if (submitButton) { submitButton.addEventListener(\"click\", function () { if (!hasChanged) { \/\/ 아직 변경되지 않은 경우에만 실행 setTimeout(checkSuccess, 1000); } }); } }); \u003c\/script\u003e\n\u003c\/div\u003e\u003csq-outro class=\"sq--product-long-description\"\u003e\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story_banner.jpg?v=1738881443\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/sustainability_banner_cea5e38f-da2e-4e9b-967a-1ae42adb5523.jpg?v=1738881444\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e\u003c\/sq-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Fearless \/ Out of Stock","offer_id":47914427515106,"sku":"US-8537-IPHONE-17-PRO-MAX-FEARLESS-OUT-OF-STOCK","price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Fearless \/ Out of Stock","offer_id":47914427547874,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/detail_web_iphone17proseries_c11_fearless_01.jpg?v=1782117157"},{"product_id":"iphone-17-series-c11-series-case-chronos-edition-magfit","title":"iPhone 17 Series - c11 Series Chronos Edition (Mag Fit) - US 5602","description":"\u003cstyle\u003e body { margin: 0; padding: 0; } *, ::after, ::before { box-sizing: border-box; } .product-description section { position: relative; width: 100%; } .product-description section:first-of-type { border-top-left-radius: 32px; border-top-right-radius: 32px; } .product-description section:last-of-type { border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; } .product-description .section-container-fluid { width: 100%; max-width: 100%; margin: 0 auto; } .product-description .section-container { width: 100%; max-width: 1200px; margin: 0 auto; } @media (min-width: 1080px) { .product-description .section-container { padding: 0 4rem; } .product-description section:not(:first-of-type) { padding-bottom: 200px; } } @media (max-width: 1079.98px) { .product-description .section-container { padding: 0 2rem; } .product-description section:not(:first-of-type) { padding-bottom: 80px; } } .product-description img { width: 100%; height: auto; } \/* ------------------------------------------------------------ Text Alignment ------------------------------------------------------------ *\/ .product-description .text-center { text-align: center; } .product-description .text-left { text-align: left; } .product-description .text-right { text-align: right; } \/* ------------------------------------------------------------ Text Colors ------------------------------------------------------------ *\/ .product-description .text-dark * { color: #000; } .product-description .text-light * { color: #fff; } .product-description .text-info { color: #8d8d8f; } \/* ------------------------------------------------------------ Visibility ------------------------------------------------------------ *\/ @media (min-width: 1080px) { .product-description .sq-mobile-view { display: none; } } @media (max-width: 1079.98px) { .product-description .sq-desktop-view { display: none; } } \/* ------------------------------------------------------------ Headlines ------------------------------------------------------------ *\/ .product-description .section-header { max-width: 500px; margin: 0 auto; } .product-description .section-preheadline { font-weight: 400; line-height: 1.2; } .product-description .section-headline { font-weight: 800; line-height: 1.2; } .product-description .section-subheadline { font-weight: 400; line-height: 1.5; } @media (min-width: 1080px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 20px; margin: 0 0 8px; } .product-description .section-headline { font-size: 48px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 18px; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 18px; margin: 0 0 8px; } .product-description .section-headline { font-size: 36px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 16px; line-height: 1.5; margin: 0; } } .product-description .cta-button { display: inline-block; padding: 16px 32px; border-radius: 100px; background-color: #ffffff; border: 1px solid #ffffff; color: #000000; font-size: 20px; font-weight: 400; text-decoration: none; line-height: 1.5; margin: 0; transition: all 0.3s ease; cursor: pointer; } .product-description .cta-button:hover { background-color: #dedede; border-color: #dedede; color: #000000; } .product-description .section-header p + .cta-button { margin-top: 32px; } \/* ------------------------------------------------------------ [Sections] Intro ------------------------------------------------------------ *\/ .section-intro { background-color: #1c1c1c; } @media (min-width: 1080px) { .section-intro .section-intro-banner { width: 100%; height: 1200px; object-fit: cover; } } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .section-highlights { background-color: #1c1c1c; } .section-highlights .section-header { max-width: 480px; } .section-highlights-feature-container { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding: 16px; margin: 0 auto; } .section-highlights-feature-item { flex: 0 0 auto; padding: 16px; } @media (min-width: 1080px) { .section-highlights-feature-item:nth-child(1) { width: 50%; } .section-highlights-feature-item:nth-child(2) { width: 50%; } .section-highlights-feature-item:nth-child(3) { width: 40%; } .section-highlights-feature-item:nth-child(4) { width: 30%; } .section-highlights-feature-item:nth-child(5) { width: 30%; } } .section-highlights-feature-item [class^=\"section-highlights-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #000000; height: 100%; border-radius: 32px; overflow: hidden; } .section-highlights-feature-item .section-highlights-list-text-item { padding: 40px; color: #ffffff; } .section-highlights-feature-item .feature-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-highlights-feature-item .feature-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } .section-highlights-feature-item img { aspect-ratio: 1\/1; width: 100%; height: 100%; object-fit: cover; object-position: center; } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .highlightSwiper { width: 100%; padding-top: 32px; } .highlightSwiper .swiper-wrapper { width: 100%; height: auto; } .highlightSwiper .swiper-wrapper .slide-header { width: 100%; padding: 40px 16px; text-align: center; color: #ffffff; } .highlightSwiper .swiper-wrapper .slide-image { aspect-ratio: 1\/1; width: 100%; height: 100%; min-height: 300px; object-fit: cover; object-position: center; border-radius: 32px; overflow: hidden; } .highlightSwiper-pagination { display: block; width: 100%; padding: 16px; text-align: center; } .highlightSwiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 100px; background-color: #dddddd; margin: 0 8px; transition: all 1s ease; } .highlightSwiper-pagination .swiper-pagination-bullet-active { background-color: #ffffff !important; width: 48px; height: 16px; } \/* ------------------------------------------------------------ [Sections] Daily Essentials ------------------------------------------------------------ *\/ .section-daily-essentials { background-color: #1c1c1c; } .section-daily-essentials img { aspect-ratio: 468\/605; width: 100%; height: 100%; object-fit: cover; object-position: center; } @media (min-width: 1080px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(2, 3fr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 1 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 2 \/ 3; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 2 \/ 3; grid-row: 2 \/ 4; } } @media (max-width: 1079.98px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(1, 4frr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 2 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 1 \/ 2; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 1 \/ 2; grid-row: 4 \/ 5; } } .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #ffffff; height: 100%; border-radius: 16px; overflow: hidden; } .section-daily-essentials-item .section-daily-essentials-list-text-item { padding: 40px; color: #000000; } .section-daily-essentials-item .essential-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-daily-essentials-item .essential-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } \/* ------------------------------------------------------------ [Sections] Series Inspiration ------------------------------------------------------------ *\/ .section-series-inspiration { background-color: #1c1c1c; } .section-series-inspiration-container { position: relative; } .section-series-inspiration-button, .edition-inspiration-button { position: absolute; top: 0; right: 0; margin: 32px; width: 40px; height: 40px; color: #ffffff; background-color: transparent; border: none; border-radius: 100px; cursor: pointer; transition: all 0.3s ease; z-index: 1; } @media (min-width: 1080px) { .section-series-inspiration .section-body { position: relative; max-width: 1200px; padding: 0 4rem; margin: 0 auto; } .section-series-inspiration-container { border-radius: 32px; overflow: hidden; } } @media (max-width: 1079.98px) { .section-series-inspiration.section-body { position: relative; padding: 0; border-radius: 0; } } \/* ------------------------------------------------------------ Modal Styles ------------------------------------------------------------ *\/ .edition-inspiration-button { background: linear-gradient( 135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) ); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 4px; border-radius: 100px; transition: all 0.3s ease; } .edition-inspiration-button:hover { background: rgba(255, 255, 255, 0.25); } #modal-subscription { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } #modal-subscription .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #1c1c1c; padding: 48px; width: 90%; max-width: 740px; min-height: 600px; border-radius: 32px; display: flex; align-items: center; } #modal-subscription .modal-header { position: absolute; top: 20px; right: 20px; z-index: 1001; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; background-color: #ffffff; border-radius: 100px; cursor: pointer; } #modal-subscription .modal-header .close { display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; } #modal-subscription .modal-header .close svg { width: 24px; height: 24px; color: #1c1c1c; } #modal-subscription .modal-header:hover { background-color: #000000; } #modal-subscription .modal-header:hover svg { color: #ffffff; } #modal-subscription .modal-text-content { width: 100%; text-align: center; margin-bottom: 32px; } #modal-subscription input[type=\"email\"] { text-align: center; } #modal-subscription button[type=\"submit\"] { border-radius: 100px; } #modal-content { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; } #modal-content .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient( 135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) ); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 48px; width: 90%; max-width: 800px; border-radius: 32px; } .modal-body { padding: 0; } .modal-image-container { width: 100%; text-align: center; color: #ffffff; } .modal-image { width: 100%; height: auto; border-radius: 16px; object-fit: contain; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); } #modal-content .modal-headline { color: #ffffff; } @media (min-width: 1080px) { .modal-text-content { padding: 40px; color: #ffffff; } .modal-headline { font-size: 48px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .modal-content { width: 95%; margin: 20px auto; padding: 15px; } .modal-header { top: 15px; right: 15px; } .modal-text-content { padding: 16px 0; color: #ffffff; } .modal-content .modal-image { cursor: pointer; } .modal-headline { font-size: 24px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 16px; font-weight: 400; line-height: 1.5 !important; margin: 0; } .close { width: 40px; height: 40px; font-size: 24px; } } \u003c\/style\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\u003clink rel=\"stylesheet\" href=\"style.css\"\u003e\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003csection class=\"section-intro\"\u003e\u003cdiv class=\"section-container-fluid\"\u003e\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\"\u003eChronos Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e Time is of the essence. Capture the construct of time with an intricate clockwork design for a sleek look, every second. Make your iPhone 17 series timeless. \u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eSubscribe\u003c\/button\u003e\n\u003c\/div\u003e\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\/Chronos_web_main_01.jpg?v=1757003052\" alt=\"iPhone 17 Pro Series Chronos Edition with visible mechanical gears\"\u003e\u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Chronos_mobile_main_01.jpg?v=1757003051\" alt=\"iPhone 17 Pro Series Chronos Edition with visible mechanical gears\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-highlights sq-desktop-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Chronos_web_feature_00.jpg?v=1757003051\" alt=\"Close-up of Chronos watch-movement design on clear phone case to show the Hexa-layering technology Feature\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\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 Discover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in-depth printing that's in a league of its own. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\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 Camera guard and air-cushion technology keep your iPhone 17 Pro safe every day. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_01.jpg?v=1758566063\" alt=\"iPhone 17 Pro with clear case showing decorative mechanical gears.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Chronos_web_feature_02.jpg?v=1757003052\" alt=\"Close up image of the corner to show the c11 Air Cushion Feature\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-highlights sq-mobile-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Discover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in depth printing that's in a league of its own. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Chronos_web_feature_00.jpg?v=1757003051\" alt=\"Close-up of Chronos watch-movement design on clear phone case to show the Hexa-layering technology Feature\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Raised edges prevent scratches on screen and camera at all angles. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_01.jpg?v=1758566063\" alt=\"iPhone 17 Pro with clear case showing decorative mechanical gears.\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Air Cushion™ Technology absorbs and mitigates all impacts in each corner. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Chronos_web_feature_02.jpg?v=1757003052\" alt=\"Close up image of the corner to show the c11 Air Cushion Feature\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e var swiper = new Swiper(\".highlightSwiper\", { slidesPerView: 1, spaceBetween: 32, pagination: { el: \".highlightSwiper-pagination\", clickable: true, }, }); \u003c\/script\u003e\u003c\/section\u003e\u003csection class=\"section-daily-essentials\"\u003e\u003cdiv class=\"section-container\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Chronos_web_feature_03.jpg?v=1757003052\" alt=\"Close-up of phone case's dedicated camera button being used to take a photo.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\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 Precise cutouts for easy and full access to all the buttons on iPhone. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\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 We know it’s a hassle to take the case off. So, simply charge on with the case on via wireless charger or MagSafe charger. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_04.jpg?v=1758566063\" alt=\"iPhone on a wireless charging pad next to a second phone case with MagSafe charger attached to the Chronos design.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-series-inspiration\"\u003e\u003cdiv class=\"section-container-fluid\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_sub_01.jpg?v=1758566063\" alt=\"Full view of the Spigen Chronos Edition iPhone case on a black background, showing the blue and gold mechanical gear design.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Modal for Subscription --\u003e\u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\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\u003c\/svg\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\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 Subscribe and be the first to explore fresh \u003cbr\u003ec11 designs every month. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e \/\/ Modal functionality document.addEventListener(\"DOMContentLoaded\", function () { console.log(\"Modal script loaded\"); \/\/ Get modal elements const modalSubscription = document.getElementById(\"modal-subscription\"); const modalContent = document.getElementById(\"modal-content\"); \/\/ Get button elements const ctaButton = document.querySelector(\".cta-button\"); const inspirationButton = document.querySelector( \".edition-inspiration-button\" ); console.log(\"CTA Button found:\", ctaButton); console.log(\"Inspiration Button found:\", inspirationButton); console.log(\"Modal Subscription found:\", modalSubscription); console.log(\"Modal Content found:\", modalContent); \/\/ Function to open modal function openModal(modal) { if (modal) { modal.style.display = \"block\"; document.body.style.overflow = \"hidden\"; console.log(\"Modal opened:\", modal.id); } } \/\/ Function to close modal function closeModal(modal) { if (modal) { modal.style.display = \"none\"; document.body.style.overflow = \"auto\"; console.log(\"Modal closed:\", modal.id); } } \/\/ CTA Button ? Subscription Modal if (ctaButton \u0026\u0026 modalSubscription) { ctaButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"CTA button clicked\"); openModal(modalSubscription); }); } else { console.error(\"CTA button or subscription modal not found\"); } \/\/ Inspiration Button ? Content Modal if (inspirationButton \u0026\u0026 modalContent) { inspirationButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"Inspiration button clicked\"); openModal(modalContent); }); } else { console.error(\"Inspiration button or content modal not found\"); } \/\/ Close buttons const closeBtns = document.querySelectorAll(\".close\"); closeBtns.forEach(function (closeBtn) { closeBtn.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); const modalId = this.getAttribute(\"data-modal\"); const modal = document.getElementById(modalId); console.log(\"Close button clicked for modal:\", modalId); closeModal(modal); }); }); \/\/ Close modal when clicking outside of modal content window.addEventListener(\"click\", function (event) { if (event.target.classList.contains(\"modal\")) { console.log(\"Modal background clicked\"); closeModal(event.target); } }); \/\/ ESC key to close modals document.addEventListener(\"keydown\", function (e) { if (e.key === \"Escape\") { if ( modalSubscription \u0026\u0026 modalSubscription.style.display === \"block\" ) { closeModal(modalSubscription); } if (modalContent \u0026\u0026 modalContent.style.display === \"block\") { closeModal(modalContent); } } }); \/\/ Modal image click to close modal (only for mobile screens) const modalImage = document.querySelector(\"#modal-content .modal-image\"); if (modalImage \u0026\u0026 modalContent) { modalImage.addEventListener(\"click\", function (e) { \/\/ Check if screen width is 1079.98px or less if (window.matchMedia(\"(max-width: 1079.98px)\").matches) { e.preventDefault(); e.stopPropagation(); console.log(\"Modal image clicked on mobile - closing modal\"); closeModal(modalContent); } }); } }); \u003c\/script\u003e\u003cscript\u003e \/\/ Omnisend ? ?? ??? ??? document.addEventListener(\"DOMContentLoaded\", function () { const modalTitle = document.querySelector(\".modal-title\"); const modalText = document.querySelector(\".modal-text\"); const modalContent = document.querySelector(\".modal-content-wrapper\"); let hasChanged = false; \/\/ ?? ??? ???? ??? \/\/ Omnisend ?? ?? ?? ?? const checkSuccess = function () { const successSection = document.querySelector( \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\" ); if ( successSection \u0026\u0026 window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026 !hasChanged ) { \/\/ ?? ?? ?? (? ?? ??) modalTitle.textContent = \"Nice to have you!\"; modalText.innerHTML = \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\"; \/\/ Omnisend ? ??? const omnisendForm = document.getElementById( \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\" ); if (omnisendForm) { omnisendForm.style.display = \"none\"; } hasChanged = true; \/\/ ?????? ?? clearInterval(checkInterval); \/\/ ??? ?? } }; \/\/ ????? ?? ?? ?? const checkInterval = setInterval(checkSuccess, 500); \/\/ ? ?? ?? ?? ??? ?? const submitButton = document.querySelector( \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\" ); if (submitButton) { submitButton.addEventListener(\"click\", function () { if (!hasChanged) { \/\/ ?? ???? ?? ???? ?? setTimeout(checkSuccess, 1000); } }); } }); \u003c\/script\u003e\n\u003c\/div\u003e\u003csq-outro class=\"sq--product-long-description\"\u003e\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\u003cdiv class=\"sq--rewards-feature-item\"\u003e\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e\u003c\/sq-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Chronos \/ Out of Stock","offer_id":47914427580642,"sku":"US-5602-IPHONE-17-PRO-MAX-CHRONOS-OUT-OF-STOCK","price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Chronos \/ Out of Stock","offer_id":47914427613410,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/detail_web_iphone17proseries_c11_chronos_02_d1406fa3-8e7b-40ec-985c-e85f160cfc92.jpg?v=1782117159"},{"product_id":"iphone-17-series-c11-series-turbo-edition-magfit","title":"iPhone 17 Series - c11 Series Turbo Edition (Mag Fit) - US 2469","description":"\u003cstyle\u003e body { margin: 0; padding: 0; } *, ::after, ::before { box-sizing: border-box; } .product-description section { position: relative; width: 100%; } .product-description section:first-of-type { border-top-left-radius: 32px; border-top-right-radius: 32px; } .product-description section:last-of-type { border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; } .product-description .section-container-fluid { width: 100%; max-width: 100%; margin: 0 auto; } .product-description .section-container { width: 100%; max-width: 1200px; margin: 0 auto; } @media (min-width: 1080px) { .product-description .section-container { padding: 0 4rem; } .product-description section:not(:first-of-type) { padding-bottom: 200px; } } @media (max-width: 1079.98px) { .product-description .section-container { padding: 0 2rem; } .product-description section:not(:first-of-type) { padding-bottom: 80px; } } .product-description img { width: 100%; height: auto; } \/* ------------------------------------------------------------ Text Alignment ------------------------------------------------------------ *\/ .product-description .text-center { text-align: center; } .product-description .text-left { text-align: left; } .product-description .text-right { text-align: right; } \/* ------------------------------------------------------------ Text Colors ------------------------------------------------------------ *\/ .product-description .text-dark * { color: #000; } .product-description .text-light * { color: #fff; } .product-description .text-info { color: #8d8d8f; } \/* ------------------------------------------------------------ Visibility ------------------------------------------------------------ *\/ @media (min-width: 1080px) { .product-description .sq-mobile-view { display: none; } } @media (max-width: 1079.98px) { .product-description .sq-desktop-view { display: none; } } \/* ------------------------------------------------------------ Headlines ------------------------------------------------------------ *\/ .product-description .section-header { max-width: 500px; margin: 0 auto; } .product-description .section-preheadline { font-weight: 400; line-height: 1.2; } .product-description .section-headline { font-weight: 800; line-height: 1.2; } .product-description .section-subheadline { font-weight: 400; line-height: 1.5; } @media (min-width: 1080px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 20px; margin: 0 0 8px; } .product-description .section-headline { font-size: 48px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 18px; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 18px; margin: 0 0 8px; } .product-description .section-headline { font-size: 36px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 16px; line-height: 1.5; margin: 0; } } .product-description .cta-button { display: inline-block; padding: 16px 32px; border-radius: 100px; background-color: #ffffff; border: 1px solid #ffffff; color: #000000; font-size: 20px; font-weight: 400; text-decoration: none; line-height: 1.5; margin: 0; transition: all 0.3s ease; cursor: pointer; } .product-description .cta-button:hover { background-color: #dedede; border-color: #dedede; color: #000000; } .product-description .section-header p + .cta-button { margin-top: 32px; } \/* ------------------------------------------------------------ [Sections] Intro ------------------------------------------------------------ *\/ .section-intro { background-color: #1c1c1c; } @media (min-width: 1080px) { .section-intro .section-intro-banner { width: 100%; height: 1200px; object-fit: cover; } } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .section-highlights { background-color: #1c1c1c; } .section-highlights .section-header { max-width: 480px; } .section-highlights-feature-container { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding: 16px; margin: 0 auto; } .section-highlights-feature-item { flex: 0 0 auto; padding: 16px; } @media (min-width: 1080px) { .section-highlights-feature-item:nth-child(1) { width: 50%; } .section-highlights-feature-item:nth-child(2) { width: 50%; } .section-highlights-feature-item:nth-child(3) { width: 40%; } .section-highlights-feature-item:nth-child(4) { width: 30%; } .section-highlights-feature-item:nth-child(5) { width: 30%; } } .section-highlights-feature-item [class^=\"section-highlights-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #000000; height: 100%; border-radius: 32px; overflow: hidden; } .section-highlights-feature-item .section-highlights-list-text-item { padding: 40px; color: #ffffff; } .section-highlights-feature-item .feature-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-highlights-feature-item .feature-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } .section-highlights-feature-item img { aspect-ratio: 1\/1; width: 100%; height: 100%; object-fit: cover; object-position: center; } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .highlightSwiper { width: 100%; padding-top: 32px; } .highlightSwiper .swiper-wrapper { width: 100%; height: auto; } .highlightSwiper .swiper-wrapper .slide-header { width: 100%; padding: 40px 16px; text-align: center; color: #ffffff; } .highlightSwiper .swiper-wrapper .slide-image { aspect-ratio: 1\/1; width: 100%; height: 100%; min-height: 300px; object-fit: cover; object-position: center; border-radius: 32px; overflow: hidden; } .highlightSwiper-pagination { display: block; width: 100%; padding: 16px; text-align: center; } .highlightSwiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 100px; background-color: #dddddd; margin: 0 8px; transition: all 1s ease; } .highlightSwiper-pagination .swiper-pagination-bullet-active { background-color: #ffffff !important; width: 48px; height: 16px; } \/* ------------------------------------------------------------ [Sections] Daily Essentials ------------------------------------------------------------ *\/ .section-daily-essentials { background-color: #1c1c1c; } .section-daily-essentials img { aspect-ratio: 468\/605; width: 100%; height: 100%; object-fit: cover; object-position: center; } @media (min-width: 1080px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(2, 3fr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 1 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 2 \/ 3; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 2 \/ 3; grid-row: 2 \/ 4; } } @media (max-width: 1079.98px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(1, 4frr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 2 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 1 \/ 2; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 1 \/ 2; grid-row: 4 \/ 5; } } .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #ffffff; height: 100%; border-radius: 16px; overflow: hidden; } .section-daily-essentials-item .section-daily-essentials-list-text-item { padding: 40px; color: #000000; } .section-daily-essentials-item .essential-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-daily-essentials-item .essential-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } \/* ------------------------------------------------------------ [Sections] Series Inspiration ------------------------------------------------------------ *\/ .section-series-inspiration { background-color: #1c1c1c; } .section-series-inspiration-container { position: relative; } .section-series-inspiration-button, .edition-inspiration-button { position: absolute; top: 0; right: 0; margin: 32px; width: 40px; height: 40px; color: #ffffff; background-color: transparent; border: none; border-radius: 100px; cursor: pointer; transition: all 0.3s ease; z-index: 1; } @media (min-width: 1080px) { .section-series-inspiration .section-body { position: relative; max-width: 1200px; padding: 0 4rem; margin: 0 auto; } .section-series-inspiration-container { border-radius: 32px; overflow: hidden; } } @media (max-width: 1079.98px) { .section-series-inspiration.section-body { position: relative; padding: 0; border-radius: 0; } } \/* ------------------------------------------------------------ Modal Styles ------------------------------------------------------------ *\/ .edition-inspiration-button { background: linear-gradient( 135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) ); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 4px; border-radius: 100px; transition: all 0.3s ease; } .edition-inspiration-button:hover { background: rgba(255, 255, 255, 0.25); } #modal-subscription { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } #modal-subscription .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #1c1c1c; padding: 48px; width: 90%; max-width: 740px; min-height: 600px; border-radius: 32px; display: flex; align-items: center; } #modal-subscription .modal-header { position: absolute; top: 20px; right: 20px; z-index: 1001; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; background-color: #ffffff; border-radius: 100px; cursor: pointer; } #modal-subscription .modal-header .close { display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; } #modal-subscription .modal-header .close svg { width: 24px; height: 24px; color: #1c1c1c; } #modal-subscription .modal-header:hover { background-color: #000000; } #modal-subscription .modal-header:hover svg { color: #ffffff; } #modal-subscription .modal-text-content { width: 100%; text-align: center; margin-bottom: 32px; } #modal-subscription input[type=\"email\"] { text-align: center; } #modal-subscription button[type=\"submit\"] { border-radius: 100px; } #modal-content { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; } #modal-content .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient( 135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) ); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 48px; width: 90%; max-width: 800px; border-radius: 32px; } .modal-body { padding: 0; } .modal-image-container { width: 100%; text-align: center; color: #ffffff; } .modal-image { width: 100%; height: auto; border-radius: 16px; object-fit: contain; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); } #modal-content .modal-headline { color: #ffffff; } @media (min-width: 1080px) { .modal-text-content { padding: 40px; color: #ffffff; } .modal-headline { font-size: 48px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .modal-content { width: 95%; margin: 20px auto; padding: 15px; } .modal-header { top: 15px; right: 15px; } .modal-text-content { padding: 16px 0; color: #ffffff; } .modal-content .modal-image { cursor: pointer; } .modal-headline { font-size: 24px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 16px; font-weight: 400; line-height: 1.5 !important; margin: 0; } .close { width: 40px; height: 40px; font-size: 24px; } } \u003c\/style\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\u003clink rel=\"stylesheet\" href=\"style.css\"\u003e\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003csection class=\"section-intro\"\u003e\u003cdiv class=\"section-container-fluid\"\u003e\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\"\u003eTurbo Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e Featuring F1 legend Ayrton Senna’s iconic helmet and winning tracks from his dominant 1988 Grand Prix season. Own the winning formula. \u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eSubscribe\u003c\/button\u003e\n\u003c\/div\u003e\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\/turbo_web_main_01.jpg?v=1758644197\" alt=\"iPhone 17 Pro Series Turbo Edition phone case featuring a formula race car graphic on a wet track, flanked by blurred red and blue race cars in the background.\"\u003e\u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/turbo_mobile_main_01.jpg?v=1758644197\" alt=\"iPhone 17 Pro Series Turbo Edition phone case featuring a formula race car graphic on a wet track, flanked by blurred red and blue race cars in the background.\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-highlights sq-desktop-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/turbo_web_feature_00.jpg?v=1758644196\" alt=\"The images highlights the Hexa-layering technology and show a smartphone case with a design that strongly resembles the Marlboro-sponsored McLaren-Honda MP4\/4 or MP4\/5 Formula 1 cars from the late 1980s and early 1990s, driven by legends like Ayrton Senna and Alain Prost.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\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 Discover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in-depth printing that's in a league of its own. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\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 Camera guard and air-cushion technology keep your iPhone 17 Pro safe every day. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/turbo_web_feature_01.jpg?v=1758644196\" alt=\"Smartphone case featuring a hyper-realistic graphic of a red and white formula race car on a wet track, viewed from the rear. Shows the close up of the c11 Camera Ring Feature\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/turbo_web_feature_02.jpg?v=1758644196\" alt=\"Close up of the corner showing the layers that make up the c11 Air Cushion Feature\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-highlights sq-mobile-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Discover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in depth printing that's in a league of its own. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/turbo_web_feature_00.jpg?v=1758644196\" alt=\"The images highlights the Hexa-layering technology and show a smartphone case with a design that strongly resembles the Marlboro-sponsored McLaren-Honda MP4\/4 or MP4\/5 Formula 1 cars from the late 1980s and early 1990s, driven by legends like Ayrton Senna and Alain Prost.\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Raised edges prevent scratches on screen and camera at all angles. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/turbo_web_feature_01.jpg?v=1758644196\" alt=\"Smartphone case featuring a hyper-realistic graphic of a red and white formula race car on a wet track, viewed from the rear. Shows the close up of the c11 Camera Ring Feature\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Air Cushion™ Technology absorbs and mitigates all impacts in each corner. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/turbo_web_feature_02.jpg?v=1758644196\" alt=\"Close up of the corner showing the layers that make up the c11 Air Cushion Feature\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e var swiper = new Swiper(\".highlightSwiper\", { slidesPerView: 1, spaceBetween: 32, pagination: { el: \".highlightSwiper-pagination\", clickable: true, }, }); \u003c\/script\u003e\u003c\/section\u003e\u003csection class=\"section-daily-essentials\"\u003e\u003cdiv class=\"section-container\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/turbo_web_feature_03.jpg?v=1758644196\" alt=\"A hand holds an iPhone on the Camera Cutout Button and displays a black and white image of a racecar driver on a track, viewed through the camera app with a prominent white shutter button and a vertical yellow control panel labeled \" cameras visible.\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\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 Precise cutouts for easy and full access to all the buttons on iPhone. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\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 We know it’s a hassle to take the case off. So, simply charge on with the case on via wireless charger or MagSafe charger. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/turbo_web_feature_04.jpg?v=1758644196\" alt=\"The image provides a composite view of an iPhone's features, emphasizing MagFit Charging, the Lock Screen, and camera functionality, with a recurring motorsports theme.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-series-inspiration\"\u003e\u003cdiv class=\"section-container-fluid\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/turbo_web_sub_01.jpg?v=1758644198\" alt=\"The back of an iPhone is fitted with a case featuring a detailed graphic of a red and white Formula 1 racecar speeding down a track, set in a dark, stylized garage with red neon lights.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Modal for Subscription --\u003e\u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\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\u003c\/svg\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\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 Subscribe and be the first to explore fresh \u003cbr\u003ec11 designs every month. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e \/\/ Modal functionality document.addEventListener(\"DOMContentLoaded\", function () { console.log(\"Modal script loaded\"); \/\/ Get modal elements const modalSubscription = document.getElementById(\"modal-subscription\"); const modalContent = document.getElementById(\"modal-content\"); \/\/ Get button elements const ctaButton = document.querySelector(\".cta-button\"); const inspirationButton = document.querySelector( \".edition-inspiration-button\" ); console.log(\"CTA Button found:\", ctaButton); console.log(\"Inspiration Button found:\", inspirationButton); console.log(\"Modal Subscription found:\", modalSubscription); console.log(\"Modal Content found:\", modalContent); \/\/ Function to open modal function openModal(modal) { if (modal) { modal.style.display = \"block\"; document.body.style.overflow = \"hidden\"; console.log(\"Modal opened:\", modal.id); } } \/\/ Function to close modal function closeModal(modal) { if (modal) { modal.style.display = \"none\"; document.body.style.overflow = \"auto\"; console.log(\"Modal closed:\", modal.id); } } \/\/ CTA Button ? Subscription Modal if (ctaButton \u0026\u0026 modalSubscription) { ctaButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"CTA button clicked\"); openModal(modalSubscription); }); } else { console.error(\"CTA button or subscription modal not found\"); } \/\/ Inspiration Button ? Content Modal if (inspirationButton \u0026\u0026 modalContent) { inspirationButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"Inspiration button clicked\"); openModal(modalContent); }); } else { console.error(\"Inspiration button or content modal not found\"); } \/\/ Close buttons const closeBtns = document.querySelectorAll(\".close\"); closeBtns.forEach(function (closeBtn) { closeBtn.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); const modalId = this.getAttribute(\"data-modal\"); const modal = document.getElementById(modalId); console.log(\"Close button clicked for modal:\", modalId); closeModal(modal); }); }); \/\/ Close modal when clicking outside of modal content window.addEventListener(\"click\", function (event) { if (event.target.classList.contains(\"modal\")) { console.log(\"Modal background clicked\"); closeModal(event.target); } }); \/\/ ESC key to close modals document.addEventListener(\"keydown\", function (e) { if (e.key === \"Escape\") { if ( modalSubscription \u0026\u0026 modalSubscription.style.display === \"block\" ) { closeModal(modalSubscription); } if (modalContent \u0026\u0026 modalContent.style.display === \"block\") { closeModal(modalContent); } } }); \/\/ Modal image click to close modal (only for mobile screens) const modalImage = document.querySelector(\"#modal-content .modal-image\"); if (modalImage \u0026\u0026 modalContent) { modalImage.addEventListener(\"click\", function (e) { \/\/ Check if screen width is 1079.98px or less if (window.matchMedia(\"(max-width: 1079.98px)\").matches) { e.preventDefault(); e.stopPropagation(); console.log(\"Modal image clicked on mobile - closing modal\"); closeModal(modalContent); } }); } }); \u003c\/script\u003e\u003cscript\u003e \/\/ Omnisend ? ?? ??? ??? document.addEventListener(\"DOMContentLoaded\", function () { const modalTitle = document.querySelector(\".modal-title\"); const modalText = document.querySelector(\".modal-text\"); const modalContent = document.querySelector(\".modal-content-wrapper\"); let hasChanged = false; \/\/ ?? ??? ???? ??? \/\/ Omnisend ?? ?? ?? ?? const checkSuccess = function () { const successSection = document.querySelector( \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\" ); if ( successSection \u0026\u0026 window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026 !hasChanged ) { \/\/ ?? ?? ?? (? ?? ??) modalTitle.textContent = \"Nice to have you!\"; modalText.innerHTML = \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\"; \/\/ Omnisend ? ??? const omnisendForm = document.getElementById( \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\" ); if (omnisendForm) { omnisendForm.style.display = \"none\"; } hasChanged = true; \/\/ ?????? ?? clearInterval(checkInterval); \/\/ ??? ?? } }; \/\/ ????? ?? ?? ?? const checkInterval = setInterval(checkSuccess, 500); \/\/ ? ?? ?? ?? ??? ?? const submitButton = document.querySelector( \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\" ); if (submitButton) { submitButton.addEventListener(\"click\", function () {\u003c\/script\u003e\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Turbo \/ In Stock","offer_id":47914427646178,"sku":"US-2469-IPHONE-17-PRO-MAX-TURBO-IN-STOCK","price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Turbo \/ In Stock","offer_id":47914427678946,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/detail_web_iphone_17pro_series_c11_turbo_01.jpg?v=1782117161"},{"product_id":"iphone-17-series-c11-series-traverse-edition-magfit","title":"iPhone 17 Series - c11 Series Traverse Edition (Mag Fit) - US 4480","description":"\u003cstyle\u003e body { margin: 0; padding: 0; } *, ::after, ::before { box-sizing: border-box; } .product-description section { position: relative; width: 100%; } .product-description section:first-of-type { border-top-left-radius: 32px; border-top-right-radius: 32px; } .product-description section:last-of-type { border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; } .product-description .section-container-fluid { width: 100%; max-width: 100%; margin: 0 auto; } .product-description .section-container { width: 100%; max-width: 1200px; margin: 0 auto; } @media (min-width: 1080px) { .product-description .section-container { padding: 0 4rem; } .product-description section:not(:first-of-type) { padding-bottom: 200px; } } @media (max-width: 1079.98px) { .product-description .section-container { padding: 0 2rem; } .product-description section:not(:first-of-type) { padding-bottom: 80px; } } .product-description img { width: 100%; height: auto; } \/* ------------------------------------------------------------ Text Alignment ------------------------------------------------------------ *\/ .product-description .text-center { text-align: center; } .product-description .text-left { text-align: left; } .product-description .text-right { text-align: right; } \/* ------------------------------------------------------------ Text Colors ------------------------------------------------------------ *\/ .product-description .text-dark * { color: #000; } .product-description .text-light * { color: #fff; } .product-description .text-info { color: #8d8d8f; } \/* ------------------------------------------------------------ Visibility ------------------------------------------------------------ *\/ @media (min-width: 1080px) { .product-description .sq-mobile-view { display: none; } } @media (max-width: 1079.98px) { .product-description .sq-desktop-view { display: none; } } \/* ------------------------------------------------------------ Headlines ------------------------------------------------------------ *\/ .product-description .section-header { max-width: 500px; margin: 0 auto; } .product-description .section-preheadline { font-weight: 400; line-height: 1.2; } .product-description .section-headline { font-weight: 800; line-height: 1.2; } .product-description .section-subheadline { font-weight: 400; line-height: 1.5; } @media (min-width: 1080px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 20px; margin: 0 0 8px; } .product-description .section-headline { font-size: 48px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 18px; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 18px; margin: 0 0 8px; } .product-description .section-headline { font-size: 36px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 16px; line-height: 1.5; margin: 0; } } .product-description .cta-button { display: inline-block; padding: 16px 32px; border-radius: 100px; background-color: #ffffff; border: 1px solid #ffffff; color: #000000; font-size: 20px; font-weight: 400; text-decoration: none; line-height: 1.5; margin: 0; transition: all 0.3s ease; cursor: pointer; } .product-description .cta-button:hover { background-color: #dedede; border-color: #dedede; color: #000000; } .product-description .section-header p + .cta-button { margin-top: 32px; } \/* ------------------------------------------------------------ [Sections] Intro ------------------------------------------------------------ *\/ .section-intro { background-color: #1c1c1c; } @media (min-width: 1080px) { .section-intro .section-intro-banner { width: 100%; height: 1200px; object-fit: cover; } } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .section-highlights { background-color: #1c1c1c; } .section-highlights .section-header { max-width: 480px; } .section-highlights-feature-container { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding: 16px; margin: 0 auto; } .section-highlights-feature-item { flex: 0 0 auto; padding: 16px; } @media (min-width: 1080px) { .section-highlights-feature-item:nth-child(1) { width: 50%; } .section-highlights-feature-item:nth-child(2) { width: 50%; } .section-highlights-feature-item:nth-child(3) { width: 40%; } .section-highlights-feature-item:nth-child(4) { width: 30%; } .section-highlights-feature-item:nth-child(5) { width: 30%; } } .section-highlights-feature-item [class^=\"section-highlights-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #000000; height: 100%; border-radius: 32px; overflow: hidden; } .section-highlights-feature-item .section-highlights-list-text-item { padding: 40px; color: #ffffff; } .section-highlights-feature-item .feature-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-highlights-feature-item .feature-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } .section-highlights-feature-item img { aspect-ratio: 1\/1; width: 100%; height: 100%; object-fit: cover; object-position: center; } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .highlightSwiper { width: 100%; padding-top: 32px; } .highlightSwiper .swiper-wrapper { width: 100%; height: auto; } .highlightSwiper .swiper-wrapper .slide-header { width: 100%; padding: 40px 16px; text-align: center; color: #ffffff; } .highlightSwiper .swiper-wrapper .slide-image { aspect-ratio: 1\/1; width: 100%; height: 100%; min-height: 300px; object-fit: cover; object-position: center; border-radius: 32px; overflow: hidden; } .highlightSwiper-pagination { display: block; width: 100%; padding: 16px; text-align: center; } .highlightSwiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 100px; background-color: #dddddd; margin: 0 8px; transition: all 1s ease; } .highlightSwiper-pagination .swiper-pagination-bullet-active { background-color: #ffffff !important; width: 48px; height: 16px; } \/* ------------------------------------------------------------ [Sections] Daily Essentials ------------------------------------------------------------ *\/ .section-daily-essentials { background-color: #1c1c1c; } .section-daily-essentials img { aspect-ratio: 468\/605; width: 100%; height: 100%; object-fit: cover; object-position: center; } @media (min-width: 1080px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(2, 3fr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 1 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 2 \/ 3; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 2 \/ 3; grid-row: 2 \/ 4; } } @media (max-width: 1079.98px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(1, 4frr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 2 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 1 \/ 2; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 1 \/ 2; grid-row: 4 \/ 5; } } .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #ffffff; height: 100%; border-radius: 16px; overflow: hidden; } .section-daily-essentials-item .section-daily-essentials-list-text-item { padding: 40px; color: #000000; } .section-daily-essentials-item .essential-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-daily-essentials-item .essential-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } \/* ------------------------------------------------------------ [Sections] Series Inspiration ------------------------------------------------------------ *\/ .section-series-inspiration { background-color: #1c1c1c; } .section-series-inspiration-container { position: relative; } .section-series-inspiration-button, .edition-inspiration-button { position: absolute; top: 0; right: 0; margin: 32px; width: 40px; height: 40px; color: #ffffff; background-color: transparent; border: none; border-radius: 100px; cursor: pointer; transition: all 0.3s ease; z-index: 1; } @media (min-width: 1080px) { .section-series-inspiration .section-body { position: relative; max-width: 1200px; padding: 0 4rem; margin: 0 auto; } .section-series-inspiration-container { border-radius: 32px; overflow: hidden; } } @media (max-width: 1079.98px) { .section-series-inspiration.section-body { position: relative; padding: 0; border-radius: 0; } } \/* ------------------------------------------------------------ Modal Styles ------------------------------------------------------------ *\/ .edition-inspiration-button { background: linear-gradient( 135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) ); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 4px; border-radius: 100px; transition: all 0.3s ease; } .edition-inspiration-button:hover { background: rgba(255, 255, 255, 0.25); } #modal-subscription { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } #modal-subscription .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #1c1c1c; padding: 48px; width: 90%; max-width: 740px; min-height: 600px; border-radius: 32px; display: flex; align-items: center; } #modal-subscription .modal-header { position: absolute; top: 20px; right: 20px; z-index: 1001; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; background-color: #ffffff; border-radius: 100px; cursor: pointer; } #modal-subscription .modal-header .close { display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; } #modal-subscription .modal-header .close svg { width: 24px; height: 24px; color: #1c1c1c; } #modal-subscription .modal-header:hover { background-color: #000000; } #modal-subscription .modal-header:hover svg { color: #ffffff; } #modal-subscription .modal-text-content { width: 100%; text-align: center; margin-bottom: 32px; } #modal-subscription input[type=\"email\"] { text-align: center; } #modal-subscription button[type=\"submit\"] { border-radius: 100px; } #modal-content { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; } #modal-content .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient( 135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) ); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 48px; width: 90%; max-width: 800px; border-radius: 32px; } .modal-body { padding: 0; } .modal-image-container { width: 100%; text-align: center; color: #ffffff; } .modal-image { width: 100%; height: auto; border-radius: 16px; object-fit: contain; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); } #modal-content .modal-headline { color: #ffffff; } @media (min-width: 1080px) { .modal-text-content { padding: 40px; color: #ffffff; } .modal-headline { font-size: 48px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .modal-content { width: 95%; margin: 20px auto; padding: 15px; } .modal-header { top: 15px; right: 15px; } .modal-text-content { padding: 16px 0; color: #ffffff; } .modal-content .modal-image { cursor: pointer; } .modal-headline { font-size: 24px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 16px; font-weight: 400; line-height: 1.5 !important; margin: 0; } .close { width: 40px; height: 40px; font-size: 24px; } } \u003c\/style\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\u003clink rel=\"stylesheet\" href=\"style.css\"\u003e\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003csection class=\"section-intro\"\u003e\u003cdiv class=\"section-container-fluid\"\u003e\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 Reunite with nature. Hand-drawn sticker collage design brings back childhood camping nostalgia. Let the good times roll. \u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eSubscribe\u003c\/button\u003e\n\u003c\/div\u003e\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\" 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\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\" 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\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-highlights sq-desktop-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_feature_01.jpg?v=1761765262\" 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\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\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 Discover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in-depth printing that's in a league of its own. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\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 Camera guard and air-cushion technology keep your iPhone 17 Pro safe every day. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_feature_02.jpg?v=1761765262\" alt=\"Spigen c11 Traverse Edition clear phone case for iPhone 17 Pro, showing the green camera bump protection and adventure stickers.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_feature_03.jpg?v=1761765261\" alt=\"Close up of the iPhone 17 Pro c11 Traverse highlighting the Air Cushion Feature\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-highlights sq-mobile-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Discover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in depth printing that's in a league of its own. \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\" 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\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Raised edges prevent scratches on screen and camera at all angles. \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_02.jpg?v=1761765262\" 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\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Air Cushion™ Technology absorbs and mitigates all impacts in each corner. \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_03.jpg?v=1761765261\" alt=\"Close up of the iPhone 17 Pro c11 Traverse highlighting the Air Cushion Feature\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e var swiper = new Swiper(\".highlightSwiper\", { slidesPerView: 1, spaceBetween: 32, pagination: { el: \".highlightSwiper-pagination\", clickable: true, }, }); \u003c\/script\u003e\u003c\/section\u003e\u003csection class=\"section-daily-essentials\"\u003e\u003cdiv class=\"section-container\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\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\" 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\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\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 Precise cutouts for easy and full access to all the buttons on iPhone. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\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 We know it’s a hassle to take the case off. So, simply charge on with the case on via wireless charger or MagSafe charger. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\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\" 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\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-series-inspiration\"\u003e\u003cdiv class=\"section-container-fluid\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_sub.jpg?v=1761765262\" 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\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Modal for Subscription --\u003e\u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\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\u003c\/svg\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\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 Subscribe and be the first to explore fresh \u003cbr\u003ec11 designs every month. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e \/\/ Modal functionality document.addEventListener(\"DOMContentLoaded\", function () { console.log(\"Modal script loaded\"); \/\/ Get modal elements const modalSubscription = document.getElementById(\"modal-subscription\"); const modalContent = document.getElementById(\"modal-content\"); \/\/ Get button elements const ctaButton = document.querySelector(\".cta-button\"); const inspirationButton = document.querySelector( \".edition-inspiration-button\" ); console.log(\"CTA Button found:\", ctaButton); console.log(\"Inspiration Button found:\", inspirationButton); console.log(\"Modal Subscription found:\", modalSubscription); console.log(\"Modal Content found:\", modalContent); \/\/ Function to open modal function openModal(modal) { if (modal) { modal.style.display = \"block\"; document.body.style.overflow = \"hidden\"; console.log(\"Modal opened:\", modal.id); } } \/\/ Function to close modal function closeModal(modal) { if (modal) { modal.style.display = \"none\"; document.body.style.overflow = \"auto\"; console.log(\"Modal closed:\", modal.id); } } \/\/ CTA Button ? Subscription Modal if (ctaButton \u0026\u0026 modalSubscription) { ctaButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"CTA button clicked\"); openModal(modalSubscription); }); } else { console.error(\"CTA button or subscription modal not found\"); } \/\/ Inspiration Button ? Content Modal if (inspirationButton \u0026\u0026 modalContent) { inspirationButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"Inspiration button clicked\"); openModal(modalContent); }); } else { console.error(\"Inspiration button or content modal not found\"); } \/\/ Close buttons const closeBtns = document.querySelectorAll(\".close\"); closeBtns.forEach(function (closeBtn) { closeBtn.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); const modalId = this.getAttribute(\"data-modal\"); const modal = document.getElementById(modalId); console.log(\"Close button clicked for modal:\", modalId); closeModal(modal); }); }); \/\/ Close modal when clicking outside of modal content window.addEventListener(\"click\", function (event) { if (event.target.classList.contains(\"modal\")) { console.log(\"Modal background clicked\"); closeModal(event.target); } }); \/\/ ESC key to close modals document.addEventListener(\"keydown\", function (e) { if (e.key === \"Escape\") { if ( modalSubscription \u0026\u0026 modalSubscription.style.display === \"block\" ) { closeModal(modalSubscription); } if (modalContent \u0026\u0026 modalContent.style.display === \"block\") { closeModal(modalContent); } } }); \/\/ Modal image click to close modal (only for mobile screens) const modalImage = document.querySelector(\"#modal-content .modal-image\"); if (modalImage \u0026\u0026 modalContent) { modalImage.addEventListener(\"click\", function (e) { \/\/ Check if screen width is 1079.98px or less if (window.matchMedia(\"(max-width: 1079.98px)\").matches) { e.preventDefault(); e.stopPropagation(); console.log(\"Modal image clicked on mobile - closing modal\"); closeModal(modalContent); } }); } }); \u003c\/script\u003e\u003cscript\u003e \/\/ Omnisend ? ?? ??? ??? document.addEventListener(\"DOMContentLoaded\", function () { const modalTitle = document.querySelector(\".modal-title\"); const modalText = document.querySelector(\".modal-text\"); const modalContent = document.querySelector(\".modal-content-wrapper\"); let hasChanged = false; \/\/ ?? ??? ???? ??? \/\/ Omnisend ?? ?? ?? ?? const checkSuccess = function () { const successSection = document.querySelector( \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\" ); if ( successSection \u0026\u0026 window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026 !hasChanged ) { \/\/ ?? ?? ?? (? ?? ??) modalTitle.textContent = \"Nice to have you!\"; modalText.innerHTML = \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\"; \/\/ Omnisend ? ??? const omnisendForm = document.getElementById( \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\" ); if (omnisendForm) { omnisendForm.style.display = \"none\"; } hasChanged = true; \/\/ ?????? ?? clearInterval(checkInterval); \/\/ ??? ?? } }; \/\/ ????? ?? ?? ?? const checkInterval = setInterval(checkSuccess, 500); \/\/ ? ?? ?? ?? ??? ?? const submitButton = document.querySelector( \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\" ); if (submitButton) {\u003c\/script\u003e\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Traverse \/ Out of Stock","offer_id":47914427711714,"sku":"US-4480-IPHONE-17-PRO-MAX-TRAVERSE-OUT-OF-STOCK","price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Traverse \/ In Stock","offer_id":47914427744482,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/detail_web_iphone16proseries_c11_traverse_01.jpg?v=1782117164"},{"product_id":"iphone-17-series-c11-series-inkverse-edition-mag-fit","title":"iPhone 17 Series - c11 Series Inkverse Edition (Mag Fit) - US 5560","description":"\u003cstyle\u003e body { margin: 0; padding: 0; } *, ::after, ::before { box-sizing: border-box; } .product-description section { position: relative; width: 100%; } .product-description section:first-of-type { border-top-left-radius: 32px; border-top-right-radius: 32px; } .product-description section:last-of-type { border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; } .product-description .section-container-fluid { width: 100%; max-width: 100%; margin: 0 auto; } .product-description .section-container { width: 100%; max-width: 1200px; margin: 0 auto; } @media (min-width: 1080px) { .product-description .section-container { padding: 0 4rem; } .product-description section:not(:first-of-type) { padding-bottom: 200px; } } @media (max-width: 1079.98px) { .product-description .section-container { padding: 0 2rem; } .product-description section:not(:first-of-type) { padding-bottom: 80px; } } .product-description img { width: 100%; height: auto; } \/* ------------------------------------------------------------ Text Alignment ------------------------------------------------------------ *\/ .product-description .text-center { text-align: center; } .product-description .text-left { text-align: left; } .product-description .text-right { text-align: right; } \/* ------------------------------------------------------------ Text Colors ------------------------------------------------------------ *\/ .product-description .text-dark * { color: #000; } .product-description .text-light * { color: #fff; } .product-description .text-info { color: #8d8d8f; } \/* ------------------------------------------------------------ Visibility ------------------------------------------------------------ *\/ @media (min-width: 1080px) { .product-description .sq-mobile-view { display: none; } } @media (max-width: 1079.98px) { .product-description .sq-desktop-view { display: none; } } \/* ------------------------------------------------------------ Headlines ------------------------------------------------------------ *\/ .product-description .section-header { max-width: 500px; margin: 0 auto; } .product-description .section-preheadline { font-weight: 400; line-height: 1.2; } .product-description .section-headline { font-weight: 800; line-height: 1.2; } .product-description .section-subheadline { font-weight: 400; line-height: 1.5; } @media (min-width: 1080px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 20px; margin: 0 0 8px; } .product-description .section-headline { font-size: 48px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 18px; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 18px; margin: 0 0 8px; } .product-description .section-headline { font-size: 36px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 16px; line-height: 1.5; margin: 0; } } .product-description .cta-button { display: inline-block; padding: 16px 32px; border-radius: 100px; background-color: #ffffff; border: 1px solid #ffffff; color: #000000; font-size: 20px; font-weight: 400; text-decoration: none; line-height: 1.5; margin: 0; transition: all 0.3s ease; cursor: pointer; } .product-description .cta-button:hover { background-color: #dedede; border-color: #dedede; color: #000000; } .product-description .section-header p + .cta-button { margin-top: 32px; } \/* ------------------------------------------------------------ [Sections] Intro ------------------------------------------------------------ *\/ .section-intro { background-color: #1c1c1c; } @media (min-width: 1080px) { .section-intro .section-intro-banner { width: 100%; height: 1200px; object-fit: cover; } } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .section-highlights { background-color: #1c1c1c; } .section-highlights .section-header { max-width: 480px; } .section-highlights-feature-container { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding: 16px; margin: 0 auto; } .section-highlights-feature-item { flex: 0 0 auto; padding: 16px; } @media (min-width: 1080px) { .section-highlights-feature-item:nth-child(1) { width: 50%; } .section-highlights-feature-item:nth-child(2) { width: 50%; } .section-highlights-feature-item:nth-child(3) { width: 40%; } .section-highlights-feature-item:nth-child(4) { width: 30%; } .section-highlights-feature-item:nth-child(5) { width: 30%; } } .section-highlights-feature-item [class^=\"section-highlights-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #000000; height: 100%; border-radius: 32px; overflow: hidden; } .section-highlights-feature-item .section-highlights-list-text-item { padding: 40px; color: #ffffff; } .section-highlights-feature-item .feature-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-highlights-feature-item .feature-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } .section-highlights-feature-item img { aspect-ratio: 1\/1; width: 100%; height: 100%; object-fit: cover; object-position: center; } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .highlightSwiper { width: 100%; padding-top: 32px; } .highlightSwiper .swiper-wrapper { width: 100%; height: auto; } .highlightSwiper .swiper-wrapper .slide-header { width: 100%; padding: 40px 16px; text-align: center; color: #ffffff; } .highlightSwiper .swiper-wrapper .slide-image { aspect-ratio: 1\/1; width: 100%; height: 100%; min-height: 300px; object-fit: cover; object-position: center; border-radius: 32px; overflow: hidden; } .highlightSwiper-pagination { display: block; width: 100%; padding: 16px; text-align: center; } .highlightSwiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 100px; background-color: #dddddd; margin: 0 8px; transition: all 1s ease; } .highlightSwiper-pagination .swiper-pagination-bullet-active { background-color: #ffffff !important; width: 48px; height: 16px; } \/* ------------------------------------------------------------ [Sections] Daily Essentials ------------------------------------------------------------ *\/ .section-daily-essentials { background-color: #1c1c1c; } .section-daily-essentials img { aspect-ratio: 468\/605; width: 100%; height: 100%; object-fit: cover; object-position: center; } @media (min-width: 1080px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(2, 3fr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 1 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 2 \/ 3; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 2 \/ 3; grid-row: 2 \/ 4; } } @media (max-width: 1079.98px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(1, 4frr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 2 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 1 \/ 2; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 1 \/ 2; grid-row: 4 \/ 5; } } .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #ffffff; height: 100%; border-radius: 16px; overflow: hidden; } .section-daily-essentials-item .section-daily-essentials-list-text-item { padding: 40px; color: #000000; } .section-daily-essentials-item .essential-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-daily-essentials-item .essential-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } \/* ------------------------------------------------------------ [Sections] Series Inspiration ------------------------------------------------------------ *\/ .section-series-inspiration { background-color: #1c1c1c; } .section-series-inspiration-container { position: relative; } .section-series-inspiration-button, .edition-inspiration-button { position: absolute; top: 0; right: 0; margin: 32px; width: 40px; height: 40px; color: #ffffff; background-color: transparent; border: none; border-radius: 100px; cursor: pointer; transition: all 0.3s ease; z-index: 1; } @media (min-width: 1080px) { .section-series-inspiration .section-body { position: relative; max-width: 1200px; padding: 0 4rem; margin: 0 auto; } .section-series-inspiration-container { border-radius: 32px; overflow: hidden; } } @media (max-width: 1079.98px) { .section-series-inspiration.section-body { position: relative; padding: 0; border-radius: 0; } } \/* ------------------------------------------------------------ Modal Styles ------------------------------------------------------------ *\/ .edition-inspiration-button { background: linear-gradient( 135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) ); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 4px; border-radius: 100px; transition: all 0.3s ease; } .edition-inspiration-button:hover { background: rgba(255, 255, 255, 0.25); } #modal-subscription { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } #modal-subscription .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #1c1c1c; padding: 48px; width: 90%; max-width: 740px; min-height: 600px; border-radius: 32px; display: flex; align-items: center; } #modal-subscription .modal-header { position: absolute; top: 20px; right: 20px; z-index: 1001; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; background-color: #ffffff; border-radius: 100px; cursor: pointer; } #modal-subscription .modal-header .close { display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; } #modal-subscription .modal-header .close svg { width: 24px; height: 24px; color: #1c1c1c; } #modal-subscription .modal-header:hover { background-color: #000000; } #modal-subscription .modal-header:hover svg { color: #ffffff; } #modal-subscription .modal-text-content { width: 100%; text-align: center; margin-bottom: 32px; } #modal-subscription input[type=\"email\"] { text-align: center; } #modal-subscription button[type=\"submit\"] { border-radius: 100px; } #modal-content { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; } #modal-content .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient( 135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) ); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 48px; width: 90%; max-width: 800px; border-radius: 32px; } .modal-body { padding: 0; } .modal-image-container { width: 100%; text-align: center; color: #ffffff; } .modal-image { width: 100%; height: auto; border-radius: 16px; object-fit: contain; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); } #modal-content .modal-headline { color: #ffffff; } @media (min-width: 1080px) { .modal-text-content { padding: 40px; color: #ffffff; } .modal-headline { font-size: 48px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .modal-content { width: 95%; margin: 20px auto; padding: 15px; } .modal-header { top: 15px; right: 15px; } .modal-text-content { padding: 16px 0; color: #ffffff; } .modal-content .modal-image { cursor: pointer; } .modal-headline { font-size: 24px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 16px; font-weight: 400; line-height: 1.5 !important; margin: 0; } .close { width: 40px; height: 40px; font-size: 24px; } } \u003c\/style\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\u003clink rel=\"stylesheet\" href=\"style.css\"\u003e\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003csection class=\"section-intro\"\u003e\u003cdiv class=\"section-container-fluid\"\u003e\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\"\u003eInkverse Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e Layers of monster mayhem. A doodle art army of monsters, packed edge-to-edge for daily defense. Get playful with your protection.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eSubscribe\u003c\/button\u003e\n\u003c\/div\u003e\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\/web_main_01-1.jpg?v=1765473082\" alt=\"A phone case featuring a black and white monster pattern against an orange background is centered, floating in starry black space with four 3D fuzzy monsters around it.\"\u003e\u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/mobile_main_01-1.jpg?v=1765473081\" alt=\"A phone case featuring a black and white monster pattern against an orange background is centered, floating in starry black space with four 3D fuzzy monsters around it.\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-highlights sq-desktop-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_00.jpg?v=1765473081\" alt=\"Close up image of Inkverse showing the Hexa-layering technology Feature\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\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 Discover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in-depth printing that's in a league of its own. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\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 Camera guard and air-cushion technology keep your iPhone 17 Pro safe every day. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_01_5216e091-c3ac-4000-860c-9bee7dc9953b.jpg?v=1765299041\" alt=\"A close-up shot of the top back of a phone with a black and orange monster-patterned case. The phone has three main camera lenses and a smaller sensor, each surrounded by a bright orange ring. The monster pattern on the case is a dense doodle-style illustration featuring various white, cartoonish, furry monsters with large eyes, horns, and teeth against an orange and black background.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_02.jpg?v=1765299040\" alt=\"Close up of the corner with shadowed image with a reflective blue rectangular object displaying the air cushion technology\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-highlights sq-mobile-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Discover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in depth printing that's in a league of its own. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_00.jpg?v=1765473081\" alt=\"Close up image of Inkverse showing the Hexa-layering technology Feature\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Raised edges prevent scratches on screen and camera at all angles. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_01_5216e091-c3ac-4000-860c-9bee7dc9953b.jpg?v=1765299041\" alt=\"A close-up shot of the top back of a phone with a black and orange monster-patterned case. The phone has three main camera lenses and a smaller sensor, each surrounded by a bright orange ring. The monster pattern on the case is a dense doodle-style illustration featuring various white, cartoonish, furry monsters with large eyes, horns, and teeth against an orange and black background.\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Air Cushion™ Technology absorbs and mitigates all impacts in each corner. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_02.jpg?v=1765299040\" alt=\"Close up of the corner with shadowed image with a reflective blue rectangular object displaying the air cushion technology\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e var swiper = new Swiper(\".highlightSwiper\", { slidesPerView: 1, spaceBetween: 32, pagination: { el: \".highlightSwiper-pagination\", clickable: true, }, }); \u003c\/script\u003e\u003c\/section\u003e\u003csection class=\"section-daily-essentials\"\u003e\u003cdiv class=\"section-container\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_03.jpg?v=1765299041\" alt=\"A close-up shot of the right side of a phone screen showing a camera interface in Night Mode. The screen displays a black background with a starry sky, and a large, fuzzy white monster with big eyes is partially visible in the upper left corner. A finger is holding the phone on the right side to demonstrate the touch sensor capability\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\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 Precise cutouts for easy and full access to all the buttons on iPhone. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\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 We know it’s a hassle to take the case off. So, simply charge on with the case on via wireless charger or MagSafe charger. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_04_fb52a390-1522-423d-9c36-fa6985ef98e3.jpg?v=1765299041\" alt=\"iPhone 17 Pro on the left is being charged wirelessly on a dark gray circular pad, displaying a dark lock screen. To the right, an iPhone 17 Pro is shown from the back, featuring an orange monster-patterned case with a white circular MagSafe charging puck attached via a white cord.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-series-inspiration\"\u003e\u003cdiv class=\"section-container-fluid\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_sub_01_086107b2-744e-4bf7-bc5b-c9bff1e83917.jpg?v=1765299041\" alt=\"An iPhone 17 Pro orange monster doodle pattern is standing upright in the center of the frame. The iPhone 17's camera lenses are accented with orange rings. The phone is resting on a circular patch of shaggy white material, possibly fur or carpet, set against a dark background illuminated by many scattered white stars and sparkles, resembling a telescopic view of the night sky or a snowy environment.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Modal for Subscription --\u003e\u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\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\u003c\/svg\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\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 Subscribe and be the first to explore fresh \u003cbr\u003ec11 designs every month. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e \/\/ Modal functionality document.addEventListener(\"DOMContentLoaded\", function () { console.log(\"Modal script loaded\"); \/\/ Get modal elements const modalSubscription = document.getElementById(\"modal-subscription\"); const modalContent = document.getElementById(\"modal-content\"); \/\/ Get button elements const ctaButton = document.querySelector(\".cta-button\"); const inspirationButton = document.querySelector( \".edition-inspiration-button\" ); console.log(\"CTA Button found:\", ctaButton); console.log(\"Inspiration Button found:\", inspirationButton); console.log(\"Modal Subscription found:\", modalSubscription); console.log(\"Modal Content found:\", modalContent); \/\/ Function to open modal function openModal(modal) { if (modal) { modal.style.display = \"block\"; document.body.style.overflow = \"hidden\"; console.log(\"Modal opened:\", modal.id); } } \/\/ Function to close modal function closeModal(modal) { if (modal) { modal.style.display = \"none\"; document.body.style.overflow = \"auto\"; console.log(\"Modal closed:\", modal.id); } } \/\/ CTA Button ? Subscription Modal if (ctaButton \u0026\u0026 modalSubscription) { ctaButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"CTA button clicked\"); openModal(modalSubscription); }); } else { console.error(\"CTA button or subscription modal not found\"); } \/\/ Inspiration Button ? Content Modal if (inspirationButton \u0026\u0026 modalContent) { inspirationButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"Inspiration button clicked\"); openModal(modalContent); }); } else { console.error(\"Inspiration button or content modal not found\"); } \/\/ Close buttons const closeBtns = document.querySelectorAll(\".close\"); closeBtns.forEach(function (closeBtn) { closeBtn.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); const modalId = this.getAttribute(\"data-modal\"); const modal = document.getElementById(modalId); console.log(\"Close button clicked for modal:\", modalId); closeModal(modal); }); }); \/\/ Close modal when clicking outside of modal content window.addEventListener(\"click\", function (event) { if (event.target.classList.contains(\"modal\")) { console.log(\"Modal background clicked\"); closeModal(event.target); } }); \/\/ ESC key to close modals document.addEventListener(\"keydown\", function (e) { if (e.key === \"Escape\") { if ( modalSubscription \u0026\u0026 modalSubscription.style.display === \"block\" ) { closeModal(modalSubscription); } if (modalContent \u0026\u0026 modalContent.style.display === \"block\") { closeModal(modalContent); } } }); \/\/ Modal image click to close modal (only for mobile screens) const modalImage = document.querySelector(\"#modal-content .modal-image\"); if (modalImage \u0026\u0026 modalContent) { modalImage.addEventListener(\"click\", function (e) { \/\/ Check if screen width is 1079.98px or less if (window.matchMedia(\"(max-width: 1079.98px)\").matches) { e.preventDefault(); e.stopPropagation(); console.log(\"Modal image clicked on mobile - closing modal\"); closeModal(modalContent); } }); } }); \u003c\/script\u003e\u003cscript\u003e \/\/ Omnisend ? ?? ??? ??? document.addEventListener(\"DOMContentLoaded\", function () { const modalTitle = document.querySelector(\".modal-title\"); const modalText = document.querySelector(\".modal-text\"); const modalContent = document.querySelector(\".modal-content-wrapper\"); let hasChanged = false; \/\/ ?? ??? ???? ??? \/\/ Omnisend ?? ?? ?? ?? const checkSuccess = function () { const successSection = document.querySelector( \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\" ); if ( successSection \u0026\u0026 window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026 !hasChanged ) { \/\/ ?? ?? ?? (? ?? ??) modalTitle.textContent = \"Nice to have you!\"; modalText.innerHTML = \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\"; \/\/ Omnisend ? ??? const omnisendForm = document.getElementById(\u003c\/script\u003e\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Inkverse \/ Out of Stock","offer_id":47914428956898,"sku":"US-5560-IPHONE-17-PRO-MAX-INKVERSE-OUT-OF-STOCK","price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Inkverse \/ In Stock","offer_id":47914428989666,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/detail_iphone_17_pro_c11_inkverse_01_928795b3-bc71-46ae-a90c-d8953cc662b5.jpg?v=1782117174"},{"product_id":"iphone-17-series-c11-series-arcade-edition-mag-fit","title":"iPhone 17 Series - c11 Series Arcade Edition (Mag Fit) - US 1198","description":"\u003cstyle\u003e body { margin: 0; padding: 0; } *, ::after, ::before { box-sizing: border-box; } .product-description section { position: relative; width: 100%; } .product-description section:first-of-type { border-top-left-radius: 32px; border-top-right-radius: 32px; } .product-description section:last-of-type { border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; } .product-description .section-container-fluid { width: 100%; max-width: 100%; margin: 0 auto; } .product-description .section-container { width: 100%; max-width: 1200px; margin: 0 auto; } @media (min-width: 1080px) { .product-description .section-container { padding: 0 4rem; } .product-description section:not(:first-of-type) { padding-bottom: 200px; } } @media (max-width: 1079.98px) { .product-description .section-container { padding: 0 2rem; } .product-description section:not(:first-of-type) { padding-bottom: 80px; } } .product-description img { width: 100%; height: auto; } \/* ------------------------------------------------------------ Text Alignment ------------------------------------------------------------ *\/ .product-description .text-center { text-align: center; } .product-description .text-left { text-align: left; } .product-description .text-right { text-align: right; } \/* ------------------------------------------------------------ Text Colors ------------------------------------------------------------ *\/ .product-description .text-dark * { color: #000; } .product-description .text-light * { color: #fff; } .product-description .text-info { color: #8d8d8f; } \/* ------------------------------------------------------------ Visibility ------------------------------------------------------------ *\/ @media (min-width: 1080px) { .product-description .sq-mobile-view { display: none; } } @media (max-width: 1079.98px) { .product-description .sq-desktop-view { display: none; } } \/* ------------------------------------------------------------ Headlines ------------------------------------------------------------ *\/ .product-description .section-header { max-width: 600px; margin: 0 auto; } .product-description .section-preheadline { font-weight: 400; line-height: 1.2; } .product-description .section-headline { font-weight: 800; line-height: 1.2; } .product-description .section-subheadline { font-weight: 400; line-height: 1.5; } @media (min-width: 1080px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 20px; margin: 0 0 8px; } .product-description .section-headline { font-size: 48px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 18px; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 18px; margin: 0 0 8px; } .product-description .section-headline { font-size: 36px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 16px; line-height: 1.5; margin: 0; } } .product-description .cta-button { display: inline-block; padding: 16px 32px; border-radius: 100px; background-color: #ffffff; border: 1px solid #ffffff; color: #000000; font-size: 20px; font-weight: 400; text-decoration: none; line-height: 1.5; margin: 0; transition: all 0.3s ease; cursor: pointer; } .product-description .cta-button:hover { background-color: #dedede; border-color: #dedede; color: #000000; } .product-description .section-header p+.cta-button { margin-top: 32px; } \/* ------------------------------------------------------------ [Sections] Intro ------------------------------------------------------------ *\/ .section-intro { background-color: #1c1c1c; } @media (min-width: 1080px) { .section-intro .section-intro-banner { width: 100%; height: 1200px; object-fit: cover; } } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .section-highlights { background-color: #1c1c1c; } .section-highlights .section-header { max-width: 480px; } .section-highlights-feature-container { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding: 16px; margin: 0 auto; } .section-highlights-feature-item { flex: 0 0 auto; padding: 16px; } @media (min-width: 1080px) { .section-highlights-feature-item:nth-child(1) { width: 50%; } .section-highlights-feature-item:nth-child(2) { width: 50%; } .section-highlights-feature-item:nth-child(3) { width: 40%; } .section-highlights-feature-item:nth-child(4) { width: 30%; } .section-highlights-feature-item:nth-child(5) { width: 30%; } } .section-highlights-feature-item [class^=\"section-highlights-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #000000; height: 100%; border-radius: 32px; overflow: hidden; } .section-highlights-feature-item .section-highlights-list-text-item { padding: 40px; color: #ffffff; } .section-highlights-feature-item .feature-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-highlights-feature-item .feature-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } .section-highlights-feature-item img { aspect-ratio: 1\/1; width: 100%; height: 100%; object-fit: cover; object-position: center; } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .highlightSwiper { width: 100%; padding-top: 32px; } .highlightSwiper .swiper-wrapper { width: 100%; height: auto; } .highlightSwiper .swiper-wrapper .slide-header { width: 100%; padding: 40px 16px; text-align: center; color: #ffffff; } .highlightSwiper .swiper-wrapper .slide-image { aspect-ratio: 1\/1; width: 100%; height: 100%; min-height: 300px; object-fit: cover; object-position: center; border-radius: 32px; overflow: hidden; } .highlightSwiper-pagination { display: block; width: 100%; padding: 16px; text-align: center; } .highlightSwiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 100px; background-color: #dddddd; margin: 0 8px; transition: all 1s ease; } .highlightSwiper-pagination .swiper-pagination-bullet-active { background-color: #ffffff !important; width: 48px; height: 16px; } \/* ------------------------------------------------------------ [Sections] Daily Essentials ------------------------------------------------------------ *\/ .section-daily-essentials { background-color: #1c1c1c; } .section-daily-essentials img { aspect-ratio: 468\/605; width: 100%; height: 100%; object-fit: cover; object-position: center; } @media (min-width: 1080px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(2, 3fr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 1 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 2 \/ 3; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 2 \/ 3; grid-row: 2 \/ 4; } } @media (max-width: 1079.98px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(1, 4frr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 2 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 1 \/ 2; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 1 \/ 2; grid-row: 4 \/ 5; } } .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #ffffff; height: 100%; border-radius: 16px; overflow: hidden; } .section-daily-essentials-item .section-daily-essentials-list-text-item { padding: 40px; color: #000000; } .section-daily-essentials-item .essential-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-daily-essentials-item .essential-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } \/* ------------------------------------------------------------ [Sections] Series Inspiration ------------------------------------------------------------ *\/ .section-series-inspiration { background-color: #1c1c1c; } .section-series-inspiration-container { position: relative; } .section-series-inspiration-button, .edition-inspiration-button { position: absolute; top: 0; right: 0; margin: 32px; width: 40px; height: 40px; color: #ffffff; background-color: transparent; border: none; border-radius: 100px; cursor: pointer; transition: all 0.3s ease; z-index: 1; } @media (min-width: 1080px) { .section-series-inspiration .section-body { position: relative; max-width: 1200px; padding: 0 4rem; margin: 0 auto; } .section-series-inspiration-container { border-radius: 32px; overflow: hidden; } } @media (max-width: 1079.98px) { .section-series-inspiration.section-body { position: relative; padding: 0; border-radius: 0; } } \/* ------------------------------------------------------------ [Sections] Wallpapers ------------------------------------------------------------ *\/ .section-wallpapers { background-color: #1c1c1c; } .section-wallpapers button.btn-outline { border-color: #ffffff !important; color: #ffffff !important; background-color: transparent !important; } .section-wallpapers img.section-wallpapers-image { border-radius: 32px; overflow: hidden; padding: 4rem; } @media (max-width: 1079.98px) { .section-wallpapers img.section-wallpapers-image { border-radius: 16px; padding: 2rem; } } \/* ------------------------------------------------------------ Modal Styles ------------------------------------------------------------ *\/ .edition-inspiration-button { background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 4px; border-radius: 100px; transition: all 0.3s ease; } .edition-inspiration-button:hover { background: rgba(255, 255, 255, 0.25); } #modal-subscription { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } #modal-subscription .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #1c1c1c; padding: 48px; width: 90%; max-width: 740px; min-height: 600px; border-radius: 32px; display: flex; align-items: center; } #modal-subscription .modal-header { position: absolute; top: 20px; right: 20px; z-index: 1001; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; background-color: #ffffff; border-radius: 100px; cursor: pointer; } #modal-subscription .modal-header .close { display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; } #modal-subscription .modal-header .close svg { width: 24px; height: 24px; color: #1c1c1c; } #modal-subscription .modal-header:hover { background-color: #000000; } #modal-subscription .modal-header:hover svg { color: #ffffff; } #modal-subscription .modal-text-content { width: 100%; text-align: center; margin-bottom: 32px; } #modal-subscription input[type=\"email\"] { text-align: center; } #modal-subscription button[type=\"submit\"] { border-radius: 100px; } #modal-content { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; } #modal-content .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 48px; width: 90%; max-width: 800px; border-radius: 32px; } .modal-body { padding: 0; } .modal-image-container { width: 100%; text-align: center; color: #ffffff; } .modal-image { width: 100%; height: auto; border-radius: 16px; object-fit: contain; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); } #modal-content .modal-headline { color: #ffffff; } @media (min-width: 1080px) { .modal-text-content { padding: 40px; color: #ffffff; } .modal-headline { font-size: 48px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .modal-content { width: 95%; margin: 20px auto; padding: 15px; } .modal-header { top: 15px; right: 15px; } .modal-text-content { padding: 16px 0; color: #ffffff; } .modal-content .modal-image { cursor: pointer; } .modal-headline { font-size: 24px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 16px; font-weight: 400; line-height: 1.5 !important; margin: 0; } .close { width: 40px; height: 40px; font-size: 24px; } } \u003c\/style\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\u003clink rel=\"stylesheet\" href=\"style.css\"\u003e\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003csection class=\"section-intro\"\u003e\u003cdiv class=\"section-container-fluid\"\u003e\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\"\u003eArcade Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e A retro-futuristic take on an iconic arcade game. This throwback will have you chasing the nostalgic neon lights and chime of the jackpot.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eSubscribe\u003c\/button\u003e\n\u003c\/div\u003e\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\/long_description_arcade_desktop_01.jpg?v=1767376335\" alt=\"Arcade Series phone case showing pinball-inspired graphic design with camera cutout in neon arcade setting\"\u003e\u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_arcade_mobile_01.jpg?v=1767376335\" alt=\"Arcade Series phone case showing pinball-inspired graphic design with camera cutout in neon arcade setting\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-highlights sq-desktop-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_arcade_01.jpg?v=1767376335\" alt=\"Arcade Series phone case showing close-up of pinball-style graphic details with layered textures and vibrant colors\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\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 Discover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in-depth printing that's in a league of its own. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\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 Camera guard and air-cushion technology keep your iPhone 17 Pro safe every day. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_arcade_02.jpg?v=1767376335\" alt=\"Arcade Series phone case showing glossy blue frame with detailed camera cutout and pinball-inspired back design\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_arcade_03.jpg?v=1767376336\" alt=\"Close up of the corner with shadowed image with a reflective blue rectangular object displaying the air cushion technology\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-highlights sq-mobile-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Discover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in depth printing that's in a league of its own. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_arcade_01.jpg?v=1767376335\" alt=\"Arcade Series phone case showing close-up of pinball-style graphic details with layered textures and vibrant colors\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Raised edges prevent scratches on screen and camera at all angles. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_arcade_02.jpg?v=1767376335\" alt=\"Arcade Series phone case showing glossy blue frame with detailed camera cutout and pinball-inspired back design\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Air Cushion™ Technology absorbs and mitigates all impacts in each corner. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_arcade_03.jpg?v=1767376336\" alt=\"Close up of the corner with shadowed image with a reflective blue rectangular object displaying the air cushion technology\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e var swiper = new Swiper(\".highlightSwiper\", { slidesPerView: 1, spaceBetween: 32, pagination: { el: \".highlightSwiper-pagination\", clickable: true, }, }); \u003c\/script\u003e\u003c\/section\u003e\u003csection class=\"section-daily-essentials\"\u003e\u003cdiv class=\"section-container\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_arcade_04.jpg?v=1767376335\" alt=\"Arcade Series phone case showing side profile with responsive camera control button during camera use\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\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 Precise cutouts for easy and full access to all the buttons on iPhone. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\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 We know it’s a hassle to take the case off. So, simply charge on with the case on via wireless charger or MagSafe charger. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_arcade_05.jpg?v=1767376335\" alt=\"iPhone 17 Pro on the left is being charged wirelessly on a dark gray circular pad, displaying a dark lock screen. To the right, an iPhone 17 Pro is shown from the back, featuring an arcade design case with a white circular MagSafe charging puck attached via a white cord.\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section-series-inspiration\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_sub.jpg?v=1767376335\" alt=\"Arcade Series phone case showing pinball-inspired back design with glossy blue frame and neon arcade background\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Modal for Subscription --\u003e\u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\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\u003c\/svg\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\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 Subscribe and be the first to explore fresh \u003cbr\u003ec11 designs every month. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Wallpaper Section --\u003e\u003csection class=\"section-wallpapers\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\" style=\"color: #549CF3 !important;\"\u003eFREE WALLPAPERS\u003c\/p\u003e\n\u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003e\u003c\/h1\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Arcade \/ In Stock","offer_id":47914429055202,"sku":"US-1198-IPHONE-17-PRO-MAX-ARCADE-IN-STOCK","price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Arcade \/ In Stock","offer_id":47914429087970,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/detail_web_iphone16proseries_c11_arcade_01.jpg?v=1782117177"},{"product_id":"iphone-17-series-c11-series-nocturne-edition-mag-fit","title":"iPhone 17 Series - c11 Series Nocturne Edition (Mag Fit) - US 5472","description":"\u003cstyle\u003e body { margin: 0; padding: 0; } *, ::after, ::before { box-sizing: border-box; } .product-description section { position: relative; width: 100%; } .product-description section:first-of-type { border-top-left-radius: 32px; border-top-right-radius: 32px; } .product-description section:last-of-type { border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; } .product-description .section-container-fluid { width: 100%; max-width: 100%; margin: 0 auto; } .product-description .section-container { width: 100%; max-width: 1200px; margin: 0 auto; } @media (min-width: 1080px) { .product-description .section-container { padding: 0 4rem; } .product-description section:not(:first-of-type) { padding-bottom: 200px; } } @media (max-width: 1079.98px) { .product-description .section-container { padding: 0 2rem; } .product-description section:not(:first-of-type) { padding-bottom: 80px; } } .product-description img { width: 100%; height: auto; } \/* ------------------------------------------------------------ Text Alignment ------------------------------------------------------------ *\/ .product-description .text-center { text-align: center; } .product-description .text-left { text-align: left; } .product-description .text-right { text-align: right; } \/* ------------------------------------------------------------ Text Colors ------------------------------------------------------------ *\/ .product-description .text-dark * { color: #000; } .product-description .text-light * { color: #fff; } .product-description .text-info { color: #8d8d8f; } \/* ------------------------------------------------------------ Visibility ------------------------------------------------------------ *\/ @media (min-width: 1080px) { .product-description .sq-mobile-view { display: none; } } @media (max-width: 1079.98px) { .product-description .sq-desktop-view { display: none; } } \/* ------------------------------------------------------------ Headlines ------------------------------------------------------------ *\/ .product-description .section-header { max-width: 500px; margin: 0 auto; } .product-description .section-preheadline { font-weight: 400; line-height: 1.2; } .product-description .section-headline { font-weight: 800; line-height: 1.2; } .product-description .section-subheadline { font-weight: 400; line-height: 1.5; } @media (min-width: 1080px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 20px; margin: 0 0 8px; } .product-description .section-headline { font-size: 48px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 18px; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 18px; margin: 0 0 8px; } .product-description .section-headline { font-size: 36px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 16px; line-height: 1.5; margin: 0; } } .product-description .cta-button { display: inline-block; padding: 16px 32px; border-radius: 100px; background-color: #ffffff; border: 1px solid #ffffff; color: #000000; font-size: 20px; font-weight: 400; text-decoration: none; line-height: 1.5; margin: 0; transition: all 0.3s ease; cursor: pointer; } .product-description .cta-button:hover { background-color: #dedede; border-color: #dedede; color: #000000; } .product-description .section-header p+.cta-button { margin-top: 32px; } \/* ------------------------------------------------------------ [Sections] Intro ------------------------------------------------------------ *\/ .section-intro { background-color: #1c1c1c; } @media (min-width: 1080px) { .section-intro .section-intro-banner { width: 100%; height: 1200px; object-fit: cover; } } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .section-highlights { background-color: #1c1c1c; } .section-highlights .section-header { max-width: 480px; } .section-highlights-feature-container { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding: 16px; margin: 0 auto; } .section-highlights-feature-item { flex: 0 0 auto; padding: 16px; } @media (min-width: 1080px) { .section-highlights-feature-item:nth-child(1) { width: 50%; } .section-highlights-feature-item:nth-child(2) { width: 50%; } .section-highlights-feature-item:nth-child(3) { width: 40%; } .section-highlights-feature-item:nth-child(4) { width: 30%; } .section-highlights-feature-item:nth-child(5) { width: 30%; } } .section-highlights-feature-item [class^=\"section-highlights-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #000000; height: 100%; border-radius: 32px; overflow: hidden; } .section-highlights-feature-item .section-highlights-list-text-item { padding: 40px; color: #ffffff; } .section-highlights-feature-item .feature-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-highlights-feature-item .feature-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } .section-highlights-feature-item img { aspect-ratio: 1\/1; width: 100%; height: 100%; object-fit: cover; object-position: center; } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .highlightSwiper { width: 100%; padding-top: 32px; } .highlightSwiper .swiper-wrapper { width: 100%; height: auto; } .highlightSwiper .swiper-wrapper .slide-header { width: 100%; padding: 40px 16px; text-align: center; color: #ffffff; } .highlightSwiper .swiper-wrapper .slide-image { aspect-ratio: 1\/1; width: 100%; height: 100%; min-height: 300px; object-fit: cover; object-position: center; border-radius: 32px; overflow: hidden; } .highlightSwiper-pagination { display: block; width: 100%; padding: 16px; text-align: center; } .highlightSwiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 100px; background-color: #dddddd; margin: 0 8px; transition: all 1s ease; } .highlightSwiper-pagination .swiper-pagination-bullet-active { background-color: #ffffff !important; width: 48px; height: 16px; } \/* ------------------------------------------------------------ [Sections] Daily Essentials ------------------------------------------------------------ *\/ .section-daily-essentials { background-color: #1c1c1c; } .section-daily-essentials img { aspect-ratio: 468\/605; width: 100%; height: 100%; object-fit: cover; object-position: center; } @media (min-width: 1080px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(2, 3fr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 1 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 2 \/ 3; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 2 \/ 3; grid-row: 2 \/ 4; } } @media (max-width: 1079.98px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(1, 4frr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 2 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 1 \/ 2; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 1 \/ 2; grid-row: 4 \/ 5; } } .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #ffffff; height: 100%; border-radius: 16px; overflow: hidden; } .section-daily-essentials-item .section-daily-essentials-list-text-item { padding: 40px; color: #000000; } .section-daily-essentials-item .essential-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-daily-essentials-item .essential-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } \/* ------------------------------------------------------------ [Sections] Series Inspiration ------------------------------------------------------------ *\/ .section-series-inspiration { background-color: #1c1c1c; } .section-series-inspiration-container { position: relative; } .section-series-inspiration-button, .edition-inspiration-button { position: absolute; top: 0; right: 0; margin: 32px; width: 40px; height: 40px; color: #ffffff; background-color: transparent; border: none; border-radius: 100px; cursor: pointer; transition: all 0.3s ease; z-index: 1; } @media (min-width: 1080px) { .section-series-inspiration .section-body { position: relative; max-width: 1200px; padding: 0 4rem; margin: 0 auto; } .section-series-inspiration-container { border-radius: 32px; overflow: hidden; } } @media (max-width: 1079.98px) { .section-series-inspiration.section-body { position: relative; padding: 0; border-radius: 0; } } \/* ------------------------------------------------------------ [Sections] Wallpapers ------------------------------------------------------------ *\/ .section-wallpapers { background-color: #1c1c1c; } .section-wallpapers button.btn-outline { border-color: #ffffff !important; color: #ffffff !important; background-color: transparent !important; } .section-wallpapers img.section-wallpapers-image { border-radius: 32px; overflow: hidden; padding: 4rem; } @media (max-width: 1079.98px) { .section-wallpapers img.section-wallpapers-image { border-radius: 16px; padding: 2rem; } } \/* ------------------------------------------------------------ Modal Styles ------------------------------------------------------------ *\/ .edition-inspiration-button { background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 4px; border-radius: 100px; transition: all 0.3s ease; } .edition-inspiration-button:hover { background: rgba(255, 255, 255, 0.25); } #modal-subscription { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } #modal-subscription .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #1c1c1c; padding: 48px; width: 90%; max-width: 740px; min-height: 600px; border-radius: 32px; display: flex; align-items: center; } #modal-subscription .modal-header { position: absolute; top: 20px; right: 20px; z-index: 1001; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; background-color: #ffffff; border-radius: 100px; cursor: pointer; } #modal-subscription .modal-header .close { display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; } #modal-subscription .modal-header .close svg { width: 24px; height: 24px; color: #1c1c1c; } #modal-subscription .modal-header:hover { background-color: #000000; } #modal-subscription .modal-header:hover svg { color: #ffffff; } #modal-subscription .modal-text-content { width: 100%; text-align: center; margin-bottom: 32px; } #modal-subscription input[type=\"email\"] { text-align: center; } #modal-subscription button[type=\"submit\"] { border-radius: 100px; } #modal-content { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; } #modal-content .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 48px; width: 90%; max-width: 800px; border-radius: 32px; } .modal-body { padding: 0; } .modal-image-container { width: 100%; text-align: center; color: #ffffff; } .modal-image { width: 100%; height: auto; border-radius: 16px; object-fit: contain; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); } #modal-content .modal-headline { color: #ffffff; } @media (min-width: 1080px) { .modal-text-content { padding: 40px; color: #ffffff; } .modal-headline { font-size: 48px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .modal-content { width: 95%; margin: 20px auto; padding: 15px; } .modal-header { top: 15px; right: 15px; } .modal-text-content { padding: 16px 0; color: #ffffff; } .modal-content .modal-image { cursor: pointer; } .modal-headline { font-size: 24px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 16px; font-weight: 400; line-height: 1.5 !important; margin: 0; } .close { width: 40px; height: 40px; font-size: 24px; } } \u003c\/style\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\u003clink rel=\"stylesheet\" href=\"style.css\"\u003e\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003c!-- Intro Section --\u003e\u003csection class=\"section-intro\"\u003e\u003cdiv class=\"section-container-fluid\"\u003e\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\"\u003eNocturne Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e Inspired by the monochromatic patterns of French Toile de Jouy. Wild elegance lives on through hand-drawn felines and foliage. \u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eSubscribe\u003c\/button\u003e\n\u003c\/div\u003e\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\/long_description_nocturne_desktop_01.jpg?v=1769620550\" alt=\"iPhone 17 Pro Series Nocturne MagSafe case standing upright with patterned back design\"\u003e\u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_mobile_01.jpg?v=1769620549\" alt=\"iPhone 17 Pro Series Nocturne MagSafe case standing upright with patterned back design\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Highlights Section --\u003e\u003csection class=\"section-highlights sq-desktop-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_01.jpg?v=1769620549\" alt=\"iPhone 17 Pro Series Nocturne MagSafe case showing close up of embossed pattern and MagSafe ring\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\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 Discover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in-depth printing that's in a league of its own. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\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 Camera guard and air-cushion technology keep your iPhone 17 Pro safe every day. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_02.jpg?v=1769620549\" alt=\"iPhone 17 Pro Series Nocturne case showing angled view of camera cutout and raised lens frame\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_03.jpg?v=1769620549\" alt=\"Close up of the corner with shadowed image with a reflective blue rectangular object displaying the air cushion technology\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Highlights Section (Mobile) --\u003e\u003csection class=\"section-highlights sq-mobile-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Discover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in depth printing that's in a league of its own. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_01.jpg?v=1769620549\" alt=\"iPhone 17 Pro Series Nocturne MagSafe case showing close up of embossed pattern and MagSafe ring\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Raised edges prevent scratches on screen and camera at all angles. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_02.jpg?v=1769620549\" alt=\"iPhone 17 Pro Series Nocturne case showing angled view of camera cutout and raised lens frame\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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 Air Cushion™ Technology absorbs and mitigates all impacts in each corner. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_03.jpg?v=1769620549\" alt=\"Close up of the corner with shadowed image with a reflective blue rectangular object displaying the air cushion technology\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e var swiper = new Swiper(\".highlightSwiper\", { slidesPerView: 1, spaceBetween: 32, pagination: { el: \".highlightSwiper-pagination\", clickable: true, }, }); \u003c\/script\u003e\u003c\/section\u003e\u003c!-- Daily Essentials Section --\u003e\u003csection class=\"section-daily-essentials\"\u003e\u003cdiv class=\"section-container\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_04.jpg?v=1769620549\" alt=\"iPhone 17 Pro Series Nocturne phone case showing side profile with responsive camera control button during camera use\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\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 Precise cutouts for easy and full access to all the buttons on iPhone. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\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 We know it’s a hassle to take the case off. So, simply charge on with the case on via wireless charger or MagSafe charger. \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_05.jpg?v=1769620550\" alt=\"iPhone 17 Pro Nocturne MagSafe case showing front and back view on charging stand\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Series Inspiration Section --\u003e\u003csection class=\"section-series-inspiration\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_sub_6317b6cc-65f4-4d8d-ad99-afbf868a1d3e.jpg?v=1769620550\" alt=\"iPhone 17 Pro Nocturne MagSafe case displayed inside open presentation box\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Modal for Subscription --\u003e\u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\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\u003c\/svg\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\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 Subscribe and be the first to explore fresh \u003cbr\u003ec11 designs every month. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e \/\/ Modal functionality document.addEventListener(\"DOMContentLoaded\", function () { console.log(\"Modal script loaded\"); \/\/ Get modal elements const modalSubscription = document.getElementById(\"modal-subscription\"); const modalContent = document.getElementById(\"modal-content\"); \/\/ Get button elements const ctaButton = document.querySelector(\".cta-button\"); const inspirationButton = document.querySelector( \".edition-inspiration-button\" ); console.log(\"CTA Button found:\", ctaButton); console.log(\"Inspiration Button found:\", inspirationButton); console.log(\"Modal Subscription found:\", modalSubscription); console.log(\"Modal Content found:\", modalContent); \/\/ Function to open modal function openModal(modal) { if (modal) { modal.style.display = \"block\"; document.body.style.overflow = \"hidden\"; console.log(\"Modal opened:\", modal.id); } } \/\/ Function to close modal function closeModal(modal) { if (modal) { modal.style.display = \"none\"; document.body.style.overflow = \"auto\"; console.log(\"Modal closed:\", modal.id); } } \/\/ CTA Button → Subscription Modal if (ctaButton \u0026\u0026 modalSubscription) { ctaButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"CTA button clicked\"); openModal(modalSubscription); }); } else { console.error(\"CTA button or subscription modal not found\"); } \/\/ Inspiration Button → Content Modal if (inspirationButton \u0026\u0026 modalContent) { inspirationButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"Inspiration button clicked\"); openModal(modalContent); }); } else { console.error(\"Inspiration button or content modal not found\"); } \/\/ Close buttons const closeBtns = document.querySelectorAll(\".close\"); closeBtns.forEach(function (closeBtn) { closeBtn.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); const modalId = this.getAttribute(\"data-modal\"); const modal = document.getElementById(modalId); console.log(\"Close button clicked for modal:\", modalId); closeModal(modal); }); }); \/\/ Close modal when clicking outside of modal content window.addEventListener(\"click\", function (event) { if (event.target.classList.contains(\"modal\")) { console.log(\"Modal background clicked\"); closeModal(event.target); } }); \/\/ ESC key to close modals document.addEventListener(\"keydown\", function (e) { if (e.key === \"Escape\") { if ( modalSubscription \u0026\u0026 modalSubscription.style.display === \"block\" ) { closeModal(modalSubscription); } if (modalContent \u0026\u0026 modalContent.style.display === \"block\") { closeModal(modalContent); } } }); \/\/ Modal image click to close modal (only for mobile screens) const modalImage = document.querySelector(\"#modal-content .modal-image\"); if (modalImage \u0026\u0026 modalContent) { modalImage.addEventListener(\"click\", function (e) { \/\/ Check if screen width is 1079.98px or less if (window.matchMedia(\"(max-width: 1079.98px)\").matches) { e.preventDefault(); e.stopPropagation(); console.log(\"Modal image clicked on mobile - closing modal\"); closeModal(modalContent); } }); } }); \u003c\/script\u003e\u003cscript\u003e \/\/ Omnisend 폼 성공 이벤트 리스너 document.addEventListener(\"DOMContentLoaded\", function () { const modalTitle = document.querySelector(\".modal-title\"); const modalText = document.querySelector(\".modal-text\"); const modalContent = document.querySelector(\".modal-content-wrapper\"); let hasChanged = false; \/\/ 변경 여부를 추적하는 플래그 \/\/ Omnisend 폼의 성공 섹션 감지 const checkSuccess = function () { const successSection = document.querySelector( \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\" ); if ( successSection \u0026\u0026 window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026 !hasChanged ) { \/\/ 모달 내용 변경 (한 번만 실행) modalTitle.textContent = \"Nice to have you!\"; modalText.innerHTML = \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\"; \/\/ Omnisend 폼 숨기기 const omnisendForm = document.getElementById( \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\" ); if (omnisendForm) { omnisendForm.style.display = \"none\"; } hasChanged = true; \/\/ 변경되었음을 표시 clearInterval(checkInterval); \/\/ 인터벌 중지 } }; \/\/ 주기적으로 성공 섹션 확인 const checkInterval = setInterval(checkSuccess, 500); \/\/ 폼 제출 버튼 클릭 이벤트 감지 const submitButton = document.querySelector( \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\" ); if (submitButton) { submitButton.addEventListener(\"click\", function () { if (!hasChanged) { \/\/ 아직 변경되지 않은 경우에만 실행 setTimeout(checkSuccess, 1000); } }); } }); \u003c\/script\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Wallpaper Section --\u003e\u003csection class=\"section-wallpapers\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\" style=\"color: #549CF3 !important;\"\u003eFREE WALLPAPERS\u003c\/p\u003e\n\u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003eClassy inside and out. \u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eComplete the setup. \u003cbr\u003eFree matching wallpapers out now.\u003c\/p\u003e\n\u003cbutton class=\"cta-button btn-outline\" onclick=\"window.open('https:\/\/www.spigen.com\/pages\/wallpapers', '_blank')\"\u003e Download now \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-wallpapers-container\"\u003e\u003cimg class=\"section-wallpapers-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_06.png?v=1769754782\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Outro Section --\u003e\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003e\u003cspan style=\"color: #ffffff;\"\u003eMore than just protection.\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp\u003e\u003cspan style=\"color: #ffffff;\"\u003eExplore what we do and how we do it.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story_banner.jpg?v=1738881443\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/sustainability_banner_cea5e38f-da2e-4e9b-967a-1ae42adb5523.jpg?v=1738881444\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Nocturne \/ In Stock","offer_id":47914429153506,"sku":"US-5472-IPHONE-17-PRO-MAX-NOCTURNE-IN-STOCK","price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Nocturne \/ In Stock","offer_id":47914429186274,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/detail_web_iphone17series_c11_nocturne_01.jpg?v=1782117179"},{"product_id":"iphone-17-series-c11-series-palette-edition-mag-fit","title":"iPhone 17 Series - c11 Series Palette Edition (Mag Fit) - US 5884","description":"\u003cstyle\u003e body { margin: 0; padding: 0; } *, ::after, ::before { box-sizing: border-box; } .product-description section { position: relative; width: 100%; } .product-description section:first-of-type { border-top-left-radius: 32px; border-top-right-radius: 32px; } .product-description section:last-of-type { border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; } .product-description .section-container-fluid { width: 100%; max-width: 100%; margin: 0 auto; } .product-description .section-container { width: 100%; max-width: 1200px; margin: 0 auto; } @media (min-width: 1080px) { .product-description .section-container { padding: 0 4rem; } .product-description section:not(:first-of-type) { padding-bottom: 200px; } } @media (max-width: 1079.98px) { .product-description .section-container { padding: 0 2rem; } .product-description section:not(:first-of-type) { padding-bottom: 80px; } } .product-description img { width: 100%; height: auto; } \/* ------------------------------------------------------------ Text Alignment ------------------------------------------------------------ *\/ .product-description .text-center { text-align: center; } .product-description .text-left { text-align: left; } .product-description .text-right { text-align: right; } \/* ------------------------------------------------------------ Text Colors ------------------------------------------------------------ *\/ .product-description .text-dark * { color: #000; } .product-description .text-light * { color: #fff; } .product-description .text-info { color: #8d8d8f; } \/* ------------------------------------------------------------ Visibility ------------------------------------------------------------ *\/ @media (min-width: 1080px) { .product-description .sq-mobile-view { display: none; } } @media (max-width: 1079.98px) { .product-description .sq-desktop-view { display: none; } } \/* ------------------------------------------------------------ Headlines ------------------------------------------------------------ *\/ .product-description .section-header { max-width: 500px; margin: 0 auto; } .product-description .section-preheadline { font-weight: 400; line-height: 1.2; } .product-description .section-headline { font-weight: 800; line-height: 1.2; } .product-description .section-subheadline { font-weight: 400; line-height: 1.5; } @media (min-width: 1080px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 20px; margin: 0 0 8px; } .product-description .section-headline { font-size: 48px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 18px; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 18px; margin: 0 0 8px; } .product-description .section-headline { font-size: 36px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 16px; line-height: 1.5; margin: 0; } } .product-description .cta-button { display: inline-block; padding: 16px 32px; border-radius: 100px; background-color: #ffffff; border: 1px solid #ffffff; color: #000000; font-size: 20px; font-weight: 400; text-decoration: none; line-height: 1.5; margin: 0; transition: all 0.3s ease; cursor: pointer; } .product-description .cta-button:hover { background-color: #dedede; border-color: #dedede; color: #000000; } .product-description .section-header p+.cta-button { margin-top: 32px; } \/* ------------------------------------------------------------ [Sections] Intro ------------------------------------------------------------ *\/ .section-intro { background-color: #1c1c1c; } @media (min-width: 1080px) { .section-intro .section-intro-banner { width: 100%; height: 1200px; object-fit: cover; } } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .section-highlights { background-color: #1c1c1c; } .section-highlights .section-header { max-width: 480px; } .section-highlights-feature-container { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding: 16px; margin: 0 auto; } .section-highlights-feature-item { flex: 0 0 auto; padding: 16px; } @media (min-width: 1080px) { .section-highlights-feature-item:nth-child(1) { width: 50%; } .section-highlights-feature-item:nth-child(2) { width: 50%; } .section-highlights-feature-item:nth-child(3) { width: 40%; } .section-highlights-feature-item:nth-child(4) { width: 30%; } .section-highlights-feature-item:nth-child(5) { width: 30%; } } .section-highlights-feature-item [class^=\"section-highlights-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #000000; height: 100%; border-radius: 32px; overflow: hidden; } .section-highlights-feature-item .section-highlights-list-text-item { padding: 40px; color: #ffffff; } .section-highlights-feature-item .feature-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-highlights-feature-item .feature-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } .section-highlights-feature-item img { aspect-ratio: 1\/1; width: 100%; height: 100%; object-fit: cover; object-position: center; } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .highlightSwiper { width: 100%; padding-top: 32px; } .highlightSwiper .swiper-wrapper { width: 100%; height: auto; } .highlightSwiper .swiper-wrapper .slide-header { width: 100%; padding: 40px 16px; text-align: center; color: #ffffff; } .highlightSwiper .swiper-wrapper .slide-image { aspect-ratio: 1\/1; width: 100%; height: 100%; min-height: 300px; object-fit: cover; object-position: center; border-radius: 32px; overflow: hidden; } .highlightSwiper-pagination { display: block; width: 100%; padding: 16px; text-align: center; } .highlightSwiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 100px; background-color: #dddddd; margin: 0 8px; transition: all 1s ease; } .highlightSwiper-pagination .swiper-pagination-bullet-active { background-color: #ffffff !important; width: 48px; height: 16px; } \/* ------------------------------------------------------------ [Sections] Daily Essentials ------------------------------------------------------------ *\/ .section-daily-essentials { background-color: #1c1c1c; } .section-daily-essentials img { aspect-ratio: 468\/605; width: 100%; height: 100%; object-fit: cover; object-position: center; } @media (min-width: 1080px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(2, 3fr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 1 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 2 \/ 3; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 2 \/ 3; grid-row: 2 \/ 4; } } @media (max-width: 1079.98px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(1, 4fr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 2 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 1 \/ 2; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 1 \/ 2; grid-row: 4 \/ 5; } } .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #ffffff; height: 100%; border-radius: 16px; overflow: hidden; } .section-daily-essentials-item .section-daily-essentials-list-text-item { padding: 40px; color: #000000; } .section-daily-essentials-item .essential-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-daily-essentials-item .essential-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } \/* ------------------------------------------------------------ [Sections] Series Inspiration ------------------------------------------------------------ *\/ .section-series-inspiration { background-color: #1c1c1c; } .section-series-inspiration-container { position: relative; } .section-series-inspiration-button, .edition-inspiration-button { position: absolute; top: 0; right: 0; margin: 32px; width: 40px; height: 40px; color: #ffffff; background-color: transparent; border: none; border-radius: 100px; cursor: pointer; transition: all 0.3s ease; z-index: 1; } @media (min-width: 1080px) { .section-series-inspiration .section-body { position: relative; max-width: 1200px; padding: 0 4rem; margin: 0 auto; } .section-series-inspiration-container { border-radius: 32px; overflow: hidden; } } @media (max-width: 1079.98px) { .section-series-inspiration.section-body { position: relative; padding: 0; border-radius: 0; } } \/* ------------------------------------------------------------ [Sections] Wallpapers ------------------------------------------------------------ *\/ .section-wallpapers { background-color: #1c1c1c; } .section-wallpapers button.btn-outline { border-color: #ffffff !important; color: #ffffff !important; background-color: transparent !important; } .section-wallpapers img.section-wallpapers-image { border-radius: 32px; overflow: hidden; padding: 4rem; } @media (max-width: 1079.98px) { .section-wallpapers img.section-wallpapers-image { border-radius: 16px; padding: 2rem; } } \/* ------------------------------------------------------------ Modal Styles ------------------------------------------------------------ *\/ .edition-inspiration-button { background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 4px; border-radius: 100px; transition: all 0.3s ease; } .edition-inspiration-button:hover { background: rgba(255, 255, 255, 0.25); } #modal-subscription { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } #modal-subscription .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #1c1c1c; padding: 48px; width: 90%; max-width: 740px; min-height: 600px; border-radius: 32px; display: flex; align-items: center; } #modal-subscription .modal-header { position: absolute; top: 20px; right: 20px; z-index: 1001; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; background-color: #ffffff; border-radius: 100px; cursor: pointer; } #modal-subscription .modal-header .close { display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; } #modal-subscription .modal-header .close svg { width: 24px; height: 24px; color: #1c1c1c; } #modal-subscription .modal-header:hover { background-color: #000000; } #modal-subscription .modal-header:hover svg { color: #ffffff; } #modal-subscription .modal-text-content { width: 100%; text-align: center; margin-bottom: 32px; } #modal-subscription input[type=\"email\"] { text-align: center; } #modal-subscription button[type=\"submit\"] { border-radius: 100px; } #modal-content { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; } #modal-content .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 48px; width: 90%; max-width: 800px; border-radius: 32px; } .modal-body { padding: 0; } .modal-image-container { width: 100%; text-align: center; color: #ffffff; } .modal-image { width: 100%; height: auto; border-radius: 16px; object-fit: contain; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); } #modal-content .modal-headline { color: #ffffff; } @media (min-width: 1080px) { .modal-text-content { padding: 40px; color: #ffffff; } .modal-headline { font-size: 48px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .modal-content { width: 95%; margin: 20px auto; padding: 15px; } .modal-header { top: 15px; right: 15px; } .modal-text-content { padding: 16px 0; color: #ffffff; } .modal-content .modal-image { cursor: pointer; } .modal-headline { font-size: 24px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 16px; font-weight: 400; line-height: 1.5 !important; margin: 0; } .close { width: 40px; height: 40px; font-size: 24px; } } \u003c\/style\u003e\u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003c!-- Intro Section --\u003e\u003csection class=\"section-intro\"\u003e\u003cdiv class=\"section-container-fluid\"\u003e\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\"\u003ePalette Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eA vibrant brushstroke pattern layered with deep, rich hues designed to stand out and never blend in.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eSubscribe\u003c\/button\u003e\n\u003c\/div\u003e\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\/long_description_palette_desktop_01.jpg?v=1771545515\" alt=\"iPhone 17 Pro Series C11 Palette case placed on desk with paint tubes and brushes\"\u003e\u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_palette_mobile_01.jpg?v=1771545515\" alt=\"iPhone 17 Pro Series C11 Palette case placed on desk with paint tubes and brushes\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Highlights Section --\u003e\u003csection class=\"section-highlights sq-desktop-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_palette_01.jpg?v=1771545515\" alt=\"iPhone 17 Pro Series C11 Palette case showing close up of textured brushstroke artwork\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eHexa-layering technology\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003eDiscover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in-depth printing that's in a league of its own.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eAll-around protection\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003eCamera guard and air-cushion technology keep your iPhone 17 Pro safe every day.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_palette_02.jpg?v=1771545515\" alt=\"iPhone 17 Pro Series C11 Palette case showing angled camera cutout and raised lens frame\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_palette_03.jpg?v=1771545515\" alt=\"Close up of the corner with shadowed image with a reflective blue rectangular object displaying the air cushion technology\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Highlights Section (Mobile) --\u003e\u003csection class=\"section-highlights sq-mobile-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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\"\u003eDiscover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in depth printing that's in a league of its own.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_palette_01.jpg?v=1771545515\" alt=\"iPhone 17 Pro Series C11 Palette case showing close up of textured brushstroke artwork\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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\"\u003eRaised edges prevent scratches on screen and camera at all angles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_palette_02.jpg?v=1771545515\" alt=\"iPhone 17 Pro Series C11 Palette case showing angled camera cutout and raised lens frame\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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\"\u003eAir Cushion™ Technology absorbs and mitigates all impacts in each corner.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_palette_03.jpg?v=1771545515\" alt=\"Close up of the corner with shadowed image with a reflective blue rectangular object displaying the air cushion technology\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e var swiper = new Swiper(\".highlightSwiper\", { slidesPerView: 1, spaceBetween: 32, pagination: { el: \".highlightSwiper-pagination\", clickable: true, }, }); \u003c\/script\u003e\u003c\/section\u003e\u003c!-- Daily Essentials Section --\u003e\u003csection class=\"section-daily-essentials\"\u003e\u003cdiv class=\"section-container\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_palette_04.jpg?v=1771545515\" alt=\"iPhone 17 Pro Series Palette phone case showing side profile with responsive camera control button during camera use\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eEasy access\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003ePrecise cutouts for easy and full access to all the buttons on iPhone.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\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\"\u003eWe know it's a hassle to take the case off. So, simply charge on with the case on via wireless charger or MagSafe charger.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_palette_05.jpg?v=1771545515\" alt=\"iPhone 17 Pro Palette MagSafe case showing front and back view on charging stand\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Series Inspiration Section --\u003e\u003csection class=\"section-series-inspiration\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_sub_7468e095-2ffb-43ef-8dab-77f9bcf80be9.jpg?v=1771545515\" alt=\"iPhone 17 Pro Series C11 Palette case displayed on art easel with painting backdrop\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Modal for Subscription --\u003e\u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\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\u003c\/svg\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\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\"\u003eSubscribe and be the first to explore fresh \u003cbr\u003ec11 designs every month.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e \/\/ Modal functionality document.addEventListener(\"DOMContentLoaded\", function () { console.log(\"Modal script loaded\"); \/\/ Get modal elements const modalSubscription = document.getElementById(\"modal-subscription\"); const modalContent = document.getElementById(\"modal-content\"); \/\/ Get button elements const ctaButton = document.querySelector(\".cta-button\"); const inspirationButton = document.querySelector( \".edition-inspiration-button\" ); console.log(\"CTA Button found:\", ctaButton); console.log(\"Inspiration Button found:\", inspirationButton); console.log(\"Modal Subscription found:\", modalSubscription); console.log(\"Modal Content found:\", modalContent); \/\/ Function to open modal function openModal(modal) { if (modal) { modal.style.display = \"block\"; document.body.style.overflow = \"hidden\"; console.log(\"Modal opened:\", modal.id); } } \/\/ Function to close modal function closeModal(modal) { if (modal) { modal.style.display = \"none\"; document.body.style.overflow = \"auto\"; console.log(\"Modal closed:\", modal.id); } } \/\/ CTA Button → Subscription Modal if (ctaButton \u0026\u0026 modalSubscription) { ctaButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"CTA button clicked\"); openModal(modalSubscription); }); } else { console.error(\"CTA button or subscription modal not found\"); } \/\/ Inspiration Button → Content Modal if (inspirationButton \u0026\u0026 modalContent) { inspirationButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"Inspiration button clicked\"); openModal(modalContent); }); } else { console.error(\"Inspiration button or content modal not found\"); } \/\/ Close buttons const closeBtns = document.querySelectorAll(\".close\"); closeBtns.forEach(function (closeBtn) { closeBtn.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); const modalId = this.getAttribute(\"data-modal\"); const modal = document.getElementById(modalId); console.log(\"Close button clicked for modal:\", modalId); closeModal(modal); }); }); \/\/ Close modal when clicking outside of modal content window.addEventListener(\"click\", function (event) { if (event.target.classList.contains(\"modal\")) { console.log(\"Modal background clicked\"); closeModal(event.target); } }); \/\/ ESC key to close modals document.addEventListener(\"keydown\", function (e) { if (e.key === \"Escape\") { if ( modalSubscription \u0026\u0026 modalSubscription.style.display === \"block\" ) { closeModal(modalSubscription); } if (modalContent \u0026\u0026 modalContent.style.display === \"block\") { closeModal(modalContent); } } }); \/\/ Modal image click to close modal (only for mobile screens) const modalImage = document.querySelector(\"#modal-content .modal-image\"); if (modalImage \u0026\u0026 modalContent) { modalImage.addEventListener(\"click\", function (e) { \/\/ Check if screen width is 1079.98px or less if (window.matchMedia(\"(max-width: 1079.98px)\").matches) { e.preventDefault(); e.stopPropagation(); console.log(\"Modal image clicked on mobile - closing modal\"); closeModal(modalContent); } }); } }); \u003c\/script\u003e\u003cscript\u003e \/\/ Omnisend 폼 성공 이벤트 리스너 document.addEventListener(\"DOMContentLoaded\", function () { const modalTitle = document.querySelector(\".modal-title\"); const modalText = document.querySelector(\".modal-text\"); const modalContent = document.querySelector(\".modal-content-wrapper\"); let hasChanged = false; \/\/ 변경 여부를 추적하는 플래그 \/\/ Omnisend 폼의 성공 섹션 감지 const checkSuccess = function () { const successSection = document.querySelector( \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\" ); if ( successSection \u0026\u0026 window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026 !hasChanged ) { \/\/ 모달 내용 변경 (한 번만 실행) modalTitle.textContent = \"Nice to have you!\"; modalText.innerHTML = \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\"; \/\/ Omnisend 폼 숨기기 const omnisendForm = document.getElementById( \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\" ); if (omnisendForm) { omnisendForm.style.display = \"none\"; } hasChanged = true; \/\/ 변경되었음을 표시 clearInterval(checkInterval); \/\/ 인터벌 중지 } }; \/\/ 주기적으로 성공 섹션 확인 const checkInterval = setInterval(checkSuccess, 500); \/\/ 폼 제출 버튼 클릭 이벤트 감지 const submitButton = document.querySelector( \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\" ); if (submitButton) { submitButton.addEventListener(\"click\", function () { if (!hasChanged) { \/\/ 아직 변경되지 않은 경우에만 실행 setTimeout(checkSuccess, 1000); } }); } }); \u003c\/script\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Wallpaper Section --\u003e\u003csection class=\"section-wallpapers\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\" style=\"color: #549CF3 !important;\"\u003eFREE WALLPAPERS\u003c\/p\u003e\n\u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003eArt from edge to edge. \u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eComplete the setup. \u003cbr\u003eFree matching wallpapers out now.\u003c\/p\u003e\n\u003cbutton class=\"cta-button btn-outline\" onclick=\"window.open('https:\/\/www.spigen.com\/pages\/wallpapers', '_blank')\"\u003e Download now \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-wallpapers-container\"\u003e\u003cimg class=\"section-wallpapers-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_palette_06.png?v=1771545515\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Outro Section --\u003e\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003e\u003cspan style=\"color: #ffffff;\"\u003eMore than just protection.\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp\u003e\u003cspan style=\"color: #ffffff;\"\u003eExplore what we do and how we do it.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story_banner.jpg?v=1738881443\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/sustainability_banner_cea5e38f-da2e-4e9b-967a-1ae42adb5523.jpg?v=1738881444\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Palette \/ In Stock","offer_id":47914429546722,"sku":"US-5884-IPHONE-17-PRO-MAX-PALETTE-IN-STOCK","price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Palette \/ In Stock","offer_id":47914429579490,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/detail_web_iphone17series_c11_palette_01.jpg?v=1782117181"},{"product_id":"iphone-17-series-c11-series-blast-edition-mag-fit","title":"iPhone 17 Series - c11 Series Blast Edition (Mag Fit) - US 9456","description":"\u003cstyle\u003e body { margin: 0; padding: 0; } *, ::after, ::before { box-sizing: border-box; } .product-description section { position: relative; width: 100%; } .product-description section:first-of-type { border-top-left-radius: 32px; border-top-right-radius: 32px; } .product-description section:last-of-type { border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; } .product-description .section-container-fluid { width: 100%; max-width: 100%; margin: 0 auto; } .product-description .section-container { width: 100%; max-width: 1200px; margin: 0 auto; } @media (min-width: 1080px) { .product-description .section-container { padding: 0 4rem; } .product-description section:not(:first-of-type) { padding-bottom: 200px; } } @media (max-width: 1079.98px) { .product-description .section-container { padding: 0 2rem; } .product-description section:not(:first-of-type) { padding-bottom: 80px; } } .product-description img { width: 100%; height: auto; } \/* ------------------------------------------------------------ Text Alignment ------------------------------------------------------------ *\/ .product-description .text-center { text-align: center; } .product-description .text-left { text-align: left; } .product-description .text-right { text-align: right; } \/* ------------------------------------------------------------ Text Colors ------------------------------------------------------------ *\/ .product-description .text-dark * { color: #000; } .product-description .text-light * { color: #fff; } .product-description .text-info { color: #8d8d8f; } \/* ------------------------------------------------------------ Visibility ------------------------------------------------------------ *\/ @media (min-width: 1080px) { .product-description .sq-mobile-view { display: none; } } @media (max-width: 1079.98px) { .product-description .sq-desktop-view { display: none; } } \/* ------------------------------------------------------------ Headlines ------------------------------------------------------------ *\/ .product-description .section-header { max-width: 500px; margin: 0 auto; } .product-description .section-preheadline { font-weight: 400; line-height: 1.2; } .product-description .section-headline { font-weight: 800; line-height: 1.2; } .product-description .section-subheadline { font-weight: 400; line-height: 1.5; } @media (min-width: 1080px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 20px; margin: 0 0 8px; } .product-description .section-headline { font-size: 48px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 18px; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 18px; margin: 0 0 8px; } .product-description .section-headline { font-size: 36px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 16px; line-height: 1.5; margin: 0; } } .product-description .cta-button { display: inline-block; padding: 16px 32px; border-radius: 100px; background-color: #ffffff; border: 1px solid #ffffff; color: #000000; font-size: 20px; font-weight: 400; text-decoration: none; line-height: 1.5; margin: 0; transition: all 0.3s ease; cursor: pointer; } .product-description .cta-button:hover { background-color: #dedede; border-color: #dedede; color: #000000; } .product-description .section-header p+.cta-button { margin-top: 32px; } \/* ------------------------------------------------------------ [Sections] Intro ------------------------------------------------------------ *\/ .section-intro { background-color: #1c1c1c; } @media (min-width: 1080px) { .section-intro .section-intro-banner { width: 100%; height: 1200px; object-fit: cover; } } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .section-highlights { background-color: #1c1c1c; } .section-highlights .section-header { max-width: 480px; } .section-highlights-feature-container { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding: 16px; margin: 0 auto; } .section-highlights-feature-item { flex: 0 0 auto; padding: 16px; } @media (min-width: 1080px) { .section-highlights-feature-item:nth-child(1) { width: 50%; } .section-highlights-feature-item:nth-child(2) { width: 50%; } .section-highlights-feature-item:nth-child(3) { width: 40%; } .section-highlights-feature-item:nth-child(4) { width: 30%; } .section-highlights-feature-item:nth-child(5) { width: 30%; } } .section-highlights-feature-item [class^=\"section-highlights-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #000000; height: 100%; border-radius: 32px; overflow: hidden; } .section-highlights-feature-item .section-highlights-list-text-item { padding: 40px; color: #ffffff; } .section-highlights-feature-item .feature-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-highlights-feature-item .feature-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } .section-highlights-feature-item img { aspect-ratio: 1\/1; width: 100%; height: 100%; object-fit: cover; object-position: center; } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .highlightSwiper { width: 100%; padding-top: 32px; } .highlightSwiper .swiper-wrapper { width: 100%; height: auto; } .highlightSwiper .swiper-wrapper .slide-header { width: 100%; padding: 40px 16px; text-align: center; color: #ffffff; } .highlightSwiper .swiper-wrapper .slide-image { aspect-ratio: 1\/1; width: 100%; height: 100%; min-height: 300px; object-fit: cover; object-position: center; border-radius: 32px; overflow: hidden; } .highlightSwiper-pagination { display: block; width: 100%; padding: 16px; text-align: center; } .highlightSwiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 100px; background-color: #dddddd; margin: 0 8px; transition: all 1s ease; } .highlightSwiper-pagination .swiper-pagination-bullet-active { background-color: #ffffff !important; width: 48px; height: 16px; } \/* ------------------------------------------------------------ [Sections] Daily Essentials ------------------------------------------------------------ *\/ .section-daily-essentials { background-color: #1c1c1c; } .section-daily-essentials img { aspect-ratio: 468\/605; width: 100%; height: 100%; object-fit: cover; object-position: center; } @media (min-width: 1080px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(2, 3fr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 1 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 2 \/ 3; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 2 \/ 3; grid-row: 2 \/ 4; } } @media (max-width: 1079.98px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(1, 4fr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 2 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 1 \/ 2; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 1 \/ 2; grid-row: 4 \/ 5; } } .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #ffffff; height: 100%; border-radius: 16px; overflow: hidden; } .section-daily-essentials-item .section-daily-essentials-list-text-item { padding: 40px; color: #000000; } .section-daily-essentials-item .essential-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-daily-essentials-item .essential-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } \/* ------------------------------------------------------------ [Sections] Series Inspiration ------------------------------------------------------------ *\/ .section-series-inspiration { background-color: #1c1c1c; } .section-series-inspiration-container { position: relative; } .section-series-inspiration-button, .edition-inspiration-button { position: absolute; top: 0; right: 0; margin: 32px; width: 40px; height: 40px; color: #ffffff; background-color: transparent; border: none; border-radius: 100px; cursor: pointer; transition: all 0.3s ease; z-index: 1; } @media (min-width: 1080px) { .section-series-inspiration .section-body { position: relative; max-width: 1200px; padding: 0 4rem; margin: 0 auto; } .section-series-inspiration-container { border-radius: 32px; overflow: hidden; } } @media (max-width: 1079.98px) { .section-series-inspiration.section-body { position: relative; padding: 0; border-radius: 0; } } \/* ------------------------------------------------------------ [Sections] Wallpapers ------------------------------------------------------------ *\/ .section-wallpapers { background-color: #1c1c1c; } .section-wallpapers button.btn-outline { border-color: #ffffff !important; color: #ffffff !important; background-color: transparent !important; } .section-wallpapers img.section-wallpapers-image { border-radius: 32px; overflow: hidden; padding: 4rem; } @media (max-width: 1079.98px) { .section-wallpapers img.section-wallpapers-image { border-radius: 16px; padding: 2rem; } } \/* ------------------------------------------------------------ Modal Styles ------------------------------------------------------------ *\/ .edition-inspiration-button { background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 4px; border-radius: 100px; transition: all 0.3s ease; } .edition-inspiration-button:hover { background: rgba(255, 255, 255, 0.25); } #modal-subscription { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } #modal-subscription .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #1c1c1c; padding: 48px; width: 90%; max-width: 740px; min-height: 600px; border-radius: 32px; display: flex; align-items: center; } #modal-subscription .modal-header { position: absolute; top: 20px; right: 20px; z-index: 1001; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; background-color: #ffffff; border-radius: 100px; cursor: pointer; } #modal-subscription .modal-header .close { display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; } #modal-subscription .modal-header .close svg { width: 24px; height: 24px; color: #1c1c1c; } #modal-subscription .modal-header:hover { background-color: #000000; } #modal-subscription .modal-header:hover svg { color: #ffffff; } #modal-subscription .modal-text-content { width: 100%; text-align: center; margin-bottom: 32px; } #modal-subscription input[type=\"email\"] { text-align: center; } #modal-subscription button[type=\"submit\"] { border-radius: 100px; } #modal-content { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; } #modal-content .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 48px; width: 90%; max-width: 800px; border-radius: 32px; } .modal-body { padding: 0; } .modal-image-container { width: 100%; text-align: center; color: #ffffff; } .modal-image { width: 100%; height: auto; border-radius: 16px; object-fit: contain; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); } #modal-content .modal-headline { color: #ffffff; } @media (min-width: 1080px) { .modal-text-content { padding: 40px; color: #ffffff; } .modal-headline { font-size: 48px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .modal-content { width: 95%; margin: 20px auto; padding: 15px; } .modal-header { top: 15px; right: 15px; } .modal-text-content { padding: 16px 0; color: #ffffff; } .modal-content .modal-image { cursor: pointer; } .modal-headline { font-size: 24px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 16px; font-weight: 400; line-height: 1.5 !important; margin: 0; } .close { width: 40px; height: 40px; font-size: 24px; } } \u003c\/style\u003e\u003cp\u003e\u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003c!-- Intro Section --\u003e\u003csection class=\"section-intro\"\u003e\u003cdiv class=\"section-container-fluid\"\u003e\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\"\u003eBlast Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eBlast back to the analog era. Ditch playlists and streaming for a graphically loud tribute to the golden age of the mixtape.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eSubscribe\u003c\/button\u003e\n\u003c\/div\u003e\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\/long_description_blast_desktop_01.jpg?v=1775080911\" alt=\"Spigen C11 Blast iPhone 17 Pro case in Red displayed between comic-style speakers in pop art setting\"\u003e\u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_mobile_01.jpg?v=1775080911\" alt=\"iPhone 17 Pro Series C11 Palette case placed on desk with paint tubes and brushes\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Highlights Section --\u003e\u003csection class=\"section-highlights sq-desktop-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_01.jpg?v=1775080910\" alt=\"Spigen C11 Blast iPhone 17 Pro case close-up of detailed boombox graphic with glitter texture\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eHexa-layering technology\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003eDiscover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in-depth printing that's in a league of its own.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eAll-around protection\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003eCamera guard and air-cushion technology keep your iPhone 17 Pro safe every day.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_02.jpg?v=1775080910\" alt=\"Spigen C11 Blast iPhone 17 Pro case in Red back view with boombox graffiti graphic separating from phone\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_03.jpg?v=1775080910\" alt=\"Close up of the corner with shadowed image with a reflective blue rectangular object displaying the air cushion technology\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Highlights Section (Mobile) --\u003e\u003csection class=\"section-highlights sq-mobile-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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\"\u003eDiscover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in depth printing that's in a league of its own.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_01.jpg?v=1775080910\" alt=\"Spigen C11 Blast iPhone 17 Pro case close-up of detailed boombox graphic with glitter texture\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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\"\u003eRaised edges prevent scratches on screen and camera at all angles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_02.jpg?v=1775080910\" alt=\"Spigen C11 Blast iPhone 17 Pro case in Red back view with boombox graffiti graphic separating from phone\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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\"\u003eAir Cushion™ Technology absorbs and mitigates all impacts in each corner.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_03.jpg?v=1775080910\" alt=\"Close up of the corner with shadowed image with a reflective blue rectangular object displaying the air cushion technology\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e var swiper = new Swiper(\".highlightSwiper\", { slidesPerView: 1, spaceBetween: 32, pagination: { el: \".highlightSwiper-pagination\", clickable: true, }, }); \u003c\/script\u003e\u003c\/section\u003e\u003c!-- Daily Essentials Section --\u003e\u003csection class=\"section-daily-essentials\"\u003e\u003cdiv class=\"section-container\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_04.jpg?v=1775080911\" alt=\"Spigen C11 Blast iPhone 17 Pro case in Red showing camera zoom capability through case cutout\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eEasy access\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003ePrecise cutouts for easy and full access to all the buttons on iPhone.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\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\"\u003eWe know it's a hassle to take the case off. So, simply charge on with the case on via wireless charger or MagSafe charger.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_05_ee690c4e-6509-4ec2-bb4e-af085f55baf4.jpg?v=1776097741\" alt=\"iPhone 17 Pro Blast MagSafe case showing front and back view on charging stand\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Series Inspiration Section --\u003e\u003csection class=\"section-series-inspiration\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_sub_88703a65-a52b-4ba5-9410-6d3899cec95e.jpg?v=1775080911\" alt=\"Spigen C11 Blast iPhone 17 Pro case in Red leaning against illustrated cassette tape stack\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Modal for Subscription --\u003e\u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\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\u003c\/svg\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\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\"\u003eSubscribe and be the first to explore fresh \u003cbr\u003ec11 designs every month.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e \/\/ Modal functionality document.addEventListener(\"DOMContentLoaded\", function () { console.log(\"Modal script loaded\"); \/\/ Get modal elements const modalSubscription = document.getElementById(\"modal-subscription\"); const modalContent = document.getElementById(\"modal-content\"); \/\/ Get button elements const ctaButton = document.querySelector(\".cta-button\"); const inspirationButton = document.querySelector( \".edition-inspiration-button\" ); console.log(\"CTA Button found:\", ctaButton); console.log(\"Inspiration Button found:\", inspirationButton); console.log(\"Modal Subscription found:\", modalSubscription); console.log(\"Modal Content found:\", modalContent); \/\/ Function to open modal function openModal(modal) { if (modal) { modal.style.display = \"block\"; document.body.style.overflow = \"hidden\"; console.log(\"Modal opened:\", modal.id); } } \/\/ Function to close modal function closeModal(modal) { if (modal) { modal.style.display = \"none\"; document.body.style.overflow = \"auto\"; console.log(\"Modal closed:\", modal.id); } } \/\/ CTA Button ? Subscription Modal if (ctaButton \u0026\u0026 modalSubscription) { ctaButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"CTA button clicked\"); openModal(modalSubscription); }); } else { console.error(\"CTA button or subscription modal not found\"); } \/\/ Inspiration Button ? Content Modal if (inspirationButton \u0026\u0026 modalContent) { inspirationButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"Inspiration button clicked\"); openModal(modalContent); }); } else { console.error(\"Inspiration button or content modal not found\"); } \/\/ Close buttons const closeBtns = document.querySelectorAll(\".close\"); closeBtns.forEach(function (closeBtn) { closeBtn.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); const modalId = this.getAttribute(\"data-modal\"); const modal = document.getElementById(modalId); console.log(\"Close button clicked for modal:\", modalId); closeModal(modal); }); }); \/\/ Close modal when clicking outside of modal content window.addEventListener(\"click\", function (event) { if (event.target.classList.contains(\"modal\")) { console.log(\"Modal background clicked\"); closeModal(event.target); } }); \/\/ ESC key to close modals document.addEventListener(\"keydown\", function (e) { if (e.key === \"Escape\") { if ( modalSubscription \u0026\u0026 modalSubscription.style.display === \"block\" ) { closeModal(modalSubscription); } if (modalContent \u0026\u0026 modalContent.style.display === \"block\") { closeModal(modalContent); } } }); \/\/ Modal image click to close modal (only for mobile screens) const modalImage = document.querySelector(\"#modal-content .modal-image\"); if (modalImage \u0026\u0026 modalContent) { modalImage.addEventListener(\"click\", function (e) { \/\/ Check if screen width is 1079.98px or less if (window.matchMedia(\"(max-width: 1079.98px)\").matches) { e.preventDefault(); e.stopPropagation(); console.log(\"Modal image clicked on mobile - closing modal\"); closeModal(modalContent); } }); } }); \u003c\/script\u003e\u003cscript\u003e \/\/ Omnisend ? ?? ??? ??? document.addEventListener(\"DOMContentLoaded\", function () { const modalTitle = document.querySelector(\".modal-title\"); const modalText = document.querySelector(\".modal-text\"); const modalContent = document.querySelector(\".modal-content-wrapper\"); let hasChanged = false; \/\/ ?? ??? ???? ??? \/\/ Omnisend ?? ?? ?? ?? const checkSuccess = function () { const successSection = document.querySelector( \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\" ); if ( successSection \u0026\u0026 window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026 !hasChanged ) { \/\/ ?? ?? ?? (? ?? ??) modalTitle.textContent = \"Nice to have you!\"; modalText.innerHTML = \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\"; \/\/ Omnisend ? ??? const omnisendForm = document.getElementById( \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\" ); if (omnisendForm) { omnisendForm.style.display = \"none\"; } hasChanged = true; \/\/ ?????? ?? clearInterval(checkInterval); \/\/ ??? ?? } }; \/\/ ????? ?? ?? ?? const checkInterval = setInterval(checkSuccess, 500); \/\/ ? ?? ?? ?? ??? ?? const submitButton = document.querySelector( \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\" ); if (submitButton) { submitButton.addEventListener(\"click\", function () { if (!hasChanged) { \/\/ ?? ???? ?? ???? ?? setTimeout(checkSuccess, 1000); } }); } }); \u003c\/script\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Wallpaper Section --\u003e\u003csection class=\"section-wallpapers\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\" style=\"color: #549CF3 !important;\"\u003eFREE WALLPAPERS\u003c\/p\u003e\n\u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003eBlast it loud inside and out. \u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eComplete the setup. \u003cbr\u003eFree matching wallpapers out now.\u003c\/p\u003e\n\u003cbutton class=\"cta-button btn-outline\" onclick=\"window.open('https:\/\/www.spigen.com\/pages\/wallpapers', '_blank')\"\u003e Download now \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-wallpapers-container\"\u003e\u003cimg class=\"section-wallpapers-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_06_c1c5a923-3733-40d6-9c31-a42ba9674a39.png?v=1776097741\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Outro Section --\u003e\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\u003ch2\u003e\u003cspan style=\"color: #ffffff;\"\u003eMore than just protection.\u003c\/span\u003e\u003c\/h2\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Blast \/ In Stock","offer_id":47914429645026,"sku":"US-9456-IPHONE-17-PRO-MAX-BLAST-IN-STOCK","price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Blast \/ In Stock","offer_id":47914429677794,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/detail_web_iphone17series_c11_blast_01_44e7f9ac-384d-4fcf-97a1-1db426b3d89f.jpg?v=1782117183"},{"product_id":"iphone-17-series-c11-series-cobalt-spring-edition-mag-fit","title":"iPhone 17 Series - c11 Series Cobalt Spring Edition (Mag Fit) - US 2811","description":"\u003cstyle\u003e body { margin: 0; padding: 0; } *, ::after, ::before { box-sizing: border-box; } .product-description section { position: relative; width: 100%; } .product-description section:first-of-type { border-top-left-radius: 32px; border-top-right-radius: 32px; } .product-description section:last-of-type { border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; } .product-description .section-container-fluid { width: 100%; max-width: 100%; margin: 0 auto; } .product-description .section-container { width: 100%; max-width: 1200px; margin: 0 auto; } @media (min-width: 1080px) { .product-description .section-container { padding: 0 4rem; } .product-description section:not(:first-of-type) { padding-bottom: 200px; } } @media (max-width: 1079.98px) { .product-description .section-container { padding: 0 2rem; } .product-description section:not(:first-of-type) { padding-bottom: 80px; } } .product-description img { width: 100%; height: auto; } \/* ------------------------------------------------------------ Text Alignment ------------------------------------------------------------ *\/ .product-description .text-center { text-align: center; } .product-description .text-left { text-align: left; } .product-description .text-right { text-align: right; } \/* ------------------------------------------------------------ Text Colors ------------------------------------------------------------ *\/ .product-description .text-dark * { color: #000; } .product-description .text-light * { color: #fff; } .product-description .text-info { color: #8d8d8f; } \/* ------------------------------------------------------------ Visibility ------------------------------------------------------------ *\/ @media (min-width: 1080px) { .product-description .sq-mobile-view { display: none; } } @media (max-width: 1079.98px) { .product-description .sq-desktop-view { display: none; } } \/* ------------------------------------------------------------ Headlines ------------------------------------------------------------ *\/ .product-description .section-header { max-width: 500px; margin: 0 auto; } .product-description .section-preheadline { font-weight: 400; line-height: 1.2; } .product-description .section-headline { font-weight: 800; line-height: 1.2; } .product-description .section-subheadline { font-weight: 400; line-height: 1.5; } @media (min-width: 1080px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 20px; margin: 0 0 8px; } .product-description .section-headline { font-size: 48px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 18px; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 18px; margin: 0 0 8px; } .product-description .section-headline { font-size: 36px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 16px; line-height: 1.5; margin: 0; } } .product-description .cta-button { display: inline-block; padding: 16px 32px; border-radius: 100px; background-color: #ffffff; border: 1px solid #ffffff; color: #000000; font-size: 20px; font-weight: 400; text-decoration: none; line-height: 1.5; margin: 0; transition: all 0.3s ease; cursor: pointer; } .product-description .cta-button:hover { background-color: #dedede; border-color: #dedede; color: #000000; } .product-description .section-header p+.cta-button { margin-top: 32px; } \/* ------------------------------------------------------------ [Sections] Intro ------------------------------------------------------------ *\/ .section-intro { background-color: #1c1c1c; } @media (min-width: 1080px) { .section-intro .section-intro-banner { width: 100%; height: 1200px; object-fit: cover; } } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .section-highlights { background-color: #1c1c1c; } .section-highlights .section-header { max-width: 480px; } .section-highlights-feature-container { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding: 16px; margin: 0 auto; } .section-highlights-feature-item { flex: 0 0 auto; padding: 16px; } @media (min-width: 1080px) { .section-highlights-feature-item:nth-child(1) { width: 50%; } .section-highlights-feature-item:nth-child(2) { width: 50%; } .section-highlights-feature-item:nth-child(3) { width: 40%; } .section-highlights-feature-item:nth-child(4) { width: 30%; } .section-highlights-feature-item:nth-child(5) { width: 30%; } } .section-highlights-feature-item [class^=\"section-highlights-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #000000; height: 100%; border-radius: 32px; overflow: hidden; } .section-highlights-feature-item .section-highlights-list-text-item { padding: 40px; color: #ffffff; } .section-highlights-feature-item .feature-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-highlights-feature-item .feature-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } .section-highlights-feature-item img { aspect-ratio: 1\/1; width: 100%; height: 100%; object-fit: cover; object-position: center; } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .highlightSwiper { width: 100%; padding-top: 32px; } .highlightSwiper .swiper-wrapper { width: 100%; height: auto; } .highlightSwiper .swiper-wrapper .slide-header { width: 100%; padding: 40px 16px; text-align: center; color: #ffffff; } .highlightSwiper .swiper-wrapper .slide-image { aspect-ratio: 1\/1; width: 100%; height: 100%; min-height: 300px; object-fit: cover; object-position: center; border-radius: 32px; overflow: hidden; } .highlightSwiper-pagination { display: block; width: 100%; padding: 16px; text-align: center; } .highlightSwiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 100px; background-color: #dddddd; margin: 0 8px; transition: all 1s ease; } .highlightSwiper-pagination .swiper-pagination-bullet-active { background-color: #ffffff !important; width: 48px; height: 16px; } \/* ------------------------------------------------------------ [Sections] Daily Essentials ------------------------------------------------------------ *\/ .section-daily-essentials { background-color: #1c1c1c; } .section-daily-essentials img { aspect-ratio: 468\/605; width: 100%; height: 100%; object-fit: cover; object-position: center; } @media (min-width: 1080px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(2, 3fr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 1 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 2 \/ 3; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 2 \/ 3; grid-row: 2 \/ 4; } } @media (max-width: 1079.98px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(1, 4fr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 2 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 1 \/ 2; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 1 \/ 2; grid-row: 4 \/ 5; } } .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #ffffff; height: 100%; border-radius: 16px; overflow: hidden; } .section-daily-essentials-item .section-daily-essentials-list-text-item { padding: 40px; color: #000000; } .section-daily-essentials-item .essential-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-daily-essentials-item .essential-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } \/* ------------------------------------------------------------ [Sections] Series Inspiration ------------------------------------------------------------ *\/ .section-series-inspiration { background-color: #1c1c1c; } .section-series-inspiration-container { position: relative; } .section-series-inspiration-button, .edition-inspiration-button { position: absolute; top: 0; right: 0; margin: 32px; width: 40px; height: 40px; color: #ffffff; background-color: transparent; border: none; border-radius: 100px; cursor: pointer; transition: all 0.3s ease; z-index: 1; } @media (min-width: 1080px) { .section-series-inspiration .section-body { position: relative; max-width: 1200px; padding: 0 4rem; margin: 0 auto; } .section-series-inspiration-container { border-radius: 32px; overflow: hidden; } } @media (max-width: 1079.98px) { .section-series-inspiration.section-body { position: relative; padding: 0; border-radius: 0; } } \/* ------------------------------------------------------------ [Sections] Wallpapers ------------------------------------------------------------ *\/ .section-wallpapers { background-color: #1c1c1c; } .section-wallpapers button.btn-outline { border-color: #ffffff !important; color: #ffffff !important; background-color: transparent !important; } .section-wallpapers img.section-wallpapers-image { border-radius: 32px; overflow: hidden; padding: 4rem; } @media (max-width: 1079.98px) { .section-wallpapers img.section-wallpapers-image { border-radius: 16px; padding: 2rem; } } \/* ------------------------------------------------------------ Modal Styles ------------------------------------------------------------ *\/ .edition-inspiration-button { background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 4px; border-radius: 100px; transition: all 0.3s ease; } .edition-inspiration-button:hover { background: rgba(255, 255, 255, 0.25); } #modal-subscription { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } #modal-subscription .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #1c1c1c; padding: 48px; width: 90%; max-width: 740px; min-height: 600px; border-radius: 32px; display: flex; align-items: center; } #modal-subscription .modal-header { position: absolute; top: 20px; right: 20px; z-index: 1001; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; background-color: #ffffff; border-radius: 100px; cursor: pointer; } #modal-subscription .modal-header .close { display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; } #modal-subscription .modal-header .close svg { width: 24px; height: 24px; color: #1c1c1c; } #modal-subscription .modal-header:hover { background-color: #000000; } #modal-subscription .modal-header:hover svg { color: #ffffff; } #modal-subscription .modal-text-content { width: 100%; text-align: center; margin-bottom: 32px; } #modal-subscription input[type=\"email\"] { text-align: center; } #modal-subscription button[type=\"submit\"] { border-radius: 100px; } #modal-content { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; } #modal-content .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 48px; width: 90%; max-width: 800px; border-radius: 32px; } .modal-body { padding: 0; } .modal-image-container { width: 100%; text-align: center; color: #ffffff; } .modal-image { width: 100%; height: auto; border-radius: 16px; object-fit: contain; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); } #modal-content .modal-headline { color: #ffffff; } @media (min-width: 1080px) { .modal-text-content { padding: 40px; color: #ffffff; } .modal-headline { font-size: 48px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .modal-content { width: 95%; margin: 20px auto; padding: 15px; } .modal-header { top: 15px; right: 15px; } .modal-text-content { padding: 16px 0; color: #ffffff; } .modal-content .modal-image { cursor: pointer; } .modal-headline { font-size: 24px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 16px; font-weight: 400; line-height: 1.5 !important; margin: 0; } .close { width: 40px; height: 40px; font-size: 24px; } } \u003c\/style\u003e\u003cp\u003e\u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003c!-- Intro Section --\u003e\u003csection class=\"section-intro\"\u003e\u003cdiv class=\"section-container-fluid\"\u003e\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\"\u003eCobalt Spring Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eCalming botanicals inspired by the Jacaranda flowers of the west coast. Get covered in cobalt and refresh for spring.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eSubscribe\u003c\/button\u003e\n\u003c\/div\u003e\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\/long_description_cobalt_spring_desktop_01.jpg?v=1777391459\" alt=\"Spigen C11 Cobalt Spring case on iPhone 17 series in a bicycle basket alongside blue flowers and a vintage camera\"\u003e\u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cobalt_spring_mobile_01.jpg?v=1777391458\" alt=\"Spigen C11 Cobalt Spring case on iPhone 17 series in a bicycle basket alongside blue flowers and a vintage camera\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Highlights Section --\u003e\u003csection class=\"section-highlights sq-desktop-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cobalt_spring_01.jpg?v=1777391458\" alt=\"Close-up of Spigen C11 Cobalt Spring case showing detailed 3D blue botanical floral print with wisteria and leaf pattern\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eHexa-layering technology\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003eDiscover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in-depth printing that's in a league of its own.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eAll-around protection\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003eCamera guard and air-cushion technology keep your iPhone 17 Pro safe every day.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cobalt_spring_02.jpg?v=1777391458\" alt=\"Close-up of Spigen C11 Cobalt Spring case camera module area on iPhone 17 series showing raised camera housing in periwinkle blue\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cobalt_spring_03.jpg?v=1777391458\" alt=\"Close up of the corner with shadowed image with a reflective blue rectangular object displaying the air cushion technology\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Highlights Section (Mobile) --\u003e\u003csection class=\"section-highlights sq-mobile-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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\"\u003eDiscover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in depth printing that's in a league of its own.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cobalt_spring_01.jpg?v=1777391458\" alt=\"Close-up of Spigen C11 Cobalt Spring case showing detailed 3D blue botanical floral print with wisteria and leaf pattern\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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\"\u003eRaised edges prevent scratches on screen and camera at all angles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cobalt_spring_02.jpg?v=1777391458\" alt=\"Close-up of Spigen C11 Cobalt Spring case camera module area on iPhone 17 series showing raised camera housing in periwinkle blue\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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\"\u003eAir Cushion™ Technology absorbs and mitigates all impacts in each corner.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cobalt_spring_03.jpg?v=1777391458\" alt=\"Close up of the corner with shadowed image with a reflective blue rectangular object displaying the air cushion technology\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e var swiper = new Swiper(\".highlightSwiper\", { slidesPerView: 1, spaceBetween: 32, pagination: { el: \".highlightSwiper-pagination\", clickable: true, }, }); \u003c\/script\u003e\u003c\/section\u003e\u003c!-- Daily Essentials Section --\u003e\u003csection class=\"section-daily-essentials\"\u003e\u003cdiv class=\"section-container\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cobalt_spring_04.jpg?v=1777391458\" alt=\"Hand using camera app on iPhone 17 series in Spigen C11 Cobalt Spring case showing unobstructed button access and touch response\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eEasy access\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003ePrecise cutouts for easy and full access to all the buttons on iPhone.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\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\"\u003eWe know it's a hassle to take the case off. So, simply charge on with the case on via wireless charger or MagSafe charger.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cobalt_spring_05.jpg?v=1777391458\" alt=\"Spigen C11 Cobalt Spring case on iPhone 17 series shown wireless charging on MagSafe pad alongside back view with floral print\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Series Inspiration Section --\u003e\u003csection class=\"section-series-inspiration\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_sub_cf61f12d-9f51-4696-b93f-5964b8783705.jpg?v=1777391458\" alt=\"Spigen C11 Cobalt Spring case on iPhone 17 series leaning against a wicker picnic basket on white linen surrounded by wildflowers\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Modal for Subscription --\u003e\u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\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\u003c\/svg\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\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\"\u003eSubscribe and be the first to explore fresh \u003cbr\u003ec11 designs every month.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e \/\/ Modal functionality document.addEventListener(\"DOMContentLoaded\", function () { console.log(\"Modal script loaded\"); \/\/ Get modal elements const modalSubscription = document.getElementById(\"modal-subscription\"); const modalContent = document.getElementById(\"modal-content\"); \/\/ Get button elements const ctaButton = document.querySelector(\".cta-button\"); const inspirationButton = document.querySelector( \".edition-inspiration-button\" ); console.log(\"CTA Button found:\", ctaButton); console.log(\"Inspiration Button found:\", inspirationButton); console.log(\"Modal Subscription found:\", modalSubscription); console.log(\"Modal Content found:\", modalContent); \/\/ Function to open modal function openModal(modal) { if (modal) { modal.style.display = \"block\"; document.body.style.overflow = \"hidden\"; console.log(\"Modal opened:\", modal.id); } } \/\/ Function to close modal function closeModal(modal) { if (modal) { modal.style.display = \"none\"; document.body.style.overflow = \"auto\"; console.log(\"Modal closed:\", modal.id); } } \/\/ CTA Button → Subscription Modal if (ctaButton \u0026\u0026 modalSubscription) { ctaButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"CTA button clicked\"); openModal(modalSubscription); }); } else { console.error(\"CTA button or subscription modal not found\"); } \/\/ Inspiration Button → Content Modal if (inspirationButton \u0026\u0026 modalContent) { inspirationButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"Inspiration button clicked\"); openModal(modalContent); }); } else { console.error(\"Inspiration button or content modal not found\"); } \/\/ Close buttons const closeBtns = document.querySelectorAll(\".close\"); closeBtns.forEach(function (closeBtn) { closeBtn.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); const modalId = this.getAttribute(\"data-modal\"); const modal = document.getElementById(modalId); console.log(\"Close button clicked for modal:\", modalId); closeModal(modal); }); }); \/\/ Close modal when clicking outside of modal content window.addEventListener(\"click\", function (event) { if (event.target.classList.contains(\"modal\")) { console.log(\"Modal background clicked\"); closeModal(event.target); } }); \/\/ ESC key to close modals document.addEventListener(\"keydown\", function (e) { if (e.key === \"Escape\") { if ( modalSubscription \u0026\u0026 modalSubscription.style.display === \"block\" ) { closeModal(modalSubscription); } if (modalContent \u0026\u0026 modalContent.style.display === \"block\") { closeModal(modalContent); } } }); \/\/ Modal image click to close modal (only for mobile screens) const modalImage = document.querySelector(\"#modal-content .modal-image\"); if (modalImage \u0026\u0026 modalContent) { modalImage.addEventListener(\"click\", function (e) { \/\/ Check if screen width is 1079.98px or less if (window.matchMedia(\"(max-width: 1079.98px)\").matches) { e.preventDefault(); e.stopPropagation(); console.log(\"Modal image clicked on mobile - closing modal\"); closeModal(modalContent); } }); } }); \u003c\/script\u003e\u003cscript\u003e \/\/ Omnisend 폼 성공 이벤트 리스너 document.addEventListener(\"DOMContentLoaded\", function () { const modalTitle = document.querySelector(\".modal-title\"); const modalText = document.querySelector(\".modal-text\"); const modalContent = document.querySelector(\".modal-content-wrapper\"); let hasChanged = false; \/\/ 변경 여부를 추적하는 플래그 \/\/ Omnisend 폼의 성공 섹션 감지 const checkSuccess = function () { const successSection = document.querySelector( \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\" ); if ( successSection \u0026\u0026 window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026 !hasChanged ) { \/\/ 모달 내용 변경 (한 번만 실행) modalTitle.textContent = \"Nice to have you!\"; modalText.innerHTML = \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\"; \/\/ Omnisend 폼 숨기기 const omnisendForm = document.getElementById( \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\" ); if (omnisendForm) { omnisendForm.style.display = \"none\"; } hasChanged = true; \/\/ 변경되었음을 표시 clearInterval(checkInterval); \/\/ 인터벌 중지 } }; \/\/ 주기적으로 성공 섹션 확인 const checkInterval = setInterval(checkSuccess, 500); \/\/ 폼 제출 버튼 클릭 이벤트 감지 const submitButton = document.querySelector( \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\" ); if (submitButton) { submitButton.addEventListener(\"click\", function () { if (!hasChanged) { \/\/ 아직 변경되지 않은 경우에만 실행 setTimeout(checkSuccess, 1000); } }); } }); \u003c\/script\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Wallpaper Section --\u003e\u003csection class=\"section-wallpapers\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\" style=\"color: #549CF3 !important;\"\u003eFREE WALLPAPERS\u003c\/p\u003e\n\u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003eRefreshed inside and out. \u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eComplete the setup. \u003cbr\u003eFree matching wallpapers out now.\u003c\/p\u003e\n\u003cbutton class=\"cta-button btn-outline\" onclick=\"window.open('https:\/\/www.spigen.com\/pages\/wallpapers', '_blank')\"\u003e Download now \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-wallpapers-container\"\u003e\u003cimg class=\"section-wallpapers-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cobalt_spring_06.png?v=1777391458\" alt=\"Three-view display of Spigen C11 Cobalt Spring case on iPhone 17 series showing back floral print and two complementary blue floral lock screen wallpapers\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Outro Section --\u003e\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003e\u003cspan style=\"color: #ffffff;\"\u003eMore than just protection.\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp\u003e\u003cspan style=\"color: #ffffff;\"\u003eExplore what we do and how we do it.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story_banner.jpg?v=1738881443\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/sustainability_banner_cea5e38f-da2e-4e9b-967a-1ae42adb5523.jpg?v=1738881444\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Cobalt Spring \/ In Stock","offer_id":47914429710562,"sku":"US-2811-IPHONE-17-PRO-MAX-COBALT-SPRING-IN-STOCK","price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Cobalt Spring \/ Out of Stock","offer_id":47914429743330,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/detail_web_iphone17series_c11_cobalt_spring_01.jpg?v=1782117186"},{"product_id":"iphone-17-series-c11-series-cadence-edition-mag-fit","title":"iPhone 17 Series - c11 Series Cadence Edition (Mag Fit) - US 9586","description":"\u003cstyle\u003e body { margin: 0; padding: 0; } *, ::after, ::before { box-sizing: border-box; } .product-description section { position: relative; width: 100%; } .product-description section:first-of-type { border-top-left-radius: 32px; border-top-right-radius: 32px; } .product-description section:last-of-type { border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; } .product-description .section-container-fluid { width: 100%; max-width: 100%; margin: 0 auto; } .product-description .section-container { width: 100%; max-width: 1200px; margin: 0 auto; } @media (min-width: 1080px) { .product-description .section-container { padding: 0 4rem; } .product-description section:not(:first-of-type) { padding-bottom: 200px; } } @media (max-width: 1079.98px) { .product-description .section-container { padding: 0 2rem; } .product-description section:not(:first-of-type) { padding-bottom: 80px; } } .product-description img { width: 100%; height: auto; } \/* ------------------------------------------------------------ Text Alignment ------------------------------------------------------------ *\/ .product-description .text-center { text-align: center; } .product-description .text-left { text-align: left; } .product-description .text-right { text-align: right; } \/* ------------------------------------------------------------ Text Colors ------------------------------------------------------------ *\/ .product-description .text-dark * { color: #000; } .product-description .text-light * { color: #fff; } .product-description .text-info { color: #8d8d8f; } \/* ------------------------------------------------------------ Visibility ------------------------------------------------------------ *\/ @media (min-width: 1080px) { .product-description .sq-mobile-view { display: none; } } @media (max-width: 1079.98px) { .product-description .sq-desktop-view { display: none; } } \/* ------------------------------------------------------------ Headlines ------------------------------------------------------------ *\/ .product-description .section-header { max-width: 500px; margin: 0 auto; } .product-description .section-preheadline { font-weight: 400; line-height: 1.2; } .product-description .section-headline { font-weight: 800; line-height: 1.2; } .product-description .section-subheadline { font-weight: 400; line-height: 1.5; } @media (min-width: 1080px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 20px; margin: 0 0 8px; } .product-description .section-headline { font-size: 48px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 18px; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .product-description .section-header { padding: 3rem; } .product-description .section-preheadline { font-size: 18px; margin: 0 0 8px; } .product-description .section-headline { font-size: 36px; margin: 0 0 16px; } .product-description .section-subheadline { font-size: 16px; line-height: 1.5; margin: 0; } } .product-description .cta-button { display: inline-block; padding: 16px 32px; border-radius: 100px; background-color: #ffffff; border: 1px solid #ffffff; color: #000000; font-size: 20px; font-weight: 400; text-decoration: none; line-height: 1.5; margin: 0; transition: all 0.3s ease; cursor: pointer; } .product-description .cta-button:hover { background-color: #dedede; border-color: #dedede; color: #000000; } .product-description .section-header p+.cta-button { margin-top: 32px; } \/* ------------------------------------------------------------ [Sections] Intro ------------------------------------------------------------ *\/ .section-intro { background-color: #1c1c1c; } @media (min-width: 1080px) { .section-intro .section-intro-banner { width: 100%; height: 1200px; object-fit: cover; } } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .section-highlights { background-color: #1c1c1c; } .section-highlights .section-header { max-width: 480px; } .section-highlights-feature-container { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding: 16px; margin: 0 auto; } .section-highlights-feature-item { flex: 0 0 auto; padding: 16px; } @media (min-width: 1080px) { .section-highlights-feature-item:nth-child(1) { width: 50%; } .section-highlights-feature-item:nth-child(2) { width: 50%; } .section-highlights-feature-item:nth-child(3) { width: 40%; } .section-highlights-feature-item:nth-child(4) { width: 30%; } .section-highlights-feature-item:nth-child(5) { width: 30%; } } .section-highlights-feature-item [class^=\"section-highlights-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #000000; height: 100%; border-radius: 32px; overflow: hidden; } .section-highlights-feature-item .section-highlights-list-text-item { padding: 40px; color: #ffffff; } .section-highlights-feature-item .feature-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-highlights-feature-item .feature-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } .section-highlights-feature-item img { aspect-ratio: 1\/1; width: 100%; height: 100%; object-fit: cover; object-position: center; } \/* ------------------------------------------------------------ [Sections] Highlights ------------------------------------------------------------ *\/ .highlightSwiper { width: 100%; padding-top: 32px; } .highlightSwiper .swiper-wrapper { width: 100%; height: auto; } .highlightSwiper .swiper-wrapper .slide-header { width: 100%; padding: 40px 16px; text-align: center; color: #ffffff; } .highlightSwiper .swiper-wrapper .slide-image { aspect-ratio: 1\/1; width: 100%; height: 100%; min-height: 300px; object-fit: cover; object-position: center; border-radius: 32px; overflow: hidden; } .highlightSwiper-pagination { display: block; width: 100%; padding: 16px; text-align: center; } .highlightSwiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 100px; background-color: #dddddd; margin: 0 8px; transition: all 1s ease; } .highlightSwiper-pagination .swiper-pagination-bullet-active { background-color: #ffffff !important; width: 48px; height: 16px; } \/* ------------------------------------------------------------ [Sections] Daily Essentials ------------------------------------------------------------ *\/ .section-daily-essentials { background-color: #1c1c1c; } .section-daily-essentials img { aspect-ratio: 468\/605; width: 100%; height: 100%; object-fit: cover; object-position: center; } @media (min-width: 1080px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(2, 3fr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 1 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 2 \/ 3; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 2 \/ 3; grid-row: 2 \/ 4; } } @media (max-width: 1079.98px) { .section-daily-essentials-container { display: grid; grid-template-columns: repeat(1, 4fr); grid-auto-rows: minmax(300px, auto); gap: 32px; } .section-daily-essentials-item:nth-child(1) { grid-column: 1 \/ 2; grid-row: 2 \/ 3; } .section-daily-essentials-item:nth-child(2) { grid-column: 1 \/ 2; grid-row: 1 \/ 2; } .section-daily-essentials-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; } .section-daily-essentials-item:nth-child(4) { grid-column: 1 \/ 2; grid-row: 4 \/ 5; } } .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #ffffff; height: 100%; border-radius: 16px; overflow: hidden; } .section-daily-essentials-item .section-daily-essentials-list-text-item { padding: 40px; color: #000000; } .section-daily-essentials-item .essential-headline { font-size: 40px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .section-daily-essentials-item .essential-description { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } \/* ------------------------------------------------------------ [Sections] Series Inspiration ------------------------------------------------------------ *\/ .section-series-inspiration { background-color: #1c1c1c; } .section-series-inspiration-container { position: relative; } .section-series-inspiration-button, .edition-inspiration-button { position: absolute; top: 0; right: 0; margin: 32px; width: 40px; height: 40px; color: #ffffff; background-color: transparent; border: none; border-radius: 100px; cursor: pointer; transition: all 0.3s ease; z-index: 1; } @media (min-width: 1080px) { .section-series-inspiration .section-body { position: relative; max-width: 1200px; padding: 0 4rem; margin: 0 auto; } .section-series-inspiration-container { border-radius: 32px; overflow: hidden; } } @media (max-width: 1079.98px) { .section-series-inspiration.section-body { position: relative; padding: 0; border-radius: 0; } } \/* ------------------------------------------------------------ [Sections] Wallpapers ------------------------------------------------------------ *\/ .section-wallpapers { background-color: #1c1c1c; } .section-wallpapers button.btn-outline { border-color: #ffffff !important; color: #ffffff !important; background-color: transparent !important; } .section-wallpapers img.section-wallpapers-image { border-radius: 32px; overflow: hidden; padding: 4rem; } @media (max-width: 1079.98px) { .section-wallpapers img.section-wallpapers-image { border-radius: 16px; padding: 2rem; } } \/* ------------------------------------------------------------ Modal Styles ------------------------------------------------------------ *\/ .edition-inspiration-button { background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 4px; border-radius: 100px; transition: all 0.3s ease; } .edition-inspiration-button:hover { background: rgba(255, 255, 255, 0.25); } #modal-subscription { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } #modal-subscription .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #1c1c1c; padding: 48px; width: 90%; max-width: 740px; min-height: 600px; border-radius: 32px; display: flex; align-items: center; } #modal-subscription .modal-header { position: absolute; top: 20px; right: 20px; z-index: 1001; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; background-color: #ffffff; border-radius: 100px; cursor: pointer; } #modal-subscription .modal-header .close { display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; } #modal-subscription .modal-header .close svg { width: 24px; height: 24px; color: #1c1c1c; } #modal-subscription .modal-header:hover { background-color: #000000; } #modal-subscription .modal-header:hover svg { color: #ffffff; } #modal-subscription .modal-text-content { width: 100%; text-align: center; margin-bottom: 32px; } #modal-subscription input[type=\"email\"] { text-align: center; } #modal-subscription button[type=\"submit\"] { border-radius: 100px; } #modal-content { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; } #modal-content .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); padding: 48px; width: 90%; max-width: 800px; border-radius: 32px; } .modal-body { padding: 0; } .modal-image-container { width: 100%; text-align: center; color: #ffffff; } .modal-image { width: 100%; height: auto; border-radius: 16px; object-fit: contain; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); } #modal-content .modal-headline { color: #ffffff; } @media (min-width: 1080px) { .modal-text-content { padding: 40px; color: #ffffff; } .modal-headline { font-size: 48px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; } } @media (max-width: 1079.98px) { .modal-content { width: 95%; margin: 20px auto; padding: 15px; } .modal-header { top: 15px; right: 15px; } .modal-text-content { padding: 16px 0; color: #ffffff; } .modal-content .modal-image { cursor: pointer; } .modal-headline { font-size: 24px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .modal-subheadline { font-size: 16px; font-weight: 400; line-height: 1.5 !important; margin: 0; } .close { width: 40px; height: 40px; font-size: 24px; } } \u003c\/style\u003e\u003cp\u003e\u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003c!-- Intro Section --\u003e\u003csection class=\"section-intro\"\u003e\u003cdiv class=\"section-container-fluid\"\u003e\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\"\u003eCadence Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eA tribute to the perfect shift: mechanical tension, peak cadence, and the mindset that wins. Find your stride in high-velocity green.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eSubscribe\u003c\/button\u003e\n\u003c\/div\u003e\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\/long_description_cadence_desktop_01.jpg?v=1780942947\" alt=\"Spigen Cadence C11 green iPhone 17 Pro Series case with bicycle gear design kicking up dirt on a trail\"\u003e\u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_mobile_01.jpg?v=1780942947\" alt=\"Spigen Cadence C11 green iPhone 17 Pro Series case with bicycle gear design kicking up dirt on a trail\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Highlights Section --\u003e\u003csection class=\"section-highlights sq-desktop-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_01.jpg?v=1780942946\" alt=\"Macro close-up of Spigen Cadence C11 case showing embossed bicycle gear and chain detail\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eHexa-layering technology\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003eDiscover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in-depth printing that's in a league of its own.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eAll-around protection\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003eCamera guard and air-cushion technology keep your iPhone 17 Pro safe every day.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_02.jpg?v=1780942946\" alt=\"Close-up of Spigen Cadence C11 green case showing raised camera protection and bicycle gear graphic\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_03.jpg?v=1780942946\" alt=\"Close up of the corner with shadowed image with a reflective blue rectangular object displaying the air cushion technology\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Highlights Section (Mobile) --\u003e\u003csection class=\"section-highlights sq-mobile-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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\"\u003eDiscover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in depth printing that's in a league of its own.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_01.jpg?v=1780942946\" alt=\"Macro close-up of Spigen Cadence C11 case showing embossed bicycle gear and chain detail\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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\"\u003eRaised edges prevent scratches on screen and camera at all angles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_02.jpg?v=1780942946\" alt=\"Close-up of Spigen Cadence C11 green case showing raised camera protection and bicycle gear graphic\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\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\"\u003eAir Cushion™ Technology absorbs and mitigates all impacts in each corner.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_03.jpg?v=1780942946\" alt=\"Close up of the corner with shadowed image with a reflective blue rectangular object displaying the air cushion technology\"\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e var swiper = new Swiper(\".highlightSwiper\", { slidesPerView: 1, spaceBetween: 32, pagination: { el: \".highlightSwiper-pagination\", clickable: true, }, }); \u003c\/script\u003e\u003c\/section\u003e\u003c!-- Daily Essentials Section --\u003e\u003csection class=\"section-daily-essentials\"\u003e\u003cdiv class=\"section-container\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_04.jpg?v=1780942946\" alt=\"Hand using camera app on iPhone 17 series in Spigen C11 Cadence case showing unobstructed button access and touch response\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eEasy access\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003ePrecise cutouts for easy and full access to all the buttons on iPhone.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\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\"\u003eWe know it's a hassle to take the case off. So, simply charge on with the case on via wireless charger or MagSafe charger.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_05.jpg?v=1780942946\" alt=\"Spigen Cadence C11 green iPhone case shown charging wirelessly on MagSafe with front screen view\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Series Inspiration Section --\u003e\u003csection class=\"section-series-inspiration\"\u003e\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\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_sub_39ff307e-6848-4cad-9680-79a27c71e571.jpg?v=1780942947\" alt=\"Spigen Cadence C11 green iPhone case surrounded by cycling gear and accessories in a flat lay\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Modal for Subscription --\u003e\u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\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\u003c\/svg\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\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\"\u003eSubscribe and be the first to explore fresh \u003cbr\u003ec11 designs every month.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003e \/\/ Modal functionality document.addEventListener(\"DOMContentLoaded\", function () { console.log(\"Modal script loaded\"); \/\/ Get modal elements const modalSubscription = document.getElementById(\"modal-subscription\"); const modalContent = document.getElementById(\"modal-content\"); \/\/ Get button elements const ctaButton = document.querySelector(\".cta-button\"); const inspirationButton = document.querySelector( \".edition-inspiration-button\" ); console.log(\"CTA Button found:\", ctaButton); console.log(\"Inspiration Button found:\", inspirationButton); console.log(\"Modal Subscription found:\", modalSubscription); console.log(\"Modal Content found:\", modalContent); \/\/ Function to open modal function openModal(modal) { if (modal) { modal.style.display = \"block\"; document.body.style.overflow = \"hidden\"; console.log(\"Modal opened:\", modal.id); } } \/\/ Function to close modal function closeModal(modal) { if (modal) { modal.style.display = \"none\"; document.body.style.overflow = \"auto\"; console.log(\"Modal closed:\", modal.id); } } \/\/ CTA Button → Subscription Modal if (ctaButton \u0026\u0026 modalSubscription) { ctaButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"CTA button clicked\"); openModal(modalSubscription); }); } else { console.error(\"CTA button or subscription modal not found\"); } \/\/ Inspiration Button → Content Modal if (inspirationButton \u0026\u0026 modalContent) { inspirationButton.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); console.log(\"Inspiration button clicked\"); openModal(modalContent); }); } else { console.error(\"Inspiration button or content modal not found\"); } \/\/ Close buttons const closeBtns = document.querySelectorAll(\".close\"); closeBtns.forEach(function (closeBtn) { closeBtn.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); const modalId = this.getAttribute(\"data-modal\"); const modal = document.getElementById(modalId); console.log(\"Close button clicked for modal:\", modalId); closeModal(modal); }); }); \/\/ Close modal when clicking outside of modal content window.addEventListener(\"click\", function (event) { if (event.target.classList.contains(\"modal\")) { console.log(\"Modal background clicked\"); closeModal(event.target); } }); \/\/ ESC key to close modals document.addEventListener(\"keydown\", function (e) { if (e.key === \"Escape\") { if ( modalSubscription \u0026\u0026 modalSubscription.style.display === \"block\" ) { closeModal(modalSubscription); } if (modalContent \u0026\u0026 modalContent.style.display === \"block\") { closeModal(modalContent); } } }); \/\/ Modal image click to close modal (only for mobile screens) const modalImage = document.querySelector(\"#modal-content .modal-image\"); if (modalImage \u0026\u0026 modalContent) { modalImage.addEventListener(\"click\", function (e) { \/\/ Check if screen width is 1079.98px or less if (window.matchMedia(\"(max-width: 1079.98px)\").matches) { e.preventDefault(); e.stopPropagation(); console.log(\"Modal image clicked on mobile - closing modal\"); closeModal(modalContent); } }); } }); \u003c\/script\u003e\u003cscript\u003e \/\/ Omnisend 폼 성공 이벤트 리스너 document.addEventListener(\"DOMContentLoaded\", function () { const modalTitle = document.querySelector(\".modal-title\"); const modalText = document.querySelector(\".modal-text\"); const modalContent = document.querySelector(\".modal-content-wrapper\"); let hasChanged = false; \/\/ 변경 여부를 추적하는 플래그 \/\/ Omnisend 폼의 성공 섹션 감지 const checkSuccess = function () { const successSection = document.querySelector( \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\" ); if ( successSection \u0026\u0026 window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026 !hasChanged ) { \/\/ 모달 내용 변경 (한 번만 실행) modalTitle.textContent = \"Nice to have you!\"; modalText.innerHTML = \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\"; \/\/ Omnisend 폼 숨기기 const omnisendForm = document.getElementById( \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\" ); if (omnisendForm) { omnisendForm.style.display = \"none\"; } hasChanged = true; \/\/ 변경되었음을 표시 clearInterval(checkInterval); \/\/ 인터벌 중지 } }; \/\/ 주기적으로 성공 섹션 확인 const checkInterval = setInterval(checkSuccess, 500); \/\/ 폼 제출 버튼 클릭 이벤트 감지 const submitButton = document.querySelector( \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\" ); if (submitButton) { submitButton.addEventListener(\"click\", function () { if (!hasChanged) { \/\/ 아직 변경되지 않은 경우에만 실행 setTimeout(checkSuccess, 1000); } }); } }); \u003c\/script\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Wallpaper Section --\u003e\u003csection class=\"section-wallpapers\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\" style=\"color: #549CF3 !important;\"\u003eFREE WALLPAPERS\u003c\/p\u003e\n\u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003eRefreshed inside and out. \u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eComplete the setup. \u003cbr\u003eFree matching wallpapers out now.\u003c\/p\u003e\n\u003cbutton class=\"cta-button btn-outline\" onclick=\"window.open('https:\/\/www.spigen.com\/pages\/wallpapers', '_blank')\"\u003e Download now \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-wallpapers-container\"\u003e\u003cimg class=\"section-wallpapers-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_06.png?v=1780942947\" alt=\"Spigen Cadence C11 green iPhone case shown with two cycling-themed lock screen wallpapers\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Outro Section --\u003e\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003e\u003cspan style=\"color: #ffffff;\"\u003eMore than just protection.\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp\u003e\u003cspan style=\"color: #ffffff;\"\u003eExplore what we do and how we do it.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\u003cdiv class=\"sq--rewards\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We provide discounted expedited shipping for our Elite and Executive members. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Seasonal Coupon \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Every season we provide our Elite and Executive members with reward coupons with fresh new gears. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e We've created a dedicated team where we personally handle anything from warranty service to all questions. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href='\/account\/register'\"\u003e Join Us \u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Learn about Spigen's brand story and company history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003ca href=\"\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e Explore Spigen's sustainability efforts and ClimatePartner initiatives \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\" alt=\"\"\u003e\u003c\/div\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Cadence \/ In Stock","offer_id":47914429972706,"sku":"US-9586-IPHONE-17-PRO-MAX-CADENCE-IN-STOCK","price":8.25,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Cadence \/ In Stock","offer_id":47914430005474,"sku":null,"price":8.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/7493\/6290\/files\/detail_web_iphone17series_c11_cadence_01.jpg?v=1782117188"}],"url":"https:\/\/spigendiscount.com\/collections\/iphone-17-pro-max-case-collection.oembed?page=3","provider":"Spigen outlet shop","version":"1.0","type":"link"}