{"title":"iPhone 17 Pro","description":null,"products":[{"product_id":"iphone-17-series-c11-series-signal-edition-mag-fit","title":"Série iPhone 17 - Édition Signal Série c11 (Compatible MagSafe)","description":"\u003cstyle\u003e\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  *,\n  ::after,\n  ::before {\n    box-sizing: border-box;\n  }\n\n  .product-description section {\n    position: relative;\n    width: 100%;\n  }\n\n  .product-description section:first-of-type {\n    border-top-left-radius: 32px;\n    border-top-right-radius: 32px;\n  }\n\n  .product-description section:last-of-type {\n    border-bottom-left-radius: 32px;\n    border-bottom-right-radius: 32px;\n  }\n\n  .product-description .section-container-fluid {\n    width: 100%;\n    max-width: 100%;\n    margin: 0 auto;\n  }\n\n  .product-description .section-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-container {\n      padding: 0 4rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 200px;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-container {\n      padding: 0 2rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 80px;\n    }\n  }\n\n  .product-description img {\n    width: 100%;\n    height: auto;\n  }\n\n  \/* ------------------------------------------------------------\n  Text Alignment\n  ------------------------------------------------------------ *\/\n  .product-description .text-center {\n    text-align: center;\n  }\n\n  .product-description .text-left {\n    text-align: left;\n  }\n\n  .product-description .text-right {\n    text-align: right;\n  }\n\n  \/* ------------------------------------------------------------\n  Text Colors\n  ------------------------------------------------------------ *\/\n  .product-description .text-dark * {\n    color: #000;\n  }\n\n  .product-description .text-light * {\n    color: #fff;\n  }\n\n  .product-description .text-info {\n    color: #8d8d8f;\n  }\n\n  \/* ------------------------------------------------------------\n  Visibility\n  ------------------------------------------------------------ *\/\n  @media (min-width: 1080px) {\n    .product-description .sq-mobile-view {\n      display: none;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .sq-desktop-view {\n      display: none;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n  Headlines\n  ------------------------------------------------------------ *\/\n  .product-description .section-header {\n    max-width: 500px;\n    margin: 0 auto;\n  }\n\n  .product-description .section-preheadline {\n    font-weight: 400;\n    line-height: 1.2;\n  }\n\n  .product-description .section-headline {\n    font-weight: 800;\n    line-height: 1.2;\n  }\n\n  .product-description .section-subheadline {\n    font-weight: 400;\n    line-height: 1.5;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 20px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 48px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 18px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 18px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 36px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 16px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  .product-description .cta-button {\n    display: inline-block;\n    padding: 16px 32px;\n    border-radius: 100px;\n    background-color: #ffffff;\n    border: 1px solid #ffffff;\n    color: #000000;\n    font-size: 20px;\n    font-weight: 400;\n    text-decoration: none;\n    line-height: 1.5;\n    margin: 0;\n    transition: all 0.3s ease;\n    cursor: pointer;\n  }\n\n  .product-description .cta-button:hover {\n    background-color: #dedede;\n    border-color: #dedede;\n    color: #000000;\n  }\n\n  .product-description .section-header p+.cta-button {\n    margin-top: 32px;\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Intro\n  ------------------------------------------------------------ *\/\n  .section-intro {\n    background-color: #1c1c1c;\n  }\n\n  @media (min-width: 1080px) {\n    .section-intro .section-intro-banner {\n      width: 100%;\n      height: 1200px;\n      object-fit: cover;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Highlights\n  ------------------------------------------------------------ *\/\n  .section-highlights {\n    background-color: #1c1c1c;\n  }\n\n  .section-highlights .section-header {\n    max-width: 480px;\n  }\n\n  .section-highlights-feature-container {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    padding: 16px;\n    margin: 0 auto;\n  }\n\n  .section-highlights-feature-item {\n    flex: 0 0 auto;\n    padding: 16px;\n  }\n\n  @media (min-width: 1080px) {\n    .section-highlights-feature-item:nth-child(1) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(2) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(3) {\n      width: 40%;\n    }\n\n    .section-highlights-feature-item:nth-child(4) {\n      width: 30%;\n    }\n\n    .section-highlights-feature-item:nth-child(5) {\n      width: 30%;\n    }\n  }\n\n  .section-highlights-feature-item [class^=\"section-highlights-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #000000;\n    height: 100%;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .section-highlights-feature-item .section-highlights-list-text-item {\n    padding: 40px;\n    color: #ffffff;\n  }\n\n  .section-highlights-feature-item .feature-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-highlights-feature-item .feature-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  .section-highlights-feature-item img {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Highlights\n  ------------------------------------------------------------ *\/\n  .highlightSwiper {\n    width: 100%;\n    padding-top: 32px;\n  }\n\n  .highlightSwiper .swiper-wrapper {\n    width: 100%;\n    height: auto;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-header {\n    width: 100%;\n    padding: 40px 16px;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-image {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    min-height: 300px;\n    object-fit: cover;\n    object-position: center;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .highlightSwiper-pagination {\n    display: block;\n    width: 100%;\n    padding: 16px;\n    text-align: center;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet {\n    width: 16px;\n    height: 16px;\n    border-radius: 100px;\n    background-color: #dddddd;\n    margin: 0 8px;\n    transition: all 1s ease;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet-active {\n    background-color: #ffffff !important;\n    width: 48px;\n    height: 16px;\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Daily Essentials\n  ------------------------------------------------------------ *\/\n  .section-daily-essentials {\n    background-color: #1c1c1c;\n  }\n\n  .section-daily-essentials img {\n    aspect-ratio: 468\/605;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  @media (min-width: 1080px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(2, 3fr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 2 \/ 3;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 2 \/ 3;\n      grid-row: 2 \/ 4;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(1, 4fr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 2 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 1 \/ 2;\n      grid-row: 4 \/ 5;\n    }\n  }\n\n  .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #ffffff;\n    height: 100%;\n    border-radius: 16px;\n    overflow: hidden;\n  }\n\n  .section-daily-essentials-item .section-daily-essentials-list-text-item {\n    padding: 40px;\n    color: #000000;\n  }\n\n  .section-daily-essentials-item .essential-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-daily-essentials-item .essential-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Series Inspiration\n  ------------------------------------------------------------ *\/\n  .section-series-inspiration {\n    background-color: #1c1c1c;\n  }\n\n  .section-series-inspiration-container {\n    position: relative;\n  }\n\n  .section-series-inspiration-button,\n  .edition-inspiration-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    margin: 32px;\n    width: 40px;\n    height: 40px;\n    color: #ffffff;\n    background-color: transparent;\n    border: none;\n    border-radius: 100px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    z-index: 1;\n  }\n\n  @media (min-width: 1080px) {\n    .section-series-inspiration .section-body {\n      position: relative;\n      max-width: 1200px;\n      padding: 0 4rem;\n      margin: 0 auto;\n    }\n\n    .section-series-inspiration-container {\n      border-radius: 32px;\n      overflow: hidden;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-series-inspiration.section-body {\n      position: relative;\n      padding: 0;\n      border-radius: 0;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Wallpapers\n  ------------------------------------------------------------ *\/\n  .section-wallpapers {\n    background-color: #1c1c1c;\n  }\n\n  .section-wallpapers button.btn-outline {\n    border-color: #ffffff !important;\n    color: #ffffff !important;\n    background-color: transparent !important;\n  }\n\n  .section-wallpapers img.section-wallpapers-image {\n    border-radius: 32px;\n    overflow: hidden;\n    padding: 4rem;\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-wallpapers img.section-wallpapers-image {\n      border-radius: 16px;\n      padding: 2rem;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n  Modal Styles\n  ------------------------------------------------------------ *\/\n  .edition-inspiration-button {\n    background: linear-gradient(135deg,\n        rgba(255, 255, 255, 0.1),\n        rgba(255, 255, 255, 0.05));\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 4px;\n    border-radius: 100px;\n    transition: all 0.3s ease;\n  }\n\n  .edition-inspiration-button:hover {\n    background: rgba(255, 255, 255, 0.25);\n  }\n\n  #modal-subscription {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.6);\n  }\n\n  #modal-subscription .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background-color: #1c1c1c;\n    padding: 48px;\n    width: 90%;\n    max-width: 740px;\n    min-height: 600px;\n    border-radius: 32px;\n    display: flex;\n    align-items: center;\n  }\n\n  #modal-subscription .modal-header {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    z-index: 1001;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 50px;\n    height: 50px;\n    background-color: #ffffff;\n    border-radius: 100px;\n    cursor: pointer;\n  }\n\n  #modal-subscription .modal-header .close {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: all 0.3s ease;\n  }\n\n  #modal-subscription .modal-header .close svg {\n    width: 24px;\n    height: 24px;\n    color: #1c1c1c;\n  }\n\n  #modal-subscription .modal-header:hover {\n    background-color: #000000;\n  }\n\n  #modal-subscription .modal-header:hover svg {\n    color: #ffffff;\n  }\n\n  #modal-subscription .modal-text-content {\n    width: 100%;\n    text-align: center;\n    margin-bottom: 32px;\n  }\n\n  #modal-subscription input[type=\"email\"] {\n    text-align: center;\n  }\n\n  #modal-subscription button[type=\"submit\"] {\n    border-radius: 100px;\n  }\n\n  #modal-content {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  #modal-content .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: linear-gradient(135deg,\n        rgba(255, 255, 255, 0.1),\n        rgba(255, 255, 255, 0.05));\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 48px;\n    width: 90%;\n    max-width: 800px;\n    border-radius: 32px;\n  }\n\n  .modal-body {\n    padding: 0;\n  }\n\n  .modal-image-container {\n    width: 100%;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .modal-image {\n    width: 100%;\n    height: auto;\n    border-radius: 16px;\n    object-fit: contain;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n  }\n\n  #modal-content .modal-headline {\n    color: #ffffff;\n  }\n\n  @media (min-width: 1080px) {\n    .modal-text-content {\n      padding: 40px;\n      color: #ffffff;\n    }\n\n    .modal-headline {\n      font-size: 48px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 20px;\n      font-weight: 400;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .modal-content {\n      width: 95%;\n      margin: 20px auto;\n      padding: 15px;\n    }\n\n    .modal-header {\n      top: 15px;\n      right: 15px;\n    }\n\n    .modal-text-content {\n      padding: 16px 0;\n      color: #ffffff;\n    }\n\n    .modal-content .modal-image {\n      cursor: pointer;\n    }\n\n    .modal-headline {\n      font-size: 24px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 1.5 !important;\n      margin: 0;\n    }\n\n    .close {\n      width: 40px;\n      height: 40px;\n      font-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\n\u003c!-- Intro Section --\u003e\n\u003csection class=\"section-intro\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\n\u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\n\u003ch1 class=\"section-headline\"\u003eÉdition Signal\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eLe chaos urbain et le flux de la ville reproduits sur une coque. Avec une palette monochrome et un rouge vif qui tranche avec le bruit ambiant.\u003c\/p\u003e\n\n\u003cbutton class=\"cta-button\"\u003eS'abonner\u003c\/button\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\n\u003cimg class=\"section-intro-banner sq-desktop-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_signal_desktop_01.jpg?v=1783031746\" alt=\"Coque Spigen Signal C11 iPhone 17 Pro Series avec motif graphique de panneau de signalisation sur fond de skyline urbain\"\u003e \u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_signal_mobile_01.jpg?v=1783032168\" alt=\"Coque Spigen Signal C11 iPhone 17 Pro Series avec motif graphique de panneau de signalisation sur fond de skyline urbain\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\n\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\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_signal_01.jpg?v=1783032299\" alt=\"Gros plan macro de la coque Spigen Signal C11 montrant un panneau de signalisation et un emblème de métro en relief\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n\u003cp class=\"feature-headline\"\u003eTechnologie Hexa-layering\u003c\/p\u003e\n\n\u003cp class=\"feature-description\"\u003eDécouvrez les graphiques à effet spatial 3D avec l'impression numérique Hexa-Layer. Découvrez la nouvelle norme en matière de conception de haute qualité. Le détail unique imite la complexité du temps avec des couches d'impression en profondeur qui sont dans une catégorie à part.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n\u003cp class=\"feature-headline\"\u003eProtection tout autour\u003c\/p\u003e\n\n\u003cp class=\"feature-description\"\u003eLa protection de l'appareil photo et la technologie de coussin d'air protègent votre iPhone 17 Pro au quotidien.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\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_signal_02.jpg?v=1783032540\" alt=\"Gros plan de la coque Spigen Signal C11 montrant la protection surélevée de l'appareil photo et les détails graphiques du panneau de signalisation\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\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_signal_03.jpg?v=1783032659\" alt=\"Gros plan du coin avec une image ombragée avec un objet rectangulaire bleu réfléchissant affichant la technologie de coussin d'air\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\n\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\u003cdiv class=\"slide-container\"\u003e\n\n\u003cdiv class=\"slide-header\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eTechnologie Hexa-layering.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eDécouvrez les graphiques à effet spatial 3D avec l'impression numérique Hexa-Layer. Découvrez la nouvelle norme en matière de conception de haute qualité. Le détail unique imite la complexité du temps avec des couches d'impression en profondeur qui sont dans une catégorie à part.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_signal_01.jpg?v=1783032299\" alt=\"Gros plan macro de la coque Spigen Signal C11 montrant un panneau de signalisation et un emblème de métro en relief\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\u003cdiv class=\"slide-container\"\u003e\n\n\u003cdiv class=\"slide-header\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eProtégez l'essentiel.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eLes bords surélevés évitent les rayures sur l'écran et l'appareil photo sous tous les angles.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_signal_02.jpg?v=1783032540\" alt=\"Gros plan de la coque Spigen Signal C11 montrant la protection surélevée de l'appareil photo et les détails graphiques du panneau de signalisation\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\u003cdiv class=\"slide-container\"\u003e\n\n\u003cdiv class=\"slide-header\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eUne protection en laquelle vous pouvez avoir confiance.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eLa technologie Air Cushion™ absorbe et atténue tous les impacts dans chaque coin.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_signal_03.jpg?v=1783032659\" alt=\"Gros plan du coin avec une image ombragée avec un objet rectangulaire bleu réfléchissant affichant la technologie de coussin d'air\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n      var swiper = new Swiper(\".highlightSwiper\", {\n        slidesPerView: 1,\n        spaceBetween: 32,\n        pagination: {\n          el: \".highlightSwiper-pagination\",\n          clickable: 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\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eIndispensables du quotidien\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eLes essentiels du quotidien couverts.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\n\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\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_signal_04.jpg?v=1783032802\" alt=\"Main utilisant l'application appareil photo sur iPhone 17 series dans la coque Spigen C11 Signal montrant un accès aux boutons et une réactivité tactile non obstrués\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n\u003cp class=\"essential-headline\"\u003eAccès facile\u003c\/p\u003e\n\n\u003cp class=\"essential-description\"\u003eDes découpes précises pour un accès facile et complet à tous les boutons de l'iPhone.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n\u003cp class=\"essential-headline\"\u003eChargez simplement.\u003c\/p\u003e\n\n\u003cp class=\"essential-description\"\u003eNous savons que c'est un problème de retirer la coque. Alors, chargez simplement avec la coque via un chargeur sans fil ou un chargeur MagSafe.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\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_signal_05.jpg?v=1783032861\" alt=\"Coque iPhone Spigen Signal C11 montrée en charge sans fil sur MagSafe avec vue de l'écran avant\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eC'est maintenant ou jamais.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\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_8a3ef730-f63c-423b-8d44-93b0f8cb05b6.jpg?v=1783032969\" alt=\"Coque iPhone Spigen Signal C11 montée sur un poteau de rue londonien avec un bus à impériale et une station de métro en arrière-plan\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Modal for Subscription --\u003e\n\u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\n\n\u003cdiv class=\"modal-content\"\u003e\n\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\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\n\u003cdiv class=\"modal-body\"\u003e\n\n\u003cdiv class=\"modal-image-container\"\u003e\n\n\u003cdiv class=\"modal-text-content text-light\"\u003e\n\n\u003ch1 class=\"modal-headline\"\u003eRestez informé des nouveautés.\u003c\/h1\u003e\n\n\u003cp class=\"modal-subheadline\"\u003eAbonnez-vous et soyez le premier à découvrir les nouvelles créations \u003cbr\u003ec11 chaque mois.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n        \/\/ Modal functionality\n        document.addEventListener(\"DOMContentLoaded\", function () {\n          console.log(\"Modal script loaded\");\n\n          \/\/ Get modal elements\n          const modalSubscription = document.getElementById(\"modal-subscription\");\n          const modalContent = document.getElementById(\"modal-content\");\n\n          \/\/ Get button elements\n          const ctaButton = document.querySelector(\".cta-button\");\n          const inspirationButton = document.querySelector(\n            \".edition-inspiration-button\"\n          );\n\n          console.log(\"CTA Button found:\", ctaButton);\n          console.log(\"Inspiration Button found:\", inspirationButton);\n          console.log(\"Modal Subscription found:\", modalSubscription);\n          console.log(\"Modal Content found:\", modalContent);\n\n          \/\/ Function to open modal\n          function openModal(modal) {\n            if (modal) {\n              modal.style.display = \"block\";\n              document.body.style.overflow = \"hidden\";\n              console.log(\"Modal opened:\", modal.id);\n            }\n          }\n\n          \/\/ Function to close modal\n          function closeModal(modal) {\n            if (modal) {\n              modal.style.display = \"none\";\n              document.body.style.overflow = \"auto\";\n              console.log(\"Modal closed:\", modal.id);\n            }\n          }\n\n          \/\/ CTA Button → Subscription Modal\n          if (ctaButton \u0026\u0026 modalSubscription) {\n            ctaButton.addEventListener(\"click\", function (e) {\n              e.preventDefault();\n              e.stopPropagation();\n              console.log(\"CTA button clicked\");\n              openModal(modalSubscription);\n            });\n          } else {\n            console.error(\"CTA button or subscription modal not found\");\n          }\n\n          \/\/ Inspiration Button → Content Modal\n          if (inspirationButton \u0026\u0026 modalContent) {\n            inspirationButton.addEventListener(\"click\", function (e) {\n              e.preventDefault();\n              e.stopPropagation();\n              console.log(\"Inspiration button clicked\");\n              openModal(modalContent);\n            });\n          } else {\n            console.error(\"Inspiration button or content modal not found\");\n          }\n\n          \/\/ Close buttons\n          const closeBtns = document.querySelectorAll(\".close\");\n          closeBtns.forEach(function (closeBtn) {\n            closeBtn.addEventListener(\"click\", function (e) {\n              e.preventDefault();\n              e.stopPropagation();\n              const modalId = this.getAttribute(\"data-modal\");\n              const modal = document.getElementById(modalId);\n              console.log(\"Close button clicked for modal:\", modalId);\n              closeModal(modal);\n            });\n          });\n\n          \/\/ Close modal when clicking outside of modal content\n          window.addEventListener(\"click\", function (event) {\n            if (event.target.classList.contains(\"modal\")) {\n              console.log(\"Modal background clicked\");\n              closeModal(event.target);\n            }\n          });\n\n          \/\/ ESC key to close modals\n          document.addEventListener(\"keydown\", function (e) {\n            if (e.key === \"Escape\") {\n              if (\n                modalSubscription \u0026\u0026\n                modalSubscription.style.display === \"block\"\n              ) {\n                closeModal(modalSubscription);\n              }\n              if (modalContent \u0026\u0026 modalContent.style.display === \"block\") {\n                closeModal(modalContent);\n              }\n            }\n          });\n\n          \/\/ Modal image click to close modal (only for mobile screens)\n          const modalImage = document.querySelector(\"#modal-content .modal-image\");\n          if (modalImage \u0026\u0026 modalContent) {\n            modalImage.addEventListener(\"click\", function (e) {\n              \/\/ Check if screen width is 1079.98px or less\n              if (window.matchMedia(\"(max-width: 1079.98px)\").matches) {\n                e.preventDefault();\n                e.stopPropagation();\n                console.log(\"Modal image clicked on mobile - closing modal\");\n                closeModal(modalContent);\n              }\n            });\n          }\n        });\n      \u003c\/script\u003e \u003cscript\u003e\n        \/\/ Omnisend 폼 성공 이벤트 리스너\n        document.addEventListener(\"DOMContentLoaded\", function () {\n          const modalTitle = document.querySelector(\".modal-title\");\n          const modalText = document.querySelector(\".modal-text\");\n          const modalContent = document.querySelector(\".modal-content-wrapper\");\n          let hasChanged = false; \/\/ 변경 여부를 추적하는 플래그\n\n          \/\/ Omnisend 폼의 성공 섹션 감지\n          const checkSuccess = function () {\n            const successSection = document.querySelector(\n              \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\"\n            );\n            if (\n              successSection \u0026\u0026\n              window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026\n              !hasChanged\n            ) {\n              \/\/ 모달 내용 변경 (한 번만 실행)\n              modalTitle.textContent = \"Nice to have you!\";\n              modalText.innerHTML =\n                \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\";\n\n              \/\/ Omnisend 폼 숨기기\n              const omnisendForm = document.getElementById(\n                \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\n              );\n              if (omnisendForm) {\n                omnisendForm.style.display = \"none\";\n              }\n\n              hasChanged = true; \/\/ 변경되었음을 표시\n              clearInterval(checkInterval); \/\/ 인터벌 중지\n            }\n          };\n\n          \/\/ 주기적으로 성공 섹션 확인\n          const checkInterval = setInterval(checkSuccess, 500);\n\n          \/\/ 폼 제출 버튼 클릭 이벤트 감지\n          const submitButton = document.querySelector(\n            \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\"\n          );\n          if (submitButton) {\n            submitButton.addEventListener(\"click\", function () {\n              if (!hasChanged) {\n                \/\/ 아직 변경되지 않은 경우에만 실행\n                setTimeout(checkSuccess, 1000);\n                            }\n                        });\n                    }\n                });\n            \u003c\/script\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n    \u003c!-- Wallpaper Section --\u003e\n    \u003csection class=\"section-wallpapers\"\u003e\n        \u003cdiv class=\"section-container\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n                    \u003cp class=\"section-preheadline\" style=\"color: #549CF3 !important;\"\u003eFONDS D'ÉCRAN GRATUITS\u003c\/p\u003e\n\n                    \u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003eRafraîchi à l'intérieur comme à l'extérieur. \n                    \u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003eComplétez l'ensemble. \u003cbr\u003eDes fonds d'écran assortis gratuits sont disponibles dès maintenant.\u003c\/p\u003e\n\n                    \u003cbutton class=\"cta-button btn-outline\" onclick=\"window.open('https:\/\/www.spigen.com\/pages\/wallpapers', '_blank')\"\u003e\n                        Télécharger maintenant\n                    \u003c\/button\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"section-body\"\u003e\n\n                    \u003cdiv class=\"section-wallpapers-container\"\u003e\n\n                        \u003cimg class=\"section-wallpapers-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_signal_06.png?v=1783033145\" alt=\"Coque iPhone Spigen Signal C11 montrée avec deux fonds d'écran de verrouillage assortis sur le thème des panneaux de signalisation\"\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\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\n            \u003ch2\u003e\u003cspan style=\"color: #ffffff;\"\u003ePlus qu'une simple protection.\u003c\/span\u003e\u003c\/h2\u003e\n\n            \u003cp\u003e\u003cspan style=\"color: #ffffff;\"\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/span\u003e\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sq--section-outro-body\"\u003e\n\n            \u003cdiv class=\"sq--section-row\"\u003e\n\n                \u003cdiv class=\"sq--section-column\"\u003e\n\n                    \u003cdiv class=\"sq--rewards\"\u003e\n\n                        \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                            \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e\n\n                            \u003cp\u003eProtection avec avantages pour \u003cbr\u003enos membres Récompense.\u003c\/p\u003e\n\n                            \u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\n                                \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                                        \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eRecevez-le plus vite\u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                                        Nous offrons une expédition accélérée à prix réduit pour nos membres Elite et\n                                        Exécutif.\n                                    \u003c\/div\u003e\n\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                                        \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n\n                                        Coupon saisonnier\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                                        Chaque saison, nous offrons à nos membres Elite et Exécutif des\n                                        coupons de récompense avec de nouveaux équipements.\n                                    \u003c\/div\u003e\n\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                                        \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n\n                                        Équipe de service client exécutif\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                                        Nous avons créé une équipe dédiée qui gère personnellement\n                                        tout, du service de garantie à toutes les questions.\n                                    \u003c\/div\u003e\n\n                                \u003c\/div\u003e\n\n                            \u003c\/div\u003e\n\n                            \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e\n                                Rejoignez-nous\n                            \u003c\/button\u003e\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\n\n                    \u003cdiv class=\"swiper-wrapper\"\u003e\n\n                        \u003cdiv class=\"swiper-slide\"\u003e\n\n                            \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et de l'entreprise\" tabindex=\"0\"\u003e\n                                \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                                    \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e\n\n                                    \u003cspan class=\"sr-only\"\u003e\n                                        Découvrez l'histoire de la marque Spigen et de l'entreprise.\n                                    \u003c\/span\u003e\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--outro-background-media\"\u003e\n\n                                    \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\n                                \u003c\/div\u003e\n\n                            \u003c\/a\u003e\n                        \u003c\/div\u003e\n\n\n                        \u003cdiv class=\"swiper-slide\"\u003e\n\n                            \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Durabilité - Explorez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner\" tabindex=\"0\"\u003e\n                                \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                                    \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e\n                                    \u003ch3 class=\"text-h3 sr-only\"\u003eDurabilité\u003c\/h3\u003e\n\n                                    \u003cspan class=\"sr-only\"\u003e\n                                        Explorez les efforts de Spigen en matière de développement durable et les initiatives\n                                        de ClimatePartner.\n                                    \u003c\/span\u003e\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--outro-background-media\"\u003e\n\n                                    \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\n                                \u003c\/div\u003e\n\n                            \u003c\/a\u003e\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/sq-listing-outro\u003e\n\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Signal \/ En stock","offer_id":53890607120495,"sku":"ACS11841","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Signal \/ En stock","offer_id":53890607153263,"sku":"ACS11842","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone17series_c11_signal_01.jpg?v=1785117301"},{"product_id":"iphone-17-series-c11-series-cadence-edition-mag-fit","title":"iPhone 17 Series - c11 Series Cadence Edition (Mag Fit)","description":"\u003cstyle\u003e\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  *,\n  ::after,\n  ::before {\n    box-sizing: border-box;\n  }\n\n  .product-description section {\n    position: relative;\n    width: 100%;\n  }\n\n  .product-description section:first-of-type {\n    border-top-left-radius: 32px;\n    border-top-right-radius: 32px;\n  }\n\n  .product-description section:last-of-type {\n    border-bottom-left-radius: 32px;\n    border-bottom-right-radius: 32px;\n  }\n\n  .product-description .section-container-fluid {\n    width: 100%;\n    max-width: 100%;\n    margin: 0 auto;\n  }\n\n  .product-description .section-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-container {\n      padding: 0 4rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 200px;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-container {\n      padding: 0 2rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 80px;\n    }\n  }\n\n  .product-description img {\n    width: 100%;\n    height: auto;\n  }\n\n  \/* ------------------------------------------------------------\n  Text Alignment\n  ------------------------------------------------------------ *\/\n  .product-description .text-center {\n    text-align: center;\n  }\n\n  .product-description .text-left {\n    text-align: left;\n  }\n\n  .product-description .text-right {\n    text-align: right;\n  }\n\n  \/* ------------------------------------------------------------\n  Text Colors\n  ------------------------------------------------------------ *\/\n  .product-description .text-dark * {\n    color: #000;\n  }\n\n  .product-description .text-light * {\n    color: #fff;\n  }\n\n  .product-description .text-info {\n    color: #8d8d8f;\n  }\n\n  \/* ------------------------------------------------------------\n  Visibility\n  ------------------------------------------------------------ *\/\n  @media (min-width: 1080px) {\n    .product-description .sq-mobile-view {\n      display: none;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .sq-desktop-view {\n      display: none;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n  Headlines\n  ------------------------------------------------------------ *\/\n  .product-description .section-header {\n    max-width: 500px;\n    margin: 0 auto;\n  }\n\n  .product-description .section-preheadline {\n    font-weight: 400;\n    line-height: 1.2;\n  }\n\n  .product-description .section-headline {\n    font-weight: 800;\n    line-height: 1.2;\n  }\n\n  .product-description .section-subheadline {\n    font-weight: 400;\n    line-height: 1.5;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 20px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 48px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 18px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 18px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 36px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 16px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  .product-description .cta-button {\n    display: inline-block;\n    padding: 16px 32px;\n    border-radius: 100px;\n    background-color: #ffffff;\n    border: 1px solid #ffffff;\n    color: #000000;\n    font-size: 20px;\n    font-weight: 400;\n    text-decoration: none;\n    line-height: 1.5;\n    margin: 0;\n    transition: all 0.3s ease;\n    cursor: pointer;\n  }\n\n  .product-description .cta-button:hover {\n    background-color: #dedede;\n    border-color: #dedede;\n    color: #000000;\n  }\n\n  .product-description .section-header p+.cta-button {\n    margin-top: 32px;\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Intro\n  ------------------------------------------------------------ *\/\n  .section-intro {\n    background-color: #1c1c1c;\n  }\n\n  @media (min-width: 1080px) {\n    .section-intro .section-intro-banner {\n      width: 100%;\n      height: 1200px;\n      object-fit: cover;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Highlights\n  ------------------------------------------------------------ *\/\n  .section-highlights {\n    background-color: #1c1c1c;\n  }\n\n  .section-highlights .section-header {\n    max-width: 480px;\n  }\n\n  .section-highlights-feature-container {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    padding: 16px;\n    margin: 0 auto;\n  }\n\n  .section-highlights-feature-item {\n    flex: 0 0 auto;\n    padding: 16px;\n  }\n\n  @media (min-width: 1080px) {\n    .section-highlights-feature-item:nth-child(1) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(2) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(3) {\n      width: 40%;\n    }\n\n    .section-highlights-feature-item:nth-child(4) {\n      width: 30%;\n    }\n\n    .section-highlights-feature-item:nth-child(5) {\n      width: 30%;\n    }\n  }\n\n  .section-highlights-feature-item [class^=\"section-highlights-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #000000;\n    height: 100%;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .section-highlights-feature-item .section-highlights-list-text-item {\n    padding: 40px;\n    color: #ffffff;\n  }\n\n  .section-highlights-feature-item .feature-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-highlights-feature-item .feature-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  .section-highlights-feature-item img {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Highlights\n  ------------------------------------------------------------ *\/\n  .highlightSwiper {\n    width: 100%;\n    padding-top: 32px;\n  }\n\n  .highlightSwiper .swiper-wrapper {\n    width: 100%;\n    height: auto;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-header {\n    width: 100%;\n    padding: 40px 16px;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-image {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    min-height: 300px;\n    object-fit: cover;\n    object-position: center;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .highlightSwiper-pagination {\n    display: block;\n    width: 100%;\n    padding: 16px;\n    text-align: center;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet {\n    width: 16px;\n    height: 16px;\n    border-radius: 100px;\n    background-color: #dddddd;\n    margin: 0 8px;\n    transition: all 1s ease;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet-active {\n    background-color: #ffffff !important;\n    width: 48px;\n    height: 16px;\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Daily Essentials\n  ------------------------------------------------------------ *\/\n  .section-daily-essentials {\n    background-color: #1c1c1c;\n  }\n\n  .section-daily-essentials img {\n    aspect-ratio: 468\/605;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  @media (min-width: 1080px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(2, 3fr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 2 \/ 3;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 2 \/ 3;\n      grid-row: 2 \/ 4;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(1, 4fr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 2 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 1 \/ 2;\n      grid-row: 4 \/ 5;\n    }\n  }\n\n  .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #ffffff;\n    height: 100%;\n    border-radius: 16px;\n    overflow: hidden;\n  }\n\n  .section-daily-essentials-item .section-daily-essentials-list-text-item {\n    padding: 40px;\n    color: #000000;\n  }\n\n  .section-daily-essentials-item .essential-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-daily-essentials-item .essential-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Series Inspiration\n  ------------------------------------------------------------ *\/\n  .section-series-inspiration {\n    background-color: #1c1c1c;\n  }\n\n  .section-series-inspiration-container {\n    position: relative;\n  }\n\n  .section-series-inspiration-button,\n  .edition-inspiration-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    margin: 32px;\n    width: 40px;\n    height: 40px;\n    color: #ffffff;\n    background-color: transparent;\n    border: none;\n    border-radius: 100px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    z-index: 1;\n  }\n\n  @media (min-width: 1080px) {\n    .section-series-inspiration .section-body {\n      position: relative;\n      max-width: 1200px;\n      padding: 0 4rem;\n      margin: 0 auto;\n    }\n\n    .section-series-inspiration-container {\n      border-radius: 32px;\n      overflow: hidden;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-series-inspiration.section-body {\n      position: relative;\n      padding: 0;\n      border-radius: 0;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Wallpapers\n  ------------------------------------------------------------ *\/\n  .section-wallpapers {\n    background-color: #1c1c1c;\n  }\n\n  .section-wallpapers button.btn-outline {\n    border-color: #ffffff !important;\n    color: #ffffff !important;\n    background-color: transparent !important;\n  }\n\n  .section-wallpapers img.section-wallpapers-image {\n    border-radius: 32px;\n    overflow: hidden;\n    padding: 4rem;\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-wallpapers img.section-wallpapers-image {\n      border-radius: 16px;\n      padding: 2rem;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n  Modal Styles\n  ------------------------------------------------------------ *\/\n  .edition-inspiration-button {\n    background: linear-gradient(135deg,\n        rgba(255, 255, 255, 0.1),\n        rgba(255, 255, 255, 0.05));\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 4px;\n    border-radius: 100px;\n    transition: all 0.3s ease;\n  }\n\n  .edition-inspiration-button:hover {\n    background: rgba(255, 255, 255, 0.25);\n  }\n\n  #modal-subscription {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.6);\n  }\n\n  #modal-subscription .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background-color: #1c1c1c;\n    padding: 48px;\n    width: 90%;\n    max-width: 740px;\n    min-height: 600px;\n    border-radius: 32px;\n    display: flex;\n    align-items: center;\n  }\n\n  #modal-subscription .modal-header {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    z-index: 1001;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 50px;\n    height: 50px;\n    background-color: #ffffff;\n    border-radius: 100px;\n    cursor: pointer;\n  }\n\n  #modal-subscription .modal-header .close {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: all 0.3s ease;\n  }\n\n  #modal-subscription .modal-header .close svg {\n    width: 24px;\n    height: 24px;\n    color: #1c1c1c;\n  }\n\n  #modal-subscription .modal-header:hover {\n    background-color: #000000;\n  }\n\n  #modal-subscription .modal-header:hover svg {\n    color: #ffffff;\n  }\n\n  #modal-subscription .modal-text-content {\n    width: 100%;\n    text-align: center;\n    margin-bottom: 32px;\n  }\n\n  #modal-subscription input[type=\"email\"] {\n    text-align: center;\n  }\n\n  #modal-subscription button[type=\"submit\"] {\n    border-radius: 100px;\n  }\n\n  #modal-content {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  #modal-content .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: linear-gradient(135deg,\n        rgba(255, 255, 255, 0.1),\n        rgba(255, 255, 255, 0.05));\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 48px;\n    width: 90%;\n    max-width: 800px;\n    border-radius: 32px;\n  }\n\n  .modal-body {\n    padding: 0;\n  }\n\n  .modal-image-container {\n    width: 100%;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .modal-image {\n    width: 100%;\n    height: auto;\n    border-radius: 16px;\n    object-fit: contain;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n  }\n\n  #modal-content .modal-headline {\n    color: #ffffff;\n  }\n\n  @media (min-width: 1080px) {\n    .modal-text-content {\n      padding: 40px;\n      color: #ffffff;\n    }\n\n    .modal-headline {\n      font-size: 48px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 20px;\n      font-weight: 400;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .modal-content {\n      width: 95%;\n      margin: 20px auto;\n      padding: 15px;\n    }\n\n    .modal-header {\n      top: 15px;\n      right: 15px;\n    }\n\n    .modal-text-content {\n      padding: 16px 0;\n      color: #ffffff;\n    }\n\n    .modal-content .modal-image {\n      cursor: pointer;\n    }\n\n    .modal-headline {\n      font-size: 24px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 1.5 !important;\n      margin: 0;\n    }\n\n    .close {\n      width: 40px;\n      height: 40px;\n      font-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\n\u003c!-- Intro Section --\u003e\n\u003csection class=\"section-intro\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\n\u003cp class=\"section-preheadline\"\u003eSérie iPhone 17 Pro\u003c\/p\u003e\n\n\u003ch1 class=\"section-headline\"\u003eÉdition Cadence\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eUn hommage à la transmission parfaite : tension mécanique, cadence maximale et l'état d'esprit gagnant. Trouvez votre rythme dans un vert à haute vélocité.\u003c\/p\u003e\n\n\u003cbutton class=\"cta-button\"\u003eS'abonner\u003c\/button\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\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=\"Coque Spigen Cadence C11 verte pour iPhone 17 Pro Series avec motif d'engrenage de vélo soulevant de la terre sur un sentier\"\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=\"Coque Spigen Cadence C11 verte pour iPhone 17 Pro Series avec motif d'engrenage de vélo soulevant de la terre sur un sentier\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\n\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\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_cadence_01.jpg?v=1780942946\" alt=\"Gros plan macro de la coque Spigen Cadence C11 montrant un engrenage de vélo gaufré et des détails de chaîne\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n\u003cp class=\"feature-headline\"\u003eTechnologie Hexa-couche\u003c\/p\u003e\n\n\u003cp class=\"feature-description\"\u003eDécouvrez des graphismes à effet spatial 3D avec l'impression numérique Hexa-couche. Découvrez la nouvelle norme de design de haute qualité. Le détail unique imite la complexité du temps avec des couches d'impression en profondeur inégalées.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n\u003cp class=\"feature-headline\"\u003eProtection complète\u003c\/p\u003e\n\n\u003cp class=\"feature-description\"\u003eLa protection de l'appareil photo et la technologie de coussin d'air protègent votre iPhone 17 Pro au quotidien.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\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_cadence_02.jpg?v=1780942946\" alt=\"Gros plan de la coque verte Spigen Cadence C11 montrant la protection surélevée de l'appareil photo et le graphique de l'engrenage de vélo\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\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_cadence_03.jpg?v=1780942946\" alt=\"Gros plan du coin avec une image ombrée avec un objet rectangulaire bleu réfléchissant affichant la technologie de coussin d'air\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\n\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\u003cdiv class=\"slide-container\"\u003e\n\n\u003cdiv class=\"slide-header\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eTechnologie Hexa-couche.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eDécouvrez des graphismes à effet spatial 3D avec l'impression numérique Hexa-couche. Découvrez la nouvelle norme de design de haute qualité. Le détail unique imite la complexité du temps avec des couches d'impression en profondeur inégalées.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_01.jpg?v=1780942946\" alt=\"Gros plan macro de la coque Spigen Cadence C11 montrant un engrenage de vélo gaufré et des détails de chaîne\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\u003cdiv class=\"slide-container\"\u003e\n\n\u003cdiv class=\"slide-header\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eProtégez l'essentiel.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eLes bords surélevés évitent les rayures sur l'écran et l'appareil photo sous tous les angles.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_02.jpg?v=1780942946\" alt=\"Gros plan de la coque verte Spigen Cadence C11 montrant la protection surélevée de l'appareil photo et le graphique de l'engrenage de vélo\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\u003cdiv class=\"slide-container\"\u003e\n\n\u003cdiv class=\"slide-header\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eUne protection de confiance.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eLa technologie Air Cushion™ absorbe et atténue tous les impacts dans chaque coin.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_03.jpg?v=1780942946\" alt=\"Gros plan du coin avec une image ombrée avec un objet rectangulaire bleu réfléchissant affichant la technologie de coussin d'air\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n      var swiper = new Swiper(\".highlightSwiper\", {\n        slidesPerView: 1,\n        spaceBetween: 32,\n        pagination: {\n          el: \".highlightSwiper-pagination\",\n          clickable: 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\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eIndispensables du quotidien\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eLes indispensables du quotidien sont couverts.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\n\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\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_cadence_04.jpg?v=1780942946\" alt=\"Main utilisant l'application appareil photo sur l'iPhone 17 Series dans la coque Spigen C11 Cadence montrant un accès illimité aux boutons et une réponse tactile\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n\u003cp class=\"essential-headline\"\u003eAccès facile\u003c\/p\u003e\n\n\u003cp class=\"essential-description\"\u003eDes découpes précises pour un accès facile et complet à tous les boutons de l'iPhone.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n\u003cp class=\"essential-headline\"\u003eChargez simplement.\u003c\/p\u003e\n\n\u003cp class=\"essential-description\"\u003eNous savons qu'il est difficile d'enlever la coque. Alors, chargez simplement avec la coque via un chargeur sans fil ou un chargeur MagSafe.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\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_cadence_05.jpg?v=1780942946\" alt=\"Coque verte Spigen Cadence C11 pour iPhone en charge sans fil sur MagSafe avec vue de l'écran avant\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eC'est maintenant ou jamais.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\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_39ff307e-6848-4cad-9680-79a27c71e571.jpg?v=1780942947\" alt=\"Coque verte Spigen Cadence C11 pour iPhone entourée d'équipements et d'accessoires de cyclisme disposés à plat\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Modal for Subscription --\u003e\n\u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\n\n\u003cdiv class=\"modal-content\"\u003e\n\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\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\n\u003cdiv class=\"modal-body\"\u003e\n\n\u003cdiv class=\"modal-image-container\"\u003e\n\n\u003cdiv class=\"modal-text-content text-light\"\u003e\n\n\u003ch1 class=\"modal-headline\"\u003eRestez informé des nouveautés.\u003c\/h1\u003e\n\n\u003cp class=\"modal-subheadline\"\u003eAbonnez-vous et soyez le premier à découvrir les nouveaux designs \u003cbr\u003ec11 chaque mois.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n        \/\/ Modal functionality\n        document.addEventListener(\"DOMContentLoaded\", function () {\n          console.log(\"Modal script loaded\");\n\n          \/\/ Get modal elements\n          const modalSubscription = document.getElementById(\"modal-subscription\");\n          const modalContent = document.getElementById(\"modal-content\");\n\n          \/\/ Get button elements\n          const ctaButton = document.querySelector(\".cta-button\");\n          const inspirationButton = document.querySelector(\n            \".edition-inspiration-button\"\n          );\n\n          console.log(\"CTA Button found:\", ctaButton);\n          console.log(\"Inspiration Button found:\", inspirationButton);\n          console.log(\"Modal Subscription found:\", modalSubscription);\n          console.log(\"Modal Content found:\", modalContent);\n\n          \/\/ Function to open modal\n          function openModal(modal) {\n            if (modal) {\n              modal.style.display = \"block\";\n              document.body.style.overflow = \"hidden\";\n              console.log(\"Modal opened:\", modal.id);\n            }\n          }\n\n          \/\/ Function to close modal\n          function closeModal(modal) {\n            if (modal) {\n              modal.style.display = \"none\";\n              document.body.style.overflow = \"auto\";\n              console.log(\"Modal closed:\", modal.id);\n            }\n          }\n\n          \/\/ CTA Button → Subscription Modal\n          if (ctaButton \u0026\u0026 modalSubscription) {\n            ctaButton.addEventListener(\"click\", function (e) {\n              e.preventDefault();\n              e.stopPropagation();\n              console.log(\"CTA button clicked\");\n              openModal(modalSubscription);\n            });\n          } else {\n            console.error(\"CTA button or subscription modal not found\");\n          }\n\n          \/\/ Inspiration Button → Content Modal\n          if (inspirationButton \u0026\u0026 modalContent) {\n            inspirationButton.addEventListener(\"click\", function (e) {\n              e.preventDefault();\n              e.stopPropagation();\n              console.log(\"Inspiration button clicked\");\n              openModal(modalContent);\n            });\n          } else {\n            console.error(\"Inspiration button or content modal not found\");\n          }\n\n          \/\/ Close buttons\n          const closeBtns = document.querySelectorAll(\".close\");\n          closeBtns.forEach(function (closeBtn) {\n            closeBtn.addEventListener(\"click\", function (e) {\n              e.preventDefault();\n              e.stopPropagation();\n              const modalId = this.getAttribute(\"data-modal\");\n              const modal = document.getElementById(modalId);\n              console.log(\"Close button clicked for modal:\", modalId);\n              closeModal(modal);\n            });\n          });\n\n          \/\/ Close modal when clicking outside of modal content\n          window.addEventListener(\"click\", function (event) {\n            if (event.target.classList.contains(\"modal\")) {\n              console.log(\"Modal background clicked\");\n              closeModal(event.target);\n            }\n          });\n\n          \/\/ ESC key to close modals\n          document.addEventListener(\"keydown\", function (e) {\n            if (e.key === \"Escape\") {\n              if (\n                modalSubscription \u0026\u0026\n                modalSubscription.style.display === \"block\"\n              ) {\n                closeModal(modalSubscription);\n              }\n              if (modalContent \u0026\u0026 modalContent.style.display === \"block\") {\n                closeModal(modalContent);\n              }\n            }\n          });\n\n          \/\/ Modal image click to close modal (only for mobile screens)\n          const modalImage = document.querySelector(\"#modal-content .modal-image\");\n          if (modalImage \u0026\u0026 modalContent) {\n            modalImage.addEventListener(\"click\", function (e) {\n              \/\/ Check if screen width is 1079.98px or less\n              if (window.matchMedia(\"(max-width: 1079.98px)\").matches) {\n                e.preventDefault();\n                e.stopPropagation();\n                console.log(\"Modal image clicked on mobile - closing modal\");\n                closeModal(modalContent);\n              }\n            });\n          }\n        });\n      \u003c\/script\u003e \u003cscript\u003e\n        \/\/ Omnisend 폼 성공 이벤트 리스너\n        document.addEventListener(\"DOMContentLoaded\", function () {\n          const modalTitle = document.querySelector(\".modal-title\");\n          const modalText = document.querySelector(\".modal-text\");\n          const modalContent = document.querySelector(\".modal-content-wrapper\");\n          let hasChanged = false; \/\/ 변경 여부를 추적하는 플래그\n\n          \/\/ Omnisend 폼의 성공 섹션 감지\n          const checkSuccess = function () {\n            const successSection = document.querySelector(\n              \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\"\n            );\n            if (\n              successSection \u0026\u0026\n              window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026\n              !hasChanged\n            ) {\n              \/\/ 모달 내용 변경 (한 번만 실행)\n              modalTitle.textContent = \"Nice to have you!\";\n              modalText.innerHTML =\n                \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\";\n\n              \/\/ Omnisend 폼 숨기기\n              const omnisendForm = document.getElementById(\n                \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\n              );\n              if (omnisendForm) {\n                omnisendForm.style.display = \"none\";\n              }\n\n              hasChanged = true; \/\/ 변경되었음을 표시\n              clearInterval(checkInterval); \/\/ 인터벌 중지\n            }\n          };\n\n          \/\/ 주기적으로 성공 섹션 확인\n          const checkInterval = setInterval(checkSuccess, 500);\n\n          \/\/ 폼 제출 버튼 클릭 이벤트 감지\n          const submitButton = document.querySelector(\n            \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\"\n          );\n          if (submitButton) {\n            submitButton.addEventListener(\"click\", function () {\n              if (!hasChanged) {\n                \/\/ 아직 변경되지 않은 경우에만 실행\n                setTimeout(checkSuccess, 1000);\n                            }\n                        });\n                    }\n                });\n            \u003c\/script\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n    \u003c!-- Wallpaper Section --\u003e\n    \u003csection class=\"section-wallpapers\"\u003e\n        \u003cdiv class=\"section-container\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n                    \u003cp class=\"section-preheadline\" style=\"color: #549CF3 !important;\"\u003eFONDS D'ÉCRAN GRATUITS\u003c\/p\u003e\n\n                    \u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003eRafraîchi à l'intérieur et à l'extérieur. \n                    \u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003eComplétez la configuration. \u003cbr\u003eDes fonds d'écran assortis gratuits sont disponibles dès maintenant.\u003c\/p\u003e\n\n                    \u003cbutton class=\"cta-button btn-outline\" onclick=\"window.open('https:\/\/www.spigen.com\/pages\/wallpapers', '_blank')\"\u003e\n                        Télécharger maintenant\n                    \u003c\/button\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"section-body\"\u003e\n\n                    \u003cdiv class=\"section-wallpapers-container\"\u003e\n\n                        \u003cimg class=\"section-wallpapers-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_06_5b006e72-075f-4fc3-838b-3a669347b8a3.png?v=1782229663\" alt=\"Coque verte Spigen Cadence C11 pour iPhone montrée avec deux fonds d'écran de verrouillage sur le thème du cyclisme\"\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\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\n            \u003ch2\u003e\u003cspan style=\"color: #ffffff;\"\u003ePlus qu'une simple protection.\u003c\/span\u003e\u003c\/h2\u003e\n\n            \u003cp\u003e\u003cspan style=\"color: #ffffff;\"\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/span\u003e\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sq--section-outro-body\"\u003e\n\n            \u003cdiv class=\"sq--section-row\"\u003e\n\n                \u003cdiv class=\"sq--section-column\"\u003e\n\n                    \u003cdiv class=\"sq--rewards\"\u003e\n\n                        \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                            \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e\n\n                            \u003cp\u003eProtection avec avantages pour \u003cbr\u003enos membres Récompense.\u003c\/p\u003e\n\n                            \u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\n                                \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                                        \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eRecevez-le plus vite\u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                                        Nous offrons une livraison rapide à prix réduit à nos membres Elite et\n                                        Executive.\n                                    \u003c\/div\u003e\n\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                                        \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n\n                                        Bon de réduction saisonnier\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                                        Chaque saison, nous offrons à nos membres Elite et Executive des\n                                        bons de réduction avec de nouveaux équipements.\n                                    \u003c\/div\u003e\n\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                                        \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n\n                                        Équipe de soins exécutifs\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                                        Nous avons créé une équipe dédiée qui gère personnellement\n                                        tout, du service de garantie à toutes les questions.\n                                    \u003c\/div\u003e\n\n                                \u003c\/div\u003e\n\n                            \u003c\/div\u003e\n\n                            \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e\n                                Rejoignez-nous\n                            \u003c\/button\u003e\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\n\n                    \u003cdiv class=\"swiper-wrapper\"\u003e\n\n                        \u003cdiv class=\"swiper-slide\"\u003e\n\n                            \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et de l'entreprise\" tabindex=\"0\"\u003e\n                                \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                                    \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e\n\n                                    \u003cspan class=\"sr-only\"\u003e\n                                        Découvrez l'histoire de la marque Spigen et de l'entreprise.\n                                    \u003c\/span\u003e\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--outro-background-media\"\u003e\n\n                                    \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\n                                \u003c\/div\u003e\n\n                            \u003c\/a\u003e\n                        \u003c\/div\u003e\n\n\n                        \u003cdiv class=\"swiper-slide\"\u003e\n\n                            \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Durabilité - Découvrez les efforts de Spigen en matière de durabilité et les initiatives de ClimatePartner\" tabindex=\"0\"\u003e\n                                \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                                    \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e\n                                    \u003ch3 class=\"text-h3 sr-only\"\u003eDurabilité\u003c\/h3\u003e\n\n                                    \u003cspan class=\"sr-only\"\u003e\n                                        Découvrez les efforts de Spigen en matière de durabilité et les\n                                        initiatives de ClimatePartner\n                                    \u003c\/span\u003e\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--outro-background-media\"\u003e\n\n                                    \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\n                                \u003c\/div\u003e\n\n                            \u003c\/a\u003e\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/sq-listing-outro\u003e\n\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Cadence \/ En stock","offer_id":53890607186031,"sku":"ACS11650","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Cadence \/ En stock","offer_id":53890607218799,"sku":"ACS11651","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone17series_c11_cadence_01.jpg?v=1785117302"},{"product_id":"iphone-17-series-c11-series-cobalt-spring-edition-mag-fit","title":"Série iPhone 17 - Série c11 Édition Cobalt Spring (Mag Fit)","description":"\u003cstyle\u003e\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  *,\n  ::after,\n  ::before {\n    box-sizing: border-box;\n  }\n\n  .product-description section {\n    position: relative;\n    width: 100%;\n  }\n\n  .product-description section:first-of-type {\n    border-top-left-radius: 32px;\n    border-top-right-radius: 32px;\n  }\n\n  .product-description section:last-of-type {\n    border-bottom-left-radius: 32px;\n    border-bottom-right-radius: 32px;\n  }\n\n  .product-description .section-container-fluid {\n    width: 100%;\n    max-width: 100%;\n    margin: 0 auto;\n  }\n\n  .product-description .section-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-container {\n      padding: 0 4rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 200px;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-container {\n      padding: 0 2rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 80px;\n    }\n  }\n\n  .product-description img {\n    width: 100%;\n    height: auto;\n  }\n\n  \/* ------------------------------------------------------------\n  Text Alignment\n  ------------------------------------------------------------ *\/\n  .product-description .text-center {\n    text-align: center;\n  }\n\n  .product-description .text-left {\n    text-align: left;\n  }\n\n  .product-description .text-right {\n    text-align: right;\n  }\n\n  \/* ------------------------------------------------------------\n  Text Colors\n  ------------------------------------------------------------ *\/\n  .product-description .text-dark * {\n    color: #000;\n  }\n\n  .product-description .text-light * {\n    color: #fff;\n  }\n\n  .product-description .text-info {\n    color: #8d8d8f;\n  }\n\n  \/* ------------------------------------------------------------\n  Visibility\n  ------------------------------------------------------------ *\/\n  @media (min-width: 1080px) {\n    .product-description .sq-mobile-view {\n      display: none;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .sq-desktop-view {\n      display: none;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n  Headlines\n  ------------------------------------------------------------ *\/\n  .product-description .section-header {\n    max-width: 500px;\n    margin: 0 auto;\n  }\n\n  .product-description .section-preheadline {\n    font-weight: 400;\n    line-height: 1.2;\n  }\n\n  .product-description .section-headline {\n    font-weight: 800;\n    line-height: 1.2;\n  }\n\n  .product-description .section-subheadline {\n    font-weight: 400;\n    line-height: 1.5;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 20px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 48px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 18px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 18px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 36px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 16px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  .product-description .cta-button {\n    display: inline-block;\n    padding: 16px 32px;\n    border-radius: 100px;\n    background-color: #ffffff;\n    border: 1px solid #ffffff;\n    color: #000000;\n    font-size: 20px;\n    font-weight: 400;\n    text-decoration: none;\n    line-height: 1.5;\n    margin: 0;\n    transition: all 0.3s ease;\n    cursor: pointer;\n  }\n\n  .product-description .cta-button:hover {\n    background-color: #dedede;\n    border-color: #dedede;\n    color: #000000;\n  }\n\n  .product-description .section-header p+.cta-button {\n    margin-top: 32px;\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Intro\n  ------------------------------------------------------------ *\/\n  .section-intro {\n    background-color: #1c1c1c;\n  }\n\n  @media (min-width: 1080px) {\n    .section-intro .section-intro-banner {\n      width: 100%;\n      height: 1200px;\n      object-fit: cover;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Highlights\n  ------------------------------------------------------------ *\/\n  .section-highlights {\n    background-color: #1c1c1c;\n  }\n\n  .section-highlights .section-header {\n    max-width: 480px;\n  }\n\n  .section-highlights-feature-container {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    padding: 16px;\n    margin: 0 auto;\n  }\n\n  .section-highlights-feature-item {\n    flex: 0 0 auto;\n    padding: 16px;\n  }\n\n  @media (min-width: 1080px) {\n    .section-highlights-feature-item:nth-child(1) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(2) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(3) {\n      width: 40%;\n    }\n\n    .section-highlights-feature-item:nth-child(4) {\n      width: 30%;\n    }\n\n    .section-highlights-feature-item:nth-child(5) {\n      width: 30%;\n    }\n  }\n\n  .section-highlights-feature-item [class^=\"section-highlights-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #000000;\n    height: 100%;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .section-highlights-feature-item .section-highlights-list-text-item {\n    padding: 40px;\n    color: #ffffff;\n  }\n\n  .section-highlights-feature-item .feature-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-highlights-feature-item .feature-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  .section-highlights-feature-item img {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Highlights\n  ------------------------------------------------------------ *\/\n  .highlightSwiper {\n    width: 100%;\n    padding-top: 32px;\n  }\n\n  .highlightSwiper .swiper-wrapper {\n    width: 100%;\n    height: auto;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-header {\n    width: 100%;\n    padding: 40px 16px;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-image {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    min-height: 300px;\n    object-fit: cover;\n    object-position: center;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .highlightSwiper-pagination {\n    display: block;\n    width: 100%;\n    padding: 16px;\n    text-align: center;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet {\n    width: 16px;\n    height: 16px;\n    border-radius: 100px;\n    background-color: #dddddd;\n    margin: 0 8px;\n    transition: all 1s ease;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet-active {\n    background-color: #ffffff !important;\n    width: 48px;\n    height: 16px;\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Daily Essentials\n  ------------------------------------------------------------ *\/\n  .section-daily-essentials {\n    background-color: #1c1c1c;\n  }\n\n  .section-daily-essentials img {\n    aspect-ratio: 468\/605;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  @media (min-width: 1080px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(2, 3fr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 2 \/ 3;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 2 \/ 3;\n      grid-row: 2 \/ 4;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(1, 4fr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 2 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 1 \/ 2;\n      grid-row: 4 \/ 5;\n    }\n  }\n\n  .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #ffffff;\n    height: 100%;\n    border-radius: 16px;\n    overflow: hidden;\n  }\n\n  .section-daily-essentials-item .section-daily-essentials-list-text-item {\n    padding: 40px;\n    color: #000000;\n  }\n\n  .section-daily-essentials-item .essential-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-daily-essentials-item .essential-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Series Inspiration\n  ------------------------------------------------------------ *\/\n  .section-series-inspiration {\n    background-color: #1c1c1c;\n  }\n\n  .section-series-inspiration-container {\n    position: relative;\n  }\n\n  .section-series-inspiration-button,\n  .edition-inspiration-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    margin: 32px;\n    width: 40px;\n    height: 40px;\n    color: #ffffff;\n    background-color: transparent;\n    border: none;\n    border-radius: 100px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    z-index: 1;\n  }\n\n  @media (min-width: 1080px) {\n    .section-series-inspiration .section-body {\n      position: relative;\n      max-width: 1200px;\n      padding: 0 4rem;\n      margin: 0 auto;\n    }\n\n    .section-series-inspiration-container {\n      border-radius: 32px;\n      overflow: hidden;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-series-inspiration.section-body {\n      position: relative;\n      padding: 0;\n      border-radius: 0;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Wallpapers\n  ------------------------------------------------------------ *\/\n  .section-wallpapers {\n    background-color: #1c1c1c;\n  }\n\n  .section-wallpapers button.btn-outline {\n    border-color: #ffffff !important;\n    color: #ffffff !important;\n    background-color: transparent !important;\n  }\n\n  .section-wallpapers img.section-wallpapers-image {\n    border-radius: 32px;\n    overflow: hidden;\n    padding: 4rem;\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-wallpapers img.section-wallpapers-image {\n      border-radius: 16px;\n      padding: 2rem;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n  Modal Styles\n  ------------------------------------------------------------ *\/\n  .edition-inspiration-button {\n    background: linear-gradient(135deg,\n        rgba(255, 255, 255, 0.1),\n        rgba(255, 255, 255, 0.05));\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 4px;\n    border-radius: 100px;\n    transition: all 0.3s ease;\n  }\n\n  .edition-inspiration-button:hover {\n    background: rgba(255, 255, 255, 0.25);\n  }\n\n  #modal-subscription {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.6);\n  }\n\n  #modal-subscription .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background-color: #1c1c1c;\n    padding: 48px;\n    width: 90%;\n    max-width: 740px;\n    min-height: 600px;\n    border-radius: 32px;\n    display: flex;\n    align-items: center;\n  }\n\n  #modal-subscription .modal-header {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    z-index: 1001;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 50px;\n    height: 50px;\n    background-color: #ffffff;\n    border-radius: 100px;\n    cursor: pointer;\n  }\n\n  #modal-subscription .modal-header .close {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: all 0.3s ease;\n  }\n\n  #modal-subscription .modal-header .close svg {\n    width: 24px;\n    height: 24px;\n    color: #1c1c1c;\n  }\n\n  #modal-subscription .modal-header:hover {\n    background-color: #000000;\n  }\n\n  #modal-subscription .modal-header:hover svg {\n    color: #ffffff;\n  }\n\n  #modal-subscription .modal-text-content {\n    width: 100%;\n    text-align: center;\n    margin-bottom: 32px;\n  }\n\n  #modal-subscription input[type=\"email\"] {\n    text-align: center;\n  }\n\n  #modal-subscription button[type=\"submit\"] {\n    border-radius: 100px;\n  }\n\n  #modal-content {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  #modal-content .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: linear-gradient(135deg,\n        rgba(255, 255, 255, 0.1),\n        rgba(255, 255, 255, 0.05));\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 48px;\n    width: 90%;\n    max-width: 800px;\n    border-radius: 32px;\n  }\n\n  .modal-body {\n    padding: 0;\n  }\n\n  .modal-image-container {\n    width: 100%;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .modal-image {\n    width: 100%;\n    height: auto;\n    border-radius: 16px;\n    object-fit: contain;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n  }\n\n  #modal-content .modal-headline {\n    color: #ffffff;\n  }\n\n  @media (min-width: 1080px) {\n    .modal-text-content {\n      padding: 40px;\n      color: #ffffff;\n    }\n\n    .modal-headline {\n      font-size: 48px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 20px;\n      font-weight: 400;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .modal-content {\n      width: 95%;\n      margin: 20px auto;\n      padding: 15px;\n    }\n\n    .modal-header {\n      top: 15px;\n      right: 15px;\n    }\n\n    .modal-text-content {\n      padding: 16px 0;\n      color: #ffffff;\n    }\n\n    .modal-content .modal-image {\n      cursor: pointer;\n    }\n\n    .modal-headline {\n      font-size: 24px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 1.5 !important;\n      margin: 0;\n    }\n\n    .close {\n      width: 40px;\n      height: 40px;\n      font-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\n\u003c!-- Intro Section --\u003e\n\u003csection class=\"section-intro\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\n\u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\n\u003ch1 class=\"section-headline\"\u003eÉdition Cobalt Printemps\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eDes végétaux apaisants inspirés par les fleurs de Jacaranda de la côte ouest. Habillez-vous de cobalt et rafraîchissez-vous pour le printemps.\u003c\/p\u003e\n\n\u003cbutton class=\"cta-button\"\u003eS'abonner\u003c\/button\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\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=\"Coque Spigen C11 Cobalt Printemps sur iPhone 17 series dans un panier de vélo à côté de fleurs bleues et d'un appareil photo vintage\"\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=\"Coque Spigen C11 Cobalt Printemps sur iPhone 17 series dans un panier de vélo à côté de fleurs bleues et d'un appareil photo vintage\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\n\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\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_cobalt_spring_01.jpg?v=1777391458\" alt=\"Gros plan de la coque Spigen C11 Cobalt Printemps montrant un imprimé floral botanique bleu 3D détaillé avec des motifs de glycine et de feuilles\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n\u003cp class=\"feature-headline\"\u003eTechnologie Hexa-couche\u003c\/p\u003e\n\n\u003cp class=\"feature-description\"\u003eDécouvrez des graphiques à effet spatial 3D avec l'impression numérique Hexa-Layer. Découvrez le nouveau standard de design de haute qualité. Le détail unique imite la complexité du temps avec des couches d'impression en profondeur inégalées.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n\u003cp class=\"feature-headline\"\u003eProtection complète\u003c\/p\u003e\n\n\u003cp class=\"feature-description\"\u003eLe protège-caméra et la technologie de coussin d'air protègent votre iPhone 17 Pro au quotidien.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\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_cobalt_spring_02.jpg?v=1777391458\" alt=\"Gros plan de la zone du module caméra de la coque Spigen C11 Cobalt Printemps sur iPhone 17 series montrant un boîtier de caméra surélevé en bleu pervenche\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\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_cobalt_spring_03.jpg?v=1777391458\" alt=\"Gros plan du coin avec une image ombragée d'un objet rectangulaire bleu réfléchissant montrant la technologie de coussin d'air\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\n\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\u003cdiv class=\"slide-container\"\u003e\n\n\u003cdiv class=\"slide-header\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eTechnologie Hexa-couche.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eDécouvrez des graphiques à effet spatial 3D avec l'impression numérique Hexa-Layer. Découvrez le nouveau standard de design de haute qualité. Le détail unique imite la complexité du temps avec des couches d'impression en profondeur inégalées.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\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=\"Gros plan de la coque Spigen C11 Cobalt Printemps montrant un imprimé floral botanique bleu 3D détaillé avec des motifs de glycine et de feuilles\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\u003cdiv class=\"slide-container\"\u003e\n\n\u003cdiv class=\"slide-header\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eProtégez l'essentiel.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eLes bords surélevés empêchent les rayures sur l'écran et la caméra sous tous les angles.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\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=\"Gros plan de la zone du module caméra de la coque Spigen C11 Cobalt Printemps sur iPhone 17 series montrant un boîtier de caméra surélevé en bleu pervenche\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\u003cdiv class=\"slide-container\"\u003e\n\n\u003cdiv class=\"slide-header\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eUne protection de confiance.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eLa technologie Air Cushion™ absorbe et atténue tous les impacts à chaque coin.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\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=\"Gros plan du coin avec une image ombragée d'un objet rectangulaire bleu réfléchissant montrant la technologie de coussin d'air\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n      var swiper = new Swiper(\".highlightSwiper\", {\n        slidesPerView: 1,\n        spaceBetween: 32,\n        pagination: {\n          el: \".highlightSwiper-pagination\",\n          clickable: 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\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eIndispensables du quotidien\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eLes essentiels du quotidien couverts.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\n\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\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_cobalt_spring_04.jpg?v=1777391458\" alt=\"Main utilisant l'application appareil photo sur iPhone 17 series avec la coque Spigen C11 Cobalt Printemps montrant un accès aux boutons et une réponse tactile non obstrués\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n\u003cp class=\"essential-headline\"\u003eAccès facile\u003c\/p\u003e\n\n\u003cp class=\"essential-description\"\u003eDécoupes précises pour un accès facile et complet à tous les boutons de l'iPhone.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n\u003cp class=\"essential-headline\"\u003eChargez simplement.\u003c\/p\u003e\n\n\u003cp class=\"essential-description\"\u003eNous savons que retirer la coque est fastidieux. Alors, chargez simplement avec la coque via un chargeur sans fil ou MagSafe.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\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_cobalt_spring_05.jpg?v=1777391458\" alt=\"Coque Spigen C11 Cobalt Printemps sur iPhone 17 series en charge sans fil sur un pad MagSafe, avec vue arrière montrant l'imprimé floral\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eC'est maintenant ou jamais.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\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_cf61f12d-9f51-4696-b93f-5964b8783705.jpg?v=1777391458\" alt=\"Coque Spigen C11 Cobalt Printemps sur iPhone 17 series appuyée contre un panier de pique-nique en osier sur une nappe blanche entourée de fleurs sauvages\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Modal for Subscription --\u003e\n\u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\n\n\u003cdiv class=\"modal-content\"\u003e\n\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\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\n\u003cdiv class=\"modal-body\"\u003e\n\n\u003cdiv class=\"modal-image-container\"\u003e\n\n\u003cdiv class=\"modal-text-content text-light\"\u003e\n\n\u003ch1 class=\"modal-headline\"\u003eSoyez au courant des nouveautés.\u003c\/h1\u003e\n\n\u003cp class=\"modal-subheadline\"\u003eAbonnez-vous et soyez le premier à découvrir les nouveaux designs \u003cbr\u003ec11 chaque mois.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n        \/\/ Modal functionality\n        document.addEventListener(\"DOMContentLoaded\", function () {\n          console.log(\"Modal script loaded\");\n\n          \/\/ Get modal elements\n          const modalSubscription = document.getElementById(\"modal-subscription\");\n          const modalContent = document.getElementById(\"modal-content\");\n\n          \/\/ Get button elements\n          const ctaButton = document.querySelector(\".cta-button\");\n          const inspirationButton = document.querySelector(\n            \".edition-inspiration-button\"\n          );\n\n          console.log(\"CTA Button found:\", ctaButton);\n          console.log(\"Inspiration Button found:\", inspirationButton);\n          console.log(\"Modal Subscription found:\", modalSubscription);\n          console.log(\"Modal Content found:\", modalContent);\n\n          \/\/ Function to open modal\n          function openModal(modal) {\n            if (modal) {\n              modal.style.display = \"block\";\n              document.body.style.overflow = \"hidden\";\n              console.log(\"Modal opened:\", modal.id);\n            }\n          }\n\n          \/\/ Function to close modal\n          function closeModal(modal) {\n            if (modal) {\n              modal.style.display = \"none\";\n              document.body.style.overflow = \"auto\";\n              console.log(\"Modal closed:\", modal.id);\n            }\n          }\n\n          \/\/ CTA Button → Subscription Modal\n          if (ctaButton \u0026\u0026 modalSubscription) {\n            ctaButton.addEventListener(\"click\", function (e) {\n              e.preventDefault();\n              e.stopPropagation();\n              console.log(\"CTA button clicked\");\n              openModal(modalSubscription);\n            });\n          } else {\n            console.error(\"CTA button or subscription modal not found\");\n          }\n\n          \/\/ Inspiration Button → Content Modal\n          if (inspirationButton \u0026\u0026 modalContent) {\n            inspirationButton.addEventListener(\"click\", function (e) {\n              e.preventDefault();\n              e.stopPropagation();\n              console.log(\"Inspiration button clicked\");\n              openModal(modalContent);\n            });\n          } else {\n            console.error(\"Inspiration button or content modal not found\");\n          }\n\n          \/\/ Close buttons\n          const closeBtns = document.querySelectorAll(\".close\");\n          closeBtns.forEach(function (closeBtn) {\n            closeBtn.addEventListener(\"click\", function (e) {\n              e.preventDefault();\n              e.stopPropagation();\n              const modalId = this.getAttribute(\"data-modal\");\n              const modal = document.getElementById(modalId);\n              console.log(\"Close button clicked for modal:\", modalId);\n              closeModal(modal);\n            });\n          });\n\n          \/\/ Close modal when clicking outside of modal content\n          window.addEventListener(\"click\", function (event) {\n            if (event.target.classList.contains(\"modal\")) {\n              console.log(\"Modal background clicked\");\n              closeModal(event.target);\n            }\n          });\n\n          \/\/ ESC key to close modals\n          document.addEventListener(\"keydown\", function (e) {\n            if (e.key === \"Escape\") {\n              if (\n                modalSubscription \u0026\u0026\n                modalSubscription.style.display === \"block\"\n              ) {\n                closeModal(modalSubscription);\n              }\n              if (modalContent \u0026\u0026 modalContent.style.display === \"block\") {\n                closeModal(modalContent);\n              }\n            }\n          });\n\n          \/\/ Modal image click to close modal (only for mobile screens)\n          const modalImage = document.querySelector(\"#modal-content .modal-image\");\n          if (modalImage \u0026\u0026 modalContent) {\n            modalImage.addEventListener(\"click\", function (e) {\n              \/\/ Check if screen width is 1079.98px or less\n              if (window.matchMedia(\"(max-width: 1079.98px)\").matches) {\n                e.preventDefault();\n                e.stopPropagation();\n                console.log(\"Modal image clicked on mobile - closing modal\");\n                closeModal(modalContent);\n              }\n            });\n          }\n        });\n      \u003c\/script\u003e \u003cscript\u003e\n        \/\/ Omnisend 폼 성공 이벤트 리스너\n        document.addEventListener(\"DOMContentLoaded\", function () {\n          const modalTitle = document.querySelector(\".modal-title\");\n          const modalText = document.querySelector(\".modal-text\");\n          const modalContent = document.querySelector(\".modal-content-wrapper\");\n          let hasChanged = false; \/\/ 변경 여부를 추적하는 플래그\n\n          \/\/ Omnisend 폼의 성공 섹션 감지\n          const checkSuccess = function () {\n            const successSection = document.querySelector(\n              \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\"\n            );\n            if (\n              successSection \u0026\u0026\n              window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026\n              !hasChanged\n            ) {\n              \/\/ 모달 내용 변경 (한 번만 실행)\n              modalTitle.textContent = \"Nice to have you!\";\n              modalText.innerHTML =\n                \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\";\n\n              \/\/ Omnisend 폼 숨기기\n              const omnisendForm = document.getElementById(\n                \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\n              );\n              if (omnisendForm) {\n                omnisendForm.style.display = \"none\";\n              }\n\n              hasChanged = true; \/\/ 변경되었음을 표시\n              clearInterval(checkInterval); \/\/ 인터벌 중지\n            }\n          };\n\n          \/\/ 주기적으로 성공 섹션 확인\n          const checkInterval = setInterval(checkSuccess, 500);\n\n          \/\/ 폼 제출 버튼 클릭 이벤트 감지\n          const submitButton = document.querySelector(\n            \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\"\n          );\n          if (submitButton) {\n            submitButton.addEventListener(\"click\", function () {\n              if (!hasChanged) {\n                \/\/ 아직 변경되지 않은 경우에만 실행\n                setTimeout(checkSuccess, 1000);\n                            }\n                        });\n                    }\n                });\n            \u003c\/script\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n    \u003c!-- Wallpaper Section --\u003e\n    \u003csection class=\"section-wallpapers\"\u003e\n        \u003cdiv class=\"section-container\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n                    \u003cp class=\"section-preheadline\" style=\"color: #549CF3 !important;\"\u003eFONDS D'ÉCRAN GRATUITS\u003c\/p\u003e\n\n                    \u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003eRafraîchi à l'intérieur comme à l'extérieur. \n                    \u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003eComplétez l'installation. \u003cbr\u003eFonds d'écran assortis gratuits disponibles dès maintenant.\u003c\/p\u003e\n\n                    \u003cbutton class=\"cta-button btn-outline\" onclick=\"window.open('https:\/\/www.spigen.com\/pages\/wallpapers', '_blank')\"\u003e\n                        Télécharger maintenant\n                    \u003c\/button\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"section-body\"\u003e\n\n                    \u003cdiv class=\"section-wallpapers-container\"\u003e\n\n                        \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=\"Affichage en trois vues de la coque Spigen C11 Cobalt Printemps sur iPhone 17 series montrant l'imprimé floral arrière et deux fonds d'écran de verrouillage floraux bleus complémentaires\"\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\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\n            \u003ch2\u003e\u003cspan style=\"color: #ffffff;\"\u003ePlus qu'une simple protection.\u003c\/span\u003e\u003c\/h2\u003e\n\n            \u003cp\u003e\u003cspan style=\"color: #ffffff;\"\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/span\u003e\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sq--section-outro-body\"\u003e\n\n            \u003cdiv class=\"sq--section-row\"\u003e\n\n                \u003cdiv class=\"sq--section-column\"\u003e\n\n                    \u003cdiv class=\"sq--rewards\"\u003e\n\n                        \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                            \u003ch3 class=\"text-h3\"\u003eNos Récompenses\u003c\/h3\u003e\n\n                            \u003cp\u003eProtection avec avantages pour \u003cbr\u003enos membres Récompense.\u003c\/p\u003e\n\n                            \u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\n                                \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                                        \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eRecevez-le plus rapidement\u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                                        Nous offrons une expédition accélérée à prix réduit pour nos membres Elite et\n                                        Executive.\n                                    \u003c\/div\u003e\n\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                                        \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n\n                                        Coupon saisonnier\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                                        Chaque saison, nous offrons à nos membres Elite et Executive des\n                                        coupons de récompense avec de nouveaux équipements.\n                                    \u003c\/div\u003e\n\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                                        \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n\n                                        Équipe de soin exécutif\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                                        Nous avons créé une équipe dédiée qui gère personnellement\n                                        tout, du service de garantie à toutes les questions.\n                                    \u003c\/div\u003e\n\n                                \u003c\/div\u003e\n\n                            \u003c\/div\u003e\n\n                            \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e\n                                Rejoignez-nous\n                            \u003c\/button\u003e\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\n\n                    \u003cdiv class=\"swiper-wrapper\"\u003e\n\n                        \u003cdiv class=\"swiper-slide\"\u003e\n\n                            \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre Histoire - Découvrez l'histoire de la marque Spigen et de l'entreprise\" tabindex=\"0\"\u003e\n                                \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                                    \u003ch3 class=\"text-h3\"\u003eNotre Histoire\u003c\/h3\u003e\n\n                                    \u003cspan class=\"sr-only\"\u003e\n                                        Découvrez l'histoire de la marque Spigen et de l'entreprise.\n                                    \u003c\/span\u003e\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--outro-background-media\"\u003e\n\n                                    \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\n                                \u003c\/div\u003e\n\n                            \u003c\/a\u003e\n                        \u003c\/div\u003e\n\n\n                        \u003cdiv class=\"swiper-slide\"\u003e\n\n                            \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Durabilité - Découvrez les efforts de Spigen en matière de durabilité et les initiatives ClimatePartner\" tabindex=\"0\"\u003e\n                                \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                                    \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e\n                                    \u003ch3 class=\"text-h3 sr-only\"\u003eDurabilité\u003c\/h3\u003e\n\n                                    \u003cspan class=\"sr-only\"\u003e\n                                        Découvrez les efforts de Spigen en matière de durabilité et les\n                                        initiatives ClimatePartner\n                                    \u003c\/span\u003e\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--outro-background-media\"\u003e\n\n                                    \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\n                                \u003c\/div\u003e\n\n                            \u003c\/a\u003e\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/sq-listing-outro\u003e\n\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Cobalt Spring \/ En stock","offer_id":53890607251567,"sku":"ACS11472","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Cobalt Spring \/ En stock","offer_id":53890607284335,"sku":"ACS11473","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone17series_c11_cobalt_spring_01.jpg?v=1785117304"},{"product_id":"iphone-17-series-c11-series-blast-edition-mag-fit","title":"Série iPhone 17 - c11 Série Blast Edition (Mag Fit)","description":"\u003cstyle\u003e\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  *,\n  ::after,\n  ::before {\n    box-sizing: border-box;\n  }\n\n  .product-description section {\n    position: relative;\n    width: 100%;\n  }\n\n  .product-description section:first-of-type {\n    border-top-left-radius: 32px;\n    border-top-right-radius: 32px;\n  }\n\n  .product-description section:last-of-type {\n    border-bottom-left-radius: 32px;\n    border-bottom-right-radius: 32px;\n  }\n\n  .product-description .section-container-fluid {\n    width: 100%;\n    max-width: 100%;\n    margin: 0 auto;\n  }\n\n  .product-description .section-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-container {\n      padding: 0 4rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 200px;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-container {\n      padding: 0 2rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 80px;\n    }\n  }\n\n  .product-description img {\n    width: 100%;\n    height: auto;\n  }\n\n  \/* ------------------------------------------------------------\n  Text Alignment\n  ------------------------------------------------------------ *\/\n  .product-description .text-center {\n    text-align: center;\n  }\n\n  .product-description .text-left {\n    text-align: left;\n  }\n\n  .product-description .text-right {\n    text-align: right;\n  }\n\n  \/* ------------------------------------------------------------\n  Text Colors\n  ------------------------------------------------------------ *\/\n  .product-description .text-dark * {\n    color: #000;\n  }\n\n  .product-description .text-light * {\n    color: #fff;\n  }\n\n  .product-description .text-info {\n    color: #8d8d8f;\n  }\n\n  \/* ------------------------------------------------------------\n  Visibility\n  ------------------------------------------------------------ *\/\n  @media (min-width: 1080px) {\n    .product-description .sq-mobile-view {\n      display: none;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .sq-desktop-view {\n      display: none;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n  Headlines\n  ------------------------------------------------------------ *\/\n  .product-description .section-header {\n    max-width: 500px;\n    margin: 0 auto;\n  }\n\n  .product-description .section-preheadline {\n    font-weight: 400;\n    line-height: 1.2;\n  }\n\n  .product-description .section-headline {\n    font-weight: 800;\n    line-height: 1.2;\n  }\n\n  .product-description .section-subheadline {\n    font-weight: 400;\n    line-height: 1.5;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 20px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 48px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 18px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 18px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 36px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 16px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  .product-description .cta-button {\n    display: inline-block;\n    padding: 16px 32px;\n    border-radius: 100px;\n    background-color: #ffffff;\n    border: 1px solid #ffffff;\n    color: #000000;\n    font-size: 20px;\n    font-weight: 400;\n    text-decoration: none;\n    line-height: 1.5;\n    margin: 0;\n    transition: all 0.3s ease;\n    cursor: pointer;\n  }\n\n  .product-description .cta-button:hover {\n    background-color: #dedede;\n    border-color: #dedede;\n    color: #000000;\n  }\n\n  .product-description .section-header p+.cta-button {\n    margin-top: 32px;\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Intro\n  ------------------------------------------------------------ *\/\n  .section-intro {\n    background-color: #1c1c1c;\n  }\n\n  @media (min-width: 1080px) {\n    .section-intro .section-intro-banner {\n      width: 100%;\n      height: 1200px;\n      object-fit: cover;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Highlights\n  ------------------------------------------------------------ *\/\n  .section-highlights {\n    background-color: #1c1c1c;\n  }\n\n  .section-highlights .section-header {\n    max-width: 480px;\n  }\n\n  .section-highlights-feature-container {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    padding: 16px;\n    margin: 0 auto;\n  }\n\n  .section-highlights-feature-item {\n    flex: 0 0 auto;\n    padding: 16px;\n  }\n\n  @media (min-width: 1080px) {\n    .section-highlights-feature-item:nth-child(1) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(2) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(3) {\n      width: 40%;\n    }\n\n    .section-highlights-feature-item:nth-child(4) {\n      width: 30%;\n    }\n\n    .section-highlights-feature-item:nth-child(5) {\n      width: 30%;\n    }\n  }\n\n  .section-highlights-feature-item [class^=\"section-highlights-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #000000;\n    height: 100%;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .section-highlights-feature-item .section-highlights-list-text-item {\n    padding: 40px;\n    color: #ffffff;\n  }\n\n  .section-highlights-feature-item .feature-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-highlights-feature-item .feature-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  .section-highlights-feature-item img {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Highlights\n  ------------------------------------------------------------ *\/\n  .highlightSwiper {\n    width: 100%;\n    padding-top: 32px;\n  }\n\n  .highlightSwiper .swiper-wrapper {\n    width: 100%;\n    height: auto;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-header {\n    width: 100%;\n    padding: 40px 16px;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-image {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    min-height: 300px;\n    object-fit: cover;\n    object-position: center;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .highlightSwiper-pagination {\n    display: block;\n    width: 100%;\n    padding: 16px;\n    text-align: center;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet {\n    width: 16px;\n    height: 16px;\n    border-radius: 100px;\n    background-color: #dddddd;\n    margin: 0 8px;\n    transition: all 1s ease;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet-active {\n    background-color: #ffffff !important;\n    width: 48px;\n    height: 16px;\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Daily Essentials\n  ------------------------------------------------------------ *\/\n  .section-daily-essentials {\n    background-color: #1c1c1c;\n  }\n\n  .section-daily-essentials img {\n    aspect-ratio: 468\/605;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  @media (min-width: 1080px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(2, 3fr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 2 \/ 3;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 2 \/ 3;\n      grid-row: 2 \/ 4;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(1, 4fr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 2 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 1 \/ 2;\n      grid-row: 4 \/ 5;\n    }\n  }\n\n  .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #ffffff;\n    height: 100%;\n    border-radius: 16px;\n    overflow: hidden;\n  }\n\n  .section-daily-essentials-item .section-daily-essentials-list-text-item {\n    padding: 40px;\n    color: #000000;\n  }\n\n  .section-daily-essentials-item .essential-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-daily-essentials-item .essential-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Series Inspiration\n  ------------------------------------------------------------ *\/\n  .section-series-inspiration {\n    background-color: #1c1c1c;\n  }\n\n  .section-series-inspiration-container {\n    position: relative;\n  }\n\n  .section-series-inspiration-button,\n  .edition-inspiration-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    margin: 32px;\n    width: 40px;\n    height: 40px;\n    color: #ffffff;\n    background-color: transparent;\n    border: none;\n    border-radius: 100px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    z-index: 1;\n  }\n\n  @media (min-width: 1080px) {\n    .section-series-inspiration .section-body {\n      position: relative;\n      max-width: 1200px;\n      padding: 0 4rem;\n      margin: 0 auto;\n    }\n\n    .section-series-inspiration-container {\n      border-radius: 32px;\n      overflow: hidden;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-series-inspiration.section-body {\n      position: relative;\n      padding: 0;\n      border-radius: 0;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Wallpapers\n  ------------------------------------------------------------ *\/\n  .section-wallpapers {\n    background-color: #1c1c1c;\n  }\n\n  .section-wallpapers button.btn-outline {\n    border-color: #ffffff !important;\n    color: #ffffff !important;\n    background-color: transparent !important;\n  }\n\n  .section-wallpapers img.section-wallpapers-image {\n    border-radius: 32px;\n    overflow: hidden;\n    padding: 4rem;\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-wallpapers img.section-wallpapers-image {\n      border-radius: 16px;\n      padding: 2rem;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n  Modal Styles\n  ------------------------------------------------------------ *\/\n  .edition-inspiration-button {\n    background: linear-gradient(135deg,\n        rgba(255, 255, 255, 0.1),\n        rgba(255, 255, 255, 0.05));\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 4px;\n    border-radius: 100px;\n    transition: all 0.3s ease;\n  }\n\n  .edition-inspiration-button:hover {\n    background: rgba(255, 255, 255, 0.25);\n  }\n\n  #modal-subscription {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.6);\n  }\n\n  #modal-subscription .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background-color: #1c1c1c;\n    padding: 48px;\n    width: 90%;\n    max-width: 740px;\n    min-height: 600px;\n    border-radius: 32px;\n    display: flex;\n    align-items: center;\n  }\n\n  #modal-subscription .modal-header {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    z-index: 1001;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 50px;\n    height: 50px;\n    background-color: #ffffff;\n    border-radius: 100px;\n    cursor: pointer;\n  }\n\n  #modal-subscription .modal-header .close {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: all 0.3s ease;\n  }\n\n  #modal-subscription .modal-header .close svg {\n    width: 24px;\n    height: 24px;\n    color: #1c1c1c;\n  }\n\n  #modal-subscription .modal-header:hover {\n    background-color: #000000;\n  }\n\n  #modal-subscription .modal-header:hover svg {\n    color: #ffffff;\n  }\n\n  #modal-subscription .modal-text-content {\n    width: 100%;\n    text-align: center;\n    margin-bottom: 32px;\n  }\n\n  #modal-subscription input[type=\"email\"] {\n    text-align: center;\n  }\n\n  #modal-subscription button[type=\"submit\"] {\n    border-radius: 100px;\n  }\n\n  #modal-content {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  #modal-content .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: linear-gradient(135deg,\n        rgba(255, 255, 255, 0.1),\n        rgba(255, 255, 255, 0.05));\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 48px;\n    width: 90%;\n    max-width: 800px;\n    border-radius: 32px;\n  }\n\n  .modal-body {\n    padding: 0;\n  }\n\n  .modal-image-container {\n    width: 100%;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .modal-image {\n    width: 100%;\n    height: auto;\n    border-radius: 16px;\n    object-fit: contain;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n  }\n\n  #modal-content .modal-headline {\n    color: #ffffff;\n  }\n\n  @media (min-width: 1080px) {\n    .modal-text-content {\n      padding: 40px;\n      color: #ffffff;\n    }\n\n    .modal-headline {\n      font-size: 48px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 20px;\n      font-weight: 400;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .modal-content {\n      width: 95%;\n      margin: 20px auto;\n      padding: 15px;\n    }\n\n    .modal-header {\n      top: 15px;\n      right: 15px;\n    }\n\n    .modal-text-content {\n      padding: 16px 0;\n      color: #ffffff;\n    }\n\n    .modal-content .modal-image {\n      cursor: pointer;\n    }\n\n    .modal-headline {\n      font-size: 24px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 1.5 !important;\n      margin: 0;\n    }\n\n    .close {\n      width: 40px;\n      height: 40px;\n      font-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\n\u003c!-- Intro Section --\u003e\n\u003csection class=\"section-intro\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\n\u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\n\u003ch1 class=\"section-headline\"\u003eÉdition Blast\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eRetour à l'ère analogique. Laissez tomber les playlists et le streaming pour un hommage graphique éclatant à l'âge d'or de la mixtape.\u003c\/p\u003e\n\n\u003cbutton class=\"cta-button\"\u003eS'abonner\u003c\/button\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\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=\"Coque Spigen C11 Blast pour iPhone 17 Pro rouge présentée entre des haut-parleurs de style bande dessinée dans un décor pop art\"\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=\"Coque C11 Palette pour iPhone 17 Pro Series posée sur un bureau avec des tubes de peinture et des pinceaux\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\n\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\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_blast_01.jpg?v=1775080910\" alt=\"Gros plan sur la coque Spigen C11 Blast pour iPhone 17 Pro avec un graphique détaillé de boombox et une texture pailletée\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n\u003cp class=\"feature-headline\"\u003eTechnologie Hexa-layering\u003c\/p\u003e\n\n\u003cp class=\"feature-description\"\u003eDécouvrez les graphiques à effet spatial 3D avec l'impression numérique Hexa-Layer. Découvrez la nouvelle norme de design de haute qualité. Le détail unique imite la complexité du temps avec des couches d'impression en profondeur qui sont dans une classe à part.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n\u003cp class=\"feature-headline\"\u003eProtection complète\u003c\/p\u003e\n\n\u003cp class=\"feature-description\"\u003eLa protection de l'appareil photo et la technologie Air-Cushion protègent votre iPhone 17 Pro au quotidien.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\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_blast_02.jpg?v=1775080910\" alt=\"Coque Spigen C11 Blast pour iPhone 17 Pro rouge, vue arrière avec graphique graffiti boombox se séparant du téléphone\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\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_blast_03.jpg?v=1775080910\" alt=\"Gros plan sur le coin avec une image ombragée et un objet rectangulaire bleu réfléchissant affichant la technologie d'amortissement à air\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\n\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\u003cdiv class=\"slide-container\"\u003e\n\n\u003cdiv class=\"slide-header\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eTechnologie Hexa-layering.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eDécouvrez les graphiques à effet spatial 3D avec l'impression numérique Hexa-Layer. Découvrez la nouvelle norme de design de haute qualité. Le détail unique imite la complexité du temps avec des couches d'impression en profondeur qui sont dans une classe à part.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_01.jpg?v=1775080910\" alt=\"Gros plan sur la coque Spigen C11 Blast pour iPhone 17 Pro avec un graphique détaillé de boombox et une texture pailletée\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\u003cdiv class=\"slide-container\"\u003e\n\n\u003cdiv class=\"slide-header\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eProtégez l'essentiel.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eLes bords surélevés évitent les rayures sur l'écran et l'appareil photo sous tous les angles.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_02.jpg?v=1775080910\" alt=\"Coque Spigen C11 Blast pour iPhone 17 Pro rouge, vue arrière avec graphique graffiti boombox se séparant du téléphone\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\u003cdiv class=\"slide-container\"\u003e\n\n\u003cdiv class=\"slide-header\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eUne protection de confiance.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eLa technologie Air Cushion™ absorbe et atténue tous les impacts dans chaque coin.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_03.jpg?v=1775080910\" alt=\"Gros plan sur le coin avec une image ombragée et un objet rectangulaire bleu réfléchissant affichant la technologie d'amortissement à air\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n      var swiper = new Swiper(\".highlightSwiper\", {\n        slidesPerView: 1,\n        spaceBetween: 32,\n        pagination: {\n          el: \".highlightSwiper-pagination\",\n          clickable: 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\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eIndispensables du quotidien\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eLes essentiels du quotidien couverts.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\n\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\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_blast_04.jpg?v=1775080911\" alt=\"Coque Spigen C11 Blast pour iPhone 17 Pro rouge montrant la capacité de zoom de l'appareil photo à travers la découpe de la coque\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n\u003cp class=\"essential-headline\"\u003eAccès facile\u003c\/p\u003e\n\n\u003cp class=\"essential-description\"\u003eDécoupes précises pour un accès facile et complet à tous les boutons de l'iPhone.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n\u003cp class=\"essential-headline\"\u003eChargez simplement.\u003c\/p\u003e\n\n\u003cp class=\"essential-description\"\u003eNous savons qu'il est pénible d'enlever la coque. Alors, chargez simplement avec la coque via un chargeur sans fil ou un chargeur MagSafe.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\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_blast_05_ee690c4e-6509-4ec2-bb4e-af085f55baf4.jpg?v=1776097741\" alt=\"Coque MagSafe Blast pour iPhone 17 Pro montrant les vues avant et arrière sur un support de charge\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eC'est maintenant ou jamais.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\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_88703a65-a52b-4ba5-9410-6d3899cec95e.jpg?v=1775080911\" alt=\"Coque Spigen C11 Blast pour iPhone 17 Pro rouge appuyée contre une pile de cassettes illustrées\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Modal for Subscription --\u003e\n\u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\n\n\u003cdiv class=\"modal-content\"\u003e\n\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\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\n\u003cdiv class=\"modal-body\"\u003e\n\n\u003cdiv class=\"modal-image-container\"\u003e\n\n\u003cdiv class=\"modal-text-content text-light\"\u003e\n\n\u003ch1 class=\"modal-headline\"\u003eGardez une longueur d'avance sur les nouveautés.\u003c\/h1\u003e\n\n\u003cp class=\"modal-subheadline\"\u003eAbonnez-vous et soyez le premier à découvrir les nouvelles conceptions \u003cbr\u003ec11 chaque mois.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n        \/\/ Modal functionality\n        document.addEventListener(\"DOMContentLoaded\", function () {\n          console.log(\"Modal script loaded\");\n\n          \/\/ Get modal elements\n          const modalSubscription = document.getElementById(\"modal-subscription\");\n          const modalContent = document.getElementById(\"modal-content\");\n\n          \/\/ Get button elements\n          const ctaButton = document.querySelector(\".cta-button\");\n          const inspirationButton = document.querySelector(\n            \".edition-inspiration-button\"\n          );\n\n          console.log(\"CTA Button found:\", ctaButton);\n          console.log(\"Inspiration Button found:\", inspirationButton);\n          console.log(\"Modal Subscription found:\", modalSubscription);\n          console.log(\"Modal Content found:\", modalContent);\n\n          \/\/ Function to open modal\n          function openModal(modal) {\n            if (modal) {\n              modal.style.display = \"block\";\n              document.body.style.overflow = \"hidden\";\n              console.log(\"Modal opened:\", modal.id);\n            }\n          }\n\n          \/\/ Function to close modal\n          function closeModal(modal) {\n            if (modal) {\n              modal.style.display = \"none\";\n              document.body.style.overflow = \"auto\";\n              console.log(\"Modal closed:\", modal.id);\n            }\n          }\n\n          \/\/ CTA Button ? Subscription Modal\n          if (ctaButton \u0026\u0026 modalSubscription) {\n            ctaButton.addEventListener(\"click\", function (e) {\n              e.preventDefault();\n              e.stopPropagation();\n              console.log(\"CTA button clicked\");\n              openModal(modalSubscription);\n            });\n          } else {\n            console.error(\"CTA button or subscription modal not found\");\n          }\n\n          \/\/ Inspiration Button ? Content Modal\n          if (inspirationButton \u0026\u0026 modalContent) {\n            inspirationButton.addEventListener(\"click\", function (e) {\n              e.preventDefault();\n              e.stopPropagation();\n              console.log(\"Inspiration button clicked\");\n              openModal(modalContent);\n            });\n          } else {\n            console.error(\"Inspiration button or content modal not found\");\n          }\n\n          \/\/ Close buttons\n          const closeBtns = document.querySelectorAll(\".close\");\n          closeBtns.forEach(function (closeBtn) {\n            closeBtn.addEventListener(\"click\", function (e) {\n              e.preventDefault();\n              e.stopPropagation();\n              const modalId = this.getAttribute(\"data-modal\");\n              const modal = document.getElementById(modalId);\n              console.log(\"Close button clicked for modal:\", modalId);\n              closeModal(modal);\n            });\n          });\n\n          \/\/ Close modal when clicking outside of modal content\n          window.addEventListener(\"click\", function (event) {\n            if (event.target.classList.contains(\"modal\")) {\n              console.log(\"Modal background clicked\");\n              closeModal(event.target);\n            }\n          });\n\n          \/\/ ESC key to close modals\n          document.addEventListener(\"keydown\", function (e) {\n            if (e.key === \"Escape\") {\n              if (\n                modalSubscription \u0026\u0026\n                modalSubscription.style.display === \"block\"\n              ) {\n                closeModal(modalSubscription);\n              }\n              if (modalContent \u0026\u0026 modalContent.style.display === \"block\") {\n                closeModal(modalContent);\n              }\n            }\n          });\n\n          \/\/ Modal image click to close modal (only for mobile screens)\n          const modalImage = document.querySelector(\"#modal-content .modal-image\");\n          if (modalImage \u0026\u0026 modalContent) {\n            modalImage.addEventListener(\"click\", function (e) {\n              \/\/ Check if screen width is 1079.98px or less\n              if (window.matchMedia(\"(max-width: 1079.98px)\").matches) {\n                e.preventDefault();\n                e.stopPropagation();\n                console.log(\"Modal image clicked on mobile - closing modal\");\n                closeModal(modalContent);\n              }\n            });\n          }\n        });\n      \u003c\/script\u003e \u003cscript\u003e\n        \/\/ Omnisend ? ?? ??? ???\n        document.addEventListener(\"DOMContentLoaded\", function () {\n          const modalTitle = document.querySelector(\".modal-title\");\n          const modalText = document.querySelector(\".modal-text\");\n          const modalContent = document.querySelector(\".modal-content-wrapper\");\n          let hasChanged = false; \/\/ ?? ??? ???? ???\n\n          \/\/ Omnisend ?? ?? ?? ??\n          const checkSuccess = function () {\n            const successSection = document.querySelector(\n              \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\"\n            );\n            if (\n              successSection \u0026\u0026\n              window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026\n              !hasChanged\n            ) {\n              \/\/ ?? ?? ?? (? ?? ??)\n              modalTitle.textContent = \"Nice to have you!\";\n              modalText.innerHTML =\n                \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\";\n\n              \/\/ Omnisend ? ???\n              const omnisendForm = document.getElementById(\n                \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\n              );\n              if (omnisendForm) {\n                omnisendForm.style.display = \"none\";\n              }\n\n              hasChanged = true; \/\/ ?????? ??\n              clearInterval(checkInterval); \/\/ ??? ??\n            }\n          };\n\n          \/\/ ????? ?? ?? ??\n          const checkInterval = setInterval(checkSuccess, 500);\n\n          \/\/ ? ?? ?? ?? ??? ??\n          const submitButton = document.querySelector(\n            \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\"\n          );\n          if (submitButton) {\n            submitButton.addEventListener(\"click\", function () {\n              if (!hasChanged) {\n                \/\/ ?? ???? ?? ???? ??\n                setTimeout(checkSuccess, 1000);\n                            }\n                        });\n                    }\n                });\n            \u003c\/script\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n    \u003c!-- Wallpaper Section --\u003e\n    \u003csection class=\"section-wallpapers\"\u003e\n        \u003cdiv class=\"section-container\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n                    \u003cp class=\"section-preheadline\" style=\"color: #549CF3 !important;\"\u003eFONDS D'ÉCRAN GRATUITS\u003c\/p\u003e\n\n                    \u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003eFaites du bruit à l'intérieur comme à l'extérieur.\n                    \u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003eComplétez la configuration. \u003cbr\u003eDes fonds d'écran assortis gratuits sont maintenant disponibles.\u003c\/p\u003e\n\n                    \u003cbutton class=\"cta-button btn-outline\" onclick=\"window.open('https:\/\/www.spigen.com\/pages\/wallpapers', '_blank')\"\u003e\n                        Télécharger maintenant\n                    \u003c\/button\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"section-body\"\u003e\n\n                    \u003cdiv class=\"section-wallpapers-container\"\u003e\n\n                        \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\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\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\n            \u003ch2\u003e\u003cspan style=\"color: #ffffff;\"\u003ePlus qu'une simple protection.\u003c\/span\u003e\u003c\/h2\u003e\n\n\n\u003c\/div\u003e\u003c\/sq-listing-outro\u003e\n\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Explosion \/ En stock","offer_id":53890607317103,"sku":"ACS11412","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Explosion \/ En stock","offer_id":53890607349871,"sku":"ACS11413","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone17series_c11_blast_01_44e7f9ac-384d-4fcf-97a1-1db426b3d89f.jpg?v=1785117305"},{"product_id":"iphone-17-series-c11-series-palette-edition-mag-fit","title":"Série iPhone 17 - c11 Série Palette Edition (Mag Fit)","description":"\u003cstyle\u003e\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  *,\n  ::after,\n  ::before {\n    box-sizing: border-box;\n  }\n\n  .product-description section {\n    position: relative;\n    width: 100%;\n  }\n\n  .product-description section:first-of-type {\n    border-top-left-radius: 32px;\n    border-top-right-radius: 32px;\n  }\n\n  .product-description section:last-of-type {\n    border-bottom-left-radius: 32px;\n    border-bottom-right-radius: 32px;\n  }\n\n  .product-description .section-container-fluid {\n    width: 100%;\n    max-width: 100%;\n    margin: 0 auto;\n  }\n\n  .product-description .section-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-container {\n      padding: 0 4rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 200px;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-container {\n      padding: 0 2rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 80px;\n    }\n  }\n\n  .product-description img {\n    width: 100%;\n    height: auto;\n  }\n\n  \/* ------------------------------------------------------------\n  Text Alignment\n  ------------------------------------------------------------ *\/\n  .product-description .text-center {\n    text-align: center;\n  }\n\n  .product-description .text-left {\n    text-align: left;\n  }\n\n  .product-description .text-right {\n    text-align: right;\n  }\n\n  \/* ------------------------------------------------------------\n  Text Colors\n  ------------------------------------------------------------ *\/\n  .product-description .text-dark * {\n    color: #000;\n  }\n\n  .product-description .text-light * {\n    color: #fff;\n  }\n\n  .product-description .text-info {\n    color: #8d8d8f;\n  }\n\n  \/* ------------------------------------------------------------\n  Visibility\n  ------------------------------------------------------------ *\/\n  @media (min-width: 1080px) {\n    .product-description .sq-mobile-view {\n      display: none;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .sq-desktop-view {\n      display: none;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n  Headlines\n  ------------------------------------------------------------ *\/\n  .product-description .section-header {\n    max-width: 500px;\n    margin: 0 auto;\n  }\n\n  .product-description .section-preheadline {\n    font-weight: 400;\n    line-height: 1.2;\n  }\n\n  .product-description .section-headline {\n    font-weight: 800;\n    line-height: 1.2;\n  }\n\n  .product-description .section-subheadline {\n    font-weight: 400;\n    line-height: 1.5;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 20px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 48px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 18px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 18px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 36px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 16px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  .product-description .cta-button {\n    display: inline-block;\n    padding: 16px 32px;\n    border-radius: 100px;\n    background-color: #ffffff;\n    border: 1px solid #ffffff;\n    color: #000000;\n    font-size: 20px;\n    font-weight: 400;\n    text-decoration: none;\n    line-height: 1.5;\n    margin: 0;\n    transition: all 0.3s ease;\n    cursor: pointer;\n  }\n\n  .product-description .cta-button:hover {\n    background-color: #dedede;\n    border-color: #dedede;\n    color: #000000;\n  }\n\n  .product-description .section-header p+.cta-button {\n    margin-top: 32px;\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Intro\n  ------------------------------------------------------------ *\/\n  .section-intro {\n    background-color: #1c1c1c;\n  }\n\n  @media (min-width: 1080px) {\n    .section-intro .section-intro-banner {\n      width: 100%;\n      height: 1200px;\n      object-fit: cover;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Highlights\n  ------------------------------------------------------------ *\/\n  .section-highlights {\n    background-color: #1c1c1c;\n  }\n\n  .section-highlights .section-header {\n    max-width: 480px;\n  }\n\n  .section-highlights-feature-container {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    padding: 16px;\n    margin: 0 auto;\n  }\n\n  .section-highlights-feature-item {\n    flex: 0 0 auto;\n    padding: 16px;\n  }\n\n  @media (min-width: 1080px) {\n    .section-highlights-feature-item:nth-child(1) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(2) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(3) {\n      width: 40%;\n    }\n\n    .section-highlights-feature-item:nth-child(4) {\n      width: 30%;\n    }\n\n    .section-highlights-feature-item:nth-child(5) {\n      width: 30%;\n    }\n  }\n\n  .section-highlights-feature-item [class^=\"section-highlights-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #000000;\n    height: 100%;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .section-highlights-feature-item .section-highlights-list-text-item {\n    padding: 40px;\n    color: #ffffff;\n  }\n\n  .section-highlights-feature-item .feature-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-highlights-feature-item .feature-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  .section-highlights-feature-item img {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Highlights\n  ------------------------------------------------------------ *\/\n  .highlightSwiper {\n    width: 100%;\n    padding-top: 32px;\n  }\n\n  .highlightSwiper .swiper-wrapper {\n    width: 100%;\n    height: auto;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-header {\n    width: 100%;\n    padding: 40px 16px;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-image {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    min-height: 300px;\n    object-fit: cover;\n    object-position: center;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .highlightSwiper-pagination {\n    display: block;\n    width: 100%;\n    padding: 16px;\n    text-align: center;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet {\n    width: 16px;\n    height: 16px;\n    border-radius: 100px;\n    background-color: #dddddd;\n    margin: 0 8px;\n    transition: all 1s ease;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet-active {\n    background-color: #ffffff !important;\n    width: 48px;\n    height: 16px;\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Daily Essentials\n  ------------------------------------------------------------ *\/\n  .section-daily-essentials {\n    background-color: #1c1c1c;\n  }\n\n  .section-daily-essentials img {\n    aspect-ratio: 468\/605;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  @media (min-width: 1080px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(2, 3fr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 2 \/ 3;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 2 \/ 3;\n      grid-row: 2 \/ 4;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(1, 4fr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 2 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 1 \/ 2;\n      grid-row: 4 \/ 5;\n    }\n  }\n\n  .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #ffffff;\n    height: 100%;\n    border-radius: 16px;\n    overflow: hidden;\n  }\n\n  .section-daily-essentials-item .section-daily-essentials-list-text-item {\n    padding: 40px;\n    color: #000000;\n  }\n\n  .section-daily-essentials-item .essential-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-daily-essentials-item .essential-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Series Inspiration\n  ------------------------------------------------------------ *\/\n  .section-series-inspiration {\n    background-color: #1c1c1c;\n  }\n\n  .section-series-inspiration-container {\n    position: relative;\n  }\n\n  .section-series-inspiration-button,\n  .edition-inspiration-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    margin: 32px;\n    width: 40px;\n    height: 40px;\n    color: #ffffff;\n    background-color: transparent;\n    border: none;\n    border-radius: 100px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    z-index: 1;\n  }\n\n  @media (min-width: 1080px) {\n    .section-series-inspiration .section-body {\n      position: relative;\n      max-width: 1200px;\n      padding: 0 4rem;\n      margin: 0 auto;\n    }\n\n    .section-series-inspiration-container {\n      border-radius: 32px;\n      overflow: hidden;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-series-inspiration.section-body {\n      position: relative;\n      padding: 0;\n      border-radius: 0;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n  [Sections] Wallpapers\n  ------------------------------------------------------------ *\/\n  .section-wallpapers {\n    background-color: #1c1c1c;\n  }\n\n  .section-wallpapers button.btn-outline {\n    border-color: #ffffff !important;\n    color: #ffffff !important;\n    background-color: transparent !important;\n  }\n\n  .section-wallpapers img.section-wallpapers-image {\n    border-radius: 32px;\n    overflow: hidden;\n    padding: 4rem;\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-wallpapers img.section-wallpapers-image {\n      border-radius: 16px;\n      padding: 2rem;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n  Modal Styles\n  ------------------------------------------------------------ *\/\n  .edition-inspiration-button {\n    background: linear-gradient(135deg,\n        rgba(255, 255, 255, 0.1),\n        rgba(255, 255, 255, 0.05));\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 4px;\n    border-radius: 100px;\n    transition: all 0.3s ease;\n  }\n\n  .edition-inspiration-button:hover {\n    background: rgba(255, 255, 255, 0.25);\n  }\n\n  #modal-subscription {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.6);\n  }\n\n  #modal-subscription .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background-color: #1c1c1c;\n    padding: 48px;\n    width: 90%;\n    max-width: 740px;\n    min-height: 600px;\n    border-radius: 32px;\n    display: flex;\n    align-items: center;\n  }\n\n  #modal-subscription .modal-header {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    z-index: 1001;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 50px;\n    height: 50px;\n    background-color: #ffffff;\n    border-radius: 100px;\n    cursor: pointer;\n  }\n\n  #modal-subscription .modal-header .close {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: all 0.3s ease;\n  }\n\n  #modal-subscription .modal-header .close svg {\n    width: 24px;\n    height: 24px;\n    color: #1c1c1c;\n  }\n\n  #modal-subscription .modal-header:hover {\n    background-color: #000000;\n  }\n\n  #modal-subscription .modal-header:hover svg {\n    color: #ffffff;\n  }\n\n  #modal-subscription .modal-text-content {\n    width: 100%;\n    text-align: center;\n    margin-bottom: 32px;\n  }\n\n  #modal-subscription input[type=\"email\"] {\n    text-align: center;\n  }\n\n  #modal-subscription button[type=\"submit\"] {\n    border-radius: 100px;\n  }\n\n  #modal-content {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  #modal-content .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: linear-gradient(135deg,\n        rgba(255, 255, 255, 0.1),\n        rgba(255, 255, 255, 0.05));\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 48px;\n    width: 90%;\n    max-width: 800px;\n    border-radius: 32px;\n  }\n\n  .modal-body {\n    padding: 0;\n  }\n\n  .modal-image-container {\n    width: 100%;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .modal-image {\n    width: 100%;\n    height: auto;\n    border-radius: 16px;\n    object-fit: contain;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n  }\n\n  #modal-content .modal-headline {\n    color: #ffffff;\n  }\n\n  @media (min-width: 1080px) {\n    .modal-text-content {\n      padding: 40px;\n      color: #ffffff;\n    }\n\n    .modal-headline {\n      font-size: 48px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 20px;\n      font-weight: 400;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .modal-content {\n      width: 95%;\n      margin: 20px auto;\n      padding: 15px;\n    }\n\n    .modal-header {\n      top: 15px;\n      right: 15px;\n    }\n\n    .modal-text-content {\n      padding: 16px 0;\n      color: #ffffff;\n    }\n\n    .modal-content .modal-image {\n      cursor: pointer;\n    }\n\n    .modal-headline {\n      font-size: 24px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 1.5 !important;\n      margin: 0;\n    }\n\n    .close {\n      width: 40px;\n      height: 40px;\n      font-size: 24px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e\n\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\n\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\n  \u003c!-- Intro Section --\u003e\n  \u003csection class=\"section-intro\"\u003e\n    \u003cdiv class=\"section-container-fluid\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n          \u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\n          \u003ch1 class=\"section-headline\"\u003eÉdition Palette\u003c\/h1\u003e\n\n          \u003cp class=\"section-subheadline\"\u003eUn motif vibrant de coups de pinceau superposé de teintes profondes et riches, conçu pour se démarquer et ne jamais se fondre dans le décor.\u003c\/p\u003e\n\n          \u003cbutton class=\"cta-button\"\u003eS'abonner\u003c\/button\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section-body\"\u003e\n\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=\"Coque iPhone 17 Pro Series C11 Palette posée sur un bureau avec des tubes de peinture et des pinceaux\"\u003e\n          \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=\"Coque iPhone 17 Pro Series C11 Palette posée sur un bureau avec des tubes de peinture et des pinceaux\"\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- Highlights Section --\u003e\n  \u003csection class=\"section-highlights sq-desktop-view\"\u003e\n    \u003cdiv class=\"section-container\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"section-highlights-feature-container\"\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_palette_01.jpg?v=1771545515\" alt=\"Coque iPhone 17 Pro Series C11 Palette, gros plan sur le motif texturé à coups de pinceau\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n                \u003cp class=\"feature-headline\"\u003eTechnologie Hexa-couche\u003c\/p\u003e\n\n                \u003cp class=\"feature-description\"\u003eDécouvrez des graphismes 3D à effet spatial avec l'impression numérique Hexa-Layer. Découvrez le nouveau standard de conception de haute qualité. Le détail unique imite la complexité du temps avec des couches d'impression en profondeur qui sont dans une catégorie à part.\u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n                \u003cp class=\"feature-headline\"\u003eProtection intégrale\u003c\/p\u003e\n\n                \u003cp class=\"feature-description\"\u003eLa protection de l'appareil photo et la technologie de coussin d'air protègent votre iPhone 17 Pro au quotidien.\u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_palette_02.jpg?v=1771545515\" alt=\"Coque iPhone 17 Pro Series C11 Palette montrant la découpe oblique de l'appareil photo et le cadre d'objectif surélevé\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_palette_03.jpg?v=1771545515\" alt=\"Gros plan sur le coin avec une image ombragée et un objet rectangulaire bleu réfléchissant montrant la technologie du coussin d'air\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- Highlights Section (Mobile) --\u003e\n  \u003csection class=\"section-highlights sq-mobile-view\"\u003e\n    \u003cdiv class=\"section-container\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\n            \u003cdiv class=\"swiper-wrapper\"\u003e\n\n              \u003cdiv class=\"swiper-slide\"\u003e\n\n                \u003cdiv class=\"slide-container\"\u003e\n\n                  \u003cdiv class=\"slide-header\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eTechnologie Hexa-couche.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003eDécouvrez des graphismes 3D à effet spatial avec l'impression numérique Hexa-Layer. Découvrez le nouveau standard de conception de haute qualité. Le détail unique imite la complexité du temps avec des couches d'impression en profondeur qui sont dans une catégorie à part.\u003c\/p\u003e\n\n                  \u003c\/div\u003e\n\n                  \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_palette_01.jpg?v=1771545515\" alt=\"Coque iPhone 17 Pro Series C11 Palette, gros plan sur le motif texturé à coups de pinceau\"\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"swiper-slide\"\u003e\n\n                \u003cdiv class=\"slide-container\"\u003e\n\n                  \u003cdiv class=\"slide-header\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eProtégez l'essentiel.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003eLes bords surélevés évitent les rayures sur l'écran et l'appareil photo sous tous les angles.\u003c\/p\u003e\n\n                  \u003c\/div\u003e\n\n                  \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_palette_02.jpg?v=1771545515\" alt=\"Coque iPhone 17 Pro Series C11 Palette montrant la découpe oblique de l'appareil photo et le cadre d'objectif surélevé\"\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"swiper-slide\"\u003e\n\n                \u003cdiv class=\"slide-container\"\u003e\n\n                  \u003cdiv class=\"slide-header\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eUne protection de confiance.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003eLa technologie Air Cushion™ absorbe et atténue tous les impacts à chaque coin.\u003c\/p\u003e\n\n                  \u003c\/div\u003e\n\n                  \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_palette_03.jpg?v=1771545515\" alt=\"Gros plan sur le coin avec une image ombragée et un objet rectangulaire bleu réfléchissant montrant la technologie du coussin d'air\"\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n      var swiper = new Swiper(\".highlightSwiper\", {\n        slidesPerView: 1,\n        spaceBetween: 32,\n        pagination: {\n          el: \".highlightSwiper-pagination\",\n          clickable: true,\n        },\n      });\n    \u003c\/script\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Daily Essentials Section --\u003e\n  \u003csection class=\"section-daily-essentials\"\u003e\n    \u003cdiv class=\"section-container\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n          \u003ch1 class=\"section-headline\"\u003eLes essentiels du quotidien\u003c\/h1\u003e\n\n          \u003cp class=\"section-subheadline\"\u003eLes essentiels du quotidien couverts.\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"section-daily-essentials-container\"\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n                \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=\"Coque de téléphone iPhone 17 Pro Series Palette montrant le profil latéral avec un bouton de contrôle de l'appareil photo réactif lors de l'utilisation de l'appareil photo\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n                \u003cp class=\"essential-headline\"\u003eAccès facile\u003c\/p\u003e\n\n                \u003cp class=\"essential-description\"\u003eDes découpes précises pour un accès facile et complet à tous les boutons de l'iPhone.\u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n                \u003cp class=\"essential-headline\"\u003eChargez simplement.\u003c\/p\u003e\n\n                \u003cp class=\"essential-description\"\u003eNous savons qu'il est pénible de retirer l'étui. Alors, chargez simplement avec l'étui via un chargeur sans fil ou un chargeur MagSafe.\u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n                \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=\"Coque iPhone 17 Pro Palette MagSafe montrant la vue avant et arrière sur un support de charge\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- Series Inspiration Section --\u003e\n  \u003csection class=\"section-series-inspiration\"\u003e\n    \u003cdiv class=\"section-container-fluid\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n          \u003ch1 class=\"section-headline\"\u003eC'est maintenant ou jamais.\u003c\/h1\u003e\n\n          \u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"section-series-inspiration-container\"\u003e\n\n            \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=\"Coque iPhone 17 Pro Series C11 Palette présentée sur un chevalet avec une toile de fond peinte\"\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- Modal for Subscription --\u003e\n      \u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\n\n        \u003cdiv class=\"modal-content\"\u003e\n\n          \u003cdiv class=\"modal-header\"\u003e\n\n            \u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\n              \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\n                \u003cpath fill=\"currentColor\" d=\"M135.5 169C126.1 159.6 126.1 144.4 135.5 135.1C144.9 125.8 160.1 125.7 169.4 135.1L320.4 286.1L471.4 135.1C480.8 125.7 496 125.7 505.3 135.1C514.6 144.5 514.7 159.7 505.3 169L354.3 320L505.3 471C514.7 480.4 514.7 495.6 505.3 504.9C495.9 514.2 480.7 514.3 471.4 504.9L320.4 353.9L169.4 504.9C160 514.3 144.8 514.3 135.5 504.9C126.2 495.5 126.1 480.3 135.5 471L286.5 320L135.5 169z\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"modal-body\"\u003e\n\n            \u003cdiv class=\"modal-image-container\"\u003e\n\n              \u003cdiv class=\"modal-text-content text-light\"\u003e\n\n                \u003ch1 class=\"modal-headline\"\u003eSoyez informé des nouvelles sorties.\u003c\/h1\u003e\n\n                \u003cp class=\"modal-subheadline\"\u003eAbonnez-vous et soyez le premier à découvrir les nouveaux \u003cbr\u003edesigns c11 chaque mois.\u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n              \u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cscript\u003e\n        \/\/ Modal functionality\n        document.addEventListener(\"DOMContentLoaded\", function () {\n          console.log(\"Modal script loaded\");\n\n          \/\/ Get modal elements\n          const modalSubscription = document.getElementById(\"modal-subscription\");\n          const modalContent = document.getElementById(\"modal-content\");\n\n          \/\/ Get button elements\n          const ctaButton = document.querySelector(\".cta-button\");\n          const inspirationButton = document.querySelector(\n            \".edition-inspiration-button\"\n          );\n\n          console.log(\"CTA Button found:\", ctaButton);\n          console.log(\"Inspiration Button found:\", inspirationButton);\n          console.log(\"Modal Subscription found:\", modalSubscription);\n          console.log(\"Modal Content found:\", modalContent);\n\n          \/\/ Function to open modal\n          function openModal(modal) {\n            if (modal) {\n              modal.style.display = \"block\";\n              document.body.style.overflow = \"hidden\";\n              console.log(\"Modal opened:\", modal.id);\n            }\n          }\n\n          \/\/ Function to close modal\n          function closeModal(modal) {\n            if (modal) {\n              modal.style.display = \"none\";\n              document.body.style.overflow = \"auto\";\n              console.log(\"Modal closed:\", modal.id);\n            }\n          }\n\n          \/\/ CTA Button → Subscription Modal\n          if (ctaButton \u0026\u0026 modalSubscription) {\n            ctaButton.addEventListener(\"click\", function (e) {\n              e.preventDefault();\n              e.stopPropagation();\n              console.log(\"CTA button clicked\");\n              openModal(modalSubscription);\n            });\n          } else {\n            console.error(\"CTA button or subscription modal not found\");\n          }\n\n          \/\/ Inspiration Button → Content Modal\n          if (inspirationButton \u0026\u0026 modalContent) {\n            inspirationButton.addEventListener(\"click\", function (e) {\n              e.preventDefault();\n              e.stopPropagation();\n              console.log(\"Inspiration button clicked\");\n              openModal(modalContent);\n            });\n          } else {\n            console.error(\"Inspiration button or content modal not found\");\n          }\n\n          \/\/ Close buttons\n          const closeBtns = document.querySelectorAll(\".close\");\n          closeBtns.forEach(function (closeBtn) {\n            closeBtn.addEventListener(\"click\", function (e) {\n              e.preventDefault();\n              e.stopPropagation();\n              const modalId = this.getAttribute(\"data-modal\");\n              const modal = document.getElementById(modalId);\n              console.log(\"Close button clicked for modal:\", modalId);\n              closeModal(modal);\n            });\n          });\n\n          \/\/ Close modal when clicking outside of modal content\n          window.addEventListener(\"click\", function (event) {\n            if (event.target.classList.contains(\"modal\")) {\n              console.log(\"Modal background clicked\");\n              closeModal(event.target);\n            }\n          });\n\n          \/\/ ESC key to close modals\n          document.addEventListener(\"keydown\", function (e) {\n            if (e.key === \"Escape\") {\n              if (\n                modalSubscription \u0026\u0026\n                modalSubscription.style.display === \"block\"\n              ) {\n                closeModal(modalSubscription);\n              }\n              if (modalContent \u0026\u0026 modalContent.style.display === \"block\") {\n                closeModal(modalContent);\n              }\n            }\n          });\n\n          \/\/ Modal image click to close modal (only for mobile screens)\n          const modalImage = document.querySelector(\"#modal-content .modal-image\");\n          if (modalImage \u0026\u0026 modalContent) {\n            modalImage.addEventListener(\"click\", function (e) {\n              \/\/ Check if screen width is 1079.98px or less\n              if (window.matchMedia(\"(max-width: 1079.98px)\").matches) {\n                e.preventDefault();\n                e.stopPropagation();\n                console.log(\"Modal image clicked on mobile - closing modal\");\n                closeModal(modalContent);\n              }\n            });\n          }\n        });\n      \u003c\/script\u003e\n\n      \u003cscript\u003e\n        \/\/ Omnisend 폼 성공 이벤트 리스너\n        document.addEventListener(\"DOMContentLoaded\", function () {\n          const modalTitle = document.querySelector(\".modal-title\");\n          const modalText = document.querySelector(\".modal-text\");\n          const modalContent = document.querySelector(\".modal-content-wrapper\");\n          let hasChanged = false; \/\/ 변경 여부를 추적하는 플래그\n\n          \/\/ Omnisend 폼의 성공 섹션 감지\n          const checkSuccess = function () {\n            const successSection = document.querySelector(\n              \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\"\n            );\n            if (\n              successSection \u0026\u0026\n              window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026\n              !hasChanged\n            ) {\n              \/\/ 모달 내용 변경 (한 번만 실행)\n              modalTitle.textContent = \"Nice to have you!\";\n              modalText.innerHTML =\n                \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\";\n\n              \/\/ Omnisend 폼 숨기기\n              const omnisendForm = document.getElementById(\n                \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\n              );\n              if (omnisendForm) {\n                omnisendForm.style.display = \"none\";\n              }\n\n              hasChanged = true; \/\/ 변경되었음을 표시\n              clearInterval(checkInterval); \/\/ 인터벌 중지\n            }\n          };\n\n          \/\/ 주기적으로 성공 섹션 확인\n          const checkInterval = setInterval(checkSuccess, 500);\n\n          \/\/ 폼 제출 버튼 클릭 이벤트 감지\n          const submitButton = document.querySelector(\n            \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\"\n          );\n          if (submitButton) {\n            submitButton.addEventListener(\"click\", function () {\n              if (!hasChanged) {\n                \/\/ 아직 변경되지 않은 경우에만 실행\n                setTimeout(checkSuccess, 1000);\n                            }\n                        });\n                    }\n                });\n            \u003c\/script\u003e\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n    \u003c!-- Wallpaper Section --\u003e\n    \u003csection class=\"section-wallpapers\"\u003e\n        \u003cdiv class=\"section-container\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n                    \u003cp class=\"section-preheadline\" style=\"color: #549CF3 !important;\"\u003eFONDS D'ÉCRAN GRATUITS\u003c\/p\u003e\n\n                    \u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003eL'art de bord en bord.\n                    \u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003eComplétez la configuration. \u003cbr\u003eFonds d'écran assortis gratuits disponibles dès maintenant.\u003c\/p\u003e\n\n                    \u003cbutton class=\"cta-button btn-outline\" onclick=\"window.open('https:\/\/www.spigen.com\/pages\/wallpapers', '_blank')\"\u003e\n                        Téléchargez maintenant\n                    \u003c\/button\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"section-body\"\u003e\n\n                    \u003cdiv class=\"section-wallpapers-container\"\u003e\n\n                        \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\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\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\n            \u003ch2\u003e\u003cspan style=\"color: #ffffff;\"\u003ePlus qu'une simple protection.\u003c\/span\u003e\u003c\/h2\u003e\n\n            \u003cp\u003e\u003cspan style=\"color: #ffffff;\"\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/span\u003e\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sq--section-outro-body\"\u003e\n\n            \u003cdiv class=\"sq--section-row\"\u003e\n\n                \u003cdiv class=\"sq--section-column\"\u003e\n\n                    \u003cdiv class=\"sq--rewards\"\u003e\n\n                        \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                            \u003ch3 class=\"text-h3\"\u003eNos Récompenses\u003c\/h3\u003e\n\n                            \u003cp\u003eProtection avec avantages pour \u003cbr\u003enos membres Récompenses.\u003c\/p\u003e\n\n                            \u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\n                                \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                                        \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eRecevez-le plus vite\u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                                        Nous offrons une livraison express à prix réduit à nos membres Elite et\n                                        Executive.\n                                    \u003c\/div\u003e\n\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                                        \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n\n                                        Coupon saisonnier\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                                        Chaque saison, nous offrons à nos membres Elite et Executive des\n                                        coupons de récompense avec de nouveaux équipements.\n                                    \u003c\/div\u003e\n\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                                        \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n\n                                        Équipe d'assistance Executive\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                                        Nous avons créé une équipe dédiée qui gère personnellement\n                                        tout, du service de garantie à toutes les questions.\n                                    \u003c\/div\u003e\n\n                                \u003c\/div\u003e\n\n                            \u003c\/div\u003e\n\n                            \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e\n                                Rejoignez-nous\n                            \u003c\/button\u003e\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carrousel de l'histoire de la marque Spigen\"\u003e\n\n                    \u003cdiv class=\"swiper-wrapper\"\u003e\n\n                        \u003cdiv class=\"swiper-slide\"\u003e\n\n                            \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise\" tabindex=\"0\"\u003e\n                                \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                                    \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e\n\n                                    \u003cspan class=\"sr-only\"\u003e\n                                        Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise.\n                                    \u003c\/span\u003e\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--outro-background-media\"\u003e\n\n                                    \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\n                                \u003c\/div\u003e\n\n                            \u003c\/a\u003e\n                        \u003c\/div\u003e\n\n\n                        \u003cdiv class=\"swiper-slide\"\u003e\n\n                            \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Durabilité - Explorez les efforts de durabilité de Spigen et les initiatives ClimatePartner\" tabindex=\"0\"\u003e\n                                \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                                    \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e\n                                    \u003ch3 class=\"text-h3 sr-only\"\u003eDurabilité\u003c\/h3\u003e\n\n                                    \u003cspan class=\"sr-only\"\u003e\n                                        Explorez les efforts de durabilité de Spigen et les initiatives\n                                        ClimatePartner\n                                    \u003c\/span\u003e\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--outro-background-media\"\u003e\n\n                                    \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\n                                \u003c\/div\u003e\n\n                            \u003c\/a\u003e\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/sq-listing-outro\u003e\n\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Palette \/ En stock","offer_id":53890607382639,"sku":"ACS11391","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Palette \/ En stock","offer_id":53890607415407,"sku":"ACS11392","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone17series_c11_palette_01.jpg?v=1785117305"},{"product_id":"iphone-17-series-c11-series-nocturne-edition-mag-fit","title":"Série iPhone 17 - c11 Série Nocturne Edition (Mag Fit)","description":"\u003cstyle\u003e\n    body {\n        margin: 0;\n        padding: 0;\n    }\n\n    *,\n    ::after,\n    ::before {\n        box-sizing: border-box;\n    }\n\n    .product-description section {\n        position: relative;\n        width: 100%;\n    }\n\n    .product-description section:first-of-type {\n        border-top-left-radius: 32px;\n        border-top-right-radius: 32px;\n    }\n\n    .product-description section:last-of-type {\n        border-bottom-left-radius: 32px;\n        border-bottom-right-radius: 32px;\n    }\n\n    .product-description .section-container-fluid {\n        width: 100%;\n        max-width: 100%;\n        margin: 0 auto;\n    }\n\n    .product-description .section-container {\n        width: 100%;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    @media (min-width: 1080px) {\n        .product-description .section-container {\n            padding: 0 4rem;\n        }\n\n        .product-description section:not(:first-of-type) {\n            padding-bottom: 200px;\n        }\n    }\n\n    @media (max-width: 1079.98px) {\n        .product-description .section-container {\n            padding: 0 2rem;\n        }\n\n        .product-description section:not(:first-of-type) {\n            padding-bottom: 80px;\n        }\n    }\n\n    .product-description img {\n        width: 100%;\n        height: auto;\n    }\n\n    \/* ------------------------------------------------------------\nText Alignment\n------------------------------------------------------------ *\/\n    .product-description .text-center {\n        text-align: center;\n    }\n\n    .product-description .text-left {\n        text-align: left;\n    }\n\n    .product-description .text-right {\n        text-align: right;\n    }\n\n    \/* ------------------------------------------------------------\nText Colors\n------------------------------------------------------------ *\/\n    .product-description .text-dark * {\n        color: #000;\n    }\n\n    .product-description .text-light * {\n        color: #fff;\n    }\n\n    .product-description .text-info {\n        color: #8d8d8f;\n    }\n\n    \/* ------------------------------------------------------------\nVisibility\n------------------------------------------------------------ *\/\n    @media (min-width: 1080px) {\n        .product-description .sq-mobile-view {\n            display: none;\n        }\n    }\n\n    @media (max-width: 1079.98px) {\n        .product-description .sq-desktop-view {\n            display: none;\n        }\n    }\n\n    \/* ------------------------------------------------------------\nHeadlines\n------------------------------------------------------------ *\/\n    .product-description .section-header {\n        max-width: 500px;\n        margin: 0 auto;\n    }\n\n    .product-description .section-preheadline {\n        font-weight: 400;\n        line-height: 1.2;\n    }\n\n    .product-description .section-headline {\n        font-weight: 800;\n        line-height: 1.2;\n    }\n\n    .product-description .section-subheadline {\n        font-weight: 400;\n        line-height: 1.5;\n    }\n\n    @media (min-width: 1080px) {\n        .product-description .section-header {\n            padding: 3rem;\n        }\n\n        .product-description .section-preheadline {\n            font-size: 20px;\n            margin: 0 0 8px;\n        }\n\n        .product-description .section-headline {\n            font-size: 48px;\n            margin: 0 0 16px;\n        }\n\n        .product-description .section-subheadline {\n            font-size: 18px;\n            line-height: 1.5;\n            margin: 0;\n        }\n    }\n\n    @media (max-width: 1079.98px) {\n        .product-description .section-header {\n            padding: 3rem;\n        }\n\n        .product-description .section-preheadline {\n            font-size: 18px;\n            margin: 0 0 8px;\n        }\n\n        .product-description .section-headline {\n            font-size: 36px;\n            margin: 0 0 16px;\n        }\n\n        .product-description .section-subheadline {\n            font-size: 16px;\n            line-height: 1.5;\n            margin: 0;\n        }\n    }\n\n    .product-description .cta-button {\n        display: inline-block;\n        padding: 16px 32px;\n        border-radius: 100px;\n        background-color: #ffffff;\n        border: 1px solid #ffffff;\n        color: #000000;\n        font-size: 20px;\n        font-weight: 400;\n        text-decoration: none;\n        line-height: 1.5;\n        margin: 0;\n        transition: all 0.3s ease;\n        cursor: pointer;\n    }\n\n    .product-description .cta-button:hover {\n        background-color: #dedede;\n        border-color: #dedede;\n        color: #000000;\n    }\n\n    .product-description .section-header p+.cta-button {\n        margin-top: 32px;\n    }\n\n    \/* ------------------------------------------------------------\n[Sections] Intro\n------------------------------------------------------------ *\/\n    .section-intro {\n        background-color: #1c1c1c;\n    }\n\n    @media (min-width: 1080px) {\n        .section-intro .section-intro-banner {\n            width: 100%;\n            height: 1200px;\n            object-fit: cover;\n        }\n    }\n\n    \/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n    .section-highlights {\n        background-color: #1c1c1c;\n    }\n\n    .section-highlights .section-header {\n        max-width: 480px;\n    }\n\n    .section-highlights-feature-container {\n        width: 100%;\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        padding: 16px;\n        margin: 0 auto;\n    }\n\n    .section-highlights-feature-item {\n        flex: 0 0 auto;\n        padding: 16px;\n    }\n\n    @media (min-width: 1080px) {\n        .section-highlights-feature-item:nth-child(1) {\n            width: 50%;\n        }\n\n        .section-highlights-feature-item:nth-child(2) {\n            width: 50%;\n        }\n\n        .section-highlights-feature-item:nth-child(3) {\n            width: 40%;\n        }\n\n        .section-highlights-feature-item:nth-child(4) {\n            width: 30%;\n        }\n\n        .section-highlights-feature-item:nth-child(5) {\n            width: 30%;\n        }\n    }\n\n    .section-highlights-feature-item [class^=\"section-highlights-list-\"] {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: flex-start;\n        background-color: #000000;\n        height: 100%;\n        border-radius: 32px;\n        overflow: hidden;\n    }\n\n    .section-highlights-feature-item .section-highlights-list-text-item {\n        padding: 40px;\n        color: #ffffff;\n    }\n\n    .section-highlights-feature-item .feature-headline {\n        font-size: 40px;\n        font-weight: 800;\n        line-height: 1.2;\n        margin: 0 0 16px;\n    }\n\n    .section-highlights-feature-item .feature-description {\n        font-size: 20px;\n        font-weight: 400;\n        line-height: 1.5;\n        margin: 0;\n    }\n\n    .section-highlights-feature-item img {\n        aspect-ratio: 1\/1;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n    }\n\n    \/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n    .highlightSwiper {\n        width: 100%;\n        padding-top: 32px;\n    }\n\n    .highlightSwiper .swiper-wrapper {\n        width: 100%;\n        height: auto;\n    }\n\n    .highlightSwiper .swiper-wrapper .slide-header {\n        width: 100%;\n        padding: 40px 16px;\n        text-align: center;\n        color: #ffffff;\n    }\n\n    .highlightSwiper .swiper-wrapper .slide-image {\n        aspect-ratio: 1\/1;\n        width: 100%;\n        height: 100%;\n        min-height: 300px;\n        object-fit: cover;\n        object-position: center;\n        border-radius: 32px;\n        overflow: hidden;\n    }\n\n    .highlightSwiper-pagination {\n        display: block;\n        width: 100%;\n        padding: 16px;\n        text-align: center;\n    }\n\n    .highlightSwiper-pagination .swiper-pagination-bullet {\n        width: 16px;\n        height: 16px;\n        border-radius: 100px;\n        background-color: #dddddd;\n        margin: 0 8px;\n        transition: all 1s ease;\n    }\n\n    .highlightSwiper-pagination .swiper-pagination-bullet-active {\n        background-color: #ffffff !important;\n        width: 48px;\n        height: 16px;\n    }\n\n    \/* ------------------------------------------------------------\n[Sections] Daily Essentials\n------------------------------------------------------------ *\/\n    .section-daily-essentials {\n        background-color: #1c1c1c;\n    }\n\n    .section-daily-essentials img {\n        aspect-ratio: 468\/605;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n    }\n\n    @media (min-width: 1080px) {\n        .section-daily-essentials-container {\n            display: grid;\n            grid-template-columns: repeat(2, 3fr);\n            grid-auto-rows: minmax(300px, auto);\n            gap: 32px;\n        }\n\n        .section-daily-essentials-item:nth-child(1) {\n            grid-column: 1 \/ 2;\n            grid-row: 1 \/ 3;\n        }\n\n        .section-daily-essentials-item:nth-child(2) {\n            grid-column: 2 \/ 3;\n            grid-row: 1 \/ 2;\n        }\n\n        .section-daily-essentials-item:nth-child(3) {\n            grid-column: 1 \/ 2;\n            grid-row: 3 \/ 4;\n        }\n\n        .section-daily-essentials-item:nth-child(4) {\n            grid-column: 2 \/ 3;\n            grid-row: 2 \/ 4;\n        }\n    }\n\n    @media (max-width: 1079.98px) {\n        .section-daily-essentials-container {\n            display: grid;\n            grid-template-columns: repeat(1, 4frr);\n            grid-auto-rows: minmax(300px, auto);\n            gap: 32px;\n        }\n\n        .section-daily-essentials-item:nth-child(1) {\n            grid-column: 1 \/ 2;\n            grid-row: 2 \/ 3;\n        }\n\n        .section-daily-essentials-item:nth-child(2) {\n            grid-column: 1 \/ 2;\n            grid-row: 1 \/ 2;\n        }\n\n        .section-daily-essentials-item:nth-child(3) {\n            grid-column: 1 \/ 2;\n            grid-row: 3 \/ 4;\n        }\n\n        .section-daily-essentials-item:nth-child(4) {\n            grid-column: 1 \/ 2;\n            grid-row: 4 \/ 5;\n        }\n    }\n\n    .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: flex-start;\n        background-color: #ffffff;\n        height: 100%;\n        border-radius: 16px;\n        overflow: hidden;\n    }\n\n    .section-daily-essentials-item .section-daily-essentials-list-text-item {\n        padding: 40px;\n        color: #000000;\n    }\n\n    .section-daily-essentials-item .essential-headline {\n        font-size: 40px;\n        font-weight: 800;\n        line-height: 1.2;\n        margin: 0 0 16px;\n    }\n\n    .section-daily-essentials-item .essential-description {\n        font-size: 20px;\n        font-weight: 400;\n        line-height: 1.5;\n        margin: 0;\n    }\n\n    \/* ------------------------------------------------------------\n[Sections] Series Inspiration\n------------------------------------------------------------ *\/\n    .section-series-inspiration {\n        background-color: #1c1c1c;\n    }\n\n    .section-series-inspiration-container {\n        position: relative;\n    }\n\n    .section-series-inspiration-button,\n    .edition-inspiration-button {\n        position: absolute;\n        top: 0;\n        right: 0;\n        margin: 32px;\n        width: 40px;\n        height: 40px;\n        color: #ffffff;\n        background-color: transparent;\n        border: none;\n        border-radius: 100px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        z-index: 1;\n    }\n\n    @media (min-width: 1080px) {\n        .section-series-inspiration .section-body {\n            position: relative;\n            max-width: 1200px;\n            padding: 0 4rem;\n            margin: 0 auto;\n        }\n\n        .section-series-inspiration-container {\n            border-radius: 32px;\n            overflow: hidden;\n        }\n    }\n\n    @media (max-width: 1079.98px) {\n        .section-series-inspiration.section-body {\n            position: relative;\n            padding: 0;\n            border-radius: 0;\n        }\n    }\n\n    \/* ------------------------------------------------------------\n[Sections] Wallpapers\n------------------------------------------------------------ *\/\n    .section-wallpapers {\n        background-color: #1c1c1c;\n    }\n\n    .section-wallpapers button.btn-outline {\n        border-color: #ffffff !important;\n        color: #ffffff !important;\n        background-color: transparent !important;\n    }\n\n    .section-wallpapers img.section-wallpapers-image {\n        border-radius: 32px;\n        overflow: hidden;\n        padding: 4rem;\n    }\n\n    @media (max-width: 1079.98px) {\n        .section-wallpapers img.section-wallpapers-image {\n            border-radius: 16px;\n            padding: 2rem;\n        }\n    }\n\n    \/* ------------------------------------------------------------\nModal Styles\n------------------------------------------------------------ *\/\n    .edition-inspiration-button {\n        background: linear-gradient(135deg,\n                rgba(255, 255, 255, 0.1),\n                rgba(255, 255, 255, 0.05));\n        backdrop-filter: blur(20px);\n        -webkit-backdrop-filter: blur(20px);\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n            inset 0 1px 0 rgba(255, 255, 255, 0.2);\n        padding: 4px;\n        border-radius: 100px;\n        transition: all 0.3s ease;\n    }\n\n    .edition-inspiration-button:hover {\n        background: rgba(255, 255, 255, 0.25);\n    }\n\n    #modal-subscription {\n        display: none;\n        position: fixed;\n        z-index: 1000;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.6);\n    }\n\n    #modal-subscription .modal-content {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        background-color: #1c1c1c;\n        padding: 48px;\n        width: 90%;\n        max-width: 740px;\n        min-height: 600px;\n        border-radius: 32px;\n        display: flex;\n        align-items: center;\n    }\n\n    #modal-subscription .modal-header {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        z-index: 1001;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 50px;\n        height: 50px;\n        background-color: #ffffff;\n        border-radius: 100px;\n        cursor: pointer;\n    }\n\n    #modal-subscription .modal-header .close {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        transition: all 0.3s ease;\n    }\n\n    #modal-subscription .modal-header .close svg {\n        width: 24px;\n        height: 24px;\n        color: #1c1c1c;\n    }\n\n    #modal-subscription .modal-header:hover {\n        background-color: #000000;\n    }\n\n    #modal-subscription .modal-header:hover svg {\n        color: #ffffff;\n    }\n\n    #modal-subscription .modal-text-content {\n        width: 100%;\n        text-align: center;\n        margin-bottom: 32px;\n    }\n\n    #modal-subscription input[type=\"email\"] {\n        text-align: center;\n    }\n\n    #modal-subscription button[type=\"submit\"] {\n        border-radius: 100px;\n    }\n\n    #modal-content {\n        display: none;\n        position: fixed;\n        z-index: 1000;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    #modal-content .modal-content {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        background: linear-gradient(135deg,\n                rgba(255, 255, 255, 0.1),\n                rgba(255, 255, 255, 0.05));\n        backdrop-filter: blur(20px);\n        -webkit-backdrop-filter: blur(20px);\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n            inset 0 1px 0 rgba(255, 255, 255, 0.2);\n        padding: 48px;\n        width: 90%;\n        max-width: 800px;\n        border-radius: 32px;\n    }\n\n    .modal-body {\n        padding: 0;\n    }\n\n    .modal-image-container {\n        width: 100%;\n        text-align: center;\n        color: #ffffff;\n    }\n\n    .modal-image {\n        width: 100%;\n        height: auto;\n        border-radius: 16px;\n        object-fit: contain;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n    }\n\n    #modal-content .modal-headline {\n        color: #ffffff;\n    }\n\n    @media (min-width: 1080px) {\n        .modal-text-content {\n            padding: 40px;\n            color: #ffffff;\n        }\n\n        .modal-headline {\n            font-size: 48px;\n            font-weight: 800;\n            line-height: 1.2;\n            margin: 0 0 16px;\n        }\n\n        .modal-subheadline {\n            font-size: 20px;\n            font-weight: 400;\n            line-height: 1.5;\n            margin: 0;\n        }\n    }\n\n    @media (max-width: 1079.98px) {\n        .modal-content {\n            width: 95%;\n            margin: 20px auto;\n            padding: 15px;\n        }\n\n        .modal-header {\n            top: 15px;\n            right: 15px;\n        }\n\n        .modal-text-content {\n            padding: 16px 0;\n            color: #ffffff;\n        }\n\n        .modal-content .modal-image {\n            cursor: pointer;\n        }\n\n        .modal-headline {\n            font-size: 24px;\n            font-weight: 800;\n            line-height: 1.2;\n            margin: 0 0 16px;\n        }\n\n        .modal-subheadline {\n            font-size: 16px;\n            font-weight: 400;\n            line-height: 1.5 !important;\n            margin: 0;\n        }\n\n        .close {\n            width: 40px;\n            height: 40px;\n            font-size: 24px;\n        }\n    }\n\u003c\/style\u003e\n\n\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\n\n\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\n\u003clink rel=\"stylesheet\" href=\"style.css\"\u003e\n\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\n    \u003c!-- Intro Section --\u003e\n    \u003csection class=\"section-intro\"\u003e\n        \u003cdiv class=\"section-container-fluid\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n                    \u003cp class=\"section-preheadline\"\u003eSérie iPhone 17 Pro\u003c\/p\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eÉdition Nocturne\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003e\n                        Inspirée des motifs monochromes de la Toile de Jouy française. L'élégance sauvage perdure à travers les félins et le feuillage dessinés à la main.\n                        et\n                        le feuillage. \u003c\/p\u003e\n\n                    \u003cbutton class=\"cta-button\"\u003eS'abonner\u003c\/button\u003e\n                \u003c\/div\u003e\n\n\n                \u003cdiv class=\"section-body\"\u003e\n\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=\"Coque MagSafe iPhone 17 Pro Series Nocturne posée verticalement avec motif arrière\"\u003e\n                    \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=\"Coque MagSafe iPhone 17 Pro Series Nocturne posée verticalement avec motif arrière\"\u003e\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n    \u003c!-- Highlights Section --\u003e\n    \u003csection class=\"section-highlights sq-desktop-view\"\u003e\n        \u003cdiv class=\"section-container\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-body\"\u003e\n\n                    \u003cdiv class=\"section-highlights-feature-container\"\u003e\n\n                        \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n                            \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_01.jpg?v=1769620549\" alt=\"Coque MagSafe iPhone 17 Pro Series Nocturne montrant un gros plan du motif en relief et de l'anneau MagSafe\"\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n                            \u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n                                \u003cp class=\"feature-headline\"\u003eTechnologie Hexa-couches\u003c\/p\u003e\n\n                                \u003cp class=\"feature-description\"\u003e\n                                    Découvrez des graphiques à effet spatial 3D avec l'impression numérique Hexa-Couches.\n                                    L'impression numérique Hexa-Layer. Découvrez la nouvelle norme de design de haute qualité. Le\n                                    détail unique imite la complexité du temps avec des couches de\n                                    d'impression en profondeur qui est dans une ligue à part.\n                                \u003c\/p\u003e\n\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n                            \u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n                                \u003cp class=\"feature-headline\"\u003eProtection complète\u003c\/p\u003e\n\n                                \u003cp class=\"feature-description\"\u003e\n                                    La protection de l'appareil photo et la technologie de coussin d'air protègent votre iPhone 17\n                                    Pro au quotidien.\n                                \u003c\/p\u003e\n\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n                            \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_02.jpg?v=1769620549\" alt=\"Coque iPhone 17 Pro Series Nocturne montrant une vue inclinée de la découpe de l'appareil photo et du cadre d'objectif surélevé\"\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n                            \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_03.jpg?v=1769620549\" alt=\"Gros plan du coin avec une image ombragée avec un objet rectangulaire bleu réfléchissant affichant la technologie de coussin d'air\"\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n    \u003c!-- Highlights Section (Mobile) --\u003e\n    \u003csection class=\"section-highlights sq-mobile-view\"\u003e\n        \u003cdiv class=\"section-container\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-body\"\u003e\n\n                    \u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\n                        \u003cdiv class=\"swiper-wrapper\"\u003e\n\n                            \u003cdiv class=\"swiper-slide\"\u003e\n\n                                \u003cdiv class=\"slide-container\"\u003e\n\n                                    \u003cdiv class=\"slide-header\"\u003e\n\n                                        \u003ch1 class=\"section-headline\"\u003eTechnologie Hexa-couches.\u003c\/h1\u003e\n\n                                        \u003cp class=\"section-subheadline\"\u003e\n                                            Découvrez les graphiques à effet spatial 3D avec l'impression numérique Hexa-Layer.\n                                            L'impression numérique Hexa-Layer. Découvrez la nouvelle norme de design de haute qualité.\n                                            Le détail unique imite la complexité du temps\n                                            avec des couches d'impression en profondeur qui est dans une classe à part.\n                                        \u003c\/p\u003e\n\n                                    \u003c\/div\u003e\n\n                                    \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_01.jpg?v=1769620549\" alt=\"Coque MagSafe iPhone 17 Pro Series Nocturne montrant un gros plan du motif en relief et de l'anneau MagSafe\"\u003e\n                                \u003c\/div\u003e\n\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"swiper-slide\"\u003e\n\n                                \u003cdiv class=\"slide-container\"\u003e\n\n                                    \u003cdiv class=\"slide-header\"\u003e\n\n                                        \u003ch1 class=\"section-headline\"\u003eProtégez l'essentiel.\u003c\/h1\u003e\n\n                                        \u003cp class=\"section-subheadline\"\u003e\n                                            Les bords surélevés empêchent les rayures sur l'écran et l'appareil photo sous tous les angles.\n                                        \u003c\/p\u003e\n\n                                    \u003c\/div\u003e\n\n\n                                    \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_02.jpg?v=1769620549\" alt=\"Coque iPhone 17 Pro Series Nocturne montrant une vue inclinée de la découpe de l'appareil photo et du cadre d'objectif surélevé\"\u003e\n                                \u003c\/div\u003e\n\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"swiper-slide\"\u003e\n\n                                \u003cdiv class=\"slide-container\"\u003e\n\n                                    \u003cdiv class=\"slide-header\"\u003e\n\n                                        \u003ch1 class=\"section-headline\"\u003eUne protection de confiance.\u003c\/h1\u003e\n\n                                        \u003cp class=\"section-subheadline\"\u003e\n                                            La technologie Air Cushion™ absorbe et atténue tous les chocs\n                                            dans chaque coin.\n                                        \u003c\/p\u003e\n\n                                    \u003c\/div\u003e\n\n\n                                    \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_03.jpg?v=1769620549\" alt=\"Gros plan du coin avec une image ombragée avec un objet rectangulaire bleu réfléchissant affichant la technologie de coussin d'air\"\u003e\n                                \u003c\/div\u003e\n\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cscript\u003e\n            var swiper = new Swiper(\".highlightSwiper\", {\n                slidesPerView: 1,\n                spaceBetween: 32,\n                pagination: {\n                    el: \".highlightSwiper-pagination\",\n                    clickable: true,\n                },\n            });\n        \u003c\/script\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Daily Essentials Section --\u003e\n    \u003csection class=\"section-daily-essentials\"\u003e\n        \u003cdiv class=\"section-container\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eEssentiels quotidiens\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003eLes essentiels du quotidien couverts.\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n\n                \u003cdiv class=\"section-body\"\u003e\n\n                    \u003cdiv class=\"section-daily-essentials-container\"\u003e\n\n                        \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n                            \u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n                                \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=\"Coque de téléphone iPhone 17 Pro Series Nocturne montrant le profil latéral avec un bouton de contrôle de l'appareil photo réactif pendant l'utilisation de l'appareil photo\"\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n                            \u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n                                \u003cp class=\"essential-headline\"\u003eAccès facile\u003c\/p\u003e\n\n                                \u003cp class=\"essential-description\"\u003e\n                                    Découpes précises pour un accès facile et complet à tous les boutons de l'iPhone.\n                                    iPhone.\n                                \u003c\/p\u003e\n\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n                            \u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n                                \u003cp class=\"essential-headline\"\u003eChargez simplement.\u003c\/p\u003e\n\n                                \u003cp class=\"essential-description\"\u003e\n                                    Nous savons que c'est un problème d'enlever la coque. Alors, chargez simplement\n                                    avec la coque via un chargeur sans fil ou un chargeur MagSafe.\n                                \u003c\/p\u003e\n\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n                            \u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n                                \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=\"Coque iPhone 17 Pro Nocturne MagSafe montrant la vue avant et arrière sur un support de charge\"\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n    \u003c!-- Series Inspiration Section --\u003e\n    \u003csection class=\"section-series-inspiration\"\u003e\n        \u003cdiv class=\"section-container-fluid\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eC'est maintenant ou jamais.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003eLaboratoire de conception c11\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n\n                \u003cdiv class=\"section-body\"\u003e\n\n                    \u003cdiv class=\"section-series-inspiration-container\"\u003e\n\n                        \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=\"Coque iPhone 17 Pro Nocturne MagSafe présentée dans une boîte de présentation ouverte\"\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n\n\n            \u003c!-- Modal for Subscription --\u003e\n            \u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\n\n                \u003cdiv class=\"modal-content\"\u003e\n\n                    \u003cdiv class=\"modal-header\"\u003e\n\n                        \u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\n                            \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\n                                \u003cpath fill=\"currentColor\" d=\"M135.5 169C126.1 159.6 126.1 144.4 135.5 135.1C144.9 125.8 160.1 125.7 169.4 135.1L320.4 286.1L471.4 135.1C480.8 125.7 496 125.7 505.3 135.1C514.6 144.5 514.7 159.7 505.3 169L354.3 320L505.3 471C514.7 480.4 514.7 495.6 505.3 504.9C495.9 514.2 480.7 514.3 471.4 504.9L320.4 353.9L169.4 504.9C160 514.3 144.8 514.3 135.5 504.9C126.2 495.5 126.1 480.3 135.5 471L286.5 320L135.5 169z\"\u003e\n                                \u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"modal-body\"\u003e\n\n                        \u003cdiv class=\"modal-image-container\"\u003e\n\n                            \u003cdiv class=\"modal-text-content text-light\"\u003e\n\n                                \u003ch1 class=\"modal-headline\"\u003eRestez informé des nouveautés.\u003c\/h1\u003e\n\n                                \u003cp class=\"modal-subheadline\"\u003e\n                                    Abonnez-vous et soyez le premier à découvrir les nouveaux designs \u003cbr\u003ec11\n                                    chaque mois.\n                                \u003c\/p\u003e\n\n                            \u003c\/div\u003e\n\n                            \u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n\n            \u003cscript\u003e\n                \/\/ Modal functionality\n                document.addEventListener(\"DOMContentLoaded\", function () {\n                    console.log(\"Modal script loaded\");\n\n                    \/\/ Get modal elements\n                    const modalSubscription = document.getElementById(\"modal-subscription\");\n                    const modalContent = document.getElementById(\"modal-content\");\n\n                    \/\/ Get button elements\n                    const ctaButton = document.querySelector(\".cta-button\");\n                    const inspirationButton = document.querySelector(\n                        \".edition-inspiration-button\"\n                    );\n\n                    console.log(\"CTA Button found:\", ctaButton);\n                    console.log(\"Inspiration Button found:\", inspirationButton);\n                    console.log(\"Modal Subscription found:\", modalSubscription);\n                    console.log(\"Modal Content found:\", modalContent);\n\n                    \/\/ Function to open modal\n                    function openModal(modal) {\n                        if (modal) {\n                            modal.style.display = \"block\";\n                            document.body.style.overflow = \"hidden\";\n                            console.log(\"Modal opened:\", modal.id);\n                        }\n                    }\n\n                    \/\/ Function to close modal\n                    function closeModal(modal) {\n                        if (modal) {\n                            modal.style.display = \"none\";\n                            document.body.style.overflow = \"auto\";\n                            console.log(\"Modal closed:\", modal.id);\n                        }\n                    }\n\n                    \/\/ CTA Button → Subscription Modal\n                    if (ctaButton \u0026\u0026 modalSubscription) {\n                        ctaButton.addEventListener(\"click\", function (e) {\n                            e.preventDefault();\n                            e.stopPropagation();\n                            console.log(\"CTA button clicked\");\n                            openModal(modalSubscription);\n                        });\n                    } else {\n                        console.error(\"CTA button or subscription modal not found\");\n                    }\n\n                    \/\/ Inspiration Button → Content Modal\n                    if (inspirationButton \u0026\u0026 modalContent) {\n                        inspirationButton.addEventListener(\"click\", function (e) {\n                            e.preventDefault();\n                            e.stopPropagation();\n                            console.log(\"Inspiration button clicked\");\n                            openModal(modalContent);\n                        });\n                    } else {\n                        console.error(\"Inspiration button or content modal not found\");\n                    }\n\n                    \/\/ Close buttons\n                    const closeBtns = document.querySelectorAll(\".close\");\n                    closeBtns.forEach(function (closeBtn) {\n                        closeBtn.addEventListener(\"click\", function (e) {\n                            e.preventDefault();\n                            e.stopPropagation();\n                            const modalId = this.getAttribute(\"data-modal\");\n                            const modal = document.getElementById(modalId);\n                            console.log(\"Close button clicked for modal:\", modalId);\n                            closeModal(modal);\n                        });\n                    });\n\n                    \/\/ Close modal when clicking outside of modal content\n                    window.addEventListener(\"click\", function (event) {\n                        if (event.target.classList.contains(\"modal\")) {\n                            console.log(\"Modal background clicked\");\n                            closeModal(event.target);\n                        }\n                    });\n\n                    \/\/ ESC key to close modals\n                    document.addEventListener(\"keydown\", function (e) {\n                        if (e.key === \"Escape\") {\n                            if (\n                                modalSubscription \u0026\u0026\n                                modalSubscription.style.display === \"block\"\n                            ) {\n                                closeModal(modalSubscription);\n                            }\n                            if (modalContent \u0026\u0026 modalContent.style.display === \"block\") {\n                                closeModal(modalContent);\n                            }\n                        }\n                    });\n\n                    \/\/ Modal image click to close modal (only for mobile screens)\n                    const modalImage = document.querySelector(\"#modal-content .modal-image\");\n                    if (modalImage \u0026\u0026 modalContent) {\n                        modalImage.addEventListener(\"click\", function (e) {\n                            \/\/ Check if screen width is 1079.98px or less\n                            if (window.matchMedia(\"(max-width: 1079.98px)\").matches) {\n                                e.preventDefault();\n                                e.stopPropagation();\n                                console.log(\"Modal image clicked on mobile - closing modal\");\n                                closeModal(modalContent);\n                            }\n                        });\n                    }\n                });\n            \u003c\/script\u003e\n\n            \u003cscript\u003e\n                \/\/ Omnisend 폼 성공 이벤트 리스너\n                document.addEventListener(\"DOMContentLoaded\", function () {\n                    const modalTitle = document.querySelector(\".modal-title\");\n                    const modalText = document.querySelector(\".modal-text\");\n                    const modalContent = document.querySelector(\".modal-content-wrapper\");\n                    let hasChanged = false; \/\/ 변경 여부를 추적하는 플래그\n\n                    \/\/ Omnisend 폼의 성공 섹션 감지\n                    const checkSuccess = function () {\n                        const successSection = document.querySelector(\n                            \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\"\n                        );\n                        if (\n                            successSection \u0026\u0026\n                            window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026\n                            !hasChanged\n                        ) {\n                            \/\/ 모달 내용 변경 (한 번만 실행)\n                            modalTitle.textContent = \"Nice to have you!\";\n                            modalText.innerHTML =\n                                \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\";\n\n                            \/\/ Omnisend 폼 숨기기\n                            const omnisendForm = document.getElementById(\n                                \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\n                            );\n                            if (omnisendForm) {\n                                omnisendForm.style.display = \"none\";\n                            }\n\n                            hasChanged = true; \/\/ 변경되었음을 표시\n                            clearInterval(checkInterval); \/\/ 인터벌 중지\n                        }\n                    };\n\n                    \/\/ 주기적으로 성공 섹션 확인\n                    const checkInterval = setInterval(checkSuccess, 500);\n\n                    \/\/ 폼 제출 버튼 클릭 이벤트 감지\n                    const submitButton = document.querySelector(\n                        \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\"\n                    );\n                    if (submitButton) {\n                        submitButton.addEventListener(\"click\", function () {\n                            if (!hasChanged) {\n                                \/\/ 아직 변경되지 않은 경우에만 실행\n                                setTimeout(checkSuccess, 1000);\n                            }\n                        });\n                    }\n                });\n            \u003c\/script\u003e\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n    \u003c!-- Wallpaper Section --\u003e\n    \u003csection class=\"section-wallpapers\"\u003e\n        \u003cdiv class=\"section-container\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n                    \u003cp class=\"section-preheadline\" style=\"color: #549CF3 !important;\"\u003eFONDS D'ÉCRAN GRATUITS\u003c\/p\u003e\n\n                    \u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003eÉlégant à l'intérieur comme à l'extérieur.\n                    \u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003eComplétez la configuration. \u003cbr\u003eDes fonds d'écran assortis gratuits sont disponibles dès maintenant.\u003c\/p\u003e\n\n                    \u003cbutton class=\"cta-button btn-outline\" onclick=\"window.open('https:\/\/www.spigen.com\/pages\/wallpapers', '_blank')\"\u003e\n                        Télécharger maintenant\n                    \u003c\/button\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"section-body\"\u003e\n\n                    \u003cdiv class=\"section-wallpapers-container\"\u003e\n\n                        \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\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\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\n            \u003ch2\u003e\u003cspan style=\"color: #ffffff;\"\u003ePlus qu'une simple protection.\u003c\/span\u003e\u003c\/h2\u003e\n\n            \u003cp\u003e\u003cspan style=\"color: #ffffff;\"\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/span\u003e\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sq--section-outro-body\"\u003e\n\n            \u003cdiv class=\"sq--section-row\"\u003e\n\n                \u003cdiv class=\"sq--section-column\"\u003e\n\n                    \u003cdiv class=\"sq--rewards\"\u003e\n\n                        \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                            \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e\n\n                            \u003cp\u003eProtection avec avantages pour \u003cbr\u003enos membres Récompenses.\u003c\/p\u003e\n\n                            \u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\n                                \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                                        \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eObtenez-le plus rapidement\u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                                        Nous offrons une livraison accélérée à prix réduit à nos membres Elite et\n                                        et Executive.\n                                    \u003c\/div\u003e\n\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                                        \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n\n                                        Coupon saisonnier\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                                        Chaque saison, nous offrons à nos membres Elite et Executive des coupons de récompense avec de nouveaux équipements.\n                                        de nouveaux équipements.\n                                    \u003c\/div\u003e\n\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                                        \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n\n                                        Équipe de soins exécutifs\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                                        Nous avons créé une équipe dédiée où nous nous occupons personnellement\n                                        de tout, du service de garantie à toutes les questions.\n                                    \u003c\/div\u003e\n\n                                \u003c\/div\u003e\n\n                            \u003c\/div\u003e\n\n                            \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e\n                                Rejoignez-nous\n                            \u003c\/button\u003e\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carrousel de l'histoire de la marque Spigen\"\u003e\n\n                    \u003cdiv class=\"swiper-wrapper\"\u003e\n\n                        \u003cdiv class=\"swiper-slide\"\u003e\n\n                            \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise\" tabindex=\"0\"\u003e\n                                \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                                    \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e\n\n                                    \u003cspan class=\"sr-only\"\u003e\n                                        Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise.\n                                    \u003c\/span\u003e\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--outro-background-media\"\u003e\n\n                                    \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\n                                \u003c\/div\u003e\n\n                            \u003c\/a\u003e\n                        \u003c\/div\u003e\n\n\n                        \u003cdiv class=\"swiper-slide\"\u003e\n\n                            \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Durabilité - Explorez les efforts de durabilité de Spigen et les initiatives de ClimatePartner\" tabindex=\"0\"\u003e\n                                \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                                    \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo de ClimatePartner\"\u003e\n                                    \u003ch3 class=\"text-h3 sr-only\"\u003eDurabilité\u003c\/h3\u003e\n\n                                    \u003cspan class=\"sr-only\"\u003e\n                                        Explorez les efforts de durabilité de Spigen et les initiatives de\n                                        ClimatePartner\n                                    \u003c\/span\u003e\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--outro-background-media\"\u003e\n\n                                    \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\n                                \u003c\/div\u003e\n\n                            \u003c\/a\u003e\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/sq-listing-outro\u003e\n\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Nocturne \/ En stock","offer_id":53890607448175,"sku":"ACS11383","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Nocturne \/ En stock","offer_id":53890607480943,"sku":"ACS11384","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone17series_c11_nocturne_01.jpg?v=1785117307"},{"product_id":"iphone-17-series-c11-series-arcade-edition-mag-fit","title":"Série iPhone 17 - Série c11 Arcade Edition (Mag Fit)","description":"\u003cstyle\u003e\n    body {\n        margin: 0;\n        padding: 0;\n    }\n\n    *,\n    ::after,\n    ::before {\n        box-sizing: border-box;\n    }\n\n    .product-description section {\n        position: relative;\n        width: 100%;\n    }\n\n    .product-description section:first-of-type {\n        border-top-left-radius: 32px;\n        border-top-right-radius: 32px;\n    }\n\n    .product-description section:last-of-type {\n        border-bottom-left-radius: 32px;\n        border-bottom-right-radius: 32px;\n    }\n\n    .product-description .section-container-fluid {\n        width: 100%;\n        max-width: 100%;\n        margin: 0 auto;\n    }\n\n    .product-description .section-container {\n        width: 100%;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    @media (min-width: 1080px) {\n        .product-description .section-container {\n            padding: 0 4rem;\n        }\n\n        .product-description section:not(:first-of-type) {\n            padding-bottom: 200px;\n        }\n    }\n\n    @media (max-width: 1079.98px) {\n        .product-description .section-container {\n            padding: 0 2rem;\n        }\n\n        .product-description section:not(:first-of-type) {\n            padding-bottom: 80px;\n        }\n    }\n\n    .product-description img {\n        width: 100%;\n        height: auto;\n    }\n\n    \/* ------------------------------------------------------------\nText Alignment\n------------------------------------------------------------ *\/\n    .product-description .text-center {\n        text-align: center;\n    }\n\n    .product-description .text-left {\n        text-align: left;\n    }\n\n    .product-description .text-right {\n        text-align: right;\n    }\n\n    \/* ------------------------------------------------------------\nText Colors\n------------------------------------------------------------ *\/\n    .product-description .text-dark * {\n        color: #000;\n    }\n\n    .product-description .text-light * {\n        color: #fff;\n    }\n\n    .product-description .text-info {\n        color: #8d8d8f;\n    }\n\n    \/* ------------------------------------------------------------\nVisibility\n------------------------------------------------------------ *\/\n    @media (min-width: 1080px) {\n        .product-description .sq-mobile-view {\n            display: none;\n        }\n    }\n\n    @media (max-width: 1079.98px) {\n        .product-description .sq-desktop-view {\n            display: none;\n        }\n    }\n\n    \/* ------------------------------------------------------------\nHeadlines\n------------------------------------------------------------ *\/\n    .product-description .section-header {\n        max-width: 600px;\n        margin: 0 auto;\n    }\n\n    .product-description .section-preheadline {\n        font-weight: 400;\n        line-height: 1.2;\n    }\n\n    .product-description .section-headline {\n        font-weight: 800;\n        line-height: 1.2;\n    }\n\n    .product-description .section-subheadline {\n        font-weight: 400;\n        line-height: 1.5;\n    }\n\n    @media (min-width: 1080px) {\n        .product-description .section-header {\n            padding: 3rem;\n        }\n\n        .product-description .section-preheadline {\n            font-size: 20px;\n            margin: 0 0 8px;\n        }\n\n        .product-description .section-headline {\n            font-size: 48px;\n            margin: 0 0 16px;\n        }\n\n        .product-description .section-subheadline {\n            font-size: 18px;\n            line-height: 1.5;\n            margin: 0;\n        }\n    }\n\n    @media (max-width: 1079.98px) {\n        .product-description .section-header {\n            padding: 3rem;\n        }\n\n        .product-description .section-preheadline {\n            font-size: 18px;\n            margin: 0 0 8px;\n        }\n\n        .product-description .section-headline {\n            font-size: 36px;\n            margin: 0 0 16px;\n        }\n\n        .product-description .section-subheadline {\n            font-size: 16px;\n            line-height: 1.5;\n            margin: 0;\n        }\n    }\n\n    .product-description .cta-button {\n        display: inline-block;\n        padding: 16px 32px;\n        border-radius: 100px;\n        background-color: #ffffff;\n        border: 1px solid #ffffff;\n        color: #000000;\n        font-size: 20px;\n        font-weight: 400;\n        text-decoration: none;\n        line-height: 1.5;\n        margin: 0;\n        transition: all 0.3s ease;\n        cursor: pointer;\n    }\n\n    .product-description .cta-button:hover {\n        background-color: #dedede;\n        border-color: #dedede;\n        color: #000000;\n    }\n\n    .product-description .section-header p+.cta-button {\n        margin-top: 32px;\n    }\n\n    \/* ------------------------------------------------------------\n[Sections] Intro\n------------------------------------------------------------ *\/\n    .section-intro {\n        background-color: #1c1c1c;\n    }\n\n    @media (min-width: 1080px) {\n        .section-intro .section-intro-banner {\n            width: 100%;\n            height: 1200px;\n            object-fit: cover;\n        }\n    }\n\n    \/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n    .section-highlights {\n        background-color: #1c1c1c;\n    }\n\n    .section-highlights .section-header {\n        max-width: 480px;\n    }\n\n    .section-highlights-feature-container {\n        width: 100%;\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        padding: 16px;\n        margin: 0 auto;\n    }\n\n    .section-highlights-feature-item {\n        flex: 0 0 auto;\n        padding: 16px;\n    }\n\n    @media (min-width: 1080px) {\n        .section-highlights-feature-item:nth-child(1) {\n            width: 50%;\n        }\n\n        .section-highlights-feature-item:nth-child(2) {\n            width: 50%;\n        }\n\n        .section-highlights-feature-item:nth-child(3) {\n            width: 40%;\n        }\n\n        .section-highlights-feature-item:nth-child(4) {\n            width: 30%;\n        }\n\n        .section-highlights-feature-item:nth-child(5) {\n            width: 30%;\n        }\n    }\n\n    .section-highlights-feature-item [class^=\"section-highlights-list-\"] {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: flex-start;\n        background-color: #000000;\n        height: 100%;\n        border-radius: 32px;\n        overflow: hidden;\n    }\n\n    .section-highlights-feature-item .section-highlights-list-text-item {\n        padding: 40px;\n        color: #ffffff;\n    }\n\n    .section-highlights-feature-item .feature-headline {\n        font-size: 40px;\n        font-weight: 800;\n        line-height: 1.2;\n        margin: 0 0 16px;\n    }\n\n    .section-highlights-feature-item .feature-description {\n        font-size: 20px;\n        font-weight: 400;\n        line-height: 1.5;\n        margin: 0;\n    }\n\n    .section-highlights-feature-item img {\n        aspect-ratio: 1\/1;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n    }\n\n    \/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n    .highlightSwiper {\n        width: 100%;\n        padding-top: 32px;\n    }\n\n    .highlightSwiper .swiper-wrapper {\n        width: 100%;\n        height: auto;\n    }\n\n    .highlightSwiper .swiper-wrapper .slide-header {\n        width: 100%;\n        padding: 40px 16px;\n        text-align: center;\n        color: #ffffff;\n    }\n\n    .highlightSwiper .swiper-wrapper .slide-image {\n        aspect-ratio: 1\/1;\n        width: 100%;\n        height: 100%;\n        min-height: 300px;\n        object-fit: cover;\n        object-position: center;\n        border-radius: 32px;\n        overflow: hidden;\n    }\n\n    .highlightSwiper-pagination {\n        display: block;\n        width: 100%;\n        padding: 16px;\n        text-align: center;\n    }\n\n    .highlightSwiper-pagination .swiper-pagination-bullet {\n        width: 16px;\n        height: 16px;\n        border-radius: 100px;\n        background-color: #dddddd;\n        margin: 0 8px;\n        transition: all 1s ease;\n    }\n\n    .highlightSwiper-pagination .swiper-pagination-bullet-active {\n        background-color: #ffffff !important;\n        width: 48px;\n        height: 16px;\n    }\n\n    \/* ------------------------------------------------------------\n[Sections] Daily Essentials\n------------------------------------------------------------ *\/\n    .section-daily-essentials {\n        background-color: #1c1c1c;\n    }\n\n    .section-daily-essentials img {\n        aspect-ratio: 468\/605;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n    }\n\n    @media (min-width: 1080px) {\n        .section-daily-essentials-container {\n            display: grid;\n            grid-template-columns: repeat(2, 3fr);\n            grid-auto-rows: minmax(300px, auto);\n            gap: 32px;\n        }\n\n        .section-daily-essentials-item:nth-child(1) {\n            grid-column: 1 \/ 2;\n            grid-row: 1 \/ 3;\n        }\n\n        .section-daily-essentials-item:nth-child(2) {\n            grid-column: 2 \/ 3;\n            grid-row: 1 \/ 2;\n        }\n\n        .section-daily-essentials-item:nth-child(3) {\n            grid-column: 1 \/ 2;\n            grid-row: 3 \/ 4;\n        }\n\n        .section-daily-essentials-item:nth-child(4) {\n            grid-column: 2 \/ 3;\n            grid-row: 2 \/ 4;\n        }\n    }\n\n    @media (max-width: 1079.98px) {\n        .section-daily-essentials-container {\n            display: grid;\n            grid-template-columns: repeat(1, 4frr);\n            grid-auto-rows: minmax(300px, auto);\n            gap: 32px;\n        }\n\n        .section-daily-essentials-item:nth-child(1) {\n            grid-column: 1 \/ 2;\n            grid-row: 2 \/ 3;\n        }\n\n        .section-daily-essentials-item:nth-child(2) {\n            grid-column: 1 \/ 2;\n            grid-row: 1 \/ 2;\n        }\n\n        .section-daily-essentials-item:nth-child(3) {\n            grid-column: 1 \/ 2;\n            grid-row: 3 \/ 4;\n        }\n\n        .section-daily-essentials-item:nth-child(4) {\n            grid-column: 1 \/ 2;\n            grid-row: 4 \/ 5;\n        }\n    }\n\n    .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: flex-start;\n        background-color: #ffffff;\n        height: 100%;\n        border-radius: 16px;\n        overflow: hidden;\n    }\n\n    .section-daily-essentials-item .section-daily-essentials-list-text-item {\n        padding: 40px;\n        color: #000000;\n    }\n\n    .section-daily-essentials-item .essential-headline {\n        font-size: 40px;\n        font-weight: 800;\n        line-height: 1.2;\n        margin: 0 0 16px;\n    }\n\n    .section-daily-essentials-item .essential-description {\n        font-size: 20px;\n        font-weight: 400;\n        line-height: 1.5;\n        margin: 0;\n    }\n\n    \/* ------------------------------------------------------------\n[Sections] Series Inspiration\n------------------------------------------------------------ *\/\n    .section-series-inspiration {\n        background-color: #1c1c1c;\n    }\n\n    .section-series-inspiration-container {\n        position: relative;\n    }\n\n    .section-series-inspiration-button,\n    .edition-inspiration-button {\n        position: absolute;\n        top: 0;\n        right: 0;\n        margin: 32px;\n        width: 40px;\n        height: 40px;\n        color: #ffffff;\n        background-color: transparent;\n        border: none;\n        border-radius: 100px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        z-index: 1;\n    }\n\n    @media (min-width: 1080px) {\n        .section-series-inspiration .section-body {\n            position: relative;\n            max-width: 1200px;\n            padding: 0 4rem;\n            margin: 0 auto;\n        }\n\n        .section-series-inspiration-container {\n            border-radius: 32px;\n            overflow: hidden;\n        }\n    }\n\n    @media (max-width: 1079.98px) {\n        .section-series-inspiration.section-body {\n            position: relative;\n            padding: 0;\n            border-radius: 0;\n        }\n    }\n\n    \/* ------------------------------------------------------------\n[Sections] Wallpapers\n------------------------------------------------------------ *\/\n    .section-wallpapers {\n        background-color: #1c1c1c;\n    }\n\n    .section-wallpapers button.btn-outline {\n        border-color: #ffffff !important;\n        color: #ffffff !important;\n        background-color: transparent !important;\n    }\n\n    .section-wallpapers img.section-wallpapers-image {\n        border-radius: 32px;\n        overflow: hidden;\n        padding: 4rem;\n    }\n\n    @media (max-width: 1079.98px) {\n        .section-wallpapers img.section-wallpapers-image {\n            border-radius: 16px;\n            padding: 2rem;\n        }\n    }\n\n    \/* ------------------------------------------------------------\nModal Styles\n------------------------------------------------------------ *\/\n    .edition-inspiration-button {\n        background: linear-gradient(135deg,\n                rgba(255, 255, 255, 0.1),\n                rgba(255, 255, 255, 0.05));\n        backdrop-filter: blur(20px);\n        -webkit-backdrop-filter: blur(20px);\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n            inset 0 1px 0 rgba(255, 255, 255, 0.2);\n        padding: 4px;\n        border-radius: 100px;\n        transition: all 0.3s ease;\n    }\n\n    .edition-inspiration-button:hover {\n        background: rgba(255, 255, 255, 0.25);\n    }\n\n    #modal-subscription {\n        display: none;\n        position: fixed;\n        z-index: 1000;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.6);\n    }\n\n    #modal-subscription .modal-content {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        background-color: #1c1c1c;\n        padding: 48px;\n        width: 90%;\n        max-width: 740px;\n        min-height: 600px;\n        border-radius: 32px;\n        display: flex;\n        align-items: center;\n    }\n\n    #modal-subscription .modal-header {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        z-index: 1001;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 50px;\n        height: 50px;\n        background-color: #ffffff;\n        border-radius: 100px;\n        cursor: pointer;\n    }\n\n    #modal-subscription .modal-header .close {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        transition: all 0.3s ease;\n    }\n\n    #modal-subscription .modal-header .close svg {\n        width: 24px;\n        height: 24px;\n        color: #1c1c1c;\n    }\n\n    #modal-subscription .modal-header:hover {\n        background-color: #000000;\n    }\n\n    #modal-subscription .modal-header:hover svg {\n        color: #ffffff;\n    }\n\n    #modal-subscription .modal-text-content {\n        width: 100%;\n        text-align: center;\n        margin-bottom: 32px;\n    }\n\n    #modal-subscription input[type=\"email\"] {\n        text-align: center;\n    }\n\n    #modal-subscription button[type=\"submit\"] {\n        border-radius: 100px;\n    }\n\n    #modal-content {\n        display: none;\n        position: fixed;\n        z-index: 1000;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    #modal-content .modal-content {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        background: linear-gradient(135deg,\n                rgba(255, 255, 255, 0.1),\n                rgba(255, 255, 255, 0.05));\n        backdrop-filter: blur(20px);\n        -webkit-backdrop-filter: blur(20px);\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n            inset 0 1px 0 rgba(255, 255, 255, 0.2);\n        padding: 48px;\n        width: 90%;\n        max-width: 800px;\n        border-radius: 32px;\n    }\n\n    .modal-body {\n        padding: 0;\n    }\n\n    .modal-image-container {\n        width: 100%;\n        text-align: center;\n        color: #ffffff;\n    }\n\n    .modal-image {\n        width: 100%;\n        height: auto;\n        border-radius: 16px;\n        object-fit: contain;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n    }\n\n    #modal-content .modal-headline {\n        color: #ffffff;\n    }\n\n    @media (min-width: 1080px) {\n        .modal-text-content {\n            padding: 40px;\n            color: #ffffff;\n        }\n\n        .modal-headline {\n            font-size: 48px;\n            font-weight: 800;\n            line-height: 1.2;\n            margin: 0 0 16px;\n        }\n\n        .modal-subheadline {\n            font-size: 20px;\n            font-weight: 400;\n            line-height: 1.5;\n            margin: 0;\n        }\n    }\n\n    @media (max-width: 1079.98px) {\n        .modal-content {\n            width: 95%;\n            margin: 20px auto;\n            padding: 15px;\n        }\n\n        .modal-header {\n            top: 15px;\n            right: 15px;\n        }\n\n        .modal-text-content {\n            padding: 16px 0;\n            color: #ffffff;\n        }\n\n        .modal-content .modal-image {\n            cursor: pointer;\n        }\n\n        .modal-headline {\n            font-size: 24px;\n            font-weight: 800;\n            line-height: 1.2;\n            margin: 0 0 16px;\n        }\n\n        .modal-subheadline {\n            font-size: 16px;\n            font-weight: 400;\n            line-height: 1.5 !important;\n            margin: 0;\n        }\n\n        .close {\n            width: 40px;\n            height: 40px;\n            font-size: 24px;\n        }\n    }\n\u003c\/style\u003e\n\n\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\n\n\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\n\u003clink rel=\"stylesheet\" href=\"style.css\"\u003e\n\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\n    \u003csection class=\"section-intro\"\u003e\n        \u003cdiv class=\"section-container-fluid\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n                    \u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eArcade Edition\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003e\n                        Une version rétro-futuriste d'un jeu d'arcade emblématique. Ce retour en arrière vous fera courir après les lumières néon nostalgiques et le\n                        son du jackpot.\u003c\/p\u003e\n\n                    \u003cbutton class=\"cta-button\"\u003eS'abonner\u003c\/button\u003e\n                \u003c\/div\u003e\n\n\n                \u003cdiv class=\"section-body\"\u003e\n\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=\"Coque de téléphone de la série Arcade montrant un design graphique inspiré du flipper avec découpe de l'appareil photo dans un décor d'arcade néon\"\u003e\n                    \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=\"Coque de téléphone de la série Arcade montrant un design graphique inspiré du flipper avec découpe de l'appareil photo dans un décor d'arcade néon\"\u003e\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n    \u003csection class=\"section-highlights sq-desktop-view\"\u003e\n        \u003cdiv class=\"section-container\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-body\"\u003e\n\n                    \u003cdiv class=\"section-highlights-feature-container\"\u003e\n\n                        \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n                            \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_arcade_01.jpg?v=1767376335\" alt=\"Coque de téléphone de la série Arcade montrant des détails graphiques de style flipper en gros plan avec des textures superposées et des couleurs vives\"\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n                            \u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n                                \u003cp class=\"feature-headline\"\u003eTechnologie Hexa-layering\u003c\/p\u003e\n\n                                \u003cp class=\"feature-description\"\u003e\n                                    Découvrez des graphismes à effet spatial 3D avec l'impression numérique\n                                    Hexa-Layer. Découvrez le nouveau standard de design de haute qualité. Le\n                                    détail unique imite la complexité du temps avec des couches d'impression\n                                    en profondeur qui est unique en son genre.\n                                \u003c\/p\u003e\n\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n                            \u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n                                \u003cp class=\"feature-headline\"\u003eProtection complète\u003c\/p\u003e\n\n                                \u003cp class=\"feature-description\"\u003e\n                                    La protection de l'appareil photo et la technologie d'amortissement à air protègent votre iPhone 17\n                                    Pro au quotidien.\n                                \u003c\/p\u003e\n\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n                            \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_arcade_02.jpg?v=1767376335\" alt=\"Coque de téléphone de la série Arcade montrant un cadre bleu brillant avec une découpe détaillée de l'appareil photo et un design arrière inspiré du flipper\"\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n                            \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_arcade_03.jpg?v=1767376336\" alt=\"Gros plan du coin avec une image ombragée avec un objet rectangulaire bleu réfléchissant affichant la technologie d'amortissement à air\"\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n    \u003csection class=\"section-highlights sq-mobile-view\"\u003e\n        \u003cdiv class=\"section-container\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-body\"\u003e\n\n                    \u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\n                        \u003cdiv class=\"swiper-wrapper\"\u003e\n\n                            \u003cdiv class=\"swiper-slide\"\u003e\n\n                                \u003cdiv class=\"slide-container\"\u003e\n\n                                    \u003cdiv class=\"slide-header\"\u003e\n\n                                        \u003ch1 class=\"section-headline\"\u003eTechnologie Hexa-layering.\u003c\/h1\u003e\n\n                                        \u003cp class=\"section-subheadline\"\u003e\n                                            Découvrez des graphismes à effet spatial 3D avec l'impression numérique\n                                            Hexa-Layer. Découvrez le nouveau standard de design de haute qualité. Le\n                                            détail unique imite la complexité du temps avec des couches d'impression\n                                            en profondeur qui est unique en son genre.\n                                        \u003c\/p\u003e\n\n                                    \u003c\/div\u003e\n\n                                    \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_arcade_01.jpg?v=1767376335\" alt=\"Coque de téléphone de la série Arcade montrant des détails graphiques de style flipper en gros plan avec des textures superposées et des couleurs vives\"\u003e\n                                \u003c\/div\u003e\n\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"swiper-slide\"\u003e\n\n                                \u003cdiv class=\"slide-container\"\u003e\n\n                                    \u003cdiv class=\"slide-header\"\u003e\n\n                                        \u003ch1 class=\"section-headline\"\u003eProtégez l'essentiel.\u003c\/h1\u003e\n\n                                        \u003cp class=\"section-subheadline\"\u003e\n                                            Les bords surélevés empêchent les rayures sur l'écran et l'appareil photo sous tous les\n                                            angles.\n                                        \u003c\/p\u003e\n\n                                    \u003c\/div\u003e\n\n\n                                    \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_arcade_02.jpg?v=1767376335\" alt=\"Coque de téléphone de la série Arcade montrant un cadre bleu brillant avec une découpe détaillée de l'appareil photo et un design arrière inspiré du flipper\"\u003e\n                                \u003c\/div\u003e\n\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"swiper-slide\"\u003e\n\n                                \u003cdiv class=\"slide-container\"\u003e\n\n                                    \u003cdiv class=\"slide-header\"\u003e\n\n                                        \u003ch1 class=\"section-headline\"\u003eUne protection de confiance.\u003c\/h1\u003e\n\n                                        \u003cp class=\"section-subheadline\"\u003e\n                                            La technologie Air Cushion™ absorbe et atténue tous les impacts\n                                            dans chaque coin.\n                                        \u003c\/p\u003e\n\n                                    \u003c\/div\u003e\n\n\n                                    \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_arcade_03.jpg?v=1767376336\" alt=\"Gros plan du coin avec une image ombragée avec un objet rectangulaire bleu réfléchissant affichant la technologie d'amortissement à air\"\u003e\n                                \u003c\/div\u003e\n\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cscript\u003e\n            var swiper = new Swiper(\".highlightSwiper\", {\n                slidesPerView: 1,\n                spaceBetween: 32,\n                pagination: {\n                    el: \".highlightSwiper-pagination\",\n                    clickable: true,\n                },\n            });\n        \u003c\/script\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"section-daily-essentials\"\u003e\n        \u003cdiv class=\"section-container\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eIndispensables du quotidien\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003eLes essentiels du quotidien couverts.\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n\n                \u003cdiv class=\"section-body\"\u003e\n\n                    \u003cdiv class=\"section-daily-essentials-container\"\u003e\n\n                        \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n                            \u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n                                \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=\"Coque de téléphone de la série Arcade montrant un profil latéral avec un bouton de commande de l'appareil photo réactif pendant l'utilisation de l'appareil photo\"\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n                            \u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n                                \u003cp class=\"essential-headline\"\u003eAccès facile\u003c\/p\u003e\n\n                                \u003cp class=\"essential-description\"\u003e\n                                    Découpes précises pour un accès facile et complet à tous les boutons de l'\n                                    iPhone.\n                                \u003c\/p\u003e\n\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n                            \u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n                                \u003cp class=\"essential-headline\"\u003eChargez simplement.\u003c\/p\u003e\n\n                                \u003cp class=\"essential-description\"\u003e\n                                    Nous savons que c'est une corvée d'enlever la coque. Alors, chargez simplement\n                                    avec la coque via un chargeur sans fil ou un chargeur MagSafe.\n                                \u003c\/p\u003e\n\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n                            \u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n                                \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=\"L'iPhone 17 Pro à gauche est en charge sans fil sur un tapis circulaire gris foncé, affichant un écran de verrouillage sombre. À droite, un iPhone 17 Pro est montré de dos, présentant une coque de design arcade avec un disque de charge MagSafe circulaire blanc attaché via un cordon blanc.\"\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n    \u003csection class=\"section-series-inspiration\"\u003e\n        \u003cdiv class=\"section-container-fluid\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eC'est maintenant ou jamais.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n\n                \u003cdiv class=\"section-body\"\u003e\n\n                    \u003cdiv class=\"section-series-inspiration-container\"\u003e\n\n                        \u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_sub.jpg?v=1767376335\" alt=\"Coque de téléphone de la série Arcade montrant un design arrière inspiré du flipper avec un cadre bleu brillant et un fond d'arcade néon\"\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n\n\n            \u003c!-- Modal for Subscription --\u003e\n            \u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\n\n                \u003cdiv class=\"modal-content\"\u003e\n\n                    \u003cdiv class=\"modal-header\"\u003e\n\n                        \u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\n                            \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\n                                \u003cpath fill=\"currentColor\" d=\"M135.5 169C126.1 159.6 126.1 144.4 135.5 135.1C144.9 125.8 160.1 125.7 169.4 135.1L320.4 286.1L471.4 135.1C480.8 125.7 496 125.7 505.3 135.1C514.6 144.5 514.7 159.7 505.3 169L354.3 320L505.3 471C514.7 480.4 514.7 495.6 505.3 504.9C495.9 514.2 480.7 514.3 471.4 504.9L320.4 353.9L169.4 504.9C160 514.3 144.8 514.3 135.5 504.9C126.2 495.5 126.1 480.3 135.5 471L286.5 320L135.5 169z\"\u003e\n                                \u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"modal-body\"\u003e\n\n                        \u003cdiv class=\"modal-image-container\"\u003e\n\n                            \u003cdiv class=\"modal-text-content text-light\"\u003e\n\n                                \u003ch1 class=\"modal-headline\"\u003eRestez informé des nouveautés.\u003c\/h1\u003e\n\n                                \u003cp class=\"modal-subheadline\"\u003e\n                                    Abonnez-vous et soyez le premier à découvrir les nouveaux \u003cbr\u003edesigns c11\n                                    chaque mois.\n                                \u003c\/p\u003e\n\n                            \u003c\/div\u003e\n\n                            \u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n    \u003c!-- Wallpaper Section --\u003e\n    \u003csection class=\"section-wallpapers\"\u003e\n        \u003cdiv class=\"section-container\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n                    \u003cp class=\"section-preheadline\" style=\"color: #549CF3 !important;\"\u003eFONDS D'ÉCRAN GRATUITS\u003c\/p\u003e\n\n                    \u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003e\u003c\/h1\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Arcade \/ En stock","offer_id":53890607513711,"sku":"ACS11342","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Arcade \/ En stock","offer_id":53890607546479,"sku":"ACS11343","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone16proseries_c11_arcade_01.jpg?v=1785117308"},{"product_id":"iphone-17-series-c11-series-inkverse-edition-mag-fit","title":"Série iPhone 17 - c11 Série Inkverse Edition (Mag Fit)","description":"\u003cstyle\u003e\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  *,\n  ::after,\n  ::before {\n    box-sizing: border-box;\n  }\n\n  .product-description section {\n    position: relative;\n    width: 100%;\n  }\n\n  .product-description section:first-of-type {\n    border-top-left-radius: 32px;\n    border-top-right-radius: 32px;\n  }\n\n  .product-description section:last-of-type {\n    border-bottom-left-radius: 32px;\n    border-bottom-right-radius: 32px;\n  }\n\n  .product-description .section-container-fluid {\n    width: 100%;\n    max-width: 100%;\n    margin: 0 auto;\n  }\n\n  .product-description .section-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-container {\n      padding: 0 4rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 200px;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-container {\n      padding: 0 2rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 80px;\n    }\n  }\n\n  .product-description img {\n    width: 100%;\n    height: auto;\n  }\n\n  \/* ------------------------------------------------------------\nText Alignment\n------------------------------------------------------------ *\/\n  .product-description .text-center {\n    text-align: center;\n  }\n\n  .product-description .text-left {\n    text-align: left;\n  }\n\n  .product-description .text-right {\n    text-align: right;\n  }\n\n  \/* ------------------------------------------------------------\nText Colors\n------------------------------------------------------------ *\/\n  .product-description .text-dark * {\n    color: #000;\n  }\n\n  .product-description .text-light * {\n    color: #fff;\n  }\n\n  .product-description .text-info {\n    color: #8d8d8f;\n  }\n\n  \/* ------------------------------------------------------------\nVisibility\n------------------------------------------------------------ *\/\n  @media (min-width: 1080px) {\n    .product-description .sq-mobile-view {\n      display: none;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .sq-desktop-view {\n      display: none;\n    }\n  }\n\n  \/* ------------------------------------------------------------\nHeadlines\n------------------------------------------------------------ *\/\n  .product-description .section-header {\n    max-width: 500px;\n    margin: 0 auto;\n  }\n\n  .product-description .section-preheadline {\n    font-weight: 400;\n    line-height: 1.2;\n  }\n\n  .product-description .section-headline {\n    font-weight: 800;\n    line-height: 1.2;\n  }\n\n  .product-description .section-subheadline {\n    font-weight: 400;\n    line-height: 1.5;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 20px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 48px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 18px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 18px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 36px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 16px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  .product-description .cta-button {\n    display: inline-block;\n    padding: 16px 32px;\n    border-radius: 100px;\n    background-color: #ffffff;\n    border: 1px solid #ffffff;\n    color: #000000;\n    font-size: 20px;\n    font-weight: 400;\n    text-decoration: none;\n    line-height: 1.5;\n    margin: 0;\n    transition: all 0.3s ease;\n    cursor: pointer;\n  }\n\n  .product-description .cta-button:hover {\n    background-color: #dedede;\n    border-color: #dedede;\n    color: #000000;\n  }\n\n  .product-description .section-header p + .cta-button {\n    margin-top: 32px;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Intro\n------------------------------------------------------------ *\/\n  .section-intro {\n    background-color: #1c1c1c;\n  }\n\n  @media (min-width: 1080px) {\n    .section-intro .section-intro-banner {\n      width: 100%;\n      height: 1200px;\n      object-fit: cover;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n  .section-highlights {\n    background-color: #1c1c1c;\n  }\n\n  .section-highlights .section-header {\n    max-width: 480px;\n  }\n\n  .section-highlights-feature-container {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    padding: 16px;\n    margin: 0 auto;\n  }\n\n  .section-highlights-feature-item {\n    flex: 0 0 auto;\n    padding: 16px;\n  }\n\n  @media (min-width: 1080px) {\n    .section-highlights-feature-item:nth-child(1) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(2) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(3) {\n      width: 40%;\n    }\n\n    .section-highlights-feature-item:nth-child(4) {\n      width: 30%;\n    }\n\n    .section-highlights-feature-item:nth-child(5) {\n      width: 30%;\n    }\n  }\n\n  .section-highlights-feature-item [class^=\"section-highlights-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #000000;\n    height: 100%;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .section-highlights-feature-item .section-highlights-list-text-item {\n    padding: 40px;\n    color: #ffffff;\n  }\n\n  .section-highlights-feature-item .feature-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-highlights-feature-item .feature-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  .section-highlights-feature-item img {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n  .highlightSwiper {\n    width: 100%;\n    padding-top: 32px;\n  }\n\n  .highlightSwiper .swiper-wrapper {\n    width: 100%;\n    height: auto;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-header {\n    width: 100%;\n    padding: 40px 16px;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-image {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    min-height: 300px;\n    object-fit: cover;\n    object-position: center;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .highlightSwiper-pagination {\n    display: block;\n    width: 100%;\n    padding: 16px;\n    text-align: center;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet {\n    width: 16px;\n    height: 16px;\n    border-radius: 100px;\n    background-color: #dddddd;\n    margin: 0 8px;\n    transition: all 1s ease;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet-active {\n    background-color: #ffffff !important;\n    width: 48px;\n    height: 16px;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Daily Essentials\n------------------------------------------------------------ *\/\n  .section-daily-essentials {\n    background-color: #1c1c1c;\n  }\n\n  .section-daily-essentials img {\n    aspect-ratio: 468\/605;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  @media (min-width: 1080px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(2, 3fr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 2 \/ 3;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 2 \/ 3;\n      grid-row: 2 \/ 4;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(1, 4frr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 2 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 1 \/ 2;\n      grid-row: 4 \/ 5;\n    }\n  }\n\n  .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #ffffff;\n    height: 100%;\n    border-radius: 16px;\n    overflow: hidden;\n  }\n\n  .section-daily-essentials-item .section-daily-essentials-list-text-item {\n    padding: 40px;\n    color: #000000;\n  }\n\n  .section-daily-essentials-item .essential-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-daily-essentials-item .essential-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Series Inspiration\n------------------------------------------------------------ *\/\n  .section-series-inspiration {\n    background-color: #1c1c1c;\n  }\n\n  .section-series-inspiration-container {\n    position: relative;\n  }\n\n  .section-series-inspiration-button,\n  .edition-inspiration-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    margin: 32px;\n    width: 40px;\n    height: 40px;\n    color: #ffffff;\n    background-color: transparent;\n    border: none;\n    border-radius: 100px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    z-index: 1;\n  }\n\n  @media (min-width: 1080px) {\n    .section-series-inspiration .section-body {\n      position: relative;\n      max-width: 1200px;\n      padding: 0 4rem;\n      margin: 0 auto;\n    }\n\n    .section-series-inspiration-container {\n      border-radius: 32px;\n      overflow: hidden;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-series-inspiration.section-body {\n      position: relative;\n      padding: 0;\n      border-radius: 0;\n    }\n  }\n\n  \/* ------------------------------------------------------------\nModal Styles\n------------------------------------------------------------ *\/\n  .edition-inspiration-button {\n    background: linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 0.1),\n      rgba(255, 255, 255, 0.05)\n    );\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 4px;\n    border-radius: 100px;\n    transition: all 0.3s ease;\n  }\n\n  .edition-inspiration-button:hover {\n    background: rgba(255, 255, 255, 0.25);\n  }\n\n  #modal-subscription {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.6);\n  }\n\n  #modal-subscription .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background-color: #1c1c1c;\n    padding: 48px;\n    width: 90%;\n    max-width: 740px;\n    min-height: 600px;\n    border-radius: 32px;\n    display: flex;\n    align-items: center;\n  }\n\n  #modal-subscription .modal-header {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    z-index: 1001;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 50px;\n    height: 50px;\n    background-color: #ffffff;\n    border-radius: 100px;\n    cursor: pointer;\n  }\n\n  #modal-subscription .modal-header .close {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: all 0.3s ease;\n  }\n\n  #modal-subscription .modal-header .close svg {\n    width: 24px;\n    height: 24px;\n    color: #1c1c1c;\n  }\n\n  #modal-subscription .modal-header:hover {\n    background-color: #000000;\n  }\n\n  #modal-subscription .modal-header:hover svg {\n    color: #ffffff;\n  }\n\n  #modal-subscription .modal-text-content {\n    width: 100%;\n    text-align: center;\n    margin-bottom: 32px;\n  }\n\n  #modal-subscription input[type=\"email\"] {\n    text-align: center;\n  }\n\n  #modal-subscription button[type=\"submit\"] {\n    border-radius: 100px;\n  }\n\n  #modal-content {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  #modal-content .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 0.1),\n      rgba(255, 255, 255, 0.05)\n    );\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 48px;\n    width: 90%;\n    max-width: 800px;\n    border-radius: 32px;\n  }\n\n  .modal-body {\n    padding: 0;\n  }\n\n  .modal-image-container {\n    width: 100%;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .modal-image {\n    width: 100%;\n    height: auto;\n    border-radius: 16px;\n    object-fit: contain;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n  }\n\n  #modal-content .modal-headline {\n    color: #ffffff;\n  }\n\n  @media (min-width: 1080px) {\n    .modal-text-content {\n      padding: 40px;\n      color: #ffffff;\n    }\n\n    .modal-headline {\n      font-size: 48px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 20px;\n      font-weight: 400;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .modal-content {\n      width: 95%;\n      margin: 20px auto;\n      padding: 15px;\n    }\n\n    .modal-header {\n      top: 15px;\n      right: 15px;\n    }\n\n    .modal-text-content {\n      padding: 16px 0;\n      color: #ffffff;\n    }\n\n    .modal-content .modal-image {\n      cursor: pointer;\n    }\n\n    .modal-headline {\n      font-size: 24px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 1.5 !important;\n      margin: 0;\n    }\n\n    .close {\n      width: 40px;\n      height: 40px;\n      font-size: 24px;\n    }\n  }\n\u003c\/style\u003e\n\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\n\n\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\n\u003clink rel=\"stylesheet\" href=\"style.css\"\u003e\n\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\n  \u003csection class=\"section-intro\"\u003e\n    \u003cdiv class=\"section-container-fluid\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n          \u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\n          \u003ch1 class=\"section-headline\"\u003eÉdition Inkverse\u003c\/h1\u003e\n\n          \u003cp class=\"section-subheadline\"\u003e\n            Des couches de chaos monstrueux. Une armée de monstres gribouillés, remplissant chaque recoin pour une défense quotidienne. Amusez-vous avec votre protection.\u003c\/p\u003e\n\n          \u003cbutton class=\"cta-button\"\u003eS'abonner\u003c\/button\u003e\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"section-body\"\u003e\n\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=\"Une coque de téléphone avec un motif de monstres noir et blanc sur fond orange est centrée, flottant dans un espace noir étoilé avec quatre monstres poilus en 3D autour.\"\u003e\n          \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=\"Une coque de téléphone avec un motif de monstres noir et blanc sur fond orange est centrée, flottant dans un espace noir étoilé avec quatre monstres poilus en 3D autour.\"\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-highlights sq-desktop-view\"\u003e\n    \u003cdiv class=\"section-container\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"section-highlights-feature-container\"\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_00.jpg?v=1765473081\" alt=\"Image rapprochée d'Inkverse montrant la technologie Hexa-couches\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n                \u003cp class=\"feature-headline\"\u003eTechnologie Hexa-couches\u003c\/p\u003e\n\n                \u003cp class=\"feature-description\"\u003e\n                  Découvrez des graphiques 3D à effet spatial avec l'impression numérique Hexa-Layer.\n                  Découvrez le nouveau standard de conception de haute qualité. Le\n                  détail unique imite la complexité du temps avec des couches de\n                  d'impression en profondeur qui est dans une classe à part.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n                \u003cp class=\"feature-headline\"\u003eProtection complète\u003c\/p\u003e\n\n                \u003cp class=\"feature-description\"\u003e\n                  La protection de l'appareil photo et la technologie de coussin d'air protègent votre iPhone 17\n                  Pro tous les jours.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                \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=\"Une vue rapprochée de l'arrière supérieur d'un téléphone avec une coque à motif de monstre noir et orange. Le téléphone a trois objectifs de caméra principaux et un capteur plus petit, chacun entouré d'un anneau orange vif. Le motif de monstre sur la coque est une illustration dense de style gribouillage représentant divers monstres blancs, caricaturaux, à fourrure, avec de grands yeux, des cornes et des dents sur un fond orange et noir.\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_02.jpg?v=1765299040\" alt=\"Gros plan du coin avec image ombrée avec un objet rectangulaire bleu réfléchissant affichant la technologie du coussin d'air\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-highlights sq-mobile-view\"\u003e\n    \u003cdiv class=\"section-container\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\n            \u003cdiv class=\"swiper-wrapper\"\u003e\n\n              \u003cdiv class=\"swiper-slide\"\u003e\n\n                \u003cdiv class=\"slide-container\"\u003e\n\n                  \u003cdiv class=\"slide-header\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eTechnologie Hexa-couches.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003e\n                      Découvrez des graphiques 3D à effet spatial avec l'impression numérique Hexa-Layer.\n                      Découvrez le nouveau standard de conception de haute qualité. Le\n                      détail unique imite la complexité du temps avec des couches de\n                      d'impression en profondeur qui est dans une classe à part.\n                    \u003c\/p\u003e\n\n                  \u003c\/div\u003e\n\n                  \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_00.jpg?v=1765473081\" alt=\"Image rapprochée d'Inkverse montrant la technologie Hexa-couches\"\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"swiper-slide\"\u003e\n\n                \u003cdiv class=\"slide-container\"\u003e\n\n                  \u003cdiv class=\"slide-header\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eProtégez l'essentiel.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003e\n                      Les bords surélevés empêchent les rayures sur l'écran et l'appareil photo sous tous les\n                      angles.\n                    \u003c\/p\u003e\n\n                  \u003c\/div\u003e\n\n\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=\"Une vue rapprochée de l'arrière supérieur d'un téléphone avec une coque à motif de monstre noir et orange. Le téléphone a trois objectifs de caméra principaux et un capteur plus petit, chacun entouré d'un anneau orange vif. Le motif de monstre sur la coque est une illustration dense de style gribouillage représentant divers monstres blancs, caricaturaux, à fourrure, avec de grands yeux, des cornes et des dents sur un fond orange et noir.\"\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"swiper-slide\"\u003e\n\n                \u003cdiv class=\"slide-container\"\u003e\n\n                  \u003cdiv class=\"slide-header\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eUne protection de confiance.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003e\n                      La technologie Air Cushion™ absorbe et atténue tous les impacts\n                      dans chaque coin.\n                    \u003c\/p\u003e\n\n                  \u003c\/div\u003e\n\n\n                  \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_02.jpg?v=1765299040\" alt=\"Gros plan du coin avec image ombrée avec un objet rectangulaire bleu réfléchissant affichant la technologie du coussin d'air\"\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cscript\u003e\n      var swiper = new Swiper(\".highlightSwiper\", {\n        slidesPerView: 1,\n        spaceBetween: 32,\n        pagination: {\n          el: \".highlightSwiper-pagination\",\n          clickable: true,\n        },\n      });\n    \u003c\/script\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-daily-essentials\"\u003e\n    \u003cdiv class=\"section-container\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n          \u003ch1 class=\"section-headline\"\u003eEssentiels quotidiens\u003c\/h1\u003e\n\n          \u003cp class=\"section-subheadline\"\u003eLes essentiels quotidiens couverts.\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"section-daily-essentials-container\"\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n                \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=\"Un gros plan du côté droit d'un écran de téléphone montrant une interface de caméra en mode nuit. L'écran affiche un fond noir avec un ciel étoilé, et un grand monstre blanc flou avec de grands yeux est partiellement visible dans le coin supérieur gauche. Un doigt tient le téléphone sur le côté droit pour démontrer la capacité du capteur tactile.\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n                \u003cp class=\"essential-headline\"\u003eAccès facile\u003c\/p\u003e\n\n                \u003cp class=\"essential-description\"\u003e\n                  Découpes précises pour un accès facile et complet à tous les boutons de\n                  l'iPhone.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n                \u003cp class=\"essential-headline\"\u003eChargez simplement.\u003c\/p\u003e\n\n                \u003cp class=\"essential-description\"\u003e\n                  Nous savons qu'il est difficile d'enlever la coque. Alors, chargez simplement\n                  avec la coque via un chargeur sans fil ou un chargeur MagSafe.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n                \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=\"L'iPhone 17 Pro à gauche est en charge sans fil sur un socle circulaire gris foncé, affichant un écran de verrouillage sombre. À droite, un iPhone 17 Pro est montré de dos, avec une coque à motif de monstre orange et une pastille de charge MagSafe circulaire blanche attachée via un cordon blanc.\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-series-inspiration\"\u003e\n    \u003cdiv class=\"section-container-fluid\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n          \u003ch1 class=\"section-headline\"\u003eC'est maintenant ou jamais.\u003c\/h1\u003e\n\n          \u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"section-series-inspiration-container\"\u003e\n\n            \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=\"Un iPhone 17 Pro avec un motif de doodle de monstre orange est debout au centre du cadre. Les objectifs de l'appareil photo de l'iPhone 17 sont accentués par des anneaux orange. Le téléphone repose sur une tache circulaire de matière blanche hirsute, peut-être de la fourrure ou un tapis, sur un fond sombre éclairé par de nombreuses étoiles et étincelles blanches éparpillées, ressemblant à une vue télescopique du ciel nocturne ou à un environnement enneigé.\"\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- Modal for Subscription --\u003e\n  \u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\n\n    \u003cdiv class=\"modal-content\"\u003e\n\n      \u003cdiv class=\"modal-header\"\u003e\n\n        \u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\n          \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\n            \u003cpath fill=\"currentColor\" d=\"M135.5 169C126.1 159.6 126.1 144.4 135.5 135.1C144.9 125.8 160.1 125.7 169.4 135.1L320.4 286.1L471.4 135.1C480.8 125.7 496 125.7 505.3 135.1C514.6 144.5 514.7 159.7 505.3 169L354.3 320L505.3 471C514.7 480.4 514.7 495.6 505.3 504.9C495.9 514.2 480.7 514.3 471.4 504.9L320.4 353.9L169.4 504.9C160 514.3 144.8 514.3 135.5 504.9C126.2 495.5 126.1 480.3 135.5 471L286.5 320L135.5 169z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"modal-body\"\u003e\n\n        \u003cdiv class=\"modal-image-container\"\u003e\n\n          \u003cdiv class=\"modal-text-content text-light\"\u003e\n\n            \u003ch1 class=\"modal-headline\"\u003eSoyez le premier à découvrir les nouveautés.\u003c\/h1\u003e\n\n            \u003cp class=\"modal-subheadline\"\u003e\n              Abonnez-vous et soyez le premier à découvrir les nouveaux \u003cbr\u003edesigns c11\n              chaque mois.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cscript\u003e\n    \/\/ Modal functionality\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      console.log(\"Modal script loaded\");\n\n      \/\/ Get modal elements\n      const modalSubscription = document.getElementById(\"modal-subscription\");\n      const modalContent = document.getElementById(\"modal-content\");\n\n      \/\/ Get button elements\n      const ctaButton = document.querySelector(\".cta-button\");\n      const inspirationButton = document.querySelector(\n        \".edition-inspiration-button\"\n      );\n\n      console.log(\"CTA Button found:\", ctaButton);\n      console.log(\"Inspiration Button found:\", inspirationButton);\n      console.log(\"Modal Subscription found:\", modalSubscription);\n      console.log(\"Modal Content found:\", modalContent);\n\n      \/\/ Function to open modal\n      function openModal(modal) {\n        if (modal) {\n          modal.style.display = \"block\";\n          document.body.style.overflow = \"hidden\";\n          console.log(\"Modal opened:\", modal.id);\n        }\n      }\n\n      \/\/ Function to close modal\n      function closeModal(modal) {\n        if (modal) {\n          modal.style.display = \"none\";\n          document.body.style.overflow = \"auto\";\n          console.log(\"Modal closed:\", modal.id);\n        }\n      }\n\n      \/\/ CTA Button ? Subscription Modal\n      if (ctaButton \u0026\u0026 modalSubscription) {\n        ctaButton.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          e.stopPropagation();\n          console.log(\"CTA button clicked\");\n          openModal(modalSubscription);\n        });\n      } else {\n        console.error(\"CTA button or subscription modal not found\");\n      }\n\n      \/\/ Inspiration Button ? Content Modal\n      if (inspirationButton \u0026\u0026 modalContent) {\n        inspirationButton.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          e.stopPropagation();\n          console.log(\"Inspiration button clicked\");\n          openModal(modalContent);\n        });\n      } else {\n        console.error(\"Inspiration button or content modal not found\");\n      }\n\n      \/\/ Close buttons\n      const closeBtns = document.querySelectorAll(\".close\");\n      closeBtns.forEach(function (closeBtn) {\n        closeBtn.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          e.stopPropagation();\n          const modalId = this.getAttribute(\"data-modal\");\n          const modal = document.getElementById(modalId);\n          console.log(\"Close button clicked for modal:\", modalId);\n          closeModal(modal);\n        });\n      });\n\n      \/\/ Close modal when clicking outside of modal content\n      window.addEventListener(\"click\", function (event) {\n        if (event.target.classList.contains(\"modal\")) {\n          console.log(\"Modal background clicked\");\n          closeModal(event.target);\n        }\n      });\n\n      \/\/ ESC key to close modals\n      document.addEventListener(\"keydown\", function (e) {\n        if (e.key === \"Escape\") {\n          if (\n            modalSubscription \u0026\u0026\n            modalSubscription.style.display === \"block\"\n          ) {\n            closeModal(modalSubscription);\n          }\n          if (modalContent \u0026\u0026 modalContent.style.display === \"block\") {\n            closeModal(modalContent);\n          }\n        }\n      });\n\n      \/\/ Modal image click to close modal (only for mobile screens)\n      const modalImage = document.querySelector(\"#modal-content .modal-image\");\n      if (modalImage \u0026\u0026 modalContent) {\n        modalImage.addEventListener(\"click\", function (e) {\n          \/\/ Check if screen width is 1079.98px or less\n          if (window.matchMedia(\"(max-width: 1079.98px)\").matches) {\n            e.preventDefault();\n            e.stopPropagation();\n            console.log(\"Modal image clicked on mobile - closing modal\");\n            closeModal(modalContent);\n          }\n        });\n      }\n    });\n  \u003c\/script\u003e\n\n  \u003cscript\u003e\n    \/\/ Omnisend ? ?? ??? ???\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      const modalTitle = document.querySelector(\".modal-title\");\n      const modalText = document.querySelector(\".modal-text\");\n      const modalContent = document.querySelector(\".modal-content-wrapper\");\n      let hasChanged = false; \/\/ ?? ??? ???? ???\n\n      \/\/ Omnisend ?? ?? ?? ??\n      const checkSuccess = function () {\n        const successSection = document.querySelector(\n          \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\"\n        );\n        if (\n          successSection \u0026\u0026\n          window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026\n          !hasChanged\n        ) {\n          \/\/ ?? ?? ?? (? ?? ??)\n          modalTitle.textContent = \"Nice to have you!\";\n          modalText.innerHTML =\n            \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\";\n\n          \/\/ Omnisend ? ???\n          const omnisendForm = document.getElementById(\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Inkverse \/ En stock","offer_id":53890607579247,"sku":"ACS11232","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Inkverse \/ En stock","offer_id":53890607612015,"sku":"ACS11233","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_iphone_17_pro_c11_inkverse_01_928795b3-bc71-46ae-a90c-d8953cc662b5.jpg?v=1785117309"},{"product_id":"iphone-17-series-c11-series-traverse-edition-magfit","title":"Série iPhone 17 - c11 Série Traverse Edition (compatible MagSafe)","description":"\u003cstyle\u003e\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  *,\n  ::after,\n  ::before {\n    box-sizing: border-box;\n  }\n\n  .product-description section {\n    position: relative;\n    width: 100%;\n  }\n\n  .product-description section:first-of-type {\n    border-top-left-radius: 32px;\n    border-top-right-radius: 32px;\n  }\n\n  .product-description section:last-of-type {\n    border-bottom-left-radius: 32px;\n    border-bottom-right-radius: 32px;\n  }\n\n  .product-description .section-container-fluid {\n    width: 100%;\n    max-width: 100%;\n    margin: 0 auto;\n  }\n\n  .product-description .section-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-container {\n      padding: 0 4rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 200px;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-container {\n      padding: 0 2rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 80px;\n    }\n  }\n\n  .product-description img {\n    width: 100%;\n    height: auto;\n  }\n\n  \/* ------------------------------------------------------------\nText Alignment\n------------------------------------------------------------ *\/\n  .product-description .text-center {\n    text-align: center;\n  }\n\n  .product-description .text-left {\n    text-align: left;\n  }\n\n  .product-description .text-right {\n    text-align: right;\n  }\n\n  \/* ------------------------------------------------------------\nText Colors\n------------------------------------------------------------ *\/\n  .product-description .text-dark * {\n    color: #000;\n  }\n\n  .product-description .text-light * {\n    color: #fff;\n  }\n\n  .product-description .text-info {\n    color: #8d8d8f;\n  }\n\n  \/* ------------------------------------------------------------\nVisibility\n------------------------------------------------------------ *\/\n  @media (min-width: 1080px) {\n    .product-description .sq-mobile-view {\n      display: none;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .sq-desktop-view {\n      display: none;\n    }\n  }\n\n  \/* ------------------------------------------------------------\nHeadlines\n------------------------------------------------------------ *\/\n  .product-description .section-header {\n    max-width: 500px;\n    margin: 0 auto;\n  }\n\n  .product-description .section-preheadline {\n    font-weight: 400;\n    line-height: 1.2;\n  }\n\n  .product-description .section-headline {\n    font-weight: 800;\n    line-height: 1.2;\n  }\n\n  .product-description .section-subheadline {\n    font-weight: 400;\n    line-height: 1.5;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 20px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 48px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 18px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 18px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 36px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 16px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  .product-description .cta-button {\n    display: inline-block;\n    padding: 16px 32px;\n    border-radius: 100px;\n    background-color: #ffffff;\n    border: 1px solid #ffffff;\n    color: #000000;\n    font-size: 20px;\n    font-weight: 400;\n    text-decoration: none;\n    line-height: 1.5;\n    margin: 0;\n    transition: all 0.3s ease;\n    cursor: pointer;\n  }\n\n  .product-description .cta-button:hover {\n    background-color: #dedede;\n    border-color: #dedede;\n    color: #000000;\n  }\n\n  .product-description .section-header p + .cta-button {\n    margin-top: 32px;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Intro\n------------------------------------------------------------ *\/\n  .section-intro {\n    background-color: #1c1c1c;\n  }\n\n  @media (min-width: 1080px) {\n    .section-intro .section-intro-banner {\n      width: 100%;\n      height: 1200px;\n      object-fit: cover;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n  .section-highlights {\n    background-color: #1c1c1c;\n  }\n\n  .section-highlights .section-header {\n    max-width: 480px;\n  }\n\n  .section-highlights-feature-container {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    padding: 16px;\n    margin: 0 auto;\n  }\n\n  .section-highlights-feature-item {\n    flex: 0 0 auto;\n    padding: 16px;\n  }\n\n  @media (min-width: 1080px) {\n    .section-highlights-feature-item:nth-child(1) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(2) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(3) {\n      width: 40%;\n    }\n\n    .section-highlights-feature-item:nth-child(4) {\n      width: 30%;\n    }\n\n    .section-highlights-feature-item:nth-child(5) {\n      width: 30%;\n    }\n  }\n\n  .section-highlights-feature-item [class^=\"section-highlights-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #000000;\n    height: 100%;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .section-highlights-feature-item .section-highlights-list-text-item {\n    padding: 40px;\n    color: #ffffff;\n  }\n\n  .section-highlights-feature-item .feature-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-highlights-feature-item .feature-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  .section-highlights-feature-item img {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n  .highlightSwiper {\n    width: 100%;\n    padding-top: 32px;\n  }\n\n  .highlightSwiper .swiper-wrapper {\n    width: 100%;\n    height: auto;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-header {\n    width: 100%;\n    padding: 40px 16px;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-image {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    min-height: 300px;\n    object-fit: cover;\n    object-position: center;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .highlightSwiper-pagination {\n    display: block;\n    width: 100%;\n    padding: 16px;\n    text-align: center;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet {\n    width: 16px;\n    height: 16px;\n    border-radius: 100px;\n    background-color: #dddddd;\n    margin: 0 8px;\n    transition: all 1s ease;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet-active {\n    background-color: #ffffff !important;\n    width: 48px;\n    height: 16px;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Daily Essentials\n------------------------------------------------------------ *\/\n  .section-daily-essentials {\n    background-color: #1c1c1c;\n  }\n\n  .section-daily-essentials img {\n    aspect-ratio: 468\/605;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  @media (min-width: 1080px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(2, 3fr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 2 \/ 3;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 2 \/ 3;\n      grid-row: 2 \/ 4;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(1, 4frr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 2 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 1 \/ 2;\n      grid-row: 4 \/ 5;\n    }\n  }\n\n  .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #ffffff;\n    height: 100%;\n    border-radius: 16px;\n    overflow: hidden;\n  }\n\n  .section-daily-essentials-item .section-daily-essentials-list-text-item {\n    padding: 40px;\n    color: #000000;\n  }\n\n  .section-daily-essentials-item .essential-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-daily-essentials-item .essential-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Series Inspiration\n------------------------------------------------------------ *\/\n  .section-series-inspiration {\n    background-color: #1c1c1c;\n  }\n\n  .section-series-inspiration-container {\n    position: relative;\n  }\n\n  .section-series-inspiration-button,\n  .edition-inspiration-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    margin: 32px;\n    width: 40px;\n    height: 40px;\n    color: #ffffff;\n    background-color: transparent;\n    border: none;\n    border-radius: 100px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    z-index: 1;\n  }\n\n  @media (min-width: 1080px) {\n    .section-series-inspiration .section-body {\n      position: relative;\n      max-width: 1200px;\n      padding: 0 4rem;\n      margin: 0 auto;\n    }\n\n    .section-series-inspiration-container {\n      border-radius: 32px;\n      overflow: hidden;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-series-inspiration.section-body {\n      position: relative;\n      padding: 0;\n      border-radius: 0;\n    }\n  }\n\n  \/* ------------------------------------------------------------\nModal Styles\n------------------------------------------------------------ *\/\n  .edition-inspiration-button {\n    background: linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 0.1),\n      rgba(255, 255, 255, 0.05)\n    );\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 4px;\n    border-radius: 100px;\n    transition: all 0.3s ease;\n  }\n\n  .edition-inspiration-button:hover {\n    background: rgba(255, 255, 255, 0.25);\n  }\n\n  #modal-subscription {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.6);\n  }\n\n  #modal-subscription .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background-color: #1c1c1c;\n    padding: 48px;\n    width: 90%;\n    max-width: 740px;\n    min-height: 600px;\n    border-radius: 32px;\n    display: flex;\n    align-items: center;\n  }\n\n  #modal-subscription .modal-header {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    z-index: 1001;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 50px;\n    height: 50px;\n    background-color: #ffffff;\n    border-radius: 100px;\n    cursor: pointer;\n  }\n\n  #modal-subscription .modal-header .close {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: all 0.3s ease;\n  }\n\n  #modal-subscription .modal-header .close svg {\n    width: 24px;\n    height: 24px;\n    color: #1c1c1c;\n  }\n\n  #modal-subscription .modal-header:hover {\n    background-color: #000000;\n  }\n\n  #modal-subscription .modal-header:hover svg {\n    color: #ffffff;\n  }\n\n  #modal-subscription .modal-text-content {\n    width: 100%;\n    text-align: center;\n    margin-bottom: 32px;\n  }\n\n  #modal-subscription input[type=\"email\"] {\n    text-align: center;\n  }\n\n  #modal-subscription button[type=\"submit\"] {\n    border-radius: 100px;\n  }\n\n  #modal-content {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  #modal-content .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 0.1),\n      rgba(255, 255, 255, 0.05)\n    );\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 48px;\n    width: 90%;\n    max-width: 800px;\n    border-radius: 32px;\n  }\n\n  .modal-body {\n    padding: 0;\n  }\n\n  .modal-image-container {\n    width: 100%;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .modal-image {\n    width: 100%;\n    height: auto;\n    border-radius: 16px;\n    object-fit: contain;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n  }\n\n  #modal-content .modal-headline {\n    color: #ffffff;\n  }\n\n  @media (min-width: 1080px) {\n    .modal-text-content {\n      padding: 40px;\n      color: #ffffff;\n    }\n\n    .modal-headline {\n      font-size: 48px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 20px;\n      font-weight: 400;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .modal-content {\n      width: 95%;\n      margin: 20px auto;\n      padding: 15px;\n    }\n\n    .modal-header {\n      top: 15px;\n      right: 15px;\n    }\n\n    .modal-text-content {\n      padding: 16px 0;\n      color: #ffffff;\n    }\n\n    .modal-content .modal-image {\n      cursor: pointer;\n    }\n\n    .modal-headline {\n      font-size: 24px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 1.5 !important;\n      margin: 0;\n    }\n\n    .close {\n      width: 40px;\n      height: 40px;\n      font-size: 24px;\n    }\n  }\n\u003c\/style\u003e\n\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\n\n\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\n\u003clink rel=\"stylesheet\" href=\"style.css\"\u003e\n\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\n  \u003csection class=\"section-intro\"\u003e\n    \u003cdiv class=\"section-container-fluid\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n          \u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\n          \u003ch1 class=\"section-headline\"\u003eÉdition Traverse\u003c\/h1\u003e\n\n          \u003cp class=\"section-subheadline\"\u003e\n            Retrouvez la nature. Le design en collage d'autocollants dessinés à la main évoque la nostalgie des campings d'enfance. Que la fête commence.\n          \u003c\/p\u003e\n\n          \u003cbutton class=\"cta-button\"\u003eS'abonner\u003c\/button\u003e\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"section-body\"\u003e\n\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=\"Un iPhone 17 Pro Series Turbo Edition vert avec une coque transparente recouverte d'autocollants sur le thème de la nature et du voyage repose sur le capot orange d'une voiture, à côté d'une radio vintage en bois et d'une couverture grise drapée sur une carte, dans un décor forestier.\"\u003e\n          \u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_traverse_mobile_01.jpg?v=1761765262\" alt=\"Un iPhone 17 Pro Series Turbo Edition vert avec une coque transparente recouverte d'autocollants sur le thème de la nature et du voyage repose sur le capot orange d'une voiture, à côté d'une radio vintage en bois et d'une couverture grise drapée sur une carte, dans un décor forestier.\"\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-highlights sq-desktop-view\"\u003e\n    \u003cdiv class=\"section-container\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"section-highlights-feature-container\"\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_feature_01.jpg?v=1761765262\" alt=\"Un gros plan extrême des autocollants de la coque de l'iPhone 17 Pro Series Turbo montrant la technologie Hexa-layering, mise en évidence par un camion tout-terrain orange 4x4, le texte Explore More, Nature Vibes, des arbres dispersés et une lanterne de camping.\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n                \u003cp class=\"feature-headline\"\u003eTechnologie Hexa-layering\u003c\/p\u003e\n\n                \u003cp class=\"feature-description\"\u003e\n                  Découvrez des graphismes à effet spatial 3D avec l'impression\n                  numérique Hexa-Layer. Découvrez le nouveau standard d'un\n                  design de qualité supérieure. Le détail unique imite la\n                  complexité du temps avec des couches d'impression en\n                  profondeur, dans une catégorie à part.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n                \u003cp class=\"feature-headline\"\u003eProtection intégrale\u003c\/p\u003e\n\n                \u003cp class=\"feature-description\"\u003e\n                  La protection de l'appareil photo et la technologie de coussin\n                  d'air protègent votre iPhone 17 Pro au quotidien.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_feature_02.jpg?v=1761765262\" alt=\"Coque de téléphone transparente Spigen c11 Édition Traverse pour iPhone 17 Pro, montrant la protection verte de l'appareil photo et des autocollants d'aventure.\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_feature_03.jpg?v=1761765261\" alt=\"Gros plan de l'iPhone 17 Pro c11 Traverse mettant en évidence la fonction Air Cushion\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-highlights sq-mobile-view\"\u003e\n    \u003cdiv class=\"section-container\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\n            \u003cdiv class=\"swiper-wrapper\"\u003e\n\n              \u003cdiv class=\"swiper-slide\"\u003e\n\n                \u003cdiv class=\"slide-container\"\u003e\n\n                  \u003cdiv class=\"slide-header\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eTechnologie Hexa-layering.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003e\n                      Découvrez des graphismes à effet spatial 3D avec l'impression\n                      numérique Hexa-Layer. Découvrez le nouveau standard d'un\n                      design de qualité supérieure. Le détail unique imite la\n                      complexité du temps avec des couches d'impression en\n                      profondeur, dans une catégorie à part.\n                    \u003c\/p\u003e\n\n                  \u003c\/div\u003e\n\n                  \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_feature_01.jpg?v=1761765262\" alt=\"Un gros plan extrême des autocollants de la coque de l'iPhone 17 Pro Series Turbo montrant la technologie Hexa-layering, mise en évidence par un camion tout-terrain orange 4x4, le texte Explore More, Nature Vibes, des arbres dispersés et une lanterne de camping.\"\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"swiper-slide\"\u003e\n\n                \u003cdiv class=\"slide-container\"\u003e\n\n                  \u003cdiv class=\"slide-header\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eProtégez l'essentiel.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003e\n                      Les bords surélevés empêchent les rayures sur l'écran et\n                      l'appareil photo sous tous les angles.\n                    \u003c\/p\u003e\n\n                  \u003c\/div\u003e\n\n\n                  \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_feature_02.jpg?v=1761765262\" alt=\"Coque de téléphone transparente Spigen c11 Édition Traverse pour iPhone 17 Pro, montrant la protection verte de l'appareil photo et des autocollants d'aventure.\"\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"swiper-slide\"\u003e\n\n                \u003cdiv class=\"slide-container\"\u003e\n\n                  \u003cdiv class=\"slide-header\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eUne protection fiable.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003e\n                      La technologie Air Cushion™ absorbe et atténue tous les\n                      chocs dans chaque coin.\n                    \u003c\/p\u003e\n\n                  \u003c\/div\u003e\n\n\n                  \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_feature_03.jpg?v=1761765261\" alt=\"Gros plan de l'iPhone 17 Pro c11 Traverse mettant en évidence la fonction Air Cushion\"\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cscript\u003e\n      var swiper = new Swiper(\".highlightSwiper\", {\n        slidesPerView: 1,\n        spaceBetween: 32,\n        pagination: {\n          el: \".highlightSwiper-pagination\",\n          clickable: true,\n        },\n      });\n    \u003c\/script\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-daily-essentials\"\u003e\n    \u003cdiv class=\"section-container\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n          \u003ch1 class=\"section-headline\"\u003eL'essentiel au quotidien\u003c\/h1\u003e\n\n          \u003cp class=\"section-subheadline\"\u003eL'essentiel pour tous les jours est couvert.\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"section-daily-essentials-container\"\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n                \u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_feature_04.jpg?v=1761765262\" alt=\"Main tenant un iPhone 17 Pro dans une coque c11 Traverse vert olive, le bouton de découpe de l'appareil photo affichant l'écran de l'appareil photo capturant une tente lumineuse la nuit.\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n                \u003cp class=\"essential-headline\"\u003eAccès facile\u003c\/p\u003e\n\n                \u003cp class=\"essential-description\"\u003e\n                  Découpes précises pour un accès facile et complet à tous les\n                  boutons de l'iPhone.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n                \u003cp class=\"essential-headline\"\u003eChargez simplement.\u003c\/p\u003e\n\n                \u003cp class=\"essential-description\"\u003e\n                  Nous savons qu'il est contraignant de retirer la coque. Alors,\n                  chargez simplement avec la coque via un chargeur sans fil ou un\n                  chargeur MagSafe.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n                \u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_feature_05.jpg?v=1761765262\" alt=\"Deux iPhones à coque verte côte à côte : celui de gauche se charge sans fil, affichant l'écran de verrouillage, et celui de droite est face vers le bas, montrant un chargeur MagSafe blanc sur des autocollants sur le thème de la nature.\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-series-inspiration\"\u003e\n    \u003cdiv class=\"section-container-fluid\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n          \u003ch1 class=\"section-headline\"\u003eC'est maintenant ou jamais.\u003c\/h1\u003e\n\n          \u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"section-series-inspiration-container\"\u003e\n\n            \u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_sub.jpg?v=1761765262\" alt=\"Coque de téléphone iPhone 17 Pro c11 Traverse avec une bosse d'appareil photo verte, décorée de divers autocollants sur le thème de la nature et du tout-terrain, reposant sur une surface en bois à côté d'une lanterne.\"\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- Modal for Subscription --\u003e\n  \u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\n\n    \u003cdiv class=\"modal-content\"\u003e\n\n      \u003cdiv class=\"modal-header\"\u003e\n\n        \u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\n          \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\n            \u003cpath fill=\"currentColor\" d=\"M135.5 169C126.1 159.6 126.1 144.4 135.5 135.1C144.9 125.8 160.1 125.7 169.4 135.1L320.4 286.1L471.4 135.1C480.8 125.7 496 125.7 505.3 135.1C514.6 144.5 514.7 159.7 505.3 169L354.3 320L505.3 471C514.7 480.4 514.7 495.6 505.3 504.9C495.9 514.2 480.7 514.3 471.4 504.9L320.4 353.9L169.4 504.9C160 514.3 144.8 514.3 135.5 504.9C126.2 495.5 126.1 480.3 135.5 471L286.5 320L135.5 169z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"modal-body\"\u003e\n\n        \u003cdiv class=\"modal-image-container\"\u003e\n\n          \u003cdiv class=\"modal-text-content text-light\"\u003e\n\n            \u003ch1 class=\"modal-headline\"\u003eSoyez informé des nouvelles sorties.\u003c\/h1\u003e\n\n            \u003cp class=\"modal-subheadline\"\u003e\n              Abonnez-vous et soyez le premier à découvrir les nouveaux designs\n              c11 chaque mois.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cscript\u003e\n    \/\/ Modal functionality\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      console.log(\"Modal script loaded\");\n\n      \/\/ Get modal elements\n      const modalSubscription = document.getElementById(\"modal-subscription\");\n      const modalContent = document.getElementById(\"modal-content\");\n\n      \/\/ Get button elements\n      const ctaButton = document.querySelector(\".cta-button\");\n      const inspirationButton = document.querySelector(\n        \".edition-inspiration-button\"\n      );\n\n      console.log(\"CTA Button found:\", ctaButton);\n      console.log(\"Inspiration Button found:\", inspirationButton);\n      console.log(\"Modal Subscription found:\", modalSubscription);\n      console.log(\"Modal Content found:\", modalContent);\n\n      \/\/ Function to open modal\n      function openModal(modal) {\n        if (modal) {\n          modal.style.display = \"block\";\n          document.body.style.overflow = \"hidden\";\n          console.log(\"Modal opened:\", modal.id);\n        }\n      }\n\n      \/\/ Function to close modal\n      function closeModal(modal) {\n        if (modal) {\n          modal.style.display = \"none\";\n          document.body.style.overflow = \"auto\";\n          console.log(\"Modal closed:\", modal.id);\n        }\n      }\n\n      \/\/ CTA Button ? Subscription Modal\n      if (ctaButton \u0026\u0026 modalSubscription) {\n        ctaButton.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          e.stopPropagation();\n          console.log(\"CTA button clicked\");\n          openModal(modalSubscription);\n        });\n      } else {\n        console.error(\"CTA button or subscription modal not found\");\n      }\n\n      \/\/ Inspiration Button ? Content Modal\n      if (inspirationButton \u0026\u0026 modalContent) {\n        inspirationButton.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          e.stopPropagation();\n          console.log(\"Inspiration button clicked\");\n          openModal(modalContent);\n        });\n      } else {\n        console.error(\"Inspiration button or content modal not found\");\n      }\n\n      \/\/ Close buttons\n      const closeBtns = document.querySelectorAll(\".close\");\n      closeBtns.forEach(function (closeBtn) {\n        closeBtn.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          e.stopPropagation();\n          const modalId = this.getAttribute(\"data-modal\");\n          const modal = document.getElementById(modalId);\n          console.log(\"Close button clicked for modal:\", modalId);\n          closeModal(modal);\n        });\n      });\n\n      \/\/ Close modal when clicking outside of modal content\n      window.addEventListener(\"click\", function (event) {\n        if (event.target.classList.contains(\"modal\")) {\n          console.log(\"Modal background clicked\");\n          closeModal(event.target);\n        }\n      });\n\n      \/\/ ESC key to close modals\n      document.addEventListener(\"keydown\", function (e) {\n        if (e.key === \"Escape\") {\n          if (\n            modalSubscription \u0026\u0026\n            modalSubscription.style.display === \"block\"\n          ) {\n            closeModal(modalSubscription);\n          }\n          if (modalContent \u0026\u0026 modalContent.style.display === \"block\") {\n            closeModal(modalContent);\n          }\n        }\n      });\n\n      \/\/ Modal image click to close modal (only for mobile screens)\n      const modalImage = document.querySelector(\"#modal-content .modal-image\");\n      if (modalImage \u0026\u0026 modalContent) {\n        modalImage.addEventListener(\"click\", function (e) {\n          \/\/ Check if screen width is 1079.98px or less\n          if (window.matchMedia(\"(max-width: 1079.98px)\").matches) {\n            e.preventDefault();\n            e.stopPropagation();\n            console.log(\"Modal image clicked on mobile - closing modal\");\n            closeModal(modalContent);\n          }\n        });\n      }\n    });\n  \u003c\/script\u003e\n\n  \u003cscript\u003e\n    \/\/ Omnisend ? ?? ??? ???\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      const modalTitle = document.querySelector(\".modal-title\");\n      const modalText = document.querySelector(\".modal-text\");\n      const modalContent = document.querySelector(\".modal-content-wrapper\");\n      let hasChanged = false; \/\/ ?? ??? ???? ???\n\n      \/\/ Omnisend ?? ?? ?? ??\n      const checkSuccess = function () {\n        const successSection = document.querySelector(\n          \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\"\n        );\n        if (\n          successSection \u0026\u0026\n          window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026\n          !hasChanged\n        ) {\n          \/\/ ?? ?? ?? (? ?? ??)\n          modalTitle.textContent = \"Nice to have you!\";\n          modalText.innerHTML =\n            \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\";\n\n          \/\/ Omnisend ? ???\n          const omnisendForm = document.getElementById(\n            \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\n          );\n          if (omnisendForm) {\n            omnisendForm.style.display = \"none\";\n          }\n\n          hasChanged = true; \/\/ ?????? ??\n          clearInterval(checkInterval); \/\/ ??? ??\n        }\n      };\n\n      \/\/ ????? ?? ?? ??\n      const checkInterval = setInterval(checkSuccess, 500);\n\n      \/\/ ? ?? ?? ?? ??? ??\n      const submitButton = document.querySelector(\n        \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\"\n      );\n      if (submitButton) {\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Traverser \/ En rupture de stock","offer_id":53890607644783,"sku":"ACS10817","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Traverser \/ En stock","offer_id":53890607677551,"sku":"ACS10818","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone16proseries_c11_traverse_01.jpg?v=1785117310"},{"product_id":"iphone-17-series-c11-series-turbo-edition-magfit","title":"Série iPhone 17 - c11 Série Turbo Edition (Mag Fit)","description":"\u003cstyle\u003e\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  *,\n  ::after,\n  ::before {\n    box-sizing: border-box;\n  }\n\n  .product-description section {\n    position: relative;\n    width: 100%;\n  }\n\n  .product-description section:first-of-type {\n    border-top-left-radius: 32px;\n    border-top-right-radius: 32px;\n  }\n\n  .product-description section:last-of-type {\n    border-bottom-left-radius: 32px;\n    border-bottom-right-radius: 32px;\n  }\n\n  .product-description .section-container-fluid {\n    width: 100%;\n    max-width: 100%;\n    margin: 0 auto;\n  }\n\n  .product-description .section-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-container {\n      padding: 0 4rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 200px;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-container {\n      padding: 0 2rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 80px;\n    }\n  }\n\n  .product-description img {\n    width: 100%;\n    height: auto;\n  }\n\n  \/* ------------------------------------------------------------\nText Alignment\n------------------------------------------------------------ *\/\n  .product-description .text-center {\n    text-align: center;\n  }\n\n  .product-description .text-left {\n    text-align: left;\n  }\n\n  .product-description .text-right {\n    text-align: right;\n  }\n\n  \/* ------------------------------------------------------------\nText Colors\n------------------------------------------------------------ *\/\n  .product-description .text-dark * {\n    color: #000;\n  }\n\n  .product-description .text-light * {\n    color: #fff;\n  }\n\n  .product-description .text-info {\n    color: #8d8d8f;\n  }\n\n  \/* ------------------------------------------------------------\nVisibility\n------------------------------------------------------------ *\/\n  @media (min-width: 1080px) {\n    .product-description .sq-mobile-view {\n      display: none;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .sq-desktop-view {\n      display: none;\n    }\n  }\n\n  \/* ------------------------------------------------------------\nHeadlines\n------------------------------------------------------------ *\/\n  .product-description .section-header {\n    max-width: 500px;\n    margin: 0 auto;\n  }\n\n  .product-description .section-preheadline {\n    font-weight: 400;\n    line-height: 1.2;\n  }\n\n  .product-description .section-headline {\n    font-weight: 800;\n    line-height: 1.2;\n  }\n\n  .product-description .section-subheadline {\n    font-weight: 400;\n    line-height: 1.5;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 20px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 48px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 18px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 18px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 36px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 16px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  .product-description .cta-button {\n    display: inline-block;\n    padding: 16px 32px;\n    border-radius: 100px;\n    background-color: #ffffff;\n    border: 1px solid #ffffff;\n    color: #000000;\n    font-size: 20px;\n    font-weight: 400;\n    text-decoration: none;\n    line-height: 1.5;\n    margin: 0;\n    transition: all 0.3s ease;\n    cursor: pointer;\n  }\n\n  .product-description .cta-button:hover {\n    background-color: #dedede;\n    border-color: #dedede;\n    color: #000000;\n  }\n\n  .product-description .section-header p + .cta-button {\n    margin-top: 32px;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Intro\n------------------------------------------------------------ *\/\n  .section-intro {\n    background-color: #1c1c1c;\n  }\n\n  @media (min-width: 1080px) {\n    .section-intro .section-intro-banner {\n      width: 100%;\n      height: 1200px;\n      object-fit: cover;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n  .section-highlights {\n    background-color: #1c1c1c;\n  }\n\n  .section-highlights .section-header {\n    max-width: 480px;\n  }\n\n  .section-highlights-feature-container {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    padding: 16px;\n    margin: 0 auto;\n  }\n\n  .section-highlights-feature-item {\n    flex: 0 0 auto;\n    padding: 16px;\n  }\n\n  @media (min-width: 1080px) {\n    .section-highlights-feature-item:nth-child(1) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(2) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(3) {\n      width: 40%;\n    }\n\n    .section-highlights-feature-item:nth-child(4) {\n      width: 30%;\n    }\n\n    .section-highlights-feature-item:nth-child(5) {\n      width: 30%;\n    }\n  }\n\n  .section-highlights-feature-item [class^=\"section-highlights-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #000000;\n    height: 100%;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .section-highlights-feature-item .section-highlights-list-text-item {\n    padding: 40px;\n    color: #ffffff;\n  }\n\n  .section-highlights-feature-item .feature-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-highlights-feature-item .feature-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  .section-highlights-feature-item img {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n  .highlightSwiper {\n    width: 100%;\n    padding-top: 32px;\n  }\n\n  .highlightSwiper .swiper-wrapper {\n    width: 100%;\n    height: auto;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-header {\n    width: 100%;\n    padding: 40px 16px;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-image {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    min-height: 300px;\n    object-fit: cover;\n    object-position: center;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .highlightSwiper-pagination {\n    display: block;\n    width: 100%;\n    padding: 16px;\n    text-align: center;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet {\n    width: 16px;\n    height: 16px;\n    border-radius: 100px;\n    background-color: #dddddd;\n    margin: 0 8px;\n    transition: all 1s ease;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet-active {\n    background-color: #ffffff !important;\n    width: 48px;\n    height: 16px;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Daily Essentials\n------------------------------------------------------------ *\/\n  .section-daily-essentials {\n    background-color: #1c1c1c;\n  }\n\n  .section-daily-essentials img {\n    aspect-ratio: 468\/605;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  @media (min-width: 1080px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(2, 3fr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 2 \/ 3;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 2 \/ 3;\n      grid-row: 2 \/ 4;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(1, 4frr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 2 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 1 \/ 2;\n      grid-row: 4 \/ 5;\n    }\n  }\n\n  .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #ffffff;\n    height: 100%;\n    border-radius: 16px;\n    overflow: hidden;\n  }\n\n  .section-daily-essentials-item .section-daily-essentials-list-text-item {\n    padding: 40px;\n    color: #000000;\n  }\n\n  .section-daily-essentials-item .essential-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-daily-essentials-item .essential-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Series Inspiration\n------------------------------------------------------------ *\/\n  .section-series-inspiration {\n    background-color: #1c1c1c;\n  }\n\n  .section-series-inspiration-container {\n    position: relative;\n  }\n\n  .section-series-inspiration-button,\n  .edition-inspiration-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    margin: 32px;\n    width: 40px;\n    height: 40px;\n    color: #ffffff;\n    background-color: transparent;\n    border: none;\n    border-radius: 100px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    z-index: 1;\n  }\n\n  @media (min-width: 1080px) {\n    .section-series-inspiration .section-body {\n      position: relative;\n      max-width: 1200px;\n      padding: 0 4rem;\n      margin: 0 auto;\n    }\n\n    .section-series-inspiration-container {\n      border-radius: 32px;\n      overflow: hidden;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-series-inspiration.section-body {\n      position: relative;\n      padding: 0;\n      border-radius: 0;\n    }\n  }\n\n  \/* ------------------------------------------------------------\nModal Styles\n------------------------------------------------------------ *\/\n  .edition-inspiration-button {\n    background: linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 0.1),\n      rgba(255, 255, 255, 0.05)\n    );\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 4px;\n    border-radius: 100px;\n    transition: all 0.3s ease;\n  }\n\n  .edition-inspiration-button:hover {\n    background: rgba(255, 255, 255, 0.25);\n  }\n\n  #modal-subscription {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.6);\n  }\n\n  #modal-subscription .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background-color: #1c1c1c;\n    padding: 48px;\n    width: 90%;\n    max-width: 740px;\n    min-height: 600px;\n    border-radius: 32px;\n    display: flex;\n    align-items: center;\n  }\n\n  #modal-subscription .modal-header {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    z-index: 1001;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 50px;\n    height: 50px;\n    background-color: #ffffff;\n    border-radius: 100px;\n    cursor: pointer;\n  }\n\n  #modal-subscription .modal-header .close {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: all 0.3s ease;\n  }\n\n  #modal-subscription .modal-header .close svg {\n    width: 24px;\n    height: 24px;\n    color: #1c1c1c;\n  }\n\n  #modal-subscription .modal-header:hover {\n    background-color: #000000;\n  }\n\n  #modal-subscription .modal-header:hover svg {\n    color: #ffffff;\n  }\n\n  #modal-subscription .modal-text-content {\n    width: 100%;\n    text-align: center;\n    margin-bottom: 32px;\n  }\n\n  #modal-subscription input[type=\"email\"] {\n    text-align: center;\n  }\n\n  #modal-subscription button[type=\"submit\"] {\n    border-radius: 100px;\n  }\n\n  #modal-content {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  #modal-content .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 0.1),\n      rgba(255, 255, 255, 0.05)\n    );\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 48px;\n    width: 90%;\n    max-width: 800px;\n    border-radius: 32px;\n  }\n\n  .modal-body {\n    padding: 0;\n  }\n\n  .modal-image-container {\n    width: 100%;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .modal-image {\n    width: 100%;\n    height: auto;\n    border-radius: 16px;\n    object-fit: contain;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n  }\n\n  #modal-content .modal-headline {\n    color: #ffffff;\n  }\n\n  @media (min-width: 1080px) {\n    .modal-text-content {\n      padding: 40px;\n      color: #ffffff;\n    }\n\n    .modal-headline {\n      font-size: 48px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 20px;\n      font-weight: 400;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .modal-content {\n      width: 95%;\n      margin: 20px auto;\n      padding: 15px;\n    }\n\n    .modal-header {\n      top: 15px;\n      right: 15px;\n    }\n\n    .modal-text-content {\n      padding: 16px 0;\n      color: #ffffff;\n    }\n\n    .modal-content .modal-image {\n      cursor: pointer;\n    }\n\n    .modal-headline {\n      font-size: 24px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 1.5 !important;\n      margin: 0;\n    }\n\n    .close {\n      width: 40px;\n      height: 40px;\n      font-size: 24px;\n    }\n  }\n\u003c\/style\u003e\n\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\n\n\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\n\u003clink rel=\"stylesheet\" href=\"style.css\"\u003e\n\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\n  \u003csection class=\"section-intro\"\u003e\n    \u003cdiv class=\"section-container-fluid\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n          \u003cp class=\"section-preheadline\"\u003eSérie iPhone 17 Pro\u003c\/p\u003e\n\n          \u003ch1 class=\"section-headline\"\u003eÉdition Turbo\u003c\/h1\u003e\n\n          \u003cp class=\"section-subheadline\"\u003e\n            Représentant le casque emblématique du pilote légendaire de F1 Ayrton Senna et les circuits de ses victoires de la saison 1988 du Grand Prix. Obtenez la formule gagnante.\n          \u003c\/p\u003e\n\n          \u003cbutton class=\"cta-button\"\u003eS'abonner\u003c\/button\u003e\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"section-body\"\u003e\n\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=\"Coque de téléphone iPhone 17 Pro Series Turbo Edition avec un motif de voiture de course de formule sur une piste mouillée, flanquée de voitures de course rouges et bleues floues en arrière-plan.\"\u003e\n          \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=\"Coque de téléphone iPhone 17 Pro Series Turbo Edition avec un motif de voiture de course de formule sur une piste mouillée, flanquée de voitures de course rouges et bleues floues en arrière-plan.\"\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-highlights sq-desktop-view\"\u003e\n    \u003cdiv class=\"section-container\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"section-highlights-feature-container\"\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/turbo_web_feature_00.jpg?v=1758644196\" alt=\"Les images mettent en évidence la technologie Hexa-layering et montrent une coque de smartphone avec un design qui ressemble fortement aux voitures de Formule 1 McLaren-Honda MP4\/4 ou MP4\/5, sponsorisées par Marlboro, de la fin des années 1980 et du début des années 1990, pilotées par des légendes comme Ayrton Senna et Alain Prost.\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n                \u003cp class=\"feature-headline\"\u003eTechnologie Hexa-couches\u003c\/p\u003e\n\n                \u003cp class=\"feature-description\"\u003e\n                  Découvrez les graphiques à effet spatial 3D avec l'impression numérique Hexa-Layer.\n                  Découvrez la nouvelle norme en matière de design de haute qualité. Le\n                  détail unique imite la complexité du temps avec des couches d'impression profonde\n                  qui est inégalée.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n                \u003cp class=\"feature-headline\"\u003eProtection tout autour\u003c\/p\u003e\n\n                \u003cp class=\"feature-description\"\u003e\n                  Le protecteur de caméra et la technologie de coussin d'air protègent votre iPhone 17\n                  Pro chaque jour.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/turbo_web_feature_01.jpg?v=1758644196\" alt=\"Coque de smartphone avec un graphique hyper-réaliste d'une voiture de course de formule rouge et blanche sur une piste mouillée, vue de l'arrière. Montre un gros plan de la fonction Anneau de Caméra c11\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/turbo_web_feature_02.jpg?v=1758644196\" alt=\"Gros plan du coin montrant les couches qui composent la fonctionnalité c11 Air Cushion\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-highlights sq-mobile-view\"\u003e\n    \u003cdiv class=\"section-container\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\n            \u003cdiv class=\"swiper-wrapper\"\u003e\n\n              \u003cdiv class=\"swiper-slide\"\u003e\n\n                \u003cdiv class=\"slide-container\"\u003e\n\n                  \u003cdiv class=\"slide-header\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eTechnologie Hexa-couches.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003e\n                      Découvrez les graphiques à effet spatial 3D avec l'impression numérique Hexa-Layer.\n                      Découvrez la nouvelle norme en matière de design de haute qualité. Le\n                      détail unique imite la complexité du temps avec des couches d'impression profonde\n                      qui est inégalée.\n                    \u003c\/p\u003e\n\n                  \u003c\/div\u003e\n\n                  \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/turbo_web_feature_00.jpg?v=1758644196\" alt=\"Les images mettent en évidence la technologie Hexa-layering et montrent une coque de smartphone avec un design qui ressemble fortement aux voitures de Formule 1 McLaren-Honda MP4\/4 ou MP4\/5, sponsorisées par Marlboro, de la fin des années 1980 et du début des années 1990, pilotées par des légendes comme Ayrton Senna et Alain Prost.\"\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"swiper-slide\"\u003e\n\n                \u003cdiv class=\"slide-container\"\u003e\n\n                  \u003cdiv class=\"slide-header\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eProtégez l'essentiel.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003e\n                      Les bords surélevés empêchent les rayures sur l'écran et la caméra à tous\n                      les angles.\n                    \u003c\/p\u003e\n\n                  \u003c\/div\u003e\n\n\n                  \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/turbo_web_feature_01.jpg?v=1758644196\" alt=\"Coque de smartphone avec un graphique hyper-réaliste d'une voiture de course de formule rouge et blanche sur une piste mouillée, vue de l'arrière. Montre un gros plan de la fonction Anneau de Caméra c11\"\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"swiper-slide\"\u003e\n\n                \u003cdiv class=\"slide-container\"\u003e\n\n                  \u003cdiv class=\"slide-header\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eUne protection de confiance.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003e\n                      La technologie Air Cushion™ absorbe et atténue tous les impacts\n                      à chaque coin.\n                    \u003c\/p\u003e\n\n                  \u003c\/div\u003e\n\n\n                  \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/turbo_web_feature_02.jpg?v=1758644196\" alt=\"Gros plan du coin montrant les couches qui composent la fonctionnalité c11 Air Cushion\"\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cscript\u003e\n      var swiper = new Swiper(\".highlightSwiper\", {\n        slidesPerView: 1,\n        spaceBetween: 32,\n        pagination: {\n          el: \".highlightSwiper-pagination\",\n          clickable: true,\n        },\n      });\n    \u003c\/script\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-daily-essentials\"\u003e\n    \u003cdiv class=\"section-container\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n          \u003ch1 class=\"section-headline\"\u003eLes essentiels du quotidien\u003c\/h1\u003e\n\n          \u003cp class=\"section-subheadline\"\u003eVos essentiels quotidiens sont couverts.\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"section-daily-essentials-container\"\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n                \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=\"Une main tient un iPhone sur le bouton de découpe de l'appareil photo et affiche une image en noir et blanc d'un pilote de course sur une piste, vue à travers l'application appareil photo avec un bouton d'obturateur blanc proéminent et un panneau de commande vertical jaune étiqueté \" cam visibles.\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n                \u003cp class=\"essential-headline\"\u003eAccès facile\u003c\/p\u003e\n\n                \u003cp class=\"essential-description\"\u003e\n                  Découpes précises pour un accès facile et complet à tous les boutons de\n                  l'iPhone.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n                \u003cp class=\"essential-headline\"\u003eChargez simplement.\u003c\/p\u003e\n\n                \u003cp class=\"essential-description\"\u003e\n                  Nous savons qu'enlever la coque est fastidieux. Alors, chargez\n                  simplement avec la coque via un chargeur sans fil ou MagSafe.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n                \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=\"L'image offre une vue composite des fonctionnalités d'un iPhone, mettant l'accent sur la recharge MagFit, l'écran de verrouillage et la fonctionnalité de l'appareil photo, avec un thème récurrent de sports automobiles.\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-series-inspiration\"\u003e\n    \u003cdiv class=\"section-container-fluid\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n          \u003ch1 class=\"section-headline\"\u003eC'est maintenant ou jamais.\u003c\/h1\u003e\n\n          \u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"section-series-inspiration-container\"\u003e\n\n            \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=\"L'arrière d'un iPhone est équipé d'une coque avec un graphique détaillé d'une voiture de course de Formule 1 rouge et blanche roulant à toute vitesse sur une piste, dans un garage sombre et stylisé avec des néons rouges.\"\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- Modal for Subscription --\u003e\n  \u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\n\n    \u003cdiv class=\"modal-content\"\u003e\n\n      \u003cdiv class=\"modal-header\"\u003e\n\n        \u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\n          \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\n            \u003cpath fill=\"currentColor\" d=\"M135.5 169C126.1 159.6 126.1 144.4 135.5 135.1C144.9 125.8 160.1 125.7 169.4 135.1L320.4 286.1L471.4 135.1C480.8 125.7 496 125.7 505.3 135.1C514.6 144.5 514.7 159.7 505.3 169L354.3 320L505.3 471C514.7 480.4 514.7 495.6 505.3 504.9C495.9 514.2 480.7 514.3 471.4 504.9L320.4 353.9L169.4 504.9C160 514.3 144.8 514.3 135.5 504.9C126.2 495.5 126.1 480.3 135.5 471L286.5 320L135.5 169z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"modal-body\"\u003e\n\n        \u003cdiv class=\"modal-image-container\"\u003e\n\n          \u003cdiv class=\"modal-text-content text-light\"\u003e\n\n            \u003ch1 class=\"modal-headline\"\u003eSoyez au courant des nouveautés.\u003c\/h1\u003e\n\n            \u003cp class=\"modal-subheadline\"\u003e\n              Abonnez-vous et soyez le premier à découvrir les nouveaux designs c11\n              chaque mois.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cscript\u003e\n    \/\/ Modal functionality\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      console.log(\"Modal script loaded\");\n\n      \/\/ Get modal elements\n      const modalSubscription = document.getElementById(\"modal-subscription\");\n      const modalContent = document.getElementById(\"modal-content\");\n\n      \/\/ Get button elements\n      const ctaButton = document.querySelector(\".cta-button\");\n      const inspirationButton = document.querySelector(\n        \".edition-inspiration-button\"\n      );\n\n      console.log(\"CTA Button found:\", ctaButton);\n      console.log(\"Inspiration Button found:\", inspirationButton);\n      console.log(\"Modal Subscription found:\", modalSubscription);\n      console.log(\"Modal Content found:\", modalContent);\n\n      \/\/ Function to open modal\n      function openModal(modal) {\n        if (modal) {\n          modal.style.display = \"block\";\n          document.body.style.overflow = \"hidden\";\n          console.log(\"Modal opened:\", modal.id);\n        }\n      }\n\n      \/\/ Function to close modal\n      function closeModal(modal) {\n        if (modal) {\n          modal.style.display = \"none\";\n          document.body.style.overflow = \"auto\";\n          console.log(\"Modal closed:\", modal.id);\n        }\n      }\n\n      \/\/ CTA Button ? Subscription Modal\n      if (ctaButton \u0026\u0026 modalSubscription) {\n        ctaButton.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          e.stopPropagation();\n          console.log(\"CTA button clicked\");\n          openModal(modalSubscription);\n        });\n      } else {\n        console.error(\"CTA button or subscription modal not found\");\n      }\n\n      \/\/ Inspiration Button ? Content Modal\n      if (inspirationButton \u0026\u0026 modalContent) {\n        inspirationButton.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          e.stopPropagation();\n          console.log(\"Inspiration button clicked\");\n          openModal(modalContent);\n        });\n      } else {\n        console.error(\"Inspiration button or content modal not found\");\n      }\n\n      \/\/ Close buttons\n      const closeBtns = document.querySelectorAll(\".close\");\n      closeBtns.forEach(function (closeBtn) {\n        closeBtn.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          e.stopPropagation();\n          const modalId = this.getAttribute(\"data-modal\");\n          const modal = document.getElementById(modalId);\n          console.log(\"Close button clicked for modal:\", modalId);\n          closeModal(modal);\n        });\n      });\n\n      \/\/ Close modal when clicking outside of modal content\n      window.addEventListener(\"click\", function (event) {\n        if (event.target.classList.contains(\"modal\")) {\n          console.log(\"Modal background clicked\");\n          closeModal(event.target);\n        }\n      });\n\n      \/\/ ESC key to close modals\n      document.addEventListener(\"keydown\", function (e) {\n        if (e.key === \"Escape\") {\n          if (\n            modalSubscription \u0026\u0026\n            modalSubscription.style.display === \"block\"\n          ) {\n            closeModal(modalSubscription);\n          }\n          if (modalContent \u0026\u0026 modalContent.style.display === \"block\") {\n            closeModal(modalContent);\n          }\n        }\n      });\n\n      \/\/ Modal image click to close modal (only for mobile screens)\n      const modalImage = document.querySelector(\"#modal-content .modal-image\");\n      if (modalImage \u0026\u0026 modalContent) {\n        modalImage.addEventListener(\"click\", function (e) {\n          \/\/ Check if screen width is 1079.98px or less\n          if (window.matchMedia(\"(max-width: 1079.98px)\").matches) {\n            e.preventDefault();\n            e.stopPropagation();\n            console.log(\"Modal image clicked on mobile - closing modal\");\n            closeModal(modalContent);\n          }\n        });\n      }\n    });\n  \u003c\/script\u003e\n\n  \u003cscript\u003e\n    \/\/ Omnisend ? ?? ??? ???\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      const modalTitle = document.querySelector(\".modal-title\");\n      const modalText = document.querySelector(\".modal-text\");\n      const modalContent = document.querySelector(\".modal-content-wrapper\");\n      let hasChanged = false; \/\/ ?? ??? ???? ???\n\n      \/\/ Omnisend ?? ?? ?? ??\n      const checkSuccess = function () {\n        const successSection = document.querySelector(\n          \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\"\n        );\n        if (\n          successSection \u0026\u0026\n          window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026\n          !hasChanged\n        ) {\n          \/\/ ?? ?? ?? (? ?? ??)\n          modalTitle.textContent = \"Nice to have you!\";\n          modalText.innerHTML =\n            \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\";\n\n          \/\/ Omnisend ? ???\n          const omnisendForm = document.getElementById(\n            \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\n          );\n          if (omnisendForm) {\n            omnisendForm.style.display = \"none\";\n          }\n\n          hasChanged = true; \/\/ ?????? ??\n          clearInterval(checkInterval); \/\/ ??? ??\n        }\n      };\n\n      \/\/ ????? ?? ?? ??\n      const checkInterval = setInterval(checkSuccess, 500);\n\n      \/\/ ? ?? ?? ?? ??? ??\n      const submitButton = document.querySelector(\n        \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\"\n      );\n      if (submitButton) {\n        submitButton.addEventListener(\"click\", function () {\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Turbo \/ En stock","offer_id":53890607710319,"sku":"ACS10605","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Turbo \/ En stock","offer_id":53890607743087,"sku":"ACS10606","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone_17pro_series_c11_turbo_01.jpg?v=1785117311"},{"product_id":"iphone-17-series-case-c11-series-huntington-edition-magfit","title":"Série iPhone 17 - c11 Série Huntington Edition (Mag Fit)","description":"\u003cstyle\u003e\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  *,\n  ::after,\n  ::before {\n    box-sizing: border-box;\n  }\n\n  .product-description section {\n    position: relative;\n    width: 100%;\n  }\n\n  .product-description section:first-of-type {\n    border-top-left-radius: 32px;\n    border-top-right-radius: 32px;\n  }\n\n  .product-description section:last-of-type {\n    border-bottom-left-radius: 32px;\n    border-bottom-right-radius: 32px;\n  }\n\n  .product-description .section-container-fluid {\n    width: 100%;\n    max-width: 100%;\n    margin: 0 auto;\n  }\n\n  .product-description .section-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-container {\n      padding: 0 4rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 200px;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-container {\n      padding: 0 2rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 80px;\n    }\n  }\n\n  .product-description img {\n    width: 100%;\n    height: auto;\n  }\n\n  \/* ------------------------------------------------------------\nText Alignment\n------------------------------------------------------------ *\/\n  .product-description .text-center {\n    text-align: center;\n  }\n\n  .product-description .text-left {\n    text-align: left;\n  }\n\n  .product-description .text-right {\n    text-align: right;\n  }\n\n  \/* ------------------------------------------------------------\nText Colors\n------------------------------------------------------------ *\/\n  .product-description .text-dark * {\n    color: #000;\n  }\n\n  .product-description .text-light * {\n    color: #fff;\n  }\n\n  .product-description .text-info {\n    color: #8d8d8f;\n  }\n\n  \/* ------------------------------------------------------------\nVisibility\n------------------------------------------------------------ *\/\n  @media (min-width: 1080px) {\n    .product-description .sq-mobile-view {\n      display: none;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .sq-desktop-view {\n      display: none;\n    }\n  }\n\n  \/* ------------------------------------------------------------\nHeadlines\n------------------------------------------------------------ *\/\n  .product-description .section-header {\n    max-width: 500px;\n    margin: 0 auto;\n  }\n\n  .product-description .section-preheadline {\n    font-weight: 400;\n    line-height: 1.2;\n  }\n\n  .product-description .section-headline {\n    font-weight: 800;\n    line-height: 1.2;\n  }\n\n  .product-description .section-subheadline {\n    font-weight: 400;\n    line-height: 1.5;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 20px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 48px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 18px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 18px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 36px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 16px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  .product-description .cta-button {\n    display: inline-block;\n    padding: 16px 32px;\n    border-radius: 100px;\n    background-color: #ffffff;\n    border: 1px solid #ffffff;\n    color: #000000;\n    font-size: 20px;\n    font-weight: 400;\n    text-decoration: none;\n    line-height: 1.5;\n    margin: 0;\n    transition: all 0.3s ease;\n    cursor: pointer;\n  }\n\n  .product-description .cta-button:hover {\n    background-color: #dedede;\n    border-color: #dedede;\n    color: #000000;\n  }\n\n  .product-description .section-header p + .cta-button {\n    margin-top: 32px;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Intro\n------------------------------------------------------------ *\/\n  .section-intro {\n    background-color: #1c1c1c;\n  }\n\n  @media (min-width: 1080px) {\n    .section-intro .section-intro-banner {\n      width: 100%;\n      height: 1200px;\n      object-fit: cover;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n  .section-highlights {\n    background-color: #1c1c1c;\n  }\n\n  .section-highlights .section-header {\n    max-width: 480px;\n  }\n\n  .section-highlights-feature-container {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    padding: 16px;\n    margin: 0 auto;\n  }\n\n  .section-highlights-feature-item {\n    flex: 0 0 auto;\n    padding: 16px;\n  }\n\n  @media (min-width: 1080px) {\n    .section-highlights-feature-item:nth-child(1) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(2) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(3) {\n      width: 40%;\n    }\n\n    .section-highlights-feature-item:nth-child(4) {\n      width: 30%;\n    }\n\n    .section-highlights-feature-item:nth-child(5) {\n      width: 30%;\n    }\n  }\n\n  .section-highlights-feature-item [class^=\"section-highlights-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #000000;\n    height: 100%;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .section-highlights-feature-item .section-highlights-list-text-item {\n    padding: 40px;\n    color: #ffffff;\n  }\n\n  .section-highlights-feature-item .feature-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-highlights-feature-item .feature-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  .section-highlights-feature-item img {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n  .highlightSwiper {\n    width: 100%;\n    padding-top: 32px;\n  }\n\n  .highlightSwiper .swiper-wrapper {\n    width: 100%;\n    height: auto;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-header {\n    width: 100%;\n    padding: 40px 16px;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-image {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    min-height: 300px;\n    object-fit: cover;\n    object-position: center;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .highlightSwiper-pagination {\n    display: block;\n    width: 100%;\n    padding: 16px;\n    text-align: center;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet {\n    width: 16px;\n    height: 16px;\n    border-radius: 100px;\n    background-color: #dddddd;\n    margin: 0 8px;\n    transition: all 1s ease;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet-active {\n    background-color: #ffffff !important;\n    width: 48px;\n    height: 16px;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Daily Essentials\n------------------------------------------------------------ *\/\n  .section-daily-essentials {\n    background-color: #1c1c1c;\n  }\n\n  .section-daily-essentials img {\n    aspect-ratio: 468\/605;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  @media (min-width: 1080px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(2, 3fr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 2 \/ 3;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 2 \/ 3;\n      grid-row: 2 \/ 4;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(1, 4frr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 2 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 1 \/ 2;\n      grid-row: 4 \/ 5;\n    }\n  }\n\n  .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #ffffff;\n    height: 100%;\n    border-radius: 16px;\n    overflow: hidden;\n  }\n\n  .section-daily-essentials-item .section-daily-essentials-list-text-item {\n    padding: 40px;\n    color: #000000;\n  }\n\n  .section-daily-essentials-item .essential-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-daily-essentials-item .essential-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Series Inspiration\n------------------------------------------------------------ *\/\n  .section-series-inspiration {\n    background-color: #1c1c1c;\n  }\n\n  .section-series-inspiration-container {\n    position: relative;\n  }\n\n  .section-series-inspiration-button,\n  .edition-inspiration-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    margin: 32px;\n    width: 40px;\n    height: 40px;\n    color: #ffffff;\n    background-color: transparent;\n    border: none;\n    border-radius: 100px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    z-index: 1;\n  }\n\n  @media (min-width: 1080px) {\n    .section-series-inspiration .section-body {\n      position: relative;\n      max-width: 1200px;\n      padding: 0 4rem;\n      margin: 0 auto;\n    }\n\n    .section-series-inspiration-container {\n      border-radius: 32px;\n      overflow: hidden;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-series-inspiration.section-body {\n      position: relative;\n      padding: 0;\n      border-radius: 0;\n    }\n  }\n\n  \/* ------------------------------------------------------------\nModal Styles\n------------------------------------------------------------ *\/\n  .edition-inspiration-button {\n    background: linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 0.1),\n      rgba(255, 255, 255, 0.05)\n    );\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 4px;\n    border-radius: 100px;\n    transition: all 0.3s ease;\n  }\n\n  .edition-inspiration-button:hover {\n    background: rgba(255, 255, 255, 0.25);\n  }\n\n  #modal-subscription {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.6);\n  }\n\n  #modal-subscription .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background-color: #1c1c1c;\n    padding: 48px;\n    width: 90%;\n    max-width: 740px;\n    min-height: 600px;\n    border-radius: 32px;\n    display: flex;\n    align-items: center;\n  }\n\n  #modal-subscription .modal-header {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    z-index: 1001;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 50px;\n    height: 50px;\n    background-color: #ffffff;\n    border-radius: 100px;\n    cursor: pointer;\n  }\n\n  #modal-subscription .modal-header .close {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: all 0.3s ease;\n  }\n\n  #modal-subscription .modal-header .close svg {\n    width: 24px;\n    height: 24px;\n    color: #1c1c1c;\n  }\n\n  #modal-subscription .modal-header:hover {\n    background-color: #000000;\n  }\n\n  #modal-subscription .modal-header:hover svg {\n    color: #ffffff;\n  }\n\n  #modal-subscription .modal-text-content {\n    width: 100%;\n    text-align: center;\n    margin-bottom: 32px;\n  }\n\n  #modal-subscription input[type=\"email\"] {\n    text-align: center;\n  }\n\n  #modal-subscription button[type=\"submit\"] {\n    border-radius: 100px;\n  }\n\n  #modal-content {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  #modal-content .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 0.1),\n      rgba(255, 255, 255, 0.05)\n    );\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 48px;\n    width: 90%;\n    max-width: 800px;\n    border-radius: 32px;\n  }\n\n  .modal-body {\n    padding: 0;\n  }\n\n  .modal-image-container {\n    width: 100%;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .modal-image {\n    width: 100%;\n    height: auto;\n    border-radius: 16px;\n    object-fit: contain;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n  }\n\n  #modal-content .modal-headline {\n    color: #ffffff;\n  }\n\n  @media (min-width: 1080px) {\n    .modal-text-content {\n      padding: 40px;\n      color: #ffffff;\n    }\n\n    .modal-headline {\n      font-size: 48px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 20px;\n      font-weight: 400;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .modal-content {\n      width: 95%;\n      margin: 20px auto;\n      padding: 15px;\n    }\n\n    .modal-header {\n      top: 15px;\n      right: 15px;\n    }\n\n    .modal-text-content {\n      padding: 16px 0;\n      color: #ffffff;\n    }\n\n    .modal-content .modal-image {\n      cursor: pointer;\n    }\n\n    .modal-headline {\n      font-size: 24px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 1.5 !important;\n      margin: 0;\n    }\n\n    .close {\n      width: 40px;\n      height: 40px;\n      font-size: 24px;\n    }\n  }\n\u003c\/style\u003e\n\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\n\n\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\n\u003clink rel=\"stylesheet\" href=\"style.css\"\u003e\n\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\n  \u003csection class=\"section-intro\"\u003e\n    \u003cdiv class=\"section-container-fluid\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n          \u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\n          \u003ch1 class=\"section-headline\"\u003eÉdition Huntington\u003c\/h1\u003e\n\n          \u003cp class=\"section-subheadline\"\u003e\n            Tout est une question de timing. Maîtrisez la pause et plongez au bon moment pour surfer sur votre vague.\n          \u003c\/p\u003e\n\n          \u003cbutton class=\"cta-button\"\u003eS'abonner\u003c\/button\u003e\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"section-body\"\u003e\n\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=\"Vue complète de la coque de téléphone Huntington sur un téléphone, posé dans un décor rustique sur le thème du surf.\"\u003e\n          \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=\"Vue complète de la coque de téléphone Huntington sur un téléphone, posé dans un décor rustique sur le thème du surf.\"\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-highlights sq-desktop-view\"\u003e\n    \u003cdiv class=\"section-container\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"section-highlights-feature-container\"\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Huntington_web_feature_00.jpg?v=1757006538\" alt=\"Vue détaillée du van de surf californien en 3D et du texte pailleté 'California' sur la coque arrière transparente.\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n                \u003cp class=\"feature-headline\"\u003eTechnologie Hexa-layering\u003c\/p\u003e\n\n                \u003cp class=\"feature-description\"\u003e\n                  Découvrez des graphiques 3D à effet spatial avec l'impression\n                  numérique Hexa-Layer. Découvrez la nouvelle norme en matière de\n                  design de qualité supérieure. Le détail unique imite la\n                  complexité du temps avec des couches d'impression en profondeur\n                  qui sont dans une catégorie à part.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n                \u003cp class=\"feature-headline\"\u003eProtection complète\u003c\/p\u003e\n\n                \u003cp class=\"feature-description\"\u003e\n                  La protection de l'appareil photo et la technologie de coussin\n                  d'air protègent votre iPhone 17 Pro au quotidien.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Huntington_web_feature_01.jpg?v=1757006538\" alt=\"Gros plan sur le coin supérieur d'une coque de téléphone transparente, montrant les objectifs de l'appareil photo et le détail graphique de la Californie.\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Huntington_web_feature_02.jpg?v=1757006538\" alt=\"Gros plan sur le coin montrant la fonction c11 Air Cushion\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-highlights sq-mobile-view\"\u003e\n    \u003cdiv class=\"section-container\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\n            \u003cdiv class=\"swiper-wrapper\"\u003e\n\n              \u003cdiv class=\"swiper-slide\"\u003e\n\n                \u003cdiv class=\"slide-container\"\u003e\n\n                  \u003cdiv class=\"slide-header\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eTechnologie Hexa-layering.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003e\n                      Découvrez des graphiques 3D à effet spatial avec l'impression\n                      numérique Hexa-Layer. Découvrez la nouvelle norme en matière de\n                      design de qualité supérieure. Le détail unique imite la\n                      complexité du temps avec des couches d'impression en profondeur\n                      qui sont dans une catégorie à part.\n                    \u003c\/p\u003e\n\n                  \u003c\/div\u003e\n\n                  \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Huntington_web_feature_00.jpg?v=1757006538\" alt=\"Vue détaillée du van de surf californien en 3D et du texte pailleté 'California' sur la coque arrière transparente.\"\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"swiper-slide\"\u003e\n\n                \u003cdiv class=\"slide-container\"\u003e\n\n                  \u003cdiv class=\"slide-header\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eProtégez l'essentiel.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003e\n                      Les bords surélevés empêchent les rayures sur l'écran et la\n                      caméra sous tous les angles.\n                    \u003c\/p\u003e\n\n                  \u003c\/div\u003e\n\n\n                  \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Huntington_web_feature_01.jpg?v=1757006538\" alt=\"Gros plan sur le coin supérieur d'une coque de téléphone transparente, montrant les objectifs de l'appareil photo et le détail graphique de la Californie.\"\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"swiper-slide\"\u003e\n\n                \u003cdiv class=\"slide-container\"\u003e\n\n                  \u003cdiv class=\"slide-header\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eUne protection fiable.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003e\n                      La technologie Air Cushion™ absorbe et atténue tous les impacts\n                      dans chaque coin.\n                    \u003c\/p\u003e\n\n                  \u003c\/div\u003e\n\n\n                  \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Huntington_web_feature_02.jpg?v=1757006538\" alt=\"Gros plan sur le coin montrant la fonction c11 Air Cushion\"\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cscript\u003e\n      var swiper = new Swiper(\".highlightSwiper\", {\n        slidesPerView: 1,\n        spaceBetween: 32,\n        pagination: {\n          el: \".highlightSwiper-pagination\",\n          clickable: true,\n        },\n      });\n    \u003c\/script\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-daily-essentials\"\u003e\n    \u003cdiv class=\"section-container\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n          \u003ch1 class=\"section-headline\"\u003eL'essentiel au quotidien\u003c\/h1\u003e\n\n          \u003cp class=\"section-subheadline\"\u003eL'essentiel au quotidien couvert.\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"section-daily-essentials-container\"\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n                \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=\"Une main tenant un téléphone dans une coque transparente, l'écran affichant une vue de surfeurs sur une plage au coucher du soleil.\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n                \u003cp class=\"essential-headline\"\u003eAccès facile\u003c\/p\u003e\n\n                \u003cp class=\"essential-description\"\u003e\n                  Découpes précises pour un accès facile et complet à tous les\n                  boutons de l'iPhone.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n                \u003cp class=\"essential-headline\"\u003eChargez simplement.\u003c\/p\u003e\n\n                \u003cp class=\"essential-description\"\u003e\n                  Nous savons qu'il est fastidieux de retirer la coque. Alors,\n                  chargez simplement avec la coque, via un chargeur sans fil ou un\n                  chargeur MagSafe.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n                \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=\"Deux iPhones dans des coques transparentes sur fond blanc : l'un est en charge sur un pad, affichant l'écran de verrouillage, et l'autre a un chargeur MagSafe fixé à l'arrière, montrant le graphique de la Californie.\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-series-inspiration\"\u003e\n    \u003cdiv class=\"section-container-fluid\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n          \u003ch1 class=\"section-headline\"\u003eC'est maintenant ou jamais.\u003c\/h1\u003e\n\n          \u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"section-series-inspiration-container\"\u003e\n\n            \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=\"Une coque de téléphone transparente avec un graphique de van de surf californien à l'arrière, posée verticalement sur une serviette rayée sur une plage de sable.\"\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- Modal for Subscription --\u003e\n  \u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\n\n    \u003cdiv class=\"modal-content\"\u003e\n\n      \u003cdiv class=\"modal-header\"\u003e\n\n        \u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\n          \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\n            \u003cpath fill=\"currentColor\" d=\"M135.5 169C126.1 159.6 126.1 144.4 135.5 135.1C144.9 125.8 160.1 125.7 169.4 135.1L320.4 286.1L471.4 135.1C480.8 125.7 496 125.7 505.3 135.1C514.6 144.5 514.7 159.7 505.3 169L354.3 320L505.3 471C514.7 480.4 514.7 495.6 505.3 504.9C495.9 514.2 480.7 514.3 471.4 504.9L320.4 353.9L169.4 504.9C160 514.3 144.8 514.3 135.5 504.9C126.2 495.5 126.1 480.3 135.5 471L286.5 320L135.5 169z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"modal-body\"\u003e\n\n        \u003cdiv class=\"modal-image-container\"\u003e\n\n          \u003cdiv class=\"modal-text-content text-light\"\u003e\n\n            \u003ch1 class=\"modal-headline\"\u003eSoyez au courant des nouveautés.\u003c\/h1\u003e\n\n            \u003cp class=\"modal-subheadline\"\u003e\n              Abonnez-vous et soyez le premier à découvrir les nouvelles \u003cbr\u003econceptions c11 chaque mois.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cscript\u003e\n    \/\/ Modal functionality\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      console.log(\"Modal script loaded\");\n\n      \/\/ Get modal elements\n      const modalSubscription = document.getElementById(\"modal-subscription\");\n      const modalContent = document.getElementById(\"modal-content\");\n\n      \/\/ Get button elements\n      const ctaButton = document.querySelector(\".cta-button\");\n      const inspirationButton = document.querySelector(\n        \".edition-inspiration-button\"\n      );\n\n      console.log(\"CTA Button found:\", ctaButton);\n      console.log(\"Inspiration Button found:\", inspirationButton);\n      console.log(\"Modal Subscription found:\", modalSubscription);\n      console.log(\"Modal Content found:\", modalContent);\n\n      \/\/ Function to open modal\n      function openModal(modal) {\n        if (modal) {\n          modal.style.display = \"block\";\n          document.body.style.overflow = \"hidden\";\n          console.log(\"Modal opened:\", modal.id);\n        }\n      }\n\n      \/\/ Function to close modal\n      function closeModal(modal) {\n        if (modal) {\n          modal.style.display = \"none\";\n          document.body.style.overflow = \"auto\";\n          console.log(\"Modal closed:\", modal.id);\n        }\n      }\n\n      \/\/ CTA Button → Subscription Modal\n      if (ctaButton \u0026\u0026 modalSubscription) {\n        ctaButton.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          e.stopPropagation();\n          console.log(\"CTA button clicked\");\n          openModal(modalSubscription);\n        });\n      } else {\n        console.error(\"CTA button or subscription modal not found\");\n      }\n\n      \/\/ Inspiration Button → Content Modal\n      if (inspirationButton \u0026\u0026 modalContent) {\n        inspirationButton.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          e.stopPropagation();\n          console.log(\"Inspiration button clicked\");\n          openModal(modalContent);\n        });\n      } else {\n        console.error(\"Inspiration button or content modal not found\");\n      }\n\n      \/\/ Close buttons\n      const closeBtns = document.querySelectorAll(\".close\");\n      closeBtns.forEach(function (closeBtn) {\n        closeBtn.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          e.stopPropagation();\n          const modalId = this.getAttribute(\"data-modal\");\n          const modal = document.getElementById(modalId);\n          console.log(\"Close button clicked for modal:\", modalId);\n          closeModal(modal);\n        });\n      });\n\n      \/\/ Close modal when clicking outside of modal content\n      window.addEventListener(\"click\", function (event) {\n        if (event.target.classList.contains(\"modal\")) {\n          console.log(\"Modal background clicked\");\n          closeModal(event.target);\n        }\n      });\n\n      \/\/ ESC key to close modals\n      document.addEventListener(\"keydown\", function (e) {\n        if (e.key === \"Escape\") {\n          if (\n            modalSubscription \u0026\u0026\n            modalSubscription.style.display === \"block\"\n          ) {\n            closeModal(modalSubscription);\n          }\n          if (modalContent \u0026\u0026 modalContent.style.display === \"block\") {\n            closeModal(modalContent);\n          }\n        }\n      });\n\n      \/\/ Modal image click to close modal (only for mobile screens)\n      const modalImage = document.querySelector(\"#modal-content .modal-image\");\n      if (modalImage \u0026\u0026 modalContent) {\n        modalImage.addEventListener(\"click\", function (e) {\n          \/\/ Check if screen width is 1079.98px or less\n          if (window.matchMedia(\"(max-width: 1079.98px)\").matches) {\n            e.preventDefault();\n            e.stopPropagation();\n            console.log(\"Modal image clicked on mobile - closing modal\");\n            closeModal(modalContent);\n          }\n        });\n      }\n    });\n  \u003c\/script\u003e\n\n  \u003cscript\u003e\n    \/\/ Omnisend 폼 성공 이벤트 리스너\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      const modalTitle = document.querySelector(\".modal-title\");\n      const modalText = document.querySelector(\".modal-text\");\n      const modalContent = document.querySelector(\".modal-content-wrapper\");\n      let hasChanged = false; \/\/ 변경 여부를 추적하는 플래그\n\n      \/\/ Omnisend 폼의 성공 섹션 감지\n      const checkSuccess = function () {\n        const successSection = document.querySelector(\n          \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\"\n        );\n        if (\n          successSection \u0026\u0026\n          window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026\n          !hasChanged\n        ) {\n          \/\/ 모달 내용 변경 (한 번만 실행)\n          modalTitle.textContent = \"Nice to have you!\";\n          modalText.innerHTML =\n            \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\";\n\n          \/\/ Omnisend 폼 숨기기\n          const omnisendForm = document.getElementById(\n            \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\n          );\n          if (omnisendForm) {\n            omnisendForm.style.display = \"none\";\n          }\n\n          hasChanged = true; \/\/ 변경되었음을 표시\n          clearInterval(checkInterval); \/\/ 인터벌 중지\n        }\n      };\n\n      \/\/ 주기적으로 성공 섹션 확인\n      const checkInterval = setInterval(checkSuccess, 500);\n\n      \/\/ 폼 제출 버튼 클릭 이벤트 감지\n      const submitButton = document.querySelector(\n        \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\"\n      );\n      if (submitButton) {\n        submitButton.addEventListener(\"click\", function () {\n          if (!hasChanged) {\n            \/\/ 아직 변경되지 않은 경우에만 실행\n            setTimeout(checkSuccess, 1000);\n          }\n        });\n      }\n    });\n  \u003c\/script\u003e\n\n\u003c\/div\u003e\n\n\u003csq-outro class=\"sq--product-long-description\"\u003e\n  \u003c!--[Section] Outro--\u003e\n  \u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n  \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\n    \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e\n\n    \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"sq--section-outro-body\"\u003e\n\n    \u003cdiv class=\"sq--section-row\"\u003e\n\n      \u003cdiv class=\"sq--section-column\"\u003e\n\n        \u003cdiv class=\"sq--rewards\"\u003e\n\n          \u003cdiv class=\"sq--overlay-content\"\u003e\n\n            \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e\n\n            \u003cp\u003eProtection avec avantages pour \u003cbr\u003enos membres Récompense.\u003c\/p\u003e\n\n            \u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\n              \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                  \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eRecevez-le plus vite\u003c\/div\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                  Nous offrons des frais d'expédition accélérée réduits à nos\n                  membres Elite et Executive.\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                  \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n\n                  Coupon saisonnier\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                  Chaque saison, nous offrons à nos membres Elite et Executive des\n                  bons de réduction avec de nouveaux équipements.\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                  \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n\n                  Équipe d'assistance Executive\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                  Nous avons créé une équipe dédiée qui s'occupe personnellement de\n                  tout, du service de garantie à toutes les questions.\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e\n              Rejoignez-nous\n            \u003c\/button\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\n\n        \u003cdiv class=\"swiper-wrapper\"\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n\n            \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et de l'entreprise\" tabindex=\"0\"\u003e\n              \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e\n\n                \u003cspan class=\"sr-only\"\u003e\n                  Découvrez l'histoire de la marque Spigen et de l'entreprise.\n                \u003c\/span\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"sq--outro-background-media\"\u003e\n\n                \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\n              \u003c\/div\u003e\n\n            \u003c\/a\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n\n            \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Durabilité - Explorez les efforts de Spigen en matière de durabilité et les initiatives de ClimatePartner\" tabindex=\"0\"\u003e\n              \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e\n                \u003ch3 class=\"text-h3 sr-only\"\u003eDurabilité\u003c\/h3\u003e\n\n                \u003cspan class=\"sr-only\"\u003e\n                  Explorez les efforts de Spigen en matière de durabilité et les\n                  initiatives de ClimatePartner\n                \u003c\/span\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"sq--outro-background-media\"\u003e\n\n                \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\n              \u003c\/div\u003e\n\n            \u003c\/a\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/sq-listing-outro\u003e\u003c\/sq-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Huntington \/ En stock","offer_id":53890607775855,"sku":"ACS10169","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Huntington \/ En stock","offer_id":53890607808623,"sku":"ACS10170","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone17proseries_c11_huntington_01.jpg?v=1785117312"},{"product_id":"iphone-17-series-c11-series-case-le-mans-edition-magfit","title":"Série iPhone 17 - Série c11 Édition Le Mans (Mag Fit)","description":"\u003cstyle\u003e\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  *,\n  ::after,\n  ::before {\n    box-sizing: border-box;\n  }\n\n  .product-description section {\n    position: relative;\n    width: 100%;\n  }\n\n  .product-description section:first-of-type {\n    border-top-left-radius: 32px;\n    border-top-right-radius: 32px;\n  }\n\n  .product-description section:last-of-type {\n    border-bottom-left-radius: 32px;\n    border-bottom-right-radius: 32px;\n  }\n\n  .product-description .section-container-fluid {\n    width: 100%;\n    max-width: 100%;\n    margin: 0 auto;\n  }\n\n  .product-description .section-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-container {\n      padding: 0 4rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 200px;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-container {\n      padding: 0 2rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 80px;\n    }\n  }\n\n  .product-description img {\n    width: 100%;\n    height: auto;\n  }\n\n  \/* ------------------------------------------------------------\nText Alignment\n------------------------------------------------------------ *\/\n  .product-description .text-center {\n    text-align: center;\n  }\n\n  .product-description .text-left {\n    text-align: left;\n  }\n\n  .product-description .text-right {\n    text-align: right;\n  }\n\n  \/* ------------------------------------------------------------\nText Colors\n------------------------------------------------------------ *\/\n  .product-description .text-dark * {\n    color: #000;\n  }\n\n  .product-description .text-light * {\n    color: #fff;\n  }\n\n  .product-description .text-info {\n    color: #8d8d8f;\n  }\n\n  \/* ------------------------------------------------------------\nVisibility\n------------------------------------------------------------ *\/\n  @media (min-width: 1080px) {\n    .product-description .sq-mobile-view {\n      display: none;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .sq-desktop-view {\n      display: none;\n    }\n  }\n\n  \/* ------------------------------------------------------------\nHeadlines\n------------------------------------------------------------ *\/\n  .product-description .section-header {\n    max-width: 500px;\n    margin: 0 auto;\n  }\n\n  .product-description .section-preheadline {\n    font-weight: 400;\n    line-height: 1.2;\n  }\n\n  .product-description .section-headline {\n    font-weight: 800;\n    line-height: 1.2;\n  }\n\n  .product-description .section-subheadline {\n    font-weight: 400;\n    line-height: 1.5;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 20px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 48px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 18px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 18px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 36px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 16px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  .product-description .cta-button {\n    display: inline-block;\n    padding: 16px 32px;\n    border-radius: 100px;\n    background-color: #ffffff;\n    border: 1px solid #ffffff;\n    color: #000000;\n    font-size: 20px;\n    font-weight: 400;\n    text-decoration: none;\n    line-height: 1.5;\n    margin: 0;\n    transition: all 0.3s ease;\n    cursor: pointer;\n  }\n\n  .product-description .cta-button:hover {\n    background-color: #dedede;\n    border-color: #dedede;\n    color: #000000;\n  }\n\n  .product-description .section-header p + .cta-button {\n    margin-top: 32px;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Intro\n------------------------------------------------------------ *\/\n  .section-intro {\n    background-color: #1c1c1c;\n  }\n\n  @media (min-width: 1080px) {\n    .section-intro .section-intro-banner {\n      width: 100%;\n      height: 1200px;\n      object-fit: cover;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n  .section-highlights {\n    background-color: #1c1c1c;\n  }\n\n  .section-highlights .section-header {\n    max-width: 480px;\n  }\n\n  .section-highlights-feature-container {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    padding: 16px;\n    margin: 0 auto;\n  }\n\n  .section-highlights-feature-item {\n    flex: 0 0 auto;\n    padding: 16px;\n  }\n\n  @media (min-width: 1080px) {\n    .section-highlights-feature-item:nth-child(1) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(2) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(3) {\n      width: 40%;\n    }\n\n    .section-highlights-feature-item:nth-child(4) {\n      width: 30%;\n    }\n\n    .section-highlights-feature-item:nth-child(5) {\n      width: 30%;\n    }\n  }\n\n  .section-highlights-feature-item [class^=\"section-highlights-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #000000;\n    height: 100%;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .section-highlights-feature-item .section-highlights-list-text-item {\n    padding: 40px;\n    color: #ffffff;\n  }\n\n  .section-highlights-feature-item .feature-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-highlights-feature-item .feature-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  .section-highlights-feature-item img {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n  .highlightSwiper {\n    width: 100%;\n    padding-top: 32px;\n  }\n\n  .highlightSwiper .swiper-wrapper {\n    width: 100%;\n    height: auto;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-header {\n    width: 100%;\n    padding: 40px 16px;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-image {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    min-height: 300px;\n    object-fit: cover;\n    object-position: center;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .highlightSwiper-pagination {\n    display: block;\n    width: 100%;\n    padding: 16px;\n    text-align: center;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet {\n    width: 16px;\n    height: 16px;\n    border-radius: 100px;\n    background-color: #dddddd;\n    margin: 0 8px;\n    transition: all 1s ease;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet-active {\n    background-color: #ffffff !important;\n    width: 48px;\n    height: 16px;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Daily Essentials\n------------------------------------------------------------ *\/\n  .section-daily-essentials {\n    background-color: #1c1c1c;\n  }\n\n  .section-daily-essentials img {\n    aspect-ratio: 468\/605;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  @media (min-width: 1080px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(2, 3fr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 2 \/ 3;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 2 \/ 3;\n      grid-row: 2 \/ 4;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(1, 4frr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 2 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 1 \/ 2;\n      grid-row: 4 \/ 5;\n    }\n  }\n\n  .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #ffffff;\n    height: 100%;\n    border-radius: 16px;\n    overflow: hidden;\n  }\n\n  .section-daily-essentials-item .section-daily-essentials-list-text-item {\n    padding: 40px;\n    color: #000000;\n  }\n\n  .section-daily-essentials-item .essential-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-daily-essentials-item .essential-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Series Inspiration\n------------------------------------------------------------ *\/\n  .section-series-inspiration {\n    background-color: #1c1c1c;\n  }\n\n  .section-series-inspiration-container {\n    position: relative;\n  }\n\n  .section-series-inspiration-button,\n  .edition-inspiration-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    margin: 32px;\n    width: 40px;\n    height: 40px;\n    color: #ffffff;\n    background-color: transparent;\n    border: none;\n    border-radius: 100px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    z-index: 1;\n  }\n\n  @media (min-width: 1080px) {\n    .section-series-inspiration .section-body {\n      position: relative;\n      max-width: 1200px;\n      padding: 0 4rem;\n      margin: 0 auto;\n    }\n\n    .section-series-inspiration-container {\n      border-radius: 32px;\n      overflow: hidden;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-series-inspiration.section-body {\n      position: relative;\n      padding: 0;\n      border-radius: 0;\n    }\n  }\n\n  \/* ------------------------------------------------------------\nModal Styles\n------------------------------------------------------------ *\/\n  .edition-inspiration-button {\n    background: linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 0.1),\n      rgba(255, 255, 255, 0.05)\n    );\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 4px;\n    border-radius: 100px;\n    transition: all 0.3s ease;\n  }\n\n  .edition-inspiration-button:hover {\n    background: rgba(255, 255, 255, 0.25);\n  }\n\n  #modal-subscription {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.6);\n  }\n\n  #modal-subscription .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background-color: #1c1c1c;\n    padding: 48px;\n    width: 90%;\n    max-width: 740px;\n    min-height: 600px;\n    border-radius: 32px;\n    display: flex;\n    align-items: center;\n  }\n\n  #modal-subscription .modal-header {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    z-index: 1001;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 50px;\n    height: 50px;\n    background-color: #ffffff;\n    border-radius: 100px;\n    cursor: pointer;\n  }\n\n  #modal-subscription .modal-header .close {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: all 0.3s ease;\n  }\n\n  #modal-subscription .modal-header .close svg {\n    width: 24px;\n    height: 24px;\n    color: #1c1c1c;\n  }\n\n  #modal-subscription .modal-header:hover {\n    background-color: #000000;\n  }\n\n  #modal-subscription .modal-header:hover svg {\n    color: #ffffff;\n  }\n\n  #modal-subscription .modal-text-content {\n    width: 100%;\n    text-align: center;\n    margin-bottom: 32px;\n  }\n\n  #modal-subscription input[type=\"email\"] {\n    text-align: center;\n  }\n\n  #modal-subscription button[type=\"submit\"] {\n    border-radius: 100px;\n  }\n\n  #modal-content {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  #modal-content .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 0.1),\n      rgba(255, 255, 255, 0.05)\n    );\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 48px;\n    width: 90%;\n    max-width: 800px;\n    border-radius: 32px;\n  }\n\n  .modal-body {\n    padding: 0;\n  }\n\n  .modal-image-container {\n    width: 100%;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .modal-image {\n    width: 100%;\n    height: auto;\n    border-radius: 16px;\n    object-fit: contain;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n  }\n\n  #modal-content .modal-headline {\n    color: #ffffff;\n  }\n\n  @media (min-width: 1080px) {\n    .modal-text-content {\n      padding: 40px;\n      color: #ffffff;\n    }\n\n    .modal-headline {\n      font-size: 48px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 20px;\n      font-weight: 400;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .modal-content {\n      width: 95%;\n      margin: 20px auto;\n      padding: 15px;\n    }\n\n    .modal-header {\n      top: 15px;\n      right: 15px;\n    }\n\n    .modal-text-content {\n      padding: 16px 0;\n      color: #ffffff;\n    }\n\n    .modal-content .modal-image {\n      cursor: pointer;\n    }\n\n    .modal-headline {\n      font-size: 24px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 1.5 !important;\n      margin: 0;\n    }\n\n    .close {\n      width: 40px;\n      height: 40px;\n      font-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\n\u003csection class=\"section-intro\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\n\u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\n\u003ch1 class=\"section-headline\"\u003eÉdition Le Mans\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eOù l'héritage rencontre la puissance. Conçue pour une performance pure. Réglée pour l'obsession.\u003c\/p\u003e\n\n\u003cbutton class=\"cta-button\"\u003eS'abonner\u003c\/button\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\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=\"Vue complète d'une coque bleue iPhone 17 Pro Series Le Mans Edition sur fond de route, avec un graphique d'une voiture de course Le Mans aux couleurs Martini avec moteur visible et un volant.\"\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\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003csection class=\"section-highlights sq-desktop-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\n\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\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\/lemans_web_feature_00.jpg?v=1757007143\" alt=\"Gros plan extrême d'un graphique de coque bleue iPhone 17 Pro Series Le Mans Edition montrant une voiture de course Le Mans transparente très détaillée avec des rayures Martini, une bannière LE MANS et des composants de moteur internes.\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n\u003cp class=\"feature-headline\"\u003eTechnologie Hexa-layering\u003c\/p\u003e\n\n\u003cp class=\"feature-description\"\u003eDécouvrez des graphiques à effet spatial 3D avec l'impression numérique Hexa-Layer. Découvrez la nouvelle norme en matière de design de haute qualité. Le détail unique imite la complexité du temps avec des couches d'impression en profondeur qui sont dans une catégorie à part.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n\u003cp class=\"feature-headline\"\u003eProtection complète\u003c\/p\u003e\n\n\u003cp class=\"feature-description\"\u003eLa protection de l'appareil photo et la technologie de coussin d'air protègent votre iPhone 17 Pro chaque jour.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\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\/web_feature_01__2.jpg?v=1758566852\" alt=\"Gros plan de la zone de la triple caméra d'une coque d'iPhone bleue avec un graphique de voiture de course Le Mans blanc et rayé avec le texte LE MANS.\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\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\/lemans_web_feature_02.jpg?v=1757007143\" alt=\"Gros plan du coin de l'iPhone 17 Pro Series Le Mans Edition pour montrer la fonction de coussin d'air c11\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003csection class=\"section-highlights sq-mobile-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\n\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\u003cdiv class=\"slide-container\"\u003e\n\n\u003cdiv class=\"slide-header\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eTechnologie Hexa-layering.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eDécouvrez des graphiques à effet spatial 3D avec l'impression numérique Hexa-Layer. Découvrez la nouvelle norme en matière de design de haute qualité. Le détail unique imite la complexité du temps avec des couches d'impression en profondeur qui sont dans une catégorie à part.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/lemans_web_feature_00.jpg?v=1757007143\" alt=\"Gros plan extrême d'un graphique de coque bleue iPhone 17 Pro Series Le Mans Edition montrant une voiture de course Le Mans transparente très détaillée avec des rayures Martini, une bannière LE MANS et des composants de moteur internes.\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\u003cdiv class=\"slide-container\"\u003e\n\n\u003cdiv class=\"slide-header\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eProtégez l'essentiel.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eLes bords surélevés empêchent les rayures sur l'écran et la caméra sous tous les angles.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_01__2.jpg?v=1758566852\" alt=\"Gros plan de la zone de la triple caméra d'une coque d'iPhone bleue avec un graphique de voiture de course Le Mans blanc et rayé avec le texte LE MANS.\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\u003cdiv class=\"slide-container\"\u003e\n\n\u003cdiv class=\"slide-header\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eUne protection de confiance.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eLa technologie Air Cushion™ absorbe et atténue tous les impacts dans chaque coin.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/lemans_web_feature_02.jpg?v=1757007143\" alt=\"Gros plan du coin de l'iPhone 17 Pro Series Le Mans Edition pour montrer la fonction de coussin d'air c11\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n      var swiper = new Swiper(\".highlightSwiper\", {\n        slidesPerView: 1,\n        spaceBetween: 32,\n        pagination: {\n          el: \".highlightSwiper-pagination\",\n          clickable: true,\n        },\n      });\n    \u003c\/script\u003e\u003c\/section\u003e\n\u003csection class=\"section-daily-essentials\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eIndispensables quotidiens\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eLes indispensables du quotidien couverts.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\n\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\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\/lemans_web_feature_03.jpg?v=1757007143\" alt=\"Le téléphone est tenu par la main d'une personne, montrant le bouton de découpe de l'appareil photo, et l'écran affiche l'interface de l'appareil photo en orientation portrait.\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n\u003cp class=\"essential-headline\"\u003eAccès facile\u003c\/p\u003e\n\n\u003cp class=\"essential-description\"\u003eDécoupes précises pour un accès facile et complet à tous les boutons de l'iPhone.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n\u003cp class=\"essential-headline\"\u003eChargez simplement.\u003c\/p\u003e\n\n\u003cp class=\"essential-description\"\u003eNous savons que c'est une corvée de retirer la coque. Alors, chargez simplement avec la coque via un chargeur sans fil ou un chargeur MagSafe.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\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\/web_feature_04__3.jpg?v=1758566853\" alt=\"Deux iPhones avec coque bleue : l'un en charge et affichant l'écran de verrouillage, l'autre face vers le bas montrant un graphique de voiture de course Le Mans avec un chargeur MagSafe attaché.\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003csection class=\"section-series-inspiration\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\n\u003cdiv class=\"section-content\"\u003e\n\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\n\u003ch1 class=\"section-headline\"\u003eC'est maintenant ou jamais.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eLaboratoire de conception c11\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\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\/lemans_web_sub_01.jpg?v=1757007143\" alt=\"Vue inclinée d'une coque bleue d'iPhone sur un fond de plan, avec un graphique d'une voiture de course Le Mans à rayures Martini avec moteur visible et un graphique de volant.\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n  \u003c!-- Modal for Subscription --\u003e\n  \u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\n\n    \u003cdiv class=\"modal-content\"\u003e\n\n      \u003cdiv class=\"modal-header\"\u003e\n\n        \u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\n          \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\n            \u003cpath fill=\"currentColor\" d=\"M135.5 169C126.1 159.6 126.1 144.4 135.5 135.1C144.9 125.8 160.1 125.7 169.4 135.1L320.4 286.1L471.4 135.1C480.8 125.7 496 125.7 505.3 135.1C514.6 144.5 514.7 159.7 505.3 169L354.3 320L505.3 471C514.7 480.4 514.7 495.6 505.3 504.9C495.9 514.2 480.7 514.3 471.4 504.9L320.4 353.9L169.4 504.9C160 514.3 144.8 514.3 135.5 504.9C126.2 495.5 126.1 480.3 135.5 471L286.5 320L135.5 169z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"modal-body\"\u003e\n\n        \u003cdiv class=\"modal-image-container\"\u003e\n\n          \u003cdiv class=\"modal-text-content text-light\"\u003e\n\n            \u003ch1 class=\"modal-headline\"\u003eGardez une longueur d'avance sur les nouveautés.\u003c\/h1\u003e\n\n            \u003cp class=\"modal-subheadline\"\u003e\n              Abonnez-vous et soyez le premier à découvrir les nouveaux designs \u003cbr\u003ec11\n              chaque mois.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cscript\u003e\n    \/\/ Modal functionality\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      console.log(\"Modal script loaded\");\n\n      \/\/ Get modal elements\n      const modalSubscription = document.getElementById(\"modal-subscription\");\n      const modalContent = document.getElementById(\"modal-content\");\n\n      \/\/ Get button elements\n      const ctaButton = document.querySelector(\".cta-button\");\n      const inspirationButton = document.querySelector(\n        \".edition-inspiration-button\"\n      );\n\n      console.log(\"CTA Button found:\", ctaButton);\n      console.log(\"Inspiration Button found:\", inspirationButton);\n      console.log(\"Modal Subscription found:\", modalSubscription);\n      console.log(\"Modal Content found:\", modalContent);\n\n      \/\/ Function to open modal\n      function openModal(modal) {\n        if (modal) {\n          modal.style.display = \"block\";\n          document.body.style.overflow = \"hidden\";\n          console.log(\"Modal opened:\", modal.id);\n        }\n      }\n\n      \/\/ Function to close modal\n      function closeModal(modal) {\n        if (modal) {\n          modal.style.display = \"none\";\n          document.body.style.overflow = \"auto\";\n          console.log(\"Modal closed:\", modal.id);\n        }\n      }\n\n      \/\/ CTA Button → Subscription Modal\n      if (ctaButton \u0026\u0026 modalSubscription) {\n        ctaButton.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          e.stopPropagation();\n          console.log(\"CTA button clicked\");\n          openModal(modalSubscription);\n        });\n      } else {\n        console.error(\"CTA button or subscription modal not found\");\n      }\n\n      \/\/ Inspiration Button → Content Modal\n      if (inspirationButton \u0026\u0026 modalContent) {\n        inspirationButton.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          e.stopPropagation();\n          console.log(\"Inspiration button clicked\");\n          openModal(modalContent);\n        });\n      } else {\n        console.error(\"Inspiration button or content modal not found\");\n      }\n\n      \/\/ Close buttons\n      const closeBtns = document.querySelectorAll(\".close\");\n      closeBtns.forEach(function (closeBtn) {\n        closeBtn.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          e.stopPropagation();\n          const modalId = this.getAttribute(\"data-modal\");\n          const modal = document.getElementById(modalId);\n          console.log(\"Close button clicked for modal:\", modalId);\n          closeModal(modal);\n        });\n      });\n\n      \/\/ Close modal when clicking outside of modal content\n      window.addEventListener(\"click\", function (event) {\n        if (event.target.classList.contains(\"modal\")) {\n          console.log(\"Modal background clicked\");\n          closeModal(event.target);\n        }\n      });\n\n      \/\/ ESC key to close modals\n      document.addEventListener(\"keydown\", function (e) {\n        if (e.key === \"Escape\") {\n          if (\n            modalSubscription \u0026\u0026\n            modalSubscription.style.display === \"block\"\n          ) {\n            closeModal(modalSubscription);\n          }\n          if (modalContent \u0026\u0026 modalContent.style.display === \"block\") {\n            closeModal(modalContent);\n          }\n        }\n      });\n\n      \/\/ Modal image click to close modal (only for mobile screens)\n      const modalImage = document.querySelector(\"#modal-content .modal-image\");\n      if (modalImage \u0026\u0026 modalContent) {\n        modalImage.addEventListener(\"click\", function (e) {\n          \/\/ Check if screen width is 1079.98px or less\n          if (window.matchMedia(\"(max-width: 1079.98px)\").matches) {\n            e.preventDefault();\n            e.stopPropagation();\n            console.log(\"Modal image clicked on mobile - closing modal\");\n            closeModal(modalContent);\n          }\n        });\n      }\n    });\n  \u003c\/script\u003e\n\n  \u003cscript\u003e\n    \/\/ Omnisend 폼 성공 이벤트 리스너\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      const modalTitle = document.querySelector(\".modal-title\");\n      const modalText = document.querySelector(\".modal-text\");\n      const modalContent = document.querySelector(\".modal-content-wrapper\");\n      let hasChanged = false; \/\/ 변경 여부를 추적하는 플래그\n\n      \/\/ Omnisend 폼의 성공 섹션 감지\n      const checkSuccess = function () {\n        const successSection = document.querySelector(\n          \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\"\n        );\n        if (\n          successSection \u0026\u0026\n          window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026\n          !hasChanged\n        ) {\n          \/\/ 모달 내용 변경 (한 번만 실행)\n          modalTitle.textContent = \"Nice to have you!\";\n          modalText.innerHTML =\n            \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\";\n\n          \/\/ Omnisend 폼 숨기기\n          const omnisendForm = document.getElementById(\n            \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\n          );\n          if (omnisendForm) {\n            omnisendForm.style.display = \"none\";\n          }\n\n          hasChanged = true; \/\/ 변경되었음을 표시\n          clearInterval(checkInterval); \/\/ 인터벌 중지\n        }\n      };\n\n      \/\/ 주기적으로 성공 섹션 확인\n      const checkInterval = setInterval(checkSuccess, 500);\n\n      \/\/ 폼 제출 버튼 클릭 이벤트 감지\n      const submitButton = document.querySelector(\n        \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\"\n      );\n      if (submitButton) {\n        submitButton.addEventListener(\"click\", function () {\n          if (!hasChanged) {\n            \/\/ 아직 변경되지 않은 경우에만 실행\n            setTimeout(checkSuccess, 1000);\n          }\n        });\n      }\n    });\n  \u003c\/script\u003e\n\n\u003c\/div\u003e\n\n\u003csq-outro class=\"sq--product-long-description\"\u003e\n  \u003c!--[Section] Outro--\u003e\n\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n  \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\n    \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e\n\n    \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"sq--section-outro-body\"\u003e\n\n    \u003cdiv class=\"sq--section-row\"\u003e\n\n      \u003cdiv class=\"sq--section-column\"\u003e\n\n        \u003cdiv class=\"sq--rewards\"\u003e\n\n          \u003cdiv class=\"sq--overlay-content\"\u003e\n\n            \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e\n\n            \u003cp\u003eProtection avec avantages pour \u003cbr\u003enos membres Récompense.\u003c\/p\u003e\n\n            \u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\n              \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                  \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eObtenez-le plus rapidement\u003c\/div\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                  Nous offrons une expédition accélérée à prix réduit pour nos membres Elite et\n                  Exécutif.\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                  \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n\n                  Coupon saisonnier\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                  Chaque saison, nous offrons à nos membres Elite et Exécutif des\n                  coupons de récompense avec de nouveaux équipements.\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                  \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n\n                  Équipe de soins exécutifs\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                  Nous avons créé une équipe dédiée où nous gérons personnellement\n                  tout, du service de garantie à toutes les questions.\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e\n              Rejoignez-nous\n            \u003c\/button\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\n\n        \u003cdiv class=\"swiper-wrapper\"\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n\n            \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise\" tabindex=\"0\"\u003e\n              \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e\n\n                \u003cspan class=\"sr-only\"\u003e\n                  Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise.\n                \u003c\/span\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"sq--outro-background-media\"\u003e\n\n                \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\n              \u003c\/div\u003e\n\n            \u003c\/a\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n\n            \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Durabilité - Découvrez les efforts de Spigen en matière de durabilité et les initiatives ClimatePartner\" tabindex=\"0\"\u003e\n              \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e\n                \u003ch3 class=\"text-h3 sr-only\"\u003eDurabilité\u003c\/h3\u003e\n\n                \u003cspan class=\"sr-only\"\u003e\n                  Découvrez les efforts de Spigen en matière de durabilité et les\n                  initiatives ClimatePartner\n                \u003c\/span\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"sq--outro-background-media\"\u003e\n\n                \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\n              \u003c\/div\u003e\n\n            \u003c\/a\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/sq-listing-outro\u003e\u003c\/sq-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Le Mans \/ En rupture de stock","offer_id":53890607841391,"sku":"ACS10411","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Le Mans \/ En stock","offer_id":53890607874159,"sku":"ACS10412","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone17proseries_c11_lemans_01.jpg?v=1785117313"},{"product_id":"iphone-17-series-c11-series-case-fearless-edition-magfit","title":"Série iPhone 17 - c11 Série Fearless Edition (Mag Fit)","description":"\u003cstyle\u003e\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  *,\n  ::after,\n  ::before {\n    box-sizing: border-box;\n  }\n\n  .product-description section {\n    position: relative;\n    width: 100%;\n  }\n\n  .product-description section:first-of-type {\n    border-top-left-radius: 32px;\n    border-top-right-radius: 32px;\n  }\n\n  .product-description section:last-of-type {\n    border-bottom-left-radius: 32px;\n    border-bottom-right-radius: 32px;\n  }\n\n  .product-description .section-container-fluid {\n    width: 100%;\n    max-width: 100%;\n    margin: 0 auto;\n  }\n\n  .product-description .section-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-container {\n      padding: 0 4rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 200px;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-container {\n      padding: 0 2rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 80px;\n    }\n  }\n\n  .product-description img {\n    width: 100%;\n    height: auto;\n  }\n\n  \/* ------------------------------------------------------------\nText Alignment\n------------------------------------------------------------ *\/\n  .product-description .text-center {\n    text-align: center;\n  }\n\n  .product-description .text-left {\n    text-align: left;\n  }\n\n  .product-description .text-right {\n    text-align: right;\n  }\n\n  \/* ------------------------------------------------------------\nText Colors\n------------------------------------------------------------ *\/\n  .product-description .text-dark * {\n    color: #000;\n  }\n\n  .product-description .text-light * {\n    color: #fff;\n  }\n\n  .product-description .text-info {\n    color: #8d8d8f;\n  }\n\n  \/* ------------------------------------------------------------\nVisibility\n------------------------------------------------------------ *\/\n  @media (min-width: 1080px) {\n    .product-description .sq-mobile-view {\n      display: none;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .sq-desktop-view {\n      display: none;\n    }\n  }\n\n  \/* ------------------------------------------------------------\nHeadlines\n------------------------------------------------------------ *\/\n  .product-description .section-header {\n    max-width: 500px;\n    margin: 0 auto;\n  }\n\n  .product-description .section-preheadline {\n    font-weight: 400;\n    line-height: 1.2;\n  }\n\n  .product-description .section-headline {\n    font-weight: 800;\n    line-height: 1.2;\n  }\n\n  .product-description .section-subheadline {\n    font-weight: 400;\n    line-height: 1.5;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 20px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 48px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 18px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 18px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 36px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 16px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  .product-description .cta-button {\n    display: inline-block;\n    padding: 16px 32px;\n    border-radius: 100px;\n    background-color: #ffffff;\n    border: 1px solid #ffffff;\n    color: #000000;\n    font-size: 20px;\n    font-weight: 400;\n    text-decoration: none;\n    line-height: 1.5;\n    margin: 0;\n    transition: all 0.3s ease;\n    cursor: pointer;\n  }\n\n  .product-description .cta-button:hover {\n    background-color: #dedede;\n    border-color: #dedede;\n    color: #000000;\n  }\n\n  .product-description .section-header p + .cta-button {\n    margin-top: 32px;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Intro\n------------------------------------------------------------ *\/\n  .section-intro {\n    background-color: #1c1c1c;\n  }\n\n  @media (min-width: 1080px) {\n    .section-intro .section-intro-banner {\n      width: 100%;\n      height: 1200px;\n      object-fit: cover;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n  .section-highlights {\n    background-color: #1c1c1c;\n  }\n\n  .section-highlights .section-header {\n    max-width: 480px;\n  }\n\n  .section-highlights-feature-container {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    padding: 16px;\n    margin: 0 auto;\n  }\n\n  .section-highlights-feature-item {\n    flex: 0 0 auto;\n    padding: 16px;\n  }\n\n  @media (min-width: 1080px) {\n    .section-highlights-feature-item:nth-child(1) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(2) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(3) {\n      width: 40%;\n    }\n\n    .section-highlights-feature-item:nth-child(4) {\n      width: 30%;\n    }\n\n    .section-highlights-feature-item:nth-child(5) {\n      width: 30%;\n    }\n  }\n\n  .section-highlights-feature-item [class^=\"section-highlights-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #000000;\n    height: 100%;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .section-highlights-feature-item .section-highlights-list-text-item {\n    padding: 40px;\n    color: #ffffff;\n  }\n\n  .section-highlights-feature-item .feature-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-highlights-feature-item .feature-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  .section-highlights-feature-item img {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n  .highlightSwiper {\n    width: 100%;\n    padding-top: 32px;\n  }\n\n  .highlightSwiper .swiper-wrapper {\n    width: 100%;\n    height: auto;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-header {\n    width: 100%;\n    padding: 40px 16px;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-image {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    min-height: 300px;\n    object-fit: cover;\n    object-position: center;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .highlightSwiper-pagination {\n    display: block;\n    width: 100%;\n    padding: 16px;\n    text-align: center;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet {\n    width: 16px;\n    height: 16px;\n    border-radius: 100px;\n    background-color: #dddddd;\n    margin: 0 8px;\n    transition: all 1s ease;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet-active {\n    background-color: #ffffff !important;\n    width: 48px;\n    height: 16px;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Daily Essentials\n------------------------------------------------------------ *\/\n  .section-daily-essentials {\n    background-color: #1c1c1c;\n  }\n\n  .section-daily-essentials img {\n    aspect-ratio: 468\/605;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  @media (min-width: 1080px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(2, 3fr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 2 \/ 3;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 2 \/ 3;\n      grid-row: 2 \/ 4;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(1, 4frr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 2 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 1 \/ 2;\n      grid-row: 4 \/ 5;\n    }\n  }\n\n  .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #ffffff;\n    height: 100%;\n    border-radius: 16px;\n    overflow: hidden;\n  }\n\n  .section-daily-essentials-item .section-daily-essentials-list-text-item {\n    padding: 40px;\n    color: #000000;\n  }\n\n  .section-daily-essentials-item .essential-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-daily-essentials-item .essential-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Series Inspiration\n------------------------------------------------------------ *\/\n  .section-series-inspiration {\n    background-color: #1c1c1c;\n  }\n\n  .section-series-inspiration-container {\n    position: relative;\n  }\n\n  .section-series-inspiration-button,\n  .edition-inspiration-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    margin: 32px;\n    width: 40px;\n    height: 40px;\n    color: #ffffff;\n    background-color: transparent;\n    border: none;\n    border-radius: 100px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    z-index: 1;\n  }\n\n  @media (min-width: 1080px) {\n    .section-series-inspiration .section-body {\n      position: relative;\n      max-width: 1200px;\n      padding: 0 4rem;\n      margin: 0 auto;\n    }\n\n    .section-series-inspiration-container {\n      border-radius: 32px;\n      overflow: hidden;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-series-inspiration.section-body {\n      position: relative;\n      padding: 0;\n      border-radius: 0;\n    }\n  }\n\n  \/* ------------------------------------------------------------\nModal Styles\n------------------------------------------------------------ *\/\n  .edition-inspiration-button {\n    background: linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 0.1),\n      rgba(255, 255, 255, 0.05)\n    );\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 4px;\n    border-radius: 100px;\n    transition: all 0.3s ease;\n  }\n\n  .edition-inspiration-button:hover {\n    background: rgba(255, 255, 255, 0.25);\n  }\n\n  #modal-subscription {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.6);\n  }\n\n  #modal-subscription .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background-color: #1c1c1c;\n    padding: 48px;\n    width: 90%;\n    max-width: 740px;\n    min-height: 600px;\n    border-radius: 32px;\n    display: flex;\n    align-items: center;\n  }\n\n  #modal-subscription .modal-header {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    z-index: 1001;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 50px;\n    height: 50px;\n    background-color: #ffffff;\n    border-radius: 100px;\n    cursor: pointer;\n  }\n\n  #modal-subscription .modal-header .close {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: all 0.3s ease;\n  }\n\n  #modal-subscription .modal-header .close svg {\n    width: 24px;\n    height: 24px;\n    color: #1c1c1c;\n  }\n\n  #modal-subscription .modal-header:hover {\n    background-color: #000000;\n  }\n\n  #modal-subscription .modal-header:hover svg {\n    color: #ffffff;\n  }\n\n  #modal-subscription .modal-text-content {\n    width: 100%;\n    text-align: center;\n    margin-bottom: 32px;\n  }\n\n  #modal-subscription input[type=\"email\"] {\n    text-align: center;\n  }\n\n  #modal-subscription button[type=\"submit\"] {\n    border-radius: 100px;\n  }\n\n  #modal-content {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  #modal-content .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 0.1),\n      rgba(255, 255, 255, 0.05)\n    );\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 48px;\n    width: 90%;\n    max-width: 800px;\n    border-radius: 32px;\n  }\n\n  .modal-body {\n    padding: 0;\n  }\n\n  .modal-image-container {\n    width: 100%;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .modal-image {\n    width: 100%;\n    height: auto;\n    border-radius: 16px;\n    object-fit: contain;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n  }\n\n  #modal-content .modal-headline {\n    color: #ffffff;\n  }\n\n  @media (min-width: 1080px) {\n    .modal-text-content {\n      padding: 40px;\n      color: #ffffff;\n    }\n\n    .modal-headline {\n      font-size: 48px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 20px;\n      font-weight: 400;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .modal-content {\n      width: 95%;\n      margin: 20px auto;\n      padding: 15px;\n    }\n\n    .modal-header {\n      top: 15px;\n      right: 15px;\n    }\n\n    .modal-text-content {\n      padding: 16px 0;\n      color: #ffffff;\n    }\n\n    .modal-content .modal-image {\n      cursor: pointer;\n    }\n\n    .modal-headline {\n      font-size: 24px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 1.5 !important;\n      margin: 0;\n    }\n\n    .close {\n      width: 40px;\n      height: 40px;\n      font-size: 24px;\n    }\n  }\n\u003c\/style\u003e\n\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\n\n\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\n\u003clink rel=\"stylesheet\" href=\"style.css\"\u003e\n\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\n  \u003csection class=\"section-intro\"\u003e\n    \u003cdiv class=\"section-container-fluid\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n          \u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\n          \u003ch1 class=\"section-headline\"\u003eÉdition Fearless\u003c\/h1\u003e\n\n          \u003cp class=\"section-subheadline\"\u003e\n            Le temps est essentiel. Capturez la construction du temps avec un design d'horlogerie complexe pour un look élégant, chaque seconde.\n          \u003c\/p\u003e\n\n          \u003cbutton class=\"cta-button\"\u003eS'abonner\u003c\/button\u003e\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"section-body\"\u003e\n\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=\"Coque iPhone 17 Pro Series Fearless Edition avec un motif doré d'As de Pique flottant au-dessus de cartes à jouer.\"\u003e\n          \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=\"Coque iPhone 17 Pro Series Fearless Edition avec un motif doré d'As de Pique flottant au-dessus de cartes à jouer.\"\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-highlights sq-desktop-view\"\u003e\n    \u003cdiv class=\"section-container\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"section-highlights-feature-container\"\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Fearless_web_feature_00.jpg?v=1757006159\" alt=\"Gros plan extrême d'une coque de téléphone bleue texturée avec un As de Pique complexe et un texte montrant la technologie Hexa-layering\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n                \u003cp class=\"feature-headline\"\u003eTechnologie Hexa-couches\u003c\/p\u003e\n\n                \u003cp class=\"feature-description\"\u003e\n                  Découvrez des graphiques à effet spatial 3D avec l'impression\n                  numérique Hexa-couches. Découvrez le nouveau standard de\n                  design de haute qualité. Le détail unique imite la\n                  complexité du temps avec des couches d'impression en\n                  profondeur, dans une catégorie à part.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n                \u003cp class=\"feature-headline\"\u003eProtection tout autour\u003c\/p\u003e\n\n                \u003cp class=\"feature-description\"\u003e\n                  La protection de l'appareil photo et la technologie de coussin\n                  d'air protègent votre iPhone 17 Pro au quotidien.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_01__1.jpg?v=1758566338\" alt=\"Gros plan d'une coque de téléphone bleue avec un motif d'As de Pique autour de la triple caméra.\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Fearless_web_feature_02.jpg?v=1757006159\" alt=\"Gros plan mettant en évidence la fonction de coussin d'air c11 au coin\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-highlights sq-mobile-view\"\u003e\n    \u003cdiv class=\"section-container\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\n            \u003cdiv class=\"swiper-wrapper\"\u003e\n\n              \u003cdiv class=\"swiper-slide\"\u003e\n\n                \u003cdiv class=\"slide-container\"\u003e\n\n                  \u003cdiv class=\"slide-header\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eTechnologie Hexa-couches.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003e\n                      Découvrez des graphiques à effet spatial 3D avec l'impression\n                      numérique Hexa-couches. Découvrez le nouveau standard de\n                      design de haute qualité. Le détail unique imite la\n                      complexité du temps avec des couches d'impression en\n                      profondeur, dans une catégorie à part.\n                    \u003c\/p\u003e\n\n                  \u003c\/div\u003e\n\n                  \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Fearless_web_feature_00.jpg?v=1757006159\" alt=\"Gros plan extrême d'une coque de téléphone bleue texturée avec un As de Pique complexe et un texte montrant la technologie Hexa-layering\"\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"swiper-slide\"\u003e\n\n                \u003cdiv class=\"slide-container\"\u003e\n\n                  \u003cdiv class=\"slide-header\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eProtégez l'essentiel.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003e\n                      Les bords surélevés évitent les rayures sur l'écran et\n                      l'appareil photo sous tous les angles.\n                    \u003c\/p\u003e\n\n                  \u003c\/div\u003e\n\n\n                  \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_01__1.jpg?v=1758566338\" alt=\"Gros plan d'une coque de téléphone bleue avec un motif d'As de Pique autour de la triple caméra.\"\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"swiper-slide\"\u003e\n\n                \u003cdiv class=\"slide-container\"\u003e\n\n                  \u003cdiv class=\"slide-header\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eUne protection de confiance.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003e\n                      La technologie Air Cushion™ absorbe et atténue tous les impacts\n                      dans chaque coin.\n                    \u003c\/p\u003e\n\n                  \u003c\/div\u003e\n\n\n                  \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Fearless_web_feature_02.jpg?v=1757006159\" alt=\"Gros plan mettant en évidence la fonction de coussin d'air c11 au coin\"\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cscript\u003e\n      var swiper = new Swiper(\".highlightSwiper\", {\n        slidesPerView: 1,\n        spaceBetween: 32,\n        pagination: {\n          el: \".highlightSwiper-pagination\",\n          clickable: true,\n        },\n      });\n    \u003c\/script\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-daily-essentials\"\u003e\n    \u003cdiv class=\"section-container\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n          \u003ch1 class=\"section-headline\"\u003eEssentiels du quotidien\u003c\/h1\u003e\n\n          \u003cp class=\"section-subheadline\"\u003eLes essentiels quotidiens sont couverts.\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"section-daily-essentials-container\"\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n                \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=\"Main tenant un téléphone avec une coque bleue, prenant une photo d'un As de Pique en utilisant le bouton de découpe de l'appareil photo\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n                \u003cp class=\"essential-headline\"\u003eAccès facile\u003c\/p\u003e\n\n                \u003cp class=\"essential-description\"\u003e\n                  Découpes précises pour un accès facile et complet à tous les\n                  boutons de l'iPhone.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n                \u003cp class=\"essential-headline\"\u003eChargez simplement.\u003c\/p\u003e\n\n                \u003cp class=\"essential-description\"\u003e\n                  Nous savons qu'il est contraignant d'enlever la coque. Alors,\n                  chargez simplement avec la coque, via un chargeur sans fil ou un\n                  chargeur MagSafe.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n                \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=\"Coque de téléphone bleue avec un motif d'As de Pique à côté d'un téléphone en charge sans fil.\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-series-inspiration\"\u003e\n    \u003cdiv class=\"section-container-fluid\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n          \u003ch1 class=\"section-headline\"\u003eC'est maintenant ou jamais.\u003c\/h1\u003e\n\n          \u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"section-series-inspiration-container\"\u003e\n\n            \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=\"Coque de téléphone bleue avec un As de Pique doré et le logo '11' flottant au-dessus de cartes à jouer.\"\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- Modal for Subscription --\u003e\n  \u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\n\n    \u003cdiv class=\"modal-content\"\u003e\n\n      \u003cdiv class=\"modal-header\"\u003e\n\n        \u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\n          \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\n            \u003cpath fill=\"currentColor\" d=\"M135.5 169C126.1 159.6 126.1 144.4 135.5 135.1C144.9 125.8 160.1 125.7 169.4 135.1L320.4 286.1L471.4 135.1C480.8 125.7 496 125.7 505.3 135.1C514.6 144.5 514.7 159.7 505.3 169L354.3 320L505.3 471C514.7 480.4 514.7 495.6 505.3 504.9C495.9 514.2 480.7 514.3 471.4 504.9L320.4 353.9L169.4 504.9C160 514.3 144.8 514.3 135.5 504.9C126.2 495.5 126.1 480.3 135.5 471L286.5 320L135.5 169z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"modal-body\"\u003e\n\n        \u003cdiv class=\"modal-image-container\"\u003e\n\n          \u003cdiv class=\"modal-text-content text-light\"\u003e\n\n            \u003ch1 class=\"modal-headline\"\u003eSoyez au courant des nouveautés.\u003c\/h1\u003e\n\n            \u003cp class=\"modal-subheadline\"\u003e\n              Abonnez-vous et soyez le premier à découvrir les nouveaux designs \u003cbr\u003ec11\n              chaque mois.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cscript\u003e\n    \/\/ Modal functionality\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      console.log(\"Modal script loaded\");\n\n      \/\/ Get modal elements\n      const modalSubscription = document.getElementById(\"modal-subscription\");\n      const modalContent = document.getElementById(\"modal-content\");\n\n      \/\/ Get button elements\n      const ctaButton = document.querySelector(\".cta-button\");\n      const inspirationButton = document.querySelector(\n        \".edition-inspiration-button\"\n      );\n\n      console.log(\"CTA Button found:\", ctaButton);\n      console.log(\"Inspiration Button found:\", inspirationButton);\n      console.log(\"Modal Subscription found:\", modalSubscription);\n      console.log(\"Modal Content found:\", modalContent);\n\n      \/\/ Function to open modal\n      function openModal(modal) {\n        if (modal) {\n          modal.style.display = \"block\";\n          document.body.style.overflow = \"hidden\";\n          console.log(\"Modal opened:\", modal.id);\n        }\n      }\n\n      \/\/ Function to close modal\n      function closeModal(modal) {\n        if (modal) {\n          modal.style.display = \"none\";\n          document.body.style.overflow = \"auto\";\n          console.log(\"Modal closed:\", modal.id);\n        }\n      }\n\n      \/\/ CTA Button → Subscription Modal\n      if (ctaButton \u0026\u0026 modalSubscription) {\n        ctaButton.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          e.stopPropagation();\n          console.log(\"CTA button clicked\");\n          openModal(modalSubscription);\n        });\n      } else {\n        console.error(\"CTA button or subscription modal not found\");\n      }\n\n      \/\/ Inspiration Button → Content Modal\n      if (inspirationButton \u0026\u0026 modalContent) {\n        inspirationButton.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          e.stopPropagation();\n          console.log(\"Inspiration button clicked\");\n          openModal(modalContent);\n        });\n      } else {\n        console.error(\"Inspiration button or content modal not found\");\n      }\n\n      \/\/ Close buttons\n      const closeBtns = document.querySelectorAll(\".close\");\n      closeBtns.forEach(function (closeBtn) {\n        closeBtn.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          e.stopPropagation();\n          const modalId = this.getAttribute(\"data-modal\");\n          const modal = document.getElementById(modalId);\n          console.log(\"Close button clicked for modal:\", modalId);\n          closeModal(modal);\n        });\n      });\n\n      \/\/ Close modal when clicking outside of modal content\n      window.addEventListener(\"click\", function (event) {\n        if (event.target.classList.contains(\"modal\")) {\n          console.log(\"Modal background clicked\");\n          closeModal(event.target);\n        }\n      });\n\n      \/\/ ESC key to close modals\n      document.addEventListener(\"keydown\", function (e) {\n        if (e.key === \"Escape\") {\n          if (\n            modalSubscription \u0026\u0026\n            modalSubscription.style.display === \"block\"\n          ) {\n            closeModal(modalSubscription);\n          }\n          if (modalContent \u0026\u0026 modalContent.style.display === \"block\") {\n            closeModal(modalContent);\n          }\n        }\n      });\n\n      \/\/ Modal image click to close modal (only for mobile screens)\n      const modalImage = document.querySelector(\"#modal-content .modal-image\");\n      if (modalImage \u0026\u0026 modalContent) {\n        modalImage.addEventListener(\"click\", function (e) {\n          \/\/ Check if screen width is 1079.98px or less\n          if (window.matchMedia(\"(max-width: 1079.98px)\").matches) {\n            e.preventDefault();\n            e.stopPropagation();\n            console.log(\"Modal image clicked on mobile - closing modal\");\n            closeModal(modalContent);\n          }\n        });\n      }\n    });\n  \u003c\/script\u003e\n\n  \u003cscript\u003e\n    \/\/ Omnisend 폼 성공 이벤트 리스너\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      const modalTitle = document.querySelector(\".modal-title\");\n      const modalText = document.querySelector(\".modal-text\");\n      const modalContent = document.querySelector(\".modal-content-wrapper\");\n      let hasChanged = false; \/\/ 변경 여부를 추적하는 플래그\n\n      \/\/ Omnisend 폼의 성공 섹션 감지\n      const checkSuccess = function () {\n        const successSection = document.querySelector(\n          \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\"\n        );\n        if (\n          successSection \u0026\u0026\n          window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026\n          !hasChanged\n        ) {\n          \/\/ 모달 내용 변경 (한 번만 실행)\n          modalTitle.textContent = \"Nice to have you!\";\n          modalText.innerHTML =\n            \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\";\n\n          \/\/ Omnisend 폼 숨기기\n          const omnisendForm = document.getElementById(\n            \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\n          );\n          if (omnisendForm) {\n            omnisendForm.style.display = \"none\";\n          }\n\n          hasChanged = true; \/\/ 변경되었음을 표시\n          clearInterval(checkInterval); \/\/ 인터벌 중지\n        }\n      };\n\n      \/\/ 주기적으로 성공 섹션 확인\n      const checkInterval = setInterval(checkSuccess, 500);\n\n      \/\/ 폼 제출 버튼 클릭 이벤트 감지\n      const submitButton = document.querySelector(\n        \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\"\n      );\n      if (submitButton) {\n        submitButton.addEventListener(\"click\", function () {\n          if (!hasChanged) {\n            \/\/ 아직 변경되지 않은 경우에만 실행\n            setTimeout(checkSuccess, 1000);\n          }\n        });\n      }\n    });\n  \u003c\/script\u003e\n\n\u003c\/div\u003e\n\n\u003csq-outro class=\"sq--product-long-description\"\u003e\n\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n  \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\n    \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e\n\n    \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"sq--section-outro-body\"\u003e\n\n    \u003cdiv class=\"sq--section-row\"\u003e\n\n      \u003cdiv class=\"sq--section-column\"\u003e\n\n        \u003cdiv class=\"sq--rewards\"\u003e\n\n          \u003cdiv class=\"sq--overlay-content\"\u003e\n\n            \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e\n\n            \u003cp\u003eProtection avec avantages pour \u003cbr\u003enos membres Récompense.\u003c\/p\u003e\n\n            \u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\n              \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                  \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eObtenez-le plus vite\u003c\/div\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                  Nous offrons une expédition express à prix réduit à nos membres Elite et\n                  Executive.\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                \u003cdiv class--rewards-feature-item-icon\u003e\n\n                  \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n\n                  Coupon saisonnier\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                  Chaque saison, nous offrons à nos membres Elite et Executive des\n                  coupons de récompense avec de nouveaux équipements.\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                  \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n\n                  Équipe de soins exécutifs\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                  Nous avons créé une équipe dédiée où nous gérons personnellement\n                  tout, du service de garantie à toutes les questions.\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e\n              Rejoignez-nous\n            \u003c\/button\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carrousel de l'histoire de la marque Spigen\"\u003e\n\n        \u003cdiv class=\"swiper-wrapper\"\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n\n            \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et de l'entreprise\" tabindex=\"0\"\u003e\n              \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e\n\n                \u003cspan class=\"sr-only\"\u003e\n                  Découvrez l'histoire de la marque Spigen et de l'entreprise.\n                \u003c\/span\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"sq--outro-background-media\"\u003e\n\n                \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\n              \u003c\/div\u003e\n\n            \u003c\/a\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n\n            \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Durabilité - Découvrez les efforts de Spigen en matière de durabilité et les initiatives ClimatePartner\" tabindex=\"0\"\u003e\n              \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e\n                \u003ch3 class=\"text-h3 sr-only\"\u003eDurabilité\u003c\/h3\u003e\n\n                \u003cspan class=\"sr-only\"\u003e\n                  Découvrez les efforts de Spigen en matière de durabilité et les\n                  initiatives ClimatePartner\n                \u003c\/span\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"sq--outro-background-media\"\u003e\n\n                \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\n              \u003c\/div\u003e\n\n            \u003c\/a\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/sq-listing-outro\u003e\u003c\/sq-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Intrépide \/ En rupture de stock","offer_id":53890607906927,"sku":"ACS10409","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Intrépide \/ En rupture de stock","offer_id":53890607939695,"sku":"ACS10410","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone17proseries_c11_fearless_01.jpg?v=1785117314"},{"product_id":"iphone-17-series-c11-series-case-chronos-edition-magfit","title":"Série iPhone 17 - Série c11 Chronos Edition (Mag Fit)","description":"\u003cstyle\u003e\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  *,\n  ::after,\n  ::before {\n    box-sizing: border-box;\n  }\n\n  .product-description section {\n    position: relative;\n    width: 100%;\n  }\n\n  .product-description section:first-of-type {\n    border-top-left-radius: 32px;\n    border-top-right-radius: 32px;\n  }\n\n  .product-description section:last-of-type {\n    border-bottom-left-radius: 32px;\n    border-bottom-right-radius: 32px;\n  }\n\n  .product-description .section-container-fluid {\n    width: 100%;\n    max-width: 100%;\n    margin: 0 auto;\n  }\n\n  .product-description .section-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-container {\n      padding: 0 4rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 200px;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-container {\n      padding: 0 2rem;\n    }\n\n    .product-description section:not(:first-of-type) {\n      padding-bottom: 80px;\n    }\n  }\n\n  .product-description img {\n    width: 100%;\n    height: auto;\n  }\n\n  \/* ------------------------------------------------------------\nText Alignment\n------------------------------------------------------------ *\/\n  .product-description .text-center {\n    text-align: center;\n  }\n\n  .product-description .text-left {\n    text-align: left;\n  }\n\n  .product-description .text-right {\n    text-align: right;\n  }\n\n  \/* ------------------------------------------------------------\nText Colors\n------------------------------------------------------------ *\/\n  .product-description .text-dark * {\n    color: #000;\n  }\n\n  .product-description .text-light * {\n    color: #fff;\n  }\n\n  .product-description .text-info {\n    color: #8d8d8f;\n  }\n\n  \/* ------------------------------------------------------------\nVisibility\n------------------------------------------------------------ *\/\n  @media (min-width: 1080px) {\n    .product-description .sq-mobile-view {\n      display: none;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .sq-desktop-view {\n      display: none;\n    }\n  }\n\n  \/* ------------------------------------------------------------\nHeadlines\n------------------------------------------------------------ *\/\n  .product-description .section-header {\n    max-width: 500px;\n    margin: 0 auto;\n  }\n\n  .product-description .section-preheadline {\n    font-weight: 400;\n    line-height: 1.2;\n  }\n\n  .product-description .section-headline {\n    font-weight: 800;\n    line-height: 1.2;\n  }\n\n  .product-description .section-subheadline {\n    font-weight: 400;\n    line-height: 1.5;\n  }\n\n  @media (min-width: 1080px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 20px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 48px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 18px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .product-description .section-header {\n      padding: 3rem;\n    }\n\n    .product-description .section-preheadline {\n      font-size: 18px;\n      margin: 0 0 8px;\n    }\n\n    .product-description .section-headline {\n      font-size: 36px;\n      margin: 0 0 16px;\n    }\n\n    .product-description .section-subheadline {\n      font-size: 16px;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  .product-description .cta-button {\n    display: inline-block;\n    padding: 16px 32px;\n    border-radius: 100px;\n    background-color: #ffffff;\n    border: 1px solid #ffffff;\n    color: #000000;\n    font-size: 20px;\n    font-weight: 400;\n    text-decoration: none;\n    line-height: 1.5;\n    margin: 0;\n    transition: all 0.3s ease;\n    cursor: pointer;\n  }\n\n  .product-description .cta-button:hover {\n    background-color: #dedede;\n    border-color: #dedede;\n    color: #000000;\n  }\n\n  .product-description .section-header p + .cta-button {\n    margin-top: 32px;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Intro\n------------------------------------------------------------ *\/\n  .section-intro {\n    background-color: #1c1c1c;\n  }\n\n  @media (min-width: 1080px) {\n    .section-intro .section-intro-banner {\n      width: 100%;\n      height: 1200px;\n      object-fit: cover;\n    }\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n  .section-highlights {\n    background-color: #1c1c1c;\n  }\n\n  .section-highlights .section-header {\n    max-width: 480px;\n  }\n\n  .section-highlights-feature-container {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    padding: 16px;\n    margin: 0 auto;\n  }\n\n  .section-highlights-feature-item {\n    flex: 0 0 auto;\n    padding: 16px;\n  }\n\n  @media (min-width: 1080px) {\n    .section-highlights-feature-item:nth-child(1) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(2) {\n      width: 50%;\n    }\n\n    .section-highlights-feature-item:nth-child(3) {\n      width: 40%;\n    }\n\n    .section-highlights-feature-item:nth-child(4) {\n      width: 30%;\n    }\n\n    .section-highlights-feature-item:nth-child(5) {\n      width: 30%;\n    }\n  }\n\n  .section-highlights-feature-item [class^=\"section-highlights-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #000000;\n    height: 100%;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .section-highlights-feature-item .section-highlights-list-text-item {\n    padding: 40px;\n    color: #ffffff;\n  }\n\n  .section-highlights-feature-item .feature-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-highlights-feature-item .feature-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  .section-highlights-feature-item img {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n  .highlightSwiper {\n    width: 100%;\n    padding-top: 32px;\n  }\n\n  .highlightSwiper .swiper-wrapper {\n    width: 100%;\n    height: auto;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-header {\n    width: 100%;\n    padding: 40px 16px;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .highlightSwiper .swiper-wrapper .slide-image {\n    aspect-ratio: 1\/1;\n    width: 100%;\n    height: 100%;\n    min-height: 300px;\n    object-fit: cover;\n    object-position: center;\n    border-radius: 32px;\n    overflow: hidden;\n  }\n\n  .highlightSwiper-pagination {\n    display: block;\n    width: 100%;\n    padding: 16px;\n    text-align: center;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet {\n    width: 16px;\n    height: 16px;\n    border-radius: 100px;\n    background-color: #dddddd;\n    margin: 0 8px;\n    transition: all 1s ease;\n  }\n\n  .highlightSwiper-pagination .swiper-pagination-bullet-active {\n    background-color: #ffffff !important;\n    width: 48px;\n    height: 16px;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Daily Essentials\n------------------------------------------------------------ *\/\n  .section-daily-essentials {\n    background-color: #1c1c1c;\n  }\n\n  .section-daily-essentials img {\n    aspect-ratio: 468\/605;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  @media (min-width: 1080px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(2, 3fr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 2 \/ 3;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 2 \/ 3;\n      grid-row: 2 \/ 4;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-daily-essentials-container {\n      display: grid;\n      grid-template-columns: repeat(1, 4frr);\n      grid-auto-rows: minmax(300px, auto);\n      gap: 32px;\n    }\n\n    .section-daily-essentials-item:nth-child(1) {\n      grid-column: 1 \/ 2;\n      grid-row: 2 \/ 3;\n    }\n\n    .section-daily-essentials-item:nth-child(2) {\n      grid-column: 1 \/ 2;\n      grid-row: 1 \/ 2;\n    }\n\n    .section-daily-essentials-item:nth-child(3) {\n      grid-column: 1 \/ 2;\n      grid-row: 3 \/ 4;\n    }\n\n    .section-daily-essentials-item:nth-child(4) {\n      grid-column: 1 \/ 2;\n      grid-row: 4 \/ 5;\n    }\n  }\n\n  .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    background-color: #ffffff;\n    height: 100%;\n    border-radius: 16px;\n    overflow: hidden;\n  }\n\n  .section-daily-essentials-item .section-daily-essentials-list-text-item {\n    padding: 40px;\n    color: #000000;\n  }\n\n  .section-daily-essentials-item .essential-headline {\n    font-size: 40px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n  }\n\n  .section-daily-essentials-item .essential-description {\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  \/* ------------------------------------------------------------\n[Sections] Series Inspiration\n------------------------------------------------------------ *\/\n  .section-series-inspiration {\n    background-color: #1c1c1c;\n  }\n\n  .section-series-inspiration-container {\n    position: relative;\n  }\n\n  .section-series-inspiration-button,\n  .edition-inspiration-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    margin: 32px;\n    width: 40px;\n    height: 40px;\n    color: #ffffff;\n    background-color: transparent;\n    border: none;\n    border-radius: 100px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    z-index: 1;\n  }\n\n  @media (min-width: 1080px) {\n    .section-series-inspiration .section-body {\n      position: relative;\n      max-width: 1200px;\n      padding: 0 4rem;\n      margin: 0 auto;\n    }\n\n    .section-series-inspiration-container {\n      border-radius: 32px;\n      overflow: hidden;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .section-series-inspiration.section-body {\n      position: relative;\n      padding: 0;\n      border-radius: 0;\n    }\n  }\n\n  \/* ------------------------------------------------------------\nModal Styles\n------------------------------------------------------------ *\/\n  .edition-inspiration-button {\n    background: linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 0.1),\n      rgba(255, 255, 255, 0.05)\n    );\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 4px;\n    border-radius: 100px;\n    transition: all 0.3s ease;\n  }\n\n  .edition-inspiration-button:hover {\n    background: rgba(255, 255, 255, 0.25);\n  }\n\n  #modal-subscription {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.6);\n  }\n\n  #modal-subscription .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background-color: #1c1c1c;\n    padding: 48px;\n    width: 90%;\n    max-width: 740px;\n    min-height: 600px;\n    border-radius: 32px;\n    display: flex;\n    align-items: center;\n  }\n\n  #modal-subscription .modal-header {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    z-index: 1001;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 50px;\n    height: 50px;\n    background-color: #ffffff;\n    border-radius: 100px;\n    cursor: pointer;\n  }\n\n  #modal-subscription .modal-header .close {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: all 0.3s ease;\n  }\n\n  #modal-subscription .modal-header .close svg {\n    width: 24px;\n    height: 24px;\n    color: #1c1c1c;\n  }\n\n  #modal-subscription .modal-header:hover {\n    background-color: #000000;\n  }\n\n  #modal-subscription .modal-header:hover svg {\n    color: #ffffff;\n  }\n\n  #modal-subscription .modal-text-content {\n    width: 100%;\n    text-align: center;\n    margin-bottom: 32px;\n  }\n\n  #modal-subscription input[type=\"email\"] {\n    text-align: center;\n  }\n\n  #modal-subscription button[type=\"submit\"] {\n    border-radius: 100px;\n  }\n\n  #modal-content {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  #modal-content .modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 0.1),\n      rgba(255, 255, 255, 0.05)\n    );\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.2);\n    padding: 48px;\n    width: 90%;\n    max-width: 800px;\n    border-radius: 32px;\n  }\n\n  .modal-body {\n    padding: 0;\n  }\n\n  .modal-image-container {\n    width: 100%;\n    text-align: center;\n    color: #ffffff;\n  }\n\n  .modal-image {\n    width: 100%;\n    height: auto;\n    border-radius: 16px;\n    object-fit: contain;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n  }\n\n  #modal-content .modal-headline {\n    color: #ffffff;\n  }\n\n  @media (min-width: 1080px) {\n    .modal-text-content {\n      padding: 40px;\n      color: #ffffff;\n    }\n\n    .modal-headline {\n      font-size: 48px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 20px;\n      font-weight: 400;\n      line-height: 1.5;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 1079.98px) {\n    .modal-content {\n      width: 95%;\n      margin: 20px auto;\n      padding: 15px;\n    }\n\n    .modal-header {\n      top: 15px;\n      right: 15px;\n    }\n\n    .modal-text-content {\n      padding: 16px 0;\n      color: #ffffff;\n    }\n\n    .modal-content .modal-image {\n      cursor: pointer;\n    }\n\n    .modal-headline {\n      font-size: 24px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 16px;\n    }\n\n    .modal-subheadline {\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 1.5 !important;\n      margin: 0;\n    }\n\n    .close {\n      width: 40px;\n      height: 40px;\n      font-size: 24px;\n    }\n  }\n\u003c\/style\u003e\n\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\n\n\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\n\u003clink rel=\"stylesheet\" href=\"style.css\"\u003e\n\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\n  \u003csection class=\"section-intro\"\u003e\n    \u003cdiv class=\"section-container-fluid\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n          \u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\n          \u003ch1 class=\"section-headline\"\u003eChronos Edition\u003c\/h1\u003e\n\n          \u003cp class=\"section-subheadline\"\u003e\n            Le temps est essentiel. Capturez la construction du temps avec un design d'horlogerie complexe pour un look élégant, chaque seconde. Rendez votre iPhone 17 intemporel.\n          \u003c\/p\u003e\n\n          \u003cbutton class=\"cta-button\"\u003eS'abonner\u003c\/button\u003e\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"section-body\"\u003e\n\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=\"Série iPhone 17 Pro Chronos Edition avec engrenages mécaniques visibles\"\u003e\n          \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=\"Série iPhone 17 Pro Chronos Edition avec engrenages mécaniques visibles\"\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-highlights sq-desktop-view\"\u003e\n    \u003cdiv class=\"section-container\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"section-highlights-feature-container\"\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Chronos_web_feature_00.jpg?v=1757003051\" alt=\"Gros plan du design du mouvement de montre Chronos sur une coque de téléphone transparente pour montrer la technologie de superposition Hexa-layering\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n                \u003cp class=\"feature-headline\"\u003eTechnologie Hexa-layering\u003c\/p\u003e\n\n                \u003cp class=\"feature-description\"\u003e\n                  Découvrez des graphiques à effet spatial 3D avec l'impression numérique Hexa-Layer.\n                  Découvrez la nouvelle norme en matière de design de qualité supérieure. Le\n                  détail unique imite la complexité du temps avec des couches de\n                  impression en profondeur qui est dans une ligue à part.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n                \u003cp class=\"feature-headline\"\u003eProtection complète\u003c\/p\u003e\n\n                \u003cp class=\"feature-description\"\u003e\n                  La protection de l'appareil photo et la technologie de coussin d'air protègent votre iPhone 17\n                  Pro en toute sécurité au quotidien.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                \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 avec coque transparente montrant des engrenages mécaniques décoratifs.\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n              \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Chronos_web_feature_02.jpg?v=1757003052\" alt=\"Image rapprochée du coin pour montrer la fonction coussin d'air c11\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-highlights sq-mobile-view\"\u003e\n    \u003cdiv class=\"section-container\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\n            \u003cdiv class=\"swiper-wrapper\"\u003e\n\n              \u003cdiv class=\"swiper-slide\"\u003e\n\n                \u003cdiv class=\"slide-container\"\u003e\n\n                  \u003cdiv class=\"slide-header\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eTechnologie Hexa-layering.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003e\n                      Découvrez des graphiques à effet spatial 3D avec l'impression numérique Hexa-Layer.\n                      Découvrez la nouvelle norme en matière de design de qualité supérieure. Le\n                      détail unique imite la complexité du temps avec des couches de\n                      l'impression en profondeur qui est dans une ligue à part.\n                    \u003c\/p\u003e\n\n                  \u003c\/div\u003e\n\n                  \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Chronos_web_feature_00.jpg?v=1757003051\" alt=\"Gros plan du design du mouvement de montre Chronos sur une coque de téléphone transparente pour montrer la technologie de superposition Hexa-layering\"\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"swiper-slide\"\u003e\n\n                \u003cdiv class=\"slide-container\"\u003e\n\n                  \u003cdiv class=\"slide-header\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eProtégez l'essentiel.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003e\n                      Les bords surélevés empêchent les rayures sur l'écran et la caméra à tous\n                      les angles.\n                    \u003c\/p\u003e\n\n                  \u003c\/div\u003e\n\n\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 avec coque transparente montrant des engrenages mécaniques décoratifs.\"\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"swiper-slide\"\u003e\n\n                \u003cdiv class=\"slide-container\"\u003e\n\n                  \u003cdiv class=\"slide-header\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eUne protection de confiance.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003e\n                      La technologie Air Cushion™ absorbe et atténue tous les impacts\n                      dans chaque coin.\n                    \u003c\/p\u003e\n\n                  \u003c\/div\u003e\n\n\n                  \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Chronos_web_feature_02.jpg?v=1757003052\" alt=\"Image rapprochée du coin pour montrer la fonction coussin d'air c11\"\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cscript\u003e\n      var swiper = new Swiper(\".highlightSwiper\", {\n        slidesPerView: 1,\n        spaceBetween: 32,\n        pagination: {\n          el: \".highlightSwiper-pagination\",\n          clickable: true,\n        },\n      });\n    \u003c\/script\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-daily-essentials\"\u003e\n    \u003cdiv class=\"section-container\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n          \u003ch1 class=\"section-headline\"\u003eEssentiels quotidiens\u003c\/h1\u003e\n\n          \u003cp class=\"section-subheadline\"\u003eLes essentiels du quotidien couverts.\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"section-daily-essentials-container\"\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n                \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=\"Gros plan du bouton dédié de l'appareil photo de la coque de téléphone utilisé pour prendre une photo.\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n                \u003cp class=\"essential-headline\"\u003eAccès facile\u003c\/p\u003e\n\n                \u003cp class=\"essential-description\"\u003e\n                  Découpes précises pour un accès facile et complet à tous les boutons de l'iPhone.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n                \u003cp class=\"essential-headline\"\u003eIl suffit de recharger.\u003c\/p\u003e\n\n                \u003cp class=\"essential-description\"\u003e\n                  Nous savons que retirer la coque est une corvée. Alors, il suffit de charger\n                  avec la coque via un chargeur sans fil ou un chargeur MagSafe.\n                \u003c\/p\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n              \u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n                \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 sur un socle de chargement sans fil à côté d'une deuxième coque de téléphone avec chargeur MagSafe attaché au design Chronos.\"\u003e\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003csection class=\"section-series-inspiration\"\u003e\n    \u003cdiv class=\"section-container-fluid\"\u003e\n\n      \u003cdiv class=\"section-content\"\u003e\n\n        \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n          \u003ch1 class=\"section-headline\"\u003eC'est maintenant ou jamais.\u003c\/h1\u003e\n\n          \u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"section-body\"\u003e\n\n          \u003cdiv class=\"section-series-inspiration-container\"\u003e\n\n            \u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_sub_01.jpg?v=1758566063\" alt=\"Vue complète de la coque iPhone Spigen Chronos Edition sur fond noir, montrant le design d'engrenage mécanique bleu et or.\"\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- Modal for Subscription --\u003e\n  \u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\n\n    \u003cdiv class=\"modal-content\"\u003e\n\n      \u003cdiv class=\"modal-header\"\u003e\n\n        \u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\n          \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\n            \u003cpath fill=\"currentColor\" d=\"M135.5 169C126.1 159.6 126.1 144.4 135.5 135.1C144.9 125.8 160.1 125.7 169.4 135.1L320.4 286.1L471.4 135.1C480.8 125.7 496 125.7 505.3 135.1C514.6 144.5 514.7 159.7 505.3 169L354.3 320L505.3 471C514.7 480.4 514.7 495.6 505.3 504.9C495.9 514.2 480.7 514.3 471.4 504.9L320.4 353.9L169.4 504.9C160 514.3 144.8 514.3 135.5 504.9C126.2 495.5 126.1 480.3 135.5 471L286.5 320L135.5 169z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"modal-body\"\u003e\n\n        \u003cdiv class=\"modal-image-container\"\u003e\n\n          \u003cdiv class=\"modal-text-content text-light\"\u003e\n\n            \u003ch1 class=\"modal-headline\"\u003eRestez informé des nouveautés.\u003c\/h1\u003e\n\n            \u003cp class=\"modal-subheadline\"\u003e\n              Abonnez-vous et soyez le premier à découvrir les nouvelles \u003cbr\u003econceptions c11\n              chaque mois.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cscript\u003e\n    \/\/ Modal functionality\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      console.log(\"Modal script loaded\");\n\n      \/\/ Get modal elements\n      const modalSubscription = document.getElementById(\"modal-subscription\");\n      const modalContent = document.getElementById(\"modal-content\");\n\n      \/\/ Get button elements\n      const ctaButton = document.querySelector(\".cta-button\");\n      const inspirationButton = document.querySelector(\n        \".edition-inspiration-button\"\n      );\n\n      console.log(\"CTA Button found:\", ctaButton);\n      console.log(\"Inspiration Button found:\", inspirationButton);\n      console.log(\"Modal Subscription found:\", modalSubscription);\n      console.log(\"Modal Content found:\", modalContent);\n\n      \/\/ Function to open modal\n      function openModal(modal) {\n        if (modal) {\n          modal.style.display = \"block\";\n          document.body.style.overflow = \"hidden\";\n          console.log(\"Modal opened:\", modal.id);\n        }\n      }\n\n      \/\/ Function to close modal\n      function closeModal(modal) {\n        if (modal) {\n          modal.style.display = \"none\";\n          document.body.style.overflow = \"auto\";\n          console.log(\"Modal closed:\", modal.id);\n        }\n      }\n\n      \/\/ CTA Button ? Subscription Modal\n      if (ctaButton \u0026\u0026 modalSubscription) {\n        ctaButton.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          e.stopPropagation();\n          console.log(\"CTA button clicked\");\n          openModal(modalSubscription);\n        });\n      } else {\n        console.error(\"CTA button or subscription modal not found\");\n      }\n\n      \/\/ Inspiration Button ? Content Modal\n      if (inspirationButton \u0026\u0026 modalContent) {\n        inspirationButton.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          e.stopPropagation();\n          console.log(\"Inspiration button clicked\");\n          openModal(modalContent);\n        });\n      } else {\n        console.error(\"Inspiration button or content modal not found\");\n      }\n\n      \/\/ Close buttons\n      const closeBtns = document.querySelectorAll(\".close\");\n      closeBtns.forEach(function (closeBtn) {\n        closeBtn.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          e.stopPropagation();\n          const modalId = this.getAttribute(\"data-modal\");\n          const modal = document.getElementById(modalId);\n          console.log(\"Close button clicked for modal:\", modalId);\n          closeModal(modal);\n        });\n      });\n\n      \/\/ Close modal when clicking outside of modal content\n      window.addEventListener(\"click\", function (event) {\n        if (event.target.classList.contains(\"modal\")) {\n          console.log(\"Modal background clicked\");\n          closeModal(event.target);\n        }\n      });\n\n      \/\/ ESC key to close modals\n      document.addEventListener(\"keydown\", function (e) {\n        if (e.key === \"Escape\") {\n          if (\n            modalSubscription \u0026\u0026\n            modalSubscription.style.display === \"block\"\n          ) {\n            closeModal(modalSubscription);\n          }\n          if (modalContent \u0026\u0026 modalContent.style.display === \"block\") {\n            closeModal(modalContent);\n          }\n        }\n      });\n\n      \/\/ Modal image click to close modal (only for mobile screens)\n      const modalImage = document.querySelector(\"#modal-content .modal-image\");\n      if (modalImage \u0026\u0026 modalContent) {\n        modalImage.addEventListener(\"click\", function (e) {\n          \/\/ Check if screen width is 1079.98px or less\n          if (window.matchMedia(\"(max-width: 1079.98px)\").matches) {\n            e.preventDefault();\n            e.stopPropagation();\n            console.log(\"Modal image clicked on mobile - closing modal\");\n            closeModal(modalContent);\n          }\n        });\n      }\n    });\n  \u003c\/script\u003e\n\n  \u003cscript\u003e\n    \/\/ Omnisend ? ?? ??? ???\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      const modalTitle = document.querySelector(\".modal-title\");\n      const modalText = document.querySelector(\".modal-text\");\n      const modalContent = document.querySelector(\".modal-content-wrapper\");\n      let hasChanged = false; \/\/ ?? ??? ???? ???\n\n      \/\/ Omnisend ?? ?? ?? ??\n      const checkSuccess = function () {\n        const successSection = document.querySelector(\n          \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\"\n        );\n        if (\n          successSection \u0026\u0026\n          window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026\n          !hasChanged\n        ) {\n          \/\/ ?? ?? ?? (? ?? ??)\n          modalTitle.textContent = \"Nice to have you!\";\n          modalText.innerHTML =\n            \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\";\n\n          \/\/ Omnisend ? ???\n          const omnisendForm = document.getElementById(\n            \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\n          );\n          if (omnisendForm) {\n            omnisendForm.style.display = \"none\";\n          }\n\n          hasChanged = true; \/\/ ?????? ??\n          clearInterval(checkInterval); \/\/ ??? ??\n        }\n      };\n\n      \/\/ ????? ?? ?? ??\n      const checkInterval = setInterval(checkSuccess, 500);\n\n      \/\/ ? ?? ?? ?? ??? ??\n      const submitButton = document.querySelector(\n        \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\"\n      );\n      if (submitButton) {\n        submitButton.addEventListener(\"click\", function () {\n          if (!hasChanged) {\n            \/\/ ?? ???? ?? ???? ??\n            setTimeout(checkSuccess, 1000);\n          }\n        });\n      }\n    });\n  \u003c\/script\u003e\n\n\u003c\/div\u003e\n\n\u003csq-outro class=\"sq--product-long-description\"\u003e\n\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n  \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\n    \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e\n\n    \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"sq--section-outro-body\"\u003e\n\n    \u003cdiv class=\"sq--section-row\"\u003e\n\n      \u003cdiv class=\"sq--section-column\"\u003e\n\n        \u003cdiv class=\"sq--rewards\"\u003e\n\n          \u003cdiv class=\"sq--overlay-content\"\u003e\n\n            \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e\n\n            \u003cp\u003eProtection avec avantages pour \u003cbr\u003enos membres fidèles.\u003c\/p\u003e\n\n            \u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\n              \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                  \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\u003c\/sq-listing-outro\u003e\u003c\/sq-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Chronos \/ En rupture de stock","offer_id":53890607972463,"sku":"ACS10407","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Chronos \/ En rupture de stock","offer_id":53890608005231,"sku":"ACS10408","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone17proseries_c11_chronos_02_d1406fa3-8e7b-40ec-985c-e85f160cfc92.jpg?v=1785117315"},{"product_id":"iphone-17-series-case-classic-ls-magfit","title":"Série iPhone 17 - Classic LS (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e \u003cp\u003eProtection avec avantages pour \u003cbr\u003enos membres Rewards.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eLivraison plus rapide\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons des frais de livraison express réduits à nos membres Elite et Executive. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Elite et Executive des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins executive \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carrousel de l'histoire de la marque Spigen\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque et de l'entreprise Spigen\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque et de l'entreprise Spigen. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Durabilité - Découvrez les efforts de Spigen en matière de durabilité et les initiatives ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDurabilité\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez les efforts de Spigen en matière de durabilité et les initiatives ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Pierre \/ En stock","offer_id":53890636939375,"sku":"ACS10478","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Pierre \/ En stock","offer_id":53890636972143,"sku":"ACS10479","price":18.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17pro_classic_ls_magfit_01.jpg?v=1785117688"},{"product_id":"iphone-17-series-optik-pro-ez-fit-lens-protector","title":"Série iPhone 17 - Protecteur d'objectif Optik Pro EZ Fit","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e \u003cp\u003eUne protection avec des avantages pour \u003cbr\u003enos membres Récompenses.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eLivraison plus rapide\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une expédition accélérée à prix réduit pour nos membres Élite et Exécutif. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Élite et Exécutif des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de service exécutif \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre Histoire - Découvrez l'histoire de la marque Spigen et de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Développement durable - Découvrez les efforts de développement durable de Spigen et les initiatives ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDéveloppement durable\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez les efforts de développement durable de Spigen et les initiatives ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Orange \/ En stock","offer_id":53890637004911,"sku":"AGL10123","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Gris \/ En stock","offer_id":53890637037679,"sku":"AGL10125","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Argent \/ En stock","offer_id":53890637070447,"sku":"AGL10124","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Orange \/ En stock","offer_id":53890637103215,"sku":"AGL10123","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Gris \/ En stock","offer_id":53890637135983,"sku":"AGL10125","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Argent \/ En stock","offer_id":53890637168751,"sku":"AGL10124","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Gris \/ En rupture de stock","offer_id":53890637201519,"sku":"AGL10130","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Argent \/ En rupture de stock","offer_id":53890637234287,"sku":"AGL10132","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Noir \/ En stock","offer_id":53890637267055,"sku":"AGL09863","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Or \/ En rupture de stock","offer_id":53890637299823,"sku":"AGL10131","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Argent \/ En stock","offer_id":53890637332591,"sku":"AGL10126","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Noir \/ En stock","offer_id":53890637365359,"sku":"AGL07921","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Violet \/ En stock","offer_id":53890637398127,"sku":"AGL10127","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Vert \/ En stock","offer_id":53890637430895,"sku":"AGL10128","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Bleu \/ En stock","offer_id":53890637463663,"sku":"AGL10129","price":9.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17pro_glastr_ez_fit_optik_pro_gray_01_b92906fd-c280-4723-9a59-2e2ce14ad413.jpg?v=1785117691"},{"product_id":"iphone-17-series-optik-pro-xl-ez-fit-lens-protector","title":"Série iPhone 17 - Protecteur d'objectif Optik Pro XL EZ Fit","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e \u003cp\u003eProtection avec avantages pour \u003cbr\u003enos membres Récompenses.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eRecevez-le plus rapidement\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une expédition accélérée à prix réduit à nos membres Elite et Exécutif. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Elite et Exécutif des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins exécutifs \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous gérons personnellement tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/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 \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/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 \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\"\u003eDurabilité\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Explorez les efforts de Spigen en matière de durabilité et les initiatives ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Orange \/ En stock","offer_id":53890637496431,"sku":"AGL10650","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Noir \/ En stock","offer_id":53890637529199,"sku":"AGL10649","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Argent \/ En stock","offer_id":53890637561967,"sku":"AGL10652","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Bleu \/ En stock","offer_id":53890637594735,"sku":"AGL10651","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Orange \/ En stock","offer_id":53890637627503,"sku":"AGL10645","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Noir \/ En stock","offer_id":53890637660271,"sku":"AGL10644","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Argent \/ En stock","offer_id":53890637693039,"sku":"AGL10647","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Bleu \/ En stock","offer_id":53890637725807,"sku":"AGL10646","price":9.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone_17pro_glastr_ezfit_optik_pro_xl_black_01.jpg?v=1785117692"},{"product_id":"iphone-17-series-screen-protector-glas-tr-ez-fit-sensor-protected","title":"Série iPhone 17 - GLAS.tR EZ Fit | Protection du capteur","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu’une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e \u003cp\u003eProtection avec avantages pour \u003cbr\u003enos membres Récompense.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eLivraison plus rapide\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une expédition accélérée à prix réduit à nos membres Élite et Exécutif. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Élite et Exécutif des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins exécutifs \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et l'historique de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et l'historique de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Développement durable - Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDéveloppement durable\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Clair \/ En stock","offer_id":53890637758575,"sku":"AGL07907","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Clair \/ En stock","offer_id":53890637791343,"sku":"AGL07928","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Clair \/ En stock","offer_id":53890637824111,"sku":"AGL09861","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Clair \/ En stock","offer_id":53890637856879,"sku":"AGL07928","price":10.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone6.9_2025__glastr_ez_fit_01.jpg?v=1785117694"},{"product_id":"iphone-17-series-screen-protector-glas-tr-ez-fit-privacy","title":"Série iPhone 17 - GLAS.tR EZ Fit | Confidentialité","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e \u003cp\u003eUne protection avec des avantages pour \u003cbr\u003enos membres Rewards.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eLivraison accélérée\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une livraison accélérée à prix réduit à nos membres Elite et Executive. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Elite et Executive des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins aux cadres \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque et de l'entreprise Spigen\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque et de l'entreprise Spigen. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Développement durable - Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDurabilité\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Confidentialité \/ En stock","offer_id":53890637922415,"sku":"AGL07908","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Confidentialité \/ En stock","offer_id":53890637955183,"sku":"AGL07929","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Confidentialité \/ En stock","offer_id":53890637987951,"sku":"AGL09862","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Confidentialité \/ En stock","offer_id":53890638020719,"sku":"AGL07929","price":12.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone6.9_2025__glastr_ez_fit_privacy_01.jpg?v=1785117708"},{"product_id":"iphone-17-series-case-enzo-aramid-t","title":"Série iPhone 17 - Enzo Aramid T (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e \u003cp\u003eUne protection avec des avantages pour \u003cbr\u003enos membres Récompenses.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eObtenez-le plus vite\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons des frais de livraison express réduits à nos membres Elite et Executive. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Elite et Executive des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins aux cadres \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Développement durable - Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo de ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDéveloppement durable\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Argent Noir \/ En stock","offer_id":53890638053487,"sku":"ACS09905","price":21.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Noir Noir \/ En stock","offer_id":53890638086255,"sku":"ACS09906","price":21.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Argent Noir \/ En stock","offer_id":53890638119023,"sku":"ACS09958","price":21.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Noir Noir \/ En stock","offer_id":53890638151791,"sku":"ACS09959","price":21.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Argent Noir \/ En stock","offer_id":53890638184559,"sku":"ACS09989","price":21.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone6.9_2025__enzo_aramid_t_silver_01.jpg?v=1785117711"},{"product_id":"iphone-17-series-case-tough-armor-t-magfit","title":"Série iPhone 17 - Tough Armor T (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos Récompenses\u003c\/h3\u003e \u003cp\u003eProtection avec des avantages pour \u003cbr\u003enos membres Récompense.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eRecevez-le plus vite\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une expédition express à prix réduit à nos membres Elite et Exécutif. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Elite et Exécutif des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins exécutifs \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Développement durable - Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDéveloppement durable\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Noir \/ En stock","offer_id":53890638217327,"sku":"ACS09897","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Bronze canon \/ En stock","offer_id":53890638250095,"sku":"ACS09898","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Noir \/ En stock","offer_id":53890638282863,"sku":"ACS09950","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Bronze canon \/ En stock","offer_id":53890638315631,"sku":"ACS09951","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Noir \/ En stock","offer_id":53890638348399,"sku":"ACS09928","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Noir \/ En stock","offer_id":53890638381167,"sku":"ACS09984","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Bronze canon \/ En stock","offer_id":53890638413935,"sku":"ACS09985","price":18.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_iphone17pro_tough_armor_t_magfit_black_01.jpg?v=1785117714"},{"product_id":"iphone-17-series-case-urban-fit-t-magfit","title":"Série iPhone 17 - Urban Fit T (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos Récompenses\u003c\/h3\u003e \u003cp\u003eUne protection avec des avantages pour \u003cbr\u003enos membres Récompenses.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eLivraison Plus Rapide\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une livraison rapide à prix réduit à nos membres Élite et Exécutif. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon Saisonniers \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Élite et Exécutif des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de Soins Exécutive \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous gérons personnellement tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre Histoire - En savoir plus sur l'histoire de la marque Spigen et l'histoire de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre Histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Développement Durable - Explorez les efforts de Spigen en matière de développement durable et les initiatives ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo de ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDéveloppement Durable\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Explorez les efforts de Spigen en matière de développement durable et les initiatives ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Brun mocca \/ En rupture de stock","offer_id":53890638446703,"sku":"ACS09609","price":21.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Brun mocca \/ En rupture de stock","offer_id":53890638479471,"sku":"ACS09641","price":21.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Brun mocca \/ En rupture de stock","offer_id":53890638512239,"sku":"ACS10001","price":21.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone17_promax_urban_fit_t_mf_01.jpg?v=1785117716"},{"product_id":"iphone-17-series-case-ultra-hybrid-t-magfit","title":"iPhone 17 Series - Ultra Hybrid T (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu’une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e \u003cp\u003eProtection avec avantages pour \u003cbr\u003enos membres fidélisés.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eLivraison accélérée\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une expédition accélérée à prix réduit pour nos membres Elite et Executive. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Elite et Executive des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins aux cadres \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée qui s’occupe personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/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 \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l’histoire de la marque Spigen et l’histoire de l’entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/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 \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\"\u003eDurabilité\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez les efforts de Spigen en matière de durabilité et les initiatives ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Orange brillant \/ En stock","offer_id":53890638545007,"sku":"ACS10468","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Blanc brillant \/ En stock","offer_id":53890638577775,"sku":"ACS10046","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Noir mat \/ En stock","offer_id":53890638610543,"sku":"ACS10047","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Bleu mat \/ En stock","offer_id":53890638643311,"sku":"ACS10467","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Orange brillant \/ En stock","offer_id":53890638676079,"sku":"ACS10471","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Blanc brillant \/ En stock","offer_id":53890638708847,"sku":"ACS10077","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Noir mat \/ En stock","offer_id":53890638741615,"sku":"ACS10078","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Bleu mat \/ En stock","offer_id":53890638774383,"sku":"ACS10470","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17_pro_max_ultra_hybird_t_magfit_glossy_white_01_8ada46c5-3f2a-492e-878a-78cbe80da3b2.jpg?v=1785117719"},{"product_id":"iphone-17-series-case-ultra-hybrid-zero-one-magfit","title":"Série iPhone 17 - Ultra Hybrid Zero One (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus que de la protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e \u003cp\u003eProtection avec avantages pour \u003cbr\u003enos membres Rewards.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eRecevez-le plus vite\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une livraison rapide à prix réduit à nos membres Elite et Executive. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Elite et Executive des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins exécutifs \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/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 \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/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 \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\"\u003eDurabilité\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez les efforts de Spigen en matière de durabilité et les initiatives ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Zéro Un Titane Naturel \/ En stock","offer_id":53890638807151,"sku":"ACS10041","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Zéro un noir \/ En stock","offer_id":53890638839919,"sku":"ACS10042","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Zéro un blanc \/ En stock","offer_id":53890638872687,"sku":"ACS10040","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Zéro Un Titane Naturel \/ En stock","offer_id":53890638905455,"sku":"ACS10072","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Zéro un noir \/ En stock","offer_id":53890638938223,"sku":"ACS10073","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Zéro un blanc \/ En stock","offer_id":53890638970991,"sku":"ACS10071","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Zéro Un Titane Naturel \/ En stock","offer_id":53890639003759,"sku":"ACS10057","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Zéro un noir \/ En stock","offer_id":53890639036527,"sku":"ACS10058","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Zéro un blanc \/ En stock","offer_id":53890639069295,"sku":"ACS10056","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Zéro Un Titane Naturel \/ En stock","offer_id":53890639102063,"sku":"ACS10088","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Zéro un noir \/ En stock","offer_id":53890639134831,"sku":"ACS10089","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Zéro un blanc \/ En stock","offer_id":53890639167599,"sku":"ACS10087","price":15.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17_pro_ultra_hybrid_magfit_zero_one_natural_titanium_01.jpg?v=1785117723"},{"product_id":"iphone-17-series-case-ultra-hybrid-s-magfit","title":"Série iPhone 17 - Ultra Hybrid S (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu’une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos Récompenses\u003c\/h3\u003e \u003cp\u003eProtection avec des avantages pour \u003cbr\u003enos membres Récompenses.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eLivraison plus rapide\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une livraison rapide à prix réduit pour nos membres Elite et Exécutif. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Elite et Exécutif des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins aux cadres \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Développement durable - Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDéveloppement durable\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Blanc transparent \/ En rupture de stock","offer_id":53890639200367,"sku":"ACS09893","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Blanc transparent \/ En stock","offer_id":53890639233135,"sku":"ACS09946","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Blanc transparent \/ En stock","offer_id":53890639265903,"sku":"ACS09926","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Blanc transparent \/ En stock","offer_id":53890639298671,"sku":"ACS09981","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_6.9_ultra_hybird_s_magfit_white_01.jpg?v=1785117725"},{"product_id":"iphone-17-series-case-ultra-hybrid-neo-one-magfit","title":"Série iPhone 17 - Ultra Hybrid Neo One (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e \u003cp\u003eProtection avec avantages pour \u003cbr\u003enos membres Récompenses.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eLivraison plus rapide\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une expédition accélérée à prix réduit à nos membres Elite et Executive. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Elite et Executive des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins aux cadres \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Développement durable - Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo de ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDéveloppement durable\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Néo One \/ En stock","offer_id":53890639364207,"sku":"ACS10043","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Néo One \/ En stock","offer_id":53890639396975,"sku":"ACS10074","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Néo One \/ En stock","offer_id":53890639429743,"sku":"ACS10059","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Néo One \/ En stock","offer_id":53890639462511,"sku":"ACS10090","price":15.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17_pro_ultra_hybrid_magfit_01.jpg?v=1785117728"},{"product_id":"iphone-17-series-case-ultra-hybrid-classic-magfit","title":"Série iPhone 17 - Ultra Hybrid Classic (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos Récompenses\u003c\/h3\u003e \u003cp\u003eUne protection avec des avantages pour \u003cbr\u003enos membres Récompenses.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eLivraison accélérée\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une livraison accélérée à prix réduit à nos membres Elite et Exécutif. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Elite et Exécutif des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins exécutifs \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carrousel de l'histoire de la marque Spigen\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Durabilité - Découvrez les efforts de Spigen en matière de durabilité et les initiatives ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDurabilité\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez les efforts de Spigen en matière de durabilité et les initiatives ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Argent classique \/ En stock","offer_id":53890641068143,"sku":"ACS10044","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Noir classique \/ En stock","offer_id":53890641100911,"sku":"ACS10045","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Argent classique \/ En stock","offer_id":53890641133679,"sku":"ACS10075","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Noir classique \/ En stock","offer_id":53890641166447,"sku":"ACS10076","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Argent classique \/ En stock","offer_id":53890641199215,"sku":"ACS10060","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Noir classique \/ En stock","offer_id":53890641231983,"sku":"ACS10061","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Argent classique \/ En stock","offer_id":53890641264751,"sku":"ACS10091","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Noir classique \/ En stock","offer_id":53890641297519,"sku":"ACS10092","price":15.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17_pro_ultra_hybrid_classic_silver_01.jpg?v=1785117730"},{"product_id":"iphone-17-series-case-ultra-hybrid-magfit","title":"Série iPhone 17 - Ultra Hybrid (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e \u003cp\u003eProtection avec des avantages pour \u003cbr\u003enos membres Récompenses.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eObtenez-le plus rapidement\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une livraison rapide à prix réduit pour nos membres Elite et Exécutif. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Elite et Exécutif des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins exécutifs \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Développement durable - Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo de ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDéveloppement durable\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Orange vif \/ En stock","offer_id":53890641363055,"sku":"ACS11107","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Blanc transparent \/ En stock","offer_id":53890641395823,"sku":"ACS10035","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Graphite clair \/ En stock","offer_id":53890641428591,"sku":"ACS10036","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Or clair \/ En stock","offer_id":53890641461359,"sku":"ACS10037","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Bleu profond clair \/ En stock","offer_id":53890641494127,"sku":"ACS10953","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Orange vif \/ En stock","offer_id":53890641526895,"sku":"ACS11110","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Blanc transparent \/ En stock","offer_id":53890641559663,"sku":"ACS10066","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Graphite clair \/ En stock","offer_id":53890641592431,"sku":"ACS10067","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Or clair \/ En stock","offer_id":53890641625199,"sku":"ACS10068","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Bleu profond clair \/ En stock","offer_id":53890641657967,"sku":"ACS10954","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Blanc transparent \/ En stock","offer_id":53890641690735,"sku":"ACS10051","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Graphite clair \/ En stock","offer_id":53890641723503,"sku":"ACS10052","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Or clair \/ En stock","offer_id":53890641756271,"sku":"ACS10053","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Blanc transparent \/ En stock","offer_id":53890641789039,"sku":"ACS10082","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Graphite clair \/ En stock","offer_id":53890641821807,"sku":"ACS10083","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Or clair \/ En stock","offer_id":53890641854575,"sku":"ACS10084","price":13.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17_pro_max_ultra_hybrid_magfit_white_01.jpg?v=1785117736"},{"product_id":"iphone-17-series-case-ultra-hybrid","title":"Série iPhone 17 - Ultra Hybride","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e \u003cp\u003eProtection avec avantages pour \u003cbr\u003enos membres fidèles.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eLivraison plus rapide\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une livraison express à prix réduit à nos membres Élite et Exécutif. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Élite et Exécutif des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de service exécutif \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/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 \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/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 \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo de ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDurabilité\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Explorez les efforts de Spigen en matière de durabilité et les initiatives de ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Clair comme de l'eau de roche \/ En stock","offer_id":53890641985647,"sku":"ACS10033","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Noir mat \/ En stock","offer_id":53890642018415,"sku":"ACS10034","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Clair comme de l'eau de roche \/ En stock","offer_id":53890642051183,"sku":"ACS10064","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Noir mat \/ En stock","offer_id":53890642083951,"sku":"ACS10065","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Clair comme de l'eau de roche \/ En stock","offer_id":53890642116719,"sku":"ACS10049","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Noir mat \/ En stock","offer_id":53890642149487,"sku":"ACS10050","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Clair comme de l'eau de roche \/ En stock","offer_id":53890642182255,"sku":"ACS10080","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Noir mat \/ En stock","offer_id":53890642215023,"sku":"ACS10081","price":10.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone17_pro_ultra_hybrid_cc_01.jpg?v=1785117741"},{"product_id":"iphone-17-series-case-thin-fit-magfit","title":"Série iPhone 17 - Thin Fit (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu’une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos Récompenses\u003c\/h3\u003e \u003cp\u003eProtection avec avantages pour \u003cbr\u003enos membres Récompense.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eLivraison plus rapide\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une livraison rapide à prix réduit à nos membres Élite et Exécutif. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Élite et Exécutif des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins aux cadres \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carrousel de l'histoire de la marque Spigen\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Durabilité - Explorez les efforts de Spigen en matière de durabilité et les initiatives ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDurabilité\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Explorez les efforts de Spigen en matière de durabilité et les initiatives ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Noir \/ En stock","offer_id":53890642280559,"sku":"ACS09879","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Bronze canon \/ En stock","offer_id":53890642313327,"sku":"ACS09881","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Vert Abysse \/ En stock","offer_id":53890642346095,"sku":"ACS09880","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Ardoise métallique \/ En stock","offer_id":53890642378863,"sku":"ACS09882","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Noir \/ En stock","offer_id":53890642411631,"sku":"ACS09934","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Bronze canon \/ En stock","offer_id":53890642444399,"sku":"ACS09936","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Vert Abysse \/ En stock","offer_id":53890642477167,"sku":"ACS09935","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Noir \/ En stock","offer_id":53890642509935,"sku":"ACS09916","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Bronze canon \/ En stock","offer_id":53890642542703,"sku":"ACS09918","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Vert Abysse \/ En stock","offer_id":53890642575471,"sku":"ACS09917","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Noir \/ En stock","offer_id":53890642608239,"sku":"ACS09969","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Bronze canon \/ En stock","offer_id":53890642641007,"sku":"ACS09971","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Vert Abysse \/ En stock","offer_id":53890642673775,"sku":"ACS09970","price":12.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_ip17pro_thinfit_magfit_01.jpg?v=1785117745"},{"product_id":"iphone-17-series-case-slim-armor-magfit","title":"Série iPhone 17 - Slim Armor (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e \u003cp\u003eProtection avec des avantages pour \u003cbr\u003enos membres Récompense.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eRecevez-le plus vite\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons des expéditions express à prix réduit pour nos membres Elite et Exécutif. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Elite et Exécutif des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins exécutifs \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carrousel de l'histoire de la marque Spigen\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et l'historique de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et l'historique de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Développement durable - Explorez les efforts de développement durable de Spigen et les initiatives de ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo de ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDéveloppement durable\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Explorez les efforts de développement durable de Spigen et les initiatives de ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Noir \/ En stock","offer_id":53890642706543,"sku":"ACS09603","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Ardoise métallique \/ En stock","offer_id":53890642739311,"sku":"ACS09602","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Vert Abysse \/ En stock","offer_id":53890642772079,"sku":"ACS09673","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Noir Givré \/ En stock","offer_id":53890642804847,"sku":"ACS09674","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Noir \/ En rupture de stock","offer_id":53890642837615,"sku":"ACS09635","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Ardoise métallique \/ En stock","offer_id":53890642870383,"sku":"ACS09634","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Vert Abysse \/ En stock","offer_id":53890642903151,"sku":"ACS09683","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Noir Givré \/ En stock","offer_id":53890642935919,"sku":"ACS09684","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Noir \/ En rupture de stock","offer_id":53890642968687,"sku":"ACS09620","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Ardoise métallique \/ En rupture de stock","offer_id":53890643001455,"sku":"ACS09619","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Vert Abysse \/ En rupture de stock","offer_id":53890643034223,"sku":"ACS09678","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Noir Givré \/ En rupture de stock","offer_id":53890643066991,"sku":"ACS09679","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Noir \/ En rupture de stock","offer_id":53890643099759,"sku":"ACS09653","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Ardoise métallique \/ En rupture de stock","offer_id":53890643132527,"sku":"ACS09652","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Vert Abysse \/ En rupture de stock","offer_id":53890643165295,"sku":"ACS09688","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Noir Givré \/ En rupture de stock","offer_id":53890643198063,"sku":"ACS09689","price":18.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_ip17promax_slim_armor_magfit_01.jpg?v=1785117748"},{"product_id":"iphone-17-series-case-silicone-fit-magfit","title":"Série iPhone 17 - Silicone Fit (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e \u003cp\u003eUne protection avec des avantages pour \u003cbr\u003enos membres Récompense.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eRecevez-le plus vite\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une expédition accélérée à prix réduit à nos membres Elite et Executive. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Elite et Executive des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins exécutifs \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carrousel de l'histoire de la marque Spigen\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et l'historique de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et l'historique de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Durabilité - Découvrez les efforts de Spigen en matière de développement durable et les initiatives ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDurabilité\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez les efforts de Spigen en matière de développement durable et les initiatives ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Orange Cosmique \/ En stock","offer_id":53890643230831,"sku":"ACS11378","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Noir \/ En stock","offer_id":53890643263599,"sku":"ACS09902","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Vert Abysse \/ En stock","offer_id":53890643296367,"sku":"ACS09903","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Pierre \/ En stock","offer_id":53890643329135,"sku":"ACS09904","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Bleu Sourdine \/ En stock","offer_id":53890643361903,"sku":"ACS10048","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Orange Cosmique \/ En stock","offer_id":53890643394671,"sku":"ACS11379","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Noir \/ En stock","offer_id":53890643427439,"sku":"ACS09955","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Vert Abysse \/ En stock","offer_id":53890643460207,"sku":"ACS09956","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Pierre \/ En stock","offer_id":53890643492975,"sku":"ACS09957","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Bleu Sourdine \/ En stock","offer_id":53890643525743,"sku":"ACS10079","price":12.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_ip17pro_siliconefit_magfit_01.jpg?v=1785117752"},{"product_id":"iphone-17-series-case-rugged-armor-magfit","title":"Série iPhone 17 - Rugged Armor (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e \u003cp\u003eProtection avec avantages pour \u003cbr\u003enos membres Rewards.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eObtenez-le plus rapidement\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons des réductions sur la livraison express à nos membres Elite et Executive. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Elite et Executive des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins aux cadres \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Durabilité - Explorez les efforts de Spigen en matière de durabilité et les initiatives ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDurabilité\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Explorez les efforts de Spigen en matière de durabilité et les initiatives ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Noir mat \/ En stock","offer_id":53890643558511,"sku":"ACS09886","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Gris \/ En stock","offer_id":53890643591279,"sku":"ACS09887","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Noir mat \/ En stock","offer_id":53890643624047,"sku":"ACS09940","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Gris \/ En stock","offer_id":53890643656815,"sku":"ACS09941","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Noir mat \/ En stock","offer_id":53890643689583,"sku":"ACS09975","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Gris \/ En stock","offer_id":53890643722351,"sku":"ACS09976","price":12.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17_pro_rugged_armor_black_01.jpg?v=1785117755"},{"product_id":"iphone-17-series-case-parallax-s-magfit","title":"iPhone 17 Series - Parallax S (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos Récompenses\u003c\/h3\u003e \u003cp\u003eProtection avec des avantages pour \u003cbr\u003enos membres Récompenses.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eLivraison plus rapide\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une livraison express à prix réduit pour nos membres Élite et Exécutif. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Élite et Exécutif des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de Soins Exécutifs \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée qui gère personnellement tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carrousel de l'histoire de la marque Spigen\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Durabilité - Explorez les efforts de Spigen en matière de durabilité et les initiatives ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDurabilité\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Explorez les efforts de Spigen en matière de durabilité et les initiatives ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Noir mat \/ En stock","offer_id":53890643755119,"sku":"ACS09911","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Vert sauge \/ En rupture de stock","offer_id":53890643787887,"sku":"ACS09912","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Noir mat \/ En stock","offer_id":53890643820655,"sku":"ACS09964","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Vert sauge \/ En stock","offer_id":53890643853423,"sku":"ACS09965","price":15.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17_pro_parallax_s_magfit_black_01.jpg?v=1785117757"},{"product_id":"iphone-17-series-case-optik-armor-magfit","title":"Série iPhone 17 - Optik Armor (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e \u003cp\u003eUne protection avec des avantages pour \u003cbr\u003enos membres Récompenses.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eObtenez-le plus rapidement\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons des réductions sur l'expédition accélérée pour nos membres Élite et Exécutifs. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Élite et Exécutifs des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de Soin Exécutive \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/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 \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/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 \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\"\u003eDurabilité\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez les efforts de Spigen en matière de développement durable et les initiatives ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Noir \/ En stock","offer_id":53890643886191,"sku":"ACS09900","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Vert Abysse \/ En stock","offer_id":53890643918959,"sku":"ACS09901","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Noir \/ En stock","offer_id":53890643951727,"sku":"ACS09953","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Vert Abysse \/ En stock","offer_id":53890643984495,"sku":"ACS09954","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Noir \/ En stock","offer_id":53890644017263,"sku":"ACS09930","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Noir \/ En stock","offer_id":53890644050031,"sku":"ACS09987","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Vert Abysse \/ En stock","offer_id":53890644082799,"sku":"ACS09988","price":18.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_iphone17pro_promax_optik_armor_magfit_black_02.jpg?v=1785117760"},{"product_id":"iphone-17-series-case-nano-pop-hybrid-magfit","title":"Série iPhone 17 - Nano Pop Hybrid (Compatible MagSafe)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos Récompenses\u003c\/h3\u003e \u003cp\u003eUne protection avec des avantages pour \u003cbr\u003enos membres Récompenses.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eLivraison plus rapide\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une livraison express à prix réduit à nos membres Elite et Exécutif. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Bon de réduction saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Elite et Exécutif des bons de réduction avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins exécutifs \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Développement durable - Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDéveloppement durable\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Myrtille Marine \/ En stock","offer_id":53890644115567,"sku":"ACS09607","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Vert avocat \/ En stock","offer_id":53890644148335,"sku":"ACS09608","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Myrtille Marine \/ En stock","offer_id":53890644181103,"sku":"ACS09639","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Vert avocat \/ En stock","offer_id":53890644213871,"sku":"ACS09640","price":15.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone17_promax_nanopop_hybrid_magfit_blueberry_navy_01.jpg?v=1785117762"},{"product_id":"iphone-17-series-case-nano-pop-magfit","title":"Série iPhone 17 - Nano Pop (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e \u003cp\u003eProtection avec avantages pour \u003cbr\u003enos membres Récompense.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eRecevez-le plus vite\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons des frais de port express réduits à nos membres Elite et Exécutif. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Elite et Exécutif des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins exécutifs \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carrousel de l'histoire de la marque Spigen\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et l'historique de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et l'historique de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Durabilité - Découvrez les efforts de durabilité de Spigen et les initiatives ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDurabilité\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez les efforts de durabilité de Spigen et les initiatives ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Myrtille marine \/ En stock","offer_id":53890644246639,"sku":"ACS09913","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Haricot Bourgogne \/ En stock","offer_id":53890644279407,"sku":"ACS09914","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Sésame noir \/ En stock","offer_id":53890644312175,"sku":"ACS09915","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Myrtille marine \/ En stock","offer_id":53890644344943,"sku":"ACS09966","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Haricot Bourgogne \/ En stock","offer_id":53890644377711,"sku":"ACS09967","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Sésame noir \/ En stock","offer_id":53890644410479,"sku":"ACS09968","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Myrtille marine \/ En stock","offer_id":53890644443247,"sku":"ACS09931","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Haricot Bourgogne \/ En stock","offer_id":53890644476015,"sku":"ACS09932","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Sésame noir \/ En stock","offer_id":53890644508783,"sku":"ACS09933","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Myrtille marine \/ En stock","offer_id":53890644541551,"sku":"ACS09990","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Haricot Bourgogne \/ En stock","offer_id":53890644574319,"sku":"ACS09991","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Sésame noir \/ En stock","offer_id":53890644607087,"sku":"ACS09992","price":13.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_6.9_nanopop_magfit_blueberry_navy_01.jpg?v=1785117765"},{"product_id":"iphone-17-series-case-liquid-air","title":"Série iPhone 17 - Liquid Air","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos Récompenses\u003c\/h3\u003e \u003cp\u003eUne protection avec des avantages pour \u003cbr\u003enos membres Récompenses.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eLivraison plus rapide\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une livraison express à prix réduit à nos membres Élite et Exécutif. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Élite et Exécutif des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins exécutifs \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et l'historique de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre Histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et l'historique de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Développement durable - Explorez les efforts de Spigen en matière de développement durable et les initiatives ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo de ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDéveloppement durable\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Explorez les efforts de Spigen en matière de développement durable et les initiatives ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Noir mat \/ En stock","offer_id":53890644639855,"sku":"ACS09888","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Bleu marine \/ En stock","offer_id":53890644672623,"sku":"ACS09889","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Vert Abysse \/ En stock","offer_id":53890644705391,"sku":"ACS09890","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Titane naturel \/ En stock","offer_id":53890644738159,"sku":"ACS09891","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Titane rose \/ En stock","offer_id":53890644770927,"sku":"ACS09892","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Noir mat \/ En stock","offer_id":53890644803695,"sku":"ACS09942","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Bleu marine \/ En stock","offer_id":53890644836463,"sku":"ACS09943","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Vert Abysse \/ En stock","offer_id":53890644869231,"sku":"ACS09944","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Titane naturel \/ En stock","offer_id":53890644901999,"sku":"ACS09945","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Noir mat \/ En stock","offer_id":53890644934767,"sku":"ACS09922","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Bleu marine \/ En stock","offer_id":53890644967535,"sku":"ACS09923","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Vert Abysse \/ En stock","offer_id":53890645000303,"sku":"ACS09924","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Titane naturel \/ En stock","offer_id":53890645033071,"sku":"ACS09925","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Noir mat \/ En stock","offer_id":53890645065839,"sku":"ACS09977","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Bleu marine \/ En stock","offer_id":53890645098607,"sku":"ACS09978","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Vert Abysse \/ En stock","offer_id":53890645131375,"sku":"ACS09979","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Titane naturel \/ En stock","offer_id":53890645164143,"sku":"ACS09980","price":9.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_6.9_liquid_air_blk_01.jpg?v=1785117769"},{"product_id":"iphone-17-series-case-crystal-flex-magfit","title":"Série iPhone 17 - Crystal Flex (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e \u003cp\u003eProtection avec des avantages pour \u003cbr\u003enos membres Récompense.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eRecevez-le plus rapidement\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une expédition accélérée à prix réduit à nos membres Élite et Exécutif. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Bon de réduction saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Élite et Exécutif des bons de réduction pour de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins exécutifs \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Développement durable - Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDéveloppement durable\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Blanc transparent \/ En rupture de stock","offer_id":53890645262447,"sku":"ACS09598","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Blanc transparent \/ En rupture de stock","offer_id":53890645295215,"sku":"ACS09630","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Blanc transparent \/ En stock","offer_id":53890645327983,"sku":"ACS09615","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Blanc transparent \/ En rupture de stock","offer_id":53890645360751,"sku":"ACS09648","price":12.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_iphone17promax_liquid_crystal_magfit_01.jpg?v=1785117771"},{"product_id":"iphone-17-series-case-core-armor-magfit","title":"Série iPhone 17 - Coque Core Armor (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu’une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e \u003cp\u003eUne protection avec des avantages pour \u003cbr\u003enos membres Rewards.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eLivraison plus rapide\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une livraison accélérée à prix réduit à nos membres Elite et Executive. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Elite et Executive des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins aux cadres \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée qui s'occupe personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Développement durable - Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo de ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDéveloppement durable\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Noir mat \/ En stock","offer_id":53890645393519,"sku":"ACS09596","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Gris marbre \/ En stock","offer_id":53890645426287,"sku":"ACS09672","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Noir mat \/ En stock","offer_id":53890645459055,"sku":"ACS09627","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Gris marbre \/ En stock","offer_id":53890645491823,"sku":"ACS09682","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Noir mat \/ En stock","offer_id":53890645524591,"sku":"ACS09613","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Gris marbre \/ En rupture de stock","offer_id":53890645557359,"sku":"ACS09677","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Noir mat \/ En rupture de stock","offer_id":53890645590127,"sku":"ACS09645","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Gris marbre \/ En stock","offer_id":53890645622895,"sku":"ACS09687","price":13.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_iphone17pro_core_armor_magfit_black_01.jpg?v=1785117773"},{"product_id":"iphone-17-series-case-classic-c1-magfit","title":"Série iPhone 17 - Classic C1 (Compatible MagSafe)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e \u003cp\u003eProtection avec des avantages pour \u003cbr\u003enos membres Récompense.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eRecevez-le plus vite\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une expédition accélérée à prix réduit à nos membres Élite et Exécutif. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Bon de réduction saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Élite et Exécutif des bons de réduction pour de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de service client Exécutif \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée qui s'occupe personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Développement durable - Explorez les efforts de Spigen en matière de développement durable et les initiatives ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDéveloppement durable\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Explorez les efforts de Spigen en matière de développement durable et les initiatives ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Tangerine \/ En stock","offer_id":53890645655663,"sku":"ACS09910","price":19.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Bondi bleu \/ En rupture de stock","offer_id":53890645688431,"sku":"ACS09908","price":19.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Graphite \/ En stock","offer_id":53890645721199,"sku":"ACS09907","price":19.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Rubis \/ En stock","offer_id":53890645753967,"sku":"ACS09909","price":19.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Tangerine \/ En stock","offer_id":53890645786735,"sku":"ACS09963","price":19.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Bondi bleu \/ En stock","offer_id":53890645819503,"sku":"ACS09961","price":19.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Graphite \/ En stock","offer_id":53890645852271,"sku":"ACS09960","price":19.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Rubis \/ En stock","offer_id":53890645885039,"sku":"ACS09962","price":19.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17_pro_max_classic_c1_magfit_bondiblue_01.jpg?v=1785117776"},{"product_id":"iphone-17-series-ultra-hybrid-matte-magfit","title":"Série iPhone 17 - Ultra Hybrid Matte (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos Récompenses\u003c\/h3\u003e \u003cp\u003eProtection avec avantages pour \u003cbr\u003enos membres Récompenses.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eObtenez-le plus vite\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une expédition accélérée à prix réduit pour nos membres Elite et Executive. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Elite et Executive des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins exécutifs \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carrousel de l'histoire de la marque Spigen\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Durabilité - Découvrez les efforts de Spigen en matière de durabilité et les initiatives ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDurabilité\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez les efforts de Spigen en matière de durabilité et les initiatives ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Noir Givré \/ En stock","offer_id":53890645917807,"sku":"ACS10038","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Blanc givré \/ En stock","offer_id":53890645950575,"sku":"ACS10039","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Givre Noir Orange \/ En stock","offer_id":53890645983343,"sku":"ACS10480","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Noir Givré \/ En stock","offer_id":53890646016111,"sku":"ACS10069","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Blanc givré \/ En stock","offer_id":53890646048879,"sku":"ACS10070","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Givre Noir Orange \/ En stock","offer_id":53890646081647,"sku":"ACS10481","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Noir Givré \/ En stock","offer_id":53890646114415,"sku":"ACS10054","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Blanc givré \/ En stock","offer_id":53890646147183,"sku":"ACS10055","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Noir Givré \/ En stock","offer_id":53890646179951,"sku":"ACS10085","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Blanc givré \/ En stock","offer_id":53890646212719,"sku":"ACS10086","price":13.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_6.9_ultra_hybird_magfit_frost_blk_01.jpg?v=1785117778"},{"product_id":"iphone-17-series-glas-tr-alignmaster-s","title":"Série iPhone 17 - GLAS.tR AlignMaster S","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e \u003cp\u003eProtection avec avantages pour \u003cbr\u003enos membres Rewards.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eLivraison plus rapide\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une livraison rapide à prix réduit pour nos membres Elite et Executive. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Coupon saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Elite et Executive des coupons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de service client premium \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée qui s'occupe personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Développement durable - Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDéveloppement durable\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e\u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Clair \/ En stock","offer_id":53890646245487,"sku":"AGL11322","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Clair \/ En stock","offer_id":53890646278255,"sku":"AGL11323","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Clair \/ En stock","offer_id":53890646311023,"sku":"AGL09859","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Clair \/ En stock","offer_id":53890646343791,"sku":"AGL11324","price":10.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17_pro_max_align_master_s_2pk_cc_01.jpg?v=1785117780"},{"product_id":"iphone-17-series-glas-tr-alignmaster-s-privacy","title":"Série iPhone 17 - GLAS.tR AlignMaster S Confidentialité","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003ePlus qu'une simple protection.\u003c\/h2\u003e \u003cp\u003eDécouvrez ce que nous faisons et comment nous le faisons.\u003c\/p\u003e \u003c\/div\u003e \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 \u003ch3 class=\"text-h3\"\u003eNos récompenses\u003c\/h3\u003e \u003cp\u003eProtection avec avantages pour \u003cbr\u003enos membres Récompense.\u003c\/p\u003e \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 \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eLivraison plus rapide\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous offrons une livraison express à prix réduit à nos membres Elite et Exécutif. \u003c\/div\u003e \u003c\/div\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_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Bon de réduction saisonnier \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Chaque saison, nous offrons à nos membres Elite et Exécutif des bons de récompense avec de nouveaux équipements. \u003c\/div\u003e \u003c\/div\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_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Équipe de soins Exécutif \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Nous avons créé une équipe dédiée où nous nous occupons personnellement de tout, du service de garantie à toutes les questions. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/fr-fr\/account\/register\"\"\u003e Rejoignez-nous \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Notre histoire - Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eNotre histoire\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez l'histoire de la marque Spigen et l'histoire de l'entreprise. \u003c\/span\u003e \u003c\/div\u003e \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 \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/fr-fr\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Développement durable - Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"Logo de ClimatePartner\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eDéveloppement durable\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Découvrez les efforts de Spigen en matière de développement durable et les initiatives de ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \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 \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Confidentialité \/ En stock","offer_id":53890646409327,"sku":"AGL10100","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Confidentialité \/ En stock","offer_id":53890646442095,"sku":"AGL10104","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Confidentialité \/ En stock","offer_id":53890646474863,"sku":"AGL09860","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Confidentialité \/ En stock","offer_id":53890646507631,"sku":"AGL10485","price":12.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17_pro_max_align_master_s_2pk_privacy_01_3fc74864-9d2b-42d7-9143-742d2e4c15ca.jpg?v=1785117783"}],"url":"https:\/\/www.spigenhub.it.com\/fr-fr\/collections\/iphone-17-pro.oembed?page=3","provider":"spigenhub.it.com","version":"1.0","type":"link"}