@charset "UTF-8";
:root {
  --green-900: #3d3f2b;
  --green-700: #68723b;
  --green-500: #859048;
  --green-100: #f0f2dc;
  --sand: #f8f6ec;
  --accent: #e9a23b;
  --text: #33352a;
  --muted: #6b6d58;
  --white: #fff;
  --radius: 18px;
  --shadow: 0 12px 40px rgba(61, 63, 43, .12);
  --font-head: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', system-ui, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; overflow-x: clip; scrollbar-width: none; touch-action: manipulation; }
html::-webkit-scrollbar, body::-webkit-scrollbar { display: none; width: 0; height: 0; }
.scroll-ind { position: fixed; right: 3px; top: 0; width: 3px; height: 40px; border-radius: 3px; background: var(--green-500); box-shadow: 0 2px 8px rgba(133,144,72,.45); opacity: .9; z-index: 95; pointer-events: none; will-change: transform; }
body { margin: 0; font-family: var(--font-body); color: var(--text); background: var(--white); line-height: 1.7; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4 { font-family: var(--font-head); color: var(--green-900); line-height: 1.2; margin: 0 0 .5em; }
h1 { font-size: clamp(2.2rem, 5vw, 3.8rem); }
h2 { font-size: clamp(1.7rem, 3.5vw, 2.5rem); }
h3 { font-size: 1.3rem; }
p { margin: 0 0 1em; }

.container { width: min(1180px, 92%); margin-inline: auto; }
.section { padding: 90px 0; }
.section.alt { background: var(--sand); }
.section-head { text-align: center; max-width: 680px; margin: 0 auto 56px; }
.eyebrow { display: inline-block; font-size: .78rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--green-700); margin-bottom: 12px; }
.muted { color: var(--muted); }

/* Buttons */
.btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 28px; border-radius: 50px; font-weight: 600; font-size: .95rem; border: 2px solid transparent; cursor: pointer; transition: .25s; font-family: inherit; }
.btn-primary { background: var(--green-700); color: var(--white); }
.btn-primary:hover { background: var(--green-900); transform: translateY(-2px); box-shadow: var(--shadow); }
.btn-outline { border-color: var(--green-700); color: var(--green-700); background: transparent; }
.btn-outline:hover { background: var(--green-700); color: var(--white); }
.btn-light { background: var(--white); color: var(--green-900); }
.btn-light:hover { background: var(--accent); }

/* Header */
.topbar { background: var(--green-900); color: #dde0c2; font-size: .85rem; }
.topbar .container { display: flex; justify-content: space-between; gap: 16px; padding: 8px 0; flex-wrap: wrap; }
.topbar a:hover { color: var(--white); }
.header { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.95); backdrop-filter: blur(10px); transition: box-shadow .3s; }
.header.scrolled { box-shadow: 0 4px 24px rgba(0,0,0,.08); }
.header .container { display: flex; align-items: center; justify-content: space-between; height: 80px; }
.logo { font-family: var(--font-head); font-size: 1.5rem; font-weight: 700; color: var(--green-900); letter-spacing: .02em; display: flex; align-items: center; gap: 10px; }
.logo span { color: var(--green-500); }
.logo svg { width: 34px; height: 34px; }
.logo .logo-img { height: 34px; width: auto; }
.nav ul { display: flex; align-items: center; gap: 34px; }
.nav a { font-weight: 500; font-size: .95rem; position: relative; padding: 6px 0; }
.nav a:not(.btn)::after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: var(--green-500); transition: .25s; }
.nav a:not(.btn):hover::after, .nav a.active::after { width: 100%; }
.nav .btn { padding: 10px 22px; color: var(--white); }
.menu-toggle { display: none; background: none; border: 0; cursor: pointer; width: 42px; height: 42px; position: relative; }
.menu-toggle span, .menu-toggle span::before, .menu-toggle span::after { position: absolute; left: 8px; width: 26px; height: 2px; background: var(--green-900); transition: .3s; content: ''; }
.menu-toggle span { top: 20px; }
.menu-toggle span::before { left: 0; top: -8px; }
.menu-toggle span::after { left: 0; top: 8px; }
.menu-toggle.open span { background: transparent; }
.menu-toggle.open span::before { top: 0; transform: rotate(45deg); }
.menu-toggle.open span::after { top: 0; transform: rotate(-45deg); }

/* Hero */
.hero { background: linear-gradient(135deg, var(--green-100), var(--sand)); padding: 80px 0 90px; overflow: hidden; }
.hero .container { display: grid; grid-template-columns: 1.1fr .9fr; gap: 60px; align-items: center; }
.hero h1 em { font-style: italic; color: var(--green-500); }
.hero .eyebrow { font-family: 'Poppins', system-ui, sans-serif; font-weight: 600; }
.hero p.lead { font-family: 'Poppins', system-ui, sans-serif; font-weight: 400; font-size: 1.05rem; line-height: 1.65; color: var(--muted); max-width: 520px; }
.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 28px; }
.hero-badges { display: flex; gap: 28px; margin-top: 40px; flex-wrap: wrap; }
.hero-badges div { font-size: .9rem; color: var(--muted); }
.hero-badges strong { display: block; font-family: var(--font-head); font-size: 1.8rem; color: var(--green-700); }
.hero-img { position: relative; padding: 0 0 36px; }
.hero-img .photo { position: relative; z-index: 1; border-radius: 200px 200px 28px 200px; overflow: hidden; box-shadow: var(--shadow); aspect-ratio: 4/5; background: var(--green-500); }
.hero-img img { width: 100%; height: 100%; object-fit: cover; object-position: center 20%; }
.hero-img .ring { position: absolute; z-index: 0; top: -18px; right: -18px; width: 62%; aspect-ratio: 1; border-radius: 50%; border: 2px dashed var(--green-500); opacity: .45; }
.name-card { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; margin-inline: auto; width: fit-content; max-width: calc(100% - 16px); background: rgba(255,255,255,.96); border-radius: 50px; padding: 14px 26px; text-align: center; box-shadow: var(--shadow); animation: nameFloat 6s ease-in-out infinite; }
.name-card b { display: block; font-family: var(--font-head); font-size: 1.45rem; color: var(--green-900); line-height: 1.2; }
.name-card b span { display: inline-block; color: var(--green-500); font-style: italic; animation: nameSway 6s ease-in-out infinite; }
.name-card small { font-size: .82rem; color: var(--muted); letter-spacing: .04em; }
@keyframes nameFloat { 50% { transform: translateY(-5px); } }
@keyframes nameSway { 50% { transform: translateY(-2px); } }
.float-card { position: absolute; background: var(--white); border-radius: 16px; padding: 14px 18px; box-shadow: var(--shadow); font-size: .85rem; display: flex; gap: 12px; align-items: center; animation: float 5s ease-in-out infinite; }
.float-card b { display: block; color: var(--green-900); }
.float-card .ico { width: 40px; height: 40px; border-radius: 50%; background: var(--green-100); display: grid; place-items: center; font-size: 1.2rem; }
.float-card.one { left: -30px; bottom: 60px; }
.float-card.two { right: -10px; top: 40px; animation-delay: -2.5s; }
@keyframes float { 50% { transform: translateY(-10px); } }

