{"product_id":"iphone-17-series-c11-series-traverse-edition-magfit","title":"iPhone 17 Series - c11 Series Traverse 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, 4frr);      grid-auto-rows: minmax(300px, auto);      gap: 32px;    }    .section-daily-essentials-item:nth-child(1) {      grid-column: 1 \/ 2;      grid-row: 2 \/ 3;    }    .section-daily-essentials-item:nth-child(2) {      grid-column: 1 \/ 2;      grid-row: 1 \/ 2;    }    .section-daily-essentials-item:nth-child(3) {      grid-column: 1 \/ 2;      grid-row: 3 \/ 4;    }    .section-daily-essentials-item:nth-child(4) {      grid-column: 1 \/ 2;      grid-row: 4 \/ 5;    }  }  .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] {    position: relative;    display: flex;    flex-direction: column;    justify-content: center;    align-items: flex-start;    background-color: #ffffff;    height: 100%;    border-radius: 16px;    overflow: hidden;  }  .section-daily-essentials-item .section-daily-essentials-list-text-item {    padding: 40px;    color: #000000;  }  .section-daily-essentials-item .essential-headline {    font-size: 40px;    font-weight: 800;    line-height: 1.2;    margin: 0 0 16px;  }  .section-daily-essentials-item .essential-description {    font-size: 20px;    font-weight: 400;    line-height: 1.5;    margin: 0;  }  \/* ------------------------------------------------------------[Sections] Series Inspiration------------------------------------------------------------ *\/  .section-series-inspiration {    background-color: #1c1c1c;  }  .section-series-inspiration-container {    position: relative;  }  .section-series-inspiration-button,  .edition-inspiration-button {    position: absolute;    top: 0;    right: 0;    margin: 32px;    width: 40px;    height: 40px;    color: #ffffff;    background-color: transparent;    border: none;    border-radius: 100px;    cursor: pointer;    transition: all 0.3s ease;    z-index: 1;  }  @media (min-width: 1080px) {    .section-series-inspiration .section-body {      position: relative;      max-width: 1200px;      padding: 0 4rem;      margin: 0 auto;    }    .section-series-inspiration-container {      border-radius: 32px;      overflow: hidden;    }  }  @media (max-width: 1079.98px) {    .section-series-inspiration.section-body {      position: relative;      padding: 0;      border-radius: 0;    }  }  \/* ------------------------------------------------------------Modal Styles------------------------------------------------------------ *\/  .edition-inspiration-button {    background: linear-gradient(      135deg,      rgba(255, 255, 255, 0.1),      rgba(255, 255, 255, 0.05)    );    backdrop-filter: blur(20px);    -webkit-backdrop-filter: blur(20px);    border: 1px solid rgba(255, 255, 255, 0.2);    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),      inset 0 1px 0 rgba(255, 255, 255, 0.2);    padding: 4px;    border-radius: 100px;    transition: all 0.3s ease;  }  .edition-inspiration-button:hover {    background: rgba(255, 255, 255, 0.25);  }  #modal-subscription {    display: none;    position: fixed;    z-index: 1000;    left: 0;    top: 0;    width: 100%;    height: 100%;    background-color: rgba(0, 0, 0, 0.6);  }  #modal-subscription .modal-content {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    background-color: #1c1c1c;    padding: 48px;    width: 90%;    max-width: 740px;    min-height: 600px;    border-radius: 32px;    display: flex;    align-items: center;  }  #modal-subscription .modal-header {    position: absolute;    top: 20px;    right: 20px;    z-index: 1001;    display: flex;    justify-content: center;    align-items: center;    width: 50px;    height: 50px;    background-color: #ffffff;    border-radius: 100px;    cursor: pointer;  }  #modal-subscription .modal-header .close {    display: flex;    justify-content: center;    align-items: center;    transition: all 0.3s ease;  }  #modal-subscription .modal-header .close svg {    width: 24px;    height: 24px;    color: #1c1c1c;  }  #modal-subscription .modal-header:hover {    background-color: #000000;  }  #modal-subscription .modal-header:hover svg {    color: #ffffff;  }  #modal-subscription .modal-text-content {    width: 100%;    text-align: center;    margin-bottom: 32px;  }  #modal-subscription input[type=\"email\"] {    text-align: center;  }  #modal-subscription button[type=\"submit\"] {    border-radius: 100px;  }  #modal-content {    display: none;    position: fixed;    z-index: 1000;    left: 0;    top: 0;    width: 100%;    height: 100%;  }  #modal-content .modal-content {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    background: linear-gradient(      135deg,      rgba(255, 255, 255, 0.1),      rgba(255, 255, 255, 0.05)    );    backdrop-filter: blur(20px);    -webkit-backdrop-filter: blur(20px);    border: 1px solid rgba(255, 255, 255, 0.2);    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),      inset 0 1px 0 rgba(255, 255, 255, 0.2);    padding: 48px;    width: 90%;    max-width: 800px;    border-radius: 32px;  }  .modal-body {    padding: 0;  }  .modal-image-container {    width: 100%;    text-align: center;    color: #ffffff;  }  .modal-image {    width: 100%;    height: auto;    border-radius: 16px;    object-fit: contain;    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);  }  #modal-content .modal-headline {    color: #ffffff;  }  @media (min-width: 1080px) {    .modal-text-content {      padding: 40px;      color: #ffffff;    }    .modal-headline {      font-size: 48px;      font-weight: 800;      line-height: 1.2;      margin: 0 0 16px;    }    .modal-subheadline {      font-size: 20px;      font-weight: 400;      line-height: 1.5;      margin: 0;    }  }  @media (max-width: 1079.98px) {    .modal-content {      width: 95%;      margin: 20px auto;      padding: 15px;    }    .modal-header {      top: 15px;      right: 15px;    }    .modal-text-content {      padding: 16px 0;      color: #ffffff;    }    .modal-content .modal-image {      cursor: pointer;    }    .modal-headline {      font-size: 24px;      font-weight: 800;      line-height: 1.2;      margin: 0 0 16px;    }    .modal-subheadline {      font-size: 16px;      font-weight: 400;      line-height: 1.5 !important;      margin: 0;    }    .close {      width: 40px;      height: 40px;      font-size: 24px;    }  }\u003c\/style\u003e\n\u003cdiv class=\"main-product__block main-product__block-custom_liquid\"\u003e\n\u003cdiv class=\"m-product-text\"\u003e\n\u003cdiv\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\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eFEATURES\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;\"\u003eTraverse Edition\u003c\/h1\u003e\n\u003cp class=\"section-subheadline\" style=\"text-align: center;\"\u003eReunite with nature. Hand-drawn sticker collage design brings back childhood camping nostalgia. Let the good times roll.\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\/Traverse_long_description_traverse_desktop_01.jpg?v=1761765262\" alt=\"A green iPhone 17 Pro Series Turbo Edition with a clear case covered in outdoor and travel-themed stickers rests on the orange hood of a car next to a wooden vintage radio and a gray blanket draped over a map in a forest setting.\"\u003e\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\/Traverse_long_description_feature_01.jpg?v=1761765262\" alt=\"An extreme close-up of the iPhone 17 Pro Series Turbo case stickers showing the Hexa-layering technology Feature, highlighted by an orange 4x4 off-road truck, the text Explore More, Nature Vibes, scattered trees, and a camping lantern.\"\u003e\u003c\/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\/Traverse_long_description_feature_02.jpg?v=1761765262\" alt=\"Spigen c11 Traverse Edition clear phone case for iPhone 17 Pro, showing the green camera bump protection and adventure stickers.\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_feature_03.jpg?v=1761765261\" alt=\"Close up of the iPhone 17 Pro c11 Traverse highlighting the Air Cushion Feature\"\u003e\u003c\/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\/Traverse_long_description_feature_04.jpg?v=1761765262\" alt=\"Hand holding an iPhone 17 Pro in an olive green c11 Traverse case, Camera Cutout Button displaying the camera screen capturing a glowing tent at night.\"\u003e\u003c\/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\/Traverse_long_description_feature_05.jpg?v=1761765262\" alt=\"Two green-cased iPhones side-by-side: the left one is charging wirelessly, displaying the lock screen, and the right one is face down, showing a white MagSafe charger over nature-themed stickers.\"\u003e\u003c\/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\/Traverse_long_description_sub.jpg?v=1761765262\" alt=\"iPhone 17 Pro c11 Traverse phone case with a green camera bump, decorated with various nature and off-roading stickers, resting on a wooden surface next to a lantern.\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"mysite","offers":[{"title":"iPhone 17 Pro Max \/ Traverse","offer_id":52835255583032,"sku":"ACS10817","price":10.99,"currency_code":"USD","in_stock":true},{"title":"iPhone 17 Pro \/ Traverse","offer_id":52835255615800,"sku":"ACS10818","price":10.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1011\/5049\/0936\/files\/detail_web_iphone16proseries_c11_traverse_01.jpg?v=1787333723","url":"https:\/\/spigenphonecase.shop\/products\/iphone-17-series-c11-series-traverse-edition-magfit","provider":"My Store","version":"1.0","type":"link"}