/* BanaKampüs ana sayfa — dört eşit dikey öğrenme kapısı */
.kampus-vitrin{height:100svh;min-height:720px;overflow:hidden;background:#f5f1e9;color:#111217}
.vitrin-ust{height:76px;padding:0 clamp(18px,3vw,52px);border-bottom:1px solid rgba(17,18,23,.13);background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}
.vitrin-marka>span{border-radius:50%}
.kampus-rota{gap:4px}
.kampus-rota span{background:transparent}
.kampus-rota span:not(:last-child)::after{content:"";display:inline-block;width:18px;height:1px;margin-left:8px;background:#aaa59a;vertical-align:middle}
.kampus-rota i{display:none}
.dort-sahne{height:calc(100svh - 76px);min-height:644px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto 1fr auto auto}
.urun-sahne{--vurgu:#5b42d6;--ton:#eee9ff;position:relative;isolation:isolate;min-width:0;min-height:0;display:grid;grid-template-columns:1fr;grid-row:1/-1;grid-template-rows:subgrid;gap:clamp(12px,1.7vh,20px);align-items:start;padding:clamp(22px,3vh,38px) clamp(18px,2vw,34px) clamp(18px,2.6vh,30px);overflow:hidden;border:0;border-right:1px solid color-mix(in srgb,var(--vurgu) 23%,#bdb8ae);background:linear-gradient(180deg,#fff 0 34%,var(--ton) 100%);transition:background .25s ease,transform .25s ease}
.urun-sahne:last-child{border-right:0}
.urun-sahne::before{content:"";width:230px;height:230px;position:absolute;right:-115px;top:30%;z-index:-1;border:1px solid color-mix(in srgb,var(--vurgu) 22%,transparent);border-radius:50%;background:transparent;transform:none}
.urun-sahne::after{content:"";width:8px;height:8px;position:absolute;right:22px;top:22px;border-radius:50%;background:var(--vurgu);box-shadow:0 0 0 7px color-mix(in srgb,var(--vurgu) 13%,transparent)}
.urun-sahne:hover{background:linear-gradient(180deg,#fff 0 28%,color-mix(in srgb,var(--vurgu) 16%,#fff) 100%)}
.urun-sahne-mor{--vurgu:#5b42d6;--ton:#eee9ff}
.urun-sahne-turuncu{--vurgu:#a8480f;--ton:#fff0e3}  /* ÖLÇÜLDÜ: #bd531b 4,26:1 (AA altı) → #a8480f 5,23:1 */
.urun-sahne-yesil{--vurgu:#087451;--ton:#e3f5ed}
.urun-sahne-mavi{--vurgu:#1767c1;--ton:#e5f1ff}
.sahne-ana-link{position:absolute;inset:0;z-index:1}
.sahne-sira{align-self:auto;display:flex;align-items:center;justify-content:space-between;padding:0 0 15px;border:0;border-bottom:1px solid color-mix(in srgb,var(--vurgu) 24%,transparent);color:var(--vurgu)}
.sahne-sira span{font-size:.78rem;font-weight:900;letter-spacing:.12em}
.sahne-sira small{margin:0;font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.sahne-metin{display:flex;flex-direction:column;min-width:0}
.sahne-urun{margin:0;color:var(--vurgu)!important;font-size:clamp(.92rem,1.1vw,1.15rem)!important;font-weight:900;letter-spacing:-.025em;text-transform:none}
.sahne-metin h2{max-width:12ch;margin:clamp(8px,1.5vh,16px) 0 10px;font-size:clamp(1.65rem,2.6vw,3.2rem);line-height:.94;letter-spacing:-.06em;text-wrap:balance}
.sahne-metin>p:not(.sahne-urun){max-width:35ch;margin:0;color:#4b4945;font-size:clamp(.78rem,.91vw,.98rem);line-height:1.48}
.sahne-akis{display:grid;grid-template-columns:1fr;gap:5px;margin-top:clamp(12px,1.8vh,20px)}
.sahne-akis span{min-height:29px;display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:7px;color:#373632;background:rgba(255,255,255,.66);font-size:.7rem;font-weight:800;white-space:normal}
.sahne-akis span+span::before{display:none}
.sahne-akis b{width:19px;height:19px;display:grid;place-items:center;flex:none;border-radius:50%;color:#fff;background:var(--vurgu);font-size:.6rem}
.sahne-sonuc{margin-top:clamp(10px,1.4vh,16px);color:#16171b;font-size:.78rem;line-height:1.3}
.anlatan{position:relative;z-index:2;display:grid;grid-template-columns:62px minmax(0,1fr);grid-template-rows:auto auto;gap:7px 10px;align-items:end;min-width:0;padding-top:13px;border-top:1px solid color-mix(in srgb,var(--vurgu) 20%,transparent)}
.karakter{grid-column:1;grid-row:1/3;width:62px;height:88px;align-self:end}
.karakter-yuz{left:8px;width:46px;height:46px}
.karakter-sac{left:8px;width:46px}
.karakter-govde{width:58px;height:41px;background:var(--vurgu)}
.konusma-balonu{grid-column:2;grid-row:1;max-height:66px;padding:8px 10px;border-color:color-mix(in srgb,var(--vurgu) 24%,#ccc);background:rgba(255,255,255,.74);color:#474641;font-size:.7rem;line-height:1.32}
.balon-metin{-webkit-line-clamp:3}
.ses-dugmesi{grid-column:2;grid-row:2;min-height:44px;width:100%;justify-self:stretch;padding:0 12px;border-color:color-mix(in srgb,var(--vurgu) 36%,#aaa);color:var(--vurgu);background:#fff;font-size:.72rem}
.sahne-eylem{position:relative;z-index:2;display:grid;gap:8px}
.urun-git{min-height:48px;padding:0 14px;border-radius:9px;background:var(--vurgu);font-size:.83rem}
.paketler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.paketler a{min-height:44px;justify-content:center;padding:6px 8px;border-radius:8px;text-align:center;font-size:.66rem;line-height:1.2}
.urun-sahne:focus-within{box-shadow:inset 0 0 0 3px var(--vurgu)}

@media(max-width:1120px){
  .kampus-vitrin{height:auto;min-height:100svh;overflow:visible}
  .dort-sahne{height:auto;min-height:calc(100svh - 70px);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(620px,1fr))}
  /* 🔴 GERİLEME: taban kuraldaki `grid-row:1/-1` (subgrid) burada da geçerliydi;
     2x2 ızgarada dört kart da 1/-1'e oturunca ilk iki sütun 0px'e çöküyordu
     (ölçüldü: sütunlar 0px 0px 384px 384px, kartlar 36px). Boşluk esnek satırla
     dağıtılır; hizayı bozan yerleşim özelliği kullanılmaz. */
  .urun-sahne{grid-row:auto;grid-template-rows:auto auto 1fr auto}
  .urun-sahne:nth-child(2){border-right:0}.urun-sahne:nth-child(-n+2){border-bottom:1px solid #ccc8c0}
  .sahne-metin h2{font-size:clamp(2.1rem,5vw,3.4rem)}
}
@media(max-width:640px){
  .kampus-vitrin{height:100svh;overflow:hidden}
  .vitrin-ust{height:64px}
  .dort-sahne{height:calc(100svh - 64px);min-height:0;display:grid;grid-template-columns:repeat(4,88vw);grid-template-rows:auto auto 1fr auto auto;grid-auto-flow:column;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}
  .dort-sahne::-webkit-scrollbar{display:none}
  .urun-sahne{width:auto;min-width:0;height:auto;grid-template-columns:1fr;grid-row:1/-1;grid-template-rows:subgrid;align-content:normal;gap:10px;padding:18px 18px 14px;overflow-y:auto;scroll-snap-align:start;border-right:1px solid #c9c5bc;border-bottom:0}
  .urun-sahne:first-of-type{margin-left:0}.urun-sahne:last-child{margin-right:12vw}
  .sahne-sira{grid-row:auto}.sahne-sira small{writing-mode:horizontal-tb;margin:0}
  .sahne-metin{align-self:start}.sahne-metin h2{margin:8px 0;font-size:clamp(2rem,10vw,2.75rem)}
  .sahne-metin>p:not(.sahne-urun){font-size:.85rem;line-height:1.4}
  .sahne-akis{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:10px}
  .sahne-akis span{min-height:46px;display:grid;place-items:center;padding:4px;text-align:center;font-size:.6rem}
  .sahne-akis b{width:18px;height:18px}
  .sahne-sonuc{margin-top:8px;font-size:.72rem}
  .anlatan{grid-column:auto;grid-row:auto;grid-template-columns:54px 1fr;padding-top:9px}
  .karakter{width:54px;height:76px}.karakter-yuz,.karakter-sac{left:6px}.karakter-govde{width:50px;height:35px}
  .konusma-balonu{max-height:50px;font-size:.64rem}.balon-metin{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}
  .ses-dugmesi{min-height:44px;font-size:.68rem}
  .sahne-eylem{grid-column:auto}.urun-git{min-height:44px}.paketler a{min-height:44px}
}
@media(prefers-color-scheme:dark){
  .vitrin-ust{background:rgba(23,24,28,.95)}
  .urun-sahne{background:linear-gradient(180deg,#15161a 0 34%,color-mix(in srgb,var(--vurgu) 18%,#15161a) 100%)}
  .urun-sahne:hover{background:linear-gradient(180deg,#17181d 0 28%,color-mix(in srgb,var(--vurgu) 25%,#15161a) 100%)}
  .sahne-metin>p:not(.sahne-urun),.sahne-akis span,.konusma-balonu{color:#d4d5da}
  .sahne-akis span,.konusma-balonu,.ses-dugmesi,.paketler a{background:#22242a}
  .sahne-sonuc{color:#f5f5f7}
  /* 🔴 h2 koyu temada ATLANMIŞTI: açık temanın #111217'sini miras alıyor ve
     degrade koyu zeminde 1,03:1 ile GÖRÜNMEZ oluyordu (piksel ölçümüyle bulundu;
     background-color okuyan kapı degradeyi göremediği için tersini raporluyordu). */
  .sahne-metin h2{color:#f5f5f7}
  /* 🔴 Vurgu renkleri koyu zeminde AA'yı geçmiyordu (piksel ölçümü):
     mor 2,75 · turuncu 3,98 · yeşil 3,12 · mavi 3,23. Tonlar İKİ zemine birden
     kalibre edildi: sütun degradesi #15161a VE ses düğmesi #22242a (ilk denememde
     yalnız degradeye baktım, düğmede 4,33'e düşüyordu). YAZI için açıltılmış
     ton kullanılır; --vurgu düğme ZEMİNİ olarak aynen kalır (beyaz yazı korunur). */
  .urun-sahne{--vurgu-yazi:#9989e6}
  .urun-sahne-turuncu{--vurgu-yazi:#e67232}
  .urun-sahne-yesil{--vurgu-yazi:#0ca876}
  .urun-sahne-mavi{--vurgu-yazi:#4b95ea}
  .sahne-sira,.sahne-sira span,.sahne-sira small,.ses-dugmesi{color:var(--vurgu-yazi)}
  /* .sahne-urun eski sayfada `color:var(--vurgu)!important` taşıyor → eşitlemek için !important */
  .sahne-urun{color:var(--vurgu-yazi)!important}
}
@media(prefers-reduced-motion:reduce){.urun-sahne{transition:none}}
/* “Kimler için?” — TIKLANMAYAN kitle etiketleri. Olmayan /paketler sayfasına bağ
   vermek yerine bilgi olarak durur; her sütunda tek ana eylem kalır. */
.kitle-basligi{grid-column:1/-1;color:#6b6862;font-size:.62rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.kitle-etiketi{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 9px;border:1px solid color-mix(in srgb,var(--vurgu) 26%,#bbb);border-radius:99px;color:#2f2e32;background:rgba(255,255,255,.68);font-size:.68rem;font-weight:750}
@media(prefers-color-scheme:dark){.kitle-basligi{color:#b9bac0}.kitle-etiketi{color:#f5f5f7;border-color:#545760;background:#22242a}}
/* BanaKampüs Tam — dört ürünü tek üyelik vaadinde birleştiren köprü */
.tam-serit{height:78px;position:relative;z-index:20;display:grid;grid-template-columns:auto minmax(270px,.8fr) minmax(360px,1.2fr) auto;align-items:center;gap:clamp(16px,2.4vw,38px);padding:0 clamp(18px,3vw,52px);overflow:hidden;color:#f8f8fb;background:#15161b;box-shadow:0 10px 32px rgba(20,18,15,.13)}
.tam-serit::after{content:"";height:3px;position:absolute;inset:auto 0 0;background:linear-gradient(90deg,#5b42d6 0 25%,#bd531b 25% 50%,#087451 50% 75%,#1767c1 75%)}
.tam-kimlik{display:grid;gap:2px;min-width:max-content}.tam-kimlik span{color:#bdb6ff;font-size:.59rem;font-weight:900;letter-spacing:.16em}.tam-kimlik strong{font-size:clamp(1.05rem,1.35vw,1.35rem);letter-spacing:-.035em}
.tam-serit>p{max-width:510px;margin:0;color:#ccced5;font-size:clamp(.69rem,.79vw,.82rem);line-height:1.42}.tam-serit>p b{color:#fff}
.tam-dongu{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}.tam-dongu span{color:#e5e6ea;font-size:.64rem;font-weight:800;white-space:nowrap}.tam-dongu i{width:clamp(8px,1.3vw,22px);height:1px;flex:none;background:#555964}.tam-dongu i:nth-of-type(1){background:#8e7ef0}.tam-dongu i:nth-of-type(2){background:#dc7a45}.tam-dongu i:nth-of-type(3){background:#24a77e}
.tam-planlar{display:grid;grid-template-columns:auto auto;gap:4px 6px;align-items:center;justify-items:end}.tam-planlar span{padding:4px 7px;border:1px solid #3e414b;border-radius:99px;color:#d8d9de;font-size:.58rem;font-weight:750;white-space:nowrap}.tam-planlar em{grid-column:1/-1;color:#ffd688;font-size:.58rem;font-style:normal;font-weight:900;letter-spacing:.13em}
.urun-kimlik{display:flex;align-items:center;justify-content:space-between;gap:8px}.tam-dahil{display:inline-flex;align-items:center;gap:5px;color:var(--vurgu);font-size:.57rem;font-weight:850;letter-spacing:.02em;white-space:nowrap}.tam-dahil::before{content:"✓";width:16px;height:16px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--vurgu);font-size:.58rem}
.dort-sahne{height:calc(100svh - 154px)}
@media(max-width:1120px){.tam-serit{grid-template-columns:auto 1fr auto;height:74px}.tam-dongu{display:none}.dort-sahne{height:auto}.tam-serit>p{justify-self:start}}
@media(max-width:640px){.tam-serit{height:58px;grid-template-columns:1fr auto;gap:10px;padding:0 12px}.tam-kimlik span,.tam-serit>p,.tam-dongu,.tam-planlar span{display:none}.tam-kimlik strong{font-size:1rem}.tam-kimlik strong::after{content:"4 uygulama · tek üyelik";display:block;margin-top:2px;color:#b9bbc3;font-size:.57rem;font-weight:700;letter-spacing:.02em}.tam-planlar{display:block}.tam-planlar em{font-size:.55rem}.dort-sahne{height:calc(100svh - 122px)}.urun-kimlik{align-items:flex-start}.tam-dahil{font-size:.52rem}.tam-dahil::before{width:14px;height:14px}}
@media(prefers-color-scheme:dark){.tam-serit{background:#0d0e12}.tam-dahil{color:var(--vurgu-yazi)}.tam-dahil::before{background:var(--vurgu)}}