/* ==========================================================
   PAGE STYLES — cart.php
   Shared chrome (topbar / navbar / footer / toast / marquee)
   now lives in assets/css/style.css
   ========================================================== */

/* ---- page-specific overrides of the shared chrome ---- */
:root {
      --teal:#0db8c8; --teal-dark:#0993a0; --teal-soft:#e0f7fa;
      --orange:#f07020; --orange-light:#ff8c3a; --orange-soft:#fff3eb;
      --navy:#0d2351; --navy-mid:#1a3a7c;
      --white:#ffffff; --bg:#f4f8fb; --bg2:#eaf4f6;
      --text:#1a2640; --text-muted:#6b8299; --border:#d3e8ee;
      --success:#22c55e; --danger:#ef4444;
    }
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;}
.nav-cart-badge{position:relative;display:inline-flex;align-items:center;gap:6px;font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--teal)!important;padding:8px 12px;border-radius:6px;text-decoration:none;background:var(--teal-soft);}
/* FOOTER */
    footer{background:#0a0e1f;padding:44px 0 24px;border-top:3px solid var(--teal);}
.footer-brand{font-family:'Orbitron',sans-serif;font-size:18px;font-weight:900;color:#fff;}
.footer-p{font-size:13px;color:rgba(255,255,255,.45);line-height:1.8;margin-top:12px;}
.footer-h{font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--teal);margin-bottom:14px;}
.footer-ul li{margin-bottom:8px;}
.footer-ul a{font-size:13px;color:rgba(255,255,255,.45);text-decoration:none;transition:color .25s;}
.socials a{display:inline-flex;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-size:14px;margin-right:7px;transition:all .3s;text-decoration:none;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:18px;margin-top:36px;font-size:12px;color:rgba(255,255,255,.3);}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
/* ── BREADCRUMB ── */
    .checkout-breadcrumb{background:#fff;border-bottom:1px solid var(--border);padding:14px 0;}
.breadcrumb-steps{display:flex;align-items:center;gap:0;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;overflow-x:auto;white-space:nowrap;}
.bstep{display:flex;align-items:center;gap:8px;padding:6px 18px 6px 12px;color:var(--text-muted);}
.bstep.active{color:var(--teal);}
.bstep.done{color:var(--success);}
.bstep-num{width:24px;height:24px;border-radius:50%;background:var(--border);color:var(--text-muted);font-family:'Orbitron',sans-serif;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s;}
.bstep.active .bstep-num{background:var(--teal);color:#fff;box-shadow:0 0 12px rgba(13,184,200,.4);}
.bstep.done .bstep-num{background:var(--success);color:#fff;}
.bstep-sep{color:var(--border);font-size:16px;margin:0 4px;}
/* ── PAGE HEADER ── */
    .cart-page-header{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 60%,#0993a0 100%);padding:36px 0 32px;position:relative;overflow:hidden;}
.cart-page-header::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 50%,rgba(240,112,32,.1) 0%,transparent 60%);}
.cart-page-header h1{font-family:'Orbitron',sans-serif;font-size:clamp(1.4rem,3vw,2rem);font-weight:900;color:#fff;margin-bottom:4px;position:relative;z-index:1;}
.cart-page-header h1 em{font-style:normal;color:var(--teal);}
.cart-page-header p{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:600;color:rgba(255,255,255,.55);letter-spacing:1px;position:relative;z-index:1;}
/* ── MAIN ── */
    .cart-main{padding:36px 0 60px;}
/* ── CART CARD ── */
    .cart-card{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:20px;}
.cart-card-head{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,rgba(13,184,200,.04) 0%,transparent 100%);}
.cart-card-head-left{display:flex;align-items:center;gap:14px;}
.cart-head-icon{width:44px;height:44px;border-radius:10px;flex-shrink:0;background:var(--teal-soft);border:1px solid rgba(13,184,200,.3);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--teal);}
.cart-card-head h4{font-family:'Orbitron',sans-serif;font-size:14px;font-weight:700;color:var(--navy);margin:0;}
.cart-card-head p{font-size:12px;color:var(--text-muted);margin:3px 0 0;line-height:1;}
.cart-card-body{padding:0;}
/* ── CART TABLE HEADER ── */
    .cart-table-head{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 48px;gap:0;padding:12px 28px;background:var(--bg);border-bottom:1px solid var(--border);font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);}
@media(max-width:767px){.cart-table-head{display:none;}}
/* ── CART ITEM ROW ── */
    .cart-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 48px;gap:0;align-items:center;padding:22px 28px;border-bottom:1px solid var(--border);transition:background .2s;}
