/* Yazılım Atölyesi (/yazilim-atolyesi) — sayfaya özel v2 stilleri.
   Yalnızca site.css'te karşılığı olmayan parçalar; renkler :root token'larından.
   Animasyonlar yalnızca transform/opacity (compositor), ekran dışında durur,
   prefers-reduced-motion'da hiç çalışmaz. */

/* ── Hero: tanıtım videosu ─────────────────────────────────────────── */
.hv{position:relative}
/* Çizgili hale: çerçevenin dışındaki 10px bantta ince lacivert çapraz çizgiler (statik) */
.hv-ring{position:relative;padding:10px;margin:-10px}
.hv-ring::before{content:"";position:absolute;inset:0;border-radius:32px;padding:10px;pointer-events:none;
  background:repeating-linear-gradient(-45deg,rgba(169,180,245,.26) 0 1px,transparent 1px 8px);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
/* Çerçeve: 3px lacivert kenar + etrafında dönen açık mavi ışık çizgisi (dönen katman, yalnızca transform) */
.hv-frame{position:relative;padding:3px;border-radius:calc(var(--r-lg) + 3px);overflow:hidden;isolation:isolate;
  background:rgba(169,180,245,.20);box-shadow:0 26px 60px -30px rgba(47,63,168,.95)}
.hv-frame::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:210%;aspect-ratio:1;margin:-105% 0 0 -105%;
  background:conic-gradient(from 0deg,transparent 0 230deg,rgba(169,180,245,.25) 275deg,#A9B4F5 325deg,#fff 342deg,transparent 352deg)}
.hv-frame .vcard{border:0;border-radius:var(--r-lg)}
.vcard--hero::after{background:linear-gradient(180deg,rgba(10,10,11,0) 52%,rgba(10,10,11,.6))}
/* Oynat hapı: "▶ Tanıtımı izle | 1:33" — büyük, net, altta ortada */
.vcard-pill{position:absolute;left:50%;bottom:16px;z-index:2;transform:translateX(-50%);display:inline-flex;align-items:center;gap:10px;
  min-height:56px;padding:6px 18px 6px 6px;border-radius:999px;background:#fff;color:var(--ink);font-size:17px;font-weight:800;
  letter-spacing:-.01em;white-space:nowrap;box-shadow:0 16px 36px -12px rgba(0,0,0,.7);transition:transform .2s var(--ease)}
.vcard--hero:hover .vcard-pill{transform:translateX(-50%) scale(1.03)}
.vcard-pill-ic{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;flex-shrink:0}
.vcard-pill-ic svg{margin-left:3px}
.vcard-pill small{font-size:14.5px;font-weight:700;color:var(--text-3);padding-left:10px;border-left:1px solid var(--line-strong)}
.vcard--hero:focus-visible{outline:3px solid var(--accent-on-dark);outline-offset:4px}
/* Tarih şeridi (videonun hemen altı) */
.hv-meta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;font-size:14.5px;line-height:1.4;color:var(--on-ink-2);text-align:center;text-wrap:balance}
.hv-meta svg{flex-shrink:0;color:var(--accent-on-dark)}
.hv-meta b{color:#fff;font-weight:700}
@media(prefers-reduced-motion:no-preference){
  /* .is-vis: kart ekrandayken (p-yazilim-atolyesi.js) — ekran dışında animasyon yok */
  .hv.is-vis .hv-frame::before{animation:hvSpin 4.8s linear infinite}
  /* Oynat ikonunda nabız — video bir kez açıldıysa (.is-seen) durur, dikkat kayıt düğmesine geçer */
  .hv.is-vis .vcard--hero:not(.is-seen) .vcard-pill-ic::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--accent);animation:hvPulse 2.2s var(--ease) infinite}
}
@keyframes hvSpin{to{transform:rotate(1turn)}}
@keyframes hvPulse{0%{transform:scale(1);opacity:.85}80%,100%{transform:scale(1.75);opacity:0}}

