/* Keep the complete native-card layout together for AJAX-inserted recommendations. */
/* Share intrinsic row tracks across each native product-card row, without truncating names. */
@supports (grid-template-rows:subgrid){
 .woocommerce ul.products:has(>li.product>.woocommerce-loop-product__link)>li.product{display:grid;grid-template-rows:subgrid;grid-row:span 8;row-gap:0;align-content:stretch}
 .woocommerce ul.products>li.product>a.woocommerce-loop-product__link{display:grid;grid-template-rows:subgrid;grid-row:1/5;row-gap:0;min-width:0}
 .woocommerce ul.products>li.product>.woocommerce-loop-product__link>img,.woocommerce ul.products>li.product>.woocommerce-loop-product__link>picture{grid-row:1;align-self:start;margin:0;width:100%}
 .woocommerce ul.products>li.product>.woocommerce-loop-product__link>picture img{margin:0}
 .woocommerce ul.products>li.product>.woocommerce-loop-product__link>.woocommerce-loop-product__title{grid-row:2;align-self:start;margin:0;padding:14px 0 8px}
 .woocommerce ul.products>li.product>.woocommerce-loop-product__link>.star-rating{grid-row:3;align-self:start;margin:0 0 8px}
 .woocommerce ul.products>li.product>.woocommerce-loop-product__link>.price{grid-row:4;align-self:start;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:8px 0 10px}
 .woocommerce ul.products>li.product>.woocommerce-loop-product__link>.price>ins{order:-1}
 .woocommerce ul.products>li.product>.woocommerce-loop-product__link>.price .price{display:inline;margin:0;font-size:inherit;line-height:inherit}
 .woocommerce ul.products>li.product>.wg-card-stock{grid-row:5;align-self:start;margin:0 0 12px}
 .woocommerce ul.products>li.product>.wg-card-options-preview{grid-row:6;align-self:start;margin:0}
 .woocommerce ul.products>li.product>.button{grid-row:7;align-self:stretch;margin:0;width:100%;white-space:normal;line-height:1.3}
 .woocommerce ul.products>li.product>.added_to_cart{grid-row:8;align-self:start;margin:10px 0 0}
 .woocommerce ul.products>li.product.product-category>a{grid-row:1/5}
}
/* A whole product grid changes columns together; no thin, tall option cards. */

/* A scroll container with nested subgrids clips intrinsic rows in Firefox.
   Keep the recommendation engine's flex belt and give cards natural height. */
body .rppr.rppr--wooguys ul.rppr-list.products{display:flex;align-items:stretch;height:auto;max-height:none}
body .rppr.rppr--wooguys ul.rppr-list.products>li.product.rppr-card{display:flex;flex-direction:column;grid-row:auto;height:auto;min-height:0}
body .rppr.rppr--wooguys ul.rppr-list.products>li.product>a.woocommerce-loop-product__link{display:flex;flex-direction:column;grid-row:auto;flex:none;min-width:0}
body .rppr.rppr--wooguys li.product .woocommerce-loop-product__title{min-height:var(--wg-reco-title-height,0px)}
body .rppr.rppr--wooguys li.product .price{min-height:var(--wg-reco-price-height,0px)}
body .rppr.rppr--wooguys li.product>.wg-card-stock{min-height:var(--wg-reco-stock-height,0px)}
body .rppr.rppr--wooguys ul.rppr-list.products>li.product>.button{margin-top:auto;min-height:var(--wg-reco-button-height,48px)}

@media(max-width:480px){body.wg-card-mobile-auto .rppr.rppr--wooguys:has(.wg-card-attribute){--rppr-theme-columns:1}}
@media(max-width:640px){body.wg-card-mobile-one .rppr.rppr--wooguys{--rppr-theme-columns:1}}