/* Boutique — registre maison : filets fins, angles vifs, capitales espacées, beaucoup d'air. Aucune ombre, aucune pastille. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.7,.1,1)}
html.fige{overflow:hidden}
button,input,select,textarea{font-family:inherit}
button.btn-plein{border:1px solid var(--encre)}button.btn-plein:hover{border-color:var(--accent)}
.tete{column-gap:34px}
.nvb{padding-top:68px}
.nvb .tete{background:var(--fond);color:var(--encre);border-color:var(--ligne)}
.nvb .tete .btn{background:var(--encre);color:var(--fond)}
.nvb main{min-height:70vh}
.cap,.eti,.fil,.pl-cats a,.pl-b,.pc-info h3,.pc-tag,.pc-rapide,.pp-lien,.pp-acc summary,.pp-rassure,.tiroir-h,.lg-act button,.co-e legend,.co-c label>span,.sv-l,.adm-s,.pl-chips button,.pl-raz,.zoom-x,.guide-h button,.cherche-h button,.tete-d button{font-family:var(--texte);font-weight:450;font-size:11px;line-height:1.4;letter-spacing:.16em;text-transform:uppercase}
.eti{color:var(--doux)}
.nv-demo{font:italic 400 13px/1.5 var(--texte);color:var(--doux);margin:0 0 28px;max-width:60ch}
a.lien,.info-c a,.pp-acc a,.pl-vide a,.pl-vide button{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* en-tête : panier, favoris, recherche */
.tete nav,.tete-d button,.tete-d a.tete-l{font:450 11px/1.4 var(--texte)!important;letter-spacing:.16em;text-transform:uppercase}
.tete nav{gap:30px}.tete-n{letter-spacing:0;margin-left:5px}
.tete-d{justify-self:end;display:flex;align-items:center;gap:26px}
.tete-d button,.tete-d a.tete-l{background:none;border:0;color:inherit;cursor:pointer;padding:6px 0;display:inline-flex;align-items:center;gap:7px}
.tete-d svg{width:17px;height:17px;display:none}
.tete-d button:hover,.tete-d a.tete-l:hover{text-decoration:underline;text-underline-offset:4px}

/* fil d'Ariane, titres */
.fil{display:flex;flex-wrap:wrap;gap:10px;color:var(--doux);margin:clamp(26px,3vw,44px) 0 clamp(18px,2vw,28px)}
.fil a:hover{color:var(--encre)}.fil span[aria-current]{color:var(--encre)}
.pl-titre{font:var(--pt) clamp(2.6rem,6.2vw,6.4rem)/.95 var(--titre);letter-spacing:-.035em}
.pl-titre sup{font:400 12px/1 var(--texte);letter-spacing:.1em;vertical-align:top;margin-left:.5em;color:var(--doux);position:relative;top:.6em}
.pl-intro{max-width:46ch;color:var(--doux);margin-top:18px;font-size:17px}

