/* Modern site: sade başlık + para birimi seçici + nötr palet (yeşil yalnız vurgu/ana CTA).
   app.css'ten sonra yüklenir; sınıf adları app.js'in menü sığdırma mantığıyla uyumlu. */
:root{
  --h-ink:#0f172a; --h-muted:#475569; --h-line:#e5e7eb; --h-hover:#f1f5f9;
  --h-dark:#0b1220; --h-dark2:#111827;
}

/* Kampanya şeridi: kayan yeşil gradyan yerine sakin koyu şerit */
.topbar{background:var(--h-dark);animation:none;color:#e2e8f0;font-size:13.5px;padding:8px 16px;text-shadow:none;border-bottom:1px solid rgba(255,255,255,.06)}
.topbar a{color:#fff}
.topbar i{color:var(--c-primary);opacity:1}

/* Başlık */
.site-header.hdr{background:rgba(255,255,255,.94);border-bottom:1px solid var(--h-line);box-shadow:0 1px 0 rgba(15,23,42,.02)}
.hdr .nav{height:68px;gap:20px}
.hdr .brand{color:var(--h-ink);flex:none}
.hdr .brand-ico{width:38px;height:38px;border-radius:10px;font-size:18px}
.hdr .brand:has(.brand-ico){font-size:19px;gap:10px}
.hdr .brand-logo{height:36px}

/* Menü: dolgu yerine alt çizgi */
.hdr .menu{gap:2px;margin-inline:auto}
.hdr .menu a{position:relative;padding:8px 12px;border-radius:8px;color:var(--h-muted);font-weight:500;font-size:14.5px}
.hdr .menu a:hover{background:var(--h-hover);color:var(--h-ink)}
.hdr .menu a.active,.hdr .menu a.active:hover{background:none;color:var(--h-ink);font-weight:600}
.hdr .menu a.active::after{content:"";position:absolute;left:12px;right:12px;bottom:-15px;height:2px;border-radius:2px;background:var(--c-primary)}

/* Sağ taraf */
.hdr .nav-actions{gap:8px;flex:none}
.hdr .btn-sm{padding:8px 14px;border-radius:9px;font-weight:600}
.hdr .btn-ghost{border-color:var(--h-line);color:var(--h-ink)}
.hdr .btn-ghost:hover{border-color:#cbd5e1;background:var(--h-hover);color:var(--h-ink)}
.hdr .btn-dark{background:var(--h-ink);color:#fff;border:0}
.hdr .btn-dark:hover{background:#1e293b}
.hdr .lang-switch summary{height:38px;padding:0 10px;gap:6px;border-color:var(--h-line);border-radius:9px;color:var(--h-ink)}
.hdr .lang-switch summary:hover,.hdr .lang-switch[open] summary{background:var(--h-hover);color:var(--h-ink)}
.hdr .lang-switch li a:hover{background:var(--h-hover);color:var(--h-ink)}
.hdr .lang-switch li a[aria-current]{color:var(--h-ink);background:var(--h-hover)}
.hdr .lang-switch li a[aria-current]::after{content:"✓";float:inline-end;margin-inline-start:12px;color:var(--c-primary)}
.hdr .lang-switch ul{min-width:160px}
.hdr .dd-caret{font-size:10px;color:#94a3b8;margin:0}
.hdr .cur-sym{font-weight:700;color:var(--h-muted)}
.hdr .dd-note{padding:7px 12px 4px;margin-top:4px;border-top:1px solid var(--h-line);font-size:11.5px;color:#94a3b8;white-space:nowrap}
.hdr-cart{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:38px;border:1px solid var(--h-line);border-radius:9px;color:var(--h-ink);font-size:16px;transition:.15s}
.hdr-cart:hover{background:var(--h-hover);color:var(--h-ink)}
.hdr-cart .cart-count-badge{position:absolute;top:-7px;inset-inline-end:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--c-primary);color:#fff;font-size:11px;font-weight:700;line-height:19px;text-align:center;border:2px solid #fff;margin:0}

/* Hamburger (3 çizgi → X) */
.hdr .nav-toggle{width:40px;height:38px;padding:0;border:1px solid var(--h-line);border-radius:9px;position:relative;font-size:0}
.hdr .nav-toggle .bar{position:absolute;left:11px;right:11px;height:2px;border-radius:2px;background:var(--h-ink);transition:transform .2s,opacity .2s}
.hdr .nav-toggle .bar:nth-child(1){top:12px}
.hdr .nav-toggle .bar:nth-child(2){top:17px}
.hdr .nav-toggle .bar:nth-child(3){top:22px}
.hdr .nav-toggle[aria-expanded="true"] .bar:nth-child(1){transform:translateY(5px) rotate(45deg)}
.hdr .nav-toggle[aria-expanded="true"] .bar:nth-child(2){opacity:0}
.hdr .nav-toggle[aria-expanded="true"] .bar:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

/* Mobil menü öğeleri yalnız açılır menüde */
.hdr .m-only{display:none}

@media(max-width:1080px){
  .hdr .nav{height:62px;flex-wrap:nowrap;gap:8px}
  .hdr .d-only{display:none}
  .hdr .nav-actions{margin-inline-start:auto;order:2}
  .hdr .nav-toggle{display:block;order:3}
  .hdr .menu{top:100%;margin:0;padding:6px 0 14px;max-height:calc(100vh - 62px);overflow-y:auto;border-top:1px solid var(--h-line);box-shadow:0 18px 40px rgba(15,23,42,.12)}
  .hdr .menu a{padding:13px 20px;border-radius:0;border-bottom:1px solid #f1f5f9;color:var(--h-ink);font-size:15px}
  .hdr .menu a:hover{background:var(--h-hover)}
  .hdr .menu a.active{box-shadow:inset 3px 0 0 var(--c-primary);background:#f8fafc}
  .hdr .menu a.active::after{display:none}
  .hdr .m-only{display:block}
  .hdr .m-acct{display:flex;gap:10px;padding:14px 20px 4px}
  .hdr .m-acct .btn{flex:1;justify-content:center;text-align:center;padding:11px 14px;border-bottom:0;border-radius:10px;font-weight:600}
  .hdr .m-acct .btn-ghost{border:1px solid var(--h-line)}
  .hdr .m-acct .btn-green{color:#fff;background:var(--c-primary)}
  .hdr .m-acct .btn-dark{color:#fff;background:var(--h-ink)}
  .hdr .m-prefs{padding:10px 20px 0;display:grid;gap:10px}
  .hdr .m-pref{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .hdr .m-pref > span{font-size:13px;color:var(--h-muted);font-weight:600}
  .hdr .seg{display:inline-flex;border:1px solid var(--h-line);border-radius:9px;padding:3px;background:#f8fafc;flex-wrap:wrap}
  .hdr .seg a{padding:6px 11px;border:0;border-radius:7px;font-size:13px;font-weight:600;color:var(--h-muted)}
  .hdr .seg a[aria-current]{background:#fff;color:var(--h-ink);box-shadow:0 1px 2px rgba(15,23,42,.12)}
  .hdr .menu a.active,.hdr .seg a:hover{background:transparent}
  .hdr .seg a[aria-current]:hover{background:#fff}
}
@media(max-width:560px){
  .hdr .nav{height:62px}
  .hdr .menu{max-height:calc(100vh - 62px)}
  .hdr .brand-logo{height:36px;max-width:190px}
  .hdr .brand:has(.brand-ico){font-size:20px;gap:10px}
  .hdr .brand-ico{width:40px;height:40px;font-size:19px}
}
/* Masaüstünde menü sığmazsa (uzun çeviri): app.js nav-compact ekler */
.hdr .nav.nav-compact .menu{top:100%}
.hdr .nav.nav-compact .menu a.active::after{display:none}
.hdr .nav.nav-tight .menu a{padding:8px 9px}

/* Nötr hero: koyu lacivert-gri, ana renk yalnız hafif ışıma */
.hero{background:radial-gradient(900px 380px at 85% -10%, color-mix(in srgb,var(--c-primary) 22%, transparent), transparent 70%),linear-gradient(180deg,var(--h-dark) 0%,var(--h-dark2) 100%)}
.hero p.lead{color:#cbd5e1}
.hero .badge,.badge{background:rgba(255,255,255,.07);color:#e2e8f0;border:1px solid rgba(255,255,255,.12)}
.tld-list{color:#94a3b8}

/* Gövdede yeşil yoğunluğunu azalt: ikon kutuları ve fiyatlar nötr */
.svc-ico{background:#f1f5f9;color:var(--h-ink)}
.card:hover{border-color:#cbd5e1}
.why .ico{color:var(--h-ink)}
.price{color:var(--h-ink)}
.price-card.featured{border:2px solid var(--c-primary);margin-top:0}
.site-footer{background:var(--h-dark)}

/* Mobil: sağ alttaki yuvarlak düğmeler alt bilgi bağlantılarını kapatmasın */
@media(max-width:560px){ .site-footer{padding-bottom:96px} }