/* ════════════════════════════════════════════════════════════════════════
   site-v2-satis.css — yeni sitenin satış sayfaları (docs/89-ek dilim 3–6: Dilim 4a fiyatlar, karşılaştırma, paket oluşturucu; kampanya
   site-v2-kampanya.css'te, Hat C). Sahibi Hat A (A3 sürüm 3 §V3.2). Plan kartları birden çok grupta (fiyatlar ve ana sayfa) çizildiği için
   site-v2.css'tedir (kit bloğu ve ana sayfa bloğu); burada yalnızca bu gruba özgü kurallar durur.
   Yalnızca isteyen sayfada yüklenir: görünüm ViewData[SiteV2Styles.ViewDataKey] = SiteV2Styles.Satis; main sınıfı "dcs-page dcs-satis".
   Her seçici .dcs-satis ile başlar (@media içi dahil; bekçi SiteKitV2UnitTests). Satır içi style=, u-* yardımcı sınıfı ve ws-* eski sınıf yok (H-2, H-5).
   ════════════════════════════════════════════════════════════════════════ */

/* Görünmez metin: ekran okuyucu okur, görselde yok (karşılaştırma tablosundaki "✓"; görselde SVG). Metin silinmez, yalnızca kırpılır. */
.dcs-satis .dcs-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

/* Dilim 4a: paket karşılaştırması (_CompareTableV2). Erişilebilir <table>; başlık satırı geniş ekranda yapışkan (üst çubuğun altında).
   640 px altında: betik paket seçimi ekler, tek paket sütunu görünür (tablo verisi aynı); betiksiz tablo yatay kayar (kap odaklanır). */
