/* ==========================================================
   AIMOMIXO V9.2
   FINAL MOBILE SAFE AREA
   ========================================================== */

html,
body{
    width:100%;
    max-width:100%;
    overflow-x:clip !important;
}

*{
    box-sizing:border-box;
}


@media(max-width:820px){

    /*
     * ------------------------------------------------------
     * 全站手机正文安全区
     * ------------------------------------------------------
     */

    main{
        width:100% !important;
        max-width:100% !important;
        overflow:visible !important;
    }


    /*
     * 所有主要 section 背景仍保持满屏，
     * 只给内部内容留下安全区。
     */

    main > section{
        width:100% !important;
        max-width:100% !important;

        padding-left:18px !important;
        padding-right:18px !important;
    }


    /*
     * 有些旧模板不是 section，
     * 再覆盖常见页面区块。
     */

    .page-hero,
    .service-hero,
    .services-hero,
    .contact-hero,
    .about-hero,
    .after-sales-hero,
    .hero-copy,
    .page-head,
    .section-head{

        width:100% !important;
        max-width:100% !important;

        margin-left:auto !important;
        margin-right:auto !important;

        padding-left:18px !important;
        padding-right:18px !important;
    }


    /*
     * 如果区块里面已经有 wrap，
     * 不能再保留桌面负 margin / 位移。
     */

    main .wrap,
    main .narrow,
    main .content-wrap,
    main .page-wrap{

        width:100% !important;
        max-width:100% !important;

        min-width:0 !important;

        margin-left:auto !important;
        margin-right:auto !important;

        transform:none !important;
    }


    /*
     * 手机所有主标题：
     * 绝不允许左边被截掉。
     */

    main h1,
    main h2{

        max-width:100% !important;

        margin-left:0 !important;
        margin-right:0 !important;

        transform:none !important;

        overflow-wrap:break-word !important;
        word-break:normal !important;
    }


    /*
     * 正文也禁止桌面宽度把文字推出屏幕。
     */

    main p{

        width:auto !important;
        max-width:100% !important;

        margin-left:0 !important;
        margin-right:0 !important;

        transform:none !important;

        overflow-wrap:break-word !important;
    }



    /*
     * ------------------------------------------------------
     * 联系我们
     * ------------------------------------------------------
     */

    .contact-card,
    .contact-section,
    .contact-panel,
    .contact-block{

        width:100% !important;
        max-width:100% !important;

        margin-left:auto !important;
        margin-right:auto !important;
    }



    /*
     * ------------------------------------------------------
     * 服务页
     * ------------------------------------------------------
     */

    .service-card,
    .services-card,
    .price-card,
    .service-box,
    .service-panel,
    .service-delivery{

        width:100% !important;
        max-width:100% !important;

        margin-left:auto !important;
        margin-right:auto !important;
    }



    /*
     * ------------------------------------------------------
     * 售后深色区域
     * ------------------------------------------------------
     */

    .after-sales,
    .after-sales-section,
    .after-sales-block{

        width:100% !important;
        max-width:100% !important;

        padding-left:18px !important;
        padding-right:18px !important;
    }



    /*
     * ------------------------------------------------------
     * 制作案例头部
     * ------------------------------------------------------
     */

    .v6-video-head{

        width:100% !important;
        max-width:720px !important;

        margin-left:auto !important;
        margin-right:auto !important;

        padding-left:6px !important;
        padding-right:6px !important;

        text-align:center !important;
    }


    .v6-video-head p{

        max-width:620px !important;

        margin-left:auto !important;
        margin-right:auto !important;

        text-align:center !important;
    }



    /*
     * ------------------------------------------------------
     * 首页
     * ------------------------------------------------------
     */

    .hero-grid{

        width:100% !important;
        max-width:100% !important;

        margin-left:auto !important;
        margin-right:auto !important;
    }


    .hero-copy{

        padding-left:0 !important;
        padding-right:0 !important;

        text-align:center !important;
    }


    .hero-image.v6-hero-art{

        width:min(100%,360px) !important;
        max-width:360px !important;

        margin-left:auto !important;
        margin-right:auto !important;

        justify-self:center !important;

        transform:none !important;
    }


    .hero-buttons{

        width:100% !important;
        max-width:100% !important;

        padding-left:0 !important;
        padding-right:0 !important;
    }

}


@media(max-width:390px){

    main > section{

        padding-left:15px !important;
        padding-right:15px !important;
    }

}