/*
 * ProductCard — migrated from three old stylesheets:
 *   grid     <- product-list/style.module.css     (.productCard*)
 *   compact  <- header/search-modal/style.module.css (.gridCard, .gridMedia, .gridName…)
 *   favorite <- account-favorites/style.module.css   (.card, .cardMedia, .cardBody…)
 *
 * The shared skeleton lives at the top; each variant only overrides what actually
 * differed in the old theme (aspect ratio, type scale, hover treatment).
 */

/* ---- shared skeleton ------------------------------------------------- */
.cc_dkzbevli_mLT4bd07V4 .product-card, .cc_dkzbevli_PmVcMbRXZD .product-card, .cc_dkzbevli_51MEtyDgyZ .product-card, .cc_dkzbevli_s9pERiAVdS .product-card, .cc_dkzbevli_jyw8D11LGo .product-card, .cc_dkzbevli_IOSG4iAr3O .product-card {
  position: relative;
  display: block;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  font-family: var(--font-sans);
}

.cc_dkzbevli_mLT4bd07V4 .product-card-media, .cc_dkzbevli_PmVcMbRXZD .product-card-media, .cc_dkzbevli_51MEtyDgyZ .product-card-media, .cc_dkzbevli_s9pERiAVdS .product-card-media, .cc_dkzbevli_jyw8D11LGo .product-card-media, .cc_dkzbevli_IOSG4iAr3O .product-card-media {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #f0f0f0;
  touch-action: pan-y; /* lets the card swipe horizontally without eating page scroll */
}

/* ---- sold out --------------------------------------------------------- */
/* The imagery is deliberately left untouched — the badge alone carries the
   state. `.product-card-soldout` stays on the card root as the styling hook if
   that changes. */
.cc_dkzbevli_mLT4bd07V4 .product-card-soldout-badge, .cc_dkzbevli_PmVcMbRXZD .product-card-soldout-badge, .cc_dkzbevli_51MEtyDgyZ .product-card-soldout-badge, .cc_dkzbevli_s9pERiAVdS .product-card-soldout-badge, .cc_dkzbevli_jyw8D11LGo .product-card-soldout-badge, .cc_dkzbevli_IOSG4iAr3O .product-card-soldout-badge {
  position: absolute;
  top: var(--space-xs);
  left: var(--space-xs);
  z-index: 3; /* above the hover overlay, which sits at 2 */
  padding: 4px var(--space-xs);
  background: var(--color-ink-pure);
  color: var(--color-paper);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  pointer-events: none;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-track, .cc_dkzbevli_PmVcMbRXZD .product-card-track, .cc_dkzbevli_51MEtyDgyZ .product-card-track, .cc_dkzbevli_s9pERiAVdS .product-card-track, .cc_dkzbevli_jyw8D11LGo .product-card-track, .cc_dkzbevli_IOSG4iAr3O .product-card-track {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform var(--duration-base) ease-out;
  will-change: transform;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-slide, .cc_dkzbevli_PmVcMbRXZD .product-card-slide, .cc_dkzbevli_51MEtyDgyZ .product-card-slide, .cc_dkzbevli_s9pERiAVdS .product-card-slide, .cc_dkzbevli_jyw8D11LGo .product-card-slide, .cc_dkzbevli_IOSG4iAr3O .product-card-slide {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-slide img, .cc_dkzbevli_PmVcMbRXZD .product-card-slide img, .cc_dkzbevli_51MEtyDgyZ .product-card-slide img, .cc_dkzbevli_s9pERiAVdS .product-card-slide img, .cc_dkzbevli_jyw8D11LGo .product-card-slide img, .cc_dkzbevli_IOSG4iAr3O .product-card-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--duration-slow) ease;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-placeholder, .cc_dkzbevli_PmVcMbRXZD .product-card-placeholder, .cc_dkzbevli_51MEtyDgyZ .product-card-placeholder, .cc_dkzbevli_s9pERiAVdS .product-card-placeholder, .cc_dkzbevli_jyw8D11LGo .product-card-placeholder, .cc_dkzbevli_IOSG4iAr3O .product-card-placeholder {
  width: 100%;
  height: 100%;
  background: var(--color-border-light);
}

.cc_dkzbevli_mLT4bd07V4 .product-card-info, .cc_dkzbevli_PmVcMbRXZD .product-card-info, .cc_dkzbevli_51MEtyDgyZ .product-card-info, .cc_dkzbevli_s9pERiAVdS .product-card-info, .cc_dkzbevli_jyw8D11LGo .product-card-info, .cc_dkzbevli_IOSG4iAr3O .product-card-info {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
  padding: var(--space-sm) var(--space-md);
}

.cc_dkzbevli_mLT4bd07V4 .product-card-info-top, .cc_dkzbevli_PmVcMbRXZD .product-card-info-top, .cc_dkzbevli_51MEtyDgyZ .product-card-info-top, .cc_dkzbevli_s9pERiAVdS .product-card-info-top, .cc_dkzbevli_jyw8D11LGo .product-card-info-top, .cc_dkzbevli_IOSG4iAr3O .product-card-info-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-xs);
}

