/* ===========================================================================
   Nilkumsal · iç sayfa zemini
   Ana sayfa kaydırma motoruyla çalışıyor; iç sayfaların ona ihtiyacı yok.
   Bu dosya kendi kendine yeter: aynı belirteçler, aynı tipografi, JS yok.
   =========================================================================== */
:root{
  --nk-canvas:#ffffff;
  --nk-surface:#f2f5f6;
  --nk-ink:#12171a;
  --nk-ink-soft:#5c686f;
  --nk-accent:#0d5c8a;
  --nk-accent-hover:#0a4a6e;
  --nk-accent-ink:#ffffff;
  --nk-line:#dde3e6;
  --nk-line-2:#c4cfd4;

  --nk-font:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;

  --nk-t-xs:  clamp(0.75rem,0.72rem + 0.15vw,0.82rem);
  --nk-t-sm:  clamp(0.875rem,0.84rem + 0.18vw,0.95rem);
  --nk-t-base:clamp(1rem,0.96rem + 0.22vw,1.125rem);
  --nk-t-lg:  clamp(1.2rem,1.1rem + 0.5vw,1.5rem);
  --nk-t-xl:  clamp(1.6rem,1.35rem + 1.2vw,2.25rem);
  --nk-t-2xl: clamp(2.1rem,1.6rem + 2.4vw,3.2rem);

  --nk-1:.25rem; --nk-2:.5rem;  --nk-3:.75rem; --nk-4:1rem;
  --nk-5:1.5rem; --nk-6:2rem;   --nk-7:3rem;   --nk-8:4rem;
  --nk-9:6rem;   --nk-10:8rem;

  --nk-gutter:clamp(1.25rem,5vw,5.5rem);
  --nk-maxw:82rem;
  --nk-bar-h:76px;
  --nk-radius:2px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--nk-canvas);color:var(--nk-ink);
  font-family:var(--nk-font);font-size:var(--nk-t-base);line-height:1.65;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{
  margin:0;font-weight:600;letter-spacing:-0.025em;
  /* Türkçede Ü, İ, Ğ, Ş üst işaretleri sıkışık satırda kırpılıyor. */
  line-height:1.12;text-wrap:balance;
}
p{margin:0;text-wrap:pretty}
:where(a,button,input,select,textarea):focus-visible{
  outline:2px solid var(--nk-accent);outline-offset:3px;
}

/* --- kap ---------------------------------------------------------------- */
.nk-wrap{max-width:var(--nk-maxw);margin-inline:auto;padding-inline:var(--nk-gutter)}
.nk-eyebrow{
  font-size:var(--nk-t-xs);font-weight:600;letter-spacing:0.13em;
  text-transform:uppercase;color:var(--nk-ink-soft);margin:0;
}
.nk-num{font-variant-numeric:tabular-nums}

/* --- üst çubuk ----------------------------------------------------------- */
.nk-bar{
  position:sticky;top:0;z-index:60;
  display:flex;align-items:center;justify-content:space-between;gap:var(--nk-5);
  padding:var(--nk-4) var(--nk-gutter);
  background:color-mix(in oklab,var(--nk-canvas) 90%,transparent);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--nk-line);
}
/* Marka işareti logonun kendisi; yükseklik sabit, genişlik orana bağlı. */
.nk-mark{display:inline-flex;align-items:center;text-decoration:none;line-height:0}
.nk-mark img{display:block;height:26px;width:auto}
.nk-nav{display:flex;gap:var(--nk-5);align-items:center}
.nk-nav a{
  font-size:var(--nk-t-sm);text-decoration:none;color:var(--nk-ink-soft);
  padding-block:var(--nk-2);border-bottom:1px solid transparent;
}
.nk-nav a:hover{color:var(--nk-ink)}
.nk-nav a[aria-current="page"]{color:var(--nk-ink);border-bottom-color:var(--nk-accent)}
.nk-cta{
  font-size:var(--nk-t-sm);font-weight:500;text-decoration:none;white-space:nowrap;
  color:var(--nk-accent-ink);background:var(--nk-accent);
  padding:.65em 1.15em;border-radius:var(--nk-radius);
}
.nk-cta:hover{background:var(--nk-accent-hover)}
.nk-cta--lg{font-size:var(--nk-t-base);padding:.85em 1.6em}
@media (max-width:820px){
  /* Menüyü gizlemek yerine ikinci satıra al. */
  .nk-bar{flex-wrap:wrap;row-gap:var(--nk-2);padding-block:var(--nk-3)}
  .nk-nav{order:3;flex:1 0 100%;justify-content:space-between;gap:var(--nk-3)}
  .nk-nav a{font-size:var(--nk-t-xs);padding-block:var(--nk-1)}
  .nk-cta{font-size:var(--nk-t-xs);padding:.55em .9em}
  /* Ana sayfadaki çubukla aynı ölçü. */
  .nk-mark img{height:22px}
}

