/* INVESTKING R5.5 MOBILE SHELL FIX — isolated, mobile only */
:root{--ik-green:#10c500}

@media(max-width:700px){
  /* Website must not imitate iPhone status bar */
  .statusbar{display:none!important}
  .mobile-topbar{padding-top:0!important}

  /* Keep the original logo DOM/design. Only align the header. */
  .mobile-header{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:10px!important;padding-top:12px!important;padding-bottom:12px!important
  }
  .mobile-header>.btn.primary.small{display:none!important}

  .ik55-actions{margin-left:auto;display:flex;align-items:center;gap:12px}
  .ik55-start{
    min-height:40px;padding:0 18px;border:1px solid #10c500;border-radius:999px;
    background:#10c500;color:#fff;text-decoration:none;
    display:inline-flex;align-items:center;justify-content:center;
    font:800 13px 'SUIT',Arial,sans-serif;white-space:nowrap
  }

  /* Clear long-short-long hamburger; no circle */
  .ik55-menu{
    width:34px;height:34px;padding:7px 3px;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;display:inline-flex;
    align-items:center;justify-content:center;cursor:pointer
  }
  .ik55-menu-lines{width:27px;height:18px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}
  .ik55-menu-lines i{display:block;height:2.5px;border-radius:8px;background:#111;opacity:1}
  .ik55-menu-lines i:nth-child(1),.ik55-menu-lines i:nth-child(3){width:27px}
  .ik55-menu-lines i:nth-child(2){width:18px}

  /* Independent mobile drawer: does not depend on desktop account-nav behavior */
  .ik55-drawer{position:fixed;inset:0;z-index:100500;display:none}
  .ik55-drawer.open{display:block}
  .ik55-drawer-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.32);backdrop-filter:blur(2px)}
  .ik55-drawer-panel{
    position:absolute;top:10px;right:10px;bottom:10px;width:calc(100vw - 20px);
    padding:24px;background:#fff;border:1px solid #e9e9e9;border-radius:26px;
    box-shadow:0 26px 80px rgba(0,0,0,.20);overflow:auto;
    font-family:'SUIT',Arial,sans-serif
  }
  .ik55-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
  .ik55-drawer-logo{font:700 18px 'Unbounded',sans-serif;letter-spacing:-.045em;color:#171717}
  .ik55-drawer-logo b{color:#10c500}
  .ik55-close{width:38px;height:38px;border:0;background:#f5f5f5;border-radius:50%;font-size:21px;cursor:pointer}
  .ik55-drawer-user{margin:22px 0 14px;padding:18px;border-radius:18px;background:#f6f6f6}
  .ik55-drawer-user small{display:block;color:#999;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  .ik55-drawer-user strong{display:block;margin-top:7px;font:600 18px 'Unbounded',sans-serif;color:#171717;word-break:break-all}
  .ik55-links{display:grid;gap:4px}
  .ik55-links a{
    display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 14px;
    border-radius:14px;color:#292929;text-decoration:none;font-size:14px;font-weight:750
  }
  .ik55-links a.active,.ik55-links a:active{background:#f3fff0;color:#10c500}
  .ik55-links a::after{content:'›';font-size:20px;color:#aaa}

  /* Exactly one unified bottom bar on all pages */
  .mobile-nav,.ik-unified-bottom-nav,.ik-r54-bottom{display:none!important}
  .ik55-bottom{
    position:fixed;left:0;right:0;bottom:0;z-index:100100;
    display:grid;grid-template-columns:repeat(5,1fr);
    min-height:78px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.98);border-top:1px solid #ececec;
    box-shadow:0 -9px 28px rgba(0,0,0,.05);backdrop-filter:blur(14px);
    font-family:'SUIT',Arial,sans-serif
  }
  .ik55-bottom a{
    min-width:0;padding:0;border:0;background:transparent;color:#999;text-decoration:none;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:10px
  }
  .ik55-bottom a.active{color:#171717}
  .ik55-bottom .ik55-icon{width:25px;height:25px;display:flex;align-items:center;justify-content:center}
  .ik55-bottom .ik55-icon img{display:block;max-width:25px;max-height:25px}
  .ik55-bottom .ik55-icon svg{width:24px;height:24px}
  .ik55-bottom a.active .ik55-icon svg *{stroke:#10c500}
  body{padding-bottom:88px!important}
}