/* Çiçekle v2.86 — v2.85 güvenli görsel/taşma son katmanı
   - Üst kategori şeridi: referans düzene yakın yuvarlak görsel + ad
   - 720p/1080p/2K/4K'da görseller kontrolsüz büyümez
   - Public sayfalarda yatay taşma ve grid min-width sorunları engellenir
*/

/* 1) Genel taşma koruması */
.public-v277,
.public-v277 * ,
.public-v277 *::before,
.public-v277 *::after{box-sizing:border-box}
html{max-width:100%;overflow-x:clip}
body.public-v277{max-width:100%;overflow-x:clip}
.public-v277 img,
.public-v277 svg,
.public-v277 video,
.public-v277 canvas{max-width:100%;height:auto}
.public-v277 input,
.public-v277 select,
.public-v277 textarea,
.public-v277 button{max-width:100%;min-width:0}
.public-v277 table{max-width:100%}
.public-v277 .table-wrap,
.public-v277 .responsive-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.public-v277 pre,
.public-v277 code{max-width:100%;overflow-wrap:anywhere}

/* Grid/flex çocuklarının kendi içeriği yüzünden sayfayı genişletmesini engelle. */
.public-v277 .compact-nav-main,
.public-v277 .compact-header-actions,
.public-v277 .compact-search,
.public-v277 .category-page-frame,
.public-v277 .v254-page-grid,
.public-v277 .catalog-layout,
.public-v277 .catalog-main,
.public-v277 .catalog-grid,
.public-v277 .product-grid,
.public-v277 .product-detail,
.public-v277 .gallery-stack,
.public-v277 .purchase-card,
.public-v277 .cart-layout,
.public-v277 .checkout-shell,
.public-v277 .tracking-shell,
.public-v277 .account-grid,
.public-v277 .footer-grid,
.public-v277 .footer-newsletter,
.public-v277 .form-grid,
.public-v277 .delivery-cards,
.public-v277 .recipient-grid{min-width:0;max-width:100%}
.public-v277 .catalog-layout>* ,
.public-v277 .catalog-grid>* ,
.public-v277 .product-grid>* ,
.public-v277 .v254-products>* ,
.public-v277 .v254-page-grid>* ,
.public-v277 .category-page-frame>* ,
.public-v277 .product-detail>* ,
.public-v277 .cart-layout>* ,
.public-v277 .checkout-shell>* ,
.public-v277 .tracking-shell>* ,
.public-v277 .account-grid>* ,
.public-v277 .footer-grid>*{min-width:0}

/* Uzun başlık/adres/ürün adı ekrandan taşmasın. */
.public-v277 .product-name,
.public-v277 .v254-name,
.public-v277 .header-link,
.public-v277 .notice,
.public-v277 .cart-row,
.public-v277 .checkout-group-result,
.public-v277 .footer-grid,
.public-v277 .account-grid{overflow-wrap:anywhere;word-break:normal}

/* 2) REFERANS ÜST KATEGORİ ŞERİDİ
   Kart kutusu görünümü kaldırıldı; görsel daire + kategori adı aşağıda. */
