.nav{
  position:fixed;
  top:12px;
  left:50%;
  width:min(1180px,calc(100% - 48px));
  z-index:90;
  margin:0;
  padding-inline:0;
  transform:translateX(-50%);
  transition:
    height .25s ease,
    padding .25s ease,
    background-color .25s ease,
    border-color .25s ease,
    box-shadow .25s ease,
    backdrop-filter .25s ease;
}

body{
  padding-top:102px;
}

.nav.is-scrolled{
  height:74px;
  padding-inline:18px;
  border:1px solid rgba(16,34,57,.1);
  border-radius:999px;
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 55px rgba(16,34,57,.13);
  backdrop-filter:blur(18px);
}

.nav.is-scrolled .logo img{
  width:170px;
}

.nav.is-scrolled .btn.small{
  padding:11px 15px;
}

.nav.is-scrolled .products-menu{
  top:54px;
}

@media(max-width:1040px){
  body{
    padding-top:92px;
  }

  .nav{
    top:8px;
    width:min(1180px,calc(100% - 32px));
  }

  .nav.is-scrolled,
  .nav{
    padding-inline:14px;
  }

  .nav.is-scrolled{
    height:66px;
  }

  .nav.is-scrolled .logo img{
    width:152px;
  }

}

@media(max-width:600px){
  body{
    padding-top:82px;
  }

  .nav{
    top:6px;
    width:calc(100% - 24px);
  }

  .nav.is-scrolled,
  .nav{
    padding-inline:12px;
  }

  .nav.is-scrolled{
    height:62px;
  }
}