/* ══════════════════════════════════════════════════════════════
   TELCİMAKS — Header ve ana sayfa girişi
   Koyu header (ana sayfada girişin üzerinde saydam), beyaz menü, sarı teklif düğmesi.
   Ana sayfa girişi: siyah-beyaz tam genişlik zemin, başlık, düğmeler ve slayt küçük resimleri.
══════════════════════════════════════════════════════════════ */
:root {
  --nk-nav: 84px;
  --tk-ink: #1d1d1b;
  --tk-soft: #5c5c58;
}

/* ── Header ───────────────────────────────────────────────────
   Girişteki teknik çerçeveyle aynı dil: saydam koyu şerit, ince alt çizgi; solda küçük
   aralıklı menü, ortada logo, sağda telefon, arama, dil, köşeli parantezli teklif düğmesi
   ve menü. Ana sayfada girişin üzerinde saydam; kaydırınca ve iç sayfalarda koyu. */
.nk-header.tk-head {
  background: rgba(12, 12, 11, .92);
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: background .35s var(--nk-ease), box-shadow .35s var(--nk-ease);
}
body:has(.tz) .nk-header.tk-head:not(.scrolled) {
  background: linear-gradient(180deg, rgba(12, 12, 11, .6) 0%, rgba(12, 12, 11, 0) 100%);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.nk-header.tk-head.scrolled { background: #00000076; box-shadow: 0 14px 30px -20px rgba(0, 0, 0, .7); }
.nk-header.tk-head .nk-header__bg { display: none !important; }

/* Üç sütun: menü | logo | araçlar */
.tk-head .nk-header__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  height: 100%;
  padding: 0 var(--nk-pad);
  column-gap: clamp(1rem, 2.5vw, 2.5rem);
}
.tk-head .nk-hd-left { display: contents; }
.tk-head .nk-logo { grid-column: 2; grid-row: 1; justify-self: center; }
.tk-head .nk-nav { grid-column: 1; grid-row: 1; justify-self: start; margin: 0; gap: clamp(.9rem, 1.8vw, 1.9rem); }

/* Logo: renkli logo */
.tk-head .nk-logo__img { display: none !important; }
.tk-head .nk-logo__img--color {
  display: block !important;
  width: auto;
  height: clamp(26px, 2.3vw, 34px) !important;
  max-width: 210px;
  object-fit: contain;
}

/* Menü: küçük, aralıklı beyaz yazı; etkin öğe sarı */
.tk-head .nk-nav > a,
.tk-head .nk-nav__home,
.tk-head .nk-pdrop__trigger {
  color: rgba(255, 255, 255, .78) !important;
  opacity: 1 !important;
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: none;
}
.tk-head .nk-nav > a:hover,
.tk-head .nk-nav__home:hover,
.tk-head .nk-pdrop__trigger:hover,
.tk-head .nk-pdrop.is-open .nk-pdrop__trigger { color: #fff !important; }
.tk-head .nk-nav > a.is-active,
.tk-head .nk-pdrop__trigger.is-active { color: var(--nk-orange) !important; }
.tk-head .nk-nav > a::after { background: var(--nk-orange) !important; height: 1px; }
/* Ana sayfa ikonu: Kurumsal'ın önünde, menü yazıları gibi sade ve beyaz; ana sayfadayken sarı */
.tk-head .nk-nav__home {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: .3rem 0;
  background: none;
  border: 0;
}
.tk-head .nk-nav__home::after { display: none !important; }
.tk-head .nk-nav > a.nk-nav__home:hover,
.tk-head .nk-nav > a.nk-nav__home.is-active { color: var(--nk-orange) !important; background: none; }

/* Sağ: telefon, araçlar, teklif, menü */
.tk-head .nk-hd-right {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  display: flex;
  align-items: center;
  gap: clamp(.6rem, 1.4vw, 1.4rem);
  padding: 0;
  background: none;
}
.tk-head__phone {
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .04em;
  color: rgba(255, 255, 255, .78);
  text-decoration: none;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  transition: color .25s var(--nk-ease);
}
.tk-head__phone:hover { color: var(--nk-orange); }
.tk-head .nk-hd-tools { gap: clamp(.3rem, .8vw, .8rem); }
.tk-head .nk-hd-right :is(.nk-search, .nk-lang__btn, .nk-cartbtn) { color: #fff !important; opacity: 1 !important; }
.tk-head .nk-hd-right :is(.nk-search, .nk-lang__btn, .nk-cartbtn):hover { color: var(--nk-orange) !important; }

/* Arama: büyüteç; kutu header'ın altında açılır */
.tk-head .nk-search { display: inline-flex !important; padding: .5rem; }
.tk-head .nk-search span { display: none; }
.tk-head .nb-search-drop {
  position: absolute !important;
  top: var(--nk-nav) !important;
  right: 0;
  left: auto;
  width: min(520px, 100vw) !important;
  display: none !important;
  padding: .9rem 1.1rem !important;
  background: #fff !important;
  border: 0;
  box-shadow: 0 24px 50px -20px rgba(0, 0, 0, .5) !important;
  z-index: 40;
}
.tk-head .nb-search-drop.open { display: block !important; }
.tk-head .nb-search-drop input,
.tk-head .nb-search-drop button,
.tk-head .nb-search-drop .nb-search-drop__icon { color: var(--tk-ink) !important; }
.tk-head .nb-search-drop input::placeholder { color: rgba(29, 29, 27, .55) !important; }
.tk-head .nb-search-drop form { border-bottom-color: rgba(29, 29, 27, .25) !important; }
.tk-head .nb-search-drop .nb-suggest { position: static; width: auto; margin-top: .6rem; }

/* Teklif düğmesi: köşeli parantezli, sarı çerçeve */
.tk-head__cta {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  white-space: nowrap;
  padding: .6rem .95rem;
  border: 1px solid rgba(255, 210, 0, .7);
  color: var(--nk-orange);
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-decoration: none;
  transition: background .25s var(--nk-ease), color .25s var(--nk-ease);
}
.tk-head__cta i { font-style: normal; font-weight: 400; opacity: .7; }
.tk-head__cta:hover { background: var(--nk-orange); color: var(--tk-ink); }
.tk-head__cta:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

/* Menü düğmesi: beyaz çizgiler */
.tk-head .nk-burger { background: none !important; flex-shrink: 0; width: 30px; }
.tk-head .nk-burger span { background: #fff !important; }
.tk-head .nk-burger:hover span { background: var(--nk-orange) !important; }

@media (max-width: 1360px) {
  .tk-head__phone { display: none; }
}
/* Logo ortada kaldığı için dar masaüstlerinde Haberler ve E-Katalog gizlenir (☰ menüsünde bulunur) */
@media (max-width: 1520px) {
  .tk-head .nk-nav > a[href$="kataloglar"], .tk-head .nk-nav > a[href$="haberler"] { display: none; }
}
@media (max-width: 1240px) {
  .tk-head .nk-nav { gap: .85rem; }
  .tk-head .nk-nav > a[href$="uretim-tesisi"] { display: none; }
}
@media (max-width: 900px) {
  :root { --nk-nav: 66px; }
  .tk-head .nk-header__inner { grid-template-columns: auto 1fr; }
  .tk-head .nk-logo { grid-column: 1; justify-self: start; }
  .tk-head .nk-hd-right { grid-column: 2; }
}
@media (max-width: 560px) {
  .tk-head__cta { display: none; }
}

/* ── Ana sayfa girişi ───────────────────────────────────────── */
.th {
  position: relative;
  display: flex;
  min-height: min(100vh, 900px);
  padding-top: var(--nk-nav);
  background: #0e0e0d;
  color: #fff;
  overflow: hidden;
  isolation: isolate;
}

/* Zemin: siyah-beyaz fotoğraf/video, solda koyulaşan örtü */
.th__media { position: absolute; inset: 0; z-index: -2; }
.th__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1) contrast(1.08) brightness(.82);
  opacity: 0;
  transform: scale(1.04);
  transition: opacity .9s var(--nk-ease), transform 7s linear;
}
.th__bg.is-active { opacity: 1; transform: scale(1); }
.th::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(14, 14, 13, .88) 0%, rgba(14, 14, 13, .62) 42%, rgba(14, 14, 13, .25) 100%),
    linear-gradient(0deg, rgba(14, 14, 13, .7) 0%, rgba(14, 14, 13, 0) 40%);
}

.th__inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(2.5rem, 7vh, 4.5rem);
  padding: clamp(3rem, 9vh, 6rem) var(--nk-pad) clamp(2rem, 5vh, 3rem);
}

.th__copy { max-width: 640px; margin-top: auto; }
.is-swap .th__copy > * { animation: thIn .7s var(--nk-ease) both; }
.is-swap .th__copy > :nth-child(2) { animation-delay: .06s; }
.is-swap .th__copy > :nth-child(3) { animation-delay: .12s; }
.is-swap .th__copy > :nth-child(4) { animation-delay: .18s; }
@keyframes thIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

.th__eyebrow {
  margin: 0 0 1.1rem;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .7);
}

.th__title {
  margin: 0 0 1.2rem;
  font-size: clamp(2.1rem, 3.8vw, 3rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -.01em;
  color: #fff;
}

.th__text {
  max-width: 560px;
  margin: 0 0 2rem;
  font-size: .98rem;
  font-weight: 500;
  line-height: 1.75;
  color: rgba(255, 255, 255, .78);
}

.th__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.25rem; }

.th__btn {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  padding: .95rem 1.6rem;
  background: var(--nk-orange);
  color: var(--tk-ink);
  font-size: .82rem;
  font-weight: 700;
  text-decoration: none;
  transition: background .25s var(--nk-ease), color .25s var(--nk-ease), gap .25s var(--nk-ease);
}
.th__btn:hover { background: #fff; color: var(--tk-ink); gap: .95rem; }

.th__play {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  padding: 0;
  border-radius: 50%;
  border: 0;
  background: var(--nk-orange);
  color: var(--tk-ink);
  cursor: pointer;
  box-shadow: 0 0 0 7px rgba(255, 210, 0, .22);
  transition: box-shadow .3s var(--nk-ease), transform .3s var(--nk-ease);
}
.th__play svg { margin-left: 2px; }
.th__play:hover { box-shadow: 0 0 0 11px rgba(255, 210, 0, .3); transform: scale(1.05); }
.th__play:focus-visible, .th__btn:focus-visible, .th__thumb:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }

/* Slayt küçük resimleri: sol altta */
.th__thumbs { display: flex; gap: .75rem; margin-top: auto; }
.th__thumb {
  position: relative;
  width: clamp(120px, 11vw, 168px);
  aspect-ratio: 16 / 10;
  padding: 0;
  border: 0;
  background: #1d1d1b;
  overflow: hidden;
  cursor: pointer;
  opacity: .6;
  transition: opacity .3s var(--nk-ease), transform .3s var(--nk-ease);
}
.th__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.th__thumb:hover { opacity: .9; }
.th__thumb.is-active { opacity: 1; }
.th__thumb-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: var(--nk-orange);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .4s var(--nk-ease);
}
.th__thumb.is-active .th__thumb-bar { transform: scaleX(1); }
.th__thumb-play {
  position: absolute;
  inset: 0;
  margin: auto;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(14, 14, 13, .6);
  color: #fff;
}

