/*
Selim Erbek theme stylesheet.
Bu dosya design reference'in (server.pikselfikir.com/selimerbek/,
kaynak: /srv/projects/client-websites/selimerbek/assets/css/style.css)
CSS'i BİREBİR AYNI - class isimleri dahil hicbir sey yeniden yazilmadi.
:root degiskenleri asagida referanstaki varsayilan degerlerle tanimli;
functions.php::se_build_css_variables() bu AYNI degisken isimlerini
(--ink, --brand, vb.) admin ayarlarindan (Selim Erbek -> Tasarim) inline
style olarak override eder - degisken ISIMLERI degismez, sadece degerleri.
*/
:root{
  --ink:#0c2430;
  --ink-2:#29434d;
  --muted:#6c7f86;
  --paper:#f6faf9;
  --white:#ffffff;
  --line:#dfe9e7;
  --brand:#0e756c;
  --brand-dark:#07564f;
  --brand-soft:#e6f3f0;
  --warm:#d6aa73;
  --shadow:0 24px 70px rgba(9,38,47,.10);
  --radius:28px;
  --radius-sm:18px;
  --max:1240px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Lato", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:var(--paper);
  color:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}
.skip-link{position:absolute;left:-999px;top:auto;background:var(--brand);color:#fff;padding:12px 18px;border-radius:0 0 10px 0;z-index:100;font-weight:800}
.skip-link:focus{left:0;top:0}
.container{width:min(var(--max), calc(100% - 48px));margin-inline:auto}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:var(--brand);
}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--brand)}
.section{padding:110px 0}
.section-title{
  margin:12px 0 18px;
  font-family:"Manrope",sans-serif;
  font-size:clamp(2.1rem,4vw,4.15rem);
  line-height:1.02;
  letter-spacing:-.055em;
  font-weight:800;
}
.section-lead{max-width:720px;color:var(--muted);font-size:1.05rem;margin:0}

/* topbar */
.topbar{
  position:relative;z-index:30;
  background:var(--ink);color:#dbe7e8;
  font-size:.84rem;
}
.topbar-inner{
  min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.topbar-group{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.topbar a{transition:.2s}
.topbar a:hover{color:white}
.dot{width:4px;height:4px;border-radius:50%;background:#719096}
.lang{display:flex;align-items:center;gap:6px;color:#a9bdc1}
.lang strong{color:white}

/* nav */
.header{
  position:sticky;top:0;z-index:25;
  background:rgba(246,250,249,.86);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(12,36,48,.06);
}
.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:13px;min-width:max-content}
.brand-logo{height:38px;width:auto;display:block}
.brand-mark{
  width:42px;height:42px;border:1.5px solid var(--brand);
  border-radius:50%;display:grid;place-items:center;position:relative;
  color:var(--brand);font-family:"Manrope",sans-serif;font-size:.92rem;font-weight:800;letter-spacing:-.03em;
}
.brand-mark::after{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(14,117,108,.25)}
.brand-text strong{display:block;font-family:"Manrope",sans-serif;font-size:1.02rem;letter-spacing:-.02em;font-weight:800}
.brand-text span{display:block;color:var(--muted);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:22px;font-size:.9rem;font-weight:650}
.nav-item{position:relative;display:flex;align-items:center}
.nav-item > a,.nav-item > button{appearance:none;border:0;background:none;color:inherit;padding:30px 0;font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap}
.chev{width:12px;height:12px;opacity:.55;transition:.2s}
.nav-item:hover .chev{transform:rotate(180deg)}
.dropdown{position:absolute;left:-24px;top:calc(100% - 4px);min-width:250px;padding:10px;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 70px rgba(8,35,42,.12);opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}
.nav-item:hover .dropdown,.nav-item:focus-within .dropdown{opacity:1;visibility:visible;transform:none}
.dropdown.wide{left:50%;transform:translate(-50%,8px);width:560px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.nav-item:hover .dropdown.wide,.nav-item:focus-within .dropdown.wide{transform:translate(-50%,0)}
.dropdown a{display:block;padding:11px 12px;border-radius:11px;font-size:.82rem;line-height:1.35;color:var(--ink-2);font-weight:700;transition:.18s}
.dropdown a:hover{background:var(--brand-soft);color:var(--brand-dark)}
.dropdown .menu-label{padding:7px 12px 4px;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:#8ca0a3;font-weight:900;grid-column:1/-1}
.nav-actions{display:flex;align-items:center;gap:10px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:48px;padding:0 20px;border-radius:14px;border:1px solid transparent;
  font-weight:800;font-size:.86rem;letter-spacing:.01em;transition:.25s;cursor:pointer;
}
.btn-primary{background:var(--brand);color:white;box-shadow:0 10px 28px rgba(14,117,108,.18)}
.btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px)}
.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.6)}
.btn-ghost:hover{background:white;border-color:#c8dad6}
.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:white;cursor:pointer}

/* hero */
.hero{position:relative;overflow:hidden;padding:52px 0 68px}
/* gradient fades to zero well inside its own box, so there is no visible clip edge */
.hero::before{
  content:"";position:absolute;right:-160px;top:-260px;pointer-events:none;
  width:min(820px,86vw);aspect-ratio:1;
  background:radial-gradient(circle closest-side, rgba(14,117,108,.13), rgba(14,117,108,.04) 52%, rgba(14,117,108,0) 80%);
}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:center}
/* no per-element max-widths here: the grid column is the single measure, so the
   badge, headline, body and CTA row all share one left and right edge */
