/* ══════════════════════════════════════════════════════════════════════
   kfg/kroki/k1.css — KROK 1 (Model), 17.10.2026.
   Kafle, segmenty, szukajka i siatka modeli mają style w kfg/shell.css (1:1 z zewnętrznych).
   Tu tylko to, czego zewnętrzne nie mają. Prefiks klas: k1-.
   ══════════════════════════════════════════════════════════════════════ */

/* Zdjęcia wzorów wewnętrznych to PNG z przezroczystymi rogami: tło kafla daje CSS (MAPA 0),
   tak samo jak w zewnętrznych (.cfg-model-thumb ma tło z shell.css). */

/* ── KAFEL NA iPHONIE (Kamil 17.10.2026: „za duże teraz to jest", kafel ok. 400 px, drzwi od krawędzi do krawędzi) ──
   Zdjęcia wzorów wewnętrznych są wąskie (ok. 263×640, 0,41), zewnętrznych szersze (459×640, 0,72).
   Safari/WebKit nie przelicza `max-height: 100%` obrazka w polu, którego wysokość daje `aspect-ratio: 3/4`,
   więc obrazek brał wysokość z szerokości (132 px / 0,41 ≈ 320 px) i rozpychał kafel. Zewnętrzne tego nie
   pokazują tylko dlatego, że ich zdjęcia mają proporcje bliskie polu.
   Naprawa: obrazek leży absolutnie w polu (nie wpływa na jego wysokość), z tym samym odstępem co pole
   (padding: inherit + object-fit: contain), więc pole ma zawsze proporcję 3/4 jak w zewnętrznych. */
@supports (aspect-ratio: 3 / 4) {
    #cfg-model-grid .cfg-model-thumb { position: relative; }
    #cfg-model-grid .cfg-model-thumb img { position: absolute; inset: 0; width: 100%; height: 100%;
        max-width: none; max-height: none; padding: inherit; box-sizing: border-box; object-fit: contain; }
}

/* „Kolor: <nazwa>" pod kaflem w jednej linii także na 375 px (Kamil 17.10.2026) */
@media (max-width: 389px) {
    #cfg-model-grid .cfg-model-kolor { padding-left: 2px; padding-right: 2px; letter-spacing: -.02em; }
}

/* ── Nagłówki listy modeli i wiersz „Na liście" (plan stylu 18.10.2026, pkt 10) ── */
.k1-naglowek { grid-column: 1 / -1; font-size: 1.0625rem; font-weight: 600; color: #2b211c; margin: 6px 2px 0; line-height: 1.3; }
.k1-status { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 10px 2px; font-size: .8125rem; color: #6b5e55; }
.k1-status[hidden] { display: none; }
.k1-wyczysc { min-height: 44px; padding: 0 16px; border: 1.5px solid #a08a76; border-radius: 10px; background: #fff; color: #5a2e1c; font-weight: 600; font-size: .8125rem; line-height: 1; font-family: inherit; cursor: pointer; }
.k1-wyczysc:hover { background: #fffaf2; }

/* ── Wyszukiwarka (20.10.2026): pasek „Szukam:”, liczba wyników i uczciwe zdanie pod spodem ── */
.cfg-opis-info .k1s-ile { margin-left: 8px; font-weight: 600; color: #2b211c; white-space: nowrap; }
.cfg-opis-info .k1s-kom { display: block; margin-top: 4px; font-size: 13px; line-height: 1.45; color: #4a3f38; }