/* ==========================================================================
   KG Savunma /new — ÜRÜN SAYFASI (pages/product.css)
   Kapsam: .pp-* kökleri (yalnız tpl-product sayfasında yüklenir). Koyu sinema zemini + HUD sahnesi + tek altın vurgu.
   İmza: 45° KG pahı (kart, çerçeve, föy sayfası, çubuk), HUD köşeleri, ince altın çizgiler. Köşe yuvarlama YOK.
   Hareket: yalnız transform/opacity; prefers-reduced-motion'da durağan. RTL: mantıksal özellikler + aynalanan pah.
   ========================================================================== */

/* ---------- 1. Sinematik giriş ---------- */
.pp-hero {
  --pp-gap: clamp(28px, 4vw, 84px);
  min-height: clamp(660px, 88svh, 1000px);
  display: flex; flex-direction: column; color: #ECEAE4;
}
.pp-hero__media { position: absolute; inset: 0; z-index: 0; will-change: transform; }
.pp-hero__kb { position: absolute; inset: 0; overflow: hidden; }
.pp-hero__kb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pp-hero .cine__img { filter: saturate(.78) contrast(1.08) brightness(.74); }
/* 640/1024 px platform görseli büyütülmez: yoğun bulanık + karartma; kenarlar görünmesin diye taşırılır */
.pp-hero--soft .pp-hero__kb { inset: -56px; }
.pp-hero--soft .cine__img { filter: blur(15px) saturate(.72) brightness(.68) contrast(1.12); }
/* alan derinliği: sahneyi kesen silahlı kare (namlu plakadan "geçiyor", tüfek kaskın arkasında) → arka plan yumuşak + koyu, ürün öne çıkar */
.pp-hero--dof .pp-hero__kb { inset: -28px; }
.pp-hero--dof .cine__img { filter: blur(6px) saturate(.72) brightness(.56) contrast(1.1); }
/* tesis ürünleri: "pafta" girişi (fotoğraf neredeyse siluet, üstünde ince çizim ızgarası) */
.pp-hero--bp .cine__img { filter: saturate(.22) brightness(.36) contrast(1.15); }
.pp-hero--bp .pp-hero__shade::after {
  content: ""; position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(245,200,66,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(245,200,66,.07) 1px, transparent 1px),
    linear-gradient(rgba(236,234,228,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(236,234,228,.045) 1px, transparent 1px);
  background-size: 160px 160px, 160px 160px, 32px 32px, 32px 32px;
  -webkit-mask-image: radial-gradient(70% 85% at 72% 50%, #000 0%, rgba(0,0,0,.5) 60%, rgba(0,0,0,0) 100%);
          mask-image: radial-gradient(70% 85% at 72% 50%, #000 0%, rgba(0,0,0,.5) 60%, rgba(0,0,0,0) 100%);
}
[dir="rtl"] .pp-hero--bp .pp-hero__shade::after {
  -webkit-mask-image: radial-gradient(70% 85% at 28% 50%, #000 0%, rgba(0,0,0,.5) 60%, rgba(0,0,0,0) 100%);
          mask-image: radial-gradient(70% 85% at 28% 50%, #000 0%, rgba(0,0,0,.5) 60%, rgba(0,0,0,0) 100%);
}
/* bulanık / pafta arka plan durağandır: Ken Burns yok (bulanık katman her karede yeniden birleştirilmez); telefonda parallax da yok */
.pp-hero--soft .pp-hero__kb > img, .pp-hero--dof .pp-hero__kb > img, .pp-hero--bp .pp-hero__kb > img { animation: none; }
@media (max-width: 760px) {
  .pp-hero--soft .pp-hero__media, .pp-hero--dof .pp-hero__media, .pp-hero--bp .pp-hero__media { transform: none !important; will-change: auto; }
}
.pp-hero__shade {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    radial-gradient(48% 62% at 75% 50%, rgba(6,7,8,0) 0%, rgba(6,7,8,.12) 60%, rgba(6,7,8,.4) 100%),
    linear-gradient(90deg, rgba(6,7,8,.66) 0%, rgba(6,7,8,.34) 40%, rgba(6,7,8,.04) 66%, rgba(6,7,8,.18) 100%),
    linear-gradient(180deg, rgba(6,7,8,0) 62%, rgba(6,7,8,.6) 100%);
}
[dir="rtl"] .pp-hero__shade {
  background:
    radial-gradient(48% 62% at 25% 50%, rgba(6,7,8,0) 0%, rgba(6,7,8,.12) 60%, rgba(6,7,8,.4) 100%),
    linear-gradient(270deg, rgba(6,7,8,.66) 0%, rgba(6,7,8,.34) 40%, rgba(6,7,8,.04) 66%, rgba(6,7,8,.18) 100%),
    linear-gradient(180deg, rgba(6,7,8,0) 62%, rgba(6,7,8,.6) 100%);
}

.pp-hero__in {
  position: relative; z-index: 3; flex: 1; width: 100%;
  display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); grid-template-rows: auto 1fr;
  grid-template-areas: "crumbs vis" "txt vis"; column-gap: var(--pp-gap); align-items: center;
  padding-block: calc(var(--mast) + clamp(22px, 2.6vw, 40px)) clamp(36px, 4vw, 60px);
}
.pp-hero__crumbs { grid-area: crumbs; align-self: start; }
.pp-hero__txt { grid-area: txt; align-self: center; padding-block: clamp(20px, 2.6vw, 40px) 0; min-width: 0; }
.pp-hero__vis { grid-area: vis; align-self: center; justify-self: end; width: 100%; max-width: 640px; }
.pp-hero--photo .pp-hero__in { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.pp-hero--photo .pp-hero__vis { max-width: 680px; }

.pp-hero__eye { gap: 12px; }
.pp-hero__eye .num { letter-spacing: .1em; }
.pp-hero__sep { opacity: .45; }
.pp-title { margin-top: 20px; font-size: clamp(48px, 6.2vw, 112px); line-height: .86; max-width: 11.5ch; overflow-wrap: break-word; }
.pp-title--l  { font-size: clamp(44px, 5.3vw, 94px); max-width: 13ch; }
.pp-title--xl { font-size: clamp(40px, 4.6vw, 82px); max-width: 15ch; }
.pp-hero__tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; --tagbg: #0B0C0F; }
.pp-hero__lead { margin-top: 22px; color: rgba(236,234,228,.86); max-width: 33em; }

/* temel değerler */
.pp-facts {
  display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr));
  max-width: 660px; margin-top: 34px; border-top: 1px solid rgba(236,234,228,.2);
}
.pp-fact { position: relative; min-width: 0; padding-block: 16px 2px; padding-inline: 0 18px; }
.pp-fact + .pp-fact { padding-inline-start: 18px; border-inline-start: 1px solid rgba(236,234,228,.12); }
.pp-fact::before { content: ""; position: absolute; inset-block-start: -1px; inset-inline-start: 0; inline-size: 30px; block-size: 2px; background: var(--au); }
.pp-fact + .pp-fact::before { inset-inline-start: 18px; }
.pp-fact dt { font-family: var(--f-m); font-size: 11px; line-height: 1.3; letter-spacing: .14em; text-transform: uppercase; color: rgba(236,234,228,.62); }
.pp-fact dd { margin-top: 9px; font-family: var(--f-d); font-stretch: 78%; font-weight: 760; font-size: clamp(21px, 1.75vw, 28px); line-height: 1.04; color: #fff; overflow-wrap: break-word; }
.pp-fact--gold dd { color: var(--au); }
.pp-fact--sm dd { font-family: var(--f); font-stretch: 100%; font-weight: 600; font-size: 15px; line-height: 1.4; }
.pp-fact .streak { vertical-align: .32em; }
.pp-fact__ico { display: inline-block; vertical-align: -3px; margin-inline-end: 7px; color: var(--au); }

.pp-hero__act { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.pp-add .pp-add__on, .pp-docs__add .pp-add__on { display: none; }
.pp-add[aria-pressed="true"] .pp-add__on, .pp-docs__add[aria-pressed="true"] .pp-add__on { display: block; }
.pp-add[aria-pressed="true"] .pp-add__off, .pp-docs__add[aria-pressed="true"] .pp-add__off { display: none; }
.pp-add[aria-pressed="true"]::before { background: var(--au); }
.pp-add[aria-pressed="true"]::after { background: #0B0C0F; }
.pp-add[aria-pressed="true"] { --tc: var(--au); }
.pp-add[aria-pressed="true"]:hover { --tc: #ECEAE4; }
/* geri oku: LTR'de sola, RTL'de sağa bakar (.arr'ın tersi) */
.pp-ico-back { transform: scaleX(-1); }
[dir="rtl"] .pp-ico-back { transform: none; }
/* yapışkan çubuk açıkken bildirim (toast) çubuğun üstünde kalsın; klavye odağı çubuğun altına kaybolmasın (WCAG 2.4.11) */
body:has(.pp-sticky.is-on) .toast { bottom: 92px; }
html:has(.pp-sticky.is-on) { scroll-padding-bottom: 96px; }

/* alt şerit */
.pp-hero__bar { position: relative; z-index: 3; border-top: 1px solid rgba(236,234,228,.14); background: rgba(6,7,8,.6); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.pp-hero__bar-in { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 40px; padding-block: 16px; font-family: var(--f-m); font-size: 12px; line-height: 1.4; letter-spacing: .12em; text-transform: uppercase; color: rgba(236,234,228,.74); }
.pp-hero__bar-in > p, .pp-doc__head p, .pp-doc__foot p, .pp-sticky p, .pp-lb p { margin: 0; }
.pp-hero__bar b { color: var(--au); font-weight: 600; margin-inline-end: 14px; }
.pp-hero__uses span + span::before { content: "·"; margin-inline: 10px; color: rgba(236,234,228,.36); }
.pp-hero__down { margin-inline-start: auto; display: inline-flex; align-items: center; gap: 10px; min-height: 32px; color: #ECEAE4; transition: color var(--t1); }
.pp-hero__down:hover { color: var(--au); }
@media (prefers-reduced-motion: no-preference) { .pp-hero__down .ico { animation: pp-bob 2.4s var(--ease) infinite; } }
@keyframes pp-bob { 0%, 100% { transform: translateY(-2px); } 50% { transform: translateY(3px); } }

/* ---------- 1b. Görsel sahnesi (HUD) ---------- */
.pp-stage { position: relative; width: 100%; aspect-ratio: 1 / 1; display: grid; place-items: center; isolation: isolate; }
.pp-stage::before { content: ""; position: absolute; inset: -4%; z-index: 0; pointer-events: none; background: radial-gradient(closest-side, rgba(6,7,8,.74) 0%, rgba(6,7,8,.5) 56%, rgba(6,7,8,0) 100%); }
.pp-stage__glow { position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(42% 40% at 50% 42%, rgba(246,236,212,.22) 0%, rgba(246,236,212,.07) 52%, rgba(246,236,212,0) 100%); }
.pp-stage--photo .pp-stage__glow, .pp-stage--ph .pp-stage__glow { opacity: .6; }
/* koyu ürün görseli (ör. gece görüş bağlantısı): daha güçlü arka ışık, siluet okunsun */
.pp-stage--lit .pp-stage__glow { background: radial-gradient(38% 36% at 50% 46%, rgba(246,236,212,.4) 0%, rgba(246,236,212,.12) 55%, rgba(246,236,212,0) 100%); }
.pp-stage--lit.pp-stage--render .pvis--render img { filter: drop-shadow(0 30px 30px rgba(0,0,0,.6)) drop-shadow(0 0 1px rgba(236,234,228,.5)) brightness(1.25) contrast(1.05); }
.pp-stage__rings { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; fill: none; stroke: rgba(236,234,228,.16); stroke-width: 1; overflow: visible; pointer-events: none; }
.pp-stage__rings .r2 { stroke: rgba(236,234,228,.07); }
.pp-stage__rings .r3 { stroke: rgba(245,200,66,.42); stroke-dasharray: 1.5 9; transform-origin: 200px 200px; }
.pp-stage__rings .ticks { transform-origin: 200px 200px; }
.pp-stage__rings .ticks line { stroke: rgba(236,234,228,.2); }
.pp-stage__rings .ticks .big { stroke: rgba(236,234,228,.5); }
.pp-stage__rings .cross line { stroke: var(--au); stroke-width: 1.5; }
@media (prefers-reduced-motion: no-preference) {
  .pp-stage__rings .r3 { animation: pp-spin 110s linear infinite; }
  .pp-stage__rings .ticks { animation: pp-spin 260s linear infinite reverse; }
}
@keyframes pp-spin { to { transform: rotate(360deg); } }
.pp-stage__floor { position: absolute; z-index: 1; inset-inline: 23%; bottom: 12%; height: 7%; background: radial-gradient(closest-side, rgba(0,0,0,.7), rgba(0,0,0,0)); pointer-events: none; }
.pp-stage--photo .pp-stage__floor, .pp-stage--ph .pp-stage__floor { display: none; }
/* görsel kutusu mutlak konumlu: uzun görseller (yelek, modül, çanta) sahneden taşmaz */
.pp-stage__fig { position: absolute; z-index: 2; inset: 12%; margin: 0; display: grid; place-items: center; transition: transform 600ms var(--ease-out); }
.pp-stage__hud { position: absolute; z-index: 3; font-family: var(--f-m); font-size: 11px; line-height: 1.2; letter-spacing: .14em; text-transform: uppercase; color: rgba(236,234,228,.8); text-shadow: 0 1px 2px rgba(0,0,0,.75), 0 0 10px rgba(0,0,0,.5); white-space: nowrap; pointer-events: none; }
.pp-stage__hud--ts { inset-block-start: 2%; inset-inline-start: 0; }
.pp-stage__hud--te { inset-block-start: 2%; inset-inline-end: 0; }
/* alt köşe etiketi nötr; altın YALNIZ derecelendirilmiş seviyede (.pp-stage__lv) */
.pp-stage__hud--be { inset-block-end: 2%; inset-inline-end: 0; }
.pp-stage__lv { color: var(--au); font-weight: inherit; }
.pp-stage__sep { opacity: .5; }
.pp-stage__hud--ts::before { content: ""; display: inline-block; inline-size: 7px; block-size: 7px; margin-inline-end: 9px; background: var(--au); vertical-align: .05em; }

/* sahne görseli = ışık kutusunda Şekil 01 (galerili ürünler): tüm figür büyütme bağlantısı + köşede "+" */
.pp-zoom { position: absolute; inset: 0; display: block; color: inherit; cursor: zoom-in; }
.pp-stage--photo .pp-zoom { position: relative; inset: auto; justify-self: stretch; align-self: center; width: 100%; }   /* ızgara öğesi içeriğe büzülmesin (fotoğraf %100 genişlikli) */
.pp-zoom__btn { position: absolute; z-index: 4; inset-block-end: 3%; inset-inline-end: 3%; display: grid; place-items: center; inline-size: 36px; block-size: 36px; background: rgba(8,9,11,.72); color: var(--au); box-shadow: inset 0 0 0 1px rgba(245,200,66,.45); opacity: 0; transform: translateY(4px); transition: opacity var(--t2) var(--ease), transform var(--t2) var(--ease); }
.pp-stage--photo .pp-zoom__btn { inset-block-end: 14px; inset-inline-end: 40px; }
.pp-zoom:hover .pp-zoom__btn, .pp-zoom:focus-visible .pp-zoom__btn { opacity: 1; transform: none; }
@media (hover: none) { .pp-zoom__btn { opacity: 1; transform: none; } }

/* saydam ürün görseli */
.pp-stage--render .pvis { position: absolute; inset: 0; width: auto; height: auto; background: none; overflow: visible; }
.pp-stage--render .pvis--render img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 34px 34px rgba(0,0,0,.62)) drop-shadow(0 0 22px rgba(236,234,228,.08)); }

/* çerçeveli fotoğraf */
.pp-stage--photo .pp-stage__fig { position: relative; inset: auto; width: 92%; }
.pp-hero--photo .pp-stage--photo .pp-stage__fig { width: 96%; }
/* "Temsilî görsel" notu fotoğrafın üstünde okunur kalsın (koyu zemin çipi; AA) */
.pp-photo__lbl { position: absolute; z-index: 4; inset-block-end: 14px; inset-inline-start: 16px; padding: 4px 7px; background: rgba(6,7,8,.78); font-family: var(--f-m); font-size: 10.5px; line-height: 1.2; letter-spacing: .14em; text-transform: uppercase; color: #ECEAE4; pointer-events: none; }
.pp-photo { position: relative; display: block; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; background: #000; }
.pp-photo__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.92) contrast(1.05); }
/* beyaz zeminli kareler (UHMWPE paneller, açık kargo kapısı) koyu temada parlamaz */
.pp-photo.is-glare .pp-photo__img { filter: saturate(.55) contrast(1.18) brightness(.56); }
.pp-photo.is-glare::after { background: radial-gradient(110% 85% at 50% 42%, rgba(6,7,8,0) 35%, rgba(6,7,8,.5) 100%), linear-gradient(180deg, rgba(6,7,8,0) 58%, rgba(6,7,8,.45) 100%); }
.pp-photo::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(6,7,8,0) 60%, rgba(6,7,8,.35) 100%); }

/* tasarlanmış yer tutucu (görseli olmayan ürün) */
.pp-stage--ph .pp-stage__fig { inset: 17%; }
.pp-stage--ph .pvis--ph {
  --c: 26px; position: absolute; inset: 0; width: auto; height: auto;
  clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%);
  background:
    radial-gradient(64% 64% at 50% 44%, rgba(245,200,66,.13) 0%, rgba(245,200,66,0) 72%),
    linear-gradient(180deg, rgba(27,30,37,.92) 0%, rgba(14,16,20,.94) 100%);
  box-shadow: inset 0 0 0 1px rgba(236,234,228,.12);
}
[dir="rtl"] .pp-stage--ph .pvis--ph { clip-path: polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c)); }
.pp-stage--ph .pvis__grid { opacity: .75; background-size: 32px 32px; }
/* çizimsiz yer tutucu: etiket büyük tipografi. Çizimli yer tutucuda (catalogue SVG) kahraman ÇİZİMDİR: kart içi etiket gizli
   (etiket zaten başlığın altındaki çipte ve sahnenin alt köşe HUD etiketinde) */
.pp-stage--ph .pvis--ph:not(.pvis--glyph) .pvis__tag { font-size: clamp(30px, 3.4vw, 56px); line-height: .92; color: #fff; padding: 0 9% 12%; text-wrap: balance; overflow-wrap: anywhere; }
.pp-stage--ph .pvis--glyph .pvis__tag { display: none; }
/* çizim kahraman: kartın üst üçte ikisi (başlık bloğunun üstü). Çizilen yollar ölçeklenir (≈1,4–1,9 px), kesikli yardımcılar sabit 1,3 px */
.pp-stage--ph .pvis--glyph .pvis__glyph { top: 9%; inset-inline-start: 8%; width: 84%; height: 66%; opacity: 1; stroke-width: 1.15; }
.pp-stage--ph .pvis--glyph .pvis__glyph path[stroke-dasharray] { stroke-width: 1.3; }
.pp-stage--ph .pvis--glyph .pvis__sch { inset-block-start: 18px; inset-inline-end: 22px; font-size: 10px; color: rgba(236,234,228,.62); }
/* çizgiler açılışta çizilir (pathLength=1 → kesik deseni 1 birim); kesikli yardımcı çizgiler ardından belirir */
@media (prefers-reduced-motion: no-preference) {
  .pp-stage--ph .pvis__glyph path[pathLength] { stroke-dasharray: 1 1; animation: pp-draw 2.1s var(--ease-out) .5s backwards; }
  .pp-stage--ph .pvis__glyph path:not([pathLength]) { animation: pp-fade .9s var(--ease) 1.7s backwards; }
}
@keyframes pp-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes pp-fade { from { opacity: 0; } }
.pp-stage--ph .pvis__mark { z-index: 2; inline-size: 38px; inset-block-end: 22px; inset-inline-end: 22px; }
/* ürün künyesi katmanı: çapraz tarama şeridi + alt başlık bloğu (teknik çizim paftası gibi) */
.pp-pid { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.pp-pid__hatch { position: absolute; inset-block-start: 22px; inset-inline-start: 22px; inline-size: 74px; block-size: 10px; opacity: .8;
  background: repeating-linear-gradient(-45deg, rgba(245,200,66,.75) 0 2px, rgba(245,200,66,0) 2px 7px); }
[dir="rtl"] .pp-pid__hatch { background: repeating-linear-gradient(45deg, rgba(245,200,66,.75) 0 2px, rgba(245,200,66,0) 2px 7px); }
.pp-pid__tb { position: absolute; inset-inline: 0; inset-block-end: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding-inline-end: 76px; border-top: 1px solid rgba(236,234,228,.16); background: rgba(6,7,8,.38); }
.pp-pid__cell { display: grid; gap: 4px; padding: 14px 18px 16px; min-width: 0; font-family: var(--f); font-size: 13px; font-weight: 600; line-height: 1.3; color: #ECEAE4; text-align: start; }
.pp-pid__cell + .pp-pid__cell { border-inline-start: 1px solid rgba(236,234,228,.12); }
.pp-pid__cell b { font-family: var(--f-m); font-size: 10px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: rgba(236,234,228,.55); }
.pp-stage--ph .pvis--ph::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: 0; transform: translateY(-100%);
  background: linear-gradient(180deg, rgba(245,200,66,0) 0%, rgba(245,200,66,0) 80%, rgba(245,200,66,.07) 98.6%, rgba(245,200,66,.7) 99.6%, rgba(245,200,66,0) 100%); }
@media (prefers-reduced-motion: no-preference) { .pp-stage--ph .pvis--ph::after { animation: pp-scan 7.5s var(--ease) infinite 1.4s; } }
@keyframes pp-scan { 0% { transform: translateY(-100%); opacity: 0; } 10% { opacity: 1; } 78% { opacity: .9; } 100% { transform: translateY(0); opacity: 0; } }

/* 3D plaka: poster → canlı görünüm */
.pp-stage--plate .pp-stage__fig { inset: 7%; }
.pp-plate__poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 30px 30px rgba(0,0,0,.6)); transition: opacity 700ms var(--ease); }
.pp-plate__ph { position: absolute; inset: 12%; display: block; transition: opacity 700ms var(--ease); }
.pp-plate__ph .pvis--ph { position: absolute; inset: 0; width: auto; height: auto; clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%); box-shadow: inset 0 0 0 1px rgba(236,234,228,.12); }
[dir="rtl"] .pp-plate__ph .pvis--ph { clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0 24px); }
.pp-plate__gl { position: absolute; inset: 0; opacity: 0; transition: opacity 800ms var(--ease); }
.pp-plate__gl canvas { display: block; width: 100% !important; height: 100% !important; touch-action: pan-y; }
.pp-stage.is-live .pp-plate__gl { opacity: 1; }
.pp-stage.is-live .pp-plate__poster, .pp-stage.is-live .pp-plate__ph { opacity: 0; }
.pp-plate__ctl { position: absolute; z-index: 4; inset-inline: 0; bottom: -2px; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.pp-plate__btn {
  --c: 8px; position: relative; isolation: isolate; display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px;
  font-size: 12px; font-weight: 650; font-stretch: 110%; letter-spacing: .1em; text-transform: uppercase; color: rgba(236,234,228,.82);
}
.pp-plate__btn::before { content: ""; position: absolute; inset: 0; z-index: -2; background: rgba(236,234,228,.24); clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%); }
.pp-plate__btn::after { content: ""; position: absolute; inset: 1px; z-index: -1; background: rgba(8,9,11,.95); clip-path: polygon(0 0, calc(100% - var(--c) + .41px) 0, 100% calc(var(--c) - .41px), 100% 100%, 0 100%); }
[dir="rtl"] .pp-plate__btn::before { clip-path: polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c)); }
[dir="rtl"] .pp-plate__btn::after { clip-path: polygon(calc(var(--c) - .41px) 0, 100% 0, 100% 100%, 0 100%, 0 calc(var(--c) - .41px)); }
.pp-plate__btn .num { font-family: var(--f-m); font-size: 11px; color: var(--au); letter-spacing: .08em; }
.pp-plate__btn:hover::before { background: var(--au); }
.pp-plate__btn[aria-pressed="true"] { color: #0B0C0F; }
.pp-plate__btn[aria-pressed="true"]::before, .pp-plate__btn[aria-pressed="true"]::after { background: var(--au); }
.pp-plate__btn[aria-pressed="true"] .num { color: #0B0C0F; }
.pp-plate__hint { position: absolute; z-index: 3; inset-block-start: 2%; inset-inline-end: 0; font-family: var(--f-m); font-size: 11px; line-height: 1.2; letter-spacing: .14em; text-transform: uppercase; color: var(--au); pointer-events: none; }
.pp-stage.has-hint .pp-stage__hud--te { opacity: 0; }
/* isteğe bağlı 3D (telefon/tablet/Save-Data): afişin altında tek düğme */
.pp-plate__go[aria-busy="true"] { cursor: progress; opacity: .8; }
.pp-plate__go .num { padding: 3px 5px 2px; background: var(--au); color: #0B0C0F; letter-spacing: .04em; }
.pp-plate__go:hover .num { background: #0B0C0F; color: var(--au); }
.pp-stage.is-live .pp-stage__floor, .pp-stage--plate .pp-stage__hud--be { display: none; }
.pp-stage__hud small { display: block; margin-top: 6px; padding-inline-start: 16px; font-size: 10px; letter-spacing: .12em; color: rgba(236,234,228,.45); }
/* katman çağrıları (3D çapalarına bağlı; fiziksel x/y — tuval aynalanmaz) */
.pp-plate__calls { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
.pp-call { position: absolute; left: 0; top: 0; opacity: 0; transition: opacity 360ms var(--ease); will-change: transform; }
.pp-call.is-on { opacity: 1; }
.pp-call i { position: absolute; left: -4px; top: -4px; width: 8px; height: 8px; background: var(--au); box-shadow: 0 0 0 3px rgba(245,200,66,.22), 0 0 0 4px rgba(8,9,11,.6); }
.pp-call__t { position: absolute; left: 26px; top: var(--dy, 0px); transform: translateY(-50%); white-space: nowrap; padding: 6px 10px 5px; background: rgba(8,9,11,.86); box-shadow: inset 0 0 0 1px rgba(245,200,66,.5); font-family: var(--f-m); font-size: 10.5px; line-height: 1.2; letter-spacing: .1em; text-transform: uppercase; color: #ECEAE4; }
.pp-call__t small { color: var(--au); font-size: inherit; text-transform: none; letter-spacing: .04em; }   /* kimyasal formül büyük harfe çevrilmez (SiC ≠ SİC) */
.pp-call b { position: absolute; left: 0; top: 0; inline-size: var(--len, 26px); block-size: 1px; background: var(--au); transform-origin: 0 50%; transform: rotate(var(--ang, 0rad)); }
.pp-call.is-l .pp-call__t { left: auto; right: 26px; }
.pp-call.is-l b { transform: scaleX(-1) rotate(var(--ang, 0rad)); }
.pp-call.is-wrap .pp-call__t { white-space: normal; }
@media (max-width: 760px) {
  .pp-call__t { font-size: 10px; padding: 5px 8px 4px; } .pp-call__t small { display: none; }
  .pp-plate__ctl { gap: 4px; flex-wrap: nowrap; }
  .pp-plate__btn { min-height: 44px; min-width: 64px; padding: 0 10px; gap: 6px; font-size: 11px; letter-spacing: .06em; justify-content: center; }
}
@media (max-width: 420px) { .pp-plate__btn .num { display: none; } }
[lang="ar"] .pp-call__t { letter-spacing: 0; text-transform: none; font-family: var(--f-d); font-size: 12px; }

/* ---------- 2. Genel bakış ---------- */
.pp-over__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px var(--pp-gap, clamp(28px, 4vw, 84px)); align-items: start; }
.pp-over__grid--solo { grid-template-columns: minmax(0, 1fr); }
.pp-over__head > * + * { margin-top: 22px; }
.pp-over__head { position: sticky; top: calc(var(--mast) + 28px); }
.pp-over__body > * + * { margin-top: 1.05em; }
.pp-over__body .t-lead { color: #ECEAE4; font-size: clamp(19px, 1.5vw, 24px); line-height: 1.55; max-width: 36em; }
.pp-over__body .t-body { font-size: 17px; }
.pp-over__ctx { max-width: 30em; }
.pp-over__cat { margin-top: 30px !important; }

.pp-feat { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: clamp(64px, 7vw, 112px); border-top: 1px solid var(--line); }
.pp-feat__item { position: relative; padding-block: 30px 6px; padding-inline: 0 28px; min-width: 0; }
.pp-feat__item + .pp-feat__item { padding-inline-start: 28px; border-inline-start: 1px solid var(--line); }
.pp-feat__item::before { content: ""; position: absolute; inset-block-start: -1px; inset-inline-start: 0; inline-size: 100%; block-size: 2px; background: var(--au); transform-origin: var(--o, left); transform: scaleX(.18); transition: transform 1200ms var(--ease-out); transition-delay: calc(var(--d, 0ms) + 200ms); }
[dir="rtl"] .pp-feat__item::before { --o: right; }
.pp-feat__item.is-in::before { transform: scaleX(.42); }
.pp-feat__n { display: block; font-family: var(--f-m); font-weight: 500; font-size: 12px; line-height: 1; letter-spacing: .14em; color: var(--au); }
.pp-feat__n::after { content: ""; display: inline-block; vertical-align: middle; inline-size: 34px; block-size: 1px; margin-inline-start: 12px; background: rgba(245,200,66,.5); }
.pp-feat__t { margin-top: 22px; font-family: var(--f-d); font-stretch: 76%; font-weight: 800; font-size: clamp(26px, 2.2vw, 36px); line-height: .95; text-transform: uppercase; color: #fff; }
.pp-feat__d { margin-top: 12px; font-size: 15.5px; line-height: 1.6; color: var(--fg2); }

.pp-apps__list li { list-style: none; }
.pp-apps--big .pp-apps__list { display: grid; border-top: 1px solid var(--line); }
.pp-apps--big li { display: flex; align-items: baseline; gap: 22px; padding-block: 20px 18px; border-bottom: 1px solid var(--line); }
.pp-apps--big .num { flex: none; min-width: 2.6em; font-family: var(--f-m); font-size: 12px; font-weight: 500; letter-spacing: .14em; color: var(--au); }
.pp-apps__name { font-family: var(--f-d); font-stretch: 76%; font-weight: 820; font-size: clamp(32px, 3.6vw, 62px); line-height: .92; text-transform: uppercase; color: #fff; transition: color var(--t2) var(--ease), transform var(--t3) var(--ease-out); }
.pp-apps--big li:hover .pp-apps__name { color: var(--au); transform: translateX(6px); }
[dir="rtl"] .pp-apps--big li:hover .pp-apps__name { transform: translateX(-6px); }
.pp-apps--row { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: baseline; gap: 16px var(--pp-gap, clamp(28px, 4vw, 84px)); margin-top: clamp(56px, 6vw, 96px); padding-top: 28px; border-top: 1px solid var(--line); }
.pp-apps--row .pp-apps__list { display: flex; flex-wrap: wrap; gap: 12px 36px; }
.pp-apps__note { margin-top: 18px; max-width: 46em; font-size: 15.5px; line-height: 1.6; color: var(--fg2); }
.pp-apps--row li { display: inline-flex; align-items: baseline; gap: 10px; font-family: var(--f-d); font-stretch: 80%; font-weight: 760; font-size: clamp(20px, 1.8vw, 28px); line-height: 1.1; text-transform: uppercase; }
.pp-apps--row .num { font-family: var(--f-m); font-size: 11px; font-weight: 500; letter-spacing: .12em; color: var(--au); }

/* ---------- 2b. Sinematik ara bant: kullanım alanları ---------- */
.pp-dep { min-height: clamp(520px, 74svh, 820px); display: flex; align-items: flex-end; color: #ECEAE4; }
.pp-dep__media { position: absolute; inset: 0; z-index: 0; }
.pp-dep__kb { position: absolute; inset: 0; overflow: hidden; }
.pp-dep__kb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.8) contrast(1.08) brightness(.78); }
@media (min-width: 761px) { .pp-dep__kb img { left: calc(-1 * var(--shift, 0%)); width: calc(100% + var(--shift, 0%)); max-width: none; } }
.pp-dep--r .pp-dep__body { max-width: min(600px, 100%); }
/* metin tarafı görsel kompozisyonuna göre FİZİKSEL (özne karşı tarafta kalır; RTL'de de aynı) */
.pp-dep__shade { position: absolute; inset: 0; z-index: 1; pointer-events: none; background:
  linear-gradient(180deg, rgba(11,12,15,1) 0%, rgba(11,12,15,0) 18%, rgba(6,7,8,0) 46%, rgba(6,7,8,.86) 100%),
  linear-gradient(90deg, rgba(6,7,8,.72) 0%, rgba(6,7,8,.28) 46%, rgba(6,7,8,0) 72%); }
.pp-dep--r .pp-dep__shade { background:
  linear-gradient(180deg, rgba(11,12,15,1) 0%, rgba(11,12,15,0) 18%, rgba(6,7,8,0) 46%, rgba(6,7,8,.86) 100%),
  linear-gradient(270deg, rgba(6,7,8,.72) 0%, rgba(6,7,8,.28) 46%, rgba(6,7,8,0) 72%); }
.pp-dep__in { position: relative; z-index: 3; width: 100%; padding-block: 120px clamp(56px, 6vw, 96px); }
.pp-dep__body { max-width: min(660px, 100%); }
.pp-dep--r .pp-dep__body { margin-left: auto; }
.pp-dep--l .pp-dep__body { margin-right: auto; }
.pp-dep__lead { margin-top: 22px; font-size: clamp(22px, 2.1vw, 34px); line-height: 1.3; font-weight: 500; letter-spacing: -.01em; color: #fff; text-wrap: balance; }
/* fotoğraf üstündeki küçük altın başlık ve metin AA kontrastta kalsın: metin bloğunun arkasında yerel koyu perde + gölge */
.pp-dep__body { position: relative; }
.pp-dep__body::before { content: ""; position: absolute; inset: -72px -96px -40px; z-index: -1; pointer-events: none; background: radial-gradient(closest-side, rgba(6,7,8,.66) 0%, rgba(6,7,8,.42) 55%, rgba(6,7,8,0) 100%); }
.pp-dep__eye, .pp-dep__list .num { text-shadow: 0 1px 2px rgba(0,0,0,.85), 0 0 14px rgba(0,0,0,.6); }
.pp-dep__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; margin-top: clamp(30px, 3.2vw, 48px); }
.pp-dep__list li { position: relative; display: flex; align-items: baseline; gap: 12px; min-width: 0; padding: 16px 0 14px; border-top: 1px solid rgba(236,234,228,.22); }
.pp-dep__list li::before { content: ""; position: absolute; inset-block-start: -1px; inset-inline-start: 0; inline-size: 26px; block-size: 2px; background: var(--au); }
.pp-dep__list .num { font-family: var(--f-m); font-size: 11px; letter-spacing: .14em; color: var(--au); }
.pp-dep__name { font-family: var(--f-d); font-stretch: 78%; font-weight: 800; font-size: clamp(22px, 2vw, 32px); line-height: 1; text-transform: uppercase; color: #fff; }
[lang="ar"] .pp-dep__name { font-stretch: 100%; text-transform: none; letter-spacing: 0; font-size: clamp(19px, 1.6vw, 26px); font-weight: 700; line-height: 1.3; }
[lang="ar"] .pp-dep__lead { letter-spacing: 0; line-height: 1.55; }
/* mobilde fotoğraf üstte blok, metin altta (özne metnin arkasında kaybolmasın) */
@media (max-width: 760px) {
  .pp-dep { display: block; min-height: 0; }
  .pp-dep__media { position: relative; inset: auto; aspect-ratio: 4 / 3; transform: none !important; }
  .pp-dep__media::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(11,12,15,1) 0%, rgba(11,12,15,0) 22%, rgba(6,7,8,0) 55%, var(--k0) 100%); }
  .pp-dep__shade { display: none; }
  .pp-dep__in { padding-block: 0 52px; margin-top: -28px; }
  .pp-dep__list { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- 3. Ürün ailesi (platform) ---------- */
.pp-fam__count { display: grid; justify-items: end; gap: 6px; font-family: var(--f-m); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--fg2); }
.pp-fam__count .num { font-family: var(--f-d); font-stretch: 75%; font-weight: 850; font-size: clamp(72px, 7.6vw, 132px); line-height: .8; letter-spacing: 0; color: #fff; }
.pp-models { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 1.6vw, 24px); }
.pp-model { --c: 20px; position: relative; display: flex; flex-direction: column; min-width: 0; background: var(--k3); clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%); }
[dir="rtl"] .pp-model { clip-path: polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c)); }
.pp-model::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"] .pp-model::after { --o: right; }
.pp-model:hover::after, .pp-model:focus-within::after { transform: scaleX(1); }
.pp-model__media { position: relative; aspect-ratio: 16 / 11; background: #000; }
.pp-model__img { --c: 0px; position: absolute; inset: 0; display: block; overflow: hidden; background: #000; }
.pp-model__img img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.86) contrast(1.05) brightness(.94); transition: transform var(--t3) var(--ease-out), filter var(--t2); }
.pp-model__img:hover img { transform: scale(1.04); filter: saturate(1) contrast(1.05) brightness(1); }
/* beyaz panel / açık kargo kapısı: koyu temada parlamasın (üzerine gelince de) · kapı: üstten koyu geçiş */
.pp-model__img.is-glare img, .pp-model__img.is-glare:hover img { filter: saturate(.7) contrast(1.1) brightness(.7); }
.pp-model__img.is-door::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(6,7,8,.82) 0%, rgba(6,7,8,.55) 28%, rgba(6,7,8,0) 50%); }
.pp-model__zoom { position: absolute; z-index: 2; inset-block-end: 12px; inset-inline-end: 12px; display: grid; place-items: center; inline-size: 34px; block-size: 34px; background: rgba(8,9,11,.72); color: var(--au); box-shadow: inset 0 0 0 1px rgba(245,200,66,.45); opacity: 0; transform: translateY(4px); transition: opacity var(--t2) var(--ease), transform var(--t2) var(--ease); }
.pp-model__img:hover .pp-model__zoom, .pp-model__img:focus-visible .pp-model__zoom { opacity: 1; transform: none; }
/* görselsiz aile kartı (KG'ye ait platform görseli yok): tipografik seviye plakası — STANAG 4569 seviyesi büyük kontur rakam */
.pp-model__media--type { container-type: size; overflow: hidden; background: radial-gradient(80% 90% at 24% 70%, rgba(245,200,66,.09) 0%, rgba(245,200,66,0) 62%), linear-gradient(160deg, #191C22 0%, #0F1115 70%); }
.pp-model__grid { position: absolute; inset: 0; opacity: .9; background-image: linear-gradient(rgba(236,234,228,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(236,234,228,.05) 1px, transparent 1px); background-size: 24px 24px; }
.pp-model__grid::after { content: ""; position: absolute; inset-block-start: 18px; inset-inline-start: 18px; inline-size: 64px; block-size: 9px; background: repeating-linear-gradient(-45deg, rgba(245,200,66,.7) 0 2px, rgba(245,200,66,0) 2px 7px); }
[dir="rtl"] .pp-model__grid::after { background: repeating-linear-gradient(45deg, rgba(245,200,66,.7) 0 2px, rgba(245,200,66,0) 2px 7px); }
.pp-model__std { position: absolute; inset-block-start: 15px; inset-inline-end: 18px; font-family: var(--f-m); font-size: 11px; line-height: 1.2; letter-spacing: .14em; color: rgba(236,234,228,.72); }
.pp-model__plate { position: absolute; inset-inline-start: 7%; inset-block-end: 9%; display: flex; align-items: flex-end; gap: 4cqh; }
/* altın degrade dolgu (kontur değil: yazı tipinin üst üste binen konturları "4"te iç çizgi gösteriyordu) */
.pp-model__lvn { font-family: var(--f-d); font-stretch: 75%; font-weight: 850; font-size: 76cqh; line-height: .74; color: var(--au); background: linear-gradient(180deg, var(--au2) 0%, var(--au) 34%, rgba(184,145,42,.22) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-variant-numeric: tabular-nums; order: -1; }
.pp-model__lvk { padding-block-end: 1.1em; font-family: var(--f-m); font-size: 11px; line-height: 1.2; letter-spacing: .16em; text-transform: uppercase; color: var(--au); }
.pp-model__mark { position: absolute; inset-block-end: 16px; inset-inline-end: 18px; inline-size: 28px; height: auto; color: var(--au); opacity: .8; }
.pp-model--type .pp-model__media--type { box-shadow: inset 0 -1px 0 rgba(236,234,228,.08); }
.pp-models--one .pp-model__plate { inset-inline: 0; justify-content: center; }
.pp-model__body { display: flex; flex-direction: column; gap: 10px; flex: 1; padding: 24px 26px 28px; }
.pp-model__k { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--fg3); }
.pp-model__name { font-family: var(--f-d); font-stretch: 75%; font-weight: 850; font-size: clamp(34px, 3vw, 52px); line-height: .88; text-transform: uppercase; color: #fff; }
.pp-model__title { font-size: 16px; color: var(--fg2); }
.pp-model__spec { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 10px 0 8px; border-top: 1px solid var(--line); }
.pp-model__cell { padding-block: 16px 0; padding-inline: 0 14px; min-width: 0; }
.pp-model__cell + .pp-model__cell { padding-inline-start: 16px; border-inline-start: 1px solid var(--line); }
.pp-model__cell dt { font-family: var(--f-m); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--fg3); }
.pp-model__cell dd { margin-top: 8px; }
.pp-model__v { display: block; font-family: var(--f-d); font-stretch: 78%; font-weight: 800; font-size: clamp(26px, 2.2vw, 38px); line-height: 1; color: #fff; white-space: nowrap; }
.pp-model__u { margin-inline-end: 8px; font-family: var(--f-m); font-stretch: 100%; font-weight: 500; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--fg2); vertical-align: .55em; }
.pp-meter { display: flex; gap: 3px; margin-top: 12px; max-width: 150px; }
.pp-meter i { flex: 1; block-size: 6px; background: rgba(236,234,228,.13); }
.pp-meter i.on { background: var(--au); }
.pp-model__cta { align-self: flex-start; margin-top: auto; }
.pp-fam__fine { margin-top: 24px; }
/* tek modelli aile: geniş kart (görsel ≤ 640 px, büyütülmez) + iç içe ikinci görsel */
.pp-models--one { grid-template-columns: minmax(0, 1fr); }
.pp-models--one .pp-model { --c: 28px; display: grid; grid-template-columns: minmax(0, 640px) minmax(0, 1fr); }
.pp-models--one .pp-model__media { aspect-ratio: 640 / 500; }
.pp-models--one .pp-model__img--sub { --c: 12px; inset: auto; inset-block-end: 18px; inset-inline-end: 18px; inline-size: 34%; aspect-ratio: 4 / 3; z-index: 2; box-shadow: 0 0 0 1px rgba(236,234,228,.35); clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%); }
[dir="rtl"] .pp-models--one .pp-model__img--sub { clip-path: polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c)); }
.pp-models--one .pp-model__img--sub .pp-model__zoom { display: none; }
.pp-models--one .pp-model__body { justify-content: center; gap: 14px; padding: clamp(28px, 3.6vw, 64px); }
.pp-models--one .pp-model__name { font-size: clamp(48px, 5.4vw, 96px); }
.pp-models--one .pp-model__title { font-size: 18px; }
.pp-models--one .pp-model__v { font-size: clamp(34px, 3.2vw, 56px); }
.pp-models--one .pp-model__cta { margin-top: 18px; }

/* ---------- 4. Teknik föy (.light) ---------- */
.pp-doc { position: relative; padding-block: clamp(76px, 8vw, 144px); }
.pp-doc .streak { background: var(--au3); }
.pp-doc__sheet { --c: 48px; position: relative; background: #FAF9F6; color: var(--ink); clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%); }
[dir="rtl"] .pp-doc__sheet { clip-path: polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c)); }
.pp-doc__sheet::after { content: ""; position: absolute; inset-block-start: 0; inset-inline-end: 0; inline-size: var(--c); block-size: var(--c); background: linear-gradient(45deg, #DCD8CE 0 50%, transparent 50%); pointer-events: none; }
[dir="rtl"] .pp-doc__sheet::after { background: linear-gradient(-45deg, #DCD8CE 0 50%, transparent 50%); }
.pp-doc__head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 14px 28px; padding: 20px clamp(24px, 3.6vw, 60px); padding-inline-end: calc(var(--c) + 24px); border-bottom: 1px solid var(--line); }
.pp-doc__tile { inline-size: 40px; block-size: 40px; }
.pp-doc__brand { display: grid; gap: 3px; line-height: 1.1; }
.pp-doc__brand b { font-family: var(--f-d); font-stretch: 110%; font-weight: 800; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; }
.pp-doc__brand span { font-family: var(--f-m); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--fg3); }
.pp-doc__ref { font-family: var(--f-d); font-stretch: 80%; font-weight: 800; font-size: 18px; line-height: 1.1; text-transform: uppercase; text-align: end; }
.pp-doc__rev { font-family: var(--f-m); font-size: 11.5px; letter-spacing: .12em; color: var(--fg3); padding: 6px 10px; box-shadow: inset 0 0 0 1px var(--line2); }
.pp-doc__grid { display: grid; grid-template-columns: minmax(0, 4.3fr) minmax(0, 7.7fr); gap: 44px clamp(32px, 4.4vw, 88px); padding: clamp(34px, 4vw, 68px) clamp(24px, 3.6vw, 60px); }
.pp-doc__side > * + * { margin-top: 20px; }
.pp-doc__title { font-size: clamp(38px, 3.9vw, 68px); }
.pp-doc__intro { color: var(--fg2); }
/* iki düğme her zaman aynı genişlik VE yükseklikte (ızgara: en geniş etikete uyar, satırlar eşit 1fr); sütun daralırsa
   etiket taşmaz, dengeli iki satıra kırılır ve diğer düğme de aynı yükseklikte kalır */
.pp-doc__act { display: grid; grid-auto-rows: 1fr; gap: 10px; width: fit-content; max-width: 100%; margin-top: 28px !important; --bgx: #FAF9F6; }
.pp-doc__act .btn { min-width: min(100%, 300px); max-width: 100%; justify-content: flex-start; white-space: normal; text-wrap: balance; text-align: start; line-height: 1.3; padding-block: 10px; }
.pp-copy .pp-copy__ok { display: none; }
.pp-copy.is-done .pp-copy__ok { display: block; }
.pp-copy.is-done .pp-copy__i { display: none; }
.pp-print { margin-top: 16px !important; }
.pp-doc__order { margin-top: 34px !important; padding: 18px 20px; border-inline-start: 3px solid var(--au); background: rgba(17,19,24,.045); font-size: 14.5px; line-height: 1.6; color: var(--fg2); }
.pp-doc__order-t { margin-bottom: 6px; font-family: var(--f-m); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--ink); }
.pp-spec { font-size: 16px; }
.pp-spec th, .pp-spec td { padding-block: 17px; }
.pp-spec th { width: 44%; color: var(--fg2); }
.pp-spec td { font-weight: 600; font-size: 16.5px; }
.pp-spec tr { transition: background-color var(--t1) var(--ease); }
.pp-spec tbody tr:hover { background: rgba(17,19,24,.03); }
.pp-spec__i { display: inline-block; min-width: 2.6em; font-family: var(--f-m); font-size: 11px; font-weight: 500; letter-spacing: .1em; color: var(--fg3); }
.pp-spec__req td { color: var(--fg2); font-weight: 500; }
.pp-spec__req .ico { display: inline-block; vertical-align: -3px; margin-inline-end: 8px; }
.pp-doc__note { display: flex; gap: 10px; align-items: flex-start; margin-top: 22px; padding: 14px 16px; background: rgba(17,19,24,.045); font-size: 14.5px; line-height: 1.55; color: var(--fg2); }
.pp-doc__note .ico { margin-top: 3px; color: var(--ink); }
.pp-doc__note b { color: var(--ink); }
.pp-docs { margin-top: 40px; }
.pp-docs__t { margin-bottom: 8px; font-family: var(--f-m); font-weight: 500; font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--fg3); }
.pp-docs__row { display: grid; grid-template-columns: minmax(150px, auto) minmax(0, 1fr) auto; align-items: center; gap: 8px 22px; padding: 14px 0; border-top: 1px solid var(--line); }
.pp-docs__row:last-child { border-bottom: 1px solid var(--line); }
.pp-docs__code { font-family: var(--f-d); font-stretch: 80%; font-weight: 800; font-size: 21px; line-height: 1.05; }
.pp-docs__scope { font-size: 14.5px; line-height: 1.45; color: var(--fg2); }
.pp-docs__add { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 12px; border: 1px solid var(--line2); font-size: 11.5px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; color: var(--fg); white-space: nowrap; transition: border-color var(--t1), background-color var(--t1), color var(--t1); }
.pp-docs__add:hover { border-color: var(--ink); }
.pp-docs__add[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: var(--bone); }
.pp-doc__foot { display: grid; gap: 6px; padding: 20px clamp(24px, 3.6vw, 60px) 26px; border-top: 1px solid var(--line); font-size: 12.5px; line-height: 1.5; color: var(--fg3); }
.pp-doc__legend { color: var(--fg2); }
.pp-doc__src { font-family: var(--f-m); font-size: 11px; letter-spacing: .08em; }
.pp-print { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; }

/* ---------- 5. Koruma bağlamı: mini tehdit cetveli ---------- */
.pp-lad { --bar: clamp(170px, 22vw, 330px); --cg: clamp(10px, 1.4vw, 26px); position: relative; }
.pp-lad__kinds { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: var(--cg); margin-bottom: 26px; }
.pp-lad__kind { grid-column: 1 / span var(--np, 3); padding-bottom: 10px; border-bottom: 1px solid var(--line2); font-family: var(--f-m); font-size: 11.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--fg2); }
.pp-lad__kind--rifle { grid-column: calc(var(--np, 3) + 1) / -1; color: #ECEAE4; border-bottom-color: rgba(236,234,228,.4); }
.pp-lad__cols { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: var(--cg); align-items: end; }
.pp-lad__col { display: flex; flex-direction: column; justify-content: flex-end; min-width: 0; }
.pp-lad__val { margin-bottom: 12px; font-family: var(--f-m); font-size: 12px; color: var(--fg2); white-space: nowrap; }
.pp-lad__val b { font-family: var(--f-d); font-stretch: 78%; font-weight: 800; font-size: clamp(20px, 1.9vw, 32px); letter-spacing: 0; color: #fff; }
.pp-lad__bar { --c: 12px; position: relative; display: block; block-size: calc(var(--h) * var(--bar)); min-block-size: 8px; background: linear-gradient(180deg, rgba(236,234,228,.26) 0%, rgba(236,234,228,.07) 100%); clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%); transform-origin: bottom; }
[dir="rtl"] .pp-lad__bar { clip-path: polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c)); }
.pp-lad__col.is-rifle .pp-lad__bar { background: linear-gradient(180deg, rgba(236,234,228,.36) 0%, rgba(236,234,228,.1) 100%); }
.pp-lad__col.is-on .pp-lad__bar { background: linear-gradient(180deg, var(--au2) 0%, var(--au) 35%, var(--au3) 100%); }
.pp-lad__this { position: absolute; inset-block-start: 12px; inset-inline-start: 12px; font-family: var(--f-m); font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #0B0C0F; }
.pp-lad__lvl { margin-top: 16px; display: flex; align-items: center; font-family: var(--f-d); font-stretch: 75%; font-weight: 850; font-size: clamp(30px, 3.1vw, 56px); line-height: .9; color: rgba(236,234,228,.78); }
.pp-lad__col.is-on .pp-lad__lvl, .pp-lad__col.is-on .pp-lad__val b { color: var(--au); }
.pp-lad__round { margin-top: 10px; font-family: var(--f-m); font-size: 11.5px; line-height: 1.4; letter-spacing: .04em; color: var(--fg2); }
.pp-lad__use { margin-top: 4px; font-size: 13px; line-height: 1.4; color: var(--fg3); }
.pp-lad__col.is-on .pp-lad__round, .pp-lad__col.is-on .pp-lad__use { color: #ECEAE4; }
.pp-lad__legend { margin-top: 36px; font-size: 13.5px; color: var(--fg2); }
@media (prefers-reduced-motion: no-preference) {
  .js .pp-lad .pp-lad__bar { transform: scaleY(0); transition: transform 1100ms var(--ease-out); transition-delay: calc(var(--i, 0) * 120ms + 260ms); }
  .js .pp-lad.is-in .pp-lad__bar { transform: none; }
}

/* ---------- 6. Galeri ---------- */
.pp-gal__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.4vw, 22px); align-items: start; }
.pp-gal__grid--1 { grid-template-columns: minmax(0, 560px); }
.pp-gal__grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pp-gal__grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pp-gal__item { --c: 18px; position: relative; display: block; overflow: hidden; background: #000; }
.pp-gal__item--render { aspect-ratio: 1; background: linear-gradient(180deg, rgba(8,9,11,0) 46%, rgba(8,9,11,.72) 74%, rgba(8,9,11,.92) 100%), radial-gradient(62% 54% at 50% 36%, #2E333C 0%, #191C22 62%, #0F1115 100%); clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%); }
[dir="rtl"] .pp-gal__item--render { clip-path: polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c)); }
/* spot kutusu mutlak: uzun görseller (tam teçhizat figürü) oran kutusunun içinde kalır, alttan kesilmez */
.pp-gal__spot { position: absolute; inset: 0; display: block; }
.pp-gal__spot img { position: absolute; inset: 9% 12% 15%; width: 76%; height: 76%; object-fit: contain; filter: drop-shadow(0 22px 26px rgba(0,0,0,.55)); transition: transform var(--t3) var(--ease-out); }
/* beyaz/sarı yumuşak paneller koyu render'ların yanında parlamasın */
.pp-gal__spot img[src*="prod-soft-panels"] { filter: drop-shadow(0 22px 26px rgba(0,0,0,.55)) brightness(.8) contrast(1.05) saturate(.85); }
/* uyluktan kesik figür render'ları (kaynakta kesik): alt kenar karta yumuşakça kaybolur, kesik kırpma gibi görünmez */
.pp-gal__spot img:is([src*="prod-kit-front"], [src*="prod-kit-modules"]),
.pp-stage--render .pvis--render img:is([src*="prod-kit-front"], [src*="prod-kit-modules"]) {
  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 72%, rgba(0,0,0,0) 100%); mask-image: linear-gradient(180deg, #000 0%, #000 72%, rgba(0,0,0,0) 100%);
}
.pp-gal__item--photo { aspect-ratio: 4 / 3; }
.is-tall .pp-gal__item--photo { aspect-ratio: 4 / 5; }
.pp-gal__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.88) contrast(1.05); transition: transform var(--t3) var(--ease-out); }
.pp-gal__item:hover img { transform: scale(1.05); }
/* odak halkası: pahlı (clip-path) ve filtreli görselli bağlantılarda dış çerçeve kırpılır / görselin altında kalır →
   bağlantının İÇİNDE, görselin ÜSTÜNDE 2 px altın halka (yalnız klavye odağında; üzerine gelme çizgisinden farklı) */
