/* ============================================================
   Phira — tasarım konsepti (prototip)
   Kit token'ları ezilir + Phira'ya özel .ph-* katmanı.
   Üretime alınırken bu dosya assets/css/site.css olur.
   ============================================================ */

@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../assets/fonts/archivo/archivo-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../assets/fonts/archivo/archivo-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Marka — logodan: #E1251B kırmızı, #1A1413 sıcak siyah */
  --k-brand: #e1251b;
  --k-brand-ink: #a8140d;
  --k-brand-soft: #f8e9e2;
  --k-brand-on: #ffffff;

  /* Nötr-sıcak eksen: kum yerine kağıt beyazı + grafit; canlılık kırmızıdan gelir */
  --k-ink: #17110f;
  --k-ink-2: #3f3632;
  --k-ink-3: #6b605a;
  --k-ink-4: #9d938d;

  --k-bg: #ffffff;
  --k-bg-2: #f3f2f0;
  --k-bg-3: #e6e4e1;
  --k-line: #e0ddd9;
  --k-line-2: #c9c4bf;

  --k-deep: #141010;
  --k-deep-2: #1f1917;
  --k-deep-line: #3a302c;
  --k-deep-ink: #f5f1ed;
  --k-deep-ink-2: #a79d97;

  /* Keskin köşe, gölgesiz yüzey */
  --k-radius-sm: 0px;
  --k-radius: 0px;
  --k-radius-lg: 0px;
  --k-shadow-sm: none;
  --k-shadow: none;
  --k-shadow-lg: 0 24px 60px rgb(26 20 19 / .10);

  --k-font-head: "Archivo", "Inter", system-ui, sans-serif;
  --k-container: 1280px;
  --k-section: clamp(3.25rem, 2.5rem + 2.4vw, 5rem);
  --k-section-sm: clamp(2.25rem, 1.8rem + 1.6vw, 3.25rem);
  --k-ls-tight: -0.035em;
}

/* Taban beyaz; --alt bölümler açık grafit panel */
body { background: var(--k-bg); }
.k-section--alt { background: var(--k-bg-2); }
h1, h2, h3, h4 { font-family: var(--k-font-head); }
h1, h2 { font-weight: 760; }

/* Kit butonunu keskinleştir */
.k-btn { letter-spacing: .01em; text-transform: none; }

/* ---------- Numaralı bölüm başlığı ---------- */
.ph-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--k-5);
  align-items: start;
  margin-bottom: var(--k-6);
  padding-top: var(--k-4);
  border-top: 1px solid var(--k-line-2);
}
.ph-head__num {
  font-family: var(--k-font-head);
  font-size: var(--k-text-sm);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--k-brand);
  letter-spacing: var(--k-ls-wide);
  padding-top: .35rem;
}
.ph-head__title {
  margin: 0;
  font-size: var(--k-h2);
  line-height: var(--k-lh-tight);
  letter-spacing: var(--k-ls-tight);
  max-width: 22ch;
}
.ph-head__lede {
  margin: var(--k-4) 0 0;
  max-width: 62ch;
  color: var(--k-ink-3);
  font-size: var(--k-text-md);
}
.k-section--deep .ph-head { border-top-color: var(--k-deep-line); }
.k-section--deep .ph-head__lede { color: var(--k-deep-ink-2); }

/* ---------- Hero: katalog vitrini ----------
   Solda model listesi, sağda o modelin parçaları 4 sütunlu teknik çizelgede.
   Tamponlar 2 sütun kaplar; son satırın boşluğunu "katalogda gör" hücresi doldurur. */
.ph-vitrin { background: var(--k-deep); color: var(--k-deep-ink); }
.ph-vitrin__ust {
  display: grid; grid-template-columns: 1.35fr 1fr;
  gap: var(--k-6); align-items: end;
  margin-bottom: var(--k-6);
}
.ph-vitrin__eyebrow {
  margin: 0 0 var(--k-4);
  display: flex; align-items: center; gap: var(--k-3);
  font-size: var(--k-text-xs); font-weight: 700;
  letter-spacing: .16em; text-transform: uppercase;
  color: var(--k-deep-ink-2);
}
.ph-vitrin__eyebrow::before { content: ""; width: 2.5rem; height: 2px; background: var(--k-brand); }
.ph-vitrin__baslik {
  margin: 0; max-width: 16ch;
  font-size: clamp(2.3rem, 1.3rem + 3.3vw, 4.4rem);
  line-height: 1.0; letter-spacing: -0.04em; font-weight: 800;
  color: #fff;
}
.ph-vitrin__baslik em { font-style: normal; color: var(--k-brand); }
.ph-vitrin__lede { margin: 0; color: var(--k-deep-ink-2); font-size: var(--k-text-md); max-width: 44ch; }
.ph-vitrin__slogan {
  margin: var(--k-5) 0 0; padding: var(--k-4) 0 0;
  border-top: 1px solid var(--k-deep-line);
  font-family: var(--k-font-head); font-size: var(--k-h4); font-weight: 750;
  letter-spacing: -0.02em; line-height: 1.25; color: #fff; max-width: 32ch;
}

.ph-vitrin__govde {
  display: grid; grid-template-columns: 15rem minmax(0, 1fr);
  border: 1px solid var(--k-deep-line);
}

