/* ============================================================
   THE HEALING LOUNGE — service (treatment) detail pages
   Static, SEO-friendly. Builds on healing.css.
   ============================================================ */
.svc-hero{ position:relative; min-height:64vh; display:flex; align-items:flex-end; overflow:hidden; }
.svc-hero .photo{ position:absolute; inset:0; }
.svc-hero .photo img{ width:100%; height:100%; object-fit:cover; }
.svc-hero .photo::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(24,15,8,.42), rgba(24,15,8,.18) 38%, rgba(24,15,8,.82)); }
.svc-hero .inner{ position:relative; z-index:2; color:var(--cream); padding-bottom:clamp(38px,5vw,68px); padding-top:128px; max-width:780px; }
.svc-hero h1{ color:var(--cream); margin:14px 0 14px; font-size:clamp(36px,5.2vw,64px); }
.svc-hero p{ color:rgba(243,236,222,.92); max-width:52ch; font-size:18px; }
.svc-crumb{ font-size:13px; letter-spacing:.05em; color:rgba(243,236,222,.72); margin-bottom:4px; }
.svc-crumb a:hover{ color:var(--gold); }

.svc-body{ display:grid; grid-template-columns:1.6fr 1fr; gap:clamp(34px,5vw,72px); align-items:start; }
.svc-body h2{ font-size:clamp(23px,2.6vw,31px); margin:0 0 16px; }
.svc-body h2.mt{ margin-top:42px; }
.svc-body p.lead{ font-size:18.5px; }

.svc-benefits{ list-style:none; padding:0; margin:18px 0 0; display:flex; flex-direction:column; gap:13px; }
.svc-benefits li{ display:flex; gap:14px; align-items:flex-start; font-size:16.5px; line-height:1.5; }
.svc-benefits li .bk{ flex:none; width:24px; height:24px; border-radius:50%; background:rgba(188,129,58,.14); color:var(--honey); display:grid; place-items:center; font-size:12px; margin-top:2px; }

.svc-expect{ list-style:none; padding:0; margin:18px 0 0; display:flex; flex-direction:column; gap:14px; }
.svc-expect li{ display:flex; gap:14px; align-items:flex-start; font-size:16.5px; }
.svc-expect .b{ width:9px; height:9px; border-radius:50%; background:var(--honey); margin-top:9px; flex:none; }

.svc-safety{ background:var(--linen); border-radius:var(--r-lg); padding:26px 30px; margin-top:34px; border-left:3px solid var(--honey); }
.svc-safety.danger{ border-left-color:var(--rood); background:#fbf2ee; }
.svc-safety h3{ font-size:19px; margin:0 0 12px; }
.svc-safety ul{ list-style:none; padding:0; margin:0 0 14px; display:flex; flex-direction:column; gap:9px; }
.svc-safety li{ position:relative; padding-left:24px; font-size:15.5px; color:var(--ink); line-height:1.55; }
.svc-safety li::before{ content:''; position:absolute; left:3px; top:9px; width:7px; height:7px; border-radius:50%; background:var(--honey); }
.svc-safety.danger li::before{ background:var(--rood); }
.svc-safety a{ color:var(--honey); border-bottom:1px solid rgba(188,129,58,.4); font-weight:600; }
.svc-safety a:hover{ color:var(--ink); }

/* booking sidebar */
.svc-book{ position:sticky; top:96px; background:var(--paper); border:1px solid var(--linen-deep); border-radius:var(--r-lg); box-shadow:var(--shadow-md); padding:30px; }
.svc-book .price{ font-family:var(--serif); font-size:42px; line-height:1; color:var(--ink); }
.svc-book .price small{ font-family:var(--sans); font-size:14px; color:var(--ink-soft); font-weight:500; }
.svc-spec{ display:flex; flex-direction:column; margin:22px 0; }
.svc-spec .row{ display:flex; justify-content:space-between; gap:14px; padding:13px 0; border-bottom:1px solid var(--linen-deep); font-size:14.5px; }
.svc-spec .row:last-child{ border-bottom:0; }
.svc-spec .k{ color:var(--ink-soft); }
.svc-spec .v{ font-weight:600; text-align:right; }
.svc-trust{ display:flex; gap:10px; align-items:flex-start; margin-top:18px; font-size:13px; color:var(--ink-soft); line-height:1.5; }
.svc-trust .star{ color:var(--honey); }

.svc-related{ grid-template-columns:repeat(3,1fr); margin-top:26px; }

@media (max-width:900px){
  .svc-body{ grid-template-columns:1fr; }
  .svc-book{ position:static; }
  .svc-related{ grid-template-columns:1fr; }
}