/**
 * =========================================================
 * HEMRITU SHOP — TRENDING NOW
 * =========================================================
 *
 * Uses Central Product Card System.
 * No separate product-card styling.
 * No AJAX.
 * =========================================================
 */


/* =========================================================
 * SECTION
 * ========================================================= */

.hemritu-shop-trending {
	width: 100%;
}


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

.hemritu-shop-trending-grid {
	display: grid !important;

	grid-template-columns:
		repeat(4, minmax(0, 1fr)) !important;

	column-gap: 20px !important;
	row-gap: 20px !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	list-style: none !important;

	align-items: start;
}


/* =========================================================
 * PRODUCT ITEM
 * ========================================================= */

.hemritu-shop-trending-grid > li.product {
	display: block !important;

	width: auto !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;

	float: none !important;

	list-style: none !important;

	min-width: 0;
}


/* =========================================================
 * CENTRAL CARD CONTENT SPACING
 *
 * Product-card ka design change nahi kar rahe.
 * Sirf Trending section ke content ko breathing space.
 * ========================================================= */

.hemritu-shop-trending
ul.products
li.product
.astra-shop-summary-wrap {

	padding-left: 8px !important;
	padding-right: 8px !important;
}


/* =========================================================
 * VIEW MORE
 * ========================================================= */

.hemritu-shop-trending
.hemritu-shop-view-more-wrap {

	width: 100%;

	margin-top: 24px;

	text-align: center;
}


.hemritu-shop-trending
.hemritu-shop-view-more {

	cursor: pointer;
}


/* =========================================================
 * TABLET
 * ========================================================= */

@media (min-width: 768px)
	and (max-width: 1024px) {

	.hemritu-shop-trending-grid {

		grid-template-columns:
			repeat(3, minmax(0, 1fr)) !important;

		column-gap: 16px !important;
		row-gap: 16px !important;

	}

}


/* =========================================================
 * MOBILE
 * ========================================================= */

@media (max-width: 767px) {

	.hemritu-shop-trending-grid {

		grid-template-columns:
			repeat(2, minmax(0, 1fr)) !important;

		column-gap: 12px !important;
		row-gap: 12px !important;

	}


	.hemritu-shop-trending
	ul.products
	li.product
	.astra-shop-summary-wrap {

		padding-left: 7px !important;
		padding-right: 7px !important;

	}

}


/* =========================================================
 * VERY SMALL MOBILE
 * ========================================================= */

@media (max-width: 380px) {

	.hemritu-shop-trending-grid {

		column-gap: 9px !important;
		row-gap: 9px !important;

	}


	.hemritu-shop-trending
	ul.products
	li.product
	.astra-shop-summary-wrap {

		padding-left: 6px !important;
		padding-right: 6px !important;

	}

}


/* =========================================================
 * IMPORTANT
 *
 * Do NOT style:
 * - product image
 * - product title
 * - product price
 * - sale badge
 * - add to cart
 *
 * Those remain controlled by the Central Product Card.
 * ========================================================= */