/* ============================================================
   TEMA — Türkan Aslan krem/açık tema  (2026-07-17: koyudan kreme çevrildi)
   light.css'in ÜSTÜNE biner; sayfayı krem palete boyar.
   NOT: dosya adı ve .night sınıfı tarihsel — 6 HTML sayfası onu yüklüyor, artık KREM tema.
   Kapsam: body.night  (katalog/detay etkilenmez)
   ============================================================ */

.night {
  --nbg:      #f5f0e8;   /* zemin */
  --nbg2:     #efe7da;   /* soft bölüm */
  --npanel:   #fffdf9;   /* kart */
  --npanel2:  #f7f2e9;   /* kart hover / iç */
  --nink:     #1c1710;   /* ana metin */
  --nmut:     #6b6155;   /* soluk metin */
  --nline:    rgba(182,134,59,0.14);
  --nline-s:  rgba(182,134,59,0.08);
  --gold-lt:  #8f671f;   /* parlak altın */
  --serif:    'Cormorant Garamond', 'Poppins', Georgia, serif;
  background: var(--nbg);
  color: var(--nink);
}

/* yumuşak kozmik zemin dokusu */
.night body, .night { background: var(--nbg); }
.night::before {
  content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none;
  background:
    radial-gradient(1100px 700px at 78% -8%, rgba(200,102,63,.16), transparent 60%),
    radial-gradient(900px 600px at 8% 12%, rgba(120,90,180,.10), transparent 62%),
    var(--nbg);
}

/* ---------- tipografi yardımcıları ---------- */
.night .eyebrow { display:inline-flex; align-items:center; gap:10px;
  font-size:.74rem; letter-spacing:3.5px; text-transform:uppercase; font-weight:600;
  color: var(--gold-lt); margin-bottom:14px; }