.public-v277 .global-category-loop.compact-category-strip{
  background:#fff!important;
  border-top:0!important;
  border-bottom:1px solid #ececec!important;
  box-shadow:none!important;
  padding:8px 0 9px!important;
  overflow:hidden!important;
}
.public-v277 .compact-category-inner{
  width:min(1180px,calc(100% - 32px))!important;
  max-width:1180px!important;
  grid-template-columns:26px minmax(0,1fr) 26px!important;
  gap:6px!important;
  padding:0!important;
  margin-inline:auto!important;
}
.public-v277 .category-loop-viewport{
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.public-v277 .global-category-loop .category-loop-track,
.public-v277 .compact-category-track{
  align-items:flex-start!important;
  gap:8px!important;
  min-width:max-content!important;
}
.public-v277 .global-category-loop .quick-cat.v260-cat-card,
.public-v277 .compact-category-track .compact-top-cat{
  width:80px!important;
  min-width:80px!important;
  max-width:80px!important;
  height:88px!important;
  flex:0 0 80px!important;
  padding:2px 2px 4px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  overflow:visible!important;
  color:#262626!important;
  text-decoration:none!important;
}
.public-v277 .global-category-loop .quick-cat.v260-cat-card:hover,
.public-v277 .global-category-loop .quick-cat.v260-cat-card:focus-visible{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
  color:#111!important;
}
.public-v277 .global-category-loop .v265-cat-media{
  width:62px!important;
  height:62px!important;
  flex:0 0 62px!important;
  margin:0 auto!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#f7f7f7!important;
  border:1px solid #f0f0f0!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:2px!important;
}
.public-v277 .global-category-loop .v265-cat-cover{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:50%!important;
  transform:none!important;
  image-rendering:auto!important;
  background:#fff!important;
}
.public-v277 .global-category-loop .v265-cat-fallback{
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  font-size:20px!important;
  background:#faf7f8!important;
}
.public-v277 .global-category-loop .v265-cat-name{
  width:100%!important;
  min-height:21px!important;
  max-height:23px!important;
  padding:0 1px!important;
  font-size:9.6px!important;
  line-height:1.08!important;
  font-weight:500!important;
  color:#333!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
.public-v277 .global-category-loop .category-loop-arrow{
  width:26px!important;
  height:62px!important;
  min-width:26px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#7e8790!important;
  font-size:27px!important;
  font-weight:400!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  align-self:start!important;
}
.public-v277 .global-category-loop .category-loop-arrow:hover{background:transparent!important;color:#1f4f94!important}

/* 720p gibi düşük yükseklikte bile görseli ezmeden biraz kompaktlaştır. */
@media (min-width:901px) and (max-height:800px){
  .public-v277 .global-category-loop.compact-category-strip{padding:5px 0 6px!important}
  .public-v277 .global-category-loop .quick-cat.v260-cat-card{width:74px!important;min-width:74px!important;max-width:74px!important;flex-basis:74px!important;height:79px!important;gap:3px!important}
  .public-v277 .global-category-loop .v265-cat-media{width:54px!important;height:54px!important;flex-basis:54px!important}
  .public-v277 .global-category-loop .v265-cat-name{font-size:8.8px!important;min-height:19px!important;max-height:20px!important}
  .public-v277 .global-category-loop .category-loop-arrow{height:54px!important}
}

/* Büyük ekranlarda kategori resmini büyütmeyip yalnız şeridin genişliğini artır. */
@media (min-width:1440px){
  .public-v277 .compact-category-inner{width:min(1320px,calc(100% - 56px))!important;max-width:1320px!important}
  .public-v277 .global-category-loop .category-loop-track{gap:11px!important}
  .public-v277 .global-category-loop .quick-cat.v260-cat-card{width:84px!important;min-width:84px!important;max-width:84px!important;flex-basis:84px!important;height:91px!important}
  .public-v277 .global-category-loop .v265-cat-media{width:64px!important;height:64px!important;flex-basis:64px!important}
  .public-v277 .global-category-loop .v265-cat-name{font-size:9.8px!important}
}
@media (min-width:2560px){
  .public-v277 .compact-category-inner{width:min(1420px,calc(100% - 80px))!important;max-width:1420px!important}
  .public-v277 .global-category-loop .v265-cat-media{width:66px!important;height:66px!important;flex-basis:66px!important}
  .public-v277 .global-category-loop .quick-cat.v260-cat-card{height:93px!important}
}

/* Tablet / telefon: referanstaki gibi yatay kayan dairesel kategori listesi. */
@media (max-width:900px){
  .public-v277 .global-category-loop.compact-category-strip{padding:7px 0!important}
  .public-v277 .compact-category-inner{display:block!important;width:100%!important;max-width:100%!important;padding:0!important}
  .public-v277 .global-category-loop .category-loop-arrow{display:none!important}
  .public-v277 .category-loop-viewport{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;padding:0 12px 2px!important;-webkit-overflow-scrolling:touch}
  .public-v277 .category-loop-viewport::-webkit-scrollbar{display:none!important}
  .public-v277 .global-category-loop .category-loop-track{transform:none!important;transition:none!important;gap:7px!important;width:max-content!important}
  .public-v277 .global-category-loop .quick-cat.v260-cat-card{width:72px!important;min-width:72px!important;max-width:72px!important;flex-basis:72px!important;height:80px!important;gap:4px!important}
  .public-v277 .global-category-loop .v265-cat-media{width:54px!important;height:54px!important;flex-basis:54px!important}
  .public-v277 .global-category-loop .v265-cat-name{font-size:8.9px!important;min-height:20px!important;max-height:20px!important}
}
@media (max-width:430px){
  .public-v277 .category-loop-viewport{padding-inline:8px!important}
  .public-v277 .global-category-loop .quick-cat.v260-cat-card{width:68px!important;min-width:68px!important;max-width:68px!important;flex-basis:68px!important;height:75px!important}
  .public-v277 .global-category-loop .v265-cat-media{width:50px!important;height:50px!important;flex-basis:50px!important}
  .public-v277 .global-category-loop .v265-cat-name{font-size:8.4px!important;max-height:19px!important}
}

/* 3) Görsellerin ekrana göre aşırı ölçeklenmesini/crop olmasını önle */
.public-v277 .v254-photo,
.public-v277 .product-photo.has-real-photo,
.public-v277 .cart-photo.has-real-photo,
.public-v277 .delivery-product-thumb,
.public-v277 .thumb.has-real-photo,
.public-v277 .main-photo.has-real-photo{
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  image-rendering:auto!important;
}
.public-v277 .manual-category-gallery .category-product-slide{
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  transform:none!important;
}

/* Kart fotoğraf oranları sabit; geniş ekranda gereksiz büyüme sınırı. */
.public-v277 .v254-photo{aspect-ratio:1/1!important;max-height:440px}
.public-v277 .catalog-grid .product-photo{aspect-ratio:1/1!important;height:auto!important;min-height:0!important}

/* 4) Dar ekranlarda son güvenlik: formlar / footer / kartlar viewport dışına çıkmasın */
@media (max-width:760px){
  .public-v277 .wrap{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important}
  .public-v277 .compact-nav-main{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important}
  .public-v277 .mobile-search{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important}
  .public-v277 .footer-newsletter form{min-width:0!important;max-width:100%!important}
  .public-v277 .location-search,
  .public-v277 .location-search-bar,
  .public-v277 .category-location-search{min-width:0!important;max-width:100%!important}
  .public-v277 .catalog-top{flex-wrap:wrap!important}
  .public-v277 .catalog-top select{max-width:100%!important}
}