/* ══════════════════════════════════════════════════════════════════════
   kfg/kroki/k2.css — KROK 2 (Wymiary i układ), 17.10.2026.
   Sekcje, pola wymiarów, kafle, chipy i nota gwarancji mają style w kfg/shell.css (1:1 z zewnętrznych,
   tam też #cfg-strona i #cfg-kierunek). Tu tylko nowe grupy kafli wewnętrznych (typ, ościeżnica,
   próg) z tymi samymi poprawkami co kafle strony w zewnętrznych. Prefiks klas: k2-.
   ══════════════════════════════════════════════════════════════════════ */

#k2-felc-wrap[hidden], #k2-rew-wrap[hidden], #k2-opaski-wrap[hidden], #k2-kierunek-wrap[hidden] { display: none; }

/* Tablet i laptop (1:1 z poprawką zewnętrznych 701-1499 px dla #cfg-strona / #cfg-kierunek):
   rysunki w kaflach 88x114, bo na 309 PPI 44x56 to kilka milimetrów */
@media (min-width: 701px) and (max-width: 1499px) {
    #k2-typ .cfg-tile svg, #k2-osc .cfg-tile svg, #k2-prog .cfg-tile svg { width: 88px; height: 114px; }
}

/* Kątowniki pod chipami opasek: .cfg-block + .cfg-block nie łapie (między nimi stoją chipy), więc odstęp jawnie */
#k2-opaski-wrap .cfg-filter-chips + .cfg-sub { margin-top: 18px; }

/* Felc a kolor (Kamil 19.10.2026): plakietka „Polecamy” (jasna okleina) i „Przy Twoim kolorze niepotrzebny” (RAL/NCS) */
.k2-plak { display: inline-block; margin-top: 5px; padding: 2px 8px; border-radius: 7px; font-size: 12px; font-weight: 700;
    line-height: 1.35; background: #e7f4ea; color: #166534; white-space: normal; }
.k2-plak[hidden] { display: none; }
.k2-plak-neutral { background: #f3ece2; color: var(--kp-brown, #552d1c); font-weight: 600; }
.cfg-fchip.is-active .k2-plak { background: rgba(255,255,255,.2); color: #fff; }   /* .is-active ma też panel kroku */