/* Approved ANYANG palette and typography; changes are proportional and functional. */
.v5{--nav-height:129px}
.v5 .mega-heading{font-family:var(--display,'Segoe UI Light','Segoe UI',sans-serif);font-size:27px;line-height:1.2;letter-spacing:-.5px;margin:0;color:#252e34}
.v5 .menu-scrim{cursor:pointer;background:rgba(37,46,52,.58)}
.v5 .menu-selection-help{display:none}
.v5 .rail-category-group>p{margin:6px 0 3px;padding:4px 20px;color:#68777d;font-size:10px;letter-spacing:1.1px;text-transform:uppercase}
.v5 .product-rail button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;border-left:3px solid transparent;background:transparent;color:#252e34;text-align:left;font-family:var(--body);font-size:13px;line-height:1.2;padding:6px 18px;cursor:pointer}
.v5 .product-rail>button{padding-top:10px;padding-bottom:10px}
.v5 .product-rail button:hover,.v5 .product-rail button[aria-pressed=true]{background:#e9eff3;border-left-color:#0057a7;color:#0057a7}
.v5 .product-rail .rail-overview{font-size:11px;padding:12px 20px 5px;margin-top:3px;color:#0057a7}
.v5 .mega-content.single-selection .mega-cards{grid-template-columns:minmax(0,1fr);max-width:720px}
.v5 .mega-content.single-selection .cable-visual{aspect-ratio:3.3}
.v5 .mega-content.single-selection .menu-selection-help{display:block;max-width:720px;border-top:1px solid #dce2e3;margin-top:20px;padding-top:15px}
.v5 .menu-selection-help h3{font-size:17px;margin:0 0 9px;font-family:var(--body);font-weight:600}
.v5 .menu-selection-help p{font-size:13px;line-height:1.65;color:#5d686e;margin:0 0 10px}
.v5 .menu-selection-help .text-link{display:inline-block;font-size:13px}
.v5 .cable-visual{aspect-ratio:1.78}
.v5 .cable-visual img{object-fit:contain;width:100%;height:100%}
.v5 .construction-caption{font-size:11px;color:#647079;margin-top:12px;line-height:1.5}
.v5 .catalogue-construction{display:block;width:100%;max-width:530px;height:auto;aspect-ratio:16/9;object-fit:contain;background:#fff;border:1px solid #dce2e3;border-radius:18px;margin-bottom:25px}
.v5 .factory-section{padding-top:50px;padding-bottom:50px}
.v5 .factory-section .section-heading{margin-bottom:30px}
.v5 .factory-section .section-heading h2{font-size:clamp(30px,3.3vw,45px)}
.v5 .compact-factory{max-width:1180px;margin:0 auto}
.v5 .compact-factory figure[data-slide]{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);margin:0;background:#fff;border:1px solid #dce2e3;border-radius:26px;overflow:hidden;align-items:stretch}
.v5 .compact-factory figure>img{width:100%;height:340px;max-height:340px;aspect-ratio:auto;object-fit:contain;border-radius:0;background:#e6e9e5}
.v5 .compact-factory figcaption{display:flex;flex-direction:column;justify-content:center;padding:30px;gap:0;min-width:0}
.v5 .compact-factory figcaption .small{font-size:10px;letter-spacing:1.4px;color:#0057a7}
.v5 .compact-factory figcaption h3{font-size:28px;line-height:1.2;margin:13px 0 17px}
.v5 .compact-factory figcaption p{font-size:14px;line-height:1.75;margin:0 0 18px}
.v5 .factory-original{font-size:12px;align-self:flex-start}
.v5 .factory-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:20px}
.v5 .factory-toolbar>label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#5d686e;max-width:480px;flex:1;min-width:0}
.v5 .factory-toolbar select{font-family:var(--body);font-size:13px;color:#252e34;background:#fff;border:1px solid #bdc8c9;border-radius:6px;padding:12px;max-width:100%;width:100%;min-height:44px}
.v5 .factory-toolbar .carousel-controls{margin:0;gap:22px;flex:none}
.v5 .factory-play-note{font-size:11px;color:#5d686e;margin:12px 0 0}
@media(min-width:801px){
 .v5 .v4-header .v4-mega{height:min(570px,calc(100dvh - var(--nav-height) - max(140px,18dvh)));max-height:none;overflow:hidden}
 .v5 .mega-shell{height:100%;min-height:0;grid-template-columns:225px minmax(0,1fr)}
 .v5 .mega-rail{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:10px 0;scrollbar-width:thin}
 .v5 .mega-content{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px 32px;scrollbar-width:thin}
 .v5 .mega-title{margin-bottom:20px}
 .v5 .mega-cards{gap:18px}
 .v5 .mega-cards .cable-visual{aspect-ratio:2.35}
 .v5 .mega-cards .cable-visual img{object-fit:cover}
 .v5 .mega-content.single-selection{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);align-content:start;gap:24px}
 .v5 .mega-content.single-selection .mega-title{grid-column:1/-1;margin-bottom:0}
 .v5 .mega-content.single-selection .menu-selection-help{border-top:0;margin-top:0;padding:25px 15px;align-self:center}
 .v5 .mega-content.single-selection .cable-visual{aspect-ratio:1.9}
 .v5 .mega-content.single-selection .cable-card-copy>p{display:none}
}
@media(min-width:801px) and (max-width:1080px){.v5 .mega-shell{grid-template-columns:200px minmax(0,1fr)}.v5 .mega-content{padding:20px}.v5 .mega-content.single-selection{grid-template-columns:minmax(0,1fr)}.v5 .mega-content.single-selection .menu-selection-help{padding:0}.v5 .mega-content.single-selection .cable-visual{aspect-ratio:3.2}}
@media(max-width:800px){
 .v5 .v4-header .main-nav{max-height:calc(100dvh - var(--nav-height) - 95px)}
 .v5 .v4-header .v4-mega{overflow:visible;height:auto;max-height:none}
 .v5 .product-rail{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;padding:10px 0}
 .v5 .product-rail>button,.v5 .product-rail>.rail-overview{grid-column:1/-1}
 .v5 .product-rail .rail-overview{display:block!important}
 .v5 .rail-category-group>p{padding-left:8px;letter-spacing:.5px;font-size:9px}
 .v5 .product-rail button{padding:10px 8px;font-size:12px;min-height:38px}
 .v5 .mega-heading{font-size:23px}
 .v5 .mega-content.single-selection .menu-selection-help{padding-top:15px}
 .v5 .compact-factory figure[data-slide]{grid-template-columns:1fr}
 .v5 .compact-factory figure>img{height:290px;max-height:290px}
 .v5 .compact-factory figcaption{padding:24px}
 .v5 .compact-factory figcaption h3{font-size:26px}
 .v5 .factory-toolbar{align-items:stretch;flex-direction:column;gap:15px}
 .v5 .factory-toolbar>label{max-width:none}
 .v5 .factory-toolbar .carousel-controls{justify-content:space-between;gap:10px}
}
@media(max-width:480px){.v5 .compact-factory figure>img{height:220px;max-height:220px}.v5 .compact-factory figcaption{padding:20px}.v5 .compact-factory figcaption h3{font-size:24px}.v5 .factory-section{padding-top:35px;padding-bottom:35px}.v5 .factory-toolbar .carousel-controls{flex-wrap:wrap}.v5 .mega-content.single-selection .cable-visual{aspect-ratio:1.9}}