.noos-specs-dropdown { position: relative; display: inline-block; text-align: left; }
.noos-specs-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 1rem; cursor: pointer; font-family: inherit; line-height: inherit; }
.noos-specs-chevron { width: .5rem; height: .5rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.noos-specs-toggle[aria-expanded="true"] .noos-specs-chevron { transform: translateY(2px) rotate(225deg); }
.noos-specs-options { position: absolute; z-index: 50; top: calc(100% + 8px); left: 0; width: max-content; min-width: 100%; max-width: min(320px, 80vw); max-height: min(240px, 30dvh); overflow-y: auto; overscroll-behavior: contain; margin: 0; padding: 6px 0; list-style: none; background: #181b1d; border: 1px solid rgba(255,255,255,.65); box-shadow: 0 8px 24px rgba(0,0,0,.3); }
.noos-specs-options[hidden] { display: none; }
.noos-specs-options li { margin: 0; padding: 0; }
.noos-specs-options a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 48px; padding: 12px 18px; color: #fff; text-decoration: none; font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }
.noos-specs-options a span { font-size: 11px; opacity: .7; }
.noos-specs-options a:hover, .noos-specs-options a:focus-visible { background: #fff; color: #181b1d; }
.noos-specs-dropdown .btn:focus-visible, .noos-specs-options a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }