/* ---- 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"; }

/* =========================================================
   Plise Atölyesi — 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; }