/* Çiçekle v2.74 — viewport tabanlı akışkan UI ölçeği
   JS --cicekle-ui-scale değerini ekranın genişlik+yüksekliğine göre üretir.
   720p'de sıkı, 1080p'de baz, 2K/4K'da kontrollü büyür. */
:root{--cicekle-ui-scale:1;--cicekle-ui-scale-inv:1}

@media (min-width:901px){
  /* Header: aynı düzen, ölçeğe göre okunabilirlik */
  .compact-nav-main{
    min-height:clamp(58px,calc(64px * var(--cicekle-ui-scale)),88px)!important;
    width:min(clamp(1160px,calc(1360px * var(--cicekle-ui-scale)),1900px),calc(100% - 40px))!important;
  }
  .compact-logo{font-size:clamp(27px,calc(31px * var(--cicekle-ui-scale)),46px)!important}
  .compact-search{max-width:clamp(590px,calc(720px * var(--cicekle-ui-scale)),980px)!important}
  .compact-search input{
    height:clamp(37px,calc(41px * var(--cicekle-ui-scale)),56px)!important;
    font-size:clamp(11px,calc(12px * var(--cicekle-ui-scale)),16px)!important;
  }
  .compact-search button{font-size:clamp(11px,calc(12px * var(--cicekle-ui-scale)),16px)!important}
  .compact-header-actions{gap:clamp(3px,calc(5px * var(--cicekle-ui-scale)),9px)!important}
  .compact-header-actions .header-link{
    font-size:clamp(10px,calc(11px * var(--cicekle-ui-scale)),15px)!important;
    padding:clamp(6px,calc(8px * var(--cicekle-ui-scale)),12px)!important;
    gap:clamp(4px,calc(6px * var(--cicekle-ui-scale)),9px)!important;
  }

  /* Üst kayan kategori: görsel, isim ve kart birlikte ölçeklenir. */
  .compact-category-inner{
    width:min(clamp(1020px,calc(1280px * var(--cicekle-ui-scale)),1850px),calc(100% - 42px))!important;
    padding-top:clamp(2px,calc(3px * var(--cicekle-ui-scale)),5px)!important;
    padding-bottom:clamp(3px,calc(4px * var(--cicekle-ui-scale)),7px)!important;
  }
  .global-category-loop .category-loop-track{gap:clamp(4px,calc(7px * var(--cicekle-ui-scale)),11px)!important}
  .global-category-loop .quick-cat.v260-cat-card{
    width:clamp(62px,calc(74px * var(--cicekle-ui-scale)),112px)!important;
    min-width:clamp(62px,calc(74px * var(--cicekle-ui-scale)),112px)!important;
    max-width:clamp(62px,calc(74px * var(--cicekle-ui-scale)),112px)!important;
    height:clamp(66px,calc(78px * var(--cicekle-ui-scale)),116px)!important;
    padding:clamp(2px,calc(3px * var(--cicekle-ui-scale)),5px)!important;
    gap:clamp(2px,calc(3px * var(--cicekle-ui-scale)),5px)!important;
    border-radius:clamp(12px,calc(15px * var(--cicekle-ui-scale)),21px)!important;
  }
  .global-category-loop .v265-cat-media{
    width:clamp(36px,calc(44px * var(--cicekle-ui-scale)),68px)!important;
    height:clamp(36px,calc(44px * var(--cicekle-ui-scale)),68px)!important;
    flex:0 0 clamp(36px,calc(44px * var(--cicekle-ui-scale)),68px)!important;
  }
  .global-category-loop .v265-cat-name{
    font-size:clamp(7.6px,calc(9.5px * var(--cicekle-ui-scale)),14px)!important;
    line-height:1.1!important;
    max-height:none!important;
  }
  .global-category-loop .category-loop-arrow{
    width:clamp(24px,calc(28px * var(--cicekle-ui-scale)),40px)!important;
    height:clamp(24px,calc(28px * var(--cicekle-ui-scale)),40px)!important;
    font-size:clamp(17px,calc(20px * var(--cicekle-ui-scale)),29px)!important;
  }

  /* Gönderim Amacı: kompakt kalır, büyük ekranda okunabilirliği büyür. */
  .category-showcase-page .category-page-frame{
    grid-template-columns:clamp(195px,calc(214px * var(--cicekle-ui-scale)),270px) minmax(0,1fr)!important;
    gap:clamp(14px,calc(18px * var(--cicekle-ui-scale)),25px)!important;
  }
  .home-v254-page .v254-page-grid{
    grid-template-columns:clamp(195px,calc(214px * var(--cicekle-ui-scale)),270px) minmax(0,1fr) clamp(195px,calc(214px * var(--cicekle-ui-scale)),270px)!important;
    gap:clamp(14px,calc(20px * var(--cicekle-ui-scale)),28px)!important;
  }
  .category-local-purpose-menu,.home-v254-page .v254-side-menu{
    border-radius:clamp(14px,calc(16px * var(--cicekle-ui-scale)),21px)!important;
    padding:clamp(9px,calc(11px * var(--cicekle-ui-scale)),14px)!important;
  }
  .category-local-purpose-menu .global-left-menu-title>b,
  .home-v254-page .v254-side-title{
    font-size:clamp(11px,calc(11.4px * var(--cicekle-ui-scale)),14.5px)!important;
  }
  .category-local-purpose-menu .left-menu-button,
  .home-v254-page .v254-side-btn{
    min-height:clamp(40px,calc(42px * var(--cicekle-ui-scale)),54px)!important;
    padding:clamp(6px,calc(7px * var(--cicekle-ui-scale)),10px)!important;
  }
  .category-local-purpose-menu .left-menu-button>b,
  .home-v254-page .v254-side-btn b{
    font-size:clamp(10.8px,calc(11.2px * var(--cicekle-ui-scale)),14.2px)!important;
  }
  .category-local-purpose-menu .left-menu-button>span,
  .home-v254-page .v254-side-btn span{
    width:clamp(26px,calc(27px * var(--cicekle-ui-scale)),35px)!important;
    height:clamp(26px,calc(27px * var(--cicekle-ui-scale)),35px)!important;
    flex:0 0 clamp(26px,calc(27px * var(--cicekle-ui-scale)),35px)!important;
    font-size:clamp(13px,calc(14px * var(--cicekle-ui-scale)),19px)!important;
  }

  /* Ana sayfa tipografi: ekran büyüdükçe gerçekten büyür. */
  .v254-hero h1,.v258-hero h1{font-size:clamp(31px,calc(40px * var(--cicekle-ui-scale)),61px)!important}
  .v254-hero p,.v258-hero p{font-size:clamp(12px,calc(14px * var(--cicekle-ui-scale)),20px)!important}
  .v254-section-head h2{font-size:clamp(20px,calc(23px * var(--cicekle-ui-scale)),35px)!important}
  .v254-section-head p{font-size:clamp(11px,calc(13px * var(--cicekle-ui-scale)),18px)!important}
  .v254-section-head>a{font-size:clamp(10px,calc(12px * var(--cicekle-ui-scale)),17px)!important}
  .v254-name{font-size:clamp(11px,calc(13px * var(--cicekle-ui-scale)),19px)!important;min-height:calc(36px * var(--cicekle-ui-scale))!important}
  .v254-delivery{font-size:clamp(9.5px,calc(11px * var(--cicekle-ui-scale)),16px)!important}
  .v254-buy b{font-size:clamp(15px,calc(17px * var(--cicekle-ui-scale)),26px)!important}
  .v254-add{font-size:clamp(9px,calc(10px * var(--cicekle-ui-scale)),15px)!important;padding:clamp(7px,calc(9.5px * var(--cicekle-ui-scale)),13px) clamp(8px,calc(10px * var(--cicekle-ui-scale)),15px)!important}
  .v260-trust b{font-size:clamp(9.5px,calc(11px * var(--cicekle-ui-scale)),16px)!important}
  .v260-trust small{font-size:clamp(8px,calc(9.5px * var(--cicekle-ui-scale)),13px)!important}
  .v260-occasions b{font-size:clamp(9.5px,calc(11px * var(--cicekle-ui-scale)),16px)!important}
  .v260-occasions small{font-size:clamp(8px,calc(9.5px * var(--cicekle-ui-scale)),13px)!important}

  /* Kategori sayfası tipografi/kartlar */
  .exact-category-banner h1,.category-banner h1{font-size:clamp(31px,calc(39px * var(--cicekle-ui-scale)),59px)!important}
  .exact-category-banner p,.category-banner p{font-size:clamp(11px,calc(13px * var(--cicekle-ui-scale)),18px)!important}
  .catalog-top{font-size:clamp(11px,calc(13px * var(--cicekle-ui-scale)),18px)!important}
  .catalog-grid .product-name{font-size:clamp(11.5px,calc(14px * var(--cicekle-ui-scale)),20px)!important}
  .catalog-grid .product-shop,.catalog-grid .product-meta{font-size:clamp(8.5px,calc(10px * var(--cicekle-ui-scale)),14px)!important}
  .catalog-grid .price{font-size:clamp(15px,calc(18px * var(--cicekle-ui-scale)),27px)!important}
  .catalog-grid .add-btn{font-size:clamp(8.5px,calc(10px * var(--cicekle-ui-scale)),15px)!important;padding:clamp(6px,calc(8px * var(--cicekle-ui-scale)),12px) clamp(7px,calc(9.5px * var(--cicekle-ui-scale)),14px)!important}
  .empty-state{font-size:clamp(11px,calc(13px * var(--cicekle-ui-scale)),18px)!important}
}

