/* ==========================================================================
   SESSİZ MİSAFİR · v4-yeni.css
   "İPEK ODA" (v4) sayfalarını yeni tasarım sistemine (site.css) bağlayan
   katman. Yalnız bu dosya; HTML/JS/site.css/v4.css DEĞİŞTİRİLMEDİ.

   Yükleme sırası (12 v4 sayfasının <head>'i):
       v4.css  →  site.css  →  v4-yeni.css   (bu dosya)
   Bu yüzden buradaki her kural, kaynak sırası gereği v4.css ve site.css'i
   ezer.

   Kapsam: yalnız v4 sayfaları bu dosyayı yükler (index.html yüklemez).
   Bu yüzden "gövde" seviyesi kurallar güvenlidir.

   İçindekiler
     1. Token eşlemesi (:root)
     2. Temel / sıfırlama uyumu
     3. Sayfa kabuğu ve yerleşim
     4. Tipografi
     5. Düğmeler
     6. Kartlar, paneller, notlar
     7. Listeler, tablolar, ayraçlar
     8. Formlar
     9. Akordeon, modal, toast
     10. Medya oynatıcı, oturum, adım, levha, mektup
     11. Duyarlılık ve erişilebilirlik
   ========================================================================== */

/* ==========================================================================
   1. TOKEN EŞLEMESİ
   v4.css'in --ipk-* / --v4-* değişkenleri yeni sistemin paletine bağlanır.
   Böylece v4.css'in 94 .v4-* kuralının çoğu kendiliğinden yeni dile geçer.
   ========================================================================== */
:root{
  /* — zeminler — */
  --ipk-zemin:      #EDE4D9;  /* = var(--kum)      sayfa zemini        */
  --ipk-yuzey:      #FFFFFF;  /* = var(--beyaz)    kart yüzeyi        */
  --ipk-yuzey-2:    #F6F1E9;  /* sıcak beyaz, ikincil yüzey          */
  --ipk-mist:       #E4DACC;  /* sıcak kum tonu                     */
  --ipk-gul:        #E8DAD3;  /* solgun kum — dekoratif yalnız       */
  --ipk-saten:      #DDE3DB;  /* solgun adaçayı                     */
  --ipk-mavi:       #D9E4EE;  /* = var(--pus)                        */
  --ipk-altin:      #E9DCC6;  /* solgun kum-altın                   */
  --ipk-ada:        #DFE5DC;  /* solgun adaçayı                     */

  /* — mürekkep — */
  --ipk-murekkep:   #061A2B;  /* = var(--lacivert) ana metin         */
  --ipk-murekkep-2: #33526A;  /* = var(--duman)   ikincil metin      */
  --ipk-murekkep-3: #5C6B78;  /* = var(--gri)     soluk metin        */

  /* — vurgu — */
  --ipk-vurgu:      #966B57;  /* = var(--kil)    CTA / vurgu         */
  --ipk-vurgu-koyu: #7C594A;  /* vurgu hover                       */
  --ipk-cizgi:      rgba(6,26,43,.10); /* = var(--ince) saç teli ayraç */

  /* — tipografi — */
  --v4-yazi:  'Jost', 'Avenir Next', Avenir, Helvetica, Arial, sans-serif;
  --v4-govde: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* — ölçü — */
  --v4-maks:  1180px;        /* = var(--genislik)                   */
  --v4-kenar: 0;             /* kenar boşluğu artık .girdi'den gelir */
  --v4-r-kart: 18px;         /* = var(--yuvarlak)                   */
  --v4-r-btn:  999px;
  --v4-r-ic:   12px;         /* = var(--yuvarlak-k)                 */
  --v4-r-kucuk:10px;

  /* — gölge / kenar —
     "ipek kıvrımı" dekoratif gradyan çerçevesi yeni sistemde yok:
     --v4-ipk ve --v4-kenar-acik kapatılır, yerine açıkça 1px ince
     çerçeve (aşağıdaki bileşen kuralları) yazılır. */
  --v4-golge:      0 14px 32px rgba(6,26,43,.09);
  --v4-golge-kucuk:0 10px 28px rgba(6,26,43,.07);
  --v4-golge-derin:0 24px 56px rgba(6,26,43,.12);
  --v4-ipk:        none;
  --v4-kenar-acik: none;

  /* — durum renkleri (metin + ikon birlikte) — */
  --v4-hata:  #A8574F;
  --v4-uyari: #7E6330;
  --v4-ok:    #4F6E58;
}

/* ==========================================================================
   2. TEMEL / SIFIRLAMA UYUMU
   ========================================================================== */
html{
  overflow-x:hidden;
  scroll-behavior:smooth;
}

