/** Shopify CDN: Minification failed

Line 845:0 Expected "}" to go with "{"

**/
/* =========================
   Burn Mode – SINGLE, CLEAN, NO-CONFLICT
   ========================= */

/* Tek kaynak değişkenler */
:root{
  --burn-bg: 220, 216, 208;   /* #dcd8d0 */
  --burn-dim: .18;            /* karartma gücü */
}

/* =========================
   Burn Mode – Toggle UI
   ========================= */

.burn-toggle-bar{
  display:flex;
  justify-content:flex-end;
  margin:12px 0;
}

.burnToggle{
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:0;
  background:transparent;
  cursor:pointer;
}

.burnToggle__track{
  width:54px;
  height:28px;
  border-radius:999px;
  position:relative;
  border:1px solid rgba(0,0,0,.25);
  background:#fff;
  transition: background .25s ease, border-color .25s ease;
}

html.burn-mode .burnToggle__track{
  background:#111;
  border-color:rgba(255,255,255,.35);
}

.burnToggle__thumb{
  width:22px;
  height:22px;
  border-radius:999px;
  position:absolute;
  top:50%;
  left:4px;
  transform:translateY(-50%);
  background:#111;
  transition: transform .25s ease, background .25s ease;
}

html.burn-mode .burnToggle__thumb{
  transform:translate(26px,-50%);
  background:#fff;
}

.burnToggle__label{
  font-size:12px;
  letter-spacing:.08em;
  opacity:.6;
  transition:opacity .2s ease;
}

html:not(.burn-mode) .burnToggle__label--off{ opacity:1; }
html.burn-mode .burnToggle__label--on{ opacity:1; }

/* Toggle her zaman üstte */
.burn-toggle-bar,
.burnToggle{
  position:relative;
  z-index:10020 !important;
}

/* =========================
   Burn Mode – Product image polish
   ========================= */

.product-card-image img{
  transition: opacity .55s ease, filter .25s ease;
  will-change: opacity;
}

html.burn-mode .product-card-image img{
  filter: contrast(1.05) saturate(.9);
  opacity:.98;
}

/* =========================
   Burn Mode – Background sync
   (color-scheme katmanları + body + gradient)
   ========================= */

/* Geçişi aynı elemanlara ver */
[class*="color-scheme-"]{
  transition: background-color .6s cubic-bezier(.4,0,.2,1),
              background .6s cubic-bezier(.4,0,.2,1);
}

/* Burn-mode açıkken: tüm color-scheme katmanlarında background değişkeni */
html.burn-mode [class*="color-scheme-"]{
  --color-background: var(--burn-bg) !important;
}

html.burn-mode body{
  background-color: rgb(var(--burn-bg)) !important;
  transition: background-color .6s cubic-bezier(.4,0,.2,1);
}

html.burn-mode .gradient{
  background-image:none !important;
}

/* İlk yüklemede animasyon olmasın (JS: --burn-init ile uyum) */
html[style*="--burn-init"] [class*="color-scheme-"],
html[style*="--burn-init"] body{
  transition:none !important;
}

/* =========================
   Burn Mode – FULL PAGE SYNC (Header + Cards dahil)
   ========================= */

html.burn-mode body,
html.burn-mode #MainContent,
html.burn-mode main,
html.burn-mode .shopify-section,
html.burn-mode .gradient,
html.burn-mode [class*="color-scheme-"],
html.burn-mode header,
html.burn-mode .header-wrapper,
html.burn-mode .header,
html.burn-mode .card,
html.burn-mode .card-wrapper,
html.burn-mode .card__content,
html.burn-mode .product-card-wrapper,
html.burn-mode .product-card,
html.burn-mode .collection .card-wrapper,
html.burn-mode .collection .card__content{
  background-color: rgb(var(--burn-bg)) !important;

  /* ✅ PATLAMA FIX: background shorthand KALDIRILDI */
  /* background: rgb(var(--burn-bg)) !important; */

  background-image:none !important;
  transition: background-color 1s cubic-bezier(.4,0,.2,1);
}

