/* v2.74 — Gönderim Amacı: biraz daha büyük/okunaklı, kategori şeridinin altında sticky, son çiçekte durur */
:root{--purpose-menu-gap:8px;--purpose-menu-top:calc(var(--cicekle-header-h,70px) + var(--cicekle-category-h,82px) + var(--purpose-menu-gap))}

@media (min-width:901px){
  .category-showcase-page .category-page-frame{
    grid-template-columns:214px minmax(0,1fr)!important;
    gap:18px!important;
    align-items:start!important;
  }
  .category-showcase-page .category-page-rail{
    position:relative!important;
    min-width:0!important;
    align-self:start!important;
  }
  .category-showcase-page .category-local-purpose-menu{
    position:sticky!important;
    top:var(--purpose-menu-top)!important;
    width:100%!important;
    max-height:calc(100vh - var(--purpose-menu-top) - 12px)!important;
    margin:8px 0 0!important;
    padding:11px!important;
    gap:4px!important;
    overflow:auto!important;
    border-radius:16px!important;
    box-shadow:0 10px 28px rgba(57,72,62,.09)!important;
  }
  .category-showcase-page .category-local-purpose-menu .global-left-menu-title{
    min-height:40px!important;
    padding:7px 8px 9px!important;
    gap:8px!important;
  }
  .category-showcase-page .category-local-purpose-menu .global-left-menu-title>span{
    width:28px!important;height:28px!important;font-size:14px!important;
  }
  .category-showcase-page .category-local-purpose-menu .global-left-menu-title>b{
    font-size:11.4px!important;letter-spacing:.02em!important;
  }
  .category-showcase-page .category-local-purpose-menu .left-menu-button{
    min-height:42px!important;
    padding:7px 8px!important;
    gap:8px!important;
    border-radius:10px!important;
  }
  .category-showcase-page .category-local-purpose-menu .left-menu-button>span{
    width:27px!important;height:27px!important;flex:0 0 27px!important;font-size:14px!important;
  }
  .category-showcase-page .category-local-purpose-menu .left-menu-button>b{
    font-size:11.2px!important;line-height:1.18!important;
  }

  /* Ana sayfadaki aynı kart da aynı davranışta */
  .home-v254-page .v254-page-grid{grid-template-columns:214px minmax(0,1fr)!important;gap:20px!important;align-items:start!important}
  .home-v254-page .v254-side-col{position:relative!important;align-self:start!important;min-width:0!important}
  .home-v254-page .v254-side-menu{
    position:sticky!important;
    top:var(--purpose-menu-top)!important;
    margin-top:0!important;
    padding:12px!important;
    border-radius:16px!important;
    gap:3px!important;
    max-height:calc(100vh - var(--purpose-menu-top) - 12px)!important;
    overflow:auto!important;
  }
  .home-v254-page .v254-side-title{font-size:12.2px!important;padding:5px 8px 10px!important}
  .home-v254-page .v254-side-btn{min-height:42px!important;padding:8px 8px!important;gap:8px!important}
  .home-v254-page .v254-side-btn span{width:27px!important;flex:0 0 27px!important}
  .home-v254-page .v254-side-btn b{font-size:11.3px!important;line-height:1.18!important}
}

@media (min-width:901px) and (max-width:1280px){
  .category-showcase-page .category-page-frame{grid-template-columns:200px minmax(0,1fr)!important;gap:14px!important}
  .category-showcase-page .category-local-purpose-menu .left-menu-button>b{font-size:10.8px!important}
  .home-v254-page .v254-page-grid{grid-template-columns:200px minmax(0,1fr)!important;gap:16px!important}
}

@media (max-width:900px){
  .category-showcase-page .category-page-rail{display:none!important}
  .home-v254-page .v254-side-col{display:none!important}
}

/* v2.74: sticky ray yükseklikleri JS ile son ürün sınırına bağlanır. */
@media(min-width:901px){
 .category-showcase-page .category-page-rail,.home-v254-page .v254-side-col{position:relative!important;align-self:start!important;min-height:0!important}
 .category-showcase-page .category-local-purpose-menu,.home-v254-page .v254-side-menu{position:sticky!important;top:var(--purpose-menu-top)!important}
}

/* v2.74.2 — kategori sayfasındaki eski fixed+body padding yapısını kaldır.
   Header ve kategori bandı normal akışta sticky; sol menü ilk anda da bandın hemen altında başlar. */
@media(min-width:901px){
  body.category-showcase-page{padding-top:0!important}
  .category-showcase-page .site-header{
    position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:100%!important;z-index:60!important;
  }
  .category-showcase-page .global-category-loop{
    position:sticky!important;top:var(--cicekle-header-h,64px)!important;left:auto!important;right:auto!important;width:100%!important;z-index:59!important;
  }
  .category-showcase-page .category-local-purpose-menu{
    top:var(--purpose-menu-top)!important;
    margin-top:8px!important;
  }
}

/* v2.74.2 — kategori sayfasındaki eski fixed+body padding yapısını kaldır.
   Header ve kategori bandı normal akışta sticky; sol menü ilk anda da bandın hemen altında başlar. */
@media(min-width:901px){
  body.category-showcase-page{padding-top:0!important}
  .category-showcase-page .site-header{
    position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:100%!important;z-index:60!important;
  }
  .category-showcase-page .global-category-loop{
    position:sticky!important;top:var(--cicekle-header-h,64px)!important;left:auto!important;right:auto!important;width:100%!important;z-index:59!important;
  }
  .category-showcase-page .category-local-purpose-menu{
    top:var(--purpose-menu-top)!important;
    margin-top:8px!important;
  }
}

/* v2.74.4 — overflow-x:hidden sticky'nin scroll container'ını bozuyordu.
   clip yatay taşmayı keser ama sticky için yeni scroll container oluşturmaz. */
@media(min-width:901px){
  html{overflow-x:clip!important;overflow-y:visible!important}
  body.home-v254-page,body.category-showcase-page{overflow-x:clip!important;overflow-y:visible!important}
}