.top{position:fixed;bottom:0;right:20px;z-index:3;display:flex;justify-content:flex-end;padding:1em;font-size:18px}.top button{width:55px;height:55px;border-radius:1px;background-color:var(--brand-logo-color);opacity:.5;outline:none}.top button:hover{opacity:.8}.top .icon{height:35px;width:35px}.slider-target,.slider-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-target{position:relative}.slider-base,.slider-connects{height:100%;position:relative;width:100%;z-index:1}.slider-connects{overflow:hidden;z-index:0}.slider-connect,.slider-origin{height:100%;position:absolute;right:0;top:0;transform-origin:0 0;transform-style:flat;width:100%;will-change:transform;z-index:1}.slider-txt-dir-rtl.slider-horizontal .slider-origin{left:0;right:auto}.slider-vertical .slider-origin{top:-100%;width:0}.slider-horizontal .slider-origin{height:0}.slider-handle{backface-visibility:hidden;position:absolute}.slider-touch-area{height:100%;width:100%}.slider-state-tap .slider-connect,.slider-state-tap .slider-origin{transition:transform .3s}.slider-state-drag *{cursor:inherit!important}.slider-tooltip-drag .slider-tooltip,.slider-tooltip-focus .slider-tooltip{display:none!important}.slider-tooltip-drag .slider-active .slider-tooltip,.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden){display:block!important}.slider-horizontal{height:var(--slider-height,6px)}.slider-horizontal .slider-handle{height:var(--slider-handle-height,16px);right:calc(var(--slider-handle-width, 16px)/2*-1);top:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 - 1px);width:var(--slider-handle-width,16px)}.slider-vertical{height:var(--slider-vertical-height,300px);width:var(--slider-height,6px)}.slider-vertical .slider-handle{bottom:calc(var(--slider-handle-width, 16px)/2*-1);height:var(--slider-handle-width,16px);right:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 - 1px);width:var(--slider-handle-height,16px)}.slider-txt-dir-rtl.slider-horizontal .slider-handle{left:calc(var(--slider-handle-width, 16px)/2*-1);right:auto}.slider-base{background-color:var(--slider-bg,#d1d5db)}.slider-base,.slider-connects{border-radius:var(--slider-radius,9999px)}.slider-connect{background:var(--slider-connect-bg,#10b981);cursor:pointer}.slider-draggable{cursor:ew-resize}.slider-vertical .slider-draggable{cursor:ns-resize}.slider-handle{background:var(--slider-handle-bg,#fff);border:var(--slider-handle-border,0);border-radius:var(--slider-handle-radius,9999px);box-shadow:var(--slider-handle-shadow,.5px .5px 2px 1px rgba(0,0,0,.32));cursor:grab;height:var(--slider-handle-height,16px);width:var(--slider-handle-width,16px)}.slider-handle:focus{box-shadow:0 0 0 var(--slider-handle-ring-width,3px) var(--slider-handle-ring-color,rgba(16,185,129,.188)),var(--slider-handle-shadow,.5px .5px 2px 1px rgba(0,0,0,.32));outline:none}.slider-active{box-shadow:var(--slider-handle-shadow-active,.5px .5px 2px 1px rgba(0,0,0,.42));cursor:grabbing}[disabled] .slider-connect{background:var(--slider-connect-bg-disabled,#9ca3af)}[disabled] .slider-handle,[disabled].slider-handle,[disabled].slider-target{cursor:not-allowed}[disabled] .slider-tooltip{background:var(--slider-tooltip-bg-disabled,#9ca3af);border-color:var(--slider-tooltip-bg-disabled,#9ca3af)}.slider-tooltip{background:var(--slider-tooltip-bg,#10b981);border:1px solid var(--slider-tooltip-bg,#10b981);border-radius:var(--slider-tooltip-radius,5px);color:var(--slider-tooltip-color,#fff);display:block;font-size:var(--slider-tooltip-font-size,.875rem);font-weight:var(--slider-tooltip-font-weight,600);line-height:var(--slider-tooltip-line-height,1.25rem);min-width:var(--slider-tooltip-min-width,20px);padding:var(--slider-tooltip-py,2px) var(--slider-tooltip-px,6px);position:absolute;text-align:center;white-space:nowrap}.slider-horizontal .slider-tooltip-top{bottom:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));left:50%;transform:translate(-50%)}.slider-horizontal .slider-tooltip-top:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-top-color:inherit;bottom:calc(var(--slider-tooltip-arrow-size, 5px)*-2);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0}.slider-horizontal .slider-tooltip-bottom{left:50%;top:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));transform:translate(-50%)}.slider-horizontal .slider-tooltip-bottom:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-bottom-color:inherit;content:"";height:0;left:50%;position:absolute;top:calc(var(--slider-tooltip-arrow-size, 5px)*-2);transform:translate(-50%);width:0}.slider-vertical .slider-tooltip-left{right:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-left:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-left-color:inherit;content:"";height:0;position:absolute;right:calc(var(--slider-tooltip-arrow-size, 5px)*-2);top:50%;transform:translateY(-50%);width:0}.slider-vertical .slider-tooltip-right{left:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-right:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-right-color:inherit;content:"";height:0;left:calc(var(--slider-tooltip-arrow-size, 5px)*-2);position:absolute;top:50%;transform:translateY(-50%);width:0}.slider-horizontal .slider-origin>.slider-tooltip{left:auto;transform:translate(50%)}.slider-horizontal .slider-origin>.slider-tooltip-top{bottom:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + 1px)}.slider-horizontal .slider-origin>.slider-tooltip-bottom{top:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip{top:auto;transform:translateY(calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px))*-1 + 1px))}.slider-vertical .slider-origin>.slider-tooltip-left{right:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip-right{left:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px)}.slider{margin:.5em 0;padding:0 .5em;--slider-bg:var(--border-color);--slider-connect-bg:var(--brand-color);--slider-tooltip-bg:var(--brand-color);--slider-handle-ring-color:var(--brand-color)}.filters{min-width:250px;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 60px - 1em);overflow-y:scroll;scrollbar-width:none;color:var(--fg-color)}.filters__main{max-height:calc(100vh - 124px - 1em)}.filters__clear{margin:.5em 0;padding:.5em 1em;border-radius:2em;background-color:transparent;border:1px solid var(--brand-color);color:var(--brand-color)}.filters__clear:hover{background-color:var(--brand-color);color:var(--bg-color)}.filters__clear{margin-left:auto}@media screen and (min-width:800px){.filters{padding:1em;box-sizing:border-box}}.filters>.filter:not(:last-child){padding-bottom:1em}.filters .h2{font-size:24px;margin:.5em}.filters .h3{font-size:16px;margin:.5em .5em .5em 0;font-weight:700}.filters .clean{border:1px solid var(--brand-color);border-radius:5px;color:var(--brand-color);font-size:small;background-color:transparent}.filters .filter{margin-bottom:1em}.filters .filter header h2{text-align:left}.filters .filter--slider .filter__options{padding:0 .25em}.filters .filter--slider .filter__options__range{display:flex;justify-content:space-between}.filters .filter--slider .filter__options__range input{background-color:transparent;border:1px solid var(--border-color);padding:.5em;font-size:large;text-align:right}.filters .filter__options{display:flex;flex-direction:column;gap:.5em}.filters .filter__options>input{padding:.5em}.filters .filter__options__option{display:flex;flex-direction:row;align-items:center}.filters .filter__options__option>label{max-width:15em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filters .filter__options__option span{font-size:.8em;padding:.2em .5em;color:var(--color--mute)}.filters .filter button{margin-top:.5em;display:flex;justify-content:left;align-items:center;text-decoration:none;color:var(--brand-color);gap:.3em}.filters .filter button .icon{transition:all .2s}.filters .filter button .icon.shown{transform:rotate(180deg)}.filters .filter button .icon svg{fill:var(--brand-color)!important}.drawer-enter-active,.drawer-leave-active{transition:all .3s ease}:is(.drawer-enter-active,.drawer-leave-active) .drawer__content{transition:all .3s ease}.drawer-enter,.drawer-leave-to{opacity:0}:is(.drawer-enter,.drawer-leave-to) .drawer__content{transform:translateY(100%)}.drawer{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:7}.drawer__content{position:fixed;right:0;bottom:0;width:100%;background-color:#fff;z-index:8;padding:1.5rem 3rem 1rem;box-sizing:border-box;border-radius:.75rem .75rem 0 0}.drawer__actions{display:flex;gap:1rem;margin-top:.5rem}.drawer__actions button{flex:1;background-color:var(--brand-color);color:var(--brand-color-invert);border-radius:2em;padding:.75em 2em}.orderby{display:flex;justify-content:flex-end;align-items:flex-start}.orderby>button{background:none;border:none;color:var(--color-primary);outline:none;display:flex;flex-direction:column;gap:.5rem}.orderby>button>.icon{width:20px;height:20px}.orderby>select{display:none;border:none;color:var(--brand-color);font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position-x:100%;background-position-y:50%;background-size:2rem;padding-right:2rem}@media(min-width:800px){.orderby>button{display:none}.orderby>select{display:block}}.drawer--orderby .drawer__content{display:flex;flex-direction:column;gap:.5rem}.drawer--orderby h2,.drawer--orderby p{margin:0}.drawer--orderby p{opacity:.75;font-size:.9rem}.drawer--orderby__radios{display:flex;flex-direction:column;gap:.25rem}.drawer--orderby__radios label{display:flex;align-items:center}.drawer--orderby__radios label input{margin-right:.5rem}.catalog-header h1,.catalog-header h2,.catalog-header h3,.catalog-header p{margin:0}.catalog-header{padding-left:1rem;padding-right:1rem;padding-bottom:1rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.catalog-header__info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem}.catalog-header__title{font-size:.9rem;font-weight:700;display:flex;align-items:baseline;gap:.5em}.catalog-header__title i{font-size:2em;color:gray}.catalog-header__product-count{color:var(--brand-color)}.catalog-header__description{grid-column:1/-1}.catalog-header__actions{display:flex;justify-content:flex-end;gap:.5rem}.catalog-header__actions button{padding:.25em;outline:none}.catalog-header__filter{background:none;border:none;color:var(--color-primary);outline:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:.5rem}.catalog-header__filter>.icon{width:20px;height:20px}@media(min-width:800px){.catalog-header__filter{display:none}}.chips__wrapper{overflow-x:auto}.chips__list{display:flex;gap:.5em}.chips__list svg{width:10px;height:10px}.chips__list .chip{display:flex;gap:.5em;padding:.5em;min-width:-moz-fit-content;min-width:fit-content;cursor:pointer;text-align:center;font-size:12px;border:1px solid #000;border-radius:4px;color:#737373;background-color:transparent}.chips button{padding:0}.menu-filters-wrapper{position:fixed;inset:0;z-index:7;background-color:#00000080;width:100%;height:100%;border:none;padding:0}.menu-filters-wrapper .menu-filters{position:relative;max-width:300px;width:100%;height:100%;padding:1em;margin-left:auto;box-sizing:border-box;background-color:var(--bg-color);border:1px solid #d1d5db;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.menu-filters-wrapper .menu-filters__title div{margin:0;padding:0;font-size:24px}.menu-filters-wrapper .menu-filters__close{position:absolute;top:1em;right:1em;cursor:pointer}.catalog-list{display:flex;align-items:flex-start;gap:1em}.catalog-list__sidebar{flex:0 0 30%;min-width:250px;position:sticky;top:calc(var(--sticky-header-height) + 1em);max-height:calc(100vh - var(--sticky-header-height) - 1em);overflow-y:auto;scrollbar-width:none}.catalog-list__content{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:1em}.catalog-list__chips{display:flex;justify-content:space-between;width:100%}.catalog-list__chips>*{width:100%}.catalog-list__products{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:4em 1em;width:100%}.catalog-list .filters{max-height:none;overflow:visible}@media(max-width:800px){.catalog-list{display:block}.catalog-list__sidebar{display:none}}
