.text-navy {
    color: #309FA0;
}
.cart-product-imitation {
  text-align: center;
  padding-top: 30px;
  height: 80px;
  width: 80px;
  /*background-color: #f8f8f9;*/
}
.product-imitation.xl {
  padding: 120px 0;
}
.product-desc {
  padding: 20px;
  position: relative;
}
.ecommerce .tag-list {
  padding: 0;
}
.ecommerce .fa-star {
  color: #d1dade;
}
.ecommerce .fa-star.active {
  color: #f8ac59;
}

table.shoping-cart-table {
  margin-bottom: 0;
}
table.shoping-cart-table tr td {
  border: none;
  text-align: right;
}
table.shoping-cart-table tr td.desc,
table.shoping-cart-table tr td:first-child {
  text-align: left;
}
table.shoping-cart-table tr td:last-child {
  width: 80px;
}
.ibox {
  clear: both;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 0;
}
.ibox.collapsed .ibox-content {
  display: none;
}
.ibox:after,
.ibox:before {
  display: table;
}
.ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  /*background-color: #ffffff;*/
  color: inherit;
  margin-bottom: 0;
  padding: 14px 15px 7px;
  min-height: 48px;
}
.ibox-content {
  /*background-color: #ffffff;*/
  color: inherit;
  padding: 15px 20px 20px 20px;

}
.ibox-footer {
  color: inherit;
  font-size: 90%;
  background: #ffffff;
  padding: 10px 15px;
}

.tarjeta-checkout {
  background-color: rgba(120, 120, 120, 0.1);
  border-radius: 1rem;
  padding: 1rem;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);

}

.carrito-list {
  margin-right: 1rem;
}

.final-menu{
  justify-content: flex-end !important;
}

.scrolly {
  /* Oculta la barra de desplazamiento pero permite desplazamiento */
  overflow-y: auto; /* o 'scroll' si siempre quieres que se pueda desplazar */
  height: 100vh; /* O ajusta a la altura que prefieras */
  scrollbar-width: none; /* Para Firefox */
  -ms-overflow-style: none; /* Para Internet Explorer 10+ */
}

.scrolly::-webkit-scrollbar {
  display: none; /* Para Chrome, Safari y Opera */
}

.fix-height {
  height: 100vh;
}

@media (max-width: 991px) {
  .container-carrito {
      padding: 15px; /* Más espacio alrededor del contenido en pantallas pequeñas */
  }
  .carrito-list {
      flex-direction: column; /* Apila los elementos verticalmente en pantallas pequeñas */
  }
  .quantity-input {
      width: 100%; /* Aprovecha todo el ancho disponible */
  }

  .final-menu{
    justify-content: normal !important;
  }

}