/**
 * Alphamoto — mobile UI overrides
 */

@media (max-width: 991px) {
    .container,
    .container-fluid {
        padding-left: 16px;
        padding-right: 16px;
    }

    .section--padding {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .breadcrumb__section {
        padding: 2rem 0;
    }

    .breadcrumb__content--menu {
        flex-wrap: wrap;
        gap: 0.25rem;
    }
}

/* Header */
@media (max-width: 767px) {
    .main__header {
        padding: 10px 0;
    }

    .main__header--inner {
        gap: 0.75rem;
    }

    .main__logo--title {
        margin: 0;
    }

    .main__logo--img {
        height: 48px !important;
        max-width: 140px;
        width: auto;
    }

    .offcanvas__header--menu__open--btn {
        padding: 6px;
    }

    .header__account--btn {
        padding: 6px;
    }
}

/* Home hero */
@media (max-width: 767px) {
    .home-hero {
        display: flex;
        flex-direction: column;
        background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    }

    .home-hero__img {
        width: 100%;
        height: auto !important;
        max-height: 210px;
        object-fit: contain;
        object-position: center;
        background: #f1f5f9;
        padding: 0.5rem 0;
    }

    .home-hero .hero__content--style5 {
        position: static;
        margin: 0;
        padding: 1.25rem 1rem 0.75rem;
        text-align: center;
    }

    .home-hero .hero__content--style5__title {
        font-size: 2.4rem;
        line-height: 1.25;
        font-weight: 700;
    }

    .home-hero .hero__content--style5__title .text__secondary {
        display: inline-block;
        margin-top: 0.15rem;
    }

    .home-hero .hero__content--style5 p {
        font-size: 1.45rem;
        line-height: 1.65;
        color: #475569;
        margin: 0.85rem auto 0;
        max-width: 34rem;
        padding: 0 0.25rem;
    }

    .home-hero .search__filter--style5 {
        display: none;
    }

    .home-hero__cta {
        padding: 0 1rem 1.5rem;
        text-align: center;
    }

    .home-hero__cta .primary__btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 32rem;
        min-height: 48px;
        font-size: 1.5rem;
        font-weight: 700;
        border-radius: 12px;
        box-shadow: 0 6px 18px rgba(37, 153, 212, 0.28);
    }

    .home-hero__cta-link {
        display: inline-block;
        margin-top: 0.75rem;
        font-size: 1.4rem;
        font-weight: 600;
        color: var(--secondary-color);
        text-decoration: none;
    }
}

@media (min-width: 768px) {
    .home-hero__cta {
        display: none;
    }
}

/* Clients tagline */
@media (max-width: 767px) {
    .clients__section {
        padding: 2.5rem 0 3rem;
    }

    .clients__tagline--text {
        align-items: flex-start;
        font-size: 13px;
        letter-spacing: 0.04em;
        line-height: 1.5;
        gap: 10px;
    }

    .clients__tagline--copy {
        flex: 1;
        min-width: 0;
    }

    .clients__tagline--bold,
    .clients__tagline--regular {
        display: inline;
    }
}

/* Categories & promos */
@media (max-width: 767px) {
    .categories__section {
        padding: 2.5rem 0 3rem;
    }

    .section__heading--maintitle {
        font-size: 2rem;
    }

    .category__card--name {
        font-size: 13px;
        padding: 10px 8px;
    }

    .promo-banners {
        gap: 12px;
    }

    .promo-banner__img {
        min-height: 160px;
    }
}

/* Inner pages */
@media (max-width: 767px) {
    .inner-page {
        padding: 2.5rem 0 3rem;
    }

    .page-head {
        margin-bottom: 2rem;
    }

    .page-head__title {
        font-size: 2.4rem;
    }

    .page-head__desc,
    .page-intro {
        font-size: 1.55rem;
    }

    .contact__section {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .contact__form,
    .contact__info {
        margin-bottom: 1.5rem;
    }

    .catalog-categories__grid {
        gap: 0.75rem;
    }
}

/* Footer newsletter mobile */
@media (max-width: 767px) {
    .footer-v2 .newsletter__area {
        padding: 1.75rem 1.25rem;
    }

    .footer-v2 .footer__contact-item {
        padding: 0.75rem 0.85rem;
    }

    .footer-v2 .footer__social-btn {
        width: 3.8rem !important;
        height: 3.8rem !important;
    }
}