/* SOLEN AKYILDIZ "TEN" - onuncu bagimsiz kimlik (18.08.2026)
   Kisisel-marka guzellik studyosu: pudra/ten + terracotta + kestane
   Newsreader (zarif serif) + Mulish (govde) + Great Vibes (imza)
   Kompozisyon: portreli kisisel hero (script imza + duotone zemin gecisi),
   NUMARALI HIZMET INDEKSI satir-hover-video onizlemeli (yeni mekanik),
   ters-takvim bandi (Pazar acik, Pzt-Sali kapali). */

@font-face{font-family:'Newsreader';src:url('fonts/newsreader-latin-ext-500.woff2') format('woff2');font-weight:500;font-display:swap;unicode-range:U+0100-024F,U+011E-011F,U+0130-0131,U+015E-015F}
@font-face{font-family:'Newsreader';src:url('fonts/newsreader-latin-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Newsreader';src:url('fonts/newsreader-latin-ext-600.woff2') format('woff2');font-weight:600;font-display:swap;unicode-range:U+0100-024F,U+011E-011F,U+0130-0131,U+015E-015F}
@font-face{font-family:'Newsreader';src:url('fonts/newsreader-latin-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Newsreader';src:url('fonts/newsreader-latin-ext-700.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0100-024F,U+011E-011F,U+0130-0131,U+015E-015F}
@font-face{font-family:'Newsreader';src:url('fonts/newsreader-latin-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Mulish';src:url('fonts/mulish-latin-ext-400.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0100-024F,U+011E-011F,U+0130-0131,U+015E-015F}
@font-face{font-family:'Mulish';src:url('fonts/mulish-latin-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Mulish';src:url('fonts/mulish-latin-ext-600.woff2') format('woff2');font-weight:600;font-display:swap;unicode-range:U+0100-024F,U+011E-011F,U+0130-0131,U+015E-015F}
@font-face{font-family:'Mulish';src:url('fonts/mulish-latin-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Mulish';src:url('fonts/mulish-latin-ext-700.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0100-024F,U+011E-011F,U+0130-0131,U+015E-015F}
@font-face{font-family:'Mulish';src:url('fonts/mulish-latin-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'GreatVibes';src:url('fonts/greatvibes-latin-ext-400.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0100-024F,U+011E-011F,U+0130-0131,U+015E-015F}
@font-face{font-family:'GreatVibes';src:url('fonts/greatvibes-latin-400.woff2') format('woff2');font-weight:400;font-display:swap}

:root{
  --ten:#F4E9E1; --ten2:#EFE0D4; --kagit:#FBF5F0; --kestane:#372520; --kahve:#553C32;
  --terra:#B4573C; --terra-koyu:#8E4028; --hat:#E2CFC1; --gri:#6A564B; --ada:#6F7F66;
  --serif:'Newsreader',serif; --sans:'Mulish',sans-serif; --imza:'GreatVibes',cursive;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--ten);color:var(--kestane);line-height:1.68;font-size:16px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.12;letter-spacing:-.005em}
::selection{background:var(--terra);color:#fff}
.kap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,46px)}

/* ---- onizleme ---- */
.onizleme{background:var(--kestane);color:#E8D9CE;text-align:center;font-size:12.5px;padding:8px 16px}
.onizleme b{color:#EDAF97;font-weight:700}

/* ---- header ---- */
header.ust{position:sticky;top:0;z-index:60;background:rgba(244,233,225,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--hat)}
.ust-ic{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,46px);display:flex;align-items:center;gap:0 24px;height:70px}
.marka{display:flex;flex-direction:column;line-height:1}
.marka .m-imza{font-family:var(--imza);font-size:27px;color:var(--kestane)}
.marka small{font-size:9.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--terra-koyu);font-weight:700;margin-top:3px}
nav.gez{display:flex;gap:0 4px;margin-left:auto}
nav.gez a{font-size:13.5px;font-weight:600;letter-spacing:.04em;color:var(--kahve);padding:8px 13px;border-radius:99px;transition:.15s}
nav.gez a:hover{color:var(--terra-koyu);background:rgba(180,87,60,.08)}
nav.gez a.aktif{color:#fff;background:var(--terra)}
.wa-dugme{display:inline-flex;align-items:center;gap:0 8px;background:var(--kestane);color:var(--ten);font-weight:700;font-size:13.5px;padding:11px 20px;border-radius:99px;transition:.2s;white-space:nowrap}
.wa-dugme:hover{background:var(--terra);transform:translateY(-1px)}
.menu-ac{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;position:relative;margin-left:auto}
.menu-ac span,.menu-ac span::before,.menu-ac span::after{content:'';position:absolute;left:10px;width:24px;height:2px;background:var(--kestane);border-radius:2px;transition:.3s}
.menu-ac span{top:21px}
.menu-ac span::before{left:0;top:-8px}
.menu-ac span::after{left:0;top:8px}
body.menu-acik .menu-ac span{background:transparent}
body.menu-acik .menu-ac span::before{transform:rotate(45deg);top:0}
body.menu-acik .menu-ac span::after{transform:rotate(-45deg);top:0}
.m-panel{position:fixed;inset:0;background:var(--ten);z-index:55;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}
body.menu-acik .m-panel{opacity:1;pointer-events:auto}
body.menu-acik{overflow:hidden}
body.menu-acik .onizleme{display:none}
.m-panel nav{display:flex;flex-direction:column;gap:8px 0;text-align:center}
.m-panel a{font-family:var(--serif);font-weight:600;font-size:32px;padding:8px 20px}
.m-panel a.aktif{color:var(--terra)}

/* ---- PORTRELI KISISEL HERO ---- */
.ten-hero{position:relative;overflow:hidden;background:linear-gradient(140deg,var(--ten) 30%,var(--ten2) 70%)}
.ten-hero::before{content:'';position:absolute;right:-10%;top:-30%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(180,87,60,.14),transparent 65%);animation:nefes 9s ease-in-out infinite}
@keyframes nefes{50%{transform:scale(1.12)}}
.hero-duzen{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:20px 40px;align-items:end;padding-top:clamp(40px,6vw,80px)}
.hero-metin{padding-bottom:clamp(46px,7vw,100px)}
.hero-imza{font-family:var(--imza);font-size:clamp(38px,5vw,62px);color:var(--terra);opacity:0;transform:translateY(10px);transition:opacity .9s ease .15s,transform .9s ease .15s;display:block;line-height:1}
.basla .hero-imza{opacity:1;transform:none}
.hero-metin h1{font-size:clamp(38px,5.2vw,66px);margin:8px 0 16px;color:var(--kestane)}
.hero-metin h1 .satir{display:block;white-space:nowrap;overflow:hidden}
.hero-metin h1 .satir i{display:inline-block;font-style:normal;transform:translateY(112%);transition:transform .8s cubic-bezier(.2,.7,.2,1) .25s}
.hero-metin h1 .satir:nth-child(2) i{transition-delay:.38s}
.basla .hero-metin h1 .satir i{transform:none}
.hero-metin h1 em{font-style:italic;color:var(--terra-koyu)}
.hero-metin p{color:var(--kahve);font-size:16.5px;max-width:440px;margin-bottom:26px;opacity:0;transform:translateY(10px);transition:opacity .7s ease .55s,transform .7s ease .55s}
.basla .hero-metin p{opacity:1;transform:none}
.eylem{display:flex;gap:10px 12px;flex-wrap:wrap;opacity:0;transform:translateY(10px);transition:opacity .7s ease .7s,transform .7s ease .7s}
.basla .eylem{opacity:1;transform:none}
.dolgun{background:var(--terra);color:#fff;font-weight:700;font-size:15px;padding:15px 28px;border-radius:99px;transition:.25s;border:0;cursor:pointer;font-family:var(--sans);display:inline-block}
.dolgun:hover{background:var(--terra-koyu);transform:translateY(-2px)}
.bos-dugme{background:transparent;border:1.5px solid var(--kahve);color:var(--kestane);font-weight:600;font-size:15px;padding:14px 26px;border-radius:99px;transition:.25s}
.bos-dugme:hover{border-color:var(--terra);color:var(--terra-koyu)}
.hero-rozetler{display:flex;gap:8px 24px;flex-wrap:wrap;margin-top:28px;opacity:0;transition:opacity .8s ease .85s}
.basla .hero-rozetler{opacity:1}
.h-rozet b{font-family:var(--serif);font-weight:700;font-size:22px;display:block;line-height:1.1;color:var(--kestane)}
.h-rozet span{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gri);font-weight:700}
.hero-portre{position:relative;align-self:end}
.hero-portre img{width:100%;max-width:430px;margin-left:auto;display:block;border-radius:16px 16px 0 0;filter:saturate(.92)}
.hero-portre::after{content:'';position:absolute;inset:auto 0 0 0;height:44%;background:linear-gradient(180deg,transparent,var(--ten) 96%);pointer-events:none;border-radius:0}
.portre-etiket{position:absolute;left:-8px;bottom:26px;background:var(--kagit);border:1px solid var(--hat);border-radius:12px;padding:10px 16px;font-size:12.5px;color:var(--kahve);box-shadow:0 14px 34px rgba(55,37,32,.12);z-index:2}
.portre-etiket b{display:block;font-size:13.5px;color:var(--kestane)}

/* ---- ters takvim bandi ---- */
.takvim{background:var(--kestane);color:#EDDCCE;padding:14px 0}
.takvim .ic{display:flex;justify-content:center;gap:8px 38px;flex-wrap:wrap;font-size:13.5px;text-align:center}
.takvim b{color:#EDAF97}

/* ---- NUMARALI HIZMET INDEKSI (satir-hover-video) ---- */
.indeks{padding:clamp(60px,8vw,96px) 0}
.b-bas{margin-bottom:26px}
.b-bas .im{font-size:11.5px;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:var(--terra-koyu)}
.b-bas h2{font-size:clamp(29px,4vw,46px);margin-top:8px}
.b-bas p{color:var(--gri);font-size:15px;max-width:520px;margin-top:8px}
.indeks-duzen{display:grid;grid-template-columns:1.5fr 1fr;gap:20px 50px;align-items:start}
.satirlar-liste{border-top:1px solid var(--hat)}
.h-satir{display:grid;grid-template-columns:56px 1fr auto;gap:0 16px;align-items:baseline;padding:20px 6px;border-bottom:1px solid var(--hat);cursor:pointer;transition:background .2s;text-decoration:none}
.h-satir:hover,.h-satir.aktif{background:rgba(180,87,60,.06)}
.h-satir .no{font-family:var(--serif);font-weight:600;font-size:19px;color:var(--terra-koyu)}
.h-satir h3{font-size:clamp(20px,2.6vw,27px);font-weight:600;transition:color .2s}
.h-satir:hover h3,.h-satir.aktif h3{color:var(--terra-koyu)}
.h-satir .kisa{font-size:13px;color:var(--gri);grid-column:2;margin-top:2px}
.h-satir .ok{font-size:18px;color:var(--terra);opacity:0;transition:opacity .2s;align-self:center}
.h-satir:hover .ok,.h-satir.aktif .ok{opacity:1}
.indeks-onizleme{position:sticky;top:96px;border-radius:16px;overflow:hidden;border:1px solid var(--hat);background:var(--ten2);aspect-ratio:3/3.6}
.indeks-onizleme video,.indeks-onizleme img{width:100%;height:100%;object-fit:cover;display:none}
.indeks-onizleme video.acik,.indeks-onizleme img.acik{display:block}
.onizleme-not{position:absolute;left:12px;bottom:12px;background:rgba(55,37,32,.82);color:#EDDCCE;font-size:12px;font-weight:600;padding:7px 13px;border-radius:99px}

/* ---- deneyim (Baskent) ---- */
.deneyim{padding:clamp(60px,8vw,96px) 0;background:var(--kagit);border-top:1px solid var(--hat);border-bottom:1px solid var(--hat)}
.deneyim-duzen{display:grid;grid-template-columns:1fr 1.1fr;gap:26px 54px;align-items:center}
.deneyim-gorsel{border-radius:16px;overflow:hidden;border:1px solid var(--hat)}
.deneyim-metin h2{font-size:clamp(28px,3.8vw,44px);margin:8px 0 14px}
.deneyim-metin p{color:var(--kahve);font-size:15.5px;margin-bottom:12px}
.d-satirlar{display:grid;gap:11px 0;margin-top:16px}
.d-satirlar div{display:flex;gap:0 12px;font-size:14.5px;color:var(--kahve)}
.d-satirlar i{font-style:normal;color:var(--terra)}

/* ---- guven (unlu video + yorum) ---- */
.guven{padding:clamp(60px,8vw,96px) 0}
.guven-duzen{display:grid;grid-template-columns:1fr 1.35fr;gap:26px 54px;align-items:center}
.guven-video{border-radius:16px;overflow:hidden;border:1px solid var(--hat);background:var(--kestane);max-width:360px}
.guven-video video{width:100%;display:block}
.guven-video .kaynak{padding:9px 14px;font-size:12px;color:#D9C4B5;background:var(--kestane)}
.guven-metin .yildiz{color:var(--terra);letter-spacing:3px;font-size:15px}
.guven-metin blockquote{font-family:var(--serif);font-weight:500;font-size:clamp(21px,2.8vw,30px);line-height:1.34;margin:12px 0 10px;color:var(--kestane)}
.guven-metin blockquote em{font-style:italic;color:var(--terra-koyu)}
.guven-metin .kim{font-size:13px;color:var(--gri)}
.guven-metin .buyuk-sayi{margin-top:22px;display:flex;gap:8px 30px;flex-wrap:wrap}

/* ---- IG ---- */
.akim{padding:clamp(60px,8vw,96px) 0;background:var(--ten2);border-top:1px solid var(--hat)}
.akim-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 14px;margin-top:24px}
.akim-izgara .kutu{border-radius:14px;overflow:hidden;border:1px solid var(--hat);aspect-ratio:3/3.6;background:var(--kagit)}
.akim-izgara video,.akim-izgara img{width:100%;height:100%;object-fit:cover}

/* ---- randevu bandi ---- */
.randevu{padding:clamp(60px,8vw,90px) 0}
.randevu-kutu{background:var(--kestane);color:#F0E2D6;border-radius:22px;padding:clamp(28px,5vw,52px);display:grid;grid-template-columns:1.3fr .7fr;gap:22px 50px;align-items:center}
.randevu-kutu h2{color:#FBF1E8;font-size:clamp(26px,3.6vw,42px);margin-bottom:10px}
.randevu-kutu h2 .imzali{font-family:var(--imza);color:#EDAF97;font-weight:400}
.randevu-kutu p{color:#D8C2B2;max-width:540px;font-size:15.5px}
.randevu-eylem{display:grid;gap:10px 0;justify-items:start}

/* ---- sihirbaz + modal ---- */
.sihirbaz-ortu{position:fixed;inset:0;background:rgba(55,37,32,.55);backdrop-filter:blur(3px);z-index:85;display:none;align-items:center;justify-content:center;padding:18px}
body.sihirbaz-acik .sihirbaz-ortu{display:flex}
.sihirbaz{position:relative;background:var(--kagit);border-radius:22px;max-width:470px;width:100%;padding:30px 30px 18px;box-shadow:0 30px 80px rgba(30,18,14,.5);animation:s-gel .45s cubic-bezier(.2,.8,.25,1)}
@keyframes s-gel{from{opacity:0;transform:translateY(26px) scale(.96)}}
.s-kapat{position:absolute;top:14px;right:16px;background:none;border:0;font-size:26px;color:var(--gri);cursor:pointer;line-height:1}
.s-imza{font-family:var(--imza);font-size:34px;color:var(--terra);text-align:center;display:block;margin-bottom:8px}
.s-soru h3{font-size:25px;margin-bottom:4px;text-align:center}
.s-soru p{font-size:14px;color:var(--gri);margin-bottom:16px;text-align:center}
.s-secenekler{display:grid;gap:8px 0}
.s-secenekler button{display:flex;align-items:center;gap:0 12px;text-align:left;background:var(--ten);border:1.5px solid var(--hat);border-radius:99px;padding:12px 18px;font-family:var(--sans);font-size:14.5px;font-weight:600;color:var(--kestane);cursor:pointer;transition:.18s}
.s-secenekler button:hover{border-color:var(--terra);transform:translateX(4px)}
.s-ikon{width:32px;height:32px;border-radius:50%;background:var(--terra);color:#fff;display:grid;place-items:center;font-size:14px;flex-shrink:0}
.s-sonuc{text-align:center;animation:s-gel .4s ease}
.s-sonuc h4{font-size:22px;margin-bottom:6px}
.s-sonuc p{font-size:14px;color:var(--kahve);margin-bottom:14px}
.s-eylem{display:flex;gap:0 12px;align-items:center;justify-content:center}
.s-tekrar{background:none;border:0;font-family:var(--sans);font-size:13px;font-weight:600;color:var(--gri);cursor:pointer}
.s-dip{font-size:11.5px;color:var(--gri);text-align:center;margin-top:14px;border-top:1px solid var(--hat);padding-top:11px}

/* ---- syf + icerik sayfalari ---- */
.syf{padding:clamp(40px,6vw,64px) 0 26px;border-bottom:1px solid var(--hat)}
.syf .im{font-size:11.5px;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:var(--terra-koyu)}
.syf h1{font-size:clamp(34px,5vw,58px);margin-top:8px}
.syf .alt{max-width:640px;color:var(--kahve);margin-top:10px;font-size:15.5px}
.icerik-bolum{padding:clamp(40px,6vw,70px) 0}
.kart-izgara{display:grid;grid-template-columns:1fr 1fr;gap:16px 16px}
.h-kart{background:var(--kagit);border:1px solid var(--hat);border-radius:18px;padding:26px 28px}
.h-kart .no{font-family:var(--serif);font-size:17px;color:var(--terra);margin-bottom:8px;display:block}
.h-kart h3{font-size:22px;margin-bottom:8px}
.h-kart p{font-size:14.5px;color:var(--kahve)}
.h-kart .madde{margin-top:12px;display:grid;gap:7px 0;font-size:14px;color:var(--kahve)}
.h-kart .madde div{display:flex;gap:0 10px}
.h-kart .madde i{font-style:normal;color:var(--terra)}
.not-serit{background:rgba(111,127,102,.12);border:1px solid rgba(111,127,102,.4);color:#44523D;border-radius:12px;padding:12px 16px;font-size:13.5px;margin-top:20px}

/* ---- iletisim ---- */
.iletisim-duzen{display:grid;grid-template-columns:1fr 1.25fr;gap:24px 40px;padding:clamp(36px,6vw,60px) 0 90px;align-items:start}
.iletisim-kart{background:var(--kagit);border:1px solid var(--hat);border-radius:18px;padding:28px 30px}
.iletisim-kart h3{font-size:25px;margin-bottom:14px}
.iletisim-kart .satirlar{display:grid;gap:12px 0;font-size:15px;color:var(--kahve)}
.iletisim-kart .satirlar div{display:flex;gap:0 12px}
.iletisim-kart .satirlar i{font-style:normal;color:var(--terra)}
.harita-kutu{display:block;position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--hat)}
.harita-kutu img{width:100%;height:auto}
.harita-not{position:absolute;left:14px;bottom:14px;background:rgba(55,37,32,.85);color:#F0E2D6;font-size:13px;font-weight:600;padding:8px 14px;border-radius:99px}

/* ---- animasyon ---- */
.gel{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.gel.geldi{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.gel,.hero-imza,.hero-metin h1 .satir i,.hero-metin p,.eylem,.hero-rozetler{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}.ten-hero::before{animation:none}}

/* ---- futia bandi ---- */
.futia{background:var(--kagit);border-top:1px solid var(--hat)}
.futia .icb{max-width:1180px;margin:0 auto;padding:52px clamp(20px,4vw,46px);display:flex;align-items:center;justify-content:space-between;gap:22px 40px;flex-wrap:wrap}
.futia h2{font-size:clamp(24px,3.2vw,32px);margin-bottom:6px}
.futia p{color:var(--gri);max-width:540px;font-size:15px}
.futia-eylem{display:flex;flex-direction:column;align-items:flex-start;gap:9px 0}
.futia-wa{display:inline-flex;align-items:center;gap:0 10px;background:var(--kestane);color:var(--ten);font-weight:700;font-size:15px;padding:15px 28px;border-radius:99px;transition:.25s;white-space:nowrap}
.futia-wa:hover{background:var(--terra);transform:translateY(-2px)}
.futia-kimlik{font-size:13px;color:var(--gri)}
footer.dip{padding:22px 0 26px;border-top:1px solid var(--hat)}
footer.dip .ic{display:flex;justify-content:space-between;gap:6px 30px;flex-wrap:wrap;font-size:13px;color:var(--gri)}

/* ---- mobil ---- */
@media (max-width:1000px){
  nav.gez,.ust-ic .wa-dugme{display:none}
  .menu-ac{display:block}
}
@media (max-width:820px){
  .hero-duzen{grid-template-columns:1fr;gap:6px 0}
  .hero-metin{padding-bottom:8px;text-align:center}
  .hero-metin p{margin:0 auto 22px}
  .eylem{justify-content:center}
  .hero-rozetler{justify-content:center}
  .hero-portre{max-width:330px;margin:12px auto 0}
  .portre-etiket{left:0}
  .indeks-duzen{grid-template-columns:1fr}
  .indeks-onizleme{position:static;aspect-ratio:3/2.4;order:-1}
  .deneyim-duzen,.guven-duzen{grid-template-columns:1fr;gap:20px 0}
  .guven-video{max-width:100%}
  .akim-izgara{grid-template-columns:1fr 1fr;gap:10px 10px}
  .randevu-kutu{grid-template-columns:1fr;gap:18px 0}
  .kart-izgara{grid-template-columns:1fr}
  .iletisim-duzen{grid-template-columns:1fr;gap:16px 0}
  .futia .icb{padding:44px 20px}
  footer.dip .ic{flex-direction:column;gap:4px 0}
}