:root{
  --zemin: rgb(156,104,94);        /* terracotta */
  --zemin-koyu: rgb(138,90,80);    /* alt bilgi, koyu düğme */
  --krem: rgb(235,231,224);
  --koyu: rgb(64,36,25);
  --limon: rgb(205,255,8);
  --krem-85: rgba(235,231,224,.85); --krem-8: rgba(235,231,224,.8); --krem-7: rgba(235,231,224,.7);
  --krem-6: rgba(235,231,224,.6); --krem-25: rgba(235,231,224,.25); --krem-1: rgba(235,231,224,.1);
  --koyu-85: rgba(64,36,25,.85); --koyu-8: rgba(64,36,25,.8); --koyu-75: rgba(64,36,25,.75);
  --koyu-6: rgba(64,36,25,.6); --koyu-55: rgba(64,36,25,.55);
  --serif: "Fanwood Text", Georgia, serif;
  --sans: "Be Vietnam Pro", system-ui, sans-serif;
  --kap: 1104px; --kenar: 168px;
  --r: 12px; --r-dugme: 8px;
  --py: 112px;
  --gecis: .5s cubic-bezier(.4,0,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--zemin);color:var(--krem);font:400 16px/24px var(--sans);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0}
p{margin:0}
.kap{max-width:calc(var(--kap) + 32px);margin:0 auto;padding:0 16px}
.bolum{padding:var(--py) 0}
.krem{background:var(--krem);color:var(--koyu)}
.limon-z{background:var(--limon);color:var(--zemin-koyu)}

/* yazı ölçeği */
.etiket{font:600 11.52px/17.28px var(--sans);letter-spacing:3.456px;text-transform:uppercase;color:var(--limon);margin-bottom:16px}
.krem .etiket{color:var(--zemin)}
h1{font-size:72px;line-height:72px;letter-spacing:-1.44px}
h2{font-size:48px;line-height:48px;letter-spacing:-.96px}
.h3b{font-size:36px;line-height:40px;letter-spacing:-.72px}
.giris{font-size:16px;line-height:24px;color:var(--krem-85);margin-top:16px}
.krem .giris{color:var(--koyu-8)}
.govde{font-size:18px;line-height:28px;color:var(--krem-85)}
.krem .govde{color:var(--koyu-8)}

/* düğmeler */
.dugme{display:inline-flex;align-items:center;justify-content:center;font:600 12.8px/19.2px var(--sans);letter-spacing:1.536px;text-transform:uppercase;
  padding:12.8px 25.6px;border-radius:var(--r-dugme);border:1px solid transparent;transition:background .3s,color .3s,border-color .3s,opacity .3s;cursor:pointer}
.d-limon{background:var(--limon);color:var(--zemin-koyu)}
.d-limon:hover{opacity:.9}
.d-cerceve{border-color:var(--krem-6);color:var(--krem)}
.d-cerceve:hover{background:var(--krem-1);border-color:var(--krem)}
.krem .d-cerceve{border-color:var(--koyu-55);color:var(--koyu)}
.d-koyu{background:var(--zemin-koyu);color:var(--limon)}
.krem .d-koyu{color:var(--krem)}
.d-koyu:hover{opacity:.9}
.dugmeler{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}

/* menü */
.menu{position:sticky;top:0;z-index:50;background:rgba(156,104,94,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--krem-1)}
.menu .kap{height:72px;display:flex;align-items:center}
.logo{display:flex;flex-direction:column;align-items:center;width:204px;color:var(--limon);line-height:1}
.logo b{font:500 19px/24px var(--sans);letter-spacing:7.6px;padding-left:7.6px}
.logo i{font:600 6.5px/10px var(--sans);font-style:normal;letter-spacing:2.6px;text-transform:uppercase;opacity:.8}
.menu nav{display:flex;gap:24px;margin-left:40px}
.menu nav a,.menu .pt,.menu .giris-l{font:500 12px/16px var(--sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--krem)}
.menu .pt,.menu .giris-l{font-weight:600}
.menu .pt{color:var(--krem-8)}
.menu nav a:hover{opacity:.8}
.menu .sag{margin-left:auto;display:flex;align-items:center;gap:16px}
.menu .giris-l{margin-right:8px}
.menu .m-dugme.bos{margin-left:-8px}
.menu .giris-l{display:flex;align-items:center;gap:6px}
.menu .giris-l svg{width:16px;height:16px}
.m-dugme{font:600 11.2px/16.8px var(--sans);letter-spacing:2.016px;text-transform:uppercase;padding:11px 18px;border-radius:var(--r-dugme);border:1px solid var(--limon)}
.m-dugme.dolu{background:var(--limon);color:var(--zemin-koyu)}
.m-dugme.bos{color:var(--limon)}
.hamburger{display:none;width:40px;height:40px;background:none;border:0;padding:8px;color:var(--krem)}
.tel-only{display:none}

