/* Wellness4Wealth main stylesheet - edit colours in :root */
/* ===== 1. COLOURS & FONTS: change these to restyle the whole site ===== */
:root{
  --deep:#16423c;      /* dark green: header, footer, headings */
  --leaf:#2f7d62;      /* buttons, links */
  --mint:#e6f2ec;      /* light section background */
  --gold:#c9972b;      /* accent / highlights */
  --paper:#fbfaf6;     /* page background */
  --ink:#24302d;       /* body text */
  --serif:'Lora',Georgia,serif;
  --sans:'Nunito Sans',system-ui,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;font:17px/1.65 var(--sans);color:var(--ink);background:var(--paper)}
h1,h2,h3{font-family:var(--serif);color:var(--deep);line-height:1.2;margin:0 0 .6em}
h1{font-size:clamp(2rem,5vw,3.3rem)} h2{font-size:clamp(1.6rem,3.5vw,2.3rem)} h3{font-size:1.2rem}
p{margin:0 0 1em} a{color:var(--leaf)}
a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
section{padding:72px 0}
.alt{background:var(--mint)}
.lead{font-size:1.15rem}
.btn{display:inline-block;padding:12px 24px;border-radius:999px;background:var(--leaf);color:#fff;text-decoration:none;font-weight:700;border:2px solid var(--leaf);margin:0 10px 10px 0}
.btn:hover{background:var(--deep);border-color:var(--deep)}
.btn.ghost{background:transparent;color:var(--leaf)} .btn.ghost:hover{color:#fff}
.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:#fff;border-left:5px solid var(--gold);padding:22px;border-radius:6px;box-shadow:0 1px 8px rgba(22,66,60,.08)}
.card p:last-child{margin:0}
.split{display:grid;gap:40px;grid-template-columns:1fr 1fr;align-items:center}
.photo{aspect-ratio:4/5;border-radius:50% 50% 14px 14px;background:linear-gradient(160deg,var(--leaf),var(--deep));color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;overflow:hidden}
.photo img{width:100%;height:100%;object-fit:cover}
.note{font-size:.9rem;opacity:.85}

/* Header + navigation (works without JavaScript) */
header{position:sticky;top:0;z-index:20;background:var(--deep);color:#fff}
.bar{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.brand{font:700 1.3rem var(--serif);color:#fff;text-decoration:none}
.brand small{display:block;font:400 .72rem var(--sans);color:#cfe3da}
nav ul{list-style:none;display:flex;gap:4px;margin:0;padding:0;flex-wrap:wrap}
nav a{color:#fff;text-decoration:none;padding:8px 10px;border-radius:6px;font-size:.92rem}
nav a:hover{background:rgba(255,255,255,.14)}
#menu,.burger{display:none}
@media(max-width:900px){
  .burger{display:block;cursor:pointer;font-size:1.7rem;padding:6px 10px}
  nav{position:absolute;left:0;right:0;top:100%;background:var(--deep);display:none;padding:8px 22px 18px}
  #menu:checked~nav{display:block}
  nav ul{flex-direction:column}
  .split{grid-template-columns:1fr}
}

/* Hero */
.hero{background:linear-gradient(135deg,var(--deep),var(--leaf));color:#fff;padding:90px 0}
.hero h1{color:#fff}
.hero .btn{background:var(--gold);border-color:var(--gold);color:#16231f}
.hero .btn.ghost{background:transparent;color:#fff;border-color:#fff}
.steps{display:flex;gap:28px;flex-wrap:wrap;margin-top:34px;list-style:none;padding:0}
.steps li{max-width:200px} .steps b{display:block;color:var(--gold);font-family:var(--serif);font-size:1.15rem}

/* Price + tables */
.price{font:700 2.4rem var(--serif);color:var(--deep)} .price small{font:400 1rem var(--sans)}
table{border-collapse:collapse;width:100%;background:#fff}
td,th{padding:10px 14px;border-bottom:1px solid #dde8e2;text-align:left;vertical-align:top}
th{background:var(--deep);color:#fff}
.scroll{overflow-x:auto}

/* Accordions (products + FAQ) - no JavaScript needed */
details{background:#fff;border:1px solid #d5e4dc;border-radius:8px;margin-bottom:10px}
summary{cursor:pointer;padding:15px 18px;font-weight:700;color:var(--deep);list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--gold)}
details[open] summary::after{content:"\2212"}
details>div{padding:0 18px 14px}
details li{margin-bottom:.6em}

/* Forms */
form{display:grid;gap:14px;max-width:560px}
label{font-weight:700;font-size:.95rem}
input,textarea{width:100%;font:inherit;padding:11px;border:1px solid #9bb8aa;border-radius:6px;background:#fff}
button.btn{cursor:pointer;font:inherit;font-weight:700;justify-self:start}

/* Footer + disclaimer */
.warn{border:2px solid var(--gold);background:#fff8e6;padding:18px 22px;border-radius:8px}
footer{background:var(--deep);color:#cfe3da;padding:50px 0 30px;font-size:.92rem}
footer a{color:#fff} footer h3{color:#fff}
footer ul{list-style:none;padding:0;margin:0} footer li{margin-bottom:6px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Products page */
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:20px 0 0}
.chips a{display:block;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid #9bb8aa;text-decoration:none;font-size:.9rem;font-weight:700}
.chips a:hover{background:var(--leaf);color:#fff}
.crumbs{font-size:.88rem;margin:0 0 18px}.crumbs a{color:#cfe3da}
.phead{background:linear-gradient(135deg,var(--deep),var(--leaf));color:#fff;padding:56px 0 48px}.phead h1{color:#fff}
.cat{scroll-margin-top:76px}.cat>p{color:#4a5b56}
.card h3 a{color:inherit;text-decoration:none}