/* Carte du QR code dans la DA du site (17/10/2026) : polices du site (Oswald, Aleo italique, feutre, manuscrit),
   titre enseigne cerné de blanc, ingrédients détourés à liseré blanc, gravures Vilmorin, tampons, feuilles de papier,
   tableau de la suggestion identique au site. Animations sur transform/opacity uniquement. */
:root{--g:#3E6A2A;--g2:#2F5220;--gd:#1E3517;--red:#B8352B;--paper:#F7F4EC;--sand:#F3E6D0;
  --fd:'Oswald',Impact,sans-serif;--fb:'Aleo',Georgia,serif;--fm:'Permanent Marker',cursive;--fk:'Kaushan Script',cursive;--papier:#F3E6D0}
body{font-family:var(--fb)!important;font-style:italic;color:#2B4620;background:var(--papier)!important}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.cv:not(.avec-fond),.som,.chap,.chap .cp{background:transparent!important}
.cl,.chap.typo .cl,.chap.plein .cl{background:transparent!important}

/* ===== couverture : le nom en enseigne, habité par les ingrédients ===== */
.cv:not(.avec-fond){position:relative;overflow:hidden;padding:calc(env(safe-area-inset-top) + 80px) 0 10px;text-align:center}
.cvh{font-family:var(--fd)!important;font-style:normal;letter-spacing:.3em!important}
.cvh .lg-f{filter:none}
.cvg{position:relative;z-index:2;padding:0 10px!important;margin:6px 0 0!important;font:600 clamp(66px,19vw,170px)/.9 var(--fd)!important;text-transform:uppercase;letter-spacing:.04em!important;color:var(--g2)!important}
.cvg .b{display:block;color:var(--g2)!important}
.cvg .m{overflow:visible!important}
.cvg .m>span,.cvg .lt{display:inline-block;paint-order:stroke fill;-webkit-text-stroke:.07em #fff;text-shadow:0 .06em .18em rgba(20,35,12,.35),0 .02em 0 rgba(20,35,12,.25)}
.cv-sur{display:block;font:500 13px/1 var(--fd);font-style:normal;letter-spacing:.42em;text-transform:uppercase;color:var(--g);margin:0 0 4px}
.cv-stamp{position:absolute;z-index:5;right:7%;top:calc(env(safe-area-inset-top) + 92px);font:600 12px/1 var(--fd);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--red);border:2.5px solid var(--red);border-radius:6px;padding:7px 10px;transform:rotate(-12deg);opacity:.85;mix-blend-mode:multiply}
.cv-ing{position:absolute;z-index:3;pointer-events:none;will-change:transform}
.cv-ing img{display:block;width:100%;height:auto;filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(0 16px 18px rgba(50,35,10,.28))}
.cv-ing.i1{width:min(24vw,170px);left:58%;top:calc(env(safe-area-inset-top) + 64px)}
.cv-ing.i2{width:min(20vw,140px);right:-1%;top:calc(env(safe-area-inset-top) + 190px)}
.cv-ing.i3{width:min(30vw,210px);left:-5%;top:calc(env(safe-area-inset-top) + 225px)}
.cv-grav{position:absolute;z-index:1;pointer-events:none;mix-blend-mode:multiply;opacity:.6}
.cv-grav img{display:block;width:100%;height:auto}
.cv-grav.g1{width:min(40vw,300px);right:-10%;top:48%}
.cv-grav.g2{width:min(32vw,230px);left:-8%;bottom:4%}
#couvPols{position:relative;z-index:4}
.cvb{text-align:left}
.cvb .t{font:400 clamp(26px,7vw,40px)/1 var(--fm)!important;color:var(--g)!important;transform:rotate(-2deg)}
.cvb .t span{display:inline!important;color:var(--red)!important}
.cvb .s{font-family:var(--fd)!important;font-style:normal;letter-spacing:.14em;text-transform:uppercase;font-size:11.5px!important}
.cv-filet{display:none}

/* ===== polaroïds : liseré blanc, étiquette au feutre comme sur le site ===== */
.pol{border-radius:2px!important}
.pol figcaption{font:400 15px/1.15 var(--fm)!important;font-style:normal;color:var(--g)!important;letter-spacing:.01em}
.pols .pol:nth-child(odd) figcaption{color:var(--red)!important}

/* ===== sommaire ===== */
.som{padding-top:44px!important}
.som .mi{font-family:var(--fd)!important;font-style:normal;letter-spacing:.3em;color:var(--red)!important}
.som h2{font-family:var(--fb)!important;font-style:italic;color:#555!important}
.som .tt{font:400 clamp(32px,9vw,48px)/1.1 var(--fk)!important;color:var(--g)!important;letter-spacing:0!important}
.som .tt .t1{color:var(--g)!important}
.som .vg.vert,.som .vg.rouge,.som .vg.sable,.som .vg.olive{background:#fff!important;box-shadow:0 6px 14px -8px rgba(50,35,10,.4)}
.som .vg .nb{font:600 18px var(--fd)!important;color:var(--g)!important}
.som .vg.ph{border:3px solid #fff;box-shadow:0 6px 14px -8px rgba(50,35,10,.45)}
.bas button{font:400 17px var(--fm)!important;border-radius:4px!important;text-transform:uppercase}
.bas button:first-child{background:var(--g)!important}

/* ===== la suggestion : le tableau du site ===== */
#sgz .sem{margin:10px 16px 26px}
#sgz .sg{display:none}

/* ===== chapitres : un titre manuscrit, une feuille de papier ===== */
.chap{position:relative;overflow:hidden;isolation:isolate}
.ch-grav{position:absolute;z-index:0;pointer-events:none;mix-blend-mode:multiply;opacity:.55;width:min(36vw,250px);will-change:transform}
.ch-grav img{display:block;width:100%;height:auto}
.chap:nth-of-type(odd) .ch-grav{right:-8%;top:40px}
.chap:nth-of-type(even) .ch-grav{left:-8%;top:80px}
.cp,.cl{position:relative;z-index:1}
.cpt h2{font:400 clamp(44px,12vw,72px)/1.05 var(--fk)!important;color:var(--g)!important;letter-spacing:0!important;margin:0!important}
.cpt h2 .t1{color:var(--g)!important}
.cpt .ss{font-family:var(--fb)!important;font-style:italic;color:#555!important}
.ch-filet{display:block;width:84px;height:3px;border-radius:2px;background:var(--red);margin:10px 0 0;transform-origin:left;transform:scaleX(0)}
.cl{margin:14px 16px 0!important;padding:18px 18px 14px!important;background:#fff!important;border-radius:3px!important;box-shadow:0 22px 40px -26px rgba(50,35,10,.5),0 2px 6px rgba(50,35,10,.08)!important;transform:rotate(.5deg)}
.chap:nth-of-type(even) .cl{transform:rotate(-.6deg)}
.cl li{border-bottom:1.5px dotted rgba(62,106,42,.28)!important}
.cl .n{font:700 16.5px/1.3 var(--fb)!important;font-style:italic;color:#1f2a18!important}
.cl .p{font:500 20px/1 var(--fd)!important;font-style:normal;color:var(--g)!important}
.cl .x{font:400 14.5px/1.45 var(--fb)!important;font-style:italic;color:#666!important}
.cl h3{font:600 12px/1 var(--fd)!important;font-style:normal;letter-spacing:.2em;color:var(--red)!important}
.cl .nt{font-family:var(--fb)!important;font-style:italic;border-left-color:var(--red)!important}
.cc{font-family:var(--fd)!important;font-style:normal}

/* ===== barre du haut ===== */
.bar{background:rgba(247,244,236,.92)!important;-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2)}
.bar .lg{font:400 22px/1 var(--fm)!important;color:var(--g)!important;transform:rotate(-2deg)}
.bar .lg span{display:none}
.bar .sw button{font:500 13px var(--fd)!important;font-style:normal;letter-spacing:.08em;text-transform:uppercase}
.bar .ch a{font:500 13px var(--fd)!important;font-style:normal;letter-spacing:.06em;text-transform:uppercase}

/* ===== pied : le vert du site ===== */
footer{background:var(--g)!important;color:rgba(255,255,255,.85)!important}
footer .a{font:400 clamp(54px,15vw,96px)/.95 var(--fm)!important;color:#fff!important}
footer .a span{color:var(--sand)!important}
footer .mi{font-family:var(--fd)!important;color:rgba(255,255,255,.7)!important}
footer p,footer p b{color:#fff!important;font-family:var(--fb)!important}
.fb a{font:400 17px var(--fm)!important;border-radius:4px!important;text-transform:uppercase;background:#fff!important;color:var(--g)!important}
.fb a+a{background:transparent!important;color:#fff!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)!important}
.site{color:rgba(255,255,255,.7)!important}

@media(prefers-reduced-motion:reduce){.ch-filet{transform:none}}
.cv-ing.i1{left:auto;right:4%;top:calc(env(safe-area-inset-top) + 30px);width:min(20vw,150px)}
.cv-stamp{top:calc(env(safe-area-inset-top) + 118px)}
.cvb .t span{margin-left:.28em}
/* corrections du 17/10 */
.chap .cl,.chap.typo .cl,.chap.plein .cl{background:#fff!important}
.cv-ing.i1{right:auto;left:4%;top:calc(env(safe-area-inset-top) + 112px);width:min(18vw,130px)}
#sgz{padding:0 14px;box-sizing:border-box;overflow:hidden}
#sgz .sem{margin:10px 0 26px!important;width:auto!important;max-width:640px;box-sizing:border-box}
@media(min-width:700px){#sgz .sem{margin:10px auto 26px!important}}
/* ===== plus simple (17/10, « trop chargé ») : plus aucun dessin en fond, deux ingrédients seulement sur le nom ===== */
.cv-grav,.ch-grav,.cv-ing.i3{display:none!important}
.cl{transform:none!important;box-shadow:0 14px 30px -24px rgba(50,35,10,.45)!important}
.chap:nth-of-type(even) .cl{transform:none!important}
/* sommaire des boissons */
.som-b{padding:34px 22px 26px!important}
.som-b .vg{background:#fff!important;box-shadow:0 6px 14px -8px rgba(50,35,10,.4)}
/* juste des photos : plus de légende sous les polaroïds (17/10) */
.pol figcaption{display:none!important}
.pol{padding-bottom:24px!important}
