/* ---- Kurumsal yazı tipleri (Ekim 2026): başlıklar Fraunces (yumuşak hatlı serif), metin ve arayüz Figtree.
   Dosyalar sitenin kendi sunucusunda durur; Google'a bağlanılmaz. Türkçe harfler (ğ, ş, İ, ı) "latin-ext" dosyasındadır;
   tarayıcı onu yalnız sayfada o harfler varsa indirir. Lisans: SIL OFL 1.1 (fonts/OFL.txt). ---- */
@font-face { font-family: 'Fraunces'; src: url('../fonts/fraunces-latin.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Fraunces'; src: url('../fonts/fraunces-latin-ext.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Figtree'; src: url('../fonts/figtree-latin.woff2') format('woff2'); font-weight: 300 900; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Figtree'; src: url('../fonts/figtree-latin-ext.woff2') format('woff2'); font-weight: 300 900; font-style: normal; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
:root {
  --f-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --f-body: 'Figtree', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  /* Renk düzeltmeleri (ölçülen kontrast): bronz krem zeminde 4,57 -> 5,65; taş grisi beyazda 3,70 -> 5,19 */
  --c-bronze: #7A5C38;
  --c-bronze-dark: #5F4729;
  --c-stone: #736C61;
  --c-disabled-bg: #E6E0D5;   /* pasif düğme zemini; üstünde --c-ink-soft 4,78:1 */
  /* Ürün, yapılandırıcı ve sepet sayfalarının kendi yazı tipi değişkenleri (eskiden yüklenmeyen Archivo / Work Sans'ı
     gösteriyordu, bu yüzden o sayfalar Arial ile çıkıyordu) artık sitenin tek yazı tipi kaynağına bağlı */
  --f-d: var(--f-body);
  --f-b: var(--f-body);
}
body, button, input, select, textarea { font-family: var(--f-body); }
/* Büyük başlıklar serif: orta kalınlık, hafif sıkı aralık. Kalın (800-900) serif kaba durduğu için tek kalınlığa indirildi. */
h1, h2, .cfg-head h1, .cat-hero h1, .prd h1,
.hero-slide.tpl-split .hs-text h1, .hero-slide.tpl-full .hs-text h1 {
  font-family: var(--f-display); font-weight: 560; letter-spacing: -0.015em; font-optical-sizing: auto;
}
.cfg-head h1, .cat-hero h1, .prd h1,
.hero-slide.tpl-split .hs-text h1, .hero-slide.tpl-full .hs-text h1 { font-weight: 560 !important; }
/* Yapılandırıcı adımları, özellik ve SSS başlıkları: arayüz yazı tipi (form içinde serif ağır durur) */
.step h2, .props h2, .faq h2 { font-family: var(--f-body); letter-spacing: -0.005em; }
h1 { line-height: 1.1; }
h2 { line-height: 1.18; }
/* Küçük başlıklar (kart, form, adım başlıkları) arayüz yazı tipiyle: küçük boyda daha okunaklı */
h3, h4, .mt-modal-card h3 { font-family: var(--f-body); font-weight: 700; letter-spacing: -0.005em; }
/* Fiyat ve ölçü rakamları: arayüz yazı tipi, eşit genişlikli rakamlar (alt alta hizalı durur) */
.measure-tool .mt-result .mt-price { font-family: var(--f-body); font-weight: 800; }
body { font-variant-numeric: lining-nums; font-feature-settings: "kern"; }

/* =========================================================
   TAN 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ı var(--c-ink) · sıcak beyaz/krem zemin · petrol yeşili #2E5E63 (düğmeler) · bronz var(--c-bronze) (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: var(--c-disabled-bg) !important; border-color: var(--c-disabled-bg) !important; color: var(--c-ink-soft) !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; }
/* Menü yazısı (Ekim 2026): dizüstü genişliğinde 12,5-14,5 px küçük kalıyordu; 13,5-16,5 px'e çıkarıldı (tek satıra sığdığı ölçülerek) */
@media (min-width: 1121px) and (max-width: 1500px) { .nav-main a, .nav-main .nav-dropdown > a { font-size: clamp(13.5px, 1.2vw, 16.5px) !important; } }
@media (min-width: 1501px) { .nav-main a, .nav-main .nav-dropdown > a { font-size: 17px !important; } }
.nav-main a.nav-try, .hdr-try { font-size: 15px !important; }
.utility-bar { font-size: 0.82rem; }
/* 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; }

/* ---- Çok dar telefonlar (350 px altı): üst çubukta "Evimde Dene" yalnız simgeyle görünür; menü düğmesi ekranda kalır ---- */
@media (max-width: 350px) {
  .hdr-try { font-size: 0 !important; gap: 0 !important; padding: 8px 10px !important; margin-right: 4px !important; }
  .hdr-try svg, .hdr-try::before { width: 18px; height: 18px; margin: 0 !important; }
}
/* Dar dizüstü (1121-1260 px): menü ve "Evimde Dene" tek satırda kalsın */
@media (min-width: 1121px) and (max-width: 1260px) {
  .nav-main a, .nav-main .nav-dropdown > a { font-size: 13.5px !important; }
  .nav-main a.nav-try { font-size: 13px !important; padding: 7px 10px !important; }
}
@media (min-width: 1121px) and (max-width: 1175px) {
  .nav-main a, .nav-main .nav-dropdown > a { font-size: 12.5px !important; }
  .nav-main a.nav-try { font-size: 12.5px !important; padding: 7px 9px !important; }
}

/* ---- Anasayfa özellik şeridi: her maddenin başında çizgi simge (simge solda, başlık ve açıklama sağda) ---- */
.feature-strip .fs-item { display: flex; align-items: flex-start; gap: 14px; text-align: left; min-inline-size: 0; }
.feature-strip .fs-ic { flex: 0 0 34px; inline-size: 34px; block-size: 34px; color: var(--c-accent); margin-top: 1px; }
.feature-strip .fs-text { min-inline-size: 0; }
.feature-strip .fs-text h4 { margin-bottom: 4px; }
.feature-strip .fs-text p { margin: 0; }
@media (max-width: 520px) { .feature-strip .fs-item { gap: 10px; } .feature-strip .fs-ic { flex-basis: 28px; inline-size: 28px; block-size: 28px; } }
/* Telefonda özellik şeridi tek sütun: metinler dar sütunda kelime kelime bölünmesin */
@media (max-width: 520px) { .feature-strip .container { grid-template-columns: 1fr !important; gap: 18px !important; } }

/* ---- Sipariş adımları (Ekim 2026) ----
   Tamamlanmamış adımın "Devam et" düğmesi kırmızıdır (basılması gerektiği fark edilsin); adım tamamlanınca düğme sitenin
   petrol rengine döner. Beyaz yazı kırmızı zeminde 6,56:1 (ölçüldü). */
:root { --c-uyari: #A33A2F; --c-uyari-koyu: #8A2F26; }
.ys-sec:not(.done) .ys-next { background: var(--c-uyari) !important; border-color: var(--c-uyari) !important; color: #fff !important; }
.ys-sec:not(.done) .ys-next:hover { background: var(--c-uyari-koyu) !important; border-color: var(--c-uyari-koyu) !important; }
/* Adet ve toplam: ölçü adımında, ölçü girilince görünür */
.ys-qtybox { margin: 4px 0 10px; border: 1px solid var(--c-line); border-radius: 8px; padding: 4px 14px; background: var(--c-white); }
.ys-qtybox[hidden] { display: none; }
.ys-qtybox .ys-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border: 0; }
.ys-qtybox .ys-row + .ys-row { border-top: 1px solid var(--c-line-soft); }
.ys-qtybox .ys-row.total b { font-size: 20px; }

/* ---- Ana menü (Ekim 2026): Stor Perde, Zebra Perde ve Jaluzi Perde eklendi; on başlık masaüstünde TEK satırda durur.
   Yer açmak için: menü yazısı ve aralıklar biraz küçüldü, sondaki "Evimde Dene" düğmesi küçültüldü (yazı 12,5-13,5 px,
   dar iç boşluk, "YENİ" rozeti yok), dar dizüstünde açılır menü okları gizlendi. Telefon menüsü (çekmece) etkilenmez.
   1280 / 1366 / 1440 px genişlikte Türkçe ve Almanca sayfada ölçülerek ayarlandı. ---- */
@media (min-width: 1121px) {
  .site-header .container { gap: 0 clamp(8px, 0.85vw, 18px) !important; padding-left: clamp(12px, 1.4vw, 32px) !important; padding-right: clamp(12px, 1.4vw, 32px) !important; }
  .nav-main { gap: 0 clamp(8px, 0.85vw, 18px) !important; }
  .nav-main > a, .nav-main > .nav-dropdown { flex-shrink: 0; }
  .nav-main a, .nav-main .nav-dropdown > a { font-size: clamp(12px, 0.98vw, 16px) !important; }
  html[lang="de"] .nav-main a, html[lang="de"] .nav-main .nav-dropdown > a { font-size: clamp(11.5px, 0.9vw, 15.5px) !important; }
  .nav-main .nav-dropdown > a { gap: 3px; }
  .nav-main a.nav-try, html[lang="de"] .nav-main a.nav-try { font-size: clamp(12px, 0.92vw, 13.5px) !important; padding: 6px 10px !important; margin-left: 0 !important; }
  .nav-main a.nav-try::before { width: 14px !important; height: 14px !important; margin-right: 5px !important; }
  .nav-main a.nav-try::after { display: none !important; }
  .site-header .logo img { height: clamp(36px, 3.1vw, 50px) !important; }
  .header-actions { gap: 2px !important; }
  .hdr-cart { width: 34px; height: 34px; margin-right: 0; }
}
@media (min-width: 1121px) and (max-width: 1400px) { .nav-main .caret { display: none; } }
/* Dar dizüstü (1121-1239 px): tek satır için yazı bir kademe daha küçük */
@media (min-width: 1121px) and (max-width: 1239px) {
  .nav-main { flex-wrap: nowrap !important; justify-content: space-between !important; }
  .nav-main a, .nav-main .nav-dropdown > a { font-size: 11.5px !important; }
  html[lang="de"] .nav-main a, html[lang="de"] .nav-main .nav-dropdown > a { font-size: 11px !important; }
  .nav-main a.nav-try, html[lang="de"] .nav-main a.nav-try { font-size: 11.5px !important; padding: 6px 8px !important; }
  .nav-main a.nav-try::before { display: none !important; }
}
/* Tablet yatay (761-1120 px): on başlık tek satıra sığmaz; menü düzgünce iki satıra iner, taşma olmaz */
@media (min-width: 761px) and (max-width: 1120px) {
  .nav-main { flex-wrap: wrap !important; justify-content: flex-start !important; gap: 0 12px !important; }
  .nav-main a, .nav-main .nav-dropdown > a { font-size: 12px !important; padding-top: 5px; padding-bottom: 5px; }
  .nav-main a.nav-try { padding: 5px 9px !important; font-size: 12px !important; }
  .nav-main a.nav-try::after { display: none !important; }
}
/* Geniş ekranda yalnız son düz başlık (Ölçü ve Montaj Videoları) sağına boşluk alır; yeni üç başlık eşit aralıkla durur */
@media (min-width: 1240px) {
  .nav-main > a[href$="stor-perde.html"], .nav-main > a[href$="zebra-perde.html"], .nav-main > a[href$="jaluzi-perde.html"] { margin-right: 0 !important; }
}

/* Ana menü, çok geniş ekran (1700 px ve üstü): yer bol; başlıklar arası boşluk ve yazı ferahlatıldı. (On başlık + "Ölçü ve Montaj Videoları" görünürken 1400 - 1700 arasında taşmasın diye eşik 1700.) */
@media (min-width: 1900px) {
  .nav-main { gap: 0 clamp(18px, 1.55vw, 30px) !important; }
  .nav-main a, .nav-main .nav-dropdown > a { font-size: clamp(14.5px, 1vw, 16px) !important; letter-spacing: .005em; }
  html[lang="de"] .nav-main a, html[lang="de"] .nav-main .nav-dropdown > a { font-size: clamp(13.5px, 0.92vw, 15.5px) !important; }
  .site-header .container { gap: 0 clamp(16px, 1.4vw, 28px) !important; }
  .nav-main a.nav-try, html[lang="de"] .nav-main a.nav-try { margin-left: 6px !important; padding: 7px 12px !important; }
  .header-actions { gap: 6px !important; }
}

/* ---- Ana menü dengesi (9 Ekim 2026): başlıklar birbirine yapışık, logo ile menü arasında büyük boşluk vardı.
   Geniş ekranda (1240 px ve üstü) boşluk logo, başlıklar ve simgeler arasına EŞİT dağıtılır (her öğenin soluna otomatik boşluk).
   Türkçe ve Almanca sayfada 1240 - 1920 px arasında ölçüldü; tek satır, taşma yok. "Evimde Dene" düğmesi simgelerin hemen yanında kalır. ---- */
@media (min-width: 1240px) {
  .site-header .container > .nav-main > a:not(.nav-try),
  .site-header .container > .nav-main > .nav-dropdown,
  .site-header .container > .header-actions { margin-left: auto !important; margin-right: 0 !important; }
}

/* ---- 9 Kasım 2026: TAN DECO logosu (yatay, en / boy 7). Kullanıcı: "biraz büyük, siteye göre orantıla"; kelime arası daraltıldı. ---- */
.site-header .logo img { height: 26px !important; width: auto !important; max-width: none !important; }
@media (min-width: 1501px) { .site-header .logo img { height: 28px !important; } }
@media (min-width: 761px) and (max-width: 1240px) { .site-header .logo img { height: 22px !important; } }
@media (max-width: 760px) { .site-header .logo img { height: 20px !important; } }
@media (max-width: 420px) { .site-header .logo img { height: auto !important; max-width: 128px !important; } }
.footer-logo-svg { height: 30px; width: auto; max-width: 100%; }