.pp-gal__item::before, .pp-model__img::before, .pp-cattile::before, .pp-zoom::before {
  content: ""; position: absolute; inset: 0; z-index: 6; pointer-events: none; box-shadow: inset 0 0 0 2px var(--au), inset 0 0 0 4px rgba(6,7,8,.55); opacity: 0; transition: opacity var(--t1) var(--ease);
}
:is(.pp-gal__item, .pp-model__img, .pp-cattile, .pp-zoom):focus-visible { outline: none; }
:is(.pp-gal__item, .pp-model__img, .pp-cattile, .pp-zoom):focus-visible::before { opacity: 1; }
.pp-gal__cap { position: absolute; z-index: 2; inset-inline: 16px; inset-block-end: 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; font-family: var(--f-m); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: rgba(236,234,228,.72); }
.pp-gal__cap .ico { color: var(--au); opacity: 0; transition: opacity var(--t2); }
.pp-gal__item:hover .pp-gal__cap .ico, .pp-gal__item:focus-visible .pp-gal__cap .ico { opacity: 1; }
.pp-gal__item--photo::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(6,7,8,0) 62%, rgba(6,7,8,.6) 100%); pointer-events: none; }
/* tek görselli galeri: geniş sinematik kadraj (dikey fotoğraf ortadan kırpılır, saydam görsel geniş spot zeminde) */
.pp-gal--one .pp-gal__grid { grid-template-columns: minmax(0, 1fr); }
.pp-gal--one .pp-gal__item--photo, .pp-gal--one .is-tall .pp-gal__item--photo, .pp-gal--one .pp-gal__item--render { aspect-ratio: 21 / 9; }
.pp-gal--one .pp-gal__img { object-position: 50% 42%; }
.pp-gal--one .pp-gal__spot img { inset: 0; margin: auto; width: auto; height: auto; max-width: min(90%, 480px); max-height: 86%; }   /* 480 px kaynak büyütülmez; ortalı */
@media (max-width: 760px) { .pp-gal--one .pp-gal__item--photo, .pp-gal--one .is-tall .pp-gal__item--photo, .pp-gal--one .pp-gal__item--render { aspect-ratio: 4 / 3; } }

