{"product_id":"grog-grand-froid-boite-metal-50g-bioheme","title":"Infusion Grog \"grand froid\" - boîte métal - 50g - Biohême","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Grog Grand Froid Bio - Biohême\nPalette détectée:\n  - Primaire: #1B6B7C (bleu-vert canard du couvercle et illustrations botaniques)\n  - Secondaire: #E8C547 (jaune miel\/citron du badge \"Note de citron\")\n  - Accent: #2D8A9C (bleu turquoise plus clair de l'étiquette centrale)\nAmbiance: Naturel\/Bio, hivernal, réconfortant, artisanal français, botanique élégant\nPréfixe CSS: grog\n--\u003e\n\u003cdiv class=\"grog-premium\"\u003e\n\u003cdiv class=\"grog-hero\"\u003e\n\u003cdiv class=\"grog-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"grog-hero-content\"\u003e\n\u003cdiv class=\"grog-badges-top\"\u003e\n\u003cspan class=\"grog-badge\"\u003e🌿 100% Bio\u003c\/span\u003e \u003cspan class=\"grog-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"grog-badge\"\u003e❄️ Spécial hiver\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"grog-hero-title\"\u003eGrog Grand Froid\u003c\/span\u003e\n\u003cp class=\"grog-subtitle\"\u003eVotre allié réconfortant pour affronter l'hiver\u003c\/p\u003e\n\u003cp class=\"grog-description\"\u003e9 plantes bio aux vertus traditionnelles — Gingembre, Thym, Eucalyptus, Cannelle — pour une alternative naturelle et savoureuse au grog classique, sans alcool.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e🌟 Pourquoi ce grog est différent\u003c\/h2\u003e\n\u003cdiv class=\"grog-grid\"\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🍵 Sans alcool\u003c\/h3\u003e\n\u003cp\u003eToute l'efficacité d'un grog traditionnel sans les inconvénients du rhum, adapté à toute la famille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🌿 9 actifs naturels\u003c\/h3\u003e\n\u003cp\u003eUne synergie de plantes soigneusement sélectionnées pour leurs propriétés sur la sphère ORL\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🇫🇷 Filière française\u003c\/h3\u003e\n\u003cp\u003eThym, mauve et sureau cultivés en France pour soutenir les producteurs locaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🍋 Note de citron\u003c\/h3\u003e\n\u003cp\u003eHuiles essentielles de citron et limette pour une finale fraîche et tonifiante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e💪 Le pouvoir des plantes\u003c\/h2\u003e\n\u003cdiv class=\"grog-grid\"\u003e\n\u003cdiv class=\"grog-card grog-card-highlight\"\u003e\n\u003ch3\u003e🫚 Gingembre \u0026amp; Cannelle\u003c\/h3\u003e\n\u003cp\u003eApportent chaleur et réconfort immédiat, réchauffent de l'intérieur dès la première gorgée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card grog-card-highlight\"\u003e\n\u003ch3\u003e🌿 Thym \u0026amp; Eucalyptus\u003c\/h3\u003e\n\u003cp\u003eLibèrent leur puissance aromatique pour dégager les voies respiratoires naturellement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card grog-card-highlight\"\u003e\n\u003ch3\u003e🌸 Fleur de sureau\u003c\/h3\u003e\n\u003cp\u003eSoutient les défenses naturelles de l'organisme pendant la saison froide\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card grog-card-highlight\"\u003e\n\u003ch3\u003e🌺 Mauve\u003c\/h3\u003e\n\u003cp\u003eApporte une douceur florale et contribue à apaiser les gorges irritées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e📋 Composition bio certifiée\u003c\/h2\u003e\n\u003cdiv class=\"grog-ingredients\"\u003e\n\u003cdiv class=\"grog-ingredient\"\u003e\n\u003cspan class=\"grog-ingredient-name\"\u003eGingembre\u003c\/span\u003e \u003cspan class=\"grog-ingredient-latin\"\u003eZingiber officinale\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-ingredient\"\u003e\n\u003cspan class=\"grog-ingredient-name\"\u003eCannelle\u003c\/span\u003e \u003cspan class=\"grog-ingredient-latin\"\u003eCinnamomum verum\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-ingredient grog-ingredient-france\"\u003e\n\u003cspan class=\"grog-ingredient-name\"\u003eFleur de sureau 🇫🇷\u003c\/span\u003e \u003cspan class=\"grog-ingredient-latin\"\u003eSambucus nigra\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-ingredient grog-ingredient-france\"\u003e\n\u003cspan class=\"grog-ingredient-name\"\u003eThym 🇫🇷\u003c\/span\u003e \u003cspan class=\"grog-ingredient-latin\"\u003eThymus vulgaris\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-ingredient\"\u003e\n\u003cspan class=\"grog-ingredient-name\"\u003eEucalyptus\u003c\/span\u003e \u003cspan class=\"grog-ingredient-latin\"\u003eEucalyptus globulus\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-ingredient grog-ingredient-france\"\u003e\n\u003cspan class=\"grog-ingredient-name\"\u003eMauve 🇫🇷\u003c\/span\u003e \u003cspan class=\"grog-ingredient-latin\"\u003eMalva sylvestris\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-ingredient\"\u003e\n\u003cspan class=\"grog-ingredient-name\"\u003eÉcorce de citron\u003c\/span\u003e \u003cspan class=\"grog-ingredient-latin\"\u003eCitrus limon\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-ingredient\"\u003e\n\u003cspan class=\"grog-ingredient-name\"\u003eHE Citron\u003c\/span\u003e \u003cspan class=\"grog-ingredient-latin\"\u003eCitrus limon\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-ingredient\"\u003e\n\u003cspan class=\"grog-ingredient-name\"\u003eHE Limette\u003c\/span\u003e \u003cspan class=\"grog-ingredient-latin\"\u003eCitrus aurantiifolia\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e☕ Préparation parfaite\u003c\/h2\u003e\n\u003cdiv class=\"grog-steps\"\u003e\n\u003cdiv class=\"grog-step\"\u003e\n\u003cdiv class=\"grog-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"grog-step-content\"\u003e\n\u003ch3\u003eDosez\u003c\/h3\u003e\n\u003cp\u003e1 cuillère à café (≈ 2g) pour une grande tasse de 300 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-step\"\u003e\n\u003cdiv class=\"grog-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"grog-step-content\"\u003e\n\u003ch3\u003eInfusez\u003c\/h3\u003e\n\u003cp\u003eEau frémissante à 85°C — pas bouillante pour préserver les arômes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-step\"\u003e\n\u003cdiv class=\"grog-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"grog-step-content\"\u003e\n\u003ch3\u003ePatientez\u003c\/h3\u003e\n\u003cp\u003e5 à 10 minutes selon l'intensité désirée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-step\"\u003e\n\u003cdiv class=\"grog-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"grog-step-content\"\u003e\n\u003ch3\u003eSavourez\u003c\/h3\u003e\n\u003cp\u003e2 tasses par jour pendant la période hivernale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-tip\"\u003e\n\u003cspan class=\"grog-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce gourmande :\u003c\/strong\u003e Ajoutez une cuillère de miel et une rondelle de citron frais pour vous rapprocher d'un vrai grog traditionnel !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e👃 Profil aromatique\u003c\/h2\u003e\n\u003cdiv class=\"grog-aroma\"\u003e\n\u003cdiv class=\"grog-aroma-item\"\u003e\n\u003cdiv class=\"grog-aroma-bar\" style=\"--width: 90%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"grog-aroma-label\"\u003e🌶️ Épicé (gingembre, cannelle)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-aroma-item\"\u003e\n\u003cdiv class=\"grog-aroma-bar\" style=\"--width: 85%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"grog-aroma-label\"\u003e🌿 Aromatique (thym, eucalyptus)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-aroma-item\"\u003e\n\u003cdiv class=\"grog-aroma-bar\" style=\"--width: 70%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"grog-aroma-label\"\u003e🍋 Citronné (citron, limette)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-aroma-item\"\u003e\n\u003cdiv class=\"grog-aroma-bar\" style=\"--width: 50%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"grog-aroma-label\"\u003e🌸 Floral (mauve, sureau)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e✅ Les engagements Biohême\u003c\/h2\u003e\n\u003cdiv class=\"grog-grid-compact\"\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🏭 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabrication en Pays de la Loire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🌱 Filière locale\u003c\/h3\u003e\n\u003cp\u003eProducteurs français soutenus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e♻️ Zéro plastique\u003c\/h3\u003e\n\u003cp\u003eBoîte métal réutilisable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🏷️ Bio certifié\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n\u003cdiv class=\"grog-grid-compact\"\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e📏 50g en vrac\u003c\/h3\u003e\n\u003cp\u003eEnviron 25 tasses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🥫 Boîte métal\u003c\/h3\u003e\n\u003cp\u003eHermétique et réutilisable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e📅 Conservation\u003c\/h3\u003e\n\u003cp\u003e24 mois au sec et à l'abri\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🖨️ Éco-conçu\u003c\/h3\u003e\n\u003cp\u003eÉtiquettes imprimées en Bretagne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"grog-accordion\"\u003e\n\u003cdetails class=\"grog-accordion-item\"\u003e\n\u003csummary class=\"grog-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n\u003cdiv class=\"grog-accordion-content\"\u003e\n\u003cp\u003eÀ conserver au sec, à l'abri de la lumière et de la chaleur. La boîte métal hermétique garantit une conservation optimale pendant 24 mois après fabrication.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"grog-accordion-item\"\u003e\n\u003csummary class=\"grog-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"grog-accordion-content\"\u003e\n\u003cp\u003eCette infusion est un produit alimentaire destiné à accompagner une alimentation variée et équilibrée. Elle ne se substitue pas à un traitement médical. En cas de symptômes persistants, consultez un professionnel de santé. Déconseillé aux femmes enceintes et allaitantes en raison de la présence d'huiles essentielles. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"grog-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"grog-cta-box\"\u003e\n\u003cp\u003e❄️ Préparez-vous à affronter l'hiver sereinement avec ce grog aux 9 plantes bio. Une tasse, et le froid n'est plus qu'un lointain souvenir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --grog-cream: #F9F7F3;\n  --grog-white: #ffffff;\n  --grog-primary: #1B6B7C;\n  --grog-primary-dark: #145563;\n  --grog-primary-light: #E8F4F6;\n  --grog-secondary: #E8C547;\n  --grog-accent: #2D8A9C;\n  --grog-text: #1a1a1a;\n  --grog-text-light: #5a5a5a;\n  --grog-border: #e0e0e0;\n  --grog-shadow: 0 4px 24px rgba(27,107,124,.08);\n  --grog-shadow-lg: 0 12px 48px rgba(27,107,124,.15);\n  --grog-radius: 20px;\n  --grog-radius-sm: 12px;\n}\n\n.grog-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--grog-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.grog-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--grog-primary) 0%, var(--grog-accent) 50%, var(--grog-primary-dark) 100%);\n  border-radius: var(--grog-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--grog-shadow-lg);\n}\n\n.grog-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n  opacity: .6;\n}\n\n.grog-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.grog-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .5rem;\n  margin-bottom: 1.5rem;\n}\n\n.grog-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--grog-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.grog-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.grog-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.grog-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.grog-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.grog-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.grog-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--grog-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.grog-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--grog-primary), var(--grog-secondary));\n  border-radius: 2px;\n}\n\n.grog-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.grog-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.grog-card {\n  background: var(--grog-white);\n  border-radius: var(--grog-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--grog-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.grog-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--grog-shadow-lg);\n  border-color: var(--grog-primary);\n}\n\n.grog-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--grog-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.grog-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--grog-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.grog-card-highlight {\n  background: linear-gradient(135deg, var(--grog-white) 0%, var(--grog-primary-light) 100%);\n  border-left: 4px solid var(--grog-primary);\n}\n\n.grog-grid-compact .grog-card {\n  padding: 1rem;\n}\n\n.grog-grid-compact .grog-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.grog-grid-compact .grog-card p {\n  font-size: 12px;\n}\n\n\/* Ingrédients *\/\n.grog-ingredients {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: .75rem;\n}\n\n.grog-ingredient {\n  background: var(--grog-white);\n  border-radius: var(--grog-radius-sm);\n  padding: 1rem;\n  text-align: center;\n  box-shadow: var(--grog-shadow);\n  transition: all .3s ease;\n}\n\n.grog-ingredient:hover {\n  transform: translateY(-3px);\n  box-shadow: var(--grog-shadow-lg);\n}\n\n.grog-ingredient-france {\n  background: linear-gradient(135deg, var(--grog-white) 0%, #EEF7E8 100%);\n  border: 2px solid #4CAF50;\n}\n\n.grog-ingredient-name {\n  display: block;\n  font-weight: 700;\n  color: var(--grog-primary-dark);\n  font-size: 14px;\n  margin-bottom: .25rem;\n}\n\n.grog-ingredient-latin {\n  font-size: 11px;\n  color: var(--grog-text-light);\n  font-style: italic;\n}\n\n\/* Étapes *\/\n.grog-steps {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1rem;\n}\n\n.grog-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--grog-white);\n  border-radius: var(--grog-radius);\n  padding: 1.25rem;\n  box-shadow: var(--grog-shadow);\n}\n\n.grog-step-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--grog-primary), var(--grog-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 900;\n  font-size: 18px;\n}\n\n.grog-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--grog-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.grog-step-content p {\n  font-size: 13px;\n  color: var(--grog-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.grog-tip {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: linear-gradient(135deg, #FFF9E6 0%, #FFF3CC 100%);\n  border-radius: var(--grog-radius);\n  padding: 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--grog-secondary);\n}\n\n.grog-tip-icon {\n  font-size: 24px;\n}\n\n.grog-tip p {\n  font-size: 14px;\n  color: var(--grog-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* Arômes *\/\n.grog-aroma {\n  background: var(--grog-white);\n  border-radius: var(--grog-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--grog-shadow);\n}\n\n.grog-aroma-item {\n  margin-bottom: 1.25rem;\n}\n\n.grog-aroma-item:last-child {\n  margin-bottom: 0;\n}\n\n.grog-aroma-bar {\n  height: 12px;\n  background: linear-gradient(90deg, var(--grog-primary), var(--grog-accent));\n  border-radius: 6px;\n  width: var(--width);\n  margin-bottom: .5rem;\n  transition: width .5s ease;\n}\n\n.grog-aroma-label {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--grog-text);\n}\n\n\/* Accordéon *\/\n.grog-accordion {\n  background: var(--grog-white);\n  border-radius: var(--grog-radius);\n  box-shadow: var(--grog-shadow);\n  overflow: hidden;\n}\n\n.grog-accordion-item {\n  border-bottom: 1px solid var(--grog-border);\n  margin: 0;\n  padding: 0;\n}\n\n.grog-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.grog-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--grog-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.grog-accordion-header:hover {\n  background: var(--grog-primary-light);\n}\n\n.grog-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.grog-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--grog-primary);\n  transition: transform .2s ease;\n}\n\n.grog-accordion-item[open] .grog-accordion-header::after {\n  content: '−';\n}\n\n.grog-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--grog-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.grog-accordion-content p {\n  margin: 0;\n}\n\n\/* CTA *\/\n.grog-cta-box {\n  background: linear-gradient(135deg, var(--grog-primary) 0%, var(--grog-primary-dark) 100%);\n  border-radius: var(--grog-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.grog-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  left: -50%;\n  width: 200%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n  animation: shimmer 3s infinite;\n}\n\n@keyframes shimmer {\n  0%, 100% { transform: translate(-10%, -10%); }\n  50% { transform: translate(10%, 10%); }\n}\n\n.grog-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .grog-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .grog-grid-compact {\n    gap: .625rem;\n  }\n  \n  .grog-grid-compact .grog-card {\n    padding: .75rem;\n  }\n  \n  .grog-card {\n    padding: 1.125rem;\n  }\n  \n  .grog-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .grog-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--grog-radius-sm);\n  }\n  \n  .grog-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .grog-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .grog-ingredients {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .5rem;\n  }\n  \n  .grog-ingredient {\n    padding: .75rem;\n  }\n  \n  .grog-ingredient-name {\n    font-size: 12px;\n  }\n  \n  .grog-ingredient-latin {\n    font-size: 10px;\n  }\n  \n  .grog-steps {\n    grid-template-columns: 1fr;\n    gap: .75rem;\n  }\n  \n  .grog-step {\n    padding: 1rem;\n  }\n  \n  .grog-step-number {\n    width: 36px;\n    height: 36px;\n    font-size: 16px;\n  }\n  \n  .grog-aroma {\n    padding: 1.25rem;\n  }\n  \n  .grog-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .grog-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n  .grog-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .grog-card:nth-child(1) { animation-delay: .05s; }\n  .grog-card:nth-child(2) { animation-delay: .1s; }\n  .grog-card:nth-child(3) { animation-delay: .15s; }\n  .grog-card:nth-child(4) { animation-delay: .2s; }\n  .grog-card:nth-child(5) { animation-delay: .25s; }\n  .grog-card:nth-child(6) { animation-delay: .3s; }\n  \n  .grog-ingredient {\n    animation: fadeInUp .4s ease backwards;\n  }\n  .grog-ingredient:nth-child(1) { animation-delay: .05s; }\n  .grog-ingredient:nth-child(2) { animation-delay: .08s; }\n  .grog-ingredient:nth-child(3) { animation-delay: .11s; }\n  .grog-ingredient:nth-child(4) { animation-delay: .14s; }\n  .grog-ingredient:nth-child(5) { animation-delay: .17s; }\n  .grog-ingredient:nth-child(6) { animation-delay: .2s; }\n  .grog-ingredient:nth-child(7) { animation-delay: .23s; }\n  .grog-ingredient:nth-child(8) { animation-delay: .26s; }\n  .grog-ingredient:nth-child(9) { animation-delay: .29s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* Accessibilité *\/\n@media (prefers-reduced-motion: reduce) {\n  .grog-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"BIOHÊME","offers":[{"title":"Default Title","offer_id":56486129205625,"sku":"NBAIBHM0025","price":8.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/grog-grand-froid-boite-metal-50g-bioheme-ingredients.jpg?v=1768221013","url":"https:\/\/www.naturellement-bio.com\/products\/grog-grand-froid-boite-metal-50g-bioheme","provider":"Naturellement Bio","version":"1.0","type":"link"}