html[style*="--burn-init"] body,
html[style*="--burn-init"] #MainContent,
html[style*="--burn-init"] main,
html[style*="--burn-init"] .shopify-section,
html[style*="--burn-init"] .gradient,
html[style*="--burn-init"] [class*="color-scheme-"],
html[style*="--burn-init"] header,
html[style*="--burn-init"] .header-wrapper,
html[style*="--burn-init"] .card,
html[style*="--burn-init"] .card-wrapper,
html[style*="--burn-init"] .card__content,
html[style*="--burn-init"] .product-card-wrapper,
html[style*="--burn-init"] .product-card{
  transition:none !important;
}

/* =========================
   Burn Mode – Sort ("Sırala") button smooth transition
   ========================= */

.facets-shortby-title{
  transition:
    background-color 1s cubic-bezier(.4,0,.2,1),
    border-color 1s cubic-bezier(.4,0,.2,1),
    color 1s cubic-bezier(.4,0,.2,1),
    filter .2s cubic-bezier(.4,0,.2,1),
    opacity .6s cubic-bezier(.4,0,.2,1);
}

html.burn-mode .facets-shortby-title{
  filter: brightness(.72);
  opacity:.50;
}

/* =========================
   Burn Mode – SINGLE overlay (dims header too)
   ========================= */

html::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background: rgba(0,0,0,var(--burn-dim));
  opacity:0;

  /* ✅ patlama hissini azaltır */
  transition: opacity 1.1s cubic-bezier(.4,0,.2,1);

  z-index:10005;
}

html.burn-mode::before{ opacity:1; }

/* Header üstte kalsın */
html.burn-mode header,
html.burn-mode .header,
html.burn-mode .header-wrapper,
html.burn-mode .shopify-section-header{
  top:0;
  z-index:10010 !important;
}

/* Görseller overlay’den etkilenmesin */
html.burn-mode .product-card-image,
html.burn-mode .card__media,
html.burn-mode .media,
html.burn-mode .card__inner,
html.burn-mode .card-wrapper{
  position:relative;
  z-index:10006 !important;
}

/* Kontroller */
.burn-toggle-bar,
.burnToggle,
.facets-shortby-title,
.facets,
.facet-filters,
#FacetFiltersForm{
  position:relative;
  z-index:10020 !important;
}

/* =========================
   Burn Mode – Footer korunur
   ========================= */

html.burn-mode footer,
html.burn-mode .footer,
html.burn-mode .footer-wrapper,
html.burn-mode .shopify-section-footer,
html.burn-mode #shopify-section-footer{
  background:#fff !important;

  /* ✅ PATLAMA/RENK FIX: siyah zorlamayı kaldır */
  background-color:#fff !important;

  background-image:none !important;
  color: rgba(0,0,0,.85) !important;
}

/* =========================
   Toggle hizalama / çizgi
   ========================= */

.burn-toggle-bar{
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  line-height: 1;
}

.burnToggle{
  height: 36px;
  align-items: center;
}

.burnToggle__track{
  transform: translateY(2px);
}

.burnToggle__label{
  display: inline-flex;
  align-items: center;
}

.burnToggle{
  transform: translateX(-85px) !important;
  position: relative;
}

.burnToggle::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 1px;
  background: rgba(0,0,0,.15);
  pointer-events: none;
}

/* =========================
   Z-index düzenleri / sort dropdown / drawer
   (senin mevcut çalışan setup'ını bozmayacak şekilde korundu)
   ========================= */

header,
.header,
.header-wrapper{
  position: sticky;
  top: 0;
  z-index: 1000;
}

.burn-toggle-bar,
.burnToggle,
.facets-shortby-title,
.facets,
.facet-filters,
#FacetFiltersForm{
  position: relative;
  z-index: 900 !important;
}

.product-card-image,
.card__media,
.media,
.card__inner,
.card-wrapper{
  z-index: auto !important;
}

.facets-product-wrapper,
.facet-product-grid-sort-wrapper,
.facets-sort-wrapper,
#FacetSortForm,
.facets-filters-sort{
  overflow: visible !important;
}

details.facets-filters-sort[open]{
  position: relative;
  z-index: 20000 !important;
}

details.facets-filters-sort[open] .facets-sortby-filter{
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 20001 !important;
}

details.facets-filters-sort[open] .facets-sortby,
details.facets-filters-sort[open] .facets-sortby-item{
  position: relative;
  z-index: 20002 !important;
}

