/* Dyt. Sevilay Çevik: ortak tema. Anasayfa, eğitim sayfaları, /programlar, /vip.
   Eğitim sayfalarında ana.css + program.css'ten sonra yüklenir; değişkenleri ve ortak parçaları ezer.
   Fraunces + DM Sans · krem / şeftali / mercan / zeytin / altın */
:root{
  /* yeni tema */
  --krem:#FFF9F5; --pembe:#FDF0EA; --seftali:#F8DDD0; --gul-acik:#F4C9BA;
  --metin:#3B2B26; --soluk:#7A665E; --cizgi:rgba(59,43,38,.1);
  --mercan:#C8553D; --mercan-koyu:#A8432E; --zeytin:#5F6536; --zeytin-koyu:#454B26; --gece:#2B2D1D;
  --altin:#C9A54A; --altin-acik:#EBD6A0;
  --serif:'Fraunces',Georgia,serif; --sans:'DM Sans',system-ui,sans-serif;
  --kenar:clamp(16px,5vw,64px); --genis:1200px; --r:22px;
  --golge:0 1px 2px rgba(59,43,38,.05),0 20px 44px -24px rgba(59,43,38,.32);
  --hizli:cubic-bezier(.16,1,.3,1);
  /* ana.css / program.css değişkenleri yeni temaya bağlanır */
  --tabak:var(--krem); --porselen:#FFFFFF; --murekkep:var(--metin); --domates:var(--mercan);
  --adacayi:var(--seftali); --filiz:#8C9261; --gul:#E3A08F; --hardal:var(--altin); --zeytin-koyu:#454B26;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--krem);color:var(--metin);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--mercan);color:#fff}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:2px solid var(--mercan);outline-offset:3px;border-radius:6px}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;letter-spacing:-.02em;font-variation-settings:"opsz" 72;font-variant-numeric:lining-nums}
h1 em,h2 em,h3 em,blockquote em{font-style:italic;font-weight:500;color:var(--mercan)}
.kap{max-width:var(--genis);margin:0 auto;padding:0 var(--kenar)}

/* etiketler */
.ust-baslik{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 18px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--mercan)}
.ust-baslik::before,.ust-baslik::after{content:"";width:34px;height:1px;background:var(--altin)}
.ust-baslik.sol{justify-content:flex-start}
.ust-baslik.sol::after{display:none}
.kicker{display:block;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--altin);margin-bottom:10px}

