/* ---------------------------------------------------------------
   serpinGO product card
   style modifiers: --plain | --tile (SgCardStyle "boxed") | --bordered | --overlay
   hover modifiers: --hover-swap | --hover-zoom | --hover-lift | --hover-none
   --------------------------------------------------------------- */
.cc_b3eorip4_HoDHJ7pZso .sg-card, .cc_b3eorip4_Vg7eA5x36C .sg-card, .cc_b3eorip4_aIGCu2LKqJ .sg-card, .cc_b3eorip4_oNCNTWDyPp .sg-card, .cc_b3eorip4_pjvQZHwoIL .sg-card, .cc_b3eorip4_w7CvTcRh4c .sg-card, .cc_b3eorip4_UhLTX2dZI2 .sg-card, .cc_b3eorip4_ngaPfv6XFB .sg-card, .cc_b3eorip4_GSLcXOoUJO .sg-card {
  position: relative;
  min-width: 0;
  color: var(--sg-text, var(--sg-ink));
  /* hover growth of name + price; an ancestor may set --sg-card-text-scale */
  --sg-card-ts: var(--sg-card-text-scale, 1.04);
  /* height of the low-stock strip on the photo (the quick add moves above it) */
  --sg-card-low-h: 26px;
  /* the card's own width steers its price row and text sizes (a desktop sidebar + many
     columns makes cards as narrow as a phone's). Every card gets its width from its grid
     or rail column, so inline-size containment never collapses it. */
  container: sg-card / inline-size;
  transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 420ms cubic-bezier(0.22, 1, 0.36, 1), border-color 240ms ease;
}
.cc_b3eorip4_HoDHJ7pZso .sg-card--hover-none, .cc_b3eorip4_Vg7eA5x36C .sg-card--hover-none, .cc_b3eorip4_aIGCu2LKqJ .sg-card--hover-none, .cc_b3eorip4_oNCNTWDyPp .sg-card--hover-none, .cc_b3eorip4_pjvQZHwoIL .sg-card--hover-none, .cc_b3eorip4_w7CvTcRh4c .sg-card--hover-none, .cc_b3eorip4_UhLTX2dZI2 .sg-card--hover-none, .cc_b3eorip4_ngaPfv6XFB .sg-card--hover-none, .cc_b3eorip4_GSLcXOoUJO .sg-card--hover-none { --sg-card-ts: 1; }

/* whole-card link layer: above media + text, below favourite / quick add / swatches */
.cc_b3eorip4_HoDHJ7pZso .sg-card__hit, .cc_b3eorip4_Vg7eA5x36C .sg-card__hit, .cc_b3eorip4_aIGCu2LKqJ .sg-card__hit, .cc_b3eorip4_oNCNTWDyPp .sg-card__hit, .cc_b3eorip4_pjvQZHwoIL .sg-card__hit, .cc_b3eorip4_w7CvTcRh4c .sg-card__hit, .cc_b3eorip4_UhLTX2dZI2 .sg-card__hit, .cc_b3eorip4_ngaPfv6XFB .sg-card__hit, .cc_b3eorip4_GSLcXOoUJO .sg-card__hit { position: absolute; inset: 0; z-index: 1; border-radius: inherit; -webkit-tap-highlight-color: transparent; }

/* media */
.cc_b3eorip4_HoDHJ7pZso .sg-card__media, .cc_b3eorip4_Vg7eA5x36C .sg-card__media, .cc_b3eorip4_aIGCu2LKqJ .sg-card__media, .cc_b3eorip4_oNCNTWDyPp .sg-card__media, .cc_b3eorip4_pjvQZHwoIL .sg-card__media, .cc_b3eorip4_w7CvTcRh4c .sg-card__media, .cc_b3eorip4_UhLTX2dZI2 .sg-card__media, .cc_b3eorip4_ngaPfv6XFB .sg-card__media, .cc_b3eorip4_GSLcXOoUJO .sg-card__media {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: var(--sg-card-ratio, 4 / 5);
  border-radius: var(--sg-r-media);
  background: var(--sg-surface-2);
  isolation: isolate;
}
.cc_b3eorip4_HoDHJ7pZso .sg-card__img, .cc_b3eorip4_Vg7eA5x36C .sg-card__img, .cc_b3eorip4_aIGCu2LKqJ .sg-card__img, .cc_b3eorip4_oNCNTWDyPp .sg-card__img, .cc_b3eorip4_pjvQZHwoIL .sg-card__img, .cc_b3eorip4_w7CvTcRh4c .sg-card__img, .cc_b3eorip4_UhLTX2dZI2 .sg-card__img, .cc_b3eorip4_ngaPfv6XFB .sg-card__img, .cc_b3eorip4_GSLcXOoUJO .sg-card__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: var(--sg-card-fit, cover);
  transition: opacity 520ms cubic-bezier(0.22, 1, 0.36, 1), transform 1100ms cubic-bezier(0.22, 1, 0.36, 1);
}
.cc_b3eorip4_HoDHJ7pZso .sg-card__img--empty, .cc_b3eorip4_Vg7eA5x36C .sg-card__img--empty, .cc_b3eorip4_aIGCu2LKqJ .sg-card__img--empty, .cc_b3eorip4_oNCNTWDyPp .sg-card__img--empty, .cc_b3eorip4_pjvQZHwoIL .sg-card__img--empty, .cc_b3eorip4_w7CvTcRh4c .sg-card__img--empty, .cc_b3eorip4_UhLTX2dZI2 .sg-card__img--empty, .cc_b3eorip4_ngaPfv6XFB .sg-card__img--empty, .cc_b3eorip4_GSLcXOoUJO .sg-card__img--empty { display: grid; place-items: center; color: var(--sg-ink-3); }
.cc_b3eorip4_HoDHJ7pZso .sg-card__img--alt, .cc_b3eorip4_Vg7eA5x36C .sg-card__img--alt, .cc_b3eorip4_aIGCu2LKqJ .sg-card__img--alt, .cc_b3eorip4_oNCNTWDyPp .sg-card__img--alt, .cc_b3eorip4_pjvQZHwoIL .sg-card__img--alt, .cc_b3eorip4_w7CvTcRh4c .sg-card__img--alt, .cc_b3eorip4_UhLTX2dZI2 .sg-card__img--alt, .cc_b3eorip4_ngaPfv6XFB .sg-card__img--alt, .cc_b3eorip4_GSLcXOoUJO .sg-card__img--alt { opacity: 0; transform: scale(1.04); }
/* diagonal light sweep on hover */
.cc_b3eorip4_HoDHJ7pZso .sg-card__shine, .cc_b3eorip4_Vg7eA5x36C .sg-card__shine, .cc_b3eorip4_aIGCu2LKqJ .sg-card__shine, .cc_b3eorip4_oNCNTWDyPp .sg-card__shine, .cc_b3eorip4_pjvQZHwoIL .sg-card__shine, .cc_b3eorip4_w7CvTcRh4c .sg-card__shine, .cc_b3eorip4_UhLTX2dZI2 .sg-card__shine, .cc_b3eorip4_ngaPfv6XFB .sg-card__shine, .cc_b3eorip4_GSLcXOoUJO .sg-card__shine {
  position: absolute; top: 0; bottom: 0; left: 0; width: 40%; z-index: 2; pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.28), transparent);
  transform: translateX(-120%) skewX(-18deg);
}
/* "Son 3 ürün": a full-width strip glued to the photo's bottom edge. It lives inside the
   clipped photo box, so the box's corners shape it on every style. */
