.customer-cart__backdrop { position: fixed; inset: 0; z-index: 1200; background: rgba(0,0,0,.58); opacity: 0; pointer-events: none; transition: opacity .22s ease; }
.customer-cart__backdrop.is-open { opacity: 1; pointer-events: auto; }
.customer-cart { position: fixed; inset: 0 0 0 auto; z-index: 1201; width: min(390px, 100vw); display: flex; flex-direction: column; border-inline-start: 1px solid rgba(255,255,255,.1); background: #171717; color: #f2f2f2; font-family: 'Pinar', Tahoma, sans-serif; transform: translateX(100%); transition: transform .25s ease; box-shadow: -12px 0 36px rgba(0,0,0,.32); }
.customer-cart.is-open { transform: translateX(0); }
.customer-cart__header { display:flex; align-items:center; justify-content:space-between; min-height:68px; padding: .9rem 1rem; border-bottom:1px solid rgba(255,255,255,.1); }
.customer-cart__header h2 { margin:0; font-size:1.05rem; }
.customer-cart__close,.customer-cart__remove { border:0; background:transparent; color:#d8d8d8; cursor:pointer; }
.customer-cart__close { width:38px; height:38px; font-size:1.5rem; }
.customer-cart__items { flex:1; overflow-y:auto; padding:1rem; }
.customer-cart__notice { margin:0 0 .8rem; padding:.7rem; border:1px solid rgba(245,166,35,.26); border-radius:10px; color:#e9ca8c; font-size:.76rem; line-height:1.8; }
.customer-cart__empty { display:grid; gap:1rem; place-items:center; min-height:50%; color:#b7b7b7; text-align:center; }
.customer-cart__empty p { margin:0; }
.customer-cart__item { position:relative; display:flex; gap:.7rem; margin-bottom:.75rem; padding:.7rem; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:rgba(255,255,255,.025); transition:border-color .22s ease, background .22s ease, box-shadow .22s ease; }
.customer-cart__item.is-recently-added { border-color:rgba(245,166,35,.7); background:rgba(245,166,35,.08); box-shadow:0 0 0 2px rgba(245,166,35,.1); }
.customer-cart__item > img { width:58px; height:58px; flex:0 0 auto; object-fit:cover; border-radius:8px; }
.customer-cart__item-info { min-width:0; flex:1; display:grid; gap:.18rem; }
.customer-cart__item-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.83rem; }
.customer-cart__meta,.customer-cart__unit-price { color:#b5b5b5; font-size:.72rem; }
.customer-cart__subtotal { color:#f5a623; font-size:.75rem; font-weight:700; }
.customer-cart__remove { display:grid; width:29px; height:27px; place-items:center; padding:0; border-inline-start:1px solid rgba(255,255,255,.12); color:#c7c7c7; }
.customer-cart__remove svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.customer-cart__remove:hover,.customer-cart__remove:focus-visible { color:#ed8075; background:rgba(237,128,117,.1); outline:0; }
.customer-cart__quantity { display:inline-flex; width:max-content; margin-top:.18rem; border:1px solid rgba(255,255,255,.12); border-radius:8px; overflow:hidden; }
.customer-cart__quantity button,.customer-cart__quantity input { width:29px; height:27px; padding:0; border:0; background:transparent; color:#f2f2f2; text-align:center; font:inherit; }
.customer-cart__quantity button { cursor:pointer; color:#f5a623; }
.customer-cart__quantity input { width:36px; border-inline:1px solid rgba(255,255,255,.12); font-size:.76rem; }
.customer-cart__footer { padding:1rem; border-top:1px solid rgba(255,255,255,.1); background:#151515; }
.customer-cart__total { display:flex; justify-content:space-between; margin-bottom:.8rem; font-size:.9rem; }
.customer-cart__total strong { color:#f5a623; }
.customer-cart__actions { display:grid; grid-template-columns:1fr 1.15fr; gap:.55rem; }
.customer-cart__actions a,.customer-cart__actions button { display:flex; min-height:40px; align-items:center; justify-content:center; border-radius:9px; text-decoration:none; font:inherit; font-size:.78rem; font-weight:700; cursor:pointer; }
.customer-cart__continue { border:1px solid rgba(245,166,35,.45); background:transparent; color:#f5a623; }
.customer-cart__checkout { background:#f5a623; color:#1a1a1a; }
body.customer-cart-open { overflow:hidden; }
.customer-cart-floating { position: fixed; z-index: 1100; inset-inline-end: clamp(.8rem, 2.4vw, 2rem); bottom: max(1rem, env(safe-area-inset-bottom)); display: inline-flex; align-items: center; gap: .42rem; min-height: 38px; padding: .5rem .72rem; border: 1px solid rgba(245,166,35,.48); border-radius: 999px; background: rgba(27,27,27,.92); box-shadow: 0 10px 24px rgba(0,0,0,.28); color: #f4d28d; font: 700 .72rem/1 'Pinar', Tahoma, sans-serif; cursor: pointer; backdrop-filter: blur(10px); transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.customer-cart-floating:hover,.customer-cart-floating:focus-visible { border-color: #f5a623; background: rgba(48,38,21,.96); outline: 0; transform: translateY(-2px); }
.customer-cart-floating[hidden] { display: none; }
.customer-cart-floating > span:first-child { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 50%; background: rgba(245,166,35,.16); color: #f5a623; font-size: .58rem; }
@media (max-width:520px) { .customer-cart-floating { inset-inline-end: .72rem; bottom: max(.72rem, env(safe-area-inset-bottom)); min-height: 42px; padding-inline: .8rem; } }
@media (max-width:520px) { .customer-cart { width:min(100vw, 390px); } .customer-cart__header { min-height:58px; } .customer-cart__items { padding:.8rem; } }

/* The added-to-cart message is positioned beside its triggering card/button by JS. */
.customer-cart-toast { position: fixed; z-index: 1101; inset-inline-end: clamp(.8rem, 2.4vw, 2rem); bottom: calc(max(1rem, env(safe-area-inset-bottom)) + 54px); padding: .55rem .9rem; border: 1px solid rgba(245,166,35,.55); border-radius: 10px; background: rgba(27,27,27,.96); box-shadow: 0 10px 24px rgba(0,0,0,.32); color: #f4d28d; font: 700 .78rem/1.4 'Pinar', Tahoma, sans-serif; opacity: 0; transform: translateY(8px); pointer-events: none; transition: opacity .22s ease, transform .22s ease; }
.customer-cart-toast.is-visible { opacity: 1; transform: translateY(0); }
.customer-cart-toast { inset: auto; bottom: auto; max-width: calc(100vw - 16px); }
@media (max-width:520px) { .customer-cart-toast { inset-inline-end: .72rem; bottom: calc(max(.72rem, env(safe-area-inset-bottom)) + 58px); } }
@media (max-width:520px) { .customer-cart-toast { inset-inline-end: auto; bottom: auto; } }
@media (prefers-reduced-motion: reduce) { .customer-cart-toast { transition: none; } }
.customer-cart__free-shipping { display:grid; gap:.2rem; margin-bottom:.75rem; padding:.6rem .7rem; border:1px solid rgba(245,166,35,.3); border-radius:10px; background:rgba(245,166,35,.06); color:#e9ca8c; font-size:.76rem; line-height:1.75; }
.customer-cart__free-shipping[hidden] { display:none; }
.customer-cart__free-shipping-title { color:#f5a623; font-size:.78rem; }
.customer-cart__free-shipping--success { border-color:rgba(245,166,35,.6); background:rgba(245,166,35,.12); color:#f5a623; font-weight:700; text-align:center; }