.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--surface-card);
  border: 1px solid var(--border-hairline);
  transition: border-color var(--dur-base) var(--ease-standard);
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard:hover, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard:hover, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard:hover {
  border-color: var(--mavo-purple);
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard__media, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard__media, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard__media {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: var(--surface-sunken);
  text-decoration: none;
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard__img, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard__img, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard__img {
  position: absolute;
  inset: 0;
  transition:
    transform var(--dur-slow) var(--ease-out),
    opacity var(--dur-slow) var(--ease-standard);
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard__img--hover, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard__img--hover, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard__img--hover {
  opacity: 0;
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard:hover .mavo-pcard__img, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard:hover .mavo-pcard__img, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard:hover .mavo-pcard__img {
  transform: scale(1.03);
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard:hover .mavo-pcard__img--hover, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard:hover .mavo-pcard__img--hover, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard:hover .mavo-pcard__img--hover {
  opacity: 1;
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard--soldout .mavo-pcard__img, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard--soldout .mavo-pcard__img, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard--soldout .mavo-pcard__img {
  opacity: 0.55;
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard__badges, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard__badges, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard__badges {
  position: absolute;
  top: var(--space-3);
  left: var(--space-3);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
  z-index: 2;
  pointer-events: none;
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard__fav, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard__fav, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard__fav {
  position: absolute;
  top: var(--space-2);
  right: var(--space-2);
  z-index: 2;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: var(--text-strong);
  cursor: pointer;
  transition: color var(--dur-fast) var(--ease-standard);
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard__fav:hover, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard__fav:hover, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard__fav:hover, .cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard__fav--on, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard__fav--on, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard__fav--on {
  color: var(--mavo-purple);
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard__body, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard__body, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-4);
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard__name, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard__name, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard__name {
  font-family: var(--font-display);
  font-weight: var(--fw-display-semibold);
  font-size: var(--fs-title-2);
  line-height: var(--lh-title-2);
  text-transform: uppercase;
  letter-spacing: var(--ls-display);
  color: var(--text-strong);
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard__sub, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard__sub, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard__sub {
  font-size: var(--fs-body-sm);
  line-height: var(--lh-body-sm);
  color: var(--text-muted);
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard__price, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard__price, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard__price {
  margin-top: var(--space-2);
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard__cta, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard__cta, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard__cta {
  margin-top: auto;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  border: 1px solid var(--border-strong);
  background: transparent;
  color: var(--text-strong);
  font-family: var(--font-body);
  font-size: var(--fs-micro);
  font-weight: var(--fw-body-medium);
  text-transform: uppercase;
  letter-spacing: var(--ls-label);
  cursor: pointer;
  transition:
    background-color var(--dur-fast) var(--ease-standard),
    color var(--dur-fast) var(--ease-standard),
    border-color var(--dur-fast) var(--ease-standard);
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard__price + .mavo-pcard__cta, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard__price + .mavo-pcard__cta, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard__price + .mavo-pcard__cta, .cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard__sub + .mavo-pcard__cta, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard__sub + .mavo-pcard__cta, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard__sub + .mavo-pcard__cta {
  margin-top: var(--space-3);
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard__cta:hover:not(:disabled), .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard__cta:hover:not(:disabled), .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard__cta:hover:not(:disabled) {
  background: var(--brand);
  border-color: var(--brand);
  color: var(--text-on-brand);
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard__cta--added, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard__cta--added, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard__cta--added {
  background: var(--mavo-black);
  border-color: var(--mavo-black);
  color: var(--mavo-white);
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard__cta:disabled, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard__cta:disabled, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard__cta:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard--dark, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard--dark, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard--dark {
  background: var(--surface-card-dark);
  border-color: var(--border-on-dark);
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard--dark .mavo-pcard__media, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard--dark .mavo-pcard__media, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard--dark .mavo-pcard__media {
  background: var(--gray-900);
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard--dark .mavo-pcard__name, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard--dark .mavo-pcard__name, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard--dark .mavo-pcard__name, .cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard--dark .mavo-pcard__fav, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard--dark .mavo-pcard__fav, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard--dark .mavo-pcard__fav {
  color: var(--text-on-dark);
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard--dark .mavo-pcard__sub, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard--dark .mavo-pcard__sub, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard--dark .mavo-pcard__sub {
  color: var(--text-on-dark-muted);
}

.cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard--dark .mavo-pcard__cta, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard--dark .mavo-pcard__cta, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard--dark .mavo-pcard__cta {
  border-color: var(--border-on-dark);
  color: var(--text-on-dark);
}

@media (max-width: 767px) {
  .cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard__body, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard__body, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard__body {
    padding: var(--space-3);
  }

  .cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard__name, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard__name, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard__name {
    font-size: 16px;
  }

  .cc_FvUkAKHosH_owDB6PJFMM .mavo-pcard__cta, .cc_FvUkAKHosH_IHqpuBNbJ6 .mavo-pcard__cta, .cc_FvUkAKHosH_YDQbQ8mgDi .mavo-pcard__cta {
    height: 36px;
  }
}