/* Tanıtım filmi penceresi */
.th__modal {
  width: min(92vw, 1120px);
  max-height: 90vh;
  padding: 0;
  border: 0;
  background: #000;
  overflow: visible;
}
.th__modal::backdrop { background: rgba(14, 14, 13, .85); }
.th__modal video { display: block; width: 100%; max-height: 90vh; background: #000; }
.th__modal-close {
  position: absolute;
  top: -48px;
  right: 0;
  width: 40px;
  height: 40px;
  border: 0;
  background: var(--nk-orange);
  color: var(--tk-ink);
  font-size: 1.6rem;
  line-height: 1;
  cursor: pointer;
}

@media (max-width: 900px) {
  .th { min-height: clamp(560px, 92vh, 760px); }
  .th::before { background: linear-gradient(0deg, rgba(14, 14, 13, .92) 0%, rgba(14, 14, 13, .55) 60%, rgba(14, 14, 13, .35) 100%); }
}
@media (max-width: 560px) {
  .th__title { font-size: 1.9rem; }
  .th__thumbs { gap: .5rem; }
  .th__thumb { width: calc((100% - 1rem) / 3); }
}
@media (prefers-reduced-motion: reduce) {
  .th__bg { transition: opacity .3s; transform: none !important; }
  .is-swap .th__copy > * { animation: none; }
  .th__btn, .th__play, .tk-head__cta { transition: none; }
}

/* ── Ana sayfa: ihracat paneli (satış noktası kaydı yoksa) ── */
.ycs-map {
  display: block;
  width: 100%;
  max-width: 620px;
  height: auto;
  margin: auto auto 0;
  padding-top: 1.5rem;
  border-radius: 2px;
  filter: invert(1) hue-rotate(180deg) brightness(1.05);
  mix-blend-mode: screen;
  opacity: .9;
}

/* Sitedeki köşesiz düğme kuralına karşı: oynat düğmeleri yuvarlak */
.th .th__play, .th .th__thumb-play { border-radius: 50% !important; }

/* ── Ana sayfa: ürün grupları ─────────────────────────────────
   Açık zemin; dev ince kısa ad (kategoriye göre), harflerin ortasına binen makine ve
   altında sarı ışıma; solda slogan ve açıklama, sağda makine sayısı, bağlantılar ve
   gruptaki makinelerin kod/ad tablosu. */
.tg {
  position: relative;
  padding: clamp(3rem, 7vh, 4.5rem) var(--nk-pad) clamp(2.5rem, 6vh, 4rem);
  background: linear-gradient(180deg, #f7f6f2 0%, #efeee8 100%);
  color: var(--tk-ink);
  overflow: hidden;
  isolation: isolate;
}
.tg__glow {
  position: absolute;
  left: -12%;
  bottom: -30%;
  z-index: -1;
  width: 70%;
  height: 90%;
  background: radial-gradient(closest-side, rgba(255, 210, 0, .38), rgba(255, 210, 0, 0));
  filter: blur(20px);
}
.tg::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(rgba(29, 29, 27, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(29, 29, 27, .045) 1px, transparent 1px);
  background-size: 64px 64px;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 25%, #000 75%, transparent);
  mask-image: linear-gradient(180deg, transparent, #000 25%, #000 75%, transparent);
}

.tg__top { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.tg__eyebrow { display: flex; align-items: center; gap: .7rem; margin: 0; font-size: .68rem; font-weight: 700; letter-spacing: .26em; text-transform: uppercase; color: var(--tk-soft); }
.tg__eyebrow i { display: block; width: 28px; height: 1px; background: var(--tk-ink); }
.tg__eyebrow b { margin-left: .8rem; color: var(--tk-ink); letter-spacing: .08em; font-variant-numeric: tabular-nums; }
.tg__eyebrow span { letter-spacing: .08em; }
.tg__watch { display: inline-flex; align-items: center; gap: .75rem; font-size: .82rem; font-weight: 600; color: var(--tk-ink); text-decoration: none; }
.tg__watch-ico { display: grid; place-items: center; width: 38px; height: 38px; border: 1.5px solid var(--tk-ink); color: var(--tk-ink); transition: background .25s var(--nk-ease), border-color .25s var(--nk-ease), transform .25s var(--nk-ease); }
.tg__watch:hover .tg__watch-ico { background: var(--nk-orange); border-color: var(--nk-orange); transform: rotate(45deg); }

/* Dev kısa ad ve makine */
.tg__stage {
  position: relative;
  display: grid;
  place-items: center;
  min-height: clamp(260px, 34vw, 460px);
  margin: clamp(.5rem, 2vh, 1.5rem) 0;
  cursor: grab;
  user-select: none;
}
.tg.is-grabbing .tg__stage { cursor: grabbing; }
.tg__stage {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  align-items: center;
  column-gap: 0;
  padding: 0 0 3.5rem;
}
/* Makine sol kenara dayalı */
.tg__machine {
  grid-area: 1 / 1;
  justify-self: start;
  object-position: left center;
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 720px;
  max-height: clamp(260px, 30vw, 420px);
  margin-right: 0;
  object-fit: contain;
  filter: drop-shadow(0 34px 34px rgba(29, 29, 27, .3));
  pointer-events: none;
}
/* Sağ: sıra numarası, dev kelime (arkasında sarı kontur yansıma) ve slogan */
.tg__word { grid-area: 1 / 2; position: relative; z-index: 1; min-width: 0; padding-left: clamp(1.5rem, 3vw, 3rem); }
.tg__index {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  margin-bottom: .4rem;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .14em;
  color: var(--nk-accent-ink);
  font-variant-numeric: tabular-nums;
}
.tg__index::after { content: ''; width: 46px; height: 1px; background: currentColor; opacity: .6; }
.tg__giant {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0 .06em;
  font-size: min(8.5rem, calc((50vw - var(--nk-pad) - 8rem) / (var(--chars, 7) * .7)));
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.045em;
  white-space: nowrap;
  color: #1d1d1b;
  /* Harflerin alt kısmında sarı vurgu şeridi */
  background: linear-gradient(180deg, transparent 64%, var(--nk-orange) 64%, var(--nk-orange) 86%, transparent 86%);
}
.tg__sub {
  display: block;
  max-width: 34ch;
  margin-top: clamp(.9rem, 2vw, 1.4rem);
  padding-top: .9rem;
  border-top: 1px solid rgba(29, 29, 27, .18);
  font-size: clamp(.95rem, 1.2vw, 1.1rem);
  font-weight: 500;
  line-height: 1.45;
  color: var(--tk-soft);
}
.tg__arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 1px solid rgba(29, 29, 27, .2);
  background: rgba(255, 255, 255, .75);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: var(--tk-ink);
  cursor: pointer;
  transform: translateY(-50%);
  transition: background .25s var(--nk-ease), border-color .25s var(--nk-ease);
}
.tg__arrow--prev, .tg__arrow--next { top: auto; bottom: 0; transform: none; }
.tg__arrow--prev { left: auto; right: 56px; }
.tg__arrow--next { right: 0; }
.tg__arrow:hover { background: var(--nk-orange); border-color: var(--nk-orange); }

/* Orta şerit */
.tg__mid { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; padding-bottom: 1.1rem; border-bottom: 1px solid rgba(29, 29, 27, .14); }
.tg__tag { margin: 0; font-size: clamp(1.1rem, 1.6vw, 1.35rem); font-weight: 700; color: var(--tk-ink); }
.tg__meta { display: flex; align-items: center; gap: clamp(1.25rem, 3vw, 2.5rem); }
.tg__count { font-size: .82rem; font-weight: 700; color: var(--nk-accent-ink); font-variant-numeric: tabular-nums; }
.tg__view { display: inline-flex; align-items: center; gap: .55rem; padding-bottom: 2px; border-bottom: 1.5px solid var(--tk-ink); font-size: .82rem; font-weight: 700; color: var(--tk-ink); text-decoration: none; transition: color .2s var(--nk-ease), border-color .2s var(--nk-ease), gap .2s var(--nk-ease); }
.tg__view:hover { color: var(--nk-accent-ink); border-color: var(--nk-orange); gap: .8rem; }

/* Alt: açıklama ve makine tablosu */
.tg__bottom { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 6vw, 6rem); padding-top: 1.5rem; }
.tg__name { margin: 0 0 .6rem; font-size: clamp(1.1rem, 1.6vw, 1.35rem); font-weight: 700; color: var(--tk-ink); }
.tg__text { max-width: 520px; margin: 0; font-size: .86rem; line-height: 1.8; letter-spacing: .01em; color: var(--tk-soft); }
.tg__table-title { margin: 0 0 .5rem; font-size: .72rem; font-weight: 700; color: var(--tk-soft); }
.tg__table ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(29, 29, 27, .14); }
.tg__table a {
  display: grid;
  grid-template-columns: minmax(7rem, .4fr) minmax(0, 1fr);
  gap: 1rem;
  padding: .6rem 0;
  border-bottom: 1px solid rgba(29, 29, 27, .1);
  color: var(--tk-ink);
  font-size: .78rem;
  text-decoration: none;
  transition: padding .2s var(--nk-ease), background .2s var(--nk-ease);
}
.tg__table b { font-weight: 700; letter-spacing: .06em; text-transform: uppercase; font-variant-numeric: tabular-nums; }
.tg__table span { color: var(--tk-soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tg__table a:hover { padding-left: .5rem; background: rgba(255, 210, 0, .12); }
.tg__table a:hover span { color: var(--tk-ink); }

/* İlerleme noktaları */
.tc__dots { display: flex; justify-content: center; gap: .4rem; margin-top: 2rem; }
.tc__dots button { display: grid; place-items: center; width: 26px; height: 18px; padding: 0; border: 0; background: none; cursor: pointer; }
.tc__dots i { display: block; width: 100%; height: 2px; background: rgba(29, 29, 27, .18); transition: background .3s var(--nk-ease), height .3s var(--nk-ease); }
.tc__dots button:hover i { background: rgba(29, 29, 27, .45); }
.tc__dots button.is-active i { height: 3px; background: var(--nk-orange); }
.tg :is(.tg__arrow, .tg__view, .tg__watch, .tg__table a, .tc__dots button):focus-visible { outline: 2px solid var(--tk-ink); outline-offset: 3px; }

/* Geçiş */
.tg.is-swap .tg__word > * { animation: tgGiant .7s var(--nk-ease) both; }
.tg.is-swap .tg__giant { animation-delay: .06s; }
.tg.is-swap .tg__sub { animation-delay: .12s; }
.tg.is-swap .tg__machine { animation: tgMachine .75s var(--nk-ease) both; }
.tg.is-swap :is(.tg__mid, .tg__bottom) { animation: thIn .6s var(--nk-ease) both; }
@keyframes tgGiant { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: none; } }
@keyframes tgMachine { from { opacity: 0; transform: translateX(-32px) scale(.97); } to { opacity: 1; transform: none; } }

/* Sitedeki köşesiz kural karşısında yuvarlak öğeler */
.tg .tg__arrow, .tg .tg__watch-ico { border-radius: 50% !important; }

@media (max-width: 760px) {
  .tg__top { flex-direction: column; align-items: flex-start; }
  .tg__stage { grid-template-columns: 1fr; padding: 0; row-gap: 1rem; }
  .tg__machine { grid-area: 1 / 1; justify-self: center; width: 86vw; margin: 0; }
  .tg__word { grid-area: 2 / 1; padding-left: 0; }
  .tg__giant { font-size: min(4.5rem, calc(86vw / (var(--chars, 7) * .7))); }
  .tg__arrow { top: 30%; }
  .tg__arrow { width: 40px; height: 40px; }
  .tg__mid { flex-direction: column; align-items: flex-start; gap: .6rem; }
  .tg__bottom { grid-template-columns: 1fr; gap: 1.75rem; }
}
@media (prefers-reduced-motion: reduce) {
  .tg.is-swap :is(.tg__word > *, .tg__machine, .tg__mid, .tg__bottom) { animation: none; }
}

/* ── Ana sayfa: Hakkımızda ───────────────────────────────────
   Üstte soluk tesis fotoğraflı sarı şerit; makine şeritten alttaki ızgaralı
   açık zemine taşar. Altta solda büyük logo, sağda metin, rakamlar ve bağlantı;
   çapraz şeritler markanın sarı/antrasit tonlarında. */
.ta { position: relative; background: #fbf8f0; overflow: hidden; isolation: isolate; }

.ta__band {
  position: relative;
  height: clamp(300px, 32vw, 460px);
  background: var(--nk-orange);
}
.ta__photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1) contrast(1.1);
  mix-blend-mode: multiply;
  opacity: .22;
}
.ta__label {
  position: absolute;
  top: clamp(1.25rem, 3vw, 2rem);
  right: var(--nk-pad);
  margin: 0;
  padding: .45rem .9rem;
  background: rgba(255, 255, 255, .55);
  font-size: .76rem;
  font-weight: 700;
  color: var(--tk-ink);
}
.ta__machine {
  position: absolute;
  z-index: 3;
  left: clamp(1rem, 6vw, 7rem);
  bottom: clamp(-12rem, -13vw, -5rem);
  width: min(66vw, 940px);
  height: auto;
  filter: drop-shadow(0 30px 30px rgba(29, 29, 27, .3));
}

/* Çapraz şeritler */
.ta__stripes { position: absolute; display: flex; gap: clamp(.6rem, 1.4vw, 1.2rem); pointer-events: none; }
.ta__stripes i { display: block; transform: skewX(-32deg); }
.ta__stripes--band { z-index: 2; right: clamp(4rem, 16vw, 16rem); bottom: clamp(-5rem, -6vw, -2.5rem); height: clamp(150px, 18vw, 250px); }
.ta__stripes--band i { width: clamp(22px, 3vw, 44px); }
.ta__stripes--band i:nth-child(1) { background: #f2a900; }
.ta__stripes--band i:nth-child(2) { background: #f7bd00; }
.ta__stripes--band i:nth-child(3) { background: var(--tk-ink); }
.ta__stripes--corner { right: var(--nk-pad); bottom: clamp(1.5rem, 3vw, 2.5rem); height: 18px; gap: .3rem; }
.ta__stripes--corner i { width: 18px; }
.ta__stripes--corner i:nth-child(1) { background: rgba(255, 210, 0, .45); }
.ta__stripes--corner i:nth-child(2) { background: rgba(255, 210, 0, .7); }
.ta__stripes--corner i:nth-child(3) { background: var(--nk-orange); }
.ta__stripes--corner i:nth-child(4) { background: #f2a900; }

/* Alt: ızgaralı açık zemin */
.ta__body {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 5rem);
  padding: clamp(8rem, 13vw, 11rem) var(--nk-pad) clamp(4.5rem, 8vw, 6.5rem);
  background-image:
    linear-gradient(rgba(29, 29, 27, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(29, 29, 27, .05) 1px, transparent 1px);
  background-size: 56px 56px;
  background-position: -1px -1px;
}
.ta__eyebrow {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin: 0 0 1.25rem;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--nk-accent-ink);
}
.ta__eyebrow i { display: block; width: 30px; height: 2px; background: var(--nk-orange); }
.ta__title { margin: 0; }
.ta__title img { display: block; width: min(100%, 520px); height: auto; }

.ta__copy { justify-self: end; }
.ta__text { margin: 0 0 1.75rem; font-size: .95rem; line-height: 1.85; color: var(--tk-soft); }
.ta__facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 0 0 1.9rem;
  padding: 1.25rem 0 0;
  list-style: none;
  border-top: 1px solid rgba(29, 29, 27, .12);
}
.ta__facts b { display: block; font-size: clamp(1.4rem, 2.2vw, 1.85rem); font-weight: 700; line-height: 1.1; color: var(--tk-ink); }
.ta__facts span { display: block; margin-top: .3rem; font-size: .74rem; font-weight: 600; color: var(--tk-soft); }
.ta__link {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  padding: .9rem 1.5rem;
  background: var(--tk-ink);
  color: #fff;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none !important;
  text-decoration: none;
  transition: background .25s var(--nk-ease), color .25s var(--nk-ease), gap .25s var(--nk-ease);
}
.ta__link:hover { background: var(--nk-orange); color: var(--tk-ink); gap: .95rem; }
.ta__link:focus-visible { outline: 2px solid var(--tk-ink); outline-offset: 3px; }

@media (max-width: 900px) {
  .ta__band { height: clamp(220px, 52vw, 320px); }
  .ta__machine { left: 4%; width: 92%; bottom: -4.5rem; }
  .ta__stripes--band { right: 1.5rem; }
  .ta__label { left: var(--nk-pad); right: auto; }
  .ta__body { grid-template-columns: 1fr; padding-top: 6rem; }
  .ta__copy { justify-self: start; }
  .ta__title img { width: min(100%, 360px); }
}

/* ── Ana sayfa: tel örme makineleri bölümü ──────────────────────
   Koyu zemin; ortada bölüm boyunca ekranda kalan, sarı metal halkalardan oluşan
   jiroskop (CSS 3B). Halkalar kendiliğinden yavaşça, kaydırınca daha hızlı döner. */
@property --tq-idle { syntax: '<angle>'; inherits: true; initial-value: 0deg; }

.tq {
  position: relative;
  padding: clamp(4rem, 9vh, 6.5rem) var(--nk-pad) clamp(4rem, 9vh, 6rem);
  background: #0b0b0a;
  color: #fff;
  overflow: clip;
  isolation: isolate;
}

/* Ortadaki halkalar */
.tq__orb-col {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  z-index: -1;
  width: min(460px, 62vw);
  transform: translateX(-50%);
  pointer-events: none;
}
.tq__orb {
  position: sticky;
  top: calc(50vh - min(230px, 31vw));
  width: 100%;
  aspect-ratio: 1;
  perspective: 1200px;
  --tq-spin: 0deg;
  animation: tqIdle 24s linear infinite;
}
.tq__orb::before {
  content: '';
  position: absolute;
  inset: 22%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 210, 0, .22) 0%, rgba(255, 210, 0, 0) 70%);
  filter: blur(30px);
}
.tq__rings {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform: rotateX(16deg) rotateZ(-12deg) rotateY(calc(var(--tq-spin) + var(--tq-idle)));
  will-change: transform;
}
.tq__ring {
  position: absolute;
  inset: 12%;
  border-radius: 50%;
  background: conic-gradient(from 20deg,
    #5c4300, #b88a00 10%, #ffd200 22%, #fff4b0 28%, #ffd200 34%, #9a7200 48%,
    #3d2c00 58%, #a37a00 70%, #ffe14d 80%, #fff1a0 84%, #c99a00 90%, #5c4300);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 26px), #000 calc(100% - 25px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 26px), #000 calc(100% - 25px));
  box-shadow: 0 0 60px rgba(255, 210, 0, .12);
}
.tq__ring--1 { transform: rotateY(0deg) rotateX(74deg); }
.tq__ring--2 { transform: rotateY(60deg) rotateX(74deg); }
.tq__ring--3 { transform: rotateY(120deg) rotateX(74deg); }
@keyframes tqIdle { to { --tq-idle: 360deg; } }

/* Çerçeveli büyük kelimeler */
.tq__words {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.tq__word {
  flex: 0 1 38%;
  padding: clamp(1.6rem, 4vw, 3.2rem) clamp(1.2rem, 2.4vw, 2rem);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: clamp(28px, 4vw, 52px);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -.02em;
  color: #f2f2ef;
}
.tq__word--end { text-align: right; }

/* Giriş metni + düğmeler, sağda "aşağı kaydırın" */
.tq__intro {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 2rem;
  margin-top: clamp(2rem, 5vh, 3rem);
}
.tq__lead { max-width: 380px; }
.tq__lead-title { margin: 0 0 .7rem; font-size: .95rem; font-weight: 700; line-height: 1.4; color: #fff; }
.tq__lead-text { margin: 0 0 1.25rem; font-size: .82rem; line-height: 1.7; color: rgba(255, 255, 255, .55); }
.tq__cta { display: flex; gap: .35rem; }
.tq__btn {
  flex: 1;
  padding: .8rem 1.4rem;
  background: var(--nk-orange);
  color: var(--tk-ink);
  font-size: .78rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: background .25s var(--nk-ease);
}
.tq__btn-ico {
  display: grid;
  place-items: center;
  width: 44px;
  background: var(--nk-orange);
  color: var(--tk-ink);
  transition: background .25s var(--nk-ease), transform .25s var(--nk-ease);
}
.tq__cta:hover .tq__btn, .tq__cta:hover .tq__btn-ico { background: #ffe14d; }
.tq__cta:hover .tq__btn-ico { transform: rotate(45deg); }
.tq__btn:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.tq__scroll { margin: 0; font-size: .75rem; font-weight: 600; color: rgba(255, 255, 255, .6); }

/* Vurgulu büyük cümle */
.tq__statement {
  position: relative;
  z-index: 1;
  max-width: 920px;
  margin: clamp(7rem, 22vh, 13rem) 0 0;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 400;
  line-height: 1.16;
  letter-spacing: -.02em;
  color: #f2f2ef;
}
.tq__statement mark {
  padding: 0 .12em;
  background: var(--nk-orange);
  color: var(--tk-ink);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* Kullanım alanları */
.tq__areas { position: relative; z-index: 1; margin-top: clamp(8rem, 26vh, 15rem); }
.tq__areas-title {
  margin: 0 0 1.25rem;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .5);
}
.tq__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(2rem, 30vw, 440px);   /* ortadaki halkalara yer açılır */
  margin: 0;
  padding: 0;
  list-style: none;
}
.tq__list a {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 1.15rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  color: #fff;
  text-decoration: none;
  transition: color .25s var(--nk-ease), padding .25s var(--nk-ease);
}
.tq__ico {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255, 255, 255, .22);
  color: #fff;
  transition: background .25s var(--nk-ease), border-color .25s var(--nk-ease), color .25s var(--nk-ease);
}
.tq__area { flex: 1; font-size: .95rem; font-weight: 500; }
.tq__go { opacity: 0; transform: translateX(-6px); transition: opacity .25s var(--nk-ease), transform .25s var(--nk-ease); color: var(--nk-orange); }
.tq__list a:hover { color: var(--nk-orange); padding-left: .4rem; }
.tq__list a:hover .tq__ico { background: var(--nk-orange); border-color: var(--nk-orange); color: var(--tk-ink); }
.tq__list a:hover .tq__go { opacity: 1; transform: none; }
.tq__list a:focus-visible { outline: 2px solid var(--nk-orange); outline-offset: 4px; }

/* Sitedeki köşesiz kural karşısında yuvarlak öğeler */
.tq .tq__ico, .tq .tq__ring { border-radius: 50% !important; }
.tq .tq__word { border-radius: clamp(28px, 4vw, 52px) !important; }

@media (max-width: 900px) {
  .tq__words { flex-direction: column; }
  .tq__word { flex: none; width: 72%; }
  .tq__word--end { align-self: flex-end; }
  .tq__intro { flex-direction: column; align-items: flex-start; }
  .tq__scroll { display: none; }
  .tq__list { grid-template-columns: 1fr; }
  .tq__orb-col { width: 78vw; opacity: .28; }
  .tq__orb { top: calc(50vh - 39vw); }
}
@media (prefers-reduced-motion: reduce) {
  .tq__orb { animation: none; }
}

/* Tel örme bölümü: ürün görseli (tel örgü rulosu) — halkaların yerine.
   Kaydırdıkça hafifçe eğilip yükselir, bekleme sırasında yavaşça süzülür. */
.tq__orb--image {
  width: min(380px, 52vw);
  aspect-ratio: 1145 / 1374;
  margin: 0 auto;
  top: calc(50vh - min(228px, 31vw));
  animation: none;
}
.tq__orb--image::before { inset: 8% 0; background: radial-gradient(ellipse, rgba(255, 210, 0, .26) 0%, rgba(255, 210, 0, 0) 68%); filter: blur(40px); }
.tq__product {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  transform: translateY(calc((var(--tq-p, .5) - .5) * -60px)) rotate(calc((var(--tq-p, .5) - .5) * 12deg)) scale(calc(.94 + var(--tq-p, .5) * .1));
  filter: drop-shadow(0 40px 50px rgba(0, 0, 0, .6)) drop-shadow(0 0 30px rgba(255, 210, 0, .08));
  animation: tqFloat 7s ease-in-out infinite;
  will-change: transform;
}
@keyframes tqFloat { 0%, 100% { translate: 0 0; } 50% { translate: 0 -12px; } }
@media (max-width: 900px) {
  .tq__orb--image { width: 64vw; top: calc(50vh - 38vw); }
}
@media (prefers-reduced-motion: reduce) {
  .tq__product { animation: none; transform: none; }
}

/* ══════════════════════════════════════════════════════════════
   ANA SAYFA GİRİŞİ — teknik çerçeveli tam ekran
   Koyulaştırılmış atölye fotoğrafı/videosu; ince çerçeve çizgileri ve köşe işaretleri;
   büyük başlık; altta açıklama,
   bağlı makinenin beyaz ürün kartı ve numaralı ilerleme çizgisi.
══════════════════════════════════════════════════════════════ */
.tz {
  --tz-inset: clamp(14px, 2.2vw, 30px);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: min(100vh, 960px);
  padding: calc(var(--nk-nav) + clamp(2.5rem, 7vh, 5rem)) calc(var(--nk-pad) + var(--tz-inset)) clamp(6rem, 12vh, 7.5rem);
  background: #0c0c0b;
  color: #fff;
  overflow: hidden;
  isolation: isolate;
}

/* Zemin: koyulaştırılmış görsel, yavaş yakınlaşma ve kenar karartması */
.tz__media { position: absolute; inset: 0; z-index: -2; }
.tz__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.8) contrast(1.06) brightness(.62);
  opacity: 0;
  transform: scale(1.06);
  transition: opacity 1.1s var(--nk-ease), transform 8s linear;
}
.tz__bg.is-active { opacity: 1; transform: scale(1); }
.tz::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(120% 90% at 50% 45%, rgba(12, 12, 11, 0) 35%, rgba(12, 12, 11, .75) 100%),
    linear-gradient(180deg, rgba(12, 12, 11, .55) 0%, rgba(12, 12, 11, .1) 32%, rgba(12, 12, 11, .2) 60%, rgba(12, 12, 11, .85) 100%);
}

