/* ===== FAY-TOWN HOTTIE SHARED NAV ===== */

header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:50;
  padding:16px 0;
  background:linear-gradient(to bottom,rgba(5,4,3,.96),rgba(5,4,3,.55),transparent);
  backdrop-filter:blur(12px);
}

.nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.logo{
  height:58px;
  display:block;
}

nav{
  display:flex;
  align-items:center;
  gap:clamp(14px,2vw,30px);
  font-size:clamp(10px,1vw,13px);
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:900;
  color:#d8c79c;
  white-space:nowrap;
}

nav a{
  color:#d8c79c;
}

nav a:hover{
  color:white;
}

@media(max-width:1100px){
  nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:200;
    display:flex;
    justify-content:flex-start;
    gap:18px;
    padding:14px 16px;
    background:rgba(5,4,3,.97);
    border-top:2px solid var(--cream);
    font-size:10px;
    overflow-x:auto;
  }

  body{
    padding-bottom:76px;
  }
}

@media(max-width:560px){
  header{
    padding:10px 0;
  }

  .logo{
    height:44px;
  }
}