{"product_id":"nomad-iphone-18-pro-17-pro-case-magnetic-leather-back-case","title":"NOMAD iPhone 18 Pro \/ 17 Pro  Magnetic Leather Back Plate, Ultra-Thin Design","description":"\u003cdiv class=\"description\"\u003e\n\u003cdiv class=\"std\"\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003cp style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv style=\"position: relative; width: 100%;\"\u003e\n\u003cvideo id=\"myVideo\" autoplay=\"autoplay\" loop=\"loop\" playsinline=\"\" controls=\"controls\" preload=\"auto\" style=\"width: 100%; height: auto;\"\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/ee0e6ac2d87c4829a1a03f47edb1cfbc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cbutton id=\"soundButton\" type=\"button\" style=\"display: none; margin-top: 10px; padding: 10px 16px; cursor: pointer;\"\u003e ▶ Play video with sound \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.nomad-details {\n  width: 100%;\n  max-width: 1600px;\n  margin: 0 auto;\n  padding: 0 24px;\n  color: #000;\n  font-family: inherit;\n  line-height: 1.6;\n}\n\n\/* To make it go edge-to-edge on Shopify, add this to .nomad-details:\n   width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); *\/\n\n.nomad-details * {\n  box-sizing: border-box;\n}\n\n\/* ---------- IMAGES: full image visible, no cropping ---------- *\/\n.nomad-image {\n  width: 100%;\n  min-width: 0;\n  overflow: visible;\n}\n\n.nomad-image img {\n  display: block;\n  width: 100%;\n  height: auto !important;\n  max-height: none !important;\n  aspect-ratio: auto !important;\n  object-fit: contain !important;\n  object-position: center;\n  border-radius: 0;\n}\n\n\/* ---------- LAYOUT ---------- *\/\n.nomad-hero,\n.nomad-row {\n  display: grid;\n  grid-template-columns: 1.15fr 1fr;\n  align-items: center;\n  gap: 60px;\n  margin: 0 0 90px;\n}\n\n.nomad-row.reverse {\n  grid-template-columns: 1fr 1.15fr;\n}\n\n.nomad-row.reverse .nomad-image { order: 2; }\n.nomad-row.reverse .nomad-copy  { order: 1; }\n\n.nomad-copy {\n  padding: 10px 20px;\n}\n\n\/* ---------- TEXT: big and bold ---------- *\/\n.nomad-eyebrow {\n  font-size: 14px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #555;\n  margin-bottom: 10px;\n}\n\n.nomad-details h2 {\n  font-size: clamp(40px, 6vw, 84px);\n  line-height: 1.05;\n  font-weight: 700;\n  letter-spacing: -1px;\n  margin: 0 0 24px;\n  color: #000;\n}\n\n.nomad-details h3 {\n  font-size: clamp(34px, 4.6vw, 72px);\n  line-height: 1.05;\n  font-weight: 700;\n  letter-spacing: -1px;\n  margin: 0 0 24px;\n  color: #000;\n}\n\n.nomad-details p {\n  font-size: clamp(18px, 1.9vw, 28px);\n  line-height: 1.55;\n  color: #111;\n  margin: 0;\n}\n\n.nomad-details p a {\n  color: inherit;\n  text-decoration: underline;\n}\n\n\/* ---------- SECTION HEADINGS ---------- *\/\n.nomad-section-heading {\n  text-align: center;\n  margin: 20px 0 70px;\n}\n\n.nomad-section-heading h2 {\n  font-size: clamp(36px, 5vw, 64px);\n  margin-bottom: 0;\n}\n\n\/* ---------- VIDEO ---------- *\/\n.nomad-video {\n  width: 100%;\n  margin: 70px 0;\n  text-align: center;\n}\n\n.nomad-video h2 {\n  font-size: clamp(36px, 5vw, 64px);\n}\n\n.nomad-video video {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  margin: 30px 0;\n  object-fit: contain;\n  background: #111;\n}\n\n\/* ---------- SPECS ---------- *\/\n.nomad-specs {\n  width: 100%;\n  border-collapse: collapse;\n  margin: 25px 0;\n}\n\n.nomad-specs td {\n  padding: 20px 16px;\n  border-bottom: 1px solid #ddd;\n  font-size: clamp(16px, 1.5vw, 22px);\n  text-align: left;\n}\n\n.nomad-specs td:first-child {\n  width: 35%;\n  font-weight: 700;\n}\n\n\/* ---------- MOBILE ---------- *\/\n@media (max-width: 800px) {\n  .nomad-details {\n    padding: 0 14px;\n  }\n\n  .nomad-hero,\n  .nomad-row,\n  .nomad-row.reverse {\n    grid-template-columns: 1fr;\n    gap: 18px;\n    margin-bottom: 55px;\n  }\n\n  .nomad-row.reverse .nomad-image,\n  .nomad-row.reverse .nomad-copy {\n    order: initial;\n  }\n\n  .nomad-copy {\n    padding: 4px 2px;\n  }\n\n  .nomad-details h2 { font-size: 40px; }\n  .nomad-details h3 { font-size: 34px; }\n  .nomad-details p  { font-size: 18px; }\n\n  .nomad-section-heading { margin: 10px 0 40px; }\n  .nomad-video { margin: 45px 0; }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"description\"\u003e\n\u003cdiv class=\"std\"\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003cdiv class=\"nomad-details\"\u003e\n\u003c!-- HERO: IMAGE LEFT, TEXT RIGHT --\u003e\n\u003csection class=\"nomad-hero\"\u003e\n\u003cdiv class=\"nomad-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0384\/6721\/files\/855848009377_A_LOGO_PHONE.jpg?v=1787428134\u0026amp;width=2000\u0026amp;height=2000\u0026amp;crop=center\" alt=\"NOMAD Rugged Leather Case\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nomad-copy\"\u003e\n\u003cdiv class=\"nomad-eyebrow\"\u003eNOMAD Collection\u003c\/div\u003e\n\u003ch2\u003eMag Leather Back\u003c\/h2\u003e\n\u003cp\u003eUltra-thin and precision cut, Mag Leather Back maintains the look and feel of your iPhone 18 while giving it a sleek and sophisticated leather look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FEATURES HEADING --\u003e\n\u003cdiv class=\"nomad-section-heading\"\u003e\n\u003cdiv class=\"nomad-eyebrow\"\u003eDesigned with purpose\u003c\/div\u003e\n\u003ch2\u003eDetails That Matter\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- ROW 1: IMAGE LEFT, TEXT RIGHT --\u003e\n\u003csection class=\"nomad-row\"\u003e\n\u003cdiv class=\"nomad-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0384\/6721\/files\/855848009377_E.jpg?v=1787428134\u0026amp;width=2000\u0026amp;height=2000\u0026amp;crop=center\" alt=\"Stylish and protective case design\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nomad-copy\"\u003e\n\u003ch3\u003eMade to Be Seen\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eUltra-thin and precision cut, Mag Leather Back maintains the form factor of your iPhone while giving it a sleek and sophisticated leather look.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ROW 2: TEXT LEFT, IMAGE RIGHT --\u003e\n\u003csection class=\"nomad-row reverse\"\u003e\n\u003cdiv class=\"nomad-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0384\/6721\/files\/HorweenLeather_-_Banner_01_-_DESKTOP_bc8d01e9-08e9-4422-bc8b-f2ceacba12dc.jpg?v=1695051631\u0026amp;width=1000\u0026amp;height=472\u0026amp;crop=center\" alt=\"Horween leather close-up\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nomad-copy\"\u003e\n\u003ch3\u003eHorween Leather\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eHorween leather is minimally treated, preserving many of the natural features of the hide; rather than correcting for blemishes or color variation, the Horween team embraces these imperfections as signs of authenticity and personality.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ROW 3: IMAGE LEFT, TEXT RIGHT --\u003e\n\u003csection class=\"nomad-row\"\u003e\n\u003cdiv class=\"nomad-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0384\/6721\/files\/855848009377_D_PHONE.jpg?v=1787428134\u0026amp;width=2000\u0026amp;height=2000\u0026amp;crop=center\" alt=\"Leather patina detail\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nomad-copy\"\u003e\n\u003ch3\u003eThe Ultimate Patina\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eWith daily use, Horween leather develops a rich, high-contrast patina that's uniquely yours. Marks and scratches blend into the finish over time, creating deep character that evolves quickly and only gets better the longer you carry it.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ROW 4: TEXT LEFT, IMAGE RIGHT --\u003e\n\u003csection class=\"nomad-row reverse\"\u003e\n\u003cdiv class=\"nomad-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0384\/6721\/files\/855848009377_E.jpg?v=1787428134\u0026amp;width=2000\u0026amp;height=2000\u0026amp;crop=center\" alt=\"Case with wrist strap anchor point\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"nomad-copy\"\u003e\n\u003ch3\u003eSnap On.\u003cbr\u003eSnap Off.\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eDesigned with microsuction patches and an integrated magnet array, Magnetic Leather Back stays securely attached to your iPhone day in and day out. Remove and reinstall it with a satisfying snap.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- SPECIFICATIONS --\u003e\n\u003csection\u003e\n\u003cdiv class=\"nomad-section-heading\"\u003e\n\u003cdiv class=\"nomad-eyebrow\"\u003eProduct information\u003c\/div\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003ctable class=\"nomad-specs\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eBrand\u003c\/td\u003e\n\u003ctd\u003eNOMAD\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct\u003c\/td\u003e\n\u003ctd\u003eMagnetic Leather Back Plate\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCompatibility\u003c\/td\u003e\n\u003ctd\u003eiPhone 18 Pro \/ iPhone 17 Pro\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMaterial\u003c\/td\u003e\n\u003ctd\u003eHorween\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePattern\u003c\/td\u003e\n\u003ctd\u003eMagnetic Leather Back\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"TekkiTake - Stay Distinct.","offers":[{"title":"Black","offer_id":67828863533377,"sku":"NMHR_17P_MLB_BK","price":7999.0,"currency_code":"INR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0810\/8331\/files\/NOM26_Launch_iPhone18-Launch_FEAs_MagneticLeatherBack_Black_1.png?v=1792067081","url":"https:\/\/tekkitake.com\/products\/nomad-iphone-18-pro-17-pro-case-magnetic-leather-back-case","provider":"TekkiTake - Stay Distinct.","version":"1.0","type":"link"}