{"product_id":"the-noir-blue-earl-grey-bio-100-g-place-des-thes","title":"Thé noir Blue Earl Grey Bio - 100 g - Place des Thés","description":"\u003cdiv class=\"beg-premium\"\u003e\n  \u003cdiv class=\"beg-hero\"\u003e\n    \u003cdiv class=\"beg-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"beg-hero-content\"\u003e\n      \u003cdiv class=\"beg-badges-top\"\u003e\n        \u003cspan class=\"beg-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n        \u003cspan class=\"beg-badge\"\u003e🍃 Thé noir de Chine\u003c\/span\u003e\n        \u003cspan class=\"beg-badge\"\u003e🌸 Pétales de bleuet\u003c\/span\u003e\n        \u003cspan class=\"beg-badge\"\u003e📦 100 g en vrac\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"beg-hero-title\"\u003eBlue Earl Grey Bio\u003c\/span\u003e\n      \u003cp class=\"beg-subtitle\"\u003eThé noir · bergamote · bleuet\u003c\/p\u003e\n      \u003cp class=\"beg-description\"\u003eUne revisite raffinée du grand classique anglais, signée Place des Thés. Le mariage subtil du thé noir de Chine, de la bergamote et de délicats pétales de bleuet pour une tasse à la fois corsée et florale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"beg-section\"\u003e\n    \u003ch2\u003eBlue Earl Grey Bio : la délicate alliance du thé noir et de la bergamote\u003c\/h2\u003e\n    \u003cp class=\"beg-section-intro\"\u003eVous cherchez un \u003cstrong\u003ethé Earl Grey\u003c\/strong\u003e raffiné, parfumé et certifié biologique ? Le \u003cstrong\u003eBlue Earl Grey Bio\u003c\/strong\u003e de Place des Thés revisite avec élégance ce grand classique anglais. Sur une base de thé noir de Chine, il déploie de subtiles notes de \u003cstrong\u003ebergamote\u003c\/strong\u003e, rehaussées d'une touche florale d'oranger et de pétales de bleuet et de mauve. Une tasse à la fois corsée et délicate, à savourer tout au long de la journée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"beg-section\"\u003e\n    \u003ch2\u003eUne recette unique autour de la bergamote\u003c\/h2\u003e\n    \u003cdiv class=\"beg-story-card\"\u003e\n      \u003cp\u003eLe \u003cstrong\u003ethé Earl Grey bergamote\u003c\/strong\u003e est une institution depuis le XIXe siècle, popularisée par le comte Charles Grey, ancien Premier ministre britannique. Place des Thés s'inspire de cette tradition tout en y apportant sa signature : des \u003cstrong\u003epétales de bleuet\u003c\/strong\u003e et de mauve, qui parsèment les feuilles de leurs reflets bleutés, et une note florale d'oranger qui adoucit la vivacité de la bergamote.\u003c\/p\u003e\n      \u003cp\u003eContrairement à un \u003cstrong\u003ethé Twinings Earl Grey\u003c\/strong\u003e ou un \u003cstrong\u003eRussian Earl Grey\u003c\/strong\u003e plus puissants, cette version privilégie l'équilibre et la finesse. Le résultat : une tasse aromatique, fraîche, légèrement fruitée, idéale pour les amateurs de \u003cstrong\u003ethé noir Earl Grey\u003c\/strong\u003e en quête de subtilité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"beg-section\"\u003e\n    \u003ch2\u003eComposition (Bio - Agriculture biologique)\u003c\/h2\u003e\n    \u003cp class=\"beg-section-intro\"\u003eTous les ingrédients sont issus de l'agriculture biologique. Format : feuilles en vrac, conditionnement de \u003cstrong\u003e100 g\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003cdiv class=\"beg-grid\"\u003e\n      \u003cdiv class=\"beg-card\"\u003e\n        \u003ch3\u003e🍃 Thé noir de Chine\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e95 %\u003c\/strong\u003e - Une base corsée et aromatique, soigneusement sélectionnée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"beg-card\"\u003e\n        \u003ch3\u003e🍋 Arômes naturels de bergamote\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e2 %\u003c\/strong\u003e - Le parfum signature du Earl Grey, vif et zesté.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"beg-card\"\u003e\n        \u003ch3\u003e🌼 Arômes naturels de fleur d'oranger\u003c\/h3\u003e\n        \u003cp\u003eUne note florale douce qui adoucit la vivacité de la bergamote.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"beg-card\"\u003e\n        \u003ch3\u003e🌸 Pétales de bleuet\u003c\/h3\u003e\n        \u003cp\u003eDe délicats éclats bleutés qui subliment la feuille de thé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"beg-card\"\u003e\n        \u003ch3\u003e💐 Pétales de mauve\u003c\/h3\u003e\n        \u003cp\u003eUne touche florale supplémentaire pour une infusion poétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"beg-section\"\u003e\n    \u003ch2\u003eComment préparer votre Blue Earl Grey ?\u003c\/h2\u003e\n    \u003cp class=\"beg-section-intro\"\u003ePour profiter pleinement de ses arômes, respectez la bonne température et le bon temps d'infusion. Une eau trop chaude ou un temps trop long pourrait rendre votre tasse amère.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"beg-section\"\u003e\n    \u003ch2\u003ePréparation chaude\u003c\/h2\u003e\n    \u003cdiv class=\"beg-grid-compact\"\u003e\n      \u003cdiv class=\"beg-card\"\u003e\n        \u003ch3\u003e⚖️ Dosage\u003c\/h3\u003e\n        \u003cp\u003e6 g de feuilles pour 30 cl d'eau\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"beg-card\"\u003e\n        \u003ch3\u003e🌡️ Température\u003c\/h3\u003e\n        \u003cp\u003e95 °C\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"beg-card\"\u003e\n        \u003ch3\u003e⏱️ Infusion\u003c\/h3\u003e\n        \u003cp\u003e4 minutes\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"beg-section\"\u003e\n    \u003ch2\u003ePréparation froide (cold brew)\u003c\/h2\u003e\n    \u003cdiv class=\"beg-grid-compact\"\u003e\n      \u003cdiv class=\"beg-card\"\u003e\n        \u003ch3\u003e⚖️ Dosage\u003c\/h3\u003e\n        \u003cp\u003e8 g de feuilles pour 50 cl d'eau\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"beg-card\"\u003e\n        \u003ch3\u003e🌡️ Température\u003c\/h3\u003e\n        \u003cp\u003eAmbiante\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"beg-card\"\u003e\n        \u003ch3\u003e⏱️ Infusion\u003c\/h3\u003e\n        \u003cp\u003e45 minutes\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"beg-tip\"\u003e\n      \u003cspan class=\"beg-tip-icon\"\u003e🧊\u003c\/span\u003e\n      \u003cp\u003eLe cold brew révèle des notes encore plus fraîches d'agrumes : parfait pour les beaux jours, à boire nature ou avec une rondelle de citron.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"beg-section\"\u003e\n    \u003ch2\u003eQuand le déguster ?\u003c\/h2\u003e\n    \u003cdiv class=\"beg-timeline\"\u003e\n      \u003cdiv class=\"beg-timeline-item\"\u003e\n        \u003cdiv class=\"beg-timeline-number\"\u003e☀️\u003c\/div\u003e\n        \u003cdiv class=\"beg-timeline-content\"\u003e\n          \u003ch3\u003eAu petit-déjeuner\u003c\/h3\u003e\n          \u003cp\u003eIl accompagne agréablement les viennoiseries et tartines beurrées.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"beg-timeline-item\"\u003e\n        \u003cdiv class=\"beg-timeline-number\"\u003e🫖\u003c\/div\u003e\n        \u003cdiv class=\"beg-timeline-content\"\u003e\n          \u003ch3\u003eAu Five O'Clock tea\u003c\/h3\u003e\n          \u003cp\u003eIl sublime un scone tiède ou un cake aux agrumes, dans la plus pure tradition britannique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"beg-timeline-item\"\u003e\n        \u003cdiv class=\"beg-timeline-number\"\u003e🥛\u003c\/div\u003e\n        \u003cdiv class=\"beg-timeline-content\"\u003e\n          \u003ch3\u003eÀ votre façon\u003c\/h3\u003e\n          \u003cp\u003eNature, avec un nuage de lait végétal ou une touche de miel selon vos préférences.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"beg-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le thé Blue Earl Grey Bio de Place des Thés ?\u003c\/h2\u003e\n    \u003cdiv class=\"beg-grid-compact\"\u003e\n      \u003cdiv class=\"beg-card\"\u003e\n        \u003ch3\u003e🍃 Thé noir de qualité\u003c\/h3\u003e\n        \u003cp\u003eUne base soigneusement sélectionnée, issue de Chine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"beg-card\"\u003e\n        \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n        \u003cp\u003eLabel Agriculture Biologique (UE) garanti.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"beg-card\"\u003e\n        \u003ch3\u003e🍋 Bergamote naturelle\u003c\/h3\u003e\n        \u003cp\u003eUn parfum 100 % naturel, sans arômes artificiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"beg-card\"\u003e\n        \u003ch3\u003e🏺 Boîte métal premium\u003c\/h3\u003e\n        \u003cp\u003eUne présentation soignée qui préserve les arômes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"beg-card\"\u003e\n        \u003ch3\u003e🔄 Thé polyvalent\u003c\/h3\u003e\n        \u003cp\u003eChaud ou glacé, matin ou après-midi : il s'adapte à toutes vos envies.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"beg-card\"\u003e\n        \u003ch3\u003e🌸 Touche florale unique\u003c\/h3\u003e\n        \u003cp\u003ePétales de bleuet et de mauve pour une tasse poétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"beg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"beg-accordion\"\u003e\n      \u003cdetails class=\"beg-accordion-item\"\u003e\n        \u003csummary class=\"beg-accordion-header\"\u003e🍵 Quelle différence entre Earl Grey thé noir et Earl Grey thé vert ?\u003c\/summary\u003e\n        \u003cdiv class=\"beg-accordion-content mt-3\"\u003e\n          \u003cp\u003eL'Earl Grey classique repose sur une base de thé noir, plus corsé. La version au \u003cstrong\u003ethé vert Earl Grey\u003c\/strong\u003e propose un profil plus végétal et léger.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"beg-accordion-item\"\u003e\n        \u003csummary class=\"beg-accordion-header\"\u003e☕ Le Blue Earl Grey contient-il de la caféine ?\u003c\/summary\u003e\n        \u003cdiv class=\"beg-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, comme tout thé noir, il contient naturellement de la théine.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"beg-accordion-item\"\u003e\n        \u003csummary class=\"beg-accordion-header\"\u003e⚠️ Précautions de consommation\u003c\/summary\u003e\n        \u003cdiv class=\"beg-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cem\u003eCe thé est un produit de plaisir et de dégustation. Il ne se substitue pas à une alimentation variée, équilibrée ni à un avis médical. En cas de grossesse, d'allaitement ou de traitement, demandez conseil à votre professionnel de santé.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --beg-cream: #faf6ee;\n  --beg-white: #ffffff;\n  --beg-primary: #b8924a;\n  --beg-primary-dark: #7a5e2a;\n  --beg-primary-light: #f5ecd9;\n  --beg-secondary: #3a5a8c;\n  --beg-accent: #6b8ec4;\n  --beg-text: #2a2418;\n  --beg-text-light: #6b5f4d;\n  --beg-border: #e8dfc9;\n  --beg-shadow: 0 4px 24px rgba(122,94,42,.10);\n  --beg-shadow-lg: 0 12px 48px rgba(122,94,42,.18);\n  --beg-radius: 20px;\n  --beg-radius-sm: 12px;\n}\n\n.beg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--beg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--beg-text);\n}\n\n\/* HERO *\/\n.beg-hero {\n  position: relative;\n  background: linear-gradient(135deg, #c9a35a 0%, #b8924a 45%, #8a6a30 100%);\n  border-radius: var(--beg-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(--beg-shadow-lg);\n}\n\n.beg-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image:\n    radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n    radial-gradient(circle at 80% 70%, rgba(58,90,140,.3) 0%, transparent 40%);\n  opacity: .25;\n}\n\n.beg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.beg-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 56px);\n  font-weight: 900;\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.beg-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  letter-spacing: .15em;\n  text-transform: uppercase;\n  margin: 0 0 1.25rem 0;\n}\n\n.beg-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 680px;\n  margin: 0 auto;\n  font-weight: 400;\n}\n\n.beg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.75rem;\n}\n\n.beg-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.96);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--beg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.beg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* SECTIONS *\/\n.beg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.beg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--beg-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  line-height: 1.25;\n}\n\n.beg-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(--beg-primary), var(--beg-secondary));\n  border-radius: 2px;\n}\n\n.beg-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--beg-text-light);\n  margin: 0 auto 1.75rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n\/* STORY CARD *\/\n.beg-story-card {\n  background: var(--beg-white);\n  border-radius: var(--beg-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--beg-shadow);\n  border-left: 4px solid var(--beg-primary);\n}\n\n.beg-story-card p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--beg-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.beg-story-card p:last-child {\n  margin-bottom: 0;\n}\n\n\/* CARDS *\/\n.beg-card {\n  background: var(--beg-white);\n  border-radius: var(--beg-radius);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  box-shadow: var(--beg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.beg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--beg-shadow-lg);\n  border-color: var(--beg-primary);\n}\n\n.beg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--beg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.beg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--beg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* GRIDS *\/\n.beg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.beg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n}\n\n.beg-grid-compact .beg-card {\n  padding: 1rem;\n}\n\n.beg-grid-compact .beg-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.beg-grid-compact .beg-card p {\n  font-size: 13px;\n}\n\n\/* TIMELINE *\/\n.beg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 780px;\n  margin: 0 auto;\n}\n\n.beg-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.beg-timeline-number {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--beg-primary), var(--beg-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 22px;\n  box-shadow: 0 4px 12px rgba(122,94,42,.25);\n}\n\n.beg-timeline-content {\n  flex: 1;\n  background: var(--beg-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--beg-radius-sm);\n  box-shadow: var(--beg-shadow);\n}\n\n.beg-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--beg-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.beg-timeline-content p {\n  font-size: 14px;\n  color: var(--beg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* TIP *\/\n.beg-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--beg-primary-light);\n  border-radius: var(--beg-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.beg-tip-icon {\n  font-size: 26px;\n  flex-shrink: 0;\n}\n\n.beg-tip p {\n  font-size: 14px;\n  color: var(--beg-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* ACCORDION *\/\n.beg-accordion {\n  background: var(--beg-white);\n  border-radius: var(--beg-radius);\n  box-shadow: var(--beg-shadow);\n  overflow: hidden;\n}\n\n.beg-accordion-item {\n  border-bottom: 1px solid var(--beg-border);\n  margin: 0;\n  padding: 0;\n}\n\n.beg-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.beg-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--beg-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}\n\n.beg-accordion-header:hover {\n  background: var(--beg-primary-light);\n}\n\n.beg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.beg-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--beg-primary);\n  transition: transform .2s ease;\n  margin-left: 1rem;\n}\n\n.beg-accordion-item[open] .beg-accordion-header::after {\n  content: '−';\n}\n\n.beg-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--beg-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.beg-accordion-content p {\n  margin: 0;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 767px) {\n  .beg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .beg-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n\n  .beg-grid-compact .beg-card {\n    padding: .75rem;\n  }\n\n  .beg-card {\n    padding: 1.125rem;\n  }\n\n  .beg-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .beg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--beg-radius-sm);\n  }\n\n  .beg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .beg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .beg-timeline-number {\n    width: 40px;\n    height: 40px;\n    font-size: 18px;\n  }\n\n  .beg-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .beg-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .beg-timeline-content p {\n    font-size: 13px;\n  }\n\n  .beg-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .beg-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .beg-story-card {\n    padding: 1.25rem;\n  }\n\n  .beg-story-card p {\n    font-size: 14px;\n  }\n}\n\n\/* ANIMATIONS *\/\n@media (prefers-reduced-motion: no-preference) {\n  .beg-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .beg-card:nth-child(1) { animation-delay: .05s; }\n  .beg-card:nth-child(2) { animation-delay: .1s; }\n  .beg-card:nth-child(3) { animation-delay: .15s; }\n  .beg-card:nth-child(4) { animation-delay: .2s; }\n  .beg-card:nth-child(5) { animation-delay: .25s; }\n  .beg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .beg-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"Place des thés","offers":[{"title":"Default Title","offer_id":57375953453433,"sku":"NBAIPDT0016","price":12.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/the-noir-blue-earl-grey-bio-100-g-place-des-thes-packshothd.webp?v=1790663509","url":"https:\/\/www.naturellement-bio.com\/products\/the-noir-blue-earl-grey-bio-100-g-place-des-thes","provider":"Naturellement Bio","version":"1.0","type":"link"}