/* Spa palette (Variant H) — shared site-wide theme. Sage #B2BDA3, Sand #EBDFCE, Pearl #F4E5D9, Peach #F8D3BB, Stone #978671 */
:root {
  --pal-primary:#B2BDA3; --pal-primary-2:#F8D3BB; --neutral-1:#EBDFCE; --neutral-2:#F4E5D9; --accent-ink:#5E5243;
  --bg:#F4E5D9; --bg-alt:#EBDFCE; --tint:#F8D3BB; --tint-2:#EBDFCE; --surface:#FFFFFF;
  --primary:#B2BDA3; --primary-2:#B2BDA3; --primary-dark:#5E5243; --primary-mid:#5E5243; --primary-deep:#978671;
  --accent:#5E5243; --accent-light:#F8D3BB; --heading:#4A4037; --text:#5E5243; --text-soft:#5E5243; --border:#EBDFCE;
  --border-green:rgba(178,189,163,0.30); --shadow:rgba(151,134,113,0.12); --footer:#978671;
  --fill-rgb:178,189,163; --dark-rgb:94,82,67; --deep-rgb:151,134,113;
  --on-primary:#4A4037; --hover-bg:#F8D3BB; --on-hover:#4A4037; --ink:#5E5243;
}
body { background: var(--bg); color: var(--text); }
.btn-primary, .offer-tag, .float-wa, .bp-cta, .bp-wa, .bp-pill, .bp-btn-solid, .bp-promo-tag, .bp-cart-count,
.filter-pill.active, .arrow-btn, .em-btn-wa, .why-icon, .em-step-no, .em-muscle-list li::before, .em-faq details[open] summary::after { background: var(--primary) !important; color: var(--on-primary) !important; }
.btn-primary:hover, .float-wa:hover, .bp-cta:hover, .bp-wa:hover, .bp-pill:hover, .bp-btn-solid:hover, .arrow-btn:hover, .em-btn-wa:hover { background: var(--hover-bg) !important; color: var(--on-hover) !important; }
.bp-wa svg, .float-wa svg { fill: currentColor !important; }
.bp-wa svg { fill: var(--on-primary) !important; }
.bp-wa:hover svg { fill: var(--on-hover) !important; }
.btn-primary, .em-btn-wa, .float-wa { box-shadow: 0 6px 18px rgba(var(--fill-rgb),0.35) !important; }
.btn-wa { background: #5E5243 !important; color: #F4E5D9 !important; border-color: #EBDFCE !important; }
.btn-wa:hover { background: #4A4037 !important; }
.em-btn-consult { background: #F4E5D9 !important; color: #4A4037 !important; border-color: #F4E5D9 !important; }
.offer-tag, .bp-promo-tag { background: #F8D3BB !important; color: #4A4037 !important; }
.slider-arrow:hover, .section-link:hover, .bp-offer-tile a:hover, .bp-nav-item.is-featured:hover { background: var(--primary) !important; color: var(--on-primary) !important; }
.bp-nav-item.is-featured:hover::before { background: var(--on-primary) !important; box-shadow: none !important; }
.bp-price, .bp-promo-price strong, .bp-cart-meta b, .bp-col-title .bp-col-en, .bp-all:hover { color: var(--ink) !important; }
.eyebrow, .section-head .eyebrow { color: var(--accent) !important; }
.section-head h2::after { background: var(--primary-2) !important; }
.page-banner { background: linear-gradient(120deg, #8A7A66 0%, #6B5D4C 60%, #5E5243 100%) !important; color: #FFFFFF; }
.toast { background: #5E5243 !important; }
.em-cta-band, .consult-band { background: linear-gradient(135deg,#B2BDA3 0%,#F8D3BB 100%) !important; color: #4A4037 !important; box-shadow: 0 24px 60px rgba(var(--deep-rgb),0.18) !important; }
.em-cta-band *, .consult-band h2, .consult-band p { color: #4A4037 !important; }
.em-cta-band .em-btn-wa, .em-cta-band .btn-primary { background: #5E5243 !important; color: #F4E5D9 !important; }
.btn-light { border-color: #4A4037 !important; color: #4A4037 !important; }
.btn-light:hover { background: #4A4037 !important; color: #EBDFCE !important; }
.site-footer { background: #978671 !important; }
.site-footer, .site-footer a, .site-footer p, .site-footer li { color: #FFFFFF; }
.site-footer { color: rgba(255,255,255,0.96); }
/* XERF page-specific accents harmonised to Spa (hero look preserved) */
:root { --xe-wine:#5E5243; --xe-wine-deep:#4A4037; --xe-rose:#978671; --xe-blush:#F4E5D9; --xe-blush-2:#EBDFCE; --xe-copper:#978671; --xe-copper-soft:#B2BDA3; --xe-ink:#4A4037; --xe-paper:#FBF4EE; --xe-sand:#EBDFCE; --xe-line:rgba(94,82,67,0.18); }
/* 1:1 card imagery — all treatment/product card images are square (no distortion) */
.sig-card .thumb, .offer-card .thumb, .prod-card .thumb, .card .thumb, .bp-promo-img { aspect-ratio: 1 / 1 !important; height: auto; align-self: center; }
.sig-card .thumb img, .offer-card .thumb img, .prod-card .thumb img, .card .thumb img, .bp-promo-img img { width: 100%; height: 100%; object-fit: cover !important; object-position: center; display: block; }
.prod-card .thumb { padding: 0 !important; }
.treat-row .thumb { width: 112px; height: auto !important; aspect-ratio: 1 / 1 !important; }
.treat-row .thumb img { width: 100%; height: 100%; object-fit: cover; }