/* ==========================================
   RESPONSIVE STYLES
   ATGLANCE MANNEQUINS
========================================== */

/* ==========================================
   1200px
========================================== */

@media (max-width:1200px){

    .products-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .category-grid{
        grid-template-columns:repeat(3,1fr);
    }

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

    .footer-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

/* ==========================================
   992px
========================================== */

@media (max-width:992px){

    .section{
        padding:80px 0;
    }

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

    .hero p{
        font-size:18px;
    }

    .products-grid{
        grid-template-columns:repeat(2,1fr);
    }

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

    .about-grid{
        grid-template-columns:1fr;
        gap:40px;
    }

    .contact-grid{
        grid-template-columns:1fr;
        gap:40px;
    }

    .checkout-wrapper{
        grid-template-columns:1fr;
        overflow-y:auto;
        max-height:95vh;
    }

    .checkout-left{
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,.08);
    }

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

    .bulk-order form{
        grid-template-columns:repeat(2,1fr);
    }

    .quick-view-grid{
        grid-template-columns:1fr;
    }

}

/* ==========================================
   768px
========================================== */

@media (max-width:768px){

    .hamburger{
    display:flex;
    }

    .nav-menu{
        position:fixed;
        top:90px;
        left:-100%;
        width:100%;
        background:#111;
        flex-direction:column;
        gap:0;
        transition:.3s ease;
        border-top:1px solid rgba(255,255,255,.08);
    }

    .nav-menu.active{
        left:0;
    }

    .nav-menu a{
        padding:18px 20px;
        border-bottom:1px solid rgba(255,255,255,.08);
    }

    .hero{
        text-align:center;
    }

    .hero-content{
        max-width:100%;
    }

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

    .hero-buttons{
        justify-content:center;
        flex-wrap:wrap;
    }

    .search-expand.active{
        width:300px;
    }

    .products-grid{
        grid-template-columns:repeat(2,1fr);
        gap:20px;
    }

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

    .trust-grid{
        grid-template-columns:repeat(2,1fr);
    }

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

    .footer-grid{
        grid-template-columns:1fr;
        text-align:center;
    }

    .cart-sidebar{
        width:100%;
    }

    .bulk-order form{
        grid-template-columns:1fr;
    }

    .shop-controls{
        flex-direction:column;
        align-items:stretch;
    }

    .shop-tools{
        flex-direction:column;
    }

    .contact-info h2,
    .about-text h2{
        font-size:40px;
    }

    .section-heading h2{
        font-size:40px;
    }

    .nav-icons .wishlist-icon,
    .nav-icons .cart-icon,
    .nav-icons .search-toggle{

    display:none;

}

}

/* ==========================================
   576px
========================================== */

@media (max-width:576px){

    body{
        font-size:15px;
    }

    .navbar{
        padding:10px 0;
    }

    .logo-box{
        width:50px;
        height:50px;
    }

    .logo-text h2{
        font-size:22px;
    }

    .hero{
        min-height:90vh;
    }

    .hero h1{
        font-size:38px;
        line-height:1.2;
    }

    .hero p{
        font-size:16px;
    }

    .btn{
        width:100%;
        min-height:48px;
    }

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

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

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

    .trust-grid{
        grid-template-columns:1fr;
        gap:15px;
    }

    .section-heading h2{
        font-size:34px;
    }

    .about-text h2{
        font-size:34px;
    }

    .contact-info h2{
        font-size:34px;
    }

    .bulk-order h2{
        font-size:36px;
    }

    .search-expand.active{
        width:260px;
    }

    .modal-content{
        width:95%;
    }

    .quick-view-content{
        padding:25px;
    }

    .checkout-left,
    .checkout-right{
        padding:25px;
    }

    .product-image img{
        height:360px;
    }

    .filter-buttons{
        overflow-x:auto;
        flex-wrap:nowrap;
        padding-bottom:10px;
    }

    .filter-buttons::-webkit-scrollbar{
        height:4px;
    }

}

/* ==========================================
   375px
========================================== */

@media (max-width:375px){

    .container{
        width:calc(100% - 24px);
    }

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

    .hero p{
        font-size:14px;
    }

    .logo-text h2{
        font-size:18px;
    }

    .logo-text span{
        font-size:10px;
    }

    .section-heading h2{
        font-size:28px;
    }

    .about-text h2,
    .contact-info h2{
        font-size:28px;
    }

    .bulk-order h2{
        font-size:28px;
    }

    .search-expand.active{
        width:220px;
    }

    .icon-btn{
        width:44px;
        height:44px;
    }

    .product-info{
        padding:15px;
    }

    .product-title{
        font-size:18px;
    }

    .product-price{
        font-size:22px;
    }

    .cart-header h3{
        font-size:18px;
    }

}

/* ==========================================
   TOUCH FRIENDLY
========================================== */

@media (hover:none){

    .btn,
    .icon-btn,
    .filter-btn,
    .add-cart-btn,
    .wishlist-btn,
    .quick-view-btn{

        min-height:44px;

    }

}



@media (max-width:992px){

    .category-grid{
        grid-template-columns:repeat(3,1fr);
    }

}

@media (max-width:768px){

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

    .category-card{
        min-height:80px;
    }

}

@media (max-width:576px){

    .products-grid{
        grid-template-columns:repeat(2,1fr);
        gap:10px;
    }

}

    .category-card{
        min-height:70px;
    }

    .category-content h3{
        font-size:15px;
    }



/* ==========================================
   ENQUIRY MOBILE FIX
========================================== */

@media screen and (max-width:768px){

    .enquiry-wrapper{

        display:flex !important;

        flex-direction:column !important;

        width:100% !important;

        gap:20px !important;

    }

    .enquiry-content{

        width:100% !important;

        text-align:center;

    }

    #enquiryForm{

        width:100% !important;

    }

    #enquiryForm input,
    #enquiryForm textarea,
    #enquiryForm button{

        width:100% !important;

        max-width:100% !important;

        box-sizing:border-box;

    }

}



@media(max-width:768px){

    .logo img{

        max-width:140px;

        height:auto;

    }

}
@media (max-width:768px){

    .navbar{

        padding:12px 15px;
    }

    .nav-icons{
        gap:10px;
    }

    .hamburger{
        margin-left:4px;
        flex-shrink:0;
    }

}

@media (max-width:768px){

    .logo{

        gap:8px;
    }

    .logo-box{

        width:55px;
        height:55px;
    }

    .logo-text h2{

        font-size:16px;
    }

    .logo-text span{

        font-size:8px;
        letter-spacing:2px;
    }

}


@media (max-width:768px){

    .nav-menu{
        display:none;
    }

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

}


@media(max-width:992px){

    .nav-menu{
        display:none;
    }
    .nav-menu{

    display:none;

}

.hamburger{

    display:flex;

}

}

@media(min-width:993px){

    .hamburger{
        display:none;
    }


}


@media(max-width:768px){

    .product-item{

        grid-template-columns:1fr;

    }

    .product-item button{

        height:50px;

    }

}