/** Shopify CDN: Minification failed

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

**/
/* —— Hero Banner (container-safe) —— */

/* Bu section özelinde yatay taşmayı kesin */
#shopify-section-{{ section.id }}{ overflow-x:hidden; }

/* Section iskeleti */
.bb-hero-banner{ position:relative; background:#fff; width:100%; max-width:100%; margin:0; }

/* Üst grid */
.bb-hero-banner__grid{
  display:grid;
  grid-template-columns: 1fr minmax(0, 2.3fr);
  align-items:stretch;
  min-height:62vh;
  gap:0;
  overflow:hidden;
}

/* Sol panel (metin) */
.bb-banner__pane{
  --bb-pane-bg: #e5738a;
  background: var(--bb-pane-bg);
  color:#fff;
  display:flex; align-items:center;
  padding:64px 48px;
}

/* İç kutu */
.bb-banner__inner{ max-width:540px; }

/* Başlık */
.bb-banner__heading{
  margin:0 0 16px;
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-weight:700;
  line-height:1.02;
  letter-spacing:0;
  font-size: clamp(32px, 5.2vw, 56px);
}
.bb-banner__heading .bb-eyebrow{ font-style:normal; font-weight:700; margin-right:.25ch; white-space:nowrap; }
.bb-banner__heading em{ font-style:italic; font-weight:700; }

/* Alt metin */
.bb-banner__subtext{
  font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight:400;
  font-size: clamp(13px, 1.8vw, 14.5px);
  line-height:1.6;
  color:rgba(255,255,255,.95);
  margin:0 0 20px;
  max-width:44ch;
}

/* Buton */
.bb-banner__btn{
  display:inline-block; background:#303030; color:#fff;
  font-family:"Inter", system-ui, sans-serif;
  font-weight:700; text-transform:uppercase; letter-spacing:.06em;
  font-size:12px; line-height:1;
  padding:12px 20px; border-radius:3px; text-decoration:none;
  transition:transform .15s ease, opacity .15s ease, background .15s ease;
}
.bb-banner__btn:hover{ background:#1f1f1f; transform:translateY(-1px); }
.bb-banner__btn:active{ transform:translateY(0); opacity:.9; }

/* Sağ medya */
.bb-banner__media{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  height:72vh;
  overflow:hidden;
  background:#000;
}
.bb-banner__media:has(> :nth-child(2)){ grid-template-columns:1.35fr 1fr; }

/* Medya elemanları */
.bb-banner__img,
.bb-banner__video{
  display:block; width:100%; height:100%;
  object-fit:cover; min-width:0; min-height:0;
}
.bb-banner__video{ background:#000; }

/* ===== Tablet & Mobil ===== */
@media (max-width:980px){
  .bb-hero-banner__grid{ grid-template-columns:1fr; min-height:unset; }
  .bb-banner__pane{ padding:40px 22px; }
}

/* —— Mobilde yükseklikler — üst medya ~%52, alt metin paneli ~%48 —— */
@media (max-width:768px){
  :root{
    --bb-media-h-m: 55vh;   /* ÜST medya yüksekliği */
    --bb-pane-h-m: 25vh;    /* ALT pembe panel yüksekliği */
  }

  .bb-hero-banner__grid{ display:flex; flex-direction:column; min-height:75vh; }

  .bb-banner__media{
    order:1;
    height:var(--bb-media-h-m);
    min-height:var(--bb-media-h-m);
    grid-template-columns:1fr;         /* default tek */
  }
  .bb-banner__media:has(> :nth-child(2)){ grid-template-columns:1fr 1fr; }

  .bb-banner__img,
  .bb-banner__video{ height:100%; object-fit:cover; }

  .bb-banner__pane{
    order:2;
    text-align:center;
    padding:28px 18px 36px;
    height:var(--bb-pane-h-m);
    min-height:var(--bb-pane-h-m);
    display:flex; align-items:center; justify-content:center;
  }
  .bb-banner__inner{ max-width:520px; margin:0 auto; }
}

/* Gizli/fallback medyalar yer kaplamasın */
.bb-banner__media > img[width="0"][height="0"],
.bb-banner__media > img:not([src]):not([srcset]),
.bb-banner__media > source:only-child{ display:none!important; }



/* rakamaların kötü durmaması için*/
.bb-banner__heading .bb-num{
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 600;
  font-size: 3.4rem;
  letter-spacing: .01em;     /* sans rakamları biraz aç */
}