/* VoxCard fiyatlandırma — ana sayfa tasarım sistemiyle uyumlu · 2026-10-25 */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.main-nav a[aria-current=page]{color:var(--ink);font-weight:800;position:relative}
.main-nav a[aria-current=page]::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;border-radius:3px;background:var(--lime)}

/* Üst bölüm */
.price-hero{position:relative;overflow:hidden;text-align:center;padding:clamp(112px,14vw,176px) clamp(20px,5vw,78px) clamp(44px,6vw,72px);isolation:isolate}
.price-hero .section-kicker{display:inline-flex;align-items:center;gap:8px}
.price-hero h1{margin:18px auto 0;max-width:15ch;font-size:clamp(2.35rem,6.4vw,4.6rem);line-height:1.02;letter-spacing:-.055em;font-weight:850;text-wrap:balance}
.price-hero h1 em{font-style:normal;background:linear-gradient(transparent 62%,var(--lime) 62% 92%,transparent 92%);padding:0 .06em}
.price-hero>p{margin:22px auto 0;max-width:62ch;color:var(--muted);font-size:clamp(1rem,2vw,1.15rem);line-height:1.65}
.price-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}
.price-hero .trust-row{justify-content:center;margin-top:26px}

/* Paket kartları */
.price-plans{padding-top:0}
.price-plans-grid{max-width:980px;margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.price-plans-grid .plan-card{min-height:0}
.price-plans-grid .plan-card>p{max-width:none}
.price-plans-grid .plan-price strong{font-size:clamp(2.8rem,6vw,3.6rem)}
.price-plans-grid .plan-card li{font-size:15px;line-height:1.45}
.price-plans-grid .plan-card.popular li{color:rgba(255,255,255,.82)}
.price-plans-grid .plan-card li.is-off{color:#9aa095;text-decoration:none}
.price-plans-grid .plan-card.popular{box-shadow:0 34px 80px -34px rgba(23,26,22,.55),0 0 0 1px rgba(200,255,56,.35)}
.price-plans-grid .plan-badge{font-size:11px}

/* Karşılaştırma tablosu */
.compare-section{padding-top:clamp(40px,6vw,80px)}
.compare-wrap{max-width:980px;margin:0 auto;border:1px solid var(--line);border-radius:26px;background:var(--paper-bright);overflow:hidden;box-shadow:0 26px 60px -40px rgba(28,31,25,.35)}
.compare-table{width:100%;border-collapse:collapse;font-size:15px}
.compare-table thead th{position:sticky;top:0;padding:20px 18px;background:#f3f1e8;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:850;color:#555d53;text-align:center}
.compare-table thead th:first-child{text-align:left;padding-left:28px}
.compare-table thead th.is-pro{background:var(--ink);color:var(--lime)}
.compare-table tbody th{padding:16px 18px 16px 28px;text-align:left;font-weight:700;color:#2b3028}
.compare-table tbody td{padding:16px 18px;text-align:center;color:#5f645a}
.compare-table tbody tr+tr>*{border-top:1px solid var(--line)}
.compare-table tbody tr:hover>*{background:rgba(200,255,56,.07)}
.compare-table td.is-pro{background:rgba(200,255,56,.1);font-weight:800;color:var(--ink)}
.cmp-ico{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:12px;vertical-align:middle;margin-right:8px}
.is-yes .cmp-ico{background:#e8f9c4;color:#4b7a00}
.is-pro.is-yes .cmp-ico{background:var(--ink);color:var(--lime)}
.is-no .cmp-ico{background:#eeece4;color:#a2a79d}
.is-no{color:#9aa095!important}
.is-partial .cmp-ico{background:#fff1d6;color:#a66b00}
.cmp-txt{font-size:14px}

/* PRO içeriği */
.pro-includes{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center;max-width:1120px;margin:0 auto}
.pro-includes-copy h2{margin:14px 0 14px;font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.04;letter-spacing:-.05em;font-weight:850}
.pro-includes-copy p{color:var(--muted);font-size:1.05rem;line-height:1.65;margin:0 0 26px;max-width:46ch}
.pro-includes-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pro-includes-grid li{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--paper-bright);font-weight:700;font-size:15px;line-height:1.4;color:#2b3028;transition:transform .25s,border-color .25s,box-shadow .25s}
.pro-includes-grid li:hover{transform:translateY(-3px);border-color:rgba(129,164,35,.5);box-shadow:0 18px 36px -24px rgba(28,31,25,.4)}
.pro-check{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:var(--lime);color:var(--ink);font-size:12px}

/* SSS ve garanti */
.faq-list details{scroll-margin-top:90px}
.price-guarantee p{max-width:62ch}

@media(max-width:900px){
  .pro-includes{grid-template-columns:1fr}
}
@media(max-width:720px){
  .price-plans-grid{grid-template-columns:1fr}
  .price-plans-grid .plan-card.popular{transform:none;order:-1}
  .price-hero-actions .button{width:100%}
  .compare-table{font-size:14px}
  .compare-table thead th{padding:14px 8px;font-size:11.5px}
  .compare-table thead th:first-child{padding-left:14px}
  .compare-table tbody th{padding:13px 8px 13px 14px;font-size:14px}
  .compare-table tbody td{padding:13px 6px}
  .cmp-ico{width:24px;height:24px;margin-right:0}
  .cmp-txt{display:block;font-size:12px;margin-top:3px}
  .pro-includes-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.pro-includes-grid li{transition:none}.pro-includes-grid li:hover{transform:none}}
.compare-table tbody th{text-transform:none!important;letter-spacing:0!important;font-size:15px!important;font-weight:700!important;line-height:1.35;color:#2b3028!important}
@media(max-width:720px){.compare-table tbody th{font-size:14px!important}}