/* K5 — Proje Vitrini (kurumsal, gamateknoloji.com)
   Görsel öncelikli proje/vaka sitesi: tam genişlik fotoğraflar, Archivo geniş başlıklar, beton gri yüzeyler.
   Marka vurgusu aktif renk şablonundan (--tpl-accent / --tpl-primary); nötrler ve tipografi bu düzene özgü.
   Tüm kurallar body.sf--proje altında. */

body.sf--proje {
  --pj-ink: #18212b;
  --pj-ink-2: #3a4652;
  --pj-steel: #56626e;
  --pj-paper: #ffffff;
  --pj-concrete: #eceff1;
  --pj-concrete-2: #e2e6e9;
  --pj-line: #d2d8dd;
  --pj-night: #121c26;
  --pj-accent: var(--tpl-accent, #e4572e);
  --pj-accent-fg: var(--tpl-accent-fg, #fff);
  --pj-accent-hover: var(--tpl-accent-hover, var(--pj-accent));
  --pj-accent-ink: color-mix(in srgb, var(--pj-accent) 62%, #18212b);
  --pj-primary: var(--tpl-primary, #18212b);
  --pj-display: 'Archivo', 'Arial Narrow', system-ui, sans-serif;
  --pj-text: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --pj-r: 6px;
  --pj-r-lg: 14px;
  --pj-hdr-h: 76px;
  --pj-wrap: 1320px;
  font-family: var(--pj-text);
  color: var(--pj-ink);
  background: var(--pj-paper);
  overflow-x: hidden;
}
body.sf--proje .font-display { font-family: var(--pj-display); font-stretch: 105%; letter-spacing: -0.01em; }
body.sf--proje.pj-lock { overflow: hidden; }

body.sf--proje .pj-wrap { width: 100%; max-width: var(--pj-wrap); margin: 0 auto; padding: 0 clamp(16px, 4vw, 40px); }
body.sf--proje .pj-ic { width: 1.1em; height: 1.1em; flex-shrink: 0; }
body.sf--proje .pj-anchor { display: block; height: 0; outline: none; }
body.sf--proje .pj-skip { position: absolute; left: 12px; top: -60px; z-index: 100; background: var(--pj-ink); color: #fff; padding: 10px 16px; border-radius: var(--pj-r); font-weight: 600; }
body.sf--proje .pj-skip:focus { top: 12px; }
body.sf--proje :where(a, button, summary, [tabindex]):focus-visible { outline: 2px solid var(--pj-accent); outline-offset: 3px; border-radius: 3px; }

/* ── Düğmeler ── */
body.sf--proje .pj-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 10px 20px; border-radius: var(--pj-r);
  font: 600 15px/1.2 var(--pj-text); text-decoration: none; white-space: nowrap;
  border: 1.5px solid transparent; transition: background-color .18s, color .18s, border-color .18s;
}
body.sf--proje .pj-btn--lg { min-height: 52px; padding: 14px 26px; font-size: 16px; }
body.sf--proje .pj-btn--block { width: 100%; }
body.sf--proje .pj-btn--accent { background: var(--pj-accent); color: var(--pj-accent-fg); }
body.sf--proje .pj-btn--accent:hover { background: var(--pj-accent-hover); }
body.sf--proje .pj-btn--ink { background: var(--pj-ink); color: #fff; }
body.sf--proje .pj-btn--ink:hover { background: var(--pj-ink-2); }
body.sf--proje .pj-btn--line { border-color: var(--pj-ink); color: var(--pj-ink); background: transparent; }
body.sf--proje .pj-btn--line:hover { background: var(--pj-ink); color: #fff; }
body.sf--proje .pj-btn--glass { background: rgb(255 255 255 / .12); color: #fff; border-color: rgb(255 255 255 / .55); backdrop-filter: blur(6px); }
body.sf--proje .pj-btn--glass:hover { background: #fff; color: var(--pj-ink); }
body.sf--proje .pj-link {
  display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--pj-ink);
  text-decoration: underline; text-decoration-color: var(--pj-accent); text-decoration-thickness: 2px; text-underline-offset: 6px;
}
body.sf--proje .pj-link:hover { color: var(--pj-accent-ink); }

/* ── Üst şerit ── */
body.sf--proje .pj-strip { background: var(--pj-night); color: rgb(255 255 255 / .78); font-size: 13px; }
body.sf--proje .pj-strip__in { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 36px; }
body.sf--proje .pj-strip a { color: #fff; text-decoration: none; }
body.sf--proje .pj-strip a:hover { text-decoration: underline; }
body.sf--proje .pj-strip .corp-shop-strip { color: rgb(255 255 255 / .78); background: none; padding: 0; border: 0; }
body.sf--proje .pj-strip .corp-shop-strip strong { color: #fff; }
body.sf--proje .pj-strip__contact { display: flex; gap: 20px; list-style: none; margin: 0; padding: 0; }
body.sf--proje .pj-strip__contact a { display: inline-flex; align-items: center; gap: 6px; }

/* ── Üst bilgi ── */
body.sf--proje .pj-hdr {
  position: sticky; top: 0; z-index: 60; height: var(--pj-hdr-h);
  background: rgb(255 255 255 / .97); border-bottom: 1px solid var(--pj-line);
  transition: background-color .25s, border-color .25s, box-shadow .25s;
}
body.sf--proje .pj-hdr__in { display: flex; align-items: center; gap: 24px; height: 100%; }
body.sf--proje .pj-hdr--over:not(.is-scrolled) { background: linear-gradient(to bottom, rgb(10 16 22 / .55), rgb(10 16 22 / 0)); border-color: transparent; }
body.sf--proje .pj-hdr.is-scrolled { box-shadow: 0 6px 24px -12px rgb(18 28 38 / .35); }

body.sf--proje .pj-logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--pj-ink); flex-shrink: 0; }
body.sf--proje .pj-logo__img { height: 44px; width: auto; max-width: 190px; object-fit: contain; }
body.sf--proje .pj-logo__mark {
  display: grid; place-items: center; width: 42px; height: 42px; border-radius: var(--pj-r);
  background: var(--pj-accent); color: var(--pj-accent-fg); font: 800 21px/1 var(--pj-display); font-stretch: 112%;
}
body.sf--proje .pj-logo__text { display: flex; flex-direction: column; line-height: 1.05; }
body.sf--proje .pj-logo__text strong { font: 800 19px/1.05 var(--pj-display); font-stretch: 112%; letter-spacing: -0.01em; }
body.sf--proje .pj-logo__text small { font-size: 11.5px; color: var(--pj-steel); margin-top: 3px; }
body.sf--proje .pj-hdr--over:not(.is-scrolled) .pj-logo,
body.sf--proje .pj-logo--inv { color: #fff; }
body.sf--proje .pj-hdr--over:not(.is-scrolled) .pj-logo__text small,
body.sf--proje .pj-logo--inv .pj-logo__text small { color: rgb(255 255 255 / .72); }

body.sf--proje .pj-nav { margin-left: auto; }
body.sf--proje .pj-nav__list { display: flex; align-items: center; gap: 2px; list-style: none; margin: 0; padding: 0; }
body.sf--proje .pj-nav__item { position: relative; }
body.sf--proje .pj-nav__link {
  display: inline-flex; align-items: center; gap: 4px; padding: 10px 12px; border-radius: var(--pj-r);
  font: 600 15px/1 var(--pj-text); color: var(--pj-ink); text-decoration: none; background: none; border: 0; cursor: pointer;
  position: relative;
}
body.sf--proje .pj-nav__link:hover { color: var(--pj-accent-ink); }
body.sf--proje .pj-nav__link.is-active::after { content: ''; position: absolute; left: 12px; right: 12px; bottom: 2px; height: 2px; background: var(--pj-accent); }
body.sf--proje .pj-hdr--over:not(.is-scrolled) .pj-nav__link { color: #fff; }
body.sf--proje .pj-ic--chev { width: 14px; height: 14px; transition: transform .2s; }
body.sf--proje .pj-dd.is-open .pj-ic--chev { transform: rotate(180deg); }

body.sf--proje .pj-dd__panel {
  position: absolute; top: 100%; left: 0; padding-top: 10px; z-index: 70;
  visibility: hidden; opacity: 0; transform: translateY(6px); transition: opacity .16s, transform .16s, visibility 0s .16s;
}
body.sf--proje .pj-dd.is-open .pj-dd__panel,
body.sf--proje .pj-dd:hover .pj-dd__panel { visibility: visible; opacity: 1; transform: none; transition-delay: 0s; }
body.sf--proje .pj-dd__list {
  list-style: none; margin: 0; padding: 8px; min-width: 220px; background: #fff; border: 1px solid var(--pj-line);
  border-radius: var(--pj-r-lg); box-shadow: 0 24px 48px -20px rgb(18 28 38 / .35);
}
body.sf--proje .pj-dd__list a { display: block; padding: 10px 12px; border-radius: var(--pj-r); color: var(--pj-ink); text-decoration: none; font-size: 15px; }
body.sf--proje .pj-dd__list a:hover, body.sf--proje .pj-dd__list a[aria-current] { background: var(--pj-concrete); }
body.sf--proje .pj-dd--mega .pj-dd__panel { left: 50%; transform: translate(-50%, 6px); }
body.sf--proje .pj-dd--mega.is-open .pj-dd__panel, body.sf--proje .pj-dd--mega:hover .pj-dd__panel { transform: translate(-50%, 0); }
body.sf--proje .pj-mega { width: min(760px, 92vw); background: #fff; border: 1px solid var(--pj-line); border-radius: var(--pj-r-lg); box-shadow: 0 30px 60px -24px rgb(18 28 38 / .4); padding: 14px; }
body.sf--proje .pj-mega__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; list-style: none; margin: 0; padding: 0; }
body.sf--proje .pj-mega__card { display: block; text-decoration: none; color: var(--pj-ink); border-radius: var(--pj-r); }
body.sf--proje .pj-mega__img { display: block; aspect-ratio: 16/10; overflow: hidden; border-radius: var(--pj-r); background: var(--pj-concrete); }
body.sf--proje .pj-mega__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
body.sf--proje .pj-mega__card:hover img { transform: scale(1.05); }
body.sf--proje .pj-mega__name { display: block; font-size: 13.5px; font-weight: 600; line-height: 1.3; margin-top: 7px; }
body.sf--proje .pj-mega__card:hover .pj-mega__name { color: var(--pj-accent-ink); }
body.sf--proje .pj-mega__foot { display: flex; justify-content: space-between; gap: 16px; border-top: 1px solid var(--pj-line); margin-top: 14px; padding: 12px 4px 2px; font-size: 14px; }

body.sf--proje .pj-hdr__act { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
body.sf--proje .pj-hdr__tel { display: inline-flex; align-items: center; gap: 6px; color: var(--pj-ink); text-decoration: none; font-weight: 600; font-size: 14.5px; white-space: nowrap; }
body.sf--proje .pj-hdr--over:not(.is-scrolled) .pj-hdr__tel { color: #fff; }
body.sf--proje .pj-burger { display: none; width: 44px; height: 44px; border-radius: var(--pj-r); border: 1px solid var(--pj-line); background: #fff; color: var(--pj-ink); align-items: center; justify-content: center; cursor: pointer; }
body.sf--proje .pj-burger .pj-ic { width: 22px; height: 22px; }
body.sf--proje .pj-hdr--over:not(.is-scrolled) .pj-burger { background: rgb(255 255 255 / .12); border-color: rgb(255 255 255 / .45); color: #fff; }

@media (max-width: 1280px) { body.sf--proje .pj-hdr__tel span { display: none; } }
@media (max-width: 1080px) {
  body.sf--proje .pj-nav, body.sf--proje .pj-hdr__tel { display: none; }
  body.sf--proje .pj-burger { display: inline-flex; }
  body.sf--proje .pj-hdr__act { margin-left: auto; }
}
@media (max-width: 640px) {
  body.sf--proje { --pj-hdr-h: 64px; }
  body.sf--proje .pj-hdr__cta, body.sf--proje .pj-hide-sm { display: none; }
  body.sf--proje .pj-logo__img { height: 36px; max-width: 150px; }
  body.sf--proje .pj-logo__mark { width: 36px; height: 36px; font-size: 18px; }
  body.sf--proje .pj-logo__text strong { font-size: 16px; }
  body.sf--proje .pj-strip { font-size: 12px; }
  body.sf--proje .pj-strip__contact { display: none; }
  body.sf--proje .pj-strip__in { justify-content: center; text-align: center; padding-top: 6px; padding-bottom: 6px; }
}

/* ── Mobil çekmece ── */
body.sf--proje .pj-drawer { position: fixed; inset: 0; z-index: 90; }
body.sf--proje .pj-drawer__scrim { position: absolute; inset: 0; background: rgb(18 28 38 / .55); opacity: 0; transition: opacity .2s; }
body.sf--proje .pj-drawer__panel {
  position: absolute; top: 0; right: 0; bottom: 0; width: min(400px, 92vw); background: #fff; display: flex; flex-direction: column;
  transform: translateX(100%); transition: transform .22s ease-out; overflow-y: auto;
}
body.sf--proje .pj-drawer.is-open .pj-drawer__scrim { opacity: 1; }
body.sf--proje .pj-drawer.is-open .pj-drawer__panel { transform: none; }
body.sf--proje .pj-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid var(--pj-line); }
body.sf--proje .pj-drawer__x { width: 44px; height: 44px; display: grid; place-items: center; border: 0; background: var(--pj-concrete); border-radius: var(--pj-r); cursor: pointer; color: var(--pj-ink); }
body.sf--proje .pj-drawer__list { list-style: none; margin: 0; padding: 8px 16px; }
body.sf--proje .pj-drawer__list > li { border-bottom: 1px solid var(--pj-concrete-2); }
body.sf--proje .pj-drawer__list a, body.sf--proje .pj-drawer__list summary {
  display: flex; align-items: center; justify-content: space-between; padding: 14px 4px; color: var(--pj-ink); text-decoration: none;
  font: 700 18px/1.2 var(--pj-display); cursor: pointer; list-style: none;
}
body.sf--proje .pj-drawer__list summary::-webkit-details-marker { display: none; }
body.sf--proje .pj-drawer__list details[open] summary .pj-ic { transform: rotate(180deg); }
body.sf--proje .pj-drawer__list details ul { list-style: none; margin: 0 0 10px; padding: 0 0 0 12px; border-left: 2px solid var(--pj-accent); }
body.sf--proje .pj-drawer__list details ul a { font: 500 15px/1.3 var(--pj-text); padding: 9px 4px; }
body.sf--proje .pj-drawer__list a[aria-current] { color: var(--pj-accent-ink); }
body.sf--proje .pj-drawer__foot { margin-top: auto; padding: 16px; display: grid; gap: 10px; background: var(--pj-concrete); font-size: 14px; text-align: center; }
body.sf--proje .pj-drawer__foot .corp-shop-strip { background: none; border: 0; padding: 4px 0 0; color: var(--pj-ink-2); }

/* ── Bölüm başlıkları ── */
body.sf--proje .pj-sec { padding: clamp(64px, 9vw, 120px) 0; }
body.sf--proje .pj-h2 {
  font: 800 clamp(30px, 4.4vw, 54px)/1.02 var(--pj-display); font-stretch: 112%; letter-spacing: -0.025em; color: var(--pj-ink); margin: 0;
  text-wrap: balance;
}
body.sf--proje .pj-h3 { font: 800 clamp(24px, 2.6vw, 34px)/1.08 var(--pj-display); font-stretch: 108%; letter-spacing: -0.015em; margin: 0 0 14px; }
body.sf--proje .pj-head { margin-bottom: clamp(28px, 4vw, 48px); }
body.sf--proje .pj-head--split { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px 48px; flex-wrap: wrap; }
body.sf--proje .pj-head__p { max-width: 46ch; margin: 0; color: var(--pj-steel); font-size: 17px; line-height: 1.6; }

/* ── Giriş ── */
body.sf--proje .pj-hero {
  position: relative; isolation: isolate; margin-top: calc(var(--pj-hdr-h) * -1); color: #fff;
  min-height: clamp(600px, 92vh, 900px); display: flex; flex-direction: column; justify-content: flex-end;
  background: var(--pj-night);
}
body.sf--proje .pj-hero__media { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
body.sf--proje .pj-hero__media::after {
  content: ''; position: absolute; inset: 0;
  background:
    linear-gradient(to top, rgb(12 18 26 / .92) 0%, rgb(12 18 26 / .55) 38%, rgb(12 18 26 / .15) 70%, rgb(12 18 26 / .45) 100%),
    linear-gradient(to right, rgb(12 18 26 / .55), rgb(12 18 26 / 0) 60%);
}
body.sf--proje .pj-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.04); transition: opacity .6s ease, transform 1.2s ease; }
body.sf--proje .pj-hero__img.is-on { opacity: 1; transform: none; }
body.sf--proje .pj-hero__in {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 340px); gap: 48px; align-items: end;
  padding-top: calc(var(--pj-hdr-h) + 64px); padding-bottom: 48px;
}
body.sf--proje .pj-hero__kicker { margin: 0 0 18px; font-weight: 600; font-size: 15px; color: rgb(255 255 255 / .82); display: flex; align-items: center; gap: 12px; }
body.sf--proje .pj-hero__kicker::before { content: ''; width: 36px; height: 3px; background: var(--pj-accent); }
body.sf--proje .pj-hero__h {
  font: 900 clamp(32px, 4.6vw, 66px)/1.02 var(--pj-display); font-stretch: 118%; letter-spacing: -0.035em;
  margin: 0; max-width: 19ch; text-wrap: balance;
  animation: pj-rise .9s cubic-bezier(.2, .7, .2, 1) both;
}
body.sf--proje .pj-hero__p { max-width: 54ch; margin: 24px 0 0; font-size: clamp(16px, 1.4vw, 19px); line-height: 1.6; color: rgb(255 255 255 / .86); animation: pj-rise .9s .12s cubic-bezier(.2, .7, .2, 1) both; }
body.sf--proje .pj-hero__cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; animation: pj-rise .9s .22s cubic-bezier(.2, .7, .2, 1) both; }
@keyframes pj-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }

body.sf--proje .pj-hero__index ol { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgb(255 255 255 / .25); }
body.sf--proje .pj-hero__item {
  display: grid; gap: 2px; padding: 12px 0 12px 16px; color: rgb(255 255 255 / .72); text-decoration: none;
  border-bottom: 1px solid rgb(255 255 255 / .25); position: relative; transition: color .2s, padding-left .2s;
}
body.sf--proje .pj-hero__item::before { content: ''; position: absolute; left: 0; top: 12px; bottom: 12px; width: 3px; background: transparent; transition: background-color .2s; }
body.sf--proje .pj-hero__item:hover, body.sf--proje .pj-hero__item.is-on { color: #fff; padding-left: 22px; }
body.sf--proje .pj-hero__item.is-on::before { background: var(--pj-accent); }
body.sf--proje .pj-hero__kind { font-size: 12.5px; color: rgb(255 255 255 / .6); }
body.sf--proje .pj-hero__name { font: 700 16px/1.25 var(--pj-display); font-stretch: 104%; }

body.sf--proje .pj-hero__facts { background: rgb(12 18 26 / .72); backdrop-filter: blur(8px); border-top: 1px solid rgb(255 255 255 / .14); }
body.sf--proje .pj-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); margin: 0 auto; }
body.sf--proje .pj-fact { padding: 20px 24px 20px 0; display: flex; align-items: baseline; gap: 10px; }
body.sf--proje .pj-fact + .pj-fact { padding-left: 24px; border-left: 1px solid rgb(255 255 255 / .16); }
body.sf--proje .pj-fact dt { font: 800 clamp(22px, 2.4vw, 32px)/1 var(--pj-display); font-stretch: 112%; color: #fff; }
body.sf--proje .pj-fact dd { margin: 0; color: rgb(255 255 255 / .74); font-size: 14.5px; }

@media (max-width: 900px) {
  body.sf--proje .pj-hero__in { grid-template-columns: minmax(0, 1fr); gap: 32px; padding-bottom: 32px; }
  body.sf--proje .pj-hero__index, body.sf--proje .pj-hero__copy { min-width: 0; }
  body.sf--proje .pj-hero__index ol { display: flex; gap: 8px; overflow-x: auto; border: 0; padding-bottom: 4px; scrollbar-width: none; }
  body.sf--proje .pj-hero__index li { flex: 0 0 auto; }
  body.sf--proje .pj-hero__item { border: 1px solid rgb(255 255 255 / .3); border-radius: 999px; padding: 8px 14px; }
  body.sf--proje .pj-hero__item:hover, body.sf--proje .pj-hero__item.is-on { padding-left: 14px; background: rgb(255 255 255 / .14); border-color: #fff; }
  body.sf--proje .pj-hero__item::before, body.sf--proje .pj-hero__kind { display: none; }
  body.sf--proje .pj-hero__name { font-size: 14px; white-space: nowrap; }
}
@media (max-width: 640px) {
  body.sf--proje .pj-hero { min-height: 0; }
  body.sf--proje .pj-hero__in { padding-top: calc(var(--pj-hdr-h) + 72px); }
  body.sf--proje .pj-hero__cta .pj-btn { width: 100%; white-space: normal; text-align: center; }
  body.sf--proje .pj-facts { grid-template-columns: 1fr 1fr; }
  body.sf--proje .pj-fact, body.sf--proje .pj-fact + .pj-fact { padding: 14px 12px; border-left: 0; flex-direction: column; gap: 4px; }
  body.sf--proje .pj-fact:nth-child(even) { border-left: 1px solid rgb(255 255 255 / .16); }
  body.sf--proje .pj-fact:nth-child(n+3) { border-top: 1px solid rgb(255 255 255 / .16); }
}

/* ── Uygulama alanı sekmeleri ── */
body.sf--proje .pj-sectors { background: var(--pj-concrete); }
body.sf--proje .pj-tabs__list { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 24px; }
body.sf--proje .pj-tabs__tab {
  display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 10px 18px; border-radius: 999px;
  border: 1.5px solid var(--pj-line); background: #fff; color: var(--pj-ink); font: 600 15px/1.2 var(--pj-text); cursor: pointer;
  transition: background-color .18s, border-color .18s, color .18s;
}
body.sf--proje .pj-tabs__tab:hover { border-color: var(--pj-ink); }
body.sf--proje .pj-tabs__tab[aria-selected="true"] { background: var(--pj-ink); border-color: var(--pj-ink); color: #fff; }
body.sf--proje .pj-tabs__tab[aria-selected="true"] .pj-ic { color: var(--pj-accent); }
body.sf--proje .pj-sector { display: grid; grid-template-columns: 1.35fr 1fr; background: #fff; border-radius: var(--pj-r-lg); overflow: hidden; min-height: 460px; }
body.sf--proje .pj-sector__media { position: relative; background: var(--pj-concrete-2); }
body.sf--proje .pj-sector__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.sf--proje .pj-sector__body { padding: clamp(24px, 4vw, 48px); display: flex; flex-direction: column; }
body.sf--proje .pj-sector__body > p { margin: 0 0 20px; color: var(--pj-ink-2); line-height: 1.65; font-size: 17px; }
body.sf--proje .pj-sector__sub { font-weight: 700; font-size: 14px; margin: 0 0 10px; color: var(--pj-ink); }
body.sf--proje .pj-sector__proj { margin: 18px 0 0; font-size: 14.5px; color: var(--pj-steel); }
body.sf--proje .pj-sector__cta { margin-top: auto; padding-top: 28px; display: flex; gap: 10px; flex-wrap: wrap; }
body.sf--proje .pj-chips { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
body.sf--proje .pj-chips a { display: inline-block; padding: 7px 12px; border-radius: var(--pj-r); background: var(--pj-concrete); color: var(--pj-ink); text-decoration: none; font-size: 14px; font-weight: 500; }
body.sf--proje .pj-chips a:hover { background: var(--pj-concrete-2); color: var(--pj-accent-ink); }
@media (max-width: 860px) {
  body.sf--proje .pj-tabs__list { flex-wrap: nowrap; overflow-x: auto; margin-left: calc(clamp(16px, 4vw, 40px) * -1); margin-right: calc(clamp(16px, 4vw, 40px) * -1); padding: 0 clamp(16px, 4vw, 40px) 4px; scrollbar-width: none; }
  body.sf--proje .pj-tabs__tab { flex: 0 0 auto; }
  body.sf--proje .pj-sector { grid-template-columns: 1fr; min-height: 0; }
  body.sf--proje .pj-sector__media { aspect-ratio: 16/10; }
}

/* ── Projeler ── */
body.sf--proje .pj-case { display: grid; grid-template-columns: 1.5fr 1fr; gap: clamp(24px, 4vw, 56px); align-items: center; }
body.sf--proje .pj-case__media { display: block; position: relative; aspect-ratio: 4/3; border-radius: var(--pj-r-lg); overflow: hidden; background: var(--pj-concrete); }
body.sf--proje .pj-case__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease; }
body.sf--proje .pj-case:hover .pj-case__media img { transform: scale(1.03); }
body.sf--proje .pj-case__ph { position: absolute; inset: 0; display: grid; place-items: center; color: var(--pj-steel); }
body.sf--proje .pj-case__ph .pj-ic { width: 48px; height: 48px; }
body.sf--proje .pj-case__sol { margin: 0 0 10px; color: var(--pj-accent-ink); font-weight: 700; font-size: 14.5px; }
body.sf--proje .pj-case__h { font: 800 clamp(26px, 3vw, 40px)/1.05 var(--pj-display); font-stretch: 110%; letter-spacing: -0.02em; margin: 0 0 16px; }
body.sf--proje .pj-case__h a { color: inherit; text-decoration: none; }
body.sf--proje .pj-case__h a:hover { color: var(--pj-accent-ink); }
body.sf--proje .pj-case__p { margin: 0 0 22px; color: var(--pj-ink-2); line-height: 1.65; font-size: 17px; }
body.sf--proje .pj-case__meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 0 0 22px; border-top: 1px solid var(--pj-line); }
body.sf--proje .pj-case__meta div { padding: 12px 0; border-bottom: 1px solid var(--pj-line); }
body.sf--proje .pj-case__meta dt { font-size: 13px; color: var(--pj-steel); }
body.sf--proje .pj-case__meta dd { margin: 2px 0 0; font-weight: 600; }
body.sf--proje .pj-case__scope { margin: 0 0 26px; padding: 0; list-style: none; display: grid; gap: 8px; }
body.sf--proje .pj-case__scope li { padding-left: 20px; position: relative; color: var(--pj-ink-2); line-height: 1.5; }
body.sf--proje .pj-case__scope li::before { content: ''; position: absolute; left: 0; top: .62em; width: 10px; height: 2px; background: var(--pj-accent); }
body.sf--proje .pj-cases__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 24px; list-style: none; margin: clamp(40px, 6vw, 72px) 0 0; padding: 0; }
body.sf--proje .pj-pcard { position: relative; }
body.sf--proje .pj-pcard__media { position: relative; aspect-ratio: 4/3; border-radius: var(--pj-r-lg); overflow: hidden; background: var(--pj-concrete); }
body.sf--proje .pj-pcard__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
body.sf--proje .pj-pcard:hover .pj-pcard__media img { transform: scale(1.04); }
body.sf--proje .pj-pcard__tag { position: absolute; left: 12px; top: 12px; background: rgb(255 255 255 / .94); color: var(--pj-ink); font-size: 12.5px; font-weight: 600; padding: 5px 10px; border-radius: var(--pj-r); }
body.sf--proje .pj-pcard__h { font: 700 19px/1.25 var(--pj-display); font-stretch: 104%; margin: 14px 0 6px; }
body.sf--proje .pj-pcard__link { color: var(--pj-ink); text-decoration: none; }
body.sf--proje .pj-pcard__link::after { content: ''; position: absolute; inset: 0; }
body.sf--proje .pj-pcard:hover .pj-pcard__link { color: var(--pj-accent-ink); }
body.sf--proje .pj-pcard__meta { display: flex; align-items: center; gap: 6px; margin: 0; color: var(--pj-steel); font-size: 14px; }
@media (max-width: 900px) {
  body.sf--proje .pj-case { grid-template-columns: 1fr; }
  body.sf--proje .pj-cases__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) { body.sf--proje .pj-cases__grid { grid-template-columns: 1fr; } }

/* ── Ürün grupları ── */
body.sf--proje .pj-groups__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 300px; gap: 14px; list-style: none; margin: 0; padding: 0; }
body.sf--proje .pj-tile { position: relative; border-radius: var(--pj-r-lg); overflow: hidden; background: var(--pj-night); isolation: isolate; }
body.sf--proje .pj-tile--wide { grid-column: span 2; grid-row: span 2; }
body.sf--proje .pj-tile__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .7s ease; }
body.sf--proje .pj-tile::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, rgb(12 18 26 / .9) 0%, rgb(12 18 26 / .35) 50%, rgb(12 18 26 / 0) 75%); }
body.sf--proje .pj-tile:hover .pj-tile__img { transform: scale(1.05); }
body.sf--proje .pj-tile__body { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px; color: #fff; display: flex; flex-wrap: wrap; align-items: flex-end; gap: 6px 14px; }
body.sf--proje .pj-tile__h { flex: 1 1 100%; margin: 0; font: 800 20px/1.15 var(--pj-display); font-stretch: 106%; letter-spacing: -0.01em; }
body.sf--proje .pj-tile--wide .pj-tile__h { font-size: clamp(24px, 2.6vw, 36px); max-width: 16ch; }
body.sf--proje .pj-tile--wide .pj-tile__body { padding: 28px; }
body.sf--proje .pj-tile__link { color: #fff; text-decoration: none; }
body.sf--proje .pj-tile__link::before { content: ''; position: absolute; inset: 0; z-index: 0; }
body.sf--proje .pj-tile__n { margin: 0; font-size: 14px; color: rgb(255 255 255 / .78); }
body.sf--proje .pj-tile__quote {
  position: relative; z-index: 1; margin-left: auto; font-size: 13.5px; font-weight: 600; color: #fff; text-decoration: none;
  padding: 7px 12px; border: 1px solid rgb(255 255 255 / .55); border-radius: var(--pj-r); background: rgb(12 18 26 / .3);
}
body.sf--proje .pj-tile__quote:hover { background: var(--pj-accent); border-color: var(--pj-accent); color: var(--pj-accent-fg); }
body.sf--proje .pj-groups--lead { background: var(--pj-paper); }
@media (max-width: 1080px) { body.sf--proje .pj-groups__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 260px; } }
@media (max-width: 560px) {
  body.sf--proje .pj-groups__grid { grid-template-columns: 1fr; grid-auto-rows: 230px; }
  body.sf--proje .pj-tile--wide { grid-column: auto; grid-row: span 1; }
  body.sf--proje .pj-tile--wide .pj-tile__body { padding: 20px; }
}

/* ── Güçlü yanlar ── */
body.sf--proje .pj-why { background: var(--pj-night); color: #fff; }
body.sf--proje .pj-why .pj-h2 { color: #fff; }
body.sf--proje .pj-why__in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 96px); }
body.sf--proje .pj-why__intro { position: sticky; top: calc(var(--pj-hdr-h) + 32px); align-self: start; }
body.sf--proje .pj-why__intro p { margin: 20px 0 28px; color: rgb(255 255 255 / .76); font-size: 18px; line-height: 1.6; max-width: 40ch; }
body.sf--proje .pj-why__tel { display: inline-flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; font: 800 clamp(22px, 2.4vw, 30px)/1 var(--pj-display); font-stretch: 110%; }
body.sf--proje .pj-why__tel .pj-ic { color: var(--pj-accent); }
body.sf--proje .pj-why__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; }
body.sf--proje .pj-why__item { padding: 26px 0; border-top: 1px solid rgb(255 255 255 / .16); }
body.sf--proje .pj-why__item .pj-ic { width: 28px; height: 28px; color: var(--pj-accent); }
body.sf--proje .pj-why__item h3 { margin: 14px 0 8px; font: 700 19px/1.25 var(--pj-display); font-stretch: 104%; }
body.sf--proje .pj-why__item p { margin: 0; color: rgb(255 255 255 / .72); line-height: 1.6; font-size: 15.5px; }
@media (max-width: 900px) {
  body.sf--proje .pj-why__in { grid-template-columns: 1fr; }
  body.sf--proje .pj-why__intro { position: static; }
}
@media (max-width: 560px) { body.sf--proje .pj-why__list { grid-template-columns: 1fr; } }

/* ── Süreç ── */
body.sf--proje .pj-proc__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; counter-reset: none; }
body.sf--proje .pj-proc__step { position: relative; padding-top: 72px; }
body.sf--proje .pj-proc__step::before { content: ''; position: absolute; left: 0; right: -24px; top: 26px; height: 2px; background: var(--pj-line); }
body.sf--proje .pj-proc__step:last-child::before { right: 0; }
body.sf--proje .pj-proc__n {
  position: absolute; top: 0; left: 0; width: 54px; height: 54px; border-radius: 50%; display: grid; place-items: center;
  background: var(--pj-paper); border: 2px solid var(--pj-ink); font: 800 22px/1 var(--pj-display); font-stretch: 112%; z-index: 1;
}
body.sf--proje .pj-proc__step:first-child .pj-proc__n { background: var(--pj-accent); border-color: var(--pj-accent); color: var(--pj-accent-fg); }
body.sf--proje .pj-proc__step h3 { margin: 0 0 8px; font: 700 21px/1.2 var(--pj-display); font-stretch: 106%; }
body.sf--proje .pj-proc__step p { margin: 0; color: var(--pj-steel); line-height: 1.6; }
@media (max-width: 900px) {
  body.sf--proje .pj-proc__list { grid-template-columns: 1fr; gap: 0; }
  body.sf--proje .pj-proc__step { padding: 0 0 28px 76px; min-height: 54px; }
  body.sf--proje .pj-proc__step::before { left: 26px; right: auto; top: 54px; bottom: 0; width: 2px; height: auto; }
  body.sf--proje .pj-proc__step:last-child::before { display: none; }
  body.sf--proje .pj-proc__step h3 { padding-top: 12px; }
}

/* ── Referanslar ── */
body.sf--proje .pj-refs { background: var(--pj-concrete); }
body.sf--proje .pj-refs__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); border-top: 1px solid var(--pj-line); }
body.sf--proje .pj-refs__list li { padding: 14px 16px 14px 0; border-bottom: 1px solid var(--pj-line); font-weight: 600; color: var(--pj-ink-2); }

/* ── Online mağaza bildirimi (corp_shop_notice_html) ── */
body.sf--proje .pj-shop { padding: clamp(48px, 7vw, 88px) 0 0; }
body.sf--proje .pj-shop .corp-shop-banner { background: var(--pj-concrete); border: 0; border-radius: var(--pj-r-lg); padding: clamp(24px, 4vw, 48px); position: relative; overflow: hidden; color: var(--pj-ink); }
body.sf--proje .pj-shop .corp-shop-banner::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: var(--pj-accent); }
body.sf--proje .pj-shop .corp-shop-banner__in { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px 48px; align-items: center; max-width: none; padding: 0; }
body.sf--proje .pj-shop .corp-shop-banner__k { margin: 0 0 8px; font-weight: 700; font-size: 14.5px; color: var(--pj-accent-ink); text-transform: none; letter-spacing: 0; }
body.sf--proje .pj-shop .corp-shop-banner__h { margin: 0 0 12px; font: 800 clamp(24px, 3vw, 38px)/1.08 var(--pj-display); font-stretch: 110%; letter-spacing: -0.02em; color: var(--pj-ink); }
body.sf--proje .pj-shop .corp-shop-banner__p { margin: 0; max-width: 64ch; color: var(--pj-ink-2); line-height: 1.6; }
body.sf--proje .pj-shop .corp-shop-banner__a { display: flex; flex-direction: column; gap: 10px; }
body.sf--proje .pj-shop .corp-shop-banner__a a { text-decoration: none; }
body.sf--proje .pj-shop .corp-shop-banner__btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 22px; border-radius: var(--pj-r);
  background: var(--pj-ink); color: #fff; font-weight: 600; white-space: nowrap; border: 1.5px solid var(--pj-ink);
}
body.sf--proje .pj-shop a:hover > .corp-shop-banner__btn, body.sf--proje .pj-shop a.corp-shop-banner__btn:not(.corp-shop-banner__btn--ghost):hover { background: var(--pj-ink-2); }
body.sf--proje .pj-shop .corp-shop-banner__btn--ghost { background: transparent; color: var(--pj-ink); }
body.sf--proje .pj-shop .corp-shop-banner__btn--ghost:hover { background: #fff; }
@media (max-width: 760px) {
  body.sf--proje .pj-shop .corp-shop-banner__in { grid-template-columns: 1fr; }
  body.sf--proje .pj-shop .corp-shop-banner__btn { width: 100%; white-space: normal; text-align: center; }
}

/* ── Blog ── */
body.sf--proje .pj-blog__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
body.sf--proje .pj-post { position: relative; }
body.sf--proje .pj-post__media { aspect-ratio: 16/10; border-radius: var(--pj-r-lg); overflow: hidden; background: var(--pj-concrete); margin-bottom: 14px; }
body.sf--proje .pj-post__media img { width: 100%; height: 100%; object-fit: cover; }
body.sf--proje .pj-post__date { margin: 0 0 6px; color: var(--pj-steel); font-size: 13.5px; }
body.sf--proje .pj-post__h { margin: 0 0 8px; font: 700 20px/1.25 var(--pj-display); font-stretch: 104%; }
body.sf--proje .pj-post__link { color: var(--pj-ink); text-decoration: none; }
body.sf--proje .pj-post__link::after { content: ''; position: absolute; inset: 0; }
body.sf--proje .pj-post:hover .pj-post__link { color: var(--pj-accent-ink); }
body.sf--proje .pj-post__p { margin: 0; color: var(--pj-steel); line-height: 1.55; }
@media (max-width: 860px) { body.sf--proje .pj-blog__list { grid-template-columns: 1fr; } }

/* ── Teklif çağrısı ── */
body.sf--proje .pj-final { position: relative; isolation: isolate; color: #fff; margin-top: clamp(64px, 9vw, 120px); background: var(--pj-night); overflow: hidden; }
body.sf--proje .pj-final__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
body.sf--proje .pj-final::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg, rgb(12 18 26 / .94) 0%, rgb(12 18 26 / .8) 50%, rgb(12 18 26 / .5) 100%); }
body.sf--proje .pj-final__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 360px); gap: 40px 64px; align-items: end; padding-top: clamp(72px, 10vw, 140px); padding-bottom: clamp(72px, 10vw, 140px); }
body.sf--proje .pj-final__h { margin: 0; font: 900 clamp(34px, 5.4vw, 76px)/.98 var(--pj-display); font-stretch: 116%; letter-spacing: -0.03em; max-width: 16ch; text-wrap: balance; }
body.sf--proje .pj-final__copy p { margin: 22px 0 0; max-width: 56ch; font-size: 18px; line-height: 1.6; color: rgb(255 255 255 / .82); }
body.sf--proje .pj-final__act { display: grid; gap: 12px; }
body.sf--proje .pj-final__wa { display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: #fff; font-weight: 600; padding: 8px; }
body.sf--proje .pj-final__wa:hover { text-decoration: underline; }
@media (max-width: 860px) { body.sf--proje .pj-final__in { grid-template-columns: 1fr; } }

/* ── Alt bilgi ── */
body.sf--proje .pj-foot { background: var(--pj-night); color: rgb(255 255 255 / .74); font-size: 15px; }
body.sf--proje .pj-final + .pj-foot, body.sf--proje main:has(.pj-final:last-child) + .pj-foot { border-top: 1px solid rgb(255 255 255 / .12); }
body.sf--proje .pj-foot a { color: rgb(255 255 255 / .86); text-decoration: none; }
body.sf--proje .pj-foot a:hover { color: #fff; text-decoration: underline; }
body.sf--proje .pj-foot__top { display: grid; grid-template-columns: 1.4fr 1fr 1.2fr 1.3fr; gap: 40px; padding-top: 72px; padding-bottom: 56px; }
body.sf--proje .pj-foot__about { margin: 18px 0 24px; line-height: 1.65; max-width: 44ch; }
body.sf--proje .pj-foot__h { margin: 0 0 16px; color: #fff; font: 700 17px/1.2 var(--pj-display); font-stretch: 106%; }
body.sf--proje .pj-foot__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
body.sf--proje .pj-foot__contact li { display: flex; gap: 10px; align-items: flex-start; line-height: 1.5; }
body.sf--proje .pj-foot__contact .pj-ic { margin-top: 3px; color: var(--pj-accent); }
body.sf--proje .pj-foot__shop { margin-top: 22px; }
body.sf--proje .pj-foot .corp-shop-card { background: rgb(255 255 255 / .06); border: 1px solid rgb(255 255 255 / .14); border-radius: var(--pj-r-lg); padding: 16px; color: rgb(255 255 255 / .78); }
body.sf--proje .pj-foot .corp-shop-card__t { margin: 0 0 6px; color: #fff; font-weight: 700; font-size: 15px; text-transform: none; letter-spacing: 0; }
body.sf--proje .pj-foot .corp-shop-card__d { color: rgb(255 255 255 / .78); margin: 0 0 10px; font-size: 14px; line-height: 1.55; }
body.sf--proje .pj-foot .corp-shop-card__d strong { color: #fff; }
body.sf--proje .pj-foot .corp-shop-card__b { color: #fff; font-weight: 600; text-decoration: underline; text-decoration-color: var(--pj-accent); text-underline-offset: 4px; }
body.sf--proje .pj-foot__social { display: flex !important; flex-wrap: wrap; gap: 8px 16px !important; margin-top: 18px !important; }
body.sf--proje .pj-foot__seller { border-top: 1px solid rgb(255 255 255 / .12); }
body.sf--proje .pj-foot__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; padding-top: 20px; padding-bottom: 24px; border-top: 1px solid rgb(255 255 255 / .12); font-size: 13.5px; }
body.sf--proje .pj-foot__bottom p { margin: 0; }
body.sf--proje .pj-foot__legal { display: flex; flex-wrap: wrap; gap: 8px 20px; list-style: none; margin: 0; padding: 0; }
@media (max-width: 1080px) { body.sf--proje .pj-foot__top { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { body.sf--proje .pj-foot__top { grid-template-columns: 1fr; padding-top: 56px; gap: 32px; } }

/* ── Mobil yapışkan teklif çubuğu ── */
body.sf--proje .pj-dock { display: none; }
@media (max-width: 760px) {
  body.sf--proje .pj-dock {
    display: flex; gap: 8px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 55;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: rgb(255 255 255 / .97);
    border-top: 1px solid var(--pj-line); box-shadow: 0 -8px 24px -12px rgb(18 28 38 / .3);
  }
  body.sf--proje .pj-dock__cta { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; border-radius: var(--pj-r); background: var(--pj-accent); color: var(--pj-accent-fg); font-weight: 700; font-size: 16px; text-decoration: none; }
  body.sf--proje .pj-dock__btn { width: 48px; height: 48px; display: grid; place-items: center; border-radius: var(--pj-r); border: 1.5px solid var(--pj-ink); color: var(--pj-ink); }
  body.sf--proje .pj-dock__btn--wa { border-color: #1f9e52; color: #1f9e52; }
  body.sf--proje .pj-dock .pj-ic { width: 20px; height: 20px; }
  body.sf--proje:has(.pj-dock) { padding-bottom: 72px; }
  /* yüzen "Bilgi ve Teklif Al" düğmesi çubukla aynı işi yapar: mobilde gizle */
  body.sf--proje:has(.pj-dock) > a.fixed.bottom-5.right-5[href="/iletisim"] { display: none; }
  body.sf--proje #cookie-banner, body.sf--proje [data-cookie-banner] { bottom: 72px; }
}

/* ══ İç sayfalar (paylaşılan sayfalar: kategori, ürün grupları, hakkımızda, projeler, çözümler, iletişim, blog) ══ */
body.sf--proje main:not(.pj-home) h1 { font-family: var(--pj-display); font-stretch: 112%; letter-spacing: -0.025em; }
body.sf--proje main:not(.pj-home) :is(h2, h3).font-display { font-stretch: 106%; }
/* eski Tailwind işaretlemeli koyu sayfa girişleri */
body.sf--proje main > section.bg-\[var\(--tpl-primary\)\]:first-child { background: var(--pj-night); position: relative; }
body.sf--proje main > section.bg-\[var\(--tpl-primary\)\]:first-child::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: var(--pj-accent); }
body.sf--proje main > section.bg-\[var\(--tpl-primary\)\]:first-child h1 { font-weight: 900; }
body.sf--proje .text-\[var\(--tpl-accent\)\].uppercase.tracking-widest { text-transform: none; letter-spacing: 0; font-size: 15px; }
body.sf--proje .skb-input:focus { border-color: var(--pj-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pj-accent) 22%, transparent); }

/* corp-* ortak kurumsal işaretleme (app.css varsayılanlarının üzerine) */
body.sf--proje .corp-page { background: var(--pj-paper); color: var(--pj-ink); }
body.sf--proje .corp-wrap { max-width: var(--pj-wrap); padding: 0 clamp(16px, 4vw, 40px); }
body.sf--proje .corp-wrap--narrow { max-width: 920px; }
body.sf--proje .corp-sec { padding: clamp(56px, 7vw, 96px) 0; }
body.sf--proje .corp-sec--tight { padding: clamp(28px, 4vw, 44px) 0; }
body.sf--proje .corp-sec--soft { background: var(--pj-concrete); }
body.sf--proje .corp-sec__head { margin-bottom: clamp(24px, 3.5vw, 40px); }
body.sf--proje .corp-sec__k, body.sf--proje .corp-hero__k { text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: 700; color: var(--pj-accent-ink); }
body.sf--proje .corp-sec__h { font: 800 clamp(28px, 3.6vw, 46px)/1.04 var(--pj-display); font-stretch: 112%; letter-spacing: -0.025em; color: var(--pj-ink); text-wrap: balance; }
body.sf--proje .corp-sec__h--sm { font-size: clamp(20px, 2vw, 24px); }
body.sf--proje .corp-sec__lead { color: var(--pj-steel); font-size: 17px; max-width: 60ch; }
body.sf--proje .corp-more { color: var(--pj-ink); text-decoration: underline; text-decoration-color: var(--pj-accent); text-decoration-thickness: 2px; text-underline-offset: 6px; font-size: 15px; }
body.sf--proje .corp-btn { border-radius: var(--pj-r); font-size: 15px; border-width: 1.5px; }
body.sf--proje .corp-btn--primary { background: var(--pj-accent); color: var(--pj-accent-fg); }
body.sf--proje .corp-sec .corp-btn--ghost { color: var(--pj-ink); border-color: var(--pj-ink); }
body.sf--proje .corp-sec .corp-btn--ghost:hover { background: var(--pj-ink); color: #fff; }

/* giriş: koyu zemin, görsel sağ kenara taşar */
body.sf--proje .corp-hero { background: var(--pj-night); color: #fff; padding: clamp(48px, 6vw, 80px) 0; border-bottom: 4px solid var(--pj-accent); isolation: isolate; }
body.sf--proje .corp-hero__h { font: 900 clamp(34px, 5.2vw, 72px)/.98 var(--pj-display); font-stretch: 116%; letter-spacing: -0.03em; text-wrap: balance; overflow-wrap: normal; hyphens: auto; }
body.sf--proje .corp-hero__lead { font-size: 17px; color: rgb(255 255 255 / .84); opacity: 1; max-width: 60ch; }
body.sf--proje .corp-hero__k { color: color-mix(in srgb, var(--pj-accent) 45%, #fff); }
body.sf--proje .corp-hero__lead :is(a, summary) { color: #fff; text-decoration-color: var(--pj-accent); }
body.sf--proje .corp-hero .corp-btn--ghost { color: #fff; border-color: rgb(255 255 255 / .55); }
body.sf--proje .corp-hero .corp-btn--ghost:hover { background: #fff; color: var(--pj-ink); }
body.sf--proje .corp-crumbs ol { font-size: 14px; }
@media (min-width: 861px) {
  body.sf--proje .corp-hero--media { min-height: 480px; display: flex; align-items: center; }
  body.sf--proje .corp-hero--media > .corp-wrap, body.sf--proje .corp-hero--media .corp-hero__in { width: 100%; }
  body.sf--proje .corp-hero--media .corp-hero__in { grid-template-columns: minmax(0, 1fr); }
  body.sf--proje .corp-hero--media .corp-hero__text { max-width: 54%; }
  body.sf--proje .corp-hero--media .corp-hero__media { position: absolute; top: 0; right: 0; bottom: 0; width: 46%; aspect-ratio: auto; border-radius: 0; z-index: -1; max-height: none; }
  body.sf--proje .corp-hero--media .corp-hero__media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to right, var(--pj-night) 0%, rgb(18 28 38 / .35) 30%, rgb(18 28 38 / 0) 60%); }
  body.sf--proje .corp-hero--media .corp-hero__media img { position: absolute; inset: 0; }
}
@media (max-width: 860px) { body.sf--proje .corp-hero__media { border-radius: var(--pj-r-lg); } }

/* ürün grubu kartları: görsel üzerine yazı */
body.sf--proje .corp-groups { gap: 16px; }
body.sf--proje .corp-group { border: 0; border-radius: var(--pj-r-lg); background: var(--pj-concrete); }
body.sf--proje .corp-group:hover { box-shadow: none; }
body.sf--proje .corp-group__media { aspect-ratio: 16/11; border-radius: var(--pj-r-lg) var(--pj-r-lg) 0 0; }
body.sf--proje .corp-group__body { padding: 20px; }
body.sf--proje .corp-group__name { font: 800 20px/1.15 var(--pj-display); font-stretch: 106%; color: var(--pj-ink); }
body.sf--proje .corp-group__name a:hover { color: var(--pj-accent-ink); }
body.sf--proje .corp-group__desc { color: var(--pj-steel); font-size: 15px; }
body.sf--proje .corp-group__meta { text-transform: none; letter-spacing: 0; font-size: 14px; color: var(--pj-ink-2); }

/* kategori: örnek modeller */
body.sf--proje .corp-models { gap: 16px; }
body.sf--proje .corp-model { border-color: var(--pj-line); border-radius: var(--pj-r-lg); }
body.sf--proje .corp-model__media { background: var(--pj-concrete); }
body.sf--proje .corp-model__tag { text-transform: none; letter-spacing: 0; font-size: 13px; color: var(--pj-accent-ink); }
body.sf--proje .corp-model__name { font: 700 17px/1.3 var(--pj-display); font-stretch: 104%; color: var(--pj-ink); }
body.sf--proje .corp-model__desc { color: var(--pj-steel); font-size: 14px; }
body.sf--proje .corp-model__specs, body.sf--proje .corp-model__specs div { border-color: var(--pj-line); }
body.sf--proje .corp-model__cta { border-radius: var(--pj-r); background: var(--pj-ink); color: #fff; font-size: 14px; }
body.sf--proje .corp-model__cta:hover { background: var(--pj-accent); color: var(--pj-accent-fg); }

/* rakamlar, güçlü yanlar, süreç */
body.sf--proje .corp-facts { background: transparent; border: 0; border-top: 1px solid var(--pj-line); border-bottom: 1px solid var(--pj-line); border-radius: 0; gap: 0; }
body.sf--proje .corp-fact { background: transparent; padding: 22px 24px 22px 0; }
body.sf--proje .corp-fact + .corp-fact { border-left: 1px solid var(--pj-line); padding-left: 24px; }
body.sf--proje .corp-fact__v { font: 800 clamp(26px, 3vw, 38px)/1 var(--pj-display); font-stretch: 112%; color: var(--pj-ink); }
body.sf--proje .corp-fact__l { color: var(--pj-steel); font-size: 14.5px; }
@media (max-width: 560px) { body.sf--proje .corp-fact + .corp-fact { border-left: 0; padding-left: 0; border-top: 1px solid var(--pj-line); } }
body.sf--proje .corp-strengths { gap: 0 40px; }
body.sf--proje .corp-strength { border: 0; border-top: 1px solid var(--pj-line); border-radius: 0; background: transparent; padding: 24px 0; }
body.sf--proje .corp-strength__ic { background: transparent; width: auto; height: auto; color: var(--pj-accent); justify-content: flex-start; }
body.sf--proje .corp-strength__ic svg { width: 28px; height: 28px; }
body.sf--proje .corp-strength__t { font: 700 19px/1.25 var(--pj-display); font-stretch: 104%; }
body.sf--proje .corp-strength__d { color: var(--pj-steel); font-size: 15px; }
body.sf--proje .corp-process { gap: 24px; }
body.sf--proje .corp-step { border-top: 2px solid var(--pj-line); background: transparent; padding: 24px 0 0; border-radius: 0; }
body.sf--proje .corp-step:first-child { border-top-color: var(--pj-accent); }
body.sf--proje .corp-step__n { font: 800 28px/1 var(--pj-display); font-stretch: 112%; color: var(--pj-ink); }
body.sf--proje .corp-step__t { font: 700 19px/1.25 var(--pj-display); font-stretch: 104%; }
body.sf--proje .corp-step__d { color: var(--pj-steel); font-size: 15px; }

/* hakkımızda: atölye, referanslar, belgeler, bağlantılar */
body.sf--proje .corp-workshop__list li, body.sf--proje .corp-link, body.sf--proje .corp-doc, body.sf--proje .corp-hit { border-color: var(--pj-line); border-radius: var(--pj-r-lg); }
body.sf--proje .corp-workshop__ic, body.sf--proje .corp-link__ic { background: var(--pj-night); color: var(--pj-accent); border-radius: var(--pj-r); }
body.sf--proje .corp-doc__ic { background: var(--pj-concrete); color: var(--pj-ink); border-radius: var(--pj-r); }
body.sf--proje .corp-link:hover, body.sf--proje .corp-doc:hover, body.sf--proje .corp-hit:hover { border-color: var(--pj-ink); }
body.sf--proje .corp-refs { gap: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); border-top: 1px solid var(--pj-line); }
body.sf--proje .corp-refs li { border: 0; border-bottom: 1px solid var(--pj-line); border-radius: 0; background: transparent; padding: 14px 16px 14px 0; font-weight: 600; color: var(--pj-ink-2); }
body.sf--proje .corp-chips a { border-radius: var(--pj-r); border: 0; background: var(--pj-concrete); color: var(--pj-ink); font-size: 14px; font-weight: 500; }
body.sf--proje .corp-chips a:hover { background: var(--pj-concrete-2); color: var(--pj-accent-ink); }
body.sf--proje .corp-apps svg { color: var(--pj-accent); }
body.sf--proje .corp-faq details { border-color: var(--pj-line); border-radius: var(--pj-r); }
body.sf--proje .corp-faq details[open] { border-color: var(--pj-ink); }
body.sf--proje .corp-search input { border-radius: var(--pj-r); }

/* son çağrı */
body.sf--proje .corp-cta { background: var(--pj-night); padding: clamp(56px, 7vw, 96px) 0; border-top: 4px solid var(--pj-accent); }
body.sf--proje .corp-cta__h { font: 900 clamp(28px, 4vw, 52px)/1 var(--pj-display); font-stretch: 114%; letter-spacing: -0.025em; max-width: 18ch; }
body.sf--proje .corp-cta .corp-btn--ghost:hover { background: #fff; color: var(--pj-ink); }

/* online mağaza bildirimleri (iç sayfalar) */
body.sf--proje .corp-shop-inline a { color: var(--pj-accent-ink); }
body.sf--proje main .corp-shop-card { background: var(--pj-concrete); border: 0; border-left: 5px solid var(--pj-accent); border-radius: var(--pj-r-lg); padding: 20px; }
body.sf--proje main .corp-shop-card__t { text-transform: none; letter-spacing: 0; font: 800 19px/1.2 var(--pj-display); color: var(--pj-ink); }
body.sf--proje main .corp-shop-card__d { color: var(--pj-ink-2); line-height: 1.55; }
body.sf--proje main .corp-shop-card__b { color: var(--pj-ink); text-decoration: underline; text-decoration-color: var(--pj-accent); text-underline-offset: 4px; }
body.sf--proje main:not(.pj-home) .corp-shop-banner { background: var(--pj-concrete); border: 0; border-left: 6px solid var(--pj-accent); }
body.sf--proje main:not(.pj-home) .corp-shop-banner__in { max-width: var(--pj-wrap); padding: 0 clamp(16px, 4vw, 40px); }
body.sf--proje main:not(.pj-home) .corp-shop-banner__k { text-transform: none; letter-spacing: 0; font-size: 14.5px; color: var(--pj-accent-ink); }
body.sf--proje main:not(.pj-home) .corp-shop-banner__h { font: 800 clamp(22px, 2.6vw, 32px)/1.1 var(--pj-display); font-stretch: 110%; }
body.sf--proje main:not(.pj-home) .corp-shop-banner__btn { border-radius: var(--pj-r); background: var(--pj-ink); color: #fff; }
body.sf--proje main:not(.pj-home) .corp-shop-banner__btn--ghost { background: transparent; color: var(--pj-ink); border: 1.5px solid var(--pj-ink); }

@media (prefers-reduced-motion: reduce) {
  body.sf--proje *, body.sf--proje *::before, body.sf--proje *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}