/* VeraGloss Aurora 1.0.234: consistent mobile product cards on all catalog routes.
 * Rendered card markup stays shared with the homepage; these catalog-specific
 * rules override legacy listing-density styles without changing product data.
 * Applies to /shop/, /shop-all/, /all-products/, product categories and tags. */
@media (max-width: 760px) {
  body .vg-all-products-page .vg-all-products-grid ul.products,
  body .vg-shop-page #vg-shop-products ul.products {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:16px 12px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body .vg-all-products-page .vg-all-products-grid ul.products::before,
  body .vg-all-products-page .vg-all-products-grid ul.products::after,
  body .vg-shop-page #vg-shop-products ul.products::before,
  body .vg-shop-page #vg-shop-products ul.products::after {content:none!important;display:none!important;}

  body :is(.vg-all-products-page .vg-all-products-grid,.vg-shop-page #vg-shop-products)
  ul.products > li.product.vg-product-card {
    --vg-card-inset:10px!important;
    --vg-card-frame-inset:8px!important;
    --vg-photo-frame-inset:8px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    align-self:stretch!important;
    width:auto!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    max-width:none!important;
    margin:0!important;
    float:none!important;
    clear:none!important;
    border-radius:7px!important;
  }
  body :is(.vg-all-products-page .vg-all-products-grid,.vg-shop-page #vg-shop-products)
  ul.products li.product.vg-product-card .vg-card-photo-frame {
    display:block!important;
    aspect-ratio:1/1!important;
    width:100%!important;
    overflow:hidden!important;
  }
  body :is(.vg-all-products-page .vg-all-products-grid,.vg-shop-page #vg-shop-products)
  ul.products li.product.vg-product-card .vg-card-photo-frame > img:is(.wp-post-image,.attachment-woocommerce_thumbnail,.vg-card-photo-outgoing) {
    width:100%!important;
    height:100%!important;
    box-sizing:border-box!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:11px!important;
  }
  body :is(.vg-all-products-page .vg-all-products-grid,.vg-shop-page #vg-shop-products)
  ul.products li.product.vg-product-card .vg-card-content {
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    gap:0!important;
    padding:10px 9px 11px!important;
    min-width:0!important;
  }
  body :is(.vg-all-products-page .vg-all-products-grid,.vg-shop-page #vg-shop-products)
  ul.products li.product.vg-product-card .woocommerce-loop-product__title {
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    flex:0 0 34px!important;
    width:100%!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0 0 4px!important;
    padding:0!important;
    font-size:13px!important;
    line-height:17px!important;
    font-weight:500!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
  }
  body :is(.vg-all-products-page .vg-all-products-grid,.vg-shop-page #vg-shop-products)
  ul.products li.product.vg-product-card .vg-product-subtitle {display:none!important;}
  body :is(.vg-all-products-page .vg-all-products-grid,.vg-shop-page #vg-shop-products)
  ul.products li.product.vg-product-card .price {
    display:flex!important;
    flex:0 0 auto!important;
    align-items:flex-start!important;
    align-content:flex-start!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    gap:0 5px!important;
    height:auto!important;
    min-height:18px!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    font-size:12.5px!important;
    line-height:18px!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  body :is(.vg-all-products-page .vg-all-products-grid,.vg-shop-page #vg-shop-products)
  ul.products li.product.vg-product-card .vg-card-rating,
  body :is(.vg-all-products-page .vg-all-products-grid,.vg-shop-page #vg-shop-products)
  ul.products li.product.vg-product-card .vg-card-rating.is-empty {
    display:flex!important;
    flex:0 0 15px!important;
    align-items:center!important;
    gap:4px!important;
    height:15px!important;
    min-height:15px!important;
    max-height:15px!important;
    line-height:15px!important;
    margin:3px 0 7px!important;
    padding:0!important;
  }
  body :is(.vg-all-products-page .vg-all-products-grid,.vg-shop-page #vg-shop-products)
  ul.products li.product.vg-product-card .vg-card-rating.is-empty {visibility:hidden!important;}
  body :is(.vg-all-products-page .vg-all-products-grid,.vg-shop-page #vg-shop-products)
  ul.products li.product.vg-product-card .vg-card-actions {
    display:flex!important;
    flex:0 0 auto!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:auto 0 0!important;
    padding:0!important;
  }
  body :is(.vg-all-products-page .vg-all-products-grid,.vg-shop-page #vg-shop-products)
  ul.products li.product.vg-product-card .vg-card-actions > .button {
    display:flex!important;
    flex:1 1 auto!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:40px!important;
    margin:0!important;
    padding:8px 6px!important;
    font-size:11px!important;
    line-height:15px!important;
    font-weight:600!important;
    text-align:center!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body :is(.vg-all-products-page .vg-all-products-grid,.vg-shop-page #vg-shop-products)
  ul.products li.product.vg-product-card .vg-card-actions > .button:not(.loading):not(.added)::after {display:none!important;}
}

/* VeraGloss Aurora 1.0.250 — four cards per desktop row in shopping catalogs.
   The existing mobile (2) and tablet (4) grid rules remain untouched. */
@media (min-width:1200px) {
  body .vg-all-products-page .vg-all-products-grid ul.products,
  body .vg-shop-page #vg-shop-products ul.products {
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}