.cart-row:last-child{border-bottom:none;}
.cart-row:hover{background:rgba(13,184,200,.02);}
@media(max-width:767px){
      .cart-row{display:flex;flex-direction:column;gap:14px;padding:20px 18px;position:relative;}
    }
.cart-item-col{display:flex;align-items:center;gap:16px;}
.cart-img{width:80px;height:80px;border-radius:12px;flex-shrink:0;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 60%,#0993a0 100%);display:flex;align-items:center;justify-content:center;font-size:32px;color:rgba(13,184,200,.5);border:1px solid var(--border);}
.cart-item-details h5{font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;color:var(--navy);margin:0 0 3px;line-height:1.3;}
.cart-item-details .sku{font-size:11px;color:var(--text-muted);font-family:'Orbitron',sans-serif;letter-spacing:1px;margin-bottom:6px;}
.cart-item-details .item-tags{display:flex;gap:6px;flex-wrap:wrap;}
.itag{font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:700;letter-spacing:.5px;background:var(--teal-soft);color:var(--teal-dark);padding:2px 8px;border-radius:8px;border:1px solid rgba(13,184,200,.2);}
.itag.orange{background:var(--orange-soft);color:var(--orange);border-color:rgba(240,112,32,.2);}
/* Variant selector */
    .variant-sel{font-family:'DM Sans',sans-serif;font-size:12px;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:4px 8px;outline:none;cursor:pointer;margin-top:8px;transition:border-color .3s;}
.variant-sel:focus{border-color:var(--teal);}
/* Qty control */
    .qty-wrap{display:flex;align-items:center;gap:0;border:1.5px solid var(--border);border-radius:10px;overflow:hidden;width:fit-content;}
.qty-btn{width:36px;height:36px;border:none;background:var(--bg);cursor:pointer;font-size:16px;font-weight:700;color:var(--navy);transition:all .3s;display:flex;align-items:center;justify-content:center;}
.qty-btn:hover{background:var(--teal);color:#fff;}
.qty-num{font-family:'Orbitron',sans-serif;font-size:13px;font-weight:700;color:var(--navy);width:44px;text-align:center;border-left:1px solid var(--border);border-right:1px solid var(--border);height:36px;display:flex;align-items:center;justify-content:center;}
/* Price */
    .cart-price-col .original{font-size:12px;color:var(--text-muted);text-decoration:line-through;}
.cart-price-col .current{font-family:'Orbitron',sans-serif;font-size:16px;font-weight:700;color:var(--navy);}
.cart-price-col .saving{font-size:11px;color:var(--success);font-weight:600;margin-top:2px;}
/* Total */
    .cart-total-col{font-family:'Orbitron',sans-serif;font-size:16px;font-weight:700;color:var(--navy);}
/* Remove btn */
    .remove-btn{width:36px;height:36px;border-radius:8px;border:1.5px solid var(--border);background:transparent;cursor:pointer;color:var(--text-muted);font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .3s;}
.remove-btn:hover{border-color:var(--danger);background:#fff5f5;color:var(--danger);}
/* Mobile labels */
    .mob-label{display:none;font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;}
@media(max-width:767px){
      .mob-label{display:block;}
      .cart-item-col{flex-direction:column;align-items:flex-start;}
      .cart-img{width:64px;height:64px;font-size:24px;}
      .cart-row .remove-btn{position:absolute;top:16px;right:16px;}
      .cart-row>div:not(.cart-item-col):not(.remove-btn){padding-left:4px;}
      .mob-row{display:flex;gap:24px;flex-wrap:wrap;}
    }
/* ── SAVED / WISHLIST ── */
    .saved-item{display:flex;gap:16px;align-items:center;padding:16px 28px;border-bottom:1px solid var(--border);}
.saved-item:last-child{border-bottom:none;}
.saved-img{width:64px;height:64px;border-radius:10px;flex-shrink:0;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 60%,#0993a0 100%);display:flex;align-items:center;justify-content:center;font-size:26px;color:rgba(13,184,200,.5);border:1px solid var(--border);}
.saved-info{flex:1;}
.saved-info h6{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;color:var(--navy);margin:0 0 3px;}
.saved-info p{font-size:12px;color:var(--text-muted);margin:0;}
.saved-price{font-family:'Orbitron',sans-serif;font-size:14px;font-weight:700;color:var(--navy);white-space:nowrap;}
.btn-move-cart{font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:var(--teal-soft);color:var(--teal-dark);border:1px solid rgba(13,184,200,.3);border-radius:8px;padding:6px 14px;cursor:pointer;transition:all .3s;white-space:nowrap;}
.btn-move-cart:hover{background:var(--teal);color:#fff;border-color:var(--teal);}
/* ── RECENTLY VIEWED ── */
    .rec-item{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center;transition:all .3s;cursor:pointer;}
.rec-item:hover{border-color:var(--teal);transform:translateY(-3px);box-shadow:0 8px 24px rgba(13,35,81,.08);}
.rec-img{width:64px;height:64px;border-radius:10px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 60%,#0993a0 100%);display:flex;align-items:center;justify-content:center;font-size:26px;color:rgba(13,184,200,.5);margin:0 auto 10px;border:1px solid var(--border);}
.rec-name{font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;color:var(--navy);margin-bottom:4px;}
.rec-price{font-family:'Orbitron',sans-serif;font-size:12px;font-weight:700;color:var(--teal);}
.btn-add-rec{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:var(--navy);color:#fff;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;margin-top:8px;transition:all .3s;width:100%;}
.btn-add-rec:hover{background:var(--teal);}
/* ── ORDER SUMMARY (right) ── */
    .summary-sticky{position:sticky;top:88px;}
.summary-card{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:16px;}
.summary-card-head{padding:18px 24px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,var(--navy) 0%,var(--navy-mid) 100%);}
.summary-card-head h5{font-family:'Orbitron',sans-serif;font-size:13px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:8px;}
.summary-card-head h5 i{color:var(--teal);}
.summary-card-body{padding:22px 24px;}
/* Coupon */
    .coupon-wrap{display:flex;gap:10px;margin-bottom:16px;}
.coupon-inp{flex:1;background:var(--bg);border:1.5px solid var(--border);border-radius:10px;padding:12px 14px;font-family:'Orbitron',sans-serif;font-size:12px;letter-spacing:1px;color:var(--text);outline:none;transition:all .3s;text-transform:uppercase;}
.coupon-inp:focus{border-color:var(--teal);background:#fff;}
.btn-apply{font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:var(--navy);color:#fff;border:none;border-radius:10px;padding:0 18px;cursor:pointer;transition:all .3s;white-space:nowrap;}
.btn-apply:hover{background:var(--teal);}
.coupon-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px;}
.chip{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;border-radius:10px;cursor:pointer;border:1px solid;transition:all .3s;}
.chip-teal{background:var(--teal-soft);color:var(--teal-dark);border-color:rgba(13,184,200,.3);}
.chip-teal:hover{background:var(--teal);color:#fff;border-color:var(--teal);}
.chip-orange{background:var(--orange-soft);color:var(--orange);border-color:rgba(240,112,32,.25);}
.chip-orange:hover{background:var(--orange);color:#fff;border-color:var(--orange);}
.coupon-success{display:none;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:9px 14px;font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;color:var(--success);margin-bottom:12px;align-items:center;gap:8px;}
.coupon-success.show{display:flex;}
/* Price rows */
    .price-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-size:14px;border-bottom:1px solid rgba(211,232,238,.5);}
.price-row:last-child{border-bottom:none;}
.price-row.total{padding:14px 0 0;border-top:2px solid var(--navy);border-bottom:none;margin-top:6px;}
.price-row .lbl{color:var(--text-muted);}
.price-row .val{font-weight:600;color:var(--text);}
.price-row .disc{color:var(--success);font-weight:600;}
.price-row.total .lbl{font-family:'Orbitron',sans-serif;font-size:14px;font-weight:700;color:var(--navy);}
.price-row.total .val{font-family:'Orbitron',sans-serif;font-size:20px;font-weight:900;color:var(--navy);}
.free-tag{color:var(--success);font-weight:700;font-family:'Rajdhani',sans-serif;font-size:13px;letter-spacing:.5px;}
.saving-banner{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.25);border-radius:10px;padding:10px 14px;margin:12px 0;font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;color:var(--success);display:flex;align-items:center;gap:8px;}
/* Checkout btn */
    .btn-checkout{width:100%;font-family:'Rajdhani',sans-serif;font-size:17px;font-weight:700;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(90deg,var(--orange),var(--orange-light));color:#fff;border:none;border-radius:12px;padding:18px;cursor:pointer;box-shadow:0 8px 28px rgba(240,112,32,.4);transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px;}
.btn-checkout:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(240,112,32,.5);}
.btn-continue{width:100%;font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:transparent;color:var(--navy)!important;border:1.5px solid var(--border);border-radius:12px;padding:13px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;margin-top:10px;}
.btn-continue:hover{border-color:var(--teal);color:var(--teal)!important;}
/* Trust */
    .trust-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;}
.trust-item{display:flex;align-items:center;gap:6px;font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--text-muted);}
.trust-item i{color:var(--teal);font-size:13px;}
/* Free shipping bar */
    .free-ship-bar{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 18px;margin-bottom:16px;}
.fsb-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.fsb-top span{font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;color:var(--navy);}
.fsb-top .fsb-amt{color:var(--teal);}
.fsb-track{height:6px;border-radius:3px;background:var(--border);overflow:hidden;}
.fsb-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--teal),var(--orange));transition:width .6s ease;}
.fsb-note{font-size:12px;color:var(--text-muted);margin-top:6px;}
/* Promo banner */
    .promo-banner{background:linear-gradient(90deg,var(--navy) 0%,var(--navy-mid) 100%);border-radius:12px;padding:14px 18px;margin-bottom:16px;display:flex;align-items:center;gap:14px;}
.promo-banner i{font-size:22px;color:var(--teal);flex-shrink:0;}
.promo-banner p{font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;color:#fff;margin:0;line-height:1.5;}
.promo-banner p span{color:var(--teal);}
/* Empty state */
    .empty-cart{text-align:center;padding:70px 30px;}
.empty-icon{font-size:80px;color:rgba(13,184,200,.2);margin-bottom:20px;}
.empty-cart h4{font-family:'Orbitron',sans-serif;font-size:18px;font-weight:700;color:var(--navy);margin-bottom:10px;}
.empty-cart p{font-size:14px;color:var(--text-muted);max-width:320px;margin:0 auto 28px;line-height:1.8;}
.btn-shop-now{font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:var(--teal);color:var(--navy)!important;border:none;border-radius:10px;padding:14px 36px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 24px rgba(13,184,200,.3);transition:all .3s;}
.btn-shop-now:hover{background:#0dd4e6;transform:translateY(-2px);}
/* Delete confirm toast */
    .del-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(80px);z-index:9999;background:var(--navy);color:#fff;border-left:4px solid var(--danger);border-radius:12px;padding:14px 24px;font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;box-shadow:0 8px 32px rgba(13,35,81,.25);display:flex;align-items:center;gap:14px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;}
.del-toast.show{transform:translateX(-50%) translateY(0);}
.del-toast i{color:var(--danger);}
.del-undo{background:rgba(255,255,255,.15);border:none;color:#fff;font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;letter-spacing:1px;padding:5px 12px;border-radius:6px;cursor:pointer;text-transform:uppercase;transition:background .3s;}
.del-undo:hover{background:rgba(255,255,255,.3);}
/* Add toast */
    .add-toast{position:fixed;bottom:30px;right:30px;z-index:9999;background:var(--navy);color:#fff;border-left:4px solid var(--teal);border-radius:10px;padding:14px 20px;font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;box-shadow:0 8px 32px rgba(13,35,81,.25);display:flex;align-items:center;gap:10px;transform:translateX(120%);transition:transform .4s cubic-bezier(.34,1.56,.64,1);}
.add-toast.show{transform:translateX(0);}
.add-toast i{color:var(--teal);}
.pay-accepted{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.pay-badge{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:4px 10px;font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;color:rgba(255,255,255,.45);}
@media(max-width:991px){.summary-sticky{position:static;}}
@media(max-width:767px){.cart-card-head{padding:14px 16px;}.summary-card-body{padding:18px 16px;}}