/* ==========================================================================
   Mimoza tasarım sistemi v2 — genel katman (tüm sayfalar)
   Sarı #FFC93C · Koyu #17150F · Krem #FFFDF6 · Bricolage Grotesque + Manrope
   Ana temanın değişkenlerini ezer; header, footer, butonlar ve ortak öğeler.
   ========================================================================== */

:root:root {
  --mz-bg: #FFFDF6;
  --mz-bg-warm: #FFF8E1;
  --mz-bg-band: #FFF4CC;
  --mz-yellow: #FFC93C;
  --mz-yellow-dark: #E2A800;
  --mz-ink: #17150F;
  --mz-ink-soft: #4A4538;
  --mz-line: #ECE6D3;
  --mz-font-display: 'Bricolage Grotesque', 'Manrope', system-ui, sans-serif;
  --mz-font-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mz-radius: 20px;
  --mz-shadow: 0 24px 60px -32px rgba(23, 21, 15, .35);
  --mz-maxw: 1240px;
  --primary: #FFC93C;

  --mzd-yellow: #FFC93C;
  --mzd-yellow-soft: #FFF4CC;
  --mzd-yellow-line: #F2DE8A;
  --mzd-gold-text: #8A6A00;
  --mzd-ink: #17150F;
  --mzd-ink-2: #24221B;
  --mzd-ink-3: #3A362B;
  --mzd-muted: #4A4538;
  --mzd-muted-2: #5B5648;
  --mzd-on-dark: #FFFDF6;
  --mzd-on-dark-muted: #D9D2BE;
  --mzd-cream: #FFFDF6;
  --mzd-white: #FFFFFF;
  --mzd-line: #ECE6D3;
  --mzd-line-2: #DCD3B8;
  --mzd-r-sm: 12px;
  --mzd-r: 20px;
  --mzd-r-lg: 28px;
  --mzd-r-xl: 32px;
  --mzd-display: 'Bricolage Grotesque', 'Manrope', system-ui, sans-serif;
  --mzd-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Dil bazlı yazı tipleri */
html[lang="ru"] { --mzd-display: 'Manrope', system-ui, sans-serif; --mz-font-display: 'Manrope', system-ui, sans-serif; }
html[lang="ar"] { --mzd-display: 'IBM Plex Sans Arabic', 'Manrope', system-ui, sans-serif; --mzd-body: 'IBM Plex Sans Arabic', 'Manrope', system-ui, sans-serif; --mz-font-display: var(--mzd-display); --mz-font-body: var(--mzd-body); }

html body.mzd {
  background: var(--mzd-cream);
  color: var(--mzd-ink);
  font-family: var(--mzd-body);
  -webkit-font-smoothing: antialiased;
}
html body.mzd h1, html body.mzd h2, html body.mzd h3, html body.mzd h4 { font-family: var(--mzd-display); color: inherit; }
html body.mzd ::selection { background: var(--mzd-yellow); color: var(--mzd-ink); }
html body.mzd :focus-visible { outline: 3px solid var(--mzd-ink); outline-offset: 3px; border-radius: 6px; }
html body.mzd .mz-container { max-width: var(--mz-maxw); padding-inline: 32px; }
@media (max-width: 640px) { html body.mzd .mz-container { padding-inline: 16px; } }

/* ---------- Butonlar ---------- */
html body.mzd .mz-btn,
html body.mzd .mzd-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 52px; padding: 14px 24px; box-sizing: border-box;
  border-radius: 14px; border: 1.5px solid transparent;
  font-family: var(--mzd-body); font-weight: 800; font-size: 16px; line-height: 1.2;
  text-decoration: none; cursor: pointer; box-shadow: none;
  transition: transform .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease;
}
html body.mzd .mz-btn:hover, html body.mzd .mzd-btn:hover { transform: translateY(-2px); }
html body.mzd .mz-btn--primary, html body.mzd .mzd-btn--primary { background: var(--mzd-yellow); color: var(--mzd-ink); border-color: var(--mzd-yellow); }
html body.mzd .mz-btn--primary:hover, html body.mzd .mzd-btn--primary:hover { background: #FFD45C; color: var(--mzd-ink); }
html body.mzd .mz-btn--ghost, html body.mzd .mzd-btn--ghost { background: transparent; color: var(--mzd-ink); border-color: var(--mzd-ink); }
html body.mzd .mz-btn--ghost:hover, html body.mzd .mzd-btn--ghost:hover { background: var(--mzd-ink); color: var(--mzd-on-dark); }
html body.mzd .mzd-btn--dark { background: var(--mzd-ink); color: var(--mzd-on-dark); border-color: var(--mzd-ink); }
html body.mzd .mzd-btn--dark:hover { background: var(--mzd-ink-3); color: var(--mzd-on-dark); }
html body.mzd .mzd-btn--line { background: transparent; color: var(--mzd-ink); border-color: var(--mzd-ink); }
html body.mzd .mzd-btn--outline-light { background: transparent; color: var(--mzd-on-dark); border-color: rgba(255, 253, 246, .7); }
html body.mzd .mzd-btn--outline-light:hover { background: var(--mzd-on-dark); color: var(--mzd-ink); }
html body.mzd .mzd-btn--sm { min-height: 46px; padding: 11px 18px; font-size: 15px; }
html body.mzd .mzd-arrow { display: inline-block; }
html[dir="rtl"] body.mzd .mzd-arrow { transform: scaleX(-1); }

/* ---------- Üst şerit ---------- */
html body.mzd .mz-skip { position: absolute; left: 8px; right: auto; top: -120px; z-index: 100000; padding: 10px 16px; border-radius: 10px; background: var(--mzd-yellow); color: var(--mzd-ink); font-weight: 800; text-decoration: none; }
html body.mzd .mz-skip:focus { top: 8px; }
html[dir="rtl"] body.mzd .mz-skip { left: auto; right: 8px; }
html body.mzd .mz-topbar { background: var(--mzd-ink); border-bottom: 0; color: var(--mzd-on-dark-muted); font-size: 13px; }
html body.mzd .mz-topbar__inner { min-height: 36px; display: flex; align-items: center; gap: 22px; }
html body.mzd .mz-topbar__item { display: inline-flex; align-items: center; gap: 7px; color: var(--mzd-on-dark-muted); opacity: 1; text-decoration: none; font-weight: 600; }
html body.mzd .mz-topbar__item svg { color: var(--mzd-yellow); }
html body.mzd a.mz-topbar__item:hover { color: var(--mzd-on-dark); }
html body.mzd .mz-topbar__item--right { margin-inline-start: auto; color: var(--mzd-yellow); font-weight: 700; letter-spacing: .01em; }
@media (max-width: 760px) {
  html body.mzd .mz-topbar__item:nth-child(2) { display: none; }
}
@media (max-width: 480px) {
  html body.mzd .mz-topbar__item--right { display: none; }
  html body.mzd .mz-topbar__inner { justify-content: center; }
}

/* ---------- Header ---------- */
html body.mzd .mz-header {
  background: rgba(255, 253, 246, .9);
  border-bottom: 1px solid var(--mzd-line);
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
}
html body.mzd .mz-header.is-scrolled { box-shadow: 0 12px 40px -24px rgba(23, 21, 15, .45); }
html body.mzd .mz-header__inner { min-height: 78px; gap: 18px; }
html body.mzd .mz-header__logo { display: inline-flex; align-items: center; gap: 10px; color: var(--mzd-ink); text-decoration: none; }
html body.mzd .mz-header__logo img { width: 44px; height: 44px; object-fit: contain; }
html body.mzd .mz-header__logo span { font-family: var(--mzd-display); font-weight: 800; font-size: 21px; letter-spacing: -.02em; color: var(--mzd-ink); }
html body.mzd .mz-nav__list > li > a {
  color: var(--mzd-ink); font-family: var(--mzd-body); font-weight: 700; font-size: 14.5px; border-radius: 10px;
}
html body.mzd .mz-nav__list > li > a:hover,
html body.mzd .mz-nav__list > li.current-menu-item > a,
html body.mzd .mz-nav__list > li.current-menu-ancestor > a { background: var(--mzd-yellow-soft); color: var(--mzd-ink); }
html body.mzd .mz-nav__cta {
  background: var(--mzd-ink); color: var(--mzd-on-dark); border: 1.5px solid var(--mzd-ink);
  border-radius: 999px; min-height: 46px; padding-inline: 20px; box-shadow: none; font-size: 14.5px;
}
html body.mzd .mz-nav__cta:hover { background: var(--mzd-ink-3); color: var(--mzd-on-dark); }
@media (min-width: 901px) {
  html body.mzd .mz-nav__list > li:not(.mz-menu-mega) > .sub-menu,
  html body.mzd .mz-nav__list > .mz-menu-mega > .sub-menu {
    border: 1px solid var(--mzd-line); border-top: 4px solid var(--mzd-yellow);
    background: var(--mzd-white); border-radius: 18px; box-shadow: 0 30px 80px -30px rgba(23, 21, 15, .35);
  }
  html body.mzd .mz-nav__list .sub-menu a { color: var(--mzd-ink); }
  html body.mzd .mz-nav__list > li:not(.mz-menu-mega) > .sub-menu a:hover,
  html body.mzd .mz-menu-mega > .sub-menu > li > a:hover { background: var(--mzd-yellow-soft); }
}

/* Header araçları: dil seçici + menü düğmesi */
.mzd-header__tools { display: flex; align-items: center; gap: 8px; order: 3; }
html body.mzd .mz-header__inner { display: flex; align-items: center; }
html body.mzd .mz-header__brand { flex: 0 0 auto; }
@media (min-width: 901px) { html body.mzd .mz-nav { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; justify-content: flex-end; } }
@media (min-width: 901px) { html body.mzd .mz-nav__list { flex-wrap: wrap; justify-content: flex-end; row-gap: 2px; } html body.mzd .mz-nav__cta { flex: 0 0 auto; } }
@media (min-width: 901px) {
  html body.mzd .mz-nav { order: 2; }
  html body.mzd .mz-header__toggle { display: none; }
}
@media (max-width: 900px) {
  .mzd-header__tools { margin-inline-start: auto; }
  html body.mzd .mz-header__toggle { border-color: var(--mzd-ink); background: transparent; }
  html body.mzd .mz-header__toggle span { background: var(--mzd-ink); }
  html body.mzd .mz-nav { background: var(--mzd-cream); border-bottom: 1px solid var(--mzd-line); box-shadow: 0 24px 50px -24px rgba(23, 21, 15, .35); }
  html body.mzd .mz-submenu-toggle { border-color: var(--mzd-line); background: var(--mzd-yellow-soft); color: var(--mzd-ink); }
  html body.mzd .mz-nav__list li > .sub-menu { border-inline-start: 2px solid var(--mzd-yellow); }
  html body.mzd .mz-nav__list .sub-menu a { color: var(--mzd-ink-3); }
}

/* Dil seçici */
.mzl-switch { position: relative; font-family: var(--mzd-body); }
.mzl-switch > summary {
  list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px;
  min-height: 44px; min-width: 44px; padding: 0 12px; box-sizing: border-box;
  border: 1.5px solid var(--mzd-line-2); border-radius: 999px; background: var(--mzd-white);
  color: var(--mzd-ink); font-weight: 800; font-size: 13px; letter-spacing: .04em;
}
.mzl-switch > summary::-webkit-details-marker { display: none; }
.mzl-switch > summary:hover, .mzl-switch[open] > summary { border-color: var(--mzd-ink); }
.mzl-switch ul {
  position: absolute; inset-inline-end: 0; top: calc(100% + 8px); z-index: 60;
  min-width: 190px; margin: 0; padding: 6px; list-style: none;
  background: var(--mzd-white); border: 1px solid var(--mzd-line); border-radius: 16px;
  box-shadow: 0 30px 70px -30px rgba(23, 21, 15, .45);
}
.mzl-switch li { margin: 0; }
.mzl-switch a {
  display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 12px; border-radius: 10px;
  color: var(--mzd-ink); text-decoration: none; font-weight: 600; font-size: 15px;
}
.mzl-switch a b { display: inline-grid; place-items: center; width: 30px; height: 22px; border-radius: 6px; background: var(--mzd-yellow-soft); font-size: 11px; letter-spacing: .04em; }
.mzl-switch a:hover { background: var(--mzd-yellow-soft); }
.mzl-switch a[aria-current="true"] { background: var(--mzd-ink); color: var(--mzd-on-dark); }
.mzl-switch a[aria-current="true"] b { background: var(--mzd-yellow); color: var(--mzd-ink); }
.mzl-switch--footer > summary { background: transparent; color: var(--mzd-on-dark); border-color: rgba(255, 253, 246, .35); }
.mzl-switch--footer ul { top: auto; bottom: calc(100% + 8px); }

/* ---------- Akıllı arama şeridi ---------- */
html body.mzd .mz-global-search { background: var(--mzd-ink); color: var(--mzd-on-dark); border: 0; }
html body.mzd .mz-global-search__inner { padding-block: 16px; gap: 24px; }
html body.mzd .mz-global-search__eyebrow { color: var(--mzd-yellow); }
html body.mzd .mz-global-search__copy strong { color: var(--mzd-on-dark); font-family: var(--mzd-display); font-weight: 700; }
html body.mzd .mz-global-search__copy small { color: var(--mzd-on-dark-muted); }
html body.mzd .mz-global-search input[type="search"],
html body.mzd .mz-global-search input[type="text"] { border-radius: 14px; border: 1.5px solid transparent; background: var(--mzd-cream); color: var(--mzd-ink); }
html body.mzd .mz-global-search button,
html body.mzd .mz-global-search [type="submit"] { background: var(--mzd-yellow); color: var(--mzd-ink); border: 0; border-radius: 14px; font-weight: 800; box-shadow: none; }

/* ---------- Footer ---------- */
html body.mzd .mz-footer { background: var(--mzd-ink); color: var(--mzd-on-dark-muted); border-top: 0; font-family: var(--mzd-body); }
html body.mzd .mz-footer__cta {
  background: var(--mzd-yellow); color: var(--mzd-ink); border-radius: var(--mzd-r-xl); border: 0;
  padding: 40px 44px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px;
  box-shadow: none;
}
html body.mzd .mz-footer__eyebrow { color: var(--mzd-ink-3); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; font-size: 12.5px; }
html body.mzd .mz-footer__cta h2 { color: var(--mzd-ink); font-family: var(--mzd-display); font-weight: 800; letter-spacing: -.03em; font-size: clamp(28px, 3.4vw, 42px); line-height: 1.05; margin: 8px 0; }
html body.mzd .mz-footer__cta p { color: var(--mzd-ink-3); margin: 0; max-width: 620px; }
html body.mzd .mz-footer__cta-button {
  display: inline-flex; align-items: center; gap: 10px; min-height: 54px; padding: 15px 26px; border-radius: 14px;
  background: var(--mzd-ink); color: var(--mzd-on-dark); font-weight: 800; text-decoration: none; border: 0; box-shadow: none;
}
html body.mzd .mz-footer__cta-button:hover { background: var(--mzd-ink-3); color: var(--mzd-on-dark); }
html body.mzd .mz-footer__brand { display: inline-flex; align-items: center; gap: 10px; color: var(--mzd-on-dark); font-family: var(--mzd-display); font-weight: 800; font-size: 21px; text-decoration: none; }
html body.mzd .mz-footer__heading { color: var(--mzd-on-dark); font-family: var(--mzd-display); font-size: 16px; font-weight: 700; letter-spacing: 0; text-transform: none; }
html body.mzd .mz-footer a { color: var(--mzd-on-dark-muted); }
html body.mzd .mz-footer a:hover { color: var(--mzd-yellow); }
html body.mzd .mz-footer__description, html body.mzd .mz-footer__since { color: var(--mzd-on-dark-muted); }
html body.mzd .mz-footer__since span { background: var(--mzd-yellow); }
html body.mzd .mz-footer__contact-label { color: #A9A18A; }
html body.mzd .mz-footer__nap strong { color: var(--mzd-on-dark); }
html body.mzd .mz-footer-whatsapp {
  display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 10px 18px; margin-top: 14px; border-radius: 999px;
  background: transparent; border: 1.5px solid rgba(255, 253, 246, .35); color: var(--mzd-on-dark) !important; font-weight: 700; text-decoration: none;
}
html body.mzd .mz-footer-whatsapp:hover { border-color: var(--mzd-yellow); color: var(--mzd-yellow) !important; }
html body.mzd .mz-footer__legal { border-top: 1px solid rgba(255, 253, 246, .12); color: #A9A18A; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; }

/* ---------- Yüzen öğeler ---------- */
html body.mzd .mz-whatsapp { background: #1F8F4E; color: #fff; box-shadow: 0 14px 30px -12px rgba(23, 21, 15, .5); }
html body.mzd .mz-call-float { background: var(--mzd-ink); color: var(--mzd-yellow); box-shadow: 0 14px 30px -12px rgba(23, 21, 15, .5); }
html body.mzd .mz-totop { background: var(--mzd-yellow); color: var(--mzd-ink); border: 0; }
html body.mzd .mz-mobile-cta { background: var(--mzd-ink); border-top: 0; }
html body.mzd .mz-mobile-cta a { color: var(--mzd-on-dark); font-weight: 700; }
html body.mzd .mz-mobile-cta__main { background: var(--mzd-yellow) !important; color: var(--mzd-ink) !important; }
html body.mzd .mzag-chat__toggle { background: var(--mzd-ink); color: var(--mzd-on-dark); border-radius: 999px; }
html body.mzd .mzag-chat__toggle > span:first-child { background: var(--mzd-yellow); color: var(--mzd-ink); }

/* ---------- Arapça (RTL) ---------- */
html[dir="rtl"] body.mzd { text-align: right; }
html[dir="rtl"] body.mzd .mz-whatsapp { right: auto; left: 18px; }
html[dir="rtl"] body.mzd .mz-call-float { right: auto; left: 18px; }
html[dir="rtl"] body.mzd .mz-totop { right: auto; left: 18px; }
html[dir="rtl"] body.mzd .mzag-chat { left: auto; right: 18px; }
html[dir="rtl"] body.mzd .mz-topbar__item--right { margin-left: 0; margin-right: auto; }
html[dir="rtl"] body.mzd .mz-nav__list > li.menu-item-has-children > a::after { margin-left: 0; margin-right: 7px; }

/* ---------- Hareket azaltma ---------- */
@media (prefers-reduced-motion: reduce) {
  html body.mzd *, html body.mzd *::before, html body.mzd *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* ==========================================================================
   Ana temadaki !important kurallarına karşı düzeltmeler
   ========================================================================== */
html body.mzd button.mzd-motion, html body.mzd button.mzd-ref-toggle { border-radius: 999px !important; font-family: var(--mzd-body) !important; }
html body.mzd button.mz-v8-cube__face { border-radius: 16px !important; }
html body.mzd button.mz-v8-cert-lightbox__close { border-radius: 50% !important; }
html body.mzd .mz-btn { border-radius: 14px !important; font-family: var(--mzd-body) !important; letter-spacing: 0; }
html body.mzd .mz-btn--primary { box-shadow: none !important; }
html body.mzd .mz-nav__cta { background: var(--mzd-yellow) !important; color: var(--mzd-ink) !important; border-color: var(--mzd-yellow) !important; border-radius: 999px !important; box-shadow: none !important; font-family: var(--mzd-body) !important; }
html body.mzd .mz-nav__cta:hover { background: #FFD45C !important; box-shadow: none !important; }
html body.mzd .mz-header { background: rgba(255, 253, 246, .92) !important; border-bottom: 1px solid var(--mzd-line) !important; }
html body.mzd .mz-header__inner { border-left: 0; border-right: 0; padding-inline: 32px; }
html body.mzd .mz-nav__list > li > a { font-family: var(--mzd-body); letter-spacing: 0; padding: 10px 12px; }
html body.mzd .mz-nav__list > li > a::after { display: none; }
html body.mzd .mz-topbar a, html body.mzd .mz-topbar span { color: inherit !important; }
html body.mzd .mz-topbar__item--right, html body.mzd .mz-topbar__item--right * { color: var(--mzd-yellow) !important; }
@media (max-width: 640px) { html body.mzd .mz-header__inner { padding-inline: 16px; } }

html body.mzd .mz-footer { background: var(--mzd-ink) !important; color: var(--mzd-on-dark-muted) !important; padding-top: 72px !important; }
html body.mzd .mz-footer > .mz-container { border-inline: 0 !important; }
html body.mzd .mz-footer .mz-footer__cta { background: var(--mzd-yellow) !important; color: var(--mzd-ink) !important; border: 0 !important; border-radius: var(--mzd-r-xl) !important; padding: 40px 44px !important; opacity: 1 !important; transform: none !important; }
html body.mzd .mz-footer .mz-footer__cta h2 { color: var(--mzd-ink) !important; font-size: clamp(28px, 3.4vw, 42px) !important; letter-spacing: -.03em; font-weight: 800; }
html body.mzd .mz-footer .mz-footer__cta p { color: var(--mzd-ink-3) !important; }
html body.mzd .mz-footer .mz-footer__eyebrow { color: var(--mzd-ink-3) !important; }
html body.mzd .mz-footer .mz-footer__cta-button { background: var(--mzd-ink) !important; color: var(--mzd-on-dark) !important; border-radius: 14px !important; box-shadow: none !important; }
html body.mzd .mz-footer .mz-footer__grid { border-bottom: 0 !important; padding-block: 48px 32px !important; }
html body.mzd .mz-footer .mz-footer__brand, html body.mzd .mz-footer .mz-footer__heading, html body.mzd .mz-footer .mz-footer__nap strong { color: var(--mzd-on-dark) !important; }
html body.mzd .mz-footer .mz-footer__description, html body.mzd .mz-footer .mz-footer__since, html body.mzd .mz-footer .mz-footer__contact-label { color: #BDB49B !important; }
html body.mzd .mz-footer .mz-footer__menu a, html body.mzd .mz-footer .mz-footer__nap a { color: var(--mzd-on-dark-muted) !important; }
html body.mzd .mz-footer .mz-footer__menu a:hover, html body.mzd .mz-footer .mz-footer__nap a:hover { color: var(--mzd-yellow) !important; }
html body.mzd .mz-footer-whatsapp { border-radius: 999px !important; }

html body.mzd .mzd-home .mz-section > .mz-container { border-inline: 0 !important; padding-inline: 0; }
html body.mzd .mzd-home .mz-references { background: var(--mzd-white); color: var(--mzd-ink); }
html body.mzd .mzd-home .mz-ref-heading span { color: var(--mzd-muted-2); }
html body.mzd .mzd-home .mz-ref-heading h2 { color: var(--mzd-ink); }
html body.mzd .mzd-home .mz-ref-tile { background: var(--mzd-cream); border-color: var(--mzd-line); box-shadow: none; }
html body.mzd .mzd-home .mz-h9-trustbar .mz-container, html body.mzd .mzd-home .mz-h9-quicknav .mz-container { border-inline: 0; min-height: 0; }
@media (prefers-reduced-motion: reduce) { html body.mzd .mzd-ref-toggle { display: none; } }
html body.mzd .mz-header__toggle { border-radius: 12px !important; }
html body.mzd .mzag-chat__toggle { border-radius: 999px !important; }
@media (max-width: 900px) {
  html body.mzd .mz-nav__list > li > a { justify-content: flex-start; text-align: start; }
}