/* ===== Turkey Hair Center — Payment Page (scoped .thc) ===== */
.thc { --navy:#0a1e40; --navy-2:#132a52; --navy-3:#061530; --gold:#b08c5a; --gold-2:#9c7a4a; --ink:#0b1220; --text:#3a4660; --muted:#6b7280; --line:#e6e8ef; --card:#f1ede4; --green:#16a34a; --amber:#f59e0b; --amber-bg:#fef3c7; --wise-bg:#9fe870; --wise-ink:#163300; color:var(--ink); font-family:Helvetica,Verdana,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
.thc, .thc *, .thc *::before, .thc *::after { box-sizing:border-box; }
.thc a { text-decoration:none; color:inherit; }
.thc img { max-width:100%; height:auto; display:block; }
.thc-wrap { max-width:1180px; margin:0 auto; padding:0 24px; }

/* ========== HERO ========== */
.thc-hero { position:relative; background:linear-gradient(135deg,#061530 0%, #132a52 55%, #0a1e40 100%); color:#fff !important; padding:80px 24px 92px; text-align:center; overflow:hidden; }
.thc-hero::before { content:""; position:absolute; inset:0; background: radial-gradient(ellipse 60% 45% at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%); pointer-events:none; }
.thc-hero-inner { position:relative; z-index:2; max-width:760px; margin:0 auto; }
.thc-hero h1 { font-size:clamp(24px,3.4vw,32px); font-weight:700; color:#fff !important; letter-spacing:.5px; margin:0 0 16px; line-height:1.3; text-shadow:0 2px 20px rgba(0,0,0,.4); }
.thc-hero p { font-size:14px; color:rgba(255,255,255,.82) !important; line-height:1.7; margin:0 auto 28px; max-width:560px; }
.thc-hero-btn { display:inline-flex; align-items:center; justify-content:center; padding:13px 34px; background:linear-gradient(180deg,var(--gold) 0%, var(--gold-2) 100%); color:#fff !important; font-weight:600; font-size:14px; letter-spacing:.3px; border-radius:4px; box-shadow:0 6px 20px rgba(176,140,90,.35); transition:transform .2s ease, box-shadow .2s ease; cursor:pointer; }
.thc-hero-btn:hover { transform:translateY(-2px); box-shadow:0 10px 26px rgba(176,140,90,.45); color:#fff !important; }

/* ========== BREADCRUMB ========== */
.thc-crumb { background:#fff; border-bottom:1px solid var(--line); padding:14px 0; font-size:12px; color:var(--muted); letter-spacing:1px; }
.thc-crumb .thc-wrap { padding:0 24px; }
.thc-crumb span { color:var(--ink); font-weight:600; }

/* ========== MAIN ========== */
.thc-main { background:#fff; padding:56px 24px 72px; }
.thc-grid { display:grid; grid-template-columns: 1.1fr .9fr; gap:56px; align-items:start; }
@media (max-width: 960px){ .thc-grid { grid-template-columns:1fr; gap:40px; } }

/* Left */
.thc-lead h2 { font-size:clamp(26px,2.8vw,34px); font-weight:700; line-height:1.25; color:var(--ink) !important; margin:0 0 18px; letter-spacing:-.3px; }
.thc-lead h2 em { font-style:italic; font-weight:700; color:var(--ink); }
.thc-lead-rule { width:56px; height:2px; background:var(--ink); margin:0 0 22px; }
.thc-lead p { font-size:14.5px; color:var(--text) !important; line-height:1.7; margin:0 0 30px; max-width:500px; }
.thc-features { display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; margin:0 0 28px; }
.thc-feat { text-align:center; padding:8px 4px; }
.thc-feat-icon { width:44px; height:44px; margin:0 auto 12px; border-radius:50%; background:#fff; border:1.5px solid var(--ink); display:flex; align-items:center; justify-content:center; color:var(--ink); }
.thc-feat h4 { font-size:14px; font-weight:700; color:var(--ink) !important; margin:0 0 4px; }
.thc-feat p { font-size:12px; color:var(--muted) !important; margin:0; line-height:1.5; }
.thc-bullets { background:var(--navy); color:#fff !important; border-radius:6px; padding:20px 22px; display:flex; flex-direction:column; gap:14px; }
.thc-bullet { display:flex; align-items:center; gap:14px; font-size:14px; font-weight:500; color:#fff !important; }
.thc-bullet-ic { flex-shrink:0; width:28px; height:28px; border-radius:50%; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.2); display:flex; align-items:center; justify-content:center; color:#fff; }

/* Right - Deposit card */
.thc-deposit { background:var(--card); border-radius:4px; overflow:hidden; }
.thc-deposit-top { background:var(--navy); color:#fff !important; padding:22px 24px; text-align:center; font-size:15px; font-weight:600; letter-spacing:2.5px; }
.thc-deposit-body { padding:30px 32px 32px; text-align:center; }
.thc-price { font-size:68px; font-weight:800; color:var(--ink) !important; line-height:1; letter-spacing:-2px; margin:0 0 18px; }
.thc-price-sub { font-size:15px; font-weight:700; color:var(--ink) !important; margin:0 0 8px; }
.thc-price-note { font-size:12.5px; color:var(--text) !important; line-height:1.6; margin:0 0 22px; }
.thc-checks { text-align:left; display:flex; flex-direction:column; gap:10px; margin:0 0 18px; padding:18px 0; border-top:1px solid rgba(11,18,32,.08); border-bottom:1px solid rgba(11,18,32,.08); }
.thc-check { display:flex; align-items:flex-start; gap:10px; font-size:13px; color:var(--ink) !important; line-height:1.5; }
.thc-check svg { flex-shrink:0; margin-top:2px; color:var(--green); }
.thc-warn { display:flex; align-items:flex-start; gap:10px; background:var(--amber-bg); border:1px solid #fde68a; border-radius:4px; padding:10px 12px; font-size:11.5px; color:#713f12 !important; line-height:1.55; text-align:left; margin:0 0 22px; }
.thc-warn svg { flex-shrink:0; margin-top:1px; color:var(--amber); }
.thc-secure-line { display:flex; align-items:center; justify-content:center; gap:6px; font-size:12px; color:var(--text) !important; margin:6px 0 18px; }
.thc-secure-line svg { color:var(--green); stroke:var(--green); }

/* Payment method buttons — Stripe + Wise (real brand-coloured) */
.thc-pay-methods { display:grid; gap:12px; margin:0 0 4px; }
.pm { display:flex !important; align-items:center; justify-content:space-between; gap:14px; height:58px; padding:0 22px; border-radius:6px; font-weight:700; font-size:14px; letter-spacing:.3px; cursor:pointer; transition:transform .18s ease, box-shadow .18s ease, background .18s ease; text-decoration:none !important; border:2px solid transparent; }
.pm:hover { transform:translateY(-2px); box-shadow:0 10px 22px rgba(11,18,32,.14); }
.pm .pm-left { display:flex; align-items:center; gap:12px; }
.pm .pm-arrow { flex-shrink:0; }
.pm img.pm-logo { display:block; height:22px; width:auto; }

.pm-stripe { background:#ffffff !important; border-color:#635bff !important; color:#635bff !important; }
.pm-stripe .pm-txt, .pm-stripe .pm-arrow { color:#635bff !important; stroke:#635bff !important; }
.pm-stripe:hover { background:#635bff !important; color:#ffffff !important; }
.pm-stripe:hover .pm-txt, .pm-stripe:hover .pm-arrow { color:#ffffff !important; stroke:#ffffff !important; }
.pm-stripe:hover img.pm-logo { filter:brightness(0) invert(1); }

.pm-wise { background:#9fe870 !important; border-color:#9fe870 !important; color:#163300 !important; }
.pm-wise .pm-txt, .pm-wise .pm-arrow { color:#163300 !important; stroke:#163300 !important; }
.pm-wise img.pm-logo { height:18px; filter:brightness(0); }
.pm-wise:hover { background:#163300 !important; border-color:#163300 !important; color:#9fe870 !important; }
.pm-wise:hover .pm-txt, .pm-wise:hover .pm-arrow { color:#9fe870 !important; stroke:#9fe870 !important; }
.pm-wise:hover img.pm-logo { filter:brightness(0) invert(1); }

/* ========== HOW IT WORKS ========== */
.thc-how { background:#fff; padding:40px 24px 72px; }
.thc-how h3 { text-align:center; font-size:24px; font-weight:700; color:var(--ink) !important; letter-spacing:2px; margin:0 0 10px; }
.thc-how-rule { width:56px; height:2px; background:var(--ink); margin:0 auto 44px; }
.thc-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; }
@media (max-width: 800px){ .thc-steps { grid-template-columns:1fr; gap:28px; } }
.thc-step { text-align:center; }
.thc-step-top { display:flex; align-items:center; justify-content:center; gap:14px; margin:0 0 14px; }
.thc-step-ic { width:56px; height:40px; border-radius:6px; background:#fff; border:1.5px solid var(--ink); display:flex; align-items:center; justify-content:center; color:var(--ink); }
.thc-step-num { width:30px; height:30px; border-radius:50%; background:var(--ink); color:#fff !important; font-weight:700; font-size:14px; display:flex; align-items:center; justify-content:center; }
.thc-step h4 { font-size:15px; font-weight:700; color:var(--ink) !important; margin:0 0 6px; }
.thc-step p { font-size:13px; color:var(--text) !important; line-height:1.6; margin:0 auto; max-width:260px; }

/* ========== REFUND ========== */
.thc-refund { padding:32px 24px 72px; background:#fff; }
.thc-refund-grid { display:grid; grid-template-columns: 1fr 1fr; gap:56px; align-items:center; }
@media (max-width: 880px){ .thc-refund-grid { grid-template-columns:1fr; gap:32px; } }
.thc-refund h3 { font-size:16px; font-weight:700; color:var(--ink) !important; letter-spacing:1.5px; margin:0 0 18px; }
.thc-refund ul { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px; }
.thc-refund li { font-size:13px; color:var(--text) !important; line-height:1.6; padding-left:14px; position:relative; }
.thc-refund li::before { content:"–"; position:absolute; left:0; color:var(--muted); }
.thc-refund-img { border-radius:6px; overflow:hidden; aspect-ratio: 4/3; background:#e9eef5; box-shadow:0 10px 30px rgba(11,18,32,.08); }
.thc-refund-img img { width:100%; height:100%; object-fit:cover; display:block; }

/* ========== TRUSTED ========== */
.thc-trust { padding:20px 24px 56px; }
.thc-trust-inner { background:var(--navy); border-radius:4px; padding:32px 36px; display:grid; grid-template-columns: 1.1fr 3fr; gap:32px; align-items:center; color:#fff !important; }
@media (max-width: 880px){ .thc-trust-inner { grid-template-columns:1fr; gap:28px; padding:28px 24px; } }
.thc-trust-left h4 { font-size:14px; font-weight:700; color:#fff !important; margin:0 0 10px; line-height:1.35; letter-spacing:.2px; }
.thc-stars { color:#f5b301; letter-spacing:2px; font-size:14px; margin:0 0 8px; }
.thc-trust-left p { font-size:12px; color:rgba(255,255,255,.72) !important; margin:0; }
.thc-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
@media (max-width: 640px){ .thc-stats { grid-template-columns:repeat(2,1fr); gap:24px; } }
.thc-stat { text-align:center; color:#fff !important; }
.thc-stat-ic { width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.2); display:flex; align-items:center; justify-content:center; margin:0 auto 10px; color:#fff; }
.thc-stat-num { font-size:22px; font-weight:700; color:#fff !important; margin:0 0 4px; letter-spacing:-.5px; line-height:1.1; }
.thc-stat-lbl { font-size:11.5px; color:rgba(255,255,255,.72) !important; letter-spacing:.2px; }

/* ========== FOOTER CARDS (real local SVG in clean cards) ========== */
.thc-foot-cards { background:#fff; border-top:1px solid var(--line); padding:28px 24px; display:flex; justify-content:flex-end; align-items:center; gap:16px; }
.thc-foot-cards .fc-label { font-size:14px; color:var(--muted); letter-spacing:1px; text-transform:uppercase; font-weight:700; margin-right:6px; }
.thc-foot-cards .fc-card { display:inline-flex; align-items:center; justify-content:center; width:88px; height:56px; background:#fff; border:1px solid var(--line); border-radius:8px; padding:10px 14px; box-shadow:0 2px 6px rgba(11,18,32,.06); }
.thc-foot-cards .fc-card img { display:block; max-height:100%; width:auto; height:auto; }
.thc-foot-cards .fc-visa img { height:auto; width:66px; max-height:36px; }
.thc-foot-cards .fc-mc img { height:36px; width:auto; }
@media (max-width: 560px){
  .thc-foot-cards { padding:20px 20px; gap:10px; flex-wrap:wrap; justify-content:center; }
  .thc-foot-cards .fc-card { width:76px; height:48px; }
  .thc-foot-cards .fc-visa img { width:54px; max-height:28px; height:auto; }
  .thc-foot-cards .fc-mc img { height:28px; width:auto; }
}

/* ========== RESPONSIVE ========== */
@media (max-width: 560px){
  .thc-hero { padding:56px 20px 64px; }
  .thc-features { gap:10px; }
  .thc-feat h4 { font-size:13px; }
  .thc-feat p { font-size:11px; }
  .thc-price { font-size:56px; }
  .thc-deposit-body { padding:24px 20px 24px; }
  .thc-bullets { padding:18px 18px; }
}