.cc_b3eorip4_HoDHJ7pZso .sg-card__low, .cc_b3eorip4_Vg7eA5x36C .sg-card__low, .cc_b3eorip4_aIGCu2LKqJ .sg-card__low, .cc_b3eorip4_oNCNTWDyPp .sg-card__low, .cc_b3eorip4_pjvQZHwoIL .sg-card__low, .cc_b3eorip4_w7CvTcRh4c .sg-card__low, .cc_b3eorip4_UhLTX2dZI2 .sg-card__low, .cc_b3eorip4_ngaPfv6XFB .sg-card__low, .cc_b3eorip4_GSLcXOoUJO .sg-card__low {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; pointer-events: none;
  display: block; height: var(--sg-card-low-h); padding: 0 10px;
  background: var(--sg-accent); color: var(--sg-on-accent);
  font-size: 12px; font-weight: 700; line-height: var(--sg-card-low-h); letter-spacing: 0.01em; text-align: center;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

@media (hover: hover) {
  .cc_b3eorip4_HoDHJ7pZso .sg-card--hover-swap:hover .sg-card__img--alt, .cc_b3eorip4_Vg7eA5x36C .sg-card--hover-swap:hover .sg-card__img--alt, .cc_b3eorip4_aIGCu2LKqJ .sg-card--hover-swap:hover .sg-card__img--alt, .cc_b3eorip4_oNCNTWDyPp .sg-card--hover-swap:hover .sg-card__img--alt, .cc_b3eorip4_pjvQZHwoIL .sg-card--hover-swap:hover .sg-card__img--alt, .cc_b3eorip4_w7CvTcRh4c .sg-card--hover-swap:hover .sg-card__img--alt, .cc_b3eorip4_UhLTX2dZI2 .sg-card--hover-swap:hover .sg-card__img--alt, .cc_b3eorip4_ngaPfv6XFB .sg-card--hover-swap:hover .sg-card__img--alt, .cc_b3eorip4_GSLcXOoUJO .sg-card--hover-swap:hover .sg-card__img--alt { opacity: 1; transform: scale(1); }
  .cc_b3eorip4_HoDHJ7pZso .sg-card--hover-swap:hover .sg-card__img--main:not(:only-of-type), .cc_b3eorip4_Vg7eA5x36C .sg-card--hover-swap:hover .sg-card__img--main:not(:only-of-type), .cc_b3eorip4_aIGCu2LKqJ .sg-card--hover-swap:hover .sg-card__img--main:not(:only-of-type), .cc_b3eorip4_oNCNTWDyPp .sg-card--hover-swap:hover .sg-card__img--main:not(:only-of-type), .cc_b3eorip4_pjvQZHwoIL .sg-card--hover-swap:hover .sg-card__img--main:not(:only-of-type), .cc_b3eorip4_w7CvTcRh4c .sg-card--hover-swap:hover .sg-card__img--main:not(:only-of-type), .cc_b3eorip4_UhLTX2dZI2 .sg-card--hover-swap:hover .sg-card__img--main:not(:only-of-type), .cc_b3eorip4_ngaPfv6XFB .sg-card--hover-swap:hover .sg-card__img--main:not(:only-of-type), .cc_b3eorip4_GSLcXOoUJO .sg-card--hover-swap:hover .sg-card__img--main:not(:only-of-type) { opacity: 0; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card--hover-zoom:hover .sg-card__img--main, .cc_b3eorip4_Vg7eA5x36C .sg-card--hover-zoom:hover .sg-card__img--main, .cc_b3eorip4_aIGCu2LKqJ .sg-card--hover-zoom:hover .sg-card__img--main, .cc_b3eorip4_oNCNTWDyPp .sg-card--hover-zoom:hover .sg-card__img--main, .cc_b3eorip4_pjvQZHwoIL .sg-card--hover-zoom:hover .sg-card__img--main, .cc_b3eorip4_w7CvTcRh4c .sg-card--hover-zoom:hover .sg-card__img--main, .cc_b3eorip4_UhLTX2dZI2 .sg-card--hover-zoom:hover .sg-card__img--main, .cc_b3eorip4_ngaPfv6XFB .sg-card--hover-zoom:hover .sg-card__img--main, .cc_b3eorip4_GSLcXOoUJO .sg-card--hover-zoom:hover .sg-card__img--main { transform: scale(1.07); }
  .cc_b3eorip4_HoDHJ7pZso .sg-card--hover-lift:hover, .cc_b3eorip4_Vg7eA5x36C .sg-card--hover-lift:hover, .cc_b3eorip4_aIGCu2LKqJ .sg-card--hover-lift:hover, .cc_b3eorip4_oNCNTWDyPp .sg-card--hover-lift:hover, .cc_b3eorip4_pjvQZHwoIL .sg-card--hover-lift:hover, .cc_b3eorip4_w7CvTcRh4c .sg-card--hover-lift:hover, .cc_b3eorip4_UhLTX2dZI2 .sg-card--hover-lift:hover, .cc_b3eorip4_ngaPfv6XFB .sg-card--hover-lift:hover, .cc_b3eorip4_GSLcXOoUJO .sg-card--hover-lift:hover { transform: translateY(-6px); }
  .cc_b3eorip4_HoDHJ7pZso .sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_Vg7eA5x36C .sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_aIGCu2LKqJ .sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_oNCNTWDyPp .sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_pjvQZHwoIL .sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_w7CvTcRh4c .sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_UhLTX2dZI2 .sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_ngaPfv6XFB .sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_GSLcXOoUJO .sg-card--hover-lift:hover .sg-card__media { box-shadow: var(--sg-shadow-2); }
  .cc_b3eorip4_HoDHJ7pZso .sg-card:hover .sg-card__shine, .cc_b3eorip4_Vg7eA5x36C .sg-card:hover .sg-card__shine, .cc_b3eorip4_aIGCu2LKqJ .sg-card:hover .sg-card__shine, .cc_b3eorip4_oNCNTWDyPp .sg-card:hover .sg-card__shine, .cc_b3eorip4_pjvQZHwoIL .sg-card:hover .sg-card__shine, .cc_b3eorip4_w7CvTcRh4c .sg-card:hover .sg-card__shine, .cc_b3eorip4_UhLTX2dZI2 .sg-card:hover .sg-card__shine, .cc_b3eorip4_ngaPfv6XFB .sg-card:hover .sg-card__shine, .cc_b3eorip4_GSLcXOoUJO .sg-card:hover .sg-card__shine { animation: cc_b3eorip4_sg-shine 900ms cubic-bezier(0.22, 1, 0.36, 1); }
  /* contain: a shadow would outline the empty box around the photo */
  .cc_b3eorip4_HoDHJ7pZso .sg-card--fit-contain.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_Vg7eA5x36C .sg-card--fit-contain.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_aIGCu2LKqJ .sg-card--fit-contain.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_oNCNTWDyPp .sg-card--fit-contain.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_pjvQZHwoIL .sg-card--fit-contain.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_w7CvTcRh4c .sg-card--fit-contain.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_UhLTX2dZI2 .sg-card--fit-contain.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_ngaPfv6XFB .sg-card--fit-contain.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_GSLcXOoUJO .sg-card--fit-contain.sg-card--hover-lift:hover .sg-card__media { box-shadow: none; }
}
.cc_b3eorip4_HoDHJ7pZso .sg-card--hover-lift .sg-card__media, .cc_b3eorip4_Vg7eA5x36C .sg-card--hover-lift .sg-card__media, .cc_b3eorip4_aIGCu2LKqJ .sg-card--hover-lift .sg-card__media, .cc_b3eorip4_oNCNTWDyPp .sg-card--hover-lift .sg-card__media, .cc_b3eorip4_pjvQZHwoIL .sg-card--hover-lift .sg-card__media, .cc_b3eorip4_w7CvTcRh4c .sg-card--hover-lift .sg-card__media, .cc_b3eorip4_UhLTX2dZI2 .sg-card--hover-lift .sg-card__media, .cc_b3eorip4_ngaPfv6XFB .sg-card--hover-lift .sg-card__media, .cc_b3eorip4_GSLcXOoUJO .sg-card--hover-lift .sg-card__media { transition: box-shadow 420ms cubic-bezier(0.22, 1, 0.36, 1); }

/* Photo corners: top-left = badge column (round NEW sticker, sold-out / low-stock pills),
   top-right = discount box, bottom-right = favourite (next to the quick add), bottom edge =
   low-stock strip. Badges sit outside the clipped media so they never get cut. */
.cc_b3eorip4_HoDHJ7pZso .sg-card__badges, .cc_b3eorip4_Vg7eA5x36C .sg-card__badges, .cc_b3eorip4_aIGCu2LKqJ .sg-card__badges, .cc_b3eorip4_oNCNTWDyPp .sg-card__badges, .cc_b3eorip4_pjvQZHwoIL .sg-card__badges, .cc_b3eorip4_w7CvTcRh4c .sg-card__badges, .cc_b3eorip4_UhLTX2dZI2 .sg-card__badges, .cc_b3eorip4_ngaPfv6XFB .sg-card__badges, .cc_b3eorip4_GSLcXOoUJO .sg-card__badges { position: absolute; top: 8px; left: 8px; z-index: 3; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; pointer-events: none; }

/* NEW: a round, slightly turned sticker */
.cc_b3eorip4_HoDHJ7pZso .sg-card__new, .cc_b3eorip4_Vg7eA5x36C .sg-card__new, .cc_b3eorip4_aIGCu2LKqJ .sg-card__new, .cc_b3eorip4_oNCNTWDyPp .sg-card__new, .cc_b3eorip4_pjvQZHwoIL .sg-card__new, .cc_b3eorip4_w7CvTcRh4c .sg-card__new, .cc_b3eorip4_UhLTX2dZI2 .sg-card__new, .cc_b3eorip4_ngaPfv6XFB .sg-card__new, .cc_b3eorip4_GSLcXOoUJO .sg-card__new {
  --sg-new-d: 42px;
  position: relative;
  display: grid; place-items: center;
  width: var(--sg-new-d); height: var(--sg-new-d);
  border-radius: 50%;
  background: var(--sg-ink); color: var(--sg-accent);
  box-shadow: 0 6px 16px rgba(17, 19, 21, 0.22);
  transform: rotate(-12deg);
  transition: transform 520ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
/* dashed inner ring: the sticker's printed edge */
.cc_b3eorip4_HoDHJ7pZso .sg-card__new::before, .cc_b3eorip4_Vg7eA5x36C .sg-card__new::before, .cc_b3eorip4_aIGCu2LKqJ .sg-card__new::before, .cc_b3eorip4_oNCNTWDyPp .sg-card__new::before, .cc_b3eorip4_pjvQZHwoIL .sg-card__new::before, .cc_b3eorip4_w7CvTcRh4c .sg-card__new::before, .cc_b3eorip4_UhLTX2dZI2 .sg-card__new::before, .cc_b3eorip4_ngaPfv6XFB .sg-card__new::before, .cc_b3eorip4_GSLcXOoUJO .sg-card__new::before {
  content: ""; position: absolute; inset: 3px; border-radius: 50%;
  border: 1.5px dashed color-mix(in srgb, var(--sg-accent) 70%, transparent);
}
.cc_b3eorip4_HoDHJ7pZso .sg-card__new-text, .cc_b3eorip4_Vg7eA5x36C .sg-card__new-text, .cc_b3eorip4_aIGCu2LKqJ .sg-card__new-text, .cc_b3eorip4_oNCNTWDyPp .sg-card__new-text, .cc_b3eorip4_pjvQZHwoIL .sg-card__new-text, .cc_b3eorip4_w7CvTcRh4c .sg-card__new-text, .cc_b3eorip4_UhLTX2dZI2 .sg-card__new-text, .cc_b3eorip4_ngaPfv6XFB .sg-card__new-text, .cc_b3eorip4_GSLcXOoUJO .sg-card__new-text {
  max-width: 100%; padding: 0 6px; text-align: center; overflow-wrap: anywhere;
  font-family: var(--sg-font-display); font-size: 11px; font-weight: 800; line-height: 1; letter-spacing: 0.04em;
}
@media (hover: hover) {
  .cc_b3eorip4_HoDHJ7pZso .sg-card:hover .sg-card__new, .cc_b3eorip4_Vg7eA5x36C .sg-card:hover .sg-card__new, .cc_b3eorip4_aIGCu2LKqJ .sg-card:hover .sg-card__new, .cc_b3eorip4_oNCNTWDyPp .sg-card:hover .sg-card__new, .cc_b3eorip4_pjvQZHwoIL .sg-card:hover .sg-card__new, .cc_b3eorip4_w7CvTcRh4c .sg-card:hover .sg-card__new, .cc_b3eorip4_UhLTX2dZI2 .sg-card:hover .sg-card__new, .cc_b3eorip4_ngaPfv6XFB .sg-card:hover .sg-card__new, .cc_b3eorip4_GSLcXOoUJO .sg-card:hover .sg-card__new { transform: rotate(-3deg) scale(1.06); }
}

/* discount box: big "%38" over a small "İNDİRİM" */
.cc_b3eorip4_HoDHJ7pZso .sg-card__off, .cc_b3eorip4_Vg7eA5x36C .sg-card__off, .cc_b3eorip4_aIGCu2LKqJ .sg-card__off, .cc_b3eorip4_oNCNTWDyPp .sg-card__off, .cc_b3eorip4_pjvQZHwoIL .sg-card__off, .cc_b3eorip4_w7CvTcRh4c .sg-card__off, .cc_b3eorip4_UhLTX2dZI2 .sg-card__off, .cc_b3eorip4_ngaPfv6XFB .sg-card__off, .cc_b3eorip4_GSLcXOoUJO .sg-card__off {
  position: absolute; top: 10px; right: 10px; z-index: 3; pointer-events: none;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  min-width: 50px; padding: 6px 8px 5px;
  border-radius: 6px; background: var(--sg-accent); color: var(--sg-on-accent);
  box-shadow: 0 4px 12px rgba(17, 19, 21, 0.14);
  line-height: 1; text-align: center; white-space: nowrap;
}
.cc_b3eorip4_HoDHJ7pZso .sg-card__off-pct, .cc_b3eorip4_Vg7eA5x36C .sg-card__off-pct, .cc_b3eorip4_aIGCu2LKqJ .sg-card__off-pct, .cc_b3eorip4_oNCNTWDyPp .sg-card__off-pct, .cc_b3eorip4_pjvQZHwoIL .sg-card__off-pct, .cc_b3eorip4_w7CvTcRh4c .sg-card__off-pct, .cc_b3eorip4_UhLTX2dZI2 .sg-card__off-pct, .cc_b3eorip4_ngaPfv6XFB .sg-card__off-pct, .cc_b3eorip4_GSLcXOoUJO .sg-card__off-pct { font-size: 18px; font-weight: 800; letter-spacing: -0.01em; }
.cc_b3eorip4_HoDHJ7pZso .sg-card__off-text, .cc_b3eorip4_Vg7eA5x36C .sg-card__off-text, .cc_b3eorip4_aIGCu2LKqJ .sg-card__off-text, .cc_b3eorip4_oNCNTWDyPp .sg-card__off-text, .cc_b3eorip4_pjvQZHwoIL .sg-card__off-text, .cc_b3eorip4_w7CvTcRh4c .sg-card__off-text, .cc_b3eorip4_UhLTX2dZI2 .sg-card__off-text, .cc_b3eorip4_ngaPfv6XFB .sg-card__off-text, .cc_b3eorip4_GSLcXOoUJO .sg-card__off-text { margin-top: 3px; font-size: 9px; font-weight: 700; letter-spacing: 0.06em; }
@container sg-card (max-width: 219px) {
  .cc_b3eorip4_HoDHJ7pZso .sg-card__badges, .cc_b3eorip4_Vg7eA5x36C .sg-card__badges, .cc_b3eorip4_aIGCu2LKqJ .sg-card__badges, .cc_b3eorip4_oNCNTWDyPp .sg-card__badges, .cc_b3eorip4_pjvQZHwoIL .sg-card__badges, .cc_b3eorip4_w7CvTcRh4c .sg-card__badges, .cc_b3eorip4_UhLTX2dZI2 .sg-card__badges, .cc_b3eorip4_ngaPfv6XFB .sg-card__badges, .cc_b3eorip4_GSLcXOoUJO .sg-card__badges { top: 8px; left: 8px; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card__new, .cc_b3eorip4_Vg7eA5x36C .sg-card__new, .cc_b3eorip4_aIGCu2LKqJ .sg-card__new, .cc_b3eorip4_oNCNTWDyPp .sg-card__new, .cc_b3eorip4_pjvQZHwoIL .sg-card__new, .cc_b3eorip4_w7CvTcRh4c .sg-card__new, .cc_b3eorip4_UhLTX2dZI2 .sg-card__new, .cc_b3eorip4_ngaPfv6XFB .sg-card__new, .cc_b3eorip4_GSLcXOoUJO .sg-card__new { --sg-new-d: 36px; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card__new-text, .cc_b3eorip4_Vg7eA5x36C .sg-card__new-text, .cc_b3eorip4_aIGCu2LKqJ .sg-card__new-text, .cc_b3eorip4_oNCNTWDyPp .sg-card__new-text, .cc_b3eorip4_pjvQZHwoIL .sg-card__new-text, .cc_b3eorip4_w7CvTcRh4c .sg-card__new-text, .cc_b3eorip4_UhLTX2dZI2 .sg-card__new-text, .cc_b3eorip4_ngaPfv6XFB .sg-card__new-text, .cc_b3eorip4_GSLcXOoUJO .sg-card__new-text { font-size: 9.5px; padding: 0 3px; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card__off, .cc_b3eorip4_Vg7eA5x36C .sg-card__off, .cc_b3eorip4_aIGCu2LKqJ .sg-card__off, .cc_b3eorip4_oNCNTWDyPp .sg-card__off, .cc_b3eorip4_pjvQZHwoIL .sg-card__off, .cc_b3eorip4_w7CvTcRh4c .sg-card__off, .cc_b3eorip4_UhLTX2dZI2 .sg-card__off, .cc_b3eorip4_ngaPfv6XFB .sg-card__off, .cc_b3eorip4_GSLcXOoUJO .sg-card__off { top: 8px; right: 8px; min-width: 42px; padding: 5px 6px 4px; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card__off-pct, .cc_b3eorip4_Vg7eA5x36C .sg-card__off-pct, .cc_b3eorip4_aIGCu2LKqJ .sg-card__off-pct, .cc_b3eorip4_oNCNTWDyPp .sg-card__off-pct, .cc_b3eorip4_pjvQZHwoIL .sg-card__off-pct, .cc_b3eorip4_w7CvTcRh4c .sg-card__off-pct, .cc_b3eorip4_UhLTX2dZI2 .sg-card__off-pct, .cc_b3eorip4_ngaPfv6XFB .sg-card__off-pct, .cc_b3eorip4_GSLcXOoUJO .sg-card__off-pct { font-size: 15px; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card__off-text, .cc_b3eorip4_Vg7eA5x36C .sg-card__off-text, .cc_b3eorip4_aIGCu2LKqJ .sg-card__off-text, .cc_b3eorip4_oNCNTWDyPp .sg-card__off-text, .cc_b3eorip4_pjvQZHwoIL .sg-card__off-text, .cc_b3eorip4_w7CvTcRh4c .sg-card__off-text, .cc_b3eorip4_UhLTX2dZI2 .sg-card__off-text, .cc_b3eorip4_ngaPfv6XFB .sg-card__off-text, .cc_b3eorip4_GSLcXOoUJO .sg-card__off-text { font-size: 8px; }
}
/* very narrow (framed 2-column phone cards): keep air between the two top stickers */
@container sg-card (max-width: 150px) {
  .cc_b3eorip4_HoDHJ7pZso .sg-card__new, .cc_b3eorip4_Vg7eA5x36C .sg-card__new, .cc_b3eorip4_aIGCu2LKqJ .sg-card__new, .cc_b3eorip4_oNCNTWDyPp .sg-card__new, .cc_b3eorip4_pjvQZHwoIL .sg-card__new, .cc_b3eorip4_w7CvTcRh4c .sg-card__new, .cc_b3eorip4_UhLTX2dZI2 .sg-card__new, .cc_b3eorip4_ngaPfv6XFB .sg-card__new, .cc_b3eorip4_GSLcXOoUJO .sg-card__new { --sg-new-d: 32px; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card__new-text, .cc_b3eorip4_Vg7eA5x36C .sg-card__new-text, .cc_b3eorip4_aIGCu2LKqJ .sg-card__new-text, .cc_b3eorip4_oNCNTWDyPp .sg-card__new-text, .cc_b3eorip4_pjvQZHwoIL .sg-card__new-text, .cc_b3eorip4_w7CvTcRh4c .sg-card__new-text, .cc_b3eorip4_UhLTX2dZI2 .sg-card__new-text, .cc_b3eorip4_ngaPfv6XFB .sg-card__new-text, .cc_b3eorip4_GSLcXOoUJO .sg-card__new-text { font-size: 8.5px; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card__off, .cc_b3eorip4_Vg7eA5x36C .sg-card__off, .cc_b3eorip4_aIGCu2LKqJ .sg-card__off, .cc_b3eorip4_oNCNTWDyPp .sg-card__off, .cc_b3eorip4_pjvQZHwoIL .sg-card__off, .cc_b3eorip4_w7CvTcRh4c .sg-card__off, .cc_b3eorip4_UhLTX2dZI2 .sg-card__off, .cc_b3eorip4_ngaPfv6XFB .sg-card__off, .cc_b3eorip4_GSLcXOoUJO .sg-card__off { min-width: 38px; padding: 4px 5px 3px; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card__off-pct, .cc_b3eorip4_Vg7eA5x36C .sg-card__off-pct, .cc_b3eorip4_aIGCu2LKqJ .sg-card__off-pct, .cc_b3eorip4_oNCNTWDyPp .sg-card__off-pct, .cc_b3eorip4_pjvQZHwoIL .sg-card__off-pct, .cc_b3eorip4_w7CvTcRh4c .sg-card__off-pct, .cc_b3eorip4_UhLTX2dZI2 .sg-card__off-pct, .cc_b3eorip4_ngaPfv6XFB .sg-card__off-pct, .cc_b3eorip4_GSLcXOoUJO .sg-card__off-pct { font-size: 14px; }
}

/* favourite: bottom-right of the photo — in the photo's grid cell, beside the quick add */
.cc_b3eorip4_HoDHJ7pZso .sg-card__fav, .cc_b3eorip4_Vg7eA5x36C .sg-card__fav, .cc_b3eorip4_aIGCu2LKqJ .sg-card__fav, .cc_b3eorip4_oNCNTWDyPp .sg-card__fav, .cc_b3eorip4_pjvQZHwoIL .sg-card__fav, .cc_b3eorip4_w7CvTcRh4c .sg-card__fav, .cc_b3eorip4_UhLTX2dZI2 .sg-card__fav, .cc_b3eorip4_ngaPfv6XFB .sg-card__fav, .cc_b3eorip4_GSLcXOoUJO .sg-card__fav {
  --sg-card-fav: 40px;
  position: relative; z-index: 3;
  display: grid; place-items: center; width: var(--sg-card-fav); height: var(--sg-card-fav); padding: 0;
  border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.94); color: var(--sg-ink);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); cursor: pointer;
  transition: transform 220ms cubic-bezier(0.34, 1.56, 0.64, 1), color 200ms, opacity 240ms;
}
.cc_b3eorip4_HoDHJ7pZso .sg-card__fav.is-on, .cc_b3eorip4_Vg7eA5x36C .sg-card__fav.is-on, .cc_b3eorip4_aIGCu2LKqJ .sg-card__fav.is-on, .cc_b3eorip4_oNCNTWDyPp .sg-card__fav.is-on, .cc_b3eorip4_pjvQZHwoIL .sg-card__fav.is-on, .cc_b3eorip4_w7CvTcRh4c .sg-card__fav.is-on, .cc_b3eorip4_UhLTX2dZI2 .sg-card__fav.is-on, .cc_b3eorip4_ngaPfv6XFB .sg-card__fav.is-on, .cc_b3eorip4_GSLcXOoUJO .sg-card__fav.is-on { color: var(--sg-sale); }
.cc_b3eorip4_HoDHJ7pZso .sg-card__fav.is-pop svg, .cc_b3eorip4_Vg7eA5x36C .sg-card__fav.is-pop svg, .cc_b3eorip4_aIGCu2LKqJ .sg-card__fav.is-pop svg, .cc_b3eorip4_oNCNTWDyPp .sg-card__fav.is-pop svg, .cc_b3eorip4_pjvQZHwoIL .sg-card__fav.is-pop svg, .cc_b3eorip4_w7CvTcRh4c .sg-card__fav.is-pop svg, .cc_b3eorip4_UhLTX2dZI2 .sg-card__fav.is-pop svg, .cc_b3eorip4_ngaPfv6XFB .sg-card__fav.is-pop svg, .cc_b3eorip4_GSLcXOoUJO .sg-card__fav.is-pop svg { animation: cc_b3eorip4_sg-pop 480ms cubic-bezier(0.34, 1.56, 0.64, 1); }
@media (hover: hover) {
  .cc_b3eorip4_HoDHJ7pZso .sg-card__fav, .cc_b3eorip4_Vg7eA5x36C .sg-card__fav, .cc_b3eorip4_aIGCu2LKqJ .sg-card__fav, .cc_b3eorip4_oNCNTWDyPp .sg-card__fav, .cc_b3eorip4_pjvQZHwoIL .sg-card__fav, .cc_b3eorip4_w7CvTcRh4c .sg-card__fav, .cc_b3eorip4_UhLTX2dZI2 .sg-card__fav, .cc_b3eorip4_ngaPfv6XFB .sg-card__fav, .cc_b3eorip4_GSLcXOoUJO .sg-card__fav { opacity: 0; transform: scale(0.8); }
  .cc_b3eorip4_HoDHJ7pZso .sg-card:hover .sg-card__fav, .cc_b3eorip4_Vg7eA5x36C .sg-card:hover .sg-card__fav, .cc_b3eorip4_aIGCu2LKqJ .sg-card:hover .sg-card__fav, .cc_b3eorip4_oNCNTWDyPp .sg-card:hover .sg-card__fav, .cc_b3eorip4_pjvQZHwoIL .sg-card:hover .sg-card__fav, .cc_b3eorip4_w7CvTcRh4c .sg-card:hover .sg-card__fav, .cc_b3eorip4_UhLTX2dZI2 .sg-card:hover .sg-card__fav, .cc_b3eorip4_ngaPfv6XFB .sg-card:hover .sg-card__fav, .cc_b3eorip4_GSLcXOoUJO .sg-card:hover .sg-card__fav, .cc_b3eorip4_HoDHJ7pZso .sg-card__fav.is-on, .cc_b3eorip4_Vg7eA5x36C .sg-card__fav.is-on, .cc_b3eorip4_aIGCu2LKqJ .sg-card__fav.is-on, .cc_b3eorip4_oNCNTWDyPp .sg-card__fav.is-on, .cc_b3eorip4_pjvQZHwoIL .sg-card__fav.is-on, .cc_b3eorip4_w7CvTcRh4c .sg-card__fav.is-on, .cc_b3eorip4_UhLTX2dZI2 .sg-card__fav.is-on, .cc_b3eorip4_ngaPfv6XFB .sg-card__fav.is-on, .cc_b3eorip4_GSLcXOoUJO .sg-card__fav.is-on, .cc_b3eorip4_HoDHJ7pZso .sg-card__fav:focus-visible, .cc_b3eorip4_Vg7eA5x36C .sg-card__fav:focus-visible, .cc_b3eorip4_aIGCu2LKqJ .sg-card__fav:focus-visible, .cc_b3eorip4_oNCNTWDyPp .sg-card__fav:focus-visible, .cc_b3eorip4_pjvQZHwoIL .sg-card__fav:focus-visible, .cc_b3eorip4_w7CvTcRh4c .sg-card__fav:focus-visible, .cc_b3eorip4_UhLTX2dZI2 .sg-card__fav:focus-visible, .cc_b3eorip4_ngaPfv6XFB .sg-card__fav:focus-visible, .cc_b3eorip4_GSLcXOoUJO .sg-card__fav:focus-visible { opacity: 1; transform: none; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card__fav:hover, .cc_b3eorip4_Vg7eA5x36C .sg-card__fav:hover, .cc_b3eorip4_aIGCu2LKqJ .sg-card__fav:hover, .cc_b3eorip4_oNCNTWDyPp .sg-card__fav:hover, .cc_b3eorip4_pjvQZHwoIL .sg-card__fav:hover, .cc_b3eorip4_w7CvTcRh4c .sg-card__fav:hover, .cc_b3eorip4_UhLTX2dZI2 .sg-card__fav:hover, .cc_b3eorip4_ngaPfv6XFB .sg-card__fav:hover, .cc_b3eorip4_GSLcXOoUJO .sg-card__fav:hover { transform: scale(1.1); }
}

/* quick add — slides up from the bottom of the image on hover; always visible on touch */
.cc_b3eorip4_HoDHJ7pZso .sg-card__add, .cc_b3eorip4_Vg7eA5x36C .sg-card__add, .cc_b3eorip4_aIGCu2LKqJ .sg-card__add, .cc_b3eorip4_oNCNTWDyPp .sg-card__add, .cc_b3eorip4_pjvQZHwoIL .sg-card__add, .cc_b3eorip4_w7CvTcRh4c .sg-card__add, .cc_b3eorip4_UhLTX2dZI2 .sg-card__add, .cc_b3eorip4_ngaPfv6XFB .sg-card__add, .cc_b3eorip4_GSLcXOoUJO .sg-card__add {
  z-index: 3;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 0 14px;
  border: 0; border-radius: calc(var(--sg-r-btn) * 0.85);
  background: rgba(255, 255, 255, 0.96); color: var(--sg-ink);
  font-size: 13px; font-weight: 600; letter-spacing: 0.01em;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1), opacity 320ms, background 200ms, color 200ms;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
.cc_b3eorip4_HoDHJ7pZso .sg-card__add.is-added, .cc_b3eorip4_Vg7eA5x36C .sg-card__add.is-added, .cc_b3eorip4_aIGCu2LKqJ .sg-card__add.is-added, .cc_b3eorip4_oNCNTWDyPp .sg-card__add.is-added, .cc_b3eorip4_pjvQZHwoIL .sg-card__add.is-added, .cc_b3eorip4_w7CvTcRh4c .sg-card__add.is-added, .cc_b3eorip4_UhLTX2dZI2 .sg-card__add.is-added, .cc_b3eorip4_ngaPfv6XFB .sg-card__add.is-added, .cc_b3eorip4_GSLcXOoUJO .sg-card__add.is-added { background: var(--sg-ok); color: #fff; }
.cc_b3eorip4_HoDHJ7pZso .sg-card__add:disabled, .cc_b3eorip4_Vg7eA5x36C .sg-card__add:disabled, .cc_b3eorip4_aIGCu2LKqJ .sg-card__add:disabled, .cc_b3eorip4_oNCNTWDyPp .sg-card__add:disabled, .cc_b3eorip4_pjvQZHwoIL .sg-card__add:disabled, .cc_b3eorip4_w7CvTcRh4c .sg-card__add:disabled, .cc_b3eorip4_UhLTX2dZI2 .sg-card__add:disabled, .cc_b3eorip4_ngaPfv6XFB .sg-card__add:disabled, .cc_b3eorip4_GSLcXOoUJO .sg-card__add:disabled { opacity: 0.6; cursor: default; }
@media (hover: hover) {
  .cc_b3eorip4_HoDHJ7pZso .sg-card__add:not(:disabled):hover, .cc_b3eorip4_Vg7eA5x36C .sg-card__add:not(:disabled):hover, .cc_b3eorip4_aIGCu2LKqJ .sg-card__add:not(:disabled):hover, .cc_b3eorip4_oNCNTWDyPp .sg-card__add:not(:disabled):hover, .cc_b3eorip4_pjvQZHwoIL .sg-card__add:not(:disabled):hover, .cc_b3eorip4_w7CvTcRh4c .sg-card__add:not(:disabled):hover, .cc_b3eorip4_UhLTX2dZI2 .sg-card__add:not(:disabled):hover, .cc_b3eorip4_ngaPfv6XFB .sg-card__add:not(:disabled):hover, .cc_b3eorip4_GSLcXOoUJO .sg-card__add:not(:disabled):hover { background: var(--sg-ink); color: #fff; }
}

/* body — a column whose price (and swatches) sit on the card's bottom edge. Cards in
   a grid/rail row are stretched to the same height, so prices line up across the row
   instead of the spare height being spread between brand, name and price. */
.cc_b3eorip4_HoDHJ7pZso .sg-card__body, .cc_b3eorip4_Vg7eA5x36C .sg-card__body, .cc_b3eorip4_aIGCu2LKqJ .sg-card__body, .cc_b3eorip4_oNCNTWDyPp .sg-card__body, .cc_b3eorip4_pjvQZHwoIL .sg-card__body, .cc_b3eorip4_w7CvTcRh4c .sg-card__body, .cc_b3eorip4_UhLTX2dZI2 .sg-card__body, .cc_b3eorip4_ngaPfv6XFB .sg-card__body, .cc_b3eorip4_GSLcXOoUJO .sg-card__body { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0; padding-top: 14px; }
.cc_b3eorip4_HoDHJ7pZso .sg-card__brand, .cc_b3eorip4_Vg7eA5x36C .sg-card__brand, .cc_b3eorip4_aIGCu2LKqJ .sg-card__brand, .cc_b3eorip4_oNCNTWDyPp .sg-card__brand, .cc_b3eorip4_pjvQZHwoIL .sg-card__brand, .cc_b3eorip4_w7CvTcRh4c .sg-card__brand, .cc_b3eorip4_UhLTX2dZI2 .sg-card__brand, .cc_b3eorip4_ngaPfv6XFB .sg-card__brand, .cc_b3eorip4_GSLcXOoUJO .sg-card__brand {
  max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 11.5px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--sg-text-2, var(--sg-ink-2));
}
.cc_b3eorip4_HoDHJ7pZso .sg-card__name, .cc_b3eorip4_Vg7eA5x36C .sg-card__name, .cc_b3eorip4_aIGCu2LKqJ .sg-card__name, .cc_b3eorip4_oNCNTWDyPp .sg-card__name, .cc_b3eorip4_pjvQZHwoIL .sg-card__name, .cc_b3eorip4_w7CvTcRh4c .sg-card__name, .cc_b3eorip4_UhLTX2dZI2 .sg-card__name, .cc_b3eorip4_ngaPfv6XFB .sg-card__name, .cc_b3eorip4_GSLcXOoUJO .sg-card__name {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
  font-size: 14.5px; font-weight: 500; line-height: 1.4; text-decoration: none; color: inherit;
}

/* Delivery line ("Hızlı Teslimat") — opens the bottom group: it and the price below it are
   pinned to the card's bottom edge together. */
.cc_b3eorip4_HoDHJ7pZso .sg-card__ship, .cc_b3eorip4_Vg7eA5x36C .sg-card__ship, .cc_b3eorip4_aIGCu2LKqJ .sg-card__ship, .cc_b3eorip4_oNCNTWDyPp .sg-card__ship, .cc_b3eorip4_pjvQZHwoIL .sg-card__ship, .cc_b3eorip4_w7CvTcRh4c .sg-card__ship, .cc_b3eorip4_UhLTX2dZI2 .sg-card__ship, .cc_b3eorip4_ngaPfv6XFB .sg-card__ship, .cc_b3eorip4_GSLcXOoUJO .sg-card__ship {
  display: inline-flex; align-items: center; gap: 5px; max-width: 100%;
  margin-top: auto; padding-top: 4px;
  font-size: 12px; font-weight: 600; line-height: 1.3; color: var(--sg-ok);
}
.cc_b3eorip4_HoDHJ7pZso .sg-card__ship-icon, .cc_b3eorip4_Vg7eA5x36C .sg-card__ship-icon, .cc_b3eorip4_aIGCu2LKqJ .sg-card__ship-icon, .cc_b3eorip4_oNCNTWDyPp .sg-card__ship-icon, .cc_b3eorip4_pjvQZHwoIL .sg-card__ship-icon, .cc_b3eorip4_w7CvTcRh4c .sg-card__ship-icon, .cc_b3eorip4_UhLTX2dZI2 .sg-card__ship-icon, .cc_b3eorip4_ngaPfv6XFB .sg-card__ship-icon, .cc_b3eorip4_GSLcXOoUJO .sg-card__ship-icon { flex: none; }
.cc_b3eorip4_HoDHJ7pZso .sg-card__ship-text, .cc_b3eorip4_Vg7eA5x36C .sg-card__ship-text, .cc_b3eorip4_aIGCu2LKqJ .sg-card__ship-text, .cc_b3eorip4_oNCNTWDyPp .sg-card__ship-text, .cc_b3eorip4_pjvQZHwoIL .sg-card__ship-text, .cc_b3eorip4_w7CvTcRh4c .sg-card__ship-text, .cc_b3eorip4_UhLTX2dZI2 .sg-card__ship-text, .cc_b3eorip4_ngaPfv6XFB .sg-card__ship-text, .cc_b3eorip4_GSLcXOoUJO .sg-card__ship-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Price row: final price on the left; struck-through compare-at price + discount pill
   grouped on the right. When the pair does not fit beside the price (narrow cards, long
   amounts) it wraps ABOVE the final price (wrap-reverse), so the final price is always the
   row's bottom line: anchored to the card bottom, every final price of a grid/rail row sits
   on one line whether its card wrapped, is discounted or not — no stand-in lines needed. */
.cc_b3eorip4_HoDHJ7pZso .sg-card__price, .cc_b3eorip4_Vg7eA5x36C .sg-card__price, .cc_b3eorip4_aIGCu2LKqJ .sg-card__price, .cc_b3eorip4_oNCNTWDyPp .sg-card__price, .cc_b3eorip4_pjvQZHwoIL .sg-card__price, .cc_b3eorip4_w7CvTcRh4c .sg-card__price, .cc_b3eorip4_UhLTX2dZI2 .sg-card__price, .cc_b3eorip4_ngaPfv6XFB .sg-card__price, .cc_b3eorip4_GSLcXOoUJO .sg-card__price {
  display: flex; flex-wrap: wrap-reverse; align-items: center; justify-content: space-between;
  gap: 3px 8px; margin-top: auto; line-height: 1.2;
}
.cc_b3eorip4_HoDHJ7pZso .sg-card__ship + .sg-card__price, .cc_b3eorip4_Vg7eA5x36C .sg-card__ship + .sg-card__price, .cc_b3eorip4_aIGCu2LKqJ .sg-card__ship + .sg-card__price, .cc_b3eorip4_oNCNTWDyPp .sg-card__ship + .sg-card__price, .cc_b3eorip4_pjvQZHwoIL .sg-card__ship + .sg-card__price, .cc_b3eorip4_w7CvTcRh4c .sg-card__ship + .sg-card__price, .cc_b3eorip4_UhLTX2dZI2 .sg-card__ship + .sg-card__price, .cc_b3eorip4_ngaPfv6XFB .sg-card__ship + .sg-card__price, .cc_b3eorip4_GSLcXOoUJO .sg-card__ship + .sg-card__price { margin-top: 0; }
.cc_b3eorip4_HoDHJ7pZso .sg-card__now, .cc_b3eorip4_Vg7eA5x36C .sg-card__now, .cc_b3eorip4_aIGCu2LKqJ .sg-card__now, .cc_b3eorip4_oNCNTWDyPp .sg-card__now, .cc_b3eorip4_pjvQZHwoIL .sg-card__now, .cc_b3eorip4_w7CvTcRh4c .sg-card__now, .cc_b3eorip4_UhLTX2dZI2 .sg-card__now, .cc_b3eorip4_ngaPfv6XFB .sg-card__now, .cc_b3eorip4_GSLcXOoUJO .sg-card__now {
  font-size: 17px; font-weight: 700; letter-spacing: -0.01em; white-space: nowrap;
  color: var(--sg-text, var(--sg-ink));
}
.cc_b3eorip4_HoDHJ7pZso .sg-card__was, .cc_b3eorip4_Vg7eA5x36C .sg-card__was, .cc_b3eorip4_aIGCu2LKqJ .sg-card__was, .cc_b3eorip4_oNCNTWDyPp .sg-card__was, .cc_b3eorip4_pjvQZHwoIL .sg-card__was, .cc_b3eorip4_w7CvTcRh4c .sg-card__was, .cc_b3eorip4_UhLTX2dZI2 .sg-card__was, .cc_b3eorip4_ngaPfv6XFB .sg-card__was, .cc_b3eorip4_GSLcXOoUJO .sg-card__was { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.cc_b3eorip4_HoDHJ7pZso .sg-card__old, .cc_b3eorip4_Vg7eA5x36C .sg-card__old, .cc_b3eorip4_aIGCu2LKqJ .sg-card__old, .cc_b3eorip4_oNCNTWDyPp .sg-card__old, .cc_b3eorip4_pjvQZHwoIL .sg-card__old, .cc_b3eorip4_w7CvTcRh4c .sg-card__old, .cc_b3eorip4_UhLTX2dZI2 .sg-card__old, .cc_b3eorip4_ngaPfv6XFB .sg-card__old, .cc_b3eorip4_GSLcXOoUJO .sg-card__old { font-size: 12.5px; font-weight: 500; white-space: nowrap; color: var(--sg-ink-3); }
.cc_b3eorip4_HoDHJ7pZso .sg-card__pct, .cc_b3eorip4_Vg7eA5x36C .sg-card__pct, .cc_b3eorip4_aIGCu2LKqJ .sg-card__pct, .cc_b3eorip4_oNCNTWDyPp .sg-card__pct, .cc_b3eorip4_pjvQZHwoIL .sg-card__pct, .cc_b3eorip4_w7CvTcRh4c .sg-card__pct, .cc_b3eorip4_UhLTX2dZI2 .sg-card__pct, .cc_b3eorip4_ngaPfv6XFB .sg-card__pct, .cc_b3eorip4_GSLcXOoUJO .sg-card__pct {
  display: inline-flex; align-items: center; flex: none; height: 22px; padding: 0 7px;
  border-radius: 6px; background: var(--sg-accent); color: var(--sg-on-accent);
  font-size: 11.5px; font-weight: 700; letter-spacing: 0.01em; white-space: nowrap;
}
/* Narrow cards (2 columns on a phone, sidebar + many columns): the pair always takes its own
   line above the price, so the cards of a row look alike instead of only some wrapping. */
@container sg-card (max-width: 219px) {
  .cc_b3eorip4_HoDHJ7pZso .sg-card__was, .cc_b3eorip4_Vg7eA5x36C .sg-card__was, .cc_b3eorip4_aIGCu2LKqJ .sg-card__was, .cc_b3eorip4_oNCNTWDyPp .sg-card__was, .cc_b3eorip4_pjvQZHwoIL .sg-card__was, .cc_b3eorip4_w7CvTcRh4c .sg-card__was, .cc_b3eorip4_UhLTX2dZI2 .sg-card__was, .cc_b3eorip4_ngaPfv6XFB .sg-card__was, .cc_b3eorip4_GSLcXOoUJO .sg-card__was { flex-basis: 100%; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card__now, .cc_b3eorip4_Vg7eA5x36C .sg-card__now, .cc_b3eorip4_aIGCu2LKqJ .sg-card__now, .cc_b3eorip4_oNCNTWDyPp .sg-card__now, .cc_b3eorip4_pjvQZHwoIL .sg-card__now, .cc_b3eorip4_w7CvTcRh4c .sg-card__now, .cc_b3eorip4_UhLTX2dZI2 .sg-card__now, .cc_b3eorip4_ngaPfv6XFB .sg-card__now, .cc_b3eorip4_GSLcXOoUJO .sg-card__now { font-size: 16px; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card__old, .cc_b3eorip4_Vg7eA5x36C .sg-card__old, .cc_b3eorip4_aIGCu2LKqJ .sg-card__old, .cc_b3eorip4_oNCNTWDyPp .sg-card__old, .cc_b3eorip4_pjvQZHwoIL .sg-card__old, .cc_b3eorip4_w7CvTcRh4c .sg-card__old, .cc_b3eorip4_UhLTX2dZI2 .sg-card__old, .cc_b3eorip4_ngaPfv6XFB .sg-card__old, .cc_b3eorip4_GSLcXOoUJO .sg-card__old { font-size: 11.5px; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card__pct, .cc_b3eorip4_Vg7eA5x36C .sg-card__pct, .cc_b3eorip4_aIGCu2LKqJ .sg-card__pct, .cc_b3eorip4_oNCNTWDyPp .sg-card__pct, .cc_b3eorip4_pjvQZHwoIL .sg-card__pct, .cc_b3eorip4_w7CvTcRh4c .sg-card__pct, .cc_b3eorip4_UhLTX2dZI2 .sg-card__pct, .cc_b3eorip4_ngaPfv6XFB .sg-card__pct, .cc_b3eorip4_GSLcXOoUJO .sg-card__pct { height: 20px; padding: 0 6px; font-size: 11px; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card__ship, .cc_b3eorip4_Vg7eA5x36C .sg-card__ship, .cc_b3eorip4_aIGCu2LKqJ .sg-card__ship, .cc_b3eorip4_oNCNTWDyPp .sg-card__ship, .cc_b3eorip4_pjvQZHwoIL .sg-card__ship, .cc_b3eorip4_w7CvTcRh4c .sg-card__ship, .cc_b3eorip4_UhLTX2dZI2 .sg-card__ship, .cc_b3eorip4_ngaPfv6XFB .sg-card__ship, .cc_b3eorip4_GSLcXOoUJO .sg-card__ship { font-size: 11.5px; }
}

/* Name + price grow together on hover, transform only (no reflow). Their layout box
   is 1/scale of the card width, so the scaled text still ends inside the card and is
   never clipped by a rail edge. */
.cc_b3eorip4_HoDHJ7pZso .sg-card__name, .cc_b3eorip4_Vg7eA5x36C .sg-card__name, .cc_b3eorip4_aIGCu2LKqJ .sg-card__name, .cc_b3eorip4_oNCNTWDyPp .sg-card__name, .cc_b3eorip4_pjvQZHwoIL .sg-card__name, .cc_b3eorip4_w7CvTcRh4c .sg-card__name, .cc_b3eorip4_UhLTX2dZI2 .sg-card__name, .cc_b3eorip4_ngaPfv6XFB .sg-card__name, .cc_b3eorip4_GSLcXOoUJO .sg-card__name, .cc_b3eorip4_HoDHJ7pZso .sg-card__price, .cc_b3eorip4_Vg7eA5x36C .sg-card__price, .cc_b3eorip4_aIGCu2LKqJ .sg-card__price, .cc_b3eorip4_oNCNTWDyPp .sg-card__price, .cc_b3eorip4_pjvQZHwoIL .sg-card__price, .cc_b3eorip4_w7CvTcRh4c .sg-card__price, .cc_b3eorip4_UhLTX2dZI2 .sg-card__price, .cc_b3eorip4_ngaPfv6XFB .sg-card__price, .cc_b3eorip4_GSLcXOoUJO .sg-card__price { width: calc(100% / var(--sg-card-ts)); }
.cc_b3eorip4_HoDHJ7pZso .sg-card__name, .cc_b3eorip4_Vg7eA5x36C .sg-card__name, .cc_b3eorip4_aIGCu2LKqJ .sg-card__name, .cc_b3eorip4_oNCNTWDyPp .sg-card__name, .cc_b3eorip4_pjvQZHwoIL .sg-card__name, .cc_b3eorip4_w7CvTcRh4c .sg-card__name, .cc_b3eorip4_UhLTX2dZI2 .sg-card__name, .cc_b3eorip4_ngaPfv6XFB .sg-card__name, .cc_b3eorip4_GSLcXOoUJO .sg-card__name, .cc_b3eorip4_HoDHJ7pZso .sg-card__price, .cc_b3eorip4_Vg7eA5x36C .sg-card__price, .cc_b3eorip4_aIGCu2LKqJ .sg-card__price, .cc_b3eorip4_oNCNTWDyPp .sg-card__price, .cc_b3eorip4_pjvQZHwoIL .sg-card__price, .cc_b3eorip4_w7CvTcRh4c .sg-card__price, .cc_b3eorip4_UhLTX2dZI2 .sg-card__price, .cc_b3eorip4_ngaPfv6XFB .sg-card__price, .cc_b3eorip4_GSLcXOoUJO .sg-card__price {
  transform-origin: 0 50%;
  transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
}
@media (hover: hover) {
  .cc_b3eorip4_HoDHJ7pZso .sg-card:hover .sg-card__name, .cc_b3eorip4_Vg7eA5x36C .sg-card:hover .sg-card__name, .cc_b3eorip4_aIGCu2LKqJ .sg-card:hover .sg-card__name, .cc_b3eorip4_oNCNTWDyPp .sg-card:hover .sg-card__name, .cc_b3eorip4_pjvQZHwoIL .sg-card:hover .sg-card__name, .cc_b3eorip4_w7CvTcRh4c .sg-card:hover .sg-card__name, .cc_b3eorip4_UhLTX2dZI2 .sg-card:hover .sg-card__name, .cc_b3eorip4_ngaPfv6XFB .sg-card:hover .sg-card__name, .cc_b3eorip4_GSLcXOoUJO .sg-card:hover .sg-card__name, .cc_b3eorip4_HoDHJ7pZso .sg-card:hover .sg-card__price, .cc_b3eorip4_Vg7eA5x36C .sg-card:hover .sg-card__price, .cc_b3eorip4_aIGCu2LKqJ .sg-card:hover .sg-card__price, .cc_b3eorip4_oNCNTWDyPp .sg-card:hover .sg-card__price, .cc_b3eorip4_pjvQZHwoIL .sg-card:hover .sg-card__price, .cc_b3eorip4_w7CvTcRh4c .sg-card:hover .sg-card__price, .cc_b3eorip4_UhLTX2dZI2 .sg-card:hover .sg-card__price, .cc_b3eorip4_ngaPfv6XFB .sg-card:hover .sg-card__price, .cc_b3eorip4_GSLcXOoUJO .sg-card:hover .sg-card__price { transform: scale(var(--sg-card-ts)); }
}
.cc_b3eorip4_HoDHJ7pZso .sg-card__rating, .cc_b3eorip4_Vg7eA5x36C .sg-card__rating, .cc_b3eorip4_aIGCu2LKqJ .sg-card__rating, .cc_b3eorip4_oNCNTWDyPp .sg-card__rating, .cc_b3eorip4_pjvQZHwoIL .sg-card__rating, .cc_b3eorip4_w7CvTcRh4c .sg-card__rating, .cc_b3eorip4_UhLTX2dZI2 .sg-card__rating, .cc_b3eorip4_ngaPfv6XFB .sg-card__rating, .cc_b3eorip4_GSLcXOoUJO .sg-card__rating { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--sg-text-2, var(--sg-ink-2)); }
.cc_b3eorip4_HoDHJ7pZso .sg-card__swatches, .cc_b3eorip4_Vg7eA5x36C .sg-card__swatches, .cc_b3eorip4_aIGCu2LKqJ .sg-card__swatches, .cc_b3eorip4_oNCNTWDyPp .sg-card__swatches, .cc_b3eorip4_pjvQZHwoIL .sg-card__swatches, .cc_b3eorip4_w7CvTcRh4c .sg-card__swatches, .cc_b3eorip4_UhLTX2dZI2 .sg-card__swatches, .cc_b3eorip4_ngaPfv6XFB .sg-card__swatches, .cc_b3eorip4_GSLcXOoUJO .sg-card__swatches { position: relative; z-index: 2; display: flex; align-items: center; gap: 6px; margin-top: 2px; }
.cc_b3eorip4_HoDHJ7pZso .sg-card__sw, .cc_b3eorip4_Vg7eA5x36C .sg-card__sw, .cc_b3eorip4_aIGCu2LKqJ .sg-card__sw, .cc_b3eorip4_oNCNTWDyPp .sg-card__sw, .cc_b3eorip4_pjvQZHwoIL .sg-card__sw, .cc_b3eorip4_w7CvTcRh4c .sg-card__sw, .cc_b3eorip4_UhLTX2dZI2 .sg-card__sw, .cc_b3eorip4_ngaPfv6XFB .sg-card__sw, .cc_b3eorip4_GSLcXOoUJO .sg-card__sw {
  width: 18px; height: 18px; padding: 0; border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.12); background: var(--sg-surface-3);
  box-shadow: 0 0 0 2px #fff; cursor: pointer;
  transition: box-shadow 200ms, transform 200ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
.cc_b3eorip4_HoDHJ7pZso .sg-card__sw.is-on, .cc_b3eorip4_Vg7eA5x36C .sg-card__sw.is-on, .cc_b3eorip4_aIGCu2LKqJ .sg-card__sw.is-on, .cc_b3eorip4_oNCNTWDyPp .sg-card__sw.is-on, .cc_b3eorip4_pjvQZHwoIL .sg-card__sw.is-on, .cc_b3eorip4_w7CvTcRh4c .sg-card__sw.is-on, .cc_b3eorip4_UhLTX2dZI2 .sg-card__sw.is-on, .cc_b3eorip4_ngaPfv6XFB .sg-card__sw.is-on, .cc_b3eorip4_GSLcXOoUJO .sg-card__sw.is-on { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--sg-ink); }
.cc_b3eorip4_HoDHJ7pZso .sg-card__sw.is-out, .cc_b3eorip4_Vg7eA5x36C .sg-card__sw.is-out, .cc_b3eorip4_aIGCu2LKqJ .sg-card__sw.is-out, .cc_b3eorip4_oNCNTWDyPp .sg-card__sw.is-out, .cc_b3eorip4_pjvQZHwoIL .sg-card__sw.is-out, .cc_b3eorip4_w7CvTcRh4c .sg-card__sw.is-out, .cc_b3eorip4_UhLTX2dZI2 .sg-card__sw.is-out, .cc_b3eorip4_ngaPfv6XFB .sg-card__sw.is-out, .cc_b3eorip4_GSLcXOoUJO .sg-card__sw.is-out { opacity: 0.45; }
@media (hover: hover) { .cc_b3eorip4_HoDHJ7pZso .sg-card__sw:hover, .cc_b3eorip4_Vg7eA5x36C .sg-card__sw:hover, .cc_b3eorip4_aIGCu2LKqJ .sg-card__sw:hover, .cc_b3eorip4_oNCNTWDyPp .sg-card__sw:hover, .cc_b3eorip4_pjvQZHwoIL .sg-card__sw:hover, .cc_b3eorip4_w7CvTcRh4c .sg-card__sw:hover, .cc_b3eorip4_UhLTX2dZI2 .sg-card__sw:hover, .cc_b3eorip4_ngaPfv6XFB .sg-card__sw:hover, .cc_b3eorip4_GSLcXOoUJO .sg-card__sw:hover { transform: scale(1.15); } }
.cc_b3eorip4_HoDHJ7pZso .sg-card__sw-more, .cc_b3eorip4_Vg7eA5x36C .sg-card__sw-more, .cc_b3eorip4_aIGCu2LKqJ .sg-card__sw-more, .cc_b3eorip4_oNCNTWDyPp .sg-card__sw-more, .cc_b3eorip4_pjvQZHwoIL .sg-card__sw-more, .cc_b3eorip4_w7CvTcRh4c .sg-card__sw-more, .cc_b3eorip4_UhLTX2dZI2 .sg-card__sw-more, .cc_b3eorip4_ngaPfv6XFB .sg-card__sw-more, .cc_b3eorip4_GSLcXOoUJO .sg-card__sw-more { font-size: 12px; line-height: 18px; color: var(--sg-text-2, var(--sg-ink-2)); }
/* The swatch row sits under the price (6px gap + 2px margin + 18px dots = 26px). Where some cards
   of a row have one, the others reserve that height, so every final price of the row shares one
   line: rails (one row) via :has(); grids per layout row — lib/priceRows marks the cells of rows
   holding a swatch card with data-sg-row-sw. Rows without swatches are untouched. */
.cc_b3eorip4_HoDHJ7pZso .sg-rail:has(> .sg-card .sg-card__swatches) > .sg-card:not(:has(.sg-card__swatches)) .sg-card__price, .cc_b3eorip4_Vg7eA5x36C .sg-rail:has(> .sg-card .sg-card__swatches) > .sg-card:not(:has(.sg-card__swatches)) .sg-card__price, .cc_b3eorip4_aIGCu2LKqJ .sg-rail:has(> .sg-card .sg-card__swatches) > .sg-card:not(:has(.sg-card__swatches)) .sg-card__price, .cc_b3eorip4_oNCNTWDyPp .sg-rail:has(> .sg-card .sg-card__swatches) > .sg-card:not(:has(.sg-card__swatches)) .sg-card__price, .cc_b3eorip4_pjvQZHwoIL .sg-rail:has(> .sg-card .sg-card__swatches) > .sg-card:not(:has(.sg-card__swatches)) .sg-card__price, .cc_b3eorip4_w7CvTcRh4c .sg-rail:has(> .sg-card .sg-card__swatches) > .sg-card:not(:has(.sg-card__swatches)) .sg-card__price, .cc_b3eorip4_UhLTX2dZI2 .sg-rail:has(> .sg-card .sg-card__swatches) > .sg-card:not(:has(.sg-card__swatches)) .sg-card__price, .cc_b3eorip4_ngaPfv6XFB .sg-rail:has(> .sg-card .sg-card__swatches) > .sg-card:not(:has(.sg-card__swatches)) .sg-card__price, .cc_b3eorip4_GSLcXOoUJO .sg-rail:has(> .sg-card .sg-card__swatches) > .sg-card:not(:has(.sg-card__swatches)) .sg-card__price, .cc_b3eorip4_HoDHJ7pZso .sg-rail:has(> * > .sg-card .sg-card__swatches) > :not(:has(.sg-card__swatches)) > .sg-card .sg-card__price, .cc_b3eorip4_Vg7eA5x36C .sg-rail:has(> * > .sg-card .sg-card__swatches) > :not(:has(.sg-card__swatches)) > .sg-card .sg-card__price, .cc_b3eorip4_aIGCu2LKqJ .sg-rail:has(> * > .sg-card .sg-card__swatches) > :not(:has(.sg-card__swatches)) > .sg-card .sg-card__price, .cc_b3eorip4_oNCNTWDyPp .sg-rail:has(> * > .sg-card .sg-card__swatches) > :not(:has(.sg-card__swatches)) > .sg-card .sg-card__price, .cc_b3eorip4_pjvQZHwoIL .sg-rail:has(> * > .sg-card .sg-card__swatches) > :not(:has(.sg-card__swatches)) > .sg-card .sg-card__price, .cc_b3eorip4_w7CvTcRh4c .sg-rail:has(> * > .sg-card .sg-card__swatches) > :not(:has(.sg-card__swatches)) > .sg-card .sg-card__price, .cc_b3eorip4_UhLTX2dZI2 .sg-rail:has(> * > .sg-card .sg-card__swatches) > :not(:has(.sg-card__swatches)) > .sg-card .sg-card__price, .cc_b3eorip4_ngaPfv6XFB .sg-rail:has(> * > .sg-card .sg-card__swatches) > :not(:has(.sg-card__swatches)) > .sg-card .sg-card__price, .cc_b3eorip4_GSLcXOoUJO .sg-rail:has(> * > .sg-card .sg-card__swatches) > :not(:has(.sg-card__swatches)) > .sg-card .sg-card__price, .cc_b3eorip4_HoDHJ7pZso .sg-grid > [data-sg-row-sw]:not(:has(.sg-card__swatches)) .sg-card__price, .cc_b3eorip4_Vg7eA5x36C .sg-grid > [data-sg-row-sw]:not(:has(.sg-card__swatches)) .sg-card__price, .cc_b3eorip4_aIGCu2LKqJ .sg-grid > [data-sg-row-sw]:not(:has(.sg-card__swatches)) .sg-card__price, .cc_b3eorip4_oNCNTWDyPp .sg-grid > [data-sg-row-sw]:not(:has(.sg-card__swatches)) .sg-card__price, .cc_b3eorip4_pjvQZHwoIL .sg-grid > [data-sg-row-sw]:not(:has(.sg-card__swatches)) .sg-card__price, .cc_b3eorip4_w7CvTcRh4c .sg-grid > [data-sg-row-sw]:not(:has(.sg-card__swatches)) .sg-card__price, .cc_b3eorip4_UhLTX2dZI2 .sg-grid > [data-sg-row-sw]:not(:has(.sg-card__swatches)) .sg-card__price, .cc_b3eorip4_ngaPfv6XFB .sg-grid > [data-sg-row-sw]:not(:has(.sg-card__swatches)) .sg-card__price, .cc_b3eorip4_GSLcXOoUJO .sg-grid > [data-sg-row-sw]:not(:has(.sg-card__swatches)) .sg-card__price { margin-bottom: 26px; }

.cc_b3eorip4_HoDHJ7pZso .sg-card.is-soldout .sg-card__img--main, .cc_b3eorip4_Vg7eA5x36C .sg-card.is-soldout .sg-card__img--main, .cc_b3eorip4_aIGCu2LKqJ .sg-card.is-soldout .sg-card__img--main, .cc_b3eorip4_oNCNTWDyPp .sg-card.is-soldout .sg-card__img--main, .cc_b3eorip4_pjvQZHwoIL .sg-card.is-soldout .sg-card__img--main, .cc_b3eorip4_w7CvTcRh4c .sg-card.is-soldout .sg-card__img--main, .cc_b3eorip4_UhLTX2dZI2 .sg-card.is-soldout .sg-card__img--main, .cc_b3eorip4_ngaPfv6XFB .sg-card.is-soldout .sg-card__img--main, .cc_b3eorip4_GSLcXOoUJO .sg-card.is-soldout .sg-card__img--main { filter: grayscale(0.35); opacity: 0.8; }

/* ---------- centred ---------- */
.cc_b3eorip4_HoDHJ7pZso .sg-card--center .sg-card__body, .cc_b3eorip4_Vg7eA5x36C .sg-card--center .sg-card__body, .cc_b3eorip4_aIGCu2LKqJ .sg-card--center .sg-card__body, .cc_b3eorip4_oNCNTWDyPp .sg-card--center .sg-card__body, .cc_b3eorip4_pjvQZHwoIL .sg-card--center .sg-card__body, .cc_b3eorip4_w7CvTcRh4c .sg-card--center .sg-card__body, .cc_b3eorip4_UhLTX2dZI2 .sg-card--center .sg-card__body, .cc_b3eorip4_ngaPfv6XFB .sg-card--center .sg-card__body, .cc_b3eorip4_GSLcXOoUJO .sg-card--center .sg-card__body { align-items: center; text-align: center; }
.cc_b3eorip4_HoDHJ7pZso .sg-card--center .sg-card__swatches, .cc_b3eorip4_Vg7eA5x36C .sg-card--center .sg-card__swatches, .cc_b3eorip4_aIGCu2LKqJ .sg-card--center .sg-card__swatches, .cc_b3eorip4_oNCNTWDyPp .sg-card--center .sg-card__swatches, .cc_b3eorip4_pjvQZHwoIL .sg-card--center .sg-card__swatches, .cc_b3eorip4_w7CvTcRh4c .sg-card--center .sg-card__swatches, .cc_b3eorip4_UhLTX2dZI2 .sg-card--center .sg-card__swatches, .cc_b3eorip4_ngaPfv6XFB .sg-card--center .sg-card__swatches, .cc_b3eorip4_GSLcXOoUJO .sg-card--center .sg-card__swatches { justify-content: center; }
.cc_b3eorip4_HoDHJ7pZso .sg-card--center .sg-card__price, .cc_b3eorip4_Vg7eA5x36C .sg-card--center .sg-card__price, .cc_b3eorip4_aIGCu2LKqJ .sg-card--center .sg-card__price, .cc_b3eorip4_oNCNTWDyPp .sg-card--center .sg-card__price, .cc_b3eorip4_pjvQZHwoIL .sg-card--center .sg-card__price, .cc_b3eorip4_w7CvTcRh4c .sg-card--center .sg-card__price, .cc_b3eorip4_UhLTX2dZI2 .sg-card--center .sg-card__price, .cc_b3eorip4_ngaPfv6XFB .sg-card--center .sg-card__price, .cc_b3eorip4_GSLcXOoUJO .sg-card--center .sg-card__price { justify-content: center; align-items: center; }
.cc_b3eorip4_HoDHJ7pZso .sg-card--center .sg-card__was, .cc_b3eorip4_Vg7eA5x36C .sg-card--center .sg-card__was, .cc_b3eorip4_aIGCu2LKqJ .sg-card--center .sg-card__was, .cc_b3eorip4_oNCNTWDyPp .sg-card--center .sg-card__was, .cc_b3eorip4_pjvQZHwoIL .sg-card--center .sg-card__was, .cc_b3eorip4_w7CvTcRh4c .sg-card--center .sg-card__was, .cc_b3eorip4_UhLTX2dZI2 .sg-card--center .sg-card__was, .cc_b3eorip4_ngaPfv6XFB .sg-card--center .sg-card__was, .cc_b3eorip4_GSLcXOoUJO .sg-card--center .sg-card__was { justify-content: center; }
.cc_b3eorip4_HoDHJ7pZso .sg-card--center .sg-card__name, .cc_b3eorip4_Vg7eA5x36C .sg-card--center .sg-card__name, .cc_b3eorip4_aIGCu2LKqJ .sg-card--center .sg-card__name, .cc_b3eorip4_oNCNTWDyPp .sg-card--center .sg-card__name, .cc_b3eorip4_pjvQZHwoIL .sg-card--center .sg-card__name, .cc_b3eorip4_w7CvTcRh4c .sg-card--center .sg-card__name, .cc_b3eorip4_UhLTX2dZI2 .sg-card--center .sg-card__name, .cc_b3eorip4_ngaPfv6XFB .sg-card--center .sg-card__name, .cc_b3eorip4_GSLcXOoUJO .sg-card--center .sg-card__name, .cc_b3eorip4_HoDHJ7pZso .sg-card--center .sg-card__price, .cc_b3eorip4_Vg7eA5x36C .sg-card--center .sg-card__price, .cc_b3eorip4_aIGCu2LKqJ .sg-card--center .sg-card__price, .cc_b3eorip4_oNCNTWDyPp .sg-card--center .sg-card__price, .cc_b3eorip4_pjvQZHwoIL .sg-card--center .sg-card__price, .cc_b3eorip4_w7CvTcRh4c .sg-card--center .sg-card__price, .cc_b3eorip4_UhLTX2dZI2 .sg-card--center .sg-card__price, .cc_b3eorip4_ngaPfv6XFB .sg-card--center .sg-card__price, .cc_b3eorip4_GSLcXOoUJO .sg-card--center .sg-card__price { transform-origin: 50% 50%; }

/* ---------- contain fit: frameless photos ----------
   Non-square photos letterboxed in the media box showed the tinted box around them,
   which read as a frame. The photo now sits straight on the section (or tile) background. */
.cc_b3eorip4_HoDHJ7pZso .sg-card--fit-contain:not(.sg-card--overlay) .sg-card__media, .cc_b3eorip4_Vg7eA5x36C .sg-card--fit-contain:not(.sg-card--overlay) .sg-card__media, .cc_b3eorip4_aIGCu2LKqJ .sg-card--fit-contain:not(.sg-card--overlay) .sg-card__media, .cc_b3eorip4_oNCNTWDyPp .sg-card--fit-contain:not(.sg-card--overlay) .sg-card__media, .cc_b3eorip4_pjvQZHwoIL .sg-card--fit-contain:not(.sg-card--overlay) .sg-card__media, .cc_b3eorip4_w7CvTcRh4c .sg-card--fit-contain:not(.sg-card--overlay) .sg-card__media, .cc_b3eorip4_UhLTX2dZI2 .sg-card--fit-contain:not(.sg-card--overlay) .sg-card__media, .cc_b3eorip4_ngaPfv6XFB .sg-card--fit-contain:not(.sg-card--overlay) .sg-card__media, .cc_b3eorip4_GSLcXOoUJO .sg-card--fit-contain:not(.sg-card--overlay) .sg-card__media { background: transparent; }
.cc_b3eorip4_HoDHJ7pZso .sg-card--fit-contain .sg-card__img--empty, .cc_b3eorip4_Vg7eA5x36C .sg-card--fit-contain .sg-card__img--empty, .cc_b3eorip4_aIGCu2LKqJ .sg-card--fit-contain .sg-card__img--empty, .cc_b3eorip4_oNCNTWDyPp .sg-card--fit-contain .sg-card__img--empty, .cc_b3eorip4_pjvQZHwoIL .sg-card--fit-contain .sg-card__img--empty, .cc_b3eorip4_w7CvTcRh4c .sg-card--fit-contain .sg-card__img--empty, .cc_b3eorip4_UhLTX2dZI2 .sg-card--fit-contain .sg-card__img--empty, .cc_b3eorip4_ngaPfv6XFB .sg-card--fit-contain .sg-card__img--empty, .cc_b3eorip4_GSLcXOoUJO .sg-card--fit-contain .sg-card__img--empty { background: var(--sg-surface-2); }
/* contained photos keep clear of the corner stickers (NEW, discount box, heart): the same inset on
   every card, so products stay the same size along a row */
.cc_b3eorip4_HoDHJ7pZso .sg-card--fit-contain .sg-card__img:not(.sg-card__img--empty), .cc_b3eorip4_Vg7eA5x36C .sg-card--fit-contain .sg-card__img:not(.sg-card__img--empty), .cc_b3eorip4_aIGCu2LKqJ .sg-card--fit-contain .sg-card__img:not(.sg-card__img--empty), .cc_b3eorip4_oNCNTWDyPp .sg-card--fit-contain .sg-card__img:not(.sg-card__img--empty), .cc_b3eorip4_pjvQZHwoIL .sg-card--fit-contain .sg-card__img:not(.sg-card__img--empty), .cc_b3eorip4_w7CvTcRh4c .sg-card--fit-contain .sg-card__img:not(.sg-card__img--empty), .cc_b3eorip4_UhLTX2dZI2 .sg-card--fit-contain .sg-card__img:not(.sg-card__img--empty), .cc_b3eorip4_ngaPfv6XFB .sg-card--fit-contain .sg-card__img:not(.sg-card__img--empty), .cc_b3eorip4_GSLcXOoUJO .sg-card--fit-contain .sg-card__img:not(.sg-card__img--empty) { box-sizing: border-box; padding: var(--sg-card-inset, 8%); }

/* ---------- tile (SgCardStyle "boxed"): white card, photo flush to its top ----------
   No border; a very soft shadow lifts it off the page. The info block has its own padding;
   the low-stock strip runs along the photo's bottom edge, the heart sits top-right on it.
   A tile is always white, so its text keeps the ink colours even when the section sets a
   light text colour for a dark background. */
.cc_b3eorip4_HoDHJ7pZso .sg-card--tile, .cc_b3eorip4_Vg7eA5x36C .sg-card--tile, .cc_b3eorip4_aIGCu2LKqJ .sg-card--tile, .cc_b3eorip4_oNCNTWDyPp .sg-card--tile, .cc_b3eorip4_pjvQZHwoIL .sg-card--tile, .cc_b3eorip4_w7CvTcRh4c .sg-card--tile, .cc_b3eorip4_UhLTX2dZI2 .sg-card--tile, .cc_b3eorip4_ngaPfv6XFB .sg-card--tile, .cc_b3eorip4_GSLcXOoUJO .sg-card--tile {
  --sg-text: var(--sg-ink); --sg-text-2: var(--sg-ink-2);
  border-radius: var(--sg-r-card);
  background: var(--sg-surface);
  box-shadow: 0 1px 2px rgba(17, 19, 21, 0.05), 0 4px 16px rgba(17, 19, 21, 0.06);
}
.cc_b3eorip4_HoDHJ7pZso .sg-card--tile .sg-card__media, .cc_b3eorip4_Vg7eA5x36C .sg-card--tile .sg-card__media, .cc_b3eorip4_aIGCu2LKqJ .sg-card--tile .sg-card__media, .cc_b3eorip4_oNCNTWDyPp .sg-card--tile .sg-card__media, .cc_b3eorip4_pjvQZHwoIL .sg-card--tile .sg-card__media, .cc_b3eorip4_w7CvTcRh4c .sg-card--tile .sg-card__media, .cc_b3eorip4_UhLTX2dZI2 .sg-card--tile .sg-card__media, .cc_b3eorip4_ngaPfv6XFB .sg-card--tile .sg-card__media, .cc_b3eorip4_GSLcXOoUJO .sg-card--tile .sg-card__media { border-radius: var(--sg-r-card) var(--sg-r-card) 0 0; }
.cc_b3eorip4_HoDHJ7pZso .sg-card--tile .sg-card__body, .cc_b3eorip4_Vg7eA5x36C .sg-card--tile .sg-card__body, .cc_b3eorip4_aIGCu2LKqJ .sg-card--tile .sg-card__body, .cc_b3eorip4_oNCNTWDyPp .sg-card--tile .sg-card__body, .cc_b3eorip4_pjvQZHwoIL .sg-card--tile .sg-card__body, .cc_b3eorip4_w7CvTcRh4c .sg-card--tile .sg-card__body, .cc_b3eorip4_UhLTX2dZI2 .sg-card--tile .sg-card__body, .cc_b3eorip4_ngaPfv6XFB .sg-card--tile .sg-card__body, .cc_b3eorip4_GSLcXOoUJO .sg-card--tile .sg-card__body { gap: 5px; padding: 14px 14px 16px; }
.cc_b3eorip4_HoDHJ7pZso .sg-card--tile .sg-card__brand, .cc_b3eorip4_Vg7eA5x36C .sg-card--tile .sg-card__brand, .cc_b3eorip4_aIGCu2LKqJ .sg-card--tile .sg-card__brand, .cc_b3eorip4_oNCNTWDyPp .sg-card--tile .sg-card__brand, .cc_b3eorip4_pjvQZHwoIL .sg-card--tile .sg-card__brand, .cc_b3eorip4_w7CvTcRh4c .sg-card--tile .sg-card__brand, .cc_b3eorip4_UhLTX2dZI2 .sg-card--tile .sg-card__brand, .cc_b3eorip4_ngaPfv6XFB .sg-card--tile .sg-card__brand, .cc_b3eorip4_GSLcXOoUJO .sg-card--tile .sg-card__brand { font-size: 11px; letter-spacing: 0.1em; color: color-mix(in srgb, var(--sg-ink-2) 72%, var(--sg-ink-3)); }
.cc_b3eorip4_HoDHJ7pZso .sg-card--tile .sg-card__name, .cc_b3eorip4_Vg7eA5x36C .sg-card--tile .sg-card__name, .cc_b3eorip4_aIGCu2LKqJ .sg-card--tile .sg-card__name, .cc_b3eorip4_oNCNTWDyPp .sg-card--tile .sg-card__name, .cc_b3eorip4_pjvQZHwoIL .sg-card--tile .sg-card__name, .cc_b3eorip4_w7CvTcRh4c .sg-card--tile .sg-card__name, .cc_b3eorip4_UhLTX2dZI2 .sg-card--tile .sg-card__name, .cc_b3eorip4_ngaPfv6XFB .sg-card--tile .sg-card__name, .cc_b3eorip4_GSLcXOoUJO .sg-card--tile .sg-card__name { font-weight: 600; line-height: 1.38; }
.cc_b3eorip4_HoDHJ7pZso .sg-card--tile .sg-card__ship, .cc_b3eorip4_Vg7eA5x36C .sg-card--tile .sg-card__ship, .cc_b3eorip4_aIGCu2LKqJ .sg-card--tile .sg-card__ship, .cc_b3eorip4_oNCNTWDyPp .sg-card--tile .sg-card__ship, .cc_b3eorip4_pjvQZHwoIL .sg-card--tile .sg-card__ship, .cc_b3eorip4_w7CvTcRh4c .sg-card--tile .sg-card__ship, .cc_b3eorip4_UhLTX2dZI2 .sg-card--tile .sg-card__ship, .cc_b3eorip4_ngaPfv6XFB .sg-card--tile .sg-card__ship, .cc_b3eorip4_GSLcXOoUJO .sg-card--tile .sg-card__ship { padding-top: 6px; }
.cc_b3eorip4_HoDHJ7pZso .sg-card--tile .sg-card__price, .cc_b3eorip4_Vg7eA5x36C .sg-card--tile .sg-card__price, .cc_b3eorip4_aIGCu2LKqJ .sg-card--tile .sg-card__price, .cc_b3eorip4_oNCNTWDyPp .sg-card--tile .sg-card__price, .cc_b3eorip4_pjvQZHwoIL .sg-card--tile .sg-card__price, .cc_b3eorip4_w7CvTcRh4c .sg-card--tile .sg-card__price, .cc_b3eorip4_UhLTX2dZI2 .sg-card--tile .sg-card__price, .cc_b3eorip4_ngaPfv6XFB .sg-card--tile .sg-card__price, .cc_b3eorip4_GSLcXOoUJO .sg-card--tile .sg-card__price { padding-top: 2px; }
.cc_b3eorip4_HoDHJ7pZso .sg-card--tile .sg-card__now, .cc_b3eorip4_Vg7eA5x36C .sg-card--tile .sg-card__now, .cc_b3eorip4_aIGCu2LKqJ .sg-card--tile .sg-card__now, .cc_b3eorip4_oNCNTWDyPp .sg-card--tile .sg-card__now, .cc_b3eorip4_pjvQZHwoIL .sg-card--tile .sg-card__now, .cc_b3eorip4_w7CvTcRh4c .sg-card--tile .sg-card__now, .cc_b3eorip4_UhLTX2dZI2 .sg-card--tile .sg-card__now, .cc_b3eorip4_ngaPfv6XFB .sg-card--tile .sg-card__now, .cc_b3eorip4_GSLcXOoUJO .sg-card--tile .sg-card__now { font-size: 19px; }
@container sg-card (max-width: 219px) {
  .cc_b3eorip4_HoDHJ7pZso .sg-card--tile .sg-card__body, .cc_b3eorip4_Vg7eA5x36C .sg-card--tile .sg-card__body, .cc_b3eorip4_aIGCu2LKqJ .sg-card--tile .sg-card__body, .cc_b3eorip4_oNCNTWDyPp .sg-card--tile .sg-card__body, .cc_b3eorip4_pjvQZHwoIL .sg-card--tile .sg-card__body, .cc_b3eorip4_w7CvTcRh4c .sg-card--tile .sg-card__body, .cc_b3eorip4_UhLTX2dZI2 .sg-card--tile .sg-card__body, .cc_b3eorip4_ngaPfv6XFB .sg-card--tile .sg-card__body, .cc_b3eorip4_GSLcXOoUJO .sg-card--tile .sg-card__body { padding: 11px 11px 13px; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card--tile .sg-card__name, .cc_b3eorip4_Vg7eA5x36C .sg-card--tile .sg-card__name, .cc_b3eorip4_aIGCu2LKqJ .sg-card--tile .sg-card__name, .cc_b3eorip4_oNCNTWDyPp .sg-card--tile .sg-card__name, .cc_b3eorip4_pjvQZHwoIL .sg-card--tile .sg-card__name, .cc_b3eorip4_w7CvTcRh4c .sg-card--tile .sg-card__name, .cc_b3eorip4_UhLTX2dZI2 .sg-card--tile .sg-card__name, .cc_b3eorip4_ngaPfv6XFB .sg-card--tile .sg-card__name, .cc_b3eorip4_GSLcXOoUJO .sg-card--tile .sg-card__name { font-size: 13.5px; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card--tile .sg-card__now, .cc_b3eorip4_Vg7eA5x36C .sg-card--tile .sg-card__now, .cc_b3eorip4_aIGCu2LKqJ .sg-card--tile .sg-card__now, .cc_b3eorip4_oNCNTWDyPp .sg-card--tile .sg-card__now, .cc_b3eorip4_pjvQZHwoIL .sg-card--tile .sg-card__now, .cc_b3eorip4_w7CvTcRh4c .sg-card--tile .sg-card__now, .cc_b3eorip4_UhLTX2dZI2 .sg-card--tile .sg-card__now, .cc_b3eorip4_ngaPfv6XFB .sg-card--tile .sg-card__now, .cc_b3eorip4_GSLcXOoUJO .sg-card--tile .sg-card__now { font-size: 16.5px; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card--tile .sg-card__ship, .cc_b3eorip4_Vg7eA5x36C .sg-card--tile .sg-card__ship, .cc_b3eorip4_aIGCu2LKqJ .sg-card--tile .sg-card__ship, .cc_b3eorip4_oNCNTWDyPp .sg-card--tile .sg-card__ship, .cc_b3eorip4_pjvQZHwoIL .sg-card--tile .sg-card__ship, .cc_b3eorip4_w7CvTcRh4c .sg-card--tile .sg-card__ship, .cc_b3eorip4_UhLTX2dZI2 .sg-card--tile .sg-card__ship, .cc_b3eorip4_ngaPfv6XFB .sg-card--tile .sg-card__ship, .cc_b3eorip4_GSLcXOoUJO .sg-card--tile .sg-card__ship { padding-top: 4px; }
}
@media (hover: hover) {
  .cc_b3eorip4_HoDHJ7pZso .sg-card--tile:not(.sg-card--hover-none):hover, .cc_b3eorip4_Vg7eA5x36C .sg-card--tile:not(.sg-card--hover-none):hover, .cc_b3eorip4_aIGCu2LKqJ .sg-card--tile:not(.sg-card--hover-none):hover, .cc_b3eorip4_oNCNTWDyPp .sg-card--tile:not(.sg-card--hover-none):hover, .cc_b3eorip4_pjvQZHwoIL .sg-card--tile:not(.sg-card--hover-none):hover, .cc_b3eorip4_w7CvTcRh4c .sg-card--tile:not(.sg-card--hover-none):hover, .cc_b3eorip4_UhLTX2dZI2 .sg-card--tile:not(.sg-card--hover-none):hover, .cc_b3eorip4_ngaPfv6XFB .sg-card--tile:not(.sg-card--hover-none):hover, .cc_b3eorip4_GSLcXOoUJO .sg-card--tile:not(.sg-card--hover-none):hover { box-shadow: 0 2px 4px rgba(17, 19, 21, 0.05), 0 12px 30px rgba(17, 19, 21, 0.1); }
  /* lift: the shadow belongs to the tile, not to the photo inside it */
  .cc_b3eorip4_HoDHJ7pZso .sg-card--tile.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_Vg7eA5x36C .sg-card--tile.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_aIGCu2LKqJ .sg-card--tile.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_oNCNTWDyPp .sg-card--tile.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_pjvQZHwoIL .sg-card--tile.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_w7CvTcRh4c .sg-card--tile.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_UhLTX2dZI2 .sg-card--tile.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_ngaPfv6XFB .sg-card--tile.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_GSLcXOoUJO .sg-card--tile.sg-card--hover-lift:hover .sg-card__media { box-shadow: none; }
}

/* ---------- bordered: soft 1px line around image + text on a white tile ----------
   With fit "contain" the media box stays transparent (rule above), so the photo itself
   is never framed. */
.cc_b3eorip4_HoDHJ7pZso .sg-card--bordered, .cc_b3eorip4_Vg7eA5x36C .sg-card--bordered, .cc_b3eorip4_aIGCu2LKqJ .sg-card--bordered, .cc_b3eorip4_oNCNTWDyPp .sg-card--bordered, .cc_b3eorip4_pjvQZHwoIL .sg-card--bordered, .cc_b3eorip4_w7CvTcRh4c .sg-card--bordered, .cc_b3eorip4_UhLTX2dZI2 .sg-card--bordered, .cc_b3eorip4_ngaPfv6XFB .sg-card--bordered, .cc_b3eorip4_GSLcXOoUJO .sg-card--bordered {
  --sg-card-pad: 10px;
  --sg-text: var(--sg-ink); --sg-text-2: var(--sg-ink-2);
  padding: var(--sg-card-pad);
  border-radius: calc(var(--sg-r-media) + 6px);
  border: 1px solid var(--sg-line); background: #fff;
}
.cc_b3eorip4_HoDHJ7pZso .sg-card--bordered .sg-card__body, .cc_b3eorip4_Vg7eA5x36C .sg-card--bordered .sg-card__body, .cc_b3eorip4_aIGCu2LKqJ .sg-card--bordered .sg-card__body, .cc_b3eorip4_oNCNTWDyPp .sg-card--bordered .sg-card__body, .cc_b3eorip4_pjvQZHwoIL .sg-card--bordered .sg-card__body, .cc_b3eorip4_w7CvTcRh4c .sg-card--bordered .sg-card__body, .cc_b3eorip4_UhLTX2dZI2 .sg-card--bordered .sg-card__body, .cc_b3eorip4_ngaPfv6XFB .sg-card--bordered .sg-card__body, .cc_b3eorip4_GSLcXOoUJO .sg-card--bordered .sg-card__body { padding: 12px 6px 6px; }
/* a little more air above the price than between brand and name */
.cc_b3eorip4_HoDHJ7pZso .sg-card--bordered .sg-card__price, .cc_b3eorip4_Vg7eA5x36C .sg-card--bordered .sg-card__price, .cc_b3eorip4_aIGCu2LKqJ .sg-card--bordered .sg-card__price, .cc_b3eorip4_oNCNTWDyPp .sg-card--bordered .sg-card__price, .cc_b3eorip4_pjvQZHwoIL .sg-card--bordered .sg-card__price, .cc_b3eorip4_w7CvTcRh4c .sg-card--bordered .sg-card__price, .cc_b3eorip4_UhLTX2dZI2 .sg-card--bordered .sg-card__price, .cc_b3eorip4_ngaPfv6XFB .sg-card--bordered .sg-card__price, .cc_b3eorip4_GSLcXOoUJO .sg-card--bordered .sg-card__price { padding-top: 4px; }
.cc_b3eorip4_HoDHJ7pZso .sg-card--bordered .sg-card__badges, .cc_b3eorip4_Vg7eA5x36C .sg-card--bordered .sg-card__badges, .cc_b3eorip4_aIGCu2LKqJ .sg-card--bordered .sg-card__badges, .cc_b3eorip4_oNCNTWDyPp .sg-card--bordered .sg-card__badges, .cc_b3eorip4_pjvQZHwoIL .sg-card--bordered .sg-card__badges, .cc_b3eorip4_w7CvTcRh4c .sg-card--bordered .sg-card__badges, .cc_b3eorip4_UhLTX2dZI2 .sg-card--bordered .sg-card__badges, .cc_b3eorip4_ngaPfv6XFB .sg-card--bordered .sg-card__badges, .cc_b3eorip4_GSLcXOoUJO .sg-card--bordered .sg-card__badges { top: calc(var(--sg-card-pad) + 12px); left: calc(var(--sg-card-pad) + 12px); }
.cc_b3eorip4_HoDHJ7pZso .sg-card--bordered .sg-card__off, .cc_b3eorip4_Vg7eA5x36C .sg-card--bordered .sg-card__off, .cc_b3eorip4_aIGCu2LKqJ .sg-card--bordered .sg-card__off, .cc_b3eorip4_oNCNTWDyPp .sg-card--bordered .sg-card__off, .cc_b3eorip4_pjvQZHwoIL .sg-card--bordered .sg-card__off, .cc_b3eorip4_w7CvTcRh4c .sg-card--bordered .sg-card__off, .cc_b3eorip4_UhLTX2dZI2 .sg-card--bordered .sg-card__off, .cc_b3eorip4_ngaPfv6XFB .sg-card--bordered .sg-card__off, .cc_b3eorip4_GSLcXOoUJO .sg-card--bordered .sg-card__off { top: calc(var(--sg-card-pad) + 10px); right: calc(var(--sg-card-pad) + 10px); }
/* keyboard focus only: a tapped heart/swatch must not leave the border darkened */
.cc_b3eorip4_HoDHJ7pZso .sg-card--bordered:has(:focus-visible), .cc_b3eorip4_Vg7eA5x36C .sg-card--bordered:has(:focus-visible), .cc_b3eorip4_aIGCu2LKqJ .sg-card--bordered:has(:focus-visible), .cc_b3eorip4_oNCNTWDyPp .sg-card--bordered:has(:focus-visible), .cc_b3eorip4_pjvQZHwoIL .sg-card--bordered:has(:focus-visible), .cc_b3eorip4_w7CvTcRh4c .sg-card--bordered:has(:focus-visible), .cc_b3eorip4_UhLTX2dZI2 .sg-card--bordered:has(:focus-visible), .cc_b3eorip4_ngaPfv6XFB .sg-card--bordered:has(:focus-visible), .cc_b3eorip4_GSLcXOoUJO .sg-card--bordered:has(:focus-visible) { border-color: color-mix(in srgb, var(--sg-ink) 22%, var(--sg-line)); }
@media (hover: hover) {
  .cc_b3eorip4_HoDHJ7pZso .sg-card--bordered:hover, .cc_b3eorip4_Vg7eA5x36C .sg-card--bordered:hover, .cc_b3eorip4_aIGCu2LKqJ .sg-card--bordered:hover, .cc_b3eorip4_oNCNTWDyPp .sg-card--bordered:hover, .cc_b3eorip4_pjvQZHwoIL .sg-card--bordered:hover, .cc_b3eorip4_w7CvTcRh4c .sg-card--bordered:hover, .cc_b3eorip4_UhLTX2dZI2 .sg-card--bordered:hover, .cc_b3eorip4_ngaPfv6XFB .sg-card--bordered:hover, .cc_b3eorip4_GSLcXOoUJO .sg-card--bordered:hover { border-color: color-mix(in srgb, var(--sg-ink) 22%, var(--sg-line)); }
  /* lift: the shadow belongs to the tile, not to the image inside it */
  .cc_b3eorip4_HoDHJ7pZso .sg-card--bordered.sg-card--hover-lift:hover, .cc_b3eorip4_Vg7eA5x36C .sg-card--bordered.sg-card--hover-lift:hover, .cc_b3eorip4_aIGCu2LKqJ .sg-card--bordered.sg-card--hover-lift:hover, .cc_b3eorip4_oNCNTWDyPp .sg-card--bordered.sg-card--hover-lift:hover, .cc_b3eorip4_pjvQZHwoIL .sg-card--bordered.sg-card--hover-lift:hover, .cc_b3eorip4_w7CvTcRh4c .sg-card--bordered.sg-card--hover-lift:hover, .cc_b3eorip4_UhLTX2dZI2 .sg-card--bordered.sg-card--hover-lift:hover, .cc_b3eorip4_ngaPfv6XFB .sg-card--bordered.sg-card--hover-lift:hover, .cc_b3eorip4_GSLcXOoUJO .sg-card--bordered.sg-card--hover-lift:hover { box-shadow: var(--sg-shadow-1); }
  .cc_b3eorip4_HoDHJ7pZso .sg-card--bordered.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_Vg7eA5x36C .sg-card--bordered.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_aIGCu2LKqJ .sg-card--bordered.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_oNCNTWDyPp .sg-card--bordered.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_pjvQZHwoIL .sg-card--bordered.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_w7CvTcRh4c .sg-card--bordered.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_UhLTX2dZI2 .sg-card--bordered.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_ngaPfv6XFB .sg-card--bordered.sg-card--hover-lift:hover .sg-card__media, .cc_b3eorip4_GSLcXOoUJO .sg-card--bordered.sg-card--hover-lift:hover .sg-card__media { box-shadow: none; }
}
@media (max-width: 767px) {
  /* narrow 2-column phones: give the text more of the tile */
  .cc_b3eorip4_HoDHJ7pZso .sg-card--bordered, .cc_b3eorip4_Vg7eA5x36C .sg-card--bordered, .cc_b3eorip4_aIGCu2LKqJ .sg-card--bordered, .cc_b3eorip4_oNCNTWDyPp .sg-card--bordered, .cc_b3eorip4_pjvQZHwoIL .sg-card--bordered, .cc_b3eorip4_w7CvTcRh4c .sg-card--bordered, .cc_b3eorip4_UhLTX2dZI2 .sg-card--bordered, .cc_b3eorip4_ngaPfv6XFB .sg-card--bordered, .cc_b3eorip4_GSLcXOoUJO .sg-card--bordered { --sg-card-pad: 8px; border-radius: calc(var(--sg-r-media) + 2px); }
  .cc_b3eorip4_HoDHJ7pZso .sg-card--bordered .sg-card__body, .cc_b3eorip4_Vg7eA5x36C .sg-card--bordered .sg-card__body, .cc_b3eorip4_aIGCu2LKqJ .sg-card--bordered .sg-card__body, .cc_b3eorip4_oNCNTWDyPp .sg-card--bordered .sg-card__body, .cc_b3eorip4_pjvQZHwoIL .sg-card--bordered .sg-card__body, .cc_b3eorip4_w7CvTcRh4c .sg-card--bordered .sg-card__body, .cc_b3eorip4_UhLTX2dZI2 .sg-card--bordered .sg-card__body, .cc_b3eorip4_ngaPfv6XFB .sg-card--bordered .sg-card__body, .cc_b3eorip4_GSLcXOoUJO .sg-card--bordered .sg-card__body { padding: 10px 2px 2px; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card--bordered .sg-card__name, .cc_b3eorip4_Vg7eA5x36C .sg-card--bordered .sg-card__name, .cc_b3eorip4_aIGCu2LKqJ .sg-card--bordered .sg-card__name, .cc_b3eorip4_oNCNTWDyPp .sg-card--bordered .sg-card__name, .cc_b3eorip4_pjvQZHwoIL .sg-card--bordered .sg-card__name, .cc_b3eorip4_w7CvTcRh4c .sg-card--bordered .sg-card__name, .cc_b3eorip4_UhLTX2dZI2 .sg-card--bordered .sg-card__name, .cc_b3eorip4_ngaPfv6XFB .sg-card--bordered .sg-card__name, .cc_b3eorip4_GSLcXOoUJO .sg-card--bordered .sg-card__name { font-size: 13.5px; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card--bordered .sg-card__badges, .cc_b3eorip4_Vg7eA5x36C .sg-card--bordered .sg-card__badges, .cc_b3eorip4_aIGCu2LKqJ .sg-card--bordered .sg-card__badges, .cc_b3eorip4_oNCNTWDyPp .sg-card--bordered .sg-card__badges, .cc_b3eorip4_pjvQZHwoIL .sg-card--bordered .sg-card__badges, .cc_b3eorip4_w7CvTcRh4c .sg-card--bordered .sg-card__badges, .cc_b3eorip4_UhLTX2dZI2 .sg-card--bordered .sg-card__badges, .cc_b3eorip4_ngaPfv6XFB .sg-card--bordered .sg-card__badges, .cc_b3eorip4_GSLcXOoUJO .sg-card--bordered .sg-card__badges { top: calc(var(--sg-card-pad) + 8px); left: calc(var(--sg-card-pad) + 8px); }
  .cc_b3eorip4_HoDHJ7pZso .sg-card--bordered .sg-card__off, .cc_b3eorip4_Vg7eA5x36C .sg-card--bordered .sg-card__off, .cc_b3eorip4_aIGCu2LKqJ .sg-card--bordered .sg-card__off, .cc_b3eorip4_oNCNTWDyPp .sg-card--bordered .sg-card__off, .cc_b3eorip4_pjvQZHwoIL .sg-card--bordered .sg-card__off, .cc_b3eorip4_w7CvTcRh4c .sg-card--bordered .sg-card__off, .cc_b3eorip4_UhLTX2dZI2 .sg-card--bordered .sg-card__off, .cc_b3eorip4_ngaPfv6XFB .sg-card--bordered .sg-card__off, .cc_b3eorip4_GSLcXOoUJO .sg-card--bordered .sg-card__off { top: calc(var(--sg-card-pad) + 8px); right: calc(var(--sg-card-pad) + 8px); }
}

/* ---------- overlay: info sits on the image ---------- */
.cc_b3eorip4_HoDHJ7pZso .sg-card--overlay .sg-card__media::after, .cc_b3eorip4_Vg7eA5x36C .sg-card--overlay .sg-card__media::after, .cc_b3eorip4_aIGCu2LKqJ .sg-card--overlay .sg-card__media::after, .cc_b3eorip4_oNCNTWDyPp .sg-card--overlay .sg-card__media::after, .cc_b3eorip4_pjvQZHwoIL .sg-card--overlay .sg-card__media::after, .cc_b3eorip4_w7CvTcRh4c .sg-card--overlay .sg-card__media::after, .cc_b3eorip4_UhLTX2dZI2 .sg-card--overlay .sg-card__media::after, .cc_b3eorip4_ngaPfv6XFB .sg-card--overlay .sg-card__media::after, .cc_b3eorip4_GSLcXOoUJO .sg-card--overlay .sg-card__media::after {
  content: ""; position: absolute; inset: 45% 0 0; z-index: 1; pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.62));
}
.cc_b3eorip4_HoDHJ7pZso .sg-card--overlay .sg-card__body, .cc_b3eorip4_Vg7eA5x36C .sg-card--overlay .sg-card__body, .cc_b3eorip4_aIGCu2LKqJ .sg-card--overlay .sg-card__body, .cc_b3eorip4_oNCNTWDyPp .sg-card--overlay .sg-card__body, .cc_b3eorip4_pjvQZHwoIL .sg-card--overlay .sg-card__body, .cc_b3eorip4_w7CvTcRh4c .sg-card--overlay .sg-card__body, .cc_b3eorip4_UhLTX2dZI2 .sg-card--overlay .sg-card__body, .cc_b3eorip4_ngaPfv6XFB .sg-card--overlay .sg-card__body, .cc_b3eorip4_GSLcXOoUJO .sg-card--overlay .sg-card__body {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 16px; color: #fff; pointer-events: none;
}
.cc_b3eorip4_HoDHJ7pZso .sg-card--overlay .sg-card__body a, .cc_b3eorip4_Vg7eA5x36C .sg-card--overlay .sg-card__body a, .cc_b3eorip4_aIGCu2LKqJ .sg-card--overlay .sg-card__body a, .cc_b3eorip4_oNCNTWDyPp .sg-card--overlay .sg-card__body a, .cc_b3eorip4_pjvQZHwoIL .sg-card--overlay .sg-card__body a, .cc_b3eorip4_w7CvTcRh4c .sg-card--overlay .sg-card__body a, .cc_b3eorip4_UhLTX2dZI2 .sg-card--overlay .sg-card__body a, .cc_b3eorip4_ngaPfv6XFB .sg-card--overlay .sg-card__body a, .cc_b3eorip4_GSLcXOoUJO .sg-card--overlay .sg-card__body a, .cc_b3eorip4_HoDHJ7pZso .sg-card--overlay .sg-card__body button, .cc_b3eorip4_Vg7eA5x36C .sg-card--overlay .sg-card__body button, .cc_b3eorip4_aIGCu2LKqJ .sg-card--overlay .sg-card__body button, .cc_b3eorip4_oNCNTWDyPp .sg-card--overlay .sg-card__body button, .cc_b3eorip4_pjvQZHwoIL .sg-card--overlay .sg-card__body button, .cc_b3eorip4_w7CvTcRh4c .sg-card--overlay .sg-card__body button, .cc_b3eorip4_UhLTX2dZI2 .sg-card--overlay .sg-card__body button, .cc_b3eorip4_ngaPfv6XFB .sg-card--overlay .sg-card__body button, .cc_b3eorip4_GSLcXOoUJO .sg-card--overlay .sg-card__body button { pointer-events: auto; }
.cc_b3eorip4_HoDHJ7pZso .sg-card--overlay .sg-card__now, .cc_b3eorip4_Vg7eA5x36C .sg-card--overlay .sg-card__now, .cc_b3eorip4_aIGCu2LKqJ .sg-card--overlay .sg-card__now, .cc_b3eorip4_oNCNTWDyPp .sg-card--overlay .sg-card__now, .cc_b3eorip4_pjvQZHwoIL .sg-card--overlay .sg-card__now, .cc_b3eorip4_w7CvTcRh4c .sg-card--overlay .sg-card__now, .cc_b3eorip4_UhLTX2dZI2 .sg-card--overlay .sg-card__now, .cc_b3eorip4_ngaPfv6XFB .sg-card--overlay .sg-card__now, .cc_b3eorip4_GSLcXOoUJO .sg-card--overlay .sg-card__now, .cc_b3eorip4_HoDHJ7pZso .sg-card--overlay .sg-card__brand, .cc_b3eorip4_Vg7eA5x36C .sg-card--overlay .sg-card__brand, .cc_b3eorip4_aIGCu2LKqJ .sg-card--overlay .sg-card__brand, .cc_b3eorip4_oNCNTWDyPp .sg-card--overlay .sg-card__brand, .cc_b3eorip4_pjvQZHwoIL .sg-card--overlay .sg-card__brand, .cc_b3eorip4_w7CvTcRh4c .sg-card--overlay .sg-card__brand, .cc_b3eorip4_UhLTX2dZI2 .sg-card--overlay .sg-card__brand, .cc_b3eorip4_ngaPfv6XFB .sg-card--overlay .sg-card__brand, .cc_b3eorip4_GSLcXOoUJO .sg-card--overlay .sg-card__brand, .cc_b3eorip4_HoDHJ7pZso .sg-card--overlay .sg-card__rating, .cc_b3eorip4_Vg7eA5x36C .sg-card--overlay .sg-card__rating, .cc_b3eorip4_aIGCu2LKqJ .sg-card--overlay .sg-card__rating, .cc_b3eorip4_oNCNTWDyPp .sg-card--overlay .sg-card__rating, .cc_b3eorip4_pjvQZHwoIL .sg-card--overlay .sg-card__rating, .cc_b3eorip4_w7CvTcRh4c .sg-card--overlay .sg-card__rating, .cc_b3eorip4_UhLTX2dZI2 .sg-card--overlay .sg-card__rating, .cc_b3eorip4_ngaPfv6XFB .sg-card--overlay .sg-card__rating, .cc_b3eorip4_GSLcXOoUJO .sg-card--overlay .sg-card__rating, .cc_b3eorip4_HoDHJ7pZso .sg-card--overlay .sg-card__ship, .cc_b3eorip4_Vg7eA5x36C .sg-card--overlay .sg-card__ship, .cc_b3eorip4_aIGCu2LKqJ .sg-card--overlay .sg-card__ship, .cc_b3eorip4_oNCNTWDyPp .sg-card--overlay .sg-card__ship, .cc_b3eorip4_pjvQZHwoIL .sg-card--overlay .sg-card__ship, .cc_b3eorip4_w7CvTcRh4c .sg-card--overlay .sg-card__ship, .cc_b3eorip4_UhLTX2dZI2 .sg-card--overlay .sg-card__ship, .cc_b3eorip4_ngaPfv6XFB .sg-card--overlay .sg-card__ship, .cc_b3eorip4_GSLcXOoUJO .sg-card--overlay .sg-card__ship { color: #fff; }
.cc_b3eorip4_HoDHJ7pZso .sg-card--overlay .sg-card__ship-icon, .cc_b3eorip4_Vg7eA5x36C .sg-card--overlay .sg-card__ship-icon, .cc_b3eorip4_aIGCu2LKqJ .sg-card--overlay .sg-card__ship-icon, .cc_b3eorip4_oNCNTWDyPp .sg-card--overlay .sg-card__ship-icon, .cc_b3eorip4_pjvQZHwoIL .sg-card--overlay .sg-card__ship-icon, .cc_b3eorip4_w7CvTcRh4c .sg-card--overlay .sg-card__ship-icon, .cc_b3eorip4_UhLTX2dZI2 .sg-card--overlay .sg-card__ship-icon, .cc_b3eorip4_ngaPfv6XFB .sg-card--overlay .sg-card__ship-icon, .cc_b3eorip4_GSLcXOoUJO .sg-card--overlay .sg-card__ship-icon { color: var(--sg-accent); }
.cc_b3eorip4_HoDHJ7pZso .sg-card--overlay .sg-card__old, .cc_b3eorip4_Vg7eA5x36C .sg-card--overlay .sg-card__old, .cc_b3eorip4_aIGCu2LKqJ .sg-card--overlay .sg-card__old, .cc_b3eorip4_oNCNTWDyPp .sg-card--overlay .sg-card__old, .cc_b3eorip4_pjvQZHwoIL .sg-card--overlay .sg-card__old, .cc_b3eorip4_w7CvTcRh4c .sg-card--overlay .sg-card__old, .cc_b3eorip4_UhLTX2dZI2 .sg-card--overlay .sg-card__old, .cc_b3eorip4_ngaPfv6XFB .sg-card--overlay .sg-card__old, .cc_b3eorip4_GSLcXOoUJO .sg-card--overlay .sg-card__old { color: rgba(255, 255, 255, 0.7); }

/* ---------- quick-add placement (inside the image, bottom) ---------- */
.cc_b3eorip4_HoDHJ7pZso .sg-card, .cc_b3eorip4_Vg7eA5x36C .sg-card, .cc_b3eorip4_aIGCu2LKqJ .sg-card, .cc_b3eorip4_oNCNTWDyPp .sg-card, .cc_b3eorip4_pjvQZHwoIL .sg-card, .cc_b3eorip4_w7CvTcRh4c .sg-card, .cc_b3eorip4_UhLTX2dZI2 .sg-card, .cc_b3eorip4_ngaPfv6XFB .sg-card, .cc_b3eorip4_GSLcXOoUJO .sg-card { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr; }
.cc_b3eorip4_HoDHJ7pZso .sg-card > .sg-card__media, .cc_b3eorip4_Vg7eA5x36C .sg-card > .sg-card__media, .cc_b3eorip4_aIGCu2LKqJ .sg-card > .sg-card__media, .cc_b3eorip4_oNCNTWDyPp .sg-card > .sg-card__media, .cc_b3eorip4_pjvQZHwoIL .sg-card > .sg-card__media, .cc_b3eorip4_w7CvTcRh4c .sg-card > .sg-card__media, .cc_b3eorip4_UhLTX2dZI2 .sg-card > .sg-card__media, .cc_b3eorip4_ngaPfv6XFB .sg-card > .sg-card__media, .cc_b3eorip4_GSLcXOoUJO .sg-card > .sg-card__media { grid-row: 1; grid-column: 1; }
.cc_b3eorip4_HoDHJ7pZso .sg-card > .sg-card__add, .cc_b3eorip4_Vg7eA5x36C .sg-card > .sg-card__add, .cc_b3eorip4_aIGCu2LKqJ .sg-card > .sg-card__add, .cc_b3eorip4_oNCNTWDyPp .sg-card > .sg-card__add, .cc_b3eorip4_pjvQZHwoIL .sg-card > .sg-card__add, .cc_b3eorip4_w7CvTcRh4c .sg-card > .sg-card__add, .cc_b3eorip4_UhLTX2dZI2 .sg-card > .sg-card__add, .cc_b3eorip4_ngaPfv6XFB .sg-card > .sg-card__add, .cc_b3eorip4_GSLcXOoUJO .sg-card > .sg-card__add { position: relative; grid-row: 1; grid-column: 1; align-self: end; margin: 0 10px 10px; }
.cc_b3eorip4_HoDHJ7pZso .sg-card > .sg-card__body, .cc_b3eorip4_Vg7eA5x36C .sg-card > .sg-card__body, .cc_b3eorip4_aIGCu2LKqJ .sg-card > .sg-card__body, .cc_b3eorip4_oNCNTWDyPp .sg-card > .sg-card__body, .cc_b3eorip4_pjvQZHwoIL .sg-card > .sg-card__body, .cc_b3eorip4_w7CvTcRh4c .sg-card > .sg-card__body, .cc_b3eorip4_UhLTX2dZI2 .sg-card > .sg-card__body, .cc_b3eorip4_ngaPfv6XFB .sg-card > .sg-card__body, .cc_b3eorip4_GSLcXOoUJO .sg-card > .sg-card__body { grid-row: 2; grid-column: 1; }
.cc_b3eorip4_HoDHJ7pZso .sg-card--bordered > .sg-card__add, .cc_b3eorip4_Vg7eA5x36C .sg-card--bordered > .sg-card__add, .cc_b3eorip4_aIGCu2LKqJ .sg-card--bordered > .sg-card__add, .cc_b3eorip4_oNCNTWDyPp .sg-card--bordered > .sg-card__add, .cc_b3eorip4_pjvQZHwoIL .sg-card--bordered > .sg-card__add, .cc_b3eorip4_w7CvTcRh4c .sg-card--bordered > .sg-card__add, .cc_b3eorip4_UhLTX2dZI2 .sg-card--bordered > .sg-card__add, .cc_b3eorip4_ngaPfv6XFB .sg-card--bordered > .sg-card__add, .cc_b3eorip4_GSLcXOoUJO .sg-card--bordered > .sg-card__add { margin: 0 10px 10px; }
/* overlay: the text covers the photo's bottom, so the buttons share a row under the
   top-corner stickers (NEW, discount box) instead of covering them */
.cc_b3eorip4_HoDHJ7pZso .sg-card--overlay > .sg-card__add, .cc_b3eorip4_Vg7eA5x36C .sg-card--overlay > .sg-card__add, .cc_b3eorip4_aIGCu2LKqJ .sg-card--overlay > .sg-card__add, .cc_b3eorip4_oNCNTWDyPp .sg-card--overlay > .sg-card__add, .cc_b3eorip4_pjvQZHwoIL .sg-card--overlay > .sg-card__add, .cc_b3eorip4_w7CvTcRh4c .sg-card--overlay > .sg-card__add, .cc_b3eorip4_UhLTX2dZI2 .sg-card--overlay > .sg-card__add, .cc_b3eorip4_ngaPfv6XFB .sg-card--overlay > .sg-card__add, .cc_b3eorip4_GSLcXOoUJO .sg-card--overlay > .sg-card__add { align-self: start; margin-top: 74px; margin-inline: 10px; width: auto; }
/* favourite: bottom-right corner of the photo, centred on the quick add's row, which leaves
   it room (overlay: on the right of that sticker-free top row) */
.cc_b3eorip4_HoDHJ7pZso .sg-card > .sg-card__fav, .cc_b3eorip4_Vg7eA5x36C .sg-card > .sg-card__fav, .cc_b3eorip4_aIGCu2LKqJ .sg-card > .sg-card__fav, .cc_b3eorip4_oNCNTWDyPp .sg-card > .sg-card__fav, .cc_b3eorip4_pjvQZHwoIL .sg-card > .sg-card__fav, .cc_b3eorip4_w7CvTcRh4c .sg-card > .sg-card__fav, .cc_b3eorip4_UhLTX2dZI2 .sg-card > .sg-card__fav, .cc_b3eorip4_ngaPfv6XFB .sg-card > .sg-card__fav, .cc_b3eorip4_GSLcXOoUJO .sg-card > .sg-card__fav { grid-row: 1; grid-column: 1; align-self: end; justify-self: end; margin: 0 10px 12px 0; }
.cc_b3eorip4_HoDHJ7pZso .sg-card--overlay > .sg-card__fav, .cc_b3eorip4_Vg7eA5x36C .sg-card--overlay > .sg-card__fav, .cc_b3eorip4_aIGCu2LKqJ .sg-card--overlay > .sg-card__fav, .cc_b3eorip4_oNCNTWDyPp .sg-card--overlay > .sg-card__fav, .cc_b3eorip4_pjvQZHwoIL .sg-card--overlay > .sg-card__fav, .cc_b3eorip4_w7CvTcRh4c .sg-card--overlay > .sg-card__fav, .cc_b3eorip4_UhLTX2dZI2 .sg-card--overlay > .sg-card__fav, .cc_b3eorip4_ngaPfv6XFB .sg-card--overlay > .sg-card__fav, .cc_b3eorip4_GSLcXOoUJO .sg-card--overlay > .sg-card__fav { align-self: start; margin: 76px 10px 0 0; }
.cc_b3eorip4_HoDHJ7pZso .sg-card.has-fav > .sg-card__add, .cc_b3eorip4_Vg7eA5x36C .sg-card.has-fav > .sg-card__add, .cc_b3eorip4_aIGCu2LKqJ .sg-card.has-fav > .sg-card__add, .cc_b3eorip4_oNCNTWDyPp .sg-card.has-fav > .sg-card__add, .cc_b3eorip4_pjvQZHwoIL .sg-card.has-fav > .sg-card__add, .cc_b3eorip4_w7CvTcRh4c .sg-card.has-fav > .sg-card__add, .cc_b3eorip4_UhLTX2dZI2 .sg-card.has-fav > .sg-card__add, .cc_b3eorip4_ngaPfv6XFB .sg-card.has-fav > .sg-card__add, .cc_b3eorip4_GSLcXOoUJO .sg-card.has-fav > .sg-card__add { margin-right: calc(10px + 40px + 8px); }
/* the low-stock strip owns the photo's bottom edge: the buttons ride above it */
.cc_b3eorip4_HoDHJ7pZso .sg-card.has-low > .sg-card__add, .cc_b3eorip4_Vg7eA5x36C .sg-card.has-low > .sg-card__add, .cc_b3eorip4_aIGCu2LKqJ .sg-card.has-low > .sg-card__add, .cc_b3eorip4_oNCNTWDyPp .sg-card.has-low > .sg-card__add, .cc_b3eorip4_pjvQZHwoIL .sg-card.has-low > .sg-card__add, .cc_b3eorip4_w7CvTcRh4c .sg-card.has-low > .sg-card__add, .cc_b3eorip4_UhLTX2dZI2 .sg-card.has-low > .sg-card__add, .cc_b3eorip4_ngaPfv6XFB .sg-card.has-low > .sg-card__add, .cc_b3eorip4_GSLcXOoUJO .sg-card.has-low > .sg-card__add { margin-bottom: calc(var(--sg-card-low-h) + 10px); }
.cc_b3eorip4_HoDHJ7pZso .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_Vg7eA5x36C .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_aIGCu2LKqJ .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_oNCNTWDyPp .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_pjvQZHwoIL .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_w7CvTcRh4c .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_UhLTX2dZI2 .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_ngaPfv6XFB .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_GSLcXOoUJO .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav { margin-bottom: calc(var(--sg-card-low-h) + 12px); }
@media (hover: hover) {
  .cc_b3eorip4_HoDHJ7pZso .sg-card > .sg-card__add, .cc_b3eorip4_Vg7eA5x36C .sg-card > .sg-card__add, .cc_b3eorip4_aIGCu2LKqJ .sg-card > .sg-card__add, .cc_b3eorip4_oNCNTWDyPp .sg-card > .sg-card__add, .cc_b3eorip4_pjvQZHwoIL .sg-card > .sg-card__add, .cc_b3eorip4_w7CvTcRh4c .sg-card > .sg-card__add, .cc_b3eorip4_UhLTX2dZI2 .sg-card > .sg-card__add, .cc_b3eorip4_ngaPfv6XFB .sg-card > .sg-card__add, .cc_b3eorip4_GSLcXOoUJO .sg-card > .sg-card__add { opacity: 0; transform: translateY(12px); }
  .cc_b3eorip4_HoDHJ7pZso .sg-card:hover > .sg-card__add, .cc_b3eorip4_Vg7eA5x36C .sg-card:hover > .sg-card__add, .cc_b3eorip4_aIGCu2LKqJ .sg-card:hover > .sg-card__add, .cc_b3eorip4_oNCNTWDyPp .sg-card:hover > .sg-card__add, .cc_b3eorip4_pjvQZHwoIL .sg-card:hover > .sg-card__add, .cc_b3eorip4_w7CvTcRh4c .sg-card:hover > .sg-card__add, .cc_b3eorip4_UhLTX2dZI2 .sg-card:hover > .sg-card__add, .cc_b3eorip4_ngaPfv6XFB .sg-card:hover > .sg-card__add, .cc_b3eorip4_GSLcXOoUJO .sg-card:hover > .sg-card__add, .cc_b3eorip4_HoDHJ7pZso .sg-card > .sg-card__add:focus-visible, .cc_b3eorip4_Vg7eA5x36C .sg-card > .sg-card__add:focus-visible, .cc_b3eorip4_aIGCu2LKqJ .sg-card > .sg-card__add:focus-visible, .cc_b3eorip4_oNCNTWDyPp .sg-card > .sg-card__add:focus-visible, .cc_b3eorip4_pjvQZHwoIL .sg-card > .sg-card__add:focus-visible, .cc_b3eorip4_w7CvTcRh4c .sg-card > .sg-card__add:focus-visible, .cc_b3eorip4_UhLTX2dZI2 .sg-card > .sg-card__add:focus-visible, .cc_b3eorip4_ngaPfv6XFB .sg-card > .sg-card__add:focus-visible, .cc_b3eorip4_GSLcXOoUJO .sg-card > .sg-card__add:focus-visible, .cc_b3eorip4_HoDHJ7pZso .sg-card > .sg-card__add.is-added, .cc_b3eorip4_Vg7eA5x36C .sg-card > .sg-card__add.is-added, .cc_b3eorip4_aIGCu2LKqJ .sg-card > .sg-card__add.is-added, .cc_b3eorip4_oNCNTWDyPp .sg-card > .sg-card__add.is-added, .cc_b3eorip4_pjvQZHwoIL .sg-card > .sg-card__add.is-added, .cc_b3eorip4_w7CvTcRh4c .sg-card > .sg-card__add.is-added, .cc_b3eorip4_UhLTX2dZI2 .sg-card > .sg-card__add.is-added, .cc_b3eorip4_ngaPfv6XFB .sg-card > .sg-card__add.is-added, .cc_b3eorip4_GSLcXOoUJO .sg-card > .sg-card__add.is-added { opacity: 1; transform: none; }
}
@media (hover: none), (max-width: 767px) {
  .cc_b3eorip4_HoDHJ7pZso .sg-card > .sg-card__add, .cc_b3eorip4_Vg7eA5x36C .sg-card > .sg-card__add, .cc_b3eorip4_aIGCu2LKqJ .sg-card > .sg-card__add, .cc_b3eorip4_oNCNTWDyPp .sg-card > .sg-card__add, .cc_b3eorip4_pjvQZHwoIL .sg-card > .sg-card__add, .cc_b3eorip4_w7CvTcRh4c .sg-card > .sg-card__add, .cc_b3eorip4_UhLTX2dZI2 .sg-card > .sg-card__add, .cc_b3eorip4_ngaPfv6XFB .sg-card > .sg-card__add, .cc_b3eorip4_GSLcXOoUJO .sg-card > .sg-card__add { min-height: 38px; padding: 0 10px; font-size: 12px; margin: 0 8px 8px; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card > .sg-card__fav, .cc_b3eorip4_Vg7eA5x36C .sg-card > .sg-card__fav, .cc_b3eorip4_aIGCu2LKqJ .sg-card > .sg-card__fav, .cc_b3eorip4_oNCNTWDyPp .sg-card > .sg-card__fav, .cc_b3eorip4_pjvQZHwoIL .sg-card > .sg-card__fav, .cc_b3eorip4_w7CvTcRh4c .sg-card > .sg-card__fav, .cc_b3eorip4_UhLTX2dZI2 .sg-card > .sg-card__fav, .cc_b3eorip4_ngaPfv6XFB .sg-card > .sg-card__fav, .cc_b3eorip4_GSLcXOoUJO .sg-card > .sg-card__fav { --sg-card-fav: 38px; margin: 0 8px 8px 0; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card--overlay > .sg-card__fav, .cc_b3eorip4_Vg7eA5x36C .sg-card--overlay > .sg-card__fav, .cc_b3eorip4_aIGCu2LKqJ .sg-card--overlay > .sg-card__fav, .cc_b3eorip4_oNCNTWDyPp .sg-card--overlay > .sg-card__fav, .cc_b3eorip4_pjvQZHwoIL .sg-card--overlay > .sg-card__fav, .cc_b3eorip4_w7CvTcRh4c .sg-card--overlay > .sg-card__fav, .cc_b3eorip4_UhLTX2dZI2 .sg-card--overlay > .sg-card__fav, .cc_b3eorip4_ngaPfv6XFB .sg-card--overlay > .sg-card__fav, .cc_b3eorip4_GSLcXOoUJO .sg-card--overlay > .sg-card__fav { margin: 60px 8px 0 0; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card.has-fav > .sg-card__add, .cc_b3eorip4_Vg7eA5x36C .sg-card.has-fav > .sg-card__add, .cc_b3eorip4_aIGCu2LKqJ .sg-card.has-fav > .sg-card__add, .cc_b3eorip4_oNCNTWDyPp .sg-card.has-fav > .sg-card__add, .cc_b3eorip4_pjvQZHwoIL .sg-card.has-fav > .sg-card__add, .cc_b3eorip4_w7CvTcRh4c .sg-card.has-fav > .sg-card__add, .cc_b3eorip4_UhLTX2dZI2 .sg-card.has-fav > .sg-card__add, .cc_b3eorip4_ngaPfv6XFB .sg-card.has-fav > .sg-card__add, .cc_b3eorip4_GSLcXOoUJO .sg-card.has-fav > .sg-card__add { margin-right: calc(8px + 38px + 6px); }
  .cc_b3eorip4_HoDHJ7pZso .sg-card.has-low > .sg-card__add, .cc_b3eorip4_Vg7eA5x36C .sg-card.has-low > .sg-card__add, .cc_b3eorip4_aIGCu2LKqJ .sg-card.has-low > .sg-card__add, .cc_b3eorip4_oNCNTWDyPp .sg-card.has-low > .sg-card__add, .cc_b3eorip4_pjvQZHwoIL .sg-card.has-low > .sg-card__add, .cc_b3eorip4_w7CvTcRh4c .sg-card.has-low > .sg-card__add, .cc_b3eorip4_UhLTX2dZI2 .sg-card.has-low > .sg-card__add, .cc_b3eorip4_ngaPfv6XFB .sg-card.has-low > .sg-card__add, .cc_b3eorip4_GSLcXOoUJO .sg-card.has-low > .sg-card__add { margin-bottom: calc(var(--sg-card-low-h) + 8px); }
  .cc_b3eorip4_HoDHJ7pZso .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_Vg7eA5x36C .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_aIGCu2LKqJ .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_oNCNTWDyPp .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_pjvQZHwoIL .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_w7CvTcRh4c .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_UhLTX2dZI2 .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_ngaPfv6XFB .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_GSLcXOoUJO .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav { margin-bottom: calc(var(--sg-card-low-h) + 8px); }
  .cc_b3eorip4_HoDHJ7pZso .sg-card > .sg-card__add span, .cc_b3eorip4_Vg7eA5x36C .sg-card > .sg-card__add span, .cc_b3eorip4_aIGCu2LKqJ .sg-card > .sg-card__add span, .cc_b3eorip4_oNCNTWDyPp .sg-card > .sg-card__add span, .cc_b3eorip4_pjvQZHwoIL .sg-card > .sg-card__add span, .cc_b3eorip4_w7CvTcRh4c .sg-card > .sg-card__add span, .cc_b3eorip4_UhLTX2dZI2 .sg-card > .sg-card__add span, .cc_b3eorip4_ngaPfv6XFB .sg-card > .sg-card__add span, .cc_b3eorip4_GSLcXOoUJO .sg-card > .sg-card__add span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card--overlay > .sg-card__add, .cc_b3eorip4_Vg7eA5x36C .sg-card--overlay > .sg-card__add, .cc_b3eorip4_aIGCu2LKqJ .sg-card--overlay > .sg-card__add, .cc_b3eorip4_oNCNTWDyPp .sg-card--overlay > .sg-card__add, .cc_b3eorip4_pjvQZHwoIL .sg-card--overlay > .sg-card__add, .cc_b3eorip4_w7CvTcRh4c .sg-card--overlay > .sg-card__add, .cc_b3eorip4_UhLTX2dZI2 .sg-card--overlay > .sg-card__add, .cc_b3eorip4_ngaPfv6XFB .sg-card--overlay > .sg-card__add, .cc_b3eorip4_GSLcXOoUJO .sg-card--overlay > .sg-card__add { display: none; }
}
/* Narrow cards (2 phone columns, sidebar + many columns): next to the heart a label button
   would show "Seç…" — the quick add becomes a round icon button beside it instead. The
   label stays in the button for screen readers. */
@container sg-card (max-width: 229px) {
  .cc_b3eorip4_HoDHJ7pZso .sg-card > *, .cc_b3eorip4_Vg7eA5x36C .sg-card > *, .cc_b3eorip4_aIGCu2LKqJ .sg-card > *, .cc_b3eorip4_oNCNTWDyPp .sg-card > *, .cc_b3eorip4_pjvQZHwoIL .sg-card > *, .cc_b3eorip4_w7CvTcRh4c .sg-card > *, .cc_b3eorip4_UhLTX2dZI2 .sg-card > *, .cc_b3eorip4_ngaPfv6XFB .sg-card > *, .cc_b3eorip4_GSLcXOoUJO .sg-card > * { --sg-card-low-h: 22px; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card__low, .cc_b3eorip4_Vg7eA5x36C .sg-card__low, .cc_b3eorip4_aIGCu2LKqJ .sg-card__low, .cc_b3eorip4_oNCNTWDyPp .sg-card__low, .cc_b3eorip4_pjvQZHwoIL .sg-card__low, .cc_b3eorip4_w7CvTcRh4c .sg-card__low, .cc_b3eorip4_UhLTX2dZI2 .sg-card__low, .cc_b3eorip4_ngaPfv6XFB .sg-card__low, .cc_b3eorip4_GSLcXOoUJO .sg-card__low { font-size: 11px; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_Vg7eA5x36C .sg-card:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_aIGCu2LKqJ .sg-card:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_oNCNTWDyPp .sg-card:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_pjvQZHwoIL .sg-card:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_w7CvTcRh4c .sg-card:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_UhLTX2dZI2 .sg-card:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_ngaPfv6XFB .sg-card:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_GSLcXOoUJO .sg-card:not(.sg-card--overlay) > .sg-card__add {
    justify-self: end; width: 38px; height: 38px; min-height: 38px; padding: 0; gap: 0;
    border-radius: 50%; margin: 0 8px 8px 0;
  }
  .cc_b3eorip4_HoDHJ7pZso .sg-card:not(.sg-card--overlay) > .sg-card__add > span:not(.sg-spinner), .cc_b3eorip4_Vg7eA5x36C .sg-card:not(.sg-card--overlay) > .sg-card__add > span:not(.sg-spinner), .cc_b3eorip4_aIGCu2LKqJ .sg-card:not(.sg-card--overlay) > .sg-card__add > span:not(.sg-spinner), .cc_b3eorip4_oNCNTWDyPp .sg-card:not(.sg-card--overlay) > .sg-card__add > span:not(.sg-spinner), .cc_b3eorip4_pjvQZHwoIL .sg-card:not(.sg-card--overlay) > .sg-card__add > span:not(.sg-spinner), .cc_b3eorip4_w7CvTcRh4c .sg-card:not(.sg-card--overlay) > .sg-card__add > span:not(.sg-spinner), .cc_b3eorip4_UhLTX2dZI2 .sg-card:not(.sg-card--overlay) > .sg-card__add > span:not(.sg-spinner), .cc_b3eorip4_ngaPfv6XFB .sg-card:not(.sg-card--overlay) > .sg-card__add > span:not(.sg-spinner), .cc_b3eorip4_GSLcXOoUJO .sg-card:not(.sg-card--overlay) > .sg-card__add > span:not(.sg-spinner) {
    position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
  }
  .cc_b3eorip4_HoDHJ7pZso .sg-card > .sg-card__fav, .cc_b3eorip4_Vg7eA5x36C .sg-card > .sg-card__fav, .cc_b3eorip4_aIGCu2LKqJ .sg-card > .sg-card__fav, .cc_b3eorip4_oNCNTWDyPp .sg-card > .sg-card__fav, .cc_b3eorip4_pjvQZHwoIL .sg-card > .sg-card__fav, .cc_b3eorip4_w7CvTcRh4c .sg-card > .sg-card__fav, .cc_b3eorip4_UhLTX2dZI2 .sg-card > .sg-card__fav, .cc_b3eorip4_ngaPfv6XFB .sg-card > .sg-card__fav, .cc_b3eorip4_GSLcXOoUJO .sg-card > .sg-card__fav { --sg-card-fav: 38px; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_Vg7eA5x36C .sg-card:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_aIGCu2LKqJ .sg-card:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_oNCNTWDyPp .sg-card:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_pjvQZHwoIL .sg-card:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_w7CvTcRh4c .sg-card:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_UhLTX2dZI2 .sg-card:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_ngaPfv6XFB .sg-card:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_GSLcXOoUJO .sg-card:not(.sg-card--overlay) > .sg-card__fav { margin: 0 8px 8px 0; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card.has-fav:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_Vg7eA5x36C .sg-card.has-fav:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_aIGCu2LKqJ .sg-card.has-fav:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_oNCNTWDyPp .sg-card.has-fav:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_pjvQZHwoIL .sg-card.has-fav:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_w7CvTcRh4c .sg-card.has-fav:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_UhLTX2dZI2 .sg-card.has-fav:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_ngaPfv6XFB .sg-card.has-fav:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_GSLcXOoUJO .sg-card.has-fav:not(.sg-card--overlay) > .sg-card__add { margin-right: calc(8px + 38px + 6px); }
  .cc_b3eorip4_HoDHJ7pZso .sg-card.has-low:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_Vg7eA5x36C .sg-card.has-low:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_aIGCu2LKqJ .sg-card.has-low:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_oNCNTWDyPp .sg-card.has-low:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_pjvQZHwoIL .sg-card.has-low:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_w7CvTcRh4c .sg-card.has-low:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_UhLTX2dZI2 .sg-card.has-low:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_ngaPfv6XFB .sg-card.has-low:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_GSLcXOoUJO .sg-card.has-low:not(.sg-card--overlay) > .sg-card__add, .cc_b3eorip4_HoDHJ7pZso .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_Vg7eA5x36C .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_aIGCu2LKqJ .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_oNCNTWDyPp .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_pjvQZHwoIL .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_w7CvTcRh4c .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_UhLTX2dZI2 .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_ngaPfv6XFB .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav, .cc_b3eorip4_GSLcXOoUJO .sg-card.has-low:not(.sg-card--overlay) > .sg-card__fav { margin-bottom: calc(var(--sg-card-low-h) + 8px); }
}

/* ---------- add button under the price (category listing: always visible) ----------
   A theme .sg-btn stretched over the card body. It follows the price, which the body
   pins to the card's bottom edge, so the buttons of a grid row share one baseline.
   The label may wrap to two lines inside the fixed minimum height (narrow phone cards),
   so every button of a row keeps the same height and the prices above stay aligned. */
.cc_b3eorip4_HoDHJ7pZso .sg-card__cta, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta {
  position: relative; z-index: 2; /* above the whole-card link layer */
  align-self: stretch;
  min-height: 44px; margin-top: 12px; padding: 6px 14px; gap: 8px;
  border-radius: var(--sg-r-btn);
  font-size: 13.5px; letter-spacing: 0.01em; white-space: normal;
}
.cc_b3eorip4_HoDHJ7pZso .sg-card__cta-icon, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta-icon, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta-icon, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta-icon, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta-icon, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta-icon, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta-icon, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta-icon, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta-icon { flex: none; }
.cc_b3eorip4_HoDHJ7pZso .sg-card__cta .sg-spinner, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta .sg-spinner, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta .sg-spinner, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta .sg-spinner, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta .sg-spinner, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta .sg-spinner, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta .sg-spinner, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta .sg-spinner, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta .sg-spinner { width: 16px; height: 16px; }
/* whole words: a word is only split when it is wider than the whole label on its own */
.cc_b3eorip4_HoDHJ7pZso .sg-card__cta-label, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta-label, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta-label, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta-label, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta-label, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta-label, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta-label, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta-label, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta-label {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
  min-width: 0; line-height: 1.15; text-align: center; overflow-wrap: break-word;
}
.cc_b3eorip4_HoDHJ7pZso .sg-card__cta[aria-busy="true"], .cc_b3eorip4_Vg7eA5x36C .sg-card__cta[aria-busy="true"], .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta[aria-busy="true"], .cc_b3eorip4_oNCNTWDyPp .sg-card__cta[aria-busy="true"], .cc_b3eorip4_pjvQZHwoIL .sg-card__cta[aria-busy="true"], .cc_b3eorip4_w7CvTcRh4c .sg-card__cta[aria-busy="true"], .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta[aria-busy="true"], .cc_b3eorip4_ngaPfv6XFB .sg-card__cta[aria-busy="true"], .cc_b3eorip4_GSLcXOoUJO .sg-card__cta[aria-busy="true"] { cursor: progress; }
.cc_b3eorip4_HoDHJ7pZso .sg-card__cta[aria-busy="true"] .sg-card__cta-label, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta[aria-busy="true"] .sg-card__cta-label, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta[aria-busy="true"] .sg-card__cta-label, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta[aria-busy="true"] .sg-card__cta-label, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta[aria-busy="true"] .sg-card__cta-label, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta[aria-busy="true"] .sg-card__cta-label, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta[aria-busy="true"] .sg-card__cta-label, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta[aria-busy="true"] .sg-card__cta-label, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta[aria-busy="true"] .sg-card__cta-label, .cc_b3eorip4_HoDHJ7pZso .sg-card__cta.is-added .sg-card__cta-label, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta.is-added .sg-card__cta-label, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta.is-added .sg-card__cta-label, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta.is-added .sg-card__cta-label, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta.is-added .sg-card__cta-label, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta.is-added .sg-card__cta-label, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta.is-added .sg-card__cta-label, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta.is-added .sg-card__cta-label, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta.is-added .sg-card__cta-label { animation: cc_b3eorip4_sg-fade-up var(--sg-t-mid) var(--sg-ease-out) both; }
.cc_b3eorip4_HoDHJ7pZso .sg-card__cta.is-added, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta.is-added, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta.is-added, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta.is-added, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta.is-added, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta.is-added, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta.is-added, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta.is-added, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta.is-added { --b-bg: var(--sg-ok); --b-bd: var(--sg-ok); --b-fg: #fff; --b-hover-bg: var(--sg-ok); --b-hover-fg: #fff; color: #fff; }
.cc_b3eorip4_HoDHJ7pZso .sg-card__cta.is-added .sg-card__cta-icon, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta.is-added .sg-card__cta-icon, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta.is-added .sg-card__cta-icon, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta.is-added .sg-card__cta-icon, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta.is-added .sg-card__cta-icon, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta.is-added .sg-card__cta-icon, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta.is-added .sg-card__cta-icon, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta.is-added .sg-card__cta-icon, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta.is-added .sg-card__cta-icon { animation: cc_b3eorip4_sg-pop calc(460ms * var(--sg-speed, 1)) var(--sg-ease-spring); }
/* sold out: a calm grey slab instead of a half-transparent black one; no hover sweep */
.cc_b3eorip4_HoDHJ7pZso .sg-card__cta.sg-btn:disabled, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta.sg-btn:disabled, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta.sg-btn:disabled, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta.sg-btn:disabled, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta.sg-btn:disabled, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta.sg-btn:disabled, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta.sg-btn:disabled, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta.sg-btn:disabled, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta.sg-btn:disabled {
  --b-bg: var(--sg-surface-2); --b-bd: var(--sg-line); --b-fg: var(--sg-ink-2); --b-hover-bg: var(--sg-line); --b-hover-fg: var(--sg-ink-2);
  opacity: 1; cursor: not-allowed;
}
.cc_b3eorip4_HoDHJ7pZso .sg-card__cta.sg-btn:disabled::before, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta.sg-btn:disabled::before, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta.sg-btn:disabled::before, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta.sg-btn:disabled::before, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta.sg-btn:disabled::before, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta.sg-btn:disabled::before, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta.sg-btn:disabled::before, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta.sg-btn:disabled::before, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta.sg-btn:disabled::before { display: none; }
.cc_b3eorip4_HoDHJ7pZso .sg-card__cta.sg-btn:disabled:active, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta.sg-btn:disabled:active, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta.sg-btn:disabled:active, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta.sg-btn:disabled:active, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta.sg-btn:disabled:active, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta.sg-btn:disabled:active, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta.sg-btn:disabled:active, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta.sg-btn:disabled:active, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta.sg-btn:disabled:active { transform: none; }
/* white button on a white tile needs an edge */
.cc_b3eorip4_HoDHJ7pZso .sg-card__cta.sg-btn--light, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta.sg-btn--light, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta.sg-btn--light, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta.sg-btn--light, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta.sg-btn--light, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta.sg-btn--light, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta.sg-btn--light, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta.sg-btn--light, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta.sg-btn--light { --b-bd: var(--sg-line-strong); }
/* ink ring: the accent ring can be a light brand colour that vanishes on white tiles */
.cc_b3eorip4_HoDHJ7pZso .sg-card__cta:focus-visible, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta:focus-visible, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta:focus-visible, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta:focus-visible, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta:focus-visible, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta:focus-visible, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta:focus-visible, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta:focus-visible, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta:focus-visible { border-radius: var(--sg-r-btn); box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--sg-ink); }
/* "Altı çizili link" style: a short underlined link with a padded hit area. It always
   reserves two label lines, so a link whose label wraps on a narrow card is as tall as a
   one-line one and the prices of the row stay on one line. The underline therefore sits
   on the label text (every line) instead of on the box bottom. */
.cc_b3eorip4_HoDHJ7pZso .sg-card__cta.sg-link, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta.sg-link, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta.sg-link, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta.sg-link, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta.sg-link, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta.sg-link, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta.sg-link, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta.sg-link, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta.sg-link {
  align-self: flex-start; align-items: flex-start;
  min-height: calc(2 * 1.15em + 4px); padding: 0;
  border: 0; border-radius: 0; background: none; color: inherit; cursor: pointer;
}
.cc_b3eorip4_HoDHJ7pZso .sg-card__cta.sg-link .sg-card__cta-label, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta.sg-link .sg-card__cta-label, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta.sg-link .sg-card__cta-label, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta.sg-link .sg-card__cta-label, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta.sg-link .sg-card__cta-label, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta.sg-link .sg-card__cta-label, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta.sg-link .sg-card__cta-label, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta.sg-link .sg-card__cta-label, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta.sg-link .sg-card__cta-label {
  text-align: inherit;
  text-decoration: underline 1.5px; text-underline-offset: 2px;
  transition: text-decoration-color var(--sg-t-mid) var(--sg-ease-out);
}
@media (hover: hover) { .cc_b3eorip4_HoDHJ7pZso .sg-card__cta.sg-link:hover .sg-card__cta-label, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta.sg-link:hover .sg-card__cta-label, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta.sg-link:hover .sg-card__cta-label, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta.sg-link:hover .sg-card__cta-label, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta.sg-link:hover .sg-card__cta-label, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta.sg-link:hover .sg-card__cta-label, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta.sg-link:hover .sg-card__cta-label, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta.sg-link:hover .sg-card__cta-label, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta.sg-link:hover .sg-card__cta-label { text-decoration-color: transparent; } }
.cc_b3eorip4_HoDHJ7pZso .sg-card__cta.sg-link::after, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta.sg-link::after, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta.sg-link::after, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta.sg-link::after, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta.sg-link::after, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta.sg-link::after, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta.sg-link::after, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta.sg-link::after, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta.sg-link::after { content: ""; position: absolute; inset: -12px -10px; }
.cc_b3eorip4_HoDHJ7pZso .sg-card__cta.sg-link:disabled, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta.sg-link:disabled, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta.sg-link:disabled, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta.sg-link:disabled, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta.sg-link:disabled, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta.sg-link:disabled, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta.sg-link:disabled, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta.sg-link:disabled, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta.sg-link:disabled { opacity: 0.55; cursor: not-allowed; }
.cc_b3eorip4_HoDHJ7pZso .sg-card__cta.sg-link:disabled .sg-card__cta-label, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta.sg-link:disabled .sg-card__cta-label, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta.sg-link:disabled .sg-card__cta-label, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta.sg-link:disabled .sg-card__cta-label, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta.sg-link:disabled .sg-card__cta-label, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta.sg-link:disabled .sg-card__cta-label, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta.sg-link:disabled .sg-card__cta-label, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta.sg-link:disabled .sg-card__cta-label, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta.sg-link:disabled .sg-card__cta-label { text-decoration-color: transparent; }
.cc_b3eorip4_HoDHJ7pZso .sg-card__cta.sg-link.is-added, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta.sg-link.is-added, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta.sg-link.is-added, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta.sg-link.is-added, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta.sg-link.is-added, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta.sg-link.is-added, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta.sg-link.is-added, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta.sg-link.is-added, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta.sg-link.is-added { color: var(--sg-ok); }
.cc_b3eorip4_HoDHJ7pZso .sg-card--center .sg-card__cta.sg-link, .cc_b3eorip4_Vg7eA5x36C .sg-card--center .sg-card__cta.sg-link, .cc_b3eorip4_aIGCu2LKqJ .sg-card--center .sg-card__cta.sg-link, .cc_b3eorip4_oNCNTWDyPp .sg-card--center .sg-card__cta.sg-link, .cc_b3eorip4_pjvQZHwoIL .sg-card--center .sg-card__cta.sg-link, .cc_b3eorip4_w7CvTcRh4c .sg-card--center .sg-card__cta.sg-link, .cc_b3eorip4_UhLTX2dZI2 .sg-card--center .sg-card__cta.sg-link, .cc_b3eorip4_ngaPfv6XFB .sg-card--center .sg-card__cta.sg-link, .cc_b3eorip4_GSLcXOoUJO .sg-card--center .sg-card__cta.sg-link { align-self: center; }
.cc_b3eorip4_HoDHJ7pZso .sg-card--overlay .sg-card__cta, .cc_b3eorip4_Vg7eA5x36C .sg-card--overlay .sg-card__cta, .cc_b3eorip4_aIGCu2LKqJ .sg-card--overlay .sg-card__cta, .cc_b3eorip4_oNCNTWDyPp .sg-card--overlay .sg-card__cta, .cc_b3eorip4_pjvQZHwoIL .sg-card--overlay .sg-card__cta, .cc_b3eorip4_w7CvTcRh4c .sg-card--overlay .sg-card__cta, .cc_b3eorip4_UhLTX2dZI2 .sg-card--overlay .sg-card__cta, .cc_b3eorip4_ngaPfv6XFB .sg-card--overlay .sg-card__cta, .cc_b3eorip4_GSLcXOoUJO .sg-card--overlay .sg-card__cta { margin-top: 10px; }

/* overlay cards: the button goes under the photo (the name + price block stays on it) */
.cc_b3eorip4_HoDHJ7pZso .sg-card > .sg-card__foot, .cc_b3eorip4_Vg7eA5x36C .sg-card > .sg-card__foot, .cc_b3eorip4_aIGCu2LKqJ .sg-card > .sg-card__foot, .cc_b3eorip4_oNCNTWDyPp .sg-card > .sg-card__foot, .cc_b3eorip4_pjvQZHwoIL .sg-card > .sg-card__foot, .cc_b3eorip4_w7CvTcRh4c .sg-card > .sg-card__foot, .cc_b3eorip4_UhLTX2dZI2 .sg-card > .sg-card__foot, .cc_b3eorip4_ngaPfv6XFB .sg-card > .sg-card__foot, .cc_b3eorip4_GSLcXOoUJO .sg-card > .sg-card__foot { grid-row: 2; grid-column: 1; display: flex; flex-direction: column; min-width: 0; }
/* an absolute grid child resolves an "auto" end line to the card edge: name both lines */
.cc_b3eorip4_HoDHJ7pZso .sg-card--overlay.sg-card--cta > .sg-card__body, .cc_b3eorip4_Vg7eA5x36C .sg-card--overlay.sg-card--cta > .sg-card__body, .cc_b3eorip4_aIGCu2LKqJ .sg-card--overlay.sg-card--cta > .sg-card__body, .cc_b3eorip4_oNCNTWDyPp .sg-card--overlay.sg-card--cta > .sg-card__body, .cc_b3eorip4_pjvQZHwoIL .sg-card--overlay.sg-card--cta > .sg-card__body, .cc_b3eorip4_w7CvTcRh4c .sg-card--overlay.sg-card--cta > .sg-card__body, .cc_b3eorip4_UhLTX2dZI2 .sg-card--overlay.sg-card--cta > .sg-card__body, .cc_b3eorip4_ngaPfv6XFB .sg-card--overlay.sg-card--cta > .sg-card__body, .cc_b3eorip4_GSLcXOoUJO .sg-card--overlay.sg-card--cta > .sg-card__body { grid-row: 1 / 2; }

/* Compact button by the card's own width (container sg-card, set on every card) as well as
   the screen's: a desktop sidebar + 4 columns makes cards as narrow as a 320px phone's. The
   steps keep whole words on a line ("Seçenekleri" is the longest default word); a label
   wraps to two lines at most. */
@media (max-width: 767px) {
  /* two columns on a 320px phone: tighter box, smaller type, the label wraps instead of overflowing */
  .cc_b3eorip4_HoDHJ7pZso .sg-card__cta, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta { margin-top: 10px; padding: 4px 6px; gap: 5px; font-size: 12.5px; letter-spacing: 0; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta .sg-card__cta-icon { width: 14px; height: 14px; }
}
@container sg-card (max-width: 180px) {
  .cc_b3eorip4_HoDHJ7pZso .sg-card__cta, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta { margin-top: 10px; padding: 4px 6px; gap: 5px; font-size: 12.5px; letter-spacing: 0; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta .sg-card__cta-icon { width: 14px; height: 14px; }
}
@container sg-card (max-width: 140px) {
  .cc_b3eorip4_HoDHJ7pZso .sg-card__cta, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta { padding: 4px; gap: 4px; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta .sg-card__cta-icon, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta .sg-card__cta-icon { width: 13px; height: 13px; }
  /* the underlined text alone reads as a link; its room keeps "Seçenekleri Gör" on one line */
  .cc_b3eorip4_HoDHJ7pZso .sg-card__cta.sg-link svg.sg-card__cta-icon, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta.sg-link svg.sg-card__cta-icon, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta.sg-link svg.sg-card__cta-icon, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta.sg-link svg.sg-card__cta-icon, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta.sg-link svg.sg-card__cta-icon, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta.sg-link svg.sg-card__cta-icon, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta.sg-link svg.sg-card__cta-icon, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta.sg-link svg.sg-card__cta-icon, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta.sg-link svg.sg-card__cta-icon { display: none; }
}
/* too narrow for icon + the longest word: the label gets the whole button (the spinner stays) */
@container sg-card (max-width: 112px) {
  .cc_b3eorip4_HoDHJ7pZso .sg-card__cta, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta { padding: 4px 3px; font-size: 12px; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card__cta svg.sg-card__cta-icon, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta svg.sg-card__cta-icon, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta svg.sg-card__cta-icon, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta svg.sg-card__cta-icon, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta svg.sg-card__cta-icon, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta svg.sg-card__cta-icon, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta svg.sg-card__cta-icon, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta svg.sg-card__cta-icon, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta svg.sg-card__cta-icon { display: none; }
}

/* touch screens never get the hover growth, so they must not pay its width reserve */
@media (hover: none) {
  .cc_b3eorip4_HoDHJ7pZso .sg-card, .cc_b3eorip4_Vg7eA5x36C .sg-card, .cc_b3eorip4_aIGCu2LKqJ .sg-card, .cc_b3eorip4_oNCNTWDyPp .sg-card, .cc_b3eorip4_pjvQZHwoIL .sg-card, .cc_b3eorip4_w7CvTcRh4c .sg-card, .cc_b3eorip4_UhLTX2dZI2 .sg-card, .cc_b3eorip4_ngaPfv6XFB .sg-card, .cc_b3eorip4_GSLcXOoUJO .sg-card { --sg-card-ts: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .cc_b3eorip4_HoDHJ7pZso .sg-card, .cc_b3eorip4_Vg7eA5x36C .sg-card, .cc_b3eorip4_aIGCu2LKqJ .sg-card, .cc_b3eorip4_oNCNTWDyPp .sg-card, .cc_b3eorip4_pjvQZHwoIL .sg-card, .cc_b3eorip4_w7CvTcRh4c .sg-card, .cc_b3eorip4_UhLTX2dZI2 .sg-card, .cc_b3eorip4_ngaPfv6XFB .sg-card, .cc_b3eorip4_GSLcXOoUJO .sg-card { --sg-card-ts: 1; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card, .cc_b3eorip4_Vg7eA5x36C .sg-card, .cc_b3eorip4_aIGCu2LKqJ .sg-card, .cc_b3eorip4_oNCNTWDyPp .sg-card, .cc_b3eorip4_pjvQZHwoIL .sg-card, .cc_b3eorip4_w7CvTcRh4c .sg-card, .cc_b3eorip4_UhLTX2dZI2 .sg-card, .cc_b3eorip4_ngaPfv6XFB .sg-card, .cc_b3eorip4_GSLcXOoUJO .sg-card, .cc_b3eorip4_HoDHJ7pZso .sg-card__img, .cc_b3eorip4_Vg7eA5x36C .sg-card__img, .cc_b3eorip4_aIGCu2LKqJ .sg-card__img, .cc_b3eorip4_oNCNTWDyPp .sg-card__img, .cc_b3eorip4_pjvQZHwoIL .sg-card__img, .cc_b3eorip4_w7CvTcRh4c .sg-card__img, .cc_b3eorip4_UhLTX2dZI2 .sg-card__img, .cc_b3eorip4_ngaPfv6XFB .sg-card__img, .cc_b3eorip4_GSLcXOoUJO .sg-card__img, .cc_b3eorip4_HoDHJ7pZso .sg-card__add, .cc_b3eorip4_Vg7eA5x36C .sg-card__add, .cc_b3eorip4_aIGCu2LKqJ .sg-card__add, .cc_b3eorip4_oNCNTWDyPp .sg-card__add, .cc_b3eorip4_pjvQZHwoIL .sg-card__add, .cc_b3eorip4_w7CvTcRh4c .sg-card__add, .cc_b3eorip4_UhLTX2dZI2 .sg-card__add, .cc_b3eorip4_ngaPfv6XFB .sg-card__add, .cc_b3eorip4_GSLcXOoUJO .sg-card__add, .cc_b3eorip4_HoDHJ7pZso .sg-card__fav, .cc_b3eorip4_Vg7eA5x36C .sg-card__fav, .cc_b3eorip4_aIGCu2LKqJ .sg-card__fav, .cc_b3eorip4_oNCNTWDyPp .sg-card__fav, .cc_b3eorip4_pjvQZHwoIL .sg-card__fav, .cc_b3eorip4_w7CvTcRh4c .sg-card__fav, .cc_b3eorip4_UhLTX2dZI2 .sg-card__fav, .cc_b3eorip4_ngaPfv6XFB .sg-card__fav, .cc_b3eorip4_GSLcXOoUJO .sg-card__fav, .cc_b3eorip4_HoDHJ7pZso .sg-card__name, .cc_b3eorip4_Vg7eA5x36C .sg-card__name, .cc_b3eorip4_aIGCu2LKqJ .sg-card__name, .cc_b3eorip4_oNCNTWDyPp .sg-card__name, .cc_b3eorip4_pjvQZHwoIL .sg-card__name, .cc_b3eorip4_w7CvTcRh4c .sg-card__name, .cc_b3eorip4_UhLTX2dZI2 .sg-card__name, .cc_b3eorip4_ngaPfv6XFB .sg-card__name, .cc_b3eorip4_GSLcXOoUJO .sg-card__name, .cc_b3eorip4_HoDHJ7pZso .sg-card__price, .cc_b3eorip4_Vg7eA5x36C .sg-card__price, .cc_b3eorip4_aIGCu2LKqJ .sg-card__price, .cc_b3eorip4_oNCNTWDyPp .sg-card__price, .cc_b3eorip4_pjvQZHwoIL .sg-card__price, .cc_b3eorip4_w7CvTcRh4c .sg-card__price, .cc_b3eorip4_UhLTX2dZI2 .sg-card__price, .cc_b3eorip4_ngaPfv6XFB .sg-card__price, .cc_b3eorip4_GSLcXOoUJO .sg-card__price { transition: none; }  .cc_b3eorip4_HoDHJ7pZso .sg-card__shine, .cc_b3eorip4_Vg7eA5x36C .sg-card__shine, .cc_b3eorip4_aIGCu2LKqJ .sg-card__shine, .cc_b3eorip4_oNCNTWDyPp .sg-card__shine, .cc_b3eorip4_pjvQZHwoIL .sg-card__shine, .cc_b3eorip4_w7CvTcRh4c .sg-card__shine, .cc_b3eorip4_UhLTX2dZI2 .sg-card__shine, .cc_b3eorip4_ngaPfv6XFB .sg-card__shine, .cc_b3eorip4_GSLcXOoUJO .sg-card__shine { display: none; }
  .cc_b3eorip4_HoDHJ7pZso .sg-card__cta[aria-busy] .sg-card__cta-label, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta[aria-busy] .sg-card__cta-label, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta[aria-busy] .sg-card__cta-label, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta[aria-busy] .sg-card__cta-label, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta[aria-busy] .sg-card__cta-label, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta[aria-busy] .sg-card__cta-label, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta[aria-busy] .sg-card__cta-label, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta[aria-busy] .sg-card__cta-label, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta[aria-busy] .sg-card__cta-label, .cc_b3eorip4_HoDHJ7pZso .sg-card__cta.is-added .sg-card__cta-label, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta.is-added .sg-card__cta-label, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta.is-added .sg-card__cta-label, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta.is-added .sg-card__cta-label, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta.is-added .sg-card__cta-label, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta.is-added .sg-card__cta-label, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta.is-added .sg-card__cta-label, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta.is-added .sg-card__cta-label, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta.is-added .sg-card__cta-label, .cc_b3eorip4_HoDHJ7pZso .sg-card__cta.is-added .sg-card__cta-icon, .cc_b3eorip4_Vg7eA5x36C .sg-card__cta.is-added .sg-card__cta-icon, .cc_b3eorip4_aIGCu2LKqJ .sg-card__cta.is-added .sg-card__cta-icon, .cc_b3eorip4_oNCNTWDyPp .sg-card__cta.is-added .sg-card__cta-icon, .cc_b3eorip4_pjvQZHwoIL .sg-card__cta.is-added .sg-card__cta-icon, .cc_b3eorip4_w7CvTcRh4c .sg-card__cta.is-added .sg-card__cta-icon, .cc_b3eorip4_UhLTX2dZI2 .sg-card__cta.is-added .sg-card__cta-icon, .cc_b3eorip4_ngaPfv6XFB .sg-card__cta.is-added .sg-card__cta-icon, .cc_b3eorip4_GSLcXOoUJO .sg-card__cta.is-added .sg-card__cta-icon { animation: none; }
}