/* ============================================
   DORA SANTE - DESIGN TOKENS
   Tum sayfalar bu degiskenleri kullanir.
   ============================================ */
:root{
  --green:#2E7D32;
  --green-dark:#1B5E20;
  --green-mid:#4CAF50;
  --green-bg:#EAF6EA;
  --green-pale:#F4FAF3;
  --amber:#F5A623;
  --ink:#17231A;
  --gray:#6B7268;
  --gray-light:#9AA39A;
  --line:#E4EDE3;
  --white:#FFFFFF;

  /* Hero slider icin koyu tema + neon vurgu (referans gorseldeki enerjiyi verir) */
  --night:#0E2318;
  --night-deep:#081611;
  --lime:#C6FF3D;
  --lime-deep:#8FCF1F;

  /* Logo paletindeki teal/mavi - site geneli ambient dekorasyon icin */
  --teal:#1E93A6;
  --teal-light:#4FB8C9;

  /* Hero icin sicak krem tonu (Go Meal referansindaki acik tema, marka renklerimizle) */
  --cream:#F7F4EA;
  --cream-deep:#EFEAD8;

  --container-max: 1360px;
  --section-space-desktop: 88px;
  --section-space-mobile: 56px;

  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 100px;

  --shadow-soft: 0 8px 24px rgba(23,35,26,0.06);
  --shadow-card: 0 16px 34px rgba(23,35,26,0.10);
  --shadow-nav: 0 6px 20px rgba(23,35,26,0.06);

  --border-subtle: 1px solid var(--line);

  --transition-fast: 160ms ease;
  --transition-base: 260ms cubic-bezier(.22,.61,.36,1);

  --control-height: 52px;
}

*{margin:0; padding:0; box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Plus Jakarta Sans', -apple-system, sans-serif;
  color:var(--ink);
  background:var(--white);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none; color:inherit;}
img{display:block; max-width:100%; object-fit:cover;}
ul{list-style:none;}
button{font-family:inherit; cursor:pointer; border:none; background:none;}

.container{max-width:var(--container-max); margin:0 auto; padding:0 40px;}
@media (max-width:640px){ .container{padding:0 20px;} }
.section{padding:var(--section-space-desktop) 0;}
@media (max-width:860px){ .section{padding:var(--section-space-mobile) 0;} }

h1,h2,h3,h4{font-weight:800; letter-spacing:-0.02em; color:var(--ink);}
h2,h3,h4{margin-bottom:14px;}
h2:last-child, h3:last-child, h4:last-child{margin-bottom:0;}
h1{font-size:2.9rem; line-height:1.1;}
h2{font-size:1.85rem; line-height:1.2;}
h3{font-size:1.3rem; line-height:1.3;}
h4{font-size:1.05rem; line-height:1.35;}
p{color:var(--gray);}
.content-measure{max-width:880px;}
.container.content-measure{margin-left:auto; margin-right:auto;}
@media (max-width:640px){ h1{font-size:2.15rem;} h2{font-size:1.5rem;} }

.eyebrow{
  color:var(--green); font-weight:700; font-size:0.78rem; letter-spacing:0.06em;
  text-transform:uppercase; display:flex; align-items:center; gap:6px; margin-bottom:10px;
}
.eyebrow::before{content:'🌿'; font-size:0.9rem;}

