/* ==========================================================================
   SKYTRIX GLOBAL — DEDICATED MOBILE-ONLY REDESIGN STYLESHEET
   Strictly scoped to mobile devices (max-width: 767px).
   DESKTOP (> 768px) REMAINS 100% UNTOUCHED AND PRESERVED.
   ========================================================================== */

@media (max-width: 767px) {

    /* --------------------------------------------------------------------------
       1. UNIVERSAL MOBILE GUARDS & SAFE AREAS
       -------------------------------------------------------------------------- */
    html, body {
        overflow-x: clip !important;
        width: 100% !important;
        max-width: 100vw !important;
        -webkit-overflow-scrolling: touch;
    }

    /* Lock body scroll when mobile navigation is open */
    body.menu-open {
        overflow: hidden !important;
        touch-action: none !important;
    }

    /* Universal padding & spacing scale for mobile */
    section {
        padding: 56px 16px 48px !important;
        max-width: 100% !important;
        overflow-x: clip !important;
    }

    .container,
    .grid-container,
    .glass-panel,
    .section-header {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Prevent awkward word-breaks across all mobile text */
    h1, h2, h3, h4, h5, h6,
    .section-title,
    .hero h1,
    p, span {
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
        -webkit-hyphens: none !important;
    }

    /* Remove stray pseudo-elements causing white artifacts on headings */
    .section-title::before,
    .section-title::after,
    .section-header::before,
    .section-header::after,
    .glowing-underline::before,
    .glowing-underline::after {
        display: none !important;
    }

    /* Responsive Section Headings */
    .section-header {
        margin: 0 auto 36px auto !important;
        text-align: center !important;
        padding: 0 4px !important;
    }

    .section-subtitle {
        font-size: 0.74rem !important;
        letter-spacing: 0.14em !important;
        margin-bottom: 10px !important;
        display: inline-block !important;
    }

    .section-title {
        font-size: clamp(1.45rem, 6vw, 1.95rem) !important;
        line-height: 1.25 !important;
        margin-bottom: 14px !important;
        font-weight: 800 !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        white-space: normal !important;
        text-wrap: balance !important;
    }

    .industries-section .section-title,
    .our-identity-sec .section-title {
        font-size: clamp(1.4rem, 5.8vw, 1.85rem) !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        text-wrap: balance !important;
    }

    .section-desc {
        font-size: 0.88rem !important;
        line-height: 1.55 !important;
        color: var(--text-muted) !important;
        padding: 0 6px !important;
    }

    /* --------------------------------------------------------------------------
       2. MOBILE HEADER & NAVIGATION
       -------------------------------------------------------------------------- */
    header#navbar {
        height: 64px !important;
        padding: 0 16px !important;
        top: 0 !important;
    }

    header#navbar .navbar-container {
        height: 52px !important;
        margin: 6px auto !important;
        padding: 0 12px !important;
        border-radius: 14px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        max-width: 100% !important;
        background: rgba(8, 12, 24, 0.88) !important;
        backdrop-filter: blur(20px) !important;
        -webkit-backdrop-filter: blur(20px) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
    }

    /* Hide desktop nav elements on mobile */
    header#navbar .nav-pills,
    header#navbar .header-actions {
        display: none !important;
    }

    /* Hamburger Menu Button */
    .sm-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 44px !important;
        min-height: 44px !important;
        padding: 6px 12px !important;
        background: rgba(255, 255, 255, 0.04) !important;
        border: 1px solid rgba(0, 245, 255, 0.25) !important;
        border-radius: 10px !important;
        cursor: pointer !important;
        touch-action: manipulation !important;
    }

    .sm-toggle:active {
        transform: scale(0.95) !important;
    }

    /* Mobile Drawer Aside Panel */
    .staggered-menu-panel {
        width: 100% !important;
        max-width: 100% !important;
        height: 100vh !important;
        height: 100dvh !important;
        background: #040711 !important;
        padding: 0 !important;
        z-index: 99999 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .sm-panel-inner {
        padding: calc(env(safe-area-inset-top, 16px) + 16px) 20px calc(env(safe-area-inset-bottom, 20px) + 24px) 20px !important;
        display: flex !important;
        flex-direction: column !important;
        min-height: 100% !important;
    }

    .sm-panel-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        margin-bottom: 28px !important;
        padding-bottom: 16px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    }

    .sm-panel-back-btn,
    .sm-panel-close-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 44px !important;
        min-height: 44px !important;
        padding: 8px 14px !important;
        background: rgba(255, 255, 255, 0.04) !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        border-radius: 10px !important;
        color: #fff !important;
        font-family: var(--font-tech, 'Courier New', monospace) !important;
        font-size: 0.8rem !important;
        cursor: pointer !important;
    }

    .sm-panel-close-btn {
        font-size: 1.1rem !important;
        color: #00f5ff !important;
        border-color: rgba(0, 245, 255, 0.3) !important;
    }

    .sm-panel-list {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        margin-bottom: 28px !important;
    }

    .sm-panel-item {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 50px !important;
        padding: 10px 14px !important;
        font-size: 1.2rem !important;
        font-weight: 700 !important;
        color: #e2e8f0 !important;
        text-decoration: none !important;
        border-radius: 10px !important;
        background: rgba(255, 255, 255, 0.02) !important;
        border: 1px solid transparent !important;
        transition: all 0.2s ease !important;
    }

    .sm-panel-item:hover,
    .sm-panel-item:active {
        background: rgba(0, 245, 255, 0.08) !important;
        border-color: rgba(0, 245, 255, 0.25) !important;
        color: #00f5ff !important;
    }

    .sm-panel-number {
        font-size: 0.75rem !important;
        color: #00f5ff !important;
        font-family: var(--font-mono, monospace) !important;
    }

    /* Submenus in Drawer */
    .sm-submenu-list {
        padding-left: 14px !important;
        margin: 6px 0 10px !important;
        display: none !important;
        flex-direction: column !important;
        gap: 6px !important;
        border-left: 2px solid rgba(0, 245, 255, 0.3) !important;
    }

    .sm-submenu-list.active {
        display: flex !important;
    }

    .sm-submenu-list a {
        min-height: 40px !important;
        display: flex !important;
        align-items: center !important;
        padding: 6px 12px !important;
        font-size: 0.88rem !important;
        color: #94a3b8 !important;
        text-decoration: none !important;
    }

    .submenu-toggle-btn {
        min-width: 44px !important;
        min-height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        border: none !important;
        color: #00f5ff !important;
        cursor: pointer !important;
    }

    /* --------------------------------------------------------------------------
       3. MOBILE HERO SECTION
       -------------------------------------------------------------------------- */
    section.hero {
        padding: 86px 16px 44px !important;
        min-height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    .hero-grid {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 24px !important;
    }

    .hero-content {
        max-width: 100% !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .hero-badge {
        font-size: 0.72rem !important;
        padding: 6px 14px !important;
        margin-bottom: 16px !important;
        border-radius: 999px !important;
        letter-spacing: 0.08em !important;
        max-width: 90% !important;
    }

    .hero h1 {
        font-size: clamp(2rem, 8.2vw, 2.65rem) !important;
        line-height: 1.18 !important;
        margin-bottom: 12px !important;
        text-align: center !important;
        font-weight: 800 !important;
    }

    .hero h1 br {
        display: inline !important;
    }

    .hero-tagline {
        font-size: 0.95rem !important;
        margin-bottom: 14px !important;
        color: #38bdf8 !important;
        font-weight: 600 !important;
    }

    .hero-desc {
        font-size: 0.88rem !important;
        line-height: 1.6 !important;
        color: #94a3b8 !important;
        margin-bottom: 22px !important;
        max-width: 100% !important;
        padding: 0 4px !important;
    }

    /* Trust Checkmarks Pill Grid */
    .hero-trust-points {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
        width: 100% !important;
        margin-bottom: 26px !important;
    }

    .hero-trust-points span {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        padding: 8px 10px !important;
        background: rgba(255, 255, 255, 0.03) !important;
        border: 1px solid rgba(255, 255, 255, 0.06) !important;
        border-radius: 8px !important;
        font-size: 0.72rem !important;
        letter-spacing: 0.03em !important;
        color: #cbd5e1 !important;
    }

    /* Hero CTA Buttons */
    .hero-buttons {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
    }

    .hero-buttons .cta-button {
        width: 100% !important;
        min-height: 48px !important;
        height: 50px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 0.88rem !important;
        letter-spacing: 0.06em !important;
        border-radius: 12px !important;
    }

    /* Hero Dot Grid / Canvas guard */
    .hero-dot-grid-container {
        pointer-events: none !important;
        opacity: 0.45 !important;
    }

    /* --------------------------------------------------------------------------
       4. MOBILE STATS COUNTER SECTION
       -------------------------------------------------------------------------- */
    .stats-section,
    .command-stats-grid,
    .hero-stats-row {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        width: 100% !important;
        margin: 24px auto 0 !important;
    }

    .stat-card,
    .command-stat-box {
        padding: 18px 12px !important;
        text-align: center !important;
        border-radius: 14px !important;
    }

    .stat-number,
    .stat-value {
        font-size: 1.75rem !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
        margin-bottom: 6px !important;
    }

    .stat-label {
        font-size: 0.72rem !important;
        letter-spacing: 0.06em !important;
        line-height: 1.35 !important;
    }

    /* --------------------------------------------------------------------------
       5. MOBILE SERVICES SECTION & CAROUSEL
       -------------------------------------------------------------------------- */
    .services-categories-tabs,
    .services-nav-tabs {
        display: flex !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        gap: 8px !important;
        padding-bottom: 12px !important;
        margin-bottom: 24px !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    .services-categories-tabs::-webkit-scrollbar,
    .services-nav-tabs::-webkit-scrollbar {
        display: none !important;
    }

    .services-tab-btn {
        min-height: 42px !important;
        padding: 8px 16px !important;
        font-size: 0.76rem !important;
        border-radius: 10px !important;
        flex-shrink: 0 !important;
    }

    .services-grid {
        display: flex !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        gap: 16px !important;
        padding-bottom: 16px !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .service-card {
        flex: 0 0 calc(100vw - 44px) !important;
        max-width: 360px !important;
        scroll-snap-align: center !important;
        padding: 24px 18px !important;
        border-radius: 18px !important;
        box-sizing: border-box !important;
    }

    .service-card-title {
        font-size: 1.15rem !important;
        margin-bottom: 10px !important;
    }

    .service-card-desc {
        font-size: 0.84rem !important;
        line-height: 1.55 !important;
        margin-bottom: 16px !important;
    }

    .services-carousel-nav {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 18px !important;
        margin-top: 18px !important;
    }

    .services-nav-arrow {
        min-width: 44px !important;
        min-height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, 0.05) !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        color: #fff !important;
        cursor: pointer !important;
    }

    /* --------------------------------------------------------------------------
       6. MOBILE AI SOLUTIONS MATRIX & SHOWCASE
       -------------------------------------------------------------------------- */
    .solutions-showcase-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }

    .showcase-left-panel {
        max-height: 340px !important;
        overflow-y: auto !important;
        padding-right: 4px !important;
        border-radius: 16px !important;
    }

    .showcase-menu-item {
        min-height: 46px !important;
        padding: 10px 14px !important;
        font-size: 0.82rem !important;
        margin-bottom: 6px !important;
        border-radius: 10px !important;
    }

    .showcase-right-card {
        padding: 20px 16px !important;
        border-radius: 16px !important;
    }

    /* --------------------------------------------------------------------------
       7. MOBILE INDUSTRIES SECTION
       -------------------------------------------------------------------------- */
    .industries-tabs-container {
        margin-bottom: 24px !important;
        width: 100% !important;
        overflow-x: clip !important;
    }

    .industries-tabs {
        display: flex !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        gap: 8px !important;
        padding: 4px 2px 10px 2px !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    .industries-tabs::-webkit-scrollbar {
        display: none !important;
    }

    .industries-tab-btn {
        min-height: 42px !important;
        padding: 8px 16px !important;
        font-size: 0.76rem !important;
        border-radius: 10px !important;
        flex-shrink: 0 !important;
    }

    .industries-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
    }

    .industry-card {
        width: 100% !important;
        padding: 22px 18px !important;
        border-radius: 16px !important;
    }

    /* --------------------------------------------------------------------------
       8. MOBILE WORLD MAP (MAPLIBRE) & SCROLL SAFETY
       -------------------------------------------------------------------------- */
    #identity-real-map {
        height: 320px !important;
        max-height: 50vh !important;
        border-radius: 16px !important;
        touch-action: pan-y !important; /* Allow page scrolling over map canvas */
    }

    .maplibre-ctrl-bottom-right,
    .maplibre-ctrl-bottom-left {
        font-size: 9px !important;
        transform: scale(0.9) !important;
    }

    .map-hub-grid,
    .map-location-cards {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        margin-top: 18px !important;
    }

    .map-hub-card {
        padding: 16px !important;
        border-radius: 14px !important;
    }

    /* --------------------------------------------------------------------------
       9. MOBILE EXPANSION TIMELINE (OUR IDENTITY)
       -------------------------------------------------------------------------- */
    .our-identity-sec .timeline-track-wrapper {
        padding: 28px 14px 24px !important;
        margin: 24px 0 !important;
        border-radius: 18px !important;
    }

    .our-identity-sec .timeline-progress-bar-horizontal {
        display: none !important;
    }

    .our-identity-sec .timeline-horizontal-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 28px !important;
        position: relative !important;
        padding-left: 45px !important;
    }

    /* Vertical neon rail guide on left */
    .our-identity-sec .timeline-horizontal-grid::before {
        content: '' !important;
        position: absolute !important;
        top: 24px !important;
        bottom: 24px !important;
        left: 15px !important;
        width: 3px !important;
        background: linear-gradient(180deg, #00f5ff, #0070f3, #ff5b00, #a855f7) !important;
        box-shadow: 0 0 12px rgba(0, 245, 255, 0.6) !important;
        border-radius: 999px !important;
        z-index: 1 !important;
    }

    .our-identity-sec .timeline-col {
        position: relative !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Orb node centered on the vertical line (15px - 45px = -30px), completely outside card */
    .our-identity-sec .orb-node-container,
    .our-identity-sec .timeline-col.up .orb-node-container,
    .our-identity-sec .timeline-col.down .orb-node-container {
        position: absolute !important;
        left: -30px !important;
        top: 26px !important;
        bottom: auto !important;
        transform: translate(-50%, -50%) !important;
        margin: 0 !important;
        z-index: 4 !important;
        width: 26px !important;
        height: 26px !important;
    }

    .our-identity-sec .cyber-orb {
        width: 26px !important;
        height: 26px !important;
    }

    .our-identity-sec .timeline-connect-stem {
        display: none !important;
    }

    .our-identity-sec .timeline-glass-card {
        width: 100% !important;
        max-width: 100% !important;
        padding: 20px 16px 18px !important;
        border-radius: 16px !important;
        margin: 0 !important;
    }

    /* --------------------------------------------------------------------------
       10. MOBILE COMPARISON TABLE & FAQ
       -------------------------------------------------------------------------- */
    .comparison-table-wrapper {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        border-radius: 14px !important;
        padding-bottom: 8px !important;
    }

    .comp-expand-btn {
        min-height: 48px !important;
        padding: 10px 20px !important;
        font-size: 0.8rem !important;
        border-radius: 10px !important;
        margin: 18px auto 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .faq-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    .faq-item {
        border-radius: 14px !important;
        overflow: hidden !important;
    }

    .faq-trigger {
        min-height: 52px !important;
        padding: 14px 16px !important;
        font-size: 0.92rem !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        text-align: left !important;
        width: 100% !important;
        cursor: pointer !important;
    }

    .faq-trigger h3 {
        font-size: 0.92rem !important;
        line-height: 1.4 !important;
        margin: 0 !important;
    }

    .faq-panel {
        padding: 0 16px 16px !important;
        font-size: 0.85rem !important;
        line-height: 1.6 !important;
    }

    /* --------------------------------------------------------------------------
       11. MOBILE CONTACT FORM
       -------------------------------------------------------------------------- */
    .contact-grid,
    .contact-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important;
    }

    .contact-form-card,
    .contact-info-card {
        padding: 24px 18px !important;
        border-radius: 18px !important;
        width: 100% !important;
    }

    .form-group {
        margin-bottom: 16px !important;
    }

    .form-input,
    .form-select,
    .form-textarea {
        width: 100% !important;
        min-height: 48px !important;
        height: 50px !important;
        padding: 10px 14px !important;
        font-size: 0.92rem !important;
        border-radius: 10px !important;
        background: rgba(8, 12, 24, 0.85) !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        color: #fff !important;
        box-sizing: border-box !important;
    }

    .form-textarea {
        height: 110px !important;
        min-height: 90px !important;
        padding: 12px 14px !important;
        resize: vertical !important;
    }

    .contact-submit-btn {
        width: 100% !important;
        min-height: 50px !important;
        height: 52px !important;
        font-size: 0.88rem !important;
        letter-spacing: 0.08em !important;
        border-radius: 12px !important;
        margin-top: 8px !important;
    }

    /* --------------------------------------------------------------------------
       12. MOBILE FOOTER & STICKY CTA BAR COORDINATION
       -------------------------------------------------------------------------- */
    footer.footer {
        padding: 48px 16px calc(env(safe-area-inset-bottom, 20px) + 96px) 16px !important;
    }

    .footer-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important;
    }

    .footer-title {
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        cursor: pointer !important;
        font-size: 0.88rem !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
        padding-bottom: 8px !important;
    }

    .footer-socials {
        display: flex !important;
        gap: 12px !important;
        justify-content: center !important;
        margin-top: 14px !important;
    }

    .footer-social-link {
        min-width: 44px !important;
        min-height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 10px !important;
        background: rgba(255, 255, 255, 0.04) !important;
    }

    .footer-bottom {
        flex-direction: column !important;
        text-align: center !important;
        gap: 12px !important;
        padding-top: 20px !important;
    }

    .footer-legal-links {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 14px !important;
    }

    .footer-legal-links a {
        min-height: 38px !important;
        display: inline-flex !important;
        align-items: center !important;
        font-size: 0.76rem !important;
    }

    /* Sticky Bottom CTA Bar & Scroll-To-Top Coordination */
    .mobile-sticky-cta {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 60px !important;
        padding: 10px 16px calc(env(safe-area-inset-bottom, 8px) + 8px) 16px !important;
        background: rgba(4, 7, 16, 0.95) !important;
        backdrop-filter: blur(20px) !important;
        -webkit-backdrop-filter: blur(20px) !important;
        border-top: 1px solid rgba(0, 245, 255, 0.25) !important;
        z-index: 999 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.6) !important;
    }

    /* Scroll To Top button safely elevated above sticky bar */
    #scroll-top {
        bottom: calc(env(safe-area-inset-bottom, 8px) + 72px) !important;
        right: 14px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        z-index: 998 !important;
    }
}

/* --------------------------------------------------------------------------
   13. COMPACT PHONES (max-width: 360px - e.g. iPhone SE 1st Gen, Galaxy A)
   -------------------------------------------------------------------------- */
@media (max-width: 360px) {
    section {
        padding: 44px 12px 36px !important;
    }

    .hero h1 {
        font-size: 1.85rem !important;
    }

    .section-title {
        font-size: 1.55rem !important;
    }

    .hero-trust-points {
        grid-template-columns: 1fr !important;
    }

    .hero-buttons .cta-button {
        font-size: 0.82rem !important;
        min-height: 46px !important;
    }

    .service-card {
        flex: 0 0 calc(100vw - 28px) !important;
    }

    .our-identity-sec .timeline-horizontal-grid {
        padding-left: 36px !important;
    }

    .our-identity-sec .timeline-horizontal-grid::before {
        left: 12px !important;
    }

    .our-identity-sec .orb-node-container,
    .our-identity-sec .timeline-col.up .orb-node-container,
    .our-identity-sec .timeline-col.down .orb-node-container {
        left: -24px !important;
    }
}

/* --------------------------------------------------------------------------
   14. REDUCED MOTION PREFERENCE
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    *, ::before, ::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}