/* Gerçek mobil/tablet düzenini mevcut breakpoint'ler yönetsin. */
@media (max-width:900px){:root{--cicekle-ui-scale:1}}

/* v2.74.1 — ana sayfadaki eski yüksek özgüllüklü !important kurallarını da ölçek sistemine bağla */
@media (min-width:901px){
  .global-category-loop,.home-v254-page .global-category-loop{top:var(--cicekle-header-h,64px)!important}

  .home-v254-page .compact-nav-main{
    min-height:clamp(58px,calc(64px * var(--cicekle-ui-scale)),88px)!important;
    width:min(clamp(1160px,calc(1360px * var(--cicekle-ui-scale)),1900px),calc(100% - 40px))!important;
  }
  .home-v254-page .compact-logo{font-size:clamp(27px,calc(31px * var(--cicekle-ui-scale)),46px)!important}
  .home-v254-page .compact-search{max-width:clamp(590px,calc(720px * var(--cicekle-ui-scale)),980px)!important}
  .home-v254-page .compact-search input{height:clamp(37px,calc(41px * var(--cicekle-ui-scale)),56px)!important;font-size:clamp(11px,calc(12px * var(--cicekle-ui-scale)),16px)!important}
  .home-v254-page .compact-header-actions .header-link{font-size:clamp(10px,calc(11px * var(--cicekle-ui-scale)),15px)!important;padding:clamp(6px,calc(8px * var(--cicekle-ui-scale)),12px)!important}

  .home-v254-page .compact-category-inner{
    width:min(clamp(1020px,calc(1280px * var(--cicekle-ui-scale)),1850px),calc(100% - 42px))!important;
    padding-top:clamp(2px,calc(3px * var(--cicekle-ui-scale)),5px)!important;
    padding-bottom:clamp(3px,calc(4px * var(--cicekle-ui-scale)),7px)!important;
  }
  .home-v254-page .global-category-loop .category-loop-track{gap:clamp(4px,calc(7px * var(--cicekle-ui-scale)),11px)!important}
  .home-v254-page .global-category-loop .quick-cat.v260-cat-card{
    width:clamp(62px,calc(74px * var(--cicekle-ui-scale)),112px)!important;
    min-width:clamp(62px,calc(74px * var(--cicekle-ui-scale)),112px)!important;
    max-width:clamp(62px,calc(74px * var(--cicekle-ui-scale)),112px)!important;
    height:clamp(66px,calc(78px * var(--cicekle-ui-scale)),116px)!important;
    padding:clamp(2px,calc(3px * var(--cicekle-ui-scale)),5px)!important;
    gap:clamp(2px,calc(3px * var(--cicekle-ui-scale)),5px)!important;
  }
  .home-v254-page .global-category-loop .v265-cat-media{
    width:clamp(36px,calc(44px * var(--cicekle-ui-scale)),68px)!important;
    height:clamp(36px,calc(44px * var(--cicekle-ui-scale)),68px)!important;
    flex:0 0 clamp(36px,calc(44px * var(--cicekle-ui-scale)),68px)!important;
  }
  .home-v254-page .global-category-loop .v265-cat-name{
    font-size:clamp(7.6px,calc(9.5px * var(--cicekle-ui-scale)),14px)!important;
    line-height:1.1!important;max-height:none!important;
  }
}

