/* Catalog section pages (build_catalog.py): title + hero header, sub-navigation, pager, lightbox. */
.cat-head{display:flex;align-items:flex-start;gap:5px;margin:0 0 14px}
.cat-head__t{flex:0 0 auto;max-width:45%;padding-right:0}
.cat-head__t h1{hyphens:auto;-webkit-hyphens:auto}
.cat-head__t h1{margin-bottom:6px}
.cat-head__t .kat-count{margin:0 !important}
/* hero: small interior photo right next to the title, wide text, red button */
.cat-hero{flex:1 1 auto;min-width:0;height:var(--cat-hero-h,140px);display:flex;
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;box-shadow:var(--sh)}
.cat-hero__img{flex:0 0 var(--cat-hero-img,130px);padding:0;margin:0;border:0;background:#eef0f1;cursor:zoom-in;display:block;
  overflow:hidden;position:relative}
.cat-hero__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.cat-hero__img:hover img{transform:scale(1.04)}
.cat-hero__txt{flex:1 1 auto;min-width:0;position:relative;padding:10px 14px 44px;font-size:13px;line-height:1.4;color:#333}
.cat-hero__txt p{margin:0;display:-webkit-box;-webkit-line-clamp:var(--cat-hero-lines,4);line-clamp:var(--cat-hero-lines,4);
  -webkit-box-orient:vertical;overflow:hidden}
.cat-hero__more{position:absolute;right:12px;bottom:8px;display:inline-flex;align-items:center;height:30px;padding:0 14px;
  border-radius:var(--r-btn);background:var(--red,#E5252A);color:#fff;font-size:13px;font-weight:700;text-decoration:none;
  box-shadow:0 2px 6px rgba(229,37,42,.3)}
.cat-hero__more:hover,.cat-hero__more:focus{background:#c81e23;color:#fff;text-decoration:none}
.cat-subnav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.cat-subnav a{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;padding:5px 12px;
  font-size:13px;line-height:1.3;background:#fff;color:inherit;text-decoration:none;max-width:100%}
.cat-subnav a:hover{border-color:var(--dark)}
.cat-subnav small{color:var(--muted);font-size:12px}
.cat-h2{font-size:17px;margin:18px 0 10px}
.cat-from{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;font-size:14px}
.cat-from[hidden]{display:none}
.cat-from__x{border:1px solid var(--line);border-radius:999px;background:#fff;padding:4px 12px;font:inherit;font-size:13px;cursor:pointer}
.cat-grid .card[hidden]{display:none}
.price__old{color:var(--muted);font-weight:400;font-size:.85em;margin-right:4px}
.cat-pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:18px 0 6px}
.cat-pager .btn{min-width:40px;height:40px;padding:0 10px}
.cat-pager__gap{color:var(--muted);padding:0 2px}
.cat-soon{border:1px dashed var(--line);border-radius:var(--r);padding:18px;background:#fff;margin:0 0 18px}
.cat-soon p{margin:0}
.cat-sec .kat-text{scroll-margin-top:90px}
.cat-lb{position:fixed;inset:0;z-index:10000;background:rgba(10,10,10,.9);display:flex;align-items:center;justify-content:center;
  cursor:zoom-out;touch-action:none;transition:opacity .15s}
.cat-lb img{max-width:96vw;max-height:92vh;object-fit:contain;transition:transform .1s;box-shadow:0 8px 40px rgba(0,0,0,.5)}
.cat-lb__x{position:absolute;top:8px;right:10px;width:44px;height:44px;border:0;background:none;color:#fff;font-size:36px;line-height:1;cursor:pointer}
@media (max-width:991px){
  .cat-head__t{max-width:42%}
  .cat-hero{height:auto;min-height:var(--cat-hero-h,140px)}
  .cat-hero__img{flex-basis:110px}
}
@media (max-width:767px){
  .cat-head{flex-direction:column;gap:12px}
  .cat-head__t{max-width:none}
  .cat-hero{flex:none;width:100%;max-width:100%;height:auto;min-height:0;flex-direction:row}
  .cat-hero__img{flex:0 0 104px;width:104px;height:auto;min-height:120px}
  .cat-hero__more{height:36px;padding:0 18px;font-size:14px}
  .cat-hero__txt{padding:12px 14px 52px;font-size:14px}
  .cat-hero__txt p{-webkit-line-clamp:6;line-clamp:6}
}