/* FJN System — D207 / D213 / D215 (SPEC 1.231) E2-03 „Oględziny kompletu” and „Oględziny zakończone”:
   cards of 1060 px (820 px on the tablet), the size stepper, option buttons 52 px, tabs K1…Kn,
   the rim and the tyre side by side from the tablet, one column on the phone. */
.fjn-sts { display: flex; flex-direction: column; gap: 12px; width: 100%; min-height: calc(100vh - var(--fjn-topbar-h)); }
.fjn-sts__form { display: flex; flex-direction: column; gap: 12px; flex: 1; }
.fjn-sts > :not(.fjn-form-footer, template), .fjn-sts__form > :not(.fjn-form-footer) { width: 100%; max-width: 1060px; margin-left: auto; margin-right: auto; }
.fjn-sts__form > .fjn-form-footer { margin-top: auto; }
.fjn-sts__card { display: flex; flex-direction: column; gap: 10px; padding: 14px; border: 1px solid var(--fjn-border); border-radius: 10px; background: var(--fjn-surface); }
.fjn-sts__h { margin: 0; font-size: 16px; }
.fjn-sts__head { gap: 4px; }
.fjn-sts__headrow { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.fjn-sts__headrow b { font-size: 16px; }
.fjn-sts__head span { color: var(--fjn-text-2); font-size: 14px; }
.fjn-sts__who { color: var(--fjn-text-2); font-size: 13px; }
.fjn-sts__batch { color: var(--fjn-brand-700, #1F4E87) !important; font-weight: 700; }
.fjn-sts__rims { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.fjn-sts__col { display: flex; flex-direction: column; gap: 6px; }
.fjn-sts__label { font-size: 14px; font-weight: 700; }
.fjn-sts__label small { color: var(--fjn-text-2); font-weight: 400; }
.fjn-sts__hint { margin: 0; color: var(--fjn-text-2); font-size: 13px; }
.fjn-sts__warn { margin: 0; padding: 8px 10px; border-radius: 8px; background: var(--fjn-warning-100); color: var(--fjn-warning-700); font-size: 14px; }
.fjn-sts__step { display: grid; grid-template-columns: 56px 1fr 56px; height: 56px; border: 1px solid var(--fjn-border-strong, #AEB5BE); border-radius: 8px; overflow: hidden; }
.fjn-sts__step button { border: 0; background: var(--fjn-bg); font-size: 22px; cursor: pointer; }
.fjn-sts__step b { display: flex; align-items: center; justify-content: center; font-family: var(--fjn-font-mono); font-size: 20px; }
.fjn-sts__select { height: 56px; }
.fjn-sts__pair { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.fjn-sts__grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.fjn-sts__grid4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.fjn-sts__opt, .fjn-sts__ok { display: flex; align-items: center; justify-content: center; min-height: 52px; padding: 6px 8px; border: 1px solid var(--fjn-border); border-radius: 8px; background: var(--fjn-surface); color: var(--fjn-text); font: inherit; font-size: 14px; font-weight: 700; text-align: center; cursor: pointer; }
.fjn-sts__ok { min-height: 56px; font-size: 16px; }
.fjn-sts__opt.is-on { border-color: var(--fjn-brand-600); background: var(--fjn-brand-600); color: var(--fjn-text-inverse); }
.fjn-sts__ok.is-on { border-color: var(--fjn-success-700); background: var(--fjn-success-100); color: var(--fjn-success-700); }
.fjn-sts__ok.is-bad, .fjn-sts__photo.is-bad { border: 2px solid var(--fjn-danger-700); }
.fjn-sts__opt:focus-within, .fjn-sts__photo:focus-within { box-shadow: var(--fjn-focus-btn); }
.fjn-sts__tabs { display: flex; gap: 6px; flex-wrap: wrap; }
.fjn-sts__tab { min-width: 72px; height: 56px; padding: 0 14px; border: 1px solid var(--fjn-border); border-radius: 8px; background: var(--fjn-surface); color: var(--fjn-text); font: inherit; font-weight: 700; cursor: pointer; }
.fjn-sts__tab.is-on { border: 2px solid var(--fjn-brand-600); background: var(--fjn-brand-600); color: var(--fjn-text-inverse); }
.fjn-sts__tab.is-done { background: var(--fjn-success-100); color: var(--fjn-success-700); }
.fjn-sts__tab.is-bad { border: 2px solid var(--fjn-danger-700); color: var(--fjn-danger-700); }
.fjn-sts__wheel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; align-items: start; }
.fjn-sts__wheel.is-tyres { grid-template-columns: minmax(0, 1fr); }
.fjn-sts__photo { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 120px; padding: 10px; border: 1px dashed var(--fjn-border-strong, #AEB5BE); border-radius: 8px; cursor: pointer; }
.fjn-sts__photo.is-done { border: 2px solid var(--fjn-success-700); background: var(--fjn-success-100); }
.fjn-sts__photo img { max-width: 100%; max-height: 160px; border-radius: 6px; }
.fjn-sts__tyre { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.fjn-sts__tyre .fjn-input { height: 56px; }
.fjn-sts__pick.is-bad .fjn-input { border: 2px solid var(--fjn-danger-700); }
.fjn-sts__bar { display: flex; align-items: center; gap: 10px; }
.fjn-sts__state { flex: 1; color: var(--fjn-text-2); font-size: 14px; }
.fjn-sts__state.is-bad { color: var(--fjn-danger-700); font-weight: 700; }
.fjn-sts__btn { min-height: 56px; }
.fjn-sts__lines { display: flex; flex-direction: column; }
.fjn-sts__line { display: flex; justify-content: space-between; gap: 10px; padding: 6px 0; font-size: 15px; }
.fjn-sts__line b, .fjn-sts__line span:last-child { font-family: var(--fjn-font-mono); white-space: nowrap; }
.fjn-sts__line.is-total { border-top: 1px solid var(--fjn-border); font-weight: 700; }
.fjn-sts__line.is-bad span:last-child { color: var(--fjn-danger-700); font-weight: 700; }
.fjn-sts__done { display: flex; gap: 10px; padding: 14px; border: 1px solid var(--fjn-success-700); border-radius: 10px; background: var(--fjn-success-100); color: var(--fjn-success-700); }
.fjn-sts__done div { display: flex; flex-direction: column; gap: 2px; }
.fjn-sts__done.is-none { border-color: var(--fjn-border); background: var(--fjn-surface); color: var(--fjn-text); }
.fjn-sts__sum { display: flex; flex-direction: column; flex: 1; font-size: 13px; color: var(--fjn-text-2); }
.fjn-sts__sum b { font-family: var(--fjn-font-mono); font-size: 18px; color: var(--fjn-text); }
.fjn-sts__worn { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
@media (max-width: 1279px) { .fjn-sts > :not(.fjn-form-footer, template), .fjn-sts__form > :not(.fjn-form-footer) { max-width: 820px; } }
@media (max-width: 767px) {
  .fjn-sts__rims, .fjn-sts__wheel { grid-template-columns: minmax(0, 1fr); }
  .fjn-sts__grid4 { grid-template-columns: 1fr 1fr; }
  .fjn-sts__tab { flex: 1; min-width: 0; }
  .fjn-sts__bar { flex-wrap: wrap; }
  .fjn-sts__state { flex-basis: 100%; }
  .fjn-sts__btn { flex: 1; }
}
/* D207 E2-53 „Oferty naprawy” and the offer of a deposit */
.fjn-sto__tabs { display: flex; gap: 4px; overflow-x: auto; border-bottom: 1px solid var(--fjn-border); }
.fjn-sto__tab { display: flex; align-items: center; gap: 6px; min-height: 48px; padding: 0 12px; border-bottom: 3px solid transparent; color: var(--fjn-text-2); font-weight: 700; text-decoration: none; white-space: nowrap; }
.fjn-sto__tab span { padding: 0 6px; border-radius: 999px; background: var(--fjn-bg); font-size: 12px; }
.fjn-sto__tab.is-on { border-bottom-color: var(--fjn-brand-600); color: var(--fjn-brand-600); }
.fjn-sto__filter { position: relative; }
.fjn-sto__drop summary { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 12px; border: 1px solid var(--fjn-border-strong); border-radius: 8px; background: var(--fjn-surface); font-weight: 700; cursor: pointer; list-style: none; }
.fjn-sto__drop summary::-webkit-details-marker { display: none; }
.fjn-sto__panel { position: absolute; z-index: 20; display: flex; flex-direction: column; gap: 4px; min-width: 280px; margin-top: 4px; padding: 8px; border: 1px solid var(--fjn-border); border-radius: 8px; background: var(--fjn-surface); box-shadow: var(--fjn-shadow-2, 0 4px 16px rgba(21,24,28,.16)); }
.fjn-sto__q { display: flex; align-items: center; gap: 6px; padding: 0 8px; border: 1px solid var(--fjn-border); border-radius: 6px; }
.fjn-sto__q input { flex: 1; height: 40px; border: 0; outline: 0; font: inherit; background: none; }
.fjn-sto__check { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 6px; cursor: pointer; }
.fjn-sto__check span { flex: 1; }
.fjn-sto__check small { color: var(--fjn-text-2); }
.fjn-sto__rows { display: flex; flex-direction: column; gap: 8px; }
.fjn-sto__row { display: flex; justify-content: space-between; gap: 12px; padding: 12px 14px; border: 1px solid var(--fjn-border); border-radius: 10px; background: var(--fjn-surface); color: var(--fjn-text); text-decoration: none; }
.fjn-sto__main, .fjn-sto__side { display: flex; flex-direction: column; gap: 2px; }
.fjn-sto__main small { color: var(--fjn-text-2); }
.fjn-sto__side { align-items: flex-end; text-align: right; }
.fjn-sto__side .is-bad { color: var(--fjn-danger-700); }
.fjn-sto__chip { display: inline-flex; padding: 2px 10px; border-radius: 999px; font-size: 13px; font-weight: 700; white-space: nowrap; }
.fjn-sto__chip.is-warning { background: var(--fjn-warning-100); color: var(--fjn-warning-700); }
.fjn-sto__chip.is-brand { background: var(--fjn-brand-50, #EEF3FA); color: var(--fjn-brand-700, #1F4E87); }
.fjn-sto__chip.is-success { background: var(--fjn-success-100); color: var(--fjn-success-700); }
.fjn-sto__chip.is-neutral { background: var(--fjn-bg); color: var(--fjn-text-2); }
.fjn-sto__empty { margin: 0; padding: 20px; color: var(--fjn-text-2); text-align: center; }
.fjn-sto__info { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 8px; background: var(--fjn-brand-50, #EEF3FA); color: var(--fjn-brand-700, #1F4E87); font-size: 14px; }
.fjn-sto__info.is-ok { background: var(--fjn-success-100); color: var(--fjn-success-700); }
.fjn-sto__line { display: flex; flex-direction: column; gap: 2px; padding: 4px 0; border-bottom: 1px solid var(--fjn-border); }
.fjn-sto__line .fjn-sts__line { align-items: center; }
.fjn-sto__price { display: flex; align-items: center; gap: 6px; width: 130px; }
.fjn-sto__price .fjn-input { height: 48px; text-align: right; }
.fjn-sto__price.is-bad .fjn-input { border: 2px solid var(--fjn-danger-700); }
.fjn-sto__photos { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 8px; }
.fjn-sto__photos figure { position: relative; margin: 0; }
.fjn-sto__photos img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 8px; }
.fjn-sto__photos figcaption { position: absolute; left: 6px; bottom: 6px; padding: 1px 6px; border-radius: 4px; background: rgba(21,24,28,.75); color: #fff; font-size: 12px; font-weight: 700; }
.fjn-sts__sum.is-bad { color: var(--fjn-danger-700); font-weight: 700; }
.fjn-sts__btn.is-off { background: var(--fjn-neutral-500, #8A929C); border-color: var(--fjn-neutral-500, #8A929C); }
@media (max-width: 767px) { .fjn-sto__photos { grid-template-columns: 1fr 1fr; } }
/* D208 E2-05 „Do odłożenia”, E2-06 „Odłóż”, „Koła na magazynie” — a column of 712 px */
.fjn-stp__narrow > * { max-width: 712px; }
.fjn-stp .fjn-sts__form > * { max-width: 712px; }
.fjn-stp__h1 { margin: 0; font-size: 20px; }
.fjn-stp__scan, .fjn-stp__big { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 56px; font-size: 17px; }
.fjn-stp__big.is-off { background: var(--fjn-neutral-500, #8A929C); border-color: var(--fjn-neutral-500, #8A929C); }
.fjn-stp__rows { display: flex; flex-direction: column; border: 1px solid var(--fjn-border); border-radius: 10px; background: var(--fjn-surface); }
.fjn-stp__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px; }
.fjn-stp__row + .fjn-stp__row { border-top: 1px solid var(--fjn-border); }
.fjn-stp__main { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.fjn-stp__num { font-weight: 700; }
.fjn-stp__main span { color: var(--fjn-text-2); font-size: 14px; }
.fjn-stp__msg { font-size: 14px; }
.fjn-stp__msg.is-wait { color: var(--fjn-warning-700); }
.fjn-stp__msg.is-ok { color: var(--fjn-success-700); }
.fjn-stp__msg.is-bad { color: var(--fjn-danger-700); }
.fjn-stp__act { min-height: 48px; flex: none; }
.fjn-stp__step { font-family: var(--fjn-font-mono); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--fjn-text-2); }
.fjn-stp__set { display: flex; align-items: center; gap: 10px; }
.fjn-stp__set div { display: flex; flex-direction: column; }
.fjn-stp__set span { color: var(--fjn-text-2); font-size: 13px; }
.fjn-sts__card.is-bad { border: 1px solid var(--fjn-danger-700); }
.fjn-stp__hintbox { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px; border-radius: 8px; background: var(--fjn-success-100); color: var(--fjn-success-700); }
.fjn-stp__hintbox div { display: flex; flex-direction: column; }
.fjn-stp__hintbox b { font-size: 22px; }
.fjn-stp__hintbox span, .fjn-stp__hintbox small { font-size: 13px; }
.fjn-stp__use { min-height: 48px; background: var(--fjn-success-700); border-color: var(--fjn-success-700); color: #fff; }
.fjn-stp__field { display: flex; gap: 8px; }
.fjn-stp__field .fjn-input { flex: 1; height: 56px; font-size: 17px; text-transform: uppercase; }
.fjn-stp__place.is-bad .fjn-stp__field .fjn-input { border: 2px solid var(--fjn-danger-700); }
.fjn-stp__scanbtn { width: 58px; min-height: 56px; padding: 0; }
.fjn-stp__camform { display: flex; flex-direction: column; gap: 8px; }
.fjn-stp__camera { min-height: 220px; border-radius: 8px; overflow: hidden; }
.fjn-stp__logo { height: 24px; }
.fjn-stp__facts { display: grid; grid-template-columns: max-content 1fr; gap: 4px 16px; margin: 0; font-size: 15px; }
.fjn-stp__facts dt { color: var(--fjn-text-2); }
.fjn-stp__facts dd { margin: 0; }
.fjn-stp__wheel { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border: 1px solid var(--fjn-border); border-radius: 8px; }
.fjn-stp__wheel span { color: var(--fjn-text-2); font-size: 14px; }
/* D209 E2-11 top, E2-20 „Plan wydań”, E2-21 „Na jutro”, E2-23 calendar, E2-22, E2-24 */
.fjn-strl__num { font-size: 18px; }
.fjn-strl__fees.is-bad { color: var(--fjn-danger-700); font-weight: 700; }
.fjn-strl__fees.is-ok { color: var(--fjn-success-700); }
.fjn-strl__acts .fjn-btn { min-height: 56px; }
.fjn-sts__btn.is-off, .fjn-strl__acts .is-off { opacity: .45; pointer-events: none; }
.fjn-strl__row { color: var(--fjn-text); text-decoration: none; }
.fjn-strl__trow { justify-content: flex-start; }
.fjn-strl__box { display: flex; align-items: center; justify-content: center; flex: none; width: 56px; height: 56px; border: 1px solid var(--fjn-border-strong); border-radius: 10px; background: var(--fjn-surface); color: var(--fjn-text-inverse); cursor: pointer; }
.fjn-strl__box.is-on { border-color: var(--fjn-success-700); background: var(--fjn-success-700); }
.fjn-strl__box.is-none { border-color: var(--fjn-border); cursor: default; }
.fjn-strl__kind { flex-direction: column; gap: 2px; }
.fjn-strl__kind small { font-weight: 400; font-size: 13px; }
.fjn-strl__nav { display: flex; align-items: center; gap: 8px; }
.fjn-strl__nav button, .fjn-strl__nav span.is-off { width: 44px; height: 44px; border: 1px solid var(--fjn-border); border-radius: 8px; background: var(--fjn-surface); font-size: 20px; cursor: pointer; text-align: center; line-height: 42px; }
.fjn-strl__nav span.is-off { opacity: .4; cursor: default; }
.fjn-strl__cal { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.fjn-strl__dow { padding: 4px 0; color: var(--fjn-text-2); font-size: 12px; font-weight: 700; text-align: center; }
.fjn-strl__day { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 56px; padding: 2px; border: 1px solid var(--fjn-border); border-radius: 8px; background: var(--fjn-surface); color: var(--fjn-text); font: inherit; cursor: pointer; }
.fjn-strl__day small { font-size: 11px; color: var(--fjn-text-2); }
.fjn-strl__day small.is-busy { color: var(--fjn-danger-700); font-weight: 700; }
.fjn-strl__day.is-on { border-color: var(--fjn-brand-600); background: var(--fjn-brand-600); color: var(--fjn-text-inverse); }
.fjn-strl__day.is-on small { color: var(--fjn-text-inverse); }
.fjn-strl__day.is-off { background: var(--fjn-bg); color: var(--fjn-text-3, #8A929C); cursor: default; }
.fjn-strl__day.is-feast { border-color: var(--fjn-danger-700); background: var(--fjn-danger-100, #FBE9E7); color: var(--fjn-danger-700); }
.fjn-strl__day.is-feast small { color: var(--fjn-danger-700); }
.fjn-strl__day.is-out { border: 0; background: none; cursor: default; }
@media (max-width: 767px) { .fjn-strl__day { min-height: 48px; } }
.fjn-strl__fee { display: flex; flex-direction: column; gap: 2px; }
.fjn-strl__fees.is-brand { color: var(--fjn-brand-700, #1F4E87); font-weight: 700; }
.fjn-strl__note { display: flex; gap: 6px; }
.fjn-strl__dash { border-style: dashed; }
/* D210 P-06 „Depozyty kół”, the card of a deposit, P-07 „Zamów dostawę” (portal) */
.fjn-ptd .fjn-sts__form > * { max-width: 1100px; }
.fjn-ptd__filters { display: flex; gap: 8px; flex-wrap: wrap; }
.fjn-ptd__search { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 220px; min-height: 56px; padding: 0 12px; border: 1px solid var(--fjn-border-strong); border-radius: 8px; background: var(--fjn-surface); }
.fjn-ptd__search input { flex: 1; border: 0; outline: 0; font: inherit; background: none; }
.fjn-ptd__state summary { min-height: 56px; }
.fjn-ptd__row { color: var(--fjn-text); text-decoration: none; }
.fjn-ptd__plate { flex: none; padding: 2px 6px; border: 1.5px solid var(--fjn-text); border-radius: 4px; font-size: 14px; }
.fjn-ptd__row .fjn-stp__main { flex: 1; }
.fjn-ptd__side { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.fjn-ptd__offer { color: var(--fjn-warning-700); font-size: 12px; font-weight: 700; }
.fjn-ptd__title h1 { margin: 0; font-size: 28px; }
.fjn-ptd__grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 14px; align-items: start; }
.fjn-ptd__col { display: flex; flex-direction: column; gap: 14px; }
.fjn-ptd__wait { border-style: dashed; }
.fjn-ptd__wheel { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border: 1px solid var(--fjn-border); border-radius: 8px; }
.fjn-ptd__wheel div { display: flex; flex-direction: column; gap: 4px; }
.fjn-ptd__wheel small { color: var(--fjn-text-2); }
.fjn-ptd__rim { color: var(--fjn-success-700); }
.fjn-ptd__wheel.is-bad { border-color: var(--fjn-warning-700); background: var(--fjn-warning-100); }
.fjn-ptd__wheel.is-bad .fjn-ptd__rim { color: var(--fjn-warning-700); }
.fjn-ptd__cam { display: flex; align-items: center; justify-content: center; width: 56px; height: 44px; border-radius: 8px; background: var(--fjn-text); color: #fff; }
.fjn-ptd__offer.is-wait, .fjn-sts__card.fjn-ptd__offer.is-wait { border-color: var(--fjn-warning-700); }
.fjn-ptd__confirm { display: flex; flex-direction: column; gap: 8px; padding: 10px; border-radius: 8px; background: var(--fjn-bg); }
.fjn-ptd__branches { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; }
.fjn-ptd__branch { display: flex; gap: 10px; padding: 12px; border: 1px solid var(--fjn-border); border-radius: 10px; background: var(--fjn-surface); color: var(--fjn-text); font: inherit; text-align: left; cursor: pointer; }
.fjn-ptd__branch span:last-child { display: flex; flex-direction: column; gap: 2px; }
.fjn-ptd__branch small { color: var(--fjn-text-2); font-size: 13px; }
.fjn-ptd__branch.is-on { border: 2px solid var(--fjn-brand-600); background: var(--fjn-brand-50, #EEF3FA); }
.fjn-ptd__radio { flex: none; width: 20px; height: 20px; border: 2px solid var(--fjn-border-strong); border-radius: 50%; }
.fjn-ptd__branch.is-on .fjn-ptd__radio { border: 6px solid var(--fjn-brand-600); }
.fjn-ptd__name { height: 56px; }
.fjn-ptd__sets { display: flex; flex-direction: column; }
@media (max-width: 767px) { .fjn-ptd__grid { grid-template-columns: minmax(0, 1fr); } .fjn-ptd__row { flex-wrap: wrap; } }
/* D219 (6): E2-10 on the phone — the kind and the number under the plate, the whole width */
.fjn-stsets__msub { grid-column: 2; min-width: 0; overflow: hidden; color: var(--fjn-text-2); font-size: 13px; white-space: nowrap; text-overflow: ellipsis; }
.fjn-stsets__card:has(.fjn-stsets__msub) .fjn-stsets__slot { grid-row: span 3; }
.fjn-stsets__card:has(.fjn-stsets__msub) .fjn-stsets__chips { grid-column: 2; }
/* D244: the size of the tyre — 4 in a row; tablet portrait and phone: 3 + the index below (the value whole) */
.fjn-sts__size { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
@media (max-width: 1023px) {
  .fjn-sts__size { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .fjn-sts__index { grid-column: 1 / -1; }
}
.fjn-sts__size .fjn-field__label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }