/* =========================================================
   HEMRITU HOMEPAGE
   PARENT CATEGORIES / COLLECTIONS
   ========================================================= */

.hr-home-categories {
	width: 100% !important;
	max-width: 100% !important;

	margin: 0 !important;

	padding: 70px 20px 75px !important;

	background: #fff !important;

	box-sizing: border-box;

	clear: both !important;

	float: none !important;
}


.hr-home-categories *,
.hr-home-categories *::before,
.hr-home-categories *::after {
	box-sizing: border-box;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.hr-home-categories__container {
	width: 100% !important;

	max-width: 1200px !important;

	margin: 0 auto !important;

	padding: 0 !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.hr-home-categories__header {
	width: 100%;

	max-width: 760px;

	margin: 0 auto 38px;

	text-align: center;
}


.hr-home-categories__eyebrow {
	display: block;

	margin: 0 0 10px;

	font-size: 9px;

	font-weight: 700;

	letter-spacing: 2.5px;

	line-height: 1.4;

	text-transform: uppercase;

	color: #a17b3d;
}


.hr-home-categories__title {
	margin: 0 !important;

	padding: 0 !important;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 32px !important;

	font-weight: 500 !important;

	line-height: 1.2 !important;

	color: #17130f !important;
}


.hr-home-categories__intro {
	margin: 10px 0 0 !important;

	padding: 0 !important;

	font-size: 13px;

	line-height: 1.7;

	color: #777;
}


/* =========================================================
   CATEGORY GRID
   ========================================================= */

.hr-home-categories__grid {
	display: grid !important;

	width: 100% !important;

	grid-template-columns:
		repeat(
			var(
				--hr-home-category-desktop-columns,
				4
			),
			minmax(0, 1fr)
		);

	gap: 42px;

	align-items: start;

	margin: 0 !important;

	padding: 0 !important;
}


/* =========================================================
   CATEGORY CARD
   ========================================================= */

.hr-home-category {
	display: flex !important;

	width: 100% !important;

	min-width: 0;

	flex-direction: column;

	align-items: center;

	margin: 0 !important;

	padding: 0 !important;

	text-align: center;

	background: transparent !important;

	border: 0 !important;

	box-shadow: none !important;
}


/* =========================================================
   IMAGE LINK
   ========================================================= */

.hr-home-category__image-link {
	display: block !important;

	width: 100% !important;

	max-width: 220px;

	margin: 0 auto !important;

	padding: 0 !important;

	text-decoration: none !important;

	line-height: 0;

	border: 0 !important;

	background: transparent !important;
}


/* =========================================================
   CIRCLE
   ========================================================= */

.hr-home-category__image {
	position: relative;

	display: flex !important;

	align-items: center;

	justify-content: center;

	width: 100% !important;

	aspect-ratio: 1 / 1 !important;

	margin: 0 !important;

	padding: 0 !important;

	overflow: hidden !important;

	border-radius: 50% !important;

	background: #f5f1e9;

	box-shadow:
		0 8px 24px rgba(0,0,0,.08);

	transform: translateZ(0);

	transition:
		transform 300ms ease,
		box-shadow 300ms ease;
}


.hr-home-category__image-link:hover
.hr-home-category__image {
	transform: translateY(-5px);

	box-shadow:
		0 14px 32px rgba(0,0,0,.12);
}


/* =========================================================
   IMAGE
   ========================================================= */

.hr-home-category__image img {
	display: block !important;

	width: 100% !important;

	height: 100% !important;

	max-width: none !important;

	object-fit: cover !important;

	object-position: center center !important;

	margin: 0 !important;

	padding: 0 !important;

	border: 0 !important;

	border-radius: 50% !important;
}


/* =========================================================
   PLACEHOLDER
   ========================================================= */

.hr-home-category__placeholder {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 100%;

	height: 100%;

	padding: 25px;

	border-radius: 50%;

	background: #f5f1e9;

	color: #8a755b;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 17px;

	line-height: 1.4;

	text-align: center;
}


/* =========================================================
   CONTENT
   ========================================================= */

.hr-home-category__content {
	display: flex;

	width: 100%;

	max-width: 260px;

	flex-direction: column;

	align-items: center;

	margin: 20px auto 0;

	padding: 0;
}


/* =========================================================
   EXPLORE CATEGORY NAME
   ========================================================= */

.hr-home-category__name {
	width: 100%;

	margin: 0 !important;

	padding: 0 !important;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 17px !important;

	font-weight: 500 !important;

	line-height: 1.35 !important;

	text-align: center;
}


.hr-home-category__name a {
	color: #17130f !important;

	text-decoration: none !important;

	transition:
		color 200ms ease;
}


.hr-home-category__name a:hover {
	color: #a17b3d !important;
}


/* =========================================================
   HOMEPAGE TEXT
   ========================================================= */

.hr-home-category__text {
	width: 100%;

	margin: 7px 0 0 !important;

	padding: 0 !important;

	font-size: 11px;

	line-height: 1.6;

	color: #777;

	text-align: center;
}


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

@media (max-width: 1000px) {

	.hr-home-categories {
		padding: 60px 20px 65px !important;
	}


	.hr-home-category__image-link {
		max-width: 210px;
	}

}


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

@media (max-width: 600px) {

	.hr-home-categories {
		padding: 45px 16px 50px !important;
	}


	.hr-home-categories__header {
		margin-bottom: 28px;
	}


	.hr-home-categories__eyebrow {
		font-size: 8px;

		letter-spacing: 2px;

		margin-bottom: 8px;
	}


	.hr-home-categories__title {
		font-size: 26px !important;
	}


	.hr-home-categories__intro {
		max-width: 330px;

		margin-left: auto !important;

		margin-right: auto !important;

		font-size: 11px;

		line-height: 1.6;
	}


	/* -----------------------------------------
	   MOBILE COLUMN CONTROL
	   ----------------------------------------- */

	.hr-home-categories__grid {
		grid-template-columns:
			repeat(
				var(
					--hr-home-category-mobile-columns,
					2
				),
				minmax(0,1fr)
			);

		gap: 32px 18px;
	}


	.hr-home-category__image-link {
		max-width: 155px;
	}


	.hr-home-category__content {
		max-width: 170px;

		margin-top: 14px;
	}


	.hr-home-category__name {
		font-size: 14px !important;
	}


	.hr-home-category__text {
		font-size: 10px;

		line-height: 1.5;
	}

}


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

@media (max-width: 380px) {

	.hr-home-categories {
		padding-left: 12px !important;

		padding-right: 12px !important;
	}


	.hr-home-categories__grid {
		gap: 28px 12px;
	}


	.hr-home-category__image-link {
		max-width: 140px;
	}


	.hr-home-category__content {
		max-width: 150px;
	}

}