/* ============================================================
   Secrets of Quantum Waves — Ortak Tema (Kadim / Kutsal)
   Koyu lacivert-mor zemin · Altın vurgu · Serif tipografi
   ============================================================ */
:root{
  --bg:#0a0719; --bg2:#100c24; --bg3:#181232;
  --gold:#d9b15e; --gold-soft:#ecd09a; --gold-deep:#9a7d3e; --gold-line:rgba(217,177,94,0.22);
  --violet:#8b7fd4; --violet-soft:#a99ee8;
  --ink:#efe9da; --ink2:#b3aa93; --ink3:#736a57;
  --line:rgba(217,177,94,0.16);
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter',system-ui,sans-serif;
  --maxw:1140px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{overflow-x:hidden;scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.75;font-weight:300;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
::selection{background:rgba(217,177,94,0.28);color:#fff}
/* Yaşayan nebula canvas — en altta */
#sqw-nebula{position:fixed;inset:0;z-index:0;pointer-events:none;display:block}
/* İnce atmosfer overlay (canvas üstünde, derinlik için) */
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(ellipse 70% 55% at 50% 0%,rgba(139,127,212,0.06),transparent 60%),
  radial-gradient(circle at 85% 80%,rgba(217,177,94,0.04),transparent 45%)}

/* NAV */
nav{position:fixed;top:0;width:100%;z-index:1000;background:rgba(10,7,25,0.85);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav-c{max-width:var(--maxw);margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:66px;padding:0 2rem}
.logo{font-family:var(--serif);font-size:1.4rem;font-weight:600;letter-spacing:0.5px;display:flex;align-items:center;gap:11px;flex-shrink:0;white-space:nowrap;color:var(--ink)}
.logo img{width:30px;height:30px}
.nav-links{display:flex;gap:1.5rem;list-style:none;align-items:center}
.nav-links a{color:var(--ink2);font-size:0.8rem;font-weight:400;letter-spacing:0.5px;transition:color .3s;white-space:nowrap}
.nav-links a:hover,.nav-links a.active{color:var(--gold)}
.nav-links a.buy{border:1px solid var(--gold);color:var(--gold);padding:7px 17px;border-radius:2px;font-weight:500}
.nav-links a.buy:hover{background:var(--gold);color:var(--bg)}
.nav-links a.buy.active{background:var(--gold);color:var(--bg)}
.hamburger{display:none;background:none;border:none;color:var(--ink);font-size:1.5rem;cursor:pointer}
/* ---- Genel dil gizleme (TR varsayılan) ---- */
[data-en]{display:none}
html[lang="en"] [data-tr]{display:none}
html[lang="en"] [data-en]{display:revert}
/* ---- Dropdown menü ---- */
.nav-links li.has-drop{position:relative}
.nav-links li.has-drop>a{display:inline-flex;align-items:center;gap:5px;cursor:pointer}
.nav-links li.has-drop>a::after{content:'▾';font-size:0.7rem;color:var(--gold-deep);transition:transform .3s}
.nav-links li.has-drop:hover>a::after{transform:rotate(180deg)}
.drop{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(8px);
  min-width:210px;background:rgba(16,12,36,0.97);backdrop-filter:blur(18px);
  border:1px solid var(--gold-line);border-radius:8px;padding:8px;
  opacity:0;visibility:hidden;transition:all .28s cubic-bezier(.22,.61,.36,1);
  box-shadow:0 20px 50px rgba(0,0,0,0.5);list-style:none}
.nav-links li.has-drop:hover .drop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.drop::before{content:'';position:absolute;top:-12px;left:0;right:0;height:12px}
.drop li{margin:0}
.drop a{display:block;padding:10px 14px;border-radius:5px;font-size:0.82rem;color:var(--ink2);
  white-space:nowrap;transition:all .2s}
.drop a:hover{background:rgba(217,177,94,0.1);color:var(--gold)}
.nav-links li.has-drop>a .d-sub{display:block;font-size:0.68rem;color:var(--ink3);margin-top:2px}
/* dil gizleme — dropdown başlıklarında inline-flex'i ez */
.nav-links li.has-drop>a[data-en]{display:none}
html[lang="en"] .nav-links li.has-drop>a[data-tr]{display:none}
html[lang="en"] .nav-links li.has-drop>a[data-en]{display:inline-flex}
/* dropdown alt açıklama (d-sub) dil gizleme */
.drop a .d-sub[data-en]{display:none}
html[lang="en"] .drop a .d-sub[data-tr]{display:none}
html[lang="en"] .drop a .d-sub[data-en]{display:block}

/* PAGE HERO */
.page-hero{position:relative;z-index:1;padding:140px 1.5rem 50px;text-align:center;max-width:var(--maxw);margin:0 auto}
.page-hero .badge{display:inline-block;border:1px solid var(--gold-line);color:var(--gold);padding:6px 18px;border-radius:30px;font-size:0.68rem;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:1.6rem}
.page-hero h1{font-family:var(--serif);font-size:clamp(2.4rem,5.5vw,4rem);font-weight:500;line-height:1.08;margin-bottom:1rem;letter-spacing:0.5px}
.page-hero h1 em{font-style:italic;color:var(--gold);font-weight:400}
.page-hero .lede{font-size:1.05rem;color:var(--ink2);max-width:620px;margin:0 auto;font-weight:300}

/* SECTION */
.section{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:70px 1.5rem}
.sec-head{max-width:680px;margin-bottom:2.8rem}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.tag{display:inline-block;color:var(--gold-deep);font-size:0.68rem;font-weight:500;text-transform:uppercase;letter-spacing:3px;margin-bottom:0.9rem}
.sec-head h2,h2.sec-title{font-family:var(--serif);font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:500;line-height:1.15;margin-bottom:0.8rem}
.sec-head p{color:var(--ink2);font-size:1rem;font-weight:300}

/* CARDS */
.card{background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:2rem 1.8rem;transition:all .35s}
.card:hover{transform:translateY(-3px);border-color:var(--gold-line)}
.card h3{font-family:var(--serif);font-size:1.45rem;font-weight:500;margin-bottom:0.6rem}
.card p{color:var(--ink2);font-size:0.9rem;font-weight:300}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.4rem}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem}

.eng-label{font-family:var(--serif);font-size:0.8rem;color:var(--gold-deep);letter-spacing:2px;text-transform:uppercase;margin-bottom:0.4rem;display:block}

/* TABLE */
.sqw-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:0.9rem}
.sqw-table th{font-family:var(--serif);font-weight:600;color:var(--gold);text-align:left;padding:12px 16px;border-bottom:1px solid var(--gold-line);font-size:1rem}
.sqw-table td{padding:12px 16px;border-bottom:1px solid var(--line);color:var(--ink2);font-weight:300}
.sqw-table td:first-child{color:var(--gold-soft);font-family:var(--serif);font-size:1.05rem}
.sqw-table tr:hover td{background:rgba(217,177,94,0.03)}