.dcs-satis .dcs-compare { position: relative; }
.dcs-satis .dcs-compare__scroll { border: 1px solid var(--dcs-line); border-radius: 16px; background: var(--dcs-bg); }
.dcs-satis .dcs-compare__scroll:focus-visible { outline: 2px solid var(--dcs-focus); outline-offset: 2px; }
.dcs-satis .dcs-compare__table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 15px; line-height: 1.45; color: var(--dcs-text); }
.dcs-satis .dcs-compare__table th,
.dcs-satis .dcs-compare__table td { padding: 12px 16px; border-bottom: 1px solid var(--dcs-line); text-align: center; vertical-align: middle; }
.dcs-satis .dcs-compare__table tbody tr:last-child > * { border-bottom: 0; }
.dcs-satis .dcs-compare__table th[scope="row"] { font-weight: 500; text-align: left; }
.dcs-satis .dcs-compare__table thead th { position: sticky; top: var(--dcs-nav-h); z-index: 1; border-bottom: 2px solid var(--dcs-line); background: var(--dcs-surface); font-weight: 600; }
.dcs-satis .dcs-compare__table thead th:first-child { text-align: left; border-top-left-radius: 15px; }
.dcs-satis .dcs-compare__table thead th:last-child { border-top-right-radius: 15px; }
.dcs-satis .dcs-compare__table .is-featured { background: color-mix(in srgb, var(--dcs-signal) 14%, var(--dcs-bg)); }
.dcs-satis .dcs-compare__table thead th.is-featured { background: color-mix(in srgb, var(--dcs-signal) 22%, var(--dcs-surface)); }
.dcs-satis .dcs-compare__yes { display: inline-block; vertical-align: middle; color: var(--dcs-text); }
.dcs-satis .dcs-compare__no { color: var(--dcs-text-3); }
.dcs-satis .dcs-compare__picker { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.dcs-satis .dcs-compare__pick { min-height: 44px; padding: 0 16px; border: 1px solid var(--dcs-text-3); border-radius: 999px; background: transparent; color: var(--dcs-text); font: 600 15px/1 var(--dcs-font-sans); cursor: pointer; }
.dcs-satis .dcs-compare__pick[aria-pressed="true"] { border-color: var(--dcs-text); background: var(--dcs-text); color: var(--dcs-bg); }
.dcs-satis .dcs-compare__pick:focus-visible { outline: 2px solid var(--dcs-focus); outline-offset: 2px; }

/* Dilim 4a: "Kendi paketini oluştur" (PackageBuilderPublic/IndexV2). Seçim solda, özet sağda (geniş ekranda yapışkan değil: odak örtülmez). */
.dcs-satis .dcs-pb { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; }
.dcs-satis .dcs-pb__config,
.dcs-satis .dcs-pb__summary { min-width: 0; padding: 28px 24px; border: 1px solid var(--dcs-line); border-radius: 20px; background: var(--dcs-surface); }
.dcs-satis .dcs-pb__billing { display: inline-flex; flex-wrap: wrap; gap: 4px; margin: 0 0 24px; padding: 4px; border: 1px solid var(--dcs-line); border-radius: 999px; background: var(--dcs-bg); }
.dcs-satis .dcs-pb__period { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: 999px; color: var(--dcs-text); font-weight: 600; cursor: pointer; }
.dcs-satis .dcs-pb__period:has(input:checked) { background: var(--dcs-text); color: var(--dcs-bg); }
.dcs-satis .dcs-pb__period input { width: 18px; height: 18px; margin: 0; accent-color: var(--dcs-signal); }
.dcs-satis .dcs-pb__period input:focus-visible { outline: 2px solid var(--dcs-focus); outline-offset: 2px; }
.dcs-satis .dcs-pb__period em { margin-left: 4px; padding: 2px 8px; border-radius: 999px; background: var(--dcs-signal); color: var(--dcs-on-signal); font-size: 12px; font-style: normal; }
.dcs-satis .dcs-pb__field { margin: 0 0 24px; }
.dcs-satis .dcs-pb__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; margin: 0 0 8px; }
.dcs-satis .dcs-pb__head label { font-size: 17px; font-weight: 600; color: var(--dcs-text); }
.dcs-satis .dcs-pb__head span { font-size: 14px; color: var(--dcs-text-2); }
.dcs-satis .dcs-pb__inputs { display: grid; grid-template-columns: minmax(0, 1fr) 96px; gap: 12px; align-items: center; }
.dcs-satis .dcs-pb__range { width: 100%; min-height: 44px; margin: 0; accent-color: var(--dcs-text); }
.dcs-satis .dcs-pb__number { width: 100%; min-height: 44px; padding: 0 10px; border: 1px solid var(--dcs-field-line); border-radius: 12px; background: var(--dcs-bg); color: var(--dcs-text); font: 600 16px/1 var(--dcs-font-sans); font-variant-numeric: tabular-nums; }
.dcs-satis .dcs-pb__range:focus-visible,
.dcs-satis .dcs-pb__number:focus-visible { outline: 2px solid var(--dcs-focus); outline-offset: 2px; }
.dcs-satis .dcs-pb__included { margin: 0; font-size: 15px; line-height: 1.55; color: var(--dcs-text-2); }
.dcs-satis .dcs-pb__included strong { color: var(--dcs-text); }
.dcs-satis .dcs-pb__label { font-family: var(--dcs-font-mono); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--dcs-text-2); }
.dcs-satis .dcs-pb__what { margin: 8px 0 0; font-size: 17px; font-weight: 600; color: var(--dcs-text); }
.dcs-satis .dcs-pb__price { margin: 12px 0 0; font-size: 40px; font-weight: 600; letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: var(--dcs-text); overflow-wrap: anywhere; }
.dcs-satis .dcs-pb__cur { margin-right: 2px; font-size: 26px; vertical-align: .35em; }
.dcs-satis .dcs-pb__per { margin-left: 4px; font-size: 16px; font-weight: 400; color: var(--dcs-text-2); }
.dcs-satis .dcs-pb__sub { margin: 4px 0 0; font-size: 14px; color: var(--dcs-text-2); }
.dcs-satis .dcs-pb__anchor { margin: 12px 0 0; font-size: 14px; line-height: 1.5; color: var(--dcs-text); }
.dcs-satis .dcs-pb__anchor a,
.dcs-satis .dcs-pb__link { display: inline-flex; align-items: center; min-height: 44px; padding: 0; border: 0; background: none; color: var(--dcs-text); font: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.dcs-satis .dcs-pb__link:focus-visible { outline: 2px solid var(--dcs-focus); outline-offset: 2px; }
.dcs-satis .dcs-pb__cta { width: 100%; margin: 20px 0 0; }
.dcs-satis .dcs-pb__cta:disabled { opacity: .55; cursor: not-allowed; }
.dcs-satis .dcs-pb__note { margin: 12px 0 0; font-size: 13px; line-height: 1.5; color: var(--dcs-text-2); }
.dcs-satis .dcs-pb__error { margin: 12px 0 0; font-size: 14px; font-weight: 600; color: var(--dcs-error); }
.dcs-satis .dcs-pb-closed { max-width: 640px; padding: 32px 24px; border: 1px solid var(--dcs-line); border-radius: 20px; background: var(--dcs-surface); }
.dcs-satis .dcs-pb-closed .dcs-lead { margin: 12px 0 24px; }

@media (min-width: 900px) {
  .dcs-satis .dcs-pb { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
}

@media (max-width: 639.98px) {
  /* Betiksiz: tablo yatay kayar (yapışkan başlık kabın içinde kalır) */
  .dcs-satis .dcs-compare:not(.is-enhanced) .dcs-compare__scroll { overflow-x: auto; }
  .dcs-satis .dcs-compare:not(.is-enhanced) .dcs-compare__table { min-width: 560px; }
  /* Betikle: seçili paketin sütunu (özellik adı + bir paket) */
  .dcs-satis .dcs-compare.is-enhanced[data-show="Free"] [data-plan]:not([data-plan="Free"]):not(.dcs-compare__pick),
  .dcs-satis .dcs-compare.is-enhanced[data-show="Starter"] [data-plan]:not([data-plan="Starter"]):not(.dcs-compare__pick),
  .dcs-satis .dcs-compare.is-enhanced[data-show="Pro"] [data-plan]:not([data-plan="Pro"]):not(.dcs-compare__pick),
  .dcs-satis .dcs-compare.is-enhanced[data-show="Enterprise"] [data-plan]:not([data-plan="Enterprise"]):not(.dcs-compare__pick) { display: none; }
  /* 4a inceleme Ö-6: tek sütunda başlığın yuvarlak köşesi kabın dışına taşmaz (clip kaydırma kabı oluşturmaz) */
  .dcs-satis .dcs-compare.is-enhanced .dcs-compare__scroll { overflow: clip; }
  .dcs-satis .dcs-compare__table th,
  .dcs-satis .dcs-compare__table td { padding: 12px; }
  .dcs-satis .dcs-compare__table thead th { position: static; }
}

@media (min-width: 640px) {
  .dcs-satis .dcs-compare__picker { display: none; }
}

@media (forced-colors: active) {
  .dcs-satis .dcs-compare__pick[aria-pressed="true"] { outline: 2px solid ButtonText; outline-offset: -2px; }
}