/* Chain Necklace page (Figma node 1:1146). Every selector scoped under .pg-chain-necklace.
   Hero / USP marquee / FAQ / gallery reuse shared theme components from main.css. */

/* Category grid (2 x 2) */
.pg-chain-necklace .cn-cats__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 28px;
}
.pg-chain-necklace .cn-cat {
	position: relative;
	aspect-ratio: 1;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	gap: 18px;
	padding-bottom: 40px;
}
.pg-chain-necklace .cn-cat__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.pg-chain-necklace .cn-cat__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, rgba(26, 5, 4, 0) 77%, rgba(26, 5, 4, 0.2) 100%);
}
.pg-chain-necklace .cn-cat__label {
	position: relative;
	color: #fff;
	font-family: var(--font-heading);
	font-size: 22px;
	text-align: center;
}
.pg-chain-necklace .cn-cat .btn {
	position: relative;
	min-width: 130px;
}

/* Popular products */
.pg-chain-necklace .cn-products__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 27px;
}
.pg-chain-necklace .cn-product {
	display: block;
}
.pg-chain-necklace .cn-product__media {
	border-radius: 10px;
	overflow: hidden;
	aspect-ratio: 1;
	background: #f0f0f0;
}
.pg-chain-necklace .cn-product__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.pg-chain-necklace .cn-product__name {
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.5;
	text-transform: capitalize;
	max-width: 300px;
}
.pg-chain-necklace .cn-product__price {
	margin-top: 12px;
	font-size: 16px;
	font-weight: 700;
	color: #242424;
}

/* Responsive */
@media (max-width: 1024px) {
	.pg-chain-necklace .cn-products__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	.pg-chain-necklace .cn-cats__grid { grid-template-columns: 1fr; }
	.pg-chain-necklace .cn-products__grid { grid-template-columns: 1fr; }
}