/* ════════════════════════════════════════════════════════════════════════
   99-responsive.css — Mobile-first responsive breakpointy

   Obsahuje:

   Pravidlo: JEN LAYOUT (grid columns, display, padding). Font-size
   NIKDY — tokeny clamp už scalují fluidně. Viz SKILL.md typo sekce.

   Breakpointy (sdílené napříč webem):
   - 1024px → tablet (kill desktop nav, enable burger)
   -  980px → banner gridy 4→2 (pro 4-col layouty)
   -  700px → schovat free-shipping pill / kontaktní info v topbar
   -  640px → mobile (header compact, container 95%)
   -  480px → single-column pro 2-col card layouty
   -  400px → single-column pro products-grid
   -  380px → ikony bez labelů

   Reference: references/section-recipes.md, references/divi-overrides.md
   ════════════════════════════════════════════════════════════════════════ */

/* TODO: implement when building this layer */