/* Takviye (cinsel sağlık) sitesi teması — site.css'in üzerine yüklenir.
   Prostat sitesiyle aynı kullanım, farklı kimlik: antrasit + kobalt mavi, kalın düz başlıklar, keskin köşeler. */
:root {
  --ink: #1f2329;       /* antrasit */
  --ink-2: #272c33;
  --ink-3: #30363e;
  --gold: #1d6fe0;      /* kobalt mavi vurgu */
  --gold-2: #7fb2ff;    /* koyu zeminde açık mavi */
  --gold-dark: #1457b8;
  --green: #1f9a63;
  --text: #1c2026;
  --muted: #5d6570;
  --line: #dfe3e8;
  --cream: #f2f4f7;
  --radius: 6px;
  --shadow: 0 22px 50px -26px rgba(15, 20, 28, 0.5);
}

body { background: #fff; }
h1, h2, h3, .step-title, .result-title { font-weight: 800; letter-spacing: -0.02em; }

/* Üst şerit: mavi */
.topbar { background: var(--gold); color: #dceaff; }
.topbar strong, .topbar-approved strong, .topbar .topbar-approved strong { color: #fff; }

/* Butonlar: düz kobalt, köşeli */
.btn { border-radius: 6px; }
.btn-gold { background: linear-gradient(180deg, #2b7cf0, var(--gold) 55%, var(--gold-dark)); color: #fff; box-shadow: 0 12px 26px -12px rgba(29, 111, 224, .9); }
.link { color: var(--gold); }
.eyebrow { color: var(--gold); letter-spacing: .14em; }

/* Giriş: antrasit, görsel solda, yuvarlak/hale yok */
.hero { background: radial-gradient(700px 420px at 22% 50%, rgba(29,111,224,.22), transparent 70%), linear-gradient(160deg, #1f2329, #181b20); color: #c9ced6; }
.hero-grid { grid-template-columns: .95fr 1.05fr; }
.hero-visual { order: -1; }
.hero-visual .glow { display: none; }
.hero-visual img { mix-blend-mode: normal; filter: drop-shadow(0 30px 40px rgba(0,0,0,.55)); }
.hero .eyebrow { color: var(--gold-2); }
.hero h1 { color: #fff; }
.hero h1 em { background: none; -webkit-background-clip: initial; background-clip: initial; color: var(--gold-2); }
.lead { color: #b9c0ca; }
.lead strong { color: #fff; }
.approved-pill { background: rgba(31,154,99,.16); border-color: rgba(95,214,158,.45); color: #8fe3bb; border-radius: 6px; }
.offer { border: 0; border-top: 5px solid var(--gold); border-radius: 6px; box-shadow: 0 24px 50px -28px rgba(0,0,0,.9); }
.offer-badge { background: var(--gold); border-radius: 4px; }
.new-price { color: var(--ink); }
.old-price { text-decoration-color: var(--gold); }
.badge { border-radius: 6px; }
.badge-cod { background: var(--green); }
.badge-secret { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.16); }
.badge-secret svg { color: var(--gold-2); }
.cta-sub, .approval { color: #98a1ad; }
.sticker { border-radius: 6px; background: var(--gold); transform: rotate(-4deg); top: 4%; left: 4%; right: auto; }

/* Güven şeridi */
.trust { background: #fff; }
.trust-item svg { stroke: var(--gold); }

/* Kısa test: fotoğraf sağda, sol çizgili kartlar */
.selfcheck { background: var(--cream); }
.selfcheck-grid { grid-template-columns: 1.25fr .75fr; }
.selfcheck-photo { order: 2; border-radius: 6px; }
.check-card { border-radius: 6px; border-width: 1.5px; border-color: var(--line); border-left: 5px solid #c4cad3; background: #fff; }
.check-card svg { stroke: var(--gold); }
.check-card::after { border-radius: 4px; }
.check-card[aria-pressed="true"] { border-color: var(--gold); border-left-color: var(--gold); background: #eef4fe; box-shadow: 0 0 0 3px rgba(29,111,224,.15); }
.check-card[aria-pressed="true"]::after { border-color: var(--gold); background-color: var(--gold); }
.check-card:focus-visible { outline-color: var(--gold); }
.check-result { border-radius: 6px; border: 1px solid var(--line); border-top: 5px solid var(--gold); box-shadow: var(--shadow); }
.result-assure { color: var(--green); }

/* Neden bölümü */
.section.soft { background: var(--cream); }
.feature { border-radius: 6px; border-top: 4px solid var(--gold); }
.feature-no { font-size: 32px; border: 0; color: var(--gold); margin-bottom: 6px; }

/* İçerik: açık bölüm (prostat sitesinde koyu) */
#icerik.section.dark { background: #fff; color: var(--text); }
#icerik.section.dark h2, #icerik.section.dark h3 { color: var(--ink); }
#icerik.section.dark .eyebrow { color: var(--gold); }
#icerik.section.dark .section-head p:last-child { color: var(--muted); }
#icerik .ingredient { background: #fff; border: 1px solid var(--line); border-radius: 6px; box-shadow: 0 16px 40px -32px rgba(15,20,28,.6); }
#icerik .ing-amount { color: var(--gold); }
#icerik .ing-amount small { color: var(--gold-dark); }
#icerik .latin { color: var(--muted); }
#icerik .ing-desc { color: #4a525d; }
#icerik .ing-desc strong { color: var(--ink); }
#icerik .spec { background: var(--cream); border-color: var(--line); border-radius: 6px; }
#icerik .spec dl div { border-bottom-color: var(--line); }
#icerik .spec dt { color: var(--muted); }
#icerik .spec dd { color: var(--ink); }

/* Gizli kargo: görsel sağda */
.secret-visual { order: 2; }
.secret-visual img { border-radius: 6px; }
.secret-tag { border-radius: 4px; background: var(--ink); color: #fff; }
.checklist li::before { background-color: var(--gold); border-radius: 4px; }

/* Adımlar */
.steps li { border-radius: 6px; border-top: 4px solid var(--gold); }
.steps li > .step-no { border-radius: 6px; background: var(--ink); color: #fff; }
.steps li > svg { stroke: var(--gold); }

/* Sipariş: antrasit zemin, beyaz form, mavi çizgi */
#siparis.section.dark { background: linear-gradient(160deg, #1f2329, #181b20); }
#siparis.section.dark .eyebrow { color: var(--gold-2); }
#siparis .summary-card { border-color: rgba(127,178,255,.3); border-radius: 6px; }
#siparis .summary-card .summary-price { color: var(--gold-2); }
.order-form { border-radius: 8px; border-top: 6px solid var(--gold); }
.form-product { border-radius: 6px; background: var(--cream); }
.form-product b { color: var(--ink); }
.progress li { border-radius: 4px; background: var(--cream); }
.progress li.active { background: #eef4fe; box-shadow: inset 0 0 0 2px var(--gold); }
.progress li.active span { background: var(--gold); }
.field input, .field select, .field textarea { border-radius: 6px; border-color: #cdd3db; background: #fafbfc; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--gold); }
.btn:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline-color: rgba(29,111,224,.45); }
.pay-safe { border-radius: 6px; }
@keyframes tkPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(29,111,224,0); }
  30%, 70% { box-shadow: 0 0 0 6px rgba(29,111,224,.4); }
}
.field.pulse { animation-name: tkPulse; }

/* SSS, uyarı, alt bilgi */
.faq details { border-radius: 6px; border-left: 4px solid var(--line); }
.faq details[open] { border-color: var(--line); border-left-color: var(--gold); box-shadow: 0 10px 30px -22px rgba(15,20,28,.5); }
.faq summary::after { color: var(--gold); }
.notice { background: var(--cream); border-color: var(--line); }
.notice p { color: #4a525d; }
.footer { background: #16191d; color: #98a1ad; }
.footer .logo { color: #fff; }
.footer .logo span { color: var(--gold-2); font-style: normal; }
.footer .link { color: var(--gold-2); }

/* Sabit buton, pencereler */
.sticky-cta { border-radius: 8px; background: linear-gradient(180deg, #2b7cf0, var(--gold)); color: #fff; }
.modal { border-radius: 8px; }
.success-icon { background: var(--gold); border-radius: 8px; }

@media (max-width: 960px) {
  .hero-grid, .selfcheck-grid { grid-template-columns: 1fr; }
  .selfcheck-photo { display: none; }
}

/* Giriş metni vurguları: koyu zeminde dolgu göz yorar → beyaz kalın yazı + ince mavi alt çizgi */
.hero .lead { color: #d3d8df; }
.hero .lead strong { color: #fff; background: none; padding: 0; text-decoration: underline; text-decoration-color: #4d93f5; text-decoration-thickness: 2px; text-underline-offset: 5px; }