/* ---------- 7. İlgili ürünler ---------- */
.pp-rel__grid { grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); }
.pp-rel .pcard__media { overflow: hidden; }   /* uzun görsel (yelek, modül) kart görsel oranını büyütmesin */
.pp-rel .pvis--photo img:is([src*="/air-1-"], [src*="/air-2-"]) { filter: saturate(.7) contrast(1.1) brightness(.72); }   /* beyaz panel kareleri ilgili kartlarda da parlamasın */
.pp-cattile { --c: 18px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 380px; overflow: hidden; background: var(--k0); color: #ECEAE4; clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%); }
[dir="rtl"] .pp-cattile { clip-path: polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c)); }
.pp-cattile__img { position: absolute; inset: 0; }
.pp-cattile__img img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.7) brightness(.5) contrast(1.1); transition: transform var(--t3) var(--ease-out), filter var(--t2); }
.pp-cattile:hover .pp-cattile__img img { transform: scale(1.05); filter: saturate(.85) brightness(.6) contrast(1.1); }
.pp-cattile__body { position: relative; z-index: 1; display: grid; gap: 12px; padding: 26px 24px 24px; background: linear-gradient(180deg, rgba(6,7,8,0) 0%, rgba(6,7,8,.86) 70%); }
.pp-cattile__k { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: rgba(236,234,228,.66); }
.pp-cattile__name { font-family: var(--f-d); font-stretch: 76%; font-weight: 820; font-size: clamp(28px, 2.4vw, 40px); line-height: .92; text-transform: uppercase; color: #fff; }
.pp-cattile__more { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--au); }
.pp-cattile::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"] .pp-cattile::after { --o: right; }
.pp-cattile:hover::after, .pp-cattile:focus-visible::after { transform: scaleX(1); }
.pp-pager { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: clamp(56px, 6vw, 96px); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.pp-pager__a { display: grid; align-content: start; gap: 10px; padding-block: 26px 28px; padding-inline: 0 24px; min-width: 0; }
.pp-pager__a--next { padding-inline: 24px 0; border-inline-start: 1px solid var(--line); text-align: end; justify-items: end; }
.pp-pager__k { display: inline-flex; align-items: center; gap: 10px; font-family: var(--f-m); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--fg2); }
.pp-pager__k .ico { color: var(--au); transition: transform var(--t2) var(--ease-out); }
.pp-pager__name { font-family: var(--f-d); font-stretch: 78%; font-weight: 800; font-size: clamp(24px, 2.6vw, 44px); line-height: .95; text-transform: uppercase; color: #fff; transition: color var(--t2); }
.pp-pager__a:hover .pp-pager__name { color: var(--au); }
.pp-pager__a--next:hover .pp-pager__k .ico { transform: translateX(4px); }
.pp-pager__a--prev:hover .pp-pager__k .ico { transform: scaleX(-1) translateX(4px); }
[dir="rtl"] .pp-pager__a--next:hover .pp-pager__k .ico { transform: scaleX(-1) translateX(4px); }
[dir="rtl"] .pp-pager__a--prev .pp-pager__k .ico { transform: none; }
[dir="rtl"] .pp-pager__a--prev:hover .pp-pager__k .ico { transform: translateX(4px); }
.pp-pager__ico { transform: scaleX(-1); }

/* ---------- Yapışkan ürün çubuğu (masaüstü) ---------- */
.pp-sticky { position: fixed; inset-inline: 0; bottom: 0; z-index: 85; color: #ECEAE4; background: rgba(11,12,15,.95); border-top: 1px solid rgba(245,200,66,.32); backdrop-filter: blur(14px) saturate(1.2); -webkit-backdrop-filter: blur(14px) saturate(1.2); transform: translateY(110%); visibility: hidden; transition: transform var(--t2) var(--ease), visibility 0s linear var(--t2); padding-bottom: env(safe-area-inset-bottom); }
.pp-sticky.is-on { transform: none; visibility: visible; transition-delay: 0s; }
.pp-sticky__in { display: flex; align-items: center; gap: 16px; min-height: 66px; }
.pp-sticky__tile { inline-size: 40px; block-size: 40px; }
.pp-sticky__name { display: flex; align-items: center; gap: 14px; flex: 1; min-width: 0; }
.pp-sticky__n { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--f-d); font-stretch: 80%; font-weight: 800; font-size: 21px; line-height: 1; text-transform: uppercase; }
.pp-sticky .tag { --tagbg: #0B0C0F; flex: none; }
.pp-sticky__act { display: flex; gap: 10px; flex: none; }
.pp-sticky .btn--ghost { --bgx: #0B0C0F; }
@media (max-width: 760px) { .pp-sticky { display: none !important; } }

/* ---------- Işık kutusu ---------- */
.pp-lb { border: 0; padding: 0; margin: 0; width: 100vw; height: 100vh; max-width: 100vw; max-height: 100vh; background: transparent; color: #ECEAE4; overflow: hidden; }
.pp-lb[open] { display: grid; place-items: center; }
.pp-lb::backdrop { background: rgba(6,7,8,.93); }
.pp-lb__bar { position: fixed; inset-block-start: 0; inset-inline: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: 14px clamp(16px, 3vw, 32px); }
.pp-lb__count { font-family: var(--f-m); font-size: 12px; letter-spacing: .14em; color: rgba(236,234,228,.7); }
.pp-lb__close, .pp-lb__nav { display: grid; place-items: center; inline-size: 52px; block-size: 52px; color: #ECEAE4; background: rgba(11,12,15,.7); box-shadow: inset 0 0 0 1px rgba(236,234,228,.22); transition: background-color var(--t1), color var(--t1), box-shadow var(--t1); }
.pp-lb__close:hover, .pp-lb__nav:hover { background: var(--au); color: #0B0C0F; box-shadow: none; }
.pp-lb__fig { display: grid; justify-items: center; gap: 14px; max-width: min(1280px, calc(100vw - 160px)); padding-block: 72px; }
/* gerçek büyütme: doğal genişliğin en çok 1,6 katı, ekran yüksekliğine sığacak kadar (--lbw: doğal genişlik, --lbar: en/boy; JS yazar) */
.pp-lb__img { width: min(calc(var(--lbw, 640) * 1.6px), calc((100vh - 190px) * var(--lbar, 1.3333))); max-width: 100%; max-height: calc(100vh - 190px); height: auto; object-fit: contain; background: radial-gradient(64% 60% at 50% 40%, #2B3038 0%, #15181D 70%, #0D0F12 100%); }
.pp-lb__cap { font-family: var(--f-m); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: rgba(236,234,228,.72); text-align: center; }
.pp-lb__nav { position: fixed; z-index: 2; inset-block-start: 50%; margin-block-start: -26px; }
.pp-lb__nav--prev { inset-inline-start: clamp(12px, 2vw, 28px); }
.pp-lb__nav--next { inset-inline-end: clamp(12px, 2vw, 28px); }
@media (max-width: 760px) {
  .pp-lb__fig { max-width: calc(100vw - 24px); padding-block: 72px 96px; }
  .pp-lb__nav { inset-block-start: auto; inset-block-end: 20px; margin: 0; }
}

/* ---------- Duyarlı yerleşim ---------- */
@media (max-width: 1240px) {
  .pp-feat { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pp-feat__item:nth-child(3) { padding-inline-start: 0; border-inline-start: 0; }
  .pp-feat__item:nth-child(n+3) { margin-top: 28px; }
  .pp-rel__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* tablet yatay: iki sütun korunur, sahne küçülür */
@media (max-width: 1100px) and (min-width: 901px) {
  .pp-hero { --pp-gap: 32px; }
  .pp-hero__vis { max-width: 440px; }
  .pp-fact dd { font-size: 20px; }
}
/* tablet dikey + telefon: tek sütun (görsel üstte) */
@media (max-width: 900px) {
  .pp-hero__in, .pp-hero--photo .pp-hero__in { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; grid-template-areas: "crumbs" "vis" "txt"; align-items: start; }
  .pp-hero__vis, .pp-hero--photo .pp-hero__vis { justify-self: center; max-width: 520px; margin-top: 22px; }
  .pp-hero__txt { padding-top: 6px; }
  .pp-title, .pp-title--l, .pp-title--xl { max-width: none; }
  .pp-hero__shade { background: linear-gradient(180deg, rgba(6,7,8,.2) 0%, rgba(6,7,8,.3) 40%, rgba(6,7,8,.78) 72%, rgba(6,7,8,.9) 100%); }
  [dir="rtl"] .pp-hero__shade { background: linear-gradient(180deg, rgba(6,7,8,.2) 0%, rgba(6,7,8,.3) 40%, rgba(6,7,8,.78) 72%, rgba(6,7,8,.9) 100%); }
}
@media (max-width: 1100px) {
  .pp-over__grid, .pp-apps--row { grid-template-columns: minmax(0, 1fr); }
  .pp-over__head { position: static; }
  .pp-models { grid-template-columns: minmax(0, 1fr); max-width: 680px; }
  .pp-models--one { max-width: none; }
  .pp-models--one .pp-model { grid-template-columns: minmax(0, 1fr); }
  .pp-models--one .pp-model__media { max-width: 640px; width: 100%; }
  .pp-doc__grid { grid-template-columns: minmax(0, 1fr); }
  .pp-gal__grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pp-gal--one .wrap { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .pp-hero { min-height: 0; }
  .pp-hero__in { padding-block: calc(var(--mast) + 16px) 36px; }
  .pp-hero__vis { max-width: 400px; margin-top: 14px; }
  .pp-stage__hud--te { display: none; }
  .pp-stage--ph .pp-stage__fig { inset: 13%; }
  .pp-stage--ph .pvis--ph:not(.pvis--glyph) .pvis__tag { font-size: clamp(26px, 8vw, 36px); padding-bottom: 16%; }
  .pp-stage--ph .pvis--glyph .pvis__glyph { top: 16%; inset-inline-start: 9%; width: 82%; height: 56%; }
  .pp-stage--ph .pvis--glyph .pvis__sch { display: block; inset-block-start: 14px; inset-inline-end: 14px; font-size: 9px; }
  .pp-stage--ph .pvis__mark { inline-size: 28px; inset-block-end: 14px; inset-inline-end: 14px; }
  .pp-pid__tb { grid-template-columns: minmax(0, 1fr); padding-inline-end: 52px; }
  .pp-pid__cell + .pp-pid__cell { display: none; }
  .pp-pid__cell { padding: 10px 14px 12px; font-size: 12.5px; }
  .pp-title { margin-top: 16px; font-size: clamp(42px, 12.4vw, 60px); }
  .pp-title--l { font-size: clamp(38px, 10.6vw, 52px); }
  .pp-title--xl { font-size: clamp(34px, 9.4vw, 46px); }
  .pp-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pp-fact:nth-child(3) { grid-column: 1 / -1; padding-inline-start: 0; border-inline-start: 0; border-top: 1px solid rgba(236,234,228,.12); margin-top: 14px; }
  .pp-fact:nth-child(3)::before { inset-inline-start: 0; }
  .pp-hero__act .btn { flex: 1 1 auto; }
  .pp-hero__bar-in { gap: 8px 24px; font-size: 11px; }
  .pp-hero__down, .pp-hero__fam { display: none; }
  .pp-feat { grid-template-columns: minmax(0, 1fr); }
  .pp-feat__item, .pp-feat__item + .pp-feat__item { padding-inline: 0; border-inline-start: 0; }
  .pp-feat__item + .pp-feat__item { margin-top: 18px; border-top: 1px solid var(--line); }
  .pp-feat__item:nth-child(n+3) { margin-top: 18px; }
  .pp-fam__count { justify-items: start; }
  .pp-models--one .pp-model__img--sub { inline-size: 40%; inset-block-end: 12px; inset-inline-end: 12px; }
  .pp-doc { padding-block: 56px; }
  .pp-doc__sheet { --c: 28px; }
  .pp-doc__head { grid-template-columns: auto minmax(0, 1fr); padding-inline-end: calc(var(--c) + 12px); }
  .pp-doc__ref, .pp-doc__rev { grid-column: 1 / -1; text-align: start; justify-self: start; }
  .pp-doc__act .btn { width: 100%; }
  .pp-spec th { width: 46%; }
  .pp-docs__row { grid-template-columns: minmax(0, 1fr) auto; }
  .pp-docs__scope { grid-column: 1 / -1; grid-row: 2; }
  .pp-docs__add, .pp-print { min-height: 44px; }
  .pp-doc__act { width: 100%; }
  .pp-dep__body::before { display: none; }
  /* tehdit cetveli → yatay çubuklar */
  .pp-lad__kinds { display: none; }
  .pp-lad__cols { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
  .pp-lad__col { display: grid; grid-template-columns: 92px minmax(0, 1fr) auto; grid-template-areas: "lvl bar val" "lvl round round" "lvl use use"; align-items: center; column-gap: 14px; padding-block: 16px; border-top: 1px solid var(--line); }
  .pp-lad__col:last-child { border-bottom: 1px solid var(--line); }
  .pp-lad__lvl { grid-area: lvl; margin: 0; font-size: 34px; white-space: nowrap; }
  .pp-lad__lvl .streak { inline-size: 12px; margin-inline-end: 8px; }
  .pp-lad__bar { grid-area: bar; block-size: 12px; min-block-size: 0; inline-size: calc(var(--h) * 100%); min-inline-size: 8px; transform-origin: left; --c: 6px; }
  [dir="rtl"] .pp-lad__bar { transform-origin: right; }
  .pp-lad__this { display: none; }
  .pp-lad__val { grid-area: val; margin: 0; }
  .pp-lad__val b { font-size: 20px; }
  .pp-lad__round { grid-area: round; margin-top: 8px; }
  .pp-lad__use { grid-area: use; }
  .pp-gal__grid, .pp-gal__grid--2, .pp-gal__grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .pp-gal__grid--1 { grid-template-columns: minmax(0, 1fr); }
  .pp-gal__cap { inset-inline: 10px; inset-block-end: 8px; font-size: 10px; }
  /* ilgili ürünler: yana kaydırılan şerit (sonraki kart görünür kalır) */
  .pp-rel__grid { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(80%, 320px); gap: 12px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; margin-inline: calc(-1 * var(--m)); padding-inline: var(--m); scroll-padding-inline: var(--m); padding-bottom: 6px; scrollbar-width: thin; scrollbar-color: rgba(245,200,66,.5) transparent; }
  .pp-rel__grid > * { scroll-snap-align: start; }
  .pp-cattile { min-height: 260px; }
  .pp-pager { grid-template-columns: minmax(0, 1fr); }
  .pp-pager__a--next { border-inline-start: 0; border-top: 1px solid var(--line); padding-inline: 0; }
}
@media (max-width: 760px) and (prefers-reduced-motion: no-preference) {
  .js .pp-lad .pp-lad__bar { transform: scaleX(0); }
  .js .pp-lad.is-in .pp-lad__bar { transform: none; }
}
@media (max-width: 420px) {
  .pp-hero__act .btn { width: 100%; }
}

/* ---------- Arapça: harf aralığı / büyük harf yok, dar yazı yok ---------- */
[lang="ar"] .pp-fact dt, [lang="ar"] .pp-stage__hud, [lang="ar"] .pp-hero__bar-in, [lang="ar"] .pp-feat__t, [lang="ar"] .pp-apps__name, [lang="ar"] .pp-apps--row li,
[lang="ar"] .pp-fam__count, [lang="ar"] .pp-model__k, [lang="ar"] .pp-model__cell dt, [lang="ar"] .pp-doc__brand b, [lang="ar"] .pp-doc__brand span, [lang="ar"] .pp-doc__ref,
[lang="ar"] .pp-doc__order-t, [lang="ar"] .pp-docs__t, [lang="ar"] .pp-docs__add, [lang="ar"] .pp-lad__kind, [lang="ar"] .pp-lad__this, [lang="ar"] .pp-gal__cap,
[lang="ar"] .pp-cattile__k, [lang="ar"] .pp-cattile__name, [lang="ar"] .pp-cattile__more, [lang="ar"] .pp-pager__k, [lang="ar"] .pp-pager__name, [lang="ar"] .pp-sticky__n,
[lang="ar"] .pp-plate__btn, [lang="ar"] .pp-plate__hint, [lang="ar"] .pp-lb__cap, [lang="ar"] .pp-model__name, [lang="ar"] .pp-lad__round {
  letter-spacing: 0; text-transform: none;
}
[lang="ar"] .pp-fact dt, [lang="ar"] .pp-stage__hud, [lang="ar"] .pp-hero__bar-in, [lang="ar"] .pp-model__k, [lang="ar"] .pp-model__cell dt, [lang="ar"] .pp-doc__order-t,
[lang="ar"] .pp-docs__t, [lang="ar"] .pp-lad__kind, [lang="ar"] .pp-gal__cap, [lang="ar"] .pp-cattile__k, [lang="ar"] .pp-pager__k, [lang="ar"] .pp-plate__hint, [lang="ar"] .pp-lb__cap {
  font-family: var(--f-d); font-weight: 600; font-size: 12.5px;
}
/* kaynak satırı, künye hücre başlıkları, "صورة توضيحية" notu, şematik alt notu, seviye plakası etiketleri: harf aralığı/büyük harf yok */
[lang="ar"] :is(.pp-doc__src, .pp-pid__cell b, .pp-photo__lbl, .pp-stage__hud small, .pp-model__std, .pp-model__lvk, .pp-model__u, .pp-plate__go, .pvis__sch) {
  letter-spacing: 0; text-transform: none; font-family: var(--f-d);
}
[lang="ar"] :is(.pp-pid__cell b, .pp-photo__lbl, .pp-stage__hud small, .pp-model__lvk, .pp-model__u) { font-size: 11.5px; font-weight: 600; }
[lang="ar"] .pp-model__std bdi { font-family: var(--f-m); }
[lang="ar"] .pp-title { font-size: clamp(36px, 4.5vw, 76px); line-height: 1.24; max-width: 14ch; }
[lang="ar"] .pp-title--l { font-size: clamp(34px, 4vw, 66px); }
[lang="ar"] .pp-title--xl { font-size: clamp(30px, 3.5vw, 58px); max-width: 18ch; }
[lang="ar"] .pp-fact dd, [lang="ar"] .pp-feat__t, [lang="ar"] .pp-apps__name, [lang="ar"] .pp-apps--row li, [lang="ar"] .pp-model__name, [lang="ar"] .pp-model__v,
[lang="ar"] .pp-doc__ref, [lang="ar"] .pp-docs__code, [lang="ar"] .pp-lad__lvl, [lang="ar"] .pp-cattile__name, [lang="ar"] .pp-pager__name, [lang="ar"] .pp-sticky__n {
  font-stretch: 100%; line-height: 1.3;
}
[lang="ar"] .pp-fact dd { font-size: clamp(18px, 1.5vw, 23px); font-weight: 700; }
[lang="ar"] .pp-apps__name { font-size: clamp(26px, 2.8vw, 46px); font-weight: 700; }
[lang="ar"] .pp-feat__t { font-size: clamp(19px, 1.5vw, 23px); font-weight: 700; }
[lang="ar"] .pp-pager__name, [lang="ar"] .pp-cattile__name { font-size: clamp(20px, 2vw, 32px); font-weight: 700; }
[lang="ar"] .pp-sticky__n { font-size: 18px; font-weight: 700; }
[lang="ar"] .pp-lad__lvl, [lang="ar"] .pp-model__name, [lang="ar"] .pp-model__v, [lang="ar"] .pp-docs__code, [lang="ar"] .pp-fam__count .num { font-family: "Hubot Sans", "Hubot Fallback", Arial, sans-serif; font-stretch: 75%; line-height: .95; }
/* ar.css tüm <bdi>'leri Mona Sans'a çevirir; büyük teknik kodlar (model adı, seviye, belge kodu) dar Hubot'ta kalsın */
[lang="ar"] .pp-model__name bdi, [lang="ar"] .pp-model__v bdi, [lang="ar"] .pp-lad__lvl bdi, [lang="ar"] .pp-docs__code bdi { font-family: inherit; }
@media (max-width: 760px) { .pp-models--one .pp-model__name { font-size: clamp(40px, 11vw, 60px); } }
@media (max-width: 760px) {
  [lang="ar"] .pp-title { font-size: clamp(32px, 9vw, 44px); }
  [lang="ar"] .pp-title--l, [lang="ar"] .pp-title--xl { font-size: clamp(28px, 7.8vw, 38px); }
}

/* ---------- Yazdırma: ürün föyü (başlık + değerler + tablo) ---------- */
@media print {
  .pp-hero__media, .pp-hero .cine__scrim, .pp-hero__shade, .pp-hero__vis, .pp-hero__bar, .pp-hero__act, .pp-hero__crumbs,
  .pp-over, .pp-fam, .pp-thr, .pp-gal, .pp-rel, .pp-sticky, .pp-lb, .pp-doc__act, .pp-print, .band, .foot, .pp-docs__add { display: none !important; }
  .pp-hero, .pp-doc { min-height: 0; padding: 0; background: #fff !important; color: #000 !important; }
  .pp-hero.grain::after, .grain::after { display: none !important; }
  .pp-hero__in { display: block; padding: 0 0 16px; }
  .pp-title { font-size: 40px; color: #000; max-width: none; } .pp-title em { color: #000; }
  .pp-hero__lead, .pp-fact dd, .pp-fact dt { color: #000 !important; }
  .pp-fact::before { background: #000; }
  .pp-doc__sheet { clip-path: none; background: #fff; }
  .pp-doc__sheet::after { display: none; }
  [data-reveal] { opacity: 1 !important; transform: none !important; }
}
[lang="ar"] .pp-doc__rev { letter-spacing: 0; font-family: var(--f-d); font-size: 12px; }

/* çözüm sayfasına çapraz bağlantı kartı (ürün ↔ platform çözüm sayfası) */
.pp-sol__card{ display:flex; flex-direction:column; gap:.55rem; padding:clamp(1.4rem,2.6vw,2.2rem); border:1px solid var(--line2); border-radius:4px; background:var(--k2); text-decoration:none; transition:border-color var(--t1) var(--ease); max-width:860px; }
.pp-sol__card:hover{ border-color:var(--au3); }
.pp-sol__t{ font:800 clamp(1.3rem,2.4vw,1.9rem)/1.1 var(--f-d); color:var(--fg); text-transform:uppercase; }
.pp-sol__d{ font:400 .95rem/1.55 var(--f); color:var(--fg2); }