{"title":"c11 MONTHLY DROP","description":null,"products":[{"product_id":"iphone-17-series-case-c11-series-huntington-edition-magfit","title":"iPhone 17 Series - c11 Series 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 href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e\n\n\u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003csection class=\"section-intro\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\u003ch1 class=\"section-headline\"\u003eHuntington Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n            It’s all in the timing. Master the pause and dive in at the right moment to ride your wave.\n          \u003c\/p\u003e\nSubscribe\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-highlights sq-desktop-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eHexa-layering technology\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003e\n                  Discover 3D Spatial Effect graphics with Hexa-Layer Digital\n                  Print. Meet the new standard of top- quality design. The\n                  unique detail mimics the complexity of time with layers of\n                  in-depth printing that's in a league of its own.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eAll-around protection\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003e\n                  Camera guard and air-cushion technology keep your iPhone 17\n                  Pro safe every day.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-highlights sq-mobile-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eHexa-layering technology.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                      Discover 3D Spatial Effect graphics with Hexa-Layer\n                      Digital Print. Meet the new standard of top- quality\n                      design. The unique detail mimics the complexity of time\n                      with layers of in depth printing that's in a league of its\n                      own.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eSafeguard the essentials.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                      Raised edges prevent scratches on screen and camera at all\n                      angles.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eProtection you can trust.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                      Air Cushion™ Technology absorbs and mitigates all impacts\n                      in each corner.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003csection class=\"section-daily-essentials\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eDaily essentials\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eEasy access\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003e\n                  Precise cutouts for easy and full access to all the buttons on\n                  iPhone.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eSimply charge on.\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003e\n                  We know it’s a hassle to take the case off. So, simply charge\n                  on with the case on via wireless charger or MagSafe charger.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-series-inspiration\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eIt’s now or never.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-series-inspiration-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Modal for Subscription --\u003e\n\u003cdiv class=\"modal\" id=\"modal-subscription\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\n\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\n\n\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"modal-image-container\"\u003e\n\u003cdiv class=\"modal-text-content text-light\"\u003e\n\u003ch1 class=\"modal-headline\"\u003eStay ahead of new drops.\u003c\/h1\u003e\n\u003cp class=\"modal-subheadline\"\u003e\n              Subscribe and be the first to explore fresh \u003cbr\u003ec11 designs\n              every month.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\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\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\n\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\n\u003cdiv class=\"sq--rewards\"\u003e\n\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We provide discounted expedited shipping for our Elite and\n                  Executive members.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Seasonal Coupon\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  Every season we provide our Elite and Executive members with\n                  reward coupons with fresh new gears.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Executive Care Team\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We've created a dedicated team where we personally handle\n                  anything from warranty service to all questions.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n              Join Us\n            \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Spigen Brand Story Carousel\" aria-roledescription=\"carousel\" class=\"swiper outro-carousel\" role=\"region\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\nOur Story\n\n                  Learn about Spigen's brand story and company history.\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\n\nSustainability\n\n                  Explore Spigen's sustainability efforts and ClimatePartner\n                  initiatives\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/sq-listing-outro\u003e\u003c\/sq-outro\u003e","brand":"spigen","offers":[{"title":"iPhone 17 Pro Max \/ Huntington","offer_id":52045767704792,"sku":"44458773970991","price":16.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Huntington","offer_id":52045767737560,"sku":"44458774003759","price":16.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/7494\/9080\/files\/901abc78b60ee802a3d7381fa0020703.webp?v=1785205062"},{"product_id":"iphone-17-series-c11-series-case-le-mans-edition-magfit","title":"iPhone 17 Series - c11 Series Le Mans 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\u003cp\u003e\u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e  \u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003csection class=\"section-intro\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\u003ch1 class=\"section-headline\"\u003eLe Mans Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eWhere heritage meets horsepower. Built for pure performance. Tuned for obsession.\u003c\/p\u003e\nSubscribe\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-highlights sq-desktop-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eHexa-layering technology\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003eDiscover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in-depth printing that's in a league of its own.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eAll-around protection\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003eCamera guard and air-cushion technology keep your iPhone 17 Pro safe every day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-highlights sq-mobile-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eHexa-layering technology.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eDiscover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in depth printing that's in a league of its own.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eSafeguard the essentials.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eRaised edges prevent scratches on screen and camera at all angles.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eProtection you can trust.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eAir Cushion™ Technology absorbs and mitigates all impacts in each corner.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-daily-essentials\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eDaily essentials\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eEasy access\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003ePrecise cutouts for easy and full access to all the buttons on iPhone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eSimply charge on.\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003eWe know it’s a hassle to take the case off. So, simply charge on with the case on via wireless charger or MagSafe charger.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-series-inspiration\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eIt’s now or never.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Modal for Subscription --\u003e\n\u003cdiv class=\"modal\" id=\"modal-subscription\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\n\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\n\n\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"modal-image-container\"\u003e\n\u003cdiv class=\"modal-text-content text-light\"\u003e\n\u003ch1 class=\"modal-headline\"\u003eStay ahead of new drops.\u003c\/h1\u003e\n\u003cp class=\"modal-subheadline\"\u003e\n              Subscribe and be the first to explore fresh \u003cbr\u003ec11 designs\n              every month.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\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\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\n\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\n\u003cdiv class=\"sq--rewards\"\u003e\n\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We provide discounted expedited shipping for our Elite and\n                  Executive members.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Seasonal Coupon\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  Every season we provide our Elite and Executive members with\n                  reward coupons with fresh new gears.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Executive Care Team\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We've created a dedicated team where we personally handle\n                  anything from warranty service to all questions.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n              Join Us\n            \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Spigen Brand Story Carousel\" aria-roledescription=\"carousel\" class=\"swiper outro-carousel\" role=\"region\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\nOur Story\n\n                  Learn about Spigen's brand story and company history.\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\n\nSustainability\n\n                  Explore Spigen's sustainability efforts and ClimatePartner\n                  initiatives\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/sq-listing-outro\u003e\u003c\/sq-outro\u003e","brand":"spigen","offers":[{"title":"iPhone 17 Pro Max \/ Le Mans","offer_id":52045767803096,"sku":"44458755489839","price":16.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Le Mans","offer_id":52045767835864,"sku":"44458755522607","price":16.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/7494\/9080\/files\/37dbe97b6a40c9e752465b7f7407c239.webp?v=1785205064"},{"product_id":"iphone-17-series-c11-series-case-fearless-edition-magfit","title":"iPhone 17 Series - c11 Series 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 href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e\n\n\u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003csection class=\"section-intro\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\u003ch1 class=\"section-headline\"\u003eFearless Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n            Time is of the essence. Capture the construct of time with an intricate clockwork design for a sleek look, every second.\n          \u003c\/p\u003e\nSubscribe\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-highlights sq-desktop-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eHexa-layering technology\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003e\n                  Discover 3D Spatial Effect graphics with Hexa-Layer Digital\n                  Print. Meet the new standard of top- quality design. The\n                  unique detail mimics the complexity of time with layers of\n                  in-depth printing that's in a league of its own.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eAll-around protection\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003e\n                  Camera guard and air-cushion technology keep your iPhone 17\n                  Pro safe every day.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-highlights sq-mobile-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eHexa-layering technology.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                      Discover 3D Spatial Effect graphics with Hexa-Layer\n                      Digital Print. Meet the new standard of top- quality\n                      design. The unique detail mimics the complexity of time\n                      with layers of in depth printing that's in a league of its\n                      own.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eSafeguard the essentials.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                      Raised edges prevent scratches on screen and camera at all\n                      angles.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eProtection you can trust.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                      Air Cushion™ Technology absorbs and mitigates all impacts\n                      in each corner.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003csection class=\"section-daily-essentials\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eDaily essentials\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eEasy access\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003e\n                  Precise cutouts for easy and full access to all the buttons on\n                  iPhone.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eSimply charge on.\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003e\n                  We know it’s a hassle to take the case off. So, simply charge\n                  on with the case on via wireless charger or MagSafe charger.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-series-inspiration\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eIt’s now or never.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-series-inspiration-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Modal for Subscription --\u003e\n\u003cdiv class=\"modal\" id=\"modal-subscription\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\n\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\n\n\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"modal-image-container\"\u003e\n\u003cdiv class=\"modal-text-content text-light\"\u003e\n\u003ch1 class=\"modal-headline\"\u003eStay ahead of new drops.\u003c\/h1\u003e\n\u003cp class=\"modal-subheadline\"\u003e\n              Subscribe and be the first to explore fresh \u003cbr\u003ec11 designs\n              every month.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\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\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\n\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\n\u003cdiv class=\"sq--rewards\"\u003e\n\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We provide discounted expedited shipping for our Elite and\n                  Executive members.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Seasonal Coupon\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  Every season we provide our Elite and Executive members with\n                  reward coupons with fresh new gears.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Executive Care Team\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We've created a dedicated team where we personally handle\n                  anything from warranty service to all questions.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n              Join Us\n            \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Spigen Brand Story Carousel\" aria-roledescription=\"carousel\" class=\"swiper outro-carousel\" role=\"region\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\nOur Story\n\n                  Learn about Spigen's brand story and company history.\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\n\nSustainability\n\n                  Explore Spigen's sustainability efforts and ClimatePartner\n                  initiatives\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/sq-listing-outro\u003e\u003c\/sq-outro\u003e","brand":"spigen","offers":[{"title":"iPhone 17 Pro Max \/ Fearless","offer_id":52045767868632,"sku":"44458670030895","price":16.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Fearless","offer_id":52045767901400,"sku":"44458670063663","price":16.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/7494\/9080\/files\/0ce81a4f3666f0831707825338a9b35c.webp?v=1785205064"},{"product_id":"iphone-17-series-c11-series-case-chronos-edition-magfit","title":"iPhone 17 Series - c11 Series 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 href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e\n\n\u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003csection class=\"section-intro\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\u003ch1 class=\"section-headline\"\u003eChronos Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n            Time is of the essence. Capture the construct of time with an intricate clockwork design for a sleek look, every second. Make your iPhone 17 series timeless. \n          \u003c\/p\u003e\nSubscribe\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-highlights sq-desktop-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eHexa-layering technology\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003e\n                  Discover 3D Spatial Effect graphics with Hexa-Layer Digital\n                  Print. Meet the new standard of top- quality design. The\n                  unique detail mimics the complexity of time with layers of\n                  in-depth printing that's in a league of its own.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eAll-around protection\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003e\n                  Camera guard and air-cushion technology keep your iPhone 17\n                  Pro safe every day.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-highlights sq-mobile-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eHexa-layering technology.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                      Discover 3D Spatial Effect graphics with Hexa-Layer\n                      Digital Print. Meet the new standard of top- quality\n                      design. The unique detail mimics the complexity of time\n                      with layers of in depth printing that's in a league of its\n                      own.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eSafeguard the essentials.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                      Raised edges prevent scratches on screen and camera at all\n                      angles.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eProtection you can trust.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                      Air Cushion™ Technology absorbs and mitigates all impacts\n                      in each corner.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003csection class=\"section-daily-essentials\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eDaily essentials\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eEasy access\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003e\n                  Precise cutouts for easy and full access to all the buttons on\n                  iPhone.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eSimply charge on.\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003e\n                  We know it’s a hassle to take the case off. So, simply charge\n                  on with the case on via wireless charger or MagSafe charger.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-series-inspiration\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eIt’s now or never.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-series-inspiration-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Modal for Subscription --\u003e\n\u003cdiv class=\"modal\" id=\"modal-subscription\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\n\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\n\n\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"modal-image-container\"\u003e\n\u003cdiv class=\"modal-text-content text-light\"\u003e\n\u003ch1 class=\"modal-headline\"\u003eStay ahead of new drops.\u003c\/h1\u003e\n\u003cp class=\"modal-subheadline\"\u003e\n              Subscribe and be the first to explore fresh \u003cbr\u003ec11 designs\n              every month.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\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\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\n\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\n\u003cdiv class=\"sq--rewards\"\u003e\n\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/sq-listing-outro\u003e\u003c\/sq-outro\u003e","brand":"spigen","offers":[{"title":"iPhone 17 Pro Max \/ Chronos","offer_id":52045767934168,"sku":"44458600857647","price":16.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Chronos","offer_id":52045767966936,"sku":"44458600890415","price":16.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/7494\/9080\/files\/8f73fb6eeae0b0f43a59722780fc2818.webp?v=1785205066"},{"product_id":"iphone-17-series-c11-series-turbo-edition-magfit","title":"iPhone 17 Series - c11 Series 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 href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e\n\n\u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003csection class=\"section-intro\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\u003ch1 class=\"section-headline\"\u003eTurbo Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n            Featuring F1 legend Ayrton Senna’s iconic helmet and winning tracks from his dominant 1988 Grand Prix season. Own the winning formula.\n          \u003c\/p\u003e\nSubscribe\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-highlights sq-desktop-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eHexa-layering technology\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003e\n                  Discover 3D Spatial Effect graphics with Hexa-Layer Digital\n                  Print. Meet the new standard of top- quality design. The\n                  unique detail mimics the complexity of time with layers of\n                  in-depth printing that's in a league of its own.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eAll - around protection\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003e\n                  Camera guard and air-cushion technology keep your iPhone 17\n                  Pro safe every day.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-highlights sq-mobile-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eHexa-layering technology.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                      Discover 3D Spatial Effect graphics with Hexa-Layer\n                      Digital Print. Meet the new standard of top- quality\n                      design. The unique detail mimics the complexity of time\n                      with layers of in depth printing that's in a league of its\n                      own.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eSafeguard the essentials.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                      Raised edges prevent scratches on screen and camera at all\n                      angles.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eProtection you can trust.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                      Air Cushion™ Technology absorbs and mitigates all impacts\n                      in each corner.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003csection class=\"section-daily-essentials\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eDaily essentials\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eEasy access\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003e\n                  Precise cutouts for easy and full access to all the buttons on\n                  iPhone.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eSimply charge on.\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003e\n                  We know it’s a hassle to take the case off. So, simply charge\n                  on with the case on via wireless charger or MagSafe charger.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-series-inspiration\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eIt’s now or never.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-series-inspiration-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Modal for Subscription --\u003e\n\u003cdiv class=\"modal\" id=\"modal-subscription\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\n\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\n\n\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"modal-image-container\"\u003e\n\u003cdiv class=\"modal-text-content text-light\"\u003e\n\u003ch1 class=\"modal-headline\"\u003eStay ahead of new drops.\u003c\/h1\u003e\n\u003cp class=\"modal-subheadline\"\u003e\n              Subscribe and be the first to explore fresh \u003cbr\u003ec11 designs\n              every month.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"spigen","offers":[{"title":"iPhone 17 Pro Max \/ Turbo","offer_id":52045768032472,"sku":"44533495955503","price":16.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Turbo","offer_id":52045768065240,"sku":"44533495988271","price":16.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/7494\/9080\/files\/b1434bb1fea706efdce758aed7e73a83.webp?v=1785205067"},{"product_id":"iphone-17-series-c11-series-traverse-edition-magfit","title":"iPhone 17 Series - c11 Series Traverse 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 href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e\n\n\u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003csection class=\"section-intro\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\u003ch1 class=\"section-headline\"\u003eTraverse Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n            Reunite with nature. Hand-drawn sticker collage design brings back childhood camping nostalgia. Let the good times roll.\n          \u003c\/p\u003e\nSubscribe\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-highlights sq-desktop-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eHexa-layering technology\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003e\n                  Discover 3D Spatial Effect graphics with Hexa-Layer Digital\n                  Print. Meet the new standard of top- quality design. The\n                  unique detail mimics the complexity of time with layers of\n                  in-depth printing that's in a league of its own.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eAll-around protection\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003e\n                  Camera guard and air-cushion technology keep your iPhone 17\n                  Pro safe every day.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-highlights sq-mobile-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eHexa-layering technology.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                      Discover 3D Spatial Effect graphics with Hexa-Layer\n                      Digital Print. Meet the new standard of top- quality\n                      design. The unique detail mimics the complexity of time\n                      with layers of in depth printing that's in a league of its\n                      own.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eSafeguard the essentials.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                      Raised edges prevent scratches on screen and camera at all\n                      angles.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eProtection you can trust.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                      Air Cushion™ Technology absorbs and mitigates all impacts\n                      in each corner.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003csection class=\"section-daily-essentials\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eDaily essentials\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eEasy access\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003e\n                  Precise cutouts for easy and full access to all the buttons on\n                  iPhone.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eSimply charge on.\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003e\n                  We know it’s a hassle to take the case off. So, simply charge\n                  on with the case on via wireless charger or MagSafe charger.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-series-inspiration\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eIt’s now or never.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-series-inspiration-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Modal for Subscription --\u003e\n\u003cdiv class=\"modal\" id=\"modal-subscription\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\n\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\n\n\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"modal-image-container\"\u003e\n\u003cdiv class=\"modal-text-content text-light\"\u003e\n\u003ch1 class=\"modal-headline\"\u003eStay ahead of new drops.\u003c\/h1\u003e\n\u003cp class=\"modal-subheadline\"\u003e\n              Subscribe and be the first to explore fresh \u003cbr\u003ec11 designs\n              every month.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"spigen","offers":[{"title":"iPhone 17 Pro Max \/ Traverse","offer_id":52045768098008,"sku":"44607717113903","price":16.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Traverse","offer_id":52045768130776,"sku":"44607717146671","price":16.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/7494\/9080\/files\/cb2830e2cad5b68247b495e678c68f49.webp?v=1785205069"},{"product_id":"iphone-17-series-c11-series-inkverse-edition-mag-fit","title":"iPhone 17 Series - c11 Series 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 href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e\n\n\u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003csection class=\"section-intro\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\u003ch1 class=\"section-headline\"\u003eInkverse Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n            Layers of monster mayhem. A doodle art army of monsters, packed edge-to-edge for daily defense. Get playful with your protection.\u003c\/p\u003e\nSubscribe\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-highlights sq-desktop-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eHexa-layering technology\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003e\n                  Discover 3D Spatial Effect graphics with Hexa-Layer Digital\n                  Print. Meet the new standard of top- quality design. The\n                  unique detail mimics the complexity of time with layers of\n                  in-depth printing that's in a league of its own.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eAll-around protection\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003e\n                  Camera guard and air-cushion technology keep your iPhone 17\n                  Pro safe every day.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-highlights sq-mobile-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eHexa-layering technology.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                      Discover 3D Spatial Effect graphics with Hexa-Layer\n                      Digital Print. Meet the new standard of top- quality\n                      design. The unique detail mimics the complexity of time\n                      with layers of in depth printing that's in a league of its\n                      own.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eSafeguard the essentials.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                      Raised edges prevent scratches on screen and camera at all\n                      angles.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eProtection you can trust.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                      Air Cushion™ Technology absorbs and mitigates all impacts\n                      in each corner.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003csection class=\"section-daily-essentials\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eDaily essentials\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eEasy access\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003e\n                  Precise cutouts for easy and full access to all the buttons on\n                  iPhone.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eSimply charge on.\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003e\n                  We know it’s a hassle to take the case off. So, simply charge\n                  on with the case on via wireless charger or MagSafe charger.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-series-inspiration\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eIt’s now or never.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-series-inspiration-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Modal for Subscription --\u003e\n\u003cdiv class=\"modal\" id=\"modal-subscription\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\n\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\n\n\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"modal-image-container\"\u003e\n\u003cdiv class=\"modal-text-content text-light\"\u003e\n\u003ch1 class=\"modal-headline\"\u003eStay ahead of new drops.\u003c\/h1\u003e\n\u003cp class=\"modal-subheadline\"\u003e\n              Subscribe and be the first to explore fresh \u003cbr\u003ec11 designs\n              every month.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"spigen","offers":[{"title":"iPhone 17 Pro Max \/ Inkverse","offer_id":52045768196312,"sku":"44751230009391","price":16.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Inkverse","offer_id":52045768229080,"sku":"44751230042159","price":16.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/7494\/9080\/files\/2ece6688759ab8380dec1f3ff2885c2c.webp?v=1785205071"},{"product_id":"iphone-17-series-c11-series-arcade-edition-mag-fit","title":"iPhone 17 Series - c11 Series 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\u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e\n\n\u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003csection class=\"section-intro\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\u003ch1 class=\"section-headline\"\u003eArcade Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                        A retro-futuristic take on an iconic arcade game. This throwback will have you chasing the nostalgic neon lights and\n                        chime of the jackpot.\u003c\/p\u003e\nSubscribe\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-highlights sq-desktop-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eHexa-layering technology\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003e\n                                    Discover 3D Spatial Effect graphics with Hexa-Layer Digital\n                                    Print. Meet the new standard of top- quality design. The\n                                    unique detail mimics the complexity of time with layers of\n                                    in-depth printing that's in a league of its own.\n                                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eAll-around protection\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003e\n                                    Camera guard and air-cushion technology keep your iPhone 17\n                                    Pro safe every day.\n                                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-highlights sq-mobile-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eHexa-layering technology.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                                            Discover 3D Spatial Effect graphics with Hexa-Layer\n                                            Digital Print. Meet the new standard of top- quality\n                                            design. The unique detail mimics the complexity of time\n                                            with layers of in depth printing that's in a league of its\n                                            own.\n                                        \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eSafeguard the essentials.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                                            Raised edges prevent scratches on screen and camera at all\n                                            angles.\n                                        \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eProtection you can trust.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                                            Air Cushion™ Technology absorbs and mitigates all impacts\n                                            in each corner.\n                                        \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003csection class=\"section-daily-essentials\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eDaily essentials\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eEasy access\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003e\n                                    Precise cutouts for easy and full access to all the buttons on\n                                    iPhone.\n                                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eSimply charge on.\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003e\n                                    We know it’s a hassle to take the case off. So, simply charge\n                                    on with the case on via wireless charger or MagSafe charger.\n                                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section-series-inspiration\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eIt’s now or never.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-series-inspiration-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Modal for Subscription --\u003e\n\u003cdiv class=\"modal\" id=\"modal-subscription\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\n\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\n\n\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"modal-image-container\"\u003e\n\u003cdiv class=\"modal-text-content text-light\"\u003e\n\u003ch1 class=\"modal-headline\"\u003eStay ahead of new drops.\u003c\/h1\u003e\n\u003cp class=\"modal-subheadline\"\u003e\n                                    Subscribe and be the first to explore fresh \u003cbr\u003ec11 designs\n                                    every month.\n                                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Wallpaper Section --\u003e\n\u003csection class=\"section-wallpapers\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\" style=\"color: #549CF3 !important;\"\u003eFREE WALLPAPERS\u003c\/p\u003e\n\u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003e\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e","brand":"spigen","offers":[{"title":"iPhone 17 Pro Max \/ Arcade","offer_id":52045768261848,"sku":"44822065184815","price":16.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Arcade","offer_id":52045768294616,"sku":"44822065217583","price":16.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/7494\/9080\/files\/c17e4c13c19d16523f1ce746aa961cd5.webp?v=1785205071"},{"product_id":"iphone-17-series-c11-series-nocturne-edition-mag-fit","title":"iPhone 17 Series - c11 Series 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\u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e\n\n\u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003c!-- Intro Section --\u003e\n\u003csection class=\"section-intro\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\u003ch1 class=\"section-headline\"\u003eNocturne Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                        Inspired by the monochromatic patterns of French Toile de Jouy. Wild elegance lives on through hand-drawn felines\n                        and\n                        foliage. \u003c\/p\u003e\nSubscribe\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Highlights Section --\u003e\n\u003csection class=\"section-highlights sq-desktop-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eHexa-layering technology\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003e\n                                    Discover 3D Spatial Effect graphics with Hexa-Layer Digital\n                                    Print. Meet the new standard of top- quality design. The\n                                    unique detail mimics the complexity of time with layers of\n                                    in-depth printing that's in a league of its own.\n                                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eAll-around protection\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003e\n                                    Camera guard and air-cushion technology keep your iPhone 17\n                                    Pro safe every day.\n                                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Highlights Section (Mobile) --\u003e\n\u003csection class=\"section-highlights sq-mobile-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eHexa-layering technology.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                                            Discover 3D Spatial Effect graphics with Hexa-Layer\n                                            Digital Print. Meet the new standard of top- quality\n                                            design. The unique detail mimics the complexity of time\n                                            with layers of in depth printing that's in a league of its\n                                            own.\n                                        \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eSafeguard the essentials.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                                            Raised edges prevent scratches on screen and camera at all\n                                            angles.\n                                        \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eProtection you can trust.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003e\n                                            Air Cushion™ Technology absorbs and mitigates all impacts\n                                            in each corner.\n                                        \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- Daily Essentials Section --\u003e\n\u003csection class=\"section-daily-essentials\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eDaily essentials\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eEasy access\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003e\n                                    Precise cutouts for easy and full access to all the buttons on\n                                    iPhone.\n                                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eSimply charge on.\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003e\n                                    We know it’s a hassle to take the case off. So, simply charge\n                                    on with the case on via wireless charger or MagSafe charger.\n                                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Series Inspiration Section --\u003e\n\u003csection class=\"section-series-inspiration\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eIt’s now or never.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-series-inspiration-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Modal for Subscription --\u003e\n\u003cdiv class=\"modal\" id=\"modal-subscription\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\n\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\n\n\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"modal-image-container\"\u003e\n\u003cdiv class=\"modal-text-content text-light\"\u003e\n\u003ch1 class=\"modal-headline\"\u003eStay ahead of new drops.\u003c\/h1\u003e\n\u003cp class=\"modal-subheadline\"\u003e\n                                    Subscribe and be the first to explore fresh \u003cbr\u003ec11 designs\n                                    every month.\n                                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Wallpaper Section --\u003e\n\u003csection class=\"section-wallpapers\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\" style=\"color: #549CF3 !important;\"\u003eFREE WALLPAPERS\u003c\/p\u003e\n\u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003eClassy inside and out.\n                    \u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eComplete the setup. \u003cbr\u003eFree matching wallpapers out now.\u003c\/p\u003e\n\n                        Download now\n                    \n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-wallpapers-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Outro Section --\u003e\n\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003e\u003cspan style=\"color: #ffffff;\"\u003eMore than just protection.\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp\u003e\u003cspan style=\"color: #ffffff;\"\u003eExplore what we do and how we do it.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\n\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\n\u003cdiv class=\"sq--rewards\"\u003e\n\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                                        We provide discounted expedited shipping for our Elite and\n                                        Executive members.\n                                    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                                        Seasonal Coupon\n                                    \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                                        Every season we provide our Elite and Executive members with\n                                        reward coupons with fresh new gears.\n                                    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                                        Executive Care Team\n                                    \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                                        We've created a dedicated team where we personally handle\n                                        anything from warranty service to all questions.\n                                    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n                                Join Us\n                            \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Spigen Brand Story Carousel\" aria-roledescription=\"carousel\" class=\"swiper outro-carousel\" role=\"region\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\nOur Story\n\n                                        Learn about Spigen's brand story and company history.\n                                    \n\n\n\n\n\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\n\nSustainability\n\n                                        Explore Spigen's sustainability efforts and ClimatePartner\n                                        initiatives\n                                    \n\n\n\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/sq-listing-outro\u003e\n\u003c\/div\u003e","brand":"spigen","offers":[{"title":"iPhone 17 Pro Max \/ Nocturne","offer_id":52045768327384,"sku":"44915029049391","price":16.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Nocturne","offer_id":52045768360152,"sku":"44915029082159","price":16.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/7494\/9080\/files\/518760a78436e0ee34fe7cfd6d934831.webp?v=1785205073"},{"product_id":"iphone-17-series-c11-series-palette-edition-mag-fit","title":"iPhone 17 Series - c11 Series 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\u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e\n\n\u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003c!-- Intro Section --\u003e\n\u003csection class=\"section-intro\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\u003ch1 class=\"section-headline\"\u003ePalette Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eA vibrant brushstroke pattern layered with deep, rich hues designed to stand out and never blend in.\u003c\/p\u003e\nSubscribe\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Highlights Section --\u003e\n\u003csection class=\"section-highlights sq-desktop-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eHexa-layering technology\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003eDiscover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in-depth printing that's in a league of its own.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eAll-around protection\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003eCamera guard and air-cushion technology keep your iPhone 17 Pro safe every day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Highlights Section (Mobile) --\u003e\n\u003csection class=\"section-highlights sq-mobile-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eHexa-layering technology.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eDiscover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in depth printing that's in a league of its own.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eSafeguard the essentials.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eRaised edges prevent scratches on screen and camera at all angles.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eProtection you can trust.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eAir Cushion™ Technology absorbs and mitigates all impacts in each corner.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- Daily Essentials Section --\u003e\n\u003csection class=\"section-daily-essentials\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eDaily essentials\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eEasy access\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003ePrecise cutouts for easy and full access to all the buttons on iPhone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eSimply charge on.\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003eWe know it's a hassle to take the case off. So, simply charge on with the case on via wireless charger or MagSafe charger.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Series Inspiration Section --\u003e\n\u003csection class=\"section-series-inspiration\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eIt's now or never.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-series-inspiration-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Modal for Subscription --\u003e\n\u003cdiv class=\"modal\" id=\"modal-subscription\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\n\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\n\n\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"modal-image-container\"\u003e\n\u003cdiv class=\"modal-text-content text-light\"\u003e\n\u003ch1 class=\"modal-headline\"\u003eStay ahead of new drops.\u003c\/h1\u003e\n\u003cp class=\"modal-subheadline\"\u003eSubscribe and be the first to explore fresh \u003cbr\u003ec11 designs every month.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Wallpaper Section --\u003e\n\u003csection class=\"section-wallpapers\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\" style=\"color: #549CF3 !important;\"\u003eFREE WALLPAPERS\u003c\/p\u003e\n\u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003eArt from edge to edge.\n                    \u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eComplete the setup. \u003cbr\u003eFree matching wallpapers out now.\u003c\/p\u003e\n\n                        Download now\n                    \n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-wallpapers-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Outro Section --\u003e\n\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003e\u003cspan style=\"color: #ffffff;\"\u003eMore than just protection.\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp\u003e\u003cspan style=\"color: #ffffff;\"\u003eExplore what we do and how we do it.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\n\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\n\u003cdiv class=\"sq--rewards\"\u003e\n\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                                        We provide discounted expedited shipping for our Elite and\n                                        Executive members.\n                                    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                                        Seasonal Coupon\n                                    \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                                        Every season we provide our Elite and Executive members with\n                                        reward coupons with fresh new gears.\n                                    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                                        Executive Care Team\n                                    \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                                        We've created a dedicated team where we personally handle\n                                        anything from warranty service to all questions.\n                                    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n                                Join Us\n                            \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Spigen Brand Story Carousel\" aria-roledescription=\"carousel\" class=\"swiper outro-carousel\" role=\"region\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\nOur Story\n\n                                        Learn about Spigen's brand story and company history.\n                                    \n\n\n\n\n\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\n\nSustainability\n\n                                        Explore Spigen's sustainability efforts and ClimatePartner\n                                        initiatives\n                                    \n\n\n\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/sq-listing-outro\u003e\n\u003c\/div\u003e","brand":"spigen","offers":[{"title":"iPhone 17 Pro Max \/ Palette","offer_id":52045768392920,"sku":"44971119509551","price":16.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Palette","offer_id":52045768425688,"sku":"44971119542319","price":16.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/7494\/9080\/files\/7425a09ffc6bccfa694cca2050a3a6f4.webp?v=1785205075"},{"product_id":"iphone-17-series-c11-series-blast-edition-mag-fit","title":"iPhone 17 Series - c11 Series 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  \u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003c!-- Intro Section --\u003e\n\u003csection class=\"section-intro\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\u003ch1 class=\"section-headline\"\u003eBlast Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eBlast back to the analog era. Ditch playlists and streaming for a graphically loud tribute to the golden age of the mixtape.\u003c\/p\u003e\nSubscribe\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Highlights Section --\u003e\n\u003csection class=\"section-highlights sq-desktop-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eHexa-layering technology\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003eDiscover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in-depth printing that's in a league of its own.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eAll-around protection\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003eCamera guard and air-cushion technology keep your iPhone 17 Pro safe every day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Highlights Section (Mobile) --\u003e\n\u003csection class=\"section-highlights sq-mobile-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eHexa-layering technology.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eDiscover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in depth printing that's in a league of its own.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eSafeguard the essentials.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eRaised edges prevent scratches on screen and camera at all angles.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eProtection you can trust.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eAir Cushion™ Technology absorbs and mitigates all impacts in each corner.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Daily Essentials Section --\u003e\n\u003csection class=\"section-daily-essentials\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eDaily essentials\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eEasy access\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003ePrecise cutouts for easy and full access to all the buttons on iPhone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eSimply charge on.\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003eWe know it's a hassle to take the case off. So, simply charge on with the case on via wireless charger or MagSafe charger.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Series Inspiration Section --\u003e\n\u003csection class=\"section-series-inspiration\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eIt's now or never.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Modal for Subscription --\u003e\n\u003cdiv class=\"modal\" id=\"modal-subscription\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"modal-image-container\"\u003e\n\u003cdiv class=\"modal-text-content text-light\"\u003e\n\u003ch1 class=\"modal-headline\"\u003eStay ahead of new drops.\u003c\/h1\u003e\n\u003cp class=\"modal-subheadline\"\u003eSubscribe and be the first to explore fresh \u003cbr\u003ec11 designs every month.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Wallpaper Section --\u003e\n\u003csection class=\"section-wallpapers\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\" style=\"color: #549CF3 !important;\"\u003eFREE WALLPAPERS\u003c\/p\u003e\n\u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003eBlast it loud inside and out.\n                    \u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eComplete the setup. \u003cbr\u003eFree matching wallpapers out now.\u003c\/p\u003e\n\n                        Download now\n                    \n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-wallpapers-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Outro Section --\u003e\n\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003e\u003cspan style=\"color: #ffffff;\"\u003eMore than just protection.\u003c\/span\u003e\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/sq-listing-outro\u003e\n\u003c\/div\u003e","brand":"spigen","offers":[{"title":"iPhone 17 Pro Max \/ Blast","offer_id":52045768491224,"sku":"45167430533167","price":16.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Blast","offer_id":52045768523992,"sku":"45167430565935","price":16.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/7494\/9080\/files\/086c08fa1fbc9ace3926beb3eb2ca87b.webp?v=1785205076"},{"product_id":"iphone-17-series-c11-series-cobalt-spring-edition-mag-fit","title":"iPhone 17 Series - c11 Series Cobalt Spring 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  \u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003c!-- Intro Section --\u003e\n\u003csection class=\"section-intro\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\u003ch1 class=\"section-headline\"\u003eCobalt Spring Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eCalming botanicals inspired by the Jacaranda flowers of the west coast. Get covered in cobalt and refresh for spring.\u003c\/p\u003e\nSubscribe\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Highlights Section --\u003e\n\u003csection class=\"section-highlights sq-desktop-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eHexa-layering technology\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003eDiscover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in-depth printing that's in a league of its own.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eAll-around protection\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003eCamera guard and air-cushion technology keep your iPhone 17 Pro safe every day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Highlights Section (Mobile) --\u003e\n\u003csection class=\"section-highlights sq-mobile-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eHexa-layering technology.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eDiscover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in depth printing that's in a league of its own.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eSafeguard the essentials.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eRaised edges prevent scratches on screen and camera at all angles.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eProtection you can trust.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eAir Cushion™ Technology absorbs and mitigates all impacts in each corner.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Daily Essentials Section --\u003e\n\u003csection class=\"section-daily-essentials\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eDaily essentials\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eEasy access\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003ePrecise cutouts for easy and full access to all the buttons on iPhone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eSimply charge on.\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003eWe know it's a hassle to take the case off. So, simply charge on with the case on via wireless charger or MagSafe charger.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Series Inspiration Section --\u003e\n\u003csection class=\"section-series-inspiration\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eIt's now or never.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Modal for Subscription --\u003e\n\u003cdiv class=\"modal\" id=\"modal-subscription\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"modal-image-container\"\u003e\n\u003cdiv class=\"modal-text-content text-light\"\u003e\n\u003ch1 class=\"modal-headline\"\u003eStay ahead of new drops.\u003c\/h1\u003e\n\u003cp class=\"modal-subheadline\"\u003eSubscribe and be the first to explore fresh \u003cbr\u003ec11 designs every month.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Wallpaper Section --\u003e\n\u003csection class=\"section-wallpapers\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\" style=\"color: #549CF3 !important;\"\u003eFREE WALLPAPERS\u003c\/p\u003e\n\u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003eRefreshed inside and out. \n                    \u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eComplete the setup. \u003cbr\u003eFree matching wallpapers out now.\u003c\/p\u003e\n\n                        Download now\n                    \n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-wallpapers-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Outro Section --\u003e\n\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003e\u003cspan style=\"color: #ffffff;\"\u003eMore than just protection.\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp\u003e\u003cspan style=\"color: #ffffff;\"\u003eExplore what we do and how we do it.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\n\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\n\u003cdiv class=\"sq--rewards\"\u003e\n\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                                        We provide discounted expedited shipping for our Elite and\n                                        Executive members.\n                                    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                                        Seasonal Coupon\n                                    \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                                        Every season we provide our Elite and Executive members with\n                                        reward coupons with fresh new gears.\n                                    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                                        Executive Care Team\n                                    \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                                        We've created a dedicated team where we personally handle\n                                        anything from warranty service to all questions.\n                                    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n                                Join Us\n                            \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Spigen Brand Story Carousel\" aria-roledescription=\"carousel\" class=\"swiper outro-carousel\" role=\"region\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\nOur Story\n\n                                        Learn about Spigen's brand story and company history.\n                                    \n\n\n\n\n\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\n\nSustainability\n\n                                        Explore Spigen's sustainability efforts and ClimatePartner\n                                        initiatives\n                                    \n\n\n\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/sq-listing-outro\u003e\n\u003c\/div\u003e","brand":"spigen","offers":[{"title":"iPhone 17 Pro Max \/ Cobalt Spring","offer_id":52045768556760,"sku":"45225235087407","price":16.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Cobalt Spring","offer_id":52045768589528,"sku":"45225235120175","price":16.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/7494\/9080\/files\/4e1364a9a3a5c032ab48454730c91fd7.webp?v=1785205077"},{"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  \u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\u003c!-- Intro Section --\u003e\n\u003csection class=\"section-intro\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\u003ch1 class=\"section-headline\"\u003eCadence Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eA tribute to the perfect shift: mechanical tension, peak cadence, and the mindset that wins. Find your stride in high-velocity green.\u003c\/p\u003e\nSubscribe\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Highlights Section --\u003e\n\u003csection class=\"section-highlights sq-desktop-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-highlights-feature-container\"\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eHexa-layering technology\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003eDiscover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in-depth printing that's in a league of its own.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\u003cp class=\"feature-headline\"\u003eAll-around protection\u003c\/p\u003e\n\u003cp class=\"feature-description\"\u003eCamera guard and air-cushion technology keep your iPhone 17 Pro safe every day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Highlights Section (Mobile) --\u003e\n\u003csection class=\"section-highlights sq-mobile-view\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eHexa-layering technology.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eDiscover 3D Spatial Effect graphics with Hexa-Layer Digital Print. Meet the new standard of top- quality design. The unique detail mimics the complexity of time with layers of in depth printing that's in a league of its own.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eSafeguard the essentials.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eRaised edges prevent scratches on screen and camera at all angles.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\u003cdiv class=\"slide-header\"\u003e\n\u003ch1 class=\"section-headline\"\u003eProtection you can trust.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eAir Cushion™ Technology absorbs and mitigates all impacts in each corner.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Daily Essentials Section --\u003e\n\u003csection class=\"section-daily-essentials\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eDaily essentials\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-daily-essentials-container\"\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eEasy access\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003ePrecise cutouts for easy and full access to all the buttons on iPhone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\u003cp class=\"essential-headline\"\u003eSimply charge on.\u003c\/p\u003e\n\u003cp class=\"essential-description\"\u003eWe know it's a hassle to take the case off. So, simply charge on with the case on via wireless charger or MagSafe charger.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-daily-essentials-item\"\u003e\n\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Series Inspiration Section --\u003e\n\u003csection class=\"section-series-inspiration\"\u003e\n\u003cdiv class=\"section-container-fluid\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003ch1 class=\"section-headline\"\u003eIt's now or never.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Modal for Subscription --\u003e\n\u003cdiv class=\"modal\" id=\"modal-subscription\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"modal-image-container\"\u003e\n\u003cdiv class=\"modal-text-content text-light\"\u003e\n\u003ch1 class=\"modal-headline\"\u003eStay ahead of new drops.\u003c\/h1\u003e\n\u003cp class=\"modal-subheadline\"\u003eSubscribe and be the first to explore fresh \u003cbr\u003ec11 designs every month.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Wallpaper Section --\u003e\n\u003csection class=\"section-wallpapers\"\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"section-header text-center text-light\"\u003e\n\u003cp class=\"section-preheadline\" style=\"color: #549CF3 !important;\"\u003eFREE WALLPAPERS\u003c\/p\u003e\n\u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003eRefreshed inside and out. \n                    \u003c\/h1\u003e\n\u003cp class=\"section-subheadline\"\u003eComplete the setup. \u003cbr\u003eFree matching wallpapers out now.\u003c\/p\u003e\n\n                        Download now\n                    \n\u003c\/div\u003e\n\u003cdiv class=\"section-body\"\u003e\n\u003cdiv class=\"section-wallpapers-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Outro Section --\u003e\n\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n\u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\u003ch2\u003e\u003cspan style=\"color: #ffffff;\"\u003eMore than just protection.\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp\u003e\u003cspan style=\"color: #ffffff;\"\u003eExplore what we do and how we do it.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\n\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\n\u003cdiv class=\"sq--rewards\"\u003e\n\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                                        We provide discounted expedited shipping for our Elite and\n                                        Executive members.\n                                    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                                        Seasonal Coupon\n                                    \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                                        Every season we provide our Elite and Executive members with\n                                        reward coupons with fresh new gears.\n                                    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                                        Executive Care Team\n                                    \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                                        We've created a dedicated team where we personally handle\n                                        anything from warranty service to all questions.\n                                    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n                                Join Us\n                            \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Spigen Brand Story Carousel\" aria-roledescription=\"carousel\" class=\"swiper outro-carousel\" role=\"region\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\nOur Story\n\n                                        Learn about Spigen's brand story and company history.\n                                    \n\n\n\n\n\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\n\nSustainability\n\n                                        Explore Spigen's sustainability efforts and ClimatePartner\n                                        initiatives\n                                    \n\n\n\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/sq-listing-outro\u003e\n\u003c\/div\u003e","brand":"spigen","offers":[{"title":"iPhone 17 Pro Max \/ Cadence","offer_id":52045768622296,"sku":"45443899162671","price":16.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Cadence","offer_id":52045768655064,"sku":"45443899195439","price":16.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/7494\/9080\/files\/b475e4f8b31f0ea0f1e4356742b46998.webp?v=1785205078"},{"product_id":"iphone-16-series-c11-series-scotsman-fir-edition-magfit","title":"iPhone 16 Series - c11 Series Scotsman Fir Edition (Mag Fit)","description":"\u003cstyle\u003e\n  @media screen and (max-width: 991.98px) {\n    \/*\n    .c11-detail .sq--intro-banner .sq--text-wrapper {\n      top: 10% !important;\n      left: 50%;\n      transform: translate(-50%, -10%);\n      text-align: center;\n    }\n      *\/\n    .c11-detail .sq--intro-banner .sq--text-wrapper {\n      position: initial;\n      transform: unset;\n      text-align: center;\n    }\n    \n    .c11-detail .sq--intro-banner .sq--text-container {\n      width: 100%;\n    }\n    .c11-detail .sq--intro-banner .text-subheading {\n      font-size: 24px;\n      margin-bottom: 10px;\n    }\n    .c11-detail .sq--intro-banner .text-heading {\n      font-size: 38px;\n    }\n\n    .sq--intro-banner .desktop-view {\n      display: none !important;\n    }\n\n    .sq--product-collections .sq--text-wrapper.mobile-view {\n      padding: 2rem;\n      text-align: left;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail\"\u003e\n\u003c!--[Section] Intro Banner (Image 1)--\u003e\n\u003csection class=\"sq--intro-banner\"\u003e\n\u003cdiv class=\"sq--text-wrapper text-right desktop-view\"\u003e\n\u003cdiv class=\"sq--text-container text-light\"\u003e\n\u003cp class=\"text-subheading\"\u003ec11 Scotsman Fir Edition\u003c\/p\u003e\n\u003cp class=\"text-heading\"\u003eIt’s now or never.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-heading mobile-view\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003ec11 Scotsman Fir Edition\u003c\/h3\u003e\n\u003cp\u003eIt’s now or never.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\u003cdiv class=\"sq--image-container\"\u003e\n \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Features 02 (Image 10 ~ 11)--\u003e\n\u003csection class=\"sq--product-feature-02\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eSee what's special.\u003c\/h3\u003e\n\u003cp\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--grid-wrapper\"\u003e\n\u003cdiv class=\"grid-one\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-two\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eTouch sensitive.\u003c\/h3\u003e\n\u003cp\u003eCamera Control Enabled Cover with a tactile feel and smart functionality.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-three\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eSimply charge on. \u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp\u003eWe know it’s a hassle to take the case off. So, simply charge on with the case on via wireless charger or MagSafe charger.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-four\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Collections (Image 12)--\u003e\n\u003csection class=\"sq--product-collections\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eIt's now or never.\u003c\/h3\u003e\n\u003cp\u003ec11 Edition:09 Scotsman Fir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\u003cdiv class=\"sq--image-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\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\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\n\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\n\u003cdiv class=\"sq--rewards\"\u003e\n\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We provide discounted expedited shipping for our Elite and\n                  Executive members.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Seasonal Coupon\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  Every season we provide our Elite and Executive members with\n                  reward coupons with fresh new gears.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Executive Care Team\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We've created a dedicated team where we personally handle\n                  anything from warranty service to all questions.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n              Join Us\n            \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Spigen Brand Story Carousel\" aria-roledescription=\"carousel\" class=\"swiper outro-carousel\" role=\"region\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\nOur Story\n\n                  Learn about Spigen's brand story and company history.\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\n\nSustainability\n\n                  Explore Spigen's sustainability efforts and ClimatePartner\n                  initiatives\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/sq-listing-outro\u003e\n\u003c\/div\u003e","brand":"spigen","offers":[{"title":"iPhone 16 Pro Max \/ Scotsman Fir","offer_id":52045896909016,"sku":"43968754450479","price":16.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 16 Pro \/ Scotsman Fir","offer_id":52045896941784,"sku":"43968754483247","price":16.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/7494\/9080\/files\/cdbb519a293eca629b3b1f7add9cefb0.webp?v=1785206640"},{"product_id":"iphone-16-series-c11-series-case-sephiroth-edition-magfit","title":"iPhone 16 Series - c11 Series Sephiroth Edition (Mag Fit)","description":"\u003cstyle\u003e\n  @media screen and (max-width: 991.98px) {\n    \/*\n    .c11-detail .sq--intro-banner .sq--text-wrapper {\n      top: 10% !important;\n      left: 50%;\n      transform: translate(-50%, -10%);\n      text-align: center;\n    }\n      *\/\n    .c11-detail .sq--intro-banner .sq--text-wrapper {\n      position: initial;\n      transform: unset;\n      text-align: center;\n    }\n    \n    .c11-detail .sq--intro-banner .sq--text-container {\n      width: 100%;\n    }\n    .c11-detail .sq--intro-banner .text-subheading {\n      font-size: 24px;\n      margin-bottom: 10px;\n    }\n    .c11-detail .sq--intro-banner .text-heading {\n      font-size: 38px;\n    }\n\n    .sq--intro-banner .desktop-view {\n      display: none !important;\n    }\n\n    .sq--product-collections .sq--text-wrapper.mobile-view {\n      padding: 2rem;\n      text-align: left;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail\"\u003e\n\u003c!--[Section] Intro Banner (Image 1)--\u003e\n\u003csection class=\"sq--intro-banner\"\u003e\n\u003cdiv class=\"sq--text-wrapper text-right desktop-view\"\u003e\n\u003cdiv class=\"sq--text-container text-light\"\u003e\n\u003cp class=\"text-subheading\"\u003ec11 Sephiroth Edition\u003c\/p\u003e\n\u003cp class=\"text-heading\"\u003eIt’s now or never.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-heading mobile-view\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003ec11 Sephiroth Edition\u003c\/h3\u003e\n\u003cp\u003eIt’s now or never.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\u003cdiv class=\"sq--image-container\"\u003e\n \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Features 02 (Image 10 ~ 11)--\u003e\n\u003csection class=\"sq--product-feature-02\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eSee what's special.\u003c\/h3\u003e\n\u003cp\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--grid-wrapper\"\u003e\n\u003cdiv class=\"grid-one\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-two\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eTouch sensitive.\u003c\/h3\u003e\n\u003cp\u003eCamera Control Enabled Cover with a tactile feel and smart functionality.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-three\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eSimply charge on. \u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp\u003eWe know it’s a hassle to take the case off. So, simply charge on with the case on via wireless charger or MagSafe charger.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-four\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Collections (Image 12)--\u003e\n\u003csection class=\"sq--product-collections\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eIt's now or never.\u003c\/h3\u003e\n\u003cp\u003ec11 Edition:08 Sephiroth\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\u003cdiv class=\"sq--image-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\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\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\n\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\n\u003cdiv class=\"sq--rewards\"\u003e\n\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We provide discounted expedited shipping for our Elite and\n                  Executive members.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Seasonal Coupon\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  Every season we provide our Elite and Executive members with\n                  reward coupons with fresh new gears.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Executive Care Team\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We've created a dedicated team where we personally handle\n                  anything from warranty service to all questions.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n              Join Us\n            \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Spigen Brand Story Carousel\" aria-roledescription=\"carousel\" class=\"swiper outro-carousel\" role=\"region\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\nOur Story\n\n                  Learn about Spigen's brand story and company history.\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\n\nSustainability\n\n                  Explore Spigen's sustainability efforts and ClimatePartner\n                  initiatives\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/sq-listing-outro\u003e\n\u003c\/div\u003e","brand":"spigen","offers":[{"title":"iPhone 16 Pro Max \/ Sephiroth","offer_id":52045896974552,"sku":"43868579790895","price":16.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 16 Pro \/ Sephiroth","offer_id":52045897007320,"sku":"43868579823663","price":16.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/7494\/9080\/files\/67736bfea523bbc823c2181a29d4d5ea.webp?v=1785206640"},{"product_id":"iphone-16-series-c11-series-le-mans-edition-magfit","title":"iPhone 16 Series - c11 Series Le Mans Edition (Mag Fit)","description":"\u003cstyle\u003e\n  @media screen and (max-width: 991.98px) {\n    \/*\n    .c11-detail .sq--intro-banner .sq--text-wrapper {\n      top: 10% !important;\n      left: 50%;\n      transform: translate(-50%, -10%);\n      text-align: center;\n    }\n      *\/\n    .c11-detail .sq--intro-banner .sq--text-wrapper {\n      position: initial;\n      transform: unset;\n      text-align: center;\n    }\n    \n    .c11-detail .sq--intro-banner .sq--text-container {\n      width: 100%;\n    }\n    .c11-detail .sq--intro-banner .text-subheading {\n      font-size: 24px;\n      margin-bottom: 10px;\n    }\n    .c11-detail .sq--intro-banner .text-heading {\n      font-size: 38px;\n    }\n\n    .sq--intro-banner .desktop-view {\n      display: none !important;\n    }\n\n    .sq--product-collections .sq--text-wrapper.mobile-view {\n      padding: 2rem;\n      text-align: left;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail\"\u003e\n\u003c!--[Section] Intro Banner (Image 1)--\u003e\n\u003csection class=\"sq--intro-banner\"\u003e\n\u003cdiv class=\"sq--text-wrapper text-right desktop-view\"\u003e\n\u003cdiv class=\"sq--text-container text-light\"\u003e\n\u003cp class=\"text-subheading\"\u003ec11 Le Mans Edition\u003c\/p\u003e\n\u003cp class=\"text-heading\"\u003eIt’s now or never.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-heading mobile-view\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003ec11 Le Mans Edition\u003c\/h3\u003e\n\u003cp\u003eIt’s now or never.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\u003cdiv class=\"sq--image-container\"\u003e\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Features 02 (Image 10 ~ 11)--\u003e\n\u003csection class=\"sq--product-feature-02\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eSee what's special.\u003c\/h3\u003e\n\u003cp\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--grid-wrapper\"\u003e\n\u003cdiv class=\"grid-one\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-two\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eTouch sensitive.\u003c\/h3\u003e\n\u003cp\u003e\n                Camera Control Enabled Cover with a tactile feel and smart\n                functionality.\n              \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-three\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eSimply charge on. \u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp\u003e\n                We know it’s a hassle to take the case off. So, simply charge on\n                with the case on via wireless charger or MagSafe charger.\n              \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-four\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Collections (Image 12)--\u003e\n\u003csection class=\"sq--product-collections\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eIt's now or never.\u003c\/h3\u003e\n\u003cp\u003ec11 Edition:07 Le Mans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\u003cdiv class=\"sq--image-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\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\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\n\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\n\u003cdiv class=\"sq--rewards\"\u003e\n\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We provide discounted expedited shipping for our Elite and\n                  Executive members.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Seasonal Coupon\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  Every season we provide our Elite and Executive members with\n                  reward coupons with fresh new gears.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Executive Care Team\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We've created a dedicated team where we personally handle\n                  anything from warranty service to all questions.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n              Join Us\n            \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Spigen Brand Story Carousel\" aria-roledescription=\"carousel\" class=\"swiper outro-carousel\" role=\"region\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\nOur Story\n\n                  Learn about Spigen's brand story and company history.\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\n\nSustainability\n\n                  Explore Spigen's sustainability efforts and ClimatePartner\n                  initiatives\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/sq-listing-outro\u003e\n\u003c\/div\u003e","brand":"spigen","offers":[{"title":"iPhone 16 Pro Max \/ Le Mans","offer_id":52045897072856,"sku":"43826745835567","price":16.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 16 Pro \/ Le Mans","offer_id":52045897105624,"sku":"43826745868335","price":16.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/7494\/9080\/files\/8a9e1be860a3853cf061e5272658dab3.webp?v=1785206641"},{"product_id":"iphone-16-series-c11-series-case-flaneur-edition-magfit","title":"iPhone 16 Series - c11 Series Flâneur Edition (Mag Fit)","description":"\u003cstyle\u003e\n  @media screen and (max-width: 991.98px) {\n    \/*\n    .c11-detail .sq--intro-banner .sq--text-wrapper {\n      top: 10% !important;\n      left: 50%;\n      transform: translate(-50%, -10%);\n      text-align: center;\n    }\n      *\/\n    .c11-detail .sq--intro-banner .sq--text-wrapper {\n      position: initial;\n      transform: unset;\n      text-align: center;\n    }\n    \n    .c11-detail .sq--intro-banner .sq--text-container {\n      width: 100%;\n    }\n    .c11-detail .sq--intro-banner .text-subheading {\n      font-size: 24px;\n      margin-bottom: 10px;\n    }\n    .c11-detail .sq--intro-banner .text-heading {\n      font-size: 38px;\n    }\n\n    .sq--intro-banner .desktop-view {\n      display: none !important;\n    }\n\n    .sq--product-collections .sq--text-wrapper.mobile-view {\n      padding: 2rem;\n      text-align: left;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail\"\u003e\n\u003c!--[Section] Intro Banner (Image 1)--\u003e\n\u003csection class=\"sq--intro-banner\"\u003e\n\u003cdiv class=\"sq--text-wrapper text-right desktop-view\"\u003e\n\u003cdiv class=\"sq--text-container text-light\"\u003e\n\u003cp class=\"text-subheading\"\u003ec11 Flâneur Edition\u003c\/p\u003e\n\u003cp class=\"text-heading\"\u003eIt’s now or never.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-heading mobile-view\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003ec11 Flâneur Edition\u003c\/h3\u003e\n\u003cp\u003eIt’s now or never.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\u003cdiv class=\"sq--image-container\"\u003e\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Features 02 (Image 10 ~ 11)--\u003e\n\u003csection class=\"sq--product-feature-02\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eSee what's special.\u003c\/h3\u003e\n\u003cp\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--grid-wrapper\"\u003e\n\u003cdiv class=\"grid-one\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-two\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eTouch sensitive.\u003c\/h3\u003e\n\u003cp\u003e\n                Camera Control Enabled Cover with a tactile feel and smart\n                functionality.\n              \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-three\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eSimply charge on. \u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp\u003e\n                We know it’s a hassle to take the case off. So, simply charge on\n                with the case on via wireless charger or MagSafe charger.\n              \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-four\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Collections (Image 12)--\u003e\n\u003csection class=\"sq--product-collections\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eIt's now or never.\u003c\/h3\u003e\n\u003cp\u003ec11 Edition:06 Flâneur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\u003cdiv class=\"sq--image-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\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\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\n\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\n\u003cdiv class=\"sq--rewards\"\u003e\n\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We provide discounted expedited shipping for our Elite and\n                  Executive members.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Seasonal Coupon\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  Every season we provide our Elite and Executive members with\n                  reward coupons with fresh new gears.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Executive Care Team\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We've created a dedicated team where we personally handle\n                  anything from warranty service to all questions.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n              Join Us\n            \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Spigen Brand Story Carousel\" aria-roledescription=\"carousel\" class=\"swiper outro-carousel\" role=\"region\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\nOur Story\n\n                  Learn about Spigen's brand story and company history.\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\n\nSustainability\n\n                  Explore Spigen's sustainability efforts and ClimatePartner\n                  initiatives\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/sq-listing-outro\u003e\n\u003c\/div\u003e","brand":"spigen","offers":[{"title":"iPhone 16 Pro Max \/ Flâneur","offer_id":52045897138392,"sku":"43741050339375","price":16.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 16 Pro \/ Flâneur","offer_id":52045897171160,"sku":"43741050372143","price":16.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/7494\/9080\/files\/59405b6013e2bf835bc06c426c5528c0.webp?v=1785206642"},{"product_id":"iphone-16-series-c11-series-navigator-edition-magfit","title":"iPhone 16 Series - c11 Series Navigator Edition (Mag Fit)","description":"\u003cstyle\u003e\n  @media screen and (max-width: 991.98px) {\n    \/*\n    .c11-detail .sq--intro-banner .sq--text-wrapper {\n      top: 10% !important;\n      left: 50%;\n      transform: translate(-50%, -10%);\n      text-align: center;\n    }\n      *\/\n    .c11-detail .sq--intro-banner .sq--text-wrapper {\n      position: initial;\n      transform: unset;\n      text-align: center;\n    }\n    \n    .c11-detail .sq--intro-banner .sq--text-container {\n      width: 100%;\n    }\n    .c11-detail .sq--intro-banner .text-subheading {\n      font-size: 24px;\n      margin-bottom: 10px;\n    }\n    .c11-detail .sq--intro-banner .text-heading {\n      font-size: 38px;\n    }\n\n    .sq--intro-banner .desktop-view {\n      display: none !important;\n    }\n\n    .sq--product-collections .sq--text-wrapper.mobile-view {\n      padding: 2rem;\n      text-align: left;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail\"\u003e\n\u003c!--[Section] Intro Banner (Image 1)--\u003e\n\u003csection class=\"sq--intro-banner\"\u003e\n\u003cdiv class=\"sq--text-wrapper text-right desktop-view\"\u003e\n\u003cdiv class=\"sq--text-container text-light\"\u003e\n\u003cp class=\"text-subheading\"\u003ec11 Navigator Edition\u003c\/p\u003e\n\u003cp class=\"text-heading\"\u003eIt's now or never.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-heading mobile-view\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003ec11 Navigator Edition\u003c\/h3\u003e\n\u003cp\u003eIt's now or never.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\u003cdiv class=\"sq--image-container\"\u003e\n \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Features 02 (Image 10 ~ 11)--\u003e\n\u003csection class=\"sq--product-feature-02\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eSee what's special.\u003c\/h3\u003e\n\u003cp\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--grid-wrapper\"\u003e\n\u003cdiv class=\"grid-one\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-two\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eTouch sensitive.\u003c\/h3\u003e\n\u003cp\u003eCamera Control Enabled Cover with a tactile feel and smart functionality.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-three\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eSimply charge on. \u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp\u003eWe know it's a hassle to take the case off. So, simply charge on with the case on via wireless charger or MagSafe charger.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-four\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Collections (Image 12)--\u003e\n\u003csection class=\"sq--product-collections\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eIt's now or never.\u003c\/h3\u003e\n\u003cp\u003ec11 Edition:05 Navigator\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\u003cdiv class=\"sq--image-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\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\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\n\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\n\u003cdiv class=\"sq--rewards\"\u003e\n\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We provide discounted expedited shipping for our Elite and\n                  Executive members.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Seasonal Coupon\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  Every season we provide our Elite and Executive members with\n                  reward coupons with fresh new gears.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Executive Care Team\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We've created a dedicated team where we personally handle\n                  anything from warranty service to all questions.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n              Join Us\n            \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Spigen Brand Story Carousel\" aria-roledescription=\"carousel\" class=\"swiper outro-carousel\" role=\"region\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\nOur Story\n\n                  Learn about Spigen's brand story and company history.\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\n\nSustainability\n\n                  Explore Spigen's sustainability efforts and ClimatePartner\n                  initiatives\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/sq-listing-outro\u003e\n\u003c\/div\u003e","brand":"spigen","offers":[{"title":"iPhone 16 Pro Max \/ Navigator","offer_id":52045897203928,"sku":"43661733462063","price":16.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 16 Pro \/ Navigator","offer_id":52045897236696,"sku":"43661733494831","price":16.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/7494\/9080\/files\/585aae807b3fc16788679faa830b2a39.webp?v=1785206644"},{"product_id":"iphone-16-series-c11-series-fearless-edition-magfit-camera-control","title":"iPhone 16 Series - c11 Series Fearless Edition (Mag Fit)","description":"\u003cstyle\u003e\n  @media screen and (max-width: 991.98px) {\n    .c11-detail .sq--intro-banner .sq--text-wrapper {\n      top: 10% !important;\n      left: 50%;\n      transform: translate(-50%, -10%);\n      text-align: center;\n    }\n    .c11-detail .sq--intro-banner .sq--text-container {\n      width: 100%;\n    }\n    .c11-detail .sq--intro-banner .text-subheading {\n      font-size: 24px;\n      margin-bottom: 10px;\n    }\n    .c11-detail .sq--intro-banner .text-heading {\n      font-size: 38px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail\"\u003e\n\u003c!--[Section] Intro Banner (Image 1)--\u003e\n\u003csection class=\"sq--intro-banner\"\u003e\n\u003cdiv class=\"sq--text-wrapper text-right\"\u003e\n\u003cdiv class=\"sq--text-container text-light\"\u003e\n\u003cp class=\"text-subheading\"\u003ec11 Fearless Edition\u003c\/p\u003e\n\u003cp class=\"text-heading\"\u003e\n          It’s now or never.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\u003cdiv class=\"sq--image-container\"\u003e\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Gallery Carousel (Image 2 ~ 7)--\u003e\n\u003csection class=\"sq--product-gallery-carousel\"\u003e\n\u003cdiv class=\"sq--carousel-wrapper\"\u003e\n\u003cdiv class=\"swiper product-carousel\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003c!--Slides start from here--\u003e\n\u003c!--Slide 01--\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--Slide 02--\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--Slide 03--\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--Slide 04--\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--Slide 05--\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--Slide 06--\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--Slides end here--\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-button-prev\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-button-next\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Features 01 (Image 8 ~ 9)--\u003e\n\u003csection class=\"sq--product-feature-01\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eDo you. We got you.\u003c\/h3\u003e\n\u003cp\u003eBeyond sophistication.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--flex-wrapper\"\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"col-image\"\u003e\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"col-text\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eDepth \u0026amp; detail.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp\u003eIncredible design through\n                3D Spatial Effect Graphic with\n                Hexa-Layer Digital Print.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"col-image\"\u003e\n\n\n\u003c\/div\u003e\n\u003cdiv class=\"col-text\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eDaily protection.\u003c\/h3\u003e\n\u003cp\u003ePeace of mind with\n                Air Cushion Technology™\n                and raised edges.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Features 02 (Image 10 ~ 11)--\u003e\n\u003csection class=\"sq--product-feature-02\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eSee what's special.\u003c\/h3\u003e\n\u003cp\u003eDay to day essentials covered. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--grid-wrapper\"\u003e\n\u003cdiv class=\"grid-one\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-two\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eTouch sensitive.\u003c\/h3\u003e\n\u003cp\u003eCamera Control Enabled Cover with\n                a tactile feel and smart functionality.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-three\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eSimply charge on. \u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp\u003eWe know it’s a hassle to take the case off.\n                So, simply charge on with the case on via\n                wireless charger or MagSafe charger.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-four\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Collections (Image 12)--\u003e\n\u003csection class=\"sq--product-collections\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eIt's now or never.\u003c\/h3\u003e\n\u003cp\u003ec11 Edition:04 Fearless\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\u003cdiv class=\"sq--image-container\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\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\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\n\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\n\u003cdiv class=\"sq--rewards\"\u003e\n\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We provide discounted expedited shipping for our Elite and\n                  Executive members.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Seasonal Coupon\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  Every season we provide our Elite and Executive members with\n                  reward coupons with fresh new gears.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Executive Care Team\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We've created a dedicated team where we personally handle\n                  anything from warranty service to all questions.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n              Join Us\n            \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Spigen Brand Story Carousel\" aria-roledescription=\"carousel\" class=\"swiper outro-carousel\" role=\"region\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\nOur Story\n\n                  Learn about Spigen's brand story and company history.\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\n\nSustainability\n\n                  Explore Spigen's sustainability efforts and ClimatePartner\n                  initiatives\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/sq-listing-outro\u003e\n\u003c\/sq-outro\u003e\n\u003c\/div\u003e","brand":"spigen","offers":[{"title":"iPhone 16 Pro Max \/ Fearless","offer_id":52045897302232,"sku":"43565941227567","price":16.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 16 Pro \/ Fearless","offer_id":52045897335000,"sku":"43565941260335","price":16.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/7494\/9080\/files\/5e5a889647f3727dc607bf0fd315e1cb.webp?v=1785206646"},{"product_id":"iphone-16-series-c11-series-eternal-edition-magfit-camera-control","title":"iPhone 16 Series - c11 Series Eternal Edition (Mag Fit)","description":"\u003cstyle\u003e\n  @media screen and (max-width: 991.98px) {\n    .c11-detail .sq--intro-banner .sq--text-wrapper {\n      top: 10% !important;\n      left: 50%;\n      transform: translate(-50%, -10%);\n      text-align: center;\n    }\n    .c11-detail .sq--intro-banner .sq--text-container {\n      width: 100%;\n    }\n    .c11-detail .sq--intro-banner .text-subheading {\n      font-size: 24px;\n      margin-bottom: 10px;\n    }\n    .c11-detail .sq--intro-banner .text-heading {\n      font-size: 38px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail\"\u003e\n\u003c!--[Section] Intro Banner (Image 1)--\u003e\n\u003csection class=\"sq--intro-banner\"\u003e\n\u003cdiv class=\"sq--text-wrapper text-right\"\u003e\n\u003cdiv class=\"sq--text-container text-light\"\u003e\n\u003cp class=\"text-subheading\"\u003ec11 Eternal Edition\u003c\/p\u003e\n\u003cp class=\"text-heading\"\u003eIt's now or never.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\u003cdiv class=\"sq--image-container\"\u003e\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Gallery Carousel (Image 2 ~ 7)--\u003e\n\u003csection class=\"sq--product-gallery-carousel\"\u003e\n\u003cdiv class=\"sq--carousel-wrapper\"\u003e\n\u003cdiv class=\"swiper product-carousel\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-button-prev\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-button-next\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--[Section] Product Features 01 (Image 8 ~ 9)--\u003e\n\u003csection class=\"sq--product-feature-01\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eDo you. We got you.\u003c\/h3\u003e\n\u003cp\u003eBeyond sophistication.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--flex-wrapper\"\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"col-image\"\u003e\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"col-text\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eDepth \u0026amp; detail.\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp\u003eIncredible design through\n        3D Spatial Effect Graphic with\n        Hexa-Layer Digital Print.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"col-image\"\u003e\n\n\n\u003c\/div\u003e\n\u003cdiv class=\"col-text\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eDaily protection. \u003c\/h3\u003e\n\u003cp\u003ePeace of mind with\n        Air Cushion Technology\n        and raised edges.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Features 02 (Image 10 ~ 11)--\u003e\n\u003csection class=\"sq--product-feature-02\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eSee what's special.\u003c\/h3\u003e\n\u003cp\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--grid-wrapper\"\u003e\n\u003cdiv class=\"grid-one\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-two\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eTouch sensitive.\u003c\/h3\u003e\n\u003cp\u003eCamera Control Enabled Cover with\n        a tactile feel and smart functionality.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-three\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eSimply charge on \u003cbr\u003ewith the case on.\u003c\/h3\u003e\n\u003cp\u003eWe know it's a hassle to take the case off. So, simply charge on with the case on. Spigen cases are compatible with wireless charger.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-four\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Collections (Image 12)--\u003e\n\u003csection class=\"sq--product-collections\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eIt's now or never. \u003c\/h3\u003e\n\u003cp\u003ec11 Edition:03 Eternal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\u003cdiv class=\"sq--image-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\u003c\/section\u003e\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\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\n\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\n\u003cdiv class=\"sq--rewards\"\u003e\n\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We provide discounted expedited shipping for our Elite and\n                  Executive members.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Seasonal Coupon\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  Every season we provide our Elite and Executive members with\n                  reward coupons with fresh new gears.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Executive Care Team\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We've created a dedicated team where we personally handle\n                  anything from warranty service to all questions.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n              Join Us\n            \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Spigen Brand Story Carousel\" aria-roledescription=\"carousel\" class=\"swiper outro-carousel\" role=\"region\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\nOur Story\n\n                  Learn about Spigen's brand story and company history.\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\n\nSustainability\n\n                  Explore Spigen's sustainability efforts and ClimatePartner\n                  initiatives\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/sq-listing-outro\u003e\u003c\/sq-outro\u003e\n\u003c\/div\u003e","brand":"spigen","offers":[{"title":"iPhone 16 Pro Max \/ Eternal","offer_id":52045897367768,"sku":"43537395089455","price":16.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 16 Pro \/ Eternal","offer_id":52045897400536,"sku":"43537395122223","price":16.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/7494\/9080\/files\/cb759196f7a4e653db76c934c0b4b151.webp?v=1785206647"},{"product_id":"iphone-16-series-c11-series-magnolia-edition-magfit-camera-control","title":"iPhone 16 Series - c11 Series Magnolia Edition (Mag Fit)","description":"\u003cstyle\u003e\n  @media screen and (max-width: 991.98px) {\n    .c11-detail .sq--intro-banner .sq--text-wrapper {\n      top: 10% !important;\n      left: 50%;\n      transform: translate(-50%, -10%);\n      text-align: center;\n    }\n    .c11-detail .sq--intro-banner .sq--text-container {\n      width: 100%;\n    }\n    .c11-detail .sq--intro-banner .text-subheading {\n      font-size: 24px;\n      margin-bottom: 10px;\n    }\n    .c11-detail .sq--intro-banner .text-heading {\n      font-size: 38px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail\"\u003e\n\u003c!--[Section] Intro Banner (Image 1)--\u003e\n\u003csection class=\"sq--intro-banner\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container text-light\"\u003e\n\u003cp class=\"text-subheading\"\u003ec11 Magnolia Edition\u003c\/p\u003e\n\u003cp class=\"text-heading\"\u003eIt's now or never.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\u003cdiv class=\"sq--image-container\"\u003e\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Gallery Carousel (Image 2 ~ 7)--\u003e\n\u003csection class=\"sq--product-gallery-carousel\"\u003e\n\u003cdiv class=\"sq--carousel-wrapper\"\u003e\n\u003cdiv class=\"swiper product-carousel\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-button-prev\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-button-next\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--[Section] Product Features 01 (Image 8 ~ 9)--\u003e\n\u003csection class=\"sq--product-feature-01\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eDo you. We got you.\u003c\/h3\u003e\n\u003cp\u003eBeyond sophistication.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--flex-wrapper\"\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"col-image\"\u003e\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"col-text\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eDepth \u0026amp; detail.\u003c\/h3\u003e\n\u003cp\u003eIncredible design through\n        3D Spatial Effect Graphic with\n        Hexa-Layer Digital Print.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"col-image\"\u003e\n\n\n\u003c\/div\u003e\n\u003cdiv class=\"col-text\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eDaily protection. \u003c\/h3\u003e\n\u003cp\u003ePeace of mind with\n        Air Cushion Technology\n        and raised edges.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Features 02 (Image 10 ~ 11)--\u003e\n\u003csection class=\"sq--product-feature-02\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eSee what's special.\u003c\/h3\u003e\n\u003cp\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--grid-wrapper\"\u003e\n\u003cdiv class=\"grid-one\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-two\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eTouch sensitive.\u003c\/h3\u003e\n\u003cp\u003eCamera Control Enabled Cover with\n        a tactile feel and smart functionality.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-three\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eSimply charge on with the case on.\u003c\/h3\u003e\n\u003cp\u003eWe know it's a hassle to take the case off. So, simply charge on with the case on. Spigen cases are compatible with wireless charger.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-four\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Collections (Image 12)--\u003e\n\u003csection class=\"sq--product-collections\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eIt's now or never. \u003c\/h3\u003e\n\u003cp\u003ec11 Edition:02 Magnolia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\u003cdiv class=\"sq--image-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\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\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\n\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\n\u003cdiv class=\"sq--rewards\"\u003e\n\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We provide discounted expedited shipping for our Elite and\n                  Executive members.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Seasonal Coupon\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  Every season we provide our Elite and Executive members with\n                  reward coupons with fresh new gears.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Executive Care Team\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We've created a dedicated team where we personally handle\n                  anything from warranty service to all questions.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n              Join Us\n            \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Spigen Brand Story Carousel\" aria-roledescription=\"carousel\" class=\"swiper outro-carousel\" role=\"region\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\nOur Story\n\n                  Learn about Spigen's brand story and company history.\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\n\nSustainability\n\n                  Explore Spigen's sustainability efforts and ClimatePartner\n                  initiatives\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/sq-listing-outro\u003e\n\u003c\/sq-outro\u003e\n\u003c\/div\u003e","brand":"spigen","offers":[{"title":"iPhone 16 Pro Max \/ Magnolia","offer_id":52045898186968,"sku":"43480273158191","price":16.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 16 Pro \/ Magnolia","offer_id":52045898219736,"sku":"43480273190959","price":16.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/7494\/9080\/files\/33ebe3110c64fbb59d12c59431d601d1.webp?v=1785206656"},{"product_id":"iphone-16-series-chronos-edition-magfit-camera-control","title":"iPhone 16 Series - c11 Series Chronos Edition (Mag Fit)","description":"\u003cstyle\u003e\n  @media screen and (max-width: 991.98px) {\n    .c11-detail .sq--intro-banner .sq--text-wrapper {\n      top: 10% !important;\n      left: 50%;\n      transform: translate(-50%, -10%);\n      text-align: center;\n    }\n    .c11-detail .sq--intro-banner .sq--text-container {\n      width: 100%;\n    }\n    .c11-detail .sq--intro-banner .text-subheading {\n      font-size: 24px;\n      margin-bottom: 10px;\n    }\n    .c11-detail .sq--intro-banner .text-heading {\n      font-size: 38px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail\"\u003e\n\u003c!--[Section] Intro Banner (Image 1)--\u003e\n\u003csection class=\"sq--intro-banner\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container text-light\"\u003e\n\u003cp class=\"text-subheading\"\u003ec11 Chronos Edition\u003c\/p\u003e\n\u003cp class=\"text-heading\"\u003eIt’s now or never.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\u003cdiv class=\"sq--image-container\"\u003e\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Gallery Carousel (Image 2 ~ 7)--\u003e\n\u003csection class=\"sq--product-gallery-carousel\"\u003e\n\u003cdiv class=\"sq--carousel-wrapper\"\u003e\n\u003cdiv class=\"swiper product-carousel\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\u003cdiv class=\"slide-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-button-prev\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-button-next\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--[Section] Product Features 01 (Image 8 ~ 9)--\u003e\n\u003csection class=\"sq--product-feature-01\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eDo you. We got you.\u003c\/h3\u003e\n\u003cp\u003eBeyond sophistication.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--flex-wrapper\"\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"col-image\"\u003e\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"col-text\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eDepth \u0026amp; detail.\u003c\/h3\u003e\n\u003cp\u003eIncredible design through\n        3D Spatial Effect Graphic with\n        Hexa-Layer Digital Print.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"col-image\"\u003e\n\n\n\u003c\/div\u003e\n\u003cdiv class=\"col-text\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eDaily protection. \u003c\/h3\u003e\n\u003cp\u003ePeace of mind with\n        Air Cushion Technology™\n        and raised edges.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Features 02 (Image 10 ~ 11)--\u003e\n\u003csection class=\"sq--product-feature-02\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eSee what's special.\u003c\/h3\u003e\n\u003cp\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--grid-wrapper\"\u003e\n\u003cdiv class=\"grid-one\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-two\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eTouch sensitive.\u003c\/h3\u003e\n\u003cp\u003eCamera Control Enabled Cover with\n        a tactile feel and smart functionality.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-three\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eSimply charge on with the case on.\u003c\/h3\u003e\n\u003cp\u003eWe know it's a hassle to take the case off. So, simply charge on with the case on. Spigen cases are compatible with wireless charger.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-four\"\u003e\n\u003cdiv class=\"grid-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--[Section] Product Collections (Image 12)--\u003e\n\u003csection class=\"sq--product-collections\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\u003cdiv class=\"sq--text-container\"\u003e\n\u003ch3 class=\"text-h3\"\u003eIt's now or never. \u003c\/h3\u003e\n\u003cp\u003ec11 Edition:01 Chronos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\u003cdiv class=\"sq--image-container\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\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\u003ch2\u003eMore than just protection.\u003c\/h2\u003e\n\u003cp\u003eExplore what we do and how we do it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--section-outro-body\"\u003e\n\u003cdiv class=\"sq--section-row\"\u003e\n\u003cdiv class=\"sq--section-column\"\u003e\n\u003cdiv class=\"sq--rewards\"\u003e\n\u003cdiv class=\"sq--overlay-content\"\u003e\n\u003ch3 class=\"text-h3\"\u003eOur Rewards\u003c\/h3\u003e\n\u003cp\u003eProtection with benefits for \u003cbr\u003eour Reward members.\u003c\/p\u003e\n\u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003eGet it Faster\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We provide discounted expedited shipping for our Elite and\n                  Executive members.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Seasonal Coupon\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  Every season we provide our Elite and Executive members with\n                  reward coupons with fresh new gears.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n                  Executive Care Team\n                \u003c\/div\u003e\n\u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n                  We've created a dedicated team where we personally handle\n                  anything from warranty service to all questions.\n                \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n              Join Us\n            \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Spigen Brand Story Carousel\" aria-roledescription=\"carousel\" class=\"swiper outro-carousel\" role=\"region\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\nOur Story\n\n                  Learn about Spigen's brand story and company history.\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\n\n\n\nSustainability\n\n                  Explore Spigen's sustainability efforts and ClimatePartner\n                  initiatives\n                \n\n\n\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/sq-listing-outro\u003e\u003c\/sq-outro\u003e\n\u003c\/div\u003e","brand":"spigen","offers":[{"title":"iPhone 16 Pro Max \/ Chronos","offer_id":52045898285272,"sku":"43346694438959","price":16.5,"currency_code":"USD","in_stock":true},{"title":"iPhone 16 Pro \/ Chronos","offer_id":52045898318040,"sku":"43346694537263","price":16.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/7494\/9080\/files\/d985db7f95c13780fa141ca5fba9fe4b.webp?v=1785206658"}],"url":"https:\/\/spigenus.it.com\/collections\/c11-monthly-drop.oembed?page=2","provider":"spigenus.it.com","version":"1.0","type":"link"}