/* =====================================================================
   Women's Health Physiotherapy (/womens-health-physiotherapy/), R5 01/10/2026. Loaded after clinic-proto.css.
   Trina's Women's Health Physiotherapy website package (bmb-womens-health-physiotherapy) in the family of her
   clinic pages, built the same way as /tcm-womens-health/ and /hair-and-scalp-care/: the BMB site header and
   footer stay, a clinic sub-bar sits under the header, type is the site's Quicksand body with Playfair Display
   headings (her italic "Physiotherapy" kept), and her sections run in her order: hero with her portrait photo
   and the "Pregnancy / Postpartum / Beyond" strap, The essentials (01 to 03), 01 Pregnancy, 02 Postpartum
   recovery (lavender band), Our approach (plum band, 01 to 04), Meet Our Specialists (three cards), Begin with
   a conversation (plum band), then the clinic contact strip. Her deep purple gradients are the site's softer
   plum here, per the "soften the purple" direction. Everything is scoped to main.whp-page.
   ===================================================================== */
html body main.whp-page{
  --whp-ivory:#fbf9f6; --whp-cream:#f8f4ee; --whp-paper:#fffdfb;
  --whp-hero-a:#fffdfb; --whp-hero-b:#f8f4f9; --whp-hero-c:#efe7f3;
  --whp-band-a:#553f63; --whp-band-b:#60496f; --whp-band-c:#6f588a;
  --whp-band-ink:#fbf8f5; --whp-band-quiet:#ece3ee; --whp-band-accent:#e2c7ab;
  --whp-em:#76578a;
  --whp-gutter:max(clamp(1.35rem,6.8vw,7rem), calc((100vw - 1340px) / 2));
  --sans:"Quicksand", system-ui, -apple-system, "Segoe UI", sans-serif; font-family:var(--sans);
  background:var(--whp-ivory);
}

