/* ==================================================
   HELEN ABLA VIP KARTLAR BAŞLIĞI
================================================== */

#helen-premium-vip{width:min(calc(100% - 24px),1500px);margin:45px auto 20px}
#helen-premium-vip-basligi{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;padding:var(--premium-padding);border:1px solid var(--premium-border);border-radius:var(--premium-radius);color:var(--premium-text);background:linear-gradient(135deg,rgba(var(--premium-rgb),.12),transparent 38%),var(--premium-bg);box-shadow:inset 0 0 24px rgba(var(--premium-rgb),.08),0 0 22px rgba(var(--premium-rgb),.12)}
.helen-premium-cizgi{width:min(17vw,210px);height:1px;background:linear-gradient(90deg,transparent,var(--premium-gold),transparent);box-shadow:0 0 10px var(--premium-gold)}
.helen-premium-ikon{display:grid;place-items:center;width:var(--premium-icon-size);height:var(--premium-icon-size);flex:0 0 auto;color:var(--premium-gold);font-size:calc(var(--premium-icon-size) * .55);filter:drop-shadow(0 0 8px rgba(var(--premium-rgb),.55))}.helen-premium-ikon img{width:100%;height:100%;object-fit:contain}
.helen-premium-metin{text-align:center;display:flex;flex-direction:column;gap:4px}.helen-premium-metin strong{font-size:clamp(20px,2vw,30px);letter-spacing:.1em}.helen-premium-metin small{color:var(--premium-gold);font-weight:900;letter-spacing:.18em}
#helen-premium-vip-kartlari{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}.helen-premium-vip-karti{height:var(--premium-card-height);border:1px solid var(--premium-border);background:linear-gradient(145deg,rgba(var(--premium-rgb),.14),transparent 48%),var(--premium-bg);box-shadow:inset 0 0 24px rgba(var(--premium-rgb),.08),0 8px 28px rgba(0,0,0,.28)}
.helen-premium-reklam-karti{gap:5px}.helen-premium-reklam-karti .helen-vip-site-logo-metni{font-size:16px;line-height:1.2;letter-spacing:.01em;color:#ddd6df;text-shadow:none}.helen-premium-reklam-karti .helen-vip-site-ikinci-yazi{font-size:10px;font-weight:500;color:#8f8793}.helen-premium-reklam-artisi{position:relative;z-index:3;color:#9d949f;font-size:25px;font-weight:400;line-height:1;margin-bottom:4px}
.helen-premium-kart-pariltisi{position:absolute;inset:-80% -25%;z-index:1;background:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.22),transparent 58%);animation:helen-premium-kart-isigi 4.5s linear infinite;pointer-events:none}.helen-premium-efekt-shine #helen-premium-vip-basligi:after{content:"";position:absolute;inset:-100% -20%;background:linear-gradient(100deg,transparent 44%,rgba(255,255,255,.2),transparent 56%);animation:helen-premium-kart-isigi 5s linear infinite}.helen-premium-efekt-pulse #helen-premium-vip-basligi{animation:helen-premium-nabiz 2.4s ease-in-out infinite}.helen-premium-efekt-flow .helen-premium-cizgi{background-size:200% 100%;animation:helen-premium-akis 2s linear infinite}
@keyframes helen-premium-kart-isigi{from{transform:translateX(-70%) rotate(8deg)}to{transform:translateX(70%) rotate(8deg)}}@keyframes helen-premium-nabiz{50%{box-shadow:inset 0 0 32px rgba(var(--premium-rgb),.18),0 0 35px rgba(var(--premium-rgb),.32)}}@keyframes helen-premium-akis{to{background-position:200% 0}}
@media(max-width:900px){#helen-premium-vip-kartlari{grid-template-columns:1fr}.helen-premium-cizgi{width:12vw}}@media(max-width:520px){#helen-premium-vip-basligi{gap:8px}.helen-premium-cizgi{display:none}.helen-premium-metin strong{font-size:19px}}

#helen-vip-kartlar-baslik-alani {
  --vip-title-color: #ffffff;
  --vip-subtitle-color: #bd57ef;
  --vip-line-color: #b74ef2;
  --vip-line-rgb: 183, 78, 242;
  --vip-diamond-color: #c45cf5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;

  width: min(calc(100% - 24px), 1500px);

  margin: 55px auto 10px;
}

#helen-vip-kartlar-baslik-alani.helen-vip-baslik-kutulu {
  position: relative;
  isolation: isolate;
  padding: var(--vip-box-padding, 18px);
  border: 1px solid transparent;
  border-radius: 8px;
  background: radial-gradient(ellipse at center, rgba(108, 211, 255, .055), transparent 62%);
  box-shadow: none;
}