/* İnce çerçeve ve köşe işaretleri */
.tz__frame {
  position: absolute;
  top: calc(var(--nk-nav) + var(--tz-inset));
  /* üst çizgi header'ın alt çizgisinin hemen altında, yan çizgiler header iç boşluğuyla hizalı */
  right: var(--tz-inset);
  bottom: var(--tz-inset);
  left: var(--tz-inset);
  border: 1px solid rgba(255, 255, 255, .14);
  pointer-events: none;
}
.tz__frame i { position: absolute; width: 18px; height: 18px; border: 0 solid var(--nk-orange); }
.tz__frame i:nth-child(1) { top: -1px; left: -1px; border-top-width: 2px; border-left-width: 2px; }
.tz__frame i:nth-child(2) { top: -1px; right: -1px; border-top-width: 2px; border-right-width: 2px; }
.tz__frame i:nth-child(3) { bottom: -1px; left: -1px; border-bottom-width: 2px; border-left-width: 2px; }
.tz__frame i:nth-child(4) { bottom: -1px; right: -1px; border-bottom-width: 2px; border-right-width: 2px; }

/* Üst: büyük başlık */
.tz__head { position: relative; max-width: 1180px; }
.tz__title {
  margin: 0;
  max-width: 980px;
  font-size: clamp(2.2rem, 4.2vw, 3.2rem);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -.02em;
  max-width: 860px;
  text-wrap: balance;          /* tek kelimenin alt satırda kalmaması için satırlar dengelenir */
  color: #f4f4f1;
}
.tz__title mark { background: none; color: var(--nk-orange); }

/* Alt: açıklama ve düğmeler | teknik değerler ve ürün kartı */
.tz__foot {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 2rem;
  margin-top: clamp(2.5rem, 8vh, 5rem);
}
.tz__lead { max-width: 420px; }
.tz__text { margin: 0 0 1.4rem; font-size: .86rem; line-height: 1.75; color: rgba(255, 255, 255, .72); }
.tz__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .9rem 1.4rem; }
.tz__btn {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  padding: .85rem 1.35rem;
  background: var(--nk-orange);
  color: var(--tk-ink);
  font-size: .8rem;
  font-weight: 700;
  text-decoration: none;
  transition: background .25s var(--nk-ease), gap .25s var(--nk-ease);
}
.tz__btn:hover { background: #fff; gap: .9rem; }
.tz__play {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  padding: 0;
  border: 0;
  background: none;
  color: #fff;
  font: inherit;
  font-size: .78rem;
  font-weight: 600;
  cursor: pointer;
}
.tz__play-ico { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid rgba(255, 255, 255, .4); transition: background .25s var(--nk-ease), border-color .25s var(--nk-ease), color .25s var(--nk-ease); }
.tz__play-ico svg { margin-left: 2px; }
.tz__play:hover .tz__play-ico { background: var(--nk-orange); border-color: var(--nk-orange); color: var(--tk-ink); }

.tz__side { display: flex; align-items: flex-end; gap: clamp(1rem, 2.5vw, 2.5rem); }

.tz__card {
  display: block;
  width: clamp(170px, 15vw, 230px);
  background: #f4f4f1;
  color: var(--tk-ink);
  text-decoration: none;
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .8);
  transition: transform .3s var(--nk-ease);
}
.tz__card:hover { transform: translateY(-4px); }
.tz__card-img { display: block; aspect-ratio: 4 / 3; padding: .5rem; }
.tz__card-img img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.tz__card-cap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  padding: .6rem .75rem;
  border-top: 1px solid rgba(29, 29, 27, .1);
  font-size: .68rem;
  font-weight: 700;
  line-height: 1.3;
}
.tz__card-cap svg { flex-shrink: 0; color: var(--nk-accent-ink); }
.tz :is(.tz__btn, .tz__play, .tz__card, .tz__step):focus-visible { outline: 2px solid var(--nk-orange); outline-offset: 4px; }

/* Numaralı ilerleme: çerçevenin alt çizgisinde */
.tz__nav {
  position: absolute;
  left: calc(var(--tz-inset) + clamp(1rem, 2vw, 2rem));
  right: calc(var(--tz-inset) + clamp(1rem, 2vw, 2rem));
  bottom: calc(var(--tz-inset) + .9rem);
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: clamp(.75rem, 2vw, 1.75rem);
}
.tz__step {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: .6rem;
  padding: .7rem 0 0;
  border: 0;
  background: none;
  color: #fff;
  font: inherit;
  text-align: left;
  cursor: pointer;
  opacity: .45;
  transition: opacity .3s var(--nk-ease);
}
.tz__step:hover, .tz__step.is-active { opacity: 1; }
.tz__step b { font-size: .7rem; font-weight: 800; color: var(--nk-orange); font-variant-numeric: tabular-nums; }
.tz__step span { font-size: .7rem; font-weight: 600; letter-spacing: .06em; }
.tz__step::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: rgba(255, 255, 255, .2); }
.tz__step i { position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: var(--nk-orange); transform: scaleX(0); transform-origin: left; }
.tz__step.is-active i { animation: tzBar 7s linear forwards; }
/* Video slaytında çizgi videonun ilerlemesine bağlıdır (home.blade.php) */
.tz__step.is-active.is-video i { animation: none; }
.tz:is(:hover, .is-paused) .tz__step.is-active i { animation-play-state: paused; }
@keyframes tzBar { to { transform: scaleX(1); } }

/* Geçiş: başlık, metin, değerler ve kart yeniden belirir */
.tz.is-swap :is(.tz__head, .tz__lead, .tz__side) > * { animation: tzIn .7s var(--nk-ease) both; }
.tz.is-swap .tz__head > :nth-child(2), .tz.is-swap .tz__lead > :nth-child(2) { animation-delay: .06s; }
.tz.is-swap .tz__head > :nth-child(3), .tz.is-swap .tz__side > :nth-child(2) { animation-delay: .12s; }
@keyframes tzIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

/* Sitedeki köşesiz kural karşısında: çerçeve köşeleri keskin, oynat simgesi yuvarlak */
.tz .tz__play-ico { border-radius: 50% !important; }

