/* ==========================================================================
   KG Savunma /new — KATEGORİ sayfası · pages/category.css · sahibi: katalog ajanı
   Kapsam: .tpl-category (.cx--personal | --platform | --facility | --special).
   Giriş ayarı (bayrak kuralı, platformda bölünmüş giriş) · genel bakış + künye · ürün ızgarası (kullanım süzgeci)
   · NIJ seviye haritası · standartlar + kullanım matrisi · platform: üç blok, model aileleri, STANAG haritası · diğer kategoriler.
   ========================================================================== */

/* küçük etiketler için AA (≥ 4,5:1) kontrastlı yerel tonlar: koyu zemin --lab, açık belge bandı --lab-l, açık bantta altın yazı --au-ink */
.tpl-category { --lab: #8A8D93; --lab-l: #5C5F66; --au-ink: #6E5414; }

/* ---------- giriş görseli: yazı hiçbir genişlikte bayrağın / yüzün üstüne gelmez ---------- */
/* ≤ 1000 px: yazı tam genişliğe yayılır → giriş üstte fotoğraf bandı + altta koyu zeminde yazı (yüz / konu yazının altında kalmaz).
   Bant girişin yarısı, alta doğru söner; kadraj şablondaki pos (561–1000) ve pos_m (≤ 560) ile. Platformda 1024 px aracı büyütmez. */
@media (max-width: 1000px) {
  .tpl-category .phero__media {
    inset: 0 0 auto 0; height: 54%;
    -webkit-mask-image: linear-gradient(180deg, #000 58%, transparent); mask-image: linear-gradient(180deg, #000 58%, transparent);
  }
  .tpl-category .cx--personal .phero__media img { object-position: 40% 30% !important; }
  .tpl-category .cx--platform .phero__media img { object-position: 42% 18% !important; }
  .tpl-category .cx--facility .phero__media img { object-position: 56% 24% !important; }
  [dir="rtl"] .tpl-category .cx--facility .phero__media img { object-position: 26% 34% !important; }
  .tpl-category .cx--special .phero__media img { object-position: 30% 45% !important; }
}
@media (max-width: 560px) {
  .tpl-category .phero { min-height: 100svh; }
  .tpl-category .phero__media { height: 50%; }
  .tpl-category .phero__media img, [dir="rtl"] .tpl-category .phero__media img { object-position: var(--pos-m, 50% 30%) !important; }
}
@media (min-width: 1001px) and (max-width: 1240px) { .tpl-category .cx--platform .phero__lead { max-width: min(29em, 38vw); } }
/* masaüstü (≥ 1001): yazı ortalı içerik sütununda (en çok 1520 px) kalırken fotoğraf ekranla büyüyordu → konu (yüz, kask) başlığın
   ve girişin altına kayıyordu. Fotoğraf içerik sütununa demirlenir: kutu yazı tarafında max(8vw, 50vw − 600px) içeriden başlar,
   kenarı koyu zemine söner; konu her genişlikte yazının karşısında kalır (geniş ekranda büyütme de azalır). */
@media (min-width: 1001px) {
  .tpl-category .cx:not(.cx--platform) .phero__media {
    inset-inline-start: max(8vw, calc(50vw - 600px));
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 24%); mask-image: linear-gradient(90deg, transparent 0%, #000 24%);
  }
  [dir="rtl"] .tpl-category .cx:not(.cx--platform) .phero__media { -webkit-mask-image: linear-gradient(270deg, transparent 0%, #000 24%); mask-image: linear-gradient(270deg, transparent 0%, #000 24%); }
}
@media (min-width: 1001px) and (max-width: 1500px) {
  [dir="rtl"] .tpl-category .cx--facility .phero__title { max-width: 11ch; }
}
/* dar masaüstü: giriş metni fotoğraftaki konunun (asker gövdesi) üstüne uzanmasın */
@media (min-width: 1001px) and (max-width: 1240px) {
  .tpl-category .cx--facility .phero__lead { max-width: min(36em, 44vw); }
}
@media (min-width: 1001px) {
  [dir="rtl"] .tpl-category .cx--personal .phero__media img { object-position: 100% 35% !important; }
  [dir="rtl"] .tpl-category .cx--facility .phero__lead { max-width: min(30em, 36vw); }
  /* platform: bölünmüş giriş — fotoğraf satır sonu tarafında (%56), kenarı koyu zemine ve teknik ızgaraya söner; yazı koyu tarafta.
     (CAT_MEDIA platform görseli dikey bir kare: genişliğe göre ölçeklenir, büyütme yok; baş hizası pos ile) */
  .tpl-category .cx--platform .phero::before {
    content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
    background-image: linear-gradient(rgba(236,234,228,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(236,234,228,.045) 1px, transparent 1px);
    background-size: 56px 56px;
    -webkit-mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.6) 30%, transparent 56%); mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.6) 30%, transparent 56%);
  }
  [dir="rtl"] .tpl-category .cx--platform .phero::before {
    -webkit-mask-image: linear-gradient(270deg, #000 0%, rgba(0,0,0,.6) 30%, transparent 56%); mask-image: linear-gradient(270deg, #000 0%, rgba(0,0,0,.6) 30%, transparent 56%);
  }
  .tpl-category .cx--platform .phero__media {
    inset-inline-start: max(44%, calc(50vw - 120px));
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30%); mask-image: linear-gradient(90deg, transparent 0%, #000 30%);
  }
  [dir="rtl"] .tpl-category .cx--platform .phero__media { -webkit-mask-image: linear-gradient(270deg, transparent 0%, #000 30%); mask-image: linear-gradient(270deg, transparent 0%, #000 30%); }
  .tpl-category .cx--platform .phero__lead { max-width: 29em; }
  .tpl-category .cx--platform .phero__media img { object-position: 50% 22% !important; }
  .tpl-category .cx--platform .phero .cine__scrim { background: linear-gradient(180deg, rgba(6,7,8,.6) 0%, rgba(6,7,8,0) 22%, rgba(6,7,8,0) 62%, rgba(6,7,8,.88) 100%); }
}
.tpl-category .phero__meta b { font-weight: 600; }

/* ---------- ortak bölüm başlığı ---------- */
.tpl-category .nmap__head, .tpl-category .cstd__head, .tpl-category .smap__head, .tpl-category .cxm__head {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 30em); align-items: end; gap: 20px 64px; margin-bottom: clamp(32px, 4vw, 60px);
}
.tpl-category .nmap__head > div > * + *, .tpl-category .cstd__head > div > * + *, .tpl-category .smap__head > div > * + *, .tpl-category .cxm__head > div > * + * { margin-top: 18px; }
.tpl-category .nmap__lead, .tpl-category .cstd__lead, .tpl-category .smap__lead { justify-self: end; }
.tpl-category .cxm__head { grid-template-columns: minmax(0, 1fr) auto; }
.tpl-category .cxm__all { justify-self: end; }
@media (max-width: 900px) {
  .tpl-category .nmap__head, .tpl-category .cstd__head, .tpl-category .smap__head, .tpl-category .cxm__head { grid-template-columns: minmax(0, 1fr); }
  .tpl-category .nmap__lead, .tpl-category .cstd__lead, .tpl-category .smap__lead, .tpl-category .cxm__all { justify-self: start; }
}

/* ==========================================================================
   01 · Genel bakış + kategori künyesi (HUD panel)
   ========================================================================== */
.tpl-category .cxi__in { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr); gap: 44px clamp(40px, 6vw, 110px); align-items: start; }
.tpl-category .cxi__txt > * + * { margin-top: 20px; }
.tpl-category .cxi__txt .t-body { max-width: 40em; }
.tpl-category .cxs {
  --c: 20px; position: relative; padding: 30px 30px 18px; background: linear-gradient(180deg, var(--k3), var(--k2));
  clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%);
}
[dir="rtl"] .tpl-category .cxs { clip-path: polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c)); }
.tpl-category .cxs__h { font-family: var(--f-m); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--au); padding-inline-start: 22px; }
.tpl-category .cxs__dl { margin-top: 16px; }
.tpl-category .cxs__row { padding: 14px 0 16px; border-top: 1px solid var(--line); }
.tpl-category .cxs__row dt { font-family: var(--f-m); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--lab); }
.tpl-category .cxs__row dd { margin-top: 8px; font-size: 15px; font-weight: 550; color: var(--fg); }
.tpl-category .cxs__row--big { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.tpl-category .cxs__row--big dd { margin: 0; font-family: var(--f-d); font-stretch: 75%; font-weight: 850; font-size: clamp(64px, 6vw, 96px); line-height: .8; color: #fff; font-variant-numeric: lining-nums proportional-nums; }
.tpl-category .cxs__sep { color: var(--fg3); }
.tpl-category .cxs__lv { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.tpl-category .cxs__lvi { display: inline-flex; align-items: center; font-family: var(--f-m); font-size: 13.5px; font-weight: 600; }
.tpl-category .cxs__uses { display: flex; flex-wrap: wrap; gap: 6px; }
.tpl-category .cxs__uses li { padding: 4px 10px; border: 1px solid var(--line2); font-size: 13px; font-weight: 500; color: var(--fg2); }
@media (max-width: 960px) { .tpl-category .cxi__in { grid-template-columns: minmax(0, 1fr); } }

/* ==========================================================================
   02 · Ürünler (+ kişisel korumada kullanım süzgeci)
   ========================================================================== */
.tpl-category .cxp__head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 24px 48px; margin-bottom: clamp(28px, 3.4vw, 50px); }
.tpl-category .cxp__head > div > * + * { margin-top: 18px; }
.tpl-category .cg-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; max-width: 100%; }
.tpl-category .cg-bar__lab { font-family: var(--f-m); font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--lab); }
.tpl-category .cg-bar__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.tpl-category .cg-bar__count { display: flex; align-items: baseline; padding-inline-start: 16px; border-inline-start: 1px solid var(--line); font-family: var(--f-d); font-stretch: 75%; font-weight: 820; line-height: .85; }
.tpl-category .cg-bar__count b { font-size: 44px; font-weight: 820; color: var(--au); font-variant-numeric: lining-nums proportional-nums; }
.tpl-category .cg-bar__count span { font-size: 19px; color: var(--fg3); margin-inline-start: 2px; }

