/* prices.css — TSHEALTH fiyat/price sayfalari icin layout stilleri.
   NOT: Bu dosya, export'ta eksik olan orijinal /assets/prices.css yerine
   sitenin kendi tasarim tokenlari (main.css :root) kullanilarak yeniden
   olusturulmus, marka uyumlu bir surumdur. Orijinal sunucuda mevcutsa o korunmalidir.
   Renk/font degiskenleri main.css :root'tan gelir (var(--sage-dark) vb.). */

/* ---- Section & wrapper ---- */
.s{padding:56px 20px;}
.s:nth-of-type(even){background:var(--sage-mute,#f7fbf5);}
.w{max-width:1080px;margin:0 auto;}
.s .kk{display:inline-block;font-family:var(--font-body);font-size:.72rem;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dark,#8c6d3f);margin-bottom:.6rem;}
.s h2{font-family:var(--font-display);font-weight:600;color:var(--sage-dark,#2d4a3a);
  font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.15;margin:0 0 .5rem;}
.s .dsc{font-family:var(--font-body);color:var(--mid,#555);font-size:1.02rem;
  line-height:1.65;max-width:760px;margin:0 0 1.8rem;}

/* ---- Process steps ---- */
.proc,.treatment-process{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1.4rem;}
.ps{background:var(--white,#fff);border:1px solid var(--border,#e8e2d5);border-radius:10px;
  padding:24px 22px;position:relative;box-shadow:0 1px 3px rgba(45,74,58,.05);}
.prc-n{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--gold,#c0a378);
  line-height:1;margin-bottom:.55rem;}
.prc-t{font-family:var(--font-body);font-weight:600;color:var(--dark,#1a1a1a);
  font-size:1.02rem;margin-bottom:.4rem;}
.prc-d{font-family:var(--font-body);color:var(--mid,#555);font-size:.92rem;line-height:1.55;}

/* ---- Packages / pricing cards ---- */
.pkg-g{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:1.6rem;}
.pkg{background:var(--white,#fff);border:1px solid var(--border,#e8e2d5);border-radius:12px;
  padding:30px 24px;text-align:center;transition:transform .2s ease,box-shadow .2s ease;}
.pkg:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(45,74,58,.10);}
.pkg.pop,.pkg.popular-treatments{border-color:var(--gold,#c0a378);box-shadow:0 8px 24px rgba(192,163,120,.18);}
.pn{font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:var(--sage-dark,#2d4a3a);margin-bottom:.25rem;}
.pt2{font-family:var(--font-body);font-size:.85rem;color:var(--light,#888);margin-bottom:1rem;}
.pp2{font-family:var(--font-display);font-size:2.4rem;font-weight:600;color:var(--gold-dark,#8c6d3f);line-height:1;}
.pv{font-size:inherit;}
.pnote{font-family:var(--font-body);font-size:.8rem;color:var(--light,#888);margin-top:.4rem;}
.pl{list-style:none;padding:0;margin:1.2rem 0 0;text-align:left;}
.pl li{font-family:var(--font-body);font-size:.9rem;color:var(--mid,#555);
  padding:.4rem 0 .4rem 1.4rem;position:relative;border-top:1px solid var(--border,#e8e2d5);}
.pl li::before{content:"✓";position:absolute;left:0;color:var(--sage,#5e8050);font-weight:700;}

/* ---- Pills / badges ---- */
.pills{display:flex;flex-wrap:wrap;gap:10px;margin:1.2rem 0;}
.pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--sage-pale,#f2f7f0);
  color:var(--sage-dark,#2d4a3a);font-family:var(--font-body);font-size:.85rem;font-weight:500;
  border:1px solid var(--sage-light,#a8c49a);border-radius:999px;padding:.45rem .95rem;}
.pill .pd{width:7px;height:7px;border-radius:50%;background:var(--sage,#5e8050);flex:none;}

/* ---- Comparison grid ---- */
.cmpg{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-top:1.4rem;}
.cc{background:var(--white,#fff);border:1px solid var(--border,#e8e2d5);border-radius:10px;
  padding:22px 18px;text-align:center;}
.cc.ist{border-color:var(--gold,#c0a378);background:var(--gold-pale,#faf7f2);}
.cf{font-size:1.8rem;line-height:1;margin-bottom:.5rem;}
.ccy{font-family:var(--font-body);font-weight:600;color:var(--dark,#1a1a1a);font-size:.95rem;margin-bottom:.5rem;}
.cp{font-family:var(--font-display);font-size:1.8rem;font-weight:600;color:var(--sage-dark,#2d4a3a);line-height:1;}
.ca{font-family:var(--font-body);font-size:.82rem;color:var(--mid,#555);margin-top:.35rem;}
.cequiv{font-family:var(--font-body);}

/* ---- Misc ---- */
.sep{height:1px;background:var(--border,#e8e2d5);border:0;margin:2.4rem 0;}
.sub{color:var(--mid,#555);}

@media(max-width:640px){
  .s{padding:40px 16px;}
  .pp2{font-size:2rem;}
}