.bpf{--ink:#17211C;--ink2:#5E675F;--ink3:#6C716B;--line:#E4DFD0;--line-soft:#EFEBE0;--cream:#FBF7EF;--panel:#F7F4EC;--forest:#143D2B;--action:#2C6B48;--action-dk:#235539;--gold:#8A6A28;--green-t:#E9F2EC;color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.bpf *{box-sizing:border-box}.bpf__active{margin:0 0 18px;padding:14px 15px;background:var(--cream);border:1px solid var(--line-soft);border-radius:14px}.bpf__active-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 10px}.bpf__active-head>span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--gold)}.bpf__clear{font-size:13px;font-weight:600;color:var(--action-dk);text-decoration:underline;text-underline-offset:2px}.bpf__clear:hover{color:var(--forest)}.bpf__chips{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}.bpf__chips li{margin:0}.bpf__chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:6px 11px;font-size:13px;font-weight:600;color:var(--forest);text-decoration:none;transition:.15s}.bpf__chip:hover{border-color:var(--action);color:var(--action-dk)}.bpf__chip svg{width:9px;height:9px;flex:0 0 auto;opacity:.6}.bpf__chip:hover svg{opacity:1}.bpf__group{border-bottom:1px solid var(--line-soft)}.bpf__group:last-child{border-bottom:0}.bpf__head{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:14px 2px;cursor:pointer;list-style:none;font-size:13.5px;font-weight:700;color:var(--ink);letter-spacing:-.005em}.bpf__head::-webkit-details-marker{display:none}.bpf__head-label{display:flex;align-items:baseline;gap:8px;min-width:0}.bpf__head-note{font-style:normal;font-weight:500;font-size:12.5px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.bpf__head:hover{color:var(--forest)}.bpf__head:focus-visible{outline:2px solid var(--action);outline-offset:2px;border-radius:6px}.bpf__caret{width:11px;height:8px;flex:0 0 auto;color:var(--ink3);transition:transform .18s ease}.bpf__group[open]>.bpf__head .bpf__caret{transform:rotate(180deg)}.bpf__body{padding:0 0 14px}.bpf__list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:1px}.bpf__item{margin:0}.bpf__label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 8px 7px 2px;border-radius:9px;cursor:pointer;min-height:36px;transition:background .12s}.bpf__label:hover{background:var(--panel)}.bpf__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.bpf__box{width:17px;height:17px;border:1.5px solid var(--line);border-radius:5px;background:#fff;position:relative;transition:.14s}.bpf__box:after{content:"";position:absolute;left:5px;top:1px;width:4.5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(.5);opacity:0;transition:.14s}.bpf__input:checked+.bpf__box{background:var(--action);border-color:var(--action)}.bpf__input:checked+.bpf__box:after{opacity:1;transform:rotate(45deg) scale(1)}.bpf__input:focus-visible+.bpf__box{outline:2px solid var(--action);outline-offset:2px}.bpf__text{font-size:14px;color:var(--ink2);min-width:0}.bpf__item.is-active .bpf__text{color:var(--ink);font-weight:600}.bpf__count{font-size:12px;color:var(--ink3);font-variant-numeric:tabular-nums}.bpf__sorts{gap:2px}.bpf__sorts li{margin:0}.bpf__sort{display:block;width:100%;text-align:left;background:none;border:0;padding:10px;border-radius:9px;font-size:14.5px;color:var(--ink2);cursor:pointer;min-height:44px;transition:.12s}.bpf__sort:hover{background:var(--panel);color:var(--ink)}.bpf__sort.is-active{background:var(--green-t);color:var(--forest);font-weight:650}.bpf__sort:focus-visible{outline:2px solid var(--action);outline-offset:-2px}.bpf__body--price{padding-top:4px}@media(max-width:768px){.bpf__label{min-height:44px;padding:9px 8px}.bpf__text{font-size:15px}.bpf__head{padding:15px 2px}}.collection-mobile-filters__holder .bpf{padding:2px 18px 26px}.collection-mobile-filters__holder .bpf__active{margin-top:14px}.collection-mobile-filters__holder>.filter-wrapper.is-active{max-height:calc(100vh - 260px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@supports (height:100dvh){.collection-mobile-filters__holder>.filter-wrapper.is-active{max-height:calc(100dvh - 260px)}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/bonpek-filters.css.map */