/* ══════════════════════════════════════════
   TELCİMAKS — E-Ticaret / Üyelik ekranları
   Renk ve tipografi token'ları site.css içinden gelir.
══════════════════════════════════════════ */

/* Sayfa kapsayıcıları — site genelinde aynı kenar boşluğu (--nk-pad).
   Ana sayfa ve ürün sayfaları da bu ölçüyü kullanır. */
.nks-section { padding: clamp(2.5rem, 6vw, 5rem) var(--nk-pad); background: var(--nk-white); }
.nks-inner { width: 100%; margin-inline: auto; }

/* Kısa içerikli sayfalarda (teşekkür, şifre sıfırlama) okunabilirlik için
   dar bir sütun kullanılır; kenar boşluğu yine sayfayla aynı kalır. */
.nks-inner--narrow { width: min(760px, 100%); }

.sr-only {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

/* ── Kart & form ── */
.nks-card {
  background: var(--nk-white);
  border: 1px solid var(--nk-line);
  border-radius: 0;
  padding: clamp(1.25rem, 3vw, 2.25rem);
  box-shadow: 0 10px 34px rgba(20, 22, 30, .06);
}
.nks-card + .nks-card { margin-top: 1.5rem; }

.nks-form { display: grid; gap: 1.1rem; }
.nks-legend {
  margin: .4rem 0 0;
  font-size: 1rem; font-weight: 800; letter-spacing: .01em;
  color: var(--nk-ink);
}
.nks-hint { margin: 0; font-size: .82rem; color: var(--nk-ink-soft); line-height: 1.6; }
.nks-hint a, .nks-link { color: var(--nk-accent-ink); font-weight: 700; }
.nks-alt { margin: 0; text-align: center; font-size: .86rem; color: var(--nk-ink-soft); }
.nks-alt a { color: var(--nk-accent-ink); font-weight: 700; }
.nks-errors { margin: 0; padding-left: 1.1rem; }

.nks-check { display: flex; align-items: flex-start; gap: .6rem; font-size: .84rem; color: var(--nk-ink-soft); }
.nks-check input { margin-top: .2rem; accent-color: var(--nk-orange); }
.nks-check a { color: var(--nk-accent-ink); font-weight: 700; }
.nks-check--inline { align-items: center; }

.nks-loginrow { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }

/* ── Butonlar ── */
.nks-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  padding: .82rem 1.5rem;
  border: 1px solid transparent;
  border-radius: 0;
  font-family: var(--nk-font);
  font-size: .78rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
  cursor: pointer;
  transition: background .22s var(--nk-ease), color .22s var(--nk-ease), border-color .22s var(--nk-ease);
}
.nks-btn--primary { background: var(--nk-orange); color: var(--nk-on-accent); }
.nks-btn--primary:hover { background: var(--nk-orange-dk); color: var(--nk-on-accent); }
.nks-btn--ghost { background: transparent; border-color: var(--nk-line); color: var(--nk-ink); }
.nks-btn--ghost:hover { border-color: var(--nk-orange); color: var(--nk-accent-ink); }
.nks-btn--block { width: 100%; }

/* ── Üyelik türü seçimi ── */
.nks-typeswitch { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: .8rem; }
.nks-type {
  display: block;
  padding: 1rem 1.1rem;
  border: 1.5px solid var(--nk-line);
  border-radius: 0;
  cursor: pointer;
  transition: border-color .2s var(--nk-ease), background .2s var(--nk-ease);
}
.nks-type input { position: absolute; opacity: 0; pointer-events: none; }
.nks-type strong { display: block; font-size: .92rem; font-weight: 800; color: var(--nk-ink); }
.nks-type span { display: block; margin-top: .25rem; font-size: .78rem; color: var(--nk-ink-soft); line-height: 1.5; }
.nks-type.is-on { border-color: var(--nk-orange); background: rgba(255, 210, 0, .04); }

.nks-dealer { border: 0; margin: 0; padding: 0; display: grid; gap: 1.1rem; }

/* ── Sepet ── */
.nks-cartgrid { display: grid; grid-template-columns: 1fr 340px; gap: 1.75rem; align-items: start; }
.nks-cartlist { display: grid; gap: .8rem; }

.nks-cartrow {
  display: grid;
  grid-template-columns: 86px 1fr auto auto auto;
  align-items: center;
  gap: 1rem;
  padding: .9rem;
  background: var(--nk-white);
  border: 1px solid var(--nk-line);
  border-radius: 0;
}
.nks-cartrow__img { display: block; }
.nks-cartrow__img img {
  width: 86px; height: 86px;
  object-fit: contain;
  background: var(--nk-grey);
  border-radius: 0;
  padding: .4rem;
}
.nks-cartrow__body { min-width: 0; display: grid; gap: .22rem; }
.nks-cartrow__title { font-size: .95rem; font-weight: 800; color: var(--nk-ink); line-height: 1.3; }
.nks-cartrow__title:hover { color: var(--nk-accent-ink); }
.nks-cartrow__code { font-size: .72rem; font-weight: 700; letter-spacing: .08em; color: var(--nk-ink-soft); }

.nks-stock { font-size: .72rem; font-weight: 700; }
.nks-stock.is-ok { color: #1b8a4b; }
.nks-stock.is-low { color: #c47c00; }
.nks-stock.is-out { color: var(--nk-accent-ink); }

.nks-qty { display: flex; align-items: center; gap: .3rem; }
.nks-qty input {
  width: 68px; padding: .5rem .6rem;
  border: 1px solid var(--nk-line); border-radius: 0;
  font-family: var(--nk-font); font-size: .86rem; font-weight: 700; text-align: center;
}
.nks-qty button, .nks-cartrow__del button {
  display: grid; place-items: center;
  width: 34px; height: 34px;
  background: var(--nk-grey);
  border: 0; border-radius: 0;
  color: var(--nk-ink-soft);
  cursor: pointer;
  transition: background .2s var(--nk-ease), color .2s var(--nk-ease);
}
.nks-qty button:hover { background: var(--nk-orange); color: var(--nk-on-accent); }
.nks-cartrow__del button:hover { background: var(--nk-orange); color: var(--nk-on-accent); }

.nks-cartrow__price { display: grid; gap: .1rem; text-align: right; min-width: 130px; }
.nks-cartrow__price s { font-size: .76rem; color: var(--nk-ink-soft); }
.nks-cartrow__price b { font-size: 1rem; font-weight: 800; color: var(--nk-ink); }
.nks-cartrow__price em { font-style: normal; font-size: .68rem; font-weight: 700; color: #1b8a4b; }
.nks-cartrow__line { font-size: .72rem; color: var(--nk-ink-soft); }
.nks-priceask { font-size: .78rem; font-weight: 700; color: var(--nk-ink-soft); }

.nks-cartactions { display: flex; gap: .7rem; flex-wrap: wrap; margin-top: .5rem; }

/* ── Özet paneli ── */
.nks-summary {
  position: sticky; top: calc(var(--nk-nav) + 1rem);
  display: grid; gap: 1rem;
  padding: 1.4rem;
  background: var(--nk-grey);
  border: 1px solid var(--nk-line);
  border-radius: 0;
}
.nks-summary__title { margin: 0; font-size: 1.05rem; font-weight: 800; color: var(--nk-ink); }
.nks-summary__items { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; }
.nks-summary__items li {
  display: flex; align-items: center; gap: .7rem;
  font-size: .82rem; color: var(--nk-ink);
}

/* Ürün görseli + adet rozeti */
.nks-summary__thumb { position: relative; flex-shrink: 0; display: block; }
.nks-summary__thumb img {
  width: 52px; height: 52px;
  object-fit: contain;
  background: var(--nk-white);
  border: 1px solid var(--nk-line);
  border-radius: 0;
  padding: 4px;
}
.nks-summary__qty {
  position: absolute;
  top: -6px; right: -6px;
  display: grid; place-items: center;
  min-width: 19px; height: 19px;
  padding: 0 5px;
  background: var(--nk-orange);
  color: var(--nk-on-accent);
  border: 2px solid var(--nk-grey);
  border-radius: 0;
  font-size: .62rem; font-weight: 800; line-height: 1;
}

.nks-summary__info { flex: 1; min-width: 0; display: grid; gap: .1rem; }
.nks-summary__info b {
  font-size: .82rem; font-weight: 700; line-height: 1.3;
  color: var(--nk-ink);
}
.nks-summary__info em {
  font-style: normal;
  font-size: .68rem; font-weight: 700; letter-spacing: .08em;
  color: var(--nk-ink-soft);
}
.nks-summary__amt { font-weight: 700; white-space: nowrap; }

.nks-summary__list { margin: 0; display: grid; gap: .45rem; }
.nks-summary__list > div { display: flex; justify-content: space-between; gap: 1rem; font-size: .86rem; }
.nks-summary__list dt { color: var(--nk-ink-soft); margin: 0; }
.nks-summary__list dd { margin: 0; font-weight: 700; color: var(--nk-ink); }
.nks-summary__list .is-discount dd { color: #1b8a4b; }
.nks-summary__list .is-total {
  padding-top: .6rem;
  border-top: 1px solid var(--nk-line);
  font-size: 1rem;
}
.nks-summary__list .is-total dt, .nks-summary__list .is-total dd { font-weight: 800; color: var(--nk-ink); }
.nks-summary__note, .nks-summary__hint {
  margin: 0; font-size: .78rem; line-height: 1.6; color: var(--nk-ink-soft);
}
.nks-summary__note a { color: var(--nk-accent-ink); font-weight: 700; }

.nks-checkoutgrid { display: grid; grid-template-columns: 1fr 340px; gap: 1.75rem; align-items: start; }

/* ── Boş sepet / teşekkür ── */
.nks-empty { text-align: center; padding: clamp(2rem, 6vw, 4rem) 1rem; }
.nks-empty h2 { margin: 0 0 .5rem; font-size: 1.4rem; font-weight: 800; color: var(--nk-ink); }
.nks-empty p { margin: 0 0 1.4rem; color: var(--nk-ink-soft); }

.nks-done { display: grid; gap: 1.1rem; }
.nks-done__no { margin: 0; font-size: .9rem; color: var(--nk-ink-soft); }
.nks-done__no b { color: var(--nk-accent-ink); font-size: 1.05rem; }
.nks-done__text { margin: 0; line-height: 1.7; color: var(--nk-ink); }
.nks-done__actions { display: flex; gap: .7rem; flex-wrap: wrap; }

/* ── Tablolar ── */
.nks-table { width: 100%; border-collapse: collapse; font-size: .86rem; }
.nks-table th {
  padding: .6rem .5rem;
  text-align: left;
  font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
  color: var(--nk-ink-soft);
  border-bottom: 1px solid var(--nk-line);
}
.nks-table td { padding: .7rem .5rem; border-bottom: 1px solid var(--nk-line); color: var(--nk-ink); }
.nks-table tr:last-child td { border-bottom: 0; }

/* ── Üye alanı ── */
.nks-accgrid { display: grid; grid-template-columns: 280px 1fr; gap: 1.75rem; align-items: start; }
.nks-acccontent { display: grid; gap: 1.5rem; }

.nks-accnav {
  position: sticky; top: calc(var(--nk-nav) + 1rem);
  display: grid; gap: 1rem;
  padding: 1.3rem;
  background: var(--nk-grey);
  border: 1px solid var(--nk-line);
  border-radius: 0;
}
.nks-accnav__head { display: flex; align-items: center; gap: .8rem; }
.nks-accnav__avatar {
  display: grid; place-items: center;
  width: 46px; height: 46px; flex-shrink: 0;
  background: var(--nk-orange); color: var(--nk-on-accent);
  border-radius: 50%;
  font-size: 1.1rem; font-weight: 800;
}
.nks-accnav__head strong { display: block; font-size: .92rem; font-weight: 800; color: var(--nk-ink); }
.nks-accnav__discount { margin: 0; font-size: .8rem; color: var(--nk-ink-soft); }
.nks-accnav__discount b { color: #1b8a4b; }

.nks-accnav__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .2rem; }
.nks-accnav__list a {
  display: block;
  padding: .6rem .8rem;
  border-radius: 0;
  font-size: .86rem; font-weight: 700;
  color: var(--nk-ink-soft);
  transition: background .2s var(--nk-ease), color .2s var(--nk-ease);
}
.nks-accnav__list a:hover { background: var(--nk-white); color: var(--nk-accent-ink); }
.nks-accnav__list a.is-active { background: var(--nk-orange); color: var(--nk-on-accent); }

.nks-badge {
  display: inline-block;
  padding: .18rem .55rem;
  background: var(--nk-grey-2);
  border-radius: 0;
  font-size: .68rem; font-weight: 800; letter-spacing: .06em;
  color: var(--nk-ink-soft);
}
.nks-badge.is-dealer { background: rgba(27, 138, 75, .12); color: #1b8a4b; }

.nks-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .8rem; }
.nks-stat {
  padding: 1.1rem;
  background: var(--nk-grey);
  border-radius: 0;
  text-align: center;
}
.nks-stat b { display: block; font-size: 1.6rem; font-weight: 800; color: var(--nk-accent-ink); }
.nks-stat span { font-size: .74rem; font-weight: 700; letter-spacing: .06em; color: var(--nk-ink-soft); }

.nks-addrgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1rem; }
.nks-addr { display: grid; gap: .7rem; }
.nks-addr header { display: flex; align-items: center; gap: .6rem; }
.nks-addr h3 { margin: 0; font-size: .95rem; font-weight: 800; color: var(--nk-ink); }
.nks-addr p { margin: 0; font-size: .84rem; line-height: 1.7; color: var(--nk-ink-soft); }

.nks-timeline { list-style: none; margin: 0; padding: 0 0 0 1rem; border-left: 2px solid var(--nk-line); display: grid; gap: .9rem; }
.nks-timeline li { position: relative; }
.nks-timeline li::before {
  content: ''; position: absolute; left: -1.32rem; top: .35rem;
  width: 9px; height: 9px; border-radius: 50%; background: var(--nk-orange);
}
.nks-timeline b { display: block; font-size: .88rem; color: var(--nk-ink); }
.nks-timeline span { font-size: .74rem; color: var(--nk-ink-soft); }
.nks-timeline em { display: block; font-style: normal; font-size: .8rem; color: var(--nk-ink-soft); }

/* ── Header sepet & hesap butonları ── */
.nk-hd-shop { display: flex; align-items: center; gap: .45rem; }
.nk-shopbtn {
  position: relative;
  display: inline-flex; align-items: center; gap: .38rem;
  padding: .42rem .7rem;
  border: 1px solid var(--nk-line);
  border-radius: 0;
  font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
  color: var(--nk-ink-soft);
  background: var(--nk-white);
  white-space: nowrap;
  transition: border-color .2s var(--nk-ease), color .2s var(--nk-ease);
}
.nk-shopbtn:hover { border-color: var(--nk-orange); color: var(--nk-accent-ink); }
.nk-shopbtn--primary { background: var(--nk-orange); border-color: var(--nk-orange); color: var(--nk-on-accent); }
.nk-shopbtn--primary:hover { background: var(--nk-orange-dk); border-color: var(--nk-orange-dk); color: var(--nk-on-accent); }
.nk-shopbtn__count {
  display: grid; place-items: center;
  min-width: 18px; height: 18px; padding: 0 4px;
  background: var(--nk-orange); color: var(--nk-on-accent);
  border-radius: 0;
  font-size: .64rem; font-weight: 800;
}
.nk-shopbtn--primary .nk-shopbtn__count { background: var(--nk-white); color: var(--nk-accent-ink); }

/* ── Ürün kartı / detayında fiyat ve sepet ── */
.nkp-price { display: grid; gap: .1rem; margin: .5rem 0; }
.nkp-price s { font-size: .8rem; color: var(--nk-ink-soft); }
.nkp-price b { font-size: 1.15rem; font-weight: 800; color: var(--nk-ink); }
.nkp-price em { font-style: normal; font-size: .72rem; font-weight: 700; color: #1b8a4b; }
.nkp-price .nks-priceask { font-size: .82rem; }

.nkp-addform { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; margin-top: .75rem; }
.nkp-addform input[type="number"] {
  width: 78px; padding: .7rem .6rem;
  border: 1px solid var(--nk-line); border-radius: 0;
  font-family: var(--nk-font); font-size: .9rem; font-weight: 700; text-align: center;
}

/* ── Duyarlılık ── */
@media (max-width: 1024px) {
  .nks-cartgrid, .nks-checkoutgrid, .nks-accgrid { grid-template-columns: 1fr; }
  .nks-summary, .nks-accnav { position: static; }
}

@media (max-width: 720px) {
  .nks-cartrow {
    grid-template-columns: 66px 1fr auto;
    grid-template-areas:
      'img body del'
      'img qty price';
    row-gap: .6rem;
  }
  .nks-cartrow__img { grid-area: img; }
  .nks-cartrow__img img { width: 66px; height: 66px; }
  .nks-cartrow__body { grid-area: body; }
  .nks-qty { grid-area: qty; }
  .nks-cartrow__price { grid-area: price; text-align: right; }
  .nks-cartrow__del { grid-area: del; }

  .nks-table { display: block; overflow-x: auto; white-space: nowrap; }
}

/* ── Ürün listesi kartı: fiyat + sepet ikonu ──
   Kart çerçevesi .nkp-cardwrap'a taşınır; içerideki .nkp-card yalnızca
   bağlantı alanı olur. Böylece alt satırda form (sepet) ile bağlantı
   ("İncele") yan yana durabilir. --}} */
.nkp-cardwrap {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 1.75rem 1.65rem 1.5rem;
  background: #fff;
  border: 1px solid #0000001c;
  transition: background .3s var(--nk-ease);
}
.nkp-cardwrap:hover { background: #fcfcfd; }

.nkp-cardwrap > .nkp-card {
  padding: 0;
  border: 0;
  background: transparent;
  flex: 1;
}

.nkp-cardwrap .nkp-price {
  margin: .7rem 0 0;
  display: flex;
  align-items: baseline;
  gap: .45rem;
}
.nkp-cardwrap .nkp-price b { font-size: 1.02rem; }
.nkp-cardwrap .nkp-price s { font-size: .78rem; }

/* Alt satır: solda sepet ikonu, sağda "İncele" */
.nkp-cardfoot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-top: 1.15rem;
  padding-top: 1.15rem;
  border-top: 1px solid var(--nk-line);
}
.nkp-cardfoot .nkp-card-more {
  margin: 0;
  padding: 0;
}
.nkp-cardwrap:hover .nkp-card-more { opacity: 1; gap: .85rem; color: var(--nk-accent-ink); }

.nkp-cartbtn {
  display: grid; place-items: center;
  width: 36px; height: 36px;
  padding: 0;
  background: var(--nk-grey);
  border: 1px solid transparent;
  border-radius: 0;
  color: var(--nk-ink-soft);
  cursor: pointer;
  transition: background .2s var(--nk-ease), color .2s var(--nk-ease), border-color .2s var(--nk-ease);
}
.nkp-cartbtn:hover {
  background: var(--nk-orange);
  border-color: var(--nk-orange);
  color: var(--nk-on-accent);
}
.nkp-cartbtn svg { display: block; }

/* ══════════════════════════════════════════
   ÜYELİK EKRANLARI — bölünmüş yerleşim
   Solda panelden yüklenen görsel + koyu filtre, sağda form kartı.
══════════════════════════════════════════ */
.nka {
  position: relative;
  display: grid;
  /* Satır bölümün tamamını kaplar; içerik her sütunun içinde ortalanır.
     Böylece kısa formlu sayfalarda da sol görsel panel tam yükseklikte kalır. */
  align-content: stretch;
  min-height: 100svh;
  padding-top: var(--nk-nav);
  background: var(--nk-grey);
  overflow: hidden;
}

.nka__inner {
  width: 100%;
  display: grid;
  /* Header ile aynı dikey bölünme çizgisi — tam yarım sayfa */
  grid-template-columns: var(--nk-split) 1fr;
  align-items: stretch;
}

/* ── Sol marka paneli ── */
.nka__brand {
  position: relative;
  isolation: isolate;
  padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.5rem, 4vw, 3.5rem)
           clamp(2.5rem, 5vw, 4.5rem) var(--nk-pad);
  color: var(--nk-white);
  display: grid;
  gap: 1.35rem;
  align-content: center;

  background-image: var(--nka-bg);
  background-size: cover;
  background-position: center;
}

/* Hafif siyah filtre — metnin okunurluğu için markanın sarısıyla harmanlanır */
.nka__shade {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(150deg, rgba(138, 1, 1, .72) 0%, rgba(255, 210, 0, .55) 55%, rgba(0, 0, 0, .55) 100%),
    rgba(0, 0, 0, .38);
}

.nka__logo img { display: block; height: 54px; width: auto; }

.nka__eyebrow {
  margin: 0;
  display: inline-flex; align-items: center; gap: .55rem;
  font-size: .68rem; font-weight: 800; letter-spacing: .22em; text-transform: uppercase;
  color: rgba(255, 255, 255, .82);
}
.nka__eyebrow i { width: 22px; height: 2px; background: currentColor; display: block; flex-shrink: 0; }

.nka__title {
  margin: 0;
  font-size: clamp(1.9rem, 3.2vw, 2.9rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.02em;
  text-shadow: 0 2px 24px rgba(0, 0, 0, .28);
}
.nka__title em { font-style: normal; color: rgba(255, 255, 255, .7); }

.nka__lead {
  margin: 0;
  max-width: 44ch;
  font-size: .95rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, .88);
}

.nka__points { list-style: none; margin: .35rem 0 0; padding: 0; display: grid; gap: .85rem; }
.nka__points li { display: flex; align-items: flex-start; gap: .75rem; }
.nka__check {
  display: grid; place-items: center;
  width: 26px; height: 26px; flex-shrink: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .2);
  color: var(--nk-white);
}
.nka__points b { display: block; font-size: .88rem; font-weight: 800; }
.nka__points em {
  display: block; font-style: normal;
  font-size: .8rem; line-height: 1.6;
  color: rgba(255, 255, 255, .78);
}

.nka__foot {
  display: flex; flex-wrap: wrap; gap: .5rem 1.5rem;
  margin-top: .6rem;
  padding-top: 1.2rem;
  border-top: 1px solid rgba(255, 255, 255, .24);
}
.nka__foot a {
  display: inline-flex; align-items: center; gap: .4rem;
  font-size: .8rem; font-weight: 700;
  color: rgba(255, 255, 255, .86);
  transition: color .2s var(--nk-ease);
}
.nka__foot a:hover { color: var(--nk-white); }

/* ── Sağ form paneli ── */
.nka__panel {
  padding: clamp(2rem, 4vw, 3.5rem) var(--nk-pad) clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 4vw, 3.5rem);
  display: grid;
  gap: 1rem;
  justify-items: center;
  align-content: center;
}

.nka__card {
  width: 100%;
  max-width: 500px;
  padding: clamp(1.5rem, 3vw, 2.4rem);
  background: var(--nk-white);
  border: 1px solid var(--nk-line);
  border-radius: 0;
  box-shadow: 0 24px 60px rgba(20, 22, 30, .1);
}

.nka__head { margin-bottom: 1.35rem; }
.nka__head h2 {
  margin: 0 0 .3rem;
  font-size: 1.35rem; font-weight: 800; letter-spacing: -.01em;
  color: var(--nk-ink);
}
.nka__head p { margin: 0; font-size: .86rem; line-height: 1.6; color: var(--nk-ink-soft); }

.nka__back { margin: 0; }
.nka__back a {
  display: inline-flex; align-items: center; gap: .4rem;
  font-size: .78rem; font-weight: 700;
  color: var(--nk-ink-soft);
  transition: color .2s var(--nk-ease);
}
.nka__back a:hover { color: var(--nk-accent-ink); }

/* Form alanları — ince ayar */
.nka__card .nks-form { gap: 1rem; }
.nka__card .nkc-input { border-radius: 0; }
.nka__card .nks-btn { padding: .9rem 1.5rem; }

/* Sekmeler: giriş / üye ol */
.nka__tabs {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: .3rem;
  margin-bottom: 1.35rem;
  padding: .3rem;
  background: var(--nk-grey);
  border-radius: 0;
}
.nka__tabs a {
  padding: .62rem .8rem;
  border-radius: 0;
  text-align: center;
  font-size: .76rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
  color: var(--nk-ink-soft);
  transition: background .2s var(--nk-ease), color .2s var(--nk-ease);
}
.nka__tabs a:hover { color: var(--nk-accent-ink); }
.nka__tabs a.is-active {
  background: var(--nk-white);
  color: var(--nk-ink);
  box-shadow: 0 2px 8px rgba(20, 22, 30, .08);
}

/* Şifre göster / gizle */
.nka__pass { position: relative; }
.nka__pass .nkc-input { padding-right: 2.9rem; }
.nka__peek {
  position: absolute; right: .5rem; bottom: .42rem;
  display: grid; place-items: center;
  width: 32px; height: 32px;
  background: transparent; border: 0; border-radius: 0;
  color: var(--nk-ink-soft);
  cursor: pointer;
  transition: background .2s var(--nk-ease), color .2s var(--nk-ease);
}
.nka__peek:hover { background: var(--nk-grey); color: var(--nk-accent-ink); }

/* Duyarlılık */
@media (max-width: 980px) {
  .nka { min-height: 0; align-content: start; }
  .nka__inner { grid-template-columns: 1fr; }
  .nka__brand { padding: clamp(2.25rem, 7vw, 3.25rem) var(--nk-pad); }
  .nka__panel { padding: clamp(1.75rem, 5vw, 2.5rem) var(--nk-pad) clamp(2.5rem, 8vw, 4rem); }
  .nka__card { max-width: none; }
}

@media (max-width: 560px) {
  .nka__points { display: none; }
  .nka__tabs { grid-template-columns: 1fr; }
}

/* ── Header sepet ikonu (metinsiz, adet rozeti ikon üzerinde) ── */
.nk-cartbtn {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 38px; height: 38px;
  border: 1px solid var(--nk-line);
  border-radius: 0;
  background: var(--nk-white);
  color: var(--nk-ink-soft);
  transition: border-color .2s var(--nk-ease), color .2s var(--nk-ease);
}
.nk-cartbtn:hover { border-color: var(--nk-orange); color: var(--nk-accent-ink); }
.nk-cartbtn svg { display: block; }

/* Giriş yapılmışsa hesap düğmesi kurumsal renkte vurgulanır */
.nk-cartbtn--primary {
  background: var(--nk-orange);
  border-color: var(--nk-orange);
  color: var(--nk-on-accent);
}
.nk-cartbtn--primary:hover {
  background: var(--nk-orange-dk);
  border-color: var(--nk-orange-dk);
  color: var(--nk-on-accent);
}

.nk-cartbtn__count {
  position: absolute;
  top: -6px; right: -6px;
  display: grid; place-items: center;
  min-width: 19px; height: 19px;
  padding: 0 5px;
  background: var(--nk-orange);
  color: var(--nk-on-accent);
  border: 2px solid var(--nk-grey);
  border-radius: 0;
  font-size: .62rem; font-weight: 800; line-height: 1;
}

/* ── Bildirim (toast) — sepete eklendi vb. ── */
.nk-toasts {
  position: fixed;
  right: clamp(.75rem, 2vw, 1.5rem);
  bottom: clamp(.75rem, 2vw, 1.5rem);
  z-index: 1200;
  display: grid;
  gap: .55rem;
  width: min(360px, calc(100vw - 1.5rem));
  pointer-events: none;
}

.nk-toast {
  display: flex;
  align-items: flex-start;
  gap: .7rem;
  padding: .85rem 1rem;
  background: var(--nk-white);
  border: 1px solid var(--nk-line);
  border-left: 3px solid var(--nk-orange);
  border-radius: 0;
  box-shadow: 0 16px 40px rgba(20, 22, 30, .16);
  pointer-events: auto;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .25s var(--nk-ease), transform .25s var(--nk-ease);
}
.nk-toast.is-in { opacity: 1; transform: translateY(0); }
.nk-toast.is-out { opacity: 0; transform: translateY(10px); }

.nk-toast--ok { border-left-color: #1b8a4b; }
.nk-toast--err { border-left-color: var(--nk-orange); }

.nk-toast__icon {
  display: grid; place-items: center;
  width: 26px; height: 26px; flex-shrink: 0;
  border-radius: 50%;
  color: var(--nk-white);
}
.nk-toast--ok .nk-toast__icon { background: #1b8a4b; }
.nk-toast--err .nk-toast__icon { background: var(--nk-orange); }

.nk-toast__body { flex: 1; min-width: 0; }
.nk-toast__body b {
  display: block;
  font-size: .84rem; font-weight: 800; line-height: 1.3;
  color: var(--nk-ink);
}
.nk-toast__body span {
  display: block;
  margin-top: .1rem;
  font-size: .78rem; line-height: 1.5;
  color: var(--nk-ink-soft);
}
.nk-toast__body a {
  display: inline-block;
  margin-top: .35rem;
  font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
  color: var(--nk-accent-ink);
}

.nk-toast__close {
  flex-shrink: 0;
  width: 22px; height: 22px;
  display: grid; place-items: center;
  background: transparent; border: 0; border-radius: 0;
  color: var(--nk-ink-soft);
  cursor: pointer;
  line-height: 1;
}
.nk-toast__close:hover { background: var(--nk-grey); color: var(--nk-ink); }

/* Sepete ekleme sırasında düğme durumu */
.nkp-cartbtn[disabled], .nkp-addform button[disabled] { opacity: .6; cursor: progress; }

/* Ürün kartında marka ve varyasyon rozetleri */
.nkp-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
  margin-top: .55rem;
}
.nkp-card-brand,
.nkp-card-variant {
  display: inline-block;
  padding: .12rem .5rem;
  border-radius: 0;
  font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
  white-space: nowrap;
}
.nkp-card-brand { background: var(--nk-grey); color: var(--nk-ink-soft); }
.nkp-card-variant {
  background: rgba(255, 210, 0, .08);
  color: var(--nk-accent-ink);
  font-family: var(--nk-font);
  letter-spacing: .04em;
}

/* Kategori filtresinde gizlenen kart sarmalayıcısı */
.nkp-cardwrap[hidden] { display: none !important; }

/* ── Ürün listesi: marka filtresi ── */
.nkp-cats__sep {
  margin: 1.75rem 0 .75rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--nk-line);
}

.nkp-brands { list-style: none; margin: 0; padding: 0; display: grid; gap: .1rem; }
.nkp-brands a,
.nkp-brands button {
  width: 100%; border: none; background: none; cursor: pointer;
  font-family: inherit; text-align: left;
}
.nkp-brands a {
  display: flex; align-items: center; gap: .5rem;
  padding: .48rem .6rem;
  border-radius: 0;
  font-size: .82rem; font-weight: 600;
  color: var(--nk-ink-soft);
  transition: background .2s var(--nk-ease), color .2s var(--nk-ease);
}
.nkp-brands a img {
  width: 22px; height: 22px;
  object-fit: contain;
  background: var(--nk-white);
  border-radius: 0;
  flex-shrink: 0;
}
.nkp-brands button { display: flex; align-items: center; gap: .5rem; padding: .48rem .6rem; font-size: .82rem; font-weight: 600; color: var(--nk-ink-soft); transition: background .2s var(--nk-ease), color .2s var(--nk-ease); }
.nkp-brands button img { width: 22px; height: 22px; object-fit: contain; background: var(--nk-white); flex-shrink: 0; }
.nkp-brands button:hover { background: var(--nk-grey); color: var(--nk-accent-ink); }
.nkp-brands button.is-active { background: var(--nk-orange); color: var(--nk-on-accent); font-weight: 700; }
/* POST filtre yüklenirken liste hafifçe soluklaşır */
.nkp-results { transition: opacity .15s ease; }
.nkp-results.is-loading { opacity: .45; pointer-events: none; }
.nkp-brands a:hover { background: var(--nk-grey); color: var(--nk-accent-ink); }
.nkp-brands a.is-active {
  background: var(--nk-orange);
  color: var(--nk-on-accent);
  font-weight: 700;
}

/* ══════════════════════════════════════════
   ÜRÜN DETAYI — ilişkiler (sekmeli, kompakt)
══════════════════════════════════════════ */
.nkr-wrap { background: var(--nk-white); }

/* Eski ızgara düzeni — pasif ürün sayfasındaki öneriler için korunur */
.nkr {
  padding: clamp(1.75rem, 4vw, 2.75rem) var(--nk-pad);
  border-top: 1px solid var(--nk-line);
}

/* Pasif ürün sayfasında blok zaten dar bir konteyner içinde;
   orada ek yatay boşluk verilmez. */
.nks-inner .nkr,
.nks-inner--narrow .nkr { padding-inline: 0; }
.nkr__head { margin-bottom: 1.25rem; max-width: 62ch; }
.nkr__eyebrow {
  margin: 0 0 .4rem;
  display: inline-flex; align-items: center; gap: .5rem;
  font-size: .62rem; font-weight: 800; letter-spacing: .2em; text-transform: uppercase;
  color: var(--nk-accent-ink);
}
.nkr__eyebrow span { width: 18px; height: 2px; background: currentColor; display: block; }
.nkr__title {
  margin: 0;
  font-size: clamp(1.1rem, 2vw, 1.45rem);
  font-weight: 800; letter-spacing: -.01em;
  color: var(--nk-ink);
}
.nkr__text { margin: .4rem 0 0; font-size: .84rem; line-height: 1.6; color: var(--nk-ink-soft); }

.nkr__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(168px, 190px));
  gap: .9rem;
}
.nkr__card {
  display: flex; flex-direction: column;
  background: var(--nk-white);
  border: 1px solid var(--nk-line);
  border-radius: 0;
  overflow: hidden;
  transition: border-color .2s var(--nk-ease), box-shadow .2s var(--nk-ease);
}
.nkr__card:hover { border-color: var(--nk-orange); box-shadow: 0 10px 24px rgba(20, 22, 30, .07); }
.nkr__link { display: block; padding: .75rem .8rem .5rem; flex: 1; }
.nkr__media {
  display: grid; place-items: center;
  aspect-ratio: 4 / 3;
  margin-bottom: .6rem;
  background: var(--nk-grey);
  border-radius: 0;
  overflow: hidden;
}
.nkr__media img { width: 84%; height: 84%; object-fit: contain; }
.nkr__body { display: grid; gap: .18rem; }
.nkr__code {
  font-size: .58rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
  color: var(--nk-ink-soft);
}
.nkr__name {
  font-size: .82rem; font-weight: 700; line-height: 1.35;
  color: var(--nk-ink);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; overflow-wrap: anywhere;
}
.nkr__card:hover .nkr__name { color: var(--nk-accent-ink); }
.nkr__brand {
  justify-self: start; margin-top: .1rem;
  padding: .08rem .4rem;
  background: var(--nk-grey); border-radius: 0;
  font-size: .56rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
  color: var(--nk-ink-soft);
}
.nkr__price { margin-top: .25rem; font-size: .88rem; font-weight: 800; color: var(--nk-ink); }
.nkr__add { padding: 0 .8rem .8rem; }

