/* ==========================================================================
   Balcı teması — Hero (egricayir.com/tr hero'su ile birebir)
   Referans: docs/referans/REFERANS-KUNYE.md bölüm B
   Bölüm 1: style-swiper v1.1.0 CSS (docs/referans/style-swiper.css, birebir)
   Bölüm 2: hero yerleşimi — video arka plan + açık örtü + metin + bindirmeli, TAM GENİŞLİK 3 kolon
   Bölüm 3: video popup (.bpb-video-modal — hero.js kurar)
   Token'lar balci.css :root'tan gelir (--bpb-hero-*, --bpb-s*, --bpb-font-display, --bpb-overlay).
   Kırılımlar künyeyle birebir (Tailwind md/lg/xl): 768 / 1024 / 1280; video katmanı 1023'te değişir.
   Izgara dış boşluğu (--bpb-hero-pad) proje kırılımlarıyla: 16 (<768) / 32 (≥768) / 64 (≥992) / 128 (≥1280).
   Bileşene özgü değerler .bpb-hero üzerinde tanımlı: --bpb-hero-pad, --bpb-hero-play-bg (yarı saydam beyaz daire),
   --bpb-hero-ortu-ust / --bpb-hero-ortu-alt (üstte hafif koyu örtü .34→0: video canlı) + --bpb-hero-baslik-renk (krem başlık/açıklama) + --bpb-hero-hale (koyu text-shadow). Altyazı/düğme metni --bpb-hero-text (#2f261e) beyaz panelde kalır.
   Yan kartlar (2.6): görsel 696×436 oranı ve kolon hizası sabit; kart içi katmanlar (örtü, başlık, play, rozet, açıklama)
   görselin ÜSTÜNDE konumlanır — kartın dış ölçüsünü değiştirmez. Kart genişliğine göre ölçek: container query birimleri
   (cqw; .bpb-hero__card container-type: inline-size), desteklenmeyen tarayıcıda px yedekleri kalır.
   --bpb-hero-kart-ortu (koyu kahve örtü rengi), --bpb-hero-glow (play halkası — hero düğme sarısı).
   ========================================================================== */

/* ---------- 1. style-swiper (birebir) ---------- */

/* Container */
.style-swiper-container {
	position:relative;
}

.style-swiper-slide-btn-wrap {
	position:relative;
}

/* Slides */
.style-swiper-slides {
	display:flex;
	overflow-x:auto;
	scroll-snap-type:mandatory; /* Fallback if "x" not supported */
	scroll-snap-type:x mandatory;
	-ms-scroll-snap-type:mandatory;
	-webkit-scroll-snap-type:mandatory;
	-webkit-scroll-snap-destination:0% 0%;
	-webkit-overflow-scrolling:touch;
	/* Note:IE11 only supports touch - graceful fallback is standard scroll area */
}
.style-swiper-slides > * {
	flex-shrink:0;
	max-width:100%;
	scroll-snap-align:start;
}

/* Buttons */
.style-swiper-btn-prev, .style-swiper-btn-next {
	position:absolute;
	top:50%;
	margin:0px;
	padding:0px;
}
.style-swiper-btn-prev {
	left:-10px;
}
.style-swiper-btn-next {
	right:-10px;
}

@media (min-width: 992px) {
	.style-swiper-btn-prev {
		left:-23px;
	}
	.style-swiper-btn-next {
	right:-23px;
}
}

/* Pagination */
.style-swiper-pagination-wrap {
	margin:auto;
	padding:auto;

	z-index:9999;
	text-align:center;
}

.style-swiper-pagination {
	display:inline-block;
}
.style-swiper-page {
	display:inline-block;
	margin:5px;
}
.style-swiper-page button {
	border:0;
	width:10px;
	height:10px;
	border-radius:10px;
	background-color:#f0dfb9;
	cursor:pointer;
}
.style-swiper-page.style-swiper-visible button {
	background-color:#f0dfb9;
}
.style-swiper-page.style-swiper-active button {
	background-color:#2f261e;
}

/* Scrollbar */
.hide-scrollbar {
	scrollbar-width:none; /* Firefox */
	-ms-overflow-style:none;
}
.hide-scrollbar::-webkit-scrollbar {
	display:none;
}

