/*
==================================================
WOWOOOCART SHOP
==================================================
*/

/* ===========================
SHOP LAYOUT
=========================== */

.wow-shop-page{

    padding:50px 0;

    background:#f8fafc;

}

.wow-shop-header{

    margin-bottom:35px;

}

.wow-shop-title{

    font-size:34px;

    font-weight:700;

    color:#111827;

    margin:0 0 10px;

}

.wow-shop-content{

    display:grid;

    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));

    gap:30px;

}


/* ===========================
PRODUCT CARD
=========================== */

.wow-product-card{

    list-style:none;

    background:#fff;

    border-radius:14px;

    overflow:hidden;

    box-shadow:0 5px 20px rgba(0,0,0,.06);

    transition:.30s;

}

.wow-product-card:hover{

    transform:translateY(-6px);

    box-shadow:0 15px 35px rgba(0,0,0,.12);

}
/* ===========================
PRODUCT IMAGE
=========================== */

.wow-product-image{

    position:relative;

    overflow:hidden;

    background:#ffffff;

}

.wow-product-image img{

    width:100%;

    height:280px;

    object-fit:contain;

    transition:.35s;

    padding:15px;

}

.wow-product-card:hover .wow-product-image img{

    transform:scale(1.06);

}


/* ===========================
PRODUCT CONTENT
=========================== */

.wow-product-content{

    padding:18px;

}

.wow-product-title{

    margin:0 0 10px;

    font-size:17px;

    font-weight:600;

    line-height:1.5;

}

.wow-product-title a{

    text-decoration:none;

    color:#111827;

}

.wow-product-title a:hover{

    color:#16a34a;

}

.wow-product-rating{

    margin-bottom:10px;

}

.wow-product-price{

    font-size:22px;

    font-weight:700;

    color:#16a34a;

    margin-bottom:18px;

}
/* ===========================
PRODUCT BUTTONS
=========================== */

.wow-product-buttons{

    display:flex;

    gap:10px;

}

.wow-product-buttons .button,

.wow-buy-now{

    flex:1;

    display:flex;

    align-items:center;

    justify-content:center;

    height:44px;

    border-radius:8px;

    text-decoration:none;

    font-weight:600;

    transition:.30s;

}

.wow-product-buttons .button{

    background:#16a34a;

    color:#ffffff;

    border:none;

}

.wow-product-buttons .button:hover{

    background:#15803d;

}

.wow-buy-now{

    background:#111827;

    color:#ffffff;

}

.wow-buy-now:hover{

    background:#000000;

}


/* ===========================
RESPONSIVE
=========================== */

@media (max-width:768px){

    .wow-shop-content{

        grid-template-columns:repeat(2,1fr);

        gap:18px;

    }

    .wow-product-image img{

        height:200px;

    }

    .wow-shop-title{

        font-size:28px;

    }

}

@media (max-width:480px){

    .wow-shop-content{

        grid-template-columns:1fr;

    }

}