:root{--red:#D91B1B;--red-dark:#A01010;--black:#080808;--b2:#101010;--b3:#181818;--b4:#222;--white:#FFFFFF;--grey:#888;--gl:#BBBBBB;--fh:'Bebas Neue',sans-serif;--fb:'Barlow',sans-serif;--fc:'Barlow Condensed',sans-serif}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--fb);background:var(--black);color:var(--white);overflow-x:hidden}
a{text-decoration:none;color:inherit}
button{cursor:pointer;font-family:var(--fb)}
.cart-hero{padding:52px 44px 32px;border-bottom:1px solid #1A1A1A}
.cart-hero h1{font-family:var(--fh);font-size:64px;letter-spacing:.03em}
.cart-hero h1 em{color:var(--red);font-style:normal}
.cart-hero p{font-size:12px;color:var(--grey);margin-top:6px;letter-spacing:.08em}
.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:0;min-height:60vh}
.cart-items{padding:32px 44px;border-right:1px solid #1A1A1A}
.cart-item{display:grid;grid-template-columns:80px 1fr auto;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid #141414}
.cart-item:last-child{border-bottom:none}
.ci-img{width:80px;height:80px;background:#141414;border:1px solid #1E1E1E;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ci-img img{width:100%;height:100%;object-fit:contain;padding:4px}
.ci-brand{font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:3px}
.ci-name{font-size:13px;font-weight:600;margin-bottom:4px}
.ci-var{font-size:11px;color:var(--grey)}
.ci-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.ci-price{font-family:var(--fc);font-weight:700;font-size:20px}
.qty-ctrl{display:flex;align-items:center;background:var(--b3);border:1px solid #242424;border-radius:4px;overflow:hidden}
.qty-btn{width:32px;height:32px;background:none;border:none;color:var(--gl);font-size:16px;transition:color .2s,background .2s}
.qty-btn:hover{color:var(--white);background:var(--b4)}
.qty-num{width:36px;text-align:center;font-weight:700;font-size:13px;border:none;background:none;color:var(--white)}
.ci-remove{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#333;transition:color .2s;cursor:pointer;border:none;background:none}
.ci-remove:hover{color:var(--red)}
.empty-cart{padding:80px 44px;text-align:center}
.empty-cart .icon{font-size:64px;margin-bottom:20px;opacity:.2}
.empty-cart h2{font-family:var(--fh);font-size:44px;letter-spacing:.03em;margin-bottom:10px;color:var(--grey)}
.empty-cart p{font-size:13px;color:#444;margin-bottom:28px}
.cart-summary{padding:32px 36px;background:var(--b2);position:sticky;top:66px;align-self:start}
.sum-title{font-family:var(--fh);font-size:28px;letter-spacing:.04em;margin-bottom:24px}
.sum-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13px;color:rgba(255,255,255,.6)}
.sum-row span:last-child{font-weight:600;color:var(--white)}
.sum-divider{height:1px;background:#1A1A1A;margin:18px 0}
.sum-total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px}
.sum-total-lbl{font-family:var(--fc);font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--grey)}
.sum-total-val{font-family:var(--fh);font-size:42px;letter-spacing:.02em;color:var(--white)}
.checkout-btn{width:100%;background:var(--red);color:#fff;border:none;padding:16px;font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;border-radius:4px;transition:background .2s,transform .15s,box-shadow .2s;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:10px}
.checkout-btn:hover{background:var(--red-dark);box-shadow:0 8px 28px rgba(217,27,27,.4);transform:translateY(-2px)}
.cont-btn{width:100%;background:transparent;color:var(--gl);border:1px solid rgba(255,255,255,.12);padding:13px;font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;border-radius:4px;transition:border-color .2s;text-align:center;display:block;margin-bottom:20px}
.cont-btn:hover{border-color:rgba(255,255,255,.28);color:var(--white)}
.sum-note{font-size:10px;color:#2A2A2A;text-align:center;line-height:1.6}
.tip-section{margin-bottom:4px}
.tip-label{font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--grey);margin-bottom:10px}
.tip-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.tip-btn{background:var(--b3);border:1px solid #242424;color:var(--gl);padding:9px 4px;font-size:11px;font-weight:700;letter-spacing:.08em;border-radius:4px;transition:all .2s;cursor:pointer;text-align:center}
.tip-btn:hover{border-color:rgba(255,255,255,.3);color:var(--white)}
.tip-btn.tip-active{background:var(--red);border-color:var(--red);color:var(--white)}
.tip-btn:disabled{opacity:.5;cursor:not-allowed}
footer{background:var(--black);border-top:3px solid var(--red);padding:52px 44px 26px}
.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:44px;padding-bottom:44px;border-bottom:1px solid #1A1A1A;margin-bottom:26px}
.f-name{font-family:var(--fh);font-size:26px;letter-spacing:.04em;margin-bottom:12px}
.f-name em{color:var(--red);font-style:normal}
.f-tag{font-size:12px;color:var(--grey);line-height:1.75;max-width:240px;margin-bottom:18px}
.f-addr{font-size:11px;color:#3A3A3A;line-height:1.8}
.fc-col h5{font-weight:700;font-size:10px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:17px}
.fc-col ul{list-style:none}
.fc-col li{margin-bottom:10px;font-size:12px;color:var(--grey)}
.fc-col li a{color:inherit;transition:color .2s}
.fc-col li a:hover{color:var(--white)}
.fb-bar{display:flex;justify-content:space-between;align-items:center}
.fb-bar p{font-size:11px;color:#2E2E2E}
@media (max-width:768px){
  .cart-hero{padding:28px 16px 22px}
  .cart-hero h1{font-size:38px}
  .cart-hero p{font-size:11px;margin-top:5px}
  .cart-layout{grid-template-columns:1fr;min-height:0}
  .cart-items{padding:14px 16px;border-right:none;border-bottom:1px solid #1A1A1A}
  .cart-item{grid-template-columns:64px 1fr;grid-template-areas:'img info' 'ctrl ctrl';gap:12px;padding:16px 0}
  .cart-item .ci-img{grid-area:img;width:64px;height:64px}
  .cart-item > div:nth-child(2){grid-area:info}
  .ci-name{font-size:13px}
  .ci-var{font-size:11px}
  .ci-right{grid-area:ctrl;flex-direction:row;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #111;width:100%;gap:8px}
  .ci-price{font-size:18px;order:1}
  .qty-ctrl{order:2}
  .ci-remove{order:3;font-size:10px}
  .qty-btn{width:30px;height:30px}
  .empty-cart{padding:48px 18px}
  .empty-cart .icon{font-size:52px;margin-bottom:14px}
  .empty-cart h2{font-size:30px}
  .cart-summary{position:static;padding:24px 18px}
  .sum-title{font-size:22px;margin-bottom:18px}
  .sum-row{font-size:12px;margin-bottom:11px}
  .sum-total-lbl{font-size:11px}
  .sum-total-val{font-size:32px}
  .checkout-btn{padding:14px;font-size:12px;letter-spacing:.14em}
  .cont-btn{padding:11px;font-size:11px}
  footer{padding:32px 16px 22px}
  .fg{grid-template-columns:1fr;gap:28px;padding-bottom:28px;margin-bottom:20px}
  .f-name{font-size:24px}
  .f-tag{max-width:none;font-size:13px}
  .f-addr{font-size:12px}
  .fc-col h5{margin-bottom:11px}
  .fb-bar{flex-direction:column;gap:8px;text-align:center}
  .fb-bar p{font-size:10px}
}