/* Three-level catalogue (13 Nov 2026): breadcrumb, category tiles, projects, chips and filters on /products. */
.mb-browse{margin:0 0 14px}
.mb-crumbs{font-size:13px;color:#5d7089;margin:0 0 8px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.mb-crumbs a{color:#0c5e9e;font-weight:600;text-decoration:none}.mb-crumbs a:hover{text-decoration:underline}
.mb-crumbs [aria-current]{color:#123a5e;font-weight:700}.mb-crumb-sep{color:#9bb3c9}
.mb-h1{font-size:24px;font-weight:800;color:#123a5e;margin:2px 0 12px;line-height:1.25}
.mb-h1 .mb-count,.mb-count{font-size:13px;font-weight:600;color:#5d7089;margin-left:6px}
.mb-sub{font-size:13.5px;color:#5d7089}
.mb-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:4px 0 6px}
.mb-tile{background:#fff;border:1px solid #d9e6f2;border-radius:14px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}
.mb-tile:hover{border-color:#9bcff2;box-shadow:0 4px 14px rgba(12,94,158,.08)}
.mb-tile-h{display:block;font-weight:800;font-size:15px;color:#123a5e;text-decoration:none;margin-bottom:6px}
.mb-tile-h i,.mb-chip i,.mb-project i,.mb-f-list i{font-style:normal;font-weight:600;color:#7b8fa6;font-size:12px}
.mb-tile-kids{display:flex;flex-wrap:wrap;gap:4px 10px}
.mb-tile-kids a{font-size:13px;color:#0c5e9e;text-decoration:none}.mb-tile-kids a:hover{text-decoration:underline}
.mb-tile-kids .mb-more{color:#5d7089;font-weight:600}
.mb-projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin:0 0 14px}
.mb-projects-row{margin-bottom:18px}
.mb-project{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#edf7ff;border:1px solid #b9dcf5;text-decoration:none;color:#123a5e;transition:background .15s}
.mb-project:hover{background:#dff1ff}
.mb-project b{display:block;font-size:14px}.mb-project i{display:block}
.mb-project-ic{font-size:24px;line-height:1;width:34px;text-align:center;flex:0 0 auto}
.mb-project-head{display:flex;align-items:center;gap:12px;margin:2px 0 12px}.mb-project-head .mb-project-ic{font-size:32px}.mb-project-head .mb-h1{margin:0}
.mb-strip-h{font-weight:800;color:#123a5e;font-size:15px;margin:0 0 8px}
.mb-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}
.mb-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid #d0dfee;background:#fff;color:#123a5e;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.mb-chip:hover{border-color:#5fb0e6;background:#f4faff}
.mb-chip.is-on{background:#0c5e9e;border-color:#0c5e9e;color:#fff}.mb-chip.is-on i{color:#cfe6fa}
.mb-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.mb-f{position:relative}
.mb-f>summary,.mb-f-toggle{list-style:none;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;border:1px solid #d0dfee;background:#fff;color:#123a5e;font-size:13px;font-weight:600;cursor:pointer;user-select:none;text-decoration:none;white-space:nowrap}
.mb-f>summary::-webkit-details-marker{display:none}
.mb-f>summary svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.4}
.mb-f[open]>summary,.mb-f>summary:hover,.mb-f-toggle:hover{border-color:#5fb0e6}
.mb-f.is-on>summary,.mb-f-toggle.is-on{background:#e3f3ff;border-color:#5fb0e6;color:#075b91}
.mb-f-pop{position:absolute;z-index:40;top:calc(100% + 6px);left:0;min-width:220px;max-width:320px;background:#fff;border:1px solid #d0dfee;border-radius:12px;box-shadow:0 10px 30px rgba(7,20,55,.14);padding:8px}
.mb-f-list{max-height:300px;overflow:auto;display:flex;flex-direction:column}
.mb-f-list a{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;color:#123a5e;text-decoration:none;font-size:13.5px}
.mb-f-list a i{margin-left:auto}
.mb-f-list a:hover{background:#f2f8fe}.mb-f-list a.is-on{background:#0c5e9e;color:#fff}.mb-f-list a.is-on i{color:#cfe6fa}
.mb-f-list.is-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.mb-f-list.is-grid a{justify-content:center;border:1px solid #e1eaf3;flex-direction:column;gap:0;padding:6px 4px;text-align:center}
.mb-f-list.is-grid a i{margin:0;font-size:11px}
.mb-f-clear{display:block;padding:6px 8px;font-size:12.5px;color:#b42318;text-decoration:none;font-weight:600}
.mb-f-reset{font-size:13px;color:#b42318;font-weight:600;text-decoration:none;margin-left:4px}
.mb-f-price{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:4px}
.mb-f-price label{display:flex;flex-direction:column;font-size:12px;font-weight:600;color:#5d7089;gap:2px}
.mb-f-price input{width:90px;border:1px solid #d0dfee;border-radius:8px;padding:5px 8px;font-size:13px}
.mb-f-price span{font-size:12px;color:#5d7089;padding-bottom:7px}
.mb-sw{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex:0 0 auto;background:#ccc}
.mb-sw[data-c=Black]{background:#111}.mb-sw[data-c=White]{background:#fff}.mb-sw[data-c=Grey]{background:#8a9099}.mb-sw[data-c=Blue]{background:#2563eb}.mb-sw[data-c=Red]{background:#dc2626}
.mb-sw[data-c=Green]{background:#16a34a}.mb-sw[data-c=Yellow]{background:#facc15}.mb-sw[data-c=Orange]{background:#f97316}.mb-sw[data-c=Pink]{background:#ec4899}.mb-sw[data-c=Purple]{background:#8b5cf6}
.mb-sw[data-c=Brown]{background:#7c4a1e}.mb-sw[data-c=Beige]{background:#e8d9bf}.mb-sw[data-c=Gold]{background:#d4af37}.mb-sw[data-c=Silver]{background:#c0c4cc}
.mb-sw[data-c=Transparent]{background:repeating-linear-gradient(45deg,#fff 0 3px,#e5e7eb 3px 6px)}.mb-sw[data-c=Multicolour]{background:conic-gradient(#ef4444,#f59e0b,#22c55e,#3b82f6,#a855f7,#ef4444)}
@media (max-width:767px){.mb-h1{font-size:20px}.mb-tiles{grid-template-columns:1fr 1fr}.mb-f-pop{position:fixed;left:12px;right:12px;top:auto;bottom:80px;max-width:none}.mb-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}}