.home-jump-nav{
  position:fixed;
  top:92px;
  right:18px;
  z-index:38;
  display:none;
  width:210px;
  opacity:0;
  transform:translateY(-8px);
  pointer-events:none;
  transition:opacity .2s ease,transform .2s ease;
}

.home-jump-nav.is-visible{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

.home-jump-nav__toggle{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  width:100%;
  min-height:44px;
  padding:.65rem .85rem;
  border:1px solid rgba(41,39,45,.12);
  border-radius:999px;
  background:rgba(255,255,255,.9);
  color:var(--ink);
  box-shadow:0 10px 28px rgba(76,55,87,.14);
  backdrop-filter:blur(14px);
  cursor:pointer;
  font:800 .78rem/1 "DM Sans",sans-serif;
}

.home-jump-nav__toggle>span:first-child{
  color:#f25f9b;
}

.home-jump-nav__chevron{
  transition:transform .2s ease;
}

.home-jump-nav.is-open .home-jump-nav__chevron{
  transform:rotate(180deg);
}

.home-jump-nav__panel{
  display:grid;
  gap:.25rem;
  margin-top:.55rem;
  padding:.55rem;
  border:1px solid rgba(41,39,45,.1);
  border-radius:22px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 42px rgba(76,55,87,.18);
  backdrop-filter:blur(16px);
}

.home-jump-nav__panel[hidden]{
  display:none;
}

.home-jump-nav__panel a{
  position:relative;
  padding:.7rem .8rem .7rem 1.7rem;
  border-radius:14px;
  color:#5f5967;
  font-size:.76rem;
  font-weight:750;
  text-decoration:none;
}

.home-jump-nav__panel a::before{
  position:absolute;
  top:50%;
  left:.72rem;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#e7dff1;
  content:"";
  transform:translateY(-50%);
}

.home-jump-nav__panel a:hover,
.home-jump-nav__panel a:focus-visible{
  background:var(--pearl);
  color:var(--ink);
}

.home-jump-nav__panel a[aria-current="location"]{
  background:linear-gradient(90deg,#ffe2ef,#f0e9ff);
  color:var(--ink);
}

.home-jump-nav__panel a[aria-current="location"]::before{
  background:#f25f9b;
  box-shadow:0 0 0 4px rgba(242,95,155,.14);
}

#latest,
#guides,
#products-with-context,
#trending,
#find-it,
#why-closer-to-korea{
  scroll-margin-top:105px;
}

@media(min-width:960px){
  .home-jump-nav{
    display:block;
  }
}

@media(min-width:960px) and (max-width:1180px){
  .home-jump-nav{
    right:10px;
    width:168px;
  }
  .home-jump-nav__panel a{
    font-size:.7rem;
  }
}

@media(prefers-reduced-motion:reduce){
  .home-jump-nav,
  .home-jump-nav__chevron{
    transition:none;
  }
}

@media print{
  .home-jump-nav{
    display:none !important;
  }
}