:root {
  --color-bg: #0A0A0A;
  --color-bg-card: #111111;
  --color-bg-hover: #1A1A1A;
  --color-primary: #CC0000;
  --color-primary-dk: #990000;
  --color-text: #E8E8E8;
  --color-text-muted: #888888;
  --color-border: #222222;
  --color-scratch: #CC0000;
  --font-display: 'Oswald', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-accent: 'Bebas Neue', sans-serif;
}
*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}
.container{width:min(1180px,92%);margin:0 auto}.section{padding:4rem 0}
h1,h2,h3,h4{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em}
a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;background:rgba(10,10,10,.9);border-bottom:1px solid var(--color-border)}
.header-inner{display:flex;align-items:center;gap:1rem;padding:.8rem 0}.logo-link img{height:46px}.main-nav{display:flex;gap:1.1rem;margin-left:auto}
.main-nav a{padding:.4rem 0;border-bottom:1px solid transparent}.main-nav a:hover{border-bottom-color:var(--color-primary)}
.menu-toggle{display:none}.cart-toggle{background:none;border:1px solid var(--color-border);color:var(--color-text);padding:.5rem .7rem}
#cart-count{background:var(--color-primary);padding:.1rem .35rem}
.mega-dropdown{position:absolute;top:68px;left:0;right:0;background:#0f0f0f;border-top:1px solid var(--color-border);display:none}
.main-nav:hover .mega-dropdown{display:block}.mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;padding:1rem}
.hero{min-height:88vh;background:url('/assets/img/hero-placeholder.svg') center/cover no-repeat;position:relative;display:grid;align-items:end;border-bottom:1px solid var(--color-border)}
.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at bottom,#cc000077 0%,transparent 52%),linear-gradient(to top,#000 5%,transparent 60%)}
.hero .container{position:relative;padding-bottom:9vh;max-width:920px}.hero h1{font-size:clamp(2rem,5vw,3.4rem);margin:0 0 .6rem}.hero p{margin:0 0 1.2rem}
.hero-points{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.3rem}.hero-points span{border:1px solid #2b2b2b;background:#101010d9;padding:.45rem .6rem;font-size:.78rem;font-family:var(--font-accent);letter-spacing:.05em}
.btn-row{display:flex;gap:1rem;flex-wrap:wrap}
.btn{padding:.9rem 1.2rem;font-family:var(--font-display);text-transform:uppercase;border:1px solid var(--color-primary)}
.btn-primary{background:var(--color-primary)}.btn-ghost{background:transparent}.btn-block{width:100%}
.trust-bar{padding:.9rem 0;background:#121212;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.category-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:.8rem}
.category-card{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#111;border:1px solid #222;min-height:72px}
.category-card:hover{border-color:var(--color-primary);box-shadow:0 0 20px #CC000040;background:#161616}
.category-icon{color:var(--color-primary);font-size:1.2rem}
.product-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}
.product-card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:.8rem;position:relative}
.product-card:hover{box-shadow:0 0 20px #CC000040;border-color:var(--color-primary)}
.product-card img{width:100%;aspect-ratio:1/1;object-fit:cover}.badge{position:absolute;top:12px;left:12px;background:#1f1f1f;color:var(--color-primary);font-family:var(--font-accent);padding:.2rem .4rem}
.price,.price-xl{color:var(--color-primary)}.price-xl{font-size:1.8rem}.badge-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.badge-tag{background:#1d1d1d;color:var(--color-primary);padding:.25rem .5rem;font-family:var(--font-accent)}
.usecase-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:.8rem}
.usecase-card{padding:1rem;border:1px solid #252525;background:#101010;font-family:var(--font-display);text-transform:uppercase}
.usecase-card:hover{border-color:var(--color-primary);background:#161616}
.seo-block{border:1px solid #222;background:#0f0f0f;padding:2rem}
.seo-block p{color:#cfcfcf;line-height:1.65}
.ratgeber-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}
.ratgeber-card{border:1px solid #222;background:#111;padding:1rem}
.ratgeber-card a{color:var(--color-primary);font-family:var(--font-display)}
.newsletter{border:1px solid #2a2a2a;background:#111}
.newsletter form{display:flex;gap:.8rem;flex-wrap:wrap}
.newsletter input{flex:1;min-width:240px;background:#0c0c0c;border:1px solid #2a2a2a;color:#fff;padding:.8rem}
.collection-hero{padding:5rem 0;background:linear-gradient(to top,#000,#220000)}
.sticky-filters{position:sticky;top:68px;background:#101010;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:.8rem 0;z-index:9}
.site-footer{border-top:2px solid var(--color-primary);padding:3rem 0 1rem;background:#0b0b0b}.footer-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}
.scratch-divider{height:22px;background:repeating-linear-gradient(120deg,transparent 0 28%,#cc0000 28% 31%,transparent 31% 36%)}
.error-page{min-height:100vh;display:grid;place-content:center;gap:.8rem;text-align:center}
@media (min-width:768px){.product-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.usecase-grid{grid-template-columns:repeat(2,1fr)}.ratgeber-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1024px){.product-grid{grid-template-columns:repeat(4,1fr)}.product-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem}.usecase-grid{grid-template-columns:repeat(3,1fr)}.menu-toggle{display:none}}
@media (max-width:1023px){.main-nav{display:none;position:absolute;top:65px;left:0;right:0;background:#0f0f0f;padding:1rem;flex-direction:column}.main-nav.open{display:flex}.menu-toggle{display:block}}