{"product_id":"sh1","title":"🍃Hořčíkový krém pro celkovou úlevu","description":"\u003cstyle\u003e\n\/* ========================================\n   HOŘČÍKOVÝ KRÉM – PRODUCT DETAIL\n   Pure HTML + CSS | Czech Market\n======================================== *\/\n\n#hrm-detail {\n  --hrm-green: #294b38;\n  --hrm-dark: #203b2c;\n  --hrm-sage: #e9eee4;\n  --hrm-cream: #f8f5ed;\n  --hrm-gold: #c3a46a;\n  --hrm-text: #29352d;\n  --hrm-muted: #687168;\n  font-family: inherit;\n  color: var(--hrm-text);\n  background: #fff;\n  line-height: 1.7;\n  overflow-wrap: anywhere;\n}\n\n#hrm-detail *,\n#hrm-detail *::before,\n#hrm-detail *::after {\n  box-sizing: border-box;\n}\n\n#hrm-detail h1,\n#hrm-detail h2,\n#hrm-detail h3,\n#hrm-detail p {\n  margin-top: 0;\n}\n\n#hrm-detail h1,\n#hrm-detail h2,\n#hrm-detail h3 {\n  color: var(--hrm-dark);\n  line-height: 1.22;\n  letter-spacing: -0.025em;\n}\n\n#hrm-detail h1 {\n  font-size: clamp(32px, 4.5vw, 52px);\n  margin-bottom: 20px;\n  font-weight: 750;\n}\n\n#hrm-detail h2 {\n  font-size: clamp(27px, 3.4vw, 39px);\n  margin-bottom: 18px;\n  font-weight: 730;\n}\n\n#hrm-detail h3 {\n  font-size: 20px;\n  margin-bottom: 10px;\n  font-weight: 700;\n}\n\n#hrm-detail p {\n  color: var(--hrm-muted);\n}\n\n#hrm-detail .hrm-wrap {\n  width: 100%;\n  max-width: 1160px;\n  margin: 0 auto;\n  padding: 24px 20px 48px;\n}\n\n#hrm-detail .hrm-eyebrow {\n  color: var(--hrm-green);\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  margin-bottom: 16px;\n}\n\n#hrm-detail .hrm-lead {\n  font-size: 16px;\n  line-height: 1.85;\n  margin-bottom: 22px;\n}\n\n#hrm-detail .hrm-section {\n  margin-top: 76px;\n}\n\n#hrm-detail .hrm-heading {\n  max-width: 720px;\n  margin: 0 auto 35px;\n  text-align: center;\n}\n\n#hrm-detail .hrm-heading \u003e p:last-child {\n  max-width: 630px;\n  margin: 0 auto;\n  font-size: 14px;\n  line-height: 1.9;\n}\n\n#hrm-detail .hrm-media {\n  position: relative;\n  width: 100%;\n  min-height: 240px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  border-radius: 18px;\n  background: linear-gradient(145deg, #f5f2e9, #e8ede3);\n}\n\n#hrm-detail .hrm-media img {\n  display: block;\n  width: 100%;\n  height: auto;\n  max-width: 100%;\n  object-fit: contain;\n  border-radius: inherit;\n}\n\n#hrm-detail .hrm-media-hero {\n  min-height: 420px;\n  background: radial-gradient(circle, #fff 0%, #edf0e7 65%, #e0e7d9 100%);\n}\n\n#hrm-detail .hrm-media-hero img {\n  max-height: 490px;\n  object-fit: contain;\n}\n\n#hrm-detail .hrm-media-use {\n  min-height: 340px;\n}\n\n#hrm-detail .hrm-media-use img {\n  max-height: 480px;\n  object-fit: cover;\n}\n\n#hrm-detail .hrm-hero {\n  display: grid;\n  grid-template-columns: 1.05fr .95fr;\n  gap: 35px;\n  align-items: center;\n  padding: clamp(24px, 4vw, 52px);\n  background: linear-gradient(130deg, #faf7ef, #edf1e8);\n  border: 1px solid #e8e6dc;\n  border-radius: 26px;\n}\n\n#hrm-detail .hrm-pills {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin: 0 0 24px;\n}\n\n#hrm-detail .hrm-pill {\n  display: inline-block;\n  padding: 7px 13px;\n  background: #fff;\n  border: 1px solid #dce3d6;\n  border-radius: 999px;\n  color: var(--hrm-green);\n  font-size: 12px;\n  font-weight: 750;\n}\n\n#hrm-detail .hrm-checklist {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n\n#hrm-detail .hrm-checklist li {\n  display: flex;\n  align-items: flex-start;\n  gap: 11px;\n  margin: 13px 0;\n  font-size: 14px;\n  color: #37463a;\n}\n\n#hrm-detail .hrm-check {\n  display: inline-flex;\n  flex: 0 0 22px;\n  width: 22px;\n  height: 22px;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background: #dfe9d8;\n  color: var(--hrm-green);\n  font-weight: 800;\n  font-size: 12px;\n}\n\n#hrm-detail .hrm-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  margin-top: 22px;\n  padding: 13px 20px;\n  border-radius: 8px;\n  background: var(--hrm-green);\n  color: #fff;\n  text-decoration: none;\n  font-size: 14px;\n  font-weight: 750;\n  transition: background .2s ease;\n}\n\n#hrm-detail .hrm-link:hover {\n  background: var(--hrm-dark);\n}\n\n#hrm-detail .hrm-note {\n  font-size: 11px;\n  line-height: 1.8;\n  margin: 12px 0 0;\n}\n\n\/* BENEFITS *\/\n\n#hrm-detail .hrm-benefit-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 17px;\n}\n\n#hrm-detail .hrm-benefit {\n  padding: 27px 23px;\n  border: 1px solid #e7e9e0;\n  border-radius: 17px;\n  background: #fbfaf6;\n}\n\n#hrm-detail .hrm-icon {\n  width: 45px;\n  height: 45px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 20px;\n  border-radius: 14px;\n  background: #e7eee1;\n  color: var(--hrm-green);\n  font-size: 23px;\n}\n\n#hrm-detail .hrm-benefit p {\n  font-size: 13px;\n  line-height: 1.85;\n  margin-bottom: 0;\n}\n\n\/* APPLICATION AREAS *\/\n\n#hrm-detail .hrm-areas {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 30px;\n  align-items: center;\n  padding: clamp(26px, 4vw, 48px);\n  border-radius: 23px;\n  background: var(--hrm-green);\n}\n\n#hrm-detail .hrm-areas h2,\n#hrm-detail .hrm-areas .hrm-eyebrow {\n  color: #fff;\n}\n\n#hrm-detail .hrm-areas p {\n  color: #e1e8de;\n  font-size: 14px;\n  line-height: 1.9;\n}\n\n#hrm-detail .hrm-area-list {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px;\n  margin-top: 23px;\n}\n\n#hrm-detail .hrm-area-item {\n  padding: 11px 12px;\n  border: 1px solid rgba(255,255,255,.25);\n  border-radius: 9px;\n  color: #fff;\n  font-size: 13px;\n  text-align: center;\n}\n\n#hrm-detail .hrm-area-visual {\n  padding: 12px;\n  border-radius: 18px;\n  background: #f3f0e7;\n}\n\n\/* INGREDIENTS *\/\n\n#hrm-detail .hrm-ingredient-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 17px;\n}\n\n#hrm-detail .hrm-ingredient-card {\n  overflow: hidden;\n  border: 1px solid #e6e8df;\n  border-radius: 17px;\n  background: #fff;\n}\n\n#hrm-detail .hrm-ingredient-image {\n  min-height: 190px;\n  padding: 15px;\n  background: #f3f1e8;\n}\n\n#hrm-detail .hrm-ingredient-image .hrm-media {\n  min-height: 160px;\n  background: transparent;\n}\n\n#hrm-detail .hrm-ingredient-image img {\n  max-height: 180px;\n  object-fit: contain;\n}\n\n#hrm-detail .hrm-ingredient-body {\n  padding: 22px;\n}\n\n#hrm-detail .hrm-ingredient-label {\n  color: #788a70;\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 1.2px;\n}\n\n#hrm-detail .hrm-ingredient-body p {\n  font-size: 13px;\n  line-height: 1.85;\n  margin-bottom: 0;\n}\n\n#hrm-detail .hrm-small-print {\n  max-width: 760px;\n  margin: 20px auto 0;\n  font-size: 11px;\n  line-height: 1.8;\n  text-align: center;\n}\n\n\/* DAILY ROUTINE *\/\n\n#hrm-detail .hrm-routine {\n  display: grid;\n  grid-template-columns: .95fr 1.05fr;\n  gap: 35px;\n  align-items: center;\n  padding: clamp(24px, 4vw, 45px);\n  background: var(--hrm-cream);\n  border-radius: 23px;\n}\n\n#hrm-detail .hrm-routine-copy p {\n  font-size: 14px;\n  line-height: 1.9;\n}\n\n#hrm-detail .hrm-routine-point {\n  display: flex;\n  gap: 12px;\n  align-items: flex-start;\n  padding-top: 16px;\n  margin-top: 18px;\n  border-top: 1px solid #dedfd4;\n}\n\n#hrm-detail .hrm-routine-point strong {\n  display: block;\n  color: var(--hrm-dark);\n  font-size: 14px;\n}\n\n#hrm-detail .hrm-routine-point p {\n  margin: 4px 0 0;\n  font-size: 12px;\n}\n\n\/* HOW TO USE *\/\n\n#hrm-detail .hrm-step-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 22px;\n}\n\n#hrm-detail .hrm-step {\n  padding-top: 20px;\n  border-top: 2px solid #dce5d6;\n}\n\n#hrm-detail .hrm-step-number {\n  display: inline-block;\n  margin-bottom: 20px;\n  color: var(--hrm-green);\n  font-size: 13px;\n  font-weight: 850;\n  letter-spacing: 1px;\n}\n\n#hrm-detail .hrm-step p {\n  font-size: 13px;\n  line-height: 1.9;\n  margin-bottom: 0;\n}\n\n\/* FAQ *\/\n\n#hrm-detail .hrm-faq {\n  display: grid;\n  grid-template-columns: .75fr 1.25fr;\n  gap: 35px;\n  padding: clamp(22px, 4vw, 42px);\n  border: 1px solid #e6e8df;\n  border-radius: 22px;\n  background: #fbfaf7;\n}\n\n#hrm-detail .hrm-faq-intro p {\n  font-size: 13px;\n  line-height: 1.9;\n}\n\n#hrm-detail .hrm-faq-item {\n  border-bottom: 1px solid #e1e5dc;\n}\n\n#hrm-detail .hrm-faq-item:first-child {\n  border-top: 1px solid #e1e5dc;\n}\n\n#hrm-detail .hrm-faq-item summary {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 15px;\n  padding: 18px 0;\n  color: var(--hrm-dark);\n  font-size: 14px;\n  font-weight: 700;\n  cursor: pointer;\n  list-style: none;\n}\n\n#hrm-detail .hrm-faq-item summary::-webkit-details-marker {\n  display: none;\n}\n\n#hrm-detail .hrm-faq-item summary::after {\n  content: \"+\";\n  flex: 0 0 28px;\n  width: 28px;\n  height: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background: #e8eee3;\n  color: var(--hrm-green);\n  font-size: 19px;\n  font-weight: 400;\n}\n\n#hrm-detail .hrm-faq-item[open] summary::after {\n  content: \"−\";\n}\n\n#hrm-detail .hrm-faq-answer {\n  padding: 0 20px 18px 0;\n}\n\n#hrm-detail .hrm-faq-answer p {\n  font-size: 13px;\n  line-height: 1.9;\n  margin: 0;\n}\n\n\/* FINAL SECTION *\/\n\n#hrm-detail .hrm-final {\n  margin-top: 70px;\n  padding: clamp(34px, 5vw, 58px) 25px;\n  border-radius: 23px;\n  background: linear-gradient(130deg, #294b38, #203b2c);\n  text-align: center;\n}\n\n#hrm-detail .hrm-final h2 {\n  max-width: 680px;\n  margin: 0 auto 18px;\n  color: #fff;\n}\n\n#hrm-detail .hrm-final p {\n  max-width: 590px;\n  margin: 0 auto 20px;\n  color: #e1e8de;\n  font-size: 14px;\n  line-height: 1.9;\n}\n\n#hrm-detail .hrm-final .hrm-link {\n  background: #f6f2e8;\n  color: var(--hrm-green);\n}\n\n#hrm-detail .hrm-final .hrm-link:hover {\n  background: #fff;\n}\n\n#hrm-detail .hrm-disclaimer {\n  margin: 24px auto 0;\n  padding: 17px 19px;\n  border-left: 3px solid #c4d2bb;\n  background: #f8f8f3;\n}\n\n#hrm-detail .hrm-disclaimer strong {\n  display: block;\n  margin-bottom: 6px;\n  color: var(--hrm-dark);\n  font-size: 12px;\n}\n\n#hrm-detail .hrm-disclaimer p {\n  margin: 0;\n  font-size: 11px;\n  line-height: 1.85;\n}\n\n\/* RESPONSIVE *\/\n\n@media (max-width: 760px) {\n  #hrm-detail .hrm-wrap {\n    padding: 12px 13px 30px;\n  }\n\n  #hrm-detail .hrm-hero,\n  #hrm-detail .hrm-areas,\n  #hrm-detail .hrm-routine,\n  #hrm-detail .hrm-faq {\n    grid-template-columns: 1fr;\n  }\n\n  #hrm-detail .hrm-hero {\n    gap: 24px;\n    padding: 25px 18px 18px;\n    border-radius: 19px;\n  }\n\n  #hrm-detail h1 {\n    font-size: clamp(31px, 8vw, 43px);\n  }\n\n  #hrm-detail h2 {\n    font-size: clamp(26px, 6.5vw, 33px);\n  }\n\n  #hrm-detail .hrm-media-hero {\n    min-height: 300px;\n  }\n\n  #hrm-detail .hrm-media-hero img {\n    max-height: 350px;\n  }\n\n  #hrm-detail .hrm-section {\n    margin-top: 55px;\n  }\n\n  #hrm-detail .hrm-benefit-grid,\n  #hrm-detail .hrm-ingredient-grid,\n  #hrm-detail .hrm-step-grid {\n    grid-template-columns: 1fr;\n    gap: 13px;\n  }\n\n  #hrm-detail .hrm-benefit {\n    padding: 23px;\n  }\n\n  #hrm-detail .hrm-icon {\n    margin-bottom: 15px;\n  }\n\n  #hrm-detail .hrm-area-list {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  #hrm-detail .hrm-ingredient-card {\n    display: grid;\n    grid-template-columns: 110px 1fr;\n  }\n\n  #hrm-detail .hrm-ingredient-image {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 150px;\n    padding: 10px;\n  }\n\n  #hrm-detail .hrm-ingredient-image .hrm-media {\n    min-height: 120px;\n  }\n\n  #hrm-detail .hrm-ingredient-image img {\n    max-height: 130px;\n  }\n\n  #hrm-detail .hrm-ingredient-body {\n    padding: 18px 13px;\n  }\n\n  #hrm-detail .hrm-ingredient-body h3 {\n    font-size: 18px;\n  }\n\n  #hrm-detail .hrm-ingredient-body p {\n    font-size: 12px;\n  }\n\n  #hrm-detail .hrm-routine {\n    gap: 22px;\n    padding: 19px;\n  }\n\n  #hrm-detail .hrm-faq {\n    gap: 15px;\n    padding: 25px 18px;\n  }\n\n  #hrm-detail .hrm-final {\n    margin-top: 48px;\n    padding: 38px 20px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #hrm-detail .hrm-link {\n    transition: none;\n  }\n}\n\n\n\/* DESKTOP IMAGE LAYOUT FIXES *\/\n#hrm-detail .hrm-hero \u003e *,\n#hrm-detail .hrm-areas \u003e *,\n#hrm-detail .hrm-routine \u003e *,\n#hrm-detail .hrm-benefit-grid \u003e *,\n#hrm-detail .hrm-ingredient-grid \u003e *,\n#hrm-detail .hrm-step-grid \u003e *,\n#hrm-detail .hrm-faq \u003e * {\n  min-width: 0;\n}\n\n#hrm-detail .hrm-area-visual img {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  max-height: 460px;\n  object-fit: contain;\n  border-radius: 12px;\n}\n\n#hrm-detail .hrm-routine \u003e img {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  max-height: 440px;\n  object-fit: contain;\n  object-position: center;\n  border-radius: 14px;\n}\n\n#hrm-detail .hrm-ingredient-image {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 0;\n}\n\n#hrm-detail .hrm-ingredient-image \u003e img {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  height: 180px;\n  max-height: 180px;\n  object-fit: contain;\n  object-position: center;\n}\n\n@media (max-width: 760px) {\n  #hrm-detail .hrm-area-visual img {\n    max-height: none;\n  }\n\n  #hrm-detail .hrm-routine \u003e img {\n    max-height: none;\n  }\n\n  #hrm-detail .hrm-ingredient-image \u003e img {\n    height: 130px;\n    max-height: 130px;\n  }\n}\n\n\u003c\/style\u003e\n\u003cdiv id=\"hrm-detail\"\u003e\n\u003cdiv class=\"hrm-wrap\"\u003e\n\u003c!-- 1. HERO: 在这里插入产品主图 --\u003e\n\u003csection class=\"hrm-hero\" id=\"hrm-top\"\u003e\n\u003cdiv class=\"hrm-hero-copy\"\u003e\n\u003cp class=\"hrm-eyebrow\"\u003eKAŽDODENNÍ PÉČE O TĚLO\u003c\/p\u003e\n\u003ch1\u003eHořčíkový krém pro celkovou úlevu\u003c\/h1\u003e\n\u003cp class=\"hrm-lead\"\u003eDopřejte unaveným a napjatým partiím chvíli pozornosti. Krém s hořčíkem, MSM a arnikou je určený k lokální péči a jemné masáži po pohybu, práci nebo dlouhém dni.\u003c\/p\u003e\n\u003cdiv class=\"hrm-pills\"\u003e\n\u003cspan class=\"hrm-pill\"\u003eHořčík\u003c\/span\u003e \u003cspan class=\"hrm-pill\"\u003eMSM\u003c\/span\u003e \u003cspan class=\"hrm-pill\"\u003eArnika\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cul class=\"hrm-checklist\"\u003e\n\u003cli\u003e\n\u003cspan class=\"hrm-check\"\u003e✓\u003c\/span\u003e \u003cspan\u003ePro každodenní péči o namáhané partie.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"hrm-check\"\u003e✓\u003c\/span\u003e \u003cspan\u003eKrémová textura pro snadné roztírání.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"hrm-check\"\u003e✓\u003c\/span\u003e \u003cspan\u003eJednoduché použití při masáži.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ca class=\"hrm-link\" href=\"#hrm-navod\"\u003e Jak krém používat \u003cspan aria-hidden=\"true\"\u003e→\u003c\/span\u003e \u003c\/a\u003e\n\u003cp class=\"hrm-note\"\u003ePouze k vnějšímu použití. Dodržujte pokyny výrobce.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrm-media hrm-media-hero\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/1810\/2322\/files\/totalrelief_product_1_ac1355de-b3bd-4777-a3b8-85a87a291c06.png?v=1793011619\" alt=\"Hořčíkový krém pro celkovou úlevu\" loading=\"eager\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 2. BENEFITS --\u003e\n\u003csection class=\"hrm-section\"\u003e\n\u003cdiv class=\"hrm-heading\"\u003e\n\u003cp class=\"hrm-eyebrow\"\u003eJEDNODUCHÁ KAŽDODENNÍ RUTINA\u003c\/p\u003e\n\u003ch2\u003eMalý krok v péči o vaše tělo\u003c\/h2\u003e\n\u003cp\u003ePo dlouhém dni, fyzické aktivitě nebo běžné každodenní zátěži si dopřejte několik minut pro sebe a svou rutinu péče o tělo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrm-benefit-grid\"\u003e\n\u003carticle class=\"hrm-benefit\"\u003e\n\u003cdiv class=\"hrm-icon\"\u003e✳\u003c\/div\u003e\n\u003ch3\u003ePéče o namáhané partie\u003c\/h3\u003e\n\u003cp\u003eVěnujte pozornost místům, která po běžné zátěži působí unaveně nebo napjatě.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hrm-benefit\"\u003e\n\u003cdiv class=\"hrm-icon\"\u003e◌\u003c\/div\u003e\n\u003ch3\u003ePříjemná masáž\u003c\/h3\u003e\n\u003cp\u003eJemně vmasírujte krém do pokožky a proměňte každodenní péči v příjemný osobní rituál.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hrm-benefit\"\u003e\n\u003cdiv class=\"hrm-icon\"\u003e✓\u003c\/div\u003e\n\u003ch3\u003eSnadná aplikace\u003c\/h3\u003e\n\u003cp\u003eJednoduché použití bez složité přípravy. Postupujte podle pokynů uvedených na obalu.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 3. BODY AREAS --\u003e\n\u003csection class=\"hrm-section hrm-areas\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"hrm-eyebrow\"\u003ePÉČE PODLE VAŠICH POTŘEB\u003c\/p\u003e\n\u003ch2\u003eVěnujte pozornost místům, která dostávají zabrat\u003c\/h2\u003e\n\u003cp\u003eKrém je určen k vnější aplikaci a masáži neporušené pokožky. Vyberte si oblast, které chcete věnovat chvíli péče.\u003c\/p\u003e\n\u003cdiv class=\"hrm-area-list\"\u003e\n\u003cdiv class=\"hrm-area-item\"\u003eZáda\u003c\/div\u003e\n\u003cdiv class=\"hrm-area-item\"\u003eRamena\u003c\/div\u003e\n\u003cdiv class=\"hrm-area-item\"\u003eKolena\u003c\/div\u003e\n\u003cdiv class=\"hrm-area-item\"\u003eLýtka\u003c\/div\u003e\n\u003cdiv class=\"hrm-area-item\"\u003eChodidla\u003c\/div\u003e\n\u003cdiv class=\"hrm-area-item\"\u003eRuce\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrm-area-visual\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/1810\/2322\/files\/e93e191a38dbb46f6781ad85791a413084f607aa1cb1fe302c0c2a37d9823528.png?v=1793011618\" alt=\"Hořčíkový krém pro celkovou úlevu\" loading=\"eager\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 4. INGREDIENTS --\u003e\n\u003csection class=\"hrm-section\" id=\"hrm-slozeni\"\u003e\n\u003cdiv class=\"hrm-heading\"\u003e\n\u003cp class=\"hrm-eyebrow\"\u003eSLOŽENÍ PRODUKTU\u003c\/p\u003e\n\u003ch2\u003eTři hlavní složky krému\u003c\/h2\u003e\n\u003cp\u003eSeznamte se se složkami uvedenými na etiketě a s jejich úlohou ve složení přípravku.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrm-ingredient-grid\"\u003e\n\u003carticle class=\"hrm-ingredient-card\"\u003e\n\u003cdiv class=\"hrm-ingredient-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/1810\/2322\/files\/ceaa0a7cd90a8ffc8ae8a7b22bca64db665035d0a3dd4eaf804395e45b0d3901.png?v=1793011617\" alt=\"Hořčíkový krém pro celkovou úlevu\" loading=\"eager\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hrm-ingredient-body\"\u003e\n\u003cspan class=\"hrm-ingredient-label\"\u003e 01 \/ MINERÁLNÍ SLOŽKA \u003c\/span\u003e\n\u003ch3\u003eHořčík\u003c\/h3\u003e\n\u003cp\u003eHořčík je minerální složkou této krémové formule určené k lokální péči o pokožku.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hrm-ingredient-card\"\u003e\n\u003cdiv class=\"hrm-ingredient-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/1810\/2322\/files\/9d9859ea735a5204eba37fc87583492620cc20f2c413416853169ef20d289f78.png?v=1793011618\" alt=\"Hořčíkový krém pro celkovou úlevu\" loading=\"eager\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hrm-ingredient-body\"\u003e\n\u003cspan class=\"hrm-ingredient-label\"\u003e 02 \/ SLOŽKA VZORCE \u003c\/span\u003e\n\u003ch3\u003eMSM\u003c\/h3\u003e\n\u003cp\u003eMSM je organická sloučenina síry využívaná v některých přípravcích pro lokální péči.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hrm-ingredient-card\"\u003e\n\u003cdiv class=\"hrm-ingredient-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/1810\/2322\/files\/0250a1b9ffc74820addb9d842b68cce1a0f6f87938f5a0207d50acc82169108e.png?v=1793011617\" alt=\"Hořčíkový krém pro celkovou úlevu\" loading=\"eager\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hrm-ingredient-body\"\u003e\n\u003cspan class=\"hrm-ingredient-label\"\u003e 03 \/ ROSTLINNÁ SLOŽKA \u003c\/span\u003e\n\u003ch3\u003eArnika\u003c\/h3\u003e\n\u003cp\u003eArnika je rostlinná složka tradičně používaná v přípravcích pro masáž a péči o tělo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cp class=\"hrm-small-print\"\u003eInformace popisují složky přípravku. Neznamenají, že krém léčí konkrétní onemocnění nebo že je zaručen konkrétní výsledek.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- 5. APPLICATION SCENE --\u003e\n\u003csection class=\"hrm-section hrm-routine\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/1810\/2322\/files\/2335e90cd42cd1288e3257c6aba25d4bc2f378fa419bc927482fe48fea65184b.png?v=1793011616\" alt=\"Hořčíkový krém pro celkovou úlevu\" loading=\"eager\"\u003e\n\u003cdiv class=\"hrm-routine-copy\"\u003e\n\u003cp class=\"hrm-eyebrow\"\u003eCHVÍLE PRO VÁS\u003c\/p\u003e\n\u003ch2\u003ePo pohybu. Po práci. Na konci dne.\u003c\/h2\u003e\n\u003cp\u003eZařaďte jemnou masáž do své každodenní péče. Krém nanášejte v přiměřeném množství a věnujte pozornost místům, která chcete ošetřit.\u003c\/p\u003e\n\u003cdiv class=\"hrm-routine-point\"\u003e\n\u003cspan class=\"hrm-check\"\u003e✓\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eJednoduchý postup\u003c\/strong\u003e\n\u003cp\u003eNaneste, jemně vmasírujte a nechte vstřebat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrm-routine-point\"\u003e\n\u003cspan class=\"hrm-check\"\u003e✓\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePéče podle vašich potřeb\u003c\/strong\u003e\n\u003cp\u003eZaměřte se na vybranou oblast a respektujte pokyny výrobce.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 6. HOW TO USE --\u003e\n\u003csection class=\"hrm-section\" id=\"hrm-navod\"\u003e\n\u003cdiv class=\"hrm-heading\"\u003e\n\u003cp class=\"hrm-eyebrow\"\u003eJAK KRÉM POUŽÍVAT\u003c\/p\u003e\n\u003ch2\u003eTři jednoduché kroky\u003c\/h2\u003e\n\u003cp\u003eZařaďte krém do své rutiny pomocí jednoduchého postupu. Vždy dodržujte pokyny na obalu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrm-step-grid\"\u003e\n\u003carticle class=\"hrm-step\"\u003e\u003cspan class=\"hrm-step-number\"\u003eKROK 01\u003c\/span\u003e\n\u003ch3\u003eNaneste\u003c\/h3\u003e\n\u003cp\u003eNaneste malé množství na čistou, suchou a neporušenou pokožku.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hrm-step\"\u003e\u003cspan class=\"hrm-step-number\"\u003eKROK 02\u003c\/span\u003e\n\u003ch3\u003eJemně vmasírujte\u003c\/h3\u003e\n\u003cp\u003eKrouživými pohyby krém rovnoměrně rozetřete bez nadměrného tlaku.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hrm-step\"\u003e\u003cspan class=\"hrm-step-number\"\u003eKROK 03\u003c\/span\u003e\n\u003ch3\u003eNechte vstřebat\u003c\/h3\u003e\n\u003cp\u003ePřed oblečením nechte krém vstřebat. Řiďte se pokyny výrobce.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 7. FAQ --\u003e\n\u003csection class=\"hrm-section hrm-faq\"\u003e\n\u003cdiv class=\"hrm-faq-intro\"\u003e\n\u003cp class=\"hrm-eyebrow\"\u003eČASTÉ DOTAZY\u003c\/p\u003e\n\u003ch2\u003eVše důležité před použitím\u003c\/h2\u003e\n\u003cp\u003ePraktické informace pro každodenní používání hořčíkového krému.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrm-faq-list\"\u003e\n\u003cdetails class=\"hrm-faq-item\"\u003e\n\u003csummary\u003eK čemu je krém určen?\u003c\/summary\u003e\n\u003cdiv class=\"hrm-faq-answer\"\u003e\n\u003cp\u003eKrém je určen k vnější péči o pokožku a k masáži oblastí, kterým chcete věnovat více pozornosti. Nejedná se o léčivý přípravek.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hrm-faq-item\"\u003e\n\u003csummary\u003eNa které části těla jej lze použít?\u003c\/summary\u003e\n\u003cdiv class=\"hrm-faq-answer\"\u003e\n\u003cp\u003ePoužívejte jej na neporušenou pokožku v oblasti, kterou chcete masírovat. Vyhněte se očím, sliznicím, otevřeným ranám a podrážděné pokožce.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hrm-faq-item\"\u003e\n\u003csummary\u003eJak často mám krém používat?\u003c\/summary\u003e\n\u003cdiv class=\"hrm-faq-answer\"\u003e\n\u003cp\u003eDodržujte doporučení uvedená na obalu. Nepoužívejte větší množství ani častěji, než doporučuje výrobce.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hrm-faq-item\"\u003e\n\u003csummary\u003eJe vhodný pro citlivou pokožku?\u003c\/summary\u003e\n\u003cdiv class=\"hrm-faq-answer\"\u003e\n\u003cp\u003ePřed prvním použitím vyzkoušejte malé množství na malé ploše pokožky. Pokud se objeví zarudnutí, pálení nebo podráždění, přestaňte přípravek používat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hrm-faq-item\"\u003e\n\u003csummary\u003eNahrazuje krém lékařskou péči?\u003c\/summary\u003e\n\u003cdiv class=\"hrm-faq-answer\"\u003e\n\u003cp\u003eNe. Krém není určen k diagnostice, léčbě ani prevenci onemocnění. Při přetrvávajících nebo zhoršujících se obtížích se poraďte se zdravotnickým odborníkem.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 8. FINAL CTA --\u003e\n\u003csection class=\"hrm-section hrm-final\"\u003e\n\u003cp class=\"hrm-eyebrow\" style=\"color: #dce8d5;\"\u003eVAŠE KAŽDODENNÍ RUTINA\u003c\/p\u003e\n\u003ch2\u003eDopřejte svému tělu chvíli pozornosti\u003c\/h2\u003e\n\u003cp\u003eZařaďte hořčíkový krém s MSM a arnikou do své pravidelné péče o tělo.\u003c\/p\u003e\n\u003ca class=\"hrm-link\" href=\"#hrm-top\"\u003e Zpět na začátek \u003cspan aria-hidden=\"true\"\u003e↑\u003c\/span\u003e \u003c\/a\u003e\u003c\/section\u003e\n\u003c!-- 9. SAFETY INFORMATION --\u003e\n\u003cdiv class=\"hrm-disclaimer\"\u003e\n\u003cstrong\u003eDůležité informace k použití\u003c\/strong\u003e\n\u003cp\u003ePouze k vnějšímu použití. Nepoužívejte na poškozenou nebo podrážděnou pokožku. Zabraňte kontaktu s očima a sliznicemi. Při podráždění přestaňte přípravek používat. Uchovávejte mimo dosah dětí a dodržujte pokyny výrobce uvedené na obalu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ===== Expert \u0026 Customer Image Gallery ===== *\/\n#hrm-image-gallery {\n  --gallery-green: #294b38;\n  --gallery-cream: #f8f5ed;\n  --gallery-sage: #e9eee4;\n  width: 100%;\n  max-width: 1160px;\n  margin: 55px auto;\n  padding: 0 20px;\n  font-family: inherit;\n  color: #29352d;\n}\n\n#hrm-image-gallery *,\n#hrm-image-gallery *::before,\n#hrm-image-gallery *::after {\n  box-sizing: border-box;\n}\n\n#hrm-image-gallery .gallery-heading {\n  margin: 0 auto 24px;\n  text-align: center;\n}\n\n#hrm-image-gallery .gallery-heading h2 {\n  margin: 0;\n  color: var(--gallery-green);\n  font-size: clamp(25px, 3vw, 36px);\n  line-height: 1.3;\n  font-weight: 750;\n  letter-spacing: -0.02em;\n}\n\n#hrm-image-gallery .gallery-eyebrow {\n  margin: 0 0 10px;\n  color: var(--gallery-green);\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 1.8px;\n  line-height: 1.5;\n}\n\n#hrm-image-gallery .expert-gallery {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 24px;\n  margin: 0 auto 46px;\n}\n\n#hrm-image-gallery .gallery-image {\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid #e8e7dd;\n  border-radius: 16px;\n  background: var(--gallery-cream);\n}\n\n\/* One expert image per row; preserve its original proportions. *\/\n#hrm-image-gallery .expert-gallery .gallery-image {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  max-width: 900px;\n  min-height: 0;\n  margin: 0 auto;\n  padding: 0;\n  background: #f8f5ed;\n}\n\n#hrm-image-gallery .expert-gallery .gallery-image img {\n  display: block;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 600px;\n  object-fit: contain;\n  object-position: center;\n}\n\n#hrm-image-gallery .customer-collage {\n  width: 100%;\n  margin: 0 auto 46px;\n  padding: 10px;\n  overflow: hidden;\n  border-radius: 20px;\n  background: linear-gradient(135deg, var(--gallery-cream), var(--gallery-sage));\n}\n\n#hrm-image-gallery .customer-collage .gallery-image {\n  border: 0;\n  border-radius: 12px;\n  background: transparent;\n}\n\n#hrm-image-gallery .customer-collage img {\n  display: block;\n  width: 100%;\n  height: auto;\n  max-width: 100%;\n  border-radius: 12px;\n}\n\n#hrm-image-gallery .lifestyle-gallery {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  align-items: start;\n  gap: 18px;\n  margin: 0;\n}\n\n#hrm-image-gallery .lifestyle-gallery .gallery-image {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 0;\n  min-height: 0;\n  padding: 0;\n  background: var(--gallery-cream);\n}\n\n\/* Full image visible, without forcing a fixed height or cropping edges. *\/\n#hrm-image-gallery .lifestyle-gallery img {\n  display: block;\n  width: 100%;\n  height: auto;\n  max-width: 100%;\n  object-fit: contain;\n  object-position: center;\n}\n\n@media (min-width: 761px) {\n  #hrm-image-gallery .expert-gallery .gallery-image {\n    padding: 8px;\n  }\n}\n\n@media (max-width: 760px) {\n  #hrm-image-gallery {\n    margin: 38px auto;\n    padding: 0 13px;\n  }\n\n  #hrm-image-gallery .gallery-heading {\n    margin-bottom: 20px;\n  }\n\n  #hrm-image-gallery .expert-gallery {\n    gap: 16px;\n    margin-bottom: 32px;\n  }\n\n  #hrm-image-gallery .expert-gallery .gallery-image {\n    padding: 0;\n  }\n\n  #hrm-image-gallery .expert-gallery .gallery-image img {\n    width: 100%;\n    height: auto;\n    max-height: none;\n  }\n\n  #hrm-image-gallery .customer-collage {\n    margin-bottom: 32px;\n    padding: 6px;\n    border-radius: 13px;\n  }\n\n  #hrm-image-gallery .lifestyle-gallery {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 16px;\n  }\n\n  #hrm-image-gallery .lifestyle-gallery img {\n    width: 100%;\n    height: auto;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #hrm-image-gallery img {\n    transition: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003csection id=\"hrm-image-gallery\"\u003e\n\n  \u003c!-- 1. 专家图片展示：三张独立图片 --\u003e\n  \u003cdiv class=\"gallery-heading\"\u003e\n    \u003cp class=\"gallery-eyebrow\"\u003eODBORNÝ POHLED\u003c\/p\u003e\n    \u003ch2\u003eOdborníci a péče o tělo\u003c\/h2\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"expert-gallery\"\u003e\n\n    \u003cdiv class=\"gallery-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/1810\/2322\/files\/doctor_updated.jpg?v=1793000501\" alt=\"Odborný pohled na péči o tělo\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"gallery-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/1810\/2322\/files\/translated-3.png?v=1793011665\" alt=\"Odborník v oblasti péče o tělo\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"gallery-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/1810\/2322\/files\/translated-2.png?v=1793011667\" alt=\"Odborná péče o tělo\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- 2. 顾客评价拼图：只显示图片，不生成评价卡片 --\u003e\n  \u003cdiv class=\"gallery-heading\"\u003e\n    \u003cp class=\"gallery-eyebrow\"\u003eZÁKAZNICKÉ ZKUŠENOSTI\u003c\/p\u003e\n    \u003ch2\u003eZkušenosti zákazníků\u003c\/h2\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"customer-collage\"\u003e\n    \u003cdiv class=\"gallery-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/1810\/2322\/files\/translated-8.png?v=1793011659\" alt=\"Koláž zákaznických zkušeností\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- 3. 日常场景图片：两张独立图片 --\u003e\n  \u003cdiv class=\"gallery-heading\"\u003e\n    \u003cp class=\"gallery-eyebrow\"\u003eKAŽDODENNÍ PÉČE\u003c\/p\u003e\n    \u003ch2\u003eChvíle pro vás\u003c\/h2\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lifestyle-gallery\"\u003e\n\n    \u003cdiv class=\"gallery-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/1810\/2322\/files\/totalrelief_couple.png?v=1793000502\" alt=\"Každodenní péče o tělo\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"gallery-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/1810\/2322\/files\/translated-1.png?v=1793011672\" alt=\"Chvíle odpočinku a péče o sebe\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n","brand":"HiRelief","offers":[{"title":"4 dózy – Balení pro pravidelnou péči","offer_id":68057039241327,"sku":"BDW-SHG-P*4","price":990.0,"currency_code":"CZK","in_stock":true},{"title":"1 dóza – Startovací balení","offer_id":68057039274095,"sku":"BDW-SHG-P","price":530.0,"currency_code":"CZK","in_stock":true},{"title":"2 dózy – Duo balení","offer_id":68057039306863,"sku":"BDW-SHG-P*2","price":690.0,"currency_code":"CZK","in_stock":true},{"title":"6 dóz – Zásoba na delší dobu","offer_id":68057039339631,"sku":"BDW-SHG-P*6","price":1190.0,"currency_code":"CZK","in_stock":true},{"title":"10 dóz – Maxi balení","offer_id":68057039372399,"sku":"BDW-SHG-P*10","price":1490.0,"currency_code":"CZK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0816\/0690\/1871\/files\/Horcikovy_krem_s_bylinnymi_ingrediencemi.png?v=1793260965","url":"https:\/\/kinetao.com\/products\/sh1","provider":"kinetao","version":"1.0","type":"link"}