html:has(#facets-filte-drawer:target)::before{
  opacity: 0 !important;
}

#facets-filte-drawer:target{
  position: fixed !important;
  inset: 0 !important;
  z-index: 50000 !important;
  pointer-events: auto !important;
}

#facets-filte-drawer:target *{
  pointer-events: auto !important;
}

/* =========================
   FINAL FIX PACK (senin çalışan katmanların)
   ========================= */

header,
.header,
.header-wrapper,
.shopify-section-header{
  position: sticky;
  top: 0;
  z-index: 11000 !important;
}

.burn-toggle-bar,
.burnToggle,
.facets-shortby-title,
.facets,
.facet-filters,
#FacetFiltersForm,
.facets-sort-wrapper{
  position: relative;
  z-index: 10900 !important;
}

.product-card-image,
.card__media,
.media,
.card__inner,
.card-wrapper,
.product-card-wrapper,
.product-card{
  position: relative;
  z-index: 1 !important;
}

html.burn-mode .product-card-image img,
html.burn-mode .card__media img,
html.burn-mode .media img{
  filter: contrast(1.05) saturate(.9) brightness(1.06);
}

details.facets-filters-sort[open]{
  position: relative;
  z-index: 12000 !important;
}
details.facets-filters-sort[open] .facets-sortby-filter{
  position: absolute;
  z-index: 12001 !important;
}

#facets-filte-drawer:target{
  position: fixed !important;
  inset: 0 !important;
  z-index: 13000 !important;
}

facet-sidebar.filter-toggle,
.facets-wrapper,
.facets-product-wrapper{
  overflow: visible !important;
}

/* ✅ Footer fix tekrar (son söz) */
html.burn-mode footer,
html.burn-mode .footer,
html.burn-mode .footer-wrapper,
html.burn-mode .shopify-section-footer,
html.burn-mode #shopify-section-footer{
  background: #fff !important;
  background-color: #000000 !important;
  background-image: none !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

#facets-filte-drawer:target{
  z-index: 999999 !important;
}

header,
.header,
.header-wrapper,
.shopify-section-header{
  overflow: visible !important;
}

header,
.header,
.header-wrapper{
  transform: none !important;
}

/* Header yüksekliği */
:root{ --heka-header-h: 8px; }

/* Drawer viewport'a sabit + header altı */
#facets-filte-drawer{
  position: fixed !important;
  top: var(--heka-header-h) !important;
  left: 0 !important;
  right: 0 !important;
  height: calc(100vh - var(--heka-header-h)) !important;
  z-index: 999999 !important;
  overflow: auto !important;
}

#facets-filte-drawer .drawer,
#facets-filte-drawer .drawer__inner,
#facets-filte-drawer .drawer__content,
#facets-filte-drawer .facets-wrapper{
  height: 100% !important;
  max-height: 100% !important;
  overflow: auto !important;
}

