/* ===================================================================== */
/*  SUBCATEGORY block  (desktop + mobile tweaks)                         */
/* ===================================================================== */

/* ---------- фон + равные поля сверху/снизу -------------------------- */
.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)); /* desktop-смещение */
  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);}
}

/* ------- Grid (desktop ≥1024 px) ----------------------------------- */
.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);
}

/* ---------- Card ---------------------------------------------------- */
.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);}
}

/* =================================================================== */
/*  Mobile ≤1023 px : карусель + правка заголовка                      */
/* =================================================================== */
@media (max-width:1023px){

  /* -------- Grid превращается в горизонтальную ленту -------------- */
  .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);  /* только базовый 20 px */
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
}