.lx-cardadd-disabled,
.lx-cardadd:disabled,
.lx-addcart:disabled,
.lx-buynow:disabled {
  background-color: var(
    --8a3533f4-f2ac-5818-8184-94d477f8b3c1,
    #f4f5f2
  ) !important;
  color: var(--bd7526f4-5efe-5095-a130-8b3b32e95b2c, #4b5a52) !important;
}

/* Product discount badges */
.lx-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: var(--823142bf-ad72-5db2-8551-80f228744646, #C0492F) !important;
  background: var(--823142bf-ad72-5db2-8551-80f228744646, #C0492F) !important;
  color: var(--7e49d4b2-cdd1-54b6-ab12-eb864462ef01, #FFFFFF) !important;
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  line-height: 1.2 !important;
}

/* Card badges positioning */
.lx-card .lx-badge,
.lx-sres .lx-badge,
[data-card] .lx-badge,
.m .lx-badge {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 2 !important;
}

/* Homepage "Shop by category" cards (template_01 block lxcat1card). Layout
   lives in the Builder block styles; only the hover motion is here, because
   Builder emits one flat rule per element with no pseudo-class variants. */
.lx-catcard {
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
.lx-catcard:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(19, 36, 28, 0.14);
  border-color: var(--d4213383-85ba-5620-9b8c-1737f68c8fea, #0e5c3f);
}
.lx-catcard__img {
  transition: transform 0.6s ease;
}
.lx-catcard:hover .lx-catcard__img {
  transform: scale(1.06);
}
.lx-catcard__go {
  transition: background-color 0.2s ease, color 0.2s ease;
}
.lx-catcard__go svg {
  transition: transform 0.2s ease;
}
.lx-catcard:hover .lx-catcard__go {
  background-color: var(--d4213383-85ba-5620-9b8c-1737f68c8fea, #0e5c3f);
  color: #ffffff;
}
.lx-catcard:hover .lx-catcard__go svg {
  transform: translateX(3px);
}
@media (prefers-reduced-motion: reduce) {
  .lx-catcard,
  .lx-catcard__img,
  .lx-catcard__go,
  .lx-catcard__go svg {
    transition: none;
  }
  .lx-catcard:hover,
  .lx-catcard:hover .lx-catcard__img,
  .lx-catcard:hover .lx-catcard__go svg {
    transform: none;
  }
}