/* kahraman */
.kahraman{position:relative;min-height:739px;display:flex;align-items:center;overflow:hidden}
.kahraman>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kahraman::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to right,rgba(156,104,94,.9) 0%,rgba(156,104,94,.6) 50%,rgba(156,104,94,.3) 100%)}
.kahraman .kap{position:relative;z-index:2;width:100%}
.kahraman .ic{max-width:672px}
.kahraman em{font-style:italic}
.kahraman p{font-size:18px;line-height:28px;color:var(--krem-85);margin-top:24px;max-width:576px}
.yildiz-satir{margin-top:32px;font:600 11.2px/16.8px var(--sans);letter-spacing:2.24px;text-transform:uppercase;color:var(--krem-7)}


/* nedir */
.iki{display:grid;align-items:center}
.nedir .iki{grid-template-columns:520px 520px;gap:64px}
.nedir .foto{width:520px;height:650px;object-fit:cover;border-radius:var(--r)}
.nedir h2{margin-bottom:24px}
.nedir .govde,.nedir .giris{margin-top:0}
.nedir .metin p+p{margin-top:16px}
.nedir .metin p{font-size:16px;line-height:24px;color:var(--krem-85)}
.ust-dugmeler{display:none}


/* yorumlar */
.yorumlar{padding:96px 0}
.ortala{text-align:center}
.puan{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px;font-size:14px;line-height:20px;color:var(--koyu-75)}
.puan b{font:400 60px/60px var(--serif);color:var(--zemin);letter-spacing:-1.2px}
.puan .y{color:var(--zemin);letter-spacing:2px;font-size:12px}
.kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}
.yorum{background:rgba(255,255,255,.5);border:1px solid rgba(156,104,94,.15);border-radius:var(--r);padding:28px;display:flex;flex-direction:column}
.yorum .ust{display:flex;justify-content:space-between;font-size:12px;line-height:16px;color:var(--koyu-55);margin-bottom:16px}
.yorum .ust .y{color:var(--zemin);letter-spacing:2px}
.yorum p{font-size:16px;line-height:26px;color:var(--koyu-85);flex:1}
.yorum .kim{display:flex;align-items:center;gap:12px;margin-top:24px}
.yorum .bas{width:36px;height:36px;border-radius:50%;background:rgba(156,104,94,.15);color:var(--zemin);display:flex;align-items:center;justify-content:center;font:600 11px/1 var(--sans);letter-spacing:.5px}
.yorum .ad{font:600 12px/16px var(--sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--zemin)}
.yorum .kaynak{font-size:12px;line-height:16px;color:var(--koyu-55)}

/* kart (ders, salon) */
.bas-sira{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
.bas-sira .giris{max-width:520px}
.kart-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.kart{position:relative;height:268px;border-radius:var(--r);overflow:hidden;display:block}
/* orijinalin sıcak, kızıl tonlu fotoğraf rengine yaklaşmak için (stok kareler daha soğuk) */
.kart img{width:100%;height:100%;object-fit:cover;transition:transform var(--gecis)}
.kart:hover img{transform:scale(1.05)}
/* stok kareler orijinalin loş çekimlerinden aydınlık: alt yazı bandı koyulaştırıldı (kalite turu 2026-10-11) */
.kart::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(64,36,25,.92) 0%,rgba(64,36,25,.75) 28%,rgba(64,36,25,.15) 60%,transparent)}
.kart .alt{position:absolute;left:24px;right:24px;bottom:24px;z-index:1}
.kart .k-et{font:600 10.4px/15.6px var(--sans);letter-spacing:2.08px;text-transform:uppercase;color:var(--limon)}
.kart .k-ad{font:400 20px/28px var(--serif);color:var(--krem);margin-top:4px}
.salon .kart::after{background:linear-gradient(to top,rgba(64,36,25,.92) 0%,rgba(64,36,25,.72) 26%,rgba(64,36,25,.15) 55%,transparent)}
.salon .k-et{color:var(--krem-8)}
.salon .k-ad{font-size:24px;line-height:32px}


/* üyelik, ilk ders, kurucu */
.foto-metin{display:grid;grid-template-columns:532px 1fr;gap:40px;align-items:center}
.foto-metin .foto{width:532px;object-fit:cover;border-radius:var(--r)}
.kurucu{padding:96px 0}
.kurucu .foto-metin{grid-template-columns:426px 1fr;gap:40px}
.kurucu .foto{width:426px;height:473px}
.unvan{font:500 14px/20px var(--sans);letter-spacing:1.4px;text-transform:uppercase;color:var(--zemin);margin-top:8px}
.kurucu .govde{margin-top:24px}
.kurucu .govde+.govde{margin-top:16px}




