/* NESACREATIVE tarafından hazırlanmıştır.
   NESA Creative — tema katmanı (legacy-head.css'ten sonra, Tailwind'den önce yüklenir).
   (1) platform çerçevesiyle eski site arasındaki köprüler, (2) eski includes/legal.php belge stili,
   (3) platform çerez bandının eski .nesa-consent görünümü, (4) "mağaza" kipinde nesa-concept sayfalarının marka uyarlaması.
   Eski sitenin kendi stilleri legacy-head.css / reset.css / page-hero.css / quote-wizard.css içinde, değiştirilmeden durur. */

/* ---- (1) çerçeve köprüleri ---- */
/* Bölüm sarmalayıcısı (div.kl-section) kutu üretmesin: başlık "sticky" iken üst öğesi yalnız kendi yüksekliği kadar
   olursa yapışmaz; alt bilgi ve landing içeriği de eski sitedeki gibi doğrudan <body>/<main> akışında kalsın. */
.kl-section-header, .kl-section-footer, .nc-clean #main-content > .kl-section { display: contents; }
/* platform toast'ı (theme.js) temiz kipte nesa-concept CSS'i olmadan da okunur kalsın; eski .cart-toast görünümü */
.nc-clean .toast {
  position: fixed; left: 50%; bottom: 1.5rem; z-index: 60; transform: translateX(-50%);
  display: flex; align-items: center; gap: .75rem; max-width: calc(100vw - 2rem);
  padding: .7rem 1.1rem; border-radius: 9999px; background: #141414; color: #fff;
  font-size: .875rem; box-shadow: 0 12px 32px rgba(0,0,0,.18);
}
.nc-clean .toast--error { background: #ef4444; }

/* ---- (2) yasal / düz içerik sayfaları — eski nesa_legal_styles() birebir ---- */
.legal-doc { color: #3F3F3F; font-size: .9375rem; line-height: 1.7; }
.legal-doc h2 { font-family: Inter, Geist, system-ui, sans-serif; font-size: 1.2rem; font-weight: 600; color: #141414; margin: 2.25rem 0 .75rem; letter-spacing: -0.01em; }
.legal-doc h2:first-child { margin-top: 0; }
.legal-doc h3 { font-size: 1rem; font-weight: 600; color: #141414; margin: 1.5rem 0 .5rem; }
.legal-doc p { margin: 0 0 .9rem; }
.legal-doc ul, .legal-doc ol { margin: 0 0 1rem 1.25rem; }
.legal-doc ul { list-style: disc; } .legal-doc ol { list-style: decimal; }
.legal-doc li { margin: .3rem 0; }
.legal-doc li::marker { color: #9C7200; }
.legal-doc a { color: #141414; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
.legal-doc table { width: 100%; border-collapse: collapse; font-size: .875rem; margin: .5rem 0 1.25rem; }
.legal-doc th, .legal-doc td { border: 1px solid #E5E5E5; padding: .55rem .7rem; text-align: left; vertical-align: top; }
.legal-doc th { background: #FAFAFA; color: #141414; font-weight: 600; }
.legal-doc .legal-note { background: #FFF3C4; border-left: 3px solid #F7B500; padding: .8rem 1rem; border-radius: 8px; margin: 1rem 0; font-size: .875rem; color: #141414; }
.legal-doc .legal-kv td:first-child { width: 34%; color: #737373; }
.legal-doc .legal-total td { font-weight: 600; color: #141414; }
.legal-doc .legal-sign { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 2rem; font-size: .875rem; }
.legal-doc .legal-sign > div { border: 1px dashed #E5E5E5; border-radius: 10px; padding: 1rem; }
.legal-doc img { max-width: 100%; height: auto; border-radius: 10px; margin: 1rem 0; }
.legal-doc blockquote { border-left: 3px solid #F7B500; padding: .25rem 0 .25rem 1rem; margin: 1rem 0; color: #141414; }
.legal-meta, .legal-doc .legal-meta { font-size: .8125rem; color: #737373; }
.legal-nav a { display: block; padding: .55rem .85rem; border-radius: 10px; font-size: .875rem; color: #3F3F3F; }
.legal-nav a:hover { background: #fff; color: #141414; }
.legal-nav a.is-active { background: #141414; color: #fff; font-weight: 600; }
.legal-toc { columns: 2; column-gap: 1.5rem; font-size: .8125rem; }
@media (max-width: 640px) { .legal-toc { columns: 1; } .legal-doc .legal-sign { grid-template-columns: 1fr; } .legal-doc table { display: block; overflow-x: auto; } }
@media print { header, footer, .legal-nav-wrap, .whatsapp-float, .nesa-quote, .cart-toast, .kl-cc { display: none !important; } .legal-doc { font-size: 11pt; } main > div { padding: 0 !important; } }

/* ---- (3) platform çerez bandı (Pazarlama › Çerez rızası) → eski .nesa-consent kartı ---- */
.kl-cc--corner { padding: 1rem; }
@media (min-width: 640px) { .kl-cc--corner { padding: 1.5rem; } }
.kl-cc--corner .kl-cc__box {
  width: 30rem; max-width: calc(100vw - 2rem); gap: 0; padding: 1.25rem 1.25rem 1.1rem;
  border: 1px solid #E5E5E5; border-radius: 1rem; box-shadow: 0 24px 60px -20px rgba(0,0,0,.35);
  background: #fff; color: #3F3F3F; font-family: Inter, Geist, system-ui, sans-serif; font-size: .875rem;
}
.kl-cc--corner .kl-cc__title { font-family: Inter, Geist, system-ui, sans-serif; font-weight: 600; color: #141414; font-size: 1rem; margin: 0 0 .4rem; display: flex; align-items: center; gap: .5rem; }
.kl-cc--corner .kl-cc__title::before {
  content: ''; width: 1.6rem; height: 1.6rem; border-radius: 999px; flex: 0 0 auto;
  background: #F7B500 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23141414' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M12 3a9 9 0 109 9c0-.7-.1-1.3-.2-2a3 3 0 01-3.6-3.6A3 3 0 0114 3.2c-.7-.1-1.3-.2-2-.2zM8 12h.01M12 16h.01M15 12h.01'/%3E%3C/svg%3E") center / .875rem no-repeat;
}
.kl-cc--corner .kl-cc__text { font-size: .875rem; line-height: 1.5; color: #3F3F3F; -webkit-line-clamp: unset; display: block; }
.kl-cc--corner .kl-cc__actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.kl-cc--corner .kl-cc__btn { height: 2.5rem; min-height: 2.5rem; padding: 0 1.1rem; border-radius: 999px; font-size: .8125rem; font-weight: 600; box-shadow: none; flex: 0 0 auto; }
.kl-cc--corner .kl-cc__btn--accept { order: -1; background: #F7B500; color: #141414; }
.kl-cc--corner .kl-cc__btn--accept:hover { background: #E0A400; filter: none; }
.kl-cc--corner .kl-cc__btn--ghost { background: #fff; color: #141414; border: 1px solid #141414; }
.kl-cc--corner .kl-cc__btn--ghost:hover { background: #FAFAFA; }
.kl-cc--corner .kl-cc__btn--save { background: #141414; color: #fff; }
.kl-cc--corner .kl-cc__links { margin-top: .6rem; font-size: .8125rem; color: #737373; }
.kl-cc--corner .kl-cc__row input:checked { background-color: #141414; border-color: #141414; }

/* ---- (4) mağaza kipi: nesa-concept bölümleri NESA Creative kimliğiyle ---- */
.nc-store {
  /* nesa-concept token'ları (theme.css / skin.css) eski sitenin paletiyle */
  --font-heading: Inter, Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-body: Inter, Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font: var(--font-body); --fh: var(--font-heading);
  --primary: #F7B500; --primary-ink: #141414; --primary-strong: #9C7200; --accent: #9C7200;
  --ink: #141414; --ink-2: #3F3F3F; --ink-3: #737373; --ink-4: #737373; --muted: #737373;
  --line: #E5E5E5; --line-2: #E5E5E5; --line-soft: #F0F0F0;
  --bg: #FAFAFA; --surface-2: #FAFAFA; --page: #fff;
  --r: 10px; --r-sm: 8px; --r-lg: 16px;
  --header-h: 73px; --announce-h: 0px;
  font-family: var(--font-body); color: #141414; line-height: 1.5; background: #fff;
}
/* mobilde header daha alçak (sections/header.liquid: py-2.5 + h-8 logo; lg ve üstü py-4 + h-10) */
@media (max-width: 1023.98px) { .nc-store { --header-h: 61px; } }
/* nesa-concept aile katmanı (family.css) token'ları .nk üzerinde tanımlı: lacivert vurgu ve Bricolage/Inter yerine eski site paleti + Geist */
.nc-store .nk {
  --paper: #fff; --paper-2: #FAFAFA; --ink: #141414; --muted: #737373; --line: #E5E5E5;
  --accent: #9C7200; --accent-dark: #7A5900; --soft: #FAFAFA; --soft-2: #FAFAFA;
  --display: Inter, Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --sans: Inter, Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --mono: Inter, Geist, ui-monospace, monospace;
  --maxw: 1232px;
}
/* eski başlık "fixed": içerik başlığın altında başlasın */
.nc-store-main { padding-top: var(--nc-header-h, 4.75rem); background: #fff; }
.nc-store .nk h1, .nc-store .nk h2, .nc-store .nk h3, .nc-store .nk .eyebrow,
.nc-store .nk [class*="title"], .nc-store .nk [class*="heading"] { font-family: var(--font-heading); letter-spacing: -0.01em; }
.nc-store .nk em { font-style: normal; color: #9C7200; }
/* düğmeler: eski sitenin hap biçimli sarı / çerçeveli düğmeleri */
.nc-store .btn, .nc-store .nk .btn, .nc-store button.btn, .nc-store .nk-btn {
  border-radius: 9999px; font-family: var(--font-body); font-weight: 600; letter-spacing: 0; text-transform: none;
}
.nc-store .btn-primary, .nc-store .nk .btn-primary, .nc-store .btn--primary, .nc-store [data-add-to-cart], .nc-store .add-to-cart {
  background: #F7B500; border-color: #F7B500; color: #141414;
}
.nc-store .btn-primary:hover, .nc-store .nk .btn-primary:hover, .nc-store .btn--primary:hover, .nc-store [data-add-to-cart]:hover, .nc-store .add-to-cart:hover {
  background: #E0A400; border-color: #E0A400; color: #141414;
}
.nc-store .btn-outline, .nc-store .btn-secondary, .nc-store .nk .btn-outline { border-color: #141414; color: #141414; background: #fff; }
.nc-store a.link, .nc-store .nk a:not([class]) { text-underline-offset: 3px; }
/* form alanları: eski sitenin yumuşak gri çerçeveli, sarı odaklı alanları */
.nc-store input[type="text"], .nc-store input[type="email"], .nc-store input[type="tel"], .nc-store input[type="password"],
.nc-store input[type="search"], .nc-store input[type="number"], .nc-store select, .nc-store textarea {
  border-color: #E5E5E5; border-radius: 10px; font-family: var(--font-body);
}
.nc-store input:focus, .nc-store select:focus, .nc-store textarea:focus { border-color: #F7B500; outline: 2px solid rgba(247,181,0,.35); outline-offset: 0; }
/* nesa-concept bölümlerinde Tailwind preflight'ın sıfırladığı liste/medya varsayılanlarını geri ver */
.nc-store .rte ul, .nc-store .pdp-richtext ul, .nc-store .richtext ul { list-style: disc; padding-left: 1.25rem; }
.nc-store .rte ol, .nc-store .pdp-richtext ol, .nc-store .richtext ol { list-style: decimal; padding-left: 1.25rem; }
/* metin seçimi: eski içerik koruması (reset.css) yalnız vitrin sayfalarında; sipariş/ödeme/hesapta numara, IBAN kopyalanabilsin */
.nc-store { -webkit-user-select: text; user-select: text; }
/* sepet çekmecesi ve kampanya penceresi başlığın (z-50) üstünde */
.nc-store .cart-drawer, .nc-store .drawer-overlay { z-index: 70; }

/* içe aktarılan yasal metinlerin başı: eski nesa_legal_page_open() giriş paragrafı ve güncelleme satırı */
.legal-doc > .blk:first-child > p.lead:first-child { color: #A3A3A3; font-size: 1rem; line-height: 1.5rem; margin: 0 0 1.5rem; }
@media (min-width: 768px) { .legal-doc > .blk:first-child > p.lead:first-child { font-size: 1.125rem; line-height: 1.75rem; } }
.legal-doc p.legal-meta { line-height: 1.5; margin: 0 0 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid #E5E5E5; }
.legal-doc p.legal-meta + h2 { margin-top: 0; }
/* içe aktarımda sınıfı düşen eski .legal-note kutusu: yasal metindeki tek başına sınıfsız <div> (iç içe div taşımayan) */
.legal-doc .blk > div:not([class]):not(:has(div)) { background: #FFF3C4; border-left: 3px solid #F7B500; padding: .8rem 1rem; border-radius: 8px; margin: 1rem 0; font-size: .875rem; color: #141414; }
/* içe aktarılan kimlik tabloları sınıfsız gelir (eski .legal-kv): başlık satırı olmayan tabloda ilk sütun etiket */
.legal-doc table:not(:has(th)) td:first-child { width: 34%; color: #737373; }

/* ---- (5) /form/{slug} sayfası (sections/main-form.liquid): sade iki sütun — solda başlık/süreç/iletişim, sağda form ---- */
.ncq { background: #fff; padding: 3.5rem 0 5.5rem; }
@media (min-width: 1024px) { .ncq { padding: 5rem 0 7rem; } }
.ncq__wrap { max-width: 80rem; margin: 0 auto; padding: 0 1.5rem; display: grid; grid-template-columns: minmax(0, 1fr); gap: 3rem; align-items: start; }
@media (min-width: 1024px) { .ncq__wrap { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 5rem; } .ncq__intro { position: sticky; top: calc(73px + 2.5rem); } }
.ncq__eyebrow { font-family: Inter, Geist, system-ui, sans-serif; font-size: .875rem; letter-spacing: .2em; text-transform: uppercase; color: #9C7200; margin: 0 0 1rem; }
.ncq__title { font-family: Inter, Geist, system-ui, sans-serif; font-size: clamp(2rem, 3.6vw, 2.75rem); font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; color: #141414; margin: 0 0 1.25rem; }
.ncq__lead { color: #737373; font-size: 1.0625rem; line-height: 1.65; margin: 0; }
.ncq__steps { list-style: none; margin: 2.5rem 0 0; padding: 0; border-top: 1px solid #E5E5E5; }
.ncq__steps li { display: grid; grid-template-columns: 2.75rem 1fr; padding: 1.1rem 0; border-bottom: 1px solid #E5E5E5; }
.ncq__steps span { font-family: Inter, Geist, system-ui, sans-serif; font-size: .875rem; font-weight: 600; color: #A3A3A3; line-height: 1.5; }
.ncq__steps p { margin: 0; font-size: .875rem; line-height: 1.5; color: #737373; }
.ncq__steps strong { display: block; font-weight: 600; color: #141414; }
.ncq__contact { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin: 2rem 0 0; }
.ncq__contact dt { font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; color: #A3A3A3; margin-bottom: .3rem; }
.ncq__contact dd { margin: 0; font-size: .9375rem; font-weight: 500; }
.ncq__contact a { color: #141414; text-decoration: underline; text-decoration-color: #E5E5E5; text-underline-offset: 4px; transition: text-decoration-color .15s; word-break: break-word; }
.ncq__contact a:hover { text-decoration-color: #141414; }
.ncq__note { margin: 1.5rem 0 0; font-size: .75rem; line-height: 1.5; color: #A3A3A3; }
.ncq__form { border: 1px solid #E5E5E5; border-radius: 1rem; padding: 1.5rem; }
@media (min-width: 768px) { .ncq__form { padding: 2.5rem; } }

/* form alanları */
.ncq .kl-form { gap: 1.5rem 1rem; }
.ncq .kl-form__label { font-size: .875rem; font-weight: 500; color: #141414; margin-bottom: .2rem; }
.ncq .kl-form__req { color: #A3A3A3; }
.ncq .kl-form__input { min-height: 3rem; padding: .75rem 1rem; background: #fff; border: 1px solid #E5E5E5; border-radius: .75rem; font-size: .9375rem; box-shadow: none; transition: border-color .15s; }
.ncq .kl-form__input:hover { border-color: #D4D4D4; }
.ncq .kl-form__input:focus { border-color: #141414; outline: 0; box-shadow: none; }
.ncq textarea.kl-form__input { min-height: 8.5rem; }
.ncq .kl-form__field .tel { background: #fff; border-color: #E5E5E5; border-radius: .75rem; min-height: 3rem; box-shadow: none; }
.ncq .kl-form__field .tel:focus-within { border-color: #141414; box-shadow: none; }
.ncq .kl-form__field .tel .kl-form__input { background: transparent; border: 0; }
.ncq .kl-form__ok { border-radius: .75rem; padding: .9rem 1rem; }

/* seçenekler (radyo / çoklu seçim): yalın çipler */
.ncq .kl-form__choices { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .4rem; }
.ncq .kl-form__choices .kl-form__choice { position: relative; display: inline-flex; align-items: center; min-height: 0; padding: .6rem 1rem; border: 1px solid #E5E5E5; border-radius: 9999px; background: #fff; font-size: .875rem; font-weight: 500; line-height: 1.2; color: #3F3F3F; cursor: pointer; transition: border-color .15s, background-color .15s, color .15s; }
.ncq .kl-form__choices .kl-form__choice:hover { border-color: #141414; color: #141414; }
.ncq .kl-form__choices .kl-form__choice input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.ncq .kl-form__choices .kl-form__choice:has(input:checked) { background: #141414; border-color: #141414; color: #fff; }
.ncq .kl-form__choices .kl-form__choice:has(input:focus-visible) { outline: 2px solid #141414; outline-offset: 2px; }
.ncq .kl-form__field.has-error .kl-form__choice { border-color: #F6CFCF; }

/* KVKK onayı */
.ncq .kl-form__consent { gap: .7rem; padding: 0; background: none; font-size: .8125rem; line-height: 1.5; color: #737373; }
.ncq .kl-form__consent input { width: 1.05rem; height: 1.05rem; margin-top: .15rem; accent-color: #141414; flex: 0 0 auto; }

/* gönder */
.ncq .kl-form__actions { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-top: .25rem; }
.ncq .kl-form__actions .btn { display: inline-flex; align-items: center; justify-content: center; height: 3rem; padding: 0 2rem; border-radius: 9999px; font-size: .9375rem; font-weight: 600; box-shadow: none; }
@media (max-width: 639px) { .ncq .kl-form__actions .btn { width: 100%; } }

/* ---- (6) paket karşılaştırma tablosu (snippets/nc-compare-table.liquid) — eski includes/feature-table.php stilleri birebir (2026-10-31: sabit başlık satırı header + kampanya şeridi altında) ---- */
.ft__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: 1rem; }
/* Sabit başlık: header (var(--nc-header-h)) + açıksa kampanya şeridi kadar aşağıda durur */
.ft { letter-spacing: -0.02em; --ft-top: var(--nc-header-h); }
html:has(.nc-topbar) .ft { --ft-top: calc(var(--nc-header-h) + var(--nc-topbar-h)); }
html.nc-topbar-off .ft { --ft-top: var(--nc-header-h); }
.ft__btn { height: 2.25rem; padding: 0 .875rem; border-radius: .5rem; border: 1px solid #E5E5E5; box-shadow: inset 0 -3px 0 0 rgba(229,229,229,.5); background: #fff; font-size: .875rem; line-height: 1.25rem; font-weight: 600; letter-spacing: -0.02em; color: #3F3F3F; transition: border-color .2s, color .2s; }
.ft__btn:hover { border-color: #D4D4D4; color: #141414; }
.ft__wrap { border: 1px solid #EDEDED; border-radius: 1rem; background: #fff; overflow: hidden; overflow: clip; box-shadow: inset 0 -3px 0 0 rgba(229,229,229,.5); }
.ft__tabs { display: none; }
@media (max-width: 767.98px) {
  /* Mobil: paket sekmeleri + seçili paketin özellikleri tek sütun */
  .ft__tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .375rem; margin-bottom: .75rem; position: sticky; top: var(--ft-top); z-index: 5; padding: .5rem 0; background: #FAFAFA; }
  .ft__tab { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .125rem; padding: .5rem .25rem; border-radius: .5rem; border: 1px solid #E5E5E5; background: #fff; color: #3F3F3F; text-align: center; min-width: 0; box-shadow: inset 0 -3px 0 0 rgba(229,229,229,.5); transition: background-color .2s, border-color .2s, color .2s; }
  .ft__tab-name { font-family: Inter, sans-serif; font-weight: 600; font-size: .75rem; line-height: 1rem; letter-spacing: -0.02em; }
  .ft__tab-price { font-size: .6875rem; line-height: 1rem; color: #737373; white-space: nowrap; }
  .ft__tab-badge { order: -1; font-size: 9px; line-height: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #9C7200; white-space: nowrap; }
  .ft__tab.is-active { background: #141414; border-color: #3F3F3F; color: #fff; box-shadow: inset 0 -2px 0 0 #000; }
  .ft__tab.is-active .ft__tab-price { color: #A3A3A3; }
  .ft__tab.is-active .ft__tab-badge { color: #F7B500; }
  .ft__table thead { display: none; }
  .ft__table, .ft__table tbody, .ft__table tr, .ft__table td { display: block; }
  .ft__table { width: 100%; max-width: 100%; }
  .ft__grow td { display: block; }
  .ft__gbtn { padding: .75rem .85rem; }
  .ft__gtitle { font-size: .875rem; }
  .ft__table tr.ft__row { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: 0 .85rem; border-bottom: 1px solid #F5F5F5; }
  .ft__table tr.ft__row td { border-bottom: 0; padding: .6rem 0; }
  .ft__name { flex: 1; min-width: 0; font-size: .8125rem; line-height: 1.35; color: #3F3F3F; }
  .ft__cell { display: none !important; flex: 0 0 auto; max-width: 45%; text-align: right; font-size: .75rem; background: transparent !important; }
  .ft__cell .text-\[13px\] { font-size: .75rem; }
  .ft[data-ft-col="0"] .ft__cell:nth-child(2), .ft[data-ft-col="1"] .ft__cell:nth-child(3), .ft[data-ft-col="2"] .ft__cell:nth-child(4), .ft[data-ft-col="3"] .ft__cell:nth-child(5), .ft[data-ft-col="4"] .ft__cell:nth-child(6), .ft[data-ft-col="5"] .ft__cell:nth-child(7) { display: block !important; }
  .ft__group:not(.is-open) .ft__row { display: none !important; }
}
.ft__table { width: 100%; border-collapse: separate; border-spacing: 0; }
@media (min-width: 768px) and (max-width: 1023.98px) { .ft__wrap { overflow-x: auto; } .ft__table { min-width: 860px; } }
.ft__th { background: #fff; padding: 1rem .75rem; text-align: center; border-bottom: 1px solid #EDEDED; vertical-align: bottom; width: 16%; }
.ft__th--name { text-align: left; padding-left: 1rem; font-size: .75rem; line-height: 1.125rem; text-transform: uppercase; letter-spacing: .12em; color: #737373; font-weight: 600; width: auto; }
.ft__th-name { display: block; font-size: 1rem; line-height: 1.5rem; font-weight: 600; letter-spacing: -0.02em; color: #141414; }
.ft__th-price { display: block; font-size: .75rem; line-height: 1.125rem; font-weight: 500; color: #737373; }
@media (min-width: 1024px) { .ft__th { position: sticky; top: var(--ft-top); z-index: 3; box-shadow: 0 1px 0 0 #EDEDED; } }
.ft__th--featured { background: #141414; border-bottom-color: #141414; }
.ft__th--featured .ft__th-name { color: #fff; }
.ft__th--featured .ft__th-price { color: #A3A3A3; }
/* kampanya: üstü çizili standart fiyat + indirimli ilk yıl fiyatı (paket kartlarıyla aynı) */
.ft__was { color: #A3A3A3; text-decoration-thickness: 1px; }
.ft__now { font-weight: 600; color: #141414; letter-spacing: -0.01em; }
.ft__th--featured .ft__was { color: #737373; }
.ft__th--featured .ft__now { color: #fff; }
.ft__badge { display: block; margin-bottom: .25rem; font-size: .6875rem; line-height: 1rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #F7B500; }
.ft__grow td { padding: 0; border-bottom: 1px solid #EDEDED; background: #FAFAFA; }
.ft__gbtn { width: 100%; display: flex; align-items: center; gap: .75rem; padding: .8rem 1rem; text-align: left; cursor: pointer; }
.ft__gtitle { font-family: Inter, sans-serif; font-weight: 600; font-size: .9375rem; color: #141414; }
.ft__gcount { font-size: .75rem; color: #737373; }
.ft__chev { margin-left: auto; color: #737373; transition: transform .25s ease; }
.ft__group.is-open .ft__chev { transform: rotate(180deg); }
.ft__group:not(.is-open) .ft__row { display: none; }
.ft__row td { padding: .75rem; border-bottom: 1px solid #F5F5F5; font-size: .875rem; line-height: 1.25rem; vertical-align: middle; }
.ft__row .ft__name { padding-left: 1rem; }
.ft__name { color: #3F3F3F; }
.ft__cell { text-align: center; }
.ft__cell--featured { background: #FAFAFA; }
.ft__group:last-child .ft__row:last-child td { border-bottom: 0; }
@media (prefers-reduced-motion: reduce) { .ft__chev { transition: none; } }
/* SSS akordeonu (snippets/nc-faq.liquid) */
.nc-faq summary::-webkit-details-marker { display: none; }
.nc-faq[open] .nc-faq__chev { transform: rotate(180deg); }
.nc-faq div p { margin: 0 0 .5rem; } .nc-faq div p:last-child { margin: 0; }

/* ---- (7) paket ürün sayfası (sections/main-product.liquid) ---- */
/* özellik listesindeki boşluksuz uzun satırlar ("ürün/kategori/marka/…") dar ekranda taşmasın */
.nc-pkg-groups li { overflow-wrap: anywhere; }
.nc-pkg-nav { top: 72px; }
@media (max-width: 1023.98px) { .nc-pkg-nav { top: 60px; } }
.nc-pkg-nav__a { flex: 0 0 auto; padding: .45rem .75rem; border-radius: 9999px; font-size: .875rem; font-weight: 500; color: #737373; white-space: nowrap; transition: color .15s, background-color .15s; }
.nc-pkg-nav__a:hover { color: #141414; }
.nc-pkg-nav__a.is-active { color: #141414; background: #F5F5F5; }
.nc-pkg-sec { scroll-margin-top: 130px; }
.no-scrollbar { scrollbar-width: none; } .no-scrollbar::-webkit-scrollbar { display: none; }
@media (max-width: 1023.98px) { .nc-pkg { padding-bottom: 4.5rem; } }

/* ---- (8) ödeme akışı: ürün görseli yok (hizmet satışı) — nesa-concept ödeme (main-checkout, main-pay, main-draft-pay),
   sipariş (main-order, main-return-status) ve iade (main-return) satırlarındaki görsel kutusu kaldırılır, ızgara görselsiz düzene geçer ---- */
.nc-store .ck-line__img, .nc-store .order-line__img, .nc-store .return-item__img { display: none !important; }
.nc-store .ck-line { grid-template-columns: minmax(0, 1fr) auto; }
.nc-store .order-line, .nk .order-line { grid-template-columns: minmax(0, 1fr) auto; }
.nc-store .return-item { grid-template-columns: minmax(0, 1fr) auto; }

/* ---- (9) Nesa Yönetici mobil uygulama tanıtımı (snippets/nc-mobile-app.liquid): telefon çerçeveleri, ekran galerisi, mağaza düğmeleri ---- */
/* iPhone çerçevesi: titanyum kenar (4px) + siyah ekran kenarı (7px) + Dynamic Island + yan tuş; ekran görüntüsü 600×1304 */
:is(.nc-phones, .nc-app-shot) .nc-phone { position: relative; border-radius: 3.1rem; padding: 4px; background: linear-gradient(150deg, #57575a 0%, #1f1f21 32%, #2c2c2e 68%, #5a5a5d 100%);
  box-shadow: 0 60px 90px -48px rgba(20,20,20,.55), 0 28px 40px -30px rgba(20,20,20,.35), 0 0 0 1px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.12); }
:is(.nc-phones, .nc-app-shot) .nc-phone img { display: block; width: 100%; height: auto; border: 7px solid #060606; border-radius: 2.85rem; background: #fff; }
:is(.nc-phones, .nc-app-shot) .nc-phone::after { content: ""; position: absolute; top: 3.3%; left: 50%; width: 27%; aspect-ratio: 3.6; transform: translateX(-50%); border-radius: 9999px; background: #060606; }
:is(.nc-phones, .nc-app-shot) .nc-phone::before { content: ""; position: absolute; top: 24%; right: -2px; width: 3px; height: 10%; border-radius: 0 3px 3px 0; background: linear-gradient(90deg, #2c2c2e, #58585b); }
.nc-app-shot .nc-phone--sm { border-radius: 2.2rem; padding: 3px; }
.nc-app-shot .nc-phone--sm img { border-width: 5px; border-radius: 2rem; }
.nc-phones { position: relative; display: flex; justify-content: center; align-items: flex-start; min-height: 0; }
.nc-phone--main { position: relative; z-index: 2; width: min(74vw, 290px); }
.nc-phone--side { display: none; }
@media (min-width: 1024px) {
  .nc-phones { padding: 1.5rem 0 3.5rem; }
  .nc-phone--main { width: 286px; }
  .nc-phone--side { display: block; position: relative; z-index: 1; width: 236px; margin-top: 3.4rem; }
  .nc-phone--left { margin-right: -84px; }
  .nc-phone--right { margin-left: -84px; }
  .nc-phone--side img { filter: saturate(.9) brightness(.97); }
}
@media (min-width: 1280px) { .nc-phone--main { width: 300px; } .nc-phone--side { width: 246px; } }
.nc-phones::before { content: ""; position: absolute; inset: 14% 6% 4%; z-index: 0; border-radius: 9999px; background: radial-gradient(closest-side, rgba(247,181,0,.26), transparent); filter: blur(14px); }
.nc-app-strip { display: grid; grid-auto-flow: column; grid-auto-columns: 62%; gap: 1.5rem; overflow-x: auto; scroll-snap-type: x mandatory; padding: .5rem .25rem 1.5rem; margin: 0 -.25rem; scrollbar-width: none; list-style: none; }
.nc-app-strip::-webkit-scrollbar { display: none; }
@media (min-width: 640px) { .nc-app-strip { grid-auto-columns: calc((100% - 3rem) / 3); } }
@media (min-width: 1024px) { .nc-app-strip { grid-auto-columns: calc((100% - 6rem) / 5); } }
.nc-app-shot { scroll-snap-align: start; }
.nc-app-nav { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border-radius: 9999px; border: 1px solid #E5E5E5; background: #fff; color: #141414; transition: border-color .15s; }
.nc-app-nav:hover { border-color: #141414; }
.nc-store-btn { display: inline-flex; align-items: center; gap: .65rem; height: 3.25rem; padding: 0 1.25rem 0 1rem; border-radius: 9999px; background: #141414; color: #fff; font-family: Inter, Geist, system-ui, sans-serif; font-weight: 600; font-size: 1rem; transition: background-color .15s; }
.nc-store-btn small { display: block; font-size: .6875rem; font-weight: 500; opacity: .7; letter-spacing: .02em; }
a.nc-store-btn:hover { background: #262626; }
.nc-store-btn.is-soon { background: #fff; color: #141414; border: 1px solid #E5E5E5; cursor: default; }
.nc-store-btn.is-soon svg:not([fill="currentColor"]) { filter: grayscale(1); opacity: .55; }

/* ---- (10) hero kayan referans şeridi (.nesa-marquee, nc-brands.js): logolar eşit görsel büyüklükte ----
   Sayfa içi stil öğeyi sabit yükseklik + max-width ile basar; tuvallerindeki şeffaf boşluk farklı olduğundan logolar
   orantısız görünür. nc-brands.js şeffaf kenarı kırpar ve oranına göre --nc-logo-f (≤ 1,2) yazar: dar/kare logolar
   tam yükseklikte, geniş logolar alanı eşitlenecek kadar alçak. */
.nesa-hero__strip .nesa-marquee__item { display: flex; align-items: center; justify-content: center; }
.nesa-hero__strip .nesa-marquee__item img { height: calc(100% * var(--nc-logo-f, .7)); max-width: none; }

/* ---- (11) sipariş kaynağı tanıtımı (snippets/nc-order-source.liquid): panelin Siparişler ekranı tarayıcı çerçevesinde ----
   Ölçü ve renkler panel.css'ten (nötr gri ölçek, .table, .badge, .card); kaynak çipleri panelin .src-chip kuralları birebir.
   Dar çerçevede (kapsayıcı sorgusu) ikincil sütunlar ve yan menü düşer. */
@font-face { font-family: 'NcPanelFigtree'; font-style: normal; font-weight: 300 800; font-display: swap; src: url(panel/figtree-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'NcPanelFigtree'; font-style: normal; font-weight: 300 800; font-display: swap; src: url(panel/figtree-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.ncp-stage { position: relative; margin: 0; container-type: inline-size; }
.ncp-win { --ink: #303030; --ink-2: #4a4a4a; --ink-3: #616161; --line: #e3e3e3; --bg-2: #ededed; --surface-2: #f7f7f7;
  font-family: NcPanelFigtree, ui-sans-serif, -apple-system, 'Segoe UI', Roboto, sans-serif; font-size: 13px; line-height: 1.45; color: var(--ink);
  font-variant-numeric: tabular-nums; -webkit-font-smoothing: antialiased; background: #fff; border-radius: 14px; overflow: hidden;
  box-shadow: 0 30px 60px -20px rgba(20,20,20,.28), 0 0 0 1px rgba(0,0,0,.08); }
.ncp-win b { font-weight: 600; }
.ncp-bar { display: flex; align-items: center; gap: 6px; height: 38px; padding: 0 14px; background: #f4f4f4; border-bottom: 1px solid rgba(0,0,0,.08); }
.ncp-bar i { width: 11px; height: 11px; border-radius: 50%; background: #d4d4d4; }
.ncp-bar i:nth-child(1) { background: #ff5f57; } .ncp-bar i:nth-child(2) { background: #febc2e; } .ncp-bar i:nth-child(3) { background: #28c840; }
.ncp-url { flex: 0 1 300px; margin: 0 auto; height: 24px; line-height: 24px; padding: 0 12px; border-radius: 7px; background: #fff; color: var(--ink-3); font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-shadow: 0 0 0 1px rgba(0,0,0,.06); }
.ncp-app { display: flex; min-height: 0; }
.ncp-nav { display: none; flex: 0 0 150px; margin: 0; padding: 14px 8px; list-style: none; border-right: 1px solid var(--line); }
.ncp-nav li { padding: 6px 10px; border-radius: 8px; color: var(--ink-2); font-weight: 500; white-space: nowrap; }
.ncp-nav li.is-on { background: var(--bg-2); color: var(--ink); font-weight: 600; }
.ncp-main { flex: 1; min-width: 0; padding: 16px 16px 18px; background: #fafafa; }
.ncp-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.ncp-head b { font-size: 18px; letter-spacing: -.02em; }
.ncp-btn { height: 28px; line-height: 28px; padding: 0 12px; border-radius: 8px; background: #303030; color: #fff; font-weight: 600; font-size: 12px; white-space: nowrap; }
.ncp-tabs { display: flex; gap: 4px; margin-bottom: 10px; overflow: hidden; }
.ncp-tabs span { padding: 4px 10px; border-radius: 8px; color: var(--ink-3); font-weight: 500; white-space: nowrap; }
.ncp-tabs span.is-on { background: var(--bg-2); color: var(--ink); }
.ncp-card { background: #fff; border-radius: 12px; box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 0 0 1px rgba(0,0,0,.08); overflow: hidden; }
.ncp-table { width: 100%; border-collapse: collapse; }
.ncp-table th { font-weight: 500; color: var(--ink-3); text-align: left; padding: 9px 10px; border-bottom: 1px solid var(--line); white-space: nowrap; }
.ncp-table td { padding: 9px 10px; border-bottom: 1px solid var(--line); vertical-align: middle; white-space: nowrap; }
.ncp-table tr:last-child td { border-bottom: 0; }
.ncp-table tr.is-on td { background: #fff8eb; }
.ncp-table tr.is-on td:first-child { box-shadow: inset 3px 0 0 #F7B500; }
.ncp-table .ncp-num { text-align: right; }
.ncp-mute { color: var(--ink-3); }
.ncp-1, .ncp-2, .ncp-3 { display: none; }
@container (max-width: 419px) {
  .ncp-main { padding: 12px 10px 14px; }
  .ncp-table th, .ncp-table td { padding: 8px 7px; font-size: 12px; }
  .ncp-table .src-chip { gap: 6px; } .ncp-table .src-chip .src-ic { width: 20px; height: 20px; }
}
@container (min-width: 420px) { .ncp-1 { display: table-cell; } }
.ncp-badge { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 6px; font-size: 12px; font-weight: 500; background: var(--bg-2); color: var(--ink-2); }
.ncp-badge--ok { background: #e5f3ea; color: #29845a; } .ncp-badge--warn { background: #fff4d6; color: #8a5c00; }
.ncp-badge--info { background: #e7f0fb; color: #1d5fa8; } .ncp-badge--brand { background: #fdeedd; color: #b55601; }
/* panel.css › .src-chip (birebir) */
.nc-osrc .src-chip { display: inline-flex; align-items: center; gap: 8px; min-width: 0; max-width: 200px; vertical-align: middle; }
.nc-osrc .src-chip .src-ic { display: block; width: 22px; height: 22px; flex: none; border-radius: 6px; }
.nc-osrc .src-chip__t { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
.nc-osrc .src-chip__t b { display: flex; align-items: center; gap: 6px; font-weight: 600; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nc-osrc .src-chip__t small { font-size: 11.5px; color: #616161; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nc-osrc .src-chip__ad { font-style: normal; font-size: 10px; font-weight: 700; letter-spacing: .02em; padding: 1px 5px; border-radius: 4px; background: #FEF3C7; color: #92400E; }
.nc-osrc .src-chip--logo { flex-direction: column; align-items: flex-start; gap: 3px; }
.nc-osrc .src-chip--logo small { font-size: 11.5px; color: #616161; line-height: 1; }
.nc-osrc .src-logo { display: block; }
.nc-osrc .src-chip--lg .src-chip { max-width: none; gap: 10px; }
.nc-osrc .src-chip--lg .src-ic { width: 32px; height: 32px; border-radius: 8px; }
.nc-osrc .src-chip--lg .src-chip__t b { font-size: 15px; }
.nc-osrc .src-chip--lg .src-chip__t small { font-size: 12.5px; }
/* sipariş detayındaki "Müşteri kaynağı" kartı: çerçevenin sağ alt köşesine bindirilir, tablo satırlarını örtmez */
.ncp-pop { font-family: NcPanelFigtree, ui-sans-serif, -apple-system, 'Segoe UI', Roboto, sans-serif; font-size: 12.5px; line-height: 1.45; color: #303030; font-variant-numeric: tabular-nums; -webkit-font-smoothing: antialiased;
  position: relative; margin: -1rem .75rem 0 auto; width: min(calc(100% - 1.5rem), 330px); padding: 16px 18px; background: #fff; border-radius: 12px;
  box-shadow: 0 16px 40px rgba(0,0,0,.18), 0 0 0 1px rgba(0,0,0,.06); }
.ncp-pop__k { font-size: 12px; font-weight: 600; color: #616161; margin-bottom: 10px; }
.ncp-pop__list { margin: 12px 0 0; padding: 12px 0 0; list-style: none; border-top: 1px solid #e3e3e3; display: grid; gap: 5px; color: #616161; }
.ncp-pop__list u { color: #303030; text-underline-offset: 2px; text-decoration-color: #cccccc; }
.ncp-pop__ok { color: #29845a; font-weight: 500; }
.ncp-cap { margin-top: 1rem; font-size: .8125rem; color: #8a8a8a; }
@container (min-width: 560px) {
  .ncp-2 { display: table-cell; } .ncp-tabs span.ncp-2 { display: inline; }
  .ncp-main { padding: 20px 20px 22px; }
}
@container (min-width: 720px) {
  .ncp-pop { margin: -1rem -1.25rem 0 auto; }
  .ncp-cap { display: none; }
}
@container (min-width: 860px) { .ncp-3 { display: table-cell; } .ncp-nav { display: block; } }
/* canlı akış (snippets/nc-order-source › betik): yeni sipariş üstten kayar, kaynak kartı ona geçer; yalnız transform/opacity */
.ncp-ttl { display: inline-flex; align-items: center; gap: 10px; }
.ncp-live { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; color: #29845a; }
.ncp-live i { position: relative; width: 7px; height: 7px; border-radius: 50%; background: #29a35a; }
.ncp-live i::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: #29a35a; animation: ncp-ping 1.8s cubic-bezier(0, 0, .2, 1) infinite; }
@keyframes ncp-ping { 0% { transform: scale(1); opacity: .6; } 80%, 100% { transform: scale(2.8); opacity: 0; } }
.ncp-card.is-live { overflow: hidden; }
.ncp-table tr.ncp-enter { animation: ncp-enter .55s cubic-bezier(.2, .8, .2, 1) both; }
.ncp-table tr.ncp-enter .src-chip { animation: ncp-chip .5s .25s cubic-bezier(.2, .9, .3, 1.25) both; }
.ncp-table tr.ncp-leave { opacity: 0; transform: translateY(8px); transition: opacity .35s ease, transform .35s ease; }
@keyframes ncp-enter { from { opacity: 0; transform: translateY(-14px); } to { opacity: 1; transform: none; } }
@keyframes ncp-chip { from { opacity: 0; transform: scale(.8); } to { opacity: 1; transform: none; } }
.ncp-pop__in { transition: opacity .2s ease, transform .2s ease; }
.ncp-pop.is-swap .ncp-pop__in { opacity: 0; transform: translateY(4px); }
.ncp-pop.is-fresh { animation: ncp-pop .5s cubic-bezier(.2, .8, .2, 1); }
.ncp-pop.is-fresh .ncp-pop__list li { animation: ncp-li .45s cubic-bezier(.2, .8, .2, 1) both; animation-delay: calc(var(--i, 0) * 90ms + 120ms); }
@keyframes ncp-pop { 0% { transform: scale(.985); } 40% { transform: scale(1.012); } 100% { transform: none; } }
@keyframes ncp-li { from { opacity: 0; transform: translateX(-6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .ncp-live i::after, .ncp-table tr.ncp-enter, .ncp-table tr.ncp-enter .src-chip, .ncp-pop.is-fresh, .ncp-pop.is-fresh .ncp-pop__list li { animation: none; } }

/* ---- (12) ana sayfa entegrasyonlar, sade kip (snippets/nc-integrations.liquid, compact: true): logo duvarı ----
   Hücreler eşit; kıl çizgiler hücrelerin sağ/alt kenarı, kapsayıcı taşanı kırpar. Logo boyutu verideki "eşit görsel ağırlık"
   ölçüsü (alan ≈ 2600 px², yük. ≤ 30, gen. ≤ 120) birebir; dar ekranda hepsi aynı oranda (--k) küçülür, oran bozulmaz.
   Logolar gri, üzerine gelince kendi renginde. */
.nc-int-wall { --k: .72; }
@media (min-width: 640px) { .nc-int-wall { --k: .85; } }
@media (min-width: 1024px) { .nc-int-wall { --k: 1; } }
.nc-int-wall__cell { display: flex; align-items: center; justify-content: center; height: 6rem; padding: 0 .75rem; border: solid #E5E5E5; border-width: 0 1px 1px 0; margin: 0 -1px -1px 0; }
@media (min-width: 1024px) { .nc-int-wall__cell { height: 7.5rem; } }
.nc-int-wall__cell img { display: block; width: calc(var(--w) * var(--k) * var(--o, 1) * 1px); height: auto; max-width: none; filter: grayscale(1); opacity: .55; transition: filter .25s, opacity .25s; }
.nc-int-wall__cell:hover img { filter: none; opacity: 1; }
/* optik düzeltme (--o): dolgun/kalın logolar biraz küçük, ince yazılı olanlar biraz büyük */
.nc-int-wall__cell[data-k="tiktok"] { --o: .82; } .nc-int-wall__cell[data-k="n11"], .nc-int-wall__cell[data-k="paytr"] { --o: .88; }
.nc-int-wall__cell[data-k="netgsm"], .nc-int-wall__cell[data-k="pttavm"] { --o: .92; }
.nc-int-wall__cell[data-k="ciceksepeti"], .nc-int-wall__cell[data-k="yurtici"] { --o: 1.12; } .nc-int-wall__cell[data-k="trendyol"], .nc-int-wall__cell[data-k="garanti"] { --o: 1.05; }

/* ---- destek sohbeti (app/Modules/Support/assets/widget.*): sarı yuvarlak başlatıcı + üstte rozetli karşılama kartı ----
   #kl-support ile özgüllük artırılır; widget.css sayfada bu dosyadan sonra yüklenir. */
#kl-support.klc { bottom: 24px; }
#kl-support.klc--right { right: 24px; } #kl-support.klc--left { left: 24px; }
#kl-support .klc-launcher { width: 64px; height: 64px; background: #F7B500; color: #141414; box-shadow: 0 14px 30px -8px rgba(247,181,0,.55), inset 0 -3px 0 0 rgba(0,0,0,.12); }
#kl-support .klc-launcher:hover { background: #E0A400; }
#kl-support .klc-launcher__icon svg { display: none; }
#kl-support .klc-launcher__icon::before { content: ""; width: 30px; height: 30px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linejoin='round'%3E%3Cpath d='M8.5 7.5V5.2c0-.9.7-1.7 1.7-1.7h8.6c.9 0 1.7.8 1.7 1.7v7.1c0 .9-.8 1.7-1.7 1.7h-.6'/%3E%3Cpath d='M3.5 10.2c0-.9.8-1.7 1.7-1.7h8.6c.9 0 1.7.8 1.7 1.7v6.6c0 .9-.8 1.7-1.7 1.7H9l-3.6 2.8v-2.8h-.2c-.9 0-1.7-.8-1.7-1.7z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linejoin='round'%3E%3Cpath d='M8.5 7.5V5.2c0-.9.7-1.7 1.7-1.7h8.6c.9 0 1.7.8 1.7 1.7v7.1c0 .9-.8 1.7-1.7 1.7h-.6'/%3E%3Cpath d='M3.5 10.2c0-.9.8-1.7 1.7-1.7h8.6c.9 0 1.7.8 1.7 1.7v6.6c0 .9-.8 1.7-1.7 1.7H9l-3.6 2.8v-2.8h-.2c-.9 0-1.7-.8-1.7-1.7z'/%3E%3C/svg%3E") center / contain no-repeat; }
#kl-support .klc-launcher__badge { background: #141414; }
/* karşılama balonu (eski includes/chat-launcher.php .nc-chat__greet, 2026-10-31): başlıkta "Destek Ekibi", altında mesaj; simge rozeti yok */
#kl-support .klc-teaser { bottom: 92px; width: min(17.5rem, calc(100vw - 2rem)); padding: .9rem 2.5rem 1rem 1rem; border-radius: 16px; border: 1px solid #EDEDED; background: #fff; box-shadow: inset 0 -3px 0 0 rgba(229,229,229,.5), 0 24px 48px -28px rgba(0,0,0,.35); overflow: visible; }
#kl-support.klc--right .klc-teaser { right: 0; } #kl-support.klc--left .klc-teaser { left: 0; }
#kl-support .klc-teaser::before { content: "Destek Ekibi"; display: block; margin-bottom: .25rem; font-size: .875rem; line-height: 1.25rem; font-weight: 600; color: #141414; }
#kl-support .klc-teaser__text { margin: 0; cursor: pointer; font-size: .9375rem; line-height: 1.375rem; font-weight: 400; letter-spacing: -0.01em; color: #3F3F3F; }
#kl-support .klc-teaser__cta { display: none; }
#kl-support .klc-teaser__close { top: 10px; right: 10px; color: #141414; }
#kl-support .klc-teaser__close svg { width: 16px; height: 16px; }
@media (max-width: 640px) {
  #kl-support.klc { bottom: 16px; } #kl-support.klc--right { right: 16px; } #kl-support.klc--left { left: 16px; }
  #kl-support .klc-launcher { width: 56px; height: 56px; }
  #kl-support .klc-teaser { bottom: 80px; width: min(300px, calc(100vw - 32px)); }
}

/* ---- (7) 2026-10-31 yeniden tasarım köprüleri ----
   Mağaza kipinde .nc-store .btn kuralları (hap biçimi) başlık/alt bilgi (.nc-tw) düğmelerine sızmasın: nc-ui.css'teki eski
   buton mimarisi (8px köşe, düz sarı, çok hafif gölge) geçerli kalsın. */
.nc-store .nc-tw .btn { border-radius: .5rem; letter-spacing: -0.02em; font-family: inherit; }
.nc-store .nc-tw .btn-primary { background-color: #F7B500; border-color: #FAC838; color: #141414; }
.nc-store .nc-tw .btn-primary:hover { background-color: #E0A400; border-color: #E0A400; }
.nc-store .nc-tw .btn-secondary { background-color: #fff; border-color: #E5E5E5; color: #262626; }
.nc-store .nc-tw .btn-secondary:hover { background-color: #FAFAFA; border-color: #D4D4D4; color: #141414; }

/* ---- (13) paket kartları ve paketler sayfası (sections/main-collection.liquid, paket kategorisi) — eski includes/package-cards.php
   nesa_package_card_styles() + e-ticaret-paketleri.php sayfa stilleri birebir (2026-10-31) ---- */
.pkg-card { display: flex; flex-direction: column; height: 100%; border-radius: 1.5rem; border: 1px solid #EDEDED; background: #fff; padding: var(--phi-3, 1.3125rem); box-shadow: inset 0 -3px 0 0 rgba(229,229,229,.5); }
@media (min-width: 768px) { .pkg-card { padding: var(--phi-4, 2.125rem); } }
.pkg-card__name { font-size: 1.5rem; line-height: 2rem; font-weight: 600; letter-spacing: -0.02em; color: #141414; }
.pkg-card__tag { margin-top: .25rem; min-height: 2.5rem; font-size: .875rem; line-height: 1.25rem; color: #737373; }
.pkg-card .pkg-price { margin-top: var(--phi-3, 1.3125rem); display: flex; flex-direction: column; justify-content: flex-end; min-height: 4.25rem; }
/* büyük fiyat rakamları: tabular-nums harf aralığını açıyor, hafif sıkılaştırılır */
.pkg-price > .text-4xl, .pkg-price > .text-3xl { letter-spacing: -0.035em; }
.pkg-price__was { margin-bottom: .125rem; font-size: .9375rem; line-height: 1.375rem; color: #8A8A8A; }
.pkg-price__was s { text-decoration-thickness: 1.5px; text-decoration-color: #A3A3A3; }
#paketler .nc-pkg .pkg-price { display: flex; flex-direction: column; justify-content: flex-end; min-height: 4.25rem; }
.pkg-card__cta { margin-top: var(--phi-3, 1.3125rem); padding-bottom: var(--phi-3, 1.3125rem); border-bottom: 1px solid #EDEDED; text-align: center; }
.pkg-card__demo { margin-top: var(--phi-2, .8125rem); font-size: .875rem; line-height: 1.25rem; font-weight: 600; color: #3F3F3F; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: #D4D4D4; }
.pkg-card__demo:hover { color: #141414; text-decoration-color: #141414; }
.pkg-card__list { margin-top: var(--phi-3, 1.3125rem); margin-bottom: var(--phi-3, 1.3125rem); flex: 1; align-content: start; }
.pkg-card__more { display: inline-flex; align-items: center; gap: .375rem; font-size: .875rem; font-weight: 600; color: #141414; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: #F7B500; }
.pkg-card__more:hover { text-decoration-color: #141414; }
.pkg-card--featured { border-color: #141414; box-shadow: 0 0 0 1px #141414; }
.pkg-card__badge, .pkg-card__label { font-size: .8125rem; line-height: 1.25rem; font-weight: 600; letter-spacing: -0.01em; text-transform: none; color: #9C7200; }
.pkg-price__label { font-size: .8125rem; line-height: 1.25rem; font-weight: 600; letter-spacing: -0.01em; color: #9C7200; }
.pkg-price__label { margin-bottom: .5rem; }
.pkg-price__per { margin-left: .375rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; color: #737373; letter-spacing: -0.02em; }
.pkg-price__std { margin-top: .5rem; font-size: .9375rem; line-height: 1.5rem; color: #141414; font-weight: 600; letter-spacing: -0.02em; }
.pkg-price__note { margin-top: .25rem; font-size: .8125rem; line-height: 1.25rem; color: #525252; }
.pkg-price__camp { font-weight: 600; color: #9C7200; }
.pkg-card .pkg-list, .pkg-free .pkg-list { gap: .625rem; }
.pkg-list li { padding-left: 1.5rem; font-size: .875rem; line-height: 1.25rem; }
.pkg-list li::before { top: .2rem; width: .875rem; height: .75rem; }
.pkg-list--muted li { color: #525252; }
.pkg-list--muted li::before { background: #A3A3A3; }
.pkg-nolist { display: grid; gap: .5rem; }
.pkg-nolist li { position: relative; padding-left: 1.25rem; font-size: .875rem; line-height: 1.25rem; color: #525252; }
.pkg-nolist li::before { content: ""; position: absolute; left: 0; top: .6rem; width: .625rem; height: 1px; background: #A3A3A3; }
/* NESA Ücretsiz: solda teklif (0 TL + sarı CTA), sağda mağaza önizlemesi; kapsam yalnız "Paket detaylarını incele" içinde */
.pkg-free { background: radial-gradient(55% 85% at 100% 0%, rgba(247, 181, 0, .11), rgba(247, 181, 0, 0) 70%), #fff; }
.pkg-free__name { font-size: 2.125rem; line-height: 1.12; font-weight: 600; letter-spacing: -0.04em; color: #141414; text-wrap: balance; }
@media (min-width: 1024px) { .pkg-free__name { font-size: 2.875rem; } }
/* "Ücretsiz" altında elle çizilmiş sarı çizgi (ana sayfa .nc-scribble ile aynı); kart görünür alana girince soldan sağa çizilir */
.pkg-free__mark { position: relative; display: inline-block; white-space: nowrap; }
.pkg-free__mark svg { position: absolute; left: -3%; bottom: -.14em; width: 106%; height: .3em; overflow: visible; }
.pkg-free__mark path { fill: none; stroke: #F7B500; stroke-width: 7; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 0; transition: stroke-dashoffset .55s cubic-bezier(.7, 0, .3, 1) .25s; }
.pkg-free.is-arm:not(.is-in) .pkg-free__mark path { stroke-dashoffset: 1; }
@media (prefers-reduced-motion: reduce) { .pkg-free__mark path { transition: none; } }
.pkg-free__sub { margin-top: .875rem; font-size: 1rem; line-height: 1.5rem; color: #525252; }
.pkg-free__pricebox { margin-top: 1.5rem; display: flex; align-items: center; gap: .875rem; }
.pkg-free__price { font-size: 2.75rem; line-height: 1; font-weight: 600; letter-spacing: -0.035em; color: #141414; }
.pkg-free__pnote { padding-left: .875rem; border-left: 1px solid #E5E5E5; font-size: .8125rem; line-height: 1.25rem; color: #525252; }
.pkg-free__hl { margin-top: 1.5rem; }
.pkg-free__hl li { font-weight: 600; color: #141414; }
.pkg-free__cta { margin-top: 1.75rem; width: 100%; justify-content: center; }
.pkg-free__fee { margin-top: .75rem; font-size: .8125rem; line-height: 1.25rem; color: #737373; }
.pkg-free__side { margin-top: 1.5rem; }
.pkg-free--wide { display: grid; gap: 1.5rem; }
@media (min-width: 1024px) {
  .pkg-free--wide { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 3.4375rem; align-items: start; }
  .pkg-free--wide .pkg-free__side { margin-top: 0; }
}
/* hazır temanın gerçek ekran görüntüsü, tarayıcı çerçevesinde (süs) */
.pkg-free__demo { display: none; position: relative; }
.pkg-free .pkg-details { margin-top: 0; }
@media (min-width: 640px) { .pkg-free__demo { display: block; } .pkg-free__demo + .pkg-details { margin-top: 1.5rem; } }
.pfd-win { overflow: hidden; border: 1px solid #E8E8E8; border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(20, 20, 20, .04), 0 24px 48px -28px rgba(20, 20, 20, .28); }
.pfd-bar { display: flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; background: #F7F7F7; border-bottom: 1px solid #EDEDED; }
.pfd-bar > i { width: 9px; height: 9px; border-radius: 50%; background: #DEDEDE; }
.pfd-url { display: inline-flex; align-items: center; gap: 5px; margin: 0 auto; padding: 3px 12px; border: 1px solid #EDEDED; border-radius: 999px; background: #fff; font-size: 11.5px; line-height: 16px; color: #525252; }
.pfd-url b { font-weight: 600; color: #141414; }
.pfd-shot { display: block; width: 100%; height: auto; }
.pkg-details { margin-top: 1.25rem; border-top: 1px solid #EDEDED; }
.pkg-details__sum { display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: 2.75rem; padding: .75rem 0; cursor: pointer; list-style: none; font-size: .9375rem; line-height: 1.5rem; font-weight: 600; letter-spacing: -0.02em; color: #141414; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: #D4D4D4; }
.pkg-details__sum::-webkit-details-marker { display: none; }
.pkg-details__sum:hover { text-decoration-color: #141414; }
.pkg-details__sum:focus-visible { outline: 2px solid #F7B500; outline-offset: 2px; border-radius: .25rem; }
.pkg-details__chev { flex: none; color: #525252; transition: transform .2s; }
.pkg-details[open] .pkg-details__chev { transform: rotate(180deg); }
.pkg-details__body { display: grid; gap: 1.5rem; padding: .25rem 0 .5rem; }
@media (min-width: 640px) { .pkg-details__body { grid-template-columns: 1fr 1fr; } }
.pkg-details__title { margin-bottom: .75rem; font-size: .875rem; line-height: 1.25rem; font-weight: 600; color: #141414; }
.pkg-details__note { margin-top: .875rem; font-size: .8125rem; line-height: 1.25rem; color: #525252; }
@media (prefers-reduced-motion: reduce) { .pkg-details__chev { transition: none; } }
/* Paketler hero (premium, 31.10.2026): koyu zemin + süzülen sarı ışık hareleri + nokta deseni; başlık kelime kelime yükselir,
   son iki kelimenin altına elle çizilmiş sarı çizgi (ana sayfa .nc-scribble dili). Başlık şeffaf üstte (header hdr_over). */
.pkx-hero { position: relative; overflow: hidden; isolation: isolate; background: #0B0B0C; color: #fff; text-align: center; padding-top: calc(var(--nc-header-h) + var(--phi-6)); padding-bottom: calc(var(--phi-6) + 4.5rem); }
html:has(.nc-topbar):not(.nc-topbar-off) .pkx-hero { padding-top: calc(var(--nc-header-h) + var(--nc-topbar-h) + var(--phi-6)); }
@media (min-width: 1024px) { .pkx-hero { padding-bottom: calc(var(--phi-7) + 2.5rem); } }
.pkx-hero__bg { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.pkx-orb { position: absolute; border-radius: 50%; filter: blur(60px); will-change: transform; }
.pkx-orb--a { width: 46rem; height: 46rem; left: -14rem; top: -20rem; background: radial-gradient(closest-side, rgba(247, 181, 0, .32), transparent); animation: pkx-drift-a 22s ease-in-out infinite alternate; }
.pkx-orb--b { width: 38rem; height: 38rem; right: -12rem; top: 2rem; background: radial-gradient(closest-side, rgba(255, 214, 102, .2), transparent); animation: pkx-drift-b 26s ease-in-out infinite alternate; }
.pkx-orb--c { width: 30rem; height: 30rem; left: 34%; bottom: -18rem; background: radial-gradient(closest-side, rgba(247, 181, 0, .2), transparent); animation: pkx-drift-c 30s ease-in-out infinite alternate; }
@keyframes pkx-drift-a { to { transform: translate(9rem, 5rem) scale(1.12); } }
@keyframes pkx-drift-b { to { transform: translate(-8rem, 4rem) scale(.9); } }
@keyframes pkx-drift-c { to { transform: translate(-6rem, -4rem) scale(1.15); } }
.pkx-dots { position: absolute; inset: 0; background-image: radial-gradient(rgba(255, 255, 255, .1) 1px, transparent 1.3px); background-size: 22px 22px; -webkit-mask-image: radial-gradient(70% 62% at 50% 38%, #000, transparent); mask-image: radial-gradient(70% 62% at 50% 38%, #000, transparent); }
.pkx-hero__in { position: relative; max-width: 58rem; margin: 0 auto; }
.pkx-hero__title { margin: 0; font-size: clamp(2.375rem, 5.4vw, 4.75rem); line-height: 1.05; font-weight: 600; letter-spacing: -0.045em; color: #fff; text-wrap: balance; }
.pkx-w { display: inline-block; transition: opacity .75s cubic-bezier(.2, .8, .2, 1), transform .75s cubic-bezier(.2, .8, .2, 1); transition-delay: calc(var(--i, 0) * 70ms); }
.pkx-hero:not(.is-on) .pkx-w { opacity: 0; transform: translateY(.45em); }
.pkx-mark { position: relative; display: inline-block; white-space: nowrap; }
.pkx-mark svg { position: absolute; left: -2%; bottom: -.1em; width: 104%; height: .28em; overflow: visible; }
.pkx-mark path { fill: none; stroke: #F7B500; stroke-width: 7; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset .75s cubic-bezier(.7, 0, .3, 1) .95s; }
.pkx-hero.is-on .pkx-mark path { stroke-dashoffset: 0; }
.pkx-hero__lead { margin: var(--phi-4) auto 0; max-width: 36em; font-size: clamp(1.0625rem, 1.5vw, 1.3125rem); line-height: 1.618; color: rgba(255, 255, 255, .72); text-wrap: pretty; }
.pkx-hero__cta { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; margin-top: var(--phi-4); }
.pkx-hero__facts { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1.5rem; margin: var(--phi-4) 0 0; padding: 0; list-style: none; font-size: .875rem; line-height: 1.25rem; color: rgba(255, 255, 255, .64); }
.pkx-hero__facts li { display: inline-flex; align-items: center; gap: .45rem; }
.pkx-hero__facts svg { color: #F7B500; flex: none; }
.pkx-in { transition: opacity .7s ease, transform .7s cubic-bezier(.2, .8, .2, 1); transition-delay: var(--d, 0s); }
.nc-js .pkx-hero:not(.is-on) .pkx-in { opacity: 0; transform: translateY(14px); }
/* kampanya kartları (ya da kampanya yokken paket ızgarası) hero'nun alt kenarına biner */
.pkx-hero + script + .pk-tracks-sec, .pkx-hero + script + .pk-plans { position: relative; z-index: 2; margin-top: -4.5rem; }
@media (min-width: 1024px) { .pkx-hero + script + .pk-tracks-sec, .pkx-hero + script + .pk-plans { margin-top: -5.5rem; } }
.pkx-hero + script + .pk-tracks-sec .pk-track { box-shadow: 0 30px 60px -32px rgba(0, 0, 0, .45); }
/* paket kartları sırayla yükselir; öne çıkan kartın arkasında nefes alan sarı parıltı */
.pk-grid > * { transition: opacity .6s ease, transform .6s cubic-bezier(.2, .8, .2, 1); }
.pk-grid > :nth-child(2) { transition-delay: 80ms; } .pk-grid > :nth-child(3) { transition-delay: 160ms; } .pk-grid > :nth-child(4) { transition-delay: 240ms; } .pk-grid > :nth-child(5) { transition-delay: 320ms; }
.nc-js .pk-grid.section-reveal:not(.is-in) > * { opacity: 0; transform: translateY(22px); }
.pk-grid .pkg-card { transition-property: opacity, transform, border-color; }
.pk-grid .pkg-card:hover { transform: translateY(-4px); }
.pk-grid .pkg-card--featured { position: relative; isolation: isolate; }
.pk-grid .pkg-card--featured::after { content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; box-shadow: 0 26px 70px -20px rgba(247, 181, 0, .6); opacity: .45; animation: pkx-breathe 3.6s ease-in-out infinite; pointer-events: none; }
@keyframes pkx-breathe { 50% { opacity: 1; } }
/* Önerilen paket: koyu çerçevenin (1px kenarlık + 1px gölge halkası) üstünde dönen sarı parıltı. Halka yalnız kenarda görünür
   (maske içeriği keser); @property desteklemeyen tarayıcıda parıltı sabit durur. */
@property --pk-ang { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
.pk-grid .pkg-card--featured::before { content: ""; position: absolute; inset: -2px; z-index: 1; padding: 2px; border-radius: calc(1.5rem + 1px); pointer-events: none;
  background: conic-gradient(from var(--pk-ang), #141414 0deg, #141414 230deg, #C99400 285deg, #F7B500 315deg, #FFE7A3 332deg, #F7B500 345deg, #141414 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
  animation: pk-ring 4.5s linear infinite; }
@keyframes pk-ring { to { --pk-ang: 360deg; } }
@media (prefers-reduced-motion: reduce) {
  .pkx-orb, .pk-grid .pkg-card--featured::after, .pk-grid .pkg-card--featured::before { animation: none; }
  .pkx-w, .pkx-in, .pkx-mark path, .pk-grid > * { transition: none; }
  .pkx-hero:not(.is-on) .pkx-w, .nc-js .pkx-hero:not(.is-on) .pkx-in, .nc-js .pk-grid.section-reveal:not(.is-in) > * { opacity: 1; transform: none; }
  .pkx-mark path { stroke-dashoffset: 0; }
}
.pk-tracks-sec { padding-bottom: var(--phi-4); }
.pk-tracks { display: grid; gap: var(--phi-2); }
@media (min-width: 1024px) { .pk-tracks { grid-template-columns: 1fr 1.618fr; gap: var(--phi-3); } }
.pk-track { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: var(--phi-1); padding: var(--phi-3); border-radius: 1.5rem; border: 1px solid #EDEDED; background: #FAFAFA; color: #141414; transition: border-color .2s; }
@media (min-width: 768px) { .pk-track { padding: var(--phi-4); } }
.pk-track:hover { border-color: #D4D4D4; }
.pk-track--dark { background: #141414; border-color: #141414; color: #fff; }
.pk-track--dark:hover { border-color: #3F3F3F; }
.pk-track--dark::before { content: ""; position: absolute; right: -8rem; bottom: -60%; width: 34rem; height: 120%; border-radius: 50%; background: radial-gradient(closest-side, rgba(247,181,0,.26), rgba(247,181,0,0)); pointer-events: none; }
.pk-track > * { position: relative; }
.pk-track__k { font-size: .875rem; line-height: 1.25rem; font-weight: 600; letter-spacing: -0.01em; text-transform: none; color: #9C7200; }
.pk-track--dark .pk-track__k { color: #F7B500; }
.pk-track__t { margin-top: var(--phi-1); font-size: clamp(1.3125rem, 2vw, 2.125rem); line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; }
.pk-track__d { max-width: 30em; font-size: .9375rem; line-height: 1.618; color: #525252; }
.pk-track--dark .pk-track__d { color: #A3A3A3; }
.pk-track__go { margin-top: var(--phi-2); display: inline-flex; align-items: center; gap: .375rem; font-size: .9375rem; font-weight: 600; }
.pk-tracks__foot { margin-top: var(--phi-2); text-align: center; font-size: .8125rem; line-height: 1.25rem; color: #737373; }
.pk-plans { padding-bottom: var(--nc-section-y); }
.pk-grid { display: grid; gap: var(--phi-2); margin-top: var(--phi-2); align-items: stretch; }
@media (min-width: 768px) { .pk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--phi-3); margin-top: var(--phi-3); } }
/* 4 ücretli paket (NESA Ücretsiz 03.11.2026'da kaldırıldı): 768–1279 px 2×2, 1280 px üstü tek satırda yan yana — 3 sütunda
   son kart alt satırda tek kalıp sola yaslanıyordu. Paket alanının kapsayıcısı genişler (ana sayfa ve paketler sayfası, ikisi de #paketler) */
#paketler > .max-w-7xl { max-width: 88rem; }
@media (min-width: 1280px) { .pk-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
/* NESA Ücretsiz detayları: açılır pencere (snippets/nc-pk-free-details) — diğer paketlerin detaylarıyla karışmasın */
.pk-free-dialog { width: min(100% - 2rem, 50rem); max-height: min(100dvh - 2rem, 46rem); margin: auto; padding: 0; border: 0; border-radius: 1.5rem; background: #fff; color: #141414; box-shadow: 0 30px 80px -20px rgba(20, 20, 20, .45); overflow: auto; }
.pk-free-dialog::backdrop { background: rgba(20, 20, 20, .45); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.pk-free-dialog[open] { animation: pk-dialog-in .22s cubic-bezier(.2, .8, .2, 1); }
@keyframes pk-dialog-in { from { opacity: 0; transform: translateY(10px) scale(.985); } to { opacity: 1; transform: none; } }
.pk-free-dialog__head { position: sticky; top: 0; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.5rem 1.5rem 1rem; background: #fff; border-bottom: 1px solid #F0F0F0; }
.pk-free-dialog__title { font-size: 1.375rem; line-height: 1.75rem; font-weight: 600; letter-spacing: -0.02em; }
.pk-free-dialog__sub { margin-top: .25rem; font-size: .875rem; color: #737373; }
.pk-free-dialog__close { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; flex: none; border-radius: 9999px; border: 1px solid #E5E5E5; background: #fff; color: #141414; cursor: pointer; }
.pk-free-dialog__close:hover { border-color: #141414; }
.pk-free-dialog__body { padding: 1.25rem 1.5rem; }
.pk-free-dialog__foot { position: sticky; bottom: 0; padding: 1rem 1.5rem 1.25rem; background: #fff; border-top: 1px solid #F0F0F0; }
.pk-free-dialog__foot .btn { width: 100%; justify-content: center; }
@media (min-width: 640px) { .pk-free-dialog__head, .pk-free-dialog__body, .pk-free-dialog__foot { padding-left: 2.125rem; padding-right: 2.125rem; } .pk-free-dialog__foot .btn { width: auto; } }
@media (prefers-reduced-motion: reduce) { .pk-free-dialog[open] { animation: none; } }
.pk-plans__note { margin: var(--phi-4) auto 0; max-width: 46rem; text-align: center; font-size: .875rem; line-height: 1.618; color: #737373; }

/* ---- (14) destek sohbeti: "Hızlı erişim" listesi (assets/nc-chat.js) — eski includes/chat-launcher.php .nc-chat__quick birebir ---- */
#kl-support .nc-chat-quick { margin: 0 0 1rem; border: 1px solid #EDEDED; border-radius: 12px; overflow: hidden; background: #fff; }
#kl-support .nc-chat-quick__title { margin: 0; padding: .5rem .75rem; font-size: .75rem; line-height: 1rem; font-weight: 600; color: #737373; background: #FAFAFA; border-bottom: 1px solid #EDEDED; }
#kl-support .nc-chat-quick ul { list-style: none; margin: 0; padding: 0; }
#kl-support .nc-chat-quick li + li { border-top: 1px solid #F0F0F0; }
#kl-support .nc-chat-quick a { display: flex; align-items: center; gap: .5rem; padding: .5rem .75rem; color: #141414; text-decoration: none; font-size: .875rem; line-height: 1.25rem; }
#kl-support .nc-chat-quick a:hover { background: #FAFAFA; }
#kl-support .nc-chat-quick a:focus-visible { outline: 2px solid #F7B500; outline-offset: -2px; }
#kl-support .nc-chat-quick b { font-weight: 500; }
#kl-support .nc-chat-quick span { margin-left: auto; color: #737373; font-size: .8125rem; white-space: nowrap; }
#kl-support .nc-chat-quick svg { flex: none; width: 14px; height: 14px; color: #A3A3A3; }