/* v2.74.3 — yalnız font değil, ana içerik alanı da aynı ölçeği takip eder. */
@media(min-width:901px){
  .home-v254-page .v254-wrap{
    width:min(clamp(1180px,calc(1760px * var(--cicekle-ui-scale)),3000px),calc(100% - 40px))!important;
    max-width:none!important;
  }
  .category-showcase-page .category-page-frame{
    width:min(clamp(1180px,calc(1760px * var(--cicekle-ui-scale)),3000px),calc(100% - 40px))!important;
    max-width:none!important;
  }
  .home-v254-page .v258-hero{
    min-height:clamp(250px,calc(350px * var(--cicekle-ui-scale)),550px)!important;
    padding:clamp(18px,calc(26px * var(--cicekle-ui-scale)),40px)!important;
  }
  .home-v254-page .v258-hero-stage{
    min-height:clamp(210px,calc(298px * var(--cicekle-ui-scale)),455px)!important;
    max-height:none!important;
  }
  .category-showcase-page .exact-category-banner{
    min-height:clamp(230px,calc(260px * var(--cicekle-ui-scale)),390px)!important;
    padding:clamp(24px,calc(32px * var(--cicekle-ui-scale)),48px)!important;
    grid-template-columns:minmax(0,1fr) clamp(300px,calc(340px * var(--cicekle-ui-scale)),520px)!important;
  }
  .category-showcase-page .manual-category-gallery{
    width:clamp(300px,calc(340px * var(--cicekle-ui-scale)),520px)!important;
    height:clamp(195px,calc(220px * var(--cicekle-ui-scale)),340px)!important;
  }
}
@media(min-width:1920px){
  .category-showcase-page .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(min-width:3200px){
  .category-showcase-page .catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
/* 720p gibi kısa masaüstünde dikey alanı gereksiz büyütme. */
@media(min-width:901px) and (max-height:800px){
  .home-v254-page .v258-hero{min-height:220px!important;padding:14px!important}
  .home-v254-page .v258-hero-stage{min-height:190px!important;max-height:205px!important}
  .category-showcase-page .exact-category-banner{min-height:220px!important;padding:22px!important}
  .category-showcase-page .manual-category-gallery{height:190px!important}
}