/* =================================
   AAVERA SHOP LAYOUT FIX
================================= */


/* Main Shop Wrapper */

.aavera-shop-flex-container{

    max-width:1200px;

    margin:60px auto;

    padding:0 20px;

    display:flex;

    gap:40px;

    align-items:flex-start;

}



/* Product Area */

.woocommerce .aavera-shop-flex-container .site-main{

    flex:1;

}





/* Sidebar */

.aavera-sidebar-area{

    width:260px;

    flex-shrink:0;

}





/* Sidebar Box */

.aavera-sidebar-area .widget{

    background:#fff;

    border:1px solid #eee;

    padding:25px;

    margin-bottom:25px;

}



.aavera-sidebar-area .widgettitle{

    font-family:"Cormorant Garamond";

    font-size:26px;

    margin-bottom:20px;

}



/* Category List */

.aavera-sidebar-area ul{

    list-style:none;

    padding:0;

    margin:0;

}



.aavera-sidebar-area li{

    padding:8px 0;

    border-bottom:1px solid #eee;

}



.aavera-sidebar-area a{

    color:#333;

    text-decoration:none;

}



/* Product Grid Smaller */


.aavera-shop-flex-container ul.products{

    display:grid!important;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}





.aavera-shop-flex-container ul.products li.product{

    width:auto!important;

}





/* Product Image */

.aavera-shop-flex-container ul.products li.product img{

    height:320px;

    object-fit:cover;

}





/* Mobile */


@media(max-width:900px){


.aavera-shop-flex-container{

    flex-direction:column;

}



.aavera-sidebar-area{

    width:100%;

}



.aavera-shop-flex-container ul.products{

grid-template-columns:repeat(2,1fr);

}


}

/* ================================
   SHOP LEFT SIDEBAR LAYOUT
================================ */


.aavera-shop-layout{

max-width:1200px;

margin:60px auto;

padding:0 20px;

display:flex;

gap:35px;

align-items:flex-start;

}




/* LEFT SIDEBAR */

.aavera-left-sidebar{

width:250px;

flex-shrink:0;

}



.aavera-left-sidebar .widget{

background:#fff;

border:1px solid #eee;

padding:25px;

margin-bottom:25px;

}



.aavera-left-sidebar .widgettitle{

font-family:"Cormorant Garamond";

font-size:28px;

margin-bottom:20px;

}





/* PRODUCT AREA */

.aavera-products-area{

flex:1;

}



.aavera-products-area ul.products{

display:grid!important;

grid-template-columns:repeat(3,1fr);

gap:25px;

margin:0!important;

}





.aavera-products-area ul.products li.product{

width:auto!important;

margin:0!important;

}





.aavera-products-area img{

height:320px!important;

object-fit:cover;

}





@media(max-width:900px){


.aavera-shop-layout{

flex-direction:column;

}


.aavera-left-sidebar{

width:100%;

}


.aavera-products-area ul.products{

grid-template-columns:repeat(2,1fr);

}


}

.aavera-sidebar-col .widget{

background:#fff;

padding:25px;

margin-bottom:25px;

border:1px solid #eee;

}







@media(max-width:768px){

.aavera-flex-container{

flex-direction:column;

}


.aavera-sidebar-col{

width:100%;

}

}

/* ===========================
   AAVERA SHOP PAGE
=========================== */



