.ample-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(250, 248, 245, 0.92);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(43, 45, 53, 0.06);
}
:root {
    --coral: #EF5350;
    --coral-dark: #D84340;
    --coral-light: #FF7B79;
    --coral-bg: rgba(239,83,80,0.06);
    --charcoal: #2B2D35;
    --charcoal-light: #3A3D47;
    --gold: #E8C97A;
    --gold-dark: #D4B460;
    --gold-light: #F2DDA0;
    --gold-bg: rgba(232,201,122,0.10);
    --parchment: #FAF8F5;
    --cream: #F3EFE9;
    --warm-gray: #7A756D;
    --light-gray: #E8E4DE;
    --soft-white: #FDFCFA;
    --ink: #1E1F24;
    --forest: #2D6A4F;
    --navy: #1B3A5C;
}
.logo-text {
    font-family: 'Playfair Display', serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--charcoal);
}
.logo-text .r {
    color: var(--gold-dark);
}
.ample-header a.ample-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    float: none;
    margin: 0;
    padding: 0;
}
.ample-header .ample-search {
    flex: 1;
    /*max-width: 560px;*/
    position: relative;
    float: none;
    margin: 0;
}
.ample-header .ample-login {
        float: none;
        margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}
.ample-header a.ample-logo:hover {
    text-decoration: none;
}
.header-top {
    max-width: 1280px;
    margin: 0 auto;
    padding: 14px 32px;
    display: flex;
    align-items: center;
    gap: 24px;
}
.ample-header .ample-search input[type=text] {
    width: 100%;
    padding: 12px 20px 12px 44px !important;
    border: 1.5px solid var(--light-gray);
    border-radius: 100px;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.92rem;
    color: var(--ink);
    background: var(--soft-white);
    transition: all 0.25s ease;
    outline: none;
}
.ample-header .ample-search .search-icon{
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--warm-gray);
}
.search-icon svg {
    width: 18px;
    height: 18px;
}
.ample-header .ample-login button#authSignUp {
    padding: 10px 22px;
    border-radius: 100px;
    font-size: 0.88rem;
    font-weight: 600;
    border: 1.5px solid var(--light-gray);
    background: transparent;
    color: var(--charcoal);
    cursor: pointer;
        height: auto;
    transition: all 0.25s ease;
}
.ample-header .ample-login #authSignIn{
    padding: 10px 22px;
    opacity: 1;
    border-radius: 100px;
    font-size: 0.88rem;
    margin: 0;
    font-weight: 600;
    border: none;
    background: var(--coral);
        height: auto;
    color: #fff;
    cursor: pointer;
    transition: all 0.25s ease;
}