.pho-header { position: sticky; top: 0; z-index: 60; height: var(--pho-header-h); background: rgba(0,0,0,.97); border-bottom: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(16px); }
.pho-header__inner { height: 100%; display: grid; grid-template-columns: 92px 1fr 92px; align-items: center; padding: 0 10px; }
.pho-header__brand { justify-self: center; display: inline-flex; align-items: center; min-width: 0; }
.pho-header__brand img { width: 142px; height: auto; }
.pho-header__actions { display: flex; justify-content: flex-end; gap: 3px; }
.pho-header__icon-btn { width: 44px; height: 44px; border: 0; background: transparent; color: #fff; display: grid; place-items: center; border-radius: 50%; cursor: pointer; position: relative; }
.pho-header__icon-btn:focus-visible { outline: 2px solid var(--pho-pink); outline-offset: 1px; }
.pho-header__icon-btn:active { background: rgba(255,255,255,.1); }
.pho-header__notification-badge { position: absolute; top: -2px; right: -3px; z-index: 3; min-width: 21px; height: 21px; padding: 0 5px; display: inline-flex; align-items: center; justify-content: center; border: 2px solid #000; border-radius: 999px; background: var(--pho-pink, #ff2f8b); color: #fff; font-size: 11px; font-weight: 950; line-height: 1; box-sizing: border-box; pointer-events: none; }
@media (max-width: 430px) { .pho-header__inner { grid-template-columns: 72px 1fr 86px; padding-inline: 6px; } .pho-header__brand img { width: 128px; } .pho-header__icon-btn { width: 40px; height: 40px; } }
@media (max-width: 390px) { .pho-header__inner { grid-template-columns: 52px 1fr 80px; } .pho-header__brand img { width: 118px; } .pho-header__actions { gap: 0; } .pho-header__icon-btn { width: 38px; height: 38px; } }