@import '../../../styles/essentials';

.popular-products {
	.popular-products-container {
		.content-before {
			flex-basis: 100%;
		}
		.product {
			@include lt {
				flex-basis: calc(25% - 1em)!important;
			}
		}
	}
}


// ── v2 development indicator ─────────────────────────────────────────────────
// Remove this block once the v2 design is finalised.

.popular-products-v2 {
    outline: 3px dashed #22c55e;
    background-color: rgba(34, 197, 94, 0.06) !important;
}