/*
 * HanimeStream Platform — mobile full-width layout guard
 * Applies only on mobile. Keeps desktop widths untouched and removes boxed gaps
 * on platform pages, archives, search results and taxonomy/detail pages.
 */
@media (max-width: 782px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    body #page,
    body .site,
    body #content,
    body .site-content,
    body .content-area,
    body #primary,
    body .site-main,
    body main.site-main,
    body .main,
    body .main-content {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body .site-content,
    body #content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body .container,
    body .wrap,
    body .content-wrapper,
    body .main-container,
    body .main-content,
    body .site-main > .container,
    body .content-area > .container {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        box-sizing: border-box !important;
    }

    body .content-area,
    body .site-main,
    body #primary {
        float: none !important;
    }

    body .widget-area,
    body #secondary,
    body .sidebar,
    body aside.sidebar {
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .hs-series-hub-container,
    .hs-series-container,
    .hs-series-shell,
    .hs-artist-shell,
    .hs3d-shell,
    .hs-genre-container,
    .hs-studio-directory-page,
    .hs-genre-page,
    .hs-series-page,
    .hs-series-hub-page,
    .hs-artist-premium-archive .site-main,
    .hs-search-premium-archive .site-main,
    .hs-category-premium-archive .site-main {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .hs-series-hub-container,
    .hs-series-container,
    .hs-series-shell,
    .hs-artist-shell,
    .hs3d-shell,
    .hs-genre-container,
    .hs-studio-directory-page {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .hs-series-hub-hero,
    .hs-series-hub-body,
    .hs-genre-hub-body,
    .hs3d-shell,
    .hs-artist-shell,
    .hs-studio-directory-page {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .hs-series-hub-hero__copy,
    .hs-series-hub-browser,
    .hs-artist-hero,
    .hs-artist-panel,
    .hs3d-hero,
    .hs3d-panel,
    .hs-series-hero,
    .hs-v2-hero,
    .hs-series-experience,
    .hs-genre-hero,
    .hs-genre-panel,
    .hs-studio-hero,
    .hs-studio-browser {
        border-radius: 14px !important;
    }

    .hs-artist-layout,
    .hs3d-layout,
    .hs-series-layout,
    .hs-genre-layout {
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    body.search .site-main,
    body.archive .site-main,
    body.category .site-main,
    body.tax .site-main {
        padding-left: 8px !important;
        padding-right: 8px !important;
        box-sizing: border-box !important;
    }

    body.search .breadcrumbs,
    body.archive .breadcrumbs,
    body.category .breadcrumbs,
    body.tax .breadcrumbs,
    body.search .page-header,
    body.archive .page-header,
    body.category .page-header,
    body.tax .page-header {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.search .videos-list,
    body.archive .videos-list,
    body.category .videos-list,
    body.tax .videos-list,
    body.search ul.videos,
    body.archive ul.videos,
    body.category ul.videos,
    body.tax ul.videos {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    img,
    video,
    iframe {
        max-width: 100%;
    }
}

@media (max-width: 430px) {
    body .container,
    body .wrap,
    body .content-wrapper,
    body .main-container,
    .hs-series-hub-container,
    .hs-series-container,
    .hs-series-shell,
    .hs-artist-shell,
    .hs3d-shell,
    .hs-genre-container,
    .hs-studio-directory-page,
    body.search .site-main,
    body.archive .site-main,
    body.category .site-main,
    body.tax .site-main {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .hs-series-hub-browser,
    .hs-artist-panel,
    .hs3d-panel,
    .hs-studio-browser {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}