/* pahlı çip (ürünler sayfasıyla aynı dil) */
.tpl-category .cf-chip {
  --c: 8px; position: relative; isolation: isolate; flex: none; display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 14px;
  font-family: var(--f); font-size: 12px; font-weight: 650; font-stretch: 110%; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; color: var(--fg);
  transition: color var(--t1) var(--ease);
}
.tpl-category .cf-chip::before, .tpl-category .cf-chip::after { content: ""; position: absolute; transition: background-color var(--t1) var(--ease); }
.tpl-category .cf-chip::before { inset: 0; z-index: -2; background: var(--line2); clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%); }
.tpl-category .cf-chip::after { inset: 1px; z-index: -1; background: var(--k2); clip-path: polygon(0 0, calc(100% - var(--c) + .41px) 0, 100% calc(var(--c) - .41px), 100% 100%, 0 100%); }
[dir="rtl"] .tpl-category .cf-chip::before { clip-path: polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c)); }
[dir="rtl"] .tpl-category .cf-chip::after { clip-path: polygon(calc(var(--c) - .41px) 0, 100% 0, 100% 100%, 0 100%, 0 calc(var(--c) - .41px)); }
.tpl-category .cf-chip:hover::before { background: var(--au); }
.tpl-category .cf-chip[aria-pressed="true"] { color: #0B0C0F; }
.tpl-category .cf-chip[aria-pressed="true"]::before, .tpl-category .cf-chip[aria-pressed="true"]::after { background: var(--au); }
.tpl-category .cf-chip__n { font-family: var(--f-m); font-size: 11.5px; font-weight: 500; letter-spacing: 0; opacity: .62; }

/* ızgara */
.tpl-category .cxp__grid { position: relative; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); }
.tpl-category .cxp__grid--facility, .tpl-category .cxp__grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tpl-category .cxp__grid--special { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1100px) { .tpl-category .cxp__grid--special { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .tpl-category .cxp__grid--facility, .tpl-category .cxp__grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.tpl-category .cg-item, .tpl-category .cxp__cell { position: relative; display: flex; min-width: 0; }
.tpl-category .cg-item > .pcard, .tpl-category .cxp__cell > .pcard { width: 100%; }
.tpl-category .cg-item::after {
  content: attr(data-no); position: absolute; z-index: 3; inset-block-start: 14px; inset-inline-start: 16px; pointer-events: none;
  font-family: var(--f-m); font-size: 11px; letter-spacing: .14em; color: rgba(236,234,228,.56); text-shadow: 0 1px 2px rgba(0,0,0,.65);
}
.tpl-category .cg-item.cf-pre { opacity: 0; }
.tpl-category .cg-ghost { pointer-events: none; }
.tpl-category .cxp .pcard { background: var(--k3); }
.tpl-category .pcard__media { min-height: 0; overflow: hidden; }
.tpl-category .pvis__tag { text-wrap: balance; }
.tpl-category .pvis--photo img { filter: saturate(.8) contrast(1.06) brightness(.84); }
.tpl-category .pcard:hover .pvis--photo img { filter: saturate(.94) contrast(1.04) brightness(.95); }
.tpl-category .pvis--photo::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(120% 90% at 50% 45%, rgba(6,7,8,0) 55%, rgba(6,7,8,.45) 100%); }
/* yer tutuculu kartlar (tesis / özel): daha büyük teknik kart */
.tpl-category .cx--facility .pcard__media, .tpl-category .cx--special .pcard__media { aspect-ratio: 16 / 11; }
.tpl-category .cx--facility .pvis--ph, .tpl-category .cx--special .pvis--ph {
  background:
    radial-gradient(70% 70% at 50% 42%, rgba(245,200,66,.13) 0%, rgba(245,200,66,0) 70%),
    repeating-linear-gradient(135deg, rgba(236,234,228,.025) 0 2px, transparent 2px 14px),
    linear-gradient(180deg, #1A1D24 0%, #101216 100%);
}
/* teklif kartı (ızgara boşluğunu doldurur) */
.tpl-category .cg-cta {
  --c: 18px; position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; min-width: 0; min-height: 320px;
  padding: clamp(26px, 2.4vw, 34px); overflow: hidden;
  background: radial-gradient(90% 80% at 85% 10%, rgba(245,200,66,.16) 0%, rgba(245,200,66,0) 60%), linear-gradient(180deg, #1A1D24, #121419);
  box-shadow: inset 0 0 0 1px rgba(245,200,66,.28);
  clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%);
}
[dir="rtl"] .tpl-category .cg-cta { clip-path: polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c)); }
.tpl-category .cg-cta.cf-pre { opacity: 0; }
.tpl-category .cg-cta__mark { position: absolute; z-index: -1; inset-block-end: -18%; inset-inline-end: -12%; inline-size: 72%; height: auto; color: rgba(245,200,66,.07); }
.tpl-category .cg-cta__k { margin-top: 8px; }
.tpl-category .cg-cta__t { font-family: var(--f-d); font-stretch: 75%; font-weight: 820; font-size: clamp(28px, 2.3vw, 38px); line-height: .95; text-transform: uppercase; letter-spacing: .004em; text-wrap: balance; }
.tpl-category .cg-cta__t em { font-style: normal; color: var(--au); }
.tpl-category .cg-cta__p { color: var(--fg2); font-size: 15px; line-height: 1.55; }
.tpl-category .cg-cta__btn { margin-top: auto; }
/* satırın kalan hücrelerine yayılınca (JS .is-wide): yatay kompozisyon — başlık solda, metin + düğme sağda */
.tpl-category .cg-cta.is-wide {
  display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); grid-template-areas: "k ." "t p" "t b";
  align-items: end; align-content: center; column-gap: clamp(32px, 4vw, 72px); row-gap: 14px; min-height: 0; padding: clamp(28px, 3vw, 48px);
}
.tpl-category .cg-cta.is-wide .cg-cta__k { grid-area: k; }
.tpl-category .cg-cta.is-wide .cg-cta__t { grid-area: t; align-self: end; font-size: clamp(34px, 3.2vw, 54px); max-width: 20ch; }
.tpl-category .cg-cta.is-wide .cg-cta__p { grid-area: p; max-width: 30em; }
.tpl-category .cg-cta.is-wide .cg-cta__btn { grid-area: b; justify-self: start; margin-top: 4px; }
.tpl-category .cg-cta.is-wide .cg-cta__mark { inline-size: 300px; inset-block-end: -40%; inset-inline-end: 30%; }
@media (max-width: 760px) {
  .tpl-category .cg-cta.is-wide { grid-template-columns: minmax(0, 1fr); grid-template-areas: "k" "t" "p" "b"; }
}
[lang="ar"] .tpl-category .cg-cta.is-wide .cg-cta__t { font-size: clamp(24px, 2.4vw, 36px); max-width: 20ch; }
.tpl-category .cxp__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 40px; margin-top: clamp(32px, 4vw, 56px); padding-top: 22px; border-top: 1px solid var(--line); font-size: 14px; color: var(--fg2); }
.tpl-category .cxp__legend { display: flex; align-items: center; gap: 12px; }
.tpl-category .cxp__legend .tag { --tagbg: var(--k2); }
.tpl-category .cxp__docs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; }

