/* DRDERMAN Popup Yönetimi - ön yüz */
.ddp-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:flex;box-sizing:border-box;padding:var(--ddp-pad,20px);background:var(--ddp-overlay,rgba(0,0,0,.6));-webkit-backdrop-filter:blur(var(--ddp-blur,0px));backdrop-filter:blur(var(--ddp-blur,0px));opacity:0;transition:opacity var(--ddp-speed,350ms) ease;line-height:1.5}
.ddp-popup[hidden]{display:none!important}
.ddp-popup{--ddp-vh:100vh;--ddp-wmax:min(var(--ddp-w,600px),100%)}
@supports (height:100dvh){.ddp-popup{--ddp-vh:100dvh}}
.ddp-popup.is-open{opacity:1}
.ddp-popup *,.ddp-popup *::before,.ddp-popup *::after{box-sizing:border-box}
html.ddp-lock,html.ddp-lock body{overflow:hidden!important}

/* Konumlar */
.ddp-pos-top-left{align-items:flex-start;justify-content:flex-start}
.ddp-pos-top-center{align-items:flex-start;justify-content:center}
.ddp-pos-top-right{align-items:flex-start;justify-content:flex-end}
.ddp-pos-middle-left{align-items:center;justify-content:flex-start}
.ddp-pos-center{align-items:center;justify-content:center}
.ddp-pos-middle-right{align-items:center;justify-content:flex-end}
.ddp-pos-bottom-left{align-items:flex-end;justify-content:flex-start}
.ddp-pos-bottom-center{align-items:flex-end;justify-content:center}
.ddp-pos-bottom-right{align-items:flex-end;justify-content:flex-end}

