@media (max-width:768px){

.hero{
    height:70vh;
}

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

.hero-content p{
    font-size:15px;
}

.logo img{
    height:45px;
}

.header-icons{
    font-size:20px;
    gap:15px;
}

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

.category-card img,
.product-card img{
    height:170px;
}

.section-title{
    font-size:26px;
}

}