.catalog-main{padding:38px 0 72px}
.catalog-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}
.catalog-head-copy{min-width:0}
.catalog-head h1{margin:7px 0 6px;font-size:clamp(34px,4vw,52px);letter-spacing:-.04em}
.catalog-summary{margin:0;color:#87948a;font-size:13px}
.catalog-toolbar{min-width:0;display:grid;gap:12px;margin-bottom:18px}
.catalog-filter-row{min-width:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}
.catalog-chips{min-width:0;max-width:100%;display:flex;gap:8px;flex-wrap:wrap}
.catalog-chip{min-height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border:1px solid #2b372f;border-radius:999px;background:#101611;color:#aeb8b0;font:800 12px/1 system-ui;cursor:pointer}
.catalog-chip:hover,.catalog-chip:focus-visible{border-color:#587244;color:#ecf4ed}
.catalog-chip.active{border-color:var(--lime);background:#142016;color:var(--lime)}
.catalog-sort{min-width:0;max-width:100%;display:flex;align-items:center;gap:8px;color:#7f8d83;font-size:12px;white-space:nowrap}
.catalog-sort select{height:36px;min-width:150px;border:1px solid #2b372f;border-radius:10px;background:#101611;color:#dce5de;padding:0 31px 0 10px;font:800 12px system-ui}
.catalog-context{display:none;align-items:center;gap:8px;min-height:34px;padding:0 2px;color:#97a49a;font-size:13px}
.catalog-context.visible{display:flex}
.catalog-context strong{color:#e4ece6}
.catalog-clear{border:0;background:transparent;color:var(--lime);font:800 12px system-ui;cursor:pointer;padding:4px}
.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.catalog-card{position:relative;min-width:0;overflow:hidden;border:1px solid #273229;border-radius:18px;background:#101511;transition:.18s transform,.18s border-color,.18s box-shadow}
.catalog-card:hover{transform:translateY(-3px);border-color:#537044;box-shadow:0 16px 40px rgba(0,0,0,.28)}
.catalog-card-media{position:relative;aspect-ratio:1/1;overflow:hidden;background:#0b100d}
.catalog-card-media img,.catalog-card-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.catalog-card-media video{opacity:0;transition:.2s opacity}
.catalog-card.previewing .catalog-card-media video{opacity:1}
.catalog-card.previewing .catalog-card-media img{opacity:0}
.catalog-card-body{display:grid;gap:7px;padding:13px 14px 15px}
.catalog-card-title-row{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px}
.catalog-card h2{min-width:0;margin:0;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catalog-card-meta{color:#849188;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catalog-card-date{font-size:11px;color:#69756d}
.catalog-badge{flex:0 0 auto;display:inline-flex;align-items:center;height:24px;padding:0 8px;border:1px solid rgba(156,255,85,.32);border-radius:999px;background:rgba(156,255,85,.08);color:var(--lime);font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.catalog-empty{grid-column:1/-1;padding:44px 20px;border:1px dashed #2b372f;border-radius:20px;text-align:center;color:#87948a}
.catalog-empty strong{display:block;margin-bottom:6px;color:#dce5de;font-size:18px}
.catalog-empty p{margin:0;line-height:1.5}
.catalog-count-pill{display:inline-flex;align-items:center;height:28px;padding:0 10px;border:1px solid #29352c;border-radius:999px;background:#0e140f;color:#8f9c92;font-size:11px;font-weight:800}

@media(max-width:1180px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){
  .catalog-main{padding-top:28px}
  .catalog-head{align-items:start;flex-direction:column}
  .catalog-filter-row{align-items:stretch;flex-direction:column}
  .catalog-sort{justify-content:space-between}
  .catalog-sort select{flex:1;max-width:260px}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media(max-width:520px){
  .catalog-main{padding-top:22px}
  .catalog-filter-row,.catalog-chips,.catalog-sort{width:100%;max-width:100%}
  .catalog-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
  .catalog-chips::-webkit-scrollbar{display:none}
  .catalog-chip{flex:0 0 auto}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .catalog-card{border-radius:14px}
  .catalog-card-body{padding:10px 11px 12px;gap:5px}
  .catalog-card h2{font-size:14px}
  .catalog-card-meta{font-size:10px}
  .catalog-card-date{display:none}
  .catalog-badge{height:21px;font-size:9px;padding-inline:6px}
}
@media(max-width:350px){.catalog-grid{grid-template-columns:1fr}}
@media(hover:none){.catalog-card:hover{transform:none;box-shadow:none}}