/*
 * Súbor: css/components/shared-spacing.css
 * Obsah: Lokálne pomocné triedy horných a dolných odsadení pre mobil, tablet a desktop; zachované špecifické odsadenia sekcií.
 * Použitie: index.html, sluzba-betonove_a_oporne_mury.html, sluzba-havarie.html, sluzba-pripojky.html.
 * Zapojenie: <link rel="stylesheet" href="css/components/shared-spacing.css">; zachovaj pozíciu v hlavičke podľa css/README.md.
 * Závislosti: HTML triedy a selektory uvedené v pravidlách nižšie, css/general/base.css a farebné premenné témy stránky.
 */
/* Local Tailwind-style spacing utilities: mobile / tablet / desktop. */
    .pt-12 {
      padding-top: 48px;
    }

    .pb-12 {
      padding-bottom: 48px;
    }

    @media (min-width: 768px) {
      .md\:pt-12 {
        padding-top: 48px;
      }

      .md\:pt-16 {
        padding-top: 64px;
      }

      .md\:pb-16 {
        padding-bottom: 64px;
      }
    }

    @media (min-width: 1024px) {
      .section.service-offerings {
        padding-top: 58px;
      }

      #projekty {
        padding-top: 48px;
      }

      .lg\:pt-16 {
        padding-top: 64px;
      }

      .lg\:pt-24 {
        padding-top: 96px;
      }

      .lg\:pb-24 {
        padding-bottom: 96px;
      }
    }