{"product_id":"iphone-17-series-c11-series-blast-edition-mag-fit","title":"iPhone 17 Series - c11 Series Blast Edition (Mag Fit)","description":"\u003cstyle\u003e  body {    margin: 0;    padding: 0;  }  *,  ::after,  ::before {    box-sizing: border-box;  }  .product-description section {    position: relative;    width: 100%;  }  .product-description section:first-of-type {    border-top-left-radius: 32px;    border-top-right-radius: 32px;  }  .product-description section:last-of-type {    border-bottom-left-radius: 32px;    border-bottom-right-radius: 32px;  }  .product-description .section-container-fluid {    width: 100%;    max-width: 100%;    margin: 0 auto;  }  .product-description .section-container {    width: 100%;    max-width: 1200px;    margin: 0 auto;  }  @media (min-width: 1080px) {    .product-description .section-container {      padding: 0 4rem;    }    .product-description section:not(:first-of-type) {      padding-bottom: 200px;    }  }  @media (max-width: 1079.98px) {    .product-description .section-container {      padding: 0 2rem;    }    .product-description section:not(:first-of-type) {      padding-bottom: 80px;    }  }  .product-description img {    width: 100%;    height: auto;  }  \/* ------------------------------------------------------------  Text Alignment  ------------------------------------------------------------ *\/  .product-description .text-center {    text-align: center;  }  .product-description .text-left {    text-align: left;  }  .product-description .text-right {    text-align: right;  }  \/* ------------------------------------------------------------  Text Colors  ------------------------------------------------------------ *\/  .product-description .text-dark * {    color: #000;  }  .product-description .text-light * {    color: #fff;  }  .product-description .text-info {    color: #8d8d8f;  }  \/* ------------------------------------------------------------  Visibility  ------------------------------------------------------------ *\/  @media (min-width: 1080px) {    .product-description .sq-mobile-view {      display: none;    }  }  @media (max-width: 1079.98px) {    .product-description .sq-desktop-view {      display: none;    }  }  \/* ------------------------------------------------------------  Headlines  ------------------------------------------------------------ *\/  .product-description .section-header {    max-width: 500px;    margin: 0 auto;  }  .product-description .section-preheadline {    font-weight: 400;    line-height: 1.2;  }  .product-description .section-headline {    font-weight: 800;    line-height: 1.2;  }  .product-description .section-subheadline {    font-weight: 400;    line-height: 1.5;  }  @media (min-width: 1080px) {    .product-description .section-header {      padding: 3rem;    }    .product-description .section-preheadline {      font-size: 20px;      margin: 0 0 8px;    }    .product-description .section-headline {      font-size: 48px;      margin: 0 0 16px;    }    .product-description .section-subheadline {      font-size: 18px;      line-height: 1.5;      margin: 0;    }  }  @media (max-width: 1079.98px) {    .product-description .section-header {      padding: 3rem;    }    .product-description .section-preheadline {      font-size: 18px;      margin: 0 0 8px;    }    .product-description .section-headline {      font-size: 36px;      margin: 0 0 16px;    }    .product-description .section-subheadline {      font-size: 16px;      line-height: 1.5;      margin: 0;    }  }  .product-description .cta-button {    display: inline-block;    padding: 16px 32px;    border-radius: 100px;    background-color: #ffffff;    border: 1px solid #ffffff;    color: #000000;    font-size: 20px;    font-weight: 400;    text-decoration: none;    line-height: 1.5;    margin: 0;    transition: all 0.3s ease;    cursor: pointer;  }  .product-description .cta-button:hover {    background-color: #dedede;    border-color: #dedede;    color: #000000;  }  .product-description .section-header p+.cta-button {    margin-top: 32px;  }  \/* ------------------------------------------------------------  [Sections] Intro  ------------------------------------------------------------ *\/  .section-intro {    background-color: #1c1c1c;  }  @media (min-width: 1080px) {    .section-intro .section-intro-banner {      width: 100%;      height: 1200px;      object-fit: cover;    }  }  \/* ------------------------------------------------------------  [Sections] Highlights  ------------------------------------------------------------ *\/  .section-highlights {    background-color: #1c1c1c;  }  .section-highlights .section-header {    max-width: 480px;  }  .section-highlights-feature-container {    width: 100%;    display: flex;    flex-direction: row;    flex-wrap: wrap;    padding: 16px;    margin: 0 auto;  }  .section-highlights-feature-item {    flex: 0 0 auto;    padding: 16px;  }  @media (min-width: 1080px) {    .section-highlights-feature-item:nth-child(1) {      width: 50%;    }    .section-highlights-feature-item:nth-child(2) {      width: 50%;    }    .section-highlights-feature-item:nth-child(3) {      width: 40%;    }    .section-highlights-feature-item:nth-child(4) {      width: 30%;    }    .section-highlights-feature-item:nth-child(5) {      width: 30%;    }  }  .section-highlights-feature-item [class^=\"section-highlights-list-\"] {    position: relative;    display: flex;    flex-direction: column;    justify-content: center;    align-items: flex-start;    background-color: #000000;    height: 100%;    border-radius: 32px;    overflow: hidden;  }  .section-highlights-feature-item .section-highlights-list-text-item {    padding: 40px;    color: #ffffff;  }  .section-highlights-feature-item .feature-headline {    font-size: 40px;    font-weight: 800;    line-height: 1.2;    margin: 0 0 16px;  }  .section-highlights-feature-item .feature-description {    font-size: 20px;    font-weight: 400;    line-height: 1.5;    margin: 0;  }  .section-highlights-feature-item img {    aspect-ratio: 1\/1;    width: 100%;    height: 100%;    object-fit: cover;    object-position: center;  }  \/* ------------------------------------------------------------  [Sections] Highlights  ------------------------------------------------------------ *\/  .highlightSwiper {    width: 100%;    padding-top: 32px;  }  .highlightSwiper .swiper-wrapper {    width: 100%;    height: auto;  }  .highlightSwiper .swiper-wrapper .slide-header {    width: 100%;    padding: 40px 16px;    text-align: center;    color: #ffffff;  }  .highlightSwiper .swiper-wrapper .slide-image {    aspect-ratio: 1\/1;    width: 100%;    height: 100%;    min-height: 300px;    object-fit: cover;    object-position: center;    border-radius: 32px;    overflow: hidden;  }  .highlightSwiper-pagination {    display: block;    width: 100%;    padding: 16px;    text-align: center;  }  .highlightSwiper-pagination .swiper-pagination-bullet {    width: 16px;    height: 16px;    border-radius: 100px;    background-color: #dddddd;    margin: 0 8px;    transition: all 1s ease;  }  .highlightSwiper-pagination .swiper-pagination-bullet-active {    background-color: #ffffff !important;    width: 48px;    height: 16px;  }  \/* ------------------------------------------------------------  [Sections] Daily Essentials  ------------------------------------------------------------ *\/  .section-daily-essentials {    background-color: #1c1c1c;  }  .section-daily-essentials img {    aspect-ratio: 468\/605;    width: 100%;    height: 100%;    object-fit: cover;    object-position: center;  }  @media (min-width: 1080px) {    .section-daily-essentials-container {      display: grid;      grid-template-columns: repeat(2, 3fr);      grid-auto-rows: minmax(300px, auto);      gap: 32px;    }    .section-daily-essentials-item:nth-child(1) {      grid-column: 1 \/ 2;      grid-row: 1 \/ 3;    }    .section-daily-essentials-item:nth-child(2) {      grid-column: 2 \/ 3;      grid-row: 1 \/ 2;    }    .section-daily-essentials-item:nth-child(3) {      grid-column: 1 \/ 2;      grid-row: 3 \/ 4;    }    .section-daily-essentials-item:nth-child(4) {      grid-column: 2 \/ 3;      grid-row: 2 \/ 4;    }  }  @media (max-width: 1079.98px) {    .section-daily-essentials-container {      display: grid;      grid-template-columns: repeat(1, 4fr);      grid-auto-rows: minmax(300px, auto);      gap: 32px;    }    .section-daily-essentials-item:nth-child(1) {      grid-column: 1 \/ 2;      grid-row: 2 \/ 3;    }    .section-daily-essentials-item:nth-child(2) {      grid-column: 1 \/ 2;      grid-row: 1 \/ 2;    }    .section-daily-essentials-item:nth-child(3) {      grid-column: 1 \/ 2;      grid-row: 3 \/ 4;    }    .section-daily-essentials-item:nth-child(4) {      grid-column: 1 \/ 2;      grid-row: 4 \/ 5;    }  }  .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] {    position: relative;    display: flex;    flex-direction: column;    justify-content: center;    align-items: flex-start;    background-color: #ffffff;    height: 100%;    border-radius: 16px;    overflow: hidden;  }  .section-daily-essentials-item .section-daily-essentials-list-text-item {    padding: 40px;    color: #000000;  }  .section-daily-essentials-item .essential-headline {    font-size: 40px;    font-weight: 800;    line-height: 1.2;    margin: 0 0 16px;  }  .section-daily-essentials-item .essential-description {    font-size: 20px;    font-weight: 400;    line-height: 1.5;    margin: 0;  }  \/* ------------------------------------------------------------  [Sections] Series Inspiration  ------------------------------------------------------------ *\/  .section-series-inspiration {    background-color: #1c1c1c;  }  .section-series-inspiration-container {    position: relative;  }  .section-series-inspiration-button,  .edition-inspiration-button {    position: absolute;    top: 0;    right: 0;    margin: 32px;    width: 40px;    height: 40px;    color: #ffffff;    background-color: transparent;    border: none;    border-radius: 100px;    cursor: pointer;    transition: all 0.3s ease;    z-index: 1;  }  @media (min-width: 1080px) {    .section-series-inspiration .section-body {      position: relative;      max-width: 1200px;      padding: 0 4rem;      margin: 0 auto;    }    .section-series-inspiration-container {      border-radius: 32px;      overflow: hidden;    }  }  @media (max-width: 1079.98px) {    .section-series-inspiration.section-body {      position: relative;      padding: 0;      border-radius: 0;    }  }  \/* ------------------------------------------------------------  [Sections] Wallpapers  ------------------------------------------------------------ *\/  .section-wallpapers {    background-color: #1c1c1c;  }  .section-wallpapers button.btn-outline {    border-color: #ffffff !important;    color: #ffffff !important;    background-color: transparent !important;  }  .section-wallpapers img.section-wallpapers-image {    border-radius: 32px;    overflow: hidden;    padding: 4rem;  }  @media (max-width: 1079.98px) {    .section-wallpapers img.section-wallpapers-image {      border-radius: 16px;      padding: 2rem;    }  }  \/* ------------------------------------------------------------  Modal Styles  ------------------------------------------------------------ *\/  .edition-inspiration-button {    background: linear-gradient(135deg,        rgba(255, 255, 255, 0.1),        rgba(255, 255, 255, 0.05));    backdrop-filter: blur(20px);    -webkit-backdrop-filter: blur(20px);    border: 1px solid rgba(255, 255, 255, 0.2);    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),      inset 0 1px 0 rgba(255, 255, 255, 0.2);    padding: 4px;    border-radius: 100px;    transition: all 0.3s ease;  }  .edition-inspiration-button:hover {    background: rgba(255, 255, 255, 0.25);  }  #modal-subscription {    display: none;    position: fixed;    z-index: 1000;    left: 0;    top: 0;    width: 100%;    height: 100%;    background-color: rgba(0, 0, 0, 0.6);  }  #modal-subscription .modal-content {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    background-color: #1c1c1c;    padding: 48px;    width: 90%;    max-width: 740px;    min-height: 600px;    border-radius: 32px;    display: flex;    align-items: center;  }  #modal-subscription .modal-header {    position: absolute;    top: 20px;    right: 20px;    z-index: 1001;    display: flex;    justify-content: center;    align-items: center;    width: 50px;    height: 50px;    background-color: #ffffff;    border-radius: 100px;    cursor: pointer;  }  #modal-subscription .modal-header .close {    display: flex;    justify-content: center;    align-items: center;    transition: all 0.3s ease;  }  #modal-subscription .modal-header .close svg {    width: 24px;    height: 24px;    color: #1c1c1c;  }  #modal-subscription .modal-header:hover {    background-color: #000000;  }  #modal-subscription .modal-header:hover svg {    color: #ffffff;  }  #modal-subscription .modal-text-content {    width: 100%;    text-align: center;    margin-bottom: 32px;  }  #modal-subscription input[type=\"email\"] {    text-align: center;  }  #modal-subscription button[type=\"submit\"] {    border-radius: 100px;  }  #modal-content {    display: none;    position: fixed;    z-index: 1000;    left: 0;    top: 0;    width: 100%;    height: 100%;  }  #modal-content .modal-content {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    background: linear-gradient(135deg,        rgba(255, 255, 255, 0.1),        rgba(255, 255, 255, 0.05));    backdrop-filter: blur(20px);    -webkit-backdrop-filter: blur(20px);    border: 1px solid rgba(255, 255, 255, 0.2);    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),      inset 0 1px 0 rgba(255, 255, 255, 0.2);    padding: 48px;    width: 90%;    max-width: 800px;    border-radius: 32px;  }  .modal-body {    padding: 0;  }  .modal-image-container {    width: 100%;    text-align: center;    color: #ffffff;  }  .modal-image {    width: 100%;    height: auto;    border-radius: 16px;    object-fit: contain;    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);  }  #modal-content .modal-headline {    color: #ffffff;  }  @media (min-width: 1080px) {    .modal-text-content {      padding: 40px;      color: #ffffff;    }    .modal-headline {      font-size: 48px;      font-weight: 800;      line-height: 1.2;      margin: 0 0 16px;    }    .modal-subheadline {      font-size: 20px;      font-weight: 400;      line-height: 1.5;      margin: 0;    }  }  @media (max-width: 1079.98px) {    .modal-content {      width: 95%;      margin: 20px auto;      padding: 15px;    }    .modal-header {      top: 15px;      right: 15px;    }    .modal-text-content {      padding: 16px 0;      color: #ffffff;    }    .modal-content .modal-image {      cursor: pointer;    }    .modal-headline {      font-size: 24px;      font-weight: 800;      line-height: 1.2;      margin: 0 0 16px;    }    .modal-subheadline {      font-size: 16px;      font-weight: 400;      line-height: 1.5 !important;      margin: 0;    }    .close {      width: 40px;      height: 40px;      font-size: 24px;    }  }\u003c\/style\u003e\n\u003cp\u003e\u003cspan\u003ec11 is a limited-drop collection with designs inspired and refined by the 11th hour. Now is your time to seize the moment. Empower your creative mind, break through the norm, and make the impossible a reality.\u003c\/span\u003e\u003cbr\u003e\u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e \u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e \u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\u003c!-- Intro Section --\u003e\u003csection class=\"section-intro\"\u003e\u003cdiv class=\"section-container-fluid\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-header text-center text-light\"\u003e\u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\u003ch1 class=\"section-headline\"\u003eBlast Edition\u003c\/h1\u003e\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\u003cbutton class=\"cta-button\"\u003eSubscribe\u003c\/button\u003e\u003c\/div\u003e\u003cdiv class=\"section-body\"\u003e\u003cimg class=\"section-intro-banner sq-desktop-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_desktop_01.jpg?v=1775080911\" alt=\"Spigen C11 Blast iPhone 17 Pro case in Red displayed between comic-style speakers in pop art setting\"\u003e \u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_mobile_01.jpg?v=1775080911\" alt=\"iPhone 17 Pro Series C11 Palette case placed on desk with paint tubes and brushes\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Highlights Section --\u003e\u003csection class=\"section-highlights sq-desktop-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-highlights-feature-container\"\u003e\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_01.jpg?v=1775080910\" alt=\"Spigen C11 Blast iPhone 17 Pro case close-up of detailed boombox graphic with glitter texture\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-text-item\"\u003e\u003cp class=\"feature-headline\"\u003eHexa-layering technology\u003c\/p\u003e\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\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-text-item\"\u003e\u003cp class=\"feature-headline\"\u003eAll-around protection\u003c\/p\u003e\u003cp class=\"feature-description\"\u003eCamera guard and air-cushion technology keep your iPhone 17 Pro safe every day.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_02.jpg?v=1775080910\" alt=\"Spigen C11 Blast iPhone 17 Pro case in Red back view with boombox graffiti graphic separating from phone\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"section-highlights-feature-item\"\u003e\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_03.jpg?v=1775080910\" alt=\"Close up of the corner with shadowed image with a reflective blue rectangular object displaying the air cushion technology\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Highlights Section (Mobile) --\u003e\u003csection class=\"section-highlights sq-mobile-view\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\u003cdiv class=\"swiper-wrapper\"\u003e\u003cdiv class=\"swiper-slide\"\u003e\u003cdiv class=\"slide-container\"\u003e\u003cdiv class=\"slide-header\"\u003e\u003ch1 class=\"section-headline\"\u003eHexa-layering technology.\u003c\/h1\u003e\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\u003c\/div\u003e\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_01.jpg?v=1775080910\" alt=\"Spigen C11 Blast iPhone 17 Pro case close-up of detailed boombox graphic with glitter texture\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"swiper-slide\"\u003e\u003cdiv class=\"slide-container\"\u003e\u003cdiv class=\"slide-header\"\u003e\u003ch1 class=\"section-headline\"\u003eSafeguard the essentials.\u003c\/h1\u003e\u003cp class=\"section-subheadline\"\u003eRaised edges prevent scratches on screen and camera at all angles.\u003c\/p\u003e\u003c\/div\u003e\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_02.jpg?v=1775080910\" alt=\"Spigen C11 Blast iPhone 17 Pro case in Red back view with boombox graffiti graphic separating from phone\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"swiper-slide\"\u003e\u003cdiv class=\"slide-container\"\u003e\u003cdiv class=\"slide-header\"\u003e\u003ch1 class=\"section-headline\"\u003eProtection you can trust.\u003c\/h1\u003e\u003cp class=\"section-subheadline\"\u003eAir Cushion™ Technology absorbs and mitigates all impacts in each corner.\u003c\/p\u003e\u003c\/div\u003e\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_03.jpg?v=1775080910\" alt=\"Close up of the corner with shadowed image with a reflective blue rectangular object displaying the air cushion technology\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cnoscript\u003e      var swiper = new Swiper(\".highlightSwiper\", {        slidesPerView: 1,        spaceBetween: 32,        pagination: {          el: \".highlightSwiper-pagination\",          clickable: true,        },      });    \u003c\/noscript\u003e\u003c\/section\u003e\u003c!-- Daily Essentials Section --\u003e\u003csection class=\"section-daily-essentials\"\u003e\u003cdiv class=\"section-container\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-header text-center text-light\"\u003e\u003ch1 class=\"section-headline\"\u003eDaily essentials\u003c\/h1\u003e\u003cp class=\"section-subheadline\"\u003eDay to day essentials covered.\u003c\/p\u003e\u003c\/div\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-daily-essentials-container\"\u003e\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_04.jpg?v=1775080911\" alt=\"Spigen C11 Blast iPhone 17 Pro case in Red showing camera zoom capability through case cutout\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\u003cp class=\"essential-headline\"\u003eEasy access\u003c\/p\u003e\u003cp class=\"essential-description\"\u003ePrecise cutouts for easy and full access to all the buttons on iPhone.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\u003cp class=\"essential-headline\"\u003eSimply charge on.\u003c\/p\u003e\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\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"section-daily-essentials-item\"\u003e\u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_05_ee690c4e-6509-4ec2-bb4e-af085f55baf4.jpg?v=1776097741\" alt=\"iPhone 17 Pro Blast MagSafe case showing front and back view on charging stand\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c!-- Series Inspiration Section --\u003e\u003csection class=\"section-series-inspiration\"\u003e\u003cdiv class=\"section-container-fluid\"\u003e\u003cdiv class=\"section-content\"\u003e\u003cdiv class=\"section-header text-center text-light\"\u003e\u003ch1 class=\"section-headline\"\u003eIt's now or never.\u003c\/h1\u003e\u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\u003c\/div\u003e\u003cdiv class=\"section-body\"\u003e\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_sub_88703a65-a52b-4ba5-9410-6d3899cec95e.jpg?v=1775080911\" alt=\"Spigen C11 Blast iPhone 17 Pro case in Red leaning against illustrated cassette tape stack\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c!-- Modal for Subscription --\u003e\u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\u003cdiv class=\"modal-content\"\u003e\u003cdiv class=\"modal-header\"\u003e\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e  \u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"modal-body\"\u003e\u003cdiv class=\"modal-image-container\"\u003e\u003cdiv class=\"modal-text-content text-light\"\u003e\u003ch1 class=\"modal-headline\"\u003eStay ahead of new drops.\u003c\/h1\u003e\u003cp class=\"modal-subheadline\"\u003eSubscribe and be the first to explore fresh \u003cbr\u003ec11 designs every month.\u003c\/p\u003e\u003c\/div\u003e\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cnoscript\u003e        \/\/ Modal functionality        document.addEventListener(\"DOMContentLoaded\", function () {          console.log(\"Modal script loaded\");          \/\/ Get modal elements          const modalSubscription = document.getElementById(\"modal-subscription\");          const modalContent = document.getElementById(\"modal-content\");          \/\/ Get button elements          const ctaButton = document.querySelector(\".cta-button\");          const inspirationButton = document.querySelector(            \".edition-inspiration-button\"          );          console.log(\"CTA Button found:\", ctaButton);          console.log(\"Inspiration Button found:\", inspirationButton);          console.log(\"Modal Subscription found:\", modalSubscription);          console.log(\"Modal Content found:\", modalContent);          \/\/ Function to open modal          function openModal(modal) {            if (modal) {              modal.style.display = \"block\";              document.body.style.overflow = \"hidden\";              console.log(\"Modal opened:\", modal.id);            }          }          \/\/ Function to close modal          function closeModal(modal) {            if (modal) {              modal.style.display = \"none\";              document.body.style.overflow = \"auto\";              console.log(\"Modal closed:\", modal.id);            }          }          \/\/ CTA Button ? Subscription Modal          if (ctaButton \u0026\u0026 modalSubscription) {            ctaButton.addEventListener(\"click\", function (e) {              e.preventDefault();              e.stopPropagation();              console.log(\"CTA button clicked\");              openModal(modalSubscription);            });          } else {            console.error(\"CTA button or subscription modal not found\");          }          \/\/ Inspiration Button ? Content Modal          if (inspirationButton \u0026\u0026 modalContent) {            inspirationButton.addEventListener(\"click\", function (e) {              e.preventDefault();              e.stopPropagation();              console.log(\"Inspiration button clicked\");              openModal(modalContent);            });          } else {            console.error(\"Inspiration button or content modal not found\");          }          \/\/ Close buttons          const closeBtns = document.querySelectorAll(\".close\");          closeBtns.forEach(function (closeBtn) {            closeBtn.addEventListener(\"click\", function (e) {              e.preventDefault();              e.stopPropagation();              const modalId = this.getAttribute(\"data-modal\");              const modal = document.getElementById(modalId);              console.log(\"Close button clicked for modal:\", modalId);              closeModal(modal);            });          });          \/\/ Close modal when clicking outside of modal content          window.addEventListener(\"click\", function (event) {            if (event.target.classList.contains(\"modal\")) {              console.log(\"Modal background clicked\");              closeModal(event.target);            }          });          \/\/ ESC key to close modals          document.addEventListener(\"keydown\", function (e) {            if (e.key === \"Escape\") {              if (                modalSubscription \u0026\u0026                modalSubscription.style.display === \"block\"              ) {                closeModal(modalSubscription);              }              if (modalContent \u0026\u0026 modalContent.style.display === \"block\") {                closeModal(modalContent);              }            }          });          \/\/ Modal image click to close modal (only for mobile screens)          const modalImage = document.querySelector(\"#modal-content .modal-image\");          if (modalImage \u0026\u0026 modalContent) {            modalImage.addEventListener(\"click\", function (e) {              \/\/ Check if screen width is 1079.98px or less              if (window.matchMedia(\"(max-width: 1079.98px)\").matches) {                e.preventDefault();                e.stopPropagation();                console.log(\"Modal image clicked on mobile - closing modal\");                closeModal(modalContent);              }            });          }        });      \u003c\/noscript\u003e \u003cnoscript\u003e        \/\/ Omnisend ? ?? ??? ???        document.addEventListener(\"DOMContentLoaded\", function () {          const modalTitle = document.querySelector(\".modal-title\");          const modalText = document.querySelector(\".modal-text\");          const modalContent = document.querySelector(\".modal-content-wrapper\");          let hasChanged = false; \/\/ ?? ??? ???? ???          \/\/ Omnisend ?? ?? ?? ??          const checkSuccess = function () {            const successSection = document.querySelector(              \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\"            );            if (              successSection \u0026\u0026              window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026              !hasChanged            ) {              \/\/ ?? ?? ?? (? ?? ??)              modalTitle.textContent = \"Nice to have you!\";              modalText.innerHTML =                \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\";              \/\/ Omnisend ? ???              const omnisendForm = document.getElementById(                \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"              );              if (omnisendForm) {                omnisendForm.style.display = \"none\";              }              hasChanged = true; \/\/ ?????? ??              clearInterval(checkInterval); \/\/ ??? ??            }          };          \/\/ ????? ?? ?? ??          const checkInterval = setInterval(checkSuccess, 500);          \/\/ ? ?? ?? ?? ??? ??          const submitButton = document.querySelector(            \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\"          );          if (submitButton) {            submitButton.addEventListener(\"click\", function () {              if (!hasChanged) {                \/\/ ?? ???? ?? ???? ??                setTimeout(checkSuccess, 1000);                            }                        });                    }                });            \u003c\/noscript\u003e\u003c\/div\u003e\u003c\/section\u003e    \u003c!-- Wallpaper Section --\u003e    \u003csection class=\"section-wallpapers\"\u003e        \u003cdiv class=\"section-container\"\u003e            \u003cdiv class=\"section-content\"\u003e                \u003cdiv class=\"section-header text-center text-light\"\u003e                    \u003cp class=\"section-preheadline\" style=\"color: #549CF3 !important;\"\u003eFREE WALLPAPERS\u003c\/p\u003e                    \u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003eBlast it loud inside and out.                    \u003c\/h1\u003e                    \u003cp class=\"section-subheadline\"\u003eComplete the setup. \u003cbr\u003eFree matching wallpapers out now.\u003c\/p\u003e                    \u003cbutton class=\"cta-button btn-outline\" onclick=\"window.open('https:\/\/www.spigen.com\/pages\/wallpapers', '_blank')\"\u003e                        Download now                    \u003c\/button\u003e                \u003c\/div\u003e                \u003cdiv class=\"section-body\"\u003e                    \u003cdiv class=\"section-wallpapers-container\"\u003e                        \u003cimg class=\"section-wallpapers-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_06_c1c5a923-3733-40d6-9c31-a42ba9674a39.png?v=1776097741\" alt=\"\"\u003e                    \u003c\/div\u003e                \u003c\/div\u003e            \u003c\/div\u003e        \u003c\/div\u003e    \u003c\/section\u003e    \u003c!-- Outro Section --\u003e    \u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e        \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e            \u003ch2\u003e\u003cspan style=\"color: #ffffff;\"\u003eMore than just protection.\u003c\/span\u003e\u003c\/h2\u003e\u003c\/div\u003e\u003c\/sq-listing-outro\u003e\u003c\/div\u003e\u003c\/script\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eFEATURES\u003c\/span\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eMade from a premium blend of PC and TPU for durability\u003c\/li\u003e\n\u003cli\u003eMilitary-grade drop protection via Air Cushion Technology\u003c\/li\u003e\n\u003cli\u003ePremier Hexa-layer 3D Spatial Printing displays unique iconography\u003c\/li\u003e\n\u003cli\u003eThe camera control button is covered by a thin TPU layer, providing protection while maintaining functionality.\u003c\/li\u003e\n\u003cli\u003eFully covered camera bump with precise cutouts to combat everyday bumps, debris, or scratches\u003c\/li\u003e\n\u003cli\u003eCompatible with wireless charging and MagSafe accessories\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"section-preheadline\" style=\"text-align: center;\"\u003eiPhone 17 Pro Series\u003c\/p\u003e\n\u003ch1 class=\"section-headline\" style=\"text-align: center;\"\u003eBlast Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\" style=\"text-align: center;\"\u003eBlast back to the analog era. Ditch playlists and streaming for a graphically loud tribute to the golden age of the mixtape.\u003c\/p\u003e\n\u003cp class=\"section-subheadline\" style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_desktop_01.jpg?v=1775080911\" alt=\"Spigen C11 Blast iPhone 17 Pro case in Red displayed between comic-style speakers in pop art setting\"\u003e\u003c\/p\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.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_01.jpg?v=1775080910\" alt=\"Spigen C11 Blast iPhone 17 Pro case close-up of detailed boombox graphic with glitter texture\"\u003e\u003c\/p\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.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_02.jpg?v=1775080910\" alt=\"Spigen C11 Blast iPhone 17 Pro case in Red back view with boombox graffiti graphic separating from phone\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_03.jpg?v=1775080910\" alt=\"Close up of the corner with shadowed image with a reflective blue rectangular object displaying the air cushion technology\"\u003e\u003c\/p\u003e\n\u003ch1 class=\"section-headline\" style=\"text-align: center;\"\u003eDaily essentials\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\" style=\"text-align: center;\"\u003eDay to day essentials covered.\u003c\/p\u003e\n\u003cp class=\"section-subheadline\" style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_04.jpg?v=1775080911\" alt=\"Spigen C11 Blast iPhone 17 Pro case in Red showing camera zoom capability through case cutout\"\u003e\u003c\/p\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.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_05_ee690c4e-6509-4ec2-bb4e-af085f55baf4.jpg?v=1776097741\" alt=\"iPhone 17 Pro Blast MagSafe case showing front and back view on charging stand\"\u003e\u003c\/p\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\u003ch1 class=\"section-headline\" style=\"text-align: center;\"\u003eIt's now or never.\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\" style=\"text-align: center;\"\u003ec11 designlab\u003c\/p\u003e\n\u003cp class=\"section-subheadline\" style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_sub_88703a65-a52b-4ba5-9410-6d3899cec95e.jpg?v=1775080911\" alt=\"Spigen C11 Blast iPhone 17 Pro case in Red leaning against illustrated cassette tape stack\"\u003e\u003c\/p\u003e","brand":"mysite","offers":[{"title":"iPhone 17 Pro Max \/ Blast","offer_id":52835256009016,"sku":"ACS11412","price":10.99,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Blast","offer_id":52835256041784,"sku":"ACS11413","price":10.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1011\/5049\/0936\/files\/detail_web_iphone17series_c11_blast_01_44e7f9ac-384d-4fcf-97a1-1db426b3d89f.jpg?v=1787333731","url":"https:\/\/spigenphonecase.shop\/products\/iphone-17-series-c11-series-blast-edition-mag-fit","provider":"My Store","version":"1.0","type":"link"}