/**
 * Product card image aspect ratio (per product category).
 * Theme default uses fixed height on .hec-product-card__visual; when a ratio class is present we switch to aspect-ratio.
 */

.woocommerce ul.products li.product.hec-product-card.vsw-card-has-ratio .hec-product-card__visual {
  height: auto;
  aspect-ratio: var(--vsw-card-img-ratio, 1 / 1);
}

/* Common presets (also covered by dynamic footer CSS when used). */
.woocommerce ul.products li.product.hec-product-card.vsw-card-ar-1-1 .hec-product-card__visual {
  --vsw-card-img-ratio: 1 / 1;
  aspect-ratio: 1 / 1;
}

.woocommerce ul.products li.product.hec-product-card.vsw-card-ar-4-3 .hec-product-card__visual {
  --vsw-card-img-ratio: 4 / 3;
  aspect-ratio: 4 / 3;
}

.woocommerce ul.products li.product.hec-product-card.vsw-card-ar-3-2 .hec-product-card__visual {
  --vsw-card-img-ratio: 3 / 2;
  aspect-ratio: 3 / 2;
}

.woocommerce ul.products li.product.hec-product-card.vsw-card-ar-16-9 .hec-product-card__visual {
  --vsw-card-img-ratio: 16 / 9;
  aspect-ratio: 16 / 9;
}

.woocommerce ul.products li.product.hec-product-card.vsw-card-ar-3-4 .hec-product-card__visual {
  --vsw-card-img-ratio: 3 / 4;
  aspect-ratio: 3 / 4;
}

.woocommerce ul.products li.product.hec-product-card.vsw-card-ar-2-3 .hec-product-card__visual {
  --vsw-card-img-ratio: 2 / 3;
  aspect-ratio: 2 / 3;
}

.woocommerce ul.products li.product.hec-product-card.vsw-card-ar-9-16 .hec-product-card__visual {
  --vsw-card-img-ratio: 9 / 16;
  aspect-ratio: 9 / 16;
}