/* v1.9.79 — Ana sayfa Popüler ürün grup sliderı */
.home-popular{width:100%;padding:clamp(2.2rem,5vw,4.5rem) 0 clamp(3.2rem,6vw,5.5rem)}
.popular__inner{width:calc(100% - 500px);max-width:1420px;min-width:0;margin-inline:auto}
.popular__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;padding-bottom:1rem;margin-bottom:1.1rem;border-bottom:1px solid var(--color-border)}
.popular__header .eyebrow{margin:0 0 .35rem;color:var(--color-primary-strong);font-size:.72rem;font-weight:800;letter-spacing:.12em}
.popular__header h2{margin:0;font-size:clamp(1.8rem,2.4vw,2.7rem);letter-spacing:-.03em}
.popular__controls{display:flex;justify-content:flex-end;gap:.5rem}
.popular__controls button{display:grid;width:2.65rem;height:2.65rem;padding:0;border:1px solid var(--color-border);border-radius:50%;background:#fff;color:var(--color-text);place-items:center;font:inherit;font-size:1.5rem;cursor:pointer}
.popular-carousel{position:relative;min-width:0}
.popular-viewport{position:relative;width:100%;min-width:0;overflow:hidden;transition:height 240ms ease;touch-action:pan-y}
.popular-track{display:flex;width:100%;will-change:transform;transition:transform 520ms cubic-bezier(.22,.61,.36,1);touch-action:pan-y}
.popular-slide{flex:0 0 100%;width:100%;min-width:0}
.popular-grid{display:grid;width:100%;grid-template-columns:repeat(var(--popular-columns,3),minmax(0,1fr));column-gap:1.15rem;row-gap:1.35rem}
.popular-grid .product-card__media{aspect-ratio:1/1}
.popular-grid .product-card__title{min-height:3.45rem}
.popular-dots{display:flex;justify-content:center;gap:.38rem;padding-top:1rem}
.popular-dot{width:.5rem;height:.5rem;padding:0;border:1px solid rgba(98,75,58,.28);border-radius:50%;background:rgba(98,75,58,.18);cursor:pointer}
.popular-dot.is-active{width:1.25rem;border-radius:1rem;background:var(--color-primary)}
.popular-empty{padding:2rem;border:1px dashed var(--color-border);border-radius:1rem;text-align:center;color:var(--color-text-muted)}
.popular-carousel[data-transition="fade"] .popular-track{position:relative;display:block;transform:none!important;transition:none}
.popular-carousel[data-transition="fade"] .popular-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 420ms ease}
.popular-carousel[data-transition="fade"] .popular-slide.is-active{position:relative;opacity:1;pointer-events:auto}
.popular-carousel[data-transition="slide-up"] .popular-track{display:block;transition:transform 520ms cubic-bezier(.22,.61,.36,1)}
.popular-carousel[data-transition="slide-up"] .popular-slide{width:100%}
@media(max-width:72rem){.popular__inner{width:calc(100% - 4rem)}}
@media(max-width:64rem){.popular-grid{grid-template-columns:repeat(var(--popular-tablet-columns,3),minmax(0,1fr))}}
@media(max-width:48rem){.home-popular{padding:2rem 0 3.25rem}.popular__inner{width:calc(100% - 1.5rem)}.popular-grid{grid-template-columns:repeat(var(--popular-mobile-columns,3),minmax(0,1fr));column-gap:.45rem;row-gap:.62rem}.popular-grid .product-card__title{min-height:3rem;padding:.55rem .4rem;font-size:.78rem;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.popular-track,.popular-slide{transition:none!important}}

/* 1.9.79: share the showcase's mobile outer width and container gutters. */
.popular__inner { padding-inline: 0; }
@media (max-width: 48rem) {
  .home-showcase__inner, .popular__inner {
    width: calc(100% - 1rem);
    max-width: none;
    padding-left: max(var(--container-gutter), env(safe-area-inset-left, 0px));
    padding-right: max(var(--container-gutter), env(safe-area-inset-right, 0px));
    margin-inline: auto;
  }
  .popular-grid .product-card { min-width: 0; border-radius: .85rem; }
  .popular-grid .product-card__media { height: var(--popular-mobile-image-height, 120px); min-height: 0; aspect-ratio: auto; }
  .popular-grid .product-card__media img { width: 100%; height: 100%; object-fit: cover; }
  .popular-grid .product-card__title { margin: 0; min-height: 2.8rem; line-height: 1.25; font-size: .75rem; }
}

/* v1.9.79 — carousel controls do not capture document vertical scrolling */
.showcase-frame, .showcase-slider, .showcase-track, .showcase-slide, .popular-carousel, .popular-viewport, .popular-track, .popular-slide { touch-action: pan-y; overscroll-behavior-y: auto; }


/* v1.9.79 — optional Popular title frame / plain-title presentation. */
.popular-grid .popular-card--clean {
  align-self: start;
}
.popular-grid .popular-card--clean .product-card__button {
  height: auto;
  grid-template-rows: auto;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.popular-grid .popular-card--clean .product-card__button:hover {
  border-color: transparent;
  box-shadow: none;
  transform: none;
}
.popular-grid .popular-card--clean .product-card__media {
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: var(--radius-medium);
}
.popular-grid .popular-card--clean .product-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.popular-card__plain-title {
  margin: .58rem .08rem 0;
  padding: 0;
  color: var(--color-text);
  font-size: .92rem;
  font-weight: 720;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
@media (max-width: 48rem) {
  .popular-card__plain-title {
    margin-top: .42rem;
    font-size: .78rem;
    line-height: 1.25;
  }
}

/* Popular heading and navigation reserve independent columns on small screens. */
@media (max-width: 48rem) {
  .home-popular { padding-top: 2.35rem; }
  .popular__header {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    padding-top: .45rem;
    padding-bottom: .8rem;
    margin-bottom: .8rem;
    text-align: left;
  }
  .popular__header > div:first-child { min-width: 0; }
  .popular__header h2 { max-width: 100%; overflow-wrap: anywhere; }
  .popular__header .eyebrow { margin-bottom: .24rem; }
  .popular__controls { position: static; align-self: center; gap: .32rem; }
  .popular__controls button { width: 1.8rem; height: 1.8rem; min-width: 1.8rem; padding: 0; }
  .popular__controls button svg { width: 13px; height: 13px; }
}


/* v1.9.98 — Popular product-title horizontal alignment */
.popular-grid[data-product-title-alignment='left'] .product-card__title,
.popular-grid[data-product-title-alignment='left'] .popular-card__plain-title { text-align: left; }
.popular-grid[data-product-title-alignment='center'] .product-card__title,
.popular-grid[data-product-title-alignment='center'] .popular-card__plain-title { text-align: center; }
.popular-grid[data-product-title-alignment='right'] .product-card__title,
.popular-grid[data-product-title-alignment='right'] .popular-card__plain-title { text-align: right; }