:root{--bg:#080808;--card:#111;--card2:#171717;--text:#f5f5f5;--muted:#999;--red:#ff1f2d;--line:#272727;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}
.header{height:68px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:0 max(14px,calc((100vw - var(--max))/2));background:rgba(8,8,8,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.logo{font-size:32px;font-weight:800;letter-spacing:-3px}.header nav{display:flex;gap:24px;margin:auto}.header nav a{color:#aaa;font-size:13px}.header nav a:hover{color:white}.actions{display:flex;gap:7px}.search,.cart,.menu{background:var(--card);border:1px solid var(--line);color:white;border-radius:11px;padding:8px 11px}.cart b{color:var(--red)}.menu{display:none}
.section{max-width:var(--max);margin:auto;padding:90px 20px}.hero{min-height:calc(100svh - 68px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.eyebrow{color:var(--red);font-size:11px;font-weight:800;letter-spacing:2px;margin:0 0 10px}.hero h1{font-size:clamp(52px,8vw,98px);line-height:.98;letter-spacing:-4px;margin:0}.hero h1 span{color:var(--red)}.lead{color:var(--muted);max-width:430px;margin:22px 0 30px}.btn{border:0;border-radius:12px;padding:13px 20px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.red{background:var(--red);color:white}.full{width:100%}
.hero-art{height:min(70vh,580px);min-height:360px;border:1px solid var(--line);border-radius:28px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at center,#321015,#101010 43%,#080808 72%)}.hero-art:before{content:"";width:65%;aspect-ratio:1;border:1px solid #512026;border-radius:50%;box-shadow:0 0 100px rgba(255,31,45,.12)}.hero-art span{position:absolute;font-size:120px;font-weight:800;letter-spacing:-10px;color:#ddd}.hero-art small{position:absolute;bottom:20px;right:22px;color:#777;letter-spacing:2px}
.heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.heading h2,.about h2,.contact h2,.drawer h2,.productModal h2{font-size:clamp(30px,5vw,52px);line-height:1.05;letter-spacing:-2px;margin:0}.filters{display:flex;gap:7px;overflow:auto}.filter{white-space:nowrap;border:1px solid var(--line);background:transparent;color:#aaa;border-radius:999px;padding:8px 13px}.filter.active,.filter:hover{background:var(--red);border-color:var(--red);color:white}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}.visual{aspect-ratio:4/5;background:linear-gradient(145deg,#1b1b1b,#0d0d0d);display:grid;place-items:center;position:relative}.visual:after{content:"6o";font-size:60px;font-weight:800;color:#292929}.badge{position:absolute;top:12px;right:12px;background:var(--red);border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800}.info{padding:14px}.info h3{font-size:15px;margin:0}.muted,.info p{color:var(--muted)}.info p{font-size:12px;margin:2px 0 12px}.row{display:flex;align-items:center;justify-content:space-between}.price{font-weight:800}.add{border:0;background:var(--red);color:white;border-radius:9px;padding:8px 10px;font-weight:800}
.about{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:50px}.about p,.contact p{font-size:17px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contactForm,.checkoutForm{display:grid;gap:10px}input,textarea,select{width:100%;background:#101010;color:white;border:1px solid var(--line);border-radius:11px;padding:13px;outline:0}textarea{min-height:130px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#693036}
footer{max-width:var(--max);margin:auto;padding:50px 20px 30px;display:flex;align-items:end;gap:35px;color:#888;border-top:1px solid var(--line)}footer .footerlinks{display:flex;gap:18px;font-size:12px;margin:auto}footer small{font-size:10px}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:50;display:flex}.hidden{display:none}.drawer{margin-right:auto;width:min(440px,100%);height:100%;background:#101010;border-left:1px solid var(--line);padding:28px 22px;overflow:auto}.close{position:absolute;top:10px;left:12px;background:none;border:0;color:white;font-size:30px}.drawer{position:relative}.cartItem{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:15px 0}.remove{background:none;border:0;color:#ff6972}.total{display:flex;justify-content:space-between;margin:22px 0;font-size:17px}
.productModal{position:relative;width:min(600px,calc(100% - 28px));max-height:90svh;overflow:auto;margin:auto;background:#111;border:1px solid var(--line);border-radius:20px;padding:25px}.detailGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.detailVisual{aspect-ratio:1;background:linear-gradient(145deg,#1d1d1d,#0b0b0b);border-radius:15px;display:grid;place-items:center}.detailVisual span{font-size:80px;font-weight:800;color:#292929}.sizes{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.size{border:1px solid var(--line);background:transparent;color:white;border-radius:8px;padding:7px 12px}.size.selected{border-color:var(--red);background:var(--red)}.notice{padding:12px;border:1px solid #3a2426;border-radius:10px;color:#aaa;font-size:12px}
@media(max-width:900px){.header nav{gap:14px}.grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-art{height:400px}.about,.contact{grid-template-columns:1fr}}
@media(max-width:680px){.header{gap:9px}.menu{display:block;order:2}.header .logo{order:1;margin-left:auto}.actions{order:3;margin-right:auto}.search{display:none}.header nav{position:absolute;top:68px;right:8px;left:8px;display:none;flex-direction:column;gap:0;background:#111;border:1px solid var(--line);border-radius:13px;padding:7px}.header nav.open{display:flex}.header nav a{padding:11px;border-bottom:1px solid var(--line)}.header nav a:last-child{border:0}.section{padding:65px 14px}.hero{padding-top:48px;min-height:auto}.hero-art{height:300px;min-height:0;border-radius:20px}.hero-art span{font-size:85px}.heading{align-items:start;flex-direction:column}.filters{width:100%}.grid{gap:9px}.info{padding:11px}.info h3{font-size:13px}.add{font-size:11px;padding:7px}.detailGrid{grid-template-columns:1fr}.productModal{padding:20px}footer{padding:40px 14px;display:grid;grid-template-columns:1fr}.footerlinks{margin:0!important}}
@media(max-width:380px){.grid{grid-template-columns:1fr}.hero h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}