/* v9 · 04.11.2026 · Fiyatlandırma: DefterPlus paketleri, ücretli ek modüller, E-Dönüşüm, E-İmza ve Kapsam Fişi.
   Mevcut site.css / v7.css / v8.css değişkenlerini ve kart dilini kullanır. */

/* bölüm gezintisi */
.fy-nav{margin-top:28px}
.fy-nav ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.fy-nav a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 8px;border:1px solid var(--rule);border-radius:999px;background:#fff;font-size:14px;font-weight:650;color:var(--ink);text-decoration:none;white-space:nowrap;transition:border-color 160ms ease,background-color 160ms ease}
.fy-nav a span{display:grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:999px;background:var(--panel-2);font-family:var(--figures);font-size:11px;font-weight:600;color:var(--ink-2)}
.fy-nav a:hover{border-color:var(--ink-3);background:var(--panel-2)}
.fy-nav a:focus-visible{outline:3px solid var(--carbon);outline-offset:2px}
.fy-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--carbon)}
.fy-eyebrow b{font-family:var(--figures);font-weight:600;letter-spacing:.04em}
.fy-sec{scroll-margin-top:calc(var(--header-h) + var(--promo-h,0px) + 16px)}

/* fiyat bloğu (kartlarda ortak) */
.fy-fiyat{display:grid;gap:0;margin:22px 0 0;border-top:1px solid var(--rule-soft)}
.fy-fiyat>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px 14px;padding:8px 0;border-bottom:1px solid var(--rule-soft);font-size:13.5px}
.fy-fiyat dt{color:var(--ink-3);font-weight:500}
.fy-fiyat dd{margin:0;text-align:right;font-weight:650;color:var(--ink)}
.fy-fiyat dd small{font-size:11.5px;font-weight:500;color:var(--ink-3)}
.fy-fiyat .fy-ana{display:block;padding:12px 0 10px}
.fy-fiyat .fy-ana dt{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.fy-fiyat .fy-ana dd{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:4px;text-align:left}
.fy-fiyat .fy-ana b{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.05}
.fy-fiyat .fy-ana span{font-size:13px;font-weight:500;color:var(--ink-3)}
.fy-fiyat .is-ilk dt{color:var(--carbon)}
.fy-fiyat .fy-kdv dd{font-weight:700}
.fy-cta{display:flex;width:100%;margin-top:18px}
.dpk-top .fy-cta{justify-content:center}

/* paket kartları: fiyat bloğu üst kartın içinde, düğme altta */
.fy-dpk .dpk-sub{min-height:0}
.fy-dpk .dpk-list li.fy-kul{padding-left:0;font-weight:700;color:var(--ink)}
.fy-dpk .dpk-list li.fy-kul::before{display:none}

/* paket kartı: dahil hizmetler */
.fy-dpk .dpk-body>.dpk-list{padding-bottom:18px}
.fy-hz{margin:0 26px 24px;padding-top:16px;border-top:1px dashed #D6DAE6}
.fy-hz-h{margin:0;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.fy-hz .dpk-list{padding:12px 0 0;gap:10px}
.fy-hz .dpk-list li{font-weight:600;color:var(--ink)}
.fy-hz .dpk-list .fy-hz-acik{display:block;margin-top:2px;font-size:12.5px;font-weight:500;line-height:1.4;color:var(--ink-3)}
.fy-hz .dpk-list small{display:block;margin-top:2px;font-size:12px;font-weight:700;color:var(--carbon)}
@media (max-width:1199px){.fy-hz{margin:0 20px 22px}}

/* küçük kartlar: ek modüller, E-Dönüşüm, E-İmza */
.fy-grid{display:grid;gap:18px;margin:30px 0 0;padding:0;list-style:none}
.fy-grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.fy-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.fy-grid.c2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px}
.fy-kart{position:relative;display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;border:1px solid #E5E8F1;border-radius:22px;background:#fff;box-shadow:0 1px 2px rgba(16,20,42,.05),0 18px 34px -26px rgba(16,20,42,.3)}
.fy-kart-ust{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px}
.fy-kart-tag{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;color:var(--ink-2)}
.fy-kart-tag svg{width:16px;height:16px;color:var(--ink-3)}
.fy-kart h3{margin:14px 0 0;font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.fy-kart-d{margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--ink-2)}
.fy-kart .fy-fiyat{margin-top:auto;padding-top:0}
.fy-kart .fy-bosluk{flex:1;min-height:16px}
.fy-kart-list{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none}
.fy-kart-list li{padding:4px 10px;border:1px solid var(--rule);border-radius:999px;font-size:12.5px;font-weight:650;color:var(--ink)}
.fy-kart .dpk-cta{width:100%;margin-top:16px}
.fy-kart.is-kampanya{border-color:#C9CCF7;background:linear-gradient(180deg,#FFFFFF 0%,#F7F6FF 100%)}

.fy-rozet{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:var(--carbon-soft);font-size:11.5px;font-weight:750;color:var(--carbon-deep);white-space:nowrap}
.fy-rozet.dahil{background:#DFF6F3;color:#0B6B62}
.fy-rozet.kampanya{background:#FCE6E3;color:var(--red-deep)}

.fy-not{display:flex;gap:12px;align-items:flex-start;max-width:880px;margin:24px 0 0;padding:14px 16px;border:1px solid var(--rule-soft);border-radius:14px;background:var(--panel-2);font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.fy-not b{color:var(--ink)}
.fy-not-ic{display:grid;place-items:center;flex:none;width:24px;height:24px;margin-top:1px;border-radius:8px;background:var(--teal);color:#fff}
.fy-not-ic svg{width:13px;height:13px}
.fy-not.uyari .fy-not-ic{background:var(--carbon)}

/* karşılaştırma tablosu ekleri */
.pk-table .pk-ek{font-size:12.5px;line-height:1.35;color:var(--ink-2)}
.pk-table .pk-ek b{display:block;font-size:13.5px;color:var(--ink)}
.pk-table .pk-dahil{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#0B6B62}
.pk-table .pk-price-row td small{display:block;font-size:11.5px;font-weight:500;color:var(--ink-3)}

/* Kapsam Fişi */
.fs-grp{margin:0;padding:18px 28px 6px;border:0;border-bottom:1px solid var(--rule-soft);min-width:0}
.fs-grp legend{display:flex;align-items:center;gap:10px;float:left;width:100%;margin:0 0 4px;padding:0;font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.fs-grp legend span{font-family:var(--figures);font-size:12px;font-weight:600;color:var(--carbon)}
.fs-grp legend+*{clear:both}
.fs-hint{margin:0 0 6px;font-size:13px;line-height:1.5;color:var(--ink-3)}
.fs-hint.fs-alt{margin:10px 0 0;padding-top:12px;border-top:1px dashed var(--rule-soft);font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.fs-hint.is-uyari{color:var(--stamp);font-weight:600}
.fs-opt{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:11px 8px;margin:0 -8px;border-radius:8px;cursor:pointer}
.fs-opt:hover{background:rgba(47,54,214,.04)}
.fs-opt input{appearance:none;-webkit-appearance:none;display:grid;place-items:center;width:20px;height:20px;margin:0;border:1.5px solid var(--ink-2);border-radius:3px;background:var(--sheet);cursor:pointer}
.fs-opt input[type="radio"]{border-radius:50%}
.fs-opt input:checked{border-color:var(--carbon);background:var(--carbon)}
.fs-opt input[type="checkbox"]:checked::after{content:"";width:10px;height:5px;margin-top:-2px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.fs-opt input[type="radio"]:checked::after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
.fs-opt input:focus-visible{outline:3px solid var(--carbon);outline-offset:2px}
.fs-ad{font-size:15px;font-weight:700;color:var(--ink);min-width:0}
.fs-ad small{display:block;margin-top:1px;font-size:12.5px;font-weight:400;line-height:1.4;color:var(--ink-3)}
.fs-fiyat{text-align:right;font-size:14px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.fs-fiyat small{display:block;font-size:11.5px;font-weight:600;color:var(--carbon)}
.fs-opt.is-kapali{cursor:not-allowed}
.fs-opt.is-kapali .fs-ad,.fs-opt.is-kapali .fs-fiyat{opacity:.5}
.fs-opt.is-kapali input{cursor:not-allowed;border-color:var(--rule)}
.fs-opt.is-dahil input{border-color:#0B6B62;background:#0B6B62}
.fs-opt.is-dahil input::after{content:"";width:10px;height:5px;margin-top:-2px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.fs-opt.is-dahil .fs-fiyat{color:#0B6B62}
.fs-opt.is-dahil .fs-fiyat s{font-weight:500;color:var(--ink-3)}

.fs-tablo-wrap{margin-top:14px;overflow-x:auto}
.fs-tablo{width:100%;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums}
.fs-tablo th,.fs-tablo td{padding:8px 6px;border-bottom:1px solid #dce0ee;text-align:right;white-space:nowrap}
.fs-tablo th:first-child,.fs-tablo td:first-child{text-align:left;white-space:normal}
.fs-tablo thead th{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.fs-tablo td.dahil{color:#0B6B62;font-weight:700}
.fs-tablo td.yok{color:var(--ink-3)}
.fs-toplam{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4px 22px;margin-top:6px}
.fs-toplam .pf-costs{margin-top:10px}
.fs-blok-h{border-bottom:2px solid var(--ink)!important}
.fs-blok-h dt{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.fs-blok.is-ilk .fs-blok-h dt{color:var(--carbon)}
.fs-blok.is-ilk .fs-blok-h{border-bottom-color:var(--carbon)!important}
.fs-hizmet{margin-top:12px;padding:9px 11px;border-radius:9px;background:#E9F7F5;font-size:13px;line-height:1.5;color:#0B5A53}
.fs-uyari{margin-top:10px;padding:9px 11px;border-radius:9px;background:#FFF1EE;font-size:13px;line-height:1.5;color:var(--red-deep)}

@media (max-width:1099px){
  .fy-grid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .fy-grid.c3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .fy-grid.c4,.fy-grid.c3,.fy-grid.c2{grid-template-columns:minmax(0,1fr)}
  .fy-nav ol{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none}
  .fy-nav ol::-webkit-scrollbar{display:none}
  .fs-grp{padding:16px 18px 6px}
  .fs-opt{grid-template-columns:26px minmax(0,1fr);gap:4px 10px}
  .fs-fiyat{grid-column:2;text-align:left}
  .fs-fiyat.fs-bos{display:none}
  .fs-tablo{font-size:12.5px}
  .fs-tablo th:nth-child(2),.fs-tablo td:nth-child(2){display:none}
  .fy-fiyat .fy-ana b{font-size:27px}
}
@media (prefers-reduced-motion:reduce){.fy-nav a{transition:none}}