.sort-toolbar{display:flex;align-items:center;width:100%;padding:12px 0;border-bottom:none;position:relative;z-index:10}.sort-toolbar__inner{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}.sort-toolbar__filter-slot{flex-shrink:0}.sort-toolbar__count{display:none!important}.sort-toolbar__count-text{font-size:14px;color:#6b7280;font-weight:400}.sort-toolbar__sort{flex-shrink:0;position:relative}.sort-toolbar__sort-desktop{display:none;position:relative}.sort-trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .15s ease;position:relative;min-width:200px;justify-content:space-between}.sort-trigger:hover{border-color:#9ca3af;background:#f9fafb}.sort-trigger:focus{outline:2px solid #f97316;outline-offset:2px}.sort-trigger__label{display:flex;align-items:center;gap:4px}.sort-trigger__chevron{flex-shrink:0;transition:transform .15s ease}.sort-trigger[aria-expanded=true] .sort-trigger__chevron{transform:rotate(180deg)}.sort-trigger--active:after{content:"";position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:#f97316}.sort-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;max-width:max-content;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px #00000026;padding:4px 0;margin:0;list-style:none;z-index:100;opacity:0;transform:translateY(-8px);transition:opacity .15s ease,transform .15s ease}.sort-dropdown:not([hidden]){opacity:1;transform:translateY(0)}.sort-dropdown--flipped{top:auto;bottom:calc(100% + 4px)}.sort-option{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;color:#1a1a1a;cursor:pointer;transition:background .1s ease;min-height:40px}.sort-option:hover{background:#f5f5f5}.sort-option:focus{background:#f5f5f5;outline:none}.sort-option--selected{font-weight:600;background:#fef3ed}.sort-option__checkmark{flex-shrink:0;color:#f97316}.sort-option__label{flex:1}.sort-trigger-mobile{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1.5px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .15s ease;min-height:44px;position:relative}.sort-trigger-mobile:hover{border-color:#9ca3af;background:#f9fafb}.sort-trigger-mobile:focus{outline:2px solid #f97316;outline-offset:2px}.sort-trigger-mobile__icon{flex-shrink:0}.sort-trigger-mobile__label{flex:1}.sort-trigger-mobile__chevron{flex-shrink:0}.sort-trigger-mobile--active:after{content:"";position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:#f97316}.sort-toolbar__view-toggle--mobile{display:none}@media(max-width:767px){.sort-toolbar__view-toggle--mobile{display:flex;align-items:center;gap:6px}.sort-toolbar__view-label{font-size:14px;font-weight:500;color:#374151;flex-shrink:0}.sort-toolbar__view-btn{min-width:40px;min-height:40px;padding:8px;border:1px solid #d1d5db;border-radius:6px;background:transparent;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease,color .15s ease}.sort-toolbar__view-btn:hover{border-color:#9ca3af;background:#f9fafb;color:#1a1a1a}.sort-toolbar__view-btn:focus{outline:2px solid #f97316;outline-offset:2px}.sort-toolbar__view-btn--active,.sort-toolbar__view-btn[aria-pressed=true]{border-color:#d1d5db;background:#f4f4f4;color:#1a1a1a}.sort-toolbar__view-icon{display:block;flex-shrink:0}}@media(min-width:768px){.sort-toolbar__view-toggle--mobile{display:none!important}}.sort-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1100;opacity:0;transition:opacity .25s ease}.sort-modal-backdrop:not([hidden]){opacity:1}.sort-modal{position:fixed;bottom:0;left:0;right:0;max-height:50vh;background:#fff;border-radius:20px 20px 0 0;z-index:1150;transform:translateY(100%);transition:transform .25s ease-out;overflow-y:auto;overscroll-behavior:contain}.sort-modal:not([hidden]){transform:translateY(0)}.sort-modal__content{padding-bottom:env(safe-area-inset-bottom,20px)}.sort-modal__drag-handle{width:40px;height:4px;background:#d1d5db;border-radius:2px;margin:12px auto 0}.sort-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e5e7}.sort-modal__title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.sort-modal__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-radius:50%;cursor:pointer;color:#6b7280;transition:all .15s ease;padding:0;margin:-8px -8px -8px 0}.sort-modal__close:hover{background:#f3f4f6;color:#1a1a1a}.sort-modal__close:focus{outline:2px solid #f97316;outline-offset:2px}.sort-modal__options{padding:8px 0}.sort-option-mobile{display:flex;align-items:center;gap:12px;padding:12px 20px;min-height:48px;cursor:pointer;transition:background .1s ease;width:100%}.sort-option-mobile:hover{background:#f9fafb}.sort-option-mobile__radio{position:absolute;opacity:0;pointer-events:none}.sort-option-mobile__radio-visual{flex-shrink:0;width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;position:relative;transition:all .15s ease}.sort-option-mobile__radio:checked+.sort-option-mobile__radio-visual{border-color:#f97316;background:#f97316}.sort-option-mobile__radio:checked+.sort-option-mobile__radio-visual:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.sort-option-mobile__radio:focus+.sort-option-mobile__radio-visual{outline:2px solid #f97316;outline-offset:2px}.sort-option-mobile__label{flex:1;font-size:16px;color:#1a1a1a;font-weight:400}.sort-option-mobile__radio:checked~.sort-option-mobile__label{font-weight:600}.sort-skeleton{margin-top:16px}.sort-skeleton__grid{width:100%}.sort-skeleton__card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;animation:skeleton-fade-in .3s ease}@keyframes skeleton-fade-in{0%{opacity:0}to{opacity:1}}.sort-skeleton__image{width:100%;padding-top:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite}.sort-skeleton__content{padding:12px}.sort-skeleton__line{height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px;margin-bottom:8px}.sort-skeleton__line--title{width:80%;height:14px}.sort-skeleton__line--subtitle{width:60%;height:12px}.sort-skeleton__line--price{width:40%;height:14px;margin-bottom:0}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.sort-skeleton__image,.sort-skeleton__line{animation:none;background:#e8e8e8}}.sort-loading-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;border:1px solid #e5e5e5;border-radius:12px;padding:32px 48px;box-shadow:0 8px 24px #00000026;z-index:1200;text-align:center;opacity:0;transition:opacity .3s ease}.sort-loading-overlay:not([hidden]){opacity:1}.sort-loading-overlay__spinner{width:40px;height:40px;margin:0 auto 16px;color:#f97316;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sort-loading-overlay__text{font-size:16px;font-weight:500;color:#1a1a1a;margin:0}.sort-toolbar--sticky{position:sticky;top:0;z-index:950;box-shadow:0 2px 4px #0000001a}.header-hidden~* .sort-toolbar--sticky,.header-hidden~.sort-toolbar--sticky{top:0}.sort-toolbar__fallback{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border:1px solid #e5e5e5;border-radius:6px;margin-top:16px}.sort-toolbar__fallback label{font-size:14px;font-weight:500;color:#1a1a1a}.sort-toolbar__fallback select{padding:8px 32px 8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;background:#fff;cursor:pointer;min-height:40px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sort-toolbar button,.sort-toolbar a,.sort-toolbar input,.sort-toolbar [role=button],.sort-toolbar [role=option],.sort-modal button,.sort-modal a,.sort-modal input,.sort-modal [role=button],.sort-modal [role=option]{min-height:44px;min-width:44px}@media(max-width:767px){.sort-toolbar{padding:8px 0;flex-wrap:wrap}.sort-toolbar__inner{flex-wrap:wrap;gap:8px}.sort-toolbar__filter-slot{order:2}.sort-toolbar__view-toggle--mobile{order:1}.sort-toolbar__sort{order:3;margin-left:auto}.sort-toolbar__count-text{font-size:13px}.sort-toolbar__sort-desktop{display:none}.sort-trigger-mobile{display:inline-flex}.sort-toolbar{position:sticky;top:0;z-index:950}.sort-toolbar--sticky{box-shadow:0 2px 4px #0000001a}}@media(min-width:768px){.sort-toolbar{padding:16px 0}.sort-toolbar__inner{flex-wrap:nowrap}.sort-toolbar__sort-desktop{display:block}.sort-trigger-mobile{display:none}.sort-modal,.sort-modal-backdrop{display:none!important}}@media(max-width:414px){.sort-trigger-mobile{padding:8px 12px;font-size:13px}.sort-toolbar__count-text{font-size:12px}}@media(max-width:360px){.sort-trigger-mobile{min-width:44px;padding:8px}}[data-products-grid].is-loading{opacity:.5;pointer-events:none;transition:opacity .2s ease}[data-products-grid]:not(.is-loading){opacity:1;transition:opacity .2s ease}.sort-error-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#ef4444;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:1300;animation:toast-slide-up .3s ease}@keyframes toast-slide-up{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.sort-error-toast{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/232/assets/sort.css.map */