/* Compact storefront product-card contract: supported viewport width 320-767px. */

@media screen and (max-width: 767px) {
  .product-card.product-card--responsive {
    --budscho-product-card-active-contract: mobile;
  }

  .product-card--responsive .product-card-image {
    aspect-ratio: 1 / 1;
    min-height: 0 !important;
    margin-bottom: 8px !important;
  }

  .product-card--responsive .product-card-image img {
    max-height: 100% !important;
  }

  .product-card--responsive .product-card-name {
    min-height: 48px !important;
    margin-bottom: 8px !important;
  }

  .product-card--responsive .product-card-name a {
    height: 48px !important;
    font-size: 14px !important;
    line-height: 16px !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
  }

  .product-card--responsive .product-card-available {
    margin-bottom: 6px !important;
  }

  .product-card--responsive .product-card-price {
    height: 32px !important;
    margin-bottom: 8px !important;
    font-size: 18px !important;
    line-height: 20px !important;
  }

  .product-card--responsive .product-card-price .old {
    font-size: 12px !important;
    line-height: 12px !important;
  }

  .product-card--responsive .product-card-group {
    flex: 0 0 auto !important;
  }

  .product-card--responsive .product-card-action,
  .product-card--responsive .stok_status_id-9 .product-card-action {
    margin-top: 0 !important;
  }

  .product-card--responsive .product-card-action .btn {
    max-width: none !important;
  }
}