/* Shared RAPAS / Micsig product-page stylesheet. Based on the approved MHO3 reference. */
/* 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}


/* Reusable product sections, cards, specifications and documentation. */
html{scroll-padding-top:100px;scroll-behavior:smooth}
.hero h1{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.12;letter-spacing:-.025em}
.hero .lead{font-size:1.15rem;line-height:1.6}
.product-hero-note{font-size:.92rem;line-height:1.6;margin-top:20px;color:#52616c}
.product-carousel img{height:430px;padding:25px;object-fit:contain;transition:transform .3s}
.product-carousel .carousel-item:hover img{transform:scale(1.1)}
.product-carousel .carousel-control-prev,.product-carousel .carousel-control-next{width:10%;background:transparent}
.product-carousel .carousel-control-prev-icon,.product-carousel .carousel-control-next-icon{background-color:#17476c;border-radius:50%;padding:18px;background-size:60%}
.product-overview-image{width:100%;max-height:430px;object-fit:contain;border-radius:14px;background:#fff;padding:18px}
.product-feature-card{border:1px solid #d5e1e8;border-top:3px solid #ffc107;border-radius:13px;overflow:hidden;background:white;box-shadow:0 7px 22px #17354d0a}
.product-feature-card .card-img-top{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:contain;background:#fff;transition:transform .3s}
.product-feature-card:hover .card-img-top{transform:scale(1.1)}
.product-feature-card .card-body{padding:20px;position:relative;background:white}
.product-feature-card h3,.product-document-card h3{font-size:1.15rem;font-weight:700;line-height:1.35}
.product-feature-card p{font-size:.94rem;line-height:1.6;margin-bottom:0}
.product-table-heading{font-size:1.3rem;font-weight:700;margin-bottom:18px}
.product-common-table th{width:48%;font-weight:600;text-align:left}.product-common-table td{text-align:center}
.product-common-table td,.product-common-table th{padding:13px 16px;vertical-align:middle}
.product-model-table{min-width:950px;border:1px solid #d5e1e8;background:white}
.product-model-table th,.product-model-table td{padding:12px;vertical-align:middle;text-align:center}
.product-model-table th:first-child{text-align:left;white-space:nowrap}
.product-model-table tbody th{font-weight:700;color:#17476c}
.product-model-table tbody tr:nth-child(even){background:#edf4f8}
.product-table-hint{font-size:.88rem;color:#52616c}
.product-spec-note{font-size:.9rem;line-height:1.6;color:#52616c;margin:18px 0 0}
.product-document-card{border:1px solid #d5e1e8;border-top:3px solid #ffc107;border-radius:13px;background:#fff}
.product-document-card .card-body{padding:26px}
.product-document-link{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #dde6eb;padding:13px 0;color:#17476c;font-weight:700;text-decoration:none}
.product-document-link:hover{color:#087f88}.product-document-card p{line-height:1.6}
.rapas-footer-wrap{margin-top:0}.rapas-footer-wrap footer{background:transparent}
.rapas-navbar .navbar-nav>.nav-item>.nav-link{white-space:nowrap}
@media(min-width:992px){.rapas-navbar .navbar-nav{align-items:center}.rapas-navbar .navbar-nav>.nav-item>.nav-link{padding-top:1rem!important;padding-bottom:1rem!important}}
a:focus-visible,button:focus-visible{outline:3px solid #77b9de;outline-offset:4px}
@media(max-width:767.98px){.product-carousel img{height:320px;padding:20px}.hero h1{font-size:2.25rem}.product-overview-image{max-height:340px}.product-common-table th{width:50%}.product-common-table th,.product-common-table td{padding:10px;font-size:.91rem}.product-document-card .card-body{padding:22px}}
@media(max-width:575.98px){.product-carousel img{height:260px;padding:14px}.hero h1{font-size:2rem}.hero .lead{font-size:1.08rem}.hero .pills span{font-size:.9rem}.section-title{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
