/* ==========================================================================
   Static Site Mobile Responsive Overrides
   All rules scoped to @media queries so desktop is unaffected.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Small phone breakpoint (max-width: 575.98px)
   -------------------------------------------------------------------------- */
@media (max-width: 575.98px) {

    /* -- Game catalog grid items: 2-per-row ------------------------------ */
    .grid-item {
        width: calc(50% - 0.5rem) !important;
    }
}

/* --------------------------------------------------------------------------
   Phone/tablet breakpoint (max-width: 767.98px)
   -------------------------------------------------------------------------- */
@media (max-width: 767.98px) {

    /* -- Table text sizing for pricing/comparison tables ------------------ */
    .table-responsive .table th,
    .table-responsive .table td {
        font-size: 0.85rem;
        padding: 0.5rem;
    }
}