:root{color-scheme:dark;--bg:#070a13;--panel:#111626;--cyan:#00d9f5;--magenta:#ed27df;--purple:#8244ed;--white:#f8f9ff;--muted:#a9b1c5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 5% 45%,#121234 0,transparent 35%),var(--bg);color:var(--white);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.notice{text-align:center;font-size:10px;letter-spacing:.12em;background:#16243c;color:#9deaff;padding:5px}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(4vw,16px);background:#070a13f5;border-bottom:1px solid #24334b;backdrop-filter:blur(15px)}.brand{display:flex;flex-direction:column;font-weight:1000;font-size:clamp(25px,3vw,39px);line-height:1;font-style:italic;letter-spacing:-.09em;text-shadow:2px 2px var(--purple),-1px -1px var(--cyan)}.brand small{font-size:8px;letter-spacing:.44em;font-style:normal;margin-top:9px;color:#7edfee;text-shadow:none}.accent,.smile{color:var(--magenta)}.smile{font-size:16px;letter-spacing:-3px}.desktop-nav{display:flex;gap:30px;font-size:12px;font-weight:750;letter-spacing:.1em}.desktop-nav a:hover,.eyebrow{color:var(--cyan)}.header-actions{display:flex;gap:10px}.icon-button,.cart-button,.close{background:transparent;border:1px solid #33445b;border-radius:7px;color:white;padding:8px 12px}.cart-button span{color:var(--cyan);font-weight:bold}.hero{min-height:620px;position:relative;overflow:hidden;background:#060917}.hero-art{position:absolute;inset:0;background-image:url('assets/d99-original.png');background-position:center 55%;background-size:cover;filter:saturate(1.08)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050710dc 0%,#0507108c 35%,transparent 75%),linear-gradient(0deg,#070a13 0%,transparent 32%)}.hero-overlay{position:relative;z-index:1;padding:180px max(5vw,20px) 100px;max-width:780px}.hero-kicker,.eyebrow{font-size:11px;letter-spacing:.3em;font-weight:800}.hero h1,.section h2,.panel h2{font-style:italic;line-height:1.05;letter-spacing:-.035em;text-shadow:3px 3px #173d75}.hero h1{font-size:clamp(42px,6.5vw,92px);margin:16px 0}.hero h1 em{color:var(--magenta);text-shadow:3px 3px var(--cyan)}.hero p{color:#e0e7fb;font-size:19px}.neon-button{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:13px 22px;background:#070d1c;color:white;border:2px solid var(--cyan);box-shadow:3px 3px 0 var(--magenta),0 0 15px #00d9f53a;font-size:13px;font-weight:900;letter-spacing:.05em}.neon-button:hover{background:#123354}.section{max-width:1440px;margin:auto;padding:62px max(4vw,16px)}.section-top h2,.story h2{font-size:clamp(30px,4vw,52px);margin:5px 0 12px}.muted{color:var(--muted);font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.category-card{min-height:180px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-align:left;gap:2px;padding:18px;border:1px solid #155c89;background:linear-gradient(135deg,#11172b,#17122b 65%,#080d1a);color:white;position:relative;overflow:hidden}.category-card:before{content:'';position:absolute;width:100px;height:100px;right:-20px;top:-20px;background:radial-gradient(circle,#e627e04a,transparent 70%)}.category-card:nth-child(even){border-color:#b025bd}.category-card strong{font-style:italic;font-size:21px}.category-card small{font-size:10px;letter-spacing:.07em}.cat-symbol{font-size:58px;color:var(--cyan);line-height:1;text-shadow:4px 2px var(--magenta);margin-bottom:12px}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.filter{background:#111a2a;color:#d8e3f3;border:1px solid #2d3850;padding:8px 15px;border-radius:30px;font-size:13px}.filter.active{background:#06495c;border-color:var(--cyan);color:white}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{border:1px solid #26344b;background:#0d1120;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.product-art{height:220px;background:radial-gradient(circle at 50% 25%,#53347c,#121c37 45%,#080b14 80%);display:flex;justify-content:center;align-items:center;position:relative}.product-art span{font-size:clamp(48px,7vw,90px);color:white;font-weight:1000;font-style:italic;text-shadow:4px 3px var(--magenta),-4px -2px var(--cyan)}.product-art small{position:absolute;bottom:12px;left:12px;color:#a3b4d7;font-size:10px}.product-info{padding:15px;flex:1;display:flex;flex-direction:column;gap:8px}.product-info h3{font-size:15px;margin:0}.product-info p{color:var(--muted);font-size:12px;margin:0;flex:1}.price{font-weight:800}.product-actions{display:flex;gap:8px}.product-actions button{flex:1;background:#141d30;border:1px solid #2d5c74;color:white;padding:9px 4px;font-size:12px}.product-actions .add{background:#0a5265;border-color:var(--cyan)}.story{background:linear-gradient(110deg,#0b1327,#160b25);max-width:none;padding-left:max(4vw,16px);padding-right:max(4vw,16px)}.story p:not(.eyebrow){max-width:650px}footer{border-top:1px solid #2b3450;padding:25px 4vw;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;color:var(--muted)}dialog{border:1px solid #21617a;color:white;background:#0c1221;box-shadow:0 25px 90px #000c}dialog::backdrop{background:#000b}.panel{position:fixed;inset:0 0 0 auto;margin:0;width:min(100%,470px);max-width:none;max-height:100dvh;padding:25px;overflow:auto}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-head h2{font-size:24px}.close{font-size:25px}.cart-line,.admin-line{padding:13px 0;border-bottom:1px solid #27354d;display:flex;justify-content:space-between;align-items:center;gap:12px}.cart-line button,.admin-line button{background:transparent;border:1px solid #476078;color:white;padding:5px 10px}.cart-total{display:flex;justify-content:space-between;margin:22px 0}.disabled-button{opacity:.5;cursor:not-allowed}.panel form{display:grid;gap:13px}.panel label{display:grid;gap:5px;font-size:13px}.panel input,.panel select{width:100%;background:#171f30;color:white;border:1px solid #52627b;border-radius:4px;padding:10px}.panel h3{margin-top:30px}.text-button{background:transparent;color:#8adff3;border:0;padding:14px 0;text-decoration:underline}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#153449;border:1px solid var(--cyan);padding:10px 18px;border-radius:8px;z-index:40;display:none}#detailContent .product-art{height:260px;margin:10px 0 20px}@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.desktop-nav{display:none}.hero{min-height:620px}.hero-overlay{padding-top:300px}.hero:after{background:linear-gradient(0deg,#070a13 0%,#070a13ab 45%,transparent 100%)}}@media(max-width:500px){.hero{min-height:660px}.hero-art{background-position:center 36%}.hero-overlay{padding-top:405px;padding-bottom:50px}.hero h1{font-size:42px}.hero p{font-size:15px}.category-card{min-height:150px;padding:12px}.category-card strong{font-size:16px}.cat-symbol{font-size:43px}.product-grid{gap:9px}.product-art{height:150px}.product-info{padding:10px}.product-info h3{font-size:13px}.product-actions{flex-direction:column}.section{padding-top:45px;padding-bottom:45px}.brand{font-size:27px}.brand small{font-size:6px}.panel{padding:18px}}

/* Phase 2.1 – originale D99-DNA-Kampagnenbilder */
.editorial-grid,.story-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;gap:clamp(20px,4vw,60px)}.editorial-grid img,.story-grid img{width:100%;max-height:690px;object-fit:contain;object-position:center;background:#070a13;border:1px solid #2b3665;box-shadow:0 0 35px #8b2ce01e}.editorial-copy h3{font-size:clamp(27px,4vw,54px);font-style:italic;line-height:1.05}.editorial-copy p:not(.eyebrow){color:#d4d8e9}.story-grid{max-width:1440px;margin:auto;grid-template-columns:minmax(260px,.7fr) minmax(0,1fr)}.story-grid img{max-height:630px}.story-grid .accent{color:var(--magenta)}@media(max-width:750px){.editorial-grid,.story-grid{grid-template-columns:1fr}.editorial-grid img{max-height:520px}.story-grid img{max-height:520px;object-fit:contain}.editorial-copy{padding-bottom:20px}}