bk-catalog-controls{display:block}
.bk-catalog{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 auto 30px;padding:0 50px;max-width:var(--page-width);color:#1a1a1c}
.bk-catalog__fields{display:flex;gap:12px;min-width:0}
.bk-catalog__brands,.bk-catalog__sort{position:relative;width:240px;margin:0;min-width:0}
.bk-catalog__control{position:relative;display:flex;align-items:center;gap:12px;min-height:66px;padding:12px 18px;background:#fafafa;border:1px solid #e4e4e5;border-radius:12px;list-style:none;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}
.bk-catalog__control::-webkit-details-marker{display:none}
.bk-catalog__control:hover,.bk-catalog__brands[open]>.bk-catalog__control{background:#fff;border-color:#1a1a1c;box-shadow:0 3px 12px #00000005}
.bk-catalog__control:focus-visible,.bk-catalog__control:has(:focus-visible){outline:2px solid #1a1a1c;outline-offset:3px}
.bk-catalog__icon{display:flex;flex:0 0 20px;width:20px;height:20px}
.bk-catalog__icon svg{width:100%;height:100%}
.bk-catalog__copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;line-height:1.25}
.bk-catalog__label{display:block;font-family:var(--font-body-family);font-size:10px;font-weight:600;letter-spacing:1.3px;text-transform:uppercase;color:#747477}
.bk-catalog__value,.bk-catalog__select{font:600 14px/1.4 var(--font-body-family);letter-spacing:0;color:#1a1a1c}
.bk-catalog__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-catalog__select{width:100%;padding:0;border:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;box-shadow:none}
.bk-catalog__select:focus{box-shadow:none;outline:none}
.bk-catalog__sort .bk-catalog__select::after{display:none}
.bk-catalog__chevron{flex:0 0 16px;width:16px;height:16px;transition:transform .18s}
.bk-catalog__brands[open] .bk-catalog__chevron{transform:rotate(180deg)}
.bk-catalog__sort .bk-catalog__chevron{pointer-events:none}
.bk-catalog__sort .bk-catalog__select{position:relative;z-index:1}
.bk-catalog__menu{position:absolute;top:calc(100% + 8px);left:0;width:100%;min-width:230px;max-height:330px;overflow:auto;z-index:8;padding:7px;border:1px solid #e7e7e8;border-radius:13px;background:#fff;box-shadow:0 12px 36px #00000012}
.bk-catalog__brand{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:7px;text-decoration:none;font:500 14px/1.4 var(--font-body-family);letter-spacing:0;color:#444448}
.bk-catalog__brand:hover,.bk-catalog__brand:focus-visible{background:#f4f4f4;color:#1a1a1c}
.bk-catalog__brand.is-selected{background:#1a1a1c;color:#fff}
.bk-catalog__check{visibility:hidden}
.bk-catalog__brand.is-selected .bk-catalog__check{visibility:visible}
.bk-catalog__count{margin:0;font:400 12px/1.4 var(--font-body-family);letter-spacing:.2px;color:#7c7c80;white-space:nowrap}
.bk-catalog__count span{color:#1a1a1c;font-weight:600}
.bk-catalog__submit{border:1px solid #1a1a1c;background:#1a1a1c;color:#fff;border-radius:7px;padding:9px 14px;margin-top:8px}
@media(min-width:750px) and (max-width:989px){.bk-catalog{padding:0 50px}.bk-catalog__brands,.bk-catalog__sort{width:220px}}
@media(max-width:749px){.bk-catalog{padding:0 15px;gap:12px;flex-wrap:wrap;margin-bottom:22px}.bk-catalog__fields{width:100%;gap:10px}.bk-catalog__brands,.bk-catalog__sort{width:calc(50% - 5px)}.bk-catalog__control{min-height:64px;padding:12px;gap:9px;border-radius:10px}.bk-catalog__icon{flex-basis:18px;width:18px;height:18px}.bk-catalog__label{font-size:9px;letter-spacing:1px}.bk-catalog__value,.bk-catalog__select{font-size:13px}.bk-catalog__chevron{flex-basis:13px;width:13px;height:13px}.bk-catalog__count{width:100%;text-align:right;font-size:11px}.bk-catalog__menu{min-width:210px}}
@media(prefers-reduced-motion:reduce){.bk-catalog__control,.bk-catalog__chevron{transition:none}}

.bk-catalog__sort .bk-catalog__copy{align-self:flex-start;pointer-events:none}
.bk-catalog__sort .bk-catalog__label{position:relative;z-index:2;pointer-events:none}
.bk-catalog__sort .bk-catalog__select{position:absolute;inset:0;width:100%;height:100%;padding:27px 42px 10px 50px;border-radius:12px;pointer-events:auto}
@media(max-width:749px){.bk-catalog__sort .bk-catalog__select{padding:26px 31px 10px 39px;border-radius:10px}}
