/* UI fixes for product cards */

/* Clamp product titles to a single line with ellipsis */
.js-product-card .card-body .h6 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25;
}

/* Keep descriptions to two lines height (already set elsewhere; ensure consistency) */
.js-product-card .product-desc {
  min-height: 48px;
}

/* Make thumbnails fill the thumb area consistently */
.js-product-card .product-thumb img {
  object-fit: cover !important;
  object-position: center;
  width: 100%;
  height: 100%;
  display: block;
}

/* Sabit thumbnail yüksekliği: tüm ürün kartlarını aynı boyuta getir */
.js-product-card .product-thumb {
  width: 100%;
  height: clamp(200px, 26vw, 240px); /* ambalajdaki gibi biraz daha yüksek kapak alanı */
  overflow: hidden;
  border-radius: .25rem;
  background: #fff;
}

/* Hero merkezleme ve font ayarları */
.hero .carousel-item { align-items: center; }
.hero .carousel-item.active,
.hero .carousel-item-next,
.hero .carousel-item-prev { display: flex; }
.hero .carousel-item .stretched-link { position: absolute; inset: 0; z-index: 1; display: block; }
.hero .carousel-item .btn,
.hero .carousel-item h1,
.hero .carousel-item h2,
.hero .carousel-item p { position: relative; z-index: 2; }
.hero .hero-title { font-weight: 800; letter-spacing: .01em; font-size: clamp(28px, 4vw, 44px); }
.hero .hero-desc { font-size: clamp(16px, 1.6vw, 20px); }
.hero .carousel-item .row { width: 100%; }
/* Tüm slayt yüzeyini tıklanabilir yap ve görsel geri bildirim ver */
.hero .carousel-item { cursor: pointer; }

/* Hero yatay kaydırma (scroll-snap) görünümü */
.hero-scrollsnap{position:relative}
.hero-scrollsnap .hero-track{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;gap:.75rem;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.hero-scrollsnap .hero-track::-webkit-scrollbar{display:none}
.hero-scrollsnap .hero-card{min-width:100%;scroll-snap-align:start}
.hero-scrollsnap .hero-prev,.hero-scrollsnap .hero-next{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--leaf);border:0}
.hero-scrollsnap .hero-prev{left:.5rem}
.hero-scrollsnap .hero-next{right:.5rem}
.text-muted{color:var(--muted)!important}
.card .small.text-muted{color:var(--muted)!important}
.footer-seo a{color:var(--muted)}
.footer-seo a:hover{color:var(--primary)}
.hero-scrollsnap .hero-indicators{display:flex;gap:.35rem;justify-content:center;margin-top:.25rem}
.hero-scrollsnap .hero-indicators .dot{width:8px;height:8px;border-radius:50%;background:#fff;opacity:.45;border:0}
.hero-scrollsnap .hero-indicators .dot.active{opacity:1}

/* Primary navbar alignment: keep items on one line */
.main-header .container { padding-top: .25rem; padding-bottom: .25rem; }
.main-header .nav-primary { display: flex; flex-direction: row; flex-wrap: nowrap !important; gap: .3rem; padding-left: .75rem; overflow: visible; -webkit-overflow-scrolling: touch; }
.main-header .nav-primary { scrollbar-width: none; -ms-overflow-style: none; }
.main-header .nav-primary::-webkit-scrollbar { display: none; }
@media (max-width: 991.98px) {
  .main-header .nav-primary { overflow-x: auto; overflow-y: hidden; }
  .main-header .nav-primary { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%); }
  .main-header .nav-primary { scrollbar-width: none; -ms-overflow-style: none; }
  .main-header .nav-primary::-webkit-scrollbar { display: none; }
}
.main-header .nav-primary .nav-link { white-space: nowrap; padding: .60rem .80rem; font-size: .93rem; line-height: 1; }
.category-strip .category-track { display: flex; flex-wrap: nowrap; gap: .5rem; overflow: hidden; white-space: nowrap; position: relative; }
.category-strip .category-track::-webkit-scrollbar { display: none; }
.category-strip .category-link { flex: 0 0 auto; display: inline-block; padding: .6rem .9rem; }
.category-strip .marquee-inner { display: inline-flex; gap: .5rem; will-change: transform; }
.category-strip .category-link { flex: 0 0 auto; display: inline-block; padding: .6rem .9rem; }
.hero .hero-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Slight left shift of menu relative to logo */
@media (min-width: 768px) {
}