/* butonlar */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;border-radius:999px;border:0;background:linear-gradient(135deg,#D4664C,var(--mercan) 60%,var(--mercan-koyu));color:#fff;font-family:var(--sans);font-weight:700;font-size:16px;text-decoration:none;cursor:pointer;transition:transform .25s var(--hizli),box-shadow .25s,filter .2s;box-shadow:0 14px 28px -14px rgba(168,67,46,.75)}
.dugme:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 20px 34px -14px rgba(168,67,46,.8)}
.dugme:active{transform:scale(.98)}
.dugme svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dugme.hat{background:transparent;color:var(--metin);box-shadow:inset 0 0 0 1.5px var(--metin);filter:none}
.dugme.hat:hover{background:var(--metin);color:#fff}
.dugme.acik,.dugme.altin{background:var(--altin);color:var(--gece);box-shadow:0 14px 28px -14px rgba(201,165,74,.9)}
.dugme.acik:hover,.dugme.altin:hover{background:var(--altin-acik)}
.dugme.hat.acik{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
.dugme.hat.acik:hover{background:#fff;color:var(--metin)}

/* ---------- üst bar ---------- */
.ust{position:sticky;top:0;z-index:40;background:var(--zeytin-koyu);color:#fff;transition:box-shadow .3s}
.ust.golgeli{box-shadow:0 12px 30px -18px rgba(0,0,0,.6)}
.ust-ic{max-width:var(--genis);margin:0 auto;padding:12px var(--kenar);display:flex;align-items:center;justify-content:space-between;gap:20px}
.ust-marka{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.ust-marka [data-isaret]{display:block;width:28px;color:var(--altin)}
.ust-marka b{display:block;font:600 20px/1.1 var(--serif);letter-spacing:-.01em}
.ust-marka small{display:block;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--altin);margin-top:3px}
.ust-menu{display:flex;gap:28px}
.ust-menu a{font-size:15px;text-decoration:none;color:rgba(255,255,255,.82);position:relative;padding:6px 0}
.ust-menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--altin);transform:scaleX(0);transition:transform .3s var(--hizli)}
.ust-menu a:hover{color:#fff}
.ust-menu a:hover::after{transform:scaleX(1)}
.ust-wa{display:flex;align-items:center;gap:10px;padding:8px 18px 8px 12px;border-radius:999px;border:1px solid rgba(201,165,74,.55);text-decoration:none;color:#fff;transition:background .2s}
.ust-wa:hover{background:rgba(201,165,74,.14)}
.ust-wa svg{width:22px;height:22px;fill:none;stroke:#7BDB8A;stroke-width:1.6}
.ust-wa span{font-weight:700;font-size:15px;line-height:1.15}
.ust-wa small{display:block;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--altin-acik)}

/* ---------- alt bilgi ---------- */
.alt{background:var(--gece);color:rgba(255,255,255,.66);padding:64px 0 120px;font-size:15px}
.alt-izgara{display:grid;grid-template-columns:1.4fr 1.2fr 1fr 1.2fr;gap:36px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}
.alt .ust-marka{color:#fff;margin-bottom:16px}
.alt h4{font:700 11.5px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--altin);margin:0 0 16px}
.alt-izgara a:not(.ust-marka){display:block;text-decoration:none;padding:4px 0}
.alt-izgara a:hover{color:#fff}
.alt .yasal{padding-top:28px;font-size:12.5px;line-height:1.6;color:rgba(255,255,255,.48)}
.alt .yasal b{color:rgba(255,255,255,.7)}

/* ---------- mobil bar ---------- */
.mobil-bar{display:none}

/* ---------- görünme ---------- */
.js .gor{opacity:0;transform:translateY(24px);transition:opacity .8s var(--hizli),transform .8s var(--hizli)}
.js .gor.gorundu{opacity:1;transform:none}

/* ================= eğitim sayfaları (program.css üstüne) ================= */
.p-giris{position:relative;overflow:hidden;padding:clamp(40px,6vw,84px) 0 clamp(56px,7vw,96px);background:radial-gradient(800px 480px at 88% 10%,rgba(244,201,186,.55),transparent 70%),radial-gradient(600px 420px at 0% 100%,rgba(140,146,97,.16),transparent 70%),var(--krem)}
.p-giris h1{font-size:clamp(34px,4.4vw,58px);line-height:1.06;letter-spacing:-.03em}
.p-etiket{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--cizgi);color:var(--mercan);font-weight:600;font-size:14px}
.p-vaat{color:var(--soluk)}
.p-vaat b{color:var(--metin)}
.p-fiyat b{font-family:var(--serif);color:var(--mercan)}
.yol-izi a{color:var(--mercan)}
.galeri-ana{border-radius:26px!important;overflow:hidden;box-shadow:0 0 0 10px #fff,0 40px 80px -40px rgba(59,43,38,.55)!important;transform:rotate(1.5deg);transition:transform .5s var(--hizli)}
.galeri-ana:hover{transform:rotate(0)}
.blok.acik-zemin,.blok.vurgu-blok{background:var(--pembe)}
.b-bas h2{letter-spacing:-.025em}
.vurgu-yazi{font-family:var(--serif);font-style:italic;color:var(--metin)}
.kaz{background:#fff!important;box-shadow:var(--golge);border:0!important}
.kaz i{background:var(--mercan)!important}
.yorum{border-radius:16px;box-shadow:0 0 0 6px #fff,0 18px 36px -20px rgba(59,43,38,.45)}
.serit-blok.zeytin,.p-cta{background:linear-gradient(135deg,var(--zeytin-koyu),#5C4436)!important;color:#fff}
.p-cta h2,.p-cta p{color:#fff}
.fiyat-kart{background:#fff;box-shadow:0 30px 60px -30px rgba(59,43,38,.45);border-top:4px solid var(--mercan)}
.e-rozet{background:var(--mercan)!important;color:#fff!important}
.ilgili a{background:#fff;box-shadow:var(--golge)}
.kim{background:#fff;box-shadow:var(--golge)}
.sss summary{font-family:var(--serif)}
.icin-iki .evet{background:#fff}
.icin-iki .hayir{background:var(--pembe)}
.test-serit{background:linear-gradient(135deg,var(--zeytin-koyu),#5C4436)!important;color:#fff}

/* ---------- duyarlı ---------- */
@media (max-width:1080px){
  .ust-menu{display:none}
  .alt-izgara{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body{font-size:16px}
  .ust-ic{padding:10px 16px}
  .ust-marka small{display:none}
  .ust-wa{padding:8px 12px}
  .ust-wa span{font-size:0}
  .ust-wa span small{display:none}
  .ust-wa::after{content:"Yaz";font-size:14px;font-weight:700}
  .alt-izgara{grid-template-columns:1fr}
  .galeri-ana{transform:none}
  .mobil-bar{display:flex;align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:50;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(43,45,29,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff}
  .mobil-bar .dugme{flex:1;min-height:50px;padding:0 16px}
  .mobil-bar .dugme.hat{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
  .mobil-bar .wa{flex:0 0 auto;background:#25D366;color:#fff;box-shadow:none}
  .mobil-bar .wa svg{fill:none;stroke:#fff;stroke-width:2}
  .mobil-bar .fiyat-m{color:#fff;font:600 20px/1.1 var(--serif)}
  .mobil-bar .fiyat-m s{color:rgba(255,255,255,.55)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .gor{opacity:1;transform:none;transition:none}
  *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}