/* Rejuvena SEO service pages — shared styling. Brand v2 (2026-05-26): Cormorant Garamond (headings) + Inter (body), navy #062033 + gold #C8A96B accent. Fonts loaded globally via Elementor kit. */

.rj-seo-page{
  --navy:#062033;--navy-800:#0E3147;--navy-700:#153A52;
  --gold:#C8A96B;--gold-600:#B5945A;
  --bg:#F5F4F1;--bg-alt:#E8EDF0;--white:#FFFFFF;
  --text:#1C2A33;--muted:#33444D;--subtle:#6E8693;
  --line:#E2E6E9;--shadow:0 6px 20px rgba(6,32,51,.10);
}

.site-main .page-header{display:none}
.rj-seo-page{max-width:1140px;margin:0 auto;padding:8px 24px 40px;font-family:"Inter",system-ui,Arial,sans-serif;color:var(--text);line-height:1.7;font-size:1.05rem}
.rj-seo-page>p,.rj-seo-page>ul,.rj-seo-page>ol,.rj-seo-page .hero-intro,.rj-seo-page .author-meta,.rj-seo-page .faq-block{max-width:900px}
.rj-seo-page h1,.rj-seo-page h2{font-family:"Cormorant Garamond",Georgia,serif;color:var(--navy);line-height:1.15;font-weight:600}
.rj-seo-page h3,.rj-seo-page h4{font-family:"Inter",system-ui,sans-serif;color:var(--text);line-height:1.3;font-weight:600}
.rj-seo-page h1{font-size:2.5rem;margin:.3em 0 .45em;letter-spacing:0}
.rj-seo-page h2{font-size:1.8rem;margin:1.6em 0 .5em;padding-top:.45em;border-top:1px solid var(--line)}
.rj-seo-page h3{font-size:1.18rem;margin:1.2em 0 .4em}
.rj-seo-page p{margin:0 0 1em}
.rj-seo-page a{color:var(--navy);text-decoration:none;font-weight:500}
.rj-seo-page a:hover{color:var(--navy-800);text-decoration:underline}
.rj-seo-page ul,.rj-seo-page ol{margin:0 0 1.2em;padding-left:1.3em}
.rj-seo-page li{margin-bottom:.4em}

/* Placeholder marker (dev only) */
.rj-ph{background:#fff3cd;border:1px dashed #d6a400;border-radius:4px;padding:0 4px;font-weight:600;color:#8a6d00}

/* Breadcrumb */
.rj-seo-page nav[aria-label="Breadcrumb"] ol{list-style:none;display:flex;flex-wrap:wrap;gap:.5em;padding:0;margin:0 0 .5em;font-size:.82rem;color:var(--subtle)}
.rj-seo-page nav[aria-label="Breadcrumb"] li+li::before{content:"›";margin-right:.5em;color:var(--subtle)}

/* Hero + author */
.rj-seo-page .hero-intro{font-size:1.12rem;color:var(--muted);background:var(--bg-alt);border-left:4px solid var(--gold);padding:18px 22px;border-radius:6px;margin-bottom:1em}
.rj-seo-page .author-meta{font-size:.85rem;color:var(--subtle);margin-bottom:1.8em}

/* Protocol cards */
.rj-seo-page .protocol-cards,.rj-seo-page .protocol-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:1em 0 1.5em}
.rj-seo-page .protocol-card{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:20px 22px}
.rj-seo-page .protocol-card h3{margin-top:0}
.rj-seo-page .protocol-steps{counter-reset:step;list-style:none;padding-left:0}
.rj-seo-page .protocol-steps>li{position:relative;padding-left:2.2em;margin-bottom:.8em}
.rj-seo-page .protocol-steps>li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:1.6em;height:1.6em;background:var(--navy);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem}

/* Tables */
.rj-seo-page table{width:100%;border-collapse:collapse;margin:1em 0 1.4em;font-size:.95rem}
.rj-seo-page table th,.rj-seo-page table td{border:1px solid var(--line);padding:10px 14px;text-align:left}
.rj-seo-page table thead th{background:var(--bg-alt);font-family:"Inter",sans-serif;font-weight:600;color:var(--navy)}
.rj-seo-page table tbody tr:nth-child(even){background:var(--bg)}

/* Before/after */
.rj-seo-page .before-after-section{margin:1.6em 0}
.rj-seo-page .ba-disclaimer,.rj-seo-page .ba-consent-note{font-size:.82rem;color:var(--subtle)}
.rj-seo-page .before-after-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:1em 0}
.rj-seo-page .ba-card{border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--white)}
.rj-seo-page .ba-card>h3{margin-top:.2em;font-size:1rem}
.rj-seo-page .ba-images{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rj-seo-page .ba-placeholder{background:var(--bg-alt);border:2px dashed var(--navy-700);padding:18px 10px;text-align:center;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;font-size:.82rem;color:var(--muted)}
.rj-seo-page .ba-placeholder--after{background:#eaf2ea;border-color:#6a9e6a;color:#4d6b4d}
.rj-seo-page .ba-placeholder span{font-weight:700;font-size:.72rem;letter-spacing:.1em;margin-bottom:6px}
.rj-seo-page .ba-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--subtle);text-align:center;margin-top:4px}
.rj-seo-page .ba-description,.rj-seo-page .ba-caption{font-size:.85rem;color:var(--muted);margin-top:8px}

