/* Buy-first retail surfaces */
.retail-intent { display:flex; flex-wrap:wrap; gap:10px; padding:16px 0; border-bottom:1px solid var(--border); }
.retail-intent a { padding:9px 12px; border:1px solid var(--border); border-radius:999px; color:var(--t2); font-size:12px; font-weight:800; text-decoration:none; }
.retail-intent a:first-child { background:var(--red); border-color:var(--red); color:#fff; }
.retail-shop-tools { display:grid; grid-template-columns:minmax(0,1fr) 190px; gap:12px; margin:26px 0 30px; }
.retail-shop-tools input,.retail-shop-tools select { min-height:48px; width:100%; padding:0 14px; border:1px solid var(--border-2); border-radius:10px; background:#fff; color:var(--t1); font:inherit; }
.retail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.retail-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid var(--border); border-radius:14px; background:#fff; box-shadow:0 1px 0 rgba(0,0,0,.03); }
.retail-card-image { position:relative; display:flex; aspect-ratio:1.04; align-items:center; justify-content:center; padding:18px; background:linear-gradient(145deg,#fff,#f5f2ef); }
.retail-card-image img { width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.retail-card-image span { position:absolute; left:12px; bottom:12px; padding:6px 9px; border-radius:99px; background:#fff; color:var(--red); font-size:10px; font-weight:900; box-shadow:0 2px 12px rgba(0,0,0,.1); }
.retail-card-body { display:flex; flex:1; flex-direction:column; padding:18px; }
.retail-card-body > p { margin:0 0 7px; color:var(--t3); font-size:10px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
.retail-card h2 { margin:0; font-size:18px; line-height:1.15; letter-spacing:-.025em; }
.retail-card h2 a { color:inherit; text-decoration:none; }
.retail-card-price { display:grid; gap:3px; margin-top:17px; color:var(--t1); font-size:19px; font-weight:900; }
.retail-card-price small,.retail-price small { color:var(--t3); font-size:10px; font-weight:700; }
.retail-card-meta { display:flex; flex-wrap:wrap; gap:6px; margin:15px 0; }
.retail-card-meta span { padding:5px 7px; border-radius:5px; background:var(--surface-2); color:var(--t2); font-size:10px; font-weight:750; }
.retail-card-actions { display:flex; gap:8px; margin-top:auto; }
.retail-card-actions .btn { flex:1; justify-content:center; }
.retail-empty { color:var(--t2); }
.retail-purchase { margin-top:25px; padding:22px; border:1px solid var(--border-2); border-radius:14px; background:#fff; box-shadow:var(--sh-md); }
.retail-purchase-kicker { color:var(--red); font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.retail-purchase h2 { margin:7px 0 15px; font-size:20px; }
.retail-variant-list { display:grid; gap:8px; }
.retail-variant { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 12px; padding:13px; border:1px solid var(--border); border-radius:9px; background:#fff; text-align:left; }
.retail-variant:hover,.retail-variant.is-selected { border-color:var(--red); background:var(--red-bg); }
.retail-variant strong { font-size:13px; }
.retail-variant span { grid-column:1; color:var(--t3); font-size:11px; }
.retail-variant b { grid-column:2; grid-row:1 / span 2; align-self:center; color:var(--red); font-size:13px; text-align:right; }
.retail-variant b small { display:block; color:var(--t3); font-size:9px; }
.retail-selection { display:grid; gap:10px; margin:18px 0; padding:14px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.retail-selection div { display:grid; grid-template-columns:94px 1fr; gap:10px; }
.retail-selection span { color:var(--t3); font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.retail-selection strong { font-size:12px; line-height:1.4; }
.retail-price { display:grid; gap:2px; margin:0 0 14px; font-size:25px; font-weight:900; }
.retail-buy-actions { display:flex; gap:9px; }
.retail-buy-actions .btn { flex:1; justify-content:center; }
.retail-quantity { display:flex; align-items:center; gap:6px; color:var(--t2); font-size:11px; font-weight:800; }
.retail-quantity input { width:48px; min-height:42px; padding:0 4px; border:1px solid var(--border-2); border-radius:8px; text-align:center; }
.retail-pincode { display:grid; grid-template-columns:1fr auto; gap:7px; margin-top:15px; }
.retail-pincode span { grid-column:1 / -1; color:var(--t3); font-size:10px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.retail-pincode input { min-height:42px; padding:0 10px; border:1px solid var(--border-2); border-radius:8px; }
.retail-pincode button { min-height:42px; padding:0 12px; border:1px solid var(--t1); border-radius:8px; background:var(--t1); color:#fff; font:inherit; font-size:11px; font-weight:800; }
.retail-delivery { margin:9px 0 0; color:var(--t2); font-size:11px; line-height:1.5; }
.retail-help { display:block; margin-top:16px; color:var(--red); font-size:12px; font-weight:850; text-decoration:none; }
.retail-price-pending { display:grid; gap:5px; margin:16px 0; padding:14px; border-radius:8px; background:var(--surface-2); }
.retail-price-pending strong { font-size:13px; }
.retail-price-pending span { color:var(--t2); font-size:11px; line-height:1.5; }
.retail-cart-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:22px; align-items:start; }
.retail-cart-lines,.retail-order-summary,.retail-cart-empty,.retail-checkout-card { border:1px solid var(--border); border-radius:14px; background:#fff; }
.retail-cart-line { display:grid; grid-template-columns:72px minmax(0,1fr) 68px auto 24px; gap:12px; align-items:center; padding:14px; border-bottom:1px solid var(--border); }
.retail-cart-line:last-child { border-bottom:0; }
.retail-cart-line img { width:72px; height:72px; object-fit:contain; mix-blend-mode:multiply; }
.retail-cart-line p { margin:0 0 4px; color:var(--t3); font-size:10px; font-weight:800; text-transform:uppercase; }
.retail-cart-line strong { display:block; font-size:13px; }
.retail-cart-line span { color:var(--t3); font-size:10px; }
.retail-cart-line label { color:var(--t3); font-size:10px; font-weight:800; }
.retail-cart-line input { width:100%; margin-top:5px; padding:5px; border:1px solid var(--border); border-radius:5px; }
.retail-cart-line b { color:var(--red); font-size:13px; white-space:nowrap; }
.retail-cart-line button { border:0; background:transparent; color:var(--t3); font-size:22px; }
.retail-order-summary { position:sticky; top:100px; display:grid; gap:12px; padding:22px; }
.retail-order-summary span { color:var(--t3); font-size:11px; font-weight:800; text-transform:uppercase; }
.retail-order-summary strong { font-size:25px; }
.retail-order-summary small { color:var(--t2); font-size:11px; line-height:1.5; }
.retail-order-summary .btn { justify-content:center; }
.retail-continue { color:var(--red); font-size:12px; font-weight:800; text-align:center; text-decoration:none; }
.retail-cart-empty { padding:42px; text-align:center; }
.retail-cart-empty h1 { margin:0; font-size:32px; }
.retail-cart-empty p { color:var(--t2); }
.retail-checkout-grid { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:24px; align-items:start; }
.retail-checkout-card { padding:24px; }
.retail-checkout-card h1 { margin:0 0 8px; font-size:36px; }
.retail-checkout-card > p { color:var(--t2); }
.retail-checkout-form { display:grid; gap:13px; margin-top:25px; }
.retail-checkout-form label { display:grid; gap:6px; color:var(--t2); font-size:11px; font-weight:800; }
.retail-checkout-form input,.retail-checkout-form select { min-height:44px; padding:0 11px; border:1px solid var(--border-2); border-radius:8px; background:#fff; color:var(--t1); font:inherit; }
.retail-checkout-two { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.retail-payment-choice { display:grid; gap:8px; padding:13px; border:1px solid var(--border); border-radius:8px; }
.retail-payment-choice label { display:flex; align-items:center; gap:8px; }
.retail-checkout-error { min-height:18px; color:#b32323; font-size:12px; }
.retail-checkout-summary { position:sticky; top:100px; display:grid; gap:12px; padding:22px; border:1px solid var(--border); border-radius:14px; background:#1a1917; color:#fff; }
.retail-checkout-summary span { color:rgba(255,255,255,.55); font-size:10px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.retail-checkout-summary p { margin:0; color:rgba(255,255,255,.72); font-size:12px; line-height:1.5; }
.retail-checkout-summary strong { font-size:26px; }
@media (max-width:900px) { .retail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .retail-cart-layout,.retail-checkout-grid { grid-template-columns:1fr; } .retail-order-summary,.retail-checkout-summary { position:static; } }
@media (max-width:600px) { .retail-shop-tools,.retail-grid,.retail-checkout-two { grid-template-columns:1fr; } .retail-buy-actions { display:grid; grid-template-columns:1fr 1fr; } .retail-quantity { grid-column:1 / -1; } .retail-card-actions { flex-direction:column; } .retail-cart-line { grid-template-columns:52px minmax(0,1fr) 56px 20px; } .retail-cart-line img { width:52px; height:52px; } .retail-cart-line b { grid-column:2; } .retail-cart-line button { grid-column:4; grid-row:1; } }