/* --- sayfa başlığı -------------------------------------------------------- */
.nk-head{padding-block:var(--nk-9) var(--nk-8);border-bottom:1px solid var(--nk-line)}
.nk-head h1{font-size:var(--nk-t-2xl);margin:var(--nk-4) 0 var(--nk-5);max-width:18ch}
.nk-head p{max-width:56ch;color:var(--nk-ink-soft)}

/* --- ürün listesi --------------------------------------------------------- */
.nk-products{display:grid;gap:0;padding-block:var(--nk-8)}
.nk-product{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  gap:var(--nk-8);align-items:center;
  padding-block:var(--nk-8);border-bottom:1px solid var(--nk-line);
}
.nk-product:last-child{border-bottom:0}
.nk-product:nth-child(even) .nk-product__media{order:-1}
/* Kutu zemini yok, oran fotoğrafla aynı: aksi hâlde üstte-altta gri
   şerit kalıyor ve ürün gri bir çerçevenin içinde görünüyor. */
.nk-product__media{overflow:hidden}
/* Saydam kesim: kırpma yok, kutuya sığdır. */
.nk-product__media img{width:100%;aspect-ratio:1;object-fit:contain;display:block}
.nk-product h2{font-size:var(--nk-t-xl);margin:0 0 var(--nk-2)}
.nk-product__origin{
  font-size:var(--nk-t-xs);letter-spacing:0.06em;text-transform:uppercase;
  color:var(--nk-ink-soft);font-weight:500;margin:0 0 var(--nk-5);
}
.nk-product__claim{color:var(--nk-ink-soft);margin:0 0 var(--nk-5)}
.nk-facts{
  margin:0 0 var(--nk-6);padding:var(--nk-4) 0 0;list-style:none;
  border-top:1px solid var(--nk-line);
  display:flex;flex-wrap:wrap;gap:var(--nk-2) var(--nk-5);
  font-size:var(--nk-t-sm);
}
.nk-facts li{color:var(--nk-accent);font-weight:500}
.nk-more{
  display:inline-flex;align-items:center;gap:.5em;
  font-size:var(--nk-t-sm);font-weight:500;text-decoration:none;color:var(--nk-accent);
  border-bottom:1px solid currentColor;padding-bottom:2px;
}
.nk-more:hover{color:var(--nk-accent-hover)}
@media (max-width:860px){
  .nk-product{grid-template-columns:1fr;gap:var(--nk-5);padding-block:var(--nk-7)}
  .nk-product:nth-child(even) .nk-product__media{order:0}
}

/* --- teknik tablo --------------------------------------------------------- */
.nk-table{width:100%;border-collapse:collapse;font-size:var(--nk-t-sm)}
.nk-table caption{
  text-align:left;font-size:var(--nk-t-xs);font-weight:600;letter-spacing:0.13em;
  text-transform:uppercase;color:var(--nk-ink-soft);padding-bottom:var(--nk-4);
}
.nk-table th,.nk-table td{text-align:left;padding:var(--nk-3) 0;border-bottom:1px solid var(--nk-line)}
.nk-table th{font-weight:400;color:var(--nk-ink-soft)}
.nk-table td{text-align:right;font-weight:500;font-variant-numeric:tabular-nums}

