/* ─────────────────────────────────────────────────────────────
   ALTIN EGE — tasarım sistemi
   Renk: lacivert marka rengi (#00275C) üzerinde altın ışık (#D4B26A).
   Kırmızı (#E3001B) yalnızca logonun halkasından gelir; tek CTA'da kullanılır.
   Yazı: Archivo (değişken; başlıkta dar genişlik + ağır kesim, metinde normal).
   Tek aile, iki karakter: sportif/kurumsal bir ton; spor yazılımı (ANKA) ile aynı yazı tipi.
   ───────────────────────────────────────────────────────────── */
:root{
  --navy:#00275C; --ink:#030F26; --ink2:#061A3E; --ink3:#0B2452;
  --white:#F7F8FB; --mist:rgba(247,248,251,.64); --line:rgba(247,248,251,.12);
  --gold:#D4B26A; --gold2:#F2DCA0; --red:#E3001B;
  --font-d:'Archivo',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif; --font-b:'Archivo',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;
  --max:1280px; --gutter:clamp(20px,5vw,72px);
  --ease:cubic-bezier(.16,1,.3,1); --slow:1.1s;
  --r:6px;
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--ink);color:var(--white);font-family:var(--font-b);font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.locked{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--font-d);font-weight:700;font-stretch:90%;line-height:1.05;letter-spacing:-.025em}
h1{font-size:clamp(2.4rem,6.2vw,5.4rem);font-weight:800;font-stretch:86%;letter-spacing:-.03em}
/* Uzun (SEO odaklı) hero başlığı: 45 karakterden uzunsa bir kademe küçülür, satır sayısı 4'ü aşmaz */
#hero h1.uzun{font-size:clamp(2rem,4.3vw,3.7rem);max-width:16ch}
h2{font-size:clamp(1.9rem,4.2vw,3.4rem)}
h3{font-size:clamp(1.25rem,2vw,1.6rem)}
p{max-width:62ch}
.lead{font-size:clamp(1.05rem,1.4vw,1.25rem);color:var(--mist);line-height:1.65}
.wrap{width:min(var(--max),100% - 2*var(--gutter));margin-inline:auto}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
::selection{background:var(--gold);color:var(--ink)}

/* ── Buttons ─────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:.6em;padding:.95em 1.6em;border-radius:999px;font-family:var(--font-d);font-weight:600;font-size:.92rem;letter-spacing:.01em;transition:transform .5s var(--ease),background .3s,border-color .3s,color .3s;border:1px solid transparent;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(--gold);color:var(--ink)}
.btn-gold:hover{background:var(--gold2)}
.btn-ghost{border-color:rgba(247,248,251,.28);color:var(--white)}
.btn-ghost:hover{border-color:var(--white);background:rgba(247,248,251,.06)}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:#ff1f38}
.btn-sm{padding:.7em 1.2em;font-size:.82rem}
.btn svg{width:16px;height:16px}

/* ── Intro (sinematik açılış: Anka reveal → canlı drone videosu) ── */
#intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;transition:opacity 1.1s var(--ease),visibility 1.1s}
#intro.done{opacity:0;visibility:hidden;pointer-events:none}
/* Karartı perdesi: açılışta koyu, sonra kalkarak alttaki canlı hero videosunu açığa çıkarır */
#intro .veil{position:absolute;inset:0;background:
  radial-gradient(120% 90% at 50% 42%,rgba(6,26,62,.86),transparent 70%),
  linear-gradient(180deg,#020A1C 0%,#030F26 55%,#020A1C 100%);
  transition:opacity 1.3s var(--ease)}
#intro.lift{pointer-events:none}
#intro.lift .veil{opacity:0}
#intro .logo-final{position:absolute;left:50%;top:calc(50% - 26px);width:clamp(132px,20vw,230px);transform:translate(-50%,-50%) scale(.82);opacity:0;transition:opacity 1.3s var(--ease),transform 1.5s var(--ease);filter:drop-shadow(0 0 46px rgba(212,178,106,.45))}
#intro.show-logo .logo-final{opacity:1;transform:translate(-50%,-50%) scale(1)}
#intro.lift .logo-final{transform:translate(-50%,-50%) scale(1.06);opacity:0;transition:opacity .9s var(--ease),transform 1.2s var(--ease)}
#intro .wordmark{position:absolute;left:50%;top:calc(50% + 92px);transform:translate(-50%,10px);text-align:center;font-family:var(--font-d);font-weight:800;letter-spacing:.14em;font-size:clamp(1.1rem,2.4vw,1.7rem);color:var(--white);opacity:0;transition:opacity 1s var(--ease) .25s,transform 1.1s var(--ease) .25s}
#intro .wordmark b{display:block;font-weight:600;letter-spacing:.42em;font-size:.5em;color:var(--gold2);margin-top:.9em}
#intro.show-logo .wordmark{opacity:1;transform:translate(-50%,0)}
#intro.lift .wordmark{opacity:0;transition:opacity .7s var(--ease)}
#intro .hairline{position:absolute;left:50%;top:calc(50% + 60px);transform:translateX(-50%);width:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:width 1.2s var(--ease) .35s,opacity 1s var(--ease) .35s}
#intro.show-logo .hairline{width:min(340px,60vw);opacity:.9}
#intro.lift .hairline{opacity:0}
#intro .caption{position:absolute;left:50%;bottom:clamp(56px,11vh,120px);transform:translateX(-50%);text-align:center;font-family:var(--font-d);font-weight:700;letter-spacing:.22em;font-size:clamp(.72rem,1.5vw,1rem);color:var(--gold2);opacity:0;transition:opacity .9s var(--ease),transform .9s var(--ease);white-space:nowrap}
#intro .caption.show{opacity:1;transform:translateX(-50%) translateY(-6px)}
#intro .caption small{display:block;letter-spacing:.34em;font-size:.62em;color:var(--mist);margin-top:.9em;font-weight:500}
#intro .skip{position:absolute;left:auto;right:24px;bottom:24px;top:auto;background:transparent;border-radius:0;padding:6px 8px;font-size:.75rem;font-weight:600;letter-spacing:.2em;color:var(--mist);opacity:.7;text-transform:uppercase;z-index:3}
#intro .skip:focus{left:auto;right:24px}
#intro .skip:hover{opacity:1;color:var(--white)}

/* ── Nav ─────────────────────────────────────────────────── */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .5s,backdrop-filter .5s,padding .5s var(--ease),border-color .5s;border-bottom:1px solid transparent;padding:18px 0}
.nav.solid{background:rgba(3,15,38,.72);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-color:var(--line);padding:10px 0}
.nav .wrap{display:flex;align-items:center;gap:32px}
.nav .brand{display:flex;align-items:center;gap:14px;font-family:var(--font-d);font-weight:700;font-size:1.05rem;letter-spacing:.07em;text-transform:uppercase;line-height:1;white-space:nowrap}
.nav .brand img{width:64px;height:64px;transition:width .5s var(--ease),height .5s var(--ease)}
.nav.solid .brand img{width:50px;height:50px}
.nav .brand span{display:block;color:var(--white)}
.nav ul{list-style:none;display:flex;gap:26px;margin-left:auto}
.nav ul a{font-size:.82rem;font-weight:600;letter-spacing:.06em;color:var(--mist);position:relative;padding:6px 0;transition:color .3s}
.nav ul a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--gold);transition:right .5s var(--ease)}
.nav ul a:hover,.nav ul a.on{color:var(--white)}
.nav ul a:hover::after,.nav ul a.on::after{right:0}
.nav .cta,.nav .nav-cta{margin-left:8px}
.burger{display:none;margin-left:auto;width:44px;height:44px;position:relative}
.burger i{position:absolute;left:11px;right:11px;height:2px;background:var(--white);transition:transform .5s var(--ease),opacity .3s,top .5s var(--ease)}
.burger i:nth-child(1){top:15px}.burger i:nth-child(2){top:21px}.burger i:nth-child(3){top:27px}
.burger.x i:nth-child(1){top:21px;transform:rotate(45deg)}.burger.x i:nth-child(2){opacity:0}.burger.x i:nth-child(3){top:21px;transform:rotate(-45deg)}
.drawer{position:fixed;inset:0;z-index:99;background:var(--ink);padding:110px var(--gutter) 40px;display:flex;flex-direction:column;transform:translateY(-100%);transition:transform .8s var(--ease);overflow:auto}
.drawer.open{transform:none}
.drawer a{font-family:var(--font-d);font-size:clamp(1.6rem,7vw,2.4rem);font-weight:700;padding:.32em 0;border-bottom:1px solid var(--line);opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.drawer.open a{opacity:1;transform:none}
.drawer .btn{margin-top:auto;justify-content:center;align-self:stretch}
@media (max-width:980px){
  .nav ul,.nav .cta{display:none}.burger{display:block}.nav .brand img{width:52px;height:52px}
  .nav .brand{font-size:.92rem;letter-spacing:.05em;gap:10px}.nav .nav-cta{white-space:nowrap;flex:0 0 auto}
}
@media (max-width:400px){.nav .brand span{display:none}}

/* ── Sections ────────────────────────────────────────────── */
section{position:relative}
.sec{padding:clamp(64px,8vw,112px) 0}
.sec-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px 48px;margin-bottom:clamp(32px,4.5vw,56px)}
.sec-head p{margin-top:16px}
.kicker{font-family:var(--font-d);font-size:.78rem;font-weight:600;letter-spacing:.12em;color:var(--gold);display:flex;align-items:center;gap:12px;margin-bottom:22px}
.kicker::before{content:"";width:28px;height:1px;background:var(--gold)}
@media (max-width:760px){.sec-head{grid-template-columns:1fr}}

/* ── Hero ────────────────────────────────────────────────── */
#hero{min-height:100svh;display:flex;align-items:flex-end;padding:140px 0 clamp(56px,8vw,96px);overflow:hidden;isolation:isolate}
#hero .bg{position:absolute;inset:0;z-index:-2;overflow:hidden;background:var(--ink)}
#hero .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.04) contrast(1.03);will-change:transform}
/* Okunabilirlik için sinematik karartma — metin sol-alt olduğundan o köşe daha koyu */
#hero .bg::after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(3,15,38,.58) 0%,rgba(3,15,38,.20) 34%,rgba(3,15,38,.72) 76%,rgba(3,15,38,.97) 100%),
  radial-gradient(90% 70% at 22% 78%,rgba(3,15,38,.55),transparent 60%),
  linear-gradient(90deg,rgba(3,15,38,.35),transparent 55%)}