/* Pencere */
.ddp-box{position:relative;display:flex;flex-direction:column;max-width:100%;max-height:100%;background:var(--ddp-bg,#fff);color:var(--ddp-color,#222);border-radius:var(--ddp-radius,12px);border:var(--ddp-bw,0px) solid var(--ddp-bc,#0b2e70);box-shadow:var(--ddp-shadow,none);outline:0;transition:transform var(--ddp-speed,350ms) cubic-bezier(.2,.8,.2,1),opacity var(--ddp-speed,350ms) ease}
.ddp-size-auto .ddp-box{width:fit-content;max-width:var(--ddp-wmax)}
/* Resim / video: seçilen genişliğe kadar açılır, ekran küçülünce (yükseklik dahil) oranını koruyarak küçülür. */
.ddp-size-auto.ddp-has-video .ddp-box,.ddp-size-auto.ddp-has-image .ddp-box{width:min(var(--ddp-wmax),calc((var(--ddp-vh) - 2 * var(--ddp-pad,20px) - var(--ddp-xtop,0px)) * var(--ddp-arn,100)))}
.ddp-size-fixed .ddp-box{width:var(--ddp-wmax);height:var(--ddp-h,400px);max-width:100%;max-height:100%}
/* Sabit ebat (px × px): oran korunur, ekran küçülünce pencere orantılı küçülür. */
.ddp-size-fixed.ddp-ratio-on .ddp-box{height:auto;aspect-ratio:var(--ddp-ar,1 / 1);width:min(var(--ddp-wmax),calc((var(--ddp-vh) - 2 * var(--ddp-pad,20px) - var(--ddp-xtop,0px)) * var(--ddp-arn,1)))}
.ddp-size-fixed .ddp-media{position:relative}
.ddp-size-fixed .ddp-media>.ddp-img,.ddp-size-fixed .ddp-imglink{position:absolute;top:0;left:0;width:100%;height:100%}
.ddp-size-fixed .ddp-imglink .ddp-img{width:100%;height:100%}
.ddp-size-fixed .ddp-video{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:0}
/* İçerik alanı kaydırılmaz; medya sabit kalır, sadece yazı alanı (.ddp-body) gerekirse kayar. */
.ddp-content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:inherit}

/* Animasyonlar */
.ddp-anim-fade .ddp-box{opacity:0}
.ddp-anim-zoom .ddp-box{opacity:0;transform:scale(.85)}
.ddp-anim-slide-up .ddp-box{opacity:0;transform:translateY(60px)}
.ddp-anim-slide-down .ddp-box{opacity:0;transform:translateY(-60px)}
.ddp-anim-slide-left .ddp-box{opacity:0;transform:translateX(-80px)}
.ddp-anim-slide-right .ddp-box{opacity:0;transform:translateX(80px)}
.ddp-popup.is-open .ddp-box{opacity:1;transform:none}
.ddp-anim-none,.ddp-anim-none .ddp-box{transition:none}

/* Medya */
.ddp-media{display:block;flex:0 0 auto;line-height:0}
.ddp-imglink{display:block}
.ddp-img{display:block;width:100%;height:auto;max-width:100%}
.ddp-size-fixed .ddp-content{display:flex;flex-direction:column}
.ddp-size-fixed .ddp-media{flex:1 1 auto;min-height:0}
.ddp-size-fixed .ddp-imglink{height:100%}
.ddp-size-fixed .ddp-img{height:100%;object-fit:var(--ddp-fit,cover)}
.ddp-video{position:relative;width:100%;padding-top:var(--ddp-ratio,56.25%);background:#000}
.ddp-video iframe,.ddp-video video{position:absolute;top:0;left:0;width:100%;height:100%;border:0;background:#000}
/* Videonun tamamı link: şeffaf katman videonun üstünü kaplar (X düğmesi bunun da üstünde kalır). */
.ddp-vidlink{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;display:block;cursor:pointer;background:transparent}
.ddp-size-fixed .ddp-body{flex:0 1 auto;max-height:50%}

/* Metin ve buton */
.ddp-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:22px 24px;text-align:center;line-height:1.5;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(120,120,120,.6) transparent}
.ddp-body::-webkit-scrollbar{width:6px}
.ddp-body::-webkit-scrollbar-thumb{background:rgba(120,120,120,.55);border-radius:3px}
.ddp-media+.ddp-body{padding:14px 20px 16px}
.ddp-title{margin:0 0 10px;font-size:24px;line-height:1.25;color:inherit}
.ddp-text{margin:0 0 14px;font-size:15px;line-height:1.5;color:inherit}
.ddp-text p,.ddp-text li{margin:0 0 .8em;font-size:inherit;line-height:inherit}
.ddp-text>:last-child,.ddp-body>:last-child{margin-bottom:0}
.ddp-btn{display:inline-block;margin-top:6px;padding:12px 26px;border-radius:999px;background:var(--ddp-btn-bg,#e31b23);color:var(--ddp-btn-c,#fff)!important;font-weight:600;text-decoration:none!important;transition:transform .2s ease,filter .2s ease}
.ddp-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}

/* X (kapat) butonu
   Tema düğme stilleri (hover/focus/active) seçilen renkleri ezmesin diye
   seçiciler .ddp-scope ile güçlendirildi ve renkler !important ile kilitlendi. */
.ddp-scope .ddp-close{position:absolute;top:10px;right:10px;z-index:5;display:flex;align-items:center;justify-content:center;width:var(--ddp-xs,36px);height:var(--ddp-xs,36px);min-width:0;min-height:0;margin:0;padding:0!important;border:0!important;border-radius:0;-webkit-appearance:none;appearance:none;font-size:0;line-height:0;text-shadow:none;cursor:pointer;background-image:none!important;background-color:var(--ddp-xbg,#000)!important;color:var(--ddp-xc,#fff)!important;transition:transform .35s ease,box-shadow .25s ease}
.ddp-scope .ddp-close::before,.ddp-scope .ddp-close::after{content:"";position:absolute;width:50%;height:2px;border-radius:2px;background:currentColor}
.ddp-scope .ddp-close::before{transform:rotate(45deg)}
.ddp-scope .ddp-close::after{transform:rotate(-45deg)}
.ddp-scope .ddp-close:hover,.ddp-scope .ddp-close:focus,.ddp-scope .ddp-close:active,.ddp-scope .ddp-close:focus-visible{background-color:var(--ddp-xbg,#000)!important;color:var(--ddp-xc,#fff)!important}
.ddp-scope .ddp-x-circle{border-radius:50%}
.ddp-scope .ddp-x-square{border-radius:6px}
.ddp-scope .ddp-x-plain,.ddp-scope .ddp-x-plain:hover,.ddp-scope .ddp-x-plain:focus,.ddp-scope .ddp-x-plain:active,.ddp-scope .ddp-x-plain:focus-visible{background-color:transparent!important}
.ddp-scope .ddp-xp-outside{top:-14px;right:-14px}
.ddp-scope .ddp-close:focus{outline:0}
.ddp-scope .ddp-close:focus-visible{outline:2px solid #0b2e70;outline-offset:2px}
.ddp-scope.is-open .ddp-close{animation:ddp-x-in .5s ease .25s backwards}
.ddp-scope .ddp-fx-rotate:hover,.ddp-scope .ddp-fx-rotate:focus-visible{transform:rotate(180deg) scale(1.1)}
.ddp-scope .ddp-fx-scale:hover,.ddp-scope .ddp-fx-scale:focus-visible{transform:scale(1.25)}
.ddp-scope .ddp-fx-glow:hover,.ddp-scope .ddp-fx-glow:focus-visible{box-shadow:0 0 0 4px rgba(212,175,55,.45),0 0 16px rgba(212,175,55,.9)}
.ddp-scope .ddp-fx-pulse{animation:ddp-pulse 1.6s ease-out infinite}
.ddp-scope.is-open .ddp-fx-pulse{animation:ddp-x-in .5s ease .25s backwards,ddp-pulse 1.6s ease-out 1s infinite}
.ddp-scope .ddp-fx-red:hover,.ddp-scope .ddp-fx-red:focus-visible{background-color:#dc2626!important;color:#fff!important;transform:rotate(90deg)}
/* 1.1.1 — VİDEOLU PENCERE: X videonun ÜSTÜNE değil, pencerenin hemen ÜSTÜNE (dışarı) konur.
   iPhone'un video oynatıcısı ses/sessiz düğmesini sağ üst köşeye koyar (YouTube da mobilde
   ses düğmesini oraya yakın gösterir); X o köşede durunca dokunuşları X alıyor, ses açılamıyordu.
   Pencere, X'e yer açmak için X boyu kadar aşağı alınır ve o kadar küçültülür. */
.ddp-has-video{--ddp-xtop:calc(var(--ddp-xs,36px) + 8px)}
.ddp-has-video .ddp-box{margin-top:var(--ddp-xtop);max-height:calc(100% - var(--ddp-xtop))}
.ddp-scope.ddp-has-video .ddp-close,.ddp-scope.ddp-has-video .ddp-xp-outside{top:calc(-1 * var(--ddp-xtop));right:0}
@keyframes ddp-x-in{from{opacity:0;transform:rotate(-120deg) scale(.3)}to{opacity:1;transform:none}}
@keyframes ddp-pulse{0%{box-shadow:0 0 0 0 rgba(212,175,55,.65)}70%{box-shadow:0 0 0 12px rgba(212,175,55,0)}100%{box-shadow:0 0 0 0 rgba(212,175,55,0)}}

/* Mobil genişlik */
@media (max-width:767px){
	.ddp-popup{--ddp-wmax:min(var(--ddp-w,600px),var(--ddp-mw,100%))}
	/* Mobilde yazılar makul ölçüde küçülür */
	.ddp-body,.ddp-media+.ddp-body{padding:12px 14px 14px}
	.ddp-title{margin:0 0 6px;font-size:18px}
	.ddp-text{margin:0 0 10px;font-size:13.5px;line-height:1.45}
	.ddp-btn{margin-top:2px;padding:10px 22px;font-size:14px}
}
/* Kısa ekran (telefon yan çevrilmiş) */
@media (max-height:520px){
	.ddp-body,.ddp-media+.ddp-body{padding:8px 12px 10px}
	.ddp-title{margin:0 0 4px;font-size:16px}
	.ddp-text{margin:0 0 8px;font-size:12.5px;line-height:1.4}
	.ddp-btn{padding:8px 18px;font-size:13px}
}

@media (prefers-reduced-motion:reduce){
	.ddp-popup,.ddp-box,.ddp-close{transition:none!important;animation:none!important}
}