/* RAPAS RCD selection page: navigation, tabs, columns, accordion and footer. */
.product-card[hidden] { display: none!important; } .product-details { height: 100px; max-height: none!important; flex: 0 0 auto!important; overflow: hidden; transition: height .45s cubic-bezier(.4,0,.2,1); } .product-details.expanded { max-height: none!important; overflow: hidden; } .product-details.is-animating::after { display: none; } .expand-button[hidden] { display: none!important; } @media (prefers-reduced-motion:reduce){ .product-details {  transition: none; } }
.clamp-tabs-wrap { padding-top: 1.5rem; } .clamp-tabs { display: flex; flex-wrap: wrap; gap: .5rem; } .clamp-tabs [role="tab"] { border: 2px solid #087f88; border-radius: .65rem; padding: .7rem 1rem; background: #fff; color: #08636b; font-weight: 800; cursor: pointer; } .clamp-tabs [aria-selected="true"] { background: #f4c65b; color: #233e40; border-color: #e9b343; } .clamp-tabs [role="tab"]:focus-visible { outline: 3px solid #087f88; outline-offset: 3px; } .clamp-panel[hidden] { display: none!important; }

.accessory-columns{align-items:stretch}
.accessory-column{display:flex}
.accessory-column-inner{display:flex;width:100%;height:100%;position:relative}
.accessory-category-card{display:flex;flex-direction:column;flex:1;width:100%;height:100%;border:1px solid var(--card-border,#d3eae6);border-top:3px solid #f4c65b;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 6px 17px #1d304410;transition:transform .25s ease,box-shadow .25s ease}
.accessory-category-card>.manufacturer{flex:0 0 auto}
.accessory-image-link{display:block;background:transparent;padding:0;margin:0;overflow:hidden}
.accessory-image-link .card-img-top{display:block;width:100%;height:auto!important;max-width:100%;border-radius:0;transition:transform .25s ease}
.accessory-category-card .card-content{padding:1rem;flex:1;display:flex;flex-direction:column}
.accessory-category-card .product-heading h3{font-size:1.2rem;font-weight:800;line-height:1.25;margin:0}
.accessory-category-card .product-heading a{text-decoration:none;color:#087f88}
.accessory-category-card .product-heading a:hover{text-decoration:underline}
@media(hover:hover) and (pointer:fine){.accessory-column-inner:hover{z-index:2}.accessory-column-inner:hover .accessory-category-card{transform:scale(1.1);box-shadow:0 13px 27px #1d304426}}
.accessory-category-card:focus-within{box-shadow:0 0 0 3px rgba(22,140,136,.25)}
@media(prefers-reduced-motion:reduce){.accessory-category-card,.accessory-image-link .card-img-top{transition:none}}

.accessory-category-card>.manufacturer{margin-bottom:1px;background-clip:padding-box}

.accessory-category-card.product-card{min-height:0!important}.accessory-category-card .product-details{margin-top:.65rem}.accessory-category-card .card-content{padding:1rem}

/* Micsig manufacturer palette; the approved original navbar layout is retained. */
:root{--bg-1st:#77b9de;--bg-2nd:#17476c;--menu-highlight:#fff06a}
.rapas-navbar{background:#f8f9fa!important;z-index:1030}
.rapas-navbar .navbar-nav>.nav-item>.nav-link{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding-left:1rem;padding-right:1rem;color:#344451;transition:color .2s,border-color .2s}
@media(min-width:992px){.rapas-navbar .navbar-nav>.nav-item>.nav-link{border-top:.3rem solid transparent;padding-top:1rem;padding-bottom:1rem}.rapas-navbar .has-megamenu{position:static!important}.rapas-navbar .megamenu{left:0;right:0;width:100%;margin-top:0}}
.rapas-navbar .navbar-nav>.nav-item>.nav-link:hover,.rapas-navbar .navbar-nav>.nav-item>.nav-link:focus,.rapas-navbar .navbar-nav>.nav-item>.nav-link.show{border-color:var(--bg-1st);color:var(--bg-2nd);font-weight:800}
.rapas-navbar .megamenu{padding:1rem;background:#fff;border:0;max-height:calc(100vh - 90px);overflow-y:auto;overscroll-behavior:contain}
.rapas-navbar .megamenu .list-group{margin-bottom:.35rem}
.rapas-navbar .megamenu .list-group-item{font-size:.82rem;line-height:1.2;padding:.24rem .3rem;color:#344451;transition:background .2s,color .2s}
.rapas-navbar .megamenu .list-group-item.title{font-size:.82rem;font-weight:700;background:#f1f5f8;color:#243c53;padding:.36rem .3rem}
.rapas-navbar .megamenu .list-group-item:hover:not(.title),.rapas-navbar .megamenu .list-group-item:focus:not(.title){color:var(--menu-highlight);background:linear-gradient(270deg,var(--bg-1st),var(--bg-2nd))}
@media(max-width:991px){.rapas-navbar .navbar-collapse{max-height:90vh;overflow-y:auto;margin-top:10px}.rapas-navbar .megamenu{max-height:none;overflow:visible;padding:.35rem}}

body{font-family:Arial,sans-serif;color:#344451}.topbar{background:#26313a;color:#fff;font-size:.88rem}.topbar a{color:#ffc107}.hero{background:#f4f6f7}.hero h1{font-size:clamp(2.3rem,5vw,4rem);font-weight:800}.kicker{color:#b45309;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.product-carousel{background:#fff;border-radius:1rem;box-shadow:0 15px 40px #0002;overflow:hidden}.product-carousel img{height:450px;object-fit:contain}.pills{display:flex;gap:.5rem;flex-wrap:wrap}.pills span{border:1px solid #ddd;border-radius:999px;padding:.4rem .7rem;font-weight:700}.section-title{font-weight:800;margin-bottom:2rem}.feature-card{height:100%;border:1px solid #ddd;border-radius:.8rem;overflow:hidden;box-shadow:0 7px 20px #0001;transition:.2s}.feature-card:hover{transform:translateY(-4px)}.feature-card img{width:100%;height:250px;object-fit:contain;background:#000}.feature-card h3{font-size:1.1rem;font-weight:800}.spec{background:#eef1f3}.table thead th{background:var(--bg-2nd);color:#fff}.documentation-dropdown .dropdown-item{transition:.2s}.documentation-dropdown .dropdown-item:hover{background:var(--bg-1st);color:#17354d;transform:translateX(4px)}footer{background:#343f49;color:#fff}.feedback{position:fixed;inset:0;z-index:20000;background:#0008;display:none;align-items:center;justify-content:center;padding:1rem}.feedback.show{display:flex}.feedback-box{width:min(500px,100%);background:#fff;border-radius:.8rem;overflow:hidden;box-shadow:0 20px 60px #0006}.feedback-head{display:flex;justify-content:space-between;padding:1rem 1.2rem;color:#fff;background:var(--bg-2nd);border-bottom:4px solid var(--bg-1st)}.feedback-head.success{background:#198754}.feedback-head.error{background:#b02a37}.feedback-head button{border:0;background:none;color:#fff;font-size:1.5rem}

/* Micsig primary-colour elements */
.rapas-quote-modal .modal-header{
    color:#fff;
    background:linear-gradient(135deg,var(--bg-2nd),var(--bg-1st));
    border-bottom:0;
}
.rapas-modal-kicker{color:#e9f6ff;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hero .btn-dark,.hero .btn-warning,.rapas-btn-quote,#feedbackOk{
    color:#fff;
    background:var(--bg-2nd);
    border-color:var(--bg-2nd);
}
.hero .btn-dark:hover,.hero .btn-warning:hover,.rapas-btn-quote:hover,#feedbackOk:hover{
    color:#17354d;
    background:var(--bg-1st);
    border-color:var(--bg-1st);
}
.documentation-dropdown .btn-outline-warning{
    color:var(--bg-2nd);
    background:#fff;
    border-color:var(--bg-2nd);
}
.documentation-dropdown .btn-outline-warning:hover,.documentation-dropdown .btn-outline-warning.show{
    color:#fff;
    background:var(--bg-2nd);
    border-color:var(--bg-2nd);
}

/* Step 4: column-controlled spacing with full-width card images */
.feature-grid{
    margin:-.65rem;
}
.feature-column{
    display:flex;
    padding:.65rem;
}
.feature-card{
    position:relative;
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    width:100%;
    height:100%;
    background:#fff;
    border:1px solid #dce7ee;
    border-radius:.9rem;
    box-shadow:0 7px 20px rgba(23,71,108,.09);
    overflow:hidden;
    transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.feature-card img{
    display:block;
    width:100%;
    height:250px;
    margin:0;
    padding:0;
    object-fit:contain;
    background:#fff;
}
.feature-card .p-3{
    flex:1 1 auto;
    padding:1rem 1.25rem 1.25rem!important;
}
.feature-card p:last-child{
    margin-bottom:0;
}
.feature-card:hover{
    transform:translateY(-6px);
    border-color:var(--bg-1st);
    box-shadow:0 16px 34px rgba(23,71,108,.18);
}
@media(max-width:575.98px){
    .feature-grid{margin:-.45rem}
    .feature-column{padding:.45rem}
    .feature-card img{height:220px}
}
@media(prefers-reduced-motion:reduce){
    .feature-card{transition:none}
    .feature-card:hover{transform:none}
}


    .rapas-footer-wrap{padding:0;font-family:Arial,sans-serif}
    .rapas-footer-wrap .rf-footer{background:#233541;color:#f5f8fa;border-top:4px solid #58beb9;border-radius:3px;overflow:hidden}
    .rapas-footer-wrap .rf-main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;padding:36px 28px 30px}
    .rapas-footer-wrap .rf-brand{font-size:28px;font-weight:700;letter-spacing:3px;margin:0 0 17px;color:#fff}
    .rapas-footer-wrap .rf-brand span{color:#73d2c9}
    .rapas-footer-wrap h3{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#86d8d0;margin:0 0 18px}
    .rapas-footer-wrap p{font-size:14px;line-height:1.65;margin:0 0 12px;color:#d4dfe6}
    .rapas-footer-wrap .rf-link{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-size:14px;line-height:1.6;margin:0 0 9px;overflow-wrap:anywhere}
    .rapas-footer-wrap .rf-link:hover{color:#86d8d0}
    .rapas-footer-wrap .rf-link svg{width:17px;height:17px;flex-shrink:0;color:#86d8d0}
    .rapas-footer-wrap .rf-quote{background:#f4c65b;color:#233541;border:0;border-radius:6px;padding:12px 18px;font-size:14px;font-weight:700;margin-top:12px;display:inline-flex;gap:9px;align-items:center}
    .rapas-footer-wrap .rf-socials{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
    .rapas-footer-wrap .rf-social{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 10px;border:1px solid #526975;border-radius:6px;color:#f5f8fa;text-decoration:none;font-size:12px}
    .rapas-footer-wrap .rf-social:hover{background:#304b59}
    .rapas-footer-wrap .rf-youtube-logo{display:grid;place-items:center;background:#ff0033;color:#fff;border-radius:6px;width:29px;height:21px;font-size:13px}
    .rapas-footer-wrap .rf-facebook-logo{display:grid;place-items:center;background:#1877f2;color:#fff;border-radius:50%;width:25px;height:25px;font-family:Arial,sans-serif;font-size:24px;font-weight:700;line-height:1}
    .rapas-footer-wrap .rf-social svg{width:18px;height:18px}
    .rapas-footer-wrap .rf-admin{padding:19px 28px;background:#1c2d37;border-top:1px solid #40545f;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}
    .rapas-footer-wrap .rf-admin p{font-size:12px;color:#bdcdd6;margin:0;line-height:1.7;overflow-wrap:anywhere}
    .rapas-footer-wrap .rf-admin strong{color:#e0e9ee;font-weight:500}
    .rapas-footer-wrap .rf-bottom{padding:16px 28px;background:#192832;color:#aebfc9;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
    .rapas-footer-wrap .rf-top{color:#d6e5ec;text-decoration:none;display:flex;align-items:center;gap:6px;border:0;background:none;padding:0;font:inherit}
    .rapas-footer-wrap .rf-top svg{width:15px;height:15px}
    .rapas-footer-wrap .rf-status{color:#86d8d0;font-size:13px;min-height:0;margin:0}
    @media(max-width:620px){.rapas-footer-wrap .rf-main{grid-template-columns:1fr;gap:26px;padding:28px 22px}.rapas-footer-wrap .rf-admin{grid-template-columns:1fr;padding:19px 22px}.rapas-footer-wrap .rf-bottom{padding:16px 22px}}
  
.rapas-footer-wrap .rf-footer{border-radius:0}.rapas-footer-wrap .rf-main,.rapas-footer-wrap .rf-admin,.rapas-footer-wrap .rf-bottom{max-width:1320px;margin:auto}.rapas-footer-wrap{background:#233541}.rapas-footer-wrap .rf-link i{font-style:normal;color:#86d8d0}.rapas-footer-wrap .rf-top{cursor:pointer}

body{background:#f4f7f8}.product-section{padding:1.7rem 0 3rem}.section-heading{margin-bottom:1.5rem}.section-heading h2{font-weight:800;color:#17476c;font-size:1.6rem}.manufacturer{padding:.45rem .8rem;background:#087f88;color:white;font-size:.78rem;letter-spacing:.04em;font-weight:800;text-transform:uppercase;text-align:center}.product-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.product-heading h3{color:#087f88}.expand-button{flex:0 0 32px;width:32px;height:32px;padding:0;border:1px solid #a8d8d5;border-radius:50%;background:#e8f5f3;color:#087f88;display:grid;place-items:center}.expand-button:hover{background:#cfeae6}.chevron{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .3s}.expand-button[aria-expanded=true] .chevron{transform:rotate(225deg)}.product-details{position:relative;line-height:1.4;font-size:.92rem}.product-details p{margin-bottom:.4rem}.product-details ul{padding-left:1.1rem;margin-bottom:.4rem}.product-details.is-overflowing:not(.expanded):not(.is-animating)::after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(transparent,#fff)}.scope-intro{padding:1.6rem 0 0}.scope-intro h1{font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800;color:#17476c}.scope-intro p{margin-bottom:0}.scope-slideshow img{width:100%;height:auto;display:block}


/* Full-width proportional energy-meter banner. */

.energy-hero{position:relative;isolation:isolate;overflow:hidden;padding:0;margin:0;background:#edf2f4;color:#fff}
.energy-banner-image{display:block;width:100%;max-width:none;height:auto;aspect-ratio:1920/400;object-fit:cover;margin:0}
.energy-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,36,40,.72),rgba(12,36,40,.14) 58%,transparent);z-index:1;pointer-events:none}
.energy-hero-copy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}
.energy-hero h1{max-width:58%;font-size:clamp(1.05rem,3.45vw,3.8rem);line-height:1.08;font-weight:800;color:#fff;margin:0 0 .4rem}
.energy-hero p{max-width:54%;font-size:clamp(.68rem,1.32vw,1.27rem);line-height:1.15;color:#fff;margin:0}
@media(max-width:991.98px){.energy-hero h1,.energy-hero p{max-width:100%}.energy-hero h1{font-size:clamp(1.05rem,4vw,2.7rem);margin-bottom:2px}.energy-hero p{font-size:clamp(.68rem,1.8vw,1.2rem)}.energy-hero::after{background:linear-gradient(90deg,rgba(12,36,40,.72),rgba(12,36,40,.25))}}
@media(max-width:575.98px){.energy-hero-copy{width:100%;padding-left:12px;padding-right:12px}}

.accessory-category-card .carousel img{display:block;width:100%;height:auto}.accessory-category-card .carousel-indicators{margin-bottom:.3rem}.accessory-category-card .carousel-indicators li{width:20px;height:3px}

/* Four columns from LG upward. */
@media (min-width:992px){.accessory-columns > .accessory-column{flex:0 0 auto;width:25%;max-width:25%;}}