.ys-business-nav { position: relative; }
.ys-business-nav summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; }
.ys-business-nav > div { position: absolute; top: 100%; right: 0; min-width: 180px; padding: 8px; border: 1px solid #e2e8f0; border-radius: 12px; background: white; box-shadow: 0 8px 24px #1d293d1a; z-index: 50; }
.ys-business-nav a { display: flex; gap: 8px; align-items: center; min-height: 44px; padding: 8px 12px; white-space: nowrap; color: #1d293d; }
.ys-business-nav a:hover { background: #f8fafc; color: #7b2c83; }

/* The approved v3 links need the existing drawer at tablet widths; keep the
   original centered logo, header height, colors and desktop/mobile layout. */
@media (min-width: 768px) and (max-width: 1279.98px) {
    .ys-portal-primary-nav, .ys-portal-socials { display: none; }
    .ys-portal-menu-toggle { display: flex; min-width: 44px; min-height: 44px; }
    #mobile-menu:not(.hidden) { display: block; }
}