/* Gold Sylone V47 stability + public UI refinements */

/* Keep the classic Gold Sylone branded header visible on the app-style homepage. */
@media (max-width:760px){
  body.home-app-v42 .site-header{display:block!important;position:sticky!important;top:0!important;z-index:920!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid #eee5da!important;box-shadow:0 8px 24px rgba(27,19,12,.05)!important}
  body.home-app-v42 .site-footer{display:block!important;margin-bottom:74px!important}
  body.home-app-v42 .cta-strip{display:none!important}
  body.home-app-v42 .app-home-top-v42{display:none!important}
  body.home-app-v42 .app-home-shell-v42{padding-top:8px!important}
  body.public-app .header-inner{padding:7px 10px!important;min-height:64px!important;gap:7px!important}
  body.public-app .brand{display:flex!important;min-width:0!important;max-width:150px!important;gap:7px!important;flex:0 1 150px!important}
  body.public-app .brand-logo{width:42px!important;height:42px!important;flex:0 0 42px!important}
  body.public-app .brand-text{display:flex!important;min-width:0!important}
  body.public-app .brand-name{font-size:15px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  body.public-app .brand-tag{display:none!important}
  body.public-app .branch-chip{display:flex!important;flex:0 1 118px!important;max-width:118px!important;margin-left:auto!important}
  body.public-app .hamburger{flex:0 0 42px!important;width:42px!important;height:42px!important}
}
@media (max-width:390px){
  body.public-app .brand{max-width:126px!important;flex-basis:126px!important}
  body.public-app .brand-name{font-size:13px!important}
  body.public-app .brand-logo{width:38px!important;height:38px!important;flex-basis:38px!important}
  body.public-app .branch-chip{max-width:102px!important;flex-basis:102px!important}
  body.public-app .branch-chip strong{max-width:58px!important}
}

/* Homepage staff: clean circular profile style, tap opens full profile. */
.v47-staff-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 12px;scrollbar-width:none}
.v47-staff-rail::-webkit-scrollbar{display:none}
.v47-staff-person{flex:0 0 168px;scroll-snap-align:start;text-align:center;text-decoration:none;color:#19140f;padding:14px 10px 13px;border:1px solid #eadfd2;border-radius:24px;background:#fff;box-shadow:0 10px 28px rgba(35,25,14,.05)}
.v47-staff-photo{display:block;width:116px;height:116px;margin:0 auto 10px;border-radius:50%;padding:4px;background:linear-gradient(145deg,#e6bd63,#8c6120);box-shadow:0 10px 25px rgba(136,92,30,.13)}
.v47-staff-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center top;display:block;background:#f2ede5}
.v47-staff-person strong{display:block;font-size:13px;line-height:1.35}
.v47-staff-person small{display:block;margin-top:4px;color:#a07125;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.v47-staff-person em{display:block;margin-top:5px;color:#766d64;font-size:9px;line-height:1.4;font-style:normal;min-height:25px}
.v47-staff-person b{display:inline-block;margin-top:8px;color:#99691f;font-size:9px}
@media(max-width:760px){
  .v47-staff-rail{margin-right:-14px;padding-right:14px;gap:12px}
  .v47-staff-person{flex-basis:146px;border-radius:20px;padding:12px 8px}
  .v47-staff-photo{width:96px;height:96px}
}

/* Public staff listing uses the same people-first visual language. */
.public-staff-grid-v21{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.public-staff-card-v21{display:block!important;text-align:center!important;border-radius:24px!important;padding:18px 14px!important;background:#fff!important;border:1px solid #eadfd2!important;text-decoration:none!important;color:inherit!important}
.public-staff-photo-v21{width:150px!important;height:150px!important;margin:0 auto 14px!important;border-radius:50%!important;overflow:hidden!important;border:4px solid #f2dcae!important;background:#efe7dc!important}
.public-staff-photo-v21 img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}
.public-staff-copy-v21 h3{margin:6px 0!important;font-size:20px!important}
@media(max-width:900px){.public-staff-grid-v21{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){.public-staff-grid-v21{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.public-staff-photo-v21{width:108px!important;height:108px!important}.public-staff-card-v21{padding:14px 8px!important}.public-staff-copy-v21 h3{font-size:15px!important}}

/* Before/after: larger touch targets and every uploaded pair stays accessible in the rail. */
.v44-before-grid{gap:16px!important}
.v44-before-card{flex:0 0 390px!important;padding:12px!important;border-radius:24px!important}
.v44-before-pair{gap:6px!important;border-radius:18px!important}
.v44-before-pair img{cursor:zoom-in!important;aspect-ratio:1/1!important}
.v44-before-card>strong{font-size:13px!important;margin:11px 3px 3px!important}
@media(max-width:760px){.v44-before-card{flex-basis:330px!important}.v44-before-grid{margin-right:-14px!important;padding-right:14px!important}}
@media(max-width:390px){.v44-before-card{flex-basis:292px!important}}

/* Mobile menu: preserve space for actions and prevent footer/bottom nav overlap. */
@media(max-width:760px){
  .mobile-nav-panel{padding-bottom:98px!important}
  .mobile-nav-actions{position:relative!important;z-index:2!important;padding-bottom:10px!important;background:#fff!important}
  .site-footer{padding-bottom:88px!important}
}