/* Solution finder: chip rows scroll sideways without a bar */
html body #kafkas-finder .finder-chips { scrollbar-width: none; -webkit-overflow-scrolling: touch; }
html body #kafkas-finder .finder-chips::-webkit-scrollbar { display: none; }
html body #kafkas-finder #finder-list > section[hidden] { display: none !important; }

/* Phones: compact header, one wide card per row */
@media (max-width: 639px) {
    html body #kafkas-finder h1 { font-size: 1.5rem !important; line-height: 1.25 !important; }
    html body #kafkas-finder #finder-results-title { font-size: 1.25rem !important; }
    html body #kafkas-finder .finder-chips { margin-right: -1rem; padding-right: 1rem; }
    html body #kafkas-finder #finder-groups > a { padding: 1rem; -webkit-tap-highlight-color: transparent; }
    html body #kafkas-finder #finder-groups > a:active { transform: scale(.98); }
    html body #kafkas-finder #finder-list ul { gap: 1rem; }
    html body #kafkas-finder #finder-list li > a { height: 12rem; }
    html body #kafkas-finder #finder-list h3 { font-size: 1rem !important; line-height: 1.35 !important; }
    /* The floating buttons would cover the cards; the page has its own WhatsApp buttons */
    html body:has(#kafkas-finder) #webasto-floating-wrap { display: none !important; }
}