@media (max-width: 900px) {
  .tz { min-height: clamp(640px, 100vh, 860px); padding-bottom: 5rem; }
  .tz__title { font-size: clamp(2rem, 7.4vw, 2.6rem); }
  .tz__foot { flex-direction: column; align-items: stretch; }
  .tz__side { justify-content: flex-end; }
  .tz__step span { display: none; }
}
@media (max-width: 560px) {
  .tz__card { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .tz__bg { transition: opacity .3s; transform: none !important; }
  .tz.is-swap :is(.tz__head, .tz__lead, .tz__side) > * { animation: none; }
  .tz__step.is-active i { animation: none; transform: scaleX(1); }
}

/* Ürünler menüsü açıkken header her sayfada koyu zeminli kalır */
.nk-header.tk-head:has(.nk-pdrop.is-open) { background: rgba(12, 12, 11, .97) !important; }

/* ══════════════════════════════════════════════════════════════
   ÜRÜNLER AÇILIR MENÜSÜ — genişleyen sütunlar
   Her ürün grubu bir sütun: kapalıyken sarı numara, soluk makine silueti ve dikey grup adı;
   üzerine gelinen sütun genişler — tel örgü desenli zemin, kontur numara, makine görseli,
   makine listesi ve "Grubu İncele" düğmesi.
══════════════════════════════════════════════════════════════ */
.nk-header .nk-pdrop__panel.tmd {
  position: fixed;
  top: var(--nk-nav);
  left: 0;
  right: 0;
  width: auto;
  padding: 1.4rem var(--nk-pad) 1.6rem;
  background: #0d0d0c;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, .08);
  border-bottom: 2px solid var(--nk-orange);
  box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .75);
}
.tmd__head { display: flex; justify-content: space-between; align-items: center; margin: 0 auto 1rem; max-width: 1520px; }
.tmd__eyebrow { display: flex; align-items: center; gap: .7rem; margin: 0; font-size: .66rem; font-weight: 700; letter-spacing: .28em; text-transform: uppercase; color: rgba(255, 255, 255, .5); }
.tmd__eyebrow i { display: block; width: 26px; height: 1px; background: var(--nk-orange); }
.nk-header .tmd .tmd__all { display: inline-flex; align-items: center; gap: .5rem; font-size: .76rem; font-weight: 700; color: #fff; text-decoration: none; transition: color .2s var(--nk-ease), gap .2s var(--nk-ease); }
.nk-header .tmd .tmd__all:hover { color: var(--nk-orange); gap: .75rem; }

.tmd__cols { display: flex; gap: 6px; height: clamp(300px, 42vh, 380px); max-width: 1520px; margin: 0 auto; }
.tmd__col {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  background: #151513;
  border: 1px solid rgba(255, 255, 255, .07);
  cursor: pointer;
  transition: flex-grow .55s cubic-bezier(.22, 1, .36, 1), background .3s var(--nk-ease), border-color .3s var(--nk-ease);
}
.tmd__col:hover:not(.is-on) { background: #1b1b18; border-color: rgba(255, 210, 0, .35); }
.tmd__col.is-on {
  flex-grow: 6.5;
  cursor: default;
  border-color: rgba(255, 210, 0, .45);
  background:
    radial-gradient(70% 70% at 78% 70%, rgba(255, 210, 0, .16) 0%, rgba(255, 210, 0, 0) 70%),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 30px),
    repeating-linear-gradient(-45deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 30px),
    #121210;
}
.tmd__col:focus-visible { outline: 2px solid var(--nk-orange); outline-offset: 2px; }

/* Kapalı görünüm */
.tmd__closed {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem .4rem;
  transition: opacity .3s var(--nk-ease);
}
.tmd__col.is-on .tmd__closed { opacity: 0; pointer-events: none; }
.tmd__closed em { font-style: normal; font-size: .72rem; font-weight: 800; color: var(--nk-orange); font-variant-numeric: tabular-nums; }
.tmd__closed img { width: 82%; max-width: 130px; height: 70px; margin: 1.2rem 0 .8rem; object-fit: contain; opacity: .45; filter: grayscale(1); transition: opacity .3s var(--nk-ease), filter .3s var(--nk-ease); }
.tmd__col:hover .tmd__closed img { opacity: .9; filter: none; }
.tmd__vname {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.25;
  color: rgba(255, 255, 255, .78);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tmd__closed b { margin-top: .7rem; padding: .12rem .4rem; border: 1px solid rgba(255, 255, 255, .18); font-size: .62rem; font-weight: 700; color: rgba(255, 255, 255, .6); }

/* Açık görünüm */
.tmd__open {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  align-items: center;
  gap: 1.25rem;
  padding: 1.5rem 1.75rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s var(--nk-ease), visibility .25s;
}
.tmd__col.is-on .tmd__open { opacity: 1; visibility: visible; transition-delay: .22s; }
.tmd__num {
  position: absolute;
  right: 1.25rem;
  top: .4rem;
  font-size: clamp(5rem, 8vw, 7.5rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.04em;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 210, 0, .28);
  pointer-events: none;
}
.tmd__text { position: relative; z-index: 1; min-width: 0; }
.tmd__count { margin: 0 0 .5rem; font-size: .66rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--nk-orange); }
.tmd__title { margin: 0 0 1rem; font-size: clamp(1.25rem, 1.8vw, 1.6rem); font-weight: 700; line-height: 1.15; color: #fff; }
.tmd__desc { margin: 0 0 1.2rem; font-size: .78rem; line-height: 1.7; color: rgba(255, 255, 255, .58); }
.tmd__list { margin: 0 0 1.2rem; padding: 0; list-style: none; }
.nk-header .tmd .tmd__list a {
  display: flex;
  align-items: baseline;
  gap: .6rem;
  padding: .38rem 0;
  border-bottom: 1px dashed rgba(255, 255, 255, .1);
  color: rgba(255, 255, 255, .78);
  font-size: .74rem;
  text-decoration: none;
  transition: color .2s var(--nk-ease), padding .2s var(--nk-ease);
}
.tmd__list b { flex-shrink: 0; font-size: .66rem; font-weight: 700; color: var(--nk-orange); }
.tmd__list span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nk-header .tmd .tmd__list a:hover { color: #fff; padding-left: .3rem; }
.nk-header .tmd .tmd__cta {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  padding: .4rem .4rem .4rem 1.1rem;
  background: var(--nk-orange);
  color: var(--tk-ink);
  font-size: .76rem;
  font-weight: 700;
  text-decoration: none;
  transition: background .25s var(--nk-ease), gap .25s var(--nk-ease);
}
.tmd__cta i { display: grid; place-items: center; width: 28px; height: 28px; background: var(--tk-ink); color: var(--nk-orange); transition: transform .25s var(--nk-ease); }
.nk-header .tmd .tmd__cta:hover { background: #fff; gap: .9rem; }
.nk-header .tmd .tmd__cta:hover i { transform: rotate(45deg); }

.tmd__visual { position: relative; display: grid; place-items: center; height: 100%; }
.tmd__glow { position: absolute; left: 8%; right: 8%; bottom: 14%; height: 20%; border-radius: 50%; background: radial-gradient(ellipse, rgba(255, 210, 0, .45) 0%, rgba(255, 210, 0, 0) 70%); }
.tmd__visual img { position: relative; width: 100%; max-height: 82%; object-fit: contain; filter: drop-shadow(0 22px 22px rgba(0, 0, 0, .6)); transform: translateX(24px); opacity: 0; transition: transform .6s var(--nk-ease), opacity .5s var(--nk-ease); }
.tmd__col.is-on .tmd__visual img { transform: none; opacity: 1; transition-delay: .25s; }

@media (max-width: 1200px) {
  .tmd__col.is-on { flex-grow: 5; }
  .tmd__open { grid-template-columns: 1fr; }
  .tmd__visual { display: none; }
}
@media (max-width: 900px) {
  .nk-header .nk-pdrop__panel.tmd { display: none; }   /* mobilde ürün grupları ☰ menüsündedir */
}
@media (prefers-reduced-motion: reduce) {
  .tmd__col, .tmd__open, .tmd__visual img { transition: none; }
}

/* ══════════════════════════════════════════════════════════════
   ☰ MENÜ PANELİ — tam ekran koyu panel, silik tel örgü deseni
   Üstte logo, dil ve kapat; solda numaralı büyük menü (üzerine gelince sarı, ok belirir);
   sağda ürün grubu kartları (makine görseli); altta iletişim şeridi ve sosyal ağlar.
══════════════════════════════════════════════════════════════ */
.nk-mega.tmm {
  display: flex;
  flex-direction: column;
  padding: clamp(1.1rem, 2.5vh, 1.75rem) var(--nk-pad) clamp(1.2rem, 3vh, 2rem);
  background: radial-gradient(120% 80% at 85% 10%, #1f1f1c 0%, #0b0b0a 60%);
  color: #fff;
  overflow-y: auto;
  isolation: isolate;
  opacity: 0;
  transition: opacity .4s var(--nk-ease);
}
.nk-mega.tmm.is-open { opacity: 1; }
.tmm__mesh {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 44px),
    repeating-linear-gradient(-45deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 44px);
  -webkit-mask-image: radial-gradient(ellipse 60% 70% at 75% 45%, #000 0%, transparent 80%);
  mask-image: radial-gradient(ellipse 60% 70% at 75% 45%, #000 0%, transparent 80%);
}
.tmm::after { content: ''; position: fixed; left: 0; top: 0; bottom: 0; width: 4px; background: var(--nk-orange); }

.tmm__top { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding-bottom: clamp(1rem, 2.5vh, 1.5rem); border-bottom: 1px solid rgba(255, 255, 255, .1); }
.tmm__logo img { display: block; height: clamp(28px, 2.6vw, 38px); width: auto; }
.tmm__topright { display: flex; align-items: center; gap: 1.5rem; }
.tmm__langs { display: flex; gap: .9rem; }
.tmm__langs a { font-size: .75rem; font-weight: 700; color: rgba(255, 255, 255, .45); text-decoration: none; }
.tmm__langs a.is-active, .tmm__langs a:hover { color: var(--nk-orange); }
.tmm__close {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  padding: .6rem .95rem;
  border: 1px solid rgba(255, 210, 0, .6);
  background: none;
  color: var(--nk-orange);
  font: inherit;
  font-size: .75rem;
  font-weight: 700;
  cursor: pointer;
  transition: background .25s var(--nk-ease), color .25s var(--nk-ease);
}
.tmm__close:hover { background: var(--nk-orange); color: var(--tk-ink); }

.tmm__body {
  flex: 1;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 5rem);
  padding: clamp(1.5rem, 4vh, 3rem) 0;
}

/* Numaralı büyük menü */
.tmm__nav ul { margin: 0; padding: 0; list-style: none; }
.tmm__nav li { opacity: 0; transform: translateX(-18px); transition: opacity .5s var(--nk-ease), transform .5s var(--nk-ease); transition-delay: calc(var(--i) * 45ms + 120ms); }
.tmm.is-open .tmm__nav li { opacity: 1; transform: none; }
.tmm__nav a {
  display: flex;
  align-items: center;
  gap: clamp(.9rem, 1.8vw, 1.6rem);
  padding: .32rem 0;
  font-size: clamp(1.7rem, 3.3vw, 2.9rem);
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -.02em;
  color: rgba(255, 255, 255, .88);
  text-decoration: none;
  transition: color .25s var(--nk-ease), gap .25s var(--nk-ease);
}
.tmm__nav em { flex-shrink: 0; width: 2rem; font-style: normal; font-size: .72rem; font-weight: 700; letter-spacing: .1em; color: rgba(255, 255, 255, .35); font-variant-numeric: tabular-nums; }
.tmm__nav svg { opacity: 0; transform: translate(-8px, 8px); color: var(--nk-orange); transition: opacity .25s var(--nk-ease), transform .25s var(--nk-ease); }
.tmm__nav a:hover, .tmm__nav a.is-current { color: var(--nk-orange); }
.tmm__nav a:hover em, .tmm__nav a.is-current em { color: var(--nk-orange); }
.tmm__nav a:hover svg { opacity: 1; transform: none; }
.tmm__nav a:focus-visible { outline: 2px solid var(--nk-orange); outline-offset: 4px; }

/* Ürün grubu kartları */
.tmm__eyebrow { display: flex; align-items: center; gap: .7rem; margin: 0 0 1rem; font-size: .66rem; font-weight: 700; letter-spacing: .28em; text-transform: uppercase; color: rgba(255, 255, 255, .5); }
.tmm__eyebrow i { display: block; width: 26px; height: 1px; background: var(--nk-orange); }
.tmm__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; margin: 0; padding: 0; list-style: none; }
.tmm__grid li { opacity: 0; transform: translateY(14px); transition: opacity .5s var(--nk-ease), transform .5s var(--nk-ease); transition-delay: calc(var(--i) * 40ms + 220ms); }
.tmm.is-open .tmm__grid li { opacity: 1; transform: none; }
.tmm__grid a {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: .75rem;
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .08);
  color: #fff;
  text-decoration: none;
  transition: border-color .25s var(--nk-ease), background .25s var(--nk-ease), transform .25s var(--nk-ease);
}
.tmm__card-img { display: grid; place-items: center; aspect-ratio: 1.5; margin-bottom: .6rem; background: radial-gradient(ellipse at 50% 80%, rgba(255, 210, 0, .16) 0%, rgba(255, 210, 0, 0) 65%); }
.tmm__card-img img { width: 92%; height: 92%; object-fit: contain; filter: drop-shadow(0 12px 12px rgba(0, 0, 0, .5)); transition: transform .4s var(--nk-ease); }
.tmm__card-name { font-size: .74rem; font-weight: 600; line-height: 1.35; color: rgba(255, 255, 255, .85); }
.tmm__card-count { position: absolute; top: .55rem; right: .6rem; font-size: .62rem; font-weight: 700; color: var(--nk-orange); }
.tmm__grid a:hover { border-color: rgba(255, 210, 0, .6); background: rgba(255, 210, 0, .06); transform: translateY(-3px); }
.tmm__grid a:hover img { transform: scale(1.06); }
.tmm__grid a:focus-visible { outline: 2px solid var(--nk-orange); outline-offset: 2px; }

/* İletişim şeridi */
.tmm__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1rem clamp(1.5rem, 4vw, 3.5rem);
  padding-top: clamp(1rem, 2.5vh, 1.5rem);
  border-top: 1px solid rgba(255, 255, 255, .1);
}
.tmm__contact { margin: 0; color: #fff; text-decoration: none; }
.tmm__contact small { display: block; margin-bottom: .25rem; font-size: .62rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: rgba(255, 255, 255, .4); }
.tmm__contact span { font-size: .85rem; font-weight: 600; }
a.tmm__contact:hover span { color: var(--nk-orange); }
.tmm__addr { flex: 1; min-width: 240px; }
.tmm__social { display: flex; gap: .5rem; margin-left: auto; }
.tmm__social a { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(255, 255, 255, .18); color: #fff; transition: background .25s var(--nk-ease), border-color .25s var(--nk-ease), color .25s var(--nk-ease); }
.tmm__social a:hover { background: var(--nk-orange); border-color: var(--nk-orange); color: var(--tk-ink); }

@media (max-width: 1100px) {
  .tmm__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .tmm__body { grid-template-columns: 1fr; align-items: start; }
  .tmm__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tmm__close span { display: none; }
  .tmm__social { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .tmm__nav li, .tmm__grid li { transition: none; opacity: 1; transform: none; }
  
}


/* Kapalıyken menü paneli tamamen kaldırılır (display: flex, [hidden] kuralını ezmesin;
   aksi halde görünmez katman sayfadaki tıklamaları engeller) */
.nk-mega.tmm[hidden] { display: none !important; }

/* Hero: fareyle sürükleme — tutma imleci, sürüklerken metin seçilmez, içerik hafifçe kayar */
.tz { cursor: grab; }
.tz.is-grabbing { cursor: grabbing; user-select: none; }
.tz :is(a, button) { cursor: pointer; }
.tz.is-grabbing .tz__head, .tz.is-grabbing .tz__lead { transform: translateX(calc(var(--tz-drag, 0) * 40px)); opacity: calc(1 - var(--tz-drag, 0) * var(--tz-drag, 0) * .5); }
.tz.is-grabbing .tz__bg.is-active { transform: scale(1.02) translateX(calc(var(--tz-drag, 0) * 24px)); transition: none; }

/* Ürünler menüsü kapalıyken içindeki açık sütun da tamamen gizli ve tıklanamaz kalır
   (alt öğedeki visibility: visible, panelin gizliliğini ezmesin) */
.nk-pdrop:not(.is-open) > .nk-pdrop__panel.tmd,
.nk-pdrop:not(.is-open) > .nk-pdrop__panel.tmd * { visibility: hidden !important; pointer-events: none !important; }

/* ── Ana sayfa: ürün kartları ─────────────────────────────────
   Yuvarlak köşeli, sıcak gri zeminli büyük görsel alanı (kartlar iki tonda dönüşümlü),
   zemin gölgesi; fareyi izleyen yuvarlak "İncele" balonu; altta büyük ad, kategori
   etiketi ve model kodu. */
.nkshelf--cards { background: #e9e7e1; }
.nkshelf--cards .nkshelf__track { --shelf-cols: 3; gap: clamp(1rem, 2vw, 1.75rem); grid-auto-columns: calc((100% - 2 * clamp(1rem, 2vw, 1.75rem)) / 3); padding-bottom: .5rem; }
.nkshelf--cards .yp.tpc { border: 0; padding: 0; background: none; }
.tpc__link { display: block; color: var(--tk-ink); text-decoration: none; }
.tpc__media {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 1.42;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .8);
  background: #efece7;
  isolation: isolate;
  transition: background .35s var(--nk-ease);
}
.tpc:nth-child(even) .tpc__media { background: #dcd8d2; }
.tpc__media::after {
  content: '';
  position: absolute;
  left: 16%;
  right: 16%;
  bottom: 14%;
  height: 9%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(29, 29, 27, .22) 0%, rgba(29, 29, 27, 0) 70%);
  filter: blur(4px);
}
.tpc__media img { width: 74%; height: 74%; object-fit: contain; mix-blend-mode: multiply; transition: transform .6s cubic-bezier(.22, 1, .36, 1); }
.tpc__link:hover .tpc__media img { transform: scale(1.05); }
.tpc__enter {
  position: absolute;
  left: var(--x, 50%);
  top: var(--y, 50%);
  z-index: 2;
  display: grid;
  place-items: center;
  width: 92px;
  height: 92px;
  border-radius: 50% !important;
  background: rgba(29, 29, 27, .55);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #fff;
  font-size: .8rem;
  font-weight: 600;
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, -50%) scale(.4);
  transition: opacity .25s var(--nk-ease), transform .3s var(--nk-ease);
}
.tpc__link:hover .tpc__enter { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.tpc__flag { position: absolute; top: .9rem; left: .9rem; padding: .25rem .6rem; border-radius: 999px !important; background: var(--nk-orange); font-size: .66rem; font-weight: 700; color: var(--tk-ink); }
.tpc__title { display: block; margin: 1.1rem 0 .65rem; font-size: clamp(1.1rem, 1.5vw, 1.4rem); font-weight: 600; line-height: 1.25; letter-spacing: -.01em; }
.tpc__tags { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .75rem; }
.tpc__pill { padding: .28rem .7rem; border: 1px solid var(--tk-ink); border-radius: 999px !important; font-size: .68rem; font-weight: 600; letter-spacing: .02em; }
.tpc__code { font-size: .7rem; font-weight: 700; letter-spacing: .06em; color: var(--nk-accent-ink); }
.tpc__link:hover .tpc__pill { background: var(--tk-ink); color: #fff; }
.tpc__link:focus-visible { outline: 2px solid var(--tk-ink); outline-offset: 4px; border-radius: 18px; }
@media (hover: none) { .tpc__enter { display: none; } }
@media (max-width: 1100px) { .nkshelf--cards .nkshelf__track { grid-auto-columns: calc((100% - clamp(1rem, 2vw, 1.75rem)) / 2); } }
@media (max-width: 640px) { .nkshelf--cards .nkshelf__track { grid-auto-columns: 82%; } }
/* Sitedeki köşesiz kural ("pill" geçen sınıflar) karşısında: etiket ve balon yuvarlak */
.nkshelf--cards .tpc .tpc__pill, .nkshelf--cards .tpc .tpc__flag { border-radius: 999px !important; }
.nkshelf--cards .tpc .tpc__enter { border-radius: 50% !important; }
/* Hakkımızda sayaçları: rakamlar sabit genişlikte sayılır */
.ta__facts b { font-variant-numeric: tabular-nums; display: inline-block; }

/* Tel örme bölümü: sağda E-Katalog ve İhracat kartları (halkaların/rulonun karşısında) */
.tq__intro { align-items: flex-start; }
.tq__cards { display: grid; gap: .75rem; width: min(440px, 34vw); }
.tq__card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42%;
  align-items: center;
  gap: 1rem;
  min-height: 150px;
  padding: 1.15rem 1.25rem;
  border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .025);
  color: #fff;
  text-decoration: none;
  overflow: hidden;
  transition: border-color .3s var(--nk-ease), background .3s var(--nk-ease), transform .3s var(--nk-ease);
}
.tq__card:hover { border-color: rgba(255, 210, 0, .6); background: rgba(255, 210, 0, .05); transform: translateY(-3px); }
.tq__card-txt { display: flex; flex-direction: column; gap: .3rem; min-width: 0; }
.tq__card-txt small { font-size: .62rem; font-weight: 700; letter-spacing: .26em; text-transform: uppercase; color: var(--nk-orange); }
.tq__card-txt b { font-size: clamp(1.25rem, 1.8vw, 1.6rem); font-weight: 500; line-height: 1.1; letter-spacing: -.02em; }
.tq__card-txt em { font-style: normal; font-size: .74rem; line-height: 1.55; color: rgba(255, 255, 255, .55); }
.tq__card-go { display: inline-flex; align-items: center; gap: .45rem; margin-top: .45rem; font-style: normal; font-size: .74rem; font-weight: 700; color: #fff; }
.tq__card-go svg { color: var(--nk-orange); transition: transform .25s var(--nk-ease); }
.tq__card:hover .tq__card-go svg { transform: rotate(45deg); }
.tq__card-img { display: grid; place-items: center; height: 100%; }
.tq__card-img img { width: 100%; height: auto; display: block; }
.tq__card-img--book img { transform: rotate(-6deg); box-shadow: 0 18px 30px -12px rgba(0, 0, 0, .8); transition: transform .4s var(--nk-ease); }
.tq__card:hover .tq__card-img--book img { transform: rotate(-2deg) scale(1.04); }
.tq__card-img--map img { filter: invert(1) hue-rotate(180deg) brightness(1.1); mix-blend-mode: screen; opacity: .85; }
.tq__card:focus-visible { outline: 2px solid var(--nk-orange); outline-offset: 3px; }
@media (max-width: 900px) { .tq__cards { width: 100%; } }

/* Tel örme bölümü: E-Katalog ve İhracat kartları sayfayla birlikte kayar (yapışkan),
   alttaki büyük cümlenin hemen üstünde durur. Akış alanı, cümleye kadar uzanır. */
.tq__flow {
  position: relative;
  z-index: 1;
  padding-bottom: clamp(4rem, 12vh, 7rem);
}
/* Cümle akış alanının içinde: kartlar cümle boyunca da iner; cümle kartların altına girmez */
.tq__flow .tq__statement { margin-top: clamp(14rem, 45vh, 26rem); max-width: min(920px, calc(100% - min(440px, 34vw) - 3rem)); }
.tq__flow + .tq__areas { margin-top: clamp(2rem, 6vh, 4rem); }
.tq__flow .tq__intro { margin-top: 0; }
.tq__stick {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 1.5rem;            /* cümleye bu kadar yaklaşınca durur */
  width: min(440px, 34vw);
  pointer-events: none;
}
.tq__stick .tq__cards {
  position: sticky;
  top: calc(var(--nk-nav) + 1.5rem);
  width: 100%;
  pointer-events: auto;
}
@media (max-width: 900px) {
  .tq__flow { padding-bottom: 2rem; }
  .tq__flow .tq__statement { max-width: none; margin-top: 4rem; }
  .tq__stick { position: static; width: 100%; margin-top: 2rem; }
  .tq__stick .tq__cards { position: static; }
}

/* İhracat kartı: gerçek dünya haritası, Konya'dan yaylar ve nabız atan konum noktaları */
.tq__card--export { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
.tq__card-img--map { align-self: stretch; }
.tq__map { display: block; width: 100%; height: auto; overflow: visible; }
.tq__arc {
  fill: none;
  stroke: rgba(255, 210, 0, .55);
  stroke-width: 1.6;
  stroke-dasharray: 600;
  stroke-dashoffset: 600;
  vector-effect: non-scaling-stroke;
}
.tq__pin circle:not(.tq__pin-ring) { fill: var(--nk-orange); }
.tq__pin-ring { fill: none; stroke: rgba(255, 210, 0, .7); stroke-width: 2; transform-box: fill-box; transform-origin: center; animation: tqPing 2.6s ease-out infinite; animation-delay: calc(var(--i, 0) * 160ms); }
.tq__pin--home circle:not(.tq__pin-ring) { fill: #fff; stroke: var(--nk-orange); stroke-width: 4; }
.tq__pin { cursor: default; }
@keyframes tqPing { 0% { transform: scale(.6); opacity: 1; } 100% { transform: scale(2.4); opacity: 0; } }
/* Kart görünür olunca yaylar sırayla çizilir */
.tq__card--export.is-in .tq__arc { animation: tqDraw 1.4s var(--nk-ease) forwards; animation-delay: calc(var(--i, 0) * 90ms); }
@keyframes tqDraw { to { stroke-dashoffset: 0; } }
@media (prefers-reduced-motion: reduce) {
  .tq__arc { stroke-dashoffset: 0; }
  .tq__pin-ring { animation: none; opacity: .5; }
}

/* ── Dil seçici ─────────────────────────────────────────────────
   Header'da sade küre + dil kodu; açılan koyu panelde kod rozeti ve dilin kendi adı,
   seçili dil sarı işaretli. */
.tk-head .nk-lang__btn {
  display: inline-flex !important;
  align-items: center;
  gap: .45rem;
  height: 36px;
  padding: 0 .7rem !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  background: none !important;
  font-size: .74rem;
  font-weight: 700;
  letter-spacing: .08em;
}
.tk-head .nk-lang__btn svg:first-child { opacity: .7; }
.tk-head .nk-lang:hover .nk-lang__btn,
.tk-head .nk-lang.is-open .nk-lang__btn { border-color: var(--nk-orange) !important; color: var(--nk-orange) !important; }
.nk-lang__menu.tlang {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  left: auto;
  z-index: 60;
  width: 230px;
  margin: 0;
  padding: .5rem;
  background: #141413;
  border: 1px solid rgba(255, 255, 255, .1);
  border-top: 2px solid var(--nk-orange);
  border-radius: 0;
  box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .7);
  list-style: none;
}
.tlang__head { margin: .35rem .55rem .55rem; font-size: .6rem; font-weight: 700; letter-spacing: .26em; text-transform: uppercase; color: rgba(255, 255, 255, .45); }
.nk-header .tlang__item {
  display: grid !important;
  grid-template-columns: 34px 1fr 10px;
  align-items: center;
  gap: .7rem;
  padding: .55rem .55rem !important;
  color: rgba(255, 255, 255, .82) !important;
  font-size: .86rem;
  text-decoration: none;
  transition: background .2s var(--nk-ease), color .2s var(--nk-ease);
}
.tlang__item b {
  display: grid;
  place-items: center;
  height: 26px;
  border: 1px solid rgba(255, 255, 255, .2);
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .06em;
  color: #fff;
  direction: ltr;
}
.tlang__item span { font-weight: 600; text-align: start; }
.tlang__item i { width: 8px; height: 8px; border-radius: 50%; background: transparent; justify-self: end; }
.nk-header .tlang__item:hover { background: rgba(255, 255, 255, .05); color: #fff !important; }
.nk-header .tlang__item:hover b { border-color: var(--nk-orange); }
.nk-header .tlang__item.is-active { color: var(--nk-orange) !important; }
.tlang__item.is-active b { background: var(--nk-orange); border-color: var(--nk-orange); color: var(--tk-ink); }
.tlang__item.is-active i { background: var(--nk-orange); box-shadow: 0 0 0 3px rgba(255, 210, 0, .2); }
.nk-header .tlang__item:focus-visible { outline: 2px solid var(--nk-orange); outline-offset: -2px; }
.tk-head .nk-lang__menu.tlang .tlang__item i { border-radius: 50% !important; }

/* ══════════════════════════════════════════════════════════════
   SERTİFİKALAR SAYFASI — ızgaralı açık zeminde kâğıt görünümlü belge kartları
══════════════════════════════════════════════════════════════ */
.tcert {
  position: relative;
  padding: clamp(3rem, 7vh, 5rem) var(--nk-pad) clamp(4rem, 9vh, 6rem);
  background:
    linear-gradient(rgba(29, 29, 27, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(29, 29, 27, .045) 1px, transparent 1px),
    #f6f5f1;
  background-size: 56px 56px, 56px 56px, auto;
}
.tcert__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; margin-bottom: clamp(1.75rem, 4vh, 2.75rem); padding-bottom: 1.1rem; border-bottom: 1px solid rgba(29, 29, 27, .14); }
.tcert__title { margin: 0; font-size: clamp(1.6rem, 2.6vw, 2.2rem); font-weight: 700; letter-spacing: -.02em; color: var(--tk-ink); }
.tcert__count { margin: 0; font-size: .82rem; font-weight: 600; color: var(--tk-soft); }
.tcert__count b { font-size: 1.4rem; color: var(--tk-ink); margin-inline-end: .2rem; font-variant-numeric: tabular-nums; }
.tcert__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(1rem, 2.4vw, 2.25rem) clamp(1rem, 2vw, 1.75rem); margin: 0; padding: 0; list-style: none; }
.tcert__item { opacity: 0; transform: translateY(16px); animation: thIn .6s var(--nk-ease) forwards; animation-delay: calc(var(--i) * 60ms); }
.tcert__card { display: block; width: 100%; padding: 0; border: 0; background: none; text-align: start; cursor: zoom-in; color: var(--tk-ink); font: inherit; }
.tcert__paper {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1.414;
  padding: 10px;
  background: #fff;
  border: 1px solid rgba(29, 29, 27, .1);
  box-shadow: 0 1px 0 rgba(29, 29, 27, .05), 0 22px 40px -26px rgba(29, 29, 27, .45);
  transition: transform .4s var(--nk-ease), box-shadow .4s var(--nk-ease), border-color .3s var(--nk-ease);
}
.tcert__paper::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: var(--nk-orange); transform: scaleX(0); transform-origin: left; transition: transform .4s var(--nk-ease); }
.tcert__paper img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; }
.tcert__pdf { display: grid; place-items: center; height: 100%; background: #f1efe9; font-weight: 800; letter-spacing: .2em; color: var(--tk-soft); }
.tcert__zoom { position: absolute; right: 14px; bottom: 14px; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50% !important; background: var(--nk-orange); color: var(--tk-ink); opacity: 0; transform: scale(.7); transition: opacity .3s var(--nk-ease), transform .3s var(--nk-ease); }
.tcert__card:hover .tcert__paper { transform: translateY(-6px) rotate(-.6deg); box-shadow: 0 30px 50px -28px rgba(29, 29, 27, .55); border-color: rgba(214, 170, 0, .6); }
.tcert__card:hover .tcert__paper::after { transform: scaleX(1); }
.tcert__card:hover .tcert__zoom { opacity: 1; transform: none; }
.tcert__card:focus-visible { outline: 2px solid var(--tk-ink); outline-offset: 6px; }
.tcert__meta { display: flex; gap: .7rem; align-items: baseline; margin-top: 1rem; }
.tcert__meta em { font-style: normal; font-size: .7rem; font-weight: 800; color: var(--nk-accent-ink); font-variant-numeric: tabular-nums; }
.tcert__meta b { font-size: .9rem; font-weight: 600; line-height: 1.4; }
.tcert__empty { color: var(--tk-soft); }
.tcert__cta { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem 2rem; margin-top: clamp(2.5rem, 6vh, 4rem); padding: 1.4rem 1.6rem; background: var(--tk-ink); color: #fff; }
.tcert__cta p { margin: 0; max-width: 640px; font-size: .92rem; line-height: 1.6; color: rgba(255, 255, 255, .8); }

/* Büyük görüntüleme */
.tcert-lb { width: min(96vw, 980px); max-height: 94vh; padding: 0; border: 0; background: #141413; color: #fff; overflow: hidden; }
.tcert-lb::backdrop { background: rgba(10, 10, 9, .85); }
.tcert-lb__bar { display: flex; align-items: center; gap: 1rem; padding: .8rem 1rem; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.tcert-lb__title { flex: 1; margin: 0; font-size: .9rem; font-weight: 600; }
.tcert-lb__dl { padding: .5rem .9rem; border: 1px solid rgba(255, 210, 0, .6); color: var(--nk-orange); font-size: .78rem; font-weight: 700; text-decoration: none; }
.tcert-lb__dl:hover { background: var(--nk-orange); color: var(--tk-ink); }
.tcert-lb__close { width: 38px; height: 38px; border: 0; background: var(--nk-orange); color: var(--tk-ink); font-size: 1.5rem; line-height: 1; cursor: pointer; }
.tcert-lb__stage { display: grid; grid-template-columns: 48px 1fr 48px; align-items: center; height: min(82vh, 1000px); }
.tcert-lb__stage img { width: 100%; height: 100%; object-fit: contain; background: #fff; }
.tcert-lb__nav { height: 100%; border: 0; background: none; color: #fff; font-size: 2.2rem; cursor: pointer; }
.tcert-lb__nav:hover { color: var(--nk-orange); }
@media (max-width: 1100px) { .tcert__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .tcert__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .tcert__head { flex-direction: column; align-items: flex-start; } }
@media (prefers-reduced-motion: reduce) { .tcert__item { animation: none; opacity: 1; transform: none; } }

/* ══════════════════════════════════════════════════════════════
   FOOTER — açık zemin, silik tel örgü desenli, hero'daki gibi ince çerçeve ve sarı köşeler;
   davet şeridi, dört sütun, alt şerit.
══════════════════════════════════════════════════════════════ */
.tf {
  --tf-inset: clamp(14px, 2.2vw, 30px);
  position: relative;
  padding: clamp(4rem, 9vh, 6rem) calc(var(--nk-pad) + var(--tf-inset)) calc(var(--tf-inset) + 1.25rem);
  background: radial-gradient(70% 60% at 0% 100%, rgba(255, 210, 0, .2) 0%, rgba(255, 210, 0, 0) 70%), #f5f4f0;
  color: var(--tk-ink);
  border-top: 1px solid rgba(29, 29, 27, .08);
  overflow: hidden;
  isolation: isolate;
}
.tf__mesh {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    repeating-linear-gradient(45deg, rgba(29, 29, 27, .05) 0 1px, transparent 1px 44px),
    repeating-linear-gradient(-45deg, rgba(29, 29, 27, .05) 0 1px, transparent 1px 44px);
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 80% 20%, #000 0%, transparent 80%);
  mask-image: radial-gradient(ellipse 70% 60% at 80% 20%, #000 0%, transparent 80%);
}
.tf__frame { position: absolute; inset: var(--tf-inset); border: 1px solid rgba(29, 29, 27, .12); pointer-events: none; }
.tf__frame i { position: absolute; width: 18px; height: 18px; border: 0 solid var(--tk-ink); }
.tf__frame i:nth-child(1) { top: -1px; left: -1px; border-top-width: 2px; border-left-width: 2px; }
.tf__frame i:nth-child(2) { top: -1px; right: -1px; border-top-width: 2px; border-right-width: 2px; }
.tf__frame i:nth-child(3) { bottom: -1px; left: -1px; border-bottom-width: 2px; border-left-width: 2px; }
.tf__frame i:nth-child(4) { bottom: -1px; right: -1px; border-bottom-width: 2px; border-right-width: 2px; }

/* Davet şeridi */
.tf__cta {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 2rem 3rem;
  padding-bottom: clamp(2.5rem, 6vh, 4rem);
  border-bottom: 1px solid rgba(29, 29, 27, .14);
}
.tf__eyebrow { display: flex; align-items: center; gap: .8rem; margin: 0 0 1.2rem; font-size: .7rem; font-weight: 700; letter-spacing: .28em; text-transform: uppercase; color: var(--tk-soft); }
.tf__eyebrow i { display: block; width: 30px; height: 2px; background: var(--nk-orange); }
.tf__cta-title { max-width: 760px; margin: 0; font-size: clamp(1.9rem, 3.6vw, 3rem); font-weight: 500; line-height: 1.12; letter-spacing: -.02em; color: var(--tk-ink); }
.tf__cta-title mark { padding: 0 .1em; background: var(--nk-orange); color: var(--tk-ink); -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.tf__cta-side { display: flex; align-items: center; gap: clamp(1.25rem, 3vw, 2.5rem); flex-shrink: 0; }
.tf__cta-btn {
  position: relative;
  display: grid;
  place-items: center;
  align-content: center;
  gap: .35rem;
  width: 150px;
  height: 150px;
  border-radius: 50% !important;
  background: var(--nk-orange);
  color: var(--tk-ink);
  font-size: .82rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: transform .4s cubic-bezier(.22, 1, .36, 1), background .3s var(--nk-ease);
}
.tf__cta-btn::before { content: ''; position: absolute; inset: -10px; border-radius: 50%; border: 1px dashed rgba(29, 29, 27, .3); animation: txSpin 24s linear infinite; }
.tf__cta-btn svg { transition: transform .35s var(--nk-ease); }
.tf__cta-btn:hover { transform: scale(1.05); background: var(--tk-ink); color: var(--nk-orange); }
.tf__cta-btn:hover svg { transform: rotate(45deg); }
.tf__cta-phone { display: flex; flex-direction: column; gap: .3rem; color: var(--tk-ink); font-size: clamp(1.15rem, 1.8vw, 1.5rem); font-weight: 600; letter-spacing: .02em; text-decoration: none; font-variant-numeric: tabular-nums; }
.tf__cta-phone small { font-size: .66rem; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; color: var(--tk-soft); }
.tf__cta-phone:hover { color: var(--nk-accent-ink); }

/* Dört sütun */
.tf__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .8fr) minmax(0, 1fr) minmax(0, 1.1fr);
  gap: clamp(1.75rem, 4vw, 4rem);
  padding: clamp(2.5rem, 6vh, 3.75rem) 0;
}
.tf__logo img { display: block; width: auto; height: clamp(30px, 2.6vw, 38px); }
.tf__slogan { max-width: 300px; margin: 1.1rem 0 1.4rem; font-size: .9rem; line-height: 1.6; color: var(--tk-soft); }
.tf__social { display: flex; gap: .5rem; }
.tf__social a { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(29, 29, 27, .2); color: var(--tk-ink); transition: background .25s var(--nk-ease), border-color .25s var(--nk-ease), color .25s var(--nk-ease); }
.tf__social a:hover { background: var(--nk-orange); border-color: var(--nk-orange); color: var(--tk-ink); }
.tf__head { margin: 0 0 1.1rem; font-size: .68rem; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; color: #000; }
.tf__col ul { margin: 0; padding: 0; list-style: none; display: grid; gap: .55rem; }
.tf__col a { position: relative; color: rgba(29, 29, 27, .78); font-size: .88rem; text-decoration: none; transition: color .2s var(--nk-ease), padding .25s var(--nk-ease); }
.tf__col a::before { content: ''; position: absolute; left: 0; top: 50%; width: 0; height: 1px; background: var(--nk-orange); transition: width .25s var(--nk-ease); }
.tf__col a:hover { color: var(--tk-ink); padding-left: 16px; }
.tf__col a:hover::before { width: 10px; }
.tf__addr { margin: 0 0 .9rem; font-size: .88rem; line-height: 1.6; color: rgba(29, 29, 27, .78); }
.tf a:focus-visible { outline: 2px solid var(--tk-ink); outline-offset: 3px; }

/* Alt şerit */
.tf__bottom {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .9rem 2rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(29, 29, 27, .14);
  font-size: .76rem;
  color: var(--tk-soft);
}
.tf__copy { margin: 0; }
.tf__legal { display: flex; flex-wrap: wrap; gap: .4rem 1.25rem; margin-inline-start: auto; }
.tf__legal a { color: var(--tk-soft); text-decoration: none; }
.tf__legal a:hover { color: var(--tk-ink); }
.tf__credit { display: inline-flex; align-items: center; gap: .6rem; color: var(--tk-soft); text-decoration: none; }
.tf__credit img { height: 26px; width: auto; opacity: .75; transition: opacity .25s var(--nk-ease); }
.tf__credit:hover img { opacity: 1; }
.tf__top { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50% !important; background: var(--tk-ink); color: var(--nk-orange); transition: transform .25s var(--nk-ease); }
.tf__top:hover { transform: translateY(-3px); }

@media (max-width: 1100px) {
  .tf__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .tf__cta { flex-direction: column; align-items: flex-start; }
  .tf__cta-btn { width: 120px; height: 120px; }
  .tf__grid { grid-template-columns: 1fr; gap: 2rem; }
  .tf__legal { margin-inline-start: 0; }
}
@media (prefers-reduced-motion: reduce) { .tf__cta-btn::before { animation: none; } }
.tf__cta-phone { white-space: nowrap; direction: ltr; }
@media (max-width: 760px) { .tf__cta-phone { font-size: 1.05rem; } .tf__cta-side { gap: 1rem; } }

/* Açılır pencereler (tanıtım filmi, sertifika görüntüleme) ekranın ortasında:
   temadaki genel "margin: 0" sıfırlaması tarayıcının dialog ortalamasını bozuyordu */
dialog.th__modal, dialog.tcert-lb {
  position: fixed;
  inset: 0;
  margin: auto !important;
  height: fit-content;
}
dialog.th__modal { width: min(92vw, 1120px); overflow: visible; }
dialog.th__modal video { width: 100%; height: auto; max-height: 86vh; aspect-ratio: 16 / 9; object-fit: contain; }

/* ══════════════════════════════════════════════════════════════
   Arka planlarda kare/ızgara ve çapraz tel örgü desenleri kullanılmaz
   (düz zemin + yumuşak sarı ışımalar kalır)
══════════════════════════════════════════════════════════════ */
.tg::before,
.tf__mesh,
.tmm__mesh,
.tx__mesh,
.nk-mega__brand::after,
.nka-hero__bg span:first-child::after,
.nkb-hero__bg span:first-child::after { display: none !important; }
.ta__body { background-image: none !important; }
.tcert { background: #f6f5f1 !important; }
.tmd__col.is-on {
  background: radial-gradient(70% 70% at 78% 70%, rgba(255, 210, 0, .16) 0%, rgba(255, 210, 0, 0) 70%), #121210 !important;
}
.tmd__stage { background: #141413 !important; }

/* ══════════════════════════════════════════════════════════════
   Arka plan motifi: dikenli tel (kare desenlerin yerine)
   Açık zeminlerde koyu, koyu zeminlerde açık tel; kenarlara doğru kaybolur.
══════════════════════════════════════════════════════════════ */
.tg::before,
.tf__mesh,
.tmm__mesh {
  display: block !important;
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url('img/site/barbed-dark.svg') 0 0 / 320px 150px repeat !important;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 22%, #000 78%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0%, #000 22%, #000 78%, transparent 100%);
  pointer-events: none;
}
.tmm__mesh { position: fixed; background-image: url('img/site/barbed-light.svg') !important; }
.ta__body { background: url('img/site/barbed-dark.svg') 40px 30px / 320px 150px repeat !important; }
.tcert { background: url('img/site/barbed-dark.svg') 0 20px / 320px 150px repeat, #f6f5f1 !important; }
.tq::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url('img/site/barbed-light.svg') 0 40px / 320px 150px repeat;
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 45%, transparent 0%, transparent 25%, #000 60%, transparent 100%);
  mask-image: radial-gradient(ellipse 70% 60% at 50% 45%, transparent 0%, transparent 25%, #000 60%, transparent 100%);
  pointer-events: none;
}

/* Ürün Gruplarımız: dikenli tel yalnızca sağ üst köşede, aşağı doğru biraz inip kaybolur */
.tg::before {
  -webkit-mask-image: radial-gradient(ellipse 55% 45% at 100% 0%, #000 0%, rgba(0, 0, 0, .6) 45%, transparent 100%) !important;
  mask-image: radial-gradient(ellipse 55% 45% at 100% 0%, #000 0%, rgba(0, 0, 0, .6) 45%, transparent 100%) !important;
}

/* Tel örme bölümünde (katalog / ihracat kartları) dikenli tel deseni yok */
.tq::after { display: none !important; }

/* Ürün Gruplarımız: sağ üst köşedeki dikenli tel kare (ızgara) biçiminde */
.tg::before { background: url('img/site/barbed-grid-dark.svg') right -1px top -1px / 160px 160px repeat !important; }

/* Footer: kare dikenli tel yalnızca sağ üst ve sol alt köşelerde, içe doğru kaybolur */
.tf__mesh {
  background: url('img/site/barbed-grid-dark.svg') right -1px top -1px / 160px 160px repeat !important;
  -webkit-mask-image:
    radial-gradient(ellipse 50% 55% at 100% 0%, #000 0%, rgba(0, 0, 0, .6) 45%, transparent 100%),
    radial-gradient(ellipse 50% 55% at 0% 100%, #000 0%, rgba(0, 0, 0, .6) 45%, transparent 100%) !important;
  mask-image:
    radial-gradient(ellipse 50% 55% at 100% 0%, #000 0%, rgba(0, 0, 0, .6) 45%, transparent 100%),
    radial-gradient(ellipse 50% 55% at 0% 100%, #000 0%, rgba(0, 0, 0, .6) 45%, transparent 100%) !important;
}

/* Hakkımızda: kare dikenli tel yalnızca sol alt köşede, içe doğru kaybolur */
.ta__body { background: none !important; isolation: isolate; }
.ta__body::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url('img/site/barbed-grid-dark.svg') left -1px bottom -1px / 160px 160px repeat;
  -webkit-mask-image: radial-gradient(ellipse 50% 70% at 0% 100%, #000 0%, rgba(0, 0, 0, .6) 45%, transparent 100%);
  mask-image: radial-gradient(ellipse 50% 70% at 0% 100%, #000 0%, rgba(0, 0, 0, .6) 45%, transparent 100%);
  pointer-events: none;
}
.tf__logo + .tf__social { margin-top: 1.4rem; }


/* Makinelerimiz başlığı: diğer bölümlerdeki gibi nokta yerine çizgi */
.nkshelf--cards .nkp-eyebrow { display: flex; align-items: center; gap: .8rem; letter-spacing: .28em; color: var(--nk-accent-ink); }
.nkshelf--cards .nkp-eyebrow::before { content: ''; flex-shrink: 0; width: 30px; height: 2px; border-radius: 0 !important; background: var(--nk-orange); }


/* Dil düğmesi: sade hap biçimi; küre, kod ve ok tek hizada */
.tk-head .nk-lang__btn {
  height: 32px !important;
  padding: 0 .65rem 0 .55rem !important;
  gap: .4rem !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 999px !important;
  line-height: 1;
  font-size: .72rem !important;
  letter-spacing: .1em !important;
}
.tk-head .nk-lang__btn svg:first-child { width: 13px; height: 13px; opacity: .75; flex-shrink: 0; }
.tk-head .nk-lang__btn .nk-lang__chev { width: 8px; height: 5px; opacity: .7; margin-left: .05rem; }
.tk-head .nk-lang__btn span { display: block; line-height: 1; padding-top: 1px; }
.tk-head .nk-lang:hover .nk-lang__btn,
.tk-head .nk-lang.is-open .nk-lang__btn { background: rgba(255, 210, 0, .1) !important; }

/* ══════════════════════════════════════════════════════════════
   ÜRÜN GRUPLARI v2 — solda köşe işaretli sahne kartında makine (kontur numara, sarı zemin
   ışığı, oklar); sağda dev kelime, slogan ve beyaz bilgi kartı (ad, açıklama, sayı,
   bağlantı, makine tablosu); altta numaralı grup sekmeleri.
══════════════════════════════════════════════════════════════ */
.tg--v2 .tg__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: clamp(1.5rem, 3.5vw, 3.5rem);
  align-items: stretch;
  margin-top: clamp(1.25rem, 3vh, 2rem);
}
.tg--v2 .tg__stage {
  position: relative;
  display: grid;
  place-items: center;
  min-height: clamp(360px, 36vw, 560px);
  margin: 0;
  padding: clamp(2rem, 4vw, 3.5rem);
  border-radius: 28px !important;
  overflow: hidden;
  cursor: grab;
  user-select: none;
}
.tg--v2.is-grabbing .tg__stage { cursor: grabbing; }
.tg--v2 .tg__frame { position: absolute; inset: 18px; pointer-events: none; }
.tg--v2 .tg__frame i { position: absolute; width: 16px; height: 16px; border: 0 solid var(--tk-ink); }
.tg--v2 .tg__frame i:nth-child(1) { top: 0; left: 0; border-top-width: 2px; border-left-width: 2px; }
.tg--v2 .tg__frame i:nth-child(2) { top: 0; right: 0; border-top-width: 2px; border-right-width: 2px; }
.tg--v2 .tg__frame i:nth-child(3) { bottom: 0; left: 0; border-bottom-width: 2px; border-left-width: 2px; }
.tg--v2 .tg__frame i:nth-child(4) { bottom: 0; right: 0; border-bottom-width: 2px; border-right-width: 2px; }
.tg--v2 .tg__num {
  position: absolute; top: clamp(.5rem, 2vw, 1.5rem); left: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(6rem, 13vw, 12rem); font-weight: 800; line-height: 1; letter-spacing: -.05em;
  color: transparent; -webkit-text-stroke: 1.5px rgba(29, 29, 27, .1); pointer-events: none;
  font-variant-numeric: tabular-nums;
}
.tg--v2 .tg__floor { position: absolute; left: 18%; right: 18%; bottom: 16%; height: 7%; border-radius: 50%; background: radial-gradient(ellipse, rgba(29, 29, 27, .25) 0%, rgba(29, 29, 27, 0) 70%); filter: blur(4px); }
.tg--v2 .tg__machine {
  grid-area: auto; justify-self: center; position: relative; z-index: 1;
  width: 100%; max-width: 640px; max-height: clamp(240px, 26vw, 400px); margin: 0;
  object-fit: contain; object-position: center; filter: drop-shadow(0 30px 30px rgba(29, 29, 27, .3));
}
.tg--v2 .tg__arrows { position: absolute; right: clamp(1.5rem, 2.5vw, 2rem); bottom: clamp(1.5rem, 2.5vw, 2rem); z-index: 2; display: flex; gap: .5rem; }
.tg--v2 .tg__arrow { position: static; transform: none; background: #fff; }

/* Sağ sütun */
.tg--v2 .tg__info { display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.tg--v2 .tg__giant {
  align-self: flex-start;
  font-size: clamp(3rem, 6.4vw, 6.8rem); font-weight: 800; line-height: .95; letter-spacing: -.05em;
  white-space: normal; overflow-wrap: anywhere;
}
.tg--v2 .tg__giant::before { display: none; }
.tg--v2 .tg__sub { margin: 1rem 0 1.5rem; padding: 0; border: 0; max-width: none; font-size: clamp(1rem, 1.3vw, 1.2rem); font-weight: 500; color: var(--tk-soft); }
.tg--v2 .tg__card {
  border-radius: 22px !important;
}
.tg--v2 .tg__tag { margin: 0 0 .6rem; font-size: clamp(1.05rem, 1.4vw, 1.25rem); }
.tg--v2 .tg__text { margin: 0 0 1rem; font-size: .84rem; line-height: 1.7; }
.tg--v2 .tg__meta { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.tg--v2 .tg__table ul { border-top-color: rgba(29, 29, 27, .1); }
.tg--v2 .tg__table a { grid-template-columns: minmax(6.5rem, .4fr) minmax(0, 1fr); padding: .5rem 0; font-size: .76rem; }

/* Alt: numaralı sekmeler */
.tg__tabs { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 0 1rem; margin-top: clamp(1.75rem, 4vh, 2.75rem); }
.tg__tab { position: relative; display: flex; align-items: baseline; gap: .5rem; padding: .85rem 0 .2rem; border: 0; background: none; font: inherit; text-align: start; color: var(--tk-soft); cursor: pointer; transition: color .25s var(--nk-ease); }
.tg__tab::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: rgba(29, 29, 27, .16); }
.tg__tab i { position: absolute; top: -1px; left: 0; height: 3px; width: 100%; background: var(--nk-orange); transform: scaleX(0); transform-origin: left; transition: transform .45s var(--nk-ease); }
.tg__tab em { font-style: normal; font-size: .66rem; font-weight: 800; color: var(--nk-accent-ink); font-variant-numeric: tabular-nums; }
.tg__tab span { font-size: .8rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tg__tab:hover { color: var(--tk-ink); }
.tg__tab.is-active { color: var(--tk-ink); }
.tg__tab.is-active i { transform: scaleX(1); }
.tg__tab:focus-visible { outline: 2px solid var(--tk-ink); outline-offset: 3px; }
.tg--v2.is-swap .tg__num { animation: tcFade .8s var(--nk-ease) both; }
.tg--v2.is-swap :is(.tg__giant, .tg__sub, .tg__card) { animation: thIn .6s var(--nk-ease) both; }
.tg--v2.is-swap .tg__card { animation-delay: .08s; }

@media (max-width: 900px) {
  .tg--v2 .tg__layout { grid-template-columns: 1fr; }
  .tg--v2 .tg__stage { min-height: 300px; }
  .tg__tabs { display: flex; overflow-x: auto; scrollbar-width: none; gap: 1rem; }
  .tg__tab { flex: 0 0 auto; min-width: 110px; }
}
/* v2 sahne: eski iki sütunlu ızgarayı sıfırla, makineyi ortala ve büyüt */
.tg--v2 .tg__stage { grid-template-columns: 1fr; padding: clamp(2.5rem, 4vw, 3.5rem) clamp(1.5rem, 3vw, 2.5rem) clamp(4.5rem, 6vw, 5.5rem); }
.tg--v2 .tg__machine { grid-area: 1 / 1; justify-self: center; align-self: center; width: 92%; max-width: 760px; max-height: clamp(260px, 30vw, 440px); }
.tg--v2 .tg__floor { bottom: 18%; left: 20%; right: 20%; }
@media (max-width: 900px) { .tg--v2 .tg__stage { padding-bottom: 4.5rem; } .tg--v2 .tg__machine { width: 100%; } }

/* ══════════════════════════════════════════════════════════════
   ÜRÜN GRUPLARI v3 — vitrin: sol kenarda dikey "Sonraki grup", ortada iri soluk başlık
   ve büyük makine, sağda grupların küçük görselleri (seçili olan sarı kart), altta sayaç,
   açıklama + makine kodları ve noktalar. Açık zemin.
══════════════════════════════════════════════════════════════ */
.tv {
  position: relative;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) clamp(170px, 15vw, 230px);
  gap: clamp(1rem, 2.5vw, 2.5rem);
  padding: clamp(3rem, 7vh, 4.5rem) var(--nk-pad) clamp(2.5rem, 6vh, 3.5rem);
  background: #fbfaf7;
  overflow: hidden;
  isolation: isolate;
}
.tv::before {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: url('img/site/barbed-grid-dark.svg') right -1px top -1px / 160px 160px repeat;
  -webkit-mask-image: radial-gradient(ellipse 45% 45% at 100% 0%, #000 0%, transparent 100%);
  mask-image: radial-gradient(ellipse 45% 45% at 100% 0%, #000 0%, transparent 100%);
}

/* Sol kenar */
.tv__side { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; padding: 0; border: 0; background: none; color: var(--tk-ink); font: inherit; cursor: pointer; }
.tv__side span { writing-mode: vertical-rl; transform: rotate(180deg); font-size: .7rem; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; white-space: nowrap; }
.tv__side i { display: block; width: 1px; height: 70px; background: rgba(29, 29, 27, .3); transition: height .35s var(--nk-ease), background .35s var(--nk-ease); }
.tv__side:hover i { height: 96px; background: var(--nk-orange); }
.tv__side:focus-visible { outline: 2px solid var(--tk-ink); outline-offset: 4px; }

/* Orta */
.tv__main { position: relative; display: grid; grid-template-rows: auto 1fr auto; min-width: 0; min-height: clamp(520px, 50vw, 720px); }
.tv__head { position: relative; z-index: 1; }
.tv__eyebrow { display: flex; align-items: center; gap: .7rem; margin: 0 0 .5rem; font-size: .74rem; font-weight: 700; color: var(--nk-accent-ink); }
.tv__eyebrow i { display: block; width: 12px; height: 12px; background: var(--nk-orange); box-shadow: 4px 4px 0 var(--tk-ink); }
.tv__title { margin: 0; font-size: clamp(3rem, 7vw, 7rem); font-weight: 800; line-height: .92; letter-spacing: -.045em; color: #e6e3db; white-space: nowrap; }
.tv__name { margin: .6rem 0 0; font-size: clamp(1rem, 1.4vw, 1.2rem); font-weight: 700; color: var(--tk-ink); }
.tv__stage { position: relative; display: grid; place-items: center; margin-top: clamp(-4rem, -5vw, -2rem); cursor: grab; user-select: none; }
.tv.is-grabbing .tv__stage { cursor: grabbing; }
.tv__floor { position: absolute; left: 14%; right: 14%; bottom: 10%; height: 10%; border-radius: 50%; background: radial-gradient(ellipse, rgba(29, 29, 27, .22) 0%, rgba(29, 29, 27, 0) 70%); filter: blur(6px); }
.tv__machine { position: relative; width: min(100%, 860px); max-height: clamp(280px, 30vw, 460px); object-fit: contain; filter: drop-shadow(0 30px 30px rgba(29, 29, 27, .28)); pointer-events: none; }

.tv__foot { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: end; gap: clamp(1rem, 3vw, 3rem); }
.tv__counter { margin: 0; font-size: .9rem; font-weight: 700; color: var(--tk-soft); font-variant-numeric: tabular-nums; }
.tv__counter b { font-size: 1.6rem; color: var(--nk-accent-ink); }
.tv__info { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.5rem; align-items: end; }
.tv__text { margin: 0; font-size: .84rem; line-height: 1.7; color: var(--tk-soft); }
.tv__codes { margin: 0; padding: 0; list-style: none; }
.tv__codes a { display: flex; gap: .8rem; padding: .35rem 0; border-bottom: 1px solid rgba(29, 29, 27, .1); color: var(--tk-ink); font-size: .74rem; text-decoration: none; transition: padding .2s var(--nk-ease); }
.tv__codes b { flex-shrink: 0; min-width: 6.5rem; font-weight: 700; letter-spacing: .04em; }
.tv__codes span { color: var(--tk-soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tv__codes a:hover { padding-left: .4rem; }
.tv__dots { display: flex; gap: .4rem; padding-bottom: .5rem; }
.tv__dots i { display: block; width: 7px; height: 7px; border-radius: 50% !important; background: rgba(29, 29, 27, .2); transition: background .3s var(--nk-ease), width .3s var(--nk-ease); }
.tv__dots i.is-active { width: 22px; border-radius: 999px !important; background: var(--nk-orange); }

/* Sağ: küçük görseller */
.tv__rail { display: flex; flex-direction: column; gap: .5rem; max-height: clamp(520px, 50vw, 720px); overflow-y: auto; scrollbar-width: none; padding: 2px; }
.tv__rail::-webkit-scrollbar { display: none; }
.tv__thumb { position: relative; flex: 0 0 auto; display: grid; place-items: center; height: 74px; padding: .4rem; border: 1px solid transparent; background: transparent; cursor: pointer; transition: background .3s var(--nk-ease), border-color .3s var(--nk-ease), height .4s var(--nk-ease); }
.tv__thumb img { max-width: 100%; max-height: 100%; object-fit: contain; filter: grayscale(.6); opacity: .65; transition: opacity .3s var(--nk-ease), filter .3s var(--nk-ease); }
.tv__thumb:hover { border-color: rgba(29, 29, 27, .12); background: #fff; }
.tv__thumb:hover img { opacity: 1; filter: none; }
.tv__thumb-card { display: none; }
.tv__thumb.is-active { height: auto; place-items: stretch; padding: 1rem; background: var(--nk-orange); border-color: var(--nk-orange); box-shadow: 0 20px 34px -20px rgba(180, 140, 0, .8); }
.tv__thumb.is-active img { display: none; }
.tv__thumb.is-active .tv__thumb-card { display: flex; flex-direction: column; gap: .4rem; color: var(--tk-ink); text-align: start; }
.tv__thumb-card b { font-size: .86rem; font-weight: 800; line-height: 1.3; }
.tv__thumb-card small { font-size: .7rem; font-weight: 600; }
.tv__thumb-card a { margin-top: .5rem; align-self: flex-start; padding: .45rem .8rem; background: var(--tk-ink); color: #fff; font-size: .7rem; font-weight: 700; text-decoration: none; }
.tv__thumb-card a:hover { background: #fff; color: var(--tk-ink); }
.tv__thumb:focus-visible { outline: 2px solid var(--tk-ink); outline-offset: 2px; }

.tv.is-swap :is(.tv__title, .tv__name, .tv__eyebrow) { animation: thIn .6s var(--nk-ease) both; }
.tv.is-swap .tv__machine { animation: tvIn .8s var(--nk-ease) both; }
@keyframes tvIn { from { opacity: 0; transform: translateX(50px); } to { opacity: 1; transform: none; } }

@media (max-width: 1100px) { .tv__info { grid-template-columns: 1fr; } }
@media (max-width: 900px) {
  .tv { grid-template-columns: 1fr; }
  .tv__side { display: none; }
  .tv__main { min-height: 0; }
  .tv__title { font-size: clamp(2.4rem, 12vw, 4rem); white-space: normal; }
  .tv__stage { margin-top: 1rem; }
  .tv__foot { grid-template-columns: 1fr; }
  .tv__rail { flex-direction: row; max-height: none; overflow-x: auto; overflow-y: hidden; }
  .tv__thumb { flex: 0 0 120px; }
  .tv__thumb.is-active { flex-basis: 200px; }
}
@media (prefers-reduced-motion: reduce) { .tv.is-swap :is(.tv__title, .tv__name, .tv__eyebrow, .tv__machine) { animation: none; } }
/* Küçük görseller kutularına sığar, üst üste binmez */
.tv__thumb { overflow: hidden; height: 82px; border-color: rgba(29, 29, 27, .06); background: #fff; }
.tv__thumb img { width: 100%; height: 100%; max-height: none; }
.tv__thumb.is-active { height: auto; overflow: visible; }
.tv .tv__thumb { display: flex !important; align-items: center; justify-content: center; }
.tv .tv__thumb img { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 66px !important; object-fit: contain !important; }

/* Sağdaki grup şeridi fare tekerleği / dokunma ile kaydırılır; ince kaydırma çubuğu görünür */
.tv .tv__rail {
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--nk-orange) rgba(29, 29, 27, .08);
  padding-right: 6px;
}
.tv .tv__rail::-webkit-scrollbar { display: block; width: 4px; }
.tv .tv__rail::-webkit-scrollbar-track { background: rgba(29, 29, 27, .08); }
.tv .tv__rail::-webkit-scrollbar-thumb { background: var(--nk-orange); }
@media (max-width: 900px) { .tv .tv__rail { overflow-x: auto !important; overflow-y: hidden !important; padding-right: 0; padding-bottom: 6px; } .tv .tv__rail::-webkit-scrollbar { height: 4px; } }

/* Kategoriler başlığı: diğer bölümler gibi kare yerine sarı çizgi */
.tv .tv__eyebrow i { width: 30px; height: 2px; box-shadow: none; }
/* Hero başlığı iki satır (satır sonu sunucuda eklenir); satırlar kendi içinde kırılmaz */
@media (min-width: 761px) { .tz__title { white-space: nowrap; text-wrap: nowrap; } }

/* Grup şeridi kaydırılabilir ama kaydırma çubuğu görünmez */
.tv .tv__rail { scrollbar-width: none !important; padding-right: 2px; }
.tv .tv__rail::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }

/* Tel örme bölümü: ürün görselleri kaydırdıkça sırayla birbirine dönüşür (opaklık JS ile) */
.tq__product--next { position: absolute; inset: 0; margin: auto; width: 112%; left: -6%; height: 100%; object-fit: contain; opacity: 0; }
.tq__product[data-tq-step] { transition: opacity .15s linear; }
@media (prefers-reduced-motion: reduce) { .tq__product--next { display: none; } }

/* Dil seçici bayrakları */
.nk-lang__flag { display: block; width: 20px; height: 15px; object-fit: cover; border-radius: 3px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .25); flex-shrink: 0; }
.nk-header .tlang__item { grid-template-columns: 24px 1fr auto !important; }
.tlang__flag { display: block; width: 24px; height: 18px; object-fit: cover; border-radius: 3px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .2); }
.tlang__item b { height: auto !important; padding: 0 !important; border: 0 !important; background: none !important; font-size: .64rem; color: rgba(255, 255, 255, .45) !important; }
.tlang__item.is-active b { color: var(--nk-orange) !important; }
.tlang__item.is-active .tlang__flag { box-shadow: 0 0 0 2px var(--nk-orange); }
.tlang__item i { display: none; }
.tlang__item span { unicode-bidi: plaintext; text-align: start; }

/* Kurumsal sayfada uzun metin: paragraf aralıkları, logo üstte sabit kalır */
.ta__lead p { margin: 0 0 1rem; }
.ta__lead p:last-child { margin-bottom: 1.75rem; }
.ta[data-ta-page] .ta__body { align-items: start; }
.ta[data-ta-page] .ta__brand { position: sticky; top: calc(var(--nk-nav) + 2rem); }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ── Renk uyumu: açık zeminler tek tonda, footer net ayrılır ──
   Hakkımızda gövdesi ve diğer açık bölümler #fbfaf7; footer biraz daha koyu nötr ton,
   sarı ışıma kaldırıldı (krem-sarı karışık görünüm yerine temiz geçiş). */
.ta { background: #fbfaf7; }
.ta__body { background-color: #fbfaf7 !important; }
.tf {
  background: #efeee9 !important;
  border-top: 0 !important;
  box-shadow: inset 0 1px 0 rgba(29, 29, 27, .08);
}
.tf__mesh {
  -webkit-mask-image: radial-gradient(ellipse 40% 50% at 100% 0%, #000 0%, rgba(0, 0, 0, .5) 45%, transparent 100%) !important;
  mask-image: radial-gradient(ellipse 40% 50% at 100% 0%, #000 0%, rgba(0, 0, 0, .5) 45%, transparent 100%) !important;
}
.tf__frame { border-color: rgba(29, 29, 27, .1); }
/* Kurumsal sayfada sol sütun: logo ve rakamlar üstte sabit, metin sağda akar */
.ta[data-ta-page] .ta__body { padding-bottom: clamp(3.5rem, 7vw, 5rem); }
.ta[data-ta-page] .ta__body::before {
  -webkit-mask-image: radial-gradient(ellipse 35% 45% at 0% 100%, #000 0%, transparent 100%);
  mask-image: radial-gradient(ellipse 35% 45% at 0% 100%, #000 0%, transparent 100%);
}

/* ── Kurumsal: logonun altındaki dikey sayaç listesi ── */
.ta[data-ta-page] .ta__stats{list-style:none;margin:2.4rem 0 0;padding:0;display:grid;gap:0;border-top:1px solid rgba(29,29,27,.12)}
.ta[data-ta-page] .ta__stats li{position:relative;display:grid;grid-template-columns:minmax(0,auto) 1fr;align-items:center;gap:1.25rem;padding:1.35rem 0 1.35rem 1.4rem;border-bottom:1px solid rgba(29,29,27,.12)}
.ta[data-ta-page] .ta__stats li::before{content:"";position:absolute;left:0;top:1.35rem;bottom:1.35rem;width:4px;background:#ffd200;transform-origin:bottom;transition:transform .5s ease}
.ta[data-ta-page] .ta__stats li:hover::before{transform:scaleY(1.25)}
.ta[data-ta-page] .ta__stats b{font-family:Montserrat,sans-serif;font-weight:700;font-size:clamp(2.2rem,3.4vw,3.1rem);line-height:1;color:#1d1d1b;letter-spacing:-.02em;white-space:nowrap}
.ta[data-ta-page] .ta__stats span{font-family:Montserrat,sans-serif;font-weight:500;font-size:.8rem;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:#5c5c58}
[dir=rtl] .ta[data-ta-page] .ta__stats li{padding:1.35rem 1.4rem 1.35rem 0}
[dir=rtl] .ta[data-ta-page] .ta__stats li::before{left:auto;right:0}
@media (max-width:767.98px){.ta[data-ta-page] .ta__stats{margin-top:1.6rem}.ta[data-ta-page] .ta__stats li{padding:1rem 0 1rem 1.1rem}}
.ta[data-ta-page] .ta__stats{grid-template-columns:auto 1fr}
.ta[data-ta-page] .ta__stats li{grid-column:1/-1;grid-template-columns:subgrid}

/* ══════════════════════════════════════════════════════════════
   ÜRÜNLER SAYFASI (.tpl): başlık + arama, yapışkan grup sekmeleri,
   grup bölümleri (solda bilgi, sağda ana sayfa ürün kartları)
══════════════════════════════════════════════════════════════ */
.tpl { --tpl-line: rgba(29, 29, 27, .12); background: #fbfaf7; color: var(--tk-ink); font-family: var(--nk-font); padding-bottom: clamp(4rem, 9vh, 6rem); }
.tpl-eyebrow { display: flex; align-items: center; gap: .8rem; margin: 0 0 1.1rem; font-size: .68rem; font-weight: 700; letter-spacing: .28em; text-transform: uppercase; color: var(--nk-accent-ink); }
.tpl-eyebrow i { display: block; flex: none; width: 34px; height: 2px; background: currentColor; }

.tpl-head {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem 4rem;
  padding: clamp(3rem, 8vh, 5rem) var(--nk-pad) clamp(2.2rem, 5vh, 3rem);
}
.tpl-head::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url('img/site/barbed-grid-dark.svg') right -1px top -1px / 160px 160px repeat;
  -webkit-mask-image: radial-gradient(ellipse 40% 90% at 100% 0%, #000 0%, rgba(0, 0, 0, .55) 45%, transparent 100%);
  mask-image: radial-gradient(ellipse 40% 90% at 100% 0%, #000 0%, rgba(0, 0, 0, .55) 45%, transparent 100%);
  pointer-events: none;
}
.tpl-title { margin: 0; max-width: 20ch; font-size: clamp(2rem, 3.8vw, 3.4rem); font-weight: 600; line-height: 1.08; letter-spacing: -.025em; text-wrap: balance; }
.tpl-head__side { display: flex; flex-direction: column; align-items: flex-end; gap: .9rem; width: min(420px, 100%); flex: none; }
.tpl-search { position: relative; display: flex; width: 100%; background: #fff; border: 1px solid var(--tpl-line); transition: border-color .25s var(--nk-ease), box-shadow .25s var(--nk-ease); }
.tpl-search:focus-within { border-color: var(--tk-ink); box-shadow: 0 14px 30px -22px rgba(29, 29, 27, .45); }
.tpl-search input { flex: 1; min-width: 0; padding: .95rem 1.1rem; border: 0; background: none; font: inherit; font-size: .86rem; color: var(--tk-ink); outline: 0; }
.tpl-search button { display: grid; place-items: center; width: 54px; flex: none; border: 0; background: var(--nk-orange); color: var(--tk-ink); cursor: pointer; transition: background .25s; }
.tpl-search button:hover { background: var(--tk-ink); color: var(--nk-orange); }
.tpl-search__suggest { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 30; }
.tpl-count { margin: 0; font-size: .74rem; font-weight: 500; letter-spacing: .04em; color: rgba(29, 29, 27, .6); }
.tpl-count b { font-size: 1rem; font-weight: 700; color: var(--tk-ink); }
.tpl-count span { margin: 0 .35rem; }

/* Sekmeler */
.tpl-tabs { position: sticky; top: var(--nk-nav, 76px); z-index: 20; background: rgba(251, 250, 247, .94); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-top: 1px solid var(--tpl-line); border-bottom: 1px solid var(--tpl-line); }
.tpl-tabs__track { display: flex; gap: clamp(1.4rem, 2.4vw, 2.4rem); padding: 0 var(--nk-pad); overflow-x: auto; scrollbar-width: none; }
.tpl-tabs__track::-webkit-scrollbar { display: none; }
.tpl-tab { position: relative; flex: none; padding: 1.15rem 0 1.05rem; font-size: .8rem; font-weight: 600; color: rgba(29, 29, 27, .55); text-decoration: none; white-space: nowrap; transition: color .25s var(--nk-ease); }
.tpl-tab sup { margin-left: .3rem; font-size: .62rem; font-weight: 700; color: var(--nk-accent-ink); }
.tpl-tab::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; background: var(--nk-orange); transform: scaleX(0); transform-origin: left; transition: transform .35s var(--nk-ease); }
.tpl-tab:hover { color: var(--tk-ink); }
.tpl-tab.is-active { color: var(--tk-ink); }
.tpl-tab.is-active::after { transform: none; }

/* Grup bölümleri */
.tpl-group {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: clamp(2rem, 5vw, 5rem);
  padding: clamp(3rem, 7vh, 4.5rem) var(--nk-pad);
  border-bottom: 1px solid var(--tpl-line);
}
.tpl-group__sticky { position: sticky; top: calc(var(--nk-nav, 76px) + 5.5rem); }
.tpl-group__no { display: flex; align-items: baseline; gap: .45rem; margin-bottom: 1.4rem; font-size: clamp(2.6rem, 4vw, 3.6rem); font-weight: 700; line-height: 1; letter-spacing: -.03em; color: transparent; -webkit-text-stroke: 1.2px var(--tk-ink); }
.tpl-group__no small { font-size: .78rem; font-weight: 600; letter-spacing: .06em; color: rgba(29, 29, 27, .45); -webkit-text-stroke: 0; }
.tpl-group__title { position: relative; margin: 0 0 1rem; padding-left: 1.1rem; font-size: clamp(1.4rem, 2.1vw, 1.9rem); font-weight: 600; line-height: 1.2; letter-spacing: -.015em; }
.tpl-group__title::before { content: ''; position: absolute; left: 0; top: .2em; bottom: .2em; width: 4px; background: var(--nk-orange); }
.tpl-group__text { margin: 0 0 1.6rem; max-width: 38ch; font-size: .88rem; line-height: 1.75; color: rgba(29, 29, 27, .66); }
.tpl-group__link { display: inline-flex; align-items: center; gap: .8rem; padding: .85rem 1.2rem; background: var(--tk-ink); color: #fff; font-size: .78rem; font-weight: 600; text-decoration: none; transition: background .25s var(--nk-ease), color .25s var(--nk-ease), gap .25s var(--nk-ease); }
.tpl-group__link b { padding-left: .8rem; border-left: 1px solid rgba(255, 255, 255, .25); font-weight: 600; color: var(--nk-orange); transition: color .25s; }
.tpl-group__link:hover { background: var(--nk-orange); color: var(--tk-ink); gap: 1.1rem; }
.tpl-group__link:hover b { color: var(--tk-ink); border-color: rgba(29, 29, 27, .25); }

.tpl-grid { display: grid; gap: clamp(1.6rem, 2.6vw, 2.4rem) clamp(1rem, 2vw, 1.75rem); margin: 0; padding: 0; }
.tpl-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tpl-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tpl .yp.tpc { border: 0; padding: 0; background: none; }
.tpl .tpc .tpc__pill, .tpl .tpc .tpc__flag { border-radius: 999px !important; }
.tpl .tpc .tpc__enter { border-radius: 50% !important; }

/* Grup seçiliyken tanıtım şeridi */
.tpl-intro {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: center;
  gap: 2rem;
  margin: clamp(2rem, 5vh, 3rem) var(--nk-pad) 0;
  padding: clamp(1.8rem, 4vw, 3rem);
  background: var(--nk-orange);
  overflow: hidden;
  isolation: isolate;
}
.tpl-intro .tpl-eyebrow { color: var(--tk-ink); }
.tpl-intro__text { margin: 0 0 1.6rem; max-width: 46ch; font-size: clamp(.95rem, 1.2vw, 1.08rem); font-weight: 500; line-height: 1.7; }
.tpl-intro__back { font-size: .78rem; font-weight: 700; letter-spacing: .04em; color: var(--tk-ink); text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: .15rem; }
.tpl-intro__img { justify-self: center; width: 100%; max-height: 320px; object-fit: contain; mix-blend-mode: multiply; filter: drop-shadow(0 22px 22px rgba(29, 29, 27, .18)); }
.tpl-stripes { position: absolute; right: clamp(1.2rem, 3vw, 2.2rem); top: 0; bottom: 0; z-index: -1; display: flex; gap: clamp(.6rem, 1.4vw, 1.2rem); pointer-events: none; }
.tpl-stripes i { display: block; width: clamp(22px, 3vw, 44px); transform: skewX(-32deg); }
.tpl-stripes i:nth-child(1) { background: #f2a900; }
.tpl-stripes i:nth-child(2) { background: #f7bd00; }
.tpl-stripes i:nth-child(3) { background: rgba(29, 29, 27, .9); }
.tpl-list { padding: clamp(2.5rem, 6vh, 3.5rem) var(--nk-pad) 0; }
.tpl-filter { margin: clamp(1.6rem, 4vh, 2.2rem) var(--nk-pad) 0; }
.tpl-filter a { display: inline-flex; padding: .55rem 1rem; border: 1px solid var(--tk-ink); font-size: .76rem; font-weight: 600; color: var(--tk-ink); text-decoration: none; }
.tpl-filter a:hover { background: var(--tk-ink); color: #fff; }
.tpl-empty { padding: 3rem 0; }
.tpl-empty p { margin: 0 0 1rem; font-size: 1rem; }
.tpl-pager { margin-top: 3rem; }

[dir=rtl] .tpl-head::before { background-position: left -1px top -1px; -webkit-mask-image: radial-gradient(ellipse 40% 90% at 0% 0%, #000 0%, rgba(0, 0, 0, .55) 45%, transparent 100%); mask-image: radial-gradient(ellipse 40% 90% at 0% 0%, #000 0%, rgba(0, 0, 0, .55) 45%, transparent 100%); }
[dir=rtl] .tpl-head__side { align-items: flex-start; }
[dir=rtl] .tpl-tab sup { margin: 0 .3rem 0 0; }
[dir=rtl] .tpl-tab::after { transform-origin: right; }
[dir=rtl] .tpl-group__title { padding: 0 1.1rem 0 0; }
[dir=rtl] .tpl-group__title::before { left: auto; right: 0; }
[dir=rtl] .tpl-group__link b { padding: 0 .8rem 0 0; border-left: 0; border-right: 1px solid rgba(255, 255, 255, .25); }
[dir=rtl] .tpl-group__link svg { transform: scaleX(-1); }
[dir=rtl] .tpl-stripes { right: auto; left: clamp(1.2rem, 3vw, 2.2rem); }

@media (max-width: 1100px) {
  .tpl-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991.98px) {
  .tpl-head { flex-direction: column; align-items: flex-start; }
  .tpl-head__side { align-items: flex-start; width: 100%; }
  .tpl-group { grid-template-columns: 1fr; }
  .tpl-group__sticky { position: static; }
  .tpl-intro { grid-template-columns: 1fr; }
  .tpl-intro__img { max-height: 220px; }
}
@media (max-width: 640px) {
  .tpl-grid--2, .tpl-grid--3 { grid-template-columns: 1fr; }
}
/* Grup şeridi: sarı makine görseli sarı zeminde kaybolmasın diye antrasit zemin */
.tpl-intro { background: #1d1d1b; color: #f4f4f1; }
.tpl-intro .tpl-eyebrow { color: var(--nk-orange); }
.tpl-intro__text { color: rgba(255, 255, 255, .82); font-weight: 400; }
.tpl-intro__back { color: #fff; }
.tpl-intro__back:hover { color: var(--nk-orange); }
.tpl-intro__img { mix-blend-mode: normal; filter: drop-shadow(0 26px 24px rgba(0, 0, 0, .45)); }
.tpl-stripes i:nth-child(1) { background: rgba(255, 210, 0, .12); }
.tpl-stripes i:nth-child(2) { background: rgba(255, 210, 0, .22); }
.tpl-stripes i:nth-child(3) { background: var(--nk-orange); }

/* ══════════════════════════════════════════
   İÇ SAYFA BAŞLIĞI — eski koyu "page hero" yerine Kurumsal sayfasıyla aynı
   breadcrumb şeridi (.nk-crumbs-bar) + açık zeminde başlık (.tpl-head yapısı)
══════════════════════════════════════════ */
.nk-pagehead { background: #fbfaf7; color: var(--tk-ink); font-family: var(--nk-font); }
.nk-pagehead .tpl-head__text { max-width: 62rem; }
.nk-pagehead .tpl-title { max-width: 26ch; }
.nk-pagehead .tpl-title em { font-style: normal; }
.nk-pagehead__sub { margin: 1.1rem 0 0; max-width: 64ch; font-size: clamp(.95rem, 1.1vw, 1.05rem); font-weight: 400; line-height: 1.7; color: rgba(29, 29, 27, .68); }
/* Şerit zaten üst menü boşluğunu bırakıyor; altındaki bölümler ikinci kez boşluk eklemesin */
.nk-crumbs-bar + .nka,
.nk-crumbs-bar + .nwh { padding-top: 0; }
.nk-crumbs-bar + .nka { min-height: calc(100svh - var(--nk-nav)); }

/* ══════════════════════════════════════════════════════════════
   ARAMA PANELİ — tüm ekranlarda tam ekran antrasit panel: sarı çizgili etiket,
   büyük arama satırı (sarı alt çizgi + sarı düğme), öneriler beyaz kart listesi,
   arama boşken ürün grupları kısayolları. Panel açılışta header'ın dışına (body'ye) taşınır; header içindeyken
   sabit konum header'a göre hesaplandığı için ekranı kaplayamıyordu.
══════════════════════════════════════════════════════════════ */
html.nb-search-lock, html.nb-search-lock body { overflow: hidden; }
.nb-msearch__top, .nb-msearch__quick { display: none; }
body > #nb-search-drop {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  z-index: 1400 !important;
  width: auto !important;
  max-width: none !important;
  display: none !important;
  padding: clamp(1.2rem, 4vh, 2.6rem) var(--nk-pad) 3rem !important;
  overflow-y: auto;
  background:
    url('img/site/barbed-grid-dark.svg') right -1px top -1px / 160px 160px repeat,
    rgba(12, 12, 11, .97) !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
body > #nb-search-drop.open { display: flex !important; flex-direction: column; align-items: center; animation: nbSearchIn .35s cubic-bezier(.22, 1, .36, 1); }
@keyframes nbSearchIn { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: none; } }
body > #nb-search-drop > * { width: 100%; max-width: 960px; }

body > #nb-search-drop .nb-msearch__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: clamp(2rem, 8vh, 5rem); }
body > #nb-search-drop .nb-msearch__label { display: flex; align-items: center; gap: .8rem; font-size: .7rem; font-weight: 700; letter-spacing: .26em; text-transform: uppercase; color: var(--nk-orange); }
body > #nb-search-drop .nb-msearch__label::before { content: ''; width: 34px; height: 2px; background: currentColor; }
body > #nb-search-drop .nb-msearch__close { display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 1px solid rgba(255, 255, 255, .25) !important; background: none !important; color: #fff !important; cursor: pointer; transition: background .25s, color .25s, border-color .25s; }
body > #nb-search-drop .nb-msearch__close:hover { background: var(--nk-orange) !important; border-color: var(--nk-orange) !important; color: var(--tk-ink) !important; }

body > #nb-search-drop form {
  display: flex !important;
  align-items: center;
  gap: clamp(.7rem, 1.6vw, 1.2rem);
  padding: 0 0 .9rem !important;
  border: 0 !important;
  border-bottom: 2px solid rgba(255, 255, 255, .28) !important;
  background: none !important;
  transition: border-color .3s;
}
body > #nb-search-drop form:focus-within { border-bottom-color: var(--nk-orange) !important; }
body > #nb-search-drop .nb-search-drop__icon { position: static !important; transform: none !important; flex: none; width: clamp(20px, 2.4vw, 28px); height: clamp(20px, 2.4vw, 28px); color: rgba(255, 255, 255, .55) !important; }
body > #nb-search-drop input::-webkit-search-cancel-button,
body > #nb-search-drop input::-webkit-search-decoration { -webkit-appearance: none; appearance: none; display: none; }
body > #nb-search-drop input {
  flex: 1;
  min-width: 0;
  height: auto !important;
  padding: .2rem 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  font-family: var(--nk-font);
  font-size: clamp(1.35rem, 3.2vw, 2.6rem) !important;
  font-weight: 600 !important;
  letter-spacing: -.02em;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  caret-color: var(--nk-orange);
}
body > #nb-search-drop input::placeholder { color: rgba(255, 255, 255, .35) !important; -webkit-text-fill-color: rgba(255, 255, 255, .35); font-weight: 500; }
body > #nb-search-drop button[type="submit"] {
  display: inline-flex !important;
  align-items: center;
  gap: .6rem;
  flex: none;
  height: auto !important;
  padding: .9rem 1.3rem !important;
  border: 0 !important;
  background: var(--nk-orange) !important;
  color: var(--tk-ink) !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  cursor: pointer;
  transition: background .25s, color .25s, gap .25s;
}
body > #nb-search-drop button[type="submit"]:hover { background: #fff !important; gap: .9rem; }

/* Öneriler */
body > #nb-search-drop .nb-suggest {
  position: static !important;
  width: 100% !important;
  max-height: none !important;
  margin-top: 1.4rem !important;
  border: 0 !important;
  background: #fff !important;
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .6) !important;
}
body > #nb-search-drop .nb-suggest__item { gap: 1rem; padding: .85rem 1.1rem; border-bottom: 1px solid rgba(29, 29, 27, .08); color: var(--tk-ink) !important; text-decoration: none; }
body > #nb-search-drop .nb-suggest__item:hover { background: #fff8d6; }
body > #nb-search-drop .nb-suggest__item img { width: 64px; height: 48px; padding: 4px; background: #efece7; mix-blend-mode: multiply; }
body > #nb-search-drop .nb-suggest__body b { font-size: .95rem; font-weight: 600; color: var(--tk-ink); }
body > #nb-search-drop .nb-suggest__meta em { color: var(--nk-accent-ink); font-weight: 700; letter-spacing: .04em; }
body > #nb-search-drop .nb-suggest__all { padding: .95rem; background: var(--tk-ink); color: var(--nk-orange) !important; letter-spacing: .12em; text-decoration: none; }
body > #nb-search-drop .nb-suggest__all:hover { color: #fff !important; }

/* Arama boşken: ürün grupları */
body > #nb-search-drop .nb-msearch__quick { display: block; margin-top: clamp(2rem, 6vh, 3.4rem); }
body > #nb-search-drop:has(.nb-suggest:not([hidden])) .nb-msearch__quick { display: none; }
body > #nb-search-drop .nb-msearch__quick p { margin: 0 0 1rem; font-size: .7rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: rgba(255, 255, 255, .5); }
body > #nb-search-drop .nb-msearch__quick ul { display: flex; flex-wrap: wrap; gap: .6rem; margin: 0; padding: 0; list-style: none; }
body > #nb-search-drop .nb-msearch__quick a {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .7rem 1.05rem;
  border: 1px solid rgba(255, 255, 255, .18);
  font-size: .82rem;
  font-weight: 500;
  color: rgba(255, 255, 255, .85) !important;
  text-decoration: none;
  transition: background .25s, color .25s, border-color .25s;
}
body > #nb-search-drop .nb-msearch__quick a::before { content: ''; width: 6px; height: 6px; background: var(--nk-orange); }
body > #nb-search-drop .nb-msearch__quick a:hover { background: var(--nk-orange); border-color: var(--nk-orange); color: var(--tk-ink) !important; }
body > #nb-search-drop .nb-msearch__quick a:hover::before { background: var(--tk-ink); }
[dir=rtl] body > #nb-search-drop button[type="submit"] svg { transform: scaleX(-1); }
@media (max-width: 640px) {
  body > #nb-search-drop button[type="submit"] span { display: none; }
  body > #nb-search-drop button[type="submit"] { padding: .8rem !important; }
}
body > #nb-search-drop .nb-suggest { overflow: visible !important; flex: none; }
/* Ürünler sayfası: arama önerileri yapışkan grup sekmelerinin üstünde açılsın */
.tpl-head { z-index: 25; }
.tpl-search__suggest { z-index: 60; }
.tpl-search__suggest { border: 0 !important; box-shadow: 0 26px 50px -24px rgba(29, 29, 27, .5) !important; border-top: 3px solid var(--nk-orange) !important; }
.tpl-search__suggest .nb-suggest__item:hover { background: #fff8d6; }
.tpl-search__suggest .nb-suggest__item img { width: 56px; height: 42px; background: #efece7; mix-blend-mode: multiply; }
.tpl-search__suggest .nb-suggest__meta em { color: var(--nk-accent-ink); }
.tpl-search__suggest .nb-suggest__all { background: var(--tk-ink); color: var(--nk-orange); }
/* Hero: mobil görsel telefonda, video masaüstünde */
.tz__media picture { display: contents; }
@media (max-width: 767.98px) { .tz__bg--desk { display: none; } }
@media (min-width: 768px) { .tz__bg--mob { display: none; } }

/* 404 sayfası */
.t404 .tpl-head { min-height: 52vh; align-items: center; }
.t404__text { margin: 1.2rem 0 1.8rem; max-width: 52ch; font-size: .95rem; line-height: 1.75; color: rgba(29, 29, 27, .7); }
.t404__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.6rem; }
.t404__btn { padding: .95rem 1.4rem; background: var(--nk-orange); color: var(--tk-ink); font-size: .82rem; font-weight: 700; text-decoration: none; }
.t404__btn:hover { background: var(--tk-ink); color: #fff; }
.t404__link { padding-bottom: .2rem; border-bottom: 1px solid var(--nk-orange); font-size: .82rem; font-weight: 700; color: var(--tk-ink); text-decoration: none; }
.t404__code { font-size: clamp(6rem, 18vw, 15rem); font-weight: 800; line-height: 1; letter-spacing: -.05em; color: transparent; -webkit-text-stroke: 1.5px rgba(29, 29, 27, .18); }
@media (max-width: 767.98px) { .t404__code { display: none; } }