/* Model listesi */
.ph-model { display: flex; flex-direction: column; min-width: 0; border-right: 1px solid var(--k-deep-line); }
.ph-model__baslik {
  margin: 0; padding: .8rem 1rem;
  border-bottom: 1px solid var(--k-deep-line);
  font-size: .6875rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
  color: var(--k-deep-ink-2);
}
.ph-model__liste { list-style: none; margin: 0; padding: 0; }
.ph-model__liste li { margin: 0; }
.ph-model__btn {
  position: relative; display: grid; width: 100%;
  grid-template-columns: auto 1fr; column-gap: .45rem; align-items: baseline;
  padding: .6rem 1rem .6rem 1.15rem;
  border: 0; border-bottom: 1px solid var(--k-deep-line);
  background: none; color: inherit; font: inherit; text-align: left; cursor: pointer;
  transition: background .2s ease;
}
.ph-model__btn::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: var(--k-brand); transform: scaleY(0); transition: transform .25s ease;
}
.ph-model__btn:hover { background: rgb(255 255 255 / .03); }
.ph-model__btn[aria-pressed="true"] { background: var(--k-deep-2); }
.ph-model__btn[aria-pressed="true"]::before { transform: none; }
.ph-model__btn:focus-visible { outline: 2px solid var(--k-brand); outline-offset: -2px; }
.ph-model__marka { font-size: var(--k-text-sm); font-weight: 600; color: var(--k-deep-ink-2); }
.ph-model__ad { font-family: var(--k-font-head); font-size: var(--k-text-md); font-weight: 750; letter-spacing: -0.01em; color: #fff; line-height: 1.2; }
.ph-model__yil { grid-column: 1 / -1; font-size: var(--k-text-xs); color: var(--k-deep-ink-2); font-variant-numeric: tabular-nums; }
.ph-model__btn:not([aria-pressed="true"]) .ph-model__ad { color: var(--k-deep-ink-2); }
.ph-model__tum {
  margin-top: auto; padding: .9rem 1rem;
  font-size: var(--k-text-sm); font-weight: 600; color: var(--k-deep-ink); text-decoration: none;
}
.ph-model__tum:hover { color: var(--k-brand); }

/* Otomatik geçiş göstergesi — vitrin.js doldurur (scaleX) */
.ph-model__sure {
  position: absolute; left: 0; right: 0; bottom: -1px; height: 2px;
  background: var(--k-brand); transform-origin: left; transform: scaleX(0);
}
.ph-vitrin.is-elle .ph-model__sure { display: none; }

/* Çizelge */
.ph-cizelge {
  position: relative;
  display: flex; flex-direction: column;
  background:
    radial-gradient(70% 80% at 50% 40%, rgb(255 236 226 / .07), transparent 70%),
    var(--k-deep);
}
.ph-cizelge__ust {
  display: flex; justify-content: space-between; align-items: baseline; gap: var(--k-4);
  padding: .8rem 1rem;
  border-bottom: 1px solid var(--k-deep-line);
}
.ph-cizelge__arac { font-size: .6875rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #fff; }
.ph-cizelge__not { font-size: var(--k-text-xs); color: var(--k-deep-ink-2); font-variant-numeric: tabular-nums; }
.ph-cizelge__grid {
  flex: 1;
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 1fr;
  margin: 0; padding: 0; list-style: none;
}
.ph-cizelge__grid.is-cikis .ph-hucre {
  opacity: 0; transform: translateY(-6px);
  transition: opacity .2s ease, transform .2s ease;
  transition-delay: 0s;
}

.ph-hucre {
  position: relative; margin: 0;
  display: grid; place-items: center;
  min-height: 12rem;
  padding: 2.9rem 1.25rem 1.9rem;
  border-right: 1px solid var(--k-deep-line);
  border-bottom: 1px solid var(--k-deep-line);
  transition: opacity .45s ease, transform .55s cubic-bezier(.2, .7, .2, 1), background .2s ease;
  transition-delay: calc(var(--i, 0) * 40ms), calc(var(--i, 0) * 40ms), 0s;
}
.ph-hucre.is-giris { opacity: 0; transform: translateY(12px); }
.ph-hucre--buyuk { grid-column: span 2; min-height: 14rem; }
.ph-hucre--span-1 { grid-column: span 1; }
.ph-hucre--span-2 { grid-column: span 2; }
.ph-hucre--span-3 { grid-column: span 3; }
.ph-hucre--span-4 { grid-column: span 4; min-height: 0; }
.ph-hucre:hover { background: rgb(255 255 255 / .03); }
.ph-hucre img {
  display: block; width: auto; height: auto;
  max-width: 100%; max-height: 7.5rem;
  object-fit: contain;
  transition: transform .35s ease;
}
.ph-hucre--buyuk img { max-height: 9.5rem; }
.ph-hucre--koyu img { filter: brightness(1.4) contrast(1.05); }
.ph-hucre:hover img { transform: scale(1.04); }
.ph-hucre__kod {
  position: absolute; left: .85rem; top: .7rem;
  font-family: var(--k-font-head); font-size: .75rem; font-weight: 750;
  color: var(--k-brand); font-variant-numeric: tabular-nums; letter-spacing: .02em;
}
.ph-hucre__ad {
  position: absolute; left: .85rem; right: .85rem; top: 1.65rem;
  font-size: .75rem; color: var(--k-deep-ink); line-height: 1.3;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ph-hucre__oem {
  position: absolute; right: .85rem; bottom: .6rem;
  font-size: .6875rem; color: var(--k-deep-ink-2); font-variant-numeric: tabular-nums;
}
.ph-hucre--daha { padding: 0; place-items: stretch; }
.ph-hucre--daha a {
  display: flex; flex-direction: column; justify-content: center; gap: .3rem;
  padding: var(--k-5);
  color: #fff; text-decoration: none;
  transition: background .2s ease;
}
.ph-hucre--daha a:hover { background: var(--k-brand); }
.ph-hucre--daha b { color: #fff; font-family: var(--k-font-head); font-size: var(--k-text-lg); font-weight: 750; letter-spacing: -0.02em; }
.ph-hucre--daha span { font-size: var(--k-text-sm); color: var(--k-deep-ink-2); }
.ph-hucre--daha a:hover span { color: #fff; }

@media (prefers-reduced-motion: reduce) {
  .ph-hucre, .ph-cizelge__grid.is-cikis .ph-hucre { transition: none; }
}

@media (max-width: 1000px) {
  .ph-vitrin__ust { grid-template-columns: 1fr; gap: var(--k-5); }
  .ph-vitrin__govde { grid-template-columns: minmax(0, 1fr); }
  .ph-model { border-right: 0; border-bottom: 1px solid var(--k-deep-line); }
  .ph-model__baslik, .ph-model__tum { display: none; }
  .ph-model__liste { display: flex; overflow-x: auto; scrollbar-width: none; }
  .ph-model__liste li { flex: none; }
  .ph-model__btn { border-bottom: 0; border-right: 1px solid var(--k-deep-line); padding-right: 1.25rem; }
  .ph-model__btn::before { top: auto; right: 0; width: auto; height: 3px; transform: scaleX(0); }
  .ph-model__btn[aria-pressed="true"]::before { transform: none; }
  .ph-model__sure { bottom: 0; }
}
@media (max-width: 640px) {
  .ph-cizelge__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: auto; }
  .ph-hucre { min-height: 9.5rem; padding: 2.7rem .75rem 1.6rem; }
  .ph-hucre--buyuk { min-height: 10rem; }
  .ph-hucre img { max-height: 5rem; }
  .ph-hucre--buyuk img { max-height: 6.5rem; }
  .ph-hucre--daha { grid-column: 1 / -1; }
  .ph-hucre__oem { display: none; }
}

/* ---------- "İlk seferde oturur": montaj sahnesi ----------
   .ph-sahne yüksek bir kaydırma rayı; içindeki __pin ekrana yapışır,
   sahne.js ilerlemeyi (--p) ve parça transform'larını yazar. */
.ph-sahne {
  position: relative;
  height: 320vh;
  background: var(--k-deep);
  color: var(--k-deep-ink);
}
.ph-sahne__pin {
  position: sticky; top: var(--ph-ust, 0px);
  height: calc(100vh - var(--ph-ust, 0px)); height: calc(100svh - var(--ph-ust, 0px));
  overflow: hidden;
}
.ph-sahne__zemin {
  position: absolute; inset: 0;
  background:
    radial-gradient(46% 52% at 64% 50%, rgb(255 236 226 / .16), transparent 70%),
    radial-gradient(80% 70% at 64% 55%, #2c2220 0%, #171211 55%, #0d0a09 100%);
}
/* Teknik çizim ızgarası — merkezde görünür, kenarda söner */
.ph-sahne__zemin::after {
  content: ""; position: absolute; inset: 0;
  background-image:
    linear-gradient(rgb(255 255 255 / .045) 1px, transparent 1px),
    linear-gradient(90deg, rgb(255 255 255 / .045) 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: radial-gradient(55% 60% at 64% 50%, #000, transparent);
  mask-image: radial-gradient(55% 60% at 64% 50%, #000, transparent);
}

/* Sol metin sütunu */
.ph-sahne__metin {
  position: absolute; z-index: 3;
  left: max(var(--k-gutter, 1.25rem), calc((100vw - var(--k-container)) / 2 + var(--k-gutter, 1.25rem)));
  top: clamp(2.5rem, 9vh, 6rem);
  width: min(29rem, 34vw);
}
.ph-sahne__eyebrow {
  margin: 0 0 var(--k-4);
  display: flex; align-items: center; gap: var(--k-3);
  font-size: var(--k-text-xs); font-weight: 700;
  letter-spacing: .16em; text-transform: uppercase;
  color: var(--k-deep-ink-2);
}
.ph-sahne__eyebrow::before { content: ""; width: 2.5rem; height: 2px; background: var(--k-brand); }
.ph-sahne__baslik {
  margin: 0;
  font-size: clamp(2.8rem, 1.4rem + 4.6vw, 6.2rem);
  line-height: .95;
  letter-spacing: -0.045em;
  font-weight: 800;
  color: #fff;
}
.ph-sahne__baslik em { font-style: normal; color: var(--k-brand); display: block; }

/* Üç adım — aktif olan açılır */
.ph-adim { list-style: none; margin: var(--k-6) 0 0; padding: 0; counter-reset: none; }
.ph-adim__item {
  display: grid; grid-template-columns: 2.25rem 1fr; gap: var(--k-3);
  margin: 0; padding: var(--k-3) 0;
  border-top: 1px solid var(--k-deep-line);
  opacity: .42;
  transition: opacity .4s ease;
}
.ph-adim__item.is-aktif { opacity: 1; }
.ph-adim__no {
  font-family: var(--k-font-head); font-size: var(--k-text-xs); font-weight: 700;
  color: var(--k-brand); letter-spacing: .08em; padding-top: .3rem;
  font-variant-numeric: tabular-nums;
}
.ph-adim__item h3 {
  margin: 0;
  font-size: var(--k-text-md); font-weight: 700; letter-spacing: -0.01em;
  color: #fff;
}
.ph-adim__item p {
  margin: 0; max-height: 0; overflow: hidden;
  color: var(--k-deep-ink-2); font-size: var(--k-text-sm);
  transition: max-height .5s ease, margin .5s ease;
}
.ph-adim__item.is-aktif p { max-height: 8rem; margin-top: var(--k-2); }

.ph-sahne__aksiyon { display: flex; flex-wrap: wrap; align-items: center; gap: var(--k-5); margin-top: var(--k-6); }
.ph-sahne__link { color: var(--k-deep-ink); font-weight: 600; font-size: var(--k-text-sm); text-decoration: none; }
.ph-sahne__link:hover { color: var(--k-brand); }

/* 3B sahne */
.ph-sahne__stage {
  position: absolute; inset: 14% 0 0 30%;
  display: flex; align-items: center; justify-content: center;
  perspective: 1800px;
  perspective-origin: 50% 40%;
}
.ph-rig {
  position: relative;
  width: min(48vw, 820px);
  aspect-ratio: 16 / 9;
  container-type: inline-size;
  transform-style: preserve-3d;
  will-change: transform;
}
.ph-parca {
  position: absolute; left: 50%; top: 50%;
  max-width: none; height: auto;
  will-change: transform;
  -webkit-user-drag: none; user-select: none;
}
/* Atölye zemini: rig içinde yatay düzlem; parçalar montaj öncesi bunun üstünde dizili */
.ph-zemin-plaka {
  position: absolute; left: 50%; top: 50%;
  width: 150%; aspect-ratio: 3 / 2;
  transform: translate(-50%, -50%) translate3d(0, calc(var(--ph-zemin-y, .24) * 100cqw), 0) rotateX(90deg);
  background-image:
    linear-gradient(rgb(255 255 255 / .07) 1px, transparent 1px),
    linear-gradient(90deg, rgb(255 255 255 / .07) 1px, transparent 1px);
  background-size: 6.25% 9.375%;
  -webkit-mask-image: radial-gradient(closest-side, #000 45%, transparent);
  mask-image: radial-gradient(closest-side, #000 45%, transparent);
  pointer-events: none;
}
/* Siyah PP parçalar koyu zeminde kaybolmasın */
.ph-parca:not([data-parca="tampon"]) { filter: brightness(1.45) contrast(1.05); }
.ph-sahne:not(.is-hazir) .ph-parca,
.ph-sahne:not(.is-hazir) .ph-etiket { opacity: 0; }

/* CZ etiketi — tamponun sağ yanağına basılır */
.ph-etiket {
  position: absolute; left: 50%; top: 50%;   /* yeri sahne.js verir (tampon düzleminde) */
  display: flex; align-items: stretch;
  background: #fff; color: var(--k-ink);
  box-shadow: 0 10px 30px rgb(0 0 0 / .35);
  opacity: 0;
  pointer-events: none;
}
.ph-etiket__cz {
  display: grid; place-items: center;
  padding: .35rem .55rem;
  background: var(--k-brand); color: #fff;
  font-family: var(--k-font-head); font-weight: 800; font-size: clamp(.8rem, .6rem + .6vw, 1.15rem);
  letter-spacing: -.02em;
}
.ph-etiket__metin {
  padding: .35rem .6rem;
  font-size: clamp(.5rem, .42rem + .3vw, .68rem); line-height: 1.25;
  text-transform: uppercase; letter-spacing: .06em; white-space: nowrap;
}
.ph-etiket__metin b { font-weight: 800; }

/* Oturma anı: kırmızı vizör köşeleri */
.ph-kose {
  position: absolute; width: 2.25rem; height: 2.25rem;
  border: 0 solid var(--k-brand);
  opacity: 0; transform: scale(1.35);
  transition: opacity .35s ease, transform .45s cubic-bezier(.2, 1.4, .4, 1);
}
.ph-kose--1 { left: 12%; top: 24%; border-top-width: 2px; border-left-width: 2px; }
.ph-kose--2 { right: 6%; top: 24%; border-top-width: 2px; border-right-width: 2px; }
.ph-kose--3 { left: 12%; bottom: 20%; border-bottom-width: 2px; border-left-width: 2px; }
.ph-kose--4 { right: 6%; bottom: 20%; border-bottom-width: 2px; border-right-width: 2px; }
.ph-sahne.is-oturdu .ph-kose { opacity: 1; transform: none; }

/* Sağ alt künye */
.ph-hud {
  position: absolute; z-index: 3;
  right: max(var(--k-gutter, 1.25rem), calc((100vw - var(--k-container)) / 2 + var(--k-gutter, 1.25rem)));
  top: clamp(2.5rem, 9vh, 6rem);
  width: 17rem;
  font-size: var(--k-text-xs);
  color: var(--k-deep-ink-2);
  font-variant-numeric: tabular-nums;
}
.ph-hud__arac { text-transform: uppercase; letter-spacing: .14em; font-weight: 700; }
.ph-hud__ref {
  margin: .25rem 0 var(--k-3);
  font-family: var(--k-font-head); font-size: var(--k-text-lg); font-weight: 750; color: #fff;
}
.ph-hud__ref span { display: block; font-family: var(--k-font); font-size: var(--k-text-xs); font-weight: 500; color: var(--k-deep-ink-2); }
.ph-hud__liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--k-deep-line); }
.ph-hud__liste li {
  display: flex; align-items: center; gap: .6rem;
  margin: 0; padding: .4rem 0;
  border-bottom: 1px solid var(--k-deep-line);
  transition: color .3s ease;
}
.ph-hud__liste li::before {
  content: ""; flex: none; width: .55rem; height: .55rem;
  border: 1px solid var(--k-deep-ink-2);
  transition: background .25s ease, border-color .25s ease;
}
.ph-hud__liste li.is-tamam { color: #fff; }
.ph-hud__liste li.is-tamam::before { background: var(--k-brand); border-color: var(--k-brand); }

/* Araç seçici — birleşen grubun altında ortada; tıklanınca sahne o aracın ön grubuyla yeniden kurulur */
.ph-arac-sec {
  position: absolute; z-index: 3;
  left: 30%; right: 0; bottom: clamp(1.25rem, 4vh, 2.5rem);
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .5rem .9rem;
}
.ph-arac-sec__baslik {
  margin: 0;
  font-size: var(--k-text-xs); letter-spacing: .14em; text-transform: uppercase; font-weight: 700;
  color: var(--k-deep-ink-2);
}
.ph-arac-sec__liste { display: flex; flex-wrap: wrap; justify-content: center; gap: .4rem; }
.ph-arac-sec__btn {
  font: inherit; font-size: var(--k-text-sm); font-weight: 600;
  padding: .45rem .9rem;
  background: rgb(255 255 255 / .05); color: var(--k-deep-ink);
  border: 1px solid var(--k-deep-line); border-radius: 999px;
  cursor: pointer;
  transition: color .2s ease, border-color .2s ease, background .2s ease;
}
.ph-arac-sec__btn:hover { color: #fff; border-color: var(--k-deep-ink-2); background: rgb(255 255 255 / .09); }
.ph-arac-sec__btn:focus-visible { outline: 2px solid var(--k-brand); outline-offset: 2px; }
.ph-arac-sec__btn[aria-pressed="true"] { color: #fff; background: var(--k-brand); border-color: var(--k-brand); cursor: default; }
.ph-sahne.is-gecis .ph-arac-sec__btn { pointer-events: none; }
/* Parçalar zemindeyken seçici yerdeki tamponun üstüne düşer; grup toplanırken belirir */
.ph-sahne .ph-arac-sec { opacity: 0; visibility: hidden; transform: translateY(.5rem); transition: opacity .4s ease, transform .4s ease, visibility 0s .4s; }
.ph-sahne.is-secilebilir .ph-arac-sec { opacity: 1; visibility: visible; transform: none; transition: opacity .4s ease, transform .4s ease; }


/* ?stil=3b prototipi: soyut 3B çizim (sahne3b.js). Tuval fotoğraflı sahnenin yerini alır;
   WebGL açılamazsa .is-3b gelmez, fotoğraflı sahne görünür kalır. Vizör köşeleri ortak. */
.ph-sahne__3b { position: absolute; inset: 14% 0 0 30%; pointer-events: none; opacity: 0; transition: opacity .4s ease; }
.ph-sahne__3b canvas { display: block; width: 100%; height: 100%; }
.ph-sahne.is-3b .ph-sahne__3b { opacity: 1; }
.ph-sahne.is-3b .ph-rig { visibility: hidden; }
.ph-etiket--3b { transform-origin: 50% 50%; }

/* ?sahne=0..1 inceleme kipi (sahne.js): sahneden önceki bölümler gizli */
.ph-sahne-inceleme main > section:not(.ph-sahne) { display: none; }

/* Hareket azaltılmışsa: yapışma yok, sahne monte edilmiş haliyle durur */
.ph-sahne.is-sabit { height: auto; }
.ph-sahne.is-sabit .ph-sahne__pin { position: relative; height: min(100svh, 880px); }

@media (max-width: 900px) {
  .ph-sahne { height: 280vh; }
  .ph-sahne__metin { left: var(--k-gutter, 1.25rem); right: var(--k-gutter, 1.25rem); width: auto; top: 1.75rem; }
  .ph-sahne__baslik { font-size: clamp(2.5rem, 1.2rem + 7vw, 3.6rem); }
  .ph-sahne__baslik em { display: inline; }
  .ph-adim { margin-top: var(--k-4); }
  .ph-adim__item:not(.is-aktif) { display: none; }
  .ph-sahne__aksiyon { display: none; }
  .ph-sahne__stage { inset: 42% 0 0 0; }
  .ph-sahne__3b { inset: 42% 0 0 0; }
  .ph-rig { width: 88vw; }
  .ph-hud { display: none; }
  .ph-arac-sec { left: var(--k-gutter, 1.25rem); right: var(--k-gutter, 1.25rem); }
  .ph-arac-sec__btn { font-size: var(--k-text-xs); padding: .4rem .75rem; }
  .ph-arac-sec__marka { display: none; }   /* "Leon 5F · C3 III · Berlingo B9" tek satıra sığsın */
  .ph-kose { width: 1.25rem; height: 1.25rem; }
}

/* ---------- Üç vurgu (kırmızı bant) ---------- */
.ph-vurgu { background: var(--k-brand); color: #fff; }
.ph-vurgu__grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  margin: 0; padding: 0; list-style: none;
}
.ph-vurgu__item {
  display: flex; flex-direction: column; gap: var(--k-3);
  margin: 0; padding: var(--k-6) var(--k-5);
  border-left: 1px solid rgb(255 255 255 / .25);
}
.ph-vurgu__item:first-child { border-left: 0; }
.ph-vurgu__no { font-family: var(--k-font-head); font-size: var(--k-text-xs); font-weight: 700; letter-spacing: .1em; opacity: .75; font-variant-numeric: tabular-nums; }
.ph-vurgu__item h2 { margin: 0; font-size: var(--k-h3); line-height: 1.08; letter-spacing: -0.03em; color: #fff; }
.ph-vurgu__item p { margin: 0; color: rgb(255 255 255 / .85); font-size: var(--k-text-sm); max-width: 34ch; }
@media (max-width: 820px) {
  .ph-vurgu__item { border-left: 0; border-top: 1px solid rgb(255 255 255 / .25); padding-inline: 0; }
  .ph-vurgu__item:first-child { border-top: 0; }
}

/* ---------- Sahadan: video döngüleri ---------- */
.ph-saha__grid {
  display: grid; gap: var(--k-6);
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  margin: 0; padding: 0; list-style: none;
}
.ph-saha__item { margin: 0; }
.ph-saha__item img {
  display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover;
  background: var(--k-deep-2);
}
.ph-saha__no {
  display: block; margin-top: var(--k-4);
  font-family: var(--k-font-head); font-size: var(--k-text-xs); font-weight: 700;
  color: var(--k-brand); letter-spacing: .08em;
}
.ph-saha__item h3 { margin: .3rem 0 0; font-size: var(--k-text-lg); color: #fff; }
.ph-saha__item p { margin: .4rem 0 0; font-size: var(--k-text-sm); color: var(--k-deep-ink-2); max-width: 40ch; }

/* İki görsel yan yana (ör. lojistik İspanya bölümü) */
.ph-cift { display: grid; gap: var(--k-5); margin-top: var(--k-7); grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
.ph-cift .ph-figure { margin: 0; }
.ph-cift img { aspect-ratio: 16 / 9; object-fit: cover; }

/* ---------- Teknik künye şeridi ---------- */
.ph-spec {
  border-top: 1px solid var(--k-line-2);
  border-bottom: 1px solid var(--k-line-2);
  background: var(--k-bg);
}
/* Sarınca da doğru çizgiler: her hücre sol+üst çizgi taşır, dış kenardakiler
   negatif boşlukla kırpılır (satır başı hangisi olursa olsun) */
.ph-spec__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin: -1px 0 0 -1px; padding: 0; list-style: none;
  clip-path: inset(1px 0 0 1px);
}
.ph-spec__list li {
  margin: 0;
  padding: var(--k-5) var(--k-4);
  border-left: 1px solid var(--k-line);
  border-top: 1px solid var(--k-line);
}
.ph-spec__v {
  display: block;
  font-family: var(--k-font-head);
  font-size: var(--k-h3); font-weight: 750;
  letter-spacing: var(--k-ls-tight);
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
.ph-spec__k {
  display: block; margin-top: .35rem;
  font-size: .6875rem; font-weight: 600;
  letter-spacing: .1em; text-transform: uppercase;
  color: var(--k-ink-3);
}

/* ---------- Süreç şeridi ---------- */
.ph-rail-wrap { position: relative; }
.ph-rail-wrap::after {
  content: ""; position: absolute; inset: 0 0 0 auto;
  width: 5rem; pointer-events: none;
  background: linear-gradient(to right, transparent, var(--k-bg));
}
.k-section--alt .ph-rail-wrap::after { background: linear-gradient(to right, transparent, var(--k-bg-2)); }
.ph-proses {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(268px, 1fr);
  gap: 0;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  margin: 0; padding: 0; list-style: none;
  border-top: 2px solid var(--k-ink);
}
.ph-proses li {
  margin: 0;
  scroll-snap-align: start;
  padding: var(--k-5) var(--k-5) var(--k-6) 0;
  border-right: 1px solid var(--k-line);
  position: relative;
}
.ph-proses li:not(:first-child) { padding-left: var(--k-5); }
.ph-proses li::before {
  content: "";
  position: absolute; top: -2px; left: 0;
  width: 2rem; height: 2px; background: var(--k-brand);
}
.ph-proses__num {
  font-family: var(--k-font-head);
  font-size: var(--k-text-xs); font-weight: 700;
  color: var(--k-brand); letter-spacing: .12em;
  font-variant-numeric: tabular-nums;
}
.ph-proses h3 {
  margin: var(--k-3) 0 var(--k-2);
  font-size: var(--k-h4); letter-spacing: var(--k-ls-tight);
}
.ph-proses p { margin: 0; font-size: var(--k-text-sm); color: var(--k-ink-3); }

/* ---------- Ürün grupları ---------- */
.ph-urun {
  display: grid; gap: 1px;
  grid-template-columns: repeat(auto-fit, minmax(214px, 1fr));
  background: var(--k-line);
  border: 1px solid var(--k-line);
}
.ph-urun__item {
  display: flex; flex-direction: column;
  background: var(--k-bg-2);
  text-decoration: none;
  transition: background var(--k-fast);
}
.ph-urun__item:hover .ph-urun__ad { color: var(--k-brand-ink); }
.ph-urun__item:hover .ph-urun__body { border-top-color: var(--k-brand); }
.ph-urun__item img { display: block; width: 100%; aspect-ratio: 536/400; object-fit: cover; }
.ph-urun__body {
  padding: var(--k-4) var(--k-5) var(--k-5);
  border-top: 1px solid var(--k-line);
  display: flex; align-items: baseline; gap: var(--k-3);
}
.ph-urun__no {
  font-family: var(--k-font-head); font-size: .625rem; font-weight: 700;
  color: var(--k-brand); letter-spacing: .12em; font-variant-numeric: tabular-nums;
}
.ph-urun__ad { margin: 0; font-size: var(--k-text); color: var(--k-ink); letter-spacing: var(--k-ls-tight); }
.ph-urun__adet { margin: .2rem 0 0; font-size: var(--k-text-xs); color: var(--k-ink-3); }

/* ---------- Tedarikçi şeridi ---------- */
.ph-tedarik {
  /* flex: son satır da tam genişliğe yayılır, boş gri hücre kalmaz */
  display: flex; flex-wrap: wrap; gap: 1px;
  background: var(--k-line); border: 1px solid var(--k-line);
}
.ph-tedarik a {
  flex: 1 1 170px;
  display: grid; place-items: center;
  background: var(--k-bg); padding: var(--k-5);
  min-height: 7rem;
}
.ph-tedarik img {
  max-height: 3.4rem; width: auto;
  filter: grayscale(1); opacity: .6;
  transition: filter var(--k-slow), opacity var(--k-slow);
}
.ph-tedarik a:hover img { filter: none; opacity: 1; }

/* ---------- Lojistik ---------- */
.ph-loj { display: grid; gap: var(--k-6); }
@media (min-width: 900px) { .ph-loj { grid-template-columns: .95fr 1.05fr; gap: var(--k-8); align-items: center; } }
.ph-loj img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.ph-loj__list { margin: var(--k-5) 0 0; padding: 0; list-style: none; }
.ph-loj__list li {
  margin: 0; padding: var(--k-4) 0;
  border-bottom: 1px solid var(--k-line);
  display: grid; grid-template-columns: 7.5rem 1fr; gap: var(--k-4);
  align-items: baseline; font-size: var(--k-text-sm);
}
.ph-loj__list li:first-child { border-top: 1px solid var(--k-line); }
.ph-loj__k {
  font-family: var(--k-font-head); font-weight: 700;
  font-size: .6875rem; letter-spacing: .1em; text-transform: uppercase;
  color: var(--k-ink-3);
}

/* ---------- Anasayfa fuar kutuları: son iki fuar + "Tüm fuarlar" ---------- */
.ph-fuar-kutu {
  display: grid; gap: 1px;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  margin: 0; padding: 0; list-style: none;
  background: var(--k-line); border: 1px solid var(--k-line);
}
.ph-fuar-kutu li { margin: 0; display: flex; }
.ph-fuar-kutu a {
  position: relative; flex: 1;
  display: flex; flex-direction: column; gap: .35rem;
  padding: var(--k-6) var(--k-6) var(--k-7);
  background: var(--k-bg); color: var(--k-ink); text-decoration: none;
  transition: background-color var(--k-fast);
}
.ph-fuar-kutu a:hover { background: var(--k-bg-2); }
.ph-fuar-kutu__ust {
  font-family: var(--k-font-head); font-size: .625rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: var(--k-ink-3);
}
.ph-fuar-kutu li:first-child .ph-fuar-kutu__ust { color: var(--k-brand); }
.ph-fuar-kutu__yil {
  margin-top: var(--k-3);
  font-family: var(--k-font-head); font-weight: 800;
  font-size: clamp(2.4rem, 1.8rem + 2vw, 3.4rem);
  line-height: 1; letter-spacing: -0.04em; font-variant-numeric: tabular-nums;
}
.ph-fuar-kutu li:first-child .ph-fuar-kutu__yil { color: var(--k-brand); }
.ph-fuar-kutu__ad {
  font-family: var(--k-font-head); font-weight: 750;
  font-size: var(--k-h4); letter-spacing: var(--k-ls-tight);
}
.ph-fuar-kutu__kunye { font-size: var(--k-text-sm); color: var(--k-ink-3); }
.ph-fuar-kutu__ok {
  position: absolute; right: var(--k-6); top: var(--k-6);
  font-size: var(--k-h4); color: var(--k-ink-4);
  transition: transform var(--k-fast), color var(--k-fast);
}
.ph-fuar-kutu a:hover .ph-fuar-kutu__ok { color: var(--k-brand); transform: translateX(.25rem); }
/* Üçüncü kutu: koyu zemin, arşive götürür */
.ph-fuar-kutu__tum a { background: var(--k-deep); color: #fff; }
.ph-fuar-kutu__tum a:hover { background: var(--k-deep-2); }
.ph-fuar-kutu__tum .ph-fuar-kutu__ust,
.ph-fuar-kutu__tum .ph-fuar-kutu__kunye { color: var(--k-deep-ink-2); }
.ph-fuar-kutu__tum .ph-fuar-kutu__ok { color: var(--k-brand); }

/* ---------- Medya kartları ---------- */
.ph-medya { display: grid; gap: var(--k-5); grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.ph-medya a {
  display: block; text-decoration: none;
  background: var(--k-bg); border: 1px solid var(--k-line);
  transition: border-color var(--k-fast);
}
.ph-medya a:hover { border-color: var(--k-ink); }
.ph-medya img { display: block; width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.ph-medya__body { padding: var(--k-5); }
.ph-medya__t {
  font-family: var(--k-font-head); font-size: .625rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: var(--k-brand);
}
.ph-medya h3 { margin: var(--k-3) 0 var(--k-2); font-size: var(--k-h4); letter-spacing: var(--k-ls-tight); }
.ph-medya p { margin: 0; font-size: var(--k-text-sm); color: var(--k-ink-3); }

/* ---------- Kanıt: Fark Yaratan Detaylar video serisi (ph-saha ızgarası üstüne) ---------- */
.ph-fark { display: block; color: inherit; text-decoration: none; }
.ph-fark__medya { position: relative; display: block; overflow: hidden; border: 1px solid var(--k-deep-line); }
.ph-fark__medya img { transition: transform .4s ease; }
.ph-fark__sure {
  position: absolute; left: var(--k-3); bottom: var(--k-3);
  padding: .25rem .55rem;
  background: var(--k-brand); color: #fff;
  font-family: var(--k-font-head); font-size: var(--k-text-xs); font-weight: 700;
  font-variant-numeric: tabular-nums; letter-spacing: .04em;
}
.ph-fark__oynat { font-size: .7em; }
.ph-fark__ok { color: var(--k-brand); font-size: .8em; }
.ph-fark:hover .ph-fark__medya img, .ph-fark:focus-visible .ph-fark__medya img { transform: scale(1.04); }
.ph-fark:hover h3 { text-decoration: underline; text-underline-offset: .2em; }
@media (prefers-reduced-motion: reduce) { .ph-fark__medya img { transition: none; } }

/* ---------- Sertifika vitrini ---------- */
.ph-cert {
  display: grid; gap: 1px;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  background: var(--k-line);
  border: 1px solid var(--k-line);
}
.ph-cert__item {
  background: var(--k-bg);
  padding: var(--k-5);
  display: flex; flex-direction: column; gap: var(--k-4);
  transition: background var(--k-fast);
}
.ph-cert__item:hover { background: var(--k-brand-soft); }
.ph-cert__item img {
  display: block; width: 100%; aspect-ratio: 4/3;
  object-fit: contain; object-position: center;
  filter: grayscale(1) contrast(1.05);
  opacity: .72;
  transition: filter var(--k-slow), opacity var(--k-slow);
}
.ph-cert__item:hover img { filter: none; opacity: 1; }
.ph-cert__name {
  margin: 0; font-size: var(--k-text); letter-spacing: var(--k-ls-tight);
}
.ph-cert__note { margin: 0; font-size: var(--k-text-xs); color: var(--k-ink-3); }

/* ---------- Kronoloji ---------- */
.ph-kron {
  display: grid; grid-auto-flow: column;
  grid-auto-columns: minmax(230px, 1fr);
  overflow-x: auto; scroll-snap-type: x mandatory;
  margin: 0; padding: 0; list-style: none;
}
.ph-kron li {
  margin: 0; scroll-snap-align: start;
  padding: var(--k-6) var(--k-5) 0 0;
  border-top: 1px solid var(--k-line-2);
  position: relative;
}
.ph-kron li::before {
  content: ""; position: absolute; top: -4px; left: 0;
  width: 7px; height: 7px; background: var(--k-brand);
}
.ph-kron__yil {
  font-family: var(--k-font-head);
  font-size: var(--k-h3); font-weight: 750;
  letter-spacing: var(--k-ls-tight);
  font-variant-numeric: tabular-nums;
}
.ph-kron h3 { margin: var(--k-2) 0 var(--k-2); font-size: var(--k-text); }
.ph-kron p { margin: 0; font-size: var(--k-text-sm); color: var(--k-ink-3); }

/* ---------- Geniş görsel bandı ---------- */
.ph-band { position: relative; }
.ph-band img { display: block; width: 100%; height: clamp(320px, 42vw, 560px); object-fit: cover; }
.ph-band__box {
  background: var(--k-deep); color: var(--k-deep-ink);
  padding: var(--k-7);
  max-width: 34rem;
}
@media (min-width: 900px) {
  .ph-band__box { position: absolute; right: 6%; bottom: -3rem; }
}
.ph-band__box h2 {
  margin: 0 0 var(--k-4); color: #fff;
  font-size: var(--k-h3); letter-spacing: var(--k-ls-tight);
}
.ph-band__box p { margin: 0 0 var(--k-5); color: var(--k-deep-ink-2); font-size: var(--k-text-sm); }
.ph-band__box .k-btn--ghost { color: #fff; border-color: var(--k-deep-line); }
.ph-band__box .k-btn--ghost:hover { background: var(--k-brand); border-color: var(--k-brand); }

/* ---------- Kapanış ---------- */
.ph-son { display: grid; gap: var(--k-7); }
@media (min-width: 900px) { .ph-son { grid-template-columns: 1fr auto; align-items: end; } }
.ph-son h2 {
  margin: 0; color: #fff;
  font-size: clamp(1.9rem, 1.3rem + 2.4vw, 3.2rem);
  letter-spacing: var(--k-ls-tight); line-height: 1.08;
  max-width: 18ch;
}
.ph-son__actions { display: flex; flex-wrap: wrap; gap: var(--k-3); }

/* ============================================================
   İç sayfa dili
   ============================================================ */

/* ---------- Sayfa başlığı (iç sayfalar) ----------
   Anasayfa vitriniyle aynı koyu dil: grafit zemin, beyaz başlık, kırmızı vurgu. */
.ph-pagehead {
  position: relative;
  background:
    radial-gradient(60% 90% at 85% 0%, rgb(255 236 226 / .07), transparent 70%),
    var(--k-deep);
  color: var(--k-deep-ink);
  padding-block: clamp(2.75rem, 2rem + 2.6vw, 5rem);
}
.ph-pagehead__grid { display: grid; gap: var(--k-6); }
@media (min-width: 900px) { .ph-pagehead__grid { grid-template-columns: 1.15fr .85fr; gap: var(--k-9); align-items: end; } }
.ph-crumbs {
  margin: 0 0 var(--k-4);
  display: flex; flex-wrap: wrap; align-items: center; gap: .5rem;
  font-size: .6875rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase;
  color: var(--k-deep-ink-2);
}
.ph-crumbs::before { content: ""; width: 2.5rem; height: 2px; background: var(--k-brand); }
.ph-crumbs a { color: var(--k-deep-ink-2); text-decoration: none; }
.ph-crumbs a:hover { color: #fff; }
.ph-pagehead h1 {
  margin: 0;
  font-size: clamp(2.2rem, 1.5rem + 2.8vw, 3.9rem);
  line-height: 1.02; letter-spacing: -0.04em; font-weight: 800;
  color: #fff;
}
.ph-pagehead h1 em { font-style: normal; color: var(--k-brand); }
.ph-pagehead__lede {
  margin: var(--k-5) 0 0; max-width: 56ch;
  font-size: var(--k-text-md); color: var(--k-deep-ink-2);
}
/* Başlığın sağ sütunu: içindekiler ya da görsel */
.ph-pagehead__gorsel { margin: 0; }
.ph-pagehead__gorsel img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }

/* ---------- İçindekiler ---------- */
.ph-toc {
  border-top: 2px solid var(--k-brand);
  padding-top: var(--k-4);
}
.ph-toc__baslik {
  margin: 0 0 var(--k-3);
  font-size: .6875rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: var(--k-deep-ink-2);
}
.ph-toc ol { margin: 0; padding: 0; list-style: none; counter-reset: toc; }
.ph-toc li { margin: 0; border-bottom: 1px solid var(--k-deep-line); }
.ph-toc a {
  display: grid; grid-template-columns: 2.2rem 1fr; gap: var(--k-2);
  padding: var(--k-3) 0;
  color: #fff; text-decoration: none;
  font-size: var(--k-text-sm); font-weight: 600;
}
.ph-toc a::before {
  counter-increment: toc; content: counter(toc, decimal-leading-zero);
  font-family: var(--k-font-head); color: var(--k-brand);
  font-variant-numeric: tabular-nums; font-size: .6875rem; padding-top: .15rem;
}
.ph-toc a:hover { color: var(--k-brand); }

/* ---------- Ortak küçük yardımcılar ---------- */
/* Kit, kalın metni --k-ink'e boyar; koyu/kırmızı zeminlerde kaybolmasın diye rengi devral */
strong, b { color: inherit; }
.ph-crumbs__son { text-transform: none; letter-spacing: .02em; }
.ph-aksiyon { margin: var(--k-6) 0 0; display: flex; flex-wrap: wrap; gap: var(--k-3); }
.k-section--deep .ph-head__title { color: #fff; }
.ph-loj__giris { margin: 0; max-width: 52ch; color: var(--k-ink-2); }

/* ---------- Kabuk ekleri ---------- */
.ph-dis { font-size: .8em; color: var(--k-ink-4); }
/* Header düğmesi mobilde gizlenir; B2B menünün sonunda görünür */
@media (min-width: 961px) { .ph-nav-mobil { display: none; } }
.ph-footer__not { font-size: var(--k-text-sm); }
@media (min-width: 1100px) { .k-footer__grid { grid-template-columns: 1.4fr repeat(4, 1fr); } }

/* ---------- Uzun metin düzeni ---------- */
.ph-yazi { display: grid; gap: var(--k-8); }
.ph-yazi > * { min-width: 0; }   /* içteki ızgaralar sütunu genişletmesin */
@media (min-width: 980px) { .ph-yazi { grid-template-columns: minmax(0, 1fr) 20rem; gap: var(--k-9); } }
.ph-yan { align-self: start; position: sticky; top: 6rem; display: grid; gap: var(--k-6); }
@media (max-width: 979px) { .ph-yan { position: static; } }

.ph-blok { padding-top: var(--k-7); scroll-margin-top: 6rem; }
.ph-blok:first-child { padding-top: 0; }
.ph-blok__ust {
  display: grid; grid-template-columns: auto 1fr; gap: var(--k-4);
  align-items: baseline;
  padding-top: var(--k-4);
  margin-bottom: var(--k-5);
  border-top: 1px solid var(--k-line-2);
}
.ph-blok__no {
  font-family: var(--k-font-head); font-weight: 700;
  font-size: var(--k-text-sm); color: var(--k-brand);
  letter-spacing: .12em; font-variant-numeric: tabular-nums;
}
.ph-blok h2 {
  margin: 0; font-size: var(--k-h2);
  letter-spacing: var(--k-ls-tight); line-height: var(--k-lh-tight);
}
.ph-blok > p { max-width: 70ch; color: var(--k-ink-2); }
.ph-blok h3 {
  margin: var(--k-7) 0 var(--k-4);
  font-size: var(--k-h4); letter-spacing: var(--k-ls-tight);
}

/* İşaretli liste — iki kolon, çizgiyle bölünmüş */
.ph-liste {
  display: grid; gap: 0 var(--k-6);
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  margin: var(--k-4) 0 0; padding: 0; list-style: none;
}
.ph-liste li {
  margin: 0; padding: var(--k-4) 0 var(--k-4) var(--k-6);
  border-top: 1px solid var(--k-line);
  font-size: var(--k-text-sm); color: var(--k-ink-2);
  position: relative;
}
.ph-liste li::before {
  content: ""; position: absolute; left: 0; top: 1.45rem;
  width: 1.1rem; height: 2px; background: var(--k-brand);
}

/* Uyarı / risk kutusu */
.ph-risk {
  margin-top: var(--k-7);
  border-left: 3px solid var(--k-brand);
  background: var(--k-brand-soft);
  padding: var(--k-6);
}
.ph-risk h3 { margin: 0 0 var(--k-2); font-size: var(--k-h4); letter-spacing: var(--k-ls-tight); }
.ph-risk > p { margin: 0; font-size: var(--k-text-sm); color: var(--k-ink-2); }
.ph-risk .ph-liste li { border-top-color: rgb(168 20 13 / .18); }

/* Görsel + altyazı */
.ph-figure { margin: var(--k-7) 0 0; }
.ph-figure img { display: block; width: 100%; }
.ph-figure figcaption {
  margin-top: var(--k-3);
  font-size: var(--k-text-xs); color: var(--k-ink-3);
  padding-left: var(--k-4); border-left: 2px solid var(--k-brand);
}

/* Kenar çubuğu kutusu */
.ph-kutu { border: 1px solid var(--k-line); background: var(--k-bg); padding: var(--k-5); }
.ph-kutu h2 {
  margin: 0 0 var(--k-4);
  font-size: .6875rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: var(--k-ink-3);
}
.ph-kutu p { margin: 0 0 var(--k-4); font-size: var(--k-text-sm); color: var(--k-ink-2); }
.ph-kutu__deger {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: var(--k-3); padding: var(--k-3) 0;
  border-top: 1px solid var(--k-line);
  font-size: var(--k-text-sm);
}
.ph-kutu__deger b {
  font-family: var(--k-font-head); font-weight: 750;
  font-variant-numeric: tabular-nums; letter-spacing: var(--k-ls-tight);
}

/* Logo ölçüsü — SVG'de width/height özniteliği yok, oran viewBox'tan gelsin */
/* Logo: harfler paralel çubuklardan oluşuyor; 1x ekranda aralıklar ancak ~64 px'ten itibaren
   seçiliyor (52 px'te kırık görünüyordu). Canlı sitedeki gibi ~125 px genişlik / 68 px yükseklik. */
.k-logo img { height: 3.25rem; width: auto; max-height: none; aspect-ratio: 500 / 268.6; }
@media (min-width: 961px) {
  .k-header .k-container { min-height: 6rem; }
  .k-logo img { height: 4.25rem; }
}
.k-footer__brand img {
  height: 3.5rem; width: auto; max-height: none; aspect-ratio: 500 / 268.6;
  filter: brightness(0) invert(1);
}

/* ---------- Formlar: gizlilik onayı ve gönderim durumu ---------- */
.ph-form-onay {
  display: grid; grid-template-columns: auto 1fr; gap: var(--k-3); align-items: start;
  margin: var(--k-5) 0 var(--k-4);
  font-size: var(--k-text-sm); color: var(--k-ink-2); cursor: pointer;
}
.ph-form-onay input { margin-top: .2rem; width: 1.05rem; height: 1.05rem; accent-color: var(--k-brand); }
.ph-form-durum { margin: 0 0 var(--k-5); }