#hero .grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(247,248,251,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(247,248,251,.04) 1px,transparent 1px);background-size:120px 120px;mask-image:radial-gradient(80% 70% at 50% 50%,#000,transparent);opacity:.5}
#hero canvas{position:absolute;inset:0;z-index:-1;width:100%;height:100%}
#hero .wrap{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:end}
#hero h1{max-width:14ch;text-wrap:balance}
#hero .lead{margin:28px 0 40px;max-width:52ch}
#hero .actions{display:flex;flex-wrap:wrap;gap:12px}
#hero .stats{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-left:1px solid var(--line)}
#hero .stat{padding:22px 24px;border-bottom:1px solid var(--line)}
#hero .stat b{display:block;font-family:var(--font-d);font-size:clamp(2rem,3.4vw,3rem);font-weight:700;letter-spacing:-.03em;color:var(--gold2);line-height:1}
#hero .stat span{font-size:.85rem;color:var(--mist);display:block;margin-top:8px}
#hero .scrollhint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:1px;height:48px;background:linear-gradient(var(--gold),transparent);opacity:.7;animation:hint 2.4s ease-in-out infinite}
@keyframes hint{0%,100%{transform:translateX(-50%) scaleY(.4);transform-origin:top}50%{transform:translateX(-50%) scaleY(1)}}
@media (max-width:900px){
  #hero .wrap{grid-template-columns:1fr}
  #hero .stats{border-left:0;border-top:1px solid var(--line);margin-top:8px}
  #hero .stat{padding:18px 4px 18px 0}
  #hero{padding-top:120px}
}

/* ── Club intro ──────────────────────────────────────────── */
#kulup{background:linear-gradient(180deg,var(--ink) 0%,var(--ink2) 12%,var(--ink2) 88%,var(--ink) 100%)}
#kulup .cols{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(40px,7vw,120px);align-items:start}
#kulup .kulup-detay{padding-top:clamp(0px,1.2vw,14px);border-left:1px solid var(--line);padding-left:clamp(24px,3vw,44px)}
#kulup .kulup-detay .lead{margin-top:0}
@media (max-width:900px){#kulup .kulup-detay{border-left:0;padding-left:0;padding-top:0;margin-top:8px}}
#kulup .statement{font-family:var(--font-d);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;line-height:1.25;letter-spacing:-.02em;text-wrap:balance}
#kulup .statement em{font-style:normal;color:var(--gold2)}
#kulup .values{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
#kulup .values li{border:1px solid var(--line);padding:.5em 1em;border-radius:999px;font-size:.85rem;color:var(--mist)}
#kulup .map-card{position:relative;aspect-ratio:1;border-radius:var(--r);overflow:hidden;background:radial-gradient(70% 70% at 50% 50%,rgba(0,39,92,.6),var(--ink));border:1px solid var(--line)}
#kulup .map-card svg{width:100%;height:100%}
#kulup .map-card .tag{position:absolute;left:20px;bottom:18px;font-size:.78rem;color:var(--mist);letter-spacing:.06em}
#kulup .map-card .tag b{display:block;color:var(--white);font-family:var(--font-d);font-size:1rem;letter-spacing:0}
@media (max-width:900px){#kulup .cols{grid-template-columns:1fr}}

/* ── Branches ────────────────────────────────────────────── */
.branch-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:clamp(240px,26vw,340px);gap:14px}
.bcard{position:relative;grid-column:span 2;overflow:hidden;border-radius:var(--r);background:var(--ink2);isolation:isolate;display:flex;align-items:flex-end;padding:26px;color:var(--white)}
.bcard.featured{grid-column:span 4;grid-row:span 2}
.bcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.04);transition:transform 1.4s var(--ease),filter .8s;filter:saturate(.7) brightness(.72)}
.bcard::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,15,38,0) 30%,rgba(3,15,38,.92) 100%);transition:opacity .6s}
.bcard:hover img{transform:scale(1);filter:saturate(1) brightness(.85)}
.bcard h3{font-size:clamp(1.3rem,2.2vw,2rem);transition:transform .7s var(--ease)}
.bcard.featured h3{font-size:clamp(2rem,4vw,3.4rem)}
.bcard p{font-size:.9rem;color:var(--mist);max-height:0;opacity:0;overflow:hidden;transition:max-height .7s var(--ease),opacity .6s .1s,margin .7s var(--ease)}
.bcard:hover p,.bcard.featured p{max-height:120px;opacity:1;margin-top:10px}
.bcard .meta{display:flex;gap:14px;font-size:.78rem;color:var(--mist);margin-top:12px;letter-spacing:.04em}
.bcard .go{position:absolute;top:20px;right:20px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(247,248,251,.3);display:grid;place-items:center;transition:background .4s,transform .6s var(--ease)}
.bcard:hover .go{background:var(--gold);color:var(--ink);border-color:var(--gold);transform:rotate(45deg)}
.bcard .go svg{width:16px;height:16px}
@media (max-width:900px){.branch-grid{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.bcard,.bcard.featured{grid-column:span 2;grid-row:auto}.bcard.featured{grid-row:span 2}}
@media (max-width:560px){.branch-grid{grid-template-columns:1fr;grid-auto-rows:200px}.bcard,.bcard.featured{grid-column:auto;grid-row:auto}.bcard.featured{grid-row:span 2}}

/* ── Achievements ────────────────────────────────────────── */
#basari{background:linear-gradient(180deg,var(--ink) 0%,#04204A 16%,var(--navy) 46%,var(--navy) 58%,#04204A 84%,var(--ink) 100%);overflow:hidden}
#basari .anka{position:absolute;right:-6%;top:50%;transform:translateY(-50%);width:min(60vw,640px);opacity:.06;pointer-events:none}
#basari .list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
#basari .item{background:var(--navy);padding:34px 28px}
#basari .item b{font-family:var(--font-d);font-size:1.3rem;display:block;line-height:1.2}
#basari .item span{color:var(--gold2);font-size:.82rem;letter-spacing:.06em;display:block;margin-top:14px}
#basari .item p{color:var(--mist);font-size:.92rem;margin-top:8px}
@media (max-width:800px){#basari .list{grid-template-columns:1fr}}

/* ── Facilities ──────────────────────────────────────────── */
.fac-list{display:flex;flex-direction:column}
.fac{display:grid;grid-template-columns:120px 1fr 1fr auto;gap:28px;align-items:center;padding:26px 0;border-top:1px solid var(--line);transition:padding .5s var(--ease)}
.fac:last-child{border-bottom:1px solid var(--line)}
.fac img{width:120px;height:80px;object-fit:cover;border-radius:4px;filter:saturate(.75)}
.fac h3{font-size:1.25rem}
.fac .hours{color:var(--mist);font-size:.85rem;margin-top:4px}
.fac ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.fac ul li{font-size:.78rem;color:var(--mist);border:1px solid var(--line);padding:.3em .8em;border-radius:999px}
.fac .btn{justify-self:end}
@media (max-width:900px){.fac{grid-template-columns:90px 1fr;gap:16px}.fac img{width:90px;height:64px}.fac ul,.fac .btn{grid-column:2}.fac .btn{justify-self:start}}

/* ── Reservation (inline widget) ─────────────────────────── */
#rezervasyon{background:linear-gradient(180deg,var(--ink) 0%,var(--ink2) 12%,var(--ink2) 88%,var(--ink) 100%)}
.rez{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(32px,6vw,80px)}
.rez-steps{display:flex;flex-direction:column;gap:8px}
.rez-steps button{text-align:left;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r);display:flex;gap:16px;align-items:center;transition:border-color .3s,background .3s}
.rez-steps button.on{border-color:var(--gold);background:rgba(212,178,106,.06)}
.rez-steps button .n{font-family:var(--font-d);font-size:.75rem;color:var(--gold);width:22px}
.rez-steps button b{display:block;font-family:var(--font-d);font-weight:600}
.rez-steps button span{font-size:.82rem;color:var(--mist)}
.rez-panel{border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,3vw,32px);background:rgba(3,15,38,.5)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:.55em 1em;border-radius:999px;border:1px solid var(--line);font-size:.88rem;transition:all .3s}
.chip:hover{border-color:var(--mist)}
.chip.on{background:var(--gold);color:var(--ink);border-color:var(--gold);font-weight:600}
.chip.off{opacity:.3;pointer-events:none;text-decoration:line-through}
.days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.days .chip{text-align:center;padding:.7em 0}
.days .chip small{display:block;font-size:.65rem;color:var(--mist);letter-spacing:.06em}
.days .chip.on small{color:var(--ink)}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}
.slots .chip{text-align:center;padding:.6em 0}
.rez-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding-top:22px;border-top:1px solid var(--line);flex-wrap:wrap}
.rez-summary b{font-family:var(--font-d);font-size:1.3rem;color:var(--gold2)}
.rez-summary small{display:block;color:var(--mist);font-size:.82rem}
@media (max-width:900px){.rez{grid-template-columns:1fr}.rez-steps{flex-direction:row;overflow:auto;padding-bottom:6px}.rez-steps button{min-width:180px}.rez-steps button span{display:none}}

/* ── Packages ────────────────────────────────────────────── */
.pk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.pk{min-width:0;border:1px solid var(--line);border-radius:var(--r);padding:30px 26px;display:flex;flex-direction:column;position:relative;background:linear-gradient(180deg,rgba(247,248,251,.02),transparent);transition:border-color .4s,transform .6s var(--ease)}
.pk:hover{border-color:rgba(212,178,106,.5);transform:translateY(-4px)}
.pk.featured{border-color:var(--gold);background:linear-gradient(180deg,rgba(212,178,106,.12),rgba(212,178,106,.02))}
.pk .badge{position:absolute;top:-12px;left:24px;background:var(--gold);color:var(--ink);font-family:var(--font-d);font-size:.68rem;font-weight:700;letter-spacing:.1em;padding:.45em .9em;border-radius:999px}
.pk h3{font-size:1.15rem}
.pk .dur{color:var(--mist);font-size:.85rem;margin-top:4px}
.pk .price{font-family:var(--font-d);font-size:clamp(1.9rem,2.6vw,2.4rem);font-weight:700;letter-spacing:-.03em;margin:22px 0 4px;color:var(--white)}
.pk .per{font-size:.8rem;color:var(--mist)}
.pk ul{list-style:none;margin:22px 0 28px;display:flex;flex-direction:column;gap:9px;font-size:.9rem;color:var(--mist)}
.pk ul li{display:flex;gap:10px}
.pk ul li::before{content:"";width:14px;height:14px;border-radius:50%;background:rgba(212,178,106,.18);flex:none;margin-top:4px;box-shadow:inset 0 0 0 1px var(--gold)}
.pk .btn{margin-top:auto;justify-content:center}
@media (max-width:1100px){.pk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.pk-grid{grid-template-columns:1fr}}

