/* Phone navigation is its own touch-first screen, never a scaled desktop preview.
   All desktop geometry and hover previews remain owned by the original styles. */
.navigation-icon,.services-mobile-heading{display:none}
@media(max-width:767px){
  /* Hide only the document's visual scrollbar. Native page/nested scrolling,
     keyboard input, focus reveal and pinch zoom keep their existing behavior. */
  html,body{scrollbar-width:none}
  html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}
  /* Icon-only phone menu controls retain their original accessible text. */
  .site-header .menu-toggle{width:44px;min-width:44px;min-height:44px;justify-content:center;gap:0}
  .site-header .menu-toggle>span,
  .site-header .header-service-link>span{
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
    clip-path:inset(50%);white-space:nowrap;border:0;
  }
  .site-header .menu-toggle svg{width:22px;height:22px}
  .site-header .header-service-link{
    position:relative;display:inline-flex;align-items:center;justify-content:center;
    width:44px;min-width:44px;min-height:44px;padding:0;gap:0;font-size:0;line-height:0;
  }
  .site-header .header-service-link::before{
    content:'';display:block;width:22px;height:10px;box-sizing:border-box;
    border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  }
  .site-header .header-service-link .services-trigger-home{display:none}
  #services-mega-menu{
    position:fixed;inset:0;z-index:60;height:100dvh;max-height:100dvh;min-height:0;
    border:0;background:rgba(12,13,15,.96);box-shadow:none;
    animation:none;overflow:hidden;
  }
  #services-mega-menu>.services-mobile-heading{
    position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:center;
    height:calc(68px + env(safe-area-inset-top));padding:max(12px,env(safe-area-inset-top)) 64px 12px;
    border-bottom:1px solid #ffffff16;background:#121315;box-sizing:border-box;
  }
  #services-mega-menu .services-mobile-title{
    margin:0;font-family:Vazirmatn,sans-serif;font-size:18px;line-height:1.6;font-weight:550;white-space:nowrap;
  }
  #services-mega-menu .services-mobile-back{
    position:absolute;right:max(10px,env(safe-area-inset-right));bottom:12px;
    display:grid;place-items:center;width:44px;height:44px;padding:0;font-size:0;color:#fff;background:transparent;
  }
  #services-mega-menu>.services-mega-close{
    position:absolute;left:max(10px,env(safe-area-inset-left));top:calc(12px + env(safe-area-inset-top));
    width:44px;height:44px;min-height:44px;z-index:6;
  }
  #services-mega-menu>.services-mega-close::before,#services-mega-menu>.services-mega-close::after{width:24px}
  #services-mega-menu>.services-mega-content,
  #services-mega-menu.has-overhaul-layer>.services-mega-content{
    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;
    position:absolute;inset:calc(68px + env(safe-area-inset-top)) 0 0;height:auto;min-height:0;
    padding:12px max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));
    overflow-y:auto;overflow-x:hidden;scroll-padding-block:12px;transform:none;opacity:1;visibility:visible;pointer-events:auto;transition:none;
  }
  #services-mega-menu .services-mega-content::before,#services-mega-menu .services-mega-content::after,
  #services-mega-menu>.services-mega-intro,#services-mega-menu .services-mega-stage{display:none!important}
  #services-mega-menu nav.services-mega-list,
  #services-mega-menu nav.services-overhaul-list{
    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;
    grid-template-columns:none;flex:0 0 auto;min-height:0;width:100%;margin:0;padding:0;border:0;overflow:visible;direction:rtl;
  }
  #services-mega-menu :is(.services-mega-row,.services-overhaul-item){
    display:flex;align-items:center;justify-content:flex-start;gap:16px;
    width:100%;height:auto;min-height:60px;max-height:none;flex-shrink:0;
    padding:15px 14px;margin:0!important;border:0;border-bottom:1px solid #ffffff12;
    background:transparent;color:#f4f4f4;font-family:Vazirmatn,sans-serif;font-size:17px;line-height:1.7;font-weight:450;
    text-align:right;white-space:normal;direction:rtl;animation:none;transition:background-color 120ms ease;touch-action:manipulation;
  }
  #services-mega-menu .navigation-icon,#mobile-menu .navigation-icon{
    display:block;order:-1;flex:0 0 22px;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.55;
    stroke-linecap:round;stroke-linejoin:round;pointer-events:none;opacity:.88;
  }
  #services-mega-menu :is(.services-mega-row,.services-overhaul-item):is(:hover,[data-preview-active="true"]){background:transparent;color:#f4f4f4}
  #services-mega-menu :is(.services-mega-row,.services-overhaul-item):active,
  #services-mega-menu .services-overhaul-trigger[aria-expanded="true"]{background:#ffffff10}
  #services-mega-menu :is(.services-mega-row,.services-overhaul-item,.services-mobile-back,.services-mega-close):focus-visible{
    outline:2px solid #e9e9e9;outline-offset:-3px;box-shadow:none;background:#ffffff10;
  }
  #services-mega-menu .services-overhaul-trigger .services-overhaul-arrow{
    flex:0 0 20px;width:20px;height:20px;margin-inline-start:auto;transform:rotate(-90deg);transition:transform 160ms ease;
  }
  #services-mega-menu .services-overhaul-trigger[aria-expanded="true"] .services-overhaul-arrow{transform:rotate(90deg)}
  #services-mega-menu .services-overhaul-layer{
    position:relative;inset:auto;display:block;flex:0 0 auto;width:100%;height:auto;min-height:0;
    margin:0;padding:0;overflow:visible;background:#ffffff05;opacity:1;transform:none;transition:none;
  }
  #services-mega-menu .services-overhaul-layer[hidden],
  #services-mega-menu .services-overhaul-layer.is-leaving{display:none!important}
  #services-mega-menu .services-overhaul-heading{display:none}
  #services-mega-menu .services-overhaul-body{display:block}
  #services-mega-menu .services-overhaul-item{padding-inline:14px}
  #mobile-menu{
    height:100dvh;max-height:100dvh;padding:calc(84px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));
    text-align:right;background:rgba(12,13,15,.96);
  }
  #mobile-menu::backdrop{background:#0c0d0f}
  #mobile-menu .menu-heading{margin:0 0 32px;min-height:44px}
  #mobile-menu .mobile-menu__logo{width:132px}
  #mobile-menu .menu-close{left:max(10px,env(safe-area-inset-left));top:calc(12px + env(safe-area-inset-top))}
  #mobile-menu nav{gap:0;width:100%;max-width:none}
  #mobile-menu nav>a,#mobile-menu nav>button{
    justify-content:flex-start;gap:16px;min-height:64px;padding:16px 14px;
    border-bottom:1px solid #ffffff12;background:transparent;color:#f4f4f4;text-align:right;direction:rtl;
    font-size:18px;font-weight:450;line-height:1.7;transition:background-color 120ms ease;touch-action:manipulation;
  }
  #mobile-menu nav :is(a,button):hover{background:transparent;color:#f4f4f4}
  #mobile-menu nav :is(a,button):active{background:#ffffff10}
  #mobile-menu nav :is(a,button):focus-visible{outline:2px solid #e9e9e9;outline-offset:-3px;background:#ffffff10;color:#f4f4f4}
  #mobile-menu .header-dna-icon{display:none}
}
/* A touch visitor can discover enlargement before tapping. Every gallery still
   uses its existing click/tap button and full-screen viewer. */
@media(max-width:767px),(hover:none),(pointer:coarse){
  .gallery-image .enlarge-mark{opacity:1;width:36px;height:36px;background:#0009;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){
  #services-mega-menu .services-overhaul-arrow,#services-mega-menu :is(.services-mega-row,.services-overhaul-item),
  #mobile-menu nav>a,#mobile-menu nav>button{transition:none}
}
@media(forced-colors:active) and (max-width:767px){
  #services-mega-menu,#services-mega-menu>.services-mobile-heading,#mobile-menu{background:Canvas;color:CanvasText}
  #services-mega-menu :is(.services-mega-row,.services-overhaul-item),#mobile-menu nav>a,#mobile-menu nav>button{border-bottom:1px solid ButtonText;color:LinkText}
}