/* Shared DollHub dropdown, used by Angular and legacy pages. */
body select:not([multiple]):is(:not([size]),[size="0"],[size="1"]){
 appearance:none!important;display:block!important;box-sizing:border-box;min-height:44px;
 padding:11px 38px 11px 13px!important;border:1px solid var(--line);border-radius:var(--dh-control-radius,12px);
 background-color:var(--surface);color:var(--ink);font-family:var(--font-body);text-align:start;cursor:pointer;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23ac4e70' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;background-position:right 13px center!important;background-size:16px!important;
 transition:border-color .15s,box-shadow .15s;
}
body select.dh-dropdown-open{border-color:var(--primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)!important}
body select:disabled{opacity:.5;cursor:not-allowed}
body select.dh-select-has-swatch{padding-left:40px!important;background-image:var(--dh-select-swatch),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23ac4e70' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-position:left 13px center,right 13px center!important;background-size:18px 18px,16px 16px!important}
.dh-dropdown-swatch{display:inline-block;flex:0 0 18px;width:18px;height:18px;margin-right:10px;border:1px solid #8888;border-radius:50%;box-sizing:border-box}
body select:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
body input.dh-suggestion-input{
 background-color:var(--surface);color:var(--ink);padding-right:38px!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23ac4e70' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;background-position:right 13px center!important;background-size:16px!important;
}
body input.dh-suggestion-input.dh-dropdown-open{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}
body .dh-dropdown-menu{
 position:fixed;inset:auto;margin:0;padding:6px;box-sizing:border-box;z-index:10000;
 border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);
 box-shadow:0 12px 36px #48233726;overflow:auto;overscroll-behavior:contain;
 scrollbar-width:thin;font:400 14px/1.45 var(--font-body);text-align:start;outline:none;
}
body .dh-dropdown-menu::backdrop{background:transparent;pointer-events:none}
body .dh-dropdown-option{position:relative;display:flex;align-items:center;min-height:44px;padding:11px 38px 11px 12px;border-radius:9px;cursor:pointer;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}
body .dh-dropdown-option.is-active{background:var(--surface2);color:var(--primary);outline:1px solid var(--line);outline-offset:-1px}
body .dh-dropdown-option[aria-selected="true"]{background:color-mix(in srgb,var(--primary) 11%,var(--surface));color:var(--primary);font-weight:600}
body .dh-dropdown-option[aria-selected="true"]::after{content:"";position:absolute;right:16px;width:6px;height:11px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);top:calc(50% - 7px)}
body .dh-dropdown-option[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
body .dh-dropdown-group{padding:12px 12px 6px;color:var(--muted);font-size:12px;font-weight:600}
@media(prefers-reduced-motion:reduce){body select{transition:none!important}}
