.m-product-card {
  position: relative;
}
.m-product-card__media {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .m-product-card__media:hover .m-product-card__main-image,
  .m-product-card__media:hover .m-placeholder-svg {
    transform: scale3d(1.1, 1.1, 1.1) translateZ(0);
  }
  .m-product-card__media:hover .m-countdown-timer {
    opacity: 0;
    transform: translate3d(0, 150%, 0);
  }
  .m-product-card__media:hover .m-product-card__action {
    opacity: 1;
    transform: translateZ(0);
    z-index: 10;
  }
}
.m-product-card__main-image,
.m-product-card svg {
  transition: opacity 0.8s ease,
    transform 1.1s cubic-bezier(0.15, 0.75, 0.5, 1) 0s;
}
.m-product-card__hover-image {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  opacity: 0;
  transition: opacity 0.8s ease,
    transform 1.1s cubic-bezier(0.15, 0.75, 0.5, 1) 0s;
}
.m-product-card__tags {
  display: none;
  /* display: flex;
  flex-wrap: wrap;
  gap: 8px;
  position: absolute;
  top: 18px;
  left: 18px; */
}
@media screen and (max-width: 767px) {
  /* .m-product-card__tags {
    top: 13px;
    left: 13px;
  } */
}
.m-product-card__tag-name {
  color: rgba(var(--text-white), 1);
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  padding: 2px 10px;
  border-radius: 11px;
  display: inline-flex;
  align-items: center;
}
.m-product-card__tag-name:empty {
  font-size: 0;
  display: none;
  padding: 0;
  margin: 0;
}
.m-product-card .m-countdown-timer {
  color: #ff706b;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 1;
  padding: 8px;
  width: 100%;
  transform: translateZ(0);
  transition: all var(--m-duration-default, 0.25s) ease;
}
@media screen and (min-width: 1280px) {
  .m-product-card .m-countdown-timer {
    padding: 16px;
  }
}
.m-product-card .m-countdown-timer__wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 3px;
}
@media screen and (min-width: 1024px) {
  .m-product-card .m-countdown-timer__wrapper {
    gap: 5px;
  }
}
.m-product-card .m-countdown-timer__box {
  background-color: rgba(var(--bg-white), 1);
  padding: 4px;
  border-radius: 6px;
  text-align: center;
  min-width: auto;
}
@media screen and (min-width: 1024px) {
  .m-product-card .m-countdown-timer__box {
    padding: 6px;
  }
}
@media screen and (min-width: 1280px) {
  .m-product-card .m-countdown-timer__box {
    padding: 8px;
  }
}
.m-product-card .m-countdown-timer__digit {
  font-size: 16px;
  line-height: 1.333;
}
@media screen and (min-width: 1024px) {
  .m-product-card .m-countdown-timer__digit {
    font-size: 24px;
  }
}
@media screen and (max-width: 639px) {
  .m-product-card .m-countdown-timer__digit {
    font-size: 15px;
  }
}
.m-product-card .m-countdown-timer__text {
  font-size: 12px;
  font-weight: 400;
  margin-top: 0;
  text-transform: uppercase;
}
@media screen and (max-width: 639px) {
  .m-product-card .m-countdown-timer__text {
    font-size: 11px;
  }
}
.m-product-card__addons .m-product-form {
  border-right: none;
  width: 34px;
  height: auto;
}
.m-cols-1 .m-product-card__addons .m-product-form {
  width: 45px;
  height: 45px;
}
@media screen and (min-width: 1024px) {
  .m-product-card__addons .m-product-form {
    width: 45px;
    height: 45px;
  }
}
.m-product-card__action {
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  opacity: 1;
  gap: 10px 2px;
}
@media screen and (max-width: 1023px) {
  .m-product-card__action .m-tooltip--style-1.m-button--icon {
    aspect-ratio: 1;
  }
}
@media screen and (min-width: 1024px) {
  .m-product-card__action {
    gap: 10px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    opacity: 0;
    transform: translate3d(0, 150%, 0);
    transition: all var(--m-duration-default, 0.25s) ease;
  }
}
.m-product-card__action .m-button--icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  margin-bottom: 0;
  border: 1px solid rgb(var(--color-border));
}
.m-cols-1 .m-product-card__action .m-button--icon {
  width: 45px;
  height: 45px;
}
.m-product-card__action .m-button--icon.added-to-compare,
.m-product-card__action .m-button--icon.added-to-wishlist {
  border-color: rgb(var(--color-tooltip));
}
.m-product-card__action .m-button--icon.added-to-compare:hover,
.m-product-card__action .m-button--icon.added-to-wishlist:hover {
  box-shadow: 0 0 0 0.2rem rgb(var(--color-tooltip));
  border-color: rgb(var(--color-tooltip)) !important;
}
@media screen and (min-width: 1024px) {
  .m-product-card__action .m-button--icon {
    width: 45px;
    height: 45px;
  }
}
.m-product-card__action svg {
  width: 15px;
  height: 15px;
}
@media screen and (min-width: 1280px) {
  .m-product-card__action svg {
    width: 16px;
    height: 16px;
  }
}
.m-product-card__action .m-product-card__action-wrapper {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .m-product-card__action--top {
    flex-direction: column;
    top: 20px;
    right: 20px;
    left: auto;
    bottom: auto;
    transform: translate3d(150%, 0, 0);
  }
}
.m-product-card__content {
  position: relative;
  padding: 8px 16px;
}
@media screen and (min-width: 1024px){
  padding: 16px 32px;
}
.m-product-card__content .m-price--on-sale .m-price__sale {
  justify-content: center;
}
.m-product-card__content.m\:text-right .m-price--on-sale .m-price__sale {
  justify-content: flex-end;
}
.m-product-card__content.m\:text-left .m-price--on-sale .m-price__sale {
  justify-content: flex-start;
}
.m-product-card__info {
  /* margin-top: 12px; */
  display: flex;
  flex-direction: column;
  gap: 3px;
}
@media screen and (min-width: 1024px) {
  .m-product-card__info {
    /* margin-top: 20px; */
  }
}
.m-product-card__type {
  color: rgb(var(--color-foreground-secondary));
  font-size: 14px;
  text-transform: uppercase;
}
.m-product-card__vendor {
  color: rgb(var(--color-foreground-secondary));
  font-size: 12px;
  line-height: 1.333;
  /* margin-bottom: 8px; */
  text-transform: uppercase;
  display: block;
}
.m-product-card__title {
  font-size: calc(var(--font-base-size, 16) * 1px);
  /* margin-bottom: 5px; */
}
.m-product-card__name {
  font-weight: 500;
  line-height: 1.5;
  display: block;
  transition: color var(--m-duration-default, 0.25s);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: var(--product-title-line-clamp, unset);
  -webkit-box-orient: vertical;
}
.m-product-card__name:hover {
  color: rgb(var(--color-foreground-secondary));
}
.m-product-card__reviews {
  margin-bottom: 10px;
}
.m-product-card__reviews:empty,
.m-product-card__reviews > div:empty {
  display: none;
  margin-bottom: 0;
}
.m-product-card__reviews .spr-badge {
  font-size: 14px;
}
.m-product-card__reviews .spr-starrating {
  align-items: center;
  justify-content: unset;
  margin-bottom: 0;
  margin-top: 0;
}
.m-product-card__price {
  line-height: 1.5;
}
.m-product-card__price .m-price__unit {
  font-size: 85%;
}
.m-product-card__inventory {
  font-size: 15px;
  margin-top: 12px;
}
.m-product-card__content-footer {
  display: none;
  margin-top: 20px;
}
.m-product-card__content-footer .m-product-card__atc-button {
  display: none;
}
.m-product-card__description {
  color: rgb(var(--color-foreground-secondary));
  margin-bottom: 16px;
  line-height: 1.75;
}
.m-product-card__background-expand {
  transform: scale(1, 1) translateY(0px) translateZ(0px);
  display: block;
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgb(var(--color-background));
  border-radius: 5px;
  transition: transform var(--m-duration-long, 0.5s)
    cubic-bezier(0.2, 0.75, 0.5, 1);
  pointer-events: none;
  z-index: -1;
  top: 0;
}
.m-product-card__background-expand:before {
  display: block;
  content: "";
  position: absolute;
  z-index: -2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-origin: center;
  background-color: rgba(0, 0, 0, 0);
  opacity: 0;
  transition: opacity var(--m-duration-long, 0.5s)
    cubic-bezier(0.2, 0.75, 0.5, 1);
  box-shadow: 0px 10px 15px rgba(var(--color-foreground), 0.07);
}
@media screen and (min-width: 1024px) {
  .m-product-card--style-1
    .m-product-card__addons
    .m-product-form:has(.m-product-card__atc-button),
  .m-product-card--style-1 .m-product-card__addons .m-product-card__atc-button {
    display: none;
  }
}
.m-product-card--style-2 .m-product-card__media .m-product-card__action {
  gap: 0;
}
@media screen and (max-width: 1023px) {
  .m-product-card--style-2 .m-product-card__media .m-product-card__action {
    top: auto;
    bottom: 20px;
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.m-product-card--style-2
  .m-product-card__media
  .m-product-card__action
  .m-button--icon {
  border-radius: 0;
  box-shadow: none;
  border-width: 0 1px 0 0;
  border-right: 1px solid rgb(var(--color-border));
}
.m-product-card--style-2
  .m-product-card__media
  .m-product-card__action
  > *:first-child {
  border-radius: 5px 0 0 5px;
}
.m-product-card--style-2
  .m-product-card__media
  .m-product-card__action
  > *:last-child {
  border-right: 0;
  border-radius: 0 5px 5px 0;
}
@media screen and (min-width: 1024px) {
  .m-product-card--style-2:hover {
    z-index: 1;
  }
  .m-product-card--style-2:hover .m-product-card__background-expand {
    transform: scale(1.06, 1.05) translateY(0) translateZ(0);
  }
  .m-product-card--style-2:hover .m-product-card__background-expand:before {
    opacity: 1;
    pointer-events: all;
  }
}
@media screen and (min-width: 768px) {
  .m-product-card--style-3 .m-product-card__addons .m-wishlist-button {
    display: none;
  }
}
.m-product-card--style-3 .m-product-card__action--top {
  top: 15px;
  right: 15px;
  transform: none;
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .m-product-card--style-3:hover {
    z-index: 1;
  }
  .m-product-card--style-3:hover .m-product-card__background-expand {
    transform: scale(1.06, 1.05) translateY(0) translateZ(0);
  }
  .m-product-card--style-3:hover .m-product-card__background-expand:before {
    opacity: 1;
    pointer-events: all;
  }
}
.m-product-card--style-4
  .m-product-card__content
  .m-product-card__action-wrapper {
  width: 100%;
  margin: 20px auto 0;
}
.m-product-card--style-4
  .m-product-card__content
  .m-product-card__action-wrapper
  .m-button {
  width: 100%;
}
.m-product-card--style-4
  .m-product-card__content-footer
  .m-product-card__action-wrapper {
  width: auto;
  margin: 0;
}
.m-product-card--style-4
  .m-product-card__content-footer
  .m-product-card__action-wrapper
  .m-button {
  width: auto;
}
.m-product-card--style-5 .m-product-card__info .m-product-card__action {
  top: 0;
  right: 0;
  left: auto;
  bottom: auto;
  opacity: 1;
  transform: none;
}
.m-product-card--style-5 .m-product-card__info .m-wishlist-button {
  border: 1px solid rgb(var(--color-border));
  background-color: rgba(0, 0, 0, 0);
  color: rgb(var(--color-foreground));
}
.m-product-card--style-5
  .m-product-card__info
  .m-wishlist-button.added-to-wishlist {
  color: rgb(var(--color-button-text-hover));
  border-color: rgb(var(--color-button-hover)) !important;
  background-color: rgb(var(--color-button-hover));
  box-shadow: 0 0 0 0.2rem rgb(var(--color-button-hover));
}
@media screen and (max-width: 767px) {
  .m-product-card--style-5
    .m-product-card__info
    .m-wishlist-button.added-to-wishlist {
    box-shadow: none;
  }
}
@media screen and (min-width: 1024px) {
  .m-product-card--style-5 .m-product-card__info .m-wishlist-button:hover {
    color: rgb(var(--color-button-text-hover));
    border-color: rgb(var(--color-button-hover)) !important;
    background-color: rgb(var(--color-button-hover));
    box-shadow: 0 0 0 0.2rem rgb(var(--color-button-hover));
  }
}
.m-product-card--style-5.m-product-card--enable-wishlist .m-product-card__info {
  padding-right: 48px;
}
@media screen and (min-width: 1024px) {
  .m-product-card--show-second-img
    .m-product-card__media:hover
    .m-product-card__main-image {
    transform: scale3d(1, 1, 1) translateZ(0);
    opacity: 0;
  }
  .m-product-card--show-second-img
    .m-product-card__media:hover
    .m-product-card__hover-image {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1) translateZ(0);
  }
}
.m-product-card--placeholder .m-product-card__media {
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .m-product-card--placeholder .m-product-card__media:hover svg {
    transform: scale3d(1.1, 1.1, 1.1) translateZ(0);
  }
}
.m-product-card--placeholder .m-product-card__name {
  margin-bottom: 5px;
  color: rgb(var(--color-heading));
}
.m-product-card--placeholder .m-price {
  color: rgb(var(--color-price-regular));
}
.m-product-card .m-product-option {
  display: flex;
  margin-bottom: 0;
  margin-top: 12px;
}
.m-product-card .m-product-option--more-option {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  color: rgb(var(--color-foreground), 0.75);
  min-width: 30px;
  padding: 6px;
}
.m-product-card .m-product-option--more-option .m-tooltip {
  margin: 0;
  padding: 0;
}
.m-cols-1 .m-product-card__content {
  text-align: left !important;
}
.m-cols-1 .m-product-card--style-2:hover .m-product-card__background-expand {
  transform: scale(1.03, 1.1) translateY(0) translateZ(0);
}
.m-cols-1 .m-product-card--style-3:hover .m-product-card__background-expand {
  transform: scale(1.03, 1.1) translateY(0) translateZ(0);
}
.m-cols-1
  .m-product-card--style-4
  .m-product-card__content
  .m-product-card__action-wrapper {
  display: none;
}
.m-cols-1
  .m-product-card--style-4
  .m-product-card__content-footer
  .m-product-card__action-wrapper {
  display: block;
}
@media screen and (min-width: 768px) {
  .m-cols-1 .m-product-card {
    display: flex;
  }
  .m-cols-1 .m-product-card__media {
    margin-right: 30px;
    flex-shrink: 0;
    width: 270px;
    max-width: 100%;
  }
  .m-cols-1 .m-product-card__content {
    flex: 1 1 0%;
    padding-right: 0 !important;
  }
  .m-cols-1 .m-product-card__action {
    display: none;
  }
  .m-cols-1 .m-product-card__content-footer {
    display: block;
  }
  .m-cols-1 .m-product-card__content-footer .m-product-card__action {
    display: flex;
    justify-content: flex-start;
    position: static;
    transform: none;
    opacity: 1;
  }
  .m-cols-1 .m-product-card__content-footer .m-product-card__action-icons {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .m-cols-1 .m-product-card__content-footer .m-product-card__action svg {
    width: 20px;
    height: 20px;
    margin: auto;
  }
}
.m-product-sale-progress {
  margin-top: 15px;
  margin-bottom: 15px;
}
.m-product-sale-progress__bar {
  height: 8px;
  width: 100%;
  position: relative;
  background: rgba(192, 44, 48, 0.12);
  border-radius: 2px;
}
.m-product-sale-progress__bar > span {
  width: 0;
  background: #ef2d2d;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  transition: var(--m-duration-long, 0.5s) all;
}
.m-product-sale-progress__text {
  color: rgb(var(--color-foreground-secondary));
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
.m-product-sale-progress__text strong {
  color: rgb(var(--color-foreground));
}
.m-product-sale-progress + .m-product-form--wrapper {
  margin-top: 30px;
}
[data-enable-flashsale="true"] .m-product-card .m-product-option {
  display: none;
}
.m-wishlist-button--growave i {
  color: #000;
}
.m-wishlist-button--growave:hover i {
  color: #fff !important;
}
.m-wishlist-button--growave .faves-count {
  display: none;
}
.m-compare-card .m-add-to-cart {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: max-content;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
}
.m-compare-card .m-product-attribute {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgb(var(--color-border));
  padding-top: 15px;
  padding-bottom: 15px;
}
.m-compare-card .m-product-attribute__col-left,
.m-compare-card .m-product-attribute__col-right {
  flex: 0 0 50%;
}
.m-compare-card .m-product-attribute__col-left {
  color: rgb(var(--color-foreground-secondary));
}
.m-compare-card .m-product-attribute svg {
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .m-compare-card .m-product-attribute {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.m-compare-card .m-product-status {
  margin-left: 4px;
}
@media screen and (max-width: 767px) {
  .m-compare-card .m-product-card__action .m-button--icon {
    width: 40px;
    height: 40px;
  }
  .m-compare-card .m-product-card__action--top {
    display: block;
    transform: translateZ(0);
    top: 10px;
    right: 10px;
    opacity: 1;
  }
}
