/* Webrra lightweight dynamic product cards */
.webrra-product-cards {
  --wpc-blue: #0071e3;
  --wpc-blue-2: #0a84ff;
  --wpc-ink: #102347;
  --wpc-muted: #71809c;
  width: 100%;
  max-width: 100%;
  margin: 28px auto;
  color: var(--wpc-ink);
  font-family: inherit;
  box-sizing: border-box;
}

.webrra-product-cards *,
.webrra-product-cards *::before,
.webrra-product-cards *::after {
  box-sizing: border-box;
}

.webrra-cards-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 18px;
}

.webrra-cards-head span {
  color: var(--wpc-blue);
  font-size: 12px;
  font-weight: 800;
}

.webrra-cards-head h2 {
  margin: 3px 0 0;
  color: var(--wpc-ink);
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.45;
}

.webrra-cards-grid {
  display: grid;
  grid-template-columns: repeat(var(--webrra-card-columns, 4), minmax(0, 262px));
  gap: 12px;
  justify-content: start;
  align-items: stretch;
}

.webrra-product-card {
  --wpc-blue: #0071e3;
  --wpc-blue-2: #0a84ff;
  --wpc-ink: #102347;
  --wpc-muted: #71809c;
  position: relative;
  display: flex;
  width: 100%;
  max-width: 262px;
  min-width: 0;
  height: 336px;
  min-height: 336px;
  max-height: 336px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 18px;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, rgba(0, 113, 227, .48), rgba(142, 207, 255, .17) 46%, rgba(0, 113, 227, .28)) border-box;
  box-shadow: 0 9px 24px rgba(0, 113, 227, .075), 0 2px 7px rgba(16, 35, 71, .035);
  transition: transform .24s ease, box-shadow .24s ease;
}

.webrra-product-card:hover {
  transform: translateY(-3px);
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, #0071e3, rgba(79, 172, 254, .48) 48%, #0a84ff) border-box;
  box-shadow: 0 15px 34px rgba(0, 113, 227, .13), 0 3px 10px rgba(16, 35, 71, .045);
}

.webrra-card-favorite {
  position: absolute;
  z-index: 4;
  top: 9px;
  left: 9px;
  display: grid;
  width: 34px;
  height: 34px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(0, 113, 227, .18);
  border-radius: 11px;
  background: rgba(255, 255, 255, .92);
  color: var(--wpc-blue);
  box-shadow: 0 7px 18px rgba(24, 80, 137, .10);
  cursor: pointer;
  transition: color .2s ease, background .2s ease, transform .2s ease;
}

.webrra-card-favorite:hover {
  transform: scale(1.06);
  color: #fff;
  background: var(--wpc-blue);
}

.webrra-card-favorite.is-active {
  color: #fff;
  background: linear-gradient(135deg, var(--wpc-blue), var(--wpc-blue-2));
}

.webrra-card-favorite .ic,
.webrra-card-favorite svg {
  display: block;
  width: 18px;
  height: 18px;
}

.webrra-card-favorite svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.webrra-card-favorite.is-active svg {
  fill: currentColor;
}