/* Related treatments */
.rj-seo-page .related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:1em 0}
.rj-seo-page .related-card{border:1px solid var(--line);border-radius:8px;padding:16px 18px;background:var(--white)}
.rj-seo-page .related-card h3{margin-top:0;font-size:1.05rem}

/* Treatment grid (pillar) */
.rj-seo-page .treatment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:1.2em 0}
.rj-seo-page .treatment-card{border:1px solid var(--line);border-radius:8px;padding:18px 20px;background:var(--white);transition:box-shadow .15s,transform .15s,border-color .15s}
.rj-seo-page .treatment-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-top:3px solid var(--gold)}
.rj-seo-page .treatment-card h3{margin-top:0;font-size:1.1rem}

/* FAQ */
.rj-seo-page .faq-block h3{font-size:1.05rem;margin-bottom:.2em}
.rj-seo-page .faq-block p{color:var(--muted);margin-bottom:1.1em}

/* Buttons + CTA */
.rj-seo-page .btn{display:inline-block;padding:12px 26px;border-radius:8px;font-family:"Inter",sans-serif;font-weight:500;font-size:.95rem;cursor:pointer;text-decoration:none}
.rj-seo-page .btn-primary{background:var(--navy);color:#fff;border:none}
.rj-seo-page .btn-primary:hover{background:var(--navy-800);text-decoration:none;color:#fff}
.rj-seo-page .btn-outline{background:transparent;color:var(--navy);border:1.5px solid var(--navy)}
.rj-seo-page .btn-outline:hover{background:var(--bg-alt);text-decoration:none}
.rj-seo-page .cta-block{background:var(--bg-alt);border-radius:8px;padding:28px 26px;margin:2em 0 0;text-align:center}
.rj-seo-page .cta-block h2{border-top:none;padding-top:0}

/* Image placeholders (dev) */
.rj-seo-page .rj-img-ph{background:linear-gradient(135deg,#E8EDF0,#F5F4F1);border:2px dashed var(--navy-700);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);margin:0 0 1.4em;min-height:200px;padding:16px}
.rj-seo-page .rj-img-ph span{font-weight:700;letter-spacing:.08em;font-size:.78rem;color:var(--navy)}
.rj-seo-page .rj-img-ph small{display:block;font-size:.8rem;margin-top:.35em;color:var(--muted)}
.rj-seo-page .rj-img-hero{min-height:320px;margin:0 0 1.3em}
.rj-seo-page .rj-img-card{min-height:140px;margin:-2px 0 12px}
.rj-seo-page .rj-dr-row{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap;margin-bottom:1em}
.rj-seo-page .rj-dr-row .rj-img-ph{flex:0 0 220px;min-height:240px;margin:0}
.rj-seo-page .rj-dr-row .rj-dr-bio{flex:1 1 320px}

/* Before/After comparison slider — one per row, focal */
.rj-seo-page .rj-ba-stack{display:block;margin:1em 0}
.rj-seo-page .rj-ba-figure{margin:0 auto 2.4em;max-width:760px}
.rj-seo-page .rj-ba-figure>h3{text-align:center;font-size:1.1rem;margin:0 0 .6em}
.rj-seo-page .rj-ba-slider{position:relative;width:100%;aspect-ratio:16/10;border-radius:10px;overflow:hidden;border:1px solid var(--line);user-select:none;touch-action:none;box-shadow:var(--shadow)}
.rj-seo-page .rj-ba-layer{position:absolute;inset:0}
.rj-seo-page .rj-ba-after{z-index:1}
.rj-seo-page .rj-ba-before{z-index:2;clip-path:inset(0 50% 0 0);-webkit-clip-path:inset(0 50% 0 0)}
.rj-seo-page .rj-ba-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#4d6b4d;padding:16px;background:linear-gradient(135deg,#eef3ee,#dfeadf)}
.rj-seo-page .rj-ba-ph-before{background:linear-gradient(135deg,#E8EDF0,#F5F4F1);color:var(--muted)}
.rj-seo-page .rj-ba-ph span{font-weight:700;letter-spacing:.08em;font-size:.85rem;color:var(--navy)}
.rj-seo-page .rj-ba-ph small{display:block;font-size:.8rem;margin-top:.4em;color:var(--muted)}
.rj-seo-page .rj-ba-tag{position:absolute;top:12px;padding:4px 11px;border-radius:4px;font-size:.68rem;font-weight:700;letter-spacing:.08em;color:#fff;z-index:3}
.rj-seo-page .rj-ba-tag-before{left:12px;background:rgba(6,32,51,.92)}
.rj-seo-page .rj-ba-tag-after{right:12px;background:rgba(106,158,106,.92)}
.rj-seo-page .rj-ba-line{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.18);transform:translateX(-50%);z-index:3;pointer-events:none}
.rj-seo-page .rj-ba-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.28);display:flex;align-items:center;justify-content:center}
.rj-seo-page .rj-ba-grip::before{content:"‹ ›";color:var(--gold-600);font-weight:700;font-size:1rem;line-height:1}
.rj-seo-page .rj-ba-range{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;z-index:4}
.rj-seo-page .rj-ba-figcap{text-align:center;font-size:.88rem;color:var(--muted);margin-top:12px}

@media(max-width:600px){.rj-seo-page h1{font-size:2rem}.rj-seo-page .ba-images{grid-template-columns:1fr}.rj-seo-page .rj-dr-row .rj-img-ph{flex:1 1 100%}.rj-seo-page .rj-ba-slider{aspect-ratio:4/3}}