/* Livio Food Truck — proposition 3 — retours client */
:root{
  --paille:#e6cf8f; --paille2:#dcc27a; --pli:#c9ac5e; --oleata:#fbf6e8;
  --encre:#171f45; --rouge:#c4311d; --vert:#1d6a42; --brun:#6b4c12;
  --fat:"Rozha One",Georgia,serif; --cond:"Barlow Condensed","Arial Narrow",sans-serif; --txt:"Barlow",system-ui,sans-serif;
  --g:clamp(18px,5vw,80px);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .38  0 0 0 0 .26  0 0 0 0 .04  0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --fibres:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .35' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42  0 0 0 0 .3  0 0 0 0 .06  0 0 0 .22 -.04'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paille) var(--grain);color:var(--encre);font:400 18px/1.6 var(--txt);overflow-x:hidden}
img,svg{display:block;max-width:100%}img{height:auto}
h1,h2,h3,h4,p,ul,ol,figure,blockquote,fieldset{margin:0;padding:0}
ul,ol{list-style:none}fieldset{border:0;min-width:0}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:3px solid var(--encre);outline-offset:3px}
.skip{position:absolute;left:12px;top:-70px;z-index:99;background:var(--encre);color:var(--oleata);padding:12px 18px}
.skip:focus{top:12px}

