:root{
  --bg:#050505;--panel:#0d0d0d;--panel2:#151515;--text:#f5f5f5;--muted:#a7a7a7;--line:#262626;--accent:#ffffff;--danger:#e5322d;
}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topbar{height:34px;background:#000;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.12em;color:#cfcfcf;text-transform:uppercase}.header{position:sticky;top:0;z-index:50;background:rgba(5,5,5,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{max-width:1380px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px 28px}.brand{font-weight:900;font-size:28px;letter-spacing:.12em}.brand span{font-size:11px;display:block;color:var(--muted);letter-spacing:.22em;margin-top:3px}.menu{display:flex;gap:34px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.actions{display:flex;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border:1px solid #fff;font-weight:900;font-size:12px;letter-spacing:.12em;text-transform:uppercase;transition:.2s}.btn:hover{background:#fff;color:#000}.btn.dark{background:#fff;color:#000}.btn.dark:hover{background:transparent;color:#fff}.hero{min-height:78vh;background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.45),rgba(0,0,0,.8)),url('../images/hero/hero-placeholder.jpg');background-size:cover;background-position:center;display:flex;align-items:center}.hero-inner{max-width:1380px;margin:0 auto;width:100%;padding:80px 28px}.kicker{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:#d7d7d7;font-weight:900;margin-bottom:18px}.hero h1{font-size:clamp(46px,8vw,112px);line-height:.9;margin:0 0 22px;font-weight:950;letter-spacing:-.05em;text-transform:uppercase}.hero p{font-size:20px;max-width:590px;color:#d6d6d6;line-height:1.5;margin-bottom:32px}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}.category-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#080808}.category-grid{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:repeat(6,1fr)}.cat{padding:22px 18px;border-right:1px solid var(--line);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;text-align:center}.cat:first-child{border-left:1px solid var(--line)}.section{max-width:1380px;margin:0 auto;padding:80px 28px}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.section h2{font-size:clamp(30px,4vw,58px);margin:0;text-transform:uppercase;letter-spacing:-.04em}.section-head p{max-width:440px;color:var(--muted);line-height:1.5}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--panel);border:1px solid var(--line);overflow:hidden}.image-box{height:290px;background:linear-gradient(135deg,#1e1e1e,#090909);display:flex;align-items:center;justify-content:center;color:#777;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.card-body{padding:24px}.card h3{margin:0 0 8px;font-size:22px;text-transform:uppercase}.card p{margin:0 0 18px;color:var(--muted);line-height:1.45}.feature{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch}.feature-img{min-height:500px;background:linear-gradient(135deg,#222,#050505);display:flex;align-items:center;justify-content:center;color:#777;font-weight:900;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--line)}.feature-copy{background:var(--panel2);border:1px solid var(--line);padding:55px;display:flex;flex-direction:column;justify-content:center}.feature-copy h2{font-size:52px}.list{display:grid;gap:12px;margin:26px 0}.list div{border-top:1px solid var(--line);padding-top:12px;color:#ddd;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.09em}.page-hero{padding:90px 28px;background:#090909;border-bottom:1px solid var(--line)}.page-hero-inner{max-width:1380px;margin:0 auto}.page-hero h1{font-size:clamp(42px,6vw,82px);margin:0;text-transform:uppercase;letter-spacing:-.05em}.page-hero p{color:var(--muted);font-size:18px;max-width:680px}.footer{background:#000;border-top:1px solid var(--line);padding:48px 28px;color:#aaa}.footer-inner{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer h4{color:#fff;text-transform:uppercase;letter-spacing:.12em}.footer a,.footer p{display:block;color:#aaa;margin:10px 0;line-height:1.45}.placeholder-note{font-size:12px;color:#777;margin-top:10px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:var(--panel);border:1px solid var(--line)}.product-card .image-box{height:230px}.price{font-weight:900;color:#fff;margin-top:12px}@media(max-width:900px){.menu{display:none}.category-grid,.cards,.product-grid,.feature,.footer-inner{grid-template-columns:1fr}.category-grid{display:grid}.cat{border-left:1px solid var(--line)}.nav{padding:15px}.hero-inner,.section{padding-left:18px;padding-right:18px}.feature-copy{padding:30px}.actions .btn:first-child{display:none}}


/* CMS image support */
.image-box.has-image,.feature-img.has-image{background-size:cover;background-position:center;color:transparent;position:relative;min-height:230px}
.image-box.has-image::after,.feature-img.has-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.45));}
.hero{background-image:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.45),rgba(0,0,0,.8)),var(--hero-image,url('../images/hero/hero-placeholder.jpg'));}
.admin-login,.admin-panel{max-width:1180px;margin:0 auto;padding:50px 24px}.admin-card{background:#0d0d0d;border:1px solid #262626;padding:24px;margin-bottom:18px}.admin-card input,.admin-card select{width:100%;padding:13px;background:#050505;border:1px solid #333;color:#fff;margin:8px 0 14px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.admin-thumb{height:150px;background:#161616;border:1px solid #333;display:flex;align-items:center;justify-content:center;overflow:hidden}.admin-thumb img{width:100%;height:100%;object-fit:cover}.admin-msg{padding:12px 15px;background:#12351d;border:1px solid #2a7a3c;margin-bottom:18px}.admin-danger{background:#3a1111;border-color:#8a2e2e}.admin-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}@media(max-width:900px){.admin-grid{grid-template-columns:1fr}}