@media(max-width:768px){

    .menu-toggle{
        display:block;
        z-index:1001;
    }

    .nav-links{

        position:absolute;

        top:80px;
        left:0;

        width:100%;

        background:white;

        flex-direction:column;

        align-items:flex-start;

        gap:0;

        padding:0;

        display:none;

        box-shadow:0 10px 20px rgba(0,0,0,.08);

    }

    .nav-links.active{
        display:flex;
    }

    .nav-links li{
        width:100%;
    }

    .nav-links a{

        display:block;

        width:100%;

        padding:18px 30px;

        border-bottom:1px solid #eee;

        font-size:1rem;

    }

    .nav-actions{
        gap:12px;
    }

    .nav-icon{
        font-size:1rem;
    }

    .shop-btn{
        display:none;
    }
     .dropdown-menu{
        display:none !important;
    }

.shop-btn{
    display:none;
}

/* .hero{

    display:flex;

    flex-direction:column;

    text-align:center;

    gap:40px;
}

.hero-content{

    width:100%;
}

.hero-image{

    width:100%;
}


.hero-image img{

    width:100%;

    max-width:650px;

    margin:auto;

    display:block;
}

.hero-content h1{

    font-size:3.2rem;

    line-height:1.05;

    margin-bottom:20px;
}

.hero-content p{

    font-size:1.1rem;
}

.hero-buttons{

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

    margin:0 auto 25px;

    display:inline-block;
} */

.hero-slider{
    height:90vh;
}

.hero-content{
    left:20px;
    right:20px;
    max-width:100%;
}

.hero-content h1{
    font-size:2.5rem;
}

.hero-content p{
    font-size:1rem;
}

.hero-btn{
    padding:12px 24px;
}

.slider-btn{
    width:45px;
    height:45px;
    font-size:18px;
}

.prev{
    left:15px;
}

.next{
    right:15px;
}

.slider-dots{
    bottom:20px;
}

.products-grid{

    grid-template-columns:1fr;

    gap:25px;
}

.section-header h2{

    font-size:2.2rem;
}

 .product-card{
        padding:0;
        overflow:hidden;
    }

    .product-card img{
        width:100%;
        height:auto;
        display:block;
        padding:0;
        object-fit:cover;
    }

    .product-info{
        padding:25px;
    } .product-info h3{
        font-size:1.5rem;
        margin-bottom:10px;
    }

    .product-info p{
        font-size:1rem;
        line-height:1.6;
    }

    .product-info a{
        font-size:1rem;
        font-weight:700;
    }

    .why-image{
        order:1;
    }

    .why-content{
        order:2;
    }
/* CIRCULAR STORY MOBILE */
    .journey-grid{
        grid-template-columns:1fr;
    }

    .circular-header h2{
        font-size:38px;
    }

    .journey-card{
        min-height:auto;
    }

    .journey-number{

        font-size:3rem;

    }

    .journey-card h3{

        font-size:1.7rem;

    }
/* IMPACT MOBILE */

    .impact{

        padding:80px 25px;

    }

    .impact-header h2{

        font-size:2.8rem;

    }

    .impact-stats{

        grid-template-columns:1fr 1fr;

        gap:20px;

    }

    .stat-card{

        padding:25px;

    }

    .stat-card h3{

        font-size:2.2rem;

    }

    .impact-story{

        grid-template-columns:1fr;

        gap:40px;

    }

    .impact-content h3{

        font-size:2rem;

    }
    /* TESTIMONIALS MOBILE */

    .testimonials{
        padding:80px 5%;
    }

    .testimonials-header h2{
        font-size:2.5rem;
    }

    .testimonial-slide{
        grid-template-columns:1fr;
    }

    .testimonial-card{
        min-height:auto;
    }

    .testimonial-btn{
        display:none;
    }
     .shop-cta{

        padding:90px 25px;

    }

    .shop-cta h2{

        font-size:2.8rem;

    }

    .shop-cta p{

        font-size:1.1rem;

    }

    .cta-buttons{

        flex-direction:column;

    }

    .cta-shop-btn,
    .cta-whatsapp-btn{

        width:100%;

        text-align:center;

    }
    /* FOOTER MOBILE */

    .footer-container{

        grid-template-columns:1fr;

        text-align:center;

        gap:40px;

        padding:60px 25px;

    }

    .footer-brand img{

        margin:auto;
        margin-bottom:20px;

    }
      .shop-hero{

        padding:110px 25px 25px;

    }

    .shop-hero h1{

        font-size:2.8rem;

    }

    .shop-categories{

        padding:15px 25px 35px;

    }

    .categories-wrapper{

        justify-content:flex-start;

        overflow-x:auto;

        flex-wrap:nowrap;

        padding-bottom:10px;

    }

    .categories-wrapper button{

        white-space:nowrap;

        padding:14px 25px;

        font-size:.95rem;

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

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

    .product-card h3{
        font-size:1.5rem;
    }

    .price{
        font-size:1.2rem;
    }  
    .product-card:last-child{
    grid-column:2;
} 

.product-container{

    grid-template-columns:1fr;

    gap:40px;

}

.product-details h1{

    font-size:2.5rem;

}
   .options-row{
        flex-direction: column;
        gap: 25px;
    }
.price{

    font-size:1.6rem;

}

.sizes{

    flex-wrap:wrap;

}

.add-cart-btn,
.buy-now-btn{

    display:block;

    width:100%;

    text-align:center;

    margin-bottom:15px;

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

.reviews-summary{
    flex-direction:column;
}

.overall-rating{
    text-align:center;
}
.related-products{

    padding:60px 25px;

}

.related-grid{

    grid-template-columns:1fr;

    gap:25px;

}

.related-card img{

    height:250px;

}
.story-hero{

    height:90vh;

}

.about-container{

    grid-template-columns:1fr;

    gap:40px;

}

.about-content h2{

    font-size:2.2rem;

}

.about-stats{

    flex-direction:column;

}

/* .atari-section{

    padding:80px 6%;

}

.atari-container{

    grid-template-columns:1fr;

    gap:40px;

}

.atari-image img{

    height:350px;

}

.atari-content{

    text-align:center;

}

.atari-content h2{

    font-size:2.5rem;

}

.atari-content p{

    font-size:1rem;

    line-height:1.8;

} */

.atari-connection{

    padding:80px 6%;

}

.atari-connection h2{

    font-size:2.3rem;

}

.lead-text{

    font-size:1.15rem;

}

.atari-connection p{

    font-size:1rem;

}

.connection-pillars{

    gap:10px;

}

.connection-pillars span{

    font-size:0.9rem;

    padding:10px 18px;

}

.founder-section{

    grid-template-columns:1fr;

    gap:40px;

}

.founder-image img{

    height:400px;

}

.founder-content{

    text-align:center;

}

.founder-content h2{

    font-size:2.5rem;

}

.team-section h2{

    font-size:2.3rem;

}

.team-grid{

    grid-template-columns:1fr;

}

.team-card img{

    height:300px;

}

.section-heading h2{

    font-size:2.5rem;

}

.purpose-grid{

    grid-template-columns:1fr;

}

.purpose-card{

    padding:35px;

}
/* MOBILE */


.contact-section{

    grid-template-columns:1fr;

}

.form-row{

    grid-template-columns:1fr;

}

.contact-hero h1{

    font-size:2.8rem;

}
/* IMPACT */
.impact-stats{ 
    padding:80px 20px;
 }
.impact-grid{
    grid-template-columns:1fr; 
    gap:20px; 
} 
.impact-header{
    margin-bottom:50px; 
} 
.impact-header h2{
    font-size:38px; 
} 
.impact-header p{
    font-size:16px;
} 
.impact-card{
    padding:40px 25px; 
} 
.impact-card h3{
    font-size:42px; 
} 
.impact-card p{
    font-size:16px; 
}

    .community-impact{
        padding:80px 20px;
    }

    .impact-header h2{
        font-size:42px;
    }

    .impact-header p{
        font-size:16px;
    }

    .impact-track img{
        width:280px;
        height:220px;
    }

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

    .story-card p{
        font-size:18px;
    }

    .slider-btn{
        width:45px;
        height:45px;
    }

    .future-section{
        padding:80px 20px;
    }

    .future-content h2{
        font-size:36px;
    }

    .future-intro{
        font-size:20px;
    }

    .future-content p{
        font-size:16px;
    }

    .future-grid{
        grid-template-columns:1fr;
        gap:20px;
    }
/* ==========================
MOBILE RESPONSIVE CART
========================== */
.cart-hero{

    padding:20px 15px;

}

.cart-hero h1{

    font-size:2.2rem;

}

.cart-layout{

    display:flex;

    flex-direction:column;

    gap:20px;

    padding:0 15px;

}

.cart-products{

    width:100%;

}

.cart-summary{

    width:100%;

    position:static;

    order:-1;

}

.cart-item{

    display:flex;

    flex-direction:column;

    gap:15px;

    padding:18px;

    border-radius:22px;

}

.cart-item img{

    width:100px;

    height:100px;

    border-radius:18px;

    object-fit:cover;

}

.cart-info{

    width:100%;

}

.cart-info h3{

    font-size:2rem;

    line-height:1.2;

}

.product-subtitle{

    font-size:1rem;

    margin-top:6px;

}

.product-meta{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

    margin-top:10px;

}

.size-text{

    font-size:15px;

}

.stock-tag{

    font-size:14px;

    padding:6px 12px;

}

.cart-right{

    width:100%;

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:10px;

}

.item-price{

    font-size:2rem;

    font-weight:700;

}

.quantity-controls{

    display:flex;

    align-items:center;

    gap:12px;

}

.quantity-controls button{

    width:42px;

    height:42px;

    border-radius:12px;

}

.quantity-controls span{

    font-size:1.2rem;

    font-weight:600;

}

.checkout-btn{

    width:100%;

}

.recommend-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:15px;

}
    .cart-summary{

        position:sticky;
        bottom:0;
        z-index:100;
        background:#fff;

    }

}