/**
 * Putushart — Collections Page
 */

/* ---------------------------------------------------------
   Page
--------------------------------------------------------- */

.putushart-collections-page{
	background:#ffffff;
}

/* ---------------------------------------------------------
   Shared Container
--------------------------------------------------------- */

.putushart-collections-page__container{
	max-width:1320px;
	margin:0 auto;
	padding-left:20px;
	padding-right:20px;
}

/* ---------------------------------------------------------
   Hero
--------------------------------------------------------- */

.putushart-collections-page__hero{
	padding:58px 0 46px;

	text-align:center;

	background:
		linear-gradient(
			180deg,
			#faf7fd 0%,
			#ffffff 100%
		);
}

.putushart-collections-page__eyebrow{
	margin:0 0 10px;

	font-size:14px;
	font-weight:700;
	line-height:1.4;

	letter-spacing:.11em;
	text-transform:uppercase;

	color:#8250bd;
}

.putushart-collections-page__title{
	margin:0 0 16px;

	font-size:48px;
	font-weight:700;
	line-height:1.15;

	letter-spacing:-.025em;

	color:#222222;
}

.putushart-collections-page__intro{
	max-width:680px;

	margin:0 auto;

	font-size:17px;
	font-weight:400;
	line-height:1.8;

	color:#666666;
}

/* ---------------------------------------------------------
   Responsive
--------------------------------------------------------- */

@media (max-width:768px){

	.putushart-collections-page__hero{
		padding:46px 0 38px;
	}

	.putushart-collections-page__title{
		font-size:40px;
	}

	.putushart-collections-page__intro{
		font-size:16px;
	}

}

@media (max-width:480px){

	.putushart-collections-page__container{
		padding-left:16px;
		padding-right:16px;
	}

	.putushart-collections-page__hero{
		padding:36px 0 32px;
	}

	.putushart-collections-page__title{
		font-size:34px;
	}

}

/* ---------------------------------------------------------
   Collections Grid
--------------------------------------------------------- */

.putushart-collections-page__grid-section{
	padding:20px 0 80px;
}

.putushart-collections-page__grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:32px;
}

/* ---------------------------------------------------------
   Collection Card
--------------------------------------------------------- */

.putushart-collection-card{
	overflow:hidden;

	background:#ffffff;

	border:1px solid #ececec;
	border-radius:16px;

	box-shadow:0 10px 28px rgba(0,0,0,.05);

	transition:
		transform .3s ease,
		box-shadow .3s ease;
}

.putushart-collection-card:hover{
	transform:translateY(-6px);

	box-shadow:0 18px 40px rgba(0,0,0,.09);
}

/* ---------------------------------------------------------
   Image Frame
--------------------------------------------------------- */

.putushart-collection-card__image{
	display:flex;
	align-items:center;
	justify-content:center;

	width:100%;
	height:360px;

	overflow:hidden;

	background:#f7f7f5;
}

.putushart-collection-card__image img{
	display:block;

	width:100%;
	height:100%;

	object-fit:cover;
	object-position:center;

	transition:transform .4s ease;
}

.putushart-collection-card:hover
.putushart-collection-card__image img{
	transform:scale(1.04);
}

/* ---------------------------------------------------------
   Card Content
--------------------------------------------------------- */

.putushart-collection-card__content{
	padding:24px;
}

.putushart-collection-card__title{
	margin:0 0 8px;

	font-size:24px;
	font-weight:700;
	line-height:1.3;

	color:#222222;
}

.putushart-collection-card__count{
	margin:0 0 18px;

	font-size:14px;
	color:#777777;
}

.putushart-collection-card__link{
	display:inline-flex;
	align-items:center;
	gap:8px;

	color:#8250bd;

	font-size:15px;
	font-weight:600;

	text-decoration:none;
}

.putushart-collection-card__link:hover{
	color:#6f3fa4;
}

/* ---------------------------------------------------------
   Responsive
--------------------------------------------------------- */

@media (max-width:1024px){

	.putushart-collections-page__grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

}

@media (max-width:640px){

	.putushart-collections-page__grid{
		grid-template-columns:1fr;
	}

	.putushart-collection-card__image{
		height:320px;
	}

}