/* --- belge şeridi --------------------------------------------------------- */
.nk-proofstrip{padding-block:var(--nk-8);border-top:1px solid var(--nk-line);background:var(--nk-canvas)}
.nk-badges{
  display:grid;grid-template-columns:repeat(6,1fr);gap:1px;
  background:var(--nk-line);border:1px solid var(--nk-line);margin-top:var(--nk-6);
}
.nk-badge{
  background:#fff;display:flex;align-items:center;justify-content:center;
  aspect-ratio:1/.60;padding:var(--nk-3) var(--nk-4);
}
.nk-badge img{max-width:100%;max-height:78px;width:auto;object-fit:contain}
@media (max-width:900px){ .nk-badges{grid-template-columns:repeat(4,1fr)} }
@media (max-width:560px){ .nk-badges{grid-template-columns:repeat(3,1fr)} }

/* --- kapanış çağrısı ------------------------------------------------------ */
.nk-close{background:var(--nk-surface);padding-block:var(--nk-9)}
.nk-close h2{font-size:var(--nk-t-2xl);margin:var(--nk-4) 0 var(--nk-5);max-width:15ch}
.nk-close p{max-width:38ch;color:var(--nk-ink-soft);margin-bottom:var(--nk-6)}

/* --- alt bilgi ------------------------------------------------------------ */
.nk-foot{
  padding-block:var(--nk-7);border-top:1px solid var(--nk-line-2);
  display:flex;flex-wrap:wrap;gap:var(--nk-3) var(--nk-6);
  font-size:var(--nk-t-sm);color:var(--nk-ink-soft);
}
.nk-foot strong{color:var(--nk-ink);font-weight:600}

/* --- belge / kılavuz listesi ---------------------------------------------- */
.nk-docs{display:grid;gap:0;margin:var(--nk-7) 0 0;padding:0;list-style:none;
  border-top:1px solid var(--nk-line)}
.nk-docs li{border-bottom:1px solid var(--nk-line)}
.nk-docs a{
  display:flex;align-items:baseline;justify-content:space-between;gap:var(--nk-5);
  padding:var(--nk-5) 0;text-decoration:none;
}
.nk-docs a:hover .nk-docs__name{color:var(--nk-accent)}
.nk-docs__name{font-weight:600;font-size:var(--nk-t-lg);letter-spacing:-0.02em}
.nk-docs__meta{font-size:var(--nk-t-sm);color:var(--nk-ink-soft);white-space:nowrap;
  font-variant-numeric:tabular-nums}

