.subcat-block{background:#f7f7f7;padding-block:clamp(2.5rem,5vw,3rem);}
.subcat-block > .section-title{max-width:var(--container-max,1200px);margin:0 auto;padding-right:var(--container-pad,20px);padding-left:calc(var(--container-pad,20px) + var(--pop-gap,1rem));display:block;text-align:left;font:700 1.2rem/1.1 "Montserrat",sans-serif;color:#000;}
@media(min-width:768px){
.subcat-block > .section-title{font-size:clamp(1.2rem,2.4vw,1.9rem);}
} .homepage-subcat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;max-width:var(--container-max,1200px);margin:clamp(1.5rem,4vw,2.5rem) auto 0;padding:0 var(--container-pad,20px);}
.homepage-subcat-card{display:flex!important;flex-direction:column;text-align:center;border-radius:8px;overflow:visible;transition:transform .2s ease;width:100%!important;}
.homepage-subcat-card:hover{transform:translateY(-4px);}
.homepage-subcat-card img{width:100%!important;aspect-ratio:1/1;object-fit:cover;border-radius:8px;transition:filter .3s;}
.homepage-subcat-card:hover img{filter:drop-shadow(0 0 4px rgba(0,0,0,.5)) drop-shadow(0 0 12px rgba(0,0,0,.25));}
.homepage-subcat-card h3{margin:.6rem 0 0;padding:0 .5rem;font-weight:600;line-height:1.3;font-size:1rem;color:#555;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
@media(min-width:768px){
.homepage-subcat-card h3{font-size:clamp(.95rem,1.3vw,1.05rem);}
}   @media(max-width:1023px){ .homepage-subcat-grid{
display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;
scroll-snap-type:x mandatory;gap:1rem;
padding-inline:1rem;scroll-padding-left:1rem;
max-width:100%;-ms-overflow-style:none;scrollbar-width:none;
}
.homepage-subcat-grid::-webkit-scrollbar{display:none;}
.homepage-subcat-card{flex:0 0 64vw;scroll-snap-align:start;} .subcat-block > .section-title{
padding-left:var(--container-pad,20px); white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
}