/* serpinGO product listing (category + search pages) */
.cc_b3eorip4_aIGCu2LKqJ .sg-pl, .cc_b3eorip4_oNCNTWDyPp .sg-pl { position: relative; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__anchor, .cc_b3eorip4_oNCNTWDyPp .sg-pl__anchor { position: relative; top: -8px; height: 0; }

/* ---------- toolbar ---------- */
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__bar, .cc_b3eorip4_oNCNTWDyPp .sg-pl__bar {
  position: relative; z-index: 5;
  display: flex; align-items: center; justify-content: space-between; gap: 10px 16px; flex-wrap: wrap;
  padding: 10px 0; margin-bottom: 16px; border-bottom: 1px solid var(--sg-line);
  background: var(--sg-pl-bg, #fff);
}
.cc_b3eorip4_aIGCu2LKqJ .sg-pl--sticky .sg-pl__bar, .cc_b3eorip4_oNCNTWDyPp .sg-pl--sticky .sg-pl__bar { position: sticky; top: var(--sg-sticky-top, 0px); }
/* the phone sort sheet is rendered inside the toolbar: lift the toolbar's layer above the header while it shows */
.cc_b3eorip4_aIGCu2LKqJ .sg-pl--sheet .sg-pl__bar, .cc_b3eorip4_oNCNTWDyPp .sg-pl--sheet .sg-pl__bar { z-index: var(--sg-z-drawer, 400); }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__barstart, .cc_b3eorip4_oNCNTWDyPp .sg-pl__barstart, .cc_b3eorip4_aIGCu2LKqJ .sg-pl__barend, .cc_b3eorip4_oNCNTWDyPp .sg-pl__barend { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-width: 0; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__barend, .cc_b3eorip4_oNCNTWDyPp .sg-pl__barend { margin-left: auto; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__count, .cc_b3eorip4_oNCNTWDyPp .sg-pl__count { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--sg-text-2, var(--sg-ink-2)); }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__countspin, .cc_b3eorip4_oNCNTWDyPp .sg-pl__countspin { width: 14px; height: 14px; border-width: 1.5px; }
/* "Filtrele": a light 40px pill — hairline border, 16px sliders glyph, 14px text; the ink edge comes on
   hover. Same shape as the sort trigger (ListSort), so the two read as one quiet row. */
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__fbtn, .cc_b3eorip4_oNCNTWDyPp .sg-pl__fbtn {
  position: relative; display: none; align-items: center; gap: 7px; min-height: 40px; padding: 0 16px 0 14px;
  border: 1px solid var(--sg-line-strong); border-radius: var(--sg-r-pill); background: #fff; color: var(--sg-ink);
  font: inherit; font-size: 14px; font-weight: 500; line-height: 1; white-space: nowrap; cursor: pointer;
  transition: border-color var(--sg-t-fast), background var(--sg-t-fast), transform var(--sg-t-fast) var(--sg-ease-out);
}
/* invisible 44px touch target around the 40px pill (the toolbar's padding holds it) */
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__fbtn::after, .cc_b3eorip4_oNCNTWDyPp .sg-pl__fbtn::after { content: ""; position: absolute; inset: -3px -2px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__fbtn svg, .cc_b3eorip4_oNCNTWDyPp .sg-pl__fbtn svg { flex-shrink: 0; color: var(--sg-ink-2); }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__fbtn--always, .cc_b3eorip4_oNCNTWDyPp .sg-pl__fbtn--always { display: inline-flex; }
@media (hover: hover) { .cc_b3eorip4_aIGCu2LKqJ .sg-pl__fbtn:hover, .cc_b3eorip4_oNCNTWDyPp .sg-pl__fbtn:hover { border-color: var(--sg-ink); } }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__fbtn[aria-expanded="true"], .cc_b3eorip4_oNCNTWDyPp .sg-pl__fbtn[aria-expanded="true"] { border-color: var(--sg-ink); background: var(--sg-surface-2); }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__fbtn:active, .cc_b3eorip4_oNCNTWDyPp .sg-pl__fbtn:active { transform: scale(0.97); }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__fcount, .cc_b3eorip4_oNCNTWDyPp .sg-pl__fcount {
  display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; margin-right: -5px; border-radius: var(--sg-r-pill);
  background: var(--sg-accent); color: var(--sg-on-accent); font-size: 10.5px; font-weight: 700; animation: cc_b3eorip4_sg-pop var(--sg-t-mid) var(--sg-ease-spring);
}
/* the grid switch sits in the same 40px line as the pills (3px track + 34px buttons); on touch an invisible
   strip above and below keeps each button a 44px target */
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__density .sg-lgt__btn, .cc_b3eorip4_oNCNTWDyPp .sg-pl__density .sg-lgt__btn { position: relative; height: 34px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__density .sg-lgt__btn::after, .cc_b3eorip4_oNCNTWDyPp .sg-pl__density .sg-lgt__btn::after { content: ""; position: absolute; inset: -5px 0; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__chips, .cc_b3eorip4_oNCNTWDyPp .sg-pl__chips { margin: -4px 0 20px; }

/* ---------- body: sidebar + grid ---------- */
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__body, .cc_b3eorip4_oNCNTWDyPp .sg-pl__body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; align-items: start; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl--has-side .sg-pl__body, .cc_b3eorip4_oNCNTWDyPp .sg-pl--has-side .sg-pl__body { grid-template-columns: 264px minmax(0, 1fr); }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__side, .cc_b3eorip4_oNCNTWDyPp .sg-pl__side {
  position: sticky; top: calc(var(--sg-sticky-top, 0px) + 88px);
  max-height: calc(100vh - var(--sg-sticky-top, 0px) - 108px); overflow-y: auto; overscroll-behavior: contain;
  padding-right: 6px; scrollbar-width: thin; scrollbar-color: var(--sg-line-strong) transparent;
}
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__sidehead, .cc_b3eorip4_oNCNTWDyPp .sg-pl__sidehead { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-bottom: 12px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__sidetitle, .cc_b3eorip4_oNCNTWDyPp .sg-pl__sidetitle { font-family: var(--sg-font-display); font-size: 20px; font-weight: 600; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__sideclear, .cc_b3eorip4_oNCNTWDyPp .sg-pl__sideclear { padding: 4px 0; border: 0; background: none; font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; animation: cc_b3eorip4_sg-fade-in var(--sg-t-mid); }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__main, .cc_b3eorip4_oNCNTWDyPp .sg-pl__main { min-width: 0; }

/* ---------- grid ---------- */
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid { --sg-gap: var(--sg-pl-g, 24px); --sg-gap-y: calc(var(--sg-gap) * 1.6); transition: opacity var(--sg-t-mid); }
/* grid cell: its single track stretches the card to the row height (equal bordered tiles) */
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__cell, .cc_b3eorip4_oNCNTWDyPp .sg-pl__cell { display: grid; min-width: 0; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__promo, .cc_b3eorip4_oNCNTWDyPp .sg-pl__promo { min-width: 0; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__promo--wide, .cc_b3eorip4_oNCNTWDyPp .sg-pl__promo--wide { grid-column: span 2; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__skel, .cc_b3eorip4_oNCNTWDyPp .sg-pl__skel { display: grid; gap: 10px; align-content: start; animation: cc_b3eorip4_sg-fade-in var(--sg-t-mid) both; animation-delay: calc(var(--sg-i, 0) * 50ms); }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__skimg, .cc_b3eorip4_oNCNTWDyPp .sg-pl__skimg { aspect-ratio: var(--sg-card-ratio, 4 / 5); border-radius: var(--sg-r-media); }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__skline, .cc_b3eorip4_oNCNTWDyPp .sg-pl__skline { height: 14px; width: 80%; border-radius: 6px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__skline--short, .cc_b3eorip4_oNCNTWDyPp .sg-pl__skline--short { width: 45%; }
/* placeholder for the card's add button (category listing) */
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__skbtn, .cc_b3eorip4_oNCNTWDyPp .sg-pl__skbtn { height: 44px; margin-top: 4px; border-radius: var(--sg-r-btn); }

/* fluid grid (cardMinWidth): at most --sg-cols columns, but never narrower than --sg-pl-min —
   next to the 264px sidebar a 1440 screen gets 3 roomy cards instead of 4 cramped ones */
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid--fluid, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid--fluid {
  grid-template-columns: repeat(auto-fill, minmax(max(var(--sg-pl-min, 260px), calc((100% - (var(--sg-cols, 4) - 1) * var(--sg-gap)) / var(--sg-cols, 4))), 1fr));
}

/* ---------- cards inside the listing grid (rails keep the base card) ----------
   Larger tiles need calmer type: brand as a quiet eyebrow, a 2-line name, a bolder
   price pinned to the tile's bottom edge so prices line up along every row. */
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card { --sg-card-text-scale: 1.02; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card__body, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card__body { gap: 6px; }
/* brand names are Latin product names — no uppercase (lang="tr" would print "CHEMİE") */
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card__brand, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card__brand { font-size: 12.5px; font-weight: 600; letter-spacing: 0.01em; text-transform: none; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card:not(.sg-card--overlay) .sg-card__brand, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card:not(.sg-card--overlay) .sg-card__brand { color: var(--sg-text-2, var(--sg-ink-3)); }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card__name, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card__name { font-size: 15px; line-height: 1.42; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card__price, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card__price { padding-top: 8px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card__price .sg-price__final, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card__price .sg-price__final { font-size: 17px; letter-spacing: -0.01em; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card__price .sg-price__old, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card__price .sg-price__old { font-size: 13.5px; }

/* bordered / boxed tiles */
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card--bordered, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card--bordered, .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card--boxed, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card--boxed { --sg-card-pad: 12px; border-radius: calc(var(--sg-r-card) + 4px); }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card--bordered .sg-card__media, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card--bordered .sg-card__media, .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card--boxed .sg-card__media, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card--boxed .sg-card__media { border-radius: calc(var(--sg-r-card) - 2px); }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card--bordered .sg-card__body, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card--bordered .sg-card__body, .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card--boxed .sg-card__body, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card--boxed .sg-card__body { padding: 16px 10px 10px; }
/* a hairline separates photo and text on white tiles */
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card--bordered > .sg-card__body, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card--bordered > .sg-card__body { position: relative; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card--bordered > .sg-card__body::before, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card--bordered > .sg-card__body::before {
  content: ""; position: absolute; top: 4px; left: 10px; right: 10px; height: 1px; background: var(--sg-line); opacity: 0.7;
}
/* narrow tiles with the add button (sidebar + 4–5 columns on a laptop): the phone's slimmer
   text padding, so the button keeps room for whole words (container: ProductCard .sg-card--cta) */
@container sg-card (max-width: 140px) {
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card--bordered .sg-card__body, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card--bordered .sg-card__body, .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card--boxed .sg-card__body, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card--boxed .sg-card__body { padding-inline: 4px; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card--bordered > .sg-card__body::before, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card--bordered > .sg-card__body::before { left: 4px; right: 4px; }
}
@media (hover: hover) {
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card--bordered:hover, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card--bordered:hover {
    border-color: color-mix(in srgb, var(--sg-ink) 14%, var(--sg-line));
    box-shadow: 0 2px 4px rgba(17, 19, 21, 0.04), 0 16px 40px rgba(17, 19, 21, 0.09);
  }
}

/* ---------- more / pager / states ---------- */
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__more, .cc_b3eorip4_oNCNTWDyPp .sg-pl__more { display: grid; justify-items: center; gap: 14px; margin-top: 48px; text-align: center; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__more--prev, .cc_b3eorip4_oNCNTWDyPp .sg-pl__more--prev { margin: 0 0 28px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__progress, .cc_b3eorip4_oNCNTWDyPp .sg-pl__progress { width: min(240px, 100%); }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__progress > span, .cc_b3eorip4_oNCNTWDyPp .sg-pl__progress > span { transition: width var(--sg-t-slow) var(--sg-ease-out); }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__sentinel, .cc_b3eorip4_oNCNTWDyPp .sg-pl__sentinel { height: 1px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__pager, .cc_b3eorip4_oNCNTWDyPp .sg-pl__pager { margin-top: 48px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__error, .cc_b3eorip4_oNCNTWDyPp .sg-pl__error { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__retry, .cc_b3eorip4_oNCNTWDyPp .sg-pl__retry {
  display: inline-flex; align-items: center; gap: 6px; margin-left: auto; min-height: 36px; padding: 0 14px;
  border: 1px solid currentColor; border-radius: var(--sg-r-pill); background: none; color: inherit; font-size: 13px; font-weight: 600;
}
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__empty, .cc_b3eorip4_oNCNTWDyPp .sg-pl__empty { display: grid; justify-items: center; gap: 12px; max-width: 520px; margin: 24px auto; padding: 32px 16px; text-align: center; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__emptyimg, .cc_b3eorip4_oNCNTWDyPp .sg-pl__emptyimg { width: min(320px, 100%); margin-bottom: 8px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__emptyicon, .cc_b3eorip4_oNCNTWDyPp .sg-pl__emptyicon {
  display: grid; place-items: center; width: 88px; height: 88px; margin-bottom: 6px; border-radius: 50%;
  background: var(--sg-surface-2); color: var(--sg-ink-2); animation: cc_b3eorip4_sg-float 4s var(--sg-ease-in-out) infinite;
}
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__empty .sg-btn, .cc_b3eorip4_oNCNTWDyPp .sg-pl__empty .sg-btn { margin-top: 8px; }

/* ---------- drawer ---------- */
/* large light "Filtreler" title on a borderless head, close X on the right */
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__drawer .sg-drawer__head, .cc_b3eorip4_oNCNTWDyPp .sg-pl__drawer .sg-drawer__head { padding: 18px 14px 10px 24px; border-bottom: 0; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__drawer .sg-drawer__title, .cc_b3eorip4_oNCNTWDyPp .sg-pl__drawer .sg-drawer__title { font-family: var(--sg-font-body); font-size: 30px; font-weight: 400; line-height: 1.15; letter-spacing: -0.015em; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__drawer .sg-drawer__foot, .cc_b3eorip4_oNCNTWDyPp .sg-pl__drawer .sg-drawer__foot { padding: 14px 24px calc(14px + env(safe-area-inset-bottom)); }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__dfoot, .cc_b3eorip4_oNCNTWDyPp .sg-pl__dfoot { display: grid; grid-template-columns: auto 1fr; gap: 10px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__dfoot .sg-btn, .cc_b3eorip4_oNCNTWDyPp .sg-pl__dfoot .sg-btn { min-height: 50px; padding: 0 20px; }

/* ---------- back to top ---------- */
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__top, .cc_b3eorip4_oNCNTWDyPp .sg-pl__top {
  position: fixed; right: max(16px, env(safe-area-inset-right)); bottom: calc(24px + env(safe-area-inset-bottom)); z-index: var(--sg-z-sticky, 100);
  display: grid; place-items: center; width: 48px; height: 48px; padding: 0;
  border: 1px solid var(--sg-line); border-radius: 50%; background: #fff; color: var(--sg-ink); box-shadow: var(--sg-shadow-1);
  opacity: 0; translate: 0 16px; pointer-events: none;
  transition: opacity var(--sg-t-mid) var(--sg-ease-out), translate var(--sg-t-mid) var(--sg-ease-out), background var(--sg-t-fast), color var(--sg-t-fast);
}
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__top.is-on, .cc_b3eorip4_oNCNTWDyPp .sg-pl__top.is-on { opacity: 1; translate: 0 0; pointer-events: auto; }
@media (hover: hover) { .cc_b3eorip4_aIGCu2LKqJ .sg-pl__top:hover, .cc_b3eorip4_oNCNTWDyPp .sg-pl__top:hover { background: var(--sg-ink); color: #fff; } }
.cc_b3eorip4_aIGCu2LKqJ .sg-pl__top:active, .cc_b3eorip4_oNCNTWDyPp .sg-pl__top:active { transform: scale(0.92); }

/* ---------- small desktop / tablet & phone ---------- */
@media (max-width: 1279px) {
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl--has-side .sg-pl__body, .cc_b3eorip4_oNCNTWDyPp .sg-pl--has-side .sg-pl__body { grid-template-columns: 240px minmax(0, 1fr); gap: 32px; }
}
/* laptop tier: columnsLaptop (--sg-cols-l, equals --sg-cols when empty); below 1024 the global tablet/phone tracks take over */
@media (min-width: 1024px) and (max-width: 1279px) {
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid { grid-template-columns: repeat(var(--sg-cols-l, var(--sg-cols, 4)), minmax(0, 1fr)); }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid--fluid, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid--fluid {
    grid-template-columns: repeat(auto-fill, minmax(max(var(--sg-pl-min, 260px), calc((100% - (var(--sg-cols-l, 4) - 1) * var(--sg-gap)) / var(--sg-cols-l, 4))), 1fr));
  }
}
/* tablets/desktop: nothing left to switch when the tier allows a single column count */
@media (min-width: 768px) {
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__density.sg-pl__density--fixed, .cc_b3eorip4_oNCNTWDyPp .sg-pl__density.sg-pl__density--fixed { display: none; }
}
@media (max-width: 1023px) {
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl--has-side .sg-pl__body, .cc_b3eorip4_oNCNTWDyPp .sg-pl--has-side .sg-pl__body { grid-template-columns: minmax(0, 1fr); }
  /* .sg-pl__bar raises the top-bar rule over ListFilters' own `.sg-lf--bar { display: flex }`, which
     loads later in the scoped bundle — phones/tablets use the Filtrele drawer instead */
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__side, .cc_b3eorip4_oNCNTWDyPp .sg-pl__side, .cc_b3eorip4_aIGCu2LKqJ .sg-pl__bar .sg-pl__topbar, .cc_b3eorip4_oNCNTWDyPp .sg-pl__bar .sg-pl__topbar { display: none; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__fbtn, .cc_b3eorip4_oNCNTWDyPp .sg-pl__fbtn { display: inline-flex; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid--fluid, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid--fluid {
    grid-template-columns: repeat(auto-fill, minmax(max(var(--sg-pl-min, 260px), calc((100% - (var(--sg-cols-t, 3) - 1) * var(--sg-gap)) / var(--sg-cols-t, 3))), 1fr));
  }
}
@media (max-width: 767px) {
  /* one quiet row: Filtrele at the start, the sort pill at the end — then (only when shown)
     count … density. A full-width zero-content flex item breaks the rows; its 8px height is
     the row spacing (row-gap 0, or the break would add a second gap). */
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__bar, .cc_b3eorip4_oNCNTWDyPp .sg-pl__bar { justify-content: flex-start; gap: 0 8px; padding: 8px 0; margin-bottom: 12px; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__bar::after, .cc_b3eorip4_oNCNTWDyPp .sg-pl__bar::after { content: ""; order: 3; flex: 0 0 100%; height: 8px; }
  /* nothing on one side of the break: no empty spacer row */
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__bar:not(:has(.sg-pl__count, .sg-pl__density))::after, .cc_b3eorip4_oNCNTWDyPp .sg-pl__bar:not(:has(.sg-pl__count, .sg-pl__density))::after, .cc_b3eorip4_aIGCu2LKqJ .sg-pl__bar:not(:has(.sg-pl__fbtn, .sg-pl__sort))::after, .cc_b3eorip4_oNCNTWDyPp .sg-pl__bar:not(:has(.sg-pl__fbtn, .sg-pl__sort))::after { display: none; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__barstart, .cc_b3eorip4_oNCNTWDyPp .sg-pl__barstart, .cc_b3eorip4_aIGCu2LKqJ .sg-pl__barend, .cc_b3eorip4_oNCNTWDyPp .sg-pl__barend { display: contents; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__fbtn, .cc_b3eorip4_oNCNTWDyPp .sg-pl__fbtn { order: 1; flex: none; }
  /* the sort takes the rest of the row (zero basis: it never wraps below Filtrele) but its pill
     keeps its own width at the end of it; a long store translation shrinks it with an ellipsis */
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__sort, .cc_b3eorip4_oNCNTWDyPp .sg-pl__sort { order: 2; flex: 1 1 0; min-width: 0; justify-content: flex-end; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__sort .sg-ls__btn, .cc_b3eorip4_oNCNTWDyPp .sg-pl__sort .sg-ls__btn { min-width: 0; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__count, .cc_b3eorip4_oNCNTWDyPp .sg-pl__count { order: 4; flex: 1 1 auto; min-width: 0; font-size: 13px; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__density, .cc_b3eorip4_oNCNTWDyPp .sg-pl__density { order: 5; flex: none; margin-left: auto; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid { --sg-gap: var(--sg-pl-gm, var(--sg-pl-g, 24px)); --sg-gap-y: calc(var(--sg-gap) * 1.3); }
  /* phones keep the merchant's 1/2 columns — the minimum width only steers tablet/desktop */
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid--fluid, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid--fluid { grid-template-columns: repeat(var(--sg-cols-m, 2), minmax(0, 1fr)); }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid--m1 .sg-pl__promo--wide, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid--m1 .sg-pl__promo--wide { grid-column: auto; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card__name, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card__name { font-size: 13.5px; line-height: 1.38; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card__brand, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card__brand { font-size: 11.5px; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card__price, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card__price { padding-top: 6px; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card__price .sg-price__final, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card__price .sg-price__final { font-size: 15px; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card__price .sg-price__old, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card__price .sg-price__old { font-size: 12px; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card--bordered, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card--bordered, .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card--boxed, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card--boxed { --sg-card-pad: 8px; border-radius: calc(var(--sg-r-card) - 2px); }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card--bordered .sg-card__media, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card--bordered .sg-card__media, .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card--boxed .sg-card__media, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card--boxed .sg-card__media { border-radius: calc(var(--sg-r-card) - 6px); }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card--bordered .sg-card__body, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card--bordered .sg-card__body, .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card--boxed .sg-card__body, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card--boxed .sg-card__body { padding: 12px 4px 4px; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__grid .sg-card--bordered > .sg-card__body::before, .cc_b3eorip4_oNCNTWDyPp .sg-pl__grid .sg-card--bordered > .sg-card__body::before { top: 2px; left: 4px; right: 4px; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__more, .cc_b3eorip4_oNCNTWDyPp .sg-pl__more { margin-top: 36px; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__top, .cc_b3eorip4_oNCNTWDyPp .sg-pl__top { width: 44px; height: 44px; bottom: calc(84px + env(safe-area-inset-bottom)); }
  /* sheet head lines up with the 18px filter list */
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__drawer .sg-drawer__head, .cc_b3eorip4_oNCNTWDyPp .sg-pl__drawer .sg-drawer__head { padding: 16px 8px 8px 18px; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__drawer .sg-drawer__title, .cc_b3eorip4_oNCNTWDyPp .sg-pl__drawer .sg-drawer__title { font-size: 27px; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__drawer .sg-drawer__foot, .cc_b3eorip4_oNCNTWDyPp .sg-pl__drawer .sg-drawer__foot { padding: 12px 18px calc(12px + env(safe-area-inset-bottom)); }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__dfoot .sg-btn, .cc_b3eorip4_oNCNTWDyPp .sg-pl__dfoot .sg-btn { min-height: 48px; padding: 0 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__skel, .cc_b3eorip4_oNCNTWDyPp .sg-pl__skel, .cc_b3eorip4_aIGCu2LKqJ .sg-pl__emptyicon, .cc_b3eorip4_oNCNTWDyPp .sg-pl__emptyicon, .cc_b3eorip4_aIGCu2LKqJ .sg-pl__fcount, .cc_b3eorip4_oNCNTWDyPp .sg-pl__fcount { animation: none; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-pl__top, .cc_b3eorip4_oNCNTWDyPp .sg-pl__top { transition: none; }
}

/* serpinGO filter panel — sidebar / drawer / top-bar dropdowns */
.cc_b3eorip4_aIGCu2LKqJ .sg-lf, .cc_b3eorip4_oNCNTWDyPp .sg-lf { display: grid; color: var(--sg-ink); }

/* ---------- collapsible groups ---------- */
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__group, .cc_b3eorip4_oNCNTWDyPp .sg-lf__group { border-bottom: 1px solid var(--sg-line); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__head, .cc_b3eorip4_oNCNTWDyPp .sg-lf__head {
  display: flex; align-items: center; gap: 10px; width: 100%; min-height: 54px; padding: 12px 0;
  border: 0; background: none; text-align: left; font-weight: 600; font-size: 14.5px; letter-spacing: 0.01em;
}
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__title, .cc_b3eorip4_oNCNTWDyPp .sg-lf__title { flex: 1; min-width: 0; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__badge, .cc_b3eorip4_oNCNTWDyPp .sg-lf__badge {
  display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px;
  border-radius: var(--sg-r-pill); background: var(--sg-accent); color: var(--sg-on-accent);
  font-size: 11px; font-weight: 700; animation: cc_b3eorip4_sg-pop var(--sg-t-mid) var(--sg-ease-spring);
}
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__mark, .cc_b3eorip4_oNCNTWDyPp .sg-lf__mark { position: relative; width: 14px; height: 14px; flex-shrink: 0; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__mark::before, .cc_b3eorip4_oNCNTWDyPp .sg-lf__mark::before, .cc_b3eorip4_aIGCu2LKqJ .sg-lf__mark::after, .cc_b3eorip4_oNCNTWDyPp .sg-lf__mark::after {
  content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1.6px; margin-top: -0.8px;
  background: currentColor; border-radius: 2px; transition: transform var(--sg-t-mid) var(--sg-ease-out);
}
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__mark::after, .cc_b3eorip4_oNCNTWDyPp .sg-lf__mark::after { transform: rotate(90deg); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__group.is-open .sg-lf__mark::after, .cc_b3eorip4_oNCNTWDyPp .sg-lf__group.is-open .sg-lf__mark::after { transform: rotate(0deg); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__panel, .cc_b3eorip4_oNCNTWDyPp .sg-lf__panel {
  display: grid; grid-template-rows: 0fr; visibility: hidden;
  transition: grid-template-rows var(--sg-t-mid) var(--sg-ease-out), visibility 0s linear var(--sg-t-mid);
}
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__group.is-open .sg-lf__panel, .cc_b3eorip4_oNCNTWDyPp .sg-lf__group.is-open .sg-lf__panel { grid-template-rows: 1fr; visibility: visible; transition: grid-template-rows var(--sg-t-mid) var(--sg-ease-out); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__inner, .cc_b3eorip4_oNCNTWDyPp .sg-lf__inner { min-height: 0; overflow: hidden; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__group.is-open .sg-lf__inner, .cc_b3eorip4_oNCNTWDyPp .sg-lf__group.is-open .sg-lf__inner { padding-bottom: 18px; }

/* ---------- checkbox rows ---------- */
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__checks, .cc_b3eorip4_oNCNTWDyPp .sg-lf__checks, .cc_b3eorip4_aIGCu2LKqJ .sg-lf__cats, .cc_b3eorip4_oNCNTWDyPp .sg-lf__cats { display: grid; gap: 2px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__check, .cc_b3eorip4_oNCNTWDyPp .sg-lf__check {
  display: flex; align-items: center; gap: 12px; width: 100%; min-height: 40px; padding: 6px 8px; margin: 0 -8px;
  width: calc(100% + 16px); border: 0; border-radius: 8px; background: none; text-align: left;
  font-size: 14px; color: var(--sg-ink-2); text-decoration: none; transition: background var(--sg-t-fast), color var(--sg-t-fast);
}
@media (hover: hover) { .cc_b3eorip4_aIGCu2LKqJ .sg-lf__check:not(:disabled):hover, .cc_b3eorip4_oNCNTWDyPp .sg-lf__check:not(:disabled):hover { background: var(--sg-surface-2); color: var(--sg-ink); } }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__check.is-on, .cc_b3eorip4_oNCNTWDyPp .sg-lf__check.is-on { color: var(--sg-ink); font-weight: 600; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__check.is-empty, .cc_b3eorip4_oNCNTWDyPp .sg-lf__check.is-empty, .cc_b3eorip4_aIGCu2LKqJ .sg-lf__pill.is-empty, .cc_b3eorip4_oNCNTWDyPp .sg-lf__pill.is-empty, .cc_b3eorip4_aIGCu2LKqJ .sg-lf__sw.is-empty, .cc_b3eorip4_oNCNTWDyPp .sg-lf__sw.is-empty { opacity: 0.4; cursor: not-allowed; }
/* category rows that filter in place: icon · name · count · small check; the chosen ones get an accent tint */
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__catrow, .cc_b3eorip4_oNCNTWDyPp .sg-lf__catrow { gap: 10px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__catrow .sg-lf__box, .cc_b3eorip4_oNCNTWDyPp .sg-lf__catrow .sg-lf__box { width: 18px; height: 18px; border-radius: 50%; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__catrow.is-on, .cc_b3eorip4_oNCNTWDyPp .sg-lf__catrow.is-on { background: color-mix(in srgb, var(--sg-accent) 16%, #fff); }
@media (hover: hover) { .cc_b3eorip4_aIGCu2LKqJ .sg-lf__catrow.is-on:hover, .cc_b3eorip4_oNCNTWDyPp .sg-lf__catrow.is-on:hover { background: color-mix(in srgb, var(--sg-accent) 24%, #fff); } }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__catrow.is-on .sg-lf__box, .cc_b3eorip4_oNCNTWDyPp .sg-lf__catrow.is-on .sg-lf__box { background: var(--sg-accent); border-color: var(--sg-accent); color: var(--sg-on-accent); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__catrow.is-on .sg-lf__caticon, .cc_b3eorip4_oNCNTWDyPp .sg-lf__catrow.is-on .sg-lf__caticon { color: var(--sg-ink); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__box, .cc_b3eorip4_oNCNTWDyPp .sg-lf__box {
  display: grid; place-items: center; flex-shrink: 0; width: 20px; height: 20px;
  border: 1.5px solid var(--sg-line-strong); border-radius: 6px; background: #fff; color: #fff;
  transition: background var(--sg-t-fast), border-color var(--sg-t-fast);
}
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__box svg, .cc_b3eorip4_oNCNTWDyPp .sg-lf__box svg { transform: scale(0); transition: transform var(--sg-t-mid) var(--sg-ease-spring); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__check.is-on .sg-lf__box, .cc_b3eorip4_oNCNTWDyPp .sg-lf__check.is-on .sg-lf__box { background: var(--sg-ink); border-color: var(--sg-ink); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__check.is-on .sg-lf__box svg, .cc_b3eorip4_oNCNTWDyPp .sg-lf__check.is-on .sg-lf__box svg { transform: scale(1); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__label, .cc_b3eorip4_oNCNTWDyPp .sg-lf__label { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__n, .cc_b3eorip4_oNCNTWDyPp .sg-lf__n { font-size: 12px; color: var(--sg-ink-3); font-weight: 400; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__catarrow, .cc_b3eorip4_oNCNTWDyPp .sg-lf__catarrow { color: var(--sg-ink-3); flex-shrink: 0; transition: transform var(--sg-t-fast) var(--sg-ease-out); }
@media (hover: hover) { .cc_b3eorip4_aIGCu2LKqJ .sg-lf__catlink:hover .sg-lf__catarrow, .cc_b3eorip4_oNCNTWDyPp .sg-lf__catlink:hover .sg-lf__catarrow { transform: translateX(3px); color: var(--sg-ink); } }
/* category icon (lib/catIcon) instead of the arrow: the menu's amber, no slide */
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__caticon, .cc_b3eorip4_oNCNTWDyPp .sg-lf__caticon { color: color-mix(in srgb, var(--sg-accent) 72%, var(--sg-ink)); }
@media (hover: hover) { .cc_b3eorip4_aIGCu2LKqJ .sg-lf__catlink:hover .sg-lf__caticon, .cc_b3eorip4_oNCNTWDyPp .sg-lf__catlink:hover .sg-lf__caticon { transform: rotate(-10deg); color: var(--sg-ink); } }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__more, .cc_b3eorip4_oNCNTWDyPp .sg-lf__more {
  display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; padding: 6px 0; border: 0; background: none;
  font-size: 13px; font-weight: 600; color: var(--sg-ink); text-decoration: underline; text-underline-offset: 3px;
}

/* ---------- pills (BOX + NUMBER_RANGE_LIST) ---------- */
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__pills, .cc_b3eorip4_oNCNTWDyPp .sg-lf__pills { display: flex; flex-wrap: wrap; gap: 8px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__pill, .cc_b3eorip4_oNCNTWDyPp .sg-lf__pill {
  display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 14px;
  border: 1.5px solid var(--sg-line); border-radius: var(--sg-r-input); background: #fff;
  font-size: 13.5px; font-weight: 500; color: var(--sg-ink);
  transition: border-color var(--sg-t-fast), background var(--sg-t-fast), color var(--sg-t-fast), transform var(--sg-t-fast) var(--sg-ease-out);
}
@media (hover: hover) { .cc_b3eorip4_aIGCu2LKqJ .sg-lf__pill:not(:disabled):hover, .cc_b3eorip4_oNCNTWDyPp .sg-lf__pill:not(:disabled):hover { border-color: var(--sg-ink); } }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__pill:not(:disabled):active, .cc_b3eorip4_oNCNTWDyPp .sg-lf__pill:not(:disabled):active { transform: scale(0.95); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__pill.is-on, .cc_b3eorip4_oNCNTWDyPp .sg-lf__pill.is-on { background: var(--sg-ink); border-color: var(--sg-ink); color: #fff; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__pill.is-on .sg-lf__n, .cc_b3eorip4_oNCNTWDyPp .sg-lf__pill.is-on .sg-lf__n { color: rgba(255, 255, 255, 0.7); }

/* ---------- swatches ---------- */
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__swatches, .cc_b3eorip4_oNCNTWDyPp .sg-lf__swatches { display: grid; grid-template-columns: repeat(auto-fill, minmax(62px, 1fr)); gap: 12px 6px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__sw, .cc_b3eorip4_oNCNTWDyPp .sg-lf__sw { display: grid; justify-items: center; gap: 6px; padding: 2px; border: 0; background: none; font-size: 12px; color: var(--sg-ink-2); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__swdot, .cc_b3eorip4_oNCNTWDyPp .sg-lf__swdot {
  position: relative; display: grid; place-items: center; width: 38px; height: 38px; overflow: hidden;
  border-radius: 50%; background: var(--sg-surface-3); box-shadow: inset 0 0 0 1px rgba(17, 19, 21, 0.12), 0 0 0 0 var(--sg-ink);
  transition: box-shadow var(--sg-t-mid) var(--sg-ease-out), transform var(--sg-t-mid) var(--sg-ease-spring);
}
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__swdot img, .cc_b3eorip4_oNCNTWDyPp .sg-lf__swdot img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__swcheck, .cc_b3eorip4_oNCNTWDyPp .sg-lf__swcheck { position: relative; color: #fff; filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.6)); opacity: 0; transform: scale(0.4); transition: opacity var(--sg-t-fast), transform var(--sg-t-mid) var(--sg-ease-spring); }
@media (hover: hover) { .cc_b3eorip4_aIGCu2LKqJ .sg-lf__sw:not(:disabled):hover .sg-lf__swdot, .cc_b3eorip4_oNCNTWDyPp .sg-lf__sw:not(:disabled):hover .sg-lf__swdot { transform: scale(1.08); } }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__sw.is-on .sg-lf__swdot, .cc_b3eorip4_oNCNTWDyPp .sg-lf__sw.is-on .sg-lf__swdot { box-shadow: inset 0 0 0 1px rgba(17, 19, 21, 0.12), 0 0 0 2px #fff, 0 0 0 3.5px var(--sg-ink); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__sw.is-on .sg-lf__swcheck, .cc_b3eorip4_oNCNTWDyPp .sg-lf__sw.is-on .sg-lf__swcheck { opacity: 1; transform: none; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__sw.is-on .sg-lf__swname, .cc_b3eorip4_oNCNTWDyPp .sg-lf__sw.is-on .sg-lf__swname { color: var(--sg-ink); font-weight: 600; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__swname, .cc_b3eorip4_oNCNTWDyPp .sg-lf__swname { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }

/* ---------- number range: one-row slider + "Fiyat: ₺320 — ₺8.500" typed values ---------- */
/* --r = thumb radius, --o = thumb centre at the ends: the rail runs between the two centres; the 8px
   edge keeps the hover halo and focus ring inside the group (its panel clips for the open/close animation) */
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__range, .cc_b3eorip4_oNCNTWDyPp .sg-lf__range { --r: 9px; --o: calc(var(--r) + 8px); display: grid; gap: 6px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__track, .cc_b3eorip4_oNCNTWDyPp .sg-lf__track {
  position: relative; height: 44px; cursor: pointer;
  touch-action: pan-y; /* horizontal drags are ours, vertical swipes still scroll the drawer */
  -webkit-tap-highlight-color: transparent; user-select: none; -webkit-user-select: none;
}
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__rail, .cc_b3eorip4_oNCNTWDyPp .sg-lf__rail {
  position: absolute; left: var(--o); right: var(--o); top: 50%; height: 2px; margin-top: -1px;
  border-radius: 2px; background: var(--sg-line-strong);
}
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__fill, .cc_b3eorip4_oNCNTWDyPp .sg-lf__fill {
  position: absolute; top: -0.5px; bottom: -0.5px; border-radius: 2px; background: var(--sg-ink);
  left: calc(var(--a) * 100%); right: calc((1 - var(--b)) * 100%);
}
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__thumb, .cc_b3eorip4_oNCNTWDyPp .sg-lf__thumb {
  position: absolute; top: 50%; left: calc(var(--o) + (100% - 2 * var(--o)) * var(--p));
  width: calc(var(--r) * 2); height: calc(var(--r) * 2); margin: calc(var(--r) * -1) 0 0 calc(var(--r) * -1);
  border: 2px solid var(--sg-ink); border-radius: 50%; background: #fff; cursor: grab; touch-action: pan-y;
  box-shadow: 0 0 0 0 color-mix(in srgb, var(--sg-accent) 40%, transparent);
  transition: box-shadow var(--sg-t-fast) var(--sg-ease-out), scale var(--sg-t-fast) var(--sg-ease-out);
}
/* invisible 44px hit area around the visible dot */
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__thumb::before, .cc_b3eorip4_oNCNTWDyPp .sg-lf__thumb::before { content: ""; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; border-radius: 50%; }
@media (hover: hover) { .cc_b3eorip4_aIGCu2LKqJ .sg-lf__thumb:hover, .cc_b3eorip4_oNCNTWDyPp .sg-lf__thumb:hover { box-shadow: 0 0 0 6px color-mix(in srgb, var(--sg-accent) 28%, transparent); } }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__thumb.is-active, .cc_b3eorip4_oNCNTWDyPp .sg-lf__thumb.is-active { scale: 1.15; cursor: grabbing; box-shadow: 0 0 0 7px color-mix(in srgb, var(--sg-accent) 36%, transparent); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__track.is-dragging, .cc_b3eorip4_oNCNTWDyPp .sg-lf__track.is-dragging { cursor: grabbing; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__thumb:focus, .cc_b3eorip4_oNCNTWDyPp .sg-lf__thumb:focus { outline: none; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__thumb:focus-visible, .cc_b3eorip4_oNCNTWDyPp .sg-lf__thumb:focus-visible { box-shadow: var(--sg-focus); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__thumb.is-active:focus-visible, .cc_b3eorip4_oNCNTWDyPp .sg-lf__thumb.is-active:focus-visible { box-shadow: var(--sg-focus), 0 0 0 8px color-mix(in srgb, var(--sg-accent) 30%, transparent); }

/* "Fiyat: [₺320] — [₺8.500]" — the values are small fields: tap/click to type, Enter or leaving applies */
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__rangeline, .cc_b3eorip4_oNCNTWDyPp .sg-lf__rangeline { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin: 0; font-size: 13px; color: var(--sg-ink-3); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__rangetext, .cc_b3eorip4_oNCNTWDyPp .sg-lf__rangetext { white-space: pre-wrap; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__val, .cc_b3eorip4_oNCNTWDyPp .sg-lf__val {
  display: inline-flex; align-items: center; min-height: 34px; padding: 0 9px; gap: 1px;
  border: 1px solid var(--sg-line); border-radius: var(--sg-r-input); background: #fff;
  color: var(--sg-ink); font-weight: 600; cursor: text;
  transition: border-color var(--sg-t-fast), box-shadow var(--sg-t-fast);
}
@media (hover: hover) { .cc_b3eorip4_aIGCu2LKqJ .sg-lf__val:hover, .cc_b3eorip4_oNCNTWDyPp .sg-lf__val:hover { border-color: var(--sg-ink-3); } }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__val:focus-within, .cc_b3eorip4_oNCNTWDyPp .sg-lf__val:focus-within { border-color: var(--sg-ink); box-shadow: 0 0 0 3px color-mix(in srgb, var(--sg-accent) 30%, transparent); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__affix, .cc_b3eorip4_oNCNTWDyPp .sg-lf__affix { color: var(--sg-ink-2); font-weight: 500; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__valinput, .cc_b3eorip4_oNCNTWDyPp .sg-lf__valinput {
  min-width: 2ch; padding: 0; border: 0; background: none; outline: none;
  font: inherit; font-weight: 600; color: inherit; font-variant-numeric: tabular-nums;
}
/* the field box shows the focus (below), not the bare input */
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__valinput:focus, .cc_b3eorip4_oNCNTWDyPp .sg-lf__valinput:focus, .cc_b3eorip4_aIGCu2LKqJ .sg-lf__valinput:focus-visible, .cc_b3eorip4_oNCNTWDyPp .sg-lf__valinput:focus-visible { outline: none; box-shadow: none; }
@media (pointer: coarse) {
  .cc_b3eorip4_aIGCu2LKqJ .sg-lf__range, .cc_b3eorip4_oNCNTWDyPp .sg-lf__range { --r: 11px; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-lf__rangeline, .cc_b3eorip4_oNCNTWDyPp .sg-lf__rangeline { font-size: 14px; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-lf__val, .cc_b3eorip4_oNCNTWDyPp .sg-lf__val { min-height: 44px; padding: 0 12px; font-size: 16px; }
  /* 16px text: iOS does not zoom the page into the field */
}

/* ---------- variants ---------- */
.cc_b3eorip4_aIGCu2LKqJ .sg-lf--side .sg-lf__group:first-child, .cc_b3eorip4_oNCNTWDyPp .sg-lf--side .sg-lf__group:first-child { border-top: 1px solid var(--sg-line); }

/* drawer: airy list — no dividers, chevron accordions, square checkboxes with a soft accent edge,
   colours as small rounded squares, every option a 40px row */
.cc_b3eorip4_aIGCu2LKqJ .sg-lf--drawer, .cc_b3eorip4_oNCNTWDyPp .sg-lf--drawer { --sg-lf-edge: color-mix(in srgb, var(--sg-accent) 45%, var(--sg-line-strong)); --sg-lf-pad: 24px; padding: 0 var(--sg-lf-pad) 8px; }
/* soft fade under the borderless drawer head once the list scrolls beneath it */
.cc_b3eorip4_aIGCu2LKqJ .sg-lf--drawer::before, .cc_b3eorip4_oNCNTWDyPp .sg-lf--drawer::before {
  content: ""; position: sticky; top: 0; z-index: 1; height: 14px; margin: 0 calc(var(--sg-lf-pad) * -1) -14px; pointer-events: none;
  background: linear-gradient(180deg, #fff 20%, rgba(255, 255, 255, 0));
}
.cc_b3eorip4_aIGCu2LKqJ .sg-lf--drawer .sg-lf__group, .cc_b3eorip4_oNCNTWDyPp .sg-lf--drawer .sg-lf__group { border-bottom: 0; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf--drawer .sg-lf__head, .cc_b3eorip4_oNCNTWDyPp .sg-lf--drawer .sg-lf__head { min-height: 54px; padding: 10px 0; font-size: 15.5px; font-weight: 500; letter-spacing: 0; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__gchev, .cc_b3eorip4_oNCNTWDyPp .sg-lf__gchev { flex-shrink: 0; color: var(--sg-ink); transition: transform var(--sg-t-mid) var(--sg-ease-out); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__group.is-open .sg-lf__gchev, .cc_b3eorip4_oNCNTWDyPp .sg-lf__group.is-open .sg-lf__gchev { transform: rotate(180deg); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf--drawer .sg-lf__group.is-open .sg-lf__inner, .cc_b3eorip4_oNCNTWDyPp .sg-lf--drawer .sg-lf__group.is-open .sg-lf__inner { padding-bottom: 22px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf--drawer .sg-lf__checks, .cc_b3eorip4_oNCNTWDyPp .sg-lf--drawer .sg-lf__checks, .cc_b3eorip4_aIGCu2LKqJ .sg-lf--drawer .sg-lf__cats, .cc_b3eorip4_oNCNTWDyPp .sg-lf--drawer .sg-lf__cats { gap: 0; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf--drawer .sg-lf__check, .cc_b3eorip4_oNCNTWDyPp .sg-lf--drawer .sg-lf__check { min-height: 40px; gap: 13px; font-size: 15px; font-weight: 400; color: var(--sg-ink-2); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf--drawer .sg-lf__check.is-on, .cc_b3eorip4_oNCNTWDyPp .sg-lf--drawer .sg-lf__check.is-on { color: var(--sg-ink); font-weight: 500; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf--drawer .sg-lf__box, .cc_b3eorip4_oNCNTWDyPp .sg-lf--drawer .sg-lf__box { width: 18px; height: 18px; border: 1.5px solid var(--sg-lf-edge); border-radius: 4px; color: var(--sg-on-accent); }
@media (hover: hover) { .cc_b3eorip4_aIGCu2LKqJ .sg-lf--drawer .sg-lf__check:not(:disabled):hover .sg-lf__box, .cc_b3eorip4_oNCNTWDyPp .sg-lf--drawer .sg-lf__check:not(:disabled):hover .sg-lf__box { border-color: var(--sg-accent); } }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf--drawer .sg-lf__check.is-on .sg-lf__box, .cc_b3eorip4_oNCNTWDyPp .sg-lf--drawer .sg-lf__check.is-on .sg-lf__box { background: var(--sg-accent); border-color: var(--sg-accent); }
/* colour square: the swatch is the fill, a hairline keeps white visible, a ring marks the selection */
.cc_b3eorip4_aIGCu2LKqJ .sg-lf--drawer .sg-lf__box--sw, .cc_b3eorip4_oNCNTWDyPp .sg-lf--drawer .sg-lf__box--sw {
  position: relative; overflow: hidden; border: 0; background: var(--sg-surface-3); color: #fff;
  box-shadow: inset 0 0 0 1px rgba(17, 19, 21, 0.14);
  transition: box-shadow var(--sg-t-fast);
}
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__box--sw img, .cc_b3eorip4_oNCNTWDyPp .sg-lf__box--sw img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__box--sw svg, .cc_b3eorip4_oNCNTWDyPp .sg-lf__box--sw svg { position: relative; filter: drop-shadow(0 0 1.5px rgba(0, 0, 0, 0.7)); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf--drawer .sg-lf__check.is-on .sg-lf__box--sw, .cc_b3eorip4_oNCNTWDyPp .sg-lf--drawer .sg-lf__check.is-on .sg-lf__box--sw { background-color: var(--sg-surface-3); box-shadow: inset 0 0 0 1px rgba(17, 19, 21, 0.14), 0 0 0 2px #fff, 0 0 0 3.5px var(--sg-ink); }
@media (hover: hover) { .cc_b3eorip4_aIGCu2LKqJ .sg-lf--drawer .sg-lf__check:not(:disabled):hover .sg-lf__box--sw, .cc_b3eorip4_oNCNTWDyPp .sg-lf--drawer .sg-lf__check:not(:disabled):hover .sg-lf__box--sw { box-shadow: inset 0 0 0 1px rgba(17, 19, 21, 0.14), 0 0 0 2px #fff, 0 0 0 3.5px var(--sg-line-strong); } }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf--drawer .sg-lf__n, .cc_b3eorip4_oNCNTWDyPp .sg-lf--drawer .sg-lf__n { font-size: 12.5px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf--drawer .sg-lf__more, .cc_b3eorip4_oNCNTWDyPp .sg-lf--drawer .sg-lf__more { margin-top: 6px; }

/* top bar: dropdown row */
.cc_b3eorip4_aIGCu2LKqJ .sg-lf--bar, .cc_b3eorip4_oNCNTWDyPp .sg-lf--bar { display: flex; flex-wrap: wrap; gap: 8px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__drop, .cc_b3eorip4_oNCNTWDyPp .sg-lf__drop { position: relative; }
/* same light 40px pill as the toolbar's Filtrele / sort triggers */
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__dropbtn, .cc_b3eorip4_oNCNTWDyPp .sg-lf__dropbtn {
  display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 0 12px 0 16px;
  border: 1px solid var(--sg-line-strong); border-radius: var(--sg-r-pill); background: #fff; font-size: 14px; font-weight: 500; line-height: 1.2;
  transition: border-color var(--sg-t-fast), background var(--sg-t-fast);
}
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__dropbtn .sg-lf__chev, .cc_b3eorip4_oNCNTWDyPp .sg-lf__dropbtn .sg-lf__chev { flex-shrink: 0; color: var(--sg-ink-2); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__dropbtn .sg-lf__badge, .cc_b3eorip4_oNCNTWDyPp .sg-lf__dropbtn .sg-lf__badge { min-width: 18px; height: 18px; padding: 0 5px; font-size: 10.5px; }
@media (hover: hover) { .cc_b3eorip4_aIGCu2LKqJ .sg-lf__dropbtn:hover, .cc_b3eorip4_oNCNTWDyPp .sg-lf__dropbtn:hover { border-color: var(--sg-ink); } }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__dropbtn.is-active, .cc_b3eorip4_oNCNTWDyPp .sg-lf__dropbtn.is-active { border-color: var(--sg-ink); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__chev, .cc_b3eorip4_oNCNTWDyPp .sg-lf__chev { transition: transform var(--sg-t-mid) var(--sg-ease-out); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__drop.is-open .sg-lf__dropbtn, .cc_b3eorip4_oNCNTWDyPp .sg-lf__drop.is-open .sg-lf__dropbtn { border-color: var(--sg-ink); background: var(--sg-surface-2); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__drop.is-open .sg-lf__chev, .cc_b3eorip4_oNCNTWDyPp .sg-lf__drop.is-open .sg-lf__chev { transform: rotate(180deg); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__pop, .cc_b3eorip4_oNCNTWDyPp .sg-lf__pop {
  position: absolute; top: calc(100% + 10px); left: 0; z-index: var(--sg-z-sticky, 100); width: 340px; max-width: calc(100vw - 32px);
  border: 1px solid var(--sg-line); border-radius: var(--sg-r-card); background: #fff; box-shadow: var(--sg-shadow-2);
  transform-origin: 24px 0; animation: sg-lf-pop var(--sg-t-mid) var(--sg-ease-out);
}
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__pop[hidden], .cc_b3eorip4_oNCNTWDyPp .sg-lf__pop[hidden] { display: none; }
/* last dropdowns open towards the left so they never push the page wider */
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__drop:nth-last-child(-n+2):not(:first-child) .sg-lf__pop, .cc_b3eorip4_oNCNTWDyPp .sg-lf__drop:nth-last-child(-n+2):not(:first-child) .sg-lf__pop { left: auto; right: 0; transform-origin: calc(100% - 24px) 0; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__popbody, .cc_b3eorip4_oNCNTWDyPp .sg-lf__popbody { max-height: min(60vh, 440px); overflow-y: auto; overscroll-behavior: contain; padding: 18px 20px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__popfoot, .cc_b3eorip4_oNCNTWDyPp .sg-lf__popfoot { display: flex; justify-content: space-between; gap: 12px; padding: 12px 20px; border-top: 1px solid var(--sg-line); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__textbtn, .cc_b3eorip4_oNCNTWDyPp .sg-lf__textbtn { min-height: 36px; padding: 0; border: 0; background: none; font-size: 13.5px; color: var(--sg-ink-2); text-decoration: underline; text-underline-offset: 3px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lf__textbtn--strong, .cc_b3eorip4_oNCNTWDyPp .sg-lf__textbtn--strong { color: var(--sg-ink); font-weight: 600; }
@keyframes sg-lf-pop { from { opacity: 0; transform: translateY(-6px) scale(0.98); } to { opacity: 1; transform: none; } }

@media (max-width: 767px) {
  .cc_b3eorip4_aIGCu2LKqJ .sg-lf--drawer, .cc_b3eorip4_oNCNTWDyPp .sg-lf--drawer { --sg-lf-pad: 18px; padding-bottom: 4px; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-lf__swatches, .cc_b3eorip4_oNCNTWDyPp .sg-lf__swatches { grid-template-columns: repeat(auto-fill, minmax(58px, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .cc_b3eorip4_aIGCu2LKqJ .sg-lf__panel, .cc_b3eorip4_oNCNTWDyPp .sg-lf__panel, .cc_b3eorip4_aIGCu2LKqJ .sg-lf__box svg, .cc_b3eorip4_oNCNTWDyPp .sg-lf__box svg, .cc_b3eorip4_aIGCu2LKqJ .sg-lf__swdot, .cc_b3eorip4_oNCNTWDyPp .sg-lf__swdot, .cc_b3eorip4_aIGCu2LKqJ .sg-lf__swcheck, .cc_b3eorip4_oNCNTWDyPp .sg-lf__swcheck, .cc_b3eorip4_aIGCu2LKqJ .sg-lf__gchev, .cc_b3eorip4_oNCNTWDyPp .sg-lf__gchev, .cc_b3eorip4_aIGCu2LKqJ .sg-lf__box--sw, .cc_b3eorip4_oNCNTWDyPp .sg-lf__box--sw, .cc_b3eorip4_aIGCu2LKqJ .sg-lf__thumb, .cc_b3eorip4_oNCNTWDyPp .sg-lf__thumb, .cc_b3eorip4_aIGCu2LKqJ .sg-lf__val, .cc_b3eorip4_oNCNTWDyPp .sg-lf__val { transition: none; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-lf__pop, .cc_b3eorip4_oNCNTWDyPp .sg-lf__pop, .cc_b3eorip4_aIGCu2LKqJ .sg-lf__badge, .cc_b3eorip4_oNCNTWDyPp .sg-lf__badge { animation: none; }
}

.cc_b3eorip4_aIGCu2LKqJ .sg-lc, .cc_b3eorip4_oNCNTWDyPp .sg-lc { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lc__chip, .cc_b3eorip4_oNCNTWDyPp .sg-lc__chip {
  display: inline-flex; align-items: center; gap: 8px; min-height: 36px; max-width: 100%; padding: 0 10px 0 14px;
  border: 0; border-radius: var(--sg-r-pill); background: var(--sg-surface-2); color: var(--sg-ink);
  font-size: 13px; font-weight: 500;
  animation: sg-lc-in var(--sg-t-mid) var(--sg-ease-spring) both;
  transition: background var(--sg-t-fast), opacity 170ms var(--sg-ease-out), transform 170ms var(--sg-ease-out);
}
.cc_b3eorip4_aIGCu2LKqJ .sg-lc__chip svg, .cc_b3eorip4_oNCNTWDyPp .sg-lc__chip svg { flex-shrink: 0; opacity: 0.6; transition: transform var(--sg-t-fast) var(--sg-ease-out), opacity var(--sg-t-fast); }
@media (hover: hover) {
  .cc_b3eorip4_aIGCu2LKqJ .sg-lc__chip:hover, .cc_b3eorip4_oNCNTWDyPp .sg-lc__chip:hover { background: var(--sg-surface-3); }
  .cc_b3eorip4_aIGCu2LKqJ .sg-lc__chip:hover svg, .cc_b3eorip4_oNCNTWDyPp .sg-lc__chip:hover svg { opacity: 1; transform: rotate(90deg); }
}
.cc_b3eorip4_aIGCu2LKqJ .sg-lc__chip.is-leaving, .cc_b3eorip4_oNCNTWDyPp .sg-lc__chip.is-leaving { opacity: 0; transform: scale(0.8); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lc__text, .cc_b3eorip4_oNCNTWDyPp .sg-lc__text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lc__dot, .cc_b3eorip4_oNCNTWDyPp .sg-lc__dot { width: 12px; height: 12px; flex-shrink: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(17, 19, 21, 0.15); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lc__clear, .cc_b3eorip4_oNCNTWDyPp .sg-lc__clear {
  min-height: 36px; padding: 0 6px; border: 0; background: none; font-size: 13px; font-weight: 600;
  color: var(--sg-ink); text-decoration: underline; text-underline-offset: 3px;
  animation: cc_b3eorip4_sg-fade-in var(--sg-t-mid) var(--sg-ease-out);
}
@keyframes sg-lc-in { from { opacity: 0; transform: scale(0.7); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .cc_b3eorip4_aIGCu2LKqJ .sg-lc__chip, .cc_b3eorip4_oNCNTWDyPp .sg-lc__chip, .cc_b3eorip4_aIGCu2LKqJ .sg-lc__clear, .cc_b3eorip4_oNCNTWDyPp .sg-lc__clear { animation: none; transition: none; }
}

/* serpinGO sort control — pill trigger + listbox popover (desktop) / bottom sheet (phone) */
.cc_b3eorip4_aIGCu2LKqJ .sg-ls, .cc_b3eorip4_oNCNTWDyPp .sg-ls { position: relative; display: inline-flex; min-width: 0; }

/* ---------- trigger ---------- */
/* a light 40px pill: hairline border, 16px glyphs, 14px text (the listing's "Filtrele" matches it) */
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__btn, .cc_b3eorip4_oNCNTWDyPp .sg-ls__btn {
  position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 40px; max-width: 100%; padding: 0 12px 0 14px;
  border: 1px solid var(--sg-line-strong); border-radius: var(--sg-r-pill); background: #fff; color: var(--sg-ink);
  font: inherit; font-size: 14px; font-weight: 500; line-height: 1.2; white-space: nowrap; cursor: pointer;
  transition: border-color var(--sg-t-fast), background var(--sg-t-fast), box-shadow var(--sg-t-fast);
}
/* invisible 44px touch target around the 40px pill */
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__btn::after, .cc_b3eorip4_oNCNTWDyPp .sg-ls__btn::after { content: ""; position: absolute; inset: -3px -2px; }
@media (hover: hover) { .cc_b3eorip4_aIGCu2LKqJ .sg-ls__btn:hover, .cc_b3eorip4_oNCNTWDyPp .sg-ls__btn:hover { border-color: var(--sg-ink); } }
.cc_b3eorip4_aIGCu2LKqJ .sg-ls.is-open .sg-ls__btn, .cc_b3eorip4_oNCNTWDyPp .sg-ls.is-open .sg-ls__btn { border-color: var(--sg-ink); background: var(--sg-surface-2); }
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__glyph, .cc_b3eorip4_oNCNTWDyPp .sg-ls__glyph { flex-shrink: 0; color: var(--sg-ink-2); }
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__label, .cc_b3eorip4_oNCNTWDyPp .sg-ls__label { flex-shrink: 0; color: var(--sg-ink-3); font-weight: 400; }
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__value, .cc_b3eorip4_oNCNTWDyPp .sg-ls__value { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__chev, .cc_b3eorip4_oNCNTWDyPp .sg-ls__chev { flex-shrink: 0; color: var(--sg-ink-2); transition: transform var(--sg-t-mid) var(--sg-ease-out); }
.cc_b3eorip4_aIGCu2LKqJ .sg-ls.is-open .sg-ls__chev, .cc_b3eorip4_oNCNTWDyPp .sg-ls.is-open .sg-ls__chev { transform: rotate(180deg); }

/* ---------- popover ---------- */
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__pop, .cc_b3eorip4_oNCNTWDyPp .sg-ls__pop {
  position: absolute; top: calc(100% + 8px); right: 0; z-index: 30;
  width: max-content; min-width: max(100%, 248px); max-width: min(340px, calc(100vw - 32px));
  padding: 6px; border: 1px solid var(--sg-line); border-radius: var(--sg-r-card); background: #fff; color: var(--sg-ink);
  box-shadow: 0 2px 6px rgba(17, 19, 21, 0.05), 0 18px 44px rgba(17, 19, 21, 0.14);
  transform-origin: calc(100% - 28px) 0;
  animation: sg-ls-pop 200ms var(--sg-ease-out);
}
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__head, .cc_b3eorip4_oNCNTWDyPp .sg-ls__head {
  padding: 8px 12px 6px; font-size: var(--sg-fs-xs); font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--sg-ink-3);
}
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__list, .cc_b3eorip4_oNCNTWDyPp .sg-ls__list {
  display: grid; gap: 2px; margin: 0; padding: 0; list-style: none;
  max-height: min(60vh, 420px); overflow-y: auto; overscroll-behavior: contain; outline: none;
}
/* the listbox holds focus while the options are walked with the keyboard */
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__list:focus-visible, .cc_b3eorip4_oNCNTWDyPp .sg-ls__list:focus-visible { box-shadow: none; }

/* ---------- options ---------- */
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__opt, .cc_b3eorip4_oNCNTWDyPp .sg-ls__opt {
  display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0 10px 0 12px;
  border-radius: calc(var(--sg-r-card) - 6px); font-size: 14.5px; line-height: 1.3; color: var(--sg-ink-2);
  cursor: pointer; user-select: none;
  transition: background var(--sg-t-fast), color var(--sg-t-fast);
}
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__optlabel, .cc_b3eorip4_oNCNTWDyPp .sg-ls__optlabel { flex: 1; min-width: 0; }
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__opt.is-active, .cc_b3eorip4_oNCNTWDyPp .sg-ls__opt.is-active { background: var(--sg-surface-2); color: var(--sg-ink); }
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__opt.is-on, .cc_b3eorip4_oNCNTWDyPp .sg-ls__opt.is-on { color: var(--sg-ink); font-weight: 600; background: color-mix(in srgb, var(--sg-accent) 14%, #fff); }
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__opt.is-on.is-active, .cc_b3eorip4_oNCNTWDyPp .sg-ls__opt.is-on.is-active { background: color-mix(in srgb, var(--sg-accent) 24%, #fff); }
/* keyboard ring on the active option only while the listbox itself is keyboard-focused */
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__list:focus-visible .sg-ls__opt.is-active, .cc_b3eorip4_oNCNTWDyPp .sg-ls__list:focus-visible .sg-ls__opt.is-active { box-shadow: inset 0 0 0 2px var(--sg-ink); }
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__tick, .cc_b3eorip4_oNCNTWDyPp .sg-ls__tick {
  display: grid; place-items: center; flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%;
  background: var(--sg-accent); color: var(--sg-on-accent);
  opacity: 0; transform: scale(0.4);
  transition: opacity var(--sg-t-fast), transform var(--sg-t-mid) var(--sg-ease-spring);
}
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__opt.is-on .sg-ls__tick, .cc_b3eorip4_oNCNTWDyPp .sg-ls__opt.is-on .sg-ls__tick { opacity: 1; transform: none; }

/* ---------- "Stok durumu" group under the sort options ---------- */
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__group, .cc_b3eorip4_oNCNTWDyPp .sg-ls__group { display: grid; gap: 2px; margin-top: 6px; padding-top: 4px; border-top: 1px solid var(--sg-line); }
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__opt--btn, .cc_b3eorip4_oNCNTWDyPp .sg-ls__opt--btn { width: 100%; border: 0; background: none; font: inherit; font-size: 14.5px; text-align: left; }
@media (hover: hover) { .cc_b3eorip4_aIGCu2LKqJ .sg-ls__opt--btn:not(.is-on):hover, .cc_b3eorip4_oNCNTWDyPp .sg-ls__opt--btn:not(.is-on):hover { background: var(--sg-surface-2); color: var(--sg-ink); } }
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__opt--btn:focus-visible, .cc_b3eorip4_oNCNTWDyPp .sg-ls__opt--btn:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--sg-ink); }
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__group--sheet, .cc_b3eorip4_oNCNTWDyPp .sg-ls__group--sheet { margin: 0 12px 14px; padding-top: 8px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__group--sheet .sg-ls__opt, .cc_b3eorip4_oNCNTWDyPp .sg-ls__group--sheet .sg-ls__opt { min-height: 54px; padding: 0 12px 0 14px; font-size: 15.5px; border-radius: var(--sg-r-input); }
/* "in stock only" is on: a small accent dot on the trigger */
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__dot, .cc_b3eorip4_oNCNTWDyPp .sg-ls__dot { flex-shrink: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--sg-accent); box-shadow: 0 0 0 2px #fff; }

/* ---------- phone: bottom sheet (Drawer) ---------- */
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__sheet .sg-drawer__panel, .cc_b3eorip4_oNCNTWDyPp .sg-ls__sheet .sg-drawer__panel { padding-bottom: env(safe-area-inset-bottom); }
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__list--sheet, .cc_b3eorip4_oNCNTWDyPp .sg-ls__list--sheet { max-height: none; gap: 0; padding: 8px 12px 14px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__list--sheet .sg-ls__opt, .cc_b3eorip4_oNCNTWDyPp .sg-ls__list--sheet .sg-ls__opt { min-height: 54px; padding: 0 12px 0 14px; font-size: 15.5px; border-radius: var(--sg-r-input); }
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__list--sheet .sg-ls__opt + .sg-ls__opt, .cc_b3eorip4_oNCNTWDyPp .sg-ls__list--sheet .sg-ls__opt + .sg-ls__opt { margin-top: 2px; }
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__list--sheet .sg-ls__tick, .cc_b3eorip4_oNCNTWDyPp .sg-ls__list--sheet .sg-ls__tick { width: 24px; height: 24px; }
/* touch: no hover-follow highlight in the sheet — only the chosen row is tinted */
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__list--sheet .sg-ls__opt.is-active:not(.is-on), .cc_b3eorip4_oNCNTWDyPp .sg-ls__list--sheet .sg-ls__opt.is-active:not(.is-on) { background: none; }
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__list--sheet:focus-visible .sg-ls__opt.is-active:not(.is-on), .cc_b3eorip4_oNCNTWDyPp .sg-ls__list--sheet:focus-visible .sg-ls__opt.is-active:not(.is-on) { background: var(--sg-surface-2); }

@keyframes sg-ls-pop { from { opacity: 0; transform: translateY(-6px) scale(0.97); } to { opacity: 1; transform: none; } }

@media (max-width: 767px) {
  .cc_b3eorip4_aIGCu2LKqJ .sg-ls__label, .cc_b3eorip4_oNCNTWDyPp .sg-ls__label { display: none; }
}
/* the ↑↓ glyph shows at every width; only when the chosen label would be cut (index.tsx measures it) does it
   step aside, and the chevron alone marks the control */
.cc_b3eorip4_aIGCu2LKqJ .sg-ls__btn[data-tight] .sg-ls__glyph, .cc_b3eorip4_oNCNTWDyPp .sg-ls__btn[data-tight] .sg-ls__glyph { display: none; }
@media (prefers-reduced-motion: reduce) {
  .cc_b3eorip4_aIGCu2LKqJ .sg-ls__pop, .cc_b3eorip4_oNCNTWDyPp .sg-ls__pop { animation: none; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-ls__chev, .cc_b3eorip4_oNCNTWDyPp .sg-ls__chev, .cc_b3eorip4_aIGCu2LKqJ .sg-ls__tick, .cc_b3eorip4_oNCNTWDyPp .sg-ls__tick, .cc_b3eorip4_aIGCu2LKqJ .sg-ls__opt, .cc_b3eorip4_oNCNTWDyPp .sg-ls__opt { transition: none; }
}

.cc_b3eorip4_aIGCu2LKqJ .sg-lgt, .cc_b3eorip4_oNCNTWDyPp .sg-lgt { display: inline-flex; }
.cc_b3eorip4_aIGCu2LKqJ .sg-lgt__set, .cc_b3eorip4_oNCNTWDyPp .sg-lgt__set { display: inline-flex; gap: 2px; padding: 3px; border-radius: var(--sg-r-pill); background: var(--sg-surface-2); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lgt__btn, .cc_b3eorip4_oNCNTWDyPp .sg-lgt__btn {
  display: grid; place-items: center; width: 40px; height: 38px; padding: 0; border: 0;
  border-radius: var(--sg-r-pill); background: transparent; color: var(--sg-ink-3);
  transition: background var(--sg-t-fast), color var(--sg-t-fast), box-shadow var(--sg-t-fast);
}
@media (hover: hover) { .cc_b3eorip4_aIGCu2LKqJ .sg-lgt__btn:hover, .cc_b3eorip4_oNCNTWDyPp .sg-lgt__btn:hover { color: var(--sg-ink); } }
.cc_b3eorip4_aIGCu2LKqJ .sg-lgt__btn.is-on, .cc_b3eorip4_oNCNTWDyPp .sg-lgt__btn.is-on { background: #fff; color: var(--sg-ink); box-shadow: 0 1px 3px rgba(17, 19, 21, 0.12); }
.cc_b3eorip4_aIGCu2LKqJ .sg-lgt__set--mob, .cc_b3eorip4_oNCNTWDyPp .sg-lgt__set--mob { display: none; }
@media (max-width: 767px) {
  .cc_b3eorip4_aIGCu2LKqJ .sg-lgt__set--desk, .cc_b3eorip4_oNCNTWDyPp .sg-lgt__set--desk { display: none; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-lgt__set--mob, .cc_b3eorip4_oNCNTWDyPp .sg-lgt__set--mob { display: inline-flex; }
  .cc_b3eorip4_aIGCu2LKqJ .sg-lgt__btn, .cc_b3eorip4_oNCNTWDyPp .sg-lgt__btn { width: 38px; height: 38px; }
}