.bubblos-page-header {
    position: relative;
    background: var(--wp--preset--color--deep-charcoal);
    color: var(--wp--preset--color--white);
    padding: clamp(2.5rem, 6vw, 4.5rem) clamp(1.5rem, 4vw, 3rem);
    border-radius: var(--bubblos-radius-md);
    overflow: hidden;
    margin-top: 2rem !important;
    margin-bottom: 3rem;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
}

.bubblos-page-header__inner {
    position: relative;
    z-index: 2;
    max-width: 56ch;
}

.bubblos-page-header__eyebrow {
    font-family: var(--wp--preset--font-family--posada);
    font-size: 0.9rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--wp--preset--color--brass-gold);
    margin: 0 0 1rem;
}

.bubblos-page-header__title {
    font-family: var(--wp--preset--font-family--posada);
    font-size: clamp(2.25rem, 5vw, 3.5rem);
    line-height: 1.05;
    color: var(--wp--preset--color--white);
    margin: 0 0 1rem;
}

.bubblos-page-header__lead {
    font-family: var(--wp--preset--font-family--roboto);
    font-size: clamp(1rem, 1.6vw, 1.15rem);
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
}

/* Mullid taustal — sama keel mis login-paneelil */
.bubblos-page-header__bubbles {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
}

.bubblos-page-header__bubble {
    position: absolute;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
    border: 1px solid rgba(255, 255, 255, 0.06);
        animation: bubblos-bubble-float 14s ease-in-out infinite;
}

.bubblos-page-header__bubble--1 {
    width: 280px;
    height: 280px;
    top: -80px;
    right: -60px;
}

.bubblos-page-header__bubble--2 {
    width: 180px;
    height: 180px;
    bottom: -50px;
    right: 18%;
}

.bubblos-page-header__bubble--3 {
    width: 110px;
    height: 110px;
    top: 35%;
    right: 8%;
}

.bubblos-page-header__bubble--4 {
    width: 70px;
    height: 70px;
    top: 60%;
    right: 30%;
}

/* Variant — heledam taust (kui mõni leht tahab cream-varianti) */
.bubblos-page-header--cream {
    background: var(--wp--preset--color--cream);
    color: var(--wp--preset--color--deep-charcoal);
}

.bubblos-page-header--cream .bubblos-page-header__title {
    color: var(--wp--preset--color--deep-charcoal);
}

.bubblos-page-header--cream .bubblos-page-header__lead {
    color: var(--wp--preset--color--body-text-light);
}

.bubblos-page-header--cream .bubblos-page-header__bubble {
    background: radial-gradient(circle at 30% 30%, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01));
    border: 1px solid rgba(0, 0, 0, 0.04);
}

@media (max-width: 600px) {
    .bubblos-page-header__bubble--1 {
        width: 180px;
        height: 180px;
    }
    .bubblos-page-header__bubble--2,
    .bubblos-page-header__bubble--3,
    .bubblos-page-header__bubble--4 {
        opacity: 0.6;
    }
}