/* Paket kartları (23 Ekim 2026): k-home.css'ten, premium ve özel bot SEO sayfaları için. */
.pp-campaign {
  display: flex; align-items: center; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap;
  padding: 16px 22px; margin-bottom: 20px; border-radius: var(--k-r-m);
  background: rgba(255, 193, 7, 0.07); border: 1px solid rgba(255, 193, 7, 0.4); color: var(--k-text); font-size: 15.5px;
}
.pp-campaign strong { color: var(--k-amber-2); }
.pp-campaign.is-closed { background: var(--k-bg-3); color: var(--k-text-2); }
.pp-campaign-count { font-weight: 600; font-variant-numeric: tabular-nums; }
.pp-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.pp-card {
  display: flex; flex-direction: column; padding: 26px; border-radius: var(--k-r-l);
  background: var(--k-bg-2); border: 1px solid var(--k-line); color: var(--k-text);
  transition: border-color 0.25s, transform 0.3s var(--k-ease);
}
.pp-card:hover { border-color: var(--k-line-2); }
.pp-card.is-campaign { background: var(--k-grad); color: var(--k-on-amber); border-color: transparent; box-shadow: 0 30px 70px -36px rgba(255, 193, 7, 0.7); }
.pp-top { display: flex; align-items: center; gap: 16px; }
.pp-art { width: 64px; height: 64px; border-radius: 14px; object-fit: cover; flex: 0 0 auto; }
.pp-ribbon { font-size: 13px; font-weight: 600; color: var(--k-amber-2); }
.pp-card.is-campaign .pp-ribbon { color: var(--k-on-amber-2); }
.pp-name { font-family: var(--k-display); font-weight: 700; font-size: 26px; letter-spacing: -0.02em; line-height: 1.1; }
.pp-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; margin-top: 26px; }
.pp-amount { font-family: var(--k-display); font-weight: 800; font-size: 60px; line-height: 0.9; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; }
.pp-amount small { font-size: 0.45em; margin-left: 3px; letter-spacing: 0; }
.pp-old { font-size: 20px; opacity: 0.6; }
.pp-per { font-size: 15px; opacity: 0.72; }
.pp-pitch { margin-top: 12px; font-size: 15px; opacity: 0.85; }
.pp-perks { display: grid; gap: 9px; margin: 22px 0 26px; padding-top: 20px; border-top: 1px solid currentColor; border-top-color: color-mix(in srgb, currentColor 18%, transparent); font-size: 15px; }
.pp-perks li { position: relative; padding-left: 24px; line-height: 1.45; }
.pp-perks li::before { content: ''; position: absolute; left: 2px; top: 6px; width: 10px; height: 6px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); opacity: 0.8; }
.pp-card:not(.is-campaign) .pp-perks li::before { border-color: var(--k-amber); opacity: 1; }
.pp-cta { margin-top: auto; width: 100%; }
.pp-card.is-paid-mode [data-pp-free-only] { display: none; }
.pp-fine { margin-top: 12px; font-size: 13px; opacity: 0.75; text-align: center; }
.pp-redeem { display: block; margin-top: 14px; text-align: center; font-size: 14px; color: var(--k-text-3); }
.pp-redeem span { color: var(--k-amber-2); font-weight: 600; }
.pp-redeem:hover span { text-decoration: underline; text-underline-offset: 3px; }
.k-prem-how { display: grid; grid-template-columns: 1.4fr 1fr; gap: 24px 56px; margin-top: 40px; padding-top: 32px; border-top: 1px solid var(--k-line); }
.pp-steps { counter-reset: s; display: grid; gap: 14px; }
.pp-steps li { counter-increment: s; position: relative; padding-left: 44px; color: var(--k-text-2); font-size: 15.5px; }
.pp-steps li b { color: var(--k-text); }
.pp-steps li::before { content: counter(s); position: absolute; left: 0; top: -1px; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: 14px; background: var(--k-bg-3); color: var(--k-amber-2); border: 1px solid var(--k-line-2); }
.pp-trust { display: grid; gap: 10px; align-content: start; font-size: 15px; color: var(--k-text-2); }
.pp-trust li { padding-left: 16px; border-left: 2px solid var(--k-line-2); }
.pp-trust a { text-decoration: underline; text-decoration-color: var(--k-line-2); text-underline-offset: 3px; }
.pp-trust a:hover { color: var(--k-amber-2); }
.ob-note { margin-top: 12px; font-size: 12px; color: #80848E; }
.ob-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ob-plan { position: relative; display: flex; flex-direction: column; padding: 26px; border-radius: var(--k-r-l); background: var(--k-bg); border: 1px solid var(--k-line); }
.ob-plan.is-featured { background: var(--k-grad); color: var(--k-on-amber); border-color: transparent; box-shadow: 0 30px 70px -36px rgba(255, 193, 7, 0.7); }
.ob-plan-ribbon { font-size: 13px; font-weight: 600; color: var(--k-amber-2); margin-bottom: 14px; }
.ob-plan.is-featured .ob-plan-ribbon { color: var(--k-on-amber-2); }
.ob-plan-art { width: 64px; height: 64px; border-radius: 14px; object-fit: cover; margin-bottom: 14px; }
.ob-plan-name { font-family: var(--k-display); font-weight: 700; font-size: 26px; letter-spacing: -0.02em; }
.ob-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; margin-top: 14px; }
.ob-amount { font-family: var(--k-display); font-weight: 800; font-size: 52px; line-height: 0.95; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; }
.ob-amount small { font-size: 0.45em; margin-left: 3px; }
.ob-old { font-size: 18px; opacity: 0.6; }
.ob-per { font-size: 15px; opacity: 0.72; }
.ob-plan-pitch { margin-top: 10px; font-size: 15px; opacity: 0.85; }
.ob-perks { display: grid; gap: 8px; margin: 18px 0 24px; font-size: 15px; }
.ob-perks li { position: relative; padding-left: 24px; }
.ob-perks li::before { content: ''; position: absolute; left: 2px; top: 7px; width: 10px; height: 6px; border-left: 2px solid var(--k-amber); border-bottom: 2px solid var(--k-amber); transform: rotate(-45deg); }
.ob-plan.is-featured .ob-perks li::before { border-color: var(--k-on-amber); }
.ob-cta { margin-top: auto; width: 100%; }
.ob-after-buy { margin-top: 20px; font-size: 15px; color: var(--k-text-2); }
.ob-after-buy a { color: var(--k-amber-2); text-decoration: underline; text-decoration-color: rgba(255, 212, 82, 0.4); text-underline-offset: 3px; }
.ob-compare { margin-top: 48px; }
.ob-compare td { text-align: center; }
.ob-compare thead th:not(:first-child) { text-align: center; }
@media (max-width: 1024px) {
  .k-guard-grid, .k-prem-how, .k-cmp-head, .k-ob-intro, .k-faq-grid, .k-end-grid { grid-template-columns: 1fr; }
  .pp-plans, .ob-plans { grid-template-columns: 1fr; max-width: 560px; }
}
@media (max-width: 700px) {
  .pp-card, .ob-plan { padding: 22px; }
  .pp-amount { font-size: 52px; }
}