/* Shared storefront/editor presentation for the cart's native cross-sells.
   Dimensions, type, borders and colours follow the existing catalog cards. */
.ysp-cart-design .ysp-cart-recommendations{margin:32px 0 0;font-family:Montserrat,sans-serif;color:#000;container-type:inline-size}
.ysp-cart-design .ysp-cart-recommendations .wp-block-heading{font:600 22px/1.3 Montserrat,sans-serif;margin:0 0 20px!important;text-align:left}
.ysp-cart-design .ysp-cart-recommendations .wc-block-product-template{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0;max-width:100%}
.ysp-cart-design .ysp-cart-recommendations .wc-block-product-template>li{display:flex;flex-direction:column;width:auto!important;min-width:0;margin:0;border:1px solid #ededed;border-radius:4px;background:#fff;overflow:hidden;box-sizing:border-box}
.ysp-cart-design .ysp-cart-recommendations .wc-block-product-template>li:hover{border-color:#cacaca}
.ysp-cart-design .ysp-cart-recommendations .wc-block-components-product-image{position:relative;height:260px;padding:24px;margin:0!important;box-sizing:border-box;flex-shrink:0}
.ysp-cart-design .ysp-cart-recommendations .wc-block-components-product-image a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.ysp-cart-design .ysp-cart-recommendations .wc-block-components-product-image img{width:100%;height:100%;max-width:100%;object-fit:contain!important;aspect-ratio:auto!important}
.ysp-cart-design .ysp-cart-recommendations .wc-block-components-product-sale-badge{position:absolute;left:16px;right:auto;top:16px;background:#000;color:#fff;border:0;border-radius:3px;padding:4px 8px;font:600 14px/1.5 Montserrat,sans-serif;z-index:1}
.ysp-cart-design .ysp-cart-recommendations .wp-block-post-title{font:600 16px/1.4 Montserrat,sans-serif;font-size:16px!important;text-align:left!important;margin:0 20px 6px!important;overflow-wrap:anywhere}
.ysp-cart-design .ysp-cart-recommendations .wp-block-post-title a{color:#000;text-decoration:none}
.ysp-cart-design .ysp-cart-recommendations .wp-block-post-title a:hover{text-decoration:underline;text-underline-offset:3px}
.ysp-cart-design .ysp-cart-recommendations .wp-block-woocommerce-product-price{font:600 17px/1.5 Montserrat,sans-serif;text-align:left!important;margin:0 20px 20px!important}
.ysp-cart-design .ysp-cart-recommendations .wc-block-components-product-price{font:inherit!important;font-size:14px!important;line-height:1.5;text-align:left}
.ysp-cart-design .ysp-cart-recommendations .wp-block-woocommerce-product-price del{font-size:14px;font-weight:500;color:#707070;margin-right:8px}
.ysp-cart-design .ysp-cart-recommendations .wp-block-woocommerce-product-price ins{text-decoration:none}
.ysp-cart-design .ysp-cart-recommendations :is(a,button):focus-visible{outline:2px solid #000;outline-offset:3px}
@container(max-width:620px){
 .ysp-cart-design .ysp-cart-recommendations .wc-block-product-template{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@container(max-width:420px){
 .ysp-cart-design .ysp-cart-recommendations .wp-block-heading{font-size:19px;margin-bottom:16px!important}
 .ysp-cart-design .ysp-cart-recommendations .wc-block-product-template{grid-template-columns:1fr;gap:16px}
 .ysp-cart-design .ysp-cart-recommendations .wc-block-product-template>li{display:grid;grid-template-columns:43% minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;min-height:224px}
 .ysp-cart-design .ysp-cart-recommendations .wc-block-components-product-image{grid-column:1;grid-row:1/5;height:auto;min-height:224px;padding:14px 12px}
 .ysp-cart-design .ysp-cart-recommendations .wc-block-components-product-image a{position:absolute;inset:14px 12px;width:auto;height:auto}
 .ysp-cart-design .ysp-cart-recommendations .wp-block-post-title{grid-column:2;grid-row:2;font-size:15px!important;margin:24px 14px 10px 6px!important}
 .ysp-cart-design .ysp-cart-recommendations .wp-block-woocommerce-product-price{grid-column:2;grid-row:3;font-size:18px;margin:0 14px 14px 6px!important}
}

/* Hide the saved native CTA in Gutenberg and the design preview as well. */
.ysp-cart-design .ysp-cart-recommendations .wp-block-woocommerce-product-button{display:none!important}
