/* Skinbeauty & Aura — hospitality look modelled on Dorchester Collection's system.
   One light sans (Poppins 300) for everything, black on white, a faint mauve tint for panels,
   violet only where Dorchester uses gold (labels, Book button, primary pill, a few links).
   Scoped to html.sba-dc. */
html.sba-dc{--d-v:#7B0674;--d-vd:#5E0459;--d-ink:#000;--d-txt:rgba(0,0,0,.75);--d-mute:rgba(0,0,0,.5);--d-tint:#F8F4F7;--d-line:rgba(0,0,0,.1);--d-g:max(2.8vw,20px)}
html.sba-dc body{background:#fff;color:var(--d-ink);font-family:Poppins,sans-serif;font-weight:300}
html.sba-dc p{font-family:Poppins,sans-serif;font-weight:300;color:var(--d-txt);font-size:15px;line-height:1.55;letter-spacing:-.01em}

/* Type: light sans, no capitals, no italics */
html.sba-dc h1,html.sba-dc h2,html.sba-dc h3,html.sba-dc .ca-heading,html.sba-dc .sba-services-heading,html.sba-dc .sba-appointment-title{
  font-family:Poppins,sans-serif !important;font-weight:300 !important;font-style:normal !important;text-transform:none !important;
  letter-spacing:-.02em !important;color:var(--d-ink) !important;line-height:1.15 !important}
html.sba-dc h2,html.sba-dc .ca-heading{font-size:clamp(26px,2.3vw,34px) !important}
html.sba-dc h1 em,html.sba-dc h2 em,html.sba-dc h1 i,html.sba-dc h2 i{font-style:normal !important;color:inherit !important;font-family:inherit !important;font-weight:inherit !important}
html.sba-dc .mh-overline,html.sba-dc .ca-eyebrow,html.sba-dc .native-eyebrow,html.sba-dc .sba-services-eyebrow{
  font-family:Poppins,sans-serif !important;font-weight:400 !important;font-size:12px !important;letter-spacing:.06em !important;
  text-transform:uppercase;color:var(--d-v) !important;margin:0 0 14px !important;display:block}
html.sba-dc .mh-overline br{display:none}

/* Header */
html.sba-dc .announcement{background:var(--d-tint) !important;color:var(--d-txt) !important;font-size:11px;letter-spacing:.06em;padding:8px}
html.sba-dc .site-header{background:#fff !important;border-bottom:1px solid var(--d-line) !important;box-shadow:none !important}
html.sba-dc .site-header .logo img.sba-desktop-mark{content:url(/website-final/assets/sba-submark.png);width:36px;height:36px;border-radius:50%}
html.sba-dc .site-header .logo .sba-desktop-brand{display:inline-block;font-size:0 !important;color:transparent;width:200px;height:14px;
  background:url(/website-final/assets/sba-wordmark-violet.png) left center/contain no-repeat;margin-left:4px}
html.sba-dc #primary-navigation a{font-family:Poppins,sans-serif;font-weight:400;font-size:11px !important;letter-spacing:.08em !important;text-transform:uppercase;color:var(--d-ink) !important;padding:4px 0;border:0 !important}
html.sba-dc #primary-navigation a.is-active,html.sba-dc #primary-navigation a[aria-current]{color:var(--d-v) !important}
html.sba-dc #primary-navigation{border-top:1px solid var(--d-line)}
html.sba-dc .sba-book-cta{display:inline-flex;align-items:center;height:36px;padding:0 20px;border-radius:999px;background:var(--d-v);color:#fff !important;
  font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:400;margin-left:14px;white-space:nowrap}

/* Buttons: one rounded violet pill; everything else is a small-capitals link with a round arrow */
html.sba-dc .mh-btn,html.sba-dc .ca-button,html.sba-dc .sba-availability button,html.sba-dc .sba-services-primary{
  border-radius:999px !important;background:var(--d-v) !important;color:#fff !important;border:0 !important;
  font-family:Poppins,sans-serif !important;font-weight:400 !important;font-size:12px !important;letter-spacing:.06em !important;
  text-transform:uppercase !important;padding:15px 30px !important;box-shadow:none !important}
html.sba-dc .mh-btn:hover,html.sba-dc .ca-button:hover{background:var(--d-vd) !important}
html.sba-dc .mh-btn.mh-outline,html.sba-dc .sba-shop-secondary,html.sba-dc .sba-services-hero-link,
html.sba-dc .mh-section-head>a,html.sba-dc .ca-section-top>a,html.sba-dc .mh-service span,html.sba-dc .mh-category span{
  background:none !important;border:0 !important;border-radius:0 !important;padding:0 !important;box-shadow:none !important;
  display:inline-flex !important;align-items:center;gap:14px;font-family:Poppins,sans-serif !important;font-weight:300 !important;
  font-size:12px !important;letter-spacing:.03em !important;text-transform:uppercase !important;color:var(--d-ink) !important;text-decoration:none !important;white-space:nowrap}
html.sba-dc .mh-btn.mh-outline::after,html.sba-dc .sba-shop-secondary::after,html.sba-dc .sba-services-hero-link::after,
html.sba-dc .mh-section-head>a::after,html.sba-dc .ca-section-top>a::after,html.sba-dc .mh-service span::after,html.sba-dc .mh-category span::after{
  content:"→";display:inline-flex;align-items:center;justify-content:center;width:38px;height:30px;border:1px solid currentColor;border-radius:999px;font-size:13px;opacity:.85}

/* Carousel arrows: round */
html.sba-dc .sba-carousel-buttons button,html.sba-dc .sba-shop-carousel-buttons button{border-radius:999px !important;width:42px !important;height:42px !important;
  border:1px solid var(--d-line) !important;background:#fff !important;color:var(--d-ink) !important;box-shadow:none !important}

/* Sections */
html.sba-dc .mh-panel,html.sba-dc .mh-values,html.sba-dc .mh-testimonials{background:#fff !important;padding-top:clamp(56px,6vw,88px) !important;padding-bottom:0 !important}
html.sba-dc .mh-section-head,html.sba-dc .ca-section-top{align-items:flex-end !important;margin-bottom:32px !important;border:0 !important;padding:0 !important}
html.sba-dc .mh-section-head p{margin-top:12px;max-width:520px}

/* HERO: full-screen picture, white words on it, booking bar floating at the bottom */
html.sba-dc .sba-slider{height:calc(100vh - 110px) !important;min-height:560px !important;max-height:900px;overflow:hidden;position:relative}
html.sba-dc .sba-slide,html.sba-dc .sba-slide img{height:100% !important}
html.sba-dc .sba-slide img{width:100%;object-fit:cover}
html.sba-dc .sba-slide-shade{display:block !important;opacity:1 !important;background:linear-gradient(0deg,rgba(20,10,14,.62) 0%,rgba(20,10,14,.3) 40%,rgba(20,10,14,0) 72%) !important}
html.sba-dc .sba-slide-copy{position:absolute !important;left:calc(var(--d-g) + 4vw) !important;right:auto !important;bottom:180px !important;top:auto !important;transform:none !important;
  width:min(760px,70%) !important;max-width:none !important;margin:0 !important;padding:0 !important;background:none !important;text-align:left !important}
html.sba-dc .sba-slide-copy .mh-overline{color:#fff !important}
html.sba-dc .sba-slide-copy h1{color:#fff !important;font-size:clamp(36px,3.4vw,52px) !important;margin:0 0 14px !important}
html.sba-dc .sba-slide-copy p{color:rgba(255,255,255,.9) !important;font-size:16px;max-width:480px;margin:0 0 26px}
html.sba-dc .sba-slide-copy .mh-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
html.sba-dc .sba-slide-copy .mh-btn.mh-outline{color:#fff !important}
html.sba-dc .sba-slide-controls{left:auto !important;right:calc(var(--d-g) + 4vw) !important;bottom:190px !important;transform:none !important;gap:10px}
html.sba-dc .sba-slide-controls>button{width:40px !important;height:40px !important;border-radius:999px !important;border:1px solid rgba(255,255,255,.7) !important;background:none !important;color:#fff !important}
html.sba-dc .sba-slide-dots{display:none !important}
html.sba-dc .sba-availability{position:relative;z-index:5;margin:-130px auto 0 !important;padding:0 calc(var(--d-g) + 4vw) !important;max-width:none}
html.sba-dc .sba-availability form{background:#fff !important;border-radius:6px !important;border:0 !important;box-shadow:0 2px 24px rgba(0,0,0,.08) !important;padding:14px 14px 14px 26px !important;gap:20px;align-items:center !important}
html.sba-dc .sba-availability label{font-size:0 !important;color:transparent}
html.sba-dc .sba-availability select{font-size:14px !important;border:0 !important;border-right:1px solid var(--d-line) !important;border-radius:0 !important;background-color:#fff;color:var(--d-ink);padding:10px 12px 10px 0 !important}
html.sba-dc .sba-availability>p{text-align:left !important;color:var(--d-mute);font-size:12px;margin:12px 4px 0}

/* "Why choose": Dorchester's two-column intro, then four quiet lines */
html.sba-dc .mh-values-heading{display:grid !important;grid-template-columns:1fr 1fr;gap:6vw;align-items:start}
html.sba-dc .mh-values-heading p{margin:0;font-size:16px}
html.sba-dc .mh-value-grid{margin-top:48px !important;gap:24px !important;border:0}
html.sba-dc .mh-value-grid>div{background:var(--d-tint) !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:28px !important;text-align:left !important;align-items:flex-start !important}
html.sba-dc .mh-value-grid i{display:none !important}
html.sba-dc .mh-value-grid strong{font-weight:400;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--d-v);display:block;margin-bottom:10px}
html.sba-dc .mh-value-grid small,html.sba-dc .mh-value-grid span{font-size:15px;color:var(--d-txt)}
html.sba-dc .mh-values::before,html.sba-dc .mh-values::after{display:none !important}

/* Cards (services, categories, products): photo on top, tinted panel under it */
html.sba-dc .mh-service,html.sba-dc .mh-category,html.sba-dc .mh-product,html.sba-dc .ca-tile,html.sba-dc .sba-services-discover-card{
  border:0 !important;border-radius:0 !important;box-shadow:none !important;background:var(--d-tint) !important;padding:0 !important;overflow:hidden}
html.sba-dc .mh-service img{aspect-ratio:4/3;height:auto !important;width:100%;object-fit:cover;border-radius:0 !important;-webkit-mask-image:none !important;mask-image:none !important}
html.sba-dc .mh-service::after,html.sba-dc .mh-service>*::after{background:none !important}
html.sba-dc .mh-service>div{padding:24px 24px 28px !important}
html.sba-dc .mh-service strong{font-weight:300 !important;font-size:20px !important;letter-spacing:-.02em;color:var(--d-ink) !important;display:block;margin-bottom:10px}
html.sba-dc .mh-service p{font-size:14px;margin-bottom:22px}
html.sba-dc .mh-category img{aspect-ratio:1/1;height:auto !important;object-fit:contain;background:#fff !important;padding:12%;border-radius:0 !important}
html.sba-dc .mh-category{display:flex !important;flex-direction:column}
html.sba-dc .mh-category strong{font-weight:300;font-size:18px;letter-spacing:-.02em;color:var(--d-ink);padding:18px 20px 6px}
html.sba-dc .mh-category span{padding:0 20px 20px !important;color:var(--d-mute) !important}
html.sba-dc .mh-category span::after{display:none !important}
html.sba-dc .mh-product-image{background:#fff !important;border-radius:0 !important;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:12% !important;height:auto !important}
html.sba-dc .mh-product-body{padding:18px 20px 22px !important}
html.sba-dc .mh-product strong{font-weight:300 !important;font-size:15px !important;color:var(--d-ink) !important;line-height:1.45}
html.sba-dc .mh-product b{font-weight:400;color:var(--d-ink)}
html.sba-dc .mh-product .button,html.sba-dc .mh-product button{width:100%;border-radius:999px !important;background:transparent !important;color:var(--d-ink) !important;
  border:1px solid rgba(0,0,0,.35) !important;font-size:11px !important;letter-spacing:.06em !important;text-transform:uppercase;padding:11px !important;margin-top:12px;font-weight:400 !important}
html.sba-dc .mh-product .button:hover,html.sba-dc .mh-product button:hover{background:var(--d-v) !important;border-color:var(--d-v) !important;color:#fff !important}

/* Tabs */
html.sba-dc .mh-tabs button,html.sba-dc .sba-shop-switch button,html.sba-dc .sba-shop-switch a{border-radius:999px !important;background:none !important;border:1px solid var(--d-line) !important;
  box-shadow:none !important;color:var(--d-ink) !important;padding:8px 16px !important;font-size:11px !important;letter-spacing:.06em;text-transform:uppercase;font-weight:400}
html.sba-dc .mh-tabs .is-active,html.sba-dc .mh-tabs .active,html.sba-dc .mh-tabs [aria-selected="true"],html.sba-dc .sba-shop-switch .is-active,html.sba-dc .sba-shop-switch .active,html.sba-dc .sba-shop-switch [aria-selected="true"]{
  background:var(--d-ink) !important;color:#fff !important;border-color:var(--d-ink) !important}

/* Photo bands: full-width picture with a small tinted card floating on it */
html.sba-dc .sba-editorial-overlay{position:relative !important;overflow:hidden;min-height:min(78vh,680px);margin:clamp(56px,6vw,88px) var(--d-g) 0 !important;padding:0 !important;display:block !important}
html.sba-dc .sba-editorial-overlay::before,html.sba-dc .sba-editorial-overlay::after{display:none !important}
html.sba-dc .sba-editorial-overlay>img{position:absolute !important;inset:0;width:100% !important;height:100% !important;object-fit:cover;max-width:none !important;margin:0 !important;border-radius:0 !important}
html.sba-dc .sba-editorial-overlay>div:not(.mh-consult-features){position:absolute !important;left:40px !important;bottom:40px !important;top:auto !important;right:auto !important;transform:none !important;
  width:min(400px,80%) !important;max-width:none !important;margin:0 !important;background:var(--d-tint) !important;padding:32px !important;border-radius:0 !important;color:var(--d-ink) !important}
html.sba-dc .sba-editorial-overlay h2{font-size:24px !important;margin:0 0 12px !important}
html.sba-dc .sba-editorial-overlay p{font-size:14px;margin:0 0 24px;color:var(--d-txt) !important}
html.sba-dc .mh-experience .mh-overline{font-size:24px !important;letter-spacing:-.02em !important;text-transform:none !important;color:var(--d-ink) !important;font-weight:300 !important;line-height:1.2;margin-bottom:12px !important}
html.sba-dc .sba-editorial-overlay .mh-btn{padding:13px 24px !important}
html.sba-dc .mh-consult-features{display:none !important}
html.sba-dc .mh-experience{margin-top:24px !important}

/* Reviews */
html.sba-dc .sba-review-status{border-radius:0 !important;box-shadow:none !important;background:var(--d-tint) !important;border:0 !important}

/* Footer: tinted, black text, like theirs */
html.sba-dc .sba-footer,html.sba-dc .claude-footer{background:var(--d-tint) !important;color:var(--d-ink) !important;margin-top:clamp(56px,6vw,88px) !important}
html.sba-dc .sba-footer a,html.sba-dc .sba-footer p,html.sba-dc .sba-footer li{color:var(--d-ink) !important;font-weight:300 !important}
html.sba-dc .sba-footer summary,html.sba-dc .sba-footer h3,html.sba-dc .sba-footer h4,html.sba-dc .sba-footer strong{color:var(--d-mute) !important;font-weight:300 !important;font-size:14px;letter-spacing:0;text-transform:none}
html.sba-dc .sba-footer-identity img{content:url(/website-final/assets/sba-initials-purple.svg)}
html.sba-dc .sba-footer-bottom{border-top:1px solid var(--d-line) !important}
html.sba-dc .sba-footer-bottom *{color:var(--d-mute) !important;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
html.sba-dc .sba-footer-social a{border-color:var(--d-line) !important;color:var(--d-ink) !important}

/* Shop & services heroes: same treatment */
html.sba-dc .sba-shop-hero,html.sba-dc .sba-shop-hero-track{min-height:min(72vh,700px) !important}
html.sba-dc .sba-shop-hero-slide::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,rgba(0,0,0,.42),rgba(0,0,0,0) 65%)}
html.sba-dc .sba-shop-hero-copy{position:absolute !important;z-index:1;left:calc(var(--d-g) + 4vw) !important;bottom:80px !important;top:auto !important;transform:none !important;width:min(720px,70%) !important;max-width:none !important;margin:0 !important;padding:0 !important;background:none !important}
html.sba-dc .sba-shop-hero-copy *{color:#fff !important;text-shadow:none !important}
html.sba-dc .sba-shop-hero-copy h1,html.sba-dc .sba-shop-hero-copy h2{font-size:clamp(34px,3.2vw,50px) !important}
html.sba-dc .sba-shop-hero-controls{left:auto !important;right:calc(var(--d-g) + 4vw) !important;bottom:80px !important;transform:none !important}
html.sba-dc .sba-services-hero{position:relative;min-height:min(72vh,700px) !important;padding:0 !important;display:block !important}
html.sba-dc .sba-services-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.45),rgba(0,0,0,0) 65%) !important}
html.sba-dc .sba-services-hero-inner{position:absolute !important;z-index:2;left:calc(var(--d-g) + 4vw);bottom:80px;width:min(720px,70%) !important;max-width:none !important;margin:0 !important;padding:0 !important;background:none !important}
html.sba-dc .sba-services-hero-inner *{color:#fff !important;text-shadow:none !important}
html.sba-dc .sba-services-hero-inner h1{font-size:clamp(34px,3.2vw,50px) !important}
html.sba-dc .sba-services-hero-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
html.sba-dc .sba-services-highlights,html.sba-dc .ca-promise,html.sba-dc .ca-promise *{background:#fff !important}
html.sba-dc .sba-shop-gift-banner{background:var(--d-tint) !important;border-radius:0 !important}
html.sba-dc .sba-shop-gift-visual{background:var(--d-v) !important;border-radius:0 !important}

@media (max-width:760px){
  html.sba-dc .site-header .logo .sba-desktop-brand,html.sba-dc .sba-book-cta{display:none}
  html.sba-dc .sba-slider{height:78vh !important;min-height:520px !important}
  html.sba-dc .sba-slide-copy,html.sba-dc .sba-shop-hero-copy,html.sba-dc .sba-services-hero-inner{left:20px !important;right:20px !important;width:auto !important;bottom:56px !important}
  html.sba-dc .sba-slide-copy h1{font-size:32px !important}
  html.sba-dc .sba-slide-controls{display:none !important}
  html.sba-dc .sba-availability{margin-top:0 !important;padding:20px !important}
  html.sba-dc .sba-availability form{box-shadow:none !important;border:1px solid var(--d-line) !important;padding:16px !important}
  html.sba-dc .sba-availability select{border-right:0 !important;border-bottom:1px solid var(--d-line) !important}
  html.sba-dc .mh-values-heading{grid-template-columns:1fr;gap:16px}
  html.sba-dc .mh-value-grid{grid-template-columns:1fr !important;gap:12px !important}
  html.sba-dc .sba-editorial-overlay{min-height:0;margin:48px 0 0 !important;display:flex !important;flex-direction:column}
  html.sba-dc .sba-editorial-overlay>img{position:relative !important;height:300px !important}
  html.sba-dc .sba-editorial-overlay>div:not(.mh-consult-features){position:relative !important;left:0 !important;bottom:0 !important;width:auto !important}
}
html.sba-dc .sba-slide-copy>*{opacity:1 !important;transform:none !important}
html.sba-dc .sba-availability select,html.sba-dc .sba-availability option{font-weight:300 !important;font-family:Poppins,sans-serif !important}
html.sba-dc .ca-tile strong,html.sba-dc .ca-tile h3,html.sba-dc .sba-shop-tile-body strong{font-weight:300 !important;font-size:18px !important;letter-spacing:-.02em;color:var(--d-ink) !important}
html.sba-dc .ca-tile small,html.sba-dc .ca-tile p,html.sba-dc .sba-shop-tile-body small{font-weight:300 !important}
html.sba-dc .sba-shop-round-arrow{border-radius:999px !important;border:1px solid var(--d-line) !important;background:none !important}
/* Phone: lists and grids become one swipeable row instead of a long scroll */
@media (max-width:760px){
  html.sba-dc .mh-value-grid,html.sba-dc .mh-service-grid,html.sba-dc .mh-category-grid,html.sba-dc .mh-product-grid,
  html.sba-dc .sba-shop-carousel-track,html.sba-dc .sba-services-discover-grid,html.sba-dc .sba-services-journey-grid,
  html.sba-dc .sba-services-highlights,html.sba-dc .ca-promise,html.sba-dc .sba-gift-design-grid,html.sba-dc .sba-wellness-track,
  html.sba-dc .mh-tabs,html.sba-dc .sba-shop-switch{
    display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    gap:12px !important;padding:0 20px 8px !important;margin-left:-20px !important;margin-right:-20px !important;scrollbar-width:none;grid-template-columns:none !important}
  html.sba-dc .mh-value-grid::-webkit-scrollbar,html.sba-dc .mh-service-grid::-webkit-scrollbar,html.sba-dc .mh-category-grid::-webkit-scrollbar,html.sba-dc .mh-product-grid::-webkit-scrollbar,html.sba-dc .sba-shop-carousel-track::-webkit-scrollbar{display:none}
  html.sba-dc .mh-value-grid>*,html.sba-dc .mh-service-grid>*,html.sba-dc .sba-services-discover-grid>*,html.sba-dc .sba-services-journey-grid>*,html.sba-dc .sba-gift-design-grid>*{flex:0 0 78% !important;max-width:78% !important;scroll-snap-align:start}
  html.sba-dc .mh-category-grid>*,html.sba-dc .mh-product-grid>*,html.sba-dc .sba-shop-carousel-track>*{flex:0 0 46% !important;max-width:46% !important;scroll-snap-align:start}
  html.sba-dc .sba-services-highlights>*,html.sba-dc .ca-promise>*{flex:0 0 70% !important;scroll-snap-align:start}
  html.sba-dc .mh-tabs>*,html.sba-dc .sba-shop-switch>*{flex:0 0 auto !important}
  html.sba-dc .sba-carousel-buttons,html.sba-dc .sba-shop-carousel-buttons{display:none !important}
  /* booking: treatment category chips in one swipe row */
  html.sba-dc .sba-anniversary-booking-flow [class*=chip],html.sba-dc .sba-anniversary-booking-flow [class*=filters]{flex-wrap:nowrap !important;overflow-x:auto !important}
}
