/*
 * Next.js Public Layout CSS Patch
 *
 * Bu dosya, Next.js ortamında jQuery pluginleri tam olarak başlatılmadan önce
 * sayfa içeriğinin görünür ve düzgün görünmesi için gereken override'ları içerir.
 */

/*
 * 1. KRİTİK SCROLL DÜZELTMESİ
 *
 * Sorun: template'in style.css dosyası "html, body { height: 100%; }" kuralı koyuyor.
 * Next.js root layout'u body'ye "display: flex; flex-direction: column" ekliyor (Tailwind).
 * Bu ikisi birleşince body sabit 100vh yüksekliğinde bir flex container haline geliyor.
 * .boxed_wrapper'ın "overflow: hidden" kuralı da içindeki tüm içeriği kırpıyor.
 * Sonuç: sayfa 100vh'te donuyor, aşağı scroll mümkün olmuyor.
 *
 * Çözüm: height:100% override'ını kaldır; body içerik boyutuna göre büyüsün.
 */
html {
  height: auto !important;
}
body {
  height: auto !important;
}

/*
 * 2. boxed_wrapper Genişlik Güvencesi
 */
.boxed_wrapper {
  width: 100%;
  position: relative;
}

/*
 * 3a. Ana Sayfa Header: position:absolute
 * Hero slider tam ekran — header float ederek slider'ın üstünde durur.
 * Slider sıfır margin ile header'ın arkasına girer.
 */
.main-header:not(.main-header-style4) {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99999;
}

/*
 * 3b. İç sayfalar: header ana sayfa gibi en üstte dursun (asılı/ortada olmasın).
 * Template'deki boş header-top-style3 katmanını devre dışı bırakıyoruz.
 */
.main-header.main-header-style4 {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99999;
}
.main-header.main-header-style4 .header-top-style3.mo-desktop-top-strip {
  display: none !important;
}
.breadcrumb-area {
  margin-top: 0 !important;
}

/*
 * Üst banner (sol hizalı hero): sığ görünüm; Figma’daki alt-sol metin + daha küçük tipografi.
 * Dikeyde ortada değil, bandın altına yakın (flex-end).
 */
.breadcrumb-area.page-hero-left-aligned {
  margin-top: 0 !important;
  box-sizing: border-box !important;
  width: 100%;
  overflow: hidden !important;
  min-height: clamp(280px, calc(100vw * 504 / 1470), 504px) !important;
  max-height: 504px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: stretch !important;
  /* Üst: sadece header örtüşmesi; alt: metin altta nefes alır */
  padding: clamp(76px, 9vw, 104px) clamp(12px, 2vw, 20px) clamp(36px, 5.5vw, 56px) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-attachment: scroll !important;
}
.breadcrumb-area.page-hero-left-aligned::before {
  background: rgba(0, 0, 0, 0.45) !important;
  z-index: 0 !important;
}
.breadcrumb-area.page-hero-left-aligned .container {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
}
.page-hero-left-inner {
  text-align: left;
  max-width: min(520px, 92vw);
  margin: 0;
}
.page-hero-left-title {
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Inter", "SF Pro Text", system-ui, sans-serif !important;
  font-weight: 600 !important;
  font-size: clamp(20px, 2.35vw, 34px) !important;
  line-height: clamp(26px, 2.75vw, 42px) !important;
  letter-spacing: -1.07px !important;
  color: #ffffff !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.28);
}
.page-hero-left-subtitle {
  margin: clamp(6px, 0.85vw, 10px) 0 0 !important;
  padding: 0 !important;
  font-family: "Inter", "SF Pro Text", system-ui, sans-serif !important;
  font-weight: 400 !important;
  font-size: clamp(13px, 1.25vw, 19px) !important;
  line-height: clamp(20px, 1.65vw, 28px) !important;
  letter-spacing: -1.07px !important;
  color: rgba(255, 255, 255, 0.96) !important;
  max-width: min(480px, 92vw);
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.28);
}

/*
 * Bölüm sayfaları banner (Koleksiyon referans) — Hakkımızda, İletişim, Blog, Arşiv, Etkinlik vb.
 * Ana sayfa slider bu sınıfı kullanmaz.
 */
.page-banner-hero-standard.breadcrumb-area.page-hero-left-aligned,
.page-collections-hero.breadcrumb-area.page-hero-left-aligned,
.page-archive-hero.breadcrumb-area.page-hero-left-aligned,
.page-about-hero.breadcrumb-area.page-hero-left-aligned,
.page-blog-hero.breadcrumb-area.page-hero-left-aligned,
.page-contact-hero.breadcrumb-area.page-hero-left-aligned,
.page-event-detail-hero.breadcrumb-area.page-hero-left-aligned {
  justify-content: center !important;
  padding: clamp(88px, 9.2vw, 126px) clamp(12px, 2vw, 20px) clamp(64px, 8vw, 98px) !important;
}
.page-banner-hero-standard.breadcrumb-area.page-hero-left-aligned .page-hero-left-inner,
.page-collections-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-inner,
.page-archive-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-inner,
.page-about-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-inner,
.page-blog-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-inner,
.page-contact-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-inner,
.page-event-detail-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-inner {
  max-width: 377px;
  margin-left: clamp(18px, 2vw, 30px);
  transform: translateY(16px);
}
.page-banner-hero-standard.breadcrumb-area.page-hero-left-aligned .page-hero-left-title,
.page-collections-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-title,
.page-archive-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-title,
.page-about-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-title,
.page-blog-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-title,
.page-contact-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-title,
.page-event-detail-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-title {
  font-size: 43.88px !important;
  line-height: 52px !important;
  font-weight: 600 !important;
  letter-spacing: -1.07px !important;
  max-width: 272px;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.22) !important;
}
.page-banner-hero-standard.breadcrumb-area.page-hero-left-aligned .page-hero-left-subtitle,
.page-collections-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-subtitle,
.page-archive-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-subtitle,
.page-about-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-subtitle,
.page-blog-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-subtitle,
.page-contact-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-subtitle,
.page-event-detail-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-subtitle {
  margin-top: 14px !important;
  font-size: 24px !important;
  line-height: 37px !important;
  font-weight: 400 !important;
  letter-spacing: -1.07px !important;
  max-width: 520px;
  white-space: pre-line;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.2) !important;
}

/* Hatıra Arşivi — koleksiyon ile aynı galeri ızgarası (.page-collections sınıfı paylaşılır) */

/*
 * 4. Hero Slider: ana sayfa header absolute olduğundan sıfır margin — tam ekran.
 */
