/* Çiçekle v2.99 — sabit üst menü yığını + sabit sol kategori + yardımcı sayfa hizası
   Masaüstü sıra: ana header -> metin kategori barı -> görselli kategori barı.
   Sol menü bu yığının hemen altında sabit kalır; sağ içerik normal akışta kayar. */

:root{
  --cicekle-header-h:64px;
  --cicekle-market-nav-h:38px;
  --cicekle-category-h:100px;
  --cicekle-sticky-gap:10px;
}

/* Header içindeki Sipariş Takibi / Giriş Yap / Sepet aynı eksende dursun. */
.public-v277 .compact-nav-main{align-items:center!important}
.public-v277 .compact-header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important}
.public-v277 .compact-header-actions .header-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;margin-top:0!important;margin-bottom:0!important}

/* Kullanıcının işaret ettiği metin kategori barı, dar ekranda bile kendiliğinden kapanmaz. */
.public-v277 .market-primary-nav{
  background:rgba(255,255,255,.99)!important;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(226,218,221,.75);
}

@media (min-width:901px){
  .public-v277 .site-header{
    position:sticky!important;
    top:0!important;
    z-index:150!important;
    background:rgba(255,255,255,.99)!important;
  }

  /* Çiçek / Doğum Günü / Sevgiliye / Saksı / Güller / Orkide / Aynı Gün / Premium */
  .public-v277 .market-primary-nav{
    position:sticky!important;
    top:var(--cicekle-header-h)!important;
    z-index:140!important;
  }

  /* Yuvarlak/görselli ana kategori alanı da metin barının altında sabit. */
  .public-v277 .global-category-loop.compact-category-strip{
    position:sticky!important;
    top:calc(var(--cicekle-header-h) + var(--cicekle-market-nav-h))!important;
    z-index:130!important;
    background:rgba(255,255,255,.99)!important;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
  }

  .public-v277 .site-unified-rail{
    align-self:stretch!important;
    min-height:0!important;
    overflow:visible!important;
  }

  .public-v277 .site-unified-left-menu{
    position:sticky!important;
    top:calc(var(--cicekle-header-h) + var(--cicekle-market-nav-h) + var(--cicekle-category-h) + var(--cicekle-sticky-gap))!important;
    z-index:90!important;
    max-height:calc(100vh - var(--cicekle-header-h) - var(--cicekle-market-nav-h) - var(--cicekle-category-h) - 20px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }

  .public-v277 .site-unified-main{
    position:relative!important;
    z-index:1!important;
  }

  /* Sepet, takip, giriş, kayıt, hesap, ödeme ve bayi başvuru sayfaları artık
     büyük vitrin yüzünden aşağı itilmez; içerik doğrudan üst menülerin altından başlar. */
  .public-v277 .site-unified-shell-utility{
    padding-top:12px!important;
  }
  .public-v277 .site-unified-shell-utility .site-unified-main>main.section{
    padding-top:0!important;
    margin-top:0!important;
  }
  .public-v277 .site-unified-shell-utility .site-unified-main>main.section>.wrap{
    margin-top:0!important;
  }

  html{
    scroll-padding-top:calc(var(--cicekle-header-h) + var(--cicekle-market-nav-h) + var(--cicekle-category-h) + 12px);
  }
}

/* Telefon/tablette sol ray gizli kalır. Metin kategori barı üstte tutulur;
   görselli kategori şeridi mevcut kompakt yatay akışını korur. */
@media (max-width:900px){
  .public-v277 .market-primary-nav{
    position:sticky!important;
    top:0!important;
    z-index:95!important;
  }
  .public-v277 .global-category-loop.compact-category-strip{
    position:relative!important;
    top:auto!important;
    z-index:1!important;
  }
  .public-v277 .site-unified-left-menu{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
  }
  .public-v277 .site-unified-shell-utility{padding-top:8px!important}
  .public-v277 .site-unified-shell-utility .site-unified-main>main.section{padding-top:0!important;margin-top:0!important}
}

/* Çiçekle v3.00 — yardımcı sayfaların üst başlangıç hizası
   Sipariş Takibi / Giriş Yap / Sepet ve aynı iskeleti kullanan yardımcı sayfalar,
   üst kategori şeridinin ardından diğer müşteri sayfalarıyla aynı başlangıç çizgisine gelir. */
@media (min-width:901px){
  .public-v277 .site-unified-shell-utility{
    padding-top:14px!important;
  }
  .public-v277 .site-unified-shell-utility .site-unified-main>main.section{
    padding-top:0!important;
    margin-top:0!important;
  }
  .public-v277 .site-unified-shell-utility .site-unified-main>main.section>.wrap{
    padding-top:0!important;
    margin-top:0!important;
  }
  .public-v277 .site-unified-shell-utility .customer-auth-wrap{
    margin-top:0!important;
  }
}
@media (max-width:900px){
  .public-v277 .site-unified-shell-utility{
    padding-top:8px!important;
  }
  .public-v277 .site-unified-shell-utility .site-unified-main>main.section,
  .public-v277 .site-unified-shell-utility .site-unified-main>main.section>.wrap,
  .public-v277 .site-unified-shell-utility .customer-auth-wrap{
    margin-top:0!important;
    padding-top:0!important;
  }
}


/* Çiçekle v3.03.1 — tüm müşteri sayfalarında tek tip, sürekli sabit sol menü.
   Menü artık sayfa başlangıcı / içerik sonu durumuna göre relative-absolute-fixed
   arasında geçiş yapmaz. Masaüstünde her zaman viewport'a fixed bağlıdır. */
@media (min-width:901px){
  .public-v277 .site-unified-rail{
    position:relative!important;
    align-self:stretch!important;
    overflow:visible!important;
    min-height:1px!important;
  }
  .public-v277 .site-unified-left-menu,
  .public-v277 .site-unified-left-menu.cicekle-rail-fixed{
    position:fixed!important;
    top:var(--cicekle-rail-fixed-top,212px)!important;
    left:var(--cicekle-rail-fixed-left,0px)!important;
    width:var(--cicekle-rail-fixed-width,232px)!important;
    z-index:92!important;
    max-height:calc(100vh - var(--cicekle-rail-fixed-top,212px) - 10px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  .public-v277 .site-unified-left-menu.cicekle-rail-bottom{
    position:fixed!important;
    top:var(--cicekle-rail-fixed-top,212px)!important;
    bottom:auto!important;
    left:var(--cicekle-rail-fixed-left,0px)!important;
    width:var(--cicekle-rail-fixed-width,232px)!important;
  }
}

/* Çiçekle v3.03.2 — logo üstü boşluk / eski fixed-header spacer temizliği.
   v2.x döneminde header fixed iken body'ye eklenen üst padding, v3.03'te header
   sticky'ye geçtiği halde kalmıştı. Bu yüzden sayfanın en üstünde, logonun üzerinde
   görünür boş bant oluşuyordu. Ortak public iskelette spacer tamamen kaldırılır. */
html{margin-top:0!important;padding-top:0!important}
body.public-v277{
  margin-top:0!important;
  padding-top:0!important;
}
.public-v277 .site-header,
.public-v277 .compact-site-header{
  margin-top:0!important;
  padding-top:0!important;
}
.public-v277 .compact-nav-main{
  margin-top:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.public-v277 .compact-logo{
  margin-top:0!important;
  margin-bottom:0!important;
}

/* 761–900 px aralığında eski v2.45 fixed kuralları da spacer üretiyordu.
   Bu aralıkta header'ı normal sticky akışa alarak ikinci bir üst boşluk oluşmasını önle. */
@media (min-width:761px) and (max-width:900px){
  body.public-v277{padding-top:0!important}
  .public-v277 .site-header{
    position:sticky!important;
    top:0!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    z-index:150!important;
  }
  .public-v277 .global-category-loop.compact-category-strip{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
  }
}

/* Çiçekle v3.03.4 — kesin viewport sabit sol menü.
   Masaüstünde menü JS ile body altına taşınır; böylece herhangi bir sayfa/parent
   sticky, overflow veya layout davranışı sol menüyü sayfayla birlikte hareket ettiremez. */
@media (min-width:901px){
  body.public-v277 > .site-unified-left-menu.cicekle-rail-viewport{
    position:fixed!important;
    inset:auto!important;
    top:var(--cicekle-rail-fixed-top,212px)!important;
    left:var(--cicekle-rail-fixed-left,20px)!important;
    width:var(--cicekle-rail-fixed-width,232px)!important;
    margin:0!important;
    z-index:220!important;
    max-height:calc(100vh - var(--cicekle-rail-fixed-top,212px) - 10px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    transform:none!important;
    translate:none!important;
    box-sizing:border-box!important;
  }
  .public-v277 .site-unified-rail{
    min-height:1px!important;
  }
}
@media (max-width:900px){
  body.public-v277 > .site-unified-left-menu.cicekle-rail-viewport{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-height:none!important;
  }
}


/* Çiçekle v3.03.5 — görsel referansına birebir sol sütun hizası.
   Menü viewport'a fixed kalır; ancak yatay konumu ekran kenarından değil,
   .site-unified-rail sütununun gerçek sol/sağ ölçüsünden JS ile alınır.
   Böylece kırmızı karedeki gibi kategori şeridinin altında, içerik sütununun
   solunda kalır ve sağdaki formun üzerine binmez. */
@media (min-width:901px){
  body.public-v277 > .site-unified-left-menu.cicekle-rail-viewport{
    border-radius:16px!important;
    margin:0!important;
  }
  .public-v277 .site-unified-shell{
    position:relative!important;
  }
  .public-v277 .site-unified-rail{
    visibility:visible!important;
    width:100%!important;
  }
}

/* Çiçekle v3.03.7 — sabit sol menü ile footer'ın kısa sayfalarda üst üste binmesini önler.
   Sol menünün konumu/boyu değiştirilmez. Sayfanın ana shell yüksekliği, menünün gerçek
   alt sınırına göre JS tarafından büyütülür ve footer doğal akışta aşağı itilir. */
@media (min-width:901px){
  body.public-v277 .site-unified-shell{
    min-height:var(--cicekle-shell-safe-min-height,0px)!important;
  }
}
@media (max-width:900px){
  body.public-v277 .site-unified-shell{
    min-height:0!important;
  }
}

/* Çiçekle v3.03.8 — üst metin kategorileri belirgin buton tasarımı.
   Mevcut navigasyon sırası ve linkler korunur; yalnız görsel ağırlık artırılır. */
.public-v277 .market-primary-nav{
  background:#fff!important;
  border-top:1px solid #edf1ed!important;
  border-bottom:1px solid #dfe7df!important;
  padding:7px 0!important;
}
.public-v277 .market-primary-nav-inner{
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding-inline:12px!important;
}
.public-v277 .market-primary-nav a{
  height:42px!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 17px!important;
  border:1.5px solid #cfdccf!important;
  border-radius:12px!important;
  background:#f3f8f3!important;
  color:#214d30!important;
  text-decoration:none!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:.05px!important;
  box-shadow:0 2px 6px rgba(35,78,48,.05)!important;
  white-space:nowrap!important;
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease!important;
}
.public-v277 .market-primary-nav a:first-child{
  padding-left:17px!important;
}
.public-v277 .market-primary-nav a:hover,
.public-v277 .market-primary-nav a:focus-visible{
  transform:translateY(-1px)!important;
  border-color:#7aa382!important;
  background:#e9f3ea!important;
  color:#1e492c!important;
  box-shadow:0 7px 16px rgba(35,78,48,.12)!important;
  outline:none!important;
}
.public-v277 .market-primary-nav a[href*="today=1"]{
  background:#2f6b3f!important;
  border-color:#2f6b3f!important;
  color:#fff!important;
}
.public-v277 .market-primary-nav a[href*="today=1"]:hover,
.public-v277 .market-primary-nav a[href*="today=1"]:focus-visible{
  background:#285d37!important;
  border-color:#285d37!important;
  color:#fff!important;
}
.public-v277 .market-primary-nav a[href*="premium=1"]{
  background:#fff7e7!important;
  border-color:#d8b66d!important;
  color:#76551d!important;
}
.public-v277 .market-primary-nav a[href*="premium=1"]:hover,
.public-v277 .market-primary-nav a[href*="premium=1"]:focus-visible{
  background:#fff2d2!important;
  border-color:#cba554!important;
  color:#6b4b17!important;
}

@media (max-width:1200px){
  .public-v277 .market-primary-nav-inner{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  .public-v277 .market-primary-nav-inner::-webkit-scrollbar{display:none!important}
  .public-v277 .market-primary-nav a{
    height:40px!important;
    min-height:40px!important;
    padding:0 14px!important;
    font-size:13px!important;
  }
  .public-v277 .market-primary-nav a:first-child{padding-left:14px!important}
}

@media (max-width:900px){
  .public-v277 .market-primary-nav{
    padding:6px 0!important;
  }
  .public-v277 .market-primary-nav-inner{
    min-height:40px!important;
    gap:7px!important;
    padding-inline:10px!important;
  }
  .public-v277 .market-primary-nav a{
    height:38px!important;
    min-height:38px!important;
    padding:0 12px!important;
    border-radius:10px!important;
    font-size:12.5px!important;
  }
  .public-v277 .market-primary-nav a:first-child{padding-left:12px!important}
}

/* Çiçekle v3.03.11 — iki sabit sınır arasında sol menü.
   Üst referans: görselli kategori şeridinin hemen altı.
   Alt referans: footer'ın hemen üstü.
   Footer yaklaşınca top değeri değiştirilmez; yalnız max-height daralır. */
@media (min-width:901px){
  body.public-v277 > .site-unified-left-menu.cicekle-rail-viewport{
    top:var(--cicekle-rail-fixed-top,212px)!important;
    max-height:var(--cicekle-rail-available-height,calc(100vh - var(--cicekle-rail-fixed-top,212px) - 10px))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  body.public-v277 > .site-unified-left-menu.cicekle-rail-viewport.cicekle-rail-footer-guard{
    top:var(--cicekle-rail-fixed-top,212px)!important;
    transition:none!important;
  }
  body.public-v277 .site-footer{
    position:relative!important;
    z-index:230!important;
  }
}