/* ============================================================================
   La boutique (`shop`) — la feuille du module, à côté de `shop.js`.
   Ce que seul ce module emploie ; ce qui sert à plusieurs pages reste dans
   `site.css`. Chargée par le site public après `site.css`, dans l'ordre des
   modules (`tests/admin/shell.spec.js`) : découpée de `site.css` au lot 6 sans
   changer l'ordre de la cascade, éprouvée contre l'ancienne feuille unique
   (`tools/comparer-styles.mjs`).
   ============================================================================ */
.livr-seul{
  background:var(--creme);border-radius:13px;padding:12px 14px;margin-bottom:4px;
}
.livr-seul b{display:block;font-size:13px;font-weight:600}
.livr-seul span{display:block;font-size:11.5px;color:var(--encre-60);margin-top:2px;line-height:1.5}
.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.prod{background:var(--blanc);border:1px solid rgba(34,34,33,.08);border-radius:90px 90px 16px 16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.prod:hover{transform:translateY(-4px);box-shadow:0 18px 34px -26px rgba(122,74,45,.35)}
.prod-vis{height:120px;display:flex;align-items:center;justify-content:center;position:relative}
.prod-vis svg{width:42px;height:42px}
.prod-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:3px;flex:1;text-align:center}
.prod h3{font-size:19px;line-height:1.2}
.prod-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:8px}
.cart-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px dashed rgba(34,34,33,.1);font-size:13px}
.cart-tot{display:flex;justify-content:space-between;margin:16px 0;font-size:15px;font-weight:600}

@media(max-width:1000px){
  .shop-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:680px){
  .shop-grid{grid-template-columns:repeat(2,1fr)}
}

/* Un code refusé se signale par la teinte de refus de la palette — le module
   la posait en dur, `#B4543B`, par `element.style`. */
.code-msg.code-ko{color:var(--brique)}