/* ── Sekmeli ilişki bloğu ── */
.nkrel {
  background: var(--nk-white);
  border-top: 1px solid var(--nk-line);
}
.nkrel__inner {
  /* Ürün detayının geri kalanıyla aynı hizada: tam genişlik, yanlarda --nk-pad */
  padding: clamp(1.75rem, 4vw, 2.75rem) var(--nk-pad);
}

.nkrel__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}
.nkrel__eyebrow {
  margin: 0 0 .35rem;
  font-size: .6rem; font-weight: 800; letter-spacing: .2em; text-transform: uppercase;
  color: var(--nk-accent-ink);
}
.nkrel__title {
  margin: 0;
  font-size: clamp(1.05rem, 1.9vw, 1.4rem);
  font-weight: 800; letter-spacing: -.01em;
  color: var(--nk-ink);
}
.nkrel__text {
  margin: .3rem 0 0;
  max-width: 60ch;
  font-size: .82rem; line-height: 1.6;
  color: var(--nk-ink-soft);
  min-height: 1.3em;
}

/* Sekmeler */
.nkrel__tabs {
  display: flex; gap: .25rem;
  padding: .25rem;
  background: var(--nk-grey);
  border-radius: 0;
  flex-wrap: wrap;
}
.nkrel__tab {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .5rem .8rem;
  background: transparent;
  border: 0; border-radius: 0;
  font-family: var(--nk-font);
  font-size: .74rem; font-weight: 800; letter-spacing: .04em;
  color: var(--nk-ink-soft);
  cursor: pointer;
  white-space: nowrap;
  transition: background .2s var(--nk-ease), color .2s var(--nk-ease);
}
.nkrel__tab b {
  padding: .04rem .34rem;
  background: rgba(0, 0, 0, .06);
  border-radius: 0;
  font-size: .62rem; font-weight: 800;
}
.nkrel__tab:hover { color: var(--nk-ink); }
.nkrel__tab.is-on {
  background: var(--nk-white);
  color: var(--nk-ink);
  box-shadow: 0 2px 8px rgba(20, 22, 30, .08);
}
.nkrel__tab.is-on b { background: rgba(255, 210, 0, .1); color: var(--nk-accent-ink); }

/* Kart rayı — az ürün olduğunda boşluk kalmaz, çok olduğunda yatay kayar */
.nkrel__pane { display: none; }
.nkrel__pane.is-on { display: block; animation: nkRelIn .24s var(--nk-ease); }

@keyframes nkRelIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

.nkrel__rail {
  display: flex;
  gap: .8rem;
  overflow-x: auto;
  padding-bottom: .5rem;
  scrollbar-width: thin;
}
.nkrel__rail::-webkit-scrollbar { height: 5px; }
.nkrel__rail::-webkit-scrollbar-thumb { background: var(--nk-grey-2); border-radius: 0; }

.nkrel__card {
  flex: 0 0 176px;
  display: flex; flex-direction: column;
  background: var(--nk-white);
  border: 1px solid var(--nk-line);
  border-radius: 0;
  overflow: hidden;
  transition: border-color .2s var(--nk-ease), box-shadow .2s var(--nk-ease);
}
.nkrel__card:hover { border-color: var(--nk-orange); box-shadow: 0 10px 24px rgba(20, 22, 30, .07); }

.nkrel__link { display: block; padding: .7rem .75rem .45rem; flex: 1; }
.nkrel__media {
  display: grid; place-items: center;
  aspect-ratio: 4 / 3;
  margin-bottom: .55rem;
  background: var(--nk-grey);
  border-radius: 0;
  overflow: hidden;
}
.nkrel__media img { width: 86%; height: 86%; object-fit: contain; }

.nkrel__code {
  display: block;
  font-size: .56rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
  color: var(--nk-ink-soft);
}
.nkrel__name {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; overflow-wrap: anywhere;
  margin-top: .12rem;
  font-size: .8rem; font-weight: 700; line-height: 1.35;
  color: var(--nk-ink);
  transition: color .2s var(--nk-ease);
}
.nkrel__card:hover .nkrel__name { color: var(--nk-accent-ink); }

.nkrel__variant {
  display: inline-block;
  margin-top: .3rem;
  padding: .08rem .4rem;
  background: rgba(255, 210, 0, .08);
  border-radius: 0;
  font-family: var(--nk-font);
  font-size: .58rem; font-weight: 800;
  color: var(--nk-accent-ink);
}

.nkrel__foot {
  display: flex; align-items: center; justify-content: space-between; gap: .4rem;
  padding: .45rem .75rem .7rem;
}
.nkrel__info { display: grid; gap: .05rem; min-width: 0; }
.nkrel__price { font-size: .84rem; font-weight: 800; color: var(--nk-ink); }
.nkrel__brand {
  font-size: .56rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
  color: var(--nk-ink-soft);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.nkrel__cart {
  display: grid; place-items: center;
  width: 30px; height: 30px; flex-shrink: 0;
  background: var(--nk-grey);
  border: 1px solid transparent;
  border-radius: 0;
  color: var(--nk-ink-soft);
  cursor: pointer;
  transition: background .2s var(--nk-ease), color .2s var(--nk-ease);
}
.nkrel__cart:hover { background: var(--nk-orange); color: var(--nk-on-accent); }

@media (max-width: 640px) {
  .nkrel__head { align-items: flex-start; }
  .nkrel__tabs { width: 100%; overflow-x: auto; flex-wrap: nowrap; }
  .nkrel__card { flex-basis: 152px; }
}

/* ── Kit ── */
.nkkit {
  padding: clamp(2rem, 5vw, 3.5rem) var(--nk-pad);
  border-top: 1px solid var(--nk-line);
}

.nkkit__body {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 1.5rem;
  align-items: center;
  padding: 1.25rem;
  background: var(--nk-grey);
  border-radius: 0;
}

.nkkit__chain {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  flex-wrap: wrap;
}

.nkkit__plus {
  align-self: center;
  font-size: 1.2rem; font-weight: 800;
  color: var(--nk-ink-soft);
}

.nkkit__item {
  display: grid;
  gap: .3rem;
  width: 130px;
  text-align: center;
}
.nkkit__media { position: relative; display: block; }
.nkkit__media img {
  width: 100%; height: 96px;
  object-fit: contain;
  background: var(--nk-white);
  border: 1px solid var(--nk-line);
  border-radius: 0;
  padding: 8px;
}
.nkkit__item.is-main .nkkit__media img { border-color: var(--nk-orange); }
.nkkit__qty {
  position: absolute; top: -6px; right: -6px;
  padding: .1rem .4rem;
  background: var(--nk-orange); color: var(--nk-on-accent);
  border-radius: 0;
  font-size: .62rem; font-weight: 800;
}
.nkkit__name {
  font-size: .74rem; font-weight: 700; line-height: 1.3;
  color: var(--nk-ink);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; overflow-wrap: anywhere;
}
.nkkit__item:hover .nkkit__name { color: var(--nk-accent-ink); }
.nkkit__price { font-size: .78rem; font-weight: 800; color: var(--nk-ink-soft); }

.nkkit__side { display: grid; gap: .75rem; }
.nkkit__total { margin: 0; display: grid; gap: .1rem; }
.nkkit__total span { font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--nk-ink-soft); }
.nkkit__total b { font-size: 1.5rem; font-weight: 800; color: var(--nk-ink); }

/* ── Pasif ürün sayfası ── */
.nkinact { display: grid; gap: .8rem; text-align: center; }
.nkinact__badge {
  justify-self: center;
  padding: .3rem .8rem;
  background: rgba(255, 210, 0, .1);
  border-radius: 0;
  font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
  color: var(--nk-accent-ink);
}
.nkinact__title { margin: 0; font-size: clamp(1.3rem, 3vw, 1.9rem); font-weight: 800; color: var(--nk-ink); }
.nkinact__code { margin: 0; font-size: .84rem; color: var(--nk-ink-soft); }
.nkinact__text { margin: 0; font-size: .92rem; line-height: 1.7; color: var(--nk-ink-soft); }
.nkinact__actions { display: flex; gap: .7rem; justify-content: center; flex-wrap: wrap; margin-top: .5rem; }

@media (max-width: 900px) {
  .nkkit__body { grid-template-columns: 1fr; }
}

/* ── Ürün detayı: marka ve uyumluluk ── */
.nkd-brands {
  display: grid;
  gap: .6rem;
  margin: 1rem 0;
  padding: .9rem 1rem;
  background: var(--nk-grey);
  border-radius: 0;
}
.nkd-brands em {
  display: block;
  font-style: normal;
  font-size: .62rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
  color: var(--nk-ink-soft);
  margin-bottom: .25rem;
}
.nkd-brands__own a,
.nkd-brands__own b {
  font-size: .95rem; font-weight: 800;
  color: var(--nk-ink);
}
.nkd-brands__own a:hover { color: var(--nk-accent-ink); }

.nkd-brands__list { display: flex; flex-wrap: wrap; gap: .35rem; }
.nkd-brands__list a {
  padding: .2rem .6rem;
  background: var(--nk-white);
  border: 1px solid var(--nk-line);
  border-radius: 0;
  font-size: .74rem; font-weight: 700;
  color: var(--nk-ink-soft);
  transition: border-color .2s var(--nk-ease), color .2s var(--nk-ease);
}
.nkd-brands__list a:hover { border-color: var(--nk-orange); color: var(--nk-accent-ink); }

/* ── Ürün detayı: kod ve varyasyon bilgisi ── */
.nkd-codes {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem .5rem;
  margin: .75rem 0 0;
}
.nkd-codes .nkd-code {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  margin: 0;
  padding: .3rem .6rem;
  background: var(--nk-grey);
  border: 1px solid var(--nk-line);
  border-radius: 0;
}
.nkd-codes .nkd-code span {
  font-size: .6rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
  color: var(--nk-ink-soft);
}
.nkd-codes .nkd-code b {
  font-family: var(--nk-font);
  font-size: .8rem; font-weight: 700;
  color: var(--nk-ink);
}
.nkd-codes .nkd-code em {
  font-style: normal;
  font-size: .66rem; font-weight: 700;
  color: var(--nk-accent-ink);
}
.nkd-code--variant {
  background: rgba(255, 210, 0, .06);
  border-color: rgba(255, 210, 0, .2);
}

/* ── Ürün detayı: kısa adres ── */
.nkd-short {
  display: flex; align-items: center; gap: .5rem;
  margin: .75rem 0 0;
  font-size: .74rem;
}
.nkd-short span {
  font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
  color: var(--nk-ink-soft);
}
.nkd-short__link {
  padding: .18rem .5rem;
  background: var(--nk-grey);
  border: 1px solid var(--nk-line);
  border-radius: 0;
  font-family: var(--nk-font);
  font-size: .78rem; font-weight: 700;
  color: var(--nk-ink);
  transition: border-color .2s var(--nk-ease), color .2s var(--nk-ease);
}
.nkd-short__link:hover { border-color: var(--nk-orange); color: var(--nk-accent-ink); }

