{"product_id":"nomad-traditional-leather-folio-rustikus-barna-horween-iphone-duo","title":"Nomad Traditional Leather Folio, rusztikus barna (Horween) - iPhone Duo","description":"\u003cdiv class=\"ng-story\"\u003e\n\n  \u003cdiv class=\"ng-story__row\"\u003e\n    \u003cdiv class=\"ng-story__media\"\u003e\n      \u003cvideo autoplay muted loop playsinline preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0384\/6721\/files\/preview_images\/3d4b8de7bb1f44148bc61ad53a4e1dce.thumbnail.0000000000.jpg?v=1789509366\"\u003e\n        \u003csource src=\"https:\/\/checkout.nomadgoods.com\/cdn\/shop\/videos\/c\/vp\/3d4b8de7bb1f44148bc61ad53a4e1dce\/3d4b8de7bb1f44148bc61ad53a4e1dce.HD-720p-4.5Mbps-94525829.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ng-story__content\"\u003e\n      \u003ch2\u003eKifinomult forma\u003c\/h2\u003e\n      \u003cp\u003eAz iPhone Duo készülékhez tervezett folio tok gondosan megválasztott anyagokkal és precíz részletekkel egészíti ki a telefon megjelenését.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ng-story__row ng-story__row--reverse\"\u003e\n    \u003cdiv class=\"ng-story__media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0384\/6721\/files\/HorweenLeather_-_Banner_01_-_DESKTOP_25a05b51-2cee-456b-9196-6a9f74188bfc.jpg?v=1788045254\u0026amp;width=1400\u0026amp;height=661\u0026amp;crop=center\" alt=\"Horween bőr megmunkálása\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ng-story__content\"\u003e\n      \u003ch2\u003eHorween bőr\u003c\/h2\u003e\n      \u003cp\u003eA minimálisan kezelt bőr megőrzi természetes jegyeit. Az apró eltérések és árnyalatok minden darabnak saját karaktert adnak.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ng-story__hero\"\u003e\n    \u003cvideo autoplay muted loop playsinline preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0384\/6721\/files\/preview_images\/81331f7729e04924b829fc2d92bc43e9.thumbnail.0000000000.jpg?v=1695049633\"\u003e\n      \u003csource src=\"https:\/\/checkout.nomadgoods.com\/cdn\/shop\/videos\/c\/vp\/81331f7729e04924b829fc2d92bc43e9\/81331f7729e04924b829fc2d92bc43e9.HD-720p-1.6Mbps-18525359.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\n    \u003cdiv class=\"ng-story__hero-copy\"\u003e\n      \u003cp\u003eMinőség. Karakter. Hagyomány.\u003c\/p\u003e\n      \u003ch2\u003eHorween bőr\u003c\/h2\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ng-story__row\"\u003e\n    \u003cdiv class=\"ng-story__comparison ng-story__comparison--slider\" data-ng-comparison style=\"--ng-split: 50%;\"\u003e\n\n      \u003c!-- Alapkép: 100. nap --\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0384\/6721\/files\/TLFH18_Ultra_Compare_Black_Day100.jpg?v=1788728531\" alt=\"A tok 100 nap használat után\" loading=\"lazy\"\u003e\n\n      \u003c!-- Ráhúzott kép: 1. nap --\u003e\n      \u003cdiv class=\"ng-story__comparison-overlay\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0384\/6721\/files\/TLFH18_Ultra_Compare_Black_Day1.jpg?v=1788728530\" alt=\"A tok az első napon\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n\n      \u003cspan class=\"ng-story__comparison-divider\" aria-hidden=\"true\"\u003e\n        \u003cspan\u003e↔\u003c\/span\u003e\n      \u003c\/span\u003e\n\n      \u003cinput class=\"ng-story__comparison-range\" type=\"range\" min=\"0\" max=\"100\" value=\"50\" aria-label=\"Patina összehasonlítása, húzd a csúszkát\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ng-story__content\"\u003e\n      \u003ch2\u003eEgyedi patina\u003c\/h2\u003e\n      \u003cp\u003eA mindennapi használat nyomán a bőr idővel egyre karakteresebb lesz. A felület változása a termék saját történetének részévé válik.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ng-story__row ng-story__row--reverse\"\u003e\n    \u003cdiv class=\"ng-story__media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0384\/6721\/files\/MLF18_Ultra_Black_Feature2_14abe506-8039-405d-b275-0f61853c0a7a.jpg?v=1788905125\u0026amp;width=1400\u0026amp;height=1400\u0026amp;crop=center\" alt=\"A folio tok belső oldala és MagSafe kialakítása\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ng-story__content\"\u003e\n      \u003ch2\u003eMagSafe-re tervezve\u003c\/h2\u003e\n      \u003cp\u003eA beépített mágnesek MagSafe-töltőkkel és kiegészítőkkel is kényelmes használatot biztosítanak.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.ng-story {\n  --ng-radius: 20px;\n  --ng-shadow: 0 8px 24px rgba(0, 0, 0, 0.10);\n  max-width: 1120px;\n  width: 100%;\n  margin: 36px auto;\n  color: #111;\n}\n\n.ng-story *,\n.ng-story *::before,\n.ng-story *::after {\n  box-sizing: border-box;\n}\n\n.ng-story__row,\n.ng-story__hero {\n  overflow: hidden;\n  margin: 20px 0;\n  border-radius: var(--ng-radius);\n  background: #fff;\n  box-shadow: var(--ng-shadow);\n}\n\n.ng-story__row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  min-height: 370px;\n}\n\n.ng-story__media {\n  position: relative;\n  min-height: 370px;\n  overflow: hidden;\n  background: #eee;\n}\n\n.ng-story__media img,\n.ng-story__hero \u003e img,\n.ng-story__comparison img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.ng-story__media img {\n  position: absolute;\n  inset: 0;\n}\n\n.ng-story__row--reverse .ng-story__media {\n  order: 2;\n}\n\n.ng-story__content {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: clamp(28px, 5vw, 76px);\n}\n\n.ng-story__content h2 {\n  margin: 0 0 12px;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: clamp(34px, 4.5vw, 58px);\n  font-weight: 700;\n  line-height: 0.98;\n  letter-spacing: -0.04em;\n}\n\n.ng-story__content p {\n  max-width: 430px;\n  margin: 0;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 17px;\n  line-height: 1.55;\n}\n\n.ng-story__hero {\n  position: relative;\n  display: grid;\n  min-height: 300px;\n  aspect-ratio: 3.8 \/ 1;\n  place-items: center;\n  background: #222;\n  color: #fff;\n  text-align: center;\n}\n\n.ng-story__hero \u003e img {\n  position: absolute;\n  inset: 0;\n}\n\n.ng-story__hero::after {\n  position: absolute;\n  inset: 0;\n  content: \"\";\n  background: linear-gradient(\n    90deg,\n    rgba(0, 0, 0, 0.48),\n    rgba(0, 0, 0, 0.20),\n    rgba(0, 0, 0, 0.48)\n  );\n}\n\n.ng-story__hero-copy {\n  position: relative;\n  z-index: 1;\n  padding: 28px;\n}\n\n.ng-story__hero-copy p {\n  margin: 0 0 6px;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: clamp(15px, 2vw, 20px);\n  font-weight: 700;\n}\n\n.ng-story__hero-copy h2 {\n  margin: 0;\n  color: #fff;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: clamp(34px, 5vw, 62px);\n  line-height: 1;\n  letter-spacing: -0.04em;\n}\n\n.ng-story__comparison {\n  position: relative;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  min-height: 370px;\n  overflow: hidden;\n  background: #eee;\n}\n\n.ng-story__comparison \u003e div {\n  position: relative;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.ng-story__comparison img {\n  position: absolute;\n  inset: 0;\n}\n\n.ng-story__comparison span {\n  position: absolute;\n  z-index: 1;\n  top: 18px;\n  left: 18px;\n  padding: 7px 11px;\n  border-radius: 20px;\n  background: rgba(255, 255, 255, 0.92);\n  color: #111;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.ng-story__comparison::after {\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  bottom: 0;\n  left: 50%;\n  width: 2px;\n  content: \"\";\n  background: #111;\n  transform: translateX(-50%);\n}\n\n.ng-story__media video,\n.ng-story__hero \u003e video {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n\/* Húzható patina-összehasonlító *\/\n.ng-story__comparison--slider {\n  position: relative;\n  display: block;\n  min-height: 370px;\n  background: #fff;\n  --ng-split: 50%;\n}\n\n.ng-story__comparison--slider \u003e img,\n.ng-story__comparison--slider .ng-story__comparison-overlay img {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n.ng-story__comparison--slider .ng-story__comparison-overlay {\n  position: absolute;\n  z-index: 1;\n  inset: 0;\n  overflow: hidden;\n  clip-path: inset(0 calc(100% - var(--ng-split)) 0 0);\n}\n\n.ng-story__comparison--slider .ng-story__comparison-divider {\n  position: absolute;\n  z-index: 3;\n  top: 0;\n  bottom: 0;\n  left: var(--ng-split);\n  width: 2px;\n  padding: 0;\n  border-radius: 0;\n  background: #fff;\n  pointer-events: none;\n  transform: translateX(-50%);\n}\n\n.ng-story__comparison--slider .ng-story__comparison-divider \u003e span {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  display: grid;\n  width: 44px;\n  height: 44px;\n  padding: 0;\n  place-items: center;\n  border-radius: 50%;\n  background: #111;\n  color: #fff;\n  font: 24px Arial, sans-serif;\n  transform: translate(-50%, -50%);\n}\n\n.ng-story__comparison--slider .ng-story__comparison-range {\n  position: absolute;\n  z-index: 4;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  -webkit-appearance: none;\n  appearance: none;\n  background: transparent;\n  cursor: ew-resize;\n  touch-action: pan-y;\n}\n\n.ng-story__comparison--slider .ng-story__comparison-range::-webkit-slider-runnable-track {\n  height: 100%;\n  background: transparent;\n}\n\n.ng-story__comparison--slider .ng-story__comparison-range::-webkit-slider-thumb {\n  width: 44px;\n  height: 44px;\n  -webkit-appearance: none;\n  appearance: none;\n  border: 0;\n  background: transparent;\n}\n\n.ng-story__comparison--slider .ng-story__comparison-range::-moz-range-track {\n  height: 100%;\n  border: 0;\n  background: transparent;\n}\n\n.ng-story__comparison--slider .ng-story__comparison-range::-moz-range-thumb {\n  width: 44px;\n  height: 44px;\n  border: 0;\n  background: transparent;\n}\n\n.ng-story__comparison--slider::after {\n  display: none;\n}\n\n@media (max-width: 700px) {\n  .ng-story {\n    margin: 24px auto;\n  }\n\n  .ng-story__row {\n    grid-template-columns: 1fr;\n    min-height: 0;\n  }\n\n  .ng-story__media {\n    min-height: 0;\n    aspect-ratio: 1.15 \/ 1;\n  }\n\n  .ng-story__row--reverse .ng-story__media {\n    order: 0;\n  }\n\n  .ng-story__content {\n    padding: 28px 24px 32px;\n  }\n\n  .ng-story__content h2 {\n    font-size: clamp(34px, 10vw, 48px);\n  }\n\n  .ng-story__hero {\n    min-height: 250px;\n    aspect-ratio: 1.3 \/ 1;\n  }\n\n  .ng-story__comparison {\n    min-height: 0;\n    aspect-ratio: 1.15 \/ 1;\n  }\n\n  .ng-story__comparison--slider {\n    min-height: 0;\n    aspect-ratio: 1.15 \/ 1;\n  }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\ndocument.querySelectorAll(\"[data-ng-comparison]\").forEach(function (slider) {\n  var range = slider.querySelector(\".ng-story__comparison-range\");\n\n  if (!range) return;\n\n  function updateSplit() {\n    slider.style.setProperty(\"--ng-split\", range.value + \"%\");\n  }\n\n  range.addEventListener(\"input\", updateSplit);\n  updateSplit();\n});\n\u003c\/script\u003e","brand":"Nomad","offers":[{"title":"Default Title","offer_id":57562743538039,"sku":"114773118E8E_","price":42990.0,"currency_code":"HUF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0822\/9548\/8854\/files\/NOMADb284-01.webp?v=1792144817","url":"https:\/\/istyle.hu\/products\/nomad-traditional-leather-folio-rustikus-barna-horween-iphone-duo","provider":"iSTYLE.hu","version":"1.0","type":"link"}