/*
-------  CARUSEL REVIEWS CSS  -------
*/

.carusel-offer{
  background-color: #ffffff;
  padding-top: 2rem;
  padding-bottom: 4rem;
  width: 100%;
  
  
}

.carusel-offer h2{
  width: 100%;
  max-width: 100%;
  margin: 0rem auto 0.25rem;
  text-align: center;
}
.carusel-offer h4{
  width: 100%;
  max-width: 100%;
  margin: 0rem auto 1.5rem;
  text-align: center;
}

.review-header {
  color: #ffffff;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

.review-text {
  color: #e7e7e7;
  font-size: 0.9rem;
  
}

.review-author {
  color: #ffffff;
  font-size: 1.5rem;
  margin-top: 0.5rem;
}

.review-company {
  color: #d7d7d7;
  margin-top: 0.25rem;
  font-weight: 300;
}

.slide-divider {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, 
    rgba(255, 255, 255, 0.1) 0%, 
    rgba(255, 255, 255, 0.4) 50%, 
    rgba(255, 255, 255, 0.1) 100%);
  margin: 15px 0;
}



.gallery, .gallery * { box-sizing: border-box; }

    /* Obal galérie */
    .gallery {
      margin: 0 auto;
      max-width: 1200px;
      overflow: hidden;
      position: relative;
    }

    /* Pole slidov */
    .gallery .slides {
      display: flex;
      transition: transform 0.6s ease;
    }

    /* Jeden slide */
    .gallery .slide {
      background: linear-gradient(to right, #1e9724 0%, #27b12e 100%);
      box-shadow: 4px 8px 12px rgba(0, 0, 0, 0.288);
      border-radius: 20px;
      flex-shrink: 0;
      text-align: center;
      padding: 20px;
    }
    

    .gallery .slide img {
      width: 100%;
      border-radius: 5px;
      display: block;
      
    }

    /* Guľôčky */
    .gallery .dots {
      display: flex;
      justify-content: center;
      margin-top: 25px;
    }
    .gallery .dot {
      width: 15px;
      height: 15px;
      border-radius: 50%;
      background-color: #368b23;
      opacity: 0.3;
      margin: 0 6px;
      cursor: pointer;
      transition: opacity 0.3s;
    }
    .gallery .dot.active { opacity: 1; }

    /* Desktop: 3 slide-ov na obrazovku */
    @media (min-width: 769px) {
      .gallery .slide {
        width: calc((100% - 40px) / 3);
        margin-right: 20px;
        
      }

      .gallery .slide:last-child { margin-right: 0; }
    }

    /* Mobil: 1 slide na obrazovku */
    @media (max-width: 768px) {
      .gallery .slide { 
        width: 100%; 
        margin-right: 0;
        border-radius: 0px;
       }
    }

    /* Len na mobiloch */
@media (max-width: 768px) {
  .gallery .slides {
    
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .gallery .slide {
    scroll-snap-align: start;
    flex: 0 0 100%;
  }
  }

  @media (max-width: 768px) {
  .gallery .slides::-webkit-scrollbar {
    height: 6px;
  }

  .gallery .slides::-webkit-scrollbar-track {
    background: transparent;
  }

  .gallery .slides::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 3px;
  }
}