File unchanged since last read. The content from the earlier read_file result in this conversation is still current — refer to that instead of re-reading.

/* ============================================================
   ADDITIONAL FIXES — Mobile Nav Drawer + Compact Header
   ============================================================ */

/* ── Force compact header on tablet/mobile ─────────────────── */
@media (max-width: 1100px) {
	.ct-header-inner { padding: 10px 0 !important; gap: 12px; }
	.ct-header.scrolled .ct-header-inner { padding: 8px 0 !important; }
	.ct-logo img,
	.ct-logo .custom-logo { max-height: 48px !important; height: auto !important; width: auto !important; }
}
@media (max-width: 640px) {
	.ct-header-inner { padding: 8px 0 !important; }
	.ct-logo img,
	.ct-logo .custom-logo { max-height: 40px !important; }
}
@media (max-width: 420px) {
	.ct-logo img,
	.ct-logo .custom-logo { max-height: 36px !important; }
}

/* ── Hamburger button — visible, fixed style on mobile/tablet ── */
.ct-hamburger { display: none; }
@media (max-width: 1100px) {
	.ct-hamburger {
		display: inline-flex !important;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 5px;
		width: 44px; height: 44px;
		padding: 0;
		border: 1px solid rgba(255,255,255,0.18);
		border-radius: 10px;
		background: rgba(255,255,255,0.06);
		cursor: pointer;
		z-index: 10001;
		position: relative;
		transition: background .2s;
	}
	.ct-hamburger:hover { background: rgba(255,255,255,0.12); }
	.ct-hamburger span {
		display: block;
		width: 22px; height: 2px;
		background: var(--ct-blue, #006DFF);
		border-radius: 2px;
		transition: transform .25s, opacity .25s;
	}
	.ct-hamburger.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
	.ct-hamburger.active span:nth-child(2) { opacity: 0; }
	.ct-hamburger.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
}

/* ── Mobile/tablet nav — proper full-screen drawer (NOT half-side) ── */
@media (max-width: 1100px) {
	.ct-nav {
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100vh !important;
		max-width: none !important;
		background: rgba(7, 20, 38, 0.98) !important;
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
		display: flex !important;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		padding: 88px 24px 32px !important;
		transform: translateY(-100%);
		transition: transform .35s cubic-bezier(.4,0,.2,1);
		z-index: 9999;
		overflow-y: auto;
		gap: 0;
		visibility: hidden;
	}
	.ct-nav.open {
		transform: translateY(0);
		visibility: visible;
	}
	/* Show nav links full-width and stacked */
	.ct-nav a,
	.ct-nav .ct-nav-list a,
	.ct-nav li > a {
		display: block !important;
		width: 100%;
		max-width: 480px;
		text-align: center;
		padding: 16px 20px !important;
		margin: 0 !important;
		font-size: 18px !important;
		font-weight: 600 !important;
		color: #fff !important;
		border-radius: 12px;
		border-bottom: 1px solid rgba(255,255,255,0.08);
	}
	.ct-nav a:hover,
	.ct-nav a:focus {
		background: rgba(0, 109, 255, 0.15) !important;
		color: var(--ct-cyan, #00B4E6) !important;
	}
	.ct-nav ul,
	.ct-nav .ct-nav-list {
		display: flex !important;
		flex-direction: column;
		width: 100%;
		max-width: 480px;
		list-style: none;
		padding: 0;
		margin: 0;
		gap: 4px;
	}
	.ct-nav li { list-style: none; width: 100%; }
}

/* ── Hide desktop CTA button when mobile drawer is in use ── */
@media (max-width: 1100px) {
	.ct-header-actions > .ct-btn,
	.ct-header-actions > .ct-btn-primary { display: none !important; }
}

/* ── Body lock when drawer open ─────────────────────────── */
body.ct-nav-open { overflow: hidden; }

/* ── Ensure hamburger and actions stay in front of nav ── */
@media (max-width: 1100px) {
	.ct-header { position: sticky; top: 0; z-index: 10000; }
	.ct-header-actions { position: relative; z-index: 10001; }
}

/* ── RTL: drawer slides in from same direction but flips text ── */
[dir="rtl"] .ct-nav a,
[dir="rtl"] .ct-nav .ct-nav-list a { text-align: center; }