/* Atelier Mika — site en mode application (reprend la maquette validée le 04/11/2026). */
/* Maquette « site-application » : un écran par étape, glissement à droite en avançant, à gauche en reculant. Charte Atelier Mika : fond blanc, vert #79FF22, noir. */
:root{
  --vert:#79ff22; --vert-doux:#f1ffe5; --vert-fonce:#2f7d00; --noir:#0d0f0d; --encre:#161a15;
  --gris:#5a6356; --trait:#e1e7dc; --fond:#ffffff; --fond-2:#f6f8f4; --rouge:#b3261e;
  --titre:'Baloo 2','Nunito',system-ui,sans-serif; --texte:'Nunito',system-ui,-apple-system,sans-serif;
  color-scheme:light;
}
html,body{height:100%;margin:0}
[hidden]{display:none!important}
body{background:var(--fond);color:var(--encre);font-family:var(--texte);font-size:16px;-webkit-tap-highlight-color:transparent}
*{box-sizing:border-box}
button{font:inherit;color:inherit}
.tel{position:fixed;inset:0;background:var(--fond);overflow:hidden;overflow:clip;display:flex;flex-direction:column}

/* En-tête : complet sur l'accueil, minimal pendant une commande */
.tete{flex:none;display:flex;align-items:center;gap:10px;padding:14px 16px 10px;background:var(--fond);z-index:5;transition:padding .25s}
.tete .logo{width:46px;height:46px;flex:none}
.tete .nom{font:800 19px/1 var(--titre)}
.tete .nom small{display:block;font:600 12px var(--texte);color:var(--vert-fonce);margin-top:3px}
.tete .nom small::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--vert);margin-right:6px;box-shadow:0 0 0 3px #79ff2240}
.sp{flex:1}
.rond{width:42px;height:42px;border-radius:50%;border:2px solid var(--trait);background:var(--fond);display:grid;place-items:center;cursor:pointer;position:relative;flex:none;font-size:18px}
.rond:focus-visible,.choix:focus-visible,.gros:focus-visible,.btn:focus-visible,.nav button:focus-visible,.puce:focus-visible{outline:3px solid var(--vert-fonce);outline-offset:2px}
.rond .bulle{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:var(--vert);color:var(--noir);font:800 11px/20px var(--texte);text-align:center;padding:0 5px;border:2px solid var(--fond)}
.tete.flux .logo,.tete.flux .nom{display:none}
.tete .etapes{display:none;flex:1;gap:6px;align-items:center}
.tete.flux .etapes{display:flex}
.etapes i{flex:1;height:6px;border-radius:99px;background:var(--trait);transition:background .3s}
.etapes i.ok{background:var(--vert)}

