
/* ==============================================================
   Mountain Apex v3.4.3 — Compact Header + Signature Footer
   ============================================================== */

/* ---------- Compact premium header ---------- */
.map-topbar-inner{
    min-height:30px!important;
}
.map-origin{
    font-size:8px!important;
}
.map-topbar-right{
    font-size:9px!important;
}
.map-header-inner{
    min-height:72px!important;
    grid-template-columns:255px 1fr auto!important;
    gap:20px!important;
}
.map-brand{
    width:235px!important;
    gap:1px!important;
}
.map-brand img{
    height:44px!important;
}
.map-brand-strap{
    padding-left:42px!important;
    font-size:6px!important;
    letter-spacing:.15em!important;
}
.map-nav{
    gap:19px!important;
}
.map-nav>a,
.map-nav-dropdown-toggle{
    min-height:34px!important;
    font-size:10px!important;
}
.map-rfq-btn{
    min-height:40px!important;
    padding:0 11px 0 14px!important;
    gap:11px!important;
    border-radius:6px!important;
    font-size:9px!important;
    box-shadow:0 8px 18px rgba(4,27,54,.13)!important;
}
.map-rfq-btn b{
    width:22px!important;
    height:22px!important;
    font-size:11px!important;
}
.map-header-accent{
    height:2px!important;
}
.map-header-accent span{
    width:11%!important;
}

/* Make dropdown sit closer to compact header */
.map-nav-dropdown-menu{
    top:calc(100% + 10px)!important;
}

/* ---------- Signature CTA ---------- */
.ma343-prefooter{
    position:relative;
    overflow:hidden;
    background:
        linear-gradient(115deg,#0d62bb 0%,#0c54a2 55%,#073869 100%);
    color:#fff;
}
.ma343-prefooter:after{
    content:"";
    position:absolute;
    right:-90px;
    top:-170px;
    width:330px;
    height:330px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:50%;
    box-shadow:
        0 0 0 45px rgba(255,255,255,.025),
        0 0 0 90px rgba(255,255,255,.015);
}
.ma343-prefooter-inner{
    min-height:132px;
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
}
.ma343-prefooter-inner>div{
    max-width:790px;
}
.ma343-prefooter-inner span{
    display:block;
    margin-bottom:8px;
    color:#c9e3fb;
    font-size:8px;
    font-weight:800;
    letter-spacing:.16em;
}
.ma343-prefooter-inner h2{
    margin:0;
    color:#fff;
    font-size:clamp(26px,2.7vw,38px);
    line-height:1.08;
    letter-spacing:-.035em;
}
.ma343-prefooter-btn{
    min-width:190px;
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:0 14px 0 17px;
    border-radius:6px;
    background:#fff;
    color:#073e78;
    font-size:10px;
    font-weight:800;
    box-shadow:0 10px 25px rgba(2,23,45,.14);
}
.ma343-prefooter-btn b{
    font-size:14px;
}

/* ---------- Signature footer ---------- */
.ma343-footer{
    position:relative;
    overflow:hidden;
    padding:64px 0 0;
    background:
        linear-gradient(135deg,#03172d 0%,#041b36 58%,#052342 100%);
    color:#fff;
}
.ma343-footer:before{
    content:"MOUNTAIN APEX";
    position:absolute;
    left:50%;
    bottom:38px;
    transform:translateX(-50%);
    color:rgba(255,255,255,.018);
    font-size:108px;
    line-height:1;
    font-weight:800;
    letter-spacing:-.06em;
    white-space:nowrap;
    pointer-events:none;
}
.ma343-footer-glow{
    position:absolute;
    width:520px;
    height:520px;
    right:-260px;
    top:-290px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(25,111,204,.13),rgba(25,111,204,0) 68%);
}
.ma343-footer-main{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:.95fr 1.05fr;
    gap:92px;
    align-items:start;
}
.ma343-brand-block{
    max-width:500px;
}
.ma343-brand-block>img{
    width:330px;
    height:auto;
    display:block;
}
.ma343-origin{
    display:inline-block;
    margin-top:23px;
    color:#6ea6df;
    font-size:8px;
    font-weight:800;
    letter-spacing:.16em;
}
.ma343-brand-block h2{
    max-width:510px;
    margin:13px 0 13px;
    color:#fff;
    font-size:clamp(29px,3.1vw,42px);
    line-height:1.08;
    letter-spacing:-.04em;
}
.ma343-brand-block p{
    max-width:470px;
    margin:0;
    color:#91a6bb;
    font-size:11px;
    line-height:1.8;
}
.ma343-brand-tags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:23px;
}
.ma343-brand-tags span{
    padding:6px 9px;
    border:1px solid rgba(107,164,222,.22);
    border-radius:999px;
    background:rgba(15,74,132,.10);
    color:#7eafe2;
    font-size:7px;
    font-weight:800;
    letter-spacing:.10em;
}
.ma343-footer-links{
    display:grid;
    grid-template-columns:.65fr .85fr 1.15fr;
    gap:34px;
}
.ma343-footer-col{
    display:flex;
    flex-direction:column;
    gap:10px;
}
.ma343-footer-col strong,
.ma343-sales-card>span{
    margin-bottom:7px;
    color:#fff;
    font-size:8px;
    font-weight:800;
    letter-spacing:.16em;
}
.ma343-footer-col a{
    color:#8ea5bb;
    font-size:10px;
    line-height:1.5;
    transition:.18s ease;
}
.ma343-footer-col a:hover{
    color:#fff;
    transform:translateX(2px);
}
.ma343-sales-card{
    padding:22px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:9px;
    background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
    box-shadow:0 18px 35px rgba(0,0,0,.08);
}
.ma343-sales-card .phone{
    display:block;
    margin:9px 0 4px;
    color:#fff;
    font-size:18px;
    font-weight:800;
    letter-spacing:-.02em;
}
.ma343-sales-card .email{
    display:block;
    color:#72a9e0;
    font-size:10px;
}
.ma343-sales-meta{
    display:flex;
    flex-direction:column;
    gap:4px;
    margin:17px 0;
    padding-top:14px;
    border-top:1px solid rgba(255,255,255,.08);
}
.ma343-sales-meta span{
    color:#849bb1;
    font-size:9px;
}
.ma343-sales-cta{
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 11px;
    border-radius:5px;
    background:#0e5cae;
    color:#fff;
    font-size:9px;
    font-weight:800;
}
.ma343-sales-cta:hover{
    background:#146bc5;
}

