.custom-toggle {
   display: inline-block;
   position: relative;
   width: 60px;
   height: 34px;
   vertical-align: middle;
   margin-right: 10px;
   margin-left: 10px;
}
.custom-toggle input {
   display: none;
}

.custom-slider {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #ccc;
   transition: 0.4s;
   border-radius: 34px;
}

.custom-slider-thumb {
   position: absolute;
   content: "";
   height: 26px;
   width: 26px;
   left: 4px;
   bottom: 4px;
   background-color: white;
   transition: 0.4s;
   border-radius: 50%;
}

.custom-toggle input:checked + .custom-slider {
   background-color: #4caf50;
}

.custom-toggle input:checked + .custom-slider .custom-slider-thumb {
   transform: translateX(26px);
}

.banner-mobile, #discount-filter-mob{display:none !important}

.filters-container {
   /*display: none;*/
   width: 95%;
   margin: 10px auto; /* Ajusta el margen para el espaciado deseado */
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
}
 
.circle-pagination {
    display: inline-block;
    width: 30px;
    height: 25px;
    text-align: center;
    padding-top: 5px;
    margin-right: 5px;
    border-radius: 100px;
}

.circle-pagination a{ text-decoration: none; }
.circle-pagination.active{
   border-bottom: 3px solid rgb(255, 59, 60);
}
.container-range-price {
   display: flex;
   flex-direction: row;
   align-content: center;
   justify-content: space-around;
   align-items: center;
   margin: 5px auto;
   width: 40%;
   max-width: 500px;
   border: 1px solid rgba(102, 102, 102, 0.3);
   padding: 0 2%;
   border-radius: 5px;
}
.container-range-price form {
   display: flex;
   flex-wrap: wrap;
}
.container-range-price form input {
   width: 30%;
   margin: auto;
   border: 0;
   border-bottom: 1px solid;
}
.container-range-price button {
   margin-top: 1%;
   width: 30%;
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   border-radius: 5px;
   margin-bottom: 10px;
   background-color: var(--color-rojo-pale);
   color: #fff;
   font-size: 16px;
   font-weight: 500;
   text-decoration: none;
   padding: 8px 16px;
   cursor: pointer;
   border: 1px solid transparent;
   outline: none;
}
.container-filters {
    padding: 10px 5px;
    font-family: roboto;
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(102, 102, 102, 0.3);
}

.display-filters.order {
   margin-right: auto;
}
.display-filters {
   display: flex;
   margin: auto 0;
   width: fit-content;
   cursor: pointer;
   align-content: center;
   align-items: center;
   background-color: #fff;
}
.carosel-mas-vendidos {
   width: 95%;
   margin: auto;
}
.carosel-mas-vendidos .tarjeta-producto-pagos a {
   text-decoration: none;
}
.carosel-mas-vendidos .tarjeta-producto-pagos {
   padding: 10px 5px;
   margin: 0 5px 5px;
   background: transparent;
   position: relative;
   box-shadow: none;
   border: 0;
}
.contenedor-carrusel-top {
   padding: 10px 0;
}
.carosel-mas-vendidos .tarjeta-producto-pagos .img-producto {
   margin: auto;
   width: 90%;
   height: 0;
   padding-bottom: 90%;
   background-color: white;
   overflow: hidden;
   position: relative;
   border-radius: 10px;
}
.carosel-mas-vendidos .tarjeta-producto-pagos .img-producto img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   position: absolute;
   top: 0;
   left: 0;
   min-width: auto;
   max-height: none;
   max-width: none;
   min-height: auto;
   aspect-ratio: inherit;
   border-radius: 10px;
}
.carosel-nav-right-mas-vendidos, .carosel-nav-right-gamers {
   right: 3px;
}
.carosel-mas-vendidos .tarjeta-producto-pagos .img-seller img{
   border-radius: 0;
}
.container-express {
   display: flex;
   margin: auto;
   margin-right: 2%;
}
.hidden-filters {
   display: none !important;
}
.filters-show{
   flex-wrap: wrap;
   display: flex;
}
.filters-show form {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
}
.card-filter {
   width: 24%;
   display: flex;
   align-items: center;
   flex-direction: row;
   justify-content: center;
   margin: 5px auto;
   border: 1px solid rgba(102, 102, 102, 0.3);
   border-radius: 5px;
   padding: 5px 0;
   cursor: pointer;
}
.card-filter.free-shipping{
   width: 40%;
   max-width: 500px;
}
.card-filter.free-shipping.clear-filter{
   width: 15%;
   border: 0;
}
.card-filter.free-shipping.clear-filter button{
   background: transparent;
   text-decoration: underline;
   font-weight: 600;
}
.img-filters {
   width: 50px;
   margin-right: 5px;
}
.check-order{
   border-color: #ff3c3c;
}
.icono-filtro{
   width: 30px;
}