/* --- iki sütun düzeni ----------------------------------------------------- */
.nk-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--nk-9);align-items:start;padding-block:var(--nk-8)}
.nk-split--narrow{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
@media (max-width:860px){ .nk-split,.nk-split--narrow{grid-template-columns:1fr;gap:var(--nk-7)} }
.nk-prose h2{font-size:var(--nk-t-xl);margin:var(--nk-8) 0 var(--nk-4)}
.nk-prose h2:first-child{margin-top:0}
.nk-prose p{margin:0 0 var(--nk-4);color:var(--nk-ink-soft);max-width:60ch}
.nk-prose p strong{color:var(--nk-ink);font-weight:600}

/* --- künye kutusu --------------------------------------------------------- */
.nk-meta{border:1px solid var(--nk-line);padding:var(--nk-6)}
.nk-meta dl{margin:0;display:grid;gap:var(--nk-4)}
.nk-meta dt{font-size:var(--nk-t-xs);font-weight:600;letter-spacing:0.13em;
  text-transform:uppercase;color:var(--nk-ink-soft)}
.nk-meta dd{margin:var(--nk-1) 0 0;font-weight:500}
.nk-meta a{color:var(--nk-accent)}

/* --- form ----------------------------------------------------------------- */
.nk-form{display:grid;gap:var(--nk-5);max-width:34rem}
.nk-field{display:grid;gap:var(--nk-2)}
.nk-field label{font-size:var(--nk-t-sm);font-weight:500}
.nk-field input,.nk-field select,.nk-field textarea{
  font:inherit;font-size:var(--nk-t-sm);color:var(--nk-ink);
  padding:.75em .9em;border:1px solid var(--nk-line-2);border-radius:var(--nk-radius);
  background:#fff;width:100%;
}
.nk-field textarea{min-height:7rem;resize:vertical}
.nk-field input:focus,.nk-field select:focus,.nk-field textarea:focus{
  border-color:var(--nk-accent);outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--nk-accent) 18%,transparent);
}
.nk-field small{font-size:var(--nk-t-xs);color:var(--nk-ink-soft)}
.nk-consent{display:flex;gap:var(--nk-3);align-items:flex-start;font-size:var(--nk-t-sm);
  color:var(--nk-ink-soft)}
.nk-consent input{width:auto;margin-top:.28em;flex:none}
.nk-note{background:var(--nk-surface);padding:var(--nk-5);font-size:var(--nk-t-sm);
  color:var(--nk-ink-soft);border-left:2px solid var(--nk-accent)}

/* --- adım listesi --------------------------------------------------------- */
.nk-steps{counter-reset:s;margin:var(--nk-6) 0 0;padding:0;list-style:none;display:grid;gap:var(--nk-5)}
/* ::before, <b> ve <span> üç ızgara ögesi; span 1. sütuna düşünce sütun
   genişliyor ve başlıklar sağa savruluyordu. Numara iki satırı kapsasın,
   metin ikinci sütunda kalsın. */
.nk-steps li{counter-increment:s;display:grid;grid-template-columns:auto 1fr;
  column-gap:var(--nk-4);row-gap:2px;align-items:start}
.nk-steps li::before{
  content:counter(s);display:grid;place-items:center;
  width:1.9em;height:1.9em;border:1px solid var(--nk-accent);border-radius:50%;
  color:var(--nk-accent);font-size:var(--nk-t-sm);font-weight:600;font-variant-numeric:tabular-nums;
}
.nk-steps li::before{grid-row:1 / span 2}
.nk-steps b{grid-column:2;display:block;font-weight:600}
.nk-steps span{grid-column:2;color:var(--nk-ink-soft);font-size:var(--nk-t-sm)}

/* --- tam genişlik fotoğraf bandı ------------------------------------------ */
.nk-photo{margin:var(--nk-8) auto 0;padding-inline:var(--nk-gutter)}
/* Kaynak neredeyse kare; kırpma alttan tutulur ki tabela hep karede kalsın. */
.nk-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center 82%;display:block}
.nk-photo figcaption{margin-top:var(--nk-3);font-size:var(--nk-t-xs);color:var(--nk-ink-soft);
  letter-spacing:0.06em;text-transform:uppercase;font-weight:500}

/* --- Fluent Forms derisi ---------------------------------------------------
   Keşif formu WordPress'te Fluent Forms ile kuruluyor; işaretlemesi bizim
   .nk-form yapımızdan farklı. Eklentinin kendi görünümünü bırakmak sayfayı
   iki ayrı tasarımın toplamına çeviriyordu, o yüzden aynı ölçülerle yeniden
   giydiriyoruz.

   Eklenti stilini bizimkinden SONRA yüklüyor; eşit ağırlıkta yazarsak o
   kazanıyor. Bu yüzden her kural formun kendi iki sınıfıyla
   (.ff-default .frm-fluent-form) başlıyor — bir sınıf fazlası yetiyor,
   !important gerekmiyor. Eklenti sürümü atlayınca burası kontrol edilmeli. */

