/* =========================================================
   HEMRITU SHOP PAGE
   COMPLETE MODULAR SHOP PAGE CSS
   FINAL CLEAN VERSION
   =========================================================

   IMPORTANT

   1. No AJAX
   2. Header untouched
   3. Footer untouched
   4. Existing product card design preserved
   5. Product grids:
      Desktop  = 4
      Tablet   = 3
      Mobile   = 2

   6. Category section:
      Desktop  = 4
      Tablet   = 3
      Mobile   = 2

   7. IMPORTANT:
      .hemritu-shop-categories is the SECTION.
      .hemritu-shop-category-list is the GRID.

   ========================================================= */


/* =========================================================
   1. GLOBAL SHOP PAGE
   ========================================================= */

body.woocommerce-shop {
	overflow-x: hidden !important;
}


/* =========================================================
   2. MAIN SHOP BUILDER WRAPPER
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home {

	width: 100% !important;

	max-width: 1440px !important;

	margin-left: auto !important;
	margin-right: auto !important;

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

	box-sizing: border-box !important;

	display: block !important;

	float: none !important;
	clear: both !important;

}


/* =========================================================
   3. WORDPRESS / ASTRA PRIMARY AREA
   ========================================================= */

body.woocommerce-shop
#primary {

	width: 100% !important;

	max-width: 100% !important;

	margin-left: 0 !important;
	margin-right: 0 !important;

	box-sizing: border-box !important;
}


body.woocommerce-shop
.site-main {

	width: 100% !important;

	max-width: 100% !important;

	margin-left: 0 !important;
	margin-right: 0 !important;

	box-sizing: border-box !important;
}


/* =========================================================
   4. MODULAR SHOP COMMON SECTION
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-section {

	width: 100% !important;

	max-width: 100% !important;

	margin-top: 0 !important;

	margin-bottom: 56px !important;

	box-sizing: border-box !important;

	display: block !important;

	float: none !important;

	clear: both !important;
}


/* =========================================================
   5. COMMON SECTION CONTAINER
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-section-container {

	width: 100% !important;

	max-width: 1400px !important;

	margin-left: auto !important;
	margin-right: auto !important;

	box-sizing: border-box !important;
}


/* =========================================================
   6. COMMON SECTION HEADER
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-section-header {

	width: 100% !important;

	display: flex !important;

	align-items: flex-end !important;

	justify-content: space-between !important;

	gap: 20px !important;

	margin-bottom: 22px !important;

	box-sizing: border-box !important;
}


body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-section-header h2 {

	margin: 0 !important;

	padding: 0 !important;

	font-size: 28px !important;

	line-height: 1.25 !important;

	font-weight: 700 !important;

	box-sizing: border-box !important;
}


body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-section-header p {

	margin: 5px 0 0 !important;

	padding: 0 !important;

	font-size: 13px !important;

	line-height: 1.5 !important;

	box-sizing: border-box !important;
}


/* =========================================================
   7. CATEGORY SECTION
   =========================================================

   VERY IMPORTANT

   .hemritu-shop-categories
   = complete section

   .hemritu-shop-category-list
   = actual category grid

   DO NOT make the section itself a grid.
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-categories {

	width: 100% !important;

	max-width: 100% !important;

	display: block !important;

	margin-top: 0 !important;

	margin-bottom: 56px !important;

	padding: 0 !important;

	box-sizing: border-box !important;

	float: none !important;

	clear: both !important;

	position: relative !important;

	flex: none !important;

	grid-template-columns: none !important;

	gap: 0 !important;
}


/* =========================================================
   8. CATEGORY CONTAINER
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-categories
.hemritu-shop-section-container {

	width: 100% !important;

	max-width: 1400px !important;

	margin-left: auto !important;
	margin-right: auto !important;

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

	box-sizing: border-box !important;

	display: block !important;

	float: none !important;
	clear: both !important;
}


/* =========================================================
   9. CATEGORY HEADING
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-categories
.hemritu-shop-section-heading {

	width: 100% !important;

	max-width: 100% !important;

	display: block !important;

	margin: 0 0 22px !important;

	padding: 0 !important;

	box-sizing: border-box !important;

	float: none !important;

	clear: both !important;
}


body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-categories
.hemritu-shop-section-heading-text {

	width: 100% !important;

	max-width: 100% !important;

	display: block !important;

	margin: 0 !important;

	padding: 0 !important;

	box-sizing: border-box !important;
}


body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-categories
.hemritu-shop-section-heading-text h2 {

	display: block !important;

	width: 100% !important;

	max-width: 100% !important;

	margin: 0 !important;

	padding: 0 !important;

	font-size: 28px !important;

	line-height: 1.25 !important;

	font-weight: 700 !important;

	color: #1d2327 !important;

	text-align: left !important;

	box-sizing: border-box !important;
}


body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-categories
.hemritu-shop-section-heading-text p {

	display: block !important;

	width: 100% !important;

	max-width: 100% !important;

	margin: 6px 0 0 !important;

	padding: 0 !important;

	font-size: 14px !important;

	line-height: 1.5 !important;

	color: #646970 !important;

	text-align: left !important;

	box-sizing: border-box !important;
}


/* =========================================================
   10. ACTUAL CATEGORY GRID
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-categories
.hemritu-shop-category-list {

	width: 100% !important;

	max-width: 100% !important;

	display: grid !important;

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

	column-gap: 20px !important;

	row-gap: 26px !important;

	margin: 0 !important;

	padding: 0 !important;

	box-sizing: border-box !important;

	float: none !important;

	clear: both !important;

	overflow: visible !important;

	list-style: none !important;

	position: relative !important;
}


/* Remove pseudo elements */

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-categories
.hemritu-shop-category-list::before,

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-categories
.hemritu-shop-category-list::after {

	display: none !important;

	content: none !important;
}


