:root{--color-bg-white: #FFFFFF;--color-text-dark: #111827;--color-text-gray: #6B7280;--color-border-light: #E5E7EB;--color-border-medium: #D1D5DB;--color-accent-burgundy: #9F1239;--color-accent-burgundy-hover: #881337;--color-hover-bg: #F9FAFB;--color-selected-bg: #FEF2F2;--color-disabled-bg: #F3F4F6;--color-disabled-text: #9CA3AF;--transition-fast: .15s ease;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}.custom-dropdown{position:relative;width:100%;margin-bottom:1rem}.custom-dropdown__label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-dark);margin-bottom:.5rem;letter-spacing:-.01em}.custom-dropdown__label .required{color:var(--color-accent-burgundy);margin-left:2px}.custom-dropdown__button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--color-bg-white);border:1.5px solid var(--color-border-light);border-radius:8px;font-size:.9375rem;color:var(--color-text-dark);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.custom-dropdown__button:hover{border-color:var(--color-border-medium);box-shadow:var(--shadow-md)}.custom-dropdown__button:focus{outline:none;border-color:var(--color-accent-burgundy);box-shadow:0 0 0 3px #9f12391a}.custom-dropdown__button.is-open{border-color:var(--color-accent-burgundy);box-shadow:0 0 0 3px #9f12391a}.custom-dropdown__button-text{flex:1;text-align:left;color:var(--color-text-gray)}.custom-dropdown__button-text.has-selection{color:var(--color-text-dark);font-weight:500}.custom-dropdown__icon{width:20px;height:20px;margin-left:.5rem;transition:transform var(--transition-fast);color:var(--color-text-gray)}.custom-dropdown__button.is-open .custom-dropdown__icon{transform:rotate(180deg)}.custom-dropdown__selected{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.custom-dropdown__pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-accent-burgundy);color:#fff;border-radius:20px;font-size:.875rem;font-weight:500;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.custom-dropdown__pill:hover{background:var(--color-accent-burgundy-hover);box-shadow:var(--shadow-md)}.custom-dropdown__pill-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#fff3;border-radius:50%;cursor:pointer;transition:background var(--transition-fast)}.custom-dropdown__pill-remove:hover{background:#ffffff4d}.custom-dropdown__panel{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--color-bg-white);border:1.5px solid var(--color-border-light);border-radius:12px;box-shadow:var(--shadow-lg);z-index:1000;max-height:400px;overflow:hidden;opacity:0;transform:translateY(0);pointer-events:none;transition:all var(--transition-fast)}.custom-dropdown__panel.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.custom-dropdown__search{padding:.75rem;border-bottom:1px solid var(--color-border-light)}.custom-dropdown__search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1.5px solid var(--color-border-light);border-radius:8px;font-size:.875rem;background:var(--color-hover-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236B7280' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.75rem center;transition:all var(--transition-fast)}.custom-dropdown__search-input:focus{outline:none;border-color:var(--color-accent-burgundy);background-color:var(--color-bg-white)}.custom-dropdown__options{max-height:320px;overflow-y:auto;padding:.5rem}.custom-dropdown__options::-webkit-scrollbar{width:8px}.custom-dropdown__options::-webkit-scrollbar-track{background:var(--color-hover-bg);border-radius:4px}.custom-dropdown__options::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:4px}.custom-dropdown__options::-webkit-scrollbar-thumb:hover{background:var(--color-text-gray)}.custom-dropdown__category{padding:.75rem .75rem .5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-gray);margin-top:.5rem}.custom-dropdown__category:first-child{margin-top:0}.custom-dropdown__option{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:all var(--transition-fast);margin-bottom:.25rem}.custom-dropdown__option:hover{background:var(--color-hover-bg)}.custom-dropdown__option.is-selected{background:var(--color-selected-bg)}.custom-dropdown__option.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.custom-dropdown__checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;border:2px solid var(--color-border-medium);border-radius:4px;margin-top:2px;transition:all var(--transition-fast)}.custom-dropdown__option:hover .custom-dropdown__checkbox{border-color:var(--color-accent-burgundy)}.custom-dropdown__option.is-selected .custom-dropdown__checkbox{background:var(--color-accent-burgundy);border-color:var(--color-accent-burgundy)}.custom-dropdown__checkbox-icon{width:12px;height:12px;color:#fff;opacity:0;transform:scale(.5);transition:all var(--transition-fast)}.custom-dropdown__option.is-selected .custom-dropdown__checkbox-icon{opacity:1;transform:scale(1)}.custom-dropdown__option-content{flex:1}.custom-dropdown__option-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.custom-dropdown__option-name{font-weight:500;color:var(--color-text-dark);font-size:.9375rem}.custom-dropdown__option-price{font-size:.8125rem;font-weight:600;color:var(--color-accent-burgundy);white-space:nowrap}.custom-dropdown__option-description{font-size:.8125rem;color:var(--color-text-gray);line-height:1.4}.custom-dropdown__helper{padding:.75rem;border-top:1px solid var(--color-border-light);font-size:.8125rem;color:var(--color-text-gray);text-align:center}.custom-dropdown__empty{padding:2rem 1rem;text-align:center;color:var(--color-text-gray);font-size:.875rem}@media(max-width:480px){.custom-dropdown__panel{max-height:60vh}}.custom-dropdown__button:focus-visible,.custom-dropdown__search-input:focus-visible,.custom-dropdown__option:focus-visible{outline:2px solid var(--color-accent-burgundy);outline-offset:2px}.custom-dropdown__loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--color-text-gray)}.custom-dropdown__spinner{width:24px;height:24px;border:3px solid var(--color-border-light);border-top-color:var(--color-accent-burgundy);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/custom-dropdown.css.map */