/* Homepage-only shell matching the approved emerald/gold mobile reference. */
.pho-app{position:relative;background:#010805;--pho-footer-h:80px}
.pho-main{padding-top:0;background:#010805}

/* Header overlays the hero; shared header markup/behavior is preserved. */
.pho-header{
    position:absolute;
    inset:0 0 auto;
    z-index:70;
    height:68px;
    background:linear-gradient(180deg,rgba(0,0,0,.56) 0%,rgba(0,0,0,.26) 58%,rgba(0,0,0,0) 100%);
    border:0;
    backdrop-filter:none;
}
.pho-header__inner{height:100%;grid-template-columns:66px 1fr 94px;padding:5px 13px 0}
.pho-header__brand img{width:151px;height:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.82))}
.pho-header__actions{gap:3px}
.pho-header__icon-btn{width:42px;height:42px;color:#ebcc88;background:rgba(0,0,0,.26);border-radius:50%}
.pho-header__icon-btn:first-child{background:transparent}
.pho-header__icon-btn .pho-icon{width:28px;height:28px;stroke-width:1.75}
.pho-header__icon-btn:active{background:rgba(0,0,0,.5)}
.pho-header__icon-btn:focus-visible{outline:2px solid #e2c27e;outline-offset:2px}

/* Fixed five-item app navigation, like the reference. */
.pho-footer{background:rgba(0,2,1,.985);border-top:1px solid rgba(215,184,116,.22);backdrop-filter:blur(16px)}
.pho-footer__item{color:#ecd49f!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;transform:none!important;gap:5px;font-size:10px;font-weight:760;padding-top:7px}
.pho-footer__item .pho-icon{width:24px;height:24px;stroke-width:1.85}
.pho-footer__item.is-active{color:var(--pho-pink)!important}

@media(max-width:430px){
    .pho-header{height:56px}
    .pho-header__inner{grid-template-columns:53px 1fr 82px;padding:3px 10px 0}
    .pho-header__brand img{width:134px}
    .pho-header__icon-btn{width:37px;height:37px}
    .pho-header__icon-btn .pho-icon{width:25px;height:25px}
    .pho-header__actions{gap:3px}
    .pho-footer__item{font-size:9.5px;gap:5px}
    .pho-footer__item .pho-icon{width:22px;height:22px}
}
@media(max-width:390px){
    .pho-app{--pho-footer-h:76px}
    .pho-header{height:54px}
    .pho-header__inner{grid-template-columns:49px 1fr 78px;padding-inline:8px}
    .pho-header__brand img{width:128px}
    .pho-header__actions{gap:1px}
    .pho-footer__item{font-size:9px}
    .pho-footer__item .pho-icon{width:21px;height:21px}
}