/** Shopify CDN: Minification failed

Line 34:0 Unexpected "}"
Line 126:0 Unexpected "}"
Line 536:2 Expected "}" to go with "{"

**/
/* FH breakpoint overrides: 1024–1199 (iPad Pro + small laptop) */

/* =========================================================
   0) GLOBAL: sağa kayma / horizontal scroll fix
   ========================================================= */
@media (min-width: 1024px) and (max-width: 1599px) {
  body {
    overflow-x: hidden !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  html {
    overflow: visible !important;
  }
}


  .shopify-section, .section, .container, .page-width, .header, .header__wrapper {
    max-width: 100%;
  }

  /* Mega menu paneli bazen 100vw + padding ile taşırır */
  .mega-menu, .mega-menu__content, .mega-menu__wrapper, .mega-menu__inner {
    max-width: 100vw !important;
    box-sizing: border-box;
  }
}

/* =========================================================
   1) PRODUCT STEP-2 (MATERIAL): 1024–1199 stabilizasyon
   ========================================================= */
@media (min-width: 1024px) and (max-width: 1599px)

  /* Ürün sayfasında genel taşma koruması */
  body.template-product :is(.product, .product-info, .product__info, .product__content, .shopify-section) {
    min-width: 0;
  }

  /* FH Step-2 wrapper: dar alanda flex taşmasını engelle */
  body.template-product :is([class*="fh-step2"], .fh-step-2, .fh-step2) {
    min-width: 0;
  }

  /* Material bölgesi */
  body.template-product :is(
    [class*="material"],
    [class*="Material"],
    [class*="materials"],
    [class*="Materials"]
  ) {
    min-width: 0;
  }

  body.template-product :is(
    .fh-step2__materials,
    .fh-materials,
    .fh-material-grid,
    .fh-material-list,
    .product-form__input,
    .variant-picker,
    .product-variants
  ) {
    min-width: 0 !important;
  }

  /* Material seçenekleri: 2 kolon grid */
  body.template-product :is(
    .fh-step2__materials,
    .fh-materials,
    .fh-material-grid,
    .fh-material-list
  ) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 12px !important;
  }

  /* Material option içindeki metin taşmasın */
  body.template-product :is(
    .fh-step2__materials,
    .fh-materials,
    .fh-material-grid,
    .fh-material-list
  ) :is(h1,h2,h3,h4,h5,h6,p,span,strong,em,small,a) {
    overflow-wrap: anywhere;
  }

  /* Step-2 buton alanı: 2 üst + 1 tam geniş */
  body.template-product :is(
    .fh-step2__actions,
    .fh-step2__buttons,
    .fh-step2__footer,
    .product-form__buttons
  ) {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    align-items: stretch !important;
    min-width: 0;
  }

  body.template-product :is(
    .fh-step2__actions,
    .fh-step2__buttons,
    .fh-step2__footer,
    .product-form__buttons
  ) :is(button[type="submit"], .button--primary, .product-form__submit) {
    grid-column: 1 / -1 !important;
  }

  body.template-product :is(
    .fh-step2__actions,
    .fh-step2__buttons,
    .fh-step2__footer,
    .product-form__buttons
  ) :is(button, .button) {
    min-height: 44px;
  }
}


/* =========================================================
   FH MEGA MENU – 1024–1599px FINAL (CSS only)
   DOM:
   .fh-mega__columns > ul.fh-mega__linklist + div.fh-mega__images
   ========================================================= */
