/* NOVERA Minimal — imza katmanı (theme.css'i ezer) */
/* NOVERA MINIMAL — sade, ürün-öncelikli · imza (theme.css'i ezer) */
/* RENK DEĞİŞKENLİ: panelden seçilen vurgu + ana (ikisi de navy) vitrine yansır.
   Buton hover'ı vurgunun koyu türevidir (color-mix). Fallback = orijinal navy.
   Nötrler (beyaz, #F7F8FA/#E9ECF1 gri hairline, #6A7382/#98A0AD metin, #1B2432 ink,
   #1F9D57 indirim yeşili = semantik) SABİT bırakıldı. */
:root{
  --nm-vurgu: var(--renk-vurgu,#0A2A6B);            /* navy aksan */
  --nm-koyu: var(--renk-koyu,#0B1533);              /* koyu başlık navy */
  --nm-koyu2: color-mix(in srgb, var(--renk-vurgu,#0A2A6B) 82%, #000);  /* #08205a buton hover */
  --nm-uzv: var(--uzeri-vurgu,#fff);                /* vurgu zemin üzeri metin (oto-kontrast) */
  --nm-uzf: var(--uzeri-footer,#1B2432);            /* footer zemini üzeri metin */
}
body{background:#fff;color:#1B2432}
.duyuru-cubugu{background:#F7F8FA;color:#6A7382;border-bottom:1px solid #E9ECF1;font-size:.8rem;letter-spacing:.01em;text-transform:none}
:focus-visible{outline:2px solid var(--nm-vurgu);outline-offset:2px}
/* Header — hairline; arama overlay'e taşındı, nav tek satır ferah durur */
.site-header{background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid #E9ECF1}
.site-header>.kap{gap:1.5rem}
.logo{color:var(--nm-vurgu);font-weight:800;letter-spacing:-.02em}
/* Nav — tek satır, dengeli boşluk, ince navy alt-çizgi hover (süssüz minimal dil) */
.ana-nav{flex-wrap:nowrap;gap:.1rem}
.ana-nav>a,.nav-acilir>a{position:relative;color:#1B2432;font-weight:500;font-size:.9rem;padding:.55rem .8rem;white-space:nowrap}
.ana-nav>a:hover,.nav-acilir>a:hover{color:var(--nm-vurgu);background:transparent}
.ana-nav>a::after,.nav-acilir>a::after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.34rem;height:1.5px;background:var(--nm-vurgu);transform:scaleX(0);transform-origin:left;transition:transform .24s ease}
.ana-nav>a:hover::after,.nav-acilir>a:hover::after{transform:scaleX(1)}
/* Overlay arama tetiği — hairline kare ikon (inline kutu artık yok) */
.header-sag{gap:.2rem}
.arama-ac,#arama-ac-tam{border:1px solid #E9ECF1;border-radius:10px}
.arama-ac:hover,#arama-ac-tam:hover{background:#F7F8FA;color:var(--nm-vurgu)}
.blok-baslik,.bolum-ust h2{color:var(--nm-koyu);font-weight:700;letter-spacing:-.01em}
.us-etiket{color:var(--nm-vurgu)}
/* Hero (gorsel-metin) — yumuşak zemin panel */
.blok-gorsel-metin{background:#F7F8FA;border-block:1px solid #E9ECF1}
.blok-gorsel-metin .blok-baslik{color:var(--nm-koyu);font-size:clamp(1.9rem,4vw,2.9rem)}
.blok-gorsel-metin .gorsel-metin-yazi{color:#6A7382}
.blok-gorsel-metin .btn{background:var(--nm-vurgu);border-color:var(--nm-vurgu);color:var(--nm-uzv)}
.blok-gorsel-metin .btn:hover{background:var(--nm-koyu2)}
.blok-gorsel-metin img{border-radius:12px;border:1px solid #E9ECF1}
/* Güven satırı (ozellik) — inline hairline, süssüz */
.blok-ozellikler{background:#fff;border-block:1px solid #E9ECF1}
.blok-ozellikler .ozellik-kart{border:0;background:transparent}
.ozellik-ikon{background:#F7F8FA;color:var(--nm-vurgu);border-radius:9px}
.ozellik-baslik{color:var(--nm-koyu)}
.ozellik-metin{color:#6A7382}
/* Ürün kartları — temiz, ince kenar */
.urun-kart{border:1px solid #E9ECF1;border-radius:10px}
.urun-kart:hover{border-color:#cfd6e0;box-shadow:0 12px 26px -18px color-mix(in srgb,var(--nm-koyu) 30%,transparent)}
.urun-marka{color:#98A0AD;letter-spacing:.06em}
.guncel-fiyat{color:var(--nm-koyu)}
.indirim-rozet{background:#1F9D57;border-radius:5px}
.us-ok{color:#1B2432;border-color:#E9ECF1}
.us-ok:hover{background:var(--nm-vurgu);color:var(--nm-uzv);border-color:var(--nm-vurgu)}
.us-cizgi i{background:var(--nm-vurgu)}
.us-noktalar button.aktif{background:var(--nm-vurgu)}
.bolum-tumu{color:var(--nm-vurgu)}
/* Kategori kartları — sade kutular */
.kategori-kart{border:1px solid #E9ECF1;border-radius:10px}
.kategori-kart-ad{color:var(--nm-koyu)}
.btn-vurgu,.sepete-ekle{background:var(--nm-vurgu);border-color:var(--nm-vurgu);color:var(--nm-uzv)}
.btn-vurgu:hover,.sepete-ekle:hover{background:var(--nm-koyu2)}
/* Footer — footer zemini var(--renk-footer); metin oto-kontrast (uzeri-footer).
   Varsayılan açık #F7F8FA → koyu metin; kullanıcı koyu footer seçerse OTO beyaz. */
.site-footer{background:var(--renk-footer,#F7F8FA);border-top:1px solid color-mix(in srgb,var(--nm-uzf) 16%,transparent);color:color-mix(in srgb,var(--nm-uzf) 85%,transparent)}
.site-footer .footer-grup-baslik{color:var(--nm-uzf)}
.site-footer .footer-slogan,
.site-footer .footer-cta-metin,
.site-footer .footer-bulten-metin,
.site-footer .footer-guven{color:color-mix(in srgb,var(--nm-uzf) 86%,transparent)}
.site-footer .footer-telif,
.site-footer .footer-altyapi{color:color-mix(in srgb,var(--nm-uzf) 78%,transparent)}
.site-footer a{color:color-mix(in srgb,var(--nm-uzf) 82%,transparent)}
.site-footer a:hover{color:var(--nm-uzf)}
.site-footer .footer-marka{color:var(--nm-uzf)}