.night .eyebrow::before { content:""; width:26px; height:1px; background:var(--gold-lt); opacity:.6; }
.night .ttl { font-family: var(--head); font-weight:600; line-height:1.1; letter-spacing:.4px;
  font-size: clamp(1.9rem, 4.2vw, 3rem); color:#1c1710; }
.night .grad-text { background: linear-gradient(100deg,#c99a4f,#c8663f 78%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.night .lead { color: var(--nmut); }
.night .kicker { color: var(--gold-lt); }
.night .display { color:#1c1710; }
.night h2, .night h3, .night h4 { color:#1c1710; }

/* ---------- butonlar ---------- */
.night .btn--gold { background: linear-gradient(100deg,#f2cf6f,#e0a23e);
  color:#211603; font-weight:700; box-shadow: 0 12px 30px -12px rgba(230,180,80,.7); }
.night .btn--gold:hover { transform: translateY(-2px); box-shadow: 0 18px 40px -12px rgba(230,180,80,.85); }
.night .btn--outline { background: transparent; color:#1c1710; border:1px solid rgba(182,134,59,.35); }
.night .btn--outline:hover { border-color: var(--gold-lt); color:#1c1710; transform: translateY(-2px); background: rgba(182,134,59,.05); }
/* katalog kartlarındaki hazır butonlar */
.night .btn--primary { background: linear-gradient(100deg,#f2cf6f,#e0a23e); color:#211603; box-shadow: 0 10px 24px -12px rgba(230,180,80,.6); }
.night .btn--ghost { background: rgba(182,134,59,.06); color:#1c1710; border:1px solid rgba(182,134,59,.28); }
.night .btn--ghost:hover { border-color: var(--gold-lt); color:#1c1710; background: rgba(182,134,59,.1); }

/* ---------- topbar + nav ---------- */
.night .topbar { background:#f5f0e8; color:#6b6155; border-bottom:1px solid var(--nline-s); }
.night .topbar b { color:#b6863b; }
.night .nav { background: rgba(245,240,232,.72); backdrop-filter: blur(14px); border-bottom:1px solid var(--nline-s); }
.night .nav.scrolled { background: rgba(245,240,232,.9); }
.night .brand { display:flex; align-items:center; gap:12px; }
.night .brand__badge { display:grid; place-items:center; width:42px; height:42px; border-radius:50%;
  border:1px solid rgba(182,134,59,.4); color:var(--gold-lt); font-family:var(--head); font-weight:800;
  font-size:.95rem; letter-spacing:1px; background: radial-gradient(circle at 50% 20%, rgba(230,180,80,.18), transparent 70%); }
.night .brand__name { display:flex; flex-direction:column; line-height:1.05; color:#1c1710; font-family:var(--head);
  font-weight:600; font-size:1.15rem; letter-spacing:.5px; }
.night .brand__name b { font-weight:600; color:var(--gold-lt); display:inline; }
.night .brand__name small { font-size:.56rem; letter-spacing:2.5px; text-transform:uppercase; color:var(--nmut); font-weight:600; margin-top:3px; }
.night .nav__links a, .night .dropdown__toggle { color: rgba(28,23,16,.82); }
.night .nav__links a:hover, .night .dropdown__toggle:hover { color:#1c1710; }
.night .auth-btn { color:#1c1710; border:1px solid rgba(182,134,59,.28); background:transparent; padding:9px 16px; border-radius:999px; font-size:.85rem; }
.night .auth-btn:hover { border-color:var(--gold-lt); color:#1c1710; }
.night .cart-btn { background: rgba(182,134,59,.06); border:1px solid rgba(182,134,59,.24); color:#1c1710; }
.night .cart-btn:hover { border-color: var(--gold-lt); }
.night .nav__toggle span { background:#1c1710; }
/* dropdown koyu */
.night .dropdown { background:#efe7da; border:1px solid var(--nline); box-shadow: 0 24px 60px -20px rgba(60,40,15,0.272); }
.night .dropdown a { color: rgba(28,23,16,.82); }
.night .dropdown a:hover { background: rgba(182,134,59,.07); color:var(--gold-lt); }

/* ============================================================
   HERO — sinematik
   ============================================================ */
.hero2 { position:relative; min-height: 92vh; display:flex; align-items:center;
  overflow:hidden; padding: 120px 0 80px; }
.hero2__bg { position:absolute; inset:0; z-index:-1;
  background: url("../assets/hero-krem.jpg") center/cover no-repeat; }
.hero2__scrim { position:absolute; inset:0; z-index:-1;
  background:
    linear-gradient(90deg, rgba(245,240,232,.97) 0%, rgba(245,240,232,.86) 36%, rgba(245,240,232,0) 70%),
    linear-gradient(0deg, rgba(245,240,232,.92) 0%, transparent 28%); }
.hero2__inner { position:relative; max-width: 900px; }
.hero2__status { display:inline-flex; align-items:center; gap:9px; font-size:.72rem; letter-spacing:3px;
  text-transform:uppercase; color:#6b6155; font-weight:600;
  border:1px solid var(--nline); background: rgba(28,23,16,0.024); padding:7px 14px; border-radius:999px; }
.hero2__status .dot { width:8px; height:8px; border-radius:50%; background:#3ed07a; box-shadow:0 0 0 0 rgba(62,208,122,.6);
  animation: hbpulse 2s infinite; }
@keyframes hbpulse { 0%{box-shadow:0 0 0 0 rgba(62,208,122,.55)} 70%{box-shadow:0 0 0 9px rgba(62,208,122,0)} 100%{box-shadow:0 0 0 0 rgba(62,208,122,0)} }
.hero2__clock { font-family: var(--serif); font-size: clamp(1.15rem,2.2vw,1.5rem); color:#6b6155;
  margin: 18px 0 6px; letter-spacing:.4px; }
.hero2__title { font-family: var(--head); font-weight:800; text-transform:uppercase;
  font-size: clamp(3rem, 9vw, 7.4rem); line-height:.94; letter-spacing:-1px; color:#1c1710;
  margin-top:8px; text-shadow: 0 10px 60px rgba(60,40,15,0.17); }
.hero2__line { font-family: var(--head); font-weight:700; text-transform:uppercase;
  font-size: clamp(1.4rem, 4.4vw, 3.2rem); line-height:1; letter-spacing:1px;
  color: transparent; -webkit-text-stroke:1.2px rgba(182,134,59,.6); margin-top:6px; }
.hero2__tag { font-family: var(--serif); font-style:italic; font-size: clamp(1.1rem,2vw,1.5rem);
  color:#3a3128; margin:22px 0 4px; }
.hero2__lead { color: rgba(28,23,16,.72); max-width: 560px; margin-top:10px; line-height:1.7; }
.hero2__cta { display:flex; gap:14px; flex-wrap:wrap; margin-top:30px; }
.hero2__scroll { position:absolute; left:50%; bottom:26px; transform:translateX(-50%);
  font-size:.75rem; letter-spacing:2px; text-transform:uppercase; color:var(--nmut);
  animation: hfloat 2.4s ease-in-out infinite; }
@keyframes hfloat { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(6px)} }

/* ============================================================
   HİZMET KARTLARI (01–04)
   ============================================================ */
.services { padding: 80px 0 20px; }
.services__head { text-align:center; margin-bottom: 40px; }
.services__head .eyebrow::before { display:none; }
.services__head .ttl { margin-top:6px; }
.services__grid { display:grid; grid-template-columns: repeat(4,1fr); gap:18px; }
.night .service { position:relative; display:flex; flex-direction:column; gap:12px;
  padding: 30px 24px 26px; background: var(--npanel); border:1px solid var(--nline);
  border-radius: 18px; overflow:hidden; transition: transform .28s, border-color .28s, background .28s; }
.night .service::before { content:""; position:absolute; inset:0; border-radius:18px; pointer-events:none;
  background: radial-gradient(420px 160px at 50% -20%, var(--accent-glow, rgba(230,180,80,.16)), transparent 70%); opacity:.9; }
.night .service:hover { transform: translateY(-6px); border-color: rgba(182,134,59,.4); background: var(--npanel2); }
.night .service:nth-child(1){ --accent-glow: rgba(230,180,80,.20); }
.night .service:nth-child(2){ --accent-glow: rgba(200,102,63,.22); }
.night .service:nth-child(3){ --accent-glow: rgba(217,138,134,.20); }
.night .service:nth-child(4){ --accent-glow: rgba(157,181,172,.20); }
.night .service__no { font-family:var(--head); font-weight:800; font-size:1.6rem; color:var(--gold-lt); letter-spacing:1px; }
.night .service__title { font-family:var(--head); font-weight:600; font-size:1.2rem; color:#1c1710; }
.night .service__desc { font-size:.9rem; color:var(--nmut); line-height:1.6; flex:1; }
.night .service__go { font-size:.82rem; font-weight:700; letter-spacing:.4px; color:var(--gold-lt); }
.night .service:hover .service__go { color:#b6863b; }

/* ============================================================
   BÖLÜMLER (koyu) + kartlar
   ============================================================ */
.night .section { background: transparent; }
.night .section--soft { background: var(--nbg2); }
.night .section--night { }  /* zaten koyu */
.night .section-head .eyebrow, .night .section-head__row .eyebrow { }

/* eğitim kartları */
.night .course { background: var(--npanel); border:1px solid var(--nline); border-radius:18px; overflow:hidden; }
.night .course:hover { border-color: rgba(182,134,59,.35); }
.night .course__top { background: linear-gradient(160deg,#f7ead4,#f3e0c6); border-bottom:1px solid var(--nline-s); }
.night .course__top::before { opacity: .16; }
.night .course__ic { color: var(--gold-lt); border-color: rgba(182,134,59,.34);
  background: radial-gradient(circle at 50% 34%, rgba(242,201,95,.22), rgba(242,201,95,0) 70%);
  box-shadow: 0 10px 28px -14px rgba(242,201,95,.55), inset 0 0 18px rgba(242,201,95,.07); }
.night .course__ic::after { border-color: rgba(182,134,59,.28); }
.night .course__tag { background: linear-gradient(100deg,#f2cf6f,#e0a23e); color:#211603; }
.night .course__body h3, .night .course__body h3 a { color:#1c1710; }
.night .course__body p { color: var(--nmut); }
.night .course__feats li { color: rgba(28,23,16,.78); }
.night .course__feats li::before { color: var(--gold-lt); }
.night .course__foot { border-top:1px solid var(--nline-s); }
.night .price { color:#1c1710; font-weight:800; }
.night .price small { color:#c8663f; }

/* döküman kartları */
.night .doc { background: var(--npanel); border:1px solid var(--nline); border-radius:18px; overflow:hidden; }
.night .doc:hover { border-color: rgba(182,134,59,.35); }
.night .doc__body h3, .night .doc__body h3 a { color:#1c1710; }
.night .doc__body p { color: var(--nmut); }
.night .badge-free { background: rgba(157,181,172,.18); color:#9db5ac; border:1px solid rgba(157,181,172,.3); }

/* yorumlar */
.night .review { background: var(--npanel); border:1px solid var(--nline); border-radius:18px; }
.night .review p { color: rgba(28,23,16,.9); }
.night .review__who { color: var(--gold-lt); }
.night .review__stars { color:#b6863b; }
.night .review__src { color: var(--gold-lt); }
.night .review__src:hover { color:#1c1710; }

/* SSS */
.night .faq details { background: var(--npanel); border:1px solid var(--nline); border-radius:14px; }
.night .faq summary { color:#1c1710; }
.night .faq p { color: var(--nmut); }
.night .faq details[open] { border-color: rgba(182,134,59,.35); }

/* ---------- YÖNTEM / HAKKINDA ---------- */
.method { display:grid; grid-template-columns:.9fr 1.1fr; gap:48px; align-items:center; }
.method__media { position:relative; }
.method__media img { width:100%; height:auto; border-radius:20px; box-shadow: 0 30px 70px -30px rgba(60,40,15,0.272);
  border:1px solid var(--nline); }
.method__badge { position:absolute; left:16px; bottom:16px; background:#f5f0e8; color:#6b6155;
  border:1px solid var(--nline); font-size:.72rem; letter-spacing:1px; padding:8px 14px; border-radius:999px; }
.method__text .lead { margin:14px 0 22px; }
.method__list { list-style:none; display:grid; gap:12px; margin-bottom:26px; }
.method__list li { position:relative; padding-left:26px; color:var(--nmut); font-size:.95rem; }
.method__list li::before { content:'✦'; position:absolute; left:0; color:var(--gold-lt); }
.method__list b { color:#1c1710; font-weight:600; }
.method__actions { display:flex; gap:12px; flex-wrap:wrap; }

/* ---------- DANIŞMANLIK ---------- */
.consult { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:8px; }
.consult__card { background: var(--npanel); border:1px solid var(--nline); border-radius:18px;
  padding:30px 26px; transition: transform .25s, border-color .25s, background .25s; }
.consult__card:hover { transform:translateY(-6px); border-color:rgba(182,134,59,.4); background:var(--npanel2); }
.consult__ic { font-size:1.9rem; color:var(--gold-lt); margin-bottom:12px; }
.consult__card h3 { font-family:var(--head); font-weight:600; font-size:1.18rem; margin-bottom:8px; color:#1c1710; }
.consult__card p { font-size:.9rem; color:var(--nmut); line-height:1.6; margin-bottom:16px; }
.consult__meta { font-size:.76rem; letter-spacing:1px; text-transform:uppercase; color:var(--gold-lt); font-weight:600; }
.consult__cta { display:flex; gap:12px; justify-content:center; margin-top:34px; flex-wrap:wrap; }

/* ---------- FORMLAR (spiral + iletişim + bülten) ---------- */
.night .spiral { background: transparent; border:0; box-shadow:none; padding:0; }
.night .spiral__form, .night .contact__form { background: var(--npanel); border:1px solid var(--nline); border-radius:20px; }
.night .spiral__form { padding:36px; }
.night .spiral__result { background: var(--npanel); border:1px solid var(--nline); border-radius:20px; padding:36px; }
.night .spiral__hint, .night .spiral__note, .night .spiral__more { color: var(--nmut); }
.night .field label { color: rgba(28,23,16,.85); }
.night .field input, .night .field textarea, .night .contact__form input, .night .spiral__form input {
  background: rgba(28,23,16,0.032); border:1px solid var(--nline); color:#1c1710; }
.night .field input::placeholder, .night input::placeholder { color: rgba(28,23,16,.35); }
.night .field input:focus, .night input:focus { outline:none; border-color: var(--gold-lt); background: rgba(28,23,16,0.048); }
.night input[type="date"], .night input[type="number"] { color-scheme: dark; }
.night .form-note { color: var(--nmut); }

/* ---------- BÜLTEN ---------- */
.newsletter { position:relative; background: linear-gradient(180deg,#f5f0e8,#efe7da); padding:70px 0; overflow:hidden;
  border-top:1px solid var(--nline-s); border-bottom:1px solid var(--nline-s); }
.newsletter::before { content:''; position:absolute; inset:0; pointer-events:none;
  background: radial-gradient(620px 300px at 82% 30%, rgba(200,102,63,.28), transparent 70%); }
.newsletter__inner { position:relative; display:grid; grid-template-columns:1.1fr .9fr; gap:44px; align-items:center; }
.newsletter .lead { color: rgba(28,23,16,.72); margin-top:10px; }
.newsletter__form { display:flex; flex-wrap:wrap; gap:12px; }
.newsletter__form input { flex:1; min-width:220px; padding:15px 18px; border-radius:12px;
  border:1px solid var(--nline); background: rgba(28,23,16,0.04); color:#1c1710; font-family:inherit; font-size:.95rem; }
.newsletter__form input::placeholder { color: rgba(28,23,16,.4); }
.newsletter__form input:focus { outline:none; border-color: var(--gold-lt); }
.newsletter__form .form-note { width:100%; font-size:.8rem; color: rgba(28,23,16,.6); margin:2px 0 0; }

/* ---------- FOOTER ---------- */
.night .footer { background:#f5f0e8; border-top:1px solid var(--nline-s); color: var(--nmut); }
.night .footer__brand { color:#1c1710; }
.night .footer h4 { color:#1c1710; }
.night .footer a { color: rgba(28,23,16,.72); }
.night .footer a:hover { color: var(--gold-lt); }
.night .footer__bottom { border-top:1px solid var(--nline-s); color: var(--nmut); }

/* ---------- üyelik modalı + sepet çekmecesi (koyu) ---------- */
.night .auth-overlay, .night .cart-overlay { background: rgba(4,3,6,.74); }

/* üyelik modalı */
.night .auth-box { background: #efe7da; border: 1px solid var(--nline); color: var(--nink); }
.night .auth-brand { color: #1c1710; }
.night .auth-brand span { color: var(--gold-lt); }
.night .auth-sub, .night .auth-switch { color: var(--nmut); }
.night .auth-close { color: var(--nmut); }
.night .auth-close:hover { color: #1c1710; }
.night .auth-tabs { background: rgba(28,23,16,0.04); }
.night .auth-tab { color: var(--nmut); }
.night .auth-tab.is-active { background: linear-gradient(100deg,#f2cf6f,#e0a23e); color: #211603; box-shadow: none; }
.night .auth-group__title { color: var(--gold-lt); }
.night .auth-box .field label { color: rgba(28,23,16,.9); }
.night .auth-box .field input, .night .auth-box .pw input {
  background: rgba(28,23,16,0.04); border: 1px solid var(--nline); color: #1c1710; }
.night .auth-box .field input::placeholder { color: rgba(28,23,16,.4); }
.night .auth-box .field input:focus { border-color: var(--gold-lt); background: rgba(28,23,16,0.056); }
.night .auth-form .field label em { color: #c8663f; }
.night .auth-terms { background: rgba(28,23,16,0.024); border: 1px solid var(--nline); color: var(--nmut); }
.night .auth-link { color: var(--gold-lt); }
.night .chk { color: rgba(28,23,16,.82); }
.night .pw-eye { color: #1c1710; }
.night .auth-note { color: #c99a4f; }

/* sepet çekmecesi */
.night .cart-drawer { background: #efe7da; color: var(--nink); border-left: 1px solid var(--nline); }
.night .cart-drawer__head { border-bottom-color: var(--nline); }
.night .cart-drawer__head h3 { color: #1c1710; }
.night .cart-empty { color: var(--nmut); }
.night .cart-item { background: var(--npanel); border-color: var(--nline); }
.night .cart-item__t b { color: #1c1710; }
.night .cart-item__rm { color: var(--nmut); }
.night .cart-foot { border-top-color: var(--nline); }
.night .cart-total { color: #1c1710; }

/* ---------- responsive ---------- */
@media (max-width: 940px) {
  .services__grid { grid-template-columns:1fr 1fr; }
  .consult { grid-template-columns:1fr; }
  .method { grid-template-columns:1fr; gap:28px; }
  .method__media { max-width:440px; margin:0 auto; }
  .newsletter__inner { grid-template-columns:1fr; gap:22px; }
  .hero2 { min-height: 88vh; padding:110px 0 70px; }
  /* mobil: fotoğraftaki baskılı "Türkan Aslan" yazısı kadraj dışında kalsın */
  .hero2__bg { background-size: auto 185%; background-position: center 84%; }
  .hero2__scrim { background:
    linear-gradient(180deg, rgba(245,240,232,.94) 0%, rgba(245,240,232,.45) 22%, transparent 46%),
    linear-gradient(0deg, rgba(245,240,232,.96) 3%, transparent 52%); }
  .nav__cta { display:none; }
  .night .brand__name small { display:none; }
  /* mobil açılır menü koyu olsun (light.css krem zemin veriyordu → kontrastsızdı) */
  .night .nav__links { background: #f5f0e8; border-bottom: 1px solid var(--nline); }
  .night .nav__links a { color: rgba(28,23,16,.92); }
  .night .dropdown__toggle { color: rgba(28,23,16,.92); }
  .night .dropdown a { color: rgba(28,23,16,.75); }
  .night .nav__links a:hover, .night .dropdown a:hover, .night .dropdown__toggle:hover { color: var(--gold-lt); }
}
@media (max-width: 560px) {
  .services__grid { grid-template-columns:1fr; }
  .hero2__title { font-size: clamp(2.6rem,15vw,4rem); }
  .night .brand__name { font-size:1rem; }
}

/* ---------- İNTERAKTİF DENEYİM — gömülü canlı gökyüzü ---------- */
.eyebrow--center { justify-content:center; }
.eyebrow--center::before { display:none; }
.skyembed { padding: 84px 0; }
.skyembed__head { text-align:center; max-width:760px; margin:0 auto 36px; }
.skyembed__head .ttl { margin-top:6px; }
.skyembed__head .lead { margin-top:12px; }
.skyembed__frame { position:relative; border-radius:22px; overflow:hidden;
  border:1px solid var(--nline); box-shadow: 0 44px 100px -46px rgba(60,40,15,0.313); background:#f5f0e8; }
.skyembed__frame iframe { display:block; width:100%; height:680px; border:0; background:#f5f0e8; }
.skyembed__full { position:absolute; top:14px; right:14px; z-index:5;
  font-size:.76rem; letter-spacing:.5px; padding:8px 14px; border-radius:999px;
  background:rgba(245,240,232,.55); border:1px solid var(--nline); color:#1c1710; backdrop-filter:blur(8px); }
.skyembed__full:hover { border-color:var(--gold-lt); color:#1c1710; }
@media (max-width: 700px) {
  .skyembed { padding: 60px 0; }
  .skyembed__frame iframe { height:560px; }
}

/* ---------- KATALOG / TÜM EĞİTİMLER sayfası ---------- */
.night .catalog-hero { position: relative; overflow: hidden; padding: 128px 0 26px; text-align: center; }
.catalog-hero__bg { position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(720px 340px at 50% -12%, rgba(230,180,80,.18), transparent 64%),
    radial-gradient(620px 300px at 84% 26%, rgba(200,102,63,.15), transparent 60%); }
.catalog-hero__back { text-align: left; margin-bottom: 22px; }
.night .catalog-hero .ttl { font-size: clamp(2rem, 4.6vw, 3.1rem); }
.night .catalog-tabs { display: flex; gap: 10px; justify-content: center; margin: 28px 0 8px; flex-wrap: wrap; }
.night .cat-tab { padding: 11px 24px; border-radius: 100px; border: 1px solid var(--nline);
  background: var(--npanel); font-weight: 700; font-size: .9rem; color: var(--nmut);
  transition: color .2s, border-color .2s, background .2s; }
.night .cat-tab:hover { color: #1c1710; border-color: rgba(182,134,59,.4); }
.night .cat-tab.is-active { background: linear-gradient(100deg,#f2cf6f,#e0a23e); color: #211603; border-color: transparent; }
.night .catalog-group__ttl { font-family: var(--head); font-weight: 600; color: #1c1710;
  font-size: 1.5rem; margin: 38px 0 24px; }

/* ---------- ÜRÜN DETAY sayfası (koyu) ---------- */
.night .detail { padding-top: 40px; }
.night .crumb { color: var(--nmut); }
.night .crumb a { color: rgba(28,23,16,.8); }
.night .crumb a:hover { color: var(--gold-lt); }
.night .detail h1 { color: #1c1710; }
.night .detail__lead { color: var(--nmut); }
.night .detail__body h3 { color: #1c1710; }
.night .detail__body p { color: var(--nmut); }
.night .detail__feats li::before { color: var(--gold-lt); }
.night .detail__buybox { background: var(--npanel); border: 1px solid var(--nline);
  box-shadow: 0 34px 80px -34px rgba(60,40,15,0.289); }
.night .detail__price { color: #1c1710; }
.night .detail__price small { color: var(--nmut); }
.night .detail__meta div { border-bottom-color: var(--nline-s); }
.night .detail__meta span:first-child { color: var(--nmut); }
.night .curr-item { background: var(--npanel); border-color: var(--nline); color: var(--nink); }
.night .curr-item .n { color: var(--gold-lt); border-color: var(--nline); }
.night .instructor { background: var(--npanel); border: 1px solid var(--nline); }
.night .instructor__label { color: var(--gold-lt); }
.night .instructor__info h3 { color: #1c1710; }
.night .instructor__role { color: var(--gold-lt); }
.night .instructor__bio { color: var(--nmut); }
.night .instructor__tags span { border-color: var(--nline); color: rgba(28,23,16,.82); }

/* sayfa içi büyütme — tarayıcı penceresi içinde kalır (OS tam ekranına geçmez) */
body.sky-expanded { overflow: hidden; }
body.sky-expanded::before { content:""; position: fixed; inset:0; z-index: 9998;
  background: rgba(4,3,6,.78); backdrop-filter: blur(3px); }
.skyembed__frame.is-expanded { position: fixed; inset: 16px; z-index: 9999; height: auto;
  border-radius: 16px; box-shadow: 0 50px 130px -30px rgba(60,40,15,0.323); }
.skyembed__frame.is-expanded iframe { height: 100% !important; }
.skyembed__frame.is-expanded .skyembed__full { top: 16px; right: 16px;
  font-size: .92rem; font-weight: 700; padding: 11px 20px;
  background: rgba(245,240,232,.9); border-color: var(--gold-lt); color: #1c1710; box-shadow: 0 8px 24px -8px rgba(60,40,15,0.238); }
@media (max-width: 560px) {
  .skyembed__frame.is-expanded { inset: 8px; }
}

/* ── Eğitim kartı: fiyat yerine başvuru etiketi (1 Ağu 2026 · fiyatsız başvuru akışı) ── */
.course__basvuru {
  font-family: var(--head, 'Cormorant Garamond', serif);
  font-size: 1.06rem; line-height: 1.2; color: var(--nink, #1c1710);
}
.course__basvuru small {
  display: block; margin-top: 3px;
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: .7rem; letter-spacing: .02em; color: var(--nmut, #6b6155);
}
@media (max-width: 520px) {
  .course__foot { flex-wrap: wrap; }
  .course__basvuru { flex: 1 1 100%; margin-bottom: 10px; }
}
/* Detay sayfası: eğitimde fiyat yerine başvuru etiketi */
.detail__price--basvuru { font-size: 1.5rem; line-height: 1.25; }
.detail__price--basvuru small {
  display: block; margin: 4px 0 0; font-size: .78rem;
  text-decoration: none; letter-spacing: .01em;
}
/* Yayın kartı: fiyat yerine bilgi etiketi */
.doc__basvuru {
  font-size: .78rem; letter-spacing: .02em;
  color: var(--nmut, #6b6155);
}

/* ---------- KVKK açık rıza onay kutusu (2026-08-19) ----------
   Yaşam Sarmalı · iletişim · bülten formlarının altında durur, aydınlatma
   metnine link verir. Krem temada bülten ve footer AÇIK zeminde olduğu için
   metin koyu; light.css'teki koyu-zemin varsayımları burada geçersiz. */
.form-onay { display:flex; align-items:flex-start; gap:9px; margin:2px 0 14px;
  font-size:.82rem; line-height:1.5; color: var(--nmut); text-align:left; cursor:pointer; }
/* min-width/padding sıfırlaması ŞART: .newsletter__form input kuralı (flex:1;
   min-width:220px; padding:15px 18px) onay kutusuna da uyuyor ve kutuyu 220px
   genişliğinde bir sütuna çeviriyordu. */
.form-onay input[type="checkbox"] { flex:0 0 auto; width:16px; height:16px; min-width:0;
  padding:0; margin-top:2px; background:none; accent-color: var(--gold-lt); cursor:pointer; }
.form-onay a { color: var(--gold-lt); text-decoration:underline; }
.form-onay a:hover { color:#1c1710; }
.newsletter__form .form-onay { width:100%; margin:0 0 2px; color: rgba(28,23,16,.6); }

/* ---------- footer yasal linkleri ---------- */
.footer__yasal { display:flex; flex-wrap:wrap; justify-content:center; gap:4px 20px; margin-bottom:14px; }
.night .footer__yasal a { display:inline; padding:0; font-size:.82rem; color: rgba(28,23,16,.62); }
.night .footer__yasal a:hover { color:#1c1710; }


/* ── Eğitmen kadrosu ──
   Fotoğraf yok: baş harflerden madalyon. Kurs kartlarındaki altın halka
   diliyle aynı, böylece fotoğraflar gelince yerine geçmesi kolay. */
.egitmenler { display: grid; gap: 18px;
  grid-template-columns: repeat(auto-fit, minmax(178px, 1fr)); }
.egitmen { text-align: center; padding: 26px 14px 22px; border-radius: 16px;
  background: var(--npanel); border: 1px solid rgba(28,23,16,.09);
  transition: transform .25s ease, box-shadow .25s ease; }
.egitmen:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -26px rgba(60,40,15,.45); }
.egitmen__mono { display: grid; place-items: center; width: 64px; height: 64px;
  margin: 0 auto 14px; border-radius: 50%;
  border: 1.5px solid rgba(182,134,59,.55);
  background: radial-gradient(circle at 50% 35%, rgba(242,207,111,.30), rgba(182,134,59,.07) 70%);
  font-family: var(--head); font-weight: 600; font-size: 1.15rem;
  color: var(--gold-lt); letter-spacing: .04em; }
.egitmen__ad { font-size: 1rem; font-weight: 600; margin: 0 0 4px; color: var(--nink);
  overflow-wrap: anywhere; }
.egitmen__unvan { font-size: .8rem; color: var(--nmut); margin: 0; }


/* ── Son videolar (YouTube) ── */
.videolar { display: grid; gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); }
.video { display: block; text-decoration: none; color: inherit; }
.video__kapak { position: relative; display: block; overflow: hidden;
  border-radius: 14px; background: var(--nbg2); aspect-ratio: 16 / 9; }
/* YouTube kapakları 4:3 gelir (hqdefault); 16:9'a ortalayarak kırpıyoruz,
   yoksa üstte ve altta siyah bantlar kalır. */
.video__kapak img { width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .4s ease; }
.video:hover .video__kapak img { transform: scale(1.045); }
.video__oynat { position: absolute; inset: 0; display: grid; place-items: center;
  color: #fffdf9; opacity: .92; transition: opacity .25s ease; }
.video__oynat svg { width: 54px; height: 54px;
  filter: drop-shadow(0 4px 14px rgba(0,0,0,.45)); }
.video:hover .video__oynat { opacity: 1; }
.video__baslik { font-size: .95rem; font-weight: 600; line-height: 1.4;
  margin: 12px 0 4px; color: var(--nink);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; }
.video:hover .video__baslik { color: var(--gold-lt); }
.video__tarih { font-size: .78rem; color: var(--nmut); margin: 0; }

/* ── Footer sosyal ikonları ── */
.footer__sosyal { display: flex; gap: 12px; justify-content: center;
  margin: 22px 0 4px; }
/* .footer a { display:block } kuralı ikonları alt alta dizerdi;
   flex öğesi olarak grid'e alıp yan yana tutuyoruz. */
.footer__sosyal a { display: grid; place-items: center; width: 40px; height: 40px;
  border-radius: 50%; border: 1px solid rgba(182,134,59,.42);
  color: var(--gold-lt); transition: background .22s ease, color .22s ease, transform .22s ease; }
.footer__sosyal a:hover { background: rgba(182,134,59,.13); transform: translateY(-2px); }
.footer__sosyal svg { width: 20px; height: 20px; }

/* ============================================================
   HERO — dizüstü/orta genişlik düzeltmesi (1200–1600px)
   Sorun: bu aralıkta clamp(9vw) başlığı ~118px yapıyor, metin
   sütunu 900px kalıyor ve "EZOTERİK ASTROLOG" + alıntı arka plan
   fotoğrafının yüzüne biniyordu. 1920px+ ekranda başlık iki satıra
   düştüğü için sorun görünmüyordu — bu yüzden gözden kaçmıştı.
   Çözüm: metin sütununu daralt, başlığı küçült, fotoğrafı sağa al.
   ============================================================ */
@media (min-width: 941px) and (max-width: 1600px) {
  .hero2 { padding: 96px 0 72px; }
  .hero2__bg { background-position: 76% center; }
  /* .hero2__inner AYNI ZAMANDA .container: max-width kisitlarsan
     margin:0 auto yuzunden blok ORTAYA kayar ve sag kenari fotografa
     dogru gider. Bu yuzden kutuyu 900px birakip ICERIGI siniriyoruz. */
  .hero2__inner { max-width: 900px; }
  /* 7.5em: baslik bu araliktaki her genislikte iki satira duser
     (1920px tasarimindaki gibi) ve saga, fotografa hic uzanmaz. */
  .hero2__title { font-size: clamp(2.9rem, 5.6vw, 5.2rem); max-width: 7.5em; }
  .hero2__line  { font-size: clamp(1.25rem, 2.6vw, 2.3rem); }
  .hero2__tag   { font-size: clamp(1rem, 1.45vw, 1.2rem); margin: 18px 0 4px; max-width: 34ch; }
  .hero2__lead  { max-width: 470px; }
  .hero2__cta   { max-width: 470px; }
  /* metin sütunu daraldığı için perde de daha erken açılsın */
  .hero2__scrim { background:
    linear-gradient(90deg, rgba(245,240,232,.985) 0%, rgba(245,240,232,.95) 44%, rgba(245,240,232,.55) 62%, rgba(245,240,232,0) 78%),
    linear-gradient(0deg, rgba(245,240,232,.92) 0%, transparent 28%); }
}

/* ============================================================
   FOOTER — kitap şeridi ("Venüs ve Antik Gizemleri", Trendyol)
   Kapak görseli yüklenemezse <img> .yok alır ve gizlenir; flex
   kullanıldığı için boş sütun/boşluk kalmaz, şerit yazıyla çalışır.
   ============================================================ */
.footer .kitap {
  /* .footer a{display:block} bu kuraldan DAHA OZGUL (0,1,1 > 0,1,0) ve
     seridi dikey diziyordu. Bu yuzden .footer ile ozgullugu artirildi. */
  display: flex; align-items: center; gap: 24px;
  padding: 20px 26px; margin: 0 0 44px;
  border: 1px solid var(--nline);
  border-radius: 18px;
  background: linear-gradient(100deg, rgba(182,134,59,.07), rgba(200,102,63,.05) 70%), var(--npanel);
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.footer .kitap:hover {
  border-color: rgba(182,134,59,.45);
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}
.kitap__kapak {
  width: 96px; flex: 0 0 96px; border-radius: 5px;
  box-shadow: 0 12px 30px -12px rgba(60,40,15,.55);
}
.kitap__kapak.yok { display: none; }

.kitap__ic { min-width: 0; }
.kitap__etiket {
  display: inline-block; font-size: .68rem; font-weight: 700;
  letter-spacing: .2em; text-transform: uppercase;
  color: var(--gold-lt); margin-bottom: 7px;
}
.kitap__ad {
  font-family: var(--head); font-size: 1.16rem; font-weight: 700;
  color: var(--nink); line-height: 1.3; margin: 0 0 6px;
}
.kitap__ad em {
  font-style: normal; font-weight: 500; font-size: .8em;
  color: var(--gold-lt); letter-spacing: .04em;
}
.kitap__alt {
  color: var(--nmut); font-size: .9rem; line-height: 1.6;
  margin: 0 0 12px; max-width: 62ch;
}
.kitap__btn {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: .82rem; font-weight: 600; color: var(--gold-lt);
  border-bottom: 1px solid rgba(182,134,59,.35); padding-bottom: 2px;
  transition: border-color .2s ease;
}
.kitap:hover .kitap__btn { border-color: var(--gold-lt); }

@media (max-width: 640px) {
  .footer .kitap { flex-direction: column; align-items: flex-start; gap: 16px; padding: 18px 20px; }
  .kitap__kapak { width: 80px; flex-basis: auto; }
  .kitap__ad { font-size: 1.05rem; }
}