@media screen and (min-width: 1024px) and (max-width: 1599px) {

  /* Mega menu panelini daha geniş kullan */
  .mega-menu__content,
  .mega-menu__content .mega-menu__inner,
  .mega-menu__content .mega-menu__wrapper {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
  }

  /* Ana layout: sol link alanı + sağ görsel (overlay KESİN biter) */
  .mega-menu .fh-mega__columns{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px !important;
    column-gap: 14px !important; /* görseli sola yaklaştırır */
    align-items: start !important;
    min-width: 0 !important;
  }

  /* Sol liste grid: 4 kolon */
  .mega-menu .fh-mega__columns > ul.fh-mega__linklist{
    grid-column: 1 !important;
    display: grid !important;
  grid-template-columns: 180px 190px minmax(320px, 1fr) minmax(300px, 1fr) !important;
    gap: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    min-width: 0 !important;
  }

  .mega-menu .fh-mega__columns > ul.fh-mega__linklist > li{
    min-width: 0 !important;
  }

  /* Sağ görsel: grid 2. kolon + position reset (bindirme biter) */
  .mega-menu .fh-mega__columns > .fh-mega__images{
    grid-column: 2 !important;

    position: static !important;
    inset: auto !important;
    transform: none !important;

    width: 320px !important;
    max-width: 320px !important;
    justify-self: end !important;
    align-self: start !important;
    z-index: 1 !important;
  }

  .mega-menu .fh-mega__columns > .fh-mega__images img{
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  /* 2. promo varsa kapat */
  .mega-menu .fh-mega__columns > .fh-mega__images > :nth-child(n+2){
    display: none !important;
  }

  /* Pattern + Room iç listeler: 2 sütun (asıl “yapışma” fix’i) */
  .mega-menu .fh-mega__columns > ul.fh-mega__linklist > li:nth-child(3) ul.fh-mega__items,
  .mega-menu .fh-mega__columns > ul.fh-mega__linklist > li.fh-mega__group--room ul.fh-mega__items{
    columns: unset !important;
    -webkit-columns: unset !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 18px !important;
    row-gap: 10px !important;

    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    min-width: 0 !important;
  }

  /* İç item’lar kesin block olsun (Animals Marble Chevron birleşmesi biter) */
  .mega-menu .fh-mega__columns ul.fh-mega__items > li{
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .mega-menu .fh-mega__columns ul.fh-mega__items > li > a{
    display: block !important;
    width: 100% !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }
}



@media screen and (min-width: 1024px) and (max-width: 1599px) {

  /* 1) SAĞDA SADECE 1 PROMO: images içinde ilk eleman hariç hepsini kapat */
  .mega-menu .fh-mega__images > *{ display: none !important; }
  .mega-menu .fh-mega__images > *:first-child{ display: block !important; }

  /* 2) Style + Pattern + Room iç listelerde “birleşme”yi bitir:
        - sütun boşluğunu büyüt
        - li/a'yı block yap (tema flex/inline ise kır) */
  .mega-menu .fh-mega__columns ul.fh-mega__items{
    column-gap: 34px !important;
  }

  .mega-menu .fh-mega__columns ul.fh-mega__items > li{
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .mega-menu .fh-mega__columns ul.fh-mega__items > li > a{
    display: block !important;
    width: 100% !important;
    padding-right: 14px !important; /* iki sütun birbirine yapışmasın */
    white-space: normal !important;
  }

  /* 3) Pattern & Room zaten grid yapıyoruz: column-gap’i daha da aç */
  .mega-menu .fh-mega__columns > ul.fh-mega__linklist > li:nth-child(3) ul.fh-mega__items,
  .mega-menu .fh-mega__columns > ul.fh-mega__linklist > li.fh-mega__group--room ul.fh-mega__items{
    column-gap: 34px !important;
  }
}






@media screen and (min-width: 1024px) and (max-width: 1599px) {

  /* 1) Ana grid: görseli küçült, sol tarafa daha çok alan ver */
  .mega-menu .fh-mega__columns{
    grid-template-columns: minmax(0, 1fr) 200px !important; /* 320 -> 260 */
    column-gap: 10px !important;
  }

  .mega-menu .fh-mega__columns > .fh-mega__images{
    width: 260px !important;
    max-width: 260px !important;
  }

  /* 2) Sol 4 kolonun dağılımını genişlet: Pattern + Room daha ferah */
  .mega-menu .fh-mega__columns > ul.fh-mega__linklist{
grid-template-columns: 210px 240px minmax(420px, 1fr) 220px !important;
    gap: 30px !important;
  }

  /* 3) Ek güvenlik: item’ların yan yana yapışmasını engelle */
  .mega-menu .fh-mega__columns ul.fh-mega__items > li > a{
    padding-right: 18px !important;
  }
}



@media screen and (min-width: 1024px) and (max-width: 1599px) {

  /* 0) Mega menu’yu taşıyan DETAILS wrapper full width olsun */
  .header__menu-disclosure {
    position: static !important;
  }

  /* 1) Mega menu panelini gerçekten edge-to-edge yap (left/right) */
  .header__menu-disclosure > .mega-menu {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
  }

  /* 2) İç “container” limitlerini tamamen kaldır */
  .header__menu-disclosure > .mega-menu .mega-menu__content,
  .header__menu-disclosure > .mega-menu .mega-menu__inner,
  .header__menu-disclosure > .mega-menu .mega-menu__wrapper {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 3) Bizim fh mega içerik bloğu da %100 yayılacak */
  .header__menu-disclosure > .mega-menu .fh-mega {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    box-sizing: border-box !important;
  }
}



@media screen and (min-width: 1024px) and (max-width: 1599px) {

  /* .fh-mega__images içindeki layout 2 kolon gibi duruyorsa kır */
  .mega-menu .fh-mega__images{
    display: block !important;      /* grid/flex neyse kapat */
    width: 260px !important;
    max-width: 260px !important;
  }

  /* sadece ilk eleman kalsın */
  .mega-menu .fh-mega__images > *{
    display: none !important;
  }
  .mega-menu .fh-mega__images > *:first-child{
    display: block !important;
    width: 100% !important;
  }

  .mega-menu .fh-mega__images img{
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }
}



@media screen and (min-width: 1024px) and (max-width: 1599px) {

  /* Yeşil alan = panel padding -> sıfırla */
  mega-menu-disclosure details.header__menu-disclosure[open] .mega-menu{
    padding: 0 !important;
  }

  mega-menu-disclosure details.header__menu-disclosure[open] .mega-menu__content,
  mega-menu-disclosure details.header__menu-disclosure[open] .mega-menu__inner,
  mega-menu-disclosure details.header__menu-disclosure[open] .mega-menu__wrapper{
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }

  /* İçeriği de full yay (mavi alan yeşili tamamen doldursun) */
  mega-menu-disclosure details.header__menu-disclosure[open] .fh-mega,
  mega-menu-disclosure details.header__menu-disclosure[open] .fh-mega__columns{
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  /* Daha önce “padding-left/right” verdiysek onu da kaldırıyoruz */
  mega-menu-disclosure details.header__menu-disclosure[open] .fh-mega__columns{
    padding: 0 !important;
  }
}



@media screen and (min-width: 1024px) and (max-width: 1599px) {

  /* 1️⃣ Ana kolon düzeni: flex kalsın */
  .fh-mega__columns{
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 0 !important; /* ana gap kapalı */
  }

  /* 2️⃣ Sol kolonlar (Color / Style / Pattern / Room) */
  .fh-mega__columns > ul.fh-mega__linklist{
    display: flex !important;
    gap: 42px !important;        /* 🔥 KOLONLAR ARASI AÇILDI */
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* 3️⃣ Room kolonu resme yaklaşsın */
  .fh-mega__columns > ul.fh-mega__linklist > li:last-child{
  flex: 0 0 100px !important;   /* 🔥 ROOM DARALDI */
  max-width: 100px !important;
  margin-right: 8px !important;
}




  /* 4️⃣ Sağ görsel alanı sabit ve yakın */
  .fh-mega__columns > .fh-mega__images{
    flex: 0 0 300px !important;
    width: 300px !important;
    max-width: 300px !important;
    margin-left: 0 !important;
  }

  /* 5️⃣ Fazladan görseller kapalı */
  .fh-mega__images > *:not(:first-child){
    display: none !important;
  }
}


@media screen and (min-width: 1024px) and (max-width: 1599px) {

  /* 1) Görsel kolonunu biraz daralt -> sola ekstra alan gelir */
  .fh-mega__columns > .fh-mega__images{
    flex: 0 0 270px !important;
    width: 270px !important;
    max-width: 270px !important;
  }

  /* 2) Room kolonu resme daha yaklaşsın */
  .fh-mega__columns > ul.fh-mega__linklist > li:last-child{
  flex: 0 0 120px !important;   /* 🔥 ROOM DARALDI */
  max-width: 120px !important;
  margin-right: 8px !important;
}



  /* 3) Pattern listesinde satır kırılmalarını azalt */
  .fh-mega__columns > ul.fh-mega__linklist > li:nth-child(3) .fh-mega__items a{
    white-space: nowrap !important;
  }

  /* 4) “&” yüzünden tek başına satıra düşenleri engelle (li içi boşlukları da toparla) */
  .fh-mega__columns > ul.fh-mega__linklist > li:nth-child(3) .fh-mega__items{
    column-gap: 18px !important;
    row-gap: 10px !important;
  }
}


/* === STEP 2 / MATERIAL: 1024-1199 iki satır (2x2) === */

/* 1) Material kartlarını saran grid/flex alanını GRID'e çevir */
.fh-material-grid,
.fh-step2__materials,
.fh-step2-materials {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* 2 sütun */
  gap: 12px !important; /* araları */
  align-items: stretch !important;
}

/* 2) Kartların kendi içindeki garip uzamayı kes */
.fh-material-grid > *,
.fh-step2__materials > *,
.fh-step2-materials > * {
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
}

/* 3) Material "buton/kutu" aynı yükseklikte, içerik ortalı kalsın */
.fh-material-grid .fh-material,
.fh-step2__materials .fh-material,
.fh-step2-materials .fh-material,
.fh-material-grid .fh-material-option,
.fh-step2__materials .fh-material-option,
.fh-step2-materials .fh-material-option {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 16px 14px !important;
  min-height: 96px !important; /* kartlar eşitlensin */
  box-sizing: border-box !important;
}

/* 4) Eğer içeride yazılar yüzünden dikine büyüyorsa satır sayısını sabitle */
.fh-material-grid .fh-material small,
.fh-step2__materials .fh-material small,
.fh-step2-materials .fh-material small {
  line-height: 1.1 !important;
}



/* =========================================================
   1024–1199 PRODUCT: Sticky’yi öldüren ancestor kurallarını temizle
   Mega menu/material etkilenmez
   ========================================================= */
@media (min-width: 1024px) and (max-width: 1199px) {

  /* 1) Sticky’nin tutunacağı element */
  body.template-product safe-sticky {
    position: sticky !important;
    top: 120px !important; /* header+topbar toplamına göre */
    align-self: flex-start !important;
    z-index: 5;
  }