/* Responsive overrides — load after style.css */

.mob-foot {
  display: none !important;
}

.product__hero-slider {
  overflow: hidden;
}

.product__hero-wrapper.hero-slider-track {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  transform: none !important;
  transition: none !important;
}

.product__hero-wrapper.hero-slider-track::-webkit-scrollbar {
  display: none;
}

.product__hero-wrapper.hero-slider-track > li {
  flex: 0 0 100%;
  width: 100% !important;
  max-width: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.product__hero-wrapper.hero-slider-track .product__image img {
  width: 100%;
  height: auto;
  max-height: min(560px, 70vh);
  object-fit: contain;
}

@media (max-width: 800px) {
  .mob-foot {
    display: flex !important;
  }

  body.has-mob-foot {
    padding-bottom: 76px;
  }

  body.has-mob-foot.has-cookie-banner {
    padding-bottom: 150px;
  }

  .product__feedbacks-slide.review-visible {
    display: block !important;
  }

  #loadMore {
    display: block;
  }

  .product__feedbacks-wrapper {
    display: block;
  }
}

@media (min-width: 801px) {
  .product__feedbacks-slide {
    display: block !important;
  }

  #loadMore {
    display: none !important;
  }
}

@media (min-width: 801px) and (max-width: 1100px) {
  #header-main-menu a {
    font-size: 0.68rem;
  }

  #header-main-menu {
    gap: 0.2rem 0.45rem;
  }
}

@media (max-width: 576px) {
  .product__form-top .floating-label-group {
    width: 100%;
  }

  .product__form-top .floating-label-group input {
    width: 100%;
    box-sizing: border-box;
  }

  .btn.width-250,
  button.width-250 {
    width: 100%;
    max-width: 100%;
  }

  .sticky_rev {
    left: -28px;
    font-size: 12px;
    padding: 4px 8px;
  }

  #cookie-banner {
    padding: 0.75rem;
  }

  #cookie-banner p {
    font-size: 0.85rem;
  }

  #cookie-banner .cookie-actions {
    width: 100%;
    justify-content: center;
  }

  .header__contacts a {
    font-size: 0.75rem;
  }

  .gallery-images img {
    width: 120px;
    height: 120px;
  }
}

@media (max-width: 380px) {
  .header__contacts a div {
    font-size: 0.7rem;
  }

  .mob-foot .new-price {
    font-size: 0.95rem;
  }
}