@media(max-width:1200px){

    .hero-content h1{
        font-size:70px;
    }

    .category-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .products-grid{
        grid-template-columns:repeat(3,minmax(260px,1fr));
    }

    .logo img{
        height: 60px;
    }
}

@media(max-width:992px){

    .nav-links{
        display:none;
    }

    .hamburger{
        display:block;
    }

    .hero-content h1{
        font-size:55px;
    }

    .products-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .features-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .category-card img{

aspect-ratio:4/5;

}

.product-image img{

aspect-ratio:3/4;

}

}

@media(max-width:768px){

    html,
    body{
    overflow-x:hidden;
}

    .hero{
        height:70vh;
        background-position:center center;
    }

    .hero-content{
        text-align:center;
        padding:0 20px;
    }

    .hero-content h1{
        font-size:42px;
    }

    .hero-content p{
        font-size:15px;
        max-width:100%;
    }

    .hero-btn{
        padding:12px 28px;
        font-size:14px;
    }
    
    .logo img{
        height: 80px;
        
    }
    
     .nav-container{
        padding: 12px 16px;
     }

    .category-grid{
        grid-template-columns:repeat(2,1fr);
        gap:15px;
    }

    .category-card img{
        height:300px;
    }

    .products-grid{
        grid-template-columns:repeat(2,1fr);
        gap:12px;
    }

    .product-card{
        width:100%;
        margin:0;
        max-width:none;
    }

    .product-image img{
        height:220px;
        aspect-ratio: 3/4;
        object-fit:cover;
    }

    .product-info{
        padding:10px;
    }

    .product-info h3{
        font-size:13px;
    }

    .current-price{
        font-size:15px;
    }

    .old-price{
        font-size:11px;
    }

   .cart-btn{

height:42px;

font-size:13px;

font-weight:600;

}

    .features-grid{
        grid-template-columns:1fr;
    }

    .newsletter{
        padding:60px 20px;
    }

    .newsletter-box{
        flex-direction:column;
    }

    .newsletter-box input,
    .newsletter-box button{
        width:100%;
        max-width:350px;
    }

      .custom-color-box{

        flex-direction:column;
        align-items:stretch;

    }

    #customColor{

        width:100%;
        height:50px;

    }

    #customColorName{

        width:100%;

    }

    .custom-color-box button{

        width:100%;

    }

    .quick-view-btn{

display:none !important;

}

.product-actions{

grid-template-columns:1fr !important;

}

.add-cart-btn{

width:100%;

}

.cart-section{
    padding:18px;
}

.cart-card{

    display:flex;
    align-items:flex-start;
    gap:16px;

    width:100%;

    padding:18px;

    border-radius:18px;

}

.cart-card img{

    width:110px;
    height:140px;

    object-fit:cover;

    border-radius:14px;

    flex-shrink:0;

}

.cart-info{

    flex:1;

}

.cart-info h3{

    font-size:20px;

    margin-bottom:8px;

}

.cart-info p{

    font-size:15px;

    margin:6px 0;

}

.cart-info h4{

    font-size:28px;

    color:#8B0F45;

    margin:12px 0;

}

.qty{

    width:140px;

    height:46px;

}

.qty button{

    width:42px;

    height:42px;

    font-size:22px;

}

.qty span{

    font-size:18px;

    font-weight:700;

}

.remove-btn{

    margin-top:14px;

    width:120px;

    height:42px;

    font-size:15px;

    border-radius:10px;

}

.cart-summary{

    margin-top:24px;

    padding:22px;

    border-radius:18px;

}

.cart-summary h2{

    font-size:26px;

}

.summary-row{

    font-size:18px;

    margin:16px 0;

}

#checkoutBtn{

    height:58px;

    font-size:18px;

    border-radius:14px;

}


}

@media(max-width:576px){

.products-grid{

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

gap:10px;

}

.category-grid{

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

}

.hero-content h1{

font-size:38px;

}

.hero-content p{

font-size:15px;

}

.product-info h3{

font-size:13px;

min-height:38px;

}

.current-price{

font-size:15px;

}

.cart-btn{

height:42px;

font-size:13px;

font-weight:600;

}

.logo img{
    height: 70px;
}

}

@media(max-width:480px){

.hamburger{
    display:block;
    font-size:28px;
    color:#fff;
    cursor:pointer;
    margin-right:0;
    padding:0;
}

.products-section{

    padding:0 10px;

}

.navbar{
    height: 75px;
}

html,
body{
    overflow-x:hidden;
}

.logo img{
    height: 70px;
}

.products-grid{

    display:grid;

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

    gap:10px;

}

.product-card{

    width:100%;

    max-width:100%;

    margin:0;

}

.product-image img{

    width:100%;

    aspect-ratio:3/4;

    object-fit:contain;

    background:#f8f8f8;

}

.product-info{

    padding:8px;

}

.product-info h3{

    font-size:12px;

    line-height:1.3;

    min-height:32px;

}

.current-price{

    font-size:14px;

}

.old-price{

    font-size:11px;

}

.cart-btn{

    height:38px;

    font-size:12px;

}

.category-grid{
    grid-template-columns: repeat(2,1fr);
    display: grid;
    gap: 10px;
}

.mobile-menu{

position:absolute;

top:80px;

left:0;

width:100%;

background:#fff;

display:none;

flex-direction:column;

box-shadow:0 8px 25px rgba(0,0,0,.15);

z-index:999;

}

.mobile-menu.active{

display:flex;

}

.mobile-menu a{

padding:16px 20px;

border-bottom:1px solid #eee;

text-decoration:none;

color:#333;

font-size:16px;

font-weight:500;

}

.mobile-menu a:hover{

background:#f8f8f8;

color:#cd104d;

}



}