@media (max-width: 639px) {
  .tpl-category .cxp__grid, .tpl-category .cxp__grid--facility, .tpl-category .cxp__grid--special, .tpl-category .cxp__grid--3 { grid-template-columns: minmax(0, 1fr); row-gap: 10px; }
  .tpl-category .cxp .pcard { --c: 14px; flex-direction: row; min-height: 172px; }
  .tpl-category .cxp .pcard__media { position: relative; flex: 0 0 36%; aspect-ratio: auto; }
  .tpl-category .cxp .pcard__media > .pvis { position: absolute; inset: 0; }
  .tpl-category .cxp .pcard__body { gap: 7px; min-width: 0; padding: 14px 14px 12px; padding-inline: 16px 14px; }
  .tpl-category .cxp .pcard__cat { display: none; }
  .tpl-category .cxp .pcard__name { font-size: 21px; }
  .tpl-category .cxp .pcard__desc { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 13.5px; line-height: 1.45; }
  .tpl-category .cxp .pcard__foot { justify-content: flex-end; padding-top: 4px; }
  .tpl-category .cxp .pcard__more { display: none; }
  .tpl-category .cxp .pcard__add { min-height: 32px; }
  .tpl-category .cxp .pvis__tag { padding: 0 8px; font-size: 16px; }
  .tpl-category .cxp .pvis__mark { inline-size: 18px; inset-block-end: 10px; inset-inline-end: 10px; }
  .tpl-category .cxp .pvis__grid { background-size: 18px 18px; }
  .tpl-category .cg-item::after { inset-block-start: 10px; inset-inline-start: 10px; font-size: 10px; }
  .tpl-category .cg-bar { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "lab count" "chips chips"; align-items: center; gap: 10px 12px; width: 100%; }
  .tpl-category .cg-bar__lab { grid-area: lab; }
  .tpl-category .cg-bar__count { grid-area: count; }
  .tpl-category .cg-bar__chips {
    grid-area: chips; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-block: 6px; margin-block: -6px; margin-inline: calc(-1 * var(--m)); padding-inline: var(--m);
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--m), #000 calc(100% - 28px), transparent); mask-image: linear-gradient(90deg, transparent 0, #000 var(--m), #000 calc(100% - 28px), transparent);
  }
  [dir="rtl"] .tpl-category .cg-bar__chips { -webkit-mask-image: linear-gradient(270deg, transparent 0, #000 var(--m), #000 calc(100% - 28px), transparent); mask-image: linear-gradient(270deg, transparent 0, #000 var(--m), #000 calc(100% - 28px), transparent); }
  .tpl-category .cg-bar__chips::-webkit-scrollbar { display: none; }
  .tpl-category .phero__media::before { content: ""; position: absolute; inset: 0; z-index: 1; background: rgba(6,7,8,.24); pointer-events: none; }
  .tpl-category .cg-cta { min-height: 0; }
  .tpl-category .cg-bar__count b { font-size: 30px; }
  .tpl-category .cg-bar__count span { font-size: 14px; }
}

/* açık bantta başlık vurgusu: ortak kutu gölgesi .9 satır aralığında alt satırın üstüne biniyordu → taban çizgisine bağlı altın alt çizgi */
.tpl-category .light .t-h2 em {
  box-shadow: none; text-decoration-line: underline; text-decoration-color: var(--au); text-decoration-thickness: .1em;
  text-underline-offset: .05em; text-decoration-skip-ink: none;
}

/* ==========================================================================
   03a · NIJ seviye haritası (kişisel koruma; açık belge bandı)
   ========================================================================== */
.tpl-category .nmap__t { width: 100%; font-size: 15px; line-height: 1.45; font-variant-numeric: tabular-nums lining-nums; }
.tpl-category .nmap__t thead th { padding: 0 16px 14px 0; padding-inline: 0 16px; border-bottom: 1px solid var(--line2); text-align: start; font-family: var(--f-m); font-size: 10.5px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--lab-l); }
.tpl-category .nmap__t tbody th, .tpl-category .nmap__t tbody td { padding: 20px 0; padding-inline: 0 18px; border-bottom: 1px solid var(--line); text-align: start; vertical-align: middle; }
.tpl-category .nmap__t tbody th { width: 10%; }
@media (min-width: 761px) {
  .tpl-category .nmap__t td:nth-child(2), .tpl-category .nmap__t td:nth-child(3) { white-space: nowrap; }
}
.tpl-category .nmap__lvl { font-family: var(--f-d); font-stretch: 75%; font-weight: 850; font-size: clamp(34px, 3vw, 46px); line-height: .9; }
.tpl-category .nmap__t tr.is-off .nmap__lvl { color: var(--fg3); }
.tpl-category .nmap__t td:nth-child(3) { font-family: var(--f-m); font-size: 13.5px; }
.tpl-category .nmap__t td:nth-child(4) { width: 18%; }
.tpl-category .nmap__e { display: block; font-family: var(--f-m); font-size: 13px; font-weight: 600; }
.tpl-category .nmap__bar { display: block; height: 6px; margin-top: 8px; background: rgba(17,19,24,.08); }
.tpl-category .nmap__bar i { display: block; height: 100%; inline-size: var(--w); background: var(--ink); transform-origin: var(--o, left); }
[dir="rtl"] .tpl-category .nmap__bar i { --o: right; }
.tpl-category .nmap__t tr.is-off .nmap__bar i { background: rgba(17,19,24,.28); }
.tpl-category .nmap__list { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.tpl-category .nmap__list a { display: inline-flex; align-items: center; font-weight: 650; color: var(--ink); background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; padding-bottom: 2px; transition: background-size var(--t2) var(--ease-out); }
.tpl-category .nmap__list a:hover { background-size: 100% 1px; }
[dir="rtl"] .tpl-category .nmap__list a { background-position: 100% 100%; }
.tpl-category .light .streak { background: #C99A1E; }
.tpl-category .nmap__prods > span[aria-hidden] { color: var(--fg3); }
.tpl-category .nmap__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 40px; margin-top: 26px; font-size: 14px; color: var(--fg2); }
.tpl-category .nmap__legend { display: flex; align-items: center; }
@media (prefers-reduced-motion: no-preference) {
  .js .tpl-category .nmap__wrap[data-reveal] .nmap__bar i { transform: scaleX(0); transition: transform 1.2s var(--ease-out); }
  .js .tpl-category .nmap__wrap[data-reveal].is-in .nmap__bar i { transform: none; }
  .js .tpl-category .nmap__wrap[data-reveal].is-in tr:nth-child(2) .nmap__bar i { transition-delay: 90ms; }
  .js .tpl-category .nmap__wrap[data-reveal].is-in tr:nth-child(3) .nmap__bar i { transition-delay: 180ms; }
  .js .tpl-category .nmap__wrap[data-reveal].is-in tr:nth-child(4) .nmap__bar i { transition-delay: 270ms; }
  .js .tpl-category .nmap__wrap[data-reveal].is-in tr:nth-child(5) .nmap__bar i { transition-delay: 360ms; }
}
@media (max-width: 760px) {   /* satırlar kart olur: etiketler data-label'dan */
  .tpl-category .nmap__t thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .tpl-category .nmap__t, .tpl-category .nmap__t tbody, .tpl-category .nmap__t tr { display: block; }
  .tpl-category .nmap__t tr { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 18px; padding: 18px 0; border-bottom: 1px solid var(--line); }
  .tpl-category .nmap__t tbody th, .tpl-category .nmap__t tbody td { display: block; width: auto !important; padding: 0; border: 0; }
  .tpl-category .nmap__t tbody th { grid-row: span 4; }
  .tpl-category .nmap__t tbody td::before { content: attr(data-label); display: block; margin-bottom: 2px; font-family: var(--f-m); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--lab-l); }
  .tpl-category .nmap__t tbody td + td { margin-top: 10px; }
}

