:root { --bg:#090a0d; --panel:#111318; --line:rgba(255,255,255,.13); --text:#fff; --muted:#a9aab1; --blue:#526eff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--text); background:var(--bg); font-family:Arial,Helvetica,sans-serif; }
button,input,select,textarea { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
.visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.shop-header { position:sticky; z-index:20; top:0; display:flex; align-items:center; gap:26px; min-height:72px; padding:0 5vw; background:rgba(9,10,13,.92); border-bottom:1px solid var(--line); backdrop-filter:blur(16px); }
.brand { display:flex; align-items:center; gap:10px; margin-right:auto; color:#fff; font-size:14px; font-weight:800; text-decoration:none; }
.brand img { width:30px; height:28px; }
.back-link { color:#bbb; font-size:11px; font-weight:800; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.cart-toggle { padding:11px 15px; color:#fff; background:var(--blue); border:0; font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.cart-toggle span { display:inline-grid; min-width:20px; height:20px; margin-left:7px; place-items:center; color:#111; background:#fff; border-radius:50%; }
.shop-hero { width:min(1180px,90%); margin:0 auto; padding:82px 0 46px; border-bottom:2px solid var(--blue); }
.eyebrow { margin:0 0 14px; color:#fff; font-size:11px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
.eyebrow::before { content:""; display:inline-block; width:25px; height:2px; margin:0 10px 3px 0; background:var(--blue); }
.shop-hero h1 { max-width:900px; margin:0; font-size:clamp(50px,8vw,112px); line-height:.84; letter-spacing:-.065em; }
.shop-hero > p:last-child { max-width:570px; margin:27px 0 0; color:var(--muted); font-size:16px; line-height:1.7; }
.products { width:min(1180px,90%); margin:0 auto; padding:34px 0 80px; }
.product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.product-card { overflow:hidden; background:var(--panel); border:1px solid var(--line); }
.product-card:first-child { grid-column:1 / -1; }
.product-image { position:relative; aspect-ratio:4/3; overflow:hidden; background:#e9e7e3; }
.product-card:first-child .product-image { aspect-ratio:16/7; }
.product-image img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.product-card:first-child .product-image img { padding:18px; object-fit:contain; }
.product-card:not(:first-child) .product-image img { transform:scale(.9); }
.product-card:hover .product-image img { transform:scale(1.025); }
.product-card:not(:first-child):hover .product-image img { transform:scale(.925); }
.product-body { padding:22px; }
.product-top { display:flex; justify-content:space-between; gap:20px; align-items:start; }
.product-top h3 { margin:0; font-size:clamp(24px,3vw,38px); line-height:1; letter-spacing:-.04em; }
.product-price { flex:none; color:#7f94ff; font-size:22px; font-weight:900; }
.product-controls { display:grid; grid-template-columns:1fr 1fr .8fr auto; gap:10px; margin-top:19px; }
.product-controls label,.checkout label { display:grid; gap:7px; color:#b8b9be; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
select,input,textarea { width:100%; padding:11px 12px; color:#fff; background:#090a0d; border:1px solid var(--line); border-radius:0; }
.add-cart { align-self:end; min-height:39px; padding:9px 16px; color:#fff; background:var(--blue); border:0; font-size:11px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; cursor:pointer; }
.shop-info { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; width:min(1180px,90%); margin:0 auto 90px; background:var(--line); border:1px solid var(--line); }
.shop-info div { display:grid; gap:5px; padding:24px; background:var(--panel); }
.shop-info strong { font-size:25px; }
.shop-info span { color:var(--muted); font-size:11px; text-transform:uppercase; }
.shop-info p { grid-column:1/-1; margin:0; padding:20px 24px; color:#c4c4c8; background:#0e1014; font-size:13px; line-height:1.6; }
.cart { position:fixed; z-index:50; top:0; right:0; width:min(460px,100%); height:100%; padding:42px 34px; overflow:auto; background:#111318; box-shadow:-20px 0 50px rgba(0,0,0,.5); transform:translateX(105%); transition:transform .3s ease; }
.cart.is-open { transform:translateX(0); }
.cart h2 { margin:0 0 24px; font-size:46px; letter-spacing:-.05em; }
.cart-close { position:absolute; top:19px; right:22px; color:#fff; background:none; border:0; font-size:32px; cursor:pointer; }
.cart-item { display:grid; grid-template-columns:64px 1fr auto; gap:12px; align-items:center; padding:11px 0; border-bottom:1px solid var(--line); }
.cart-item img { width:64px; height:64px; object-fit:cover; }
.cart-item strong { display:block; font-size:13px; }
.cart-item span { color:var(--muted); font-size:11px; }
.cart-quantity { display:flex; align-items:center; gap:9px; margin-top:8px; }
.cart-quantity button { display:grid; width:25px; height:25px; padding:0; place-items:center; color:#fff; background:#090a0d; border:1px solid var(--line); cursor:pointer; }
.cart-quantity b { min-width:16px; text-align:center; font-size:12px; }
.cart-remove { color:#ff8585; background:none; border:0; font-size:18px; cursor:pointer; }
.cart-empty { color:var(--muted); }
.cart-total { display:flex; justify-content:space-between; margin:22px 0; padding-top:15px; border-top:2px solid var(--blue); font-size:18px; }
.checkout { display:grid; gap:12px; }
.checkout button { padding:14px; color:#fff; background:var(--blue); border:0; font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.checkout button:disabled { cursor:wait; opacity:.65; }
.checkout-note { margin:0; color:var(--muted); font-size:10px; line-height:1.5; }
.cart-backdrop { position:fixed; z-index:40; inset:0; visibility:hidden; background:rgba(0,0,0,.7); opacity:0; transition:.3s; }
.cart.is-open + .cart-backdrop { visibility:visible; opacity:1; }
.toast { position:fixed; z-index:60; right:24px; bottom:24px; max-width:495px; padding:20px 26px; color:#fff; background:var(--blue); font-size:18px; font-weight:800; line-height:1.35; transform:translateY(150%); transition:.25s; }
.toast.is-visible { transform:translateY(0); }
@media (max-width:700px) {
  .shop-header { min-height:62px; padding:0 4%; gap:12px; }
  .brand span,.back-link { display:none; }
  .shop-hero { padding-top:55px; }
  .shop-hero h1 { font-size:54px; }
  .product-grid { grid-template-columns:1fr; }
  .product-card:first-child { grid-column:auto; }
  .product-card:first-child .product-image,.product-image { aspect-ratio:1/1; }
  .product-controls { grid-template-columns:1fr 1fr 1fr; }
  .add-cart { grid-column:1/-1; }
  .shop-info { grid-template-columns:1fr; }
  .shop-info p { grid-column:auto; }
  .cart { padding:38px 22px; }
}
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; transition:none!important; } }