.webrra-card-badge,
.webrra-card-timer {
  position: absolute;
  z-index: 3;
  top: 10px;
  right: 9px;
  max-width: calc(100% - 58px);
  padding: 6px 8px;
  overflow: hidden;
  border-radius: 9px;
  color: #fff;
  background: #0e3c78;
  font-size: 9.5px;
  font-weight: 800;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.is-amazing .webrra-card-badge {
  background: linear-gradient(135deg, #005bc4, #148cff);
}

.is-installment .webrra-card-badge {
  background: linear-gradient(135deg, #087ee8, #12a5ff);
}

.has-provider-snapp .webrra-card-badge {
  background: linear-gradient(135deg, #069c68, #13c982);
}

.has-provider-digipay .webrra-card-badge {
  background: linear-gradient(135deg, #006edc, #19a1ff);
}

.webrra-card-timer {
  top: 42px;
  color: #0758ad;
  background: #e3f1ff;
  font-variant-numeric: tabular-nums;
  letter-spacing: .7px;
}

.webrra-card-media {
  position: relative;
  display: flex;
  width: 100%;
  height: 162px;
  min-height: 162px;
  flex: 0 0 162px;
  align-items: center;
  justify-content: center;
  padding: 8px;
  overflow: hidden;
  border: 0;
  background: #fff;
  box-shadow: none !important;
}

.webrra-card-media img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: auto !important;
  border: 0;
  border-radius: 0;
  object-fit: contain;
  object-position: 50% 50% !important;
  position: static !important;
  background: transparent;
  box-shadow: none !important;
  filter: none !important;
  transition: opacity .28s ease, transform .42s cubic-bezier(.2, .7, .2, 1);
}

.webrra-card-media .webrra-card-hover-image {
  position: absolute !important;
  z-index: 2;
  inset: 8px;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  margin: 0 !important;
  opacity: 0;
  pointer-events: none;
  transform: scale(1.035);
}

.webrra-product-card.has-webrra-hover-image:hover .webrra-card-image-primary {
  opacity: 0;
  transform: scale(.985);
}

.webrra-product-card.has-webrra-hover-image:hover .webrra-card-hover-image {
  opacity: 1;
  transform: scale(1);
}

.webrra-product-card:not(.has-webrra-hover-image):hover .webrra-card-media img {
  transform: scale(1.035);
}

.webrra-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  padding: 4px 10px 8px;
}

.webrra-card-kicker {
  display: flex;
  min-height: 14px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--wpc-muted);
  font-size: 9px;
}

.webrra-card-kicker .is-in {
  color: #087b57;
}

.webrra-card-kicker .is-out {
  color: #a94458;
}

.webrra-card-rating {
  direction: ltr;
  color: #d48a00;
  font-weight: 800;
}

.webrra-loop-meta {
  display: flex !important;
  width: auto;
  min-width: 0;
  min-height: 16px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0 10px 2px;
  color: var(--wpc-muted);
  font-size: 9.5px;
  font-weight: 750;
  line-height: 1.4;
}

.webrra-loop-stock {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.webrra-loop-stock.is-in {
  color: #087b57;
}

.webrra-loop-stock.is-out {
  color: #a94458;
}

.webrra-loop-rating {
  direction: ltr;
  flex: 0 0 auto;
  color: #d48a00;
  font-weight: 900;
  white-space: nowrap;
}

.webrra-card-body h3 {
  min-height: 36px;
  margin: 2px 0 3px;
  color: var(--wpc-ink);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.5;
}

.webrra-card-body h3 a {
  display: -webkit-box;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.webrra-card-price {
  position: relative;
  min-height: 30px;
  margin-top: auto;
  color: var(--wpc-ink);
  font-size: 13px;
  font-weight: 900;
  text-align: left;
}

.webrra-card-price-values {
  display: block;
  min-width: 0;
}

.webrra-card-price.has-webrra-discount .webrra-card-price-values {
  padding-right: 42px;
}

.webrra-card-price-badge {
  display: inline-flex;
  min-width: 34px;
  min-height: 22px;
  align-items: center;
  justify-content: center;
  gap: 1px;
  padding: 3px 7px;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(135deg, #0067ce, #168cff);
  box-shadow: 0 5px 12px rgba(0, 113, 227, .18);
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.webrra-card-price-badge b {
  color: inherit;
  font-size: 10px;
  font-weight: 950;
}

.webrra-card-price > .webrra-card-price-badge,
.webrra-woo-card .price > .webrra-loop-price-badge {
  position: absolute;
  right: 0;
  bottom: 3px;
  margin: 0;
}

.webrra-loop-price-badge {
  align-self: flex-start;
  margin: 0 10px 2px;
}

.webrra-card-price del {
  display: block;
  margin-bottom: 0;
  color: #9ca9ba;
  font-size: 9.5px;
  font-weight: 600;
}

.webrra-card-price ins {
  color: var(--wpc-blue);
  text-decoration: none;
}

.webrra-card-installment-strip {
  display: flex;
  min-height: 24px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 3px;
  padding: 3px 6px;
  border: 1px solid #cfe6ff;
  border-radius: 9px;
  color: #075da8;
  background: #f5faff;
  font-size: 8.5px;
  font-weight: 850;
  line-height: 1.35;
}

.webrra-card-provider-logo {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 6px;
}

.webrra-card-provider-logo i {
  display: grid;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  place-items: center;
  border-radius: 6px;
  color: #fff;
  background: #087ee8;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
}

.webrra-card-provider-logo b {
  overflow: hidden;
  font-size: 8.5px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.webrra-card-installment-strip.is-snapp {
  border-color: #bdebd9;
  color: #087f57;
  background: #f2fff9;
}

.webrra-card-installment-strip.is-snapp .webrra-card-provider-logo i {
  background: #08b87a;
}

.webrra-card-installment-strip.is-digipay {
  border-color: #c9e5ff;
  color: #006dcf;
  background: #f2f9ff;
}

.webrra-card-installment-strip.is-digipay .webrra-card-provider-logo i {
  background: #087ee8;
}

.webrra-card-installment-strip.is-none {
  color: #526784;
  background: #f7faff;
}

.webrra-card-installment-strip.is-none .webrra-card-provider-logo i {
  background: #5d7899;
}

.webrra-card-installment-strip.is-cash {
  border-color: #d8e8f8;
  color: #315d89;
  background: #f8fbff;
}

.webrra-card-installment-strip.is-cash .webrra-card-provider-logo i {
  background: linear-gradient(135deg, #315d89, #0071e3);
}

.webrra-card-add {
  display: flex;
  width: 100%;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 4px;
  border: 1px solid var(--wpc-blue);
  border-radius: 11px;
  color: #fff !important;
  background: linear-gradient(135deg, var(--wpc-blue), var(--wpc-blue-2));
  box-shadow: 0 9px 19px rgba(0, 113, 227, .20);
  font-size: 10.5px;
  font-weight: 900;
  text-decoration: none !important;
  transition: transform .2s ease, box-shadow .2s ease, color .2s ease, background .2s ease;
}

.webrra-card-add:hover {
  transform: translateY(-2px);
  color: #fff !important;
  background: linear-gradient(135deg, #005fbe, #007af5);
  box-shadow: 0 12px 24px rgba(0, 113, 227, .28);
}

.webrra-card-add.is-outline {
  color: var(--wpc-blue) !important;
  background: #fff;
  box-shadow: none;
}

.webrra-card-add.is-outline:hover {
  color: #fff !important;
  background: var(--wpc-blue);
}

.webrra-card-add .ic,
.webrra-card-add svg {
  display: block;
  width: 18px;
  height: 18px;
}

.webrra-card-add svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.webrra-product-cards .added_to_cart {
  display: none !important;
}

.webrra-cards-toast {
  position: fixed;
  z-index: 999999;
  right: 24px;
  bottom: 24px;
  max-width: min(360px, calc(100vw - 32px));
  padding: 13px 17px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 14px;
  color: #fff;
  background: #083f7f;
  box-shadow: 0 16px 40px rgba(5, 34, 72, .28);
  font-size: 12px;
  font-weight: 800;
  opacity: 0;
  pointer-events: none;
  transform: translateY(18px);
  transition: opacity .22s ease, transform .22s ease;
}

.webrra-cards-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.webrra-cards-notice {
  width: 100%;
  margin: 18px 0;
  padding: 14px 16px;
  border: 1px solid #cfe5ff;
  border-radius: 14px;
  color: #0758ad;
  background: #f2f8ff;
}

@media (max-width: 1100px) {
  .webrra-cards-grid {
    grid-template-columns: repeat(3, minmax(0, 262px));
  }
}

@media (max-width: 780px) {
  .webrra-cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .webrra-product-card {
    border-radius: 18px;
  }

  .webrra-card-media {
    padding: 7px;
  }

  .webrra-card-media .webrra-card-hover-image {
    inset: 7px;
    width: calc(100% - 14px);
    height: calc(100% - 14px);
  }
}

@media (max-width: 480px) {
  .webrra-product-cards {
    margin-block: 18px;
  }

  .webrra-product-card {
    height: 328px;
    min-height: 328px;
    max-height: 328px;
  }

  .webrra-card-favorite {
    top: 8px;
    left: 8px;
    width: 32px;
    height: 32px;
  }

  .webrra-card-badge,
  .webrra-card-timer {
    right: 8px;
  }

  .webrra-card-media {
    height: 150px;
    min-height: 150px;
    flex-basis: 150px;
    padding: 6px;
  }

  .webrra-card-media .webrra-card-hover-image {
    inset: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
  }

  .webrra-card-body {
    padding: 6px 10px 9px;
  }

  .webrra-card-body h3 {
    min-height: 40px;
    font-size: 12px;
  }

  .webrra-card-price {
    font-size: 13px;
  }
}

/* The same compact card is applied to WooCommerce's native product loop. */
.woocommerce ul.products li.product.webrra-woo-card,
.woocommerce-page ul.products li.product.webrra-woo-card {
  --wpc-blue: #0071e3;
  --wpc-blue-2: #0a84ff;
  --wpc-ink: #102347;
  --wpc-muted: #71809c;
  position: relative !important;
  display: flex !important;
  height: 336px !important;
  min-height: 336px !important;
  max-height: 336px !important;
  flex-direction: column !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid transparent !important;
  border-radius: 18px !important;
  color: var(--wpc-ink) !important;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, rgba(0, 113, 227, .48), rgba(142, 207, 255, .17) 46%, rgba(0, 113, 227, .28)) border-box !important;
  box-shadow: 0 9px 24px rgba(0, 113, 227, .075), 0 2px 7px rgba(16, 35, 71, .035) !important;
  box-sizing: border-box !important;
  transition: transform .24s ease, box-shadow .24s ease !important;
}

.woocommerce ul.products li.product.webrra-woo-card:hover,
.woocommerce-page ul.products li.product.webrra-woo-card:hover {
  transform: translateY(-3px);
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, #0071e3, rgba(79, 172, 254, .48) 48%, #0a84ff) border-box !important;
  box-shadow: 0 15px 34px rgba(0, 113, 227, .13), 0 3px 10px rgba(16, 35, 71, .045) !important;
}

.woocommerce li.product.webrra-woo-card *,
.woocommerce-page li.product.webrra-woo-card * {
  box-sizing: border-box;
}

.woocommerce li.product.webrra-woo-card > a.woocommerce-LoopProduct-link,
.woocommerce-page li.product.webrra-woo-card > a.woocommerce-LoopProduct-link {
  position: relative !important;
  display: flex !important;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  flex-direction: column;
  color: var(--wpc-ink) !important;
  text-decoration: none !important;
}

.woocommerce li.product.webrra-woo-card a.woocommerce-LoopProduct-link img,
.woocommerce-page li.product.webrra-woo-card a.woocommerce-LoopProduct-link img,
.woocommerce li.product.webrra-woo-card img.attachment-woocommerce_thumbnail,
.woocommerce-page li.product.webrra-woo-card img.attachment-woocommerce_thumbnail,
.woocommerce li.product.webrra-woo-card img.wp-post-image,
.woocommerce-page li.product.webrra-woo-card img.wp-post-image {
  display: block !important;
  width: 100% !important;
  height: 162px !important;
  min-height: 162px !important;
  max-height: 162px !important;
  margin: 0 auto !important;
  padding: 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transition: opacity .28s ease, transform .42s cubic-bezier(.2, .7, .2, 1);
}

.woocommerce li.product.webrra-woo-card .webrra-loop-hover-image,
.woocommerce-page li.product.webrra-woo-card .webrra-loop-hover-image {
  position: absolute !important;
  z-index: 2;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 162px !important;
  min-height: 162px !important;
  max-height: 162px !important;
  margin: 0 !important;
  padding: 8px !important;
  opacity: 0;
  pointer-events: none;
  transform: scale(1.035);
}

.woocommerce li.product.webrra-woo-card.has-webrra-hover-image:hover > a.woocommerce-LoopProduct-link > img:not(.webrra-loop-hover-image),
.woocommerce-page li.product.webrra-woo-card.has-webrra-hover-image:hover > a.woocommerce-LoopProduct-link > img:not(.webrra-loop-hover-image) {
  opacity: 0;
  transform: scale(.985);
}

.woocommerce li.product.webrra-woo-card.has-webrra-hover-image:hover .webrra-loop-hover-image,
.woocommerce-page li.product.webrra-woo-card.has-webrra-hover-image:hover .webrra-loop-hover-image {
  opacity: 1;
  transform: scale(1);
}

.woocommerce li.product.webrra-woo-card:not(.has-webrra-hover-image):hover > a.woocommerce-LoopProduct-link > img,
.woocommerce-page li.product.webrra-woo-card:not(.has-webrra-hover-image):hover > a.woocommerce-LoopProduct-link > img {
  transform: scale(1.035);
}

.woocommerce li.product.webrra-woo-card .woocommerce-loop-product__title,
.woocommerce-page li.product.webrra-woo-card .woocommerce-loop-product__title {
  display: -webkit-box !important;
  min-height: 36px !important;
  margin: 2px 10px 2px !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: var(--wpc-ink) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.woocommerce li.product.webrra-woo-card .star-rating,
.woocommerce-page li.product.webrra-woo-card .star-rating {
  display: none !important;
}

.woocommerce li.product.webrra-woo-card .price,
.woocommerce-page li.product.webrra-woo-card .price {
  position: relative;
  display: block !important;
  min-height: 30px;
  margin: auto 10px 1px !important;
  color: var(--wpc-blue) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.55 !important;
  text-align: left;
}

.woocommerce li.product.webrra-woo-card .price.has-webrra-discount,
.woocommerce-page li.product.webrra-woo-card .price.has-webrra-discount {
  padding-right: 42px !important;
}

.woocommerce li.product.webrra-woo-card .price del,
.woocommerce-page li.product.webrra-woo-card .price del {
  display: block;
  color: #9ca9ba !important;
  font-size: 10px !important;
  font-weight: 600;
}

.woocommerce li.product.webrra-woo-card .price ins,
.woocommerce-page li.product.webrra-woo-card .price ins {
  color: var(--wpc-blue) !important;
  text-decoration: none !important;
}

.woocommerce li.product.webrra-woo-card .webrra-card-installment-strip,
.woocommerce-page li.product.webrra-woo-card .webrra-card-installment-strip {
  width: auto;
  margin: 2px 9px 3px;
}

.woocommerce li.product.webrra-woo-card > .button,
.woocommerce-page li.product.webrra-woo-card > .button,
.woocommerce li.product.webrra-woo-card .button.add_to_cart_button,
.woocommerce-page li.product.webrra-woo-card .button.add_to_cart_button,
.woocommerce li.product.webrra-woo-card a.button.product_type_variable,
.woocommerce-page li.product.webrra-woo-card a.button.product_type_variable {
  display: flex !important;
  width: auto !important;
  min-height: 34px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 4px 9px 8px !important;
  padding: 6px 9px !important;
  border: 1px solid var(--wpc-blue) !important;
  border-radius: 11px !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--wpc-blue), var(--wpc-blue-2)) !important;
  box-shadow: 0 8px 17px rgba(0, 113, 227, .18) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}

.woocommerce li.product.webrra-woo-card > .button:hover,
.woocommerce-page li.product.webrra-woo-card > .button:hover,
.woocommerce li.product.webrra-woo-card .button.add_to_cart_button:hover,
.woocommerce-page li.product.webrra-woo-card .button.add_to_cart_button:hover,
.woocommerce li.product.webrra-woo-card a.button.product_type_variable:hover,
.woocommerce-page li.product.webrra-woo-card a.button.product_type_variable:hover {
  color: #fff !important;
  background: linear-gradient(135deg, #005fbe, #007af5) !important;
}

.woocommerce li.product.webrra-woo-card > .added_to_cart,
.woocommerce-page li.product.webrra-woo-card > .added_to_cart,
.woocommerce li.product.webrra-woo-card .added_to_cart,
.woocommerce-page li.product.webrra-woo-card .added_to_cart {
  display: none !important;
}

.woocommerce li.product.webrra-woo-card .onsale,
.woocommerce-page li.product.webrra-woo-card .onsale {
  z-index: 3 !important;
  top: 9px !important;
  right: 9px !important;
  left: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 6px 8px !important;
  border-radius: 9px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #005bc4, #148cff) !important;
  font-size: 9.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.woocommerce li.product.webrra-woo-card.has-provider-snapp .onsale,
.woocommerce-page li.product.webrra-woo-card.has-provider-snapp .onsale {
  background: linear-gradient(135deg, #069c68, #13c982) !important;
}

.woocommerce li.product.webrra-woo-card .webrra-loop-favorite,
.woocommerce-page li.product.webrra-woo-card .webrra-loop-favorite {
  z-index: 5;
}

/* Unified WooCommerce / Elementor / Woodmart archive card. */
.woocommerce .product.webrra-woo-card,
.woocommerce-page .product.webrra-woo-card {
  --wpc-blue: #0071e3;
  --wpc-blue-2: #0a84ff;
  --wpc-ink: #102347;
  --wpc-muted: #71809c;
  position: relative !important;
  display: flex !important;
  height: 336px !important;
  min-height: 336px !important;
  max-height: 336px !important;
  flex-direction: column !important;
  margin-top: 0 !important;
  overflow: hidden !important;
  border: 1px solid transparent !important;
  border-radius: 18px !important;
  color: var(--wpc-ink) !important;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, rgba(0, 113, 227, .48), rgba(142, 207, 255, .17) 46%, rgba(0, 113, 227, .28)) border-box !important;
  box-shadow: 0 9px 24px rgba(0, 113, 227, .075), 0 2px 7px rgba(16, 35, 71, .035) !important;
  box-sizing: border-box !important;
}

.woocommerce .product.webrra-woo-card:hover,
.woocommerce-page .product.webrra-woo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 34px rgba(0, 113, 227, .13), 0 3px 10px rgba(16, 35, 71, .045) !important;
}

.woocommerce .product.webrra-woo-card > .product-wrapper,
.woocommerce-page .product.webrra-woo-card > .product-wrapper {
  position: relative !important;
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  flex: 1 1 auto;
  flex-direction: column !important;
  overflow: hidden !important;
  border-radius: inherit !important;
  background: #fff !important;
}

.woocommerce .product.webrra-woo-card .product-element-top,
.woocommerce-page .product.webrra-woo-card .product-element-top {
  position: relative !important;
  width: 100% !important;
  height: 162px !important;
  min-height: 162px !important;
  max-height: 162px !important;
  flex: 0 0 162px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: none !important;
}

.woocommerce .product.webrra-woo-card .product-image-link,
.woocommerce-page .product.webrra-woo-card .product-image-link {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 7px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: none !important;
}

.woocommerce .product.webrra-woo-card .product-element-top img,
.woocommerce-page .product.webrra-woo-card .product-element-top img,
.woocommerce .product.webrra-woo-card .product-image-link img,
.woocommerce-page .product.webrra-woo-card .product-image-link img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  margin: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transition: opacity .28s ease, transform .42s cubic-bezier(.2, .7, .2, 1);
}

.woocommerce .product.webrra-woo-card.has-webrra-hover-image .product-element-top .hover-img,
.woocommerce-page .product.webrra-woo-card.has-webrra-hover-image .product-element-top .hover-img {
  display: none !important;
}

.woocommerce .product.webrra-woo-card .product-element-top > .webrra-loop-hover-image,
.woocommerce-page .product.webrra-woo-card .product-element-top > .webrra-loop-hover-image {
  position: absolute !important;
  z-index: 3;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 7px !important;
  opacity: 0;
  pointer-events: none;
  transform: scale(1.035);
}

.woocommerce .product.webrra-woo-card.has-webrra-hover-image:hover .product-image-link img:not(.webrra-loop-hover-image),
.woocommerce-page .product.webrra-woo-card.has-webrra-hover-image:hover .product-image-link img:not(.webrra-loop-hover-image) {
  opacity: 0;
  transform: scale(.985);
}

.woocommerce .product.webrra-woo-card.has-webrra-hover-image:hover .webrra-loop-hover-image,
.woocommerce-page .product.webrra-woo-card.has-webrra-hover-image:hover .webrra-loop-hover-image {
  opacity: 1;
  transform: scale(1);
}

.woocommerce .product.webrra-woo-card .product-information,
.woocommerce-page .product.webrra-woo-card .product-information {
  display: flex !important;
  min-height: 0 !important;
  flex: 1 1 auto;
  flex-direction: column !important;
  padding: 4px 10px 8px !important;
  background: #fff !important;
}

.woocommerce .product.webrra-woo-card .wd-entities-title,
.woocommerce-page .product.webrra-woo-card .wd-entities-title {
  display: -webkit-box !important;
  min-height: 36px !important;
  margin: 2px 0 3px !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: var(--wpc-ink) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.woocommerce .product.webrra-woo-card .wd-product-cats,
.woocommerce-page .product.webrra-woo-card .wd-product-cats,
.woocommerce .product.webrra-woo-card .wd-product-brands-links,
.woocommerce-page .product.webrra-woo-card .wd-product-brands-links,
.woocommerce .product.webrra-woo-card .wd-buttons,
.woocommerce-page .product.webrra-woo-card .wd-buttons,
.woocommerce .product.webrra-woo-card .product-labels,
.woocommerce-page .product.webrra-woo-card .product-labels,
.woocommerce .product.webrra-woo-card .onsale,
.woocommerce-page .product.webrra-woo-card .onsale {
  display: none !important;
}

.woocommerce .product.webrra-woo-card .wd-star-rating,
.woocommerce-page .product.webrra-woo-card .wd-star-rating {
  display: none !important;
}

.woocommerce .product.webrra-woo-card .product-information .webrra-loop-meta,
.woocommerce-page .product.webrra-woo-card .product-information .webrra-loop-meta {
  width: 100%;
  margin: 0 0 2px;
}

.woocommerce .product.webrra-woo-card .product-information .price,
.woocommerce-page .product.webrra-woo-card .product-information .price {
  position: relative;
  min-height: 30px !important;
  margin: auto 0 1px !important;
  color: var(--wpc-blue) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

.woocommerce .product.webrra-woo-card .product-information .price.has-webrra-discount,
.woocommerce-page .product.webrra-woo-card .product-information .price.has-webrra-discount {
  padding-right: 42px !important;
}

.woocommerce .product.webrra-woo-card .product-information .webrra-card-payment-strip,
.woocommerce-page .product.webrra-woo-card .product-information .webrra-card-payment-strip {
  width: 100%;
  margin: 2px 0 3px !important;
}

.woocommerce .product.webrra-woo-card .wd-add-btn,
.woocommerce-page .product.webrra-woo-card .wd-add-btn {
  margin: 1px 0 0 !important;
}

.woocommerce .product.webrra-woo-card .wd-add-btn > a,
.woocommerce-page .product.webrra-woo-card .wd-add-btn > a {
  display: flex !important;
  width: 100% !important;
  min-height: 34px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 6px 9px !important;
  border: 1px solid var(--wpc-blue) !important;
  border-radius: 11px !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--wpc-blue), var(--wpc-blue-2)) !important;
  box-shadow: 0 8px 17px rgba(0, 113, 227, .18) !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
}

.swiper-slide > .product.webrra-woo-card,
.swiper-slide .product.webrra-woo-card {
  margin-right: auto !important;
  margin-left: auto !important;
}

/* Add-to-cart popup mirrors the single-product success popup. */
body.webrra-card-modal-open {
  overflow: hidden !important;
}

.webrra-card-cart-overlay {
  position: fixed;
  z-index: 2147482000;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  direction: rtl;
}

.webrra-card-cart-overlay[hidden] {
  display: none !important;
}

.webrra-card-cart-dialog {
  position: relative;
  width: 100% !important;
  max-width: 412px !important;
  padding: 26px 22px 22px !important;
  overflow: visible !important;
  text-align: center;
}

.webrra-card-cart-dialog > .m-close {
  position: absolute;
  top: 13px;
  left: 13px;
}

.webrra-card-added-tick {
  display: block;
  width: 70px;
  height: 70px;
  margin: 0 auto 10px;
}

.webrra-card-added-tick circle {
  fill: none;
  stroke: #2f9e63;
  stroke-width: 3;
  stroke-dasharray: 170;
  stroke-dashoffset: 170;
  animation: webrra-card-tick-ring .62s cubic-bezier(.65, 0, .45, 1) forwards;
}

.webrra-card-added-tick .tick-bg {
  fill: rgba(47, 158, 99, .1);
  stroke: none;
  animation: webrra-card-tick-bg .4s ease .25s both;
}

.webrra-card-added-tick path {
  fill: none;
  stroke: #2f9e63;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 44;
  stroke-dashoffset: 44;
  animation: webrra-card-tick-check .34s cubic-bezier(.65, 0, .45, 1) .46s forwards;
}

.webrra-card-cart-dialog h3 {
  margin: 0 0 4px;
  color: #172033;
  font-size: 17px;
  font-weight: 850;
  line-height: 1.55;
}

.webrra-card-cart-sub {
  margin: 0 0 14px;
  color: #66758a;
  font-size: 12px;
  line-height: 1.7;
}

.webrra-card-cart-product {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 13px;
  padding: 10px;
  border: 1px solid #dbe7f4;
  border-radius: 14px;
  background: #f7faff;
  text-align: right;
}

.webrra-card-cart-product .thumb {
  display: flex;
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  align-items: center;
  justify-content: center;
  padding: 4px;
  overflow: hidden;
  border: 1px solid #dbe7f4;
  border-radius: 12px;
  background: #fff;
}

.webrra-card-cart-product .thumb img {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: contain;
  object-position: center;
}

.webrra-card-cart-product .body {
  display: block;
  min-width: 0;
  flex: 1;
}

.webrra-card-cart-product .name {
  display: -webkit-box;
  overflow: hidden;
  color: #172033;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1.6;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.webrra-card-cart-product .price {
  display: block;
  margin-top: 4px;
  color: #0071e3;
  font-size: 13px;
  font-weight: 900;
}

.webrra-card-cart-actions {
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  gap: 8px;
}

.webrra-card-cart-actions > * {
  display: flex !important;
  min-height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px;
  margin: 0 !important;
  padding: 9px 11px !important;
  border-radius: 12px !important;
  font: inherit !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  cursor: pointer;
}

.webrra-card-modal-continue {
  border: 1px solid #dbe7f4 !important;
  color: #0071e3 !important;
  background: #fff !important;
}

.webrra-card-modal-cart {
  border: 1px solid #0071e3 !important;
  color: #fff !important;
  background: linear-gradient(135deg, #0071e3, #0a84ff) !important;
  box-shadow: 0 10px 20px rgba(0, 113, 227, .18) !important;
}

.webrra-card-modal-cart:hover {
  color: #fff !important;
  background: linear-gradient(135deg, #005fbe, #007af5) !important;
}

.webrra-card-modal-cart .ic,
.webrra-card-modal-cart svg {
  display: block;
  width: 17px;
  height: 17px;
}

.webrra-card-modal-cart svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@keyframes webrra-card-tick-ring {
  to { stroke-dashoffset: 0; }
}

@keyframes webrra-card-tick-bg {
  from { opacity: 0; transform: scale(.7); transform-origin: center; }
  to { opacity: 1; transform: scale(1); transform-origin: center; }
}

@keyframes webrra-card-tick-check {
  to { stroke-dashoffset: 0; }
}

@media (max-width: 480px) {
  .woocommerce ul.products li.product.webrra-woo-card,
  .woocommerce-page ul.products li.product.webrra-woo-card {
    height: 328px !important;
    min-height: 328px !important;
    max-height: 328px !important;
  }

  .woocommerce li.product.webrra-woo-card a.woocommerce-LoopProduct-link img,
  .woocommerce-page li.product.webrra-woo-card a.woocommerce-LoopProduct-link img,
  .woocommerce li.product.webrra-woo-card img.attachment-woocommerce_thumbnail,
  .woocommerce-page li.product.webrra-woo-card img.attachment-woocommerce_thumbnail,
  .woocommerce li.product.webrra-woo-card img.wp-post-image,
  .woocommerce-page li.product.webrra-woo-card img.wp-post-image {
    height: 150px !important;
    min-height: 150px !important;
    max-height: 150px !important;
    padding: 6px !important;
  }

  .woocommerce li.product.webrra-woo-card .webrra-loop-hover-image,
  .woocommerce-page li.product.webrra-woo-card .webrra-loop-hover-image {
    height: 150px !important;
    min-height: 150px !important;
    max-height: 150px !important;
    padding: 6px !important;
  }

  .woocommerce .product.webrra-woo-card,
  .woocommerce-page .product.webrra-woo-card {
    height: 328px !important;
    min-height: 328px !important;
    max-height: 328px !important;
  }

  .woocommerce .product.webrra-woo-card .product-element-top,
  .woocommerce-page .product.webrra-woo-card .product-element-top {
    height: 150px !important;
    min-height: 150px !important;
    max-height: 150px !important;
    flex-basis: 150px !important;
  }

  .webrra-card-cart-overlay {
    padding: 10px;
  }

  .webrra-card-cart-dialog {
    padding: 22px 16px 16px !important;
  }

  .webrra-card-cart-actions {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .webrra-product-card,
  .webrra-card-media img,
  .webrra-card-add,
  .webrra-card-favorite,
  .webrra-cards-toast,
  .webrra-card-added-tick * {
    transition: none;
    animation: none;
  }
}