/* ---- skip link: hidden until it gets keyboard focus (as on the TCM and hair pages) ---- */
.skip-link{position:fixed; left:1rem; top:-5rem; z-index:200; padding:.7rem 1rem; border-radius:8px;
  color:#5b405f; background:#fff; box-shadow:0 8px 24px rgba(64,47,67,.18); font-weight:700; text-decoration:none;}
.skip-link:focus, .skip-link:focus-visible{top:1rem; outline:2px solid #5b405f; outline-offset:2px;}

/* ---- clinic sub-bar: same bar as /tcm-womens-health/ (lockup, her section links, Book a consultation) ---- */
html body main.whp-page .lc-subhead{position:relative; z-index:40; display:flex; align-items:center; gap:2rem; min-height:76px;
  padding:.4rem clamp(1rem,4vw,4.5rem); background:rgba(255,253,251,.92); border-bottom:1px solid var(--line);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);}
html body main.whp-page .lc-lockup{display:flex; align-items:center; gap:.85rem; min-width:0; min-height:44px; color:inherit; text-decoration:none;}
html body main.whp-page .lc-lockup-copy{display:grid; line-height:1.2;}
html body main.whp-page .lc-lockup-copy strong{color:var(--plum); font-family:var(--serif); font-size:1.06rem; font-style:italic; font-weight:500; white-space:nowrap;}
html body main.whp-page .lc-lockup-copy small{margin-top:.15rem; color:var(--bronze); font-size:.9rem; font-weight:700; letter-spacing:.02em; white-space:nowrap;}
html body main.whp-page .lc-subnav{display:flex; justify-content:center; gap:clamp(1rem,2.2vw,2rem); margin-left:auto;}
html body main.whp-page .lc-subnav a{color:#625963; font-size:.9rem; font-weight:600; line-height:1.3; text-decoration:none; white-space:nowrap;}
html body main.whp-page .lc-subnav a:hover, html body main.whp-page .lc-subnav a:focus-visible{color:var(--plum); text-decoration:underline; text-underline-offset:.3em;}
html body main.whp-page .lc-subhead-cta{flex:0 0 auto;}
@media (min-width:761px){
  /* sticky under the BMB header from 761px up; --lc-sub-top is set by the page script */
  html body main.whp-page .lc-subhead{position:sticky; top:var(--lc-sub-top,81px);}
}
@media (min-width:761px) and (max-width:1180px){
  html body main.whp-page .lc-subhead{gap:1rem; min-height:58px; padding-top:.4rem; padding-bottom:.4rem;}
  html body main.whp-page .lc-lockup-copy strong{font-size:1rem;}
}
html body main.whp-page :is(#top, #essentials, #pregnancy, #postpartum, #approach, #specialists, #book){scroll-margin-top:160px;}
html body main.whp-page [tabindex="-1"]:focus{outline:none;}

/* ---- shared details from her package: bronze tracked eyebrows, italic plum accents, bold text links ---- */
html body main.whp-page .eyebrow{margin:0 0 1.1rem; color:var(--bronze); font-size:.8rem; font-weight:700; letter-spacing:.17em; line-height:1.5; text-transform:uppercase;}
html body main.whp-page h2{margin:0; color:var(--plum-deep); font-family:var(--serif); font-size:clamp(2.2rem,3.4vw,3.3rem); font-weight:400;
  line-height:1.12; letter-spacing:-.026em;}
html body main.whp-page h3{color:var(--plum-deep); font-family:var(--serif); font-weight:400;}
html body main.whp-page .whp-button{gap:.9rem; padding:.85rem 1.45rem; font-size:.95rem;}
html body main.whp-page .whp-link{display:inline-flex; align-items:center; gap:.5rem; min-height:44px; color:var(--plum);
  font-size:.98rem; font-weight:700; line-height:1.4; text-decoration:underline; text-decoration-thickness:1px;
  text-decoration-color:rgba(91,64,95,.45); text-underline-offset:.3em;}
html body main.whp-page .whp-link span{color:var(--bronze); font-size:1.05rem; line-height:1; transition:transform .2s ease;}
html body main.whp-page .whp-link:hover, html body main.whp-page .whp-link:focus-visible{color:var(--bronze); text-decoration-color:currentColor;}
html body main.whp-page .whp-link:hover span, html body main.whp-page .whp-link:focus-visible span{transform:translateY(2px);}

/* ---- hero: copy on the soft ivory-to-lavender wash, her portrait photo to the right edge. Her strap card sits
   bottom left on the photo (hers is bottom right), clear of the site's round WhatsApp button. ---- */
html body main.whp-page .whp-hero{position:relative; display:grid; grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr); min-height:720px;
  background:linear-gradient(118deg, var(--whp-hero-a) 0%, var(--whp-hero-b) 55%, var(--whp-hero-c) 100%); overflow:hidden;}
html body main.whp-page .whp-hero-copy{position:relative; z-index:2; align-self:center; max-width:max(760px, calc(var(--whp-gutter) + 640px));
  padding:clamp(4.5rem,7vw,6.5rem) clamp(2rem,4vw,4rem) clamp(4.5rem,7vw,6.5rem) var(--whp-gutter);}
html body main.whp-page h1.whp-h1{max-width:640px; margin:0; color:var(--plum-deep); font-family:var(--serif); font-size:clamp(2.7rem,4.9vw,4.6rem);
  font-style:normal; font-weight:400; line-height:1.08; letter-spacing:-.035em;}
html body main.whp-page h1.whp-h1 em{color:var(--whp-em); font-style:italic; font-weight:400;}
html body main.whp-page .whp-lead{max-width:560px; margin:1.8rem 0 2.1rem; color:#4d444e; font-size:1.1rem; line-height:1.72;}
html body main.whp-page .whp-hero .hero-actions{flex-wrap:wrap; gap:1rem 1.6rem; margin-top:0;}
html body main.whp-page .whp-hero-media{position:relative; margin:0; min-height:520px; overflow:hidden; background:#f4eff6;}
html body main.whp-page .whp-hero-media img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 16%;}
html body main.whp-page .whp-hero-media::after{content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(90deg, rgba(255,253,251,.3) 0%, rgba(255,253,251,0) 26%), linear-gradient(180deg, rgba(85,63,99,0) 64%, rgba(64,47,67,.16) 100%);}
html body main.whp-page .whp-hero-media figcaption{position:absolute; z-index:1; left:1.4rem; bottom:1.4rem; display:grid; gap:.15rem; max-width:min(340px, calc(100% - 2.8rem));
  padding:.9rem 1.1rem; color:var(--plum-deep); background:rgba(255,253,251,.94); border-left:2px solid var(--bronze); border-radius:0 8px 8px 0;
  box-shadow:0 8px 24px rgba(70,52,72,.12);}
html body main.whp-page .whp-hero-media figcaption strong{font-family:var(--serif); font-size:1.08rem; font-weight:500; line-height:1.35;}
html body main.whp-page .whp-hero-media figcaption span{color:var(--muted); font-size:.9rem; font-weight:600; line-height:1.4;}

/* ---- sections ---- */
html body main.whp-page .whp-section{padding:clamp(5rem,8.5vw,8rem) var(--whp-gutter);}
html body main.whp-page .whp-heading{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(300px,.55fr); gap:clamp(2rem,7vw,7rem);
  align-items:end; margin:0 0 clamp(3rem,5.5vw,4.8rem);}
html body main.whp-page .whp-heading > p{max-width:32rem; margin:0 0 .4rem; color:var(--muted); font-size:1.04rem; line-height:1.72;}
html body main.whp-page .whp-heading--top{align-items:start;}
html body main.whp-page .whp-heading--top > p{margin-top:2.2rem;}

/* The essentials: heading and her paragraph, then 01 to 03 in one ruled row */
html body main.whp-page .whp-essentials{background:var(--whp-cream);}
html body main.whp-page .whp-essentials-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid rgba(91,64,95,.16); border-bottom:1px solid rgba(91,64,95,.16);}
html body main.whp-page .whp-essentials-grid article{padding:clamp(1.7rem,3vw,2.6rem); border-right:1px solid rgba(91,64,95,.16);}
html body main.whp-page .whp-essentials-grid article:last-child{border-right:0;}
html body main.whp-page .whp-no{display:block; color:var(--bronze); font-size:.76rem; font-weight:700; letter-spacing:.15em; line-height:1.4;}
html body main.whp-page .whp-essentials-grid h3{margin:.7rem 0 .75rem; font-size:clamp(1.4rem,1.8vw,1.6rem); line-height:1.2;}
html body main.whp-page .whp-essentials-grid p{margin:0; color:var(--muted); font-size:1rem; line-height:1.65;}

/* 01 Pregnancy / 02 Postpartum recovery: the large faint number, her copy, the care focus note */
html body main.whp-page .whp-stage{position:relative; display:grid; grid-template-columns:minmax(120px,.35fr) minmax(0,1fr) minmax(250px,.5fr);
  gap:clamp(2rem,6vw,6rem); align-items:center; overflow:hidden;}
html body main.whp-page .whp-stage--pregnancy{background:var(--whp-paper);}
html body main.whp-page .whp-stage--postpartum{background:linear-gradient(135deg, #faf6fb 0%, #f0e7f4 55%, #e6daec 100%);}
html body main.whp-page .whp-stage-no{color:rgba(91,64,95,.12); font-family:var(--serif); font-size:clamp(7rem,13vw,13rem); line-height:.8; letter-spacing:-.04em;}
html body main.whp-page .whp-stage-copy{max-width:700px;}
html body main.whp-page .whp-stage-copy h2{margin-bottom:1.5rem;}
html body main.whp-page .whp-stage-copy p{margin:0 0 1.2rem; color:var(--muted); font-size:1.02rem; line-height:1.72;}
html body main.whp-page .whp-stage-copy p:last-child{margin-bottom:0;}
html body main.whp-page .whp-stage-copy .whp-stage-lead{color:var(--ink); font-family:var(--serif); font-size:clamp(1.2rem,1.7vw,1.5rem); font-weight:400; line-height:1.5;}
html body main.whp-page .whp-note{max-width:330px; padding:1.5rem 0 1.5rem 1.4rem; border-left:2px solid var(--bronze-soft);}
html body main.whp-page .whp-note span{display:block; color:var(--bronze); font-size:.76rem; font-weight:700; letter-spacing:.15em; line-height:1.4; text-transform:uppercase;}
html body main.whp-page .whp-note p{margin:.6rem 0 0; color:var(--plum); font-family:var(--serif); font-size:1.12rem; font-weight:400; line-height:1.5;}
/* the lavender band: a deeper bronze keeps the small labels at 4.5:1 or better */
html body main.whp-page .whp-stage--postpartum :is(.eyebrow, .whp-note span){color:#76502f;}

/* Our approach: the plum band, intro then 01 to 04 in one ruled row */
html body main.whp-page .whp-approach{color:var(--whp-band-ink); background:linear-gradient(135deg, var(--whp-band-a) 0%, var(--whp-band-b) 55%, var(--whp-band-c) 100%);}
html body main.whp-page .whp-approach .eyebrow{color:var(--whp-band-accent);}
html body main.whp-page .whp-approach :is(h2, h3){color:#fff;}
html body main.whp-page .whp-approach-intro{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.7fr); column-gap:clamp(2rem,6vw,5rem); align-items:end;
  margin:0 0 clamp(3rem,5vw,4rem);}
html body main.whp-page .whp-approach-intro :is(.eyebrow, h2){grid-column:1;}
html body main.whp-page .whp-approach-intro > p:last-child{grid-column:2; grid-row:1 / 3; align-self:end; max-width:30rem; margin:0 0 .5rem;
  color:var(--whp-band-quiet); font-size:1.04rem; line-height:1.72;}
html body main.whp-page .whp-path{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; padding:0; list-style:none;
  border-top:1px solid rgba(255,255,255,.22); border-bottom:1px solid rgba(255,255,255,.22);}
html body main.whp-page .whp-path li{display:grid; grid-template-columns:auto minmax(0,1fr); gap:1rem; margin:0; padding:2rem 1.4rem;
  border-right:1px solid rgba(255,255,255,.18);}
html body main.whp-page .whp-path li:last-child{border-right:0;}
html body main.whp-page .whp-path li > span{padding-top:.45rem; color:var(--whp-band-accent); font-size:.76rem; font-weight:700; letter-spacing:.14em; line-height:1.4;}
html body main.whp-page .whp-path h3{margin:0 0 .5rem; font-size:clamp(1.35rem,1.7vw,1.5rem); line-height:1.25;}
html body main.whp-page .whp-path p{margin:0; color:var(--whp-band-quiet); font-size:.97rem; line-height:1.62;}

/* Meet Our Specialists: three cards, portrait on top, role and name below */
html body main.whp-page .whp-specialists{background:var(--whp-cream);}
html body main.whp-page .whp-team{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(1.2rem,2.5vw,2.2rem); margin:0; padding:0; list-style:none;}
html body main.whp-page .whp-card{margin:0; overflow:hidden; background:var(--whp-paper); border:1px solid var(--line); border-radius:16px;
  box-shadow:0 16px 40px rgba(70,52,72,.08);}
html body main.whp-page .whp-portrait{margin:0; aspect-ratio:4 / 5; overflow:hidden; background:#ede8e3;}
html body main.whp-page .whp-portrait img{width:100%; height:100%; object-fit:cover; object-position:50% 30%;}
html body main.whp-page .whp-card-copy{min-height:170px; padding:1.6rem clamp(1.2rem,2.2vw,2rem) 1.8rem;}
html body main.whp-page .whp-role{margin:0; color:var(--bronze); font-size:.76rem; font-weight:700; letter-spacing:.12em; line-height:1.5; text-transform:uppercase;}
html body main.whp-page .whp-card-copy h3{margin:.6rem 0 0; font-size:clamp(1.55rem,2.1vw,2rem); line-height:1.18;}

/* ---- Begin with a conversation: the plum band, with the packages-and-prices notice ---- */
html body main.whp-page .whp-consult{padding:clamp(5rem,9vw,8rem) 1.5rem clamp(4rem,7vw,6rem); color:var(--whp-band-ink); text-align:center;
  background:linear-gradient(135deg, var(--whp-band-a) 0%, var(--whp-band-b) 56%, var(--whp-band-c) 100%);}
html body main.whp-page .whp-consult .eyebrow{color:var(--whp-band-accent);}
html body main.whp-page .whp-consult h2{max-width:900px; margin:0 auto; color:#fff; font-size:clamp(2.3rem,3.8vw,3.6rem);}
html body main.whp-page .whp-consult > p:not(.eyebrow){max-width:720px; margin:1.5rem auto 2.1rem; color:var(--whp-band-quiet); font-size:1.08rem; line-height:1.7;}
html body main.whp-page .whp-consult .hero-actions{flex-wrap:wrap; gap:1rem 1.8rem; margin-top:0;}
html body main.whp-page .whp-button--light{color:var(--plum-deep); background:var(--whp-cream); border-color:var(--whp-cream); box-shadow:0 10px 24px rgba(30,18,34,.22);}
html body main.whp-page .whp-button--light:hover, html body main.whp-page .whp-button--light:focus-visible{color:var(--plum-deep); background:#fff; border-color:#fff;}
html body main.whp-page .whp-link--light{color:#fff; text-decoration-color:rgba(255,255,255,.6);}
html body main.whp-page .whp-link--light:hover, html body main.whp-page .whp-link--light:focus-visible{color:var(--whp-band-accent);}
html body main.whp-page .whp-consult > aside.bmb-promo-pause{margin-top:clamp(2.6rem,4vw,3.4rem) !important; margin-bottom:0 !important;}

/* ---- clinic contact strip, above the site footer (the site's address, hours and contacts) ---- */
html body main.whp-page .lc-contact-strip{align-items:center; padding-left:var(--whp-gutter); padding-right:var(--whp-gutter);
  background:#f2edf3; border-top:1px solid var(--line); color:#6b626c;}
html body main.whp-page .lc-contact-strip strong{font-size:.95rem;}
html body main.whp-page .lc-contact-strip div:last-child{justify-items:end; text-align:right;}
html body main.whp-page .lc-contact-strip a{color:#5f5660; text-decoration:underline; text-decoration-color:rgba(91,64,95,.35); text-underline-offset:.25em;}
html body main.whp-page .lc-contact-strip a:hover, html body main.whp-page .lc-contact-strip a:focus-visible{color:var(--plum);}

/* ---- phone booking bar (hidden on wider screens) ---- */
html body main.whp-page .whp-mobile-bar{display:none;}

@media (max-width:1180px){
  /* her four section links and the button need about 1180px beside the lockup; below that the bar keeps the lockup and button */
  html body main.whp-page .lc-subnav{display:none;}
  html body main.whp-page .lc-subhead-cta{margin-left:auto;}
}
@media (max-width:1060px){
  html body main.whp-page{--whp-gutter:5vw;}
  html body main.whp-page .whp-hero{grid-template-columns:minmax(0,1fr) 44%; min-height:620px;}
  html body main.whp-page .whp-hero-copy{padding-right:4vw;}
  html body main.whp-page .whp-heading{grid-template-columns:minmax(0,1fr) minmax(260px,.7fr); gap:3rem;}
  html body main.whp-page .whp-stage{grid-template-columns:110px minmax(0,1fr); row-gap:2rem;}
  html body main.whp-page .whp-note{grid-column:2;}
  html body main.whp-page .whp-path{grid-template-columns:repeat(2,minmax(0,1fr));}
  html body main.whp-page .whp-path li:nth-child(2){border-right:0;}
  html body main.whp-page .whp-path li:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.18);}
}
@media (max-width:900px){
  html body main.whp-page .whp-heading, html body main.whp-page .whp-approach-intro{grid-template-columns:1fr; gap:1.4rem;}
  html body main.whp-page .whp-heading--top > p{margin-top:0;}
  html body main.whp-page .whp-approach-intro > p:last-child{grid-column:1; grid-row:auto; margin-top:1.2rem;}
  html body main.whp-page .whp-essentials-grid{grid-template-columns:1fr;}
  html body main.whp-page .whp-essentials-grid article{border-right:0; border-bottom:1px solid rgba(91,64,95,.16); padding-left:0; padding-right:0;}
  html body main.whp-page .whp-essentials-grid article:last-child{border-bottom:0;}
}
@media (max-width:760px){
  html body main.whp-page .lc-subhead{gap:1rem; min-height:64px; padding:.5rem 1rem;}
  html body main.whp-page .lc-lockup-copy strong{font-size:1rem;}
  html body main.whp-page .lc-subhead-cta{display:none;}
  html body main.whp-page :is(#top, #essentials, #pregnancy, #postpartum, #approach, #specialists, #book){scroll-margin-top:88px;}
  html body main.whp-page{--whp-gutter:1.35rem;}

  html body main.whp-page .whp-hero{grid-template-columns:1fr; min-height:0;}
  html body main.whp-page .whp-hero-copy{padding:3.6rem 1.35rem 3.2rem;}
  html body main.whp-page h1.whp-h1{font-size:clamp(2.7rem,12.5vw,3.6rem);}
  html body main.whp-page .whp-hero .hero-actions{flex-direction:column; align-items:stretch; gap:.6rem;}
  html body main.whp-page .whp-hero .hero-actions .whp-link{justify-content:center;}
  html body main.whp-page .whp-hero-media{min-height:0; aspect-ratio:4 / 5;}
  html body main.whp-page .whp-hero-media img{object-position:50% 22%;}
  html body main.whp-page .whp-hero-media figcaption{left:1rem; bottom:1rem; max-width:calc(100% - 2rem);}
  html body main.whp-page .whp-section{padding-top:4.5rem; padding-bottom:4.5rem;}
  html body main.whp-page h2{font-size:clamp(2.1rem,9vw,2.7rem);}
  html body main.whp-page .whp-heading{margin-bottom:2.4rem;}
  html body main.whp-page .whp-stage{grid-template-columns:1fr; gap:1.4rem;}
  html body main.whp-page .whp-stage-no{font-size:5.5rem;}
  html body main.whp-page .whp-note{grid-column:1;}
  html body main.whp-page .whp-path{grid-template-columns:1fr;}
  html body main.whp-page .whp-path li{border-right:0; border-bottom:1px solid rgba(255,255,255,.18); padding:1.6rem 0;}
  html body main.whp-page .whp-path li:last-child{border-bottom:0;}
  html body main.whp-page .whp-team{grid-template-columns:1fr; max-width:440px; margin:0 auto;}
  html body main.whp-page .whp-card-copy{min-height:0;}
  html body main.whp-page .whp-consult{padding:4.5rem 1.35rem 3.5rem;}
  html body main.whp-page .whp-consult h2{font-size:clamp(2.1rem,9vw,2.7rem);}
  html body main.whp-page .whp-consult .hero-actions{flex-direction:column; align-items:center; gap:.6rem;}

  html body main.whp-page .lc-contact-strip{flex-direction:column; align-items:flex-start; gap:1rem;}
  html body main.whp-page .lc-contact-strip div:last-child{justify-items:start; text-align:left;}
  html body main.whp-page .lc-contact-strip a{display:inline-block; padding-top:.65rem; padding-bottom:.65rem;}

  /* fixed booking bar (WhatsApp booking, and a call as the second way in); it replaces the round WhatsApp button on this page */
  html body main.whp-page .whp-mobile-bar{position:fixed; z-index:40; left:.8rem; right:.8rem; bottom:calc(.8rem + env(safe-area-inset-bottom, 0px));
    display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.5rem;}
  html body main.whp-page .whp-mobile-bar a{display:grid; place-items:center; min-height:50px; padding:.5rem 1rem; border-radius:8px;
    font-size:.95rem; font-weight:700; text-decoration:none; box-shadow:0 12px 32px rgba(64,47,67,.22);}
  html body main.whp-page .whp-mobile-book{color:#fff; background:var(--plum); border:1px solid rgba(255,255,255,.4);}
  html body main.whp-page .whp-mobile-book:hover, html body main.whp-page .whp-mobile-book:focus-visible{color:#fff; background:var(--plum-deep);}
  html body main.whp-page .whp-mobile-call{color:var(--plum); background:#fff; border:1px solid rgba(91,64,95,.35);}
  html body main.whp-page .whp-mobile-call:hover, html body main.whp-page .whp-mobile-call:focus-visible{color:var(--plum-deep); background:#f7f2fa;}
  body.mobile-nav-open main.whp-page .whp-mobile-bar{display:none;}
  body:has(main.whp-page .whp-mobile-bar) .bmb-wa-fab{display:none !important;}
  /* keep the footer's last line clear of the bar */
  html body:has(main.whp-page) .site-footer > p.copyright:last-child{padding-bottom:calc(1rem + 70px + env(safe-area-inset-bottom, 0px)) !important;}
}
@media (prefers-reduced-motion:reduce){
  html body main.whp-page .whp-link span{transition:none;}
}