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

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

/* Pencere */
.ayp-box{position:relative;display:flex;flex-direction:column;max-width:100%;max-height:100%;background:var(--ayp-bg,#fff);color:var(--ayp-color,#222);border-radius:var(--ayp-radius,12px);border:var(--ayp-bw,0px) solid var(--ayp-bc,#d4af37);box-shadow:var(--ayp-shadow,none);outline:0;transition:transform var(--ayp-speed,350ms) cubic-bezier(.2,.8,.2,1),opacity var(--ayp-speed,350ms) ease}
.ayp-size-auto .ayp-box{width:fit-content;max-width:var(--ayp-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. */
.ayp-size-auto.ayp-has-video .ayp-box,.ayp-size-auto.ayp-has-image .ayp-box{width:min(var(--ayp-wmax),calc((var(--ayp-vh) - 2 * var(--ayp-pad,20px) - var(--ayp-xtop,0px)) * var(--ayp-arn,100)))}
.ayp-size-fixed .ayp-box{width:var(--ayp-wmax);height:var(--ayp-h,400px);max-width:100%;max-height:100%}
/* Sabit ebat (px × px): oran korunur, ekran küçülünce pencere orantılı küçülür. */
.ayp-size-fixed.ayp-ratio-on .ayp-box{height:auto;aspect-ratio:var(--ayp-ar,1 / 1);width:min(var(--ayp-wmax),calc((var(--ayp-vh) - 2 * var(--ayp-pad,20px) - var(--ayp-xtop,0px)) * var(--ayp-arn,1)))}
.ayp-size-fixed .ayp-media{position:relative}
.ayp-size-fixed .ayp-media>.ayp-img,.ayp-size-fixed .ayp-imglink{position:absolute;top:0;left:0;width:100%;height:100%}
.ayp-size-fixed .ayp-imglink .ayp-img{width:100%;height:100%}
.ayp-size-fixed .ayp-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ı (.ayp-body) gerekirse kayar. */
.ayp-content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:inherit}

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

/* Medya */
.ayp-media{display:block;flex:0 0 auto;line-height:0}
.ayp-imglink{display:block}
.ayp-img{display:block;width:100%;height:auto;max-width:100%}
.ayp-size-fixed .ayp-content{display:flex;flex-direction:column}
.ayp-size-fixed .ayp-media{flex:1 1 auto;min-height:0}
.ayp-size-fixed .ayp-imglink{height:100%}
.ayp-size-fixed .ayp-img{height:100%;object-fit:var(--ayp-fit,cover)}
.ayp-video{position:relative;width:100%;padding-top:var(--ayp-ratio,56.25%);background:#000}
.ayp-video iframe,.ayp-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). */
.ayp-vidlink{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;display:block;cursor:pointer;background:transparent}
.ayp-size-fixed .ayp-body{flex:0 1 auto;max-height:50%}

/* Metin ve buton */
.ayp-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}
.ayp-body::-webkit-scrollbar{width:6px}
.ayp-body::-webkit-scrollbar-thumb{background:rgba(120,120,120,.55);border-radius:3px}
.ayp-media+.ayp-body{padding:14px 20px 16px}
.ayp-title{margin:0 0 10px;font-size:24px;line-height:1.25;color:inherit}
.ayp-text{margin:0 0 14px;font-size:15px;line-height:1.5;color:inherit}
.ayp-text p,.ayp-text li{margin:0 0 .8em;font-size:inherit;line-height:inherit}
.ayp-text>:last-child,.ayp-body>:last-child{margin-bottom:0}
.ayp-btn{display:inline-block;margin-top:6px;padding:12px 26px;border-radius:999px;background:var(--ayp-btn-bg,#6b21a8);color:var(--ayp-btn-c,#fff)!important;font-weight:600;text-decoration:none!important;transition:transform .2s ease,filter .2s ease}
.ayp-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 .ayp-scope ile güçlendirildi ve renkler !important ile kilitlendi. */
.ayp-scope .ayp-close{position:absolute;top:10px;right:10px;z-index:5;display:flex;align-items:center;justify-content:center;width:var(--ayp-xs,36px);height:var(--ayp-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(--ayp-xbg,#000)!important;color:var(--ayp-xc,#fff)!important;transition:transform .35s ease,box-shadow .25s ease}
.ayp-scope .ayp-close::before,.ayp-scope .ayp-close::after{content:"";position:absolute;width:50%;height:2px;border-radius:2px;background:currentColor}
.ayp-scope .ayp-close::before{transform:rotate(45deg)}
.ayp-scope .ayp-close::after{transform:rotate(-45deg)}
.ayp-scope .ayp-close:hover,.ayp-scope .ayp-close:focus,.ayp-scope .ayp-close:active,.ayp-scope .ayp-close:focus-visible{background-color:var(--ayp-xbg,#000)!important;color:var(--ayp-xc,#fff)!important}
.ayp-scope .ayp-x-circle{border-radius:50%}
.ayp-scope .ayp-x-square{border-radius:6px}
.ayp-scope .ayp-x-plain,.ayp-scope .ayp-x-plain:hover,.ayp-scope .ayp-x-plain:focus,.ayp-scope .ayp-x-plain:active,.ayp-scope .ayp-x-plain:focus-visible{background-color:transparent!important}
.ayp-scope .ayp-xp-outside{top:-14px;right:-14px}
.ayp-scope .ayp-close:focus{outline:0}
.ayp-scope .ayp-close:focus-visible{outline:2px solid #d4af37;outline-offset:2px}
.ayp-scope.is-open .ayp-close{animation:ayp-x-in .5s ease .25s backwards}
.ayp-scope .ayp-fx-rotate:hover,.ayp-scope .ayp-fx-rotate:focus-visible{transform:rotate(180deg) scale(1.1)}
.ayp-scope .ayp-fx-scale:hover,.ayp-scope .ayp-fx-scale:focus-visible{transform:scale(1.25)}
.ayp-scope .ayp-fx-glow:hover,.ayp-scope .ayp-fx-glow:focus-visible{box-shadow:0 0 0 4px rgba(212,175,55,.45),0 0 16px rgba(212,175,55,.9)}
.ayp-scope .ayp-fx-pulse{animation:ayp-pulse 1.6s ease-out infinite}
.ayp-scope.is-open .ayp-fx-pulse{animation:ayp-x-in .5s ease .25s backwards,ayp-pulse 1.6s ease-out 1s infinite}
.ayp-scope .ayp-fx-red:hover,.ayp-scope .ayp-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. */
.ayp-has-video{--ayp-xtop:calc(var(--ayp-xs,36px) + 8px)}
.ayp-has-video .ayp-box{margin-top:var(--ayp-xtop);max-height:calc(100% - var(--ayp-xtop))}
.ayp-scope.ayp-has-video .ayp-close,.ayp-scope.ayp-has-video .ayp-xp-outside{top:calc(-1 * var(--ayp-xtop));right:0}
@keyframes ayp-x-in{from{opacity:0;transform:rotate(-120deg) scale(.3)}to{opacity:1;transform:none}}
@keyframes ayp-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){
	.ayp-popup{--ayp-wmax:min(var(--ayp-w,600px),var(--ayp-mw,100%))}
	/* Mobilde yazılar makul ölçüde küçülür */
	.ayp-body,.ayp-media+.ayp-body{padding:12px 14px 14px}
	.ayp-title{margin:0 0 6px;font-size:18px}
	.ayp-text{margin:0 0 10px;font-size:13.5px;line-height:1.45}
	.ayp-btn{margin-top:2px;padding:10px 22px;font-size:14px}
}
/* Kısa ekran (telefon yan çevrilmiş) */
@media (max-height:520px){
	.ayp-body,.ayp-media+.ayp-body{padding:8px 12px 10px}
	.ayp-title{margin:0 0 4px;font-size:16px}
	.ayp-text{margin:0 0 8px;font-size:12.5px;line-height:1.4}
	.ayp-btn{padding:8px 18px;font-size:13px}
}

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