/* MUSE v17 — one premium system for navigation, select controls, filters and dialogs.
   Follows existing Marble / Graphite theme variables; never replaces listing styles. */
:root{--muse-ease:cubic-bezier(.22,.68,.22,1)}
header{isolation:isolate}
.brand-wrap{flex:1 1 auto;margin-right:0;min-width:0}
.actions{flex:0 0 auto;display:flex!important;grid-template-columns:none!important;gap:8px!important;width:auto!important;justify-self:auto!important;align-items:center!important}
.actions .btn.small{height:42px!important;min-height:42px!important;padding:0 12px!important;display:flex!important;align-items:center;justify-content:center;box-shadow:none!important}
.actions .icon-btn{padding:0!important;width:42px;min-width:42px;height:42px;border-radius:12px}
.nav-toggle,.actions .btn.small{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 92%,var(--bg));transition:background .25s,border-color .25s,transform .25s var(--muse-ease)}
.nav-toggle:hover,.actions .btn.small:hover{background:var(--soft);border-color:var(--muted);transform:translateY(-1px)}
.lang-toggle{min-width:78px!important;gap:11px!important;justify-content:space-between!important;letter-spacing:.12em;font-size:12px!important}
.lang-caret{font-size:16px;line-height:1;opacity:.56;transform:translateY(-2px)}
.menu-shell,.lang-shell{position:relative}
.header-popover{border-radius:18px;min-width:230px;padding:9px;gap:3px;background:var(--panel);border:1px solid var(--line);box-shadow:0 24px 65px rgba(0,0,0,.18);z-index:65;max-height:min(78vh,540px);overflow:auto;transform-origin:top right;animation:musePopoverIn .2s var(--muse-ease)}
@keyframes musePopoverIn{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.muse-lang-popover{min-width:215px}
.muse-language-option{display:grid!important;grid-template-columns:42px 1fr 14px;gap:11px;align-items:center;text-align:left!important;font-size:13px!important;padding:10px 11px!important;line-height:1.25;letter-spacing:.01em}
.muse-lang-code{font-size:10px;font-weight:700;letter-spacing:.1em;border:1px solid var(--line);border-radius:8px;padding:7px 4px;text-align:center;background:var(--bg)}
.muse-lang-check{font-size:14px;color:var(--accent)}
.muse-language-option.active{background:var(--soft)}
.muse-language-option.active .muse-lang-code{color:var(--ink);border-color:var(--accent)}
.muse-menu-caption{font:700 9px/1.3 'Manrope',sans-serif;letter-spacing:.22em;color:var(--muted);padding:9px 10px 14px}
.muse-menu-item{display:flex!important;gap:12px;align-items:center;padding:12px 11px!important;min-height:59px;white-space:normal}
.muse-menu-item-text{min-width:0;display:flex;flex-direction:column;gap:4px}
.muse-menu-item-text strong{font-weight:650;font-size:13px;color:var(--ink)}
.muse-menu-item-text small{font-size:10px;color:var(--muted);font-weight:450;margin:0!important;line-height:1.35}
.muse-menu-icon{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;background:var(--soft);border:1px solid var(--line);border-radius:10px;font-size:16px;font-weight:600;line-height:1;color:var(--ink)}
.muse-menu-divider{height:1px;background:var(--line);margin:7px 8px}
.muse-menu-foot{font-size:11px;color:var(--muted);padding:6px 11px 9px}
.header-popover .popover-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
/* Unify every dropdown, numeric field and segmented option across panels. */
.drawer{background:var(--panel);border-right:1px solid var(--line);box-shadow:15px 0 85px #0003;padding:28px 26px}
.filters-drawer{border-right:0;border-left:1px solid var(--line);box-shadow:-15px 0 85px #0003}
.drawer-head{gap:18px;padding-bottom:23px}
.drawer-head .eyebrow{letter-spacing:.18em;font-size:10px}
.drawer-head h2{font-size:clamp(26px,5vw,36px);margin-top:6px}
.drawer-close{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:23px;font-weight:300}
.drawer-close:hover{background:var(--soft)}
.drawer-backdrop{background:#0708098f;backdrop-filter:blur(4px)}
.filter-group{padding:21px 0 24px}
.filter-group h3{font-size:22px;margin-bottom:16px;color:var(--ink)}
.filter-fields{gap:12px}
.filter-fields .field{font-size:12px;line-height:1.5}
.drawer .field input,.drawer .field select,.drawer input:not([type="checkbox"]):not([type="radio"]),.modal .field input,.modal .field textarea,.modal .field select{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 82%,var(--bg));color:var(--ink);min-height:45px;padding:11px 13px;box-shadow:none;transition:border-color .2s,box-shadow .2s}
.drawer select,.modal select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%)!important;background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 13px) calc(50% - 2px)!important;background-repeat:no-repeat!important;background-size:5px 5px,5px 5px!important;padding-right:32px!important}
.drawer input:focus,.drawer select:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent);outline:none}
.drawer input::placeholder,.modal input::placeholder,.modal textarea::placeholder{color:var(--muted);opacity:.7}
.segment-options label span{border-radius:12px;min-height:44px;display:grid;place-items:center;padding:9px 7px;background:var(--surface);transition:background .2s,border-color .2s}
.segment-options input:checked+span{box-shadow:0 5px 14px #0001}
.segment-options input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}
.geo-city{padding:11px 13px;border-radius:12px;min-height:44px;transition:background .2s}
.geo-city:hover{background:var(--soft)}
.drawer-actions{padding:18px 0 max(7px,env(safe-area-inset-bottom));border-top:1px solid var(--line);gap:9px}
.drawer-actions .btn{border-radius:12px;min-height:45px}
/* Modals, login, support desk and account forms share the same palette and spacing. */
.overlay{background:rgba(9,11,13,.74);backdrop-filter:blur(8px);padding:20px;z-index:90}
.modal{border-radius:22px;border:1px solid var(--line);box-shadow:0 34px 120px rgba(0,0,0,.27);padding:30px;max-width:min(760px,100%)}
.modal .close{border-radius:11px;border:1px solid var(--line);background:var(--surface);width:37px;height:37px;padding:0;display:grid;place-items:center;margin-left:12px;margin-bottom:12px}
.modal .box{border-radius:16px;background:color-mix(in srgb,var(--panel) 93%,var(--bg));padding:22px}
.modal .btn,.drawer .btn{border-radius:12px}
.modal h2{font:400 clamp(27px,5vw,37px) 'Playfair Display',Georgia,serif;letter-spacing:-.025em}
.muse-support-modal{width:min(880px,100%);padding:34px}
.muse-support-heading{padding-bottom:18px;border-bottom:1px solid var(--line)}
.muse-support-heading h2{margin:12px 0 7px;font-size:clamp(30px,5vw,43px)}
.muse-support-heading p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}
.muse-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:23px}
.muse-support-grid h3,.muse-support-history h3{font:400 23px 'Playfair Display',Georgia,serif;margin:0 0 15px}
.muse-support-faq{min-width:0}
.muse-faq{border-bottom:1px solid var(--line);padding:13px 0}
.muse-faq:first-of-type{border-top:1px solid var(--line)}
.muse-faq summary{cursor:pointer;position:relative;list-style:none;padding-right:30px;font-size:13px;font-weight:600;color:var(--ink);line-height:1.5}
.muse-faq summary::-webkit-details-marker{display:none}
.muse-faq summary:after{content:'+';position:absolute;right:6px;top:0;font-size:19px;font-weight:400;color:var(--muted)}
.muse-faq[open] summary:after{content:'−'}
.muse-faq p{color:var(--muted);font-size:12px;line-height:1.75;margin:12px 2px 3px}
.muse-support-form{border:1px solid var(--line);border-radius:17px;padding:21px;background:color-mix(in srgb,var(--surface) 85%,var(--bg))}
.muse-support-form .field{font-size:12px}
.muse-support-form textarea{resize:vertical;min-height:110px}
.muse-support-form button.primary{width:100%;min-height:45px}
.muse-support-history{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}
.muse-ticket{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.muse-ticket strong{font-size:13px}
.muse-ticket p{margin:6px 0 0;font-size:12px;color:var(--muted);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.muse-ticket-state{flex:0 0 auto;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:600;border:1px solid var(--line)}
.muse-ticket-state.is-open{background:var(--soft)}
.muse-ticket-state.is-resolved{background:color-mix(in srgb,var(--accent) 9%,var(--surface))}
.muse-support-success{padding:12px 14px;background:var(--soft);border:1px solid var(--line);border-radius:12px}
@media(max-width:790px){.muse-support-grid{grid-template-columns:1fr;gap:24px}.muse-support-modal{padding:23px}}
@media(max-width:650px){
 header{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;padding:13px 12px!important}
 .nav-toggle{width:38px;height:40px;padding:0!important}
 .brand-wrap{gap:8px!important;max-width:100%;overflow:hidden}
 .brand-logo{width:32px;height:32px;flex:0 0 32px}
 .brand{font-size:clamp(17px,4.5vw,22px);letter-spacing:.065em;overflow:hidden;text-overflow:ellipsis}
 .brand small{font-size:6px;letter-spacing:.10em;white-space:nowrap}
 .actions{gap:5px!important}
 .actions .btn.small{height:38px!important;min-height:38px!important}
 .actions .icon-btn{width:36px!important;min-width:36px;height:38px!important}
 .lang-toggle{min-width:54px!important;padding:0 7px!important;gap:3px!important;font-size:11px!important}
 .lang-caret{font-size:12px}
 .header-popover{right:0;top:calc(100% + 10px)}
 .menu-popover{min-width:220px}
 .hero{margin-top:14px;padding:28px 23px 25px}
 .hero .eyebrow{font-size:9px;line-height:1.55}
 .hero h1{font-size:clamp(37px,10.5vw,53px);line-height:1.08;margin:17px 0 17px;overflow-wrap:normal}
 .hero p{font-size:13px;line-height:1.75}
 .hero-note{font-size:9px}
 .drawer{width:min(420px,100vw);padding:23px 18px}
 .filters-drawer{width:min(450px,100vw)}
 .modal{padding:23px 18px;max-height:94vh;border-radius:18px}
 .muse-support-modal{padding:24px 18px}
 .muse-support-form{padding:17px}
}
@media(max-width:370px){.brand small{display:none}.brand-logo{width:28px;height:28px;flex-basis:28px}.actions{gap:4px!important}.actions .icon-btn{width:33px!important;min-width:33px}.lang-toggle{min-width:50px!important}.nav-toggle{width:35px}}
@media(prefers-reduced-motion:reduce){.header-popover{animation:none}.nav-toggle,.actions .btn.small{transition:none}}