@charset "utf-8";

/* ==========================
   MAISON BRAND NAV (TOP)
   - Luxury house rail
   - 확장형(가로 스크롤)
   ========================== */
.maison-nav{
  position:sticky;
  top:var(--headerSpace,110px); /* 헤더 아래에 딱 붙음 */
  z-index:50;
  background: rgba(246,244,238,.62);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom:1px solid rgba(0,0,0,.08);
}
.maison-nav-inner{
  max-width:var(--max,1200px);
  margin:0 auto;
  padding: 12px var(--pad,16px);
  display:flex;
  align-items:center;
  gap:18px;
}
.maison-nav-home{
  flex:0 0 auto;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  opacity:.62;
  padding:10px 12px;
  border-radius:999px;
  transition: opacity .2s ease, background .2s ease, transform .2s ease;
  text-decoration:none;
  color:inherit;
}
.maison-nav-home:hover{
  opacity:.92;
  background: rgba(255,255,255,.35);
  transform: translateY(-1px);
}
.maison-nav-rail{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  gap:18px;
  overflow-x:auto;
  white-space:nowrap;
  padding: 6px 2px;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
}
.maison-nav-rail::-webkit-scrollbar{ display:none; }
.maison-nav-link{
  position:relative;
  flex:0 0 auto;
  padding:10px 10px;
  font-size:13px;
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:.55;
  scroll-snap-align: start;
  transition: opacity .2s ease, color .2s ease, transform .2s ease;
  text-decoration:none;
  color:inherit;
}
.maison-nav-link:hover{
  opacity:.9;
  transform: translateY(-1px);
  color: var(--accent, #111);
}
.maison-nav-link.is-active{
  opacity: 1;
  color: var(--accent, #111);
  font-weight: 650;
}
.maison-nav-link.is-active::after{
  content:"";
  position:absolute;
  left:10px; right:10px;
  bottom:6px;
  height:1px;
  background: currentColor;
  opacity:.75;
}
.maison-nav-rail::before{
  content:"";
  display:block;
  width:1px;
  height:18px;
  background: rgba(0,0,0,.10);
  margin-right: 2px;
}

@media (max-width:768px){
  .maison-nav-inner{ padding: 10px var(--pad,16px); }
  .maison-nav-link{ letter-spacing:.12em; }
}