/* liste : barre, filtres */
.pl{padding-bottom:clamp(80px,10vw,150px)}
.pl-barre{position:sticky;top:68px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:clamp(30px,4vw,56px) calc(var(--marge)*-1) 0;padding:14px var(--marge);background:var(--fond);border-block:1px solid var(--ligne)}
.tete.cache~main .pl-barre{top:0}
.pl-cats{display:flex;gap:clamp(16px,2.4vw,34px);overflow-x:auto;scrollbar-width:none}
.pl-cats::-webkit-scrollbar{display:none}
.pl-cats a{white-space:nowrap;color:var(--doux);padding:4px 0;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.pl-cats a:hover,.pl-cats a[aria-current]{color:var(--encre);border-color:var(--encre)}
.pl-cats sup{font-size:9px;margin-left:3px;letter-spacing:0}
.pl-outils{display:flex;align-items:center;gap:22px;flex:none}
.pl-b{background:none;border:0;color:var(--encre);cursor:pointer;padding:4px 0;display:inline-flex;align-items:center;gap:8px}
.pl-tri select{appearance:none;background:none;border:0;color:var(--encre);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;padding-right:4px}
.pl-vue{display:flex;gap:10px}
.pl-vue button{display:flex;gap:2px;background:none;border:0;padding:4px;cursor:pointer;opacity:.35}
.pl-vue button.on{opacity:1}
.pl-vue i{display:block;width:5px;height:12px;border:1px solid var(--encre)}
.pl-filtres{display:grid;grid-template-columns:repeat(3,auto) 1fr;gap:clamp(20px,4vw,60px);align-items:end;padding:26px 0 30px;border-bottom:1px solid var(--ligne);margin-bottom:6px}
.pl-filtres[hidden]{display:none}
.pl-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.pl-chips button{background:none;border:1px solid var(--ligne);color:var(--encre);padding:10px 14px;cursor:pointer;transition:border-color .3s,background .3s,color .3s}
.pl-chips button:hover{border-color:var(--encre)}
.pl-chips button.on{background:var(--encre);color:var(--fond);border-color:var(--encre)}
.pl-raz{justify-self:end;background:none;border:0;color:var(--doux);cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.pl .nv-demo{margin-top:22px}
.pl-vide{padding:60px 0;color:var(--doux)}
.pl-vide button{background:none;border:0;color:var(--encre);cursor:pointer;font:inherit}

/* grille + carte */
.pl-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(8px,1vw,16px);row-gap:clamp(40px,4.4vw,72px);margin-top:clamp(24px,3vw,40px)}
.pl-grille[data-vue="2"]{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(8px,1vw,16px)}
.pc{position:relative;opacity:0;transform:translateY(26px);transition:opacity 1s var(--ease),transform 1.2s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
.pc.vu{opacity:1;transform:none}
.pc[hidden],.pc-campagne[hidden]{display:none}
.pc-lien{display:flex;flex-direction:column;gap:16px}
.pc-img{position:relative;aspect-ratio:2/3;overflow:hidden;background:var(--fond2)}
.pc-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .7s var(--ease),transform 1.8s var(--ease)}
.pc-img2{opacity:0}
.pc-lien:hover .pc-img2{opacity:1}
.pc-lien:hover .pc-img img{transform:scale(1.035)}
.pc-tag{position:absolute;left:12px;top:12px;color:var(--encre);background:var(--fond);padding:6px 9px;font-size:9.5px}
.pc-info{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding-right:2px}
.pc-info h3{font-size:11px}
.pc-info p{font:400 13px/1 var(--texte);color:var(--doux);white-space:nowrap;letter-spacing:.02em}
.pl-grille[data-vue="2"] .pc-info h3{font-size:12px}
.pc-fav{position:absolute;right:8px;top:8px;width:38px;height:38px;display:grid;place-items:center;background:none;border:0;color:var(--encre);cursor:pointer;opacity:.75;transition:opacity .3s}
.pc-fav:hover,.pc-fav.on{opacity:1}.pc-fav.on svg,.pp-fav.on svg{fill:currentColor}
.pc-rapide{position:absolute;left:0;right:0;top:calc((100% - 40px));transform:translateY(-100%);display:flex;align-items:center;gap:2px;padding:10px 12px;background:color-mix(in srgb,var(--fond) 94%,transparent);opacity:0;transition:opacity .4s}
.pc-rapide span{margin-right:auto;color:var(--doux);font-size:9.5px}
.pc-rapide button{background:none;border:0;color:var(--encre);cursor:pointer;padding:4px 7px;font:inherit}
.pc-rapide button:hover{text-decoration:underline;text-underline-offset:3px}
.pc-rapide button:disabled{color:var(--pale);text-decoration:line-through;cursor:default}
@media (hover:hover){.pc:hover .pc-rapide{opacity:1}}
@media (hover:none){.pc-rapide{display:none}}
.pc-campagne{grid-column:span 2;grid-row:span 2;opacity:0;transition:opacity 1.2s var(--ease)}
.pc-campagne.vu{opacity:1}
.pc-campagne figure{position:relative;height:100%;min-height:420px;margin:0;overflow:hidden;background:var(--fond2)}
.pc-campagne img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pc-campagne figcaption{position:absolute;left:0;right:0;bottom:0;padding:clamp(20px,3vw,40px);color:#f6f2ec;background:linear-gradient(transparent,rgba(0,0,0,.42))}
.pc-campagne figcaption .eti{color:rgba(246,242,236,.8)}
.pc-campagne-t{font:var(--pt) clamp(1.8rem,3.2vw,3.2rem)/1 var(--titre);letter-spacing:-.025em;margin:10px 0 8px;max-width:16ch}
.pl-grille[data-vue="2"] .pc-campagne{grid-row:span 1}

/* fiche produit */
.pp{padding-bottom:clamp(60px,8vw,120px)}
.pp-g{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:clamp(28px,5vw,96px);align-items:start}
.pp-galerie{display:grid;grid-template-columns:1fr 1fr;gap:clamp(6px,.8vw,12px);position:relative}
.pp-im{display:block;padding:0;border:0;background:var(--fond2);cursor:zoom-in;aspect-ratio:2/3;overflow:hidden}
.pp-im:first-child{grid-column:1/-1;aspect-ratio:4/5}
.pp-im img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.pp-im:hover img{transform:scale(1.02)}
.pp-compte{display:none}
.pp-fiche{position:sticky;top:100px;display:flex;flex-direction:column;gap:24px;padding-bottom:20px}
.pp-fiche h1{font:var(--pt) clamp(2rem,3vw,3.1rem)/1.02 var(--titre);letter-spacing:-.025em;margin-top:-8px}
.pp-prix{font:400 17px/1 var(--texte);letter-spacing:.02em;margin-top:-10px}
.pp-desc{color:var(--doux);font-size:16px;line-height:1.65;max-width:52ch}
.pp-tl{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.pp-lien{background:none;border:0;color:var(--encre);cursor:pointer;text-decoration:underline;text-underline-offset:4px;padding:0}
.pp-tt{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px}
.pp-tt button{height:48px;background:none;border:1px solid var(--ligne);color:var(--encre);font:450 13px/1 var(--texte);letter-spacing:.06em;cursor:pointer;transition:border-color .25s,background .25s,color .25s}
.pp-tt button:hover:not(:disabled){border-color:var(--encre)}
.pp-tt button.on{background:var(--encre);color:var(--fond);border-color:var(--encre)}
.pp-tt button:disabled{color:var(--pale);background:linear-gradient(to top right,transparent calc(50% - .5px),var(--ligne) 50%,transparent calc(50% + .5px));cursor:not-allowed}
.pp-tt.secoue{animation:secoue .5s}
@keyframes secoue{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
.pp-stock{font-size:13px;color:var(--doux);min-height:18px;margin-top:10px}.pp-stock.peu{color:var(--accent)}
.pp-actions{display:flex;gap:8px}
.pp-ajout{flex:1;height:56px}
.pp-ajout:disabled,[data-barre-ajout]:disabled{opacity:.4;cursor:not-allowed}
.pp-fav{width:56px;height:56px;flex:none;display:grid;place-items:center;background:none;border:1px solid var(--ligne);color:var(--encre);cursor:pointer}
.pp-fav:hover{border-color:var(--encre)}
.pp-msg{color:var(--accent);font-size:13.5px;min-height:0}
.pp-msg:empty{display:none}
.pp-essai{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 18px;background:none;border:1px solid var(--ligne);color:var(--encre);cursor:pointer;text-align:left;transition:border-color .3s}
.pp-essai:hover{border-color:var(--encre)}
.pp-essai span{font:450 11px/1.3 var(--texte);letter-spacing:.16em;text-transform:uppercase}
.pp-essai small{color:var(--doux);font-size:13.5px}
.pp-rassure{display:flex;flex-wrap:wrap;gap:6px 22px;color:var(--doux);list-style:none;padding:0;font-size:10px}
.pp-rassure li::before{content:"";display:inline-block;width:5px;height:5px;background:var(--accent);margin-right:8px;vertical-align:2px}
.pp-acc details{border-top:1px solid var(--ligne)}
.pp-acc details:last-child{border-bottom:1px solid var(--ligne)}
.pp-acc summary{list-style:none;cursor:pointer;padding:18px 0;display:flex;justify-content:space-between}
.pp-acc summary::-webkit-details-marker{display:none}
.pp-acc summary::after{content:"+";font-size:15px;letter-spacing:0;transition:transform .3s}
.pp-acc details[open] summary::after{transform:rotate(45deg)}
.pp-acc p{color:var(--doux);font-size:14.5px;line-height:1.65;padding-bottom:20px}
.pp-plus{margin-top:clamp(80px,10vw,150px)}
.pp-plus .h3{margin-bottom:6px}
.pp-plus[hidden]{display:none}
.pp-barre{display:none}

/* agrandissement */
.zoom{position:fixed;inset:0;z-index:90;background:var(--fond);overflow-y:auto}
.zoom[hidden]{display:none}
.zoom-x{position:fixed;top:18px;right:var(--marge);z-index:2;background:var(--fond);border:1px solid var(--ligne);color:var(--encre);padding:12px 16px;cursor:pointer}
.zoom figure{margin:0;overflow:hidden;cursor:zoom-in}
.zoom figure img{width:100%;height:auto;display:block;transition:transform .6s var(--ease)}
.zoom figure.loupe{cursor:zoom-out}.zoom figure.loupe img{transform:scale(2)}

/* guide des tailles */
.guide{position:fixed;inset:0;z-index:85;background:rgba(0,0,0,.28);display:flex;justify-content:flex-end;opacity:0;transition:opacity .4s}
.guide.on{opacity:1}
.guide-in{width:min(520px,100%);height:100%;background:var(--fond);padding:28px clamp(22px,3vw,40px);overflow-y:auto;transform:translateX(30px);transition:transform .6s var(--ease)}
.guide.on .guide-in{transform:none}
.guide-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}
.guide-h button{background:none;border:0;color:var(--encre);cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.guide-t{width:100%;border-collapse:collapse;font-size:14px}
.guide-t th{font:450 10px/1.3 var(--texte);letter-spacing:.14em;text-transform:uppercase;color:var(--doux);text-align:left;padding:12px 8px 12px 0;border-bottom:1px solid var(--encre)}
.guide-t td{padding:14px 8px 14px 0;border-bottom:1px solid var(--ligne)}
.guide-n{color:var(--doux);font-size:13.5px;margin-top:18px}

/* tiroir panier */
.tiroir-voile{position:fixed;inset:0;z-index:79;background:rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:opacity .5s}
.tiroir-voile.on{opacity:1;pointer-events:auto}
.tiroir{position:fixed;z-index:80;top:0;right:0;bottom:0;width:min(460px,100%);background:var(--fond);color:var(--encre);display:flex;flex-direction:column;transform:translateX(102%);transition:transform .7s var(--ease)}
.tiroir.on{transform:none}
.tiroir-h{display:flex;justify-content:space-between;align-items:center;padding:24px 26px;border-bottom:1px solid var(--ligne)}
.tiroir-h button{background:none;border:0;color:var(--encre);cursor:pointer;text-decoration:underline;text-underline-offset:4px;font:inherit;letter-spacing:inherit;text-transform:inherit}
.tiroir-ok{padding:14px 26px;font-size:13.5px;background:var(--fond2)}
.tiroir-l{flex:1;overflow-y:auto;padding:0 26px}
.tiroir-p{padding:22px 26px 26px;border-top:1px solid var(--ligne);display:flex;flex-direction:column;gap:10px}
.tiroir-p p{display:flex;justify-content:space-between;font-size:15px}
.tiroir-p small{color:var(--doux);font-size:12.5px;margin-bottom:6px}
.tiroir-p .btn,.pn-r .btn{height:52px;width:100%}
.tiroir-vide{padding:40px 26px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;color:var(--doux)}
.livr{padding:16px 26px 18px}
.livr p{font-size:13px;color:var(--doux);margin-bottom:10px}.livr b{color:var(--encre);font-weight:500}
.livr span{display:block;height:1px;background:var(--ligne)}
.livr i{display:block;height:1px;background:var(--encre);transition:width .8s var(--ease)}
.pn-r .livr{padding:0 0 6px}

/* ligne d'article */
.lg{display:grid;grid-template-columns:84px 1fr auto;gap:16px;padding:20px 0;border-bottom:1px solid var(--ligne);align-items:start}
.lg img{width:84px;aspect-ratio:2/3;object-fit:cover;background:var(--fond2)}
.lg-t{display:flex;flex-direction:column;gap:6px;font-size:14.5px}
.lg-t small{color:var(--doux);font-size:12.5px}
.lg b{font-weight:400;font-size:14.5px;white-space:nowrap}
.lg-q{display:inline-flex;align-items:center;border:1px solid var(--ligne);width:max-content;margin-top:6px}
.lg-q button{width:34px;height:34px;background:none;border:0;color:var(--encre);cursor:pointer;font-size:15px}
.lg-q span{min-width:22px;text-align:center;font-size:13.5px}
.lg-act{display:flex;gap:16px;margin-top:4px}
.lg-act button{background:none;border:0;color:var(--doux);cursor:pointer;padding:0;font-size:9.5px;text-decoration:underline;text-underline-offset:3px}

/* page panier */
.pn{padding-bottom:40px}
.pn .pl-titre{margin:clamp(40px,5vw,72px) 0 clamp(26px,3vw,44px)}
.pn-g{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:clamp(30px,5vw,90px);align-items:start}
.pn-l .lg{grid-template-columns:120px 1fr auto}.pn-l .lg img{width:120px}
.pn-l .lg:first-child{border-top:1px solid var(--ligne)}
.pn-r{position:sticky;top:100px;display:flex;flex-direction:column;gap:14px;padding:26px;background:var(--fond2)}
.pn-t{display:flex;justify-content:space-between;font-size:17px}
.pn-r small{color:var(--doux);font-size:13px;line-height:1.5}
.pn-vide{display:flex;flex-direction:column;gap:22px;align-items:flex-start}

/* commande */
.co{padding-block:clamp(40px,5vw,72px) clamp(80px,10vw,140px)}
.co-g{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:clamp(30px,6vw,110px);align-items:start}
.co .pl-titre{margin:10px 0 30px}
.co-f{display:flex;flex-direction:column}
.co-e{border:0;border-top:1px solid var(--ligne);margin:0;padding:24px 0}
.co-e legend{display:flex;align-items:center;gap:16px;width:100%;float:left;padding:0}
.co-e legend span{color:var(--doux)}
.co-e legend button{margin-left:auto;background:none;border:0;color:var(--encre);cursor:pointer;text-decoration:underline;text-underline-offset:4px;font:inherit;letter-spacing:inherit;text-transform:inherit;display:none}
.co-e.fait legend button{display:block}
.co-c{clear:both;display:none;grid-template-columns:1fr 1fr;gap:22px 18px;padding-top:28px}
.co-e.on .co-c{display:grid}
.co-c>.btn{grid-column:1/-1;height:54px;justify-self:start;padding:0 40px}
.co-c label{display:flex;flex-direction:column;gap:8px}
.co-c label.plein,.co-adr,.co-m,.co-cgv,.co-sec{grid-column:1/-1}
.co-c label>span{color:var(--doux)}.co-c label>span i{font-style:normal;text-transform:none;letter-spacing:0;color:var(--pale)}
.co-c input:not([type=radio]):not([type=checkbox]){height:44px;border:0;border-bottom:1px solid var(--ligne);background:none;color:var(--encre);font:400 16px var(--texte);padding:0;border-radius:0;transition:border-color .3s}
.co-c input:focus{outline:none;border-bottom-color:var(--encre)}
.co-c label.err input{border-bottom-color:var(--accent)}
.co-res{clear:both;color:var(--doux);font-size:14px;padding-top:12px;display:none}
.co-e.fait .co-res{display:block}
.co-m{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:16px!important;padding:18px;border:1px solid var(--ligne);cursor:pointer;transition:border-color .3s}
.co-m:has(input:checked){border-color:var(--encre)}
.co-m input{accent-color:var(--encre);width:16px;height:16px}
.co-m b{font-weight:500;display:block}.co-m small{color:var(--doux);font-size:13px}
.co-m em{font-style:normal;font-size:14px}
.co-adr{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}
.co-adr[hidden]{display:none}
.co-cgv{flex-direction:row!important;align-items:flex-start;gap:12px!important;font-size:14px;color:var(--doux)}
.co-cgv input{accent-color:var(--encre);margin-top:3px}
.co-cgv a{color:var(--encre);text-decoration:underline;text-underline-offset:3px}
.co-payer{width:100%;justify-self:stretch!important}
.co-sec{color:var(--doux);font-size:12.5px;line-height:1.5}
.co-msg{margin-top:14px}
.co-recap{position:sticky;top:100px;background:var(--fond2);padding:28px;display:flex;flex-direction:column;gap:14px}
.co-recap small,.mc-r small{color:var(--doux);font-size:12.5px}
.rc{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;font-size:14px}
.rc small{display:block;color:var(--doux);font-size:12px}
.rc b{font-weight:400}
.rc-i{position:relative}.rc-i img{width:64px;aspect-ratio:2/3;object-fit:cover;display:block}
.rc-i i{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;background:var(--encre);color:var(--fond);font:500 11px/20px var(--texte);text-align:center;font-style:normal}
.rc-l{display:flex;justify-content:space-between;font-size:14.5px;border-top:1px solid var(--ligne);padding-top:12px}
.rc-t{font-size:17px;border-color:var(--encre)}

/* confirmation, suivi */
.mc{padding-block:clamp(40px,5vw,72px) clamp(80px,10vw,140px)}
.mc-g{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:clamp(30px,6vw,110px);align-items:start}
.mc .pl-titre{margin:12px 0 22px}
.mc-a{display:flex;gap:10px;flex-wrap:wrap;margin:34px 0 18px}.mc-a .btn{height:52px;padding:0 30px}
.mc-r{background:var(--fond2);padding:28px;display:flex;flex-direction:column;gap:14px}
.sv-l{list-style:none;padding:0;margin:34px 0 0;display:flex;flex-direction:column;gap:0}
.sv-l li{position:relative;padding:0 0 26px 28px;color:var(--pale)}
.sv-l li::before{content:"";position:absolute;left:4px;top:14px;bottom:0;width:1px;background:var(--ligne)}
.sv-l li:last-child::before{display:none}
.sv-l li span{position:absolute;left:0;top:3px;width:9px;height:9px;border:1px solid var(--pale);background:var(--fond)}
.sv-l li.fait{color:var(--encre)}.sv-l li.fait span{background:var(--encre);border-color:var(--encre)}
.sv-l li.cour span{background:var(--accent);border-color:var(--accent)}
.sv-f{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:end;max-width:900px;margin:34px 0 50px}
.sv-f label{display:flex;flex-direction:column;gap:8px;font:450 11px/1.4 var(--texte);letter-spacing:.16em;text-transform:uppercase;color:var(--doux)}
.sv-f input{height:44px;border:0;border-bottom:1px solid var(--ligne);background:none;color:var(--encre);font:400 16px var(--texte);text-transform:none;letter-spacing:0}
.sv-f input:focus{outline:none;border-bottom-color:var(--encre)}
.sv-f .btn{height:50px}
.sv-f .pp-msg{grid-column:1/-1}

/* pages d'information */
.info{padding-bottom:clamp(80px,10vw,140px)}
.info .pl-titre{margin-bottom:clamp(30px,4vw,56px)}
.info-c{max-width:760px;display:flex;flex-direction:column;gap:16px;font-size:16px;line-height:1.7}
.info-c .h3{margin-top:26px}
.info-c p{color:color-mix(in srgb,var(--encre) 82%,transparent)}
.info-carte{aspect-ratio:16/9;margin-top:20px;background:var(--fond2)}.info-carte iframe{width:100%;height:100%;border:0}

/* recherche */
.cherche{position:fixed;inset:0;z-index:88;background:var(--fond);overflow-y:auto;padding-bottom:60px;animation:entre .5s var(--ease)}
.cherche[hidden]{display:none}
@keyframes entre{from{opacity:0}}
.cherche-h{display:flex;align-items:center;gap:20px;padding-top:26px;padding-bottom:26px;border-bottom:1px solid var(--ligne)}
.cherche-h input{flex:1;border:0;background:none;color:var(--encre);font:var(--pt) clamp(1.8rem,4vw,3.4rem)/1.1 var(--titre);letter-spacing:-.02em;padding:6px 0;min-width:0}
.cherche-h input:focus{outline:none}
.cherche-h button{background:none;border:0;color:var(--encre);cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.cherche-n{margin-top:26px}

/* espace commerçant */
.adm{padding-block:clamp(30px,4vw,60px) 100px}
.adm-chiffres{display:flex;flex-wrap:wrap;gap:12px 40px;list-style:none;padding:0;margin:26px 0;color:var(--doux)}
.adm-chiffres b{font:var(--pt) 2rem/1 var(--titre);color:var(--encre);margin-right:8px}
.adm .pl-cats{margin:20px 0 26px}
.adm-c{border:1px solid var(--ligne);padding:22px;margin-bottom:14px;display:flex;flex-direction:column;gap:18px}
.adm-c header,.adm-c footer{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.adm-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;font-size:14px}
.adm-g .eti{margin-bottom:6px}
.adm-s{padding:6px 10px;border:1px solid var(--ligne)}
.adm-payee,.adm-reservee{background:var(--encre);color:var(--fond);border-color:var(--encre)}
.adm-c select{margin-left:10px;height:38px;border:1px solid var(--ligne);background:var(--fond);color:var(--encre);font:400 14px var(--texte);padding:0 8px}
.adm-c [data-ok]{color:var(--doux);font-size:13px}

/* pied : liens boutique */
.x-p-liens{display:flex;flex-wrap:wrap;gap:12px 28px;padding-top:36px;margin-top:36px;border-top:1px solid var(--ligne)}
.x-p-liens a{font:450 10.5px/1.4 var(--texte);letter-spacing:.16em;text-transform:uppercase;color:var(--doux)}
.x-p-liens a:hover{color:var(--encre)}

@media (max-width:860px){
  .nvb{padding-top:60px}
  .tete-d{gap:16px}.tete-d .tete-t,.tete-l .tete-n{display:none}.tete-d svg{display:block}
  .tete-d>.btn{display:none}
  .pl-barre{top:60px;flex-direction:column;align-items:stretch;gap:12px}
  .pl-outils{justify-content:space-between}
  .pl-filtres{grid-template-columns:1fr;gap:22px}.pl-raz{justify-self:start}
  .pl-grille{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}
  .pl-grille[data-vue="2"]{grid-template-columns:1fr}
  .pc-campagne{grid-column:1/-1;grid-row:auto}.pc-campagne figure{min-height:0;aspect-ratio:4/5}
  .pp-g{grid-template-columns:1fr}
  .pp .fil{margin-top:18px}
  .pp-galerie{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--marge)*-1);gap:0;scrollbar-width:none}
  .pp-galerie::-webkit-scrollbar{display:none}
  .pp-im,.pp-im:first-child{flex:0 0 100%;scroll-snap-align:start;aspect-ratio:3/4}
  .pp-compte{display:block;position:sticky;left:calc(100% - 64px);align-self:flex-end;margin:0 -100% 14px 0;flex:none;font:450 11px/1 var(--texte);letter-spacing:.12em;background:var(--fond);padding:7px 10px;color:var(--encre);height:max-content}
  .pp-fiche{position:static}
  .pp-barre{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;align-items:center;gap:14px;padding:12px var(--marge) max(12px,env(safe-area-inset-bottom));background:var(--fond);border-top:1px solid var(--ligne);transform:translateY(105%);transition:transform .5s var(--ease)}
  .pp-barre.on{transform:none}
  .pp-barre div{flex:1;min-width:0}.pp-barre p{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-barre p+p{color:var(--doux)}
  .pp-barre .btn{height:48px;padding:0 26px}
  .pn-g,.co-g,.mc-g{grid-template-columns:1fr}
  .pn-r,.co-recap{position:static}
  .co-recap{order:-1}
  .co-c,.co-adr{grid-template-columns:1fr}
  .sv-f{grid-template-columns:1fr}
  .adm-g{grid-template-columns:1fr 1fr}
  .nvb .actions{display:none}.nvb{padding-bottom:0}
}