/* ==========================================================================
   responsive-empty.css
   Loaded ONLY by EmptyLayout.master (ProductGroups.aspx, etc.)
   Global min-width collapse for .empty-layout is handled in responsive.css
   at 640px — do not duplicate it here.
   ========================================================================== */

/* --------------------------------------------------------------------------
   ProductGroups.aspx  (mobile-only overrides)
   Desktop: #ProdGroups uses class w50 — intentionally narrow, not changed.
   Mobile:  expand to full width and let header row cells wrap.
   -------------------------------------------------------------------------- */

@media (max-width: 640px) {

    /* Full-width container */
    #ctl00_MainArea_ProdGroups {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        padding-right: 5px !important;
    }

    /* Header row: allow nowrap cells to wrap */
/*    #ctl00_MainArea_ProdGroups tr.bar td {
        white-space: normal !important;
    }*/

    /* All tables inside fill the container */
    #ctl00_MainArea_ProdGroups table {
        width: 100% !important;
        box-sizing: border-box;
    }
}