.cart-nav { display:inline-flex !important; align-items:center; gap:7px; }
.cart-nav b { min-width:20px; height:20px; padding:0 6px; display:grid; place-items:center; border-radius:99px; background:var(--accent); color:#121212; font-size:9px; }
.checkout-main { min-height:760px; padding-top:125px; }
.checkout-heading { max-width:860px; margin-bottom:38px; }
.checkout-heading h1 { margin:12px 0 14px; font-size:clamp(48px,6vw,78px); line-height:.96; }
.checkout-heading > p { max-width:680px; margin:0; color:#9aa3ab; font-size:16px; }
.cart-layout,.checkout-layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:22px; align-items:start; }
.cart-items { display:grid; gap:10px; }
.cart-item { min-height:170px; padding:16px; display:grid; grid-template-columns:140px 1fr auto; gap:20px; align-items:center; border:1px solid #343c43; border-radius:12px; background:#12171b; }
.cart-item > img { width:140px; height:140px; display:block; object-fit:cover; border:1px solid #2f373d; border-radius:8px; background:#090b0d; }
.cart-item-copy > span { color:var(--accent); font-size:8px; font-weight:900; letter-spacing:.13em; }
.cart-item-copy h2 { margin:8px 0 6px; font-size:22px; }
.cart-item-copy p { margin:0; color:#7f8a93; font-size:11px; line-height:1.5; }
.cart-item-copy button { margin-top:17px; padding:0; border:0; background:transparent; color:#aeb7bf; cursor:pointer; font-size:10px; text-decoration:underline; }
.cart-item-price { min-width:130px; display:flex; flex-direction:column; align-items:flex-end; gap:18px; }
.cart-item-price label { display:flex; align-items:center; gap:8px; color:#828c95; font-size:9px; }
.cart-item-price select { padding:7px 22px 7px 8px; border:1px solid #3a4249; border-radius:6px; background:#0d1114; color:#e5e8ea; }
.cart-item-price strong { color:var(--accent2); font-size:20px; }
.fixed-quantity { color:#7f8992; font-size:9px; }
.cart-shopping-link { margin-top:16px; display:inline-flex; text-decoration:none; }
.cart-summary,.checkout-order-summary { position:sticky; top:100px; padding:22px; border:1px solid #3a4249; border-radius:12px; background:linear-gradient(155deg,#181e22,#101316); }
.cart-summary > span,.checkout-order-summary > span { color:var(--accent); font-size:9px; font-weight:900; letter-spacing:.14em; }
.cart-summary > div { padding:13px 0; display:flex; justify-content:space-between; gap:18px; border-bottom:1px solid #30383e; }
.cart-summary p { margin:0; color:#8e98a0; font-size:11px; }
.cart-summary strong { font-size:11px; text-align:right; }
.cart-summary .cart-summary-total { margin-top:8px; align-items:end; border:0; }
.cart-summary-total strong { color:var(--accent2); font-size:28px; }
.cart-summary .full { margin-top:16px; text-align:center; text-decoration:none; }
.cart-summary > small,.checkout-order-summary > small { margin-top:12px; display:block; color:#707b84; font-size:9px; line-height:1.5; }
.empty-cart { min-height:420px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; border-top:1px solid #30383e; }
.empty-cart > span { color:var(--accent); font-size:9px; font-weight:900; letter-spacing:.15em; }
.empty-cart h2 { margin:14px 0 8px; font-size:35px; }
.empty-cart p { margin:0 0 24px; color:#88939c; }
.checkout-progress { margin:0 0 18px; padding:0; display:grid; grid-template-columns:repeat(4,1fr); list-style:none; border:1px solid #333b42; background:#111519; }
.checkout-progress li { min-height:64px; padding:13px 15px; display:flex; align-items:center; gap:10px; color:#68737c; border-right:1px solid #333b42; }
.checkout-progress li:last-child { border:0; }
.checkout-progress b { width:25px; height:25px; display:grid; place-items:center; flex:0 0 auto; border:1px solid #46505a; border-radius:50%; font-size:9px; }
.checkout-progress span { font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.checkout-progress li.active { color:#fff; background:rgba(255,122,26,.07); }
.checkout-progress li.active b { border-color:var(--accent); background:var(--accent); color:#111; }
.checkout-progress li.complete b { border-color:#5ebd83; color:#74d596; }
.checkout-form { min-width:0; }
.checkout-step { padding:26px; border:1px solid #353e45; border-radius:12px; background:#12171b; }
.checkout-step-heading { margin-bottom:24px; }
.checkout-step-heading > span { color:var(--accent); font-size:8px; font-weight:900; letter-spacing:.14em; }
.checkout-step-heading h2 { margin:7px 0 8px; font-size:28px; }
.checkout-step-heading p { max-width:650px; margin:0; color:#818c95; font-size:11px; }
.checkout-fields { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.checkout-fields label,.checkout-locker { min-width:0; display:grid; gap:7px; color:#9ca5ad; font-size:10px; font-weight:750; }
.checkout-fields label.wide { grid-column:1 / -1; }
.checkout-fields label > span { display:flex; justify-content:space-between; }
.checkout-fields small { color:#66717a; font-size:8px; font-weight:500; }
.checkout-fields input,.checkout-fields select,.checkout-locker input { width:100%; min-height:46px; padding:11px 12px; border:1px solid #39424a; border-radius:7px; outline:0; background:#0d1114; color:#edf0f2; }
.checkout-fields input:focus,.checkout-fields select:focus,.checkout-locker input:focus { border-color:var(--accent); box-shadow:0 0 0 2px rgba(255,122,26,.08); }
.checkout-fields input:disabled { color:#78828a; background:#161b1f; }
.checkout-actions { margin-top:26px; padding-top:18px; display:flex; align-items:center; justify-content:space-between; gap:14px; border-top:1px solid #30383f; }
.checkout-actions > button:not(.primary-button),.checkout-actions > a { padding:9px 0; border:0; background:transparent; color:#9ba5ad; cursor:pointer; font-size:11px; text-decoration:none; }
.shipping-methods { display:grid; gap:9px; }
.shipping-method { min-height:88px; padding:15px; display:grid; grid-template-columns:22px 1fr auto; gap:13px; align-items:center; border:1px solid #363f46; border-radius:9px; cursor:pointer; }
.shipping-method:has(input:checked) { border-color:var(--accent); background:rgba(255,122,26,.055); box-shadow:inset 3px 0 var(--accent); }
.shipping-method input { width:17px; height:17px; accent-color:var(--accent); }
.shipping-method span { display:flex; flex-direction:column; }
.shipping-method strong { font-size:13px; }
.shipping-method small { margin-top:4px; color:#758089; font-size:9px; }
.shipping-method b { color:var(--accent2); font-size:13px; }
.checkout-locker { margin-top:15px; padding:15px; border:1px solid #343d44; border-radius:9px; background:#0e1215; }
.checkout-locker small { color:#6f7a83; font-size:9px; }
.checkout-courier-note { margin-top:14px; padding:14px; border-left:2px solid #f2c66d; background:rgba(242,198,109,.06); }
.checkout-courier-note strong { color:#dfc17d; font-size:11px; }
.checkout-courier-note p { margin:4px 0 0; color:#8e8a7d; font-size:9px; }
.billing-same,.checkout-terms { padding:14px; display:flex; align-items:flex-start; gap:11px; border:1px solid #353e45; border-radius:8px; background:#0e1215; cursor:pointer; }
.billing-same { margin-bottom:16px; }
.billing-same input,.checkout-terms input { width:17px; height:17px; flex:0 0 auto; accent-color:var(--accent); }
.billing-same span { display:flex; flex-direction:column; }
.billing-same strong { font-size:11px; }
.billing-same small { margin-top:3px; color:#707b84; font-size:9px; }
.checkout-terms { margin-top:18px; color:#8f99a2; font-size:10px; line-height:1.5; }
.checkout-error { margin:15px 0 0; padding:12px 14px; border:1px solid rgba(255,110,110,.4); border-radius:8px; background:rgba(255,75,75,.07); color:#ffabab; font-size:10px; }
.stripe-final-note { margin:10px 0 0; color:#69747d; text-align:right; font-size:9px; }
.checkout-order-summary #checkoutItems { margin:16px 0 10px; display:grid; gap:10px; }
.checkout-order-summary #checkoutItems article { display:grid; grid-template-columns:52px 1fr; gap:10px; align-items:center; }
.checkout-order-summary #checkoutItems img { width:52px; height:52px; object-fit:cover; border:1px solid #343d44; border-radius:6px; background:#080a0c; }
.checkout-order-summary #checkoutItems div { min-width:0; display:flex; flex-direction:column; }
.checkout-order-summary #checkoutItems strong { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.checkout-order-summary #checkoutItems span { margin-top:3px; color:#77828b; font-size:9px; }
.checkout-summary-row,.checkout-summary-total { padding:11px 0; display:flex; justify-content:space-between; gap:16px; border-top:1px solid #30383f; }
.checkout-summary-row p,.checkout-summary-total p { margin:0; color:#8b959d; font-size:10px; }
.checkout-summary-row strong { font-size:10px; text-align:right; }
.checkout-summary-total { margin-top:6px; align-items:end; }
.checkout-summary-total strong { color:var(--accent2); font-size:28px; }
@media (max-width:900px) { .cart-layout,.checkout-layout { grid-template-columns:1fr; } .cart-summary,.checkout-order-summary { position:static; } }
@media (max-width:650px) { .checkout-main { padding-top:98px; } .cart-item { grid-template-columns:86px 1fr; gap:14px; } .cart-item > img { width:86px; height:86px; } .cart-item-price { grid-column:1 / -1; flex-direction:row; align-items:center; justify-content:space-between; } .checkout-progress { grid-template-columns:1fr 1fr; } .checkout-progress li:nth-child(2) { border-right:0; } .checkout-progress li:nth-child(-n+2) { border-bottom:1px solid #333b42; } .checkout-fields { grid-template-columns:1fr; } .checkout-fields label.wide { grid-column:auto; } .checkout-step { padding:18px; } .checkout-actions { align-items:stretch; flex-direction:column-reverse; } .checkout-actions > * { width:100%; text-align:center; } }