/* Thành Phát EV v0.0.32 — Vehicle-model accessory cards only.
   Preserve the right-hand combo quotation and the existing mobile drawer. */

/* Desktop wide: four compact product cards per row. */
@media (min-width: 1281px) {
  .tpa-evv-vehicle .tpa-evv-woo-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
  }
}

/* Smaller desktop/laptop: enough room for three legible cards beside the quote. */
@media (min-width: 1061px) and (max-width: 1280px) {
  .tpa-evv-vehicle .tpa-evv-woo-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }
}

/* Narrow laptop: retain two cards until the quote turns into a drawer. */
@media (min-width: 801px) and (max-width: 1060px) {
  .tpa-evv-vehicle .tpa-evv-woo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
}

/* Compact text and actions for the denser desktop catalog cards. */
@media (min-width: 801px) {
  .tpa-evv-vehicle .tpa-evv-item-body {
    padding: 14px;
    gap: 12px;
  }
  .tpa-evv-vehicle .tpa-evv-item-body h3 {
    font-size: 15px;
    line-height: 1.45;
  }
  .tpa-evv-vehicle .tpa-evv-item-price {
    font-size: 16px;
  }
  .tpa-evv-vehicle .tpa-evv-add-product {
    min-height: 44px;
    padding: 10px 9px;
    gap: 7px;
    font-size: 13px;
  }
  .tpa-evv-vehicle .tpa-evv-item-image img {
    padding: 10px;
  }
}

/* Mobile/tablet: two cards with existing mobile-specific typography and drawer. */
@media (max-width: 800px) {
  .tpa-evv-vehicle .tpa-evv-woo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}