/* Compact public pages and clear menu controls. No booking/auth state changes. */
@media screen {
 html body.drb-sandbox .drb-marketing-context{display:flex;align-items:center;gap:8px;min-width:0;}
 html body.drb-sandbox .drb-marketing-calendar{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;color:inherit;}
 html body.drb-sandbox .drb-marketing-calendar svg{width:22px;height:22px;}
 html body.drb-sandbox .drb-marketing-prompt{font-size:clamp(14px,3.85vw,16px);font-weight:650;line-height:1.25;}
 html body.drb-sandbox.drb-brand-experience .drb-public-header .drb-menu-primary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
 html body.drb-sandbox.drb-brand-experience .drb-public-header .drb-menu-primary :is(.drb-menu-register,.drb-menu-pricing){display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:44px;padding:8px;border:1px solid #b6cede;border-radius:10px;box-sizing:border-box;text-decoration:none;font:600 13px/1.3 Inter,Arial,sans-serif;background:#f3f8fc;}
 html body.drb-sandbox.drb-brand-experience .drb-public-header .drb-menu-primary :is(.drb-menu-register,.drb-menu-pricing) svg{width:18px;height:18px;flex:none;}
 html body.drb-sandbox.drb-brand-experience .drb-public-header .drb-menu-primary :is(.drb-menu-register,.drb-menu-pricing) strong{font:inherit;}
 html body.drb-sandbox.drb-brand-experience .drb-public-header .drb-menu-links--tiles>a.drb-menu-tile{border-color:#c5d7e4;min-height:44px;}
 html body.drb-sandbox.drb-brand-experience .drb-public-header .drb-menu-service-grid .drb-mobile-service{grid-template-columns:36px minmax(0,1fr);gap:8px;padding:9px 8px;align-items:center;min-height:83px;}
 html body.drb-sandbox.drb-brand-experience .drb-public-header .drb-menu-service-grid .drb-mobile-service img{width:36px;height:48px;grid-row:1;object-position:center 20%;}
 html body.drb-sandbox.drb-brand-experience .drb-public-header .drb-menu-service-grid .drb-mobile-service small{display:block;font:400 11px/1.35 Inter,Arial,sans-serif;margin:4px 0 0;white-space:normal;}
 html body.drb-sandbox.drb-brand-experience .drb-public-header .drb-menu-service-grid .drb-mobile-service strong{font-size:14px;line-height:1.25;}
 html body.drb-sandbox.drb-brand-experience .drb-public-header .drb-menu-section-label{text-transform:none;letter-spacing:.04em;}
 /* The action sits within the picture, so it no longer needs its own hero row. */
 html body.drb-approved-public.drb-sandbox.drb-brand-experience .cp-how .cp-hero--photo .cp-hero-art{position:relative;}
 html body.drb-approved-public.drb-sandbox.drb-brand-experience .cp-how .cp-hero-art .cp-photo-action{position:absolute;left:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;max-width:calc(100% - 28px);padding:10px 16px;margin:0;font:650 14px/1.3 Inter,Arial,sans-serif;border-radius:11px;text-decoration:none;box-sizing:border-box;}
 html body.drb-approved-public.drb-sandbox.drb-brand-experience .cp-how .cp-hero-art .cp-photo-action svg{width:20px;height:20px;flex:none;}
 html body.drb-approved-public.drb-sandbox.drb-brand-experience :is(.cp-how,.cp-membership) .cp-hero{padding-top:18px;padding-bottom:18px;}
 html body.drb-approved-public.drb-sandbox.drb-brand-experience :is(.cp-how,.cp-membership) .cp-section{padding-top:24px;padding-bottom:24px;}
 html body.drb-approved-public.drb-sandbox.drb-brand-experience .hj-shell .hj-hero{padding-bottom:18px;}
 html body.drb-approved-public.drb-sandbox.drb-brand-experience .hj-shell .hj-hero p:not(.hj-eyebrow){margin-bottom:0;}
 html body.drb-approved-public.drb-sandbox.drb-brand-experience .hj-shell .hj-stories{padding-top:20px;margin-top:0;}
 html body.drb-approved-public.drb-sandbox.drb-brand-experience .cp-membership .cp-eyebrow{text-transform:none!important;}
 @media(max-width:760px){
  html body.drb-approved-public.drb-sandbox.drb-brand-experience :is(.cp-how,.cp-membership) .cp-hero{gap:12px;padding-top:16px;padding-bottom:18px;}
  html body.drb-approved-public.drb-sandbox.drb-brand-experience :is(.cp-how,.cp-membership) .cp-hero .cp-lead{margin:0;}
  html body.drb-approved-public.drb-sandbox.drb-brand-experience .cp-how .cp-hero-art{height:auto;aspect-ratio:1.85;}
  html body.drb-approved-public.drb-sandbox.drb-brand-experience .cp-how .cp-hero-art img{object-position:center 25%;}
  html body.drb-approved-public.drb-sandbox.drb-brand-experience .cp-how .cp-hero-art .cp-photo-action{left:10px;bottom:10px;padding:9px 12px;font-size:13px;}
  html body.drb-approved-public.drb-sandbox.drb-brand-experience .hj-shell .hj-hero{gap:12px;padding-top:16px;padding-bottom:18px;}
  html body.drb-approved-public.drb-sandbox.drb-brand-experience .hj-shell .hj-hero>img{aspect-ratio:1.8;height:auto;object-fit:cover;object-position:center 20%;}
 }
 @media(max-width:359px){
  html body.drb-sandbox.drb-brand-experience .drb-public-header .drb-menu-primary :is(.drb-menu-signin,.drb-menu-booking,.drb-menu-register,.drb-menu-pricing){font-size:12px;padding-inline:7px;}
  html body.drb-sandbox.drb-brand-experience .drb-public-header .drb-menu-service-grid .drb-mobile-service{grid-template-columns:28px minmax(0,1fr);gap:6px;padding:8px 6px;}
  html body.drb-sandbox.drb-brand-experience .drb-public-header .drb-menu-service-grid .drb-mobile-service img{width:28px;height:40px;}
  html body.drb-sandbox.drb-brand-experience .drb-public-header .drb-menu-service-grid .drb-mobile-service strong{font-size:13px;}
  html body.drb-sandbox .drb-marketing-context{gap:5px;}
 }
}
@layer drb-menu-controls {
 html body.drb-approved-public.drb-sandbox.drb-brand-experience .drb-public-header :is(.drb-menu-register,.drb-menu-pricing){color:#164f7f!important;border-color:#a8c4da!important;background:#f1f6fc!important;}
 html body.drb-approved-public.drb-sandbox.drb-brand-experience .drb-public-header :is(.drb-menu-register,.drb-menu-pricing) *{color:inherit!important;}
 html body.drb-approved-public.drb-sandbox.drb-brand-experience .drb-public-header .drb-menu-service-grid .drb-mobile-service small{color:#50677b!important;}
 html body.drb-approved-public.drb-sandbox.drb-brand-experience .cp-how .cp-hero-art .cp-photo-action{border:1px solid #df8300!important;box-shadow:0 3px 12px #173b502b!important;}
}

/* Restrained blue-and-gold finish for the fixed public booking bar. */
@media screen and (max-width:760px) {
 html body.drb-sandbox.drb-approved-public nav.drb-marketing-dock {
  background:linear-gradient(112deg,#124d88 0%,var(--sig-blue,#1660ab) 70%,#216bb3 100%)!important;
  border-top:1px solid #d9bc7a!important;
  box-shadow:0 -5px 18px #173b5014,inset 0 1px 0 #ffffff16;
 }
 html body.drb-sandbox .drb-marketing-dock .drb-marketing-prompt {
  font-family:Georgia,'Times New Roman',serif;font-size:clamp(16px,4.4vw,18px);font-weight:600;letter-spacing:-.02em;line-height:1.16;
 }
 html body.drb-sandbox .drb-marketing-dock .drb-marketing-calendar {
  flex-basis:26px;width:26px;height:26px;border-radius:7px;background:#ffffff40;box-shadow:inset 0 0 0 1px #ffffff45;
 }
 html body.drb-sandbox .drb-marketing-dock .drb-marketing-calendar svg{width:20px;height:20px;}
 html body.drb-sandbox.drb-public footer .footer-legal a{color:var(--sig-blue,#1660ab);}
}
@layer drb-care-actions {
 html body.drb-sandbox.drb-brand-experience.drb-approved-public nav.drb-marketing-dock a.drb-button.drb-marketing-cta {
  background:var(--drb-care-action,#ff9300)!important;background-image:none!important;
  border:1px solid var(--drb-care-action,#ff9300)!important;color:#183c50!important;
  box-shadow:inset 0 1px 0 #fff5,0 2px 6px #072c5420!important;
  border-radius:10px!important;
 }
 @media(hover:hover){html body.drb-sandbox.drb-brand-experience.drb-approved-public nav.drb-marketing-dock a.drb-button.drb-marketing-cta:hover{background:#e88300!important;background-image:none!important;}}
}

/* Keep decorative image space stable while assets decode. */
body.drb-public footer .logo img{aspect-ratio:248/44;height:auto}
body.drb-public footer a[title="iOS App"] img{aspect-ratio:3/1;height:40px;width:120px;object-fit:contain}
body.drb-public footer a[title="Android App"] img{aspect-ratio:135/40;height:40px;width:135px;object-fit:contain}
/* Restore to the saved position without a smooth-scroll sweep or inherited fade. */
html.drb-history-restoring,html.drb-history-restoring body{scroll-behavior:auto!important}
html.drb-history-restoring body{transition:none!important}

/* Keep the mobile sticky header on a stable paint layer during toolbar scrolling.
   Opacity is only a compositing hint: no transform, sizing or scroll-position change,
   so positioned menus/notifications retain their existing containing blocks. */
@media(max-width:1380px) {
  html body.drb-public.drb-sandbox.drb-brand-experience .drb-public-header {
    background:#fff!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    will-change:opacity;
    isolation:isolate;
    transition:none!important;
  }
}
