@layer page {
  .ka-cat { position: relative; padding-top: var(--s-8); padding-bottom: var(--sec-gap); }
  .ka-top { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gutter); align-items: start; }
  .ka-navrow { grid-column: 1 / -1; min-width: 0; }
  .km-catnav { list-style: none; margin: 0; padding: 0; }
  .km-catnav li { flex: none; }
  .km-catnav__grp { display: flex; align-items: center; gap: 0 var(--s-2); }
  .km-catnav__grp > ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 0 var(--s-5); }
  .km-catnav__lbl { font-size: var(--fs-small); font-weight: var(--fw-regular); color: var(--ink-muted); white-space: nowrap; }
  .km-catnav__ext { gap: var(--s-1); }
  .ka-intro { grid-column: 1 / span 9; display: grid; justify-items: start; gap: var(--s-4); margin-top: var(--s-6); min-width: 0; }
  .ka-lead { margin: 0; max-width: 56ch; font-size: var(--fs-body); line-height: var(--lh-text); color: var(--ink); text-wrap: pretty; }
  .ka-offer { display: grid; justify-items: start; gap: var(--s-2); }
  .ka-note { font-size: var(--fs-label); line-height: 1.5; color: var(--ink-muted); }
  .ka-tools { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-4); margin-top: var(--s-6); min-width: 0; }
  .ka-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-3) var(--s-6); }
  .ka-bar__end { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-3) var(--s-6); }
  .ka-bar .km-count { min-inline-size: 7ch; }
  .ka-traywrap { margin-top: var(--s-6); }
  .ka-tray .km-tile__name { text-wrap: balance; }
  .ka-tray { --ka-cdet: 160px; --ka-cdet-crop: 5.5; }
  .ka-tray > .km-tile.is-lead { grid-column: span 2; grid-row: span 8; grid-template-rows: auto minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) auto; }
  .ka-tray > .is-lead > .km-iv { grid-column: 1 / -1; grid-row: 1; }
  .ka-tray > .is-lead > .km-iv img { transition-duration: var(--t-zoom-l); }
  @media (hover: hover) and (pointer: fine) { .ka-tray > .is-lead:hover > .km-iv img { scale: var(--zoom-l); } }
  .ka-tray > .is-lead > .km-tile__txt { grid-column: 1; grid-row: 2; display: flex; flex-direction: column; align-items: flex-start; padding: 0 var(--s-6); }
  .ka-tray > .is-lead .km-tile__name { padding-top: var(--s-5); font-size: var(--fs-h3); font-weight: var(--fw-bold); line-height: var(--lh-snug);
    letter-spacing: var(--tr-snug); text-transform: none; }
  .ka-tray > .is-lead .km-tile__txt::after { margin: auto 0 var(--s-6); align-self: flex-start; }
  .ka-cdet { grid-column: 2; grid-row: 2; align-self: start; width: var(--ka-cdet); margin: var(--s-5) var(--s-6) var(--s-5) 0; }
  .ka-cdet > .km-iv { --crop-n: var(--ka-cdet-crop); width: 100%; }
  .ka-tray .km-tile .ka-cdet .km-iv > img { transition: none; }
  .ka-tray > .km-tile:not(.is-lead) .ka-cdet { display: none; }
  @media (prefers-reduced-motion: no-preference) {
    .ka-cdet { transition: opacity var(--t-reveal) var(--ease-out), transform 380ms var(--ease-out); }
    .ka-cdet:not(.is-ready) { opacity: 0; transform: scale(var(--land-from)); }
  }
  @media (max-width: 900px) { .ka-tray { --ka-cdet: 136px; --ka-cdet-crop: 6.5; } }
  @media (max-width: 760px) { .ka-tray { --ka-cdet: 104px; --ka-cdet-crop: 4.2; } }
  .k-seasons .ka-tray { margin-top: var(--s-2); }
  .ka-more__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gutter); row-gap: var(--sec-gap); align-items: start; }
  .ka-more__h { grid-column: 1 / span 3; margin: 0; text-wrap: balance; font-size: min(var(--fs-h2), 2.4vw); overflow-wrap: normal; hyphens: manual; }
  @media (max-width: 900px) { .ka-more__h { font-size: var(--fs-h2); } }
  .ka-more__body { grid-column: 4 / -1; min-width: 0; display: grid; gap: var(--s-6); justify-items: stretch; }
  .ka-more__body > .km-link { justify-self: start; }
  .ka-more .k-tudni { padding-top: 0; }
  .ka-occ { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, max-content)); gap: var(--s-3) var(--s-7); }
  .ka-occ li { display: flex; align-items: center; gap: var(--s-3); min-height: var(--hit); font-size: var(--fs-small); font-weight: var(--fw-bold); line-height: 1.35; color: var(--ink); }
  .ka-occ .km-ico { flex: none; width: 40px; height: 40px; }
  .ka-tray--offer { --tile-ground: var(--table); --tile-line: color-mix(in oklab, var(--ink) 45%, var(--tile-ground));
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; padding: 1px 0 0 1px; }
  .ka-offer { grid-row: span 5; display: grid; grid-template-rows: subgrid; row-gap: 0; margin: -1px 0 0 -1px; border: var(--bw-tile) solid var(--tile-line);
    background: var(--tile-ground); color: var(--ink); break-inside: avoid; }
  .ka-offer__ph { width: 100%; }
  .ka-offer__head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2) var(--s-3); padding: var(--s-5) var(--s-5) 0; }
  .ka-offer__name { margin: 0; font-size: var(--fs-h3); font-weight: var(--fw-bold); line-height: var(--lh-snug); letter-spacing: var(--tr-snug); color: var(--ink-strong); }
  .ka-offer__head .km-pill { background: var(--paper); }
  .ka-offer__text { margin: 0; padding: var(--s-3) var(--s-5) 0; font-size: var(--fs-body); line-height: var(--lh-text); text-wrap: pretty; }
  .ka-offer__dl { margin: 0; padding: var(--s-3) var(--s-5) 0; display: grid; gap: var(--s-1); align-content: start; font-size: var(--fs-small); line-height: 1.5; }
  .ka-offer__dl dt { display: inline; font-weight: var(--fw-bold); color: var(--ink-strong); }
  .ka-offer__dl dt::after { content: ": "; }
  .ka-offer__dl dd { display: inline; margin: 0; }
  .ka-offer::after { content: ""; display: block; width: var(--bar-w); height: var(--bw-bar); margin: var(--s-4) var(--s-5) var(--s-5); align-self: end; background: var(--ink-strong); }
  @media (max-width: 1080px) { .ka-tray--offer { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (max-width: 600px) {
    .ka-tray--offer { grid-template-columns: minmax(0, 1fr); }
    .ka-offer__head, .ka-offer__text, .ka-offer__dl { padding-inline: var(--s-4); }
    .ka-offer::after { margin-inline: var(--s-4); }
  }
  .ka-order__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gutter); row-gap: var(--s-7); align-items: start; }
  .ka-order__tx { grid-column: 1 / span 7; display: grid; gap: var(--s-7); }
  .ka-order__tx .km-h2 { margin: 0; }
  .ka-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s-6); }
  .ka-steps li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--s-4); align-items: start; }
  .ka-steps .km-ico { width: 40px; height: 40px; }
  .ka-steps li > div { display: grid; gap: var(--s-1); max-width: 60ch; }
  .ka-steps b { font-size: var(--fs-body); font-weight: var(--fw-bold); line-height: var(--lh-snug); color: var(--ink-strong); }
  .ka-steps span { font-size: var(--fs-body); line-height: var(--lh-text); }
  .ka-steps__shops { display: flex; flex-wrap: wrap; gap: var(--s-3) var(--s-6); margin-top: var(--s-3); }
  .ka-cta { grid-column: 9 / -1; position: sticky; top: calc(var(--bar-h) + var(--s-6)); display: grid; justify-items: start; gap: var(--s-4);
    padding: var(--s-7) var(--s-6); background: var(--ink); color: var(--ink-on-dark); }
  .ka-cta__h { margin: 0; font-size: var(--fs-h3); font-weight: var(--fw-bold); line-height: var(--lh-snug); letter-spacing: var(--tr-snug); text-wrap: balance; }
  .ka-cta__p { margin: 0; font-size: var(--fs-body); line-height: var(--lh-text); }
  .ka-cta__tel { gap: var(--s-2); font-variant-numeric: tabular-nums; }
  .ka-cta__mail { gap: var(--s-2); overflow-wrap: anywhere; white-space: normal; }
  @media (max-width: 1080px) { .ka-order__tx { grid-column: 1 / -1; } .ka-cta { grid-column: 1 / -1; position: static; } }
  @media (max-width: 900px) {
    .ka-cat { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-flow: row dense; grid-auto-rows: min-content; align-items: start;
      padding-inline: var(--margin); padding-top: var(--s-6); }
    .ka-top, .ka-intro, .ka-traywrap, .ka-cat > .ka-traywrap > .ka-tray { display: contents; }
    :is(.ka-intro > *, .ka-navrow, .ka-tools, .ka-empty, .k-seasons, .ka-tray--offer) { grid-column: 1 / -1; }
    .ka-navrow { order: 3; }
    .ka-tools { order: 4; margin: var(--s-4) 0 var(--s-5); }
    .ka-tray > .is-lead, .ka-tray--offer { order: 5; }
    .ka-intro > * { order: 7; }
    .ka-lead { margin-top: var(--s-6); }
    .ka-intro > :last-child { margin-bottom: var(--s-6); }
    .ka-tools--occ { order: 8; margin: 0 0 var(--s-6); }
    .ka-tray > .km-tile:not(.is-lead), .k-seasons { order: 10; }
    .ka-empty { order: 11; }
    .ka-cat--offer { grid-template-columns: minmax(0, 1fr); }
    .ka-more__h, .ka-more__body { grid-column: 1 / -1; }
    .ka-more__grid { row-gap: var(--s-5); }
    .ka-more__body + .ka-more__h { margin-top: var(--s-7); }
    .ka-tray > .km-tile.is-lead { grid-row: span 4; }
  }
  @media (max-width: 760px) {
    .ka-cat { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ka-tray > .km-tile.is-lead { grid-column: 1 / -1; }
    .ka-tray > .is-lead > .km-tile__txt { padding: 0 var(--s-4); }
    .ka-tray > .is-lead .km-tile__name { padding-top: var(--s-4); }
    .ka-tray > .is-lead .km-tile__txt::after { margin-bottom: var(--s-5); }
    .ka-cdet { margin: var(--s-4) var(--s-4) var(--s-4) 0; }
    .ka-bar { display: grid; grid-template-columns: minmax(0, 1fr); justify-content: stretch; gap: var(--s-3); }
    .ka-bar__end { justify-content: space-between; }
    .ka-occ { grid-template-columns: minmax(0, 1fr); gap: 0; }
  }
  @media (max-width: 600px) {
    .ka-sort__l { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .ka-cta { padding: var(--s-6) var(--s-5); }
  }
  @media (max-width: 359px) { .ka-cat { grid-template-columns: minmax(0, 1fr); } }

  @media (prefers-reduced-motion: reduce) { .ka-cdet { transition: none; } }
  @media print { .ka-bar, .km-catnav { display: none; } }
}