/* One original Pearls & Palms hero and service gallery before/after sign-in. */
#app [data-hh-shared-hero] { min-height: 360px !important; }
#app [data-hh-shared-hero] .sig-hero-copy { padding: clamp(28px,3.2vw,44px) !important; }
#app [data-hh-shared-hero] .sig-hero-copy h1 { font-size: clamp(34px,3.2vw,48px) !important; line-height: 1.1 !important; margin: 18px 0 22px !important; }
#app [data-hh-shared-hero] .sig-hero-copy p { font-size: 15px !important; line-height: 1.6 !important; margin: 0 0 24px !important; }
#app [data-hh-shared-hero] .sig-hero-actions { margin: 0 !important; }
#app .cx-public-journey { margin: 30px 0; }
#app .cx-public-journey .cx-repair-flow { background: linear-gradient(120deg,#082d49,#125451); color: #fff; display: grid; grid-template-columns: minmax(230px,1fr) minmax(0,2fr); padding: 12px; }
#app .cx-public-journey .cx-flow-heading strong,
#app .cx-public-journey .cx-flow-steps strong,
#app .cx-public-journey .cx-flow-materials strong { color: #fff; }
#app .cx-public-journey .cx-flow-heading .eyebrow { color: #edcf89; }
#app .cx-public-journey .cx-flow-steps { grid-template-columns: repeat(4,minmax(0,1fr)); padding: 18px 12px; gap: 12px; }
#app .cx-public-journey .cx-flow-steps li { grid-template-columns: minmax(0,1fr); gap: 12px; align-content: start; }
#app .cx-public-journey .cx-flow-steps li::after { display: none; }
#app .cx-public-journey .cx-flow-materials { grid-column: 1 / -1; border-radius: 12px; }
#hhAuthR2 [data-hh-apple-placeholder] { opacity: 1 !important; cursor: not-allowed !important; border-style: dashed !important; background: #f5f4f0 !important; color: #69747b !important; box-shadow: none !important; }
#hhAuthR2 [data-hh-apple-placeholder] .hh-auth-r5-apple { color: #69747b !important; }
@media (max-width: 960px) {
  #app .hh-public-nav { display: none !important; }
  #app .cx-public-journey .cx-repair-flow { grid-template-columns: minmax(0,1fr); }
  #app .cx-public-journey .cx-flow-steps { grid-template-columns: repeat(2,minmax(0,1fr)); padding-inline: 24px; }
}
@media (max-width: 620px) {
  #app [data-hh-shared-hero] { min-height: 0 !important; }
  #app [data-hh-shared-hero] .sig-hero-copy { padding: 26px 22px !important; }
  #app [data-hh-shared-hero] .sig-hero-copy h1 { font-size: clamp(30px,8vw,38px) !important; }
}
@media (max-width: 420px) {
  /* The hero already starts booking; keep the narrow header focused on sign-in. */
  #app .hh-role-guest .header-actions .btn.primary { display: none; }
}