.cat-head { padding-block: var(--s-4) var(--s-6); background: var(--t); }
.cat-head__panel { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: var(--s-4); }
.cat-head__text { display: flex; flex-direction: column; gap: var(--s-3); min-width: 0; }
.crumbs__list { display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--s-2); font-size: var(--fs-1); color: var(--muted); }
.crumbs__list > li { display: inline-flex; align-items: center; max-width: none; }
.crumbs__list > li + li::before { content: "\203A"; margin-right: var(--s-2); color: var(--small); }
.crumbs__list a { display: inline-flex; align-items: center; min-height: var(--target); color: var(--muted); }
.cat-head__lockup { display: flex; align-items: center; gap: var(--s-3); }
.cat-head__seal { width: 56px; height: 56px; flex: none; color: var(--sc); }
.cat-head__h1 { font-size: var(--fs-6); line-height: 1.04; letter-spacing: -.022em; min-width: 0; }
.cat-head__lede { font-size: 1.0625rem; line-height: 1.5; color: var(--muted); max-width: 40rem; }
.cat-head__facts { font-size: var(--fs-1); font-weight: 500; color: var(--ink); }
.cat-head__visual { display: none; }
.cat-head__start { margin-top: var(--s-5); }
.cat-head__start-h { font-family: var(--font-sans); font-size: var(--fs-1); font-weight: 600; color: var(--muted); margin-bottom: var(--s-2); }
.cards--start { grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap: var(--s-3); }
.cards--start .card { min-height: 112px; padding: var(--s-4) var(--s-4) var(--s-4); }
.cards--start .card__name { font-family: var(--font-serif); font-size: var(--fs-4); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; }
.cat-list { padding-top: var(--s-6); }
@media (max-width: 599px) {
  .cat-head__lockup { flex-direction: column; align-items: flex-start; gap: var(--s-3); }
}
@media (max-width: 360px) {
  .cat-head__h1 { font-size: var(--fs-5); }
}
@media (min-width: 1024px) {
  .cat-head { padding-block: var(--s-5) var(--s-7); }
  .cat-head__panel { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gutter); align-items: center; }
  .cat-head__text { grid-column: 1 / span 7; gap: var(--s-4); }
  .cat-head__seal { width: 88px; height: 88px; }
  .cat-head__h1 { font-size: var(--fs-7); }
  .cat-head__lede { font-size: 1.1875rem; }
  .cat-head__visual {
    display: block; grid-column: 9 / span 4; justify-self: end; width: 100%; max-width: 360px; aspect-ratio: 4 / 3;
    border-radius: var(--r-card); background: var(--paper) center / cover no-repeat;
  }
}
@media (min-width: 1024px) and (prefers-color-scheme: dark) {
  .cat-head__visual { filter: brightness(.82); }
}
@media (min-width: 1024px) {
  .cat-head[data-cat="pinigai"] .cat-head__visual { background-image: url("../img/v/cat-pinigai-360.webp?v=20260929135044"); background-image: image-set(url("../img/v/cat-pinigai-360.webp?v=20260929135044") 1x, url("../img/v/cat-pinigai-720.webp?v=20260929135044") 2x); }
  .cat-head[data-cat="data"] .cat-head__visual { background-image: url("../img/v/cat-data-360.webp?v=20260929135044"); background-image: image-set(url("../img/v/cat-data-360.webp?v=20260929135044") 1x, url("../img/v/cat-data-720.webp?v=20260929135044") 2x); }
  .cat-head[data-cat="tekstas"] .cat-head__visual { background-image: url("../img/v/cat-tekstas-360.webp?v=20260929135044"); background-image: image-set(url("../img/v/cat-tekstas-360.webp?v=20260929135044") 1x, url("../img/v/cat-tekstas-720.webp?v=20260929135044") 2x); }
  .cat-head[data-cat="matai"] .cat-head__visual { background-image: url("../img/v/cat-matai-360.webp?v=20260929135044"); background-image: image-set(url("../img/v/cat-matai-360.webp?v=20260929135044") 1x, url("../img/v/cat-matai-720.webp?v=20260929135044") 2x); }
  .cat-head[data-cat="matematika"] .cat-head__visual { background-image: url("../img/v/cat-matematika-360.webp?v=20260929135044"); background-image: image-set(url("../img/v/cat-matematika-360.webp?v=20260929135044") 1x, url("../img/v/cat-matematika-720.webp?v=20260929135044") 2x); }
  .cat-head[data-cat="namai"] .cat-head__visual { background-image: url("../img/v/cat-namai-360.webp?v=20260929135044"); background-image: image-set(url("../img/v/cat-namai-360.webp?v=20260929135044") 1x, url("../img/v/cat-namai-720.webp?v=20260929135044") 2x); }
  .cat-head[data-cat="sveikata"] .cat-head__visual { background-image: url("../img/v/cat-sveikata-360.webp?v=20260929135044"); background-image: image-set(url("../img/v/cat-sveikata-360.webp?v=20260929135044") 1x, url("../img/v/cat-sveikata-720.webp?v=20260929135044") 2x); }
  .cat-head[data-cat="auto"] .cat-head__visual { background-image: url("../img/v/cat-auto-360.webp?v=20260929135044"); background-image: image-set(url("../img/v/cat-auto-360.webp?v=20260929135044") 1x, url("../img/v/cat-auto-720.webp?v=20260929135044") 2x); }
  .cat-head[data-cat="svetainems"] .cat-head__visual { background-image: url("../img/v/cat-svetainems-360.webp?v=20260929135044"); background-image: image-set(url("../img/v/cat-svetainems-360.webp?v=20260929135044") 1x, url("../img/v/cat-svetainems-720.webp?v=20260929135044") 2x); }
  .cat-head[data-cat="nuotraukos"] .cat-head__visual { background-image: url("../img/v/cat-nuotraukos-360.webp?v=20260929135044"); background-image: image-set(url("../img/v/cat-nuotraukos-360.webp?v=20260929135044") 1x, url("../img/v/cat-nuotraukos-720.webp?v=20260929135044") 2x); }
}
.cat-head__groups { margin-top: var(--s-5); }
.cat-head__groups-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--s-2); }
.cat-head__groups-list > li { max-width: none; }
.cat-head__groups-list a {
  display: inline-flex; align-items: center; min-height: var(--target); padding: 0 var(--s-4); white-space: nowrap;
  border: 1px solid var(--rule); border-radius: var(--r-input); background: var(--surface); color: var(--ink);
  font-size: var(--fs-1); font-weight: 500; line-height: 1.2; text-decoration: none;
}
@media (hover: hover) {
  .crumbs__list a:hover { color: var(--ink); }
  .cat-head__groups-list a:hover { border-color: var(--c); color: var(--ink); }
}
@media (min-width: 768px) {
  .cat-head__groups-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(13.5rem, 1fr)); }
  .cat-head__groups-list a { display: flex; justify-content: center; }
}
.cat-sec + .cat-sec { padding-top: var(--s-6); }
.cat-sec { scroll-margin-top: var(--s-4); }
.cat-sec__h { font-size: var(--fs-4); line-height: 1.2; margin-bottom: var(--s-3); }