/* Phone and tablet menu: same look as the desktop dropdowns.
 * The top level stays on the dark header colour (like the desktop bar);
 * opened sections are light cards with group labels and one-line descriptions. */
#da-mobile-drawer .da-mobile-drawer__top,
#da-mobile-drawer .da-mobile-drawer__list,
#da-mobile-drawer .da-mobile-drawer__cta { width: 100%; max-width: 640px; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; }
#da-mobile-drawer .da-mobile-drawer__list > li { border-bottom: 1px solid rgba(143, 194, 255, .12); }
#da-mobile-drawer .da-mobile-drawer__list > li > a,
#da-mobile-drawer .da-mobile-drawer__area-row > a,
#da-mobile-drawer .da-mobile-drawer__toggle > span { font-size: 17px !important; font-weight: 700 !important; letter-spacing: 0 !important; color: #fff !important; }
#da-mobile-drawer .da-mobile-drawer__list > li > a { display: flex !important; align-items: center; min-height: 56px; padding: 0 4px !important; }
#da-mobile-drawer .da-mobile-drawer__area-row { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; padding: 0 4px !important; }
#da-mobile-drawer .da-mobile-drawer__area-row > a { flex: 1; padding: 0 !important; }
#da-mobile-drawer .da-mobile-drawer__toggle { display: grid !important; place-items: center; width: 40px !important; height: 40px !important; min-height: 0 !important; padding: 0 !important; border: 1px solid rgba(143, 194, 255, .25) !important; border-radius: 12px !important; background: rgba(255, 255, 255, .04) !important; color: #8fc2ff !important; }
#da-mobile-drawer .da-mobile-drawer__toggle, #da-mobile-drawer .da-mobile-drawer__toggle[aria-expanded="true"] { transform: none !important; }
#da-mobile-drawer .da-mobile-drawer__toggle b { display: block !important; font-size: 0 !important; line-height: 0 !important; width: 9px !important; height: 9px !important; margin: 0 !important; border: 0 !important; border-right: 2px solid currentColor !important; border-bottom: 2px solid currentColor !important; transform: translateY(-2px) rotate(45deg) !important; transition: transform .2s ease; }
#da-mobile-drawer .da-mobile-drawer__toggle[aria-expanded="true"] { border-color: #8fc2ff !important; background: rgba(143, 194, 255, .12) !important; }
#da-mobile-drawer .da-mobile-drawer__toggle[aria-expanded="true"] b { transform: translateY(2px) rotate(225deg) !important; }

/* Opened section: one light card, like the desktop dropdown. */
#da-mobile-drawer .da-mobile-panel.is-open { display: grid !important; gap: 0; margin: 4px 0 14px !important; padding: 6px 16px !important; border: 1px solid #dce7fb !important; border-radius: 18px !important; background: #f7faff !important; box-shadow: 0 18px 40px rgba(3, 10, 30, .35); max-height: none !important; overflow: visible !important; }
#da-mobile-drawer .da-mobile-panel section { margin: 0 !important; padding: 14px 0 !important; border: 0 !important; border-bottom: 1px solid #e3eaf6 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
#da-mobile-drawer .da-mobile-panel section:last-child { border-bottom: 0 !important; }
#da-mobile-drawer .da-mobile-panel h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 6px !important; padding: 0 !important; border: 0 !important; color: #5146c7 !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .16em !important; text-transform: uppercase; }
#da-mobile-drawer .da-mobile-panel h3::before { content: ""; width: 22px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, #1667d9, #b13cc7); }
#da-mobile-drawer .da-mobile-panel ul { display: grid; gap: 0; margin: 0 !important; padding: 0 !important; list-style: none; }
#da-mobile-drawer .da-mobile-panel li { margin: 0 !important; padding: 0 !important; border: 0 !important; }
#da-mobile-drawer .da-mobile-panel li a { display: grid !important; gap: 2px; min-height: 0 !important; padding: 10px 8px !important; border-radius: 10px; background: transparent !important; text-decoration: none; }
#da-mobile-drawer .da-mobile-panel li a strong { color: #101a3b !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.3; }
#da-mobile-drawer .da-mobile-panel li a small { display: block; color: #5b6b82 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.45; }
#da-mobile-drawer .da-mobile-panel li a:hover,
#da-mobile-drawer .da-mobile-panel li a:focus-visible,
#da-mobile-drawer .da-mobile-panel li a[aria-current="page"] { background: #e9f1ff !important; }
#da-mobile-drawer .da-mobile-panel li a:hover strong,
#da-mobile-drawer .da-mobile-panel li a[aria-current="page"] strong { color: #1667d9 !important; }

/* Tablets: a centred column, and two items per row inside each group. */
@media (min-width: 600px) {
	#da-mobile-drawer .da-mobile-panel.is-open ul { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 8px; }
	#da-mobile-drawer .da-mobile-drawer__top { padding-left: 4px !important; padding-right: 4px !important; }
}
@media (prefers-reduced-motion: reduce) { #da-mobile-drawer .da-mobile-drawer__toggle b { transition: none; } }