/* @media (min-width: 279px) and (max-width: 320px) { */
/* .swiper-banners { */
/* height: 70dvh !important; */
/* padding-bottom: 0dvh !important; */
/* } */

/* .preferidos-section { */
/* top: 35%; */
/* } */
/* } */

/* @media (max-width: 420px) { */
/* .swiper-banners { */
/* height: 60dvh !important; */
/* padding-bottom: 0dvh !important; */
/* } */

/* .preferidos-section { */
/* top: 42%; */
/* } */
/* } */

@media (min-width: 421px) and (max-width: 479px) {
  .swiper-banners {
    height: 50dvh !important;
    padding-bottom: 35dvh !important;
  }

  .preferidos-section {
    top: 45%;
  }
}

@media (min-width: 480px) and (max-width: 580px) {
  .swiper-banners {
    height: 50dvh !important;
    padding-bottom: 15.5dvh;
  }

  .preferidos-section {
    top: 30%;
  }

  .main-page .page-content {
    padding-top: var(--f7-navbar-height);
  }

  .searchbar-container {
    width: 85dvw;
  }
}

@media (min-width: 480px) and (max-width: 580px) {
  /* .swiper-banners { */
  /* height: 50dvh !important; */
  /* padding-bottom: 15.5dvh; */
  /* } */

  .preferidos-section {
    top: 43%;
  }
}

@media (max-width: 680px) {
  .popup-ver-producto-row-container {
    display: block;
  }

  .popup-ver-producto-grid {
    display: flex;
    flex-direction: column-reverse;
  }

  .container-image .item-page-header {
    width: 64%;
    margin: auto;
  }

  .searchbar-container {
    width: 75dvw;
  }
}

@media (max-width: 768px) {
  .preferidos-grid> :nth-child(n+4) {
    display: none;
  }
}

@media (max-width: 1024px) {
  .preferidos-grid> :nth-child(n+5) {
    display: none;
  }

  .banner-container {
    /* height: 380px; */
    height: 100%;
  }

  .banner-container img {
    width: 200%;
    height: 100%;
    object-fit: contain;
    object-position: top center;
  }
}

@media (max-width: 1440px) {
  .banner-container {
    height: 450px;
  }
}