/* ✅ PATLAMA FIX: OFF durumunda body'nin beyaza düşmesini engelle */
html:not(.burn-mode) body{
  background-color: var(--color-background, #fff) !important;
}

/* ✅ PATLAMA FIX: transition her iki yönde de kalsın (en son söz) */
body,
#MainContent,
main,
.shopify-section,
.gradient,
[class*="color-scheme-"],
header,
.header-wrapper,
.header,
.card,
.card-wrapper,
.card__content,
.product-card-wrapper,
.product-card,
.collection .card-wrapper,
.collection .card__content{
  transition: background-color 900ms cubic-bezier(.4,0,.2,1) !important;
}
/* 1. Tüm geçiş sürelerini tek bir standartta toplayalım (0.8s idealdir) */
:root {
  --burn-transition: 800ms cubic-bezier(.4, 0, .2, 1);
}

/* 2. Ana Overlay (Karartma) Geçişini Arka Planla Eşitle */
html::before {
  transition: opacity var(--burn-transition) !important;
}

/* 3. Ürün Görsellerinin Geçişini Yumuşat */
/* 'Off' olduğunda filtrenin aniden kalkıp 'patlama' yapmasını engeller */
.product-card-image img, 
.card__media img, 
.media img {
  transition: filter var(--burn-transition), opacity var(--burn-transition) !important;
  will-change: filter, opacity;
}

/* 4. Arka Plan Renk Geçişlerini Tek Çatı Altında Topla */
body,
#MainContent,
main,
.shopify-section,
.gradient,
[class*="color-scheme-"],
header,
.header-wrapper,
.card,
.card-wrapper,
.product-card,
.collection .card-wrapper {
  transition: background-color var(--burn-transition), background var(--burn-transition) !important;
}

/* 5. PATLAMA FIX: Arka plan resmini (gradient) aniden kapatma */
/* background-image: none !important; yerine opacity kullanmak daha akışkan olabilir 
   ancak mevcut yapıda kalacaksan geçişi şurada da zorlamalıyız: */
html:not(.burn-mode) [class*="color-scheme-"] {
  background-image: inherit; /* Tarayıcının gradyanı yavaşça geri getirmesini sağlar */
}

/* 6. Ekstra: Görsel Parlaklığını Off Durumunda Sınırla */
/* Eğer görseller çok beyaz geliyorsa, geçiş esnasında hafif bir kısıtlama ekleyebilirsin */
html:not(.burn-mode) .product-card-image img {
   filter: brightness(1); /* Varsayılan değer */
}
/* Burn swap yapılan tüm görsellerde fade garantisi */
img[data-off-src]{
  transition: opacity 550ms ease;
  will-change: opacity;
}

/* =========================================================
   COMPAT PATCH: JS artık body.burn-mode kullanıyor
   Bu blok mevcut html.burn-mode yapını bozmadan uyumlar.
   ========================================================= */

body.burn-mode .burnToggle__track{
  background:#111;
  border-color:rgba(255,255,255,.35);
}

body.burn-mode .burnToggle__thumb{
  transform:translate(26px,-50%);
  background:#fff;
}

body:not(.burn-mode) .burnToggle__label--off{ opacity:1; }
body.burn-mode .burnToggle__label--on{ opacity:1; }

body.burn-mode .product-card-image img{
  filter: contrast(1.05) saturate(.9);
  opacity:.98;
}

body.burn-mode [class*="color-scheme-"]{
  --color-background: var(--burn-bg) !important;
}

body.burn-mode body,
body.burn-mode #MainContent,
body.burn-mode main,
body.burn-mode .shopify-section,
body.burn-mode .gradient,
body.burn-mode [class*="color-scheme-"],
body.burn-mode header,
body.burn-mode .header-wrapper,
body.burn-mode .header,
body.burn-mode .card,
body.burn-mode .card-wrapper,
body.burn-mode .card__content,
body.burn-mode .product-card-wrapper,
body.burn-mode .product-card,
body.burn-mode .collection .card-wrapper,
body.burn-mode .collection .card__content{
  background-color: rgb(var(--burn-bg)) !important;
  background-image:none !important;
}

/* Overlay: html::before yerine body::before (koleksiyon dışına taşmasın) */
body.template-collection::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background: rgba(0,0,0,var(--burn-dim));
  opacity:0;
  transition: opacity var(--burn-transition, 800ms cubic-bezier(.4,0,.2,1));
  z-index:10005;
}

body.template-collection.burn-mode::before{ opacity:1; }

/* Eski html overlay’i devre dışı bırak */
html::before{ content:none !important; }

/* =========================================================
   Overlay (Kararma) – data-burn-scope üzerinden garanti
   ========================================================= */

/* scope konteyneri overlay için referans */
[data-burn-scope]{
  position: relative;
}

/* Burn açıkken overlay */
[data-burn-scope]::before{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: rgba(0,0,0,var(--burn-dim));
  opacity: 0;
  transition: opacity var(--burn-transition, 800ms cubic-bezier(.4,0,.2,1));
  z-index: 10005;
}

/* Burn mode aktifken görünür */
body.burn-mode [data-burn-scope]::before{
  opacity: 1;
}

/* Eski html overlay kapalı kalsın (diğer sayfalara taşmasın) */
html::before{ content:none !important; }

/* =========================================
   Smooth ON/OFF crossfade (dual-layer) GÖRSEL GEÇİŞ YUMUŞATMA DENEME
   ========================================= */

.burn-layer-wrap{
  position: relative !important;
}

