/* Tüm temalarda ortak: çerez onayı ve tıklayınca yüklenen video kutusu. Temadan bağımsız, öneki avs-.
   Renkler sitenin değişkenlerinden (--renk-ana vb., "r g b" biçiminde). */
.avs-cerez-bant {
  position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 60; max-width: 980px; margin: 0 auto;
  background: #0f172a; color: #e2e8f0; border-radius: 14px; box-shadow: 0 20px 40px -10px rgb(2 6 23 / .5);
  padding: 16px 18px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px;
  font: 14px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; border-top: 4px solid rgb(var(--renk-ana, 217 4 41));
}
.avs-cerez-bant[hidden], .avs-cerez-pencere[hidden] { display: none; }
.avs-cerez-bant p { margin: 0; flex: 1 1 420px; min-width: 0; }
.avs-cerez-bant a, .avs-cerez-pencere a { color: rgb(var(--renk-vurgu, 251 191 36)); text-decoration: underline; }
.avs-cerez-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; }
.avs-cerez-dugme {
  appearance: none; border: 2px solid #475569; background: transparent; color: #f8fafc; border-radius: 8px;
  padding: 8px 14px; font: 700 13px/1.2 inherit; cursor: pointer; white-space: nowrap;
}
.avs-cerez-dugme:hover { border-color: #e2e8f0; }
/* "Kabul" ve "Reddet" eşit ağırlıkta (AB rehberleri reddetmenin kabul kadar kolay olmasını ister). */
.avs-cerez-dugme.ana { background: #f8fafc; color: #0f172a; border-color: #f8fafc; }
.avs-cerez-pencere {
  width: min(560px, 94vw); max-height: 90vh; border: 0; border-radius: 14px; padding: 0; color: #0f172a;
  font: 14px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; box-shadow: 0 25px 50px -12px rgb(2 6 23 / .5);
}
.avs-cerez-pencere::backdrop { background: rgb(2 6 23 / .7); }
.avs-cerez-pencere form { padding: 20px 22px; }
.avs-cerez-pencere h2 { margin: 0 0 6px; font-size: 18px; }
.avs-cerez-kategori { display: flex; gap: 12px; align-items: flex-start; padding: 12px 0; border-top: 1px solid #e2e8f0; }
.avs-cerez-kategori b { display: block; }
.avs-cerez-kategori small { color: #64748b; display: block; }
.avs-cerez-kategori input { width: 20px; height: 20px; margin-top: 2px; accent-color: rgb(var(--renk-ana, 217 4 41)); flex-shrink: 0; }
.avs-cerez-pencere .avs-cerez-dugmeler { justify-content: flex-end; margin-top: 14px; }
.avs-cerez-pencere .avs-cerez-dugme { color: #0f172a; border-color: #cbd5e1; }
.avs-cerez-pencere .avs-cerez-dugme.ana { background: #0f172a; color: #fff; border-color: #0f172a; }
@media (max-width: 640px) {
  .avs-cerez-bant { left: 0; right: 0; bottom: 0; border-radius: 14px 14px 0 0; }
  .avs-cerez-dugmeler { width: 100%; }
  .avs-cerez-dugmeler .avs-cerez-dugme { flex: 1 1 auto; }
}

/* Video: YouTube çerçevesi yalnız tıklanınca yüklenir (ziyaretçi bilgisi tıklamadan önce YouTube'a gitmez). */
.avs-video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; padding: 0; cursor: pointer; background: #020617; color: #fff; }
.avs-video-yer { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; height: 100%; text-align: center; padding: 12px; font: 600 13px/1.4 system-ui, sans-serif; }
.avs-video-yer svg { width: 64px; height: 64px; }
.avs-video-yer small { opacity: .75; font-weight: 400; }

/* ===================== Reklamlar (tüm temalar) =====================
   Alanın bütün adayları basılır; ortak.js ağırlık, cihaz ve izne göre birini gösterir. */
.avs-rk { position: relative; }
.avs-rk[hidden], .avs-rk-oge[hidden] { display: none !important; }
@media (max-width: 767px) { .avs-rk-oge[data-cihaz="masaustu"] { display: none !important; } }
@media (min-width: 768px) { .avs-rk-oge[data-cihaz="mobil"] { display: none !important; } }
.avs-rk-gorsel-baglanti { display: block; line-height: 0; text-align: center; }
.avs-rk-gorsel-baglanti img { display: inline-block; max-width: 100%; height: auto; border-radius: 8px; }

/* Şablon reklam: renk şeması değişkenlerle */
.avs-rk-sablon {
  --rk-zemin: linear-gradient(135deg, #b91c1c, #dc2626 50%, #d97706); --rk-cerceve: #fcd34d;
  --rk-yazi: #fff; --rk-soluk: #fef3c7; --rk-vurgu: #fcd34d; --rk-vurgu-yazi: #0f172a;
  position: relative; overflow: hidden; display: flex; align-items: center; gap: 12px 16px;
  padding: 14px 18px; border-radius: 12px; border: 2px solid var(--rk-cerceve); background: var(--rk-zemin);
  color: var(--rk-yazi); text-decoration: none !important; box-shadow: 0 4px 14px -4px rgb(15 23 42 / .35);
  font-family: inherit; line-height: 1.35; text-align: left;
}
.avs-rk-renk-mavi { --rk-zemin: linear-gradient(135deg, #1e3a8a, #1e40af 50%, #1e1b4b); --rk-cerceve: #fbbf24; --rk-soluk: #dbeafe; --rk-vurgu: #fbbf24; }
.avs-rk-renk-lacivert { --rk-zemin: linear-gradient(90deg, #0f172a, #172554 50%, #0f172a); --rk-cerceve: rgb(56 189 248 / .7); --rk-soluk: #cbd5e1; --rk-vurgu: #38bdf8; }
.avs-rk-renk-yesil { --rk-zemin: linear-gradient(135deg, #064e3b, #065f46 50%, #134e4a); --rk-cerceve: #34d399; --rk-soluk: #d1fae5; --rk-vurgu: #fbbf24; }
.avs-rk-renk-mor { --rk-zemin: linear-gradient(180deg, #3b0764, #312e81 50%, #0f172a); --rk-cerceve: #c084fc; --rk-soluk: #ede9fe; --rk-vurgu: #c084fc; }
.avs-rk-renk-altin { --rk-zemin: linear-gradient(135deg, #78350f, #854d0e 50%, #020617); --rk-cerceve: #fbbf24; --rk-soluk: #fef3c7; --rk-vurgu: #fbbf24; }
.avs-rk-renk-turuncu { --rk-zemin: linear-gradient(90deg, #0f172a, #991b1b 50%, #d97706); --rk-cerceve: #fbbf24; --rk-soluk: #fde68a; --rk-vurgu: #fbbf24; }
.avs-rk-renk-acik { --rk-zemin: #fffbeb; --rk-cerceve: #f59e0b; --rk-yazi: #0f172a; --rk-soluk: #475569; --rk-vurgu: rgb(var(--renk-ana, 217 4 41)); --rk-vurgu-yazi: #fff; border-style: dashed; box-shadow: none; }
.avs-rk-renk-site { --rk-zemin: linear-gradient(135deg, rgb(var(--renk-koyu, 15 23 42)), rgb(var(--renk-ana, 217 4 41))); --rk-cerceve: rgb(var(--renk-vurgu, 251 191 36)); --rk-soluk: #f1f5f9; --rk-vurgu: rgb(var(--renk-vurgu, 251 191 36)); --rk-vurgu-yazi: rgb(var(--renk-vurgu-yazi, 2 6 23)); }

.avs-rk-ikon { flex-shrink: 0; width: 46px; height: 46px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: var(--rk-vurgu); color: var(--rk-vurgu-yazi); box-shadow: 0 4px 10px -2px rgb(0 0 0 / .3); }
.avs-rk-ikon svg { width: 24px; height: 24px; fill: currentColor; }
.avs-rk-metin { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; align-items: flex-start; }
.avs-rk-rozet { background: var(--rk-vurgu); color: var(--rk-vurgu-yazi); font: 800 10px/1.5 system-ui, sans-serif; text-transform: uppercase; letter-spacing: .03em; padding: 1px 8px; border-radius: 999px; }
.avs-rk-baslik { font-family: "Oswald Variable", "Barlow Condensed", "Roboto Condensed", "Arial Narrow", sans-serif; font-weight: 700; font-size: 19px; line-height: 1.15; text-transform: uppercase; letter-spacing: .01em; }
.avs-rk-aciklama { font-size: 12.5px; color: var(--rk-soluk); }
.avs-rk-resim { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 8px; border: 1px solid rgb(255 255 255 / .2); }
.avs-rk-fiyat { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; background: rgb(255 255 255 / .1); border: 1px solid rgb(255 255 255 / .2); border-radius: 8px; padding: 6px 12px; }
.avs-rk-renk-acik .avs-rk-fiyat { background: #fff; border-color: #fcd34d; }
.avs-rk-fiyat b { font-size: 24px; font-weight: 900; line-height: 1.1; }
.avs-rk-fiyat small { font-size: 10px; font-weight: 700; color: var(--rk-soluk); }
.avs-rk-dugme { flex-shrink: 0; background: var(--rk-vurgu); color: var(--rk-vurgu-yazi); font: 800 12px/1 system-ui, sans-serif; text-transform: uppercase; padding: 10px 16px; border-radius: 999px; white-space: nowrap; box-shadow: 0 4px 10px -2px rgb(0 0 0 / .3); }
@keyframes avs-rk-nabiz { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.04); } }
.avs-rk-sablon:hover .avs-rk-dugme { filter: brightness(1.08); }
@media (prefers-reduced-motion: no-preference) { .avs-rk-dugme { animation: avs-rk-nabiz 2.2s ease-in-out infinite; } }

/* Biçimler */
.avs-rk-kutu .avs-rk-sablon, .avs-rk-dikey .avs-rk-sablon { flex-wrap: wrap; align-items: flex-start; }
.avs-rk-kutu .avs-rk-metin { flex: 1 1 calc(100% - 62px); }
.avs-rk-kutu .avs-rk-resim, .avs-rk-kutu .avs-rk-dugme, .avs-rk-dikey .avs-rk-resim, .avs-rk-dikey .avs-rk-dugme { flex: 1 1 100%; text-align: center; }
.avs-rk-kutu .avs-rk-fiyat { flex: 1 1 100%; flex-direction: row; justify-content: center; gap: 8px; align-items: baseline; }
.avs-rk-dikey .avs-rk-sablon { flex-direction: column; align-items: center; text-align: center; padding: 14px 10px; gap: 10px; }
.avs-rk-dikey .avs-rk-metin { align-items: center; }
.avs-rk-dikey .avs-rk-baslik { font-size: 17px; }
.avs-rk-dikey .avs-rk-fiyat { align-self: stretch; }
.avs-rk-dikey .avs-rk-dugme { padding: 9px 8px; font-size: 11px; white-space: normal; }
.avs-rk-ust .avs-rk-sablon { padding: 10px 14px; min-height: 74px; }
.avs-rk-ust .avs-rk-aciklama, .avs-rk-ust .avs-rk-fiyat small { display: none; }
.avs-rk-ust .avs-rk-baslik { font-size: 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.avs-rk-ust .avs-rk-fiyat { padding: 4px 10px; }
.avs-rk-ust .avs-rk-fiyat b { font-size: 19px; }
@media (max-width: 639px) {
  .avs-rk-genis .avs-rk-sablon { flex-wrap: wrap; }
  .avs-rk-genis .avs-rk-metin { flex-basis: calc(100% - 62px); }
  .avs-rk-genis .avs-rk-dugme { margin-left: auto; }
  .avs-rk-baslik { font-size: 17px; }
  .avs-rk-ust .avs-rk-fiyat { display: none; }
}