.latestproduct-grid,
.best-selling-products {
  background: #f6f8fb;
}

.latestproduct-grid .product-items,
.best-selling-products .product-items {
  padding: 8px;
}

.latestproduct-grid .product-minature,
.best-selling-products .product-minature {
  position: relative;
  height: 100%;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px;
  box-shadow: 0 5px 18px rgba(7, 31, 61, .06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.latestproduct-grid .product-minature:hover,
.best-selling-products .product-minature:hover {
  transform: translateY(-3px);
  border-color: #e3b12b !important;
  box-shadow: 0 13px 30px rgba(7, 31, 61, .12);
}

.latestproduct-grid .product-thumbnail,
.best-selling-products .product-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 190px;
  padding: 18px;
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

.latestproduct-grid .product-thumbnail img,
.best-selling-products .product-thumbnail img {
  width: 100%;
  height: 170px;
  object-fit: contain !important;
  mix-blend-mode: multiply;
}

.latestproduct-grid .product-description,
.best-selling-products .product-description {
  display: flex;
  flex-direction: column;
  min-height: 208px;
  padding: 16px !important;
  border-top: 1px solid #edf0f3;
}

.latestproduct-grid .product-title,
.best-selling-products .product-title {
  min-height: 48px;
  margin: 0 0 10px !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}

.latestproduct-grid .product-title a,
.best-selling-products .product-title a {
  color: #102844 !important;
  text-decoration: none !important;
}

.product-price-and-shipping {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

.product-price-and-shipping .price {
  color: #a94d00 !important;
  font-size: 18px !important;
  line-height: 1.2;
  font-weight: 800 !important;
}

.ve-price-note {
  display: block;
  color: #637083;
  font-size: 11px;
  font-weight: 600;
}

.ve-card-badge {
  position: absolute;
  z-index: 3;
  top: 11px;
  left: 11px;
  padding: 5px 9px;
  color: #174a2b;
  background: #e7f7ed;
  border: 1px solid #bce5cb;
  border-radius: 999px;
  font-size: 10.5px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .02em;
}

.ve-quote-card .ve-card-badge {
  color: #774300;
  background: #fff4cf;
  border-color: #f0d276;
}

.ve-quote-card .price {
  color: #8a4a00 !important;
  font-size: 16px !important;
}

.latestproduct-grid .proaction-button,
.best-selling-products .proaction-button {
  margin-top: auto !important;
  padding-top: 12px;
}

.ve-shipping-note {
  display: block;
  margin-bottom: 7px;
  color: #168348;
  font-size: 11.5px;
  font-weight: 700;
}

.latestproduct-grid .proaction-button a,
.best-selling-products .proaction-button a,
.latestproduct-grid .proaction-button button,
.best-selling-products .proaction-button button {
  min-height: 44px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #071f3d !important;
  background: #f4bf00 !important;
  border: 1px solid #e5ae00 !important;
  border-radius: 9px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  transition: background .16s ease, transform .16s ease;
}

.latestproduct-grid .proaction-button a:hover,
.best-selling-products .proaction-button a:hover,
.latestproduct-grid .proaction-button button:hover,
.best-selling-products .proaction-button button:hover {
  background: #ffd34e !important;
}

.ve-quote-card .proaction-button a,
.ve-quote-card .proaction-button button {
  color: #fff !important;
  background: #0b315a !important;
  border-color: #0b315a !important;
}

.ve-quote-card .proaction-button a:hover,
.ve-quote-card .proaction-button button:hover {
  background: #154b80 !important;
}

@media (max-width: 760px) {
  .latestproduct-grid .product-items,
  .best-selling-products .product-items { padding: 5px; }
  .latestproduct-grid .product-thumbnail,
  .best-selling-products .product-thumbnail { min-height: 150px; padding: 12px; }
  .latestproduct-grid .product-thumbnail img,
  .best-selling-products .product-thumbnail img { height: 138px; }
  .latestproduct-grid .product-description,
  .best-selling-products .product-description { min-height: 195px; padding: 12px !important; }
  .latestproduct-grid .product-title,
  .best-selling-products .product-title { font-size: 13px !important; min-height: 43px; }
  .product-price-and-shipping .price { font-size: 16px !important; }
}