.tarjeta-producto-pagos .img-producto-seller{
   position: relative;
}
.tarjeta-producto-pagos .img-seller{
   border-radius: 0;
   width: 56%;
   margin: 0px 2% 0;
   position: absolute;
   bottom: 0;
   z-index: 1;
}

@media (max-width: 768px) {
   .div-block-6, .tabs-menu-3 {
      z-index: 2;
   }
   .filters-container {
      flex-direction: column;
   }
   .filters-container {
      align-items: initial;
   }
   .filters-show{
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: white;
      transition: left 0.3s ease-in-out;
      z-index: 3;
   }

   /* Estilos para el botón de cierre */
   .close-button {
      font-size: 24px;
      cursor: pointer;
      margin-left: auto;
      margin-bottom: auto;
      height: fit-content;
      width: 100%;
      text-align: right;
      padding: 10px 15px 10px;
      background: #fff;
      -webkit-box-shadow: 0px 5px 5px 0px rgba(170,170,170,1);
      -moz-box-shadow: 0px 5px 5px 0px rgba(170,170,170,1);
      box-shadow: 0px 5px 5px 0px rgba(170,170,170,1);
      display: block !important;
   }
   .name-sort-select {
      width: 95%;
      text-align: center;
      font-size: 1.2rem;
      font-family: 'Muli';
      font-weight: bold;
   }
   #relevance{
      width: 95%;
   }
   .card-filter {
      width: 45%;
      line-height: 1.2;
      -webkit-box-shadow: 1px 1px 10px 1px rgba(204,204,204,1);
      -moz-box-shadow: 1px 1px 10px 1px rgba(204,204,204,1);
      box-shadow: 1px 1px 10px 1px rgba(204,204,204,1);
      margin: 10px auto;
   }
   .banner-desktop{display:none !important}
   #discount-filter-mob{
      display:flex !important;
      width: 95%;
      margin-bottom: 15%;
   }
   .card-filter.free-shipping{
      width: 95%;
      display: flex !important;
   }
   .card-filter.free-shipping .img-filters {
      width: 100px;
      margin-right: 15px;
   }
   .container-range-price {
      margin: auto;
      width: 95%;
      border: 0;
      border-radius: 0;
      flex-wrap: wrap;
      margin-bottom: 0;
   }
   .container-range-price form input {
      width: 45%;
      margin: 10px auto;
   }
   .container-range-price button {
      width: 95%;
      margin: 2% auto 10%;
   }
   .card-filter.free-shipping.clear-filter {
      width: 95%;
      border: 0;
      box-shadow: none;
      margin: auto;
      margin-top: 0;
   }
   .banner-desktop{display:none !important}
   .banner-mobile{display:block !important}
   .carosel-mas-vendidos {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      margin: 1% auto 3%;
      width: 100%;
   }
   .carosel-mas-vendidos .carosel-item {
      width: 30%;
      margin: 0 auto;
      flex: 0 0 auto;
   }
   .carosel-nav {
      display: none !important;
   }
}
@media (min-width: 769px) {
   .filters-container {
      flex-direction: row;
   }
}


@media (max-width: 400px) {
   .carosel-mas-vendidos .carosel-item {
      width: 45%;
   }
}