/* Dörtel shared shell v23 — index.html is the source of truth. */
:root{--dortel-navy:#071b39;--dortel-blue:#168cff;--dortel-green:#14bd43;--dortel-line:#e2e8f0;--dortel-footer:#f5f9fd;--dortel-muted:#36577e}

/* DESKTOP HEADER: fixed centered 1210px shell so logo does not hug the viewport edge. */
html body .header,html body header.header{
  z-index:9999!important;min-height:70px!important;height:auto!important;display:flex!important;align-items:center!important;
  position:sticky!important;top:0!important;overflow:visible!important;background:#fff!important;
  border-bottom:1px solid var(--dortel-line)!important;box-shadow:0 8px 24px rgba(15,23,42,.06)!important;
}
html body .header .container.nav{
  width:min(1210px,calc(100% - 40px))!important;max-width:1210px!important;min-height:70px!important;
  margin:0 auto!important;padding:0!important;display:grid!important;
  grid-template-columns:220px minmax(0,1fr) 220px!important;align-items:center!important;column-gap:18px!important;overflow:visible!important;
}
html body .header .dortel-logo-link{justify-self:start!important;display:flex!important;align-items:center!important;margin:0!important;padding:0!important;min-width:0!important}
html body .header .dortel-logo-link .logo,html body .header .dortel-logo-link .site-logo{
  display:block!important;width:180px!important;max-width:180px!important;height:auto!important;margin:0!important;padding:0!important;
  object-fit:contain!important;object-position:left center!important;border-radius:0!important;background:transparent!important;filter:none!important;opacity:1!important;visibility:visible!important;
}
html body .header .menu{
  justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:22px!important;
  margin:0!important;padding:0!important;white-space:nowrap!important;overflow:visible!important;color:var(--dortel-navy)!important;font-size:14px!important;font-weight:600!important;
}
html body .header .menu>a,html body .header .menu-dropdown-toggle{min-height:44px!important;display:inline-flex!important;align-items:center!important;color:var(--dortel-navy)!important;opacity:1!important;text-decoration:none!important}
html body .header .menu>a:hover,html body .header .menu>a[aria-current="page"],html body .header .menu-dropdown-toggle:hover{color:var(--dortel-blue)!important}
html body .header .menu-dropdown{position:relative!important;display:flex!important;align-items:center!important}
html body .header .menu-dropdown-toggle{cursor:pointer!important;gap:7px!important;padding:0!important;border:0!important;background:transparent!important;font:inherit!important}
html body .header .menu-dropdown-toggle i{font-size:10px!important;transition:transform .2s!important}
html body .header .menu-dropdown.open .menu-dropdown-toggle i{transform:rotate(180deg)!important}
html body .header .menu-dropdown-panel{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:10010!important;position:absolute!important;top:calc(100% + 8px)!important;left:50%!important;
  width:max-content!important;min-width:245px!important;padding:8px!important;background:#fff!important;border:1px solid #dce9f8!important;border-radius:15px!important;
  transform:translate(-50%,8px)!important;transition:all .18s!important;box-shadow:0 20px 46px rgba(6,20,47,.16)!important;
}
html body .header .menu-dropdown:hover .menu-dropdown-panel,html body .header .menu-dropdown:focus-within .menu-dropdown-panel,html body .header .menu-dropdown.open .menu-dropdown-panel{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important}
html body .header .menu-dropdown-panel a{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;padding:12px 13px!important;border-radius:10px!important;color:#071428!important;white-space:nowrap!important;font-size:14px!important;line-height:1.25!important;text-decoration:none!important}
html body .header .menu-dropdown-panel a:hover{background:#eef7ff!important;color:var(--dortel-blue)!important}
html body .header .menu-dropdown-panel i{width:17px!important;color:var(--dortel-blue)!important}
html body .header .right-nav{justify-self:end!important;display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;color:var(--dortel-navy)!important}
html body .header .insta,html body .header .wa-top{display:none!important}
html body .header .call-top,html body .header .top-call{display:flex!important;align-items:center!important;gap:0!important;color:var(--dortel-navy)!important;font-weight:600!important;text-decoration:none!important;white-space:nowrap!important}
html body .header .call-top i,html body .header .top-call i{display:none!important}
html body .header .call-top small,html body .header .top-call small{display:block!important;color:#36577e!important;font-size:11px!important;font-weight:500!important}
html body .header .call-top span,html body .header .top-call span{font-size:17px!important;line-height:1.15!important}
html body .mobile-menu-toggle,html body .header .mobile-menu-toggle{display:none!important;cursor:pointer!important;width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;border:1px solid #b9dcff!important;border-radius:12px!important;background:#eef7ff!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important}
html body .mobile-menu-toggle span,html body .header .mobile-menu-toggle span{display:block!important;width:21px!important;height:2px!important;border-radius:4px!important;background:var(--dortel-blue)!important;transition:all .2s!important}
body.mobile-menu-open .mobile-menu-toggle span:first-child{transform:translateY(7px) rotate(45deg)!important}body.mobile-menu-open .mobile-menu-toggle span:nth-child(2){opacity:0!important}body.mobile-menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}

/* FOOTER: exact same shell on every HTML page, using the same 1210px center line as the header. */
html body .site-footer,html body footer.site-footer,html body .site-footer .footer-top,html body .site-footer .footer-bottom{background:var(--dortel-footer)!important;color:#203a5d!important}
html body .site-footer,html body footer.site-footer{position:relative!important;border-top:3px solid #0b4f91!important;text-align:left!important;padding:0!important}
html body .site-footer .footer-top{padding:56px 0 42px!important}
html body .site-footer .footer-top>.container,html body .site-footer .footer-bottom>.container{width:min(1210px,calc(100% - 40px))!important;max-width:1210px!important;margin:0 auto!important;padding:0!important}
html body .site-footer .footer-grid{display:grid!important;grid-template-columns:1.25fr .85fr .85fr 1fr!important;align-items:start!important;gap:34px!important}
html body .site-footer .footer-logo{display:block!important;width:170px!important;max-width:170px!important;max-height:72px!important;height:auto!important;margin:0 0 18px!important;object-fit:contain!important;object-position:left center!important;filter:none!important}
html body .site-footer .footer-about p{max-width:380px!important;margin:0 0 18px!important;color:#36577e!important;font-size:15px!important;line-height:1.75!important}
html body .site-footer .footer-social{display:flex!important;gap:10px!important}
html body .site-footer .footer-social a{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border:1px solid #cfe4ff!important;border-radius:50%!important;background:#eef7ff!important;color:var(--dortel-blue)!important}
html body .site-footer .footer-col h3{margin:0 0 18px!important;color:var(--dortel-navy)!important;font-size:20px!important;font-weight:700!important}
html body .site-footer .footer-links{display:grid!important;gap:12px!important}
html body .site-footer .footer-links a,html body .site-footer .footer-contact,html body .site-footer .footer-contact a,html body .site-footer .footer-contact span{color:#36577e!important;text-decoration:none!important}
html body .site-footer .footer-contact{display:grid!important;gap:12px!important;font-size:14.5px!important;line-height:1.55!important}
html body .site-footer .footer-contact .line{display:flex!important;align-items:flex-start!important;gap:10px!important}
html body .site-footer .footer-contact i{width:17px!important;margin-top:3px!important;color:var(--dortel-blue)!important}
html body .site-footer .footer-cta{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin-top:18px!important}
html body .site-footer .footer-cta a{display:inline-flex!important;justify-content:center!important;align-items:center!important;min-height:42px!important;padding:0 16px!important;border-radius:11px!important;font-size:14px!important;font-weight:600!important}
html body .site-footer .footer-cta .call{background:var(--dortel-blue)!important;color:#fff!important}.site-footer .footer-cta .wa{background:var(--dortel-green)!important;color:#fff!important}
html body .site-footer .footer-bottom{border-top:1px solid #dce7f3!important;margin:0!important;padding:16px 0!important;color:#607a9a!important;font-size:13.5px!important}
html body .site-footer .footer-bottom-inner{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:16px!important}

@media (max-width:1180px){html body .header .container.nav{width:min(100% - 40px,980px)!important;grid-template-columns:190px minmax(0,1fr) 80px!important}html body .header .call-top,html body .header .top-call{display:none!important}html body .header .menu{gap:16px!important;font-size:13.5px!important}}
@media (max-width:1000px){body.mobile-menu-open{overflow:hidden}html body .header,html body header.header,html body .header .container.nav{min-height:72px!important}html body .header .container.nav{width:min(100% - 32px,968px)!important;display:flex!important;position:relative!important}html body .header .dortel-logo-link .logo,html body .header .dortel-logo-link .site-logo{width:170px!important;max-width:170px!important}.mobile-menu-toggle,html body .header .mobile-menu-toggle{order:3!important;display:flex!important}.header .right-nav,html body .header .right-nav{order:2!important;margin-left:auto!important}.header .insta,.header .call-top,.header .top-call,.header .menu,html body .header .insta,html body .header .call-top,html body .header .top-call,html body .header .menu{display:none!important}body.mobile-menu-open .header .menu{display:flex!important;background:#fff!important;border:1px solid #dbeafe!important;border-radius:0 0 18px 18px!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;max-height:calc(100vh - 90px)!important;padding:12px!important;position:absolute!important;top:72px!important;left:0!important;right:0!important;overflow:auto!important;box-shadow:0 22px 50px rgba(0,0,0,.2)!important}body.mobile-menu-open .header .menu>a,body.mobile-menu-open .menu-dropdown-toggle{color:#071b39!important;background:#f4f9ff!important;border:1px solid #dbeafe!important;border-radius:11px!important;justify-content:space-between!important;width:100%!important;min-height:45px!important;padding:0 14px!important}.menu-dropdown{width:100%!important;display:block!important}.menu-dropdown-panel{opacity:1!important;visibility:visible!important;pointer-events:auto!important;width:100%!important;min-width:0!important;box-shadow:none!important;margin-top:6px!important;padding:6px!important;display:none!important;position:static!important;transform:none!important}.menu-dropdown.open .menu-dropdown-panel{display:block!important;transform:none!important}html body .site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){html body .header .container.nav,html body .site-footer .footer-top>.container,html body .site-footer .footer-bottom>.container{width:calc(100% - 32px)!important}.header .right-nav .wa-top{display:none!important}html body .site-footer .footer-top{padding:38px 0 24px!important}html body .site-footer .footer-grid{grid-template-columns:1fr!important;gap:26px!important}html body .site-footer .footer-bottom-inner{display:grid!important;justify-content:start!important}}