/* WBL service-picker (original). Rows: name + duration left, price right, (+) toggle. Summary card on wide screens,
   sticky bar inside the picker on phones (it leaves when the picker scrolls away). */
.wbl-sp{--sp-a:var(--wbl-accent,#8E3B2E);--sp-on:var(--wbl-on-accent,#FBF7F1);position:relative;color:var(--wbl-ink,#211B17);display:grid;gap:24px;align-items:start}
.wbl-sp-cat{font:700 13px/1.2 inherit;letter-spacing:.06em;text-transform:uppercase;margin:22px 0 4px;color:var(--wbl-muted,#54493F)}
.wbl-sp-cat:first-child{margin-top:0}
.wbl-sp ul{list-style:none;margin:0;padding:0}
.wbl-sp-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 14px;padding:14px 0;border-bottom:1px solid var(--wbl-line,#D6CABA)}
html.wbl-js .wbl-sp-item{grid-template-columns:1fr auto 44px;cursor:pointer}
.wbl-sp-txt{min-width:0}
.wbl-sp-name{display:block;font-weight:600;font-size:17px;line-height:1.3}
.wbl-sp-meta{display:block;font-size:14.5px;color:var(--wbl-muted,#54493F);margin-top:2px}
.wbl-sp-pr{font:500 15px/1 ui-monospace,'SF Mono',Menlo,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}
.wbl-sp-add{display:none;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--wbl-ink,#211B17);background:transparent;color:inherit;cursor:pointer;position:relative;padding:0}
html.wbl-js .wbl-sp-add{display:block}
.wbl-sp-add::before,.wbl-sp-add::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;background:currentColor;border-radius:1px;transition:transform .2s ease}
.wbl-sp-add::after{transform:rotate(90deg)}
.wbl-sp-add[aria-pressed=true]{background:var(--sp-a);border-color:var(--sp-a);color:var(--sp-on)}
.wbl-sp-add[aria-pressed=true]::before{transform:translate(-3px,2px) rotate(45deg) scaleX(.5)}
.wbl-sp-add[aria-pressed=true]::after{transform:translate(2px,0) rotate(-45deg) scaleX(.9)}
.wbl-sp-item.is-on .wbl-sp-name{color:var(--sp-a)}
.wbl-sp-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.wbl-sp-sum{display:none}
.wbl-sp-bar{display:none}
html.wbl-js .wbl-sp-bar{display:flex;position:sticky;bottom:0;z-index:5;align-items:center;gap:12px;margin:0 -16px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--wbl-paper,#F4EFE7);border-top:1px solid var(--wbl-line,#D6CABA)}
.wbl-sp-bar-t{display:flex;flex-direction:column;min-width:0;flex:1}
.wbl-sp-bar-t b{font-size:19px;line-height:1.15;transform-origin:left center;display:inline-block;width:max-content}
.wbl-sp-bar-t span{font-size:13.5px;color:var(--wbl-muted,#54493F)}
.wbl-sp-book{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border-radius:var(--wbl-radius,6px);background:var(--sp-a);color:var(--sp-on);font-weight:700;text-decoration:none;white-space:nowrap}
@media (min-width:900px){
  .wbl-sp{grid-template-columns:minmax(0,1fr) 320px}
  html.wbl-js .wbl-sp-sum{display:block;position:sticky;top:24px;background:var(--wbl-card,#FBF8F3);border:1px solid var(--wbl-line,#D6CABA);border-radius:var(--wbl-radius,6px);padding:20px}
  html.wbl-js .wbl-sp-bar{display:none}
  .wbl-sp-sum h3{margin:0 0 10px;font-size:20px}
  .wbl-sp-sum ol{list-style:none;margin:0;padding:0}
  .wbl-sp-sum ol li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:15px;border-bottom:1px dashed var(--wbl-line,#D6CABA)}
  .wbl-sp-sum [data-sp-total]{font-weight:700;margin:12px 0 14px;font-variant-numeric:tabular-nums}
  .wbl-sp-sum .wbl-sp-book{width:100%}
}
@media (prefers-reduced-motion:reduce){.wbl-sp-add::before,.wbl-sp-add::after{transition:none}}
