@media (max-width: 767px) {
  .sticky-top {
    top: var(--header-mobile-height) !important;
  }
  .ratio-mobile-16x9 {
    aspect-ratio: 16/9;
  }
  header {
    position: sticky;
    top: 0;
    z-index: 1021;
  }
  header .logo {
    width: 145px;
  }
  .nav-item {
    width: 100%;
  }
  .hero-section img {
    object-position: 47% center !important;
  }
  .nav-link.dropdown-toggle {
    position: relative;
  }
  .product-carousel-container {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .swiper {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .swiper-button-next,
  .swiper-button-prev {
    display: none !important;
  }

  .hero-nav > .container-lg {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .invisible-scrollbar {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer e Edge */
  }
  .invisible-scrollbar::-webkit-scrollbar {
    display: none; /* Chrome, Safari e Opera */
  }
  .search-filters {
    border-bottom: 1px solid #dddddd;
  }
  .search-results-container .offer-thumbnail {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #dddddd;
  }
  .search-results-container .offer-thumbnail h3 {
    min-height: unset;
    font-size: 1.05rem;
  }
  .search-results-container .offer-thumbnail .img-container .ratio {
    aspect-ratio: 1/1;
  }
  .search-results-container .offer-thumbnail .img-container {
    width: 30% !important;
    padding-right: 0 !important;
  }
  .search-results-container .offer-thumbnail .category-tag {
    display: none !important;
  }
  /* PRODUCT */
  .offcanvas.vh-90-max {
    max-height: 90vh;
    height: fit-content;
  }
  .offcanvas.vh-80 {
    height: 80vh;
  }
  #datepicker-container {
    max-height: 80vh;
    z-index: 1036;
  }
  #datepicker-container .litepicker {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
    padding: 0;
    --litepicker-day-width: calc(100% / 7) !important;
    --litepicker-month-width: 100% !important;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  #datepicker-container .litepicker .container__months {
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0;
    box-shadow: none !important;
  }

  #datepicker-container .litepicker .month-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
  }

  #datepicker-container .litepicker .container__days .day-item {
    transition: 0s !important;
    flex: 1 0 14.28% !important; /* 100% / 7 giorni */
    max-width: 14.28% !important;
    box-sizing: border-box;
  }

  #datepicker-container
    .litepicker
    .container__months
    .month-item:first-child
    .button-previous-month,
  #datepicker-container
    .litepicker
    .container__months
    .month-item:last-child
    .button-next-month {
    display: none;
  }
}

@media (min-width: 576px) {
  .search-results-container {
    --bs-gutter-x: 1.2rem;
  }

  .product-media-gallery #boxImage1 {
    border-top-right-radius: var(--bs-border-radius-xl) !important;
  }
  .product-media-gallery #boxImage3,
  .product-media-gallery #extraImagesOverlay {
    border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  }
  #datepicker-container .litepicker .month-item {
    width: calc(50% - 20px);
  }
  #datepicker-container .litepicker .container__months {
    flex-direction: row;
    justify-content: space-between;
  }
}