.tri{display:inline-block;width:34px;height:8px;flex:none;background:var(--rouge);box-shadow:0 0 0 1px rgba(23,31,69,.25)}
.tri--us{background:linear-gradient(90deg,var(--encre) 40%,var(--oleata) 40% 60%,var(--rouge) 60%)}
.over{display:flex;align-items:center;gap:14px;font:600 15px/1.2 var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--brun)}
.bt{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:12px 26px;border:2px solid var(--encre);font:700 17px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:999px;transition:transform .2s,box-shadow .2s,background .2s,color .2s;box-shadow:0 4px 0 var(--encre);background:var(--oleata)}
.bt:hover{transform:translateY(2px);box-shadow:0 2px 0 var(--encre)}
.bt:active{transform:translateY(4px);box-shadow:0 0 0 var(--encre)}
.bt--red{background:var(--rouge);color:#fff6e6}
.bt--ink{background:var(--encre);color:var(--oleata);box-shadow:0 4px 0 #000a2a}
.prix{display:inline-grid;place-items:center;flex:none;width:74px;height:74px;border-radius:50%;border:3px solid var(--rouge);color:var(--rouge);font:400 34px/1 var(--fat);transform:rotate(-8deg);filter:url(#encre2);white-space:nowrap;box-shadow:inset 0 0 0 3px var(--oleata),inset 0 0 0 4.5px var(--rouge)}
.prix sup{font-size:.42em;vertical-align:top;margin-left:1px;line-height:1.5;font-family:var(--cond);font-weight:700}
.prix{grid-auto-flow:column;align-content:center;justify-content:center}
.prix--xl{width:104px;height:104px;font-size:50px}

/* ── Barre ── */
.bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:22px;padding:10px var(--g);background:var(--paille2) var(--grain);border-bottom:2px solid var(--encre)}
.bar__logo{font:400 34px/1 var(--fat);color:var(--rouge);text-decoration:none;display:flex;align-items:baseline;gap:10px;margin-right:auto}
.bar__logo small{font:600 12px/1 var(--cond);letter-spacing:.24em;text-transform:uppercase;color:var(--encre)}
.bar__nav{display:flex;gap:4px}
.bar__nav a{font:600 16px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:12px 12px;border-radius:999px;transition:background .2s,color .2s}
.bar__nav a:hover{background:rgba(23,31,69,.1)}
.bar__nav a.on{background:var(--encre);color:var(--oleata)}
.bar__tel{font:700 19px/1 var(--cond);letter-spacing:.06em;text-decoration:none;background:var(--rouge);color:#fff6e6;padding:13px 18px;border-radius:999px}

/* ── Volet 1 ── */
.hero{position:relative;overflow:hidden;padding:clamp(34px,5vw,80px) var(--g) clamp(60px,7vw,110px);background:var(--fibres)}
.hero__ghost{position:absolute;left:-2vw;bottom:-.24em;font:400 clamp(180px,37vw,640px)/.8 var(--fat);color:rgba(120,84,10,.09);white-space:nowrap;pointer-events:none;user-select:none}
.hero__in{position:relative;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,4vw,70px);align-items:center;max-width:1400px;margin:0 auto}
h1{font:400 clamp(54px,8.4vw,142px)/.92 var(--fat);letter-spacing:-.01em;margin:22px 0 28px}
h1 em{font-style:normal;color:var(--rouge)}
.hero__lead{max-width:30em;font-size:clamp(17px,1.35vw,20px)}
.hero__facts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:26px 0 30px;font:500 19px/1.3 var(--cond);letter-spacing:.04em;text-transform:uppercase}
.hero__facts b{font-weight:700;color:var(--rouge);margin-right:-6px}
.hero__facts span{width:6px;height:6px;border-radius:50%;background:var(--encre)}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px}
.hero__sheet{position:relative;justify-self:center;width:100%;max-width:620px}
.oleata{position:relative;background:var(--oleata);padding:7%;transform:rotate(3deg);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 30px 50px -20px rgba(80,50,0,.45),0 2px 6px rgba(80,50,0,.25);
  clip-path:polygon(0 1.2%,4% 0,9% 1.4%,15% .2%,22% 1.2%,30% 0,38% 1.3%,47% .1%,55% 1.2%,64% 0,72% 1.3%,81% .2%,89% 1.4%,95% 0,100% 1.1%,100% 100%,0 100%)}
.oleata::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.6%,rgba(120,84,10,.13) 50%,transparent 50.6%),linear-gradient(0deg,transparent 49.6%,rgba(120,84,10,.1) 50%,transparent 50.5%);pointer-events:none}
.oleata img{position:relative;width:100%;filter:drop-shadow(0 14px 14px rgba(60,30,0,.35))}
.gras{position:absolute;border-radius:50%;background:radial-gradient(closest-side,rgba(196,150,40,.34),rgba(196,150,40,.2) 60%,transparent);mix-blend-mode:multiply;pointer-events:none}
.gras--1{width:20%;aspect-ratio:1.2;left:2%;bottom:6%}.gras--2{width:11%;aspect-ratio:1;right:5%;top:9%}.gras--3{width:7%;aspect-ratio:1;right:14%;bottom:4%}
.tampon{position:absolute;left:-7%;bottom:-6%;width:clamp(150px,15vw,214px);aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;border:4px solid currentColor;color:var(--vert);transform:rotate(-13deg);font-family:var(--cond);text-transform:uppercase;filter:url(#encre2);box-shadow:inset 0 0 0 5px var(--paille),inset 0 0 0 7px currentColor;background:rgba(230,207,143,.0)}
.tampon strong{font:400 clamp(24px,2.5vw,36px)/1 var(--fat);letter-spacing:.01em;text-transform:none;padding:6px 8px;border-block:2px solid currentColor;width:86%}
.tampon span{font-weight:700;font-size:clamp(11.5px,1vw,14.5px);letter-spacing:.14em;max-width:76%;line-height:1.15}
.tampon.ferme{color:var(--rouge)}
.js .tampon{opacity:0}
.js .tampon.pose{animation:pose .5s cubic-bezier(.3,1.6,.5,1) both}
@keyframes pose{0%{opacity:0;transform:rotate(-24deg) scale(1.9)}60%{opacity:1}100%{opacity:1;transform:rotate(-13deg) scale(1)}}
.hero__fold{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);font:600 13px/1 var(--cond);letter-spacing:.3em;text-transform:uppercase;color:var(--brun)}

/* ── Volets ── */
.volet{position:relative;padding:clamp(70px,9vw,140px) var(--g);overflow-x:clip;perspective:1600px}
.volet::before{content:"";position:absolute;inset:0 0 auto 0;height:70px;background:linear-gradient(rgba(90,60,0,.2),rgba(90,60,0,.06) 14%,transparent);border-top:1px solid rgba(255,250,225,.75);pointer-events:none}
.volet:nth-of-type(odd){background:rgba(255,246,210,.2) var(--fibres)}
.volet:nth-of-type(even){background:var(--fibres)}
.volet__in{max-width:1400px;margin:0 auto;transform-origin:50% 0}
.js .volet__in{transform:rotateX(-14deg);opacity:.25;transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity .8s}
.js .volet.ouvert .volet__in{transform:none;opacity:1}
.tete{margin-bottom:clamp(36px,5vw,70px);max-width:1000px}
h2{font:400 clamp(44px,6.6vw,112px)/.95 var(--fat);letter-spacing:-.01em;margin-top:18px}
h2 em{font-style:normal;color:var(--rouge)}
.tete__p{margin-top:22px;max-width:36em;font-size:clamp(17px,1.3vw,20px)}

/* ── Carte ── */
.bascule{display:none}
.feuilles{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:start}
.feuille{background:var(--oleata);padding:clamp(22px,3vw,48px);position:relative;box-shadow:0 26px 44px -22px rgba(80,50,0,.5),0 2px 5px rgba(80,50,0,.2)}
.feuille--it{transform:rotate(-.7deg)}
.feuille--us{transform:rotate(.6deg);margin-top:clamp(0px,5vw,80px)}
.feuille::after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:12px;background:linear-gradient(-45deg,transparent 8px,var(--oleata) 0) 0 0/16px 12px,linear-gradient(45deg,transparent 8px,var(--oleata) 0) 8px 0/16px 12px;background-repeat:repeat-x;transform:scaleY(-1)}
.feuille__t{display:flex;align-items:center;gap:16px;font:400 clamp(34px,3.6vw,58px)/1 var(--fat);color:var(--encre);padding-bottom:20px;border-bottom:3px double var(--encre);margin-bottom:8px}
.feuille--it .feuille__t{color:var(--vert)}
.bloc{padding:24px 0;border-bottom:1.5px dashed rgba(23,31,69,.35)}
.feuille .bloc:last-child{border-bottom:0;padding-bottom:6px}
.bloc__t{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px;min-height:52px}
h4{font:700 clamp(23px,2vw,30px)/1.05 var(--cond);letter-spacing:.05em;text-transform:uppercase}
h4 small{font-weight:500;font-size:.62em;letter-spacing:.08em;color:var(--brun);white-space:nowrap}
.bloc li{padding:6px 0;font-size:16.5px;line-height:1.45;color:#3b4269}
.bloc li b{display:block;font:600 20px/1.2 var(--cond);letter-spacing:.03em;color:var(--encre);text-transform:uppercase}
.bloc--img{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:20px;align-items:center}
.bloc--rev img{order:2}.bloc--rev{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.bloc--img img{mix-blend-mode:multiply;filter:drop-shadow(0 10px 8px rgba(60,30,0,.25));justify-self:center}
.lignes li{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:0 8px}
.lignes li i{border-bottom:2px dotted rgba(23,31,69,.4);transform:translateY(-4px)}
.lignes li em{font:400 21px/1 var(--fat);font-style:normal;color:var(--rouge);white-space:nowrap}
.lignes li span{grid-column:1/-1;font-size:15.5px}
.lignes--gros li b{font-size:24px}.lignes--gros li em{font-size:26px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;border-bottom:1.5px dashed rgba(23,31,69,.35)}
.duo .bloc{border:0}
.coupons{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr);gap:clamp(18px,2.4vw,36px);margin-top:clamp(50px,6vw,90px);align-items:stretch}
.coupon{position:relative;background:var(--encre);color:var(--oleata);padding:28px 150px 28px 30px;min-height:170px;
  -webkit-mask:radial-gradient(circle 12px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 12px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 12px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 12px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat}
.coupon::before{content:"";position:absolute;top:14px;bottom:14px;right:128px;border-left:2px dashed rgba(251,246,232,.45)}
.coupon__n{font:700 13px/1 var(--cond);letter-spacing:.26em;text-transform:uppercase;color:#f0c35c}
.coupon h3{font:400 clamp(26px,2.3vw,34px)/1.05 var(--fat);margin:10px 0 8px}
.coupon p:last-of-type{font-size:15.5px;line-height:1.45;color:#d5d8e6}
.coupon .prix{position:absolute;right:16px;top:50%;margin-top:-52px;border-color:#f0c35c;color:#f0c35c;box-shadow:inset 0 0 0 3px var(--encre),inset 0 0 0 4.5px #f0c35c;filter:none}
.petits{align-self:center;font-size:16.5px}
.petits li{display:block;padding:12px 0;border-bottom:1.5px dashed rgba(23,31,69,.4);position:relative;padding-right:74px}
.petits b{font:700 19px/1 var(--cond);letter-spacing:.06em;text-transform:uppercase;margin-right:6px}
.petits em{position:absolute;right:0;top:10px;font:400 22px/1 var(--fat);font-style:normal;color:var(--rouge)}

/* ── Maison ── */
.maison__g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(30px,6vw,110px);align-items:center}
.lettrine{font:500 clamp(21px,1.9vw,28px)/1.45 var(--txt);margin-bottom:24px}
.lettrine::first-letter{font:400 4.1em/.78 var(--fat);float:left;color:var(--rouge);padding:.06em .1em 0 0}
.maison__t p+p{max-width:38em}
.tampons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:440px;justify-self:center}
.tampons svg{width:100%;height:auto;overflow:visible}
.tampons li{color:var(--rouge);transform:rotate(var(--r));filter:url(#encre2)}
.tampons li:nth-child(3){grid-column:1/-1;width:50%;justify-self:center;margin-top:-8%}
.tampons .vert{color:var(--vert);margin-top:22%}.tampons .bleu{color:var(--encre)}
.tampons circle{fill:none;stroke:currentColor;stroke-width:4}
.tampons circle+circle{stroke-width:2}
.tampons text{fill:currentColor;font:700 15.5px var(--cond);letter-spacing:.17em}
.tampons .mid{font:400 23px var(--fat);letter-spacing:.02em;text-anchor:middle}
.js .tampons li{opacity:0}
.js .ouvert .tampons li{animation:pose2 .45s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(.5s + var(--i,0)*.28s)}
.tampons li:nth-child(2){--i:1}.tampons li:nth-child(3){--i:2}
@keyframes pose2{0%{opacity:0;transform:rotate(calc(var(--r) - 12deg)) scale(1.7)}100%{opacity:1;transform:rotate(var(--r)) scale(1)}}

/* ── Où ── */
.ou__g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(22px,3.4vw,56px);align-items:stretch}
.etiquette{position:relative;background:var(--oleata);padding:clamp(26px,3vw,46px);padding-left:clamp(60px,6vw,96px);display:flex;flex-direction:column;align-items:flex-start;gap:16px;box-shadow:0 26px 44px -22px rgba(80,50,0,.5);clip-path:polygon(34px 0,100% 0,100% 100%,34px 100%,0 calc(100% - 44px),0 44px);transform:rotate(-1deg)}
.oeillet{position:absolute;left:18px;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:50%;background:var(--paille);box-shadow:0 0 0 5px #b9a06a,inset 0 2px 3px rgba(0,0,0,.35)}
.etiquette__h,.carton__h{font:700 13px/1 var(--cond);letter-spacing:.28em;text-transform:uppercase;color:var(--brun)}
.etiquette address{font-style:normal;font-size:19px;line-height:1.45}
.etiquette address strong{display:block;font:400 clamp(30px,3vw,46px)/1 var(--fat);color:var(--rouge);margin-bottom:12px}
.etiquette__p{font-size:16.5px;color:#3b4269}
.etiquette .bt{margin-top:auto}
.carton{background:#d9bd72 var(--grain);border:2px solid var(--encre);padding:clamp(22px,3vw,44px);display:flex;flex-direction:column;gap:20px}
.poincons{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:2px solid var(--encre);background:var(--oleata)}
.poincons li{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 0 12px;border-left:1.5px dashed rgba(23,31,69,.45);position:relative}
.poincons li:first-child{border-left:0}
.poincons b{font:400 clamp(22px,2.2vw,32px)/1 var(--fat)}
.poincons i{width:clamp(18px,2vw,26px);aspect-ratio:1;border-radius:50%;background:var(--encre);box-shadow:inset 0 2px 3px rgba(0,0,0,.5)}
.poincons span{font:600 clamp(12px,1.05vw,15px)/1 var(--cond);letter-spacing:.04em}
.poincons .non{color:#9a916f}.poincons .non i{background:none;box-shadow:inset 0 0 0 1.5px #b4aa88}
.poincons .auj::after{content:"";position:absolute;inset:4px 3px;border:3px solid var(--rouge);border-radius:48% 52% 46% 54%/54% 46% 52% 48%;transform:rotate(-4deg);filter:url(#encre)}
.carton__live{text-wrap:balance;font:400 clamp(24px,2.3vw,34px)/1.12 var(--fat);color:var(--encre)}
.carton__p a{font-weight:600;text-underline-offset:4px}
.baie{margin-top:clamp(30px,4vw,56px);font:500 clamp(18px,1.5vw,22px)/1.5 var(--cond);letter-spacing:.05em;text-transform:uppercase}
.baie b{color:var(--rouge);font-weight:700}

/* ── Bon ── */
.bon{display:grid;grid-template-columns:clamp(110px,14vw,200px) minmax(0,1fr);background:var(--oleata);box-shadow:0 30px 50px -24px rgba(80,50,0,.55);max-width:1100px}
.bon__souche{background:var(--rouge);color:#fff3df;padding:24px 16px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;border-right:3px dashed var(--oleata);font:700 15px/1.3 var(--cond);letter-spacing:.14em;text-transform:uppercase}
.bon__souche b{font:400 30px/1 var(--fat);letter-spacing:0}
.prix--souche{border-color:#fff3df;color:#fff3df;width:auto;height:auto;border-radius:6px;padding:8px 12px;font-size:26px;box-shadow:none;writing-mode:vertical-rl;transform:rotate(180deg);filter:none}
.bon__corps{padding:clamp(22px,3.4vw,50px);display:grid;gap:26px}
legend,.ch>span{font:700 15px/1 var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--brun);padding:0;margin-bottom:12px;display:block}
.choix{display:flex;flex-wrap:wrap;gap:10px}
.choix input{position:absolute;opacity:0;pointer-events:none}
.choix span{display:block;padding:11px 20px;border:2px solid var(--encre);border-radius:999px;font:600 18px/1.1 var(--cond);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}
.choix input:checked+span{background:var(--encre);color:var(--oleata)}
.choix input:focus-visible+span{outline:3px solid var(--rouge);outline-offset:2px}
.bon__l{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:22px}
.ch input[type=date],.ch input[type=text]{width:100%;min-height:50px;border:0;border-bottom:2px solid var(--encre);background:transparent;font:500 19px var(--txt);color:var(--encre);padding:6px 2px;border-radius:0}
.ch input::placeholder{color:#8a8a9c}
.ch--r output{font:400 28px/1 var(--fat);color:var(--rouge);letter-spacing:0;margin-left:8px;vertical-align:-3px}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:34px;background:transparent;cursor:pointer}
input[type=range]::-webkit-slider-runnable-track{height:6px;background:var(--encre);border-radius:3px}
input[type=range]::-moz-range-track{height:6px;background:var(--encre);border-radius:3px}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:32px;height:32px;margin-top:-13px;border-radius:50%;background:var(--rouge);border:3px solid var(--oleata);box-shadow:0 0 0 2px var(--encre)}
input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--rouge);border:3px solid var(--oleata);box-shadow:0 0 0 2px var(--encre)}
.bon__msg{font:italic 400 19px/1.5 var(--txt);padding:18px 22px;background:rgba(230,207,143,.45);border-left:5px solid var(--vert)}
.bon__cta{display:flex;flex-wrap:wrap;gap:12px}
.bon__note{font-size:14.5px;color:#565c80}
.mot{margin-top:clamp(40px,5vw,70px);max-width:900px;margin-left:auto}
.mot blockquote{font:500 clamp(20px,1.8vw,26px)/1.45 var(--txt)}
.mot figcaption,.avis figcaption{margin-top:14px;font:600 15px/1.3 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--brun)}

/* ── Avis ── */
.avis__g{display:grid;grid-template-columns:minmax(0,.9fr) repeat(3,minmax(0,1.2fr));gap:clamp(20px,2.6vw,40px);align-items:start}
.note strong{display:block;font:400 clamp(100px,12vw,190px)/.8 var(--fat);color:var(--rouge)}
.note sup{font-size:.4em;vertical-align:top;line-height:1.3}
.note p{margin-top:18px;font:700 17px/1.35 var(--cond);letter-spacing:.12em;text-transform:uppercase}
.note p span{font-weight:500;letter-spacing:.06em;color:var(--brun);text-transform:none;font-size:15px}
.avis figure{background:var(--oleata);padding:30px 26px 24px;position:relative;box-shadow:0 22px 36px -20px rgba(80,50,0,.5)}
.avis figure:nth-of-type(1){transform:rotate(-1.2deg)}.avis figure:nth-of-type(2){transform:rotate(.9deg);margin-top:26px}.avis figure:nth-of-type(3){transform:rotate(-.5deg)}
.avis figure::before{content:"“";position:absolute;left:18px;top:-6px;font:400 90px/1 var(--fat);color:var(--rouge)}
.avis blockquote{padding-top:34px;font-size:18px;line-height:1.5}

/* ── Fin ── */
.fin h2{font-size:clamp(40px,5.2vw,86px);margin-bottom:clamp(30px,4vw,56px)}
.fin h2 a{display:inline-block;font-size:clamp(50px,10.6vw,200px);line-height:.95;color:var(--rouge);text-decoration:none;white-space:nowrap;margin-top:.12em;transition:transform .25s}
.fin h2 a:hover{transform:rotate(-1.5deg) scale(1.01)}
.fin__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,50px);border-top:3px double var(--encre);padding-top:28px;max-width:1100px}
.fin__g b{display:block;font:700 17px/1 var(--cond);letter-spacing:.18em;text-transform:uppercase;color:var(--rouge);margin-bottom:10px}
.fin__g a{font-weight:600;text-underline-offset:4px}

/* ── Pied ── */
.pied{background:var(--encre);color:#d5d8e6;padding:56px var(--g) 110px;font-size:15.5px}
.pied__in{max-width:1400px;margin:0 auto;display:grid;gap:18px}
.pied__l{font:400 40px/1 var(--fat);color:#f0c35c;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.pied__l small{font:600 13px/1 var(--cond);letter-spacing:.24em;text-transform:uppercase;color:#d5d8e6}
.pied a{color:#f0c35c}
.pied summary{cursor:pointer;font:600 15px/1.3 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:#f0c35c;padding:10px 0;width:fit-content}
.pied details p{margin-top:10px;max-width:62em}
.pied__demo{font-size:13.5px;color:#9097b8;border-top:1px solid rgba(255,255,255,.14);padding-top:18px}

/* ── Bouton rond mobile ── */
.rond{display:none}

@media (max-width:1180px){
  .bar__tel{display:none}
  .coupons{grid-template-columns:1fr 1fr}.petits{grid-column:1/-1}
  .avis__g{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  body{font-size:17px}
  .bar{flex-wrap:wrap;gap:0 12px;padding:8px 0 0}
  .bar__logo{padding:0 var(--g);font-size:30px}
  .bar__tel{display:block;margin-right:var(--g);font-size:16px;padding:10px 14px}
  .bar__nav{order:3;width:100%;overflow-x:auto;scrollbar-width:none;padding:8px var(--g) 8px;gap:2px;border-top:1.5px dashed rgba(23,31,69,.4);margin-top:8px;scroll-snap-type:x proximity}
  .bar__nav::-webkit-scrollbar{display:none}
  .bar__nav a{white-space:nowrap;font-size:15px;padding:10px 12px;scroll-snap-align:center}
  html{scroll-padding-top:120px}
  .hero__in,.maison__g,.ou__g{grid-template-columns:1fr}
  .hero__sheet{max-width:440px;margin-top:10px}
  .tampon{left:3%;bottom:-9%}
  .bascule{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--encre);border-radius:999px;overflow:hidden;margin-bottom:26px;background:var(--oleata)}
  .bascule button{min-height:52px;font:700 17px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase}
  .bascule button[aria-pressed=true]{background:var(--encre);color:var(--oleata)}
  .feuilles{grid-template-columns:1fr}
  .js .feuilles[data-vue=it] .feuille--us,.js .feuilles[data-vue=us] .feuille--it{display:none}
  .feuille--us{margin-top:0}
  .tampons{max-width:340px}
  .fin__g{grid-template-columns:1fr}
  .rond{position:fixed;right:14px;bottom:14px;z-index:45;width:78px;height:78px;border-radius:50%;background:var(--rouge);color:#fff3df;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;font:700 12px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;box-shadow:0 0 0 3px var(--oleata),0 0 0 5px var(--rouge),0 12px 22px rgba(60,30,0,.45);transform:scale(0) rotate(-30deg);transition:transform .4s cubic-bezier(.3,1.5,.5,1)}
  .rond.on{transform:rotate(-8deg)}
  .rond svg{width:24px;fill:currentColor}
}
@media (max-width:620px){
  h1{font-size:clamp(50px,15.2vw,80px)}
  .hero__facts{font-size:17px}.hero__facts span{display:none}.hero__facts b{display:block;width:100%;margin:6px 0 -6px}
  .hero__cta .bt,.bon__cta .bt{flex:1 1 100%;font-size:16px;padding-inline:14px}
  .hero__fold{display:none}
  .bloc--img,.bloc--rev{grid-template-columns:1fr}
  .bloc--img img{max-width:250px;order:0}
  .duo{grid-template-columns:1fr}.duo .bloc+.bloc{border-top:1.5px dashed rgba(23,31,69,.35)}
  .coupons{grid-template-columns:1fr}
  .coupon{padding-right:140px}
  .avis__g{grid-template-columns:1fr}
  .avis figure:nth-of-type(2){margin-top:0}
  .bon{grid-template-columns:1fr}
  .bon__souche{flex-direction:row;border-right:0;border-bottom:3px dashed var(--oleata);padding:14px 20px}
  .bon__souche p br{display:none}
  .prix--souche{writing-mode:horizontal-tb;transform:none}
  .bon__l{grid-template-columns:1fr}
  .etiquette{padding-left:58px}
  .fin h2 a{font-size:clamp(40px,12.6vw,80px)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .volet__in{transform:none;opacity:1}
  .js .tampon,.js .tampons li{opacity:1}
}