/* MOBILE FIRST (0–374px) */
section, footer {
    padding: 2.5rem 1rem; /* py | px */
  }
li{
    text-align: left;
}
.hero{
  min-height: 30vh;
}
.slick-arrow{
  display: none!important;
}


  
  /* ≥ 375px – běžné telefony */
  @media (min-width: 375px) {
    section, footer {
      padding: 3rem 1rem;
    }
    .slick-next {
      right: -13px;
    }
    .slick-prev {
      left: -13px;
    }
    .gallery-card{
      margin-right: 1rem;
    }
   
  }
  
  /* ≥ 568px – větší telefony / malé tablety */
  @media (min-width: 568px) {
    section, footer {
      padding: 3rem 1rem;
    }
  }
  
  /* ≥ 768px – tablety */
  @media (min-width: 768px) {
    section, footer {
      padding: 3rem 1rem;
    }
  }
  
  /* ≥ 992px – notebooky (Bootstrap lg) */
  @media (min-width: 992px) {
    section, footer {
      padding: 4rem 1rem;
    }
      .hero__overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(
      90deg,
      rgba(30,25,20,0.72) 0%,
      rgba(30,25,20,0.42) 46%,
      rgba(30,25,20,0.12) 100%
    );
  }
  .slick-arrow{
  display: block!important;
}
  }
  
  /* ≥ 1200px – velké displeje (xl) */
  @media (min-width: 1200px) {
    section, footer {
      padding: 5rem 1rem;
    }
    .hero{
      min-height: 100vh;
    }
  }
  
  /* ≥ 1400px – široké monitory (xxl) */
  @media (min-width: 1400px) {
    section, footer {
      padding: 5rem 1rem;
    }
    /* Pozice */
    .slick-prev { left: -30px; }
    .slick-next { right: -30px; }
      }
  
  /* ≥ 1920px – fullHD a větší */
  @media (min-width: 1920px) {
    section, footer {
      padding: 6rem 1rem;
    }
  }
  
  /* ≥ 2550px – ultrawide */
  @media (min-width: 2550px) {
    section, footer {
      padding: 6rem 1rem;
    }
  }