/* =========================================
   2ndLuva GLOBAL HEADER
========================================= */

.header{
    max-width:1180px;
    margin:auto;
    padding:22px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    position:relative;
    z-index:20;
}

.logo{
    display:inline-flex;
    flex-direction:column;
    align-items:flex-start;
    line-height:1;
    font-size:28px;
    font-weight:900;
    letter-spacing:-1.5px;
    white-space:nowrap;
    flex-shrink:0;
    color:#171717;
    text-decoration:none;
}

.logo span{
    font-weight:700;
    color:#5B1846;
}

.logo small{
    display:block;
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    width:100%;
    color:#888;
    margin-top:4px;
    line-height:1;
}

.market-search{
    flex:1;
    max-width:520px;
    margin:0 20px;
    display:flex;
    background:#f2f2f2;
    border-radius:999px;
    overflow:hidden;
    border:1px solid #eadde5;
}

.market-search input{
    flex:1;
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    padding:13px 18px;
    font-size:14px;
}

.market-search button{
    border:0;
    background:#5B1846;
    color:#fff;
    padding:0 22px;
    font-weight:800;
    cursor:pointer;
}

.market-search button:hover{
    background:#7C315F;
}

.location-button{
    color:#171717;
    text-decoration:none;
    white-space:nowrap;
    font-size:14px;
}

.nav{
    display:flex;
    gap:18px;
    align-items:center;
    font-weight:700;
    white-space:nowrap;
}

.nav a{
    color:#171717;
    text-decoration:none;
}

.nav a:hover{
    color:#5B1846;
}

.sell-button{
    background:#5B1846;
    color:#fff !important;
    padding:13px 22px;
    border-radius:999px;
}
.sell-button:hover{
    background:#7C315F;
}


/* =========================================
   FOOTER
========================================= */

/* =========================================
   2ndLuva GLOBAL FOOTER
========================================= */

.site-footer{
    margin-top:70px;
    background:#5B0F46;
    color:#fff;
}

.footer-main{
    max-width:1180px;
    margin:auto;
    padding:45px 24px 38px;

    display:grid;
    grid-template-columns:1.5fr 1fr 1fr 1fr;
    gap:55px;
}

.footer-logo{
    font-size:34px;
    line-height:1;
    font-weight:900;
    letter-spacing:-1.5px;
}

.footer-logo span{
    color:#D4AF37;
}

.footer-brand p{
    margin:18px 0 22px;
    color:#f1dfe9;
    line-height:1.5;
    font-size:14px;
}

.footer-social{
    display:flex;
    gap:12px;
}

.footer-social a{
    width:35px;
    height:35px;
    border:1px solid #D4AF37;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#D4AF37;
    text-decoration:none;
    font-size:16px;
}

.footer-social a:hover{
    background:#D4AF37;
    color:#5B0F46;
}

.footer-social a:nth-child(2) svg,
.footer-social a:nth-child(3) svg,
.footer-social a:nth-child(4) svg{
    fill:#D4AF37;
    stroke:none;
}
.footer-column{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.footer-column h4{
    margin:0 0 6px;
    color:#fff;
    font-size:15px;
}

.footer-column a{
    color:#f1dfe9;
    text-decoration:none;
    font-size:14px;
}

.footer-column a:hover{
    color:#D4AF37;
}

.footer-bottom{
    max-width:1180px;
    margin:auto;

    padding:18px 24px 22px;

    border-top:1px solid rgba(255,255,255,.20);

    display:flex;
    justify-content:space-between;
    gap:20px;

    color:#e8ccdd;
    font-size:12px;
    font-weight:600;
}


/* FOOTER TABLET */

@media(max-width:850px){

    .footer-main{
        grid-template-columns:repeat(2,1fr);
    }

}


/* FOOTER MOBILE */

@media(max-width:600px){

    .footer-main{
        grid-template-columns:1fr;
        gap:30px;
        padding:36px 22px 30px;
    }

    .footer-bottom{
        flex-direction:column;
        text-align:center;
    }

}


@media(max-width:850px){

    .header{
        flex-wrap:wrap;
    }

    .market-search{
        order:3;
        width:100%;
        max-width:none;
        margin:8px 0 0;
    }

    .nav{
        margin-left:auto;
    }
}

@media(max-width:600px){

    .location-button{
        display:none;
    }

    .nav{
        gap:10px;
        font-size:13px;
    }

    .sell-button{
        padding:10px 14px;
    }
}