/* ==========================================================================
   OLIVER STONE Paris — cart.css
   Panier latéral (drawer)
   ========================================================================== */
.drawer{position:fixed;inset:0;z-index:500;display:none}
.drawer.open{display:block}
.drawer-bg{position:absolute;inset:0;background:rgba(10,10,12,.5)}
.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(430px,94vw);background:var(--blanc);display:flex;flex-direction:column;transform:translateX(100%);animation:slideIn .32s forwards cubic-bezier(.4,0,.2,1)}
@keyframes slideIn{to{transform:none}}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--ligne)}
.drawer-head b{font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400}
.drawer-body{flex:1;overflow:auto;padding:10px 22px}
.line{display:grid;grid-template-columns:84px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--ligne)}
.line img{width:84px;height:84px;object-fit:contain;background:#fff;border:1px solid var(--ligne);border-radius:8px}
.line-name{font-family:'Cormorant Garamond',serif;font-size:1.05rem}
.line-col{font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--or)}
.qty{display:flex;align-items:center;gap:10px;margin-top:6px}
.qty button{width:30px;height:30px;border:1px solid var(--ligne);display:grid;place-items:center;font-size:.95rem}
.line-price{font-size:.85rem;letter-spacing:.08em;text-align:right}
.line-del{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gris);margin-top:8px;text-decoration:underline;text-underline-offset:3px}
.drawer-empty{text-align:center;color:var(--gris);padding:60px 20px;font-size:.9rem;line-height:1.8}
.drawer-foot{border-top:1px solid var(--ligne);padding:20px 22px 26px}
.total-row{display:flex;justify-content:space-between;font-size:.95rem;letter-spacing:.12em;margin-bottom:14px}
.checkout{display:block;width:100%;padding:17px;background:var(--noir);color:#fff;text-align:center;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase}
.checkout:hover{background:var(--or)}
.drawer-note{margin-top:10px;font-size:.68rem;color:var(--gris);text-align:center;letter-spacing:.06em}