/* Responsive hardening for store frontend */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

body {
  min-height: 100vh;
}

img,
svg,
video,
canvas {
  max-width: 100%;
  height: auto;
}

.row > [class*="col-"] {
  min-width: 0;
}

.header.header--pro,
.hero,
.footer.footer--pro,
.featured,
.home-cats,
.home-panels,
.product,
.shoping-cart {
  width: 100%;
}

/* Hardening: evitar que reglas heredadas oculten el footer */
footer.footer--pro {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 2;
  clear: both;
}

#content-productos > [class*="col-"],
.featured__filter > [class*="col-"],
.featured__filter > .mix {
  display: flex;
}

#content-productos .featured__item,
.featured__filter .featured__item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

#content-productos .featured__item__text,
.featured__filter .featured__item__text {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

#content-productos .featured__item__text h6,
.featured__filter .featured__item__text h6 {
  min-height: 44px;
}

#content-productos .featured__item__text .fcard-add,
.featured__filter .featured__item__text .fcard-add {
  margin-top: auto;
}

#content-productos .featured__item__pic,
.featured__filter .featured__item__pic {
  height: 220px;
}

.shoping__cart__table,
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.shoping__cart__table table {
  min-width: 680px;
}

.header__brand__name {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 991.98px) {
  .header.header--pro > .container,
  .hero > .container,
  .home-cats > .container,
  .featured > .container,
  .home-panels > .container,
  .product > .container,
  .footer.footer--pro > .container {
    max-width: 100% !important;
    padding-left: 12px;
    padding-right: 12px;
  }

  .hero.hero--home .hero__item.hero__item--home {
    min-height: 72vh;
  }

  .hero__text.hero__text--home {
    max-width: 740px;
  }
}

@media (max-width: 767.98px) {
  .hero.hero--home .hero__item.hero__item--home {
    min-height: 66vh;
    padding: 20px 14px !important;
  }

  .hero__text.hero__text--home h2 {
    font-size: clamp(26px, 8.2vw, 38px);
    line-height: 1.18;
  }

  .hero__text.hero__text--home p {
    font-size: 15px;
    line-height: 1.45;
    margin-bottom: 16px;
  }

  .hero__home__search {
    border-radius: 14px;
    padding: 8px;
  }

  .home-cats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .home-cat-card {
    min-height: 112px;
  }

  #content-productos .featured__item__pic,
  .featured__filter .featured__item__pic {
    height: 190px;
  }

  #content-productos .featured__item__text h6,
  .featured__filter .featured__item__text h6 {
    min-height: 40px;
  }

  .shoping__cart__table table {
    min-width: 560px;
  }

  #productoModal .modal-dialog {
    max-width: calc(100% - 0.75rem);
    margin: 0.375rem auto;
  }
}

@media (max-width: 575.98px) {
  .header.header--pro > .container,
  .hero > .container,
  .home-cats > .container,
  .featured > .container,
  .home-panels > .container,
  .product > .container,
  .footer.footer--pro > .container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .home-cats__grid {
    grid-template-columns: 1fr;
  }

  #content-productos .featured__item__pic,
  .featured__filter .featured__item__pic {
    height: 170px;
  }

  .header__brand__logo {
    max-height: 42px;
  }

  .header__brand__name {
    font-size: 17px;
  }

  .footer__col {
    margin-bottom: 14px;
  }
}