/* ========== TABLET ========== */
@media(max-width:1024px){
    .section{padding:70px 0}
    .section-title{font-size:2rem}
    .hero-title{font-size:3.5rem}
    .about-grid{gap:40px}
    .promo-banner{padding:40px}
    .promo-title{font-size:2rem}
    .slide-item{min-width:50%}
    .testimonial-card{min-width:100%}
    .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
}

/* ========== MOBILE ========== */
@media(max-width:768px){
    .section{padding:60px 0}
    .container{padding:0 16px}
    .nav-menu{position:fixed;top:0;left:-100%;width:80%;max-width:320px;height:100vh;background:var(--brown);flex-direction:column;align-items:flex-start;padding:100px 30px 30px;gap:4px;transition:left .4s;box-shadow:var(--shadow-lg);z-index:999}
    .nav-menu.active{left:0}
    .nav-link{font-size:1rem;padding:12px 16px;width:100%}
    .hamburger{display:flex}
    .hero-title{font-size:2.5rem}
    .hero-subtitle{font-size:1rem}
    .hero-buttons{flex-direction:column;align-items:center}
    .about-grid{grid-template-columns:1fr;gap:30px}
    .about-features{grid-template-columns:1fr}
    .products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
    .promo-banner{grid-template-columns:1fr;padding:30px;text-align:center}
    .promo-image{order:-1}
    .promo-title{font-size:1.8rem}
    .slide-item{min-width:100%}
    .slide-item img{height:250px}
    .contact-grid{grid-template-columns:1fr}
    .footer-grid{grid-template-columns:1fr;gap:30px}
    .cart-drawer{width:100%;max-width:100vw;right:-100%}
    .section-header{margin-bottom:40px}
}

/* ========== SMALL MOBILE ========== */
@media(max-width:480px){
    html{font-size:14px}
    .hero-title{font-size:2rem}
    .section-title{font-size:1.6rem}
    .products-grid{grid-template-columns:1fr}
    .product-card-img{height:180px}
    .filter-btn{padding:8px 16px;font-size:.8rem}
    .btn{padding:12px 24px;font-size:.88rem}
    .promo-banner{padding:24px}
    .contact-card{padding:30px 20px}
    .floating-wa{width:52px;height:52px;bottom:16px;right:16px}
    .slider-btn{width:36px;height:36px;font-size:1rem}
}

/* ========== REDUCED MOTION ========== */
@media(prefers-reduced-motion:reduce){
    *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
    html{scroll-behavior:auto}
}