/* Page hero */
.page-hero { background: linear-gradient(135deg, var(--green-900), var(--green-700)); color: var(--white); padding: 70px 0; text-align: center; }
.page-hero h1 { color: var(--white); margin-bottom: 10px; }
.page-hero p { color: #dde0c2; margin: 0; }
.page-hero.hero-yazi, .page-hero.hero-tabak, .page-hero.hero-blog, .page-hero.hero-tarif, .page-hero.hero-iletisim { background-color: var(--green-900); background-size: cover; background-position: center; }
.page-hero.hero-yazi { background-image: linear-gradient(rgba(20,28,12,.62), rgba(20,28,12,.62)), url(../images/hero-yazi.jpg); }
.page-hero.hero-tabak { background-image: linear-gradient(rgba(20,28,12,.6), rgba(20,28,12,.6)), url(../images/hero-tabak.jpg?v=2); }
.page-hero.hero-blog { background-image: linear-gradient(rgba(20,28,12,.6), rgba(20,28,12,.6)), url(../images/hero-blog.jpg); }
.page-hero.hero-tarif { background-image: linear-gradient(rgba(20,28,12,.66), rgba(20,28,12,.66)), url(../images/hero-tarif.jpg?v=2); }
.page-hero.hero-iletisim { background-image: linear-gradient(rgba(20,28,12,.62), rgba(20,28,12,.62)), url(../images/hero-iletisim.jpg?v=3); background-position: center 58%; }
.breadcrumb { font-size: .85rem; color: #c4c7aa; margin-top: 12px; }
.breadcrumb a:hover { color: var(--white); }

/* Cards */
.grid { display: grid; gap: 28px; }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-2 { grid-template-columns: repeat(2, 1fr); }
.card { background: var(--white); border-radius: var(--radius); padding: 34px 28px; box-shadow: 0 6px 24px rgba(61,63,43,.07); transition: .3s; border: 1px solid #ecefdc; }
.card:hover { transform: translateY(-6px); box-shadow: var(--shadow); }
.card .icon { width: 58px; height: 58px; border-radius: 16px; background: var(--green-100); display: grid; place-items: center; font-size: 1.6rem; margin-bottom: 18px; }
.card a.more { color: var(--green-700); font-weight: 600; font-size: .9rem; }
.card a.more:hover { text-decoration: underline; }

/* Split */
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.split .img { border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); aspect-ratio: 4/5; background: var(--green-500); }
.split .img img { width: 100%; height: 100%; object-fit: cover; }
.checklist li { padding-left: 32px; position: relative; margin-bottom: 12px; }
.checklist li::before { content: '✓'; position: absolute; left: 0; top: 2px; width: 22px; height: 22px; border-radius: 50%; background: var(--green-500); color: #fff; font-size: .75rem; display: grid; place-items: center; }

/* Steps */
.step { text-align: center; padding: 10px 20px; }
.step .num { width: 64px; height: 64px; margin: 0 auto 18px; border-radius: 50%; background: var(--green-700); color: #fff; display: grid; place-items: center; font-family: var(--font-head); font-size: 1.6rem; }

/* Stats */
.stats { background: var(--green-900); color: #fff; padding: 60px 0; }
.stats .container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; text-align: center; }
.stats strong { display: block; font-family: var(--font-head); font-size: 2.8rem; color: var(--accent); }
.stats span { color: #dde0c2; font-size: .95rem; }

/* Timeline */
.timeline { position: relative; max-width: 760px; margin: 0 auto; padding-left: 34px; border-left: 2px solid var(--green-100); }
.timeline .item { position: relative; margin-bottom: 36px; }
.timeline .item::before { content: ''; position: absolute; left: -43px; top: 6px; width: 16px; height: 16px; border-radius: 50%; background: var(--green-500); border: 4px solid var(--white); box-shadow: 0 0 0 2px var(--green-500); }
.timeline .year { font-size: .8rem; font-weight: 700; letter-spacing: .15em; color: var(--green-500); }

/* BMI */
.bmi { background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); padding: 40px; max-width: 760px; margin: 0 auto; }
.bmi-result { margin-top: 24px; padding: 22px; border-radius: 14px; background: var(--green-100); text-align: center; display: none; }
.bmi-result.show { display: block; }
.bmi-result strong { font-family: var(--font-head); font-size: 2.6rem; color: var(--green-700); display: block; }
.bmi-bar { height: 10px; border-radius: 10px; margin-top: 16px; background: linear-gradient(90deg, #5aa9e6 0 18.5%, #859048 18.5% 40%, #e9a23b 40% 60%, #d9534f 60%); position: relative; }
.bmi-bar i { position: absolute; top: -5px; width: 4px; height: 20px; background: var(--green-900); border-radius: 2px; transform: translateX(-50%); transition: left .5s; }

/* Forms */
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.form-grid .full { grid-column: 1 / -1; }
label { display: block; font-size: .85rem; font-weight: 600; margin-bottom: 6px; color: var(--green-900); }
input, select, textarea { width: 100%; padding: 13px 16px; border: 1.5px solid #dde1c6; border-radius: 12px; font: inherit; background: #fff; transition: .2s; }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--green-500); box-shadow: 0 0 0 4px rgba(133,144,72,.15); }
textarea { min-height: 120px; resize: vertical; }
.field-error { border-color: #d9534f; }
.form-note { font-size: .85rem; color: var(--muted); margin-top: 14px; }
.form-msg { display: none; margin-top: 18px; padding: 14px 18px; border-radius: 12px; background: var(--green-100); color: var(--green-900); font-weight: 500; }
.form-msg.show { display: block; }
.form-msg.error { background: #fdeceb; color: #a12a26; }
.form-box { background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); padding: 40px; }

/* Contact */
.contact-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 40px; }
.contact-item { display: flex; gap: 16px; margin-bottom: 24px; }
.contact-item .ico { flex: 0 0 52px; height: 52px; border-radius: 14px; background: var(--green-100); display: grid; place-items: center; font-size: 1.3rem; }
.contact-item b { display: block; color: var(--green-900); }
.map { border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); margin-top: 30px; }
.map iframe { width: 100%; height: 280px; border: 0; display: block; }

/* Programs */
.program { display: grid; grid-template-columns: 90px 1fr; gap: 28px; padding: 36px 0; border-bottom: 1px solid #e6e9d3; scroll-margin-top: 110px; }
.program:last-child { border-bottom: 0; }
.program .icon { width: 80px; height: 80px; border-radius: 22px; background: var(--green-100); display: grid; place-items: center; font-size: 2.2rem; }
.tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.tags span { background: var(--green-100); color: var(--green-700); font-size: .78rem; padding: 4px 12px; border-radius: 20px; font-weight: 600; }

/* Pricing/Packages */
.pkg { text-align: center; position: relative; }
.pkg.featured { background: var(--green-900); color: #dde0c2; transform: scale(1.04); }
.pkg.featured h3, .pkg.featured .price { color: #fff; }
.pkg .price { font-family: var(--font-head); font-size: 2.2rem; color: var(--green-700); margin: 10px 0; }
.pkg ul { text-align: left; margin: 20px 0 26px; }
.pkg ul li { padding: 8px 0 8px 26px; position: relative; border-bottom: 1px dashed rgba(127,150,138,.3); }
.pkg ul li::before { content: '✓'; position: absolute; left: 0; color: var(--accent); font-weight: 700; }
.pkg .badge { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--accent); color: var(--green-900); font-size: .75rem; font-weight: 700; padding: 5px 16px; border-radius: 20px; }

/* Testimonials */
.slider { max-width: 780px; margin: 0 auto; position: relative; overflow: hidden; }
.slides { display: flex; transition: transform .5s ease; }
.slide { flex: 0 0 100%; padding: 10px; text-align: center; }
.slide blockquote { margin: 0; font-family: var(--font-head); font-size: 1.35rem; font-style: italic; color: var(--green-900); line-height: 1.6; }
.slide .who { margin-top: 20px; font-weight: 600; }
.slide .stars { color: var(--accent); letter-spacing: 4px; margin-bottom: 14px; }
.dots { display: flex; justify-content: center; gap: 10px; margin-top: 28px; }
.dots button { width: 11px; height: 11px; border-radius: 50%; border: 0; background: #d6dabb; cursor: pointer; padding: 0; transition: .3s; }
.dots button.on { background: var(--green-700); width: 30px; border-radius: 10px; }

/* FAQ */
.faq { max-width: 800px; margin: 0 auto; }
.faq-item { border: 1px solid #e4e8d0; border-radius: 14px; margin-bottom: 14px; background: #fff; overflow: hidden; }
.faq-q { width: 100%; text-align: left; background: none; border: 0; padding: 20px 24px; font: 600 1.02rem var(--font-body); color: var(--green-900); cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.faq-q::after { content: '+'; font-size: 1.5rem; color: var(--green-500); transition: .3s; }
.faq-item.open .faq-q::after { transform: rotate(45deg); }
.faq-a { max-height: 0; overflow: hidden; transition: max-height .35s ease; }
.faq-a p { padding: 0 24px 22px; margin: 0; color: var(--muted); }

/* CTA */
.cta { background: linear-gradient(135deg, var(--green-700), var(--green-900)); color: #fff; text-align: center; padding: 80px 0; }
.cta h2 { color: #fff; }
.cta p { color: #dde0c2; max-width: 560px; margin: 0 auto 28px; }

/* Footer */
.footer { background: #2b2c1e; color: #c4c7aa; padding: 70px 0 0; font-size: .93rem; }
.footer .cols { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.3fr; gap: 40px; padding-bottom: 50px; }
.footer h4 { color: #fff; font-family: var(--font-body); font-size: 1rem; margin-bottom: 18px; }
.footer .logo { color: #fff; margin-bottom: 14px; }
.footer li { margin-bottom: 10px; }
.footer a:hover { color: var(--accent); }
.socials { display: flex; gap: 10px; margin-top: 18px; }
.socials a { width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,.08); display: grid; place-items: center; font-size: .8rem; font-weight: 700; color: #fff; }
.socials a:hover { background: var(--accent); color: var(--green-900); }
.copy { border-top: 1px solid rgba(255,255,255,.1); padding: 20px 0; text-align: center; font-size: .85rem; }

/* Floating */
.wa-float { position: fixed; right: 22px; bottom: 22px; z-index: 90; width: 58px; height: 58px; border-radius: 50%; background: #25d366; display: grid; place-items: center; box-shadow: 0 8px 24px rgba(37,211,102,.45); animation: pulse 2.2s infinite; }
.wa-float svg { width: 32px; height: 32px; fill: #fff; }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(37,211,102,.5); } 70% { box-shadow: 0 0 0 18px rgba(37,211,102,0); } 100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); } }
.to-top { position: fixed; right: 28px; bottom: 94px; z-index: 90; width: 46px; height: 46px; border-radius: 50%; border: 0; background: var(--green-700); color: #fff; cursor: pointer; font-size: 1.2rem; opacity: 0; pointer-events: none; transition: .3s; }
.to-top.show { opacity: 1; pointer-events: auto; }

/* Reveal */
.reveal { opacity: 0; transform: translateY(30px); transition: opacity .7s, transform .7s; }
.reveal.in { opacity: 1; transform: none; }

/* Responsive */
@media (max-width: 960px) {
  .hero .container, .split, .contact-grid { grid-template-columns: 1fr; }
  .hero-img { max-width: 400px; margin: 0 auto; order: -1; }
  .grid-3 { grid-template-columns: 1fr 1fr; }
  .stats .container { grid-template-columns: 1fr 1fr; }
  .footer .cols { grid-template-columns: 1fr 1fr; }
  .header { backdrop-filter: none; background: #fff; }
  .header.menu-open { position: fixed; top: 0; left: 0; right: 0; }
  .menu-toggle { display: block; }
  .nav { position: absolute; top: 100%; left: 0; right: 0; height: calc(100vh - 80px); background: #fff; padding: 30px 6%; transform: translateY(-12px); opacity: 0; visibility: hidden; transition: transform .3s, opacity .3s, visibility .3s; overflow-y: auto; }
  .nav.open { transform: none; opacity: 1; visibility: visible; }
  .nav ul { flex-direction: column; align-items: flex-start; gap: 22px; }
  .nav a { font-size: 1.1rem; }
  .topbar .hide-sm { display: none; }
}
@media (max-width: 640px) {
  .section { padding: 64px 0; }
  .grid-3, .grid-2, .form-grid, .footer .cols { grid-template-columns: 1fr; }
  .program { grid-template-columns: 1fr; gap: 14px; }
  .pkg.featured { transform: none; }
  .float-card { display: none; }
  .bmi, .form-box { padding: 26px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
  .reveal { opacity: 1; transform: none; }
}

/* Mobil öncelikli: ortalı, okunaklı düzen */
@media (max-width: 960px) {
  body { font-size: 16.5px; }
  .section { padding: 56px 0; }
  .section-head { margin-bottom: 36px; }
  .hero { padding: 36px 0 56px; }
  .hero .container { gap: 36px; text-align: center; }
  .hero p.lead { margin-inline: auto; }
  .hero-actions, .hero-badges { justify-content: center; }
  .hero-badges { gap: 24px; margin-top: 32px; }
  .split { gap: 34px; text-align: center; }
  .split .img { max-width: 420px; margin-inline: auto; width: 100%; }
  .split .hero-actions { justify-content: center; }
  .checklist { display: inline-block; text-align: left; }
  .card, .step, .pkg { text-align: center; }
  .card .icon { margin-inline: auto; }
  .pkg ul { text-align: left; }
  .program { text-align: center; justify-items: center; }
  .tags { justify-content: center; }
  .page-hero { padding: 48px 0; }
  .contact-grid { gap: 30px; }
  .contact-item { flex-direction: column; align-items: center; text-align: center; gap: 10px; }
  .contact-item .ico { flex: none; }
  .footer { text-align: center; }
  .footer .cols { gap: 32px; }
  .socials { justify-content: center; }
  .cta { padding: 60px 0; }
  .topbar .container { justify-content: center; text-align: center; }
  .nav ul { align-items: center; width: 100%; text-align: center; }
  .nav .btn { width: 100%; justify-content: center; padding: 14px 22px; }
  .btn { min-height: 48px; justify-content: center; }
  input, select, textarea { font-size: 16px; min-height: 48px; }
  .timeline { text-align: left; }
  .slide blockquote { font-size: 1.2rem; }
  .eyebrow { font-size: .74rem; }
}
@media (max-width: 640px) {
  .container { width: 90%; }
  .grid { gap: 18px; }
  .hero-badges { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .hero-badges strong { font-size: 1.5rem; }
  .hero-badges div { font-size: .78rem; }
  .hero-img { padding-bottom: 0; }
  .name-card { position: relative; left: auto; right: auto; bottom: auto; width: 100%; max-width: 100%; margin: 12px auto 0; padding: 14px 18px; animation: none; }
  .stats .container { gap: 28px 12px; }
  .footer .cols { grid-template-columns: 1fr; }
}

/* Ince arka plan detaylari: hafif yesil isik + enginar deseni */
.hero { background: linear-gradient(135deg, #e3e8c4, var(--sand)); }
.header { background: rgba(255,255,255,.98); border-bottom: 1px solid rgba(133,144,72,.18); box-shadow: 0 4px 18px rgba(61,63,43,.08); }
.section, .page-hero, .cta { position: relative; overflow: hidden; }
.section > .container, .page-hero > .container, .cta > .container { position: relative; z-index: 1; }
.section { background-image: radial-gradient(560px circle at 100% 0%, rgba(133,144,72,.08), transparent 70%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130' viewBox='0 0 130 130'%3E%3Cg fill='none' stroke='%23859048' stroke-opacity='.2' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(20 16)'%3E%3Cg%3E%3Cpath d='M12 3C7 6 5 11 6 16c1 4 4 6 6 6s5-2 6-6c1-5-1-10-6-13z'/%3E%3Cpath d='M6.5 12Q12 16 17.5 12M7 16.5Q12 20.5 17 16.5M9 7.5Q12 10.500 15 7.5M12 22v5M12 25q3-1 4-3'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(78 74) rotate(-14 12 15)'%3E%3Cg%3E%3Cpath d='M12 3C7 6 5 11 6 16c1 4 4 6 6 6s5-2 6-6c1-5-1-10-6-13z'/%3E%3Cpath d='M6.5 12Q12 16 17.5 12M7 16.5Q12 20.5 17 16.5M9 7.5Q12 10.500 15 7.5M12 22v5M12 25q3-1 4-3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: auto, 130px 130px; }
.section.alt { background-image: radial-gradient(560px circle at 0% 100%, rgba(133,144,72,.1), transparent 70%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130' viewBox='0 0 130 130'%3E%3Cg fill='none' stroke='%23859048' stroke-opacity='.2' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(20 16)'%3E%3Cg%3E%3Cpath d='M12 3C7 6 5 11 6 16c1 4 4 6 6 6s5-2 6-6c1-5-1-10-6-13z'/%3E%3Cpath d='M6.5 12Q12 16 17.5 12M7 16.5Q12 20.5 17 16.5M9 7.5Q12 10.500 15 7.5M12 22v5M12 25q3-1 4-3'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(78 74) rotate(-14 12 15)'%3E%3Cg%3E%3Cpath d='M12 3C7 6 5 11 6 16c1 4 4 6 6 6s5-2 6-6c1-5-1-10-6-13z'/%3E%3Cpath d='M6.5 12Q12 16 17.5 12M7 16.5Q12 20.5 17 16.5M9 7.5Q12 10.500 15 7.5M12 22v5M12 25q3-1 4-3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: auto, 130px 130px; }

/* Kartlarin icinde de enginar deseni gorunsun */
:root { --enginar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130' viewBox='0 0 130 130'%3E%3Cg fill='none' stroke='%23859048' stroke-opacity='.34' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(20 16)'%3E%3Cg%3E%3Cpath d='M12 3C7 6 5 11 6 16c1 4 4 6 6 6s5-2 6-6c1-5-1-10-6-13z'/%3E%3Cpath d='M6.5 12Q12 16 17.5 12M7 16.5Q12 20.5 17 16.5M9 7.5Q12 10.500 15 7.5M12 22v5M12 25q3-1 4-3'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(78 74) rotate(-14 12 15)'%3E%3Cg%3E%3Cpath d='M12 3C7 6 5 11 6 16c1 4 4 6 6 6s5-2 6-6c1-5-1-10-6-13z'/%3E%3Cpath d='M6.5 12Q12 16 17.5 12M7 16.5Q12 20.5 17 16.5M9 7.5Q12 10.500 15 7.5M12 22v5M12 25q3-1 4-3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.card, .bmi, .form-box, .faq-item { background-color: #fff; background-image: var(--enginar); background-size: 150px 150px; background-position: center top; }
/* Hero arka plan deseni (hafif) */
.hero { position: relative; }
.hero::before { content: ''; position: absolute; inset: 0; background-image: var(--enginar); background-size: 150px 150px; opacity: .55; pointer-events: none; }
.hero > .container { position: relative; z-index: 1; }
/* Kompakt hizmet kartlari */
.svc-grid { gap: 12px; }
.svc { display: grid; grid-template-columns: 64px 1fr 14px; align-items: center; gap: 14px; text-align: left; padding: 12px 16px 12px 12px; border-radius: 16px; border: 1px solid rgba(133,144,72,.28); background: linear-gradient(135deg, #fff 0%, var(--green-100) 100%); box-shadow: 0 4px 14px rgba(61,63,43,.07); transition: transform .25s, box-shadow .25s; position: relative; }
.svc::after { content: ''; width: 8px; height: 8px; border-right: 2px solid var(--green-500); border-top: 2px solid var(--green-500); transform: rotate(45deg); justify-self: end; }
.svc:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.svc img { width: 64px; height: 64px; border-radius: 14px; object-fit: cover; box-shadow: 0 2px 8px rgba(61,63,43,.18); }
.svc h3 { font-size: 1.02rem; margin: 0 0 2px; color: var(--green-900); }
.svc p { margin: 0; font-size: .85rem; line-height: 1.45; color: var(--text); }
@media (max-width: 960px) { .svc-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .svc-grid { grid-template-columns: 1fr; } .svc { padding: 10px 14px 10px 10px; } }
/* Bakim / Yakinda ekrani */
html.gate-on { overflow: hidden; }
html.gate-on body > :not(.gate) { visibility: hidden; }
.gate { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 24px; text-align: center; background: var(--enginar), linear-gradient(135deg, #e3e8c4, var(--sand)); background-size: 150px 150px, auto; overflow-y: auto; }
.gate-box { width: min(420px, 100%); padding: 36px 26px 28px; background: rgba(255,255,255,.9); border: 1px solid rgba(133,144,72,.3); border-radius: 24px; box-shadow: var(--shadow); }
.gate-logo { height: 64px; width: auto; margin: 0 auto 14px; }
.gate-box h1 { font-size: clamp(2rem, 9vw, 2.8rem); margin: 6px 0 10px; }
.gate-box p { color: var(--muted); margin: 0 0 18px; }
.gate-wa { display: inline-block; font-weight: 600; font-size: .9rem; color: var(--green-700); border-bottom: 1px solid currentColor; padding-bottom: 2px; }
.gate-login { display: block; margin: 26px auto 0; padding: 9px 20px; font: 500 .8rem var(--font-body); color: var(--green-700); background: transparent; border: 1px solid rgba(133,144,72,.5); border-radius: 50px; cursor: pointer; }
.gate-login:disabled { opacity: .45; cursor: not-allowed; }
.gate-form { margin-top: 22px; display: grid; gap: 10px; }
.gate-err { color: #a12a26; font-size: .85rem; min-height: 1.2em; }.gate-form[hidden] { display: none; }

/* Hizmet bolumu: daha koyu zemin, Poppins basliklar, Diger butonu */
.section.svc-section { background-image: var(--enginar), linear-gradient(160deg, #e9edcf 0%, #d9e0b2 100%); background-size: 150px 150px, auto; }
.svc { background: linear-gradient(135deg, #f6f8e8 0%, #e8edcb 100%); border: 1px solid rgba(133,144,72,.45); box-shadow: 0 6px 16px rgba(61,63,43,.12); }
.svc h3 { font-family: 'Poppins', system-ui, sans-serif; font-weight: 700; font-size: .98rem; letter-spacing: 0; line-height: 1.3; color: var(--green-900); }
.svc-other { grid-column: 1 / -1; justify-self: center; display: inline-flex; align-items: center; gap: 10px; min-width: 200px; justify-content: center; padding: 13px 30px; border-radius: 50px; background: var(--green-700); color: #fff; font: 700 .95rem 'Poppins', system-ui, sans-serif; box-shadow: 0 6px 16px rgba(61,63,43,.22); transition: transform .25s, background .25s; }
.svc-other:hover { background: var(--green-900); transform: translateY(-2px); }
.svc-other span { transition: transform .25s; }
.svc-other:hover span { transform: translateX(4px); }
/* Hizmet bolumu: yumusak baslik/aciklama fontu ve ikon karolari */
.svc-section .section-head h2 { font-family: 'Lora', Georgia, serif; font-weight: 600; letter-spacing: -.005em; }
.svc-section .section-head p { font-family: 'Nunito', system-ui, sans-serif; font-weight: 500; font-size: 1.02rem; line-height: 1.65; }
.svc { grid-template-columns: 56px 1fr 14px; }
.svc-ico { width: 56px; height: 56px; border-radius: 16px; display: grid; place-items: center; background: linear-gradient(135deg, #939f55, #68723b); box-shadow: 0 3px 10px rgba(61,63,43,.25); }
.svc-ico svg { width: 30px; height: 30px; fill: none; stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
/* Hero randevu butonu: canli yesil */
.btn-green { background: linear-gradient(135deg, #7aa63c, #4f8a2e); border-color: transparent; color: #fff; box-shadow: 0 6px 16px rgba(79,138,46,.35); }
.btn-green:hover { background: linear-gradient(135deg, #6c9a33, #437a27); box-shadow: 0 8px 20px rgba(79,138,46,.45); }
/* Hero yorum seridi */
.hero-review { margin: 22px auto 0; max-width: 460px; padding: 10px 16px; min-height: 84px; background: rgba(255,255,255,.72); border: 1px solid rgba(133,144,72,.35); border-radius: 16px; box-shadow: 0 6px 18px rgba(61,63,43,.1); backdrop-filter: blur(4px); text-align: left; transition: opacity .35s ease, transform .35s ease; }
.hero-review.out { opacity: 0; transform: translateY(-8px); }
.hero-review.in { opacity: 1; transform: none; }
.hr-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.hr-stars { color: var(--accent); letter-spacing: 2px; font-size: .85rem; }
.hr-name { font: 600 .8rem var(--font-body); color: var(--green-700); }
.hr-text { margin: 4px 0 0; font-size: .9rem; line-height: 1.45; color: var(--text); display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (min-width: 961px) { .hero-review { margin-left: 0; } }

/* Hizmet kartlari: her kart kendi renginde, daha ferah aralik */
.svc-grid { gap: 18px; }
.svc { --c: #d9902f; --c2: #b8731c; border-left: 5px solid var(--c); background: linear-gradient(135deg, #f8f9ec 0%, color-mix(in srgb, var(--c) 16%, #eef1d6) 100%); padding: 14px 16px 14px 12px; }
.svc-grid > :nth-child(2) { --c: #d05a4a; --c2: #a8402f; }
.svc-grid > :nth-child(3) { --c: #8c72b8; --c2: #6b538f; }
.svc-grid > :nth-child(4) { --c: #3f9d90; --c2: #2c786d; }
.svc-grid > :nth-child(5) { --c: #d47b9a; --c2: #ac5877; }
.svc-grid > :nth-child(6) { --c: #4f90c6; --c2: #356fa1; }
.svc .svc-ico { background: linear-gradient(135deg, var(--c), var(--c2)); box-shadow: 0 4px 12px color-mix(in srgb, var(--c) 45%, transparent); }
.svc::after { border-color: var(--c); }
@media (max-width: 640px) { .svc { padding: 12px 14px 12px 10px; } }
/* Hero randevu butonu: mavi */
.btn-blue { background: linear-gradient(135deg, #4f9bd9, #2f6fb3); border-color: transparent; color: #fff; box-shadow: 0 6px 16px rgba(47,111,179,.35); }
.btn-blue:hover { background: linear-gradient(135deg, #418ccb, #265f9f); box-shadow: 0 8px 20px rgba(47,111,179,.45); }
.hr-left { display: inline-flex; align-items: center; gap: 8px; }
.hr-g { width: 16px; height: 16px; flex: none; }
.svc-other span { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: rgba(255,255,255,.2); }
.svc-other span svg { width: 16px; height: 16px; fill: none; stroke: #fff; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
/* Hero -> Uzmanlik alanlari yumusak gecis */
.hero::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 130px; background: linear-gradient(to bottom, rgba(233,237,207,0) 0%, rgba(233,237,207,.55) 55%, #e9edcf 100%); pointer-events: none; }
/* Hero ile Uzmanlik Alanlari arasindaki bosluk (mobil) */
@media (max-width: 960px) {
  .hero { padding-bottom: 22px; }
  .hero::after { height: 90px; }
  .section.svc-section { padding-top: 34px; }
}
/* Google yorum karti gorunumu */
.hero-review { background: #fff; border: 1px solid #dadce0; border-radius: 12px; box-shadow: 0 2px 8px rgba(60,64,67,.15); padding: 10px 14px 10px; min-height: 0; backdrop-filter: none; font-family: Roboto, Arial, 'Inter', sans-serif; }
.gr-head { display: flex; align-items: center; gap: 10px; }
.gr-av { flex: none; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; color: #fff; font: 500 .95rem Roboto, Arial, sans-serif; background: #1a73e8; }
.gr-who { flex: 1; min-width: 0; line-height: 1.25; }
.gr-who .hr-name { display: block; font: 500 .85rem Roboto, Arial, sans-serif; color: #202124; }
.gr-meta { display: flex; align-items: center; gap: 6px; }
.gr-meta .hr-stars { color: #fbbc04; font-size: .78rem; letter-spacing: 1px; }
.gr-time { font-size: .74rem; color: #70757a; }
.hero-review .hr-g { width: 20px; height: 20px; align-self: flex-start; }
.hero-review .hr-text { margin: 7px 0 0; font-size: .86rem; line-height: 1.42; color: #3c4043; }
/* Header: asagi kaydirinca gizlenir, yukari kaydirinca yari seffaf gelir, en ustte opak */
.header { transition: transform .35s ease, background .3s ease, box-shadow .3s ease; }
.header.is-hidden { transform: translateY(-100%); box-shadow: none; }
.header.is-translucent { background: rgba(255,255,255,.82); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
/* Yorum karti: Nunito, biraz daha yuksek; rakamlar Lora */
.hero-review { padding: 14px 16px 20px; min-height: 124px; font-family: 'Nunito', system-ui, sans-serif; }
.gr-av { font-family: 'Nunito', system-ui, sans-serif; font-weight: 700; }
.gr-who .hr-name { font: 700 .92rem 'Nunito', system-ui, sans-serif; color: #2b2d22; }
.gr-time { font: 500 .78rem 'Nunito', system-ui, sans-serif; color: #75786a; }
.gr-meta .hr-stars { font-size: .82rem; }
.hero-review .hr-text { margin-top: 9px; font: 500 .92rem/1.5 'Nunito', system-ui, sans-serif; color: #3a3c2f; }
.hero-review .hr-text { display: block; overflow: visible; -webkit-line-clamp: unset; line-clamp: unset; }
.gr-count { display: block; margin-top: 10px; padding-top: 8px; border-top: 1px solid #e8eadf; font: 700 .78rem 'Nunito', system-ui, sans-serif; color: var(--green-700); }
.rev-section .section-head p { color: #e3e8b8; margin: 6px 0 0; }
.rev-more { text-align: center; margin: 18px 0 0; }
.rev-more a { color: #fff; font: 700 .9rem 'Nunito', system-ui, sans-serif; text-decoration: underline; text-underline-offset: 4px; }
.hero-badges strong { font-family: 'Lora', Georgia, serif; font-weight: 600; }
@media (max-width: 960px) {
  .hero { padding-bottom: 12px; }
  .section.svc-section { padding-top: 22px; }
}
/* Beyaz bolumler: yumusak zeytin tonlari; yorumlar bolumu koyu zeytin */
.section:not(.alt):not(.svc-section):not(.rev-section):not(.sage-section):not(.hook-section) { background-image: var(--enginar), linear-gradient(180deg, #f9faee 0%, #edf1d6 100%); background-size: 150px 150px, auto; }
.section.rev-section { background-image: radial-gradient(520px circle at 12% 0%, rgba(255,255,255,.16), transparent 62%), radial-gradient(420px circle at 100% 100%, rgba(0,0,0,.18), transparent 65%), linear-gradient(160deg, #75804a 0%, #4b522f 100%); background-size: auto; }
.rev-section .eyebrow { color: #e3e8b8; }
.rev-section h2 { color: #fff; }
.rev-section .slider::before { content: '\201C'; display: block; text-align: center; font: 700 5.5rem/0.7 Lora, Georgia, serif; color: rgba(255,255,255,.2); margin-bottom: 4px; }
.rev-section .slide blockquote { color: #fff; font-size: 1.15rem; }
.rev-section .slide .who { color: #fff; }
.rev-section .slide .who .muted { color: #d9dfb0; }
.rev-section .slide .stars { color: #f6c453; }
.rev-section .dots button { background: rgba(255,255,255,.35); }
.rev-section .dots button.on { background: #fff; }
/* Surec ve VKI bolumleri: yorumlar bolumunun acik zeytin versiyonu */
.section.sage-section { background-image: radial-gradient(520px circle at 88% 0%, rgba(255,255,255,.22), transparent 62%), radial-gradient(420px circle at 0% 100%, rgba(61,63,43,.16), transparent 65%), linear-gradient(160deg, #b4bf78 0%, #8f9b55 100%); background-size: auto; }
.sage-section .eyebrow { color: #3d3f2b; }
.sage-section h2 { color: #2b2d1e; }
.sage-section .section-head p, .sage-section .step p { color: #3b3d2c; }
.sage-section .step h3 { color: #2b2d1e; }
.sage-section .step .num { background: #3d3f2b; box-shadow: 0 6px 14px rgba(43,45,30,.28); }
.sage-section .bmi { background-color: #fbfcf2; background-image: none; box-shadow: 0 14px 34px rgba(43,45,30,.24); }
/* Uzmanlik Alanlari -> Hakkimda yumusak gecis */
.section.svc-section { padding-bottom: 64px; }
.svc-section::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 120px; background: linear-gradient(to bottom, rgba(248,246,236,0) 0%, rgba(248,246,236,.6) 55%, #f8f6ec 100%); pointer-events: none; }
/* Yorum slider yazilari: yumusak Nunito */
.slide blockquote, .rev-section .slide blockquote { font-family: 'Nunito', system-ui, sans-serif; font-style: normal; font-weight: 600; font-size: 1.12rem; line-height: 1.7; letter-spacing: 0; }
.slide .who { font-family: 'Nunito', system-ui, sans-serif; font-weight: 700; }
/* Yorumlar bolumu: dikey bosluklari sikilastir */
.section.rev-section { padding-top: 40px; padding-bottom: 34px; }
.rev-section .section-head { margin-bottom: 8px; }
.rev-section .slider::before { font-size: 3.6rem; line-height: .6; height: 28px; margin: 0; overflow: hidden; }
.rev-section .slide { padding: 4px 10px 0; }
.rev-section .slide .stars { margin-bottom: 8px; }
.rev-section .slide .who { margin-top: 10px; }
.rev-section .dots { margin-top: 12px; }
/* Surec -> Yorumlar yumusak gecis */
.sage-section::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 90px; background: linear-gradient(to bottom, rgba(117,128,74,0) 0%, rgba(117,128,74,.7) 100%); pointer-events: none; }
/* Diger butonu ile Hakkimda arasi bosluk */
.section.svc-section { padding-bottom: 28px; }
.svc-section::after { height: 80px; }
.svc-section + .section { padding-top: 22px; }
/* Surec: acik krem zemin + kompakt adim kartlari; yorumlar bolumu yuvarlak kenarla ustten biner */
.section.flow-section { background-image: var(--enginar), linear-gradient(180deg, #f7f4e6 0%, #efeccd 100%); background-size: 150px 150px, auto; padding-top: 40px; padding-bottom: 56px; }
.flow-section .section-head { margin-bottom: 22px; }
.flow-section::after { display: none; }
.flow-section .step { display: grid; grid-template-columns: 48px 1fr; column-gap: 14px; align-items: center; text-align: left; padding: 12px 16px; background: rgba(255,255,255,.72); border: 1px solid rgba(133,144,72,.32); border-radius: 16px; box-shadow: 0 4px 14px rgba(61,63,43,.08); }
.flow-section .step .num { grid-row: 1 / span 2; width: 48px; height: 48px; margin: 0; font-size: 1.25rem; background: var(--green-700); }
.flow-section .step h3 { margin: 0; font-size: 1.02rem; }
.flow-section .step p { margin: 2px 0 0; font-size: .9rem; line-height: 1.5; color: var(--muted); }
.flow-section .grid-3 { gap: 12px; }
@media (max-width: 640px) { .flow-section .grid-3 { grid-template-columns: 1fr; } }
.section.rev-section { border-radius: 30px 30px 0 0; margin-top: -30px; z-index: 2; padding-top: 50px; }
/* Surec basliklari: Poppins Bold */
.flow-section .section-head h2 { font-family: 'Poppins', system-ui, sans-serif; font-weight: 700; font-size: clamp(1.45rem, 6vw, 2rem); letter-spacing: -.01em; }
.flow-section .step h3 { font-family: 'Poppins', system-ui, sans-serif; font-weight: 700; font-size: .98rem; line-height: 1.3; letter-spacing: 0; }
.flow-section .step .num { font-family: 'Poppins', system-ui, sans-serif; font-weight: 700; font-size: 1.15rem; }
/* Surec adimlari: renkli ikon karolari (numara kucuk rozet) */
.flow-section .grid-3 { counter-reset: st; }
.flow-section .step { counter-increment: st; --c: #4f90c6; --c2: #356fa1; }
.flow-section .grid-3 > :nth-child(2) { --c: #e0a03a; --c2: #bd7d1e; }
.flow-section .grid-3 > :nth-child(3) { --c: #3f9d90; --c2: #2c786d; }
.flow-section .step .num { position: relative; width: 52px; height: 52px; border-radius: 16px; background: linear-gradient(135deg, var(--c), var(--c2)); box-shadow: 0 4px 12px color-mix(in srgb, var(--c) 45%, transparent); display: grid; place-items: center; font-size: 0; }
.flow-section .step .num svg { width: 28px; height: 28px; fill: none; stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.flow-section .step .num::after { content: counter(st); position: absolute; top: -7px; right: -7px; width: 20px; height: 20px; border-radius: 50%; background: #fff; color: var(--c2); font: 700 .72rem/20px 'Poppins', system-ui, sans-serif; text-align: center; box-shadow: 0 1px 4px rgba(0,0,0,.2); }
.flow-section .step { grid-template-columns: 52px 1fr; }
/* Hakkimda maddeleri: renkli ikon karolari */
.checklist li { padding-left: 52px; min-height: 40px; display: flex; align-items: center; margin-bottom: 14px; }
.checklist li::before { display: none; content: none; }
.checklist .ck { --c: #4f90c6; --c2: #356fa1; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: linear-gradient(135deg, var(--c), var(--c2)); box-shadow: 0 3px 10px color-mix(in srgb, var(--c) 45%, transparent); }
.checklist .ck svg { width: 22px; height: 22px; fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.checklist li:nth-child(2) .ck { --c: #3f9d90; --c2: #2c786d; }
.checklist li:nth-child(3) .ck { --c: #d47b9a; --c2: #ac5877; }
.checklist li:nth-child(4) .ck { --c: #e0a03a; --c2: #bd7d1e; }
.flow-section .step .num::after { box-shadow: 0 2px 6px rgba(43,45,30,.38), 0 0 0 2px rgba(255,255,255,.85); }
/* 1-2-3 ikon kareleri: altta siyah glow golge */
.flow-section .step .num { box-shadow: 0 10px 18px -4px rgba(0,0,0,.45), 0 4px 8px rgba(0,0,0,.18); }
.flow-section .step .num::after { box-shadow: 0 3px 6px rgba(0,0,0,.45), 0 0 0 2px rgba(255,255,255,.9); }
/* Yorumlar basligi: Fraunces, vurgulu italik kisim */
.rev-section .section-head h2 { font-family: 'Fraunces', Georgia, serif; font-weight: 700; font-size: clamp(2rem, 9vw, 2.8rem); line-height: 1.1; letter-spacing: -.01em; text-shadow: 0 3px 14px rgba(0,0,0,.25); }
.rev-section .section-head h2 em { display: inline-block; font-style: italic; font-weight: 700; color: #f6c453; text-shadow: 0 3px 14px rgba(0,0,0,.3); }
/* SSS: mavimsi, biraz daha koyu kutular */
.faq-item { background: linear-gradient(135deg, #dfeaf6 0%, #c8dcf0 100%); background-image: linear-gradient(135deg, #dfeaf6 0%, #c8dcf0 100%); border: 1px solid rgba(47,111,179,.35); box-shadow: 0 5px 14px rgba(47,111,179,.18); }
.faq-item.open { background-image: linear-gradient(135deg, #d2e2f3 0%, #b9d2ea 100%); border-color: rgba(47,111,179,.55); }
.faq-q { color: #1d3350; }
.faq-q::after { color: #2f6fb3; }
.faq-a p { color: #324b68; }
/* Hakkimda maddeleri: renkli daire madde isaretleri + yumusak font */
.checklist li { padding-left: 34px; min-height: 0; margin-bottom: 14px; font-family: 'Nunito', system-ui, sans-serif; font-weight: 700; font-size: 1.02rem; line-height: 1.45; color: var(--green-900); }
.checklist .ck { left: 4px; top: 50%; width: 16px; height: 16px; border-radius: 50%; background: var(--c); box-shadow: 0 0 0 4px color-mix(in srgb, var(--c) 25%, transparent), 0 2px 6px color-mix(in srgb, var(--c) 55%, transparent); }
/* Ikon kareleri: kendi renginde parlak glow; sayi rozetlerinde siyah golge kalir */
.flow-section .step .num { box-shadow: 0 6px 16px color-mix(in srgb, var(--c) 60%, transparent), 0 0 14px color-mix(in srgb, var(--c) 50%, transparent); }
/* Ayirici (seperator) */
.sep { display: flex; align-items: center; gap: 14px; padding: 4px 8% 0; background: #f8f6ec; }
.sep-line { flex: 1; height: 2px; border-radius: 2px; background: linear-gradient(90deg, rgba(133,144,72,0), rgba(133,144,72,.75)); position: relative; }
.sep-line:last-child { background: linear-gradient(270deg, rgba(133,144,72,0), rgba(133,144,72,.75)); }
.sep-line::after { content: ''; position: absolute; top: 50%; right: 0; width: 7px; height: 7px; margin-top: -3.5px; border-radius: 50%; background: var(--green-500); box-shadow: 0 0 0 3px rgba(133,144,72,.2); }
.sep-line:last-child::after { right: auto; left: 0; }
.sep-ico { flex: none; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: #fff; border: 2px solid rgba(133,144,72,.65); box-shadow: 0 6px 16px rgba(133,144,72,.35); }
.sep-ico svg { width: 22px; height: 27px; fill: none; stroke: var(--green-700); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.section.svc-section + .sep + .section { padding-top: 22px; }

/* Rakam seridi: mobilde kucuk */
@media (max-width: 640px) {
  .stats { padding: 26px 0; }
  .stats .container { gap: 16px 8px; }
  .stats strong { font-size: 1.7rem; line-height: 1.15; }
  .stats span { font-size: .8rem; }
}
/* Degerlerim (hakkimda): kompakt, kendi rengi olan satirlar */
.svc.static::after { display: none; }
.svc.static { grid-template-columns: 56px 1fr; cursor: default; }
.svc.static:hover { transform: none; box-shadow: 0 6px 16px rgba(61,63,43,.12); }
.val-grid > :nth-child(1) { --c: #4f90c6; --c2: #356fa1; }
.val-grid > :nth-child(2) { --c: #3f9d90; --c2: #2c786d; }
.val-grid > :nth-child(3) { --c: #e0a03a; --c2: #bd7d1e; }
/* Degerlerim: kartsiz, editorial numarali liste */
.values { max-width: 760px; margin: 0 auto; border-top: 1px solid rgba(133,144,72,.45); }
.value { display: grid; grid-template-columns: 70px 1fr; column-gap: 14px; align-items: start; padding: 20px 2px; border-bottom: 1px solid rgba(133,144,72,.45); }
.v-num { font: 700 2.6rem/1 'Playfair Display', Georgia, serif; color: transparent; -webkit-text-stroke: 1.5px var(--green-500); letter-spacing: -.02em; }
.value h3 { font: 700 1.08rem/1.3 'Poppins', system-ui, sans-serif; color: var(--green-900); margin: 4px 0 4px; }
.value p { margin: 0; font: 500 .95rem/1.55 'Nunito', system-ui, sans-serif; color: var(--text); }
@media (min-width: 961px) {
  .values { max-width: none; border-top: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
  .value { grid-template-columns: 1fr; border-bottom: 0; border-top: 2px solid var(--green-500); padding: 18px 0 0; row-gap: 10px; }
}
.section:has(.values) { background-image: linear-gradient(180deg, #f9faee 0%, #eef2d9 100%); }
.v-num { font-variant-numeric: lining-nums; -webkit-text-stroke-width: 1.3px; }
.section:not(.alt):not(.svc-section):not(.rev-section):not(.sage-section):has(.values) { background-image: linear-gradient(180deg, #f9faee 0%, #eef2d9 100%); background-size: auto; }
/* Degerlerim: acik krem zeminde koyu zeytin yuvarlak panel */
.section:not(.alt):not(.svc-section):not(.rev-section):not(.sage-section):has(.values) { background-image: none; background-color: #f8f6ec; padding: 36px 0 56px; }
.section:has(.values) > .container { position: relative; overflow: hidden; width: min(1180px, 92%); padding: 34px 22px 26px; border-radius: 28px; background-image: radial-gradient(420px circle at 10% 0%, rgba(255,255,255,.16), transparent 62%), linear-gradient(160deg, #75804a 0%, #4b522f 100%); box-shadow: 0 18px 40px rgba(43,45,30,.28); }
.section:has(.values) .eyebrow { color: #e3e8b8; }
.section:has(.values) .section-head h2 { color: #fff; }
.values { border-top-color: rgba(255,255,255,.28); }
.value { border-bottom-color: rgba(255,255,255,.28); }
.v-num { -webkit-text-stroke-color: #f6c453; }
.value h3 { color: #fff; }
.value p { color: #e6ebcb; }
@media (min-width: 961px) { .section:has(.values) > .container { padding: 48px 48px 40px; } .value { border-top-color: #f6c453; } }
/* Sayfa basligi bandi: mobilde kucuk */
@media (max-width: 960px) {
  .page-hero { padding: 22px 0 20px; }
  .page-hero h1 { font-size: 1.6rem; margin-bottom: 4px; letter-spacing: .01em; }
  .page-hero p { font-size: .92rem; }
  .page-hero .breadcrumb { font-size: .78rem; margin-top: 6px; }
}
/* Zaman cizelgesi -> Degerlerim arasi bosluk */
.timeline .item:last-child { margin-bottom: 0; }
.section.alt:has(.timeline) { padding-bottom: 26px; }
.section:not(.alt):not(.svc-section):not(.rev-section):not(.sage-section):has(.values) { padding-top: 16px; }
/* Guvence bandi */
.trust { background: #f8f6ec; padding: 26px 0 30px; text-align: center; }
.trust .eyebrow { margin-bottom: 8px; color: var(--green-700); }
.trust-grid { display: grid; grid-template-columns: 1fr 1fr; max-width: 980px; margin: 0 auto; }
.trust-item { padding: 16px 10px; }
.trust-item:nth-child(odd) { border-right: 1px solid rgba(133,144,72,.4); }
.trust-item:nth-child(-n+2) { border-bottom: 1px solid rgba(133,144,72,.4); }
.trust-ico { width: 54px; height: 54px; margin: 0 auto 10px; border-radius: 50%; display: grid; place-items: center; background: #fff; border: 2px solid rgba(133,144,72,.6); box-shadow: 0 6px 16px rgba(133,144,72,.3); }
.trust-ico svg { width: 26px; height: 26px; fill: none; stroke: var(--green-700); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.trust-item h3 { font: 700 .92rem/1.3 'Poppins', system-ui, sans-serif; margin: 0 0 3px; color: var(--green-900); }
.trust-item p { margin: 0; font: 500 .8rem/1.4 'Nunito', system-ui, sans-serif; color: var(--muted); }
@media (min-width: 961px) {
  .trust-grid { grid-template-columns: repeat(4, 1fr); }
  .trust-item { border: 0 !important; border-right: 1px solid rgba(133,144,72,.4) !important; padding: 18px 16px; }
  .trust-item:last-child { border-right: 0 !important; }
}
/* Sorun -> cozum secici */
.pain { margin: 18px 0 8px; text-align: left; }
.pain-title { font: 700 1.05rem/1.3 'Poppins', system-ui, sans-serif; color: var(--green-900); margin: 0 0 10px; text-align: center; }
.pain-chips { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.chip { font: 600 .82rem/1.25 'Nunito', system-ui, sans-serif; color: var(--green-900); background: #fff; border: 1.5px solid rgba(133,144,72,.55); border-radius: 50px; padding: 9px 14px; cursor: pointer; transition: background .2s, color .2s, transform .2s, box-shadow .2s; }
.chip:hover { transform: translateY(-1px); }
.chip.on { background: linear-gradient(135deg, #7b8647, #4f5a2c); color: #fff; border-color: transparent; box-shadow: 0 6px 14px rgba(61,63,43,.3); }
.pain-panel { margin-top: 12px; padding: 14px 16px 14px; background: rgba(255,255,255,.85); border: 1px solid rgba(133,144,72,.35); border-left: 5px solid var(--accent); border-radius: 14px; box-shadow: 0 6px 16px rgba(61,63,43,.1); transition: opacity .18s ease, transform .18s ease; min-height: 150px; }
.pain-panel.swap { opacity: 0; transform: translateY(6px); }
.pain-lead { margin: 0 0 8px; font: 500 .9rem/1.5 'Nunito', system-ui, sans-serif; color: var(--muted); }
.pain-sol { margin: 0 0 10px; font: 700 .95rem/1.5 'Nunito', system-ui, sans-serif; color: var(--green-900); }
.pain-cta { display: inline-flex; align-items: center; gap: 6px; font: 700 .85rem 'Poppins', system-ui, sans-serif; color: var(--green-700); border-bottom: 2px solid var(--accent); padding-bottom: 2px; }
.pain-cta:hover { color: var(--green-900); }
/* ---- Kaydirma animasyonlari: cesitli, yumusak, kademeli ---- */
:root { --ease: cubic-bezier(.22,.61,.36,1); }
.reveal { opacity: 0; transform: none; transition: transform .3s ease, box-shadow .3s ease, background .3s ease; }
.pkg.featured.reveal { transform: scale(1.04); }
@media (max-width: 640px) { .pkg.featured.reveal { transform: none; } }
.reveal.in { opacity: 1; animation: var(--rv, rv-up) .85s var(--ease-rv, var(--ease)) var(--d, 0s) backwards; }
.pkg.featured.reveal.in { transform: scale(1.04); }
@media (max-width: 640px) { .pkg.featured.reveal.in { transform: none; } }
[data-anim="left"] { --rv: rv-left; }
[data-anim="right"] { --rv: rv-right; }
[data-anim="zoom"] { --rv: rv-zoom; }
[data-anim="blur"] { --rv: rv-blur; }
[data-anim="pop"] { --rv: rv-pop; --ease-rv: cubic-bezier(.34,1.56,.64,1); }
[data-anim="clip"] { --rv: rv-clip; --ease-rv: cubic-bezier(.65,0,.35,1); }
@keyframes rv-up { from { opacity: 0; transform: translateY(36px); } }
@keyframes rv-left { from { opacity: 0; transform: translateX(-56px); } }
@keyframes rv-right { from { opacity: 0; transform: translateX(56px); } }
@keyframes rv-zoom { from { opacity: 0; transform: scale(.86) translateY(18px); } }
@keyframes rv-blur { from { opacity: 0; filter: blur(10px); transform: translateY(22px); } to { filter: blur(0); } }
@keyframes rv-pop { from { opacity: 0; transform: scale(.55) rotate(-6deg); } }
@keyframes rv-clip { from { opacity: 0; clip-path: inset(0 0 100% 0 round 18px); transform: scale(1.05); } to { clip-path: inset(0 0 0 0 round 18px); } }

/* Acilista hero: kademeli giris */
.hero .container > div:first-child > * { animation: rv-up .9s var(--ease) backwards; }
.hero .container > div:first-child > :nth-child(1) { animation-delay: .05s; }
.hero .container > div:first-child > :nth-child(2) { animation-delay: .15s; }
.hero .container > div:first-child > :nth-child(3) { animation-delay: .25s; }
.hero .container > div:first-child > :nth-child(4) { animation-delay: .35s; }
.hero .container > div:first-child > :nth-child(5) { animation-delay: .45s; }
.hero .container > div:first-child > :nth-child(6) { animation-delay: .55s; }
.hero-img { animation: rv-zoom 1.1s var(--ease) .2s backwards; }

/* Hover mikro etkilesimleri */
.svc-ico, .step .num, .trust-ico { transition: transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease; }
.svc:hover .svc-ico { transform: rotate(-6deg) scale(1.08); }
.flow-section .step:hover .num { transform: translateY(-4px) rotate(-5deg); }
.trust-item:hover .trust-ico { transform: translateY(-5px) scale(1.05); box-shadow: 0 12px 22px rgba(133,144,72,.45); }
.v-num { transition: color .3s ease; }
.value:hover .v-num { color: rgba(246,196,83,.9); }
.faq-item:hover { transform: translateY(-2px); }
.sep-ico { animation: sep-float 4.5s ease-in-out infinite; }
@keyframes sep-float { 50% { transform: translateY(-4px); } }
@media (prefers-reduced-motion: reduce) {
  .reveal, .reveal.in { opacity: 1; animation: none; }
  .hero .container > div:first-child > *, .hero-img, .sep-ico { animation: none; }
}
/* Pazarlama bolumu: hikaye secici (hero ile uzmanlik alanlari arasi) */
.section.hook-section { background-image: linear-gradient(180deg, #e9edcf 0%, #f5f7e4 50%, #e9edcf 100%); background-size: auto; padding: 24px 0 30px; }
.hook-section .section-head { margin-bottom: 18px; }
.hook-section .section-head h2 { font-family: 'Lora', Georgia, serif; font-weight: 600; }
.hook-section .section-head p { font-family: 'Nunito', system-ui, sans-serif; font-weight: 500; margin: 0; }
.hook-section .pain { margin: 0; max-width: 760px; margin-inline: auto; }
.pain-tag { display: inline-block; font: 700 .68rem/1 'Poppins', system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin-bottom: 4px; }
.pain-tag.sol { color: var(--accent); filter: brightness(.8); margin-top: 2px; }
.pain-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 2px; }
.pain-wa { font: 600 .82rem 'Nunito', system-ui, sans-serif; color: var(--muted); border-bottom: 1px solid currentColor; padding-bottom: 1px; }
.pain-wa:hover { color: var(--green-900); }
.hook-facts { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 16px; margin: 18px 0 0; padding: 0; }
.hook-facts li { position: relative; padding-left: 14px; font: 600 .8rem 'Nunito', system-ui, sans-serif; color: var(--green-900); }
.hook-facts li::before { content: ''; position: absolute; left: 0; top: 50%; width: 7px; height: 7px; margin-top: -3.5px; border-radius: 50%; background: var(--green-500); box-shadow: 0 0 0 3px rgba(133,144,72,.22); }
.section.hook-section + .svc-section { padding-top: 26px; }
/* Yuzen butonlar: mobilde kucuk, icerigi az kapatsin */
@media (max-width: 640px) {
  .wa-float { width: 46px; height: 46px; right: 12px; bottom: 14px; }
  .wa-float svg { width: 26px; height: 26px; }
  .to-top { width: 36px; height: 36px; right: 17px; bottom: 68px; font-size: 1rem; }
}
/* ===== Daha akici animasyonlar: sadece transform/opacity, GPU dostu ===== */
:root { --ease: cubic-bezier(.16,1,.3,1); }
.reveal { transition: transform .3s ease, box-shadow .3s ease; will-change: opacity, transform; }
.reveal.in { will-change: auto; animation: var(--rv, rv-up) .95s var(--ease-rv, var(--ease)) var(--d, 0s) backwards; }
[data-anim="pop"] { --ease-rv: cubic-bezier(.34,1.35,.64,1); }
[data-anim="clip"] { --ease-rv: var(--ease); }
@keyframes rv-up { from { opacity: 0; transform: translate3d(0,28px,0); } }
@keyframes rv-left { from { opacity: 0; transform: translate3d(-40px,0,0); } }
@keyframes rv-right { from { opacity: 0; transform: translate3d(40px,0,0); } }
@keyframes rv-zoom { from { opacity: 0; transform: translate3d(0,16px,0) scale(.94); } }
@keyframes rv-blur { from { opacity: 0; transform: translate3d(0,22px,0) scale(.985); } to { filter: none; } }
@keyframes rv-pop { from { opacity: 0; transform: scale(.72); } }
@keyframes rv-clip { from { opacity: 0; transform: translate3d(0,26px,0) scale(1.03); } to { clip-path: none; } }
.scroll-ind { transition: transform .14s ease-out; }
.header { will-change: transform; }

/* ===== Pazarlama ogeleri: duygu odakli renkler ===== */
/* Empati/sorun: mercan; cozum: yesil; aksiyon: sicak amber; guven: mavi */
.chip { display: inline-flex; align-items: center; gap: 8px; border-color: color-mix(in srgb, var(--c, #859048) 50%, #fff); }
.chip::before { content: ''; width: 9px; height: 9px; border-radius: 50%; background: var(--c, #859048); flex: none; }
.chip.on { background: linear-gradient(135deg, var(--c, #7b8647), color-mix(in srgb, var(--c, #7b8647) 68%, #000)); color: #fff; border-color: transparent; box-shadow: 0 6px 14px color-mix(in srgb, var(--c, #7b8647) 45%, transparent); }
.chip.on::before { background: #fff; }
.pain-panel { border-left-color: var(--pc, #e0a03a); background: color-mix(in srgb, var(--pc, #e0a03a) 9%, #fff); transition: opacity .18s ease, transform .18s ease, background .4s ease, border-color .4s ease; }
.pain-tag { color: #c8553f; }
.pain-tag.sol { color: #4f8a2e; filter: none; }
.pain-cta { padding: 10px 18px; border: 0; border-radius: 50px; background: linear-gradient(135deg, #f6c453, #e8a233); color: #3a2a0c; box-shadow: 0 6px 14px rgba(232,162,51,.4); transition: transform .25s var(--ease), box-shadow .25s ease; }
.pain-cta:hover { color: #3a2a0c; transform: translateY(-2px); box-shadow: 0 10px 20px rgba(232,162,51,.5); }
.hook-facts li::before { background: #4f90c6; box-shadow: 0 0 0 3px rgba(79,144,198,.22); }
.cta .btn-light { background: linear-gradient(135deg, #f6c453, #e8a233); color: #3a2a0c; box-shadow: 0 8px 20px rgba(0,0,0,.25); }
.cta .btn-light:hover { background: linear-gradient(135deg, #f8cd6a, #eeaa40); }

/* Guvence bandi: mavi = guven */
.trust { background: linear-gradient(180deg, #f8f6ec 0%, #eaf2fa 100%); }
.trust .eyebrow { color: #2f6fb3; }
.trust-item h3 { color: #1d3350; }
.trust-item p { color: #4b6078; }
.trust-item:nth-child(odd) { border-right-color: rgba(47,111,179,.3); }
.trust-item:nth-child(-n+2) { border-bottom-color: rgba(47,111,179,.3); }
.trust-ico { border-color: rgba(47,111,179,.55); box-shadow: 0 6px 16px rgba(47,111,179,.28); }
.trust-ico svg { stroke: #2f6fb3; }
.trust-item:hover .trust-ico { box-shadow: 0 12px 22px rgba(47,111,179,.4); }
@media (min-width: 961px) { .trust-item { border-right-color: rgba(47,111,179,.3) !important; } }
/* SSS: kompakt, zeytin/krem tonlu (mavi kaldirildi) */
.section.alt:has(.faq) { padding: 34px 0 22px; }
.section:has(.faq) .section-head { margin-bottom: 14px; }
.faq-item { background: linear-gradient(135deg, #f8f9ea 0%, #ecf0d3 100%); background-image: linear-gradient(135deg, #f8f9ea 0%, #ecf0d3 100%); border: 1px solid rgba(133,144,72,.4); border-radius: 12px; box-shadow: 0 3px 10px rgba(61,63,43,.08); margin-bottom: 8px; }
.faq-item.open { background-image: linear-gradient(135deg, #f1f4dc 0%, #e1e9bd 100%); border-color: rgba(133,144,72,.65); box-shadow: 0 6px 16px rgba(61,63,43,.14); }
.faq-q { padding: 12px 16px; font-size: .95rem; line-height: 1.35; color: var(--green-900); font-family: 'Nunito', system-ui, sans-serif; font-weight: 700; }
.faq-q::after { font-size: 1.25rem; color: var(--green-700); }
.faq-a p { padding: 0 16px 14px; font-size: .9rem; line-height: 1.55; color: var(--text); }

/* Guvence bandi: zeytin tonlari, kompakt */
.trust { background: linear-gradient(180deg, #f8f6ec 0%, #f1f4de 100%); padding: 18px 0 22px; }
.trust .eyebrow { color: var(--green-700); }
.trust-item { padding: 12px 10px; }
.trust-item h3 { color: var(--green-900); }
.trust-item p { color: var(--muted); }
.trust-item:nth-child(odd) { border-right-color: rgba(133,144,72,.4); }
.trust-item:nth-child(-n+2) { border-bottom-color: rgba(133,144,72,.4); }
.trust-ico { width: 46px; height: 46px; margin-bottom: 8px; border-color: rgba(133,144,72,.6); box-shadow: 0 6px 16px rgba(133,144,72,.3); }
.trust-ico svg { width: 23px; height: 23px; stroke: var(--green-700); }
.trust-item:hover .trust-ico { box-shadow: 0 12px 22px rgba(133,144,72,.45); }
@media (min-width: 961px) { .trust-item { border-right-color: rgba(133,144,72,.4) !important; } }
.hook-facts li::before { background: var(--green-500); box-shadow: 0 0 0 3px rgba(133,144,72,.22); }
/* Mobil sabit aksiyon cubugu + alt bilgi guven notu */
.mbar { display: none; }
.disclaimer { margin: 0; padding: 14px 0; border-top: 1px solid rgba(255,255,255,.1); font-size: .78rem; line-height: 1.55; color: #a9b08f; text-align: center; }
@media (max-width: 960px) {
  .mbar { display: grid; grid-template-columns: 1fr 1.3fr 1.2fr; gap: 8px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 96; padding: 8px 10px calc(8px + env(safe-area-inset-bottom)); background: rgba(255,255,255,.97); box-shadow: 0 -6px 20px rgba(43,45,30,.18); transform: translate3d(0,110%,0); transition: transform .45s var(--ease); }
  .mbar.show { transform: translate3d(0,0,0); }
  .mbar a { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; border-radius: 12px; font: 700 .85rem 'Poppins', system-ui, sans-serif; }
  .mbar svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .mbar-call { color: var(--green-900); background: var(--green-100); border: 1px solid rgba(133,144,72,.45); }
  .mbar-wa { color: #fff; background: #1faa59; }
  .mbar-cta { color: #3a2a0c; background: linear-gradient(135deg, #f6c453, #e8a233); }
  body { padding-bottom: 62px; }
  .to-top { bottom: 74px; right: 14px; }
}
.wa-float { display: none; }
@media (max-width: 960px) { .footer .copy { padding-left: 56px; padding-right: 56px; } }

/* ===== Genel guven / donusum ogeleri ===== */
.cta-note { margin: 14px auto 0; max-width: 340px; font-size: .82rem; line-height: 1.5; color: #dde0c2; }
.cta-wa { display: inline-block; margin-top: 8px; font: 700 .85rem 'Nunito', system-ui, sans-serif; color: #fff; border-bottom: 1px solid rgba(255,255,255,.6); padding-bottom: 1px; }
.cta-wa:hover { color: #f6c453; border-color: #f6c453; }

/* Randevu: sonra ne olur */
.next-wrap { display: grid; gap: 16px; margin-top: 22px; }
.next-card { background: linear-gradient(135deg, #f8f9ea, #ecf0d3); border: 1px solid rgba(133,144,72,.4); border-radius: 16px; padding: 18px 18px 16px; box-shadow: 0 4px 14px rgba(61,63,43,.08); }
.next-card h3 { font: 700 1rem 'Poppins', system-ui, sans-serif; margin: 0 0 12px; color: var(--green-900); }
.next-steps { list-style: none; margin: 0; padding: 0 0 0 4px; counter-reset: ns; border-left: 2px solid rgba(133,144,72,.45); margin-left: 12px; }
.next-steps li { counter-increment: ns; position: relative; padding: 0 0 14px 24px; }
.next-steps li:last-child { padding-bottom: 0; }
.next-steps li::before { content: counter(ns); position: absolute; left: -15px; top: 0; width: 26px; height: 26px; border-radius: 50%; background: linear-gradient(135deg, #7b8647, #4f5a2c); color: #fff; font: 700 .78rem/26px 'Poppins', system-ui, sans-serif; text-align: center; box-shadow: 0 0 0 4px #f1f4dc; }
.next-steps b { display: block; font: 700 .93rem 'Nunito', system-ui, sans-serif; color: var(--green-900); }
.next-steps span { display: block; font: 500 .86rem/1.45 'Nunito', system-ui, sans-serif; color: var(--muted); }
.prep-list { list-style: none; margin: 0; padding: 0; }
.prep-list li { position: relative; padding: 4px 0 4px 22px; font: 600 .9rem 'Nunito', system-ui, sans-serif; color: var(--green-900); }
.prep-list li::before { content: ''; position: absolute; left: 2px; top: 50%; width: 10px; height: 10px; margin-top: -5px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 3px rgba(224,160,58,.25); }
.prep-note { margin: 10px 0 0; font: 500 .82rem/1.45 'Nunito', system-ui, sans-serif; color: var(--muted); }
@media (min-width: 761px) { .next-wrap { grid-template-columns: 1.3fr 1fr; } }

/* Iletisim: WhatsApp karti */
.wa-card { display: flex; align-items: center; gap: 14px; margin: 6px 0 4px; padding: 14px 16px; border-radius: 16px; background: linear-gradient(135deg, #1faa59, #178a47); color: #fff; box-shadow: 0 8px 20px rgba(31,170,89,.35); transition: transform .3s var(--ease), box-shadow .3s ease; }
.wa-card:hover { transform: translateY(-3px); box-shadow: 0 12px 26px rgba(31,170,89,.45); }
.wa-card-ico { flex: none; width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,.2); display: grid; place-items: center; }
.wa-card-ico svg { width: 24px; height: 24px; fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.wa-card b { display: block; font: 700 1rem 'Poppins', system-ui, sans-serif; }
.wa-card small { display: block; font: 500 .8rem 'Nunito', system-ui, sans-serif; opacity: .92; }

/* Programlar: her programda */
.included { background: linear-gradient(180deg, #f8f6ec 0%, #f1f4de 100%); padding: 22px 0 18px; text-align: center; }
.included .eyebrow { margin-bottom: 10px; color: var(--green-700); }
.included-list { list-style: none; margin: 0 auto; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; max-width: 820px; }
.included-list li { position: relative; padding: 11px 12px 11px 34px; text-align: left; background: #fff; border: 1px solid rgba(133,144,72,.4); border-radius: 12px; font: 700 .85rem/1.3 'Nunito', system-ui, sans-serif; color: var(--green-900); box-shadow: 0 3px 10px rgba(61,63,43,.07); }
.included-list li::before { content: ''; position: absolute; left: 12px; top: 50%; width: 12px; height: 12px; margin-top: -6px; border-radius: 50%; background: var(--green-500); box-shadow: 0 0 0 3px rgba(133,144,72,.25); }
.included-help { margin: 14px 0 0; font: 600 .86rem 'Nunito', system-ui, sans-serif; color: var(--muted); }
.included-help a { color: var(--green-700); border-bottom: 2px solid var(--accent); font-weight: 700; }
@media (min-width: 761px) { .included-list { grid-template-columns: repeat(4, 1fr); } }

/* Hakkimda: soz + kimler icin */
.section.promise-section { padding: 18px 0 26px; background-image: none; background-color: #f8f6ec; }
.promise { background: linear-gradient(135deg, #f8f9ea, #ecf0d3); border: 1px solid rgba(133,144,72,.4); border-left: 5px solid var(--accent); border-radius: 16px; padding: 18px 18px 14px; box-shadow: 0 5px 16px rgba(61,63,43,.1); }
.promise .eyebrow { margin-bottom: 8px; color: var(--green-700); }
.promise-list { list-style: none; margin: 0; padding: 0; }
.promise-list li { position: relative; padding: 6px 0 6px 24px; font: 700 .95rem/1.4 'Nunito', system-ui, sans-serif; color: var(--green-900); }
.promise-list li::before { content: ''; position: absolute; left: 2px; top: 13px; width: 12px; height: 12px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 3px rgba(224,160,58,.25); }
.who { margin-top: 20px; text-align: center; }
.who h3 { font: 700 1rem 'Poppins', system-ui, sans-serif; margin: 0 0 10px; color: var(--green-900); }
.who-tags { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.who-tags a { padding: 8px 14px; border-radius: 50px; background: #fff; border: 1.5px solid rgba(133,144,72,.5); font: 700 .82rem 'Nunito', system-ui, sans-serif; color: var(--green-900); transition: background .25s, color .25s, transform .25s var(--ease); }
.who-tags a:hover { background: linear-gradient(135deg, #7b8647, #4f5a2c); color: #fff; transform: translateY(-2px); border-color: transparent; }
/* Cagri bolumu: dengeli dikey ritim */
.cta { padding: 46px 0 44px; }
.cta h2 { margin: 0 0 12px; line-height: 1.25; }
.cta p { margin: 0 auto 22px; }
.cta .btn { margin: 0; }
.cta .cta-note { max-width: 320px; margin: 14px auto 0; font-size: .8rem; line-height: 1.5; }
.cta .cta-wa { display: inline-block; margin: 12px 0 0; }
@media (max-width: 960px) { .footer .logo { justify-content: center; width: 100%; } .footer .cols > div:first-child p { margin-inline: auto; max-width: 320px; } }

/* Sosyal ikonlar: gercek marka ikonlari */
.socials { gap: 12px; }
.socials a { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; color: #fff; transition: transform .3s var(--ease), box-shadow .3s ease; box-shadow: 0 4px 12px rgba(0,0,0,.3); }
.socials a svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.socials a[data-social="ig"] { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
.socials a[data-social="wa"] { background: #25d366; }
.socials a[data-social="spotify"] { background: #1ed760; }
.socials a[data-social="mail"] { background: #fff; }
.socials a:hover { transform: translateY(-4px) scale(1.06); box-shadow: 0 10px 20px rgba(0,0,0,.4); color: #fff; }
.socials a[data-social="mail"]:hover { background: #fff; }
/* ===== Footer sosyal ikonlar: daha kucuk, dengeli ===== */
.socials { gap: 10px; }
.socials a { width: 34px; height: 34px; box-shadow: 0 3px 8px rgba(0,0,0,.3); }
.socials a svg { width: 17px; height: 17px; display: block; }
.socials a[data-social="wa"] svg { width: 19px; height: 19px; }
.socials a:hover { transform: translateY(-3px) scale(1.05); }

/* ===== Randevu / iletisim formu: okunakli, kompakt, erisilebilir ===== */
.section:not(.alt):not(.svc-section):not(.rev-section):not(.sage-section):not(.hook-section):has(.form-box),
.section.alt:has(.form-box) { background-image: none; background-color: #f4f6e6; }
.form-box { background: #fff; background-image: none; border: 1px solid rgba(133,144,72,.35); box-shadow: 0 8px 24px rgba(61,63,43,.12); padding: 20px 18px 18px; }
.form-box h3 { font: 700 1.1rem 'Poppins', system-ui, sans-serif; color: var(--green-900); margin: 0 0 12px; }
.form-grid { gap: 12px 12px; }
.form-grid label { margin-bottom: 4px; font: 700 .85rem 'Nunito', system-ui, sans-serif; color: var(--green-900); }
.form-grid input, .form-grid select, .form-grid textarea { padding: 11px 13px; min-height: 46px; border: 1.5px solid #b9c08f; border-radius: 10px; background: #fcfdf6; color: #26281c; font-size: 16px; }
.form-grid textarea { min-height: 84px; }
.form-grid input::placeholder, .form-grid textarea::placeholder { color: #7b7f68; }
.form-grid input:focus, .form-grid select:focus, .form-grid textarea:focus { border-color: var(--green-700); box-shadow: 0 0 0 3px rgba(133,144,72,.3); background: #fff; }
.form-box .btn-primary { background: linear-gradient(135deg, #f6c453, #e8a233); color: #3a2a0c; font-weight: 700; min-height: 50px; box-shadow: 0 8px 18px rgba(232,162,51,.4); }
.form-box .btn-primary:hover { background: linear-gradient(135deg, #f8cd6a, #eeaa40); }
.form-note { margin: 10px 0 0; font-size: .8rem; line-height: 1.5; color: #55584a; }
.quick-contact { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 10px; margin: 0 0 14px; font: 600 .85rem 'Nunito', system-ui, sans-serif; color: var(--green-900); }
.quick-contact a { padding: 9px 16px; border-radius: 50px; font: 700 .82rem 'Nunito', system-ui, sans-serif; }
.qc-wa { background: #1faa59; color: #fff; }
.qc-call { background: #fff; color: var(--green-900); border: 1.5px solid rgba(133,144,72,.55); }

/* ===== Programlar: sorun -> cozum -> aksiyon kartlari ===== */
.section:not(.alt):not(.svc-section):not(.rev-section):not(.sage-section):not(.hook-section):has(.prog) { background-image: none; background-color: #f4f6e6; padding: 22px 0 14px; }
.prog { margin-bottom: 16px; scroll-margin-top: 100px; background: #fff; border: 1px solid rgba(133,144,72,.25); border-radius: 18px; overflow: hidden; box-shadow: 0 8px 22px rgba(61,63,43,.12); }
.prog-head { display: flex; flex-direction: column; gap: 2px; padding: 14px 18px; background: linear-gradient(135deg, var(--c), var(--c2)); color: #fff; }
.prog-head h2 { margin: 0; font: 700 1.1rem/1.3 'Poppins', system-ui, sans-serif; color: #fff; }
.prog-sub { font: 600 .82rem 'Nunito', system-ui, sans-serif; opacity: .95; }
.prog-body { display: grid; gap: 12px; padding: 14px 18px 18px; }
.prog-pain ul { list-style: none; margin: 6px 0 0; padding: 0; }
.prog-pain li { position: relative; padding: 3px 0 3px 20px; font: 600 .92rem/1.45 'Nunito', system-ui, sans-serif; color: #2f3124; }
.prog-pain li::before { content: ''; position: absolute; left: 2px; top: 11px; width: 9px; height: 9px; border-radius: 50%; background: var(--c); box-shadow: 0 0 0 3px color-mix(in srgb, var(--c) 25%, transparent); }
.prog-sol p { margin: 6px 0 0; font: 500 .92rem/1.55 'Nunito', system-ui, sans-serif; color: #3a3c2f; }
.prog .tags { margin-top: 0; }
.prog .tags span { background: color-mix(in srgb, var(--c) 14%, #fff); color: color-mix(in srgb, var(--c2) 85%, #000); font-weight: 700; }
.prog-cta { justify-self: start; }
@media (min-width: 761px) {
  .prog-body { grid-template-columns: 1fr 1fr; column-gap: 28px; }
  .prog .tags, .prog-cta { grid-column: 1 / -1; }
}

/* Paketler: kartlarda desen yok, okunakli */
.card.pkg:not(.featured) { background: #fff; background-image: none; }
.pkg .price { font-family: 'Poppins', system-ui, sans-serif; font-weight: 700; }
/* ===== Iletisim sayfasi: kanal kartlari, bilgi, harita, form ===== */
.section:not(.alt):not(.svc-section):not(.rev-section):not(.sage-section):not(.hook-section):has(.contact-grid) { background-image: none; background-color: #f4f6e6; padding: 22px 0 28px; }
.contact-main .section-head { text-align: left; margin: 0 0 12px; }
.contact-main .section-head h2 { font: 700 1.25rem/1.3 'Poppins', system-ui, sans-serif; margin: 2px 0 0; }
.chans { display: grid; gap: 10px; }
.chan { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; border: 1px solid rgba(133,144,72,.4); background: #fff; color: var(--green-900); box-shadow: 0 4px 14px rgba(61,63,43,.1); transition: transform .3s var(--ease), box-shadow .3s ease; }
.chan:hover { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(61,63,43,.18); }
.chan-ico { flex: none; width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: #f1f4dc; color: var(--green-700); }
.chan-ico svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.chan-txt { flex: 1; min-width: 0; }
.chan-txt b { display: block; font: 700 .98rem 'Poppins', system-ui, sans-serif; line-height: 1.3; }
.chan-txt small { display: block; font: 600 .84rem 'Nunito', system-ui, sans-serif; color: #55584a; overflow-wrap: anywhere; }
.chan-go { flex: none; font-size: 1.2rem; font-weight: 700; color: var(--green-700); }
.chan-wa { background: linear-gradient(135deg, #1faa59, #178a47); border-color: transparent; color: #fff; box-shadow: 0 8px 20px rgba(31,170,89,.35); }
.chan-wa .chan-ico { background: rgba(255,255,255,.22); color: #fff; }
.chan-wa .chan-txt small, .chan-wa .chan-go { color: rgba(255,255,255,.95); }
.chan-call .chan-ico { background: #fdf1d4; color: #b8731c; }
.chan-mail .chan-ico { background: #e7efc9; color: var(--green-700); }
.info-card { margin-top: 14px; background: #fff; border: 1px solid rgba(133,144,72,.35); border-radius: 14px; padding: 4px 14px; box-shadow: 0 4px 14px rgba(61,63,43,.08); }
.info-row { display: grid; grid-template-columns: 112px 1fr; gap: 10px; padding: 10px 0; border-bottom: 1px solid rgba(133,144,72,.25); }
.info-row:last-child { border-bottom: 0; }
.info-k { font: 700 .72rem/1.5 'Poppins', system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--green-700); }
.info-v { font: 600 .9rem/1.5 'Nunito', system-ui, sans-serif; color: #2f3124; }
.contact-main .map { margin-top: 14px; box-shadow: 0 4px 14px rgba(61,63,43,.12); border: 1px solid rgba(133,144,72,.35); }
.contact-main .map iframe { height: 200px; }
.map-btn { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; padding: 10px 18px; border-radius: 50px; background: linear-gradient(135deg, #f6c453, #e8a233); color: #3a2a0c; font: 700 .85rem 'Poppins', system-ui, sans-serif; box-shadow: 0 6px 14px rgba(232,162,51,.4); }
.contact-grid { gap: 22px; }
.form-lead { margin: -6px 0 12px; font: 600 .9rem 'Nunito', system-ui, sans-serif; color: #55584a; }
@media (min-width: 961px) { .contact-grid { grid-template-columns: 1fr 1fr; align-items: start; } }
/* ===== Blog ===== */
.section.blog-section, .section.post-section { background-image: none !important; background-color: #f7f6ec; padding: 34px 0 44px; }
.blog-grid { display: grid; gap: 16px; max-width: 760px; margin: 0 auto; }
.post-card { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 20px 20px 18px 24px; background: #fff; border-radius: 18px; box-shadow: 0 8px 24px rgba(61,63,43,.08); overflow: hidden; transition: transform .35s var(--ease), box-shadow .35s ease; }
.post-card::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: linear-gradient(180deg, var(--c, #859048), var(--c2, #68723b)); }
.post-card h2 { font: 700 1.08rem/1.35 'Poppins', system-ui, sans-serif; color: var(--green-900); margin: 0; }
.post-card p { margin: 0; color: #5d614c; font-size: .93rem; line-height: 1.6; }
.post-card .post-meta { font-size: .78rem; color: #8a8e74; }
.post-more { font: 700 .86rem 'Poppins', system-ui, sans-serif; color: var(--c2, var(--green-700)); }
@media (hover: hover) { .post-card:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(61,63,43,.14); } }
.post-chip { align-self: flex-start; display: inline-block; padding: 4px 11px; border-radius: 50px; font: 700 .7rem 'Poppins', system-ui, sans-serif; letter-spacing: .04em; text-transform: uppercase; color: var(--c2, var(--green-700)); background: color-mix(in srgb, var(--c, #859048) 16%, #fff); }
.post-hero { background: linear-gradient(135deg, var(--c2, #68723b), var(--c, #859048)); color: #fff; padding: 40px 0 34px; text-align: center; }
.post-hero .container { display: flex; flex-direction: column; align-items: center; gap: 12px; max-width: 760px; }
.post-hero .breadcrumb { margin: 0; color: rgba(255,255,255,.8); font-size: .8rem; }
.post-hero .post-chip { background: rgba(255,255,255,.2); color: #fff; }
.post-hero h1 { color: #fff; font-size: 1.5rem; line-height: 1.3; margin: 0; }
.post-hero .post-meta { margin: 0; font-size: .82rem; color: rgba(255,255,255,.85); }
.post { max-width: 720px; margin: 0 auto; background: #fff; border-radius: 20px; padding: 26px 22px; box-shadow: 0 8px 24px rgba(61,63,43,.07); font-family: 'Nunito', system-ui, sans-serif; color: #3b3e2c; }
.post p, .post li { font-size: 1.02rem; line-height: 1.8; }
.post .lead { font-size: 1.1rem; font-weight: 600; color: var(--green-900); }
.post h2 { font: 700 1.25rem/1.35 'Poppins', system-ui, sans-serif; color: var(--green-900); margin: 28px 0 10px; }
.post h3 { font: 700 1.05rem/1.4 'Poppins', system-ui, sans-serif; color: var(--green-700); margin: 20px 0 6px; }
.post ul { padding-left: 20px; margin: 10px 0 16px; }
.post li { margin-bottom: 8px; }
.post a { color: var(--green-700); text-decoration: underline; text-underline-offset: 3px; }
.callout { margin: 22px 0; padding: 16px 18px; border-radius: 14px; background: #f3f5df; border-left: 5px solid var(--green-500); font-size: .98rem; line-height: 1.7; }
.post-cta { margin: 28px 0 14px; padding: 22px 20px; text-align: center; border-radius: 18px; background: linear-gradient(135deg, #f7f9e6, #eef2d2); }
.post-cta h3 { margin: 0 0 6px; color: var(--green-900); }
.post-cta p { margin: 0 0 14px; font-size: .95rem; }
.post-cta .pain-cta { text-decoration: none; color: #3a2a0c; }
.post-disclaimer { font-size: .82rem !important; line-height: 1.6 !important; color: #7a7e66; text-align: center; margin: 10px 0 0; }
.related { max-width: 720px; margin: 22px auto 0; display: grid; gap: 10px; }
.related h3 { font: 700 1rem 'Poppins', system-ui, sans-serif; color: var(--green-900); margin: 0 0 2px; text-align: center; }
.rel-card { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px; background: #fff; border-radius: 14px; border-left: 5px solid var(--c, var(--green-500)); box-shadow: 0 4px 14px rgba(61,63,43,.07); }
.rel-card b { font: 700 .95rem/1.4 'Poppins', system-ui, sans-serif; color: var(--green-900); }
.rel-prog { border-left-color: var(--accent); font: 700 .9rem 'Poppins', system-ui, sans-serif; color: var(--green-700); text-align: center; }
@media (min-width: 760px) {
  .blog-grid { grid-template-columns: 1fr 1fr; max-width: 980px; }
  .post-hero h1 { font-size: 2.1rem; }
  .post { padding: 40px 44px; }
}
/* index blog teaser */
.section.blog-teaser { background-image: none !important; background-color: #fbfaf2; padding: 34px 0 30px; }
.blog-teaser .section-title, .blog-teaser .blog-all { text-align: center; }
.blog-teaser .blog-grid { margin-top: 18px; }
.blog-all { margin-top: 18px; }
.post-card h3 { font: 700 1.02rem/1.35 'Poppins', system-ui, sans-serif; color: var(--green-900); margin: 0; }
.blog-teaser .post-card { gap: 6px; padding: 16px 18px 14px 22px; }

.post-hero .post-chip { align-self: center; }
.post .lead { font-size: 1.05rem; }

/* ===== Açılış ekranı ===== */
.loader { display: none; position: fixed; inset: 0; z-index: 2000; place-items: center; background: radial-gradient(circle at 50% 38%, #fbfcee, #e6ebc9 70%, #dfe5bd); touch-action: none; transition: opacity .55s ease, visibility .55s; }
.show-loader .loader { display: grid; }
.loader-done .loader { opacity: 0; visibility: hidden; }
.loader-inner { display: flex; flex-direction: column; align-items: center; gap: 10px; transition: transform .55s var(--ease); }
.loader-done .loader-inner { transform: scale(1.06); }
.loader-mark { position: relative; width: 104px; height: 104px; display: grid; place-items: center; animation: ldPop .7s var(--ease) both; }
.loader-mark img { width: 64px; height: 64px; border-radius: 50%; position: relative; z-index: 1; }
.loader-ring { position: absolute; inset: 0; border-radius: 50%; border: 3px solid rgba(133,144,72,.18); border-top-color: var(--accent); border-right-color: var(--green-500); animation: ldSpin 1.1s linear infinite; will-change: transform; }
.loader-name { font: 700 1.6rem/1.2 'Poppins', system-ui, sans-serif; color: var(--green-900); letter-spacing: .01em; margin-top: 12px; animation: ldUp .7s .25s var(--ease) both; }
.loader-name span { color: var(--green-700); }
.loader-tag { font: 600 .78rem 'Nunito', system-ui, sans-serif; color: #7b8056; letter-spacing: .08em; text-transform: uppercase; animation: ldUp .7s .4s var(--ease) both; }
.loader-bar { width: 150px; height: 4px; border-radius: 4px; background: rgba(133,144,72,.2); overflow: hidden; margin-top: 14px; animation: ldUp .7s .5s var(--ease) both; }
.loader-bar i { display: block; height: 100%; border-radius: 4px; background: linear-gradient(90deg, var(--green-500), var(--accent)); transform: scaleX(0); transform-origin: left; animation: ldBar 1.5s cubic-bezier(.45,.05,.25,1) forwards; will-change: transform; }
@keyframes ldPop { from { opacity: 0; transform: scale(.6); } to { opacity: 1; transform: scale(1); } }
@keyframes ldUp { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes ldSpin { to { transform: rotate(360deg); } }
@keyframes ldBar { to { transform: scaleX(1); } }
@media (prefers-reduced-motion: reduce) { .loader-ring { animation: none; } }

.recipe-grid { align-items: stretch; }
.recipe-card { padding: 0; overflow: hidden; }
.recipe-card > img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; background: #e8edcb; }
.recipe-body { padding: 18px 20px 22px; text-align: left; }
.recipe-time { display: inline-block; color: var(--green-700); font-size: .82rem; font-weight: 600; }
.recipe-body h2 { margin: 8px 0 14px; font: 700 1.2rem/1.35 'Poppins', system-ui, sans-serif; color: var(--green-900); }
.recipe-body h3 { margin: 14px 0 5px; font: 700 .92rem 'Poppins', system-ui, sans-serif; color: var(--green-700); }
.recipe-body ul, .recipe-body ol { margin: 0; padding-left: 20px; }
.recipe-body li, .recipe-body p { font-size: .92rem; line-height: 1.55; }
.recipe-body ol li { margin-bottom: 4px; }
.recipe-body p { margin: 0; }
.recipe-note { margin-top: 24px; color: var(--muted); font-size: .88rem; text-align: center; }
.post-cover { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 14px; margin: 0 0 20px; background: #e8edcb; }
@media (max-width: 640px) { .recipe-body { padding: 16px; } }

.section.ds-booking { background-image: none; background-color: #fff; padding: 36px 0; }
.ds-booking-container { max-width: 860px; }
.ds-booking-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px 24px; padding-bottom: 22px; border-bottom: 1px solid #dce2d0; margin-bottom: 22px; }
.ds-booking-heading > div { min-width: 0; }
.ds-booking-heading .eyebrow { margin-bottom: 6px; }
.ds-booking-heading h2 { margin: 0; font-size: 1.45rem; line-height: 1.4; overflow-wrap: anywhere; }
.ds-profile-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--green-700); font-size: .9rem; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.ds-profile-link:focus-visible { outline: 2px solid var(--green-700); outline-offset: 4px; }
.ds-widget { width: 100%; min-width: 0; }
.ds-widget iframe { display: block; max-width: 100%; border: 0; background: #fff; height: 300px !important; }
@media (max-width: 640px) {
  .section.ds-booking { padding: 26px 0; }
  .ds-booking-heading { gap: 8px; margin-bottom: 16px; padding-bottom: 16px; }
  .ds-booking-heading h2 { font-size: 1.25rem; }
}