/**
 * Homepage mobile only (body.page-home) — จำกัดขอบจอ 4 ด้าน + ตรึงเมนูบน/ล่าง
 * ไม่โหลดในหน้าอื่น
 */
@media (max-width: 639px) {
    html:has(body.page-home) {
        overflow-x: clip;
        overscroll-behavior: none;
        scroll-padding-top: 3.5rem;
        width: 100%;
        max-width: 100%;
    }

    body.page-home {
        --topnav-scroll-padding: 3.5rem;
        padding-top: calc(var(--topnav-scroll-padding) + env(safe-area-inset-top, 0px));
        padding-left: env(safe-area-inset-left, 0px);
        padding-right: env(safe-area-inset-right, 0px);
        overflow-x: clip;
        overscroll-behavior: none;
        width: 100%;
        max-width: 100%;
        touch-action: pan-y pinch-zoom;
    }

    body.page-home > nav.sticky.top-0.z-30 {
        position: fixed !important;
        top: env(safe-area-inset-top, 0px);
        left: 0;
        right: 0;
        z-index: 40;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    body.page-home > nav.fixed.bottom-1.z-50 {
        position: fixed !important;
        bottom: calc(0.25rem + env(safe-area-inset-bottom, 0px));
        left: 0;
        right: 0;
        z-index: 50;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    body.page-home main#main-content {
        overflow-x: clip;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* โซน B/C — จำกัดความกว้าง; โซน A ใช้ home-banner.css เหมือนหน้าอื่น */
    body.page-home .footer-banners-stack {
        max-width: 100%;
        box-sizing: border-box;
    }

    /* แถบเลื่อนแนวนอน — จำกัดในกรอบ ไม่ลากทั้งหน้า */
    body.page-home #lotto-result .featured-solo-wrap,
    body.page-home #lotto-result .world-clocks-wrap,
    body.page-home .index-news-scroll-wrap {
        max-width: 100%;
        overscroll-behavior-x: contain;
        touch-action: pan-x pan-y;
    }

    body.page-home #lotto-result .world-clocks-wrap {
        overflow-x: hidden;
    }

    body.page-home .lotto-ticker-wrap {
        max-width: 100%;
        overflow-x: hidden;
    }
}