/* ═══════════════════════════════════════════════════════════
   VİZYONERDOĞAN-FINAL: Tasarım 4 Dili Overlay
   Full deep blue theme · Cormorant Garamond · minimal corners
   ═══════════════════════════════════════════════════════════ */

:root {
  --d4-blue: #0e138a;
  --d4-blue-light: #2a2fb0;
  --d4-white: #ffffff;
  --d4-text: #1a1a1a;
  --d4-text-muted: #404040;
  --d4-border: #c8c8d8;
}

/* ── FONT ── */
html, body, body *, button, input, select, textarea {
  font-family: "Manrope", "Poppins", Arial, sans-serif !important;
}
.heading-xl, .heading-lg, h1 {
  font-family: "Cormorant Garamond", "Manrope", serif !important;
  font-weight: 400 !important;
}

/* ── ARKA PLAN ── */
body { background: var(--d4-white) !important; }

/* ── NAV ── */
[data-testid="nav-desktop"] {
  background: var(--d4-white) !important;
  border-bottom: 2px solid var(--d4-blue) !important;
}
[data-testid="nav-desktop"] .override-nav { color: var(--d4-text) !important; }
.original-nav-menu-link { color: var(--d4-text) !important; }
.original-nav-menu-link:hover { color: var(--d4-blue) !important; }

