.mn-product-grid {
    width: 100%;
    row-gap: 20px;
    display: flex;
    flex-direction: column;
}

.product-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 50px;
    column-gap: 50px;
    width: 100%;
}

.product-wrapper .product-item {
    width: calc((100%/3) - 34px);
}

.product-wrapper .product-item img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1/1;
}

.product-filter-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 20px;
    width: 100%;
    align-items: center;
}

.product-filter-wrapper .category-filter-wrapper {
    width: 30%;
}

.product-filter-wrapper .product-count-wrapper {
    width: calc(40% - 43px);
}

.product-filter-wrapper .sort-filter-wrapper select,
.product-filter-wrapper .category-filter-wrapper select {
    max-width: 150px;
}

.product-filter-wrapper .sort-filter-wrapper {
    width: 30%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.product-count-wrapper .product-total label {
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    text-align: center;
}

.custom-select-container {
    position: relative;
    display: inline-block;
    border: 1px solid #EBEBEB;
    border-radius: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

.custom-select-container .custom-icon {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}


select#product-category-filter,
select#product-sort-filter {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: 'Figtree';
    font-size: 14px;
    border: none;
    background: none;
    text-align: center;
}

select#product-sort-filter {
    padding-left: 15px;
    margin-left: 15px;
}

select#product-category-filter {
    padding-right: 15px;    
}

select#product-category-filter::-ms-expand,
select#product-sort-filter::-ms-expand {
    display: none;
}

.filter-select-container {
    position: relative;
    display: inline-block;
    border: 1px solid #EBEBEB;
    border-radius: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

.filter-select-container .custom-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.flippable {
    transition: transform 0.6s, opacity 0.6s;
    transform-style: preserve-3d;
}

.second-images, .front-images {
    transition: opacity 0.6s;
    display: block;
}

.second-images {
	opacity: 0;
}

.flipped .front-images {
    opacity: 0;
}

.flipped .second-images {
    opacity: 1;
}

a.product-image-link {
    position: relative;
	overflow: hidden;
}

a.product-image-link .second-images {
    position: absolute;
	top: 0;
}

@media (max-width: 478px) {
    .product-wrapper {
        row-gap: 20px;
        column-gap: 20px;
    }

    .product-wrapper .product-item {
        width: 100%;
    }

    .product-filter-wrapper .category-filter-wrapper {
        width: calc(50% - 10px);
        order: 0;
    }
    
    .product-filter-wrapper .product-count-wrapper {
        width: 100%;
        order: 2;
    }
    
    .product-filter-wrapper .sort-filter-wrapper {
        width: calc(50% - 10px);
        order: 1;
    }
}

@media (min-width: 479px) and (max-width: 961px) {
    .product-wrapper {
        row-gap: 20px;
        column-gap: 20px;
    }

    .product-wrapper .product-item {
        width: calc((100%/2) - 10px);
    }
}