/*
 * Global Markets — Mobile Styles
 */

.gm-hero { padding: 32px 0 28px; }
.gm-hero-title { font-size: 28px; }
.gm-hero-sub { font-size: 0.9rem; }

.gm-container { padding: 16px 16px 40px; }

/* KSE Hero */
.gm-kse-hero {
    flex-direction: column;
    text-align: center;
    padding: 18px 16px;
    gap: 16px;
}
.gm-kse-left { justify-content: center; }
.gm-kse-right { justify-content: center; width: 100%; }
.gm-kse-price { font-size: 26px; }
.gm-kse-stat { flex: 1; }

/* Summary */
.gm-summary {
    flex-wrap: wrap;
    gap: 4px;
    padding: 10px 12px;
}
.gm-summary-item { padding: 0 8px; }
.gm-si-num { font-size: 1.05rem; }
.gm-summary-divider { height: 24px; }

/* Indices */
.gm-indices { gap: 6px; }
.gm-idx-chip { padding: 6px 10px; gap: 6px; }
.gm-idx-name { font-size: 0.65rem; }
.gm-idx-val { font-size: 0.75rem; }

/* Grid → Single Column */
.gm-grid { grid-template-columns: 1fr; }

/* Card */
.gm-card-head { padding: 14px 16px 12px; }
.gm-card-body { padding: 12px 16px 16px; }

/* Movers */
.gm-movers-body { flex-direction: column; gap: 16px; }
.gm-mr-name { max-width: 120px; font-size: 0.72rem; }

/* Commodities */
.gm-comm-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
.gm-comm-item { padding: 12px; }
.gm-comm-price { font-size: 1.05rem; }

/* Fuel */
.gm-fuel-name { font-size: 0.8rem; }
.gm-fuel-price { font-size: 0.85rem; }

/* Currency → 2 cols */
.gm-curr-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
.gm-curr-item { padding: 12px 10px; }
.gm-curr-price { font-size: 0.85rem; }

/* Crypto → 2 cols */
.gm-crypto-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
.gm-crypto-item { padding: 14px 12px; }
.gm-crypto-price { font-size: 1rem; }


/* ── Ensure drawer works on this page ── */
.hamburger-toggle { z-index: 101 !important; }
.mobile-drawer { z-index: 1000 !important; }
.drawer-overlay { z-index: 999 !important; }