/*! FVC — Panier (v1)
 *  Chargé UNIQUEMENT par panier.html : ces règles ne servent nulle part ailleurs
 *  et n'ont donc rien à faire dans style.css, qui bloque le rendu de chaque page.
 */
/* ============================================================
   PANIER — articles en vedette (v2, 2026-08)
   Les articles achetés priment visuellement sur le bloc cadeau :
   orange = ce que le client paie · or = ce qui lui est offert.
   ============================================================ */
.cart-item{position:relative;display:flex;align-items:center;gap:22px;padding:22px 24px 22px 26px;margin-bottom:18px;border:1px solid #efe4d6;border-radius:20px;background:linear-gradient(158deg,#fff 0,#fffaf4 100%);box-shadow:0 10px 30px rgba(26,26,46,.055),0 2px 6px rgba(26,26,46,.03);transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s,border-color .28s;overflow:hidden}
.cart-item::before{content:'';position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:linear-gradient(180deg,#FC4E00 0,#E8620A 55%,#D4A017 100%)}
.cart-item:hover{transform:translateY(-2px);border-color:#e8d3b4;box-shadow:0 18px 44px rgba(232,98,10,.11),0 3px 10px rgba(26,26,46,.05)}
.cart-item-image{width:92px;height:92px;flex-shrink:0;border-radius:16px;background:linear-gradient(158deg,#fff,#f8f4ee);border:1px solid #f0e7db;box-shadow:0 4px 14px rgba(26,26,46,.06);overflow:hidden}
.cart-item-image img{max-height:78px}
.cart-item-info h3{font-family:var(--font-heading);font-size:17px;line-height:1.25;letter-spacing:-.2px;margin-bottom:7px}
.cart-item-size{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#7c6a58;background:#f7f2eb;border:1px solid #ece2d5;padding:3px 11px;border-radius:999px;line-height:1.5}
.cart-item-price{margin-top:9px;font-size:13.5px;font-weight:600;color:var(--color-text-secondary)}
.cart-item-quantity{display:inline-flex;align-items:center;gap:2px;background:#fff;border:1.5px solid #ece2d5;border-radius:999px;padding:4px;box-shadow:inset 0 1px 2px rgba(26,26,46,.04)}
.qty-btn{width:30px;height:30px;border:none;border-radius:50%;background:0 0;font-size:17px;color:#8a7a6b;transition:background .2s,color .2s}
.qty-btn:hover:not([disabled]){border-color:transparent;background:#fff2e6;color:#c13f00}
.qty-value{min-width:30px;font-size:15px}
.cart-item-total{font-family:var(--font-heading);font-size:19px;font-weight:800;color:#c13f00;min-width:98px;text-align:right}
.cart-item-remove{align-self:flex-start;opacity:.45;transition:opacity .25s,color .25s}
.cart-item-remove:hover{opacity:1}
body.rtl .cart-item-total{text-align:left}
@media(max-width:768px){
 .cart-item{display:grid;grid-template-columns:76px minmax(0,1fr) auto;grid-template-areas:"img info remove" "img qty total";column-gap:14px;row-gap:12px;align-items:center;padding:16px 16px 16px 18px;border-radius:18px}
 .cart-item-image{grid-area:img;align-self:start;width:76px;height:76px;border-radius:14px}
 .cart-item-image img{max-height:64px}
 .cart-item-info{grid-area:info;min-width:0}
 .cart-item-info h3{font-size:15.5px;margin-bottom:6px}
 .cart-item-price{margin-top:6px;font-size:13px}
 .cart-item-remove{grid-area:remove;align-self:start}
 .cart-item-quantity{grid-area:qty;justify-self:start}
 .cart-item-total{grid-area:total;justify-self:end;order:0;width:auto;min-width:0;text-align:right;font-size:17.5px}
 body.rtl .cart-item-total{text-align:left}
}