/* ═══════════════════════════════════════════════════════════════════════
   SİTE BENTO KATMANI (2026-10-24) · bento.css jetonlarıyla, modern.css'ten SONRA
   Panellerdeki dilin siteye taşınması; sayfa sayfa genişler:
   1) üst menü: hap menü grubu, yuvarlak ikon düğmeleri, mürekkep "Kayıt ol"
   2) site butonları hap; birincil = mürekkep, ikincil = açık hap
   3) giriş / kayıt / şifre ekranları (views/auth/_style.php yapısıyla)
   Geri almak için: header.php'deki site-bento.css satırını kaldırmak yeter.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 0. Site zemini: ana sayfayla aynı BEYAZ (kullanıcı: "ana sayfanın zemin rengi güzel, diğerlerini ona uydur"); kartlar ince çizgi + gölge. Yönetim paneli kendi tonunda. */
body.ae-has-user,body.ae-guest{--bn-bg:#FFFFFF;--bn-card-2:#F3F6F7;--bn-card-3:#E7EDEF;--bn-shadow:0 0 0 1px rgba(15,30,40,.06),0 1px 2px rgba(15,30,40,.04),0 18px 40px -30px rgba(15,30,40,.30);}

/* ── 1. Üst menü ─────────────────────────────────────────────────────── */
@media (min-width:761px){
  html body:not(#_m) .nav-menu{gap:2px !important;padding:5px;border-radius:999px;background:var(--bn-card-2);}
  html body:not(#_m) .nav-menu a{display:inline-flex;align-items:center;height:40px;padding:0 18px !important;border-radius:999px;font-size:14.5px !important;font-weight:600 !important;color:var(--bn-text) !important;transition:background-color .4s var(--bn-ease),color .3s var(--bn-ease) !important;}
  html body:not(#_m) .nav-menu a::after{display:none !important;}
  html body:not(#_m) .nav-menu a:hover{background:var(--bn-card);color:var(--bn-ink) !important;}
  html body:not(#_m) .nav-menu a.active{background:var(--bn-pill);color:var(--bn-pill-ink) !important;}
}
html body:not(#_m) .nav-actions{gap:8px !important;}
html body:not(#_m) .nav-actions .cart-icon{width:44px !important;height:44px !important;border-radius:50% !important;background:var(--bn-card-2) !important;color:var(--bn-ink) !important;-webkit-text-fill-color:var(--bn-ink) !important;transition:background-color .35s var(--bn-ease),color .3s var(--bn-ease) !important;}
html body:not(#_m) .nav-actions .cart-icon:hover{background:var(--bn-pill) !important;color:var(--bn-pill-ink) !important;-webkit-text-fill-color:var(--bn-pill-ink) !important;}
html body:not(#_m) .nav-actions .cart-icon svg{width:20px;height:20px;stroke-width:1.7;}
/* Zil: SVG'de sabit stroke="#334155" vardı → üzerine gelince koyu zeminde ikon kayboluyordu; ikon her zaman düğme rengini izler */
html body:not(#_m) .nav-actions #navBellBtn svg{stroke:currentColor !important;}
html body:not(#_m) .nav-actions .cart-badge{background:var(--bn-accent) !important;color:var(--bn-accent-ink) !important;-webkit-text-fill-color:var(--bn-accent-ink) !important;box-shadow:0 0 0 2.5px #fff !important;top:-2px !important;right:-2px !important;}
html body:not(#_m) .nav-profile{box-shadow:0 0 0 3px var(--bn-card-2) !important;}
@media (min-width:761px){
  html body:not(#_m) .nav-auth.btn{height:40px !important;padding:0 18px !important;display:inline-flex !important;align-items:center;font-size:14px !important;font-weight:600 !important;}
}
html body:not(#_m) .nav-auth.btn-ghost{background:transparent !important;color:var(--bn-ink) !important;border:0 !important;padding:0 12px !important;}
html body:not(#_m) .nav-auth.btn-ghost:hover{background:var(--bn-card-2) !important;}

/* ── 2. Butonlar: hap, birincil mürekkep ─────────────────────────────── */
html body:not(#_m):not(:has(.hv2-hero)) .btn{border-radius:999px !important;transition:transform .5s var(--bn-ease),background-color .35s var(--bn-ease),color .3s var(--bn-ease),box-shadow .35s var(--bn-ease) !important;}
html body:not(#_m):not(:has(.hv2-hero)) .btn:hover{transform:none;}
html body:not(#_m):not(:has(.hv2-hero)) .btn:active{transform:scale(.98);}
html body:not(#_m):not(:has(.hv2-hero)) .btn-primary{background:var(--bn-pill) !important;border-color:var(--bn-pill) !important;color:var(--bn-pill-ink) !important;box-shadow:none !important;}
html body:not(#_m):not(:has(.hv2-hero)) .btn-primary:hover{background:var(--bn-pill-h) !important;border-color:var(--bn-pill-h) !important;}

/* ── 3. Giriş / kayıt / şifre ekranları ──────────────────────────────── */
html body:not(#_m) .auth-page{background:var(--bn-bg) !important;align-items:stretch;padding:calc(var(--header-height,72px) + clamp(20px,3vw,36px)) var(--gutter,20px) clamp(28px,4vw,56px) !important;min-height:100vh !important;}
/* 2026-10-24: yan görsel KALDIRILDI (kullanıcı beğenmedi, mobilde kötü) → tek ortalı kart */
html body:not(#_m) .auth-shell{display:grid;grid-template-columns:minmax(0,480px);justify-content:center;width:100%;margin:0 auto;}
html body:not(#_m) .auth-side{display:none !important;}
html body:not(#_m) .auth-side{position:relative;overflow:hidden;border-radius:32px;background:var(--bn-deep);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(28px,3vw,44px);min-height:600px;isolation:isolate;}
html body:not(#_m) .auth-side > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
html body:not(#_m) .auth-side::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,58,78,.05) 0%,rgba(9,58,78,.35) 45%,rgba(8,46,62,.92) 100%);}
html body:not(#_m) .auth-side h2{font-size:clamp(28px,2.8vw,40px);font-weight:600;letter-spacing:-.04em;line-height:1.08;color:#fff;margin:0;max-width:16ch;}
html body:not(#_m) .auth-side p{font-size:15px;line-height:1.55;color:rgba(255,255,255,.8);margin:12px 0 0;max-width:40ch;}
html body:not(#_m) .auth-side-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px;}
html body:not(#_m) .auth-side-tags span{height:34px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;font-weight:600;color:#fff;}
html body:not(#_m) .auth-card{max-width:none !important;border:0 !important;border-radius:32px !important;box-shadow:var(--bn-shadow) !important;padding:clamp(28px,3.4vw,48px) clamp(22px,3vw,44px) !important;display:flex;flex-direction:column;justify-content:center;background:var(--bn-card) !important;}
/* 2026-10-24: kart içi logo kaldırıldı (üst menüde zaten var, tekrar kalabalık ediyordu) */
html body:not(#_m) .auth-logo{display:none !important;}
html body:not(#_m) .auth-card h1{text-align:left !important;font-size:clamp(28px,2.6vw,36px) !important;font-weight:600 !important;letter-spacing:-.045em !important;line-height:1.08;}
html body:not(#_m) .auth-card .subtitle{text-align:left !important;font-size:15px !important;margin:8px 0 28px !important;}
html body:not(#_m) .auth-card .form-label{font-size:13.5px !important;font-weight:600 !important;color:var(--bn-text) !important;margin-bottom:8px !important;}
html body:not(#_m) .auth-card .form-input{height:52px;padding:0 18px !important;border:1.5px solid transparent !important;border-radius:16px !important;background:var(--bn-card-2) !important;font-size:15px !important;transition:background-color .3s var(--bn-ease),border-color .3s var(--bn-ease),box-shadow .3s var(--bn-ease) !important;}
html body:not(#_m) .auth-card .form-input:hover{background:var(--bn-card-3) !important;}
html body:not(#_m) .auth-card .form-input:focus{background:var(--bn-card) !important;border-color:var(--bn-ink) !important;box-shadow:0 0 0 4px rgba(15,30,40,.06) !important;}
html body:not(#_m) .auth-card .form-input.error{border-color:var(--bn-red) !important;}
html body:not(#_m) .auth-card .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
html body:not(#_m) .auth-card .btn-primary{height:54px;padding:0 24px !important;border-radius:999px !important;font-size:15.5px !important;font-weight:600 !important;}
/* Bağlantılar sade: altı çizili iki bağlantı kafa karıştırıyordu → çizgi yalnız üzerine gelince; "Şifremi unuttum" silik */
html body:not(#_m) .auth-card a:not(.btn){color:var(--bn-ink) !important;font-weight:600;text-decoration:none !important;text-underline-offset:4px;}
html body:not(#_m) .auth-card a:not(.btn):hover{text-decoration:underline !important;}
html body:not(#_m) .auth-card a[href^="/sifre-sifirla"]{color:var(--bn-muted) !important;font-weight:500 !important;}
html body:not(#_m) .auth-card .auth-logo-link{text-decoration:none !important;}
html body:not(#_m) .auth-alt{border-top:1px solid var(--bn-line) !important;color:var(--bn-muted) !important;}
html body:not(#_m) .auth-check input{border-radius:7px !important;border-color:var(--bn-line-2) !important;}
html body:not(#_m) .auth-check input:checked{background:var(--bn-pill) !important;border-color:var(--bn-pill) !important;}
html body:not(#_m) .auth-card .alert{border-radius:16px !important;border:0 !important;}
@media (max-width:900px){
  html body:not(#_m) .auth-shell{grid-template-columns:minmax(0,1fr);max-width:560px;}
  html body:not(#_m) .auth-side{min-height:0;padding:22px 24px;border-radius:26px;}
  html body:not(#_m) .auth-side h2{font-size:24px;}
  html body:not(#_m) .auth-side p,html body:not(#_m) .auth-side-tags{display:none;}
  html body:not(#_m) .auth-card{border-radius:26px !important;}
}
@media (max-width:480px){ html body:not(#_m) .auth-card .form-row{grid-template-columns:1fr;} }
html body:not(#_m):has(.auth-page){background:var(--bn-bg) !important;}
@media (max-width:760px){
  html body:not(#_m) .auth-page{padding-top:12px !important;min-height:0 !important;}
  /* Hiza: kart sayfanın diğer içerikleriyle aynı kenar boşluğundan başlar (önceden 16 dış + 20 iç + 16 kart payı = 52px) */
  html body:not(#_m) .auth-page{margin:0 !important;padding-left:var(--gutter,20px) !important;padding-right:var(--gutter,20px) !important;}
  html body:not(#_m) .auth-card{margin:0 !important;}
}

/* ── 4. Çerez uyarısı: yüzen yuvarlak kart, hap düğmeler ─────────────── */
#ae-cookie-banner{border:0 !important;border-radius:24px !important;max-width:400px !important;box-shadow:0 30px 60px -26px rgba(15,30,40,.38),0 0 0 1px var(--bn-line) !important;}
#ae-cookie-banner #ae-cookie-main{padding:18px 18px 16px !important;}
#ae-cookie-banner .cb-btn{border-radius:999px !important;height:40px;padding:0 17px !important;font-size:13.5px !important;font-weight:600 !important;letter-spacing:0 !important;transition:background-color .35s var(--bn-ease),color .3s var(--bn-ease) !important;}
#ae-cookie-banner .cb-primary{background:var(--bn-pill) !important;border:0 !important;color:var(--bn-pill-ink) !important;}
#ae-cookie-banner .cb-primary:hover{background:var(--bn-pill-h) !important;}
#ae-cookie-banner .cb-ghost{background:var(--bn-card-2) !important;border:0 !important;color:var(--bn-ink) !important;}
#ae-cookie-banner .cb-ghost:hover{background:var(--bn-card-3) !important;}
#ae-cookie-banner a{color:var(--bn-ink) !important;border-bottom-color:var(--bn-accent) !important;}
#ae-cookie-banner .cb-tgl input:checked + .cb-track{background:var(--bn-pill) !important;}
#ae-cookie-banner .cb-tgl input:disabled + .cb-track{background:var(--bn-accent) !important;}
#ae-cookie-settings > div:first-child{border-bottom-color:var(--bn-line) !important;}
@media (max-width:760px){ #ae-cookie-banner{border-radius:22px !important;} }

/* ── 5. Ana sayfa (2026-10-24 v2, canlı içerikte ölçülerek): tasarım KORUNUR; yalnız başlık-bağlantı hizası, bölüm ritmi,
   iç kaydırma hatası, stüdyo kartı yüksekliği, düğme grubu hizası, kesik çizgili kutular. (v1 geri alınmıştı) */
/* 1) Bölümler esnek sütunda küçülmesin; yatay taşma kırpılsın ama dikey kaydırma kabı oluşmasın */
body:not(#_m) #main-content > section{flex-shrink:0 !important;}
body:not(#_m) :is(.ae-experts,.ae-studios){overflow-x:clip !important;overflow-y:visible !important;}
body:not(#_m) .ae-experts-head{overflow:visible !important;}
/* 2) "Tümünü gör" bağlantısı her bölümde başlıkla aynı satırda, sağda */
body:not(#_m) .hv2-section-row{flex-wrap:nowrap !important;align-items:flex-start !important;gap:16px !important;}
body:not(#_m) .hv2-section-row > .hv2-section-header{flex:1 1 auto;min-width:0;margin-bottom:0 !important;}
body:not(#_m) :is(.hv2-section-row,.ae-experts-head) > .hv2-link-more{flex:none !important;white-space:nowrap;align-self:flex-start !important;margin:clamp(6px,.9vw,12px) 0 0 !important;}
body:not(#_m) .ae-experts-head{grid-template-columns:minmax(0,1fr) auto !important;grid-template-areas:"eyebrow eyebrow" "title more" "sub sub" !important;column-gap:16px !important;align-items:start !important;}
body:not(#_m) .ae-experts-head > .ae-eyebrow{grid-area:eyebrow;}
body:not(#_m) .ae-experts-head > h2{grid-area:title;margin:0 !important;}
body:not(#_m) .ae-experts-head > .hv2-link-more{grid-area:more;justify-self:end;}
body:not(#_m) .ae-experts-head > .ae-experts-sub{grid-area:sub;margin-top:10px !important;}
/* 3) Ritim: bölüm arası eşit ve sıkı (mobil 120px → 72px, masaüstü 132px → 104px) */
@media (max-width:760px){
  body:not(#_m) #main-content > :is(.hv2-section,.ae-experts,.ae-studios){padding-top:36px !important;padding-bottom:36px !important;}
  body:not(#_m) .hm-manifesto{padding-top:44px !important;padding-bottom:44px !important;}
}
@media (min-width:761px){
  body:not(#_m) #main-content > :is(.hv2-section,.ae-experts,.ae-studios){padding-top:52px !important;padding-bottom:52px !important;}
}
/* 4) Stüdyo kartı içeriğe göre boylanır (altta boş beyaz alan kalmaz) */
body:not(#_m) .ae-studios-track{align-items:flex-start !important;}
body:not(#_m) .ae-studio{height:auto !important;}
/* 5) Bölüm düğme grupları: hepsi solda, birincil önde */
body:not(#_m) :is(.hv2-faq-cta,.hv2-howto-cta){display:flex !important;text-align:left !important;justify-content:flex-start !important;flex-wrap:wrap;gap:10px !important;}
body:not(#_m) :is(.hv2-faq-cta,.hv2-howto-cta) .btn{margin-left:0 !important;}
body:not(#_m) :is(.hv2-faq-cta,.hv2-howto-cta) .btn-primary{order:-1;}
/* 6) "Tümünü gör" kutuları: kesik çizgi yerine sade dolgu */
body:not(#_m) :is(.ec-more,.hv2-more-card,.ae-more-tile,.hv2-prod2 .hv2-prod-more,.hv2-inst-more){border:0 !important;background:#F3F6F7 !important;}
body:not(#_m) .ae-studios-track > .ae-studio.ae-more-tile{aspect-ratio:auto !important;align-self:stretch !important;min-height:0 !important;height:auto !important;}

/* 7) Sol/sağ hiza: her bölümün içeriği aynı kenar boşluğundan başlar */
@media (max-width:760px){
  html body:not(#_m) .hv2-blog-grid{padding-left:0 !important;padding-right:0 !important;scroll-padding-left:0 !important;}
}
html body:not(#_m) .hm-manifesto{padding-left:0 !important;padding-right:0 !important;}
/* 8) Nasıl Çalışır: "Aetherys Nedir?"in hemen ardına (ne → nasıl), koyu "ders ver" panelinin 01/02/03'üyle art arda gelmesin.
      Görünüm: açık dolgulu tek panel; numara mürekkep daire, kesik bağlantı çizgisi yok, adımlar ince çizgiyle ayrılır. */
html body:not(#_m) #main-content [aria-labelledby="howto-heading"]{order:36 !important;}
html body:not(#_m) .hv2-howto-grid{background:#F3F6F7 !important;border-radius:24px !important;padding:8px 28px !important;margin-top:0 !important;gap:0 !important;}
html body:not(#_m) .hv2-howto-step{padding:24px 28px 24px 0 !important;}
html body:not(#_m) .hv2-howto-step:not(:last-child)::after{display:none !important;}
html body:not(#_m) .hv2-howto-num{width:34px !important;height:34px !important;background:#0F1E28 !important;color:#fff !important;font-size:14px !important;box-shadow:none !important;margin-bottom:14px !important;}
html body:not(#_m) .hv2-howto-step h3{color:#0F1E28 !important;}
html body:not(#_m) .hv2-howto-step p{color:#5b6b74 !important;}
@media (min-width:761px){
  html body:not(#_m) .hv2-howto-step + .hv2-howto-step{padding-left:28px !important;border-left:1px solid rgba(15,30,40,.08) !important;}
}
@media (max-width:760px){
  html body:not(#_m) .hv2-howto-grid{grid-template-columns:1fr !important;padding:4px 20px !important;}
  html body:not(#_m) .hv2-howto-step{display:grid !important;grid-template-columns:34px minmax(0,1fr);column-gap:14px;padding:18px 0 !important;}
  html body:not(#_m) .hv2-howto-step + .hv2-howto-step{border-top:1px solid rgba(15,30,40,.08) !important;}
  html body:not(#_m) .hv2-howto-num{grid-row:1 / 3;margin:0 !important;}
  html body:not(#_m) .hv2-howto-step h3{grid-column:2;margin:5px 0 4px !important;}
  html body:not(#_m) .hv2-howto-step p{grid-column:2;margin:0 !important;}
  html body:not(#_m) .hv2-howto-step::before,html body:not(#_m) .hv2-howto-step::after{display:none !important;}
}
html body:not(#_m) .hv2-howto-cta{margin-top:20px !important;}
/* 9) Aetherys Birlikte: sarı ara etiketler (İnsan için / Doğa için / Yaşam için) kaldırıldı — sitede başka yerde yok;
      slogan zaten görselin üstünde. Liste ile düğme arasına nefes payı. */
html body:not(#_m) .hm-csr-intro .hm-csr-tag{display:none !important;}
html body:not(#_m) .hm-csr-intro .hm-csr-card{grid-template-columns:1fr !important;padding:18px 0 !important;}
html body:not(#_m) .hm-csr-intro .hm-csr-card h3,html body:not(#_m) .hm-csr-intro .hm-csr-card p{grid-column:1 !important;}
html body:not(#_m) .hm-csr-intro .hm-csr-grid{margin-bottom:32px !important;}
@media (max-width:760px){
  html body:not(#_m) .hm-csr-section{padding-bottom:48px !important;}
}
/* 10) Mobil kaydırmalı sıralar TEK kural: ilk kart kenar boşluğunda başlar, sıra ekran kenarına kadar akar
       (önceden Hizmetlerimiz kenara akıyor, diğerleri 20px içeride yarım kartla kesiliyordu) */
@media (max-width:760px){
  html body:not(#_m) :is(.hv2-ev2,.hv2-services-grid,.ae-experts-track,.ae-studios-track,.hv2-blog-grid,.hv2-prod2){
    margin-left:calc(-1 * var(--gutter,20px)) !important;margin-right:calc(-1 * var(--gutter,20px)) !important;
    padding-left:var(--gutter,20px) !important;padding-right:var(--gutter,20px) !important;
    scroll-padding-left:var(--gutter,20px) !important;scroll-padding-right:var(--gutter,20px) !important;}
}

/* ── 6. Kartlar: kurs/etkinlik kartları BİLEREK eski (görsel üstü yazı) hâlinde (2026-10-24 kullanıcı kararı:
   "kurs etkinlik kartları bu şekilde güzel"). Bu katman kartlara dokunmaz. */

/* ── 7. Liste sayfaları (Kurslar · Etkinlikler · Mağaza) ──────────────
   Teal başlık kutusu sayfanın TEK koyu kartı olarak kalır; filtre çubuğu yüzen
   hap grubu, çipler bento hapı, boş durum beyaz kart (zeminde çıplak metin yok). */
html body:not(#_m):has(.lst-hero + section .filter-bar){background:var(--bn-bg) !important;}
html body:not(#_m):has(.lst-hero + section .filter-bar) :is(.section,.section-sm,.section-gray,.crspast-section,.evpast-section){background:transparent !important;}
html body:not(#_m) .lst-hero:has(+ section .filter-bar){border-radius:32px !important;background:var(--bn-deep) !important;}
html body:not(#_m) .lst-hero:has(+ section .filter-bar) .lst-title{font-weight:600 !important;letter-spacing:-.045em !important;}
html body:not(#_m) .lst-hero + section .filter-bar{border:0 !important;border-radius:999px !important;padding:6px !important;gap:6px !important;box-shadow:0 2px 6px rgba(15,30,40,.05),0 26px 50px -28px rgba(15,30,40,.45) !important;}
html body:not(#_m) .lst-hero + section .filter-bar :is(input[type=search],select){height:50px !important;border-radius:999px !important;background-color:var(--bn-card-2) !important;border:1.5px solid transparent !important;transition:background-color .3s var(--bn-ease),border-color .3s var(--bn-ease),box-shadow .3s var(--bn-ease) !important;}
html body:not(#_m) .lst-hero + section .filter-bar :is(input[type=search],select):hover{background-color:var(--bn-card-3) !important;}
html body:not(#_m) .lst-hero + section .filter-bar :is(input[type=search],select):focus{background-color:var(--bn-card) !important;border-color:var(--bn-ink) !important;box-shadow:0 0 0 4px rgba(15,30,40,.06) !important;}
html body:not(#_m) .lst-hero + section .filter-bar input[type=search]{padding-left:48px !important;background-position:18px center !important;}
html body:not(#_m) .lst-hero + section .filter-bar select{padding-left:20px !important;background-position:right 18px center !important;}
html body:not(#_m) .lst-hero + section .filter-bar :is(button,.btn){height:50px !important;border-radius:999px !important;background:var(--bn-pill) !important;border-color:var(--bn-pill) !important;color:var(--bn-pill-ink) !important;padding:0 26px !important;}
html body:not(#_m) .lst-hero + section .filter-bar :is(button,.btn):hover{background:var(--bn-pill-h) !important;}
@media (max-width:768px){
  html body:not(#_m) .lst-hero:has(+ section .filter-bar){border-radius:26px !important;}
  html body:not(#_m) .lst-hero + section .filter-bar{border-radius:26px !important;padding:8px !important;}
  html body:not(#_m) .lst-hero + section .filter-bar :is(input[type=search],select,button,.btn){height:48px !important;}
}
/* Çipler: beyaz hap + yumuşak gölge, seçili = mürekkep */
html body:not(#_m) .ev2-chips{gap:6px !important;}
html body:not(#_m) .ev2-chip{height:38px;display:inline-flex !important;align-items:center;padding:0 16px !important;border:0 !important;border-radius:999px !important;background:var(--bn-card) !important;color:var(--bn-text) !important;font-size:13.5px !important;font-weight:600 !important;box-shadow:var(--bn-shadow);text-decoration:none !important;transition:background-color .35s var(--bn-ease),color .3s var(--bn-ease) !important;}
html body:not(#_m) .ev2-chip:hover{background:var(--bn-card-2) !important;color:var(--bn-ink) !important;}
html body:not(#_m) .ev2-chip.active,html body:not(#_m) .ev2-chip.active:hover{background:var(--bn-pill) !important;color:var(--bn-pill-ink) !important;box-shadow:none;}
/* Boş durum: beyaz yuvarlak kart, bağlantılar hap düğme */
html body:not(#_m) .lst-empty{max-width:640px !important;padding:clamp(34px,4.6vw,56px) clamp(20px,3vw,40px) !important;background:var(--bn-card) !important;border-radius:28px !important;box-shadow:var(--bn-shadow) !important;margin:clamp(28px,4vw,48px) auto !important;}
html body:not(#_m) .lst-empty-txt strong{font-size:clamp(22px,2.4vw,28px) !important;font-weight:600 !important;letter-spacing:-.04em !important;color:var(--bn-ink) !important;}
html body:not(#_m) .lst-empty-txt span{color:var(--bn-muted) !important;font-size:15px !important;}
html body:not(#_m) .lst-empty-links{gap:8px !important;margin-top:6px;}
html body:not(#_m) .lst-empty-links a{height:42px;display:inline-flex !important;align-items:center;padding:0 18px !important;border-radius:999px;background:var(--bn-card-2);color:var(--bn-ink) !important;font-size:14px !important;transition:background-color .35s var(--bn-ease),color .3s var(--bn-ease) !important;}
html body:not(#_m) .lst-empty-links a:hover{background:var(--bn-pill);color:var(--bn-pill-ink) !important;}
html body:not(#_m) .lst-empty .btn{border-radius:999px !important;}
/* Geçmiş bölümleri ve sayfalama */
html body:not(#_m) :is(.crspast-head,.evpast-head) h2{font-weight:600 !important;letter-spacing:-.04em !important;color:var(--bn-ink) !important;}
html body:not(#_m) .pagination a,html body:not(#_m) .pagination span{border-radius:999px !important;border:0 !important;background:var(--bn-card) !important;box-shadow:var(--bn-shadow);color:var(--bn-ink) !important;min-width:40px;height:40px;display:inline-grid !important;place-items:center;padding:0 12px !important;}
html body:not(#_m) .pagination .active,html body:not(#_m) .pagination a.active,html body:not(#_m) .pagination span.current{background:var(--bn-pill) !important;color:var(--bn-pill-ink) !important;}

/* ── 8. Detay sayfaları (kurs · etkinlik · ürün) ────────────────────
   Gri zemin, teal başlık kutusu 32px köşe (sayfanın tek koyu kartı), çerçevesiz
   yuvarlak beyaz kartlar, hap düğmeler; başlık altındaki altın süs çizgisi kalkar. */
html body:not(#_m):is(:has(.course-hero),:has(.ev-hero),:has(.product-detail)){background:var(--bn-bg) !important;}
html body:not(#_m):is(:has(.course-hero),:has(.ev-hero),:has(.product-detail)) :is(.section,.section-gray,.curriculum-section,.ev-content-sec,.product-detail){background:transparent !important;}
html body:not(#_m) :is(.course-hero,.ev-hero){border-radius:32px !important;overflow:hidden;}
html body:not(#_m) .ev-section-title{padding-bottom:0 !important;font-weight:600 !important;letter-spacing:-.035em !important;}
html body:not(#_m) .ev-section-title::after{display:none !important;}
html body:not(#_m) :is(.course-sidebar-card,.crs-desc-card,.curriculum-group,.crs-people-card,.evp-card,.ev-ticket-widget,.ev-map-frame,.ev-no-tickets){border:0 !important;border-radius:28px !important;box-shadow:var(--bn-shadow) !important;background:var(--bn-card) !important;overflow:hidden;}
html body:not(#_m) .curriculum-group{border-radius:22px !important;margin-bottom:10px !important;}
html body:not(#_m) .course-sidebar-card [style*="border-radius"]{border-radius:16px !important;}
html body:not(#_m) :is(.course-sidebar-video,.course-sidebar-video img){border-radius:22px 22px 0 0 !important;}
html body:not(#_m) :is(.course-sidebar-card,.crs-people-card,.course-hero-grid,.ev-ticket-widget,.product-buybox,.evp-card) .btn{border-radius:999px !important;}
html body:not(#_m) :is(.course-sidebar-card,.crs-people-card,.ev-ticket-widget,.product-buybox) :is(.btn-outline,.btn-ghost,.btn-secondary){background:var(--bn-card-2) !important;border-color:transparent !important;color:var(--bn-ink) !important;box-shadow:none !important;}
html body:not(#_m) :is(.course-sidebar-card,.crs-people-card,.ev-ticket-widget,.product-buybox) :is(.btn-outline,.btn-ghost,.btn-secondary):hover{background:var(--bn-pill) !important;color:var(--bn-pill-ink) !important;}
html body:not(#_m) .ev-ticket-widget-header{background:var(--bn-card) !important;color:var(--bn-ink) !important;border-bottom:1px solid var(--bn-line) !important;font-weight:600 !important;}
html body:not(#_m) .ev-ticket-widget-header *{color:var(--bn-ink) !important;}
html body:not(#_m) :is(.course-hero-badges .badge,.ev-hero-badge,.product-category-tag){border-radius:999px !important;}
html body:not(#_m) :is(.product-main-image,.product-main-image img,.product-thumb,.product-thumb img){border-radius:22px !important;}
html body:not(#_m) .variant-chip{border-radius:999px !important;}

/* ── 9. Profil açılır menüsü (avatar üstüne gelince) ─────────────────
   Köşeli kutu + eşit olmayan çizgiler yerine yuvarlak kart, hap satırlar; yalnız iki
   ayraç: personel bağlantılarından önce ve çıkıştan önce. */
html body:not(#_m) #navProfileMenu{border:0 !important;border-radius:22px !important;padding:8px !important;background:var(--bn-card) !important;min-width:264px !important;box-shadow:0 30px 60px -24px rgba(15,30,40,.38),0 0 0 1px var(--bn-line) !important;overflow:hidden;}
html body:not(#_m) #navProfileMenu .np-header{padding:12px 14px 14px !important;margin:0 0 6px !important;border-bottom:1px solid var(--bn-line) !important;background:transparent !important;}
html body:not(#_m) #navProfileMenu .np-name{font-size:15px !important;font-weight:600 !important;color:var(--bn-ink) !important;letter-spacing:-.01em;}
html body:not(#_m) #navProfileMenu .np-email{font-size:13px !important;color:var(--bn-muted) !important;margin-top:2px;}
html body:not(#_m) #navProfileMenu .np-item{position:relative;display:flex !important;align-items:center;min-height:42px;padding:0 14px !important;border:0 !important;border-radius:14px !important;font-size:14.5px !important;font-weight:500 !important;color:var(--bn-text) !important;text-decoration:none !important;transition:background-color .3s var(--bn-ease),color .3s var(--bn-ease) !important;}
html body:not(#_m) #navProfileMenu .np-item:hover{background:var(--bn-card-2) !important;color:var(--bn-ink) !important;}
html body:not(#_m) #navProfileMenu .np-item-sep{border-top:0 !important;}
html body:not(#_m) #navProfileMenu .np-item:not(.np-item-sep) + .np-item-sep,html body:not(#_m) #navProfileMenu .np-item-danger{margin-top:9px !important;}
html body:not(#_m) #navProfileMenu .np-item:not(.np-item-sep) + .np-item-sep::before,html body:not(#_m) #navProfileMenu .np-item-danger::before{content:"";position:absolute;left:14px;right:14px;top:-5px;height:1px;background:var(--bn-line);}
html body:not(#_m) #navProfileMenu .np-item-danger{color:var(--bn-red) !important;font-weight:600 !important;}
html body:not(#_m) #navProfileMenu .np-item-danger:hover{background:var(--bn-red-t) !important;}
/* 8b. Kurs açıklama kartı iç boşluk (köşe yuvarlanınca metin kenardan kesiliyordu) + bölüm başlığı süs çizgileri */
html body:not(#_m) .crs-desc-card{padding:clamp(18px,2.4vw,28px) !important;}
html body:not(#_m) .section-header :is(.divider,hr){display:none !important;}
html body:not(#_m) .section-header :is(h2,.section-title)::after{display:none !important;}
html body:not(#_m) .section-header :is(h2,.section-title){font-weight:600 !important;letter-spacing:-.04em !important;color:var(--bn-ink) !important;}

/* ── 11. Statik sayfalar (2026-10-25, kullanıcı onayı) — Hakkımızda · Kurumsal · İletişim · SSS · Eğitmen ol · yasal ═══
   Ortak .pk- kiti + sayfa önekleri (.ab2 .kx .sqx .lgx .icx) bento diline: başlıklarda altın vurgu kelime yok,
   hap düğmeler, çerçevesiz yuvarlak kartlar, dolgulu form alanları, süs çizgisi/numara/büyük harfli etiket yok,
   eşit kutu ızgarası yerine farklı genişlikte kartlar. Detay sayfalarıyla aynı jetonlar (--bn-*). */

/* ── Bölümler: overflow-x:hidden bölümü kaydırma kabına çeviriyordu → SSS menüsü / yasal içindekiler
      ekrana yapışmıyor ve 96px aşağıda başlıyordu (ana sayfadaki eğitmen bölümüyle aynı hata). clip kap yapmaz. */
html body:not(#_m) .pk-sec{overflow-x:clip !important;overflow-y:visible !important;}

/* ── Başlık kutusu ve koyu bant ───────────────────────────────────── */
html body:not(#_m) .pk-hero{border-radius:32px !important;}
html body:not(#_m) .pk-hero::after,html body:not(#_m) .pk-dark::after{display:none !important;}
html body:not(#_m) .pk-hero h1{font-weight:600 !important;letter-spacing:-.04em !important;line-height:1.05 !important;}
html body:not(#_m) :is(.pk-hero h1,.pk-dark-line,.pk-h2,.ab2-h2) :is(em,b,strong,span[style*="E8B931"],span[style*="e8b931"]){color:inherit !important;font-style:normal !important;}
/* Üst etiket: görünür olduğu yerde sade hap (bazı sayfalarda bilerek gizli; display'e dokunulmaz) */
html body:not(#_m) .pk-eyebrow,html body:not(#_m) .ab2-eyebrow{line-height:30px;padding:0 13px;margin:0 0 18px !important;border-radius:999px;
  background:rgba(255,255,255,.13);color:#fff !important;font-size:13px !important;font-weight:500 !important;letter-spacing:0 !important;text-transform:none !important;}
html body:not(#_m) .pk-sec .pk-eyebrow,html body:not(#_m) .ab2-sec .ab2-eyebrow{background:var(--bn-card-2);color:var(--bn-ink) !important;}
html body:not(#_m) .pk-hero-lead{color:rgba(255,255,255,.82) !important;}
html body:not(#_m) .pk-dark{border-radius:32px !important;}
html body:not(#_m) .pk-dark-line{font-weight:600 !important;letter-spacing:-.03em !important;}

/* ── Düğmeler: hap; koyu zeminde beyaz birincil, ikincil yarı saydam ─ */
html body:not(#_m) .pk-btn{height:52px;padding:0 24px !important;border-radius:999px !important;border:0 !important;font-weight:600 !important;box-shadow:none !important;
  transition:transform .45s var(--bn-ease,cubic-bezier(.32,.72,0,1)),background-color .3s,color .3s !important;}
html body:not(#_m) .pk-btn:active{transform:scale(.98);}
html body:not(#_m) .pk-btn--gold,html body:not(#_m) .pk-btn--white{background:#fff !important;color:var(--bn-ink) !important;box-shadow:0 16px 32px -18px rgba(0,0,0,.45) !important;}
html body:not(#_m) .pk-btn--gold:hover,html body:not(#_m) .pk-btn--white:hover{transform:translateY(-1px);}
html body:not(#_m) .pk-btn--ghost{background:rgba(255,255,255,.12) !important;color:#fff !important;}
html body:not(#_m) .pk-btn--ghost:hover{background:rgba(255,255,255,.2) !important;}
html body:not(#_m) .pk-btn--primary{background:var(--bn-pill) !important;color:var(--bn-pill-ink) !important;}
html body:not(#_m) .pk-btn--primary:hover{background:var(--bn-pill-h) !important;}
html body:not(#_m) .pk-btn--line{background:var(--bn-card-2) !important;color:var(--bn-ink) !important;}
html body:not(#_m) .pk-btn--line:hover{background:var(--bn-pill) !important;color:var(--bn-pill-ink) !important;}
/* Hakkımızda başlık kutusu: .btn-white + .ab2-ghost aynı hap çiftine */
html body:not(#_m) .ab2-ghost{display:inline-flex !important;align-items:center;height:52px;padding:0 24px !important;border:0 !important;border-radius:999px !important;
  background:rgba(255,255,255,.12) !important;color:#fff !important;font-weight:600 !important;text-decoration:none !important;transition:background-color .3s !important;}
html body:not(#_m) .ab2-ghost:hover{background:rgba(255,255,255,.2) !important;}
/* Açık zemindeki "altın" düğme (bölüm içi) mürekkep olur */
html body:not(#_m) .pk-sec:not(.pk-dark) > .container > :not(.pk-dark) .pk-btn--gold{background:var(--bn-pill) !important;color:var(--bn-pill-ink) !important;box-shadow:none !important;}

/* ── Tipografi ve etiketler ───────────────────────────────────────── */
html body:not(#_m) :is(.pk-h2,.ab2-h2){font-weight:600 !important;letter-spacing:-.035em !important;}
html body:not(#_m) :is(.pk-h3,.pk-row h3,.sqx-group-title){font-weight:600 !important;}
html body:not(#_m) :is(.pk-gold,.ab2-mv-label){color:var(--bn-muted) !important;font-size:13.5px !important;font-weight:500 !important;letter-spacing:0 !important;text-transform:none !important;}
html body:not(#_m) .pk-svc-num{display:none !important;}
html body:not(#_m) .pk-svc-row{grid-template-columns:minmax(0,1fr) !important;}
html body:not(#_m) .ab2-quote::before{display:none !important;}

/* ── Kartlar, görseller, çipler ───────────────────────────────────── */
html body:not(#_m) .pk-card{border:0 !important;border-radius:24px !important;box-shadow:var(--bn-shadow),0 0 0 1px rgba(15,30,40,.05) !important;}
html body:not(#_m) .pk-card:hover{transform:none !important;box-shadow:var(--bn-shadow),0 0 0 1px rgba(15,30,40,.1) !important;}
html body:not(#_m) :is(.pk-media,.pk-svc-photo,.ab2-mv-media){border-radius:28px !important;}
html body:not(#_m) .pk-chip{border:0 !important;background:var(--bn-card-2) !important;color:var(--bn-ink) !important;font-weight:500 !important;}
html body:not(#_m) .pk-step:not(:last-child)::after{display:none !important;}
html body:not(#_m) .pk-step-num{width:34px !important;height:34px !important;background:var(--bn-pill) !important;font-size:14px !important;font-weight:600 !important;box-shadow:none !important;}

/* ── Hakkımızda: "Dört küçük söz" eşit kutu yerine farklı genişlikte kartlar, numara yok ─ */
html body:not(#_m) .ab2-values{display:grid !important;grid-template-columns:repeat(12,minmax(0,1fr)) !important;gap:12px !important;}
html body:not(#_m) .ab2-value{grid-column:span 6;border:0 !important;border-radius:24px !important;background:var(--bn-card-2) !important;box-shadow:none !important;padding:26px 28px !important;}
html body:not(#_m) .ab2-value:nth-child(4n+1),html body:not(#_m) .ab2-value:nth-child(4n+4){grid-column:span 7;}
html body:not(#_m) .ab2-value:nth-child(4n+2),html body:not(#_m) .ab2-value:nth-child(4n+3){grid-column:span 5;}
html body:not(#_m) .ab2-value-num{display:none !important;}
html body:not(#_m) .ab2-value h3{font-size:19px !important;font-weight:600 !important;letter-spacing:-.02em !important;}
@media (max-width:760px){
  html body:not(#_m) .ab2-value,html body:not(#_m) .ab2-value:nth-child(n){grid-column:1 / -1 !important;}
}
html body:not(#_m) .ab2-name b{color:#fff !important;}

/* ── Kurumsal: paketler (önerilen = mürekkep çerçeve, altın parıltı yok; içerikte ✓ yok) ─ */
html body:not(#_m) .kx-pkg{border:0 !important;border-radius:28px !important;box-shadow:var(--bn-shadow),0 0 0 1px rgba(15,30,40,.06) !important;}
html body:not(#_m) .kx-pkg.is-featured{box-shadow:var(--bn-shadow),0 0 0 2px var(--bn-ink) !important;}
html body:not(#_m) .kx-pkg li{padding-left:0 !important;}
html body:not(#_m) .kx-pkg li::before,html body:not(#_m) .kx-pkg li svg{display:none !important;}
html body:not(#_m) .kx-pkg li + li{border-top:1px solid rgba(15,30,40,.07);}
html body:not(#_m) .kx-pkg .pk-btn{width:100%;}

/* ── Form (İletişim, Kurumsal, Eğitmen ol): çerçevesiz kart, dolgulu alanlar ─ */
html body:not(#_m) .pk-form{border:0 !important;border-radius:28px !important;box-shadow:var(--bn-shadow),0 0 0 1px rgba(15,30,40,.05) !important;}
html body:not(#_m) .pk-form-hd{border-bottom:0 !important;padding-bottom:4px !important;}
html body:not(#_m) .pk-form-hd h3{font-weight:600 !important;letter-spacing:-.02em !important;}
html body:not(#_m) .pk-form :is(input[type=text],input[type=email],input[type=tel],input[type=number],input[type=url],select,textarea){
  min-height:52px;border:1px solid transparent !important;border-radius:16px !important;background:var(--bn-card-2) !important;box-shadow:none !important;color:var(--bn-ink) !important;
  transition:background-color .2s,border-color .2s !important;}
html body:not(#_m) .pk-form textarea{padding-top:14px !important;}
html body:not(#_m) .pk-form :is(input,select,textarea):focus{background:#fff !important;border-color:var(--bn-ink) !important;outline:0 !important;}
html body:not(#_m) .pk-form .pk-submit,html body:not(#_m) .pk-form button[type=submit]{height:54px;border-radius:999px !important;background:var(--bn-pill) !important;color:var(--bn-pill-ink) !important;border:0 !important;font-weight:600 !important;}
html body:not(#_m) .pk-contact .ic{display:none !important;}   /* içerikte ikon yok: etiket + değer yeterli */
html body:not(#_m) .icx-social{border:0 !important;border-radius:50% !important;background:var(--bn-card-2) !important;}
html body:not(#_m) .icx-social:hover{background:var(--bn-pill) !important;color:var(--bn-pill-ink) !important;}

/* ── SSS: kutu kutu sorular yerine her grup tek yuvarlak kart, sorular ince çizgiyle ─ */
html body:not(#_m) .sqx-group:first-of-type{margin-top:0 !important;}
html body:not(#_m) .sqx-acc{gap:0 !important;border-radius:24px;background:var(--bn-card-2);padding:4px 8px;}
html body:not(#_m) .sqx-item{border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;}
html body:not(#_m) .sqx-item + .sqx-item{border-top:1px solid rgba(15,30,40,.08) !important;}
html body:not(#_m) .sqx-q{font-weight:600 !important;}
html body:not(#_m) .sqx-a{color:var(--bn-text) !important;}
html body:not(#_m) .sqx-nav a{border-radius:999px !important;}

/* ── Yasal metinler: giriş kutusu çerçevesiz, okunur satır, bölüm başlığı çizgisiz ─ */
html body:not(#_m) .lgx-body{max-width:72ch !important;color:var(--bn-text) !important;}
html body:not(#_m) .lgx-body > :first-child{border:0 !important;border-radius:24px !important;background:var(--bn-card-2) !important;box-shadow:none !important;}
html body:not(#_m) .lgx-body :is(h2,h3){border-bottom:0 !important;font-weight:600 !important;letter-spacing:-.02em !important;color:var(--bn-ink) !important;}
html body:not(#_m) .lgx-body :is(h2,h3)::after{display:none !important;}
html body:not(#_m) .lgx-toc a{border-left:0 !important;border-radius:999px !important;}
html body:not(#_m) .lgx-toc a.is-active{background:var(--bn-card-2) !important;color:var(--bn-ink) !important;}

/* ── 12. Eğitmen / stüdyo profilleri + sipariş takip (2026-10-25) ───
   Başlık kutusundaki süs halkası ve altın büyük harfli ünvan yok; "Hakkında" altın çizgisi ve iri ilk harf yok;
   belge rozetleri altın yerine nötr; randevu/iletişim/takip kartları çerçevesiz, alanlar dolgulu, düğmeler hap. */
html body:not(#_m) :is(.ipx-hero,.spx-hero){border-radius:32px !important;}
html body:not(#_m) :is(.ipx-hero,.spx-hero)::after{display:none !important;}
html body:not(#_m) :is(.ipx-title,.spx-role){color:rgba(255,255,255,.7) !important;font-size:14px !important;font-weight:500 !important;letter-spacing:0 !important;text-transform:none !important;}
html body:not(#_m) :is(.ipx-name,.spx-name){font-weight:600 !important;letter-spacing:-.04em !important;}
html body:not(#_m) .ipx-badge-dot{background:#fff !important;color:var(--bn-ink) !important;}
html body:not(#_m) .ipx-aff-chip{border:0 !important;border-radius:999px !important;background:rgba(255,255,255,.13) !important;color:#fff !important;}
html body:not(#_m) .ipx-rule{display:none !important;}
html body:not(#_m) .ipx-about p:first-child::first-letter{float:none !important;font:inherit !important;margin:0 !important;color:inherit !important;line-height:inherit !important;}
html body:not(#_m) :is(.ipx-h2,.spx-h2){font-weight:600 !important;letter-spacing:-.035em !important;border-bottom:0 !important;}
html body:not(#_m) :is(.ipx-h2,.spx-h2)::after{display:none !important;}
html body:not(#_m) :is(.ipx-cr-badge,.is-train .ipx-cr-badge){background:var(--bn-card-2) !important;color:var(--bn-ink) !important;}
html body:not(#_m) :is(.ipx-cr-badge small,.is-train .ipx-cr-badge small){color:var(--bn-muted) !important;}
html body:not(#_m) .ipx-cr-link:hover{color:var(--bn-ink) !important;}
html body:not(#_m) :is(.ipx-bk,.spx-contact,.trk-card){border:0 !important;border-radius:28px !important;box-shadow:var(--bn-shadow),0 0 0 1px rgba(15,30,40,.05) !important;overflow:hidden;}
html body:not(#_m) .ipx-bk-info .ipx-eyebrow{color:rgba(255,255,255,.7) !important;text-transform:none !important;letter-spacing:0 !important;}
html body:not(#_m) :is(.ipx-bk-form input,.ipx-bk-form select,.ipx-bk-form textarea,.trk-input){min-height:52px;border:1px solid transparent !important;border-radius:16px !important;background:var(--bn-card-2) !important;box-shadow:none !important;color:var(--bn-ink) !important;}
html body:not(#_m) :is(.ipx-bk-form input,.ipx-bk-form select,.ipx-bk-form textarea,.trk-input):focus{background:#fff !important;border-color:var(--bn-ink) !important;outline:0 !important;}
html body:not(#_m):not(#_bn) :is(.ipx-bk-btn,.trk-btn,.trk-submit){height:54px;border:0 !important;border-radius:999px !important;background:var(--bn-pill) !important;color:var(--bn-pill-ink) !important;font-weight:600 !important;}
html body:not(#_m):not(#_bn) :is(.ipx-bk-btn,.trk-btn,.trk-submit):hover{background:var(--bn-pill-h) !important;}
html body:not(#_m) :is(.spx-logo){border-radius:24px !important;}
html body:not(#_m) .trk-expect-item::before{display:none !important;}