/* Premium kutu denemesi: içerik değişmeden, yanlara silinen buz çerçeve. */
#helen-vip-kartlar-baslik-alani.helen-vip-baslik-kutulu::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  pointer-events: none;
  border: 1px solid rgba(132, 217, 255, .42);
  border-radius: inherit;
  background: transparent;
  -webkit-mask-image: linear-gradient(90deg, transparent 2%, #000 34%, #000 66%, transparent 98%);
  mask-image: linear-gradient(90deg, transparent 2%, #000 34%, #000 66%, transparent 98%);
  box-shadow: inset 0 1px 9px rgba(111, 212, 255, .04);
}

.helen-vip-yan-kutusu { min-height:38px; padding:8px 13px; border:1px solid rgba(var(--vip-line-rgb),.42); border-radius:11px; display:inline-flex; align-items:center; gap:8px; flex:0 0 auto; color:var(--vip-title-color); background:rgba(var(--vip-line-rgb),.09); box-shadow:0 0 14px rgba(var(--vip-line-rgb),.12); font-size:12px; font-weight:800; text-decoration:none; transition:.2s ease; }
.helen-vip-yan-kutusu i { color:var(--vip-diamond-color); }
.helen-vip-yan-kutusu:hover { transform:translateY(-2px); border-color:var(--vip-line-color); background:rgba(var(--vip-line-rgb),.16); }

/* BAŞLIK METİNLERİ */

.helen-vip-baslik-metin-alani {
  position: relative;

  flex-shrink: 0;

  min-width: 220px;

  text-align: center;
}

#helen-vip-kartlar-basligi {
  margin: 0 0 5px;

  color: var(--vip-title-color);

  font-size: clamp(19px, 1.7vw, 27px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;

  text-shadow:
    0 0 10px rgba(255, 255, 255, 0.08),
    0 0 20px rgba(183, 78, 242, 0.12);
}

#helen-vip-kartlar-alt-basligi {
  margin: 0;

  color: var(--vip-subtitle-color);

  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;

  text-shadow:0 0 var(--yazi-isik-gucu,7px) var(--yazi-isik-rengi,#b74ef2),0 0 calc(var(--yazi-isik-gucu,7px) * 2) color-mix(in srgb,var(--yazi-isik-rengi,#b74ef2) 45%,transparent);
}
#helen-vip-kartlar-alt-basligi.helen-yazi-isigi-kapali{text-shadow:none!important}

/* ELMASLAR */

.helen-vip-baslik-elmasi {
  position: relative;

  display: grid;
  place-items: center;

  width: 34px;
  height: 34px;

  flex-shrink: 0;

  border: 1px solid rgba(var(--vip-line-rgb), 0.52);
  border-radius: 9px;

  color: var(--vip-diamond-color);

  background: radial-gradient(
    circle,
    rgba(var(--vip-line-rgb), 0.18),
    rgba(var(--vip-line-rgb), 0.04) 65%,
    transparent
  );

  box-shadow:
    inset 0 0 10px rgba(183, 78, 242, 0.09),
    0 0 8px rgba(183, 78, 242, 0.28),
    0 0 20px rgba(183, 78, 242, 0.12);

  transform: rotate(45deg);

  animation: helen-vip-elmas-parlamasi 3s ease-in-out infinite;
}

.helen-vip-baslik-elmasi i {
  font-size: 13px;

  transform: rotate(-45deg);
}

/* IŞIK ÇİZGİLERİ */

.helen-vip-baslik-cizgisi {
  width: min(15vw, 170px);
  height: 1px;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(var(--vip-line-rgb), 0.72),
    transparent
  );

  box-shadow:0 0 7px rgba(var(--vip-line-rgb),.2);
}

/* ELMAS PARLAMA HAREKETİ */

@keyframes helen-vip-elmas-parlamasi {
  0%,
  100% {
    color: #a845d5;

    box-shadow:
      inset 0 0 10px rgba(183, 78, 242, 0.07),
      0 0 7px rgba(183, 78, 242, 0.22),
      0 0 15px rgba(183, 78, 242, 0.08);
  }

  50% {
    color: #e19aff;

    box-shadow:
      inset 0 0 13px rgba(183, 78, 242, 0.15),
      0 0 12px rgba(183, 78, 242, 0.48),
      0 0 28px rgba(183, 78, 242, 0.2);
  }
}

/* ==================================================
   ÜÇLÜ KART YERLEŞİMİ
================================================== */

#helen-vip-kart-deneme-sirasi {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;

  width: min(calc(100% - 24px), 1500px);

  margin: 30px auto 70px;
}

/* ==================================================
   TÜM KARTLARIN ORTAK YAPISI
================================================== */

