/* KYREY MOBILE FIX v3 */

html, body {
    overflow-x: hidden;
}

@media (max-width: 768px) {
    
    .t-Body-nav {
        background: linear-gradient(180deg, #100308 0%, #050102 100%) !important;
    }
    
    .t-Button--header.t-Button--headerTree {
        background-color: rgba(212, 175, 55, 0.10) !important;
        border-color: rgba(212, 175, 55, 0.30) !important;
    }
    
    .t-Button--header.t-Button--headerTree .t-Icon {
        color: #d4af37 !important;
    }
    
    .kdash2-stage {
        padding: 8px 12px 60px !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }
    
    .kdash2-hero {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        padding: 28px 20px !important;
        min-height: auto !important;
        overflow: hidden !important;
        border-radius: 20px !important;
    }
    
    .kdash2-greeting {
        font-size: 2rem !important;
        line-height: 1.15 !important;
    }
    
    .kdash2-cta-row {
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
    }
    
    .kdash2-btn-primary,
    .kdash2-btn-ghost {
        width: 100% !important;
        justify-content: center !important;
    }
    
    .kdash2-meta-row {
        flex-wrap: wrap !important;
        gap: 12px !important;
    }
    
    .kdash2-meta-item {
        flex: 1 1 calc(50% - 6px) !important;
        min-width: 0 !important;
    }
    
    .kdash2-phone-wrap,
    .kdash2-phone {
        transform: none !important;
        max-width: 280px !important;
        margin: 0 auto !important;
    }
    
    [class*="kdash2-float"] {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
        margin: 8px 0 !important;
        max-width: 100% !important;
    }
    
    [class*="kpi-grid"],
    .kdash2-kpis {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
    
    .kdash2-stage [class*="card"] {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 380px) {
    .kdash2-greeting { font-size: 1.7rem !important; }
    .kdash2-hero { padding: 24px 16px !important; }
    [class*="kpi-grid"], .kdash2-kpis { grid-template-columns: 1fr !important; }
}