.category-titlebar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px 24px;margin:20px 0}.category-titlebar .category-heading{margin:0;min-width:0;font-size:clamp(23px,2.5vw,32px)}.category-titlebar .subcategory-list{position:static;flex:none;border:0;border-radius:0;background:none;margin:0;padding:0}.category-titlebar .subcategory-list>summary{padding:8px 0;font-size:13px;font-weight:500;color:#087d62;white-space:nowrap;min-height:36px}.category-titlebar .subcategory-grid{position:absolute;right:0;top:100%;width:min(620px,100%);max-height:60vh;overflow:auto;z-index:35;padding:16px;background:#fff;border:1px solid #d9e6df;border-radius:12px;box-shadow:0 8px 25px #143c2920}
.brand-table{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;row-gap:0;max-width:950px;margin:0 0 22px;padding:0}.brand-table .brandchip{display:flex;align-items:center;gap:10px;min-width:0;min-height:46px;margin:0;padding:6px 0;border:0;border-radius:0;background:none;font-size:14px;color:var(--ink);box-shadow:none}.brand-table .brandchip:first-child{grid-column:1/-1;min-height:34px;color:#087d62}.brand-table .brandchip.on{color:#087d62;font-weight:700;background:none}.brand-table .brandchip:hover .brand-table-name{text-decoration:underline}.brand-table-logo{display:grid;place-items:center;width:34px;height:28px;flex:none}.brand-table-logo img{width:32px;height:26px;object-fit:contain}.brand-table-name{min-width:0;overflow-wrap:anywhere}.brand-table small{margin-left:auto;color:#829189;font-size:12px;font-weight:400}
.results-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:12px;margin:18px 0 14px}.results-toolbar>h2{display:flex;align-items:center;gap:9px;min-width:0;margin:0;font-size:clamp(20px,2vw,27px);white-space:nowrap}.results-toolbar .counter{font-size:13px;padding:5px 9px;line-height:1.2}.results-toolbar>div{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:9px;margin:0}.results-toolbar .subscribe-icon{display:grid;place-items:center;width:38px;min-width:38px;height:38px;padding:0;border:0;background:none;border-radius:8px;color:#087d62}.subscribe-icon svg{width:21px;height:21px}.results-toolbar .subscribe-icon:hover{background:#edf5f0}.results-toolbar .sort-label select{height:38px;padding:6px 26px 6px 10px;font-size:12px;width:170px;min-width:0}.results-toolbar .view-button{width:38px;height:38px;min-width:38px;padding:0;font-size:21px}.catalog-layout>.filter-panel:not([open]){width:fit-content;max-width:100%;border:0;background:none;border-radius:0;padding:0;margin:0 0 12px}.catalog-layout>.filter-panel:not([open])>summary{display:flex;align-items:center;gap:24px;min-height:38px;padding:6px 0;font-size:14px;font-weight:600}.catalog-layout:has(>.filter-panel:not([open])){grid-template-columns:minmax(0,1fr)}
@media(max-width:700px){.category-titlebar{gap:4px 12px;flex-wrap:wrap;margin:16px 0}.category-titlebar .subcategory-list{margin-left:auto}.category-titlebar .subcategory-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:55vh}.brand-table{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.brand-table .brandchip{font-size:13px;gap:7px}.brand-table small{font-size:11px}.results-toolbar{flex-wrap:wrap;gap:7px}.results-toolbar>h2{font-size:22px}.results-toolbar>div{margin-left:auto;gap:5px}.results-toolbar .sort-label select{width:145px}.results-toolbar .subscribe-icon,.results-toolbar .view-button{width:36px;min-width:36px;height:36px}.category-titlebar .subcategory-list>summary{font-size:12px}.category-titlebar .category-heading{font-size:24px}}
.results-toolbar>div{width:auto;flex:0 0 auto}

/* Category selection is a normal two-column menu before the results. */
.category-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 28px;max-width:860px;margin:0 0 24px;padding:12px 16px;border:1px solid #dce7e1;border-radius:12px;background:#fff}
.category-choices>a{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:10px 0;color:var(--ink);font-size:14px;line-height:1.5;text-decoration:none}
.category-choices>a:hover{color:#087d62}.category-choices>a:focus-visible{outline:2px solid #087d62;outline-offset:3px;border-radius:3px}
.category-choices .subcategory-icon{flex:0 0 20px;width:20px;font-size:20px;line-height:21px;color:#93a2b3}
.results-toolbar .save-search-form{margin:0}.results-toolbar .save-search-action{display:inline-flex;align-items:center;min-height:38px;padding:6px 0;border:0;background:none;color:#087d62;font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}.results-toolbar .save-search-action:hover{text-decoration:underline}
.results-toolbar.home-results-toolbar{flex-wrap:nowrap}.results-toolbar.home-results-toolbar>h2{flex:1;font-size:22px;white-space:normal;line-height:1.3}.home-results-toolbar .counter{flex:none}
@media(max-width:700px){.category-choices{gap:0 18px;padding:10px 12px}.category-choices>a{font-size:12px;gap:8px;min-height:42px}.results-toolbar.home-results-toolbar{gap:6px}.results-toolbar.home-results-toolbar>h2{font-size:14px;gap:5px}.home-results-toolbar .counter{font-size:11px;padding:4px 6px}.results-toolbar.home-results-toolbar .sort-label select{width:130px;height:36px;padding:5px 20px 5px 6px;font-size:11px}.results-toolbar.home-results-toolbar .view-button{width:34px;min-width:34px}.results-toolbar .save-search-action{font-size:12px}.results-toolbar:not(.home-results-toolbar)>div{flex-wrap:wrap;max-width:100%}}
@media(max-width:370px){.results-toolbar.home-results-toolbar>h2{font-size:14px;gap:4px}.home-results-toolbar .counter{padding:3px 4px;font-size:10px}.results-toolbar.home-results-toolbar .sort-label select{width:116px;font-size:10px}.results-toolbar.home-results-toolbar>div{gap:3px}.results-toolbar.home-results-toolbar .view-button{width:30px;min-width:30px}.category-choices{column-gap:12px}.category-choices>a{font-size:11px}}

.category-choice-dialog{width:min(650px,calc(100% - 24px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #dce7e1;border-radius:14px;color:var(--ink);background:#fff;overflow:auto;box-shadow:0 16px 60px #15332c30}
.category-choice-dialog::backdrop{background:rgba(21,40,34,.42)}.category-choice-dialog .dialog-heading{position:sticky;top:0;z-index:1;background:#fff;padding:14px 18px;border-bottom:1px solid #e3ebe7}.category-choice-dialog .dialog-heading h2{margin:0;font-size:19px}.category-choice-dialog .category-choices{margin:0;padding:12px 18px;border:0;border-radius:0}.category-choices[hidden]{display:none}
body.category-menu-open{overflow:hidden}
@media(max-width:700px){.category-choice-dialog .dialog-heading{padding:12px 14px}.category-choice-dialog .category-choices{padding:8px 14px}.category-choice-dialog .dialog-heading h2{font-size:17px}}

/* Show only the next catalogue level; chosen parents remain compact editable links. */
.catalog-steps{margin:0 0 20px}.catalog-step-trail{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px;font-size:13px}.catalog-step-trail a{color:#087d62;padding:5px 0}.catalog-step-trail>a span{margin-left:4px}.catalog-step-title{font-size:16px;margin:10px 0 5px;font-weight:600}.catalog-step-options{margin:0;max-width:950px}.catalog-step-options .brandchip:first-child{grid-column:auto;min-height:42px;color:var(--ink)}.catalog-step-options .brandchip{min-height:42px}.catalog-more-choices{margin:6px 0 0;border:0;background:none;padding:0}.catalog-more-choices>summary{color:#087d62;font-size:13px;cursor:pointer;padding:8px 0}.catalog-more-choices[open] .catalog-step-options{max-height:340px;overflow:auto;overscroll-behavior:contain}.catalog-steps a:focus-visible{outline:2px solid #087d62;outline-offset:3px}
@media(max-width:700px){.catalog-step-title{font-size:15px}.catalog-step-options .brandchip{min-height:40px;font-size:13px}.catalog-steps{margin-bottom:16px}}

.category-choice-dialog .dialog-heading{display:flex;align-items:center;gap:10px}.category-choice-dialog .dialog-heading h2{flex:1}.catalog-dialog-back{border:0;background:none;color:#56736c;padding:5px;font-size:22px;cursor:pointer}.catalog-dialog-back[hidden],.catalog-dialog-body[hidden],.catalog-dialog-status[hidden]{display:none}.catalog-dialog-body>.catalog-steps{padding:10px 18px;margin:0}.catalog-dialog-body .brand-table{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.catalog-dialog-body .category-choices{display:grid}.catalog-dialog-results{display:block;margin:0 18px;padding:13px 0;border-top:1px solid #e3ebe7;color:#087d62;font-size:13px}.catalog-dialog-status{padding:10px 18px;color:#56736c;font-size:13px}.catalog-dialog-body .catalog-more-choices[open] .catalog-step-options{max-height:none;overflow:visible}

.catalog-dialog-body .brandchip[hidden]{display:none}.catalog-choice-search{width:100%;margin:0 0 8px;padding:9px 12px;border:1px solid #dce7e1;border-radius:8px;font-size:16px}

/* Keep the current-section action visible at every depth of the chooser. */
.category-choice-dialog[open]{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 40px)}.category-choice-dialog .dialog-heading{position:static;flex:0 0 auto}.catalog-dialog-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.catalog-dialog-status{flex:0 0 auto;margin:0}.category-choice-dialog .dialog-heading h2{min-width:0}
.catalog-dialog-footer{flex:0 0 auto;padding:12px 18px max(12px,env(safe-area-inset-bottom));border-top:1px solid #e3ebe7;background:#fff}.catalog-dialog-footer[hidden]{display:none}.catalog-dialog-footer .catalog-dialog-results{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin:0;padding:11px 16px;border:0;border-radius:9px;background:#087d62;color:#fff;font-size:15px;font-weight:650;line-height:1.35;text-align:center;text-decoration:none;white-space:normal}.catalog-dialog-footer .catalog-dialog-results:hover{background:#066b54}.catalog-dialog-footer .catalog-dialog-results:focus-visible{outline:2px solid #173d33;outline-offset:3px}.category-choice-dialog .dialog-heading>[data-close-category-menu]{flex-shrink:0}
@media(max-width:700px){.catalog-dialog-footer{padding:10px 14px max(10px,env(safe-area-inset-bottom))}}

/* Compact, labelled filter groups; each group keeps its label and input together. */
.filter-panel{container-type:inline-size}.filter-panel>form.catalog-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px 10px}.catalog-filter-grid .catalog-filter-field{display:flex;flex-direction:column;min-width:0;gap:6px}.filter-panel .catalog-filter-grid label,.filter-panel .catalog-filter-grid legend{display:block;margin:0;padding:0;font-size:13px;line-height:1.35;font-weight:500;overflow-wrap:anywhere}.filter-panel .catalog-filter-grid fieldset{min-width:0;margin:0;padding:0;border:0;grid-column:1/-1}.filter-panel .catalog-filter-grid legend{margin-bottom:6px}.filter-panel .catalog-filter-grid input,.filter-panel .catalog-filter-grid select{width:100%;min-width:0;max-width:100%;height:40px;margin:0;padding:8px;border-radius:7px}.catalog-filter-grid .range-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.filter-panel .catalog-filter-grid .btn,.catalog-filter-grid .filter-reset,.catalog-filter-grid .catalog-model-note{grid-column:1/-1}.filter-panel .catalog-filter-grid .btn{margin:2px 0 0}.catalog-filter-grid .catalog-model-note{margin:0;font-size:11px}.catalog-filter-grid .filter-reset{margin:0;text-align:center;font-size:12px}
@container(min-width:480px){.filter-panel .catalog-filter-grid fieldset{grid-column:auto}}
@media(min-width:701px) and (max-width:1099px){.catalog-layout:has(>.filter-panel[open]){grid-template-columns:minmax(0,1fr)}}
@media(min-width:1100px){.catalog-layout:has(>.filter-panel[open]){grid-template-columns:minmax(300px,350px) minmax(0,1fr);gap:24px}}
@media(max-width:700px){.filter-panel .catalog-filter-grid input,.filter-panel .catalog-filter-grid select{font-size:16px}.catalog-filter-grid input::placeholder{font-size:12px}.filter-panel .catalog-filter-grid select{padding-right:20px}.filter-panel>form.catalog-filter-grid{gap:11px 10px}}

.crumbs a{text-decoration:underline;text-decoration-color:#55746b55;text-underline-offset:3px}.crumbs a:hover{color:#087d62;text-decoration-color:currentColor}.crumbs a:focus-visible{outline:2px solid #087d62;outline-offset:3px}

.catalog-filter-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px 10px;min-width:0}

.catalog-steps .catalog-step-options{max-width:none;width:100%}
.brand-table-logo{width:36px;height:34px;overflow:hidden}.brand-table-logo img{width:32px;height:30px;max-width:none;max-height:none;object-fit:contain}
@media(min-width:1000px){.catalog-steps .brand-table{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:30px}}
.category-choice-dialog .catalog-steps .brand-table{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}