.filter-panel{z-index:1000;place-items:end center;display:grid;position:fixed;inset:0}.filter-panel__backdrop{cursor:pointer;background:#1c1c1694;border:none;position:absolute;inset:0}.filter-panel__sheet{background:#fffdf7;border:1px solid #ded1ad;border-radius:16px 16px 0 0;grid-template-rows:auto minmax(0,1fr) auto;width:min(560px,100% - 22px);max-height:min(82vh,720px);display:grid;position:relative;overflow:hidden;box-shadow:0 -16px 36px #3a2f1a38}.filter-panel__header{background:#fff;border-bottom:1px solid #efe4ca;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 18px 14px;display:flex}.filter-panel__eyebrow{color:#7c7335;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:600}.filter-panel__header h2{color:#292d06;margin:0;font-size:19px;line-height:1.1}.filter-panel__close{color:#312914;cursor:pointer;background:#fff;border:1px solid #e6dcc1;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 6px 14px #4d3e1914}.filter-panel__close svg{width:18px;height:18px}.filter-panel__content{scrollbar-color:#a8a8a8 #0000;scrollbar-width:thin;gap:24px;min-height:0;padding:18px 18px 24px;display:grid;overflow-y:auto}.filter-panel__content::-webkit-scrollbar{width:8px}.filter-panel__content::-webkit-scrollbar-track{background:0 0}.filter-panel__content::-webkit-scrollbar-thumb{background:#a8a8a8;border-radius:999px}.filter-panel__group{gap:12px;display:grid}.filter-panel__group-header{gap:4px;display:grid}.filter-panel__group h3{color:#3d4210;margin:0;font-size:15px;font-weight:700;line-height:1.2}.filter-panel__group p{color:#756a42;margin:0;font-size:12px;line-height:1.35}.filter-panel__chips{flex-wrap:wrap;gap:9px;display:flex}.filter-panel__chip{color:#3c321d;text-align:left;cursor:pointer;background:#fff;border:1px solid #d8c791;border-radius:999px;align-items:center;max-width:100%;padding:10px 14px;transition:border-color .2s,background .2s,box-shadow .2s;display:inline-flex}.filter-panel__chip span{font-size:13px;font-weight:700;line-height:1.15}.filter-panel__chip:hover,.filter-panel__chip:focus-visible{background:#fff8df;border-color:#bca956;outline:none}.filter-panel__chip--selected{background:#e8f06f;border-color:#9b9130;box-shadow:0 8px 16px #52590d29}.filter-panel__footer{z-index:2;padding:12px 18px calc(16px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #efe4ca;justify-items:center;gap:8px;display:grid;position:sticky;bottom:0}.filter-panel__result{color:#fff;cursor:pointer;background:#7b8613;border:1px solid #7b8613;border-radius:999px;width:min(260px,100%);height:30px;min-height:30px;font-size:13px;font-weight:600}.filter-panel__result:hover,.filter-panel__result:focus-visible{background:#626b0f;border-color:#626b0f}.filter-panel__clear{color:#7c7335;cursor:pointer;background:0 0;border:none;font-size:12px}@media (min-width:720px){.filter-panel{align-items:center}.filter-panel__sheet{border-radius:16px;max-height:min(78vh,720px);box-shadow:0 22px 48px #3a2f1a3d}}@media (max-width:720px){.filter-panel{align-items:stretch}.filter-panel__sheet{border-left:none;border-right:none;border-radius:0;align-self:start;width:100%;height:calc(100dvh - 86px);max-height:calc(100dvh - 86px)}.filter-panel__content{padding-bottom:28px}.filter-panel__footer{padding-bottom:calc(18px + env(safe-area-inset-bottom))}}@media (max-width:420px){.filter-panel__chip{width:100%}}