/* Only the classic cart containing this plugin receives a two-column layout. */
.woocommerce:has(> .cpr-recommendations) {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
	gap: 24px 32px;
	align-items: start;
}
.woocommerce:has(> .cpr-recommendations) > * { grid-column: 1 / -1; min-width: 0; }
.woocommerce:has(> .cpr-recommendations) > .woocommerce-cart-form {
	grid-column: 1; grid-row: 2; width: 100%; float: none; margin: 0;
}
.woocommerce:has(> .cpr-recommendations) > .cart-collaterals {
	grid-column: 2; grid-row: 2 / span 2; width: 100%; float: none;
}
.woocommerce:has(> .cpr-recommendations) > .cart-collaterals .cart_totals { width: 100%; float: none; }
.woocommerce:has(> .cpr-recommendations) > .cpr-together { grid-column: 1; grid-row: 3; }
.woocommerce:has(> .cpr-recommendations) > .cpr-popular { grid-column: 1 / -1; grid-row: 4; }
.cpr-recommendations { width: 100%; min-width: 0; }
.cpr-section { margin: 0 0 32px; }
.cpr-section h2 { font-size: 1.45em; margin: 0 0 20px; }
.cpr-products { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: 20px; }
.cpr-product { min-width: 0; padding: 16px; border: 1px solid var(--ast-border-color, #e5e5e5); border-radius: 4px; display: flex; flex-direction: column; }
.cpr-product-link { color: inherit; text-decoration: none; }
.cpr-product img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.cpr-product h3 { font-size: 1em; line-height: 1.4; margin: 12px 0 8px; }
.cpr-product .price { margin-bottom: 12px; }
.cpr-product .cpr-add-form { margin: auto 0 0; float: none; width: 100%; }
.cpr-product .button { width: 100%; white-space: normal; }
.cpr-product table.variations, .cpr-product table.variations td { border: 0; margin: 0; padding: 0 0 8px; }
.cpr-product .variations label { display: block; }
.cpr-product .variations select { width: 100%; max-width: 100%; }
.cpr-product .reset_variations { display: block; font-size: .85em; margin-bottom: 10px; }
.cpr-product .woocommerce-variation-description { font-size: .85em; }
@media (max-width: 800px) {
	.woocommerce:has(> .cpr-recommendations) { display: flex; flex-direction: column; gap: 24px; }
	.woocommerce:has(> .cpr-recommendations) > * { width: 100%; }
	.cpr-products { gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cpr-product { padding: 10px; }
}
@media (max-width: 380px) { .cpr-products { grid-template-columns: 1fr; } }