/* ****************************** */
/* Logo Animation - START */
/* ****************************** */
#leaf-icon {
    display: inline-block;
    transform-origin: top center;
    animation: leafWind 5s cubic-bezier(.45,.05,.55,.95) infinite;
}

@keyframes leafWind {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(2deg); }
    25%  { transform: rotate(4deg); }
    40%  { transform: rotate(-3deg); }
    60%  { transform: rotate(2deg); }
    80%  { transform: rotate(-1deg); }
    100% { transform: rotate(0deg); }
}

/* ****************************** */
/* Logo Animation - END */
/* ****************************** */

.product-view-switcher{
	display: flex;
    gap: 15px;
	justify-content: flex-end;
}
.product-filter{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}
.category-btn{
    background: none;
    border: none;
    padding: 0;
    font-size: 26px;
    line-height: 26px;
}
.category-btn:hover{
	color:var(--primary-color);
}
.category-btn.active{
	font-weight:600;
	color:var(--primary-color);
}
#ajax-products{
    display:grid;
    gap:30px;
}
.product-card{
    transition: transform .3s ease, box-shadow .3s ease;
}
.product-card img{
    width:100%;
    aspect-ratio:1 / 1;
    object-fit:cover;
    display:block;
}
.price{
    margin:10px 0;
    font-weight:bold;
}

/* ***************************************** */
/* Products Loading Animation - START */
/* ***************************************** */

.products-wrapper{
    position:relative;
}
.products-loader{
    position:absolute;
    inset:0;
    display:flex;
    justify-content:center;
    align-items:center;
    background:rgba(255,255,255,.75);
    opacity:0;
    visibility:hidden;
    transition:opacity .25s ease, visibility .25s ease;
    z-index:999;
}
.products-loader.show{
    opacity:1;
    visibility:visible;
}
.spinner{
    width:50px;
    height:50px;
    border:4px solid #e6e6e6;
    border-top-color:#000;
    border-radius:50%;
    animation:spin .8s linear infinite;
}
@keyframes spin{
    to{
        transform:rotate(360deg);
    }
}

/* ***************************************** */
/* Products Loading Animation - END */
/* ***************************************** */

#ajax-products.show-products-2{
    grid-template-columns:repeat(2,1fr);
}
#ajax-products.show-products-3{
    grid-template-columns:repeat(3,1fr);
}
#ajax-products.show-products-4{
    grid-template-columns:repeat(4,1fr);
}
/* #ajax-products.show-products-5{
    grid-template-columns:repeat(5,1fr);
} */

.filters-container{
	margin-bottom:40px;
	align-items:center;
}

@media(max-width:575px){
	.product-view-switcher{
		display:none;
	}
	#ajax-products{
		grid-template-columns: repeat(auto-fit, minmax(150px, 2fr)) !important;
	}

	
}
@media only screen and (min-width: 576px) and (max-width: 767px){}
@media(max-width:767px){
	.category-btn{
		font-size: 18px;
    	line-height: 18px;
	}
}
@media(min-width:768px){}
@media only screen and (min-width: 768px) and (max-width: 991px){}
@media(max-width:991px){}
@media(min-width:992px){}
@media only screen and (min-width: 992px) and (max-width: 1199px){}
@media(min-width:1200px){}
@media only screen and (min-width: 1200px) and (max-width: 1399px){}
@media(min-width:1400px){}