/* Master-brand header/footer ONLY — scoped to .top/.foot so it is safe to load on every public page
   without touching content styles (unlike redesign-home.css which has global .btn/.wrap/a/.service rules).
   Rules mirror the chrome parts of redesign-home.css, scoped under .top / .foot. */

.top{height:78px;background:#fff;display:flex;align-items:center;border-bottom:1px solid #e8ebe6;position:sticky;top:0;z-index:20}
.top .wrap,.foot .wrap{max-width:1250px;margin:auto;padding:0 28px}
.top .nav{display:flex;align-items:center;justify-content:space-between;width:100%;gap:24px}
.top .brand,.foot .brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;direction:ltr;letter-spacing:-.9px;color:inherit;text-decoration:none}
.top .brand{color:#11253b}
.top .brand-mark,.foot .brand-mark{width:36px;height:36px;border-radius:9px;object-fit:contain}
.top .links{display:flex;align-items:center;gap:30px;font-size:14px;color:#40536a}
.top .links a{color:#40536a;text-decoration:none}
.top .links a:hover{color:#187263}
.top .navend{display:flex;gap:12px;align-items:center}
.top .btn{border:0;border-radius:12px;padding:11px 20px;background:#0E8F5A;color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:transform .2s,background .2s;cursor:pointer}
.top .btn:hover{transform:translateY(-2px);background:#0b6e47}
.top .btn.outline{border:1px solid #d6dfd7;background:#fff;color:#11253b}
.top .lang-form{margin:0}
.top .menu{display:none;border:0;background:none;font-size:24px;line-height:1}

.foot{background:#0c2032;color:#fff;padding:45px 0}
.foot .wrap{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}
.foot p{color:#a3b8c4;line-height:1.7}
.foot a{display:inline-block;margin:0 0 10px 20px;color:#c4d3dc;text-decoration:none}
.foot a:hover{color:#fff}
.foot .brand{color:#fff}
.foot .copyright{border-top:1px solid #ffffff22;padding-top:20px;margin-top:25px;color:#8fa4b1;font-size:13px;width:100%}

@media(max-width:850px){
  .top .links{display:none;position:absolute;top:78px;right:0;left:0;background:#fff;padding:24px;flex-direction:column;align-items:stretch;box-shadow:0 18px 22px #1126361e;z-index:30}
  .top .links.open{display:flex}
  .top .menu{display:block}
  .top .navend .outline{display:none}
}
@media(max-width:550px){
  .top{height:68px}
  .top .wrap,.foot .wrap{padding:0 19px}
  .top .links{top:68px}
  .top .brand,.foot .brand{font-size:19px}
  .top .navend>.btn{padding:9px 12px;font-size:12px}
}