/** Shopify CDN: Minification failed

Line 9:18 Unexpected "{"
Line 9:27 Expected ":"
Line 9:33 Unexpected "{"

**/
/* Kapsayıcıda yatay taşmayı yine de keselim – lokal */
#shopify-section-{{ section.id }}{
  overflow-x: clip;
  touch-action: pan-y;
  overscroll-behavior-x: contain;
}

/* Artık full-bleed hilesi yok; % tabanlı */
.bb-split-hero{
  margin: 0;
  padding: 0;
  width: 100%;          /* 100vw değil! */
  box-sizing: border-box;
}

.bb-split-hero__grid{
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  align-items: stretch;
  min-height: var(--bb-height, 60vh);
}

/* Sol (metin) ve sağ (video) sütunlar */
.bb-split-hero__pane{
  width: 50%;
  display: flex;
  align-items: center;
  background: var(--bb-pane-bg, #e5738a);
  color: #fff;
}

.bb-split-hero__media{
  width: 50%;
  position: relative;
  overflow: hidden;
  background: #000;
  display: flex;
}

/* İç düzen */
.bb-split-hero__inner{
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  padding: clamp(24px, 6vw, 64px);
  text-align: center;
}

/* Video boyutlandırma – iki alternatiften biri: */
/* A) Sabit oranla, yüksekliği güvene al */
.bb-split-hero__media{
  aspect-ratio: 16 / 9;          /* min-height istersen ekle */
}
.bb-split-hero__video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Overlay play */
.bb-video-play{
  position: absolute; inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  border: 0; background: transparent; cursor: pointer; z-index: 3;
}

/* Metin stilleri (seninkilerle aynı) */
.bb-split-hero__heading{ font-size: var(--bb-h-desktop, 68px); line-height: 1.05; margin: 0 0 16px; font-weight: 400; }
.bb-split-hero__heading em{ font-family:"Playfair Display", Georgia, "Times New Roman", serif; font-style: italic; font-weight: 700; }
.bb-split-hero__subtext{ font-size: clamp(14px, 1.8vw, 18px); line-height: 1.6; opacity: .95; margin-bottom: 22px; font-family:"Inter", system-ui, sans-serif; display:inline-flex }
.bb-split-hero__btn{ font-family:"Inter", system-ui, sans-serif; display:inline-flex; align-items:center; justify-content:center; height:46px; padding:0 24px; background:#303030; color:#fff; border:1px solid #303030; font-weight:700; letter-spacing:.02em; text-decoration:none; }
.bb-split-hero__btn:hover{ opacity:.9; }

/* Responsive: tek kolona düş */
@media (max-width: 1024px){
  .bb-split-hero__pane,
  .bb-split-hero__media{ width: 100%; }
  .bb-split-hero__grid{ min-height: 50vh; }
  .bb-split-hero__heading{ font-size: var(--bb-h-mobile, 40px); }
  /* Mobilde sabit min-yükseklik istersen: */
  .bb-split-hero__media{ min-height: 40vh; }
}
/* Video katmanı ve buton katmanı ayrımı */
.bb-split-hero__media { position: relative; }
.bb-split-hero__video { position: relative; z-index: 1; }

/* Play butonu: her zaman görünür başla */
.bb-video-play{
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  z-index: 2;                 /* videodan büyük */
  display:flex;               /* içerik kadar boyutlan */
  align-items:center;
  justify-content:center;
  padding:0;                  /* reset */
  border:0;
  background:transparent;
  cursor:pointer;
  opacity:1;                  /* reset */
}

/* SVG’ye kesin boyut ver (aksi halde bazı temalarda 0px kalabiliyor) */
.bb-video-play__ic{
  width:72px;
  height:72px;
  display:block;
  /* kontrastı artırmak isterseniz:
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.35));
  */
}

/* JS’in toggle ettiği durum – görünmez ve tıklanamaz olsun */
.bb-video-play.is-hidden{
  opacity:0;
  pointer-events:none;
}

/* Güvenlik için: herhangi bir global reset çarpışmasını ez */
button.bb-video-play { all: unset; display:flex; }
button.bb-video-play { /* all:unset border vs de sıfırlar; tekrar ekle */
  position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%);
  z-index:2; cursor:pointer; display:flex; align-items:center; justify-content:center;
}