/* MegaTech Zone — stylish mobile / tablet header (≤1024px) */
@media (max-width:1024px){
  #elementor-header-top-mobile,#elementor-header-top-mobile #tm-header-mobile{background:#020E16!important;border:0!important;box-shadow:none!important}
  #elementor-header-top-mobile #tm-header-mobile .tm-header-main{
    position:relative!important;isolation:isolate;overflow:hidden;min-height:76px;padding:0!important;display:flex;align-items:center;
    background:
      radial-gradient(140% 180% at 105% -30%,rgba(255,170,23,.22),rgba(255,170,23,0) 52%),
      radial-gradient(90% 140% at -10% 130%,rgba(64,140,255,.10),rgba(64,140,255,0) 60%),
      linear-gradient(180deg,#071B2C 0%,#020E16 100%)!important;
    border:0!important;box-shadow:0 20px 40px -26px rgba(2,14,22,.9)}
  /* fine tech grid, fading out to the right */
  #elementor-header-top-mobile .tm-header-main::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.35) 45%,transparent 75%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.35) 45%,transparent 75%)}
  /* glowing orange hairline with a travelling spark */
  #elementor-header-top-mobile .tm-header-main::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;z-index:2;pointer-events:none;
    background:linear-gradient(90deg,rgba(255,170,23,0) 0%,rgba(255,170,23,.25) 20%,rgba(255,170,23,.25) 80%,rgba(255,170,23,0) 100%),
               linear-gradient(90deg,rgba(255,255,255,0),#FFD27A,#FFAA17,rgba(255,170,23,0));
    background-size:100% 100%,30% 100%;background-repeat:no-repeat;background-position:0 0,-40% 0;animation:mtz-mh-spark 5s cubic-bezier(.6,0,.3,1) infinite}
  @keyframes mtz-mh-spark{0%{background-position:0 0,-40% 0}60%,100%{background-position:0 0,140% 0}}

  #elementor-header-top-mobile .tm-header-main>.container-fluid{width:100%;padding:0 128px 0 max(16px,env(safe-area-inset-left,0px))!important}
  #elementor-header-top-mobile .tm-header-main>.container-fluid>.row{margin:0!important;display:flex;align-items:center;min-height:76px}
  #elementor-header-top-mobile .tm-header-branding{display:flex!important;align-items:center;padding:8px 0!important;margin:0!important;float:none!important;max-width:100%}
  /* logo: bigger, crisp, soft glow, with a shine sweep */
  #elementor-header-top-mobile .tm-header-branding .site-brand{position:relative;display:inline-flex!important;align-items:center;line-height:0;padding:0!important;margin:0!important;
    animation:mtz-mh-in .9s cubic-bezier(.16,1,.3,1) both}
  #elementor-header-top-mobile .tm-header-branding .site-brand img{display:block;height:54px!important;width:auto!important;max-width:min(58vw,230px)!important;max-height:none!important;object-fit:contain;
    filter:drop-shadow(0 4px 14px rgba(255,170,23,.22));transition:transform .5s cubic-bezier(.16,1,.3,1)}
  #elementor-header-top-mobile .tm-header-branding .site-brand:active img{transform:scale(.96)}
  #elementor-header-top-mobile .tm-header-branding .site-brand::after{content:"";position:absolute;inset:0;pointer-events:none;
    -webkit-mask:var(--mtz-logo) center/contain no-repeat;mask:var(--mtz-logo) center/contain no-repeat;
    background:linear-gradient(105deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.95) 48%,rgba(255,214,140,.9) 53%,rgba(255,255,255,0) 64%);
    background-size:260% 100%;background-repeat:no-repeat;background-position:130% 0;animation:mtz-mh-shine 5.5s 1.2s cubic-bezier(.45,0,.25,1) infinite;opacity:.85}
  html:not(.mtz-mh-logo) #elementor-header-top-mobile .tm-header-branding .site-brand::after{display:none}
  @keyframes mtz-mh-shine{0%{background-position:130% 0}45%,100%{background-position:-30% 0}}
  @keyframes mtz-mh-in{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}

  /* action buttons on the right: call + menu — both exactly 48 x 48 */
  #elementor-header-top-mobile #tm-header-mobile #tm-nav-mobile{position:absolute!important;right:max(14px,env(safe-area-inset-right,0px))!important;left:auto!important;top:50%!important;bottom:auto!important;
    transform:translateY(-50%)!important;width:48px!important;height:48px!important;margin:0!important;padding:0!important;z-index:3;float:none!important;line-height:0}
  #elementor-header-top-mobile #tm-header-mobile #tm-nav-mobile .tm-nav-mobile-button{position:relative!important;box-sizing:border-box!important;display:block!important;
    width:48px!important;height:48px!important;min-width:0!important;min-height:0!important;max-width:none!important;margin:0!important;padding:0!important;border-radius:16px!important;
    background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px -12px rgba(0,0,0,.7)!important;
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .4s cubic-bezier(.16,1,.3,1),background .3s,border-color .3s!important}
  #elementor-header-top-mobile #tm-header-mobile #tm-nav-mobile .tm-nav-mobile-button:active{transform:scale(.92);background:rgba(255,170,23,.16)!important;border-color:rgba(255,170,23,.5)!important}
  #elementor-header-top-mobile #tm-header-mobile #tm-nav-mobile .tm-nav-mobile-button::before,
  #elementor-header-top-mobile #tm-header-mobile #tm-nav-mobile .tm-nav-mobile-button::after,
  #elementor-header-top-mobile #tm-header-mobile #tm-nav-mobile .tm-nav-mobile-button span{position:absolute!important;left:13px!important;right:auto!important;bottom:auto!important;height:2px!important;margin:0!important;border-radius:2px}
  #elementor-header-top-mobile #tm-header-mobile #tm-nav-mobile .tm-nav-mobile-button::before{top:16px!important;width:20px!important}
  #elementor-header-top-mobile #tm-header-mobile #tm-nav-mobile .tm-nav-mobile-button span{top:22px!important;width:12px!important}
  #elementor-header-top-mobile #tm-header-mobile #tm-nav-mobile .tm-nav-mobile-button::after{top:28px!important;width:20px!important}
  .mtz-mcall{position:absolute;z-index:3;right:calc(max(14px,env(safe-area-inset-right,0px)) + 58px);top:50%;transform:translateY(-50%);box-sizing:border-box;
    width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#FFAA17;color:#020E16!important;text-decoration:none!important;
    box-shadow:0 10px 24px -10px rgba(255,170,23,.75);animation:mtz-mh-pop .8s .2s cubic-bezier(.16,1,.3,1) both}
  .mtz-mcall svg{width:20px;height:20px}
  .mtz-mcall::after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1.5px solid #FFAA17;animation:mtz-mh-ring 2.6s cubic-bezier(.16,1,.3,1) infinite;pointer-events:none}
  @keyframes mtz-mh-pop{from{opacity:0;transform:translateY(-50%) scale(.6)}to{opacity:1;transform:translateY(-50%) scale(1)}}
  @keyframes mtz-mh-ring{0%{opacity:.9;transform:scale(1)}70%,100%{opacity:0;transform:scale(1.35)}}
}
@media (max-width:380px){
  #elementor-header-top-mobile .tm-header-branding .site-brand img{height:46px!important}
}
@media (prefers-reduced-motion:reduce){
  #elementor-header-top-mobile .tm-header-main::after,#elementor-header-top-mobile .tm-header-branding .site-brand,#elementor-header-top-mobile .tm-header-branding .site-brand::after,.mtz-mcall,.mtz-mcall::after{animation:none!important}
}