.nav__item{position:relative}
.nav__item-row{display:flex;align-items:center}
.nav__submenu-toggle{display:grid;place-items:center;width:24px;height:32px;margin-left:2px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font-size:.9rem;transition:transform .2s}
.nav__submenu{position:absolute;z-index:80;top:calc(100% - 1px);left:50%;display:grid;grid-auto-flow:column;grid-template-rows:repeat(10,auto);grid-auto-columns:minmax(180px,1fr);width:min(calc(var(--submenu-columns,1) * 200px),calc(100vw - 32px));min-width:210px;margin:0;padding:9px 0;list-style:none;background:#fff;border:1px solid #dfe3e6;box-shadow:0 16px 36px rgba(21,25,30,.13);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .18s,transform .18s,visibility .18s}
.nav__submenu a{display:block;padding:.7rem 1.15rem;font-size:.75rem;font-weight:600;letter-spacing:.04em;white-space:nowrap}
.nav__submenu a:hover,.nav__submenu a:focus{background:var(--pt-ice);color:var(--pt-steel)}
.nav__item--has-children:hover>.nav__submenu,.nav__item--has-children:focus-within>.nav__submenu,.nav__item--has-children[data-submenu-open]>.nav__submenu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav__item--has-children[data-submenu-open] .nav__submenu-toggle{transform:rotate(180deg)}

@media(max-width:990px){
  .nav__list>li{border-bottom:1px solid #eceeed}
  .nav__list>li:last-child{border-bottom:0}
  .nav__item-row{justify-content:space-between}
  .nav__submenu-toggle{flex:0 0 42px;height:42px}
  .nav__submenu{position:static;display:none;width:100%;min-width:0;padding:0 0 .55rem 1rem;border:0;border-left:1px solid #dfe3e6;box-shadow:none;opacity:1;visibility:visible;transform:none;background:transparent;grid-auto-flow:row;grid-template-rows:none;grid-auto-columns:auto}
  .nav__item--has-children:hover>.nav__submenu,.nav__item--has-children:focus-within>.nav__submenu{display:none;transform:none}
  .nav__item--has-children[data-submenu-open]>.nav__submenu{display:block;transform:none}
  .nav__submenu li{border:0}
  .nav__submenu a{padding:.6rem .75rem}
}