/* Scoped UX fixes; existing content, assets, pricing and reveal/parallax code are retained. */
:root{--site-header-height:105px;--services-nav-height:74px;--cream-gold:#7A5A1E}
/* Gold type on cream uses the accessible shade; gold on dark remains unchanged. */
body[data-page="services"]{--services-gold:var(--cream-gold)}
.home-v3 .home-cream .home-section-heading .kicker,
.home-v3 .home-about-card .home-section-heading .kicker,
.home-v3 .teaser-menu-link,
.light .kicker,.light .category-number,.light .service-number,
.light em,.light .checks svg,.light .why-card>svg,.contact-section .contact-row>svg{color:var(--cream-gold)}
/* Navigation is outside all reveal targets and sticks only through the menu. */
html:has(body[data-page="services"]){scroll-padding-top:0}
body[data-page="services"] .menu-controls{margin-bottom:12px}
.services-quick-nav{position:sticky;top:var(--site-header-height);z-index:60;display:flex;align-items:center;gap:8px;overflow-x:auto;max-width:100%;margin:0 0 32px;padding:12px 0;background:#0E0C0B;scrollbar-width:thin;scrollbar-color:#C9A96E #0E0C0B;overscroll-behavior-x:contain;box-shadow:0 6px 12px rgba(0,0,0,.16)}
.services-quick-nav a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;padding:10px 17px;border:1px solid rgba(201,169,110,.6);border-radius:999px;color:#C9A96E;font:500 15px/1.4 Inter,Arial,sans-serif;white-space:nowrap}
.services-quick-nav a[aria-current="location"],.services-quick-nav a:hover{color:#0E0C0B;background:#C9A96E}
body[data-page="services"] .service-category,body[data-page="services"] #eyelashes,body[data-page="services"] #lash-brow{scroll-margin-top:calc(var(--site-header-height) + var(--services-nav-height) + 16px)}
/* Consistent Home section headings, Visit band type and gold-button icon color. */
.home-v3 #home-reviews .home-section-heading{text-align:left}
.home-visit-row>.visit-address{font-size:14px}
.home-visit-row>.button svg{color:inherit}
/* Round 3: one shared system for both floating rails — identical buttons, spacing, hover and focus. */
.quick-rail,.social-rail{position:fixed;top:50%;transform:translateY(-50%);display:grid;gap:12px;z-index:40}
.quick-rail{right:20px}
.social-rail{left:20px}
.quick-rail>a,.social-rail>a.social-icon{width:44px;height:44px;min-width:44px;min-height:44px;display:grid;place-items:center;background:rgba(18,16,14,.93);border:1px solid #C9A45C;border-radius:50%;color:#C9A45C;transform:none;transition:background .2s,color .2s}
.quick-rail>a>svg,.social-rail>a>svg{width:20px;height:20px;stroke-width:1.5;color:#C9A45C}
.quick-rail>a:hover,.quick-rail>a:focus-visible,.social-rail>a:hover,.social-rail>a:focus-visible{background:#C9A45C;color:#0A0A0A}
.quick-rail>a:hover>svg,.quick-rail>a:focus-visible>svg,.social-rail>a:hover>svg,.social-rail>a:focus-visible>svg{color:#0A0A0A}
.quick-rail>a:focus-visible,.social-rail>a:focus-visible{outline:2px solid #0A0A0A;outline-offset:-4px}
.social-rail>.vertical-label{display:none}
/* Owner QA: the same complete footer follows the Home Visit band. */
.home-v3 .home-stat strong{color:var(--cream-gold)}
@media(min-width:1024px){
 .service-pair{align-items:start}
  .service-pair .service-photo,.family-pair .service-photo{position:sticky;top:calc(var(--site-header-height) + var(--services-nav-height) + 24px);align-self:start}
  body[data-page="about"] .about-photo-block{position:sticky;top:calc(var(--site-header-height) + 24px);align-self:start}
 body[data-page="about"] .about-split{align-items:start}
 /* Let the approved aspect ratio size the desktop photo, not its intrinsic HTML height. */
 body[data-page="about"] .about-photo-block .photo-frame img{height:auto}
}
@media(max-width:1023px){
 .quick-rail,.social-rail{display:none}
 :root{--site-header-height:91px}
 .wrap{width:calc(100% - 40px);margin-left:20px;margin-right:20px}
 .canva-footer .footer-details a[href^="tel:"],.canva-footer .footer-details a[href^="mailto:"]{display:inline-flex;align-items:center;min-height:44px;max-width:100%;padding:10px 0}
 .social-icon,.canva-footer .social-icon{width:44px;height:44px;min-width:44px;min-height:44px}
 .home-visit-row{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
 .home-visit-row>.visit-address,.home-visit-row>.visit-phone{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;max-width:100%;min-height:44px;padding:10px 0;border:0}
 .home-visit-row>.visit-address>span,.home-visit-row>.visit-phone>span{display:inline-block;min-width:0}
 .home-visit-row>a>svg{display:inline-block;flex:0 0 20px}
 .home-visit-row>.visit-address{font-size:13px}
 .home-v3 .home-category-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;align-items:start;gap:16px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#C9A96E #0E0C0B}
 .home-v3 .home-category-tile{scroll-snap-align:start;min-width:0}
}
@media(max-width:639px){:root{--site-header-height:87px}}