/* Udyojak Growth OS Pro v2.4.4 — premium contact header and mobile CTA. */
:root{
  --u-live-header-height:114px;
  --u-contact-strip-height:34px;
  --u-admin-offset:0px;
}
body.admin-bar{--u-admin-offset:32px}
.u-site-header{
  position:sticky;
  top:var(--u-admin-offset);
  z-index:180;
  isolation:isolate;
  background:#fff;
  border-bottom:1px solid rgba(15,45,92,.09);
  box-shadow:0 10px 30px rgba(15,45,92,.055);
  backdrop-filter:none;
  transition:box-shadow .2s ease;
}
.u-site-header.is-compact{box-shadow:0 12px 34px rgba(15,45,92,.1)}
.u-contact-strip{
  height:var(--u-contact-strip-height);
  overflow:hidden;
  background:linear-gradient(90deg,#0B254D 0%,#0F2D5C 58%,#153B73 100%);
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.1);
  opacity:1;
  transition:height .2s ease,opacity .16s ease,border-color .2s ease;
}
.u-site-header.is-compact .u-contact-strip{height:0;opacity:0;border-color:transparent}
.u-contact-strip__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  height:34px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.01em;
}
.u-contact-strip__area,.u-contact-strip__right,.u-contact-strip__phone,.u-contact-strip__email{
  display:flex;
  align-items:center;
}
.u-contact-strip__area{min-width:0;color:#E5EEFC;white-space:nowrap}
.u-contact-strip__right{justify-content:flex-end;gap:18px;margin-left:auto}
.u-contact-strip__phone,.u-contact-strip__email{gap:7px;color:#fff;white-space:nowrap;transition:color .16s ease}
.u-contact-strip__phone:hover,.u-contact-strip__email:hover,.u-contact-strip__phone:focus-visible,.u-contact-strip__email:focus-visible{color:#FFB37A}
.u-contact-strip svg{width:15px;height:15px;flex:0 0 15px}
.u-social-icons{display:flex;align-items:center;gap:5px}
.u-social-icons a{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:9px;
  color:#fff;
  background:rgba(255,255,255,.07);
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.u-social-icons a:hover,.u-social-icons a:focus-visible{background:var(--u-orange);border-color:var(--u-orange);transform:translateY(-1px)}
.u-social-icons svg{width:14px;height:14px;fill:currentColor}
.u-mobile-contact-panel{display:none}
.u-header-inner{
  position:relative;
  min-height:80px;
  gap:24px;
  transition:min-height .2s ease;
}
.u-site-header.is-compact .u-header-inner{min-height:72px}
.u-brand{
  display:flex;
  align-items:center;
  flex:0 0 240px;
  min-width:0;
  max-width:240px;
}
.u-logo{
  display:inline-flex;
  align-items:center;
  width:240px;
  max-width:100%;
}
.u-logo img{
  display:block;
  width:240px;
  height:auto;
  max-width:100%;
  max-height:none;
  aspect-ratio:430/132;
  object-fit:contain;
}
.u-site-header.is-compact .u-brand,.u-site-header.is-compact .u-logo{flex-basis:220px;max-width:220px;width:220px}
.u-site-header.is-compact .u-logo img{width:220px}
.u-nav{margin-left:auto}
.u-menu{
  display:flex;
  align-items:center;
  gap:20px;
  margin:0;
  padding:0;
  list-style:none;
}
.u-menu>li{position:relative;min-width:0}
.u-menu>li>.u-nav-link,.u-submenu-toggle{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  border:0;
  background:transparent;
  color:#1C2741;
  padding:8px 1px;
  font:900 14px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  white-space:nowrap;
  cursor:pointer;
}
.u-menu>li>.u-nav-link:after,.u-submenu-toggle:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:2px;
  height:3px;
  border-radius:99px;
  background:var(--u-orange);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}
.u-menu>li>.u-nav-link:hover,.u-menu>li>.u-nav-link:focus-visible,.u-submenu-toggle:hover,.u-submenu-toggle:focus-visible{color:var(--u-orange)}
.u-menu>li>.u-nav-link:hover:after,.u-menu>li>.u-nav-link:focus-visible:after,.u-menu>li>.u-nav-link.is-current:after,.u-menu>li.is-current>.u-submenu-toggle:after,.u-submenu-toggle[aria-expanded="true"]:after{transform:scaleX(1)}
.u-submenu-toggle svg{width:17px;height:17px;margin-left:5px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .18s ease}
.u-submenu-toggle[aria-expanded="true"] svg,.u-has-submenu:hover>.u-submenu-toggle svg{transform:rotate(180deg)}
.u-menu>li.u-menu-cta>.u-nav-link,
.u-menu>li.u-menu-cta:last-child>.u-nav-link{
  min-height:46px;
  border-radius:999px;
  background:var(--u-orange);
  color:#fff!important;
  padding:12px 18px;
  box-shadow:0 12px 28px rgba(255,107,0,.25);
}
.u-menu>li.u-menu-cta>.u-nav-link:after{display:none}
.u-menu>li.u-menu-cta>.u-nav-link:hover,.u-menu>li.u-menu-cta>.u-nav-link:focus-visible{background:#E95F00;transform:translateY(-1px)}
.u-menu-toggle{margin-left:auto}
.u-menu-overlay{display:none}

@media(min-width:1081px){
  .u-menu-toggle{display:none!important}
  .u-nav{display:block!important;position:static!important;max-height:none!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
  .u-has-submenu:before{content:"";position:absolute;left:-18px;right:-18px;top:100%;height:20px}
  .u-submenu{
    position:absolute;
    top:calc(100% + 16px);
    left:50%;
    z-index:190;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:min(690px,calc(100vw - 40px));
    margin:0;
    padding:16px;
    list-style:none;
    border:1px solid var(--u-line);
    border-radius:24px;
    background:#fff;
    box-shadow:0 28px 70px rgba(15,45,92,.2);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate(-50%,8px);
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  }
  .u-has-submenu:hover>.u-submenu,.u-has-submenu:focus-within>.u-submenu,.u-has-submenu.is-submenu-open>.u-submenu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate(-50%,0);
  }
  .u-submenu li{min-width:0}
  .u-menu .u-submenu li>a,.u-menu .u-submenu li:last-child>a{
    display:flex;
    align-items:flex-start;
    min-height:82px;
    margin:0;
    border:1px solid transparent;
    border-radius:16px;
    background:transparent;
    color:var(--u-navy)!important;
    padding:13px;
    box-shadow:none;
    white-space:normal;
  }
  .u-submenu li>a:hover,.u-submenu li>a:focus-visible,.u-submenu li>a.is-current{border-color:#DDE8F8;background:#F6F9FE}
  .u-submenu li>a>span:first-child{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;margin-right:10px;border-radius:11px;background:#EEF4FC;font-size:18px}
  .u-submenu li>a>span:last-child{min-width:0}
  .u-submenu strong{display:block;color:var(--u-navy);font-size:14px;line-height:1.25}
  .u-submenu small{display:block;margin-top:4px;color:#68758B;font-size:11px;font-weight:650;line-height:1.35}
  .u-submenu .u-submenu-all{grid-column:1/-1;border-top:1px solid var(--u-line);padding-top:10px;margin-top:2px}
  .u-menu .u-submenu .u-submenu-all>a,.u-menu .u-submenu .u-submenu-all:last-child>a{justify-content:center;min-height:44px;border:0;background:#FFF2E9;color:#B44A00!important;padding:10px 14px;font-weight:950}
}

@media(max-width:1080px){
  :root{--u-contact-strip-height:34px}
  .u-contact-strip__inner{height:34px;gap:10px}
  .u-contact-strip__area,.u-contact-strip__email{display:none}
  .u-contact-strip__right{justify-content:space-between;width:100%;gap:8px;margin:0}
  .u-contact-strip__phone{min-height:32px;font-size:11px}
  .u-contact-strip .u-social-icons{gap:4px}
  .u-contact-strip .u-social-icons a{width:30px;height:30px;border-radius:9px}
  .u-header-inner{min-height:68px;gap:16px}
  .u-site-header.is-compact .u-header-inner{min-height:64px}
  .u-brand,.u-site-header.is-compact .u-brand{flex:0 1 190px;max-width:190px}
  .u-logo,.u-site-header.is-compact .u-logo{width:190px;max-width:190px}
  .u-logo img,.u-site-header.is-compact .u-logo img{width:190px;max-height:none}
  .u-menu-toggle{display:flex;width:46px;height:46px;flex:0 0 46px}
  .u-nav{
    position:fixed!important;
    top:calc(var(--u-live-header-height) + var(--u-admin-offset));
    left:12px;
    right:12px;
    z-index:183;
    display:block!important;
    max-height:calc(100dvh - var(--u-live-header-height) - var(--u-admin-offset) - 18px);
    margin:0;
    overflow:auto;
    overscroll-behavior:contain;
    border:1px solid var(--u-line);
    border-radius:22px;
    background:#fff;
    padding:14px 14px calc(14px + env(safe-area-inset-bottom,0px));
    box-shadow:0 26px 70px rgba(15,45,92,.24);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-10px);
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  }
  .u-nav.active{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .u-menu{display:grid;gap:3px}
  .u-menu>li>.u-nav-link,.u-submenu-toggle{
    display:flex;
    justify-content:flex-start;
    width:100%;
    min-height:48px;
    border-radius:13px;
    padding:10px 12px;
    font-size:15px;
  }
  .u-menu>li>.u-nav-link:after,.u-submenu-toggle:after{left:4px;right:auto;top:11px;bottom:11px;width:4px;height:auto;transform:scaleY(0)}
  .u-menu>li>.u-nav-link.is-current:after,.u-menu>li.is-current>.u-submenu-toggle:after,.u-submenu-toggle[aria-expanded="true"]:after{transform:scaleY(1)}
  .u-submenu-toggle svg{margin-left:auto}
  .u-submenu{
    display:none;
    gap:3px;
    margin:3px 0 8px;
    padding:7px;
    list-style:none;
    border-radius:16px;
    background:#F5F8FD;
  }
  .u-has-submenu.is-submenu-open>.u-submenu{display:grid}
  .u-menu .u-submenu li>a,.u-menu .u-submenu li:last-child>a{
    display:flex;
    align-items:center;
    min-height:48px;
    margin:0;
    border-radius:12px;
    background:transparent;
    color:var(--u-navy)!important;
    padding:9px 10px;
    box-shadow:none;
    white-space:normal;
  }
  .u-submenu li>a.is-current,.u-submenu li>a:hover,.u-submenu li>a:focus-visible{background:#fff}
  .u-submenu li>a>span:first-child{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;margin-right:10px;border-radius:10px;background:#fff;font-size:17px}
  .u-submenu strong{display:block;font-size:13px;line-height:1.25}
  .u-submenu small{display:block;margin-top:2px;color:#6C788D;font-size:10px;font-weight:650;line-height:1.3}
  .u-submenu-all{border-top:1px solid #DDE6F3;margin-top:4px;padding-top:4px}
  .u-menu .u-submenu .u-submenu-all>a,.u-menu .u-submenu .u-submenu-all:last-child>a{justify-content:center;background:#FFF2E9;color:#B44A00!important;font-weight:950}
  .u-menu>li.u-menu-cta>.u-nav-link,.u-menu>li.u-menu-cta:last-child>.u-nav-link{justify-content:center;margin-top:7px;min-height:48px}
  .u-mobile-contact-panel{display:grid;gap:10px;margin-top:12px;padding:13px 4px 3px;border-top:1px solid var(--u-line)}
  .u-mobile-contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .u-mobile-contact-actions>a{
    display:flex;
    align-items:center;
    min-width:0;
    min-height:54px;
    gap:9px;
    border-radius:14px;
    padding:8px 10px;
    color:#fff;
    font-size:12px;
    font-weight:900;
    line-height:1.2;
  }
  .u-mobile-contact-actions>a svg{width:22px;height:22px;flex:0 0 22px}
  .u-mobile-contact-actions>a span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .u-mobile-contact-actions>a small{display:block;margin-bottom:2px;color:rgba(255,255,255,.76);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
  .u-mobile-call{background:var(--u-navy)}
  .u-mobile-whatsapp{background:#128C4B}
  .u-mobile-email{display:flex;align-items:center;justify-content:center;min-height:44px;gap:8px;border-radius:12px;background:#F4F7FC;color:var(--u-navy);font-size:12px;font-weight:850}
  .u-mobile-email svg{width:17px;height:17px}
  .u-mobile-contact-panel .u-social-icons{justify-content:center;gap:8px}
  .u-mobile-contact-panel .u-social-icons a{width:38px;height:38px;border-color:#DCE6F4;background:#F5F8FD;color:var(--u-navy)}
  .u-mobile-contact-panel .u-social-icons a:hover,.u-mobile-contact-panel .u-social-icons a:focus-visible{border-color:var(--u-orange);background:var(--u-orange);color:#fff}
  .u-mobile-contact-panel .u-social-icons svg{width:17px;height:17px}
  .u-menu-overlay{
    position:fixed;
    inset:calc(var(--u-live-header-height) + var(--u-admin-offset)) 0 0;
    z-index:179;
    display:block;
    width:100%;
    border:0;
    background:rgba(8,25,55,.46);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .18s ease,visibility .18s ease;
  }
  .u-menu-overlay.active{opacity:1;visibility:visible;pointer-events:auto}
  body.u-menu-open{overflow:hidden}
}

@media(max-width:782px){body.admin-bar{--u-admin-offset:46px}}
@media(max-width:640px){
  .u-header-inner{min-height:68px}
  .u-brand,.u-site-header.is-compact .u-brand{flex-basis:190px;max-width:190px}
  .u-logo,.u-site-header.is-compact .u-logo,.u-logo img,.u-site-header.is-compact .u-logo img{width:190px;max-width:190px}
  .u-nav{left:8px;right:8px;border-radius:18px;padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px))}
  .u-submenu small{display:none}
  .u-submenu li>a>span:first-child{flex-basis:32px;width:32px;height:32px}
}

@media(max-width:390px){
  .u-contact-strip__phone span{font-size:10px}
  .u-contact-strip .u-social-icons a{width:28px;height:28px}
  .u-mobile-contact-actions>a{padding-inline:8px}
}

@media(prefers-reduced-motion:reduce){.u-site-header,.u-contact-strip,.u-header-inner,.u-nav,.u-menu-overlay,.u-submenu,.u-submenu-toggle svg{transition:none!important}}