body{
  margin:0;
  background:var(--kum);
  color:var(--lacivert);
  font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

/* Başlıklar: v4'ün serif'i (Cormorant) tamamen düşer. */
h1,h2,h3,h4,h5,h6{
  font-family:"Jost","Avenir Next",Avenir,Helvetica,Arial,sans-serif;
  font-weight:500;
  line-height:1.12;
  letter-spacing:-.015em;
  color:var(--lacivert);
  text-wrap:balance;
}

/* İçerik bağlantıları yeni dilde: kil rengi. */
a{
  color:var(--kil);
  text-decoration-color:rgba(150,107,87,.45);
  text-underline-offset:3px;
  transition:color .2s var(--ease),text-decoration-color .2s var(--ease);
}

::selection{
  background:var(--pus);
  color:var(--lacivert);
}

/* Odak halkası site.css ile aynı. */
:focus-visible{
  outline:2px solid var(--kil);
  outline-offset:3px;
  border-radius:4px;
}

p{margin:0 0 1em}
strong{font-weight:700}

/* `hidden` özniteliği her zaman gizli demektir. v4.css'in display:flex /
display:block kuraları `[hidden]`'ı eziyordu (ör. boş hata kutusunda
başıboş bir "⚠" görünüyordu). */
[hidden]{display:none !important}

/* ==========================================================================
   3. SAYFA KABUĞU VE YERLEŞİM
   ========================================================================== */

/* "İpek oda" dokusu ve pastel radyal bantları kaldırıldı; kabuk yeni
   sistemin sayfa zeminini (kum) birebir taşır — site.css'in body kuralıyla
   aynı değer. (body'ye `background:none` verilirse tuval beyaza düşer ve
   sayfa yeni tasarım dilinden ayrılır.) */
.v4-shell{
  position:relative;
  isolation:isolate;
  min-height:100vh;
  min-height:100dvh;
  font-variant-numeric:lining-nums tabular-nums;
  font-feature-settings:"lnum" 1,"tnum" 1;
  background:var(--kum);
  overflow-x:clip;   /* clip, sticky header'ı bozmaz (hidden bozuyor) */
}
.v4-shell::before{display:none}   /* feTurbulence ipek gürültüsü */

/* İçerik genişliği yeni sistemin .girdi ile birebir aynı. */
.v4-wrap{
  width:min(100% - 2.5rem,var(--genislik));
  max-width:var(--genislik);
  margin-inline:auto;
  padding-inline:0;
}

/* Bölüm ölçeği yeni sistemin .bolum ölçeğiyle aynı. */
.v4-section{
  padding-block:clamp(3.6rem,8vw,6.6rem);
  position:relative;
}
.v4-section--tight{padding-block:clamp(2.6rem,6vw,4.2rem)}

/* Zemin ritmi: kum / beyaz / pus. */
.v4-section--mist{background:var(--pus)}
.v4-section--yuzey{background:var(--beyaz)}

/* Hairline ayraç. */
.v4-rule{
  height:1px;
  border:0;
  background:var(--ince);
  margin:0;
}
.v4-rule--soft{background:rgba(6,26,43,.06)}

/* Izgaralar. `auto-fill` boş izgarayı SİLMEZ: tek görünür öğe (ör. üye
   panelindeki tek açık sekme) yalnız bir kolonu kaplar, formun tablo
   genişliğine yayılmasını engeller. */
.v4-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));
  gap:clamp(20px,2.6vw,34px);
  align-items:stretch;
}
.v4-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.v4-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.v4-grid--tight{gap:clamp(14px,1.8vw,22px)}
.v4-grid > *,.v4-split > *,.v4-stack > *{min-width:0}

.v4-stack{
  display:flex;
  flex-direction:column;
  gap:clamp(16px,2vw,26px);
}
.v4-stack--tight{gap:12px}
.v4-stack--loose{gap:clamp(28px,3.4vw,44px)}
.v4-grid.v4-stack{display:grid}
.v4-grid--2.v4-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
.v4-grid--3.v4-stack{grid-template-columns:repeat(3,minmax(0,1fr))}

.v4-row{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
}

.v4-split{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:clamp(28px,4vw,64px);
  align-items:center;
}
/* Sütun sırası HTML sırasıyla aynıdır (v4.css'in `order` kuralı metni
   sağa itip formu sola atıyordu). */
.v4-split__text{order:0;min-width:0}
.v4-split__media{order:0;min-width:0}

/* ==========================================================================
   4. TIPOGRAFİ
   ========================================================================== */

/* .v4-eyebrow  ≡  .bolum__ust */
.v4-eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:.78rem;
  font-weight:700;
  line-height:1.4;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--kil);
  margin:0 0 18px;
}
.v4-eyebrow__no{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  height:auto;
  padding:.3rem .7rem;
  border-radius:999px;
  background:rgba(150,107,87,.13);
  color:var(--kil);
  font-variant-numeric:lining-nums tabular-nums;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.1em;
  flex:none;
}
.v4-eyebrow--center{justify-content:center}

/* Başlık ölçekleri yeni sistemin h1/h2/h3 ölçeğiyle aynı. */
.v4-h1{
  font-size:clamp(2.1rem,5.2vw,3.5rem);
  font-weight:500;
  line-height:1.12;
  letter-spacing:-.015em;
  margin:0 0 20px;
}
.v4-h2{
  font-size:clamp(1.6rem,3.4vw,2.45rem);
  font-weight:500;
  line-height:1.12;
  letter-spacing:-.015em;
  margin:0 0 18px;
}
.v4-h3{
  font-size:clamp(1.08rem,1.7vw,1.32rem);
  font-weight:500;
  line-height:1.25;
  letter-spacing:-.015em;
  margin:0 0 12px;
}
.v4-h4{
  font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:1.02rem;
  font-weight:700;
  line-height:1.35;
  letter-spacing:0;
  margin:0 0 10px;
}