.cc_dkzbevli_mLT4bd07V4 .product-card-name, .cc_dkzbevli_PmVcMbRXZD .product-card-name, .cc_dkzbevli_51MEtyDgyZ .product-card-name, .cc_dkzbevli_s9pERiAVdS .product-card-name, .cc_dkzbevli_jyw8D11LGo .product-card-name, .cc_dkzbevli_IOSG4iAr3O .product-card-name {
  flex: 1;
  font-weight: 300;
  color: var(--color-ink-pure);
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ---- colours --------------------------------------------------------- */
.cc_dkzbevli_mLT4bd07V4 .product-card-colors, .cc_dkzbevli_PmVcMbRXZD .product-card-colors, .cc_dkzbevli_51MEtyDgyZ .product-card-colors, .cc_dkzbevli_s9pERiAVdS .product-card-colors, .cc_dkzbevli_jyw8D11LGo .product-card-colors, .cc_dkzbevli_IOSG4iAr3O .product-card-colors {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  flex-shrink: 0;
  padding-top: 2px;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-color-dot, .cc_dkzbevli_PmVcMbRXZD .product-card-color-dot, .cc_dkzbevli_51MEtyDgyZ .product-card-color-dot, .cc_dkzbevli_s9pERiAVdS .product-card-color-dot, .cc_dkzbevli_jyw8D11LGo .product-card-color-dot, .cc_dkzbevli_IOSG4iAr3O .product-card-color-dot {
  width: 12px;
  height: 12px;
  border: 1px solid #ddd;
  display: inline-block;
  flex-shrink: 0;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-color-more, .cc_dkzbevli_PmVcMbRXZD .product-card-color-more, .cc_dkzbevli_51MEtyDgyZ .product-card-color-more, .cc_dkzbevli_s9pERiAVdS .product-card-color-more, .cc_dkzbevli_jyw8D11LGo .product-card-color-more, .cc_dkzbevli_IOSG4iAr3O .product-card-color-more {
  font-size: 10px;
  font-weight: 300;
  color: var(--color-ink-body);
}

/* ---- price ----------------------------------------------------------- */
.cc_dkzbevli_mLT4bd07V4 .product-card-price-row, .cc_dkzbevli_PmVcMbRXZD .product-card-price-row, .cc_dkzbevli_51MEtyDgyZ .product-card-price-row, .cc_dkzbevli_s9pERiAVdS .product-card-price-row, .cc_dkzbevli_jyw8D11LGo .product-card-price-row, .cc_dkzbevli_IOSG4iAr3O .product-card-price-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-price, .cc_dkzbevli_PmVcMbRXZD .product-card-price, .cc_dkzbevli_51MEtyDgyZ .product-card-price, .cc_dkzbevli_s9pERiAVdS .product-card-price, .cc_dkzbevli_jyw8D11LGo .product-card-price, .cc_dkzbevli_IOSG4iAr3O .product-card-price {
  font-weight: 400;
  color: var(--color-ink-pure);
}

.cc_dkzbevli_mLT4bd07V4 .product-card-old-price, .cc_dkzbevli_PmVcMbRXZD .product-card-old-price, .cc_dkzbevli_51MEtyDgyZ .product-card-old-price, .cc_dkzbevli_s9pERiAVdS .product-card-old-price, .cc_dkzbevli_jyw8D11LGo .product-card-old-price, .cc_dkzbevli_IOSG4iAr3O .product-card-old-price {
  font-weight: 300;
  color: var(--color-ink-faint);
  text-decoration: line-through;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-discount, .cc_dkzbevli_PmVcMbRXZD .product-card-discount, .cc_dkzbevli_51MEtyDgyZ .product-card-discount, .cc_dkzbevli_s9pERiAVdS .product-card-discount, .cc_dkzbevli_jyw8D11LGo .product-card-discount, .cc_dkzbevli_IOSG4iAr3O .product-card-discount {
  font-weight: 400;
  color: var(--color-ink-pure);
  background: var(--color-accent);
  padding: 2px 6px;
  display: inline-block;
}

/* ---- progress dots (mobile-only, as in the old theme) ---------------- */
.cc_dkzbevli_mLT4bd07V4 .product-card-progress, .cc_dkzbevli_PmVcMbRXZD .product-card-progress, .cc_dkzbevli_51MEtyDgyZ .product-card-progress, .cc_dkzbevli_s9pERiAVdS .product-card-progress, .cc_dkzbevli_jyw8D11LGo .product-card-progress, .cc_dkzbevli_IOSG4iAr3O .product-card-progress {
  position: absolute;
  bottom: var(--space-xs);
  left: var(--space-sm);
  right: var(--space-sm);
  display: none;
  gap: var(--space-2xs);
  z-index: 2;
  pointer-events: none;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-progress-seg, .cc_dkzbevli_PmVcMbRXZD .product-card-progress-seg, .cc_dkzbevli_51MEtyDgyZ .product-card-progress-seg, .cc_dkzbevli_s9pERiAVdS .product-card-progress-seg, .cc_dkzbevli_jyw8D11LGo .product-card-progress-seg, .cc_dkzbevli_IOSG4iAr3O .product-card-progress-seg {
  flex: 1;
  height: 2px;
  background: rgba(0, 0, 0, 0.2);
  transition: background var(--duration-fast) ease;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-progress-seg-active, .cc_dkzbevli_PmVcMbRXZD .product-card-progress-seg-active, .cc_dkzbevli_51MEtyDgyZ .product-card-progress-seg-active, .cc_dkzbevli_s9pERiAVdS .product-card-progress-seg-active, .cc_dkzbevli_jyw8D11LGo .product-card-progress-seg-active, .cc_dkzbevli_IOSG4iAr3O .product-card-progress-seg-active {
  background: rgba(0, 0, 0, 0.85);
}

/* ================= variant: grid (old product-list) =================== */
.cc_dkzbevli_mLT4bd07V4 .product-card-grid .product-card-media, .cc_dkzbevli_PmVcMbRXZD .product-card-grid .product-card-media, .cc_dkzbevli_51MEtyDgyZ .product-card-grid .product-card-media, .cc_dkzbevli_s9pERiAVdS .product-card-grid .product-card-media, .cc_dkzbevli_jyw8D11LGo .product-card-grid .product-card-media, .cc_dkzbevli_IOSG4iAr3O .product-card-grid .product-card-media {
  aspect-ratio: 2 / 3;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-grid .product-card-name, .cc_dkzbevli_PmVcMbRXZD .product-card-grid .product-card-name, .cc_dkzbevli_51MEtyDgyZ .product-card-grid .product-card-name, .cc_dkzbevli_s9pERiAVdS .product-card-grid .product-card-name, .cc_dkzbevli_jyw8D11LGo .product-card-grid .product-card-name, .cc_dkzbevli_IOSG4iAr3O .product-card-grid .product-card-name, .cc_dkzbevli_mLT4bd07V4 .product-card-grid .product-card-price, .cc_dkzbevli_PmVcMbRXZD .product-card-grid .product-card-price, .cc_dkzbevli_51MEtyDgyZ .product-card-grid .product-card-price, .cc_dkzbevli_s9pERiAVdS .product-card-grid .product-card-price, .cc_dkzbevli_jyw8D11LGo .product-card-grid .product-card-price, .cc_dkzbevli_IOSG4iAr3O .product-card-grid .product-card-price, .cc_dkzbevli_mLT4bd07V4 .product-card-grid .product-card-old-price, .cc_dkzbevli_PmVcMbRXZD .product-card-grid .product-card-old-price, .cc_dkzbevli_51MEtyDgyZ .product-card-grid .product-card-old-price, .cc_dkzbevli_s9pERiAVdS .product-card-grid .product-card-old-price, .cc_dkzbevli_jyw8D11LGo .product-card-grid .product-card-old-price, .cc_dkzbevli_IOSG4iAr3O .product-card-grid .product-card-old-price, .cc_dkzbevli_mLT4bd07V4 .product-card-grid .product-card-discount, .cc_dkzbevli_PmVcMbRXZD .product-card-grid .product-card-discount, .cc_dkzbevli_51MEtyDgyZ .product-card-grid .product-card-discount, .cc_dkzbevli_s9pERiAVdS .product-card-grid .product-card-discount, .cc_dkzbevli_jyw8D11LGo .product-card-grid .product-card-discount, .cc_dkzbevli_IOSG4iAr3O .product-card-grid .product-card-discount {
  font-size: 10px;
}

/* Size overlay slides up on hover. */
.cc_dkzbevli_mLT4bd07V4 .product-card-overlay, .cc_dkzbevli_PmVcMbRXZD .product-card-overlay, .cc_dkzbevli_51MEtyDgyZ .product-card-overlay, .cc_dkzbevli_s9pERiAVdS .product-card-overlay, .cc_dkzbevli_jyw8D11LGo .product-card-overlay, .cc_dkzbevli_IOSG4iAr3O .product-card-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: var(--space-sm) var(--space-md);
  background: rgba(245, 245, 245, 0.92);
  display: flex;
  justify-content: space-between;
  align-items: center;
  transform: translateY(100%);
  transition: transform var(--duration-base) ease;
  backdrop-filter: blur(2px);
}

.cc_dkzbevli_mLT4bd07V4 .product-card:hover .product-card-overlay, .cc_dkzbevli_PmVcMbRXZD .product-card:hover .product-card-overlay, .cc_dkzbevli_51MEtyDgyZ .product-card:hover .product-card-overlay, .cc_dkzbevli_s9pERiAVdS .product-card:hover .product-card-overlay, .cc_dkzbevli_jyw8D11LGo .product-card:hover .product-card-overlay, .cc_dkzbevli_IOSG4iAr3O .product-card:hover .product-card-overlay {
  transform: translateY(0);
}

.cc_dkzbevli_mLT4bd07V4 .product-card-sizes, .cc_dkzbevli_PmVcMbRXZD .product-card-sizes, .cc_dkzbevli_51MEtyDgyZ .product-card-sizes, .cc_dkzbevli_s9pERiAVdS .product-card-sizes, .cc_dkzbevli_jyw8D11LGo .product-card-sizes, .cc_dkzbevli_IOSG4iAr3O .product-card-sizes {
  display: flex;
  gap: var(--space-sm);
  align-items: center;
  flex-wrap: wrap;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-size, .cc_dkzbevli_PmVcMbRXZD .product-card-size, .cc_dkzbevli_51MEtyDgyZ .product-card-size, .cc_dkzbevli_s9pERiAVdS .product-card-size, .cc_dkzbevli_jyw8D11LGo .product-card-size, .cc_dkzbevli_IOSG4iAr3O .product-card-size {
  font-size: 11px;
  font-weight: 400;
  color: var(--color-ink-pure);
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-size::after, .cc_dkzbevli_PmVcMbRXZD .product-card-size::after, .cc_dkzbevli_51MEtyDgyZ .product-card-size::after, .cc_dkzbevli_s9pERiAVdS .product-card-size::after, .cc_dkzbevli_jyw8D11LGo .product-card-size::after, .cc_dkzbevli_IOSG4iAr3O .product-card-size::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-ink-pure);
  transform: scaleX(0);
  transition: transform var(--duration-fast) ease;
  transform-origin: center;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-size:hover::after, .cc_dkzbevli_PmVcMbRXZD .product-card-size:hover::after, .cc_dkzbevli_51MEtyDgyZ .product-card-size:hover::after, .cc_dkzbevli_s9pERiAVdS .product-card-size:hover::after, .cc_dkzbevli_jyw8D11LGo .product-card-size:hover::after, .cc_dkzbevli_IOSG4iAr3O .product-card-size:hover::after {
  transform: scaleX(1);
}

.cc_dkzbevli_mLT4bd07V4 .product-card-size-disabled, .cc_dkzbevli_PmVcMbRXZD .product-card-size-disabled, .cc_dkzbevli_51MEtyDgyZ .product-card-size-disabled, .cc_dkzbevli_s9pERiAVdS .product-card-size-disabled, .cc_dkzbevli_jyw8D11LGo .product-card-size-disabled, .cc_dkzbevli_IOSG4iAr3O .product-card-size-disabled {
  color: #aaa;
  text-decoration: line-through;
  cursor: not-allowed;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-size-disabled:hover::after, .cc_dkzbevli_PmVcMbRXZD .product-card-size-disabled:hover::after, .cc_dkzbevli_51MEtyDgyZ .product-card-size-disabled:hover::after, .cc_dkzbevli_s9pERiAVdS .product-card-size-disabled:hover::after, .cc_dkzbevli_jyw8D11LGo .product-card-size-disabled:hover::after, .cc_dkzbevli_IOSG4iAr3O .product-card-size-disabled:hover::after {
  transform: scaleX(0);
}

.cc_dkzbevli_mLT4bd07V4 .product-card-fav, .cc_dkzbevli_PmVcMbRXZD .product-card-fav, .cc_dkzbevli_51MEtyDgyZ .product-card-fav, .cc_dkzbevli_s9pERiAVdS .product-card-fav, .cc_dkzbevli_jyw8D11LGo .product-card-fav, .cc_dkzbevli_IOSG4iAr3O .product-card-fav {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: var(--color-ink-pure);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-fav:hover, .cc_dkzbevli_PmVcMbRXZD .product-card-fav:hover, .cc_dkzbevli_51MEtyDgyZ .product-card-fav:hover, .cc_dkzbevli_s9pERiAVdS .product-card-fav:hover, .cc_dkzbevli_jyw8D11LGo .product-card-fav:hover, .cc_dkzbevli_IOSG4iAr3O .product-card-fav:hover {
  opacity: 0.7;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-fav-active svg, .cc_dkzbevli_PmVcMbRXZD .product-card-fav-active svg, .cc_dkzbevli_51MEtyDgyZ .product-card-fav-active svg, .cc_dkzbevli_s9pERiAVdS .product-card-fav-active svg, .cc_dkzbevli_jyw8D11LGo .product-card-fav-active svg, .cc_dkzbevli_IOSG4iAr3O .product-card-fav-active svg {
  fill: currentColor;
}

/* Quick-view was mobile-only in the old theme (.mobilePlusBtn). */
.cc_dkzbevli_mLT4bd07V4 .product-card-quickview, .cc_dkzbevli_PmVcMbRXZD .product-card-quickview, .cc_dkzbevli_51MEtyDgyZ .product-card-quickview, .cc_dkzbevli_s9pERiAVdS .product-card-quickview, .cc_dkzbevli_jyw8D11LGo .product-card-quickview, .cc_dkzbevli_IOSG4iAr3O .product-card-quickview {
  display: none;
}

@media (max-width: 768px) {
  .cc_dkzbevli_mLT4bd07V4 .product-card-progress, .cc_dkzbevli_PmVcMbRXZD .product-card-progress, .cc_dkzbevli_51MEtyDgyZ .product-card-progress, .cc_dkzbevli_s9pERiAVdS .product-card-progress, .cc_dkzbevli_jyw8D11LGo .product-card-progress, .cc_dkzbevli_IOSG4iAr3O .product-card-progress {
    display: flex;
  }

  /* On touch devices a tap sticks the :hover state, which would slide the size
     overlay up while the user is only swiping through the photos. Mobile uses the
     quick-view (+) affordance instead, so the size overlay is hidden entirely. */
  .cc_dkzbevli_mLT4bd07V4 .product-card-overlay, .cc_dkzbevli_PmVcMbRXZD .product-card-overlay, .cc_dkzbevli_51MEtyDgyZ .product-card-overlay, .cc_dkzbevli_s9pERiAVdS .product-card-overlay, .cc_dkzbevli_jyw8D11LGo .product-card-overlay, .cc_dkzbevli_IOSG4iAr3O .product-card-overlay {
    display: none;
  }

  .cc_dkzbevli_mLT4bd07V4 .product-card-quickview, .cc_dkzbevli_PmVcMbRXZD .product-card-quickview, .cc_dkzbevli_51MEtyDgyZ .product-card-quickview, .cc_dkzbevli_s9pERiAVdS .product-card-quickview, .cc_dkzbevli_jyw8D11LGo .product-card-quickview, .cc_dkzbevli_IOSG4iAr3O .product-card-quickview {
    display: flex;
    position: absolute;
    bottom: 22px;
    left: 50%;
    transform: translateX(-50%);
    width: 19px;
    height: 19px;
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    color: #333;
    padding: 0;
  }
}

/* ============ variant: compact (old search-modal GridCard) ============ */
.cc_dkzbevli_mLT4bd07V4 .product-card-compact, .cc_dkzbevli_PmVcMbRXZD .product-card-compact, .cc_dkzbevli_51MEtyDgyZ .product-card-compact, .cc_dkzbevli_s9pERiAVdS .product-card-compact, .cc_dkzbevli_jyw8D11LGo .product-card-compact, .cc_dkzbevli_IOSG4iAr3O .product-card-compact {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-compact .product-card-media, .cc_dkzbevli_PmVcMbRXZD .product-card-compact .product-card-media, .cc_dkzbevli_51MEtyDgyZ .product-card-compact .product-card-media, .cc_dkzbevli_s9pERiAVdS .product-card-compact .product-card-media, .cc_dkzbevli_jyw8D11LGo .product-card-compact .product-card-media, .cc_dkzbevli_IOSG4iAr3O .product-card-compact .product-card-media {
  aspect-ratio: 3 / 4;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-compact:hover .product-card-media, .cc_dkzbevli_PmVcMbRXZD .product-card-compact:hover .product-card-media, .cc_dkzbevli_51MEtyDgyZ .product-card-compact:hover .product-card-media, .cc_dkzbevli_s9pERiAVdS .product-card-compact:hover .product-card-media, .cc_dkzbevli_jyw8D11LGo .product-card-compact:hover .product-card-media, .cc_dkzbevli_IOSG4iAr3O .product-card-compact:hover .product-card-media {
  opacity: 0.9;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-compact .product-card-info, .cc_dkzbevli_PmVcMbRXZD .product-card-compact .product-card-info, .cc_dkzbevli_51MEtyDgyZ .product-card-compact .product-card-info, .cc_dkzbevli_s9pERiAVdS .product-card-compact .product-card-info, .cc_dkzbevli_jyw8D11LGo .product-card-compact .product-card-info, .cc_dkzbevli_IOSG4iAr3O .product-card-compact .product-card-info {
  padding: var(--space-xs) 0 0;
  gap: var(--space-2xs);
}

.cc_dkzbevli_mLT4bd07V4 .product-card-compact .product-card-name, .cc_dkzbevli_PmVcMbRXZD .product-card-compact .product-card-name, .cc_dkzbevli_51MEtyDgyZ .product-card-compact .product-card-name, .cc_dkzbevli_s9pERiAVdS .product-card-compact .product-card-name, .cc_dkzbevli_jyw8D11LGo .product-card-compact .product-card-name, .cc_dkzbevli_IOSG4iAr3O .product-card-compact .product-card-name {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-compact .product-card-price-row, .cc_dkzbevli_PmVcMbRXZD .product-card-compact .product-card-price-row, .cc_dkzbevli_51MEtyDgyZ .product-card-compact .product-card-price-row, .cc_dkzbevli_s9pERiAVdS .product-card-compact .product-card-price-row, .cc_dkzbevli_jyw8D11LGo .product-card-compact .product-card-price-row, .cc_dkzbevli_IOSG4iAr3O .product-card-compact .product-card-price-row {
  flex-direction: column;
  align-items: flex-start;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-compact .product-card-old-price, .cc_dkzbevli_PmVcMbRXZD .product-card-compact .product-card-old-price, .cc_dkzbevli_51MEtyDgyZ .product-card-compact .product-card-old-price, .cc_dkzbevli_s9pERiAVdS .product-card-compact .product-card-old-price, .cc_dkzbevli_jyw8D11LGo .product-card-compact .product-card-old-price, .cc_dkzbevli_IOSG4iAr3O .product-card-compact .product-card-old-price {
  font-size: 12px;
  color: var(--color-ink-soft);
}

.cc_dkzbevli_mLT4bd07V4 .product-card-compact .product-card-price, .cc_dkzbevli_PmVcMbRXZD .product-card-compact .product-card-price, .cc_dkzbevli_51MEtyDgyZ .product-card-compact .product-card-price, .cc_dkzbevli_s9pERiAVdS .product-card-compact .product-card-price, .cc_dkzbevli_jyw8D11LGo .product-card-compact .product-card-price, .cc_dkzbevli_IOSG4iAr3O .product-card-compact .product-card-price, .cc_dkzbevli_mLT4bd07V4 .product-card-compact .product-card-discount, .cc_dkzbevli_PmVcMbRXZD .product-card-compact .product-card-discount, .cc_dkzbevli_51MEtyDgyZ .product-card-compact .product-card-discount, .cc_dkzbevli_s9pERiAVdS .product-card-compact .product-card-discount, .cc_dkzbevli_jyw8D11LGo .product-card-compact .product-card-discount, .cc_dkzbevli_IOSG4iAr3O .product-card-compact .product-card-discount {
  font-size: 13px;
}

/* ========== variant: favorite (old account-favorites card) =========== */
.cc_dkzbevli_mLT4bd07V4 .product-card-favorite, .cc_dkzbevli_PmVcMbRXZD .product-card-favorite, .cc_dkzbevli_51MEtyDgyZ .product-card-favorite, .cc_dkzbevli_s9pERiAVdS .product-card-favorite, .cc_dkzbevli_jyw8D11LGo .product-card-favorite, .cc_dkzbevli_IOSG4iAr3O .product-card-favorite {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-favorite .product-card-media, .cc_dkzbevli_PmVcMbRXZD .product-card-favorite .product-card-media, .cc_dkzbevli_51MEtyDgyZ .product-card-favorite .product-card-media, .cc_dkzbevli_s9pERiAVdS .product-card-favorite .product-card-media, .cc_dkzbevli_jyw8D11LGo .product-card-favorite .product-card-media, .cc_dkzbevli_IOSG4iAr3O .product-card-favorite .product-card-media {
  aspect-ratio: 3 / 4;
  background: var(--color-surface-sunken);
  border-radius: var(--radius-sm);
}

.cc_dkzbevli_mLT4bd07V4 .product-card-favorite .product-card-info, .cc_dkzbevli_PmVcMbRXZD .product-card-favorite .product-card-info, .cc_dkzbevli_51MEtyDgyZ .product-card-favorite .product-card-info, .cc_dkzbevli_s9pERiAVdS .product-card-favorite .product-card-info, .cc_dkzbevli_jyw8D11LGo .product-card-favorite .product-card-info, .cc_dkzbevli_IOSG4iAr3O .product-card-favorite .product-card-info {
  padding: 0 2px;
  gap: var(--space-2xs);
}

.cc_dkzbevli_mLT4bd07V4 .product-card-favorite .product-card-name, .cc_dkzbevli_PmVcMbRXZD .product-card-favorite .product-card-name, .cc_dkzbevli_51MEtyDgyZ .product-card-favorite .product-card-name, .cc_dkzbevli_s9pERiAVdS .product-card-favorite .product-card-name, .cc_dkzbevli_jyw8D11LGo .product-card-favorite .product-card-name, .cc_dkzbevli_IOSG4iAr3O .product-card-favorite .product-card-name {
  font-size: 13px;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-favorite:hover .product-card-name, .cc_dkzbevli_PmVcMbRXZD .product-card-favorite:hover .product-card-name, .cc_dkzbevli_51MEtyDgyZ .product-card-favorite:hover .product-card-name, .cc_dkzbevli_s9pERiAVdS .product-card-favorite:hover .product-card-name, .cc_dkzbevli_jyw8D11LGo .product-card-favorite:hover .product-card-name, .cc_dkzbevli_IOSG4iAr3O .product-card-favorite:hover .product-card-name {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-favorite .product-card-price, .cc_dkzbevli_PmVcMbRXZD .product-card-favorite .product-card-price, .cc_dkzbevli_51MEtyDgyZ .product-card-favorite .product-card-price, .cc_dkzbevli_s9pERiAVdS .product-card-favorite .product-card-price, .cc_dkzbevli_jyw8D11LGo .product-card-favorite .product-card-price, .cc_dkzbevli_IOSG4iAr3O .product-card-favorite .product-card-price, .cc_dkzbevli_mLT4bd07V4 .product-card-favorite .product-card-discount, .cc_dkzbevli_PmVcMbRXZD .product-card-favorite .product-card-discount, .cc_dkzbevli_51MEtyDgyZ .product-card-favorite .product-card-discount, .cc_dkzbevli_s9pERiAVdS .product-card-favorite .product-card-discount, .cc_dkzbevli_jyw8D11LGo .product-card-favorite .product-card-discount, .cc_dkzbevli_IOSG4iAr3O .product-card-favorite .product-card-discount {
  font-size: 13px;
  font-weight: 600;
  color: var(--color-ink);
}

/* ============ variant: slider (old product-detail suggested list) ===== */
/*
 * Measured from product-detail/style.module.css (.productCard*), NOT guessed:
 * six cards across the viewport, 10px type, and — importantly — a PLAIN discount
 * price. product-list badges the discount in yellow (.productCardDiscountBadge);
 * product-detail's slider used .productCardDiscountPrice, plain black text.
 */
.cc_dkzbevli_mLT4bd07V4 .product-card-slider, .cc_dkzbevli_PmVcMbRXZD .product-card-slider, .cc_dkzbevli_51MEtyDgyZ .product-card-slider, .cc_dkzbevli_s9pERiAVdS .product-card-slider, .cc_dkzbevli_jyw8D11LGo .product-card-slider, .cc_dkzbevli_IOSG4iAr3O .product-card-slider {
  flex-shrink: 0;
  width: calc((100vw - 96px) / 6);
  user-select: none;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-slider .product-card-media, .cc_dkzbevli_PmVcMbRXZD .product-card-slider .product-card-media, .cc_dkzbevli_51MEtyDgyZ .product-card-slider .product-card-media, .cc_dkzbevli_s9pERiAVdS .product-card-slider .product-card-media, .cc_dkzbevli_jyw8D11LGo .product-card-slider .product-card-media, .cc_dkzbevli_IOSG4iAr3O .product-card-slider .product-card-media {
  aspect-ratio: 2 / 3;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-slider .product-card-info, .cc_dkzbevli_PmVcMbRXZD .product-card-slider .product-card-info, .cc_dkzbevli_51MEtyDgyZ .product-card-slider .product-card-info, .cc_dkzbevli_s9pERiAVdS .product-card-slider .product-card-info, .cc_dkzbevli_jyw8D11LGo .product-card-slider .product-card-info, .cc_dkzbevli_IOSG4iAr3O .product-card-slider .product-card-info {
  padding: var(--space-sm) 10px;
  gap: var(--space-2xs);
}

.cc_dkzbevli_mLT4bd07V4 .product-card-slider .product-card-name, .cc_dkzbevli_PmVcMbRXZD .product-card-slider .product-card-name, .cc_dkzbevli_51MEtyDgyZ .product-card-slider .product-card-name, .cc_dkzbevli_s9pERiAVdS .product-card-slider .product-card-name, .cc_dkzbevli_jyw8D11LGo .product-card-slider .product-card-name, .cc_dkzbevli_IOSG4iAr3O .product-card-slider .product-card-name, .cc_dkzbevli_mLT4bd07V4 .product-card-slider .product-card-price, .cc_dkzbevli_PmVcMbRXZD .product-card-slider .product-card-price, .cc_dkzbevli_51MEtyDgyZ .product-card-slider .product-card-price, .cc_dkzbevli_s9pERiAVdS .product-card-slider .product-card-price, .cc_dkzbevli_jyw8D11LGo .product-card-slider .product-card-price, .cc_dkzbevli_IOSG4iAr3O .product-card-slider .product-card-price, .cc_dkzbevli_mLT4bd07V4 .product-card-slider .product-card-old-price, .cc_dkzbevli_PmVcMbRXZD .product-card-slider .product-card-old-price, .cc_dkzbevli_51MEtyDgyZ .product-card-slider .product-card-old-price, .cc_dkzbevli_s9pERiAVdS .product-card-slider .product-card-old-price, .cc_dkzbevli_jyw8D11LGo .product-card-slider .product-card-old-price, .cc_dkzbevli_IOSG4iAr3O .product-card-slider .product-card-old-price, .cc_dkzbevli_mLT4bd07V4 .product-card-slider .product-card-discount, .cc_dkzbevli_PmVcMbRXZD .product-card-slider .product-card-discount, .cc_dkzbevli_51MEtyDgyZ .product-card-slider .product-card-discount, .cc_dkzbevli_s9pERiAVdS .product-card-slider .product-card-discount, .cc_dkzbevli_jyw8D11LGo .product-card-slider .product-card-discount, .cc_dkzbevli_IOSG4iAr3O .product-card-slider .product-card-discount {
  font-size: 10px;
}

.cc_dkzbevli_mLT4bd07V4 .product-card-slider .product-card-price-row, .cc_dkzbevli_PmVcMbRXZD .product-card-slider .product-card-price-row, .cc_dkzbevli_51MEtyDgyZ .product-card-slider .product-card-price-row, .cc_dkzbevli_s9pERiAVdS .product-card-slider .product-card-price-row, .cc_dkzbevli_jyw8D11LGo .product-card-slider .product-card-price-row, .cc_dkzbevli_IOSG4iAr3O .product-card-slider .product-card-price-row {
  gap: 6px;
  flex-wrap: nowrap;
}

/* No yellow badge here — plain text, unlike the grid variant. */
.cc_dkzbevli_mLT4bd07V4 .product-card-slider .product-card-discount, .cc_dkzbevli_PmVcMbRXZD .product-card-slider .product-card-discount, .cc_dkzbevli_51MEtyDgyZ .product-card-slider .product-card-discount, .cc_dkzbevli_s9pERiAVdS .product-card-slider .product-card-discount, .cc_dkzbevli_jyw8D11LGo .product-card-slider .product-card-discount, .cc_dkzbevli_IOSG4iAr3O .product-card-slider .product-card-discount {
  background: none;
  padding: 0;
  font-weight: 400;
  color: var(--color-ink-pure);
}

.cc_dkzbevli_mLT4bd07V4 .product-card-slider .product-card-overlay, .cc_dkzbevli_PmVcMbRXZD .product-card-slider .product-card-overlay, .cc_dkzbevli_51MEtyDgyZ .product-card-slider .product-card-overlay, .cc_dkzbevli_s9pERiAVdS .product-card-slider .product-card-overlay, .cc_dkzbevli_jyw8D11LGo .product-card-slider .product-card-overlay, .cc_dkzbevli_IOSG4iAr3O .product-card-slider .product-card-overlay {
  background: rgba(245, 245, 245, 0.9);
}

.cc_dkzbevli_mLT4bd07V4 .product-card-color-count, .cc_dkzbevli_PmVcMbRXZD .product-card-color-count, .cc_dkzbevli_51MEtyDgyZ .product-card-color-count, .cc_dkzbevli_s9pERiAVdS .product-card-color-count, .cc_dkzbevli_jyw8D11LGo .product-card-color-count, .cc_dkzbevli_IOSG4iAr3O .product-card-color-count {
  font-size: 9px;
  font-weight: 300;
  color: var(--color-ink-soft);
  text-decoration: underline;
  margin-top: 2px;
}

@media (max-width: 768px) {
  .cc_dkzbevli_mLT4bd07V4 .product-card-slider, .cc_dkzbevli_PmVcMbRXZD .product-card-slider, .cc_dkzbevli_51MEtyDgyZ .product-card-slider, .cc_dkzbevli_s9pERiAVdS .product-card-slider, .cc_dkzbevli_jyw8D11LGo .product-card-slider, .cc_dkzbevli_IOSG4iAr3O .product-card-slider {
    width: calc((100vw - 32px) / 2.3);
  }
}