{"product_id":"gxy-gj01","title":"🍃 Magnezijeva krema za potpuno olakšanje","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\"\u003eSVAKODNEVNA NJEGA TIJELA\u003c\/p\u003e\n\u003ch1\u003eMagnezijeva krema za potpuno olakšanje\u003c\/h1\u003e\n\u003cp class=\"hrm-lead\"\u003ePriuštite umornim i napetim dijelovima tijela trenutak pažnje. Krema s magnezijem, MSM-om i arnikom namijenjena je lokalnoj njezi i nježnoj masaži nakon fizičke aktivnosti, rada ili dugog dana.\u003c\/p\u003e\n\u003cdiv class=\"hrm-pills\"\u003e\n\u003cspan class=\"hrm-pill\"\u003eMagnezij\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\u003eZa svakodnevnu njegu opterećenih dijelova tijela.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"hrm-check\"\u003e✓\u003c\/span\u003e \u003cspan\u003eKremasta tekstura za lako razmazivanje.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"hrm-check\"\u003e✓\u003c\/span\u003e \u003cspan\u003eJednostavna primjena tijekom masaže.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ca class=\"hrm-link\" href=\"#hrm-navod\"\u003eKako koristiti kremu\u003cbr\u003e\u003cspan aria-hidden=\"true\"\u003e→\u003c\/span\u003e \u003c\/a\u003e\n\u003cp class=\"hrm-note\"\u003eSamo za vanjsku uporabu. Slijedite upute proizvođača.\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\/0835\/4676\/7597\/files\/e6a286cf8fce51b36a31fab8222950fc.png?v=1793088415\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hrm-section\"\u003e\n\u003cdiv class=\"hrm-heading\"\u003e\n\u003cp class=\"hrm-eyebrow\"\u003eJEDNOSTAVNA SVAKODNEVNA RUTINA\u003c\/p\u003e\n\u003ch2\u003e\n\u003cspan\u003eMali \u003c\/span\u003e\u003cspan\u003ekorak \u003c\/span\u003e\u003cspan\u003eu \u003c\/span\u003e\u003cspan\u003enjezi \u003c\/span\u003e\u003cspan\u003evašeg \u003c\/span\u003e\u003cspan\u003etijela\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eNakon dugog dana, tjelesne aktivnosti ili svakodnevnih napora, odvojite nekoliko minuta za sebe i svoju rutinu njege tijela.\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\u003eNjega opterećenih dijelova tijela\u003c\/h3\u003e\n\u003cp\u003ePosvetite pažnju područjima koja nakon svakodnevnih napora djeluju umorno ili napeto.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hrm-benefit\"\u003e\n\u003cdiv class=\"hrm-icon\"\u003e◌\u003c\/div\u003e\n\u003ch3\u003eUgodna masaža\u003c\/h3\u003e\n\u003cp\u003eNježno umasirajte kremu u kožu i pretvorite svakodnevnu njegu u ugodan osobni ritual.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hrm-benefit\"\u003e\n\u003cdiv class=\"hrm-icon\"\u003e✓\u003c\/div\u003e\n\u003ch3\u003eJednostavno nanošenje\u003c\/h3\u003e\n\u003cp\u003eJednostavna primjena bez komplicirane pripreme. Slijedite upute navedene na pakiranju.\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\"\u003eNJEGA PREMA VAŠIM POTREBAMA\u003c\/p\u003e\n\u003ch2\u003ePosvetite pažnju dijelovima tijela koji su najviše opterećeni\u003c\/h2\u003e\n\u003cp\u003eKrema je namijenjena za vanjsku primjenu i masažu neoštećene kože. Odaberite područje kojem želite posvetiti nekoliko trenutaka njege.\u003c\/p\u003e\n\u003cdiv class=\"hrm-area-list\"\u003e\n\u003cdiv class=\"hrm-area-item\"\u003eLeđa\u003c\/div\u003e\n\u003cdiv class=\"hrm-area-item\"\u003eRamena\u003c\/div\u003e\n\u003cdiv class=\"hrm-area-item\"\u003eKoljena\u003c\/div\u003e\n\u003cdiv class=\"hrm-area-item\"\u003eListovi\u003c\/div\u003e\n\u003cdiv class=\"hrm-area-item\"\u003eStopala\u003c\/div\u003e\n\u003cdiv class=\"hrm-area-item\"\u003eRuke\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\"\u003eSASTAV PROIZVODA\u003c\/p\u003e\n\u003ch2\u003eTri glavna sastojka kreme\u003c\/h2\u003e\n\u003cp\u003eUpoznajte sastojke navedene na etiketi i njihovu ulogu u sastavu proizvoda.\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 \/ MINERALNI SASTOJAK\u003c\/span\u003e\n\u003ch3\u003eMagnezij\u003c\/h3\u003e\n\u003cp\u003eMagnezij je mineralni sastojak ove kremaste formule namijenjene lokalnoj njezi kože.\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 \/ SASTOJAK FORMULE\u003c\/span\u003e\n\u003ch3\u003eMSM\u003c\/h3\u003e\n\u003cp\u003eMSM je organski spoj sumpora koji se koristi u nekim proizvodima za lokalnu njegu.\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 \/ BILJNI SASTOJAK\u003c\/span\u003e\n\u003ch3\u003eArnika\u003c\/h3\u003e\n\u003cp\u003eArnika je biljni sastojak koji se tradicionalno koristi u proizvodima za masažu i njegu tijela.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cp class=\"hrm-small-print\"\u003eInformacije opisuju sastojke proizvoda. One ne znače da krema liječi određene bolesti niti jamče određeni rezultat.\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\"\u003eTRENuci ZA VAS\u003c\/p\u003e\n\u003ch2\u003eNakon aktivnosti. Nakon posla. Na kraju dana.\u003c\/h2\u003e\n\u003cp\u003eUključite nježnu masažu u svoju svakodnevnu njegu. Nanesite kremu u odgovarajućoj količini i posvetite pažnju područjima kojima želite pružiti njegu.\u003c\/p\u003e\n\u003cdiv class=\"hrm-routine-point\"\u003e\n\u003cspan class=\"hrm-check\"\u003e✓\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eJednostavan postupak\u003c\/strong\u003e\n\u003cp\u003eNanesite, nježno umasirajte i ostavite da se upije.\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\u003eNjega prema vašim potrebama\u003c\/strong\u003e\n\u003cp\u003eUsredotočite se na odabrano područje i slijedite upute proizvođača.\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\"\u003eKAKO KORISTITI KREMU\u003c\/p\u003e\n\u003ch2\u003eTri jednostavna koraka\u003c\/h2\u003e\n\u003cp\u003eUključite kremu u svoju rutinu jednostavnim postupkom. Uvijek slijedite upute navedene na pakiranju.\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\"\u003eKORAK 01\u003c\/span\u003e\n\u003ch3\u003eNanesite\u003c\/h3\u003e\n\u003cp\u003eNanesite malu količinu kreme na čistu, suhu i neoštećenu kožu.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hrm-step\"\u003e\u003cspan class=\"hrm-step-number\"\u003eKORAK 02\u003c\/span\u003e\n\u003ch3\u003eNježno umasirajte\u003c\/h3\u003e\n\u003cp\u003eKružnim pokretima ravnomjerno razmažite kremu bez pretjeranog pritiska.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"hrm-step\"\u003e\u003cspan class=\"hrm-step-number\"\u003eKORAK 03\u003c\/span\u003e\n\u003ch3\u003eOstavite da se upije\u003c\/h3\u003e\n\u003cp\u003ePrije odijevanja pričekajte da se krema upije. Slijedite upute proizvođača.\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ČESTA PITANJA\u003c\/p\u003e\n\u003ch2\u003eSve što trebate znati prije uporabe\u003c\/h2\u003e\n\u003cp\u003ePraktične informacije za svakodnevnu uporabu magnezijeve kreme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrm-faq-list\"\u003e\n\u003cdetails class=\"hrm-faq-item\" open=\"\"\u003e\n\u003csummary\u003eČemu je krema namijenjena?\u003c\/summary\u003e\n\u003cdiv class=\"hrm-faq-answer\"\u003e\n\u003cp\u003eKrema je namijenjena vanjskoj njezi kože i masaži područja kojima želite posvetiti više pažnje. Ne radi se o lijeku.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hrm-faq-item\" open=\"\"\u003e\n\u003csummary\u003eNa kojim se dijelovima tijela može koristiti?\u003c\/summary\u003e\n\u003cdiv class=\"hrm-faq-answer\"\u003e\n\u003cp\u003eKoristite je na neoštećenoj koži područja koje želite masirati. Izbjegavajte područje oko očiju, sluznice, otvorene rane i nadraženu kožu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hrm-faq-item\" open=\"\"\u003e\n\u003csummary\u003eKoliko često trebam koristiti kremu?\u003c\/summary\u003e\n\u003cdiv class=\"hrm-faq-answer\"\u003e\n\u003cp\u003ePridržavajte se preporuka navedenih na pakiranju. Nemojte koristiti veću količinu niti češće nego što preporučuje proizvođač.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hrm-faq-item\" open=\"\"\u003e\n\u003csummary\u003eJe li prikladna za osjetljivu kožu?\u003c\/summary\u003e\n\u003cdiv class=\"hrm-faq-answer\"\u003e\n\u003cp\u003ePrije prve uporabe isprobajte malu količinu proizvoda na malom području kože. Ako se pojave crvenilo, peckanje ili iritacija, prestanite koristiti proizvod.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hrm-faq-item\" open=\"\"\u003e\n\u003csummary\u003eZamjenjuje li krema liječničku skrb?\u003c\/summary\u003e\n\u003cdiv class=\"hrm-faq-answer\"\u003e\n\u003cp\u003eNe. Krema nije namijenjena dijagnosticiranju, liječenju ni prevenciji bolesti. U slučaju dugotrajnih ili pogoršanih tegoba obratite se zdravstvenom stručnjaku.\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ŠA SVAKODNEVNA RUTINA\u003c\/p\u003e\n\u003ch2\u003e\n\u003cspan\u003ePosvetite \u003c\/span\u003e\u003cspan\u003esvom \u003c\/span\u003e\u003cspan\u003etijelu \u003c\/span\u003e\u003cspan\u003etrenutak \u003c\/span\u003e\u003cspan\u003epažnje\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eUključite magnezijevu kremu s MSM-om i arnikom u svoju redovitu rutinu njege tijela.\u003c\/p\u003e\n\u003ca class=\"hrm-link\" href=\"#hrm-top\"\u003eNatrag na vrh\u003cbr\u003e\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\u003eVažne informacije o uporabi\u003c\/strong\u003e\n\u003cp\u003eSamo za vanjsku uporabu. Nemojte koristiti na oštećenoj ili nadraženoj koži. Izbjegavajte kontakt s očima i sluznicama. U slučaju iritacije prestanite koristiti proizvod. Čuvajte izvan dohvata djece i pridržavajte se uputa proizvođača navedenih na pakiranju.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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\u003csection id=\"hrm-image-gallery\"\u003e\u003c!-- 1. 专家图片展示：三张独立图片 --\u003e\n\u003cdiv class=\"gallery-heading\"\u003e\n\u003cp class=\"gallery-eyebrow\"\u003eMIŠLJENJE STRUČNJAKA\u003c\/p\u003e\n\u003ch2\u003eStručnjaci i njega tijela\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"expert-gallery\"\u003e\n\u003cdiv class=\"gallery-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0835\/4676\/7597\/files\/11_805a6e39-86d8-4311-895f-f4b3296314fa.png?v=1793086971\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"gallery-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0835\/4676\/7597\/files\/12_cd0eabed-111b-4508-a3ce-0ccc0d8c8363.png?v=1793086970\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"gallery-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0835\/4676\/7597\/files\/13_4d4e7b27-eb74-4ffd-a8c6-effefc3809ae.png?v=1793086970\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gallery-heading\"\u003e\n\u003cp class=\"gallery-eyebrow\"\u003eISKUSTVA KUPACA\u003c\/p\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003ch2\u003e\n\u003cspan\u003eIskustva \u003c\/span\u003e\u003cspan\u003ekupaca\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"customer-collage\"\u003e\n\u003cdiv class=\"gallery-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0835\/4676\/7597\/files\/6_97198ac0-cb2f-478b-a237-8f88b43b3cc1.png?v=1793086970\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. 日常场景图片：两张独立图片 --\u003e\n\u003cdiv class=\"gallery-heading\"\u003e\n\u003cp class=\"gallery-eyebrow\"\u003eSVAKODNEVNA NJEGA\u003c\/p\u003e\n\u003ch2\u003eTrenuci samo za vas\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lifestyle-gallery\"\u003e\n\u003cdiv class=\"gallery-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0835\/4676\/7597\/files\/7_1fe51b43-7b44-4755-b697-d17e10c04a29.png?v=1793086971\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"gallery-image\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0835\/4676\/7597\/files\/8_f0f1a3ff-227f-4337-a932-5ede8798abba.png?v=1793086971\" alt=\"\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"HiRelief","offers":[{"title":"2 teglice – Duo pakiranje","offer_id":67993595937005,"sku":"BDW-SHG-P*2","price":27.0,"currency_code":"EUR","in_stock":true},{"title":"1 teglica – Početno pakiranje","offer_id":67993595904237,"sku":"BDW-SHG-P","price":22.0,"currency_code":"EUR","in_stock":true},{"title":"4 teglice – Pakiranje za redovitu njegu","offer_id":67993595871469,"sku":"BDW-SHG-P*4","price":36.0,"currency_code":"EUR","in_stock":true},{"title":"6 teglica – Zaliha za dulje razdoblje","offer_id":67993595969773,"sku":"BDW-SHG-P*6","price":45.0,"currency_code":"EUR","in_stock":true},{"title":"10 teglica – Maxi pakiranje","offer_id":67993596002541,"sku":"BDW-SHG-P*10","price":63.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0835\/4676\/7597\/files\/1_b498afeb-5204-45b4-9fd6-c826d65cab49.png?v=1793086971","url":"https:\/\/elorasty.com\/products\/gxy-gj01","provider":"elorasty","version":"1.0","type":"link"}