{"product_id":"iphone-18-17-series-c11-series-velocity-edition-mag-fit","title":"iPhone 18 \/ 17 Series - c11 Series Velocity Edition (Mag Fit)","description":"\u003cstyle\u003e\nbody {\nmargin: 0;\npadding: 0;\n}\n\n*,\n::after,\n::before {\nbox-sizing: border-box;\n}\n\n.product-description section {\nposition: relative;\nwidth: 100%;\n}\n\n.product-description section:first-of-type {\nborder-top-left-radius: 32px;\nborder-top-right-radius: 32px;\n}\n\n.product-description section:last-of-type {\nborder-bottom-left-radius: 32px;\nborder-bottom-right-radius: 32px;\n}\n\n.product-description .section-container-fluid {\nwidth: 100%;\nmax-width: 100%;\nmargin: 0 auto;\n}\n\n.product-description .section-container {\nwidth: 100%;\nmax-width: 1200px;\nmargin: 0 auto;\n}\n\n@media (min-width: 1080px) {\n.product-description .section-container {\npadding: 0 4rem;\n}\n\n.product-description section:not(:first-of-type) {\npadding-bottom: 200px;\n}\n}\n\n@media (max-width: 1079.98px) {\n.product-description .section-container {\npadding: 0 2rem;\n}\n\n.product-description section:not(:first-of-type) {\npadding-bottom: 80px;\n}\n}\n\n.product-description img {\nwidth: 100%;\nheight: auto;\n}\n\n\/* ------------------------------------------------------------\nText Alignment\n------------------------------------------------------------ *\/\n.product-description .text-center {\ntext-align: center;\n}\n\n.product-description .text-left {\ntext-align: left;\n}\n\n.product-description .text-right {\ntext-align: right;\n}\n\n\/* ------------------------------------------------------------\nText Colors\n------------------------------------------------------------ *\/\n.product-description .text-dark * {\ncolor: #000;\n}\n\n.product-description .text-light * {\ncolor: #fff;\n}\n\n.product-description .text-info {\ncolor: #8d8d8f;\n}\n\n\/* ------------------------------------------------------------\nVisibility\n------------------------------------------------------------ *\/\n@media (min-width: 1080px) {\n.product-description .sq-mobile-view {\ndisplay: none;\n}\n}\n\n@media (max-width: 1079.98px) {\n.product-description .sq-desktop-view {\ndisplay: none;\n}\n}\n\n\/* ------------------------------------------------------------\nHeadlines\n------------------------------------------------------------ *\/\n.product-description .section-header {\nmax-width: 500px;\nmargin: 0 auto;\n}\n\n.product-description .section-preheadline {\nfont-weight: 400;\nline-height: 1.2;\n}\n\n.product-description .section-headline {\nfont-weight: 800;\nline-height: 1.2;\n}\n\n.product-description .section-subheadline {\nfont-weight: 400;\nline-height: 1.5;\n}\n\n@media (min-width: 1080px) {\n.product-description .section-header {\npadding: 3rem;\n}\n\n.product-description .section-preheadline {\nfont-size: 20px;\nmargin: 0 0 8px;\n}\n\n.product-description .section-headline {\nfont-size: 48px;\nmargin: 0 0 16px;\n}\n\n.product-description .section-subheadline {\nfont-size: 18px;\nline-height: 1.5;\nmargin: 0;\n}\n}\n\n@media (max-width: 1079.98px) {\n.product-description .section-header {\npadding: 3rem;\n}\n\n.product-description .section-preheadline {\nfont-size: 18px;\nmargin: 0 0 8px;\n}\n\n.product-description .section-headline {\nfont-size: 36px;\nmargin: 0 0 16px;\n}\n\n.product-description .section-subheadline {\nfont-size: 16px;\nline-height: 1.5;\nmargin: 0;\n}\n}\n\n.product-description .cta-button {\ndisplay: inline-block;\npadding: 16px 32px;\nborder-radius: 100px;\nbackground-color: #ffffff;\nborder: 1px solid #ffffff;\ncolor: #000000;\nfont-size: 20px;\nfont-weight: 400;\ntext-decoration: none;\nline-height: 1.5;\nmargin: 0;\ntransition: all 0.3s ease;\ncursor: pointer;\n}\n\n.product-description .cta-button:hover {\nbackground-color: #dedede;\nborder-color: #dedede;\ncolor: #000000;\n}\n\n.product-description .section-header p+.cta-button {\nmargin-top: 32px;\n}\n\n\/* ------------------------------------------------------------\n[Sections] Intro\n------------------------------------------------------------ *\/\n.section-intro {\nbackground-color: #1c1c1c;\n}\n\n@media (min-width: 1080px) {\n.section-intro .section-intro-banner {\nwidth: 100%;\nheight: 1200px;\nobject-fit: cover;\n}\n}\n\n\/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n.section-highlights {\nbackground-color: #1c1c1c;\n}\n\n.section-highlights .section-header {\nmax-width: 480px;\n}\n\n.section-highlights-feature-container {\nwidth: 100%;\ndisplay: flex;\nflex-direction: row;\nflex-wrap: wrap;\npadding: 16px;\nmargin: 0 auto;\n}\n\n.section-highlights-feature-item {\nflex: 0 0 auto;\npadding: 16px;\n}\n\n@media (min-width: 1080px) {\n.section-highlights-feature-item:nth-child(1) {\nwidth: 50%;\n}\n\n.section-highlights-feature-item:nth-child(2) {\nwidth: 50%;\n}\n\n.section-highlights-feature-item:nth-child(3) {\nwidth: 40%;\n}\n\n.section-highlights-feature-item:nth-child(4) {\nwidth: 30%;\n}\n\n.section-highlights-feature-item:nth-child(5) {\nwidth: 30%;\n}\n}\n\n.section-highlights-feature-item [class^=\"section-highlights-list-\"] {\nposition: relative;\ndisplay: flex;\nflex-direction: column;\njustify-content: center;\nalign-items: flex-start;\nbackground-color: #000000;\nheight: 100%;\nborder-radius: 32px;\noverflow: hidden;\n}\n\n.section-highlights-feature-item .section-highlights-list-text-item {\npadding: 40px;\ncolor: #ffffff;\n}\n\n.section-highlights-feature-item .feature-headline {\nfont-size: 40px;\nfont-weight: 800;\nline-height: 1.2;\nmargin: 0 0 16px;\n}\n\n.section-highlights-feature-item .feature-description {\nfont-size: 20px;\nfont-weight: 400;\nline-height: 1.5;\nmargin: 0;\n}\n\n.section-highlights-feature-item img {\naspect-ratio: 1\/1;\nwidth: 100%;\nheight: 100%;\nobject-fit: cover;\nobject-position: center;\n}\n\n\/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n.highlightSwiper {\nwidth: 100%;\npadding-top: 32px;\n}\n\n.highlightSwiper .swiper-wrapper {\nwidth: 100%;\nheight: auto;\n}\n\n.highlightSwiper .swiper-wrapper .slide-header {\nwidth: 100%;\npadding: 40px 16px;\ntext-align: center;\ncolor: #ffffff;\n}\n\n.highlightSwiper .swiper-wrapper .slide-image {\naspect-ratio: 1\/1;\nwidth: 100%;\nheight: 100%;\nmin-height: 300px;\nobject-fit: cover;\nobject-position: center;\nborder-radius: 32px;\noverflow: hidden;\n}\n\n.highlightSwiper-pagination {\ndisplay: block;\nwidth: 100%;\npadding: 16px;\ntext-align: center;\n}\n\n.highlightSwiper-pagination .swiper-pagination-bullet {\nwidth: 16px;\nheight: 16px;\nborder-radius: 100px;\nbackground-color: #dddddd;\nmargin: 0 8px;\ntransition: all 1s ease;\n}\n\n.highlightSwiper-pagination .swiper-pagination-bullet-active {\nbackground-color: #ffffff !important;\nwidth: 48px;\nheight: 16px;\n}\n\n\/* ------------------------------------------------------------\n[Sections] Daily Essentials\n------------------------------------------------------------ *\/\n.section-daily-essentials {\nbackground-color: #1c1c1c;\n}\n\n.section-daily-essentials img {\naspect-ratio: 468\/605;\nwidth: 100%;\nheight: 100%;\nobject-fit: cover;\nobject-position: center;\n}\n\n@media (min-width: 1080px) {\n.section-daily-essentials-container {\ndisplay: grid;\ngrid-template-columns: repeat(2, 3fr);\ngrid-auto-rows: minmax(300px, auto);\ngap: 32px;\n}\n\n.section-daily-essentials-item:nth-child(1) {\ngrid-column: 1 \/ 2;\ngrid-row: 1 \/ 3;\n}\n\n.section-daily-essentials-item:nth-child(2) {\ngrid-column: 2 \/ 3;\ngrid-row: 1 \/ 2;\n}\n\n.section-daily-essentials-item:nth-child(3) {\ngrid-column: 1 \/ 2;\ngrid-row: 3 \/ 4;\n}\n\n.section-daily-essentials-item:nth-child(4) {\ngrid-column: 2 \/ 3;\ngrid-row: 2 \/ 4;\n}\n}\n\n@media (max-width: 1079.98px) {\n.section-daily-essentials-container {\ndisplay: grid;\ngrid-template-columns: repeat(1, 4fr);\ngrid-auto-rows: minmax(300px, auto);\ngap: 32px;\n}\n\n.section-daily-essentials-item:nth-child(1) {\ngrid-column: 1 \/ 2;\ngrid-row: 2 \/ 3;\n}\n\n.section-daily-essentials-item:nth-child(2) {\ngrid-column: 1 \/ 2;\ngrid-row: 1 \/ 2;\n}\n\n.section-daily-essentials-item:nth-child(3) {\ngrid-column: 1 \/ 2;\ngrid-row: 3 \/ 4;\n}\n\n.section-daily-essentials-item:nth-child(4) {\ngrid-column: 1 \/ 2;\ngrid-row: 4 \/ 5;\n}\n}\n\n.section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] {\nposition: relative;\ndisplay: flex;\nflex-direction: column;\njustify-content: center;\nalign-items: flex-start;\nbackground-color: #ffffff;\nheight: 100%;\nborder-radius: 16px;\noverflow: hidden;\n}\n\n.section-daily-essentials-item .section-daily-essentials-list-text-item {\npadding: 40px;\ncolor: #000000;\n}\n\n.section-daily-essentials-item .essential-headline {\nfont-size: 40px;\nfont-weight: 800;\nline-height: 1.2;\nmargin: 0 0 16px;\n}\n\n.section-daily-essentials-item .essential-description {\nfont-size: 20px;\nfont-weight: 400;\nline-height: 1.5;\nmargin: 0;\n}\n\n\/* ------------------------------------------------------------\n[Sections] Series Inspiration\n------------------------------------------------------------ *\/\n.section-series-inspiration {\nbackground-color: #1c1c1c;\n}\n\n.section-series-inspiration-container {\nposition: relative;\n}\n\n.section-series-inspiration-button,\n.edition-inspiration-button {\nposition: absolute;\ntop: 0;\nright: 0;\nmargin: 32px;\nwidth: 40px;\nheight: 40px;\ncolor: #ffffff;\nbackground-color: transparent;\nborder: none;\nborder-radius: 100px;\ncursor: pointer;\ntransition: all 0.3s ease;\nz-index: 1;\n}\n\n@media (min-width: 1080px) {\n.section-series-inspiration .section-body {\nposition: relative;\nmax-width: 1200px;\npadding: 0 4rem;\nmargin: 0 auto;\n}\n\n.section-series-inspiration-container {\nborder-radius: 32px;\noverflow: hidden;\n}\n}\n\n@media (max-width: 1079.98px) {\n.section-series-inspiration.section-body {\nposition: relative;\npadding: 0;\nborder-radius: 0;\n}\n}\n\n\/* ------------------------------------------------------------\n[Sections] Wallpapers\n------------------------------------------------------------ *\/\n.section-wallpapers {\nbackground-color: #1c1c1c;\n}\n\n.section-wallpapers button.btn-outline {\nborder-color: #ffffff !important;\ncolor: #ffffff !important;\nbackground-color: transparent !important;\n}\n\n.section-wallpapers img.section-wallpapers-image {\nborder-radius: 32px;\noverflow: hidden;\npadding: 4rem;\n}\n\n@media (max-width: 1079.98px) {\n.section-wallpapers img.section-wallpapers-image {\nborder-radius: 16px;\npadding: 2rem;\n}\n}\n\n\/* ------------------------------------------------------------\nModal Styles\n------------------------------------------------------------ *\/\n.edition-inspiration-button {\nbackground: linear-gradient(135deg,\nrgba(255, 255, 255, 0.1),\nrgba(255, 255, 255, 0.05));\nbackdrop-filter: blur(20px);\n-webkit-backdrop-filter: blur(20px);\nborder: 1px solid rgba(255, 255, 255, 0.2);\nbox-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\ninset 0 1px 0 rgba(255, 255, 255, 0.2);\npadding: 4px;\nborder-radius: 100px;\ntransition: all 0.3s ease;\n}\n\n.edition-inspiration-button:hover {\nbackground: rgba(255, 255, 255, 0.25);\n}\n\n#modal-subscription {\ndisplay: none;\nposition: fixed;\nz-index: 1000;\nleft: 0;\ntop: 0;\nwidth: 100%;\nheight: 100%;\nbackground-color: rgba(0, 0, 0, 0.6);\n}\n\n#modal-subscription .modal-content {\nposition: absolute;\ntop: 50%;\nleft: 50%;\ntransform: translate(-50%, -50%);\nbackground-color: #1c1c1c;\npadding: 48px;\nwidth: 90%;\nmax-width: 740px;\nmin-height: 600px;\nborder-radius: 32px;\ndisplay: flex;\nalign-items: center;\n}\n\n#modal-subscription .modal-header {\nposition: absolute;\ntop: 20px;\nright: 20px;\nz-index: 1001;\ndisplay: flex;\njustify-content: center;\nalign-items: center;\nwidth: 50px;\nheight: 50px;\nbackground-color: #ffffff;\nborder-radius: 100px;\ncursor: pointer;\n}\n\n#modal-subscription .modal-header .close {\ndisplay: flex;\njustify-content: center;\nalign-items: center;\ntransition: all 0.3s ease;\n}\n\n#modal-subscription .modal-header .close svg {\nwidth: 24px;\nheight: 24px;\ncolor: #1c1c1c;\n}\n\n#modal-subscription .modal-header:hover {\nbackground-color: #000000;\n}\n\n#modal-subscription .modal-header:hover svg {\ncolor: #ffffff;\n}\n\n#modal-subscription .modal-text-content {\nwidth: 100%;\ntext-align: center;\nmargin-bottom: 32px;\n}\n\n#modal-subscription input[type=\"email\"] {\ntext-align: center;\n}\n\n#modal-subscription button[type=\"submit\"] {\nborder-radius: 100px;\n}\n\n#modal-content {\ndisplay: none;\nposition: fixed;\nz-index: 1000;\nleft: 0;\ntop: 0;\nwidth: 100%;\nheight: 100%;\n}\n\n#modal-content .modal-content {\nposition: absolute;\ntop: 50%;\nleft: 50%;\ntransform: translate(-50%, -50%);\nbackground: linear-gradient(135deg,\nrgba(255, 255, 255, 0.1),\nrgba(255, 255, 255, 0.05));\nbackdrop-filter: blur(20px);\n-webkit-backdrop-filter: blur(20px);\nborder: 1px solid rgba(255, 255, 255, 0.2);\nbox-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\ninset 0 1px 0 rgba(255, 255, 255, 0.2);\npadding: 48px;\nwidth: 90%;\nmax-width: 800px;\nborder-radius: 32px;\n}\n\n.modal-body {\npadding: 0;\n}\n\n.modal-image-container {\nwidth: 100%;\ntext-align: center;\ncolor: #ffffff;\n}\n\n.modal-image {\nwidth: 100%;\nheight: auto;\nborder-radius: 16px;\nobject-fit: contain;\nbox-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n#modal-content .modal-headline {\ncolor: #ffffff;\n}\n\n@media (min-width: 1080px) {\n.modal-text-content {\npadding: 40px;\ncolor: #ffffff;\n}\n\n.modal-headline {\nfont-size: 48px;\nfont-weight: 800;\nline-height: 1.2;\nmargin: 0 0 16px;\n}\n\n.modal-subheadline {\nfont-size: 20px;\nfont-weight: 400;\nline-height: 1.5;\nmargin: 0;\n}\n}\n\n@media (max-width: 1079.98px) {\n.modal-content {\nwidth: 95%;\nmargin: 20px auto;\npadding: 15px;\n}\n\n.modal-header {\ntop: 15px;\nright: 15px;\n}\n\n.modal-text-content {\npadding: 16px 0;\ncolor: #ffffff;\n}\n\n.modal-content .modal-image {\ncursor: pointer;\n}\n\n.modal-headline {\nfont-size: 24px;\nfont-weight: 800;\nline-height: 1.2;\nmargin: 0 0 16px;\n}\n\n.modal-subheadline {\nfont-size: 16px;\nfont-weight: 400;\nline-height: 1.5 !important;\nmargin: 0;\n}\n\n.close {\nwidth: 40px;\nheight: 40px;\nfont-size: 24px;\n}\n}\n\u003c\/style\u003e\n\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\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003c!-- Intro Section --\u003e\n\u003csection class=\"section-intro\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\"\u003eFor iPhone 17 \u0026amp; 18 Pro series\u003c\/p\u003e\n\u003ch1 class=\"section-headline\"\u003eVelocity Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eFor fans of sleek engineering, powerful engines, elegant silhouettes. Full-throttle protection, zero bulk. Shift your daily carry into overdrive.\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_phantom_desktop_01_17ab5660-e927-40bc-ba0f-af2afcb3bbe8.jpg?v=1788286410\u0026amp;width=700\" alt=\"Spigen c11 Velocity case with motorcycle blueprint design, displayed among motorcycle sketches\"\u003e \u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_phantom_mobile_01_2b5e8b87-fbe1-4e08-960d-bd86a4354aca.jpg?v=1788286410\u0026amp;width=700\" alt=\"Spigen c11 Velocity case with motorcycle blueprint design, displayed among motorcycle sketches\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Highlights Section --\u003e\n\u003csection class=\"section-highlights sq-desktop-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_phantom_01_050bf94a-a810-4f6f-8dce-f9b732ab1031.jpg?v=1788286410\u0026amp;width=700\" alt=\"Close-up of motorcycle blueprint engraving on Spigen c11 Velocity case, showing labeled parts\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003e3D Spatial Effect with Hexa-Layer Print\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003eConstructed with 6 high-definition print layers to create one design with incredible depth of detail. \u003cbr\u003e*Graphics differ by device and screen size.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eAll-around protection\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003eCamera guard and air-cushion technology keep your iPhone safe every day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_phantom_02_c2b65bfc-96f1-4978-aba1-4d6e1a5d8a4e.jpg?v=1788286410\u0026amp;width=700\" alt=\"Spigen c11 Velocity case with motorcycle blueprint design, close-up on camera cutout\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\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_phantom_03_ba31dc0f-4604-479a-9a3b-54f6a802da6e.jpg?v=1788286410\u0026amp;width=700\" alt=\"Close up of the corner with shadowed image with a reflective blue rectangular object displaying the air cushion technology\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Highlights Section (Mobile) --\u003e\n\u003csection class=\"section-highlights sq-mobile-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003e3D Spatial Effect with Hexa-Layer Print\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eConstructed with 6 high-definition print layers to create one design with incredible depth of detail. \u003cbr\u003e*Graphics differ by device and screen size.\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_phantom_01_050bf94a-a810-4f6f-8dce-f9b732ab1031.jpg?v=1788286410\u0026amp;width=700\" alt=\"Close-up of motorcycle blueprint engraving on Spigen c11 Velocity case, showing labeled parts\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eSafeguard the essentials.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\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_phantom_02_c2b65bfc-96f1-4978-aba1-4d6e1a5d8a4e.jpg?v=1788286410\u0026amp;width=700\" alt=\"Spigen c11 Velocity case with motorcycle blueprint design, close-up on camera cutout\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eAll-around protection \u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eCamera guard and air-cushion technology keep your iPhone safe everyday. \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_phantom_03_ba31dc0f-4604-479a-9a3b-54f6a802da6e.jpg?v=1788286410\u0026amp;width=700\" 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\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\nvar swiper = new Swiper(\".highlightSwiper\", {\nslidesPerView: 1,\nspaceBetween: 32,\npagination: {\nel: \".highlightSwiper-pagination\",\nclickable: true,\n},\n});\n\u003c\/script\u003e\u003c\/section\u003e\n\u003c!-- Daily Essentials Section --\u003e\n\u003csection class=\"section-daily-essentials\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eDaily essentials\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_phantom_04_7db4e3f5-60df-4c45-b702-40c2d5e9162b.jpg?v=1788286410\u0026amp;width=700\" alt=\"Hand holding phone in Spigen c11 Velocity case, zooming in on a motorcycle photo\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eEasy access\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003ePrecise cutouts for easy and full access to all the buttons on your iPhone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eSimply charge on.\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003eNo need to remove the case—just charge wirelessly or with MagSafe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_phantom_05_465404a3-c868-4f6d-bd4a-89cc63af73e4.jpg?v=1788286410\u0026amp;width=700\" alt=\"Spigen c11 Velocity case with motorcycle blueprint design, shown front and back charging on MagSafe charger\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Series Inspiration Section --\u003e\n\u003csection class=\"section-series-inspiration\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eIt's now or never.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eLimited-release c11 cases drop monthly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\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_aa17f51c-498a-4daa-baae-ae40a9f5a725.jpg?v=1788286410\u0026amp;width=700\" alt=\"Spigen c11 Velocity case with motorcycle blueprint design, angled view with blueprint background\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Modal for Subscription --\u003e\n\u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\u003cspan class=\"close\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\n\u003cpath fill=\"currentColor\" d=\"M135.5 169C126.1 159.6 126.1 144.4 135.5 135.1C144.9 125.8 160.1 125.7 169.4 135.1L320.4 286.1L471.4 135.1C480.8 125.7 496 125.7 505.3 135.1C514.6 144.5 514.7 159.7 505.3 169L354.3 320L505.3 471C514.7 480.4 514.7 495.6 505.3 504.9C495.9 514.2 480.7 514.3 471.4 504.9L320.4 353.9L169.4 504.9C160 514.3 144.8 514.3 135.5 504.9C126.2 495.5 126.1 480.3 135.5 471L286.5 320L135.5 169z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"modal-image-container\"\u003e\n\u003cdiv class=\"modal-text-content text-light\"\u003e\n\u003ch1 class=\"modal-headline\"\u003eStay ahead of new drops.\u003c\/h1\u003e\n\u003cp class=\"modal-subheadline\"\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\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\/\/ Modal functionality\ndocument.addEventListener(\"DOMContentLoaded\", function () {\nconsole.log(\"Modal script loaded\");\n\n\/\/ Get modal elements\nconst modalSubscription = document.getElementById(\"modal-subscription\");\nconst modalContent = document.getElementById(\"modal-content\");\n\n\/\/ Get button elements\nconst ctaButton = document.querySelector(\".cta-button\");\nconst inspirationButton = document.querySelector(\n\".edition-inspiration-button\"\n);\n\nconsole.log(\"CTA Button found:\", ctaButton);\nconsole.log(\"Inspiration Button found:\", inspirationButton);\nconsole.log(\"Modal Subscription found:\", modalSubscription);\nconsole.log(\"Modal Content found:\", modalContent);\n\n\/\/ Function to open modal\nfunction openModal(modal) {\nif (modal) {\nmodal.style.display = \"block\";\ndocument.body.style.overflow = \"hidden\";\nconsole.log(\"Modal opened:\", modal.id);\n}\n}\n\n\/\/ Function to close modal\nfunction closeModal(modal) {\nif (modal) {\nmodal.style.display = \"none\";\ndocument.body.style.overflow = \"auto\";\nconsole.log(\"Modal closed:\", modal.id);\n}\n}\n\n\/\/ CTA Button → Subscription Modal\nif (ctaButton \u0026\u0026 modalSubscription) {\nctaButton.addEventListener(\"click\", function (e) {\ne.preventDefault();\ne.stopPropagation();\nconsole.log(\"CTA button clicked\");\nopenModal(modalSubscription);\n});\n} else {\nconsole.error(\"CTA button or subscription modal not found\");\n}\n\n\/\/ Inspiration Button → Content Modal\nif (inspirationButton \u0026\u0026 modalContent) {\ninspirationButton.addEventListener(\"click\", function (e) {\ne.preventDefault();\ne.stopPropagation();\nconsole.log(\"Inspiration button clicked\");\nopenModal(modalContent);\n});\n} else {\nconsole.error(\"Inspiration button or content modal not found\");\n}\n\n\/\/ Close buttons\nconst closeBtns = document.querySelectorAll(\".close\");\ncloseBtns.forEach(function (closeBtn) {\ncloseBtn.addEventListener(\"click\", function (e) {\ne.preventDefault();\ne.stopPropagation();\nconst modalId = this.getAttribute(\"data-modal\");\nconst modal = document.getElementById(modalId);\nconsole.log(\"Close button clicked for modal:\", modalId);\ncloseModal(modal);\n});\n});\n\n\/\/ Close modal when clicking outside of modal content\nwindow.addEventListener(\"click\", function (event) {\nif (event.target.classList.contains(\"modal\")) {\nconsole.log(\"Modal background clicked\");\ncloseModal(event.target);\n}\n});\n\n\/\/ ESC key to close modals\ndocument.addEventListener(\"keydown\", function (e) {\nif (e.key === \"Escape\") {\nif (\nmodalSubscription \u0026\u0026\nmodalSubscription.style.display === \"block\"\n) {\ncloseModal(modalSubscription);\n}\nif (modalContent \u0026\u0026 modalContent.style.display === \"block\") {\ncloseModal(modalContent);\n}\n}\n});\n\n\/\/ Modal image click to close modal (only for mobile screens)\nconst modalImage = document.querySelector(\"#modal-content .modal-image\");\nif (modalImage \u0026\u0026 modalContent) {\nmodalImage.addEventListener(\"click\", function (e) {\n\/\/ Check if screen width is 1079.98px or less\nif (window.matchMedia(\"(max-width: 1079.98px)\").matches) {\ne.preventDefault();\ne.stopPropagation();\nconsole.log(\"Modal image clicked on mobile - closing modal\");\ncloseModal(modalContent);\n}\n});\n}\n});\n\u003c\/script\u003e \u003cscript\u003e\n\/\/ Omnisend 폼 성공 이벤트 리스너\ndocument.addEventListener(\"DOMContentLoaded\", function () {\nconst modalTitle = document.querySelector(\".modal-title\");\nconst modalText = document.querySelector(\".modal-text\");\nconst modalContent = document.querySelector(\".modal-content-wrapper\");\nlet hasChanged = false; \/\/ 변경 여부를 추적하는 플래그\n\n\/\/ Omnisend 폼의 성공 섹션 감지\nconst checkSuccess = function () {\nconst successSection = document.querySelector(\n\".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\"\n);\nif (\nsuccessSection \u0026\u0026\nwindow.getComputedStyle(successSection).display !== \"none\" \u0026\u0026\n!hasChanged\n) {\n\/\/ 모달 내용 변경 (한 번만 실행)\nmodalTitle.textContent = \"Nice to have you!\";\nmodalText.innerHTML =\n\"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\";\n\n\/\/ Omnisend 폼 숨기기\nconst omnisendForm = document.getElementById(\n\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\n);\nif (omnisendForm) {\nomnisendForm.style.display = \"none\";\n}\n\nhasChanged = true; \/\/ 변경되었음을 표시\nclearInterval(checkInterval); \/\/ 인터벌 중지\n}\n};\n\n\/\/ 주기적으로 성공 섹션 확인\nconst checkInterval = setInterval(checkSuccess, 500);\n\n\/\/ 폼 제출 버튼 클릭 이벤트 감지\nconst submitButton = document.querySelector(\n\"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\"\n);\nif (submitButton) {\nsubmitButton.addEventListener(\"click\", function () {\nif (!hasChanged) {\n\/\/ 아직 변경되지 않은 경우에만 실행\nsetTimeout(checkSuccess, 1000);\n}\n});\n}\n});\n\u003c\/script\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Wallpaper Section --\u003e\n\u003csection class=\"section-wallpapers\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\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;\"\u003eMatch the vibe inside and out.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eDownload free wallpapers and match with your case.\u003c\/p\u003e\n\u003cbutton class=\"cta-button btn-outline\"\u003e Download now \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-wallpapers-container\"\u003e\u003cimg class=\"section-wallpapers-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_phantom_06_01a265bf-d881-4161-8507-087400d3553c.png?v=1788286410\u0026amp;width=700\" alt=\"Spigen c11 Velocity case with motorcycle blueprint print, shown next to matching phone wallpapers\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Outro Section --\u003e\n\u003c!-- Outro Section --\u003e\n\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n\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\n\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\n\u003cdiv class=\"sq--rewards\"\u003e\n\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\n\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\u0026amp;width=700\"\u003e\n\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\nWe provide discounted expedited shipping for our Elite and\nExecutive members.\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\u0026amp;width=700\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\nSeasonal Coupon\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\nEvery season we provide our Elite and Executive members with\nreward coupons with fresh new gears.\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\u0026amp;width=700\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\nExecutive Care Team\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\nWe've created a dedicated team where we personally handle\nanything from warranty service to all questions.\n\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\nJoin Us\n\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Story\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e\nLearn about Spigen's brand story and company history.\n\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\n\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story__banner.jpg?v=1780332873\u0026amp;width=700\" alt=\"\"\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\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?width=700\" alt=\"ClimatePartner Logo\"\u003e\n\u003ch3 class=\"text-h3 sr-only\"\u003eSustainability\u003c\/h3\u003e\n\u003cspan class=\"sr-only\"\u003e\nExplore Spigen's sustainability efforts and ClimatePartner\ninitiatives\n\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--outro-background-media\"\u003e\n\u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/climate_partner_banner.jpg?v=1780332874\u0026amp;width=700\" alt=\"\"\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/sq-listing-outro\u003e\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 18 Pro Max \/ Velocity \/ In Stock","offer_id":44363271635022,"sku":"rlm1789900338718","price":39.04,"currency_code":"USD","in_stock":true},{"title":"iPhone 18 Pro \/ Velocity \/ In Stock","offer_id":44363271667790,"sku":"xru1789900338719","price":43.44,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro Max \/ Velocity \/ In Stock","offer_id":44363271700558,"sku":"lrv1789900338720","price":41.24,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Velocity \/ In Stock","offer_id":44363271733326,"sku":"ojl1789900338721","price":35.19,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/2962\/9518\/files\/iphone-18-17-series---c11-series-velocity-edition-mag-fit_1.jpg?v=1789900342","url":"https:\/\/measuringcupclad.shop\/products\/iphone-18-17-series-c11-series-velocity-edition-mag-fit","provider":"My Store","version":"1.0","type":"link"}