/* ==========================================================================
   03b · Standartlar + kullanım matrisi (tesis / özel; açık belge bandı)
   ========================================================================== */
.tpl-category .cstd__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(12px, 1.3vw, 20px); }
.tpl-category .scard {
  --c: 18px; position: relative; display: flex; flex-direction: column; gap: 14px; min-width: 0; padding: clamp(22px, 2.2vw, 32px);
  background: #F6F5F1; box-shadow: inset 0 0 0 1px var(--line); clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%);
}
[dir="rtl"] .tpl-category .scard { clip-path: polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c)); }
.tpl-category .scard::before { content: ""; position: absolute; inset-inline-start: 0; top: 0; width: 46px; height: 3px; background: var(--au); }
.tpl-category .scard__code { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 14px; font-family: var(--f-d); font-stretch: 75%; font-weight: 850; font-size: clamp(30px, 2.6vw, 40px); line-height: .92; text-transform: uppercase; color: var(--ink); }
.tpl-category .scard__i { font-family: var(--f-m); font-size: 11px; font-weight: 500; letter-spacing: .14em; color: var(--au-ink); }
.tpl-category .scard__t { font-size: 16.5px; font-weight: 650; line-height: 1.35; color: var(--ink); }
.tpl-category .scard__p { font-size: 15px; line-height: 1.6; color: var(--fg2); text-wrap: pretty; }
.tpl-category .scard__scale { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 4px; align-items: end; padding-block: 6px 2px; }
.tpl-category .scard__scale li { display: grid; gap: 6px; justify-items: center; font-family: var(--f-m); font-size: 10.5px; font-weight: 600; color: var(--ink); }
.tpl-category .scard__step { display: block; inline-size: 100%; block-size: calc(8px + var(--k) * 7px); background: var(--ink); opacity: calc(.18 + var(--k) * .1); transform-origin: 50% 100%; }
.tpl-category .scard__scale--nij .scard__step { block-size: calc(10px + var(--k) * 9px); opacity: .16; }
.tpl-category .scard__scale--nij li.is-on .scard__step { opacity: 1; background: #C99A1E; }
.tpl-category .scard__scale--nij li { display: grid; justify-items: center; }
.tpl-category .scard__scale--nij li .streak { display: none; }
.tpl-category .scard__prods { display: grid; margin-top: auto; padding-top: 6px; }
.tpl-category .scard__prod { display: flex; align-items: center; gap: 10px; min-height: 46px; padding-block: 8px; border-top: 1px solid var(--line); font-weight: 650; color: var(--ink); }
.tpl-category .scard__prod .arr { flex: none; transition: transform var(--t2) var(--ease-out); }
.tpl-category .scard__prod:hover .arr { transform: translateX(4px); }
[dir="rtl"] .tpl-category .scard__prod:hover .arr { transform: scaleX(-1) translateX(4px); }
.tpl-category .scard__tag { margin-inline-start: auto; font-family: var(--f-m); font-size: 10.5px; font-weight: 500; letter-spacing: .06em; color: var(--lab-l); text-align: end; }
@media (prefers-reduced-motion: no-preference) {
  .js .tpl-category .scard[data-reveal] .scard__step { transform: scaleY(0); transition: transform .9s var(--ease-out); }
  .js .tpl-category .scard[data-reveal].is-in .scard__step { transform: none; }
  .js .tpl-category .scard[data-reveal].is-in li:nth-child(2) .scard__step { transition-delay: 60ms; }
  .js .tpl-category .scard[data-reveal].is-in li:nth-child(3) .scard__step { transition-delay: 120ms; }
  .js .tpl-category .scard[data-reveal].is-in li:nth-child(4) .scard__step { transition-delay: 180ms; }
  .js .tpl-category .scard[data-reveal].is-in li:nth-child(5) .scard__step { transition-delay: 240ms; }
  .js .tpl-category .scard[data-reveal].is-in li:nth-child(6) .scard__step { transition-delay: 300ms; }
  .js .tpl-category .scard[data-reveal].is-in li:nth-child(7) .scard__step { transition-delay: 360ms; }
}
.tpl-category .cmx { margin-top: clamp(36px, 4.4vw, 64px); }
.tpl-category .cmx__t { font-family: var(--f-m); font-size: 11px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--lab-l); margin-bottom: 14px; }
.tpl-category .cmx__table { width: 100%; min-width: 560px; font-size: 14.5px; }
.tpl-category .cmx__table th, .tpl-category .cmx__table td { padding: 14px 12px; border-bottom: 1px solid var(--line); text-align: center; vertical-align: middle; }
.tpl-category .cmx__table thead th { font-family: var(--f-m); font-size: 10.5px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--lab-l); border-bottom-color: var(--line2); }
.tpl-category .cmx__table th:first-child { text-align: start; padding-inline-start: 0; }
.tpl-category .cmx__table tbody th a { font-weight: 650; color: var(--ink); }
.tpl-category .cmx__table tbody th a:hover { text-decoration: underline; text-underline-offset: 3px; }
.tpl-category .cmx__table .glyph { margin: 0; inline-size: 12px; block-size: 12px; color: rgba(17,19,24,.45); }
.tpl-category .cmx__table td.is-on .glyph { color: var(--ink); }
.tpl-category .cmx__table tbody tr:hover { background: rgba(17,19,24,.03); }
@media (max-width: 960px) { .tpl-category .cstd__grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) {   /* telefonda matris yerine satır = ürün + kullanım alanı çipleri (9 px sütun başlıkları sözcük ortasından kırılıyordu) */
  .tpl-category .cmx__table { min-width: 0; font-size: 14px; }
  .tpl-category .cmx__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .tpl-category .cmx__table, .tpl-category .cmx__table tbody { display: block; }
  .tpl-category .cmx__table tr { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 14px 0 16px; border-bottom: 1px solid var(--line); }
  .tpl-category .cmx__table tbody tr:hover { background: none; }
  .tpl-category .cmx__table th, .tpl-category .cmx__table td { display: block; padding: 0; border: 0; text-align: start; }
  .tpl-category .cmx__table tbody th { flex: 1 1 100%; margin-bottom: 2px; font-size: 15.5px; }
  .tpl-category .cmx__table td:not(.is-on) { display: none; }
  .tpl-category .cmx__table td.is-on::before {
    content: attr(data-label); display: inline-flex; align-items: center; min-height: 30px; padding: 4px 11px;
    border: 1px solid rgba(17,19,24,.24); background: rgba(17,19,24,.03); font-size: 13px; font-weight: 600; line-height: 1.25; color: var(--ink);
  }
  .tpl-category .cmx__table td.is-on .glyph { display: none; }
}

