.bh-cats{background:var(--cats-bg);padding:60px 0}
.bh-cats__container{max-width:1200px;margin:0 auto;padding:0 20px}
.bh-cats__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;gap:20px}
.bh-cats__title{font-size:clamp(24px,3vw,36px);font-weight:800;margin:0;letter-spacing:-.02em}
.bh-cats__sub{font-size:16px;margin:6px 0 0;max-width:420px}
.bh-cats__viewall{font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:gap .3s}
.bh-cats__viewall:hover{text-decoration:underline}
.bh-cats__grid{display:grid;gap:16px}
.bh-cats__grid--6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}
.bh-cats__grid--6 .bh-cats__card:first-child{grid-row:span 2}
.bh-cats__grid--4{grid-template-columns:repeat(4,1fr)}
.bh-cats__grid--3{grid-template-columns:repeat(3,1fr)}
.bh-cats__grid--5{grid-template-columns:repeat(3,1fr)}
.bh-cats__grid--5 .bh-cats__card:nth-child(4),.bh-cats__grid--5 .bh-cats__card:nth-child(5){grid-column:span 1}
.bh-cats__card{position:relative;border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;aspect-ratio:1/1;display:flex;align-items:flex-end}
.bh-cats__grid--6 .bh-cats__card:first-child{aspect-ratio:auto}
.bh-cats__card::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.1) 50%,transparent 100%);transition:opacity .3s}
.bh-cats__card:hover::after{opacity:.9}
.bh-cats__img{position:absolute;inset:0}
.bh-cats__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.bh-cats__card:hover .bh-cats__img img{transform:scale(1.08)}
.bh-cats__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e2e8f0;color:#94a3b8;font-size:48px;font-weight:700}
.bh-cats__info{position:relative;z-index:1;padding:24px;width:100%;display:flex;flex-direction:column;gap:4px}
.bh-cats__name{font-size:18px;font-weight:700;margin:0}
.bh-cats__count{font-size:13px;opacity:.8}
.bh-cats__arrow{position:absolute;top:24px;right:24px;width:36px;height:36px;border-radius:50%;background:var(--card-accent,#2563eb);display:flex;align-items:center;justify-content:center;font-size:16px;opacity:0;transform:translateX(-8px);transition:all .3s}
.bh-cats__card:hover .bh-cats__arrow{opacity:1;transform:translateX(0)}
@media(max-width:749px){
  .bh-cats{padding:40px 0}
  .bh-cats__header{flex-direction:column;align-items:flex-start}
  .bh-cats__grid{grid-template-columns:repeat(2,1fr)!important}
  .bh-cats__grid--6 .bh-cats__card:first-child{grid-row:auto}
  .bh-cats__card{aspect-ratio:1/1}
}