/* Shared responsive interaction rules.
   Loaded after page styles so touch targets stay consistent across all templates. */
@media (max-width: 1023.98px) {
    #main :where(
        .home-articles__more,
        .article-card h3 a,
        .article-card__more,
        .article-related__heading a,
        .article-related-card h3 a,
        .article-related-card__more,
        .landing-faq__contact,
        .karaj-service-card a,
        .door-models__note a,
        .door-price__link,
        .replacement-signs__intro a,
        .replacement-price__calculator,
        .price-explanation__content a,
        .about-details__list a,
        .contact-hero__callout a,
        .contact-channel__numbers a,
        .contact-channel__links a
    ) {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }

    #main :where(
        .contact-channel__numbers a,
        .contact-channel__links a
    ) {
        justify-content: center;
        min-inline-size: 44px;
    }

    .articles-pagination__pages a,
    .articles-pagination__pages > span:not([aria-hidden]) {
        min-width: 44px;
        min-height: 44px;
    }
}