@media(max-width:992px){

.hero h1{
font-size:52px;
}

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

}

@media(max-width:768px){

.menu-btn{
display:block;

background:var(--primary);
color:#fff;

border:none;

padding:10px 14px;

border-radius:10px;

font-size:22px;
}

.desktop-nav{
display:none;
}

.header-flex{
padding:14px 0;
}

.brand h1{
font-size:28px;
}

.hero{
padding:55px 26px;
border-radius:24px;
}

.hero h1{
font-size:38px;
letter-spacing:-1px;
}

.hero p{
font-size:15px;
line-height:1.9;
}

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

.product-card img{
height:220px;
}

.footer{
padding:60px 0 25px;
}

}

@media(max-width:480px){

.hero h1{
font-size:32px;
}

.hero-buttons{
flex-direction:column;
}

.btn-primary,
.btn-secondary{
width:100%;
text-align:center;
}

}