/* FullPSD v42 — focused mobile layout refinements. */
@media (max-width: 720px) {
    /* On mobile hide only the redundant Shop/Category listing search above Sort.
       The main header search and desktop listing filters stay available. */
    .category-page-content > .category-archive-search,
    .shop-section > .shop-filters {
        display: none !important;
    }

    /* Keep the homepage hero card and its contents visually centered. */
    .hero.wrap {
        width: calc(100% - 28px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .hero.wrap .hero-copy {
        width: 100% !important;
        max-width: 560px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }
    .hero.wrap .hero-copy > .eyebrow,
    .hero.wrap .hero-copy > h1,
    .hero.wrap .hero-copy > p:not(.eyebrow) {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }
    .hero.wrap .hero-actions {
        justify-content: center !important;
    }
    .hero.wrap .hero-note {
        text-align: center !important;
    }
    .hero.wrap .hero-art {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .hero.wrap .hero-index {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        width: max-content !important;
        max-width: calc(100% - 32px) !important;
        justify-content: center !important;
        text-align: center !important;
    }

    /* Align the Latest Products eyebrow and New Ideas heading to the left.
       This selector is scoped to the homepage section only. */
    .home-latest-section .section-heading {
        align-items: flex-start !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }
    .home-latest-section .section-heading > div {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: left !important;
    }
    .home-latest-section .section-heading .eyebrow,
    .home-latest-section .section-heading h2 {
        display: block !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: left !important;
        direction: ltr !important;
    }
}