/* Responsive layout for ProLimp */

@media (min-width:769px){
    .story{min-height:400px;display:flex;align-items:stretch}
    .story-content{width:48%;padding:72px 6%;display:flex;flex-direction:column;justify-content:center}
    .story-image{width:58%;height:100%;background-position:center right}
    .story-image-overlay{background:linear-gradient(90deg,rgba(12,12,12,.95) 0%,rgba(12,12,12,.25) 42%,rgba(12,12,12,0) 75%)}
}

@media (max-width:1200px){
    .hero-content{gap:40px}.hero-left h1{font-size:3.2rem}
    .products-grid{grid-template-columns:repeat(2,1fr)}
    .categories-grid{grid-template-columns:repeat(3,1fr)}
    .testimonialSlider{max-width:94%;margin-inline:auto}
    .products-page-header{padding-inline:5%}
    .products-section{padding-inline:5%}
    .product-page-section{padding:64px 4%}
    .product-detail-panel{width:100%;max-width:1100px}
    .cart-drawer{max-width:100vw}
}

@media (max-width:1150px){
    .header{height:90px}
    .header-container{width:calc(100% - 32px);gap:16px}
    .header-container .logo{width:clamp(130px,22vw,180px);height:auto;flex:0 1 auto;overflow:hidden}
    .header-container .logo img{width:100%;height:auto;max-height:58px;object-fit:contain;transform:none}
    .nav{position:fixed;top:90px;left:0;width:100%;height:calc(100vh - 90px);padding:40px;background:var(--black);flex-direction:column;gap:25px;transform:translateX(100%);transition:transform .35s ease;overflow-y:auto}
    .nav.open{transform:translateX(0) !important;left:0 !important;right:0 !important}
    .nav-link{font-size:13px}
    .menu-toggle{display:block;flex-shrink:0}
    .header-actions{margin-left:auto;flex-shrink:0}
    .auth-actions{flex-shrink:0}
        .header-actions{display:flex;gap:12px;margin-left:auto}
    .hero{min-height:760px;padding:140px 0 80px}
    .heroSlider,.swiper-slide,.hero-content{height:760px;min-height:760px}
    .hero-content{grid-template-columns:1fr;text-align:center;gap:34px}
    .hero-left p{margin-inline:auto}.hero-buttons{justify-content:center}
    .hero-right{order:-1}.hero-right img{max-width:420px}
    .why-grid{grid-template-columns:repeat(2,1fr)}
    .promo-content{grid-template-columns:1fr;text-align:center}
    .categories-grid{grid-template-columns:repeat(2,1fr)}
    .cart-page-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:22px}
    .cart-page-items{padding:22px}
    .cart-page-item.cart-item{grid-template-columns:86px minmax(0,1fr);gap:14px}
    .cart-page-item .cart-item-image{width:86px;height:86px}
    .cart-page-item .cart-item-top h4{font-size:19px}
    .cart-page-item .cart-item-controls{justify-content:flex-start}
    .summary-card .btn-primary{min-width:0;width:100%;padding-inline:14px}
}

/* Only the tablet range receives the special 768px logo correction. */
@media (min-width:600px) and (max-width:768px){
    .header{height:70px}
    .header-container{height:70px}
    .header-container .logo{width:170px;height:58px;display:flex;align-items:center}
    .header-container .logo img{
        width:100%;
        height:58px;
        max-height:58px;
        object-fit:contain;
    }
    .nav{top:70px;height:calc(100vh - 70px)}
}