/* alt bilgi */
.alt-bilgi{background:var(--zemin-koyu);padding:64px 0 32px}
.ab-izgara{display:grid;grid-template-columns:434px repeat(3,1fr)}
.ab-izgara p{font-size:14px;line-height:20px;color:var(--krem-8)}
.ab-izgara .logo{align-items:flex-start;width:auto;margin-bottom:16px}
.ab-izgara .logo i{padding-left:24px}
.ab-izgara .etiket{margin-bottom:16px}
.ab-izgara ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ab-izgara li{line-height:18px}
.ab-izgara li a{font-size:14px;line-height:18px;color:var(--krem-8)}
.ab-izgara li a:hover{color:var(--krem)}
.simgeler{display:flex;gap:8px;margin-top:16px}
.simgeler a{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--krem-8)}
.simgeler svg{width:16px;height:16px}
.ab-alt{display:flex;justify-content:space-between;border-top:1px solid var(--krem-1);margin-top:48px;padding-top:24px;font-size:12px;line-height:16px;color:var(--krem-6)}
.ab-alt nav{display:flex;gap:24px}

/* ---------- telefon (ayrı tasarım, iPhone 390 ölçüleri) ---------- */
@media (max-width:767px){
  :root{--py:80px}
  h1{font-size:48px;line-height:48px;letter-spacing:-.96px}
  h2{font-size:30px;line-height:36px;letter-spacing:-.6px}
  .h3b{font-size:24px;line-height:32px;letter-spacing:-.48px}
  .tel-only{display:block}
  .menu .kap{height:64px;justify-content:space-between;position:relative}
  .menu nav,.menu .giris-l span,.m-dugme{display:none}
  .hamburger{display:block}
  .logo{position:absolute;left:50%;transform:translateX(-50%);width:159px}
  .logo b{font-size:15px;line-height:19px;letter-spacing:5.9px;padding-left:5.9px}
  .logo i{font-size:5px;line-height:8px;letter-spacing:2px}
  .menu .sag{gap:12px}
  .menu .giris-l{margin-right:0}
  .kahraman{min-height:656px;align-items:flex-start;padding-top:109px}
  .kahraman::before{background:linear-gradient(to right,rgba(156,104,94,.9) 0%,rgba(156,104,94,.75) 60%,rgba(156,104,94,.6) 100%)}
  .kahraman p{font-size:16px;line-height:24px;margin-top:24px}
  .kahraman .dugmeler{flex-direction:column;align-items:flex-start;margin-top:40px}
  .dugmeler .dugme{padding:12.8px 25.6px}
  .yildiz-satir{margin-top:30px;padding-left:20px}
  .bolum.nedir{padding:28px 0 80px}
  .ust-dugmeler{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}
  .ust-dugmeler a{height:47px;font:600 11.2px/16.8px var(--sans);letter-spacing:2.016px;text-transform:uppercase;border-radius:var(--r-dugme);display:flex;align-items:center;justify-content:center;border:1px solid var(--limon)}
  .ust-dugmeler .dolu{background:var(--limon);color:var(--zemin-koyu)}
  .ust-dugmeler .bos{color:var(--limon)}
  .nedir .iki{grid-template-columns:1fr;gap:44px}
  .nedir .foto{width:100%;height:448px}
  .yorumlar{padding:64px 0}
  .puan{flex-wrap:wrap;gap:8px 12px;margin-top:20px}
  .puan small{flex-basis:100%}
  .kartlar{grid-template-columns:1fr;margin-top:32px;gap:16px}
  .yorum:nth-child(n+4){display:none}
  .yorum{padding:24px}
  .yorum p{font-size:14px;line-height:22.75px;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
  .bas-sira{flex-direction:column;align-items:flex-start;gap:24px}
  .kart-izgara{grid-template-columns:1fr;margin-top:48px}
  .kart{height:269px}
  .foto-metin,.kurucu .foto-metin{grid-template-columns:1fr;gap:48px}
  .foto-metin .foto,.kurucu .foto{width:100%}
  .kurucu{padding:80px 0}
  .kurucu .foto{height:398px}
  .kurucu .govde{font-size:16px;line-height:24px}
  .alt-bilgi{padding:56px 0 32px}
  .ab-izgara{grid-template-columns:1fr;gap:40px}
  .ab-izgara>div:first-child{text-align:center}
  .ab-izgara .logo{position:static;transform:none;align-items:center;margin:0 auto 16px;width:auto}
  .ab-izgara .logo i{padding-left:0}
  .ab-alt{flex-direction:column;gap:16px}
  .ab-alt nav{flex-wrap:wrap;gap:12px 20px}
}