.pill{
  display:inline-flex; align-items:center; gap:6px; background:var(--green-bg); color:var(--green);
  font-size:0.78rem; font-weight:600; padding:7px 16px; border-radius:var(--radius-pill);
}

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height:var(--control-height); padding:0 26px;
  background:var(--green); color:#fff; font-weight:600; font-size:0.94rem;
  border-radius:var(--radius-pill); transition:background var(--transition-fast), transform var(--transition-fast);
  white-space:nowrap;
}
.btn:hover{background:var(--green-dark); transform:translateY(-1px);}
.btn-outline{background:#fff; color:var(--ink); border:1.5px solid var(--line);}
.btn-outline:hover{border-color:var(--green); color:#fff; background:var(--green);}
.btn-sm{height:40px; padding:0 18px; font-size:0.85rem;}
.btn-block{width:100%;}

/* ============ HEADER / NAV ============ */
header.site-header{
  position:sticky; top:0; z-index:100; background:rgba(255,255,255,0.92);
  backdrop-filter:blur(10px); border-bottom:1px solid transparent;
  transition:box-shadow var(--transition-base), border-color var(--transition-base), background var(--transition-base);
}
header.site-header.scrolled{
  box-shadow:var(--shadow-nav); border-bottom-color:var(--line); background:rgba(255,255,255,0.98);
}
.scroll-progress{ position:absolute; top:0; left:0; height:3px; width:0%; background:linear-gradient(90deg, var(--green), var(--amber)); z-index:2; transition:width 80ms linear; }
.nav-inner{display:flex; align-items:center; justify-content:space-between; min-height:78px; flex-wrap:nowrap;}
.logo{display:flex; align-items:center; gap:9px; font-weight:800; font-size:1.25rem; color:var(--ink);}
.logo .dot{width:32px; height:32px; border-radius:9px; background:var(--green); color:#fff; display:flex; align-items:center; justify-content:center; font-size:1rem; flex-shrink:0;}
.logo .logo-icon-img{width:38px; height:38px; object-fit:contain; flex-shrink:0;}
.logo-text-short{display:none;}
.logo small{display:block; font-weight:500; font-size:0.66rem; color:var(--gray);}

nav.main-nav{display:flex; align-items:center; gap:8px;}
nav.main-nav > ul{display:flex; align-items:center; gap:4px;}
nav.main-nav > ul > li{position:relative;}
nav.main-nav > ul > li > a{
  display:flex; align-items:center; gap:5px; padding:10px 16px; font-size:0.92rem; font-weight:500;
  border-radius:var(--radius-pill); transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
  position:relative;
}
nav.main-nav > ul > li > a:hover{
  background:linear-gradient(135deg, rgba(46,125,50,0.16), rgba(30,147,166,0.16));
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  color:var(--green);
  box-shadow:0 6px 16px rgba(30,147,166,0.18), inset 0 1px 0 rgba(255,255,255,0.5);
}
nav.main-nav > ul > li > a .caret{font-size:0.65rem; transition:transform var(--transition-fast);}
nav.main-nav > ul > li:hover > a .caret{transform:rotate(180deg);}

.dropdown{
  position:absolute; top:calc(100% + 10px); left:50%; transform:translateX(-50%) translateY(6px);
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-md); box-shadow:var(--shadow-card);
  min-width:300px; padding:10px; opacity:0; visibility:hidden;
  transition:opacity var(--transition-base), transform var(--transition-base), visibility var(--transition-base);
}
nav.main-nav > ul > li:hover .dropdown{opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);}
.dropdown a{
  display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:var(--radius-sm);
  font-size:0.92rem; font-weight:600; transition:background var(--transition-fast);
}
.dropdown a:hover{background:var(--green-bg);}
.dropdown a .ic{width:34px; height:34px; border-radius:9px; background:var(--green-bg); display:flex; align-items:center; justify-content:center; font-size:1rem; flex-shrink:0;}
.dropdown a:hover .ic{background:#fff;}

.nav-cta{display:flex; align-items:center; gap:10px;}
.mobile-toggle{display:none; width:44px; height:44px; align-items:center; justify-content:center; border-radius:var(--radius-sm);}

.mobile-nav{
  position:fixed; inset:0; background:#fff; z-index:200; transform:translateX(100%);
  transition:transform var(--transition-base); display:flex; flex-direction:column; padding:24px;
}
.mobile-nav.open{transform:translateX(0);}
.mobile-nav .top-row{display:flex; justify-content:space-between; align-items:center; margin-bottom:32px;}
.mobile-nav a{display:block; padding:16px 4px; font-size:1.15rem; font-weight:600; border-bottom:1px solid var(--line);}
.mobile-nav .sub-toggle{display:flex; justify-content:space-between; align-items:center;}
.mobile-nav .submenu{max-height:0; overflow:hidden; transition:max-height var(--transition-base);}
.mobile-nav .submenu.open{max-height:600px;}
.mobile-nav .submenu a{padding-left:20px; font-size:0.98rem; font-weight:500; border-bottom:none; color:var(--gray);}

@media (max-width:960px){
  nav.main-nav{display:none;}
  .mobile-toggle{display:flex;}
  .nav-inner{gap:8px;}
  .logo{min-width:0; flex-shrink:1;}
  .logo > div{ min-width:0; overflow:hidden; white-space:nowrap; }
  .logo-text-short{display:inline;}
  .logo-text-full{display:none;}
  .logo{font-size:0.98rem;}
  .logo .dot, .logo .logo-icon-img{width:32px; height:32px;}
  .nav-cta{flex-shrink:0; gap:6px;}
  .nav-cta .btn{padding:0 12px; font-size:0.78rem; height:38px; white-space:nowrap;}
}
@media (max-width:420px){
  .logo{font-size:0.86rem;}
  .nav-cta .btn{padding:0 12px;}
}
.btn-label-short{display:none;}
@media (max-width:480px){
  .btn-label-full{display:none;}
  .btn-label-short{display:inline;}
}

/* ============ HERO ============ */
.hero{padding:64px 0 40px;}
.hero .grid{display:grid; grid-template-columns:1fr 0.95fr; gap:56px; align-items:center;}
.hero h1{margin:16px 0 20px;}
.hero h1 .accent{color:var(--green);}
.hero p.sub{font-size:1.05rem; max-width:460px; margin-bottom:28px;}
.hero-actions{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:28px;}
.trust-row{display:flex; gap:26px; flex-wrap:wrap;}
.trust-item{display:flex; align-items:center; gap:8px; font-size:0.85rem; font-weight:600; color:var(--ink);}
.trust-item .ic{width:28px; height:28px; border-radius:8px; background:var(--green-bg); display:flex; align-items:center; justify-content:center; font-size:0.9rem;}

.hero-visual{position:relative;}
.hero-visual .main-img{border-radius:var(--radius-lg); overflow:hidden; aspect-ratio:4/5; box-shadow:0 30px 60px rgba(46,125,50,0.14);}
.float-card{position:absolute; background:#fff; border-radius:var(--radius-md); padding:14px 16px; box-shadow:var(--shadow-card); display:flex; align-items:center; gap:10px;}
.float-card .ic{width:36px; height:36px; border-radius:9px; background:var(--green-bg); display:flex; align-items:center; justify-content:center; font-size:1rem;}
.float-card strong{display:block; font-size:0.95rem;}
.float-card span{font-size:0.7rem; color:var(--gray);}
.fc-1{top:6%; right:5%;}
.fc-2{bottom:6%; left:5%;}
@media (max-width:960px){
  .hero .grid{grid-template-columns:1fr;}
  .float-card{display:none;}
}

/* ============ SECTION HEAD ============ */
.section-head{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:36px; flex-wrap:wrap; gap:16px;}
.section-head .content-measure p{margin-top:8px;}
.view-all{font-size:0.85rem; font-weight:700; color:var(--green); display:flex; align-items:center; gap:6px; border:1.5px solid var(--line); padding:9px 18px; border-radius:var(--radius-pill); transition:border-color var(--transition-fast);}
.view-all:hover{border-color:var(--green);}

/* ============ THERAPY CARDS ============ */
.therapy-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:18px;}
.therapy-card{
  border:var(--border-subtle); border-radius:var(--radius-md); padding:26px 22px; background:#fff;
  display:flex; flex-direction:column; height:100%; transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
}
.therapy-card:hover{transform:translateY(-5px); box-shadow:var(--shadow-card); border-color:var(--green-bg);}
.therapy-card .ic{width:46px; height:46px; border-radius:12px; background:var(--green-bg); display:flex; align-items:center; justify-content:center; font-size:1.3rem; margin-bottom:16px;}
.therapy-card h4{margin-bottom:8px;}
.therapy-card p{font-size:0.87rem; margin-bottom:18px; flex-grow:1;}
.therapy-card .actions{display:flex; flex-direction:column; gap:8px;}
.therapy-card .detail-link{font-size:0.85rem; font-weight:700; color:var(--green); display:flex; align-items:center; gap:5px;}
.therapy-card .wa-micro{font-size:0.78rem; font-weight:600; color:var(--gray); display:flex; align-items:center; gap:5px;}
.therapy-card .wa-micro:hover{color:var(--green);}
@media (max-width:960px){ .therapy-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .therapy-grid{grid-template-columns:1fr;} }

/* ============ PROCESS STEPS ============ */
.steps-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.step-card{border:var(--border-subtle); border-radius:var(--radius-md); padding:26px 22px;}
.step-card .num{font-size:0.78rem; font-weight:800; color:var(--amber); letter-spacing:0.05em; margin-bottom:12px;}
.step-card h4{margin-bottom:8px;}
.step-card p{font-size:0.87rem;}
@media (max-width:900px){ .steps-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){ .steps-grid{grid-template-columns:1fr;} }

/* ============ WHY US ============ */
.why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.why-card{background:var(--green-pale); border-radius:var(--radius-md); padding:28px 24px;}
.why-card .ic{width:42px; height:42px; border-radius:11px; background:#fff; display:flex; align-items:center; justify-content:center; font-size:1.15rem; margin-bottom:14px;}
.why-card h4{margin-bottom:6px;}
.why-card p{font-size:0.88rem;}
@media (max-width:860px){ .why-grid{grid-template-columns:1fr;} }

/* ============ TESTIMONIALS ============ */
.testi-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.testi-card{border:var(--border-subtle); border-radius:var(--radius-md); padding:26px 24px;}
.testi-card p.quote{font-size:0.94rem; color:var(--ink); font-style:italic; margin-bottom:18px;}
.testi-name{display:flex; align-items:center; gap:10px; font-weight:700; font-size:0.9rem;}
.testi-name .dot{width:34px; height:34px; border-radius:50%; background:var(--green); color:#fff; display:flex; align-items:center; justify-content:center; font-family:inherit; font-weight:700;}
.testi-name small{display:block; font-weight:500; color:var(--gray); font-size:0.75rem;}
@media (max-width:860px){ .testi-grid{grid-template-columns:1fr;} }

/* ============ FAQ ACCORDION ============ */
.faq-list{border-top:var(--border-subtle);}
.faq-item{border-bottom:var(--border-subtle);}
.faq-q{display:flex; justify-content:space-between; align-items:center; gap:20px; cursor:pointer; padding:22px 4px; font-weight:700; font-size:1rem;}
.faq-q .plus{font-size:1.3rem; color:var(--amber); transition:transform var(--transition-base); flex-shrink:0;}
.faq-item.open .plus{transform:rotate(45deg);}
.faq-a{max-height:0; overflow:hidden; transition:max-height var(--transition-base), padding var(--transition-base); font-size:0.92rem; padding:0 4px;}
.faq-item.open .faq-a{max-height:400px; padding-bottom:20px;}
.faq-cta{
  text-align:center; margin-top:44px; padding:48px 32px;
  background:linear-gradient(135deg, var(--green) 0%, var(--teal) 100%);
  border-radius:var(--radius-lg); position:relative; overflow:hidden;
  box-shadow:0 20px 45px rgba(30,147,166,0.3);
  animation:faq-cta-glow 3s ease-in-out infinite;
}
.faq-cta p, .faq-cta h2{color:#fff; font-weight:800; font-size:1.3rem; margin-bottom:22px; letter-spacing:-0.01em;}
.faq-cta .btn{
  background:#fff; color:var(--green); font-size:1rem; font-weight:800;
  padding:0 34px; height:56px; box-shadow:0 10px 22px rgba(0,0,0,0.18);
}
.faq-cta .btn:hover{ background:var(--lime); color:var(--night-deep); }
@keyframes faq-cta-glow{
  0%,100%{ box-shadow:0 20px 45px rgba(30,147,166,0.3); }
  50%{ box-shadow:0 22px 58px rgba(46,125,50,0.46); }
}
@media (prefers-reduced-motion:reduce){ .faq-cta{ animation:none; } }
@media (max-width:640px){ .faq-cta{ padding:36px 22px; } .faq-cta p{ font-size:1.1rem; } }

/* ============ BLOG ============ */
.blog-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.blog-card{border:var(--border-subtle); border-radius:var(--radius-md); overflow:hidden; transition:transform var(--transition-base), box-shadow var(--transition-base);}
.blog-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-card);}
.blog-card .img{aspect-ratio:16/10;}
.blog-card .body{padding:20px;}
.blog-card .cat{font-size:0.7rem; font-weight:700; color:var(--green); text-transform:uppercase; letter-spacing:0.05em; margin-bottom:8px; display:block;}
.blog-card h4{margin-bottom:8px;}
.blog-card p.excerpt{font-size:0.86rem; margin-bottom:14px;}
.blog-meta{display:flex; gap:14px; font-size:0.76rem; color:var(--gray-light); border-top:var(--border-subtle); padding-top:14px;}
@media (max-width:900px){ .blog-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:640px){ .blog-grid{grid-template-columns:1fr;} }

.category-nav{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:36px;}
.category-nav a, .category-nav button{padding:9px 18px; border-radius:var(--radius-pill); border:1.5px solid var(--line); background:#fff; font-size:0.86rem; font-weight:600; font-family:inherit; cursor:pointer; transition:var(--transition-fast);}
.category-nav a.active, .category-nav a:hover, .category-nav button.active, .category-nav button:hover{background:var(--green); color:#fff; border-color:var(--green);}

.featured-article{display:grid; grid-template-columns:1.1fr 0.9fr; gap:36px; align-items:center; margin-bottom:60px; border:var(--border-subtle); border-radius:var(--radius-lg); overflow:hidden; padding:0;}
.featured-article .img{aspect-ratio:4/3;}
.featured-article .body{padding:36px 36px 36px 0;}
@media (max-width:900px){ .featured-article{grid-template-columns:1fr;} .featured-article .body{padding:0 24px 24px;} }

.article-header{max-width:960px; margin:0 auto; text-align:left; padding-bottom:20px;}
.breadcrumb{display:flex; gap:8px; font-size:0.82rem; color:var(--gray); margin-bottom:20px; flex-wrap:wrap;}
.breadcrumb a:hover{color:var(--green);}
.article-meta-row{display:flex; gap:16px; font-size:0.82rem; color:var(--gray-light); margin:16px 0 28px; flex-wrap:wrap;}
.article-cover{max-width:960px; margin:0 auto 36px; aspect-ratio:16/9; border-radius:var(--radius-lg); overflow:hidden;}
.article-body{max-width:960px; margin:0 auto; font-size:1.02rem; color:var(--ink);}
.article-body p{color:var(--ink); margin-bottom:20px;}
.article-body h2{margin:40px 0 16px;}
.article-body ul{list-style:disc; padding-left:22px; margin-bottom:20px;}
.article-body li{margin-bottom:8px; color:var(--ink);}
.toc{max-width:960px; margin:0 auto 36px; background:var(--green-pale); border-radius:var(--radius-md); padding:22px 26px;}
.toc h4{margin-bottom:10px;}
.toc a{display:block; padding:5px 0; font-size:0.9rem; color:var(--green); font-weight:600;}
.related-block{max-width:960px; margin:48px auto 0; padding-top:36px; border-top:var(--border-subtle);}

/* Blog detay: gorsel solda, giris metni sagda */
.article-top{
  max-width:960px; margin:0 auto 36px;
  display:grid; grid-template-columns:1fr 1.05fr; gap:44px; align-items:center;
}
.article-top-img{ border-radius:var(--radius-lg); overflow:hidden; aspect-ratio:4/5; box-shadow:var(--shadow-card); }
.article-top-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.article-top-text p{ font-size:1.15rem; font-weight:600; color:var(--ink); line-height:1.65; margin:0; }
@media (max-width:768px){
  .article-top{ grid-template-columns:1fr; gap:20px; }
  .article-top-img{ aspect-ratio:16/9; }
  .article-top-text p{ font-size:1.02rem; font-weight:500; }
}

/* ============ WHATSAPP FORM ============ */
.wa-form-section{background:var(--green-pale); border-radius:var(--radius-lg); padding:52px; }
.wa-form-grid{display:grid; grid-template-columns:0.9fr 1.1fr; gap:48px; align-items:center;}
.wa-form{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
.field{display:flex; flex-direction:column; gap:6px;}
.field.full{grid-column:1/-1;}
.field label{font-size:0.82rem; font-weight:700;}
.field input, .field select, .field textarea{
  height:var(--control-height); border:1.5px solid var(--line); border-radius:var(--radius-sm);
  padding:0 16px; font-family:inherit; font-size:0.94rem; background:#fff; transition:border-color var(--transition-fast);
}
.field textarea{height:auto; padding:14px 16px; resize:vertical; min-height:100px;}
.field input:focus, .field select:focus, .field textarea:focus{outline:none; border-color:var(--green);}
@media (max-width:900px){ .wa-form-grid{grid-template-columns:1fr;} .wa-form{grid-template-columns:1fr;} .wa-form-section{padding:32px 24px;} }

/* ============ FOOTER ============ */
footer.site-footer{background:var(--green-dark); color:#fff; padding-top:0;}
.footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; padding-bottom:40px;}
.footer-grid-6{grid-template-columns:repeat(6,1fr); padding-top:56px;}
.footer-col h5{color:#fff; font-size:0.92rem; margin-bottom:16px;}
.footer-col p{color:rgba(255,255,255,0.7); font-size:0.88rem;}
.footer-col ul li{margin-bottom:10px;}
.footer-col a{color:rgba(255,255,255,0.75); font-size:0.88rem; transition:color var(--transition-fast);}
.footer-col a:hover{color:#fff;}
.footer-col.reveal{ transition-delay:0ms; }
.footer-col:nth-child(1).reveal{ transition-delay:0ms; }
.footer-col:nth-child(2).reveal{ transition-delay:90ms; }
.footer-col:nth-child(3).reveal{ transition-delay:180ms; }
.footer-col:nth-child(4).reveal{ transition-delay:270ms; }
.footer-col:nth-child(5).reveal{ transition-delay:360ms; }
.footer-col:nth-child(6).reveal{ transition-delay:450ms; }
.footer-bottom{border-top:1px solid rgba(255,255,255,0.15); padding:22px 0; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:0.8rem; color:rgba(255,255,255,0.6);}

.pixkoda-credit{ display:flex; align-items:center; gap:8px; }
.pixkoda-credit a{
  color:#FF7A29; font-weight:800; letter-spacing:0.01em;
  transition:color var(--transition-fast);
}
.pixkoda-credit a:hover{ color:#FF9A54; text-decoration:underline; }
.pixkoda-logo-placeholder{
  width:22px; height:22px; border-radius:6px; flex-shrink:0;
  border:1.5px dashed rgba(255,122,41,0.6); color:#FF7A29;
  display:flex; align-items:center; justify-content:center;
  font-size:0.6rem; font-weight:800; letter-spacing:0.01em;
}
/* ============================================
   GUVEN KAROSELI - ILETISIM KANALLARI (footer ustu)
   ============================================ */
.address-link{ color:inherit; text-decoration:none; }
.address-link:hover{ color:var(--green); text-decoration:underline; }

.trust-carousel-section{ padding:48px 0; background:var(--green-pale); overflow:hidden; }
.trust-carousel{
  position:relative; display:flex; justify-content:center;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
  mask-image:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}
.trust-track{
  display:flex; gap:44px; width:max-content;
  transition:transform 700ms cubic-bezier(.65,0,.35,1);
  will-change:transform;
}
.trust-logo{
  display:flex; align-items:center; gap:9px; padding:14px 24px; white-space:nowrap;
  background:rgba(255,255,255,0.65); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border:1.5px solid rgba(46,125,50,0.16); border-radius:var(--radius-pill);
  color:var(--gray); filter:grayscale(1); opacity:0.65;
  transition:filter 300ms ease, opacity 300ms ease, color 300ms ease, transform 300ms ease, box-shadow 300ms ease;
}
.trust-logo:hover{
  filter:grayscale(0); opacity:1; color:var(--green);
  transform:translateY(-4px); box-shadow:0 12px 24px rgba(46,125,50,0.2);
}
.trust-logo span{ font-weight:700; font-size:0.9rem; }
@media (max-width:640px){ .trust-track{ gap:28px; } .trust-logo{ padding:11px 18px; } .trust-logo span{ font-size:0.8rem; } }

/* ============================================
   ILGILI TERAPILER - PREMIUM ORTALI PILL GRUBU
   ============================================ */
.related-therapies{ text-align:center; }
.related-therapies h2{ text-align:center; margin-bottom:28px; }
.related-pills{
  display:flex; flex-wrap:wrap; justify-content:center; gap:14px;
}
.related-pill{
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,255,255,0.6); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border:1.5px solid rgba(46,125,50,0.18); color:var(--ink);
  font-weight:700; font-size:0.94rem; padding:14px 26px; border-radius:var(--radius-pill);
  transition:transform var(--transition-fast), background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);
}
.related-pill:hover{
  background:var(--green); color:#fff; border-color:var(--green);
  transform:translateY(-4px); box-shadow:0 14px 28px rgba(46,125,50,0.28);
}
.related-pill.is-current{
  background:var(--green); color:#fff; border-color:var(--green);
}
@media (max-width:640px){
  .related-pill{ font-size:0.86rem; padding:12px 18px; }
}
.social-icons{display:flex; gap:10px; margin-top:16px;}
.social-icons a{
  width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,0.1); color:#fff;
  display:flex; align-items:center; justify-content:center;
  transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
}
.social-icons a:hover{
  background:linear-gradient(135deg, var(--green), var(--teal)); color:#fff;
  transform:translateY(-3px); box-shadow:0 8px 18px rgba(30,147,166,0.35);
}
.social-icons.light a{ background:#fff; color:var(--green-dark); box-shadow:var(--shadow-soft); }
.social-icons.light a:hover{ color:#fff; }
@media (max-width:860px){ .footer-grid{grid-template-columns:1fr 1fr;} .footer-grid-6{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){ .footer-grid{grid-template-columns:1fr;} .footer-grid-6{grid-template-columns:1fr;} }

/* ============ TIBBI UYARI BARI (footer ustunde, her sayfada) ============ */
.medical-notice-bar{ background:#FDF3E3; border-top:1px solid #F0DDB5; border-bottom:1px solid #F0DDB5; }
.medical-notice-inner{
  display:flex; align-items:center; justify-content:center; text-align:center;
  gap:12px; padding:18px 24px; font-size:0.98rem; font-weight:600; color:#7A5B1E; flex-wrap:wrap;
}
.medical-notice-inner .ic{ flex-shrink:0; font-size:1.2rem; }
.medical-notice-inner a{
  position:relative; color:#B8791A; font-weight:800; text-decoration:none;
  padding-bottom:2px; background-image:linear-gradient(#B8791A, #B8791A);
  background-repeat:no-repeat; background-position:0 100%; background-size:100% 3px;
  animation:notice-underline-pulse 2.6s ease-in-out infinite;
}
@keyframes notice-underline-pulse{
  0%, 100%{ background-size:100% 2px; }
  50%{ background-size:100% 5px; }
}
@media (prefers-reduced-motion:reduce){ .medical-notice-inner a{ animation:none; background-size:100% 3px; } }
@media (max-width:640px){ .medical-notice-inner{ font-size:0.86rem; padding:16px 20px; } }

/* ============ UYARI MODALI (ilk ziyaret) ============ */
.modal-overlay{
  position:fixed; inset:0; z-index:300; display:flex; align-items:center; justify-content:center;
  background:rgba(14,35,24,0.55); backdrop-filter:blur(4px);
  opacity:0; visibility:hidden; transition:opacity var(--transition-base), visibility var(--transition-base);
  padding:20px;
}
.modal-overlay.open{ opacity:1; visibility:visible; }
.modal-box{
  background:#fff; border-radius:var(--radius-lg); padding:34px; max-width:480px; width:100%;
  box-shadow:0 40px 80px rgba(0,0,0,0.3); transform:translateY(16px) scale(0.98); transition:transform var(--transition-base);
}
.modal-overlay.open .modal-box{ transform:translateY(0) scale(1); }
.modal-box h3{ margin-bottom:14px; }
.modal-box p{ font-size:0.92rem; margin-bottom:12px; }
.modal-actions{ display:flex; gap:12px; margin-top:20px; flex-wrap:wrap; }
.modal-actions .btn, .modal-actions .btn-outline{ flex:1; justify-content:center; }

/* ============ COOKIE BANNER ============ */
.cookie-banner{
  position:fixed; left:20px; right:20px; bottom:20px; z-index:250; max-width:620px; margin:0 auto;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-md); box-shadow:var(--shadow-card);
  padding:20px 22px; display:flex; flex-direction:column; gap:14px;
  transform:translateY(140%); transition:transform var(--transition-base);
}
.cookie-banner.open{ transform:translateY(0); }
.cookie-banner p{ font-size:0.86rem; margin:0; }
.cookie-banner a{ color:var(--green); font-weight:700; }
.cookie-actions{ display:flex; gap:10px; flex-wrap:wrap; }
.cookie-prefs-panel{ border-top:1px solid var(--line); padding-top:14px; display:flex; flex-direction:column; gap:10px; font-size:0.86rem; }
.cookie-prefs-panel label{ display:flex; align-items:center; gap:8px; }
@media (max-width:640px){ .cookie-banner{ left:12px; right:12px; bottom:88px; } }

.mobile-wa-bar{
  display:none; position:fixed; bottom:0; left:0; right:0; z-index:150;
  background:var(--ink); padding:12px 16px;
}
.mobile-wa-bar .btn{width:100%;}
@media (max-width:960px){
  .mobile-wa-bar{display:block;}
  body{padding-bottom:76px;}
}

.two-col{display:grid; grid-template-columns:1.1fr 0.9fr; gap:48px; align-items:center;}
@media (max-width:900px){ .two-col{grid-template-columns:1fr;} }

.answer-box{background:var(--green-pale); border-left:4px solid var(--green); border-radius:var(--radius-sm); padding:20px 24px; margin:20px 0 28px;}
.answer-box p{color:var(--ink); margin:0;}

.city-badges{display:flex; gap:10px; flex-wrap:wrap; margin-top:18px;}
.city-badges span{background:var(--green-bg); color:var(--green); font-size:0.8rem; font-weight:700; padding:8px 16px; border-radius:var(--radius-pill);}

/* Form hata mesaji ve mobil menu kapatma butonu (eksik tanimlar) */
.form-error{ min-height:18px; margin-bottom:4px; }
.mobile-nav-close{
  width:44px; height:44px; display:flex; align-items:center; justify-content:center;
  border-radius:50%; transition:background var(--transition-fast);
}
.mobile-nav-close:hover{ background:var(--green-bg); color:var(--green); }

/* ============================================
   SITE GENELI AMBIENT ARKA PLAN (dusuk opacity, logo renklerinde, yavas hareket eden)
   ============================================ */
.ambient-bg{
  position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none;
}
.amb{
  position:absolute; border-radius:50%; filter:blur(70px); opacity:0.16;
  will-change:transform;
}
.amb-green{ width:520px; height:520px; top:-8%; left:-10%; background:var(--green); animation:drift1 26s ease-in-out infinite; }
.amb-teal{ width:460px; height:460px; top:35%; right:-12%; background:var(--teal); animation:drift2 32s ease-in-out infinite; }
.amb-green-2{ width:400px; height:400px; bottom:-10%; left:22%; background:var(--green-mid); animation:drift3 24s ease-in-out infinite; }

@keyframes drift1{
  0%,100%{ transform:translate(0,0) scale(1); }
  50%{ transform:translate(60px,40px) scale(1.08); }
}
@keyframes drift2{
  0%,100%{ transform:translate(0,0) scale(1); }
  50%{ transform:translate(-50px,60px) scale(1.05); }
}
@keyframes drift3{
  0%,100%{ transform:translate(0,0) scale(1); }
  50%{ transform:translate(40px,-50px) scale(1.1); }
}
@media (prefers-reduced-motion:reduce){
  .amb{ animation:none; }
}
@media (max-width:640px){
  .amb{ opacity:0.1; }
}

/* ============================================
   CIKIS NIYETI CTA POPUP (Kaizen referansindaki koyu + neon stil)
   ============================================ */
.exit-overlay.modal-overlay{ background:rgba(4,10,7,0.72); backdrop-filter:blur(4px); }
.exit-box{
  position:relative; max-width:440px; width:92%; margin:0 auto;
  background:radial-gradient(120% 140% at 20% 0%, var(--green-dark) 0%, var(--night) 55%, var(--night-deep) 100%);
  border-radius:var(--radius-lg); padding:44px 32px 36px; text-align:center;
  border:1px solid rgba(198,255,61,0.18); box-shadow:0 40px 80px rgba(0,0,0,0.45);
  transform:translateY(16px) scale(0.98); transition:transform var(--transition-base);
}
.exit-overlay.open .exit-box{ transform:translateY(0) scale(1); }
.exit-close{
  position:absolute; top:16px; right:16px; width:32px; height:32px; border-radius:50%;
  background:rgba(255,255,255,0.1); color:#fff; font-size:0.9rem; display:flex; align-items:center; justify-content:center;
  transition:background var(--transition-fast);
}
.exit-close:hover{ background:rgba(255,255,255,0.22); }
.exit-badge{
  display:inline-flex; background:var(--lime); color:var(--night-deep); font-weight:700; font-size:0.8rem;
  padding:8px 18px; border-radius:var(--radius-pill); margin-bottom:20px;
}
.exit-box h3{ color:#fff; font-size:1.7rem; line-height:1.25; margin-bottom:14px; }
.exit-box p{ color:rgba(255,255,255,0.72); font-size:0.94rem; margin-bottom:26px; }
.exit-actions{ display:flex; flex-direction:column; align-items:center; gap:14px; }
.exit-actions .btn{ width:100%; justify-content:center; }
.exit-phone{ color:var(--lime); font-weight:700; font-size:0.92rem; }
.exit-phone:hover{ text-decoration:underline; }
@media (max-width:480px){
  .exit-box{ padding:36px 22px 28px; }
  .exit-box h3{ font-size:1.4rem; }
}

/* ============================================
   PREMIUM EFEKTLER: GLOSSY / 3D / SLIDER / SCROLL REVEAL
   ============================================ */

/* ---- Glossy yuzey (kartlar, butonlar) ---- */
.btn, .therapy-card, .step-card, .why-card, .testi-card, .blog-card, .price-card, .p-card{
  position:relative; overflow:hidden;
}
.btn::before, .therapy-card::before, .step-card::before, .why-card::before, .testi-card::before, .blog-card::before{
  content:''; position:absolute; top:0; left:-60%; width:40%; height:100%;
  background:linear-gradient(115deg, transparent, rgba(255,255,255,0.55), transparent);
  transform:skewX(-20deg); transition:left 650ms ease; pointer-events:none; z-index:2;
}
.btn:hover::before, .therapy-card:hover::before, .step-card:hover::before, .why-card:hover::before, .testi-card:hover::before, .blog-card:hover::before{
  left:130%;
}
.therapy-card, .step-card, .why-card, .testi-card, .blog-card{
  background:linear-gradient(180deg, #ffffff 0%, #fdfefd 100%);
  box-shadow:0 1px 0 rgba(255,255,255,0.8) inset, var(--shadow-soft);
}

/* ---- 3D tilt (JS ile rotateX/rotateY set edilir) ---- */
.tilt-el{
  transform-style:preserve-3d; will-change:transform;
  transition:transform 120ms ease, box-shadow 300ms ease;
}
.tilt-el:hover{ box-shadow:0 24px 46px rgba(23,35,26,0.16); }

/* ---- Glossy 3D ikon rozetleri ---- */
.therapy-card .ic, .step-card .num, .why-card .ic, .float-card .ic{
  position:relative;
}
.therapy-card .ic{
  background:linear-gradient(145deg, var(--green-bg) 0%, #dff0de 100%);
  box-shadow:0 6px 14px rgba(46,125,50,0.18), inset 0 1px 0 rgba(255,255,255,0.9);
  animation:floaty 5s ease-in-out infinite;
}
.therapy-card:nth-child(2) .ic{ animation-delay:0.4s; }
.therapy-card:nth-child(3) .ic{ animation-delay:0.8s; }
.therapy-card:nth-child(4) .ic{ animation-delay:1.2s; }
.therapy-card:nth-child(5) .ic{ animation-delay:1.6s; }
@keyframes floaty{ 0%,100%{transform:translateY(0) rotate(0deg);} 50%{transform:translateY(-6px) rotate(-4deg);} }
@media (prefers-reduced-motion:reduce){ .therapy-card .ic{ animation:none; } }

/* ---- Hero gorseli icin cam/glossy cerceve + 3D perspektif ---- */
.hero-visual{ perspective:1200px; }
.hero-visual .main-img{
  transform-style:preserve-3d; transition:transform 200ms ease;
  border:1px solid rgba(255,255,255,0.5); position:relative;
  box-shadow:0 40px 70px rgba(46,125,50,0.22), inset 0 1px 0 rgba(255,255,255,0.5);
}
.hero-visual .main-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.hero-visual .main-img .curtain{
  position:absolute; top:0; height:100%; width:52%; background:var(--cream); z-index:3;
}
.hero-visual .main-img .curtain.left{ left:0; }
.hero-visual .main-img .curtain.right{ right:0; }
.hero-visual .main-img.dora-reveal .curtain.left{ animation:curtain-open-left 1000ms cubic-bezier(.65,0,.35,1) forwards; }
.hero-visual .main-img.dora-reveal .curtain.right{ animation:curtain-open-right 1000ms cubic-bezier(.65,0,.35,1) forwards; }
.hero-visual .main-img.dora-reveal img{ animation:img-zoom-in 1200ms cubic-bezier(.22,.61,.36,1) forwards; }
@media (prefers-reduced-motion:reduce){
  .hero-visual .main-img .curtain, .hero-visual .main-img img{ animation:none !important; }
}
.float-card{
  background:rgba(255,255,255,0.75); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,0.6);
}

/* ---- Glossy WhatsApp form paneli (glassmorphism) ---- */
.wa-form-section{
  background:linear-gradient(135deg, rgba(234,246,234,0.9), rgba(244,250,243,0.9));
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,0.6);
}

/* ============ HERO SLIDER ============ */
.hero-slider{ position:relative; overflow:hidden; padding:0; }
.slider-track{ display:flex; transition:transform 700ms cubic-bezier(.65,0,.35,1); }
.slide{ min-width:100%; padding:64px 0 40px; }
.slider-dots{
  display:flex; justify-content:center; gap:10px; padding-bottom:36px;
}
.slider-dots .dot{
  width:10px; height:10px; border-radius:50%; background:var(--line); border:none; cursor:pointer;
  transition:background var(--transition-fast), transform var(--transition-fast);
}
.slider-dots .dot.active{ background:var(--green); transform:scale(1.3); }
.slider-arrow{
  position:absolute; top:50%; transform:translateY(-50%); z-index:10;
  width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,0.85);
  backdrop-filter:blur(6px); box-shadow:var(--shadow-card); display:flex; align-items:center; justify-content:center;
  font-size:1.1rem; color:var(--green); transition:transform var(--transition-fast);
}
.slider-arrow:hover{ transform:translateY(-50%) scale(1.1); }
.slider-arrow.prev{ left:16px; } .slider-arrow.next{ right:16px; }
@media (max-width:960px){ .slider-arrow{ display:none; } }

/* ============ SCROLL REVEAL ============ */
.reveal{ opacity:0; transform:translateY(28px); transition:opacity 700ms ease, transform 700ms cubic-bezier(.22,.61,.36,1); }
.reveal.in-view{ opacity:1; transform:translateY(0); }
@media (prefers-reduced-motion:reduce){ .reveal{ opacity:1; transform:none; transition:none; } }

/* ============================================
   HERO SLIDER - ACIK TEMA (Go Meal referansi, Dora Sante renkleriyle)
   ============================================ */
.hero-slider{
  background:linear-gradient(115deg, var(--cream) 0%, var(--cream) 48%, #E7F2F1 72%, #DCEEEE 100%);
  padding-bottom:0; margin-bottom:0; overflow:hidden;
}
.hero-slider .slide{ padding:64px 0 96px; }
.hero-slider .pill{
  background:var(--green-bg); color:var(--green); border:1px solid rgba(46,125,50,0.18);
}
.hero-slider h1{ color:var(--ink); }
.hero-slider h1 .accent, .hero-slider .slide-heading .accent{ color:var(--green); }
.hero-slider h1, .hero-slider .slide-heading{ color:var(--ink); }
.hero-slider p.sub{ color:var(--gray); }
.hero-slider .trust-item{ color:var(--ink); }
.hero-slider .trust-item .ic{ background:var(--green-bg); }
.hero-slider .btn{
  background:var(--green); color:#fff; font-weight:700;
  box-shadow:0 10px 26px rgba(46,125,50,0.22);
}
.hero-slider .btn:hover{ background:var(--green-dark); }
.hero-slider .btn-outline{
  background:transparent; color:var(--ink); border:1.5px solid rgba(23,35,26,0.22);
}
.hero-slider .btn-outline:hover{ border-color:var(--green); color:#fff; background:var(--green); }
.hero-slider .slider-dots .dot{ background:rgba(23,35,26,0.16); }
.hero-slider .slider-dots .dot.active{ background:var(--green); }
.hero-slider .slider-arrow{ background:rgba(255,255,255,0.75); color:var(--green); border:1px solid rgba(23,35,26,0.1); backdrop-filter:blur(8px); }

/* Guven satiri - avatar + memnuniyet metni (Go Meal 'Reviews' satiri) */
.hero-trust-row{ display:flex; align-items:center; gap:14px; margin-top:32px; }
.hero-trust-row .avatars{ display:flex; }
.hero-trust-row .avatars span{
  width:38px; height:38px; border-radius:50%; border:2px solid var(--cream);
  background:var(--green); color:#fff; display:flex; align-items:center; justify-content:center;
  font-weight:700; font-size:0.85rem; margin-left:-10px;
}
.hero-trust-row .avatars span:first-child{ margin-left:0; }
.hero-trust-row .avatars span:nth-child(2){ background:var(--teal); }
.hero-trust-row .avatars span:nth-child(3){ background:var(--amber); }
.hero-trust-row .txt strong{ display:block; color:var(--green); font-size:0.9rem; }
.hero-trust-row .txt span{ font-size:0.8rem; color:var(--gray); }

/* Sag taraf: dekoratif daireler + gorsel + dondurulmus yan etiket */
.hero-visual-new{ position:relative; display:flex; align-items:center; justify-content:center; }
.hero-visual-new .circle-bg{
  position:absolute; width:88%; aspect-ratio:1/1; border-radius:50%;
  background:radial-gradient(circle, #fff 0%, var(--green-bg) 70%, transparent 100%);
  z-index:0;
}
.hero-visual-new .circle-bg::after{
  content:''; position:absolute; inset:10%; border-radius:50%;
  background:radial-gradient(circle, rgba(30,147,166,0.16), transparent 70%);
}
.hero-visual-new .img-wrap{
  position:relative; z-index:1; width:78%; aspect-ratio:4/5; overflow:hidden;
  border-radius:var(--radius-lg); box-shadow:0 30px 60px rgba(23,35,26,0.16);
}
.hero-visual-new .img-wrap img{
  width:100%; height:100%; object-fit:cover; display:block;
}
.hero-visual-new .curtain{
  position:absolute; top:0; height:100%; width:52%; background:var(--cream); z-index:3;
}
.hero-visual-new .curtain.left{ left:0; }
.hero-visual-new .curtain.right{ right:0; }
.slide.dora-active .curtain.left{ animation:curtain-open-left 1000ms cubic-bezier(.65,0,.35,1) forwards; }
.slide.dora-active .curtain.right{ animation:curtain-open-right 1000ms cubic-bezier(.65,0,.35,1) forwards; }
@keyframes curtain-open-left{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-102%); }
}
@keyframes curtain-open-right{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(102%); }
}
.slide.dora-active .img-wrap img{
  animation:img-zoom-in 1200ms cubic-bezier(.22,.61,.36,1) forwards;
}
@keyframes img-zoom-in{
  0%{ transform:scale(1.18); }
  100%{ transform:scale(1); }
}
@media (prefers-reduced-motion:reduce){
  .slide .curtain, .hero-visual-new .img-wrap img{ animation:none !important; }
}
.hero-visual-new .side-tag{
  position:absolute; right:-14px; top:50%;
  transform:translateY(-50%) rotate(90deg) translateX(50%) scale(0.7);
  transform-origin:right center;
  background:linear-gradient(135deg, var(--green) 0%, var(--teal) 100%); color:#fff;
  font-weight:800; font-size:1rem; letter-spacing:0.14em; padding:12px 26px;
  border-radius:var(--radius-pill); white-space:nowrap; z-index:2;
  box-shadow:0 12px 26px rgba(30,147,166,0.35), inset 0 1px 0 rgba(255,255,255,0.35), inset 0 -2px 4px rgba(0,0,0,0.15);
  opacity:0;
}
.slide.dora-active .side-tag{
  animation:side-tag-pop 700ms 500ms cubic-bezier(.34,1.56,.64,1) forwards;
}
@keyframes side-tag-pop{
  0%{ opacity:0; transform:translateY(-50%) rotate(90deg) translateX(80%) scale(0.5); }
  70%{ opacity:1; transform:translateY(-50%) rotate(90deg) translateX(48%) scale(1.08); }
  100%{ opacity:1; transform:translateY(-50%) rotate(90deg) translateX(50%) scale(1); }
}
@media (prefers-reduced-motion:reduce){
  .hero-visual-new .side-tag{ opacity:1; animation:none; transform:translateY(-50%) rotate(90deg) translateX(50%) scale(1); }
}

@media (max-width:960px){
  .hero-slider .slide{ padding:48px 0 72px; }
  .hero-visual-new{ margin-top:32px; }
  .hero-visual-new .side-tag{ display:none; }
}
@media (max-width:640px){
  .hero-trust-row{ margin-top:24px; }
}

/* Dalgali gecis kesimi - hero'nun altini organik bir kavis ile keser */
.hero-wave{ position:absolute; bottom:0; left:0; width:100%; height:90px; z-index:4; line-height:0; }
.hero-wave svg{ display:block; width:100%; height:100%; }

/* Foto seridi - hero'dan ayri, duzenli hizali kart sirasi */
.session-strip{
  position:relative; z-index:5; padding:52px 0 20px;
}
.session-strip .track{
  display:grid; grid-template-columns:repeat(5,1fr); gap:18px;
}
.session-strip .s-card{
  position:relative; border-radius:var(--radius-lg); overflow:hidden; aspect-ratio:3/4;
  box-shadow:var(--shadow-card); display:block; color:inherit; text-decoration:none;
}
.session-strip .s-card{
  transform:translateY(var(--py, 0px));
}
.session-strip .s-card:hover{
  transform:translateY(calc(var(--py, 0px) - 10px));
  z-index:6; transition:transform var(--transition-base);
}
.session-strip .s-card img{ width:100%; height:100%; object-fit:cover; }
.session-strip .s-card .overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(14,35,24,0) 40%, rgba(14,35,24,0.82) 100%);
}
.session-strip .s-card .label{
  position:absolute; left:14px; right:14px; bottom:14px; color:#fff; font-weight:700; font-size:0.92rem;
}
.session-strip .s-card .blob{
  position:absolute; top:-20%; right:-30%; width:70%; height:70%; background:var(--lime);
  opacity:0.9; border-radius:42% 58% 65% 35% / 45% 45% 55% 55%; z-index:-1;
}
/* Hover'da logo renklerinde (yesil -> teal) gradyan cerceve */
.session-strip .s-card::after{
  content:''; position:absolute; inset:0; border-radius:inherit; padding:3px;
  background:linear-gradient(135deg, var(--green), var(--teal), var(--lime));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:0; transition:opacity var(--transition-base); pointer-events:none; z-index:3;
}
.session-strip .s-card:hover::after{ opacity:1; }

@media (max-width:960px){
  .session-strip .track{ grid-template-columns:repeat(3,1fr); }
  .session-strip .s-card:nth-child(4), .session-strip .s-card:nth-child(5){ display:none; }
}
@media (max-width:640px){
  .session-strip{ padding-top:36px; }
  .session-strip .track{ grid-template-columns:repeat(2,1fr); gap:12px; }
  .session-strip .s-card:nth-child(3){ display:none; }
  .hero-slider{ padding-bottom:0; }
  .hero-slider .slide{ padding:60px 0 110px; }
}

/* ============================================
   TAM KATMANLI PARALLAX (hero blob'lari + foto seridi + fare derinligi)
   ============================================ */
.hero-slider{ position:relative; }
.parallax-layer{
  position:absolute; border-radius:50%; pointer-events:none; z-index:0;
  filter:blur(40px); will-change:transform;
}
.pl-1{ width:420px; height:420px; top:-8%; left:-6%; background:radial-gradient(circle, rgba(46,125,50,0.10), transparent 70%); }
.pl-2{ width:340px; height:340px; bottom:-10%; right:-4%; background:radial-gradient(circle, rgba(30,147,166,0.14), transparent 70%); }
.pl-3{ width:260px; height:260px; top:20%; right:18%; background:radial-gradient(circle, rgba(245,166,35,0.10), transparent 70%); }
.hero-slider .slider-track, .hero-slider .slide .container{ position:relative; z-index:1; }

.session-strip .s-card{ will-change:transform; }

@media (prefers-reduced-motion:reduce){
  .parallax-layer{ display:none; }
}

/* ============================================
   HERO SLIDE - IKI KOLONLU DUZEN (Go Meal referansi, acik tema)
   ============================================ */
.hero-slider .slide{
  position:relative; display:flex; align-items:center;
}
.hero-slider .slide .grid{ display:grid; grid-template-columns:1fr 0.9fr; gap:56px; align-items:center; position:relative; z-index:1; }
.hero-slider .slide-inner{ max-width:560px; }
.hero-slider .slide-inner h1, .hero-slider .slide-inner h2.slide-heading{ font-size:2.75rem; }

@media (max-width:960px){
  .hero-slider .slide .grid{ grid-template-columns:1fr; }
  .hero-slider .slide-inner{ max-width:100%; }
  .hero-slider .slide-inner h1, .hero-slider .slide-inner h2.slide-heading{ font-size:2.1rem; }
}

/* ============================================
   SABIT WHATSAPP BUTONU (sag alt, masaustu)
   ============================================ */
.wa-float{
  position:fixed; right:24px; bottom:24px; z-index:140;
  width:58px; height:58px; border-radius:50%; background:#25D366; color:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 26px rgba(37,211,102,0.4); transition:transform var(--transition-fast);
}
.wa-float:hover{ transform:scale(1.08); }
.wa-float::after{
  content:''; position:absolute; inset:0; border-radius:50%; background:#25D366;
  z-index:-1; animation:wa-pulse 2.4s ease-out infinite;
}
@keyframes wa-pulse{
  0%{ transform:scale(1); opacity:0.6; }
  100%{ transform:scale(1.7); opacity:0; }
}
@media (max-width:960px){
  .wa-float{ bottom:88px; right:16px; width:52px; height:52px; }
}
@media (prefers-reduced-motion:reduce){
  .wa-float::after{ animation:none; }
}

/* ============================================
   YARDIMCI SOHBET WIDGET'I (kural tabanli, SSS + iletisim bilgisi)
   ============================================ */
.chat-toggle{
  position:fixed; right:24px; bottom:92px; z-index:140;
  width:56px; height:56px; border-radius:50%; background:#fff; color:var(--green);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 24px rgba(46,125,50,0.3), inset 0 0 0 2px var(--green-bg);
  transition:transform var(--transition-fast);
  animation:chat-bounce 3.2s ease-in-out infinite;
}
.chat-toggle:hover{ transform:scale(1.1); animation-play-state:paused; }
.chat-smiley{ width:34px; height:34px; }
.chat-smiley .eye{ transform-box:fill-box; transform-origin:center; animation:chat-blink 3.2s ease-in-out infinite; }
.chat-smiley .eye-r{ animation-delay:0.05s; }
@keyframes chat-bounce{
  0%, 80%, 100%{ transform:translateY(0); }
  88%{ transform:translateY(-6px); }
  94%{ transform:translateY(0); }
}
@keyframes chat-blink{
  0%, 90%, 100%{ transform:scaleY(1); }
  93%{ transform:scaleY(0.15); }
  96%{ transform:scaleY(1); }
}
@media (prefers-reduced-motion:reduce){
  .chat-toggle{ animation:none; }
  .chat-smiley .eye{ animation:none; }
}
@media (max-width:960px){ .chat-toggle{ bottom:152px; right:16px; width:50px; height:50px; } .chat-smiley{ width:30px; height:30px; } }

.chat-window{
  position:fixed; right:24px; bottom:158px; z-index:141;
  width:340px; max-width:calc(100vw - 32px); max-height:60vh;
  background:#fff; border-radius:var(--radius-lg); box-shadow:var(--shadow-card);
  border:1px solid var(--line); display:flex; flex-direction:column; overflow:hidden;
  opacity:0; visibility:hidden; transform:translateY(16px);
  transition:opacity var(--transition-base), transform var(--transition-base), visibility var(--transition-base);
}
.chat-window.open{ opacity:1; visibility:visible; transform:translateY(0); }
.chat-header{
  background:var(--green); color:#fff; padding:14px 18px; display:flex; justify-content:space-between; align-items:center;
}
.chat-header strong{ font-size:0.94rem; }
.chat-header span{ font-size:0.72rem; opacity:0.85; display:block; }
.chat-close{ color:#fff; font-size:1.1rem; }
.chat-body{ flex:1; overflow-y:auto; padding:14px; display:flex; flex-direction:column; gap:10px; background:var(--green-pale); }
.chat-msg{ max-width:85%; padding:10px 14px; border-radius:14px; font-size:0.86rem; line-height:1.5; }
.chat-msg.bot{ background:#fff; border:1px solid var(--line); align-self:flex-start; border-bottom-left-radius:4px; }
.chat-msg.user{ background:var(--green); color:#fff; align-self:flex-end; border-bottom-right-radius:4px; }
.chat-msg a{ color:var(--green); font-weight:700; text-decoration:underline; }
.chat-msg.bot a{ color:var(--green); }
.chat-quick{ display:flex; flex-wrap:wrap; gap:6px; padding:0 14px 12px; background:var(--green-pale); }
.chat-quick button{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-pill);
  padding:6px 12px; font-size:0.76rem; font-weight:600; color:var(--green);
}
.chat-quick button:hover{ border-color:var(--green); }
.chat-input-row{ display:flex; gap:8px; padding:12px; border-top:1px solid var(--line); background:#fff; }
.chat-input-row input{
  flex:1; border:1.5px solid var(--line); border-radius:var(--radius-pill); padding:0 14px; height:40px; font-size:0.86rem; font-family:inherit;
}
.chat-input-row button{
  width:40px; height:40px; border-radius:50%; background:var(--green); color:#fff; display:flex; align-items:center; justify-content:center;
}





/* ============================================
   TIKLAMA CICEK EFEKTI
   ============================================ */
.click-petal{
  position:fixed; z-index:9999; pointer-events:none; font-size:1.1rem;
  transform:translate(-50%, -50%);
  animation:petal-scatter 750ms ease-out forwards;
}
@keyframes petal-scatter{
  0%{ transform:translate(-50%, -50%) translate(0, 0) scale(0.6) rotate(0deg); opacity:1; }
  100%{ transform:translate(-50%, -50%) translate(var(--dx), var(--dy)) scale(1.1) rotate(var(--rot)); opacity:0; }
}

/* ============================================
   SITE ACILISI - ONEMLI UYARI POPUP (5sn sonra otomatik kaybolur)
   ============================================ */
.intro-warning{
  position:fixed; top:94px; left:50%; z-index:90;
  transform:translate(-50%, -30px) scale(0.92); opacity:0; pointer-events:none;
  transition:opacity 500ms cubic-bezier(.22,.61,.36,1), transform 500ms cubic-bezier(.22,.61,.36,1);
  width:min(92vw, 560px);
}
.intro-warning.show{
  transform:translate(-50%, 0) scale(1); opacity:1; pointer-events:auto;
}
.intro-warning.hide{
  transform:translate(-50%, -20px) scale(0.94); opacity:0;
  transition:opacity 550ms ease, transform 550ms ease;
}
.intro-warning-box{
  background:linear-gradient(180deg, #ffffff 0%, var(--green-pale) 100%);
  border:1.5px solid rgba(46,125,50,0.22); border-radius:var(--radius-lg);
  padding:24px 28px; box-shadow:0 30px 60px rgba(23,35,26,0.25), 0 2px 0 rgba(255,255,255,0.6) inset;
  text-align:center;
}
.intro-warning-title{
  font-size:1.5rem; font-weight:900; letter-spacing:0.02em; margin-bottom:10px;
  background:linear-gradient(135deg, var(--green) 0%, var(--teal) 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow:0 3px 0 rgba(46,125,50,0.12);
  transform:perspective(300px) rotateX(6deg);
  display:inline-block;
}
.intro-warning-sub{ font-size:0.9rem; color:var(--ink); margin:0; line-height:1.55; }
.intro-warning-sub a{ color:var(--green); font-weight:700; text-decoration:underline; }
@media (prefers-reduced-motion:reduce){
  .intro-warning{ transition:opacity 200ms ease; transform:translate(-50%, 0) scale(1) !important; }
}
@media (max-width:640px){
  .intro-warning{ top:82px; }
  .intro-warning-title{ font-size:1.25rem; }
  .intro-warning-sub{ font-size:0.84rem; }
}

/* ============================================
   INTERAKTIF HESAPLAMA ARACLARI (VKI, yag orani, kalori, ideal kilo, sigara parasi)
   ============================================ */
.calc-section{ background:var(--green-pale); }
.calc-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.calc-card{
  background:#fff; border-radius:var(--radius-lg); padding:28px 26px;
  border:1px solid var(--line); box-shadow:var(--shadow-soft);
}
.calc-card h3{ font-size:1.1rem; margin-bottom:6px; display:flex; align-items:center; gap:8px; }
.calc-card .calc-desc{ font-size:0.86rem; color:var(--gray); margin-bottom:18px; }
.calc-fields{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:16px; }
.calc-fields.single{ grid-template-columns:1fr; }
.calc-field{ display:flex; flex-direction:column; gap:5px; }
.calc-field label{ font-size:0.78rem; font-weight:700; color:var(--ink); }
.calc-field input, .calc-field select{
  height:44px; border:1.5px solid var(--line); border-radius:var(--radius-sm);
  padding:0 12px; font-family:inherit; font-size:0.9rem; background:#fff;
}
.calc-field input:focus, .calc-field select:focus{ outline:none; border-color:var(--green); }
.calc-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:6px; }
.calc-actions .btn{ height:46px; padding:0 22px; font-size:0.88rem; }
.calc-result{
  margin-top:18px; padding:16px 18px; border-radius:var(--radius-md);
  background:var(--green-bg); border:1px solid rgba(46,125,50,0.2);
  font-size:0.92rem; color:var(--ink); display:none;
}
.calc-result.show{ display:block; }
.calc-result strong{ color:var(--green); font-size:1.15rem; }
.calc-note{ font-size:0.74rem; color:var(--gray-light); margin-top:10px; }

@media (max-width:860px){
  .calc-grid{ grid-template-columns:1fr; }
}
@media (max-width:560px){
  .calc-fields{ grid-template-columns:1fr; }
}