/* Mobile usability fixes (SEO). Applied on top of the Vite bundle. */
@media (max-width: 767.98px) {
    html,
    body {
        overflow-x: clip;
    }

    /* Home "horses" block: prevents horizontal overflow on narrow screens */
    .horses__footer {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }
    .horses__footer-inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        gap: 16px;
    }
    .horses__grid {
        grid-template-columns: 1fr;
    }
    .horses__count {
        white-space: normal;
        font-size: 1.4rem;
    }
    .horses__count span {
        font-size: 1.6rem;
    }

    /* Readable text size on mobile (Yandex mobile check) */
    .service-card__badge,
    .service-card__tag,
    .header__phone-note,
    .home-blog-card__label {
        font-size: 12px !important;
        line-height: 1.3;
    }
    .header__phone--alt {
        font-size: 12px !important;
    }
    .hero__label {
        font-size: 13px !important;
    }

    /* Comfortable tap targets on mobile */
    .hero__dot {
        width: 26px !important;
        height: 26px !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: transparent !important;
        margin: 0 2px;
    }
    .hero__dot::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: currentColor;
        opacity: 0.9;
    }
    .header__phone,
    .mobile-menu__phone {
        min-height: 40px;
        display: inline-flex;
        align-items: center;
    }
}