/* =========================================================
   11. CATEGORY CARD
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-categories
.hemritu-shop-category-list
> article.hemritu-shop-category-card {

	display: block !important;

	width: 100% !important;

	min-width: 0 !important;

	max-width: none !important;

	height: auto !important;

	margin: 0 !important;

	padding: 0 !important;

	float: none !important;

	clear: none !important;

	position: relative !important;

	box-sizing: border-box !important;

	flex: none !important;

	grid-column: auto !important;

	align-self: stretch !important;

	justify-self: stretch !important;
}


/* =========================================================
   12. CATEGORY LINK
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-categories
.hemritu-shop-category-link {

	display: block !important;

	width: 100% !important;

	max-width: none !important;

	height: auto !important;

	margin: 0 !important;

	padding: 0 !important;

	background: #ffffff !important;

	border: 1px solid #e7e7e7 !important;

	border-radius: 12px !important;

	overflow: hidden !important;

	box-sizing: border-box !important;

	text-decoration: none !important;

	color: inherit !important;

	float: none !important;

	position: relative !important;

	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease,
		border-color 0.2s ease !important;
}


body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-categories
.hemritu-shop-category-link:hover {

	transform: translateY(-3px) !important;

	box-shadow:
		0 8px 22px rgba(0, 0, 0, 0.08) !important;

	border-color: #d5d5d5 !important;
}


/* =========================================================
   13. CATEGORY IMAGE
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-categories
.hemritu-shop-category-image {

	display: block !important;

	width: 100% !important;

	max-width: none !important;

	height: auto !important;

	aspect-ratio: 1 / 1 !important;

	margin: 0 !important;

	padding: 0 !important;

	background: #f7f7f7 !important;

	overflow: hidden !important;

	box-sizing: border-box !important;

	position: relative !important;
}


body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-categories
.hemritu-shop-category-image img {

	display: block !important;

	width: 100% !important;

	height: 100% !important;

	max-width: none !important;

	min-width: 0 !important;

	margin: 0 !important;

	padding: 0 !important;

	border: 0 !important;

	object-fit: cover !important;

	object-position: center center !important;

	box-sizing: border-box !important;
}


/* =========================================================
   14. CATEGORY CONTENT
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-categories
.hemritu-shop-category-content {

	display: block !important;

	width: 100% !important;

	max-width: none !important;

	margin: 0 !important;

	padding: 14px 13px 16px !important;

	text-align: center !important;

	box-sizing: border-box !important;
}


body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-categories
.hemritu-shop-category-content h3 {

	display: block !important;

	width: 100% !important;

	max-width: 100% !important;

	margin: 0 !important;

	padding: 0 !important;

	font-size: 16px !important;

	line-height: 1.35 !important;

	font-weight: 600 !important;

	color: #1d2327 !important;

	text-align: center !important;

	white-space: normal !important;

	word-break: normal !important;

	overflow-wrap: break-word !important;

	box-sizing: border-box !important;
}


body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-categories
.hemritu-shop-category-count {

	display: block !important;

	width: 100% !important;

	margin: 5px 0 0 !important;

	padding: 0 !important;

	font-size: 11px !important;

	line-height: 1.3 !important;

	color: #646970 !important;

	text-align: center !important;
}


body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-categories
.hemritu-shop-category-cta {

	display: inline-block !important;

	margin: 8px 0 0 !important;

	padding: 0 !important;

	font-size: 12px !important;

	line-height: 1.3 !important;

	font-weight: 600 !important;

	color: #2271b1 !important;

	text-align: center !important;
}


/* =========================================================
   15. PRODUCT GRID
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
ul.products {

	width: 100% !important;

	max-width: 100% !important;

	margin-top: 0 !important;

	margin-right: 0 !important;

	margin-bottom: 0 !important;

	margin-left: 0 !important;

	padding: 0 !important;

	display: grid !important;

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

	column-gap: 20px !important;

	row-gap: 28px !important;

	box-sizing: border-box !important;

	list-style: none !important;
}


/* =========================================================
   16. PRODUCT GRID PSEUDO ELEMENT RESET
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
ul.products::before,

body.woocommerce-shop
.hemritu-shop-home
ul.products::after {

	display: none !important;

	content: none !important;
}


/* =========================================================
   17. PRODUCT ITEM RESET
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
ul.products
li.product {

	width: auto !important;

	max-width: none !important;

	min-width: 0 !important;

	margin: 0 !important;

	padding: 0 !important;

	float: none !important;

	clear: none !important;

	left: auto !important;

	right: auto !important;

	position: relative !important;

	box-sizing: border-box !important;
}


/* WooCommerce nth-child widths */

