/* Mobile menu for the industrial site. Below 861px the pill bar keeps its logo
   and burger; everything else opens in one full-screen panel, built by
   nav-mobile.js from the menu already on the page (so translated labels follow). */
.mm{display:none;}

@media (max-width:860px){
  .mobile-nav{display:none !important;}   /* the old dropdown card is replaced */
  /* the burger sat 6px from the pill's rounded end; give it the same breathing room the logo has on the left */
  .navbar{padding:0 6px 0 18px !important;}
  .hamburger{margin-right:0; width:44px; height:44px; padding:0; align-items:center; justify-content:center;}

  /* open: the burger turns into a solid navy disc with a white cross */
  .hamburger{position:relative; z-index:2;}
  .hamburger::before{content:''; position:absolute; inset:2px; border-radius:50%; background:var(--navy); transform:scale(0); opacity:0;
    transition:transform .45s cubic-bezier(.34,1.4,.5,1), opacity .2s ease; z-index:-1;}
  .hamburger[aria-expanded="true"]::before{transform:none; opacity:1;}
  .hamburger[aria-expanded="true"] span{background:#fff;}

  html.mm-open, html.mm-open body{overflow:hidden;}

  .mm{
    display:flex; flex-direction:column; position:fixed; inset:0; z-index:19;
    padding:104px max(22px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));
    background:#070d1a; color:#fff; overflow-y:auto; overscroll-behavior:contain; font-family:inherit;
    clip-path:circle(0 at calc(100% - 38px) 48px); visibility:hidden;
    transition:clip-path .7s cubic-bezier(.7,0,.2,1), visibility 0s linear .7s;
  }
  html.mm-open .mm{clip-path:circle(150% at calc(100% - 38px) 48px); visibility:visible; transition:clip-path .75s cubic-bezier(.7,0,.2,1), visibility 0s;}
  /* a blueprint: blue light from the corner it opened from, a measured grid, registration corners like the hero's */
  .mm::before{content:''; position:fixed; inset:0; pointer-events:none;
    background:
      radial-gradient(120% 55% at 100% 0%, rgba(11,65,140,.85), transparent 62%),
      radial-gradient(90% 40% at 0% 100%, rgba(47,111,209,.30), transparent 70%),
      repeating-linear-gradient(0deg, rgba(143,180,255,.06) 0 1px, transparent 1px 44px),
      repeating-linear-gradient(90deg, rgba(143,180,255,.06) 0 1px, transparent 1px 44px);}
  .mm-corner{position:fixed; width:26px; height:26px; border:0 solid #6f9adb; opacity:.55; pointer-events:none;}
  .mm-corner.bl{left:14px; bottom:14px; border-left-width:1.5px; border-bottom-width:1.5px;}
  .mm-corner.br{right:14px; bottom:14px; border-right-width:1.5px; border-bottom-width:1.5px;}
  .mm > *{position:relative;}
  .mm > .mm-corner{position:fixed;}
  html.mm-open .qe{display:none !important;}   /* floating Inquiry button sits under the panel */

  .mm-nav{display:flex; flex-direction:column;}
  .mm-row{padding:14px 2px 16px; border-bottom:1px solid rgba(111,154,219,.32);}
  .mm-link{display:flex; align-items:baseline; gap:16px; color:#fff; text-decoration:none; padding:4px 0; position:relative;
    -webkit-tap-highlight-color:transparent;}
  .mm-n{font:600 12px/1 "Inter",sans-serif; letter-spacing:.14em; color:#6f9adb; min-width:22px;}
  .mm-t{font:600 clamp(27px, 8vw, 36px)/1.1 "Inter",sans-serif; letter-spacing:-.01em; transition:color .25s;}
  .mm-head{display:flex; align-items:center; gap:8px;}
  .mm-head .mm-link{flex:1; min-width:0;}
  .mm-link:active .mm-t{color:#8fb4ff;}
  .mm-row[data-cur] .mm-t{color:#8fb4ff;}
  /* the plus opens a section's own pages; the title itself still goes to the section */
  .mm-tog{flex:0 0 auto; width:40px; height:40px; border-radius:50%; border:1px solid rgba(143,180,255,.34); background:rgba(143,180,255,.06);
    color:#fff; cursor:pointer; position:relative; -webkit-tap-highlight-color:transparent; transition:background-color .25s, border-color .25s, transform .4s cubic-bezier(.34,1.4,.5,1);}
  .mm-tog::before, .mm-tog::after{content:''; position:absolute; left:50%; top:50%; width:14px; height:1.5px; margin:-.75px 0 0 -7px; background:currentColor; transition:transform .35s cubic-bezier(.16,1,.3,1);}
  .mm-tog::after{transform:rotate(90deg);}
  .mm-tog[aria-expanded="true"]{background:#0b418c; border-color:#8fb4ff; transform:rotate(180deg);}
  .mm-tog[aria-expanded="true"]::after{transform:rotate(0);}
  .mm-subwrap{display:grid; grid-template-rows:0fr; transition:grid-template-rows .45s cubic-bezier(.16,1,.3,1);}
  .mm-subwrap.open{grid-template-rows:1fr;}
  .mm-subwrap > div{overflow:hidden; min-height:0;}
  .mm-subs{display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 0 38px;}
  .mm-subs a{font:500 13px/1 "Inter",sans-serif; color:rgba(255,255,255,.78); text-decoration:none; padding:9px 13px; border-radius:999px;
    border:1px solid rgba(143,180,255,.28); background:rgba(143,180,255,.06); -webkit-tap-highlight-color:transparent; transition:background-color .2s, border-color .2s, color .2s;}
  .mm-subs a:active{background:#0b418c; border-color:#8fb4ff; color:#fff;}

  .mm-label{margin:30px 2px 10px; font:600 11px/1 "Inter",sans-serif; letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.42);}
  .mm-ind{position:relative; display:flex; align-items:center; gap:14px; padding:18px 20px; border-radius:20px; overflow:hidden;
    color:#fff; text-decoration:none; border:1px solid rgba(143,180,255,.3);
    background:linear-gradient(135deg, rgba(143,180,255,.12), rgba(143,180,255,.03));
    -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); -webkit-tap-highlight-color:transparent;
    transition:border-color .25s, transform .25s cubic-bezier(.16,1,.3,1);}
  .mm-ind:active{transform:scale(.985); border-color:#8fb4ff;}
  .mm-ind img{width:118px; height:auto; display:block;}
  .mm-ind .mm-ind-t{font:400 19px/1 "Inter",sans-serif; color:rgba(255,255,255,.55);}
  .mm-ind .mm-ind-go{margin-left:auto; width:38px; height:38px; border-radius:50%; display:grid; place-items:center; background:#2f6fd1; font-size:18px; line-height:1;}
  .mm-sheen{position:absolute; top:0; bottom:0; width:38%; left:-50%; pointer-events:none;
    background:linear-gradient(100deg, transparent, rgba(255,255,255,.22), transparent); transform:skewX(-18deg);}

  .mm-foot{margin-top:auto; padding-top:26px; display:flex; align-items:center; gap:4px;}
  .mm-foot button{background:none; border:0; cursor:pointer; color:rgba(255,255,255,.5); font:500 15px/1 "Inter",sans-serif; padding:12px 14px; border-radius:999px;}
  .mm-foot button[aria-pressed="true"]{color:#fff; background:rgba(143,180,255,.18);}
  .mm-foot .mm-sep{color:rgba(255,255,255,.25);}

  .mm-row, .mm-label, .mm-ind, .mm-foot{opacity:0; transform:translateY(26px);
    transition:opacity .5s cubic-bezier(.16,1,.3,1), transform .6s cubic-bezier(.16,1,.3,1);}
  html.mm-open .mm-row, html.mm-open .mm-label, html.mm-open .mm-ind, html.mm-open .mm-foot{opacity:1; transform:none;
    transition-delay:calc(var(--i, 0) * 70ms + 260ms);}
  html.mm-open .mm-sheen{animation:mmSheen 3.6s ease-in-out 1.2s infinite;}
  @keyframes mmSheen{0%{left:-50%;} 55%,100%{left:130%;}}
}

@media (max-width:860px) and (prefers-reduced-motion:reduce){
  .mm{clip-path:none; opacity:0; transition:opacity .2s ease, visibility 0s linear .2s;}
  html.mm-open .mm{opacity:1; transition:opacity .2s ease, visibility 0s;}
  .mm-row, .mm-label, .mm-ind, .mm-foot{transform:none; transition:opacity .2s ease;}
  .mm-subwrap, .mm-tog, .mm-tog::before, .mm-tog::after{transition:none;}
  html.mm-open .mm-sheen{animation:none;}
  .hamburger::before{transition:none;}
}

/* The SIMORCHIP name set as a headline is shown as the logo in every language
   (the text stays in the markup for screen readers). nav-mobile.js and i18n.js
   add .smc-logo whenever the label reads exactly "SIMORCHIP". */
.smc-logo{--lh:34px; font-size:0 !important; letter-spacing:0 !important; display:block; height:var(--lh); width:calc(var(--lh) * 4.355);
  background:url(https://pub-03642ec28edd4da6bcaf414c061b4ad6.r2.dev/other/simorchip-wordmark-navy.png) left center / contain no-repeat;}
.about-name.smc-logo{--lh:54px; margin-bottom:18px !important;}