/* .v4-lede  ≡  .bolum__lede */
.v4-lede{
  font-size:clamp(1.02rem,1.5vw,1.16rem);
  line-height:1.65;
  color:var(--duman);
  max-width:62ch;
  margin:0 0 28px;
}

.v4-body{
  font-size:1.0625rem;
  line-height:1.65;
  max-width:68ch;
  color:var(--lacivert);
}
.v4-body + .v4-body{margin-top:1.05em}

.v4-muted{
  color:var(--duman);
  line-height:1.65;
  font-size:1.0625rem;
}
.v4-faint{
  color:var(--duman);
  font-size:.875rem;
  line-height:1.6;
}
.v4-small{font-size:.9375rem;line-height:1.6}
.v4-num{font-variant-numeric:lining-nums tabular-nums}

.v4-price{
  font-family:"Jost","Avenir Next",Avenir,Helvetica,Arial,sans-serif;
  font-size:clamp(1.5rem,2.6vw,2rem);
  font-weight:500;
  line-height:1.15;
  letter-spacing:-.015em;
  font-variant-numeric:lining-nums tabular-nums;
  color:var(--lacivert);
}

.v4-link{
  color:var(--kil);
  text-decoration:underline;
  text-decoration-color:rgba(150,107,87,.55);
  text-decoration-thickness:1px;
}

.v4-divider{
  display:flex;
  align-items:center;
  gap:14px;
  color:var(--duman);
  font-size:.78rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.v4-divider::before,
.v4-divider::after{
  content:"";
  flex:1;
  height:1px;
  background:var(--ince);
}

.v4-center{text-align:center}
.v4-center .v4-lede{margin-inline:auto}

/* ==========================================================================
   5. DÜĞMELER  (.v4-btn  ≡  .dgm)
   ========================================================================== */
.v4-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  min-height:44px;
  padding:.82rem 1.5rem;
  border-radius:999px;
  border:1px solid transparent;
  background:var(--lacivert);
  color:var(--beyaz);
  font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:.97rem;
  font-weight:600;
  line-height:1.3;
  letter-spacing:0;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  transition:background-color .2s var(--ease),color .2s var(--ease),
             border-color .2s var(--ease),transform .2s var(--ease);
}
.v4-btn[disabled],
.v4-btn[aria-disabled="true"]{
  opacity:.55;
  cursor:not-allowed;
}

.v4-btn--ghost{
  background:transparent;
  color:var(--lacivert);
  border-color:rgba(6,26,43,.22);
}
.v4-btn--soft{
  background:var(--beyaz);
  color:var(--lacivert);
  border-color:var(--ince);
}
.v4-btn--ada{
  background:var(--pus);
  color:var(--lacivert);
  border-color:transparent;
}
.v4-btn--sm{
  min-height:44px;
  padding:.6rem 1.1rem;
  font-size:.9rem;
}
.v4-btn--block{display:flex;width:100%}
.v4-btn--icon{
  width:44px;
  min-width:44px;
  padding:0;
  border-radius:50%;
}

/* Seçili sekme dolu; seçili olmayan çerçeveli kalır. */
[role="tab"][aria-selected="true"].v4-btn{
  background:var(--lacivert);
  color:var(--beyaz);
  border-color:transparent;
}

@media (hover:hover){
  .v4-btn:hover{
    background:var(--lacivert-2);
    transform:translateY(-1px);
  }
  .v4-btn--ghost:hover{
    background:rgba(255,255,255,.5);
    border-color:var(--lacivert);
    color:var(--lacivert);
  }
  .v4-btn--soft:hover{
    background:var(--pus);
    border-color:rgba(6,26,43,.2);
  }
  .v4-btn--ada:hover{background:#CBD9E6}
}
.v4-btn:active{transform:scale(.985)}

/* ==========================================================================
   6. KARTLAR, PANELLER, NOTLAR
   ========================================================================== */
.v4-card{
  position:relative;
  background:var(--beyaz);
  border:1px solid var(--ince);
  border-radius:18px;
  box-shadow:0 1px 2px rgba(6,26,43,.04);
  padding:clamp(20px,2.4vw,30px);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease);
}

/* Eylem satırı olan kartlar flex kolona geçer (v4 davranışı korunur). */
.v4-card:has(.v4-card__foot){
  display:flex;
  flex-direction:column;
  align-self:stretch;
}
.v4-card:has(.v4-card__foot) > .v4-badge,
.v4-card:has(.v4-card__foot) > .v4-btn:not(.v4-btn--block){align-self:flex-start}

/* V4'ün pastel ton kartları yeni dilde düzleştirilir: beyaz yüzey +
   ince çerçeve. Ayırt edici olan başlık/numara metnidir. */
.v4-card--tint{
  background:var(--beyaz);
  border-color:var(--ince);
}
.v4-card--gul,.v4-card--saten,.v4-card--mavi,.v4-card--altin,.v4-card--ada{
  --tone:var(--ince);
}

.v4-card--press{cursor:pointer}
.v4-card--flat{box-shadow:none}
.v4-card--media{padding:0;overflow:hidden}

