/* Çiçekle v2.77 — tüm müşteri sayfalarında toparlanmış, ortak ve akışkan düzen.
   Amaç: 720p/1080p/2K/4K ekranlarda içerik aşırı yayılmasın; kartlar, paneller,
   başlıklar ve ana kolonlar aynı ritimde kalsın. Fontlar v2.74 ölçeğini korur. */

.public-v277{
  --v277-content-max:clamp(1180px,calc(1420px * var(--cicekle-ui-scale,1)),1960px);
  --v277-gap:clamp(12px,calc(14px * var(--cicekle-ui-scale,1)),20px);
  --v277-section:clamp(22px,calc(28px * var(--cicekle-ui-scale,1)),40px);
  --v277-panel-pad:clamp(16px,calc(19px * var(--cicekle-ui-scale,1)),26px);
  --v277-radius:clamp(13px,calc(15px * var(--cicekle-ui-scale,1)),20px);
}

/* Header + üst kategori şeridi her sayfada aynı oranla çalışır. */
@media (min-width:901px){
  .public-v277 .compact-nav-main{
    width:min(clamp(1160px,calc(1360px * var(--cicekle-ui-scale,1)),1820px),calc(100% - 44px))!important;
    grid-template-columns:minmax(150px,195px) minmax(380px,1fr) minmax(270px,335px)!important;
    gap:clamp(12px,calc(16px * var(--cicekle-ui-scale,1)),22px)!important;
  }
  .public-v277 .compact-search{width:100%!important;max-width:clamp(620px,calc(750px * var(--cicekle-ui-scale,1)),980px)!important;justify-self:center!important}
  .public-v277 .compact-category-inner{
    width:min(clamp(1040px,calc(1280px * var(--cicekle-ui-scale,1)),1740px),calc(100% - 56px))!important;
  }
  .public-v277 .global-category-loop .quick-cat.v260-cat-card{
    width:clamp(66px,calc(74px * var(--cicekle-ui-scale,1)),104px)!important;
    min-width:clamp(66px,calc(74px * var(--cicekle-ui-scale,1)),104px)!important;
    max-width:clamp(66px,calc(74px * var(--cicekle-ui-scale,1)),104px)!important;
    height:clamp(70px,calc(80px * var(--cicekle-ui-scale,1)),112px)!important;
    padding:clamp(3px,calc(4px * var(--cicekle-ui-scale,1)),6px)!important;
    gap:clamp(2px,calc(3px * var(--cicekle-ui-scale,1)),5px)!important;
  }
  .public-v277 .global-category-loop .v265-cat-media{
    width:clamp(39px,calc(44px * var(--cicekle-ui-scale,1)),65px)!important;
    height:clamp(39px,calc(44px * var(--cicekle-ui-scale,1)),65px)!important;
    flex-basis:clamp(39px,calc(44px * var(--cicekle-ui-scale,1)),65px)!important;
  }
  .public-v277 .global-category-loop .v265-cat-name{
    font-size:clamp(8px,calc(8.8px * var(--cicekle-ui-scale,1)),13px)!important;
    line-height:1.08!important;
    max-height:none!important;
  }
}

