/* Mobile adjustments */
@media (max-width: 768px) {
    :root {
        --font-size-xl: 2rem;
        --font-size-lg: 1.5rem;
        --space-lg: 1.5rem;
        --space-xl: 2rem;
    }

    .main-header {
        padding: 0 var(--space-md);
    }

    .logo-text {
        display: none;
        /* Save space on small screens */
    }

    .text-left-image-right,
    .text-right-image-left {
        grid-template-columns: 1fr;
        direction: ltr;
    }

    .slide-image {
        order: -1;
        /* Image on top for mobile */
        max-height: 40vh;
    }

    .slide-title h1 {
        font-size: 2.5rem;
    }

    .slide-title .icon {
        font-size: 3rem;
    }

    .main-footer {
        padding: 0 var(--space-md);
    }

    .nav-btn {
        min-width: auto;
        padding: var(--space-sm) var(--space-md);
    }

    .nav-btn span.icon {
        display: none;
        /* Hide arrows on very small screens if needed, or just keep them */
    }
}