/* The sidebar and expanded dialog share the same live form controls. */
.filter-title{display:flex;align-items:center;gap:8px;min-width:0}
.filter-title h2{white-space:nowrap}
.filter-panel .filter-expand{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;padding:0;border:1px solid #e5e6db;border-radius:9px;background:#f7f8f2;color:#4c6a56;cursor:pointer;transition:background-color .15s,border-color .15s}
.filter-expand>.icon{font-size:18px;line-height:1}
.filter-panel .filter-expand:hover{background:#e8f3e9;border-color:#c4d9c8}
.filter-expand:focus-visible,.filter-close:focus-visible{outline:3px solid #8ebfa5;outline-offset:2px}
body.filters-expanded .filter-backdrop{position:fixed;display:block;inset:0;z-index:115;border:0;background:#17372b73;backdrop-filter:blur(5px);cursor:default}
body.filters-expanded .bottom-nav{display:none!important}
.filter-panel.expanded{position:fixed!important;z-index:120!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;width:min(1100px,calc(100vw - 48px))!important;max-width:none!important;height:min(860px,calc(100dvh - 48px))!important;max-height:calc(100dvh - 48px)!important;margin:0!important;border:1px solid #dedfd1;border-radius:26px!important;background:#fafbf6;box-shadow:0 28px 100px #0d2c2638;transform:translate(-50%,-50%)!important;visibility:visible!important;transition:none!important}
.filter-panel.expanded .filter-head{flex:0 0 auto;min-height:76px;padding:18px 24px!important;background:#fffdf8;border-bottom:1px solid #e5e6d9}
.filter-panel.expanded .filter-head h2{font-size:25px;line-height:1.2}
.filter-panel.expanded .filter-title{gap:12px}
.filter-panel.expanded .filter-close{display:grid;place-items:center;width:35px;height:35px;padding:0;border:1px solid #e4e3d7;border-radius:50%;background:#f4f4ec;color:#48644e;cursor:pointer}
.filter-panel.expanded .filter-close>.icon{font-size:19px}
.filter-panel.expanded .filter-reset{min-height:35px;padding:8px 13px;background:#edf3e9;color:#486747;font-size:12px}
.filter-panel.expanded .filter-scroll{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;align-items:start;gap:16px;padding:22px!important}
.filter-panel.expanded .filter-group{min-width:0;margin:0;padding:17px;border:1px solid #e3e5d7;border-radius:17px;background:#fff}
.filter-panel.expanded .filter-group h3{margin:0 0 13px;font-size:14px;line-height:1.4;color:#294b35}
.filter-panel.expanded .filter-group:first-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.filter-panel.expanded .filter-group:first-child h3{grid-column:1/-1;margin:0 0 3px}
.filter-panel.expanded .filter-group:first-child .check-row{min-height:48px;margin:0;padding:11px 13px;border:1px solid #e5e5d9;border-radius:12px;background:#fafbf7;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer}
.filter-panel.expanded .filter-group:first-child .check-row:hover{background:#eff5ec;border-color:#d3dfcd}
.filter-panel.expanded .filter-group:first-child .check-row:has(input:checked){border-color:#b6d3bd;background:#e7f3e7;color:#285c36}
.filter-panel.expanded .check-row input{accent-color:#285c41}
.filter-panel.expanded .check-row{margin:9px 0}
.filter-panel.expanded .filter-group:nth-child(4) .check-row:last-child{margin-bottom:0}
.filter-panel.expanded .smart-select-trigger{height:46px}
.filter-panel.expanded .filter-scroll>[data-category-facets]{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.filter-panel.expanded .facet-group{min-width:0;padding:16px;border:1px solid #e3e5d7;border-radius:17px;background:#fff}
.filter-panel.expanded .facet-group summary{min-height:23px;font-size:13px;color:#294b35}
.filter-panel.expanded .facet-group summary>span{font-size:11px}
.filter-panel.expanded .facet-options{max-height:180px}
.filter-panel.expanded .facet-option{margin:0!important;font-size:12px;line-height:1.4}
.filter-panel.expanded .facet-search input{font-size:13px}
.filter-panel.expanded .filter-footer{display:flex;justify-content:flex-end;padding:16px 24px;background:#fffdf8;border-top:1px solid #e5e6d9}
.filter-panel.expanded .filter-submit{width:300px!important;min-height:49px!important;padding:13px 17px!important;font-size:14px}
.filter-panel.expanded .smart-select-popover{position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;margin-top:6px;box-shadow:none}
.filter-panel.expanded .smart-select-options{max-height:220px}
.breadcrumbs{display:flex;align-items:center;width:100%;min-width:0;min-height:46px;gap:7px;margin:12px 0 14px!important;padding:6px 0!important;line-height:1.35;scroll-padding-inline:4px}
.breadcrumbs>a,.breadcrumbs>b{display:inline-flex;align-items:center;flex:0 0 auto;gap:6px;min-height:32px;padding:6px 10px;border:1px solid transparent;border-radius:10px;font-size:12px;line-height:1.4;white-space:nowrap;transition:background-color .15s,color .15s}
.breadcrumbs>a{color:#718075;background:#f4f4ec}
.breadcrumbs>a:first-child{background:#edf4eb;color:#496f50}
.breadcrumbs>a:hover{color:#29553c;background:#e2f0e3}
.breadcrumbs>a:focus-visible{outline:2px solid #70a783;outline-offset:1px}
.breadcrumbs>b{color:#36513e;background:#fffdf8;border-color:#e5e4d6;font-weight:700}
.breadcrumbs>.icon,.breadcrumbs>a>.icon{width:15px;height:15px;flex:0 0 15px;font-size:15px}
.breadcrumbs>span{color:#a1aa9b;font-size:17px;font-weight:500;line-height:1;user-select:none}
@media(max-width:820px){
  .filter-panel.expanded{width:calc(100vw - 20px)!important;height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important;border-radius:22px!important}
  .filter-panel.expanded .filter-head{min-height:66px;padding:14px!important;gap:6px}
  .filter-panel.expanded .filter-head h2{font-size:22px}
  .filter-panel.expanded .filter-title{gap:7px}
  .filter-panel.expanded .filter-head-actions{gap:6px}
  .filter-panel.expanded .filter-reset{padding:7px 10px;font-size:11px}
  .filter-panel.expanded .filter-close{width:32px;height:32px}
  .filter-panel.expanded .filter-scroll{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:13px!important}
  .filter-panel.expanded .filter-group{padding:13px;border-radius:14px}
  .filter-panel.expanded .filter-group:first-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .filter-panel.expanded .filter-group:first-child .check-row{padding:9px;gap:7px;font-size:12px;min-height:53px}
  .filter-panel.expanded .filter-group:nth-child(2){grid-column:1/-1}
  .filter-panel.expanded .filter-group h3{font-size:13px}
  .filter-panel.expanded .check-row{font-size:12px;line-height:1.4;align-items:flex-start;gap:7px}
  .filter-panel.expanded .check-row input{margin-top:1px}
  .filter-panel.expanded .price-pair{grid-template-columns:1fr;gap:8px}
  .filter-panel.expanded .filter-scroll>[data-category-facets]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .filter-panel.expanded .facet-group{padding:12px;border-radius:14px}
  .filter-panel.expanded .facet-group summary{font-size:12px;gap:5px;align-items:flex-start}
  .filter-panel.expanded .facet-search{padding:0 6px;gap:4px}
  .filter-panel.expanded .facet-search .icon{font-size:14px;flex:0 0 14px}
  .filter-panel.expanded .facet-search input{font-size:16px!important}
  .filter-panel.expanded .facet-option{font-size:11px;gap:5px}
  .filter-panel.expanded .color-swatch{flex-basis:12px;width:12px;height:12px;margin-top:2px}
  .filter-panel.expanded .filter-footer{padding:12px 14px max(14px,env(safe-area-inset-bottom))}
  .filter-panel.expanded .filter-submit{width:100%!important;min-height:48px!important;font-size:14px}
  .breadcrumbs{min-height:40px;gap:5px;margin:8px 0 12px!important;padding:5px 0!important}
  .breadcrumbs>a,.breadcrumbs>b{min-height:31px;padding:6px 9px;font-size:11px;border-radius:9px}
}
@media(prefers-reduced-motion:reduce){.filter-expand,.breadcrumbs>a{transition:none}}