/* ── News + events ───────────────────────────────────────── */
#haberler{background:var(--ink2)}
.news-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(24px,4vw,56px)}
.news-main{display:grid;gap:14px}
.ncard{display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:var(--r);transition:border-color .4s,background .4s}
.ncard:hover{border-color:rgba(212,178,106,.4);background:rgba(247,248,251,.02)}
.ncard img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;filter:saturate(.8)}
.ncard .cat{font-size:.72rem;letter-spacing:.1em;color:var(--gold);font-weight:600}
.ncard h3{font-size:1.15rem;margin:8px 0}
.ncard p{font-size:.9rem;color:var(--mist)}
.ncard time{font-size:.78rem;color:var(--mist);display:block;margin-top:10px}
.events{border-left:1px solid var(--line);padding-left:clamp(20px,3vw,40px)}
.events h3{margin-bottom:18px}
.ev{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:18px 0;border-top:1px solid var(--line)}
.ev .d{font-family:var(--font-d);text-align:center;line-height:1}
.ev .d b{display:block;font-size:1.7rem;color:var(--gold2)}
.ev .d span{font-size:.68rem;letter-spacing:.12em;color:var(--mist)}
.ev h4{font-size:1rem;font-weight:600}
.ev p{font-size:.82rem;color:var(--mist);margin-top:4px}
@media (max-width:900px){.news-grid{grid-template-columns:1fr}.events{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:32px}}
@media (max-width:560px){.ncard{grid-template-columns:1fr}}

/* ── Gallery ─────────────────────────────────────────────── */
.gal-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.gal{columns:4 220px;column-gap:10px}
.gal figure{break-inside:avoid;margin:0 0 10px;position:relative;overflow:hidden;border-radius:4px;cursor:zoom-in;background:var(--ink2)}
.gal img{width:100%;transition:transform 1.2s var(--ease),filter .6s;filter:saturate(.75)}
.gal figure:hover img{transform:scale(1.04);filter:saturate(1)}
.gal figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px;font-size:.8rem;background:linear-gradient(transparent,rgba(3,15,38,.85));opacity:0;transition:opacity .4s}
.gal figure:hover figcaption{opacity:1}
.lightbox{position:fixed;inset:0;z-index:500;background:rgba(3,15,38,.94);backdrop-filter:blur(12px);display:none;place-items:center;padding:24px}
.lightbox.open{display:grid}
.lightbox img{max-width:min(1200px,92vw);max-height:84vh;border-radius:4px;box-shadow:0 40px 100px rgba(0,0,0,.6)}
.lightbox .cap{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);color:var(--mist);font-size:.85rem}
.lightbox .x{position:absolute;top:20px;right:24px;font-size:1.6rem;color:var(--mist)}
.lightbox .arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:1.2rem}
.lightbox .prev{left:20px}.lightbox .next{right:20px}

/* ── Forms ───────────────────────────────────────────────── */
.form-sec{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(32px,6vw,96px);align-items:start}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form .full{grid-column:1/-1}
.field label{display:block;font-size:.78rem;letter-spacing:.06em;color:var(--mist);margin-bottom:7px}
.field input,.field select,.field textarea{width:100%;background:rgba(247,248,251,.04);border:1px solid var(--line);border-radius:var(--r);padding:13px 14px;color:var(--white);transition:border-color .3s,background .3s;appearance:none}
.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23D4B26A' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.field select option{background:var(--ink2)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);background:rgba(247,248,251,.06);outline:0}
.field textarea{min-height:120px;resize:vertical}
.field input[type=file]{padding:10px}
.field input[type=file]::file-selector-button{background:var(--line);border:0;color:var(--white);padding:.45em .9em;border-radius:999px;margin-right:12px;cursor:pointer}
.check{display:flex;gap:12px;align-items:flex-start;font-size:.85rem;color:var(--mist);cursor:pointer}
.check input{width:18px;height:18px;flex:none;accent-color:var(--gold);margin-top:2px}
.form .btn{grid-column:1/-1;justify-self:start}
.form-ok{grid-column:1/-1;border:1px solid var(--gold);padding:20px;border-radius:var(--r);background:rgba(212,178,106,.08)}
.form-ok b{font-family:var(--font-d);display:block;margin-bottom:4px}
.tabs{display:flex;gap:6px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.tabs button{padding:12px 16px;font-family:var(--font-d);font-weight:600;font-size:.88rem;color:var(--mist);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .3s,border-color .3s}
.tabs button.on{color:var(--white);border-color:var(--gold)}
.form[hidden]{display:none}
@media (max-width:900px){.form-sec{grid-template-columns:1fr}}
@media (max-width:560px){.form{grid-template-columns:1fr}}

/* ── Contact ─────────────────────────────────────────────── */
#iletisim{background:var(--ink2)}
.contact-info{display:grid;gap:26px;margin-top:32px}
.contact-info div{border-top:1px solid var(--line);padding-top:16px}
.contact-info small{display:block;font-size:.75rem;letter-spacing:.1em;color:var(--gold);margin-bottom:6px}
.contact-info a{font-family:var(--font-d);font-size:1.05rem}
.map-embed{margin-top:32px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);filter:grayscale(1) invert(.92) hue-rotate(180deg) contrast(.9)}
.map-embed iframe{display:block;width:100%;height:240px;border:0}

/* ── Partners: bkz. .band ── */
.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee .track{display:flex;gap:18px;width:max-content;animation:marquee 60s linear infinite}
.marquee:hover .track{animation-play-state:paused}
.marquee .p{display:flex;align-items:center;justify-content:center;gap:12px;width:220px;height:96px;padding:0 24px;border:1px solid var(--line);border-radius:var(--r);background:rgba(247,248,251,.025);transition:border-color .4s,background .4s;flex:none}
.marquee .p:hover{border-color:rgba(212,178,106,.5);background:rgba(247,248,251,.05)}
.marquee .p img{max-height:48px;max-width:160px;width:auto;object-fit:contain;filter:grayscale(1) brightness(1.6);opacity:.8;transition:filter .5s,opacity .5s}
.marquee .p:hover img{filter:none;opacity:1}
.marquee .p .mono{width:42px;height:42px;border-radius:50%;border:1px solid rgba(212,178,106,.5);display:grid;place-items:center;font-family:var(--font-d);font-weight:700;font-size:.8rem;color:var(--gold2);flex:none}
.marquee .p .pn{font-family:var(--font-d);font-weight:600;font-size:.88rem;color:var(--mist);white-space:normal;line-height:1.2;max-width:120px}
.skip{position:absolute;left:-9999px;top:12px;z-index:2000;background:var(--gold);color:var(--ink);padding:10px 16px;border-radius:999px;font-weight:600}
.skip:focus{left:12px}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ── Footer ──────────────────────────────────────────────── */
footer{padding:clamp(64px,8vw,110px) 0 32px;background:linear-gradient(180deg,var(--ink) 0%,#02091A 100%)}
footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:56px;border-bottom:1px solid var(--line)}
footer .brand img{width:64px;margin-bottom:18px}
footer .brand p{color:var(--mist);font-size:.92rem;max-width:36ch}
footer h4,footer .ft-bas{font-family:var(--font-d);font-size:.8rem;letter-spacing:.1em;color:var(--gold);margin-bottom:18px;font-weight:600}
footer ul{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:.92rem;color:var(--mist)}
footer ul a:hover{color:var(--white)}
footer .social{display:flex;gap:10px;margin-top:20px}
footer .social a{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:border-color .3s,background .3s}
footer .social a:hover{border-color:var(--gold);background:rgba(212,178,106,.1)}
footer .social svg{width:16px;height:16px;fill:currentColor}
footer .legal{display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:space-between;padding-top:24px;font-size:.78rem;color:var(--mist)}
footer .legal ul{flex-direction:row;flex-wrap:wrap;gap:8px 20px}
@media (max-width:900px){footer .cols{grid-template-columns:1fr 1fr}}
@media (max-width:560px){footer .cols{grid-template-columns:1fr}}

/* ── Reveal (tek orkestrasyon: sadece başlıklar ve sayaçlar) ── */
.rv{opacity:0;transform:translateY(22px);transition:opacity 1s var(--ease),transform 1.2s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv-d1{transition-delay:.12s}.rv-d2{transition-delay:.24s}

/* ── Anka trace (scroll sırasında geçen ışık) ─────────────── */
#trace{position:fixed;inset:0;pointer-events:none;z-index:50;width:100%;height:100%}

/* ── Branch detail page ──────────────────────────────────── */
.detail-hero{min-height:72svh;display:flex;align-items:flex-end;padding:160px 0 64px;position:relative;isolation:isolate;overflow:hidden}
.detail-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.7) brightness(.55)}
.detail-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,15,38,.3),var(--ink) 100%)}
.detail-hero .meta{display:flex;flex-wrap:wrap;gap:24px;margin-top:28px;color:var(--mist);font-size:.9rem}
.detail-hero .meta b{color:var(--white);display:block;font-family:var(--font-d);font-size:1rem}
.detail-body{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(32px,6vw,96px);align-items:start}
.detail-body h2{font-size:clamp(1.5rem,2.4vw,2rem);margin:56px 0 18px}
.detail-body h2:first-child{margin-top:0}
.aside{position:sticky;top:110px;border:1px solid var(--line);border-radius:var(--r);padding:28px;background:rgba(247,248,251,.02)}
.aside .price{font-family:var(--font-d);font-size:2rem;font-weight:700;color:var(--gold2);letter-spacing:-.02em}
.aside .price small{font-size:.8rem;color:var(--mist);font-weight:400;letter-spacing:0}
.aside .cap{margin:16px 0 22px}
.aside .bar{height:4px;background:var(--line);border-radius:2px;overflow:hidden}
.aside .bar i{display:block;height:100%;background:var(--gold)}
.aside .cap span{font-size:.8rem;color:var(--mist);display:block;margin-top:8px}
.aside .btn{width:100%;justify-content:center}
.faq details{border-top:1px solid var(--line);padding:18px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-family:var(--font-d);font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";color:var(--gold);font-weight:400;transition:transform .4s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--mist);margin-top:12px;font-size:.95rem}
.coach-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.coach{border:1px solid var(--line);padding:18px;border-radius:var(--r)}
.coach b{font-family:var(--font-d);display:block}
.coach span{font-size:.82rem;color:var(--mist)}
.pill-list{display:flex;flex-wrap:wrap;gap:8px}
.pill-list span{border:1px solid var(--line);padding:.5em 1em;border-radius:999px;font-size:.88rem}
@media (max-width:900px){.detail-body{grid-template-columns:1fr}.aside{position:static}}

/* ── Page hero (simple) ──────────────────────────────────── */
.page-hero{padding:170px 0 60px}
.page-hero h1{font-size:clamp(2.2rem,5vw,4rem)}

/* ── Misc ────────────────────────────────────────────────── */
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:var(--gold);color:var(--ink);padding:12px 20px;border-radius:999px;font-family:var(--font-d);font-weight:600;font-size:.9rem;opacity:0;transition:all .5s var(--ease);z-index:600;pointer-events:none}
.toast.show{opacity:1;transform:translateX(-50%)}
.empty{color:var(--mist);border:1px dashed var(--line);padding:32px;border-radius:var(--r);text-align:center}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .rv{opacity:1;transform:none}
}

/* ═══════════════════════════════════════════════════════════
   HERO CTA — Kayıt ol / İletişim
   Video üzerinde her koşulda okunur kalması için: birincil buton
   dolu altın zemin + koyu metin, ikincil buton koyu cam zemin +
   belirgin kenarlık. İkisi de sabit gölgeyle zeminden ayrılır.
   ═══════════════════════════════════════════════════════════ */