@media (min-width: 992px) {
  .main-header .nav-primary { overflow: visible !important; -webkit-mask-image: none; mask-image: none; }
}

/* Kategori sayfalarında navbar görünümünü tek satırda tut (scrollbar göstermeden) */
.cat-ahsap-dekorasyon .main-header .nav-primary,
.cat-hirdavat .main-header .nav-primary { flex-wrap: nowrap !important; overflow: visible !important; -webkit-mask-image: none; mask-image: none; }

/* Auto slider for product rows (kesintisiz) */
.row.js-auto-slider {
  overflow: hidden; /* track ile akış yönetiliyor */
  position: relative;
}
.row.js-auto-slider .auto-track { display: flex; will-change: transform; }
.row.js-auto-slider .auto-seg { display: flex; }
/* Bootstrap gutter'larını seg içindeki çocuklara uygula */
.row.js-auto-slider .auto-seg > [class*="col-"] {
  flex: 0 0 auto;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  min-width: 340px; /* tek tip kart tabanı genişliği */
}

/* Predictable widths & minimums: doğrudan seg içindeki kolonları hedefle */
@media (min-width: 992px) {
  .row.js-auto-slider .auto-seg > .col-lg-3 { width: 25%; min-width: 320px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .row.js-auto-slider .auto-seg > .col-md-4 { width: 33.3333%; min-width: 340px; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .row.js-auto-slider .auto-seg > .col-sm-6 { width: 50%; min-width: 340px; }
}
@media (max-width: 768px) {
  /* Mobil ve küçük tabletlerde doğal kaydırma ve snap */
  .row.js-auto-slider { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; }
  .row.js-auto-slider .auto-track { display: inline-flex; width: max-content; gap: .5rem; }
  .row.js-auto-slider .auto-seg { display: inline-flex; }
  .row.js-auto-slider .auto-seg > [class*="col-"] { scroll-snap-align: start; flex: 0 0 auto; }
  .row.js-auto-slider .auto-seg > .col-12 { width: 100%; min-width: 100%; }
}

/* Kereste satırını ambalaj ölçülerine sabitle: sabit kart genişliği ve kapak yüksekliği */
.row.js-auto-slider.cat-kereste .auto-seg > [class*="col-"] {
  flex: 0 0 340px;
  width: 340px;
  min-width: 340px;
}
.row.js-auto-slider.cat-kereste .auto-seg > .col-lg-3,
.row.js-auto-slider.cat-kereste .auto-seg > .col-md-4,
.row.js-auto-slider.cat-kereste .auto-seg > .col-sm-6,
.row.js-auto-slider.cat-kereste .auto-seg > .col-12 {
  flex: 0 0 340px;
  width: 340px;
}
.row.js-auto-slider.cat-kereste .js-product-card .product-thumb {
  height: clamp(200px, 26vw, 240px);
}

/* Hırdavat satırını ambalaj ölçülerine sabitle: sabit kart genişliği ve kapak yüksekliği */
.row.js-auto-slider.cat-hirdavat .auto-seg > [class*="col-"] {
  flex: 0 0 340px;
  width: 340px;
  min-width: 340px;
}
.row.js-auto-slider.cat-hirdavat .auto-seg > .col-lg-3,
.row.js-auto-slider.cat-hirdavat .auto-seg > .col-md-4,
.row.js-auto-slider.cat-hirdavat .auto-seg > .col-sm-6,
.row.js-auto-slider.cat-hirdavat .auto-seg > .col-12 {
  flex: 0 0 340px;
  width: 340px;
}
.row.js-auto-slider.cat-hirdavat .js-product-card .product-thumb {
  height: clamp(200px, 26vw, 240px);
}

/* Ürünlerimiz ref-slider kartlarını eşitle (yeni slider yapısı) */
[id^="productsSlider"] .ref-card { width: 260px; }
[id^="productsSlider"] .ref-img { height: 160px; object-fit: contain; background: #f8f9fa; }
[id^="productsSlider"] .ref-card .small.fw-semibold {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Açıklamayı 2 satıra sabitle, kısa olanlarda da eşit boşluk olsun */
[id^="productsSlider"] .ref-card .ref-desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.3;
  min-height: calc(1.3em * 2);
}