/* Dörtel global site shell sync — all public pages share index.html header/footer visuals. */
html body .header, html body header.header{
  z-index:9999!important; position:sticky!important; top:0!important; overflow:visible!important;
  height:auto!important; min-height:70px!important; display:flex!important; align-items:center!important;
  background:#fff!important; border-bottom:1px solid #e2e8f0!important;
  box-shadow:0 8px 24px rgba(15,23,42,.06)!important;
}
html body .header .container.nav{
  width:min(1440px,100% - 64px)!important; margin:0 auto!important;
  height:auto!important; min-height:70px!important; display:flex!important;
  justify-content:space-between!important; align-items:center!important; gap:22px!important; overflow:visible!important;
}
html body .header .dortel-logo-link{display:flex!important;align-items:center!important;flex:none!important;min-width:172px!important}
html body .header .dortel-logo-link .logo, html body .header .dortel-logo-link .site-logo{
  display:block!important; object-fit:contain!important; object-position:center!important;
  width:185px!important; max-width:185px!important; height:auto!important; max-height:none!important;
  border-radius:0!important; background:transparent!important; filter:none!important; padding:0!important;
  opacity:1!important; visibility:visible!important;
}
html body .header .menu{
  color:#071b39!important; white-space:nowrap!important; display:flex!important;
  justify-content:center!important; align-items:center!important; gap:22px!important;
  margin:0!important; font-size:14px!important; font-weight:600!important; overflow:visible!important;
}
html body .header .menu>a, html body .header .menu-dropdown-toggle{
  color:#071b39!important; opacity:1!important; min-height:44px!important;
  display:inline-flex!important; align-items:center!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:#168cff!important}
html body .header .menu-dropdown{display:flex!important;align-items:center!important;position:relative!important}
html body .header .menu-dropdown-toggle{font:inherit!important;cursor:pointer!important;background:transparent!important;border:0!important;gap:7px!important;padding:0!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;
  background:#fff!important;border:1px solid #dce9f8!important;border-radius:15px!important;
  width:max-content!important;min-width:245px!important;padding:8px!important;transition:all .18s!important;
  position:absolute!important;top:calc(100% + 8px)!important;left:50%!important;
  transform:translate(-50%) translateY(8px)!important;box-shadow:0 20px 46px rgba(6,24,52,.2)!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%) translateY(0)!important;
}
html body .header .menu-dropdown-panel a{
  display:flex!important;align-items:center!important;gap:10px!important;border-radius:10px!important;
  color:#071b39!important;padding:12px!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:#168cff!important}
html body .header .right-nav{display:flex!important;align-items:center!important;gap:12px!important;flex:none!important;color:#071b39!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:9px!important;color:#071b39!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{font-size:22px!important;color:#168cff!important}
html body .header .call-top small, html body .header .top-call small{display:block!important;color:#48617f!important;font-size:11px!important;font-weight:600!important}
html body .header .call-top span, html body .header .top-call span{font-size:17px!important;line-height:1.15!important}
html body .header .mobile-menu-toggle{
  cursor:pointer!important;background:#eef7ff!important;border:1px solid #b9dcff!important;border-radius:12px!important;
  flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;
  width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;display:none!important;
}
html body .header .mobile-menu-toggle span{background:#168cff!important;border-radius:4px!important;width:21px!important;height:2px!important;display:block!important}

html body .site-footer, html body footer.site-footer{
  position:relative!important;background:#f5f9fd!important;color:#203a5d!important;
  border-top:3px solid #0b4f91!important;text-align:left!important;padding:0!important;
}
html body .site-footer .footer-top{background:#f5f9fd!important;padding:48px 0 30px!important}
html body .site-footer .container{width:min(1440px,100% - 64px)!important;margin:0 auto!important}
html body .site-footer .footer-grid{
  display:grid!important;grid-template-columns:1.35fr 1fr 1.1fr 1.1fr!important;align-items:start!important;gap:34px!important;
}
html body .site-footer .footer-logo{
  display:block!important;object-fit:contain!important;width:190px!important;max-width:190px!important;height:auto!important;
  margin:0 0 16px!important;filter:none!important;background:transparent!important;border-radius:0!important;
}
html body .site-footer .footer-about p{max-width:380px!important;color:#36577e!important;margin:0 0 17px!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-radius:50%!important;color:#168cff!important;background:#eef7ff!important;border:1px solid #cfe4ff!important;font-size:19px!important}
html body .site-footer .footer-col h3{color:#071b39!important;margin:0 0 15px!important;font-size:17px!important;font-weight:600!important}
html body .site-footer .footer-links{display:grid!important;gap:9px!important}
html body .site-footer .footer-links a{color:#36577e!important;font-size:14.5px!important;line-height:1.5!important;text-decoration:none!important}
html body .site-footer .footer-links a:hover{color:#168cff!important}
html body .site-footer .footer-contact{display:grid!important;gap:12px!important;color:#36577e!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:#168cff!important}
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-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:#168cff!important;color:#fff!important}
html body .site-footer .footer-cta .wa{background:#14bd43!important;color:#fff!important}
html body .site-footer .footer-bottom{background:#f5f9fd!important;border-top:1px solid #dce7f3!important;color:#607a9a!important;margin:0!important;padding:16px 0!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}
html body .site-footer .footer-bottom a{color:#36577e!important;text-decoration:none!important}

@media (max-width:1180px){
  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){
  html body.mobile-menu-open{overflow:hidden!important}
  html body .header, html body header.header, html body .header .container.nav{height:auto!important;min-height:72px!important}
  html body .header .dortel-logo-link .logo, html body .header .dortel-logo-link .site-logo{width:170px!important;max-width:170px!important;height:auto!important}
  html body .header .mobile-menu-toggle{order:3!important;display:flex!important}
  html body .header .right-nav{order:2!important;margin-left:auto!important}
  html body .header .insta, html body .header .call-top, html body .header .top-call, html body .header .menu{display:none!important}
  html 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;
  }
  html body.mobile-menu-open .header .menu>a, html body.mobile-menu-open .header .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;
  }
  html body .header .menu-dropdown{display:block!important;width:100%!important}
  html body .header .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;
  }
  html body .header .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 .container{width:min(100% - 32px,1440px)!important}
  html body .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}
}