[hidden] { display: none !important; }
[role="tabpanel"][data-state="inactive"] { display: none; }
.static-overlay { position: fixed; inset: 0; z-index: 100; }
.static-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.8); }
.static-drawer { position: absolute; top: 0; right: 0; bottom: 0; width: 300px; max-width: 80vw; padding: 24px; background: hsl(var(--background)); border-left: 1px solid hsl(var(--border)); box-shadow: 0 10px 25px rgba(0,0,0,.15); }
.static-close { position: absolute; top: 16px; right: 16px; display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; opacity: .7; }
.static-close:hover { opacity: 1; }
.static-contact-button { width: 100%; margin-top: 16px; padding: 8px 16px; border-radius: 6px; background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); font-size: 14px; font-weight: 500; }
.static-dialog { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: grid; gap: 16px; width: calc(100% - 32px); max-width: 425px; padding: 24px; background: hsl(var(--background)); border: 1px solid hsl(var(--border)); border-radius: 8px; box-shadow: 0 20px 35px rgba(0,0,0,.15); }
@media (min-width: 768px) { #mobile-menu { display: none !important; } }
@media (min-width: 640px) and (max-width: 767px) { .static-drawer { width: 400px; } }