/* ================================================================
   LUXWAVE PRO — responsive.css
   Breakpoints: 1280 / 1024 / 768 / 640 / 480
================================================================ */

/* ── 1280px ── */
@media (max-width:1280px){
    :root{--lux-container:1100px}
    .lux-hero-title{font-size:clamp(2.4rem,5vw,4rem)}
    .lux-product-grid{grid-template-columns:repeat(3,1fr)}
    .lux-footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:28px}
}

/* ── 1024px ── */
@media (max-width:1024px){
    :root{--lux-container:100%;--lux-header-h:72px}
    .lux-section{padding:70px 0}

    /* Nav → hide, show hamburger */
    .lux-nav{display:none}
    .lux-menu-toggle{display:grid}
    .lux-header-cta.hide-mobile{display:none}

    /* Hero */
    .lux-hero-inner{grid-template-columns:1fr;text-align:center}
    .lux-hero-visual{display:none}
    .lux-hero-content{align-items:center;display:flex;flex-direction:column}
    .lux-hero-trust{align-items:center}
    .lux-hero-sub{max-width:560px}

    /* Solutions */
    .lux-solutions-grid{grid-template-columns:repeat(2,1fr)}

    /* Products */
    .lux-product-grid{grid-template-columns:repeat(3,1fr)}

    /* Process */
    .lux-process-track{grid-template-columns:repeat(3,1fr);row-gap:24px}
    .lux-process-track::before{display:none}

    /* Projects */
    .lux-project-grid{grid-template-columns:repeat(2,1fr)}
    .lux-project-featured{grid-column:1/-1}

    /* FAQ */
    .lux-faq-layout{grid-template-columns:1fr}
    .lux-faq-left{position:static}

    /* Footer */
    .lux-footer-grid{grid-template-columns:1fr 1fr;gap:28px}
    .lux-footer-about{grid-column:1/-1}

    /* CTA strip */
    .lux-cta-strip-inner{flex-direction:column;text-align:center}
    .lux-cta-strip-copy{justify-content:center}
    .lux-cta-strip-actions{justify-content:center}

    /* Archive layout */
    .lux-archive-layout{grid-template-columns:1fr}
    .lux-filter-sidebar{position:static}

    /* Product single */
    .lux-product-layout{grid-template-columns:1fr}
    .lux-product-gallery{position:static}

    /* Article */
    .lux-article-layout{grid-template-columns:1fr}
    .lux-sidebar{display:none}
}

/* ── 768px ── */
@media (max-width:768px){
    .lux-topbar{display:none}
    .lux-header.is-scrolled{height:64px}

    .lux-hero{padding:80px 0 50px}
    .lux-hero-title{font-size:clamp(2rem,8vw,3.2rem)}
    .lux-hero-actions{flex-direction:column;align-items:stretch}
    .lux-hero-actions .lux-btn{justify-content:center}

    .lux-stats-grid{grid-template-columns:repeat(2,1fr);gap:0}
    .lux-stat-item{border-right:none;border-bottom:1px solid var(--lux-border);padding:20px}
    .lux-stat-item:nth-child(odd){border-right:1px solid var(--lux-border)}
    .lux-stat-item:nth-last-child(-n+2){border-bottom:none}

    .lux-solutions-grid{grid-template-columns:repeat(2,1fr);gap:14px}

    .lux-product-grid{grid-template-columns:repeat(2,1fr);gap:14px}

    .lux-filter-tabs{gap:6px}
    .lux-filter-tab{padding:6px 14px;font-size:.78rem}

    .lux-process-track{grid-template-columns:1fr 1fr}

    .lux-project-grid{grid-template-columns:1fr;gap:12px}
    .lux-project-featured{grid-column:1}

    .lux-blog-grid{grid-template-columns:1fr}

    .lux-testimonial-item{padding:28px}
    blockquote p{font-size:1rem}

    .lux-footer-grid{grid-template-columns:1fr}
    .lux-footer-about{grid-column:1}

    .lux-footer-bottom{flex-direction:column;text-align:center}

    .lux-page-title{font-size:clamp(1.6rem,5vw,2.5rem)}

    .lux-trust-grid{grid-template-columns:1fr}

    .lux-section-title{font-size:clamp(1.5rem,5vw,2.4rem)}

    .lux-modal-box{padding:24px;margin:8px}
    .lux-form-row{grid-template-columns:1fr}

    .lux-float{right:12px;bottom:16px}
    .lux-float-btn{width:46px;height:46px}
    .lux-float-label{display:none}
}

/* ── 640px ── */
@media (max-width:640px){
    .hide-mobile{display:none!important}

    .lux-section{padding:56px 0}
    .lux-container{padding:0 16px}

    .lux-hero-title{font-size:clamp(1.8rem,7vw,2.8rem)}

    .lux-solutions-grid{grid-template-columns:1fr}

    .lux-product-grid{grid-template-columns:1fr}

    .lux-process-track{grid-template-columns:1fr}

    .lux-testimonial-item{padding:20px}

    .lux-filter-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:4px}
    .lux-filter-tab{flex-shrink:0}

    .lux-section-head{margin-bottom:32px}
    .lux-section-title{font-size:clamp(1.4rem,6vw,2rem)}

    .lux-cta-strip{padding:36px 0}
    .lux-cta-strip-copy{flex-direction:column;text-align:center;gap:12px}
    .lux-cta-strip-copy svg{display:none}
    .lux-cta-strip-actions{flex-direction:column;align-items:stretch}
    .lux-cta-strip-actions .lux-btn{justify-content:center}

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

    .lux-drawer{width:100%;border-left:none;border-top:1px solid var(--lux-border)}
    .lux-drawer.is-open{transform:translateY(0)}
    .lux-drawer{top:auto;transform:translateY(100%);border-radius:var(--lux-radius-lg) var(--lux-radius-lg) 0 0}

    .lux-brand-item{padding:16px 24px;min-width:130px}
}

/* ── 480px ── */
@media (max-width:480px){
    .lux-hero{padding:70px 0 40px}
    .lux-hero-title{font-size:clamp(1.6rem,8vw,2.2rem)}
    .lux-hero-trust{display:none}

    .lux-stats-grid{grid-template-columns:1fr 1fr}
    .lux-stat-num{font-size:2.2rem}

    .lux-product-grid{grid-template-columns:1fr 1fr}

    .lux-modal-box{padding:20px;max-height:95vh}

    .lux-btn-lg{padding:13px 22px;font-size:.92rem}

    .lux-project-meta-strip{grid-template-columns:1fr 1fr}
}

/* ── print ── */
@media print{
    .lux-header,.lux-topbar,.lux-footer,.lux-float,.lux-modal,
    .lux-cta-strip,.lux-scroll-hint,.lux-hero-ambient,.lux-hero-grid{display:none!important}
    body{background:#fff;color:#000}
    .lux-section{padding:20px 0}
}

/* ── Dark mode (already dark-first, ensure readability) ── */
@media (prefers-color-scheme:light){
    /* site is dark-first, no forced override */
}

/* ── Reduced motion ── */
@media (prefers-reduced-motion:reduce){
    *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
    .lux-brands-inner{animation:none}
    [data-reveal]{opacity:1;transform:none}
}