body.woocommerce-shop
.hemritu-shop-home
ul.products
li.product:nth-child(1n),

body.woocommerce-shop
.hemritu-shop-home
ul.products
li.product:nth-child(2n),

body.woocommerce-shop
.hemritu-shop-home
ul.products
li.product:nth-child(3n),

body.woocommerce-shop
.hemritu-shop-home
ul.products
li.product:nth-child(4n),

body.woocommerce-shop
.hemritu-shop-home
ul.products
li.product:nth-child(5n),

body.woocommerce-shop
.hemritu-shop-home
ul.products
li.product:nth-child(6n) {

	width: auto !important;

	margin-right: 0 !important;
}


/* =========================================================
   18. PRODUCT CARD
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
.hemritu-product-card {

	width: 100% !important;

	max-width: 100% !important;

	min-width: 0 !important;

	box-sizing: border-box !important;
}


body.woocommerce-shop
.hemritu-shop-home
ul.products
li.product
> * {

	max-width: 100%;

	box-sizing: border-box;
}


/* =========================================================
   19. PRODUCT IMAGE
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
ul.products
li.product
img {

	display: block;

	max-width: 100% !important;

	box-sizing: border-box !important;
}


body.woocommerce-shop
.hemritu-shop-home
ul.products
li.product
.woocommerce-loop-product__link {

	display: block !important;

	width: 100% !important;

	max-width: 100% !important;

	box-sizing: border-box !important;
}


/* =========================================================
   20. PRODUCT TITLE
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
ul.products
li.product
.woocommerce-loop-product__title {

	max-width: 100% !important;

	box-sizing: border-box !important;
}


/* =========================================================
   21. PRODUCT PRICE
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
ul.products
li.product
.price {

	max-width: 100% !important;

	box-sizing: border-box !important;
}


/* =========================================================
   22. PRODUCT BUTTONS
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
ul.products
li.product
button,

body.woocommerce-shop
.hemritu-shop-home
ul.products
li.product
.add_to_cart_button,

body.woocommerce-shop
.hemritu-shop-home
ul.products
li.product
.product_type_simple {

	box-sizing: border-box !important;
}


/* =========================================================
   23. HERO BANNER
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-banner {

	width: 100% !important;

	margin-bottom: 48px !important;

	overflow: hidden !important;

	box-sizing: border-box !important;
}


body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-banner img {

	display: block !important;

	width: 100% !important;

	max-width: 100% !important;

	height: auto !important;
}


body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-banner-desktop {

	width: 100% !important;
}


body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-banner-mobile {

	display: none !important;
}


/* =========================================================
   24. FESTIVAL / COLLECTION GRIDS
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-festival-grid,

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-gifts-grid {

	width: 100% !important;

	display: grid !important;

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

	column-gap: 20px !important;

	row-gap: 24px !important;

	box-sizing: border-box !important;
}


body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-festival-card,

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-gift-card {

	width: 100% !important;

	min-width: 0 !important;

	box-sizing: border-box !important;
}


/* =========================================================
   25. TRUST
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-trust {

	width: 100% !important;

	margin-top: 20px !important;

	margin-bottom: 56px !important;
}


body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-trust-grid {

	width: 100% !important;

	display: grid !important;

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

	column-gap: 16px !important;

	row-gap: 16px !important;

	box-sizing: border-box !important;
}


body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-trust-item {

	min-width: 0 !important;

	box-sizing: border-box !important;
}


/* =========================================================
   26. REELS
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-reels-grid {

	width: 100% !important;

	display: grid !important;

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

	column-gap: 20px !important;

	row-gap: 24px !important;

	box-sizing: border-box !important;
}


body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-reel {

	width: 100% !important;

	min-width: 0 !important;

	box-sizing: border-box !important;
}


body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-reel
iframe,

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-reel
video,

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-reel
img {

	display: block !important;

	width: 100% !important;

	max-width: 100% !important;
}


/* =========================================================
   27. VIEW MORE
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-view-more-wrap {

	width: 100% !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	margin-top: 28px !important;
}


body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-view-more {

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	min-width: 130px;

	min-height: 42px;

	padding: 10px 22px;

	border: 0;

	border-radius: 8px;

	cursor: pointer;

	box-sizing: border-box;
}


/* =========================================================
   28. HIDDEN PRODUCTS
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-hidden {

	display: none !important;
}


/* =========================================================
   29. OLD WOOCOMMERCE CONTROLS
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
.woocommerce-result-count,

body.woocommerce-shop
.hemritu-shop-home
.woocommerce-ordering {

	display: none !important;
}


body.woocommerce-shop
.hemritu-shop-home
.woocommerce-notices-wrapper {

	width: 100% !important;

	box-sizing: border-box !important;
}


/* =========================================================
   30. TABLET
   ========================================================= */

