.animated-select-native{display:none!important}.contact button.animated-select{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;text-align:left;color:var(--ink);background:rgba(8,12,17,.3);border:0;border-bottom:1px solid #41464e;border-radius:7px 7px 0 0;font:inherit;font-size:16px;font-weight:400;padding:14px 12px;cursor:pointer;transition:background 200ms,border-color 200ms,box-shadow 200ms}.animated-select>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.animated-select-arrow{font-size:19px;line-height:1;color:#c1c5ca;transition:transform 300ms}.contact button.animated-select[aria-expanded=true]{border-color:var(--accent);background:#ff5a210b;box-shadow:0 5px 22px #ff5a2112}.animated-select[aria-expanded=true] .animated-select-arrow{transform:rotate(180deg)}.contact button.animated-select:disabled{cursor:not-allowed;opacity:.45}.animated-select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.animated-select-panel{position:fixed;z-index:1000;padding:9px;border:1px solid #ff7c353d;border-radius:16px;background:linear-gradient(150deg,#232830f7,#11161bfA 75%);box-shadow:inset 0 1px #ffffff0d,0 24px 70px #0009,0 0 25px #ff5a2114;backdrop-filter:blur(24px);color:#f2f4f5;font-family:inherit;animation:select-panel-in 260ms cubic-bezier(.2,.8,.2,1);transform-origin:top;box-sizing:border-box}.animated-select-panel[data-direction=up]{transform-origin:bottom}.animated-select-search{display:block;width:100%;box-sizing:border-box;border:1px solid #ffffff18;border-radius:9px;background:#090d1280;color:#fff;padding:11px 13px;margin:0 0 8px;font:inherit;font-size:16px;outline:none}.animated-select-search[hidden]{display:none}.animated-select-search:focus{border-color:#ff7c3580}.animated-select-search::placeholder{color:#8f969e}.animated-select-list{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b65d35 #11161b;position:relative;scroll-padding:10px;max-height:320px}.animated-select-list.has-above{mask-image:linear-gradient(transparent,#000 15px)}.animated-select-list.has-below{mask-image:linear-gradient(#000 calc(100% - 15px),transparent)}.animated-select-list.has-above.has-below{mask-image:linear-gradient(transparent,#000 15px,#000 calc(100% - 15px),transparent)}.animated-select-track{position:relative;display:flex;flex-direction:column;gap:6px;padding:3px}.animated-select-option{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;box-sizing:border-box;min-height:46px;padding:12px 14px;border:1px solid #ffffff09;border-radius:10px;background:linear-gradient(180deg,#ffffff08,#ffffff03);font-size:14px;line-height:1.4;cursor:pointer;opacity:0;transform:translateY(13px) scale(.96);transition:transform 480ms cubic-bezier(.2,1.4,.4,1),opacity 240ms ease,border-color 200ms,background 200ms;transition-delay:var(--row-delay,0ms)}.animated-select-option.is-visible{opacity:1;transform:none}.animated-select-option.is-active{border-color:#ff874b65;background:#ff6a2115}.animated-select-option[aria-selected=true]{color:#ff9a64}.animated-select-option[aria-disabled=true]{opacity:.4;cursor:default}.animated-select-option>span:first-child{overflow-wrap:anywhere}.animated-select-check{opacity:0;color:#ff8d50;font-size:15px}.animated-select-option[aria-selected=true] .animated-select-check{opacity:1}.animated-select-indicator{position:absolute;top:0;left:3px;right:3px;border-radius:10px;background:linear-gradient(110deg,#ff702c1e,#ff702c05);box-shadow:0 0 18px #ff5a2109;pointer-events:none;transition:transform 420ms cubic-bezier(.2,1.25,.3,1),height 300ms;z-index:0}.animated-select-empty{padding:12px;color:#aeb5bd;font-size:14px}@keyframes select-panel-in{from{opacity:0;transform:translateY(5px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:700px){.animated-select-option{min-height:48px;font-size:14px}.animated-select-panel{border-radius:13px}}@media(prefers-reduced-motion:reduce){.animated-select-panel{animation:none}.animated-select-option,.animated-select-indicator,.animated-select-arrow{transition:none}.animated-select-option{opacity:1;transform:none}}

/* Soft entrance and continuous motion at the scrolling edges. */
.animated-select-panel{animation:select-panel-soft-in 420ms cubic-bezier(.16,1,.3,1);will-change:opacity,transform}
.animated-select-panel.is-closing{animation:select-panel-soft-out 180ms ease forwards;pointer-events:none}
.animated-select-option{transform:translateY(9px) scale(.98);transition:transform 650ms cubic-bezier(.16,1,.3,1),opacity 460ms cubic-bezier(.2,.8,.2,1),border-color 250ms,background 250ms}
.animated-select-option.is-visible{opacity:var(--edge-alpha,1);transform:translateY(var(--edge-y,0px)) scale(var(--edge-scale,1));transition:transform 180ms linear,opacity 180ms linear,border-color 250ms,background 250ms;transition-delay:0ms;animation:select-row-soft-in 680ms cubic-bezier(.16,1,.3,1) var(--row-delay,0ms) backwards}
.animated-select-indicator{transition:transform 560ms cubic-bezier(.16,1,.3,1),height 380ms cubic-bezier(.16,1,.3,1),opacity 200ms}
.animated-select-list{touch-action:pan-y;-webkit-overflow-scrolling:touch;scroll-padding:12px}
.animated-select-option[aria-disabled=true]{opacity:.4}
@keyframes select-panel-soft-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@keyframes select-panel-soft-out{to{opacity:0;transform:translateY(4px) scale(.985)}}
@keyframes select-row-soft-in{from{opacity:0;transform:translateY(12px) scale(.98)}}
@media(hover:none),(pointer:coarse){.animated-select-option{min-height:52px;padding:14px}.animated-select-search{min-height:46px}.animated-select-list{scrollbar-width:thin}}
@media(prefers-reduced-motion:reduce){.animated-select-panel,.animated-select-panel.is-closing,.animated-select-option.is-visible{animation:none}.animated-select-option,.animated-select-option.is-visible,.animated-select-indicator{transition:none;transform:none;opacity:1}}
@media(max-width:600px){.catalog-controls{grid-template-columns:1fr;gap:0}.catalog-controls>div{width:100%}.catalog-controls .animated-select{min-height:52px}}