/* Nav dropdown - koyu mavi */
.original-nav-dropdown {
  background: var(--d4-blue) !important;
  border: none !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.3) !important;
}
.original-nav-dropdown::before { display: none !important; }
.original-nav-dropdown ul { background: var(--d4-blue) !important; padding: 8px 0 !important; }
.original-nav-dropdown li { border-bottom-color: rgba(255,255,255,0.15) !important; }
.original-nav-dropdown a { color: #fff !important; font-size: 12px !important; }
.original-nav-dropdown a:hover { background: rgba(255,255,255,0.1) !important; }

/* ── KALIN ÇİZGİLER → MAVİ ── */
span.block.bg-black[class*="h-[8px]"],
span.block.bg-black[class*="h-[10px]"],
span.block.bg-black[class*="h-[12px]"],
span[class*="bg-black"][class*="h-[8px]"],
span[class*="bg-black"][class*="h-[10px]"],
span[class*="bg-black"][class*="h-[12px]"] {
  background: var(--d4-blue) !important;
  height: 3px !important;
}
.bg-current[class*="h-[8px]"],
.bg-current[class*="h-[10px]"],
.bg-current[class*="h-[12px]"] {
  background: var(--d4-blue) !important;
  height: 3px !important;
}
span.block.bg-black.h-\[1px\],
.rich-text-hr span.block.bg-black {
  background: rgba(14,19,138,0.25) !important;
}

/* ── METİN RENKLERİ ── */
.heading-xl, .heading-lg { color: var(--d4-text) !important; }
.heading-md, .heading-sm, .heading-xs, h2, h3, h4, h5 { color: var(--d4-text) !important; }
h2.heading-xl, h2#museum-highlights { color: var(--d4-blue) !important; }

/* ── BUTONLAR ── */
/* Dolgulu → deep blue + beyaz yazı */
a.bg-black, button.bg-black, .cta-md.bg-black {
  background: var(--d4-blue) !important;
  border-color: var(--d4-blue) !important;
  color: #fff !important;
}
a.bg-black span, button.bg-black span, .cta-md.bg-black span {
  color: #fff !important;
}
a.bg-black:hover, .cta-md.bg-black:hover {
  background: var(--d4-blue-light) !important;
  border-color: var(--d4-blue-light) !important;
  color: #fff !important;
}

/* Çerçeveli → mavi çerçeve + mavi yazı */
a.bg-transparent.border-thin,
a.bg-transparent[class*="border-black"] {
  border-color: var(--d4-blue) !important;
  color: var(--d4-blue) !important;
  background: transparent !important;
}
a.bg-transparent.border-thin span,
a.bg-transparent[class*="border-black"] span {
  color: var(--d4-blue) !important;
}
a.bg-transparent.border-thin:hover,
a.bg-transparent[class*="border-black"]:hover {
  background: var(--d4-blue) !important;
  color: #fff !important;
}
a.bg-transparent.border-thin:hover span,
a.bg-transparent[class*="border-black"]:hover span {
  color: #fff !important;
}

/* Beyaz butonlar */
a.bg-white.text-black { background: #fff !important; color: var(--d4-blue) !important; }
a.bg-white.text-black span { color: var(--d4-blue) !important; }

/* Arrow CTA boxes */
.cta-md.border-thin[class*="p-4"]:not(.bg-black):not(.bg-transparent) {
  border-color: var(--d4-blue) !important;
}

/* CTA yazılarını görünür yap (hero slider'a dokunma) */
a.cta-md span, a.cta-lg span,
a[class*="border-thin"] > span,
.rich-text a span {
  opacity: 1 !important;
  visibility: visible !important;
}

/* ── LİNKLER ── */
.hover\:text-cobalt-blue:hover { color: var(--d4-blue) !important; }
a.link, span.link { color: var(--d4-text) !important; }
a.link:hover, span.link:hover { color: var(--d4-blue) !important; }
.label { color: var(--d4-blue) !important; }
.bullet::after { background: var(--d4-blue) !important; }
.text-cobalt-blue, .hover\:text-cobalt-blue:hover { color: var(--d4-blue) !important; }

/* ── SÜTUN ÇİZGİLERİ ── */
.after\:bg-black::after, [class*="after:bg-black"]::after {
  background: var(--d4-blue) !important; opacity: 0.15;
}
.border-t-thin { border-color: var(--d4-border) !important; }

/* ── SADECE SPLIT-LAYOUT GÖRSELLERE KÖŞE ÇİZGİSİ ── */
.split-layout figure { position: relative; overflow: visible !important; }
.split-layout figure::before {
  content: ''; position: absolute; top: -8px; left: -8px;
  width: 18px; height: 18px;
  border-top: 2px solid var(--d4-blue); border-left: 2px solid var(--d4-blue);
  z-index: 5; pointer-events: none;
}
.split-layout figure::after {
  content: ''; position: absolute; bottom: -8px; right: -8px;
  width: 18px; height: 18px;
  border-bottom: 2px solid var(--d4-blue); border-right: 2px solid var(--d4-blue);
  z-index: 5; pointer-events: none;
}
.split-layout figure img { box-shadow: 0 10px 25px rgba(14,19,138,0.12); }

/* Kart hover */
.ipl figure img { transition: transform 0.7s ease !important; }
.ipl [class*="ipl-card"]:hover figure img { transform: scale(1.05); }

/* ── FOOTER - KAPSAMLI FİX ── */
footer, footer > div, footer > *, footer[class],
footer[class*="bg-cobalt-blue"], footer[class*="bg-black"] {
  background: var(--d4-blue) !important;
}
footer, footer *, footer a, footer span, footer p, footer div,
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
footer li, footer button, footer label, footer .label,
footer [class*="heading"], footer [class*="body"],
footer [class*="link"], footer [class*="cta"],
footer [class*="animate-underline"], footer [class*="animate-underline"] span {
  color: rgba(255,255,255,0.75) !important;
}
footer h2, footer h3, footer h4, footer h5,
footer [class*="heading-xl"], footer [class*="heading-lg"],
footer [class*="heading-md"], footer [class*="heading-sm"],
footer [class*="heading-xs"] { color: #fff !important; }
footer a:hover, footer a:hover span, footer a:hover * { color: #fff !important; }
footer .bg-black, footer [class*="bg-black"], footer span.bg-black {
  background: rgba(255,255,255,0.15) !important;
}
footer span.block[class*="bg-black"], footer span.block.bg-black {
  background: rgba(255,255,255,0.3) !important; height: 2px !important;
}
footer svg, footer svg * { color: rgba(255,255,255,0.7) !important; }
footer svg:hover, footer svg:hover * { color: #fff !important; }
footer a.bg-black, footer a.border-thin, footer a.cta-md {
  background: rgba(255,255,255,0.12) !important;
  border-color: rgba(255,255,255,0.3) !important;
  color: #fff !important;
}
footer a.bg-black span, footer a.border-thin span { color: #fff !important; }
footer a.bg-black:hover { background: rgba(255,255,255,0.2) !important; }
footer [class*="border-t"], footer [class*="border-b"] {
  border-color: rgba(255,255,255,0.15) !important;
}

/* ── MOBİL MENÜ ── */
@media (max-width: 1023px) {
  [data-testid="nav-mobile"] { background: var(--d4-white) !important; border-bottom: 2px solid var(--d4-blue) !important; }
  [data-testid="nav-mobile"] .override-nav { background: var(--d4-white) !important; }
  .rtev-mobile-drawer { background: var(--d4-white) !important; border-top-color: var(--d4-blue) !important; }
  .rtev-mobile-section { border-bottom-color: rgba(14,19,138,0.15) !important; }
  .rtev-mobile-trigger, .rtev-mobile-direct { color: var(--d4-text) !important; }
  .rtev-mobile-submenu a { border-color: var(--d4-blue) !important; color: var(--d4-text) !important; }
  .rtev-mobile-submenu a:hover { background: rgba(14,19,138,0.05) !important; color: var(--d4-blue) !important; }
}

/* ── GERİ BUTONU ── */
.integrated-back-button { background: var(--d4-blue) !important; }
.integrated-back-button:hover { background: #090d66 !important; }

/* ── DİĞER ── */
.heading-sm a { color: var(--d4-text) !important; }
.heading-sm a:hover { color: var(--d4-blue) !important; }
.border-current { border-color: var(--d4-text) !important; }
::selection { background: var(--d4-blue); color: #fff; }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--d4-white); }
::-webkit-scrollbar-thumb { background: var(--d4-blue); border-radius: 3px; }

/* ═══════════════════════════════════════════════════════════
   SAYFA ÖLÇEĞİ: Container + daha minimal tipografi
   Yalnızca vizyonerdogan-final/index.html için body class ile scope edilir.
   ═══════════════════════════════════════════════════════════ */
body.vizyonerdogan-page {
  --vizyon-page-max: 1360px;
  --nav-height: 88px;
  background: #f2f3f7 !important;
  color: var(--d4-text);
}

/* Tüm sayfayı kontrollü bir masaüstü container'ı içinde tutar. */
body.vizyonerdogan-page > #svelte,
body.vizyonerdogan-page > div[data-headings-start] {
  width: min(100%, var(--vizyon-page-max));
  min-height: 100vh;
  margin-inline: auto;
  overflow: clip;
  background: var(--d4-white);
  box-shadow: 0 0 34px rgba(14, 19, 138, 0.07);
}

/* Şablondaki çok büyük ekran tipografi sıçramalarını normalleştirir. */
body.vizyonerdogan-page .heading-xxl {
  font-size: clamp(3rem, 5vw, 4.5rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.035em !important;
}
body.vizyonerdogan-page .heading-xl,
body.vizyonerdogan-page h1.heading-xl {
  font-size: clamp(2.6rem, 4.25vw, 3.75rem) !important;
  line-height: 1 !important;
  letter-spacing: -0.03em !important;
}
body.vizyonerdogan-page .heading-lg {
  font-size: clamp(2.2rem, 3.5vw, 3rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.025em !important;
}
body.vizyonerdogan-page .heading-md {
  font-size: clamp(1.85rem, 2.7vw, 2.4rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em !important;
}
body.vizyonerdogan-page .heading-sm {
  font-size: clamp(1.5rem, 2vw, 1.9rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.015em !important;
}
body.vizyonerdogan-page .heading-xs,
body.vizyonerdogan-page .\!heading-xs {
  font-size: clamp(1.2rem, 1.5vw, 1.5rem) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
}

body.vizyonerdogan-page .body-lg {
  font-size: clamp(1.05rem, 1.3vw, 1.25rem) !important;
  line-height: 1.55 !important;
  letter-spacing: -0.01em !important;
}
body.vizyonerdogan-page .body-md {
  font-size: clamp(0.98rem, 1.08vw, 1.08rem) !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
}
body.vizyonerdogan-page .body-sm {
  font-size: clamp(0.84rem, 0.92vw, 0.95rem) !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
}
body.vizyonerdogan-page .cta-lg {
  font-size: clamp(0.92rem, 1vw, 1rem) !important;
}
body.vizyonerdogan-page .cta-md,
body.vizyonerdogan-page .label {
  font-size: clamp(0.78rem, 0.86vw, 0.9rem) !important;
}

/* Daha kompakt ve dengeli masaüstü navigasyon. */
body.vizyonerdogan-page [data-testid="nav-desktop"],
body.vizyonerdogan-page .h-nav-height-desktop,
body.vizyonerdogan-page .original-nav-menu-item {
  min-height: 88px !important;
  height: 88px !important;
}
body.vizyonerdogan-page .site-brand-logo {
  height: 56px !important;
  max-width: 180px !important;
}
body.vizyonerdogan-page .rtev-museum-desktop-menu {
  gap: clamp(0.45rem, 0.7vw, 0.8rem) !important;
}
body.vizyonerdogan-page .original-nav-menu-link {
  font-size: clamp(0.72rem, 0.72vw, 0.84rem) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
}
body.vizyonerdogan-page .original-nav-dropdown {
  min-width: 270px !important;
  max-width: 340px !important;
}
body.vizyonerdogan-page .original-nav-dropdown a {
  padding: 0.72rem 0.85rem !important;
  font-size: 0.8rem !important;
  line-height: 1.35 !important;
}

/* Container daraldığında görsellerin ve gridlerin taşmasını önler. */
body.vizyonerdogan-page main,
body.vizyonerdogan-page footer,
body.vizyonerdogan-page section,
body.vizyonerdogan-page figure,
body.vizyonerdogan-page img,
body.vizyonerdogan-page video {
  max-width: 100%;
}

@media (max-width: 1023px) {
  body.vizyonerdogan-page {
    --nav-height: 72px;
    background: var(--d4-white) !important;
  }
  body.vizyonerdogan-page > #svelte,
  body.vizyonerdogan-page > div[data-headings-start] {
    box-shadow: none;
  }
  body.vizyonerdogan-page [data-testid="nav-mobile"],
  body.vizyonerdogan-page .h-nav-height-mobile,
  body.vizyonerdogan-page [data-testid="nav-mobile"] .override-nav {
    min-height: 72px !important;
    height: 72px !important;
  }
  body.vizyonerdogan-page .site-brand-logo {
    height: 48px !important;
    max-width: 156px !important;
  }
  body.vizyonerdogan-page .rtev-mobile-drawer {
    top: 72px !important;
  }
}

@media (max-width: 679px) {
  body.vizyonerdogan-page .heading-xxl { font-size: clamp(2.55rem, 12vw, 3.35rem) !important; }
  body.vizyonerdogan-page .heading-xl { font-size: clamp(2.25rem, 10.5vw, 3rem) !important; }
  body.vizyonerdogan-page .heading-lg { font-size: clamp(2rem, 9vw, 2.6rem) !important; }
  body.vizyonerdogan-page .heading-md { font-size: clamp(1.7rem, 7.5vw, 2.15rem) !important; }
  body.vizyonerdogan-page .heading-sm { font-size: clamp(1.4rem, 6vw, 1.75rem) !important; }
}

/* Uzun menü başlığını iki satıra alarak arama ikonu ile çakışmayı önler. */
@media (min-width: 1024px) {
  body.vizyonerdogan-page .original-nav-menu-link[href="#vizyonerdogan-hafiza-merkezi"] {
    width: 182px;
    white-space: normal !important;
    text-align: center;
  }
  body.vizyonerdogan-page .original-nav-chevron {
    padding: 0.14rem !important;
  }
  body.vizyonerdogan-page [data-testid="nav-desktop"] .override-nav > .flex.items-center {
    flex: 0 0 auto;
    margin-left: 0.55rem;
  }
}


/* ═══════════════════════════════════════════════════════════
   SON YERLEŞİM DÜZENİ
   Header ve footer tam genişlikte kalır; sadece main section
   içerikleri laptop ekranlarında kontrollü bir container kullanır.
   ═══════════════════════════════════════════════════════════ */
body.vizyonerdogan-page {
  --vizyon-section-max: 1140px;
  --vizyon-section-gutter: clamp(24px, 3vw, 42px);
  width: 100%;
  min-width: 0;
  margin: 0;
  background: #ffffff !important;
}

/* Önceki tüm-sayfa container davranışını kaldır. */
body.vizyonerdogan-page > #svelte,
body.vizyonerdogan-page > div[data-headings-start] {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: visible;
}

/* Header ve footer ekran boyunca devam eder. */
body.vizyonerdogan-page [data-testid="nav-desktop"],
body.vizyonerdogan-page [data-testid="nav-mobile"],
body.vizyonerdogan-page footer {
  width: 100% !important;
  max-width: none !important;
}

/* Sayfa ve section arka planları tamamen beyaz. */
body.vizyonerdogan-page main,
body.vizyonerdogan-page main .page-body,
body.vizyonerdogan-page main section,
body.vizyonerdogan-page main .section,
body.vizyonerdogan-page main .embedded-content {
  background-color: #ffffff !important;
}

/* Yalnızca main içindeki gerçek içerik sarmalayıcılarını daralt. */
@media (min-width: 1024px) {
  body.vizyonerdogan-page main .max-w-container-content-max {
    width: 100% !important;
    max-width: var(--vizyon-section-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--vizyon-section-gutter) !important;
    padding-right: var(--vizyon-section-gutter) !important;
    box-sizing: border-box;
  }
}

/* Tablet ve mobilde doğal, ferah kenar boşlukları. */
@media (max-width: 1023px) {
  body.vizyonerdogan-page main .max-w-container-content-max {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: clamp(20px, 5vw, 34px) !important;
    padding-right: clamp(20px, 5vw, 34px) !important;
    box-sizing: border-box;
  }
}

/* Poppins'i sıkıştırmadan, doğal okunurluk oranlarıyla kullan. */
body.vizyonerdogan-page main .heading-xxl,
body.vizyonerdogan-page main .heading-xl,
body.vizyonerdogan-page main .heading-lg,
body.vizyonerdogan-page main .heading-md,
body.vizyonerdogan-page main .heading-sm,
body.vizyonerdogan-page main .heading-xs,
body.vizyonerdogan-page main .\!heading-xs {
  font-family: "Poppins", Arial, sans-serif !important;
  font-stretch: normal !important;
  text-transform: none;
}

body.vizyonerdogan-page main .heading-xxl {
  font-size: clamp(2.75rem, 4.5vw, 4rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.035em !important;
}
body.vizyonerdogan-page main .heading-xl {
  font-size: clamp(2.35rem, 3.8vw, 3.45rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.03em !important;
}
body.vizyonerdogan-page main .heading-lg {
  font-size: clamp(2rem, 3vw, 2.8rem) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.025em !important;
}
body.vizyonerdogan-page main .heading-md {
  font-size: clamp(1.7rem, 2.35vw, 2.15rem) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.02em !important;
}
body.vizyonerdogan-page main .heading-sm {
  font-size: clamp(1.3rem, 1.7vw, 1.7rem) !important;
  line-height: 1.24 !important;
  letter-spacing: -0.015em !important;
}
body.vizyonerdogan-page main .heading-xs,
body.vizyonerdogan-page main .\!heading-xs {
  font-size: clamp(1.05rem, 1.25vw, 1.28rem) !important;
  line-height: 1.32 !important;
  letter-spacing: -0.01em !important;
}

body.vizyonerdogan-page main .body-lg {
  font-size: clamp(1rem, 1.12vw, 1.16rem) !important;
  line-height: 1.68 !important;
  letter-spacing: 0 !important;
}
body.vizyonerdogan-page main .body-md {
  font-size: clamp(0.94rem, 1vw, 1.04rem) !important;
  line-height: 1.72 !important;
  letter-spacing: 0 !important;
}
body.vizyonerdogan-page main .body-sm {
  font-size: clamp(0.82rem, 0.88vw, 0.92rem) !important;
  line-height: 1.66 !important;
  letter-spacing: 0 !important;
}

/* Container daralınca grid ve medya öğeleri taşmasın. */
body.vizyonerdogan-page main .grid-columns,
body.vizyonerdogan-page main .split-layout,
body.vizyonerdogan-page main .list-component,
body.vizyonerdogan-page main .ipl,
body.vizyonerdogan-page main figure,
body.vizyonerdogan-page main img,
body.vizyonerdogan-page main video {
  min-width: 0;
  max-width: 100%;
}

/* ═══════════════════════════════════════════════════════════
   VİZYONERDOĞAN TASARIM 02 — TAM GENİŞLİK
   İçerik bölümlerindeki eski 1140px container sınırını kaldırır.
   ═══════════════════════════════════════════════════════════ */
body.vizyonerdogan-page,
body.vizyonerdogan-page #svelte,
body.vizyonerdogan-page [data-headings-start],
body.vizyonerdogan-page main,
body.vizyonerdogan-page .page-body {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-shadow: none !important;
}

body.vizyonerdogan-page main .max-w-container-content-max {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: clamp(24px, 4vw, 72px) !important;
  padding-right: clamp(24px, 4vw, 72px) !important;
  box-sizing: border-box !important;
}

body.vizyonerdogan-page main section,
body.vizyonerdogan-page main .section,
body.vizyonerdogan-page main .embedded-content,
body.vizyonerdogan-page main figure,
body.vizyonerdogan-page main picture,
body.vizyonerdogan-page main video {
  width: 100% !important;
  max-width: none !important;
}

/* Header da ekran boyunca devam eder; kendi iç boşluğu bağımsızdır. */
body.vizyonerdogan-page [data-testid="nav-desktop"] .max-w-container-content-max,
body.vizyonerdogan-page [data-testid="nav-mobile"] .max-w-container-content-max {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {
  body.vizyonerdogan-page main .max-w-container-content-max {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   VİZYONERDOĞAN TASARIM 02 — HERO/SLIDER TAM GENİŞLİK
   Görsel header'ın hemen ardından başlar; sağ, sol ve üstte
   boşluk bırakmaz. Metin alanı ise görselden kontrollü biçimde ayrılır.
   ═══════════════════════════════════════════════════════════ */
body.vizyonerdogan-page .vizyon-hero-shell {
  margin-top: 0 !important;
}

body.vizyonerdogan-page .vizyon-hero-section {
  padding: 0 0 clamp(48px, 6vw, 96px) !important;
}

body.vizyonerdogan-page main .vizyon-hero-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.vizyonerdogan-page .vizyon-hero-offset {
  padding-top: 0 !important;
}

body.vizyonerdogan-page .vizyon-hero-grid,
body.vizyonerdogan-page .vizyon-hero-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body.vizyonerdogan-page .vizyon-hero-media {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: auto !important;
  overflow: hidden;
}

body.vizyonerdogan-page .vizyon-hero-media img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
}

body.vizyonerdogan-page .vizyon-hero-title,
body.vizyonerdogan-page .vizyon-hero-copy {
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(20px, 4vw, 64px) !important;
  padding-right: clamp(20px, 4vw, 64px) !important;
  box-sizing: border-box;
}

body.vizyonerdogan-page .vizyon-hero-title {
  margin-top: clamp(32px, 4.5vw, 72px) !important;
}

@media (max-width: 679px) {
  body.vizyonerdogan-page .vizyon-hero-section {
    padding-bottom: 48px !important;
  }

  body.vizyonerdogan-page .vizyon-hero-title {
    margin-top: 28px !important;
  }
}