/* =====================================================================
   Enviro Blocks — Layout gutters
   Part of the "Enviro Blocks — Layout" plugin. Loaded site-wide at
   priority 99, after each page's inline <style>.
   Only ever REDUCES spacing below 768px — desktop is untouched.
   ===================================================================== */

/* ── GUTTERS ─────────────────────────────────────────────────────────
   Canonical scale: 32 -> 20 (<=768) -> 16 (<=480).

   Header and footer already followed this. Four page templates never
   dropped from 32px in the 481-768px band (gallery, installation,
   reviews, safe-play), so on iPad portrait and phones-in-landscape the
   page content sat 12px inside the chrome above and below it.
   ──────────────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
  .wrap { padding-left: 20px !important; padding-right: 20px !important; }
}
@media (max-width: 480px) {
  .wrap { padding-left: 16px !important; padding-right: 16px !important; }
}