#hero .actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.hcta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-height:58px;padding:0 34px;border-radius:4px;overflow:hidden;
  font-family:var(--font-d);font-weight:800;font-size:clamp(.92rem,1.1vw,1.02rem);letter-spacing:.1em;
  transition:transform .45s var(--ease),box-shadow .45s var(--ease),background .35s,border-color .35s,color .35s}
.hcta svg{width:16px;height:16px;flex:none;transition:transform .45s var(--ease)}
.hcta:hover{transform:translateY(-2px)}
.hcta:active{transform:translateY(0)}
/* birincil */
.hcta-1{background:var(--gold);color:#08122B;box-shadow:0 12px 34px rgba(212,178,106,.34),0 2px 0 rgba(0,0,0,.18)}
.hcta-1:hover{background:var(--gold2);box-shadow:0 18px 44px rgba(212,178,106,.46)}
.hcta-1:hover svg{transform:translateX(5px)}
/* ince ışık süpürme — yalnızca hover'da, bir kez */
.hcta-1::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);opacity:0}
.hcta-1:hover::after{animation:sheen .85s var(--ease)}
@keyframes sheen{0%{left:-60%;opacity:1}100%{left:120%;opacity:0}}
/* ikincil */
.hcta-2{background:rgba(3,15,38,.62);color:var(--white);border:1.5px solid rgba(247,248,251,.55);
  backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);
  box-shadow:0 10px 30px rgba(3,15,38,.42)}
.hcta-2:hover{border-color:var(--gold);color:var(--gold2);background:rgba(3,15,38,.78)}
@media (max-width:560px){
  #hero .actions{gap:10px}
  .hcta{flex:1 1 100%;min-height:56px;padding:0 24px}
}

/* ── WhatsApp sabit düğmesi ─────────────────────────────── */
.wa-fab{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:90;
  width:58px;height:58px;border-radius:50%;display:grid;place-items:center;
  background:#25D366;color:#0B2412;box-shadow:0 10px 30px rgba(37,211,102,.38),0 2px 10px rgba(0,0,0,.3);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.wa-fab svg{width:30px;height:30px;fill:#fff}
.wa-fab:hover{transform:scale(1.07);box-shadow:0 16px 40px rgba(37,211,102,.5)}
.wa-fab::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(37,211,102,.55);animation:wapulse 2.8s ease-out infinite}
@keyframes wapulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.5);opacity:0}100%{opacity:0}}
.wa-fab .lbl{position:absolute;right:calc(100% + 12px);white-space:nowrap;background:var(--ink2);color:var(--white);
  border:1px solid var(--line);padding:.5em .9em;border-radius:4px;font-size:.8rem;font-weight:600;opacity:0;transform:translateX(6px);
  transition:opacity .35s,transform .35s var(--ease);pointer-events:none}
.wa-fab:hover .lbl{opacity:1;transform:translateX(0)}
@media (max-width:560px){.wa-fab{width:54px;height:54px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}.wa-fab .lbl{display:none}}
@media (prefers-reduced-motion:reduce){.wa-fab::before{animation:none}}

/* ── Instagram bölümü ───────────────────────────────────── */
.ig-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.ig-item{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--r);background:var(--ink2);display:block;isolation:isolate}
.ig-item img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease),filter .6s;filter:saturate(.9) brightness(.9)}
.ig-item:hover img{transform:scale(1.06);filter:saturate(1.05) brightness(1)}
.ig-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,15,38,.9));opacity:.85;transition:opacity .5s}
.ig-item .cap{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;font-size:.8rem;color:var(--white);
  opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease);line-height:1.4}
.ig-item:hover .cap{opacity:1;transform:none}
.ig-item .ig-badge{position:absolute;top:12px;right:12px;z-index:2;width:24px;height:24px;color:#fff;opacity:.9;filter:drop-shadow(0 1px 4px rgba(0,0,0,.55))}
.ig-item .ig-badge svg{width:100%;height:100%}
.ig-follow{margin-top:26px}
@media (max-width:900px){.ig-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.ig-grid{grid-template-columns:repeat(2,1fr);gap:8px}}

/* ── Markalar / sponsorlar ──────────────────────────────── */
.sponsor-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.sponsor{background:var(--ink);min-height:132px;display:grid;place-items:center;padding:26px 20px;text-align:center;
  transition:background .45s}
.sponsor:hover{background:var(--ink2)}
.sponsor img{max-width:100%;max-height:56px;width:auto;object-fit:contain;filter:grayscale(1) brightness(1.9) contrast(.85);opacity:.72;
  transition:filter .5s,opacity .5s,transform .6s var(--ease)}
.sponsor:hover img{filter:none;opacity:1;transform:scale(1.04)}
.sponsor .txt{font-family:var(--font-d);font-weight:700;letter-spacing:.04em;color:var(--mist);font-size:.95rem;transition:color .4s}
.sponsor:hover .txt{color:var(--white)}
@media (max-width:1000px){.sponsor-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.sponsor-grid{grid-template-columns:repeat(2,1fr)}.sponsor{min-height:104px;padding:18px 12px}}

/* ═══ PAKETLER SAYFASI — branşa göre satış ═══════════════ */
.branch-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:44px}
.bpick{position:relative;border:1px solid var(--line);border-radius:var(--r);padding:22px 18px;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--ink2);
  transition:border-color .4s,background .4s,transform .5s var(--ease)}
.bpick:hover{border-color:rgba(212,178,106,.55);transform:translateY(-3px)}
.bpick.on{border-color:var(--gold);background:rgba(212,178,106,.09)}
.bpick .ic{width:44px;height:44px;display:grid;place-items:center;color:var(--gold);transition:transform .5s var(--ease)}
.bpick .ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.bpick:hover .ic{transform:translateY(-2px) scale(1.06)}
.bpick.on .ic{color:var(--gold2)}
.bpick b{font-family:var(--font-d);font-size:.98rem;font-weight:700;letter-spacing:.01em}
.bpick small{color:var(--mist);font-size:.76rem}
.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.pkg{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);
  padding:30px 26px 26px;background:var(--ink2);transition:border-color .45s,transform .55s var(--ease)}
.pkg:hover{border-color:rgba(212,178,106,.5);transform:translateY(-4px)}
.pkg.featured{border-color:var(--gold)}
.pkg .badge{position:absolute;top:-11px;left:24px;background:var(--gold);color:var(--ink);font-family:var(--font-d);
  font-size:.66rem;font-weight:800;letter-spacing:.12em;padding:.5em 1em;border-radius:3px}
.pkg .pb{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;font-size:.72rem;letter-spacing:.12em;
  font-weight:700;color:var(--gold2);text-transform:uppercase;margin-bottom:14px}
.pkg .pb svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}
.pkg h3{font-size:1.35rem}
.pkg .desc{color:var(--mist);font-size:.9rem;margin-top:8px;line-height:1.6}
.pkg .price{font-family:var(--font-d);font-size:clamp(1.9rem,2.5vw,2.4rem);font-weight:800;letter-spacing:-.03em;
  color:var(--white);margin:20px 0 2px;line-height:1}
.pkg .meta{display:flex;gap:16px;color:var(--mist);font-size:.82rem;margin-top:6px}
.pkg .meta b{color:var(--white);font-weight:600}
.pkg ul{list-style:none;margin:20px 0 26px;display:flex;flex-direction:column;gap:9px;font-size:.88rem;color:var(--mist)}
.pkg ul li{display:flex;gap:10px;align-items:flex-start}
.pkg ul li::before{content:"";width:13px;height:13px;border-radius:50%;background:rgba(212,178,106,.16);flex:none;margin-top:4px;box-shadow:inset 0 0 0 1px var(--gold)}
.pkg .btn{margin-top:auto;justify-content:center}
.pkg-empty{border:1px dashed var(--line);border-radius:var(--r);padding:60px 24px;text-align:center;color:var(--mist)}
@media (max-width:1000px){.pkg-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.pkg-grid{grid-template-columns:1fr}}

/* ═══ ANKET SAYFASI ══════════════════════════════════════ */
.survey{max-width:820px}
.q{border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;margin-bottom:14px;background:var(--ink2)}
.q .qn{font-family:var(--font-d);font-size:.72rem;letter-spacing:.16em;color:var(--gold);font-weight:700}
.q h3{font-size:1.12rem;margin:8px 0 18px;line-height:1.35}
.opts{display:flex;flex-direction:column;gap:8px}
.opt{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:4px;padding:13px 16px;cursor:pointer;
  transition:border-color .3s,background .3s;font-size:.94rem}
.opt:hover{border-color:rgba(212,178,106,.5)}
.opt input{accent-color:var(--gold);width:17px;height:17px;flex:none}
.opt.on{border-color:var(--gold);background:rgba(212,178,106,.08)}
.q textarea{width:100%;min-height:110px;background:rgba(3,15,38,.6);border:1px solid var(--line);border-radius:4px;
  padding:13px 15px;color:var(--white);resize:vertical}
.q textarea:focus{outline:none;border-color:var(--gold)}
.survey-done{border:1px solid var(--gold);border-radius:var(--r);padding:48px 32px;text-align:center;background:rgba(212,178,106,.07)}
.survey-done h2{margin-bottom:10px}
.survey-done p{margin-inline:auto;color:var(--mist)}


/* ═══ Kulübümüz görseli (Ege haritasının yerine tesis fotoğrafı) ═══
   Görselin kendi oranı korunur — kırpma/deformasyon yok, taşma yok. */
.club-visual{position:relative;margin:0;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--ink3);align-self:start}
.club-visual img{display:block;width:100%;height:auto}
.club-visual .tag{position:absolute;left:16px;bottom:14px;right:16px;font-size:.76rem;color:var(--mist);letter-spacing:.06em;
  text-shadow:0 1px 6px rgba(3,15,38,.9)}
.club-visual .tag b{display:block;color:var(--white);font-family:var(--font-d);font-size:.95rem;letter-spacing:0;margin-top:2px}
.club-visual::after{content:"";position:absolute;left:0;right:0;bottom:0;height:38%;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(3,15,38,.75))}
.club-visual.no-cap .tag{display:none}
.club-visual.no-cap::after{display:none}
@media (max-width:900px){.club-visual{margin-top:36px}}

/* ═══ Bölüm geçişleri: üyelik alanı da taban renge yumuşak bağlanır ═══ */
#uyelik{background:linear-gradient(180deg,var(--ink) 0%,var(--ink2) 12%,var(--ink2) 88%,var(--ink) 100%)}
#instagram{background:linear-gradient(180deg,var(--ink) 0%,#04142F 50%,var(--ink) 100%)}

/* ═══════════════════════════════════════════════════════════
   CANLI DESTEK / CHAT — sağ altta, WhatsApp düğmesinin üstünde
   ═══════════════════════════════════════════════════════════ */