.hero-slider-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.hero-slider-section .hero-arrow {
  z-index: 30 !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.hero-slider-section .hero-content {
  z-index: 12 !important;
}
.hero-slider-section .hero-overlay {
  z-index: 2;
}
.hero-slider-section .custom-video-player--slider {
  z-index: 1;
}

/* Mobil: video slaytı 16:9 — üst/alt siyah bant olmasın */
@media only screen and (max-width: 767px) {
  .hero-slider-section--video-active.main-slider {
    padding-top: 0 !important;
    background: transparent !important;
  }

  .hero-slider-section--video-active .hero-slider-wrapper {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    width: 100%;
    aspect-ratio: 16 / 9;
  }

  .hero-slider-section--video-active .hero-slide--video-only {
    background-color: transparent !important;
  }

  /* Video içi marka üstte kesilmesin — yukarı değil aşağı kaydır */
  .hero-slider-section--video-active .custom-video-player--slider .custom-video-player__media youtube-video {
    transform: scale(1.34) translate(clamp(8px, 2vw, 16px), 0.5%) !important;
    transform-origin: 50% 46% !important;
  }

  .hero-slider-section--video-active .custom-video-player__mute {
    right: 10px;
    bottom: 10px;
    padding: 8px 12px;
    font-size: 12px;
    gap: 8px;
  }

  .hero-slider-section--video-active .custom-video-player__mute span {
    display: none;
  }

  .hero-slider-section--video-active .hero-arrow {
    width: 28px;
    height: 72px;
    font-size: 20px;
  }
}

/*
 * 5. Plan Your Visit (Intro sağ panel)
 * Template'de top:-80px ile ekstra yükseklik kazanır. Bunu korumazsak içerik (Konum)
 * kesilebiliyor. Biz sadece boş üst alanı kaldırmak istiyoruz:
 * - panelin üstten taşmasını engelle (hero slider alanına çıkmasın)
 * - list'in padding-top'unu sıfırla
 * - overflow:hidden'i kaldır (uzun adresler kırpılmasın)
 */
.intro-area .plan-your-visit {
  top: 0 !important;
}
.plan-your-visit ul {
  padding-top: 0 !important;
  overflow: visible !important;
}

/*
 * Tanıtım sağ panel: template'deki li margin/padding (48px + 40px) çizgi ile "Konum"
 * arasında fazla boşluk bırakıyor; ilk satırı sıkılaştır.
 */
.intro-area .plan-your-visit ul li:not(:last-child) {
  margin-bottom: 10px !important;
  padding-bottom: 14px !important;
}

/*
 * Kısa tanıtım — Figma (#tanıtım): sol #1E1E1E, sağ (saatler/konum) #1B1B1B; alt köşe 16px.
 */
.intro-area .intro-box {
  background: #1e1e1e !important;
  border-bottom-left-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
}
.intro-area .plan-your-visit {
  background: #1b1b1b !important;
  border-bottom-right-radius: 16px !important;
}

/* Intro başlığı — Figma: küçük, daha açık ton */
.intro-area .intro-box .inner-content h3 {
  display: block !important;
  color: #c7c7c7 !important;
  font-size: 14px !important;
  line-height: 23px !important;
  font-weight: 600 !important;
  font-family: "Inter", "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  text-decoration: none !important;
  letter-spacing: 0 !important;
  margin: 0 0 8px !important;
}

.intro-area .intro-box .inner-content p {
  color: #f6f7f1 !important;
  font-family: "Inter", "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* Intro — desktop: Figma düzeni (sol metin + sağ bilgi paneli) */
@media only screen and (min-width: 992px) {
  .intro-area .intro-box {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 433px;
    align-items: stretch;
    min-height: 275px;
    padding: 0 0 0 16px !important;
    overflow: hidden;
  }

  .intro-area .intro-box .inner-content {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    max-width: 523px !important;
    width: 100% !important;
    min-width: 0;
    padding: 0 34px 16px 8px;
  }

  .intro-area .intro-box .inner-content h3 {
    font-size: 14px !important;
    line-height: 23px !important;
    margin: 0 0 8px !important;
  }

  .intro-area .intro-box .inner-content p {
    margin: 0 !important;
    font-size: clamp(18px, 1.25vw, 20px) !important;
    line-height: 1.38 !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em;
    max-width: 523px;
  }

  .intro-area .plan-your-visit {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 433px !important;
    margin-top: 0 !important;
    padding: 16px 32px 16px !important;
    background: #1b1b1b !important;
    border-radius: 0 0 16px 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
  }

  .intro-area .plan-your-visit ul {
    width: 100%;
    max-width: 334px;
    margin: 0 auto;
    padding-top: 0 !important;
  }

  .intro-area .plan-your-visit ul li {
    padding-left: 64px !important;
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
  }

  .intro-area .plan-your-visit ul li:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .intro-area .plan-your-visit ul li .icon-holder {
    left: 0 !important;
    font-size: 46px !important;
  }

  .intro-area .plan-your-visit ul li .title-holder h3 {
    font-size: 14px !important;
    line-height: 23px !important;
    font-weight: 600 !important;
    color: #c7c7c7 !important;
    font-family: "Inter", "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    margin: 0 0 4px !important;
  }

  .intro-area .plan-your-visit ul li .title-holder p {
    font-size: 20px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    color: #f6f7f1 !important;
    font-family: "Inter", "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  }
}

/*
 * Intro — dar tablet / geniş mobil: kısa tanıtım (sol) + çalışma/konum (sağ) yan yana.
 * Çok dar ekranlarda (<400px) template + responsive.css ile alt alta kalır.
 */
@media only screen and (min-width: 400px) and (max-width: 991px) {
  .intro-area .intro-box {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(188px, 0.95fr);
    gap: clamp(12px, 2.8vw, 22px);
    align-items: start;
    padding: clamp(18px, 3.2vw, 36px) clamp(12px, 3vw, 24px) clamp(22px, 3.6vw, 40px) !important;
  }

  .intro-area .intro-box .inner-content {
    position: relative !important;
    display: block !important;
    max-width: none !important;
    width: auto !important;
    min-width: 0;
  }

  .intro-area .intro-box .inner-content h3 {
    font-size: clamp(13px, 1.8vw, 14px) !important;
    line-height: 1.45 !important;
    margin-bottom: 8px !important;
  }

  /* Özet: daha az satır, “Daha Fazla” ile tam metin */
  .intro-area .intro-box .inner-content p {
    margin: 8px 0 12px !important;
    font-size: clamp(12px, 1.65vw, 15px) !important;
    line-height: 1.38 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    overflow: hidden;
  }

  .intro-area .intro-box .inner-content a.btn-one {
    font-size: 12px !important;
    line-height: 1.2 !important;
    padding: 9px 18px 10px !important;
    border-radius: 999px !important;
  }

  .intro-area .plan-your-visit {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: none !important;
    margin-top: 0 !important;
    padding: clamp(12px, 2.4vw, 18px) clamp(10px, 2vw, 16px) clamp(12px, 2.4vw, 16px) !important;
    border-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
    min-width: 0;
    align-self: start;
    height: auto !important;
  }

  .intro-area .plan-your-visit ul {
    padding-top: 0 !important;
  }

  .intro-area .plan-your-visit ul li {
    padding-left: 48px !important;
    margin-bottom: 10px !important;
    padding-bottom: 12px !important;
  }

  .intro-area .plan-your-visit ul li:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .intro-area .plan-your-visit ul li .icon-holder {
    font-size: 34px !important;
    left: 0 !important;
  }

  .intro-area .plan-your-visit ul li .title-holder h3 {
    font-size: 14px !important;
    line-height: 23px !important;
    font-weight: 600 !important;
    color: #c7c7c7 !important;
    font-family: "Inter", "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    margin: 0 0 4px !important;
  }

  .intro-area .plan-your-visit ul li .title-holder p {
    font-size: clamp(16px, 2.15vw, 20px) !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    color: #f6f7f1 !important;
    font-family: "Inter", "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  }
}

/*
 * About (Hakkımızda) — ana görsel kompozisyonunu daha premium yap
 * Template'in sabit 400x400 gri bloğu (img-box:before) farklı oranlı görsellerde "placeholder" gibi duruyor.
 * Daha modern görünüm: radius + shadow + arkada offset çerçeve (responsive).
 */
.about-style1-left-content {
  max-width: none !important;
}
.about-style1-left-content .img-box {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.18);
}
.about-style1-left-content .img-box img {
  display: block;
  width: 100%;
  height: auto;
  transform: translateZ(0); /* subpixel flicker fix */
}

/* Hakkımızda — statik kolaj (AboutCollage); tek görsel kuralı kolaj img’lerine uygulanmasın */
.about-style1-left-content .img-box.about-collage-root {
  padding: 0;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
/* About kolajında arkadaki gri dekor katmanını kaldır */
.page-about .about-style1-left-content .img-box.about-collage-root:before {
  display: none !important;
  content: none !important;
}
/* Hakkımızda üçlü kolaj — Figma oranları: 290x367, 290x367, 604x367 */
.about-collage--triple {
  display: grid;
  width: 100%;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: clamp(10px, 1.2vw, 14px);
  align-content: start;
}
.about-collage__cell {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  min-height: 0;
  box-shadow: none;
}
.about-collage--triple .about-collage__cell--tl {
  grid-column: 1;
  grid-row: 1;
  aspect-ratio: 290 / 367;
}
.about-collage--triple .about-collage__cell--tr {
  grid-column: 2;
  grid-row: 1;
  aspect-ratio: 290 / 367;
}
.about-collage--triple .about-collage__cell--full {
  grid-column: 1 / -1;
  grid-row: 2;
  aspect-ratio: 604 / 367;
}
.about-style1-left-content .img-box.about-collage-root .about-collage img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center;
}
/* Tablet/mobil: masaüstü 2+1 kolaj; üstte iki görsel yan yana, altta geniş */
@media (max-width: 991px) {
  .about-collage--triple {
    gap: clamp(8px, 2vw, 12px);
    max-width: min(100%, 520px);
    margin-left: auto;
    margin-right: auto;
  }
  .about-collage--triple .about-collage__cell {
    border-radius: clamp(12px, 3vw, 16px);
  }
  .about-collage--triple .about-collage__cell--tl,
  .about-collage--triple .about-collage__cell--tr {
    aspect-ratio: 290 / 367;
  }
  .about-collage--triple .about-collage__cell--full {
    aspect-ratio: 604 / 367;
  }
}
@media (max-width: 399px) {
  .about-collage--triple .about-collage__cell--tl,
  .about-collage--triple .about-collage__cell--tr {
    aspect-ratio: 3 / 4;
  }
}
.about-style1-left-content .img-box:before {
  top: clamp(18px, 6vw, 70px) !important;
  left: clamp(-22px, -3vw, -10px) !important;
  right: auto !important;
  width: clamp(280px, 78%, 520px) !important;
  height: clamp(220px, 58%, 420px) !important;
  margin: 0 !important;
  border: clamp(12px, 1.8vw, 22px) solid #e7e7e6 !important;
  background: linear-gradient(135deg, #d8d7d6 0%, #cfcfce 55%, #dcdcdc 100%) !important;
  border-radius: 22px !important;
  opacity: 0.95;
}
/* About — görsel ve yazıyı aynı hizada ortala (desktop) */
@media (min-width: 992px) {
  .about-style1-area .row {
    align-items: center;
  }
  .about-style1-content {
    padding-top: 0 !important; /* template'teki 70px offset'i kaldır */
  }
}

/* TR uppercase sorunu: "Yeniden Yorumluyoruz" → "YENIDEN..." olmasın */
.about-style1-area .sec-title p {
  text-transform: none !important;
}

/* Hakkımızda — Koleksiyon Sahibi bölümü */
.about-owner-area {
  padding: 166px 0 96px;
}
.about-owner-row {
  align-items: start;
}
.about-owner-content {
  max-width: 577px;
}
.about-owner-label {
  margin: 0 0 10px;
  font-family: "Inter", "SF Pro Text", system-ui, sans-serif;
  font-size: 20px;
  line-height: 37px;
  font-weight: 400;
  color: rgba(27, 27, 27, 0.8);
}
.about-owner-name {
  margin: 0 0 16px;
  font-family: "Inter", "SF Pro Text", system-ui, sans-serif;
  font-size: 44px;
  line-height: 52px;
  font-weight: 600;
  color: #1b1b1b;
  letter-spacing: -0.01em;
}
.about-owner-bio p {
  margin: 0 0 16px;
  font-family: "Inter", "SF Pro Text", system-ui, sans-serif;
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
  color: #1b1b1b;
}
.about-owner-bio p:last-child {
  margin-bottom: 0;
}
.about-owner-image-wrap {
  border-radius: 16px;
  overflow: hidden;
  max-width: 604px;
  margin-left: auto;
}
.about-owner-image {
  display: block;
  width: 100%;
  aspect-ratio: 604 / 761;
  object-fit: cover;
}
@media (min-width: 992px) {
  .about-owner-row {
    display: grid;
    grid-template-columns: minmax(0, 577px) minmax(0, 604px);
    column-gap: 75px;
    align-items: start;
    justify-content: center;
  }
  .about-owner-row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .about-owner-image-wrap {
    transform: translateY(-14px);
  }
}

/*
 * Breadcrumb — mobil / tablet (≤991px), tüm iç sayfalar.
 * Şablondaki li::before (Flaticon) dar genişlikte metinle üst üste biniyor; flex + › ayırıcı.
 */
@media only screen and (max-width: 991px) {
  .breadcrumb-area .breadcrumb-menu {
    margin-top: 10px;
    overflow: visible;
  }
  .breadcrumb-area .breadcrumb-menu ul {
    max-width: 100% !important;
    width: 100% !important;
    text-align: left !important;
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
    padding: 12px 14px !important;
    box-sizing: border-box;
    overflow: visible;
  }
  .breadcrumb-area .breadcrumb-menu ul:before {
    left: 0 !important;
    right: 0 !important;
  }
  .breadcrumb-area .breadcrumb-menu ul li:before {
    display: none !important;
    content: none !important;
  }
  .breadcrumb-area .breadcrumb-menu ul li:not(:last-child)::after {
    content: "›";
    display: inline-block;
    margin-left: 8px;
    padding-right: 2px;
    color: rgba(255, 255, 255, 0.92);
    font-size: 15px;
    line-height: 1;
    font-weight: 300;
    font-family: system-ui, sans-serif;
    vertical-align: middle;
  }
  .breadcrumb-area .breadcrumb-menu ul li {
    display: inline-flex !important;
    align-items: center;
    float: none !important;
    position: relative;
    z-index: 2;
    font-size: clamp(14px, 3.4vw, 17px) !important;
    line-height: 1.35 !important;
    padding: 2px 0 !important;
    white-space: nowrap;
  }
  .breadcrumb-area .breadcrumb-menu ul li a,
  .breadcrumb-area .breadcrumb-menu ul li.active {
    position: relative;
    z-index: 1;
  }
}

/* Bölüm banner — mobil/tablet: koleksiyon ile aynı konum ve tipografi */
@media only screen and (max-width: 991px) {
  .page-banner-hero-standard.breadcrumb-area.page-hero-left-aligned,
  .page-collections-hero.breadcrumb-area.page-hero-left-aligned,
  .page-archive-hero.breadcrumb-area.page-hero-left-aligned,
  .page-about-hero.breadcrumb-area.page-hero-left-aligned,
  .page-blog-hero.breadcrumb-area.page-hero-left-aligned,
  .page-contact-hero.breadcrumb-area.page-hero-left-aligned,
  .page-event-detail-hero.breadcrumb-area.page-hero-left-aligned {
    justify-content: flex-end !important;
    padding: clamp(72px, 14vw, 100px) max(12px, env(safe-area-inset-right, 0px)) clamp(28px, 6vw, 44px) max(12px, env(safe-area-inset-left, 0px)) !important;
    background-position: center center !important;
    background-size: cover !important;
  }
  .page-banner-hero-standard.breadcrumb-area.page-hero-left-aligned .page-hero-left-inner,
  .page-collections-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-inner,
  .page-archive-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-inner,
  .page-about-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-inner,
  .page-blog-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-inner,
  .page-contact-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-inner,
  .page-event-detail-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-inner {
    max-width: 100% !important;
    margin-left: 0;
    transform: translateY(8px);
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }
  .page-banner-hero-standard.breadcrumb-area.page-hero-left-aligned .page-hero-left-title,
  .page-collections-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-title,
  .page-archive-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-title,
  .page-about-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-title,
  .page-blog-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-title,
  .page-contact-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-title,
  .page-event-detail-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-title {
    max-width: 300px;
    font-size: clamp(24px, 5.3vw, 34px) !important;
    line-height: 1.18 !important;
    word-break: break-word;
  }
  .page-banner-hero-standard.breadcrumb-area.page-hero-left-aligned .page-hero-left-subtitle,
  .page-collections-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-subtitle,
  .page-archive-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-subtitle,
  .page-about-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-subtitle,
  .page-blog-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-subtitle,
  .page-contact-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-subtitle,
  .page-event-detail-hero.breadcrumb-area.page-hero-left-aligned .page-hero-left-subtitle {
    max-width: 360px;
    font-size: clamp(14px, 3.4vw, 18px) !important;
    line-height: 1.45 !important;
    margin-top: 10px !important;
  }
}

/* Haber detayı — üst bantta kapak; gövdede img-holder kaldırıldı, şablon -60px margin düzelsin */
.blog-detail-post-card .text-holder {
  margin-top: 0 !important;
  margin-right: 0 !important;
}
.blog-detail-post-card .text-holder:after {
  top: 0 !important;
}

/*
 * Hakkımızda — yalnızca .page-about; mobil / tablet (≤991px).
 * Masaüstü (≥992px) bu kuralların hiçbiri uygulanmaz.
 */
@media only screen and (max-width: 991px) {
  .page-about .about-style1-left-content .img-box:before {
    display: none !important;
  }

  .page-about .about-style1-area {
    padding: clamp(24px, 5vw, 44px) 0 clamp(36px, 8vw, 64px) !important;
  }
  .page-about .about-style1-area .container {
    padding-left: max(16px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(16px, env(safe-area-inset-right, 0px)) !important;
  }
  .page-about .about-style1-area .row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: clamp(12px, 3vw, 24px);
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .page-about .about-style1-area .row > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }

  .page-about .about-style1-left-content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .page-about .about-style1-left-content .img-box,
  .page-about .about-style1-left-content .img-box.about-collage-root {
    width: 100% !important;
    max-width: min(100%, 520px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .page-about .about-collage--triple {
    width: 100%;
    max-width: 100%;
  }

  .page-about .about-style1-content {
    padding-top: clamp(4px, 1.5vw, 16px) !important;
  }
  .about-owner-area {
    padding: 52px 0 42px;
  }
  .about-owner-row {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
  .about-owner-content,
  .about-owner-image-wrap {
    max-width: 100%;
    margin-left: 0;
  }
  .about-owner-label {
    font-size: 15px;
    line-height: 1.35;
  }
  .about-owner-name {
    font-size: clamp(28px, 7vw, 36px);
    line-height: 1.15;
    margin-bottom: 12px;
  }
  .about-owner-bio p {
    font-size: clamp(15px, 3.4vw, 18px);
    line-height: 1.58;
  }
  .page-about .about-style1-content .sec-title {
    padding-bottom: clamp(14px, 3.5vw, 28px) !important;
  }
  .page-about .about-style1-content .sec-title p {
    font-size: clamp(12px, 2.8vw, 14px) !important;
  }
  .page-about .about-style1-content .sec-title .big-title h1 {
    font-size: clamp(1.4rem, 5vw, 2rem) !important;
    line-height: 1.15 !important;
  }

  .page-about .about-style1-content .inner-content h3 {
    font-size: clamp(15px, 3.6vw, 18px) !important;
    line-height: 1.45 !important;
    margin: 0 0 clamp(14px, 3vw, 22px) !important;
  }
  .page-about .about-style1-content .inner-content .text {
    margin-bottom: clamp(18px, 4vw, 28px) !important;
    font-size: clamp(15px, 3.5vw, 17px) !important;
    line-height: 1.65 !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .page-about .about-style1-content .inner-content .bottom-box {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 18px;
    width: 100%;
  }
  .page-about .about-style1-content .inner-content .bottom-box .button {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 0 !important;
  }
  .page-about .about-style1-content .inner-content .bottom-box .button a {
    display: block !important;
    width: 100% !important;
    max-width: min(100%, 320px);
    box-sizing: border-box;
    text-align: center !important;
    padding: 15px 22px !important;
    font-size: 16px !important;
  }
  .page-about .about-style1-content .inner-content .bottom-box .phone-number {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    flex-wrap: wrap;
    width: 100%;
    gap: 12px 16px;
  }
  .page-about .about-style1-content .inner-content .bottom-box .phone-number .icon,
  .page-about .about-style1-content .inner-content .bottom-box .phone-number .title {
    display: block !important;
    vertical-align: unset !important;
  }
  .page-about .about-style1-content .inner-content .bottom-box .phone-number .title span {
    font-size: clamp(15px, 3.5vw, 17px) !important;
  }
  .page-about .about-style1-content .inner-content .bottom-box .phone-number .title h1 {
    font-size: clamp(1.1rem, 4.2vw, 1.45rem) !important;
    line-height: 1.25 !important;
    margin-top: 4px !important;
  }
}

/*
 * Koleksiyon sayfası (.page-collections) — tablet/mobil: 2 sütun ızgara.
 * Kart oranları inline (tileAspectRatio); kare zorlaması kaldırıldı — görseller kaymaz.
 */
@media only screen and (max-width: 991px) {
  .page-collections .gallery-area {
    padding-top: clamp(44px, 9vw, 80px) !important;
    padding-bottom: clamp(36px, 8vw, 72px) !important;
    overflow-x: clip;
  }
  .page-collections .gallery-area .container {
    max-width: 100%;
    padding-left: max(12px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(12px, env(safe-area-inset-right, 0px)) !important;
  }
  .page-collections .gallery-area .row.collections-grid {
    margin-left: 0 !important;
    margin-right: 0 !important;
    --bs-gutter-x: 0;
  }
  .page-collections .gallery-area .items-container.collections-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(6px, 1.5vw, 10px);
    align-items: start;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .page-collections .gallery-area .items-container.collections-grid > .collections-grid-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    flex: none !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
  }
  .page-collections .gallery-area .items-container.collections-grid > .collections-grid-item--wide {
    grid-column: 1 / -1;
  }
  .page-collections .single-art-box-style2.marbtm50 {
    margin-bottom: 0 !important;
    display: block;
    height: auto;
  }
  .page-collections .gallery-area .single-art-box-style2 .img-holder {
    width: 100%;
    min-width: 0;
    flex-shrink: 0;
  }
  .page-collections .gallery-area .single-art-box-style2 .text-holder {
    padding: clamp(10px, 2.2vw, 20px) 6px !important;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
  }
  .page-collections .gallery-area .single-art-box-style2 .text-holder h3 {
    font-size: clamp(11px, 2.6vw, 15px) !important;
    line-height: 1.25 !important;
    margin: 0 !important;
  }
  .page-collections .gallery-area .single-art-box-style2:hover .img-holder img {
    transform: scale(1.03) !important;
  }
}
@media only screen and (max-width: 767px) {
  .page-collections .gallery-area .items-container.collections-grid > .collections-grid-item--wide .img-holder {
    aspect-ratio: 700 / 430 !important;
  }
  .page-collections .gallery-area .items-container.collections-grid > .collections-grid-item--match-wide .img-holder {
    aspect-ratio: 350 / 430 !important;
  }
}

/* Koleksiyon kartı — gri overlay kaldır, hafif zoom + tüm kart tıklanabilir */
.page-collections .gallery-area .single-art-box-style2 .img-holder .overlay-content {
  display: none !important;
}
.page-collections .gallery-area {
  padding-top: 64px !important;
  background: #f6f7f1;
}
.page-archive.page-collections .gallery-area {
  background: #f6f7f1;
}
.page-collections .gallery-area .single-art-box-style2 .img-holder {
  border-radius: 16px;
  overflow: hidden;
}
.page-collections .gallery-area .single-art-box-style2 .img-holder .collection-lightbox-link {
  position: absolute;
  inset: 0;
  display: block;
  z-index: 3;
}
.page-collections .gallery-area .single-art-box-style2 .img-holder img {
  transform: scale(1) !important;
  transition: transform 0.28s ease !important;
}
.page-collections .gallery-area .single-art-box-style2:hover .img-holder img {
  transform: scale(1.045) !important;
}
.page-collections .gallery-area .items-container.collections-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.page-collections .gallery-area .items-container.collections-grid > .collections-grid-item {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
}
.page-collections .gallery-area .items-container.collections-grid > .collections-grid-item--wide {
  grid-column: span 2;
}
.page-collections .gallery-area .items-container.collections-grid > .collections-grid-empty,
.page-archive .gallery-area .items-container.collections-grid > .collections-grid-empty {
  grid-column: 1 / -1;
  width: 100%;
  text-align: center;
  padding: 48px 16px;
}
.page-collections .gallery-area .items-container.collections-grid > .collections-grid-empty p,
.page-archive .gallery-area .items-container.collections-grid > .collections-grid-empty p {
  margin: 0;
  color: #8a8a8a;
  font-size: 1rem;
}
/* Ana sayfa — koleksiyon istatistikleri */
.home-collection-stats-area {
  padding-top: 88px !important;
  padding-bottom: 72px !important;
  background: #ffffff;
}
.home-collection-stats-area .container {
  max-width: 1140px;
}
.home-collection-stats-header {
  text-align: center;
  max-width: none;
  margin: 0 0 36px;
  padding: 0;
}
/* Ana sayfadaki diğer sec-title bloklarıyla aynı hiyerarşi; padding şablondan sıkılaştırıldı */
.home-collection-stats-area .home-collection-stats-sec-title {
  float: none !important;
  text-align: center;
  padding-bottom: 32px !important;
  margin-top: 0 !important;
}
.home-collection-stats-area .home-collection-stats-sec-title p {
  text-align: center;
}
.home-collection-stats-area .home-collection-stats-sec-title .big-title {
  text-align: center;
}
.home-collection-stats-headline {
  margin: 0;
  font-family: "Lora", Georgia, "Times New Roman", serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  color: #2d353d;
}
@media (max-width: 767px) {
  .home-collection-stats-headline {
    font-size: clamp(1.75rem, 5.5vw, 2.25rem);
    line-height: 1.25;
  }
}
.home-collection-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: clamp(16px, 3vw, 40px);
  row-gap: 40px;
  align-items: start;
  text-align: center;
}
.home-collection-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  width: 100%;
  max-width: 220px;
  margin: 0 auto;
}
.home-collection-stat-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 88px;
  margin-bottom: 8px;
}
.home-collection-stat-icon {
  display: block;
  width: 78px;
  height: 78px;
  object-fit: contain;
  margin: 0 auto;
}
.home-collection-stat-value {
  margin: 0;
  padding: 12px 0 10px;
  font-family: var(--font-sans, "Inter", system-ui, sans-serif);
  font-size: clamp(2rem, 4.2vw, 3rem);
  font-weight: 700;
  line-height: 1.1;
  color: #111111;
  text-align: center;
}
.home-collection-stat-caption {
  margin: 0;
  font-family: var(--font-sans, "Inter", system-ui, sans-serif);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  color: #111111;
  text-align: center;
  max-width: 12.5rem;
}
@media (max-width: 991px) {
  .home-collection-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  /* Küçük ekranda da 2×2 kutu — tek sütun yok */
  .home-collection-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: clamp(10px, 3vw, 18px);
    row-gap: clamp(18px, 4vw, 28px);
  }
  .home-collection-stat-item {
    max-width: none;
  }
  .home-collection-stat-caption {
    font-size: clamp(12px, 3.2vw, 15px);
    max-width: none;
    padding: 0 2px;
  }
  .home-collection-stat-icon {
    max-width: clamp(52px, 15vw, 76px);
    max-height: clamp(48px, 14vw, 70px);
  }
  .home-collection-stat-value {
    font-size: clamp(1.35rem, 5vw, 2rem);
    padding-top: 8px;
  }
}

/*
 * Ana sayfa — Yaklaşan etkinlikler: kart başlığı dar sütunda sığsın
 */
@media only screen and (max-width: 991px) {
  .events-area .single-event-box .title-holder {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .events-area .single-event-box .title-holder .inner {
    padding: 22px 14px 20px !important;
  }
  .events-area .single-event-box .title-holder .inner h3 {
    font-size: clamp(16px, 3.8vw, 21px) !important;
    line-height: 1.28 !important;
  }
}

/*
 * Ana sayfa — Röportajlar / blog kartları: yatay kaydırma
 */
@media only screen and (max-width: 991px) {
  .latest-blog-area .inner-content > .row > .col-xl-8 {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    padding-left: 0 !important;
    padding-right: 0 !important;
    scroll-snap-type: x proximity;
  }
  .latest-blog-area .inner-content > .row > .col-xl-8 > .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    width: max-content;
    min-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: clamp(12px, 2.5vw, 20px);
    padding-left: max(12px, env(safe-area-inset-left, 0px));
    padding-right: max(12px, env(safe-area-inset-right, 0px));
    padding-bottom: 6px;
  }
  .latest-blog-area .inner-content > .row > .col-xl-8 > .row > [class*="col-"] {
    flex: 0 0 min(82vw, 360px) !important;
    width: min(82vw, 360px) !important;
    max-width: none !important;
    float: none !important;
    scroll-snap-align: start;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/*
 * Footer — mobil / tablet: logo tam satır, altı 2 sütun; alt şerit yan yana
 */
.footer-area {
  /* style.css'teki 120px üst boşluk içerikleri fazla aşağı itiyordu */
  margin-top: 24px;
  padding-top: 56px !important;
}
.footer-area .footer {
  padding-bottom: 52px !important;
}
@media only screen and (min-width: 992px) {
  .footer-area .footer .container > .row {
    display: flex;
    align-items: flex-start;
  }
  .footer-area .single-footer-widget {
    min-height: 200px;
  }
  .footer-area .single-footer-widget .title {
    padding-bottom: 16px !important;
  }
}
@media only screen and (max-width: 991px) {
  .footer-area {
    margin-top: 16px;
  }
  .footer-area .footer {
    padding-bottom: 40px !important;
  }
}
.footer-area .single-footer-widget .title h3 {
  /* style.css: 24/24 çok sıkı; Türkçe karakterler daha dar görünüyordu */
  line-height: 1.28 !important;
}
.footer-area .single-footer-widget .title h3.footer-quick-links-title {
  white-space: nowrap;
  font-size: 22px !important;
}
/* Desktop'ta template opening-hours kutusunu sola kaydırıyor (margin-left:-50);
   uzun adres geldiğinde İletişim metniyle görsel çakışma oluşturuyor. */
.footer-area .single-footer-widget.opening-hours-box {
  margin-left: 0 !important;
}
.footer-area .single-footer-widget .contact-us p,
.footer-area .single-footer-widget .opening-hours p {
  line-height: 1.62 !important;
}
.footer-area .single-footer-widget .contact-us p span,
.footer-area .single-footer-widget .opening-hours p span {
  display: block;
}
/* About sayfası içerikten sonra beyaz nefes alanı bırak */
.page-about .about-style1-area {
  margin-bottom: 56px;
}

@media only screen and (max-width: 991px) {
  .footer-area {
    padding-top: clamp(44px, 8vw, 64px) !important;
    /* Scroll-to-top butonu içerikle çakışmasın */
    padding-bottom: clamp(54px, 10vw, 82px) !important;
  }
  .footer-area .footer .container > .row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: clamp(14px, 3vw, 22px);
    row-gap: clamp(14px, 2.6vw, 22px);
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .footer-area .footer .container > .row > [class*="col-"] {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    float: none !important;
    padding-left: max(10px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(10px, env(safe-area-inset-right, 0px)) !important;
  }
  /* Logo + marka — üstte tam genişlik */
  .footer-area .footer .container > .row > [class*="col-"]:first-child {
    grid-column: 1 / -1;
  }
  .footer-area .single-footer-widget.opening-hours-box {
    margin-left: 0 !important;
  }
  .page-about .about-style1-area {
    margin-bottom: 36px;
  }
  .footer-area .single-footer-widget.marbtm50 {
    margin-bottom: 0 !important;
  }
  .footer-area .single-footer-widget .title {
    padding-bottom: 12px !important;
  }
  .footer-area .single-footer-widget .title h3 {
    font-size: clamp(17px, 3.8vw, 22px) !important;
    line-height: 1.3 !important;
  }
  .footer-area .single-footer-widget .social-links li,
  .footer-area .single-footer-widget .quick-links li {
    margin-bottom: 14px !important;
  }
  .footer-area .single-footer-widget .contact-us p,
  .footer-area .single-footer-widget .opening-hours p {
    line-height: 1.5 !important;
    margin-bottom: 14px !important;
  }
  .footer-area .single-footer-widget .contact-us .phone-num a {
    font-size: clamp(20px, 4.6vw, 26px) !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    color: #5a5a5a !important;
    word-break: normal;
    overflow-wrap: normal;
  }

  .footer-bottom .outer-box {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    text-align: left !important;
    gap: 10px 20px;
    padding: clamp(22px, 4vw, 32px) clamp(16px, 4vw, 36px) !important;
  }
  .footer-bottom-left,
  .footer-bottom-right {
    flex: 1 1 auto;
    min-width: min(100%, 200px);
  }
  .footer-bottom-right .copyright-text {
    margin-top: 0 !important;
    text-align: right;
  }
  .footer-bottom-left .text {
    text-align: left;
  }
}

@media only screen and (max-width: 420px) {
  .footer-bottom .outer-box {
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
  }
  .footer-bottom-right .copyright-text {
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  /* Mobilde daha temiz görünüm: tek sütun */
  .footer-area .footer .container > .row {
    grid-template-columns: 1fr !important;
    row-gap: 18px;
  }
  .footer-area .footer .container > .row > [class*="col-"]:first-child {
    grid-column: auto;
  }
  .footer-area .footer .container > .row > [class*="col-"] {
    padding-left: max(14px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(14px, env(safe-area-inset-right, 0px)) !important;
  }
  .footer-area .single-footer-widget.pdtop50 {
    padding-top: 0 !important;
  }
  /* Logo ortada; başlıklar sola */
  .footer-area .single-footer-widget .title,
  .footer-area .single-footer-widget .title h3 {
    text-align: left !important;
  }
  .footer-area .single-footer-widget .footer-logo {
    display: flex;
    justify-content: center;
  }
  .footer-area .single-footer-widget .footer-logo .site-brand {
    justify-content: center !important;
  }

  /* İçerik blokları solda kalsın */
  .footer-area .single-footer-widget .social-links,
  .footer-area .single-footer-widget .quick-links,
  .footer-area .single-footer-widget .contact-us,
  .footer-area .single-footer-widget .opening-hours {
    text-align: left !important;
  }
  .footer-area .single-footer-widget .social-links li a,
  .footer-area .single-footer-widget .quick-links li a {
    display: block;
    padding-left: 30px;
  }

  .footer-area .single-footer-widget .contact-us .phone-num {
    display: block;
  }
  .footer-area .single-footer-widget .contact-us .phone-num a {
    /* Adres metniyle aynı tipografi */
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    font-family: "Archivo", sans-serif !important;
    color: #777777 !important;
    display: inline;
    padding: 0;
    border-radius: 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}

/* Hakkımızda — abonelik: tek sütun, tam ortalı başlık + gri alt metin + pill form */
.about-subscribe-no-side-image {
  padding-top: 72px !important;
  padding-bottom: 88px !important;
}
.about-subscribe-no-side-image .welcome-content {
  position: relative;
  display: block;
  padding-top: 0 !important;
  text-align: center;
  margin: 0 auto;
  max-width: 720px;
}
.about-subscribe-no-side-image .about-subscribe-title {
  font-family: var(--font-sans, "Inter", system-ui, sans-serif);
  font-size: clamp(1.65rem, 4.2vw, 2.35rem);
  font-weight: 700;
  color: #111111;
  line-height: 1.2;
  margin: 0 auto 14px;
  max-width: 42rem;
  letter-spacing: -0.02em;
}
.about-subscribe-no-side-image .about-subscribe-sub {
  font-family: var(--font-sans, "Inter", system-ui, sans-serif);
  font-size: 1rem;
  line-height: 1.65;
  color: #6b6b6b;
  max-width: 36rem;
  margin: 0 auto 32px;
}
.about-subscribe-no-side-image .subscribe-box {
  max-width: 32rem !important;
  width: 100% !important;
  margin: 0 auto 20px !important;
}
.about-subscribe-no-side-image .subscribe-form {
  position: relative;
  display: block;
  max-width: none;
  width: 100%;
  margin: 0 auto;
}
.about-subscribe-no-side-image .subscribe-form input[type="email"] {
  display: block;
  width: 100% !important;
  height: 52px !important;
  padding: 0 132px 0 22px !important;
  border-radius: 999px !important;
  border: 1px solid #d4d4d4 !important;
  background: #ffffff !important;
  color: #333333 !important;
  font-size: 15px !important;
  font-family: var(--font-sans, "Inter", system-ui, sans-serif) !important;
  text-align: left !important;
  box-sizing: border-box;
}
.about-subscribe-no-side-image .subscribe-form input[type="email"]:focus {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #111111 !important;
  outline: none;
}
.about-subscribe-no-side-image .subscribe-form button {
  position: absolute !important;
  top: 4px !important;
  right: 4px !important;
  width: auto !important;
  min-width: 118px;
  height: 44px !important;
  line-height: 44px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  background: #111111 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-family: var(--font-sans, "Inter", system-ui, sans-serif) !important;
  text-transform: none !important;
}
.about-subscribe-no-side-image .subscribe-form button:hover {
  background: #2a2a2a !important;
  color: #ffffff !important;
}
.about-subscribe-no-side-image .about-subscribe-disclaimer {
  font-family: var(--font-sans, "Inter", system-ui, sans-serif);
  font-size: 12px;
  line-height: 1.55;
  color: #8a8a8a;
  max-width: 32rem;
  margin: 0 auto;
}
@media (max-width: 576px) {
  .about-subscribe-no-side-image .subscribe-form input[type="email"] {
    padding: 0 20px !important;
    height: 48px !important;
    margin-bottom: 10px;
  }
  .about-subscribe-no-side-image .subscribe-form button {
    position: static !important;
    display: block;
    width: 100% !important;
    height: 48px !important;
    line-height: 48px !important;
  }
}

/*
 * WOW.js Fallback
 * WOW.js elementlere başlangıçta visibility:hidden ekler ve scroll ile açar.
 * Eğer JS geç yüklenir ya da hiç çalışmazsa elementler gizli kalır.
 * Bu kural, WOW.js henüz çalışmamış elementleri görünür yapar.
 * WOW.js çalıştığında kendi inline style'ını uygulayarak bu override'ı aşar.
 */
.wow {
  visibility: visible !important;
}

/*
 * Owl Carousel Fallback
 * Owl.js başlatılmadan önce .owl-carousel içindeki itemlar gizlenebilir.
 * Bu kural, JS başlatılana kadar en az birinci itemi gösterir.
 */
.owl-carousel:not(.owl-loaded) {
  display: block;
  overflow: hidden;
}
.owl-carousel:not(.owl-loaded) > * {
  display: block;
}
.owl-carousel:not(.owl-loaded) > * + * {
  display: none;
}

/*
 * Masonry Layout Fallback
 * Isotope başlatılmadan önce .masonary-layout normal Bootstrap grid gibi çalışır.
 * Isotope çalıştığında kendi positioning'ini uygulayarak bunu override eder.
 */
.masonary-layout {
  display: flex;
  flex-wrap: wrap;
}

/*
 * Ana sayfa header (slider üstü): T Bar = Figma #1E1E1E (masaüstü = mobil, tek renk)
 */
.main-header:not(.main-header-style4) .header-upper .outer-box {
  background: #1e1e1e !important;
  min-height: 88px;
  box-sizing: border-box;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding-left: 28px !important;
  padding-right: 20px !important;
}
.main-header:not(.main-header-style4) .header-upper-left .logo {
  padding: 20px 0 !important;
}
.main-header:not(.main-header-style4) .main-menu .navigation > li > a {
  color: #f6f7f1 !important;
  padding: 28px 0 28px !important;
  font-weight: 400 !important;
}
.main-header:not(.main-header-style4) .main-menu .navigation > li:hover > a,
.main-header:not(.main-header-style4) .main-menu .navigation > li.current > a {
  color: #ffffff !important;
}
.main-header:not(.main-header-style4) .main-menu .navigation > li.current > a {
  font-weight: 700 !important;
}
.main-header:not(.main-header-style4) .main-menu .navigation > li > a:before {
  background: #e4b33d !important;
}

/*
 * Kamu sayfaları: hero veya breadcrumb bantının üstünde ilk görünümde T Bar şeffaf (scroll sonrası fixed-header ile #1E1E1E).
 * Figma: hafif üst gradient — metin kontrastı için.
 */
.main-header.mo-pub-header.mo-pub-header--transparent-at-top:not(.fixed-header) .header-upper,
.main-header.mo-pub-header.mo-pub-header--transparent-at-top:not(.fixed-header)
  .header-upper
  .outer-box {
  background: transparent !important;
  background-image: linear-gradient(
    to bottom,
    rgba(20, 20, 20, 0.55) 0%,
    rgba(20, 20, 20, 0.12) 55%,
    transparent 100%
  ) !important;
  box-shadow: none !important;
}

/* Video slaytı (2. slayt): site logosu gizli — videodaki marka kalsın, çift logo olmasın */
body.hero-video-slide-active .main-header.mo-pub-header .logo,
body.hero-video-slide-active .main-header.mo-pub-header .sticky-header .logo,
body.hero-video-slide-active .main-header.mo-pub-header .mo-pub-header-mobile-strip .site-brand {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body.hero-video-slide-active .main-header.mo-pub-header.mo-pub-header--transparent-at-top:not(.fixed-header) .header-upper,
body.hero-video-slide-active
  .main-header.mo-pub-header.mo-pub-header--transparent-at-top:not(.fixed-header)
  .header-upper
  .outer-box {
  background-image: none !important;
}

/*
 * Scroll sonrası yapışkan bar — T Bar ile aynı #1E1E1E.
 */
.main-header.fixed-header:not(.main-header-style4) .sticky-header {
  background: #1e1e1e !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
}
.main-header.fixed-header:not(.main-header-style4) .sticky-header .main-menu .navigation > li > a {
  color: #f6f7f1 !important;
  padding: 28px 0 28px !important;
  font-weight: 400 !important;
}
.main-header.fixed-header:not(.main-header-style4) .sticky-header .main-menu .navigation > li:hover > a,
.main-header.fixed-header:not(.main-header-style4) .sticky-header .main-menu .navigation > li.current > a {
  color: #ffffff !important;
}
.main-header.fixed-header:not(.main-header-style4) .sticky-header .main-menu .navigation > li.current > a {
  font-weight: 700 !important;
}
.main-header.fixed-header:not(.main-header-style4) .sticky-header .main-menu .navigation > li > a:before {
  background: #e4b33d !important;
}
.main-header.fixed-header:not(.main-header-style4) .sticky-header .logo {
  padding: 20px 0 !important;
}

/*
 * İç sayfalar (main-header-style4): T Bar = #1E1E1E
 */
.main-header-style4 .header-upper-style4 .outer-box {
  background: #1e1e1e !important;
  min-height: 88px;
  box-sizing: border-box;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.main-header-style4 .header-upper-left-style4 .logo {
  padding: 20px 0 !important;
}
.main-header-style4 .main-menu.style4 .navigation > li > a {
  color: #f6f7f1 !important;
  padding: 28px 16px !important;
}
.main-header-style4 .main-menu.style4 .navigation > li:hover > a,
.main-header-style4 .main-menu.style4 .navigation > li.current > a {
  color: #ffffff !important;
}
.main-header-style4 .main-menu.style4 .navigation > li > a:after {
  background: #e4b33d !important;
}

.main-header.fixed-header.main-header-style4 .sticky-header {
  background: #1e1e1e !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
}
.main-header.fixed-header.main-header-style4 .sticky-header .main-menu.style4 .navigation > li > a {
  color: #f6f7f1 !important;
  padding: 28px 16px !important;
}
.main-header.fixed-header.main-header-style4 .sticky-header .main-menu.style4 .navigation > li:hover > a,
.main-header.fixed-header.main-header-style4 .sticky-header .main-menu.style4 .navigation > li.current > a {
  color: #ffffff !important;
}
.main-header.fixed-header.main-header-style4 .sticky-header .main-menu.style4 .navigation > li > a:after {
  background: #e4b33d !important;
}
.main-header.fixed-header.main-header-style4 .sticky-header .logo {
  padding: 20px 0 !important;
}

/* Desktop: Header tam ekran genişlikte olsun */
@media only screen and (min-width: 1200px) {
  .main-header.mo-pub-header .header-upper > .container,
  .main-header.mo-pub-header .sticky-header > .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .main-header.mo-pub-header .header-upper .outer-box,
  .main-header.mo-pub-header .sticky-header {
    width: 100% !important;
  }
  /* Scroll sırasında sticky satır, üst bar ile aynı hizaya gelsin */
  .main-header.mo-pub-header .sticky-header > .container > .clearfix {
    padding-left: 28px !important;
    padding-right: 20px !important;
    box-sizing: border-box;
  }
}

/*
 * Yapışkan menü gizliyken (opacity:0) bazı tarayıcılarda tıklamalar üstteki gerçek nav’ı
 * yutabiliyor; Ana Sayfa linki çalışmıyor gibi görünür.
 */
.main-header:not(.fixed-header) .sticky-header {
  pointer-events: none !important;
}
.main-header.fixed-header .sticky-header {
  pointer-events: auto !important;
}

/*
 * Ana sayfa — Koleksiyon (art-area): krem zemin (#f6f7f1), intro koyu bloktan yumuşak geçiş.
 * Başlık koyu; “Daha Fazla” butonu çerçeveli koyu metin, hover’da dolgu.
 */
.art-area {
  overflow-x: clip;
  width: 100%;
  box-sizing: border-box;
  background: linear-gradient(
    180deg,
    #e5e4e0 0%,
    #eeede9 48px,
    #f6f7f1 120px,
    #f6f7f1 100%
  ) !important;
  background-image: none !important;
  background-attachment: scroll !important;
}
.art-area .sec-title p {
  color: #6b7280 !important;
}
.art-area .sec-title .big-title h1 {
  color: #2d353d !important;
}
.art-area > .container,
.art-area .art-container {
  width: 100% !important;
  max-width: min(1200px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(20px, 4vw, 48px) !important;
  padding-right: clamp(20px, 4vw, 48px) !important;
  box-sizing: border-box !important;
}
.art-area .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.art-area .row > [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/*
 * "Etiket + büyük başlık" desenini kullanan alanlar — ortalı hizalama
 * (Ana sayfa: Koleksiyon, Etkinlikler, Blog, İstatistikler)
 */
.art-area .top .sec-title,
.events-area .sec-title,
.latest-blog-title .sec-title,
.home-collection-stats-header .sec-title {
  float: none !important;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.art-area .top .sec-title p,
.events-area .sec-title p,
.latest-blog-title .sec-title p,
.home-collection-stats-header .sec-title p,
.art-area .top .sec-title .big-title,
.events-area .sec-title .big-title,
.latest-blog-title .sec-title .big-title,
.home-collection-stats-header .sec-title .big-title {
  text-align: center;
}

/* Blog yerleşimi: başlık üstte, haber kartları altta (events benzeri akış) */
.latest-blog-layout {
  display: block;
}
.latest-blog-layout .latest-blog-header {
  margin-bottom: 32px;
}
.latest-blog-layout .latest-blog-title {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}
.latest-blog-layout .latest-blog-title .sec-title .big-title {
  max-width: 820px;
  margin: 0 auto;
}
.latest-blog-layout .latest-blog-title .sec-title .big-title h1 {
  line-height: 1.16 !important;
  letter-spacing: -0.02em;
  margin: 0 !important;
}
.latest-blog-layout .latest-blog-title .text {
  max-width: 560px;
  margin: 0 auto;
  text-align: center;
}
.latest-blog-layout .latest-blog-title .latest-blog-inline-link {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.latest-blog-layout .latest-blog-cards-row {
  row-gap: 28px;
}
.latest-blog-featured-interview {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr);
  gap: clamp(20px, 3vw, 46px);
  align-items: center;
}
.latest-blog-featured-media-wrap {
  position: relative;
}
.latest-blog-featured-media {
  display: block;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.latest-blog-featured-media img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.latest-blog-featured-copy h3 {
  margin: 0 0 14px;
  font-family: "Inter", "SF Pro Text", system-ui, sans-serif;
  font-size: clamp(30px, 3.2vw, 48px);
  line-height: 1.08;
  color: #1b1b1b;
}
.latest-blog-featured-copy p {
  margin: 0 0 26px;
  font-family: "Inter", "SF Pro Text", system-ui, sans-serif;
  font-size: clamp(16px, 1.45vw, 32px);
  line-height: 1.45;
  color: #1b1b1b;
}
.latest-blog-featured-copy .btn-one {
  min-width: 162px;
  text-align: center;
}
.latest-blog-feature-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 0;
  background: rgba(20, 20, 20, 0.72);
  color: #fff;
  font-size: 30px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.latest-blog-feature-nav--prev { left: 12px; }
.latest-blog-feature-nav--next { right: 12px; }
@media only screen and (max-width: 767px) {
  .latest-blog-layout .latest-blog-header {
    margin-bottom: 8px;
  }
  .latest-blog-layout .latest-blog-title .text p {
    margin-bottom: 8px;
  }
  .latest-blog-featured-interview {
    grid-template-columns: 1fr;
    gap: clamp(14px, 3.5vw, 20px);
    align-items: stretch;
  }
  .latest-blog-featured-copy {
    padding: 0 clamp(4px, 1vw, 8px);
  }
  .latest-blog-featured-copy p {
    margin: 0;
    font-size: clamp(15px, 3.8vw, 17px) !important;
    line-height: 1.55 !important;
  }
  .latest-blog-feature-nav {
    width: 36px;
    height: 36px;
    font-size: 26px;
  }
}
.art-area .view-more-button .btn-one {
  background: transparent !important;
  border: 2px solid #2d353d !important;
  color: #2d353d !important;
}
.art-area .view-more-button .btn-one:before {
  display: none !important;
}
.art-area .view-more-button .btn-one:hover {
  background: #2d353d !important;
  color: #ffffff !important;
  border-color: #2d353d !important;
}
/* Figma: buton koleksiyon ızgarasının altında ortada */
.art-area .art-area-view-more {
  text-align: center;
  padding-top: 48px;
  padding-bottom: 8px;
}
.art-area .art-area-view-more .view-more-button {
  margin-top: 0 !important;
  display: inline-block;
}

/*
 * Ana sayfa öne çıkan parçalar — Koleksiyon sayfasıyla aynı oranlar (tileAspectRatio).
 */
.art-figma-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-items: start;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.art-figma-grid > .art-figma-item {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  margin: 0 !important;
}
.art-figma-grid .single-art-box {
  margin-bottom: 0 !important;
}
.art-figma-grid .single-art-box .img-holder {
  border-radius: 16px;
  width: 100%;
}
.art-figma-item--wide {
  grid-column: span 2;
}
.art-area .single-art-box .img-holder .overlay-content {
  display: none !important;
}
.art-area .single-art-box .img-holder .art-figma-image-link {
  position: absolute;
  inset: 0;
  display: block;
}
.art-area .single-art-box .img-holder img {
  transform: scale(1) !important;
  transition: transform 0.28s ease !important;
}
.art-area .single-art-box:hover .img-holder img {
  transform: scale(1.045) !important;
}

/*
 * Koleksiyon — tablet/mobil (≤991px):
 * masaüstü düzenini koru, ancak taşma/okunurluk için boşlukları azalt.
 */
@media only screen and (max-width: 991px) {
  .art-area {
    padding-top: clamp(40px, 9vw, 88px) !important;
    padding-bottom: clamp(28px, 6vw, 56px) !important;
  }
  .art-area .top .sec-title {
    padding-bottom: clamp(18px, 4vw, 36px) !important;
  }
  .art-area .sec-title .big-title h1 {
    font-size: clamp(22px, 5.2vw, 34px) !important;
    line-height: 1.12 !important;
  }
  .art-area .art-area-view-more {
    padding-top: clamp(20px, 4vw, 40px) !important;
  }

  .art-area > .container,
  .art-area .art-container {
    padding-left: max(16px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(16px, env(safe-area-inset-right, 0px)) !important;
  }
  .art-figma-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(6px, 1.5vw, 10px);
  }
  .art-figma-item--wide {
    grid-column: 1 / -1;
  }

  .art-area .single-art-box:hover .img-holder img {
    transform: scale(1.03) !important;
  }
}

@media only screen and (max-width: 767px) {
  .art-area .art-figma-item--wide .img-holder {
    aspect-ratio: 700 / 430 !important;
  }
  .art-area .art-figma-item--match-wide .img-holder {
    aspect-ratio: 350 / 430 !important;
  }
}

/*
 * Art Collection — eski global margin-bottom (flex-wrap kullanılan durumlar için fallback)
 */
.single-art-box {
  margin-bottom: 20px;
}

/*
 * İç sayfa üst şeffaf bar (header-top-style3)
 * Template'de Register/Login + sosyal linkler barıydı (~58px).
 * Biz bu barı boş bıraktık; aynı yüksekliği korumak için min-height atıyoruz.
 * Header position:relative olduğundan bu yükseklik, breadcrumb overlap'ini belirler.
 */
.header-top-style3 {
  min-height: 58px !important;
  display: block !important;
}

/*
 * Intro (Tanıtım kartı) — Konum taşmasını engelle
 * Uzun adresler tek satırda taşmasın, otomatik kırılsın.
 */
.intro-area .plan-your-visit .title-holder p {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/*
 * Admin canlı önizleme (iframe): sol metin kısa olsa bile sağdaki çalışma saatleri + konum
 * panelinin kesilmemesi için intro kutusuna minimum yükseklik.
 */
.intro-preview-intro-box {
  min-height: 520px;
}

/*
 * Marka — Layer_1.svg + yanında isim; template’in inline-block + baseline hizasını bozmasın.
 */
.site-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px;
  text-decoration: none !important;
  vertical-align: middle;
}
.site-brand:hover {
  text-decoration: none !important;
}
.header-upper-left .logo .site-brand,
.header-upper-left-style4 .logo .site-brand,
.sticky-header .logo .site-brand {
  display: inline-flex !important;
  align-items: center !important;
}
.site-brand__mark {
  height: auto;
  max-height: 52px;
  width: auto;
  max-width: 72px;
  object-fit: contain;
  flex-shrink: 0;
  display: block;
}
.site-brand__name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  line-height: 1;
  align-self: center;
}
.site-brand__line1,
.site-brand__line2 {
  /* Figma'daki görünüm: SF Pro (Light) */
  font-family: "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;
  font-weight: 300;
  letter-spacing: 0;
  text-transform: uppercase;
}
.site-brand__line1 {
  font-size: 24.33px;
  line-height: 0.9;
}
.site-brand__line2 {
  font-size: 18.9px;
  line-height: 1.05;
  margin-top: 3px;
}
.site-brand--on-dark .site-brand__line1,
.site-brand--on-dark .site-brand__line2 {
  color: #f6f7f1;
}
/* logo.png: açık ton — koyu şeritte ek filtre yok */
.site-brand--on-dark .site-brand__mark {
  filter: none;
}
.site-brand--on-light .site-brand__line1,
.site-brand--on-light .site-brand__line2 {
  color: #2d353d;
}
/* Beyaz zemin (footer) üzerinde açık logoyu okunur kılmak için */
.site-brand--on-light .site-brand__mark {
  filter: brightness(0.42) contrast(1.15);
}

/*
 * Mobil (≤991px): düz üst şerit + yandan menü (drawer). Bootstrap collapse gizli.
 */
/* Mobil üst şerit + drawer — T Bar Figma #1E1E1E; drawer panel açık renk */
.mo-pub-header-mobile-strip {
  display: none;
}
.mo-pub-header-mobile-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mo-nav-burger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
}
.mo-nav-burger span {
  display: block;
  height: 2px;
  width: 100%;
  background: #f6f7f1;
  border-radius: 1px;
}

.mo-drawer-root {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}
.mo-drawer-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background: rgba(45, 53, 61, 0.42);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}
.mo-drawer-panel {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: min(90vw, 320px);
  max-width: 100%;
  box-sizing: border-box;
  background: #f6f7f1;
  color: #2d353d;
  box-shadow: -8px 0 32px rgba(30, 30, 30, 0.12);
  border-left: 1px solid rgba(45, 53, 61, 0.12);
  padding-top: env(safe-area-inset-top, 0px);
  animation: moDrawerIn 0.28s ease-out both;
}
.mo-drawer-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  min-height: 56px;
  padding: 0 max(16px, env(safe-area-inset-right, 0px)) 0 max(16px, env(safe-area-inset-left, 0px));
  border-bottom: 1px solid rgba(45, 53, 61, 0.12);
  box-sizing: border-box;
}
.mo-drawer-panel__title {
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #2d353d;
}
.mo-drawer-panel__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-right: -8px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #2d353d;
  cursor: pointer;
  transition: background 0.15s ease;
}
.mo-drawer-panel__close:hover {
  background: rgba(45, 53, 61, 0.08);
}
.mo-drawer-panel__nav {
  flex: 1;
  overflow-y: auto;
  padding: 4px 0 max(12px, env(safe-area-inset-bottom, 0px));
  -webkit-overflow-scrolling: touch;
}
.mo-drawer-panel__nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mo-drawer-link {
  display: block;
  padding: 14px max(20px, env(safe-area-inset-right, 0px)) 14px
    max(20px, env(safe-area-inset-left, 0px));
  font-size: 1rem;
  line-height: 1.35;
  color: #2d353d !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(45, 53, 61, 0.08);
  transition: background 0.15s ease;
}
.mo-drawer-link:hover {
  background: rgba(45, 53, 61, 0.06);
  color: #2d353d !important;
}
.mo-drawer-link--active {
  font-weight: 600;
  background: rgba(45, 53, 61, 0.08);
  color: #2d353d !important;
}
@keyframes moDrawerIn {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

@media only screen and (max-width: 991px) {
  .mo-pub-header-mobile-strip.mo-pub-header-mobile-strip--site {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: clamp(4px, 1.5vw, 12px);
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 8px max(10px, env(safe-area-inset-left, 0px)) 10px
      max(10px, env(safe-area-inset-right, 0px));
    min-height: 52px;
    box-sizing: border-box;
    background: #1e1e1e !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0 !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset;
    min-width: 0;
  }
  .mo-pub-header-mobile-strip .site-brand {
    min-width: 0;
    flex: 1 1 auto;
    /* İkon+metin kırpılmasın; responsive #fff sızıntısında açık logo kaybolabiliyordu */
    overflow: visible;
    max-width: calc(100% - 118px);
  }
  .mo-pub-header-mobile-strip .site-brand__name {
    min-width: 0;
    overflow: hidden;
  }
  .mo-pub-header-mobile-strip .site-brand--on-dark .site-brand__line1 {
    font-size: clamp(10px, 2.6vw, 15px) !important;
    line-height: 1 !important;
  }
  .mo-pub-header-mobile-strip .site-brand--on-dark .site-brand__line2 {
    font-size: clamp(9px, 2.2vw, 13px) !important;
    line-height: 1.05 !important;
    margin-top: 2px !important;
  }
  .mo-pub-header-mobile-strip .site-brand__mark {
    max-height: clamp(36px, 10vw, 48px) !important;
    max-width: clamp(44px, 12vw, 56px) !important;
    flex-shrink: 0;
  }
  .mo-pub-header-mobile-actions {
    flex-shrink: 0;
    gap: clamp(4px, 1.2vw, 8px);
  }
  .mo-nav-burger {
    display: flex !important;
    width: clamp(38px, 11vw, 44px);
    height: clamp(38px, 11vw, 44px);
    padding: 8px;
    flex-shrink: 0;
  }

  .mo-desktop-header-row,
  .mo-desktop-sticky,
  .main-header-style4 .header-top-style3.mo-desktop-top-strip {
    display: none !important;
  }

  /*
   * responsive.css (≤767 / 768–991) .header-upper .outer-box { background: #fff } T Bar’ı
   * beyaza çevirmesin: bu projede tüm yükseklik mobil şerit + aynı #1E1E1E.
   * Masaüstü .container sadece gizli outer-box’ı tutar; yine de tamamen gizle.
   */
  .main-header.mo-pub-header .header-upper,
  .main-header.mo-pub-header .header-upper-style4 {
    background: #1e1e1e !important;
  }
  .main-header.mo-pub-header .header-upper .outer-box,
  .main-header.mo-pub-header .header-upper-style4 .outer-box {
    background: #1e1e1e !important;
  }
  .main-header.mo-pub-header .header-upper > .container,
  .main-header.mo-pub-header .header-upper-style4 > .container {
    display: none !important;
  }

  /* Sabit üst çubuk — tam genişlik, tek katman */
  .main-header.mo-pub-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    max-width: 100vw;
    z-index: 99999 !important;
    background: #1e1e1e !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
    overflow: visible !important;
  }
  .main-header.mo-pub-header .header-upper,
  .main-header.mo-pub-header .header-upper-style4 {
    position: relative !important;
    padding-top: env(safe-area-inset-top, 0px);
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
    overflow-x: visible;
    overflow-y: visible;
  }
  .main-header.mo-pub-header .header-upper .container,
  .main-header.mo-pub-header .header-upper-style4 .container {
    max-width: 100%;
  }

  /* Ana sayfa: header ile hero arasında beyaz boşluk oluşmasın */
  body:has(.main-header:not(.main-header-style4)) .hero-slider-section.main-slider {
    padding-top: calc(52px + env(safe-area-inset-top, 0px)) !important;
    background: #1e1e1e !important;
  }

  /*
   * İlk ekranda (kaydırmadan önce): şeffaf T Bar — şeritin arkası görünsün
   */
  .main-header.mo-pub-header.mo-pub-header--transparent-at-top:not(.fixed-header) {
    background: transparent !important;
    box-shadow: none !important;
  }
  .main-header.mo-pub-header.mo-pub-header--transparent-at-top:not(.fixed-header)
    .mo-pub-header-mobile-strip.mo-pub-header-mobile-strip--site {
    background: transparent !important;
    border-bottom-color: rgba(255, 255, 255, 0.08);
    box-shadow: none !important;
    background-image: linear-gradient(
      to bottom,
      rgba(20, 20, 20, 0.58) 0%,
      rgba(20, 20, 20, 0.12) 60%,
      transparent 100%
    ) !important;
  }

  body:has(.main-header.mo-pub-header.mo-pub-header--transparent-at-top:not(.fixed-header))
    .hero-slider-section.main-slider {
    background: transparent !important;
  }

  /* İç sayfalar: içerik üst boşluk + boş üst bar kaldırıldığında breadcrumb */
  body:has(.main-header.main-header-style4) main {
    padding-top: calc(56px + env(safe-area-inset-top, 0px) + 8px) !important;
  }
  /* Sabit ince header — eski negatif margin taşmasın */
  body:has(.main-header.main-header-style4) .breadcrumb-area {
    margin-top: 0 !important;
  }
}

@media only screen and (min-width: 992px) {
  .mo-pub-header-mobile-strip {
    display: none !important;
  }
}

/* İletişim — sol bilgi kutusunda marka alanı */
.contactpage-company-info-box .contact-page-brand {
  margin-bottom: 20px;
}
.contactpage-company-info-box .contact-page-brand .site-brand {
  display: inline-flex !important;
}

/*
 * İletişim — OSM gömülü haritada alt şerit (lisans / katkı metni) kesilmesin diye iframe yüksekliği.
 * Lisans için adres kutusunda kısa © bağlantısı (contact/mapOsmCredit).
 */
.contact-map-frame {
  position: relative;
  height: 400px;
  max-width: 100%;
  overflow: hidden;
  line-height: 0;
  border-radius: 4px;
}
.contact-map-frame iframe.contact-page-osm-iframe {
  width: 100% !important;
  height: 460px !important;
  max-height: none;
  border: 0 !important;
  display: block;
  margin: 0;
  transform: translateY(0);
}
.contact-map-osm-credit {
  margin: 12px 0 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.45;
}
.contact-map-osm-credit a {
  color: #888;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.contact-map-osm-credit a:hover {
  color: #2d353d;
}

/*
 * Etkinlik kartı — çift ok ikonu detay sayfasına gitsin (şablon sadece <i> kullanıyordu).
 */
.single-event-box .title-holder .inner h3 a.event-card-chevron {
  float: right;
  position: relative;
  top: 3px;
  color: #2d353d;
  text-decoration: none;
  line-height: 1;
  /* Dokunmatik hedef */
  min-width: 40px;
  min-height: 40px;
  margin: -8px -10px -8px 10px;
  padding: 8px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.25s ease;
}
.single-event-box:hover .title-holder .inner h3 a.event-card-chevron {
  color: #ffffff;
}

/*
 * Koleksiyon / Hatıra Arşivi lightbox — yalnızca sol/sağ gezinme okları.
 */
body[data-mo-simple-gallery="1"] .fancybox-infobar,
body[data-mo-simple-gallery="1"] .fancybox-toolbar,
body[data-mo-simple-gallery="1"] .fancybox-caption-wrap,
body[data-mo-simple-gallery="1"] .fancybox-caption,
body[data-mo-simple-gallery="1"] .fancybox-button--close,
body[data-mo-simple-gallery="1"] .fancybox-button--fullscreen,
body[data-mo-simple-gallery="1"] .fancybox-button--thumbs,
body[data-mo-simple-gallery="1"] .fancybox-button--share,
body[data-mo-simple-gallery="1"] .fancybox-button--download,
body[data-mo-simple-gallery="1"] .fancybox-button--zoom,
body[data-mo-simple-gallery="1"] .fancybox-close-small,
.fancybox-container.mo-simple-gallery-modal .fancybox-infobar,
.fancybox-container.mo-simple-gallery-modal .fancybox-toolbar,
.fancybox-container.mo-simple-gallery-modal .fancybox-caption-wrap,
.fancybox-container.mo-simple-gallery-modal .fancybox-caption,
.fancybox-container.mo-simple-gallery-modal .fancybox-button--close,
.fancybox-container.mo-simple-gallery-modal .fancybox-button--fullscreen,
.fancybox-container.mo-simple-gallery-modal .fancybox-button--thumbs,
.fancybox-container.mo-simple-gallery-modal .fancybox-button--share,
.fancybox-container.mo-simple-gallery-modal .fancybox-button--download,
.fancybox-container.mo-simple-gallery-modal .fancybox-button--zoom,
.fancybox-container.mo-simple-gallery-modal .fancybox-close-small {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
body[data-mo-simple-gallery="1"] .fancybox-container.fancybox-show-infobar .fancybox-infobar,
body[data-mo-simple-gallery="1"] .fancybox-container.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-container.mo-simple-gallery-modal.fancybox-show-infobar .fancybox-infobar,
.fancybox-container.mo-simple-gallery-modal.fancybox-show-toolbar .fancybox-toolbar {
  display: none !important;
}
.mo-simple-gallery-modal .fancybox-bg {
  background: rgba(0, 0, 0, 0.82) !important;
}
.mo-simple-gallery-modal .fancybox-navigation .fancybox-button {
  background: rgba(0, 0, 0, 0.45) !important;
  border-radius: 4px;
}
.mo-simple-gallery-modal .fancybox-navigation .fancybox-button > div {
  padding: 18px 12px;
}
.mo-simple-gallery-modal .fancybox-slide {
  padding: 48px 72px !important;
}
.mo-simple-gallery-modal .fancybox-slide::before {
  display: none !important;
}
.mo-simple-gallery-modal .fancybox-content {
  background: transparent !important;
  padding: 0 !important;
}
.mo-simple-gallery-modal .fancybox-image {
  border-radius: 12px;
}
.mo-simple-gallery-modal .mo-gallery-lightbox-brand {
  position: absolute;
  left: 50%;
  bottom: 28px;
  z-index: 99998;
  transform: translateX(-50%);
  pointer-events: none;
  line-height: 0;
}
.mo-simple-gallery-modal .mo-gallery-lightbox-brand img {
  display: block;
  width: 34px;
  height: auto;
  opacity: 0.92;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.35));
}
body[data-mo-simple-gallery="1"] .scroll-top,
body[data-mo-simple-gallery="1"] .scroll-top.mo-gallery-lightbox-hide {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
/* Geliştirme modu Next.js göstergesi (Vercel üçgeni) lightbox üstüne binmesin */
body[data-mo-simple-gallery="1"] [data-nextjs-toast],
body[data-mo-simple-gallery="1"] [data-next-badge-root],
body[data-mo-simple-gallery="1"] nextjs-portal {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/*
 * Home Collection Lightbox (Figma-style):
 * Tıklanan görsel ortada büyük; sağ/sol komşular sönük ve eş hizalı.
 */
.mo-home-gallery-modal .fancybox-infobar,
.mo-home-gallery-modal .fancybox-toolbar,
.mo-home-gallery-modal .fancybox-caption-wrap,
.mo-home-gallery-modal .fancybox-button--close,
.mo-home-gallery-modal .fancybox-close-small {
  display: none !important;
}
.mo-home-gallery-modal .fancybox-bg {
  background: rgba(0, 0, 0, 0.72) !important;
}
.mo-home-gallery-modal .fancybox-toolbar {
  display: none !important;
}
.mo-home-gallery-modal .fancybox-button {
  background: transparent !important;
}
.mo-home-gallery-modal .fancybox-navigation .fancybox-button {
  display: block !important;
  background: rgba(0, 0, 0, 0.45) !important;
  border-radius: 4px;
}
.mo-home-gallery-modal .fancybox-stage {
  overflow: visible !important;
}
.mo-home-gallery-modal .fancybox-slide {
  padding: 0 !important;
  overflow: visible !important;
}
.mo-home-gallery-modal .fancybox-slide:before {
  display: none !important;
}
.mo-home-gallery-modal .fancybox-slide .fancybox-content {
  width: 372px !important;
  height: 446px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  opacity: 0.6 !important;
  transform: scale(1) !important;
  transition: all 0.16s ease !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25) !important;
}
.mo-home-gallery-modal .fancybox-slide--current .fancybox-content {
  width: 440px !important;
  height: 528px !important;
  border-radius: 18px !important;
  opacity: 1 !important;
  transform: scale(1) !important;
  box-shadow: 0 10px 38px rgba(0, 0, 0, 0.34) !important;
}
.mo-home-gallery-modal .fancybox-slide .fancybox-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.mo-home-gallery-modal .fancybox-slide--previous {
  transform: translate3d(calc(-50% - 230px), 0, 0) !important;
}
.mo-home-gallery-modal .fancybox-slide--next {
  transform: translate3d(calc(50% + 230px), 0, 0) !important;
}
.mo-home-gallery-modal .fancybox-caption-wrap {
  display: none !important;
}
@media only screen and (max-width: 1200px) {
  .mo-home-gallery-modal .fancybox-slide .fancybox-content {
    width: 250px !important;
    height: 300px !important;
  }
  .mo-home-gallery-modal .fancybox-slide--current .fancybox-content {
    width: 300px !important;
    height: 360px !important;
  }
  .mo-home-gallery-modal .fancybox-slide--previous {
    transform: translate3d(calc(-50% - 164px), 0, 0) !important;
  }
  .mo-home-gallery-modal .fancybox-slide--next {
    transform: translate3d(calc(50% + 164px), 0, 0) !important;
  }
}

/*
 * Etkinlik detay — mobilde iki sütun daralıyordu; önce metin, altında bilgi kutusu tam genişlik.
 */
.event-detail-content-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  align-items: start;
  width: 100%;
}
.event-detail-text-col {
  min-width: 0;
}
.event-detail-info-card {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
@media only screen and (min-width: 992px) {
  .event-detail-content-grid {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 400px);
    gap: clamp(28px, 4vw, 50px);
    align-items: start;
  }
}
@media only screen and (max-width: 991px) {
  .event-detail-body {
    padding-top: 40px !important;
    padding-bottom: 56px !important;
  }
  .event-detail-info-card {
    padding: 28px 22px 32px !important;
  }
  .event-detail-banner {
    padding-top: 120px !important;
    padding-bottom: 56px !important;
  }
}

/*
 * İletişim — form + sağda görsel; scroll ile en sağdan yavaşça kayar (template fil animasyonu).
 */
.contact-form-area .auto-container {
  overflow: visible;
}
.contact-page-visual-observer {
  width: 100%;
  max-width: min(100%, 420px);
  overflow: visible;
}
.contact-page-form-row {
  align-items: center;
  overflow: visible;
}
.contact-page-visual-column {
  display: flex;
  justify-content: center;
  padding-top: 28px;
  overflow: visible;
}
@media only screen and (min-width: 992px) {
  .contact-form-area .auto-container {
    max-width: 1240px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .contact-form-area .contact-page-form-row {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(40px, 6vw, 88px);
    padding-right: clamp(8px, 2vw, 24px);
  }
  .contact-form-area .contact-page-form-row .contact-form {
    max-width: 100%;
    margin: 0;
    padding-right: 28px;
  }
  .contact-page-visual-column {
    justify-content: flex-end;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 4px;
  }
}
@keyframes contact-visual-fade-in-right-big {
  from {
    opacity: 0;
    transform: translate3d(55vw, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.contact-page-visual-wrap {
  width: 100%;
  opacity: 0;
  transform: translate3d(55vw, 0, 0);
  will-change: transform, opacity;
}
.contact-page-visual-wrap--visible {
  animation: contact-visual-fade-in-right-big 2.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.contact-page-visual-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 18px;
}
@media (prefers-reduced-motion: reduce) {
  .contact-page-visual-wrap,
  .contact-page-visual-wrap--visible {
    opacity: 1;
    transform: none;
    animation: none;
    will-change: auto;
  }
}

/* Bizden Haberler — liste: metin tam görünsün; görsel yalnızca kendi alanında tıklanabilir */
.page-blog-list .single-blog-post .img-holder {
  position: relative;
  z-index: 1;
}
.page-blog-list .single-blog-post .img-holder .blog-post-media-link {
  display: block;
  cursor: pointer;
}
.page-blog-list .single-blog-post .img-holder .blog-post-media-link img,
.page-blog-list .single-blog-post .img-holder .blog-video-play-trigger__poster {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}
.page-blog-list .single-blog-post .img-holder .overlay-style-one {
  pointer-events: none;
}
.page-blog-list .single-blog-post .text-holder {
  position: relative;
  z-index: 2;
  margin-top: 0 !important;
  margin-right: 0 !important;
  pointer-events: none;
}
.page-blog-list .single-blog-post .text-holder a,
.page-blog-list .single-blog-post .text-holder .btn-one,
.page-blog-list .single-blog-post .text-holder .blog-title-link-btn {
  pointer-events: auto;
  cursor: pointer;
}
@media only screen and (min-width: 992px) {
  .page-blog-list .single-blog-post .text-holder {
    margin-top: -20px !important;
    margin-right: clamp(12px, 3vw, 32px) !important;
  }
}
@media only screen and (max-width: 991px) {
  .page-blog-list .single-blog-post .text-holder {
    padding: clamp(16px, 4vw, 22px) clamp(14px, 3.5vw, 20px) !important;
  }
  .page-blog-list .single-blog-post .text-holder .blog-title {
    font-size: clamp(18px, 4.5vw, 22px) !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
  }
  .page-blog-list .single-blog-post .text-holder .text {
    font-size: clamp(14px, 3.6vw, 16px) !important;
    line-height: 1.55 !important;
  }
}

/* CustomVideoPlayer — YouTube/Vimeo, markasız görünüm */
.custom-video-player {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #0f0f0f;
}
.custom-video-player__media {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.custom-video-player__media > div,
.custom-video-player__media iframe,
.custom-video-player__media video {
  width: 100% !important;
  height: 100% !important;
}
.custom-video-player--slider {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: transparent;
}
/* Slider: alan tam dolsun; hafif zoom ile üst/alt YouTube şeridi kesilir (siyah bant yok) */
.custom-video-player--slider .custom-video-player__media {
  overflow: hidden;
}
.custom-video-player--slider .custom-video-player__media > div {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.custom-video-player--slider .custom-video-player__media youtube-video {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  min-width: 0 !important;
  transform: scale(1.28) translate(clamp(10px, 1.4vw, 22px), -2%) !important;
  transform-origin: 48% 46% !important;
}
/* 2. slayt: videodaki kanal logosu/başlığı üstte kesilmesin (zoom yukarı itmesin) */
.hero-slider-section--video-active .custom-video-player--slider .custom-video-player__media youtube-video {
  transform: scale(1.2) translate(clamp(8px, 1.2vw, 18px), 1%) !important;
  transform-origin: 50% 47% !important;
}
.custom-video-player__poster {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.custom-video-player--embed {
  position: absolute;
  inset: 0;
}
.custom-video-player--embed .custom-video-player__media iframe,
.custom-video-player--slider .custom-video-player__media iframe {
  border: 0;
}
.custom-video-player__mute {
  position: absolute;
  right: clamp(14px, 3vw, 24px);
  bottom: clamp(14px, 3vw, 24px);
  z-index: 25;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 999px;
  background: rgba(15, 15, 15, 0.72);
  color: #f6f7f1;
  font-family: "Inter", "SF Pro Text", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  cursor: pointer;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: background 0.2s ease, border-color 0.2s ease;
}
.custom-video-player__mute:hover {
  background: rgba(45, 53, 61, 0.88);
  border-color: rgba(255, 255, 255, 0.55);
}

/* Bizden Haberler — kapak + oynat (popup tetikleyici) */
.blog-video-play-trigger {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  text-align: inherit;
  font: inherit;
  color: inherit;
  overflow: hidden;
}
.blog-video-play-trigger__poster {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.blog-video-play-trigger__overlay {
  position: absolute;
  inset: 0;
  background: rgba(12, 12, 12, 0.28);
  transition: background 0.2s ease;
}
.blog-video-play-trigger:hover .blog-video-play-trigger__overlay,
.blog-video-play-trigger:focus-visible .blog-video-play-trigger__overlay {
  background: rgba(12, 12, 12, 0.42);
}
.blog-video-play-trigger__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: clamp(56px, 12vw, 76px);
  height: clamp(56px, 12vw, 76px);
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.94);
  color: #2d353d;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
  pointer-events: none;
}
.blog-video-play-trigger__icon svg {
  margin-left: 4px;
}

/* Bizden Haberler — video popup (sayfa değiştirmeden) */
.blog-video-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100050 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: max(16px, env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px))
    max(16px, env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));
  box-sizing: border-box;
  isolation: isolate;
}
.blog-video-modal__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  padding: 0;
  margin: 0;
  background: rgba(8, 8, 8, 0.82);
  cursor: pointer;
}
.blog-video-modal__panel {
  position: relative;
  z-index: 1;
  width: min(920px, 100%);
  max-height: min(92dvh, 92vh);
  overflow: auto;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
}
.blog-video-modal__close {
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 5;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 999px;
  background: rgba(20, 20, 20, 0.72);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}
.blog-video-modal__player {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: min(52vw, 420px);
  background: #0f0f0f;
  border-radius: 14px;
  overflow: hidden;
}
.blog-video-modal__player .custom-video-player {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.blog-video-modal__player .custom-video-player--embed {
  position: absolute !important;
  inset: 0 !important;
}
.blog-video-modal__player .custom-video-player__media,
.blog-video-modal__player .custom-video-player__media > div,
.blog-video-modal__player .custom-video-player__media iframe {
  width: 100% !important;
  height: 100% !important;
}
.blog-detail-video-trigger {
  border-radius: 12px;
}
.blog-detail-video-wrap {
  margin-bottom: 28px;
}
.blog-video-modal__meta {
  padding: 20px 22px 24px;
}
.blog-video-modal__title {
  margin: 0 0 10px;
  font-family: "Inter", "SF Pro Text", system-ui, sans-serif;
  font-size: clamp(18px, 3.5vw, 22px);
  line-height: 1.3;
  color: #2d353d;
}
.blog-video-modal__excerpt {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: #5a5a5a;
}
.page-blog-list .blog-post-media-link--video,
.page-blog-list .blog-title-link-btn,
.latest-blog-featured-media--video {
  display: block;
  width: 100%;
}
.page-blog-list .blog-title-link-btn {
  text-decoration: none;
}
.page-blog-list .blog-title-link-btn:hover,
.page-blog-list .single-blog-post .text-holder .blog-title a:hover {
  color: #000;
}

/* (blog-detail-video-wrap → yukarıda popup tetikleyici ile) */