/* =====================================================================================================
   pages/catalog.css · /kursy and /kursy/<n>-klass (Витрина). Phone first; tokens only.
   ===================================================================================================== */
.cat{padding-bottom:12px}
.cat-h{margin:4px 0 6px;font-size:clamp(24px,3.4vw + 12px,42px)}
.cat-lead{margin-bottom:14px}
.cat-soon{margin:-6px 0 14px;font-size:16px;line-height:1.45;color:var(--ink-2)}
.cat-tabs{margin-top:14px}
.cat-panel{display:grid;gap:18px}
.cat-subj{margin-top:-2px}
.cat-panel>.chips-scroll{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
.cat-subj .chip[aria-current="page"] .chip-n{color:var(--ink-2)}
.cat-cards{gap:18px}
.cat-cards .cc-ph{aspect-ratio:16/7}
.cat-howto{margin:0}
.cat-near{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.cat-near .btn:only-child:last-child{margin-left:auto}
.cat-suggest{margin:0}

/* /kursy: compact rows grouped by grade */
.cat-grade .blk-h{margin-bottom:4px}
.cat-grade .blk-h a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none}
.cat-grade .blk-h a:hover{text-decoration:underline;text-decoration-color:var(--pen)}
.crows{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.crow{--sp:var(--math);display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:4px 12px;align-items:center;min-height:60px;padding:8px 8px 8px 6px;
  border-bottom:1px dashed var(--line);border-radius:8px;color:var(--ink);text-decoration:none}
.crow:hover{background:var(--marker-soft);color:var(--ink)}
.crow-fiz{--sp:var(--fiz)}
.crow-him{--sp:var(--him)}
.crow>.ico{color:var(--sp)}
.crow-t{display:grid;gap:2px;font:600 17px/1.3 var(--f-text);min-width:0}
.crow-t small{font:400 16px/1.35 var(--f-text);color:var(--pencil)}
.crow-p{display:grid;justify-items:end;gap:2px;text-align:right}
.crow-price{font:800 18px/1.1 var(--f-head);white-space:nowrap;font-variant-numeric:tabular-nums}
.crow-price.is-off{color:var(--pen-ink)}
.crow-old{font-size:16px;color:var(--pencil);text-decoration-color:var(--pen);white-space:nowrap}
.crow.is-soon{color:var(--ink-2)}
.cat-mine{padding-bottom:6px;border-bottom:2px solid var(--ink)}
.cat-mine h2{margin-bottom:6px}

@media (min-width:600px){
  .cat-panel>.chips-scroll{margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px}
  .cat-cards .cc-ph{aspect-ratio:16/9}
}
@media (min-width:1024px){
  .cat-panel>.chips-scroll{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
  .cat-panel{gap:22px}
  .crows{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px}
}