/* Hidden */
.style-swiper-hidden {
	display:none;
}

/* ---------- 2. Hero ---------- */

/* 2.1 Kabuk */
.bpb-hero {
  --bpb-hero-pad: var(--bpb-s4);                       /* ızgara dış boşluğu: 16 → 32 → 64 → 128 (aşağıdaki kırılımlar) */
  --bpb-hero-play-bg: rgba(255, 255, 255, .85);        /* play dairesi zemini (referans: yarı saydam beyaz) */
  --bpb-hero-ortu-ust: rgba(47, 38, 30, .34);          /* üstte hafif koyu örtü (metin bandı), alta doğru sıfır: video canlı kalır */
  --bpb-hero-ortu-alt: rgba(47, 38, 30, 0);
  --bpb-hero-baslik-renk: #fff8e7;                     /* başlık/açıklama: krem — müşterinin koyu tonlu videosu üstünde okunur (referansta açık video + koyu metin) */
  --bpb-hero-hale: rgba(47, 38, 30, .55);              /* başlık/açıklama arkasındaki koyu gölge halesi */
  --bpb-hero-kart-ortu: 31, 22, 12;                    /* yan kart örtüsü (koyu kahve, rgb bileşenleri — alfa yerinde) */
  --bpb-hero-glow: 245, 201, 106;                      /* play halkası / vurgu sarısı (= --bpb-hero-btn) rgb bileşenleri */
  --bpb-hero-kart-krem: #fff8e7;                       /* görsel üstü metin rengi */
  position: relative;
  width: 100%;
  color: var(--bpb-hero-text);
}
.bpb-hero [hidden] { display: none !important; }
@media (min-width: 768px)  { .bpb-hero { --bpb-hero-pad: var(--bpb-s7); } }
@media (min-width: 992px)  { .bpb-hero { --bpb-hero-pad: var(--bpb-s10); } }
@media (min-width: 1280px) { .bpb-hero { --bpb-hero-pad: 128px; } }        /* künye xl:pl-32 / xl:pr-32 */

/* 2.2 Arka plan katmanı: video / poster (z 0) → açık örtü (::after, z 1) → metin (z 2) */
.bpb-hero__bg {
  position: relative;
  overflow: hidden;
  background: var(--bpb-hero-bg);
}
.bpb-hero__video,
.bpb-hero__poster {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.bpb-hero__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, var(--bpb-hero-ortu-ust) 0%, var(--bpb-hero-ortu-alt) 100%);
  pointer-events: none;
}
.bpb-hero__video--mobile { display: none; }
.bpb-hero__poster--yedek { display: none; }
@media (max-width: 1023px) {
  .bpb-hero__video--desktop { display: none; }
  .bpb-hero__video--mobile { display: block; }
}

/* 2.3 Metin alanı: 400 / 500 / 360px (mobil / tablet / masaüstü), ortalı; örtünün üstünde */
.bpb-hero__text {
  position: relative;
  z-index: 2;
  height: 400px;
  padding: 0 var(--bpb-gutter);
  text-align: center;
  color: var(--bpb-hero-text);
}
.bpb-hero__title {
  padding-top: var(--bpb-s6);
  font-family: var(--bpb-font-display);
  font-weight: 300;
  font-size: 30px;
  line-height: 1.2;
  color: var(--bpb-hero-baslik-renk);
  text-shadow: 0 2px 6px var(--bpb-hero-hale), 0 0 24px var(--bpb-hero-hale); /* krem metin canlı video üstünde okunur */
}
/* Slayt başlığı boşken h1 site adını taşır (yalnız ekran okuyucu); yerleşimde yer kaplamaz */
.bpb-hero__title.bpb-sr-only { padding: 0; }
.bpb-hero__desc {
  max-width: 673px;
  margin: 0 auto;
  padding-top: var(--bpb-s1);
  font-size: var(--bpb-fs-sm);
  line-height: 1.5;
  color: var(--bpb-hero-baslik-renk);
  text-shadow: 0 1px 4px var(--bpb-hero-hale), 0 0 18px var(--bpb-hero-hale);
}

