/* Minimal subset of premium theme rules for product-style7 cards */
.product-style7 {
  display: flex;
  align-items: stretch;
  border: 1px solid var(--vs-border-color3, #eee);
  border-radius: 30px;
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
  background: var(--white-color, #fff);
}
.product-style7 .product-img {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  border: 1px solid var(--vs-border-color3, #eee);
  border-radius: 30px;
  overflow: hidden;
  margin: -1px;
  /* Constrain visual footprint on large viewports */
  max-width: 360px; /* image column will not exceed this width */
}
@media (max-width: 767px) {
  .product-style7 .product-img { flex: auto; border-radius: 30px 30px 0 0; }
}
.product-style7 .product-img img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 260px; /* prevent very tall images */
  object-fit: contain;
}
@media (min-width: 1200px) {
  .product-style7 .product-img img { max-width: 320px; max-height: 260px; }
}
@media (max-width: 1199px) {
  .product-style7 .product-img img { max-width: 180px; max-height: 200px; }
}
@media (max-width: 767px) {
  .product-style7 .product-img { max-width: 100%; }
  .product-style7 .product-img img { max-width: 100%; max-height: 220px; }
}
.product-style7 .product-content { padding: 20px 60px 20px 40px; flex: 1; align-self: center; }
@media (max-width: 1199px) { .product-style7 .product-content { padding: 20px; } }
.product-style7 .product-title { font-size: 18px; margin: -0.14em 0 10px 0; }
.product-style7 .product-title a { color: var(--title-color, #222); text-decoration: none; }
.product-style7 .product-title a:hover { color: var(--theme-color, #299310); }
.product-style7 .product-price { font-size: 16px; font-weight: 700; }
.product-style7 .cart-btn { position: absolute; bottom: 10px; right: 10px; --icon-size: 47px; min-width: var(--icon-size); min-height: var(--icon-size); background-color: var(--theme-color2, #f1f1f1); width: var(--icon-size); height: var(--icon-size); color: var(--title-color, #222); display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; padding: 0; box-shadow: 0px 10px 20px rgba(0,0,0,0.1); }
.product-style7 .cart-btn:hover { background-color: var(--theme-color, #299310); color: var(--white-color, #fff); }