.catalog-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.catalog-stat{padding:16px 20px;border:1px solid #29476a;border-radius:18px;background:#0d1b2d}.catalog-stat span{display:block;color:#a2b5ce;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.catalog-stat strong{font-size:1.8rem}
.catalog-filter-title{margin:24px 0 10px;font-size:1.08rem}.catalog-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px}.catalog-types a{display:flex;justify-content:space-between;gap:8px;border:1px solid #2d4969;border-radius:14px;padding:11px 13px;color:#bdcce1;text-decoration:none;background:#0c192a}.catalog-types a.active,.catalog-lines a.active{border-color:#69d0ff;background:#173858;color:#fff}.catalog-types b{color:#70d4ff}
.catalog-lines{display:flex;gap:9px;flex-wrap:wrap}.catalog-lines a{min-width:80px;text-align:center;border:1px solid #344c6a;border-radius:14px;padding:10px 15px;color:#c0cada;text-decoration:none;background:#0c192a;font-weight:800}.catalog-lines small{display:block;margin-top:3px;color:#b2c5df;font-size:.7rem;font-weight:500}.catalog-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:24px 0}.catalog-filters label{flex:1 1 240px;color:#bdcce1}.catalog-filters input{width:100%;margin-top:7px}.catalog-filters button{min-height:52px}.catalog-filters>a{padding-bottom:15px}
.catalog-families{display:grid;gap:18px}.catalog-family{min-width:0;border:1px solid #29476a;border-radius:20px;overflow:hidden;background:linear-gradient(160deg,#13243a,#0b1423);box-shadow:0 8px 24px #0003}.catalog-family-header{display:flex;align-items:center;gap:16px;padding:18px 20px}.catalog-family-icon{width:86px;height:86px;flex:none;display:grid;place-items:center;border-radius:14px;background:#152139}.catalog-family-icon img{width:100%;height:100%;object-fit:contain}.catalog-family-title{min-width:0;flex:1}.catalog-family h2{margin:0;font-size:1.35rem;overflow-wrap:anywhere}.catalog-alias{margin:5px 0 0;color:#b1c0d4;font-size:.8rem}.catalog-family-count{text-align:center;min-width:74px;color:#90deff}.catalog-family-count strong{display:block;font-size:1.9rem;line-height:1.1}.catalog-family-count span{font-size:.75rem;color:#b2c5dd}
.catalog-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px}.catalog-kind,.catalog-line{display:inline-block;padding:5px 8px;border-radius:999px;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.catalog-kind{background:#203959;color:#91dcff}.catalog-line{min-width:36px;text-align:center;font-weight:900;color:#fff}.catalog-line-bx{background:#087c45}.catalog-line-ux{background:#bd5900}.catalog-line-cx{background:#b81e40}.catalog-performance{color:#bdc9dd;font-size:.74rem}.catalog-integrated{display:block;color:#ffbc75;font-size:.76rem;margin-top:8px}
.catalog-gallery{border-top:1px solid #29415e}.catalog-gallery>summary{cursor:pointer;padding:14px 20px;color:#8ddcff;font-weight:700}.catalog-gallery>summary span{margin-left:8px;color:#a7bbd6;font-size:.76rem;font-weight:400}.catalog-gallery[open]>summary{border-bottom:1px solid #29415e}.catalog-variant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:12px;padding:18px}.catalog-variant{min-width:0;border:1px solid #30496b;border-radius:14px;overflow:hidden;background:#101b2d}.catalog-variant-image{aspect-ratio:1;background:#1a2840;display:grid;place-items:center}.catalog-image-button{display:block;width:100%;height:100%;padding:8px;margin:0;border:0;border-radius:0;cursor:zoom-in;background:transparent}.catalog-variant-image img{display:block;width:100%;height:100%;object-fit:contain}.catalog-image-button:hover{background:#ffffff08}.catalog-image-button:focus-visible{outline:3px solid #8ddcff;outline-offset:-3px}.catalog-image-pending{color:#a9bdd8;font-size:.85rem;text-align:center;padding:18px}
.catalog-variant-copy{padding:13px}.catalog-variant-copy h3{margin:0;color:#f1f6ff;font-size:.92rem}.catalog-origin-label{margin:14px 0 8px;color:#8baacb;font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.catalog-products,.catalog-references{margin:0;padding:0;list-style:none}.catalog-products li,.catalog-references li{margin:0 0 10px;line-height:1.42;font-size:.76rem;color:#d0dcef;overflow-wrap:anywhere}.catalog-products li:last-child,.catalog-references li:last-child{margin-bottom:0}.catalog-brand{display:block;margin-bottom:3px;color:#8cd8ff;font-size:.65rem;font-weight:700}.catalog-products li>span:not(.catalog-brand){display:block}.catalog-references{margin-top:8px;color:#b8cde6}.catalog-shared{display:block;margin-top:12px;padding-top:10px;border-top:1px solid #29415e;color:#a5bbd7;font-size:.66rem}.catalog-coming-soon{display:block;margin:5px 0;color:#ffbc75;font-size:.68rem}
.catalog-pages{display:flex;justify-content:center;gap:12px;align-items:center;margin:26px 0}.catalog-pages a{border:1px solid #315273;border-radius:12px;padding:10px 14px;text-decoration:none}.catalog-missing{margin-top:24px;border:1px solid #865b35;border-radius:18px;background:#241a14;padding:16px}.catalog-missing summary{cursor:pointer;font-weight:700;color:#ffbe79}.catalog-missing ul{max-height:300px;overflow:auto}.catalog-missing li{margin:8px 0;color:#d9c5b3;font-size:.8rem}.catalog-source{margin-top:24px;color:#96abc6;font-size:.76rem}
.catalog-lightbox{max-width:min(92vw,620px);max-height:94vh;margin:auto;padding:42px 18px 18px;border:1px solid #51759d;border-radius:20px;background:#15243a;color:#e8f1ff}.catalog-lightbox::backdrop{background:#000b}.catalog-lightbox>img{display:block;width:min(512px,78vw);height:auto;aspect-ratio:1;object-fit:contain}.catalog-lightbox>p{margin:12px 0 0;max-width:512px;font-size:.85rem;overflow-wrap:anywhere}.catalog-lightbox-close{position:absolute;right:12px;top:8px;min-width:36px;font-size:1.5rem;padding:3px 9px;border:0;background:transparent;color:#fff;cursor:pointer}
@media(max-width:620px){.catalog-stats{gap:8px}.catalog-stat{padding:12px 8px}.catalog-stat strong{font-size:1.45rem}.catalog-stat span{font-size:.59rem;min-height:2.5em}.catalog-types{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-types a{padding:10px;font-size:.82rem}.catalog-family-header{padding:13px;gap:11px}.catalog-family-icon{width:62px;height:62px}.catalog-family h2{font-size:1.05rem}.catalog-family-count{min-width:46px}.catalog-family-count strong{font-size:1.5rem}.catalog-family-count span{font-size:.6rem}.catalog-kind,.catalog-line{font-size:.59rem;padding:4px 6px}.catalog-gallery>summary{padding:13px;font-size:.85rem}.catalog-gallery>summary span{display:block;margin:5px 0 0 15px;font-size:.7rem}.catalog-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:10px}.catalog-variant-copy{padding:10px}.catalog-variant-copy h3{font-size:.81rem}.catalog-products li,.catalog-references li{font-size:.69rem}.catalog-filters button{width:100%}.catalog-filters>a{padding:0}.catalog-family-icon img{width:62px;height:62px}}

.catalog-line-bxe{background:#087c45;box-shadow:inset 0 0 0 1px #68dba1}.catalog-line-uxe{background:#bd5900;box-shadow:inset 0 0 0 1px #ffc079}.catalog-line-cxe{background:#b81e40;box-shadow:inset 0 0 0 1px #ff8ba5}

a.catalog-builder-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;max-width:100%;box-sizing:border-box;margin-top:18px;padding:12px 20px;border:1px solid #abdeff;border-radius:12px;background:linear-gradient(135deg,#75d4fa,#ab9bf3);color:#071423;font:inherit;font-weight:800;line-height:1.35;text-align:center;text-decoration:none;box-shadow:0 5px 18px #07142355;cursor:pointer}
a.catalog-builder-button:hover{background:linear-gradient(135deg,#a4e7ff,#c8baff)}
a.catalog-builder-button:focus-visible{outline:3px solid #d0eaff;outline-offset:4px}
@media(max-width:620px){a.catalog-builder-button{width:100%}}

/* Catalogue explanatory text spacing, r65 */
.catalog-compatibility{margin:0 20px 18px;padding:14px 16px;border:1px solid #29476a;border-radius:12px;background:#0d1b2d;line-height:1.55;font-size:.88rem;overflow-wrap:anywhere}
.catalog-compatibility>strong{display:block;margin:0;color:#dcecff;font-size:.9rem;line-height:1.4}
.catalog-compatibility>p{margin:8px 0 0;line-height:1.55}
.catalog-variant>p.catalog-modes{margin:0;padding:14px 13px 0;font-size:.8rem;line-height:1.55;overflow-wrap:anywhere}
@media(max-width:620px){.catalog-compatibility{margin:0 13px 14px;padding:12px;font-size:.82rem}.catalog-compatibility>strong{font-size:.85rem}.catalog-variant>p.catalog-modes{padding:12px 10px 0;font-size:.76rem}}