/* RESET */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


body{

    font-family:'Montserrat', sans-serif;
    background:#fff;
    color:#111;

}



/* NAVBAR */

.navbar{

    height:90px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 8%;
    border-bottom:1px solid #eee;

}


.logo img{

    width:120px;

}



nav a{

    text-decoration:none;
    color:#111;
    margin-left:35px;
    font-size:14px;
    letter-spacing:1px;

}


nav a:hover{

    color:#b08d57;

}



/* CART SECTION */

.cart-page{

    padding:60px 8%;

}


.cart-page h1{

    text-align:center;
    font-family:'Cormorant Garamond',serif;
    font-size:45px;
    margin-bottom:50px;

}




.cart-container{

    display:grid;
    grid-template-columns:2fr 1fr;
    gap:40px;

}



/* PRODUCTS */

.cart-items{

    border:1px solid #eee;
    padding:30px;

}



.cart-product{

    display:flex;
    align-items:center;
    gap:30px;
    padding:20px 0;
    border-bottom:1px solid #eee;

}



.cart-product img{

    width:120px;
    height:120px;
    object-fit:contain;

}



.product-info h3{

    font-family:'Cormorant Garamond',serif;
    font-size:28px;

}


.product-info p{

    margin:10px 0;
    font-size:16px;

}



.product-info button{

    background:black;
    color:white;
    border:none;
    padding:10px 20px;
    cursor:pointer;
    letter-spacing:1px;

}



.product-info button:hover{

    background:#b08d57;

}



/* SUMMARY */


.cart-summary{

    border:1px solid #eee;
    padding:35px;
    height:max-content;

}



.cart-summary h2{

    font-family:'Cormorant Garamond',serif;
    font-size:32px;
    margin-bottom:25px;

}



.summary-row{

    display:flex;
    justify-content:space-between;
    margin:20px 0;
    font-size:15px;

}



.total{

    font-size:20px;
    font-weight:600;

}



.cart-summary button{

    width:100%;
    padding:15px;
    background:black;
    color:white;
    border:none;
    cursor:pointer;
    margin-top:25px;
    font-size:15px;
    letter-spacing:1px;

}



.cart-summary button:hover{

    background:#b08d57;

}



/* EMPTY CART */


.empty-cart{

    text-align:center;
    padding:50px;

}


.empty-cart a{

    display:inline-block;
    margin-top:20px;
    color:black;

}



/* MOBILE */

@media(max-width:768px){


.cart-container{

    grid-template-columns:1fr;

}


.navbar{

    padding:0 5%;

}


nav a{

    margin-left:10px;
    font-size:12px;

}


.cart-product img{

    width:80px;
    height:80px;

}

}
.quantity-box{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:12px;
}

.quantity-box button{
    width:35px;
    height:35px;
    border:none;
    background:#111;
    color:#fff;
    border-radius:6px;
    cursor:pointer;
    font-size:18px;
}

.quantity-box span{
    font-weight:600;
    min-width:25px;
    text-align:center;
}
.remove-btn{
    width:35px;
    height:35px;
    border:none;
    background:#d62828;
    color:white;
    border-radius:6px;
    cursor:pointer;
    font-size:16px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.remove-btn:hover{
    background:#b71c1c;
}
/* Mobile Devices */
@media (max-width: 768px) {

    body {
        overflow-x: hidden;
    }

    .container {
        width: 90%;
        margin: auto;
    }

    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 26px;
    }

    p {
        font-size: 16px;
    }

    img {
        max-width: 100%;
        height: auto;
    }
}