/* ===== Polices : hébergées dans le thème ===== */
@font-face{font-family:"Archivo";font-weight:900;font-stretch:125%;font-display:swap;src:url(../fonts/archivo-expanded-900.woff2) format("woff2")}
@font-face{font-family:"GC Logo";font-display:swap;src:url(../fonts/bebas-logo.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-weight:500 800;font-display:swap;src:url(../fonts/figtree-var.woff2) format("woff2")}

/* ===== Jetons : toutes les couleurs et tous les espacements du site ===== */
:root{
  --bg:#f5f8f6;--paper:#fff;--ink:#0b0d0b;--muted:#4b544e;--line:#d9e0db;
  --red:#ff4a2b;--orange:#ffae2b;--green:#24c46e;--violet:#5a1b8c;--lime:#63d361;--deep:#0c3a25;--night:#10210f;
  --display:Archivo,"Arial Black",sans-serif;--text:Figtree,system-ui,sans-serif;
  --g:clamp(16px,2.6vw,48px);--sec:clamp(56px,6vw,104px);--sec-h:clamp(16px,1.5vw,26px);--r-s:10px;
  --logo-green:#53b147;--out:cubic-bezier(.16,1,.3,1);--spring:cubic-bezier(.2,1.2,.4,1);--hd:72px;
  --primary-color:var(--ink);--fs-color-primary:var(--ink);--fs-color-secondary:var(--ink);--fs-color-success:#17863a;--fs-color-alert:#c9231a;--fs-experimental-link-color:var(--ink);--fs-experimental-link-color-hover:var(--ink);
}

/* ===== Base : remplace le socle de Flatsome sur les pages du thème ===== */
:where(*,*::before,*::after){box-sizing:border-box}
:where(html){-webkit-text-size-adjust:100%}
:where(body){margin:0}
:where(img,svg,video){max-width:100%;vertical-align:middle}
:where(img){height:auto}
:where(a){color:inherit;text-decoration:none}
:where(button,input,select,textarea){color:inherit;font:inherit}
:where(p,ul,ol,dl,figure,h1,h2,h3,h4,h5,h6){margin:0}
:where(ul,ol){padding:0}
.hidden,.mfp-hide{display:none!important}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ===== Base ===== */
html{scroll-padding-top:calc(var(--hd) + 16px);accent-color:var(--ink)}
html,body,#wrapper,#main{background:var(--bg)}
body{color:var(--ink);font:500 clamp(1rem,.96rem + .15vw,1.125rem)/1.5 var(--text);overflow-x:clip}
h1,h2,h3,h4,h5,h6,.heading-font,button,.button,input,select,textarea{font-family:var(--text);letter-spacing:normal}
h1,h2,h3,h4,h5,h6{color:var(--ink)}
::selection{background:var(--lime);color:#0b1f0e}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}
.gc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.gc-i{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* ===== Pleine largeur : plus de colonnes vides sur les côtés ===== */
.container,.container-width,.row,.full-width .ubermenu-nav,.is-full-height>.container{max-width:none!important}
.container{padding-inline:var(--g)}
#content>.row,.page-wrapper>.row,.shop-page-title .row,.product-main>.row,.product-footer .row{padding-inline:calc(var(--g) - 15px)}

/* ===== Bandeau et en-tête ===== */
.top{display:flex;justify-content:space-between;gap:24px;padding:5px var(--g);background:var(--ink);color:#fff;font-size:.8125rem;font-weight:600}
#header.header{position:sticky;top:var(--wp-admin--admin-bar--height,0);z-index:50;height:auto;background:none;box-shadow:none}
#header .header-wrapper{position:static;background:none;box-shadow:none}
.hd{position:relative;display:flex;align-items:center;gap:clamp(12px,1.4vw,28px);height:var(--hd);padding:0 var(--g);background:var(--paper);border-bottom:1px solid var(--line);color:var(--ink)}
.logo,.logo:hover{font:400 clamp(2rem,1.6rem + 1vw,2.75rem)/1 "GC Logo","Arial Narrow",sans-serif;letter-spacing:normal;color:var(--ink);text-decoration:none;white-space:nowrap;flex:none}
.logo span{color:var(--logo-green)}
.hd .nav{position:static;display:flex;align-items:center;flex:1 1 auto;min-width:0;width:auto;height:100%}
/* Les infos (magasins, articles) se distinguent de la boutique : trait de séparation, texte plus discret. */
.nav-i{margin-left:clamp(6px,.8vw,14px)!important;padding-left:clamp(6px,.8vw,14px)!important;background:linear-gradient(var(--line),var(--line)) left center/1.5px 22px no-repeat}
.nav-i .nav-l,.nav-i .nav-l:hover{color:var(--muted);font-weight:600}
.nav-i li:hover>.nav-l,.nav-i .nav-l[aria-current],.nav-i .open>.nav-l{color:var(--ink)}
.nav>ul{display:flex;height:100%;margin:0;padding:0;list-style:none}
.nav li{position:static;display:flex;margin:0}
.nav-l,.nav-l:hover{position:relative;display:inline-flex;align-items:center;gap:.25em;margin:0;padding:0 clamp(7px,.72vw,14px);min-height:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--ink);font:700 1rem/1 var(--text);text-transform:none;text-decoration:none;white-space:nowrap;cursor:pointer}
.nav-l::after{content:"";position:absolute;left:clamp(7px,.72vw,14px);right:clamp(7px,.72vw,14px);bottom:14px;height:3px;background:var(--red);scale:0 1;transform-origin:left;transition:scale .35s var(--out)}
.nav li:hover>.nav-l::after,.nav-l:focus-visible::after,.nav-l[aria-current]::after{scale:1 1}
.nav-l .gc-i{width:.9em;transition:rotate .3s var(--out)}
.has-mega:hover>.nav-l .gc-i,.has-mega.open>.nav-l .gc-i{rotate:180deg}
.mega{position:absolute;left:0;right:0;top:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.5fr);gap:clamp(24px,3vw,56px);padding:clamp(24px,2.4vw,40px) var(--g);background:var(--paper);border-top:1px solid var(--line);box-shadow:0 30px 40px -24px #0b0d0b55;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .4s var(--out),visibility 0s .4s}
.has-mega:hover>.mega,.has-mega.open>.mega{visibility:visible;clip-path:inset(0 -40px -80px);transition:clip-path .4s var(--out)}
.has-mega.shut>.mega{visibility:hidden;clip-path:inset(0 0 100% 0);transition:none}
.m-t{display:block;padding-bottom:8px;margin-bottom:6px;border-bottom:2px solid var(--ink);color:var(--ink);font-size:1.125rem;font-weight:800;text-decoration:none}
.m-l{display:block;padding:6px 0;color:var(--ink);font-weight:500;text-decoration:none}
.m-t:hover,.m-l:hover{color:var(--ink);text-decoration:underline}
.mega:has(.m-shop){grid-template-columns:repeat(4,minmax(0,1fr))}
.m-shop{display:block;text-decoration:none}
.m-shop img{display:block;width:100%;height:auto;aspect-ratio:4/3;margin-bottom:8px;object-fit:cover;background:var(--line)}
.m-shop:hover .m-t{text-decoration:underline}
.m-shop .m-t{margin:0;padding:0;border:0}
.m-pr{display:flex;gap:16px}
.m-pr a{flex:1;min-width:0;display:block;color:var(--ink);font-size:.9375rem;font-weight:700;text-decoration:none}
.m-pr a:hover{color:var(--ink);text-decoration:underline}
.m-pr img{display:block;width:100%;max-width:170px;height:auto;margin-bottom:6px}
.search{position:relative;flex:0 1 200px;min-width:170px;margin:0}
#header .search input[type=search]{width:100%;height:44px;margin:0;padding:0 16px 0 42px;border:1.5px solid var(--ink);border-radius:99px;background:var(--bg);box-shadow:none;color:var(--ink);font-weight:600;caret-color:var(--red)}
#header .search input[type=search]:focus{background:#fff}
#header .search input::placeholder{color:var(--muted);opacity:1}
.search>.gc-i{position:absolute;left:14px;top:50%;translate:0 -50%;pointer-events:none}
.accb,.accb:hover{display:inline-flex;align-items:center;gap:.4em;height:44px;padding:0 4px;color:var(--ink);font-weight:700;text-decoration:none;flex:none}
.accb:hover .accb-t{text-decoration:underline}
.cartb,.cartb:hover{display:inline-flex;align-items:center;gap:.45em;height:44px;padding:0 4px;color:var(--ink);font-weight:700;text-decoration:none;flex:none}
.cartb:hover .cartb-t{text-decoration:underline}
.cartb b{min-width:1.6em;height:1.6em;line-height:1.6em;text-align:center;border-radius:99px;background:var(--ink);color:#fff;font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums}
.burger,.x{display:none;width:44px;height:44px;margin:0;padding:0;place-items:center;flex:none;border:0;background:none;color:var(--ink);box-shadow:none;min-height:0;cursor:pointer}
.x{display:grid}
.burger .gc-i,.x .gc-i{width:24px;height:24px}

/* ===== Tiroir du menu téléphone ===== */
dialog.drawer{margin:0 auto 0 0;width:min(460px,100vw);max-width:none;height:100dvh;max-height:none;border:0;padding:0;background:var(--paper);color:var(--ink);transition:translate .45s var(--out),overlay .45s allow-discrete,display .45s allow-discrete;translate:-100% 0}
dialog.drawer[open]{translate:0 0}
@starting-style{dialog.drawer[open]{translate:-100% 0}}
dialog.drawer::backdrop{background:#0b0d0b80}
.dr-in{display:flex;flex-direction:column;height:100%;padding:12px var(--g) 16px}
.dr-h{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}
.dr-nav{overflow:auto;flex:1}
.dr-nav a,.dr-nav summary{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:1.125rem;font-weight:700;text-decoration:none;cursor:pointer;list-style:none}
.dr-nav summary::-webkit-details-marker{display:none}
.dr-nav details>div{padding-left:14px}
.dr-nav details>div a,.dr-nav details>div summary{font-weight:500}
.dr-nav details[open]>summary .gc-i{rotate:180deg}
.dr-i{margin-top:18px;padding-top:6px;border-top:2px solid var(--ink)}
.dr-i>a,.dr-i>details>summary{color:var(--muted)}
.dr-acc a{display:flex;align-items:center;gap:10px;padding:14px 0 4px;color:var(--ink);font-size:1.0625rem;font-weight:700;text-decoration:none}

/* ===== Pied de page ===== */
.ft{background:var(--ink);color:#fff;padding:clamp(36px,3.6vw,64px) var(--g) 20px}
.ft-g{display:grid;grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:32px var(--g)}
.ft h2{margin:0 0 8px;color:#fff;font-size:1rem;font-weight:800}
.ft ul{margin:0;padding:0;list-style:none}
.ft li{margin:0;padding:2px 0}
.ft a{color:#fff;text-decoration:none}
.ft a:hover{color:#fff;text-decoration:underline}
.ft p{margin:0 0 8px;color:#d3dbd5}
.ft-a p{margin-top:10px;max-width:30ch}
.ft .logo,.ft .logo:hover{color:#fff}
.ft .logo span{color:var(--logo-green)}
.ft :focus-visible{outline-color:#fff}
.ft-l{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;margin-top:clamp(28px,3vw,48px);color:#d3dbd5;font-size:.875rem}

/* ===== Pages du thème : on repart des réglages de base, sans ceux de Flatsome ===== */
.gc-p :where(h1,h2,h3,p,ul,dl,dt,dd,figure,address){margin:0;padding:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}
.gc-p a,.gc-p a:where(:hover){color:inherit}
.gc-p :where(dl,dt,dd){letter-spacing:normal;text-transform:none}
.gc-p :where(img){display:block}
#top-link{display:none}
.gc-p :where(section){scroll-margin-top:calc(var(--hd) + 16px)}

/* ===== Couleurs par saveur ou par rayon ===== */
.t-red{--a:var(--red);--tx:#5a1b8c;--on:#1a0605}
.t-orange{--a:var(--orange);--tx:#a01c47;--on:#2a0a12}
.t-green{--a:var(--green);--tx:#7a0e3a;--on:#04240f}
.t-violet{--a:var(--violet);--tx:#ffae2b;--on:#fff;--btn:#fff;--btn-on:#0b0d0b}
.t-lime{--a:var(--lime);--tx:#0c3a25;--on:#0b1f0e}
.t-deep{--a:var(--deep);--tx:#63d361;--on:#fff;--btn:#fff;--btn-on:#0b0d0b}
.tf,.gc-p a.tf,.gc-p a.tf:where(:hover){background:var(--a);color:var(--on)}

/* ===== Éléments communs ===== */
.gc-p .h2{font:900 clamp(1.5rem,2.5vw,2.8rem)/1.06 var(--display);font-stretch:125%;letter-spacing:-.015em;text-wrap:balance}
a.gbtn,a.gbtn:hover{display:inline-flex;align-items:stretch;min-height:52px;background:var(--btn,var(--ink));color:var(--btn-on,#fff);font-size:1.0625rem;font-weight:800;line-height:1.1;text-decoration:none;white-space:nowrap}
.gbtn>span{display:flex;align-items:center;padding:0 1.15em}
.gbtn-a{display:grid;place-items:center;width:52px;border:2px solid var(--btn,var(--ink));background:var(--btn-on,#fff);color:var(--btn,var(--ink))}
.gbtn-a .gc-i{transition:translate .35s var(--out)}
.gbtn:hover .gbtn-a .gc-i{translate:4px 0}
.lk{font-weight:700;text-decoration:underline}

.strip-h{padding:var(--sec) var(--g) var(--sec-h)}

/* ===== Icônes des rayons ===== */
.ri{position:absolute;right:9%;bottom:6%;height:70%;width:auto;rotate:-9deg;transition:rotate .55s var(--spring),translate .55s var(--spring)}
.ri .a{fill:var(--tx)}
.ri .b{fill:#fff}
.ri .c{fill:var(--a)}

/* ===== Cartes produit ===== */
.pgrid{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));border-top:1px solid var(--line)}
.pc{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--paper);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.pc:has(.pc-n a:focus-visible){outline:3px solid var(--ink);outline-offset:-3px}
.pc-img{position:relative;aspect-ratio:1;overflow:hidden;background:#fff}
.pc-img img{width:100%;height:100%;object-fit:contain;transition:scale .6s var(--out)}
.pc:hover .pc-img img{scale:1.04}
.pc--pop .pc-img{background:var(--a)}
.pc--pop .pc-img img{position:absolute;width:auto;max-width:none;height:128%;left:50%;top:7%;translate:-50% 0;rotate:-8deg;filter:drop-shadow(0 10px 12px #0004);transition:rotate .6s var(--spring),top .6s var(--out)}
.pc--pop:hover .pc-img img{scale:1;rotate:0deg;top:3%}
.gc-p .pc-tag{position:absolute;z-index:1;left:10px;top:10px;padding:.42em .6em .38em;background:var(--btn,var(--ink));color:var(--btn-on,#fff);font:900 .75rem/1 var(--display);font-stretch:125%;letter-spacing:.01em;text-transform:uppercase}
.pc-tx{display:flex;flex-direction:column;flex:1;padding:10px 14px 12px}
.gc-p .pc-n{font-size:1.0625rem;font-weight:800;line-height:1.18;text-wrap:balance}
.pc-n a{text-decoration:none}
.pc-n a::after{content:"";position:absolute;inset:0}
.pc:hover .pc-n a{text-decoration:underline}
.pc-n a:focus-visible{outline:0;box-shadow:none}
.gc-p .pc-ar{margin-top:3px;font-size:.9375rem;font-weight:700;line-height:1.25}
.gc-p .pc-m{margin-top:2px;font-size:.875rem;color:var(--muted)}
.pc-f{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:8px}
.gc-p .pc-price{font-size:1.0625rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.pc-price del{font-weight:500;color:var(--muted)}
a.pc-add,a.pc-add:hover{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:40px;padding:0 10px;border-radius:var(--r-s);border:1.5px solid var(--ink);font-weight:700;font-size:.875rem;line-height:1;text-decoration:none;transition:background .2s,color .2s}
a.pc-add{color:var(--ink)}
a.pc-add:hover{background:var(--ink);color:#fff}
a.pc-add.loading{opacity:.55;pointer-events:none}
a.pc-add.added{background:#17863a;border-color:#17863a;color:#fff}
.pc-f .added_to_cart{display:none}
.pc-out{font-size:.875rem;font-weight:700;color:var(--muted)}
@media(min-width:640px){.pgrid{--cols:3}.pgrid.pc-g{--cols:4}}
@media(min-width:1000px){.pgrid{--cols:4}}
@media(min-width:1280px){.pgrid:not(.pc-g){--cols:5}}
@media(min-width:1700px){.pgrid:not(.pc-g){--cols:6}}
/* Une seule rangée : on n'affiche que les cartes qui tiennent. */
.strip .pc:nth-child(n+5){display:none}
@media(min-width:640px){.strip .pc:nth-child(n+5){display:flex}}
@media(min-width:1000px){.strip .pc:nth-child(n+5){display:none}}
@media(min-width:1280px){.strip .pc:nth-child(5){display:flex}}
@media(min-width:1700px){.strip .pc:nth-child(6){display:flex}}

/* ===== Tuiles de rayons compactes ===== */
.mini{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.gc-p .mini a{display:flex;align-items:flex-end;min-height:clamp(110px,10vw,180px);padding:clamp(12px,1.2vw,20px);font:900 clamp(1rem,1.35vw,1.6rem)/1.05 var(--display);font-stretch:125%;letter-spacing:-.015em;text-decoration:none}
.gc-p .mini a:hover{text-decoration:underline;text-decoration-thickness:3px}
.mini a:first-child{padding-left:var(--g)}
@media(max-width:999px){
  .mini{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mini a:nth-child(4){padding-left:var(--g)}
}
@media(max-width:599px){
  .mini{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mini a:nth-child(4){padding-left:clamp(12px,1.2vw,20px)}
  .mini a:nth-child(odd){padding-left:var(--g)}
}

/* ===== Magasins : section commune ===== */
.mq{overflow:hidden;background:var(--night);color:var(--lime);padding:.05em 0;font-size:clamp(3rem,9vw,11rem)}
.mq-t{display:flex;align-items:center;width:max-content;font-family:var(--display);font-stretch:125%;font-weight:900;text-transform:uppercase;line-height:1.05;animation:run 70s linear infinite}
.mq i{flex:none;width:.3em;height:.3em;margin:0 .35em;border-radius:50%;background:currentColor}
.mq:hover .mq-t{animation-play-state:paused}
@keyframes run{to{transform:translateX(-50%)}}
.shops{background:var(--lime);color:#0b1f0e}
.sh-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 48px;padding:clamp(28px,3vw,52px) var(--g) clamp(20px,2vw,32px)}
.now{margin-top:6px;font-weight:800;min-height:1.5em}
.hours{display:flex;flex-wrap:wrap;gap:8px clamp(20px,2.6vw,48px);font-variant-numeric:tabular-nums}
.hours>div{display:grid;gap:1px}
.gc-p .hours dt{font-size:.875rem;font-weight:500}
.gc-p .hours dd{font-weight:800;white-space:nowrap}
.sh-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.sh-c{position:relative;display:flex;flex-direction:column;min-width:0}
.sh-i{aspect-ratio:4/3;overflow:hidden;background:var(--deep)}
.sh-i img{width:100%;height:100%;object-fit:cover;transition:scale .7s var(--out)}
.sh-c:hover .sh-i img{scale:1.04}
.sh-b{display:grid;gap:6px;padding:clamp(12px,1.2vw,20px) clamp(12px,1.2vw,20px) clamp(24px,2.6vw,44px)}
.sh-c:first-child .sh-b{padding-left:var(--g)}
.gc-p .sh-b h3{font:900 clamp(1.4rem,2.3vw,2.7rem)/1 var(--display);font-stretch:125%;letter-spacing:-.015em}
.sh-b h3 a{display:inline-flex;align-items:center;gap:.25em;text-decoration:none}
.sh-b h3 a::after{content:"";position:absolute;inset:0}
.sh-b h3 .gc-i{width:.7em;height:.7em;transition:translate .35s var(--out)}
.sh-c:hover h3 a{text-decoration:underline;text-decoration-thickness:3px}
.sh-c:hover h3 .gc-i{translate:5px 0}
.sh-b address{font-style:normal;line-height:1.3}
.sh-b .tel{position:relative;z-index:1;justify-self:start;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.sh-b .tel:hover{text-decoration:underline}

@media(max-width:999px){
  .sh-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sh-c:nth-child(odd) .sh-b{padding-left:var(--g)}
}

/* ===== Questions fréquentes : accordéons natifs ===== */
.faq{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:20px clamp(24px,4vw,80px);padding:var(--sec) var(--g)}
.faq>.h2{position:sticky;top:calc(var(--hd) + 24px);align-self:start}
.acc{border-top:1px solid var(--ink)}
.acc:last-child{border-bottom:1px solid var(--ink)}
.acc summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(12px,1.05vw,18px) 0;cursor:pointer;list-style:none}
.acc summary::-webkit-details-marker{display:none}
.gc-p .acc h3{font-size:clamp(1.0625rem,1.2vw,1.375rem);font-weight:700;line-height:1.25}
.acc .gc-i{transition:rotate .45s var(--out)}
.acc[open] .gc-i{rotate:45deg}
.acc-b{display:grid;gap:.6em;max-width:68ch;padding-bottom:18px}
.acc-b a{font-weight:700;text-decoration:underline}
@supports (interpolate-size:allow-keywords){
  .acc{interpolate-size:allow-keywords}
  .acc::details-content{height:0;overflow:clip;transition:height .45s var(--out),content-visibility .45s allow-discrete}
  .acc[open]::details-content{height:auto}
}
@media(max-width:999px){
  .faq{grid-template-columns:minmax(0,1fr)}
  .faq>.h2{position:static}
}

/* ===== Bandeau cookies : Accepter et Refuser au même niveau ===== */
.ck{position:fixed;z-index:900;left:16px;bottom:16px;display:grid;gap:12px;width:min(480px,calc(100vw - 32px));padding:16px 18px;background:var(--ink);color:#fff;box-shadow:0 18px 40px -16px #0b0d0b99}
.ck[hidden]{display:none}
.ck p{margin:0;font-size:.9375rem;line-height:1.4}
.ck a,.ck a:hover{color:#fff;font-weight:700;text-decoration:underline}
.ck-b{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ck-b button{min-height:48px;margin:0;padding:0 1em;border:1.5px solid #fff;border-radius:0;background:none;box-shadow:none;color:#fff;font-size:1rem;font-weight:800;letter-spacing:normal;line-height:1.1;text-transform:none;cursor:pointer}
.ck-b button:hover{background:#fff;color:var(--ink)}
.ft-ck{margin:0;padding:0;min-height:0;border:0;background:none;box-shadow:none;color:#d3dbd5;font:inherit;letter-spacing:normal;text-transform:none;text-decoration:underline;cursor:pointer}
.ft-ck:hover{color:#fff}
.nw{white-space:nowrap}
.ft-so{display:flex;flex-wrap:wrap;gap:6px 20px}
.ft .ft-so a{color:#d3dbd5;text-decoration:underline}
.ft .ft-so a:hover{color:#fff}

/* ===== Fenêtre d'âge : l'apparence seulement, le fonctionnement reste celui de l'extension ===== */
#surbma-yes-no-popup.uk-open{display:flex!important;align-items:center;justify-content:center;padding:16px;background:#0b0d0bb8}
#surbma-yes-no-popup .uk-modal-dialog{width:min(560px,100%);margin:0;padding:clamp(20px,3vw,36px);border:0;border-radius:0;background:var(--lime);box-shadow:none;color:#0b1f0e}
#surbma-yes-no-popup .uk-modal-header,#surbma-yes-no-popup .uk-modal-content,#surbma-yes-no-popup .uk-modal-footer{padding:0;border:0;background:none}
#surbma-yes-no-popup h2,#surbma-yes-no-popup h2 a{margin:0;color:#0b1f0e;font:900 clamp(1.5rem,3.4vw,2.5rem)/1.05 var(--display);font-stretch:125%;letter-spacing:-.015em;text-decoration:none}
#surbma-yes-no-popup .uk-modal-content{margin-top:12px;line-height:1.45}
#surbma-yes-no-popup .uk-modal-content *{color:#0b1f0e}
#surbma-yes-no-popup .uk-modal-content a{font-weight:700;text-decoration:underline}
#surbma-yes-no-popup .uk-modal-footer{display:flex;gap:8px;margin-top:clamp(16px,2vw,24px)}
#surbma-yes-no-popup .uk-button{min-height:56px;margin:0;padding:0 1.4em;border:1.5px solid #0b1f0e;border-radius:0;background:none;box-shadow:none;color:#0b1f0e;font-size:1.0625rem;font-weight:800;letter-spacing:normal;line-height:1.1;text-transform:none;cursor:pointer;transition:background .2s,color .2s}
#surbma-yes-no-popup .uk-button-default{flex:0 0 96px!important;width:96px!important;padding:0}
#surbma-yes-no-popup .uk-button-primary{flex:1 1 0!important;width:auto!important;min-width:0;padding:0;background:#0b1f0e;color:#fff}
#surbma-yes-no-popup .uk-button-primary:hover{background:#000;color:#fff}
#surbma-yes-no-popup .uk-button-default:hover{background:#0b1f0e;color:#fff}

/* ===== Points de rupture de l'en-tête et du pied de page ===== */
@media(max-width:1439px){.nav-o1{display:none!important}.accb-t{display:none}}
@media(max-width:1179px){.nav-o2{display:none!important}}
@media(max-width:1099px){
  .hd .nav{display:none}
  .burger{display:grid}
  .logo{margin-right:auto}
  .ft-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ft-a{grid-column:1/-1}
}
@media(max-width:999px){
  .top-2{display:none}
  .hd{flex-wrap:wrap;height:auto;gap:4px 8px;padding:6px var(--g) 8px}
  .search{order:9;flex:1 1 100%}
}
/* animation:none, pas une durée très courte : la fin d'animation fait défiler le héros. */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}