/* Two clear routes through the catalogue: brand and product type. */
.catalog-browser{border-radius:0 0 18px 18px;background:#fff;max-height:calc(100dvh - 105px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 22px 45px -18px #071d2355}
.browser-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 23px;border-bottom:1px solid #e4ece6;background:#fff}
.browser-mode-switch{display:flex;gap:5px;padding:4px;border-radius:11px;background:#edf3ef}
.browser-mode-switch button{display:flex;align-items:center;gap:9px;padding:10px 15px;border:0;border-radius:8px;background:transparent;color:#607267;font-size:12px;font-weight:600;min-height:40px;white-space:nowrap}
.browser-mode-switch button[aria-pressed=true]{background:white;color:#127443;box-shadow:0 3px 9px #1e4c2e0b}.browser-mode-switch i{font-size:13px;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;color:#2e8b5d;background:#e4f3e9}
.browser-all{display:inline-flex;align-items:center;gap:12px;color:#087841;font-size:11px;font-weight:600;white-space:nowrap}.browser-all>i{font-size:11px}
.browser-layout{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:368px}
.browser-sidebar{padding:17px 12px;background:#f3f7f3;display:flex;flex-direction:column;gap:7px;border-right:1px solid #e8eee7}
.browser-choice{display:flex;align-items:center;gap:11px;min-height:67px;padding:12px 11px;border:0;background:transparent;color:#465d4e;text-align:left;border-radius:10px;width:100%;line-height:1.5}
.browser-choice[aria-pressed=true]{background:white;color:#126d42;box-shadow:0 4px 13px -7px #234e2d1c}
.browser-choice>span:nth-child(2){flex:1;min-width:0}.browser-choice strong{display:block;font-size:12px;font-weight:600}.browser-choice small{font-size:10px;line-height:1.6;color:#7a8a7b;display:block;margin-top:4px}.browser-choice>i:last-child{font-size:9px;color:#4a9164;flex-shrink:0}
.browser-brand-thumb{width:47px;height:34px;padding:5px;background:white;border-radius:7px;display:grid;place-items:center;flex-shrink:0}.browser-brand-thumb img{width:auto;max-width:100%;max-height:24px;height:auto;object-fit:contain;mix-blend-mode:multiply}
.browser-choice-icon{width:33px;height:33px;border-radius:10px;background:#e3f2e8;color:#2c8a59;display:grid;place-items:center;font-size:15px;flex-shrink:0}
.browser-main{padding:25px 27px 23px;min-width:0}.browser-panel-heading{display:flex;align-items:start;justify-content:space-between;gap:22px;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid #e4ece6}
.browser-panel-heading h2{font-family:'Segoe UI',Arial,sans-serif;font-size:21px;font-weight:650;color:#264535;line-height:1.3;margin:0 0 8px;letter-spacing:-.3px}.browser-panel-heading p{font-size:11px;line-height:1.8;color:#738276;margin:0;max-width:58ch}
.browser-panel-action{font-size:11px;font-weight:600;color:#107544;white-space:nowrap;display:flex;align-items:center;gap:10px;min-height:30px}.browser-panel-action .browser-product-link{border:0;padding:0;min-height:30px;gap:9px;font-size:11px;color:#107544;white-space:nowrap}.browser-panel-action .browser-item-icon{display:none}.browser-panel-action>i{font-size:10px}
.browser-group-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.browser-group{min-width:0}.browser-group h3{font-family:'Segoe UI',Arial,sans-serif;display:flex;align-items:center;gap:9px;color:#305140;font-size:12px;font-weight:650;line-height:1.6;margin:0 0 11px;min-height:39px;padding-bottom:9px;border-bottom:1px solid #dce8df;letter-spacing:0}.browser-group h3>span{width:27px;height:27px;border-radius:8px;background:#e5f5e9;color:#16854a;display:grid;place-items:center;flex-shrink:0;font-size:12px}
.browser-product-link{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #f0f3ed;min-height:43px;font-size:11px;color:#47604f;font-weight:400;line-height:1.6}.browser-product-link>span:nth-child(2){flex:1;min-width:0}.browser-product-link>i:last-child{font-size:9px;color:#8aa090;flex-shrink:0;margin-left:auto}.browser-item-icon{display:grid;place-items:center;width:22px;height:22px;background:#edf6ed;border-radius:6px;color:#499368;font-size:10px;flex-shrink:0}
.browser-by-product{grid-template-columns:1fr 1fr;gap:30px}.browser-by-product .browser-group>div{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.browser-by-product .browser-group h3{font-size:14px;min-height:40px}.browser-by-product .browser-product-link{min-height:48px}
.browser-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#f8faf7;border-top:1px solid #e7eee4;padding:14px 23px;font-size:10px;color:#7a8d7b}.browser-footer>span{display:flex;align-items:center;gap:9px;line-height:1.7}.browser-footer>span>i{color:#6b9176;font-size:12px}.browser-footer>a{color:#137d46;font-size:10px;white-space:nowrap;display:inline-flex;align-items:center;gap:10px}
.browser-brand-enquiry{grid-column:1/-1;display:grid;grid-template-columns:140px 1fr;gap:22px 27px;padding:20px 0;align-items:start}.browser-large-brand{background:#f4f8f2;border-radius:14px;padding:30px 20px;min-height:100px;display:grid;place-items:center}.browser-large-brand img{width:100%;height:auto;max-height:65px;object-fit:contain;mix-blend-mode:multiply}.browser-brand-enquiry h3{font-family:inherit;font-size:20px;line-height:1.4;font-weight:600;color:#294c35;margin:0 0 14px}.browser-brand-enquiry p{font-size:13px;line-height:1.85;color:#6b7c6a;max-width:65ch;margin:0 0 20px}.browser-enquiry-button{display:inline-flex;align-items:center;gap:15px;background:#128647;color:white;border-radius:8px;padding:10px 15px;font-size:12px}.browser-brand-enquiry ul{grid-column:2;display:flex;flex-wrap:wrap;gap:12px 20px;list-style:none;padding:0;margin:0}.browser-brand-enquiry li{display:flex;align-items:center;gap:9px;font-size:11px;color:#718671}.browser-brand-enquiry li i{font-size:12px;color:#4e9665}.browser-application{background:#edf5e9;padding:23px;border-radius:12px;align-self:start}.browser-application h3{font-family:inherit;font-size:16px;line-height:1.5;font-weight:600;color:#35583a;margin:0 0 13px}.browser-application p{font-size:12px;color:#657f61;line-height:1.9;margin:0 0 20px}.browser-application a{font-size:12px;display:flex;align-items:center;gap:13px;color:#157542}
@media(hover:hover) and (pointer:fine){.browser-choice:hover{background:#e9f2e7}.browser-choice[aria-pressed=true]:hover{background:white}.browser-product-link:hover{color:#007c3e;background:#f6faf3}.browser-product-link:hover>i:last-child{color:#168346}.browser-mode-switch button:not([aria-pressed=true]):hover{background:#e3ecdf}}
@media(max-width:1100px){.browser-layout{grid-template-columns:205px minmax(0,1fr)}.browser-main{padding:22px}.browser-group-grid{grid-template-columns:1fr 1fr;gap:23px}.browser-choice{gap:9px;padding:11px 9px;min-height:64px}.browser-choice strong{font-size:11px}.browser-brand-thumb{width:41px;height:30px}.browser-panel-heading{gap:15px}.browser-panel-action{font-size:10px}.browser-panel-action .browser-product-link{font-size:10px;white-space:normal}.browser-by-product{grid-template-columns:1fr 1fr;gap:23px}.browser-by-product .browser-group>div{grid-template-columns:1fr}.browser-group h3{font-size:13px}.browser-product-link{font-size:12px;min-height:44px}.browser-footer{font-size:10px}.browser-footer>a{max-width:43%;white-space:normal;text-align:right}.browser-brand-enquiry{grid-template-columns:105px 1fr;gap:20px}.browser-large-brand{padding:25px 15px}.browser-brand-enquiry h3{font-size:18px}}
@media(max-width:800px){.catalog-browser{max-height:65dvh;border-radius:13px;box-shadow:none}.browser-top{padding:14px 16px;gap:13px}.browser-mode-switch button{padding:9px 11px;font-size:11px;gap:7px;min-height:38px}.browser-all{font-size:10px;gap:7px;white-space:normal;max-width:140px}.browser-layout{grid-template-columns:180px minmax(0,1fr);min-height:0}.browser-sidebar{padding:12px 9px}.browser-choice{gap:8px}.browser-choice strong{font-size:11px}.browser-choice small{font-size:9px}.browser-brand-thumb{width:32px;height:28px;padding:4px}.browser-main{padding:18px}.browser-panel-heading{display:block;padding-bottom:15px;margin-bottom:19px}.browser-panel-heading h2{font-size:19px}.browser-panel-heading p{font-size:11px}.browser-panel-action{margin-top:12px}.browser-group-grid{gap:22px 18px}.browser-group h3{font-size:12px}.browser-product-link{font-size:11px;gap:7px;line-height:1.7}.browser-item-icon{width:20px;height:20px;font-size:9px}.browser-footer{padding:13px 16px;gap:15px}.browser-footer>span{max-width:60%}.browser-footer>a{font-size:10px}.browser-brand-enquiry{grid-template-columns:1fr;padding-top:7px;gap:18px}.browser-large-brand{width:125px;min-height:80px;padding:20px}.browser-brand-enquiry ul{grid-column:1;gap:13px}.browser-brand-enquiry h3{font-size:18px}.browser-brand-enquiry p{font-size:12px}.browser-by-product{grid-template-columns:1fr}}
@media(max-width:650px){.catalog-browser{max-height:67dvh;margin-top:6px}.browser-top{display:block;padding:12px}.browser-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px}.browser-mode-switch button{justify-content:center;padding:9px 6px;font-size:12px;gap:7px;min-height:43px}.browser-mode-switch i{font-size:12px;width:22px;height:22px}.browser-all{display:flex;justify-content:space-between;max-width:none;width:100%;font-size:11px;margin-top:12px;padding-inline:4px}.browser-layout{grid-template-columns:1fr}.browser-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:11px;border-right:0;border-bottom:1px solid #e1eadd}.browser-choice{padding:11px 9px;min-height:57px;gap:8px;border-radius:9px}.browser-choice strong{font-size:11px;line-height:1.5}.browser-choice small{display:none}.browser-choice>i:last-child{font-size:8px}.browser-brand-thumb{width:35px;height:28px}.browser-choice-icon{width:28px;height:28px;border-radius:8px;font-size:12px}.browser-main{padding:20px 17px}.browser-panel-heading{margin-bottom:19px;padding-bottom:16px}.browser-panel-heading h2{font-size:19px}.browser-panel-heading p{font-size:12px;line-height:1.8}.browser-panel-action,.browser-panel-action .browser-product-link{font-size:12px;margin-top:13px;min-height:30px}.browser-panel-action .browser-product-link{margin-top:0;white-space:normal}.browser-panel-action .browser-product-link>i{font-size:10px}.browser-group-grid{grid-template-columns:1fr;gap:24px}.browser-group h3{font-size:14px;line-height:1.6;margin-bottom:7px;padding-bottom:11px}.browser-group h3>span{width:28px;height:28px;font-size:13px}.browser-product-link{font-size:12px;min-height:46px;gap:10px;padding-block:10px}.browser-item-icon{width:24px;height:24px;border-radius:7px;font-size:10px}.browser-product-link>i:last-child{font-size:10px}.browser-by-product .browser-group>div{grid-template-columns:1fr}.browser-footer{display:block;padding:14px 17px;font-size:11px}.browser-footer>span{max-width:none;align-items:start;gap:8px;line-height:1.8}.browser-footer>span>i{margin-top:3px;flex-shrink:0}.browser-footer>a{max-width:none;text-align:left;font-size:11px;margin-top:14px;white-space:normal}.browser-brand-enquiry{padding-top:4px;gap:18px}.browser-brand-enquiry h3{font-size:19px}.browser-brand-enquiry p{font-size:13px}.browser-enquiry-button{font-size:12px;padding:11px 14px}.browser-brand-enquiry li{font-size:12px}.browser-application{padding:22px}.browser-application p{font-size:13px}.browser-application a{font-size:12px}}