/* FORMULA */
.formula{font-family:var(--serif);font-size:1.1rem;font-style:italic;color:var(--gold-soft);border:1px solid var(--gold-line);border-radius:4px;padding:10px 18px;display:inline-block;margin:0.6rem 0}

/* PILL / CHIP */
.chip{display:inline-block;font-size:0.72rem;border:1px solid var(--line);color:var(--ink2);padding:5px 13px;border-radius:20px;margin:3px}
.chip strong{color:var(--gold)}

/* BUTTON */
.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 30px;border-radius:2px;font-size:0.88rem;font-weight:500;letter-spacing:0.5px;transition:all .3s;cursor:pointer;border:none;font-family:var(--sans)}
.btn-gold{background:var(--gold);color:var(--bg)}
.btn-gold:hover{background:var(--gold-soft);transform:translateY(-2px)}
.btn-ghost{border:1px solid var(--line);color:var(--ink2);background:transparent}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}

/* NOTE / DISCLAIMER BANNER */
.note{border:1px solid var(--gold-line);background:rgba(217,177,94,0.04);border-radius:6px;padding:16px 22px;font-size:0.88rem;color:var(--ink2);font-weight:300;margin:1.5rem 0}
.note strong{color:var(--gold)}

/* FOOTER */
footer{position:relative;z-index:1;border-top:1px solid var(--line);margin-top:50px;padding:55px 1.5rem 35px}
.foot-c{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem}
.foot-brand p{color:var(--ink3);font-size:0.84rem;font-weight:300;max-width:300px;margin-top:1rem}
.foot-doi{display:inline-block;margin-top:1rem;border:1px solid var(--gold-line);color:var(--gold);padding:7px 16px;border-radius:3px;font-size:0.76rem;letter-spacing:0.5px}
.foot-col h4{font-family:var(--serif);font-size:1.05rem;font-weight:500;color:var(--ink);margin-bottom:1rem}
.foot-col a{display:block;color:var(--ink2);font-size:0.84rem;margin-bottom:0.6rem;font-weight:300;transition:color .3s}
.foot-col a:hover{color:var(--gold)}
.foot-bottom{max-width:var(--maxw);margin:2.5rem auto 0;padding-top:1.5rem;border-top:1px solid var(--line);text-align:center;color:var(--ink3);font-size:0.78rem}

