.sort-dropdown{--main-color: #07478A;--secondary-color: #FFFFFF;display:flex;align-items:center;justify-content:space-between;padding:16px 0;margin-bottom:24px;max-width:900px;gap:16px;margin-left:auto;margin-right:auto}@media(max-width:749px){.sort-dropdown{max-width:360px}}.sort-dropdown__results-count{font-size:14px;color:#6b7280;font-weight:500}.sort-dropdown__controls{display:flex;align-items:center;gap:16px;flex:1;width:100%}.sort-dropdown__wrapper{position:relative;width:100%}.sort-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--secondary-color);border:2px solid #000;border-radius:6px;min-width:140px;cursor:pointer;transition:border-color .2s;width:100%;min-height:54px}@media(max-width:749px){.sort-dropdown__trigger{min-height:34px}}.sort-dropdown__trigger:hover{opacity:.8}.sort-dropdown__trigger[aria-expanded=true] .sort-dropdown__trigger-arrow{transform:rotate(180deg)}.sort-dropdown__trigger-label{font-size:14px;color:#374151;font-weight:500}.sort-dropdown__trigger-arrow{color:#6b7280;transition:transform .2s}.sort-dropdown__options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #D1D5DB;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;z-index:50;margin-top:4px}.sort-dropdown__category{padding:8px 12px;border-bottom:1px solid #F3F4F6}.sort-dropdown__category-label{font-size:12px;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.sort-dropdown__option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s;font-size:14px;color:#374151}.sort-dropdown__option:hover{background-color:#f9fafb}.sort-dropdown__option--active{background-color:#eff6ff;color:var(--main-color)}.sort-dropdown__option-icon{color:#3b82f6;flex-shrink:0}.sort-dropdown__filter{display:flex;align-items:center;justify-content:center;width:54px;height:54px;background:var(--main-color);border:none;border-radius:6px;cursor:default;transition:background-color .2s;pointer-events:none}@media(max-width:749px){.sort-dropdown__filter{width:34px;height:34px}}.sort-dropdown__filter-icon{color:#fff}.sort-dropdown__filter svg{max-width:28px}@media(max-width:749px){.sort-dropdown__filter svg{width:18px}}@media(max-width:749px){.sort-dropdown{flex-direction:column;align-items:flex-start;gap:12px}.sort-dropdown__controls{width:100%;justify-content:space-between}.sort-dropdown__trigger{flex:1}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-n-sort-bar.css.map */