
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#092845;--ink:#112b43;--green:#48a831;--mint:#eaf5e7;--muted:#667787;--cream:#f7f9f9;--line:#dce7e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 'DM Sans',Arial,sans-serif;color:var(--ink);background:white}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}img{max-width:100%;display:block}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}header{height:86px;display:flex;align-items:center;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #e9eeee}nav{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{width:192px}.links{display:flex;gap:30px;font-weight:700;font-size:13px;color:#344e63}.links a:hover{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 25px;background:var(--green);border:0;border-radius:9px;color:white;font-weight:800;cursor:pointer;box-shadow:0 10px 25px #42a32e2b;transition:.2s}.btn:hover{transform:translateY(-2px);background:#398d27}.btn.dark{background:var(--navy);box-shadow:none}.navbtn{padding:12px 20px;font-size:13px}.hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#f4f8f6 0%,#fff 56%,#e8f2ec 100%);padding:94px 0 85px}.hero:before{content:'';position:absolute;width:530px;height:530px;border-radius:50%;background:#dbeee0;filter:blur(80px);right:-150px;top:20px;opacity:.5}.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:55px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#388e2c;font-size:12px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}.eyebrow:before{content:'';width:8px;height:8px;background:var(--green);border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em}h1{font-size:clamp(39px,4.2vw,65px);line-height:1.12;margin:22px 0 22px;font-weight:800}h1 strong{color:var(--green)}.lead{max-width:520px;font-size:18px;color:#607382;margin-bottom:29px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;align-items:center}.small-note{font-size:12px;color:#72828c;margin-top:23px}.product-hero{position:relative}.product-hero img{height:540px;width:100%;object-fit:cover;object-position:center;border-radius:26px;box-shadow:0 34px 70px #0c263225}.roundstamp{position:absolute;left:-24px;bottom:31px;background:#fff;border-radius:18px;padding:17px 23px;box-shadow:0 16px 36px #14304b21;font-size:14px;font-weight:800}.roundstamp b{color:var(--green);font-size:25px;display:block;line-height:1.1}
.brandlockup{display:inline-flex;align-items:center;gap:14px;color:var(--navy)}
.brandlockup.light{color:#fff}
.brandlockup .word{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:.08em;font-size:34px;line-height:1}
.brandlockup .mark{position:relative;width:54px;height:32px;flex:none}
.brandlockup .mark .dot{position:absolute;left:0;top:1px;width:12px;height:12px;border-radius:50%;background:var(--green)}
.brandlockup .mark .slash{position:absolute;left:13px;top:0;width:21px;height:34px;border-radius:999px;background:linear-gradient(180deg,#69bf4d 0%,var(--green) 100%);transform:rotate(31deg);transform-origin:center}
.doctor-banner{padding:28px 0 18px;background:#fff}
.doctor-banner-visual{position:relative;border-radius:28px;overflow:hidden;min-height:340px;background:url("../images/doktor-hasta-banner.webp") center right/cover no-repeat;box-shadow:0 24px 60px #0f2b4017}
.doctor-banner-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 28%,rgba(255,255,255,.35) 53%,rgba(255,255,255,0) 72%)}
.doctor-banner-card{position:relative;z-index:1;max-width:510px;padding:54px 48px 52px}
.doctor-banner-card h2{font-size:clamp(28px,3vw,42px);line-height:1.12;margin:10px 0 15px}
.doctor-banner-card p{font-size:16px;color:#5f7281;margin:0 0 22px;max-width:450px}
.doctor-banner-card .mini-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;background:#eff7ec;color:#347a28;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.doctor-banner-card .mini-pill:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--green)}
@media(max-width:850px){.brandlockup .word{font-size:25px}.brandlockup .mark{width:42px;height:25px}.brandlockup .mark .dot{width:10px;height:10px}.brandlockup .mark .slash{left:10px;top:-1px;width:17px;height:28px}.doctor-banner{padding:18px 0 8px}.doctor-banner-visual{min-height:420px;background-position:72% center}.doctor-banner-visual:before{background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.9) 33%,rgba(255,255,255,.5) 62%,rgba(255,255,255,.14) 100%)}.doctor-banner-card{padding:32px 24px 230px}}
.truststrip{border-bottom:1px solid #e7eded;background:#fff}.trustgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:24px 0}.trust{display:flex;align-items:center;gap:14px;font-weight:800;font-size:13px}.trust i{font-style:normal;display:grid;place-items:center;border-radius:13px;background:#ecf6e9;color:var(--green);height:46px;width:46px;font-size:22px}.section{padding:100px 0}.center{text-align:center}.kicker{color:var(--green);font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:2px}.section h2{font-size:clamp(29px,3.25vw,43px);line-height:1.19;margin:12px 0 17px}.desc{color:var(--muted);max-width:700px}.center .desc{margin:0 auto 45px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.feature{border:1px solid #e3eaed;border-radius:17px;padding:28px;background:white;min-height:205px;box-shadow:0 10px 40px #0b264108}.feature .number{height:48px;width:48px;display:grid;place-items:center;border-radius:13px;background:#eaf5e6;color:#33912a;font-size:24px;font-weight:900;margin-bottom:20px}.feature h3{font-size:18px;letter-spacing:-.02em;margin:0 0 10px}.feature p{font-size:14px;color:var(--muted);margin:0}.light{background:#f6f9f8}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.pic{width:100%;border-radius:26px;box-shadow:0 23px 50px #102b4020}.ticks{display:grid;gap:15px;margin:23px 0 30px}.tick{display:flex;align-items:flex-start;gap:12px}.tick b{color:var(--green)}.tick span{color:#465d6d}.ingredients{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin:40px 0}.ingredient{padding:31px;border-radius:18px;background:#f4f8f6;border:1px solid #e3eee6}.ingredient .emoji{font-size:34px}.ingredient h3{font-size:20px;margin:17px 0 5px}.ingredient p{font-size:14px;color:var(--muted);margin:0}
.life-section{padding:28px 0 92px;background:#fff}
.life-box{display:grid;grid-template-columns:1.02fr .98fr;gap:38px;align-items:center;background:linear-gradient(135deg,#f7fbf8 0%,#ffffff 100%);border:1px solid #e4ece9;border-radius:28px;padding:24px;box-shadow:0 18px 48px #0d28400d}
.life-photo{min-height:360px;border-radius:22px;background:url("../images/mutlu-erkek-banner.webp") center center/cover no-repeat}
.life-copy{padding:8px 16px 8px 8px}
.life-copy h2{font-size:clamp(28px,3vw,40px);line-height:1.16;margin:12px 0 15px}
.life-copy p{color:var(--muted);font-size:16px;margin:0 0 15px}
.life-points{display:grid;gap:12px;margin:22px 0 26px}
.life-point{display:flex;gap:11px;align-items:flex-start;color:#476072}
.life-point b{color:var(--green)}
@media(max-width:850px){.life-section{padding:10px 0 60px}.life-box{grid-template-columns:1fr;padding:16px}.life-photo{min-height:250px}.life-copy{padding:4px 4px 10px}}
.banner{background:var(--navy);color:white;padding:63px 0;position:relative;overflow:hidden}.banner:after{content:'';position:absolute;width:400px;height:400px;border:2px solid #ffffff15;border-radius:50%;right:4%;top:-110px}.banner .wrap{display:flex;justify-content:space-between;align-items:center;gap:35px;position:relative;z-index:1}.banner h2{font-size:35px;margin:9px 0}.banner p{color:#b8c8d6;margin:0;max-width:620px}.banner .btn{white-space:nowrap}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:38px}.step{position:relative;padding:35px;background:#fff;border:1px solid #e0e8e7;border-radius:20px}.step .stepnum{font-size:45px;color:#c2dfb9;font-weight:800;line-height:1}.step h3{margin:18px 0 8px;font-size:20px}.step p{color:var(--muted);font-size:14px;margin:0}.faq{max-width:850px;margin:auto}details{border-bottom:1px solid #dce8e5;padding:21px 2px}summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;font-weight:800;font-size:17px;gap:15px}summary:after{content:'+';font-size:24px;color:var(--green)}details[open] summary:after{content:'−'}details p{font-size:15px;color:var(--muted);margin:15px 35px 0 0}.contact{background:linear-gradient(125deg,#0d2d47,#0a1e35);color:white;position:relative;overflow:hidden}.contact:before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:#3e9d3970;filter:blur(150px);right:-200px;top:0}.contactgrid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.contact h2{font-size:clamp(34px,4vw,50px)}.contact .desc{color:#b9cbd3}.minirow{display:flex;gap:13px;align-items:center;margin:24px 0;color:#d7e4e9;font-size:14px}.minicon{background:#ffffff16;border-radius:10px;width:43px;height:43px;display:grid;place-items:center;color:#85d577}.formbox{background:#fff;color:var(--ink);border-radius:23px;padding:34px;box-shadow:0 25px 65px #0002}.formbox h3{font-size:25px;margin:0 0 5px}.formbox>p{font-size:13px;color:var(--muted);margin:0 0 22px}.field{margin-bottom:14px}label{font-weight:800;font-size:12px;display:block;margin-bottom:6px}input,textarea{width:100%;padding:13px 15px;border:1px solid #d4dee1;border-radius:9px;outline:none;background:#fafcfc;color:var(--ink)}input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #4cad2d1c}textarea{resize:vertical;min-height:90px}.check{display:flex;gap:10px;align-items:flex-start;margin:13px 0 19px}.check input{width:17px;height:17px;flex:none;margin-top:4px}.check label{font-weight:400;font-size:11px;color:#61717b;line-height:1.6;margin:0}.check a{text-decoration:underline}.formbox .btn{width:100%}.formbox .hint{font-size:11px;color:#839098;margin:12px 0 0;text-align:center}.success{display:none;padding:12px 14px;border-radius:9px;background:#e9f6e4;color:#275c25;font-size:13px;margin-top:12px}footer{background:#06182a;color:#aec0ca;padding:34px 0 20px;font-size:12px}footer .top{display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{width:150px}footer .legal{font-size:11px;border-top:1px solid #ffffff23;margin-top:25px;padding-top:18px;line-height:1.7}.mobilecta{display:none}@media(max-width:850px){header{height:70px}.brand{width:155px}.links{display:none}.navbtn{font-size:12px;padding:10px 12px}.hero{padding:56px 0 60px}.hero-grid,.split,.contactgrid{grid-template-columns:1fr;gap:32px}.hero-grid .product-hero{order:-1}.product-hero img{height:360px}.roundstamp{left:12px;bottom:15px}.trustgrid{grid-template-columns:1fr;gap:12px}.section{padding:68px 0}.cards,.ingredients,.how{grid-template-columns:1fr;gap:13px}.feature{min-height:auto}.split .pic{max-height:460px;object-fit:contain}.banner .wrap{display:block}.banner .btn{margin-top:25px}.banner h2{font-size:29px}.contactgrid{gap:25px}.formbox{padding:24px}.mobilecta{display:block;position:fixed;z-index:9;bottom:0;left:0;width:100%;padding:11px 20px;background:#ffffffef;box-shadow:0 -5px 20px #0012}.mobilecta .btn{width:100%}footer{padding-bottom:90px}}

.symptomcards{grid-template-columns:repeat(3,1fr)} .ed-section{background:#f6f9f8} .ed-section .feature{background:#fff} @media(max-width:850px){.symptomcards{grid-template-columns:1fr}}

.symptom-section{background:linear-gradient(125deg,#f3f8f5 0%,#fff 100%);border-top:1px solid #e4ece8;border-bottom:1px solid #e4ece8}
.symptom-section .sym-intro{max-width:770px;margin:0 auto 34px;color:#617582;font-size:17px}
.symptom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:35px 0 26px;text-align:left}

.symptom-card{padding:18px 18px 20px;border:1px solid #e0e9e5;background:#fff;border-radius:18px;box-shadow:0 10px 32px #08263c0b;display:flex;flex-direction:column}
.symptom-visual{border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#f7fbf9 0%,#eef5f1 100%);margin-bottom:16px;border:1px solid #e6efea}
.symptom-visual img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.symptom-icon{display:none}
.symptom-card h3{font-size:18px;line-height:1.25;letter-spacing:-.02em;margin:0 0 8px}
.symptom-card p{font-size:14px;color:#657989;margin:0}
@media(max-width:850px){.symptom-card{padding:16px}.symptom-visual{margin-bottom:14px}}

.symptom-disclaimer{max-width:940px;margin:16px auto 30px;background:#fff;border:1px solid #d7e5dd;border-left:4px solid #4ba839;border-radius:11px;padding:17px 20px;text-align:left;color:#526b79;font-size:14px}
.symptom-disclaimer strong{color:#163c53}
.symptom-section .btn{margin:auto}
@media(max-width:850px){.symptom-grid{grid-template-columns:1fr;gap:12px}.symptom-card{padding:20px}.symptom-section .sym-intro{font-size:15px}}

.success.is-error{background:#fdecec;color:#8a1f1f}.formbox .btn:disabled{opacity:.65;cursor:wait}.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Pop-up */
.vpop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(6,24,42,.62);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.vpop.is-open{opacity:1;visibility:visible}
.vpop-box{position:relative;width:min(420px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 80px #0006;transform:translateY(18px) scale(.97);transition:transform .25s}
.vpop.is-open .vpop-box{transform:none}
.vpop-img{background:linear-gradient(160deg,#f4f8f6 0%,#e3f0e6 100%)}
.vpop-img img{width:100%;height:200px;object-fit:cover;object-position:center 32%}
.vpop-body{padding:18px 24px 18px}
.vpop-promo{margin:0 0 12px;text-align:center;font-size:15px;font-weight:700;line-height:1.45;color:var(--ink)}
.vpop-promo strong{color:#d4202c}
.vpop-price{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 16px}
.vpop-price s{font-family:Manrope,Arial,sans-serif;font-size:24px;font-weight:800;color:#5c6b75;text-decoration-color:#d4202c;text-decoration-thickness:3px}
.vpop-price b{font-family:Manrope,Arial,sans-serif;font-size:28px;font-weight:800;color:#fff;background:#d4202c;padding:6px 20px;border-radius:999px;box-shadow:0 8px 20px #d4202c40}
.vpop-form .field{margin-bottom:10px}
.vpop-form input:not([type=checkbox]){padding:11px 13px}
.vpop-form .check{margin:8px 0 14px}
.vpop-form .btn{width:100%}
.vpop-form .btn:disabled{opacity:.65;cursor:wait}
.vpop-body small{display:block;text-align:center;margin-top:10px;font-size:11px;color:#8b98a0}
.vpop-x{position:absolute;top:12px;right:12px;z-index:1;width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:var(--navy);font-size:24px;line-height:1;cursor:pointer;box-shadow:0 4px 14px #0002}
.vpop-x:hover{background:var(--mint)}
body.vpop-lock{overflow:hidden}
.tap-open{cursor:pointer}
.tap-open input,.tap-open textarea{cursor:text}
@media(max-width:640px){.vpop{align-items:flex-end;padding:0}.vpop-box{width:100%;border-radius:22px 22px 0 0;max-height:94vh}.vpop-img img{height:160px}.vpop-body{padding:16px 20px 18px}}
@media(prefers-reduced-motion:reduce){.vpop,.vpop-box{transition:none}}
