/* ==========================================================
   FEATURED PRODUCT GRID
========================================================== */

:is(.im-featured-content, .im-featured-section-content) :is(.wc-block-product-template, .wc-block-grid__products) {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 20px !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

.im-featured-columns-5 :is(.wc-block-product-template, .wc-block-grid__products) {
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.im-featured-columns-6 :is(.wc-block-product-template, .wc-block-grid__products) {
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

:is(.im-featured-content, .im-featured-section-content) :is(.wc-block-product, .wc-block-grid__product) {
	display: flex !important;
	flex-direction: column;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	text-align: center;
}

:is(.im-featured-content, .im-featured-section-content) :is(.wc-block-product, .wc-block-grid__product) > * {
	margin-block: 0 !important;
}

:is(.im-featured-content, .im-featured-section-content) :is(.wc-block-components-product-image, .wc-block-grid__product-image) {
	overflow: hidden;
	width: 100%;
	margin: 0 0 12px !important;
	aspect-ratio: 4 / 5;
	background-color: var(--im-bg-soft);
}

:is(.im-featured-content, .im-featured-section-content) :is(.wc-block-components-product-image, .wc-block-grid__product-image) a {
	display: block;
	width: 100%;
	height: 100%;
}

:is(.im-featured-content, .im-featured-section-content) :is(.wc-block-components-product-image, .wc-block-grid__product-image) img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	object-fit: cover;
	transition: transform 450ms ease;
}

:is(.im-featured-content, .im-featured-section-content) :is(.wc-block-product, .wc-block-grid__product):hover img {
	transform: scale(1.035);
}

:is(.im-featured-content, .im-featured-section-content) :is(.wc-block-components-product-name, .wc-block-grid__product-title) {
	margin: 0 !important;
	padding: 0 4px;
	color: var(--im-text);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
}

:is(.im-featured-content, .im-featured-section-content) :is(.wc-block-components-product-name, .wc-block-grid__product-title):hover {
	color: var(--im-primary);
}

:is(.im-featured-content, .im-featured-section-content) :is(.wc-block-components-product-price, .wc-block-grid__product-price) {
	margin: 6px 0 0 !important;
	padding: 0;
	color: var(--im-primary);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.25;
}

:is(.im-featured-content, .im-featured-section-content) :is(
	.wc-block-components-product-button,
	.wc-block-grid__product-add-to-cart,
	.wc-block-components-product-rating,
	.wc-block-grid__product-rating
) {
	display: none !important;
}

@media (max-width: 1024px) {
	:is(.im-featured-content, .im-featured-section-content, .im-featured-columns-5, .im-featured-columns-6)
		:is(.wc-block-product-template, .wc-block-grid__products) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 20px 16px !important;
	}
}

@media (max-width: 600px) {
	:is(.im-featured-content, .im-featured-section-content) :is(.wc-block-product-template, .wc-block-grid__products) {
		gap: 16px 10px !important;
	}

	:is(.im-featured-content, .im-featured-section-content) :is(.wc-block-product, .wc-block-grid__product):nth-child(n + 3) {
		display: none !important;
	}

	:is(.im-featured-content, .im-featured-section-content) :is(.wc-block-components-product-name, .wc-block-grid__product-title) {
		font-size: 14px;
	}

	:is(.im-featured-content, .im-featured-section-content) :is(.wc-block-components-product-price, .wc-block-grid__product-price) {
		font-size: 13px;
	}
}