/* NOVERA — imza katmanı (theme.css'i ezer) */
/* NOVERA — Yazar Kasa / Ödeme · premium imza (theme.css'i ezer) */
/* Zemin: bej sayfa + beyaz kartlar; navy nav */
body{background:#F5F1E8}
.site-header{background:rgba(245,241,232,.82);backdrop-filter:saturate(1.2) blur(12px);border-bottom:1px solid rgba(5,29,107,.12)}
:focus-visible{outline:2px solid #C4A24A;outline-offset:3px}
/* Mono etiket dili */
.us-etiket,.urun-marka,.footer-grup-baslik,.duyuru-cubugu{font-family:ui-monospace,"SF Mono","Cascadia Mono","Segoe UI Mono",Menlo,Consolas,monospace}
/* Duyuru: navy-deep + altın mono */
.duyuru-cubugu{background:#040F38;color:#E7CE86;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
/* Marka: serif navy + altın nokta */
.logo{color:#051D6B;font-weight:600;letter-spacing:.02em;display:inline-flex;align-items:center;gap:.5rem}
.logo::before{content:"";width:7px;height:7px;border-radius:50%;background:#C4A24A;box-shadow:0 0 0 3px rgba(196,162,74,.18);flex:none}
/* Nav: altın alt-çizgi */
.ana-nav>a{position:relative}
.ana-nav>a:hover{background:transparent;color:#051D6B}
.ana-nav>a::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.25rem;height:1.5px;background:#C4A24A;transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.ana-nav>a:hover::after{transform:scaleX(1)}
/* Başlıklar serif (zarif) — navy vurgu + altın üst-etiket */
.blok-baslik,.bolum-ust h2,.vitrin h2{color:#051D6B;font-weight:600}
.us-etiket{display:inline-block;color:#C4A24A;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600;margin-bottom:.5rem}
/* Butonlar: keskin köşe → ince 2px; altın buton navy metin */
.btn{border-radius:2px;letter-spacing:.01em}
.btn-vurgu,.sepete-ekle,.blok-hero-btn,.odeme-btn,.hero-banner-btn,.bulten-btn{color:#040F38}
.btn-vurgu:hover,.blok-hero-btn:hover{background:#E7CE86;opacity:1}
/* ---------- HERO SLIDER: navy gradient + altın grid + serif + sağ ürün foto kartı ---------- */
.blok-hero-slider,.hero-slider{background:linear-gradient(160deg,#051D6B 0%,#040F38 100%);position:relative}
/* Sol koyu perde metni okunur kılar, sağa doğru şeffaflaşır → sağdaki ürün foto kartı temiz
   kalır; arkasında ince altın grid dokusu (metnin/kartın altında, güvenli). */
.hero-slayt::before{background:linear-gradient(90deg,rgba(5,29,107,.95) 0%,rgba(5,29,107,.86) 40%,rgba(5,29,107,.4) 62%,rgba(4,15,56,.08) 100%),linear-gradient(rgba(196,162,74,.5) 1px,transparent 1px);background-size:auto,100% 92px}
.hero-slayt.hiza-sol .hero-slayt-icerik{border-left:2px solid rgba(196,162,74,.5);padding-left:1.6rem}
.hero-slayt-icerik .blok-hero-baslik{font-size:clamp(2.4rem,5vw,4rem);color:#fff}
.hero-slayt-icerik .blok-hero-alt{color:rgba(255,255,255,.78);font-size:1.1rem}
/* SAĞ ÜRÜN FOTO KARTI — .hero-slayt-bg'yi tam-ekran zeminden sağdaki çerçeveli karta çevirir.
   Panelden gorsel yüklenince kart görseli gösterir; altın hairline + derin gölge. */
.hero-slayt-bg{inset:14% 4% 14% auto;left:auto;width:42%;max-width:560px;background-size:cover;background-position:center;border-radius:14px;border:1px solid rgba(196,162,74,.35);box-shadow:0 40px 70px -35px rgba(0,0,0,.7);z-index:0}
/* Foto BOŞken görünen kesikli altın "foto alanı" çerçevesi (foto varken slayt kartı bunu örter,
   çünkü aktif slayt z-index'i bu ::after'ın üstündedir). "Burası fotoğraf alanıdır" ipucu. */
.hero-slider::after{content:"";position:absolute;inset:14% 4% 14% auto;left:auto;width:42%;max-width:560px;border:1.6px dashed rgba(196,162,74,.42);border-radius:14px;z-index:0;pointer-events:none}
.blok-hero-btn{background:#C4A24A;border-color:#C4A24A}
.hero-ok{border-color:rgba(196,162,74,.45);background:rgba(255,255,255,.06)}
.hero-ok:hover{background:#C4A24A;color:#040F38}
.hero-nokta.aktif{background:#C4A24A}
.hero-ilerleme i,.hero-sayac-ayrac{background:#C4A24A}
/* Hero mobil: sağ kart yerine soluk tam-ekran ürün zemini + koyu perde → metin okunur kalır */
@media (max-width:860px){.hero-slider::after{display:none}.hero-slayt-bg{inset:0;left:0;width:100%;max-width:none;border:0;border-radius:0;box-shadow:none;opacity:.14}.hero-slayt::before{background:linear-gradient(180deg,rgba(5,29,107,.82),rgba(4,15,56,.94)),linear-gradient(rgba(196,162,74,.5) 1px,transparent 1px);background-size:auto,100% 92px}}
/* ---------- Güven şeridi (ozellik) — ince altın-hairline bar ---------- */
.blok-ozellikler{background:#fff;border-block:1px solid rgba(5,29,107,.1)}
.blok-ozellikler .ozellik-kart{border:0;background:transparent}
.ozellik-ikon{background:rgba(196,162,74,.12);color:#C4A24A}
.ozellik-baslik{color:#051D6B}
/* ---------- Cihazlar (ürün slider) — beyaz kart, altın hover, serif ---------- */
.urun-kart{background:#fff;border:1px solid rgba(5,29,107,.12);border-radius:4px}
.urun-kart:hover{border-color:rgba(196,162,74,.5);box-shadow:0 30px 50px -30px rgba(5,29,107,.35)}
.urun-kart-gorsel{background:linear-gradient(165deg,#F5F1E8,#ECE5D6)}
.urun-ad{font-family:var(--font-baslik);color:#051D6B;font-size:1.05rem}
.urun-marka{color:#C4A24A;letter-spacing:.16em}
.guncel-fiyat{font-family:var(--font-baslik);color:#0B1430;font-weight:600}
.indirim-rozet{background:#051D6B;border-radius:2px}
.bolum-tumu{color:#051D6B}
.us-ok:hover{background:#051D6B;border-color:#051D6B}
.us-ok-kenar:hover{background:#051D6B}
.us-cizgi i{background:#C4A24A}
.us-noktalar button.aktif{background:#C4A24A}
/* ---------- Kampanya şeridi — 2 kart (navy + charcoal), altın hairline ---------- */
.blok-kampanya{background:#ECE5D6;border-block:1px solid rgba(5,29,107,.1)}
.kampanya-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.kampanya-kart{min-height:170px;border-radius:6px;background:linear-gradient(120deg,#051D6B,#0A2A8A)}
.kampanya-kart::after{background:linear-gradient(120deg,rgba(4,15,56,.15),rgba(4,15,56,.5))}
.kampanya-kart:nth-child(2){background:linear-gradient(120deg,#1a1a1a,#333);border:1px solid rgba(196,162,74,.45)}
.kampanya-etiket{background:transparent;color:#E7CE86;padding:0;letter-spacing:.2em}
.kampanya-baslik{font-family:var(--font-baslik)}
.kampanya-btn{color:#E7CE86;border-bottom-color:rgba(196,162,74,.5)}
.kampanya-kart:hover .kampanya-btn{border-color:#C4A24A}
/* ---------- Kategori kartları (Sektörel Çözümler) ---------- */
.kategori-kart::after{background:linear-gradient(to top,rgba(4,15,56,.82),transparent 58%)}
.kategori-kart-ad{font-family:var(--font-baslik)}
/* ---------- Neden (gorsel-metin) — lacivert editoryal panel ---------- */
.blok-gorsel-metin{background:#051D6B;color:#fff;padding-block:1rem;border-radius:0}
.blok-gorsel-metin .blok-baslik{color:#fff}
.blok-gorsel-metin .gorsel-metin-yazi{color:rgba(255,255,255,.74)}
.blok-gorsel-metin .btn{background:transparent;border-color:rgba(196,162,74,.5);color:#E7CE86}
.blok-gorsel-metin .btn:hover{background:#C4A24A;border-color:#C4A24A;color:#040F38}
/* ---------- Alt CTA (bülten) — açık krem/beyaz, okunur; footer'a BİTİŞİK ---------- */
/* (Eski: lacivert bülten + altındaki 4rem krem boşluk = footer'dan önce "beyaz şerit".
   Çözüm: bülten beyaz/okunur yapıldı + footer margin-top sıfırlandı → boşluk kalktı.) */
.blok-bulten{background:#fff;color:#0B1430;text-align:center;border-top:1px solid rgba(196,162,74,.32)}
.blok-bulten .blok-baslik{color:#051D6B;font-size:clamp(1.8rem,3.4vw,2.6rem)}
.blok-bulten .bulten-metin{color:rgba(11,20,48,.68)}
.blok-bulten .bulten-form input{background:#F5F1E8;border:1px solid rgba(5,29,107,.18);color:#0B1430}
.blok-bulten .bulten-form input::placeholder{color:rgba(11,20,48,.45)}
.blok-bulten .bulten-form input:focus{border-color:#C4A24A}
.blok-bulten .bulten-btn{background:#C4A24A;border-color:#C4A24A;color:#040F38}
/* Bülten (son blok) footer'a değsin → aradaki krem boşluk kaldırılır */
body[data-footer="koyu"] .site-footer{margin-top:0}
/* ---------- Footer — navy-deep + altın başlıklar ---------- */
body[data-footer="koyu"] .site-footer{background:#040F38;color:rgba(255,255,255,.62)}
body[data-footer="koyu"] .site-footer .footer-marka{color:#fff;font-family:var(--font-baslik)}
body[data-footer="koyu"] .site-footer .footer-grup-baslik{color:#C4A24A}
body[data-footer="koyu"] .site-footer a{color:rgba(255,255,255,.72)}
body[data-footer="koyu"] .site-footer a:hover{color:#C4A24A}
body[data-footer="koyu"] .site-footer .footer-cta-baslik{color:#fff;font-family:var(--font-baslik)}
body[data-footer="koyu"] .site-footer .footer-slogan,
body[data-footer="koyu"] .site-footer .footer-cta-metin,
body[data-footer="koyu"] .site-footer .footer-guven,
body[data-footer="koyu"] .site-footer .footer-telif,
body[data-footer="koyu"] .site-footer .footer-altyapi{color:rgba(255,255,255,.55)}
body[data-footer="koyu"] .site-footer .footer-ust,
body[data-footer="koyu"] .site-footer .footer-alt{border-color:rgba(255,255,255,.1)}
/* ---------- POS marka duvarı (ozel-html) — yetkili bayi markaları ---------- */
.blok-ozel-html{background:#fff;border-block:1px solid rgba(196,162,74,.28);text-align:center}
.novera-markalar-ust{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.5rem}
.novera-markalar-seal{flex:none}
.novera-markalar-etiket{font-family:ui-monospace,"SF Mono","Cascadia Mono","Segoe UI Mono",Menlo,Consolas,monospace;color:#C4A24A;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600}
.novera-markalar-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.25rem}
.novera-marka{font-family:var(--font-baslik);font-size:1.55rem;font-weight:600;letter-spacing:.01em;color:#051D6B;padding:.72rem 1.9rem;border:1px solid rgba(5,29,107,.14);border-radius:4px;background:linear-gradient(165deg,#fff,#F7F3EA);transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.novera-marka:hover{border-color:rgba(196,162,74,.55);transform:translateY(-2px);box-shadow:0 20px 34px -24px rgba(5,29,107,.55)}
@media (max-width:600px){.novera-marka{font-size:1.2rem;padding:.55rem 1.2rem}}