/* ==========================================================================
   Platform · 01 genel bakış + üç numaralı blok + model aileleri
   ========================================================================== */
.tpl-category .pov { padding-bottom: clamp(80px, 9vw, 150px); }
.tpl-category .pov__in { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 40px clamp(40px, 6vw, 110px); align-items: end; }
.tpl-category .pov__txt > * + * { margin-top: 20px; }
.tpl-category .pov__stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(20px, 3vw, 44px); }
.tpl-category .pov__st { padding: 18px 0 20px; border-top: 1px solid var(--line); }
.tpl-category .pov__st dt { font-family: var(--f-m); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--lab); }
.tpl-category .pov__u { letter-spacing: .04em; text-transform: none; }
.tpl-category .pov__st dd { margin-top: 10px; font-family: var(--f-d); font-stretch: 75%; font-weight: 850; font-size: clamp(54px, 5.4vw, 88px); line-height: .82; color: #fff; font-variant-numeric: lining-nums proportional-nums; }
.tpl-category .pov__st:nth-child(-n+2) dd { color: var(--au); }
@media (max-width: 960px) { .tpl-category .pov__in { grid-template-columns: minmax(0, 1fr); } }

.tpl-category .pblks { display: grid; gap: clamp(90px, 10vw, 170px); margin-top: clamp(110px, 11vw, 190px); }
.tpl-category .pblk__in { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); gap: 40px clamp(40px, 6vw, 110px); align-items: center; }
.tpl-category .pblk--rev .pblk__fig { order: 2; }
.tpl-category .pblk__fig { position: relative; width: 100%; max-width: 640px; margin: 0; }
.tpl-category .pblk--rev .pblk__fig { justify-self: end; }
.tpl-category .pblk__frame { --c: 28px; position: relative; z-index: 1; display: block; aspect-ratio: 640 / 500; overflow: hidden; background: var(--k0); }
.tpl-category .pblk__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.84) contrast(1.06) brightness(.9); transition: transform 1.6s var(--ease-out); }
.tpl-category .pblk__fig:hover .pblk__img { transform: scale(1.04); }
@media (prefers-reduced-motion: no-preference) {   /* görsel çerçevenin içinde büyükten oturur (taşma yok) */
  .js .tpl-category .pblk__fig[data-reveal]:not(.is-in) .pblk__img { transform: scale(1.14); }
  .js .tpl-category .pblk__fig[data-reveal] .pblk__img { transition: transform 1.8s var(--ease-out); }
}
/* kara bloğu: CAD modelinin koyu sürümü (land-2d; ürün kartlarıyla aynı görünüm) */
.tpl-category .pblk__img--land-2d { filter: saturate(.9) contrast(1.06) brightness(.96); }
.tpl-category .pvis--photo img[src*="/air-2-"] { filter: saturate(.7) contrast(1.1) brightness(.7); }
/* deniz bloğu: şematik çizim (fotoğraf yok) — koyu zemin + teknik ızgara + altın çizgi */
.tpl-category .pblk__frame--schem {
  color: var(--au);
  background:
    radial-gradient(75% 70% at 55% 48%, rgba(245,200,66,.09) 0%, rgba(245,200,66,0) 70%),
    linear-gradient(rgba(236,234,228,.05) 1px, transparent 1px) 0 0 / 32px 32px,
    linear-gradient(90deg, rgba(236,234,228,.05) 1px, transparent 1px) 0 0 / 32px 32px,
    var(--k0);
}
.tpl-category .pblk__svg { position: absolute; inset: 5% 3% 3%; width: 94%; height: 92%; overflow: visible; }
.tpl-category .pblk__sch { position: absolute; z-index: 2; inset-block-start: 16px; inset-inline-end: 22px; font-family: var(--f-m); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: rgba(236,234,228,.56); }
[lang="ar"] .tpl-category .pblk__sch { font-family: var(--f); font-size: 11.5px; letter-spacing: 0; text-transform: none; }
@media (prefers-reduced-motion: no-preference) {   /* çizim, blok göründüğünde parça parça kurulur (opaklık + konum) */
  .js .tpl-category .pblk__fig[data-reveal].is-in .pblk__svg > * { animation: cg-draw .9s var(--ease-out) both; }
  .js .tpl-category .pblk__fig[data-reveal].is-in .pblk__svg > :nth-child(n+4) { animation-delay: 120ms; }
  .js .tpl-category .pblk__fig[data-reveal].is-in .pblk__svg > :nth-child(n+7) { animation-delay: 240ms; }
  .js .tpl-category .pblk__fig[data-reveal].is-in .pblk__svg > :nth-child(n+10) { animation-delay: 360ms; }
  .js .tpl-category .pblk__fig[data-reveal].is-in .pblk__svg > :nth-child(n+14) { animation-delay: 520ms; }
  .js .tpl-category .pblk__fig[data-reveal].is-in .pblk__svg > :nth-child(n+16) { animation-delay: 700ms; }
}
@keyframes cg-draw { from { opacity: 0; transform: translateY(6px); } }
.tpl-category .pblk__scan {
  position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: repeating-linear-gradient(180deg, rgba(6,7,8,.16) 0 1px, transparent 1px 4px), radial-gradient(120% 95% at 50% 50%, rgba(6,7,8,0) 55%, rgba(6,7,8,.5) 100%);
}
.tpl-category .pblk__big {
  position: absolute; z-index: 0; inset-block-start: -.6em; inset-inline-end: -.04em; pointer-events: none;
  font-family: var(--f-d); font-stretch: 75%; font-weight: 850; font-size: clamp(150px, 15vw, 260px); line-height: .8;
  color: transparent; background: linear-gradient(180deg, rgba(245,200,66,.5), rgba(245,200,66,0) 78%); -webkit-background-clip: text; background-clip: text;
}
.tpl-category .pblk--rev .pblk__big { inset-inline-end: auto; inset-inline-start: -.04em; }
.tpl-category .pblk__k { display: flex; align-items: center; gap: 14px; }
.tpl-category .pblk__i { font-family: var(--f-m); font-size: 12px; letter-spacing: .14em; color: var(--au); }
.tpl-category .pblk__t { margin-top: 16px; font-family: var(--f-d); font-stretch: 75%; font-weight: 820; font-size: clamp(40px, 4.2vw, 68px); line-height: .9; text-transform: uppercase; letter-spacing: .004em; text-wrap: balance; }
.tpl-category .pblk__p { margin-top: 18px; max-width: 34em; font-size: clamp(16px, 1.15vw, 18px); line-height: 1.6; color: var(--fg2); }
.tpl-category .pblk__chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.tpl-category .pblk__chips .tag { --tagbg: var(--k1); min-height: 30px; padding-inline: 12px; font-size: 12px; }
.tpl-category .pmods { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 176px), 1fr)); gap: 10px; margin-top: 26px; }
.tpl-category .pmod {
  --c: 12px; position: relative; display: flex; flex-direction: column; gap: 6px; padding: 16px 16px 14px; background: var(--k3);
  clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%);
}
[dir="rtl"] .tpl-category .pmod { clip-path: polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c)); }
.tpl-category .pmod::before { content: ""; position: absolute; inset-inline-start: 0; top: 0; width: 28px; height: 2px; background: var(--au); }
.tpl-category .pmod__id { display: grid; gap: 6px; }
.tpl-category .pmod__name { font-family: var(--f-d); font-stretch: 75%; font-weight: 820; font-size: 23px; line-height: 1; text-transform: uppercase; color: #fff; }
.tpl-category .pmod__title { font-size: 13.5px; line-height: 1.4; color: var(--fg2); }
.tpl-category .pmod__dl { display: grid; gap: 4px; margin-top: auto; padding-top: 8px; }   /* künye satırları: etiket solda, değer sağda */
.tpl-category .pmod__dl > div { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 10px; background: var(--k1); }
.tpl-category .pmod__dl dt { font-family: var(--f-m); font-size: 9.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--lab); }
.tpl-category .pmod__dl dd { margin: 0; font-family: var(--f-d); font-stretch: 75%; font-weight: 800; font-size: 19px; line-height: 1; color: var(--fg); white-space: nowrap; }
.tpl-category .pblk__act { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-top: 26px; }
/* tek modelli aile (deniz, hava): dar kartın yanında boşluk kalmasın → geniş künye şeridi (ad + başlık | seviye + ağırlık) */
.tpl-category .pmods--one { grid-template-columns: minmax(0, 1fr); }
.tpl-category .pmods--one .pmod { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 16px 28px; padding: 24px 26px 22px; }
.tpl-category .pmods--one .pmod__dl dt { white-space: nowrap; }
.tpl-category .pmods--one .pmod__dl > div { gap: 18px; }
.tpl-category .pmods--one .pmod__name { font-size: clamp(30px, 2.6vw, 44px); line-height: .92; }
.tpl-category .pmods--one .pmod__title { font-size: 15px; }
.tpl-category .pmods--one .pmod__dl { margin-top: 0; padding-top: 0; }
.tpl-category .pmods--one .pmod__dl dd { font-size: 22px; }
.tpl-category .pmods--one .pmod::before { width: 46px; }
@media (max-width: 520px) { .tpl-category .pmods--one .pmod { grid-template-columns: minmax(0, 1fr); padding: 20px; } }
.tpl-category .pblk__add { min-height: 42px; padding: 0 14px; }
@media (max-width: 900px) {
  .tpl-category .pblk__in { grid-template-columns: minmax(0, 1fr); }
  .tpl-category .pblk--rev .pblk__fig { order: 0; justify-self: start; }
  .tpl-category .pblk__fig { max-width: 100%; width: 100%; }
  .tpl-category .pblk__big, .tpl-category .pblk--rev .pblk__big { font-size: 120px; inset-block-start: -.4em; inset-inline-end: 0; inset-inline-start: auto; }
}