.nkd-short__copy {
  display: grid; place-items: center;
  width: 28px; height: 28px;
  background: transparent;
  border: 1px solid var(--nk-line);
  border-radius: 0;
  color: var(--nk-ink-soft);
  cursor: pointer;
  transition: border-color .2s var(--nk-ease), color .2s var(--nk-ease);
}
.nkd-short__copy:hover { border-color: var(--nk-orange); color: var(--nk-accent-ink); }
.nkd-short__copy.is-copied { border-color: #1b8a4b; color: #1b8a4b; }

/* ── Ürün detayı: video ve belgeler ── */
.nkmed__videos {
  display: grid;
  /* Tek video olduğunda sayfayı baştan sona kaplamasın */
  grid-template-columns: repeat(auto-fill, minmax(320px, 520px));
  gap: 1.25rem;
}
.nkmed__video { margin: 0; }
.nkmed__video video,
.nkmed__frame {
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 0;
  overflow: hidden;
  display: block;
}
.nkmed__frame iframe { width: 100%; height: 100%; border: 0; display: block; }
.nkmed__video figcaption {
  margin-top: .5rem;
  font-size: .84rem; font-weight: 700;
  color: var(--nk-ink);
}

.nkmed__docs {
  list-style: none;
  margin: 1.25rem 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
}
.nkmed__docs a {
  display: inline-flex; align-items: center; gap: .5rem;
  padding: .6rem .9rem;
  background: var(--nk-grey);
  border: 1px solid var(--nk-line);
  border-radius: 0;
  font-size: .82rem; font-weight: 700;
  color: var(--nk-ink);
  transition: border-color .2s var(--nk-ease), color .2s var(--nk-ease);
}
.nkmed__docs a:hover { border-color: var(--nk-orange); color: var(--nk-accent-ink); }
.nkmed__docs em {
  font-style: normal;
  font-size: .7rem; font-weight: 600;
  color: var(--nk-ink-soft);
}

/* ── Hızlı teklif (ürün listesi) ── */
.nkqo { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; align-items: start; }
.nkqo__area { font-family: var(--nk-font); font-size: .84rem; line-height: 1.7; }
.nkqo__actions { display: flex; gap: .7rem; flex-wrap: wrap; }
.nkqo__result { min-height: 240px; }

.nkqo__ok, .nkqo__fail {
  margin: .25rem 0 .75rem;
  font-size: .8rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
}
.nkqo__ok { color: #1b8a4b; }
.nkqo__fail { color: var(--nk-accent-ink); margin-top: 1.25rem; }

.nkqo__renamed { margin-top: .2rem; font-size: .72rem; color: var(--nk-ink-soft); }
.nkqo__missing { margin: 0 0 .75rem; padding-left: 1.1rem; font-size: .82rem; color: var(--nk-ink-soft); }
.nkqo__missing b { color: var(--nk-ink); }

@media (max-width: 900px) {
  .nkqo { grid-template-columns: 1fr; }
}

/* Ürünler sayfası: hızlı teklif kısayolu */
.nkp-quicklink {
  display: inline-flex; align-items: center; gap: .45rem;
  padding: .5rem .85rem;
  border: 1px solid var(--nk-line);
  border-radius: 0;
  font-size: .74rem; font-weight: 800; letter-spacing: .06em;
  color: var(--nk-ink-soft);
  white-space: nowrap;
  transition: border-color .2s var(--nk-ease), color .2s var(--nk-ease);
}
.nkp-quicklink:hover { border-color: var(--nk-orange); color: var(--nk-accent-ink); }

/* ══════════════════════════════════════════
   Header arama önerileri
══════════════════════════════════════════ */
.nb-suggest {
  margin-top: .5rem;
  max-height: 60vh;
  overflow-y: auto;
  background: var(--nk-white);
  border: 1px solid var(--nk-line);
  border-radius: 0;
  box-shadow: 0 18px 44px rgba(20, 22, 30, .14);
}

.nb-suggest__item {
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: .6rem .8rem;
  border-bottom: 1px solid var(--nk-line);
  transition: background .18s var(--nk-ease);
}
.nb-suggest__item:last-of-type { border-bottom: 0; }
.nb-suggest__item:hover { background: var(--nk-grey); }

.nb-suggest__item img {
  width: 40px; height: 40px; flex-shrink: 0;
  object-fit: contain;
  background: var(--nk-grey);
  border-radius: 0;
  padding: 3px;
}

.nb-suggest__body { display: grid; gap: .1rem; min-width: 0; }
.nb-suggest__body b {
  font-size: .84rem; font-weight: 700; line-height: 1.3;
  color: var(--nk-ink);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.nb-suggest__meta { display: flex; gap: .5rem; align-items: center; }
.nb-suggest__meta em {
  font-style: normal;
  font-family: var(--nk-font);
  font-size: .68rem; font-weight: 700;
  color: var(--nk-ink-soft);
}
.nb-suggest__meta i {
  font-style: normal;
  padding: .04rem .4rem;
  background: var(--nk-grey);
  border-radius: 0;
  font-size: .62rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
  color: var(--nk-ink-soft);
}

.nb-suggest__all {
  display: block;
  padding: .65rem .8rem;
  border-top: 1px solid var(--nk-line);
  text-align: center;
  font-size: .74rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
  color: var(--nk-accent-ink);
}
.nb-suggest__all:hover { background: var(--nk-grey); }

.nb-suggest__empty {
  margin: 0;
  padding: 1rem .8rem;
  text-align: center;
  font-size: .84rem;
  color: var(--nk-ink-soft);
}

/* Tablo içinde ürün görseli (teşekkür sayfası, talep detayı) */
.nks-table--media td { vertical-align: middle; }
.nks-table__thumb { width: 60px; padding-right: 0 !important; }
.nks-table__thumb img {
  width: 44px; height: 44px;
  object-fit: contain;
  background: var(--nk-grey);
  border: 1px solid var(--nk-line);
  border-radius: 0;
  padding: 3px;
  display: block;
}

/* Talep listelerinde ürün görseli yığını */
.nks-thumbs { display: inline-flex; align-items: center; gap: .25rem; }
.nks-thumbs img {
  width: 32px; height: 32px;
  object-fit: contain;
  background: var(--nk-grey);
  border: 1px solid var(--nk-line);
  padding: 2px;
}
.nks-thumbs__more {
  font-size: .68rem; font-weight: 800;
  color: var(--nk-ink-soft);
}

/* KVKK onay kutusu ve satır içi hata */
.nks-consent { display: grid; gap: .35rem; }
.nks-check.is-invalid { color: var(--nk-accent-ink); }
.nks-check.is-invalid input { outline: 2px solid var(--nk-orange); outline-offset: 2px; }
.nks-consent__error {
  margin: 0;
  padding-left: 1.5rem;
  font-size: .78rem; font-weight: 700;
  color: var(--nk-accent-ink);
}

/* ══════════════════════════════════════════
   ANA SAYFA ÜRÜN RAFLARI — Yeni ürünler / Öne çıkanlar
══════════════════════════════════════════ */
.nkshelf { background: #fff; }
.nkshelf--alt { background: var(--nk-grey); }

.nkshelf__head {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 1rem 2rem; flex-wrap: wrap;
  margin-bottom: clamp(1.1rem, 2.5vh, 1.75rem);
}
.nkshelf__head > div:first-child { flex: 1 1 18rem; min-width: 0; }
.nkshelf__head .nkp-title { overflow-wrap: anywhere; }
.nkshelf__head { width: 100%; }
.nkshelf__actions { display: flex; align-items: center; gap: .5rem; flex-shrink: 0; margin-left: auto; }
.nkshelf__all {
  display: inline-flex; align-items: center; gap: .55rem;
  margin-left: .75rem;
  font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
  color: var(--nk-ink);
  transition: color .2s var(--nk-ease), gap .2s var(--nk-ease);
}
.nkshelf__all i { width: 14px; height: 1.5px; background: currentColor; position: relative; }
.nkshelf__all i::after {
  content: ""; position: absolute; right: 0; top: -3px;
  width: 7px; height: 7px; border: solid currentColor; border-width: 1.5px 1.5px 0 0;
  transform: rotate(45deg);
}
.nkshelf__all:hover { color: var(--nk-accent-ink); gap: .8rem; }
.nkshelf__arrow {
  width: 40px; height: 40px;
  display: grid; place-items: center;
  border: 1px solid var(--nk-line); background: #fff; color: var(--nk-ink);
  cursor: pointer;
  transition: background .2s var(--nk-ease), color .2s var(--nk-ease), border-color .2s var(--nk-ease);
}
.nkshelf__arrow:hover:not(:disabled) { background: var(--nk-ink); border-color: var(--nk-ink); color: #fff; }
.nkshelf__arrow:disabled { opacity: .35; cursor: default; }
.nkshelf__arrow[hidden] { display: none; }

/* Yatay ray: masaüstünde 5, tablette 3, telefonda ~1,6 kart görünür */
.nkshelf__track {
  --shelf-gap: 10px;
  --shelf-cols: 5;
  display: flex; gap: var(--shelf-gap);
  overflow-x: auto; overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding-bottom: 2px;
}
.nkshelf__track::-webkit-scrollbar { display: none; }
.nkshelf__track > .nkp-cardwrap {
  flex: 0 0 calc((100% - (var(--shelf-cols) - 1) * var(--shelf-gap)) / var(--shelf-cols));
  scroll-snap-align: start;
}
@media (max-width: 1200px) { .nkshelf__track { --shelf-cols: 4; } }
@media (max-width: 900px)  { .nkshelf__track { --shelf-cols: 3; } }
@media (max-width: 640px)  {
  .nkshelf__head { flex-direction: column; align-items: flex-start; }
  .nkshelf__head > div:first-child { flex: none; width: 100%; }
  .nkshelf__head .nkp-title { font-size: 1.35rem; }
  .nkshelf__track { --shelf-cols: 1.6; }
  .nkshelf__all { margin-left: 0; }
  .nkshelf__actions { align-self: stretch; justify-content: flex-end; }
  .nkshelf__arrow { display: none; }
}

/* Kart rozetleri (Yeni / İndirim) ve KDV notu */
.nkp-card { position: relative; }
.nkp-badges {
  position: absolute; top: 0; right: 0; z-index: 1;
  display: flex; flex-direction: column; align-items: flex-end; gap: .3rem;
}
.nkp-badge {
  padding: .28rem .55rem;
  font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
  background: var(--nk-ink); color: #fff;
}
.nkp-badge--sale { background: var(--nk-orange); }
.nkp-price__vat {
  font-size: .66rem; font-weight: 600; color: var(--nk-ink-soft);
  letter-spacing: .02em;
}

/* Teklifle satılan ürün kartı: sepet yerine "Teklif Al" */
.nkp-quotebtn {
  display: inline-flex; align-items: center;
  height: 36px; padding: 0 .9rem;
  background: var(--nk-orange); color: var(--nk-on-accent);
  font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
  transition: background .2s var(--nk-ease);
}
.nkp-quotebtn:hover { background: var(--nk-ink); color: #fff; }
.nkd-quoteonly { margin: 1rem 0 0; }

/* Ürün sayfası: uyumlu ürünler (virgülle ayrılmış ürün bağlantıları) */
.nkd-models { display: flex; flex-wrap: wrap; align-items: baseline; gap: .35rem .75rem; margin: .9rem 0 0; }
.nkd-models > span {
  font-size: .66rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
  color: var(--nk-ink-soft);
}
.nkd-models b { font-size: .92rem; font-weight: 700; color: var(--nk-ink); }
.nkd-models a { color: var(--nk-accent-ink); text-decoration: underline; text-underline-offset: 3px; }
.nkd-models a:hover { color: var(--nk-ink); }

/* Ürünler sayfası: ürün filtresi başlığı */
.nkp-machine {
  display: flex; align-items: center; gap: 1rem;
  margin-bottom: 1rem; padding: .9rem 1rem;
  background: #fff; border: 1px solid var(--nk-line);
}
.nkp-machine__img { width: 96px; height: 72px; object-fit: contain; flex-shrink: 0; }
.nkp-machine__body { display: grid; gap: .15rem; flex: 1; min-width: 0; }
.nkp-machine__eyebrow {
  font-size: .62rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
  color: var(--nk-accent-ink);
}
.nkp-machine__title { font-size: 1.05rem; font-weight: 800; color: var(--nk-ink); }
.nkp-machine__text { font-size: .8rem; color: var(--nk-ink-soft); }
.nkp-machine__clear {
  display: grid; place-items: center; width: 28px; height: 28px; flex-shrink: 0;
  border-radius: 50%; background: var(--nk-grey-2); color: var(--nk-ink-soft);
  transition: background .2s var(--nk-ease), color .2s var(--nk-ease);
}
.nkp-machine__clear:hover { background: var(--nk-orange); color: var(--nk-on-accent); }
@media (max-width: 640px) {
  .nkp-machine { flex-wrap: wrap; }
  .nkp-machine__img { width: 72px; height: 54px; }
}

/* Ödeme yöntemi seçimi (Havale/EFT indirimi) */
.nks-paychoice { display: grid; gap: .5rem; margin-bottom: 1.25rem; }
.nks-paychoice__item {
  display: flex; align-items: flex-start; gap: .7rem;
  padding: .85rem 1rem; border: 1px solid var(--nk-line); background: #fff; cursor: pointer;
  transition: border-color .2s var(--nk-ease);
}
.nks-paychoice__item:has(input:checked) { border-color: var(--nk-orange); }
.nks-paychoice__item input { margin-top: .2rem; accent-color: var(--nk-orange); }
.nks-paychoice__item span { display: grid; gap: .15rem; }
.nks-paychoice__item b { font-size: .88rem; color: var(--nk-ink); }
.nks-paychoice__item em { font-style: normal; font-size: .76rem; color: var(--nk-ink-soft); }
.nks-summary__transfer { margin: .5rem 0 0; font-size: .78rem; color: #1b8a4b; font-weight: 700; }
.nkd-transfer { display: block; margin-top: .25rem; font-size: .78rem; font-weight: 700; color: #1b8a4b; }

/* Açılır pencere (popup) — yalnızca görsel */
.nk-popup { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 16px; }
.nk-popup[hidden] { display: none; }
.nk-popup__backdrop { position: absolute; inset: 0; background: rgba(10, 12, 18, .6); }
.nk-popup__box { position: relative; max-width: min(640px, 100%); max-height: calc(100vh - 32px); animation: nk-popup-in .25s ease; }
.nk-popup__box img { display: block; max-width: 100%; max-height: calc(100vh - 32px); width: auto; height: auto; background: #fff; }
.nk-popup__close {
  position: absolute; top: -12px; right: -12px; z-index: 1;
  display: flex; align-items: center; justify-content: center; padding: 0;
  width: 36px; height: 36px; border-radius: 50%; border: none;
  background: #fff; color: var(--nk-ink); line-height: 0; cursor: pointer;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .25);
}
.nk-popup__close svg { display: block; flex: none; }
.nk-popup__close:hover { background: var(--nk-orange); color: var(--nk-on-accent); }
html.nk-popup-open { overflow: hidden; }
@keyframes nk-popup-in { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: none; } }
@media (max-width: 640px) { .nk-popup__close { top: 6px; right: 6px; } }

/* Ana sayfa hero: düğme stili site.css'tedir; görsel bağlantıysa tıklanabilir */
.nk-hero__product.is-link { cursor: pointer; pointer-events: auto; }

/* ══════════════════════════════════════════
   HEADER ARAMA — her zaman görünür arama kutusu
   Masaüstünde araç çubuğunda satır içi; mobilde büyüteçle tam genişlik açılır.
══════════════════════════════════════════ */
.nk-header .nb-search-drop {
  position: relative; top: auto; right: auto;
  display: block;
  width: clamp(200px, 21vw, 340px);
  padding: 0; background: none; border: 0; box-shadow: none;
}
.nk-header .nb-search-drop form { position: relative; display: flex; gap: 0; }
.nk-header .nb-search-drop__icon {
  position: absolute; left: .75rem; top: 50%; transform: translateY(-50%);
  color: var(--nk-ink-soft); pointer-events: none;
}
.nk-header .nb-search-drop input {
  flex: 1; min-width: 0;
  padding: .66rem .7rem .66rem 2.2rem;
  border: 1px solid var(--nk-line); border-right: 0;
  background: #fff; font-size: .8rem;
}
.nk-header .nb-search-drop input:focus { outline: 2px solid var(--nk-orange); outline-offset: -1px; }
.nk-header .nb-search-drop button { padding: .66rem .95rem; font-size: .66rem; }
.nk-header .nb-search-drop input::placeholder { color: var(--nk-ink-soft); opacity: .75; }
.nk-header .nb-search-drop .nb-suggest {
  position: absolute; top: calc(100% + 6px); right: 0;
  width: max(100%, min(440px, 92vw)); margin: 0; z-index: 30;
}
.nk-header .nk-search { display: none; }

/* Arama kutusuna yer açmak için ikincil menü (Haberler, E-Katalog, İletişim) geniş
   olmayan ekranlarda gizlenir; bu bağlantılar menü (☰) içinde de bulunur. */
@media (max-width: 1679px) {
  .nk-header .nk-hd-right .nk-nav--dark { display: none; }
}

@media (max-width: 1180px) {
  .nk-header .nb-search-drop { width: clamp(170px, 18vw, 240px); }
  .nk-header .nb-search-drop button { display: none; }
  .nk-header .nb-search-drop input { border-right: 1px solid var(--nk-line); }
}

@media (max-width: 900px) {
  /* Mobil: büyüteç düğmesi görünür, arama tam genişlikte başlığın altında açılır */
  .nk-header .nk-search { display: inline-flex; color: #fff; padding: .5rem; }
  .nk-header .nk-search span { display: none; }
  .nk-header .nb-search-drop {
    position: absolute; top: var(--nk-nav); left: 0; right: 0; width: auto;
    display: none; padding: .6rem var(--nk-pad);
    background: #fff; border-bottom: 1px solid var(--nk-line);
    box-shadow: 0 18px 40px rgba(18, 20, 24, .16); z-index: 40;
  }
  .nk-header .nb-search-drop.open { display: block; }
  .nk-header .nb-search-drop button { display: inline-block; }
  .nk-header .nb-search-drop input { border-right: 0; font-size: 16px; }
  .nk-header .nb-search-drop .nb-suggest { position: static; width: auto; margin-top: .5rem; }
}

/* İletişim: iki harita (merkez + ikinci adres) */
.nkc-map--half iframe { height: 300px; }
.nkc-map-head--second { margin-top: 1.25rem; }

/* Favoriler: kalp düğmesi, başlık ikonu */
.nk-favform { display: inline-flex; margin: 0; }
.nk-fav {
  display: grid; place-items: center; width: 36px; height: 36px;
  border: 1px solid var(--nk-line); background: #fff; color: var(--nk-ink-soft); cursor: pointer;
  transition: color .2s var(--nk-ease), border-color .2s var(--nk-ease), background .2s var(--nk-ease);
}
.nk-fav svg path { fill: none; }
.nk-fav:hover { color: var(--nk-accent-ink); border-color: var(--nk-orange); }
.nk-fav.is-fav { color: var(--nk-accent-ink); border-color: var(--nk-orange); }
.nk-fav.is-fav svg path { fill: currentColor; }
.nk-fav--label { width: auto; height: auto; display: inline-flex; gap: .5rem; align-items: center; padding: .8rem 1.1rem; font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.nkp-cardfoot { gap: .5rem; }
.nkp-cardfoot .nk-favform { margin-right: auto; }
.nkp-cardfoot > span:first-child + .nk-favform { margin-left: -.5rem; }
.nk-favlink { position: relative; }
.nk-favlink [data-fav-count][hidden] { display: none; }
.nkp-track--favs { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; }

/* Mega menü: panel beyaz zeminde olduğu için başlıktaki menünün "üzerine gelince beyaz"
   kuralı panel bağlantılarına uygulanmaz (ör. "… tümünü gör" görünmez oluyordu). */
.nk-header .nk-pdrop__panel .nk-pdrop__panecta:hover { color: var(--nk-accent-ink); }
.nk-header .nk-pdrop__panel .nk-pdrop__plist a:hover { color: var(--nk-ink); }
.nk-header .nk-pdrop__panel .nk-pdrop__plist a:hover b { color: var(--nk-accent-ink); }

/* ══ Ürün kartı revizyonu ══
   Ürün kodu belirgin; görsel kutuyu doldurur (ortalanarak kırpılır);
   marka ve varyant no yerine "N Diğer Seçenek". */
.nkp-card .nkp-card-code {
  display: inline-block; align-self: flex-start;
  font-family: var(--nk-font);
  font-size: .82rem; font-weight: 800; letter-spacing: .04em;
  color: var(--nk-ink); opacity: 1;
  background: var(--nk-grey); padding: .22rem .55rem;
}
/* Kart dikey esnek kutu olduğundan oran, içerikten bağımsız dolgu (padding) ile sabitlenir: 4:3 */
.nkp-card .nkp-card-media {
  position: relative; display: block; flex: none;
  width: 100%; height: 0; padding-top: 75%; aspect-ratio: auto;
  background: #fff;
}
/* Görsel kırpılmaz: çerçeveye dört kenardan sabitlenir (yüzde yükseklik bu kutuda çözülmediği için
   görsel doğal boyuna uzayıp üstten/alttan kesiliyordu); hem genişlikten hem yükseklikten sığdırılır */
.nkp-card .nkp-card-media img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  max-width: none; max-height: none;
  object-fit: contain; object-position: center;
}
.nkp-card-options {
  display: inline-block; padding: .16rem .55rem;
  font-size: .68rem; font-weight: 800; letter-spacing: .04em;
  background: rgba(255, 210, 0, .08); color: var(--nk-accent-ink);
}

/* ══ Ürün detayı galeri revizyonu ══
   Ana görsel hem genişlik hem yükseklikten çerçeveye sığar (dikey fotoğraflar taşmaz);
   küçük resimlerde dikey kaydırma olmaz, çok görsel varsa yalnızca yana kayar. */
.nkd-stage__zoom { grid-template-columns: 100%; grid-template-rows: 100%; }
.nkd-stage__zoom img { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: contain; }

.nkd-thumbs { overflow-x: auto; overflow-y: hidden; align-items: stretch; }
.nkd-thumb { overflow: hidden; }
.nkd-thumb img {
  width: 100%; height: 100%;
  min-width: 0; min-height: 0;
  object-fit: contain;
}

/* Tam ekran önizleme de iki yönden sınırlı */
.nkd-lb img { max-width: 92vw; max-height: 86vh; width: auto; height: auto; object-fit: contain; }
.nkp-card-options[data-href] { cursor: pointer; transition: background .2s var(--nk-ease), color .2s var(--nk-ease); }
.nkp-card-options[data-href]:hover { background: var(--nk-orange); color: var(--nk-on-accent); }
a.nkp-machine__title { color: var(--nk-ink); }
a.nkp-machine__title:hover { color: var(--nk-accent-ink); }
.nkd-code__options { font-size: .72rem; font-weight: 700; color: var(--nk-accent-ink); text-decoration: underline; text-underline-offset: 2px; margin-left: .35rem; }
.nkd-code__options:hover { color: var(--nk-ink); }

/* ── Ürün detayı: seçenek kutucukları (aynı varyant) ── */
.nkd-opts { margin: 1rem 0 1.1rem; }
.nkd-opts__head { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .8rem; margin: 0 0 .6rem; font-size: .82rem; color: #555; }
.nkd-opts__badge { display: inline-flex; align-items: center; padding: .28rem .7rem; border-radius: 999px; background: var(--nk-orange); color: var(--nk-on-accent); font-weight: 700; font-size: .78rem; letter-spacing: .01em; }
.nkd-opts__current b { color: var(--nk-ink); }
.nkd-opts__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: .55rem; }
.nkd-opts__list > li.is-extra { display: none; }
.nkd-opts.is-expanded .nkd-opts__list > li.is-extra { display: block; }
.nkd-opt { display: flex; flex-direction: column; height: 100%; border: 1px solid #dcdcdc; border-radius: 8px; background: #fff; overflow: hidden; color: inherit; text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.nkd-opt:hover { border-color: var(--nk-orange); box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.nkd-opt.is-current { border: 2px solid var(--nk-orange); box-shadow: 0 0 0 3px rgba(0,0,0,.04); cursor: default; }
.nkd-opt__img { position: relative; display: block; height: 0; padding-top: 72%; background: #fff; border-bottom: 1px solid #eee; }
.nkd-opt__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 4px; }
.nkd-opt__body { display: flex; flex-direction: column; gap: .12rem; padding: .4rem .5rem .5rem; font-size: .72rem; line-height: 1.3; }
.nkd-opt__code { font-size: .78rem; color: var(--nk-ink); word-break: break-all; }
.nkd-opt__name { color: #666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.nkd-opt__price { font-style: normal; font-weight: 700; color: var(--nk-ink); margin-top: auto; padding-top: .15rem; }
.nkd-opts__morecell { display: flex; }
.nkd-opts__more { width: 100%; min-height: 100%; border: 1px dashed #bbb; border-radius: 8px; background: #fafafa; font: inherit; font-size: .75rem; font-weight: 600; color: var(--nk-ink); padding: .6rem; cursor: pointer; }
.nkd-opts__more:hover { border-color: var(--nk-orange); color: var(--nk-accent-ink); }

/* ── Ürün detayı: Ödeme Seçenekleri sekmesi ── */
.nkpay__summary { display: flex; flex-wrap: wrap; gap: .75rem; margin-bottom: 1.25rem; }
.nkpay__box { display: flex; flex-direction: column; gap: .15rem; min-width: 200px; padding: .7rem 1rem; border: 1px solid #b9d7a8; border-radius: 6px; background: #e6f1de; }
.nkpay__box span { font-size: .8rem; color: #444; }
.nkpay__box b { font-size: 1.15rem; color: var(--nk-ink); }
.nkpay__box em { font-style: normal; font-size: .72rem; color: #3f7a26; font-weight: 600; }
.nkpay__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: .9rem; }
.nkpay__card { border: 1px solid #e3e3e3; border-radius: 6px; padding: .8rem .8rem .6rem; background: #fff; }
.nkpay__brand { margin: 0 0 .5rem; font-weight: 800; font-size: 1.05rem; letter-spacing: -.01em; color: var(--nk-ink); }
.nkpay__table { width: 100%; border-collapse: separate; border-spacing: 4px; font-size: .78rem; }
.nkpay__table th { font-weight: 500; color: #777; text-align: center; padding: 0 0 .15rem; }
.nkpay__table td { background: #f4f4f4; text-align: center; padding: .4rem .3rem; color: #222; white-space: nowrap; }
.nkpay__note { margin: 1rem 0 0; font-size: .75rem; color: #777; }

/* ── Ürünler: teknik özellik filtreleri ── */
.nkp-specs { margin-top: 1rem; display: flex; flex-direction: column; gap: .35rem; }
.nkp-specs:empty { display: none; }
.nkp-spec { border-top: 1px solid #e6e6e6; padding-top: .55rem; }
.nkp-spec summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; font-size: .8rem; font-weight: 700; letter-spacing: .02em; color: var(--nk-ink); padding: .15rem 0 .35rem; }
.nkp-spec summary::-webkit-details-marker { display: none; }
.nkp-spec summary::after { content: '+'; font-weight: 400; font-size: 1rem; color: #888; }
.nkp-spec[open] summary::after { content: '–'; }
.nkp-spec ul { list-style: none; margin: 0 0 .4rem; padding: 0; max-height: 220px; overflow-y: auto; }
.nkp-spec .nkp-check { display: flex; align-items: center; }
.nkp-spec__count { margin-left: auto; font-style: normal; font-size: .7rem; color: #999; padding-left: .4rem; }

/* ── Ürünler: arama kutusunda canlı öneriler ── */
.nkp-search { position: relative; }
.nkp-search__suggest { position: absolute; top: 100%; left: 0; z-index: 40; width: max(100%, 380px); max-width: calc(100vw - 32px); margin-top: .35rem; }

/* ── Ürünler: indirimdekiler filtresi ── */
.nkp-deals { margin-top: .9rem; padding-top: .7rem; border-top: 1px solid #e6e6e6; }

/* ══════════════════════════════════════════
   HEADER — Sade editoryal görünüm (giriş hero'suyla aynı dil)
   Tek renk açık zemin, küçük büyük harfli antrasit bağlantılar, alt çizgili arama,
   çerçevesiz dil seçici ve iki çizgili menü simgesi. Ana sayfada üstteyken şeffaftır.
══════════════════════════════════════════ */
.nk-header { --nk-navy: #1d1d1b; }
.nk-header__bg span,
.nk-header__bg span:first-child,
.nk-header__bg span:last-child {
  background: rgba(255, 255, 255, .94);
  border-bottom: 1px solid rgba(29, 29, 27, .08);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transition: opacity .35s var(--nk-ease), box-shadow .35s var(--nk-ease);
}
.nk-header.scrolled .nk-header__bg { box-shadow: 0 10px 30px -24px rgba(29, 29, 27, .5); }

/* Ana sayfa: üstteyken zemin tamamen şeffaf, fotoğrafın üzerinde durur */
.has-hero .nk-header:not(.scrolled) .nk-header__bg span { opacity: 0; }

/* Renkli logo her yerde */
.nk-header .nk-logo__img:not(.nk-logo__img--color) { display: none; }
.nk-header .nk-logo__img--color { display: block; height: clamp(38px, 3.8vw, 50px); width: auto; max-width: 200px; object-fit: contain; }

/* Menü bağlantıları */
.nk-header .nk-nav { gap: clamp(1rem, 2.2vw, 2.4rem); }
.nk-header .nk-nav a,
.nk-header .nk-nav__home,
.nk-header .nk-pdrop__trigger {
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .16em;
  color: var(--nk-navy);
  opacity: 1;
}
.nk-header .nk-nav a:hover,
.nk-header .nk-nav a.is-active,
.nk-header .nk-nav__home:hover,
.nk-header .nk-nav__home.is-active,
.nk-header .nk-pdrop.is-open .nk-pdrop__trigger { color: var(--nk-accent-ink); }
.nk-header .nk-nav a::after { height: 1px; bottom: -7px; border-radius: 0; }

.nk-header .nk-hd-right { padding-right: var(--nk-pad); gap: clamp(1rem, 2vw, 2rem); }
.nk-header .nk-hd-tools { gap: clamp(.9rem, 1.6vw, 1.6rem); }

/* Arama: alt çizgili sade alan */
.nk-header .nb-search-drop form {
  align-items: center;
  padding: 0;
  border: 0;
  border-bottom: 1px solid rgba(29, 29, 27, .3);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.nk-header .nb-search-drop form:focus-within { border-bottom-color: var(--nk-orange); box-shadow: none; }
.nk-header .nb-search-drop__icon { left: 0; color: var(--nk-navy); opacity: .7; }
.nk-header .nb-search-drop input {
  padding: .55rem .5rem .55rem 1.6rem;
  border: 0 !important;
  background: transparent;
  font-size: .78rem;
  color: var(--nk-navy);
}
.nk-header .nb-search-drop input::placeholder { color: rgba(29, 29, 27, .55); opacity: 1; }
.nk-header .nb-search-drop button {
  padding: .4rem 0 .4rem .6rem;
  border-radius: 0;
  background: none;
  color: var(--nk-navy);
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .16em;
}
.nk-header .nb-search-drop button:hover { background: none; color: var(--nk-accent-ink); }

/* İkon düğmeleri (mağaza açıksa görünür): çerçevesiz */
.nk-header .nk-cartbtn {
  width: auto; height: auto;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: var(--nk-navy);
}
.nk-header .nk-cartbtn:hover { background: none; color: var(--nk-accent-ink); transform: none; }

/* Dil seçici: yalın metin */
.nk-header .nk-lang__btn {
  padding: .4rem 0;
  border: 0;
  border-radius: 0;
  background: none;
  font-size: .68rem;
  letter-spacing: .14em;
  color: var(--nk-navy);
}
.nk-header .nk-lang__btn:hover { color: var(--nk-accent-ink); }
.nk-header .nk-lang.is-open .nk-lang__btn { background: none; color: var(--nk-accent-ink); }
.nk-header .nk-lang__menu { border-radius: 0; }

/* Menü düğmesi: iki ince çizgi */
.nk-header .nk-burger {
  width: 30px;
  height: 30px;
  gap: 7px;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.nk-header .nk-burger span { width: 26px; height: 1.5px; border-radius: 0; background: var(--nk-navy); }
.nk-header .nk-burger span:nth-child(2) { width: 18px; align-self: flex-end; }
.nk-header .nk-burger:hover { background: none; transform: none; }
.nk-header .nk-burger:hover span { background: var(--nk-orange); }
.nk-header .nk-burger:hover span:nth-child(2) { width: 26px; }

@media (max-width: 900px) {
  .nk-header .nk-hd-left { padding-right: .5rem; min-width: 0; }
  .nk-header .nk-logo__img--color { height: 36px; max-width: 130px; }
  .nk-header .nk-hd-right { gap: .9rem; }
  .nk-header .nk-search { width: auto; height: auto; padding: .4rem; color: var(--nk-navy); background: none; border-radius: 0; }
  .nk-header .nk-cartbtn, .nk-header .nk-lang__btn { width: auto; height: auto; background: none; border: 0; color: var(--nk-navy); }
  .nk-header .nb-search-drop { background: #fff; }
  .nk-header .nb-search-drop form { border-bottom-color: rgba(29, 29, 27, .3); }
}

/* ══════════════════════════════════════════
   ANA SAYFA RAFI — sade editoryal ürün kartları
   Açık gri zemin, ince dikey ayraçlar, bol boşluklu görsel, altta kaydırma çubuğu.
══════════════════════════════════════════ */
.nkshelf--editorial { background: #f6f6f5; }
.nkshelf--editorial .nkshelf__track {
  --shelf-cols: 4;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc(100% / var(--shelf-cols));
  gap: 0;
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  cursor: grab;
}
.nkshelf--editorial .nkshelf__track.is-dragging { cursor: grabbing; scroll-snap-type: none; }
.nkshelf--editorial .nkshelf__track.is-dragging .yp { pointer-events: none; }

.yp { scroll-snap-align: start; border-left: 1px solid rgba(28, 28, 28, .14); }
.yp:first-child { border-left-color: transparent; }
.yp__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: .5rem clamp(1.25rem, 2.6vw, 3rem) 1.5rem;
  color: #1c1c1c;
  text-decoration: none;
}
.yp__media {
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 3.3;
  margin-bottom: 1.6rem;
}
.yp__media img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  /* Beyaz zeminli ürün fotoğrafları gri zemine karışır */
  mix-blend-mode: multiply;
  -webkit-user-drag: none;
  transition: transform .6s var(--nk-ease);
}
.yp__link:hover .yp__media img { transform: scale(1.04); }

.yp__brand { font-size: .76rem; color: #3b3b3b; }
.yp__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-top: .3rem;
}
.yp__title {
  font-size: .98rem;
  font-weight: 700;
  line-height: 1.35;
  color: #1c1c1c;
  transition: color .25s var(--nk-ease);
}
.yp__link:hover .yp__title { color: var(--nk-accent-ink); }
.yp__cat {
  flex-shrink: 0;
  max-width: 45%;
  padding-top: .12rem;
  font-size: .76rem;
  font-weight: 700;
  line-height: 1.35;
  text-align: right;
  color: #1c1c1c;
}
.yp__meta { margin-top: .45rem; font-size: .76rem; color: #5a5a5a; }
.yp__flag {
  margin-top: .9rem;
  font-size: .74rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #3b3b3b;
}
.yp__link:focus-visible { outline: 2px solid var(--nk-orange); outline-offset: -2px; }

/* Kaydırma çubuğu */
.nkshelf__bar {
  position: relative;
  height: 3px;
  margin-top: clamp(1.75rem, 3vw, 2.5rem);
  background: #dcdcdb;
  cursor: pointer;
}
.nkshelf__bar[hidden] { display: none; }
.nkshelf__bar span {
  position: absolute;
  inset: 0 auto 0 0;
  background: #1c1c1c;
  transition: transform .15s linear;
}

@media (max-width: 1100px) { .nkshelf--editorial .nkshelf__track { --shelf-cols: 3; } }
@media (max-width: 760px)  { .nkshelf--editorial .nkshelf__track { --shelf-cols: 2; } }
@media (max-width: 520px)  { .nkshelf--editorial .nkshelf__track { --shelf-cols: 1.35; } }

/* ══════════════════════════════════════════
   İÇ SAYFA BAŞLIKLARI — açık editoryal banner
   (.nkb-hero: kurumsal sayfalar, iletişim, teklif, katalog, haberler, üyelik;
    .nka-hero: Hakkımızda). İnci zemin + silik dalgalı sütun çizgileri; solda sayfa yolu,
   sarı etiket ve ince büyük harfli başlık; sağda doğaya açılan pencereyi andıran
   kemerli fotoğraf ve kaydırılmış ince sarı kemer çizgisi. Markup değişmez.
══════════════════════════════════════════ */
.nkb-hero,
.nka-hero {
  --ib-navy: #1d1d1b;
  position: relative;
  isolation: isolate;
  height: auto;
  min-height: clamp(440px, 60vh, 620px);
  padding-top: var(--nk-nav);
  overflow: hidden;
  background:
    radial-gradient(34% 60% at 80% 70%, rgba(255, 210, 0, .1) 0%, rgba(255, 210, 0, 0) 70%),
    linear-gradient(180deg, #f8f9fc 0%, #eef0f7 100%);
  color: var(--ib-navy);
  border-bottom: 1px solid rgba(29, 29, 27, .08);
}
/* Silik dalgalı sütun çizgileri (ana sayfadaki çizgilerin devamı) */
.nkb-hero::before,
.nka-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%231d1d1b' stroke-opacity='.08' stroke-width='.15'%3E%3Cpath d='M22 0C20.5 38 24 70 22 100'/%3E%3Cpath d='M50 0C46 30 52 68 47 100'/%3E%3Cpath d='M78 0C80.5 36 76 70 78 100'/%3E%3C/g%3E%3Cpath d='M52.2 0C48.2 30 54.2 68 49.2 100' fill='none' stroke='%23ffd200' stroke-opacity='.14' stroke-width='.15'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  pointer-events: none;
}
.nkb-hero__bg, .nka-hero__bg, .nkb-hero__watermark, .nka-hero__year { display: none; }

.nkb-hero__inner,
.nka-hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  align-items: end;
  gap: clamp(2rem, 5vw, 6rem);
  height: auto;
  min-height: calc(clamp(440px, 60vh, 620px) - var(--nk-nav));
  padding: 0 var(--nk-pad);
}

/* ── Sol: metin ── */
.nkb-hero__left,
.nka-hero__left {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  align-self: center;
  max-width: none;
  padding: clamp(2.5rem, 6vh, 4rem) 0;
  color: var(--ib-navy);
}
.nkb-eyebrow,
.nka-hero .nka-eyebrow {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin: 0;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--nk-accent-ink);
}
.nkb-eyebrow i { display: block; width: 34px; height: 2px; border-radius: 2px; background: currentColor; }

.nkb-hero__title,
.nka-hero__title {
  margin: 0;
  font-size: clamp(2.5rem, 5.4vw, 5.8rem);
  font-weight: 300;
  line-height: 1.04;
  letter-spacing: -.03em;
  text-transform: uppercase;
  color: var(--ib-navy);
  text-shadow: none;
  text-wrap: balance;
}
.nkb-hero__title em,
.nka-hero__title em {
  display: inline-block;
  font-family: var(--nk-font);
  font-style: italic;
  font-weight: 500;
  font-size: 1.08em;
  letter-spacing: -.01em;
  text-transform: none;
  color: var(--nk-accent-ink);
}
.nkb-hero__sub,
.nka-hero__text {
  max-width: 48ch;
  margin: .4rem 0 0;
  font-size: clamp(.9rem, 1vw, 1rem);
  line-height: 1.75;
  color: rgba(29, 29, 27, .7);
}

/* Hakkımızda rakamları */
.nka-hero__meta {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.2rem;
  padding-top: 1.2rem;
  border-top: 1px solid rgba(29, 29, 27, .12);
}
.nka-hero__meta div { padding: 0 1.4rem; }
.nka-hero__meta div:first-child { padding-left: 0; }
.nka-hero__meta div + div { border-left: 1px solid rgba(29, 29, 27, .12); }
.nka-hero__meta b { font-size: clamp(1.3rem, 2vw, 1.8rem); font-weight: 800; color: var(--ib-navy); }
.nka-hero__meta span { font-size: .6rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(29, 29, 27, .55); }

/* ── Sağ: kemerli pencere ── */
.nkb-hero__right,
.nka-hero__right {
  position: relative;
  inset: auto;
  z-index: 0;
  display: block;
  justify-self: center;
  align-self: end;
  /* Yükseklik başlık alanından gelir, genişlik kemer oranından: kemer her ekranda aynı biçimde kalır */
  height: calc(clamp(440px, 60vh, 620px) - var(--nk-nav) - 2.5rem);
  width: auto;
  max-width: 100%;
  min-height: 0;
  aspect-ratio: 4 / 4.7;
  overflow: visible;
}
.nkb-hero__right::before,
.nka-hero__right::before {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255, 210, 0, .45);
  border-bottom: 0;
  border-radius: 999px 999px 0 0;
  transform: translate(-22px, 22px);
  pointer-events: none;
}
.nkb-hero__right img,
.nka-hero__right img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 60%;
  border-radius: 999px 999px 0 0;
  box-shadow: 0 40px 80px -40px rgba(29, 29, 27, .5);
  animation: ibRise 1s var(--nk-ease) both;
}
@keyframes ibRise { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }

/* Başlıktaki sayfa yolu: açık zeminde antrasit */
.nkb-breadcrumb { margin-bottom: 1.2rem; }
.nkb-breadcrumb a { color: rgba(29, 29, 27, .55); }
.nkb-breadcrumb a:hover { color: var(--nk-accent-ink); }
.nkb-breadcrumb [aria-current="page"] { color: var(--ib-navy); font-weight: 700; }
.nkb-breadcrumb > span[aria-hidden="true"] { background: rgba(29, 29, 27, .3); }

/* Haber detayı: uzun başlık */
.nkb-hero--article .nkb-hero__title {
  font-size: clamp(1.8rem, 3.4vw, 3.2rem);
  line-height: 1.04;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 900px) {
  .nkb-hero, .nka-hero { min-height: 0; }
  .nkb-hero__inner, .nka-hero__grid { grid-template-columns: 1fr; gap: 0; min-height: 0; }
  .nkb-hero__left, .nka-hero__left { padding: 2.5rem 0 2rem; }
  .nkb-hero__title, .nka-hero__title { font-size: clamp(2.1rem, 9.5vw, 3.2rem); }
  .nkb-hero__right, .nka-hero__right { height: auto; width: min(78vw, 340px); margin-left: 22px; }
}

@media (prefers-reduced-motion: reduce) {
  .nkb-hero__right img, .nka-hero__right img { animation: none; }
}

/* ══════════════════════════════════════════
   BREADCRUMB — sade editoryal sayfa yolu
   Küçük büyük harfli yazılar, "/" yerine ince çizgi ayraç, geçerli sayfa vurgulu.
   .nk-crumbs-bar: ürün sayfalarında açık şerit; .nkb-breadcrumb: başlık alanında beyaz.
══════════════════════════════════════════ */
.nk-crumbs-bar {
  padding: 1.05rem var(--nk-pad);
  background: #f6f6f5;
  border-bottom: 1px solid rgba(29, 29, 27, .08);
}
.nk-crumbs,
.nkb-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .8rem;
  margin: 0;
  font-size: .64rem;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  line-height: 1.5;
}
.nk-crumbs a,
.nkb-breadcrumb a {
  color: rgba(29, 29, 27, .55);
  text-decoration: none;
  transition: color .2s var(--nk-ease);
}
.nk-crumbs a:hover { color: var(--nk-accent-ink); }
.nk-crumbs span[aria-current] {
  color: #1d1d1b;
  font-weight: 700;
  max-width: 42ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* Ayraç: metin gizlenir, yerine ince çizgi */
.nk-crumbs i,
.nkb-breadcrumb > span[aria-hidden="true"] {
  display: inline-block;
  width: 18px;
  height: 1px;
  font-size: 0;
  font-style: normal;
  color: transparent;
  background: rgba(29, 29, 27, .3);
}



/* ══════════════════════════════════════════
   ÜRÜNLER MEGA MENÜSÜ — sade editoryal düzen
   Sol: ince çizgili büyük kategori listesi · Orta: alt kategoriler · Sağ: oda fotoğrafı kartı
══════════════════════════════════════════ */
.nk-header .nk-pdrop__panel {
  left: 0;
  right: 0;
  width: auto;
  top: var(--nk-nav);
  border: 0;
  border-top: 1px solid rgba(29, 29, 27, .08);
  background: #fff;
  box-shadow: 0 40px 80px -40px rgba(29, 29, 27, .35);
}
.nk-header .nk-pdrop__inner {
  grid-template-columns: minmax(260px, 30%) 1fr;
  min-height: 380px;
  padding: 0 var(--nk-pad);
}
.nk-header .nk-pdrop__eyebrow {
  margin: 0 0 1.2rem;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .2em;
  color: rgba(29, 29, 27, .5);
}

/* Sol ray */
.nk-header .nk-pdrop__rail {
  padding: 2.2rem 2rem 2.2rem 0;
  background: none;
  border-right: 1px solid rgba(29, 29, 27, .08);
  gap: 0;
}
.nk-header .nk-pdrop__railitem {
  display: flex;
  align-items: flex-start;
  gap: .4rem;
  width: 100%;
  padding: .55rem 0;
  border: 0;
  border-bottom: 1px solid rgba(29, 29, 27, .06);
  border-radius: 0;
  background: none;
  text-align: left;
  color: rgba(29, 29, 27, .45);
  font-size: clamp(1.1rem, 1.6vw, 1.5rem);
  font-weight: 300;
  letter-spacing: -.01em;
  text-transform: uppercase;
  cursor: pointer;
  transition: color .25s var(--nk-ease), padding .3s var(--nk-ease);
}
.nk-header .nk-pdrop__railitem:hover,
.nk-header .nk-pdrop__railitem.is-on { background: none; color: var(--nk-navy); padding-left: .4rem; box-shadow: none; }
.nk-header .nk-pdrop__railtitle { flex: 0 1 auto; }
.nk-header .nk-pdrop__pill {
  padding: 0;
  background: none !important;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .06em;
  color: var(--nk-accent-ink);
}
.nk-header .nk-pdrop__arrow { margin-left: auto; align-self: center; color: var(--nk-accent-ink); }
.nk-header .nk-pdrop__all {
  margin-top: 1.4rem;
  padding: 0 0 .5rem;
  border-bottom: 1px solid var(--nk-navy);
  align-self: flex-start;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--nk-navy);
}

/* Sağ: alt kategoriler + görsel */
.nk-header .nk-pdrop__panes { padding: 2.2rem 0 2.2rem 2.5rem; }
.nk-header .nk-pdrop__pane.is-on {
  display: grid;
  grid-template-columns: 1fr minmax(240px, 40%);
  gap: 2.5rem;
  align-items: stretch;
}
.nk-header .nk-pdrop__list { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }
.nk-header .nk-pdrop__subgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .2rem 2rem; }
.nk-header .nk-pdrop__subhead {
  padding: .6rem 0;
  border: 0;
  border-bottom: 1px solid rgba(29, 29, 27, .08);
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: var(--nk-navy);
}
.nk-header .nk-pdrop__subhead b { font-size: .64rem; font-weight: 700; color: rgba(29, 29, 27, .4); background: none; }
.nk-header .nk-pdrop__subhead:hover { color: var(--nk-accent-ink); border-color: var(--nk-orange); }
.nk-header .nk-pdrop__panecta {
  margin-top: auto;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--nk-accent-ink);
}

.nk-header .nk-pdrop__visual {
  position: relative;
  display: block;
  min-height: 300px;
  overflow: hidden;
  background: #eef0f7;
}
.nk-header .nk-pdrop__visual::after { display: none; }
.nk-header .nk-pdrop__visual img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .8s var(--nk-ease);
}
.nk-header .nk-pdrop__visual:hover img { transform: scale(1.05); }
.nk-header .nk-pdrop__visual::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(0deg, rgba(14, 14, 13, .7) 0%, rgba(14, 14, 13, 0) 55%);
}
.nk-header .nk-pdrop__vcap {
  position: absolute;
  left: 1.25rem; right: 1.25rem; bottom: 1.1rem;
  z-index: 2;
  display: flex;
  align-items: baseline;
  gap: .6rem;
  color: #fff;
}
.nk-header .nk-pdrop__vcap em {
  font-family: var(--nk-font);
  font-size: 1.6rem;
  font-style: italic;
  line-height: 1;
}
.nk-header .nk-pdrop__vcap b { font-size: .62rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; opacity: .8; }
.nk-header .nk-pdrop__vcap i {
  margin-left: auto;
  font-style: normal;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  padding-bottom: .15rem;
}

@media (max-width: 1180px) {
  .nk-header .nk-pdrop__pane.is-on { grid-template-columns: 1fr; }
  .nk-header .nk-pdrop__visual { display: none; }
}

/* ══════════════════════════════════════════
   HEADER — şeffaf başlangıç + kaydırınca yüzen kapsül
   Başlık bölümü olan iç sayfalarda (ve ana sayfada) en üstte zemin şeffaftır;
   header açık banner'ın üzerinde durur. Kaydırılınca kenarlardan ayrışan,
   yuvarlak köşeli buzlu beyaz bir kapsüle dönüşür.
══════════════════════════════════════════ */
.nk-header__bg {
  transition: inset .4s var(--nk-ease), border-radius .4s var(--nk-ease), background .4s var(--nk-ease), box-shadow .4s var(--nk-ease);
  border-radius: 0;
}

/* Başlık bölümü olan iç sayfalar: en üstte şeffaf */
body:has(.nkb-hero, .nka-hero) .nk-header:not(.scrolled) .nk-header__bg span { opacity: 0; }

/* Kaydırılınca kapsül */
.nk-header.scrolled .nk-header__bg {
  inset: 8px calc(var(--nk-pad) - 1.25rem);
  border-radius: 999px;
  background: rgba(255, 255, 255, .82);
  border: 1px solid rgba(29, 29, 27, .07);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: 0 18px 40px -24px rgba(29, 29, 27, .45);
}
.nk-header.scrolled .nk-header__bg span,
.has-hero .nk-header.scrolled .nk-header__bg span {
  opacity: 1;
  background: none;
  border: 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

@media (max-width: 900px) {
  .nk-header.scrolled .nk-header__bg { inset: 6px 8px; }
}
.nk-header .nk-logo__img--color { transition: height .4s var(--nk-ease); }
.nk-header.scrolled .nk-logo__img--color { height: 38px; }
@media (max-width: 900px) { .nk-header.scrolled .nk-logo__img--color { height: 32px; } }

/* ══════════════════════════════════════════
   KURUMSAL SAYFASI — editoryal bölümler (Prefix: .yk-)
══════════════════════════════════════════ */
.yk-eyebrow {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin: 0 0 1.4rem;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--nk-accent-ink);
}
.yk-eyebrow i { display: block; width: 34px; height: 2px; border-radius: 2px; background: currentColor; }
.yk-display {
  margin: 0;
  font-size: clamp(2.3rem, 4.6vw, 4.8rem);
  font-weight: 300;
  line-height: 1.04;
  letter-spacing: -.03em;
  text-transform: uppercase;
  color: #1d1d1b;
}
.yk-display em {
  display: block;
  font-family: var(--nk-font);
  font-style: italic;
  font-weight: 500;
  font-size: 1.08em;
  letter-spacing: -.01em;
  text-transform: none;
  color: var(--nk-accent-ink);
}
.yk-display--sm { font-size: clamp(2rem, 3.6vw, 3.6rem); max-width: 16ch; }

/* Firma profili */
.yk-intro {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(2rem, 6vw, 7rem);
  padding: clamp(4rem, 10vh, 7rem) var(--nk-pad);
  background: #fff;
}
.yk-intro__head { position: sticky; top: calc(var(--nk-nav) + 2rem); align-self: start; }
.yk-prose { font-size: 1rem; line-height: 1.85; color: rgba(29, 29, 27, .75); }
.yk-prose > h2:first-child { display: none; }
.yk-prose p { margin: 0 0 1.2rem; }
.yk-prose > p:first-of-type { font-size: 1.18rem; line-height: 1.7; color: #1d1d1b; }
.yk-prose h3 {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin: 2.2rem 0 .8rem;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #1d1d1b;
}
.yk-prose h3::before { content: ''; width: 22px; height: 1px; background: var(--nk-orange); }

/* Tesis bandı */
.yk-band {
  position: relative;
  isolation: isolate;
  min-height: clamp(420px, 70vh, 640px);
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  color: #fff;
}
.yk-band__img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.yk-band::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(0deg, rgba(14, 14, 13, .85) 0%, rgba(14, 14, 13, .2) 55%, rgba(14, 14, 13, 0) 100%);
}
.yk-band__inner { width: 100%; padding: 0 var(--nk-pad) clamp(2rem, 5vh, 3.5rem); }
.yk-band__title {
  margin: 0 0 1.4rem;
  font-family: var(--nk-font);
  font-size: clamp(1.6rem, 2.6vw, 2.4rem);
  font-style: italic;
  color: #fbf8f3;
}
.yk-band__facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 1.4rem 0 0;
  list-style: none;
  border-top: 1px solid rgba(255, 255, 255, .3);
}
.yk-band__facts li { display: flex; flex-direction: column; gap: .4rem; padding: 0 1.5rem; }
.yk-band__facts li:first-child { padding-left: 0; }
.yk-band__facts li + li { border-left: 1px solid rgba(255, 255, 255, .25); }
.yk-band__facts b { white-space: nowrap; font-size: clamp(1.8rem, 3.4vw, 3.4rem); font-weight: 300; line-height: 1; letter-spacing: -.03em; }
.yk-band__facts span { font-size: .64rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: rgba(255, 255, 255, .72); }

/* Değerler */
.yk-values { padding: clamp(4rem, 10vh, 7rem) var(--nk-pad); background: #f6f6f5; }
.yk-values__head { margin-bottom: clamp(2.5rem, 6vh, 4rem); }
.yk-values__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}
.yk-values__list li { padding: 0 clamp(1rem, 2vw, 2rem) 0; border-left: 1px solid rgba(29, 29, 27, .14); }
.yk-values__list li:first-child { padding-left: 0; border-left: 0; }
.yk-values__no {
  display: block;
  margin-bottom: 2.4rem;
  font-family: var(--nk-font);
  font-size: 2.4rem;
  font-style: italic;
  line-height: 1;
  color: var(--nk-accent-ink);
}
.yk-values__list h3 { margin: 0 0 .7rem; font-size: 1.05rem; font-weight: 700; line-height: 1.35; color: #1d1d1b; }
.yk-values__list p { margin: 0; font-size: .9rem; line-height: 1.7; color: rgba(29, 29, 27, .68); }

/* Vizyon & Misyon */
.yk-vm {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(4.5rem, 12vh, 8rem) var(--nk-pad);
  background:
    radial-gradient(40% 60% at 90% 90%, rgba(255, 210, 0, .22) 0%, rgba(255, 210, 0, 0) 70%),
    linear-gradient(180deg, #141413 0%, #1d1d1b 100%);
  color: #fff;
}
.yk-vm__lines { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; pointer-events: none; }
.yk-vm__lines path { fill: none; stroke: rgba(255, 255, 255, .08); stroke-width: 1px; vector-effect: non-scaling-stroke; }
.yk-vm__lines .is-main { stroke: rgba(255, 255, 255, .13); }
.yk-vm__lines .is-thin { stroke: rgba(255, 210, 0, .22); }
.yk-vm__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 6vw, 6rem); }
.yk-vm h2 { margin: 0 0 1.5rem; font-weight: 400; }
.yk-vm h2 em {
  font-family: var(--nk-font);
  font-size: clamp(2.4rem, 4.4vw, 4.4rem);
  font-style: italic;
  line-height: 1;
  color: #ffd200;
}
.yk-vm p { margin: 0; max-width: 52ch; font-size: clamp(.98rem, 1.15vw, 1.1rem); line-height: 1.85; color: rgba(255, 255, 255, .82); }

@media (max-width: 900px) {
  .yk-intro, .yk-vm__grid { grid-template-columns: 1fr; }
  .yk-intro__head { position: static; }
  .yk-band__facts, .yk-values__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.6rem 0; }
  .yk-band__facts li:nth-child(3), .yk-values__list li:nth-child(3) { padding-left: 0; border-left: 0; }
  .yk-values__list { gap: 2.5rem 0; }
}

/* ══════════════════════════════════════════
   ANA SAYFA — KATALOG & SATIŞ NOKTALARI (Prefix: .ycs-, harita: .ydm)
   İki uzun panel: sarı (katalog) ve antrasit (satış noktaları + Türkiye haritası).
══════════════════════════════════════════ */
.ycs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  padding: 0;
  background: #f4f5fb;
}
.ycs-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: clamp(640px, 88vh, 820px);
  padding: clamp(1.75rem, 3vw, 2.75rem);
  color: #fff;
}
.ycs-panel--pink {
  background:
    radial-gradient(60% 50% at 80% 85%, rgba(255, 255, 255, .16) 0%, rgba(255, 255, 255, 0) 70%),
    linear-gradient(160deg, #2b2b28 0%, #1d1d1b 55%, #141413 100%);
}
.ycs-panel--navy {
  background:
    radial-gradient(60% 50% at 20% 100%, rgba(255, 210, 0, .28) 0%, rgba(255, 210, 0, 0) 70%),
    linear-gradient(160deg, #1d1d1b 0%, #141413 60%, #0e0e0d 100%);
}

.ycs-panel__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 2rem; }
.ycs-icon { flex-shrink: 0; color: #fff; }
.ycs-desc { max-width: 30ch; margin: 0; font-size: .82rem; line-height: 1.65; color: rgba(255, 255, 255, .85); }

.ycs-name {
  margin: clamp(2rem, 5vh, 3.5rem) 0 0;
  font-size: clamp(2.6rem, 4.6vw, 4.8rem);
  font-weight: 300;
  line-height: .95;
  letter-spacing: -.035em;
  color: #fff;
}
.ycs-name sup {
  margin-left: .2em;
  font-size: .28em;
  font-weight: 600;
  letter-spacing: 0;
  vertical-align: top;
  position: relative;
  top: .45em;
}

.ycs-feats {
  display: grid;
  grid-template-columns: 7rem 1fr;
  gap: 1rem;
  margin-top: clamp(1.5rem, 4vh, 2.5rem);
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, .3);
}
.ycs-feats p { margin: 0; font-size: .74rem; color: rgba(255, 255, 255, .8); }
.ycs-feats ul { margin: 0; padding: 0; list-style: none; }
.ycs-feats li {
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: .55rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, .22);
  font-size: .82rem;
  color: #fff;
}
.ycs-feats li:first-child { padding-top: 0; }

/* Katalog kapağı: panelin alt kısmında */
.ycs-cover {
  display: block;
  width: min(88%, 520px);
  height: auto;
  margin: auto auto 0;
  padding-top: 1.5rem;
  filter: drop-shadow(0 30px 40px rgba(29, 29, 27, .45));
  transform: rotate(-4deg);
  transition: transform .7s var(--nk-ease);
}
.ycs-panel--pink:hover .ycs-cover { transform: rotate(0) translateY(-8px); }

.ycs-panel__bottom {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1.5rem;
}
.ycs-more {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  font-size: .78rem;
  color: #fff;
  text-decoration: none;
}
.ycs-more i {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  color: #1d1d1b;
  transition: transform .3s var(--nk-ease);
}
.ycs-more:hover i { transform: rotate(90deg); }
.ycs-cta {
  display: inline-flex;
  align-items: center;
  gap: 2.5rem;
  padding: .85rem 1.1rem;
  background: #1d1d1b;
  color: #fff;
  font-size: .78rem;
  text-decoration: none;
  transition: background .25s var(--nk-ease), color .25s var(--nk-ease), gap .25s var(--nk-ease);
}
.ycs-cta:hover { background: #fff; color: #1d1d1b; gap: 3rem; }
.ycs-cta--pink { background: var(--nk-orange); }
.ycs-cta--pink:hover { color: var(--nk-accent-ink); }

/* Türkiye haritası */
.ydm { position: relative; margin: auto 0 0; padding-top: 1.5rem; }
.ydm::before { content: ''; display: block; aspect-ratio: 1007 / 527; }
.ydm:has(svg)::before { display: none; }
.ydm__svg { display: block; width: 100%; height: auto; }
.ydm__svg path { fill: rgba(255, 255, 255, .1); stroke: #141413; stroke-width: .6; }
.ydm__svg g.is-on path { fill: #ffd200; cursor: pointer; }
.ydm__svg g[data-city]:not(.is-on) path { cursor: pointer; }
.ydm__svg g[data-city]:hover path { fill: rgba(255, 255, 255, .28); }
.ydm__svg g.is-on:hover path,
.ydm__svg g.is-active path { fill: #fff; }
.ydm__cyprus path { fill: rgba(255, 255, 255, .06); pointer-events: none; }
.ydm__info {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  display: grid;
  gap: .6rem;
  min-width: 220px;
  max-width: 320px;
  max-height: 60%;
  overflow: auto;
  padding: 1rem 1.1rem;
  background: #fff;
  color: #1d1d1b;
  box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .5);
}
.ydm__info[hidden] { display: none; }
.ydm__city { font-size: .66rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--nk-accent-ink); }
.ydm__row { display: grid; gap: .15rem; padding-top: .5rem; border-top: 1px solid rgba(29, 29, 27, .1); font-size: .8rem; line-height: 1.45; }
.ydm__row strong { font-weight: 700; }
.ydm__row em { font-style: normal; color: rgba(29, 29, 27, .65); }
.ydm__row a { color: var(--nk-accent-ink); font-weight: 700; text-decoration: none; }

@media (max-width: 1000px) {
  .ycs { grid-template-columns: 1fr; }
  .ycs-panel { min-height: 0; }
}
@media (max-width: 560px) {
  .ycs-panel__top { flex-direction: column; gap: 1rem; }
  .ycs-feats { grid-template-columns: 1fr; gap: .6rem; }
  .ycs-panel__bottom { flex-wrap: wrap; }
}


/* Ana sayfa en üstte: header fotoğrafın üzerinde — beyaz logo ve beyaz yazılar */
.has-hero .nk-header:not(.scrolled) .nk-logo__img--color { display: none; }
.has-hero .nk-header:not(.scrolled) .nk-logo__img:not(.nk-logo__img--color) {
  display: block;
  height: clamp(38px, 3.8vw, 50px);
  width: auto;
  max-width: 200px;
  object-fit: contain;
}
.has-hero .nk-header:not(.scrolled) .nk-nav a,
.has-hero .nk-header:not(.scrolled) .nk-nav__home,
.has-hero .nk-header:not(.scrolled) .nk-pdrop__trigger,
.has-hero .nk-header:not(.scrolled) .nk-lang__btn,
.has-hero .nk-header:not(.scrolled) .nk-search,
.has-hero .nk-header:not(.scrolled) .nk-cartbtn,
.has-hero .nk-header:not(.scrolled) .nb-search-drop__icon,
.has-hero .nk-header:not(.scrolled) .nb-search-drop input,
.has-hero .nk-header:not(.scrolled) .nb-search-drop button { color: #fff; opacity: 1; }
.has-hero .nk-header:not(.scrolled) .nb-search-drop input::placeholder { color: rgba(255, 255, 255, .75); }
.has-hero .nk-header:not(.scrolled) .nb-search-drop form { border-bottom-color: rgba(255, 255, 255, .6); }
.has-hero .nk-header:not(.scrolled) .nk-burger span { background: #fff; }
.has-hero .nk-header:not(.scrolled) .nk-nav a:hover,
.has-hero .nk-header:not(.scrolled) .nk-nav a.is-active,
.has-hero .nk-header:not(.scrolled) .nk-pdrop.is-open .nk-pdrop__trigger { color: #fff; }
/* Mega menü açıkken beyaz panelin üzerinde okunur kalsın */
@media (max-width: 900px) {
  .has-hero .nk-header:not(.scrolled) .nk-burger { background: rgba(255, 255, 255, .16); }
  .has-hero .nk-header:not(.scrolled) .nk-burger span { background: #fff; }
}

/* ══════════════════════════════════════════
   KÖŞELER — sitedeki düğme ve kartlarda yuvarlaklık yok
   (Kemer motifi, dönen rozetler, ay/halka süslemeleri ve küçük nokta işaretleri hariç)
══════════════════════════════════════════ */
:where(.nk-header, .nk-mega, #main-content, .nkf, .nk-popup, .nk-toast) :is(
  button, .btn, a[class*="btn"], [class*="__btn"], [class*="-btn"], [class*="cta"],
  [class*="chip"], [class*="card"], [class*="panel"], [class*="pill"], [class*="__box"],
  input, select, textarea, .nk-arrow, .nk-burger, .nk-cartbtn, .nk-lang__btn, .nk-lang__menu,
  .nb-search-drop form, .nb-suggest, .nkf-shot, .nkf-shot span, .nkf-social a, .nkf-top-btn i,
  .yp, .yh__label i, .yh__thumbs button, .yh__play, .ycs-more i, .ydm__info,
  .nkp-filter, .nkd-opt, .nkd-opts, .nkd-opt__img, .nkd-code__options, .nkpay__card, .nkpay__box,
  .nk-fav, .nk-popup__close, [class*="card"] img
) { border-radius: 0 !important; }

/* ══════════════════════════════════════════
   MENÜ PANELİ (☰) — sitenin editoryal dili
   Sol: antrasit geçişli oda fotoğrafı, beyaz logo, italik slogan, iletişim.
   Orta: ince büyük harfli menü, sarı italik numaralar. Sağ: sade ürün grubu karoları.
══════════════════════════════════════════ */
.nk-mega .nk-mega__panel { background: #f6f6f5; }
.nk-mega .nk-mega__brand {
  position: relative;
  isolation: isolate;
  background: #1d1d1b url('img/site/banner.webp') center 60% / cover no-repeat;
}
.nk-mega .nk-mega__brand::before,
.nk-mega .nk-mega__brand::after { content: none; }
.nk-mega .nk-mega__brand > * { position: relative; z-index: 1; }
.nk-mega .nk-mega__brand {
  box-shadow: inset 0 0 0 100vmax rgba(14, 14, 13, .55);
}
.nk-mega .nk-mega__slogan {
  font-family: var(--nk-font);
  font-size: clamp(2rem, 2.8vw, 2.8rem);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0;
  color: #fff;
}
.nk-mega .nk-mega__ci span { color: #ffd200; }
.nk-mega .nk-mega__ci p, .nk-mega .nk-mega__ci a { color: rgba(255, 255, 255, .9); }
.nk-mega .nk-mega__langs a { border-radius: 0; }

.nk-mega .nk-mega__eyebrow { color: var(--nk-accent-ink); letter-spacing: .22em; }

/* Menü bağlantıları */
.nk-mega .nk-mega__links li { border: 0; }
.nk-mega .nk-mega__links a {
  display: flex;
  align-items: baseline;
  gap: 1.2rem;
  padding: .45rem 0;
  border: 0;
  color: #1d1d1b;
  text-decoration: none;
  transition: color .25s var(--nk-ease), transform .35s var(--nk-ease);
}
.nk-mega .nk-mega__links em {
  min-width: 2.2rem;
  font-family: var(--nk-font);
  font-size: 1.3rem;
  font-style: italic;
  letter-spacing: 0;
  color: var(--nk-accent-ink);
}
.nk-mega .nk-mega__links span {
  font-size: clamp(1.8rem, 2.8vw, 3rem);
  font-weight: 300;
  line-height: 1.05;
  letter-spacing: -.025em;
}
.nk-mega .nk-mega__links svg { display: none; }
.nk-mega .nk-mega__links a:hover { color: var(--nk-accent-ink); transform: translateX(10px); }

/* Ürün grubu karoları */
.nk-mega .nk-mega__cats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }
.nk-mega .nk-mega__cat {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  align-items: stretch;
  gap: .9rem;
  min-height: 0;
  padding: 1rem 1.25rem 1.25rem;
  border: 0;
  border-left: 1px solid rgba(28, 28, 28, .12);
  background: none;
  box-shadow: none;
  color: #1c1c1c;
}
.nk-mega .nk-mega__cat:nth-child(odd) { border-left-color: transparent; padding-left: 0; }
.nk-mega .nk-mega__cat-mark { display: none; }
.nk-mega .nk-mega__cat img,
.nk-mega .nk-mega__cat-img {
  position: static;
  width: 100%;
  height: 110px;
  object-fit: contain;
  transform: none;
  mix-blend-mode: multiply;
  transition: transform .5s var(--nk-ease);
}
.nk-mega .nk-mega__cat:hover img { transform: scale(1.05); }
.nk-mega .nk-mega__cat-tag { font-size: .66rem; font-weight: 700; letter-spacing: .12em; color: var(--nk-accent-ink); }
.nk-mega .nk-mega__cat-title { font-size: 1rem; font-weight: 700; color: #1c1c1c; }
.nk-mega .nk-mega__cat:hover .nk-mega__cat-title { color: var(--nk-accent-ink); }
.nk-mega .nk-mega__cat-link { display: none; }

.nk-mega .nk-mega__close { background: #1d1d1b; }
.nk-mega .nk-mega__close:hover { background: var(--nk-orange); }

/* Kaydırılınca açılan header kapsülü: köşeler düz */
.nk-header.scrolled .nk-header__bg { border-radius: 0; }

/* ══════════════════════════════════════════
   TEK FONT: Montserrat — vurgu kelimeleri Montserrat italik
   (önceki serif vurgular için büyütülmüş boyutlar normale döner)
══════════════════════════════════════════ */
.nk-hero__title em, .yh__title em, .yc__title em, .yk-display em, .nkf-title em, .nkf-cta__title em,
.ycs-title em, .nkb-hero__title em, .nka-hero__title em {
  font-size: 1em;
  font-weight: 300;
  letter-spacing: -.02em;
}
.nk-watermark, .nkf-slogan, .nk-hero__next-txt b, .nk-mega .nk-mega__slogan, .yk-vm h2 em,
.nk-pdrop__vcap em, .yk-band__title, .nkf-big--mail, .yk-values__no, .nk-mega .nk-mega__links em {
  font-weight: 300;
  letter-spacing: -.02em;
}

/* Menü paneli (☰) — ürün grupları: görselli satır listesi */
.nk-mega .nk-mega__cats { display: flex; flex-direction: column; gap: .5rem; }
.nk-mega .nk-mega__cat,
.nk-mega .nk-mega__cat:nth-child(odd) {
  position: relative;
  display: grid;
  grid-template-columns: 84px 1fr auto;
  align-items: center;
  gap: 1.1rem;
  padding: .7rem 1.25rem .7rem .7rem;
  border: 0;
  background: #fff;
  overflow: hidden;
  transition: transform .3s var(--nk-ease), box-shadow .3s var(--nk-ease);
}
.nk-mega .nk-mega__cat::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--nk-orange);
  transform: scaleY(0);
  transition: transform .3s var(--nk-ease);
}
.nk-mega .nk-mega__cat::after {
  content: '→';
  grid-column: 3;
  grid-row: 1;
  font-size: 1.1rem;
  color: rgba(29, 29, 27, .35);
  transition: transform .3s var(--nk-ease), color .3s var(--nk-ease);
}
.nk-mega .nk-mega__cat img {
  grid-column: 1;
  grid-row: 1;
  width: 84px;
  height: 64px;
  padding: 4px;
  object-fit: contain;
  background: #f4f5fb;
  mix-blend-mode: normal;
}
.nk-mega .nk-mega__cat-body { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; gap: .25rem; min-width: 0; }
.nk-mega .nk-mega__cat-title { order: -1; font-size: 1.05rem; font-weight: 600; color: #1d1d1b; }
.nk-mega .nk-mega__cat-tag { font-size: .62rem; font-weight: 700; letter-spacing: .14em; color: rgba(29, 29, 27, .5); }
.nk-mega .nk-mega__cat:hover { transform: translateX(4px); box-shadow: 0 14px 30px -22px rgba(29, 29, 27, .6); }
.nk-mega .nk-mega__cat:hover::before { transform: scaleY(1); }
.nk-mega .nk-mega__cat:hover::after { color: var(--nk-accent-ink); transform: translateX(4px); }
.nk-mega .nk-mega__cat:hover img { transform: scale(1.08); }
.nk-mega .nk-mega__cat:hover .nk-mega__cat-title { color: var(--nk-accent-ink); }
.nk-mega .nk-mega__cta { background: var(--nk-orange); color: var(--nk-on-accent); }
.nk-mega .nk-mega__cta:hover { background: #1d1d1b; color: #fff; }

/* Satış noktaları haritası — çizgi tarzı: tüm iller eşit ince çizgi, satış noktası olan
   iller sarı çapraz tarama (desen JS ile eklenir: #ydm-hatch). Parlama/kalın kontur yok. */
.ydm__svg path {
  fill: rgba(255, 255, 255, .025);
  stroke: rgba(255, 255, 255, .24);
  stroke-width: .8;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.ydm__svg g[data-city]:hover path { fill: rgba(255, 255, 255, .07); stroke: rgba(255, 255, 255, .6); }
.ydm__svg g.is-on path { fill: url(#ydm-hatch); stroke: rgba(255, 210, 0, .75); }
.ydm__svg g.is-on:hover path, .ydm__svg g.is-active path { fill: rgba(255, 210, 0, .38); stroke: #fff; stroke-width: 1.2; }
.ydm__cyprus path { fill: none; stroke: rgba(255, 255, 255, .18); stroke-dasharray: 2 3; }

/* Bilgi kutusu: imleci izler, fareyi engellemez; tıklanınca sabitlenir (bkz. home.blade.php) */
.ydm__info { pointer-events: none; max-height: none; min-width: 200px; max-width: 280px; left: 0; top: 0; will-change: transform; }
.ydm { contain: layout paint; }
.ydm__info.is-pinned { pointer-events: auto; padding-right: 2.4rem; }
.ydm__close {
  position: absolute;
  top: .35rem;
  right: .35rem;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: none;
  font-size: 1.3rem;
  line-height: 1;
  color: rgba(29, 29, 27, .55);
  cursor: pointer;
}
.ydm__close:hover { color: var(--nk-accent-ink); }
.ydm__svg g[data-city] { cursor: pointer; }
.ydm__pins { position: absolute; left: 0; right: 0; bottom: 0; pointer-events: none; }
/* Nabız işareti: beyaz nokta + genişleyen halka (yalnızca transform/opacity → akıcı) */
.ydm__pins i {
  position: absolute;
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
  border-radius: 50%;
  background: #fff;
}
.ydm__pins i::after {
  content: '';
  position: absolute;
  inset: -3.5px;
  border: 1px solid #fff;
  border-radius: 50%;
  animation: ydmPulse 2.4s ease-out infinite;
  animation-delay: inherit;
  will-change: transform, opacity;
}
@keyframes ydmPulse { 0% { transform: scale(.6); opacity: .9; } 100% { transform: scale(2.6); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .ydm__pins i::after { animation: none; opacity: 0; } }

/* ══════════════════════════════════════════
   İÇ SAYFA BANNER — tam genişlik fotoğraf (ana sayfa girişiyle aynı dil)
   Fotoğraf tüm alanı kaplar, altta koyu geçiş; sol altta sayfa yolu, etiket ve
   dev ince beyaz başlık. Header en üstte fotoğrafın üzerinde beyazdır.
══════════════════════════════════════════ */
.nkb-hero, .nka-hero {
  min-height: clamp(460px, 68vh, 700px);
  display: flex;
  align-items: flex-end;
  background: #141413;
  color: #fff;
  border-bottom: 0;
}
.nkb-hero::before, .nka-hero::before {
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(14, 14, 13, .45) 0%, rgba(14, 14, 13, 0) 22%),
    linear-gradient(0deg, rgba(14, 14, 13, .82) 0%, rgba(14, 14, 13, .35) 45%, rgba(14, 14, 13, .05) 75%);
}
.nkb-hero__inner, .nka-hero__grid {
  display: block;
  width: 100%;
  min-height: 0;
  padding: 0 var(--nk-pad) clamp(2.5rem, 7vh, 4.5rem);
}
.nkb-hero__right, .nka-hero__right {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: auto;
  height: auto;
  max-height: none;
  aspect-ratio: auto;
  margin: 0;
}
.nkb-hero__right::before, .nka-hero__right::before { display: none; }
.nkb-hero__right img, .nka-hero__right img {
  border-radius: 0;
  box-shadow: none;
  object-position: 50% 62%;
  animation: ibZoom 16s ease-out forwards;
}
@keyframes ibZoom { from { transform: scale(1.08); } to { transform: scale(1); } }
.nkb-hero__left, .nka-hero__left { padding: 0; max-width: 1100px; color: #fff; }
.nkb-eyebrow, .nka-hero .nka-eyebrow { color: #fff; }
.nkb-eyebrow i { background: var(--nk-orange); }
.nkb-hero__title, .nka-hero__title {
  font-size: clamp(3rem, 8vw, 8.5rem);
  font-weight: 300;
  line-height: .95;
  letter-spacing: -.035em;
  color: #fbf8f3;
}
.nkb-hero__title em, .nka-hero__title em { color: #fbf8f3; font-style: italic; }
.nkb-hero__sub, .nka-hero__text { color: rgba(255, 255, 255, .82); max-width: 56ch; }
.nkb-breadcrumb a { color: rgba(255, 255, 255, .7); }
.nkb-breadcrumb a:hover { color: #fff; }
.nkb-breadcrumb [aria-current="page"] { color: #fff; }
.nkb-breadcrumb > span[aria-hidden="true"] { background: rgba(255, 255, 255, .5); }
.nka-hero__meta { border-top-color: rgba(255, 255, 255, .25); }
.nka-hero__meta div + div { border-left-color: rgba(255, 255, 255, .25); }
.nka-hero__meta b { color: #fff; }
.nka-hero__meta span { color: rgba(255, 255, 255, .7); }
.nkb-hero--article .nkb-hero__title { font-size: clamp(2rem, 4.4vw, 4.2rem); }

/* Header: iç sayfada en üstteyken fotoğrafın üzerinde beyaz */
body:has(.nkb-hero, .nka-hero) .nk-header:not(.scrolled) .nk-logo__img--color { display: none; }
body:has(.nkb-hero, .nka-hero) .nk-header:not(.scrolled) .nk-logo__img:not(.nk-logo__img--color) { display: block; height: clamp(38px, 3.8vw, 50px); width: auto; max-width: 200px; object-fit: contain; }
body:has(.nkb-hero, .nka-hero) .nk-header:not(.scrolled) :is(.nk-nav a, .nk-nav__home, .nk-pdrop__trigger, .nk-lang__btn, .nk-search, .nk-cartbtn, .nb-search-drop__icon, .nb-search-drop input, .nb-search-drop button) { color: #fff; }
body:has(.nkb-hero, .nka-hero) .nk-header:not(.scrolled) .nb-search-drop input::placeholder { color: rgba(255, 255, 255, .75); }
body:has(.nkb-hero, .nka-hero) .nk-header:not(.scrolled) .nb-search-drop form { border-bottom-color: rgba(255, 255, 255, .6); }
body:has(.nkb-hero, .nka-hero) .nk-header:not(.scrolled) .nk-burger span { background: #fff; }

@media (max-width: 900px) {
  .nkb-hero, .nka-hero { min-height: clamp(380px, 60vh, 520px); }
  .nkb-hero__right, .nka-hero__right { display: block; width: auto; margin: 0; }
  .nkb-hero__title, .nka-hero__title { font-size: clamp(2.4rem, 11vw, 3.6rem); }
}
@media (prefers-reduced-motion: reduce) { .nkb-hero__right img, .nka-hero__right img { animation: none; } }

/* ══════════════════════════════════════════
   ÜRÜN DETAYI — AÇIKLAMA (Prefix: .pdx-)
   Açıklama bölüm bölüm gösterilir (App\Services\ProductDescription): bir yanda numaralı
   başlık + metin + teknik özet, diğer yanda çerçeveli görseller; görselli bölümler sırayla
   yer değiştirir, metin kaydırırken görselin yanında sabit kalır. Özellik rozetleri tek sırada.
══════════════════════════════════════════ */
.pdx { --pdx-navy: #1d1d1b; --pdx-line: rgba(29, 29, 27, .1); --pdx-muted: rgba(29, 29, 27, .7); }

.pdx-sec { padding: clamp(2rem, 4vw, 3.25rem) 0; }
.pdx-sec:first-child { padding-top: .5rem; }
.pdx-sec:last-child { padding-bottom: .5rem; }
.pdx-sec + .pdx-sec { border-top: 1px solid var(--pdx-line); }
/* Gövde: metin + görseller (sabit metin bu alanın dışına taşmaz) */
.pdx-sec__body { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(1.5rem, 3vw, 2.5rem) clamp(2rem, 5vw, 5rem); }
.pdx-sec.has-media .pdx-sec__body { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; }
.pdx-sec.is-flip .pdx-sec__body { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.pdx-sec.is-flip .pdx-sec__text { order: 2; }

/* Metin: görselli bölümde kaydırırken sabit kalır */
.pdx-sec__text { max-width: 76ch; }
.pdx-sec.has-media .pdx-sec__text { position: sticky; top: calc(var(--nk-nav, 76px) + 1.5rem); }

.pdx-no {
  display: flex;
  align-items: center;
  gap: .7rem;
  margin: 0 0 .9rem;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .2em;
  color: var(--nk-accent-ink);
}
.pdx-no::after { content: ''; width: 28px; height: 1px; background: currentColor; }
.pdx-title {
  margin: 0 0 1rem;
  font-size: clamp(1.35rem, 2.1vw, 1.9rem);
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -.02em;
  color: var(--pdx-navy);
  text-wrap: balance;
}
.pdx-copy { font-size: .92rem; line-height: 1.85; color: var(--pdx-muted); }
.pdx-copy p { margin: 0 0 .9rem; }
.pdx-copy p:last-child { margin-bottom: 0; }
.pdx-copy strong, .pdx-copy b { color: var(--pdx-navy); font-weight: 700; }
.pdx-copy ul, .pdx-copy ol { margin: 0 0 .9rem; padding-left: 1.1rem; }
.pdx-copy li { margin-bottom: .35rem; }
.pdx-copy a { color: var(--nk-accent-ink); text-decoration: underline; }
.pdx-copy img { max-width: 100%; height: auto; }

/* Teknik özet: etiket/değer kutucukları */
.pdx-specs { margin-top: 1.6rem; }
.pdx-specs__cap {
  margin: 0 0 .7rem;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--pdx-muted);
}
.pdx-specs dl {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  margin: 0;
  border-top: 1px solid var(--pdx-line);
  border-left: 1px solid var(--pdx-line);
}
.pdx-specs dl > div {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  padding: .85rem 1rem;
  border-right: 1px solid var(--pdx-line);
  border-bottom: 1px solid var(--pdx-line);
  background: #fbfbfd;
}
.pdx-specs dt { font-size: .56rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--pdx-muted); }
.pdx-specs dd { margin: 0; font-size: .86rem; font-weight: 700; line-height: 1.35; color: var(--pdx-navy); }

/* Çok satırlı tablolar */
.pdx-table { margin-top: 1.6rem; overflow-x: auto; }
.pdx-table table { width: 100%; border-collapse: collapse; font-size: .84rem; }
.pdx-table th, .pdx-table td { padding: .7rem .9rem; border: 1px solid var(--pdx-line); text-align: left; vertical-align: top; }
.pdx-table thead th { font-size: .58rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--pdx-muted); background: #fbfbfd; }
.pdx-table td { color: var(--pdx-navy); }

/* Görseller: ince çerçeveli; uzun şeritler yanındaki görselin boyuna kırpılır */
.pdx-media { display: grid; gap: .75rem; }
.pdx-media__col { display: flex; flex-direction: column; gap: .75rem; min-width: 0; }
.pdx-media--split { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); }
.pdx-media--tall { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pdx-media--tall .pdx-media__col { display: contents; }
.pdx-img {
  margin: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--pdx-line);
}
.pdx-img img { display: block; width: 100%; height: auto; transition: transform .8s var(--nk-ease); }
.pdx-img:hover img { transform: scale(1.03); }
.pdx-media--split .pdx-media__col:first-child .pdx-img { position: relative; flex: 1 1 0; min-height: 220px; }
.pdx-media--split .pdx-img.is-tall img { position: absolute; inset: 0; height: 100%; object-fit: cover; }
.pdx-media--tall .pdx-img.is-tall img { height: 100%; object-fit: cover; }
.pdx-media--tall .pdx-img { aspect-ratio: 3 / 4; }

/* Özellik rozetleri */
.pdx-badges {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin: clamp(1.5rem, 3vw, 2.25rem) 0 0;
  padding: 0;
  list-style: none;
}
.pdx-badges li {
  flex: 0 1 180px;
  padding: .4rem;
  background: #fff;
  border: 1px solid var(--pdx-line);
  transition: border-color .25s var(--nk-ease), transform .25s var(--nk-ease);
}
.pdx-badges li:hover { border-color: rgba(255, 210, 0, .45); transform: translateY(-3px); }
.pdx-badges img { display: block; width: 100%; height: auto; }

@media (max-width: 900px) {
  .pdx-sec.has-media .pdx-sec__body, .pdx-sec.is-flip .pdx-sec__body { grid-template-columns: minmax(0, 1fr); }
  .pdx-sec.is-flip .pdx-sec__text { order: 0; }
  .pdx-sec.has-media .pdx-sec__text { position: static; }
  .pdx-badges li { flex-basis: calc(33.333% - .5rem); }
}
@media (max-width: 560px) {
  .pdx-media--split { grid-template-columns: minmax(0, 1fr); }
  .pdx-media--split .pdx-media__col:first-child .pdx-img { flex: none; min-height: 0; aspect-ratio: 16 / 7; }
  .pdx-badges li { flex-basis: calc(50% - .375rem); }
  .pdx-specs dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .pdx-img img, .pdx-badges li { transition: none; }
}

/* Ürün vitrini: büyük sarı ad uzunluğuna göre küçülür (ör. "Panel Çit Punta (Kaynak) Makinesi"),
   başlığın üstüne binmez ve ekrandan taşmaz. --chars: ad uzunluğu (home.blade.php) */
.nk-watermark { font-size: min(clamp(3.4rem, 7.5vw, 8rem), calc(92vw / var(--chars, 8))); }
@media (max-width: 900px) {
  .nk-watermark { font-size: min(clamp(2.6rem, 12vw, 4rem), calc(150vw / var(--chars, 8))); }
}

/* ══════════════════════════════════════════
   KATALOG & SATIŞ NOKTALARI — sitenin editoryal diliyle uyum
   İki panel korunur; katalog paneli inci zemin + antrasit yazı (ürün vitrini gibi),
   satış noktaları paneli antrasit (kurumsal rakam şeridi gibi). Her ikisinde silik
   dalgalı sütun çizgileri, sarı çizgili üst etiket, ince büyük başlık, köşesiz düğmeler.
══════════════════════════════════════════ */
.ycs { background: #f6f7fb; }
.ycs-panel { padding: clamp(2rem, 4vw, 3.5rem); }
.ycs-panel::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%231d1d1b' stroke-opacity='.08' stroke-width='.15'%3E%3Cpath d='M22 0C20.5 38 24 70 22 100'/%3E%3Cpath d='M78 0C80.5 36 76 70 78 100'/%3E%3C/g%3E%3Cpath d='M52.2 0C48.2 30 54.2 68 49.2 100' fill='none' stroke='%23ffd200' stroke-opacity='.16' stroke-width='.15'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  pointer-events: none;
}

/* Katalog: açık inci zemin */
.ycs-panel--pink {
  background:
    radial-gradient(45% 40% at 50% 72%, rgba(255, 210, 0, .09) 0%, rgba(255, 210, 0, 0) 70%),
    linear-gradient(180deg, #f8f9fc 0%, #eef0f7 100%);
  color: #1d1d1b;
  border-right: 1px solid rgba(29, 29, 27, .08);
}
/* Satış noktaları: antrasit, çizgiler açık tonda */
.ycs-panel--navy {
  background:
    radial-gradient(50% 45% at 85% 100%, rgba(255, 210, 0, .22) 0%, rgba(255, 210, 0, 0) 70%),
    linear-gradient(180deg, #141413 0%, #1d1d1b 100%);
}
.ycs-panel--navy::before { filter: invert(1); opacity: .7; }

/* Üst etiket (diğer bölümlerle aynı) */
.ycs-eyebrow {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin: 0;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--nk-accent-ink);
}
.ycs-eyebrow i { display: block; width: 34px; height: 2px; background: currentColor; }
.ycs-panel--navy .ycs-eyebrow { color: #fff; }
.ycs-panel--navy .ycs-eyebrow i { background: var(--nk-orange); }

.ycs-desc { max-width: 34ch; font-size: .84rem; line-height: 1.75; }
.ycs-panel--pink .ycs-desc { color: rgba(29, 29, 27, .7); }
.ycs-panel--navy .ycs-desc { color: rgba(255, 255, 255, .75); }

.ycs-name { font-weight: 300; letter-spacing: -.035em; }
.ycs-panel--pink .ycs-name { color: #1d1d1b; }
.ycs-name sup { font-weight: 700; color: var(--nk-accent-ink); }
.ycs-panel--navy .ycs-name sup { color: #ffd200; }

.ycs-panel--pink .ycs-cover { filter: drop-shadow(0 34px 40px rgba(29, 29, 27, .35)); }

/* Alt bağlantılar ve düğmeler */
.ycs-more { font-size: .7rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.ycs-panel--pink .ycs-more { color: #1d1d1b; }
.ycs-panel--pink .ycs-more i { background: #1d1d1b; color: #fff; }
.ycs-cta {
  gap: 2.5rem;
  padding: 1rem 1.25rem;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.ycs-panel--pink .ycs-cta { background: #1d1d1b; color: #fff; }
.ycs-panel--pink .ycs-cta:hover { background: var(--nk-orange); color: var(--nk-on-accent); }
.ycs-cta--pink:hover { background: #fff; color: var(--nk-accent-ink); }
.ycs-panel__bottom { padding-top: 1.4rem; border-top: 1px solid rgba(29, 29, 27, .1); }
.ycs-panel--navy .ycs-panel__bottom { border-top-color: rgba(255, 255, 255, .14); }
/* İki paneldeki başlıklar aynı hizada dursun (açıklama satır sayısı farklı olabilir) */
@media (min-width: 1001px) { .ycs-panel__top { min-height: 6.2rem; } }

/* ══════════════════════════════════════════
   İÇ SAYFA BAŞLIĞI & SAYFA YOLU — son düzen (tüm iç sayfalar)
   Fotoğraf bölümün tamamını kaplar (header'ın altından başlar); üstte header ve
   sayfa yolu, altta başlık için koyu geçiş. Sayfa yolu okunaklı: beyaz, ince çizgi
   ayraçlı, geçerli sayfa sarı alt çizgili. Başlık ölçülü ve ince.
══════════════════════════════════════════ */
.nkb-hero__inner, .nka-hero__grid { position: static; }
.nkb-hero__left, .nka-hero__left { position: relative; z-index: 1; }
.nkb-hero { min-height: clamp(420px, 58vh, 600px); }
/* Karartma fotoğraf kutusunun içinde: içerideki katmanlar ne olursa olsun fotoğrafın üstünde kalır */
.nkb-hero__right::after, .nka-hero__right::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(14, 14, 13, .72) 0%, rgba(14, 14, 13, .25) 30%, rgba(14, 14, 13, 0) 50%),
    linear-gradient(0deg, rgba(14, 14, 13, .9) 0%, rgba(14, 14, 13, .55) 40%, rgba(14, 14, 13, .1) 75%),
    linear-gradient(90deg, rgba(14, 14, 13, .55) 0%, rgba(14, 14, 13, 0) 65%);
  pointer-events: none;
}
.nkb-hero__right img { object-position: 50% 45%; }
.nkb-hero__title {
  max-width: 18ch;
  font-size: clamp(2.4rem, 5.6vw, 5.6rem);
  line-height: .98;
  letter-spacing: -.04em;
}
.nkb-hero__sub { margin-top: .9rem; font-size: .92rem; line-height: 1.7; color: rgba(255, 255, 255, .8); }

/* Sayfa yolu */
.nkb-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .8rem;
  margin: 0 0 1.3rem;
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.nkb-breadcrumb a { color: rgba(255, 255, 255, .72); text-decoration: none; transition: color .2s var(--nk-ease); }
.nkb-breadcrumb a:hover { color: #fff; }
.nkb-breadcrumb > span[aria-hidden="true"] {
  display: inline-block;
  width: 18px;
  height: 1px;
  font-size: 0;
  background: rgba(255, 255, 255, .45);
}
.nkb-breadcrumb [aria-current="page"] {
  color: #fff;
  padding-bottom: .25rem;
  border-bottom: 2px solid var(--nk-orange);
}
@media (max-width: 900px) {
  .nkb-hero { min-height: clamp(360px, 52vh, 460px); }
  .nkb-hero__title { font-size: clamp(2rem, 9vw, 3rem); }
}
/* Uzun başlıklı sayfalarda sayfa yolu header'a yapışmasın */
.nkb-hero__left { padding-top: clamp(2rem, 6vh, 3.5rem); }

/* Header arama: tıklayınca kutu çevresinde sarı çerçeve çıkmaz; odak alt çizgiyle belirtilir */
.nk-header .nb-search-drop input:focus,
.nk-header .nb-search-drop input:focus-visible { outline: none; box-shadow: none; }
.nk-header .nb-search-drop form:focus-within { border-bottom-color: currentColor; }

/* ══════════════════════════════════════════
   KATALOG SAYFASI (Prefix: .ktl-)
   Öne çıkan katalog: inci zemin + silik çizgiler, ay halkası önünde eğik kapak,
   dev kontur yıl; yanında etiket, ince başlık, bilgi satırı ve köşesiz düğmeler.
══════════════════════════════════════════ */
.ktl {
  --ktl-navy: #1d1d1b;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 6rem);
  padding: clamp(4rem, 10vh, 6.5rem) var(--nk-pad);
  background:
    radial-gradient(35% 55% at 25% 55%, rgba(255, 210, 0, .08) 0%, rgba(255, 210, 0, 0) 70%),
    linear-gradient(180deg, #f8f9fc 0%, #eef0f7 100%);
  overflow: hidden;
}
.ktl__lines { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; pointer-events: none; }
.ktl__lines path { fill: none; stroke: rgba(29, 29, 27, .07); stroke-width: 1px; vector-effect: non-scaling-stroke; }
.ktl__lines .is-main { stroke: rgba(29, 29, 27, .11); }
.ktl__lines .is-thin { stroke: rgba(255, 210, 0, .2); }

.ktl__stage { position: relative; display: grid; place-items: center; min-height: clamp(320px, 46vh, 520px); }
.ktl__moon {
  position: absolute;
  width: min(80%, 460px);
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid rgba(29, 29, 27, .1);
  background: radial-gradient(circle at 50% 40%, #fff 0%, rgba(255, 255, 255, 0) 70%);
}
.ktl__stage a { position: relative; z-index: 1; display: block; width: min(86%, 560px); }
.ktl__stage img {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 40px 45px rgba(29, 29, 27, .35));
  transform: rotate(-5deg);
  transition: transform .8s cubic-bezier(.22, 1, .36, 1);
}
.ktl__stage a:hover img { transform: rotate(0) translateY(-10px); }
.ktl__year {
  position: absolute;
  right: 0;
  bottom: -.1em;
  z-index: 0;
  font-size: clamp(5rem, 11vw, 11rem);
  font-weight: 200;
  line-height: .8;
  letter-spacing: -.06em;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 210, 0, .45);
  pointer-events: none;
}

.ktl__eyebrow {
  display: flex; align-items: center; gap: .8rem; margin: 0 0 1.1rem;
  font-size: .68rem; font-weight: 800; letter-spacing: .22em; text-transform: uppercase; color: var(--nk-accent-ink);
}
.ktl__eyebrow i { display: block; width: 34px; height: 2px; background: currentColor; }
.ktl__title {
  margin: 0 0 1.2rem;
  font-size: clamp(2.2rem, 4.2vw, 4.4rem);
  font-weight: 300;
  line-height: 1.02;
  letter-spacing: -.035em;
  color: var(--ktl-navy);
  text-wrap: balance;
}
.ktl__text { max-width: 48ch; margin: 0; font-size: .95rem; line-height: 1.8; color: rgba(29, 29, 27, .7); }
.ktl__meta { display: flex; gap: 0; margin: 2rem 0; border-top: 1px solid rgba(29, 29, 27, .12); border-bottom: 1px solid rgba(29, 29, 27, .12); }
.ktl__meta div { padding: .9rem 1.6rem .9rem 0; margin-right: 1.6rem; border-right: 1px solid rgba(29, 29, 27, .12); }
.ktl__meta div:last-child { border-right: 0; margin-right: 0; }
.ktl__meta dt { margin-bottom: .3rem; font-size: .58rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: rgba(29, 29, 27, .5); }
.ktl__meta dd { margin: 0; font-size: 1.3rem; font-weight: 300; letter-spacing: -.02em; color: var(--ktl-navy); }
.ktl__actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.ktl__btn {
  display: inline-flex; align-items: center; justify-content: space-between; gap: 2rem; min-width: 12rem;
  padding: 1rem 1.25rem; font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  text-decoration: none; transition: background .3s, color .3s, border-color .3s;
}
.ktl__btn b { font-weight: 400; font-size: 1.1rem; transition: transform .3s; }
.ktl__btn:hover b { transform: translateX(6px); }
.ktl__btn--solid { background: var(--ktl-navy); color: #fff; }
.ktl__btn--solid:hover { background: var(--nk-orange); color: var(--nk-on-accent); }
.ktl__btn--ghost { border: 1px solid rgba(29, 29, 27, .25); color: var(--ktl-navy); }
.ktl__btn--ghost:hover { background: var(--ktl-navy); border-color: var(--ktl-navy); color: #fff; }

.ktl-more { padding: clamp(3.5rem, 9vh, 5.5rem) var(--nk-pad); background: #fff; }
.ktl-more__title { margin: 0 0 2rem; font-size: clamp(1.8rem, 3vw, 3rem); font-weight: 300; letter-spacing: -.03em; text-transform: uppercase; color: #1d1d1b; }
.ktl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.ktl-card { display: flex; flex-direction: column; height: 100%; border: 1px solid rgba(29, 29, 27, .1); color: #1d1d1b; text-decoration: none; transition: border-color .3s, box-shadow .3s; }
.ktl-card:hover { border-color: rgba(255, 210, 0, .4); box-shadow: 0 24px 40px -30px rgba(29, 29, 27, .5); }
.ktl-card__cover { display: grid; place-items: center; aspect-ratio: 4 / 3; padding: 1.5rem; background: linear-gradient(180deg, #f8f9fc, #eef0f7); }
.ktl-card__cover img { max-width: 100%; max-height: 100%; object-fit: contain; filter: drop-shadow(0 20px 22px rgba(29, 29, 27, .3)); transform: rotate(-4deg); transition: transform .6s; }
.ktl-card:hover .ktl-card__cover img { transform: none; }
.ktl-card__body { display: flex; flex-direction: column; gap: .4rem; padding: 1.2rem; }
.ktl-card__body em { font-style: normal; font-size: .62rem; font-weight: 800; letter-spacing: .18em; color: var(--nk-accent-ink); }
.ktl-card__body b { font-size: 1rem; font-weight: 600; }
.ktl-card__link { margin-top: .4rem; font-size: .68rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: rgba(29, 29, 27, .6); }

@media (max-width: 900px) {
  .ktl { grid-template-columns: 1fr; }
  .ktl__stage { min-height: 280px; }
  .ktl__meta { flex-wrap: wrap; }
  .ktl__btn { flex: 1 1 100%; }
}

/* ══════════════════════════════════════════
   İLETİŞİM SAYFASI (Prefix: .ctc-)
   İnci zemin + silik dalgalı çizgiler; solda büyük ince başlık ve satır satır bilgiler,
   sağda alt çizgili sade form; altta tam genişlik gri tonlu harita ve konum kartı.
══════════════════════════════════════════ */
.ctc {
  --ctc-navy: #1d1d1b;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  gap: clamp(2.5rem, 6vw, 6rem);
  padding: clamp(4rem, 10vh, 6.5rem) var(--nk-pad);
  background:
    radial-gradient(30% 45% at 12% 80%, rgba(255, 210, 0, .07) 0%, rgba(255, 210, 0, 0) 70%),
    linear-gradient(180deg, #f8f9fc 0%, #eef0f7 100%);
  overflow: hidden;
}
.ctc__lines { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; pointer-events: none; }
.ctc__lines path { fill: none; stroke: rgba(29, 29, 27, .07); stroke-width: 1px; vector-effect: non-scaling-stroke; }
.ctc__lines .is-main { stroke: rgba(29, 29, 27, .11); }
.ctc__lines .is-thin { stroke: rgba(255, 210, 0, .2); }

.ctc__eyebrow { display: flex; align-items: center; gap: .8rem; margin: 0 0 1.1rem; font-size: .68rem; font-weight: 800; letter-spacing: .22em; text-transform: uppercase; color: var(--nk-accent-ink); }
.ctc__eyebrow i { display: block; width: 34px; height: 2px; background: currentColor; }
.ctc__title { margin: 0 0 2.2rem; font-size: clamp(2.3rem, 4.4vw, 4.6rem); font-weight: 300; line-height: 1.02; letter-spacing: -.035em; text-transform: uppercase; color: var(--ctc-navy); text-wrap: balance; }
.ctc__title em { display: block; font-style: italic; font-weight: 300; text-transform: none; color: var(--nk-accent-ink); }

.ctc__list { margin: 0 0 1.8rem; border-top: 1px solid rgba(29, 29, 27, .12); }
.ctc__row { display: grid; grid-template-columns: minmax(0, 9rem) minmax(0, 1fr); gap: 1rem; padding: 1.1rem 0; border-bottom: 1px solid rgba(29, 29, 27, .12); }
.ctc__row dt { padding-top: .2rem; font-size: .6rem; font-weight: 800; letter-spacing: .16em; line-height: 1.5; text-transform: uppercase; color: rgba(29, 29, 27, .55); }
.ctc__row dd { display: flex; flex-direction: column; gap: .3rem; margin: 0; font-size: .95rem; line-height: 1.6; color: var(--ctc-navy); }
.ctc__row dd p { margin: 0; }
.ctc__row a { color: var(--ctc-navy); text-decoration: none; transition: color .2s; }
.ctc__row a:hover { color: var(--nk-accent-ink); }
.ctc__row--big dd > a:first-child { font-size: clamp(1.6rem, 2.6vw, 2.4rem); font-weight: 300; letter-spacing: -.02em; line-height: 1.1; }
.ctc__small { font-size: .95rem; }
.ctc__note { font-size: .76rem; color: rgba(29, 29, 27, .55); }
.ctc__dir { font-size: .68rem !important; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--nk-accent-ink) !important; }

.ctc__wa {
  display: inline-flex; align-items: center; gap: .9rem; padding: .95rem 1.2rem;
  border: 1px solid rgba(29, 29, 27, .2); color: var(--ctc-navy); text-decoration: none;
  font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  transition: background .3s, color .3s, border-color .3s;
}
.ctc__wa svg { color: #25d366; transition: color .3s; }
.ctc__wa b { margin-left: 1.5rem; font-weight: 400; font-size: 1.05rem; transition: transform .3s; }
.ctc__wa:hover { background: #25d366; border-color: #25d366; color: #fff; }
.ctc__wa:hover svg { color: #fff; }
.ctc__wa:hover b { transform: translateX(5px); }

/* Form */
.ctc__form { padding: clamp(1.8rem, 3.5vw, 3rem); background: #fff; box-shadow: 0 40px 80px -60px rgba(29, 29, 27, .55); align-self: start; }
.ctc__formtitle { margin: 0 0 .6rem; font-size: clamp(1.6rem, 2.4vw, 2.2rem); font-weight: 300; letter-spacing: -.02em; color: var(--ctc-navy); }
.ctc__formsub { margin: 0 0 1.8rem; font-size: .86rem; line-height: 1.7; color: rgba(29, 29, 27, .65); }
.ctc__formsub a { color: var(--nk-accent-ink); }
.ctc-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.4rem 1.6rem; margin-bottom: 1.8rem; }
.ctc-field { display: flex; flex-direction: column; gap: .35rem; }
.ctc-field--full { grid-column: 1 / -1; }
.ctc-field > span { font-size: .6rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: rgba(29, 29, 27, .6); }
.ctc-field > span i { font-style: normal; color: var(--nk-accent-ink); }
.ctc-field input, .ctc-field textarea {
  width: 100%;
  padding: .6rem 0;
  border: 0;
  border-bottom: 1px solid rgba(29, 29, 27, .2);
  border-radius: 0;
  background: transparent;
  font: inherit;
  font-size: .95rem;
  color: var(--ctc-navy);
  transition: border-color .25s;
}
.ctc-field textarea { resize: vertical; min-height: 6rem; }
.ctc-field input::placeholder, .ctc-field textarea::placeholder { color: rgba(29, 29, 27, .35); }
.ctc-field input:focus, .ctc-field textarea:focus { outline: none; border-bottom-color: var(--nk-orange); box-shadow: 0 1px 0 0 var(--nk-orange); }
.ctc-form__submit {
  display: flex; align-items: center; justify-content: space-between; width: 100%;
  padding: 1.1rem 1.3rem; border: 0; background: var(--ctc-navy); color: #fff; cursor: pointer;
  font: inherit; font-size: .74rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
  transition: background .3s;
}
.ctc-form__submit b { font-weight: 400; font-size: 1.15rem; transition: transform .3s; }
.ctc-form__submit:hover { background: var(--nk-orange); }
.ctc-form__submit:hover b { transform: translateX(6px); }

/* Harita */
.ctc-map { position: relative; height: clamp(360px, 55vh, 520px); background: #e9ecf3; }
.ctc-map iframe { display: block; width: 100%; height: 100%; border: 0; filter: grayscale(1) contrast(1.05) brightness(1.03); }
.ctc-map__card {
  position: absolute;
  left: var(--nk-pad);
  bottom: clamp(1.5rem, 4vh, 2.5rem);
  display: flex; flex-direction: column; gap: .4rem;
  max-width: 340px;
  padding: 1.4rem 1.5rem;
  background: #1d1d1b;
  color: #fff;
  box-shadow: 0 30px 60px -30px rgba(14, 14, 13, .7);
}
.ctc-map__card .ctc__eyebrow { margin-bottom: .4rem; color: #fff; }
.ctc-map__card .ctc__eyebrow i { background: var(--nk-orange); }
.ctc-map__card b { font-size: 1.2rem; font-weight: 300; letter-spacing: -.01em; }
.ctc-map__card p { margin: 0; font-size: .82rem; line-height: 1.6; color: rgba(255, 255, 255, .78); }
.ctc-map__card a { margin-top: .4rem; font-size: .66rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #ffd200; text-decoration: none; }
.ctc-map__card a:hover { color: #fff; }
.ctc-map--second { border-top: 1px solid rgba(29, 29, 27, .1); }

@media (max-width: 1000px) {
  .ctc { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .ctc__row { grid-template-columns: 1fr; gap: .3rem; }
  .ctc-form__grid { grid-template-columns: 1fr; }
  .ctc-map__card { left: 1rem; right: 1rem; max-width: none; }
}

/* ══════════════════════════════════════════
   ÜRÜNLER SAYFASI & ÜRÜN KARTLARI — sitenin editoryal diliyle uyum
   Sayfa yolu: inci zeminde, ince çizgi ayraçlı, geçerli sayfa sarı alt çizgili.
   Başlık: ince büyük harfli antrasit. Kenar çubuğu: kutusuz, çizgili liste.
   Kartlar: ana sayfa rafı gibi çerçevesiz, aralarında ince ayraçlar; büyük görsel,
   ince antrasit ad; alt satırda sade "Teklif Al" ve "İncele" bağlantıları.
══════════════════════════════════════════ */

/* Sayfa yolu şeridi (ürün listesi + ürün detayı) */
.nk-crumbs-bar {
  padding: calc(var(--nk-nav, 76px) * 0 + 1.1rem) var(--nk-pad) 1rem;
  background: #f8f9fc;
  border-bottom: 1px solid rgba(29, 29, 27, .07);
}
.nk-crumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .8rem;
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.nk-crumbs a { color: rgba(29, 29, 27, .55); text-decoration: none; transition: color .2s var(--nk-ease); }
.nk-crumbs a:hover { color: var(--nk-accent-ink); }
.nk-crumbs > i { display: inline-block; width: 18px; height: 1px; font-size: 0; background: rgba(29, 29, 27, .3); }
.nk-crumbs [aria-current="page"] { color: #1d1d1b; padding-bottom: .25rem; border-bottom: 2px solid var(--nk-orange); }

/* Sayfa zemini ve başlık */
.nkp-page {
  position: relative;
  isolation: isolate;
  background: linear-gradient(180deg, #f8f9fc 0%, #f2f3fa 100%);
}
.nkp-page::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 520px;
  z-index: -1;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%231d1d1b' stroke-opacity='.07' stroke-width='.15'%3E%3Cpath d='M22 0C20.5 38 24 70 22 100'/%3E%3Cpath d='M78 0C80.5 36 76 70 78 100'/%3E%3C/g%3E%3Cpath d='M52.2 0C48.2 30 54.2 68 49.2 100' fill='none' stroke='%23ffd200' stroke-opacity='.16' stroke-width='.15'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  pointer-events: none;
}
.nkp-page .nkp-eyebrow { display: flex; align-items: center; gap: .8rem; font-size: .68rem; font-weight: 800; letter-spacing: .22em; color: var(--nk-accent-ink); }
.nkp-page .nkp-eyebrow::before { content: ''; width: 34px; height: 2px; border-radius: 0; background: currentColor; }
.nkp-page .nkp-title {
  max-width: 22ch;
  font-size: clamp(2.1rem, 4vw, 4rem);
  font-weight: 300;
  line-height: 1.02;
  letter-spacing: -.035em;
  text-transform: uppercase;
  color: #1d1d1b;
}

/* Kenar çubuğu: kutusuz, çizgili liste */
.nkp-page .nkp-cats { background: transparent; border: 0; box-shadow: none; padding: 0; }
.nkp-page .nkp-cats h2 {
  margin: 0 0 .9rem;
  padding: 0 0 .8rem;
  border-bottom: 1px solid rgba(29, 29, 27, .14);
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: rgba(29, 29, 27, .6);
}
.nkp-page .nkp-cat {
  border-radius: 0;
  background: transparent;
  color: #1d1d1b;
  font-weight: 600;
  border-left: 2px solid transparent;
}
.nkp-page .nkp-cat:hover { background: rgba(29, 29, 27, .04); color: var(--nk-accent-ink); }
.nkp-page .nkp-cat.is-active { background: #fff; color: #1d1d1b; border-left-color: var(--nk-orange); box-shadow: 0 10px 24px -18px rgba(29, 29, 27, .5); }
.nkp-page .nkp-check { border-radius: 0; color: rgba(29, 29, 27, .78); }
.nkp-page .nkp-check:hover { background: rgba(29, 29, 27, .04); color: var(--nk-accent-ink); }
.nkp-page .nkp-check.is-checked { color: #1d1d1b; font-weight: 600; }
.nkp-page .nkp-check__box { border-radius: 0; border-color: rgba(29, 29, 27, .3); }

/* Araç çubuğu */
.nkp-page .nkp-search input { border: 0; border-bottom: 1px solid rgba(29, 29, 27, .25); background: transparent; border-radius: 0; }
.nkp-page .nkp-search input:focus { outline: none; border-bottom-color: var(--nk-orange); background: transparent; }
.nkp-page .nkp-search button { background: #1d1d1b; }
.nkp-page .nkp-sort select { border-radius: 0; border-color: rgba(29, 29, 27, .2); background-color: transparent; color: #1d1d1b; }
.nkp-page .nkp-count b { font-weight: 300; font-size: 1.5rem; color: #1d1d1b; }

/* Kart ızgarası: aralıksız, ince ayraçlı (ana sayfa rafı gibi) */
.nkp-page .nkp-track {
  gap: 0;
  border-top: 1px solid rgba(29, 29, 27, .1);
  border-left: 1px solid rgba(29, 29, 27, .1);
}
.nkp-page .nkp-cardwrap {
  border: 0;
  border-right: 1px solid rgba(29, 29, 27, .1);
  border-bottom: 1px solid rgba(29, 29, 27, .1);
}

/* Kart (tüm listelerde) */
.nkp-cardwrap {
  position: relative;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  transition: box-shadow .4s var(--nk-ease);
}
.nkp-cardwrap::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 2px;
  z-index: 2;
  background: var(--nk-orange);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .5s var(--nk-ease);
}
.nkp-cardwrap:hover { background: #fff; box-shadow: 0 30px 50px -40px rgba(29, 29, 27, .55); z-index: 1; }
.nkp-cardwrap:hover::before { transform: scaleX(1); }
.nkp-cardwrap > .nkp-card { padding: 1rem 1rem .3rem; }
.nkp-cardwrap .nkp-card-media {
  height: auto;
  padding: 0;
  aspect-ratio: 4 / 3.1;
  margin: 0 0 1.2rem;
  overflow: hidden;
  background: #f4f5fa;
}
/* Görsel kırpılmaz (tamamı görünür); beyaz zeminli fotoğraflar açık zemine karışır */
.nkp-cardwrap .nkp-card-media img {
  object-fit: contain;
  mix-blend-mode: multiply;
  transition: transform .8s var(--nk-ease);
}
.nkp-cardwrap:hover .nkp-card-media img { transform: scale(1.05); }
.nkp-cardwrap .nkp-card-name {
  font-size: 1.02rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -.005em;
  color: #1d1d1b;
  transition: color .25s var(--nk-ease);
}
.nkp-cardwrap:hover .nkp-card-name { color: var(--nk-accent-ink); }
.nkp-cardwrap .nkp-card-spec { font-size: .78rem; line-height: 1.6; color: rgba(29, 29, 27, .6); }
.nkp-cardwrap .nkp-card-code { font-size: .58rem; font-weight: 800; letter-spacing: .16em; color: rgba(29, 29, 27, .45); }
.nkp-cardwrap .nkp-card-options { color: var(--nk-accent-ink); font-weight: 700; }
.nkp-cardwrap .nkp-badge { border-radius: 0; background: #1d1d1b; color: #fff; font-size: .58rem; letter-spacing: .16em; }
.nkp-cardwrap .nkp-badge--sale { background: var(--nk-orange); }

/* Alt satır: sade bağlantılar */
.nkp-cardwrap .nkp-cardfoot {
  margin: 0 1rem;
  padding: .9rem 0 1.1rem;
  border-top: 1px solid rgba(29, 29, 27, .1);
}
.nkp-cardwrap .nkp-quotebtn {
  padding: 0 0 .2rem;
  border: 0;
  border-bottom: 1px solid var(--nk-orange);
  border-radius: 0;
  background: transparent;
  color: var(--nk-accent-ink);
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  box-shadow: none;
}
.nkp-cardwrap .nkp-quotebtn:hover { background: transparent; color: #1d1d1b; border-bottom-color: #1d1d1b; }
.nkp-cardwrap .nkp-card-more { opacity: 1; color: rgba(29, 29, 27, .55); font-size: .64rem; font-weight: 800; letter-spacing: .16em; }
.nkp-cardwrap:hover .nkp-card-more { color: #1d1d1b; }
.nkp-cardwrap .nkp-cartbtn { border-radius: 0; background: #1d1d1b; }
.nkp-cardwrap .nkp-cartbtn:hover { background: var(--nk-orange); }

/* Sayfalama: köşesiz, ince */
.nkp-pager .page-link { border-radius: 0; border-color: rgba(29, 29, 27, .14); background: transparent; color: #1d1d1b; font-weight: 600; }
.nkp-pager .page-link:hover { background: #fff; border-color: var(--nk-orange); color: var(--nk-accent-ink); }
.nkp-pager .page-item.active .page-link { background: #1d1d1b; border-color: #1d1d1b; color: #fff; }

/* ══════════════════════════════════════════
   ÜRÜN DETAYI — üst blok ve sekmeler, sitenin editoryal diliyle uyum
══════════════════════════════════════════ */
.nkd {
  position: relative;
  isolation: isolate;
  background: linear-gradient(180deg, #f8f9fc 0%, #f2f3fa 100%);
}
.nkd::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 900px;
  z-index: -1;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%231d1d1b' stroke-opacity='.06' stroke-width='.15'%3E%3Cpath d='M22 0C20.5 38 24 70 22 100'/%3E%3Cpath d='M78 0C80.5 36 76 70 78 100'/%3E%3C/g%3E%3Cpath d='M52.2 0C48.2 30 54.2 68 49.2 100' fill='none' stroke='%23ffd200' stroke-opacity='.14' stroke-width='.15'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  pointer-events: none;
}

/* Galeri */
.nkd-stage { background: #fff; border: 0; box-shadow: 0 40px 70px -55px rgba(29, 29, 27, .55); }
.nkd-counter { border-radius: 0; background: #1d1d1b; letter-spacing: .1em; }
.nkd-nav { border-radius: 0; background: #fff; color: #1d1d1b; }
.nkd-nav:hover { background: var(--nk-orange); color: var(--nk-on-accent); }
.nkd-thumb { border-radius: 0; border: 1px solid transparent; background: #fff; opacity: .7; transition: opacity .25s, border-color .25s; }
.nkd-thumb:hover { opacity: 1; }
.nkd-thumb.is-active { opacity: 1; border-color: var(--nk-orange); box-shadow: inset 0 -2px 0 var(--nk-orange); }
.nkd-stage__code { font-weight: 200; color: rgba(29, 29, 27, .08); }

/* Bilgi bloğu */
.nkd-cat {
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .22em;
  color: var(--nk-accent-ink);
}
.nkd-cat::before { content: ''; width: 34px; height: 2px; background: currentColor; }
.nkd-title {
  margin-top: .9rem;
  font-size: clamp(2rem, 3.4vw, 3.4rem);
  font-weight: 300;
  line-height: 1.06;
  letter-spacing: -.035em;
  color: #1d1d1b;
  text-wrap: balance;
}
.nkd-brands { padding: 0; border: 0; border-top: 1px solid rgba(29, 29, 27, .12); border-radius: 0; background: transparent; }
.nkd-brands__own { padding: .9rem 0; }
.nkd-brands em { font-size: .58rem; font-weight: 800; letter-spacing: .18em; color: rgba(29, 29, 27, .5); }
.nkd-brands b { font-weight: 600; color: #1d1d1b; }
.nkd-specs { margin-top: 0; padding: .9rem 0; border-top: 1px solid rgba(29, 29, 27, .12); border-bottom: 1px solid rgba(29, 29, 27, .12); }
.nkd-specs li { font-size: .95rem; color: #1d1d1b; }
.nkd-specs svg { color: var(--nk-accent-ink); }
.nkd-quoteonly { font-size: .82rem; font-weight: 500; color: rgba(29, 29, 27, .6); }

.nkd-btn { border-radius: 0; letter-spacing: .14em; }
.nkd-btn--solid { background: #1d1d1b; border-color: #1d1d1b; color: #fff; }
.nkd-btn--solid:hover { background: var(--nk-orange); border-color: var(--nk-orange); color: var(--nk-on-accent); }
.nkd-btn--ghost { background: transparent; border: 1px solid rgba(29, 29, 27, .22); color: #1d1d1b; }
.nkd-btn--ghost:hover { background: #1d1d1b; border-color: #1d1d1b; color: #fff; }

.nkd-perks { border: 0; border-top: 1px solid rgba(29, 29, 27, .12); background: transparent; }
.nkd-perks li { background: transparent; border-color: rgba(29, 29, 27, .1); }
.nkd-perks span { color: rgba(29, 29, 27, .75); font-weight: 600; }

/* Sekmeler: kutusuz, alt çizgili */
.nkd-tabs { background: transparent; border: 0; }
.nkd-tabs__bar { border-bottom: 1px solid rgba(29, 29, 27, .14); }
.nkd-tab { padding-left: 0; padding-right: 0; margin-right: clamp(1.5rem, 3vw, 2.5rem); color: rgba(29, 29, 27, .5); }
.nkd-tab:hover { background: transparent; color: #1d1d1b; }
.nkd-tab.is-active { color: #1d1d1b; }
.nkd-tab::after { height: 2px; }
.nkd-panel { padding: clamp(1.8rem, 3vw, 2.6rem) 0 0; }
.nkd-tabs .nkd-panel.is-active { background: transparent; }
.nkd-table dt { color: rgba(29, 29, 27, .5); }
.nkd-table dd { color: #1d1d1b; }
.nkd-table > div { border-bottom-color: rgba(29, 29, 27, .12); }

/* Açıklama bölümleri inci zemine oturur */
.nkd .pdx-img, .nkd .pdx-badges li { background: #fff; }
.nkd .pdx-specs dl > div { background: #fff; }

/* Ürün detayı — benzer ürünler başlığı ve ızgarası */
.nkd-related { background: #fff; }
.nkd-related .nkp-eyebrow { display: flex; align-items: center; gap: .8rem; font-size: .68rem; font-weight: 800; letter-spacing: .22em; color: var(--nk-accent-ink); }
.nkd-related .nkp-eyebrow::before { content: ''; width: 34px; height: 2px; border-radius: 0; background: currentColor; }
.nkd-related .nkp-title { font-size: clamp(1.8rem, 3vw, 3rem); font-weight: 300; letter-spacing: -.03em; text-transform: uppercase; color: #1d1d1b; }
.nkd-related .nkp-track { gap: 0; border-top: 1px solid rgba(29, 29, 27, .1); border-left: 1px solid rgba(29, 29, 27, .1); }
.nkd-related .nkp-cardwrap { border: 0; border-right: 1px solid rgba(29, 29, 27, .1); border-bottom: 1px solid rgba(29, 29, 27, .1); }

/* ══════════════════════════════════════════
   ÜRÜN DETAYI — üst blok yeni kurgu
   Galeri: küçük resimler solda dikey şeritte, büyük görsel inci zeminde.
   Bilgi: gölgeli beyaz kart, kaydırırken galerinin yanında sabit; ölçüler kutucuk.
══════════════════════════════════════════ */
.nkd-top { align-items: start; gap: clamp(1.5rem, 3vw, 3rem); }

@media (min-width: 901px) {
  .nkd-gallery {
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr);
    gap: .8rem;
    align-items: start;
  }
  .nkd-gallery .nkd-stage { grid-column: 2; grid-row: 1; }
  .nkd-gallery .nkd-thumbs {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    gap: .55rem;
    max-height: min(72vh, 620px);
    margin: 0;
    padding: 0 2px 0 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
  }
  .nkd-gallery .nkd-thumb { width: 100%; height: 66px; flex: none; }
  .nkd-gallery[data-count="1"] { grid-template-columns: minmax(0, 1fr); }
  .nkd-gallery[data-count="1"] .nkd-stage { grid-column: 1; }
}
.nkd-stage { background: linear-gradient(180deg, #f6f7fb 0%, #eceef6 100%); box-shadow: none; }
.nkd-stage img { mix-blend-mode: multiply; }

/* Bilgi kartı */
@media (min-width: 901px) {
  .nkd-info { position: sticky; top: calc(var(--nk-nav, 76px) + 1.2rem); }
}
.nkd-info {
  padding: clamp(1.5rem, 2.6vw, 2.4rem);
  background: #fff;
  box-shadow: 0 40px 80px -55px rgba(29, 29, 27, .55);
  border-top: 3px solid var(--nk-orange);
}
.nkd-info__head { margin-bottom: .2rem; }
.nkd-title { margin-bottom: 1.2rem; }

/* Özet satırları ve ölçü kutucukları */
.nkd-specs { display: flex; flex-direction: column; gap: .9rem; margin: 0 0 1.2rem; padding: 1rem 0; border-top: 1px solid rgba(29, 29, 27, .1); border-bottom: 1px solid rgba(29, 29, 27, .1); }
.nkd-spec { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem 1rem; }
.nkd-spec__label { min-width: 5.5rem; font-size: .76rem; font-weight: 600; color: rgba(29, 29, 27, .55); }
.nkd-spec b { font-size: .95rem; font-weight: 600; color: #1d1d1b; }
.nkd-chips { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0; padding: 0; list-style: none; }
.nkd-chips li {
  padding: .45rem .75rem;
  border: 1px solid rgba(29, 29, 27, .16);
  background: #f8f9fc;
  font-size: .84rem;
  font-weight: 600;
  color: #1d1d1b;
  transition: border-color .25s, color .25s, background .25s;
}
.nkd-chips li:hover { border-color: var(--nk-orange); color: var(--nk-accent-ink); background: #fff; }

/* Avantajlar: ikonlu, ayraçlı tek satır */
.nkd-perks { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 0; margin-top: 1.4rem; padding-top: 1.2rem; }
.nkd-perks li { display: flex; flex-direction: column; gap: .5rem; padding: 0 .9rem; border: 0; border-left: 1px solid rgba(29, 29, 27, .1); }
.nkd-perks li:first-child { padding-left: 0; border-left: 0; }
.nkd-perks span { font-size: .76rem; line-height: 1.45; }

/* Ürün detayı: küçük resim şeridi kaydırılabilir ama kaydırma çubuğu görünmez */
.nkd-gallery .nkd-thumbs { scrollbar-width: none; -ms-overflow-style: none; }
.nkd-gallery .nkd-thumbs::-webkit-scrollbar { display: none; width: 0; height: 0; }

/* ══════════════════════════════════════════
   HABERLER SAYFASI (Prefix: .nw-)
   Öne çıkan yazı (geniş görsel + metin kartı), kategori filtresi, numaralı kartlar.
══════════════════════════════════════════ */
.nw { padding: clamp(3rem, 8vh, 5rem) var(--nk-pad); background: linear-gradient(180deg, #f8f9fc 0%, #f2f3fa 100%); }
.nw-eyebrow { display: flex; align-items: center; gap: .8rem; margin: 0 0 1rem; font-size: .68rem; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: var(--nk-accent-ink); }
.nw-eyebrow i { display: block; width: 34px; height: 2px; background: currentColor; }
.nw-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .9rem; margin: 0 0 .8rem; font-size: .78rem; color: rgba(29, 29, 27, .6); }
.nw-meta > * + *::before { content: ''; display: inline-block; width: 4px; height: 4px; margin-right: .9rem; border-radius: 50%; background: rgba(29, 29, 27, .3); vertical-align: middle; }
.nw-cat { font-weight: 700; color: var(--nk-accent-ink); }

/* Öne çıkan yazı */
.nw-feature { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: stretch; margin-bottom: clamp(3rem, 8vh, 5rem); background: #fff; box-shadow: 0 40px 80px -60px rgba(29, 29, 27, .55); }
.nw-feature__media { display: block; min-height: clamp(280px, 42vh, 460px); overflow: hidden; background: #e9ecf3; }
.nw-feature__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.22, 1, .36, 1); }
.nw-feature:hover .nw-feature__media img { transform: scale(1.04); }
.nw-feature__body { display: flex; flex-direction: column; justify-content: center; padding: clamp(1.8rem, 3.5vw, 3.2rem); border-top: 3px solid var(--nk-orange); }
.nw-feature__title { margin: 0 0 1rem; font-size: clamp(1.5rem, 2.4vw, 2.2rem); font-weight: 500; line-height: 1.2; color: #1d1d1b; text-wrap: balance; }
.nw-feature__title a { color: inherit; text-decoration: none; transition: color .25s; }
.nw-feature__title a:hover { color: var(--nk-accent-ink); }
.nw-feature__text { margin: 0 0 1.6rem; font-size: .95rem; line-height: 1.75; color: rgba(29, 29, 27, .7); }
.nw-link { display: inline-flex; align-self: flex-start; align-items: center; gap: 2.5rem; padding: .95rem 1.2rem; background: #1d1d1b; color: #fff; text-decoration: none; font-size: .82rem; font-weight: 700; transition: background .3s; }
.nw-link b { font-weight: 400; transition: transform .3s; }
.nw-link:hover { background: var(--nk-orange); }
.nw-link:hover b { transform: translateX(6px); }

/* Liste */
.nw-list__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1.2rem 2rem; margin-bottom: 1.8rem; }
.nw-list__title { margin: 0; font-size: clamp(1.4rem, 2.2vw, 2rem); font-weight: 500; color: #1d1d1b; }
.nw-filter { display: flex; flex-wrap: wrap; gap: .4rem; }
.nw-filter button { padding: .55rem 1rem; border: 1px solid rgba(29, 29, 27, .18); background: transparent; color: #1d1d1b; font: inherit; font-size: .82rem; font-weight: 600; cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.nw-filter button:hover { border-color: var(--nk-orange); color: var(--nk-accent-ink); }
.nw-filter button.is-on { background: #1d1d1b; border-color: #1d1d1b; color: #fff; }

.nw-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(29, 29, 27, .1); border-left: 1px solid rgba(29, 29, 27, .1); }
.nw-card { position: relative; border-right: 1px solid rgba(29, 29, 27, .1); border-bottom: 1px solid rgba(29, 29, 27, .1); background: #fff; }
.nw-card[hidden] { display: none; }
.nw-card::before { content: ''; position: absolute; left: 0; top: 0; right: 0; height: 2px; z-index: 1; background: var(--nk-orange); transform: scaleX(0); transform-origin: left; transition: transform .5s cubic-bezier(.22, 1, .36, 1); }
.nw-card:hover::before { transform: scaleX(1); }
.nw-card__link { display: flex; flex-direction: column; height: 100%; padding: 1.1rem 1.1rem 1.4rem; color: #1d1d1b; text-decoration: none; }
.nw-card__media { display: block; aspect-ratio: 16 / 10; margin-bottom: 1.1rem; overflow: hidden; background: #f4f5fa; }
.nw-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.22, 1, .36, 1); }
.nw-card:hover .nw-card__media img { transform: scale(1.05); }
.nw-card__no { position: absolute; top: 1.5rem; right: 1.5rem; padding: .3rem .55rem; background: #1d1d1b; color: #fff; font-size: .72rem; font-weight: 700; }
.nw-card__title { margin-bottom: .6rem; font-size: 1.05rem; font-weight: 600; line-height: 1.4; transition: color .25s; }
.nw-card:hover .nw-card__title { color: var(--nk-accent-ink); }
.nw-card__text { margin-bottom: 1.2rem; font-size: .86rem; line-height: 1.65; color: rgba(29, 29, 27, .65); }
.nw-card__more { margin-top: auto; font-size: .82rem; font-weight: 700; color: #1d1d1b; }
.nw-card__more b { display: inline-block; font-weight: 400; transition: transform .3s; }
.nw-card:hover .nw-card__more b { transform: translateX(5px); }
.nw-empty { margin: 0; font-size: .95rem; color: rgba(29, 29, 27, .65); }

@media (max-width: 1000px) {
  .nw-feature { grid-template-columns: 1fr; }
  .nw-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) { .nw-grid { grid-template-columns: 1fr; } }

/* ══════════════════════════════════════════
   HABERLER — dergi düzeni (Prefix: .nwh, .nw-rows)
   Giriş: öne çıkan yazının tam genişlik görseli, üstte sayfa adı ve yazı sayısı,
   altta yazının kategorisi, başlığı ve bağlantısı. Liste: numaralı satırlar.
══════════════════════════════════════════ */
.nwh {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-end;
  min-height: clamp(520px, 82vh, 780px);
  padding-top: var(--nk-nav, 76px);
  overflow: hidden;
  background: #141413;
  color: #fff;
}
.nwh--plain { min-height: clamp(320px, 40vh, 420px); }
.nwh__media { position: absolute; inset: 0; z-index: -2; }
.nwh__media img { width: 100%; height: 100%; object-fit: cover; animation: ibZoom 16s ease-out forwards; }
.nwh::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(14, 14, 13, .75) 0%, rgba(14, 14, 13, .2) 30%, rgba(14, 14, 13, .15) 50%, rgba(14, 14, 13, .92) 100%),
    linear-gradient(90deg, rgba(14, 14, 13, .7) 0%, rgba(14, 14, 13, 0) 70%);
}
.nwh__inner { position: relative; width: 100%; padding: clamp(2rem, 5vh, 3rem) var(--nk-pad) clamp(2.5rem, 6vh, 4rem); }
.nwh__page {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  margin: 0 0 clamp(2.5rem, 10vh, 6rem);
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, .25);
  font-size: clamp(1.4rem, 2.4vw, 2rem);
  font-weight: 500;
  color: #fff;
}
.nwh__page small { font-size: .8rem; font-weight: 600; color: rgba(255, 255, 255, .65); }
.nwh__post { max-width: 760px; }
.nw-meta--light { color: rgba(255, 255, 255, .75); }
.nw-meta--light > * + *::before { background: rgba(255, 255, 255, .5); }
.nw-meta--light .nw-cat { color: #ffd200; }
.nwh__title { margin: 0 0 1rem; font-size: clamp(1.9rem, 3.4vw, 3.2rem); font-weight: 500; line-height: 1.12; text-wrap: balance; }
.nwh__title a { color: #fff; text-decoration: none; transition: color .25s; }
.nwh__title a:hover { color: #ffd200; }
.nwh__text { max-width: 60ch; margin: 0 0 1.6rem; font-size: 1rem; line-height: 1.7; color: rgba(255, 255, 255, .82); }
.nw-link--light { background: #fff; color: #1d1d1b; }
.nw-link--light:hover { background: var(--nk-orange); color: var(--nk-on-accent); }

/* Numaralı satır listesi */
.nw-rows { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(29, 29, 27, .14); }
.nw-row[hidden] { display: none; }
.nw-row { border-bottom: 1px solid rgba(29, 29, 27, .14); }
.nw-row__link {
  position: relative;
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 280px) minmax(0, 1fr) 3rem;
  align-items: center;
  gap: clamp(1rem, 2.5vw, 2.5rem);
  padding: 1.6rem 0;
  color: #1d1d1b;
  text-decoration: none;
  transition: background .3s, padding .4s cubic-bezier(.22, 1, .36, 1);
}
.nw-row__link::before { content: ''; position: absolute; left: 0; top: -1px; height: 2px; width: 100%; background: var(--nk-orange); transform: scaleX(0); transform-origin: left; transition: transform .5s cubic-bezier(.22, 1, .36, 1); }
.nw-row__link:hover::before { transform: scaleX(1); }
.nw-row__link:hover { background: #fff; padding-left: 1rem; padding-right: 1rem; }
.nw-row__no { font-size: clamp(2rem, 3.2vw, 2.8rem); font-weight: 500; line-height: 1; color: transparent; -webkit-text-stroke: 1px rgba(29, 29, 27, .35); transition: -webkit-text-stroke-color .3s, color .3s; }
.nw-row__link:hover .nw-row__no { color: var(--nk-accent-ink); -webkit-text-stroke-color: var(--nk-orange); }
.nw-row__media { aspect-ratio: 16 / 10; overflow: hidden; background: #eef0f7; }
.nw-row__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.22, 1, .36, 1); }
.nw-row__link:hover .nw-row__media img { transform: scale(1.05); }
.nw-row__body { display: flex; flex-direction: column; gap: .2rem; min-width: 0; }
.nw-row__title { font-size: clamp(1.1rem, 1.6vw, 1.45rem); font-weight: 600; line-height: 1.3; transition: color .25s; }
.nw-row__link:hover .nw-row__title { color: var(--nk-accent-ink); }
.nw-row__text { margin-top: .4rem; font-size: .9rem; line-height: 1.65; color: rgba(29, 29, 27, .65); }
.nw-row__go { display: grid; place-items: center; width: 3rem; height: 3rem; border: 1px solid rgba(29, 29, 27, .2); font-size: 1.1rem; transition: background .3s, color .3s, border-color .3s, transform .3s; }
.nw-row__link:hover .nw-row__go { background: #1d1d1b; border-color: #1d1d1b; color: #fff; transform: translateX(4px); }

@media (max-width: 900px) {
  .nw-row__link { grid-template-columns: 3rem minmax(0, 1fr); }
  .nw-row__media { grid-column: 2; }
  .nw-row__body { grid-column: 2; }
  .nw-row__go { display: none; }
}

/* ══════════════════════════════════════════
   ÜRÜNLER — KATEGORİ AĞACI (açılır gruplar)
   Ana kategori = grup başlığı (onay kutusu + ürün sayısı + aç/kapa oku),
   alt kategoriler yumuşak açılır. Seçili dal açık başlar.
══════════════════════════════════════════ */
.nkp-page .nkp-cats > form > ul:first-of-type { margin-bottom: .6rem; }
.nkp-tree { display: flex; flex-direction: column; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.nkp-tree__group {
  background: #fff;
  border: 1px solid rgba(29, 29, 27, .1);
  border-left: 2px solid transparent;
  transition: border-color .25s, box-shadow .3s;
}
.nkp-tree__group:hover { box-shadow: 0 14px 30px -26px rgba(29, 29, 27, .6); }
.nkp-tree__group.is-open { border-left-color: var(--nk-orange); }
.nkp-tree__head { display: flex; align-items: center; }
.nkp-tree__head .nkp-check { flex: 1; min-width: 0; padding: .75rem .4rem .75rem .8rem; }
.nkp-page .nkp-check--root .nkp-check__label { font-size: .95rem; font-weight: 700; color: #1d1d1b; }
.nkp-tree__count {
  margin-left: auto;
  padding: .12rem .45rem;
  background: #f2f3fa;
  font-size: .7rem;
  font-style: normal;
  font-weight: 700;
  color: rgba(29, 29, 27, .55);
}
.nkp-check.is-checked .nkp-tree__count { background: var(--nk-orange); color: var(--nk-on-accent); }
.nkp-tree__toggle {
  flex: none;
  display: grid;
  place-items: center;
  width: 40px;
  align-self: stretch;
  border: 0;
  border-left: 1px solid rgba(29, 29, 27, .08);
  background: none;
  color: rgba(29, 29, 27, .55);
  cursor: pointer;
  transition: color .2s, background .2s;
}
.nkp-tree__toggle:hover { color: var(--nk-accent-ink); background: #f8f9fc; }
.nkp-tree__toggle svg { transition: transform .3s cubic-bezier(.22, 1, .36, 1); }
.nkp-tree__group.is-open .nkp-tree__toggle svg { transform: rotate(180deg); }

/* Alt kategoriler: yumuşak aç/kapa */
.nkp-tree__body { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .35s cubic-bezier(.22, 1, .36, 1); }
.nkp-tree__group.is-open .nkp-tree__body { grid-template-rows: 1fr; }
.nkp-tree__body > ul { min-height: 0; overflow: hidden; margin: 0; padding: 0 .4rem 0 .8rem; list-style: none; }
.nkp-tree__group.is-open .nkp-tree__body > ul { padding-bottom: .5rem; border-top: 1px solid rgba(29, 29, 27, .07); padding-top: .35rem; }
.nkp-tree__body .nkp-check { padding: .45rem .3rem .45rem calc(.4rem + var(--depth, 0) * 1rem); font-size: .86rem; }
.nkp-tree__body .nkp-check__label { color: rgba(29, 29, 27, .78); }
.nkp-tree__body .nkp-check.is-checked .nkp-check__label { color: var(--nk-accent-ink); font-weight: 700; }
.nkp-page .nkp-tree .nkp-check:hover { background: transparent; }
.nkp-page .nkp-tree .nkp-check:hover .nkp-check__label { color: var(--nk-accent-ink); }
.nkp-page .nkp-tree .nkp-check__box { width: 16px; height: 16px; }
@media (prefers-reduced-motion: reduce) { .nkp-tree__body, .nkp-tree__toggle svg { transition: none; } }

/* Harita: üzerine gelince asıl harita değişmez (yeniden boyama yok); vurgu ayrı katmanda */
.ydm__svg g[data-city]:hover path { fill: rgba(255, 255, 255, .025); stroke: rgba(255, 255, 255, .24); }
.ydm__svg g.is-on:hover path, .ydm__svg g.is-on.is-active path, .ydm__svg g.is-active path { fill: url(#ydm-hatch); stroke: rgba(255, 210, 0, .75); stroke-width: .8; }
.ydm__svg g[data-city]:not(.is-on).is-active path { fill: rgba(255, 255, 255, .025); stroke: rgba(255, 255, 255, .24); }
.ydm__hl { position: absolute; left: 0; right: 0; width: 100%; height: auto; pointer-events: none; will-change: transform; overflow: visible; }
.ydm__hl path { fill: rgba(255, 255, 255, .08); stroke: rgba(255, 255, 255, .75); stroke-width: 1.2; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.ydm__hl.is-on path { fill: rgba(255, 210, 0, .4); stroke: #fff; stroke-width: 1.4; }

/* ══ Mobil düzeltmeler ══
   İç sayfa başlıkları (haber detayı, katalog, iletişim, KVKK…): eski mobil kural fotoğraf
   kutusuna sabit genişlik + en-boy oranı veriyordu; konum (inset:0) ile çakışıp kutuyu aşağı
   itiyor ve üstte boş antrasit şerit bırakıyordu. Fotoğraf her ekranda bölümü tam kaplar. */
.nkb-hero .nkb-hero__right, .nka-hero .nka-hero__right {
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  display: block !important;
}
.nkb-hero--article { height: auto; min-height: clamp(380px, 56vh, 560px); }
@media (max-width: 600px) {
  .nkb-hero { min-height: clamp(340px, 62vh, 460px); }
  .nkb-hero__left { padding-top: 1.5rem; }
  .nkb-breadcrumb { font-size: .74rem !important; gap: .3rem .6rem; }
  .nkb-breadcrumb [aria-current="page"] { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .nkb-hero--article .nkb-hero__title { font-size: clamp(1.6rem, 7vw, 2.1rem) !important; -webkit-line-clamp: 4; }
}

/* Haber detayı: yazı içi başlıklar ölçülü, mobilde kart boşlukları daralır */
.nkb-article-body h2, .nkb-article-body h3 { line-height: 1.3; font-weight: 600; color: #1d1d1b; }
.nkb-article-body h2 { font-size: clamp(1.2rem, 2vw, 1.45rem); margin-top: 1.8em; }
.nkb-article-body h3 { font-size: clamp(1.05rem, 1.6vw, 1.15rem); }
@media (max-width: 600px) {
  .nkb-article-section { padding-left: 0; padding-right: 0; }
  .nkb-article-inner { padding: 1.2rem 1.1rem 1.5rem !important; }
  .nkb-article-body { font-size: .95rem; line-height: 1.75; }
}
/* Chrome mutlak konumlu kutularda align-self uygular: eski "end" hizası kutuyu alta yaslıyordu */
.nkb-hero .nkb-hero__right, .nka-hero .nka-hero__right { align-self: stretch !important; justify-self: stretch !important; }

/* ══ Satış noktaları haritası — pim tabanlı (son düzen) ══
   Harita yalnızca görsel: fare olaylarına kapalı, sabit stil (desen yok).
   Etkileşim HTML pimlerde (24px dokunma alanı, ortada nokta, nabız halkası). */
.ydm__svg { pointer-events: none; }
.ydm__svg path { fill: rgba(255, 255, 255, .03); stroke: rgba(255, 255, 255, .22); stroke-width: .8; vector-effect: non-scaling-stroke; transition: none; }
.ydm__svg g.is-on path,
.ydm__svg g.is-on:hover path,
.ydm__svg g.is-active path { fill: rgba(255, 210, 0, .2); stroke: rgba(255, 210, 0, .85); stroke-width: 1; }
.ydm__svg g[data-city]:hover path { fill: rgba(255, 255, 255, .03); }
.ydm__svg g.is-on:hover path { fill: rgba(255, 210, 0, .2); }
.ydm__hl { display: none; }

.ydm__pins { position: absolute; left: 0; right: 0; bottom: 0; pointer-events: none; }
.ydm__pin {
  position: absolute;
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -12px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  pointer-events: auto;
  animation-delay: inherit;
}
.ydm__pin::before {
  content: '';
  position: absolute;
  inset: 7px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 2px rgba(255, 210, 0, .9);
  transition: transform .25s cubic-bezier(.22, 1, .36, 1), background .2s;
}
.ydm__pin::after {
  content: '';
  position: absolute;
  inset: 5px;
  border: 1px solid #fff;
  border-radius: 50%;
  animation: ydmPulse 2.4s ease-out infinite;
  animation-delay: inherit;
  will-change: transform, opacity;
  pointer-events: none;
}
.ydm__pin:hover::before, .ydm__pin:focus-visible::before, .ydm__pin.is-active::before { transform: scale(1.6); background: var(--nk-orange); box-shadow: 0 0 0 2px #fff; }
.ydm__pin:focus-visible { outline: none; }
.ydm__pin.is-active::after { animation: none; opacity: 0; }
.ydm__info { transition: none; }
@media (prefers-reduced-motion: reduce) { .ydm__pin::after { animation: none; opacity: 0; } }
/* Harita ve pim katmanı ayrı katmanlarda: pim büyürken harita yeniden boyanmaz */
.ydm__svg { will-change: transform; transform: translateZ(0); }
.ydm__pins { will-change: transform; transform: translateZ(0); }

/* ══ Satış noktaları — konum ikonu (son düzen) ══
   Sade, dolu sarı konum ikonu; sivri ucu ilin noktasına oturur. Işıma/dalga yok.
   Üzerine gelince/seçilince ikon beyazlaşır ve hafifçe yükselir. Dokunma alanı 24px. */
.ydm__pin { overflow: visible; height: 26px; margin-top: -24px; }
.ydm__pin::before {
  inset: auto;
  left: 50%;
  bottom: 2px;
  width: 14px;
  height: 19px;
  margin-left: -7px;
  border-radius: 0;
  background: #ffd200;
  box-shadow: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 32'%3E%3Cpath fill-rule='evenodd' d='M12 0C5.4 0 0 5.2 0 11.7 0 20.3 12 32 12 32s12-11.7 12-20.3C24 5.2 18.6 0 12 0Zm0 16.2a4.6 4.6 0 1 1 0-9.2 4.6 4.6 0 0 1 0 9.2Z'/%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 32'%3E%3Cpath fill-rule='evenodd' d='M12 0C5.4 0 0 5.2 0 11.7 0 20.3 12 32 12 32s12-11.7 12-20.3C24 5.2 18.6 0 12 0Zm0 16.2a4.6 4.6 0 1 1 0-9.2 4.6 4.6 0 0 1 0 9.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
  transform-origin: 50% 100%;
  transition: transform .25s cubic-bezier(.22, 1, .36, 1), background .2s;
}
.ydm__pin::after { display: none; animation: none; }
.ydm__pin:hover::before, .ydm__pin:focus-visible::before, .ydm__pin.is-active::before {
  transform: translateY(-2px) scale(1.2);
  background: #fff;
  box-shadow: none;
}