@media (max-width: 1100px) {

	body.woocommerce-shop
	.hemritu-shop-home {

		padding-left: 20px !important;

		padding-right: 20px !important;
	}


	/* Product grid */

	body.woocommerce-shop
	.hemritu-shop-home
	ul.products {

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

		column-gap: 18px !important;

		row-gap: 24px !important;
	}


	/* Category grid */

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-categories
	.hemritu-shop-category-list {

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

		column-gap: 16px !important;

		row-gap: 22px !important;
	}


	/* Festival / Gifts */

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-festival-grid,

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-gifts-grid {

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


	/* Trust */

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-trust-grid {

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


	/* Reels */

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-reels-grid {

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

}


/* =========================================================
   31. MOBILE
   ========================================================= */

@media (max-width: 767px) {

	/* -------------------------------------------------------
	   Main wrapper
	   ------------------------------------------------------- */

	body.woocommerce-shop
	.hemritu-shop-home {

		width: 100% !important;

		max-width: 100% !important;

		padding-left: 12px !important;

		padding-right: 12px !important;

		box-sizing: border-box !important;
	}


	/* -------------------------------------------------------
	   Primary / Site Main
	   ------------------------------------------------------- */

	body.woocommerce-shop
	#primary,

	body.woocommerce-shop
	.site-main {

		width: 100% !important;

		max-width: 100% !important;
	}


	/* -------------------------------------------------------
	   Sections
	   ------------------------------------------------------- */

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-section {

		margin-bottom: 38px !important;
	}


	/* -------------------------------------------------------
	   Common header
	   ------------------------------------------------------- */

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-section-header {

		margin-bottom: 15px !important;

		align-items: flex-start !important;

		gap: 8px !important;
	}


	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-section-header h2 {

		font-size: 21px !important;

		line-height: 1.3 !important;
	}


	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-section-header p {

		font-size: 11px !important;
	}


	/* -------------------------------------------------------
	   CATEGORY SECTION
	   ------------------------------------------------------- */

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-categories {

		display: block !important;

		width: 100% !important;

		max-width: 100% !important;

		padding: 0 !important;

		margin-bottom: 38px !important;

		grid-template-columns: none !important;

		gap: 0 !important;
	}


	/* Category container */

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-categories
	.hemritu-shop-section-container {

		width: 100% !important;

		max-width: 100% !important;

		padding-left: 0 !important;

		padding-right: 0 !important;

		margin-left: 0 !important;

		margin-right: 0 !important;
	}


	/* Category heading */

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-categories
	.hemritu-shop-section-heading {

		width: 100% !important;

		margin-bottom: 16px !important;
	}


	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-categories
	.hemritu-shop-section-heading-text h2 {

		font-size: 22px !important;

		line-height: 1.25 !important;
	}


	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-categories
	.hemritu-shop-section-heading-text p {

		font-size: 12px !important;

		margin-top: 5px !important;
	}


	/* -------------------------------------------------------
	   CATEGORY GRID
	   MOBILE = EXACTLY 2
	   ------------------------------------------------------- */

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-categories
	.hemritu-shop-category-list {

		display: grid !important;

		width: 100% !important;

		max-width: 100% !important;

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

		column-gap: 10px !important;

		row-gap: 16px !important;

		margin: 0 !important;

		padding: 0 !important;

		overflow: visible !important;
	}


	/* Category card */

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-categories
	.hemritu-shop-category-list
	> article.hemritu-shop-category-card {

		width: 100% !important;

		min-width: 0 !important;

		max-width: none !important;

		margin: 0 !important;

		padding: 0 !important;

		float: none !important;

		clear: none !important;
	}


	/* Category image */

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-categories
	.hemritu-shop-category-image {

		width: 100% !important;

		height: auto !important;

		aspect-ratio: 1 / 1 !important;
	}


	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-categories
	.hemritu-shop-category-image img {

		width: 100% !important;

		height: 100% !important;

		max-width: none !important;

		object-fit: cover !important;
	}


	/* Category content */

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-categories
	.hemritu-shop-category-content {

		padding:
			11px
			8px
			13px !important;
	}


	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-categories
	.hemritu-shop-category-content h3 {

		font-size: 13px !important;

		line-height: 1.35 !important;

		min-height: 35px !important;

		display: flex !important;

		align-items: center !important;

		justify-content: center !important;

		text-align: center !important;
	}


	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-categories
	.hemritu-shop-category-count {

		font-size: 10px !important;

		margin-top: 4px !important;
	}


	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-categories
	.hemritu-shop-category-cta {

		font-size: 11px !important;

		margin-top: 6px !important;
	}


	/* -------------------------------------------------------
	   PRODUCT GRID
	   MOBILE = EXACTLY 2
	   ------------------------------------------------------- */

	body.woocommerce-shop
	.hemritu-shop-home
	ul.products {

		width: 100% !important;

		max-width: 100% !important;

		display: grid !important;

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

		column-gap: 10px !important;

		row-gap: 16px !important;

		margin: 0 !important;

		padding: 0 !important;
	}


	body.woocommerce-shop
	.hemritu-shop-home
	ul.products
	li.product,

	body.woocommerce-shop
	.hemritu-shop-home
	.woocommerce
	ul.products
	li.product {

		width: auto !important;

		max-width: none !important;

		min-width: 0 !important;

		margin: 0 !important;

		padding: 0 !important;

		float: none !important;
	}


	/* Product card */

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-product-card {

		width: 100% !important;

		max-width: 100% !important;

		min-width: 0 !important;
	}


	/* Product image */

	body.woocommerce-shop
	.hemritu-shop-home
	ul.products
	li.product
	img {

		max-width: 100% !important;
	}


	/* -------------------------------------------------------
	   HERO
	   ------------------------------------------------------- */

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-banner {

		margin-bottom: 30px !important;
	}


	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-banner-desktop {

		display: none !important;
	}


	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-banner-mobile {

		display: block !important;

		width: 100% !important;
	}


	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-banner-mobile img {

		width: 100% !important;

		height: auto !important;

		display: block !important;
	}


	/* -------------------------------------------------------
	   FESTIVAL / GIFTS
	   ------------------------------------------------------- */

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-festival-grid,

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-gifts-grid {

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

		column-gap: 10px !important;

		row-gap: 16px !important;
	}


	/* -------------------------------------------------------
	   TRUST
	   ------------------------------------------------------- */

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-trust-grid {

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

		column-gap: 10px !important;

		row-gap: 10px !important;
	}


	/* -------------------------------------------------------
	   REELS
	   ------------------------------------------------------- */

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-reels-grid {

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

		column-gap: 10px !important;

		row-gap: 16px !important;
	}


	/* -------------------------------------------------------
	   VIEW MORE
	   ------------------------------------------------------- */

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-view-more-wrap {

		margin-top: 20px !important;
	}


	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-view-more {

		min-width: 120px;

		min-height: 38px;

		padding: 8px 18px;

		font-size: 13px;
	}

}


/* =========================================================
   32. VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 380px) {

	body.woocommerce-shop
	.hemritu-shop-home {

		padding-left: 8px !important;

		padding-right: 8px !important;
	}


	body.woocommerce-shop
	.hemritu-shop-home
	ul.products {

		column-gap: 8px !important;

		row-gap: 12px !important;
	}


	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-categories
	.hemritu-shop-category-list {

		column-gap: 8px !important;

		row-gap: 12px !important;
	}


	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-section-header h2 {

		font-size: 19px !important;
	}


	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-categories
	.hemritu-shop-section-heading-text h2 {

		font-size: 20px !important;
	}

}


/* =========================================================
   33. LARGE DESKTOP
   ========================================================= */

@media (min-width: 1441px) {

	body.woocommerce-shop
	.hemritu-shop-home {

		max-width: 1440px !important;
	}


	body.woocommerce-shop
	.hemritu-shop-home
	ul.products {

		column-gap: 24px !important;

		row-gap: 32px !important;
	}


	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-categories
	.hemritu-shop-category-list {

		column-gap: 24px !important;

		row-gap: 30px !important;
	}

}


/* =========================================================
   34. GLOBAL BOX SIZING
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home,
body.woocommerce-shop
.hemritu-shop-home *,
body.woocommerce-shop
.hemritu-shop-home
img {

	box-sizing: border-box !important;
}


/* =========================================================
   35. IMAGE SAFETY
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
img {

	max-width: 100%;

}


/* =========================================================
   36. CATEGORY FINAL SAFETY
   =========================================================

   These rules intentionally make sure no old WooCommerce,
   Astra or previous Shop CSS can turn the entire category
   SECTION into a grid.

   Only .hemritu-shop-category-list is the grid.
   ========================================================= */

body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-categories {

	display: block !important;

	width: 100% !important;

	max-width: 100% !important;

	float: none !important;

	clear: both !important;

	flex: none !important;

	grid-template-columns: none !important;

	gap: 0 !important;
}


body.woocommerce-shop
.hemritu-shop-home
.hemritu-shop-categories
.hemritu-shop-category-list {

	display: grid !important;

	width: 100% !important;

	max-width: 100% !important;

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

	overflow: visible !important;

	float: none !important;

	clear: both !important;
}


@media (max-width: 1100px) {

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-categories
	.hemritu-shop-category-list {

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

}


@media (max-width: 767px) {

	body.woocommerce-shop
	.hemritu-shop-home
	.hemritu-shop-categories
	.hemritu-shop-category-list {

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

}


/* =========================================================
   END OF HEMRITU SHOP PAGE CSS
   ========================================================= */