/* Gece: koyu zemin, neon yeşil vurgu, büyük harfli başlıklar, keskin köşeler. Teknoloji ve premium markalar için. */
body {
  --zemin: #0b0c0e; --yuzey: #141619; --metin: #f2f2ee; --soluk: #a0a6ae; --cizgi: #2b2e33;
  --vurgu: #c8f031; --vurgu-koyu: #b4dc22; --vurgu-yazi: #0b0c0e; --hata: #ff8a80; --uyari: #fdb022;
  --gorsel-zemin: #1d2024; --vitrin-zemin: #141619; --kose: 0px; --kart-kose: 0px;
  --koyu: #141619; --koyu-yazi: #f2f2ee; --koyu-soluk: #a0a6ae; --indirim: #c8f031; --indirim-yazi: #0b0c0e;
  color-scheme: dark;
}
a { color: var(--vurgu); }
.duyuru { background: var(--vurgu); color: var(--vurgu-yazi); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; font-size: 12px; }
.ust { background: var(--zemin); box-shadow: none; }
.ust-bilgi { background: var(--zemin); }
.marka { text-transform: uppercase; letter-spacing: .06em; }
.menu-oge > a { text-transform: uppercase; letter-spacing: .08em; font-size: 12px; }
.ara input { background: var(--yuzey); }
.yan-kategoriler, .raf, .marka-seridi { background: var(--zemin); }
.yan-baslik { text-transform: uppercase; letter-spacing: .08em; font-size: 13px; }
.yan-oge > a:hover { background: var(--yuzey); }
.vitrin { background: radial-gradient(circle at 78% 40%, #2a3312 0%, transparent 52%), var(--vitrin-zemin); border: 1px solid var(--cizgi); }
.vitrin-baslik, .vitrin h1, .bolum-baslik, .baslik, .urun h1 { font-weight: 900; text-transform: uppercase; letter-spacing: -.02em; }
.vitrin-gorsel .gorsel { filter: drop-shadow(0 18px 40px rgb(200 240 49 / .18)); }
.dugme, button { text-transform: uppercase; letter-spacing: .06em; font-size: 13px; }
button.bag, .slider-ok { text-transform: none; letter-spacing: 0; }
.slider-ok { font-size: 22px; }
.raf-sekmeler button { font-size: 12px; }
.kart:hover { box-shadow: none; background: var(--yuzey); }
.kart-ad { font-weight: 600; }
.kart-fiyat, .urun-fiyat { color: var(--vurgu); }
.guven strong { text-transform: uppercase; letter-spacing: .06em; font-size: 12px; color: var(--vurgu); }
.banner { background: var(--yuzey); border: 1px solid var(--cizgi); }
.banner strong { font-weight: 800; text-transform: uppercase; letter-spacing: -.01em; }
.alt { border-top: 1px solid var(--cizgi); }
.alt-marka { text-transform: uppercase; letter-spacing: .06em; }