/*
 * Shared storefront alignment contract.
 *
 * Responsive landing heroes and short closing calls to action are emotional
 * entry/exit points, so they are centered.  Catalog introductions, product
 * groups and longer reading flows keep a stable left edge for faster scanning.
 * The semantic classes are added in Blade instead of targeting every h2/p
 * globally, so forms and unrelated components keep their own layout.
 */

@media (max-width: 991.98px) {
    .landing-hero-copy,
    .landing-hero-copy > .hero-content,
    .landing-hero-copy > .smcp-hero-content,
    .landing-hero-copy > .spm-hero-content {
        text-align: center !important;
    }

    .landing-hero-copy > h1,
    .landing-hero-copy > p,
    .landing-hero-copy > .hero-content > h1,
    .landing-hero-copy > .hero-content > p,
    .landing-hero-copy > .smcp-hero-content > h1,
    .landing-hero-copy > .smcp-hero-content > p,
    .landing-hero-copy > .spm-hero-content > h1,
    .landing-hero-copy > .spm-hero-content > p {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .landing-hero-copy .hero-actions,
    .landing-hero-copy .hero-benefits,
    .landing-hero-copy .smcp-hero-actions,
    .landing-hero-copy .smcp-hero-benefits,
    .landing-hero-copy .spm-hero-actions,
    .landing-hero-copy .spm-hero-benefits,
    .landing-hero-copy .ap-hero-actions,
    .landing-hero-copy .ap-hero-trust,
    .landing-hero-copy .cmp-hero-actions,
    .landing-hero-copy .cmp-hero-trust,
    .landing-hero-copy .art-hero-actions,
    .landing-hero-copy .art-hero-trust,
    .landing-hero-copy .audio-hero-actions,
    .landing-hero-copy .audio-hero-trust {
        justify-content: center !important;
    }

    .landing-hero-copy .hero-benefits {
        align-items: center !important;
    }

    .landing-section-intro {
        margin-right: 0 !important;
        margin-left: 0 !important;
        text-align: left !important;
    }

    .landing-section-intro > p,
    .landing-section-intro > div > p {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .csm-card,
    .smcp-product-card,
    .smcp-related-card,
    .spv2-related-card,
    .cmp-product-card,
    .cmpo-related-card,
    .ap-product-card,
    .audio-product-card,
    .art-product-card,
    .opg-card {
        text-align: left !important;
    }
}

@media (max-width: 767.98px) {
    .landing-final-cta,
    .landing-final-cta .smcp-final-box {
        text-align: center !important;
    }

    .landing-final-cta .audio-qr-icon {
        margin-right: auto !important;
        margin-left: auto !important;
    }
}