.cc_5c3k0asr_6DJvjxVDdz .cc-btn, .cc_5c3k0asr_C4GXRjFkax .cc-btn, .cc_5c3k0asr_bXxQ6MpOVf .cc-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid transparent;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
}
.cc_5c3k0asr_6DJvjxVDdz .cc-btn::after, .cc_5c3k0asr_C4GXRjFkax .cc-btn::after, .cc_5c3k0asr_bXxQ6MpOVf .cc-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--042ULgokKi);
  opacity: 0;
  transition: opacity 200ms ease-out;
  pointer-events: none;
}
.cc_5c3k0asr_6DJvjxVDdz .cc-btn:hover::after, .cc_5c3k0asr_C4GXRjFkax .cc-btn:hover::after, .cc_5c3k0asr_bXxQ6MpOVf .cc-btn:hover::after {
  opacity: var(--alina-btn-hover-opacity, 0.14);
}
.cc_5c3k0asr_6DJvjxVDdz .cc-btn:focus-visible, .cc_5c3k0asr_C4GXRjFkax .cc-btn:focus-visible, .cc_5c3k0asr_bXxQ6MpOVf .cc-btn:focus-visible {
  outline: 2px solid var(--gK5UAqGu10);
  outline-offset: 2px;
}

.cc_5c3k0asr_6DJvjxVDdz .category-card, .cc_5c3k0asr_C4GXRjFkax .category-card, .cc_5c3k0asr_bXxQ6MpOVf .category-card {
  display: flex;
  flex-direction: column;
}
.cc_5c3k0asr_6DJvjxVDdz .category-card__media-wrap, .cc_5c3k0asr_C4GXRjFkax .category-card__media-wrap, .cc_5c3k0asr_bXxQ6MpOVf .category-card__media-wrap {
  position: relative;
  aspect-ratio: 1 / 1;
  border-radius: 6px;
  overflow: hidden;
  background-color: var(--hqVzrlxrJl);
}
.cc_5c3k0asr_6DJvjxVDdz .category-card__media-link, .cc_5c3k0asr_C4GXRjFkax .category-card__media-link, .cc_5c3k0asr_bXxQ6MpOVf .category-card__media-link {
  display: block;
  width: 100%;
  height: 100%;
}
.cc_5c3k0asr_6DJvjxVDdz .category-card__media, .cc_5c3k0asr_C4GXRjFkax .category-card__media, .cc_5c3k0asr_bXxQ6MpOVf .category-card__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
/* The hover layer paints its own surface and covers the primary media, so the
 * primary never fades. Fading it here would blank the card on hover for
 * single-image products, which render no hover layer at all. */