.chat-w{position:fixed;right:20px;bottom:calc(90px + env(safe-area-inset-bottom));z-index:91;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.chat-fab{position:relative;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;
  background:var(--gold);color:#08122B;box-shadow:0 10px 30px rgba(212,178,106,.34),0 2px 10px rgba(0,0,0,.28);
  transition:transform .4s var(--ease),background .3s}
.chat-fab:hover{transform:scale(1.06);background:var(--gold2)}
.chat-fab svg{width:27px;height:27px}
.chat-fab .i-close{display:none}
.chat-fab.on .i-open{display:none}
.chat-fab.on .i-close{display:block}
.chat-fab .badge{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;
  background:var(--red);color:#fff;font-size:.7rem;font-weight:700;display:grid;place-items:center;border:2px solid var(--ink)}
.chat-p{width:min(360px,calc(100vw - 40px));max-height:min(560px,calc(100vh - 190px));display:flex;flex-direction:column;
  background:var(--ink2);border:1px solid var(--line);border-radius:10px;overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,.5);animation:chatIn .35s var(--ease)}
@keyframes chatIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.chat-p header{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;background:var(--navy);border-bottom:1px solid var(--line)}
.chat-p header img{width:34px;height:34px;flex:none}
.chat-p header b{display:block;font-family:var(--font-d);font-size:.95rem}
.chat-p header span{font-size:.74rem;color:var(--mist)}
.chat-p header .x{margin-left:auto;font-size:1.5rem;line-height:1;color:var(--mist);padding:0 4px}
.chat-p header .x:hover{color:var(--white)}
.chat-body{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:10px;background:var(--ink)}
.chat-msg{max-width:84%;padding:10px 13px;border-radius:12px;font-size:.9rem;line-height:1.5}
.chat-msg p{max-width:none}
.chat-msg time{display:block;font-size:.66rem;opacity:.6;margin-top:5px}
.chat-msg.bot{align-self:flex-start;background:var(--ink3);border-bottom-left-radius:3px}
.chat-msg.me{align-self:flex-end;background:var(--gold);color:#08122B;border-bottom-right-radius:3px}
.chat-note{align-self:center;text-align:center;font-size:.74rem;color:var(--mist);padding:6px 10px;max-width:90%}
.chat-f{border-top:1px solid var(--line);padding:10px;background:var(--ink2)}
.chat-id{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.chat-id input,.chat-row textarea{width:100%;background:var(--ink);border:1px solid var(--line);border-radius:6px;padding:10px 12px;color:var(--white);font-size:.88rem}
.chat-id input::placeholder,.chat-row textarea::placeholder{color:rgba(247,248,251,.42)}
.chat-id input:focus,.chat-row textarea:focus{outline:none;border-color:var(--gold)}
.chat-row{display:flex;gap:8px;align-items:flex-end}
.chat-row textarea{resize:none;max-height:110px;line-height:1.45}
.chat-send{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#08122B;transition:background .3s,transform .3s}
.chat-send:hover{background:var(--gold2);transform:scale(1.05)}
.chat-send svg{width:19px;height:19px}
@media (max-width:560px){
  .chat-w{right:16px;bottom:calc(84px + env(safe-area-inset-bottom))}
  .chat-fab{width:52px;height:52px}
  .chat-p{width:calc(100vw - 32px);max-height:calc(100vh - 200px)}
}

/* ═══════════════════════════════════════════════════════════════════════════
   ŞUBELER · SPORCULAR · HİKÂYELER · MARKA BANDI
   Mevcut sınıflar değiştirilmedi; hepsi yeni ve kendi ad alanında.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Şube kartları ── */
.office-grid { display:grid; gap:18px; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); margin-top:26px; }
.office { display:flex; flex-direction:column; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.09);
  border-radius:18px; overflow:hidden; text-decoration:none; color:inherit; transition:transform .35s cubic-bezier(.2,.7,.3,1), border-color .35s, box-shadow .35s; }
.office:hover { transform:translateY(-4px); border-color:rgba(201,162,39,.45); box-shadow:0 18px 40px -24px rgba(0,0,0,.7); }
.office-ph { aspect-ratio:16/10; background:rgba(255,255,255,.05); overflow:hidden; }
.office-ph img { width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.3,1); }
.office:hover .office-ph img { transform:scale(1.04); }
.office-b { padding:18px 18px 20px; display:flex; flex-direction:column; gap:8px; flex:1; }
.office-d { font-size:.74rem; letter-spacing:.12em; text-transform:uppercase; color:var(--gold); }
.office-b h3 { margin:0; font-size:1.08rem; }
.office-b p { margin:0; color:var(--mist); font-size:.9rem; line-height:1.6; }
.office-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:2px; }
.office-tags span { font-size:.72rem; padding:3px 9px; border-radius:999px; background:rgba(255,255,255,.07); color:var(--mist); }
.office-go { margin-top:auto; padding-top:10px; display:inline-flex; align-items:center; gap:7px; font-weight:600; font-size:.86rem; color:var(--gold); }
.office-go svg { width:13px; height:13px; }

/* ── Yatay şerit (sporcular, şube galerisi) ── */
.sc { position:relative; margin-top:26px; }
.sc-prev, .sc-next { position:absolute; top:50%; transform:translateY(-50%); z-index:2; width:40px; height:40px; border-radius:50%;
  border:1px solid rgba(255,255,255,.16); background:rgba(3,15,38,.82); color:#fff; font-size:1.4rem; line-height:1; cursor:pointer;
  display:grid; place-items:center; transition:background .25s, opacity .25s; backdrop-filter:blur(6px); }
.sc-prev { left:-6px; } .sc-next { right:-6px; }
.sc-prev:hover, .sc-next:hover { background:var(--gold); color:#08122b; }
.sc-prev:disabled, .sc-next:disabled { opacity:.25; cursor:default; }
.ath-track { display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; padding:4px 2px 14px; scrollbar-width:none; }
.ath-track::-webkit-scrollbar { display:none; }

/* ── Sporcu kartı ── */
.ath { flex:0 0 268px; scroll-snap-align:start; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.09);
  border-radius:18px; overflow:hidden; display:flex; flex-direction:column; transition:transform .35s cubic-bezier(.2,.7,.3,1), border-color .35s; }
.ath:hover { transform:translateY(-4px); border-color:rgba(201,162,39,.45); }
.ath-ph { aspect-ratio:3/4; background:linear-gradient(160deg,rgba(201,162,39,.18),rgba(255,255,255,.04)); overflow:hidden; display:grid; place-items:center; }
.ath-ph img { width:100%; height:100%; object-fit:cover; }
.ath-ph span { font:700 3rem/1 var(--font-d); color:rgba(255,255,255,.35); }
.ath-b { padding:15px 16px 18px; display:flex; flex-direction:column; gap:6px; }
.ath-b h3 { margin:0; font-size:1rem; }
.ath-m { font-size:.76rem; letter-spacing:.08em; text-transform:uppercase; color:var(--gold); }
.ath-b p { margin:0; font-size:.85rem; color:var(--mist); line-height:1.6; }
.ath-w { margin:4px 0 0; padding-left:16px; display:grid; gap:3px; }
.ath-w li { font-size:.8rem; color:var(--mist); }

/* ── Şube galeri karesi ── */
.og { flex:0 0 300px; scroll-snap-align:start; aspect-ratio:4/3; border-radius:14px; overflow:hidden; background:rgba(255,255,255,.05); }
.og img { width:100%; height:100%; object-fit:cover; }

/* ── Kampüsten Milli Takıma ── */
.story-list { display:grid; gap:22px; margin-top:26px; }
.story { display:grid; gap:20px; grid-template-columns:minmax(0,320px) 1fr; align-items:center;
  background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.09); border-radius:20px; overflow:hidden; }
.story.alt { grid-template-columns:1fr minmax(0,320px); }
.story.alt .story-ph { order:2; }
.story-ph { aspect-ratio:4/3; overflow:hidden; }
.story-ph img { width:100%; height:100%; object-fit:cover; }
.story-b { padding:22px 24px; display:flex; flex-direction:column; gap:8px; }
.story-y { font:700 .78rem/1 var(--font-d); letter-spacing:.14em; color:var(--gold); }
.story-b h3 { margin:0; font-size:1.2rem; }
.story-m { font-size:.8rem; color:var(--mist); }
.story-b blockquote { margin:6px 0; padding-left:14px; border-left:2px solid var(--gold); font-style:italic; color:#fff; }
.story-b p { margin:0; color:var(--mist); font-size:.9rem; line-height:1.7; }

/* ── Kayan kurum şeritleri: Markalar + Anlaşmalı kurumlar ──────
   Sosyal kanıt kalıbı: kısa üst yazı, tek sıra "işaret + ad", kenarlarda
   solma, üstüne gelince duran ve SAĞA doğru kesintisiz kayma. Zemin lacivert
   tonlarının geçişi; şeridin içinde çok yavaş süzülen mavi bir ışık bandı. */
.band{position:relative;overflow:hidden;isolation:isolate;padding:clamp(64px,8vw,110px) 0;border-top:1px solid var(--line);
  background:linear-gradient(180deg,var(--ink) 0%,var(--ink2) 30%,var(--ink3) 55%,var(--ink2) 80%,var(--ink) 100%)}
.band+.band{border-top:0;margin-top:calc(-1*clamp(40px,5vw,70px))}
.band::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(60% 90% at 15% 50%,rgba(0,86,197,.28),transparent 70%),
    radial-gradient(50% 80% at 85% 50%,rgba(0,39,92,.75),transparent 70%)}
#anlasmali::before{background:
    radial-gradient(60% 90% at 85% 50%,rgba(0,86,197,.22),transparent 70%),
    radial-gradient(50% 80% at 15% 50%,rgba(0,39,92,.75),transparent 70%)}
.band .sec-head{text-align:center;display:block;margin-bottom:clamp(28px,4vw,44px)}
.band .sec-head .kicker{justify-content:center;margin-bottom:14px}
.band .sec-head h2{font-size:clamp(1.35rem,2.6vw,2rem);margin-top:0}
.band .sec-head .lead{margin:12px auto 0;max-width:52ch;font-size:clamp(.95rem,1.15vw,1.05rem)}
.band .sec-head .lead:empty{display:none}

.sponsor-marquee{position:relative;overflow:hidden;padding:clamp(22px,3vw,34px) 0;
  border-top:1px solid rgba(120,170,255,.16);border-bottom:1px solid rgba(120,170,255,.16);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.sponsor-marquee::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,transparent 30%,rgba(90,150,255,.10) 50%,transparent 70%);
  background-size:220% 100%;animation:sm-glow 14s ease-in-out infinite alternate}
@keyframes sm-glow{from{background-position:0% 0}to{background-position:100% 0}}

/* Sağa doğru akış: pist -%50'den başlar, 0'a gelir (iki yarı özdeş → dikişsiz). */
.sm-track{display:flex;align-items:center;width:max-content;animation:sm-roll var(--sm-dur,36s) linear infinite;will-change:transform}
.sponsor-marquee:hover .sm-track,.sponsor-marquee:focus-within .sm-track{animation-play-state:paused}
@keyframes sm-roll{from{transform:translateX(-50%)}to{transform:translateX(0)}}

