.mns-cc-loading .mns-cc-price { opacity: .45; transition: opacity .15s; }
.mns-cc-switcher { display: inline-flex; align-items: center; gap: .4em; }
.mns-cc-switcher .mns-cc-select { max-width: 8em; cursor: pointer; -webkit-appearance: none; appearance: none; padding-right: 26px; background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%); background-position: calc(100% - 15px) calc(50% + 1px), calc(100% - 10px) calc(50% + 1px); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; }
/* Floating pill: fixed to the top right, aligned with the header utility bar, outside the content flow. */
div.site > .mns-cc-switcher { --mns-cc-flag: url('flags/us.png'); position: fixed; top: 106px; right: 40px; z-index: 1000; padding: 5px 11px; border: 1px solid rgba(243, 238, 229, .45); border-radius: 0; background: rgba(17, 16, 16, .9); color: #f3eee5; font-size: 12.5px; line-height: 1; letter-spacing: .02em; gap: .15em; box-shadow: 0 2px 10px rgba(0, 0, 0, .35); }
div.site > .mns-cc-switcher:hover { border-color: rgba(243, 238, 229, .72); }
div.site > .mns-cc-switcher .mns-cc-select { max-width: 7em; height: 22px; min-height: 0; padding: 0 18px 0 25px; font: inherit; color: inherit; background-color: transparent; border: 0; background-image: var(--mns-cc-flag), linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%); background-position: 4px 50%, calc(100% - 11px) calc(50% - 1px), calc(100% - 6px) calc(50% - 1px); background-size: 17px auto, 6px 6px, 6px 6px; }
@media (max-width: 1024px) { div.site > .mns-cc-switcher { right: 16px; } }
/* Custom dropdown (JS-enhanced): trigger, caret and the open menu panel. */
.mns-cc-switcher .mns-cc-trigger { display: inline-flex; align-items: center; gap: 7px; min-height: 22px; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.mns-cc-switcher .mns-cc-trigger[hidden] { display: none; }
.mns-cc-switcher.mns-cc-ready .mns-cc-select { display: none; }
.mns-cc-switcher .mns-cc-flag { flex: 0 0 auto; width: 17px; height: 12px; background-image: var(--mns-cc-flag); background-repeat: no-repeat; background-position: 50% 50%; background-size: 17px auto; }
.mns-cc-switcher .mns-cc-caret { width: 7px; height: 5px; background: currentColor; clip-path: polygon(0 0, 100% 0, 50% 100%); transition: transform .15s; }
.mns-cc-switcher.mns-cc-open .mns-cc-caret { transform: rotate(180deg); }
.mns-cc-switcher .mns-cc-menu { position: absolute; top: calc(100% + 8px); right: 0; z-index: 10; min-width: 215px; padding: 4px; background: rgba(17, 16, 16, .98); border: 1px solid rgba(243, 238, 229, .32); box-shadow: 0 14px 32px rgba(0, 0, 0, .55); }
.mns-cc-switcher .mns-cc-menu[hidden] { display: none; }
.mns-cc-switcher .mns-cc-menu [role="option"] { display: flex; align-items: center; gap: 9px; padding: 9px 10px; color: #f3eee5; font-size: 12.5px; letter-spacing: .02em; cursor: pointer; }
.mns-cc-switcher .mns-cc-menu [role="option"]:hover { background: rgba(243, 238, 229, .08); }
.mns-cc-switcher .mns-cc-menu [role="option"].is-current { background: rgba(243, 238, 229, .14); }
.mns-cc-switcher .mns-cc-menu img { width: 18px; height: auto; display: block; }
.mns-cc-switcher .mns-cc-menu .mns-cc-opt-code { font-weight: 600; min-width: 34px; }
.mns-cc-switcher .mns-cc-menu .mns-cc-name { color: rgba(243, 238, 229, .6); font-size: 11px; }
.mns-cc-switcher .mns-cc-menu [role="option"]::after { content: "✓"; margin-left: auto; font-size: 12px; color: rgba(243, 238, 229, .9); opacity: 0; transition: opacity .1s; }
.mns-cc-switcher .mns-cc-menu [role="option"].is-current::after { opacity: 1; }
div.site > .mns-cc-switcher.mns-cc-open { border-color: rgba(243, 238, 229, .72); }
#mns-cc-notice { padding: .6em 1em; font-size: .9em; }