/* Shared product parameters: preserve existing select values and storefront handlers. */

.product-properties ._ui-select{position:relative;border-radius:28px}

.product-properties ._ui-select:focus-within,.product-properties ._ui-select:has(._ui-select--open){z-index:80}

.product-properties ._ui-select__title{box-sizing:border-box;display:flex;align-items:center;min-height:56px;padding:14px 48px 14px 20px;border:1px solid #e5e7e9;border-radius:28px;background:#fff;color:#252c30;font-family:inherit;font-size:16px;font-weight:500;line-height:1.4;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease,border-color .18s ease}

.product-properties ._ui-select__title:before{display:none}

.product-properties ._ui-select__title:after{content:"";position:absolute;left:auto;right:20px;top:50%;bottom:auto;width:14px;height:14px;border:0;border-radius:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%23252c30' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px 14px no-repeat;transform:translateY(-50%);transition:transform .2s ease}

.product-properties ._ui-select__title._ui-select--open{border-radius:28px;border-color:#d9dfe3;background:#edf0f2;box-shadow:inset 0 0 0 1px #e4e8eb}

.product-properties ._ui-select__title._ui-select--open:after{transform:translateY(-50%) rotate(180deg)}

.product-properties ._ui-select__title:focus-visible{outline:3px solid #287ca0;outline-offset:3px}

.product-properties ._ui-select__options{box-sizing:border-box;top:calc(100% + 10px);left:0;right:0;z-index:90;max-height:min(360px,45vh);padding:6px;border:1px solid #e5e7e9;border-radius:20px;background:#fff;color:#252c30;box-shadow:0 12px 32px rgba(20,30,38,.12),0 2px 6px rgba(20,30,38,.04);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}

.product-properties ._ui-select__options._ui-select__hidden{max-height:min(360px,45vh);padding:6px;opacity:0;visibility:hidden;transform:translateY(-5px);pointer-events:none}

.product-properties ._ui-select__options ._ui-select__option,.product-properties ._ui-select__options ._ui-select__option:last-child{position:relative;box-sizing:border-box;display:flex;align-items:center;min-height:44px;margin:0;padding:10px 42px 10px 14px;border:0;border-radius:14px;color:#252c30;font-family:inherit;font-size:15px;font-weight:400;line-height:1.45;white-space:normal;overflow-wrap:anywhere;transition:background-color .14s ease}

.product-properties ._ui-select__options ._ui-select__option._ui-select__option-selected,.product-properties ._ui-select__options ._ui-select__option[aria-selected=true]{background:#f2f4f5;font-weight:500}

.product-properties ._ui-select__options ._ui-select__option:hover{background:#e9ecee}

.product-properties ._ui-select__options ._ui-select__option:after{content:"";position:absolute;right:16px;top:calc(50% - 4px);width:9px;height:5px;border-left:1.8px solid #252c30;border-bottom:1.8px solid #252c30;transform:rotate(-45deg);opacity:0}

.product-properties ._ui-select__options ._ui-select__option._ui-select__option-selected:after,.product-properties ._ui-select__options ._ui-select__option[aria-selected=true]:after{opacity:1}

@media(hover:hover) and (pointer:fine){.product-properties ._ui-select__title:hover{background:#edf0f2;border-color:#dce1e4;box-shadow:0 4px 12px rgba(20,30,38,.07);transform:translateY(-1px)}}

.product-properties ._ui-select__title:active{transform:translateY(0) scale(.99)}

@media(max-width:760px){.product-properties ._ui-select__title{min-height:52px;padding:12px 44px 12px 16px;font-size:15px}.product-properties ._ui-select__title:after{right:16px}.product-properties ._ui-select__options{border-radius:18px;max-height:min(320px,45vh)}.product-properties ._ui-select__options._ui-select__hidden{max-height:min(320px,45vh)}.product-properties ._ui-select__options ._ui-select__option,.product-properties ._ui-select__options ._ui-select__option:last-child{font-size:14px}}

@media(prefers-reduced-motion:reduce){.product-properties ._ui-select__title,.product-properties ._ui-select__title:after,.product-properties ._ui-select__options,.product-properties ._ui-select__options ._ui-select__option{transition:none}.product-properties ._ui-select__title:hover,.product-properties ._ui-select__title:active{transform:none}}


/* The native select is hidden until the custom control is built; reserve its final height. */
.product-properties ._ui-select{min-height:56px}
@media(max-width:760px){.product-properties ._ui-select{min-height:52px}}