/* Gold Sylone V84 — public mobile polish, single smart search, clean page spacing, service imagery. */
:root{--gs84-gold:#c99635;--gs84-gold-dark:#8f641f;--gs84-cream:#fbf6ed;--gs84-ink:#17130f;--gs84-muted:#766f67;--gs84-line:#e9e1d6}

@media(max-width:760px){
  /* V83 reserved header space even on screens where the header is intentionally hidden. */
  body.public-app.gs81-no-sticky-search #main,
  body.public-app.customer-portal-page #main,
  body.public-app.membership-v81 #main,
  body.public-app.gs81-search-body #main{padding-top:0!important}

  /* Home has ONE search only: fixed shell search. */
  .app-home-shell-v42>.app-search-v42{display:none!important}
  .gs84-single-search{background:#fff!important}
  .gs84-single-search span{display:flex;align-items:center;gap:4px;min-width:0;color:#6e6861}
  .gs84-single-search b{color:#aa7220;font-weight:700;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  /* Search screen starts immediately — no dead white block and no forced keyboard. */
  body.gs81-search-body{background:#fff!important}
  body.gs81-search-body .gs81-search-page{padding-top:8px!important;min-height:100dvh}
  body.gs81-search-body .gs81-search-form{top:0!important;padding:6px 0 12px!important;margin:0!important}
  body.gs81-search-body .gs81-section-title:first-of-type{margin-top:14px!important}
  body.gs81-search-body .gs81-section-sub{line-height:1.55}
  body.gs81-search-body .gs81-service-card{min-width:206px;width:206px}
  body.gs81-search-body .gs81-service-art{height:170px;background-color:#f1ece5}

  /* Full screen menu: flat app bar, not a boxed header. */
  body.public-app .mobile-nav-panel{background:linear-gradient(180deg,#fffaf2 0,#f7f4ef 145px,#f4f3f6 100%)!important}
  body.public-app .gs83-mobile-nav-head{background:transparent!important;border:0!important;box-shadow:none!important;padding:2px 0 10px!important;margin:0!important;min-height:58px!important}
  body.public-app .gs83-menu-back{width:40px!important;height:40px!important;flex-basis:40px!important;border:0!important;border-radius:50%!important;background:#fff!important;box-shadow:0 5px 18px rgba(32,22,12,.08)!important;font-size:22px!important}
  body.public-app .gs83-mobile-nav-head .mobile-nav-brand{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
  body.public-app .gs83-mobile-nav-head .mobile-nav-brand img{width:44px!important;height:44px!important;background:transparent!important;border:0!important;box-shadow:none!important}
  body.public-app .gs83-mobile-nav-head .mobile-nav-brand strong{font-size:17px!important}
  body.public-app .gs83-mobile-nav-head .mobile-nav-brand small{font-size:9px!important}

  /* Membership: remove top blank area created by hidden header. */
  body.membership-v81{background:#0f0f10!important}
  body.membership-v81 .gs81-membership{padding-top:max(12px,env(safe-area-inset-top))!important}
  body.membership-v81 .gs81-page-back{margin:0 0 10px!important}
  body.membership-v81 .gs81-member-logo{padding-top:4px!important}

  /* Service-specific artwork uploaded from CRM. */
  .gs84-service-preview-media.has-image,
  .gs84-svc-image.has-image,
  .gs84-home-featured-img.has-image{background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;color:transparent!important}
  .gs84-service-preview-media.has-image{border-radius:14px!important;overflow:hidden!important}
  .gs84-svc-image{overflow:hidden!important}
  .gs84-svc-image.has-image{width:74px!important;height:74px!important;min-width:74px!important;border-radius:16px!important;background-color:#f1ece5!important}
  .gs84-home-featured-img.has-image{border-radius:15px!important;overflow:hidden!important}

  /* Before/After: clean app page, no squeezed footer/CTA under the fixed bottom nav. */
  body.before-after-v84{background:#faf7f1!important}
  body.before-after-v84 .cta-strip,
  body.before-after-v84 .site-footer{display:none!important}
  body.before-after-v84 .whatsapp-float{bottom:94px!important}
  body.before-after-v84 .ba-page-v48{padding:24px 14px 116px!important;min-height:calc(100dvh - 126px)!important}
  body.before-after-v84 .ba-head-v48{background:#fff;border:1px solid #eee5d9;border-radius:24px;padding:20px 18px;margin:0 0 16px!important}
  body.before-after-v84 .ba-head-v48 .eyebrow{font-size:9px;letter-spacing:.12em;color:#9d6b20}
  body.before-after-v84 .ba-head-v48 h1{font-size:31px!important;line-height:1.08!important;margin:8px 0 7px!important}
  body.before-after-v84 .ba-head-v48 p{font-size:12px!important;line-height:1.55!important;margin:0!important}
  body.before-after-v84 .ba-card-v48{border-radius:22px!important;box-shadow:0 10px 28px rgba(45,31,17,.05)!important}
  .gs84-ba-empty{background:#fff;border:1px solid #eee5d9;border-radius:24px;padding:30px 22px;text-align:center;box-shadow:0 12px 30px rgba(45,31,17,.045)}
  .gs84-ba-empty>span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#fff4dc;color:#a87320;font-size:24px}
  .gs84-ba-empty>strong{display:block;font-family:'Playfair Display',serif;font-size:22px;color:#201914}
  .gs84-ba-empty>p{font-size:11px;line-height:1.65;color:#756e66;max-width:340px;margin:8px auto 16px}
  .gs84-ba-empty>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .gs84-ba-empty a{display:grid;place-items:center;min-height:44px;border-radius:13px;text-decoration:none;font-size:11px;font-weight:700;border:1px solid #d6b16c;color:#7e571b;background:#fffaf0}
  .gs84-ba-empty a:last-child{background:#17130f;color:#fff;border-color:#17130f}
}

@media(min-width:761px){
  .gs84-svc-image.has-image{background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;color:transparent!important}
}