/* ============================================================
   DIETICIAN teması — editöryel, ferah, fotoğraf odaklı diyetisyen
   Fraunces (başlık) + Manrope (gövde), orman yeşili + amber
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400..600;1,9..144,400..500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --dt-forest:#0f3d2e; --dt-leaf:#2f9e44; --dt-leaf-d:#237a37; --dt-lime:#7ecb57;
  --dt-moss:#eef4ec; --dt-amber:#e8a13a; --dt-cream:#f7f4ec;
  --dt-ink:#132a20; --dt-muted:#5f7266; --dt-line:#e3ece0; --dt-surface:#ffffff; --dt-bg:#fbfcf9;
  --dt-shadow:0 30px 70px -42px rgba(15,45,32,.5); --dt-shadow-sm:0 18px 42px -30px rgba(15,45,32,.42);
  /* WebStyle değişkenlerini ez */
  --zemin:#fbfcf9; --kart:#ffffff; --cizgi:#e3ece0; --yazi:#132a20; --yazi-soluk:#5f7266;
  --ana:#2f9e44; --ana-koyu:#237a37; --golge:var(--dt-shadow); --golge-sm:var(--dt-shadow-sm);
  --yuvarlak:20px;
}
body{ background:var(--dt-bg); color:var(--dt-ink); font-family:'Manrope',system-ui,sans-serif; }
h1,h2,h3,h4,.bolum-bas h2,.gk-yorum{ font-family:'Fraunces',Georgia,serif; font-weight:500; letter-spacing:-.015em; }
h4{ font-weight:600; }
a{ color:var(--dt-leaf-d); }

