.filters{width:100%}.filters__wrapper{display:flex;flex-wrap:wrap;align-items:flex-start;padding:24px;background:linear-gradient(135deg,#d9fdf1cc,#ffffffe6);border-radius:16px;box-shadow:0 4px 20px #00000014,0 1px 3px #0000001a;border:1px solid rgba(21,100,167,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media only screen and (max-width:479px){.filters__wrapper{padding:16px}}.filters__button-container{display:flex;align-items:center}.filters__button-container .button{padding:5px 10px}@media only screen and (max-width:767px){.filters__button-container{flex-wrap:wrap}}.filters__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:100%}@media only screen and (max-width:767px){.filters__container{gap:16px;grid-template-columns:1fr}}@media only screen and (max-width:479px){.filters__container{gap:12px}}.filters__select-wrapper{display:flex;flex-direction:column;gap:5px;width:100%}.filters__label{font-size:16px;line-height:24px;font-weight:500;color:#6b7280;flex:1;width:100%}.filters__select{width:100%;max-width:260px;padding:6px 16px;border-radius:50px;font-size:18px;line-height:24px;font-weight:600;color:#11181d;background-color:#ffffff80;border:1px solid #1564a7;cursor:pointer}@media only screen and (max-width:767px){.filters__select{max-width:calc(100% - 20px);padding:5px}}.filters__group{display:flex;flex-direction:column;gap:12px;width:100%}.filters__group-title{font-size:16px;line-height:24px;font-weight:700;color:#11181d;margin:0;position:relative;padding-bottom:8px}.filters__group-title:after{content:"";position:absolute;bottom:0;left:0;width:24px;height:2px;background:linear-gradient(90deg,#1564a7,#1564a766);border-radius:1px}.filters__checkboxes{display:flex;gap:6px;flex-wrap:wrap;overflow-y:auto}.filters__checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;line-height:20px;color:#11181d;-webkit-user-select:none;user-select:none;padding:8px 12px;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.filters__checkbox-label:hover{background-color:#1564a714;transform:translate(2px)}.filters__checkbox-label:active{transform:translate(1px) scale(.98)}.filters__checkbox{width:18px;height:18px;border:2px solid rgba(21,100,167,.4);border-radius:5px;cursor:pointer;appearance:none;background-color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative;box-shadow:0 2px 4px #0000001a}.filters__checkbox:checked{background:linear-gradient(135deg,#1564a7,#0f497a);border-color:#1564a7;transform:scale(1.05);box-shadow:0 4px 8px #1564a74d}.filters__checkbox:checked:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);animation:checkmark .2s ease-in-out}.filters__checkbox:focus{outline:none;box-shadow:0 0 0 3px #1564a733}.filters__checkbox:hover:not(:checked){border-color:#1564a799;transform:scale(1.02)}.filters__checkbox-text{flex:1;font-weight:500}.filters__actions{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;width:100%;grid-column:1/-1;margin-top:16px;padding-top:16px;border-top:1px solid rgba(21,100,167,.1)}@media only screen and (max-width:479px){.filters__actions{flex-direction:column;align-items:stretch}}.filters__toggle-button{display:none;width:180px;padding:12px 20px;margin-bottom:15px;background:linear-gradient(135deg,#0189a8,#0aa89b);background-size:200% 200%;background-position:left;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;font-family:Raleway,Verdana,sans-serif;cursor:pointer;transition:all .3s ease;min-height:44px;box-sizing:border-box}@media only screen and (max-width:767px){.filters__toggle-button{display:block;width:100%;max-width:300px}}@media only screen and (max-width:479px){.filters__toggle-button{font-size:15px}}.filters__toggle-button:hover{background:linear-gradient(315deg,#0189a8,#0aa89b);box-shadow:0 4px 12px #0189a84d}.filters__toggle-button:active{box-shadow:0 2px 6px #0189a833}.filters__toggle-button:focus-visible{outline:2px solid #1564a7;outline-offset:2px}.filters__toggle-button:disabled{opacity:.6;cursor:not-allowed}.filters__active-tags{margin-top:15px;grid-column:1/-1}.filters__active-tags-title{font-size:14px;font-weight:600;color:#11181d;margin:0 0 8px}.filters__tags{display:flex;flex-wrap:wrap;gap:8px}.filters__tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background-color:#1564a7;color:#fff;border-radius:16px;font-size:12px;font-weight:500;line-height:1.2}@media only screen and (max-width:767px){.filters__tag{font-size:11px;padding:3px 6px}}.filters__tag-label{opacity:.8}.filters__tag-value{font-weight:600}.filters__tag-remove{background:none;border:none;color:#fff;font-size:14px;font-weight:700;cursor:pointer;margin-left:4px;padding:0;line-height:1;transition:all .2s ease;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.filters__tag-remove:hover{background-color:#fff3}.filters__tag-remove:focus{outline:none;background-color:#ffffff4d}@media only screen and (max-width:767px){.filters__tag-remove{width:14px;height:14px;font-size:12px}}.products__wrapper{transition:opacity .3s ease}.products__wrapper.loading{opacity:.5;pointer-events:none}.button:disabled{opacity:.6;cursor:not-allowed}.button:disabled:hover{background-color:currentColor}@keyframes checkmark{0%{opacity:0;transform:rotate(45deg) scale(0)}50%{opacity:1;transform:rotate(45deg) scale(1.2)}to{opacity:1;transform:rotate(45deg) scale(1)}}
