/* =========================================
TABLET
========================================= */

@media(max-width:1024px){

.container{
width:94%;
}

/* HERO */

.hero-section{

grid-template-columns:1fr;
gap:50px;

padding:60px 5% 0;

min-height:auto;

}

.hero-left{

max-width:100%;

}

.hero-section h1{

font-size:72px;

}

.hero-right{

height:auto;

}

/* CATEGORY GRID */

.category-grid{

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

}

/* PRODUCT PAGE */

.product-layout{

grid-template-columns:1fr;

gap:50px;

}

.product-gallery{

position:relative;
top:auto;

}

/* FOOTER */

.footer-top{

flex-direction:column;

gap:50px;

}

.footer-links-wrap{

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

gap:40px;

width:100%;

}

}

/* =========================================
MOBILE
========================================= */

@media(max-width:768px){

/* NAVBAR */

.menu-toggle{
display:block;
}

.nav-links{

position:fixed;

top:0;
right:-100%;

width:270px;
height:100vh;

background:#fff;

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

padding:90px 30px;

transition:.35s;

box-shadow:-5px 0 25px rgba(0,0,0,0.08);

z-index:999;

}

.nav-links.active{

right:0;

}

.nav-links a{

margin:16px 0;

font-size:18px;

}

/* HERO */

.hero-section{

padding:40px 5% 0;

gap:40px;

}

.hero-section h1{

font-size:54px;

line-height:.95;

letter-spacing:-2px;

}

.hero-sub{

font-size:24px;

}

.hero-desc{

font-size:11px;

letter-spacing:3px;

}

/* SECTION */

.section{
padding:70px 0;
}

.section-title{

font-size:38px;

}

/* SECTION TOP */

.section-top{

flex-direction:column;

align-items:flex-start;

gap:16px;

}

.section-top h2{

font-size:38px;

}

/* CATEGORY */

.category-grid{

grid-template-columns:1fr;

}

/* CATEGORY PAGE */

.category-header h1{

font-size:42px;

}

.category-controls{

flex-direction:column;

align-items:stretch;

}

#search-input{

width:100%;

}

.controls-right{

width:100%;

}

#filter-btn,
#sort-select{

flex:1;

}

/* PRODUCT GRID */

.product-grid{

grid-template-columns:1fr;

gap:24px;

}

/* PRODUCT PAGE */

.product-page{

padding:30px 0 80px;

}

.product-layout{

grid-template-columns:1fr;

gap:40px;

}

.product-info h1{

font-size:38px;

}

.product-price{

font-size:24px;

}

.related-products{

padding-top:80px;

}

.related-products h2{

font-size:30px;

}

.trust-badges{

grid-template-columns:1fr;

}

/* FAQ */

.faq-section{

padding-top:80px;

}

.faq-section h2{

font-size:30px;

}

/* FOOTER */

.footer-premium{

padding:60px 0 30px;

}

.footer-links-wrap{

grid-template-columns:1fr 1fr;

gap:35px;

}

.footer-social{

justify-content:flex-start;

flex-wrap:wrap;

gap:18px;

}

.footer-bottom-premium{

flex-direction:column;

align-items:flex-start;

gap:10px;

}

/* FLOATING BUTTONS */

.whatsapp-float{

width:48px;
height:48px;

}

.whatsapp-float img{

width:22px;

}

#scrollTopBtn{

width:38px;
height:38px;

bottom:78px;

}

}

/* =========================================
SMALL MOBILE
========================================= */

@media(max-width:480px){

.hero-section h1{

font-size:44px;

}

.section-title{

font-size:32px;

}

.category-header h1{

font-size:34px;

}

.product-info h1{

font-size:32px;

}

.footer-links-wrap{

grid-template-columns:1fr;

}

}