@media(max-width:860px){
  .nav-links{display:none;position:absolute;top:66px;left:0;right:0;flex-direction:column;background:var(--bg2);padding:1rem 2rem;border-bottom:1px solid var(--line)}
  .hamburger{display:block}
  .foot-c{grid-template-columns:1fr 1fr;gap:2rem}
}

/* ===== PROGRAM GÖRSELLERİ & GALERİ (eklendi) ===== */
.prog-shot{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:0 1.5rem 1rem}
.prog-shot .frame{border:1px solid var(--gold-line);border-radius:12px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,0.55),0 0 60px rgba(217,177,94,0.10);background:var(--bg2)}
.prog-shot .frame img{width:100%;display:block;cursor:zoom-in;transition:transform .5s}
.prog-shot .frame img:hover{transform:scale(1.01)}
.prog-shot .cap{text-align:center;color:var(--ink3);font-size:0.78rem;letter-spacing:1px;margin-top:0.9rem;text-transform:uppercase}
.prog-shot.portrait .frame{max-width:430px;margin:0 auto}
.shot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;max-width:var(--maxw);margin:0 auto;padding:0 1.5rem}
.shot-grid figure{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg2);transition:transform .35s,border-color .35s}
.shot-grid figure:hover{transform:translateY(-4px);border-color:var(--gold-line)}
.shot-grid img{width:100%;display:block;cursor:zoom-in}
.shot-grid figcaption{padding:0.7rem 1rem;font-size:0.8rem;color:var(--ink2);font-weight:300;border-top:1px solid var(--line)}
.shot-grid figcaption b{display:block;font-family:var(--serif);color:var(--gold-soft);font-size:0.95rem;font-weight:500;margin-bottom:1px}
/* Lightbox */
.lb-ov{position:fixed;inset:0;z-index:3000;background:rgba(5,4,12,0.92);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s;padding:2rem}
.lb-ov.open{opacity:1;visibility:visible}
.lb-ov img{max-width:92vw;max-height:88vh;border-radius:12px;border:1px solid var(--gold-line);box-shadow:0 30px 80px rgba(0,0,0,0.7)}
.lb-ov .x{position:absolute;top:20px;right:26px;font-size:2.4rem;color:var(--ink2);cursor:pointer;line-height:1;background:none;border:none}
.lb-ov .x:hover{color:var(--gold)}