.sm-item{flex:0 0 auto;display:flex;align-items:center;gap:12px;margin-right:clamp(40px,4.5vw,72px);color:inherit;
  opacity:.68;transition:opacity .35s,transform .35s}
.sm-item:hover,.sm-item:focus-visible{opacity:1;transform:translateY(-1px)}
/* Logo işareti: sabit yükseklik, tek renk beyaz; üstüne gelince gerçek renk */
.sm-item img{display:block;height:clamp(26px,2.6vw,34px);width:auto;max-width:150px;object-fit:contain;
  filter:grayscale(1) brightness(1.9) contrast(.9);transition:filter .35s}
.sm-item:hover img,.sm-item:focus-visible img{filter:none}
/* Kurum adı: açık mavi → beyaz gradyan yazı */
.sm-item .txt{font-family:var(--font-d);font-weight:600;font-size:clamp(1.05rem,1.6vw,1.4rem);letter-spacing:-.015em;white-space:nowrap;
  background:linear-gradient(90deg,#8FB6FF 0%,#DCE8FF 45%,#F7F8FB 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sm-item.has-logo .txt{font-size:clamp(1rem,1.4vw,1.25rem)}
.sm-item:focus-visible{outline:none}
.sm-item:focus-visible .txt{text-decoration:underline;text-underline-offset:6px}

/* 1-2 kayıt: kaydırma yok, ortalı sabit sıra */
.sponsor-row{display:flex;justify-content:center;flex-wrap:wrap;gap:20px clamp(36px,5vw,80px);padding:clamp(18px,3vw,30px) 0;
  border-top:1px solid rgba(120,170,255,.16);border-bottom:1px solid rgba(120,170,255,.16)}
.sponsor-row .sm-item{margin-right:0;opacity:.85}

/* Hareket azaltma: kayma ve ışık kapalı; liste tek sıra sarılarak durur */
@media (prefers-reduced-motion:reduce){
  .sm-track{animation:none;flex-wrap:wrap;justify-content:center;width:auto;row-gap:18px;transform:none}
  .sm-track .sm-item.sm-dup{display:none}
  .sponsor-marquee{-webkit-mask-image:none;mask-image:none}
  .sponsor-marquee::after{animation:none}
}
@media (max-width:560px){.sponsor-marquee{padding:18px 0}.sm-item{margin-right:30px;gap:9px}}

/* ── Görüş sayfası bilgi kartları ── */
.info-cards { display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); margin-top:20px; }
.info-card { background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.09); border-radius:14px; padding:14px 16px; display:grid; gap:5px; }
.info-card b { font-size:.95rem; color:var(--gold); }
.info-card span { font-size:.83rem; color:var(--mist); line-height:1.6; }

/* ── Şube detayında blok ve mini haber ── */
.detail-body .blk { margin-bottom:34px; }
.mini-list { display:grid; gap:10px; }
.mini { display:grid; gap:3px; padding:12px 14px; border-radius:12px; background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08); text-decoration:none; color:inherit; transition:border-color .3s; }
.mini:hover { border-color:rgba(201,162,39,.45); }
.mini b { font-size:.92rem; } .mini span { font-size:.82rem; color:var(--mist); }

@media (max-width:820px) {
  .story, .story.alt { grid-template-columns:1fr; }
  .story.alt .story-ph { order:0; }
  .sc-prev, .sc-next { display:none; }
  .ath { flex-basis:78vw; }
  .og { flex-basis:80vw; }
}

/* ═══ VELİ PANELİ ═══ */
.pn-tabs { display:flex; flex-wrap:wrap; gap:6px; border-bottom:1px solid rgba(255,255,255,.1); padding-bottom:10px; }
.pn-tabs button { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); color:var(--mist);
  padding:8px 15px; border-radius:999px; font:600 .85rem var(--font-b); cursor:pointer; transition:all .25s; }
.pn-tabs button:hover { color:#fff; border-color:rgba(255,255,255,.25); }
.pn-tabs button.on { background:var(--gold); border-color:var(--gold); color:#08122b; }

.pn-sec { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:18px; }
.pn-sec button { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); color:var(--mist);
  padding:6px 13px; border-radius:10px; font:600 .8rem var(--font-b); cursor:pointer; }
.pn-sec button.on { background:rgba(212,178,106,.18); border-color:var(--gold); color:#fff; }

.pn-grid { display:grid; gap:16px; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); }
.pn-card { background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.09); border-radius:18px; padding:20px 22px; }
.pn-card h3 { margin:4px 0 14px; font-size:1.1rem; }
.pn-k { font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--gold); }
.pn-satir { display:flex; justify-content:space-between; gap:12px; padding:7px 0; border-top:1px solid rgba(255,255,255,.06); font-size:.88rem; }
.pn-satir span { color:var(--mist); } .pn-satir b { color:#fff; font-weight:600; }
.pn-satir b.uyari { color:var(--gold); }

.pn-blok { background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.09); border-radius:18px; padding:22px 24px; margin-bottom:18px; }
.pn-blok h3 { margin:0 0 10px; font-size:1.05rem; }
.pn-blok .field { margin-bottom:12px; }