.burn-layer-wrap > img.burn-off,
.burn-layer-wrap > img.burn-on{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transition: opacity var(--burn-transition, 800ms cubic-bezier(.4,0,.2,1)) !important;
  will-change: opacity;
  pointer-events:none; /* kart linkini bozmasın */
}

/* Default: OFF görünür */
.burn-layer-wrap > img.burn-off{ opacity:1; }
.burn-layer-wrap > img.burn-on{ opacity:0; }

/* Burn açık: ON görünür */
body.burn-mode .burn-layer-wrap > img.burn-off{ opacity:0; }
body.burn-mode .burn-layer-wrap > img.burn-on{ opacity:1; }

/* =========================
   MOBILE FIX 1: Toggle kayma düzeltme
   ========================= */
@media (max-width: 749px){
  .burn-toggle-bar{
    justify-content: center !important; /* sağdan ortaya al */
    margin: 8px 0 !important;
  }

  .burnToggle{
    transform: none !important; /* <-- en kritik satır */
  }

  .burnToggle::after{
    display: none !important; /* mobilde çizgiyi kaldır (istersen) */
  }

  /* =========================
   MOBILE FIX 2: Menü drawer header altında kalmasın
   ========================= */

/* Header yüksekliği için daha gerçekçi default */
:root{ --heka-header-h: 72px; } /* mobil header yaklaşık */

@media (max-width: 749px){

  /* Mobil menü drawer'ını header'ın ÜSTÜNE çıkar */
  .menu-drawer,
  .drawer,
  .mobile-nav{
    z-index: 12050 !important;
  }

  /* Drawer içeriğini header kadar aşağı kaydır */
  .menu-drawer__inner,
  .drawer__inner,
  .mobile-nav__inner,
  .menu-drawer__navigation{
    padding-top: var(--heka-header-h) !important;
  }

  /* Header'ın drawer üstüne binmesini engellemek için:
     drawer açıkken header'ı biraz aşağı çekmek yerine,
     yukarıdaki padding ile içerik görünür kalır.
  */
}
/* =========================================================
   MOBILE: "Sırala" = Bottom Sheet (orijinal tema gibi)
   Bunu burn-mode.css'in EN SONUNA koy
   ========================================================= */
@media (max-width: 749px){

  details.facets-filters-sort[open]{
    position: static !important;
    z-index: 999999 !important;
  }

  details.facets-filters-sort[open] .facets-sortby-filter{
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
    top: auto !important;

    max-height: calc(100vh - 140px) !important;
    overflow: auto !important;

    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 60px rgba(0,0,0,.22) !important;

    z-index: 999999 !important;
  }

  details.facets-filters-sort[open]::before{
    content:"";
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.18);
    z-index: 999998;
    pointer-events: none;
  }
/* =========================================================
   MOBILE: Sort bottom-sheet + X üstte ortada (orijinal gibi)
   ========================================================= */
@media (max-width: 749px){

  /* Sheet */
  details.facets-filters-sort[open] .facets-sortby-filter{
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
    top: auto !important;

    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 60px rgba(0,0,0,.22) !important;

    /* X dışarı taşabilsin */
    overflow: visible !important;

    z-index: 999999 !important;
  }

  /* İç listeyi scroll yap (sheet değil) */
  details.facets-filters-sort[open] .facets-sortby{
    max-height: calc(100vh - 170px) !important;
    overflow: auto !important;
    padding-top: 18px !important; /* X için nefes */
  }

  /* X: sheet’in üst ortasında */
  details.facets-filters-sort[open] .facets-sortby-close{
    position: absolute !important;
    top: -18px !important;
    left: 10% !important;
    transform: translateX(-50%) !important;

    width: 36px !important;
    height: 36px !important;
    border-radius: 999px !important;

    background: #fff !important;
    color: #111 !important; /* svg currentColor buradan alıyor */
    box-shadow: 0 8px 24px rgba(0,0,0,.25) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    z-index: 1000000 !important;
    cursor: pointer !important;
  }

  details.facets-filters-sort[open] .facets-sortby-close svg{
    width: 18px !important;
    height: 18px !important;
    display: block !important;
  }

  /* Hafif arka overlay (görsel) */
  details.facets-filters-sort[open]::before{
    content:"";
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.18);
    z-index: 999998;
    pointer-events: none;
  }
}