/* Общие секции/заголовки */
.catalog-section{margin:12px 0;}

/* Гриды */
.grid--categories{display:grid; gap:.3rem; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch;}
.grid--categories > *{align-self:stretch;}
.grid--brands{display:grid; gap:.2rem; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start;}

@media (max-width:340px){
  .grid--categories{grid-template-columns:1fr; gap:.3rem;}
  .grid--brands{grid-template-columns:repeat(auto-fill,minmax(100px,1fr)); gap:.3rem;}
}
@media (min-width:540px){
  .grid--categories{gap:12px; grid-template-columns:repeat(auto-fill,minmax(180px,1fr));}
  .grid--brands{gap:12px; grid-template-columns:repeat(auto-fill,minmax(120px,1fr));}
}

/* Карточка категории */
.category-card{
  display:grid; grid-template-rows:auto 1fr auto; height:100%;
  background:#fff; border-radius:15px; overflow:hidden; transition:transform .15s;
}
.category-card:hover{transform:translateY(-2px); color:black}
.category-card__media{grid-row:1; aspect-ratio:4/3; overflow:hidden;}
.category-card__media img{width:100%; height:100%; object-fit:cover; display:block;}
.category-card__body{grid-row:3; padding:.5rem .75rem; min-height:0; display:flex;}
.category-card__title-wrap{min-height:calc(1.3em * 2); display:flex; align-items:flex-end; width:100%;}
.category-card__title{
  font-weight:600; font-size:1.1rem; line-height:1.3; overflow:hidden;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
  overflow-wrap:anywhere; word-break:break-word; hyphens:auto;
}

/* Карточка бренда */
.brand-card{
  display:flex; flex-direction:column; text-decoration:none; color:inherit; align-items:center; gap:.5rem;
  min-width:0; transition:transform .15s; margin-bottom:.5rem;
}
.brand-card:hover{transform:translateY(-2px); color:black}
.brand-card__logo{
  position:relative; width:100%; aspect-ratio:1/1; overflow:hidden;
  border:1px solid var(--border); border-radius:12px; background:#fff;
}
.brand-card__logo img{
  position:absolute; inset:0; box-sizing:border-box; width:100%; height:100%;
  padding:8px; object-fit:contain; display:block;
}
.brand-card__fallback{
  position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:12px; box-sizing:border-box; overflow-wrap:anywhere; text-align:center;
  color:#162033; font-size:clamp(.72rem,1.5vw,.9rem); font-weight:800; line-height:1.15;
  background:linear-gradient(145deg,#f7f9fc 0%,#eaf1ff 100%);
}
.brand-card__fallback::before{
  content:"LIGHT"; margin-bottom:8px; padding:4px 7px; border-radius:999px;
  background:#246bfd; color:#fff; font-size:.58rem; letter-spacing:.13em;
}
.brand-card__title{width:100%; min-height:2.4em; text-align:center; font-weight:600; font-size:.95rem; line-height:1.2; overflow-wrap:anywhere;}