.collection-toolbar{position:relative}.filter-drawer-trigger{position:absolute;display:flex;align-items:center;top:4px;right:2rem;font-weight:500;font-size:16px;line-height:1;text-align:center;text-transform:uppercase;background:transparent;border:transparent;outline:transparent;cursor:pointer;font-family:pp_moribook}@media (max-width: 768px){.filter-drawer-trigger{top:4px;right:14px;color:#000;text-decoration:none!important;font-size:15px}}.filter-drawer-trigger:hover{text-decoration:underline}.filter-drawer-trigger svg{width:18px;height:18px}.filter-drawer-trigger__count{opacity:.7}.filter-drawer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.filter-drawer__overlay,.filter-drawer__panel{z-index:1001}.filter-drawer.active{pointer-events:all;opacity:1;visibility:visible}.filter-drawer__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;cursor:pointer}.filter-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:400px;background:#fff;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease;box-shadow:-2px 0 8px #0000001a}.filter-drawer.active .filter-drawer__panel{transform:translate(0)}.filter-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:10px 15px 10px 20px;border-bottom:1px solid #e5e5e5;flex-shrink:0}.filter-drawer__title{font-weight:700;font-size:16px;line-height:22px;text-align:center;text-transform:uppercase;margin:0}.filter-drawer__close{background:none;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.filter-drawer__close:hover{opacity:.7}.filter-drawer__close svg{width:24px;height:24px}.filter-drawer__content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;min-height:0;padding-bottom:5rem}.filter-drawer__sort-section{padding:0;display:flex;gap:25px}.filter-drawer__sort-label{display:block;font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.filter-drawer__sort-section .select{position:relative;width:100%;border:1px solid #595959;border-radius:8px;background:#fff;min-height:32px}.filter-drawer__sort-display{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:.8rem;padding:0 2rem;pointer-events:none;z-index:1}.filter-drawer__sort-text{font-size:14px;color:#000;line-height:1;white-space:nowrap}.filter-drawer__sort-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;border:none;border-radius:4px;background:transparent;font-size:1.4rem;cursor:pointer;line-height:1.4;opacity:0;position:relative;z-index:2;padding:5px 30px;font-size:14px}.filter-drawer__sort-section .icon-caret{pointer-events:none;fill:transparent;flex-shrink:0}.filter-drawer__form{display:flex;flex-direction:column;height:100%}.filter-drawer__group{border-bottom:1px solid #e5e5e5}.filter-drawer__group-summary{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;position:relative}.filter-drawer__group-summary::-webkit-details-marker{display:none}.filter-drawer__group-summary::marker{display:none}.filter-drawer__group-title{font-family:pp_moribold;font-weight:700;font-size:14px;line-height:22px;letter-spacing:4%;text-transform:uppercase;color:#000}.filter-drawer__group-icon{width:12px;height:8px;transition:transform .3s ease;flex-shrink:0;fill:transparent}.filter-drawer__group:not([open]) .filter-drawer__group-icon{transform:rotate(180deg)}.filter-drawer__group[open] .filter-drawer__group-icon{transform:rotate(0)}.filter-drawer__group-summary:hover{background:#00000005}.filter-drawer__group-content{padding:0 20px 20px}.filter-drawer__list{list-style:none;padding:0;margin:0}.filter-drawer__list-item{margin-bottom:9px}.filter-drawer__list-item:last-child{margin-bottom:0}.filter-drawer__checkbox-label{display:flex;align-items:center;gap:1rem;cursor:pointer;font-family:pp_moribook;font-weight:300;font-size:12px;line-height:22px;color:#000;transition:opacity .2s ease}.filter-drawer__checkbox-label:hover{opacity:.8}.filter-drawer__checkbox-label.disabled{opacity:.4;cursor:not-allowed}.filter-drawer__checkbox{position:absolute;opacity:0;pointer-events:none}.filter-drawer__checkbox-custom{width:20px;height:20px;border:2px solid #000;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;transition:all .2s ease;padding-bottom:1px}.filter-drawer__checkbox:checked+.filter-drawer__checkbox-custom{background:#000;border-color:#000}.filter-drawer__checkbox-custom svg{opacity:0;transition:opacity .2s ease}.filter-drawer__checkbox:checked+.filter-drawer__checkbox-custom svg{opacity:1}.filter-drawer__checkbox-text{flex:1;display:flex;align-items:center;gap:.5rem}.filter-drawer__checkbox-count{font-size:1.2rem}.filter-drawer__price-range{padding-top:.5rem}.filter-drawer__price-inputs{display:flex;align-items:center;gap:1rem}.filter-drawer__price-field{flex:1;display:flex;align-items:center;gap:.5rem;border:1px solid #e5e5e5;border-radius:4px;padding:.8rem 1rem;background:#fff}.filter-drawer__price-currency{font-size:1.4rem;font-weight:500;color:#666}.filter-drawer__price-input{flex:1;border:none;outline:none;font-size:1.4rem;padding:0;width:100%}.filter-drawer__price-input::placeholder{color:#999}.filter-drawer__price-separator{font-size:1.4rem;color:#666}.filter-drawer__footer{display:flex;gap:1rem;padding:2rem;border-top:1px solid #e5e5e5;flex-shrink:0;background:#fff;position:sticky;bottom:0;z-index:10}.filter-drawer__button{flex:1;padding:1.2rem 2rem;border:1px solid #000;border-radius:4px;font-size:1.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.filter-drawer__button--clear{background:#fff;color:#000}.filter-drawer__button--clear:hover{background:#f5f5f5}.filter-drawer__button--apply{background:#000;color:#fff}.filter-drawer__button--apply:hover{background:#333}@media screen and (max-width: 749px){.filter-drawer__panel{max-width:100%;width:calc(100% - 50px)}.filter-drawer-trigger-container{flex-direction:column;align-items:stretch;gap:1rem}.filter-drawer-sort{flex-direction:column;align-items:stretch;gap:.5rem}.filter-drawer-sort__select{width:100%}}@media screen and (max-width: 480px){.filter-drawer__panel{width:100%}.filter-drawer__header{padding:10px 15px 10px 20px}.filter-drawer__title{font-size:1.6rem}.filter-drawer__group-summary{padding:12px 20px}.filter-drawer__group-content{padding:0 20px 20px}.filter-drawer__footer{padding:1.5rem}}.active-filters{display:flex;flex-wrap:wrap;gap:.8rem;padding:0 2rem 1.5rem}.active-filter-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:20px;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.active-filter-tag:hover{background:#e5e5e5}.active-filter-tag svg{width:12px;height:12px}.filter-drawer__content::-webkit-scrollbar{width:6px}.filter-drawer__content::-webkit-scrollbar-track{background:#f5f5f5}.filter-drawer__content::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.filter-drawer__content::-webkit-scrollbar-thumb:hover{background:#999}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10;transition:opacity .3s ease}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #000;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#product-grid,.product-grid{transition:opacity .3s ease}.filter-drawer__button:disabled{opacity:.6;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/103/assets/component-filter-drawer.css.map */