/* Eklenti ölçülerini kendi değişkenleriyle devralıyoruz. */
.ff-default .frm-fluent-form{
  --fluentform-secondary:var(--nk-ink-soft);
  --fluentform-danger:#b3261e;
  --fluentform-border-color:var(--nk-line-2);
  --fluentform-border-radius:var(--nk-radius);
  display:grid;gap:var(--nk-5);max-width:34rem;
}
.ff-default .frm-fluent-form .ff-el-group{margin:0;display:grid;gap:var(--nk-2)}
.ff-default .frm-fluent-form .ff-el-input--label label{
  font-size:var(--nk-t-sm);font-weight:500;color:var(--nk-ink);margin:0}
/* Zorunluluk yıldızı: kırmızı uyarı değil, sessiz bir işaret. */
.ff-default .frm-fluent-form .ff-el-input--label.ff-el-is-required.asterisk-right label:after,
.ff-default .frm-fluent-form .ff-el-input--label.ff-el-is-required.asterisk-left label:before{
  color:var(--nk-ink-soft);font-weight:400}
.ff-default .frm-fluent-form .ff-el-form-control{
  font-family:inherit;font-size:var(--nk-t-sm);color:var(--nk-ink);
  padding:.75em .9em;border:1px solid var(--nk-line-2);border-radius:var(--nk-radius);
  background:#fff;width:100%;box-shadow:none;height:auto;line-height:1.5;margin-bottom:0}
.ff-default .frm-fluent-form textarea.ff-el-form-control{min-height:7rem;resize:vertical}
.ff-default .frm-fluent-form .ff-el-form-control:focus{
  border-color:var(--nk-accent);outline:none;
  box-shadow:0 0 0 3px color-mix(in oklab,var(--nk-accent) 18%,transparent)}
.ff-default .frm-fluent-form .ff-el-help-message{
  font-size:var(--nk-t-xs);color:var(--nk-ink-soft);font-style:normal;margin:0}
/* KVKK onayı: etiketi gizli, tek satırlık seçenek metni okunur kalsın. */
.ff-default .frm-fluent-form .ff-el-form-check{
  display:flex;gap:var(--nk-3);align-items:flex-start;margin:0}
.ff-default .frm-fluent-form .ff-el-form-check-label{
  font-size:var(--nk-t-sm);color:var(--nk-ink-soft);line-height:1.6;margin:0}
.ff-default .frm-fluent-form .ff-el-form-check input[type=checkbox]{
  width:auto;margin:.3em 0 0;flex:none}
/* Gönder düğmesi: kendi ızgaramız onu sütun genişliğine yayıyordu,
   hizayı başa çekiyoruz. */
.ff-default .frm-fluent-form .ff-el-group:has(.ff-btn-submit){justify-items:start}
/* Eklenti butonu blok yapıyor; tasarımda satır içi bir düğme var. */
.ff-default .frm-fluent-form .ff-btn-submit{
  font-family:inherit;font-size:var(--nk-t-base);font-weight:500;cursor:pointer;
  background:var(--nk-accent);border:0;color:#fff;
  padding:.85em 1.6em;border-radius:var(--nk-radius);
  display:inline-block;width:auto;min-width:0;white-space:normal;line-height:1.3}
.ff-default .frm-fluent-form .ff-btn-submit:hover{background:#0a4a6e;opacity:1}
.ff-default .frm-fluent-form .error-text,
.ff-default .frm-fluent-form .text-danger{font-size:var(--nk-t-xs);color:#b3261e}
.ff-message-success{
  background:var(--nk-surface);padding:var(--nk-6);
  border-left:2px solid var(--nk-accent);font-size:var(--nk-t-sm)}
.ff-message-success h3{margin:0 0 var(--nk-3);font-size:var(--nk-t-lg)}
.ff-message-success p{margin:0;color:var(--nk-ink-soft)}