/* ---- Kurumsal yazı tipi: Manrope (sitenin kendi sunucusundan; Google'a bağlanmaz) ---- */
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/manrope-var.woff') format('woff');
  font-weight: 200 800; font-style: normal; font-display: swap;
}
:root {
  --f-display: 'Manrope', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --f-body: 'Manrope', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
}
body, button, input, select, textarea { font-family: var(--f-body); }
h1, h2, h3 { letter-spacing: -0.012em; }
h1, h2 { font-weight: 700; }

/* =========================================================
   4K Home Deco — KURUMSAL TEMA (Ekim 2026)
   Bu dosya her sayfada EN SON yüklenir; renk/düğme/ikon kurallarını tek yerde toplar.
   Palet: koyu gri-kahve yazı #3B352F · sıcak beyaz/krem zemin · petrol yeşili #2E5E63 (düğmeler) · bronz #8A6A43 (küçük detaylar)
   Yeşil sadece onay için, WhatsApp yeşili sadece WhatsApp düğmelerinde.
   ========================================================= */

/* ---- Ana düğmeler: bronz ---- */
.btn--accent, .ys-cart, .co-send, .evd-actions .k-btn, .evd-btn.live, .evd-promo-btn {
  background: var(--c-accent) !important; border-color: var(--c-accent) !important; color: #fff !important; box-shadow: none !important;
}
.btn--accent:hover, .ys-cart:hover, .co-send:hover, .evd-actions .k-btn:hover, .evd-btn.live:hover, .evd-promo-btn:hover {
  background: var(--c-accent-dark) !important; border-color: var(--c-accent-dark) !important;
}
.ys-cart.off { background: #BDB6AA !important; border-color: #BDB6AA !important; }

/* ---- Tüm düğmelerde aynı köşe yuvarlaklığı ---- */
.btn, .ys-next, .ys-cart, .co-send, .co-wa, .evd-btn, .hero-cta, .banner-btn, .legal-btn,
.kpop-cta, .evd-promo-btn, .cbar-b button, .ys-missbtn, .k-btn, .form-wa { border-radius: var(--r-btn) !important; }

/* ---- Üst menüdeki "Evimde Dene": antrasit, sakin ---- */

.nav-main a.nav-try { border-radius: var(--r-btn) !important; }
.hdr-try { border-radius: var(--r-btn); }

.nav-main a.nav-try::before {
  content: "" !important; display: inline-block; width: 16px; height: 16px; margin-right: 7px; vertical-align: -3px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l2-3h6l2 3h3a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3Ccircle cx='12' cy='13.5' r='3.5'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l2-3h6l2 3h3a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3Ccircle cx='12' cy='13.5' r='3.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.nav-main a.nav-try::after { background: var(--c-bronze) !important; color: #fff !important; }

/* ---- Rozetler ve vurgu bantları ---- */
.evd-new { background: var(--c-bronze) !important; letter-spacing: .14em; }


.kicker { color: var(--c-bronze); }

/* ---- Çerez bildirimi: kabul düğmesi markaya uygun ---- */


/* ---- Okunurluk: yol satırı ---- */
.legal-wrap .breadcrumb, .ys-crumb, .kfg-intro .breadcrumb { color: var(--c-ink-soft) !important; }
.legal-wrap .breadcrumb a, .ys-crumb a, .kfg-intro .breadcrumb a { color: var(--c-ink-soft) !important; border-bottom-color: currentColor !important; }

/* ---- Çizgi ikonlar (emoji yerine) ---- */
.ic { width: 1.15em; height: 1.15em; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; vertical-align: -.22em; flex-shrink: 0; }
.trust-icon { color: var(--c-bronze); }
.trust-icon .ic { width: 22px; height: 22px; vertical-align: 0; }

.evd-trust b .ic { width: 22px; height: 22px; color: var(--c-bronze); }

/* ---- Logolar ---- */
.footer-logo-img { height: 46px; width: auto; background: none; }
@media (min-width: 1501px) { .site-header .logo img { height: 50px !important; max-width: none !important; } }
/* Orta genişlikte (dizüstü) menü tek satıra sığsın, "Evimde Dene" kesilmesin */
@media (min-width: 1121px) and (max-width: 1500px) {
  .site-header .logo img { height: 44px !important; }
  .site-header .container { gap: 0 14px !important; }
  .nav-main { gap: 0 clamp(8px, 1vw, 16px) !important; }
  .nav-main a, .nav-main .nav-dropdown > a { font-size: clamp(12px, 0.9vw, 14px) !important; }
  .nav-main a.nav-try { padding: 8px 12px !important; }
}
@media (min-width: 761px) and (max-width: 1300px) { .nav-main a.nav-try::before { display: none !important; } }

/* ---- Yumuşak zeminler tek tona ---- */
.section--alt, .newsletter-section { background: var(--c-bg-alt); }
.evd-promo { background: var(--c-bg-alt) !important; }
.trust-text strong span { font: inherit; color: inherit; }
.trust-text strong span.only-de, .trust-text span .only-de { display: none; }
html[lang="de"] .trust-text strong span.only-de, html[lang="de"] .trust-text span .only-de { display: inline; }
html[lang="de"] .trust-text .only-tr { display: none; }
/* Tablet yatay (941–1120 px): menü tek satır */
@media (min-width: 941px) and (max-width: 1120px) {
  .site-header .logo img { height: 36px !important; }
  .site-header .container { gap: 0 10px !important; padding-left: 14px !important; padding-right: 14px !important; }
  .nav-main { gap: 0 8px !important; flex-wrap: nowrap !important; }
  .nav-main a, .nav-main .nav-dropdown > a { font-size: 11.5px !important; white-space: nowrap; }
  .nav-main .caret { display: none; }
  .nav-main a.nav-try { padding: 6px 9px !important; }
}


/* =========================================================
   SİYAHSIZ TASARIM — koyu zeminler kaldırıldı (Ekim 2026)
   Yazılar sıcak koyu kahve-gri, düğmeler bronz, zeminler beyaz / krem.
   ========================================================= */
:root { --c-sand: #EFE9DF; --c-sand-2: #E7DFD2; }

/* Düğmeler ve seçili durumlar: siyah yerine bronz */
.btn--primary, .ys-next, .ys-try, .ys-evd .go, .ys-warn button, .ys-sec.open .ys-num,
.evd-btn.primary, .evd-wins button.cur, .evd-mode button.on, .evd-fab.auto, .evd-steps b, .evd-help-in li span, .evd-adv .adv-ic,
.legal-btn, .k-btn, .mt-modal-card button, .lang-sw button.on, .nav-main a.nav-try, .hdr-try {
  background: var(--c-accent) !important; border-color: var(--c-accent) !important; color: #fff !important; box-shadow: none !important; animation: none !important;
}
.btn--primary:hover, .ys-next:hover, .ys-try:hover, .ys-evd .go:hover, .ys-warn button:hover, .evd-btn.primary:hover, .legal-btn:hover, .k-btn:hover,
.nav-main a.nav-try:hover, .hdr-try:hover { background: var(--c-accent-dark) !important; border-color: var(--c-accent-dark) !important; filter: none; }
.nav-main a.nav-try::after { background: #fff !important; color: var(--c-accent) !important; border-color: var(--c-accent) !important; }
.btn--outline:hover, .banner-item:hover .banner-btn, .hero-cta:hover, .hero-arrow:hover { background: var(--c-accent) !important; color: #fff !important; border-color: var(--c-accent) !important; }
.gal-dots span.on { background: var(--c-accent) !important; }
.menu-toggle span { background: var(--c-ink) !important; }

/* Üst bilgi şeridi: krem */
.utility-bar { background: var(--c-sand) !important; color: var(--c-accent-dark) !important; }

/* Bayilik bandı: bronz */
.cta-band { background: var(--c-accent) !important; color: #fff; }
.cta-band p { color: #F3ECE2 !important; }
.section--ink { background: var(--c-sand) !important; color: var(--c-ink) !important; }
.hero-slider-wrap { background: var(--c-sand) !important; }

/* Footer: açık krem zemin */
.site-footer { background: var(--c-sand) !important; color: var(--c-ink-soft) !important; }
.footer-grid { border-bottom-color: var(--c-line) !important; }
.footer-grid h4 { color: var(--c-ink) !important; }
.footer-grid p, .footer-grid p a { color: var(--c-ink-soft) !important; }
.footer-nav a { color: var(--c-ink-soft) !important; }
.footer-nav a:hover, .footer-legal a:hover { color: var(--c-accent) !important; }
.footer-social a { border-color: var(--c-line) !important; color: var(--c-ink) !important; background: #fff; }
.footer-social a:hover { border-color: var(--c-accent) !important; color: var(--c-accent) !important; }
.footer-legal a { color: var(--c-ink-soft) !important; }
.footer-bottom { color: var(--c-ink-soft) !important; }
.footer-trust { border-top-color: var(--c-line) !important; opacity: 1 !important; color: var(--c-ink-soft); }
.footer-trust .ic { color: var(--c-accent); }
.footer-trust .ft-pay b { border-color: var(--c-line) !important; background: #fff; color: var(--c-ink); }
.footer-legal, .site-footer [class*="legal"] { border-color: var(--c-line) !important; }
/* Footer marka yazısı (logo yerine) */
.footer-brand { display: inline-flex; align-items: baseline; gap: 10px; text-decoration: none; margin-bottom: 14px; }
.footer-brand .fb-4k { font-size: 40px; font-weight: 800; letter-spacing: -.02em; color: var(--c-accent); line-height: 1; }
.footer-brand .fb-tx { font-size: 13px; font-weight: 700; letter-spacing: .28em; text-transform: uppercase; color: var(--c-ink); }

/* Çerez bildirimi: beyaz kart */
.cbar { background: #fff !important; color: var(--c-ink) !important; border: 1px solid var(--c-line); box-shadow: 0 12px 34px rgba(90,74,56,.18) !important; }
.cbar a { color: var(--c-accent) !important; }
.cbar-b button { border-color: var(--c-line) !important; color: var(--c-ink) !important; background: #fff !important; }
.cbar-b button.on { background: var(--c-accent) !important; border-color: var(--c-accent) !important; color: #fff !important; }

/* Fotoğraf üstü etiketler: beyaz yarı saydam */
.ba-tag, .ys-prev-hint, .evd-tip, .evd-tip.on, .evd-coach, .evd-toast {
  background: rgba(255,255,255,.93) !important; color: var(--c-ink) !important; box-shadow: 0 2px 10px rgba(60,48,36,.18);
}
.ys-th-live::after { background: rgba(255,255,255,.9) !important; color: var(--c-ink) !important; }
/* Karartma perdeleri (pencere arkası) sıcak tonda */
.kpop.on, .lb, .ok-ov, .evd-helpbox { background: rgba(70,58,46,.45) !important; }
/* Video yer tutucuları */
.yt-lazy, .evd-video { background: linear-gradient(135deg, #CDBFAA, #A8957A) !important; }
.nav-main a.nav-try { padding-right: 16px !important; }
.nav-main a.nav-try::after { top: -12px !important; right: -12px !important; }
@media (min-width: 1121px) and (max-width: 1500px) { .nav-main a, .nav-main .nav-dropdown > a { font-size: clamp(12.5px, 0.98vw, 14.5px) !important; } }
/* Tarayıcının varsayılan siyah düğme yazısını engelle */
button, input, select, textarea { color: inherit; }
.btn-tan { background: #fff !important; color: var(--c-accent) !important; border: 1.5px solid var(--c-accent); border-radius: var(--r-btn) !important; }
.btn-tan:hover { background: var(--c-accent) !important; color: #fff !important; }
.gallery-item .tag { background: rgba(255,255,255,.92) !important; color: var(--c-ink) !important; }
.video-card .video-frame, .vwrap { background: var(--c-sand-2) !important; }
/* Tan başlığı: yeşil zeminde beyaz yazı (genel başlık rengi buraya taşmasın) */
.tan-header, .tan-header h3, .tan-header p, .tan-header .tan-status, .tan-header .tan-close-btn { color: #fff !important; }
/* Yeni logo (Taslak B, çizim dosyası) */
.site-header .logo img { width: auto; }
.footer-logo-svg { height: 52px; width: auto; display: block; }
.footer-brand { margin-bottom: 14px; }