.elementor-146 .elementor-element.elementor-element-dffea28{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-146 .elementor-element.elementor-element-520739d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-146 .elementor-element.elementor-element-199ad71{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-146 .elementor-element.elementor-element-dac2166{--display:flex;}.elementor-146 .elementor-element.elementor-element-23ef033{--display:flex;}.elementor-146 .elementor-element.elementor-element-6ea121b{--display:flex;--border-radius:21px 21px 21px 21px;}.elementor-146 .elementor-element.elementor-element-66fec70{--display:flex;}.elementor-146 .elementor-element.elementor-element-bbcb63a{--display:flex;}.elementor-146 .elementor-element.elementor-element-620a81b{--display:flex;}.elementor-146 .elementor-element.elementor-element-78ea0ad{--display:flex;}.elementor-146 .elementor-element.elementor-element-297dd13{--display:flex;}.elementor-146 .elementor-element.elementor-element-c4813dd{--display:flex;}.elementor-146 .elementor-element.elementor-element-3887027{--display:flex;}.elementor-146 .elementor-element.elementor-element-2c45b56{--display:flex;}.elementor-146 .elementor-element.elementor-element-fb4ca83{--display:flex;}.elementor-146 .elementor-element.elementor-element-ce198c8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-146 .elementor-element.elementor-element-fa6286e{--display:flex;}.elementor-146 .elementor-element.elementor-element-ea07247{--display:flex;}.elementor-146 .elementor-element.elementor-element-ebddbbf{--display:flex;}.elementor-146 .elementor-element.elementor-element-f4338a8{--display:flex;}.elementor-146 .elementor-element.elementor-element-6d539d4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-146 .elementor-element.elementor-element-6851016{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-146 .elementor-element.elementor-element-913d737{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-146 .elementor-element.elementor-element-5a3e546{--display:flex;}.elementor-146 .elementor-element.elementor-element-7171a93{--display:flex;}.elementor-146 .elementor-element.elementor-element-13bdc9f{--display:flex;--border-radius:21px 21px 21px 21px;}.elementor-146 .elementor-element.elementor-element-0dad2e0{--display:flex;}.elementor-146 .elementor-element.elementor-element-c86e243{--display:flex;}.elementor-146 .elementor-element.elementor-element-4ef0f4e{--display:flex;}.elementor-146 .elementor-element.elementor-element-18e3c3a{--display:flex;}.elementor-146 .elementor-element.elementor-element-6fa7e19{--display:flex;}.elementor-146 .elementor-element.elementor-element-d8a20f1{--display:flex;}.elementor-146 .elementor-element.elementor-element-d183e95{--display:flex;}.elementor-146 .elementor-element.elementor-element-6a9b88e{--display:flex;}.elementor-146 .elementor-element.elementor-element-4f978ff{--display:flex;}.elementor-146 .elementor-element.elementor-element-dc4707a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-146 .elementor-element.elementor-element-a10e000{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-146 .elementor-element.elementor-element-bee03f0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-146 .elementor-element.elementor-element-128579e{--display:flex;}.elementor-146 .elementor-element.elementor-element-c77f50a{--display:flex;}.elementor-146 .elementor-element.elementor-element-409776a{--display:flex;--border-radius:21px 21px 21px 21px;}.elementor-146 .elementor-element.elementor-element-e208a94{--display:flex;}.elementor-146 .elementor-element.elementor-element-6afdf9e{--display:flex;}.elementor-146 .elementor-element.elementor-element-4f59204{--display:flex;}.elementor-146 .elementor-element.elementor-element-bb1e525{--display:flex;}.elementor-146 .elementor-element.elementor-element-20be602{--display:flex;}.elementor-146 .elementor-element.elementor-element-8c42486{--display:flex;}.elementor-146 .elementor-element.elementor-element-f79a948{--display:flex;}.elementor-146 .elementor-element.elementor-element-24811e6{--display:flex;}.elementor-146 .elementor-element.elementor-element-c88a6e2{--display:flex;}@media(min-width:768px){.elementor-146 .elementor-element.elementor-element-ce198c8{--content-width:1100px;}}/* Start custom CSS for container, class: .elementor-element-520739d *//* =========================================
   1. KAPSAYICI BOŞLUKLARI
   ========================================= */
.mega-baslik {
  position: relative;
  text-align: center;
  margin-bottom: 25px !important; 
  padding-bottom: 15px !important; /* Alt çizgi ile metin arasına nefes payı */
}

/* =========================================
   2. "TITANIUM SCANLINE" DEV TİPOGRAFİ
   ========================================= */
.mega-baslik .elementor-heading-title {
  /* Senin ayarladığın 5.5rem sınırı */
  font-size: clamp(2rem, 5vw, 5.5rem) !important; 
  
  font-weight: 900 !important; 
  text-transform: uppercase !important;
  
  letter-spacing: 1px !important; 
  word-spacing: 4px !important; 
  
  /* Masaüstünde tek satıra zorlar */
  white-space: nowrap !important;
  
  line-height: 1.1 !important; 
  padding-top: 10px !important;
  margin: 0 !important;

  background-image: 
    repeating-linear-gradient(
      -45deg, 
      rgba(0, 0, 0, 0.2) 0px,    
      rgba(0, 0, 0, 0.2) 1px,    
      transparent 1px,           
      transparent 5px            
    ),
    linear-gradient(180deg, #050505 0%, #9ca3af 100%) !important;
  
  background-size: auto, 100% 100%;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  
  position: relative;
  z-index: 0;
}

/* =========================================
   3. DARK HORIZON (KOYU UFUK ÇİZGİSİ - GERİ GELDİ!)
   ========================================= */
.mega-baslik::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 850px; 
  height: 2px; 
  /* Ortası koyu, kenarlara doğru silinen o jilet gibi çizgi */
  background: linear-gradient(90deg, rgba(5,5,5,0) 0%, rgba(5,5,5,0.85) 50%, rgba(5,5,5,0) 100%);
  z-index: 1;
}

/* =========================================
   4. MOBİL UYUM
   ========================================= */
@media (max-width: 992px) {
  .mega-baslik .elementor-heading-title {
    /* Mobilde sığması için nowrap iptal, alta geçiş serbest */
    white-space: normal !important;
    font-size: clamp(1.8rem, 6vw, 3.5rem) !important;
    letter-spacing: 0px !important; 
    word-spacing: 2px !important;
  }
  .mega-baslik::after {
    width: 85%; 
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-199ad71 *//* =========================================
   1. KART OMURGASI VE 3D MEKANİZMASI
   ========================================= */
.flip-card {
  -webkit-perspective: 1000px;
  perspective: 1000px;
  width: 100%;
  max-width: 350px; 
  height: 450px; 
  margin: 10px; 
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box !important;
  display: block !important; 
  position: relative !important;
}

.flip-card-inner {
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
  transition: transform 0.8s cubic-bezier(0.4, 0.2, 0.2, 1); 
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  will-change: transform; 
}

.flip-card:hover .flip-card-inner,
.flip-card:active .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-front, .flip-back {
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
  backface-visibility: hidden !important; 
  -webkit-backface-visibility: hidden !important;
  display: flex;
  flex-direction: column;
  padding: 40px 30px !important;
  text-align: center;
}

.flip-front { justify-content: space-between !important; }
.flip-back { transform: rotateY(180deg) translateZ(0) !important; justify-content: center !important; }

/* =========================================
   2. YENİ DOKU: "DIGITAL GRID" (IZGARA EFEKTİ)
   ========================================= */
.glass-effect {
  border-radius: 21px !important; 
  border: 1px solid rgba(255, 255, 255, 0.12) !important; 
  overflow: hidden !important; 
}

.glass-effect::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  
  /* SİHİR: Carbon yerine Dijital Nokta Izgarası */
  background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px);
  background-size: 18px 18px; /* Noktalar arası mesafe */
  
  pointer-events: none; 
  z-index: 0;
}

.glass-effect > * { z-index: 1; position: relative; }

/* =========================================
   3. TİPOGRAFİ VE ÇİZGİLER (PREMIUM DÜZEN)
   ========================================= */
.flip-card h2, .flip-card h3, .flip-card h4, .flip-card p, .flip-card li { color: #ffffff !important; }

.flip-front h2 {
  font-size: 24px !important; font-weight: 600 !important;
  padding-bottom: 15px !important; 
  border-bottom: 2px solid rgba(255, 255, 255, 0.15) !important; 
}

.flip-front p {
  font-size: 14px !important; font-weight: 300 !important;
  color: rgba(255, 255, 255, 0.65) !important;
  margin: auto 0 !important;
}

.flip-front h3, .flip-front h4 { 
  font-size: 30px !important; font-weight: 700 !important;
  padding-top: 15px !important; 
  border-top: 2px solid rgba(255, 255, 255, 0.15) !important; 
}

/* Arka Liste Düzeni */
.flip-back p, .flip-back li {
  font-size: 13px !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* =========================================
   4. RENK GRUPLARI VE ATIFLAR (DİJİTAL TONLAR)
   ========================================= */

/* =========================================
   SOSYAL MEDYA GRUBU (Yüksek Kontrastlı Neon Renkler)
   ========================================= */

/* 1. Landing: Neon Turkuaz */
.sm-landing .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #00e5ff 100%) !important; }

/* 2. Standart: Canlı Mercan / Ateş Pembesi */
.sm-standart .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #ff3e6c 100%) !important; }

/* 3. Premium: Elektrik Mor */
.sm-premium .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #8a2be2 100%) !important; }

/* 4. Exclusive: Parlak Kehribar / Altın */
.sm-exclusive .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #ffaa00 100%) !important; }

/* META ADS GRUBU (Fuşya - Violet) */
.meta-standart .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #ff00ff 100%) !important; }
.meta-premium .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #9400d3 100%) !important; }
.meta-exclusive .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #4b0082 100%) !important; }

/* GOOGLE ADS GRUBU (Yeşil - Altın) */
.google-standart .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #00ff7f 100%) !important; }
.google-premium .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #32cd32 100%) !important; }
.google-exclusive .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #ffd700 100%) !important; }

/* =========================================
   ARKA YÜZ ATIF RENKLERİ (Önceki paketin rengi)
   ========================================= */

/* =========================================
   SOSYAL MEDYA ARKA YÜZ ATIF RENKLERİ
   ========================================= */

/* Standart paket arkasında Landing (Turkuaz) rengi */
.sm-standart .flip-back p:first-child,
.sm-standart .flip-back .elementor-icon-list-item:first-child .elementor-icon-list-text { color: #00e5ff !important; font-style: italic; font-weight: 500 !important; }

/* Premium paket arkasında Standart (Mercan) rengi */
.sm-premium .flip-back p:first-child,
.sm-premium .flip-back .elementor-icon-list-item:first-child .elementor-icon-list-text { color: #ff3e6c !important; font-style: italic; font-weight: 500 !important; }

/* Exclusive paket arkasında Premium (Mor) rengi */
.sm-exclusive .flip-back p:first-child,
.sm-exclusive .flip-back .elementor-icon-list-item:first-child .elementor-icon-list-text { color: #8a2be2 !important; font-style: italic; font-weight: 500 !important; }

/* Meta Ads Atıfları */
.meta-premium .flip-back p:first-child,
.meta-premium .flip-back .elementor-icon-list-item:first-child .elementor-icon-list-text { color: #ff00ff !important; font-style: italic; font-weight: 500 !important; }

.meta-exclusive .flip-back p:first-child,
.meta-exclusive .flip-back .elementor-icon-list-item:first-child .elementor-icon-list-text { color: #9400d3 !important; font-style: italic; font-weight: 500 !important; }

/* Google Ads Atıfları */
.google-premium .flip-back p:first-child,
.google-premium .flip-back .elementor-icon-list-item:first-child .elementor-icon-list-text { color: #00ff7f !important; font-style: italic; font-weight: 500 !important; }

.google-exclusive .flip-back p:first-child,
.google-exclusive .flip-back .elementor-icon-list-item:first-child .elementor-icon-list-text { color: #32cd32 !important; font-style: italic; font-weight: 500 !important; }
/* =========================================
   1. ÜST KASA (KARBON GRİD GERİ GELDİ)
   ========================================= */
.premium-sahne-ust {
  /* Düz #e4e7eb rengin üzerine karbon çizgileri eklendi */
  background: repeating-linear-gradient(-45deg, rgba(0,0,0,0.02) 0px, rgba(0,0,0,0.02) 1px, transparent 1px, transparent 6px), #e4e7eb !important;
  
  border-radius: 40px 40px 0 0 !important; 
  
  border-top: 1px solid rgba(255, 255, 255, 0.8) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.8) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.8) !important;
  border-bottom: none !important; 
  
  /* Aşağı sarkan gölge YOOOK! Sadece yukarı/dışarı */
  box-shadow: 0 -5px 20px rgba(0,0,0,0.03) !important;
  
  padding: 70px 40px 20px 40px !important;
  margin: 50px auto 0 auto !important; 
  z-index: 1 !important;
}

/* =========================================
   2. ALT KASA (KARBON GRİD + KUSURSUZ BİRLEŞİM)
   ========================================= */
.premium-sahne-alt {
  /* Üsttekiyle milimetrik olarak aynı grid ve aynı renk */
  background: repeating-linear-gradient(-45deg, rgba(0,0,0,0.02) 0px, rgba(0,0,0,0.02) 1px, transparent 1px, transparent 6px), #e4e7eb !important;
  
  border-radius: 0 0 40px 40px !important; 
  
  border-bottom: 1px solid rgba(255, 255, 255, 0.8) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.8) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.8) !important;
  border-top: none !important; 
  
  /* Aradaki çatlağı kapatan lehim */
  margin: -1px auto 50px auto !important; 
  
  /* Gölge sadece aşağı düşüyor */
  box-shadow: 0 15px 40px rgba(0,0,0,0.06) !important;
  
  padding: 20px 40px 60px 40px !important;
  z-index: 1 !important;
}

/* =========================================
   MOBİL UYUM
   ========================================= */
@media (max-width: 768px) {
  .premium-sahne-ust { 
    border-radius: 25px 25px 0 0 !important; 
    padding: 50px 20px 20px 20px !important; 
    margin: 30px 10px 0 10px !important; 
  }
  .premium-sahne-alt { 
    border-radius: 0 0 25px 25px !important; 
    padding: 20px 20px 40px 20px !important; 
    margin: -1px 10px 30px 10px !important; 
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce198c8 *//* =========================================
   1. KART OMURGASI VE 3D MEKANİZMASI
   ========================================= */
.flip-card {
  -webkit-perspective: 1000px;
  perspective: 1000px;
  width: 100%;
  max-width: 350px; 
  height: 450px; 
  margin: 10px; 
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box !important;
  display: block !important; 
  position: relative !important;
}

.flip-card-inner {
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
  transition: transform 0.8s cubic-bezier(0.4, 0.2, 0.2, 1); 
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  will-change: transform; 
}

.flip-card:hover .flip-card-inner,
.flip-card:active .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-front, .flip-back {
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
  backface-visibility: hidden !important; 
  -webkit-backface-visibility: hidden !important;
  display: flex;
  flex-direction: column;
  padding: 40px 30px !important;
  text-align: center;
}

.flip-front { justify-content: space-between !important; }
.flip-back { transform: rotateY(180deg) translateZ(0) !important; justify-content: center !important; }

/* =========================================
   2. YENİ DOKU: "DIGITAL GRID" (IZGARA EFEKTİ)
   ========================================= */
.glass-effect {
  border-radius: 21px !important; 
  border: 1px solid rgba(255, 255, 255, 0.12) !important; 
  overflow: hidden !important; 
}

.glass-effect::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  
  /* SİHİR: Carbon yerine Dijital Nokta Izgarası */
  background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px);
  background-size: 18px 18px; /* Noktalar arası mesafe */
  
  pointer-events: none; 
  z-index: 0;
}

.glass-effect > * { z-index: 1; position: relative; }

/* =========================================
   3. TİPOGRAFİ VE ÇİZGİLER (PREMIUM DÜZEN)
   ========================================= */
.flip-card h2, .flip-card h3, .flip-card h4, .flip-card p, .flip-card li { color: #ffffff !important; }

.flip-front h2 {
  font-size: 24px !important; font-weight: 600 !important;
  padding-bottom: 15px !important; 
  border-bottom: 2px solid rgba(255, 255, 255, 0.15) !important; 
}

.flip-front p {
  font-size: 14px !important; font-weight: 300 !important;
  color: rgba(255, 255, 255, 0.65) !important;
  margin: auto 0 !important;
}

.flip-front h3, .flip-front h4 { 
  font-size: 30px !important; font-weight: 700 !important;
  padding-top: 15px !important; 
  border-top: 2px solid rgba(255, 255, 255, 0.15) !important; 
}

/* Arka Liste Düzeni */
.flip-back p, .flip-back li {
  font-size: 13px !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* =========================================
   4. RENK GRUPLARI VE ATIFLAR (DİJİTAL TONLAR)
   ========================================= */

/* SOSYAL MEDYA GRUBU (Turkuaz - Deep Teal) */
.sm-landing .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #00f2ff 100%) !important; }
.sm-standart .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #00ced1 100%) !important; }
.sm-premium .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #483d8b 100%) !important; }
.sm-exclusive .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #1e90ff 100%) !important; }

/* META ADS GRUBU (Fuşya - Violet) */
.meta-standart .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #ff00ff 100%) !important; }
.meta-premium .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #9400d3 100%) !important; }
.meta-exclusive .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #4b0082 100%) !important; }

/* GOOGLE ADS GRUBU (Yeşil - Altın) */
.google-standart .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #00ff7f 100%) !important; }
.google-premium .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #32cd32 100%) !important; }
.google-exclusive .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #ffd700 100%) !important; }

/* ARKA YÜZ ATIF RENKLERİ (Önceki paketin rengi) */
.sm-standart .flip-back p:first-child { color: #00f2ff !important; font-style: italic; }
.sm-premium .flip-back p:first-child { color: #00ced1 !important; font-style: italic; }
.sm-exclusive .flip-back p:first-child { color: #483d8b !important; font-style: italic; }

.meta-premium .flip-back p:first-child { color: #ff00ff !important; font-style: italic; }
.meta-exclusive .flip-back p:first-child { color: #9400d3 !important; font-style: italic; }

.google-premium .flip-back p:first-child { color: #00ff7f !important; font-style: italic; }
.google-exclusive .flip-back p:first-child { color: #32cd32 !important; font-style: italic; }

/* =========================================
   PAKETLER İÇİN "PLATİN KARBON" STÜDYO SAHNESİ
   ========================================= */
.premium-sahne {
  position: relative;
  
  /* SİHİR BURADA: Hem belirgin bir Titanyum Gri gradyanı, hem de Karbonumsu çapraz çizgiler */
  background-image: 
    repeating-linear-gradient(
      -45deg, 
      rgba(0, 0, 0, 0.03) 0px,    
      rgba(0, 0, 0, 0.03) 1px,    
      transparent 1px,           
      transparent 6px            
    ),
    linear-gradient(135deg, #e5e7eb 0%, #9ca3af 100%) !important;
  
  /* Kapsayıcının köşeleri (Kartlarla uyumlu ama daha geniş) */
  border-radius: 40px !important;
  
  /* Metalik hissi güçlendiren, ışık vurmuş gibi duran beyaz iç sınır */
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  
  /* Dışarıya sert bir gölge (sayfadan koparmak için), içeriye hafif bir beyaz parlama (3D kasa hissi için) */
  box-shadow: 
    0 30px 60px rgba(0, 0, 0, 0.12), 
    inset 0 2px 15px rgba(255, 255, 255, 0.9) !important;
  
  padding: 70px 40px 60px 40px !important;
  margin: 50px auto !important;
  
  /* İçindeki elementlerin dışarı taşmasını engeller */
  overflow: hidden !important;
}

/* Mobil için sahne ölçülerini daraltıyoruz */
@media (max-width: 768px) {
  .premium-sahne {
    border-radius: 25px !important;
    padding: 50px 20px 40px 20px !important;
    margin: 30px 10px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6851016 *//* =========================================
   1. KAPSAYICI BOŞLUKLARI
   ========================================= */
.mega-baslik {
  position: relative;
  text-align: center;
  margin-bottom: 25px !important; 
  padding-bottom: 15px !important; /* Alt çizgi ile metin arasına nefes payı */
}

/* =========================================
   2. "TITANIUM SCANLINE" DEV TİPOGRAFİ
   ========================================= */
.mega-baslik .elementor-heading-title {
  /* Senin ayarladığın 5.5rem sınırı */
  font-size: clamp(2rem, 5vw, 5.5rem) !important; 
  
  font-weight: 900 !important; 
  text-transform: uppercase !important;
  
  letter-spacing: 1px !important; 
  word-spacing: 4px !important; 
  
  /* Masaüstünde tek satıra zorlar */
  white-space: nowrap !important;
  
  line-height: 1.1 !important; 
  padding-top: 10px !important;
  margin: 0 !important;

  background-image: 
    repeating-linear-gradient(
      -45deg, 
      rgba(0, 0, 0, 0.2) 0px,    
      rgba(0, 0, 0, 0.2) 1px,    
      transparent 1px,           
      transparent 5px            
    ),
    linear-gradient(180deg, #050505 0%, #9ca3af 100%) !important;
  
  background-size: auto, 100% 100%;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  
  position: relative;
  z-index: 0;
}

/* =========================================
   3. DARK HORIZON (KOYU UFUK ÇİZGİSİ - GERİ GELDİ!)
   ========================================= */
.mega-baslik::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 850px; 
  height: 2px; 
  /* Ortası koyu, kenarlara doğru silinen o jilet gibi çizgi */
  background: linear-gradient(90deg, rgba(5,5,5,0) 0%, rgba(5,5,5,0.85) 50%, rgba(5,5,5,0) 100%);
  z-index: 1;
}

/* =========================================
   4. MOBİL UYUM
   ========================================= */
@media (max-width: 992px) {
  .mega-baslik .elementor-heading-title {
    /* Mobilde sığması için nowrap iptal, alta geçiş serbest */
    white-space: normal !important;
    font-size: clamp(1.8rem, 6vw, 3.5rem) !important;
    letter-spacing: 0px !important; 
    word-spacing: 2px !important;
  }
  .mega-baslik::after {
    width: 85%; 
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-913d737 *//* =========================================
   1. KART OMURGASI VE 3D MEKANİZMASI
   ========================================= */
.flip-card {
  -webkit-perspective: 1000px;
  perspective: 1000px;
  width: 100%;
  max-width: 350px; 
  height: 450px; 
  margin: 10px; 
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box !important;
  display: block !important; 
  position: relative !important;
}

.flip-card-inner {
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
  transition: transform 0.8s cubic-bezier(0.4, 0.2, 0.2, 1); 
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  will-change: transform; 
}

.flip-card:hover .flip-card-inner,
.flip-card:active .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-front, .flip-back {
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
  backface-visibility: hidden !important; 
  -webkit-backface-visibility: hidden !important;
  display: flex;
  flex-direction: column;
  padding: 40px 30px !important;
  text-align: center;
}

.flip-front { justify-content: space-between !important; }
.flip-back { transform: rotateY(180deg) translateZ(0) !important; justify-content: center !important; }

/* =========================================
   2. YENİ DOKU: "DIGITAL GRID" (IZGARA EFEKTİ)
   ========================================= */
.glass-effect {
  border-radius: 21px !important; 
  border: 1px solid rgba(255, 255, 255, 0.12) !important; 
  overflow: hidden !important; 
}

.glass-effect::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  
  /* SİHİR: Carbon yerine Dijital Nokta Izgarası */
  background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px);
  background-size: 18px 18px; /* Noktalar arası mesafe */
  
  pointer-events: none; 
  z-index: 0;
}

.glass-effect > * { z-index: 1; position: relative; }

/* =========================================
   3. TİPOGRAFİ VE ÇİZGİLER (PREMIUM DÜZEN)
   ========================================= */
.flip-card h2, .flip-card h3, .flip-card h4, .flip-card p, .flip-card li { color: #ffffff !important; }

.flip-front h2 {
  font-size: 24px !important; font-weight: 600 !important;
  padding-bottom: 15px !important; 
  border-bottom: 2px solid rgba(255, 255, 255, 0.15) !important; 
}

.flip-front p {
  font-size: 14px !important; font-weight: 300 !important;
  color: rgba(255, 255, 255, 0.65) !important;
  margin: auto 0 !important;
}

.flip-front h3, .flip-front h4 { 
  font-size: 30px !important; font-weight: 700 !important;
  padding-top: 15px !important; 
  border-top: 2px solid rgba(255, 255, 255, 0.15) !important; 
}

/* Arka Liste Düzeni */
.flip-back p, .flip-back li {
  font-size: 13px !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* =========================================
   4. RENK GRUPLARI VE ATIFLAR (DİJİTAL TONLAR)
   ========================================= */

/* SOSYAL MEDYA GRUBU (Turkuaz - Deep Teal) */
.sm-landing .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #00f2ff 100%) !important; }
.sm-standart .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #00ced1 100%) !important; }
.sm-premium .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #483d8b 100%) !important; }
.sm-exclusive .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #1e90ff 100%) !important; }

/* META ADS GRUBU (Fuşya - Violet) */
.meta-standart .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #ff00ff 100%) !important; }
.meta-premium .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #9400d3 100%) !important; }
.meta-exclusive .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #4b0082 100%) !important; }

/* GOOGLE ADS GRUBU (Yeşil - Altın) */
.google-standart .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #00ff7f 100%) !important; }
.google-premium .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #32cd32 100%) !important; }
.google-exclusive .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #ffd700 100%) !important; }

/* ARKA YÜZ ATIF RENKLERİ (Önceki paketin rengi) */
.sm-standart .flip-back p:first-child { color: #00f2ff !important; font-style: italic; }
.sm-premium .flip-back p:first-child { color: #00ced1 !important; font-style: italic; }
.sm-exclusive .flip-back p:first-child { color: #483d8b !important; font-style: italic; }

.meta-premium .flip-back p:first-child { color: #ff00ff !important; font-style: italic; }
.meta-exclusive .flip-back p:first-child { color: #9400d3 !important; font-style: italic; }

.google-premium .flip-back p:first-child { color: #00ff7f !important; font-style: italic; }
.google-exclusive .flip-back p:first-child { color: #32cd32 !important; font-style: italic; }
/* =========================================
   TEK PARÇA KASA (3'LÜ PAKETLER İÇİN)
   ========================================= */
.premium-sahne-tek {
  /* Renk ve karbon grid diğerleriyle BİREBİR aynı */
  background: repeating-linear-gradient(-45deg, rgba(0,0,0,0.02) 0px, rgba(0,0,0,0.02) 1px, transparent 1px, transparent 6px), #e4e7eb !important;
  
  /* Tek parça olduğu için 4 köşe de eşit yuvarlatıldı */
  border-radius: 40px !important; 
  
  /* 4 taraftan da eşit dış çizgi */
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  
  /* Aynı oranda, sadece aşağıya süzülen dış gölge */
  box-shadow: 0 15px 40px rgba(0,0,0,0.06) !important;
  
  padding: 60px 40px !important;
  margin: 50px auto !important; 
  position: relative !important;
  z-index: 1 !important;
}

/* =========================================
   MOBİL UYUM
   ========================================= */
@media (max-width: 768px) {
  .premium-sahne-tek { 
    border-radius: 25px !important; 
    padding: 40px 20px !important; 
    margin: 30px 10px !important; 
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a10e000 *//* =========================================
   1. KAPSAYICI BOŞLUKLARI
   ========================================= */
.mega-baslik {
  position: relative;
  text-align: center;
  margin-bottom: 25px !important; 
  padding-bottom: 15px !important; /* Alt çizgi ile metin arasına nefes payı */
}

/* =========================================
   2. "TITANIUM SCANLINE" DEV TİPOGRAFİ
   ========================================= */
.mega-baslik .elementor-heading-title {
  /* Senin ayarladığın 5.5rem sınırı */
  font-size: clamp(2rem, 5vw, 5.5rem) !important; 
  
  font-weight: 900 !important; 
  text-transform: uppercase !important;
  
  letter-spacing: 1px !important; 
  word-spacing: 4px !important; 
  
  /* Masaüstünde tek satıra zorlar */
  white-space: nowrap !important;
  
  line-height: 1.1 !important; 
  padding-top: 10px !important;
  margin: 0 !important;

  background-image: 
    repeating-linear-gradient(
      -45deg, 
      rgba(0, 0, 0, 0.2) 0px,    
      rgba(0, 0, 0, 0.2) 1px,    
      transparent 1px,           
      transparent 5px            
    ),
    linear-gradient(180deg, #050505 0%, #9ca3af 100%) !important;
  
  background-size: auto, 100% 100%;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  
  position: relative;
  z-index: 0;
}

/* =========================================
   3. DARK HORIZON (KOYU UFUK ÇİZGİSİ - GERİ GELDİ!)
   ========================================= */
.mega-baslik::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 850px; 
  height: 2px; 
  /* Ortası koyu, kenarlara doğru silinen o jilet gibi çizgi */
  background: linear-gradient(90deg, rgba(5,5,5,0) 0%, rgba(5,5,5,0.85) 50%, rgba(5,5,5,0) 100%);
  z-index: 1;
}

/* =========================================
   4. MOBİL UYUM
   ========================================= */
@media (max-width: 992px) {
  .mega-baslik .elementor-heading-title {
    /* Mobilde sığması için nowrap iptal, alta geçiş serbest */
    white-space: normal !important;
    font-size: clamp(1.8rem, 6vw, 3.5rem) !important;
    letter-spacing: 0px !important; 
    word-spacing: 2px !important;
  }
  .mega-baslik::after {
    width: 85%; 
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bee03f0 *//* =========================================
   1. KART OMURGASI VE 3D MEKANİZMASI
   ========================================= */
.flip-card {
  -webkit-perspective: 1000px;
  perspective: 1000px;
  width: 100%;
  max-width: 350px; 
  height: 450px; 
  margin: 10px; 
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box !important;
  display: block !important; 
  position: relative !important;
}

.flip-card-inner {
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
  transition: transform 0.8s cubic-bezier(0.4, 0.2, 0.2, 1); 
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  will-change: transform; 
}

.flip-card:hover .flip-card-inner,
.flip-card:active .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-front, .flip-back {
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
  backface-visibility: hidden !important; 
  -webkit-backface-visibility: hidden !important;
  display: flex;
  flex-direction: column;
  padding: 40px 30px !important;
  text-align: center;
}

.flip-front { justify-content: space-between !important; }
.flip-back { transform: rotateY(180deg) translateZ(0) !important; justify-content: center !important; }

/* =========================================
   2. YENİ DOKU: "DIGITAL GRID" (IZGARA EFEKTİ)
   ========================================= */
.glass-effect {
  border-radius: 21px !important; 
  border: 1px solid rgba(255, 255, 255, 0.12) !important; 
  overflow: hidden !important; 
}

.glass-effect::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  
  /* SİHİR: Carbon yerine Dijital Nokta Izgarası */
  background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px);
  background-size: 18px 18px; /* Noktalar arası mesafe */
  
  pointer-events: none; 
  z-index: 0;
}

.glass-effect > * { z-index: 1; position: relative; }

/* =========================================
   3. TİPOGRAFİ VE ÇİZGİLER (PREMIUM DÜZEN)
   ========================================= */
.flip-card h2, .flip-card h3, .flip-card h4, .flip-card p, .flip-card li { color: #ffffff !important; }

.flip-front h2 {
  font-size: 24px !important; font-weight: 600 !important;
  padding-bottom: 15px !important; 
  border-bottom: 2px solid rgba(255, 255, 255, 0.15) !important; 
}

.flip-front p {
  font-size: 14px !important; font-weight: 300 !important;
  color: rgba(255, 255, 255, 0.65) !important;
  margin: auto 0 !important;
}

.flip-front h3, .flip-front h4 { 
  font-size: 30px !important; font-weight: 700 !important;
  padding-top: 15px !important; 
  border-top: 2px solid rgba(255, 255, 255, 0.15) !important; 
}

/* Arka Liste Düzeni */
.flip-back p, .flip-back li {
  font-size: 13px !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* =========================================
   4. RENK GRUPLARI VE ATIFLAR (DİJİTAL TONLAR)
   ========================================= */

/* SOSYAL MEDYA GRUBU (Turkuaz - Deep Teal) */
.sm-landing .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #00f2ff 100%) !important; }
.sm-standart .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #00ced1 100%) !important; }
.sm-premium .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #483d8b 100%) !important; }
.sm-exclusive .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #1e90ff 100%) !important; }

/* META ADS GRUBU (Fuşya - Violet) */
.meta-standart .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #ff00ff 100%) !important; }
.meta-premium .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #9400d3 100%) !important; }
.meta-exclusive .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #4b0082 100%) !important; }

/* GOOGLE ADS GRUBU (Yeşil - Altın) */
.google-standart .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #00ff7f 100%) !important; }
.google-premium .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #32cd32 100%) !important; }
.google-exclusive .glass-effect { background: radial-gradient(ellipse 150% 140% at 50% -15%, #050505 60%, #ffd700 100%) !important; }

/* ARKA YÜZ ATIF RENKLERİ (Önceki paketin rengi) */
.sm-standart .flip-back p:first-child { color: #00f2ff !important; font-style: italic; }
.sm-premium .flip-back p:first-child { color: #00ced1 !important; font-style: italic; }
.sm-exclusive .flip-back p:first-child { color: #483d8b !important; font-style: italic; }

.meta-premium .flip-back p:first-child { color: #ff00ff !important; font-style: italic; }
.meta-exclusive .flip-back p:first-child { color: #9400d3 !important; font-style: italic; }

.google-premium .flip-back p:first-child { color: #00ff7f !important; font-style: italic; }
.google-exclusive .flip-back p:first-child { color: #32cd32 !important; font-style: italic; }/* End custom CSS */