/* Seçilebilir kartlar flex kolona geçer: ızgaradaki kartlar eşit yükseklikte
   olur ve fiyat/eylem altta hizalanır (yeni tasarımdaki .urun__oku düzeni). */
.v4-card--press{
  display:flex;
  flex-direction:column;
}
.v4-card--press > .v4-price{margin-top:auto;padding-top:.75rem}
.v4-card--press > .v4-btn:not(.v4-btn--block){align-self:flex-start}

.v4-card__body{padding:clamp(20px,2.4vw,30px)}
.v4-card__media{
  aspect-ratio:4/3;
  overflow:hidden;
  background:var(--pus);
}
.v4-card__media img{width:100%;height:100%;object-fit:cover}
.v4-card__foot{
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid var(--ince);
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  justify-content:space-between;
}

/* İç içe yüzey (panel). */
.v4-panel{
  background:var(--beyaz);
  border:1px solid var(--ince);
  border-radius:18px;
  padding:clamp(18px,2.2vw,26px);
}
.v4-panel--glass{
  background:rgba(255,255,255,.72);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);
  backdrop-filter:blur(14px) saturate(1.2);
  border-color:var(--ince);
  box-shadow:var(--v4-golge-kucuk);
}

/* Uyarı kutusu  ≡  .yazi-kutu */
.v4-note{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:1.2rem 1.35rem;
  border:1.5px solid var(--kil);
  border-radius:12px;
  background:rgba(150,107,87,.09);
  color:var(--lacivert);
  font-size:.9375rem;
  line-height:1.65;
}
.v4-note__icon{flex:none;color:var(--kil)}

/* Rozet / hap. */
.v4-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:999px;
  background:var(--kum);
  border:1px solid var(--ince);
  color:var(--duman);
  font-size:12px;
  font-weight:600;
  line-height:1.5;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.v4-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 14px;
  border-radius:999px;
  background:var(--beyaz);
  border:1px solid var(--ince);
  color:var(--duman);
  font-size:13px;
  line-height:1.5;
}

/* ==========================================================================
   7. LİSTELER, TABLOLAR, AYRAÇLAR
   ========================================================================== */
.v4-rule-list > li{
  padding-block:15px;
  border-bottom:1px solid var(--ince);
  line-height:1.65;
}
.v4-rule-list > li:first-child{padding-top:0}
.v4-rule-list > li:last-child{border-bottom:0;padding-bottom:0}

.v4-table{
  width:100%;
  border-collapse:collapse;
  font-size:.95rem;
  line-height:1.6;
  color:var(--lacivert);
  font-variant-numeric:lining-nums tabular-nums;
}
.v4-table caption{
  text-align:left;
  font-size:.875rem;
  color:var(--duman);
  padding-bottom:10px;
}
.v4-table th,
.v4-table td{
  padding:13px 15px;
  text-align:left;
  border-bottom:1px solid var(--ince);
  vertical-align:top;
}
.v4-table thead th{
  background:var(--kum);
  color:var(--lacivert);
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  border-bottom:1px solid rgba(6,26,43,.14);
  white-space:nowrap;
}
.v4-table tbody tr:last-child td{border-bottom:0}
.v4-table__num{font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}

.v4-table-wrap{
  background:var(--beyaz);
  border:1px solid var(--ince);
  border-radius:18px;
  box-shadow:0 1px 2px rgba(6,26,43,.04);
  padding:clamp(10px,1.6vw,18px);
  overflow:hidden;
}

/* ==========================================================================
   8. FORMLAR
   ========================================================================== */
.v4-field{margin:0 0 18px}

.v4-label{
  display:block;
  margin-bottom:8px;
  font-size:.9rem;
  font-weight:600;
  letter-spacing:.01em;
  color:var(--lacivert);
}
.v4-label__opt{
  font-weight:400;
  color:var(--duman);
  letter-spacing:0;
}

.v4-input,
.v4-textarea{
  display:block;
  width:100%;
  min-height:48px;
  padding:11px 15px;
  border:1px solid rgba(6,26,43,.14);
  border-radius:12px;
  background:var(--beyaz);
  color:var(--lacivert);
  font-size:16px;
  line-height:1.6;
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background-color .2s var(--ease);
  -webkit-appearance:none;
  appearance:none;
}
.v4-textarea{
  min-height:132px;
  resize:vertical;
  line-height:1.65;
}
.v4-input::placeholder,
.v4-textarea::placeholder{color:var(--duman);opacity:1}
.v4-input:focus,
.v4-textarea:focus{
  outline:none;
  border-color:var(--kil);
  box-shadow:0 0 0 3px rgba(150,107,87,.35);
}
.v4-field--error .v4-input,
.v4-field--error .v4-textarea{
  border-color:var(--v4-hata);
  box-shadow:0 0 0 3px rgba(168,87,79,.18);
}
.v4-field__error{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin-top:8px;
  font-size:.875rem;
  line-height:1.55;
  color:var(--v4-hata);
}
.v4-field__error::before{
  content:"⚠";
  flex:none;
  font-size:.9375rem;
  line-height:1.5;
}
.v4-field__hint{
  margin-top:8px;
  font-size:.875rem;
  line-height:1.55;
  color:var(--duman);
}
.v4-field--inline{
  display:flex;
  align-items:flex-start;
  gap:12px;
}

