/* ============================================================
 * responsive.css  (public site)
 * ------------------------------------------------------------
 * Site-wide responsive overrides for the public Trektotech site.
 * Loaded AFTER main.css and trektotech-v1.css in layouts/app.blade.php.
 *
 * Scope:
 *   - Site-wide mobile/tablet fixes only.
 *   - Page-specific fixes belong in @push('styles') blocks
 *     inside the individual Blade view.
 *
 * Breakpoints (matching trektotech-v1.css):
 *   - 991px  primary mobile/tablet cutoff (Bootstrap lg)
 *   - 767px  secondary tablet (Bootstrap md)
 *   - 640px  small phone typography tweaks
 *
 * Rules:
 *   - No !important unless a vendored selector forces it
 *     (comment the forcing selector if so).
 *   - No Tailwind  Bootstrap 5 utilities + custom CSS only.
 *
 * Created: April 2026  mobile responsive pass.
 * ============================================================ */