/* Ortak içerik genişliği: geniş monitörde sayfa kenarlara dağılmaz. */
.public-v277 main > .wrap,
.public-v277 main .wrap.product-wrap-v241,
.public-v277 .global-site-hero > .wrap,
.public-v277 .site-footer > .wrap{
  width:min(var(--v277-content-max),calc(100% - 40px))!important;
  max-width:var(--v277-content-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.public-v277 .section{padding:var(--v277-section) 0!important}
.public-v277 .section-head{gap:14px!important;margin-bottom:clamp(12px,calc(15px * var(--cicekle-ui-scale,1)),20px)!important}
.public-v277 .panel{padding:var(--v277-panel-pad)!important;border-radius:var(--v277-radius)!important}

/* Ürün kartları: aynı ölçü, eşit boşluk, gereksiz yatay yayılma yok. */
.public-v277 .product-grid,
.public-v277 .catalog-grid{
  gap:var(--v277-gap)!important;
  align-items:stretch!important;
}
.public-v277 .product-card{
  border-radius:var(--v277-radius)!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}
.public-v277 .product-card .product-body{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;padding:clamp(10px,calc(12px * var(--cicekle-ui-scale,1)),17px)!important}
.public-v277 .product-card .product-buy{margin-top:auto!important;padding-top:8px!important}
.public-v277 .product-card .product-name{line-height:1.32!important}

@media (min-width:1200px) and (max-width:2199px){
  .public-v277 .product-grid,
  .public-v277 .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (min-width:2200px){
  .public-v277 .product-grid,
  .public-v277 .catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media (min-width:761px) and (max-width:1199px){
  .public-v277 .product-grid,
  .public-v277 .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Kategori / çiçek seçme ekranı: sol menü + ürün alanı tek blok gibi görünür. */
.public-v277.category-showcase-page .category-page-frame{
  width:min(var(--v277-content-max),calc(100% - 28px))!important;
  max-width:var(--v277-content-max)!important;
  grid-template-columns:clamp(168px,calc(190px * var(--cicekle-ui-scale,1)),245px) minmax(0,1fr)!important;
  gap:var(--v277-gap)!important;
}
.public-v277 .category-page-main .category-hero,
.public-v277 .category-page-main .category-showcase,
.public-v277 .category-page-main .category-catalog-section{padding-left:0!important;padding-right:0!important}
.public-v277 .category-banner,
.public-v277 .exact-category-banner{
  padding:clamp(20px,calc(26px * var(--cicekle-ui-scale,1)),38px)!important;
  border-radius:var(--v277-radius)!important;
  gap:var(--v277-gap)!important;
}
.public-v277 .category-product-rotator{
  width:clamp(270px,calc(310px * var(--cicekle-ui-scale,1)),430px)!important;
  height:clamp(180px,calc(205px * var(--cicekle-ui-scale,1)),285px)!important;
}
.public-v277 .catalog-top{margin-bottom:var(--v277-gap)!important;gap:10px!important}
.public-v277 .category-local-purpose-menu{border-radius:var(--v277-radius)!important}

/* Ürün detay: görsel ve satın alma alanı birbirinden kopmaz. */
.public-v277 .product-wrap-v241{padding-top:clamp(12px,calc(16px * var(--cicekle-ui-scale,1)),22px)!important}
.public-v277 .product-shell-v241{
  grid-template-columns:minmax(0,1.08fr) minmax(clamp(360px,calc(410px * var(--cicekle-ui-scale,1)),520px),.92fr)!important;
  gap:clamp(18px,calc(26px * var(--cicekle-ui-scale,1)),38px)!important;
}
.public-v277 .gallery-v241,
.public-v277 .purchase-v241,
.public-v277 .detail-card-v241{border-radius:var(--v277-radius)!important}
.public-v277 .purchase-v241{padding:var(--v277-panel-pad)!important}
.public-v277 .detail-card-v241{margin-top:var(--v277-gap)!important}
.public-v277 .benefits-v241{margin-top:var(--v277-gap)!important}

/* Sepet: ürünler ve özet yakın, tek bir alışveriş alanı gibi. */
.public-v277 .cart-layout{
  grid-template-columns:minmax(0,1fr) clamp(310px,calc(340px * var(--cicekle-ui-scale,1)),430px)!important;
  gap:var(--v277-gap)!important;
}
.public-v277 .cart-row{border-radius:var(--v277-radius)!important}
.public-v277 .cart-items,
.public-v277 .cart-summary{min-width:0!important}

/* Ödeme: formun aşırı genişlemesini ve kartların dağılmasını engelle. */
.public-v277 .checkout-shell,
.public-v277 .checkout-shell-v29{
  width:100%!important;
  max-width:clamp(900px,calc(1080px * var(--cicekle-ui-scale,1)),1400px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.public-v277 .checkout-panel-v29,
.public-v277 .delivery-recipient-card{border-radius:var(--v277-radius)!important}
.public-v277 .recipient-grid,
.public-v277 .form-grid{gap:var(--v277-gap)!important}

/* Sipariş takip: arama kartı + harita dengeli iki kolon. */
.public-v277 .tracking-shell{
  grid-template-columns:clamp(320px,calc(360px * var(--cicekle-ui-scale,1)),470px) minmax(0,1fr)!important;
  gap:var(--v277-gap)!important;
}
.public-v277 .tracking-card,
.public-v277 .tracking-map{border-radius:var(--v277-radius)!important;overflow:hidden!important}

/* Hesabım: sol navigasyon gereğinden fazla açılmaz. */
.public-v277 .account-grid{
  grid-template-columns:clamp(190px,calc(220px * var(--cicekle-ui-scale,1)),280px) minmax(0,1fr)!important;
  gap:var(--v277-gap)!important;
}
.public-v277 .account-hero,
.public-v277 .account-nav,
.public-v277 .order-card{border-radius:var(--v277-radius)!important}

/* Mağaza: üst kapak ve ürün vitrini ortak genişlikte kalır. */
.public-v277 .store-cover{
  min-height:clamp(240px,calc(275px * var(--cicekle-ui-scale,1)),390px)!important;
  border-radius:var(--v277-radius)!important;
  margin-top:clamp(12px,calc(16px * var(--cicekle-ui-scale,1)),22px)!important;
}
.public-v277 .store-cover-inner{padding:clamp(22px,calc(30px * var(--cicekle-ui-scale,1)),42px)!important}
.public-v277 .store-story{gap:var(--v277-gap)!important;border-radius:var(--v277-radius)!important;overflow:hidden!important}

/* Masaüstü düşük yükseklik: her şey biraz daha sıkı. */
@media (min-width:821px) and (max-height:800px){
  .public-v277{--v277-section:20px;--v277-gap:11px;--v277-panel-pad:15px}
  .public-v277 .category-banner,.public-v277 .exact-category-banner{padding:18px!important}
  .public-v277 .store-cover{min-height:220px!important}
}

/* Tablet / mobil: tek kolonlarda temiz ve tutarlı akış. */
@media (max-width:900px){
  .public-v277 main > .wrap,
  .public-v277 main .wrap.product-wrap-v241,
  .public-v277 .global-site-hero > .wrap,
  .public-v277 .site-footer > .wrap{width:calc(100% - 20px)!important;max-width:none!important}
  .public-v277.category-showcase-page .category-page-frame{display:block!important;width:calc(100% - 20px)!important}
  .public-v277 .product-shell-v241,
  .public-v277 .tracking-shell,
  .public-v277 .account-grid,
  .public-v277 .cart-layout{grid-template-columns:1fr!important}
  .public-v277 .category-banner,.public-v277 .exact-category-banner{padding:16px!important}
}
@media (max-width:760px){
  .public-v277 .product-grid,
  .public-v277 .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .public-v277 .section{padding:20px 0!important}
  .public-v277 .panel{padding:14px!important}
}
@media (max-width:430px){
  .public-v277 .product-grid,
  .public-v277 .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .public-v277 .product-card .product-body{padding:9px!important}
  .public-v277 .product-card .price{font-size:15px!important}
  .public-v277 .product-card .add-btn{padding:7px 6px!important}
}

/* v2.78 — GLOBAL TAŞMA / GRID GÜVENLİK DÜZELTMESİ */
html,body{max-width:100%;overflow-x:hidden}
.public-v277{width:100%;max-width:100%;overflow-x:hidden}
.public-v277 *, .public-v277 *::before, .public-v277 *::after{box-sizing:border-box}
.public-v277 img,.public-v277 video,.public-v277 iframe,.public-v277 svg{max-width:100%;height:auto}
.public-v277 main,.public-v277 section,.public-v277 .wrap,
.public-v277 .category-page-frame,.public-v277 .category-page-main,
.public-v277 .product-shell-v241,.public-v277 .gallery-v241,.public-v277 .purchase-v241,
.public-v277 .cart-layout,.public-v277 .cart-items,.public-v277 .cart-summary,
.public-v277 .tracking-shell,.public-v277 .tracking-card,.public-v277 .tracking-map,
.public-v277 .account-grid,.public-v277 .account-nav,
.public-v277 .checkout-shell,.public-v277 .checkout-shell-v29,
.public-v277 .store-story,.public-v277 .store-cover,
.public-v277 .compact-nav-main,.public-v277 .compact-search,
.public-v277 .compact-category-inner,.public-v277 .catalog-top,
.public-v277 .product-grid,.public-v277 .catalog-grid{min-width:0;max-width:100%}

/* uzun metin / buton / fiyat satırı kartı büyütmesin */
.public-v277 .product-card,.public-v277 .product-body,.public-v277 .product-name,
.public-v277 .cart-row>* ,.public-v277 .tracking-card *,
.public-v277 .purchase-v241 *,.public-v277 .account-grid *{
  min-width:0;
}
.public-v277 .product-name,.public-v277 .cart-row,.public-v277 .panel,
.public-v277 .tracking-card,.public-v277 .purchase-v241{
  overflow-wrap:anywhere;
  word-break:normal;
}

/* Header aksiyonları ve arama alanı orta ekranlarda taşmasın */
@media (min-width:901px) and (max-width:1399px){
  .public-v277 .compact-nav-main{
    width:calc(100% - 28px)!important;
    grid-template-columns:auto minmax(280px,1fr) auto!important;
    gap:10px!important;
  }
  .public-v277 .compact-header-actions{gap:4px!important;min-width:0!important}
  .public-v277 .compact-header-actions .header-link{padding:8px 7px!important;font-size:10px!important;white-space:nowrap!important}
  .public-v277 .compact-search{min-width:0!important;max-width:none!important}
}

/* Kategori / ürün seçimi: banner görseli ve katalog başlığı taşmasın */
.public-v277 .category-banner,.public-v277 .exact-category-banner{min-width:0;max-width:100%;overflow:hidden}
.public-v277 .category-product-rotator,.public-v277 .manual-category-gallery{max-width:100%!important}
.public-v277 .catalog-top{flex-wrap:wrap!important}
.public-v277 .catalog-top>*{min-width:0}

/* Sepet satırları */
.public-v277 .cart-row{max-width:100%}
.public-v277 .cart-row img,.public-v277 .cart-photo{max-width:100%}

/* Tablet */
@media (max-width:1100px){
  .public-v277 .product-shell-v241{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)!important;gap:14px!important}
  .public-v277 .cart-layout{grid-template-columns:minmax(0,1fr) minmax(280px,330px)!important}
  .public-v277 .tracking-shell{grid-template-columns:minmax(280px,340px) minmax(0,1fr)!important}
  .public-v277 .account-grid{grid-template-columns:minmax(170px,210px) minmax(0,1fr)!important}
}

/* Mobil/tablet tek kolon + gerçek yüzde genişlik */
@media (max-width:900px){
  .public-v277 main > .wrap,
  .public-v277 main .wrap.product-wrap-v241,
  .public-v277 .global-site-hero > .wrap,
  .public-v277 .site-footer > .wrap,
  .public-v277.category-showcase-page .category-page-frame{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    margin-left:auto!important;margin-right:auto!important;
  }
  .public-v277 .product-shell-v241,
  .public-v277 .tracking-shell,
  .public-v277 .account-grid,
  .public-v277 .cart-layout,
  .public-v277 .store-story,
  .public-v277 .form-grid,
  .public-v277 .recipient-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .public-v277 .category-product-rotator,
  .public-v277 .manual-category-gallery{width:100%!important}
  .public-v277 .compact-nav-main{width:100%!important;max-width:100%!important;padding-left:10px!important;padding-right:10px!important}
}

@media (max-width:760px){
  .public-v277 .catalog-grid,.public-v277 .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }
  .public-v277 .cart-row{grid-template-columns:76px minmax(0,1fr)!important;gap:10px!important}
  .public-v277 .cart-row>*:last-child{grid-column:2!important}
  .public-v277 .cart-photo{width:76px!important;height:76px!important}
  .public-v277 input,.public-v277 select,.public-v277 textarea,.public-v277 button{max-width:100%}
}

@media (max-width:360px){
  .public-v277 .catalog-grid,.public-v277 .product-grid{gap:7px!important}
  .public-v277 .product-card .product-body{padding:8px!important}
  .public-v277 .product-card .product-name{font-size:11px!important}
}