/* Onay kutusu doğrudan .v4-field içinde duran satırlar da tek satırda
   okunur (iletisim sayfasındaki KVKK onayı gibi). */
.v4-field:has(> .v4-checkbox),
.v4-field:has(> .v4-radio){
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.v4-field:has(> .v4-checkbox) > .v4-label,
.v4-field:has(> .v4-radio) > .v4-label{margin-bottom:0}

.v4-checkbox,
.v4-radio{
  appearance:none;
  -webkit-appearance:none;
  flex:none;
  width:22px;
  height:22px;
  margin:2px 0 0;
  border:1px solid rgba(6,26,43,.28);
  border-radius:12px;
  background:var(--beyaz);
  cursor:pointer;
  transition:border-color .2s var(--ease),background-color .2s var(--ease);
}
.v4-radio{border-radius:50%}
.v4-checkbox:checked,
.v4-radio:checked{
  border-color:var(--lacivert);
  background-color:var(--lacivert);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7' fill='none' stroke='%23FFFFFF' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size:15px 15px;
  background-position:center;
  background-repeat:no-repeat;
}
.v4-radio:checked{
  background-image:none;
  box-shadow:inset 0 0 0 4px var(--beyaz);
}
.v4-checkbox:focus-visible,
.v4-radio:focus-visible{
  outline:2px solid var(--kil);
  outline-offset:2px;
}
.v4-check{
  display:flex;
  align-items:flex-start;
  gap:12px;
  font-size:.9375rem;
  line-height:1.6;
  color:var(--lacivert);
  cursor:pointer;
}

/* ==========================================================================
   9. AKORDEON, MODAL, TOAST
   ========================================================================== */
.v4-accordion{
  border:1px solid var(--ince);
  border-radius:12px;
  background:var(--beyaz);
  box-shadow:0 1px 2px rgba(6,26,43,.04);
  overflow:hidden;
}
.v4-accordion + .v4-accordion{margin-top:12px}
.v4-accordion summary{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:56px;
  padding:16px 56px 16px 20px;
  cursor:pointer;
  list-style:none;
  font-family:"Jost","Avenir Next",Avenir,Helvetica,Arial,sans-serif;
  font-size:1.08rem;
  font-weight:500;
  line-height:1.4;
  color:var(--lacivert);
  border-radius:12px;
}
.v4-accordion summary::-webkit-details-marker{display:none}
.v4-accordion summary::marker{content:""}
.v4-accordion summary::-moz-details-marker{display:none}
.v4-accordion summary::after{
  content:"";
  position:absolute;
  right:20px;
  top:50%;
  width:11px;
  height:11px;
  margin-top:-7px;
  border-right:1.5px solid var(--duman);
  border-bottom:1.5px solid var(--duman);
  transform:rotate(45deg);
  transition:transform .25s var(--ease);
}
.v4-accordion[open] summary::after{
  transform:rotate(-135deg);
  margin-top:-3px;
}
.v4-accordion__body{
  padding:18px 20px 20px;
  border-top:1px solid var(--ince);
  line-height:1.65;
  color:var(--duman);
  max-width:68ch;
}

.v4-modal{
  position:fixed;
  inset:0;
  z-index:var(--v4-z-modal);
  display:none;
  align-items:center;
  justify-content:center;
  padding:clamp(16px,4vw,40px);
  padding-top:calc(clamp(16px,4vw,40px) + env(safe-area-inset-top));
  padding-bottom:calc(clamp(16px,4vw,40px) + env(safe-area-inset-bottom));
  background-color:rgba(4,18,31,.5);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  overflow-y:auto;
  overscroll-behavior-y:contain;
}
.v4-modal.is-open,
.v4-modal[open]{display:flex}
.v4-modal__box{
  position:relative;
  width:min(560px,100%);
  max-height:calc(100vh - 2 * clamp(16px,4vw,40px));
  max-height:calc(100dvh - 2 * clamp(16px,4vw,40px));
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
  padding:clamp(22px,3.2vw,36px);
  border-radius:18px;
  background:var(--beyaz);
  border:1px solid var(--ince);
  box-shadow:var(--v4-golge-derin);
  animation:v4-modal-gir .3s var(--ease) both;
}
.v4-modal__close{
  position:absolute;
  top:12px;
  right:12px;
  width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:var(--duman);
  font-size:1.375rem;
  line-height:1;
}
.v4-modal__title{
  margin:0 40px 12px 0;
  font-family:"Jost","Avenir Next",Avenir,Helvetica,Arial,sans-serif;
  font-size:clamp(1.2rem,2.2vw,1.5rem);
  font-weight:500;
  letter-spacing:-.015em;
}
.v4-modal__body{line-height:1.65;color:var(--lacivert);max-width:68ch}
.v4-modal__foot{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}

.v4-toast{
  position:fixed;
  left:50%;
  bottom:calc(24px + env(safe-area-inset-bottom));
  z-index:var(--v4-z-toast);
  max-width:min(420px,calc(100vw - 40px));
  padding:14px 20px;
  border-radius:12px;
  background-color:rgba(255,255,255,.95);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);
  backdrop-filter:blur(14px) saturate(1.2);
  border:1px solid var(--ince);
  box-shadow:var(--v4-golge-derin);
  color:var(--lacivert);
  font-size:.9375rem;
  line-height:1.6;
  text-align:center;
  opacity:0;
  transform:translate(-50%,16px);
  pointer-events:none;
  transition:opacity .3s var(--ease),transform .3s var(--ease);
}
.v4-toast.is-on{
  opacity:1;
  transform:translate(-50%,0);
  pointer-events:auto;
}
.v4-toast--error{border-color:rgba(168,87,79,.45)}
.v4-toast--error .v4-toast__msg{color:var(--v4-hata)}

