.navbar {
    position: fixed; top: 0; left: 0; right: 0; z-index: 100;
    padding: 0 24px;
    background: rgba(250,246,239,0.92);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(200,150,62,.15);
    transition: box-shadow .3s;
}
.navbar.scrolled { box-shadow: 0 4px 24px var(--shadow); }
.nav-inner {
    max-width: 1200px; margin: 0 auto;
    display: flex; align-items: center; justify-content: space-between;
    height: 72px;
}
.nav-logo { display: flex; align-items: center; gap: 12px; }
.nav-logo img { height: 44px; width: auto; }
.nav-brand { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 22px; color: var(--ink); }
.nav-brand span { color: var(--gold); }
.nav-links { display: flex; align-items: center; gap: 36px; }
.nav-links a { font-size: 14px; font-weight: 500; color: var(--ink-med); transition: color .2s; }
.nav-links a:hover { color: var(--gold); }
.nav-cta { background: var(--ink); color: var(--white); font-size: 13px; font-weight: 600; padding: 10px 22px; border-radius: 40px; transition: background .2s; }
.nav-cta:hover { background: var(--gold-dk); color: var(--white); }
.nav-burger { display: none; flex-direction: column; gap: 6px; cursor: pointer; background: none; border: none; padding: 8px; }
.nav-burger .bar { display: block; width: 22px; height: 2px; background: var(--ink); border-radius: 2px; transition: transform .25s, opacity .25s; }

/* Mobile: hidden by default, shown via .menu-open on .navbar */
@media (max-width: 768px) {
    .nav-burger { display: flex; }
    .nav-cta { display: none; }
    .nav-inner { padding: 0 12px; height: 64px; }

    .nav-links {
        position: absolute; left: 0; right: 0; top: 64px;
        display: flex; flex-direction: column; gap: 14px;
        padding: 16px 20px; background: var(--cream);
        transform-origin: top center;
        transform: translateY(-8px) scaleY(0.98);
        opacity: 0; pointer-events: none;
        box-shadow: 0 18px 40px rgba(0,0,0,.06);
        border-bottom: 1px solid rgba(200,150,62,.06);
        transition: transform .22s ease, opacity .22s ease;
    }

    .navbar.menu-open .nav-links {
        transform: translateY(0) scaleY(1);
        opacity: 1; pointer-events: auto;
    }

    /* burger animation when open */
    .navbar.menu-open .nav-burger .bar:nth-child(1) { transform: translateY(6px) rotate(45deg); }
    .navbar.menu-open .nav-burger .bar:nth-child(2) { opacity: 0; }
    .navbar.menu-open .nav-burger .bar:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
}

/* Mobile adjustments to ensure navbar collapses correctly */
@media (max-width: 768px) {
    .nav-brand { font-size: 18px; }
    .nav-logo img { height: 38px; }
}