/* 2.4 Panel + bindirmeli ızgara (-210 / -320 / -218px) — TAM GENİŞLİK (container yok), dış boşluk --bpb-hero-pad */
.bpb-hero__grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: var(--bpb-s6);
  width: 100%;
  margin: -210px auto 0;
  padding: 0 var(--bpb-hero-pad);
}
.bpb-hero__col {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
}
.bpb-hero__col--card { padding: 0 var(--bpb-s2); justify-content: flex-end; } /* sol/sağ kart: alt hizalı — ikisi aynı yapıda olduğundan görsel/altyazı/düğme aynı hizada */

/* 2.5 Orta kolon: ürün slider'ı — 370×354 şeffaf PNG, zemin yok, contain */
.bpb-hero .style-swiper-container {
  width: 100%;
  max-width: 370px;
}
.bpb-hero .style-swiper-slide-btn-wrap { z-index: 999; }
.bpb-hero .style-swiper-slides { touch-action: pan-y; }
.bpb-hero__slide { width: 100%; }
.bpb-hero__slide-inner { text-align: center; }
.bpb-hero__slide-link { display: block; }
.bpb-hero__slide img {
  display: block;
  width: 370px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 370 / 354;
  margin: 0 auto;
  object-fit: contain;
  background: transparent;
}
.bpb-hero .style-swiper-pagination-wrap {
  position: relative;
  height: 30px;
}
.bpb-hero .style-swiper-page button {
  position: relative;
  display: block;
  padding: 0;
  transition: background-color var(--bpb-dur);
}
/* Görsel nokta 10px kalır; dokunma alanı 40×40 (::before) */
.bpb-hero .style-swiper-page button::before {
  content: "";
  position: absolute;
  top: -15px;
  right: -15px;
  bottom: -15px;
  left: -15px;
}
.bpb-hero .style-swiper-pagination { vertical-align: middle; }

/* Duraklat / oynat (WCAG 2.2.2): 24px daire, nokta renkleri (pasif --bpb-hero-dot, basılı --bpb-hero-text);
   dokunma alanı 40×40 (::before). Sunucuda hidden gelir; hero.js autoplay mümkünse açar. */
.bpb-hero__pause {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-left: var(--bpb-s2);
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--bpb-hero-dot);
  color: var(--bpb-hero-text);
  cursor: pointer;
  transition: background-color var(--bpb-dur), color var(--bpb-dur);
}
.bpb-hero__pause::before {
  content: "";
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}
.bpb-hero__pause:hover,
.bpb-hero__pause[aria-pressed="true"] {
  background: var(--bpb-hero-text);
  color: var(--bpb-hero-dot);
}
.bpb-hero__pause:focus-visible {
  outline: 2px solid var(--bpb-hero-text);
  outline-offset: 2px;
}
.bpb-hero__pause-ico { display: block; }
.bpb-hero__pause-ico--play { display: none; }
.bpb-hero__pause[aria-pressed="true"] .bpb-hero__pause-ico--pause { display: none; }
.bpb-hero__pause[aria-pressed="true"] .bpb-hero__pause-ico--play { display: block; }
.bpb-hero__cta { margin-top: var(--bpb-s6); }

/* 2.6 Sol / sağ kart: görsel kolon genişliğinde, 696×436 (16:10) oranı korunur, cover.
   Kart bir sorgu kapsayıcısı: içindeki başlık/play/rozet ölçüleri kart genişliğiyle (cqw) ölçeklenir —
   1024-1279 arasında görsel ~270px, 1920'de 504px, mobilde 272-343px. */
.bpb-hero__card {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  container-type: inline-size;
}
.bpb-hero__card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 696 / 436;
  object-fit: cover;
}

