/* Catalog-only enhancement; native select rendering remains the no-JS fallback. */
body.bh-inner #content .listing-tools.hi-catalog-tools { padding: 12px; border-radius: 30px; background: #fffdf9; box-shadow: 0 12px 40px #57261f06; }
body.bh-inner #content .listing-tools.hi-catalog-tools form { display: grid; grid-template-columns: minmax(0, 1.14fr) minmax(0, 1fr) minmax(0, 1.14fr) auto; gap: 8px; align-items: stretch; }
body.bh-inner #content .hi-catalog-tools .hi-catalog-field { min-width: 0; margin: 0; }
body.bh-inner #content .hi-catalog-tools :is(.hi-catalog-select, .hi-catalog-search) { display: flex; width: 100%; align-items: center; gap: 12px; min-height: 76px; padding: 13px 16px; border: 1px solid transparent; border-radius: 21px; background: #f8ece380; color: #7f392e; text-align: left; transition: background .22s, border-color .22s, box-shadow .22s; }
body.bh-inner #content .hi-catalog-tools .hi-catalog-select:hover, body.bh-inner #content .hi-catalog-tools .hi-catalog-search:hover { background: #ffeedd; border-color: #dfc8bb; }
body.bh-inner #content .hi-catalog-tools .is-open .hi-catalog-select { background: #ffeedd; border-color: #7f392e; box-shadow: 0 0 0 3px #ffb15a38; }
body.bh-inner #content .hi-catalog-tools .has-value .hi-catalog-select { background: #ffe5c9; }
body.bh-inner #content .hi-catalog-tools .hi-catalog-field-icon { display: grid; place-items: center; width: 22px; min-width: 22px; color: #9a6250; }
body.bh-inner #content .hi-catalog-tools .hi-catalog-field-icon svg { display: block; }
body.bh-inner #content .hi-catalog-tools .hi-catalog-field-copy { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 5px; }
body.bh-inner #content .hi-catalog-tools .hi-catalog-field-label { display: block; color: #886658; font-size: 10px; line-height: 1; letter-spacing: .12em; text-transform: uppercase; font-weight: 650; }
body.bh-inner #content .hi-catalog-tools .hi-catalog-value { display: block; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; line-height: 1.5; font-weight: 550; }
body.bh-inner #content .hi-catalog-tools .hi-catalog-chevron { display: grid; place-items: center; flex: none; width: 29px; height: 29px; border: 1px solid #dfc8bb; border-radius: 50%; color: #7f392e; background: #fffdf980; transition: transform .25s, background .25s; }
body.bh-inner #content .hi-catalog-tools .hi-catalog-chevron svg { width: 17px; height: 17px; }
body.bh-inner #content .hi-catalog-tools .is-open .hi-catalog-chevron { transform: rotate(180deg); background: #ffb15a; border-color: #ffb15a; }
body.bh-inner #content .hi-catalog-tools .hi-catalog-search input { display: block; flex: 0 1 auto; width: 100%; height: 23px; min-height: 23px; padding: 0; border: 0; border-radius: 0; background: transparent; color: #57261f; font-size: 14px; line-height: 1.5; outline: none; box-shadow: none; }
body.bh-inner #content .hi-catalog-tools .hi-catalog-search:focus-within { border-color: #7f392e; box-shadow: 0 0 0 3px #ffb15a38; background: #ffeedd; }
body.bh-inner #content .hi-catalog-tools button[type=submit] { min-width: 105px; align-self: stretch; border-radius: 21px; padding: 15px 23px; background: #7f392e; color: #ffeedd; transition: background .2s, transform .2s; }
body.bh-inner #content .hi-catalog-tools button[type=submit]:hover { background: #57261f; transform: translateY(-2px); }
body.bh-inner #content .hi-catalog-tools .hi-catalog-select:focus-visible { outline: 3px solid #b55b22; outline-offset: 3px; }
.hi-catalog-popover { position: fixed; z-index: 1100; display: flex; flex-direction: column; padding: 0; margin: 0; overflow: hidden; border: 1px solid #d9b8a7; border-radius: 26px; background: #fffaf3; color: #7f392e; box-shadow: 0 22px 70px #57261f26, 0 3px 12px #57261f0d; font: 15px/1.4 Wix, Arial, sans-serif; text-align: left; color-scheme: light; animation: hiCatalogIn .22s cubic-bezier(.2,.75,.2,1) both; transform-origin: top center; }
.hi-catalog-popover[hidden] { display: none !important; }
.hi-catalog-popover.opens-above { transform-origin: bottom center; }
.hi-catalog-popover *, .hi-catalog-popover *::before, .hi-catalog-popover *::after { box-sizing: border-box; }
.hi-catalog-popover-head { display: flex; align-items: center; gap: 16px; justify-content: space-between; flex: none; padding: 19px 22px 16px; border-bottom: 1px solid #ead5c6; background: #ffeedd; }
.hi-catalog-popover-title { font-weight: 650; font-size: 17px; letter-spacing: -.02em; }
.hi-catalog-popover-total { display: grid; place-items: center; min-width: 30px; height: 30px; border-radius: 50%; background: #ffb15a; color: #57261f; font-size: 12px; font-weight: 700; }
.hi-catalog-list { display: grid; align-content: start; grid-auto-rows: max-content; grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 9px; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #b88a72 #fffaf3; scroll-padding: 8px; }
.hi-catalog-popover.is-wide .hi-catalog-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hi-catalog-option { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 46px; padding: 11px 13px; border: 1px solid transparent; border-radius: 14px; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; transition: background .15s, color .15s, border-color .15s; }
.hi-catalog-option-text { min-width: 0; overflow-wrap: anywhere; font-size: 14px; line-height: 1.35; }
.hi-catalog-option-check { display: grid; place-items: center; flex: none; width: 23px; height: 23px; border: 1px solid #dfc8bb; border-radius: 50%; color: transparent; }
.hi-catalog-option-check svg { width: 14px; height: 14px; }
.hi-catalog-option.is-active { background: #ffeedd; border-color: #d8b9a5; }
.hi-catalog-option[aria-selected=true] { background: #7f392e; color: #fffaf3; }
.hi-catalog-option[aria-selected=true] .hi-catalog-option-check { background: #ffb15a; color: #57261f; border-color: #ffb15a; }
.hi-catalog-option[aria-selected=true].is-active { outline: 2px solid #c16a2b; outline-offset: -3px; }
.hi-catalog-popover-hint { flex: none; padding: 12px 22px 14px; border-top: 1px solid #ead5c6; color: #886658; font-size: 10px; letter-spacing: .025em; background: #fffaf3; }
@keyframes hiCatalogIn { from { opacity: 0; transform: translateY(-5px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (max-width: 1099px) { body.bh-inner #content .listing-tools.hi-catalog-tools form { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } body.bh-inner #content .hi-catalog-tools .hi-catalog-search { grid-column: 1 / -1; } body.bh-inner #content .hi-catalog-tools button[type=submit] { grid-column: 1 / -1; min-height: 48px; padding: 12px 23px; border-radius: 18px; } }
@media (max-width: 599px) { body.bh-inner #content .listing-tools.hi-catalog-tools { padding: 9px; border-radius: 26px; } body.bh-inner #content .listing-tools.hi-catalog-tools form { grid-template-columns: minmax(0, 1fr); gap: 7px; } body.bh-inner #content .hi-catalog-tools :is(.hi-catalog-select, .hi-catalog-search) { min-height: 69px; padding: 12px 14px; border-radius: 19px; } body.bh-inner #content .hi-catalog-tools .hi-catalog-value, body.bh-inner #content .hi-catalog-tools .hi-catalog-search input { font-size: 16px; } .hi-catalog-popover { border-radius: 22px; } .hi-catalog-popover-head { padding: 14px 18px; } .hi-catalog-popover-hint { padding: 10px 18px; font-size: 9px; } .hi-catalog-option { min-height: 47px; } }
@media (prefers-reduced-motion: reduce) { .hi-catalog-popover { animation: none; } .hi-catalog-popover *, body.bh-inner #content .hi-catalog-tools * { transition: none !important; } body.bh-inner #content .hi-catalog-tools button[type=submit]:hover { transform: none; } }
@media (forced-colors: active) { .hi-catalog-popover, .hi-catalog-option-check, body.bh-inner #content .hi-catalog-tools .hi-catalog-select { border: 1px solid ButtonText; } .hi-catalog-option.is-active { outline: 2px solid Highlight; } .hi-catalog-option[aria-selected=true] { border: 2px solid Highlight; } .hi-catalog-option[aria-selected=true] .hi-catalog-option-check { color: Highlight; } }