/* Body Genetic — style strony (baza + skórka Wellclinic). Nagłówek funkcjonalny zostawiony celowo. */
:root{--ink:#101114;--black:#0b0c0f;--graphite:#17191e;--paper:#f5f3ee;--white:#fff;--gold:#d2b47b;--gold2:#f0d49e;--line:rgba(255,255,255,.16);--muted:#adafb5;--serif:Georgia,'Times New Roman',serif;--sans:Inter,Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}.content{width:min(1160px,calc(100% - 48px));margin:auto}.topbar{height:82px;padding:0 max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;color:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border:1px solid var(--gold);display:grid;place-items:center;border-radius:50%;font-family:var(--serif);color:var(--gold2);font-size:13px}.brand strong{display:block;font-size:13px;letter-spacing:.16em}.brand small{display:block;color:#bfc0c4;font-size:9px;letter-spacing:.22em;margin-top:1px}.topbar nav{display:flex;gap:30px;font-size:14px;color:#d8d9dc}.topbar nav a:hover{color:var(--gold2)}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);background:var(--gold);color:#141517;border-radius:2px;padding:15px 22px;font-weight:700;font-size:14px;transition:.2s}.button:hover{background:var(--gold2);border-color:var(--gold2);transform:translateY(-1px)}.button-small{padding:10px 16px}.button-full{width:100%}.hero{position:relative;min-height:780px;background:var(--black);color:white;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,9,.96) 0%,rgba(5,6,9,.76) 35%,rgba(5,6,9,.14) 72%,rgba(5,6,9,.05) 100%)}.hero-content{position:relative;z-index:1;padding-top:88px}.eyebrow{color:#9c8050;font-size:12px;font-weight:800;letter-spacing:.19em;margin:0 0 20px}.hero .eyebrow{color:var(--gold2)}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.04;letter-spacing:-.035em;margin:0}h1{font-size:clamp(48px,6.3vw,88px);max-width:820px}h1 em{color:var(--gold2);font-weight:400}.hero-lead{font-size:19px;line-height:1.65;color:#d7d7da;max-width:650px;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:28px}.text-link{font-size:14px;color:#fff}.text-link span{color:var(--gold);margin-left:8px}.trust-row{display:flex;gap:0;margin-top:62px;color:#d5d5d7;font-size:13px}.trust-row span{padding:0 28px;border-right:1px solid var(--line)}.trust-row span:first-child{padding-left:0}.trust-row span:last-child{border:0}.section{padding:110px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.intro h2,.program h2,.medicine h2,.process h2,.results h2,.plan h2,.faq h2,.contact h2{font-size:clamp(38px,4.2vw,60px)}.intro-copy{font-size:18px;color:#4f525a}.placeholder{color:#806a43!important;border-left:2px solid var(--gold);padding-left:16px}.program{background:var(--black);color:white}.program h2{max-width:760px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);margin-top:58px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pillars article{padding:30px 26px 34px;border-right:1px solid var(--line)}.pillars article:first-child{padding-left:0}.pillars article:last-child{border:0}.pillars span{color:var(--gold);font-size:12px;letter-spacing:.15em}.pillars h3{font-family:var(--serif);font-size:25px;font-weight:400}.pillars p{color:#b9bbc0;font-size:15px}.medicine{background:#eae6dd}.medicine-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:90px;align-items:center}.medicine-grid>div>p:not(.eyebrow){font-size:18px;color:#454850;max-width:720px}.legal-note{font-size:13px!important;border-top:1px solid #cbc4b6;padding-top:20px;margin-top:28px}.doctor-card,.plan-card{background:var(--graphite);color:white;padding:46px;box-shadow:0 24px 70px rgba(16,17,20,.18)}.card-label{font-size:11px;letter-spacing:.18em;color:var(--gold);font-weight:800}.doctor-card h3,.plan-card h3{font-family:var(--serif);font-size:32px;font-weight:400;line-height:1.15}.doctor-card ul,.plan-card ul{padding:0;list-style:none}.doctor-card li,.plan-card li{padding:13px 0 13px 25px;border-top:1px solid var(--line);position:relative;color:#d6d7da;font-size:14px}.doctor-card li:before,.plan-card li:before{content:'✓';position:absolute;left:0;color:var(--gold)}.process{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.process-heading{position:sticky;top:40px;align-self:start}.timeline{border-top:1px solid #c7c2b9}.timeline article{display:grid;grid-template-columns:62px 1fr;gap:16px;padding:30px 0;border-bottom:1px solid #c7c2b9}.timeline article>span{font-family:var(--serif);font-size:26px;color:#9c8050}.timeline h3{margin:0;font-size:20px}.timeline p{color:#63666d;margin:8px 0 0}.results{background:#111216;color:white}.results-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.results-head>p{margin:0}.result-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:46px}.result-placeholder{min-height:390px;background:linear-gradient(150deg,#2a2d33,#181a1f);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line)}.result-placeholder span{font-size:11px;letter-spacing:.18em;color:var(--gold)}.result-placeholder p{color:#8f9298}.result-story{padding:34px;background:#e7cf9c;color:#17181b;display:flex;flex-direction:column;justify-content:center}.quote-mark{font-family:var(--serif);font-size:70px;margin:0;line-height:.6}.result-story blockquote{font-family:var(--serif);font-size:24px;line-height:1.35;margin:24px 0}.caption{font-size:12px;color:#898c93;margin-top:18px}.plan{background:#ded8cc}.plan-grid{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center}.plan-card{padding:50px}.plan-card .price{font-family:var(--serif);font-size:34px;color:var(--gold2);margin:25px 0}.plan-card .price small{font-family:var(--sans);font-size:13px;color:#aaa}.plan-card .button{margin-top:22px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.accordions{border-top:1px solid #bbb7af}.accordions details{border-bottom:1px solid #bbb7af;padding:22px 0}.accordions summary{cursor:pointer;font-weight:700;padding-right:30px}.accordions details p{color:#5d6067}.contact{background:var(--black);color:white}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:start}.contact-grid>div>p:not(.eyebrow){color:#b8bbc0;font-size:18px;max-width:560px}.locations{color:var(--gold2)!important;font-size:13px!important;letter-spacing:.14em;margin-top:34px}.contact-form{background:#181a1f;padding:38px;display:grid;gap:18px}.contact-form label{display:grid;gap:8px;font-size:13px;color:#c7c8cb}.contact-form input,.contact-form select{width:100%;background:#0f1013;border:1px solid #34363c;color:white;padding:14px;font:inherit;font-size:16px}.contact-form .consent{grid-template-columns:20px 1fr;align-items:start;gap:10px;font-size:12px}.contact-form .consent input{margin-top:4px}.success{display:none;color:#d8c08f;font-size:13px;text-align:center}.contact-form.sent .success{display:block}.footer{display:flex;justify-content:space-between;align-items:center;padding-top:38px;padding-bottom:38px}.footer p{font-size:11px;color:#707278;max-width:440px;text-align:right}.footer .brand-mark{background:var(--black)}
@media(max-width:900px){.topbar nav{display:none}.topbar .button-small{display:none}.hero{min-height:720px}.hero-image{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(5,6,9,.96),rgba(5,6,9,.6))}.intro,.medicine-grid,.process,.results-head,.plan-grid,.faq,.contact-grid{grid-template-columns:1fr;gap:44px}.pillars{grid-template-columns:1fr 1fr}.pillars article:nth-child(2){border-right:0}.pillars article:first-child{padding-left:26px}.process-heading{position:static}.result-grid{grid-template-columns:1fr 1fr}.result-story{grid-column:1/-1}.section{padding:82px 0}}
@media(max-width:600px){.content{width:min(100% - 32px,1160px)}.topbar{height:70px;padding:0 16px}.hero{min-height:760px;align-items:flex-end}.hero-content{padding:110px 0 58px}.hero-image{object-position:68% center;opacity:.62}.hero-shade{background:linear-gradient(0deg,#090a0d 12%,rgba(9,10,13,.78) 58%,rgba(9,10,13,.25))}h1{font-size:48px}.hero-lead{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.trust-row{flex-wrap:wrap;gap:12px;margin-top:36px}.trust-row span{padding:0 12px 0 0;border:0}.pillars,.result-grid{grid-template-columns:1fr}.pillars article{border-right:0;border-bottom:1px solid var(--line);padding-left:0!important}.result-story{grid-column:auto}.doctor-card,.plan-card,.contact-form{padding:28px}.section{padding:66px 0}.footer{display:grid;gap:20px}.footer p{text-align:left}}

:root {
  --ink: #10383a;
  --black: #073639;
  --graphite: #0b4143;
  --paper: #faf8f0;
  --white: #fffdf7;
  --gold: #c6a052;
  --gold2: #dfc379;
  --line: rgba(230, 216, 174, .22);
  --muted: #c4d2cc;
}

.brand-logo { display: block; width: 220px; height: auto; }
.footer .brand-logo { width: 190px; }
.phone-cta { display: grid; justify-items: center; gap: 2px; }
.phone-link { display: inline-flex; align-items: center; gap: 8px; color: var(--gold2); font-size: 14px; font-weight: 700; white-space: nowrap; letter-spacing: .03em; }
.phone-link svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
.phone-link:hover { color: var(--white); }
.phone-link:focus-visible { outline: 2px solid var(--gold2); outline-offset: 5px; }

body { background: var(--paper); color: var(--ink); }
.topbar { background: rgba(4, 48, 51, .96); border-bottom-color: rgba(220, 193, 119, .32); }
.brand-mark { color: var(--gold2); }
.brand small { color: #c8d7d1; }
.topbar nav { color: #ecede5; }
.button { background: var(--gold); border-color: var(--gold); color: #092f31; }
.button:hover { background: var(--gold2); border-color: var(--gold2); }

.hero { background: var(--black); }
.hero-shade { background: linear-gradient(90deg, rgba(3, 43, 46, .97) 0%, rgba(3, 43, 46, .82) 38%, rgba(3, 43, 46, .28) 76%, rgba(3, 43, 46, .12) 100%); }
.hero .eyebrow, h1 em { color: var(--gold2); }
.hero-lead, .trust-row { color: #e0e8e1; }
.hero-proof { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; width: fit-content; max-width: 100%; margin: 18px 0 0; padding: 0; color: #fffdf7; }
.hero-proof strong { color: var(--gold2); font-size: 19px; letter-spacing: .02em; white-space: nowrap; }
.hero-proof span { font-size: 14px; font-weight: 600; }
.trust-row span { border-color: var(--line); }

.eyebrow, .timeline article > span { color: #9a7835; }
.intro-copy { color: #4f6864; }
.program, .results, .contact { background: var(--black); color: var(--white); }
.pillars { border-color: var(--line); }
.pillars article { border-color: var(--line); }
.pillars span, .doctor-card li:before, .plan-card li:before { color: var(--gold2); }
.pillars p, .contact-grid > div > p:not(.eyebrow) { color: #c4d2cc; }

.medicine { background: #f0ede2; }
.medicine-grid > div > p:not(.eyebrow) { color: #405d58; }
.legal-note { border-color: #d5cebb; }
.doctor-card, .plan-card { background: var(--graphite); }
.doctor-card li, .plan-card li { color: #e0e8e1; }
.card-label { color: var(--gold2); }

.timeline { border-color: #d3ccba; }
.timeline article { border-color: #d3ccba; }
.timeline p { color: #5b706b; }
.result-placeholder { background: linear-gradient(150deg, #155052, #0b3e41); border-color: var(--line); }
.result-placeholder span { color: var(--gold2); }
.result-photo { align-self: start; overflow: hidden; border: 1px solid var(--line); border-radius: 5px; background: var(--black); }
.result-photo img { display: block; width: 100%; height: auto; }
.result-story { background: #e8d9ae; color: #10383a; }
.caption { color: #c0cdc7; }
.plan { background: #f0ede2; }
.plan-card .price { color: var(--gold2); }
.plan-card .price small { color: #c4d2cc; }
.accordions { border-color: #d3ccba; }
.accordions details { border-color: #d3ccba; }
.accordions details p { color: #536964; }
.locations { color: var(--gold2) !important; }

.contact-form { background: #0c4143; }
.contact-form label { color: #e1e9e3; }
.contact-form input, .contact-form select { background: #062f32; border-color: rgba(222, 195, 121, .38); color: #fffdf7; }
.contact-form input::placeholder { color: #9eb2aa; }
.success { color: var(--gold2); }
.footer .brand-mark { background: var(--black); }
.footer p { color: #728783; }




@media (max-width: 900px) {
  .hero-shade { background: linear-gradient(90deg, rgba(3, 43, 46, .97), rgba(3, 43, 46, .67)); }
}
@media (max-width: 600px) {
  .topbar .brand-logo { width: 170px; }
  .phone-cta { max-width: 138px; justify-items: end; }
  .hero-shade { background: linear-gradient(0deg, #073639 12%, rgba(7, 54, 57, .84) 58%, rgba(7, 54, 57, .32)); }
  .hero-proof { gap: 2px 7px; margin-top: 18px; padding: 9px 11px; }
  .hero-proof strong { font-size: 17px; }
  .hero-proof span { font-size: 12px; }
}

body.body-genetic h1, body.body-genetic h2 { font-family: var(--serif) !important; font-style: normal !important; font-weight: 400 !important; line-height: 1.12 !important; padding-bottom: 0.05em !important; }
body.body-genetic h3 { font-family: var(--serif) !important; font-style: normal !important; }
body.body-genetic { font-family: var(--sans) !important; }
body.body-genetic .button { color: #092f31 !important; }
body.body-genetic #callpageWrapper, body.body-genetic .callpage-widget { display: none !important; }
body.body-genetic .elementor-location-popup, body.body-genetic .dialog-widget, body.body-genetic .pp-search-form { display: none !important; }
body.body-genetic .contact-form input[type="submit"], body.body-genetic .wpcf7-submit { background: var(--gold) !important; color: #092f31 !important; width: 100% !important; }
body.body-genetic .contact-form a, body.body-genetic .wpcf7-form .consent a { color: var(--gold2) !important; text-decoration: underline !important; }
body.body-genetic .trust-row { margin-top: 36px !important; }
@media (min-width: 901px) {
  body.body-genetic .faq { padding-top: 160px !important; padding-bottom: 160px !important; }
}
body.body-genetic .contact { margin-top: 0 !important; }
body.body-genetic .contact-form p { margin: 0 !important; }
body.body-genetic .contact-form label br { display: none !important; }
body.body-genetic .contact-form .wpcf7-form-control-wrap { display: block !important; width: 100% !important; }
body.body-genetic .contact-form fieldset { border: 0 !important; margin: 0 !important; padding: 0 !important; }
body.body-genetic .contact-form .consent .wpcf7-form-control-wrap { display: inline-block !important; width: auto !important; }
body.body-genetic .contact-form .consent .wpcf7-list-item { margin: 0 !important; }
body.body-genetic .contact-form .wpcf7-turnstile { order: 2 !important; margin: 14px 0 0 !important; }
body.body-genetic .contact-form p:has(.wpcf7-submit) { order: 3 !important; }
body.body-genetic .contact-form .wpcf7-response-output { order: 4 !important; margin: 0 !important; }
body.body-genetic [class*="cdp-"] { display: none !important; }
body.body-genetic .footer { padding-bottom: 20px !important; }
body.body-genetic .contact-form textarea { width:100% !important; background:#062f32 !important; border:1px solid rgba(222,195,121,.38) !important; color:#fffdf7 !important; padding:14px !important; font:inherit !important; font-size:16px !important; border-radius:4px !important; box-sizing:border-box !important; min-height:120px !important; resize:vertical !important; }
body.body-genetic .contact-form .wpcf7-acceptance .wpcf7-list-item { margin: 0 !important; width: auto !important; display: block !important; }
body.body-genetic .contact-form .wpcf7-acceptance label { display: flex !important; align-items: flex-start !important; gap: 10px !important; font-size: 12px !important; line-height: 1.45 !important; cursor: pointer !important; }
body.body-genetic .contact-form .wpcf7-acceptance input[type="checkbox"] { width: 16px !important; min-width: 16px !important; height: 16px !important; margin: 2px 0 0 0 !important; padding: 0 !important; flex: 0 0 auto !important; display: inline-block !important; }
body.body-genetic .contact-form .wpcf7-acceptance .wpcf7-list-item-label { flex: 1 1 auto !important; }

/* Sekcja 5 ETAPÓW (dodana 2026-10-08) */
body.body-genetic .stages{background:#111216 !important;color:#fff}
body.body-genetic .stages .eyebrow{color:var(--gold2) !important}
body.body-genetic .stages h2{max-width:820px;color:#fff}
body.body-genetic .stages-grid{display:grid !important;grid-template-columns:repeat(5,1fr) !important;margin-top:52px !important;border-top:1px solid rgba(255,255,255,.14)}
body.body-genetic .stages .stage{padding:26px 20px 30px !important;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
body.body-genetic .stages .stage:last-child{border-right:0}
body.body-genetic .stages .stage-num{font-family:var(--serif);font-size:30px;color:var(--gold2)}
body.body-genetic .stages .stage-en{display:block;font-size:11px;letter-spacing:.15em;color:var(--gold);font-weight:800;margin:12px 0 2px}
body.body-genetic .stages .stage h3{font-family:var(--serif);font-weight:400;font-size:19px;line-height:1.2;margin:6px 0 10px;color:#fff}
body.body-genetic .stages .stage p{font-size:13px;line-height:1.7;color:#b9bbc0;margin:0}
@media(max-width:900px){body.body-genetic .stages-grid{grid-template-columns:repeat(2,1fr) !important}body.body-genetic .stages .stage:nth-child(2n){border-right:0}}
@media(max-width:600px){body.body-genetic .stages-grid{grid-template-columns:1fr !important}body.body-genetic .stages .stage{border-right:0}}

/* === re-asercja typografii po włączeniu CSS motywu (kit Elementora nadpisuje h1/h2/h3/eyebrow) === */
body.body-genetic main h1,body.body-genetic main h2,body.body-genetic main h3{font-family:var(--serif) !important;font-weight:400 !important;letter-spacing:-.035em !important;color:inherit !important}
body.body-genetic main h1{font-size:clamp(48px,6.3vw,88px) !important;line-height:1.04 !important}
body.body-genetic main h1 em{color:var(--gold2) !important;font-weight:400 !important}
body.body-genetic .intro h2,body.body-genetic .program h2,body.body-genetic .medicine h2,body.body-genetic .process h2,body.body-genetic .results h2,body.body-genetic .plan h2,body.body-genetic .faq h2,body.body-genetic .contact h2,body.body-genetic .stages h2{font-size:clamp(38px,4.2vw,60px) !important;line-height:1.04 !important}
body.body-genetic .pillars h3{font-size:25px !important}
body.body-genetic .doctor-card h3,body.body-genetic .plan-card h3{font-size:32px !important}
body.body-genetic .timeline h3{font-size:20px !important}
body.body-genetic .stages .stage h3{font-size:19px !important}
body.body-genetic .eyebrow{font-family:var(--sans) !important;color:#9c8050 !important;font-size:12px !important;font-weight:800 !important;letter-spacing:.19em !important}
body.body-genetic .hero .eyebrow{color:var(--gold2) !important}
body.body-genetic .button,body.body-genetic .button:hover{color:#141517 !important}
body.body-genetic .text-link{color:#fff !important}
body.body-genetic .topbar nav a{color:#d8d9dc !important}
body.body-genetic .topbar nav a:hover{color:var(--gold2) !important}