/* --- Video kart: <button> sıfırlaması; görsel → koyu→saydam örtü → büyük harf başlık (sol üst) → play (sol alt); popup hero.js'te --- */
.bpb-hero__card--video {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--bpb-text);
  font: inherit;
  text-align: left;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.bpb-hero__card--video:focus-visible {
  outline: 2px solid var(--bpb-hero-text);
  outline-offset: 2px;
}
.bpb-hero__card--video img {
  transition: transform .6s var(--bpb-ease);
}
.bpb-hero__card-ortu {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg,
    rgba(var(--bpb-hero-kart-ortu), .78) 0%,
    rgba(var(--bpb-hero-kart-ortu), .42) 55%,
    rgba(var(--bpb-hero-kart-ortu), .18) 100%);
  pointer-events: none;
  transition: opacity var(--bpb-dur);
}
.bpb-hero__card--video:hover .bpb-hero__card-ortu,
.bpb-hero__card--video:focus-visible .bpb-hero__card-ortu { opacity: .72; } /* örtü hafif açılır */
.bpb-hero__card--video:hover img { transform: scale(1.03); }
.bpb-hero__card-baslik {
  position: absolute;
  top: 20px;
  right: 20px;
  left: 20px;
  z-index: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-family: var(--bpb-font);
  font-weight: 700;
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: .01em;
  text-transform: none; /* büyük harf sunucuda (Türkçe İ/I güvenli) */
  color: var(--bpb-hero-kart-krem);
  text-shadow: 0 2px 10px rgba(var(--bpb-hero-kart-ortu), .6);
  pointer-events: none;
}
.bpb-hero__card-vurgu { color: var(--bpb-hero-btn); }
@container (min-width: 200px) {
  .bpb-hero__card-baslik {
    top: clamp(12px, 5cqw, 28px);
    right: clamp(12px, 5cqw, 28px);
    left: clamp(12px, 5cqw, 28px);
    font-size: clamp(20px, 8.4cqw, 34px);
  }
}
.bpb-hero__play {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: var(--bpb-hero-play-bg);
  color: var(--bpb-hero-text);
  box-shadow: 0 0 0 10px rgba(var(--bpb-hero-glow), .35), 0 0 32px 6px rgba(var(--bpb-hero-glow), .38);
  pointer-events: none;
  animation: bpbHeroNabiz 2.4s ease-in-out infinite;
  transition: background-color var(--bpb-dur), color var(--bpb-dur), transform var(--bpb-dur) var(--bpb-ease);
}
@container (min-width: 200px) {
  .bpb-hero__play {
    bottom: clamp(12px, 5cqw, 28px);
    left: clamp(12px, 5cqw, 28px);
    width: clamp(52px, 20cqw, 70px);
    height: clamp(52px, 20cqw, 70px);
  }
}
.bpb-hero__play svg {
  display: block;
  width: 40%;
  height: 40%;
  margin-left: 4%; /* üçgenin optik merkezi */
}
.bpb-hero__card--video:hover .bpb-hero__play,
.bpb-hero__card--video:focus-visible .bpb-hero__play {
  background: var(--bpb-hero-btn);
  color: var(--bpb-hero-text);
  transform: scale(1.06);
  animation-play-state: paused;
}
/* Nabız: dış halka genişler ve solar (yalnız box-shadow — yerleşim tetiklemez) */
@keyframes bpbHeroNabiz {
  0%, 100% { box-shadow: 0 0 0 10px rgba(var(--bpb-hero-glow), .35), 0 0 32px 6px rgba(var(--bpb-hero-glow), .38); }
  50%      { box-shadow: 0 0 0 16px rgba(var(--bpb-hero-glow), .12), 0 0 40px 10px rgba(var(--bpb-hero-glow), .22); }
}