@media (max-width:768px){
    .hero{min-height:720px;height:auto;padding:95px 0 40px;margin-bottom:180px;overflow:visible}
    .heroSlider,.swiper-slide,.hero-content{height:720px;min-height:720px}
    .hero-content{gap:18px;padding:45px 0 145px}
    .slide-one .hero-left,.slide-one .hero-right{top:-20px}
    .hero-left h1{font-size:2.3rem}.hero-left p{font-size:1rem;line-height:1.6}
    .hero-buttons{flex-direction:column;align-items:center}
    .btn-primary,.btn-secondary{width:auto;min-width:160px;text-align:center}
    .hero-right img{max-width:300px}
    .slide-two .hero-right img{width:128%;max-width:430px}
    .slide-one .hero-right img{left:-28px;width:122%;max-width:410px}
    .slide-three .hero-right img{width:124%;max-width:410px}
    .swiper-button-next,.swiper-button-prev{display:flex;width:42px;height:42px}
    .swiper-button-next{right:10px}.swiper-button-prev{left:10px}
    .swiper-button-next::after,.swiper-button-prev::after{font-size:16px}
    .hero-stats{bottom:-160px;width:calc(100% - 32px);gap:8px}
    .stat-card{min-width:0;flex:1;padding:12px 8px;gap:6px;border-radius:14px}
    .stat-card i{font-size:20px}.stat-card h3{font-size:20px}.stat-card p{font-size:10px;line-height:1.15}
    .features .container,.products-grid,.categories-grid,.testimonial-grid{grid-template-columns:1fr}
    .promo-content{padding:40px 25px}.promo-left h2{font-size:2rem}.why-content h2{font-size:2rem}
    .testimonialSlider{max-width:100%;padding-left:18px;padding-right:18px}
    .testimonialSlider .swiper-slide{width:100% !important;}
    .testimonial-prev{left:-2px}.testimonial-next{right:-2px}
    .testimonials,.clients,.why-us,.categories,.products{padding:78px 0}
    .testimonials .section-title h2,.clients .section-title h2,.categories .section-title h2,.products .section-title h2{font-size:2rem;line-height:1.18}
    .testimonials .section-title p,.clients .section-title p,.categories .section-title p,.products .section-title p{font-size:.95rem;line-height:1.6}
    .testimonial-card{padding:25px 22px}.testimonial-card p{font-size:.92rem;line-height:1.65}
    .footer-contact{grid-template-columns:1fr;gap:18px;padding-bottom:20px}
    .footer-help,.footer-item{justify-content:center;text-align:left}.footer-social{margin-top:4px}
    .why-grid{grid-template-columns:1fr}

    .story{min-height:540px;display:flex;flex-direction:column;position:relative}
    .story-image{position:absolute;inset:0;width:100%;height:100%;opacity:.42;background-position:center}
    .story-content{width:100%;min-height:540px;padding:72px 24px 64px;display:flex;flex-direction:column;justify-content:center}
    .story-content h2{font-size:38px}

    .cart-page-section{
        padding:64px 24px 80px;
        overflow-x:hidden;
    }

    #cartPage,
    .cart-page-layout{
        width:100%;
        @media (max-width:1150px){
        min-width:0;
    }

    .cart-page-layout{
        display:grid;
        grid-template-columns:minmax(0,1fr);
        gap:28px;
    }

    .cart-page-items,
    .cart-page-summary,
    .summary-card{
        min-width:0;
        max-width:100%;
    }

    .cart-page-items{padding:20px}
    .cart-page-item.cart-item{grid-template-columns:76px minmax(0,1fr);gap:12px}
    .cart-page-item .cart-item-image{width:76px;height:76px}
    .cart-page-item .cart-item-top h4{font-size:18px}
    .cart-page-item .cart-item-controls{justify-content:flex-start}
    .summary-card{padding:22px}
    .empty-state-page{padding:52px 22px}
    .empty-state-page h2{font-size:30px}
}

@media (max-width:599px){
    .header{height:64px}.header-container{height:64px;width:calc(100% - 24px);gap:10px}.header-container .logo{width:clamp(118px,42vw,145px);height:56px;flex:0 1 auto}.header-container .logo img{width:100%;height:56px;max-height:56px}
    .nav{top:64px;height:calc(100vh - 64px);padding:32px 24px;gap:22px}
    .top-bar{height:auto;min-height:38px}
    .header .top-content{width:100%;height:auto;min-height:38px;padding:7px 0;flex-direction:column;gap:4px}
    .header .top-left,.header .top-right{width:100%;justify-content:center;gap:10px}
    .top-left span,.top-right span{font-size:11px;line-height:1.2;white-space:nowrap}
    .hero-left h1{font-size:2rem}.hero-tag{font-size:.8rem;padding:10px 18px}
    .btn-primary,.btn-secondary{padding:16px}.product-card{padding:20px}.section-title{margin-bottom:40px}
    .stat-card p{display:none}.stat-card h3{font-size:17px}
    .story{min-height:500px}
    .story-content{min-height:500px;padding:60px 24px}
    .story-content h2{font-size:34px}

    .cart-drawer{
        width:100vw;
        max-width:100vw;
        right:0;
        overflow-x:hidden;
    }

    .cart-header,
    .cart-items,
    .cart-summary{
        min-width:0;
        max-width:100%;
        box-sizing:border-box;
    }

    .cart-header{padding:18px 16px 14px}
    .cart-items{padding:14px 16px 0;overflow-x:hidden}
    .cart-summary{padding:16px}
    .cart-item{grid-template-columns:64px minmax(0,1fr);gap:10px}
    .cart-item-image{width:64px;height:64px}
    .cart-item-content{min-width:0}
    .cart-item-top h4{font-size:17px;overflow-wrap:anywhere}
    .cart-item-controls{min-width:0;gap:8px}
    .cart-item-controls strong{font-size:14px;white-space:nowrap}

    .cart-page-section{
        padding:56px 16px 72px;
    }

    #cartPage{width:100%;max-width:100%;min-width:0}

    .cart-page-layout{
        width:100%;
        max-width:100%;
        min-width:0;
        display:grid;
        gap:24px;
    }

    .cart-page-items,
    .cart-page-summary,
    .summary-card{
        min-width:0;
        max-width:100%;
    }

    .cart-page-items,
    .summary-card{
        padding:20px;
        background:var(--white);
        border:1px solid rgba(201,151,50,0.22);
    }

    .cart-page-heading{margin-bottom:28px}
    .cart-page-heading h2{font-size:2rem}
    .cart-page-item{width:100%}
}