.cc_5c3k0asr_6DJvjxVDdz .category-card__media--hover, .cc_5c3k0asr_C4GXRjFkax .category-card__media--hover, .cc_5c3k0asr_bXxQ6MpOVf .category-card__media--hover {
  opacity: 0;
  visibility: hidden;
  background-color: var(--hqVzrlxrJl);
  transition: opacity 300ms ease-out, visibility 0s linear 300ms;
}
.cc_5c3k0asr_6DJvjxVDdz .category-card__media-wrap:hover .category-card__media--hover, .cc_5c3k0asr_C4GXRjFkax .category-card__media-wrap:hover .category-card__media--hover, .cc_5c3k0asr_bXxQ6MpOVf .category-card__media-wrap:hover .category-card__media--hover {
  opacity: 1;
  visibility: visible;
  transition: opacity 300ms ease-out;
}
.cc_5c3k0asr_6DJvjxVDdz .category-card__media--empty, .cc_5c3k0asr_C4GXRjFkax .category-card__media--empty, .cc_5c3k0asr_bXxQ6MpOVf .category-card__media--empty {
  background-color: var(--hqVzrlxrJl);
}
.cc_5c3k0asr_6DJvjxVDdz .category-card__overlay, .cc_5c3k0asr_C4GXRjFkax .category-card__overlay, .cc_5c3k0asr_bXxQ6MpOVf .category-card__overlay {
  position: absolute;
  inset: 0;
  background-color: color-mix(in srgb, var(--042ULgokKi) 32%, transparent);
  pointer-events: none;
}
.cc_5c3k0asr_6DJvjxVDdz .category-card__badge, .cc_5c3k0asr_C4GXRjFkax .category-card__badge, .cc_5c3k0asr_bXxQ6MpOVf .category-card__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background-color: var(--ve34CtRWga, var(--dwU1XscTgg));
  color: var(--w1Y30M0Kgr, var(--w6I1Srb2I9));
  border-radius: 100px;
  padding: 4px 10px;
}
.cc_5c3k0asr_6DJvjxVDdz .category-card__favorite, .cc_5c3k0asr_C4GXRjFkax .category-card__favorite, .cc_5c3k0asr_bXxQ6MpOVf .category-card__favorite {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  background-color: color-mix(in srgb, var(--w6I1Srb2I9) 82%, transparent);
  color: var(--042ULgokKi);
}
.cc_5c3k0asr_6DJvjxVDdz .category-card__favorite:focus-visible, .cc_5c3k0asr_C4GXRjFkax .category-card__favorite:focus-visible, .cc_5c3k0asr_bXxQ6MpOVf .category-card__favorite:focus-visible {
  outline: 2px solid var(--gK5UAqGu10);
  outline-offset: 2px;
}
.cc_5c3k0asr_6DJvjxVDdz .category-card__stock, .cc_5c3k0asr_C4GXRjFkax .category-card__stock, .cc_5c3k0asr_bXxQ6MpOVf .category-card__stock {
  position: absolute;
  top: 12px;
  left: 12px;
  border-radius: 100px;
  padding: 4px 10px;
  background-color: color-mix(in srgb, var(--w6I1Srb2I9) 90%, transparent);
  color: var(--042ULgokKi);
}
.cc_5c3k0asr_6DJvjxVDdz .category-card__cta-slot, .cc_5c3k0asr_C4GXRjFkax .category-card__cta-slot, .cc_5c3k0asr_bXxQ6MpOVf .category-card__cta-slot {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  display: flex;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 200ms ease-out, transform 200ms ease-out;
  pointer-events: none;
}
.cc_5c3k0asr_6DJvjxVDdz .category-card__media-wrap:hover .category-card__cta-slot, .cc_5c3k0asr_C4GXRjFkax .category-card__media-wrap:hover .category-card__cta-slot, .cc_5c3k0asr_bXxQ6MpOVf .category-card__media-wrap:hover .category-card__cta-slot, .cc_5c3k0asr_6DJvjxVDdz .category-card__media-wrap:focus-within .category-card__cta-slot, .cc_5c3k0asr_C4GXRjFkax .category-card__media-wrap:focus-within .category-card__cta-slot, .cc_5c3k0asr_bXxQ6MpOVf .category-card__media-wrap:focus-within .category-card__cta-slot {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.cc_5c3k0asr_6DJvjxVDdz .category-card__cta, .cc_5c3k0asr_C4GXRjFkax .category-card__cta, .cc_5c3k0asr_bXxQ6MpOVf .category-card__cta {
  width: 100%;
  background-color: var(--category-cta-bg, var(--042ULgokKi));
  color: var(--category-cta-text, var(--w6I1Srb2I9));
  border-color: transparent;
}
.cc_5c3k0asr_6DJvjxVDdz .category-card__body, .cc_5c3k0asr_C4GXRjFkax .category-card__body, .cc_5c3k0asr_bXxQ6MpOVf .category-card__body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 12px;
  flex: 1 1 auto;
}
.cc_5c3k0asr_6DJvjxVDdz .category-card__name-link, .cc_5c3k0asr_C4GXRjFkax .category-card__name-link, .cc_5c3k0asr_bXxQ6MpOVf .category-card__name-link {
  text-decoration: none;
}
.cc_5c3k0asr_6DJvjxVDdz .category-card__name, .cc_5c3k0asr_C4GXRjFkax .category-card__name, .cc_5c3k0asr_bXxQ6MpOVf .category-card__name {
  margin: 0;
  font-size: clamp(16px, 14.24px + 0.37vw, 18px);
  color: var(--042ULgokKi);
}
.cc_5c3k0asr_6DJvjxVDdz .category-card__subtitle, .cc_5c3k0asr_C4GXRjFkax .category-card__subtitle, .cc_5c3k0asr_bXxQ6MpOVf .category-card__subtitle {
  margin: 0;
  color: var(--kubySwWo6D);
}
.cc_5c3k0asr_6DJvjxVDdz .category-card__footer, .cc_5c3k0asr_C4GXRjFkax .category-card__footer, .cc_5c3k0asr_bXxQ6MpOVf .category-card__footer {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 8px;
}
.cc_5c3k0asr_6DJvjxVDdz .category-card__price, .cc_5c3k0asr_C4GXRjFkax .category-card__price, .cc_5c3k0asr_bXxQ6MpOVf .category-card__price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}
.cc_5c3k0asr_6DJvjxVDdz .category-card__price-current, .cc_5c3k0asr_C4GXRjFkax .category-card__price-current, .cc_5c3k0asr_bXxQ6MpOVf .category-card__price-current {
  font-size: clamp(16px, 14.24px + 0.37vw, 18px);
  color: var(--042ULgokKi);
}
.cc_5c3k0asr_6DJvjxVDdz .category-card__price-old, .cc_5c3k0asr_C4GXRjFkax .category-card__price-old, .cc_5c3k0asr_bXxQ6MpOVf .category-card__price-old {
  color: var(--kObXNvvaqD);
  text-decoration: line-through;
}
@media (prefers-reduced-motion: reduce) {
  .cc_5c3k0asr_6DJvjxVDdz .category-card__media--primary, .cc_5c3k0asr_C4GXRjFkax .category-card__media--primary, .cc_5c3k0asr_bXxQ6MpOVf .category-card__media--primary, .cc_5c3k0asr_6DJvjxVDdz .category-card__media--hover, .cc_5c3k0asr_C4GXRjFkax .category-card__media--hover, .cc_5c3k0asr_bXxQ6MpOVf .category-card__media--hover, .cc_5c3k0asr_6DJvjxVDdz .category-card__cta-slot, .cc_5c3k0asr_C4GXRjFkax .category-card__cta-slot, .cc_5c3k0asr_bXxQ6MpOVf .category-card__cta-slot {
    transition: none;
  }
}