.custom-product-showcase {
  --desktop-cols: 2;
  --mobile-cols: 1;
  padding: var(--mobile--padding--top) var(--mobile--padding--right) var(--mobile--padding--bottom)
    var(--mobile--padding--left);
  margin: var(--mobile--margin--top) var(--mobile--margin--right) var(--mobile--margin--bottom)
    var(--mobile--margin--left);
}

.custom-product-showcase .veimia_grid {
  display: grid;
  grid-template-columns: repeat(var(--mobile-cols), 1fr);
  gap: 0.7rem;
}

.custom-product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.custom-product-card.card-style-card {
  background: var(--card-background-color, #fff);
  border-radius: 12px;
  overflow: hidden;
}
.custom-product-card__image {
  position: relative;
  overflow: hidden;
  padding: 0.79rem 0.97rem 0;
}

.custom-product-card__image img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}

.custom-product-card__content {
  padding: 1rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
    .custom-product-card__content .veimia_grid[style*='--mobile-cols: 1']  {
      padding: 12px 12px 37px;
    }
    .custom-product-card__content .veimia_grid[style*='--mobile-cols: 2']  {
        padding: 12px 12px 20px;
      }
  }
  

.custom-product-card__title {
  color: var(--color-text);
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.custom-product-showcase .veimia_grid[style*='--mobile-cols: 2'] .custom-product-card__title {
  font-size: 1rem; /* 20px */
}

.custom-product-showcase .veimia_grid[style*='--mobile-cols: 1'] .custom-product-card__title {
  font-size: 1.2rem; /* 31px */
}

/* 桌面端样式 */
@media (min-width: 768px) {
  .custom-product-showcase {
    padding: var(--pc--padding--top) var(--pc--padding--right) var(--pc--padding--bottom)
      var(--pc--padding--left);
    margin: var(--pc--margin--top) var(--pc--margin--right) var(--pc--margin--bottom)
      var(--pc--margin--left);
  }
  .custom-product-showcase .veimia_grid[style*='--mobile-cols: 2'] .custom-product-card__title {
    font-size: 20px; /* 20px */
  }

  .custom-product-showcase .veimia_grid[style*='--mobile-cols: 1'] .custom-product-card__title {
    font-size: 24px; /* 31px */
  }
  .custom-product-card__image {
    padding: 19px 19px 0;
  }
}

.custom-product-card__price {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-weight: 600;
}

.custom-product-card__price-current {
  color: var(--color--);
  text-align: center;
  line-height: 1;
  margin-top: 0.4rem;
}

.custom-product-showcase
  .veimia_grid[style*='--mobile-cols: 2']
  .custom-product-card__price-current {
  font-size: 1.58rem; /* 40px */
}
.custom-product-showcase .veimia_grid[style*='--mobile-cols: 2'] .custom-product-card__image {
  padding: 0.38rem 0.38rem 0;
}

.custom-product-showcase
  .veimia_grid[style*='--mobile-cols: 1']
  .custom-product-card__price-current {
  font-size: 3.125rem; /* 80px */
}
.custom-product-showcase .veimia_grid[style*='--mobile-cols: 1'] .custom-product-card__image {
  padding: 0.79rem 0.79rem 0;
}

/* 桌面端样式 */
@media (min-width: 768px) {
  .custom-product-showcase
    .veimia_grid[style*='--mobile-cols: 2']
    .custom-product-card__price-current {
    font-size: 40px; /* 40px */
    padding-top: 10px 0;
  }
  .custom-product-showcase .veimia_grid[style*='--mobile-cols: 2'] .custom-product-card__image {
    padding: 8px 8px 0;
  }

  .custom-product-showcase
    .veimia_grid[style*='--mobile-cols: 1']
    .custom-product-card__price-current {
    font-size: 80px; /* 80px */
    padding: 10px 0;
  }
  .custom-product-showcase .veimia_grid[style*='--mobile-cols: 1'] .custom-product-card__image {
    padding: 19px 19px 0;
  }
}

.custom-product-card__price-original {
  color: var(--color-light-text);
  text-decoration: line-through;
  text-align: center;
  color: #8c8c8c;
  line-height: 1;
  margin-bottom: 0.42rem;
  font-weight: 400;
}
.custom-product-showcase
  .veimia_grid[style*='--mobile-cols: 2']
  .custom-product-card__price-original {
  font-size: 1rem; /* 18px */
}

.custom-product-showcase
  .veimia_grid[style*='--mobile-cols: 1']
  .custom-product-card__price-original {
  font-size: 1.54rem; /* 40px */
  margin-bottom: 0.42rem;
}

/* 桌面端划线价样式 */
@media (min-width: 768px) {
  .custom-product-showcase
    .veimia_grid[style*='--mobile-cols: 2']
    .custom-product-card__price-original {
    font-size: 18px; /* 18px */
    margin-bottom: 10px;
  }

  .custom-product-showcase
    .veimia_grid[style*='--mobile-cols: 1']
    .custom-product-card__price-original {
    font-size: 40px; /* 40px */
    margin-bottom: 10px;
  }
}

.custom-product-card__button {
  background: var(--button-background-color, #f785d2);
  color: var(--button-text-color, white);
  border: none;
  padding: 0 1.5rem;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  text-align: center;
  max-width: 100%;
  line-height: 1.5;
}

.custom-product-showcase .veimia_grid[style*='--mobile-cols: 2'] .custom-product-card__button {
  font-size: 1.25rem;
  padding: 0 1rem;
  min-width: 100px;
}

.custom-product-showcase .veimia_grid[style*='--mobile-cols: 1'] .custom-product-card__button {
  font-size: 1.7rem;
  padding: 0rem 2rem;
  min-width: 150px;
}

/* 桌面端按钮样式 */
@media (min-width: 768px) {
  .custom-product-showcase .veimia_grid[style*='--mobile-cols: 2'] .custom-product-card__button {
    font-size: 22px;
    padding: 9px 50px;
    min-width: 280px;
  }

  .custom-product-showcase .veimia_grid[style*='--mobile-cols: 1'] .custom-product-card__button {
    font-size: 32px;
        padding: 6px 88px;
        min-width: 490px;
  }
}

.custom-product-card__quick-add {
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  z-index: 2;
}