/* Écrans */
.ecrans{position:relative;flex:1;overflow:hidden}
.ecran{position:absolute;inset:0;overflow-y:auto;padding:6px 18px 110px;background:var(--fond);will-change:transform}
.ecran.anim{transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .38s}
@media (prefers-reduced-motion:reduce){.ecran.anim{transition:opacity .15s}}
.ecran h2{font:800 27px/1.15 var(--titre);margin:8px 0 10px;text-wrap:balance}
.ecran h2 mark{background:var(--vert);padding:0 6px;border-radius:6px;color:var(--noir);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ecran .sous{color:var(--gris);margin:0 0 18px;font-size:15px}

/* Accueil */
.salut{font:800 30px/1.08 var(--titre);margin:6px 0 16px;text-wrap:balance}
.salut mark{background:var(--vert);padding:0 6px;border-radius:8px;color:var(--noir)}
.grille{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gros{border:2px solid var(--noir);border-radius:22px;background:var(--fond);padding:16px 14px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:132px;transition:transform .15s,box-shadow .15s}
.gros:active{transform:scale(.97)}
.gros .ico{width:48px;height:48px;border-radius:50%;background:var(--vert-doux);display:grid;place-items:center;font-size:24px}
.gros b{font:800 18px/1.05 var(--titre)}
.gros small{color:var(--gris);font-size:13px;line-height:1.3}
.gros.large{grid-column:1/-1;flex-direction:row;align-items:center;min-height:0;background:var(--noir);color:#fff;border-color:var(--noir)}
.gros.large .ico{background:var(--vert)}
.gros.large small{color:#c9d2c4}
.suivi-mini{margin-top:14px;border-radius:22px;background:var(--vert-doux);border:2px solid var(--vert);padding:14px 16px;display:flex;gap:12px;align-items:center;cursor:pointer;width:100%;text-align:left}
.suivi-mini .pt{width:12px;height:12px;border-radius:50%;background:var(--vert-fonce);flex:none;box-shadow:0 0 0 5px #2f7d0022;animation:pulse 1.6s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 9px #2f7d0000}}
@media (prefers-reduced-motion:reduce){.suivi-mini .pt{animation:none}}
.suivi-mini b{font:800 16px var(--titre);display:block}
.suivi-mini small{color:var(--gris)}

/* Choix */
.choix-liste{display:grid;gap:12px}
.choix-liste.deux{grid-template-columns:1fr 1fr}
.choix{border:2px solid var(--trait);border-radius:20px;background:var(--fond);padding:16px;text-align:left;cursor:pointer;display:flex;gap:14px;align-items:center;min-height:72px;transition:border-color .15s,background .15s,transform .12s}
.choix:active{transform:scale(.98)}
.choix.on{border-color:var(--vert);background:var(--vert-doux);box-shadow:0 0 0 3px #79ff2255}
.choix b{font:800 18px/1.1 var(--titre);display:block}
.choix small{color:var(--gris);font-size:13.5px}
.choix .prix{margin-left:auto;font:800 15px var(--texte);white-space:nowrap}
.choix.col{flex-direction:column;align-items:flex-start;gap:10px}
.feuille{flex:none;background:#fff;border:2px solid var(--noir);border-radius:4px;box-shadow:3px 3px 0 var(--vert)}
.pastille{width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:22px;background:var(--vert-doux)}
.depot{border:2.5px dashed #b5c3ab;border-radius:24px;padding:34px 18px;text-align:center;background:var(--fond-2);cursor:pointer;width:100%}
.depot .plus{width:64px;height:64px;border-radius:50%;background:var(--noir);color:var(--vert);font:800 34px/64px var(--titre);margin:0 auto 12px}
.depot b{font:800 20px var(--titre);display:block}
.depot small{color:var(--gris)}
.fichier{display:flex;gap:12px;align-items:center;border:2px solid var(--vert);background:var(--vert-doux);border-radius:18px;padding:12px 14px;margin-top:14px}
.fichier .vig{width:46px;height:60px;border-radius:6px;background:#fff;border:2px solid var(--noir);display:grid;place-items:center;font:800 11px var(--titre)}
.ok-ligne{color:var(--vert-fonce);font-weight:700;font-size:13.5px}

.pas{display:flex;align-items:center;justify-content:center;gap:18px;margin:18px 0}
.pas button{width:64px;height:64px;border-radius:50%;border:2px solid var(--noir);background:var(--fond);font:800 30px var(--titre);cursor:pointer}
.pas output,.pas .pas-saisie{font:800 56px/1 var(--titre);min-width:120px;text-align:center;font-variant-numeric:tabular-nums}
.pas .pas-saisie{width:150px;min-width:0;border:0;border-bottom:3px dashed var(--bordure,#d9e0d3);background:transparent;color:inherit;border-radius:0;padding:0 0 4px;outline:0}
.pas .pas-saisie:focus{border-bottom-color:#79ff22}
.puces{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.puce{border:2px solid var(--trait);border-radius:99px;padding:8px 14px;background:var(--fond);cursor:pointer;font-weight:700}
.puce.on{border-color:var(--vert);background:var(--vert-doux)}

.recap{border:2px solid var(--noir);border-radius:22px;overflow:hidden}
.recap .haut{background:var(--noir);color:#fff;padding:14px 16px;font:800 18px var(--titre);display:flex;justify-content:space-between}
.recap ul{list-style:none;margin:0;padding:12px 16px;display:grid;gap:8px}
.recap li{display:flex;justify-content:space-between;gap:12px;font-size:15px}
.recap li span:first-child{color:var(--gris)}
.recap li b{text-align:right}
.total{display:flex;justify-content:space-between;align-items:baseline;padding:14px 16px;border-top:2px dashed var(--trait)}
.total b{font:800 30px var(--titre);font-variant-numeric:tabular-nums}

.champ{display:grid;gap:6px;margin-bottom:12px}
.champ label{font-weight:700;font-size:14px}
.champ input{border:2px solid var(--trait);border-radius:14px;padding:13px 14px;font:600 16px var(--texte);background:var(--fond);color:var(--encre);width:100%}
.champ input:focus{outline:none;border-color:var(--vert-fonce)}

/* Barre d'action fixe en bas de l'écran */
.action{position:absolute;left:0;right:0;bottom:0;padding:12px 18px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(#ffffff00,var(--fond) 26%);display:flex;gap:10px;align-items:center;z-index:4}
.action .montant{font:800 22px var(--titre);font-variant-numeric:tabular-nums;white-space:nowrap}
.action .montant small{display:block;font:600 11px var(--texte);color:var(--gris)}
.btn{flex:1;height:56px;border-radius:18px;border:0;background:var(--vert);color:var(--noir);font:800 17px var(--texte);cursor:pointer;box-shadow:0 6px 18px #79ff2266;transition:transform .12s}
.btn:active{transform:scale(.98)}
.btn[disabled]{background:var(--trait);box-shadow:none;color:var(--gris);cursor:default}
.btn.noir{background:var(--noir);color:#fff;box-shadow:none}
.action[hidden]{display:none!important}

/* Barre du bas (accueil) */
.nav{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;background:var(--noir);padding:10px 8px calc(10px + env(safe-area-inset-bottom,0px));z-index:6;transition:transform .3s}
.nav.cachee{transform:translateY(110%)}
.nav button{background:none;border:0;color:#c9d2c4;display:flex;flex-direction:column;align-items:center;gap:3px;font:700 11.5px var(--texte);cursor:pointer;padding:4px 10px;border-radius:12px}
.nav button span{font-size:20px;line-height:1}
.nav button.on{color:var(--vert)}

/* Suivi */
.frise{list-style:none;padding:0;margin:8px 0 0;position:relative}
.frise li{display:flex;gap:14px;padding:0 0 22px;position:relative}
.frise li::before{content:"";position:absolute;left:13px;top:28px;bottom:0;width:3px;background:var(--trait)}
.frise li:last-child::before{display:none}
.frise li.fait::before{background:var(--vert)}
.frise .pt{width:29px;height:29px;border-radius:50%;border:3px solid var(--trait);background:var(--fond);flex:none;display:grid;place-items:center;font:800 13px var(--texte);z-index:1}
.frise li.fait .pt{background:var(--vert);border-color:var(--vert)}
.frise li.en-cours .pt{border-color:var(--vert-fonce);box-shadow:0 0 0 5px #79ff2244}
.frise b{font:800 17px var(--titre);display:block}
.frise small{color:var(--gris)}
.code{display:flex;justify-content:space-between;align-items:center;background:var(--noir);color:#fff;border-radius:22px;padding:16px 18px;margin:6px 0 18px}
.code b{font:800 34px var(--titre);color:var(--vert);letter-spacing:3px}
.interrupteur{display:flex;align-items:center;gap:12px;border:2px solid var(--trait);border-radius:18px;padding:12px 14px;cursor:pointer;width:100%;background:var(--fond);text-align:left;margin-bottom:12px}
.interrupteur .rail{width:50px;height:30px;border-radius:99px;background:var(--trait);position:relative;flex:none;transition:background .2s}
.interrupteur .rail::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .2s}
.interrupteur[aria-checked="true"] .rail{background:var(--vert-fonce)}
.interrupteur[aria-checked="true"] .rail::after{left:23px}

/* Notification type téléphone */
.notif{position:absolute;left:10px;right:10px;top:10px;z-index:20;background:#fffffff2;backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 12px 30px #0d0f0d40;padding:12px 14px;display:flex;gap:12px;align-items:center;transform:translateY(-140%);transition:transform .45s cubic-bezier(.2,.9,.2,1.1);cursor:pointer}
.notif.vue{transform:translateY(0)}
.notif:not(.vue){visibility:hidden;transition:transform .45s,visibility 0s .45s}
.notif img{width:38px;height:38px;border-radius:10px}
.notif b{font:800 14px var(--texte);display:flex;justify-content:space-between}
.notif b small{font-weight:600;color:var(--gris)}
.notif span{font-size:14px}
.essai{font-size:12.5px;color:var(--gris);text-align:center;margin-top:14px}
.lien{background:none;border:0;color:var(--vert-fonce);font-weight:800;cursor:pointer;text-decoration:underline;padding:6px}
.ligne-panier{display:flex;gap:12px;align-items:center;border:2px solid var(--trait);border-radius:18px;padding:12px 14px;margin-bottom:10px}
.ligne-panier div{flex:1;min-width:0}
.ligne-panier b{font:800 16px var(--titre);display:block}
.ligne-panier small{color:var(--gris)}
.vide{text-align:center;color:var(--gris);padding:40px 0}
.apercu{position:fixed;inset:0;z-index:60;background:#0d0f0df2;display:flex;flex-direction:column;padding:calc(12px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}
.ap-tete{display:flex;align-items:center;gap:12px;color:#fff;max-width:900px;width:100%;margin:0 auto 12px}
.ap-tete div{flex:1;min-width:0}.ap-tete b{font:800 19px var(--titre);display:block;overflow-wrap:anywhere}.ap-tete small{color:#c9d2c4}
.ap-pages{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:20px}
.ap-pages figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px;color:#c9d2c4;font-size:13px;width:100%}
.ap-pages .feuille2{background:#fff;box-shadow:0 10px 30px #0008;display:grid;place-items:center;overflow:hidden;max-width:100%}
.ap-pages img{width:100%;height:100%;object-fit:contain;display:block}
.liens-pc,.resume,.bascule-tel{display:none}
.pied{margin:26px -18px -110px;padding:22px 18px 120px;background:var(--noir);color:#fff;display:grid;gap:14px}
.pied b{font:800 20px var(--titre);display:block;margin-bottom:4px}.pied span{display:block;color:#c9d2c4;font-size:14px;line-height:1.6}
.pied-liens{display:flex;flex-wrap:wrap;gap:6px}.pied-liens button{background:none;border:1.5px solid #ffffff44;color:#fff;border-radius:99px;padding:7px 12px;font:700 13px var(--texte);cursor:pointer}
.pied small{color:var(--vert);font-weight:700}
body.pc .tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}body.pc .tabs .recap{margin:0!important}
body.pc .pied{margin:40px calc(-1 * max(24px,calc((100vw - var(--pcw,1120px))/2))) -60px;padding:30px max(24px,calc((100vw - var(--pcw,1120px))/2)) 40px;grid-template-columns:1fr auto;align-items:start}
.boutique{margin-top:18px;border-radius:24px;background:var(--noir);color:#fff;padding:18px;display:grid;gap:12px}
.bt-tete{display:flex;gap:12px;align-items:center}.bt-tete .ico{width:48px;height:48px;border-radius:50%;background:var(--vert);display:grid;place-items:center;font-size:24px;flex:none}
.bt-tete b{font:800 22px var(--titre);display:block}.bt-tete small{color:#c9d2c4;font-size:13.5px}
.bt-champ{display:flex;gap:10px;align-items:center;width:100%;text-align:left;border:0;border-radius:16px;background:#fff;color:var(--gris);padding:15px 16px;font:600 15px var(--texte);cursor:pointer}
.boutique .puce{background:transparent;color:#fff;border-color:#ffffff55}.boutique .puce:hover{border-color:var(--vert)}
body.pc .boutique{grid-template-columns:1.1fr 1.4fr auto;align-items:center;padding:22px 26px;margin-top:24px}

/* ===== Version PC ===== */
body.pc body.pc body.pc .tete{padding:16px max(24px,calc((100% - var(--pcw,1120px))/2));border-bottom:2px solid var(--trait)}
body.pc .tete .logo{width:54px;height:54px}
body.pc .tete .nom{font-size:22px}
body.pc .liens-pc{display:flex;gap:2px;margin-left:18px;flex-wrap:wrap}
body.pc .tete.flux .liens-pc{display:flex}
body.pc .liens-pc button{border:0;background:none;font:800 15px var(--texte);padding:10px 14px;border-radius:99px;cursor:pointer;color:var(--gris)}
body.pc .liens-pc button.on,body.pc .liens-pc button:hover{background:var(--vert-doux);color:var(--noir)}
body.pc .tete.flux{border-bottom-color:transparent}
body.pc .tete.flux .logo{display:block;width:40px;height:40px}
body.pc .etapes{max-width:560px;margin:0 auto}
body.pc .etapes span{display:flex;flex-direction:column;gap:6px;flex:1;font:700 12px var(--texte);color:var(--gris)}
body.pc .etapes span.ok{color:var(--noir)}
body.pc .etapes span i{flex:none;width:100%;height:6px}
body.pc .nav{display:none}
body.pc .ecran{padding:28px max(24px,calc((100% - var(--pcw,1120px))/2)) 60px}
body.pc .ecran>*{max-width:640px}
body.pc .ecran.accueil>*{max-width:none}
body.pc .ecran h2{font-size:40px;line-height:1.15;margin:10px 0 14px}
body.pc .ecran .sous{font-size:17px;margin-bottom:24px}
body.pc .choix-liste{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
body.pc .choix-liste.deux{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
body.pc .choix{min-height:88px}
body.pc .choix:hover,body.pc .gros:hover{border-color:var(--vert-fonce);transform:translateY(-2px);box-shadow:0 10px 24px #0d0f0d14}
body.pc .salut{font-size:54px;max-width:760px;margin:10px 0 28px}
body.pc .grille{grid-template-columns:repeat(3,1fr);gap:18px}
body.pc .gros{min-height:170px;padding:22px;border-radius:26px}
body.pc .gros .ico{width:60px;height:60px;font-size:30px}
body.pc .gros b{font-size:23px}
body.pc .gros small{font-size:15px}
body.pc .gros.large{padding:22px 26px}
body.pc .suivi-mini{max-width:560px}
/* Colonne de droite : récapitulatif + prix + bouton */
body.pc .action{left:auto;right:max(24px,calc((100% - var(--pcw,1120px))/2));top:118px;bottom:auto;width:340px;flex-direction:column;align-items:stretch;gap:12px;padding:20px;background:var(--fond);border:2px solid var(--noir);border-radius:26px;box-shadow:0 18px 40px #0d0f0d1a}
body.pc .resume{display:block}
body.pc .resume h3{font:800 18px var(--titre);margin:0 0 8px}
body.pc .resume ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:14.5px}
body.pc .resume li{display:flex;justify-content:space-between;gap:10px}
body.pc .resume li span{color:var(--gris)}
body.pc .resume li b.vide2{color:#b5bdb0;font-weight:600}
body.pc .action .montant{font-size:34px;border-top:2px dashed var(--trait);padding-top:12px}
body.pc .action .btn{flex:none}
body.pc .depot{padding:60px 20px}
body.pc .notif{left:auto;right:24px;width:380px;top:16px}
body.pc .pas output,body.pc .pas .pas-saisie{font-size:72px;width:190px}
body.pc .bascule-tel{display:inline-block}
/* --- Ajouts site réel --- */
a.choix,a.gros,a.puce,a.btn{text-decoration:none;color:inherit}
.tete .nom small.ferme{color:#b3261e}.tete .nom small.ferme::before{background:#b3261e;box-shadow:0 0 0 3px #b3261e33}
.ecran.cadre{padding:0;overflow:hidden}
.ecran.cadre iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}
.multi{display:grid;gap:12px}
.choix .coche{margin-left:auto;width:28px;height:28px;border-radius:50%;border:2px solid var(--trait);flex:none;display:grid;place-items:center;font:800 15px var(--texte)}
.choix.on .coche{background:var(--vert);border-color:var(--vert)}
.pages-c{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.pages-c span{min-width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:800 12px var(--texte);background:var(--fond-2);border:2px solid var(--trait)}
.pages-c span.c{border-color:#ff3dac;background:#fff0f8}
.attente{display:flex;gap:10px;align-items:center;color:var(--gris);font-size:14px;margin-top:10px}
.attente i{width:16px;height:16px;border-radius:50%;border:3px solid var(--trait);border-top-color:var(--vert-fonce);animation:tourne .8s linear infinite}
@keyframes tourne{to{transform:rotate(360deg)}}
.barre-envoi{height:12px;border-radius:99px;background:var(--trait);overflow:hidden;margin:18px 0 8px}
.barre-envoi i{display:block;height:100%;width:0;background:var(--vert);transition:width .2s}
.erreur{color:var(--rouge);font-weight:700;margin-top:10px}
.lignes-prix{list-style:none;margin:0;padding:0 16px 10px;display:grid;gap:6px;font-size:13.5px;color:var(--gris)}
.lignes-prix li{display:flex;justify-content:space-between;gap:10px}
.neuf{position:fixed;inset:0;z-index:70;background:#0d0f0d99;display:grid;place-items:center;padding:20px}
.neuf>div{background:#fff;border-radius:28px;max-width:400px;width:100%;padding:26px 22px;text-align:center;box-shadow:0 30px 60px #0006;animation:neufIn .45s cubic-bezier(.2,.9,.2,1.1)}
.neuf h3{font:800 28px/1.1 var(--titre);margin:8px 0 10px}.neuf h3 mark{background:var(--vert);padding:0 6px;border-radius:6px}
.neuf p{color:var(--gris);margin:0 0 18px;line-height:1.5}
.neuf .btn{width:100%}
.info-imp>div{text-align:left}.info-imp h3{text-align:center;margin-bottom:14px}
.info-liste{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:12px}
.info-liste li{display:flex;gap:12px;align-items:flex-start;line-height:1.4;color:var(--gris);font-size:15px}
.info-liste b{display:block;color:#111;font-family:var(--titre)}
.rond-v{flex:none;width:12px;height:12px;border-radius:50%;background:var(--vert);margin-top:5px}
.info-coche{display:flex;gap:10px;align-items:center;margin:0 0 14px;font-size:14px;color:var(--gris);cursor:pointer}
.info-coche input{width:20px;height:20px;accent-color:#111}
@keyframes neufIn{from{transform:translateY(30px) scale(.94);opacity:0}}
.ap-pages canvas{width:100%;height:100%;display:block;background:#fff}
.nav a{background:none;border:0;color:#c9d2c4;display:flex;flex-direction:column;align-items:center;gap:3px;font:700 11.5px var(--texte);padding:4px 10px;border-radius:12px;text-decoration:none}
.nav a span{font-size:20px;line-height:1}
body.pc .liens-pc a{font:800 15px var(--texte);padding:10px 14px;border-radius:99px;color:var(--gris);text-decoration:none}
body.pc .liens-pc a:hover{background:var(--vert-doux);color:var(--noir)}
/* --- Parcours réels --- */
.gros-ok{width:84px;height:84px;border-radius:50%;background:var(--vert);margin:0 auto 12px;display:grid;place-items:center;font:800 42px var(--titre)}
.mini-titre{font-weight:800;margin:18px 0 8px}
.mesure{display:flex;gap:10px;align-items:flex-end;margin-top:16px}.mesure .champ{flex:1;margin:0}.mesure>span{font:800 22px var(--titre);padding-bottom:12px}
.calc{display:flex;gap:16px;align-items:center;margin-top:16px;padding:16px;border-radius:20px;background:var(--noir);color:#fff}
.calc b{font:800 34px var(--titre);color:var(--vert);display:block;line-height:1}.calc small{color:#c9d2c4;font-size:13px;display:block;margin-top:4px}.calc>div{flex:1}
.planche{width:96px;flex:none;background:#fff;border-radius:6px}
.choix.off{opacity:.55;cursor:default;background:var(--fond-2)}
.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;margin-top:14px}
.photo{position:relative;border:2px solid var(--trait);border-radius:16px;overflow:hidden;background:var(--fond-2)}
.photo img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.photo .x{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;border:0;background:#0d0f0dcc;color:#fff;cursor:pointer;font-size:12px}
.mini-pas{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:6px}
.mini-pas button{width:32px;height:32px;border-radius:50%;border:2px solid var(--noir);background:#fff;font:800 18px var(--titre);cursor:pointer;flex:none}
.mini-pas output{font:800 18px var(--titre);min-width:26px;text-align:center}
.faq{border:2px solid var(--trait);border-radius:18px;margin-bottom:10px;overflow:hidden}
.faq button{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;border:0;background:var(--fond);padding:14px 16px;cursor:pointer;text-align:left;font:800 17px var(--titre)}
.faq i{font-style:normal;font-size:22px;color:var(--vert-fonce)}.faq p{margin:0;padding:0 16px 14px;color:var(--gris);line-height:1.5}
.titre-cadre{font:800 20px var(--titre);flex:1}.titre-cadre mark{background:var(--vert);padding:0 6px;border-radius:6px}
.choix.cartouche{cursor:default;gap:12px}
.choix.cartouche .txt{min-width:0;flex:1;display:flex;flex-direction:column}
.choix.cartouche .txt b{font-size:16px}.choix.cartouche .txt small{overflow-wrap:anywhere}
.choix.cartouche em{font:700 12.5px var(--texte);color:var(--vert-fonce);font-style:normal}
.choix.cartouche .prix{margin-left:0}
.rond.plein{background:var(--vert);border-color:var(--vert);font:800 15px var(--texte)}
.grille.infos{margin-top:14px}
.gros.petit{min-height:0;gap:6px}
.gros.petit .ico{width:40px;height:40px;font-size:19px}
.liste-f{margin-top:14px}
.champ textarea{border:2px solid var(--trait);border-radius:14px;padding:13px 14px;font:600 16px var(--texte);background:var(--fond);color:var(--encre);width:100%;resize:vertical}
.champ textarea:focus{outline:none;border-color:var(--vert-fonce)}
.action .montant small{max-width:120px;white-space:normal}
body.ap-ouvert .tel{visibility:hidden}
body.pc .choix-liste.une{grid-template-columns:1fr}
body.pc .grille.infos{grid-template-columns:repeat(4,1fr)}
body.pc .gros.petit{min-height:0}
body.pc .ecran h2:focus{outline:none}
.ecran h2:focus{outline:none}
.choix.typec{min-height:56px;padding:10px 12px;gap:10px}
.choix.typec .pastille{width:32px;height:32px;font-size:16px}
.choix.typec b{font:800 15px var(--titre);min-width:0;overflow-wrap:anywhere}
@media (max-width:400px){.choix.typec b{font-size:13.5px}}
.pied-liens a{background:none;border:1.5px solid #ffffff44;color:#fff;border-radius:99px;padding:7px 12px;font:700 13px var(--texte);text-decoration:none}
.pied span a{color:inherit;text-decoration:none}
body.pc .liens-pc button,body.pc .liens-pc a{font:800 15px var(--texte);padding:10px 14px;border-radius:99px;color:var(--gris)}
.deux-champs{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:420px){.deux-champs{grid-template-columns:1fr}}
body:not(.pc) .ecran[data-id="accueil"] .pied{display:none}
.choix-liste.trois{grid-template-columns:repeat(3,1fr)}
body.pc .action.enligne{top:auto;bottom:28px;left:max(24px,calc((100% - var(--pcw,1120px))/2));right:auto;width:min(640px,calc(100% - 48px));padding:0;border:0;background:none;box-shadow:none;flex-direction:row}
body.pc .action.enligne .resume,body.pc .action.enligne .montant{display:none}
body.pc .action.enligne .btn{flex:1}
/* Textes officiels dans l'appli */
.doc{line-height:1.6;color:var(--encre);font-size:15.5px}
.doc .mk-section,.doc .tarif-section,.doc section{background:none!important;padding:0!important;margin:0 0 6px}
.doc .mk-wrap,.doc .wrap,.doc .ct-wrap{max-width:none;padding:0;margin:0}
.doc h2,.doc .mk-h2{font:800 22px/1.2 var(--titre);margin:22px 0 8px}
.doc h3{font:800 18px/1.25 var(--titre);margin:18px 0 6px}
.doc p{margin:0 0 10px;color:#3c4339}
.doc ul,.doc ol{padding-left:20px;margin:0 0 12px}.doc li{margin:4px 0}
.doc ul li::marker{color:var(--vert-fonce)}
.doc a{color:var(--vert-fonce);font-weight:700}
.doc table{width:100%;border-collapse:separate;border-spacing:0;border:2px solid var(--noir);border-radius:16px;overflow:hidden;margin:8px 0 14px;font-size:14px}
.doc th{background:var(--noir);color:#fff;text-align:left;padding:10px 12px;font:800 13px var(--texte)}
.doc td{padding:9px 12px;border-top:1px solid var(--trait);vertical-align:top}
.doc .table-scroll{overflow-x:auto}
.doc .note{background:var(--vert-doux);border:2px solid var(--vert);border-radius:16px;padding:12px 14px;margin:12px 0}
.doc .mk-lead{color:var(--gris)}
.doc details{border:2px solid var(--trait);border-radius:18px;margin-bottom:10px;overflow:hidden;background:#fff}
.doc summary{cursor:pointer;list-style:none;padding:14px 44px 14px 16px;font:800 16.5px/1.3 var(--titre);position:relative}
.doc summary::-webkit-details-marker{display:none}
.doc summary::after{content:"+";position:absolute;right:16px;top:12px;font-size:22px;color:var(--vert-fonce)}
.doc details[open] summary::after{content:"−"}
.doc details>*:not(summary){padding:0 16px}.doc details>*:last-child{padding-bottom:14px}
.doc .mk-card{border:2px solid var(--trait);border-radius:20px;padding:16px;margin:0 0 12px}
.doc .mk-btn{display:inline-flex;align-items:center;border:2px solid var(--noir);border-radius:14px;padding:8px 14px;text-decoration:none;color:var(--noir)}
.doc .mk-pay-grid{display:grid;gap:12px}
.evt-bandeau{width:100%;display:flex;gap:12px;align-items:center;text-align:left;border:0;border-radius:20px;background:var(--vert);padding:12px 16px;margin:0 0 14px;cursor:pointer}
.evt-bandeau>span:first-child{font-size:26px}.evt-bandeau>span:nth-child(2){flex:1}.evt-bandeau b{font:800 17px var(--titre);display:block}.evt-bandeau small{font-size:13px}
.evt-imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px}.evt-imgs img{width:100%;border-radius:14px;display:block}
body.pc .ecran[data-id^="doc-"]>*,body.pc .ecran[data-id="horaires"]>*,body.pc .ecran[data-id="evenement"]>*{max-width:760px}
body.pc .ecran[data-id="tarifs-complets"] .tabs{grid-template-columns:repeat(3,1fr)}

/* Pop-up « Votre avis sur notre nouveau site » (2 questions) */
.avis-site>div{position:relative;text-align:left;max-height:92vh;overflow:auto}
.avis-site h3{text-align:center;margin:4px 28px 16px}
.avis-q{display:block;margin:0 0 8px;font:800 16px/1.25 var(--titre,'Baloo 2',sans-serif);color:#111}
.avis-x{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:#f1f5ee;font-size:22px;line-height:1;cursor:pointer;color:#111}
.avis-notes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 18px}
.avis-n{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 2px;border:2px solid #dfe5dc;border-radius:16px;background:#fff;color:#111;font:700 12.5px/1.15 var(--texte,'Nunito',sans-serif);cursor:pointer;transition:background .15s,border-color .15s}
.avis-n span{font-size:30px;line-height:1}
.avis-n:hover{border-color:#111}
.avis-n[aria-checked="true"]{background:#79ff22;border-color:#111}
.avis-n:focus-visible,.avis-x:focus-visible{outline:3px solid #111;outline-offset:2px}
.avis-site textarea{display:block;width:100%;box-sizing:border-box;min-height:86px;margin:0 0 6px;padding:12px;border:2px solid #dfe5dc;border-radius:16px;font:600 15px/1.4 var(--texte,'Nunito',sans-serif);color:#111;resize:vertical}
.avis-site textarea:focus{outline:none;border-color:#111}
.avis-msg{min-height:18px;margin:0 0 6px;color:#b00020;font-weight:700;font-size:13.5px}
.avis-send:disabled{opacity:.45;cursor:not-allowed}
.avis-anon{display:block;margin-top:10px;text-align:center;color:#6f746f;font-size:12.5px}
.avis-merci{text-align:center;color:#6f746f;margin:0 0 18px}

/* Écran « Ajouté au panier » : centré sur ordinateur, avec animation */
@keyframes apPop{0%{transform:scale(.2);opacity:0}60%{transform:scale(1.14);opacity:1}100%{transform:scale(1)}}
@keyframes apAnneau{0%{box-shadow:0 0 0 0 #79ff2299}100%{box-shadow:0 0 0 34px #79ff2200}}
@keyframes apMonte{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.ecran[data-id="ajoute"] .gros-ok{animation:apPop .55s cubic-bezier(.2,.9,.3,1.2) both,apAnneau 1.1s ease-out .35s 1 both}
.ecran[data-id="ajoute"] h2,.ecran[data-id="ajoute"] .sous{animation:apMonte .45s ease-out .3s both}
.ecran[data-id="ajoute"] .sous{animation-delay:.38s}
.ecran[data-id="ajoute"] .choix-liste>*{animation:apMonte .45s ease-out both}
.ecran[data-id="ajoute"] .choix-liste>*:nth-child(1){animation-delay:.5s}.ecran[data-id="ajoute"] .choix-liste>*:nth-child(2){animation-delay:.6s}.ecran[data-id="ajoute"] .choix-liste>*:nth-child(3){animation-delay:.7s}.ecran[data-id="ajoute"] .choix-liste>*:nth-child(4){animation-delay:.8s}
body.pc .ecran[data-id="ajoute"]{display:flex;flex-direction:column;align-items:center;padding-top:72px}
body.pc .ecran[data-id="ajoute"]>*{width:100%;max-width:560px;margin-left:auto;margin-right:auto}
body.pc .ecran[data-id="ajoute"] .choix-liste{grid-template-columns:1fr}
@media (prefers-reduced-motion:reduce){.ecran[data-id="ajoute"] *{animation:none!important}}
/* Écran « Ajouté au panier » : bouton du bas centré sur grand écran */
body.pc .action.enligne{left:0!important;right:0!important;margin:0 auto;width:min(560px,calc(100% - 48px))}

/* Barre du bas (mobile) : montant au-dessus, bouton centré et sobre */
body:not(.pc) .action{flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}
body:not(.pc) .action .montant{display:flex;align-items:baseline;justify-content:center;gap:6px;font-size:22px}
body:not(.pc) .action .montant small{display:inline;max-width:none;white-space:nowrap}
body:not(.pc) .action .btn{flex:none;width:min(100%,320px);min-height:46px;height:46px;border-radius:14px;font-size:15px}
/* Plus d'air entre titres, sous-titres et cases */
.ecran h2{margin:10px 0 20px}
.ecran h2+.sous{margin:-8px 0 24px}
body.pc .ecran h2{margin:12px 0 26px}
body.pc .ecran h2+.sous{margin:-12px 0 32px}

.livr-ban{width:100%;display:flex;gap:12px;align-items:center;text-align:left;border:0;border-radius:20px;background:var(--vert);color:#0d0f0d;padding:12px 16px;margin:0 0 14px;cursor:default}.livr-ban>span:first-child{font-size:26px}.livr-ban>span:nth-child(2){flex:1}.livr-ban b{font:800 17px var(--titre);display:block}.livr-ban small{font-size:13px}
.autre-prod{width:100%;display:flex;gap:12px;align-items:center;text-align:left;border:2px dashed #0d0f0d;border-radius:20px;background:#fff;color:#0d0f0d;padding:12px 16px;margin:14px 0 0;cursor:pointer}.autre-prod>span:first-child{font-size:26px}.autre-prod>span:nth-child(2){flex:1}.autre-prod b{font:800 17px var(--titre);display:block}.autre-prod small{font-size:13px;color:#5b605b}

.mail-ban{width:100%;box-sizing:border-box;display:flex;gap:12px;align-items:center;text-align:left;border:2px solid var(--vert);border-radius:20px;background:#fff;color:#0d0f0d;padding:10px 16px;margin:0 0 14px;text-decoration:none}.mail-ban>span:first-child{font-size:24px}.mail-ban>span:nth-child(2){flex:1}.mail-ban b{font:800 16px var(--titre);display:block}.mail-ban small{font-size:13px;opacity:.8;display:block}.mail-ban>span:last-child{font-size:22px}

/* Bannières de l'accueil : fines, une seule ligne */
.livr-ban,.evt-bandeau,.mail-ban{padding:7px 14px;margin:0 0 8px;border-radius:14px;gap:10px;min-height:0}
.livr-ban>span:first-child,.evt-bandeau>span:first-child,.mail-ban>span:first-child{font-size:19px}
.livr-ban b,.evt-bandeau b,.mail-ban b{font-size:14.5px;line-height:1.2}
.livr-ban small,.evt-bandeau small,.mail-ban small{display:none}
.mail-ban{border-width:1.5px}.mail-ban>span:last-child{font-size:18px}

/* Supports de communication : un cadre par type, et visuels de taille proportionnels */
.cadre-type{border:2px solid var(--noir);border-radius:22px;padding:14px 12px 12px;margin:0 0 14px;background:#fff}
.cadre-type h3{margin:0 0 10px 4px;font:800 16px var(--titre)}
.cadre-type .gros{border-width:1.5px}
.fl-fmt{width:56px;height:56px;display:flex;align-items:center;justify-content:center;flex:none}
.fl-fmt i{display:block;border:2px solid var(--noir);background:#eaffd9;border-radius:3px}

/* Accueil en liste : recherche, produits triés, cartouches et devis en bas */
.rech{display:flex;align-items:center;gap:10px;border:2px solid var(--noir);border-radius:16px;padding:0 14px;margin:0 0 12px;background:var(--fond)}
.rech input{flex:1;border:0;outline:0;background:none;font:600 16px var(--texte);padding:13px 0;min-width:0;color:inherit}
.rech:focus-within{box-shadow:0 0 0 3px var(--vert)}
.rg-sec{margin:18px 0 0}
.rg-sec h3{font:800 14px/1 var(--titre);text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px;padding-bottom:8px;border-bottom:3px solid var(--vert)}
.rg{width:100%;display:flex;align-items:center;gap:12px;background:none;border:0;border-bottom:1px solid #e4e8e1;padding:10px 2px;text-align:left;cursor:pointer;color:inherit;text-decoration:none;font:inherit}
.rg[hidden],.rg-sec[hidden]{display:none}
.rg:active{background:var(--vert-doux)}
.rg .ico{width:42px;height:42px;border-radius:50%;background:var(--vert-doux);display:grid;place-items:center;font-size:21px;flex:none}
.rg .rt{flex:1;display:flex;flex-direction:column;min-width:0}
.rg .rt b{font:800 17px/1.1 var(--titre)}
.rg .rt small{color:var(--gris);font-size:13px;line-height:1.3}
.rg .fl,.rg-boite .fl{font:800 24px/1 var(--titre);color:var(--gris)}
.rg-vide{margin:20px 0;color:var(--gris);text-align:center}
.rg-noel{margin-top:8px;background:#c8102e;color:#fff;border-radius:16px;padding:10px 12px}
.rg-noel .rt small,.rg-noel .fl{color:#ffe9b8}
.rg-bas{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 14px}
.rg-boite{display:flex;align-items:center;gap:10px;border:2px solid var(--noir);border-radius:18px;padding:14px 12px;text-align:left;cursor:pointer;font:inherit}
.rg-boite .ico{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:20px;flex:none}
.rg-boite .rt{flex:1;display:flex;flex-direction:column;min-width:0}
.rg-boite .rt b{font:800 17px/1.1 var(--titre)}
.rg-boite .rt small{font-size:12.5px;line-height:1.25}
.rg-noir{background:var(--noir);color:#fff}.rg-noir .ico{background:var(--vert)}.rg-noir small,.rg-noir .fl{color:#c9d2c4}
.rg-vert{background:var(--vert);color:var(--noir)}.rg-vert .ico{background:var(--noir)}.rg-vert small{color:#1c3a0a}.rg-vert .fl{color:var(--noir)}
body.pc #rgListe{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;align-items:start}
body.pc .rg-vide{grid-column:1/-1}
body.pc .rech{max-width:560px}
body.pc .rg-bas{max-width:640px}

.ban-ligne{display:flex;gap:8px;margin:10px 0 8px}.ban-ligne>*{flex:1 1 0;min-width:0;margin:0!important}.ban-ligne b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:420px){.ban-ligne b{font-size:12.5px}.ban-ligne>*{padding:7px 10px}.ban-ligne .evt-bandeau>span:last-child{display:none}}

.ban-ligne{margin:0 0 8px}.ban-ligne>*{padding:3px 12px!important;min-height:0;border-radius:12px!important;gap:8px!important}.ban-ligne>*>span:first-child{font-size:16px!important}.ban-ligne b{font-size:13px!important;line-height:1.2}
.ban-ligne>*{overflow:hidden}.ban-ligne>*>span:nth-child(2){min-width:0;flex:1 1 auto}.ban-ligne b{overflow:hidden;text-overflow:ellipsis}.ban-ligne .evt-bandeau>span:last-child{display:none}@media(max-width:480px){.ban-ligne b{font-size:11.5px!important}.ban-ligne>*{gap:5px!important;padding:3px 9px!important}.ban-ligne>*>span:first-child{font-size:14px!important}}

/* Accueil sur ordinateur (13/11/2026) : page plus large, quatre colonnes (Impression, Supports, Personnalisés, Services) au lieu de deux gros espaces blancs */
.rg-sec-pc{display:none}
@media(min-width:1280px){
  body.pc #rgListe{grid-template-columns:repeat(4,1fr)}
  body.pc .rg-sec-pc{display:block}
  body.pc .rg-bas{display:none}
  body.pc .ecran.accueil .salut{max-width:none}
  body.pc .ecran.accueil .rech{max-width:760px}
}


/* Parcours de commande sur grand écran (13/11/2026) : configuration à gauche (large), suivi de la commande et prix à droite, plus de grands blancs */
@media(min-width:1280px){
  body.pc{--pcw:calc(100vw - 96px)}
  body.pc .tete{padding-left:max(24px,calc((100% - var(--pcw)) / 2));padding-right:max(24px,calc((100% - var(--pcw)) / 2))}
  body.pc .ecran:not(.accueil)>*{max-width:calc(100% - 450px)}
  body.pc .action:not(.enligne){width:400px}
  body.pc .choix-liste{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
  body.pc .choix-liste.deux{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
  body.pc .choix{min-height:120px;padding:22px 24px}
  body.pc .etapes{max-width:none;margin:0 0 0 24px}
}
/* Accueil PC, version C (13/11/2026) : barre verte fine collée au menu, puis « On imprime quoi… » et la recherche côte à côte */
@media(min-width:900px){
  body.pc .ecran.accueil .ban-ligne{position:relative;background:var(--vert);box-shadow:0 0 0 100vmax var(--vert);clip-path:inset(0 -100vmax);margin:-30px 0 0;padding:5px 0 !important;gap:28px;border-radius:0}
  body.pc .ecran.accueil .ban-ligne>*{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;flex:0 0 auto;border-radius:0!important;color:var(--noir)}
  body.pc .ecran.accueil .ban-ligne small{display:none}
  body.pc .ecran.accueil .acc-ligne{display:flex;align-items:center;gap:28px;padding:14px 0;margin:0 0 18px;border-bottom:2px solid #e1e7dc}
  body.pc .ecran.accueil .acc-ligne .salut{font-size:30px;line-height:1.05;margin:0;max-width:none;white-space:nowrap;text-wrap:nowrap}
  body.pc .ecran.accueil .acc-ligne .salut br{display:none}
  body.pc .ecran.accueil .acc-ligne .rech{flex:1 1 auto;max-width:none;margin:0;border-radius:99px;padding:0 6px 0 18px}
}
/* Accueil PC, version C : familles empilées, produits en tuiles (13/11/2026) */
@media(min-width:900px){
  body.pc #rgListe{display:block}
  body.pc #rgListe .rg-sec{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:0 0 30px;align-items:stretch}
  body.pc #rgListe .rg-sec h3{grid-column:1/-1;font:800 26px/1.1 var(--titre);text-transform:none;letter-spacing:0;margin:0;padding:0 0 9px;border-bottom:3px solid var(--vert);display:flex;align-items:baseline;gap:12px}
  body.pc #rgListe .rg-sec h3::after{font:600 14px var(--texte);color:var(--gris)}
  body.pc #rgListe .rg-sec:nth-of-type(1) h3::after{content:'Déposez vos fichiers, on s’occupe du reste'}
  body.pc #rgListe .rg-sec:nth-of-type(2) h3::after{content:'Prêts à distribuer'}
  body.pc #rgListe .rg-sec:nth-of-type(3) h3::after{content:'Fabriqués à la demande'}
  body.pc #rgListe .rg-sec:nth-of-type(4) h3::after{content:'Et aussi'}
  body.pc #rgListe .rg{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:auto;border:2px solid #e1e7dc;border-radius:20px;padding:12px;transition:box-shadow .15s,border-color .15s}
  body.pc #rgListe .rg:hover{border-color:var(--noir);box-shadow:0 6px 0 var(--vert)}
  body.pc #rgListe .rg .ico{width:100%;height:88px;border-radius:12px;font-size:42px;background:#F1FFE5}
  body.pc #rgListe .rg-sec:nth-of-type(1) .ico{background:var(--vert)}
  body.pc #rgListe .rg-sec:nth-of-type(3) .ico{background:#E9EDE6}
  body.pc #rgListe .rg .rt{margin-top:4px}
  body.pc #rgListe .rg .rt b{font-size:18px}
  body.pc #rgListe .rg .fl{display:none}
}
.rech-btn{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:8px;background:var(--noir);color:#fff;border:0;border-radius:99px;width:42px;height:42px;margin:4px 0;cursor:pointer;padding:0}
.rech-btn .rech-txt{display:none}
@media(min-width:900px){
  body.pc .ecran.accueil .rech{padding:4px 4px 4px 18px}
  body.pc .ecran.accueil .rech-btn{display:inline-flex;flex:none;align-items:center;background:var(--noir);color:#fff;border:0;border-radius:99px;padding:11px 24px;font:800 15px var(--texte);cursor:pointer}
  body.pc .ecran.accueil .rech-btn:hover{background:#2b312a}
  body.pc .ecran.accueil .rech input{padding:10px 0}
}
/* Barre de recherche propre : une seule loupe (à gauche), pas d'icône native du navigateur */
.rech-loupe{flex:none;color:var(--noir)}
.rech input[type=search]{-webkit-appearance:none;appearance:none}
.rech input[type=search]::-webkit-search-decoration,.rech input[type=search]::-webkit-search-cancel-button,.rech input[type=search]::-webkit-search-results-button,.rech input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;display:none}
.rech input[type=search]::placeholder{color:#7a8576;opacity:1}
@media(min-width:900px){
  body.pc .ecran.accueil .rech{align-items:center;gap:12px;box-shadow:none}
  body.pc .ecran.accueil .rech:focus-within{box-shadow:0 0 0 3px var(--vert)}
}

/* Une seule loupe, à droite, dans le bouton noir */
.rech{padding:0 4px 0 16px}
@media(min-width:900px){
  body.pc .ecran.accueil .rech{padding:4px 4px 4px 22px}
  body.pc .ecran.accueil .rech-btn{width:auto;height:auto;padding:11px 24px 11px 20px;margin:0}
  body.pc .ecran.accueil .rech-btn .rech-txt{display:inline}
}
/* Barre de recherche : aucun vert autour, contour noir uniquement ; bouton centré avec le même espace partout */
.rech,.rech:focus-within{box-shadow:none!important}
.rech:focus-within{outline:0}
body.pc .ecran.accueil .rech{padding:5px 5px 5px 22px!important;align-items:center}
body.pc .ecran.accueil .rech-btn{height:44px!important;padding:0 24px 0 20px!important;margin:0!important}
.rech-btn{margin:0!important}
/* Mobile (13/11/2026) : choix compacts en ligne, titre d'accueil plus petit */
@media(max-width:899px){
  .choix.col{flex-direction:row;align-items:center;gap:14px;padding:12px 16px;min-height:0}
  .choix.col .fl-fmt{width:44px;height:52px}
  .choix.col .prix{margin-left:auto}
  .choix-liste.une{gap:10px}
  .salut{font-size:27px;line-height:1.1;margin:4px 0 12px}
  .salut br:first-of-type{display:none}
}

@media(min-width:900px){
  body.pc .ecran.accueil .ban-ligne>*{overflow:visible!important;min-width:0}
  body.pc .ecran.accueil .ban-ligne b{overflow:visible!important;text-overflow:clip!important;white-space:nowrap}
  body.pc .ecran.accueil .ban-ligne>*>span:nth-child(2){flex:0 0 auto!important}
  body.pc .ecran.accueil .ban-ligne .evt-bandeau>span:last-child{display:none}
}
/* Barre fine PC : l'événement et la livraison offerte restent tous les deux lisibles, côte à côte */
@media(min-width:900px){
  body.pc .ecran.accueil .ban-ligne{justify-content:flex-start}
  body.pc .ecran.accueil .ban-ligne>*{flex:0 0 auto!important;width:auto!important;max-width:none!important;overflow:visible!important}
  body.pc .ecran.accueil .ban-ligne>*>span:nth-child(2){flex:0 0 auto!important;overflow:visible!important}
  body.pc .ecran.accueil .ban-ligne .livr-ban{margin-left:0!important}
}
/* Parcours sur ordinateur : les étapes sont en bas de page (13/11/2026) */
@media(min-width:900px){
  body.pc .tete.flux .etapes{position:fixed;left:0;right:0;bottom:0;max-width:none;margin:0;padding:12px max(28px,calc((100% - 900px)/2)) 14px;background:#fff;border-top:2px solid var(--trait);z-index:30;box-sizing:border-box}
  body.pc .ecran{padding-bottom:84px}
}

/* Quel fichier est en cours de réglage (plusieurs fichiers) */
.f-cours{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 14px;padding:8px 14px;border-radius:14px;background:#F1FFE5;border:2px solid var(--vert);font-size:14px;line-height:1.3}
.f-cours .f-num{font:800 14px var(--titre);background:var(--noir);color:var(--vert);border-radius:99px;padding:3px 12px;white-space:nowrap}
.f-cours .f-nom{font-weight:700;min-width:0;overflow-wrap:anywhere;flex:1 1 140px}

/* Accueil téléphone, même style que le site ordinateur (14/11/2026) : titres de familles soulignés en vert, produits en grosses cartes sur 2 colonnes */
@media(max-width:899px){
  #rgListe .rg-sec{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 22px;align-items:stretch}
  #rgListe .rg-sec h3{grid-column:1/-1;font:800 20px/1.1 var(--titre);text-transform:none;letter-spacing:0;margin:0;padding:0 0 7px;border-bottom:3px solid var(--vert)}
  #rgListe .rg{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:auto;border:2px solid #e1e7dc;border-radius:18px;padding:9px;min-width:0}
  #rgListe .rg .ico{width:100%;height:74px;border-radius:12px;font-size:34px;background:#F1FFE5;display:grid;place-items:center}
  #rgListe .rg-sec:nth-of-type(1) .ico{background:var(--vert)}
  #rgListe .rg-sec:nth-of-type(3) .ico{background:#E9EDE6}
  #rgListe .rg .rt{margin-top:2px;min-width:0}
  #rgListe .rg .rt b{font-size:15px;line-height:1.15}
  #rgListe .rg .rt span,#rgListe .rg .rt small{font-size:11.5px}
  #rgListe .rg .fl{display:none}
}