/* Masaüstü paket karşılaştırması; mevcut tipografi ve marka renkleri. */
#karsilastirma { scroll-margin-top:110px; }
.paket-giris { display:flex; justify-content:space-between; align-items:end; gap:48px; margin-bottom:40px; }
.paket-giris > p { max-width:42ch; color:var(--ikincil-metin); line-height:1.8; }
.paket-kartlar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.paket-kart { padding:40px; border-radius:32px; background:var(--kart-zemin); border:1px solid var(--kenar-rengi); color:var(--baslik-rengi); }
.paket-kart-ust { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:28px; }
.paket-ikon { display:grid; place-items:center; width:52px; height:52px; background:var(--mor-zemin-yumusak); color:var(--mor-vurgu); border-radius:16px; font-size:32px; }
.paket-rozet { font-size:12px; padding:9px 14px; border:1px solid var(--kenar-rengi); border-radius:999px; }
.paket-kart h3 { font:500 34px/1.2 var(--font-display); letter-spacing:-.03em; }
.paket-tanim { margin-top:12px; color:var(--ikincil-metin); font-size:15px; }
.paket-yenileme { margin-top:6px; font-size:13px; font-weight:600; color:var(--ikincil-metin); }
.paket-premium .paket-yenileme { color:rgba(255,255,255,.92); }
.paket-kdv { font-weight:500; opacity:.8; }
.paket-fiyat { display:flex; align-items:baseline; gap:12px; margin:32px 0; }
.paket-fiyat strong { font:500 76px/1 var(--font-display); letter-spacing:-.06em; }
.paket-fiyat strong span { font-size:36px; padding-left:5px; }
.paket-fiyat > span { font-size:14px; color:var(--ikincil-metin); }
.paket-kart > .buton { display:flex; justify-content:space-between; width:100%; padding:18px 24px; }
.paket-liste { list-style:none; padding:28px 0 0; margin:0; display:grid; gap:16px; }
.paket-liste li { display:flex; align-items:center; gap:12px; font-size:14px; }
.paket-liste li::before { content:'✓'; font-weight:700; color:var(--mor-vurgu); }
.paket-premium { background:var(--purple); color:white; border-color:var(--purple); }
.paket-premium .paket-ikon { background:var(--yellow); color:var(--navy); }
.paket-premium .paket-rozet { border-color:rgba(255,255,255,.35); }
.paket-premium .paket-tanim,.paket-premium .paket-fiyat > span { color:rgba(255,255,255,.85); }
.paket-premium > .buton { background:white; color:var(--navy); }
.paket-premium .paket-liste li::before { color:var(--yellow); }
.paket-tablo-kabuk { margin-top:48px; border:1px solid var(--kenar-rengi); border-radius:28px; padding:32px 40px; background:var(--kart-zemin); }
.paket-tablo { border-collapse:collapse; width:100%; table-layout:fixed; font-size:14px; }
.paket-tablo caption { text-align:left; font:500 28px/1.2 var(--font-display); letter-spacing:-.02em; color:var(--baslik-rengi); padding-bottom:26px; }
.paket-tablo th,.paket-tablo td { text-align:left; padding:20px 16px; border-bottom:1px solid var(--kenar-rengi); }
.paket-tablo th:first-child { padding-left:0; width:40%; }
.paket-tablo thead th { font-weight:600; color:var(--baslik-rengi); }
.paket-tablo tbody th { font-weight:400; color:var(--ikincil-metin); }
.paket-tablo td:last-child,.paket-tablo thead th:last-child { color:var(--mor-vurgu); }
.paket-tablo tr:last-child > * { border-bottom:0; }
.paket-notu { margin-top:22px; color:var(--ikincil-metin); font-size:12px; line-height:1.7; }
/* Dar ekranda fiyat kutusu taşmasın (375 px'te "999₺ / ay" kartı aşıyordu). */
@media (max-width: 600px) {
  .paket-kart { padding: 26px 22px; border-radius: 26px; }
  .paket-fiyat { flex-wrap: wrap; gap: 6px 10px; margin: 24px 0; }
  .paket-fiyat strong { font-size: 58px; }
  .paket-fiyat strong span { font-size: 28px; }
}
/* Telefon (22 Ekim): paketler alt alta, karşılaştırma tablosu dar ekrana göre. */
@media (max-width: 767px) {
  .paket-giris { flex-direction: column; align-items: flex-start; gap: 14px; margin-bottom: 28px; }
  .paket-kartlar { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .paket-kart h3 { font-size: 28px; }
  .paket-tablo-kabuk { margin-top: 28px; padding: 22px 14px; border-radius: 24px; }
  .paket-tablo { font-size: 13px; }
  .paket-tablo caption { font-size: 23px; padding-bottom: 14px; }
  .paket-tablo th, .paket-tablo td { padding: 14px 8px; }
}
@media (max-width: 767px) { .paket-kart > .buton { margin-top: 18px; } .paket-premium .paket-liste, .paket-kart > .buton + .paket-liste { padding-top: 22px; } }