.panier{grid-template-columns:1.3fr 1fr;align-items:start;gap:40px;padding-top:36px;display:grid}.panier__tete{justify-content:space-between;align-items:baseline;margin-bottom:18px;display:flex}.panier__tete h1{font-size:var(--t-3xl)}.panier__lignes{gap:10px;margin:0;padding:0;list-style:none;display:grid}.panier__ligne{background:var(--papier);box-shadow:0 0 0 1px var(--trait);border-radius:12px;grid-template-columns:72px 1fr auto auto;align-items:center;gap:14px;padding:10px;display:grid}.panier__photo{background:var(--papier);border-radius:8px;width:72px}.panier__nom{font-weight:600;font-size:var(--t-s);line-height:1.3}.panier__nom:hover{text-decoration:underline}.panier__meta{font-size:var(--t-xs);color:var(--gris);margin-top:3px}.panier__total{text-align:right;min-width:72px;font-weight:700}@media (max-width:620px){.panier__ligne{grid-template-columns:56px 1fr}.panier__photo{width:56px}.panier__ligne .quantite{grid-column:2;justify-self:start}.panier__total{text-align:left;grid-column:2}}.commande{background:var(--papier);box-shadow:0 0 0 1px var(--trait), 0 18px 40px -30px #2a1f1780;border-radius:16px;gap:14px;padding:26px;display:grid;position:sticky;top:140px}.commande h2{font-size:var(--t-2xl)}.commande__mode{border:0;gap:8px;margin:0;padding:0;display:grid}.commande__mode legend{font-weight:600;font-size:var(--t-s);margin-bottom:8px}.commande__mode label{cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--trait);font-size:var(--t-s);border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.commande__mode label[data-actif=true]{box-shadow:inset 0 0 0 2px var(--foret);background:var(--papier)}.commande__mode input{accent-color:var(--foret);margin-top:3px}.champ{font-size:var(--t-s);gap:5px;display:grid}.champ span{font-weight:600}.champ input,.champ select,.champ textarea{background:var(--ivoire);width:100%;box-shadow:inset 0 0 0 1.5px var(--trait);font-size:var(--t-m);border:0;border-radius:8px;padding:11px 12px}.champ input:focus,.champ select:focus,.champ textarea:focus{box-shadow:inset 0 0 0 2px var(--foret);outline:none}.champs-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.commande__totaux{border-top:1px dashed var(--trait);gap:6px;margin:6px 0 0;padding-top:12px;display:grid}.commande__totaux div{font-size:var(--t-s);justify-content:space-between;display:flex}.commande__totaux dd{margin:0;font-weight:600}.commande__total{font-family:var(--f-titre);font-size:var(--t-l)!important}.commande__note{font-size:var(--t-xs);color:var(--gris)}.commande__note--alerte{color:var(--lie);font-weight:600}.commande__erreur{color:var(--lie-fonce);font-size:var(--t-s);background:#f6dcd6;border-radius:8px;padding:10px 12px}.commande__bouton{width:100%;font-size:var(--t-m);padding:15px}@media (max-width:900px){.panier{grid-template-columns:1fr}.commande{position:static}}@media (max-width:480px){.champs-2{grid-template-columns:1fr}}.merci{justify-items:start;gap:18px;max-width:720px;padding-top:60px;display:grid}.merci h1{font-size:var(--t-3xl)}.merci__chapo{font-size:var(--t-l)}.merci__lignes{background:var(--papier);width:100%;box-shadow:0 0 0 1px var(--trait);border-radius:12px;gap:8px;margin:0;padding:18px 22px;list-style:none;display:grid}.merci__lignes li{font-size:var(--t-s);justify-content:space-between;gap:16px;display:flex}.merci__total{border-top:1px dashed var(--trait);padding-top:10px;font-weight:700;font-size:var(--t-m)!important}.panier__suite,.commande__retour{display:none}@media (max-width:800px){.panier[data-etape=cabas] .commande{display:none}.panier[data-etape=cabas] .panier__suite{z-index:10;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--papier);border-top:1px solid var(--trait);justify-content:space-between;align-items:center;gap:14px;margin-inline:-16px;display:flex;position:sticky;bottom:0;box-shadow:0 -6px 18px #2a1f1714}.panier__suite p{line-height:1.2;display:grid}.panier__suite span{font-size:var(--t-s);color:var(--gris)}.panier__suite strong{font-size:1.25rem}.panier__suite .bouton{flex:1;justify-content:center;max-width:220px}.panier[data-etape=commande]>section{display:none}.panier[data-etape=commande] .commande__retour{justify-self:start;margin-bottom:4px;font-weight:600;display:block}}