.v4-toast-region{
  position:fixed;
  inset-inline:0;
  bottom:calc(24px + env(safe-area-inset-bottom));
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  pointer-events:none;
  z-index:120;
}
.v4-toast-region .v4-toast{pointer-events:auto}
.v4-toast-region .v4-toast:not(.is-on){pointer-events:none}

/* ==========================================================================
   10. OYNATICI, OTURUM, ADIM, LEVHA, MEKTUP
   ========================================================================== */
.v4-player{
  position:relative;
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  gap:clamp(16px,2.2vw,24px);
  align-items:center;
  padding:clamp(18px,2.4vw,26px);
  border-radius:18px;
  background:var(--beyaz);
  border:1px solid var(--ince);
  box-shadow:0 1px 2px rgba(6,26,43,.04);
  overflow:hidden;
}
.v4-player__cover{
  width:96px;
  height:96px;
  border-radius:12px;
  overflow:hidden;
  background:var(--pus);
  flex:none;
}
.v4-player__cover img{width:100%;height:100%;object-fit:cover}
.v4-player__body{min-width:0}
.v4-player__title{
  margin:0 0 4px;
  font-family:"Jost","Avenir Next",Avenir,Helvetica,Arial,sans-serif;
  font-size:clamp(1.08rem,1.8vw,1.25rem);
  font-weight:500;
  line-height:1.3;
  letter-spacing:-.015em;
  color:var(--lacivert);
}
.v4-player__meta{
  margin:0 0 12px;
  font-size:.8125rem;
  color:var(--duman);
  font-variant-numeric:lining-nums tabular-nums;
}
.v4-player__controls{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.v4-player__btn{
  flex:none;
  width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--lacivert);
  color:var(--beyaz);
  font-size:1.05rem;
  line-height:1;
  transition:transform .2s var(--ease),background-color .2s var(--ease);
}
.v4-player__time{
  font-size:.8125rem;
  font-variant-numeric:lining-nums tabular-nums;
  color:var(--duman);
  min-width:44px;
  text-align:center;
}
.v4-player__range{
  flex:1 1 160px;
  min-width:120px;
  height:22px;
  margin:0;
  background:transparent;
  -webkit-appearance:none;
  appearance:none;
  cursor:pointer;
}
.v4-player__range::-webkit-slider-runnable-track{
  height:4px;
  border-radius:999px;
  background-color:rgba(6,26,43,.14);
}
.v4-player__range::-moz-range-track{
  height:4px;
  border-radius:999px;
  background-color:rgba(6,26,43,.14);
}
.v4-player__range::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:16px;
  height:16px;
  margin-top:-6px;
  border-radius:50%;
  background-color:var(--kil);
  border:2px solid var(--beyaz);
  box-shadow:0 2px 8px -2px rgba(6,26,43,.4);
}
.v4-player__range::-moz-range-thumb{
  width:16px;
  height:16px;
  border-radius:50%;
  background-color:var(--kil);
  border:2px solid var(--beyaz);
}
.v4-player__bar{
  grid-column:1/-1;
  height:3px;
  border-radius:999px;
  background-color:rgba(6,26,43,.12);
  overflow:hidden;
}
.v4-player__fill{
  height:100%;
  width:0%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--kil),var(--murdum));
  transition:width .25s linear;
}
.v4-player__chapters{
  grid-column:1/-1;
  margin-top:4px;
  border-top:1px solid var(--ince);
}
.v4-player__chapters li{border-bottom:1px solid var(--ince)}
.v4-player__chapters li:last-child{border-bottom:0}
.v4-player__chapter{
  display:flex;
  align-items:center;
  gap:14px;
  width:100%;
  min-height:44px;
  padding:10px 4px;
  text-align:left;
  color:var(--lacivert);
  font-size:.9375rem;
  line-height:1.5;
}
.v4-player__chapter[aria-current="true"]{color:var(--kil);font-weight:600}
.v4-player__no{
  flex:none;
  min-width:26px;
  font-variant-numeric:lining-nums tabular-nums;
  font-size:.8125rem;
  color:var(--duman);
}
.v4-player__dur{
  margin-left:auto;
  flex:none;
  font-variant-numeric:lining-nums tabular-nums;
  font-size:.8125rem;
  color:var(--duman);
}

