.site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    background: rgba(255, 255, 255, .92) !important;
    backdrop-filter: blur(16px) !important;
    /* border-bottom:1px solid rgba(59,21,71,.08);*/
}

.navbar {
    padding: 16px 0
}


.brand-main {
    display: inline-flex !important;
    align-items: flex-end !important;
    gap: 1px !important;
    font-weight: 900 !important;
    letter-spacing: -.05em !important;
    color: var(--ed-purple) !important;
    font-size: 30px !important;
    line-height: 1 !important;
}

.brand-main .e, .brand-main .o, .brand-main .dot {
    color: var(--ed-orange)
}

.brand-sub {
    display: block !important;
    color: var(--ed-orange) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .26em !important;
    text-transform: uppercase !important;
    margin-top: 2px !important;
}

.nav-link {
    color: var(--ed-purple) !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 10px 14px !important;
    border-radius: 999px !important;
}

.nav-link:hover, .nav-link.active {
    background: var(--ed-soft) !important;
    color: var(--ed-orange) !important
}

.btn-ed-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 48px !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 13px 22px !important;
    color: #fff !important;
    font-weight: 800 !important;
    background: linear-gradient(135deg, var(--ed-orange), #ff9f31) !important;
    box-shadow: 0 16px 34px rgba(242, 139, 34, .28) !important;
    transition: .25s ease !important;
}

.btn-ed-primary:hover {
    transform: translateY(-2px) !important;
    color: #fff !important;
    box-shadow: 0 20px 42px rgba(242, 139, 34, .34) !important
}

.btn-ed-outline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 48px !important;
    border: 1px solid rgba(59, 21, 71, .18) !important;
    border-radius: 999px !important;
    padding: 13px 22px !important;
    color: var(--ed-purple) !important;
    font-weight: 800 !important;
    background: #fff !important;
    transition: .25s ease !important;
}

.btn-ed-outline:hover {
    border-color: var(--ed-orange) !important;
    color: var(--ed-orange) !important;
    transform: translateY(-2px) !important
}


.btn-rent {
    background: linear-gradient(135deg, #ff9914, #ff7a00) !important;
    color: #481570 !important;
    font-weight: 900 !important;
    border: 0 !important;
    border-radius: 24px !important;
    padding: 13px 20px !important;
    box-shadow: 0 10px 20px rgba(84, 33, 125, .22) !important;
    white-space: nowrap !important;
}

.btn-rent:hover {
    transform: translateY(-1px) !important;
    color: #481570 !important;
    background: linear-gradient(135deg, #ffa51f, #ff8508) !important;
}


@media (min-width: 992px) {
    .navbar .dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0;
    }

    .navbar .dropdown:hover > .nav-link {
        color: #ff8500;
    }

    .navbar .dropdown-menu {
        display: none;
        border-radius: 18px;
        padding: 10px 0;
        min-width: 210px;
    }

    .navbar .dropdown-item {
        padding: 10px 18px;
        color: #212529;
        transition: all .2s ease;
    }

    .navbar .dropdown-item:hover,
    .navbar .dropdown-item.active {
        background: #5b2487;
        color: #fff;
    }
}


@media (min-width: 992px) {
    .navbar .dropdown {
        position: relative;
    }

    .navbar .dropdown::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        height: 12px;
    }
}