/* ─── AQUA MALACCA — Layout guard (prevent horizontal page scroll) ─── */

:root {
    --aqua-vw: 100vw;
}

html {
    overflow-x: hidden;
    overflow-x: clip;
    max-width: 100%;
}

body {
    overflow-x: hidden;
    overflow-x: clip;
    max-width: 100%;
}

body.overflow-x-hidden {
    overflow-x: hidden;
    overflow-x: clip;
}

#hero,
.hero,
.about,
.products,
.gallery,
.contact,
.site-footer,
.site-main,
.site-header,
.loader,
.ap,
.page-about,
.page-contact,
.page-gallery,
.page-products,
.page-production,
.page-partnership,
.is-inner-page {
    max-width: 100%;
}

img,
video,
iframe,
embed,
object {
    max-width: 100%;
    height: auto;
}

@media (max-width: 1024px) {
    .gallery {
        overflow-x: hidden;
        overflow-x: clip;
    }

    .ap-section,
    .page-about .ap {
        overflow-x: hidden;
        overflow-x: clip;
    }

    .page-contact,
    .page-gallery,
    .page-products,
    .page-production,
    .page-partnership,
    .page-generic,
    .page-blog,
    .page-404 {
        overflow-x: hidden;
        overflow-x: clip;
    }

    .site-main {
        overflow-x: hidden;
        overflow-x: clip;
        box-sizing: border-box;
        padding-left: max(20px, env(safe-area-inset-left, 0px));
        padding-right: max(20px, env(safe-area-inset-right, 0px));
    }

    .page-about .site-main--about,
    .page-contact .site-main,
    .page-gallery .site-main,
    .page-products .site-main,
    .page-production .site-main,
    .page-partnership .site-main,
    .page-editorial .site-main--editorial {
        padding-left: 0;
        padding-right: 0;
        overflow-x: visible;
    }

    .pq-hero,
    .pp-hero,
    .gp-hero,
    .cp-hero,
    .pq-quality__visual,
    .pp-about__visual,
    .ap-story__visual,
    .ap-journey__visual {
        overflow: hidden;
    }
}

.ap-values__carousel,
.ap-team__carousel,
.products__inner,
.gallery__inner {
    max-width: 100%;
}

.ap-values__grid,
.ap-team__grid,
.products__grid,
.gallery__grid {
    box-sizing: border-box;
    max-width: 100%;
}