.v4-session{
  display:flex;
  gap:18px;
  align-items:flex-start;
  padding:clamp(20px,2.6vw,28px);
  border-radius:18px;
  background:var(--beyaz);
  border:1px solid var(--ince);
  box-shadow:0 1px 2px rgba(6,26,43,.04);
}
.v4-session__gun{
  flex:none;
  min-width:62px;
  padding:10px 8px;
  border-radius:12px;
  background:var(--pus);
  color:var(--lacivert);
  text-align:center;
  font-size:12px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  line-height:1.4;
}
.v4-session__saat{
  display:block;
  margin-top:4px;
  font-family:"Jost","Avenir Next",Avenir,Helvetica,Arial,sans-serif;
  font-size:1.02rem;
  font-weight:500;
  letter-spacing:-.01em;
  font-variant-numeric:lining-nums tabular-nums;
  text-transform:none;
}
.v4-session__body{min-width:0;flex:1}

.v4-step{
  position:relative;
  padding:clamp(20px,2.4vw,30px);
  border-radius:18px;
  background:var(--beyaz);
  border:1px solid var(--ince);
  box-shadow:0 1px 2px rgba(6,26,43,.04);
}
.v4-step__no{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  margin-bottom:16px;
  border-radius:50%;
  background:var(--pus);
  color:var(--lacivert);
  font-family:"Jost","Avenir Next",Avenir,Helvetica,Arial,sans-serif;
  font-size:1.05rem;
  font-weight:500;
  font-variant-numeric:lining-nums tabular-nums;
  line-height:1;
}

.v4-levha{
  position:relative;
  padding:clamp(10px,1.4vw,16px);
  border-radius:18px;
  background:var(--beyaz);
  border:1px solid var(--ince);
  box-shadow:0 1px 2px rgba(6,26,43,.04);
}
.v4-levha img{
  width:100%;
  border-radius:12px;
  border:1px solid var(--ince);
}
.v4-levha__cap{
  margin-top:12px;
  font-size:.8125rem;
  line-height:1.6;
  letter-spacing:.02em;
  color:var(--duman);
  text-align:center;
}

.v4-chapter{
  display:flex;
  align-items:baseline;
  gap:16px;
  padding-block:14px;
  border-bottom:1px solid var(--ince);
  line-height:1.6;
}
.v4-chapter:last-child{border-bottom:0}
.v4-chapter__no{
  flex:none;
  min-width:42px;
  font-family:"Jost","Avenir Next",Avenir,Helvetica,Arial,sans-serif;
  font-size:.9375rem;
  font-variant-numeric:lining-nums tabular-nums;
  color:var(--duman);
}
.v4-chapter__title{flex:1;min-width:0}
.v4-chapter__levha{
  flex:none;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--duman);
  border:1px solid var(--ince);
  border-radius:999px;
  padding:3px 10px;
}

.v4-letter{
  position:relative;
  padding:clamp(22px,2.8vw,34px);
  border-radius:18px;
  background:var(--beyaz);
  border:1px solid var(--ince);
  box-shadow:0 1px 2px rgba(6,26,43,.04);
  overflow:hidden;
}
.v4-letter::before{display:none}   /* ipek gürültüsü */
.v4-letter__meta{
  position:relative;
  margin:0 0 14px;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--duman);
}
.v4-letter__text{
  position:relative;
  margin:0;
  line-height:1.65;
  max-width:68ch;
  color:var(--lacivert);
  font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:1.0625rem;
}
.v4-letter__sign{
  position:relative;
  margin:18px 0 0;
  font-size:.875rem;
  color:var(--duman);
}
.v4-letter--anon{background:var(--ipk-yuzey-2)}
.v4-letter--anon .v4-letter__meta{color:var(--duman)}

.v4-figure{margin:0}
.v4-figure img,
.v4-figure video{
  width:100%;
  border-radius:18px;
  border:1px solid var(--ince);
  box-shadow:0 1px 2px rgba(6,26,43,.04);
}
.v4-figure figcaption{
  margin-top:12px;
  font-size:.875rem;
  line-height:1.6;
  color:var(--duman);
}

.v4-quote{
  margin:0;
  padding:2px 0 2px 22px;
  border-left:2px solid var(--kil);
  font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:clamp(1.05rem,1.7vw,1.3rem);
  font-style:italic;
  line-height:1.6;
  color:var(--lacivert);
}
.v4-quote cite{
  display:block;
  margin-top:12px;
  font-style:normal;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--duman);
}

.v4-empty{
  padding:clamp(32px,5vw,60px) clamp(20px,3vw,40px);
  text-align:center;
  border:1px dashed rgba(6,26,43,.2);
  border-radius:18px;
  background:rgba(255,255,255,.55);
  color:var(--duman);
  line-height:1.65;
}
.v4-empty__title{margin:0 0 10px;font-size:1.15rem;font-weight:700}

.v4-loader{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--duman);
  font-size:.9375rem;
  line-height:1.6;
}
.v4-loader__spin{
  width:20px;
  height:20px;
  border-radius:50%;
  border:2px solid rgba(6,26,43,.16);
  border-top-color:var(--kil);
  animation:v4-don .9s linear infinite;
}

.v4-sound{
  position:fixed;
  right:clamp(14px,3vw,30px);
  bottom:calc(clamp(14px,3vw,30px) + env(safe-area-inset-bottom));
  z-index:var(--v4-z-cubuk);
  width:48px;
  height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background-color:rgba(255,255,255,.9);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);
  backdrop-filter:blur(14px) saturate(1.2);
  border:1px solid var(--ince);
  box-shadow:var(--v4-golge);
  color:var(--lacivert);
  font-size:1.05rem;
  line-height:1;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.v4-sound[aria-pressed="true"]{color:var(--kil)}