/* ---------- Platform · 03 STANAG 4569 kinetik seviye haritası ---------- */
/* kaydırılan tablo: içteki mutlak konumlu .sr-only öğeleri kapsayıcıdan taşmasın (mobilde görünüm alanı genişlemesin) */
.tpl-category .table-scroll, .tpl-category .nmap__wrap { position: relative; }
.tpl-category .smap__t { width: 100%; min-width: 640px; font-size: 15px; }
.tpl-category .smap__t thead th { padding: 0 0 14px; padding-inline-end: 18px; border-bottom: 1px solid var(--line2); text-align: start; font-family: var(--f-m); font-size: 10.5px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--lab-l); }
.tpl-category .smap__src { margin-inline-start: 6px; color: var(--au-ink); }
.tpl-category .smap__t tbody th, .tpl-category .smap__t tbody td { padding: 18px 0; padding-inline-end: 18px; border-bottom: 1px solid var(--line); text-align: start; vertical-align: middle; }
.tpl-category .smap__t tbody th { width: 22%; }
.tpl-category .smap__lvl { display: inline-block; min-width: 1.2em; font-family: var(--f-d); font-stretch: 75%; font-weight: 850; font-size: 46px; line-height: .9; vertical-align: middle; }
.tpl-category .smap__seg { display: inline-grid; grid-template-columns: repeat(var(--m), 12px); gap: 3px; margin-inline-start: 14px; vertical-align: middle; }
.tpl-category .smap__seg i { display: block; height: 22px; background: rgba(17,19,24,.1); }
.tpl-category .smap__seg i.on { background: rgba(17,19,24,.26); }
.tpl-category .smap__t tr.is-on .smap__seg i.on { background: #C99A1E; }
.tpl-category .smap__t tr.is-off .smap__lvl { color: var(--fg3); }
.tpl-category .smap__thr { font-family: var(--f-m); font-size: 13.5px; color: var(--ink); }
.tpl-category .smap__t tr.is-off .smap__thr { color: var(--fg2); }
.tpl-category .smap__list { display: flex; flex-wrap: wrap; gap: 8px; }
.tpl-category .smap__mod { display: inline-flex; flex-direction: column; gap: 2px; padding: 8px 12px; background: var(--ink); color: var(--bone); transition: background-color var(--t1) var(--ease); }
.tpl-category .smap__mod:hover { background: #2A2E36; }
.tpl-category .smap__mod b { font-family: var(--f-d); font-stretch: 75%; font-weight: 820; font-size: 17px; line-height: 1; text-transform: uppercase; letter-spacing: .01em; }
.tpl-category .smap__mod span { font-family: var(--f-m); font-size: 10.5px; letter-spacing: .06em; color: rgba(236,234,228,.7); }
.tpl-category .smap__none { color: var(--fg3); }
@media (max-width: 760px) {   /* mobil: satırlar kart olur, yatay kaydırma gerekmez */
  .tpl-category .smap__t { min-width: 0; }
  .tpl-category .smap__t thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .tpl-category .smap__t, .tpl-category .smap__t tbody { display: block; }
  .tpl-category .smap__t tr { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px 16px; padding: 16px 0; border-bottom: 1px solid var(--line); }
  .tpl-category .smap__t tbody th, .tpl-category .smap__t tbody td { display: block; width: auto !important; padding: 0; border: 0; }
  .tpl-category .smap__t tbody th { display: flex; align-items: center; gap: 10px; }
  .tpl-category .smap__seg { margin: 0; grid-template-columns: repeat(var(--m), 8px); }
  .tpl-category .smap__seg i { height: 16px; }
  .tpl-category .smap__lvl { font-size: 38px; }
  .tpl-category .smap__thr { font-size: 12.5px; }
  .tpl-category .smap__mods { grid-column: 1 / -1; }
  .tpl-category .smap__t tr.is-off .smap__mods { display: none; }
}
.tpl-category .smap__note { display: flex; align-items: flex-start; gap: 10px; margin-top: 22px; max-width: 52em; font-size: 13.5px; color: var(--fg2); }
.tpl-category .smap__note .ico { flex: none; margin-top: 2px; }

/* ==========================================================================
   Diğer kategoriler · büyük kutular (ürünler sayfasındaki kutularla aynı dil)
   ========================================================================== */
.tpl-category .ctiles { display: grid; gap: clamp(10px, 1.1vw, 18px); }
.tpl-category .ctiles--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tpl-category .ctiles__li { display: flex; min-width: 0; }
.tpl-category .ctile { --c: 22px; position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: space-between; width: 100%; aspect-ratio: 4 / 4.3; min-height: 300px; color: #ECEAE4; outline: none; }
.tpl-category .ctile__frame { position: absolute; inset: 0; z-index: -1; overflow: hidden; background: var(--k0); clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%); }
[dir="rtl"] .tpl-category .ctile__frame { clip-path: polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c)); }
.tpl-category .ctile__media { position: absolute; inset: 0; }
/* tesis kutusu (op-cover-position): kare biraz yukarı → koldaki bayrak arması sayı yongasından ve başlıktan uzak kalır */
.tpl-category .ctile--facility .ctile__media { inset: -8% 0 auto; height: 108%; }
.tpl-category .ctile__img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.02); filter: saturate(.7) contrast(1.08) brightness(.8); transition: transform 1.6s var(--ease-out), filter var(--t3) var(--ease); }
.tpl-category .ctile__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(6,7,8,.62) 0%, rgba(6,7,8,0) 22%, rgba(6,7,8,.2) 40%, rgba(6,7,8,.82) 62%, rgba(6,7,8,.97) 100%); }
.tpl-category .ctile__frame::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 0 2px var(--au); opacity: 0; transition: opacity var(--t1) var(--ease); }
.tpl-category .ctile:focus-visible .ctile__frame::after { opacity: 1; }
.tpl-category .ctile:hover .ctile__img, .tpl-category .ctile:focus-visible .ctile__img { transform: scale(1.09); filter: saturate(.96) contrast(1.06) brightness(.9); }
.tpl-category .ctile.hud::before, .tpl-category .ctile.hud::after { transition: transform var(--t3) var(--ease-out); }
.tpl-category .ctile:hover.hud::before { transform: translate(-4px, -4px); }
.tpl-category .ctile:hover.hud::after { transform: translate(4px, 4px); }
[dir="rtl"] .tpl-category .ctile:hover.hud::before { transform: translate(4px, -4px); }
[dir="rtl"] .tpl-category .ctile:hover.hud::after { transform: translate(-4px, 4px); }
.tpl-category .ctile__top { display: flex; align-items: center; gap: 12px; padding: 24px 26px 0; padding-inline-start: 42px; }
.tpl-category .ctile__i { padding: 3px 7px 2px; margin-inline-start: -7px; background: rgba(6,7,8,.6); font-family: var(--f-m); font-size: 12px; letter-spacing: .16em; color: var(--au); }
.tpl-category .ctile__bar { flex: 0 1 64px; height: 1px; background: rgba(245,200,66,.7); transform: scaleX(.35); transform-origin: var(--o, left); transition: transform var(--t3) var(--ease-out); }
[dir="rtl"] .tpl-category .ctile__bar { --o: right; }
.tpl-category .ctile:hover .ctile__bar, .tpl-category .ctile:focus-visible .ctile__bar { transform: scaleX(1); }
.tpl-category .ctile__body { position: relative; display: grid; gap: 10px; padding: 0 26px 30px; }
.tpl-category .ctile__body::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 2px; background: var(--au); transform: scaleX(0); transform-origin: var(--o, left); transition: transform var(--t3) var(--ease-out); }
[dir="rtl"] .tpl-category .ctile__body::after { --o: right; }
.tpl-category .ctile:hover .ctile__body::after, .tpl-category .ctile:focus-visible .ctile__body::after { transform: scaleX(1); }
/* ürün sayısı: fotoğrafın aydınlık yerine düşse de okunur (dolu koyu yonga; AA) */
.tpl-category .ctile__n {
  justify-self: start; padding: 4px 9px 3px; background: rgba(6,7,8,.74); box-shadow: inset 0 0 0 1px rgba(236,234,228,.12);
  font-family: var(--f-m); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: rgba(236,234,228,.9);
}
.tpl-category .ctile__n b { color: var(--au); font-weight: 600; }
.tpl-category .ctile__name { font-family: var(--f-d); font-stretch: 75%; font-weight: 820; font-size: clamp(30px, 2.65vw, 44px); line-height: .9; text-transform: uppercase; letter-spacing: .004em; text-wrap: balance; color: #fff; }
.tpl-category .ctile__lead { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-size: 14.5px; line-height: 1.5; color: rgba(236,234,228,.78); text-wrap: pretty; }
.tpl-category .ctile__go { display: inline-flex; align-items: center; gap: 10px; margin-top: 4px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; font-stretch: 112%; color: var(--au); }
.tpl-category .ctile__go .arr { transition: transform var(--t2) var(--ease-out); }
.tpl-category .ctile:hover .ctile__go .arr { transform: translateX(5px); }
[dir="rtl"] .tpl-category .ctile:hover .ctile__go .arr { transform: scaleX(-1) translateX(5px); }
@media (max-width: 1000px) {
  .tpl-category .ctiles--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tpl-category .ctiles--3 > .ctiles__li:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .tpl-category .ctiles--3 > .ctiles__li:last-child:nth-child(odd) .ctile { aspect-ratio: 16 / 8; }
}
@media (max-width: 640px) {
  .tpl-category .ctile { --c: 14px; aspect-ratio: 3 / 4.1; min-height: 0; }
  .tpl-category .ctiles--3 > .ctiles__li:last-child:nth-child(odd) .ctile { aspect-ratio: 16 / 10; }
  .tpl-category .ctile__top { padding: 16px 14px 0; padding-inline-start: 34px; }
  .tpl-category .ctile__body { gap: 6px; padding: 0 14px 18px; }
  .tpl-category .ctile__name { font-size: clamp(22px, 6.4vw, 27px); }
  .tpl-category .ctile__lead { display: none; }
  .tpl-category .ctile__n { font-size: 10.5px; letter-spacing: .1em; }
  .tpl-category .ctile__go { font-size: 11px; gap: 6px; }
  .tpl-category .ctile.hud::before, .tpl-category .ctile.hud::after { inline-size: 12px; block-size: 12px; }
  .tpl-category .ctile.hud::before { inset-block-start: 9px; inset-inline-start: 9px; }
  .tpl-category .ctile.hud::after { inset-block-end: 9px; inset-inline-end: 9px; }
}

/* ==========================================================================
   Arapça
   ========================================================================== */
[lang="ar"] .tpl-category .cxs__h, [lang="ar"] .tpl-category .cxs__row dt, [lang="ar"] .tpl-category .cg-bar__lab, [lang="ar"] .tpl-category .cf-chip,
[lang="ar"] .tpl-category .nmap__t thead th, [lang="ar"] .tpl-category .nmap__t tbody td::before, [lang="ar"] .tpl-category .cmx__t, [lang="ar"] .tpl-category .cmx__table thead th,
[lang="ar"] .tpl-category .pov__st dt, [lang="ar"] .tpl-category .pmod__dl dt, [lang="ar"] .tpl-category .smap__t thead th,
[lang="ar"] .tpl-category .ctile__n, [lang="ar"] .tpl-category .ctile__go, [lang="ar"] .tpl-category .scard__code > span:not(.scard__i),
[lang="ar"] .tpl-category .scard__tag, [lang="ar"] .tpl-category .smap__mod span {
  letter-spacing: 0; text-transform: none; font-stretch: 100%;
}
[lang="ar"] .tpl-category .cxs__h, [lang="ar"] .tpl-category .cxs__row dt, [lang="ar"] .tpl-category .cg-bar__lab, [lang="ar"] .tpl-category .cf-chip,
[lang="ar"] .tpl-category .nmap__t thead th, [lang="ar"] .tpl-category .nmap__t tbody td::before, [lang="ar"] .tpl-category .cmx__t, [lang="ar"] .tpl-category .cmx__table thead th,
[lang="ar"] .tpl-category .pov__st dt, [lang="ar"] .tpl-category .pmod__dl dt, [lang="ar"] .tpl-category .smap__t thead th, [lang="ar"] .tpl-category .ctile__go {
  font-family: var(--f-d); font-weight: 600; font-size: 12.5px;
}
[lang="ar"] .tpl-category .cf-chip { font-size: 13px; }
[lang="ar"] .tpl-category .ctile__name, [lang="ar"] .tpl-category .pblk__t, [lang="ar"] .tpl-category .pmod__title, [lang="ar"] .tpl-category .scard__code > span:not(.scard__i) {
  font-family: var(--f-d); font-stretch: 100%; text-transform: none; letter-spacing: 0;
}
[lang="ar"] .tpl-category .ctile__name { font-size: clamp(22px, 1.9vw, 32px); line-height: 1.3; font-weight: 800; }
[lang="ar"] .tpl-category .cg-cta__t { font-family: var(--f-d); font-stretch: 100%; text-transform: none; letter-spacing: 0; font-weight: 800; font-size: clamp(21px, 1.8vw, 28px); line-height: 1.35; }
[lang="ar"] .tpl-category .pblk__t { font-size: clamp(28px, 2.8vw, 46px); line-height: 1.3; font-weight: 800; }
[lang="ar"] .tpl-category .pmod__title { font-family: var(--f); }
[lang="ar"] .tpl-category .scard__code > span:not(.scard__i) { font-size: .62em; line-height: 1.4; }
@media (max-width: 640px) { [lang="ar"] .tpl-category .ctile__name { font-size: 19px; } }

/* Arapça sayfada yer tutucu etiketi çoğunlukla Latin teknik ifade: Hubot'un dar kesimi (Kufi genişliği etkilenmez) */
[lang="ar"] .tpl-category .pvis__tag { font-stretch: 75%; line-height: 1.05; }

/* Arapça: ltr() içindeki Latin görüntü ifadeleri (model adı, seviye, değer) Hubot'un dar kesimiyle kalsın (ar.css bdi → Mona) */
[lang="ar"] .tpl-category :is(.pmod__name, .pmod__dl dd, .pov__st dd, .smap__mod b, .smap__lvl, .nmap__lvl, .scard__code, .cxs__row--big dd) bdi {
  font-family: "Hubot Sans", "Hubot Fallback", "Arial Narrow", Arial, sans-serif; font-stretch: 75%;
}
[lang="ar"] .tpl-category :is(.smap__thr, .nmap__t td, .smap__mod span, .scard__tag, .scard__scale li) bdi { font-family: var(--f-m); }

/* Türkçe büyük harf: ikinci satırdaki İ/Ü noktaları üst satırla çakışmasın (.9 satır aralığında çakışıyordu) */
[lang="tr"] .tpl-category .phero__title, [lang="tr"] .tpl-category .t-h2, [lang="tr"] .tpl-category .ctile__name, [lang="tr"] .tpl-category .pblk__t, [lang="tr"] .tpl-category .cg-cta__t, [lang="tr"] .tpl-category .scard__code { line-height: 1; }

/* ---------- şematik çizimli yer tutucu (görseli olmayan ürünler) ---------- */
.tpl-category .pvis--glyph .pvis__glyph {
  position: absolute; z-index: 1; top: 9%; inset-inline-start: 12%; width: 76%; height: 75%; color: var(--au); opacity: .88;
  transition: transform var(--t3) var(--ease-out), opacity var(--t2) var(--ease);
}
.tpl-category .pcard:hover .pvis--glyph .pvis__glyph { transform: scale(1.045); opacity: 1; }
.tpl-category .pvis--glyph .pvis__tag {
  position: absolute; z-index: 2; inset-inline-start: 16px; inset-block-end: 13px; max-width: calc(100% - 76px); padding: 0;
  font-family: var(--f-m); font-stretch: 100%; font-weight: 500; font-size: 11px; line-height: 1.25; letter-spacing: .1em; text-align: start; color: rgba(236,234,228,.6);
}
.tpl-category .pvis__sch { position: absolute; z-index: 2; inset-block-start: 13px; inset-inline-end: 16px; font-family: var(--f-m); font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase; color: rgba(236,234,228,.56); }
.tpl-category .pvis--glyph .pvis__mark { inline-size: 24px; opacity: .8; }
/* sinematik zemin (görseli olmayan ürün): koyu, soluk saha fotoğrafı alta doğru kararır; altın şematik çizim üstte */
.tpl-category .pvis__bg {
  position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover;
  filter: grayscale(.7) brightness(.42) contrast(1.15);
  -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,.95) 0%, rgba(0,0,0,.72) 55%, rgba(0,0,0,.22) 100%); mask-image: linear-gradient(180deg, rgba(0,0,0,.95) 0%, rgba(0,0,0,.72) 55%, rgba(0,0,0,.22) 100%);
  transition: transform 1.6s var(--ease-out), filter var(--t3) var(--ease);
}
.tpl-category .pcard:hover .pvis__bg { filter: grayscale(.5) brightness(.52) contrast(1.12); }
.tpl-category .pvis--bg .pvis__grid { opacity: .32; }
.tpl-category .pvis--bg .pvis__mark { z-index: 2; }
.tpl-category .pvis--bg .pvis__tag, .tpl-category .pvis--bg .pvis__sch { color: rgba(236,234,228,.72); text-shadow: 0 1px 2px rgba(0,0,0,.8); }
/* çizim, kart göründüğünde parça parça kurulur (yalnız opaklık + konum; azaltılmış harekette yok) */
@media (prefers-reduced-motion: no-preference) {
  .tpl-category .is-draw .pvis__glyph > * { animation: cg-draw .8s var(--ease-out) both; }
  .tpl-category .is-draw .pvis__glyph > :nth-child(2) { animation-delay: 80ms; }
  .tpl-category .is-draw .pvis__glyph > :nth-child(3) { animation-delay: 160ms; }
  .tpl-category .is-draw .pvis__glyph > :nth-child(4) { animation-delay: 240ms; }
  .tpl-category .is-draw .pvis__glyph > :nth-child(5) { animation-delay: 320ms; }
  .tpl-category .is-draw .pvis__glyph > :nth-child(6) { animation-delay: 400ms; }
  .tpl-category .is-draw .pvis__glyph > :nth-child(n+7) { animation-delay: 480ms; }
}
[lang="ar"] .tpl-category .pvis--glyph .pvis__tag { font-family: var(--f); font-size: 12px; letter-spacing: 0; line-height: 1.4; }
[lang="ar"] .tpl-category .pvis__sch { font-family: var(--f); font-size: 11px; letter-spacing: 0; text-transform: none; }
@media (max-width: 639px) {
  .tpl-category .pvis--glyph .pvis__tag, .tpl-category .pvis__sch { display: none; }
  .tpl-category .pvis--glyph .pvis__glyph { top: 12%; inset-inline-start: 8%; width: 84%; height: 72%; }
}

/* karışık yönlü etiketler (ör. RED-DOT · 3–9×, مسبق الصنع): yön içerikten belirlenir */
.tpl-category .pcard__tags .tag, .tpl-category .pvis__tag { unicode-bidi: plaintext; }

/* ---------- azaltılmış hareket ---------- */
@media (prefers-reduced-motion: reduce) {
  .tpl-category .ctile__img, .tpl-category .ctile__bar, .tpl-category .ctile__body::after, .tpl-category .pblk__img, .tpl-category .pvis__bg { transition: none; }
}