.bw-masthead {
    position: sticky;
    top: 0;
    z-index: 80;
    background: color-mix(in srgb, var(--bw-ivory) 82%, transparent);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid transparent;
    transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.bw-masthead.is-scrolled {
    border-bottom-color: color-mix(in srgb, var(--bw-wood) 14%, transparent);
    box-shadow: 0 8px 24px rgba(62, 42, 28, 0.06);
    background: color-mix(in srgb, var(--bw-ivory) 92%, transparent);
}

.bw-masthead__inner {
    width: var(--bw-container);
    margin-inline: auto;
    min-height: var(--bw-masthead-h);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.55rem 0;
}

.bw-masthead__brand {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.bw-masthead__glyph {
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    background: url('../../images/bohemian/deco-macrame.png') center / contain no-repeat;
    filter: drop-shadow(0 4px 8px rgba(62, 42, 28, 0.12));
}

.bw-masthead__title {
    font-family: var(--bw-font-fa);
    font-weight: 700;
    font-size: 1.05rem;
    color: var(--bw-wood-deep);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 42vw;
}

.bw-masthead__tag {
    display: none;
    font-size: 0.78rem;
    color: var(--bw-ink-soft);
}

.bw-masthead__links {
    display: none;
    align-items: center;
    gap: 1rem;
    font-size: 0.9rem;
    color: var(--bw-ink-soft);
}

.bw-masthead__links a:hover,
.bw-masthead__logout button:hover {
    color: var(--bw-terracotta);
}

.bw-masthead__logout {
    margin: 0;
}

.bw-masthead__logout button {
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    padding: 0;
}

.bw-masthead__tel {
    color: var(--bw-cognac) !important;
    font-weight: 600;
}

.bw-masthead__rule {
    height: 1px;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--bw-wood) 28%, transparent), transparent);
}

@media (min-width: 900px) {
    .bw-masthead__links {
        display: flex;
    }

    .bw-masthead__tag {
        display: inline;
    }

    .bw-masthead__title {
        max-width: none;
    }
}