.pn-belge { border:1px solid rgba(255,255,255,.1); border-radius:14px; padding:16px 18px; margin-bottom:14px; background:rgba(255,255,255,.02); }
.pn-belge-b { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-bottom:10px; }
.pn-belge-b b { font-size:.98rem; }
.pn-belge-b .zor { font-size:.68rem; padding:2px 8px; border-radius:999px; background:rgba(227,0,27,.18); color:#ff8e9b; }
.pn-belge-b .ops { font-size:.68rem; padding:2px 8px; border-radius:999px; background:rgba(255,255,255,.08); color:var(--mist); }
.pn-belge-b .srm { font-size:.72rem; color:var(--mist); margin-left:auto; }
.pn-metin { max-height:190px; overflow-y:auto; white-space:pre-wrap; font-size:.84rem; line-height:1.65; color:var(--mist);
  background:rgba(0,0,0,.22); border-radius:10px; padding:13px 15px; }
.pn-onay { display:flex; align-items:flex-start; gap:9px; margin-top:12px; font-size:.88rem; color:#fff; cursor:pointer; }
.pn-onay input { margin-top:3px; width:17px; height:17px; accent-color:#C9A227; flex:none; }

.pn-tablo { overflow-x:auto; }
.pn-tablo table { width:100%; min-width:420px; border-collapse:collapse; font-size:.86rem; }
.pn-tablo th { text-align:left; padding:9px 10px; color:var(--mist); font-size:.74rem; letter-spacing:.08em;
  text-transform:uppercase; border-bottom:1px solid rgba(255,255,255,.12); font-weight:600; }
.pn-tablo td { padding:10px; border-bottom:1px solid rgba(255,255,255,.06); }

.pn-msj { border-top:1px solid rgba(255,255,255,.08); padding:13px 0; }
.pn-msj b { display:block; font-size:.94rem; }
.pn-msj .dm { font-size:.76rem; color:var(--mist); }
.pn-msj p { margin:8px 0 0; font-size:.87rem; color:var(--mist); line-height:1.65; white-space:pre-wrap; }
.nav-uye { font:600 .85rem var(--font-b); color:var(--mist); margin-left:6px; text-decoration:none; transition:color .25s; white-space:nowrap; }
.nav-uye:hover { color:#fff; }
@media (max-width:1080px){ .nav .wrap > .nav-uye { display:none; } }

/* ═══ KAYIT AKIŞI (kesin kayıt / serbest yüzme) ═══ */
.ky-adim { list-style:none; display:flex; flex-wrap:wrap; gap:10px; margin:26px 0 0; padding:0; }
.ky-adim li { display:flex; align-items:center; gap:9px; padding:9px 16px; border-radius:999px;
  border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.03); color:var(--mist); font:600 .85rem var(--font-b); }
.ky-adim li b { width:22px; height:22px; border-radius:50%; display:grid; place-items:center;
  background:rgba(255,255,255,.1); color:var(--mist); font-size:.78rem; }
.ky-adim li.on { border-color:var(--gold); color:#fff; background:rgba(212,178,106,.12); }
.ky-adim li.on b { background:var(--gold); color:#08122b; }
.ky-adim li.ok b::before { content:"✓"; } .ky-adim li.ok b { font-size:0; background:rgba(46,160,100,.9); color:#fff; }
.ky-adim li.ok b::before { font-size:.8rem; }

.ky-bolum { background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.09); border-radius:20px; padding:24px 26px; }
.ky-bolum h3 { margin:0 0 10px; font-size:1.05rem; }
#ky-liste { margin-bottom:16px; }

.ky-ok { text-align:center; padding:14px 4px; }
.ky-ok-i { width:58px; height:58px; margin:0 auto 14px; border-radius:50%; display:grid; place-items:center;
  background:rgba(46,160,100,.16); border:1px solid rgba(46,160,100,.5); color:#4fd18b; font-size:1.7rem; }
.ky-ok h3 { font-size:1.3rem; margin-bottom:8px; }
.ky-ok .lead { max-width:560px; margin:0 auto 8px; }

@media (max-width:560px) { .ky-bolum { padding:18px 16px; } .ky-adim li { padding:7px 12px; font-size:.8rem; } }
.ky-yonlendir { display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); margin:20px 0 26px; }
.ky-y { display:grid; gap:5px; padding:16px 18px; border-radius:16px; text-decoration:none; color:inherit;
  border:1px solid rgba(212,178,106,.35); background:rgba(212,178,106,.07); transition:border-color .3s, transform .35s var(--ease); }
.ky-y:hover { border-color:var(--gold); transform:translateY(-3px); }
.ky-y b { font-size:.98rem; color:var(--gold); }
.ky-y span { font-size:.85rem; color:var(--mist); line-height:1.6; }

/* ═══ GİRİŞ KAPISI ═══ */
.gk-grid { display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); margin-top:30px; }
.gk { display:grid; gap:9px; align-content:start; padding:24px 22px 22px; border-radius:20px; text-decoration:none; color:inherit;
  border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.03);
  transition:transform .35s cubic-bezier(.2,.7,.3,1), border-color .35s, box-shadow .35s; }
.gk:hover { transform:translateY(-4px); border-color:rgba(201,162,39,.5); box-shadow:0 20px 44px -28px rgba(0,0,0,.75); }
.gk-1 { border-color:rgba(212,178,106,.42); background:linear-gradient(180deg,rgba(212,178,106,.12),rgba(212,178,106,.02)); }
.gk-i { width:44px; height:44px; border-radius:13px; display:grid; place-items:center; margin-bottom:4px;
  background:rgba(255,255,255,.07); color:var(--gold); }
.gk-1 .gk-i { background:rgba(212,178,106,.2); }
.gk-i svg { width:21px; height:21px; }
.gk b { font-size:1.05rem; }
.gk-t { font-size:.87rem; color:var(--mist); line-height:1.65; }
.gk-g { margin-top:6px; display:inline-flex; align-items:center; gap:7px; font-weight:600; font-size:.87rem; color:var(--gold); }
.gk-g svg { width:12px; height:12px; }

/* Dar telefonlarda (≤520px) düğmeler taşmasın: .btn kuralındaki white-space:nowrap
   uzun etiketli düğmelerin (ör. Instagram takip) ekranı aşmasına yol açıyordu.
   Bu genişlikte düğme satıra sığmıyorsa kırılır — tasarım bozulmaz, taşma biter. */
@media (max-width:520px){
  .btn{ max-width:100%; white-space:normal; text-align:center; }
}

/* ── Kayıt sonrası ödeme kutusu ── */
.ky-odeme-kutu{margin-top:18px;border:1px solid var(--gold-2,#d4b26a);border-radius:14px;padding:16px;background:rgba(212,178,106,.07);text-align:left}
.ky-odeme-ust{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ky-odeme-ust span{font-size:.86rem;color:var(--muted,#9aa7b4)}
.ky-odeme-ust b{font-size:1.45rem;color:var(--gold,#d4b26a)}
/* Veli panelinde aidat satırındaki küçük "Öde" düğmesi */
.pn-tablo .btn.btn-sm{padding:5px 12px;font-size:.78rem;white-space:nowrap}
@media (max-width:520px){.ky-odeme-ust{flex-direction:column;gap:2px}}

/* Ekran okuyucuya ve arama motoruna görünür, gözle görünmeyen başlık.
   Başlık hiyerarşisindeki boşluğu tasarımı bozmadan kapatmak için. */
.gorsel-gizli{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* ══ DÜZEN KAYMASINI ÖNLEME (Core Web Vitals / CLS) ══
   Aşağıdaki alanlar JavaScript ile doldurulur. İçerik gelmeden önce yükseklikleri
   sıfır olduğu için sayfa doluşurken altındaki her şey aşağı kayıyordu — Google
   bunu "düzen kayması" olarak ölçer, ziyaretçi ise okurken satırın kaçması olarak
   yaşar. Ölçülen değerler: ana sayfa 0,393 · şubeler 0,532 · branş 0,286
   (Google'ın "iyi" eşiği 0,10). Aşağıdaki asgari yükseklikler yeri önceden
   ayırır; içerik geldiğinde hiçbir şey oynamaz. */
#hero .stats{min-height:76px}
#hero .actions{min-height:52px}
/* İSKELET KUTULAR
   Liste kartları JavaScript ile üretilir. Kutular gelene kadar alan boş kalırsa
   içerik yüklendiğinde sayfa aşağı itilir. Bu yüzden üretici (tools/seo-uret.py)
   veri sayısınca BOŞ kutu yazar; JavaScript bunları gerçek kartlarla değiştirir.
   İskelet bir "ikinci şablon" değildir — içinde metin yoktur, yalnızca doğru
   ölçüde yer tutar; böylece tek bir kart üreticisi (site.js) korunur. */
.iskelet{border:1px solid rgba(247,248,251,.08);border-radius:16px;background:rgba(247,248,251,.03);
  min-height:var(--ym,330px);animation:iskeletNefes 1.6s ease-in-out infinite}
@media (min-width:760px){.iskelet{min-height:var(--yd,var(--ym,330px))}}
@keyframes iskeletNefes{0%,100%{opacity:.5}50%{opacity:.8}}
@media (prefers-reduced-motion:reduce){.iskelet{animation:none}}
/* Branş seçici ve sayfa başlığı da JavaScript ile dolar; ölçülen yükseklikleri
   baştan ayrılır (mobil 670px / masaüstü 184px — gerçek tarayıcıda ölçüldü).
   Doldurulduktan sonra da aynı yükseklikte kaldığı için kayma olmaz. */
#pk-title{min-height:74px}
#pk-text{min-height:83px}
@media (min-width:760px){
  #pk-title{min-height:134px}
  #pk-text{min-height:59px}
}
/* Branş seçici düğmeleri de JavaScript ile gelir; üretici veri sayısınca boş
   düğme yazar, böylece branş eklenip çıkarıldığında ayrılan alan kendiliğinden
   doğru kalır (sabit bir yükseklik yazmak veriyle uyumsuz düşerdi). */
.bpick-iskelet{border:1px solid rgba(247,248,251,.08);border-radius:14px;background:rgba(247,248,251,.03);
  min-height:82px;animation:iskeletNefes 1.6s ease-in-out infinite}
/* Görseller: oran belirtilmezse yüklenene kadar 0 yükseklik kaplar ve yüklenince iter. */
.office-card img,.pkg-card img,.news-card img,.card img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto}

/* Branş ve şube detay sayfalarında başlık, tanıtım ve künye JavaScript ile
   doldurulur; ölçülen yükseklikleri baştan ayrılır ki içerik gelince sayfa
   aşağı itilmesin. (Ölçüm: mobil h1 40px / lead 83px, masaüstü 83px / 59px.) */
.detail-hero h1{min-height:40px}
.detail-hero .lead{min-height:83px}
.detail-hero .meta{min-height:34px}
#d-desc,#d-schedule{min-height:72px}
#d-packages{min-height:96px}
@media (min-width:760px){
  .detail-hero h1{min-height:83px}
  .detail-hero .lead{min-height:59px}
}
/* Branş sayfasındaki liste alanları (yaş grupları, antrenörler, galeri, SSS ve
   yan künye) da JavaScript ile gelir; ölçülen yükseklikler baştan ayrılır. */
#d-ages{min-height:85px}
#d-coaches{min-height:292px}
#d-gallery{min-height:26px}
#d-faq{min-height:152px}
/* DENETİMDE BULUNDU: bu yer ayırma kuralı ".detail-body .aside" seçicisiyle yazıldığı için
   Kulübümüz, SSS, Kurslar, Ulaşım gibi TÜM sayfalardaki yan kartı 1776px'e uzatıyordu
   ("Hâlâ sorunuz mu var?" kartı canlıda boş ve uzun görünüyordu). Yalnızca içeriği
   JavaScript ile dolan branş detay sayfasına (data-page="branch") daraltıldı ve ölçülen
   gerçek değere çekildi. */
body[data-page="branch"] .detail-body .aside{min-height:268px}
@media (min-width:760px){
  #d-ages{min-height:39px}
  #d-coaches{min-height:115px}
  #d-faq{min-height:126px}
  body[data-page="branch"] .detail-body .aside{min-height:420px}
}
/* Branş/şube detay başlığı: içindeki metinler JavaScript ile geldiği için
   bölümün yüksekliği baştan sabitlenir (min-height yerine kesin yükseklik),
   aksi halde metin yerleşince altındaki tüm bölümler bir miktar kayıyordu. */
@media (min-width:760px){ .detail-hero{min-height:72svh;height:72svh} }

/* SABİT DÜĞMELERİN ALTINDA KALAN İÇERİK
   Sohbet ve WhatsApp düğmeleri ekranın sağ altında SABİT durur. Veli panelindeki
   aidat tablosunun "Öde" düğmesi sayfanın en altına denk geldiğinde bu düğmelerin
   ALTINDA kalıyordu: 390 piksellik bir telefonda veli ödeme düğmesine basamıyordu
   (ölçüldü — tıklama WhatsApp düğmesine gidiyordu). Panel içeriğinin altına,
   düğme yüksekliği kadar boşluk bırakılır; böylece son satır da düğmelerin
   üstüne kaydırılabilir. */
@media (max-width:760px){
  body[data-page="panelim"] main{padding-bottom:112px}
  .pn-tablo{padding-bottom:8px}
  /* Tarayıcı bu düğmeye kaydırırken altında en az bu kadar boşluk bıraksın. */
  .pn-tablo [data-ode]{scroll-margin-bottom:120px}
}

/* DAR EKRANDA "ÖDE" DÜĞMESİ HEP GÖRÜNSÜN
   Aidat tablosu telefonda yatay kaydırılıyor; ödeme düğmesi en sağdaki sütunda
   olduğu için veli önce tabloyu sağa sürüklemek zorunda kalıyordu. Düğmenin
   bulunduğu hücre sağa yapıştırılır: tablo hangi noktada olursa olsun düğme
   görünür ve tek dokunuşla erişilebilir kalır. */
@media (max-width:760px){
  .pn-tablo table{position:relative}
  .pn-tablo td:last-child:has([data-ode]){
    position:sticky;right:0;background:linear-gradient(90deg,transparent,var(--ink2,#0a1730) 22%);
    padding-left:18px}
}

/* ═══════════════════════════════════════════════════════════════════════
   v15 — SEO/AI arama, ulaşım kartı, site içi arama, statik landing sayfaları
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Sayfa yolu (breadcrumb) ── */
.crumbs{position:relative;z-index:2;padding-top:104px;margin-bottom:-84px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px 0;font-size:.8rem;color:var(--mist)}
.crumbs li+li::before{content:"›";margin:0 10px;color:rgba(247,248,251,.35)}
.crumbs a:hover{color:var(--white)}
.crumbs [aria-current]{color:var(--gold2)}
@media (max-width:900px){.crumbs{padding-top:96px;margin-bottom:-70px}}

/* ── Landing sayfa parçaları ── */
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.detail-body.landing article p{max-width:68ch}
.pill-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0}
.pill-list li,.pill-list span{border:1px solid var(--line);padding:.5em 1em;border-radius:999px;font-size:.88rem;color:var(--mist)}
.ozellik-liste{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 18px;margin:12px 0}
.ozellik-liste li{position:relative;padding-left:18px;color:var(--mist);font-size:.95rem}
.ozellik-liste li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:2px;background:var(--gold);transform:rotate(45deg)}
.not{color:var(--mist);font-size:.88rem;margin-top:10px}
.chip-list{display:flex;flex-wrap:wrap;gap:10px}
.chip{border:1px solid var(--line);padding:.55em 1.1em;border-radius:999px;font-size:.9rem;transition:border-color .3s,color .3s}
.chip:hover{border-color:var(--gold);color:var(--gold2)}
.paket-tablo{border-top:1px solid var(--line);margin-top:8px}
.paket-satir{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}
.paket-satir b{display:block;font-family:var(--font-d);font-size:1.05rem}
.paket-satir span{display:block;color:var(--mist);font-size:.85rem;margin-top:2px}
.paket-satir .rakam{font-family:var(--font-d);font-size:1.2rem;font-weight:700;color:var(--gold2);font-variant-numeric:tabular-nums;white-space:nowrap}
.aside-kart+.aside-kart{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
.aside-kart h3{font-size:1.05rem;margin-bottom:10px}
.aside-kart p{color:var(--mist);font-size:.92rem;margin-bottom:14px}
.aside-kart .btn{display:inline-flex}
.aside-kart .contact-info{margin-top:8px;gap:14px}
.aside-kart .contact-info div{padding-top:10px}
.aside-kart .contact-info a{font-size:.98rem}
.nap span{display:block;line-height:1.5}
.sec-alt{margin-top:56px}
.sec-alt h2{margin:0 0 18px}

/* SSS: gerçek HTML (details/summary) — yapay zekâ ve arama motoru doğrudan okur */
.sss-liste{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.sss-item{border-bottom:1px solid var(--line)}
.sss-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0}
.sss-item summary::-webkit-details-marker{display:none}
.sss-item summary h3{font-size:1.02rem;font-weight:600;margin:0;letter-spacing:-.01em}
.sss-item summary::after{content:"+";flex:0 0 auto;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-weight:400;transition:transform .3s}
.sss-item[open] summary::after{transform:rotate(45deg)}
.sss-cevap{padding:0 0 18px}
.sss-cevap p{color:var(--mist);line-height:1.7;max-width:68ch}

/* Tesisler sayfası */
.tesis-liste{display:flex;flex-direction:column;gap:14px}
.tesis-kart{display:grid;grid-template-columns:minmax(200px,.8fr) 1.4fr;gap:clamp(20px,3vw,40px);align-items:start;border:1px solid var(--line);border-radius:var(--r);padding:clamp(16px,2.4vw,28px);background:rgba(247,248,251,.02)}
.tesis-kart img{width:100%;height:100%;min-height:180px;object-fit:cover;border-radius:4px;filter:saturate(.8)}
.tesis-kart h2{font-size:clamp(1.3rem,2vw,1.7rem);margin:0 0 10px}
.tesis-kart p{color:var(--mist)}
.tesis-kart .btn{margin-top:14px}
@media (max-width:760px){.tesis-kart{grid-template-columns:1fr}}

/* Kurslar / spor okulları */
.kurs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.kurs-kart{display:block;border:1px solid var(--line);border-radius:var(--r);padding:22px;background:rgba(247,248,251,.02);transition:border-color .3s,transform .5s var(--ease)}
.kurs-kart:hover{border-color:var(--gold);transform:translateY(-3px)}
.kurs-kart h3{font-size:1.2rem;margin-bottom:8px}
.kurs-kart p{color:var(--mist);font-size:.92rem;margin-bottom:12px}
.kurs-kart .meta{font-size:.8rem;color:var(--mist);margin-top:4px}

/* Neden Altın Ege */
.olgu-satir{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}
.olgu{border:1px solid var(--line);border-radius:var(--r);padding:22px;background:rgba(247,248,251,.02)}
.olgu b{display:block;font-family:var(--font-d);font-size:2.2rem;font-weight:800;color:var(--gold2);letter-spacing:-.03em;line-height:1}
.olgu span{display:block;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:8px 0 6px}
.olgu p{color:var(--mist);font-size:.9rem}
.neden-grid{display:flex;flex-wrap:wrap;gap:10px}
.neden-kart{border:1px solid var(--line);padding:.55em 1.1em;border-radius:999px}
.neden-kart h3{font-size:.9rem;font-weight:600;margin:0}
@media (max-width:760px){.olgu-satir{grid-template-columns:1fr}}

/* ── Ulaşım kartı ── */
.ulasim-kart{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid rgba(120,170,255,.18);border-radius:14px;overflow:hidden;
  background:linear-gradient(135deg,var(--ink2),var(--ink3));box-shadow:0 30px 80px -40px rgba(0,60,160,.55)}
.ulasim-harita{position:relative;min-height:380px;background:var(--ink3)}
.ulasim-harita iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.85) contrast(1.05)}
.harita-etiket{position:absolute;left:16px;top:16px;z-index:2;background:rgba(3,15,38,.92);border:1px solid rgba(120,170,255,.25);border-radius:10px;padding:10px 14px 10px 36px;backdrop-filter:blur(8px);pointer-events:none}
.harita-etiket::before{content:"";position:absolute;left:14px;top:14px;width:12px;height:12px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(227,0,27,.25)}
.harita-etiket b{display:block;font-family:var(--font-d);font-size:.9rem;letter-spacing:.06em}
.harita-etiket span{display:block;font-size:.75rem;color:var(--mist)}
.ulasim-bilgi{padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;gap:20px}
.ulasim-bilgi .konum small{display:block;font-size:.72rem;letter-spacing:.12em;color:var(--gold);margin-bottom:8px}
.ulasim-bilgi .konum b{display:block;font-family:var(--font-d);font-size:clamp(1.3rem,2vw,1.7rem);letter-spacing:-.02em;line-height:1.1}
.ulasim-bilgi .konum span{display:block;color:var(--mist);margin-top:8px;line-height:1.5}
.ulasim-metin{color:var(--mist);font-size:.95rem;max-width:48ch}
.ulasim-butonlar{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ulasim-butonlar .btn{justify-content:center;text-align:center;padding:.85em 1em;font-size:.86rem}
.ulasim-butonlar .btn.bekliyor{opacity:.7;pointer-events:none}
.kampus-bilgi{border-top:1px solid var(--line);padding-top:16px;display:grid;gap:12px}
.kampus-bilgi h3{font-size:.95rem;margin:0}
.kampus-satir b{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:3px}
.kampus-satir p{color:var(--mist);font-size:.9rem;line-height:1.55}
.link-btn{color:var(--gold2);text-decoration:underline;text-underline-offset:3px;font-size:.85rem;padding:0 4px}
.nav-secim{border:0;padding:0;background:transparent;max-width:min(92vw,420px);width:100%}
.nav-secim::backdrop{background:rgba(3,15,38,.7);backdrop-filter:blur(6px)}
.nav-secim-govde{background:var(--ink2);border:1px solid rgba(120,170,255,.25);border-radius:14px;padding:22px;color:var(--white)}
.nav-secim-govde h3{font-size:1.1rem;margin-bottom:6px}
.nav-secim-not{color:var(--mist);font-size:.85rem;margin-bottom:14px}
.nav-secim-liste{display:grid;gap:8px;margin-bottom:14px}
.nav-secim-oge{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;padding:12px 14px;transition:border-color .3s}
.nav-secim-oge:hover{border-color:var(--gold)}
.nav-secim-oge b{font-family:var(--font-d)}
.nav-secim-oge span{font-size:.8rem;color:var(--mist)}
.ulasim-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--gold);color:var(--ink);padding:10px 18px;border-radius:999px;font-weight:600;font-size:.9rem;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:200}
.ulasim-toast.on{opacity:1;transform:translate(-50%,0)}
@media (max-width:900px){.ulasim-kart{grid-template-columns:1fr}.ulasim-harita{min-height:300px}.ulasim-butonlar{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.ulasim-butonlar{grid-template-columns:1fr}}

/* ── Site içi arama ── */
.nav-ara{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--mist);margin-left:auto;transition:color .3s,background .3s}
.nav ul+.nav-ara{margin-left:6px}
.nav-ara:hover{color:var(--white);background:rgba(247,248,251,.08)}
.nav-ara svg{width:20px;height:20px}
.arama{position:fixed;inset:0;z-index:150}
.arama-perde{position:absolute;inset:0;background:rgba(3,15,38,.78);backdrop-filter:blur(8px)}
.arama-panel{position:relative;margin:min(12vh,110px) auto 0;width:min(720px,calc(100% - 32px));max-height:76vh;display:flex;flex-direction:column;background:var(--ink2);border:1px solid rgba(120,170,255,.22);border-radius:16px;box-shadow:0 40px 100px -30px rgba(0,0,0,.8);overflow:hidden}
.arama-form{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.arama-form svg{width:22px;height:22px;color:var(--gold);flex:0 0 auto}
.arama-form input{flex:1;background:transparent;border:0;outline:0;font-size:1.05rem;color:var(--white);min-width:0}
.arama-form input::placeholder{color:rgba(247,248,251,.4)}
.arama-kapat{font-size:.72rem;letter-spacing:.08em;border:1px solid var(--line);border-radius:6px;padding:4px 8px;color:var(--mist)}
.arama-ipucu{padding:10px 18px;font-size:.78rem;color:var(--mist);display:flex;flex-wrap:wrap;gap:6px;align-items:center;border-bottom:1px solid var(--line)}
.arama-ipucu button{border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:.76rem;color:var(--white)}
.arama-ipucu button:hover{border-color:var(--gold)}
.arama-liste{overflow:auto;padding:8px}
.arama-baslik{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);padding:12px 12px 6px}
.arama-oge{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:baseline;padding:10px 12px;border-radius:10px}
.arama-oge:hover,.arama-oge.on{background:rgba(247,248,251,.06)}
.arama-oge .tip{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mist);border:1px solid var(--line);border-radius:5px;padding:2px 6px;grid-row:span 2;align-self:start;margin-top:2px;white-space:nowrap}
.arama-oge b{font-family:var(--font-d);font-size:.98rem}
.arama-oge .ozet{grid-column:2;font-size:.82rem;color:var(--mist);line-height:1.45}
.arama-oge.oneri .tip{color:var(--ink);background:var(--gold);border-color:var(--gold)}
.arama-bos{padding:24px 14px;color:var(--mist);font-size:.95rem}
.arama-bos a{color:var(--gold2);text-decoration:underline}
@media (max-width:980px){.nav-ara{margin-left:auto}}
@media (max-width:400px){.arama-panel{margin-top:12px;max-height:88vh}.arama-ipucu{display:none}}

/* ── Dijital kampüs: online işlem şeridi (hero altı) ── */
.dijital{padding-top:clamp(40px,5vw,64px);padding-bottom:clamp(40px,5vw,64px);border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--ink) 0%,var(--ink2) 100%)}
.dk-ust{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px 48px;margin-bottom:clamp(22px,3vw,32px)}
.dk-ust h2{font-size:clamp(1.5rem,2.8vw,2.2rem)}
.dk-ust .lead{max-width:44ch;font-size:clamp(.95rem,1.15vw,1.05rem);margin:0}
.dk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.dk{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 22px 26px;background:var(--ink);min-height:150px;transition:background .3s}
.dk:hover{background:var(--ink3)}
.dk-ad{font-family:var(--font-d);font-weight:700;font-size:1.05rem;letter-spacing:-.01em;padding-right:28px}
.dk-not{color:var(--mist);font-size:.86rem;line-height:1.55}
.dk-ok{position:absolute;right:20px;top:20px;color:var(--gold);font-size:1.1rem;transition:transform .4s var(--ease)}
.dk:hover .dk-ok{transform:translateX(4px)}
@media (max-width:1000px){.dk-grid{grid-template-columns:repeat(2,1fr)}.dk-ust{grid-template-columns:1fr}}
@media (max-width:560px){.dk-grid{grid-template-columns:1fr}.dk{min-height:0}}

/* Dış görsel yüklenemezse kart boş kalmasın: ince gradyan zemin (Unsplash/CDN kesintisi, yavaş ağ) */
.ncard img,.bcard img,.fac img,.tesis-kart img,.ig-item img,.office-ph,.gal-item img{background:linear-gradient(135deg,var(--ink3),var(--ink2))}