.hero-copy{position:relative;z-index:2}
.hero-badge{
  display:inline-flex;align-items:center;
  padding:7px 14px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);
  font-size:.76rem;font-weight:800;letter-spacing:.01em;margin-bottom:26px;
}
h1{margin:0 0 22px;font-family:"Manrope",sans-serif;font-weight:800;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em;line-height:1;text-wrap:balance}
/* keeps the accented phrase from splitting across the line break */
h1 em{font-style:normal;color:var(--brand);font-weight:800;white-space:nowrap}
.hero-desc{color:var(--ink-2);font-size:1.08rem;line-height:1.7;margin:0 0 32px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}

.portrait-wrap{position:relative;align-self:stretch;min-height:540px}
.portrait-frame{position:absolute;inset:0;border-radius:var(--radius);overflow:hidden;background:#ddeae7;box-shadow:var(--shadow)}
.portrait-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(5,32,38,.14), transparent 40%);pointer-events:none}
.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 18%;transform:scale(1.02)}

/* credential band - the numbers that used to sit inside the hero */
.trust-strip{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat-band{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:32px 0 32px 36px;border-left:1px solid var(--line)}
.stat:first-child{padding-left:0;border-left:0}
.stat strong{display:block;font-family:"Manrope",sans-serif;font-size:2.1rem;font-weight:800;letter-spacing:-.045em;line-height:1}
.stat span{display:block;margin-top:9px;font-size:.76rem;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}

/* expertise */
.expertise-header{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:54px}
.expertise-header .section-title{max-width:650px}
.expertise-note{max-width:420px;color:var(--muted);font-size:.95rem}
.expertise-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.service-card{position:relative;overflow:hidden;min-height:250px;padding:30px;border:1px solid var(--line);border-radius:var(--radius-sm);background:rgba(255,255,255,.65);transition:.3s}
.service-card:hover{transform:translateY(-5px);background:white;box-shadow:0 18px 50px rgba(14,45,51,.08);border-color:#cfdfdc}
.service-card.large{grid-column:span 6}
.service-card.small{grid-column:span 3}
.service-number{font:700 .85rem "Manrope",sans-serif;color:#9aacae;margin-bottom:68px}
.service-card h3{margin:0 0 10px;font-size:1.25rem;letter-spacing:-.025em}
.service-card p{margin:0;color:var(--muted);font-size:.9rem;max-width:420px}
.service-arrow{position:absolute;right:24px;top:24px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:.25s}
.service-card:hover .service-arrow{background:var(--brand);border-color:var(--brand);color:white;transform:rotate(45deg)}
.service-card.featured{background:var(--brand);color:white;border-color:var(--brand)}
.service-card.featured p,.service-card.featured .service-number{color:#cce3df}
.service-card.featured .service-arrow{border-color:rgba(255,255,255,.3)}

/* about */
.about{background:var(--ink);color:white;position:relative;overflow:hidden}
.about::before{content:"SE";position:absolute;right:-35px;bottom:-210px;font:800 420px/1 "Manrope",sans-serif;color:rgba(255,255,255,.025);letter-spacing:-.1em}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.about-media{position:relative}
.about-img{height:590px;border-radius:28px;overflow:hidden;background:#d8e5e2;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.about-img img{width:100%;height:100%;object-fit:cover;object-position:center}
.about-stamp{
  position:absolute;right:-34px;bottom:52px;width:140px;height:140px;border-radius:50%;
  background:var(--warm);color:var(--ink);display:grid;place-items:center;text-align:center;
  font-family:"Manrope",sans-serif;font-size:.72rem;font-weight:800;line-height:1.35;transform:rotate(6deg);
  box-shadow:0 12px 38px rgba(0,0,0,.25)
}
.about .eyebrow{color:#7fc5bb}.about .eyebrow::before{background:#7fc5bb}
.about .section-title{max-width:690px}
.about-copy p{color:#b8c6c9;font-size:1.02rem;max-width:680px}
.milestones{margin-top:38px;border-top:1px solid rgba(255,255,255,.12)}
.milestone{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.milestone strong{color:#7fc5bb;font-family:Georgia,serif;font-size:1.05rem}
.milestone span{color:#eef5f5}

/* memberships */
.memberships{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:start;padding-top:25px}
.memberships--list-only{grid-template-columns:1fr;padding-top:0}
.membership-list{border-top:1px solid var(--line)}
.membership-row{padding:18px 4px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}
.membership-row b{width:30px;height:30px;border-radius:10px;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand);font-size:.7rem}
.membership-row span{font-weight:700;font-size:.94rem}

/* articles */
.article-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px}
.content-index{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px}
.index-card{min-height:155px;border:1px solid var(--line);border-radius:18px;background:white;padding:22px;display:flex;flex-direction:column;transition:.25s}
.index-card:hover{transform:translateY(-3px);box-shadow:0 16px 42px rgba(11,44,51,.07)}
.index-card span{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:var(--brand);font-weight:900}
.index-card strong{font-family:"Manrope",sans-serif;font-size:1rem;line-height:1.35;margin:12px 0}
.index-card small{margin-top:auto;color:var(--muted);font-size:.76rem}

/* pagination (WP core the_posts_pagination - "nav-links" cakismasi
   navigation_markup_template filter'iyla "pagination-links" yapildi,
   bkz. functions.php) */
.navigation.pagination{margin-top:50px}
.pagination-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
.pagination-links .page-numbers{min-width:44px;height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;font-weight:800;font-size:.86rem;color:var(--ink)}
.pagination-links .page-numbers.current{background:var(--brand);border-color:var(--brand);color:#fff}
.pagination-links .page-numbers:not(.current):not(.dots):hover{border-color:var(--brand);color:var(--brand)}
.pagination-links .page-numbers.dots{border:0;color:var(--muted)}
.pagination-links .prev,.pagination-links .next{font-weight:800}

/* Ic sayfa ust basligi (page-hero) - design reference tek sayfa oldugu
   icin bu component'in birebir karsiligi yok; reference'in tipografi/
   spacing/renk dilini (eyebrow/section-title, brand-soft arka plan)
   birebir kullanarak turetildi - ic sayfalar (Ozgecmis, Uyelikler vb.)
   icin SE_Page_Header widget'i bunu render eder. */
.page-hero{
  position:relative;overflow:hidden;
  background:radial-gradient(circle at 88% 10%, rgba(29,76,114,.10), transparent 30%), linear-gradient(180deg,var(--brand-soft) 0%, var(--white) 100%);
  padding:72px 0 60px;border-bottom:1px solid var(--line);
}
.page-hero::after{
  content:"";position:absolute;right:-95px;top:-165px;width:410px;height:410px;border-radius:50%;
  border:1px solid rgba(29,76,114,.11);box-shadow:0 0 0 55px rgba(29,76,114,.025),0 0 0 110px rgba(29,76,114,.016);
  pointer-events:none;
}
.page-hero .container{position:relative;z-index:2}
.page-hero .eyebrow{margin-bottom:12px}
.page-hero h1{margin:0 0 16px;font-size:clamp(2.2rem,4.6vw,3.6rem);letter-spacing:-.05em}
.page-hero p{color:var(--muted);font-size:1.05rem;line-height:1.7;max-width:680px;margin:0}
.page-hero .breadcrumbs{margin-bottom:14px}
.page-hero__meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.page-hero__tag{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--ink-2);font-size:.74rem;font-weight:700}

.breadcrumb-wrap{background:var(--paper);border-bottom:1px solid var(--line)}
.breadcrumb-wrap .breadcrumbs{margin:0}
.breadcrumbs{min-height:48px;display:flex;align-items:center}
.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0;margin:0;font-size:.78rem;color:var(--muted)}
.breadcrumbs li{display:flex;align-items:center;gap:8px}
.breadcrumbs li:not(:last-child)::after{content:"";width:5px;height:5px;border-right:1.5px solid var(--line);border-bottom:1.5px solid var(--line);transform:rotate(-45deg)}
.breadcrumbs a:hover{color:var(--brand)}
.breadcrumbs li[aria-current]{color:var(--ink)}

/* Ic sayfa kapanis CTA bandi (contact-card'in kucuk varyanti) - SE_CTA
   widget'i veya se_inline_contact_cta() template-tag'i tarafindan
   basilir; iletisim sayfasina yonlendirir. */
.inline-cta{border-radius:24px;padding:44px 48px;background:linear-gradient(135deg,var(--brand-dark),var(--brand));color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.inline-cta .eyebrow{color:#cfe6f4}
.inline-cta .eyebrow::before{background:#cfe6f4}
.inline-cta h2{color:#fff;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.04em;margin:8px 0}
.inline-cta p{color:#dcecf6;margin:0;max-width:520px}
.inline-cta .btn{background:#fff;color:var(--brand)}
@media(max-width:700px){.inline-cta{padding:32px 26px}}

/* CV / kariyer listesi (SE Timeline - Ozgecmis sayfasi) - reference'in
   .membership-row diliyle tutarli. */
.cv-list{border-top:1px solid var(--line)}
.cv-row{padding:18px 4px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:start}
.cv-row b{color:var(--brand);font-family:"Manrope",sans-serif;font-weight:800;font-size:.92rem}
.cv-row strong{display:block;font-weight:700;font-size:.96rem;color:var(--ink)}
.cv-row p{margin:4px 0 0;color:var(--muted);font-size:.86rem}
@media(max-width:520px){.cv-row{grid-template-columns:1fr}}

/* Ic sayfa icerik bolumu - SE_* widget'lari (memberships/expertise/faq
   disinda kalan, kendi .section+.container'i olmayan) icin ortak sarmalayici. */
.inner-section{padding:70px 0}
.inner-section .container{max-width:900px}
.inner-section--wide .container{max-width:1240px}

/* FAQ */
.faq-wrap{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px}
.faq-side{position:sticky;top:130px;align-self:start}
.faq-list{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;padding:26px 4px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:760}
summary::-webkit-details-marker{display:none}
.faq-plus{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--brand);transition:.25s}
details[open] .faq-plus{transform:rotate(45deg);background:var(--brand);color:white;border-color:var(--brand)}
.faq-answer{padding:0 55px 27px 4px;color:var(--muted);font-size:.92rem}

/* utility (guest book / health tourism / kvkk) */
.utility-section{padding:55px 0 0}
.utility-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}
.utility-card{border-radius:24px;padding:34px;border:1px solid var(--line);background:white;position:relative;overflow:hidden}
.utility-card.dark{background:var(--ink);color:white;border-color:var(--ink)}
.utility-card h3{font-family:"Manrope",sans-serif;font-size:1.65rem;line-height:1.15;letter-spacing:-.04em;margin:14px 0}
.utility-card p{color:var(--muted);font-size:.9rem}
.utility-card.dark p{color:#b7c8cb}
.utility-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.utility-link{padding:9px 12px;border:1px solid var(--line);border-radius:10px;font-size:.76rem;font-weight:800}
.utility-card.dark .utility-link{border-color:rgba(255,255,255,.14);color:#d9e7e8}
.guest-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.guest-form input,.guest-form textarea{width:100%;border:1px solid var(--line);background:#f8fbfa;border-radius:12px;padding:13px 14px;outline:none;color:var(--ink)}
.guest-form input:focus,.guest-form textarea:focus{border-color:var(--brand)}
.guest-form textarea{grid-column:1/-1;min-height:110px;resize:vertical}
.guest-form button{grid-column:1/-1}
.form-status{grid-column:1/-1;font-size:.82rem;font-weight:700;color:var(--brand-dark);min-height:1.2em}
.demo-note{font-size:.72rem!important;margin:10px 0 0!important;color:#91a1a4!important}

/* contact */
.contact-card{
  position:relative;overflow:hidden;background:var(--brand);color:white;border-radius:34px;
  padding:62px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;
  box-shadow:0 30px 80px rgba(14,117,108,.18)
}
.contact-card::after{
  content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.11);
  border-radius:50%;right:-180px;top:-190px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)
}
.contact-card .eyebrow{color:#cdebe6}.contact-card .eyebrow::before{background:#cdebe6}
.contact-card h2{font:800 clamp(2.5rem,4vw,4.6rem)/1 "Manrope",sans-serif;letter-spacing:-.05em;margin:14px 0 20px}
.contact-card p{color:#d8eeea;max-width:560px}
.contact-details{position:relative;z-index:2;display:grid;gap:12px}
.contact-line{display:flex;gap:14px;align-items:center;padding:15px 18px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.07);backdrop-filter:blur(8px)}
.contact-line svg{width:20px;height:20px;flex:0 0 auto}
.contact-line small{display:block;color:#bee2dc}
.contact-line strong{font-size:.95rem}

/* footer */
footer{padding:62px 0 28px;background:#081c23;color:#b9c9cc;margin-top:110px}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:60px}
.footer-brand{color:white}.footer-brand .brand-mark{border-color:#6ec0b5;color:#6ec0b5}
.footer-text{margin:24px 0 0;max-width:500px;font-size:.86rem;color:#8ea4a8}
footer h4{color:white;margin:0 0 18px;font-size:.84rem;text-transform:uppercase;letter-spacing:.12em}
footer ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:.86rem}
footer a:hover{color:white}
.footer-bottom{margin-top:48px;padding-top:23px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:20px;font-size:.76rem;color:#789096}

/* mobile drawer */
.mobile-menu{display:none;position:fixed;inset:0;z-index:50;background:var(--paper);padding:28px;overflow:auto}
.mobile-menu.active{display:block}
.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}
.mobile-menu nav{display:grid;gap:2px}
.mobile-menu nav a{font:800 1.5rem/1.3 "Manrope",sans-serif;padding:9px 0;border-bottom:1px solid var(--line)}
.mobile-menu .mobile-group-label{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);font-weight:900;padding:18px 0 4px}
.mobile-contact{margin-top:40px;padding:22px;border-radius:20px;background:var(--brand-soft);display:grid;gap:8px;font-size:.9rem}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}

/* hero entry: staggered so the eye lands on badge, headline, then CTA in reading order.
   Gated on no-preference so the default state stays visible without JS. */
@media (prefers-reduced-motion: no-preference){
  .hero-copy > *,.portrait-frame{opacity:0;animation:hero-in .8s cubic-bezier(.16,1,.3,1) forwards}
  .hero-copy > *{transform:translateY(16px)}
  .portrait-frame{transform:scale(.985)}
  .hero-copy > :nth-child(1){animation-delay:.05s}
  .hero-copy > :nth-child(2){animation-delay:.13s}
  .hero-copy > :nth-child(3){animation-delay:.21s}
  .hero-copy > :nth-child(4){animation-delay:.29s}
  .portrait-frame{animation-delay:.12s;animation-duration:1s}
  @keyframes hero-in{to{opacity:1;transform:none}}
}

@media(max-width:1180px){.nav-links{gap:14px}.nav-item > a,.nav-item > button{font-size:.76rem}.content-index{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1050px){
  .nav-links{display:none}.menu-btn{display:grid;place-items:center}
  .hero-grid{grid-template-columns:1fr .85fr;gap:38px}
  .portrait-wrap{min-height:540px}
  .service-card.large{grid-column:span 6}.service-card.small{grid-column:span 6}
  .about-grid{gap:55px}
  .stat-band{grid-template-columns:repeat(2,1fr)}
  .stat{padding:26px 0 26px 30px}
  .stat:nth-child(odd){padding-left:0;border-left:0}
  .stat:nth-child(n+3){border-top:1px solid var(--line)}
  .faq-wrap{gap:45px}
  .content-index{grid-template-columns:repeat(2,1fr)}
  .memberships{gap:45px}
}
@media(max-width:800px){
  .container{width:min(100% - 30px,var(--max))}
  .topbar .topbar-group:first-child span:nth-of-type(2),.topbar .dot{display:none}
  .nav{min-height:72px}.nav-actions .btn{display:none}
  .hero{padding-top:32px}
  .hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:auto}
  .hero-copy{order:1;margin-bottom:40px}.portrait-wrap{order:2;width:100%;min-height:500px}
  h1{font-size:clamp(2.4rem,10.5vw,3.4rem)}
  .hero-desc{font-size:1rem}
  .section{padding:82px 0}
  .expertise-header,.article-top{display:block}
  .expertise-note{margin-top:18px}
  .expertise-grid{display:grid;grid-template-columns:1fr}
  .service-card.large,.service-card.small{grid-column:auto}
  .service-card{min-height:220px}
  .about-grid{grid-template-columns:1fr}
  .about-media{order:2}.about-copy{order:1}
  .about-img{height:520px}.about-stamp{right:12px}
  .content-index{grid-template-columns:1fr}
  .memberships,.utility-grid{grid-template-columns:1fr}
  .guest-form{grid-template-columns:1fr}
  .guest-form textarea,.guest-form button{grid-column:auto}
  .faq-wrap{grid-template-columns:1fr}
  .faq-side{position:static}
  .contact-card{grid-template-columns:1fr;padding:36px 28px}
  .footer-grid{grid-template-columns:1fr;gap:36px}
  .footer-bottom{flex-direction:column}
}
/* Cookie consent banner - design reference'ta yok (yeni site icin KVKK/
   analytics onay gereksinimi), referansin token/dilini kullanir. */
.se-cookie-banner{position:fixed;left:20px;right:20px;bottom:20px;z-index:60;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow);max-width:920px;margin-inline:auto}
.se-cookie-banner[hidden]{display:none}
.se-cookie-banner__inner{padding:22px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}
.se-cookie-banner__text p{margin:6px 0 0;color:var(--muted);font-size:.86rem}
.se-cookie-banner__actions{display:flex;gap:10px;flex-wrap:wrap}

/* Contact Form 7 - reference'in guest-form/contact-card input dilini
   kullanir. .se-contact__cf7-wrap = koyu contact-card icindeki (beyaz
   metinli) varyant; sayfa icinde (aciik zeminde) kullanildiginda
   .wpcf7-form kurallari tek basina yeterli olur. */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.wpcf7-form{display:grid;gap:12px}
.wpcf7-form .cf7-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wpcf7-form .cf7-field{display:block}
.wpcf7-form input[type=text],.wpcf7-form input[type=email],.wpcf7-form input[type=tel],.wpcf7-form textarea{
  width:100%;border:1px solid var(--line);background:#f8fbfa;border-radius:12px;padding:13px 14px;outline:none;color:var(--ink);font-family:inherit;
}
.wpcf7-form input:focus,.wpcf7-form textarea:focus{border-color:var(--brand)}
.wpcf7-form textarea{min-height:130px;resize:vertical}
.wpcf7-form .wpcf7-submit{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:14px;border:0;background:var(--brand);color:#fff;font-weight:800;font-size:.86rem;cursor:pointer;transition:.25s}
.wpcf7-form .wpcf7-submit:hover{background:var(--brand-dark)}
.wpcf7-form .wpcf7-not-valid-tip{color:#e2725b;font-size:.78rem;margin-top:4px}
.wpcf7-form .wpcf7-response-output{border-radius:12px;padding:12px 14px;font-size:.86rem;margin:0}
.wpcf7-form.sent .wpcf7-response-output{background:var(--brand-soft);color:var(--brand-dark);border:0}
.wpcf7-form.failed .wpcf7-response-output,.wpcf7-form.aborted .wpcf7-response-output,.wpcf7-form.spam .wpcf7-response-output{background:#fdecea;color:#c0392b;border:0}
.wpcf7-form.invalid .wpcf7-response-output{background:#fff6e5;color:#8a5a00;border:0}
@media(max-width:520px){.wpcf7-form .cf7-row{grid-template-columns:1fr}}

.se-contact__cf7-wrap{position:relative;z-index:2;background:rgba(255,255,255,.08);padding:26px;border-radius:20px}
.se-contact__cf7-wrap .wpcf7-form input,.se-contact__cf7-wrap .wpcf7-form textarea{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.3);color:#fff}
.se-contact__cf7-wrap .wpcf7-form input::placeholder,.se-contact__cf7-wrap .wpcf7-form textarea::placeholder{color:rgba(255,255,255,.6)}
.se-contact__cf7-wrap .wpcf7-form .wpcf7-submit{background:#fff;color:var(--brand)}
.se-contact__cf7-wrap .wpcf7-form .wpcf7-submit:hover{background:#eef6f4}
.se-contact__cf7-wrap .wpcf7-form.sent .wpcf7-response-output{background:rgba(255,255,255,.12);color:#fff}

/* ===== Single post: TOC + article + doctor sidebar (modern ic sayfa) ===== */
.article-wrap{padding:64px 0 90px}
.article-layout{display:grid;grid-template-columns:240px minmax(0,1fr) 300px;gap:40px;align-items:start}
.article-layout--no-toc{grid-template-columns:minmax(0,1fr) 300px}

.toc{position:sticky;top:100px}
.toc-card{border:1px solid var(--line);border-radius:20px;padding:22px;background:var(--white);box-shadow:0 10px 30px rgba(22,35,61,.04)}
.toc-title{font-family:"Manrope",sans-serif;font-weight:800;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);margin-bottom:14px}
.toc nav{display:grid;gap:3px}
.toc nav a{display:block;padding:9px 10px;border-radius:9px;font-size:.78rem;line-height:1.35;color:var(--muted);border-left:2px solid transparent}
.toc nav a:hover,.toc nav a.active{background:var(--brand-soft);color:var(--brand-dark);border-left-color:var(--brand)}
.toc-note{margin-top:15px;padding-top:15px;border-top:1px solid var(--line);font-size:.7rem;color:var(--muted);line-height:1.55}

.se-article{min-width:0}
.se-article__intro{font-size:1.1rem;line-height:1.85;color:var(--ink-2);padding-bottom:32px;border-bottom:1px solid var(--line);margin-bottom:38px}
.se-article h2,.se-article h3{margin:52px 0 16px;font-family:"Manrope",sans-serif;font-weight:800;font-size:clamp(1.6rem,2.8vw,2.2rem);letter-spacing:-.04em;color:var(--ink)}
.se-article h2:first-of-type,.se-article h3:first-of-type{margin-top:0}
.se-article p{margin:0 0 18px;color:var(--ink-2);font-size:1rem;line-height:1.75}
.se-article ul,.se-article ol{padding-left:21px;color:var(--ink-2)}
.se-article li{margin:8px 0}
.se-article strong{color:var(--ink)}
.se-article__callout{margin:30px 0;padding:22px 24px;border-radius:16px;background:var(--brand-soft);border-left:4px solid var(--brand)}
.se-article__callout strong{display:block;font-family:"Manrope",sans-serif;font-weight:800;font-size:.8rem;color:var(--brand-dark);margin-bottom:6px}
.se-article__callout p{margin:0;font-size:.88rem;color:var(--ink-2)}
.se-article__note{margin:40px 0 0;padding:24px 26px;border-radius:16px;background:var(--ink);color:#d7e0e8}
.se-article__note p{color:#d7e0e8;margin:0;font-size:.86rem}
.se-article__note strong{display:block;color:#fff;font-family:"Manrope",sans-serif;font-weight:800;font-size:.76rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}

.se-aside{position:sticky;top:100px;display:grid;gap:16px}
.doctor-card,.quick-card{border:1px solid var(--line);border-radius:20px;background:var(--white);overflow:hidden;box-shadow:0 14px 42px rgba(22,35,61,.05)}
.doctor-photo{aspect-ratio:4/3;background:var(--brand-soft);overflow:hidden}
.doctor-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.doctor-body{padding:20px}
.doctor-body span{font-size:.68rem;color:var(--brand);letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.doctor-body h3{font-family:"Manrope",sans-serif;font-weight:800;font-size:1.08rem;line-height:1.25;letter-spacing:-.03em;margin:8px 0 9px;color:var(--ink)}
.doctor-body p{font-size:.8rem;line-height:1.6;color:var(--muted);margin:0 0 16px}
.quick-card{padding:20px}
.quick-card h3{font-family:"Manrope",sans-serif;font-weight:800;font-size:.9rem;margin:0 0 14px;color:var(--ink)}
.quick-links{display:grid;gap:7px}
.quick-links a{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.78rem;color:var(--ink-2)}
.quick-links a:last-child{border-bottom:0}
.quick-links a:hover{color:var(--brand)}
.quick-links span:last-child{color:var(--muted)}

@media(max-width:1100px){
  .article-layout{grid-template-columns:220px minmax(0,1fr)}
  .article-layout--no-toc{grid-template-columns:1fr}
  .se-aside{display:none}
}
@media(max-width:800px){
  .article-layout{grid-template-columns:1fr}
  .toc{position:static}
}

@media(max-width:520px){
  .brand-text span{display:none}
  .topbar-inner{min-height:38px}
  .topbar-group{gap:9px}
  .topbar{font-size:.72rem}
  .hero-actions{display:grid;grid-template-columns:1fr}
  .btn{width:100%}
  .portrait-wrap{min-height:440px}
  .stat-band{grid-template-columns:1fr}
  .stat,.stat:nth-child(odd){padding:22px 0;border-left:0}
  .stat + .stat{border-top:1px solid var(--line)}
  .about-img{height:440px}
  .about-stamp{width:110px;height:110px;font-size:.7rem}
  .milestone{grid-template-columns:66px 1fr}
  .contact-card h2{font-size:2.65rem}
}