/* Zone B — homepage lottery directory (mobile/tablet when desktop show is off) */
.index-banners-stack {
    --page-hero-banner-gap: 0.25rem;
    --index-banner-stack-gap: 0.25rem;
    display: none;
    width: 100%;
    max-width: 750px;
    margin: var(--page-hero-banner-gap) auto 0.75rem;
    padding: 0 0.5rem;
    flex-direction: column;
    gap: var(--index-banner-stack-gap);
}

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

.result-zone-b-stack {
    margin-bottom: 0.25rem;
}

@media (max-width: 1023px) and (not ((hover: hover) and (pointer: fine))) {
    /* Match Zone A top spacing: tight gap from content above */
    .lotto-directory-section:has(.index-banners-stack:not(.banner-stack--desktop)) {
        padding-top: var(--page-hero-banner-gap) !important;
    }

    main:has(.index-banners-stack:not(.banner-stack--desktop)) > #lotto-result:not(:has(+ .lotto-directory-section)) {
        padding-bottom: 0.5rem !important;
    }
}

.lotto-directory-section:has(.index-banners-stack.banner-stack--desktop) {
    padding-top: var(--page-hero-banner-gap) !important;
}

main:has(.index-banners-stack.banner-stack--desktop) > #lotto-result:not(:has(+ .lotto-directory-section)) {
    padding-bottom: 0.5rem !important;
}