@media (max-width: 992px) {
    html,
    body {
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .main {
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Reset layout containers */
    .e_container-1,
    .e_container-2,
    .e_container-9,
    .e_container-29,
    .e_container-3 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Add side padding to content columns */
    .cbox-1-0,
    .cbox-1-1,
    .cbox-9-0 {
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    /* Ensure inner containers don't double pad */
    .cbox-2-0, /* Images */
    .cbox-29-0, /* Description */
    .cbox-3-0 {
        /* Title */
        padding: 0 !important;
        width: 100% !important;
    }

    /* Adjust breadcrumb margin */
    .e_container-9 {
        margin-top: 2rem !important;
    }

    /* Magnifier adjustments */
    .magnifier-container {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4/3;
    }

    .magnifier-view,
    .move-view {
        display: none !important;
    }

    /* Fix image max width inside description */
    .p_detail img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Ensure table in description doesn't overflow */
    .p_detail table {
        width: 100% !important;
        display: block;
        overflow-x: auto;
    }
}