/* ---------- ÜST ŞERİT + HEADER ---------- */
.ust-serit{ background:var(--dt-forest); color:#cfe2c9; border:none; }
.ust-serit a{ color:#cfe2c9; }
.ust-serit a:hover{ color:#fff; }
.site-ust{ background:color-mix(in srgb,var(--dt-bg) 88%,transparent); backdrop-filter:blur(14px); border-bottom:1px solid transparent; box-shadow:none; transition:border-color .3s,background .3s; }
.site-ust.kucuk{ border-bottom-color:var(--dt-line); background:color-mix(in srgb,var(--dt-bg) 96%,transparent); }
.su-ic{ min-height:78px; }
.site-logo, .site-logo *{ font-family:'Fraunces',serif !important; font-weight:600; color:var(--dt-forest); letter-spacing:-.02em; }
.ana-menu>a, .ana-menu .menu-oge>a{ color:var(--dt-muted); font-weight:600; font-size:16.5px; border-radius:10px; padding-top:11px; padding-bottom:11px; }
.ana-menu>a:hover, .ana-menu>a.aktif, .ana-menu .menu-oge>a:hover{ color:var(--dt-forest); background:var(--dt-moss); }
.su-cta{ background:var(--dt-forest) !important; border-color:var(--dt-forest) !important; color:#eef4ec !important; border-radius:12px !important; font-weight:700; box-shadow:0 16px 30px -18px rgba(15,45,32,.7); }
.su-cta:hover{ background:#0b2f23 !important; transform:translateY(-2px); }
.dil-secici .ds-mevcut{ border-radius:10px; }
.ds-liste{ border-radius:14px; }
/* dil seçici — pasif dil yazısı görünür olsun */
.dil-secici .ds-liste a{ color:var(--dt-ink); font-weight:600; }
.dil-secici .ds-liste a span{ color:inherit; }
.dil-secici .ds-liste a:hover{ background:var(--dt-moss); color:var(--dt-forest); }
.dil-secici .ds-liste a.aktif{ background:var(--dt-leaf); color:#fff; }
.dil-secici .ds-liste a.aktif span{ color:#fff; }
/* üst şerit sosyal ikon aralığı */
.us-sosyal a{ margin:0 4px; }

/* ---------- BANNER SLIDER (dietician) ---------- */
.dt-slider .slayt-ust{ display:inline-block; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.32); backdrop-filter:blur(4px); padding:7px 16px; border-radius:100px; font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; margin-bottom:18px; }
.dt-slider .slayt-baslik{ font-family:'Fraunces',serif; font-size:clamp(34px,5vw,58px); line-height:1.06; font-weight:600; max-width:17ch; letter-spacing:-.01em; text-shadow:0 2px 30px rgba(0,0,0,.25); }
.dt-slider .slayt-aciklama{ font-size:clamp(16px,1.5vw,20px); max-width:52ch; margin-top:18px; opacity:.96; line-height:1.6; }
.dt-slider .slayt-butonlar{ margin-top:30px; display:flex; gap:14px; flex-wrap:wrap; }
.dt-slider .slayt-butonlar .btn{ border-radius:12px; font-weight:700; padding:14px 26px; }
.dt-slider .banner-nokta span.aktif{ background:var(--dt-lime); }
.dt-slider .banner-ok{ background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.28); color:#fff; backdrop-filter:blur(4px); }
.dt-slider .banner-ok:hover{ background:var(--dt-leaf); border-color:var(--dt-leaf); }
@media(max-width:640px){ .dt-slider .slayt-baslik{ max-width:none; } }

/* ---------- BUTONLAR ---------- */
.btn{ border-radius:14px; font-family:'Manrope',sans-serif; font-weight:700; padding:15px 28px; }
.btn-dolu, .dt-btn-main{ background:var(--dt-forest); border-color:var(--dt-forest); color:#eef4ec; box-shadow:0 18px 34px -18px rgba(15,45,32,.7); }
.btn-dolu:hover, .dt-btn-main:hover{ background:#0b2f23; transform:translateY(-3px); }
.btn-cizgi, .dt-btn-ghost{ background:var(--dt-surface); border:1.5px solid var(--dt-line); color:var(--dt-ink); }
.btn-cizgi:hover, .dt-btn-ghost:hover{ border-color:var(--dt-forest); color:var(--dt-forest); transform:translateY(-3px); }
.dt-btn-cream{ background:#eef4ec; border-color:#eef4ec; color:var(--dt-forest); }
.dt-btn-line{ background:transparent; border:1.5px solid rgba(255,255,255,.45); color:#fff; }

/* ---------- HERO ---------- */
.dt-hero{ position:relative; overflow:hidden; padding:36px 0 0; }
.dt-hero-bg{ position:absolute; top:-160px; right:-180px; width:680px; height:680px; border-radius:50%; background:radial-gradient(circle at 42% 42%,#d8f0cf,transparent 62%); z-index:0; }
.dt-hero-in{ position:relative; z-index:1; display:grid; grid-template-columns:1.03fr .97fr; gap:56px; align-items:center; padding:40px 0 66px; }
.dt-eyebrow{ display:inline-flex; align-items:center; gap:9px; font-size:13px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:var(--dt-leaf-d); }
.dt-eyebrow::before{ content:""; width:26px; height:2px; background:var(--dt-leaf); border-radius:2px; }
.dt-hero-h1{ font-family:'Fraunces',serif; font-weight:400; font-size:clamp(44px,6.4vw,84px); line-height:1.03; letter-spacing:-.02em; margin:18px 0 0; color:var(--dt-forest); text-wrap:balance; }
.dt-hero-lead{ margin-top:24px; font-size:19px; color:var(--dt-muted); max-width:34ch; line-height:1.6; }
.dt-hero-cta{ display:flex; gap:14px; margin-top:34px; flex-wrap:wrap; }
.dt-hero-art{ position:relative; }
.dt-hero-photo{ aspect-ratio:4/4.5; border-radius:210px 210px 28px 28px; background:linear-gradient(160deg,#eafbe2,#bfe6b0 55%,#8fd07a) center/cover; box-shadow:var(--dt-shadow); display:grid; place-items:center; color:#3f7d4e; font-size:120px; }
.dt-leaf{ position:absolute; color:var(--dt-leaf); opacity:.55; }
.dt-leaf.a{ top:-14px; left:-26px; font-size:46px; transform:rotate(-20deg); animation:dtSway 7s ease-in-out infinite; }
.dt-leaf.b{ bottom:40px; right:-24px; font-size:40px; color:var(--dt-amber); animation:dtSway 9s ease-in-out infinite reverse; }
@keyframes dtSway{ 50%{ transform:translateY(-12px) rotate(-6deg);} }
.dt-trust{ border-top:1px solid var(--dt-line); border-bottom:1px solid var(--dt-line); background:var(--dt-surface); }
.dt-trust-in{ display:grid; grid-template-columns:repeat(4,1fr); padding:0; }
.dt-feat{ display:flex; align-items:center; gap:15px; padding:28px 26px; border-right:1px solid var(--dt-line); transition:background .25s; }
.dt-feat:last-child{ border-right:none; }
.dt-feat:hover{ background:var(--dt-moss); }
.dt-feat-ic{ width:54px; height:54px; flex:0 0 auto; border-radius:16px; background:var(--dt-moss); color:var(--dt-leaf-d); display:grid; place-items:center; font-size:22px; transition:.25s; }
.dt-feat:hover .dt-feat-ic{ background:var(--dt-leaf); color:#fff; }
.dt-feat b{ display:block; font-size:16px; color:var(--dt-forest); font-weight:700; letter-spacing:-.01em; }
.dt-feat small{ display:block; color:var(--dt-muted); font-size:13.5px; margin-top:3px; line-height:1.4; }
@media(max-width:900px){ .dt-trust-in{ grid-template-columns:1fr 1fr; } .dt-feat:nth-child(2n){ border-right:none; } .dt-feat:nth-child(-n+2){ border-bottom:1px solid var(--dt-line); } }
@media(max-width:520px){ .dt-trust-in{ grid-template-columns:1fr; } .dt-feat{ border-right:none; border-bottom:1px solid var(--dt-line); } .dt-feat:last-child{ border-bottom:none; } }

/* ---------- BÖLÜM BAŞLIKLARI ---------- */
.bolum{ padding:80px 0; }
.bolum:nth-of-type(even){ background:var(--dt-moss); }
.bolum-bas{ display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:48px; flex-wrap:wrap; }
.bolum-bas-sol{ max-width:60ch; }
.bolum-ust{ display:inline-flex; align-items:center; gap:9px; font-size:13px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:var(--dt-amber); margin-bottom:16px; }
.bolum-ust::before{ content:""; width:26px; height:2px; background:var(--dt-leaf); border-radius:2px; }
.bolum-bas h2{ font-family:'Fraunces',serif; font-weight:400; font-size:clamp(32px,4.6vw,52px); color:var(--dt-forest); letter-spacing:-.02em; line-height:1.05; }
.bolum-alt{ color:var(--dt-muted); font-size:18px; margin-top:14px; max-width:52ch; line-height:1.55; }
.bolum-tumu{ color:var(--dt-leaf-d) !important; font-weight:700; white-space:nowrap; display:inline-flex; gap:8px; align-items:center; padding:12px 20px; border:1.5px solid var(--dt-line); border-radius:999px; transition:.25s; }
.bolum-tumu:hover{ border-color:var(--dt-leaf); background:var(--dt-leaf); color:#fff !important; }

/* ---------- KART IZGARA ---------- */
.kart-izgara{ display:grid; gap:22px; }
.ki-3{ grid-template-columns:repeat(3,1fr); }
.ki-4{ grid-template-columns:repeat(4,1fr); }

/* HİZMET kartları */
.hizmet-kart{ background:var(--dt-surface); border:1px solid var(--dt-line); border-radius:24px; overflow:hidden; box-shadow:var(--dt-shadow-sm); transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s; display:block; }
.hizmet-kart:hover{ transform:translateY(-8px); box-shadow:var(--dt-shadow); }
.hk-gorsel{ aspect-ratio:16/10; overflow:hidden; background:var(--dt-moss); display:grid; place-items:center; }
.hk-gorsel img{ width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.hizmet-kart:hover .hk-gorsel img{ transform:scale(1.05); }
.hk-ikon-ic{ font-size:40px; color:var(--dt-leaf); }
.hk-govde{ padding:24px 24px 26px; }
.hk-govde h4{ font-size:22px; color:var(--dt-forest); margin:0 0 8px; }
.hk-govde p{ color:var(--dt-muted); font-size:15px; line-height:1.55; margin:0; }
.hk-go{ margin-top:14px; display:inline-flex; gap:8px; align-items:center; color:var(--dt-leaf-d); font-weight:700; font-size:14.5px; font-family:'Manrope',sans-serif; }

/* GÖRÜŞ kartları */
.gorus-kart{ background:var(--dt-surface); border:1px solid var(--dt-line); border-radius:24px; padding:30px 28px; box-shadow:var(--dt-shadow-sm); }
.gk-yildiz{ color:var(--dt-amber); letter-spacing:2px; font-size:15px; }
.gk-yorum{ font-family:'Fraunces',serif; font-weight:400; font-size:19px; line-height:1.45; color:var(--dt-ink); margin:14px 0 22px; }
.gk-kisi{ display:flex; align-items:center; gap:13px; }
.gk-kisi img{ width:52px; height:52px; border-radius:50%; object-fit:cover; }
.gk-harf{ width:52px; height:52px; border-radius:50%; background:linear-gradient(150deg,var(--dt-leaf),var(--dt-lime)); color:#fff; display:grid; place-items:center; font-weight:800; font-size:20px; }
.gk-bilgi strong{ display:block; font-size:15.5px; color:var(--dt-ink); }
.gk-bilgi small{ color:var(--dt-muted); font-size:13.5px; }

/* PAKET kartları */
.paket-izgara{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.paket-kart{ background:var(--dt-surface); border:1px solid var(--dt-line); border-radius:24px; padding:32px 26px; box-shadow:var(--dt-shadow-sm); position:relative; display:flex; flex-direction:column; }
.paket-kart.one-cikan{ border-color:var(--dt-leaf); box-shadow:0 30px 60px -34px rgba(47,158,68,.5); }
.pk-rozet{ position:absolute; top:-13px; left:50%; transform:translateX(-50%); background:var(--dt-leaf); color:#fff; font-size:12px; font-weight:800; padding:6px 16px; border-radius:999px; letter-spacing:.03em; }
.paket-kart h4{ font-size:22px; color:var(--dt-forest); margin:0 0 6px; }
.pkt-acik{ color:var(--dt-muted); font-size:14.5px; margin:0 0 16px; min-height:42px; }
.pkt-fiyat{ display:flex; align-items:baseline; gap:6px; margin-bottom:18px; }
.pkt-tutar{ font-family:'Fraunces',serif; font-size:44px; color:var(--dt-forest); line-height:1; }
.pkt-bir{ color:var(--dt-muted); font-weight:700; font-size:15px; }
.pkt-liste{ list-style:none; padding:0; margin:0 0 22px; display:flex; flex-direction:column; gap:10px; }
.pkt-liste li{ display:flex; gap:10px; align-items:flex-start; color:var(--dt-ink); font-size:14.5px; }
.pkt-liste li i{ color:var(--dt-leaf); margin-top:3px; }
.pkt-btn{ margin-top:auto; background:var(--dt-moss); color:var(--dt-forest); border:none; text-align:center; justify-content:center; }
.paket-kart.one-cikan .pkt-btn{ background:var(--dt-forest); color:#eef4ec; }

/* EKİP */
.dt-ekip{ background:var(--dt-surface); border:1px solid var(--dt-line); border-radius:24px; padding:24px; text-align:center; box-shadow:var(--dt-shadow-sm); transition:transform .3s; }
.dt-ekip:hover{ transform:translateY(-6px); }
.dt-ekip .ekip-foto{ width:130px; height:130px; border-radius:50%; overflow:hidden; margin:0 auto 16px; background:var(--dt-moss); display:grid; place-items:center; }
.dt-ekip .ekip-foto img{ width:100%; height:100%; object-fit:cover; }
.dt-ekip h4{ font-size:19px; color:var(--dt-forest); margin:0 0 4px; }
.dt-ekip .ekip-unvan{ color:var(--dt-leaf-d); font-weight:700; font-size:13.5px; }
.dt-ekip-kisa{ color:var(--dt-muted); font-size:14px; margin-top:10px; }

/* SSS */
.sss-liste{ max-width:820px; margin:0 auto; display:flex; flex-direction:column; gap:12px; }
.sss-oge{ background:var(--dt-surface); border:1px solid var(--dt-line); border-radius:18px; overflow:hidden; }
.sss-oge summary{ list-style:none; cursor:pointer; padding:20px 24px; font-weight:700; font-size:17px; color:var(--dt-forest); display:flex; justify-content:space-between; align-items:center; gap:16px; }
.sss-oge summary::-webkit-details-marker{ display:none; }
.sss-oge summary i{ color:var(--dt-leaf); transition:transform .25s; flex:0 0 auto; }
.sss-oge[open] summary i{ transform:rotate(45deg); }
.sss-cevap{ padding:0 24px 22px; color:var(--dt-muted); line-height:1.65; }

/* GALERİ */
.dt-galeri{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.dt-galeri-oge{ position:relative; aspect-ratio:1; border-radius:20px; overflow:hidden; display:block; }
.dt-galeri-oge img{ width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.dt-galeri-oge:hover img{ transform:scale(1.06); }
.dt-galeri-ad{ position:absolute; left:14px; bottom:12px; right:14px; color:#fff; font-weight:700; font-size:15px; text-shadow:0 2px 12px rgba(0,0,0,.6); z-index:2; }
.dt-galeri-oge::after{ content:""; position:absolute; inset:0; background:linear-gradient(transparent 55%,rgba(11,40,29,.6)); }

/* İÇERİK (blog) kartları */
.icerik-kart{ background:var(--dt-surface); border:1px solid var(--dt-line); border-radius:24px; overflow:hidden; box-shadow:var(--dt-shadow-sm); transition:transform .35s,box-shadow .35s; display:block; }
.icerik-kart:hover{ transform:translateY(-8px); box-shadow:var(--dt-shadow); }
.ik-gorsel{ aspect-ratio:16/10; overflow:hidden; background:var(--dt-moss); display:grid; place-items:center; }
.ik-gorsel img{ width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.icerik-kart:hover .ik-gorsel img{ transform:scale(1.05); }
.ik-bos{ font-size:36px; color:var(--dt-leaf); }
.ik-govde{ padding:22px 24px 26px; }
.ik-govde h4{ font-size:20px; color:var(--dt-forest); margin:0 0 8px; line-height:1.25; }
.ik-govde p{ color:var(--dt-muted); font-size:14.5px; line-height:1.55; margin:0; }

/* ---------- RANDEVU CTA ---------- */
.dt-cta{ padding:20px 0 96px; }
.dt-cta-box{ position:relative; overflow:hidden; border-radius:36px; background:linear-gradient(135deg,#0f3d2e,#237a37 60%,#2f9e44); color:#eef6ea; padding:70px 60px; text-align:center; box-shadow:var(--dt-shadow); }
.dt-cta-box::after{ content:""; position:absolute; inset:0; background:radial-gradient(60% 100% at 12% 8%,rgba(126,203,87,.4),transparent 45%),radial-gradient(60% 100% at 90% 100%,rgba(232,161,58,.35),transparent 50%); }
.dt-cta-box > *{ position:relative; z-index:1; }
.dt-cta-box h2{ font-family:'Fraunces',serif; font-weight:400; color:#fff; font-size:clamp(30px,4.4vw,52px); margin:14px 0 0; }
.dt-cta-box p{ margin:18px auto 30px; max-width:56ch; font-size:19px; color:#d3e6cd; }
.dt-cta-btns{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

/* ---------- FOOTER (premium — açık/light) ---------- */
.site-alt{ background:var(--dt-moss); color:var(--dt-muted); position:relative; overflow:hidden; }
.site-alt::before{ content:""; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,var(--dt-leaf),var(--dt-lime),var(--dt-amber)); z-index:2; }
.site-alt::after{ content:"\f06c"; font-family:"Font Awesome 6 Free"; font-weight:900; position:absolute; right:-30px; top:30px; font-size:320px; color:rgba(15,61,46,.045); pointer-events:none; z-index:0; }
.site-alt .kapsayici{ position:relative; z-index:1; padding-top:5px; }
.alt-grid{ display:grid; grid-template-columns:1.7fr 1fr 1fr 1.4fr; gap:44px; padding-bottom:54px; }
.alt-grid--4{ grid-template-columns:1.7fr 1fr 1fr 1.4fr; }
.alt-blok h4{ font-family:'Fraunces',serif !important; font-weight:500; color:var(--dt-forest) !important; font-size:20px; margin:0 0 20px; letter-spacing:0; text-transform:none; }
.alt-blok ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:12px; }
.alt-blok ul li a{ color:var(--dt-muted); font-size:15.5px; transition:color .2s,transform .2s; display:inline-flex; align-items:center; gap:9px; }
.alt-blok ul li a::before{ content:"\f105"; font-family:"Font Awesome 6 Free"; font-weight:900; color:var(--dt-leaf); font-size:12px; opacity:0; margin-right:-14px; transition:.22s; }
.alt-blok ul li a:hover{ color:var(--dt-forest); transform:translateX(3px); }
.alt-blok ul li a:hover::before{ opacity:1; margin-right:0; }
/* marka bloğu */
.alt-marka .alt-logo{ font-family:'Fraunces',serif; font-size:30px; font-weight:600; color:var(--dt-forest) !important; }
.alt-marka .alt-logo span{ color:var(--dt-forest) !important; }
.alt-marka .alt-logo img{ max-height:52px; width:auto; }
.alt-marka-ad, .alt-marka-metin{ color:var(--dt-muted) !important; font-size:15.5px; line-height:1.7; margin:16px 0 0; max-width:36ch; }
.alt-sosyal{ display:flex; gap:10px; margin-top:24px; }
.alt-sosyal a{ width:46px; height:46px; border-radius:14px; background:#fff; border:1px solid var(--dt-line); color:var(--dt-leaf-d) !important; display:grid; place-items:center; font-size:17px; transition:.25s; box-shadow:0 8px 18px -14px rgba(15,45,32,.5); }
.alt-sosyal a:hover{ background:var(--dt-leaf); border-color:var(--dt-leaf); color:#fff !important; transform:translateY(-3px); }
.alt-marka-saatler{ display:flex; gap:13px; margin-top:24px; color:var(--dt-muted); }
.alt-marka-saatler > i{ color:var(--dt-leaf); margin-top:3px; font-size:16px; }
.alt-saatler{ display:flex; flex-direction:column; gap:5px; font-size:14px; }
.alt-saatler .kapali{ opacity:.5; }
/* iletişim listesi */
.alt-iletisim li{ display:flex; align-items:flex-start; gap:13px; color:var(--dt-ink); margin-bottom:2px; }
.alt-iletisim li i{ width:36px; height:36px; flex:0 0 auto; border-radius:11px; background:#fff; border:1px solid var(--dt-line); color:var(--dt-leaf-d) !important; display:grid; place-items:center; font-size:14px; margin-top:1px; }
.alt-iletisim li a, .alt-iletisim li span{ color:var(--dt-ink) !important; line-height:1.5; }
.alt-iletisim li a::before{ display:none; }
.alt-iletisim li a:hover{ color:var(--dt-leaf-d) !important; transform:none; }
/* alt telif */
.alt-telif{ border-top:1px solid var(--dt-line); padding:26px 0; display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; color:var(--dt-muted); font-size:14px; }
.alt-telif-slogan{ font-family:'Fraunces',serif !important; font-style:italic; color:var(--dt-leaf-d); }
@media(max-width:940px){ .alt-grid,.alt-grid--4{ grid-template-columns:1fr 1fr; gap:38px; } }
@media(max-width:560px){ .alt-grid,.alt-grid--4{ grid-template-columns:1fr; } .alt-telif{ flex-direction:column; text-align:center; } }

/* ---------- RESPONSIVE ---------- */
@media(max-width:940px){
  .dt-hero-in{ grid-template-columns:1fr; gap:40px; }
  .dt-hero-art{ order:-1; max-width:440px; margin:0 auto; width:100%; }
  .ki-3,.ki-4,.paket-izgara,.dt-galeri{ grid-template-columns:1fr 1fr; }
}
@media(max-width:640px){
  .ki-3,.ki-4,.paket-izgara,.dt-galeri{ grid-template-columns:1fr; }
  .bolum{ padding:56px 0; }
  .dt-cta-box{ padding:44px 26px; }
}
@media(prefers-reduced-motion:reduce){ .dt-leaf{ animation:none; } }

/* ============================================================
   "BUTİK KLİNİK" ANASAYFA ŞABLONU — lüks / ferah (.bk-)
   Fildişi krem zemin, altın (brass) vurgu, yuvarlak fotoğraflar,
   zarif Fraunces tipografi, bol beyaz alan
   ============================================================ */
.bk-wrap{
  --bk-ivory:#f5f1e8; --bk-ivory2:#fbf9f3; --bk-card:#ffffff;
  --bk-forest:#123529; --bk-forest2:#0d271e; --bk-sage:#8aa693; --bk-sage-d:#5c7867;
  --bk-gold:#b08d57; --bk-gold-d:#94723d; --bk-gold-soft:#e7d9bd;
  --bk-ink:#23302a; --bk-muted:#6a736a; --bk-line:#e7dfd1; --bk-line-gold:#ddcdad;
  --bk-serif:'Fraunces',Georgia,serif; --bk-sans:'Manrope',system-ui,sans-serif;
  --bk-shadow:0 44px 96px -52px rgba(18,45,32,.42);
  background:var(--bk-ivory); color:var(--bk-ink); font-family:var(--bk-sans); overflow-x:hidden;
}
.bk-wrap .kapsayici{ max-width:1200px; margin:0 auto; padding-left:28px; padding-right:28px; }
.bk-wrap ::selection{ background:var(--bk-gold-soft); }

/* --- eyebrow / buton --- */
.bk-eyebrow{ display:inline-flex; align-items:center; gap:13px; font-size:12px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--bk-gold-d); }
.bk-eyebrow::before{ content:""; width:30px; height:1px; background:var(--bk-gold); }
.bk-eyebrow.c{ justify-content:center; }
.bk-eyebrow.c::after{ content:""; width:30px; height:1px; background:var(--bk-gold); }
.bk-eyebrow.light{ color:#d8bd8a; }
.bk-eyebrow.light::before,.bk-eyebrow.light::after{ background:#c9a866; }
.bk-btn{ display:inline-flex; align-items:center; gap:10px; font-family:var(--bk-sans); font-weight:700; font-size:15px; padding:15px 30px; border-radius:100px; border:1.5px solid transparent; cursor:pointer; text-decoration:none; transition:transform .25s,background .28s,color .28s,border-color .28s,box-shadow .28s; }
.bk-btn i{ font-size:.88em; transition:transform .25s; }
.bk-btn:hover i{ transform:translateX(4px); }
.bk-btn-fill{ background:var(--bk-forest); color:#f2ede2; box-shadow:0 20px 40px -22px rgba(18,53,41,.7); }
.bk-btn-fill:hover{ background:var(--bk-forest2); transform:translateY(-2px); }
.bk-btn-line{ background:transparent; color:var(--bk-forest); border-color:var(--bk-line-gold); }
.bk-btn-line:hover{ border-color:var(--bk-gold); color:var(--bk-gold-d); }
.bk-btn-text{ background:transparent; color:var(--bk-forest); padding:15px 6px; }
.bk-btn-text:hover{ color:var(--bk-gold-d); }
.bk-btn-cream{ background:#f2ede2; color:var(--bk-forest); }
.bk-btn-cream:hover{ background:#fff; transform:translateY(-2px); }
.bk-btn-outline{ background:transparent; color:#f2ede2; border-color:rgba(255,255,255,.32); }
.bk-btn-outline:hover{ border-color:#e7d9bd; color:#fff; }

/* --- HERO --- */
.bk-hero{ padding:64px 0 6px; }
.bk-hero-in{ display:grid; grid-template-columns:1.02fr 1.04fr; gap:62px; align-items:center; }
.bk-hero-h1{ font-family:var(--bk-serif); font-weight:430; font-size:clamp(44px,5.4vw,76px); line-height:1.03; letter-spacing:-.022em; color:var(--bk-forest); margin:22px 0 0; max-width:13ch; text-wrap:balance; }
.bk-hero-h1 em{ font-style:italic; color:var(--bk-gold-d); }
.bk-hero-lead{ font-size:19.5px; line-height:1.72; color:var(--bk-muted); max-width:45ch; margin:26px 0 0; }
.bk-hero-cta{ display:flex; gap:16px; flex-wrap:wrap; margin-top:36px; align-items:center; }
.bk-hero-art{ position:relative; }
.bk-hero-photo{ aspect-ratio:4/5; background:var(--bk-forest) center/cover no-repeat; border-radius:280px 280px 34px 34px; box-shadow:var(--bk-shadow); }
.bk-hero-badge{ position:absolute; left:-18px; bottom:34px; width:132px; height:132px; border-radius:50%; background:var(--bk-card); border:1px solid var(--bk-line-gold); box-shadow:0 26px 50px -26px rgba(18,45,32,.5); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.bk-hero-badge::after{ content:""; position:absolute; inset:7px; border-radius:50%; border:1px solid var(--bk-gold-soft); }
.bk-hero-badge b{ font-family:var(--bk-serif); font-weight:500; font-size:34px; line-height:1; color:var(--bk-forest); }
.bk-hero-badge span{ font-size:10.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--bk-gold-d); margin-top:6px; }
.bk-hero-ring{ position:absolute; top:-14px; right:26px; width:74px; height:74px; border-radius:50%; border:1px solid var(--bk-line-gold); background:var(--bk-ivory2); display:grid; place-items:center; color:var(--bk-gold); font-size:24px; box-shadow:0 16px 34px -20px rgba(18,45,32,.4); }
/* güven şeridi */
.bk-trust{ display:flex; justify-content:center; flex-wrap:wrap; margin-top:52px; padding-top:34px; border-top:1px solid var(--bk-line); }
.bk-trust span{ font-size:12.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--bk-sage-d); padding:4px 30px; position:relative; }
.bk-trust span + span::before{ content:""; position:absolute; left:-3px; top:50%; width:5px; height:5px; border-radius:50%; background:var(--bk-gold); transform:translateY(-50%); }

/* --- FELSEFE --- */
.bk-felsefe{ padding:92px 0; text-align:center; background:var(--bk-ivory2); border-top:1px solid var(--bk-line); border-bottom:1px solid var(--bk-line); }
.bk-felsefe p{ font-family:var(--bk-serif); font-weight:400; font-size:clamp(25px,3.3vw,40px); line-height:1.42; letter-spacing:-.012em; color:var(--bk-forest); max-width:850px; margin:24px auto 0; }
.bk-felsefe em{ font-style:italic; color:var(--bk-gold-d); }

/* --- BÖLÜM --- */
.bk-sec{ padding:94px 0; }
.bk-oz{ max-width:760px; font-size:17px; line-height:1.8; color:var(--bk-ink); }
.bk-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:28px; margin-bottom:54px; }
.bk-title{ font-family:var(--bk-serif); font-weight:440; font-size:clamp(30px,3.9vw,47px); line-height:1.07; letter-spacing:-.018em; color:var(--bk-forest); margin:15px 0 0; max-width:17ch; }
.bk-lead{ margin:15px 0 0; font-size:16.5px; color:var(--bk-muted); max-width:54ch; line-height:1.6; }
.bk-tumu{ flex:0 0 auto; display:inline-flex; align-items:center; gap:9px; font-weight:700; font-size:14px; color:var(--bk-gold-d); text-decoration:none; white-space:nowrap; transition:gap .2s; }
.bk-tumu i{ transition:transform .2s; }
.bk-tumu:hover{ gap:13px; } .bk-tumu:hover i{ transform:translateX(3px); }

/* --- HİZMETLER --- */
.bk-hizmetler{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.bk-hizmet{ display:block; text-decoration:none; color:inherit; background:var(--bk-card); border:1px solid var(--bk-line); border-radius:28px; padding:16px 16px 8px; box-shadow:0 30px 64px -50px rgba(18,45,32,.45); transition:transform .3s,box-shadow .3s; }
.bk-hizmet:hover{ transform:translateY(-7px); box-shadow:var(--bk-shadow); }
.bk-hizmet-foto{ aspect-ratio:5/4; border-radius:20px; overflow:hidden; background:var(--bk-sage) center/cover; display:grid; place-items:center; }
.bk-hizmet-foto img{ width:100%; height:100%; object-fit:cover; transition:transform .55s; }
.bk-hizmet:hover .bk-hizmet-foto img{ transform:scale(1.05); }
.bk-hizmet-foto i{ font-size:40px; color:rgba(255,255,255,.6); }
.bk-hizmet-body{ padding:24px 12px 20px; }
.bk-hizmet-body h3{ font-family:var(--bk-serif); font-weight:500; font-size:22px; line-height:1.2; color:var(--bk-forest); margin:0; transition:color .2s; }
.bk-hizmet:hover .bk-hizmet-body h3{ color:var(--bk-gold-d); }
.bk-hizmet-body p{ margin:11px 0 0; font-size:15px; line-height:1.6; color:var(--bk-muted); }
.bk-go{ display:inline-flex; align-items:center; gap:8px; margin-top:18px; font-weight:700; font-size:14px; color:var(--bk-gold-d); }
.bk-go i{ transition:transform .2s; } .bk-hizmet:hover .bk-go i{ transform:translateX(4px); }

/* --- GÖRÜŞLER --- */
.bk-gorus-spot{ max-width:880px; margin:0 auto; text-align:center; background:var(--bk-card); border:1px solid var(--bk-line); border-radius:34px; padding:58px 52px; box-shadow:0 46px 90px -58px rgba(18,45,32,.4); position:relative; }
.bk-qmark{ font-size:38px; color:var(--bk-gold-soft); }
.bk-gorus-spot blockquote{ font-family:var(--bk-serif); font-weight:400; font-style:italic; font-size:clamp(22px,2.9vw,31px); line-height:1.42; letter-spacing:-.01em; color:var(--bk-forest); margin:16px 0 0; }
.bk-gorus-kisi{ display:inline-flex; align-items:center; gap:14px; margin-top:30px; }
.bk-gorus-kisi img,.bk-gorus-harf{ width:56px; height:56px; border-radius:50%; object-fit:cover; }
.bk-gorus-harf{ display:grid; place-items:center; background:var(--bk-forest); color:#fff; font-family:var(--bk-serif); font-size:22px; }
.bk-gorus-kisi b{ display:block; font-size:15.5px; color:var(--bk-ink); text-align:left; }
.bk-gorus-kisi small{ display:block; font-size:12.5px; color:var(--bk-muted); text-align:left; margin-top:2px; }
.bk-gorus-yildiz{ color:var(--bk-gold); letter-spacing:2px; font-size:14px; }
.bk-gorus-row{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:1000px; margin:40px auto 0; }
.bk-gorus-mini{ background:var(--bk-ivory2); border:1px solid var(--bk-line); border-radius:22px; padding:26px 24px; }
.bk-gorus-mini p{ font-family:var(--bk-serif); font-style:italic; font-size:16px; line-height:1.5; color:var(--bk-ink); margin:10px 0 0; }
.bk-gorus-mini .bk-gorus-ad{ display:block; margin-top:14px; font-size:12.5px; font-weight:700; color:var(--bk-forest); }
.bk-gorus-mini .bk-gorus-ad small{ font-weight:500; color:var(--bk-muted); }

/* --- PAKETLER --- */
.bk-paketler{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; align-items:start; }
.bk-paket{ background:var(--bk-card); border:1px solid var(--bk-line); border-radius:28px; padding:40px 34px; box-shadow:0 30px 64px -50px rgba(18,45,32,.4); position:relative; transition:transform .3s; }
.bk-paket:hover{ transform:translateY(-6px); }
.bk-paket.one{ border:1.5px solid var(--bk-gold); box-shadow:0 46px 90px -52px rgba(176,141,87,.55); }
.bk-paket-rozet{ position:absolute; top:-13px; left:50%; transform:translateX(-50%); background:var(--bk-gold); color:#241a08; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; padding:6px 16px; border-radius:100px; }
.bk-paket h4{ font-family:var(--bk-serif); font-weight:500; font-size:23px; color:var(--bk-forest); margin:0; }
.bk-paket-ac{ margin:10px 0 0; font-size:14.5px; color:var(--bk-muted); line-height:1.55; }
.bk-paket-fiyat{ display:flex; align-items:baseline; gap:5px; margin:22px 0; padding-bottom:22px; border-bottom:1px solid var(--bk-line); }
.bk-paket-tutar{ font-family:var(--bk-serif); font-weight:500; font-size:44px; line-height:1; color:var(--bk-forest); }
.bk-paket-bir{ font-size:14px; color:var(--bk-muted); font-weight:600; }
.bk-paket-oz{ list-style:none; margin:0 0 26px; padding:0; display:flex; flex-direction:column; gap:12px; }
.bk-paket-oz li{ font-size:14.5px; color:var(--bk-ink); display:flex; align-items:flex-start; gap:11px; }
.bk-paket-oz i{ color:var(--bk-gold); font-size:13px; margin-top:3px; }
.bk-paket .bk-btn{ width:100%; justify-content:center; }

/* --- EKİP (yuvarlak) --- */
.bk-ekip{ display:grid; grid-template-columns:repeat(4,1fr); gap:36px 30px; }
.bk-ekip-item{ text-align:center; }
.bk-ekip-foto{ width:156px; height:156px; margin:0 auto 22px; border-radius:50%; overflow:hidden; position:relative; background:var(--bk-sage); box-shadow:0 24px 46px -26px rgba(18,45,32,.5); }
.bk-ekip-foto img{ width:100%; height:100%; object-fit:cover; }
.bk-ekip-foto i{ position:absolute; inset:0; display:grid; place-items:center; color:#fff; font-size:34px; }
.bk-ekip-item::after{ } /* ring via foto */
.bk-ekip-foto::after{ content:""; position:absolute; inset:-9px; border-radius:50%; border:1px solid var(--bk-gold); opacity:0; transform:scale(.9); transition:opacity .3s,transform .3s; pointer-events:none; }
.bk-ekip-item:hover .bk-ekip-foto::after{ opacity:1; transform:scale(1); }
.bk-ekip-item h4{ font-family:var(--bk-serif); font-weight:500; font-size:19px; color:var(--bk-forest); margin:0; }
.bk-ekip-unvan{ display:block; font-size:11.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--bk-gold-d); margin:7px 0 0; }
.bk-ekip-kisa{ margin:10px 0 0; font-size:13.5px; color:var(--bk-muted); line-height:1.5; }

/* --- SSS --- */
.bk-sss{ max-width:860px; margin:0 auto; border-top:1px solid var(--bk-line); }
.bk-sss-item{ border-bottom:1px solid var(--bk-line); }
.bk-sss-item summary{ list-style:none; cursor:pointer; display:flex; align-items:center; gap:20px; padding:26px 6px; }
.bk-sss-item summary::-webkit-details-marker{ display:none; }
.bk-sss-soru{ flex:1; font-family:var(--bk-serif); font-weight:500; font-size:20px; color:var(--bk-forest); line-height:1.3; }
.bk-sss-ic{ flex:0 0 auto; width:34px; height:34px; border-radius:50%; border:1px solid var(--bk-line-gold); display:grid; place-items:center; color:var(--bk-gold-d); font-size:13px; transition:transform .28s,background .28s,color .28s; }
.bk-sss-item[open] .bk-sss-ic{ transform:rotate(45deg); background:var(--bk-gold); color:#fff; border-color:var(--bk-gold); }
.bk-sss-cevap{ padding:0 6px 28px 54px; font-size:16px; line-height:1.75; color:var(--bk-muted); }

/* --- GALERİ --- */
.bk-galeri{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.bk-galeri-oge{ position:relative; aspect-ratio:1; border-radius:22px; overflow:hidden; background:var(--bk-forest); text-decoration:none; display:block; }
.bk-galeri-oge:first-child{ grid-column:span 2; grid-row:span 2; aspect-ratio:auto; }
.bk-galeri-oge img{ width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.bk-galeri-oge:hover img{ transform:scale(1.06); }
.bk-galeri-ad{ position:absolute; left:0; right:0; bottom:0; padding:30px 18px 15px; color:#fff; font-size:13.5px; font-weight:700; display:flex; align-items:center; gap:8px; background:linear-gradient(transparent,rgba(9,32,23,.78)); }

/* --- BLOG --- */
.bk-blog{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.bk-blog-kart{ display:block; text-decoration:none; color:inherit; background:var(--bk-card); border:1px solid var(--bk-line); border-radius:26px; overflow:hidden; box-shadow:0 30px 64px -50px rgba(18,45,32,.42); transition:transform .3s,box-shadow .3s; }
.bk-blog-kart:hover{ transform:translateY(-7px); box-shadow:var(--bk-shadow); }
.bk-blog-foto{ aspect-ratio:16/10; background:var(--bk-sage) center/cover; display:grid; place-items:center; overflow:hidden; }
.bk-blog-foto img{ width:100%; height:100%; object-fit:cover; transition:transform .55s; }
.bk-blog-kart:hover .bk-blog-foto img{ transform:scale(1.05); }
.bk-blog-foto i{ font-size:34px; color:rgba(255,255,255,.6); }
.bk-blog-body{ padding:26px 26px 30px; }
.bk-blog-body h4{ font-family:var(--bk-serif); font-weight:500; font-size:20px; line-height:1.22; color:var(--bk-forest); margin:0; transition:color .2s; }
.bk-blog-kart:hover .bk-blog-body h4{ color:var(--bk-gold-d); }
.bk-blog-body p{ margin:11px 0 0; font-size:14.5px; line-height:1.6; color:var(--bk-muted); }

/* --- KAPANIŞ CTA --- */
.bk-cta{ padding:30px 0 100px; }
.bk-cta-in{ background:var(--bk-forest); border-radius:36px; padding:80px 56px; text-align:center; position:relative; overflow:hidden; }
.bk-cta-in::before{ content:""; position:absolute; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle,rgba(176,141,87,.28),transparent 68%); top:-190px; right:-120px; pointer-events:none; }
.bk-cta-in::after{ content:"\f4d8"; font-family:"Font Awesome 6 Free"; font-weight:900; position:absolute; left:-40px; bottom:-70px; font-size:260px; color:rgba(255,255,255,.04); pointer-events:none; }
.bk-cta-in h2{ font-family:var(--bk-serif); font-weight:440; font-size:clamp(30px,4.4vw,52px); line-height:1.08; letter-spacing:-.02em; color:#fff; margin:18px 0 0; position:relative; }
.bk-cta-in h2 em{ font-style:italic; color:#e7d9bd; }
.bk-cta-in p{ margin:20px auto 0; font-size:17.5px; color:#b9cdbe; max-width:48ch; line-height:1.65; position:relative; }
.bk-cta-btns{ display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-top:34px; position:relative; }

/* --- RESPONSIVE (butik) --- */
@media(max-width:980px){
  .bk-hero-in{ grid-template-columns:1fr; gap:44px; }
  .bk-hero-art{ max-width:440px; margin:0 auto; width:100%; order:-1; }
  .bk-hizmetler,.bk-paketler,.bk-blog{ grid-template-columns:1fr 1fr; }
  .bk-ekip{ grid-template-columns:repeat(3,1fr); }
  .bk-gorus-row{ grid-template-columns:1fr; }
  .bk-galeri{ grid-template-columns:1fr 1fr; }
}
@media(max-width:680px){
  .bk-head{ flex-direction:column; align-items:flex-start; gap:16px; }
  .bk-hizmetler,.bk-paketler,.bk-blog,.bk-ekip{ grid-template-columns:1fr; }
  .bk-sec{ padding:64px 0; }
  .bk-felsefe{ padding:64px 0; }
  .bk-gorus-spot{ padding:44px 26px; }
  .bk-cta-in{ padding:56px 28px; }
  .bk-galeri{ grid-template-columns:1fr; }
  .bk-galeri-oge:first-child{ grid-column:auto; grid-row:auto; }
  .bk-trust span{ padding:4px 18px; }
}

/* ============================================================
   "SİNEMATİK" ANASAYFA ŞABLONU (.cn-)
   Kenardan kenara yemek fotoğrafı · taze yeşil · koyu overlay
   ============================================================ */
.cn-wrap{
  --cn-ink:#16241a; --cn-forest:#1e4d33; --cn-leaf:#46a04a; --cn-lime:#a2cf5f;
  --cn-cream:#f6f4ec; --cn-surface:#ffffff; --cn-muted:#5d6b5e; --cn-line:#e4e6dd; --cn-citrus:#e08a3c;
  --cn-serif:'Fraunces',Georgia,serif; --cn-sans:'Manrope',system-ui,sans-serif;
  background:var(--cn-cream); color:var(--cn-ink); font-family:var(--cn-sans); overflow-x:hidden;
}
.cn-wrap .kapsayici{ max-width:1200px; margin:0 auto; padding-left:28px; padding-right:28px; }
.cn-wrap ::selection{ background:var(--cn-lime); color:var(--cn-ink); }

/* ortak */
.cn-eyebrow{ display:inline-flex; align-items:center; gap:11px; font-size:12.5px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; color:var(--cn-leaf); }
.cn-eyebrow::before{ content:""; width:26px; height:2px; background:currentColor; }
.cn-eyebrow.light{ color:var(--cn-lime); }
.cn-btn{ display:inline-flex; align-items:center; gap:10px; font-family:var(--cn-sans); font-weight:700; font-size:15px; padding:16px 32px; border-radius:100px; border:1.5px solid transparent; text-decoration:none; cursor:pointer; transition:transform .25s,background .25s,color .25s,border-color .25s; }
.cn-btn i{ font-size:.9em; transition:transform .25s; }
.cn-btn:hover i{ transform:translateX(4px); }
.cn-btn-fill{ background:var(--cn-lime); color:var(--cn-ink); box-shadow:0 18px 40px -20px rgba(70,160,74,.7); }
.cn-btn-fill:hover{ background:#93c24d; transform:translateY(-2px); }
.cn-btn-glass{ background:rgba(255,255,255,.1); backdrop-filter:blur(8px); border-color:rgba(255,255,255,.55); color:#fff; }
.cn-btn-glass:hover{ background:rgba(255,255,255,.2); transform:translateY(-2px); }
.cn-btn-line{ background:transparent; border-color:var(--cn-line); color:var(--cn-forest); }
.cn-btn-line:hover{ border-color:var(--cn-leaf); color:var(--cn-leaf); }
.cn-title{ font-family:var(--cn-serif); font-weight:500; font-size:clamp(2rem,4vw,2.9rem); line-height:1.06; letter-spacing:-.02em; color:var(--cn-ink); margin:14px 0 0; max-width:18ch; }
.cn-lead{ margin:16px 0 0; font-size:17px; color:var(--cn-muted); max-width:56ch; line-height:1.65; }
.cn-js .cn-reveal{ opacity:0; transform:translateY(22px); }
.cn-reveal.gorunur{ opacity:1; transform:none; transition:opacity .7s ease,transform .7s ease; }

/* ---------- HERO (tam ekran sinematik) ---------- */
.cn-hero{ position:relative; min-height:92vh; display:flex; align-items:flex-end; overflow:hidden; color:#fff; }
.cn-hero-bg{ position:absolute; inset:0; background:var(--cn-ink) center/cover no-repeat; transform:scale(1.04); animation:cn-kb 22s ease-in-out infinite alternate; }
@keyframes cn-kb{ to{ transform:scale(1.13); } }
.cn-hero-overlay{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(11,26,16,.42) 0%,rgba(11,26,16,.12) 32%,rgba(11,26,16,.55) 74%,rgba(11,26,16,.86) 100%); }
.cn-hero-in{ position:relative; z-index:2; width:100%; padding-top:88px; padding-bottom:56px; }
.cn-hero-h1{ font-family:var(--cn-serif); font-weight:500; font-size:clamp(2.9rem,7vw,5.4rem); line-height:1.0; letter-spacing:-.025em; color:#fff; margin:22px 0 0; max-width:16ch; text-wrap:balance; text-shadow:0 4px 40px rgba(0,0,0,.35); }
.cn-hero-h1 em{ font-style:italic; color:var(--cn-lime); }
.cn-hero-lead{ margin:22px 0 0; font-size:clamp(1.05rem,1.6vw,1.35rem); color:#eaf1e5; max-width:50ch; line-height:1.6; }
.cn-hero-cta{ display:flex; gap:15px; flex-wrap:wrap; margin-top:34px; }
.cn-hero-trust{ display:flex; flex-wrap:wrap; gap:8px 0; margin-top:44px; padding-top:26px; border-top:1px solid rgba(255,255,255,.22); }
.cn-hero-trust span{ font-size:13px; font-weight:700; letter-spacing:.05em; color:#eaf1e5; padding:2px 24px; position:relative; }
.cn-hero-trust span:first-child{ padding-left:0; }
.cn-hero-trust span + span::before{ content:""; position:absolute; left:0; top:50%; width:5px; height:5px; border-radius:50%; background:var(--cn-lime); transform:translateY(-50%); }
.cn-scroll{ position:absolute; left:50%; bottom:22px; z-index:2; transform:translateX(-50%); color:rgba(255,255,255,.8); font-size:20px; animation:cn-bob 2s ease-in-out infinite; }
@keyframes cn-bob{ 50%{ transform:translate(-50%,7px); } }

/* ---------- INTRO / FELSEFE ---------- */
.cn-intro{ padding:96px 0; text-align:center; }
.cn-intro-metin{ font-family:var(--cn-serif); font-weight:400; font-size:clamp(1.55rem,3vw,2.35rem); line-height:1.4; letter-spacing:-.01em; color:var(--cn-forest); max-width:830px; margin:22px auto 0; }
.cn-intro-metin em{ font-style:italic; color:var(--cn-leaf); }

/* ---------- BÖLÜM ---------- */
.cn-sec{ padding:92px 0; }
.cn-sec-cream{ background:var(--cn-cream); }
.cn-sec-white{ background:var(--cn-surface); }
.cn-oz{ max-width:760px; font-size:17px; line-height:1.8; }
.cn-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:26px; margin-bottom:50px; }
.cn-tumu{ flex:0 0 auto; display:inline-flex; align-items:center; gap:9px; font-weight:700; font-size:14px; color:var(--cn-leaf); text-decoration:none; white-space:nowrap; transition:gap .2s; }
.cn-tumu:hover{ gap:13px; }

/* HİZMET — sinematik foto döşemeler */
.cn-hizmetler{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.cn-hizmet{ position:relative; display:block; aspect-ratio:3/3.7; border-radius:20px; overflow:hidden; text-decoration:none; background:var(--cn-forest); box-shadow:0 30px 60px -46px rgba(22,36,26,.6); }
.cn-hizmet-bg{ position:absolute; inset:0; background:var(--cn-forest) center/cover no-repeat; transition:transform .6s ease; }
.cn-hizmet:hover .cn-hizmet-bg{ transform:scale(1.07); }
.cn-hizmet::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(11,26,16,.05) 40%,rgba(11,26,16,.8) 100%); }
.cn-hizmet-ic{ position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; justify-content:flex-end; padding:26px; color:#fff; }
.cn-hizmet-ic h3{ font-family:var(--cn-serif); font-weight:500; font-size:1.5rem; line-height:1.12; margin:0; }
.cn-hizmet-ic p{ margin:9px 0 0; font-size:14px; line-height:1.55; color:#e3ecdd; max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease,opacity .4s ease,margin .4s ease; }
.cn-hizmet:hover .cn-hizmet-ic p{ max-height:80px; opacity:1; }
.cn-hizmet-go{ display:inline-flex; align-items:center; gap:8px; margin-top:14px; font-weight:700; font-size:13.5px; color:var(--cn-lime); }
.cn-hizmet-ph{ position:absolute; inset:0; display:grid; place-items:center; color:rgba(255,255,255,.3); font-size:44px; }

/* SHOWCASE — tam genişlik foto bandı */
.cn-showcase{ position:relative; width:100vw; margin-left:calc(50% - 50vw); min-height:62vh; display:flex; align-items:center; overflow:hidden; color:#fff; text-align:center; }
.cn-showcase-bg{ position:absolute; inset:0; background:var(--cn-ink) center/cover no-repeat; }
.cn-showcase::after{ content:""; position:absolute; inset:0; background:rgba(11,26,16,.58); }
.cn-showcase-in{ position:relative; z-index:2; max-width:900px; margin:0 auto; padding:80px 28px; }
.cn-showcase-in h2{ font-family:var(--cn-serif); font-weight:500; font-size:clamp(1.9rem,4.2vw,3.2rem); line-height:1.12; letter-spacing:-.02em; color:#fff; margin:18px 0 0; }
.cn-showcase-in h2 em{ font-style:italic; color:var(--cn-lime); }
.cn-showcase-in p{ margin:18px auto 0; font-size:17px; color:#e6ede1; max-width:52ch; line-height:1.6; }
.cn-showcase-in .cn-hero-cta{ justify-content:center; }

/* GÖRÜŞ */
.cn-gorus{ display:grid; grid-template-columns:1.1fr .9fr; gap:34px; align-items:stretch; }
.cn-gorus-spot{ background:var(--cn-surface); border:1px solid var(--cn-line); border-radius:26px; padding:46px 44px; box-shadow:0 40px 80px -58px rgba(22,36,26,.4); display:flex; flex-direction:column; justify-content:center; }
.cn-gorus-spot .cn-q{ color:var(--cn-lime); font-size:34px; }
.cn-gorus-spot blockquote{ font-family:var(--cn-serif); font-style:italic; font-weight:400; font-size:clamp(1.3rem,2.4vw,1.8rem); line-height:1.4; color:var(--cn-forest); margin:14px 0 0; }
.cn-gorus-kisi{ display:inline-flex; align-items:center; gap:13px; margin-top:24px; }
.cn-gorus-kisi img,.cn-gorus-harf{ width:52px; height:52px; border-radius:50%; object-fit:cover; }
.cn-gorus-harf{ display:grid; place-items:center; background:var(--cn-leaf); color:#fff; font-family:var(--cn-serif); font-size:21px; }
.cn-gorus-kisi b{ display:block; font-size:15px; color:var(--cn-ink); }
.cn-gorus-kisi small{ display:block; font-size:12.5px; color:var(--cn-muted); margin-top:2px; }
.cn-gorus-yildiz{ color:var(--cn-citrus); letter-spacing:2px; font-size:14px; margin-top:10px; }
.cn-gorus-minis{ display:flex; flex-direction:column; gap:16px; }
.cn-gorus-mini{ background:var(--cn-surface); border:1px solid var(--cn-line); border-radius:20px; padding:24px 26px; }
.cn-gorus-mini p{ font-family:var(--cn-serif); font-style:italic; font-size:15.5px; line-height:1.5; color:var(--cn-ink); margin:0; }
.cn-gorus-mini .cn-gorus-ad{ display:block; margin-top:12px; font-size:12.5px; font-weight:700; color:var(--cn-forest); }
.cn-gorus-mini .cn-gorus-ad small{ font-weight:500; color:var(--cn-muted); }

/* PAKET */
.cn-paketler{ display:grid; grid-template-columns:repeat(auto-fit,minmax(236px,1fr)); gap:22px; align-items:stretch; }
.cn-paket{ display:flex; flex-direction:column; background:var(--cn-surface); border:1px solid var(--cn-line); border-radius:24px; padding:34px 26px; position:relative; transition:transform .3s,box-shadow .3s; }
.cn-paket:hover{ transform:translateY(-6px); box-shadow:0 40px 80px -52px rgba(22,36,26,.4); }
.cn-paket.one{ border:2px solid var(--cn-leaf); box-shadow:0 40px 84px -50px rgba(70,160,74,.5); }
.cn-paket-rozet{ position:absolute; top:-13px; left:50%; transform:translateX(-50%); background:var(--cn-lime); color:var(--cn-ink); font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; padding:6px 15px; border-radius:100px; }
.cn-paket h4{ font-family:var(--cn-serif); font-weight:500; font-size:22px; color:var(--cn-forest); margin:0; }
.cn-paket-ac{ margin:9px 0 0; font-size:14.5px; color:var(--cn-muted); line-height:1.55; }
.cn-paket-fiyat{ display:flex; align-items:baseline; gap:5px; margin:22px 0; padding-bottom:22px; border-bottom:1px solid var(--cn-line); }
.cn-paket-tutar{ font-family:var(--cn-serif); font-weight:600; font-size:42px; line-height:1; color:var(--cn-forest); }
.cn-paket-bir{ font-size:14px; color:var(--cn-muted); font-weight:600; }
.cn-paket-oz{ list-style:none; margin:0 0 26px; padding:0; display:flex; flex-direction:column; gap:11px; }
.cn-paket-oz li{ font-size:14.5px; color:var(--cn-ink); display:flex; align-items:flex-start; gap:10px; }
.cn-paket-oz i{ color:var(--cn-leaf); font-size:13px; margin-top:3px; }
.cn-paket-oz{ list-style:none; margin:0 0 26px; padding:0; display:flex; flex-direction:column; gap:11px; }
.cn-paket .cn-btn{ width:100%; justify-content:center; margin-top:auto; }

/* EKİP — sinematik portre kartları */
.cn-ekip{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.cn-ekip-item{ position:relative; aspect-ratio:3/3.9; border-radius:18px; overflow:hidden; background:var(--cn-forest); box-shadow:0 24px 50px -40px rgba(22,36,26,.55); }
.cn-ekip-foto{ position:absolute; inset:0; background:var(--cn-forest) center/cover no-repeat; transition:transform .6s; }
.cn-ekip-item:hover .cn-ekip-foto{ transform:scale(1.06); }
.cn-ekip-item::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 42%,rgba(11,26,16,.86) 100%); }
.cn-ekip-ph{ position:absolute; inset:0; display:grid; place-items:center; color:rgba(255,255,255,.3); font-size:36px; }
.cn-ekip-ic{ position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; justify-content:flex-end; padding:22px; color:#fff; }
.cn-ekip-ic h4{ font-family:var(--cn-serif); font-weight:500; font-size:1.15rem; margin:0; }
.cn-ekip-unvan{ display:block; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--cn-lime); margin-top:5px; }
.cn-ekip-kisa{ margin:8px 0 0; font-size:12.5px; color:#dbe5d5; line-height:1.45; max-height:0; opacity:0; overflow:hidden; transition:max-height .4s,opacity .4s,margin .4s; }
.cn-ekip-item:hover .cn-ekip-kisa{ max-height:70px; opacity:1; }

/* GALERİ — sinematik mozaik */
.cn-galeri{ display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:200px; gap:14px; }
.cn-galeri-oge{ position:relative; overflow:hidden; border-radius:16px; background:var(--cn-forest); text-decoration:none; display:block; }
.cn-galeri-oge:first-child{ grid-column:span 2; grid-row:span 2; }
.cn-galeri-oge img{ width:100%; height:100%; object-fit:cover; transition:transform .55s; }
.cn-galeri-oge:hover img{ transform:scale(1.07); }
.cn-galeri-ad{ position:absolute; left:0; right:0; bottom:0; z-index:2; padding:28px 16px 14px; color:#fff; font-size:13.5px; font-weight:700; display:flex; align-items:center; gap:8px; background:linear-gradient(transparent,rgba(11,26,16,.82)); }
.cn-galeri-ad i{ font-size:11px; color:var(--cn-lime); }

/* SSS */
.cn-sss{ max-width:860px; margin:0 auto; border-top:1px solid var(--cn-line); }
.cn-sss-item{ border-bottom:1px solid var(--cn-line); }
.cn-sss-item summary{ list-style:none; cursor:pointer; display:flex; align-items:center; gap:20px; padding:24px 6px; }
.cn-sss-item summary::-webkit-details-marker{ display:none; }
.cn-sss-soru{ flex:1; font-family:var(--cn-serif); font-weight:500; font-size:20px; color:var(--cn-forest); line-height:1.3; }
.cn-sss-ic{ flex:0 0 auto; width:32px; height:32px; border-radius:50%; border:1px solid var(--cn-line); display:grid; place-items:center; color:var(--cn-leaf); font-size:12px; transition:transform .28s,background .28s,color .28s; }
.cn-sss-item[open] .cn-sss-ic{ transform:rotate(45deg); background:var(--cn-leaf); color:#fff; border-color:var(--cn-leaf); }
.cn-sss-cevap{ padding:0 6px 26px 52px; font-size:16px; line-height:1.75; color:var(--cn-muted); }

/* CTA — tam ekran foto + overlay */
.cn-cta{ position:relative; width:100vw; margin-left:calc(50% - 50vw); min-height:66vh; display:flex; align-items:center; overflow:hidden; color:#fff; text-align:center; }
.cn-cta-bg{ position:absolute; inset:0; background:var(--cn-ink) center/cover no-repeat; }
.cn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(11,26,16,.55),rgba(11,26,16,.78)); }
.cn-cta-in{ position:relative; z-index:2; max-width:820px; margin:0 auto; padding:90px 28px; }
.cn-cta-in h2{ font-family:var(--cn-serif); font-weight:500; font-size:clamp(2.1rem,4.6vw,3.4rem); line-height:1.08; letter-spacing:-.02em; color:#fff; margin:16px 0 0; }
.cn-cta-in h2 em{ font-style:italic; color:var(--cn-lime); }
.cn-cta-in p{ margin:18px auto 0; font-size:17px; color:#e6ede1; max-width:50ch; line-height:1.65; }
.cn-cta-btns{ display:flex; gap:15px; justify-content:center; flex-wrap:wrap; margin-top:32px; }

/* RESPONSIVE (sinematik) */
@media(max-width:980px){
  .cn-hero{ min-height:88vh; }
  .cn-hizmetler{ grid-template-columns:1fr 1fr; }
  .cn-ekip{ grid-template-columns:1fr 1fr; }
  .cn-paketler{ grid-template-columns:1fr 1fr; }
  .cn-gorus{ grid-template-columns:1fr; }
  .cn-galeri{ grid-template-columns:1fr 1fr; grid-auto-rows:180px; }
}
@media(max-width:640px){
  .cn-head{ flex-direction:column; align-items:flex-start; gap:14px; }
  .cn-sec,.cn-intro{ padding:62px 0; }
  .cn-hizmetler,.cn-ekip,.cn-paketler{ grid-template-columns:1fr; }
  .cn-hizmet{ aspect-ratio:3/2.6; }
  .cn-hizmet-ic p,.cn-ekip-kisa{ max-height:none; opacity:1; }
  .cn-galeri{ grid-template-columns:1fr; }
  .cn-galeri-oge:first-child{ grid-column:auto; grid-row:auto; }
  .cn-galeri{ grid-auto-rows:220px; }
}
@media(prefers-reduced-motion:reduce){
  .cn-hero-bg{ animation:none; } .cn-scroll{ animation:none; }
}