/* --- Kampanya kart (sağ, t47 = kampanya): görsel → sol üst rozetler (KAMPANYA · Son gün) → alt açıklama şeridi --- */
.bpb-hero__card--kampanya img { transition: transform .6s var(--bpb-ease); }
.bpb-hero__card--kampanya:hover img,
.bpb-hero__card--kampanya:focus-visible img { transform: scale(1.03); }
.bpb-hero__card--kampanya:focus-visible {
  outline: 2px solid var(--bpb-hero-text);
  outline-offset: 2px;
}
.bpb-hero__rozetler {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: var(--bpb-s2);
  max-width: calc(100% - 24px);
  pointer-events: none;
}
.bpb-hero__rozet {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 var(--bpb-s3);
  border-radius: var(--bpb-radius);
  background: var(--bpb-primary);
  color: var(--bpb-hero-text);
  font-family: var(--bpb-font);
  font-size: var(--bpb-fs-xs);
  font-weight: 700;
  letter-spacing: .08em; /* büyük harf sunucuda (Türkçe güvenli) */
  line-height: 1;
  white-space: nowrap;
}
.bpb-hero__rozet--gun {
  background: rgba(var(--bpb-hero-kart-ortu), .8);
  color: var(--bpb-hero-kart-krem);
  letter-spacing: .02em;
}
.bpb-hero__card-aciklama {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding: var(--bpb-s7) var(--bpb-s4) var(--bpb-s3);
  background: linear-gradient(180deg, rgba(var(--bpb-hero-kart-ortu), 0) 0%, rgba(var(--bpb-hero-kart-ortu), .82) 100%);
  font-size: var(--bpb-fs-md);
  line-height: 1.4;
  color: var(--bpb-hero-kart-krem);
  text-shadow: 0 1px 4px rgba(var(--bpb-hero-kart-ortu), .6);
  pointer-events: none;
}
@container (min-width: 200px) {
  .bpb-hero__rozetler { top: clamp(10px, 4cqw, 20px); left: clamp(10px, 4cqw, 20px); }
  .bpb-hero__card-aciklama { padding: var(--bpb-s7) clamp(10px, 4cqw, 20px) clamp(10px, 3.5cqw, 16px); }
}
.bpb-hero__caption {
  min-height: 40px;
  margin: var(--bpb-s6) 0 0;
  font-family: var(--bpb-font-display);
  font-size: var(--bpb-fs-xl);
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 1.3;
  text-align: center;
  color: var(--bpb-hero-text);
}
.bpb-hero__card-cta { margin-top: var(--bpb-s6); }
.bpb-hero__card-cta .bpb-ico { width: 32px; height: 32px; }

/* 2.7 Tablet (≥768): 500px metin, -320 bindirme, 2 kolon (orta kolon ilk satırda tam genişlik — referans md:col-span-2) */
@media (min-width: 768px) {
  .bpb-hero__text { height: 500px; }
  .bpb-hero__title { font-size: 36px; }
  .bpb-hero__desc { font-size: 18px; }
  .bpb-hero__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--bpb-s2);
    margin-top: -320px;
  }
  .bpb-hero__col--center { grid-column: span 2; }
  .bpb-hero__caption { min-height: 60px; }
  /* Tek kart: kart ortada, yarım genişlik */
  .bpb-hero__grid--2 { grid-template-columns: minmax(0, 1fr); }
  .bpb-hero__grid--2 .bpb-hero__col--center { grid-column: auto; }
  .bpb-hero__grid--2 .bpb-hero__col--card {
    width: 100%;
    max-width: 480px;
    justify-self: center;
    padding: 0 var(--bpb-s2);
  }
}

/* 2.8 Masaüstü (≥1024, künye lg): 380px metin, -218 bindirme, TAM GENİŞLİK 3 eşit kolon (sol 1 · orta 2 · sağ 3);
   1920'de kolon = 640px (dış boşluk kolon içinde). Panel zemini; orta kolon zemini bg-air (künye: #fafafa, video üstünde) */
@media (min-width: 1024px) {
  .bpb-hero__text { height: 380px; } /* künye 360 + 20px: müşteri isteği, video alanı biraz daha yüksek */
  .bpb-hero__title { font-size: 48px; }
  .bpb-hero__panel {
    background: var(--bpb-hero-bg);
    padding-bottom: var(--bpb-s6);
  }
  /* Referans: ızgara TAM genişlik, 3 eşit kolon; dış boşluk (md:pl-8 / xl:pl-32) kolonların İÇİNDE →
     1920'de kolon 640px, yan görsel 640 − 128 − 8 = 504px, orta ürün 370px. Üç kolon da alt hizalı:
     düğmeler aynı çizgide, sol/sağ görseller aynı üst çizgide (yapıları aynı; altyazı min-height sabit). */
  .bpb-hero__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 0;
    margin-top: -218px;
    padding: 0;
  }
  .bpb-hero__col { justify-content: flex-end; }
  .bpb-hero__col--center { grid-column: auto; order: 2; } /* zemin YOK: ürün PNG’si doğrudan videonun üstünde (referans ekran görüntüsü; künyedeki bg-air yalnız alt panelde) */
  .bpb-hero__col--left  { order: 1; padding: 0 var(--bpb-s2) 0 var(--bpb-hero-pad); }
  .bpb-hero__col--right { order: 3; padding: 0 var(--bpb-hero-pad) 0 var(--bpb-s2); }
  .bpb-hero__caption { min-height: 42px; } /* 2 satır × 16px × 1.3 — tek/çift satır altyazı görsel hizasını bozmaz */
  /* Tek kart: 2 kolon, ızgara daralır ve ortalanır (dış boşluk max-width'e eklenir) */
  .bpb-hero__grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--bpb-s6);
    max-width: calc(800px + 2 * var(--bpb-hero-pad));
  }
  .bpb-hero__grid--2 .bpb-hero__col--card { max-width: none; justify-self: stretch; padding: 0 var(--bpb-s2); }
  .bpb-hero__grid--2 { padding: 0 var(--bpb-hero-pad); }
  /* Kart yok: yalnız orta kolon, ortada */
  .bpb-hero__grid--1 { grid-template-columns: minmax(0, 1fr); max-width: calc(400px + 2 * var(--bpb-hero-pad)); padding: 0 var(--bpb-hero-pad); }
}

