/* Revive Point - service detail pages + FAQ accordion (additive to site-v3.css).
   New file 2026-06-04: loaded only by pages that need it; site-v3.css stays untouched
   (cache rule: editing site-v3.css would force a -v4 rename + rewiring all 8 pages).
   -v2 2026-06-06: /services menu polish appended at the bottom (pills, featured dark
   cards, compact add-on rows). Only /services/index.html loads -v2; the 6 other pages
   stay on svc-v1.css untouched (cache rule). */

/* --- service detail hero --- */
.rp-svcd-hero{padding:64px 0 28px;text-align:center}
.rp-svcd-hero .rp-crumb{display:inline-block;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#968380;text-decoration:none;margin-bottom:20px}
.rp-svcd-hero .rp-crumb:hover{color:#3a322a}
.rp-svcd-hero .rp-h1{font-size:52px;letter-spacing:normal;margin-bottom:20px}
.rp-svcd-hero p{font-size:18px;line-height:1.55;max-width:760px;margin:0 auto}
.rp-svcd-ctas{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:28px}

/* --- pricing card --- */
.rp-svcd-price{padding:40px 0 56px}
.rp-svcd-price-card{max-width:620px;margin:0 auto;padding:34px 40px}
.rp-svcd-price-card .rp-h3{margin-bottom:8px}
.rp-price-line{display:flex;justify-content:space-between;align-items:baseline;gap:24px;font-size:18px;padding:12px 0;border-bottom:1px solid rgba(58,50,42,.12)}
.rp-price-line:last-child{border-bottom:none}
.rp-price-line .rp-price-val{font-weight:700;white-space:nowrap}
.rp-price-line .rp-price-note{display:block;font-size:14px;color:#968380;margin-top:2px}

/* --- FAQ accordion (native details/summary, no JS) --- */
.rp-faq{padding:0 0 72px}
.rp-faq .rp-h2{text-align:center;margin-bottom:36px}
.rp-faq-list{max-width:840px;margin:0 auto;border-top:1px solid rgba(58,50,42,.12)}
.rp-faq-list details{border-bottom:1px solid rgba(58,50,42,.12)}
.rp-faq-list summary{display:flex;align-items:baseline;justify-content:space-between;gap:18px;cursor:pointer;font-weight:700;font-size:19px;line-height:1.35;padding:20px 2px;list-style:none}
.rp-faq-list summary::-webkit-details-marker{display:none}
.rp-faq-list summary::after{content:"+";flex:none;font-size:26px;font-weight:400;color:#a36f5d;line-height:1;transition:transform .2s ease}
.rp-faq-list details[open] summary::after{transform:rotate(45deg)}
.rp-faq-a{padding:0 32px 22px 2px;font-size:16.5px;line-height:1.55}
.rp-faq-a ul{margin:10px 0 0 22px;display:flex;flex-flow:column;gap:6px}

/* --- "details" links on service cards --- */
.rp-svc-more{margin-top:4px}
.rp-svc-more a{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#a36f5d;text-decoration:none;border-bottom:1px solid rgba(163,111,93,.4);padding-bottom:2px;transition:color .2s ease,border-color .2s ease}
.rp-svc-more a:hover{color:#4a2e28;border-color:#4a2e28}

/* --- related services row --- */
.rp-svcd-rel{padding:0 0 88px;text-align:center}
.rp-svcd-rel .rp-h2{margin-bottom:28px}
.rp-svcd-rel-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}

@media (max-width:719px){
  .rp-svcd-hero{padding:44px 0 16px}
  .rp-svcd-hero .rp-h1{font-size:34px}
  .rp-svcd-price-card{padding:26px 24px}
  .rp-price-line{flex-flow:column;gap:2px;align-items:flex-start}
  .rp-faq-list summary{font-size:17px}
}

/* --- /services menu polish (2026-06-06, only /services/index.html loads -v2) --- */

/* price/duration pills: design-system pill (49px radius, 12px uppercase, blush bg) */
.rp-svc .rp-svc-meta{gap:8px;padding-top:14px}
.rp-svc .rp-svc-meta span{display:inline-flex;align-items:center;background:#ddbfb1;color:#3a322a;border-radius:49px;padding:8px 14px;font-size:12px;letter-spacing:.5px;text-transform:uppercase;line-height:1;white-space:nowrap}

/* featured flagship cards: deep brown inversion (palette #4a2e28 / #f1eae4) */
.rp-svc-feat{background:#4a2e28}
.rp-svc-feat .rp-h3,.rp-svc-feat p{color:#f1eae4}
.rp-svc-feat .rp-svc-meta span{background:#f1eae4}
.rp-svc-feat .rp-svc-more a{color:#ddbfb1;border-color:rgba(221,191,177,.4)}
.rp-svc-feat .rp-svc-more a:hover{color:#fff1eb;border-color:#fff1eb}

/* add-ons: compact full-width price rows (16px radius = small-card token) */
.rp-svc-compact{grid-column:1/-1;flex-flow:row;align-items:center;justify-content:space-between;gap:14px;padding:16px 30px;border-radius:16px}
.rp-svc-compact .rp-h3{font-size:18px;line-height:1.3;font-weight:700}
.rp-svc-compact .rp-svc-meta{margin:0;padding:0}
.rp-svc-compact .rp-svc-name{display:flex;flex-flow:column;gap:4px}
.rp-svc-compact .rp-svc-more{margin:0}

/* add-ons label row (plain, not a card) */
.rp-svc-label{grid-column:1/-1;display:block;background:none;box-shadow:none;border-radius:0;padding:20px 4px 0}
.rp-svc-label .rp-h2{font-size:28px;line-height:1.2;margin:0}
.rp-svc-label p{font-size:15.5px;color:#968380;margin:6px 0 0}

@media(max-width:809.98px){
  .rp-svc-compact{padding:14px 18px}
  .rp-svc-compact .rp-h3{font-size:16.5px}
  .rp-svc-label{padding-top:10px}
  .rp-svc-label .rp-h2{font-size:24px}
}
