/* Desktop/Mobile Toggle Classes */
.desktop-only {
    display: block;
}

.mobile-only {
    display: none;
}

/* Keep grid display for contact-grid */
.contact-grid.desktop-only {
    display: grid !important;
}

/* Hide mobile elements on desktop */
.mobile-hero-content,
.hero-bg {
    display: none;
}

@media (max-width: 968px) {
    .desktop-only {
        display: none !important;
    }

    .mobile-only {
        display: block !important;
    }

    /* Hide desktop hero elements */
    .hero-video-container,
    .hero-features,
    .hero-video-title {
        display: none !important;
    }

    /* Hide the ::after pseudo-element that adds extra text */
    .hero-content::after {
        display: none !important;
    }

    /* Show mobile hero elements */
    .hero-bg,
    .hero-overlay,
    .mobile-hero-content {
        display: block !important;
    }

    /* Remove navbar spacing from hero on mobile */
    .hero {
        margin-top: 0 !important;
    }
}