{"title":"Place des thés","description":"","products":[{"product_id":"chai-mate-bio-place-des-thes","title":"Chai Maté Bio - 100 g - Place des Thés","description":"\u003cdiv class=\"cm-premium\"\u003e\n\u003cdiv class=\"cm-hero\"\u003e\n\u003cdiv class=\"cm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cm-hero-content\"\u003e\n\u003cdiv class=\"cm-badges-top\"\u003e\n\u003cspan class=\"cm-badge\"\u003e🌿 Bio AB\u003c\/span\u003e \u003cspan class=\"cm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cm-badge\"\u003e⚡ Tonique naturel\u003c\/span\u003e \u003cspan class=\"cm-badge\"\u003e📦 100 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cm-hero-title\"\u003eChai Maté Bio\u003c\/span\u003e\n\u003cp class=\"cm-subtitle\"\u003ePlace des Thés - Maté vert \u0026amp; épices indiennes\u003c\/p\u003e\n\u003cp class=\"cm-description\"\u003eL'alliance vivifiante du maté vert d'Amérique du Sud et de la chaleur réconfortante des épices Chaï. Une infusion biologique, naturellement stimulante, à savourer chaude ou glacée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003eChai Maté Bio Place des Thés : l'alliance vivifiante du maté vert et des épices indiennes\u003c\/h2\u003e\n\u003cp class=\"cm-section-intro\"\u003eImaginez un instant : la fraîcheur tonique du \u003cstrong\u003ematé vert bio\u003c\/strong\u003e d'Amérique du Sud rencontre la chaleur réconfortante des épices Chaï venues d'Inde. Le \u003cstrong\u003eChaï Maté Bio\u003c\/strong\u003e de Place des Thés est ce mariage savoureux, pensé pour vous accompagner dans vos matinées ou vos coups de fatigue en milieu de journée. Une infusion biologique, naturellement stimulante, à savourer chaude ou glacée selon la saison.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003eUne composition 100 % bio, soigneusement sélectionnée\u003c\/h2\u003e\n\u003cp class=\"cm-section-intro\"\u003ePlace des Thés a élaboré ce mélange en privilégiant des ingrédients \u003cstrong\u003eissus de l'agriculture biologique\u003c\/strong\u003e, sans arômes artificiels.\u003c\/p\u003e\n\u003cdiv class=\"cm-grid-compact\"\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🌿 Maté vert* (31 %)\u003c\/h3\u003e\n\u003cp\u003ePlante stimulante d'Amérique du Sud\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🍃 Rooibos naturel*\u003c\/h3\u003e\n\u003cp\u003eApporte douceur et rondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🪵 Bâtons de cannelle*\u003c\/h3\u003e\n\u003cp\u003eChaleur épicée et boisée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e⭐ Anis*\u003c\/h3\u003e\n\u003cp\u003eNote aromatique fraîche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🌱 Fenouil*\u003c\/h3\u003e\n\u003cp\u003eTouche douce et anisée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🫚 Gingembre*\u003c\/h3\u003e\n\u003cp\u003ePep's vivifiant et chaleureux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🌸 Clou de girofle*\u003c\/h3\u003e\n\u003cp\u003eProfondeur épicée intense\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e💚 Cardamome moulue*\u003c\/h3\u003e\n\u003cp\u003eSignature des thés Chaï\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"cm-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique - Certification AB.\u003c\/p\u003e\n\u003cdiv class=\"cm-tip\"\u003e\n\u003cspan class=\"cm-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eLe rooibos apporte douceur et rondeur, tandis que les épices Chaï enveloppent le palais d'une chaleur épicée parfaitement dosée. Une véritable signature aromatique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003eLes bienfaits du maté bio dans une tasse\u003c\/h2\u003e\n\u003cdiv class=\"cm-grid\"\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e⚡ Stimulant naturel\u003c\/h3\u003e\n\u003cp\u003eLe maté vert bio est traditionnellement reconnu comme une plante stimulante, idéale lors des moments de fatigue passagère.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🎯 Concentration\u003c\/h3\u003e\n\u003cp\u003eAssocié aux épices Chaï, il devient une boisson tonique pour démarrer la journée ou prolonger votre concentration en après-midi.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e📅 Cure conseillée\u003c\/h3\u003e\n\u003cp\u003ePour profiter pleinement de ses qualités, une cure de 3 à 4 semaines est recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"cm-disclaimer\"\u003eCe thé maté bio ne se substitue pas à une alimentation équilibrée, à une bonne hydratation, ni à un avis médical en cas de fatigue persistante.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003eComment préparer votre Chaï Maté ?\u003c\/h2\u003e\n\u003cdiv class=\"cm-timeline\"\u003e\n\u003cdiv class=\"cm-timeline-item\"\u003e\n\u003cdiv class=\"cm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cm-timeline-content\"\u003e\n\u003ch3\u003e⚖️ Dosage\u003c\/h3\u003e\n\u003cp\u003e3 à 4 g pour un mug de 200 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-timeline-item\"\u003e\n\u003cdiv class=\"cm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cm-timeline-content\"\u003e\n\u003ch3\u003e🌡️ Température\u003c\/h3\u003e\n\u003cp\u003e80 °C (ne pas faire bouillir)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-timeline-item\"\u003e\n\u003cdiv class=\"cm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cm-timeline-content\"\u003e\n\u003ch3\u003e⏱️ Infusion\u003c\/h3\u003e\n\u003cp\u003e5 minutes pour libérer tous les arômes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-timeline-item\"\u003e\n\u003cdiv class=\"cm-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"cm-timeline-content\"\u003e\n\u003ch3\u003e☀️ Moment idéal\u003c\/h3\u003e\n\u003cp\u003eLe matin ou en milieu de journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-tip\"\u003e\n\u003cspan class=\"cm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce gourmande :\u003c\/strong\u003e préparez votre Chaï Maté en version \u003cstrong\u003elatte\u003c\/strong\u003e avec un peu de lait végétal chaud (avoine, amande) et une pointe de miel. En été, laissez-le infuser à froid pendant 1 à 2 heures pour une boisson rafraîchissante naturellement épicée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003eAvis et questions fréquentes sur le maté bio\u003c\/h2\u003e\n\u003cdiv class=\"cm-accordion\"\u003e\n\u003cdetails class=\"cm-accordion-item\"\u003e\n\u003csummary class=\"cm-accordion-header\"\u003e☕ Le maté contient-il de la caféine ?\u003c\/summary\u003e\n\u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n\u003cp\u003eOui, le maté renferme de la matéine, proche de la caféine, qui lui confère ses vertus stimulantes. Privilégiez une consommation avant 16 h pour préserver votre sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cm-accordion-item\"\u003e\n\u003csummary class=\"cm-accordion-header\"\u003e🤰 Le Chaï Maté convient-il aux femmes enceintes ?\u003c\/summary\u003e\n\u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n\u003cp\u003eEn raison de sa teneur en matéine et en épices, il est déconseillé pendant la grossesse et l'allaitement. Demandez l'avis de votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cm-accordion-item\"\u003e\n\u003csummary class=\"cm-accordion-header\"\u003e📆 Peut-on le boire tous les jours ?\u003c\/summary\u003e\n\u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n\u003cp\u003eOui, dans le cadre d'une consommation raisonnable (1 à 2 tasses par jour), idéalement en cure ponctuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"cm-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"cm-accordion\"\u003e\n\u003cdetails class=\"cm-accordion-item\"\u003e\n\u003csummary class=\"cm-accordion-header\"\u003e🏷️ Marque \u0026amp; origine\u003c\/summary\u003e\n\u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n\u003cp\u003ePlace des Thés - fabriqué en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cm-accordion-item\"\u003e\n\u003csummary class=\"cm-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n\u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n\u003cp\u003e100 g, présenté en boîte métallique dorée préservant les arômes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cm-accordion-item\"\u003e\n\u003csummary class=\"cm-accordion-header\"\u003e🌿 Certification\u003c\/summary\u003e\n\u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n\u003cp\u003eAgriculture biologique (AB).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cm-accordion-item\"\u003e\n\u003csummary class=\"cm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ température ambiante, à l'abri de la lumière et de l'humidité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cm-accordion-item\"\u003e\n\u003csummary class=\"cm-accordion-header\"\u003e📅 DLUO\u003c\/summary\u003e\n\u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n\u003cp\u003e24 mois après fabrication.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.5rem;\" class=\"cm-cta-box\"\u003e\n\u003cp\u003eAvec son maté bio de qualité et ses épices envoûtantes, le Chaï Maté de Place des Thés devient vite un rituel incontournable pour les amateurs d'infusions à la fois toniques et gourmandes. ✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cm-disclaimer\"\u003eCe produit est un complément à une alimentation variée et équilibrée, et ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  :root {\n    --cm-cream: #faf6ef;\n    --cm-white: #ffffff;\n    --cm-primary: #b8893a;\n    --cm-primary-dark: #7a5520;\n    --cm-primary-light: #f5ead4;\n    --cm-secondary: #c8632a;\n    --cm-accent: #4a6b3a;\n    --cm-text: #2a1f15;\n    --cm-text-light: #6b5d4f;\n    --cm-border: #e8dcc4;\n    --cm-shadow: 0 4px 24px rgba(122,85,32,.08);\n    --cm-shadow-lg: 0 12px 48px rgba(122,85,32,.18);\n    --cm-radius: 20px;\n    --cm-radius-sm: 12px;\n  }\n\n  .cm-premium {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--cm-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--cm-text);\n  }\n\n  .cm-hero {\n    position: relative;\n    background: linear-gradient(135deg, #b8893a 0%, #a06d2a 50%, #7a5520 100%);\n    border-radius: var(--cm-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(--cm-shadow-lg);\n  }\n\n  .cm-hero-pattern {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n                      radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n    opacity: .15;\n  }\n\n  .cm-hero-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .cm-hero-title {\n    display: block;\n    color: white;\n    font-size: clamp(28px, 7vw, 52px);\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  .cm-subtitle {\n    color: rgba(255,255,255,.95);\n    font-size: clamp(16px, 2.5vw, 20px);\n    font-weight: 600;\n    margin: 0 0 1rem 0;\n    letter-spacing: .02em;\n  }\n\n  .cm-description {\n    color: rgba(255,255,255,.9);\n    font-size: clamp(14px, 2vw, 17px);\n    line-height: 1.7;\n    max-width: 720px;\n    margin: 0 auto;\n  }\n\n  .cm-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.5rem;\n  }\n\n  .cm-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(--cm-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.1);\n    transition: all .3s ease;\n  }\n\n  .cm-badge:hover {\n    transform: translateY(-2px) scale(1.05);\n  }\n\n  .cm-section {\n    margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  }\n\n  .cm-premium h2 {\n    font-size: clamp(22px, 5vw, 36px);\n    font-weight: 900;\n    color: var(--cm-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  .cm-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(--cm-primary), var(--cm-secondary));\n    border-radius: 2px;\n  }\n\n  .cm-section-intro {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--cm-text-light);\n    margin-bottom: 1.5rem;\n    max-width: 760px;\n    margin-left: auto;\n    margin-right: auto;\n    line-height: 1.7;\n  }\n\n  .cm-card {\n    background: var(--cm-white);\n    border-radius: var(--cm-radius);\n    padding: clamp(1.25rem, 3vw, 2rem);\n    box-shadow: var(--cm-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .cm-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--cm-shadow-lg);\n    border-color: var(--cm-primary);\n  }\n\n  .cm-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--cm-primary-dark);\n    margin: 0 0 .5rem 0;\n    line-height: 1.3;\n  }\n\n  .cm-card p {\n    font-size: clamp(13px, 2vw, 15px);\n    color: var(--cm-text-light);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .cm-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 1.25rem;\n  }\n\n  .cm-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n\n  .cm-grid-compact .cm-card {\n    padding: 1rem;\n  }\n\n  .cm-grid-compact .cm-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n\n  .cm-grid-compact .cm-card p {\n    font-size: 12px;\n  }\n\n  .cm-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    max-width: 760px;\n    margin: 0 auto;\n  }\n\n  .cm-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .cm-timeline-number {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, var(--cm-primary), var(--cm-secondary));\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n    font-size: 16px;\n    box-shadow: 0 4px 12px rgba(184,137,58,.3);\n  }\n\n  .cm-timeline-content {\n    flex: 1;\n    background: var(--cm-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--cm-radius-sm);\n    box-shadow: var(--cm-shadow);\n  }\n\n  .cm-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--cm-primary-dark);\n    margin: 0 0 .25rem 0;\n  }\n\n  .cm-timeline-content p {\n    font-size: 14px;\n    color: var(--cm-text-light);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  .cm-accordion {\n    background: var(--cm-white);\n    border-radius: var(--cm-radius);\n    box-shadow: var(--cm-shadow);\n    overflow: hidden;\n  }\n\n  .cm-accordion-item {\n    border-bottom: 1px solid var(--cm-border);\n    margin: 0;\n    padding: 0;\n  }\n\n  .cm-accordion-item:last-child {\n    border-bottom: none;\n  }\n\n  .cm-accordion-header {\n    padding: 1rem 1.25rem;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--cm-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  .cm-accordion-header:hover {\n    background: var(--cm-primary-light);\n  }\n\n  .cm-accordion-header::-webkit-details-marker {\n    display: none;\n  }\n\n  .cm-accordion-header::after {\n    content: '+';\n    font-size: 22px;\n    font-weight: 400;\n    color: var(--cm-primary);\n    transition: transform .2s ease;\n  }\n\n  .cm-accordion-item[open] .cm-accordion-header::after {\n    content: '−';\n  }\n\n  .cm-accordion-content {\n    padding: 0 1.25rem 1rem;\n    color: var(--cm-text-light);\n    font-size: 14px;\n    line-height: 1.7;\n    margin-top: 10px;\n  }\n\n  .cm-accordion-content p {\n    margin: 0;\n  }\n\n  .cm-tip {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n    background: var(--cm-primary-light);\n    border-radius: var(--cm-radius-sm);\n    padding: 1rem 1.25rem;\n    margin-top: 1.25rem;\n    border-left: 4px solid var(--cm-secondary);\n  }\n\n  .cm-tip-icon {\n    font-size: 24px;\n    flex-shrink: 0;\n  }\n\n  .cm-tip p {\n    font-size: 14px;\n    color: var(--cm-text);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .cm-cta-box {\n    background: linear-gradient(135deg, var(--cm-primary) 0%, var(--cm-primary-dark) 100%);\n    border-radius: var(--cm-radius);\n    padding: clamp(1.75rem, 4vw, 3rem);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: var(--cm-shadow-lg);\n  }\n\n  .cm-cta-box p {\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  .cm-disclaimer {\n    font-size: 12px;\n    color: var(--cm-text-light);\n    text-align: center;\n    margin-top: 1rem;\n    font-style: italic;\n  }\n\n  @media (max-width: 767px) {\n    .cm-grid {\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n    .cm-card {\n      padding: 1.125rem;\n    }\n    .cm-section {\n      margin-bottom: 1.75rem;\n    }\n    .cm-hero {\n      padding: 2rem 1.25rem;\n      margin-bottom: 1.75rem;\n      border-radius: var(--cm-radius-sm);\n    }\n    .cm-premium h2 {\n      margin-bottom: 1rem;\n      padding-bottom: .75rem;\n    }\n    .cm-premium h2::after {\n      width: 40px;\n      height: 3px;\n    }\n    .cm-grid-compact {\n      gap: .625rem;\n    }\n    .cm-grid-compact .cm-card {\n      padding: .75rem;\n    }\n    .cm-timeline-number {\n      width: 32px;\n      height: 32px;\n      font-size: 14px;\n    }\n    .cm-timeline-content {\n      padding: .875rem 1rem;\n    }\n    .cm-timeline-content h3 {\n      font-size: 14px;\n    }\n    .cm-timeline-content p {\n      font-size: 13px;\n    }\n    .cm-accordion-header {\n      padding: .875rem 1rem;\n      font-size: 14px;\n    }\n    .cm-accordion-content {\n      padding: 0 1rem .875rem;\n      font-size: 13px;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .cm-card {\n      animation: cmFadeInUp .5s ease backwards;\n    }\n    .cm-card:nth-child(1) { animation-delay: .05s; }\n    .cm-card:nth-child(2) { animation-delay: .1s; }\n    .cm-card:nth-child(3) { animation-delay: .15s; }\n    .cm-card:nth-child(4) { animation-delay: .2s; }\n    .cm-card:nth-child(5) { animation-delay: .25s; }\n    .cm-card:nth-child(6) { animation-delay: .3s; }\n    .cm-card:nth-child(7) { animation-delay: .35s; }\n    .cm-card:nth-child(8) { animation-delay: .4s; }\n  }\n\n  @keyframes cmFadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .cm-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":57178498335097,"sku":"NBAIPDT0009","price":11.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/chai-mate-bio-place-des-thes-lifestyle.webp?v=1777540182"},{"product_id":"roiboos-cap-citron-bio-place-des-thes","title":"Roïboos Cap Citron Bio - 100 g - Place des Thés","description":"\u003cdiv class=\"cap-premium\"\u003e\n\u003cdiv class=\"cap-hero\"\u003e\n\u003cdiv class=\"cap-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cap-hero-content\"\u003e\n\u003cdiv class=\"cap-badges-top\"\u003e\n\u003cspan class=\"cap-badge\"\u003e🌿 100% Bio\u003c\/span\u003e \u003cspan class=\"cap-badge\"\u003e☕ Sans théine\u003c\/span\u003e \u003cspan class=\"cap-badge\"\u003e🍋 Notes d'agrumes\u003c\/span\u003e \u003cspan class=\"cap-badge\"\u003e📦 Boîte métal 100g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cap-hero-title\"\u003eRooibos Cap Citron Bio\u003c\/span\u003e\n\u003cp class=\"cap-subtitle\"\u003ePlace des Thés • Thés \u0026amp; infusions bio pour gastronomes\u003c\/p\u003e\n\u003cp class=\"cap-description\"\u003eUne infusion vivifiante qui marie la rondeur du rooibos sud-africain à la fraîcheur pétillante de la citronnelle, du gingembre et du citron.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"cap-section\"\u003e\n\u003ch2\u003eCap Citron Bio : un rooibos vivifiant aux notes d'agrumes et de gingembre\u003c\/h2\u003e\n\u003cp class=\"cap-section-intro\"\u003eEnvie d'une boisson \u003cstrong\u003edésaltérante, naturellement sans théine\u003c\/strong\u003e et pleine de caractère ?\u003c\/p\u003e\n\u003cdiv class=\"cap-testimonial\"\u003e\n\u003cp class=\"cap-testimonial-text\"\u003e\"Le Rooibos Cap Citron Bio de Place des Thés associe la rondeur du rooibos sud-africain à la fraîcheur pétillante de la citronnelle, du gingembre et du citron. Une infusion gourmande qui se savoure aussi bien chaude le matin que glacée lors d'une journée ensoleillée.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cap-section\"\u003e\n\u003ch2\u003eUne composition 100 % bio et soigneusement sélectionnée\u003c\/h2\u003e\n\u003cp class=\"cap-section-intro\"\u003eUne recette gastronomique élaborée à partir d'ingrédients issus de l'agriculture biologique, sans colorants ni conservateurs.\u003c\/p\u003e\n\u003cdiv class=\"cap-grid\"\u003e\n\u003cdiv class=\"cap-card\"\u003e\n\u003ch3\u003e🍃 Rooibos naturel*\u003c\/h3\u003e\n\u003cp\u003eLa base douce et boisée, naturellement sans caféine, idéale à toute heure de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cap-card\"\u003e\n\u003ch3\u003e🌾 Citronnelle* (14%)\u003c\/h3\u003e\n\u003cp\u003eApporte une fraîcheur citronnée et herbacée, signature aromatique de cette infusion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cap-card\"\u003e\n\u003ch3\u003e🫚 Gingembre* (11%)\u003c\/h3\u003e\n\u003cp\u003eSigne une note légèrement piquante et chaleureuse pour un caractère affirmé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cap-card\"\u003e\n\u003ch3\u003e🍋 Arôme naturel de citron\u003c\/h3\u003e\n\u003cp\u003ePour un bouquet d'agrumes lumineux qui révèle toute la fraîcheur de la recette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cap-tip\"\u003e\n\u003cspan class=\"cap-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique – UE.\u003c\/em\u003e Conditionnée dans une élégante boîte métal de \u003cstrong\u003e100 g\u003c\/strong\u003e, cette infusion vrac conserve toute la fraîcheur de ses arômes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cap-section\"\u003e\n\u003ch2\u003ePourquoi choisir un rooibos citron gingembre ?\u003c\/h2\u003e\n\u003cp\u003eLe rooibos, surnommé \u003cstrong\u003e\"thé rouge\" d'Afrique du Sud\u003c\/strong\u003e, est apprécié pour son profil \u003cstrong\u003esans théine et pauvre en tanins\u003c\/strong\u003e. Il se boit à toute heure, même le soir, et convient à toute la famille. Associé au gingembre et au citron, il devient une \u003cstrong\u003einfusion tonique et réconfortante\u003c\/strong\u003e, parfaite pour accompagner vos pauses gourmandes.\u003c\/p\u003e\n\u003cdiv class=\"cap-grid-compact\"\u003e\n\u003cdiv class=\"cap-card\"\u003e\n\u003ch3\u003e✨ Légèreté\u003c\/h3\u003e\n\u003cp\u003eSans excitants, pour une hydratation plaisir au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cap-card\"\u003e\n\u003ch3\u003e🌟 Fraîcheur\u003c\/h3\u003e\n\u003cp\u003eUn goût frais et lumineux signé par les agrumes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cap-card\"\u003e\n\u003ch3\u003e🔄 Polyvalence\u003c\/h3\u003e\n\u003cp\u003eNature, miellée, ou glacée selon vos envies.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cap-card\"\u003e\n\u003ch3\u003e👨👩👧 Famille\u003c\/h3\u003e\n\u003cp\u003eConvient à toute la famille, à toute heure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cap-section\"\u003e\n\u003ch2\u003eComment préparer le Cap Citron pour révéler tous ses arômes ?\u003c\/h2\u003e\n\u003cp class=\"cap-section-intro\"\u003eLa préparation est simple, mais quelques gestes font toute la différence :\u003c\/p\u003e\n\u003cdiv class=\"cap-timeline\"\u003e\n\u003cdiv class=\"cap-timeline-item\"\u003e\n\u003cdiv class=\"cap-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cap-timeline-content\"\u003e\n\u003ch3\u003e⚖️ Dosage\u003c\/h3\u003e\n\u003cp\u003e12 à 15 g par litre, soit environ 1 cuillère à café bombée par tasse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cap-timeline-item\"\u003e\n\u003cdiv class=\"cap-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cap-timeline-content\"\u003e\n\u003ch3\u003e🌡️ Température de l'eau\u003c\/h3\u003e\n\u003cp\u003e100 °C, eau frémissante pour libérer tous les arômes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cap-timeline-item\"\u003e\n\u003cdiv class=\"cap-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cap-timeline-content\"\u003e\n\u003ch3\u003e⏱️ Temps d'infusion\u003c\/h3\u003e\n\u003cp\u003e7 à 10 minutes selon l'intensité souhaitée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cap-timeline-item\"\u003e\n\u003cdiv class=\"cap-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"cap-timeline-content\"\u003e\n\u003ch3\u003e💡 Astuce\u003c\/h3\u003e\n\u003cp\u003eContrairement au thé, le rooibos ne devient jamais amer. Vous pouvez prolonger l'infusion sans crainte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cap-tip\"\u003e\n\u003cspan class=\"cap-tip-icon\"\u003e🧊\u003c\/span\u003e\n\u003cp\u003ePour une \u003cstrong\u003eversion glacée\u003c\/strong\u003e, laissez infuser à chaud, filtrez puis ajoutez glaçons et rondelles de citron frais. Une boisson naturelle et sans sucre ajouté, idéale pour remplacer les sodas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cap-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse cette infusion ?\u003c\/h2\u003e\n\u003cp class=\"cap-section-intro\"\u003eLe \u003cstrong\u003erooibos citron gingembre\u003c\/strong\u003e séduit autant les amateurs de saveurs fraîches que ceux qui recherchent une alternative au thé classique. Sans théine, il s'invite dans toutes les pauses :\u003c\/p\u003e\n\u003cdiv class=\"cap-grid\"\u003e\n\u003cdiv class=\"cap-card\"\u003e\n\u003ch3\u003e🌅 Le matin\u003c\/h3\u003e\n\u003cp\u003ePour un réveil tout en douceur, sans excitants pour démarrer la journée sereinement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cap-card\"\u003e\n\u003ch3\u003e☀️ L'après-midi\u003c\/h3\u003e\n\u003cp\u003eEn accompagnement d'un dessert fruité, pour une pause gourmande équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cap-card\"\u003e\n\u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n\u003cp\u003eSans risque de perturber le sommeil, une infusion réconfortante pour clore la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cap-section\"\u003e\n\u003ch2\u003eConservation et précautions\u003c\/h2\u003e\n\u003cdiv class=\"cap-accordion\"\u003e\n\u003cdetails class=\"cap-accordion-item\"\u003e\n\u003csummary class=\"cap-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cap-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez votre boîte à l'abri de la lumière, de la chaleur et de l'humidité, bien refermée après chaque utilisation pour préserver tous les arômes de l'infusion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cap-accordion-item\"\u003e\n\u003csummary class=\"cap-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"cap-accordion-content mt-3\"\u003e\n\u003cp\u003eUne infusion ne saurait remplacer une alimentation variée, équilibrée ni un traitement médical. En cas de grossesse, d'allaitement ou de traitement en cours, demandez l'avis d'un professionnel de santé avant consommation, notamment en raison de la présence de gingembre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"cap-section\"\u003e\n\u003cdiv class=\"cap-cta-box\"\u003e\n\u003cp\u003eAvec le \u003cstrong\u003eCap Citron Bio de Place des Thés\u003c\/strong\u003e, offrez-vous chaque jour une parenthèse aromatique entre douceur africaine et fraîcheur méditerranéenne. ☕✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cap-disclaimer\"\u003eLes informations fournies ne sauraient se substituer à un avis médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --cap-cream: #faf6ed;\n  --cap-white: #ffffff;\n  --cap-primary: #c9a961;\n  --cap-primary-dark: #8a6d2c;\n  --cap-primary-light: #f5ecd4;\n  --cap-secondary: #d4923a;\n  --cap-accent: #e8b94a;\n  --cap-text: #2a2418;\n  --cap-text-light: #6b5e44;\n  --cap-border: #e8dfc7;\n  --cap-shadow: 0 4px 24px rgba(138, 109, 44, 0.10);\n  --cap-shadow-lg: 0 12px 48px rgba(138, 109, 44, 0.18);\n  --cap-radius: 20px;\n  --cap-radius-sm: 12px;\n}\n\n.cap-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cap-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cap-text);\n  line-height: 1.6;\n}\n\n.cap-premium p {\n  color: var(--cap-text);\n}\n\n.cap-premium strong {\n  color: var(--cap-primary-dark);\n  font-weight: 700;\n}\n\n\/* === HERO === *\/\n.cap-hero {\n  position: relative;\n  background: linear-gradient(135deg, #b8902f 0%, #c9a961 50%, #d4b87a 100%);\n  border-radius: var(--cap-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(--cap-shadow-lg);\n}\n\n.cap-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,0.3) 0%, transparent 40%),\n    radial-gradient(circle at 80% 70%, rgba(255,255,255,0.2) 0%, transparent 40%);\n  opacity: .4;\n}\n\n.cap-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cap-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cap-subtitle {\n  color: rgba(255,255,255,0.95);\n  font-size: clamp(14px, 2.5vw, 17px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: 0.02em;\n  font-style: italic;\n}\n\n.cap-description {\n  color: rgba(255,255,255,0.95);\n  font-size: clamp(15px, 2.5vw, 18px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.6;\n}\n\n\/* === BADGES === *\/\n.cap-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.75rem;\n}\n\n.cap-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(--cap-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cap-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cap-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cap-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cap-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.cap-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(--cap-primary), var(--cap-secondary));\n  border-radius: 2px;\n}\n\n.cap-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cap-text-light);\n  margin-bottom: 1.75rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.cap-card {\n  background: var(--cap-white);\n  border-radius: var(--cap-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cap-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cap-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cap-shadow-lg);\n  border-color: var(--cap-primary);\n}\n\n.cap-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cap-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cap-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cap-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cap-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cap-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cap-grid-compact .cap-card {\n  padding: 1rem;\n}\n\n.cap-grid-compact .cap-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cap-grid-compact .cap-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cap-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.cap-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cap-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cap-primary), var(--cap-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(201, 169, 97, 0.4);\n}\n\n.cap-timeline-content {\n  flex: 1;\n  background: var(--cap-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cap-radius-sm);\n  box-shadow: var(--cap-shadow);\n}\n\n.cap-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cap-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cap-timeline-content p {\n  font-size: 14px;\n  color: var(--cap-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cap-testimonial {\n  background: var(--cap-white);\n  border-radius: var(--cap-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cap-shadow);\n  border-left: 4px solid var(--cap-primary);\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.cap-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cap-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cap-accordion {\n  background: var(--cap-white);\n  border-radius: var(--cap-radius);\n  box-shadow: var(--cap-shadow);\n  overflow: hidden;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.cap-accordion-item {\n  border-bottom: 1px solid var(--cap-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cap-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cap-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cap-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.cap-accordion-header:hover {\n  background: var(--cap-primary-light);\n}\n\n.cap-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cap-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--cap-primary);\n  transition: transform .2s ease;\n}\n\n.cap-accordion-item[open] .cap-accordion-header::after {\n  content: '−';\n}\n\n.cap-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cap-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cap-accordion-content p {\n  margin: 0;\n  color: var(--cap-text-light);\n}\n\n\/* === TIP BOX === *\/\n.cap-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cap-primary-light);\n  border-radius: var(--cap-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  border-left: 3px solid var(--cap-primary);\n}\n\n.cap-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cap-tip p {\n  font-size: 14px;\n  color: var(--cap-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cap-cta-box {\n  background: linear-gradient(135deg, var(--cap-primary) 0%, var(--cap-primary-dark) 100%);\n  border-radius: var(--cap-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--cap-shadow-lg);\n}\n\n.cap-cta-box p {\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.cap-cta-box strong {\n  color: white;\n}\n\n\/* === DISCLAIMER === *\/\n.cap-disclaimer {\n  font-size: 12px;\n  color: var(--cap-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .cap-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .cap-card {\n    padding: 1.125rem;\n  }\n  \n  .cap-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .cap-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cap-radius-sm);\n  }\n  \n  .cap-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .cap-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .cap-grid-compact {\n    gap: .625rem;\n  }\n  \n  .cap-grid-compact .cap-card {\n    padding: .75rem;\n  }\n  \n  .cap-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .cap-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .cap-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .cap-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .cap-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .cap-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .cap-testimonial {\n    padding: 1.25rem;\n  }\n  \n  .cap-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cap-card {\n    animation: capFadeInUp .5s ease backwards;\n  }\n  .cap-card:nth-child(1) { animation-delay: .05s; }\n  .cap-card:nth-child(2) { animation-delay: .1s; }\n  .cap-card:nth-child(3) { animation-delay: .15s; }\n  .cap-card:nth-child(4) { animation-delay: .2s; }\n  .cap-card:nth-child(5) { animation-delay: .25s; }\n  .cap-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes capFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cap-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":57178858226041,"sku":"NBAIPDT0010","price":10.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/roiboos-cap-citron-bio-place-des-thes-lifestyle.webp?v=1777542311"},{"product_id":"roiboos-coulis-dabricot-bio-100-g-place-des-thes","title":"Rooibos Coulis D'Abricot Bio - 100 g - Place des Thés","description":"\u003cdiv class=\"pdt-premium\"\u003e\n  \u003cdiv class=\"pdt-hero\"\u003e\n    \u003cdiv class=\"pdt-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pdt-hero-content\"\u003e\n      \u003cdiv class=\"pdt-badges-top\"\u003e\n        \u003cspan class=\"pdt-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e\n        \u003cspan class=\"pdt-badge\"\u003e☕ Sans théine\u003c\/span\u003e\n        \u003cspan class=\"pdt-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"pdt-badge\"\u003e🍑 Notes d'abricot\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pdt-hero-title\"\u003eRooibos Coulis d'Abricot Bio\u003c\/span\u003e\n      \u003cp class=\"pdt-subtitle\"\u003eUne infusion fruitée et gourmande signée Place des Thés\u003c\/p\u003e\n      \u003cp class=\"pdt-description\"\u003eUne parenthèse douce et ensoleillée : la rondeur du rooibos d'Afrique du Sud rencontre les notes juteuses de l'abricot et la fraîcheur acidulée de la framboise. 100 % naturel, sans théine, à savourer à toute heure.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"pdt-section\"\u003e\n    \u003ch2\u003eRooibos Coulis d'Abricot Bio - Une infusion fruitée et gourmande signée Place des Thés\u003c\/h2\u003e\n    \u003cp class=\"pdt-section-intro\"\u003eEnvie d'une pause douce et ensoleillée ? Ce rooibos bio vous invite à un véritable moment de gourmandise sensorielle, comme un dessert dans une tasse.\u003c\/p\u003e\n    \u003cdiv class=\"pdt-testimonial\"\u003e\n      \u003cp class=\"pdt-testimonial-text\"\u003e\"Le Rooibos Coulis d'Abricot Bio marie la rondeur du rooibos d'Afrique du Sud aux notes juteuses de l'abricot et à la fraîcheur acidulée de la framboise. Une véritable invitation au voyage, à déguster à tout moment de la journée.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pdt-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce thé rooibos bio ?\u003c\/h2\u003e\n    \u003cp class=\"pdt-section-intro\"\u003eLe rooibos, aussi appelé « thé rouge », est une plante d'Afrique du Sud reconnue pour sa douceur naturelle et son absence totale de théine. Idéal pour les personnes sensibles à la caféine, il se déguste à toute heure, y compris le soir.\u003c\/p\u003e\n    \u003cdiv class=\"pdt-grid\"\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e🌙 Sans théine\u003c\/h3\u003e\n        \u003cp\u003eAdapté à toute la famille, à déguster à n'importe quelle heure du jour ou de la nuit.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e🌿 Certifié biologique\u003c\/h3\u003e\n        \u003cp\u003eAgriculture biologique certifiée FR-BIO-01, pour une infusion saine et respectueuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e🇫🇷 Mélange artisanal\u003c\/h3\u003e\n        \u003cp\u003eÉlaboré en France avec passion par Place des Thés, dans les règles de l'art.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e🍃 Format gros coupé\u003c\/h3\u003e\n        \u003cp\u003eUne coupe généreuse qui préserve toute la richesse aromatique des feuilles et des fruits.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pdt-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cp class=\"pdt-section-intro\"\u003eChaque ingrédient est issu de l'agriculture biologique, pour une infusion 100 % naturelle.\u003c\/p\u003e\n    \u003cdiv class=\"pdt-grid-compact\"\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e🍃 Rooibos*\u003c\/h3\u003e\n        \u003cp\u003eBase douce et naturellement sans théine\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e🌼 Honeybush*\u003c\/h3\u003e\n        \u003cp\u003eApporte des notes mielleuses délicates\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e🍑 Abricot* (6 %)\u003c\/h3\u003e\n        \u003cp\u003eMorceaux de fruits gourmands\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e✨ Arôme naturel d'abricot\u003c\/h3\u003e\n        \u003cp\u003eSublime la note fruitée principale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e🌱 Stevia*\u003c\/h3\u003e\n        \u003cp\u003ePointe de douceur naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e🫐 Framboise*\u003c\/h3\u003e\n        \u003cp\u003eFraîcheur acidulée et vivifiante\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e🌺 Hibiscus*\u003c\/h3\u003e\n        \u003cp\u003eBelle teinte et touche acidulée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e🌻 Fleurs de souci*\u003c\/h3\u003e\n        \u003cp\u003eFloraison délicate et colorée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"pdt-disclaimer\"\u003e*Issu de l'agriculture biologique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pdt-section\"\u003e\n    \u003ch2\u003eProfil sensoriel : une explosion de douceur fruitée\u003c\/h2\u003e\n    \u003cdiv class=\"pdt-grid\"\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e👁️ À la vue\u003c\/h3\u003e\n        \u003cp\u003eUne liqueur d'une \u003cstrong\u003eteinte orangée aux reflets rouges légers\u003c\/strong\u003e, séduisante et chaleureuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e👃 Au nez\u003c\/h3\u003e\n        \u003cp\u003eUn parfum d'\u003cstrong\u003eabricot mûr et juteux\u003c\/strong\u003e, sublimé par une touche de miel, une note de framboise fraîche et une pointe florale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e👅 En bouche\u003c\/h3\u003e\n        \u003cp\u003eUne attaque douce et confiturée, un cœur équilibré entre abricot et framboise, une finale miellée et légèrement acidulée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pdt-tip\"\u003e\n      \u003cspan class=\"pdt-tip-icon\"\u003e🍯\u003c\/span\u003e\n      \u003cp\u003eUne infusion réconfortante et gourmande, \u003cstrong\u003ecomme un dessert dans une tasse\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pdt-section\"\u003e\n    \u003ch2\u003eComment préparer votre rooibos coulis d'abricot ?\u003c\/h2\u003e\n    \u003cp class=\"pdt-section-intro\"\u003ePour révéler toute la richesse aromatique de cette tisane rooibos bio, suivez ces conseils de préparation.\u003c\/p\u003e\n    \u003cdiv class=\"pdt-timeline\"\u003e\n      \u003cdiv class=\"pdt-timeline-item\"\u003e\n        \u003cdiv class=\"pdt-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"pdt-timeline-content\"\u003e\n          \u003ch3\u003e⚖️ Dosage\u003c\/h3\u003e\n          \u003cp\u003e15 à 20 g par litre d'eau pour une infusion généreuse et savoureuse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-timeline-item\"\u003e\n        \u003cdiv class=\"pdt-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"pdt-timeline-content\"\u003e\n          \u003ch3\u003e🌡️ Température d'eau\u003c\/h3\u003e\n          \u003cp\u003e100 °C — une eau frémissante pour libérer tous les arômes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-timeline-item\"\u003e\n        \u003cdiv class=\"pdt-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"pdt-timeline-content\"\u003e\n          \u003ch3\u003e⏱️ Temps d'infusion\u003c\/h3\u003e\n          \u003cp\u003e7 à 10 minutes pour profiter pleinement de la rondeur fruitée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pdt-tip\"\u003e\n      \u003cspan class=\"pdt-tip-icon\"\u003e❄️\u003c\/span\u003e\n      \u003cp\u003eLe rooibos \u003cstrong\u003ene devient jamais amer\u003c\/strong\u003e, même en cas d'infusion prolongée. Dégustez-le chaud ou en version glacée pour des journées d'été rafraîchissantes.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pdt-section\"\u003e\n    \u003ch2\u003eBienfaits et usage quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"pdt-testimonial\"\u003e\n      \u003cp class=\"pdt-testimonial-text\"\u003e\"Le rooibos bio est traditionnellement apprécié pour sa douceur et son absence de théine, ce qui en fait une boisson idéale en fin de journée. Il s'intègre facilement à une routine de bien-être et peut être consommé à tout âge.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"pdt-disclaimer\"\u003eCette infusion ne remplace ni un traitement médical ni une alimentation équilibrée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pdt-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eConservation et format\u003c\/h2\u003e\n    \u003cdiv class=\"pdt-accordion\"\u003e\n      \u003cdetails class=\"pdt-accordion-item\" open\u003e\n        \u003csummary class=\"pdt-accordion-header\"\u003e📦 Format disponible\u003c\/summary\u003e\n        \u003cdiv class=\"pdt-accordion-content mt-3\"\u003e\n          \u003cp\u003eBoîte de 100 g, également disponible en poches de 100 g, 200 g et 500 g pour s'adapter à toutes les envies.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pdt-accordion-item\"\u003e\n        \u003csummary class=\"pdt-accordion-header\"\u003e🌡️ Conditions de conservation\u003c\/summary\u003e\n        \u003cdiv class=\"pdt-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver à température ambiante, à l'abri de la lumière et de l'humidité, pour préserver toute la finesse des arômes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pdt-accordion-item\"\u003e\n        \u003csummary class=\"pdt-accordion-header\"\u003e📅 Durée de conservation\u003c\/summary\u003e\n        \u003cdiv class=\"pdt-accordion-content mt-3\"\u003e\n          \u003cp\u003e24 mois à compter de la date de fabrication.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pdt-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cp\u003eOffrez-vous, ou offrez à vos proches, une parenthèse fruitée et naturelle avec ce rooibos vrac bio élaboré avec passion par Place des Thés. 🍑✨\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --pdt-cream: #fdf8f1;\n  --pdt-white: #ffffff;\n  --pdt-primary: #c8954a;\n  --pdt-primary-dark: #8c6328;\n  --pdt-primary-light: #f7ecd9;\n  --pdt-secondary: #e8895a;\n  --pdt-accent: #d94b4b;\n  --pdt-text: #2a2118;\n  --pdt-text-light: #6b5d4f;\n  --pdt-border: #e8dcc8;\n  --pdt-shadow: 0 4px 24px rgba(140, 99, 40, .08);\n  --pdt-shadow-lg: 0 12px 48px rgba(140, 99, 40, .18);\n  --pdt-radius: 20px;\n  --pdt-radius-sm: 12px;\n}\n\n.pdt-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pdt-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--pdt-text);\n}\n\n.pdt-hero {\n  position: relative;\n  background: linear-gradient(135deg, #d4a05a 0%, #c8954a 50%, #8c6328 100%);\n  border-radius: var(--pdt-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(--pdt-shadow-lg);\n}\n\n.pdt-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(217,75,75,.3) 0%, transparent 50%);\n  opacity: .15;\n}\n\n.pdt-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pdt-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\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.pdt-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 2.8vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  font-style: italic;\n}\n\n.pdt-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.3vw, 17px);\n  line-height: 1.7;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.pdt-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pdt-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(--pdt-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pdt-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.pdt-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pdt-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pdt-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.pdt-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(--pdt-primary), var(--pdt-secondary));\n  border-radius: 2px;\n}\n\n.pdt-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pdt-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.pdt-card {\n  background: var(--pdt-white);\n  border-radius: var(--pdt-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pdt-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pdt-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pdt-shadow-lg);\n  border-color: var(--pdt-primary);\n}\n\n.pdt-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pdt-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pdt-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pdt-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pdt-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.pdt-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.pdt-grid-compact .pdt-card {\n  padding: 1rem;\n}\n\n.pdt-grid-compact .pdt-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.pdt-grid-compact .pdt-card p {\n  font-size: 12px;\n}\n\n.pdt-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pdt-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pdt-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--pdt-primary), var(--pdt-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(200,149,74,.3);\n}\n\n.pdt-timeline-content {\n  flex: 1;\n  background: var(--pdt-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pdt-radius-sm);\n  box-shadow: var(--pdt-shadow);\n}\n\n.pdt-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pdt-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pdt-timeline-content p {\n  font-size: 14px;\n  color: var(--pdt-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.pdt-testimonial {\n  background: var(--pdt-white);\n  border-radius: var(--pdt-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--pdt-shadow);\n  border-left: 4px solid var(--pdt-primary);\n}\n\n.pdt-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pdt-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.pdt-accordion {\n  background: var(--pdt-white);\n  border-radius: var(--pdt-radius);\n  box-shadow: var(--pdt-shadow);\n  overflow: hidden;\n}\n\n.pdt-accordion-item {\n  border-bottom: 1px solid var(--pdt-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pdt-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pdt-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pdt-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.pdt-accordion-header:hover {\n  background: var(--pdt-primary-light);\n}\n\n.pdt-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pdt-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--pdt-primary);\n  transition: transform .2s ease;\n}\n\n.pdt-accordion-item[open] .pdt-accordion-header::after {\n  content: '−';\n}\n\n.pdt-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pdt-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.pdt-accordion-content p {\n  margin: 0;\n}\n\n.pdt-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--pdt-primary-light);\n  border-radius: var(--pdt-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.pdt-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.pdt-tip p {\n  font-size: 14px;\n  color: var(--pdt-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pdt-cta-box {\n  background: linear-gradient(135deg, var(--pdt-primary) 0%, var(--pdt-primary-dark) 100%);\n  border-radius: var(--pdt-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--pdt-shadow-lg);\n}\n\n.pdt-cta-box p {\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.pdt-disclaimer {\n  font-size: 12px;\n  color: var(--pdt-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .pdt-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .pdt-card {\n    padding: 1.125rem;\n  }\n  .pdt-section {\n    margin-bottom: 1.75rem;\n  }\n  .pdt-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pdt-radius-sm);\n  }\n  .pdt-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .pdt-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .pdt-grid-compact {\n    gap: .625rem;\n  }\n  .pdt-grid-compact .pdt-card {\n    padding: .75rem;\n  }\n  .pdt-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .pdt-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .pdt-timeline-content h3 {\n    font-size: 14px;\n  }\n  .pdt-timeline-content p {\n    font-size: 13px;\n  }\n  .pdt-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .pdt-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  .pdt-testimonial {\n    padding: 1.25rem;\n  }\n  .pdt-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .pdt-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .pdt-card:nth-child(1) { animation-delay: .05s; }\n  .pdt-card:nth-child(2) { animation-delay: .1s; }\n  .pdt-card:nth-child(3) { animation-delay: .15s; }\n  .pdt-card:nth-child(4) { animation-delay: .2s; }\n  .pdt-card:nth-child(5) { animation-delay: .25s; }\n  .pdt-card:nth-child(6) { animation-delay: .3s; }\n  .pdt-card:nth-child(7) { animation-delay: .35s; }\n  .pdt-card:nth-child(8) { animation-delay: .4s; }\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  .pdt-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":57370631799161,"sku":"NBAIPDT0011","price":12.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/roiboos-coulis-dabricot-bio-100-g-place-des-thes-packshothd.webp?v=1790662926"},{"product_id":"roiboos-esprit-dafrique-du-sud-bio-100-g-place-des-thes","title":"Rooibos Esprit D'Afrique du Sud Bio - 100 g - Place des Thés","description":"\u003cdiv class=\"esprit-premium\"\u003e\n  \u003cdiv class=\"esprit-hero\"\u003e\n    \u003cdiv class=\"esprit-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"esprit-hero-content\"\u003e\n      \u003cdiv class=\"esprit-badges-top\"\u003e\n        \u003cspan class=\"esprit-badge\"\u003e🌿 Bio certifié FR-BIO-01\u003c\/span\u003e\n        \u003cspan class=\"esprit-badge\"\u003e☕ Sans théine\u003c\/span\u003e\n        \u003cspan class=\"esprit-badge\"\u003e🍊 Notes d'agrumes\u003c\/span\u003e\n        \u003cspan class=\"esprit-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"esprit-hero-title\"\u003eRooibos Esprit d'Afrique du Sud Bio\u003c\/span\u003e\n      \u003cp class=\"esprit-subtitle\"\u003eUne infusion fruitée et ensoleillée - 100 g\u003c\/p\u003e\n      \u003cp class=\"esprit-description\"\u003eLaissez-vous transporter par une parenthèse ensoleillée venue tout droit du sud de l'Afrique. Un mariage gourmand entre la douceur du rooibos et la fraîcheur acidulée des agrumes, sublimé dans une élégante boîte métallique hermétique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"esprit-section\"\u003e\n    \u003ch2\u003eRooibos Esprit d'Afrique du Sud Bio : une infusion fruitée et ensoleillée\u003c\/h2\u003e\n    \u003cp class=\"esprit-section-intro\"\u003eLaissez-vous transporter par le \u003cstrong\u003eRooibos Esprit d'Afrique du Sud Bio\u003c\/strong\u003e de Place des Thés, une infusion gourmande aux notes d'agrumes qui réveille les papilles à toute heure de la journée. Conditionné dans une élégante boîte métallique de \u003cstrong\u003e100 g\u003c\/strong\u003e, ce \u003cstrong\u003ethé rooibos bio\u003c\/strong\u003e associe la douceur du rooibos traditionnel à la fraîcheur acidulée de l'orange, du citron et du pamplemousse. Une parenthèse ensoleillée venue tout droit du sud de l'Afrique, revisitée avec finesse en France.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"esprit-section\"\u003e\n    \u003ch2\u003eQu'est-ce que le rooibos ?\u003c\/h2\u003e\n    \u003cdiv class=\"esprit-grid\"\u003e\n      \u003cdiv class=\"esprit-card\"\u003e\n        \u003ch3\u003e🌍 Origine sud-africaine\u003c\/h3\u003e\n        \u003cp\u003eOriginaire du Cederberg, le rooibos (\u003cem\u003eAspalathus linearis\u003c\/em\u003e) – littéralement « buisson rouge » – ne pousse qu'en Afrique du Sud.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"esprit-card\"\u003e\n        \u003ch3\u003e🌙 Sans théine\u003c\/h3\u003e\n        \u003cp\u003eUne infusion naturellement \u003cstrong\u003esans théine\u003c\/strong\u003e, idéale à toute heure, même le soir, et adaptée à toute la famille.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"esprit-card\"\u003e\n        \u003ch3\u003e🍯 Saveur unique\u003c\/h3\u003e\n        \u003cp\u003eSouvent surnommé « thé rouge », sa saveur douce, légèrement boisée et naturellement sucrée séduit les amateurs de tisanes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"esprit-section\"\u003e\n    \u003ch2\u003eUn mélange d'agrumes raffiné\u003c\/h2\u003e\n    \u003cp class=\"esprit-section-intro\"\u003eL'\u003cstrong\u003eEsprit d'Afrique du Sud\u003c\/strong\u003e associe trois variétés complémentaires, sublimées par des écorces et arômes naturels d'agrumes.\u003c\/p\u003e\n    \u003cdiv class=\"esprit-grid\"\u003e\n      \u003cdiv class=\"esprit-card\"\u003e\n        \u003ch3\u003e🍂 Rooibos naturel\u003c\/h3\u003e\n        \u003cp\u003ePour sa rondeur et ses notes douces caractéristiques, base traditionnelle du mélange.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"esprit-card\"\u003e\n        \u003ch3\u003e🍯 Honeybush\u003c\/h3\u003e\n        \u003cp\u003eCousin du rooibos, il apporte des arômes mielleux et une douceur naturelle incomparable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"esprit-card\"\u003e\n        \u003ch3\u003e🌱 Rooibos vert bio\u003c\/h3\u003e\n        \u003cp\u003ePlus végétal et frais en bouche, il apporte de la vivacité à l'ensemble du mélange.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"esprit-tip\"\u003e\n      \u003cspan class=\"esprit-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003eCe trio est sublimé par des \u003cstrong\u003eécorces d'orange\u003c\/strong\u003e, des \u003cstrong\u003emorceaux de citron\u003c\/strong\u003e, des \u003cstrong\u003efleurs de souci\u003c\/strong\u003e et des arômes naturels d'orange, de citron et de pamplemousse. Résultat : une infusion vive, fruitée et parfaitement équilibrée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"esprit-section\"\u003e\n    \u003ch2\u003eComposition complète\u003c\/h2\u003e\n    \u003cdiv class=\"esprit-grid-compact\"\u003e\n      \u003cdiv class=\"esprit-card\"\u003e\u003ch3\u003e🍂 Rooibos naturel*\u003c\/h3\u003e\u003c\/div\u003e\n      \u003cdiv class=\"esprit-card\"\u003e\u003ch3\u003e🌼 Honeybush*\u003c\/h3\u003e\u003c\/div\u003e\n      \u003cdiv class=\"esprit-card\"\u003e\u003ch3\u003e🌱 Rooibos vert*\u003c\/h3\u003e\u003c\/div\u003e\n      \u003cdiv class=\"esprit-card\"\u003e\n\u003ch3\u003e🍇 Raisin*\u003c\/h3\u003e\n\u003cp\u003eRaisin, huile végétale\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"esprit-card\"\u003e\u003ch3\u003e🍊 Écorces d'orange\u003c\/h3\u003e\u003c\/div\u003e\n      \u003cdiv class=\"esprit-card\"\u003e\u003ch3\u003e🍋 Morceaux de citron\u003c\/h3\u003e\u003c\/div\u003e\n      \u003cdiv class=\"esprit-card\"\u003e\u003ch3\u003e🌸 Arôme naturel d'orange\u003c\/h3\u003e\u003c\/div\u003e\n      \u003cdiv class=\"esprit-card\"\u003e\u003ch3\u003e🍊 Arôme naturel de pamplemousse\u003c\/h3\u003e\u003c\/div\u003e\n      \u003cdiv class=\"esprit-card\"\u003e\u003ch3\u003e🌻 Fleurs de souci*\u003c\/h3\u003e\u003c\/div\u003e\n      \u003cdiv class=\"esprit-card\"\u003e\u003ch3\u003e🍋 Arôme naturel de citron*\u003c\/h3\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"esprit-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"esprit-section\"\u003e\n    \u003ch2\u003eComment préparer votre rooibos bio ?\u003c\/h2\u003e\n    \u003cp class=\"esprit-section-intro\"\u003ePour révéler tous les arômes de votre \u003cstrong\u003erooibos bio en vrac\u003c\/strong\u003e, suivez ces conseils de préparation.\u003c\/p\u003e\n    \u003cdiv class=\"esprit-timeline\"\u003e\n      \u003cdiv class=\"esprit-timeline-item\"\u003e\n        \u003cdiv class=\"esprit-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"esprit-timeline-content\"\u003e\n          \u003ch3\u003e⚖️ Dosage\u003c\/h3\u003e\n          \u003cp\u003e13 g par litre d'eau (environ une cuillère à soupe pour 25 cl).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"esprit-timeline-item\"\u003e\n        \u003cdiv class=\"esprit-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"esprit-timeline-content\"\u003e\n          \u003ch3\u003e🌡️ Température\u003c\/h3\u003e\n          \u003cp\u003ePortez l'eau à 100°C pour révéler tous les arômes du mélange.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"esprit-timeline-item\"\u003e\n        \u003cdiv class=\"esprit-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"esprit-timeline-content\"\u003e\n          \u003ch3\u003e⏱️ Temps d'infusion\u003c\/h3\u003e\n          \u003cp\u003eLaissez infuser 7 à 10 minutes selon l'intensité souhaitée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"esprit-tip\"\u003e\n      \u003cspan class=\"esprit-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eÀ la différence du thé, le rooibos ne devient \u003cstrong\u003ejamais amer\u003c\/strong\u003e, même infusé longuement. Dégustez-le chaud en hiver ou glacé en été, nature ou avec un trait de miel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"esprit-section\"\u003e\n    \u003ch2\u003eLes atouts du rooibos bio\u003c\/h2\u003e\n    \u003cdiv class=\"esprit-grid\"\u003e\n      \u003cdiv class=\"esprit-card\"\u003e\n        \u003ch3\u003e☕ Zéro théine\u003c\/h3\u003e\n        \u003cp\u003eApprécié pour son \u003cstrong\u003eabsence totale de théine\u003c\/strong\u003e, il se déguste à toute heure, du matin au soir.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"esprit-card\"\u003e\n        \u003ch3\u003e🌿 Tradition millénaire\u003c\/h3\u003e\n        \u003cp\u003eBoisson de plaisir consommée traditionnellement en Afrique du Sud depuis des générations.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"esprit-card\"\u003e\n        \u003ch3\u003e🥤 Peu calorique\u003c\/h3\u003e\n        \u003cp\u003eNaturellement léger, il s'intègre facilement à un mode de vie équilibré comme alternative aux boissons sucrées.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"esprit-disclaimer\"\u003eCette infusion est un produit de plaisir et ne se substitue ni à une alimentation variée et équilibrée, ni à un avis médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"esprit-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePlace des Thés : l'expertise au service du goût\u003c\/h2\u003e\n    \u003cdiv class=\"esprit-cta-box\"\u003e\n      \u003cp\u003eExtension gourmande de Place des Épices, \u003cstrong\u003ePlace des Thés\u003c\/strong\u003e sélectionne et conditionne ses thés et infusions \u003cstrong\u003een France\u003c\/strong\u003e. Cette \u003cstrong\u003etisane rooibos bio\u003c\/strong\u003e est certifiée Agriculture Biologique (FR-BIO-01) et présentée dans une boîte métallique hermétique de 100 g, idéale pour préserver les arômes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"esprit-accordion\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdetails class=\"esprit-accordion-item\"\u003e\n        \u003csummary class=\"esprit-accordion-header\"\u003e📅 Date limite d'utilisation\u003c\/summary\u003e\n        \u003cdiv class=\"esprit-accordion-content mt-3\"\u003e\n          \u003cp\u003eD.L.U.O. : 24 mois à compter de la fabrication.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"esprit-accordion-item\"\u003e\n        \u003csummary class=\"esprit-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"esprit-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver à température ambiante, au sec et à l'abri de la lumière. La boîte métallique hermétique préserve les arômes pour une dégustation optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"esprit-accordion-item\"\u003e\n        \u003csummary class=\"esprit-accordion-header\"\u003e✅ Certifications\u003c\/summary\u003e\n        \u003cdiv class=\"esprit-accordion-content mt-3\"\u003e\n          \u003cp\u003eCertifié Agriculture Biologique – FR-BIO-01. Conditionnement et sélection réalisés en France par Place des Thés.\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  --esprit-cream: #faf6ef;\n  --esprit-white: #ffffff;\n  --esprit-primary: #c8956d;\n  --esprit-primary-dark: #8b5a2b;\n  --esprit-primary-light: #f5ebe0;\n  --esprit-secondary: #e8a64a;\n  --esprit-accent: #d96b3a;\n  --esprit-text: #2a1f15;\n  --esprit-text-light: #6b5a48;\n  --esprit-border: #e8dcc8;\n  --esprit-shadow: 0 4px 24px rgba(139, 90, 43, .08);\n  --esprit-shadow-lg: 0 12px 48px rgba(139, 90, 43, .18);\n  --esprit-radius: 20px;\n  --esprit-radius-sm: 12px;\n}\n\n.esprit-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--esprit-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--esprit-text);\n}\n\n.esprit-hero {\n  position: relative;\n  background: linear-gradient(135deg, #c8956d 0%, #8b5a2b 50%, #5d3a1a 100%);\n  border-radius: var(--esprit-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(--esprit-shadow-lg);\n}\n\n.esprit-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(232,166,74,.5) 0%, transparent 50%);\n  opacity: .15;\n}\n\n.esprit-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.esprit-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\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  line-height: 1.1;\n}\n\n.esprit-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 2.8vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.esprit-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.esprit-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.esprit-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(--esprit-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.esprit-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.esprit-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.esprit-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--esprit-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.2;\n}\n\n.esprit-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(--esprit-primary), var(--esprit-secondary));\n  border-radius: 2px;\n}\n\n.esprit-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--esprit-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.esprit-card {\n  background: var(--esprit-white);\n  border-radius: var(--esprit-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--esprit-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.esprit-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--esprit-shadow-lg);\n  border-color: var(--esprit-primary);\n}\n\n.esprit-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--esprit-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.esprit-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--esprit-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.esprit-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.esprit-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.esprit-grid-compact .esprit-card {\n  padding: 1rem;\n}\n\n.esprit-grid-compact .esprit-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.esprit-grid-compact .esprit-card p {\n  font-size: 12px;\n}\n\n.esprit-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.esprit-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.esprit-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--esprit-primary), var(--esprit-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(200, 149, 109, .3);\n}\n\n.esprit-timeline-content {\n  flex: 1;\n  background: var(--esprit-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--esprit-radius-sm);\n  box-shadow: var(--esprit-shadow);\n}\n\n.esprit-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--esprit-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.esprit-timeline-content p {\n  font-size: 14px;\n  color: var(--esprit-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.esprit-accordion {\n  background: var(--esprit-white);\n  border-radius: var(--esprit-radius);\n  box-shadow: var(--esprit-shadow);\n  overflow: hidden;\n}\n\n.esprit-accordion-item {\n  border-bottom: 1px solid var(--esprit-border);\n  margin: 0;\n  padding: 0;\n}\n\n.esprit-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.esprit-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--esprit-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.esprit-accordion-header:hover {\n  background: var(--esprit-primary-light);\n}\n\n.esprit-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.esprit-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--esprit-primary);\n  transition: transform .2s ease;\n}\n\n.esprit-accordion-item[open] .esprit-accordion-header::after {\n  content: '−';\n}\n\n.esprit-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--esprit-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.esprit-accordion-content p {\n  margin: 0;\n}\n\n.esprit-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--esprit-primary-light);\n  border-radius: var(--esprit-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--esprit-secondary);\n}\n\n.esprit-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.esprit-tip p {\n  font-size: 14px;\n  color: var(--esprit-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.esprit-cta-box {\n  background: linear-gradient(135deg, var(--esprit-primary) 0%, var(--esprit-primary-dark) 100%);\n  border-radius: var(--esprit-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.esprit-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.esprit-disclaimer {\n  font-size: 12px;\n  color: var(--esprit-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .esprit-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .esprit-card {\n    padding: 1.125rem;\n  }\n  .esprit-section {\n    margin-bottom: 1.75rem;\n  }\n  .esprit-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--esprit-radius-sm);\n  }\n  .esprit-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .esprit-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .esprit-grid-compact {\n    gap: .625rem;\n  }\n  .esprit-grid-compact .esprit-card {\n    padding: .75rem;\n  }\n  .esprit-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .esprit-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .esprit-timeline-content h3 {\n    font-size: 14px;\n  }\n  .esprit-timeline-content p {\n    font-size: 13px;\n  }\n  .esprit-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .esprit-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .esprit-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .esprit-card:nth-child(1) { animation-delay: .05s; }\n  .esprit-card:nth-child(2) { animation-delay: .1s; }\n  .esprit-card:nth-child(3) { animation-delay: .15s; }\n  .esprit-card:nth-child(4) { animation-delay: .2s; }\n  .esprit-card:nth-child(5) { animation-delay: .25s; }\n  .esprit-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  .esprit-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":57370780729721,"sku":"NBAIPDT0012","price":11.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/rooibos-esprit-dafrique-du-sud-bio-100-g-place-des-thes-packshothd.webp?v=1790663232"},{"product_id":"roiboos-ile-vanille-bio-100-g-place-des-thes","title":"Rooibos Ile Vanille Bio - 100 g - Place des Thés","description":"\u003cdiv class=\"riv-premium\"\u003e\n  \u003cdiv class=\"riv-hero\"\u003e\n    \u003cdiv class=\"riv-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"riv-hero-content\"\u003e\n      \u003cdiv class=\"riv-badges-top\"\u003e\n        \u003cspan class=\"riv-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"riv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"riv-badge\"\u003e☕ Sans théine\u003c\/span\u003e\n        \u003cspan class=\"riv-badge\"\u003e🏝️ Évasion tropicale\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"riv-hero-title\"\u003eRooibos Île Vanille Bio\u003c\/span\u003e\n      \u003cp class=\"riv-subtitle\"\u003ePlace des Thés · Boîte métal 100 g\u003c\/p\u003e\n      \u003cp class=\"riv-description\"\u003eUne infusion délicate où la rondeur du rooibos s'allie à la générosité de la vanille et au parfum ensoleillé des fruits exotiques. Une parenthèse de douceur dans votre tasse.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"riv-section\"\u003e\n    \u003ch2\u003eRooibos Île Vanille Bio : une évasion gourmande dans votre tasse\u003c\/h2\u003e\n    \u003cp class=\"riv-section-intro\"\u003eImaginez une parenthèse de douceur, un voyage olfactif au cœur des îles tropicales… Le \u003cstrong\u003eRooibos Île Vanille Bio\u003c\/strong\u003e de Place des Thés vous invite à savourer une infusion délicate, où la rondeur naturelle du rooibos s'allie à la générosité de la vanille et au parfum ensoleillé des fruits exotiques. Présenté en boîte métal de \u003cstrong\u003e100 g\u003c\/strong\u003e, ce mélange biologique fabriqué en France ravira aussi bien les amateurs d'\u003cstrong\u003einfusion rooibos vanille\u003c\/strong\u003e que les curieux en quête de nouvelles saveurs.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"riv-section\"\u003e\n    \u003ch2\u003eUne composition 100 % biologique et soigneusement sélectionnée\u003c\/h2\u003e\n    \u003cp class=\"riv-section-intro\"\u003eUn mariage harmonieux de plantes, fleurs et fruits issus de l'agriculture biologique.\u003c\/p\u003e\n    \u003cdiv class=\"riv-grid-compact\"\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n\u003ch3\u003e🍃 Rooibos naturel*\u003c\/h3\u003e\n\u003cp\u003eLa base douce et ronde\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n\u003ch3\u003e🍊 Écorces d'orange*\u003c\/h3\u003e\n\u003cp\u003eNote d'agrume vive\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n\u003ch3\u003e🥭 Arôme de mangue\u003c\/h3\u003e\n\u003cp\u003eNaturel et ensoleillé\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n\u003ch3\u003e🍌 Banane*\u003c\/h3\u003e\n\u003cp\u003eAvec coco, canne, miel\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n\u003ch3\u003e🍈 Papaye*\u003c\/h3\u003e\n\u003cp\u003eFruit tropical juteux\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n\u003ch3\u003e🥭 Morceaux de mangue*\u003c\/h3\u003e\n\u003cp\u003ePour le croquant fruité\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n\u003ch3\u003e🌼 Fleurs de souci*\u003c\/h3\u003e\n\u003cp\u003eTouche florale solaire\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n\u003ch3\u003e🌿 Extrait de vanille*\u003c\/h3\u003e\n\u003cp\u003eLe cœur du mélange\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n\u003ch3\u003e🌹 Pétales de rose*\u003c\/h3\u003e\n\u003cp\u003eÉlégance parfumée\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n\u003ch3\u003e🍑 Abricot*\u003c\/h3\u003e\n\u003cp\u003eDouceur d'été\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n\u003ch3\u003e💙 Fleurs de bleuet*\u003c\/h3\u003e\n\u003cp\u003eTouche colorée délicate\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"riv-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\n  \u003csection class=\"riv-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le rooibos vanille ?\u003c\/h2\u003e\n    \u003cdiv class=\"riv-grid\"\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n        \u003ch3\u003e🌍 Origine d'Afrique du Sud\u003c\/h3\u003e\n        \u003cp\u003eLe rooibos, aussi appelé « thé rouge », est un arbuste traditionnellement infusé pour son goût rond et naturellement sucré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n        \u003ch3\u003e☕ Sans théine\u003c\/h3\u003e\n        \u003cp\u003eContrairement au thé classique, le rooibos ne contient pas de théine. À savourer à toute heure, y compris en soirée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n        \u003ch3\u003e🌸 Doux et envoûtant\u003c\/h3\u003e\n        \u003cp\u003eAssocié à la vanille, aux fruits exotiques et aux pétales floraux, il offre une tasse douce, fruitée et envoûtante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n        \u003ch3\u003e🎨 Savoir-faire artisanal\u003c\/h3\u003e\n        \u003cp\u003eUne vraie alternative naturelle aux références premium, avec tout le savoir-faire artisanal de Place des Thés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"riv-section\"\u003e\n    \u003ch2\u003eConseils de préparation\u003c\/h2\u003e\n    \u003cdiv class=\"riv-timeline\"\u003e\n      \u003cdiv class=\"riv-timeline-item\"\u003e\n        \u003cdiv class=\"riv-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"riv-timeline-content\"\u003e\n          \u003ch3\u003e🌡️ Température de l'eau\u003c\/h3\u003e\n          \u003cp\u003ePortez votre eau à \u003cstrong\u003e100 °C\u003c\/strong\u003e pour libérer pleinement les arômes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"riv-timeline-item\"\u003e\n        \u003cdiv class=\"riv-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"riv-timeline-content\"\u003e\n          \u003ch3\u003e⏱️ Temps d'infusion\u003c\/h3\u003e\n          \u003cp\u003eLaissez infuser \u003cstrong\u003e7 à 10 minutes\u003c\/strong\u003e pour une tasse pleine de saveurs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"riv-timeline-item\"\u003e\n        \u003cdiv class=\"riv-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"riv-timeline-content\"\u003e\n          \u003ch3\u003e⚖️ Dosage\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e12 à 15 g par litre\u003c\/strong\u003e, soit environ 1 cuillère à café bombée par tasse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"riv-timeline-item\"\u003e\n        \u003cdiv class=\"riv-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"riv-timeline-content\"\u003e\n          \u003ch3\u003e🍯 Dégustation\u003c\/h3\u003e\n          \u003cp\u003eNature pour apprécier sa subtilité, ou avec une touche de \u003cstrong\u003emiel\u003c\/strong\u003e pour intensifier sa rondeur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"riv-tip\"\u003e\n      \u003cspan class=\"riv-tip-icon\"\u003e🧊\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce été :\u003c\/strong\u003e en infusion glacée, laissez infuser à froid pendant 1 à 2 heures, filtrez et servez avec des glaçons et une rondelle d'orange.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"riv-section\"\u003e\n    \u003ch2\u003eQuand savourer le Rooibos Île Vanille ?\u003c\/h2\u003e\n    \u003cp class=\"riv-section-intro\"\u003eSa richesse aromatique et son absence de théine en font un compagnon polyvalent à tout moment de la journée.\u003c\/p\u003e\n    \u003cdiv class=\"riv-grid\"\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n        \u003ch3\u003e🌅 Au petit-déjeuner\u003c\/h3\u003e\n        \u003cp\u003ePour démarrer la journée en douceur, avec une note fruitée et réconfortante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n        \u003ch3\u003e🍰 En pause gourmande\u003c\/h3\u003e\n        \u003cp\u003eÀ la place d'un dessert sucré, pour une touche plaisir sans culpabilité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n        \u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n        \u003cp\u003eUne boisson chaude apaisante avant le coucher, sans théine ni excitant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n        \u003ch3\u003e👫 À partager\u003c\/h3\u003e\n        \u003cp\u003eEntre amis lors d'une pause conviviale, pour un moment de douceur partagé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"riv-section\"\u003e\n    \u003ch2\u003eCaractéristiques produit\u003c\/h2\u003e\n    \u003cdiv class=\"riv-grid-compact\"\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n\u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n\u003cp\u003ePlace des Thés\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n\u003ch3\u003e📦 Format\u003c\/h3\u003e\n\u003cp\u003eBoîte métal de 100 g\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n\u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n\u003cp\u003eBio (Agriculture biologique)\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n\u003cp\u003eFrance\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n\u003ch3\u003e🌱 Origine\u003c\/h3\u003e\n\u003cp\u003eMatières premières françaises\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n\u003ch3\u003e🏠 Conservation\u003c\/h3\u003e\n\u003cp\u003eÀ l'abri lumière et humidité\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n\u003ch3\u003e📅 DLUO\u003c\/h3\u003e\n\u003cp\u003e24 mois après fabrication\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"riv-card\"\u003e\n\u003ch3\u003e🔢 Code EAN\u003c\/h3\u003e\n\u003cp\u003e3701332128635\u003c\/p\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"riv-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eBon à savoir\u003c\/h2\u003e\n    \u003cdiv class=\"riv-cta-box\"\u003e\n      \u003cp\u003eCe \u003cstrong\u003erooibos vanille bio\u003c\/strong\u003e est une boisson plaisir et non un produit médical. 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 particulier, demandez conseil à votre professionnel de santé avant consommation régulière.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"riv-disclaimer\"\u003eTenir hors de portée des jeunes enfants.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --riv-cream: #faf6ef;\n  --riv-white: #ffffff;\n  --riv-primary: #c9a14a;\n  --riv-primary-dark: #8a6a1f;\n  --riv-primary-light: #f5ecd6;\n  --riv-secondary: #d97b4a;\n  --riv-accent: #6b8e3d;\n  --riv-text: #2a2418;\n  --riv-text-light: #6b5e48;\n  --riv-border: #e8dcc0;\n  --riv-shadow: 0 4px 24px rgba(138, 106, 31, .1);\n  --riv-shadow-lg: 0 12px 48px rgba(138, 106, 31, .18);\n  --riv-radius: 20px;\n  --riv-radius-sm: 12px;\n}\n\n.riv-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--riv-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--riv-text);\n}\n\n.riv-hero {\n  position: relative;\n  background: linear-gradient(135deg, #b8862e 0%, #c9a14a 45%, #e0c178 100%);\n  border-radius: var(--riv-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(--riv-shadow-lg);\n}\n\n.riv-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n  opacity: .25;\n}\n\n.riv-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.riv-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.riv-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.riv-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 680px;\n  margin: 0 auto;\n}\n\n.riv-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.riv-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(--riv-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.riv-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.riv-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.riv-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--riv-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.riv-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(--riv-primary), var(--riv-secondary));\n  border-radius: 2px;\n}\n\n.riv-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--riv-text-light);\n  margin: 0 auto 1.75rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.riv-section-intro strong {\n  color: var(--riv-primary-dark);\n}\n\n.riv-card {\n  background: var(--riv-white);\n  border-radius: var(--riv-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--riv-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.riv-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--riv-shadow-lg);\n  border-color: var(--riv-primary);\n}\n\n.riv-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--riv-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.riv-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--riv-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.riv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.riv-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1rem;\n}\n\n.riv-grid-compact .riv-card {\n  padding: 1rem;\n}\n\n.riv-grid-compact .riv-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.riv-grid-compact .riv-card p {\n  font-size: 12px;\n}\n\n.riv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.riv-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.riv-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--riv-primary), var(--riv-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(201, 161, 74, .35);\n}\n\n.riv-timeline-content {\n  flex: 1;\n  background: var(--riv-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--riv-radius-sm);\n  box-shadow: var(--riv-shadow);\n}\n\n.riv-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--riv-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.riv-timeline-content p {\n  font-size: 14px;\n  color: var(--riv-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.riv-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--riv-primary-light);\n  border-radius: var(--riv-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  max-width: 760px;\n  margin-left: auto;\n  margin-right: auto;\n  border-left: 4px solid var(--riv-primary);\n}\n\n.riv-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.riv-tip p {\n  font-size: 14px;\n  color: var(--riv-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.riv-cta-box {\n  background: linear-gradient(135deg, var(--riv-primary) 0%, var(--riv-primary-dark) 100%);\n  border-radius: var(--riv-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--riv-shadow-lg);\n}\n\n.riv-cta-box p {\n  color: white;\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  font-weight: 500;\n  margin: 0;\n}\n\n.riv-cta-box strong {\n  font-weight: 800;\n}\n\n.riv-disclaimer {\n  font-size: 12px;\n  color: var(--riv-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .riv-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .riv-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n  .riv-grid-compact .riv-card {\n    padding: .75rem;\n  }\n  .riv-card {\n    padding: 1.125rem;\n  }\n  .riv-section {\n    margin-bottom: 1.75rem;\n  }\n  .riv-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--riv-radius-sm);\n  }\n  .riv-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .riv-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .riv-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .riv-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .riv-timeline-content h3 {\n    font-size: 14px;\n  }\n  .riv-timeline-content p {\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .riv-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .riv-card:nth-child(1) { animation-delay: .05s; }\n  .riv-card:nth-child(2) { animation-delay: .1s; }\n  .riv-card:nth-child(3) { animation-delay: .15s; }\n  .riv-card:nth-child(4) { animation-delay: .2s; }\n  .riv-card:nth-child(5) { animation-delay: .25s; }\n  .riv-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  .riv-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":57370834796921,"sku":"NBAIPDT0013","price":11.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/rooibos-ile-vanille-bio-100-g-place-des-thes-packshothd.webp?v=1790663340"},{"product_id":"the-noir-assam-bio-100-g-place-des-thes","title":"Thé noir Assam Tgfop Second Flush Rembeng Bio - 100 g - Place des Thés","description":"\u003cdiv class=\"pdt-premium\"\u003e\n  \u003cdiv class=\"pdt-hero\"\u003e\n    \u003cdiv class=\"pdt-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pdt-hero-content\"\u003e\n      \u003cdiv class=\"pdt-badges-top\"\u003e\n        \u003cspan class=\"pdt-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n        \u003cspan class=\"pdt-badge\"\u003e🇮🇳 Jardin Rembeng\u003c\/span\u003e\n        \u003cspan class=\"pdt-badge\"\u003e✨ Grade TGFOP\u003c\/span\u003e\n        \u003cspan class=\"pdt-badge\"\u003e🍃 Second Flush\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pdt-hero-title\"\u003eThé Noir Assam TGFOP\u003c\/span\u003e\n      \u003cp class=\"pdt-subtitle\"\u003eSecond Flush Rembeng Bio · 100 g\u003c\/p\u003e\n      \u003cp class=\"pdt-description\"\u003eUn grand cru indien d'exception, sélectionné par Place des Thés. Feuilles entières parsemées de bourgeons dorés, liqueur ambrée et notes maltées caractéristiques.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"pdt-section\"\u003e\n    \u003ch2\u003eThé noir Assam TGFOP Second Flush Rembeng Bio : un grand cru indien\u003c\/h2\u003e\n    \u003cp class=\"pdt-section-intro\"\u003eDécouvrez le \u003cstrong\u003ethé noir d'Assam TGFOP Second Flush Rembeng Bio\u003c\/strong\u003e, signé Place des Thés. Issu du célèbre jardin de Rembeng, dans le nord-est de l'Inde, ce thé noir d'exception incarne toute la richesse aromatique de la deuxième récolte (Second Flush), considérée comme la plus prestigieuse. Son grade \u003cstrong\u003eTGFOP\u003c\/strong\u003e (Tippy Golden Flowery Orange Pekoe) garantit une feuille entière, parsemée de bourgeons dorés (tips), gage de qualité supérieure.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pdt-section\"\u003e\n    \u003ch2\u003eOrigine et savoir-faire\u003c\/h2\u003e\n    \u003cdiv class=\"pdt-grid-compact\"\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e🌏 Région d'Assam\u003c\/h3\u003e\n        \u003cp\u003eTraversée par le fleuve Brahmapoutre, elle bénéficie d'un climat chaud et humide idéal pour la culture du théier.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e☀️ Second Flush\u003c\/h3\u003e\n        \u003cp\u003eCueilli au cœur de l'été, période durant laquelle les feuilles développent leur caractère le plus expressif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e🏡 Jardin Rembeng\u003c\/h3\u003e\n        \u003cp\u003eUn jardin renommé sélectionné avec exigence pour la qualité supérieure de ses récoltes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eCertifié \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e, fabriqué et conditionné en France par Place des Thés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pdt-section\"\u003e\n    \u003ch2\u003eUn profil aromatique généreux\u003c\/h2\u003e\n    \u003cp class=\"pdt-section-intro\"\u003eCe \u003cstrong\u003ethé noir Assam\u003c\/strong\u003e séduit dès l'ouverture de la boîte par ses arômes puissants et profonds. À la dégustation, vous découvrez :\u003c\/p\u003e\n    \u003cdiv class=\"pdt-grid\"\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e🌟 Liqueur ambrée cuivrée\u003c\/h3\u003e\n        \u003cp\u003eUne teinte lumineuse et appétissante qui invite à la dégustation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e🌾 Notes maltées\u003c\/h3\u003e\n        \u003cp\u003eCaractéristiques de l'Assam, accompagnées de délicieux fruits mûrs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e🍯 Touche boisée et sucrée\u003c\/h3\u003e\n        \u003cp\u003eUn fond légèrement sucré, presque caramélisé, d'une grande gourmandise.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e💫 Bouche ample\u003c\/h3\u003e\n        \u003cp\u003eDes tanins veloutés et une astringence modérée pour un équilibre parfait.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e✨ Finale longue\u003c\/h3\u003e\n        \u003cp\u003eUne finale nette et particulièrement réconfortante en bouche.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e☕ Corsé et structuré\u003c\/h3\u003e\n        \u003cp\u003eParfait au petit-déjeuner ou lors d'un \u003cem\u003etea time\u003c\/em\u003e gourmand.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pdt-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cdiv class=\"pdt-testimonial\"\u003e\n      \u003cp class=\"pdt-testimonial-text\"\u003e\u003cstrong\u003eThé noir Assam*\u003c\/strong\u003e grade TGFOP, jardin Rembeng, Second Flush.\u003cbr\u003e\u003cbr\u003e*Ingrédient issu de l'agriculture biologique. \u003cstrong\u003eAucun arôme ajouté, aucun additif.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pdt-section\"\u003e\n    \u003ch2\u003eComment préparer votre thé Assam ?\u003c\/h2\u003e\n    \u003cp class=\"pdt-section-intro\"\u003ePour révéler pleinement les arômes de ce grand cru indien, suivez ces conseils de préparation :\u003c\/p\u003e\n    \u003cdiv class=\"pdt-timeline\"\u003e\n      \u003cdiv class=\"pdt-timeline-item\"\u003e\n        \u003cdiv class=\"pdt-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"pdt-timeline-content\"\u003e\n          \u003ch3\u003e⚖️ Dosage\u003c\/h3\u003e\n          \u003cp\u003e12 à 15 g de thé par litre d'eau (environ 1 cuillère à café par tasse).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-timeline-item\"\u003e\n        \u003cdiv class=\"pdt-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"pdt-timeline-content\"\u003e\n          \u003ch3\u003e🌡️ Température de l'eau\u003c\/h3\u003e\n          \u003cp\u003e100°C (eau frémissante) pour libérer toute la puissance aromatique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-timeline-item\"\u003e\n        \u003cdiv class=\"pdt-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"pdt-timeline-content\"\u003e\n          \u003ch3\u003e⏱️ Temps d'infusion\u003c\/h3\u003e\n          \u003cp\u003e3 à 5 minutes selon l'intensité souhaitée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pdt-tip\"\u003e\n      \u003cspan class=\"pdt-tip-icon\"\u003e🥛\u003c\/span\u003e\n      \u003cp\u003eDégustez-le nature pour apprécier toute sa complexité, ou à la manière anglaise avec un nuage de lait, ce qui adoucit ses tanins et révèle une douceur surprenante.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pdt-section\"\u003e\n    \u003ch2\u003eThé noir Assam : bienfaits et vertus\u003c\/h2\u003e\n    \u003cdiv class=\"pdt-grid-compact\"\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e⚡ Stimulant naturel\u003c\/h3\u003e\n        \u003cp\u003eNaturellement riche en théine, idéal pour bien démarrer la journée ou retrouver de la concentration.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e🛡️ Antioxydants\u003c\/h3\u003e\n        \u003cp\u003eContient des catéchines, des composés naturels reconnus pour leurs propriétés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e🍽️ Aide digestive\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement associé à une aide à la digestion après les repas.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pdt-card\"\u003e\n        \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n        \u003cp\u003eAbsorption des nutriments facilitée, sans arôme ni additif ajouté.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"pdt-disclaimer\"\u003eCe produit est un thé d'agrément. Il ne constitue pas un médicament et ne saurait remplacer un avis médical ou un traitement. En cas de sensibilité à la caféine, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pdt-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eConservation et présentation\u003c\/h2\u003e\n    \u003cdiv class=\"pdt-accordion\"\u003e\n      \u003cdetails class=\"pdt-accordion-item\" open\u003e\n        \u003csummary class=\"pdt-accordion-header\"\u003e📦 Format\u003c\/summary\u003e\n        \u003cdiv class=\"pdt-accordion-content mt-3\"\u003e\n          \u003cp\u003eBoîte métallique élégante de \u003cstrong\u003e100 g\u003c\/strong\u003e, thé en vrac. Sa fermeture hermétique préserve la fraîcheur et les arômes de votre \u003cstrong\u003ethé Assam bio\u003c\/strong\u003e au fil des dégustations.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pdt-accordion-item\"\u003e\n        \u003csummary class=\"pdt-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"pdt-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ température ambiante, à l'abri de la lumière, de l'humidité et des odeurs pour préserver toutes ses qualités aromatiques.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pdt-accordion-item\"\u003e\n        \u003csummary class=\"pdt-accordion-header\"\u003e📅 Durée limite d'utilisation\u003c\/summary\u003e\n        \u003cdiv class=\"pdt-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003e24 mois\u003c\/strong\u003e à partir de la date de fabrication.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pdt-accordion-item\"\u003e\n        \u003csummary class=\"pdt-accordion-header\"\u003e🎁 Idée cadeau\u003c\/summary\u003e\n        \u003cdiv class=\"pdt-accordion-content mt-3\"\u003e\n          \u003cp\u003eUn cadeau raffiné pour les amateurs de grands thés noirs, ou simplement un plaisir quotidien à s'offrir dans son élégante boîte dorée.\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    --pdt-cream: #faf6ef;\n    --pdt-white: #ffffff;\n    --pdt-primary: #b8893d;\n    --pdt-primary-dark: #7a5a26;\n    --pdt-primary-light: #f5ead4;\n    --pdt-secondary: #c9a567;\n    --pdt-accent: #8b4513;\n    --pdt-text: #2a2418;\n    --pdt-text-light: #6b5e4a;\n    --pdt-border: #e8dfc9;\n    --pdt-shadow: 0 4px 24px rgba(122,90,38,.10);\n    --pdt-shadow-lg: 0 12px 48px rgba(122,90,38,.20);\n    --pdt-radius: 20px;\n    --pdt-radius-sm: 12px;\n  }\n\n  .pdt-premium {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--pdt-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--pdt-text);\n  }\n\n  .pdt-hero {\n    position: relative;\n    background: linear-gradient(135deg, #b8893d 0%, #c9a567 50%, #7a5a26 100%);\n    border-radius: var(--pdt-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(--pdt-shadow-lg);\n  }\n\n  .pdt-hero-pattern {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n                      radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n    opacity: .15;\n  }\n\n  .pdt-hero-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .pdt-hero-title {\n    display: block;\n    color: white;\n    font-size: clamp(28px, 7vw, 52px);\n    font-weight: 900;\n    margin: 0 0 .75rem 0;\n    letter-spacing: -.04em;\n    text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  }\n\n  .pdt-subtitle {\n    color: rgba(255,255,255,.95);\n    font-size: clamp(15px, 2.5vw, 19px);\n    font-weight: 600;\n    margin: 0 0 1.25rem 0;\n    letter-spacing: .05em;\n  }\n\n  .pdt-description {\n    color: rgba(255,255,255,.92);\n    font-size: clamp(14px, 2vw, 16px);\n    line-height: 1.7;\n    max-width: 640px;\n    margin: 0 auto;\n  }\n\n  .pdt-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.5rem;\n  }\n\n  .pdt-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(--pdt-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.1);\n    transition: all .3s ease;\n  }\n\n  .pdt-badge:hover {\n    transform: translateY(-2px) scale(1.05);\n  }\n\n  .pdt-section {\n    margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  }\n\n  .pdt-premium h2 {\n    font-size: clamp(22px, 5vw, 36px);\n    font-weight: 900;\n    color: var(--pdt-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  .pdt-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(--pdt-primary), var(--pdt-secondary));\n    border-radius: 2px;\n  }\n\n  .pdt-section-intro {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--pdt-text-light);\n    margin-bottom: 1.5rem;\n    max-width: 720px;\n    margin-left: auto;\n    margin-right: auto;\n    line-height: 1.7;\n  }\n\n  .pdt-card {\n    background: var(--pdt-white);\n    border-radius: var(--pdt-radius);\n    padding: clamp(1.25rem, 3vw, 2rem);\n    box-shadow: var(--pdt-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .pdt-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--pdt-shadow-lg);\n    border-color: var(--pdt-primary);\n  }\n\n  .pdt-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--pdt-primary-dark);\n    margin: 0 0 .5rem 0;\n    line-height: 1.3;\n  }\n\n  .pdt-card p {\n    font-size: clamp(13px, 2vw, 15px);\n    color: var(--pdt-text-light);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .pdt-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 1.25rem;\n  }\n\n  .pdt-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n\n  .pdt-grid-compact .pdt-card {\n    padding: 1rem;\n  }\n\n  .pdt-grid-compact .pdt-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n\n  .pdt-grid-compact .pdt-card p {\n    font-size: 12px;\n  }\n\n  .pdt-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  .pdt-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .pdt-timeline-number {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, var(--pdt-primary), var(--pdt-secondary));\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n    font-size: 16px;\n    box-shadow: 0 4px 12px rgba(184,137,61,.3);\n  }\n\n  .pdt-timeline-content {\n    flex: 1;\n    background: var(--pdt-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--pdt-radius-sm);\n    box-shadow: var(--pdt-shadow);\n  }\n\n  .pdt-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--pdt-primary-dark);\n    margin: 0 0 .25rem 0;\n  }\n\n  .pdt-timeline-content p {\n    font-size: 14px;\n    color: var(--pdt-text-light);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  .pdt-testimonial {\n    background: var(--pdt-white);\n    border-radius: var(--pdt-radius);\n    padding: clamp(1.5rem, 4vw, 2.5rem);\n    box-shadow: var(--pdt-shadow);\n    border-left: 4px solid var(--pdt-primary);\n  }\n\n  .pdt-testimonial-text {\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--pdt-text);\n    line-height: 1.8;\n    margin: 0;\n  }\n\n  .pdt-accordion {\n    background: var(--pdt-white);\n    border-radius: var(--pdt-radius);\n    box-shadow: var(--pdt-shadow);\n    overflow: hidden;\n  }\n\n  .pdt-accordion-item {\n    border-bottom: 1px solid var(--pdt-border);\n    margin: 0;\n    padding: 0;\n  }\n\n  .pdt-accordion-item:last-child {\n    border-bottom: none;\n  }\n\n  .pdt-accordion-header {\n    padding: 1rem 1.25rem;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--pdt-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  .pdt-accordion-header:hover {\n    background: var(--pdt-primary-light);\n  }\n\n  .pdt-accordion-header::-webkit-details-marker {\n    display: none;\n  }\n\n  .pdt-accordion-header::after {\n    content: '+';\n    font-size: 22px;\n    font-weight: 400;\n    color: var(--pdt-primary);\n    transition: transform .2s ease;\n  }\n\n  .pdt-accordion-item[open] .pdt-accordion-header::after {\n    content: '−';\n  }\n\n  .pdt-accordion-content {\n    padding: 0 1.25rem 1rem;\n    color: var(--pdt-text-light);\n    font-size: 14px;\n    line-height: 1.7;\n    margin-top: 10px;\n  }\n\n  .pdt-accordion-content p {\n    margin: 0;\n  }\n\n  .pdt-tip {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n    background: var(--pdt-primary-light);\n    border-radius: var(--pdt-radius-sm);\n    padding: 1rem 1.25rem;\n    margin-top: 1.25rem;\n    border-left: 3px solid var(--pdt-primary);\n  }\n\n  .pdt-tip-icon {\n    font-size: 24px;\n    flex-shrink: 0;\n  }\n\n  .pdt-tip p {\n    font-size: 14px;\n    color: var(--pdt-text);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .pdt-disclaimer {\n    font-size: 12px;\n    color: var(--pdt-text-light);\n    text-align: center;\n    margin-top: 1.25rem;\n    font-style: italic;\n    max-width: 720px;\n    margin-left: auto;\n    margin-right: auto;\n    line-height: 1.6;\n  }\n\n  @media (max-width: 767px) {\n    .pdt-grid {\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n\n    .pdt-card {\n      padding: 1.125rem;\n    }\n\n    .pdt-section {\n      margin-bottom: 1.75rem;\n    }\n\n    .pdt-hero {\n      padding: 2rem 1.25rem;\n      margin-bottom: 1.75rem;\n      border-radius: var(--pdt-radius-sm);\n    }\n\n    .pdt-premium h2 {\n      margin-bottom: 1rem;\n      padding-bottom: .75rem;\n    }\n\n    .pdt-premium h2::after {\n      width: 40px;\n      height: 3px;\n    }\n\n    .pdt-grid-compact {\n      gap: .625rem;\n    }\n\n    .pdt-grid-compact .pdt-card {\n      padding: .75rem;\n    }\n\n    .pdt-timeline-number {\n      width: 32px;\n      height: 32px;\n      font-size: 14px;\n    }\n\n    .pdt-timeline-content {\n      padding: .875rem 1rem;\n    }\n\n    .pdt-timeline-content h3 {\n      font-size: 14px;\n    }\n\n    .pdt-timeline-content p {\n      font-size: 13px;\n    }\n\n    .pdt-accordion-header {\n      padding: .875rem 1rem;\n      font-size: 14px;\n    }\n\n    .pdt-accordion-content {\n      padding: 0 1rem .875rem;\n      font-size: 13px;\n    }\n\n    .pdt-testimonial {\n      padding: 1.25rem;\n    }\n\n    .pdt-testimonial-text {\n      font-size: 14px;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .pdt-card {\n      animation: fadeInUp .5s ease backwards;\n    }\n    .pdt-card:nth-child(1) { animation-delay: .05s; }\n    .pdt-card:nth-child(2) { animation-delay: .1s; }\n    .pdt-card:nth-child(3) { animation-delay: .15s; }\n    .pdt-card:nth-child(4) { animation-delay: .2s; }\n    .pdt-card:nth-child(5) { animation-delay: .25s; }\n    .pdt-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    .pdt-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":57370919633273,"sku":"NBAIPDT0020","price":11.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/the-noir-assam-tgfop-second-flush-rembeng-bio-100-g-place-de-packshothd.webp?v=1790663404"},{"product_id":"the-noir-chai-bio-100-g-place-des-thes","title":"Thé noir Chai Bio - 100 g - Place des Thés","description":"\u003cdiv class=\"chai-premium\"\u003e\n\u003cdiv class=\"chai-hero\"\u003e\n\u003cdiv class=\"chai-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"chai-hero-content\"\u003e\n\u003cdiv class=\"chai-badges-top\"\u003e\n\u003cspan class=\"chai-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e \u003cspan class=\"chai-badge\"\u003e🇮🇳 Recette indienne\u003c\/span\u003e \u003cspan class=\"chai-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e \u003cspan class=\"chai-badge\"\u003e🥫 Boîte métal 100g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"chai-hero-title\"\u003eThé noir Chai Bio\u003c\/span\u003e\n\u003cp class=\"chai-subtitle\"\u003ePlace des Thés · 100 g en boîte métallique\u003c\/p\u003e\n\u003cp class=\"chai-description\"\u003eEnvie d'un voyage sensoriel aux portes de l'Inde ? Le Thé noir Chai Bio de Place des Thés vous invite à découvrir une recette ancestrale, où la rondeur du thé noir Assam rencontre la chaleur envoûtante des épices. Une infusion réconfortante, parfaite pour ralentir le temps et savourer un moment cocooning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"chai-section\"\u003e\n\u003ch2\u003eUn chai bio fidèle à la tradition indienne\u003c\/h2\u003e\n\u003cp class=\"chai-section-intro\"\u003eInspiré du célèbre \u003cstrong\u003emasala chai\u003c\/strong\u003e indien, ce mélange marie un thé noir corsé d'Assam et d'Inde du Sud à un bouquet d'épices soigneusement sélectionnées.\u003c\/p\u003e\n\u003cdiv class=\"chai-grid\"\u003e\n\u003cdiv class=\"chai-card\"\u003e\n\u003ch3\u003e🍵 Thé noir Assam\u003c\/h3\u003e\n\u003cp\u003eUne base ronde et corsée, cultivée dans les jardins du nord-est de l'Inde, réputée pour ses notes maltées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chai-card\"\u003e\n\u003ch3\u003e🌶️ Bouquet d'épices\u003c\/h3\u003e\n\u003cp\u003eCannelle, gingembre, cardamome, anis et clou de girofle s'unissent pour révéler les saveurs des marchés de Mumbai.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chai-card\"\u003e\n\u003ch3\u003e🌱 Certifié Ecocert\u003c\/h3\u003e\n\u003cp\u003eIssu de l'agriculture biologique et conditionné en France dans une jolie boîte métallique pour préserver tous ses arômes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"chai-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cdiv class=\"chai-grid-compact\"\u003e\n\u003cdiv class=\"chai-card\"\u003e\n\u003ch3\u003e🍃 Thé noir 54%\u003c\/h3\u003e\n\u003cp\u003eAssam \u0026amp; Inde du Sud*\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chai-card\"\u003e\n\u003ch3\u003e🌰 Cannelle*\u003c\/h3\u003e\n\u003cp\u003eEn bâtons\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chai-card\"\u003e\n\u003ch3\u003e🌾 Fenouil*\u003c\/h3\u003e\n\u003cp\u003eNotes anisées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chai-card\"\u003e\n\u003ch3\u003e🫚 Gingembre*\u003c\/h3\u003e\n\u003cp\u003ePiquant chaleureux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chai-card\"\u003e\n\u003ch3\u003e⭐ Anis*\u003c\/h3\u003e\n\u003cp\u003eDoux \u0026amp; parfumé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chai-card\"\u003e\n\u003ch3\u003e🌸 Clou de girofle*\u003c\/h3\u003e\n\u003cp\u003eArôme boisé intense\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chai-card\"\u003e\n\u003ch3\u003e💚 Cardamome*\u003c\/h3\u003e\n\u003cp\u003eMoulue, fraîcheur épicée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chai-card\"\u003e\n\u003ch3\u003e🌿 100% Bio\u003c\/h3\u003e\n\u003cp\u003e*Ingrédients bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"chai-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"chai-section\"\u003e\n\u003ch2\u003eLes bienfaits du thé noir chai\u003c\/h2\u003e\n\u003cp class=\"chai-section-intro\"\u003eLe thé chai bio est apprécié pour son profil aromatique unique, mais aussi pour la richesse de ses composants naturels.\u003c\/p\u003e\n\u003cdiv class=\"chai-grid\"\u003e\n\u003cdiv class=\"chai-card\"\u003e\n\u003ch3\u003e☕ Thé noir tonique\u003c\/h3\u003e\n\u003cp\u003eApporte théine et antioxydants naturels pour un coup de pouce vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chai-card\"\u003e\n\u003ch3\u003e🔥 Gingembre \u0026amp; cannelle\u003c\/h3\u003e\n\u003cp\u003eOffrent leurs notes chaleureuses et stimulantes, parfaites pour les jours frais.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chai-card\"\u003e\n\u003ch3\u003e🌿 Cardamome, anis \u0026amp; fenouil\u003c\/h3\u003e\n\u003cp\u003eContribuent à une infusion digestive et délicatement parfumée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chai-card\"\u003e\n\u003ch3\u003e🌸 Clou de girofle\u003c\/h3\u003e\n\u003cp\u003eComplète ce mélange avec son arôme intense et boisé, signature du chai.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"chai-disclaimer\"\u003eCe produit est une boisson plaisir et ne se substitue en aucun cas à un traitement médical ou à une alimentation équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"chai-section\"\u003e\n\u003ch2\u003eComment préparer votre chai latte bio ?\u003c\/h2\u003e\n\u003cp class=\"chai-section-intro\"\u003ePour révéler toute la richesse de ce mélange, suivez ces conseils de préparation.\u003c\/p\u003e\n\u003cdiv class=\"chai-timeline\"\u003e\n\u003cdiv class=\"chai-timeline-item\"\u003e\n\u003cdiv class=\"chai-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"chai-timeline-content\"\u003e\n\u003ch3\u003e⚖️ Dosage\u003c\/h3\u003e\n\u003cp\u003e6 g de thé pour 30 cl d'eau (environ 2 cuillères à café).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chai-timeline-item\"\u003e\n\u003cdiv class=\"chai-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"chai-timeline-content\"\u003e\n\u003ch3\u003e🌡️ Température\u003c\/h3\u003e\n\u003cp\u003eChauffez l'eau à 95°C pour libérer tous les arômes des épices.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chai-timeline-item\"\u003e\n\u003cdiv class=\"chai-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"chai-timeline-content\"\u003e\n\u003ch3\u003e⏱️ Infusion\u003c\/h3\u003e\n\u003cp\u003eLaissez infuser 4 minutes, puis filtrez délicatement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chai-timeline-item\"\u003e\n\u003cdiv class=\"chai-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"chai-timeline-content\"\u003e\n\u003ch3\u003e🥛 Version chai latte\u003c\/h3\u003e\n\u003cp\u003eFaites chauffer du lait (animal ou végétal : amande, avoine, coco) avec le thé et les épices, filtrez, puis ajoutez une touche de miel ou de sucre de canne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chai-tip\"\u003e\n\u003cspan class=\"chai-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe résultat ? Une boisson onctueuse et réconfortante, parfaite pour les matins frais ou les pauses gourmandes de l'après-midi.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"chai-section\"\u003e\n\u003ch2\u003eQuand déguster ce thé chai bio ?\u003c\/h2\u003e\n\u003cp class=\"chai-section-intro\"\u003eSa palette épicée en fait une boisson idéale tout au long de la journée.\u003c\/p\u003e\n\u003cdiv class=\"chai-grid\"\u003e\n\u003cdiv class=\"chai-card\"\u003e\n\u003ch3\u003e🌅 Au petit-déjeuner\u003c\/h3\u003e\n\u003cp\u003ePour démarrer la journée avec énergie et chaleur épicée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chai-card\"\u003e\n\u003ch3\u003e🥐 En milieu de matinée\u003c\/h3\u003e\n\u003cp\u003ePour accompagner une viennoiserie ou un porridge gourmand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chai-card\"\u003e\n\u003ch3\u003e🍪 Au goûter cosy\u003c\/h3\u003e\n\u003cp\u003eEn version latte avec quelques biscuits aux épices, pour un moment cocooning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chai-tip\"\u003e\n\u003cspan class=\"chai-tip-icon\"\u003e🌙\u003c\/span\u003e\n\u003cp\u003eSa teneur en théine étant modérée, on évitera toutefois une dégustation trop tardive en soirée pour préserver un sommeil de qualité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"chai-section\"\u003e\n\u003ch2\u003eConservation et informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"chai-accordion\"\u003e\n\u003cdetails class=\"chai-accordion-item\"\u003e\n\u003csummary class=\"chai-accordion-header\"\u003e📦 Contenance \u0026amp; conditionnement\u003c\/summary\u003e\n\u003cdiv class=\"chai-accordion-content mt-3\"\u003e\n\u003cp\u003e100 g de thé en boîte métallique élégante, idéale pour préserver tous les arômes du mélange.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"chai-accordion-item\"\u003e\n\u003csummary class=\"chai-accordion-header\"\u003e🌿 Certification\u003c\/summary\u003e\n\u003cdiv class=\"chai-accordion-content mt-3\"\u003e\n\u003cp\u003eAgriculture biologique certifiée par Ecocert. Ingrédients tracés et contrôlés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"chai-accordion-item\"\u003e\n\u003csummary class=\"chai-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"chai-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ conserver à température ambiante, à l'abri de la lumière et de l'humidité. Refermez bien la boîte après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"chai-accordion-item\"\u003e\n\u003csummary class=\"chai-accordion-header\"\u003e📅 DDM\u003c\/summary\u003e\n\u003cdiv class=\"chai-accordion-content mt-3\"\u003e\n\u003cp\u003eDate de durabilité minimale : 24 mois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"chai-accordion-item\"\u003e\n\u003csummary class=\"chai-accordion-header\"\u003e🇫🇷 Fabrication\u003c\/summary\u003e\n\u003cdiv class=\"chai-accordion-content mt-3\"\u003e\n\u003cp\u003eMélange et conditionnement réalisés en France, dans le respect des savoir-faire artisanaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"chai-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi choisir le chai bio de Place des Thés ?\u003c\/h2\u003e\n\u003cdiv class=\"chai-cta-box\"\u003e\n\u003cp\u003ePlace des Thés, extension de la maison Place des Épices, sélectionne avec exigence des thés et infusions bio pour gastronomes. Ce chai tea bio incarne ce savoir-faire : des ingrédients d'origine contrôlée, un dosage équilibré et une recette pensée pour les amateurs de saveurs authentiques. ✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --chai-cream: #faf6f0;\n  --chai-white: #ffffff;\n  --chai-primary: #b8862c;\n  --chai-primary-dark: #7a5618;\n  --chai-primary-light: #f5ead0;\n  --chai-secondary: #c4622d;\n  --chai-accent: #8b3a1f;\n  --chai-text: #2a1f14;\n  --chai-text-light: #6b5a47;\n  --chai-border: #e8dcc4;\n  --chai-shadow: 0 4px 24px rgba(122, 86, 24, .1);\n  --chai-shadow-lg: 0 12px 48px rgba(122, 86, 24, .18);\n  --chai-radius: 20px;\n  --chai-radius-sm: 12px;\n}\n\n.chai-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--chai-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--chai-text);\n}\n\n.chai-hero {\n  position: relative;\n  background: linear-gradient(135deg, #b8862c 0%, #8b3a1f 60%, #5d2a14 100%);\n  border-radius: var(--chai-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(--chai-shadow-lg);\n}\n\n.chai-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .08;\n  background-image: radial-gradient(circle at 20% 30%, #fff 2px, transparent 2px),\n                    radial-gradient(circle at 70% 60%, #fff 2px, transparent 2px),\n                    radial-gradient(circle at 40% 80%, #fff 1.5px, transparent 1.5px);\n  background-size: 80px 80px, 100px 100px, 60px 60px;\n}\n\n.chai-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.chai-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.chai-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.chai-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.chai-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.chai-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(--chai-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.chai-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.chai-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.chai-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--chai-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.chai-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(--chai-primary), var(--chai-secondary));\n  border-radius: 2px;\n}\n\n.chai-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--chai-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.chai-card {\n  background: var(--chai-white);\n  border-radius: var(--chai-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--chai-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.chai-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--chai-shadow-lg);\n  border-color: var(--chai-primary);\n}\n\n.chai-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--chai-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.chai-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--chai-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.chai-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.chai-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1rem;\n}\n\n.chai-grid-compact .chai-card {\n  padding: 1rem;\n}\n\n.chai-grid-compact .chai-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.chai-grid-compact .chai-card p {\n  font-size: 12px;\n}\n\n.chai-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.chai-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.chai-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--chai-primary), var(--chai-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(184, 134, 44, .3);\n}\n\n.chai-timeline-content {\n  flex: 1;\n  background: var(--chai-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--chai-radius-sm);\n  box-shadow: var(--chai-shadow);\n}\n\n.chai-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--chai-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.chai-timeline-content p {\n  font-size: 14px;\n  color: var(--chai-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.chai-accordion {\n  background: var(--chai-white);\n  border-radius: var(--chai-radius);\n  box-shadow: var(--chai-shadow);\n  overflow: hidden;\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.chai-accordion-item {\n  border-bottom: 1px solid var(--chai-border);\n  margin: 0;\n  padding: 0;\n}\n\n.chai-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.chai-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--chai-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.chai-accordion-header:hover {\n  background: var(--chai-primary-light);\n}\n\n.chai-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.chai-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--chai-primary);\n  transition: transform .2s ease;\n}\n\n.chai-accordion-item[open] .chai-accordion-header::after {\n  content: '−';\n}\n\n.chai-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--chai-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.chai-accordion-content p {\n  margin: 0;\n}\n\n.chai-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--chai-primary-light);\n  border-radius: var(--chai-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  max-width: 760px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.chai-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.chai-tip p {\n  font-size: 14px;\n  color: var(--chai-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.chai-cta-box {\n  background: linear-gradient(135deg, var(--chai-primary) 0%, var(--chai-accent) 100%);\n  border-radius: var(--chai-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--chai-shadow-lg);\n}\n\n.chai-cta-box p {\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.chai-disclaimer {\n  font-size: 12px;\n  color: var(--chai-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n.mt-3 { margin-top: 10px; }\n\n@media (max-width: 900px) {\n  .chai-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 767px) {\n  .chai-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .chai-card {\n    padding: 1.125rem;\n  }\n  .chai-section {\n    margin-bottom: 1.75rem;\n  }\n  .chai-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--chai-radius-sm);\n  }\n  .chai-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .chai-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .chai-grid-compact {\n    gap: .625rem;\n  }\n  .chai-grid-compact .chai-card {\n    padding: .75rem;\n  }\n  .chai-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .chai-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .chai-timeline-content h3 {\n    font-size: 14px;\n  }\n  .chai-timeline-content p {\n    font-size: 13px;\n  }\n  .chai-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .chai-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .chai-card {\n    animation: chaiFadeInUp .5s ease backwards;\n  }\n  .chai-card:nth-child(1) { animation-delay: .05s; }\n  .chai-card:nth-child(2) { animation-delay: .1s; }\n  .chai-card:nth-child(3) { animation-delay: .15s; }\n  .chai-card:nth-child(4) { animation-delay: .2s; }\n  .chai-card:nth-child(5) { animation-delay: .25s; }\n  .chai-card:nth-child(6) { animation-delay: .3s; }\n  .chai-card:nth-child(7) { animation-delay: .35s; }\n  .chai-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes chaiFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .chai-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":57376000770425,"sku":"NBAIPDT0021","price":12.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/the-noir-chai-bio-100-g-place-des-thes-packshothd.webp?v=1790663594"},{"product_id":"the-noir-chayurveda-bio-100-g-place-des-thes","title":"Thé noir Chayurveda Bio - 100 g - Place des Thés","description":"\u003cdiv class=\"cha-premium\"\u003e\n\u003cdiv class=\"cha-hero\"\u003e\n\u003cdiv class=\"cha-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cha-hero-content\"\u003e\n\u003cdiv class=\"cha-badges-top\"\u003e\n\u003cspan class=\"cha-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e \u003cspan class=\"cha-badge\"\u003e🇫🇷 Assemblé en France\u003c\/span\u003e \u003cspan class=\"cha-badge\"\u003e🥫 Boîte métallique 100 g\u003c\/span\u003e \u003cspan class=\"cha-badge\"\u003e✨ Édition signature\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cha-hero-title\"\u003eChayurveda\u003c\/span\u003e\n\u003cp class=\"cha-subtitle\"\u003eThé noir, cacao, rose \u0026amp; épices ardentes\u003c\/p\u003e\n\u003cp class=\"cha-description\"\u003eUne création gourmande signée Place des Thés, où la puissance d'un Darjeeling second flush bio rencontre la chaleur des épices ayurvédiques et la rondeur du cacao.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"cha-section\"\u003e\n\u003ch2\u003eChayurveda : un thé noir bio aux accents ardents et gourmands\u003c\/h2\u003e\n\u003cp class=\"cha-section-intro\"\u003eLaissez-vous transporter par \u003cstrong\u003eChayurveda\u003c\/strong\u003e, une création signée Place des Thés qui marie la puissance d'un \u003cstrong\u003ethé noir Darjeeling second flush bio\u003c\/strong\u003e à la chaleur des épices ayurvédiques et à la douceur du cacao. Cette infusion généreuse, à la fois corsée, épicée et délicatement florale, s'inspire des traditions indiennes du chai tout en proposant une signature gourmande unique. Présenté en boîte métallique de \u003cstrong\u003e100 g\u003c\/strong\u003e, ce thé en vrac vous accompagnera dans vos moments cocooning ou vos pauses revigorantes.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"cha-section\"\u003e\n\u003ch2\u003eUne composition 100 % bio et soigneusement équilibrée\u003c\/h2\u003e\n\u003cp class=\"cha-section-intro\"\u003eChaque ingrédient est issu de l'agriculture biologique et sélectionné pour son arôme et sa qualité.\u003c\/p\u003e\n\u003cdiv class=\"cha-grid-compact\"\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e🫚 Gingembre*\u003c\/h3\u003e\n\u003cp\u003eChaleur racinaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e🌟 Anis*\u003c\/h3\u003e\n\u003cp\u003eNote anisée douce\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e🪵 Bâtons de cannelle*\u003c\/h3\u003e\n\u003cp\u003eBoisé et sucré\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e⭐ Badiane*\u003c\/h3\u003e\n\u003cp\u003eÉtoilée et profonde\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e🌿 Cannelle Ceylan*\u003c\/h3\u003e\n\u003cp\u003eDélicate et fine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e🍫 Fève de cacao*\u003c\/h3\u003e\n\u003cp\u003eConcassée, ronde\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e🍃 Darjeeling 2nd flush*\u003c\/h3\u003e\n\u003cp\u003eMalté et boisé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e💚 Cardamome moulue*\u003c\/h3\u003e\n\u003cp\u003eFraîche et camphrée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e🌹 Pétales de rose*\u003c\/h3\u003e\n\u003cp\u003eTouche florale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e⚡ Guarana*\u003c\/h3\u003e\n\u003cp\u003eTonus naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e🌶️ Chili*\u003c\/h3\u003e\n\u003cp\u003eFinale ardente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e🏅 100 % bio*\u003c\/h3\u003e\n\u003cp\u003eIssus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-tip\"\u003e\n\u003cspan class=\"cha-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLa présence du \u003cstrong\u003eguarana\u003c\/strong\u003e et du \u003cstrong\u003echili\u003c\/strong\u003e apporte du peps et une chaleur subtile en finale, tandis que la \u003cstrong\u003erose\u003c\/strong\u003e et le \u003cstrong\u003ecacao\u003c\/strong\u003e arrondissent l'ensemble en bouche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cha-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"cha-section\"\u003e\n\u003ch2\u003eQuelles sensations au moment de la dégustation ?\u003c\/h2\u003e\n\u003cp class=\"cha-section-intro\"\u003eEn tasse, Chayurveda dévoile d'abord les notes maltées et boisées du Darjeeling, puis laisse place à un bouquet épicé où la cannelle, la cardamome et la badiane s'entremêlent. Le cacao apporte de la rondeur, la rose une touche florale, et le chili une finale chaleureuse qui réveille les papilles.\u003c\/p\u003e\n\u003cdiv class=\"cha-grid\"\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e🍂 Attaque maltée\u003c\/h3\u003e\n\u003cp\u003eLes notes boisées du Darjeeling second flush ouvrent la dégustation avec caractère.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e🌶️ Cœur épicé\u003c\/h3\u003e\n\u003cp\u003eCannelle, cardamome et badiane s'entremêlent dans un bouquet ardent et envoûtant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e🍫 Finale gourmande\u003c\/h3\u003e\n\u003cp\u003eCacao et rose adoucissent l'ensemble, le chili réveille les papilles en finale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-tip\"\u003e\n\u003cspan class=\"cha-tip-icon\"\u003e🍵\u003c\/span\u003e\n\u003cp\u003eUn thé idéal pour les amateurs de saveurs intenses, mais aussi pour celles et ceux qui cherchent à varier des classiques comme l'\u003cstrong\u003eearl grey bio\u003c\/strong\u003e, le \u003cstrong\u003ethé noir Yunnan bio\u003c\/strong\u003e ou le \u003cstrong\u003ethé noir fumé bio\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cha-section\"\u003e\n\u003ch2\u003eComment préparer votre Chayurveda ?\u003c\/h2\u003e\n\u003cdiv class=\"cha-timeline\"\u003e\n\u003cdiv class=\"cha-timeline-item\"\u003e\n\u003cdiv class=\"cha-timeline-number\"\u003e🌡️\u003c\/div\u003e\n\u003cdiv class=\"cha-timeline-content\"\u003e\n\u003ch3\u003eTempérature : 100 °C\u003c\/h3\u003e\n\u003cp\u003ePortez votre eau à ébullition pour révéler toutes les épices et la profondeur du thé noir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-timeline-item\"\u003e\n\u003cdiv class=\"cha-timeline-number\"\u003e⏱️\u003c\/div\u003e\n\u003cdiv class=\"cha-timeline-content\"\u003e\n\u003ch3\u003eInfusion : 6 à 10 minutes\u003c\/h3\u003e\n\u003cp\u003eAjustez le temps selon l'intensité souhaitée, des notes douces aux saveurs corsées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-timeline-item\"\u003e\n\u003cdiv class=\"cha-timeline-number\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"cha-timeline-content\"\u003e\n\u003ch3\u003eDosage : 12 à 15 g par litre\u003c\/h3\u003e\n\u003cp\u003eEnviron une cuillère à soupe pour une grande tasse généreuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-timeline-item\"\u003e\n\u003cdiv class=\"cha-timeline-number\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"cha-timeline-content\"\u003e\n\u003ch3\u003eAstuce chai latte\u003c\/h3\u003e\n\u003cp\u003eSublimez-le avec un nuage de lait végétal et une pointe de miel pour un instant cocooning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-tip\"\u003e\n\u003cspan class=\"cha-tip-icon\"\u003e☕\u003c\/span\u003e\n\u003cp\u003eVous pouvez le déguster nature, le matin pour un réveil tonique, ou en après-midi pour une pause réconfortante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cha-section\"\u003e\n\u003ch2\u003ePourquoi choisir un thé noir bio en vrac ?\u003c\/h2\u003e\n\u003cdiv class=\"cha-grid-compact\"\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e🍃 Feuille entière\u003c\/h3\u003e\n\u003cp\u003ePlus aromatique et préservée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e🌱 Zéro chimie\u003c\/h3\u003e\n\u003cp\u003eSans traitement de synthèse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e🇫🇷 Assemblé en France\u003c\/h3\u003e\n\u003cp\u003eSavoir-faire Place des Thés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e🥫 Boîte métallique\u003c\/h3\u003e\n\u003cp\u003eArômes protégés durablement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 1.5rem;\" class=\"cha-section-intro\"\u003eOpter pour un \u003cstrong\u003ethé noir bio vrac\u003c\/strong\u003e garantit une feuille entière, plus aromatique et exempte de traitements chimiques de synthèse. Place des Thés sélectionne des matières premières de qualité, assemblées en France, pour offrir un produit qui rivalise avec les \u003cstrong\u003emeilleurs thés noirs bio\u003c\/strong\u003e du marché.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"cha-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"cha-grid-compact\"\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n\u003cp\u003ePlace des Thés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e⚖️ Contenance\u003c\/h3\u003e\n\u003cp\u003e100 g - boîte métal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n\u003cp\u003eFrance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cha-card\"\u003e\n\u003ch3\u003e📅 Conservation\u003c\/h3\u003e\n\u003cp\u003e24 mois - abri lumière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"cha-section\"\u003e\n\u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n\u003cdiv class=\"cha-accordion\"\u003e\n\u003cdetails class=\"cha-accordion-item\"\u003e\n\u003csummary class=\"cha-accordion-header\"\u003e☕ Caféine \u0026amp; guarana\u003c\/summary\u003e\n\u003cdiv class=\"cha-accordion-content mt-3\"\u003e\n\u003cp\u003eCe thé contient naturellement de la \u003cstrong\u003ecaféine\u003c\/strong\u003e ainsi que du \u003cstrong\u003eguarana\u003c\/strong\u003e, déconseillés aux femmes enceintes ou allaitantes, aux enfants et aux personnes sensibles aux excitants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cha-accordion-item\"\u003e\n\u003csummary class=\"cha-accordion-header\"\u003e🌶️ Sensibilité au chili\u003c\/summary\u003e\n\u003cdiv class=\"cha-accordion-content mt-3\"\u003e\n\u003cp\u003eLe chili peut piquer légèrement en finale : ajustez le temps d'infusion selon votre sensibilité aux saveurs ardentes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cha-accordion-item\"\u003e\n\u003csummary class=\"cha-accordion-header\"\u003e⚕️ Thé d'agrément\u003c\/summary\u003e\n\u003cdiv class=\"cha-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un thé d'agrément et \u003cstrong\u003ene se substitue pas à une alimentation variée, équilibrée ni à un traitement médical\u003c\/strong\u003e. En cas de doute, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  :root {\n    --cha-cream: #faf6ef;\n    --cha-white: #ffffff;\n    --cha-primary: #b8893d;\n    --cha-primary-dark: #7a5420;\n    --cha-primary-light: #f3e8d2;\n    --cha-secondary: #8b3a1f;\n    --cha-accent: #c9a96a;\n    --cha-text: #2a1f15;\n    --cha-text-light: #6b5a47;\n    --cha-border: #e8dcc4;\n    --cha-shadow: 0 4px 24px rgba(122,84,32,.10);\n    --cha-shadow-lg: 0 12px 48px rgba(122,84,32,.18);\n    --cha-radius: 20px;\n    --cha-radius-sm: 12px;\n  }\n\n  .cha-premium {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--cha-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--cha-text);\n  }\n\n  .cha-hero {\n    position: relative;\n    background: linear-gradient(135deg, #7a5420 0%, #b8893d 50%, #8b3a1f 100%);\n    border-radius: var(--cha-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(--cha-shadow-lg);\n  }\n\n  .cha-hero-pattern {\n    position: absolute;\n    inset: 0;\n    background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n    opacity: .08;\n  }\n\n  .cha-hero-content { position: relative; z-index: 1; text-align: center; }\n\n  .cha-hero-title {\n    display: block;\n    color: white;\n    font-size: clamp(32px, 8vw, 60px);\n    font-weight: 900;\n    margin: 0 0 1rem 0;\n    letter-spacing: -.04em;\n    text-shadow: 0 4px 20px rgba(0,0,0,.25);\n  }\n\n  .cha-subtitle {\n    color: var(--cha-primary-light);\n    font-size: clamp(16px, 3vw, 22px);\n    font-weight: 600;\n    margin: 0 0 1.25rem 0;\n    font-style: italic;\n  }\n\n  .cha-description {\n    color: rgba(255,255,255,.95);\n    font-size: clamp(14px, 2.2vw, 17px);\n    line-height: 1.7;\n    max-width: 700px;\n    margin: 0 auto;\n  }\n\n  .cha-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.5rem;\n  }\n\n  .cha-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(--cha-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.1);\n    transition: all .3s ease;\n  }\n\n  .cha-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n  .cha-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n\n  .cha-premium h2 {\n    font-size: clamp(22px, 5vw, 36px);\n    font-weight: 900;\n    color: var(--cha-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  .cha-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(--cha-primary), var(--cha-secondary));\n    border-radius: 2px;\n  }\n\n  .cha-section-intro {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--cha-text-light);\n    line-height: 1.7;\n    margin: 0 auto 1.5rem;\n    max-width: 760px;\n  }\n\n  .cha-card {\n    background: var(--cha-white);\n    border-radius: var(--cha-radius);\n    padding: clamp(1.25rem, 3vw, 2rem);\n    box-shadow: var(--cha-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .cha-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--cha-shadow-lg);\n    border-color: var(--cha-primary);\n  }\n\n  .cha-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--cha-primary-dark);\n    margin: 0 0 .5rem 0;\n    line-height: 1.3;\n  }\n\n  .cha-card p {\n    font-size: clamp(13px, 2vw, 15px);\n    color: var(--cha-text-light);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .cha-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 1.25rem;\n  }\n\n  .cha-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n\n  .cha-grid-compact .cha-card { padding: 1rem; }\n  .cha-grid-compact .cha-card h3 { font-size: 14px; margin-bottom: .35rem; }\n  .cha-grid-compact .cha-card p { font-size: 12px; }\n\n  .cha-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  .cha-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .cha-timeline-number {\n    flex-shrink: 0;\n    width: 44px;\n    height: 44px;\n    background: linear-gradient(135deg, var(--cha-primary), var(--cha-secondary));\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n    font-size: 18px;\n    box-shadow: 0 4px 12px rgba(184,137,61,.3);\n  }\n\n  .cha-timeline-content {\n    flex: 1;\n    background: var(--cha-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--cha-radius-sm);\n    box-shadow: var(--cha-shadow);\n  }\n\n  .cha-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--cha-primary-dark);\n    margin: 0 0 .25rem 0;\n  }\n\n  .cha-timeline-content p {\n    font-size: 14px;\n    color: var(--cha-text-light);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  .cha-accordion {\n    background: var(--cha-white);\n    border-radius: var(--cha-radius);\n    box-shadow: var(--cha-shadow);\n    overflow: hidden;\n  }\n\n  .cha-accordion-item {\n    border-bottom: 1px solid var(--cha-border);\n    margin: 0;\n    padding: 0;\n  }\n\n  .cha-accordion-item:last-child { border-bottom: none; }\n\n  .cha-accordion-header {\n    padding: 1rem 1.25rem;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--cha-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  }\n\n  .cha-accordion-header:hover { background: var(--cha-primary-light); }\n  .cha-accordion-header::-webkit-details-marker { display: none; }\n\n  .cha-accordion-header::after {\n    content: '+';\n    font-size: 22px;\n    font-weight: 400;\n    color: var(--cha-primary);\n    transition: transform .2s ease;\n  }\n\n  .cha-accordion-item[open] .cha-accordion-header::after { content: '−'; }\n\n  .cha-accordion-content {\n    padding: 0 1.25rem 1rem;\n    color: var(--cha-text-light);\n    font-size: 14px;\n    line-height: 1.7;\n    margin-top: 10px;\n  }\n\n  .cha-accordion-content p { margin: 0; }\n\n  .cha-tip {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n    background: var(--cha-primary-light);\n    border-radius: var(--cha-radius-sm);\n    padding: 1rem 1.25rem;\n    margin-top: 1.25rem;\n    border-left: 4px solid var(--cha-primary);\n  }\n\n  .cha-tip-icon { font-size: 24px; flex-shrink: 0; }\n\n  .cha-tip p {\n    font-size: 14px;\n    color: var(--cha-text);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .cha-disclaimer {\n    font-size: 12px;\n    color: var(--cha-text-light);\n    text-align: center;\n    margin-top: 1rem;\n    font-style: italic;\n  }\n\n  @media (max-width: 767px) {\n    .cha-grid { grid-template-columns: 1fr; gap: 1rem; }\n    .cha-card { padding: 1.125rem; }\n    .cha-section { margin-bottom: 1.75rem; }\n    .cha-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--cha-radius-sm); }\n    .cha-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n    .cha-premium h2::after { width: 40px; height: 3px; }\n    .cha-grid-compact { gap: .625rem; }\n    .cha-grid-compact .cha-card { padding: .75rem; }\n    .cha-timeline-number { width: 36px; height: 36px; font-size: 15px; }\n    .cha-timeline-content { padding: .875rem 1rem; }\n    .cha-timeline-content h3 { font-size: 14px; }\n    .cha-timeline-content p { font-size: 13px; }\n    .cha-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n    .cha-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .cha-card { animation: chaFadeInUp .5s ease backwards; }\n    .cha-card:nth-child(1) { animation-delay: .05s; }\n    .cha-card:nth-child(2) { animation-delay: .1s; }\n    .cha-card:nth-child(3) { animation-delay: .15s; }\n    .cha-card:nth-child(4) { animation-delay: .2s; }\n    .cha-card:nth-child(5) { animation-delay: .25s; }\n    .cha-card:nth-child(6) { animation-delay: .3s; }\n  }\n\n  @keyframes chaFadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .cha-premium * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }\n  }\n\u003c\/style\u003e","brand":"Place des thés","offers":[{"title":"Default Title","offer_id":57376149340537,"sku":"NBAIPDT0029","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/the-noir-chayurveda-bio-100-g-place-des-thes-packshothd.webp?v=1790663605"},{"product_id":"the-noir-earl-grey-bio-100-g-place-des-thes","title":"Thé noir Earl Grey Bio - 100 g - Place des Thés","description":"\u003cdiv class=\"eg-premium\"\u003e\n  \u003cdiv class=\"eg-hero\"\u003e\n    \u003cdiv class=\"eg-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"eg-hero-content\"\u003e\n      \u003cdiv class=\"eg-badges-top\"\u003e\n        \u003cspan class=\"eg-badge\"\u003e🌿 Bio AB\u003c\/span\u003e\n        \u003cspan class=\"eg-badge\"\u003e🇮🇳 Assam d'Inde du Sud\u003c\/span\u003e\n        \u003cspan class=\"eg-badge\"\u003e🍋 Bergamote naturelle\u003c\/span\u003e\n        \u003cspan class=\"eg-badge\"\u003e📦 Boîte 100 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"eg-hero-title\"\u003eThé noir Earl Grey Bio\u003c\/span\u003e\n      \u003cp class=\"eg-subtitle\"\u003eL'élégance britannique signée Place des Thés\u003c\/p\u003e\n      \u003cp class=\"eg-description\"\u003eUn grand classique revisité avec finesse : un thé noir Assam généreux et corsé sublimé par les notes acidulées d'une bergamote 100 % naturelle et biologique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"eg-section\"\u003e\n    \u003ch2\u003eThé noir Earl Grey Bio – L'élégance britannique signée Place des Thés\u003c\/h2\u003e\n    \u003cp class=\"eg-section-intro\"\u003eSymbole intemporel de la pause raffinée, le \u003cstrong\u003ethé noir Earl Grey bio\u003c\/strong\u003e de Place des Thés revisite avec finesse ce grand classique de l'art de vivre à l'anglaise.\u003c\/p\u003e\n    \u003cp class=\"eg-section-intro\"\u003eSa recette associe un \u003cstrong\u003ethé noir Assam d'Inde du Sud\u003c\/strong\u003e, généreux et corsé, à un \u003cstrong\u003earôme naturel de bergamote\u003c\/strong\u003e, ce petit agrume méditerranéen qui apporte ses notes acidulées si caractéristiques. Le résultat ? Une tasse équilibrée, parfumée et 100 % issue de l'agriculture biologique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"eg-section\"\u003e\n    \u003ch2\u003eUn Earl Grey thé noir d'exception, à la bergamote authentique\u003c\/h2\u003e\n    \u003cdiv class=\"eg-grid\"\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e🍋 Bergamote naturelle\u003c\/h3\u003e\n        \u003cp\u003ePoint d'arôme de synthèse : une bergamote \u003cstrong\u003enaturelle et bio\u003c\/strong\u003e aux notes zestées et florales caractéristiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e🌱 Assam d'Inde du Sud\u003c\/h3\u003e\n        \u003cp\u003eUne base de thé noir à la rondeur boisée, généreuse et corsée, idéale pour porter l'arôme de bergamote.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e🎁 Boîte métallique 100 g\u003c\/h3\u003e\n        \u003cp\u003eUn écrin élégant qui préserve durablement les arômes. Aussi disponible en pochette vrac. Idéal à offrir.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"eg-tip\"\u003e\n      \u003cspan class=\"eg-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003eCe \u003cstrong\u003ethé Earl Grey bio\u003c\/strong\u003e séduira aussi bien les amateurs aguerris que les curieux qui découvrent les thés aromatisés de qualité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"eg-section\"\u003e\n    \u003ch2\u003eLes bienfaits du thé noir Earl Grey\u003c\/h2\u003e\n    \u003cp class=\"eg-section-intro\"\u003eBoisson millénaire, le thé noir Earl Grey est apprécié pour ses qualités gustatives et son rituel apaisant.\u003c\/p\u003e\n    \u003cdiv class=\"eg-grid\"\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e🛡️ Source d'antioxydants\u003c\/h3\u003e\n        \u003cp\u003eNaturellement riche en \u003cstrong\u003ethéaflavines et polyphénols\u003c\/strong\u003e, des composés issus du thé noir.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e⚡ Effet tonifiant\u003c\/h3\u003e\n        \u003cp\u003eGrâce à la \u003cstrong\u003ethéine\u003c\/strong\u003e, idéal le matin ou en début d'après-midi pour démarrer en douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e🧘 Détente sensorielle\u003c\/h3\u003e\n        \u003cp\u003eUn moment de pause associé au \u003cstrong\u003eparfum réconfortant\u003c\/strong\u003e de la bergamote.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"eg-disclaimer\"\u003eCe thé est un produit de plaisir et de bien-être. Il ne se substitue pas à un traitement médical ni à une alimentation équilibrée. En cas de doute, demandez conseil à un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"eg-section\"\u003e\n    \u003ch2\u003eComment préparer votre Earl Grey thé noir ?\u003c\/h2\u003e\n    \u003cdiv class=\"eg-timeline\"\u003e\n      \u003cdiv class=\"eg-timeline-item\"\u003e\n        \u003cdiv class=\"eg-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"eg-timeline-content\"\u003e\n          \u003ch3\u003e⚖️ Dosage\u003c\/h3\u003e\n          \u003cp\u003e12 à 15 g de thé par litre d'eau, soit environ 1 cuillère à café par tasse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-timeline-item\"\u003e\n        \u003cdiv class=\"eg-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"eg-timeline-content\"\u003e\n          \u003ch3\u003e🌡️ Température\u003c\/h3\u003e\n          \u003cp\u003ePortez votre eau à \u003cstrong\u003e100 °C\u003c\/strong\u003e pour révéler toute la puissance de l'Assam.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-timeline-item\"\u003e\n        \u003cdiv class=\"eg-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"eg-timeline-content\"\u003e\n          \u003ch3\u003e⏱️ Infusion\u003c\/h3\u003e\n          \u003cp\u003eLaissez infuser \u003cstrong\u003e3 à 5 minutes\u003c\/strong\u003e selon l'intensité souhaitée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-timeline-item\"\u003e\n        \u003cdiv class=\"eg-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"eg-timeline-content\"\u003e\n          \u003ch3\u003e🫖 Dégustation\u003c\/h3\u003e\n          \u003cp\u003eNature, avec un nuage de lait à l'anglaise, ou accompagné d'un zeste de citron pour un effet \u003cem\u003eRussian Earl Grey\u003c\/em\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"eg-tip\"\u003e\n      \u003cspan class=\"eg-tip-icon\"\u003e🍽️\u003c\/span\u003e\n      \u003cp\u003eIl accompagne à merveille un \u003cstrong\u003epetit-déjeuner gourmand\u003c\/strong\u003e, un goûter avec scones, ou un plat raffiné à base de poisson, comme aiment le préparer les chefs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"eg-section\"\u003e\n    \u003ch2\u003eComposition et informations produit\u003c\/h2\u003e\n    \u003cdiv class=\"eg-grid-compact\"\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e🌿 Ingrédients\u003c\/h3\u003e\n        \u003cp\u003eThé noir Assam d'Inde du Sud*, arôme naturel de bergamote*. \u003cem\u003e(*issus de l'agriculture biologique)\u003c\/em\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e⚖️ Contenance\u003c\/h3\u003e\n        \u003cp\u003e100 g net\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e📦 Format\u003c\/h3\u003e\n        \u003cp\u003eBoîte métallique ou pochette vrac\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n        \u003cp\u003eConditionné en France par Place des Thés\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n        \u003cp\u003eAgriculture Biologique (AB)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e📅 DLUO\u003c\/h3\u003e\n        \u003cp\u003e24 mois à compter de la fabrication\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"eg-accordion\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdetails class=\"eg-accordion-item\"\u003e\n        \u003csummary class=\"eg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"eg-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver à température ambiante, à l'abri de la lumière et de l'humidité, dans sa boîte métallique refermée pour préserver tous ses arômes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"eg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir le thé Earl Grey bio Place des Thés ?\u003c\/h2\u003e\n    \u003cdiv class=\"eg-cta-box\"\u003e\n      \u003cp\u003ePlace des Thés est une maison française qui sélectionne des thés et infusions \u003cstrong\u003ebio, traçables et gastronomiques\u003c\/strong\u003e. Choisir ce thé noir bio Earl Grey, c'est privilégier un produit sans pesticides de synthèse, élaboré avec soin et conditionné dans des emballages qui protègent ses arômes.\u003c\/p\u003e\n      \u003cp style=\"margin-top:1rem;\"\u003e✨ Une véritable invitation au voyage, à savourer tasse après tasse.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --eg-cream: #faf6ee;\n  --eg-white: #ffffff;\n  --eg-primary: #b8923a;\n  --eg-primary-dark: #7d5e1f;\n  --eg-primary-light: #f5ebd3;\n  --eg-secondary: #c9a961;\n  --eg-accent: #e8c97a;\n  --eg-text: #2a2418;\n  --eg-text-light: #6b5d44;\n  --eg-border: #e8dfc9;\n  --eg-shadow: 0 4px 24px rgba(125, 94, 31, .1);\n  --eg-shadow-lg: 0 12px 48px rgba(125, 94, 31, .18);\n  --eg-radius: 20px;\n  --eg-radius-sm: 12px;\n}\n\n.eg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--eg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--eg-text);\n  line-height: 1.6;\n}\n\n.eg-hero {\n  position: relative;\n  background: linear-gradient(135deg, #b8923a 0%, #c9a961 50%, #7d5e1f 100%);\n  border-radius: var(--eg-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(--eg-shadow-lg);\n}\n\n.eg-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n  opacity: .15;\n}\n\n.eg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.eg-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.eg-subtitle {\n  color: white;\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  opacity: .95;\n  font-style: italic;\n}\n\n.eg-description {\n  color: white;\n  font-size: clamp(14px, 2.2vw, 17px);\n  margin: 0 auto;\n  max-width: 720px;\n  opacity: .95;\n  line-height: 1.7;\n}\n\n.eg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.eg-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(--eg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.eg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.eg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.eg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--eg-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.2;\n}\n\n.eg-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(--eg-primary), var(--eg-secondary));\n  border-radius: 2px;\n}\n\n.eg-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--eg-text-light);\n  margin: 0 auto 1rem;\n  max-width: 760px;\n  line-height: 1.7;\n}\n\n.eg-card {\n  background: var(--eg-white);\n  border-radius: var(--eg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--eg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.eg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--eg-shadow-lg);\n  border-color: var(--eg-primary);\n}\n\n.eg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--eg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.eg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--eg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.eg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.eg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.eg-grid-compact .eg-card {\n  padding: 1rem;\n}\n\n.eg-grid-compact .eg-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.eg-grid-compact .eg-card p {\n  font-size: 12px;\n}\n\n.eg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.eg-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.eg-timeline-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--eg-primary), var(--eg-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 17px;\n  box-shadow: 0 4px 12px rgba(184,146,58,.35);\n}\n\n.eg-timeline-content {\n  flex: 1;\n  background: var(--eg-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--eg-radius-sm);\n  box-shadow: var(--eg-shadow);\n}\n\n.eg-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--eg-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.eg-timeline-content p {\n  font-size: 14px;\n  color: var(--eg-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.eg-accordion {\n  background: var(--eg-white);\n  border-radius: var(--eg-radius);\n  box-shadow: var(--eg-shadow);\n  overflow: hidden;\n}\n\n.eg-accordion-item {\n  border-bottom: 1px solid var(--eg-border);\n  margin: 0;\n  padding: 0;\n}\n\n.eg-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.eg-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--eg-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}\n\n.eg-accordion-header:hover {\n  background: var(--eg-primary-light);\n}\n\n.eg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.eg-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--eg-primary);\n  transition: transform .2s ease;\n}\n\n.eg-accordion-item[open] .eg-accordion-header::after {\n  content: '−';\n}\n\n.eg-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--eg-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.eg-accordion-content p {\n  margin: 0;\n}\n\n.eg-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--eg-primary-light);\n  border-radius: var(--eg-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--eg-primary);\n}\n\n.eg-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.eg-tip p {\n  font-size: 14px;\n  color: var(--eg-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.eg-cta-box {\n  background: linear-gradient(135deg, var(--eg-primary) 0%, var(--eg-primary-dark) 100%);\n  border-radius: var(--eg-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--eg-shadow-lg);\n}\n\n.eg-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.eg-cta-box strong {\n  font-weight: 800;\n}\n\n.eg-disclaimer {\n  font-size: 12px;\n  color: var(--eg-text-light);\n  text-align: center;\n  margin-top: 1.25rem;\n  font-style: italic;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 767px) {\n  .eg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .eg-card {\n    padding: 1.125rem;\n  }\n\n  .eg-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .eg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--eg-radius-sm);\n  }\n\n  .eg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .eg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .eg-grid-compact {\n    gap: .625rem;\n  }\n\n  .eg-grid-compact .eg-card {\n    padding: .75rem;\n  }\n\n  .eg-timeline-number {\n    width: 36px;\n    height: 36px;\n    font-size: 14px;\n  }\n\n  .eg-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .eg-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .eg-timeline-content p {\n    font-size: 13px;\n  }\n\n  .eg-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .eg-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .eg-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .eg-card:nth-child(1) { animation-delay: .05s; }\n  .eg-card:nth-child(2) { animation-delay: .1s; }\n  .eg-card:nth-child(3) { animation-delay: .15s; }\n  .eg-card:nth-child(4) { animation-delay: .2s; }\n  .eg-card:nth-child(5) { animation-delay: .25s; }\n  .eg-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  .eg-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":57401159188857,"sku":"NBAIPDT0023","price":12.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/the-noir-earl-grey-bio-100-g-place-des-thes-packshothd.webp?v=1790614304"},{"product_id":"the-noir-english-breakfast-brisures-bio-100-g-place-des-thes","title":"Thé noir English Breakfast Brisures Bio - 100 g - Place des Thés","description":"\u003cdiv class=\"ebt-premium\"\u003e\n\u003cdiv class=\"ebt-hero\"\u003e\n\u003cdiv class=\"ebt-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ebt-hero-content\"\u003e\n\u003cdiv class=\"ebt-badges-top\"\u003e\n\u003cspan class=\"ebt-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"ebt-badge\"\u003e🇬🇧 Tradition Anglaise\u003c\/span\u003e \u003cspan class=\"ebt-badge\"\u003e📦 100 g en vrac\u003c\/span\u003e \u003cspan class=\"ebt-badge\"\u003e🏷️ Place des Thés\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ebt-hero-title\"\u003eThé noir English Breakfast Brisures Bio\u003c\/span\u003e\n\u003cp class=\"ebt-subtitle\"\u003eL'élégance d'un assemblage Ceylan \u0026amp; Darjeeling\u003c\/p\u003e\n\u003cp class=\"ebt-description\"\u003eUn thé noir bio savoureux et énergisant, à la liqueur dorée et au caractère franc. La tradition britannique réunie dans une boîte métal raffinée de 100 g.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"ebt-section\"\u003e\n\u003ch2\u003eLa tradition britannique dans votre tasse\u003c\/h2\u003e\n\u003cp class=\"ebt-section-intro\"\u003eVous cherchez un \u003cstrong\u003ethé noir bio\u003c\/strong\u003e savoureux et énergisant pour démarrer la journée du bon pied ? Le \u003cstrong\u003ethé noir English Breakfast\u003c\/strong\u003e en brisures de Place des Thés réunit tout ce que vous aimez : un mélange harmonieux de grands crus, une liqueur dorée intense et un caractère franc, idéal pour accompagner votre petit-déjeuner.\u003c\/p\u003e\n\u003cp class=\"ebt-section-intro\"\u003ePrésenté en vrac dans une élégante boîte de 100 g, ce thé issu de l'agriculture biologique séduit autant les amateurs de tradition que les curieux en quête d'un thé du matin authentique.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"ebt-section\"\u003e\n\u003ch2\u003eUn assemblage soigné entre Ceylan et Darjeeling\u003c\/h2\u003e\n\u003cp class=\"ebt-section-intro\"\u003eCe thé noir bio en vrac doit toute sa personnalité à un assemblage subtil de deux grands crus :\u003c\/p\u003e\n\u003cdiv class=\"ebt-grid\"\u003e\n\u003cdiv class=\"ebt-card\"\u003e\n\u003ch3\u003e🍃 Thé Ceylan\u003c\/h3\u003e\n\u003cp\u003eFinement piquant, il apporte du corps et une belle vivacité en bouche. Le caractère robuste qui réveille les sens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ebt-card\"\u003e\n\u003ch3\u003e🌸 Thé Darjeeling\u003c\/h3\u003e\n\u003cp\u003eSurnommé le « champagne des thés », il adoucit l'ensemble grâce à ses notes délicates et florales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ebt-card\"\u003e\n\u003ch3\u003e✨ L'équilibre parfait\u003c\/h3\u003e\n\u003cp\u003eUne infusion ronde, aromatique et parfaitement équilibrée, qui rivalise avec les plus grands classiques anglais.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ebt-tip\"\u003e\n\u003cspan class=\"ebt-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eUn blend qui vient compléter à merveille votre collection si vous appréciez également le \u003cstrong\u003ethé noir Darjeeling bio\u003c\/strong\u003e, le \u003cstrong\u003ethé noir Earl Grey bio\u003c\/strong\u003e ou le \u003cstrong\u003ethé noir fumé bio\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"ebt-section\"\u003e\n\u003ch2\u003eComment préparer votre thé English Breakfast ?\u003c\/h2\u003e\n\u003cp class=\"ebt-section-intro\"\u003ePour révéler tous les arômes de ce thé noir, suivez ces conseils simples :\u003c\/p\u003e\n\u003cdiv class=\"ebt-timeline\"\u003e\n\u003cdiv class=\"ebt-timeline-item\"\u003e\n\u003cdiv class=\"ebt-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ebt-timeline-content\"\u003e\n\u003ch3\u003e🌡️ Température de l'eau\u003c\/h3\u003e\n\u003cp\u003eFaites chauffer votre eau à 100 °C (eau frémissante) pour extraire toute l'intensité du thé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ebt-timeline-item\"\u003e\n\u003cdiv class=\"ebt-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ebt-timeline-content\"\u003e\n\u003ch3\u003e⏱️ Temps d'infusion\u003c\/h3\u003e\n\u003cp\u003eLaissez infuser 3 à 5 minutes selon l'intensité souhaitée. Plus c'est long, plus c'est corsé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ebt-timeline-item\"\u003e\n\u003cdiv class=\"ebt-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ebt-timeline-content\"\u003e\n\u003ch3\u003e⚖️ Dosage idéal\u003c\/h3\u003e\n\u003cp\u003e12 à 15 g par litre, soit environ 1 cuillère à café par tasse pour un équilibre parfait.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ebt-timeline-item\"\u003e\n\u003cdiv class=\"ebt-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"ebt-timeline-content\"\u003e\n\u003ch3\u003e🥛 Dégustation\u003c\/h3\u003e\n\u003cp\u003eNature pour profiter de sa robe dorée, avec un nuage de lait à l'anglaise, ou rehaussé d'une touche de miel ou de citron.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"ebt-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce thé noir ?\u003c\/h2\u003e\n\u003cdiv class=\"ebt-grid-compact\"\u003e\n\u003cdiv class=\"ebt-card\"\u003e\n\u003ch3\u003e🌿 100% Bio\u003c\/h3\u003e\n\u003cp\u003eCertifié issu de l'agriculture biologique, sans pesticides ni arômes ajoutés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ebt-card\"\u003e\n\u003ch3\u003e⚡ Format brisures\u003c\/h3\u003e\n\u003cp\u003eUne infusion rapide et un goût plus prononcé qu'avec des feuilles entières.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ebt-card\"\u003e\n\u003ch3\u003e🇫🇷 Conditionné en France\u003c\/h3\u003e\n\u003cp\u003eBoîte métal qui préserve la fraîcheur et les arômes de votre thé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ebt-card\"\u003e\n\u003ch3\u003e📦 100 g en vrac\u003c\/h3\u003e\n\u003cp\u003eDe nombreuses tasses pour profiter pleinement de ce mélange d'exception.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ebt-card\"\u003e\n\u003ch3\u003e🏷️ Place des Thés\u003c\/h3\u003e\n\u003cp\u003eExtension de Place des Épices, spécialisée dans les thés et infusions bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ebt-card\"\u003e\n\u003ch3\u003e🍂 Sans arômes ajoutés\u003c\/h3\u003e\n\u003cp\u003eLa pureté authentique d'un assemblage Ceylan-Darjeeling traditionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"ebt-section\"\u003e\n\u003ch2\u003eBienfaits et moments de dégustation\u003c\/h2\u003e\n\u003cp class=\"ebt-section-intro\"\u003eConnu pour être \u003cstrong\u003eidéal pour bien commencer la journée\u003c\/strong\u003e, l'English Breakfast est apprécié pour son côté tonifiant grâce à sa teneur naturelle en théine.\u003c\/p\u003e\n\u003cdiv class=\"ebt-grid\"\u003e\n\u003cdiv class=\"ebt-card\"\u003e\n\u003ch3\u003e🌅 Au petit-déjeuner\u003c\/h3\u003e\n\u003cp\u003eAccompagne à merveille viennoiseries, tartines beurrées, œufs brouillés ou porridge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ebt-card\"\u003e\n\u003ch3\u003e☕ Pause matinale\u003c\/h3\u003e\n\u003cp\u003eUn coup de boost naturel en milieu de matinée pour rester concentré et tonique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ebt-card\"\u003e\n\u003ch3\u003e🫖 Tea time\u003c\/h3\u003e\n\u003cp\u003eLe compagnon idéal d'une pause l'après-midi, dans la pure tradition britannique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ebt-disclaimer\"\u003eNote importante : ce thé est un produit de plaisir et de bien-être. Il ne remplace en aucun cas un traitement médical ni une alimentation équilibrée. En cas de sensibilité à la théine, demandez conseil à votre médecin.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"ebt-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eConservation\u003c\/h2\u003e\n\u003cdiv class=\"ebt-accordion\"\u003e\n\u003cdetails class=\"ebt-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"ebt-accordion-header\"\u003e🌡️ Conditions de conservation\u003c\/summary\u003e\n\u003cdiv class=\"ebt-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ conserver à température ambiante, à l'abri de la lumière, de la chaleur et de l'humidité pour préserver toutes les qualités aromatiques du thé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ebt-accordion-item\"\u003e\n\u003csummary class=\"ebt-accordion-header\"\u003e📅 DLUO\u003c\/summary\u003e\n\u003cdiv class=\"ebt-accordion-content mt-3\"\u003e\n\u003cp\u003e24 mois après fabrication. Profitez pleinement de votre thé sur une longue période.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ebt-accordion-item\"\u003e\n\u003csummary class=\"ebt-accordion-header\"\u003e🔒 Préservation des arômes\u003c\/summary\u003e\n\u003cdiv class=\"ebt-accordion-content mt-3\"\u003e\n\u003cp\u003eRefermez bien la boîte métal après chaque utilisation pour préserver l'intensité et la fraîcheur des arômes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ebt-cta-box\" style=\"margin-top: 2rem;\"\u003e\n\u003cp\u003e☕ Offrez-vous chaque matin une parenthèse réconfortante avec ce thé noir English Breakfast bio Place des Thés, un classique indémodable revisité avec exigence et passion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --ebt-cream: #faf6ef;\n  --ebt-white: #ffffff;\n  --ebt-primary: #b8893d;\n  --ebt-primary-dark: #7a5a25;\n  --ebt-primary-light: #f5ead4;\n  --ebt-secondary: #c9a55c;\n  --ebt-accent: #8b6a2f;\n  --ebt-text: #2a2218;\n  --ebt-text-light: #6b5a45;\n  --ebt-border: #e8dec7;\n  --ebt-shadow: 0 4px 24px rgba(122, 90, 37, .08);\n  --ebt-shadow-lg: 0 12px 48px rgba(122, 90, 37, .18);\n  --ebt-radius: 20px;\n  --ebt-radius-sm: 12px;\n}\n\n.ebt-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ebt-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--ebt-text);\n}\n\n.ebt-hero {\n  position: relative;\n  background: linear-gradient(135deg, #c9a55c 0%, #b8893d 50%, #7a5a25 100%);\n  border-radius: var(--ebt-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(--ebt-shadow-lg);\n}\n\n.ebt-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n  opacity: .25;\n}\n\n.ebt-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ebt-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\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.ebt-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 2.8vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.ebt-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.ebt-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ebt-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(--ebt-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ebt-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.ebt-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ebt-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ebt-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.ebt-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(--ebt-primary), var(--ebt-secondary));\n  border-radius: 2px;\n}\n\n.ebt-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ebt-text-light);\n  margin: 0 auto 1.5rem;\n  max-width: 760px;\n  line-height: 1.7;\n}\n\n.ebt-section-intro strong {\n  color: var(--ebt-primary-dark);\n}\n\n.ebt-card {\n  background: var(--ebt-white);\n  border-radius: var(--ebt-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ebt-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ebt-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ebt-shadow-lg);\n  border-color: var(--ebt-primary);\n}\n\n.ebt-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ebt-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ebt-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ebt-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.ebt-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ebt-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ebt-grid-compact .ebt-card {\n  padding: 1rem;\n}\n\n.ebt-grid-compact .ebt-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ebt-grid-compact .ebt-card p {\n  font-size: 12px;\n}\n\n.ebt-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.ebt-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ebt-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ebt-primary), var(--ebt-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(184, 137, 61, .35);\n}\n\n.ebt-timeline-content {\n  flex: 1;\n  background: var(--ebt-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ebt-radius-sm);\n  box-shadow: var(--ebt-shadow);\n}\n\n.ebt-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ebt-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ebt-timeline-content p {\n  font-size: 14px;\n  color: var(--ebt-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.ebt-accordion {\n  background: var(--ebt-white);\n  border-radius: var(--ebt-radius);\n  box-shadow: var(--ebt-shadow);\n  overflow: hidden;\n}\n\n.ebt-accordion-item {\n  border-bottom: 1px solid var(--ebt-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ebt-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ebt-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ebt-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.ebt-accordion-header:hover {\n  background: var(--ebt-primary-light);\n}\n\n.ebt-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ebt-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--ebt-primary);\n  transition: transform .2s ease;\n}\n\n.ebt-accordion-item[open] .ebt-accordion-header::after {\n  content: '−';\n}\n\n.ebt-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ebt-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ebt-accordion-content p {\n  margin: 0;\n}\n\n.ebt-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ebt-primary-light);\n  border-radius: var(--ebt-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--ebt-primary);\n}\n\n.ebt-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ebt-tip p {\n  font-size: 14px;\n  color: var(--ebt-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.ebt-tip strong {\n  color: var(--ebt-primary-dark);\n}\n\n.ebt-cta-box {\n  background: linear-gradient(135deg, var(--ebt-primary) 0%, var(--ebt-primary-dark) 100%);\n  border-radius: var(--ebt-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--ebt-shadow-lg);\n}\n\n.ebt-cta-box p {\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,.15);\n  margin: 0;\n}\n\n.ebt-disclaimer {\n  font-size: 12px;\n  color: var(--ebt-text-light);\n  text-align: center;\n  margin-top: 1.25rem;\n  font-style: italic;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n  .ebt-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .ebt-card {\n    padding: 1.125rem;\n  }\n  .ebt-section {\n    margin-bottom: 1.75rem;\n  }\n  .ebt-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ebt-radius-sm);\n  }\n  .ebt-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .ebt-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .ebt-grid-compact {\n    gap: .625rem;\n  }\n  .ebt-grid-compact .ebt-card {\n    padding: .75rem;\n  }\n  .ebt-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .ebt-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .ebt-timeline-content h3 {\n    font-size: 14px;\n  }\n  .ebt-timeline-content p {\n    font-size: 13px;\n  }\n  .ebt-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .ebt-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .ebt-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .ebt-card:nth-child(1) { animation-delay: .05s; }\n  .ebt-card:nth-child(2) { animation-delay: .1s; }\n  .ebt-card:nth-child(3) { animation-delay: .15s; }\n  .ebt-card:nth-child(4) { animation-delay: .2s; }\n  .ebt-card:nth-child(5) { animation-delay: .25s; }\n  .ebt-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  .ebt-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":57401221480825,"sku":"NBAIPDT0024","price":9.85,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/the-noir-english-breakfast-brisures-bio-100-g-place-des-thes-packshothd.webp?v=1790614645"},{"product_id":"the-noir-golden-yunnan-gfop-100-g-place-des-thes","title":"Thé noir Golden Yunnan Gfop Bio - 100 g - Place des Thés","description":"\u003cdiv class=\"gy-premium\"\u003e\n\u003cdiv class=\"gy-hero\"\u003e\n\u003cdiv class=\"gy-hero-pattern\"\u003eio\u003c\/div\u003e\n\u003cdiv class=\"gy-hero-content\"\u003e\n\u003cdiv class=\"gy-badges-top\"\u003e\n\u003cspan class=\"gy-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e \u003cspan class=\"gy-badge\"\u003e🏔️ Origine Yunnan\u003c\/span\u003e \u003cspan class=\"gy-badge\"\u003e✨ Grade GFOP\u003c\/span\u003e \u003cspan class=\"gy-badge\"\u003e🍵 ~40 tasses\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gy-hero-title\"\u003eGolden Yunnan GFOP Bio\u003c\/span\u003e\n\u003cp class=\"gy-subtitle\"\u003eGrand thé noir de Chine — Place des Thés\u003c\/p\u003e\n\u003cp class=\"gy-description\"\u003eUn thé noir d'exception aux pointes dorées, à la liqueur ambrée cuivrée et aux notes de malt fin, cacao et miel sombre. Une invitation au voyage depuis les montagnes brumeuses du Yunnan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"gy-section\"\u003e\n\u003ch2\u003eGolden Yunnan GFOP Bio : un grand thé noir de Chine d'exception\u003c\/h2\u003e\n\u003cp class=\"gy-section-intro\"\u003eOriginaire des montagnes brumeuses du \u003cstrong\u003eYunnan\u003c\/strong\u003e, berceau historique du théier, ce \u003cstrong\u003ethé noir du Yunnan\u003c\/strong\u003e Golden GFOP est une véritable invitation au voyage. Sélectionné par Place des Thés pour sa qualité remarquable, il séduit autant les amateurs avertis que les curieux en quête d'un grand thé noir authentique, à la fois rond, profond et raffiné.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"gy-section\"\u003e\n\u003ch2\u003eUne qualité GFOP signée Yunnan\u003c\/h2\u003e\n\u003cp class=\"gy-section-intro\"\u003eLa mention \u003cstrong\u003eGFOP (Golden Flowery Orange Pekoe)\u003c\/strong\u003e est un véritable gage de qualité dans l'univers du thé. Elle désigne un thé composé de jeunes feuilles entières roulées et de précieux \u003cstrong\u003ebourgeons dorés\u003c\/strong\u003e, ces fameuses « pointes » qui apportent richesse aromatique et douceur en bouche.\u003c\/p\u003e\n\u003cdiv class=\"gy-grid-compact\"\u003e\n\u003cdiv class=\"gy-card\"\u003e\n\u003ch3\u003e🏔️ Origine\u003c\/h3\u003e\n\u003cp\u003eRécolte dans les hautes montagnes du Yunnan, en Chine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gy-card\"\u003e\n\u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n\u003cp\u003eIssu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gy-card\"\u003e\n\u003ch3\u003e✨ Grade GFOP\u003c\/h3\u003e\n\u003cp\u003eFeuilles entières et bourgeons dorés sélectionnés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gy-card\"\u003e\n\u003ch3\u003e🤝 Fournisseur\u003c\/h3\u003e\n\u003cp\u003eAlveus, soutien de l'Ethical Tea Partnership\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gy-tip\"\u003e\n\u003cspan class=\"gy-tip-icon\"\u003e🌏\u003c\/span\u003e\n\u003cp\u003eCe \u003cstrong\u003ethé noir Yunnan bio\u003c\/strong\u003e incarne la rencontre entre une tradition millénaire et un savoir-faire respectueux des producteurs et de la nature.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gy-section\"\u003e\n\u003ch2\u003eUn profil aromatique enveloppant et raffiné\u003c\/h2\u003e\n\u003cp class=\"gy-section-intro\"\u003eLe \u003cstrong\u003ethé noir original Yunnan\u003c\/strong\u003e se distingue par sa liqueur ambrée cuivrée et son bouquet aromatique reconnaissable entre tous. En tasse, vous découvrirez :\u003c\/p\u003e\n\u003cdiv class=\"gy-grid\"\u003e\n\u003cdiv class=\"gy-card\"\u003e\n\u003ch3\u003e💪 Saveur expressive\u003c\/h3\u003e\n\u003cp\u003eUn corps puissant et généreux, sans la moindre amertume.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gy-card\"\u003e\n\u003ch3\u003e🌳 Notes boisées\u003c\/h3\u003e\n\u003cp\u003eDes nuances douces et réconfortantes, profondément enveloppantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gy-card\"\u003e\n\u003ch3\u003e🍫 Malt, cacao \u0026amp; miel\u003c\/h3\u003e\n\u003cp\u003eDes nuances de malt fin, de cacao, de miel sombre et de fruits secs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gy-card\"\u003e\n\u003ch3\u003e🌶️ Pointe épicée\u003c\/h3\u003e\n\u003cp\u003eUne touche délicatement épicée qui apporte caractère et finesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gy-tip\"\u003e\n\u003cspan class=\"gy-tip-icon\"\u003e🥛\u003c\/span\u003e\n\u003cp\u003eSa rondeur en bouche le rend particulièrement agréable nature, mais il accepte également très bien un nuage de lait, à la manière des grands thés noirs anglais.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gy-section\"\u003e\n\u003ch2\u003eConseils de préparation\u003c\/h2\u003e\n\u003cp class=\"gy-section-intro\"\u003ePour révéler tout le potentiel de ce \u003cstrong\u003egrand Yunnan\u003c\/strong\u003e, suivez ces recommandations :\u003c\/p\u003e\n\u003cdiv class=\"gy-timeline\"\u003e\n\u003cdiv class=\"gy-timeline-item\"\u003e\n\u003cdiv class=\"gy-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gy-timeline-content\"\u003e\n\u003ch3\u003e⚖️ Dosage\u003c\/h3\u003e\n\u003cp\u003e12 à 15 g par litre d'eau (environ 3 g par tasse).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gy-timeline-item\"\u003e\n\u003cdiv class=\"gy-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gy-timeline-content\"\u003e\n\u003ch3\u003e🌡️ Température\u003c\/h3\u003e\n\u003cp\u003e100°C, une eau frémissante pour libérer tous les arômes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gy-timeline-item\"\u003e\n\u003cdiv class=\"gy-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gy-timeline-content\"\u003e\n\u003ch3\u003e⏱️ Temps d'infusion\u003c\/h3\u003e\n\u003cp\u003e3 à 5 minutes selon l'intensité souhaitée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gy-tip\"\u003e\n\u003cspan class=\"gy-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour une tasse plus douce, infusez 3 minutes ; pour un caractère plus affirmé, prolongez jusqu'à 5 minutes. Le sachet vrac de \u003cstrong\u003e100 g\u003c\/strong\u003e permet de préparer environ \u003cstrong\u003e40 tasses\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gy-section\"\u003e\n\u003ch2\u003eQuand le déguster ?\u003c\/h2\u003e\n\u003cp class=\"gy-section-intro\"\u003eRiche en théine, ce \u003cstrong\u003ethé noir de Chine Yunnan\u003c\/strong\u003e est idéal pour bien démarrer la journée. C'est un compagnon de choix pour le petit-déjeuner, où il accompagne aussi bien les viennoiseries que les préparations salées. Il s'apprécie également au tea time, en milieu d'après-midi, pour un moment de pause aromatique.\u003c\/p\u003e\n\u003cdiv class=\"gy-grid-compact\"\u003e\n\u003cdiv class=\"gy-card\"\u003e\n\u003ch3\u003e☀️ Petit-déjeuner\u003c\/h3\u003e\n\u003cp\u003eTonifiant et rond, parfait pour bien démarrer la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gy-card\"\u003e\n\u003ch3\u003e🫖 Tea time\u003c\/h3\u003e\n\u003cp\u003eUne pause aromatique idéale en milieu d'après-midi.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gy-tip\"\u003e\n\u003cspan class=\"gy-tip-icon\"\u003e❓\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eQuestion fréquente : le thé noir Yunnan fait-il maigrir ?\u003c\/strong\u003e Comme tous les thés, il s'inscrit dans une hygiène de vie globale. Boisson naturellement peu calorique et hydratante, il accompagne une alimentation équilibrée, sans constituer un remède minceur en soi.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gy-section\"\u003e\n\u003ch2\u003eBienfaits et plaisir au quotidien\u003c\/h2\u003e\n\u003cp class=\"gy-section-intro\"\u003eParmi les \u003cstrong\u003ebienfaits\u003c\/strong\u003e appréciés du \u003cstrong\u003ethé noir Yunnan\u003c\/strong\u003e, on retient sa richesse en antioxydants naturels et son effet tonifiant grâce à la théine. C'est avant tout un thé plaisir, qui ravit les sens et accompagne vos rituels quotidiens.\u003c\/p\u003e\n\u003cdiv class=\"gy-grid-compact\"\u003e\n\u003cdiv class=\"gy-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydants\u003c\/h3\u003e\n\u003cp\u003eNaturellement riche en antioxydants végétaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gy-card\"\u003e\n\u003ch3\u003e⚡ Tonifiant\u003c\/h3\u003e\n\u003cp\u003eUn effet stimulant grâce à sa teneur en théine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"gy-disclaimer\"\u003e\u003cstrong\u003eImportant :\u003c\/strong\u003e ce produit est un thé d'agrément. Il ne constitue pas un médicament et ne remplace en aucun cas un avis médical ni un traitement prescrit par un professionnel de santé. Les femmes enceintes et personnes sensibles à la théine adapteront leur consommation.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"gy-section\"\u003e\n\u003ch2\u003eConservation\u003c\/h2\u003e\n\u003cdiv class=\"gy-cta-box\"\u003e\n\u003cp\u003eConservez votre \u003cstrong\u003ethé noir Golden Yunnan GFOP\u003c\/strong\u003e dans sa boîte d'origine, à l'abri de la lumière, de l'humidité et des odeurs, pour préserver toute sa richesse aromatique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --gy-cream: #faf6ef;\n  --gy-white: #ffffff;\n  --gy-primary: #c9a35c;\n  --gy-primary-dark: #8b6a2a;\n  --gy-primary-light: #f5ead3;\n  --gy-secondary: #a8743a;\n  --gy-accent: #6b4423;\n  --gy-text: #2a1f14;\n  --gy-text-light: #6b5a45;\n  --gy-border: #e5dcc7;\n  --gy-shadow: 0 4px 24px rgba(139, 106, 42, .08);\n  --gy-shadow-lg: 0 12px 48px rgba(139, 106, 42, .18);\n  --gy-radius: 20px;\n  --gy-radius-sm: 12px;\n}\n\n.gy-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gy-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--gy-text);\n}\n\n.gy-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8b6a2a 0%, #c9a35c 50%, #a8743a 100%);\n  border-radius: var(--gy-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(--gy-shadow-lg);\n}\n\n.gy-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n  opacity: .15;\n}\n\n.gy-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.gy-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.gy-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  font-style: italic;\n}\n\n.gy-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.gy-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gy-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(--gy-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gy-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.gy-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gy-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gy-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.2;\n}\n\n.gy-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(--gy-primary), var(--gy-secondary));\n  border-radius: 2px;\n}\n\n.gy-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gy-text-light);\n  margin-bottom: 1.75rem;\n  max-width: 750px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.gy-section-intro strong {\n  color: var(--gy-primary-dark);\n}\n\n.gy-card {\n  background: var(--gy-white);\n  border-radius: var(--gy-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gy-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gy-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gy-shadow-lg);\n  border-color: var(--gy-primary);\n}\n\n.gy-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gy-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gy-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gy-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.gy-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.25rem;\n}\n\n.gy-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gy-grid-compact .gy-card {\n  padding: 1rem;\n}\n\n.gy-grid-compact .gy-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gy-grid-compact .gy-card p {\n  font-size: 12px;\n}\n\n.gy-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.gy-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gy-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gy-primary), var(--gy-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(139, 106, 42, .3);\n}\n\n.gy-timeline-content {\n  flex: 1;\n  background: var(--gy-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gy-radius-sm);\n  box-shadow: var(--gy-shadow);\n}\n\n.gy-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gy-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gy-timeline-content p {\n  font-size: 14px;\n  color: var(--gy-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.gy-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gy-primary-light);\n  border-radius: var(--gy-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  max-width: 750px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.gy-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gy-tip p {\n  font-size: 14px;\n  color: var(--gy-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.gy-tip strong {\n  color: var(--gy-primary-dark);\n}\n\n.gy-cta-box {\n  background: linear-gradient(135deg, var(--gy-primary) 0%, var(--gy-primary-dark) 100%);\n  border-radius: var(--gy-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--gy-shadow-lg);\n}\n\n.gy-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n  margin: 0;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.gy-cta-box strong {\n  font-weight: 800;\n}\n\n.gy-disclaimer {\n  font-size: 12px;\n  color: var(--gy-text-light);\n  text-align: center;\n  margin-top: 1.5rem;\n  font-style: italic;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n  .gy-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .gy-card {\n    padding: 1.125rem;\n  }\n  \n  .gy-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .gy-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gy-radius-sm);\n  }\n  \n  .gy-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .gy-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .gy-grid-compact {\n    gap: .625rem;\n  }\n  \n  .gy-grid-compact .gy-card {\n    padding: .75rem;\n  }\n  \n  .gy-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .gy-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .gy-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .gy-timeline-content p {\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .gy-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .gy-card:nth-child(1) { animation-delay: .05s; }\n  .gy-card:nth-child(2) { animation-delay: .1s; }\n  .gy-card:nth-child(3) { animation-delay: .15s; }\n  .gy-card:nth-child(4) { animation-delay: .2s; }\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  .gy-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":57406910562681,"sku":"NBAIPDT0025","price":12.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/the-noir-golden-yunnan-gfop-bio-100-g-place-des-thes-packshothd.webp?v=1790614826"},{"product_id":"the-noir-lapsang-souchong-bio-100-g-place-des-thes","title":"Thé noir Lapsang Souchong Bio - 100 g - Place des Thés","description":"\u003cdiv class=\"lps-premium\"\u003e\n  \u003cdiv class=\"lps-hero\"\u003e\n    \u003cdiv class=\"lps-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lps-hero-content\"\u003e\n      \u003cdiv class=\"lps-badges-top\"\u003e\n        \u003cspan class=\"lps-badge\"\u003e🌿 Agriculture Bio\u003c\/span\u003e\n        \u003cspan class=\"lps-badge\"\u003e🔥 Fumé au bois d'épicéa\u003c\/span\u003e\n        \u003cspan class=\"lps-badge\"\u003e🇨🇳 Origine Fujian\u003c\/span\u003e\n        \u003cspan class=\"lps-badge\"\u003e📦 Boîte métal 100 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lps-hero-title\"\u003eThé noir Lapsang Souchong Bio\u003c\/span\u003e\n      \u003cp class=\"lps-subtitle\"\u003eUn grand classique chinois, corsé et profondément fumé\u003c\/p\u003e\n      \u003cp class=\"lps-description\"\u003ePlace des Thés vous invite à un voyage sensoriel au cœur du Fujian, berceau historique des thés noirs fumés. Une tasse puissante, sombre et boisée, à la croisée de la tradition et du raffinement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"lps-section\"\u003e\n    \u003ch2\u003eThé noir Lapsang Souchong Bio : un voyage sensoriel au cœur du Fujian\u003c\/h2\u003e\n    \u003cp class=\"lps-section-intro\"\u003eVous cherchez un \u003cstrong\u003ethé noir fumé\u003c\/strong\u003e hors du commun, capable de vous transporter dès la première gorgée ? Le \u003cstrong\u003ethé noir Lapsang Souchong bio\u003c\/strong\u003e de Place des Thés est une invitation à découvrir l'un des plus emblématiques \u003cstrong\u003ethés de Chine noirs fumés\u003c\/strong\u003e. Cultivé dans la province du Fujian, berceau historique de ce thé légendaire, il séduit par son caractère puissant, ses notes boisées intenses et son équilibre remarquable entre force et rondeur.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lps-section\"\u003e\n    \u003ch2\u003eL'origine d'un thé d'exception\u003c\/h2\u003e\n    \u003cdiv class=\"lps-grid\"\u003e\n      \u003cdiv class=\"lps-card\"\u003e\n        \u003ch3\u003e⛰️ Montagnes du Fujian\u003c\/h3\u003e\n        \u003cp\u003eNé dans les montagnes chinoises du Fujian, là où les producteurs ont mis au point un procédé unique de fumage ancestral.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lps-card\"\u003e\n        \u003ch3\u003e🪵 Fumage au bois d'épicéa\u003c\/h3\u003e\n        \u003cp\u003eLes feuilles sont fumées sur des bois d'épicéas soigneusement sélectionnés, conférant au thé son arôme profond et reconnaissable entre mille.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lps-card\"\u003e\n        \u003ch3\u003e🌱 Une démarche bio exigeante\u003c\/h3\u003e\n        \u003cp\u003eIssu de l'agriculture biologique, ce thé garantit une feuille pure, sans pesticides ni résidus chimiques. Respect de la terre et de votre tasse.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lps-section\"\u003e\n    \u003ch2\u003eUne expérience gustative inoubliable\u003c\/h2\u003e\n    \u003cp class=\"lps-section-intro\"\u003eDès l'ouverture de la boîte, vous serez enveloppé par un parfum boisé envoûtant. À l'infusion, le \u003cstrong\u003ethé noir Lapsang Souchong\u003c\/strong\u003e révèle :\u003c\/p\u003e\n    \u003cdiv class=\"lps-grid-compact\"\u003e\n      \u003cdiv class=\"lps-card\"\u003e\n        \u003ch3\u003e🔥 Notes fumées d'épicéa\u003c\/h3\u003e\n        \u003cp\u003eFranches, profondes et puissantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lps-card\"\u003e\n        \u003ch3\u003e💪 Corps ample\u003c\/h3\u003e\n        \u003cp\u003eRiche en saveurs et structuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lps-card\"\u003e\n        \u003ch3\u003e🍂 Rondeur en bouche\u003c\/h3\u003e\n        \u003cp\u003eSans amertume excessive.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lps-card\"\u003e\n        \u003ch3\u003e🌲 Forêts d'hiver\u003c\/h3\u003e\n        \u003cp\u003eArômes réconfortants de feu de bois.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lps-tip\"\u003e\n      \u003cspan class=\"lps-tip-icon\"\u003e🍷\u003c\/span\u003e\n      \u003cp\u003eCompagnon idéal des fins de journée fraîches, des moments de lecture au coin du feu, ou pour accompagner un plat fumé, un fromage affiné ou un chocolat noir intense.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lps-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cdiv class=\"lps-grid-compact\"\u003e\n      \u003cdiv class=\"lps-card\"\u003e\n        \u003ch3\u003e🍃 Thé noir de Chine bio\u003c\/h3\u003e\n        \u003cp\u003eRégion du Fujian, fumé sur bois d'épicéas.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lps-card\"\u003e\n        \u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n        \u003cp\u003eIssu de l'agriculture biologique certifiée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lps-tip\"\u003e\n      \u003cspan class=\"lps-tip-icon\"\u003e📦\u003c\/span\u003e\n      \u003cp\u003ePrésenté en \u003cstrong\u003efeuilles entières\u003c\/strong\u003e dans une élégante \u003cstrong\u003eboîte métallique\u003c\/strong\u003e préservant tous ses arômes, format \u003cstrong\u003e100 g\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lps-section\"\u003e\n    \u003ch2\u003eConseils de préparation\u003c\/h2\u003e\n    \u003cp class=\"lps-section-intro\"\u003ePour profiter pleinement des qualités du \u003cstrong\u003eLapsang Souchong bio\u003c\/strong\u003e, suivez ces recommandations :\u003c\/p\u003e\n    \u003cdiv class=\"lps-timeline\"\u003e\n      \u003cdiv class=\"lps-timeline-item\"\u003e\n        \u003cdiv class=\"lps-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"lps-timeline-content\"\u003e\n          \u003ch3\u003e⚖️ Dosage\u003c\/h3\u003e\n          \u003cp\u003e5 g de thé pour 50 cl d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lps-timeline-item\"\u003e\n        \u003cdiv class=\"lps-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"lps-timeline-content\"\u003e\n          \u003ch3\u003e🌡️ Température\u003c\/h3\u003e\n          \u003cp\u003eChauffez l'eau à 95 °C.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lps-timeline-item\"\u003e\n        \u003cdiv class=\"lps-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"lps-timeline-content\"\u003e\n          \u003ch3\u003e⏱️ Temps d'infusion\u003c\/h3\u003e\n          \u003cp\u003eLaissez infuser 5 à 7 minutes selon l'intensité souhaitée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lps-timeline-item\"\u003e\n        \u003cdiv class=\"lps-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"lps-timeline-content\"\u003e\n          \u003ch3\u003e🫖 Préparation\u003c\/h3\u003e\n          \u003cp\u003eEn théière traditionnelle, pour libérer toute la complexité aromatique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lps-tip\"\u003e\n      \u003cspan class=\"lps-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eDégustez-le nature, légèrement sucré, ou avec un nuage de lait pour adoucir son intensité fumée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lps-section\"\u003e\n    \u003ch2\u003eLes bienfaits du thé noir fumé\u003c\/h2\u003e\n    \u003cdiv class=\"lps-testimonial\"\u003e\n      \u003cp class=\"lps-testimonial-text\"\u003eComme tout thé noir, le Lapsang Souchong est naturellement riche en antioxydants et en théine. Consommé dans le cadre d'une alimentation équilibrée, il participe à un mode de vie sain. \u003cstrong\u003eCe thé ne remplace toutefois pas un traitement médical\u003c\/strong\u003e et ne saurait constituer une promesse thérapeutique. En cas de doute ou de pathologie particulière, demandez conseil à votre médecin.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lps-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir le Lapsang Souchong de Place des Thés ?\u003c\/h2\u003e\n    \u003cdiv class=\"lps-grid-compact\"\u003e\n      \u003cdiv class=\"lps-card\"\u003e\n        \u003ch3\u003e🌿 Bio \u0026amp; sélectionné à l'origine\u003c\/h3\u003e\n        \u003cp\u003eChoisi directement dans sa région d'origine, le Fujian.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lps-card\"\u003e\n        \u003ch3\u003e🔥 Fumage artisanal\u003c\/h3\u003e\n        \u003cp\u003eProcédé traditionnel au bois d'épicéa.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lps-card\"\u003e\n        \u003ch3\u003e⭐ Qualité supérieure\u003c\/h3\u003e\n        \u003cp\u003eBien au-delà des thés fumés bio de grande surface.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lps-card\"\u003e\n        \u003ch3\u003e📖 Fiche conseil claire\u003c\/h3\u003e\n        \u003cp\u003ePour une dégustation réussie à chaque fois.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lps-cta-box\"\u003e\n      \u003cp\u003eOffrez-vous l'authenticité d'un grand classique chinois, et faites entrer un peu de la magie du Fujian dans votre quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --lps-cream: #faf6ef;\n  --lps-white: #ffffff;\n  --lps-primary: #b8893a;\n  --lps-primary-dark: #6b4a1f;\n  --lps-primary-light: #f3e9d4;\n  --lps-secondary: #8b5e2a;\n  --lps-accent: #d4a85a;\n  --lps-text: #2a1f12;\n  --lps-text-light: #6b5d4a;\n  --lps-border: #e6dcc6;\n  --lps-shadow: 0 4px 24px rgba(107, 74, 31, .1);\n  --lps-shadow-lg: 0 12px 48px rgba(107, 74, 31, .2);\n  --lps-radius: 20px;\n  --lps-radius-sm: 12px;\n}\n\n.lps-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lps-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--lps-text);\n}\n\n.lps-hero {\n  position: relative;\n  background: linear-gradient(135deg, #6b4a1f 0%, #b8893a 50%, #d4a85a 100%);\n  border-radius: var(--lps-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(--lps-shadow-lg);\n}\n\n.lps-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 20%, rgba(255,255,255,.3) 0%, transparent 40%), radial-gradient(circle at 80% 80%, rgba(255,255,255,.2) 0%, transparent 40%);\n  opacity: .15;\n}\n\n.lps-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lps-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\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.lps-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  font-style: italic;\n}\n\n.lps-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.lps-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.75rem;\n}\n\n.lps-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(--lps-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lps-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.lps-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lps-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lps-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.lps-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(--lps-primary), var(--lps-secondary));\n  border-radius: 2px;\n}\n\n.lps-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lps-text-light);\n  margin: 0 auto 1.75rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.lps-section-intro strong {\n  color: var(--lps-primary-dark);\n}\n\n.lps-card {\n  background: var(--lps-white);\n  border-radius: var(--lps-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lps-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lps-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lps-shadow-lg);\n  border-color: var(--lps-primary);\n}\n\n.lps-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lps-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lps-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lps-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lps-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.lps-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lps-grid-compact .lps-card {\n  padding: 1rem;\n}\n\n.lps-grid-compact .lps-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lps-grid-compact .lps-card p {\n  font-size: 12px;\n}\n\n.lps-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.lps-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lps-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lps-primary), var(--lps-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(184, 137, 58, .3);\n}\n\n.lps-timeline-content {\n  flex: 1;\n  background: var(--lps-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lps-radius-sm);\n  box-shadow: var(--lps-shadow);\n}\n\n.lps-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lps-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lps-timeline-content p {\n  font-size: 14px;\n  color: var(--lps-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.lps-testimonial {\n  background: var(--lps-white);\n  border-radius: var(--lps-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--lps-shadow);\n  border-left: 4px solid var(--lps-primary);\n}\n\n.lps-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lps-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.lps-testimonial-text strong {\n  color: var(--lps-primary-dark);\n  font-style: normal;\n}\n\n.lps-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--lps-primary-light);\n  border-radius: var(--lps-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.lps-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.lps-tip p {\n  font-size: 14px;\n  color: var(--lps-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lps-tip strong {\n  color: var(--lps-primary-dark);\n}\n\n.lps-cta-box {\n  background: linear-gradient(135deg, var(--lps-primary) 0%, var(--lps-primary-dark) 100%);\n  border-radius: var(--lps-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 2rem;\n  box-shadow: var(--lps-shadow-lg);\n}\n\n.lps-cta-box p {\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@media (max-width: 767px) {\n  .lps-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .lps-card {\n    padding: 1.125rem;\n  }\n  .lps-section {\n    margin-bottom: 1.75rem;\n  }\n  .lps-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lps-radius-sm);\n  }\n  .lps-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .lps-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .lps-grid-compact {\n    gap: .625rem;\n  }\n  .lps-grid-compact .lps-card {\n    padding: .75rem;\n  }\n  .lps-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .lps-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .lps-timeline-content h3 {\n    font-size: 14px;\n  }\n  .lps-timeline-content p {\n    font-size: 13px;\n  }\n  .lps-testimonial {\n    padding: 1.25rem;\n  }\n  .lps-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .lps-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .lps-card:nth-child(1) { animation-delay: .05s; }\n  .lps-card:nth-child(2) { animation-delay: .1s; }\n  .lps-card:nth-child(3) { animation-delay: .15s; }\n  .lps-card:nth-child(4) { animation-delay: .2s; }\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  .lps-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":63734708240761,"sku":"NBAIPDT0026","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/the-noir-lapsang-souchong-bio-100-g-place-des-thes-lifestyle_d4ce4713-281b-417e-9a1c-5b1ecee8b125.webp?v=1781076307"},{"product_id":"the-noir-lueur-dorange-bio-100-g-place-des-thes","title":"Thé noir Lueur d'Orange Bio - 100 g - Place des Thés","description":"\u003cdiv class=\"lo-premium\"\u003e\n\u003cdiv class=\"lo-hero\"\u003e\n\u003cdiv class=\"lo-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lo-hero-content\"\u003e\n\u003cdiv class=\"lo-badges-top\"\u003e\n\u003cspan class=\"lo-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"lo-badge\"\u003e🍊 Écorces d'orange 9%\u003c\/span\u003e \u003cspan class=\"lo-badge\"\u003e📦 Boîte 100 g\u003c\/span\u003e \u003cspan class=\"lo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"lo-hero-title\"\u003eThé noir Lueur d'Orange Bio\u003c\/span\u003e\n\u003cp class=\"lo-subtitle\"\u003ePlace des Thés · Thé en vrac 100 g\u003c\/p\u003e\n\u003cp class=\"lo-description\"\u003eUn voyage sensoriel entre l'Assam malté et la fraîcheur ensoleillée de l'orange. Une liqueur cuivrée, parfumée et harmonieuse pour vos pauses gourmandes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"lo-section\"\u003e\n\u003ch2\u003eThé noir Lueur d'Orange Bio : l'évasion fruitée dans votre tasse\u003c\/h2\u003e\n\u003cp class=\"lo-section-intro\"\u003eDécouvrez le \u003cstrong\u003ethé noir Lueur d'Orange Bio\u003c\/strong\u003e de Place des Thés, une création gourmande qui marie la puissance maltée des thés noirs indiens à la fraîcheur ensoleillée de l'orange. Présenté en boîte métallique de \u003cstrong\u003e100 g\u003c\/strong\u003e, ce \u003cstrong\u003ethé noir bio en vrac\u003c\/strong\u003e est une invitation au voyage, idéal pour vos pauses du matin comme pour vos après-midis chaleureux.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"lo-section\"\u003e\n\u003ch2\u003eUn assemblage soigné pour une tasse équilibrée\u003c\/h2\u003e\n\u003cp\u003eCe \u003cstrong\u003ethé noir à l'orange\u003c\/strong\u003e repose sur un mélange précis de deux origines indiennes : un thé noir \u003cstrong\u003eAssam\u003c\/strong\u003e, célèbre pour son corps généreux et ses notes maltées, associé à un thé noir d'\u003cstrong\u003eInde du Sud\u003c\/strong\u003e, plus rond et légèrement boisé. Les \u003cstrong\u003eécorces d'orange bio (9 %)\u003c\/strong\u003e et un arôme naturel d'orange viennent sublimer cette base avec une touche zestée, à la fois vive et acidulée.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1.5rem;\" class=\"lo-grid\"\u003e\n\u003cdiv class=\"lo-card\"\u003e\n\u003ch3\u003e🌱 Assam d'Inde\u003c\/h3\u003e\n\u003cp\u003eUn corps généreux et des notes maltées caractéristiques, signature des grands thés noirs du nord-est indien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lo-card\"\u003e\n\u003ch3\u003e🍃 Inde du Sud\u003c\/h3\u003e\n\u003cp\u003ePlus rond et légèrement boisé, il apporte douceur et équilibre à l'assemblage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lo-card\"\u003e\n\u003ch3\u003e🍊 Note d'orange\u003c\/h3\u003e\n\u003cp\u003eÉcorces bio et arôme naturel offrent une touche zestée, vive et délicatement acidulée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 1.5rem;\"\u003eLe résultat ? Une liqueur cuivrée, parfumée et harmonieuse, qui plaira autant aux amateurs de \u003cstrong\u003ethé noir Earl Grey bio\u003c\/strong\u003e qu'aux curieux à la recherche d'un \u003cstrong\u003ethé noir orange cannelle\u003c\/strong\u003e plus original. Une alternative gourmande aux classiques \u003cstrong\u003ethé noir Darjeeling bio\u003c\/strong\u003e, \u003cstrong\u003ethé noir Yunnan bio\u003c\/strong\u003e ou \u003cstrong\u003ethé noir fumé bio\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"lo-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cdiv class=\"lo-grid-compact\"\u003e\n\u003cdiv class=\"lo-card\"\u003e\n\u003ch3\u003e🌿 Thé noir Assam*\u003c\/h3\u003e\n\u003cp\u003eOrigine Inde\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lo-card\"\u003e\n\u003ch3\u003e🍃 Thé noir Inde du Sud*\u003c\/h3\u003e\n\u003cp\u003eRond et boisé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lo-card\"\u003e\n\u003ch3\u003e🍊 Écorces d'orange*\u003c\/h3\u003e\n\u003cp\u003e9 % du mélange\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lo-card\"\u003e\n\u003ch3\u003e✨ Arôme naturel d'orange*\u003c\/h3\u003e\n\u003cp\u003eNotes zestées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"lo-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"lo-section\"\u003e\n\u003ch2\u003eComment préparer votre thé noir Lueur d'Orange ?\u003c\/h2\u003e\n\u003cp class=\"lo-section-intro\"\u003ePour révéler tous les arômes de ce \u003cstrong\u003ethé noir bio vrac\u003c\/strong\u003e, suivez ces conseils de préparation :\u003c\/p\u003e\n\u003cdiv class=\"lo-timeline\"\u003e\n\u003cdiv class=\"lo-timeline-item\"\u003e\n\u003cdiv class=\"lo-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lo-timeline-content\"\u003e\n\u003ch3\u003e⚖️ Dosage idéal\u003c\/h3\u003e\n\u003cp\u003e12 à 15 g de thé par litre d'eau, soit environ 1 cuillère à café par tasse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lo-timeline-item\"\u003e\n\u003cdiv class=\"lo-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"lo-timeline-content\"\u003e\n\u003ch3\u003e🌡️ Température\u003c\/h3\u003e\n\u003cp\u003e100 °C - une eau frémissante pour extraire toute la richesse du thé noir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lo-timeline-item\"\u003e\n\u003cdiv class=\"lo-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"lo-timeline-content\"\u003e\n\u003ch3\u003e⏱️ Temps d'infusion\u003c\/h3\u003e\n\u003cp\u003e3 à 5 minutes selon l'intensité souhaitée - plus court pour la finesse, plus long pour le corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lo-timeline-item\"\u003e\n\u003cdiv class=\"lo-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"lo-timeline-content\"\u003e\n\u003ch3\u003e☕ Dégustation\u003c\/h3\u003e\n\u003cp\u003eNature pour apprécier la finesse de l'orange, ou avec un nuage de lait pour une version gourmande façon thé du matin britannique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"lo-section\"\u003e\n\u003ch2\u003ePourquoi choisir un thé noir bio ?\u003c\/h2\u003e\n\u003cp\u003eOpter pour un \u003cstrong\u003ethé noir bio\u003c\/strong\u003e, c'est faire le choix d'un produit cultivé sans pesticides ni engrais chimiques de synthèse. Vous profitez ainsi d'une feuille plus respectueuse de votre tasse, de votre santé et des producteurs. Place des Thés sélectionne ses ingrédients auprès de filières biologiques certifiées, dans une démarche similaire à celle de marques comme \u003cstrong\u003eTerre d'Oc\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1.5rem;\" class=\"lo-grid-compact\"\u003e\n\u003cdiv class=\"lo-card\"\u003e\n\u003ch3\u003e🌍 Sans pesticides\u003c\/h3\u003e\n\u003cp\u003eCultivé selon les principes de l'agriculture biologique certifiée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lo-card\"\u003e\n\u003ch3\u003e🤝 Filières engagées\u003c\/h3\u003e\n\u003cp\u003eSélection rigoureuse auprès de producteurs partenaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lo-card\"\u003e\n\u003ch3\u003e⚡ Naturellement stimulant\u003c\/h3\u003e\n\u003cp\u003eLa théine fait du thé noir l'allié idéal de vos matinées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lo-card\"\u003e\n\u003ch3\u003e🍵 Tradition vivante\u003c\/h3\u003e\n\u003cp\u003eUn art de l'assemblage hérité des grands jardins indiens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 1.5rem;\"\u003eLe thé noir est traditionnellement apprécié pour son caractère stimulant grâce à la théine, idéal en début de journée. Riche en composés naturels, il s'intègre parfaitement dans une routine bien-être équilibrée.\u003c\/p\u003e\n\u003cp class=\"lo-disclaimer\"\u003eCe produit est un thé d'agrément. Il ne se substitue pas à un avis médical ni à un traitement. En cas de sensibilité à la théine, demandez conseil à un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"lo-section\"\u003e\n\u003ch2\u003eValeurs nutritionnelles (pour 100 ml d'infusion)\u003c\/h2\u003e\n\u003cdiv class=\"lo-grid-compact\"\u003e\n\u003cdiv class=\"lo-card\"\u003e\n\u003ch3\u003e⚡ Énergie\u003c\/h3\u003e\n\u003cp\u003e5 kJ \/ 1 kcal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lo-card\"\u003e\n\u003ch3\u003e🧈 Matières grasses\u003c\/h3\u003e\n\u003cp\u003e\u0026lt; 0,1 g (dont saturées \u0026lt; 0,1 g)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lo-card\"\u003e\n\u003ch3\u003e🍬 Glucides\u003c\/h3\u003e\n\u003cp\u003e\u0026lt; 0,1 g (dont sucres \u0026lt; 0,1 g)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lo-card\"\u003e\n\u003ch3\u003e🧂 Sodium\u003c\/h3\u003e\n\u003cp\u003e\u0026lt; 0,1 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"lo-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"lo-accordion\"\u003e\n\u003cdetails open=\"\" class=\"lo-accordion-item\"\u003e\n\u003csummary class=\"lo-accordion-header\"\u003e📦 Format \u0026amp; présentation\u003c\/summary\u003e\n\u003cdiv class=\"lo-accordion-content mt-3\"\u003e\n\u003cp\u003eThé en vrac présenté en boîte métallique élégante de 100 g, idéale pour préserver les arômes au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"lo-accordion-item\"\u003e\n\u003csummary class=\"lo-accordion-header\"\u003e🏷️ Marque\u003c\/summary\u003e\n\u003cdiv class=\"lo-accordion-content mt-3\"\u003e\n\u003cp\u003ePlace des Thés, extension de Place des Épices — un savoir-faire français au service de l'art du thé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"lo-accordion-item\"\u003e\n\u003csummary class=\"lo-accordion-header\"\u003e🇫🇷 Fabrication\u003c\/summary\u003e\n\u003cdiv class=\"lo-accordion-content mt-3\"\u003e\n\u003cp\u003eAssemblé et conditionné en France avec des ingrédients issus de filières biologiques sélectionnées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"lo-accordion-item\"\u003e\n\u003csummary class=\"lo-accordion-header\"\u003e✅ Certification\u003c\/summary\u003e\n\u003cdiv class=\"lo-accordion-content mt-3\"\u003e\n\u003cp\u003eAgriculture biologique certifiée — garantie sans pesticides ni engrais chimiques de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"lo-accordion-item\"\u003e\n\u003csummary class=\"lo-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"lo-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ conserver à température ambiante, à l'abri de la lumière et de l'humidité, dans sa boîte métallique d'origine refermée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"lo-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"lo-accordion-header\"\u003e📅 DLUO\u003c\/summary\u003e\n\u003cdiv class=\"lo-accordion-content mt-3\"\u003e\n\u003cp\u003e24 mois à compter de la date de fabrication.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  :root {\n    --lo-cream: #faf6ef;\n    --lo-white: #ffffff;\n    --lo-primary: #c8932f;\n    --lo-primary-dark: #8a5a1c;\n    --lo-primary-light: #f6ead2;\n    --lo-secondary: #e8732a;\n    --lo-accent: #d94f1e;\n    --lo-text: #2b2014;\n    --lo-text-light: #6b5b48;\n    --lo-border: #ebe1cf;\n    --lo-shadow: 0 4px 24px rgba(138, 90, 28, .08);\n    --lo-shadow-lg: 0 12px 48px rgba(138, 90, 28, .18);\n    --lo-radius: 20px;\n    --lo-radius-sm: 12px;\n  }\n\n  .lo-premium {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--lo-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--lo-text);\n    line-height: 1.6;\n  }\n\n  .lo-premium p { color: var(--lo-text); }\n  .lo-premium strong { color: var(--lo-primary-dark); }\n\n  \/* === HERO === *\/\n  .lo-hero {\n    position: relative;\n    background: linear-gradient(135deg, #c8932f 0%, #e8a847 45%, #e8732a 100%);\n    border-radius: var(--lo-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(--lo-shadow-lg);\n  }\n\n  .lo-hero-pattern {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background-image: radial-gradient(circle at 20% 20%, rgba(255,255,255,.6) 0%, transparent 50%),\n                      radial-gradient(circle at 80% 70%, rgba(255,255,255,.4) 0%, transparent 50%);\n    opacity: .15;\n  }\n\n  .lo-hero-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .lo-hero-title {\n    display: block;\n    color: white;\n    font-size: clamp(28px, 7vw, 52px);\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  .lo-subtitle {\n    color: rgba(255,255,255,.95);\n    font-size: clamp(15px, 2.5vw, 19px);\n    font-weight: 600;\n    margin: 0 0 1rem 0;\n    letter-spacing: .02em;\n  }\n\n  .lo-description {\n    color: rgba(255,255,255,.92);\n    font-size: clamp(14px, 2.2vw, 17px);\n    max-width: 680px;\n    margin: 0 auto;\n    line-height: 1.7;\n  }\n\n  .lo-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.5rem;\n  }\n\n  .lo-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(--lo-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.1);\n    transition: all .3s ease;\n  }\n\n  .lo-badge:hover {\n    transform: translateY(-2px) scale(1.05);\n  }\n\n  \/* === SECTIONS === *\/\n  .lo-section {\n    margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  }\n\n  .lo-premium h2 {\n    font-size: clamp(22px, 5vw, 36px);\n    font-weight: 900;\n    color: var(--lo-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.2;\n  }\n\n  .lo-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(--lo-primary), var(--lo-secondary));\n    border-radius: 2px;\n  }\n\n  .lo-section-intro {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--lo-text-light);\n    margin-bottom: 1.5rem;\n    max-width: 720px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  \/* === CARDS === *\/\n  .lo-card {\n    background: var(--lo-white);\n    border-radius: var(--lo-radius);\n    padding: clamp(1.25rem, 3vw, 2rem);\n    box-shadow: var(--lo-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .lo-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--lo-shadow-lg);\n    border-color: var(--lo-primary);\n  }\n\n  .lo-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--lo-primary-dark);\n    margin: 0 0 .5rem 0;\n    line-height: 1.3;\n  }\n\n  .lo-card p {\n    font-size: clamp(13px, 2vw, 15px);\n    color: var(--lo-text-light);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  \/* === GRILLES === *\/\n  .lo-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 1.25rem;\n  }\n\n  .lo-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n\n  .lo-grid-compact .lo-card {\n    padding: 1rem;\n  }\n\n  .lo-grid-compact .lo-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n\n  .lo-grid-compact .lo-card p {\n    font-size: 12px;\n  }\n\n  \/* === TIMELINE === *\/\n  .lo-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  .lo-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .lo-timeline-number {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, var(--lo-primary), var(--lo-secondary));\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n    font-size: 16px;\n    box-shadow: 0 4px 12px rgba(200, 147, 47, .35);\n  }\n\n  .lo-timeline-content {\n    flex: 1;\n    background: var(--lo-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--lo-radius-sm);\n    box-shadow: var(--lo-shadow);\n  }\n\n  .lo-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--lo-primary-dark);\n    margin: 0 0 .25rem 0;\n  }\n\n  .lo-timeline-content p {\n    font-size: 14px;\n    color: var(--lo-text-light);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  \/* === ACCORDÉON === *\/\n  .lo-accordion {\n    background: var(--lo-white);\n    border-radius: var(--lo-radius);\n    box-shadow: var(--lo-shadow);\n    overflow: hidden;\n  }\n\n  .lo-accordion-item {\n    border-bottom: 1px solid var(--lo-border);\n    margin: 0;\n    padding: 0;\n  }\n\n  .lo-accordion-item:last-child {\n    border-bottom: none;\n  }\n\n  .lo-accordion-header {\n    padding: 1rem 1.25rem;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--lo-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  .lo-accordion-header:hover {\n    background: var(--lo-primary-light);\n  }\n\n  .lo-accordion-header::-webkit-details-marker {\n    display: none;\n  }\n\n  .lo-accordion-header::after {\n    content: '+';\n    font-size: 22px;\n    font-weight: 400;\n    color: var(--lo-primary);\n    transition: transform .2s ease;\n  }\n\n  .lo-accordion-item[open] .lo-accordion-header::after {\n    content: '−';\n  }\n\n  .lo-accordion-content {\n    padding: 0 1.25rem 1rem;\n    color: var(--lo-text-light);\n    font-size: 14px;\n    line-height: 1.7;\n    margin-top: 10px;\n  }\n\n  .lo-accordion-content p {\n    margin: 0;\n    color: var(--lo-text-light);\n  }\n\n  \/* === DISCLAIMER === *\/\n  .lo-disclaimer {\n    font-size: 12px;\n    color: var(--lo-text-light);\n    text-align: center;\n    margin-top: 1rem;\n    font-style: italic;\n  }\n\n  \/* === RESPONSIVE === *\/\n  @media (max-width: 767px) {\n    .lo-grid {\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n    .lo-card { padding: 1.125rem; }\n    .lo-section { margin-bottom: 1.75rem; }\n    .lo-hero {\n      padding: 2rem 1.25rem;\n      margin-bottom: 1.75rem;\n      border-radius: var(--lo-radius-sm);\n    }\n    .lo-premium h2 {\n      margin-bottom: 1rem;\n      padding-bottom: .75rem;\n    }\n    .lo-premium h2::after { width: 40px; height: 3px; }\n    .lo-grid-compact { gap: .625rem; }\n    .lo-grid-compact .lo-card { padding: .75rem; }\n    .lo-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n    .lo-timeline-content { padding: .875rem 1rem; }\n    .lo-timeline-content h3 { font-size: 14px; }\n    .lo-timeline-content p { font-size: 13px; }\n    .lo-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n    .lo-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n  }\n\n  \/* === ANIMATIONS === *\/\n  @media (prefers-reduced-motion: no-preference) {\n    .lo-card { animation: loFadeInUp .5s ease backwards; }\n    .lo-card:nth-child(1) { animation-delay: .05s; }\n    .lo-card:nth-child(2) { animation-delay: .1s; }\n    .lo-card:nth-child(3) { animation-delay: .15s; }\n    .lo-card:nth-child(4) { animation-delay: .2s; }\n    .lo-card:nth-child(5) { animation-delay: .25s; }\n    .lo-card:nth-child(6) { animation-delay: .3s; }\n  }\n\n  @keyframes loFadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .lo-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":63734746382713,"sku":"NBAIPDT0027","price":12.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/the-noir-lueur-dorange-bio-100-g-place-des-thes-packshothd.webp?v=1790615172"},{"product_id":"the-noir-spicy-mango-bio-100-g-place-des-thes","title":"Thé noir Spicy Mango Bio - 100 g - Place des Thés","description":"\u003cdiv class=\"spm-premium\"\u003e\n\u003cdiv class=\"spm-hero\"\u003e\n\u003cdiv class=\"spm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"spm-hero-content\"\u003e\n\u003cdiv class=\"spm-badges-top\"\u003e\n\u003cspan class=\"spm-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"spm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"spm-badge\"\u003e🥭 Mangue \u0026amp; épices\u003c\/span\u003e \u003cspan class=\"spm-badge\"\u003e📦 Boîte métal 100 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"spm-hero-title\"\u003eThé noir Spicy Mango Bio\u003c\/span\u003e\n\u003cp class=\"spm-subtitle\"\u003ePlace des Thés · Création artisanale\u003c\/p\u003e\n\u003cp class=\"spm-description\"\u003eUn voyage gourmand entre les plantations d'Assam et les marchés colorés d'Orient : mangue solaire, gingembre vibrant et épices enveloppantes dans une élégante boîte dorée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"spm-section\"\u003e\n\u003ch2\u003eUn thé noir épicé aux saveurs ensoleillées\u003c\/h2\u003e\n\u003cp class=\"spm-section-intro\"\u003eEnvie d'évasion dans votre tasse ? Le \u003cstrong\u003ethé noir Spicy Mango Bio\u003c\/strong\u003e de Place des Thés vous emmène en voyage entre les plantations indiennes d'Assam et les marchés colorés d'Orient. Cette création artisanale marie la puissance d'un \u003cstrong\u003ethé noir bio\u003c\/strong\u003e de caractère à la douceur fruitée de la mangue, relevée par une touche d'épices vibrantes. Une véritable alternative gourmande aux classiques (Earl Grey bio, Darjeeling bio ou Yunnan bio) pour les amateurs en quête d'originalité.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"spm-section\"\u003e\n\u003ch2\u003eUne composition 100 % biologique et savamment dosée\u003c\/h2\u003e\n\u003cp class=\"spm-section-intro\"\u003eUne base de \u003cstrong\u003ethé noir Assam\u003c\/strong\u003e aux notes maltées et corsées, complétée d'un \u003cstrong\u003ethé vert China Gunpowder\u003c\/strong\u003e frais et équilibré, puis habillée d'épices et de fruits pour une tasse pleine de chaleur.\u003c\/p\u003e\n\u003cdiv class=\"spm-grid\"\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🍃 Thé noir Assam*\u003c\/h3\u003e\n\u003cp\u003eOrigine Inde du Sud, base maltée et corsée du mélange.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🌱 Thé vert China Gunpowder*\u003c\/h3\u003e\n\u003cp\u003eApporte fraîcheur et équilibre à la composition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🫚 Gingembre* (15 %)\u003c\/h3\u003e\n\u003cp\u003eVif et tonifiant, c'est le cœur épicé de la recette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🍊 Écorces d'orange* (4 %)\u003c\/h3\u003e\n\u003cp\u003eNotes solaires et zestées qui réveillent la tasse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🍬 Gingembre confit* (4 %)\u003c\/h3\u003e\n\u003cp\u003eGingembre \u0026amp; sucre de canne brut pour une touche douce.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🥭 Morceaux de mangue* (4 %)\u003c\/h3\u003e\n\u003cp\u003ePulpe fruitée séchée pour la rondeur et la gourmandise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🌸 Pétales de rose*\u003c\/h3\u003e\n\u003cp\u003eTouche florale délicate qui adoucit l'ensemble.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🌶️ Chili*\u003c\/h3\u003e\n\u003cp\u003ePointe piquante subtile en finale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🌰 Poivre rose*\u003c\/h3\u003e\n\u003cp\u003eNote boisée et légèrement sucrée, élégante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🌿 Clou de girofle*\u003c\/h3\u003e\n\u003cp\u003eChaleur épicée caractéristique des chais orientaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🥭 Arôme naturel de mangue \u0026amp; mangue* (1 %)\u003c\/h3\u003e\n\u003cp\u003eRenforce le profil fruité solaire de la tasse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e💠 Cardamome* \u0026amp; fleurs de bleuet*\u003c\/h3\u003e\n\u003cp\u003eNote camphrée et touche florale bleutée pour la finesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"spm-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"spm-section\"\u003e\n\u003ch2\u003eProfil aromatique : fruité, épicé et solaire\u003c\/h2\u003e\n\u003cp class=\"spm-section-intro\"\u003eDès l'ouverture de la boîte dorée, les effluves de mangue mûre et de gingembre frais se libèrent. En tasse, la liqueur dévoile une attaque ronde et fruitée, suivie d'une finale épicée subtilement piquante grâce au chili, au poivre rose et à la cardamome. Les pétales de rose et fleurs de bleuet apportent une note florale délicate qui adoucit l'ensemble.\u003c\/p\u003e\n\u003cdiv class=\"spm-grid-compact\"\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e☀️ Matin\u003c\/h3\u003e\n\u003cp\u003eRevigorant pour bien démarrer la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e❄️ Hiver\u003c\/h3\u003e\n\u003cp\u003eRéconfortant, enveloppant et chaleureux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🧊 Été\u003c\/h3\u003e\n\u003cp\u003eDésaltérant en version glacée sur glaçons.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🍯 Gourmand\u003c\/h3\u003e\n\u003cp\u003eSublime avec un trait de citron ou de miel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"spm-section\"\u003e\n\u003ch2\u003eComment préparer votre thé Spicy Mango ?\u003c\/h2\u003e\n\u003cdiv class=\"spm-timeline\"\u003e\n\u003cdiv class=\"spm-timeline-item\"\u003e\n\u003cdiv class=\"spm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"spm-timeline-content\"\u003e\n\u003ch3\u003e⚖️ Dosez avec précision\u003c\/h3\u003e\n\u003cp\u003e15 à 20 g par litre, soit environ 1 cuillère à café par tasse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-timeline-item\"\u003e\n\u003cdiv class=\"spm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"spm-timeline-content\"\u003e\n\u003ch3\u003e🌡️ Chauffez l'eau à 100 °C\u003c\/h3\u003e\n\u003cp\u003eUne eau frémissante pour libérer pleinement les arômes du thé noir et des épices.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-timeline-item\"\u003e\n\u003cdiv class=\"spm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"spm-timeline-content\"\u003e\n\u003ch3\u003e⏱️ Infusez 2 à 4 minutes\u003c\/h3\u003e\n\u003cp\u003eAjustez selon l'intensité souhaitée : 2 min pour la douceur, 4 min pour la puissance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-timeline-item\"\u003e\n\u003cdiv class=\"spm-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"spm-timeline-content\"\u003e\n\u003ch3\u003e🧊 Version glacée\u003c\/h3\u003e\n\u003cp\u003eDoublez le dosage, infusez à chaud puis versez sur des glaçons. Un trait de citron ou de miel sublimera la tasse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"spm-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce thé noir ?\u003c\/h2\u003e\n\u003cp class=\"spm-section-intro\"\u003eOpter pour un \u003cstrong\u003ethé noir bio en vrac\u003c\/strong\u003e garantit l'absence de pesticides et de traitements chimiques sur les feuilles. Place des Thés sélectionne ses matières premières avec exigence et compose ses recettes en France, dans le respect du savoir-faire artisanal.\u003c\/p\u003e\n\u003cdiv class=\"spm-grid-compact\"\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🌿 100 % bio\u003c\/h3\u003e\n\u003cp\u003eSans pesticides ni traitements chimiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🤝 Sélection exigeante\u003c\/h3\u003e\n\u003cp\u003eMatières premières choisies avec soin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🇫🇷 Composé en France\u003c\/h3\u003e\n\u003cp\u003eRecettes artisanales élaborées localement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🏆 Mélange original\u003c\/h3\u003e\n\u003cp\u003eParmi les meilleurs thés noirs bio gourmands.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"spm-section\"\u003e\n\u003ch2\u003eConservation et format\u003c\/h2\u003e\n\u003cdiv class=\"spm-grid-compact\"\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e📦 Format\u003c\/h3\u003e\n\u003cp\u003eBoîte métal dorée de 100 g.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🌑 Conservation\u003c\/h3\u003e\n\u003cp\u003eÀ l'abri de la lumière, de l'humidité et des odeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e📅 DLUO\u003c\/h3\u003e\n\u003cp\u003e24 mois à compter de la fabrication.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France par Place des Thés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"spm-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eBon à savoir\u003c\/h2\u003e\n\u003cdiv class=\"spm-accordion\"\u003e\n\u003cdetails class=\"spm-accordion-item\"\u003e\n\u003csummary class=\"spm-accordion-header\"\u003e☕ Présence naturelle de théine\u003c\/summary\u003e\n\u003cdiv class=\"spm-accordion-content mt-3\"\u003e\n\u003cp\u003eCe thé contient naturellement de la théine. Il est déconseillé en soirée si vous êtes sensible aux stimulants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"spm-accordion-item\"\u003e\n\u003csummary class=\"spm-accordion-header\"\u003e🤰 Femmes enceintes \u0026amp; allaitantes\u003c\/summary\u003e\n\u003cdiv class=\"spm-accordion-content mt-3\"\u003e\n\u003cp\u003eLes femmes enceintes ou allaitantes, ainsi que les personnes suivant un traitement, sont invitées à demander l'avis d'un professionnel de santé avant consommation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"spm-accordion-item\"\u003e\n\u003csummary class=\"spm-accordion-header\"\u003e⚠️ Usage gourmand uniquement\u003c\/summary\u003e\n\u003cdiv class=\"spm-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un thé gourmand et \u003cstrong\u003ene remplace en aucun cas un traitement médical\u003c\/strong\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\u003cstyle\u003e\n:root {\n  --spm-cream: #faf6f0;\n  --spm-white: #ffffff;\n  --spm-primary: #c8973f;\n  --spm-primary-dark: #8a5a1f;\n  --spm-primary-light: #f7ecd6;\n  --spm-secondary: #d96b2b;\n  --spm-accent: #e8a87c;\n  --spm-text: #2a1f12;\n  --spm-text-light: #6b5a45;\n  --spm-border: #ebe0cc;\n  --spm-shadow: 0 4px 24px rgba(138,90,31,.08);\n  --spm-shadow-lg: 0 12px 48px rgba(138,90,31,.18);\n  --spm-radius: 20px;\n  --spm-radius-sm: 12px;\n}\n\n.spm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--spm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--spm-text);\n}\n\n.spm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #b8862e 0%, #c8973f 45%, #d96b2b 100%);\n  border-radius: var(--spm-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(--spm-shadow-lg);\n}\n\n.spm-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n  opacity: .15;\n}\n\n.spm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.spm-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\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.spm-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.spm-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n.spm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.spm-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(--spm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.spm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.spm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.spm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--spm-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.2;\n}\n\n.spm-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(--spm-primary), var(--spm-secondary));\n  border-radius: 2px;\n}\n\n.spm-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--spm-text-light);\n  margin-bottom: 1.75rem;\n  max-width: 760px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.spm-section-intro strong {\n  color: var(--spm-primary-dark);\n}\n\n.spm-card {\n  background: var(--spm-white);\n  border-radius: var(--spm-radius);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  box-shadow: var(--spm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.spm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--spm-shadow-lg);\n  border-color: var(--spm-primary);\n}\n\n.spm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--spm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.spm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--spm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.spm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.spm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.spm-grid-compact .spm-card {\n  padding: 1rem;\n}\n\n.spm-grid-compact .spm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.spm-grid-compact .spm-card p {\n  font-size: 12px;\n}\n\n.spm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.spm-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.spm-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--spm-primary), var(--spm-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(200,151,63,.3);\n}\n\n.spm-timeline-content {\n  flex: 1;\n  background: var(--spm-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--spm-radius-sm);\n  box-shadow: var(--spm-shadow);\n}\n\n.spm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--spm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.spm-timeline-content p {\n  font-size: 14px;\n  color: var(--spm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.spm-accordion {\n  background: var(--spm-white);\n  border-radius: var(--spm-radius);\n  box-shadow: var(--spm-shadow);\n  overflow: hidden;\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.spm-accordion-item {\n  border-bottom: 1px solid var(--spm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.spm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.spm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--spm-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.spm-accordion-header:hover {\n  background: var(--spm-primary-light);\n}\n\n.spm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.spm-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--spm-primary);\n  transition: transform .2s ease;\n}\n\n.spm-accordion-item[open] .spm-accordion-header::after {\n  content: '−';\n}\n\n.spm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--spm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.spm-accordion-content p {\n  margin: 0;\n}\n\n.spm-accordion-content strong {\n  color: var(--spm-primary-dark);\n}\n\n.spm-disclaimer {\n  font-size: 12px;\n  color: var(--spm-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .spm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .spm-card { padding: 1.125rem; }\n  .spm-section { margin-bottom: 1.75rem; }\n  .spm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--spm-radius-sm);\n  }\n  .spm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .spm-premium h2::after { width: 40px; height: 3px; }\n  .spm-grid-compact { gap: .625rem; }\n  .spm-grid-compact .spm-card { padding: .75rem; }\n  .spm-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .spm-timeline-content { padding: .875rem 1rem; }\n  .spm-timeline-content h3 { font-size: 14px; }\n  .spm-timeline-content p { font-size: 13px; }\n  .spm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .spm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .spm-card {\n    animation: spmFadeInUp .5s ease backwards;\n  }\n  .spm-card:nth-child(1) { animation-delay: .05s; }\n  .spm-card:nth-child(2) { animation-delay: .1s; }\n  .spm-card:nth-child(3) { animation-delay: .15s; }\n  .spm-card:nth-child(4) { animation-delay: .2s; }\n  .spm-card:nth-child(5) { animation-delay: .25s; }\n  .spm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes spmFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .spm-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":63734882992505,"sku":"NBAIPDT0030","price":12.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/the-noir-spicy-mango-bio-100-g-place-des-thes-packshothd.webp?v=1790615030"},{"product_id":"the-vert-au-jasmin-superieur-bio-100-g-place-des-thes","title":"Thé vert au Jasmin Supérieur Bio - 100 g - Place des Thés","description":"\u003cdiv class=\"pdt-premium\"\u003e\n\u003cdiv class=\"pdt-hero\"\u003e\n\u003cdiv class=\"pdt-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pdt-hero-content\"\u003e\n\u003cdiv class=\"pdt-badges-top\"\u003e\n\u003cspan class=\"pdt-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e \u003cspan class=\"pdt-badge\"\u003e🇨🇳 Tradition chinoise\u003c\/span\u003e \u003cspan class=\"pdt-badge\"\u003e✨ Cru supérieur\u003c\/span\u003e \u003cspan class=\"pdt-badge\"\u003e📦 100 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pdt-hero-title\"\u003eThé vert au Jasmin Supérieur Bio\u003c\/span\u003e\n\u003cp class=\"pdt-subtitle\"\u003ePlace des Thés - 100 g en boîte métallique dorée\u003c\/p\u003e\n\u003cp class=\"pdt-description\"\u003eL'élégance florale d'un grand classique chinois, parfumé naturellement aux fleurs de jasmin fin. Une liqueur dorée, une bouche soyeuse et une pointe miellée pour sublimer chaque tasse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"pdt-section\"\u003e\n\u003ch2\u003eL'élégance florale signée Place des Thés\u003c\/h2\u003e\n\u003cp class=\"pdt-section-intro\"\u003eLaissez-vous emporter par la délicatesse d'un thé vert au jasmin issu d'un savoir-faire ancestral chinois, sublimé par la signature artisanale de \u003cstrong\u003ePlace des Thés\u003c\/strong\u003e. Présenté dans une élégante boîte métallique dorée de 100 g, ce grand classique offre une liqueur dorée aux reflets bruns, un jasmin fin et aérien, une bouche soyeuse et une pointe miellée. Une tasse pure, fraîche et longue, parfaite pour ceux qui recherchent la véritable noblesse florale du thé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"pdt-section\"\u003e\n\u003ch2\u003eUn thé vert jasmin bio d'exception\u003c\/h2\u003e\n\u003cp class=\"pdt-section-intro\"\u003eLe \u003cstrong\u003ethé vert jasmin bio\u003c\/strong\u003e est l'un des plus anciens thés parfumés au monde. Sa fabrication traditionnelle consiste à associer des feuilles de thé vert à des fleurs fraîches de jasmin, qui infusent leur parfum naturellement, sans aucun arôme de synthèse. Place des Thés a sélectionné un cru supérieur, au feuillage \u003cstrong\u003evégétal tendre\u003c\/strong\u003e, pour vous offrir une expérience gustative à la hauteur des plus grands thés chinois.\u003c\/p\u003e\n\u003cdiv class=\"pdt-grid\"\u003e\n\u003cdiv class=\"pdt-card\"\u003e\n\u003ch3\u003e🌸 Parfumage 100 % naturel\u003c\/h3\u003e\n\u003cp\u003eAucun arôme de synthèse : les feuilles s'imprègnent du parfum des fleurs fraîches de jasmin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdt-card\"\u003e\n\u003ch3\u003e🍃 Cru supérieur\u003c\/h3\u003e\n\u003cp\u003eUn feuillage végétal tendre, sélectionné avec exigence pour une expérience d'exception.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdt-card\"\u003e\n\u003ch3\u003e✅ Certification bio\u003c\/h3\u003e\n\u003cp\u003eGage de qualité, de traçabilité et de respect de la plante - bien au-delà des références classiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pdt-section\"\u003e\n\u003ch2\u003eComposition et caractéristiques\u003c\/h2\u003e\n\u003cdiv class=\"pdt-grid-compact\"\u003e\n\u003cdiv class=\"pdt-card\"\u003e\n\u003ch3\u003e🌿 Ingrédients\u003c\/h3\u003e\n\u003cp\u003eThé vert*, jasmin fin*, parfumage naturel (*issus de l'agriculture biologique)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdt-card\"\u003e\n\u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n\u003cp\u003e100 g en boîte métallique refermable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdt-card\"\u003e\n\u003ch3\u003e🏅 Certification\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique (AB)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdt-card\"\u003e\n\u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n\u003cp\u003eMatières premières - France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdt-card\"\u003e\n\u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n\u003cp\u003eFrance, par Place des Thés (extension de Place des Épices)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdt-card\"\u003e\n\u003ch3\u003e🧊 Conservation\u003c\/h3\u003e\n\u003cp\u003eÀ température ambiante, à l'abri de la lumière et de l'humidité - DLUO 24 mois\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pdt-section\"\u003e\n\u003ch2\u003eComment préparer votre thé vert au jasmin ?\u003c\/h2\u003e\n\u003cp class=\"pdt-section-intro\"\u003ePour révéler toute la subtilité de ce thé, respectez ces paramètres d'infusion indiqués par la maison.\u003c\/p\u003e\n\u003cdiv class=\"pdt-timeline\"\u003e\n\u003cdiv class=\"pdt-timeline-item\"\u003e\n\u003cdiv class=\"pdt-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pdt-timeline-content\"\u003e\n\u003ch3\u003e🌡️ Température de l'eau\u003c\/h3\u003e\n\u003cp\u003e75 °C - ne jamais utiliser d'eau bouillante, au risque d'amertume.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdt-timeline-item\"\u003e\n\u003cdiv class=\"pdt-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pdt-timeline-content\"\u003e\n\u003ch3\u003e⏱️ Temps d'infusion\u003c\/h3\u003e\n\u003cp\u003e2 à 3 minutes pour une tasse pure, fraîche et longue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdt-timeline-item\"\u003e\n\u003cdiv class=\"pdt-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pdt-timeline-content\"\u003e\n\u003ch3\u003e⚖️ Dosage\u003c\/h3\u003e\n\u003cp\u003e15 à 20 g par litre, soit environ une cuillère à café par tasse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdt-tip\"\u003e\n\u003cspan class=\"pdt-tip-icon\"\u003e❄️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce fraîcheur :\u003c\/strong\u003e ce thé se déguste aussi bien chaud qu'en \u003cstrong\u003einfusion froide\u003c\/strong\u003e. Laissez infuser plusieurs heures au réfrigérateur pour une boisson rafraîchissante idéale en été, qui sublime la délicatesse florale du jasmin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pdt-section\"\u003e\n\u003ch2\u003eQuand savourer ce thé jasmin ?\u003c\/h2\u003e\n\u003cdiv class=\"pdt-grid\"\u003e\n\u003cdiv class=\"pdt-card\"\u003e\n\u003ch3\u003e☕ Pause de l'après-midi\u003c\/h3\u003e\n\u003cp\u003ePlus doux qu'un thé noir, moins astringent qu'un sencha nature : l'allié idéal des moments calmes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdt-card\"\u003e\n\u003ch3\u003e🥢 Cuisine asiatique\u003c\/h3\u003e\n\u003cp\u003eSa fraîcheur florale accompagne merveilleusement les plats à base de poisson et la cuisine d'Asie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdt-card\"\u003e\n\u003ch3\u003e🍰 Desserts délicats\u003c\/h3\u003e\n\u003cp\u003eParfait avec des desserts peu sucrés ou simplement une lecture au calme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pdt-section\"\u003e\n\u003ch2\u003eBienfaits du thé vert au jasmin : une tradition séculaire\u003c\/h2\u003e\n\u003cp class=\"pdt-section-intro\"\u003eApprécié depuis des siècles en Asie, le \u003cstrong\u003ethé vert jasmin\u003c\/strong\u003e est traditionnellement associé à un moment de détente et de bien-être olfactif. Le thé vert est naturellement reconnu pour sa richesse en composés végétaux, et le jasmin pour son parfum apaisant.\u003c\/p\u003e\n\u003cdiv class=\"pdt-testimonial\"\u003e\n\u003cp class=\"pdt-testimonial-text\"\u003e\"Une tradition millénaire qui transforme chaque tasse en parenthèse sensorielle - entre rituel ancestral et plaisir d'aujourd'hui.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pdt-disclaimer\"\u003eCe produit est un thé d'agrément. Il ne constitue pas un médicament et ne remplace en aucun cas un traitement médical ou une alimentation équilibrée. En cas de doute, demandez conseil à un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"pdt-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi choisir Place des Thés ?\u003c\/h2\u003e\n\u003cp class=\"pdt-section-intro\"\u003ePlace des Thés est une maison française passionnée, dédiée aux \u003cstrong\u003ethés et infusions bio pour gastronomes\u003c\/strong\u003e. Chaque référence est sélectionnée avec exigence pour offrir aux amateurs des produits authentiques, bio et soigneusement présentés.\u003c\/p\u003e\n\u003cdiv class=\"pdt-cta-box\"\u003e\n\u003cp\u003eAvec ce thé vert au jasmin bio, vous faites le choix d'une qualité supérieure et d'une expérience sensorielle inoubliable. ✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  :root {\n    --pdt-cream: #faf6ee;\n    --pdt-white: #ffffff;\n    --pdt-primary: #c9a04a;\n    --pdt-primary-dark: #8a6a25;\n    --pdt-primary-light: #f5ecd6;\n    --pdt-secondary: #6b8e4e;\n    --pdt-accent: #d4af37;\n    --pdt-text: #1f1a12;\n    --pdt-text-light: #6b5f4a;\n    --pdt-border: #e8dfc9;\n    --pdt-shadow: 0 4px 24px rgba(138, 106, 37, .10);\n    --pdt-shadow-lg: 0 12px 48px rgba(138, 106, 37, .20);\n    --pdt-radius: 20px;\n    --pdt-radius-sm: 12px;\n  }\n\n  .pdt-premium {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--pdt-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--pdt-text);\n  }\n\n  .pdt-hero {\n    position: relative;\n    background: linear-gradient(135deg, #b88a2e 0%, #d4af37 50%, #8a6a25 100%);\n    border-radius: var(--pdt-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(--pdt-shadow-lg);\n  }\n\n  .pdt-hero-pattern {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0, transparent 40%),\n                      radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0, transparent 40%);\n    opacity: .15;\n  }\n\n  .pdt-hero-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .pdt-hero-title {\n    display: block;\n    color: white;\n    font-size: clamp(28px, 7vw, 52px);\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    line-height: 1.1;\n  }\n\n  .pdt-subtitle {\n    color: rgba(255,255,255,.95);\n    font-size: clamp(15px, 2.5vw, 19px);\n    font-weight: 600;\n    margin: 0 0 1rem 0;\n    letter-spacing: .02em;\n  }\n\n  .pdt-description {\n    color: rgba(255,255,255,.92);\n    font-size: clamp(14px, 2vw, 16px);\n    max-width: 680px;\n    margin: 0 auto;\n    line-height: 1.7;\n  }\n\n  .pdt-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.5rem;\n  }\n\n  .pdt-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(--pdt-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.1);\n    transition: all .3s ease;\n  }\n\n  .pdt-badge:hover {\n    transform: translateY(-2px) scale(1.05);\n  }\n\n  .pdt-section {\n    margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  }\n\n  .pdt-premium h2 {\n    font-size: clamp(22px, 5vw, 36px);\n    font-weight: 900;\n    color: var(--pdt-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.2;\n  }\n\n  .pdt-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(--pdt-primary), var(--pdt-secondary));\n    border-radius: 2px;\n  }\n\n  .pdt-section-intro {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--pdt-text-light);\n    margin: 0 auto 1.75rem auto;\n    max-width: 760px;\n    line-height: 1.75;\n  }\n\n  .pdt-card {\n    background: var(--pdt-white);\n    border-radius: var(--pdt-radius);\n    padding: clamp(1.25rem, 3vw, 2rem);\n    box-shadow: var(--pdt-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .pdt-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--pdt-shadow-lg);\n    border-color: var(--pdt-primary);\n  }\n\n  .pdt-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--pdt-primary-dark);\n    margin: 0 0 .5rem 0;\n    line-height: 1.3;\n  }\n\n  .pdt-card p {\n    font-size: clamp(13px, 2vw, 15px);\n    color: var(--pdt-text-light);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .pdt-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 1.25rem;\n  }\n\n  .pdt-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n\n  .pdt-grid-compact .pdt-card {\n    padding: 1rem;\n  }\n\n  .pdt-grid-compact .pdt-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n\n  .pdt-grid-compact .pdt-card p {\n    font-size: 12px;\n  }\n\n  .pdt-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    max-width: 760px;\n    margin: 0 auto;\n  }\n\n  .pdt-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .pdt-timeline-number {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, var(--pdt-primary), var(--pdt-primary-dark));\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n    font-size: 16px;\n    box-shadow: 0 4px 12px rgba(138,106,37,.3);\n  }\n\n  .pdt-timeline-content {\n    flex: 1;\n    background: var(--pdt-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--pdt-radius-sm);\n    box-shadow: var(--pdt-shadow);\n  }\n\n  .pdt-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--pdt-primary-dark);\n    margin: 0 0 .25rem 0;\n  }\n\n  .pdt-timeline-content p {\n    font-size: 14px;\n    color: var(--pdt-text-light);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  .pdt-testimonial {\n    background: var(--pdt-white);\n    border-radius: var(--pdt-radius);\n    padding: clamp(1.5rem, 4vw, 2.5rem);\n    box-shadow: var(--pdt-shadow);\n    border-left: 4px solid var(--pdt-primary);\n    max-width: 820px;\n    margin: 0 auto;\n  }\n\n  .pdt-testimonial-text {\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--pdt-text);\n    line-height: 1.8;\n    font-style: italic;\n    margin: 0;\n  }\n\n  .pdt-tip {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n    background: var(--pdt-primary-light);\n    border-radius: var(--pdt-radius-sm);\n    padding: 1rem 1.25rem;\n    margin-top: 1.5rem;\n    max-width: 760px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .pdt-tip-icon {\n    font-size: 24px;\n    flex-shrink: 0;\n  }\n\n  .pdt-tip p {\n    font-size: 14px;\n    color: var(--pdt-text);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .pdt-cta-box {\n    background: linear-gradient(135deg, var(--pdt-primary) 0%, var(--pdt-primary-dark) 100%);\n    border-radius: var(--pdt-radius);\n    padding: clamp(1.75rem, 4vw, 3rem);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: var(--pdt-shadow-lg);\n  }\n\n  .pdt-cta-box p {\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,.15);\n    margin: 0;\n  }\n\n  .pdt-disclaimer {\n    font-size: 12px;\n    color: var(--pdt-text-light);\n    text-align: center;\n    margin-top: 1.25rem;\n    font-style: italic;\n    max-width: 700px;\n    margin-left: auto;\n    margin-right: auto;\n    line-height: 1.6;\n  }\n\n  @media (max-width: 767px) {\n    .pdt-grid {\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n    .pdt-card {\n      padding: 1.125rem;\n    }\n    .pdt-section {\n      margin-bottom: 1.75rem;\n    }\n    .pdt-hero {\n      padding: 2rem 1.25rem;\n      margin-bottom: 1.75rem;\n      border-radius: var(--pdt-radius-sm);\n    }\n    .pdt-premium h2 {\n      margin-bottom: 1rem;\n      padding-bottom: .75rem;\n    }\n    .pdt-premium h2::after {\n      width: 40px;\n      height: 3px;\n    }\n    .pdt-grid-compact {\n      gap: .625rem;\n    }\n    .pdt-grid-compact .pdt-card {\n      padding: .75rem;\n    }\n    .pdt-timeline-number {\n      width: 32px;\n      height: 32px;\n      font-size: 14px;\n    }\n    .pdt-timeline-content {\n      padding: .875rem 1rem;\n    }\n    .pdt-timeline-content h3 {\n      font-size: 14px;\n    }\n    .pdt-timeline-content p {\n      font-size: 13px;\n    }\n    .pdt-testimonial {\n      padding: 1.25rem;\n    }\n    .pdt-testimonial-text {\n      font-size: 14px;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .pdt-card {\n      animation: pdtFadeInUp .5s ease backwards;\n    }\n    .pdt-card:nth-child(1) { animation-delay: .05s; }\n    .pdt-card:nth-child(2) { animation-delay: .1s; }\n    .pdt-card:nth-child(3) { animation-delay: .15s; }\n    .pdt-card:nth-child(4) { animation-delay: .2s; }\n    .pdt-card:nth-child(5) { animation-delay: .25s; }\n    .pdt-card:nth-child(6) { animation-delay: .3s; }\n  }\n\n  @keyframes pdtFadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .pdt-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":63734932668793,"sku":"NBAIPDT0031","price":13.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/the-vert-au-jasmin-superieur-bio-100-g-place-des-thes-packshothd.webp?v=1790613606"},{"product_id":"the-vert-dragon-dor-bio-100-g-place-des-thes","title":"Thé vert Dragon d'or Bio - 100 g - Place des Thés","description":"\u003cdiv class=\"dor-premium\"\u003e\n  \u003cdiv class=\"dor-hero\"\u003e\n    \u003cdiv class=\"dor-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"dor-hero-content\"\u003e\n      \u003cdiv class=\"dor-badges-top\"\u003e\n        \u003cspan class=\"dor-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n        \u003cspan class=\"dor-badge\"\u003e🍓 Fraise \u0026amp; Vanille\u003c\/span\u003e\n        \u003cspan class=\"dor-badge\"\u003e🍊 Pamplemousse\u003c\/span\u003e\n        \u003cspan class=\"dor-badge\"\u003e📦 Boîte 100 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"dor-hero-title\"\u003eThé vert Dragon d'Or Bio\u003c\/span\u003e\n      \u003cp class=\"dor-subtitle\"\u003eUne évasion fruitée et gourmande signée Place des Thés\u003c\/p\u003e\n      \u003cp class=\"dor-description\"\u003eUn thé vert sencha bio sublimé par la fraîcheur de la fraise, la douceur de la vanille et le pétillant du pamplemousse. Présenté dans une élégante boîte dorée de 100 g.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"dor-section\"\u003e\n    \u003ch2\u003eThé vert Dragon d'Or Bio : une évasion fruitée et gourmande\u003c\/h2\u003e\n    \u003cp class=\"dor-section-intro\"\u003eLaissez-vous séduire par le \u003cstrong\u003eThé vert Dragon d'Or Bio\u003c\/strong\u003e de Place des Thés, une création raffinée qui marie la fraîcheur d'un \u003cstrong\u003ethé vert sencha bio\u003c\/strong\u003e aux notes ensoleillées de la fraise, à la douceur de la vanille et au croquant acidulé du pamplemousse. Une véritable invitation au voyage, présentée dans une élégante boîte dorée de 100 g, idéale pour préserver tous les arômes de ce \u003cstrong\u003ethé vert bio en vrac\u003c\/strong\u003e.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"dor-section\"\u003e\n    \u003ch2\u003eUne composition 100 % naturelle et biologique\u003c\/h2\u003e\n    \u003cp class=\"dor-section-intro\"\u003eIssu de l'agriculture biologique, ce thé vert se compose d'ingrédients soigneusement sélectionnés pour vous offrir une expérience gustative authentique.\u003c\/p\u003e\n    \u003cdiv class=\"dor-grid\"\u003e\n      \u003cdiv class=\"dor-card\"\u003e\n        \u003ch3\u003e🍃 Thé vert China Sencha*\u003c\/h3\u003e\n        \u003cp\u003eUne base verte japonaise cultivée en Chine, reconnue pour ses notes végétales et sa belle longueur en bouche.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dor-card\"\u003e\n        \u003ch3\u003e🍓 Arôme naturel de fraise\u003c\/h3\u003e\n        \u003cp\u003ePour une touche fruitée et gourmande, douce et ensoleillée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dor-card\"\u003e\n        \u003ch3\u003e🌼 Extrait de vanille*\u003c\/h3\u003e\n        \u003cp\u003ePour une douceur enveloppante qui adoucit chaque gorgée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dor-card\"\u003e\n        \u003ch3\u003e🍊 Arôme naturel de pamplemousse\u003c\/h3\u003e\n        \u003cp\u003ePour une note vive et pétillante, fraîche et acidulée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"dor-disclaimer\"\u003e*Issus de l'agriculture biologique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"dor-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un thé vert sencha bio ?\u003c\/h2\u003e\n    \u003cp class=\"dor-section-intro\"\u003eLe \u003cstrong\u003ethé vert sencha bio\u003c\/strong\u003e est apprécié pour sa fraîcheur en bouche et son équilibre subtil entre notes herbacées et finale légèrement sucrée. En choisissant un \u003cstrong\u003ethé vert bio sencha\u003c\/strong\u003e, vous optez pour des feuilles cultivées sans pesticides ni produits chimiques de synthèse, dans le respect de l'environnement et de votre santé. Le Dragon d'Or va plus loin en sublimant cette base classique par un assemblage gourmand qui plaira aussi bien aux amateurs avertis qu'aux nouveaux venus à l'univers du thé.\u003c\/p\u003e\n    \u003cdiv class=\"dor-grid-compact\"\u003e\n      \u003cdiv class=\"dor-card\"\u003e\n        \u003ch3\u003e🌱 Sans pesticides\u003c\/h3\u003e\n        \u003cp\u003eCultivé dans le respect strict du cahier des charges bio.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dor-card\"\u003e\n        \u003ch3\u003e🍵 Notes végétales\u003c\/h3\u003e\n        \u003cp\u003eUne fraîcheur subtile et une belle longueur en bouche.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dor-card\"\u003e\n        \u003ch3\u003e✨ Assemblage gourmand\u003c\/h3\u003e\n        \u003cp\u003eFraise, vanille et pamplemousse pour un voyage sensoriel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dor-card\"\u003e\n        \u003ch3\u003e💚 Respect de la nature\u003c\/h3\u003e\n        \u003cp\u003eUne culture durable, respectueuse de l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"dor-section\"\u003e\n    \u003ch2\u003eComment préparer votre thé Dragon d'Or ?\u003c\/h2\u003e\n    \u003cp class=\"dor-section-intro\"\u003ePour révéler pleinement les arômes de ce \u003cstrong\u003ethé vert vrac bio\u003c\/strong\u003e, respectez quelques règles simples.\u003c\/p\u003e\n    \u003cdiv class=\"dor-timeline\"\u003e\n      \u003cdiv class=\"dor-timeline-item\"\u003e\n        \u003cdiv class=\"dor-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"dor-timeline-content\"\u003e\n          \u003ch3\u003e⚖️ Dosage\u003c\/h3\u003e\n          \u003cp\u003e2 g de thé par personne, soit environ une cuillère à café bombée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dor-timeline-item\"\u003e\n        \u003cdiv class=\"dor-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"dor-timeline-content\"\u003e\n          \u003ch3\u003e💧 Volume d'eau\u003c\/h3\u003e\n          \u003cp\u003eComptez 20 cl d'eau par tasse pour une infusion équilibrée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dor-timeline-item\"\u003e\n        \u003cdiv class=\"dor-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"dor-timeline-content\"\u003e\n          \u003ch3\u003e🌡️ Température\u003c\/h3\u003e\n          \u003cp\u003e80 °C - évitez l'eau bouillante qui rendrait le thé amer.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dor-timeline-item\"\u003e\n        \u003cdiv class=\"dor-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"dor-timeline-content\"\u003e\n          \u003ch3\u003e⏱️ Temps d'infusion\u003c\/h3\u003e\n          \u003cp\u003e2 à 3 minutes selon l'intensité souhaitée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dor-tip\"\u003e\n      \u003cspan class=\"dor-tip-icon\"\u003e❄️\u003c\/span\u003e\n      \u003cp\u003eVous pouvez le déguster nature, chaud ou glacé en été pour une boisson rafraîchissante et désaltérante.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"dor-section\"\u003e\n    \u003ch2\u003eQuand savourer ce thé vert parfumé ?\u003c\/h2\u003e\n    \u003cp class=\"dor-section-intro\"\u003eGrâce à son profil fruité et délicat, le Dragon d'Or se prête à de nombreux moments de la journée.\u003c\/p\u003e\n    \u003cdiv class=\"dor-grid\"\u003e\n      \u003cdiv class=\"dor-card\"\u003e\n        \u003ch3\u003e🌅 Au petit-déjeuner\u003c\/h3\u003e\n        \u003cp\u003eLe matin, il vous accompagne en douceur pour bien démarrer la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dor-card\"\u003e\n        \u003ch3\u003e🍰 Pause gourmande\u003c\/h3\u003e\n        \u003cp\u003eL'après-midi, il devient le compagnon idéal d'une pâtisserie ou d'un moment de bien-être.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dor-card\"\u003e\n        \u003ch3\u003e☕ Alternative au café\u003c\/h3\u003e\n        \u003cp\u003ePlus léger qu'un café, parfait pour ceux qui recherchent une boisson chaude sans excitation excessive.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"dor-section\"\u003e\n    \u003ch2\u003eConservation et engagement qualité\u003c\/h2\u003e\n    \u003cdiv class=\"dor-accordion\"\u003e\n      \u003cdetails class=\"dor-accordion-item\" open\u003e\n        \u003csummary class=\"dor-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n        \u003cdiv class=\"dor-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez votre boîte à l'abri de la lumière, de l'humidité et des odeurs fortes, à température ambiante. La \u003cstrong\u003eD.L.U.O.\u003c\/strong\u003e est de 24 mois à compter de la fabrication.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"dor-accordion-item\"\u003e\n        \u003csummary class=\"dor-accordion-header\"\u003e🇫🇷 Sélection \u0026amp; conditionnement\u003c\/summary\u003e\n        \u003cdiv class=\"dor-accordion-content mt-3\"\u003e\n          \u003cp\u003ePlace des Thés sélectionne ses thés avec exigence et les conditionne en France pour garantir fraîcheur et traçabilité de chaque lot.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"dor-accordion-item\"\u003e\n        \u003csummary class=\"dor-accordion-header\"\u003e🌿 Certification Agriculture Biologique\u003c\/summary\u003e\n        \u003cdiv class=\"dor-accordion-content mt-3\"\u003e\n          \u003cp\u003eCertifié \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e, ce thé répond aux normes les plus strictes en matière de culture respectueuse de l'environnement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"dor-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n    \u003cdiv class=\"dor-cta-box\"\u003e\n      \u003cp\u003eLe thé vert contient naturellement de la théine. Consommez-le avec modération, particulièrement en fin de journée si vous y êtes sensible. Ce produit est un thé d'agrément et \u003cstrong\u003ene se substitue pas à une alimentation variée, équilibrée ni à un avis ou traitement médical\u003c\/strong\u003e. En cas de grossesse, d'allaitement ou de traitement particulier, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  :root {\n    --dor-cream: #faf6ed;\n    --dor-white: #ffffff;\n    --dor-primary: #c9a24a;\n    --dor-primary-dark: #8a6a23;\n    --dor-primary-light: #f5ecd4;\n    --dor-secondary: #d97a5a;\n    --dor-accent: #4f7a3a;\n    --dor-text: #2a2418;\n    --dor-text-light: #6b6353;\n    --dor-border: #e8dfc8;\n    --dor-shadow: 0 4px 24px rgba(138, 106, 35, .10);\n    --dor-shadow-lg: 0 12px 48px rgba(138, 106, 35, .18);\n    --dor-radius: 20px;\n    --dor-radius-sm: 12px;\n  }\n\n  .dor-premium {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--dor-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--dor-text);\n  }\n\n  .dor-hero {\n    position: relative;\n    background: linear-gradient(135deg, #d4ae5c 0%, #c9a24a 50%, #8a6a23 100%);\n    border-radius: var(--dor-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(--dor-shadow-lg);\n  }\n\n  .dor-hero-pattern {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n                      radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n    opacity: .15;\n  }\n\n  .dor-hero-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .dor-hero-title {\n    display: block;\n    color: white;\n    font-size: clamp(28px, 7vw, 52px);\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  .dor-subtitle {\n    color: rgba(255,255,255,.95);\n    font-size: clamp(15px, 2.8vw, 19px);\n    font-weight: 600;\n    margin: 0 0 1rem 0;\n    font-style: italic;\n  }\n\n  .dor-description {\n    color: rgba(255,255,255,.9);\n    font-size: clamp(14px, 2.3vw, 16px);\n    line-height: 1.7;\n    max-width: 700px;\n    margin: 0 auto;\n  }\n\n  .dor-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.5rem;\n  }\n\n  .dor-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(--dor-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.1);\n    transition: all .3s ease;\n  }\n\n  .dor-badge:hover {\n    transform: translateY(-2px) scale(1.05);\n  }\n\n  .dor-section {\n    margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  }\n\n  .dor-premium h2 {\n    font-size: clamp(22px, 5vw, 36px);\n    font-weight: 900;\n    color: var(--dor-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  .dor-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(--dor-primary), var(--dor-secondary));\n    border-radius: 2px;\n  }\n\n  .dor-section-intro {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--dor-text-light);\n    margin-bottom: 1.75rem;\n    max-width: 760px;\n    margin-left: auto;\n    margin-right: auto;\n    line-height: 1.7;\n  }\n\n  .dor-card {\n    background: var(--dor-white);\n    border-radius: var(--dor-radius);\n    padding: clamp(1.25rem, 3vw, 2rem);\n    box-shadow: var(--dor-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .dor-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--dor-shadow-lg);\n    border-color: var(--dor-primary);\n  }\n\n  .dor-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--dor-primary-dark);\n    margin: 0 0 .5rem 0;\n    line-height: 1.3;\n  }\n\n  .dor-card p {\n    font-size: clamp(13px, 2vw, 15px);\n    color: var(--dor-text-light);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .dor-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 1.25rem;\n  }\n\n  .dor-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n\n  .dor-grid-compact .dor-card {\n    padding: 1rem;\n  }\n\n  .dor-grid-compact .dor-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n\n  .dor-grid-compact .dor-card p {\n    font-size: 12px;\n  }\n\n  .dor-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    max-width: 760px;\n    margin: 0 auto;\n  }\n\n  .dor-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .dor-timeline-number {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, var(--dor-primary), var(--dor-primary-dark));\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n    font-size: 16px;\n    box-shadow: 0 4px 12px rgba(138,106,35,.3);\n  }\n\n  .dor-timeline-content {\n    flex: 1;\n    background: var(--dor-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--dor-radius-sm);\n    box-shadow: var(--dor-shadow);\n  }\n\n  .dor-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--dor-primary-dark);\n    margin: 0 0 .25rem 0;\n  }\n\n  .dor-timeline-content p {\n    font-size: 14px;\n    color: var(--dor-text-light);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  .dor-accordion {\n    background: var(--dor-white);\n    border-radius: var(--dor-radius);\n    box-shadow: var(--dor-shadow);\n    overflow: hidden;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  .dor-accordion-item {\n    border-bottom: 1px solid var(--dor-border);\n    margin: 0;\n    padding: 0;\n  }\n\n  .dor-accordion-item:last-child {\n    border-bottom: none;\n  }\n\n  .dor-accordion-header {\n    padding: 1rem 1.25rem;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--dor-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  .dor-accordion-header:hover {\n    background: var(--dor-primary-light);\n  }\n\n  .dor-accordion-header::-webkit-details-marker {\n    display: none;\n  }\n\n  .dor-accordion-header::after {\n    content: '+';\n    font-size: 20px;\n    font-weight: 400;\n    color: var(--dor-primary);\n    transition: transform .2s ease;\n  }\n\n  .dor-accordion-item[open] .dor-accordion-header::after {\n    content: '−';\n  }\n\n  .dor-accordion-content {\n    padding: 0 1.25rem 1rem;\n    color: var(--dor-text-light);\n    font-size: 14px;\n    line-height: 1.7;\n    margin-top: 10px;\n  }\n\n  .dor-accordion-content p {\n    margin: 0;\n  }\n\n  .dor-tip {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n    background: var(--dor-primary-light);\n    border-radius: var(--dor-radius-sm);\n    padding: 1rem 1.25rem;\n    margin-top: 1.5rem;\n    max-width: 760px;\n    margin-left: auto;\n    margin-right: auto;\n    border-left: 4px solid var(--dor-primary);\n  }\n\n  .dor-tip-icon {\n    font-size: 24px;\n    flex-shrink: 0;\n  }\n\n  .dor-tip p {\n    font-size: 14px;\n    color: var(--dor-text);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .dor-cta-box {\n    background: linear-gradient(135deg, var(--dor-primary) 0%, var(--dor-primary-dark) 100%);\n    border-radius: var(--dor-radius);\n    padding: clamp(1.75rem, 4vw, 3rem);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: var(--dor-shadow-lg);\n  }\n\n  .dor-cta-box p {\n    color: white;\n    font-size: clamp(14px, 2.3vw, 17px);\n    line-height: 1.7;\n    font-weight: 500;\n    text-shadow: 0 2px 12px rgba(0,0,0,.1);\n    margin: 0;\n  }\n\n  .dor-cta-box p strong {\n    font-weight: 800;\n  }\n\n  .dor-disclaimer {\n    font-size: 12px;\n    color: var(--dor-text-light);\n    text-align: center;\n    margin-top: 1rem;\n    font-style: italic;\n  }\n\n  @media (max-width: 767px) {\n    .dor-grid {\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n    .dor-card {\n      padding: 1.125rem;\n    }\n    .dor-section {\n      margin-bottom: 1.75rem;\n    }\n    .dor-hero {\n      padding: 2rem 1.25rem;\n      margin-bottom: 1.75rem;\n      border-radius: var(--dor-radius-sm);\n    }\n    .dor-premium h2 {\n      margin-bottom: 1rem;\n      padding-bottom: .75rem;\n    }\n    .dor-premium h2::after {\n      width: 40px;\n      height: 3px;\n    }\n    .dor-grid-compact {\n      gap: .625rem;\n    }\n    .dor-grid-compact .dor-card {\n      padding: .75rem;\n    }\n    .dor-timeline-number {\n      width: 32px;\n      height: 32px;\n      font-size: 14px;\n    }\n    .dor-timeline-content {\n      padding: .875rem 1rem;\n    }\n    .dor-timeline-content h3 {\n      font-size: 14px;\n    }\n    .dor-timeline-content p {\n      font-size: 13px;\n    }\n    .dor-accordion-header {\n      padding: .875rem 1rem;\n      font-size: 14px;\n    }\n    .dor-accordion-content {\n      padding: 0 1rem .875rem;\n      font-size: 13px;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .dor-card {\n      animation: fadeInUp .5s ease backwards;\n    }\n    .dor-card:nth-child(1) { animation-delay: .05s; }\n    .dor-card:nth-child(2) { animation-delay: .1s; }\n    .dor-card:nth-child(3) { animation-delay: .15s; }\n    .dor-card:nth-child(4) { animation-delay: .2s; }\n    .dor-card:nth-child(5) { animation-delay: .25s; }\n    .dor-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    .dor-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":63764159431033,"sku":"NBAIPDT0032","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/the-vert-dragon-dor-bio-100-g-place-des-thes-packshothd.webp?v=1790606225"},{"product_id":"the-vert-gunpowder-bio-100-g-place-des-thes","title":"Thé vert Gunpowder Bio - 100 g - Place des Thés","description":"\u003cdiv class=\"gp-premium\"\u003e\n  \u003cdiv class=\"gp-hero\"\u003e\n    \u003cdiv class=\"gp-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"gp-hero-content\"\u003e\n      \u003cdiv class=\"gp-badges-top\"\u003e\n        \u003cspan class=\"gp-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e\n        \u003cspan class=\"gp-badge\"\u003e🇨🇳 Origine Chine\u003c\/span\u003e\n        \u003cspan class=\"gp-badge\"\u003e📦 Boîte 100 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"gp-hero-title\"\u003eThé vert Gunpowder Bio\u003c\/span\u003e\n      \u003cp class=\"gp-subtitle\"\u003eL'authentique perle verte de Chine\u003c\/p\u003e\n      \u003cp class=\"gp-description\"\u003eRécolté dans la plantation de Wukou-Ruikang, ce thé vert de Chine séduit par ses feuilles roulées en perles, sa liqueur jaune paille et son nez végétal légèrement grillé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"gp-section\"\u003e\n    \u003ch2\u003eThé vert Gunpowder Bio : l'authentique perle verte de Chine\u003c\/h2\u003e\n    \u003cp class=\"gp-section-intro\"\u003eUn grand classique de la tradition chinoise dont les feuilles roulées évoquent la « poudre à canon » qui lui a donné son nom anglais.\u003c\/p\u003e\n    \u003cdiv class=\"gp-grid\"\u003e\n      \u003cdiv class=\"gp-card\"\u003e\n        \u003ch3\u003e🫖 Liqueur jaune paille\u003c\/h3\u003e\n        \u003cp\u003eUne couleur lumineuse et une belle clarté en tasse, caractéristiques du style « brisk ».\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gp-card\"\u003e\n        \u003ch3\u003e🌱 Nez végétal grillé\u003c\/h3\u003e\n        \u003cp\u003eDes notes de graine grillée et une astringence courte typique des grands Gunpowder.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gp-card\"\u003e\n        \u003ch3\u003e🏆 Grade 1 - Wukou-Ruikang\u003c\/h3\u003e\n        \u003cp\u003eIssu d'une plantation reconnue de la province du Jiangsu, certifié Ecocert.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gp-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le Gunpowder bio en vrac ?\u003c\/h2\u003e\n    \u003cp class=\"gp-section-intro\"\u003eUn thé vert bio polyvalent, vivifiant et économique, dont les feuilles roulées préservent admirablement les arômes.\u003c\/p\u003e\n    \u003cdiv class=\"gp-grid\"\u003e\n      \u003cdiv class=\"gp-card\"\u003e\n        \u003ch3\u003e✨ Saveur franche\u003c\/h3\u003e\n        \u003cp\u003eNotes végétales, graine grillée et finale fraîche désaltérante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gp-card\"\u003e\n        \u003ch3\u003e♻️ Rendement généreux\u003c\/h3\u003e\n        \u003cp\u003eLes perles compactes infusent plusieurs fois sans perdre en intensité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gp-card\"\u003e\n        \u003ch3\u003e🌡️ Polyvalence rare\u003c\/h3\u003e\n        \u003cp\u003eChaud, glacé, ou en base pour le célèbre thé à la menthe marocain.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gp-card\"\u003e\n        \u003ch3\u003e🌿 Certifié biologique\u003c\/h3\u003e\n        \u003cp\u003eAgriculture rigoureuse, sans pesticides de synthèse.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gp-tip\"\u003e\n      \u003cspan class=\"gp-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eContrairement à un \u003cstrong\u003ethé vert sencha bio\u003c\/strong\u003e (japonais, aux notes marines et herbacées), le Gunpowder offre un profil plus rond, légèrement fumé, idéal pour les amateurs d'un thé corsé mais accessible.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gp-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cdiv class=\"gp-grid-compact\"\u003e\n      \u003cdiv class=\"gp-card\"\u003e\n        \u003ch3\u003e🍃 Thé vert bio\u003c\/h3\u003e\n        \u003cp\u003eIssu de Chine, province du Jiangsu\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gp-card\"\u003e\n        \u003ch3\u003e⚪ Feuilles roulées\u003c\/h3\u003e\n        \u003cp\u003eEn perles, Grade 1\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gp-card\"\u003e\n        \u003ch3\u003e🏅 Ecocert\u003c\/h3\u003e\n        \u003cp\u003eAgriculture Biologique certifiée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gp-card\"\u003e\n        \u003ch3\u003e🌾 100 % végétal\u003c\/h3\u003e\n        \u003cp\u003eSans arôme ajouté\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gp-section\"\u003e\n    \u003ch2\u003eComment préparer votre thé vert Gunpowder ?\u003c\/h2\u003e\n    \u003cp class=\"gp-section-intro\"\u003eLa réussite d'une infusion tient à quelques gestes simples pour révéler tout le caractère de ce gunpowder thé vert.\u003c\/p\u003e\n    \u003cdiv class=\"gp-timeline\"\u003e\n      \u003cdiv class=\"gp-timeline-item\"\u003e\n        \u003cdiv class=\"gp-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"gp-timeline-content\"\u003e\n          \u003ch3\u003e⚖️ Dosage\u003c\/h3\u003e\n          \u003cp\u003e3 g de feuilles pour 30 cl d'eau, soit environ 1 cuillère à café bombée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gp-timeline-item\"\u003e\n        \u003cdiv class=\"gp-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"gp-timeline-content\"\u003e\n          \u003ch3\u003e🌡️ Température\u003c\/h3\u003e\n          \u003cp\u003e75 °C, jamais bouillante, pour éviter l'amertume.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gp-timeline-item\"\u003e\n        \u003cdiv class=\"gp-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"gp-timeline-content\"\u003e\n          \u003ch3\u003e⏱️ Temps d'infusion\u003c\/h3\u003e\n          \u003cp\u003e3 à 5 minutes selon l'intensité souhaitée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gp-timeline-item\"\u003e\n        \u003cdiv class=\"gp-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"gp-timeline-content\"\u003e\n          \u003ch3\u003e☕ Dégustation\u003c\/h3\u003e\n          \u003cp\u003eÀ tout moment de la journée, chaud ou glacé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gp-tip\"\u003e\n      \u003cspan class=\"gp-tip-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce thé à la menthe marocain\u003c\/strong\u003e : ajoutez un bouquet de menthe fraîche et un peu de sucre pour retrouver le rituel traditionnel. En été, laissez infuser à froid pendant 1 heure au réfrigérateur pour une boisson ultra désaltérante.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gp-section\"\u003e\n    \u003ch2\u003eAccords gourmands et idées de dégustation\u003c\/h2\u003e\n    \u003cp class=\"gp-section-intro\"\u003eLe thé vert gunpowder se marie merveilleusement avec une grande variété de mets.\u003c\/p\u003e\n    \u003cdiv class=\"gp-grid-compact\"\u003e\n      \u003cdiv class=\"gp-card\"\u003e\n        \u003ch3\u003e🐟 Poissons grillés\u003c\/h3\u003e\n        \u003cp\u003eEt fruits de mer\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gp-card\"\u003e\n        \u003ch3\u003e🍋 Agrumes\u003c\/h3\u003e\n        \u003cp\u003eNotamment le citron\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gp-card\"\u003e\n        \u003ch3\u003e🥮 Pâtisseries orientales\u003c\/h3\u003e\n        \u003cp\u003eCornes de gazelle, baklavas\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gp-card\"\u003e\n        \u003ch3\u003e🌶️ Plats épicés\u003c\/h3\u003e\n        \u003cp\u003eEt tajines parfumés\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gp-section\"\u003e\n    \u003ch2\u003eConservation et informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"gp-accordion\"\u003e\n      \u003cdetails class=\"gp-accordion-item\" open\u003e\n        \u003csummary class=\"gp-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n        \u003cdiv class=\"gp-accordion-content mt-3\"\u003e\n          \u003cp\u003e100 g en boîte métallique hermétique élégante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gp-accordion-item\"\u003e\n        \u003csummary class=\"gp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"gp-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver à température ambiante, à l'abri de la lumière, de l'humidité et des odeurs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gp-accordion-item\"\u003e\n        \u003csummary class=\"gp-accordion-header\"\u003e📅 DDM\u003c\/summary\u003e\n        \u003cdiv class=\"gp-accordion-content mt-3\"\u003e\n          \u003cp\u003e24 mois à compter de la date de conditionnement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gp-accordion-item\"\u003e\n        \u003csummary class=\"gp-accordion-header\"\u003e🇫🇷 Conditionnement\u003c\/summary\u003e\n        \u003cdiv class=\"gp-accordion-content mt-3\"\u003e\n          \u003cp\u003eConditionné en France par Place des Thés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eAvis et questions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"gp-accordion\"\u003e\n      \u003cdetails class=\"gp-accordion-item\" open\u003e\n        \u003csummary class=\"gp-accordion-header\"\u003e☕ Le thé vert Gunpowder contient-il de la caféine ?\u003c\/summary\u003e\n        \u003cdiv class=\"gp-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, comme tous les thés verts, il contient naturellement de la théine. Préférez-le le matin ou en début d'après-midi si vous y êtes sensible.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gp-accordion-item\"\u003e\n        \u003csummary class=\"gp-accordion-header\"\u003e🌱 Quels sont les bienfaits du thé vert bio ?\u003c\/summary\u003e\n        \u003cdiv class=\"gp-accordion-content mt-3\"\u003e\n          \u003cp\u003eLe thé vert est traditionnellement apprécié pour ses qualités désaltérantes et son apport en antioxydants. Il ne se substitue toutefois pas à une alimentation équilibrée ni à un traitement médical. En cas de doute, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"gp-disclaimer\"\u003eLes informations présentes sur cette fiche ne sauraient se substituer à un avis médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --gp-cream: #faf6ee;\n  --gp-white: #ffffff;\n  --gp-primary: #b8923a;\n  --gp-primary-dark: #6b5018;\n  --gp-primary-light: #f5ecd4;\n  --gp-secondary: #4a6b3a;\n  --gp-accent: #d4af5f;\n  --gp-text: #2a2418;\n  --gp-text-light: #6b6452;\n  --gp-border: #e8dfc7;\n  --gp-shadow: 0 4px 24px rgba(107,80,24,.08);\n  --gp-shadow-lg: 0 12px 48px rgba(107,80,24,.18);\n  --gp-radius: 20px;\n  --gp-radius-sm: 12px;\n}\n\n.gp-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gp-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--gp-text);\n}\n\n.gp-hero {\n  position: relative;\n  background: linear-gradient(135deg, #b8923a 0%, #d4af5f 50%, #8a6f28 100%);\n  border-radius: var(--gp-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(--gp-shadow-lg);\n}\n\n.gp-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n  opacity: .15;\n}\n\n.gp-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.gp-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\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.gp-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  font-style: italic;\n}\n\n.gp-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 680px;\n  margin: 0 auto;\n}\n\n.gp-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gp-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(--gp-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gp-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.gp-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gp-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gp-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.gp-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(--gp-primary), var(--gp-secondary));\n  border-radius: 2px;\n}\n\n.gp-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gp-text-light);\n  margin-bottom: 1.75rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.gp-card {\n  background: var(--gp-white);\n  border-radius: var(--gp-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gp-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gp-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gp-shadow-lg);\n  border-color: var(--gp-primary);\n}\n\n.gp-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gp-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gp-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gp-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.gp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.gp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gp-grid-compact .gp-card {\n  padding: 1rem;\n}\n\n.gp-grid-compact .gp-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gp-grid-compact .gp-card p {\n  font-size: 12px;\n}\n\n.gp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.gp-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gp-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gp-primary), var(--gp-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(184,146,58,.3);\n}\n\n.gp-timeline-content {\n  flex: 1;\n  background: var(--gp-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gp-radius-sm);\n  box-shadow: var(--gp-shadow);\n}\n\n.gp-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gp-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gp-timeline-content p {\n  font-size: 14px;\n  color: var(--gp-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.gp-accordion {\n  background: var(--gp-white);\n  border-radius: var(--gp-radius);\n  box-shadow: var(--gp-shadow);\n  overflow: hidden;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.gp-accordion-item {\n  border-bottom: 1px solid var(--gp-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gp-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gp-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gp-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.gp-accordion-header:hover {\n  background: var(--gp-primary-light);\n}\n\n.gp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gp-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--gp-primary);\n  transition: transform .2s ease;\n  margin-left: 1rem;\n}\n\n.gp-accordion-item[open] .gp-accordion-header::after {\n  content: '−';\n}\n\n.gp-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gp-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gp-accordion-content p {\n  margin: 0;\n}\n\n.gp-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gp-primary-light);\n  border-radius: var(--gp-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--gp-primary);\n}\n\n.gp-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gp-tip p {\n  font-size: 14px;\n  color: var(--gp-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.gp-disclaimer {\n  font-size: 12px;\n  color: var(--gp-text-light);\n  text-align: center;\n  margin-top: 1.25rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .gp-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .gp-card {\n    padding: 1.125rem;\n  }\n  .gp-section {\n    margin-bottom: 1.75rem;\n  }\n  .gp-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gp-radius-sm);\n  }\n  .gp-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .gp-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .gp-grid-compact {\n    gap: .625rem;\n  }\n  .gp-grid-compact .gp-card {\n    padding: .75rem;\n  }\n  .gp-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .gp-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .gp-timeline-content h3 {\n    font-size: 14px;\n  }\n  .gp-timeline-content p {\n    font-size: 13px;\n  }\n  .gp-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .gp-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .gp-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .gp-card:nth-child(1) { animation-delay: .05s; }\n  .gp-card:nth-child(2) { animation-delay: .1s; }\n  .gp-card:nth-child(3) { animation-delay: .15s; }\n  .gp-card:nth-child(4) { animation-delay: .2s; }\n  .gp-card:nth-child(5) { animation-delay: .25s; }\n  .gp-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  .gp-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":63764210680185,"sku":"NBAIPDT0034","price":9.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/the-vert-gunpowder-bio-100-g-place-des-thes-packshothd.webp?v=1790614099"},{"product_id":"the-vert-jardin-oriental-bio-100-g-place-des-thes","title":"Thé vert Jardin Oriental Bio - 100 g - Place des Thés","description":"\u003cdiv class=\"jo-premium\"\u003e\n  \u003cdiv class=\"jo-hero\"\u003e\n    \u003cdiv class=\"jo-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"jo-hero-content\"\u003e\n      \u003cdiv class=\"jo-badges-top\"\u003e\n        \u003cspan class=\"jo-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n        \u003cspan class=\"jo-badge\"\u003e🍊 Orange sanguine\u003c\/span\u003e\n        \u003cspan class=\"jo-badge\"\u003e🌸 Jasmin\u003c\/span\u003e\n        \u003cspan class=\"jo-badge\"\u003e📦 Boîte 100 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"jo-hero-title\"\u003eJardin Oriental\u003c\/span\u003e\n      \u003cp class=\"jo-subtitle\"\u003eThé vert bio en vrac · orange sanguine \u0026amp; jasmin\u003c\/p\u003e\n      \u003cp class=\"jo-description\"\u003eUne création signée Place des Thés, alliance raffinée d'un sencha bio et de perles de jasmin haut de gamme, sublimée par la rondeur fruitée de l'orange sanguine. Une invitation au voyage, en boîte métallique de 100 g.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"jo-section\"\u003e\n    \u003ch2\u003eJardin Oriental : un thé vert bio en vrac aux accents d'orange sanguine et de jasmin\u003c\/h2\u003e\n    \u003cp class=\"jo-section-intro\"\u003eLaissez-vous emporter par Jardin Oriental, une création signée Place des Thés qui marie la fraîcheur d'un thé vert bio en vrac à la douceur florale du jasmin et à la rondeur fruitée de l'orange sanguine. Une invitation au voyage, à savourer à toute heure de la journée, présentée dans une élégante boîte métallique de 100 g pour préserver toute la finesse de ses arômes.\u003c\/p\u003e\n    \u003cdiv class=\"jo-grid-compact\"\u003e\n      \u003cdiv class=\"jo-card\"\u003e\n        \u003ch3\u003e☀️ Énergie\u003c\/h3\u003e\n        \u003cp\u003eUn coup de fouet doux et naturel pour bien démarrer la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jo-card\"\u003e\n        \u003ch3\u003e🌱 Vitalité\u003c\/h3\u003e\n        \u003cp\u003eUne fraîcheur végétale qui revitalise tasse après tasse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jo-card\"\u003e\n        \u003ch3\u003e🪷 Bien-être\u003c\/h3\u003e\n        \u003cp\u003eUn moment cocon, parfumé au jasmin et à l'orange sanguine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jo-card\"\u003e\n        \u003ch3\u003e🧠 Clarté mentale\u003c\/h3\u003e\n        \u003cp\u003eL'allié idéal pour rester concentré et serein toute la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"jo-section\"\u003e\n    \u003ch2\u003eUne composition raffinée 100 % issue de l'agriculture biologique\u003c\/h2\u003e\n    \u003cp class=\"jo-section-intro\"\u003eCe thé vert sencha bio repose sur une sélection rigoureuse d'ingrédients de qualité. Le thé vert China Sencha bio apporte ses notes herbacées et iodées, tandis que le thé vert China Jasmin bio dévoile une signature florale incomparable.\u003c\/p\u003e\n    \u003cdiv class=\"jo-grid\"\u003e\n      \u003cdiv class=\"jo-card\"\u003e\n        \u003ch3\u003e🍃 Thé vert China Sencha*\u003c\/h3\u003e\n        \u003cp\u003eBase herbacée et iodée, fraîche et délicate.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jo-card\"\u003e\n        \u003ch3\u003e🌸 Thé vert China Jasmin*\u003c\/h3\u003e\n        \u003cp\u003eSignature florale incomparable, douce et envoûtante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jo-card\"\u003e\n        \u003ch3\u003e🍊 Écorces d'orange*\u003c\/h3\u003e\n        \u003cp\u003eUne touche d'agrumes lumineuse et ensoleillée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jo-card\"\u003e\n        \u003ch3\u003e🍹 Arôme naturel d'orange sanguine\u003c\/h3\u003e\n        \u003cp\u003eLa rondeur fruitée et acidulée du sud.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jo-card\"\u003e\n        \u003ch3\u003e💮 Arôme naturel de jasmin\u003c\/h3\u003e\n        \u003cp\u003eUne note florale persistante et raffinée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jo-card\"\u003e\n        \u003ch3\u003e🌼 Fleurs de souci*\u003c\/h3\u003e\n        \u003cp\u003eUne touche solaire qui sublime visuellement le mélange.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jo-card\"\u003e\n        \u003ch3\u003e🫧 China Jasmin Dragon Pearls*\u003c\/h3\u003e\n        \u003cp\u003ePerles roulées à la main, infusion lente et précieuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jo-card\"\u003e\n        \u003ch3\u003e🪡 China Jasmin Silverneedle*\u003c\/h3\u003e\n        \u003cp\u003eBourgeons argentés, le summum du jasmin parfumé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"jo-tip\"\u003e\n      \u003cspan class=\"jo-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/strong\u003e Les Dragon Pearls et les Silverneedle au jasmin apportent une dimension haut de gamme, tandis que les fleurs de souci et les écorces d'orange offrent une signature visuelle et aromatique unique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"jo-section\"\u003e\n    \u003ch2\u003eUn profil gustatif élégant et solaire\u003c\/h2\u003e\n    \u003cdiv class=\"jo-testimonial\"\u003e\n      \u003cp class=\"jo-testimonial-text\"\u003e\"En tasse, Jardin Oriental dévoile une liqueur dorée aux reflets délicats. Le nez s'ouvre sur un bouquet floral de jasmin, suivi en bouche par la vivacité acidulée de l'orange sanguine. Le sencha apporte une fraîcheur végétale qui équilibre parfaitement les notes parfumées. Une tasse pleine de soleil, parfaite pour les amateurs de thé vert bio en quête d'originalité.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"jo-section\"\u003e\n    \u003ch2\u003eConseils de préparation\u003c\/h2\u003e\n    \u003cdiv class=\"jo-timeline\"\u003e\n      \u003cdiv class=\"jo-timeline-item\"\u003e\n        \u003cdiv class=\"jo-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"jo-timeline-content\"\u003e\n          \u003ch3\u003e⚖️ Dosage\u003c\/h3\u003e\n          \u003cp\u003e16 g par litre, soit environ 1 cuillère à café par tasse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jo-timeline-item\"\u003e\n        \u003cdiv class=\"jo-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"jo-timeline-content\"\u003e\n          \u003ch3\u003e🌡️ Température\u003c\/h3\u003e\n          \u003cp\u003eEntre 70 et 80 °C pour préserver toute la finesse aromatique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jo-timeline-item\"\u003e\n        \u003cdiv class=\"jo-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"jo-timeline-content\"\u003e\n          \u003ch3\u003e⏱️ Temps d'infusion\u003c\/h3\u003e\n          \u003cp\u003e2 à 3 minutes selon l'intensité recherchée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"jo-tip\"\u003e\n      \u003cspan class=\"jo-tip-icon\"\u003e💧\u003c\/span\u003e\n      \u003cp\u003ePrivilégiez une eau peu minéralisée pour préserver la finesse aromatique. Jardin Oriental se déguste nature, chaud, ou en version glacée pour une boisson désaltérante en été.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"jo-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce thé vert vrac bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"jo-grid-compact\"\u003e\n      \u003cdiv class=\"jo-card\"\u003e\n        \u003ch3\u003e🌿 Certifié AB\u003c\/h3\u003e\n        \u003cp\u003eRespectueux de l'environnement et des cultivateurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jo-card\"\u003e\n        \u003ch3\u003e🇫🇷 Conditionné en France\u003c\/h3\u003e\n        \u003cp\u003ePar Place des Thés, maison engagée pour la qualité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jo-card\"\u003e\n        \u003ch3\u003e🥫 Boîte hermétique\u003c\/h3\u003e\n        \u003cp\u003e100 g métallique pour une conservation optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jo-card\"\u003e\n        \u003ch3\u003e✨ Mélange unique\u003c\/h3\u003e\n        \u003cp\u003eSenchas, thés au jasmin et perles haut de gamme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jo-card\"\u003e\n        \u003ch3\u003e📅 Conservation 24 mois\u003c\/h3\u003e\n        \u003cp\u003eÀ l'abri de la lumière et de l'humidité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jo-card\"\u003e\n        \u003ch3\u003e🍃 Thé vert en vrac\u003c\/h3\u003e\n        \u003cp\u003ePour une infusion libre et généreuse à la maison.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"jo-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"jo-accordion\"\u003e\n      \u003cdetails class=\"jo-accordion-item\"\u003e\n        \u003csummary class=\"jo-accordion-header\"\u003e🌿 Quels sont les bienfaits du thé vert bio ?\u003c\/summary\u003e\n        \u003cdiv class=\"jo-accordion-content mt-3\"\u003e\n          \u003cp\u003eLe thé vert est traditionnellement apprécié pour sa richesse en antioxydants naturels. Il s'intègre parfaitement dans une routine de bien-être quotidienne, au même titre qu'un thé vert matcha bio ou un thé vert menthe bio.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"jo-accordion-item\"\u003e\n        \u003csummary class=\"jo-accordion-header\"\u003e🫙 Comment conserver mon thé vert en vrac bio ?\u003c\/summary\u003e\n        \u003cdiv class=\"jo-accordion-content mt-3\"\u003e\n          \u003cp\u003eRefermez bien la boîte après chaque utilisation et placez-la dans un endroit sec, à l'abri de la lumière et des odeurs fortes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"jo-accordion-item\"\u003e\n        \u003csummary class=\"jo-accordion-header\"\u003e🌙 Peut-on consommer ce thé le soir ?\u003c\/summary\u003e\n        \u003cdiv class=\"jo-accordion-content mt-3\"\u003e\n          \u003cp\u003eLe thé vert contient naturellement de la théine. Préférez une dégustation en journée si vous y êtes sensible.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"jo-accordion-item\"\u003e\n        \u003csummary class=\"jo-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n        \u003cdiv class=\"jo-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit est un thé de dégustation et ne remplace en aucun cas un traitement médical. En cas de doute, demandez conseil à un professionnel de santé.\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  --jo-cream: #f7f3ea;\n  --jo-white: #ffffff;\n  --jo-primary: #8ba888;\n  --jo-primary-dark: #5d7a5a;\n  --jo-primary-light: #e4ede1;\n  --jo-secondary: #c89968;\n  --jo-accent: #d97757;\n  --jo-text: #2a2a26;\n  --jo-text-light: #6a6a62;\n  --jo-border: #e4dccc;\n  --jo-shadow: 0 4px 24px rgba(93,122,90,.08);\n  --jo-shadow-lg: 0 12px 48px rgba(93,122,90,.18);\n  --jo-radius: 20px;\n  --jo-radius-sm: 12px;\n}\n\n.jo-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--jo-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--jo-text);\n  line-height: 1.65;\n}\n\n.jo-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8ba888 0%, #a8c0a4 50%, #c89968 100%);\n  border-radius: var(--jo-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(--jo-shadow-lg);\n}\n\n.jo-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .08;\n  background-image: radial-gradient(circle at 20% 30%, #fff 2px, transparent 2px), radial-gradient(circle at 80% 70%, #fff 2px, transparent 2px), radial-gradient(circle at 50% 50%, #fff 1px, transparent 1px);\n  background-size: 80px 80px, 120px 120px, 60px 60px;\n}\n\n.jo-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.jo-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 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  font-family: Georgia, 'Times New Roman', serif;\n  font-style: italic;\n}\n\n.jo-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.jo-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 16px);\n  max-width: 680px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.jo-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.75rem;\n}\n\n.jo-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(--jo-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.jo-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.jo-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.jo-premium h2 {\n  font-size: clamp(22px, 4.5vw, 34px);\n  font-weight: 900;\n  color: var(--jo-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.02em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.jo-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(--jo-primary), var(--jo-secondary));\n  border-radius: 2px;\n}\n\n.jo-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--jo-text-light);\n  margin: 0 auto 1.75rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.jo-card {\n  background: var(--jo-white);\n  border-radius: var(--jo-radius);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  box-shadow: var(--jo-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.jo-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--jo-shadow-lg);\n  border-color: var(--jo-primary);\n}\n\n.jo-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--jo-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.jo-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--jo-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.jo-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.25rem;\n}\n\n.jo-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.jo-grid-compact .jo-card {\n  padding: 1.125rem;\n}\n\n.jo-grid-compact .jo-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.jo-grid-compact .jo-card p {\n  font-size: 12.5px;\n}\n\n.jo-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.jo-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.jo-timeline-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--jo-primary), var(--jo-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 17px;\n  box-shadow: var(--jo-shadow);\n}\n\n.jo-timeline-content {\n  flex: 1;\n  background: var(--jo-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--jo-radius-sm);\n  box-shadow: var(--jo-shadow);\n}\n\n.jo-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--jo-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.jo-timeline-content p {\n  font-size: 14px;\n  color: var(--jo-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.jo-testimonial {\n  background: var(--jo-white);\n  border-radius: var(--jo-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--jo-shadow);\n  border-left: 4px solid var(--jo-primary);\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.jo-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--jo-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.jo-accordion {\n  background: var(--jo-white);\n  border-radius: var(--jo-radius);\n  box-shadow: var(--jo-shadow);\n  overflow: hidden;\n}\n\n.jo-accordion-item {\n  border-bottom: 1px solid var(--jo-border);\n  margin: 0;\n  padding: 0;\n}\n\n.jo-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.jo-accordion-header {\n  padding: 1.125rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--jo-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  gap: 1rem;\n}\n\n.jo-accordion-header:hover {\n  background: var(--jo-primary-light);\n}\n\n.jo-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.jo-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--jo-primary);\n  transition: transform .2s ease;\n  flex-shrink: 0;\n}\n\n.jo-accordion-item[open] .jo-accordion-header::after {\n  content: '−';\n}\n\n.jo-accordion-content {\n  padding: 0 1.25rem 1.125rem;\n  color: var(--jo-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.jo-accordion-content p {\n  margin: 0;\n}\n\n.jo-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--jo-primary-light);\n  border-radius: var(--jo-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n}\n\n.jo-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.jo-tip p {\n  font-size: 14px;\n  color: var(--jo-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n  .jo-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .jo-card {\n    padding: 1.125rem;\n  }\n  .jo-section {\n    margin-bottom: 1.75rem;\n  }\n  .jo-hero {\n    padding: 2.25rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--jo-radius-sm);\n  }\n  .jo-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .jo-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .jo-grid-compact {\n    gap: .625rem;\n  }\n  .jo-grid-compact .jo-card {\n    padding: .85rem;\n  }\n  .jo-timeline-number {\n    width: 36px;\n    height: 36px;\n    font-size: 14px;\n  }\n  .jo-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .jo-timeline-content h3 {\n    font-size: 14px;\n  }\n  .jo-timeline-content p {\n    font-size: 13px;\n  }\n  .jo-accordion-header {\n    padding: .9rem 1rem;\n    font-size: 14px;\n  }\n  .jo-accordion-content {\n    padding: 0 1rem .9rem;\n    font-size: 13px;\n  }\n  .jo-testimonial {\n    padding: 1.25rem;\n  }\n  .jo-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .jo-card {\n    animation: jofadeInUp .5s ease backwards;\n  }\n  .jo-card:nth-child(1) { animation-delay: .05s; }\n  .jo-card:nth-child(2) { animation-delay: .1s; }\n  .jo-card:nth-child(3) { animation-delay: .15s; }\n  .jo-card:nth-child(4) { animation-delay: .2s; }\n  .jo-card:nth-child(5) { animation-delay: .25s; }\n  .jo-card:nth-child(6) { animation-delay: .3s; }\n  .jo-card:nth-child(7) { animation-delay: .35s; }\n  .jo-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes jofadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .jo-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":63764234142073,"sku":"NBAIPDT0035","price":12.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/the-vert-jardin-oriental-bio-100-g-place-des-thes-lifestyle.webp?v=1781512741"},{"product_id":"the-vert-mambo-mango-bio-100-g-place-des-thes","title":"Thé vert Mambo Mango Bio - 100 g - Place des Thés","description":"\u003cdiv class=\"mm-premium\"\u003e\n  \u003cdiv class=\"mm-hero\"\u003e\n    \u003cdiv class=\"mm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mm-hero-content\"\u003e\n      \u003cdiv class=\"mm-badges-top\"\u003e\n        \u003cspan class=\"mm-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n        \u003cspan class=\"mm-badge\"\u003e🥭 Saveurs tropicales\u003c\/span\u003e\n        \u003cspan class=\"mm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"mm-badge\"\u003e📦 Boîte métal 100 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mm-hero-title\"\u003eThé vert Mambo Mango Bio\u003c\/span\u003e\n      \u003cp class=\"mm-subtitle\"\u003eThé vert Sencha, mangue, citron \u0026amp; menthe\u003c\/p\u003e\n      \u003cp class=\"mm-description\"\u003eUn voyage gustatif aux accents tropicaux signé Place des Thés. La finesse du Sencha bio sublimée par la mangue juteuse, le pep's du citron et la fraîcheur de la menthe.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"mm-section\"\u003e\n    \u003ch2\u003eMambo Mango : un thé vert bio aux saveurs ensoleillées\u003c\/h2\u003e\n    \u003cp class=\"mm-section-intro\"\u003eEnvie d'évasion dans votre tasse ? Le \u003cstrong\u003ethé vert Mambo Mango Bio\u003c\/strong\u003e de Place des Thés vous invite à un voyage gustatif aux accents tropicaux. Cette création originale marie la finesse d'un \u003cstrong\u003ethé vert Sencha bio\u003c\/strong\u003e à la douceur de la mangue, au pep's du citron et à la fraîcheur de la menthe. Un mélange équilibré, élaboré avec des ingrédients issus de l'agriculture biologique, parfait pour les amateurs de \u003cstrong\u003ethé vert bio en vrac\u003c\/strong\u003e à la recherche de nouvelles saveurs.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mm-section\"\u003e\n    \u003ch2\u003eUne composition 100 % bio et soigneusement sélectionnée\u003c\/h2\u003e\n    \u003cp class=\"mm-section-intro\"\u003eChaque feuille a été choisie pour offrir un équilibre aromatique unique. Voici les ingrédients qui composent ce mélange d'exception.\u003c\/p\u003e\n    \u003cdiv class=\"mm-grid\"\u003e\n      \u003cdiv class=\"mm-card\"\u003e\n        \u003ch3\u003e🍃 Thé vert China Sencha*\u003c\/h3\u003e\n        \u003cp\u003eBase végétale et délicatement herbacée, signature du mélange.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mm-card\"\u003e\n        \u003ch3\u003e🌿 Menthe*\u003c\/h3\u003e\n        \u003cp\u003eApporte une fraîcheur tonique en finale de bouche.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mm-card\"\u003e\n        \u003ch3\u003e🌾 Citronnelle*\u003c\/h3\u003e\n        \u003cp\u003eUne touche zestée et acidulée, légère et vivifiante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mm-card\"\u003e\n        \u003ch3\u003e🍋 Écorces de citron* (4 %)\u003c\/h3\u003e\n        \u003cp\u003eLe pep's solaire qui réveille les arômes du Sencha.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mm-card\"\u003e\n        \u003ch3\u003e🥭 Arôme naturel de mangue\u003c\/h3\u003e\n        \u003cp\u003eLa douceur fruitée et juteuse qui signe le Mambo Mango.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mm-card\"\u003e\n        \u003ch3\u003e🌼 Fleurs de souci*\u003c\/h3\u003e\n        \u003cp\u003eÉlégance visuelle et notes florales subtiles dans la tasse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mm-card\"\u003e\n        \u003ch3\u003e🍋 Arôme naturel de citron\u003c\/h3\u003e\n        \u003cp\u003eRenforce la fraîcheur acidulée du mélange.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mm-card\"\u003e\n        \u003ch3\u003e🥭 Mangue* (1 %)\u003c\/h3\u003e\n        \u003cp\u003eVéritables morceaux de mangue pour une gourmandise tropicale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"mm-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n    \u003cdiv class=\"mm-tip\"\u003e\n      \u003cspan class=\"mm-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003eLe \u003cstrong\u003ethé vert Sencha bio\u003c\/strong\u003e apporte une base végétale et légèrement herbacée, sublimée par la mangue juteuse et le citron pétillant. La menthe et la citronnelle complètent l'ensemble avec une touche fraîche très agréable, en infusion chaude comme en version glacée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mm-section\"\u003e\n    \u003ch2\u003eComment préparer votre thé vert Mambo Mango Bio ?\u003c\/h2\u003e\n    \u003cp class=\"mm-section-intro\"\u003ePour révéler tous les arômes de ce \u003cstrong\u003ethé vert vrac bio\u003c\/strong\u003e, suivez ces conseils de préparation simples.\u003c\/p\u003e\n    \u003cdiv class=\"mm-timeline\"\u003e\n      \u003cdiv class=\"mm-timeline-item\"\u003e\n        \u003cdiv class=\"mm-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mm-timeline-content\"\u003e\n          \u003ch3\u003e⚖️ Dosage\u003c\/h3\u003e\n          \u003cp\u003e15 à 20 g de thé en vrac par litre d'eau, à ajuster selon votre goût.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mm-timeline-item\"\u003e\n        \u003cdiv class=\"mm-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mm-timeline-content\"\u003e\n          \u003ch3\u003e🌡️ Température\u003c\/h3\u003e\n          \u003cp\u003eEntre 70 et 80 °C : évitez l'eau bouillante pour préserver la finesse du Sencha.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mm-timeline-item\"\u003e\n        \u003cdiv class=\"mm-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mm-timeline-content\"\u003e\n          \u003ch3\u003e⏱️ Temps d'infusion\u003c\/h3\u003e\n          \u003cp\u003e2 à 3 minutes suffisent pour libérer tous les arômes sans amertume.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mm-tip\"\u003e\n      \u003cspan class=\"mm-tip-icon\"\u003e🧊\u003c\/span\u003e\n      \u003cp\u003ePour une version estivale, laissez infuser à froid plusieurs heures au réfrigérateur : vous obtiendrez un \u003cstrong\u003ethé glacé fruité\u003c\/strong\u003e, désaltérant et naturellement parfumé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mm-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un thé vert bio en vrac ?\u003c\/h2\u003e\n    \u003cp class=\"mm-section-intro\"\u003eOpter pour un \u003cstrong\u003ethé vert en vrac bio\u003c\/strong\u003e présente plusieurs avantages au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"mm-grid-compact\"\u003e\n      \u003cdiv class=\"mm-card\"\u003e\n        \u003ch3\u003e⭐ Qualité supérieure\u003c\/h3\u003e\n        \u003cp\u003eLes feuilles entières libèrent davantage d'arômes que les sachets industriels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mm-card\"\u003e\n        \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n        \u003cp\u003eMoins d'emballages, une démarche plus respectueuse de l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mm-card\"\u003e\n        \u003ch3\u003e🎯 Liberté de dosage\u003c\/h3\u003e\n        \u003cp\u003eVous ajustez la force et l'intensité du thé à votre goût.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mm-card\"\u003e\n        \u003ch3\u003e🌱 Garantie bio\u003c\/h3\u003e\n        \u003cp\u003eAucune trace de pesticides ni d'engrais chimiques de synthèse.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mm-tip\"\u003e\n      \u003cspan class=\"mm-tip-icon\"\u003e📦\u003c\/span\u003e\n      \u003cp\u003ePlace des Thés sélectionne ses mélanges avec soin et conditionne ce thé dans une \u003cstrong\u003eélégante boîte métallique de 100 g\u003c\/strong\u003e, qui préserve fraîcheur, arômes et propriétés tout au long de la dégustation.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mm-section\"\u003e\n    \u003ch2\u003eQuand déguster votre Mambo Mango ?\u003c\/h2\u003e\n    \u003cdiv class=\"mm-grid\"\u003e\n      \u003cdiv class=\"mm-card\"\u003e\n        \u003ch3\u003e☀️ Le matin\u003c\/h3\u003e\n        \u003cp\u003eUne alternative douce et fruitée au café pour bien commencer la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mm-card\"\u003e\n        \u003ch3\u003e🍰 L'après-midi\u003c\/h3\u003e\n        \u003cp\u003eL'allié idéal d'une pause gourmande ou d'un dessert fruité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mm-card\"\u003e\n        \u003ch3\u003e🌙 En soirée\u003c\/h3\u003e\n        \u003cp\u003eSa faible teneur en théine en fait un compagnon agréable en fin de journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mm-section\"\u003e\n    \u003ch2\u003eInformations produit\u003c\/h2\u003e\n    \u003cdiv class=\"mm-grid-compact\"\u003e\n      \u003cdiv class=\"mm-card\"\u003e\n        \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n        \u003cp\u003ePlace des Thés (extension de Place des Épices)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mm-card\"\u003e\n        \u003ch3\u003e📦 Format\u003c\/h3\u003e\n        \u003cp\u003eBoîte métallique élégante\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mm-card\"\u003e\n        \u003ch3\u003e⚖️ Contenance\u003c\/h3\u003e\n        \u003cp\u003e100 g de thé en vrac\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mm-card\"\u003e\n        \u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n        \u003cp\u003eAgriculture Biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mm-card\"\u003e\n        \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n        \u003cp\u003eMatières premières et fabrication en France\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mm-card\"\u003e\n        \u003ch3\u003e📅 DLUO\u003c\/h3\u003e\n        \u003cp\u003e24 mois à compter de la fabrication\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n    \u003cdiv class=\"mm-accordion\"\u003e\n      \u003cdetails class=\"mm-accordion-item\"\u003e\n        \u003csummary class=\"mm-accordion-header\"\u003e☕ Une boisson plaisir\u003c\/summary\u003e\n        \u003cdiv class=\"mm-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe thé est une boisson de plaisir et ne se substitue ni à une alimentation équilibrée, ni à un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mm-accordion-item\"\u003e\n        \u003csummary class=\"mm-accordion-header\"\u003e🤰 Grossesse \u0026amp; allaitement\u003c\/summary\u003e\n        \u003cdiv class=\"mm-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de grossesse, d'allaitement ou de prise de médicaments, demandez conseil à votre professionnel de santé avant une consommation régulière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mm-accordion-item\"\u003e\n        \u003csummary class=\"mm-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"mm-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver à température ambiante, à l'abri de la lumière et de l'humidité, dans sa boîte métallique d'origine bien refermée pour préserver les arômes.\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  --mm-cream: #faf6ee;\n  --mm-white: #ffffff;\n  --mm-primary: #c9a24a;\n  --mm-primary-dark: #8a6a25;\n  --mm-primary-light: #f5ecd4;\n  --mm-secondary: #e8a04a;\n  --mm-accent: #6b8e3d;\n  --mm-text: #2a2418;\n  --mm-text-light: #6b6353;\n  --mm-border: #e8dfc9;\n  --mm-shadow: 0 4px 24px rgba(138,106,37,.10);\n  --mm-shadow-lg: 0 12px 48px rgba(138,106,37,.20);\n  --mm-radius: 20px;\n  --mm-radius-sm: 12px;\n}\n\n.mm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--mm-text);\n}\n\n.mm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #c9a24a 0%, #b8862e 50%, #8a6a25 100%);\n  border-radius: var(--mm-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(--mm-shadow-lg);\n}\n\n.mm-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n  opacity: .15;\n}\n\n.mm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mm-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\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.mm-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  font-style: italic;\n  margin: 0 0 1rem 0;\n}\n\n.mm-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  max-width: 680px;\n  margin: 0 auto;\n}\n\n.mm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.mm-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(--mm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.mm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mm-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.mm-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(--mm-primary), var(--mm-secondary));\n  border-radius: 2px;\n}\n\n.mm-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mm-text-light);\n  margin-bottom: 1.75rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.mm-premium p {\n  line-height: 1.7;\n}\n\n.mm-card {\n  background: var(--mm-white);\n  border-radius: var(--mm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mm-shadow-lg);\n  border-color: var(--mm-primary);\n}\n\n.mm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mm-grid-compact .mm-card {\n  padding: 1rem;\n}\n\n.mm-grid-compact .mm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mm-grid-compact .mm-card p {\n  font-size: 12px;\n}\n\n.mm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.mm-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.mm-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mm-primary), var(--mm-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(201,162,74,.4);\n}\n\n.mm-timeline-content {\n  flex: 1;\n  background: var(--mm-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--mm-radius-sm);\n  box-shadow: var(--mm-shadow);\n}\n\n.mm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mm-timeline-content p {\n  font-size: 14px;\n  color: var(--mm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.mm-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--mm-primary-light);\n  border-radius: var(--mm-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--mm-primary);\n}\n\n.mm-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mm-tip p {\n  font-size: 14px;\n  color: var(--mm-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mm-accordion {\n  background: var(--mm-white);\n  border-radius: var(--mm-radius);\n  box-shadow: var(--mm-shadow);\n  overflow: hidden;\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.mm-accordion-item {\n  border-bottom: 1px solid var(--mm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mm-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}\n\n.mm-accordion-header:hover {\n  background: var(--mm-primary-light);\n}\n\n.mm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mm-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--mm-primary);\n  transition: transform .2s ease;\n}\n\n.mm-accordion-item[open] .mm-accordion-header::after {\n  content: '−';\n}\n\n.mm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.mm-accordion-content p {\n  margin: 0;\n}\n\n.mm-disclaimer {\n  font-size: 12px;\n  color: var(--mm-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .mm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .mm-card {\n    padding: 1.125rem;\n  }\n  .mm-section {\n    margin-bottom: 1.75rem;\n  }\n  .mm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mm-radius-sm);\n  }\n  .mm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .mm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .mm-grid-compact {\n    gap: .625rem;\n  }\n  .mm-grid-compact .mm-card {\n    padding: .75rem;\n  }\n  .mm-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .mm-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .mm-timeline-content h3 {\n    font-size: 14px;\n  }\n  .mm-timeline-content p {\n    font-size: 13px;\n  }\n  .mm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .mm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .mm-card {\n    animation: mmFadeInUp .5s ease backwards;\n  }\n  .mm-card:nth-child(1) { animation-delay: .05s; }\n  .mm-card:nth-child(2) { animation-delay: .1s; }\n  .mm-card:nth-child(3) { animation-delay: .15s; }\n  .mm-card:nth-child(4) { animation-delay: .2s; }\n  .mm-card:nth-child(5) { animation-delay: .25s; }\n  .mm-card:nth-child(6) { animation-delay: .3s; }\n  .mm-card:nth-child(7) { animation-delay: .35s; }\n  .mm-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes mmFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mm-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":63773715628409,"sku":"NBAIPDT0037","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/the-vert-mambo-mango-bio-100-g-place-des-thes-packshothd.webp?v=1790613083"},{"product_id":"the-vert-nuit-a-amtoudi-bio-100-g-place-des-thes","title":"Thé vert Nuit à Amtoudi Bio - 100 g - Place des Thés","description":"\u003cdiv class=\"amt-premium\"\u003e\n  \u003cdiv class=\"amt-hero\"\u003e\n    \u003cdiv class=\"amt-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"amt-hero-content\"\u003e\n      \u003cdiv class=\"amt-badges-top\"\u003e\n        \u003cspan class=\"amt-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"amt-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"amt-badge\"\u003e🍃 Menthe poivrée\u003c\/span\u003e\n        \u003cspan class=\"amt-badge\"\u003e📦 Boîte métal 100 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"amt-hero-title\"\u003eNuit à Amtoudi\u003c\/span\u003e\n      \u003cp class=\"amt-subtitle\"\u003eThé vert bio à la menthe poivrée - Place des Thés\u003c\/p\u003e\n      \u003cp class=\"amt-description\"\u003eUne évasion sensorielle au cœur de l'oasis berbère : la fraîcheur tonique de la menthe poivrée sublime les notes végétales du China Gunpowder.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"amt-section\"\u003e\n    \u003ch2\u003eNuit à Amtoudi : un thé vert bio à la menthe poivrée qui invite au voyage\u003c\/h2\u003e\n    \u003cp class=\"amt-section-intro\"\u003eFermez les yeux. Vous êtes à \u003cstrong\u003eAmtoudi\u003c\/strong\u003e, oasis berbère perchée au pied de l'Anti-Atlas marocain. Le soleil décline, l'air se rafraîchit, et c'est l'heure du thé.\u003c\/p\u003e\n    \u003cp class=\"amt-section-intro\"\u003eNotre \u003cstrong\u003ethé vert bio Nuit à Amtoudi\u003c\/strong\u003e capture précisément cette atmosphère : la fraîcheur tonique de la menthe poivrée vient sublimer les notes végétales du thé vert China Gunpowder, pour un moment d'évasion à savourer à tout moment de la journée. Élaboré par \u003cstrong\u003ePlace des Thés\u003c\/strong\u003e, extension de la maison Place des Épices, il est conditionné en France dans une élégante boîte métallique de 100 g, idéale pour préserver toute la fraîcheur des feuilles.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"amt-section\"\u003e\n    \u003ch2\u003eUne composition simple, authentique et 100 % biologique\u003c\/h2\u003e\n    \u003cp class=\"amt-section-intro\"\u003ePas de chichi, pas d'ingrédient superflu. Cette recette mise sur la pureté des ingrédients.\u003c\/p\u003e\n    \u003cdiv class=\"amt-grid\"\u003e\n      \u003cdiv class=\"amt-card\"\u003e\n        \u003ch3\u003e🍵 Thé vert China Gunpowder*\u003c\/h3\u003e\n        \u003cp\u003eFeuilles roulées en petites perles qui libèrent progressivement leur arôme à l'infusion, avec une belle rondeur végétale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amt-card\"\u003e\n        \u003ch3\u003e🌿 Menthe poivrée entière*\u003c\/h3\u003e\n        \u003cp\u003eChoisie pour son intensité aromatique et sa fraîcheur naturelle incomparable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amt-card\"\u003e\n        \u003ch3\u003e✨ Arôme naturel de menthe\u003c\/h3\u003e\n        \u003cp\u003ePour renforcer délicatement les notes mentholées et prolonger la sensation de fraîcheur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"amt-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique, certifiés selon la réglementation européenne.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"amt-section\"\u003e\n    \u003ch2\u003eComment préparer votre thé vert à la menthe ?\u003c\/h2\u003e\n    \u003cp class=\"amt-section-intro\"\u003eLa réussite d'un bon thé tient à quelques règles simples. Suivez les recommandations de Place des Thés pour révéler tous les arômes de ce thé vert bio en vrac.\u003c\/p\u003e\n    \u003cdiv class=\"amt-timeline\"\u003e\n      \u003cdiv class=\"amt-timeline-item\"\u003e\n        \u003cdiv class=\"amt-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"amt-timeline-content\"\u003e\n          \u003ch3\u003e🌡️ Chauffez l'eau à 70–80 °C\u003c\/h3\u003e\n          \u003cp\u003eJamais bouillante, sous peine d'amertume. Une eau trop chaude brûle les feuilles délicates.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amt-timeline-item\"\u003e\n        \u003cdiv class=\"amt-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"amt-timeline-content\"\u003e\n          \u003ch3\u003e⚖️ Dosez 15 à 20 g par litre\u003c\/h3\u003e\n          \u003cp\u003eSoit environ une cuillère à café bombée par tasse pour un équilibre parfait.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amt-timeline-item\"\u003e\n        \u003cdiv class=\"amt-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"amt-timeline-content\"\u003e\n          \u003ch3\u003e⏱️ Infusez 2 à 3 minutes\u003c\/h3\u003e\n          \u003cp\u003eLe temps idéal pour extraire les arômes sans amertume excessive.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amt-timeline-item\"\u003e\n        \u003cdiv class=\"amt-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"amt-timeline-content\"\u003e\n          \u003ch3\u003e🍯 Dégustez selon vos envies\u003c\/h3\u003e\n          \u003cp\u003eNature et chaud, à la marocaine légèrement sucré et versé de haut pour la mousse, ou glacé en été avec des glaçons et de la menthe fraîche.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"amt-section\"\u003e\n    \u003ch2\u003ePourquoi choisir notre thé vert bio Nuit à Amtoudi ?\u003c\/h2\u003e\n    \u003cp class=\"amt-section-intro\"\u003eSur le marché du thé vert bio en vrac, ce mélange se distingue par plusieurs atouts qui font toute la différence.\u003c\/p\u003e\n    \u003cdiv class=\"amt-grid-compact\"\u003e\n      \u003cdiv class=\"amt-card\"\u003e\n        \u003ch3\u003e🌱 Certification bio\u003c\/h3\u003e\n        \u003cp\u003eFeuilles et menthe cultivées sans pesticides de synthèse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amt-card\"\u003e\n        \u003ch3\u003e🛡️ Arômes préservés\u003c\/h3\u003e\n        \u003cp\u003eBoîte métallique opaque, à l'abri de la lumière et de l'humidité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amt-card\"\u003e\n        \u003ch3\u003e🇫🇷 Maison artisanale\u003c\/h3\u003e\n        \u003cp\u003eMélanges conçus avec soin, dans la tradition des maisons d'épices.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amt-card\"\u003e\n        \u003ch3\u003e☕ ~50 tasses\u003c\/h3\u003e\n        \u003cp\u003eLe format 100 g permet de préparer une cinquantaine de tasses environ.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"amt-section\"\u003e\n    \u003ch2\u003eConservation et informations pratiques\u003c\/h2\u003e\n    \u003cp class=\"amt-section-intro\"\u003ePour profiter pleinement de votre \u003cstrong\u003ethé vert menthe bio\u003c\/strong\u003e, conservez la boîte \u003cstrong\u003eà température ambiante\u003c\/strong\u003e, à l'abri de la lumière, de la chaleur et des odeurs fortes (le thé absorbe facilement les arômes environnants). Refermez bien le couvercle après chaque utilisation.\u003c\/p\u003e\n    \u003cdiv class=\"amt-grid-compact\"\u003e\n      \u003cdiv class=\"amt-card\"\u003e\n        \u003ch3\u003e⚖️ Contenance\u003c\/h3\u003e\n        \u003cp\u003e100 g de thé en vrac\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amt-card\"\u003e\n        \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n        \u003cp\u003eAssemblage France\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amt-card\"\u003e\n        \u003ch3\u003e📅 D.L.U.O.\u003c\/h3\u003e\n        \u003cp\u003e24 mois à compter de la fabrication\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amt-card\"\u003e\n        \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"amt-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eQuand le déguster ?\u003c\/h2\u003e\n    \u003cdiv class=\"amt-cta-box\"\u003e\n      \u003cp\u003eCe thé vert à la menthe accompagne aussi bien le petit-déjeuner que les fins de repas, où sa fraîcheur mentholée aide à conclure agréablement. Il se prête à la pause de l'après-midi ou à un moment convivial entre amis, fidèle à la tradition du thé à la menthe partagé.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"amt-disclaimer\"\u003eCe produit est un thé de dégustation. Il ne se substitue pas à une alimentation variée, équilibrée ni à un avis médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --amt-cream: #faf6ef;\n  --amt-white: #ffffff;\n  --amt-primary: #b8893a;\n  --amt-primary-dark: #7a5820;\n  --amt-primary-light: #f5ebd6;\n  --amt-secondary: #4a6b3a;\n  --amt-accent: #c9a55c;\n  --amt-text: #2a2418;\n  --amt-text-light: #6b5f4a;\n  --amt-border: #e8dfc9;\n  --amt-shadow: 0 4px 24px rgba(122, 88, 32, .1);\n  --amt-shadow-lg: 0 12px 48px rgba(122, 88, 32, .18);\n  --amt-radius: 20px;\n  --amt-radius-sm: 12px;\n}\n\n.amt-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--amt-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--amt-text);\n}\n\n.amt-hero {\n  position: relative;\n  background: linear-gradient(135deg, #b8893a 0%, #c9a55c 50%, #7a5820 100%);\n  border-radius: var(--amt-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(--amt-shadow-lg);\n}\n\n.amt-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .08;\n  background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 2px), radial-gradient(circle at 80% 70%, white 1px, transparent 1px);\n  background-size: 60px 60px, 40px 40px;\n}\n\n.amt-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.amt-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\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.amt-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.amt-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 16px);\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.amt-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.amt-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(--amt-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.amt-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.amt-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.amt-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--amt-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.2;\n}\n\n.amt-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(--amt-primary), var(--amt-accent));\n  border-radius: 2px;\n}\n\n.amt-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--amt-text-light);\n  margin: 0 auto 1.5rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.amt-section-intro strong {\n  color: var(--amt-primary-dark);\n}\n\n.amt-card {\n  background: var(--amt-white);\n  border-radius: var(--amt-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--amt-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.amt-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--amt-shadow-lg);\n  border-color: var(--amt-primary);\n}\n\n.amt-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--amt-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.amt-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--amt-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.amt-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.amt-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.amt-grid-compact .amt-card {\n  padding: 1rem;\n}\n\n.amt-grid-compact .amt-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.amt-grid-compact .amt-card p {\n  font-size: 12px;\n}\n\n.amt-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.amt-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.amt-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--amt-primary), var(--amt-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(184, 137, 58, .3);\n}\n\n.amt-timeline-content {\n  flex: 1;\n  background: var(--amt-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--amt-radius-sm);\n  box-shadow: var(--amt-shadow);\n}\n\n.amt-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--amt-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.amt-timeline-content p {\n  font-size: 14px;\n  color: var(--amt-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.amt-cta-box {\n  background: linear-gradient(135deg, var(--amt-primary) 0%, var(--amt-primary-dark) 100%);\n  border-radius: var(--amt-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--amt-shadow-lg);\n}\n\n.amt-cta-box p {\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.amt-disclaimer {\n  font-size: 12px;\n  color: var(--amt-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .amt-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .amt-card { padding: 1.125rem; }\n  .amt-section { margin-bottom: 1.75rem; }\n  .amt-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--amt-radius-sm);\n  }\n  .amt-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .amt-premium h2::after { width: 40px; height: 3px; }\n  .amt-grid-compact { gap: .625rem; }\n  .amt-grid-compact .amt-card { padding: .75rem; }\n  .amt-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n  .amt-timeline-content { padding: .875rem 1rem; }\n  .amt-timeline-content h3 { font-size: 14px; }\n  .amt-timeline-content p { font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .amt-card { animation: amtFadeInUp .5s ease backwards; }\n  .amt-card:nth-child(1) { animation-delay: .05s; }\n  .amt-card:nth-child(2) { animation-delay: .1s; }\n  .amt-card:nth-child(3) { animation-delay: .15s; }\n  .amt-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes amtFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .amt-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":63773725786489,"sku":"NBAIPDT0038","price":12.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/the-vert-nuit-a-amtoudi-bio-100-g-place-des-thes-packshothd.webp?v=1790608514"}],"url":"https:\/\/www.naturellement-bio.com\/collections\/place-des-thes.oembed","provider":"Naturellement Bio","version":"1.0","type":"link"}