/* HEADER */

.site-header{
    width:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:999;
}

#nav{
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:66px;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:0 5%;

    background:rgba(255,255,255,.95);

    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);

    border-bottom:2px solid rgba(192,132,252,.14);

    box-shadow:0 2px 20px rgba(0,0,0,.06);

    transition:.3s;
}

#nav.sc{
    box-shadow:0 4px 32px rgba(0,0,0,.10);
}

.logo{
    font-size:30px;
    font-weight:900;
    text-decoration:none;
    color:#1a1a1a;
}

.logo span{
    background:linear-gradient(135deg,#C8960C 0%,#D4A820 45%,#E0B84E 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.nlinks{
    display:flex;
    align-items:center;
    gap:6px;
    list-style:none;
}

.nlinks li{
    list-style:none;
}

.nlinks a{

    color:#555;

    text-decoration:none;

    font-size:13px;

    font-weight:600;

    padding:8px 16px;

    border-radius:100px;

    transition:.3s;

}

.nlinks a:hover,
.current-menu-item a{

    color:#B8860B;

    background:#FFF5E4;

}

.store-buttons{

    display:flex;

    align-items:center;

    gap:12px;

}

.store-btn{

    display:flex;

    align-items:center;

    gap:8px;

    background:#111;

    color:#fff;

    padding:6px 14px;

    text-decoration:none;

    border-radius:18px;

    transition:.3s;

}

.store-btn:hover{

    transform:translateY(-3px);

}

.store-btn small{

    display:block;

    font-size:10px;

}

.store-btn span{

    display:block;

    font-size:11px;

    font-weight:600;

}

.nav-cta{

    background:#B8860B;

    color:#fff;

    text-decoration:none;

    padding:11px 22px;

    border-radius:100px;

    font-weight:700;

}

.nav-cta:hover{

    opacity:.9;

}

@media(max-width:992px){

    .store-buttons{

        display:none;

    }

}