/* ---------- Sector signature bar ---------- */
.ma343-sector-bar{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr 1fr;
    margin-top:50px;
    border-top:1px solid rgba(255,255,255,.09);
    border-bottom:1px solid rgba(255,255,255,.09);
}
.ma343-sector-bar>a{
    min-height:72px;
    display:grid;
    grid-template-columns:34px 1fr 24px;
    gap:13px;
    align-items:center;
    padding:0 18px;
    color:#fff;
    transition:.2s ease;
}
.ma343-sector-bar>a:first-child{
    border-right:1px solid rgba(255,255,255,.09);
}
.ma343-sector-bar>a:hover{
    background:rgba(255,255,255,.03);
}
.ma343-sector-bar>a>span{
    color:#4d91d4;
    font-size:8px;
    font-weight:800;
}
.ma343-sector-bar strong{
    display:block;
    color:#fff;
    font-size:11px;
}
.ma343-sector-bar small{
    display:block;
    margin-top:3px;
    color:#718aa2;
    font-size:8px;
}
.ma343-sector-bar b{
    color:#5b9cdf;
    font-size:13px;
}

/* ---------- Footer base line ---------- */
.ma343-footer-bottom{
    position:relative;
    z-index:2;
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    color:#5f7891;
    font-size:8px;
}
.ma343-footer-bottom>div{
    display:flex;
    align-items:center;
    gap:8px;
}
.ma343-footer-bottom i{
    width:3px;
    height:3px;
    border-radius:50%;
    background:#2e4f70;
}

/* ---------- Floating buttons ---------- */
.map-backtop{
    width:48px!important;
    height:48px!important;
    left:18px!important;
    bottom:18px!important;
}
.ma3-whatsapp{
    right:18px!important;
    bottom:18px!important;
    width:56px!important;
    height:56px!important;
}

/* ---------- Responsive ---------- */
@media(max-width:1180px){
    .map-header-inner{
        grid-template-columns:225px 1fr auto!important;
    }
    .map-brand{
        width:210px!important;
    }
    .map-nav{
        gap:14px!important;
    }
    .ma343-footer-main{
        gap:52px;
    }
    .ma343-footer-links{
        gap:22px;
    }
}
@media(max-width:980px){
    .map-header-inner{
        min-height:68px!important;
        grid-template-columns:1fr auto auto!important;
    }
    .map-brand{
        width:225px!important;
    }
    .map-brand img{
        height:42px!important;
    }
    .map-nav{
        top:68px!important;
    }
    .ma343-footer-main{
        grid-template-columns:1fr;
        gap:44px;
    }
    .ma343-brand-block{
        max-width:620px;
    }
    .ma343-footer-links{
        grid-template-columns:1fr 1fr 1.2fr;
    }
}
@media(max-width:760px){
    .map-topbar-inner{
        min-height:28px!important;
    }
    .ma343-prefooter-inner{
        min-height:0;
        padding-top:38px;
        padding-bottom:38px;
        flex-direction:column;
        align-items:flex-start;
    }
    .ma343-prefooter-btn{
        width:100%;
    }
    .ma343-footer{
        padding-top:50px;
    }
    .ma343-brand-block>img{
        width:270px;
    }
    .ma343-footer-links{
        grid-template-columns:1fr 1fr;
    }
    .ma343-sales-card{
        grid-column:1/-1;
    }
    .ma343-sector-bar{
        grid-template-columns:1fr;
    }
    .ma343-sector-bar>a:first-child{
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.09);
    }
    .ma343-footer-bottom{
        padding:17px 0;
        flex-direction:column;
        align-items:flex-start;
    }
}
@media(max-width:520px){
    .map-brand{
        width:205px!important;
    }
    .map-brand img{
        height:40px!important;
    }
    .ma343-brand-block>img{
        width:235px;
    }
    .ma343-footer-links{
        grid-template-columns:1fr;
    }
    .ma343-sales-card{
        grid-column:auto;
    }
    .ma343-brand-block h2{
        font-size:30px;
    }
}
