/* Mobile home banners — see banner-device-pointer.css for show/hide rules */
.home-banners-stack {
    --page-hero-banner-gap: 0.25rem;
    --home-banner-stack-gap: 0.25rem;
    display: none;
    width: 100%;
    max-width: 750px;
    margin-top: var(--page-hero-banner-gap);
    margin-bottom: var(--page-hero-banner-gap);
    margin-left: auto;
    margin-right: auto;
    padding: 0 0.5rem;
    flex-direction: column;
    gap: var(--home-banner-stack-gap);
}

.home-banner-wrap {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.home-banner-link {
    display: block;
    overflow: hidden;
    border-radius: 0.75rem;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.1);
    border: 1px solid rgba(254, 202, 202, 0.8);
}

.home-banner-img {
    display: block;
    width: 100%;
    height: auto;
}