/* ════════════════════════════════════════
   E-TİCARET — eticaret.css
════════════════════════════════════════ */

/* ── HERO ──────────────────────────── */
.et-hero{
  position:relative;
  padding:72px 0 0;
  overflow:hidden;
}
.et-hero-bg{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 65% 60% at 50% -5%,  rgba(65,50,185,.58) 0%,transparent 58%),
    radial-gradient(ellipse 42% 55% at 6%   50%,  rgba(28,18,90,.40)  0%,transparent 55%),
    radial-gradient(ellipse 40% 48% at 96%  48%,  rgba(40,22,112,.36) 0%,transparent 52%),
    radial-gradient(ellipse 38% 42% at 50% 100%,  rgba(18,12,60,.55)  0%,transparent 55%);
}

/* ── HERO CONTENT ──────────────────── */
.et-hero-content{
  text-align:center;position:relative;z-index:2;
  max-width:760px;margin:0 auto;padding-bottom:56px;
}
.et-hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid rgba(109,111,245,.35);border-radius:50px;
  padding:6px 18px;font-size:12px;font-weight:600;
  color:rgba(180,185,255,.85);background:rgba(109,111,245,.12);
  margin-bottom:26px;letter-spacing:.3px;
}
.et-hero-title{
  font-size:clamp(2.2rem,5vw,3.55rem);
  font-weight:900;line-height:1.10;letter-spacing:-.8px;
  margin-bottom:22px;color:#fff;
}
.et-hl{
  background:linear-gradient(90deg,#9b9eff 0%,#c8caff 48%,#9b9eff 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.et-hero-desc{
  font-size:clamp(14px,1.5vw,16px);color:rgba(255,255,255,.45);
  line-height:1.80;max-width:600px;margin:0 auto 36px;
}
.et-hero-actions{
  display:flex;flex-direction:column;align-items:center;gap:14px;
}
.btn-et-primary{
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#6d6ff5 0%,#8b5cf6 100%);
  color:#fff;font-size:15.5px;font-weight:700;
  padding:15px 48px;border-radius:50px;text-decoration:none;
  box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,
             0 8px 32px rgba(109,111,245,.60);
  transition:all .25s;
}
.btn-et-primary:hover{
  color:#fff;transform:translateY(-2px);
  box-shadow:0 0 0 1px rgba(255,255,255,.15) inset,
             0 14px 44px rgba(109,111,245,.72);
}
.et-hero-note{
  display:inline-flex;align-items:center;gap:7px;
  font-size:13px;color:rgba(255,255,255,.36);font-weight:500;
}
.et-hero-note i{color:rgba(109,111,245,.75);font-size:14px}

/* ── MOCKUP SARICI ────────────────── */
.et-mockup-outer{
  position:relative;z-index:2;
}
.et-mockup-wrap{
  position:relative;max-width:840px;margin:0 auto;
}
.et-mockup-glow{
  position:absolute;bottom:-50px;left:4%;right:4%;height:90px;
  background:radial-gradient(ellipse,rgba(109,111,245,.32) 0%,transparent 70%);
  filter:blur(22px);pointer-events:none;
}

/* ── MOCKUP ÇERÇEVE ───────────────── */
.et-mockup-frame{
  position:relative;
  border-radius:18px;overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 0 0 1px rgba(109,111,245,.16),
             0 40px 90px rgba(0,0,0,.75),
             0 10px 30px rgba(0,0,0,.45);
  background:#12141f;
}
/* Tarayıcı başlık çubuğu */
.et-mockup-bar{
  height:36px;background:#1a1c2e;
  border-bottom:1px solid rgba(255,255,255,.07);
  display:flex;align-items:center;padding:0 14px;gap:14px;
}
.et-mock-dots{display:flex;gap:6px}
.et-mock-dots span{width:11px;height:11px;border-radius:50%;display:block}
.et-mock-url{
  flex:1;display:flex;align-items:center;justify-content:center;gap:5px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
  border-radius:6px;height:22px;padding:0 12px;
  font-size:10px;color:rgba(255,255,255,.30);font-family:monospace;
  max-width:280px;margin:0 auto;
}

/* Dashboard layout */
.et-db-body{
  display:grid;
  grid-template-columns:46px 1fr 165px;
  min-height:420px;
}

/* ── SİDEBAR ──────────────────────── */
.et-db-side{
  background:#0f1120;
  border-right:1px solid rgba(255,255,255,.05);
  display:flex;flex-direction:column;align-items:center;
  padding:14px 0;gap:18px;
}
.et-db-logo-wrap{
  width:30px;height:30px;background:rgba(109,111,245,.15);
  border-radius:8px;display:flex;align-items:center;justify-content:center;
}
.et-db-nav-icons{display:flex;flex-direction:column;gap:5px}
.et-db-ni{
  width:30px;height:30px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  font-size:12px;color:rgba(255,255,255,.28);cursor:pointer;transition:all .2s;
}
.et-db-ni.active{background:rgba(109,111,245,.22);color:#8890f5}
.et-db-ni:hover{background:rgba(255,255,255,.06);color:rgba(255,255,255,.6)}

/* ── ANA PANEL ────────────────────── */
.et-db-main{
  background:#141628;
  padding:10px 14px;overflow:hidden;
}

/* Topbar */
.et-db-topbar{
  display:flex;align-items:center;gap:12px;margin-bottom:7px;
}
.et-db-tabs{display:flex;gap:12px}
.et-db-tabs span{font-size:10px;color:rgba(255,255,255,.32);cursor:pointer}
.et-db-tabs span.on{color:#fff;font-weight:600;
  border-bottom:1.5px solid #6d6ff5;padding-bottom:2px}
.et-db-searchbar{
  flex:1;display:flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);
  border-radius:6px;height:22px;padding:0 10px;
  font-size:9px;color:rgba(255,255,255,.26);
}
.et-db-userinfo{display:flex;align-items:center;gap:6px;margin-left:auto}
.et-db-lang{
  font-size:8px;color:rgba(255,255,255,.42);
  border:1px solid rgba(255,255,255,.13);border-radius:3px;padding:1px 5px;
}
.et-db-ava{
  width:22px;height:22px;border-radius:50%;
  background:linear-gradient(135deg,#6d6ff5,#8b5cf6);
  display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;
}
.et-db-un{font-size:8.5px;font-weight:600;color:#fff;display:block;line-height:1.3}
.et-db-ur{font-size:7.5px;color:rgba(255,255,255,.32);display:block}

/* Sub tabs */
.et-db-subtabs{
  display:flex;align-items:center;gap:13px;
  border-bottom:1px solid rgba(255,255,255,.06);
  padding-bottom:7px;margin-bottom:10px;
}
.et-db-subtabs span{font-size:9.5px;color:rgba(255,255,255,.30);cursor:pointer}
.et-db-subtabs span.on{color:#fff;font-weight:600;
  border-bottom:1.5px solid #6d6ff5;padding-bottom:7px}
.et-db-manage{margin-left:auto;font-size:9px;color:rgba(255,255,255,.35)}

/* İlk satır */
.et-db-r1{display:grid;grid-template-columns:88px 1fr 100px;gap:9px;margin-bottom:9px}

/* Metrik sütun */
.et-db-metric-col{display:flex;flex-direction:column;gap:6px}
.et-mc{border-radius:10px;padding:8px 10px}
.et-mc.blue{background:linear-gradient(135deg,#5068f5,#3d52e0)}
.et-mc.red{background:linear-gradient(135deg,#f05555,#c83e3e)}
.et-mc.ghost{
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
}
.et-mc-icon{font-size:12px;opacity:.7;display:block;margin-bottom:4px}
.et-mc-v{font-size:16px;font-weight:900;color:#fff;line-height:1;margin-bottom:2px}
.et-mc-v small{font-size:11px;font-weight:600;opacity:.8}
.et-mc-l{font-size:7.5px;color:rgba(255,255,255,.55);line-height:1.3}
.et-mc-loc-city{font-size:8px;color:rgba(255,255,255,.42);margin-bottom:2px}
.et-mc-loc-country{font-size:9.5px;color:#fff;font-weight:600;margin-bottom:6px}
.et-mc-avs{display:flex}
.et-mc-avs span{
  width:13px;height:13px;border-radius:50%;
  border:1.5px solid #141628;display:block;margin-right:-3px;
}
.et-mc-avs span:nth-child(1){background:linear-gradient(135deg,#6d6ff5,#8b5cf6)}
.et-mc-avs span:nth-child(2){background:linear-gradient(135deg,#e55050,#c84444)}
.et-mc-avs span:nth-child(3){background:linear-gradient(135deg,#28c840,#1a9e2e)}
.et-mc-avs span:nth-child(4){background:linear-gradient(135deg,#ffc107,#e6a800)}

/* Grafik kutusu */
.et-db-chart-box{
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);
  border-radius:12px;padding:10px 12px 6px;
}
.et-cbox-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}
.et-cbox-lbl{font-size:8.5px;color:rgba(255,255,255,.35);margin-bottom:2px}
.et-cbox-val{font-size:15px;font-weight:800;color:#fff}
.et-cbox-toggle{
  display:flex;gap:3px;background:rgba(255,255,255,.08);border-radius:20px;padding:2px;
}
.et-cbox-toggle span{width:15px;height:9px;border-radius:10px;background:rgba(255,255,255,.18)}
.et-cbox-toggle span.on{background:#6d6ff5}
.et-line-svg{width:100%;height:50px;display:block}
.et-cbox-days{display:flex;justify-content:space-between;padding-top:4px}
.et-cbox-days span{font-size:7px;color:rgba(255,255,255,.24)}
.et-cbox-days span.hi{color:#6d6ff5;font-weight:700}

/* Sağ stat sütun */
.et-db-stat-col{display:flex;flex-direction:column;gap:6px}
.et-sc-card{
  flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
  border-radius:10px;padding:8px 10px;position:relative;
}
.et-sc-card.accent{
  background:linear-gradient(135deg,#4a6cf7,#3558e8);
  border-color:rgba(74,108,247,.45);
}
.et-sc-lbl{font-size:8px;color:rgba(255,255,255,.38);margin-bottom:3px}
.et-sc-val{font-size:14px;font-weight:800;color:#fff}
.et-sc-val.big{font-size:17px}
.et-sc-plus{
  position:absolute;top:8px;right:8px;
  width:15px;height:15px;border-radius:50%;
  background:rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;
  font-size:10px;color:rgba(255,255,255,.5);
}
.et-sc-dot{position:absolute;top:9px;right:9px;font-size:5px;color:#28c840}

/* İkinci satır */
.et-db-r2{display:grid;grid-template-columns:1fr 1fr;gap:9px}

/* Analytics */
.et-db-analytics,.et-db-donut-box{
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);
  border-radius:12px;padding:10px 12px;
}
.et-db-ahead{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}
.et-db-atitle{font-size:9.5px;font-weight:700;color:#fff}
.et-db-afilter{
  font-size:8px;color:rgba(255,255,255,.32);
  background:rgba(255,255,255,.07);border-radius:20px;
  padding:2px 8px;display:flex;align-items:center;gap:3px;
}
.et-db-adate{font-size:7.5px;color:rgba(255,255,255,.26);margin-bottom:8px}
.et-bars-wrap{display:flex;gap:5px;align-items:flex-end}
.et-y-axis{display:flex;flex-direction:column;justify-content:space-between;height:65px;flex-shrink:0}
.et-y-axis span{font-size:6px;color:rgba(255,255,255,.20)}
.et-bar-svg{width:100%;height:65px}

/* Donut */
.et-donut-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.et-donut-svg{width:68px;height:68px;transform:rotate(-90deg);flex-shrink:0}
.et-donut-labels{display:flex;flex-direction:column;gap:8px}
.et-dl{font-size:14px;font-weight:800}
.et-dl.blue{color:#4a6cf7}
.et-dl.red{color:#e55050}
.et-donut-stats{display:flex;justify-content:space-between}
.et-ds-v{font-size:11px;font-weight:700;color:#fff;margin-bottom:2px}
.et-ds-l{font-size:7.5px;color:rgba(255,255,255,.30)}

/* ── SAĞ PANEL ────────────────────── */
.et-db-right{
  background:#0f1120;border-left:1px solid rgba(255,255,255,.05);
  padding:12px;display:flex;flex-direction:column;gap:10px;overflow:hidden;
}
.et-rp-admin{
  background:rgba(109,111,245,.12);border:1px solid rgba(109,111,245,.22);
  border-radius:10px;padding:10px 12px;text-align:center;
}
.et-rp-admin-title{font-size:10.5px;font-weight:700;color:#fff;margin-bottom:3px}
.et-rp-analytics{
  font-size:8px;color:rgba(255,255,255,.32);
  display:inline-flex;align-items:center;gap:4px;cursor:pointer;
}
.et-rp-list{display:flex;flex-direction:column;gap:6px}
.et-rp-row{
  display:flex;align-items:center;gap:7px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);
  border-radius:9px;padding:7px 9px;
}
.et-rp-ic{
  width:26px;height:26px;border-radius:7px;
  display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;
}
.et-rp-info{flex:1;min-width:0}
.et-rp-lbl{font-size:7.5px;color:rgba(255,255,255,.32);margin-bottom:1px}
.et-rp-val{font-size:11.5px;font-weight:700;color:#fff}
.et-rp-arr{margin-left:auto;font-size:9px;color:rgba(255,255,255,.22)}
.et-rp-pro{
  margin-top:auto;
  background:linear-gradient(145deg,rgba(18,16,52,.95),rgba(10,8,32,.98));
  border:1px solid rgba(109,111,245,.22);
  border-radius:12px;padding:12px;text-align:center;
}
.et-rp-pro-ilu{display:flex;justify-content:center;margin-bottom:6px}
.et-rp-pro-txt{font-size:8.5px;color:rgba(255,255,255,.40);line-height:1.5;margin-bottom:9px}
.et-rp-pro-txt span{color:#4a6cf7;font-weight:700}
.et-rp-pro-btn{
  width:100%;background:#4a6cf7;color:#fff;border:none;
  border-radius:20px;padding:6px 0;font-size:9px;font-weight:700;
  cursor:pointer;transition:background .2s;
}
.et-rp-pro-btn:hover{background:#3558e8}

/* ── RESPONSIVE ───────────────────── */
@media(max-width:991px){
  .et-db-body{grid-template-columns:42px 1fr}
  .et-db-right{display:none}
  .et-db-r1{grid-template-columns:80px 1fr}
  .et-db-stat-col{display:none}
}
@media(max-width:767px){
  .et-hero{padding:48px 0 0}
  .et-db-body{grid-template-columns:1fr}
  .et-db-side{display:none}
  .et-db-r2{grid-template-columns:1fr}
}

/* ════════════════════════════════════════
   BİLGİLENDİRME BÖLÜMÜ
════════════════════════════════════════ */
.et-info-section{
  padding:80px 0 90px;
}
.et-info-img-wrap{
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 40px 90px rgba(0,0,0,.65);
  border:1px solid rgba(255,255,255,.07);
}
.et-info-img-wrap img{
  width:100%;
  aspect-ratio:4/4.5;
  object-fit:cover;
  object-position:center 30%;
  display:block;
  transition:transform .55s cubic-bezier(.22,1,.36,1);
}
.et-info-img-wrap:hover img{
  transform:scale(1.03);
}
.et-info-title{
  font-size:clamp(2rem,4vw,3.1rem);
  font-weight:900;
  line-height:1.10;
  letter-spacing:-.7px;
  margin-bottom:28px;
  color:#fff;
  padding-left:12px;
}
.et-info-title span{
  background:linear-gradient(90deg,#9b9eff 0%,#c5c7ff 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.et-info-desc{
  font-size:15px;
  color:rgba(255,255,255,.42);
  line-height:1.82;
  margin-bottom:18px;
  max-width:500px;
  padding-left:12px;
}
@media(max-width:991px){
  .et-info-img-wrap img{aspect-ratio:4/3}
  .et-info-title{font-size:1.9rem;padding-left:0}
  .et-info-desc{padding-left:0;max-width:100%}
}

/* ════════════════════════════════════════
   ÖZELLİKLER / ÇÖZÜMLER BÖLÜMÜ
════════════════════════════════════════ */
.et-features-section{
  padding:80px 0 90px;
}

/* Bölüm başlık satırı */
.et-features-head{
  display:flex;
  align-items:flex-start;
  gap:48px;
  margin-bottom:52px;
}
.et-features-title-col{flex:0 0 42%}
.et-features-title{
  font-size:clamp(1.7rem,3vw,2.4rem);
  font-weight:900;
  line-height:1.15;
  letter-spacing:-.5px;
  color:#fff;
  margin:0;
}
.et-features-desc-col{
  flex:1;
  display:flex;align-items:center;
}
.et-features-desc{
  font-size:14.5px;
  color:rgba(255,255,255,.40);
  line-height:1.78;
  margin:0;
  text-align:right;
}

/* 3x3 Grid */
.et-feat-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

/* Kart */
.et-feat-card{
  position:relative;
  border-radius:20px;
  background:rgba(14,15,30,.85);
  border:1px solid rgba(255,255,255,.07);
  padding:0 0 28px;
  overflow:hidden;
  cursor:default;
  transition:transform .32s cubic-bezier(.22,1,.36,1),
             box-shadow .32s, border-color .32s;
}
.et-feat-card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 55px rgba(0,0,0,.55);
  border-color:rgba(109,111,245,.22);
}
/* Accent kart — orta kolon, hafif mor */
.et-feat-card--accent{
  background:rgba(22,20,52,.75);
  border-color:rgba(109,111,245,.18);
}
.et-feat-card--accent:hover{
  border-color:rgba(109,111,245,.40);
  box-shadow:0 20px 55px rgba(60,40,160,.30);
}

/* İkon alanı — resimde üst kısım koyu, içinde 3D cam ikon */
.et-feat-icon-wrap{
  position:relative;
  height:190px;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
  margin-bottom:20px;
}
.et-feat-icon-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 70% 80% at 50% 60%,rgba(80,70,200,.22) 0%,transparent 70%);
}
.et-feat-svg{
  width:80px;height:80px;
  position:relative;z-index:2;
  filter:drop-shadow(0 8px 28px rgba(80,80,220,.45));
  transition:transform .32s,filter .32s;
}
.et-feat-card:hover .et-feat-svg{
  transform:translateY(-4px) scale(1.06);
  filter:drop-shadow(0 14px 38px rgba(100,100,240,.60));
}

/* Başlık ve metin */
.et-feat-title{
  font-size:15px;
  font-weight:700;
  color:#fff;
  text-align:center;
  margin:0 18px 10px;
  letter-spacing:-.1px;
}
.et-feat-desc{
  font-size:12.5px;
  color:rgba(255,255,255,.35);
  text-align:center;
  line-height:1.72;
  margin:0 20px;
}

@media(max-width:991px){
  .et-features-head{flex-direction:column;gap:16px}
  .et-features-desc{text-align:left}
  .et-feat-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:575px){
  .et-feat-grid{grid-template-columns:1fr}
  .et-feat-icon-wrap{height:150px}
}

/* ════════════════════════════════════════
   FİYATLANDIRMA BÖLÜMÜ
════════════════════════════════════════ */
.et-pricing-section{
  padding:80px 0 90px;
}
.et-pricing-head{
  text-align:center;
  margin-bottom:52px;
}
.et-pricing-title{
  font-size:clamp(1.9rem,3.5vw,2.6rem);
  font-weight:900;
  letter-spacing:-.5px;
  line-height:1.15;
  color:#fff;
  margin-bottom:16px;
}
.et-pricing-desc{
  font-size:14.5px;
  color:rgba(255,255,255,.38);
  line-height:1.75;
  margin:0;
}

/* Grid */
.et-pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  align-items:stretch;
}

/* Kart genel */
.et-price-card{
  border-radius:22px;
  background:rgba(14,15,30,.90);
  border:1px solid rgba(255,255,255,.08);
  padding:32px 28px;
  display:flex;
  flex-direction:column;
  transition:transform .32s cubic-bezier(.22,1,.36,1), box-shadow .32s;
}
.et-price-card:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 60px rgba(0,0,0,.55);
}

/* Öne çıkan orta kart */
.et-price-card--featured{
  background:linear-gradient(160deg,rgba(90,75,210,.90) 0%,rgba(70,55,175,.95) 50%,rgba(50,38,140,.98) 100%);
  border-color:rgba(150,155,255,.35);
  box-shadow:0 24px 70px rgba(60,40,180,.40);
  transform:translateY(-8px);
}
.et-price-card--featured:hover{
  transform:translateY(-12px);
  box-shadow:0 32px 80px rgba(60,40,180,.55);
}

/* Üst bilgi */
.et-pc-top{
  margin-bottom:28px;
}
.et-pc-name{
  font-size:18px;
  font-weight:800;
  color:#fff;
  margin-bottom:8px;
  letter-spacing:-.2px;
}
.et-pc-sub{
  font-size:13px;
  color:rgba(255,255,255,.40);
  line-height:1.6;
  margin-bottom:20px;
}
.et-price-card--featured .et-pc-sub{
  color:rgba(255,255,255,.65);
}
.et-pc-price{
  font-size:clamp(2.4rem,4vw,3.2rem);
  font-weight:900;
  color:#fff;
  line-height:1;
  display:flex;
  align-items:baseline;
  gap:4px;
  letter-spacing:-1px;
}
.et-pc-cur{
  font-size:1.6rem;
  font-weight:800;
}
.et-pc-per{
  font-size:13px;
  font-weight:400;
  color:rgba(255,255,255,.45);
  letter-spacing:0;
  margin-left:2px;
}
.et-price-card--featured .et-pc-per{
  color:rgba(255,255,255,.65);
}

/* Özellik listesi */
.et-pc-features{
  list-style:none;
  padding:0;margin:0;
  flex:1;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:24px;
  margin-bottom:28px;
  display:flex;
  flex-direction:column;
  gap:13px;
}
.et-price-card--featured .et-pc-features{
  border-color:rgba(255,255,255,.18);
}
.et-pc-features li{
  font-size:13.5px;
  color:rgba(255,255,255,.32);
  display:flex;
  align-items:flex-start;
  gap:10px;
  line-height:1.5;
}
.et-pc-features li.active{
  color:rgba(255,255,255,.80);
}
.et-price-card--featured .et-pc-features li{
  color:rgba(255,255,255,.60);
}
.et-price-card--featured .et-pc-features li.active{
  color:#fff;
}
.et-pc-features li i{
  font-size:16px;
  flex-shrink:0;
  margin-top:1px;
  color:rgba(255,255,255,.18);
}
.et-pc-features li.active i{
  color:rgba(130,140,255,.90);
}
.et-price-card--featured .et-pc-features li.active i{
  color:rgba(255,255,255,.95);
}

/* CTA butonu */
.et-pc-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:14px 20px;
  border-radius:12px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.75);
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  transition:all .22s;
  margin-top:auto;
}
.et-pc-btn:hover{
  background:rgba(255,255,255,.12);
  color:#fff;
  border-color:rgba(255,255,255,.20);
}
.et-price-card--featured .et-pc-btn{
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.30);
  color:#fff;
}
.et-price-card--featured .et-pc-btn:hover{
  background:rgba(255,255,255,.26);
}

/* Alt "Paket detaylarını görüntüle" butonu */
.et-pricing-more{
  display:flex;
  justify-content:center;
  margin-top:44px;
}
.et-pricing-more-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:16px 36px;
  border-radius:50px;
  background:rgba(30,28,65,.85);
  border:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.70);
  font-size:15px;
  font-weight:600;
  text-decoration:none;
  transition:all .25s;
  letter-spacing:-.1px;
}
.et-pricing-more-btn:hover{
  background:rgba(50,42,110,.85);
  border-color:rgba(109,111,245,.35);
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 12px 36px rgba(0,0,0,.40);
}
.et-pricing-more-btn i{
  font-size:16px;
  color:rgba(109,111,245,.85);
}

@media(max-width:991px){
  .et-pricing-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}
  .et-price-card--featured{transform:none}
  .et-price-card--featured:hover{transform:translateY(-4px)}
}

/* ════════════════════════════════════════
   PAKET KARŞILAŞTIRMA TABLOSU
════════════════════════════════════════ */
.et-compare-section{
  padding:0 0 100px;
}
.et-compare-wrap{
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(13,14,28,.95);
}

/* Sticky header */
.et-cmp-header{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  align-items:center;
  padding:28px 32px;
  background:rgba(16,17,34,1);
  border-bottom:1px solid rgba(255,255,255,.07);
  position:sticky;top:0;z-index:10;
}
.et-cmp-label-col{
  font-size:20px;font-weight:800;
  color:#fff;letter-spacing:-.3px;
}
.et-cmp-plan-col{
  display:flex;flex-direction:column;
  align-items:center;gap:6px;
  padding:0 12px;
}
.et-cmp-plan-col--pro{
  background:rgba(90,80,200,.18);
  border-radius:12px;
  padding:14px 12px;
  border:1px solid rgba(109,111,245,.28);
  margin:-6px 0;
}
.et-cmp-plan-name{
  font-size:15px;font-weight:700;
  color:#fff;white-space:nowrap;
  display:flex;align-items:center;gap:6px;
}
.et-cmp-plan-price{
  font-size:13px;font-weight:500;
  color:rgba(255,255,255,.40);
  white-space:nowrap;
}
.et-cmp-plan-price em{
  font-style:normal;font-size:11px;
  color:rgba(255,255,255,.28);
}
.et-cmp-plan-price.pro{
  color:rgba(150,155,255,.90);font-weight:700;
}

/* Grup başlığı bandı */
.et-cmp-group-title{
  font-size:15px;font-weight:700;
  color:#fff;letter-spacing:-.15px;
  padding:16px 32px;
  background:rgba(20,21,42,.90);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}

/* Özellik satırı */
.et-cmp-row{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  align-items:center;
  padding:18px 32px;
  border-bottom:1px solid rgba(255,255,255,.05);
  transition:background .18s;
}
.et-cmp-row:hover{
  background:rgba(255,255,255,.02);
}
.et-cmp-row:last-child{border-bottom:none}

/* Sol: özellik adı + açıklama */
.et-cmp-feat{
  display:flex;flex-direction:column;gap:3px;
}
.et-cmp-feat strong{
  font-size:14px;font-weight:600;
  color:rgba(255,255,255,.82);
}
.et-cmp-feat span{
  font-size:12px;color:rgba(255,255,255,.28);
  line-height:1.5;
}

/* Hücre */
.et-cmp-cell{
  display:flex;align-items:center;justify-content:center;
}
.et-cmp-cell--pro{
  background:rgba(90,80,200,.08);
}

/* Check ikonları */
.et-chk{
  width:32px;height:32px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:15px;
}
.et-chk--on{
  background:rgba(109,111,245,.90);
  color:#fff;
  box-shadow:0 4px 16px rgba(90,80,220,.40);
}
.et-chk--off{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.30);
}

/* Metin değerleri (100 Adet vb.) */
.et-cmp-text{
  font-size:13.5px;font-weight:600;
  color:rgba(255,255,255,.55);
}
.et-cmp-text.pro{
  color:#a5a8ff;font-weight:700;
}

@media(max-width:767px){
  .et-cmp-header,
  .et-cmp-row{grid-template-columns:1.8fr 0.8fr 0.8fr 0.8fr;padding:14px 16px}
  .et-cmp-group-title{padding:14px 16px}
  .et-cmp-label-col{font-size:15px}
  .et-chk{width:26px;height:26px;font-size:12px}
}
@media(max-width:575px){
  .et-cmp-header{position:static}
  .et-cmp-plan-name{font-size:12px}
  .et-cmp-plan-price{display:none}
}

/* ════════════════════════════════════════
   SSS — SIKÇA SORULAN SORULAR
════════════════════════════════════════ */
.et-faq-section{
  padding:80px 0 90px;
}
.et-faq-title{
  font-size:clamp(1.6rem,2.8vw,2.1rem);
  font-weight:800;letter-spacing:-.4px;
  margin-bottom:36px;color:#fff;
}
.et-faq-title span{color:#8890f5}

.et-faq-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  align-items:start;
}

.et-faq-item{
  border-radius:14px;
  background:rgba(18,20,38,.85);
  border:1px solid rgba(255,255,255,.07);
  overflow:hidden;
  transition:border-color .2s;
  cursor:pointer;
}
.et-faq-item.open{
  border-color:rgba(109,111,245,.28);
}
.et-faq-q{
  display:flex;align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 22px;
  font-size:14.5px;font-weight:600;
  color:rgba(255,255,255,.82);
  user-select:none;
}
.et-faq-toggle{
  flex-shrink:0;
  width:28px;height:28px;border-radius:50%;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  display:flex;align-items:center;justify-content:center;
  font-size:16px;font-weight:300;color:rgba(255,255,255,.60);
  transition:all .22s;line-height:1;
}
.et-faq-item.open .et-faq-toggle{
  background:rgba(109,111,245,.25);
  border-color:rgba(109,111,245,.40);
  color:#fff;transform:rotate(45deg);
}
.et-faq-a{
  max-height:0;overflow:hidden;
  transition:max-height .32s cubic-bezier(.22,1,.36,1);
}
.et-faq-item.open .et-faq-a{
  max-height:200px;
}
.et-faq-a p{
  padding:0 22px 18px;
  font-size:13px;color:rgba(255,255,255,.38);
  line-height:1.75;margin:0;
}

/* ════════════════════════════════════════
   MUTLU MÜŞTERİLERİMİZ
════════════════════════════════════════ */
.et-reviews-section{
  padding:0 0 100px;
}
.et-reviews-head{
  display:flex;align-items:center;gap:16px;
  margin-bottom:36px;
}
.et-reviews-icon{
  width:52px;height:52px;border-radius:14px;
  background:rgba(109,111,245,.22);
  border:1px solid rgba(109,111,245,.30);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;color:#8890f5;flex-shrink:0;
}
.et-reviews-title{
  font-size:clamp(1.6rem,2.8vw,2.1rem);
  font-weight:800;letter-spacing:-.4px;
  color:#fff;margin:0;
}
.et-reviews-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.et-review-card{
  border-radius:18px;
  background:rgba(18,20,38,.85);
  border:1px solid rgba(255,255,255,.07);
  padding:26px 24px 22px;
  display:flex;flex-direction:column;gap:14px;
  transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;
}
.et-review-card:hover{
  transform:translateY(-4px);
  border-color:rgba(109,111,245,.22);
  box-shadow:0 20px 55px rgba(0,0,0,.50);
}
.et-review-stars{
  display:flex;gap:4px;font-size:20px;
}
.et-star-on{ color:#f5a623 }
.et-star-off{ color:rgba(255,255,255,.18) }

.et-review-text h4{
  font-size:14.5px;font-weight:700;
  color:#fff;margin-bottom:10px;line-height:1.4;
}
.et-review-text p{
  font-size:13px;color:rgba(255,255,255,.35);
  line-height:1.72;margin:0;
}
.et-review-author{
  display:flex;align-items:center;gap:12px;
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.06);
}
.et-review-avatar{
  width:38px;height:38px;border-radius:50%;
  background:rgba(109,111,245,.18);
  border:1px solid rgba(109,111,245,.25);
  display:flex;align-items:center;justify-content:center;
  font-size:18px;color:rgba(180,185,255,.60);
  flex-shrink:0;
}
.et-review-name{
  font-size:13.5px;font-weight:700;color:#fff;
  margin-bottom:2px;
}
.et-review-role{
  font-size:11.5px;color:rgba(255,255,255,.30);
}

@media(max-width:991px){
  .et-faq-grid{grid-template-columns:1fr}
  .et-reviews-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:575px){
  .et-reviews-grid{grid-template-columns:1fr}
}

/* ════════════════════════════════════════
   ARAMA MODAL
════════════════════════════════════════ */
/* Mevcut .et-modal-overlay stilini bul ve şununla değiştir */

.et-modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(4, 5, 15, 0.85);
    backdrop-filter: blur(6px);
    z-index: 9999;
    align-items: center;
    justify-content: center;
    padding: 16px;
}
.et-modal-overlay.open,
.et-modal-overlay.show {
    display: flex !important;
}

.et-modal{
  width:100%;max-width:860px;
  max-height:90vh;overflow-y:auto;
  border-radius:24px;
  background:rgba(13,14,30,.97);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 40px 120px rgba(0,0,0,.80),
             0 0 0 1px rgba(109,111,245,.15);
  display:flex;
  transform:translateY(24px) scale(.97);
  transition:transform .32s cubic-bezier(.22,1,.36,1);
  position:relative;
  overflow:hidden;
}
.et-modal-overlay.show .et-modal{
  transform:translateY(0) scale(1);
}
.et-modal::-webkit-scrollbar{width:4px}
.et-modal::-webkit-scrollbar-track{background:transparent}
.et-modal::-webkit-scrollbar-thumb{background:rgba(109,111,245,.30);border-radius:2px}

/* Kapat butonu */
.et-modal-close{
  position:absolute;top:16px;right:16px;z-index:10;
  width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.60);font-size:18px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:all .2s;
}
.et-modal-close:hover{
  background:rgba(255,80,80,.18);
  border-color:rgba(255,80,80,.30);
  color:#fff;transform:rotate(90deg);
}

/* Sol dekoratif panel */
.et-modal-deco{
  flex:0 0 300px;
  padding:48px 36px;
  background:linear-gradient(160deg,rgba(50,40,130,.85) 0%,rgba(28,22,75,.95) 100%);
  border-right:1px solid rgba(255,255,255,.07);
  display:flex;flex-direction:column;gap:20px;
  position:relative;overflow:hidden;
}
.et-modal-deco-glow{
  position:absolute;top:-40px;right:-40px;
  width:200px;height:200px;border-radius:50%;
  background:radial-gradient(rgba(109,111,245,.25),transparent 70%);
  pointer-events:none;
}
.et-modal-deco-icon{
  width:56px;height:56px;border-radius:16px;
  background:rgba(109,111,245,.25);
  border:1px solid rgba(130,135,255,.35);
  display:flex;align-items:center;justify-content:center;
  font-size:24px;color:#a5a8ff;
  box-shadow:0 8px 24px rgba(80,70,200,.30);
}
.et-modal-deco h3{
  font-size:22px;font-weight:800;
  color:#fff;letter-spacing:-.3px;
  line-height:1.2;margin:0;
}
.et-modal-deco p{
  font-size:13.5px;color:rgba(255,255,255,.45);
  line-height:1.75;margin:0;
}
.et-modal-badges{
  display:flex;flex-direction:column;gap:10px;
  margin-top:auto;
}
.et-modal-badges span{
  display:flex;align-items:center;gap:8px;
  font-size:12.5px;color:rgba(255,255,255,.55);
}
.et-modal-badges span i{color:#8890f5;font-size:13px}

/* Sağ form paneli */
.et-modal-form-side{
  flex:1;padding:40px 40px;
  min-width:0;
}
.et-modal-form-head{margin-bottom:28px}
.et-modal-tag{
  display:inline-flex;align-items:center;
  border:1px solid rgba(109,111,245,.30);
  border-radius:50px;padding:4px 12px;
  font-size:11.5px;font-weight:600;
  color:rgba(150,155,255,.85);
  background:rgba(109,111,245,.10);
  margin-bottom:12px;letter-spacing:.2px;
}
.et-modal-form-head h4{
  font-size:20px;font-weight:800;
  color:#fff;margin-bottom:6px;letter-spacing:-.3px;
}
.et-modal-form-head p{
  font-size:13px;color:rgba(255,255,255,.35);margin:0;
}

/* Form alanları */
.et-modal-form{display:flex;flex-direction:column;gap:14px}
.et-mf-group{display:flex;flex-direction:column;gap:6px}
.et-mf-group label{
  font-size:12px;font-weight:600;
  color:rgba(255,255,255,.50);letter-spacing:.2px;
}
.et-mf-group label span{
  font-weight:400;color:rgba(255,255,255,.25);
}
.et-mf-input-wrap{
  position:relative;display:flex;align-items:center;
}
.et-mf-input-wrap > i:first-child{
  position:absolute;left:14px;
  font-size:13px;color:rgba(255,255,255,.28);
  pointer-events:none;z-index:1;
}
.et-mf-input-wrap input,
.et-mf-input-wrap select{
  width:100%;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  padding:11px 14px 11px 38px;
  font-size:13.5px;color:#fff;
  font-family:inherit;
  transition:border-color .2s,background .2s;
  outline:none;
  -webkit-appearance:none;appearance:none;
}
.et-mf-input-wrap input::placeholder{color:rgba(255,255,255,.22)}
.et-mf-input-wrap input:focus,
.et-mf-input-wrap select:focus{
  border-color:rgba(109,111,245,.55);
  background:rgba(109,111,245,.08);
}
.et-mf-select-wrap select{color:rgba(255,255,255,.70)}
.et-mf-chevron{
  position:absolute;right:14px;
  font-size:11px;color:rgba(255,255,255,.28);
  pointer-events:none;
}
.et-mf-textarea-wrap textarea{
  width:100%;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  padding:11px 14px;
  font-size:13.5px;color:#fff;
  font-family:inherit;resize:none;
  outline:none;
  transition:border-color .2s,background .2s;
}
.et-mf-textarea-wrap textarea::placeholder{color:rgba(255,255,255,.22)}
.et-mf-textarea-wrap textarea:focus{
  border-color:rgba(109,111,245,.55);
  background:rgba(109,111,245,.08);
}

/* Submit butonu */
.et-mf-submit{
  width:100%;padding:14px;
  border-radius:12px;border:none;cursor:pointer;
  background:linear-gradient(135deg,#6d6ff5 0%,#5558d9 100%);
  color:#fff;font-size:15px;font-weight:700;
  display:flex;align-items:center;justify-content:center;gap:8px;
  letter-spacing:-.1px;
  transition:all .22s;
  box-shadow:0 8px 28px rgba(90,80,220,.35);
  margin-top:4px;
}
.et-mf-submit:hover{
  background:linear-gradient(135deg,#7e80f8 0%,#6669e8 100%);
  box-shadow:0 12px 36px rgba(90,80,220,.50);
  transform:translateY(-1px);
}
.et-mf-note{
  text-align:center;font-size:11.5px;
  color:rgba(255,255,255,.22);margin:4px 0 0;
  display:flex;align-items:center;justify-content:center;gap:5px;
}
.et-mf-note i{font-size:10px;color:rgba(109,111,245,.60)}

/* Başarı ekranı */
.et-modal-success{
  display:none;
  flex-direction:column;align-items:center;
  justify-content:center;text-align:center;
  gap:16px;height:100%;padding:40px;
}
.et-modal-success.show{display:flex}
.et-modal-form.hide{display:none}
.et-success-icon{
  width:72px;height:72px;border-radius:50%;
  background:linear-gradient(135deg,rgba(80,200,120,.25),rgba(60,180,100,.15));
  border:2px solid rgba(80,200,120,.45);
  display:flex;align-items:center;justify-content:center;
  font-size:32px;color:rgba(100,220,140,.90);
  box-shadow:0 0 40px rgba(60,180,100,.20);
}
.et-modal-success h4{
  font-size:22px;font-weight:800;color:#fff;margin:0;
}
.et-modal-success p{
  font-size:14px;color:rgba(255,255,255,.45);margin:0;
}

/* Responsive */
@media(max-width:767px){
  .et-modal{flex-direction:column}
  .et-modal-deco{flex:none;padding:32px 28px}
  .et-modal-form-side{padding:28px}
  .et-modal-badges{flex-direction:row;flex-wrap:wrap}
}