/* 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}
}