/* ---------- 3. Video popup (.bpb-video-modal — hero.js body sonuna ekler) ----------
   Karartma yalnız --bpb-overlay; kutu max 960px, 16:9, kenar/radius yok; kapat 40px daire (kutunun sağ üstünde).
   Üst boşluk kapat düğmesine yer açar. Kaynak yalnız açılınca atanır (hero.js). */
.bpb-video-modal {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--bpb-s10) var(--bpb-s4) var(--bpb-s4);
  background: var(--bpb-overlay);
  opacity: 0;
  transition: opacity var(--bpb-dur);
}
.bpb-video-modal.is-visible { opacity: 1; }
.bpb-video-modal[hidden] { display: none; }
.bpb-video-modal__box {
  position: relative;
  width: 100%;
  max-width: 960px;
}
.bpb-video-modal__video {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: calc(100vh - var(--bpb-s10) - var(--bpb-s4));
  border: 0;
  border-radius: 0;
  background: var(--bpb-text);
  outline: 0;
}
.bpb-video-modal__video:focus-visible { outline: 2px solid var(--bpb-hero-btn); outline-offset: 2px; }
.bpb-video-modal__close {
  position: absolute;
  top: calc(-1 * var(--bpb-s9));
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--bpb-surface);
  color: var(--bpb-text);
  box-shadow: var(--bpb-shadow-float);
  cursor: pointer;
  transition: background var(--bpb-dur), color var(--bpb-dur);
}
.bpb-video-modal__close:hover { background: var(--bpb-hero-btn); color: var(--bpb-hero-text); }
.bpb-video-modal__close:focus-visible { outline: 2px solid var(--bpb-hero-btn); outline-offset: 2px; }
.bpb-video-modal__close .bpb-ico { width: 20px; height: 20px; }

/* 2.10 Hareket azaltma: video gizli, poster görünür; kaydırma anlık; popup/play geçişsiz */
@media (prefers-reduced-motion: reduce) {
  .bpb-hero__video { display: none !important; }
  .bpb-hero__poster--yedek { display: block; }
  .bpb-hero .style-swiper-slides { scroll-behavior: auto; }
  .bpb-hero__pause { display: none !important; } /* autoplay yok → düğme anlamsız */
  .bpb-hero__play,
  .bpb-hero__card-ortu,
  .bpb-hero__card--video img,
  .bpb-hero__card--kampanya img,
  .bpb-video-modal,
  .bpb-video-modal__close { transition: none; }
  .bpb-hero__play { animation: none; } /* halka sabit (nabız yok) */
  .bpb-hero__card--video:hover .bpb-hero__play,
  .bpb-hero__card--video:focus-visible .bpb-hero__play { transform: none; }
  .bpb-hero__card--video:hover img,
  .bpb-hero__card--kampanya:hover img,
  .bpb-hero__card--kampanya:focus-visible img { transform: none; }
}

/* 2.11 Yazdırma */
@media print {
  .bpb-hero__video { display: none !important; }
  .bpb-hero__bg::after { display: none; }
  .bpb-hero__grid { margin-top: 0; }
  .bpb-hero__play,
  .bpb-hero__card-ortu,
  .bpb-hero__card-aciklama,
  .bpb-video-modal { display: none !important; }
  .bpb-hero__card-baslik { position: static; color: var(--bpb-hero-text); text-shadow: none; }
}