/* Mobil: rozet → H1 → video (+ tarih) → açıklama → "Hemen Kaydol" → fiyat notu → sayılar.
   display:contents yalnızca görsel sırayı değiştirir; DOM sırası (ve SEO) aynı. */
@media(max-width:959px){
  .p-araclar .hero{padding-top:24px}
  .p-araclar .hero-grid{display:flex;flex-direction:column;gap:0}
  .p-araclar .hero-grid>div:first-child{display:contents}
  .p-araclar .hero-badge{order:-3;align-self:flex-start}
  .p-araclar .hero h1{order:-2}
  .p-araclar .hero-media{order:-1;margin-top:20px}
  .p-araclar .hero-cta .btn-ghost{display:none}
  /* Kare kapak, ortada ve küçük (tam genişlik kare mobilde fazla yer kaplıyordu); ilk ekrana
     sığar (alttaki yapışkan çubuk payı dahil). Tarih satırı (.hv-meta) tam genişlikte kalır. */
  /* 2026-10-20: kullanıcı isteğiyle küçültüldü (70vw/280px → 58vw/232px) */
  .p-araclar .hero{--hvw:clamp(180px,min(58vw,calc(100svh - 312px - var(--sticky-h,70px))),232px)}
  .p-araclar .hero-media .hv-ring{width:calc(var(--hvw) + 20px);margin:-10px auto}
  /* Videonun altındaki metin ortalı; genişliği videodan bağımsız (küçük kartta dar sütuna sıkışmasın) */
  .p-araclar .hero-sub{max-width:340px;margin-left:auto;margin-right:auto;text-align:center}
  /* Oynat hapı küçük karta orantılı */
  .p-araclar .vcard-pill{bottom:12px;min-height:44px;gap:8px;padding:4px 14px 4px 4px;font-size:14.5px}
  .p-araclar .vcard-pill-ic{width:36px;height:36px}
  .p-araclar .vcard-pill small{font-size:12.5px;padding-left:8px}
  /* Fiyat notu: ortalı iki satır — üstte eski fiyat + indirim, altta taksit + son başvuru */
  .p-araclar .hero-note{justify-content:center;text-align:center}
  .p-araclar .hero-note>span:last-child{flex-basis:100%}
  .p-araclar .hero-note .nw{white-space:nowrap}
  .p-araclar .vcard--hero{aspect-ratio:1/1;max-width:none;max-height:none;height:auto}
  .p-araclar .vcard--hero img{object-position:50% 20%}
  .hv-frame::before{width:150%;margin:-75% 0 0 -75%}   /* kare kart → daha küçük GPU katmanı */
}
/* Kısa ekranlar (iPhone SE, 360x640 Android): başlık biraz küçülür ki oynat hapı ilk ekranda,
   yapışkan çubuğun ÜSTÜNDE kalsın */
@media(max-width:959px) and (max-height:700px){
  .p-araclar .hero{padding-top:16px}
  .p-araclar .hero h1{font-size:clamp(27px,8.2vw,34px)}
  .p-araclar .hero h1:has(.hero-kicker--h1){margin-top:14px}
  .p-araclar .hero h1 .hero-kicker--h1{margin-bottom:6px;font-size:12px}
  .p-araclar .hero-media{margin-top:14px}
  .p-araclar .hero{--hvw:clamp(160px,min(58vw,calc(100svh - 268px - var(--sticky-h,70px))),232px)}
  .p-araclar .vcard--hero img{object-position:50% 30%}
}
@media(min-width:960px){
  .p-araclar .hv{max-width:340px;margin-left:auto}
  .p-araclar .hero-media .vcard--hero{aspect-ratio:9/16;max-width:none;max-height:none;margin:0}
}

