/* =========================================================
   SHARED INTERIOR-PAGE HERO  (insights, contact)
   Uses the --pv-* tokens already defined in header.php's :root
========================================================= */

.pv-page-hero{
    position:relative;
    overflow:hidden;
    padding:80px 0 70px;
    text-align:center;
    font-family:'Poppins',sans-serif;
    background:
        linear-gradient(160deg,
            var(--pv-bg-deep) 0%,
            var(--pv-purple) 55%,
            var(--pv-purple-2) 100%);
}

.pv-page-hero-glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
    filter:blur(4px);
}
.pv-page-hero-glow-1{
    width:520px;height:520px;
    top:-220px;left:-160px;
    background:radial-gradient(circle,rgba(255,0,140,.28),transparent 70%);
}
.pv-page-hero-glow-2{
    width:460px;height:460px;
    bottom:-220px;right:-140px;
    background:radial-gradient(circle,rgba(212,175,55,.22),transparent 70%);
}

.pv-page-hero-stars{
    position:absolute;
    inset:0;
    pointer-events:none;
    background-image:
        radial-gradient(1.5px 1.5px at 15% 30%, #fff, transparent),
        radial-gradient(1.5px 1.5px at 30% 75%, #ffd9f3, transparent),
        radial-gradient(1px 1px at 50% 20%, #fff, transparent),
        radial-gradient(1.5px 1.5px at 65% 60%, #fff, transparent),
        radial-gradient(1px 1px at 80% 35%, #ffe9b3, transparent),
        radial-gradient(1.5px 1.5px at 92% 80%, #fff, transparent);
    opacity:.55;
}

.pv-page-hero-inner{
    position:relative;
    z-index:2;
    max-width:820px;
}

.pv-page-hero-reveal{
    opacity:0;
    transform:translateY(26px);
    transition:opacity .8s cubic-bezier(.22,1,.36,1), transform .8s cubic-bezier(.22,1,.36,1);
}
.pv-page-hero-reveal.show{
    opacity:1;
    transform:translateY(0);
}
@media(prefers-reduced-motion:reduce){
    .pv-page-hero-reveal{opacity:1;transform:none;transition:none;}
}

.pv-page-hero-img{
    width:130px;
    height:130px;
    object-fit:cover;
    border-radius:50%;
    border:4px solid rgba(255,255,255,.15);
    box-shadow:0 0 40px rgba(212,175,55,.35);
    margin:0 auto 22px;
    display:block;
}

.pv-page-hero-tag{
    display:inline-block;
    padding:8px 20px;
    border-radius:30px;
    background:rgba(255,0,140,.14);
    border:1px solid rgba(255,0,140,.4);
    color:#ffd9f3;
    font-size:13px;
    font-weight:600;
    letter-spacing:.5px;
    margin-bottom:18px;
}

.pv-page-hero-title{
    font-size:clamp(30px,4.4vw,50px);
    font-weight:800;
    line-height:1.2;
    margin-bottom:16px;
    background:linear-gradient(90deg,#fff,var(--pv-gold-bright));
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;
}

.pv-page-hero-desc{
    max-width:680px;
    margin:0 auto;
    color:#e9d5ff;
    font-size:17px;
    line-height:1.85;
}

@media(max-width:600px){
    .pv-page-hero{padding:56px 0 46px;}
    .pv-page-hero-img{width:100px;height:100px;}
}

/* =========================================================
   LIGHT VARIANT
   Matches the light sections elsewhere on the site
   (about-astrologer intro, services-card, faq) rather than
   the dark header/footer/why-choose-us rhythm.
========================================================= */

.pv-page-hero--light{
    background:
        radial-gradient(circle at 8% 12%, rgba(255,0,140,.07), transparent 40%),
        radial-gradient(circle at 92% 85%, rgba(212,175,55,.08), transparent 40%),
        linear-gradient(160deg, #fffaf9 0%, #ffffff 45%, #fff6fb 100%);
}

.pv-page-hero--light .pv-page-hero-glow-1{
    background:radial-gradient(circle,rgba(255,0,140,.16),transparent 70%);
}
.pv-page-hero--light .pv-page-hero-glow-2{
    background:radial-gradient(circle,rgba(212,175,55,.16),transparent 70%);
}

.pv-page-hero--light .pv-page-hero-stars{
    opacity:.35;
}

.pv-page-hero--light .pv-page-hero-tag{
    background:rgba(255,0,140,.08);
    border-color:rgba(255,0,140,.22);
    color:var(--pv-magenta);
}

.pv-page-hero--light .pv-page-hero-title{
    background:linear-gradient(90deg,#1a0033,var(--pv-magenta));
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;
}

.pv-page-hero--light .pv-page-hero-desc{
    color:#4a4a4a;
}

.pv-page-hero--light .pv-page-hero-img{
    border-color:rgba(255,0,140,.18);
    box-shadow:0 0 40px rgba(255,0,140,.22);
}