{"product_id":"mug-49-3-cafes-pour-avaler-leur-dictature","title":"MUG - 49.3","description":"\u003cstyle\u003e\n  :root{\n    --bg:#0b0b0b;            \/* fond global *\/\n    --panel:#fffdf9;          \/* fond des panneaux (clair) *\/\n    --panel-2:#f4e9da;        \/* fond des headers *\/\n    --ink:#111111;            \/* texte principal foncé sur clair *\/\n    --muted:#4b4b4b;          \/* texte secondaire *\/\n    --beige:#c5b6a0;          \/* séparateurs discrets *\/\n    --border:#e0d2bc;         \/* bordure douce *\/\n    --radius:16px;\n    --shadow:0 8px 24px rgba(0,0,0,.25);\n  }\n\n  body{ background:var(--bg); }\n\n  .fg-accordion{\n    max-width:860px;\n    margin:18px auto 34px;\n    padding:0 14px;\n    font-family: system-ui,-apple-system,\"Segoe UI\",Roboto,Arial,sans-serif;\n    color:var(--ink);\n    text-align:center; \/* Centrage global *\/\n  }\n\n  .fg-item{\n    border:1px solid var(--border);\n    border-radius:var(--radius);\n    background:var(--panel);\n    box-shadow: var(--shadow);\n    overflow:hidden;\n    margin:14px 0;\n  }\n\n  .fg-head{\n    appearance:none;\n    border:0;\n    background:var(--panel-2);\n    width:100%;\n    cursor:pointer;\n    display:grid;\n    grid-template-columns:1fr 24px;\n    align-items:center;\n    padding:16px 18px;\n    transition:background .2s ease, filter .2s ease;\n    color:var(--ink);\n  }\n  .fg-head:hover{ background:#ecdac1; }\n  .fg-head:focus-visible{ outline:2px solid #bfa47f; outline-offset:2px; border-radius:14px; }\n\n  .fg-title{\n    display:flex;\n    align-items:center;\n    gap:10px;\n    font-weight:800;\n    font-size:17px;\n    letter-spacing:.2px;\n    justify-content:center;\n  }\n  .fg-title .emoji{ font-size:18px; line-height:1; }\n\n  .fg-chevron{\n    width:24px;\n    height:24px;\n    transform:rotate(0deg);\n    transition:transform .25s ease;\n    color:var(--ink);\n    justify-self:end;\n  }\n  .fg-item.open .fg-chevron{ transform:rotate(90deg); }\n\n  .fg-panel{\n    height:0;\n    overflow:hidden;\n    opacity:0;\n    transition:height .28s ease, opacity .2s ease;\n    background:var(--panel);\n  }\n  .fg-item.open .fg-panel{ opacity:1; }\n\n  .fg-inner{\n    padding:18px 20px 22px;\n    color:var(--ink);\n  }\n\n  .fg-inner p{\n    margin:.5rem 0;\n    line-height:1.7;\n    font-size:16.5px;\n  }\n\n  .fg-note{\n    color:var(--muted);\n    font-size:15px;\n  }\n\n  .fg-box{\n    background:#fffaf3;\n    border:1px solid var(--border);\n    border-radius:12px;\n    padding:16px 18px;\n  }\n  .fg-box ul{\n    list-style:none;\n    margin:0;\n    padding:0;\n  }\n  .fg-box li{\n    margin:.35rem 0;\n    font-size:16.5px;\n    line-height:1.7;\n    color:var(--ink);\n  }\n\n  .fg-review{\n    background:#fffaf3;\n    border-left:4px solid #f01d1d;\n    border-radius:10px;\n    padding:14px 16px;\n    margin:12px 0;\n    color:var(--ink);\n  }\n  .fg-review strong{\n    display:block;\n    color:var(--muted);\n    margin-top:6px;\n  }\n\n  .fg-div{\n    height:1px;\n    background:linear-gradient(90deg, transparent, var(--beige), transparent);\n    margin:8px 0 14px;\n    opacity:.4;\n  }\n\n  @media (max-width:560px){\n    .fg-head{ padding:14px 16px; }\n    .fg-title{ font-size:16px; }\n    .fg-inner p, .fg-box li{ font-size:15.5px; }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .fg-panel, .fg-chevron{ transition:none; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"fg-accordion\" role=\"tablist\" aria-multiselectable=\"false\"\u003e\n  \u003c!-- 1. Description \u0026 histoire --\u003e\n  \u003cdiv class=\"fg-item\"\u003e\n    \u003cbutton class=\"fg-head\" onclick=\"fgToggle(this)\" role=\"tab\" aria-expanded=\"false\"\u003e\n      \u003cspan class=\"fg-title\"\u003e\u003cspan class=\"emoji\"\u003e📜\u003c\/span\u003e Description \u0026amp; histoire\u003c\/span\u003e\n      \u003csvg class=\"fg-chevron\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n        \u003cpath d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/button\u003e\n    \u003cdiv class=\"fg-panel\" role=\"region\" aria-hidden=\"true\"\u003e\n      \u003cdiv class=\"fg-inner\"\u003e\n        \u003cp\u003eLe mug \u003cstrong\u003e« 49.3 cafés pour avaler leur dictature »\u003c\/strong\u003e est un clin d’œil amer et lucide à la situation politique française.  \n        Entre humour noir et ras-le-bol collectif, il transforme la contestation en un rituel du quotidien.\u003c\/p\u003e\n        \u003cp\u003eUn visuel fort, mêlant \u003cstrong\u003edrapeau français\u003c\/strong\u003e et typographie assumée : parce qu’il faut parfois plusieurs cafés pour avaler l’inacceptable.  \n        Ce mug, c’est un symbole de résistance tranquille, le poing levé entre deux gorgées.\u003c\/p\u003e\n        \u003cdiv class=\"fg-div\"\u003e\u003c\/div\u003e\n        \u003cp class=\"fg-note\"\u003e\u003cem\u003eUn café engagé, pour ceux qui refusent d’avaler n’importe quoi.\u003c\/em\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 2. Caractéristiques --\u003e\n  \u003cdiv class=\"fg-item\"\u003e\n    \u003cbutton class=\"fg-head\" onclick=\"fgToggle(this)\" role=\"tab\" aria-expanded=\"false\"\u003e\n      \u003cspan class=\"fg-title\"\u003e\u003cspan class=\"emoji\"\u003e⚙️\u003c\/span\u003e Caractéristiques\u003c\/span\u003e\n      \u003csvg class=\"fg-chevron\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n        \u003cpath d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/button\u003e\n    \u003cdiv class=\"fg-panel\" role=\"region\" aria-hidden=\"true\"\u003e\n      \u003cdiv class=\"fg-inner\"\u003e\n        \u003cdiv class=\"fg-box\"\u003e\n          \u003cul\u003e\n            \u003cli\u003e☕ Mug \u003cstrong\u003e11 oz\u003c\/strong\u003e — \u003cstrong\u003e315 g\u003c\/strong\u003e environ\u003c\/li\u003e\n            \u003cli\u003e🖨️ Impression par \u003cstrong\u003esublimation\u003c\/strong\u003e haute température\u003c\/li\u003e\n            \u003cli\u003e🖐️ Réalisé et sublimé à la main par \u003cstrong\u003eDarkness\u003c\/strong\u003e\n\u003c\/li\u003e\n            \u003cli\u003e🧼 Compatible \u003cstrong\u003emicro-ondes\u003c\/strong\u003e \u0026amp; \u003cstrong\u003elave-vaisselle\u003c\/strong\u003e\n\u003c\/li\u003e\n            \u003cli\u003e📦 Emballage individuel renforcé\u003c\/li\u003e\n          \u003c\/ul\u003e\n          \u003cdiv style=\"margin-top:16px; font-size:15.5px; line-height:1.7; color:#555;\"\u003e\n            \u003cem\u003eChaque mug est réalisé et sublimé à la main dans notre atelier.  \n            De légères variations peuvent apparaître — elles témoignent du caractère artisanal du produit et rendent chaque pièce unique.\u003c\/em\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 3. Conseils d’entretien --\u003e\n  \u003cdiv class=\"fg-item\"\u003e\n    \u003cbutton class=\"fg-head\" onclick=\"fgToggle(this)\" role=\"tab\" aria-expanded=\"false\"\u003e\n      \u003cspan class=\"fg-title\"\u003e\u003cspan class=\"emoji\"\u003e🧼\u003c\/span\u003e Conseils d’entretien\u003c\/span\u003e\n      \u003csvg class=\"fg-chevron\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n        \u003cpath d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/button\u003e\n    \u003cdiv class=\"fg-panel\" role=\"region\" aria-hidden=\"true\"\u003e\n      \u003cdiv class=\"fg-inner\"\u003e\n        \u003cdiv class=\"fg-box\"\u003e\n          \u003cul\u003e\n            \u003cli\u003eLave-vaisselle OK ; privilégier un programme doux pour préserver l’éclat.\u003c\/li\u003e\n            \u003cli\u003eÉviter les éponges \u003cstrong\u003eabrasives\u003c\/strong\u003e sur l’extérieur imprimé.\u003c\/li\u003e\n            \u003cli\u003eCompatible \u003cstrong\u003emicro-ondes\u003c\/strong\u003e.\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 4. Livraison \u0026 Suivi --\u003e\n  \u003cdiv class=\"fg-item\"\u003e\n    \u003cbutton class=\"fg-head\" onclick=\"fgToggle(this)\" role=\"tab\" aria-expanded=\"false\"\u003e\n      \u003cspan class=\"fg-title\"\u003e\u003cspan class=\"emoji\"\u003e🚚\u003c\/span\u003e Livraison \u0026amp; Suivi\u003c\/span\u003e\n      \u003csvg class=\"fg-chevron\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n        \u003cpath d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/button\u003e\n    \u003cdiv class=\"fg-panel\" role=\"region\" aria-hidden=\"true\"\u003e\n      \u003cdiv class=\"fg-inner\"\u003e\n        \u003cdiv class=\"fg-box\"\u003e\n          \u003cul\u003e\n            \u003cli\u003e⏱️ Traitement sous \u003cstrong\u003e48h\u003c\/strong\u003e (hors jours non ouvrés)\u003c\/li\u003e\n            \u003cli\u003e📦 Transport avec \u003cstrong\u003esuivi\u003c\/strong\u003e (point relais \/ domicile \/ locker)\u003c\/li\u003e\n            \u003cli\u003e🚚 Délai estimé : \u003cstrong\u003e3 à 5 jours ouvrés\u003c\/strong\u003e\n\u003c\/li\u003e\n            \u003cli\u003e🔒 Emballage protégé + suivi = livraison sécurisée\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 5. Avis clients --\u003e\n  \u003cdiv class=\"fg-item\"\u003e\n    \u003cbutton class=\"fg-head\" onclick=\"fgToggle(this)\" role=\"tab\" aria-expanded=\"false\"\u003e\n      \u003cspan class=\"fg-title\"\u003e\u003cspan class=\"emoji\"\u003e💬\u003c\/span\u003e Avis clients\u003c\/span\u003e\n      \u003csvg class=\"fg-chevron\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n        \u003cpath d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/button\u003e\n    \u003cdiv class=\"fg-panel\" role=\"region\" aria-hidden=\"true\"\u003e\n      \u003cdiv class=\"fg-inner\"\u003e\n        \u003cdiv class=\"fg-review\"\u003e\n          ⭐⭐⭐⭐⭐ “Un mug qui dit tout haut ce que beaucoup pensent tout bas. Excellent visuel, qualité au top.”\n          \u003cstrong\u003eStéphane — Lyon\u003c\/strong\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"fg-review\"\u003e\n          ⭐⭐⭐⭐⭐ “J’ai explosé de rire en le voyant. Et franchement, la finition est superbe !”\n          \u003cstrong\u003eÉlodie — Lille\u003c\/strong\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"fg-review\"\u003e\n          ⭐⭐⭐⭐ “Arrivé rapidement, très bonne qualité. Il fait réagir au bureau 😄”\n          \u003cstrong\u003eJulien — Clermont-Ferrand\u003c\/strong\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"fg-review\"\u003e\n          ⭐⭐⭐⭐⭐ “Parfait pour mes matins de mauvaise humeur politique. Je recommande sans hésiter.”\n          \u003cstrong\u003eIsabelle — Toulouse\u003c\/strong\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  function fgToggle(btn){\n    const item = btn.parentElement;\n    const panel = btn.nextElementSibling;\n\n    document.querySelectorAll('.fg-item').forEach(i=\u003e{\n      if(i!==item){\n        i.classList.remove('open');\n        const p = i.querySelector('.fg-panel');\n        const b = i.querySelector('.fg-head');\n        if(p){ p.style.height = 0; p.setAttribute('aria-hidden','true'); }\n        if(b){ b.setAttribute('aria-expanded','false'); }\n      }\n    });\n\n    const opening = !item.classList.contains('open');\n    item.classList.toggle('open');\n\n    if(opening){\n      panel.style.height = 'auto';\n      const h = panel.scrollHeight + 'px';\n      panel.style.height = '0px';\n      requestAnimationFrame(()=\u003e{ panel.style.height = h; });\n      btn.setAttribute('aria-expanded','true');\n      panel.setAttribute('aria-hidden','false');\n    }else{\n      panel.style.height = panel.scrollHeight + 'px';\n      requestAnimationFrame(()=\u003e{ panel.style.height = '0px'; });\n      btn.setAttribute('aria-expanded','false');\n      panel.setAttribute('aria-hidden','true');\n    }\n  }\n\n  window.addEventListener('resize', ()=\u003e{\n    document.querySelectorAll('.fg-item.open .fg-panel').forEach(p=\u003e{\n      p.style.height = 'auto';\n      const h = p.scrollHeight + 'px';\n      p.style.height = h;\n    });\n  });\n\u003c\/script\u003e\n","brand":"Fierté Gauloise","offers":[{"title":"Default Title","offer_id":50865945051478,"sku":null,"price":19.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0923\/7341\/8326\/files\/rn-image_picker_lib_temp_d91cedb7-19d6-4ab6-8322-d422b375343b.png?v=1753289727","url":"https:\/\/darkness-officiel.fr\/products\/mug-49-3-cafes-pour-avaler-leur-dictature","provider":"DARKNESS","version":"1.0","type":"link"}