/**
 * Melaaura Home — Categories image grid.
 * Scoped under .mh-categories. Hover/transition/media-query/height-target rules live here;
 * tokens (--mh-*) come from the shared melaaura-home-base.
 */

.mh-categories{
	--mh-accent:var(--mh-gold,#B28C3F);
	--mh-cat-radius:14px;
	background:#F7F5F1;
	padding:clamp(76px,12vh,160px) clamp(20px,5vw,100px);
}
.mh-categories__wrap{max-width:1360px;margin:0 auto;}

/* Heading */
.mh-categories__head{
	display:flex;align-items:flex-end;justify-content:space-between;
	gap:24px;flex-wrap:wrap;margin-bottom:clamp(40px,6vh,64px);
}
.mh-categories__eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:22px;}
.mh-categories__eyebrow-line{width:36px;height:1px;background:var(--mh-accent);display:block;}
.mh-categories__eyebrow-text{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--mh-mute,#8B8174);}
.mh-categories__title{font-weight:400;font-size:clamp(34px,4.4vw,68px);line-height:1;letter-spacing:-.01em;color:var(--mh-ink,#16130F);margin:0;}
.mh-categories__viewall{
	display:inline-flex;align-items:center;gap:12px;
	font-size:12px;letter-spacing:.18em;text-transform:uppercase;
	color:var(--mh-ink,#16130F);text-decoration:none;
	border-bottom:1px solid var(--mh-ink,#16130F);padding-bottom:6px;
	transition:color .3s ease,border-color .3s ease;
}
.mh-categories__viewall:hover{color:var(--mh-accent);border-color:var(--mh-accent);}
.mh-categories__viewall-arrow{display:inline-block;}

/* Grid */
.mh-categories__grid{
	display:grid;grid-template-columns:repeat(4,1fr);
	gap:clamp(16px,1.6vw,26px);
}
.mh-categories__tile{text-decoration:none;display:block;}
.mh-categories__media{
	aspect-ratio:4/4.6;overflow:hidden;
	border-radius:var(--mh-cat-radius);background:#EFEAE1;margin-bottom:18px;
}
.mh-categories__img{
	width:100%;height:100%;object-fit:cover;display:block;
	transition:transform 1.4s cubic-bezier(.22,.61,.36,1);
}
.mh-categories__tile:hover .mh-categories__img{transform:scale(1.06);}
.mh-categories__label{display:flex;align-items:center;justify-content:space-between;}
.mh-categories__name{font-size:clamp(22px,1.9vw,28px);color:var(--mh-ink,#16130F);}
.mh-categories__arrow{color:var(--mh-accent);}

/* Responsive grid collapse (matches design [data-cat-grid] rules) */
@media (max-width:1100px){
	.mh-categories__grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:960px){
	.mh-categories__grid{grid-template-columns:repeat(2,1fr);}
}