.gap-2 {
    gap: 0.25rem;
}
.gap-4 {
    gap: 0.5rem;
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.col-span-5 {
    grid-column: span 5 / span 5;
}
.grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
}
.basis-1\/2 {
    flex-basis: 40%;
}

.ms-parent {
    width: 100% !important;
}

.asp_w_container_1,
.asp_w_container_5 {
    max-width: none !important;
}

#products-filter {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: auto auto 0 0 0 0;
    transition: all 0.35s;
}
#products-filter.visibles {
    grid-template-rows: none;
}

@media (min-width: 1620px) {
}

.filters {
    max-height: 0%;
    overflow: hidden;
    transition: all 0.35s;
}
.filters.visibles {
    max-height: 100%;
    overflow: visible;
    transition: all 0.35s;
}

@media (min-width: 821px) {
    #products-filter {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: none;
    }
    .filters {
        max-height: 100%;
        overflow: visible;
        transition: all 0.35s;
    }
    .filters.visibles {
        overflow: visible;
    }
    .filters select {
        width: 100%;
    }
}
@media (min-width: 600px) {
    #products-filter {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .products-filter-search {
        grid-column: span 2 / span 2;
    }
    .show-filters {
        grid-column: span 2 / span 2;
    }
}
@media (min-width: 480px) {
}

@media (min-width: 1440px) {
    #products-filter {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .products-filter-search {
        grid-column: unset;
    }
}