/* vitrin-pencere.css — canlı önizleme penceresi (modal).
   AYRI DOSYA olmasının sebebi: ana sayfa ve /tasarimlar/ kendi CSS'ini taşıdığı için
   vitrin.css'i YÜKLEMİYOR; modal stilleri orada kalınca pencere DOM'a eklenip
   görünmüyordu (yaşandı). Bu dosya vitrin.js'in yüklendiği HER sayfada yüklenir.
   Değişkenler ana sayfada da tanımlı olmayabilir → kritik renkler burada sabit. */
:root{--wd-vurgu:#C2410C;--wd-vurgu-koyu:#9A3412;--wd-cizgi:#E3E7F2;--wd-zemin:#F7F8FC;
  --wd-yesil:#0A7C5A;--murekkep:#1c1e33;--murekkep-2:#43476b;--murekkep-3:#5b608a;
  --kose-buyuk:22px;--esne:cubic-bezier(.16,1,.3,1)}
/* ═══════════════════ CANLI ÖNİZLEME PENCERESİ ═══════════════════
   Eskiden yeni sekmede açılıyordu ve müşteri satın almadan gidiyordu.
   Artık sayfa içi pencere: kapanınca satın alma paneline dönülür. */
body.wdm-kilit{overflow:hidden}
/* Açılış SINIFA BAĞLI DEĞİL: 'acik' sınıfı requestAnimationFrame ile ekleniyordu ve
   rAF askıya alındığında (arka plan sekmesi, bazı gömülü tarayıcılar) pencere
   opacity:0 kalıp görünmüyordu. Animasyon DOM'a eklenir eklenmez başlar. */
.wdm-onizleme{position:fixed;inset:0;z-index:99999;background:rgba(18,20,32,.72);
  backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px;
  opacity:1}   /* animasyon YOK: duraklarsa pencere görünmez kalıyordu */
@keyframes wdmKutuAc{from{transform:translateY(14px) scale(.985)}to{transform:none}}
.wdm-onizleme-kutu{width:min(1180px,96vw);height:min(88vh,900px);background:#fff;
  border-radius:20px;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.6);animation:wdmKutuAc .26s var(--esne)}
.wdm-onizleme-bar{display:flex;align-items:center;gap:14px;padding:14px 18px;
  border-bottom:1px solid var(--wd-cizgi);background:#fff}
.wdm-onizleme-ad{font-weight:800;font-size:16.5px;color:var(--murekkep)}
.wdm-onizleme-not{font-size:13.5px;color:var(--murekkep-3);margin-right:auto}
.wdm-onizleme-kapat{border:1.5px solid var(--wd-cizgi);background:#fff;border-radius:10px;
  padding:8px 14px;font-weight:700;font-size:14px;cursor:pointer;color:var(--murekkep-2);transition:.18s}
.wdm-onizleme-kapat:hover{border-color:var(--wd-vurgu);color:var(--wd-vurgu)}
.wdm-onizleme-cerceve{background:var(--wd-zemin);overflow:hidden}
.wdm-onizleme-cerceve iframe{width:100%;height:100%;border:0;display:block}
.wdm-onizleme-ayak{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:14px 18px;border-top:1px solid var(--wd-cizgi);background:#fff;font-size:15px;color:var(--murekkep-2)}
.wdm-onizleme-al{background:var(--wd-vurgu);color:#fff;border:0;border-radius:12px;
  padding:13px 24px;font-weight:800;font-size:16px;cursor:pointer;
  box-shadow:0 8px 20px rgba(194,65,12,.32);transition:background .18s,transform .18s}
.wdm-onizleme-al:hover{background:var(--wd-vurgu-koyu);transform:translateY(-2px)}
@media (max-width:900px){
  .wdm-onizleme{padding:10px}
  .wdm-onizleme-kutu{width:100%;height:94vh;border-radius:16px}
  .wdm-onizleme-not{display:none}
  .wdm-onizleme-ayak{flex-direction:column;align-items:stretch;text-align:center;gap:9px}
  .wdm-onizleme-al{width:100%}
}
/* pencere kapanınca satın al düğmesi bir an vurgulanır */
@keyframes wdmVurgu{0%,100%{box-shadow:0 10px 26px rgba(194,65,12,.35)}
  50%{box-shadow:0 0 0 6px rgba(194,65,12,.28),0 10px 26px rgba(194,65,12,.35)}}
.single-product form.cart .single_add_to_cart_button.wdm-vurgu{animation:wdmVurgu .7s ease 2}
.wdm-onizleme-al-ws{background:var(--wd-yesil)!important;box-shadow:0 8px 20px rgba(10,124,90,.32)!important}
.wdm-onizleme-al-ws:hover{background:#075E44!important}
.wdm-onizleme-al:disabled{opacity:.75;cursor:default}