@media (max-width: 1024px) {
    .rf-hero {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .rf-hero__actions {
        justify-content: center;
    }

    .rf-section__heading {
        padding: 0 1rem;
    }
}

@media (max-width: 768px) {
    .rf-header__inner {
        flex-wrap: wrap;
    }

    .rf-nav {
        display: none;
    }

    .rf-burger {
        display: flex;
    }

    .rf-mobile-menu {
        display: block;
    }

    .rf-filter {
        flex-direction: column;
    }

    .rf-app__header {
        flex-direction: column;
        align-items: flex-start;
    }

    .rf-bottom-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 64px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 0.5rem;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
        backdrop-filter: blur(18px);
        z-index: 40;
    }

    .rf-bottom-item {
        flex: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: var(--text-muted);
        font-size: 0.75rem;
    }

    .rf-bottom-icon {
        font-size: 1.2rem;
    }

    .rf-bottom-item--active {
        color: var(--primary);
        position: relative;
    }

    .rf-bottom-item--active::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 30%;
        right: 30%;
        height: 2px;
        background: var(--primary);
        border-radius: 999px;
    }

    .rf-footer {
        padding-bottom: 7rem;
    }
}