/* ── Video modalı: videonun altında büyük "Hemen Kayıt Ol" ─────────── */
/* Tam opak: arkadaki yapışkan çubuğun yazısı not satırının arkasından görünmesin */
.vmodal--cta{background:#050507}
.vmodal--cta.is-open{flex-direction:column;gap:12px;padding-top:calc(66px + env(safe-area-inset-top));padding-bottom:calc(14px + env(safe-area-inset-bottom))}
.vmodal--cta .vmodal-in--916{width:min(92vw,420px,calc((100vh - 210px) * 9 / 16));width:min(92vw,420px,calc((100dvh - 210px) * 9 / 16))}
.vmodal-cta{width:min(92vw,420px);text-align:center}
.vmodal-cta .btn{min-height:58px;font-size:17.5px;white-space:nowrap}
.vmodal-cta .btn-price{opacity:.7}
.vmodal-cta-n{margin-top:8px;font-size:13.5px;color:rgba(255,255,255,.72)}
.vmodal-cta-n:empty{display:none}
.vmodal-cta-n s{color:rgba(255,255,255,.5)}
.vmodal.is-ended .vmodal-cta .btn{box-shadow:0 0 0 4px rgba(169,180,245,.55)}
@media(prefers-reduced-motion:no-preference){
  .vmodal.is-ended .vmodal-cta .btn{animation:ctaPop .45s var(--ease) both,ctaGlow 1.8s ease-in-out .45s infinite}
}
@keyframes ctaPop{0%{transform:scale(.96)}60%{transform:scale(1.04)}100%{transform:none}}
@keyframes ctaGlow{0%,100%{box-shadow:0 0 0 4px rgba(169,180,245,.55)}50%{box-shadow:0 0 0 10px rgba(169,180,245,0)}}
@media(max-width:359px){.vmodal-cta .btn{gap:8px;padding:0 14px;font-size:16px}.vmodal-cta .btn-price{padding-left:8px}}

/* ── Atölye künyesi kartı (#tanitim) ───────────────────────────────── */
.coh{background:var(--ink-2);border:1px solid var(--ink-line-strong);border-radius:var(--r-lg);padding:18px;box-shadow:0 28px 70px -40px rgba(0,0,0,.9)}
@media(min-width:960px){.coh{padding:24px}}
.coh-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.coh-top b{font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.25;color:#fff}
/* Kart artık açık zeminli bölümde: çipler koyu karta göre */
.coh .chip{background:rgba(255,255,255,.06);color:var(--on-ink-2);border-color:var(--ink-line)}
.coh .chip-ok{flex-shrink:0;background:rgba(18,128,92,.22);color:#7EE2B8;border-color:transparent}
.coh-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}
.coh-dates:has(>:only-child){grid-template-columns:1fr}
.coh-date{padding:12px 10px;border-radius:var(--r);background:rgba(255,255,255,.04);border:1px solid var(--ink-line);text-align:center}
.coh-date b{display:block;font-size:clamp(18px,5vw,22px);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#fff}
.coh-date span{display:block;margin-top:5px;font-size:12.5px;font-weight:700;color:var(--accent-on-dark)}
.coh-list{display:grid;gap:8px}
.coh-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);background:rgba(255,255,255,.03);border:1px solid var(--ink-line);font-size:14px;line-height:1.4;color:var(--on-ink-2)}
.coh-list svg{flex-shrink:0;color:var(--accent-on-dark)}
.coh .btn{margin-top:16px}

/* ── Tanıtım: metin + künye ────────────────────────────────────────── */
.promo{display:grid;gap:24px;align-items:center}
@media(min-width:960px){.promo{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px}}
.promo .checks{margin-top:20px}
/* Mobilde künye kartı gizli: aynı bilgi hemen altta program + fiyat kartında ve sabit barda var */
@media(max-width:959.98px){.promo-media{display:none}.prog-grid{gap:28px}}

/* ── Müfredat: gün adımları listesi ────────────────────────────────── */
.acc-b .checks{gap:9px}
.acc-b .checks li{font-size:14.5px}

/* ── Araçlar: 8 araç → masaüstünde 4 sütun ─────────────────────────── */
@media(min-width:960px){.tools-4 .tools{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ── Form ──────────────────────────────────────────────────────────── */
.fhint{display:block;font-size:12.5px;color:var(--text-3);margin-top:6px}
/* Havale teklifindeki uzun buton metni dar ekranda taşmasın */
#form-submit-btn{white-space:normal}
.ibanbox{margin-top:10px;padding:14px;border-radius:var(--r);background:var(--paper-2);border:1px solid var(--line)}
.ibanbox[hidden]{display:none}
.ibanbox .bank-f:first-child{margin-top:0}
.ibanbox .bank-row{background:var(--paper)}
.ibanbox .infobox{background:var(--paper);margin-top:12px}

/* Formun en üstü: eğitimin tarihi / saati / süresi */
.reg-when{display:flex;gap:12px;align-items:center;margin:0 0 18px;padding:12px 14px;border-radius:var(--r);background:var(--accent-soft);border:1px solid rgba(30,42,120,.14)}
.reg-when-ic{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:#fff}
.reg-when-t{min-width:0}
.reg-when-t b{display:block;font-size:16.5px;font-weight:800;letter-spacing:-.01em;line-height:1.25;color:var(--text)}
.reg-when-t span{display:block;margin-top:2px;font-size:14.5px;line-height:1.4;color:var(--text-2)}
.reg-when-t span+span{margin-top:0}
.reg-when-t .reg-when-n{margin-top:4px;font-size:13.5px;font-weight:600;color:var(--accent)}

/* Ödeme yükümlülüğü butonunun hemen üstünde toplam tutar */
.paysum{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding:12px 14px;border-radius:12px;background:var(--accent-soft);border:1px solid rgba(30,42,120,.14)}
.paysum-l{min-width:0}
.paysum-l b{display:block;font-size:15px;font-weight:700}
.paysum-l span{display:block;font-size:13.5px;color:var(--text-2);margin-top:1px;line-height:1.35}
.paysum-a{text-align:right;white-space:nowrap}
.paysum-a s{display:block;font-size:13px;color:var(--text-3)}
.paysum-a b{display:block;font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.paysum-a small{display:block;font-size:12px;color:var(--text-3)}
.paysum+.submit{margin-top:12px}

/* 45+ okunabilirlik: etiket ve onay metinleri 15px, ipuçları 14px */
#reg-form .field label{font-size:15px}
#reg-form .fhint{display:flex;gap:6px;align-items:center;font-size:14px;color:var(--text-2)}
#reg-form .fhint svg{flex-shrink:0;color:var(--ok)}
#reg-form .fsec--kisi .fsec-k{margin-top:14px}
#reg-form .fsec+.fsec{margin-top:18px;padding-top:18px}
#reg-form .fchecks .fcheck{align-items:flex-start;font-size:15px;line-height:1.45;padding:4px 0}
#reg-form .fchecks .fcheck input{margin-top:1px}
#reg-form .form-trust{font-size:13px}

/* Mobil: Ad | Soyad yan yana; formun üstündeki tekrarlar gizli (bilgi formda / butonun altında) */
@media(max-width:639px){
  #reg-form .fgrid--ad{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
  #reg-form .fgrid--ad>.field:nth-child(n+3){grid-column:1/-1}
}
@media(max-width:959px){
  #kayit.sec{padding-top:36px}
  .reg{gap:14px}
  .reg-side .lead,.reg-side .checks{display:none}
  .reg-side .h2{font-size:clamp(26px,7.2vw,34px);margin-top:8px}
}

/* ── Havale sonucu ─────────────────────────────────────────────────── */
.result-ic--warn{background:var(--warn-soft);color:var(--warn)}
.bankcard{margin-top:24px;text-align:left}
.bankcard .infobox{margin-top:14px}
.declare{margin-top:24px}
.declare .btn{width:100%;max-width:420px}

/* Son çağrı → footer: iki siyah blok arasında ince ayraç */
.final{border-bottom:1px solid var(--ink-line)}

/* Dokunma hedefi ≥48px: onay satırının tamamı etiket olarak tıklanır */
.fcheck{min-height:48px;align-items:center}
.fchecks{gap:4px}
.bank-row .copy{min-height:48px;padding:0 14px}

/* ── Mobil yapışkan kayıt çubuğu: açılışta görünür ─────────────────── */
.sticky--aty{gap:10px;padding:8px var(--gutter) calc(8px + env(safe-area-inset-bottom))}
.sticky--aty .sticky-p{flex:1 1 auto;min-width:0}
.sticky--aty .sticky-pr{display:flex;align-items:baseline;gap:7px;white-space:nowrap}
.sticky--aty .sticky-pr b{display:inline;font-size:21px}
.sticky--aty .sticky-pr s{font-size:14px;font-weight:600;color:var(--text-3)}
.sticky--aty .sticky-p .sticky-d{display:block;margin-top:3px;font-size:13.5px;font-weight:600;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky--aty .btn{flex-shrink:0;min-height:52px;padding:0 18px;font-size:16.5px}
@media(max-width:374px){
  .sticky--aty{gap:8px}
  .sticky--aty .sticky-pr{gap:5px}
  .sticky--aty .sticky-pr b{font-size:19px}
  .sticky--aty .sticky-pr s,.sticky--aty .sticky-p .sticky-d{font-size:12.5px}
  .sticky--aty .btn{padding:0 13px;font-size:15px}
}
/* Çubuk ilk kareden açık: kaydırma boyunca her karede bulanıklık hesabı yapılmasın */
@media(max-width:959px){
  .sticky--aty{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
  .p-yazilim-atolyesi .hdr{background:#0A0A0B;-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* ══ Atölye — Kasım 2026 tasarımı (.p-aty) ══════════════════════════════
   Kitle: kod bilmeyen, çoğu 40 yaş üstü — metinler bir kademe büyük, kontrast yüksek,
   dokunma hedefleri ≥48px. İlk ekranda görsel yok (LCP = başlık). Mobil öncelikli. */
.p-aty .hero{padding:28px 0 44px}
@media(min-width:960px){.p-aty .hero{padding:72px 0 88px}}
.p-aty .hero h1{font-size:clamp(32px,8.4vw,60px);line-height:1.06}
.p-aty .hero h1 .hero-kicker--h1{margin-bottom:10px}
.p-aty .hero-sub{font-size:clamp(17px,2.4vw,19.5px);margin-top:16px}
.p-aty .lead{font-size:clamp(16.5px,2.2vw,18.5px)}
/* Mobilde ilk ekran tek eylem: "Programı incele" yalnızca kayıt butonu yanında ve geniş ekranda */
@media(max-width:959px){
  .p-aty .hero-cta .btn-light~.aty-prog{display:none}
  .p-aty .hero-media{display:none}
  .p-aty .hero-cta{margin-top:20px}
}

/* Künye: tarih · saat · süre · yer */
.aty-tix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:22px 0 0;background:var(--ink-line);border:1px solid var(--ink-line-strong);border-radius:var(--r);overflow:hidden}
/* 4 sütun yalnızca tam genişlikte (tablet); masaüstünde hero sütunu dar → 2×2 */
@media(min-width:640px) and (max-width:959px){.aty-tix{grid-template-columns:repeat(4,minmax(0,1fr))}}
.aty-tix-i{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;padding:12px;background:var(--ink-2)}
@media(min-width:640px){.aty-tix-i{padding:14px}}
.aty-tix-i svg{grid-row:1/3;margin-top:1px;color:var(--accent-on-dark)}
.aty-tix dt{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-ink-3);line-height:1.3}
.aty-tix dd{margin:2px 0 0;min-width:0}
.aty-tix dd b{display:block;font-size:16.5px;font-weight:800;letter-spacing:-.01em;line-height:1.25;color:#fff}
.aty-tix dd span{display:block;font-size:13px;line-height:1.35;color:var(--on-ink-2);margin-top:1px}
@media(max-width:359px){.aty-tix-i{column-gap:8px;padding:10px}.aty-tix dd b{font-size:15px}}

/* Masaüstü sağ sütun: eğitmen fotoğrafı (tıklayınca tanıtım) + "Atölye sonunda elinde" + fiyat / WhatsApp */
.aty-get{background:var(--ink-2);border:1px solid var(--ink-line-strong);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 28px 70px -40px rgba(0,0,0,.9)}
.aty-get-v{position:relative;display:block;width:100%;aspect-ratio:16/10;padding:0;border:0;background:#0A0A0B;color:#fff;font:inherit;text-align:left;cursor:pointer;overflow:hidden}
.aty-get-v img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform .5s var(--ease)}
.aty-get-v:hover img{transform:scale(1.03)}
.aty-get-v::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,11,0) 42%,rgba(10,10,11,.94) 100%)}
.aty-get-v:focus-visible{outline:3px solid var(--accent-on-dark);outline-offset:-3px}
.aty-get-v-play{position:absolute;top:16px;left:16px;z-index:1;display:inline-flex;align-items:center;gap:7px;padding:9px 15px 9px 12px;border-radius:999px;background:linear-gradient(90deg,#6D28D9,#A855F7);font-size:14.5px;font-weight:700;box-shadow:0 8px 22px -6px rgba(109,40,217,.7)}
.aty-get-v-t{position:absolute;left:24px;right:24px;bottom:18px;z-index:1}
.aty-get-v-t b{display:block;font-size:19px;font-weight:800;letter-spacing:-.01em;line-height:1.25}
.aty-get-v-t span{display:block;margin-top:3px;font-size:15px;color:var(--on-ink-2)}
.aty-get-b{padding:24px 28px 28px}
.aty-get-y{margin:22px 0 14px;padding-top:18px;border-top:1px solid var(--ink-line);font-size:15.5px;line-height:1.5;color:var(--on-ink-2)}
.aty-get-y b{color:#fff}
/* Sol sütun masaüstünde tek hizada: eğitmen satırı sağ karta taşınır, butonlar eşit genişlikte */
@media(min-width:960px){
  .p-aty .hero-grid{align-items:start}
  .p-aty .hero .aty-ins{display:none}
  .p-aty .hero-cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .p-aty .hero-cta .btn{width:100%}
}
.aty-get-k{display:block;margin-bottom:18px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-on-dark)}
.aty-get .checks{gap:13px}
.aty-get .checks li{font-size:16px;color:var(--on-ink-2)}
.aty-get .checks li::before{background-color:rgba(169,180,245,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A9B4F5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}
.aty-get-p{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:24px 0 14px;padding-top:20px;border-top:1px solid var(--ink-line)}
.aty-get-p b{font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1;color:#fff}
.aty-get-p span{font-size:14px;color:var(--on-ink-2)}

/* Kimin için */
.aty-who{display:grid;gap:12px}
@media(min-width:960px){.aty-who{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
.aty-who-i{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:var(--r-lg);background:var(--paper-2)}
@media(min-width:960px){.aty-who-i{flex-direction:column;gap:18px;padding:28px}}
.aty-who-i b{display:block;font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.3}
.aty-who-i p{margin-top:6px;font-size:15.5px;line-height:1.55;color:var(--text-2)}
.aty-calm{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:14px 16px;border-radius:var(--r);background:var(--ok-soft);font-size:15.5px;font-weight:600;line-height:1.5;color:var(--text)}
.aty-calm svg{flex-shrink:0;margin-top:2px;color:var(--ok)}

/* Ne alacaksın: kazanımlar (fiyat kartının yanında) */
.p-aty .feat{padding:18px 18px 18px 16px}
.p-aty .feat b{font-size:17px}
.p-aty .feat span:not(.feat-ic){font-size:15px}

/* Program: gün kartları, yalnızca konu başlıkları (numara günler arasında devam eder) */
.aty-days{display:grid;gap:14px}
@media(min-width:960px){.aty-days{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.aty-days--1{grid-template-columns:minmax(0,1fr);max-width:760px}}
.aty-day{padding:20px 20px 10px;border-radius:var(--r-lg);background:var(--paper-2);border:1px solid var(--line)}
@media(min-width:960px){.aty-day{padding:28px 28px 14px}}
.aty-day-h h3{margin-top:12px;font-size:clamp(20px,5vw,24px);letter-spacing:-.02em}
.aty-konu{margin:14px 0 0;padding-left:1.75em}
.aty-konu li{padding:12px 0 12px 6px;border-top:1px solid var(--line);font-size:16px;font-weight:600;line-height:1.45;color:var(--text)}
.aty-konu li:first-child{border-top:0}
.aty-konu li::marker{color:var(--accent);font-weight:800;font-variant-numeric:tabular-nums}
.aty-note{margin-top:16px;font-size:14px;color:var(--text-3)}

/* Kayıttan sonra: adımlar */
.p-aty .step b{font-size:17px}
.p-aty .step p{font-size:15px}

/* ── 45+ düzenlemesi (27.10.2026): eğitmen satırı, WhatsApp, okunabilirlik ── */
/* İlk ekran: eğitmen — Instagram hikâyesi gibi mor halkalı fotoğraf, dokununca tanıtım videosu */
.aty-ins{display:flex;align-items:center;gap:14px;margin-top:22px;padding:8px 18px 8px 8px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--ink-line-strong);color:var(--on-ink);text-align:left;cursor:pointer;font:inherit;width:fit-content;max-width:100%;transition:background .2s}
.aty-ins:hover{background:rgba(255,255,255,.1)}
.aty-ins:focus-visible{outline:3px solid var(--accent-on-dark);outline-offset:3px}
.aty-ins-ph{position:relative;flex-shrink:0;width:66px;height:66px;border-radius:50%;padding:3px;isolation:isolate}
.aty-ins-ph::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;background:conic-gradient(from 0deg,#6D28D9,#A855F7,#E879F9,#C084FC,#7C3AED,#6D28D9)}
.aty-ins-ph img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 30%;border:3px solid #0A0A0B;background:#0A0A0B}
.aty-ins-play{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:#6D28D9;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.aty-ins-play svg{margin-left:2px}
.aty-ins-t{min-width:0}
.aty-ins-t b{display:block;font-size:15.5px;font-weight:700;line-height:1.3;color:#fff}
.aty-ins-t>span{display:block;font-size:14px;line-height:1.35;color:var(--on-ink-2)}
.aty-ins-t .aty-ins-cta{display:flex;align-items:center;gap:5px;margin-top:3px;font-weight:700;color:#D8B4FE}
@media(prefers-reduced-motion:no-preference){
  .aty-ins-ph::before{animation:atyHalka 3.2s linear infinite}
}
@keyframes atyHalka{to{transform:rotate(1turn)}}

/* Mobil ilk ekran akışı: buton → altında ortalı not → ortalı eğitmen → güven bandı */
@media(max-width:959px){
  .p-aty .hero-note{justify-content:center;text-align:center;margin-top:12px}
  .p-aty .aty-ins{margin:20px auto 0}
  .p-aty .aty-gb{margin-top:24px}
}

/* Güven bandı (hero): tek çerçeve — üstte rakamlar, altta kendiliğinden kayan kurum rozetleri */
.aty-gb{margin-top:32px;border:1px solid var(--ink-line-strong);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(169,180,245,.07),rgba(255,255,255,.02))}
.aty-gb-st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--ink-line)}
.aty-gb-s{padding:14px 6px 13px;text-align:center}
.aty-gb-s+.aty-gb-s{border-left:1px solid var(--ink-line)}
.aty-gb-s i{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 8px;border-radius:10px;background:rgba(169,180,245,.13);color:var(--accent-on-dark)}
.aty-gb-s b{display:block;font-size:clamp(19px,5.4vw,24px);font-weight:800;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums;color:#fff}
.aty-gb-s span{display:block;margin-top:4px;font-size:13px;line-height:1.3;color:var(--on-ink-2)}
.aty-gb-alt{padding:14px 0 16px}
.aty-gb-l{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:0 16px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--accent-on-dark)}
.aty-gb-l::before,.aty-gb-l::after{content:"";flex:1;height:1px;background:var(--ink-line-strong)}
/* width:0 + min-width:100% → şerit (max-content) hero sütununu genişletmez */
.aty-gb-mq{width:0;min-width:100%;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.aty-gb-mq-in{display:flex;width:max-content;animation:atyKay 40s linear infinite}
.aty-gb-mq:hover .aty-gb-mq-in{animation-play-state:paused}
.aty-gb-mq-g{display:flex;gap:10px;flex-shrink:0;margin:0;padding:0 10px 0 0;list-style:none}
@keyframes atyKay{to{transform:translateX(-50%)}}
.aty-gb-rz{display:flex;align-items:center;gap:10px;padding:9px 16px 9px 9px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--ink-line);white-space:nowrap}
.aty-gb-rz-ic{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:10px;background:rgba(169,180,245,.13);color:var(--accent-on-dark)}
.aty-gb-rz b{display:block;font-size:15px;line-height:1.2;color:#fff}
.aty-gb-rz small{display:block;margin-top:2px;font-size:13px;color:var(--on-ink-2)}
/* Hareket azaltma açıksa şerit durur, parmakla kaydırılır */
@media(prefers-reduced-motion:reduce){
  .aty-gb-mq{-webkit-mask:none;mask:none;overflow-x:auto}
  .aty-gb-mq-in{animation:none;padding-left:16px}
  .aty-gb-mq-g[aria-hidden]{display:none}
}

/* Fiyat kartında WhatsApp */
.aty-wa{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:14px;padding:10px 16px;border-radius:12px;background:#E9F8EF;color:#0F5132;font-size:15px;line-height:1.35;text-decoration:none;text-align:left}
.aty-wa svg{flex-shrink:0;color:#18964C}
.aty-wa b{font-weight:700;white-space:nowrap}
.aty-wa:hover{background:#DDF3E5}
.aty-sss-wa{margin-top:22px;display:flex;justify-content:center}
@media(max-width:639px){.aty-sss-wa .btn{width:100%}}
/* Atölyeden sonra: 3 kart */
@media(min-width:960px){.aty-sonra{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
/* Okunabilirlik: bilgi taşıyan küçük yazılar en az 14px */
.p-aty .hero-stat span{font-size:14px}
.p-aty .aty-tix dt{font-size:12.5px}
.p-aty .aty-tix dd span{font-size:14px}
.p-aty .trust-row{font-size:13.5px}
.p-aty .vcard-cap span{font-size:14px}
.p-aty .inst .chip,.p-aty .ecard p{font-size:14px}
.p-aty .price-tag{font-size:14px}
.p-aty .aty-day .chip{font-size:14px}

/* Gerçek projeler: yatay kaydırma yerine 2×2 (masaüstünde 4'lü); açıklama görselin altında */
.aty-projs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
@media(min-width:960px){.aty-projs{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}
.aty-proj{margin:0;min-width:0}
.aty-proj .vcard{width:100%;border-radius:var(--r)}
.aty-proj .vcard-play{width:40px;height:40px;margin:-20px 0 0 -20px}
.aty-proj .vcard-play svg{width:18px;height:18px}
.aty-proj figcaption{margin-top:10px}
.aty-proj figcaption b{display:block;font-size:15px;font-weight:700;line-height:1.3;color:#fff}
.aty-proj figcaption span{display:block;margin-top:3px;font-size:14px;line-height:1.45;color:var(--on-ink-2)}
@media(min-width:960px){.aty-proj figcaption b{font-size:16.5px}.aty-proj .vcard-play{width:52px;height:52px;margin:-26px 0 0 -26px}.aty-proj .vcard-play svg{width:22px;height:22px}}