.woocommerce ul.products{
    display:grid !important;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin:0;
    padding:0;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after{
    display:none !important;
}

.woocommerce ul.products li.product,
.woocommerce ul.products li.aavera-product-card{
    width:100%!important;
    margin:0!important;
    list-style:none;
}

.aavera-card{
    background:#fff;
    border:1px solid #eee;
    overflow:hidden;
    transition:.35s;
    position:relative;
}

.aavera-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.product-image{
    overflow:hidden;
    background:#f8f8f8;
}

/* ===========================
   PRODUCT IMAGE HOVER
=========================== */

.product-image{
    position:relative;
    overflow:hidden;
}

.product-image .primary-image,
.product-image .secondary-image{

    width:100%;
    height:380px;
    object-fit:cover;
    display:block;
    transition:all .4s ease;

}

.product-image .secondary-image{

    position:absolute;
    top:0;
    left:0;

    opacity:0;

}

.aavera-card:hover .secondary-image{

    opacity:1;

}

.aavera-card:hover .primary-image{

    opacity:0;

}

.product-image img{
    width:100%;
    height:380px;
    object-fit:cover;
    transition:.5s;
    display:block;
}

.aavera-card:hover .product-image img{
    transform:scale(1.08);
}

.sale-badge{
    position:absolute;
    top:15px;
    left:15px;
    background:#111;
    color:#fff;
    padding:6px 12px;
    font-size:12px;
    z-index:2;
}

.product-info{
    padding:20px;
    text-align:center;
}

.product-title{
    font-size:18px;
    margin-bottom:10px;
}

.product-title a{
    text-decoration:none;
    color:#111;
}

.product-price{
    margin:12px 0;
    font-size:18px;
    font-weight:600;
}

/* ==========================
   ADD TO CART BUTTON
========================== */

.product-cart{

    margin-top:20px;

}

.product-cart .button{

    width:100%;
    height:48px;

    display:flex !important;
    align-items:center;
    justify-content:center;

    background:#111 !important;
    color:#fff !important;

    border:2px solid #111 !important;

    border-radius:6px;

    font-size:14px;
    font-weight:600;

    letter-spacing:1px;
    text-transform:uppercase;

    transition:all .35s ease;

}

.product-cart .button:hover{

    background:#b08d57 !important;
    border-color:#b08d57 !important;

    color:#fff !important;

    transform:translateY(-2px);

}

.product-cart .added_to_cart{

    display:none !important;

}

@media(max-width:992px){

.woocommerce ul.products{
grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:768px){

.woocommerce ul.products{
grid-template-columns:repeat(2,1fr);
}

.product-image img{
height:300px;
}

}

@media(max-width:480px){

.woocommerce ul.products{
grid-template-columns:1fr;
}

}

/* ==========================
   SHOP SIDEBAR
========================== */



.shop-widget{
    background:#fff;
    border:1px solid #eee;
    padding:20px;
    margin-bottom:25px;
}

.shop-widget .widget-title{
    font-size:18px;
    margin-bottom:15px;
    font-weight:600;
    border-bottom:1px solid #eee;
    padding-bottom:10px;
}

.shop-widget ul{
    list-style:none;
    padding:0;
    margin:0;
}

.shop-widget ul li{
    margin:12px 0;
}

.shop-widget ul li a{
    color:#333;
    text-decoration:none;
    transition:.3s;
}

.shop-widget ul li a:hover{
    color:#b08d57;
}

/* ==========================
   SHOP SIDEBAR
========================== */


.shop-widget{
    background:#fff;
    border:1px solid #ececec;
    padding:25px;
    margin-bottom:25px;
    border-radius:8px;
}

.shop-widget .widget-title{
    font-size:20px;
    font-weight:600;
    margin-bottom:20px;
    padding-bottom:12px;
    border-bottom:1px solid #eee;
}

.shop-widget ul{
    list-style:none;
    margin:0;
    padding:0;
}

.shop-widget ul li{
    margin-bottom:14px;
}

.shop-widget ul li:last-child{
    margin-bottom:0;
}

.shop-widget ul li a{
    color:#444;
    text-decoration:none;
    transition:.3s;
}

.shop-widget ul li a:hover{
    color:#b08d57;
    padding-left:5px;
}

.shop-widget .count{
    float:right;
    color:#999;
}

/* ==========================
   WISHLIST
========================== */

.aavera-card{
    position:relative;
}

.aavera-wishlist{

    position:absolute;
    top:15px;
    right:15px;
    z-index:10;

}

.aavera-wishlist .yith-wcwl-add-to-wishlist{

    margin:0;

}

.aavera-wishlist a{

    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#fff;
    border-radius:50%;

    box-shadow:0 5px 15px rgba(0,0,0,.12);

    transition:.3s;

    text-decoration:none;

}

.aavera-wishlist a:hover{

    transform:scale(1.1);

}

.aavera-wishlist svg{

    width:18px;
    height:18px;

}

.aavera-wishlist .feedback{

    display:none;

}

.aavera-wishlist .view-wishlist{

    display:none;

}

/* Hide Wishlist Text */

.aavera-wishlist .yith-wcwl-add-button span,
.aavera-wishlist .yith-wcwl-wishlistexistsbrowse,
.aavera-wishlist .yith-wcwl-wishlistaddedbrowse,
.aavera-wishlist .feedback,
.aavera-wishlist .view-wishlist{

    display:none !important;

}

.aavera-wishlist a{

    font-size:0 !important;

}

.aavera-wishlist a i,
.aavera-wishlist a svg{

    font-size:18px !important;

}

/* ==========================
   YITH WISHLIST
========================== */

.aavera-wishlist .yith-wcwl-add-to-wishlist-button__label{
    display:none !important;
}

.aavera-wishlist .yith-wcwl-add-to-wishlist-button{

    width:42px;
    height:42px;

    display:flex !important;
    align-items:center;
    justify-content:center;

    background:#fff;
    border-radius:50%;
    box-shadow:0 5px 15px rgba(0,0,0,.12);

    transition:.35s;

}

.aavera-wishlist .yith-wcwl-add-to-wishlist-button:hover{

    transform:translateY(-3px);

}

.aavera-wishlist .yith-wcwl-icon{

    width:20px;
    height:20px;

}

.aavera-wishlist .yith-add-to-wishlist-button-block{

    margin:0;

}

/* ==========================
   DISCOUNT BADGE
========================== */

.sale-badge{

    position:absolute;

    top:15px;
    left:15px;

    z-index:20;

    min-width:55px;
    height:28px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#111;
    color:#fff;

    border-radius:30px;

    font-size:12px;
    font-weight:700;

    letter-spacing:.5px;

    box-shadow:0 8px 20px rgba(0,0,0,.15);

}

/* ==========================
   PRODUCT PRICE
========================== */

.product-price{

    margin-top:12px;
    margin-bottom:18px;

    font-size:22px;
    font-weight:700;

    color:#111;

}

.product-price del{

    color:#9b9b9b;
    font-size:15px;
    font-weight:400;

    margin-right:10px;

}

.product-price ins{

    color:#b08d57;
    text-decoration:none;
    font-weight:700;

}

.product-title{

    font-size:18px;
    font-weight:600;
    line-height:28px;

    margin-top:18px;
    margin-bottom:10px;

}

.product-title a{

    color:#222;
    text-decoration:none;

    transition:.3s;

}

.product-title a:hover{

    color:#b08d57;

}

.product-rating{

    margin:10px 0;

}

.product-rating .star-rating{

    margin:auto;

}

/* ==========================
   PRODUCT IMAGE OVERLAY
========================== */

.product-image{

    position:relative;
    overflow:hidden;

}

.image-overlay{

    position:absolute;
    left:50%;
    bottom:20px;

    transform:translateX(-50%) translateY(15px);

    background:#111;
    color:#fff;

    padding:12px 28px;

    border-radius:30px;

    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;

    opacity:0;

    transition:.35s;

    white-space:nowrap;

}

.aavera-card:hover .image-overlay{

    opacity:1;

    transform:translateX(-50%) translateY(0);

}

.aavera-card:hover .product-image img{

    transform:scale(1.08);

}

/*=====================================
  AAVERA SHOP SIDEBAR
=====================================*/



.shop-widget{

    background:#fff;

    border:1px solid #ececec;

    border-radius:12px;

    padding:25px;

    margin-bottom:30px;

    transition:.35s;

}

.shop-widget:hover{

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.shop-widget .widget-title{

    font-size:20px;

    font-weight:600;

    color:#111;

    margin-bottom:20px;

    padding-bottom:15px;

    border-bottom:1px solid #eee;

    position:relative;

}

.shop-widget .widget-title:after{

    content:'';

    position:absolute;

    left:0;
    bottom:-1px;

    width:60px;
    height:2px;

    background:#b08d57;

}

.shop-widget ul{

    margin:0;
    padding:0;

    list-style:none;

}

.shop-widget ul li{

    margin-bottom:14px;

}

.shop-widget ul li:last-child{

    margin-bottom:0;

}

.shop-widget ul li a{

    color:#444;

    text-decoration:none;

    

    justify-content:space-between;

    align-items:center;

    transition:.3s;

}

.shop-widget ul li a:hover{

    color:#b08d57;

    padding-left:8px;

}

.shop-widget .count{

    background:#f6f6f6;

    min-width:28px;

    height:28px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:12px;

    color:#666;

}

.shop-widget ul li a::before{

    content:"›";

    font-size:18px;

    margin-right:10px;

    color:#b08d57;

    transition:.3s;

}

.shop-widget ul li a:hover::before{

    transform:translateX(4px);

}


.aavera-page-wrapper{
    width:100%;
    padding:50px 0;
}






.site-footer{
    clear:both;
    margin-top:60px;
}

.aavera-page-wrapper{
    width:100%;
    padding:50px 0;
}

.aavera-flex-container{
    max-width:1280px;
    margin:0 auto;
    padding:0 20px;
    display:flex;
    align-items:flex-start;
    gap:30px;
}

.aavera-sidebar-col{
    flex:0 0 280px;
    width:280px;
}

.aavera-products-col{
    flex:1;
    min-width:0;
}