.v4-skip-link:focus,
.v4-skip-link:focus-visible{
  position:fixed;
  top:12px;
  left:12px;
  z-index:200;
  width:auto;
  height:auto;
  margin:0;
  padding:10px 16px;
  overflow:visible;
  clip:auto;
  clip-path:none;
  border-radius:999px;
  background:var(--beyaz);
  border:1px solid var(--ince);
  box-shadow:var(--v4-golge);
  color:var(--lacivert);
  font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:.875rem;
  font-weight:600;
  line-height:1.4;
  text-decoration:none;
}

.v4-sr{
  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;
}
.v4-hide{display:none !important}

/* ==========================================================================
   11. DUYARLILIK VE ERİŞİLEBİLİRLİK
   ========================================================================== */
@media (max-width:1024px){
  .v4-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v4-grid--2.v4-stack,
  .v4-grid--3.v4-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v4-split{grid-template-columns:1fr 1fr;gap:clamp(24px,3.4vw,40px)}
}

@media (max-width:768px){
  .v4-section{padding-block:clamp(2.8rem,7vw,4.4rem)}
  .v4-split{grid-template-columns:minmax(0,1fr);gap:26px}
  .v4-split__text{order:0}
  .v4-split__media{order:0}
  .v4-player{grid-template-columns:72px minmax(0,1fr)}
  .v4-player__cover{width:72px;height:72px}
  .v4-rail{display:none !important}
}

@media (max-width:640px){
  .v4-grid--3{grid-template-columns:minmax(0,1fr)}
  .v4-table-wrap{padding:12px;border-radius:12px}
  .v4-table,
  .v4-table thead,
  .v4-table tbody,
  .v4-table tr,
  .v4-table th,
  .v4-table td{display:block}
  .v4-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .v4-table tr{padding:14px 0;border-bottom:1px solid var(--ince)}
  .v4-table tr:last-child{border-bottom:0}
  .v4-table th,
  .v4-table td{border-bottom:0;padding:4px 0;text-align:left}
  .v4-table td{
    display:grid;
    grid-template-columns:minmax(84px,38%) minmax(0,1fr);
    gap:12px;
    align-items:baseline;
  }
  .v4-table td::before{
    content:attr(data-label);
    font-size:12px;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--duman);
  }
  .v4-table td:not([data-label])::before{content:none}
}

@media (max-width:480px){
  .v4-grid,
  .v4-grid--2,
  .v4-grid--3{grid-template-columns:minmax(0,1fr)}
  .v4-grid--2.v4-stack,
  .v4-grid--3.v4-stack{grid-template-columns:minmax(0,1fr)}
  .v4-card{padding:22px 20px}
  .v4-player{grid-template-columns:minmax(0,1fr)}
  .v4-player__cover{width:84px;height:84px}
  .v4-player__controls{gap:10px}
  .v4-player__range{flex:1 1 100%}
  .v4-modal__box{padding:22px 18px}
  .v4-btn{width:100%}
  .v4-btn--block{width:100%}
  .v4-row .v4-btn{width:auto}
  .v4-letter{padding:22px 18px}
  .v4-accordion summary{padding:14px 50px 14px 18px}
  .v4-accordion__body{padding:16px 18px 20px}
}

/* Azaltılmış hareket. */
@media (prefers-reduced-motion:reduce){
  .v4-card--press:hover,
  .v4-btn:active,
  .v4-card--press:active{transform:none}
  .v4-modal__box{animation:none}
  .v4-loader__spin{animation:none}
}

/* Yüksek kontrast — v4.css'in değerleri bu katmanın :root bloğuyla
   ezildiği için yeniden tanımlanır. */
@media (prefers-contrast:more){
  :root{
    --ipk-cizgi:rgba(6,26,43,.34);
    --ipk-murekkep-3:#42505C;
    --v4-golge:0 14px 32px rgba(6,26,43,.14);
  }
  .v4-card,
  .v4-panel,
  .v4-input,
  .v4-textarea,
  .v4-table-wrap,
  .v4-accordion,
  .v4-letter,
  .v4-step,
  .v4-session,
  .v4-player,
  .v4-levha,
  .v4-modal__box{border-color:rgba(6,26,43,.34)}
  .v4-btn{border-color:rgba(6,26,43,.4)}
  .v4-btn--ghost{border-color:rgba(6,26,43,.55)}
  .v4-muted,
  .v4-lede,
  .v4-faint{color:var(--lacivert)}
  .v4-eyebrow{color:var(--kil)}
}

/* ==========================================================================
   iyzico odeme logolari (resmi paketten, degistirilmeden)
   ========================================================================== */
.odeme-sec .odeme-logolar{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem;margin-top:1.1rem}
.odeme-rozet{height:52px;width:auto;display:block}
.odeme-band{height:32px;width:auto;display:block;max-width:100%}
.alt__odeme{padding:1.4rem 0 .2rem;border-top:1px solid rgba(237,228,217,.14)}
.alt__odeme .odeme-band{opacity:.92}
@media (max-width:600px){
  .odeme-sec .odeme-logolar{gap:1rem}
  .odeme-rozet{height:44px}
  .odeme-band{height:26px}
}