/* Rakip alternatif sayfalari — arac.css ustune; site gövdesi koyu (body.koyu: --kart, --r0/1/2).
   Yeni parcalar: baslik sagindaki hizli karsilastirma karti, karar kartlari, karsilastirma tablosu,
   neden kartlari, durust bolum, sorular ve rakip kartlari. */

/* ---- baslik sagi: hizli karsilastirma ------------------------------------ */
.shero.arac.alt-sayfa .shero-ic{grid-template-columns:minmax(0,1fr) minmax(0,460px)}
.alt-hizli{position:relative; padding:20px 22px 18px; border-radius:20px; background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(8px); box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.alt-hizli::before{content:""; position:absolute; inset:-18px; z-index:-1; border-radius:26px; filter:blur(42px); opacity:.5;
  background:radial-gradient(60% 60% at 60% 40%,rgba(96,165,250,.55),transparent 70%)}
.alt-hizli-bas,.alt-hizli-s{display:grid; grid-template-columns:96px 1fr 1fr; gap:14px; align-items:start}
.alt-hizli-bas{padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,.12)}
.alt-hizli-bas span{font:600 11px/1.6 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:#8b95b8}
.alt-hizli-bas b{font:800 15px/1.3 var(--hero); color:#fff}
.alt-hizli-bas b:nth-of-type(1){color:#93c5fd}
.alt-hizli-s{padding:12px 0; border-bottom:1px solid rgba(255,255,255,.07)}
.alt-hizli-s span{font:600 12px/1.45 var(--ui); color:#8b95b8}
.alt-hizli-s p{margin:0; font:500 13px/1.45 var(--ui); color:#dfe4f5}
.alt-hizli-s p:first-of-type{color:#fff}
.alt-hizli>a{display:inline-block; margin-top:14px; font:600 13px var(--ui); color:#93c5fd; text-decoration:none}
.alt-hizli>a:hover{color:#fff}

/* ---- kisa karar ---------------------------------------------------------- */
.alt-karar{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px}
.alt-karar.tek{grid-template-columns:1fr}
.alt-karar.tek ul{grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 28px}
.alt-karar article{padding:24px 26px; border:1px solid var(--kart-cizgi); border-radius:18px; background:var(--kart); backdrop-filter:blur(10px)}
.alt-karar article.biz{border:1.5px solid transparent;
  background:linear-gradient(180deg,#141a3d,#0c1030) padding-box,linear-gradient(135deg,var(--r0),var(--r1) 45%,var(--r2)) border-box}
.alt-karar h3{margin:0 0 12px; font:800 18px/1.3 var(--hero); color:var(--baslik); letter-spacing:-.01em}
.alt-karar ul{margin:0; padding:0; list-style:none; display:grid; gap:10px}
.alt-karar li{position:relative; padding-left:24px; font:400 15px/1.55 var(--ui); color:var(--metin)}
.alt-karar li::before{content:""; position:absolute; left:0; top:7px; width:10px; height:10px; border-radius:50%;
  background:var(--cizgi2)}
.alt-karar .biz li::before{background:linear-gradient(135deg,var(--r1),var(--r2))}

/* ---- karsilastirma tablosu ---------------------------------------------- */
.alt-tarih{margin:8px 0 0; font:500 13px var(--ui); color:var(--soluk)}
.alt-tablo-kap{overflow-x:auto; border:1px solid var(--kart-cizgi); border-radius:18px; background:var(--kart); backdrop-filter:blur(10px)}
.alt-tablo{width:100%; min-width:560px; border-collapse:collapse; font:400 14.5px/1.45 var(--ui)}
.alt-tablo th,.alt-tablo td{padding:14px 18px; text-align:left; vertical-align:middle; border-bottom:1px solid var(--cizgi)}
.alt-tablo tbody tr:last-child th,.alt-tablo tbody tr:last-child td{border-bottom:0}
.alt-tablo thead th{background:rgba(255,255,255,.03); font:800 15px var(--hero); color:var(--baslik)}
.alt-tablo thead th.biz{color:#fff}
.alt-tablo tbody th{width:40%; font-weight:600; color:var(--baslik)}
.alt-tablo td{width:30%; color:var(--metin)}
.alt-tablo td.biz,.alt-tablo thead th.biz{background:rgba(255,61,139,.06); box-shadow:inset 1px 0 0 rgba(255,61,139,.3),inset -1px 0 0 rgba(255,61,139,.3)}
.alt-tablo tbody tr:hover th,.alt-tablo tbody tr:hover td{background-color:rgba(255,255,255,.03)}
.alt-var,.alt-yok{display:inline-grid; place-items:center; width:26px; height:26px; border-radius:50%; font:800 14px/1 var(--ui)}
.alt-var{background:rgba(52,211,153,.14); color:#34d399; border:1px solid rgba(52,211,153,.3)}
.alt-yok{background:rgba(255,255,255,.04); color:#6f78a0; border:1px solid rgba(255,255,255,.1)}
.alt-bilinmez{font-size:13px; color:var(--cizgi3)}
.alt-not{font-size:14px; color:var(--metin)}
.alt-dipnot{margin:16px 2px 0; font:400 12.5px/1.6 var(--ui); color:var(--soluk)}
.alt-dipnot a{color:var(--soluk); margin-right:10px; word-break:break-all}

/* ---- neden kartlari ------------------------------------------------------ */
.alt-neden{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px}
.alt-neden article{padding:24px; border:1px solid var(--kart-cizgi); border-radius:18px; background:var(--kart);
  backdrop-filter:blur(10px); transition:border-color .2s,box-shadow .2s}
.alt-neden article:hover{border-color:rgba(124,58,237,.6); box-shadow:0 24px 50px -24px rgba(124,58,237,.55)}
.alt-neden h3{margin:0 0 10px; font:800 17px/1.3 var(--hero); color:var(--baslik); letter-spacing:-.01em}
.alt-neden p{margin:0; font:400 15px/1.6 var(--ui); color:var(--metin)}

/* ---- sorular ------------------------------------------------------------- */
.alt-sss>details{max-width:860px}
.alt-sss details{border-bottom:1px solid var(--cizgi)}
.alt-sss summary{cursor:pointer; list-style:none; padding:18px 36px 18px 0; position:relative;
  font:700 16px/1.45 var(--hero); color:var(--baslik)}
.alt-sss summary::-webkit-details-marker{display:none}
.alt-sss summary::after{content:"+"; position:absolute; right:4px; top:14px; font:400 24px var(--ui); color:var(--soluk)}
.alt-sss details[open] summary::after{content:"–"}
.alt-sss details p{margin:0 0 18px; font:400 15px/1.65 var(--ui); color:var(--metin)}

/* ---- rakip kartlari (merkez + diger karsilastirmalar) -------------------- */
.alt-grup+.alt-grup{margin-top:44px}
.alt-grup h2{margin:0 0 16px; font:800 22px/1.25 var(--hero); color:var(--baslik); letter-spacing:-.02em}
.alt-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px}
.alt-kart{display:flex; flex-direction:column; gap:8px; padding:20px; border:1px solid var(--kart-cizgi); border-radius:16px;
  background:var(--kart); backdrop-filter:blur(10px); text-decoration:none; transition:border-color .2s,box-shadow .2s,transform .2s}
.alt-kart:hover{border-color:rgba(124,58,237,.6); transform:translateY(-2px); box-shadow:0 24px 50px -24px rgba(124,58,237,.55)}
.alt-harf{display:grid; place-items:center; width:38px; height:38px; border-radius:11px; font:800 17px var(--hero);
  color:#1a0a12; background:linear-gradient(135deg,var(--r0),var(--r1))}
.alt-kart b{font:800 16px/1.3 var(--hero); color:var(--baslik)}
.alt-kart p{margin:0; flex:1; font:400 14px/1.55 var(--ui); color:var(--metin)}
.alt-git{font:600 13px var(--ui); color:#8fb0ff}

/* ---- vs sayfasi: tanim, hukum, karsilastirma cipleri ---------------------- */
.alt-tanim{margin:0; font:400 15.5px/1.65 var(--ui); color:var(--metin)}
.alt-hukum{margin-top:16px; padding:24px 26px; border-radius:18px; display:grid; grid-template-columns:1fr auto; gap:10px 24px; align-items:center;
  border:1px solid var(--kart-cizgi); background:linear-gradient(100deg,rgba(255,176,32,.08),rgba(255,61,139,.08) 50%,rgba(34,211,238,.06))}
.alt-hukum .mono{grid-column:1/-1; color:#ffc857}
.alt-hukum p{margin:0; font:600 17px/1.55 var(--hero); color:var(--baslik)}
.alt-cipler{display:flex; flex-wrap:wrap; gap:10px}
.alt-cipler a{padding:10px 16px; border-radius:999px; border:1px solid var(--kart-cizgi); background:var(--kart);
  font:600 14px var(--ui); color:var(--baslik); text-decoration:none; transition:border-color .2s,background .2s}
.alt-cipler a:hover{border-color:rgba(124,58,237,.6); background:rgba(124,58,237,.12)}
.sss-daha a+a{margin-left:22px}

@media (max-width:980px){
  .shero.arac.alt-sayfa .shero-ic{grid-template-columns:1fr}
  .alt-neden,.alt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .alt-karar,.alt-neden,.alt-grid,.alt-karar.tek ul{grid-template-columns:1fr}
  .alt-hizli-bas,.alt-hizli-s{grid-template-columns:78px 1fr 1fr; gap:10px}
  .alt-tablo th,.alt-tablo td{padding:12px 12px}
  .alt-hukum{grid-template-columns:1fr}
}