.lhero-section{
    position:relative;
    width:100%;
    min-height:100vh;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.lhero-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);
}

.lhero-topbar{
    position:absolute;
    top:30px;
    left:0;
    width:100%;
    z-index:20;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 60px;
    box-sizing:border-box;
}

.lhero-logo img{
    width:400px !important;
    max-width:400px !important;
}

.lhero-account{
    display:flex;
    align-items:center;
}

.lhero-login-btn{

    appearance:none;
    -webkit-appearance:none;

    padding:0 !important;
    margin:0 !important;

    min-width:54px !important;
    max-width:54px !important;

    width:54px !important;
    height:54px !important;

    border-radius:50% !important;

    background:rgba(30,30,30,.45) !important;

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

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:none !important;

    cursor:pointer;

    overflow:hidden;

    transition:.3s;
}

.lhero-login-btn:hover{
    transform:translateY(-2px);
}

.lhero-content{
    position:relative;
    z-index:10;
    max-width:650px;
    margin-left:70px;
    margin-top:-60px;
}

.lhero-content h1{
    color:#fff;
    font-size:60px;
    line-height:1.1;
    margin-bottom:15px;
    font-weight:500;
}

.lhero-content p{
    color:#fff;
    font-size:24px;
    margin-bottom:35px;
}


.lhero-button:hover{
    transform:translateY(-2px);
}

@media(max-width:768px){

    .lhero-section{
        min-height:50vh;
        justify-content:center;
        text-align:center;
    }

    .lhero-topbar{
        top:15px;
        padding:0 15px;
    }

    .lhero-logo img{
        width:250px !important;
        max-width:250px !important;
        height:auto;
    }

    .lhero-login-btn{
        width:42px;
        height:42px;
        font-size:18px;
    }

    .lhero-content{
        margin:0 auto;
        padding:0 20px;
        max-width:100%;
        text-align:center;
    }

     .lhero-content h1{
        font-size:20px !important;
        line-height:1.15 !important;
    }


    .lhero-content p{
        font-size:15px;
        margin-bottom:25px;
    }

    .lhero-button{
        padding:14px 28px;
        font-size:16px;
    }

}


/* ==========================================
   USER MENU
   ========================================== */

.lhero-user-menu{
    position:relative;
}

.lhero-user-icon{
    width:18px;
    height:18px;

    color:#c88a57;

    display:block;

    pointer-events:none;
}



.lhero-dropdown{

    position:absolute;

    top:65px;
    right:0;

    min-width:220px;

    background:rgba(25,25,25,.92);

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

    border-radius:18px;

    border:1px solid rgba(255,255,255,.08);

    overflow:hidden;

    box-shadow:
    0 10px 35px rgba(0,0,0,.35);

    opacity:0;
    visibility:hidden;

    transform:translateY(10px);

    transition:.25s ease;

    z-index:999;
}

.lhero-dropdown.is-open{

    opacity:1;
    visibility:visible;

    transform:translateY(0);
}

.lhero-dropdown-item{

    display:block;

    padding:14px 18px;

    color:#e8d4c0;

    text-decoration:none;

    font-size:14px;

    transition:.2s;
}

.lhero-dropdown-item:hover{

    background:rgba(255,255,255,.06);
}

.lhero-button{

    display:inline-block;

    background:#c88a57;

    color:#fff;

    padding:16px 32px;

    border-radius:12px;

    text-decoration:none;

    font-weight:600;

    transition:.3s;
}