/* Family-to-family navigation. All content is visible without JavaScript. */
.ubx-site .ubx-related-families{position:relative;margin-block:20px 0;padding-block:52px 56px;background:#111e34;border-block-start:3px solid #a72637;color:#fff}
.ubx-related-families__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}
.ubx-related-families__heading>div{min-width:0;max-width:760px}
.ubx-site .ubx-related-families .ubx-kicker{margin-bottom:12px!important;color:#b9c8dc!important;font-size:11px}
.ubx-site .ubx-related-families h2{margin:0 0 13px;color:#fff;font-size:clamp(27px,3vw,39px);line-height:1.15;letter-spacing:-.025em}
.ubx-site .ubx-related-families__heading p:not(.ubx-kicker){margin:0;color:#d1dbe9;font-size:15px;line-height:1.7}
.ubx-site .ubx-related-families__all{display:inline-flex;align-items:center;justify-content:center;gap:18px;flex-shrink:0;min-height:46px;padding:11px 18px;border:1px solid #8a9bb3;border-radius:3px;color:#fff!important;background:#253b61;text-decoration:none;font-size:14px;font-weight:700;line-height:1.4;transition:background .2s,border-color .2s}
.ubx-site .ubx-related-families__all:hover{background:#a72637;border-color:#a72637;color:#fff!important;text-decoration:none}
.ubx-related-families__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.ubx-site .ubx-related-family{display:flex;min-width:0;min-height:44px;flex-direction:column;overflow:hidden;border:1px solid #bcc9d9;border-radius:4px;background:#fff;color:#111e34!important;text-decoration:none;box-shadow:0 7px 18px #00000015;transition:transform .22s,border-color .22s,box-shadow .22s}
.ubx-site .ubx-related-family:hover{transform:translateY(-3px);border-color:#a72637;box-shadow:0 13px 24px #00000024;color:#111e34!important;text-decoration:none}
.ubx-related-family__image{display:flex;align-items:center;justify-content:center;flex:none;height:190px;overflow:hidden;background:#f3f5f7;border-bottom:1px solid #dce3eb;padding:16px}
.ubx-related-family__image img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;transition:transform .3s}
.ubx-related-family:hover .ubx-related-family__image img{transform:scale(1.025)}
.ubx-related-family__body{display:flex;flex:1;min-width:0;flex-direction:column;padding:21px 20px 14px}
.ubx-related-family__number{display:block;margin-bottom:13px;color:#a72637;font-size:11px;font-weight:750;line-height:1;letter-spacing:.1em}
.ubx-site .ubx-related-family h3{margin:0 0 12px;color:#111e34;font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-.018em;overflow-wrap:break-word;hyphens:auto}
.ubx-site .ubx-related-family__body>p{margin:0 0 17px;color:#526075;font-size:14px;line-height:1.7;overflow-wrap:break-word;hyphens:auto}
.ubx-related-family__cta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:auto;padding-block:10px;border-top:1px solid #dce3eb;color:#253b61;font-size:13px;font-weight:700;line-height:1.4}
.ubx-related-family__cta>span:last-child{flex:none;font-size:23px;font-weight:400;line-height:1;color:#a72637}
.ubx-site .ubx-related-family:focus-visible,.ubx-site .ubx-related-families__all:focus-visible{outline:3px solid #fff;outline-offset:4px;border-color:#a72637}
.ubx-site[lang=ar] .ubx-related-families h2,.ubx-site[lang=ar] .ubx-related-family h3{font-family:Tahoma,'Segoe UI',sans-serif;letter-spacing:0;line-height:1.5}
@media(max-width:1000px){.ubx-related-families__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ubx-related-family__image{height:155px;padding:12px}.ubx-related-family__body{padding:18px 15px 12px}.ubx-site .ubx-related-family h3{font-size:18px}.ubx-site .ubx-related-family__body>p{font-size:13px}}
@media(max-width:700px){.ubx-site .ubx-related-families{margin-top:10px;padding-block:36px 39px}.ubx-related-families__heading{align-items:flex-start;flex-direction:column;gap:19px;margin-bottom:22px}.ubx-site .ubx-related-families h2{font-size:29px}.ubx-site .ubx-related-families__heading p:not(.ubx-kicker){font-size:14px}.ubx-related-families__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ubx-related-family__image{height:133px;padding:12px}.ubx-related-family__body{padding:17px 14px 10px}.ubx-site .ubx-related-family h3{font-size:18px;line-height:1.35}.ubx-related-family__number{margin-bottom:11px}.ubx-related-family__cta{gap:7px;font-size:12px}.ubx-related-family__cta>span:last-child{font-size:21px}}
@media(max-width:380px){.ubx-related-families__grid{gap:10px}.ubx-related-family__image{height:105px;padding:9px}.ubx-related-family__body{padding:14px 11px 8px}.ubx-site .ubx-related-family h3{font-size:16px;line-height:1.4}.ubx-site .ubx-related-family__body>p{font-size:13px;line-height:1.65}.ubx-related-family__cta{font-size:12px;gap:4px}}
@media(prefers-reduced-motion:reduce){.ubx-related-family,.ubx-related-family__image img,.ubx-related-families__all{transition:none!important;transform:none!important}}