@media only screen and (max-width: 991px) {
    .lg-none {
        display: inherit !important;
    }

    .vh-100 {
        height: unset !important;
    }

    select,
    textarea,
    input:not(.form-check-input) {
        padding: 0.65rem 10px;
    }

    .container-xl,
    .container {
        padding-right: calc(var(--aous-aw-gutter-x) * 1);
        padding-left: calc(var(--aous-aw-gutter-x) * 1);
    }

    .hr,
    hr {
        margin: 1rem 0;
    }

    section {
        margin-top: 0rem;
        padding: 0 1rem;
        margin-bottom: 3rem
    }

    .testimonials_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 0.75rem;
    }

    .compare_grid {
        border-radius: 14px;
    }

    .compare_card {
        padding: 16px 8px;
    }

    .compare_divider {
        width: 32px;
    }
}

/* Start Auth Media */
@media only screen and (max-width: 900px) {
    .auth_brand_side {
        display: none;
    }

    .auth_form_side {
        padding: 2rem 1.25rem;
        background-color: var(--auth-bg-page);
    }

    .auth_form_card {
        box-shadow: none;
        border: none;
        padding: 1rem;
    }
}

@media only screen and (max-width: 480px) {
    .auth_form_header h1 {
        font-size: 1.4rem;
    }

    .auth_social_btns {
        flex-direction: column;
    }

    .auth_form_card {
        padding: 1rem;
    }
}

/* End Auth Media */

/* ==============================
   Website / Landing Page Media
   ============================== */

/* --- Tablet (≤ 1024px) --- */
@media (max-width: 1024px) {

    /* Navbar: shrink pill */
    .nav {
        max-width: 92vw;
    }

    .nav_inner {
        padding: 0 14px 0 14px;
    }

    /* Steps: 2 columns */
    .steps_row {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    /* Step 3 centres itself when alone */
    .step_item:last-child:nth-child(odd) {
        grid-column: 1 / -1;
        max-width: 420px;
        margin: 0 auto;
    }

    /* Uses: 2 cols */
    .uses_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Features: 2 cols */
    .features_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Solutions strip: wrap cleanly */
    .hero_solutions_inner {
        flex-direction: column;
        gap: 10px;
    }

    .hero_solutions_tags {
        justify-content: center;
    }
}

/* --- Mobile (≤ 768px) --- */
@media (max-width: 768px) {

    /* Navbar: pill becomes full-width strip */
    .nav_wrap {
        padding: 8px 12px;
        position: static;
    }

    .nav {
        max-width: 100%;
        border-radius: 14px;
    }

    .nav_inner {
        height: 50px;
        padding: 0 12px;
    }

    .nav_links,
    .nav_sep,
    .nav_actions {
        display: none;
    }

    .nav_burger {
        display: flex;
    }

    /* Hero */
    .hero_body {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .hero_content {
        text-align: center;
        align-items: center;
    }

    .hero_sub {
        max-width: 100%;
    }

    .hero_visual {
        max-width: 520px;
        margin: 0 auto;
        padding: 20px 24px 28px;
    }

    /* Solutions strip */
    .hero_solutions_inner {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }

    .hero_solutions_tags {
        justify-content: center;
    }

    /* Features: 2 cols */
    .features_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .feature_card {
        padding: 20px 16px;
    }

    /* Problem */
    .problem_grid {
        grid-template-columns: 1fr;
    }

    /* Steps: 2 cols */
    .steps_row {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .step_item:last-child:nth-child(odd) {
        grid-column: 1 / -1;
        max-width: 320px;
        margin: 0 auto;
    }

    .step_icon {
        width: 44px;
        height: 44px;
    }

    /* Spotlight */
    .spotlight_row {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .spotlight_row_reverse {
        direction: ltr;
    }

    /* Uses: 2 cols */
    .uses_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    /* Footer */
    .footer_top {
        grid-template-columns: 1fr 1fr;
    }

    .footer_brand_col {
        grid-column: span 2;
    }

    /* Float cards: hide */
    .hero_float {
        display: none;
    }

    /* App body sidebar */
    .app_body {
        grid-template-columns: 110px 1fr;
    }
}

/* --- Small Mobile (≤ 480px) --- */
@media (max-width: 480px) {

    /* Navbar */
    .nav {
        border-radius: 12px;
    }

    /* Hero */
    .hero_title {
        letter-spacing: -0.8px;
        text-align: center;
    }

    .hero_cycle_wrap {
        min-width: 180px;
    }

    .hero_actions {
        flex-direction: column;
        width: 100%;
    }

    .hero_actions .btn {
        width: 100%;
        justify-content: center;
    }

    .hero_visual {
        padding: 12px 12px 20px;
    }

    /* Solutions strip: compact */
    .hero_solutions_tags {
        gap: 4px;
    }

    .hero_sol_tag {
        font-size: 11.5px;
        padding: 3px 9px 3px 6px;
    }

    /* Features: stay 2 cols */
    .features_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .feature_card {
        padding: 16px 12px;
    }

    .feature_card h3 {
        font-size: 13px;
    }

    .feature_card p {
        font-size: 12px;
    }

    /* Steps: stay 2 cols */
    .steps_row {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .step_item h3 {
        font-size: 14px;
    }

    .step_item p {
        font-size: 12.5px;
    }

    /* Uses: 2 cols */
    .uses_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .uses_card {
        padding: 16px 14px;
    }

    /* App mockup */
    .app_sidebar_mock {
        display: none;
    }

    .app_body {
        grid-template-columns: 1fr;
    }

    /* Footer */
    .footer_top {
        grid-template-columns: 1fr 1fr;
    }

    .footer_brand_col {
        grid-column: span 1;
    }
}

/* End Website Media */