.helen-vip-site-karti {
  position: relative;
  isolation: isolate;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  min-width: 0;
  width: 100%;
  height: 160px;

  margin: 0;
  padding: 18px 24px;

  overflow: hidden;
  box-sizing: border-box;

  border-radius: 14px;

  text-align: center;
  text-decoration: none;

  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

.helen-vip-site-karti:hover {
  transform: translateY(-4px);
}
.helen-vip-baslik-elmasi img{width:78%;height:78%;object-fit:contain;transform:rotate(-45deg);filter:drop-shadow(0 0 var(--elmas-isik-gucu,7px) var(--elmas-isik-rengi,#62dcff))}
.helen-vip-baslik-elmasi img.helen-elmas-isigi-kapali{filter:none!important}
.helen-vip-baslik-elmasi-kutusuz{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.helen-vip-baslik-elmasi-kutusuz img{width:100%;height:100%}
.helen-vip-baslik-elmasi img.helen-elmas-animasyon-float{animation:helen-buz-elmas-suzulme 2.4s ease-in-out infinite}.helen-vip-baslik-elmasi:nth-of-type(even) img.helen-elmas-animasyon-float{animation-delay:-1.2s}
.helen-vip-baslik-elmasi img.helen-elmas-animasyon-pulse{animation:helen-elmas-nabiz 1.7s ease-in-out infinite}.helen-vip-baslik-elmasi img.helen-elmas-animasyon-sparkle{animation:helen-elmas-cakma 2.6s steps(8,end) infinite}.helen-vip-baslik-elmasi img.helen-elmas-animasyon-rotate{animation:helen-elmas-donme 5s linear infinite}.helen-vip-baslik-elmasi img.helen-elmas-animasyon-bounce{animation:helen-elmas-ziplama 1.3s ease-in-out infinite}
@keyframes helen-buz-elmas-suzulme{0%,100%{translate:0 1px;scale:.94;filter:drop-shadow(0 0 calc(var(--elmas-isik-gucu)*.55) var(--elmas-isik-rengi)) brightness(.95)}50%{translate:0 -3px;scale:1.08;filter:drop-shadow(0 0 var(--elmas-isik-gucu) var(--elmas-isik-rengi)) brightness(1.28)}}
@keyframes helen-elmas-nabiz{0%,100%{scale:.88;filter:drop-shadow(0 0 calc(var(--elmas-isik-gucu)*.45) var(--elmas-isik-rengi))}50%{scale:1.14;filter:drop-shadow(0 0 calc(var(--elmas-isik-gucu)*1.35) var(--elmas-isik-rengi)) brightness(1.35)}}@keyframes helen-elmas-cakma{0%,70%,100%{filter:drop-shadow(0 0 calc(var(--elmas-isik-gucu)*.5) var(--elmas-isik-rengi)) brightness(.95)}74%,82%{filter:drop-shadow(0 0 calc(var(--elmas-isik-gucu)*1.6) var(--elmas-isik-rengi)) brightness(1.8)}}@keyframes helen-elmas-donme{to{transform:rotate(315deg)}}@keyframes helen-elmas-ziplama{0%,100%{translate:0 2px}50%{translate:0 -7px;filter:drop-shadow(0 7px var(--elmas-isik-gucu) var(--elmas-isik-rengi))}}

.helen-vip-site-karti-seffaf {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none;
}

.helen-vip-site-karti-blur {
  border: 1px solid rgba(var(--site-rgb), .5);
  color: #fff;
  background: rgba(var(--site-rgb), .09);
  box-shadow: inset 0 0 22px rgba(var(--site-rgb), .06), 0 8px 30px rgba(0,0,0,.18);
  -webkit-backdrop-filter: blur(var(--site-blur, 14px));
  backdrop-filter: blur(var(--site-blur, 14px));
}

.helen-vip-site-karti-blur:hover { border-color:var(--site-rengi); box-shadow:inset 0 0 26px rgba(var(--site-rgb),.1),0 10px 35px rgba(0,0,0,.24); }

/* ==================================================
   SOLOBET KARTI
================================================== */

#helen-vip-solobet-karti,
.helen-vip-site-karti-arka-planli {
  border: 1px solid rgba(var(--site-rgb), 0.82);

  color: #ffffff;

  background:
    linear-gradient(rgba(255, 255, 255, 0.014) 1px, transparent 1px),
    radial-gradient(
      circle at 50% 0%,
      rgba(var(--site-rgb), 0.08),
      transparent 58%
    ),
    linear-gradient(145deg, var(--site-arka-plani), #080b10);

  background-size:
    100% 7px,
    100% 100%,
    100% 100%;

  box-shadow:
    inset 0 0 24px rgba(var(--site-rgb), 0.07),
    0 0 8px rgba(var(--site-rgb), 0.28),
    0 0 24px rgba(var(--site-rgb), 0.18),
    0 0 45px rgba(var(--site-rgb), 0.09);
}

#helen-vip-solobet-karti:hover,
.helen-vip-site-karti-arka-planli:hover {
  border-color: var(--site-rengi);

  box-shadow:
    inset 0 0 28px rgba(var(--site-rgb), 0.11),
    0 0 10px rgba(var(--site-rgb), 0.45),
    0 0 32px rgba(var(--site-rgb), 0.26),
    0 0 58px rgba(var(--site-rgb), 0.13);
}

/* ==================================================
   SOLOBET LOGOSU VE YAZILARI
================================================== */

.helen-vip-site-logosu {
  position: relative;
  z-index: 3;

  display: block;

  max-width: 210px;
  max-height: 64px;

  margin-bottom: 10px;

  object-fit: contain;
}

.helen-vip-site-logo-metni {
  color: #ffffff;
  font-size: clamp(24px, 2.4vw, 34px);
  font-weight: 900;
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 16px rgba(var(--site-rgb), 0.4);
}

.helen-vip-site-birinci-yazi {
  position: relative;
  z-index: 3;

  display: block;

  margin-bottom: 4px;

  color: #ffffff;

  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
}

.helen-vip-site-ikinci-yazi {
  position: relative;
  z-index: 3;

  display: block;

  color: #d1c5d7;

  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
}

/* ==================================================
   SOLOBET KESİK NEON ŞERİTLERİ
================================================== */

.helen-vip-kart-kesik-seridi {
  position: absolute;
  left: 16px;
  right: 16px;
  z-index: 4;

  height: 2px;

  background: repeating-linear-gradient(
    90deg,
    var(--site-rengi) 0 22px,
    transparent 22px 34px
  );

  background-size: 34px 100%;

  box-shadow:
    0 0 5px rgba(var(--site-rgb), 0.65),
    0 0 11px rgba(var(--site-rgb), 0.25);

  opacity: 0.6;

  pointer-events: none;

  -webkit-mask-image: linear-gradient(
    90deg,
    transparent,
    #000 8%,
    #000 92%,
    transparent
  );

  mask-image: linear-gradient(
    90deg,
    transparent,
    #000 8%,
    #000 92%,
    transparent
  );

  animation: helen-vip-kesik-serit-hareketi 5s linear infinite;
}

.helen-vip-kart-kesik-seridi-ust {
  top: 9px;
}

.helen-vip-kart-kesik-seridi-alt {
  bottom: 9px;

  opacity: 0.35;

  animation-direction: reverse;
  animation-duration: 7s;
}

@keyframes helen-vip-kesik-serit-hareketi {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 68px 0;
  }
}

/* ==================================================
   SOLOBET TARAMA IŞIĞI
================================================== */

.helen-vip-kart-tarama-isigi {
  position: absolute;
  top: -35%;
  bottom: -35%;
  left: -35%;
  z-index: 1;

  width: 70px;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(var(--site-rgb), 0.03),
    rgba(var(--site-rgb), 0.14),
    rgba(255, 255, 255, 0.07),
    rgba(var(--site-rgb), 0.12),
    transparent
  );

  filter: blur(4px);

  pointer-events: none;

  transform: skewX(-18deg);

  animation: helen-vip-tarama-isigi-hareketi 7s ease-in-out infinite;
}

@keyframes helen-vip-tarama-isigi-hareketi {
  0%,
  15% {
    left: -35%;
    opacity: 0;
  }

  25% {
    opacity: 0.8;
  }

  55% {
    left: 115%;
    opacity: 0.8;
  }

  65%,
  100% {
    left: 115%;
    opacity: 0;
  }
}

/* ==================================================
   PANELDEN SEÇİLEBİLEN KART ANİMASYONLARI
================================================== */

.helen-vip-kart-arka-efekti {
  position: absolute;
  inset: -35%;
  z-index: 1;
  display: none;
  pointer-events: none;
}

.helen-kenar-animasyon-yok .helen-vip-kart-kesik-seridi,
.helen-kenar-animasyon-nabiz .helen-vip-kart-kesik-seridi {
  display: none;
}

.helen-kenar-animasyon-parilti .helen-vip-kart-kesik-seridi {
  animation: helen-vip-kenar-pariltisi 2.2s ease-in-out infinite;
}

.helen-kenar-animasyon-parilti .helen-vip-kart-kesik-seridi-alt {
  animation-delay: -1.1s;
}

.helen-kenar-animasyon-nabiz {
  animation: helen-vip-kenar-nabzi 2.4s ease-in-out infinite;
}

.helen-arka-animasyon-yok .helen-vip-kart-tarama-isigi,
.helen-arka-animasyon-kayma .helen-vip-kart-tarama-isigi,
.helen-arka-animasyon-dalga .helen-vip-kart-tarama-isigi {
  display: none;
}

.helen-arka-animasyon-kayma .helen-vip-kart-arka-efekti {
  display: block;
  background: repeating-linear-gradient(
    115deg,
    transparent 0 38px,
    rgba(var(--site-rgb), 0.04) 38px 76px,
    rgba(var(--site-rgb), 0.12) 76px 78px,
    transparent 78px 116px
  );
  animation: helen-vip-arka-plan-kaymasi 9s linear infinite;
}

.helen-arka-animasyon-dalga .helen-vip-kart-arka-efekti {
  display: block;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(var(--site-rgb), 0.22) 0,
    rgba(var(--site-rgb), 0.08) 28%,
    transparent 65%
  );
  animation: helen-vip-arka-plan-dalgasi 4.8s ease-in-out infinite;
}

@keyframes helen-vip-kenar-pariltisi {
  0%, 100% { opacity: 0.25; filter: brightness(0.8); }
  50% { opacity: 0.95; filter: brightness(1.5); }
}

@keyframes helen-vip-kenar-nabzi {
  0%, 100% { box-shadow: 0 0 5px rgba(var(--site-rgb), 0.18); }
  50% { box-shadow: 0 0 13px rgba(var(--site-rgb), 0.48), 0 0 30px rgba(var(--site-rgb), 0.18); }
}

@keyframes helen-vip-arka-plan-kaymasi {
  from { transform: translate3d(-18%, -8%, 0); }
  to { transform: translate3d(18%, 8%, 0); }
}

@keyframes helen-vip-arka-plan-dalgasi {
  0%, 100% { opacity: 0.25; transform: scale(0.72); }
  50% { opacity: 0.72; transform: scale(1.08); }
}

/* YOĞUN KENAR EFEKTLERİ */
.helen-kenar-animasyon-neon { animation:helen-neon 1.8s ease-in-out infinite; }
.helen-kenar-animasyon-gokkusagi { animation:helen-gokkusagi 4s linear infinite; }
.helen-kenar-animasyon-elektrik { animation:helen-elektrik 1.15s steps(2,end) infinite; }
.helen-kenar-animasyon-kesik { border-style:dashed !important; animation:helen-kesik 1.8s linear infinite; }
.helen-kenar-animasyon-donen { animation:helen-donen 3.8s linear infinite; }
.helen-kenar-animasyon-titreme { animation:helen-titreme .45s ease-in-out infinite alternate; }
.helen-kenar-animasyon-neon .helen-vip-kart-kesik-seridi,
.helen-kenar-animasyon-gokkusagi .helen-vip-kart-kesik-seridi,
.helen-kenar-animasyon-elektrik .helen-vip-kart-kesik-seridi,
.helen-kenar-animasyon-kesik .helen-vip-kart-kesik-seridi,
.helen-kenar-animasyon-donen .helen-vip-kart-kesik-seridi,
.helen-kenar-animasyon-titreme .helen-vip-kart-kesik-seridi { display:none; }
@keyframes helen-neon { 0%,100%{box-shadow:0 0 5px rgba(var(--site-rgb),.35),inset 0 0 8px rgba(var(--site-rgb),.08)} 50%{box-shadow:0 0 12px var(--site-rengi),0 0 32px rgba(var(--site-rgb),.45),inset 0 0 18px rgba(var(--site-rgb),.18)} }
@keyframes helen-gokkusagi { to{filter:hue-rotate(360deg)} }
@keyframes helen-elektrik { 0%,92%,100%{box-shadow:0 0 7px rgba(var(--site-rgb),.3)} 93%{box-shadow:0 0 22px #fff,0 0 45px var(--site-rengi);border-color:#fff} 96%{box-shadow:0 0 3px transparent} }
@keyframes helen-kesik { 0%{border-color:rgba(var(--site-rgb),.25)} 50%{border-color:var(--site-rengi);box-shadow:0 0 16px rgba(var(--site-rgb),.35)} 100%{border-color:rgba(var(--site-rgb),.25)} }
@keyframes helen-donen { 0%{box-shadow:-14px 0 18px -8px var(--site-rengi)} 25%{box-shadow:0 -14px 18px -8px var(--site-rengi)} 50%{box-shadow:14px 0 18px -8px var(--site-rengi)} 75%{box-shadow:0 14px 18px -8px var(--site-rengi)} 100%{box-shadow:-14px 0 18px -8px var(--site-rengi)} }
@keyframes helen-titreme { from{filter:brightness(.9);box-shadow:0 0 6px rgba(var(--site-rgb),.2)} to{filter:brightness(1.18);box-shadow:0 0 20px rgba(var(--site-rgb),.55)} }

/* YOĞUN ARKA PLAN EFEKTLERİ */
.helen-arka-animasyon-aurora .helen-vip-kart-arka-efekti,
.helen-arka-animasyon-sis .helen-vip-kart-arka-efekti,
.helen-arka-animasyon-yildiz .helen-vip-kart-arka-efekti,
.helen-arka-animasyon-matriks .helen-vip-kart-arka-efekti,
.helen-arka-animasyon-girdap .helen-vip-kart-arka-efekti,
.helen-arka-animasyon-kivilcim .helen-vip-kart-arka-efekti { display:block; }
.helen-arka-animasyon-aurora .helen-vip-kart-tarama-isigi,
.helen-arka-animasyon-sis .helen-vip-kart-tarama-isigi,
.helen-arka-animasyon-yildiz .helen-vip-kart-tarama-isigi,
.helen-arka-animasyon-matriks .helen-vip-kart-tarama-isigi,
.helen-arka-animasyon-girdap .helen-vip-kart-tarama-isigi,
.helen-arka-animasyon-kivilcim .helen-vip-kart-tarama-isigi { display:none; }
.helen-arka-animasyon-aurora .helen-vip-kart-arka-efekti { background:linear-gradient(115deg,transparent 20%,rgba(var(--site-rgb),.22),rgba(90,255,220,.13),transparent 78%);filter:blur(16px);animation:helen-aurora 6s ease-in-out infinite alternate; }
.helen-arka-animasyon-sis .helen-vip-kart-arka-efekti { background:radial-gradient(ellipse at 30% 50%,rgba(255,255,255,.12),transparent 45%),radial-gradient(ellipse at 70% 40%,rgba(var(--site-rgb),.2),transparent 48%);filter:blur(20px);animation:helen-sis 9s ease-in-out infinite alternate; }
.helen-arka-animasyon-yildiz .helen-vip-kart-arka-efekti { inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.9) 1px,transparent 1.5px),radial-gradient(circle,rgba(var(--site-rgb),.8) 1px,transparent 1.5px);background-size:31px 31px,47px 47px;animation:helen-yildiz 8s linear infinite; }
.helen-arka-animasyon-matriks .helen-vip-kart-arka-efekti { inset:-50%;background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(var(--site-rgb),.12) 19px,transparent 20px),repeating-linear-gradient(0deg,transparent 0 12px,rgba(var(--site-rgb),.08) 13px,transparent 14px);animation:helen-matriks 5s linear infinite; }
.helen-arka-animasyon-girdap .helen-vip-kart-arka-efekti { border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(var(--site-rgb),.28),transparent,rgba(180,70,255,.2),transparent);filter:blur(10px);animation:helen-girdap 7s linear infinite; }
.helen-arka-animasyon-kivilcim .helen-vip-kart-arka-efekti { inset:0;background:radial-gradient(circle at 20% 120%,rgba(var(--site-rgb),.8) 0 2px,transparent 3px),radial-gradient(circle at 55% 120%,#fff 0 1px,transparent 2px),radial-gradient(circle at 85% 120%,rgba(var(--site-rgb),.7) 0 2px,transparent 3px);background-size:70px 90px,95px 120px,120px 150px;animation:helen-kivilcim 3.8s linear infinite; }
@keyframes helen-aurora { from{transform:translateX(-25%) rotate(-8deg);opacity:.35} to{transform:translateX(25%) rotate(8deg);opacity:.85} }
@keyframes helen-sis { from{transform:translate3d(-12%,-4%,0) scale(.9);opacity:.25} to{transform:translate3d(12%,5%,0) scale(1.12);opacity:.65} }
@keyframes helen-yildiz { from{background-position:0 0,0 0;opacity:.3} 50%{opacity:.85} to{background-position:31px -62px,-47px -94px;opacity:.3} }
@keyframes helen-matriks { to{transform:translateY(28%)} }
@keyframes helen-girdap { to{transform:rotate(360deg) scale(1.08)} }
@keyframes helen-kivilcim { from{background-position:0 110px,20px 130px,40px 160px;opacity:.2} to{background-position:0 -100px,20px -120px,40px -150px;opacity:.85} }

/* YENİ KENAR ANİMASYON PAKETİ */
.helen-kenar-animasyon-lazer{animation:helen-lazer-cerceve 2.8s linear infinite}
.helen-kenar-animasyon-kose-akisi{animation:helen-kose-akisi 3.2s ease-in-out infinite}
.helen-kenar-animasyon-cift-isik{animation:helen-cift-isik 2.4s linear infinite}
.helen-kenar-animasyon-ates{animation:helen-ates-kenar 1.7s ease-in-out infinite alternate}
.helen-kenar-animasyon-buz{animation:helen-buz-kenar 3s ease-in-out infinite}
.helen-kenar-animasyon-lazer .helen-vip-kart-kesik-seridi,
.helen-kenar-animasyon-kose-akisi .helen-vip-kart-kesik-seridi,
.helen-kenar-animasyon-cift-isik .helen-vip-kart-kesik-seridi,
.helen-kenar-animasyon-ates .helen-vip-kart-kesik-seridi,
.helen-kenar-animasyon-buz .helen-vip-kart-kesik-seridi{display:none}
@keyframes helen-lazer-cerceve{0%{border-color:rgba(var(--site-rgb),.22);box-shadow:-18px 0 20px -12px #fff}25%{box-shadow:0 -18px 20px -12px var(--site-rengi)}50%{border-color:#fff;box-shadow:18px 0 20px -12px #fff}75%{box-shadow:0 18px 20px -12px var(--site-rengi)}100%{border-color:rgba(var(--site-rgb),.22);box-shadow:-18px 0 20px -12px #fff}}
@keyframes helen-kose-akisi{0%,100%{box-shadow:-7px -7px 15px -5px var(--site-rengi),7px 7px 15px -7px transparent}50%{box-shadow:-7px -7px 15px -7px transparent,7px 7px 15px -5px var(--site-rengi)}}
@keyframes helen-cift-isik{0%,100%{box-shadow:-20px 0 25px -16px #fff,20px 0 25px -16px var(--site-rengi)}50%{box-shadow:20px 0 25px -16px #fff,-20px 0 25px -16px var(--site-rengi)}}
@keyframes helen-ates-kenar{from{border-color:#ff7a18;box-shadow:0 0 8px #ff3d00,0 -3px 18px rgba(255,122,24,.28)}to{border-color:#ffd166;box-shadow:0 0 17px #ff7a18,0 -8px 30px rgba(255,61,0,.42)}}
@keyframes helen-buz-kenar{0%,100%{border-color:#8be9ff;box-shadow:inset 0 0 10px rgba(139,233,255,.12),0 0 8px rgba(139,233,255,.35)}50%{border-color:#fff;box-shadow:inset 0 0 24px rgba(139,233,255,.22),0 0 24px rgba(139,233,255,.62)}}

/* YENİ ARKA PLAN ANİMASYON PAKETİ */
.helen-arka-animasyon-plazma .helen-vip-kart-arka-efekti,
.helen-arka-animasyon-meteor .helen-vip-kart-arka-efekti,
.helen-arka-animasyon-cyber-grid .helen-vip-kart-arka-efekti,
.helen-arka-animasyon-neon-bulut .helen-vip-kart-arka-efekti,
.helen-arka-animasyon-spot .helen-vip-kart-arka-efekti{display:block}
.helen-arka-animasyon-plazma .helen-vip-kart-tarama-isigi,
.helen-arka-animasyon-meteor .helen-vip-kart-tarama-isigi,
.helen-arka-animasyon-cyber-grid .helen-vip-kart-tarama-isigi,
.helen-arka-animasyon-neon-bulut .helen-vip-kart-tarama-isigi,
.helen-arka-animasyon-spot .helen-vip-kart-tarama-isigi{display:none}
.helen-arka-animasyon-plazma .helen-vip-kart-arka-efekti{background:conic-gradient(from 30deg at 40% 50%,transparent,rgba(var(--site-rgb),.34),rgba(42,220,255,.18),transparent 65%);filter:blur(12px);animation:helen-plazma 5.5s ease-in-out infinite alternate}
.helen-arka-animasyon-meteor .helen-vip-kart-arka-efekti{inset:-80%;background:repeating-linear-gradient(135deg,transparent 0 35px,rgba(255,255,255,.65) 36px,rgba(var(--site-rgb),.5) 37px,transparent 41px 82px);animation:helen-meteor 3.8s linear infinite}
.helen-arka-animasyon-cyber-grid .helen-vip-kart-arka-efekti{inset:0;background-image:linear-gradient(rgba(var(--site-rgb),.18) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--site-rgb),.18) 1px,transparent 1px);background-size:28px 28px;transform:perspective(180px) rotateX(38deg) scale(1.5);animation:helen-cyber-grid 4s linear infinite}
.helen-arka-animasyon-neon-bulut .helen-vip-kart-arka-efekti{background:radial-gradient(circle at 25% 55%,rgba(var(--site-rgb),.42),transparent 34%),radial-gradient(circle at 75% 40%,rgba(44,210,255,.25),transparent 38%);filter:blur(22px);animation:helen-neon-bulut 6.5s ease-in-out infinite alternate}
.helen-arka-animasyon-spot .helen-vip-kart-arka-efekti{inset:-20%;background:radial-gradient(circle at center,rgba(255,255,255,.22),rgba(var(--site-rgb),.16) 18%,transparent 45%);animation:helen-spot 4.8s ease-in-out infinite}
@keyframes helen-plazma{from{transform:translateX(-22%) rotate(-12deg) scale(.9)}to{transform:translateX(22%) rotate(18deg) scale(1.15)}}
@keyframes helen-meteor{from{transform:translate3d(-18%,-18%,0)}to{transform:translate3d(18%,18%,0)}}
@keyframes helen-cyber-grid{from{background-position:0 0,0 0}to{background-position:0 28px,28px 0}}
@keyframes helen-neon-bulut{from{transform:translate3d(-15%,-5%,0) scale(.9);opacity:.35}to{transform:translate3d(15%,8%,0) scale(1.15);opacity:.82}}
@keyframes helen-spot{0%,100%{transform:translateX(-35%) scale(.75);opacity:.25}50%{transform:translateX(35%) scale(1.1);opacity:.8}}

/* ==================================================
   SOLOBET UÇUŞAN PARÇACIKLARI
================================================== */

.helen-vip-kart-parcaciklari {
  position: absolute;
  inset: 0;
  z-index: 2;

  overflow: hidden;

  pointer-events: none;
}

.helen-vip-kart-parcaciklari i {
  position: absolute;
  bottom: -12px;

  width: 4px;
  height: 4px;

  border-radius: 50%;

  background: #ff8a20;

  box-shadow:
    0 0 6px rgba(255, 138, 32, 0.8),
    0 0 12px rgba(255, 138, 32, 0.4);

  opacity: 0;

  animation: helen-vip-parcacik-yukselisi 5s linear infinite;
}

.helen-vip-kart-parcaciklari i:nth-child(1) {
  left: 10%;

  animation-delay: 0s;
  animation-duration: 5.2s;
}

.helen-vip-kart-parcaciklari i:nth-child(2) {
  left: 27%;

  width: 3px;
  height: 3px;

  animation-delay: 1.4s;
  animation-duration: 4.6s;
}

.helen-vip-kart-parcaciklari i:nth-child(3) {
  left: 44%;

  animation-delay: 2.6s;
  animation-duration: 5.8s;
}

.helen-vip-kart-parcaciklari i:nth-child(4) {
  left: 63%;

  width: 2px;
  height: 2px;

  animation-delay: 0.8s;
  animation-duration: 4.9s;
}

.helen-vip-kart-parcaciklari i:nth-child(5) {
  left: 79%;

  animation-delay: 3.2s;
  animation-duration: 5.5s;
}

.helen-vip-kart-parcaciklari i:nth-child(6) {
  left: 92%;

  width: 3px;
  height: 3px;

  animation-delay: 1.9s;
  animation-duration: 4.3s;
}

@keyframes helen-vip-parcacik-yukselisi {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0.6);
  }

  15% {
    opacity: 0.65;
  }

  70% {
    opacity: 0.35;
  }

  100% {
    opacity: 0;
    transform: translate3d(18px, -175px, 0) scale(1.2);
  }
}

/* ==================================================
   GRİ REKLAM KARTLARI
================================================== */

.helen-vip-reklam-karti {
  border: 1px solid rgba(var(--site-rgb), 0.42);

  color: #aaaab5;

  background:
    radial-gradient(
      circle at center,
      rgba(var(--site-rgb), 0.07),
      transparent 55%
    ),
    linear-gradient(rgba(255, 255, 255, 0.014) 1px, transparent 1px),
    linear-gradient(145deg, var(--site-arka-plani), color-mix(in srgb, var(--site-arka-plani) 72%, #000));

  background-size:
    100% 100%,
    100% 7px,
    100% 100%;

  box-shadow:
    inset 0 0 28px rgba(255, 255, 255, 0.02),
    0 0 16px rgba(135, 135, 150, 0.06);
}

.helen-vip-reklam-karti.helen-vip-site-karti-seffaf{background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.helen-vip-reklam-karti.helen-vip-site-karti-arka-planli{background:radial-gradient(circle at 50% 0,rgba(var(--site-rgb),.13),transparent 58%),linear-gradient(145deg,var(--site-arka-plani),color-mix(in srgb,var(--site-arka-plani) 72%,#000))}
.helen-vip-reklam-karti.helen-vip-site-karti-blur{background:rgba(var(--site-rgb),.09);-webkit-backdrop-filter:blur(var(--site-blur,14px));backdrop-filter:blur(var(--site-blur,14px));border-color:rgba(var(--site-rgb),.5)}

/* GRİ KARTIN İÇ ÇERÇEVESİ */

.helen-vip-reklam-karti::after {
  content: "";

  position: absolute;
  inset: 9px;
  z-index: 1;

  border: 1px dashed rgba(160, 160, 174, 0.2);
  border-radius: 10px;

  pointer-events: none;
}

/* GRİ KARTIN ARTI İŞARETİ */

.helen-vip-reklam-karti::before {
  content: "+";

  position: absolute;
  top: 30px;
  left: 50%;
  z-index: 3;

  color: #777783;

  font-size: 28px;
  font-weight: 300;
  line-height: 1;

  pointer-events: none;

  transform: translateX(-50%);
}

/* GRİ KART ANA YAZISI */

.helen-vip-reklam-karti-basligi {
  position: relative;
  z-index: 3;

  display: flex;
  flex-direction: column;
  align-items: center;

  margin-top: 32px;

  color: inherit;

  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.04em;
}

/* GRİ KART ALT YAZISI */

.helen-vip-reklam-karti-basligi::after {
  content: "İş birliği için bizimle iletişime geçin";

  margin-top: 7px;

  color: #696974;

  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0;
}

/* GRİ KART HOVER */

.helen-vip-reklam-karti:hover {
  color: #d0d0d8;

  border-color: rgba(190, 190, 202, 0.65);

  box-shadow:
    inset 0 0 30px rgba(255, 255, 255, 0.028),
    0 0 22px rgba(155, 155, 170, 0.11);
}

.helen-vip-reklam-karti:hover::before {
  color: #c2c2cc;
}

/* ==================================================
   TABLET
================================================== */

@media (max-width: 1200px) {
  #helen-vip-kart-deneme-sirasi {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ==================================================
   MOBİL
================================================== */

@media (max-width: 620px) {
  #helen-vip-kart-deneme-sirasi {
    grid-template-columns: 1fr;
    gap: 12px;

    width: calc(100% - 20px);

    margin-top: 45px;
    margin-bottom: 20px;
  }

  .helen-vip-site-karti {
    height: 145px;
    padding: 16px 20px;
  }

  .helen-vip-site-logosu {
    max-width: 180px;
    max-height: 56px;
  }

  .helen-vip-site-birinci-yazi {
    font-size: 12px;
  }

  .helen-vip-site-ikinci-yazi {
    font-size: 11px;
  }

  .helen-vip-reklam-karti::before {
    top: 25px;
  }

  .helen-vip-reklam-karti-basligi {
    margin-top: 30px;
  }
}

/* ==================================================
   HAREKET AZALTMA TERCİHİ
================================================== */

@media (prefers-reduced-motion: reduce) {
  .helen-vip-site-karti {
    transition: none;
    animation: none;
  }

  .helen-vip-site-karti:hover {
    transform: none;
  }

  .helen-vip-kart-kesik-seridi,
  .helen-vip-kart-tarama-isigi,
  .helen-vip-kart-arka-efekti,
  .helen-vip-kart-parcaciklari i {
    animation: none;
  }

  .helen-vip-kart-tarama-isigi,
  .helen-vip-kart-arka-efekti,
  .helen-vip-kart-parcaciklari {
    display: none;
  }
}

/* ==================================================
   VIP BAŞLIK — MOBİL UYUM
================================================== */

@media (max-width: 620px) {
  #helen-vip-kartlar-baslik-alani {
    width: calc(100% - 20px);
    gap: 9px;
    margin: 55px auto 30px;
    flex-wrap: wrap;
  }

  .helen-vip-yan-kutusu { max-width:100%; }

  .helen-vip-baslik-metin-alani {
    min-width: 0;
    flex-shrink: 1;
  }

  #helen-vip-kartlar-basligi {
    font-size: 18px;
    letter-spacing: 0.06em;
    white-space: nowrap;
  }

  #helen-vip-kartlar-alt-basligi {
    font-size: 8px;
    letter-spacing: 0.12em;
    white-space: nowrap;
  }

  .helen-vip-baslik-elmasi {
    width: 27px;
    height: 27px;
    border-radius: 7px;
  }

  .helen-vip-baslik-elmasi i {
    font-size: 10px;
  }

  .helen-vip-baslik-cizgisi {
    min-width: 12px;
    width: 8vw;
  }
}
/* Premium iç yerleşim denemesi; dış çerçeveye dokunmaz. */
#helen-vip-kartlar-baslik-alani.helen-vip-baslik-kutulu {
  column-gap: 12px;
}
#helen-vip-kartlar-baslik-alani.helen-vip-baslik-kutulu .helen-vip-baslik-metin-alani {
  min-width: 180px;
}
#helen-vip-kartlar-baslik-alani.helen-vip-baslik-kutulu #helen-vip-kartlar-basligi {
  margin-bottom: 7px;
  color: #f5fbff;
  letter-spacing: .065em;
  text-shadow: none;
}
#helen-vip-kartlar-baslik-alani.helen-vip-baslik-kutulu #helen-vip-kartlar-alt-basligi {
  color: #8ed5f4;
  font-weight: 600;
  letter-spacing: .2em;
  line-height: 1.2;
  text-shadow: 0 0 5px rgba(111, 209, 255, .14);
}
#helen-vip-kartlar-baslik-alani.helen-vip-baslik-kutulu .helen-vip-baslik-cizgisi {
  width: clamp(26px, 7vw, 96px);
  background: linear-gradient(90deg, transparent, rgba(130, 217, 255, .38), transparent);
  box-shadow: none;
}
#helen-vip-kartlar-baslik-alani.helen-vip-baslik-kutulu .helen-vip-baslik-elmasi img {
  filter: drop-shadow(0 0 4px rgba(112, 213, 255, .22));
}
@media (max-width: 620px) {
  #helen-vip-kartlar-baslik-alani.helen-vip-baslik-kutulu { column-gap: 8px; }
  #helen-vip-kartlar-baslik-alani.helen-vip-baslik-kutulu .helen-vip-baslik-metin-alani { min-width: 0; }
  #helen-vip-kartlar-baslik-alani.helen-vip-baslik-kutulu .helen-vip-baslik-cizgisi { width: 24px; }
}