[data-scope="pf-header"] .pf-cta-dot { width: 5px; height: 5px; border-radius: 999px; background: rgba(var(--pf-pink),1); box-shadow: 0 0 8px rgba(var(--pf-pink),0.9); animation: pf-dot-pulse 1.4s ease-in-out infinite; } @keyframes pf-dot-pulse { 0% { transform: scale(1); box-shadow: 0 0 6px rgba(var(--pf-pink),0.7); } 100% { transform: scale(1.7); box-shadow: 0 0 14px rgba(var(--pf-pink),0); } } @media (min-width: 881px) { [data-scope="pf-header"] .pf-header-inner { flex-wrap: nowrap; } } /* MOBILE OVERRIDES – FIXED LAYOUT */ @media (max-width: 880px) { [data-scope="pf-header"] { background-color: #000000; background-image: none; backdrop-filter: none; -webkit-backdrop-filter: none; border-bottom: 1px solid rgba(255,255,255,0.08); } [data-scope="pf-header"] .pf-header-inner { padding-inline: 14px; padding-block: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "brand ctas" "nav nav"; column-gap: 10px; row-gap: 2px; align-items: center; } [data-scope="pf-header"] .pf-header-main { grid-area: brand; display: flex; align-items: center; min-width: 0; } [data-scope="pf-header"] .pf-header-brand { display: flex; align-items: center; min-width: 0; } [data-scope="pf-header"] .pf-logo-img { height: 72px; margin-top: -10px; margin-bottom: -10px; } [data-scope="pf-header"] .pf-header-center { grid-area: nav; justify-content: flex-start; margin-top: 0; min-width: 0; } [data-scope="pf-header"] .pf-nav { flex-wrap: wrap; justify-content: flex-start; gap: 6px; font-size: 9px; letter-spacing: 0.18em; } [data-scope="pf-header"] .pf-header-ctas { grid-area: ctas; justify-self: end; display: flex; align-items: center; gap: 6px; } body.pf-header-hidden [data-scope="pf-header"] .pf-nav a, body.pf-header-hidden [data-scope="pf-header"] .pf-cta-ghost, body.pf-header-hidden [data-scope="pf-header"] .pf-cta-primary { opacity: 1; } } @media (max-width: 520px) { [data-scope="pf-header"] .pf-logo-img { height: 60px; margin-top: -8px; margin-bottom: -8px; } [data-scope="pf-header"] .pf-nav { gap: 4px; font-size: 8px; letter-spacing: 0.16em; } [data-scope="pf-header"] .pf-cta-primary, [data-scope="pf-header"] .pf-cta-ghost { padding-inline: 9px; font-size: 7.5px; letter-spacing: 0.16em; } }