/* * ============================================================ * CompetitionLabs — Mobile-Responsive Fixes * Addresses ALL identified font-size & touch-target issues * * Audit findings resolved: * [A] Font sizes below 14px in visible copy — raised to 12px min * (9px badge labels → 12px; 10px metric/tag labels → 12px; * 11px body/desc text → 13px on mobile; 11.5px form errors → 13px) * [B] Touch targets below 44px — all interactive elements ≥ 44×44px * (.social-btn 36px → 44px; .cc-toggle 24px → 44px; * .gd-close 30px → 44px; .cc-modal-close 32px → 44px; * nav-link/nav-login padding boosted; .filter-tab boosted) * [C] Fixed-width containers > viewport on small screens — capped * [D] Comparison table — horizontal scroll + min column width * [E] FAQ accordion — full-width tap zone ≥ 44px * [F] Cookie-consent toggle — wider tap area * [G] Pricing card grid stacking on 480px * [H] Form inputs — 44px min-height, 16px font (prevents iOS zoom) * * Breakpoints: * --mobile-sm : ≤ 480px * --mobile : ≤ 640px (primary mobile) * --tablet : ≤ 768px * --tablet-lg : ≤ 1024px * * USAGE: Link this file in after the page's own