/* Dersal v18.9.2 — iOS-safe mobile navigation hotfix */
.mobile-login-shortcut,.mobile-nav-head{display:none}
@media (max-width:820px){
  body.menu-open{overflow:hidden!important;touch-action:none}
  body.menu-open::before{
    content:"";position:fixed;inset:0;z-index:138!important;
    background:rgba(14,20,38,.42)!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  .site-header{z-index:150!important}
  .site-header .nav-wrap{position:relative;min-height:64px!important}
  .mobile-login-shortcut{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:40px;padding:0 14px;margin-left:auto;border:1px solid #e1e4ec;
    border-radius:12px;background:#fff;color:#373c4c;font-size:13px;font-weight:800;
    text-decoration:none;box-shadow:0 4px 14px rgba(29,35,58,.05)
  }
  .mobile-menu{
    position:relative!important;z-index:152!important;display:grid!important;
    flex:0 0 44px;width:44px!important;height:44px!important;padding:0!important;
    border:1px solid #e1e4ec!important;border-radius:12px!important;background:#fff!important;
    box-shadow:0 4px 14px rgba(29,35,58,.05)!important
  }
  .main-nav{
    position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;
    inset:0 0 0 auto!important;z-index:151!important;width:min(390px,92vw)!important;height:100dvh!important;
    max-height:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;
    gap:5px!important;padding:calc(14px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;overscroll-behavior:contain;border:0!important;border-left:1px solid #e6e8ef!important;
    border-radius:0!important;background:#fff!important;box-shadow:-28px 0 70px rgba(15,23,42,.2)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate3d(102%,0,0)!important;
    transition:transform .22s cubic-bezier(.22,.8,.24,1),opacity .18s ease,visibility .18s ease!important;
    -webkit-overflow-scrolling:touch
  }
  .main-nav.open{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate3d(0,0,0)!important
  }
  .mobile-nav-head{
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    min-height:56px;padding:0 2px 12px;margin-bottom:7px;border-bottom:1px solid #eceef4
  }
  .mobile-nav-brand{display:inline-flex;align-items:center;gap:9px;color:#151a2a;text-decoration:none}
  .mobile-nav-brand .brand-mark{width:30px;height:30px}.mobile-nav-brand strong{font-size:18px;letter-spacing:-.04em}
  .mobile-nav-close{
    display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #e4e6ed;
    border-radius:12px;background:#f8f9fb;color:#202637;cursor:pointer
  }
  .mobile-nav-close svg{width:20px;height:20px}
  .main-nav>a:not(.btn),.main-nav .nav-dropdown-trigger{
    width:100%!important;min-height:50px!important;justify-content:space-between!important;
    padding:0 13px!important;border-radius:12px!important;font-size:14px!important
  }
  .main-nav>a:not(.btn):active,.main-nav .nav-dropdown-trigger:active{background:#f3f4f8!important}
  .main-nav>.btn{width:100%!important;min-height:50px!important;margin-top:4px!important}
  .main-nav .nav-login{margin-top:5px!important;padding-top:0!important;border-top:0!important;border-radius:12px!important}
  .main-nav .nav-dropdown-menu{position:static!important;width:100%!important;max-height:none!important;margin:2px 0 6px!important}
  .main-nav .nav-profile-chip{min-height:52px!important}
  .main-nav .notification-link,.main-nav .nav-cart{min-height:50px!important}
  .login-v130-page.menu-open::before,.register-v130-page.menu-open::before{display:none!important}
  .login-v130-page .mobile-login-shortcut,.register-v130-page .mobile-login-shortcut{display:none!important}
}
@media (min-width:821px){
  .mobile-nav-head,.mobile-login-shortcut{display:none!important}
}