/* Kurumsal iskeleti — core.css'ten SONRA yüklenir. Yalnızca --dj-* değişkenleri; sabit renk/yazı tipi yok. Kapsam: body.dj-sk-kurumsal */

/* — Üst bilgi çubuğu — */
.dj-sk-kurumsal .dj-top { background: var(--dj-secondary); color: color-mix(in srgb, var(--dj-dark-ink) 86%, transparent); font-size: .84rem; }
.dj-sk-kurumsal .dj-top__in { display: flex; align-items: center; gap: 28px; min-height: 42px; }
.dj-sk-kurumsal .dj-top__oge { display: inline-flex; align-items: center; gap: 8px; }
.dj-sk-kurumsal .dj-top__oge .dj-ic { width: 1.05em; height: 1.05em; opacity: .75; }
.dj-sk-kurumsal .dj-top__sag { margin-left: auto; gap: 24px; }
.dj-sk-kurumsal .dj-top__sag > a { display: inline-flex; align-items: center; gap: 8px; }
.dj-sk-kurumsal .dj-top a:hover { color: var(--dj-dark-ink); }
.dj-sk-kurumsal .dj-top__dil { opacity: .8; }
.dj-sk-kurumsal .dj-top__dil a { display: inline; }
.dj-sk-kurumsal .dj-top__dil a[aria-current] { color: var(--dj-dark-ink); font-weight: 700; }

/* — Üst menü — */
.dj-sk-kurumsal .dj-hd { background: color-mix(in srgb, var(--dj-bg) 92%, transparent); backdrop-filter: saturate(1.4) blur(14px); border-bottom: 1px solid var(--dj-border); --hd-h: 84px; transition: box-shadow var(--dj-dur); }
.dj-sk-kurumsal .dj-hd.is-scrolled { box-shadow: 0 12px 32px -22px rgb(0 0 0 / .35); }
.dj-sk-kurumsal .dj-nav { margin-left: auto; }
.dj-sk-kurumsal .dj-hd__act { margin-left: 8px; }
.dj-sk-kurumsal .dj-logo img { width: auto; max-height: 44px; }

/* — Hero (bölünmüş) — */
.dj-sk-kurumsal .dj-hero { position: relative; padding: clamp(40px, 5vw, 72px) 0 clamp(120px, 11vw, 170px); overflow: hidden;
  background: radial-gradient(900px 520px at 88% 0%, color-mix(in srgb, var(--dj-primary) 13%, transparent), transparent 70%), var(--dj-bg); }
.dj-sk-kurumsal .dj-hero__in { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr); gap: clamp(36px, 6vw, 96px); align-items: center; }
.dj-sk-kurumsal .dj-hero--tek .dj-hero__in { grid-template-columns: minmax(0, 52rem); }
.dj-sk-kurumsal .dj-hero__yazi { display: grid; gap: 26px; justify-items: start; }
.dj-sk-kurumsal .dj-hero h1 { font-size: var(--dj-fs-h1); line-height: 1.06; letter-spacing: -.035em; }
.dj-sk-kurumsal .dj-hero .dj-lead { max-width: 34rem; }
.dj-sk-kurumsal .dj-hero .dj-btns { display: flex; flex-wrap: wrap; gap: 14px; }
.dj-sk-kurumsal .dj-hero__rozet { display: flex; flex-wrap: wrap; gap: 12px 26px; margin-top: 6px; font-size: .92rem; font-weight: 550; }
.dj-sk-kurumsal .dj-hero__rozet li { display: inline-flex; align-items: center; gap: 8px; }
.dj-sk-kurumsal .dj-hero__rozet .dj-ic { color: var(--dj-primary-text); }
.dj-sk-kurumsal .dj-hero__gorsel { position: relative; padding: 0 0 36px 36px; }
.dj-sk-kurumsal .dj-hero__ana { position: relative; display: block; z-index: 1; border-radius: calc(var(--dj-radius-lg) * 1.4); overflow: hidden; aspect-ratio: 4 / 4.7; box-shadow: var(--dj-shadow-lift); }
.dj-sk-kurumsal .dj-hero__ana img { width: 100%; height: 100%; object-fit: cover; object-position: 38% 50%; }
.dj-sk-kurumsal .dj-hero__halka { position: absolute; z-index: 0; inset: 28px 28px 0 0; border: 2px solid color-mix(in srgb, var(--dj-primary) 35%, transparent); border-radius: calc(var(--dj-radius-lg) * 1.4); transform: translate(-28px, 28px) scale(.98); }
.dj-sk-kurumsal .dj-hero__ek { position: absolute; z-index: 2; right: -24px; top: 40px; width: 34%; border: 7px solid var(--dj-bg); border-radius: calc(var(--dj-radius-lg) + 4px); overflow: hidden; box-shadow: var(--dj-shadow-card); }
.dj-sk-kurumsal .dj-hero__ek img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.dj-sk-kurumsal .dj-hero__kart { position: absolute; z-index: 2; left: 0; bottom: 0; display: flex; align-items: center; gap: 14px; padding: 16px 22px 16px 16px; background: var(--dj-surface); border: 1px solid var(--dj-border); border-radius: var(--dj-radius-md); box-shadow: var(--dj-shadow-lift); }
.dj-sk-kurumsal .dj-hero__kart-ik { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 12px; background: var(--dj-primary); color: var(--dj-primary-ink); }
.dj-sk-kurumsal .dj-hero__kart b { display: block; font-size: .98rem; }
.dj-sk-kurumsal .dj-hero__kart small { color: var(--dj-muted); font-size: .8rem; }

/* — Bilgi şeridi: hero'ya bindirilmiş kart (ozellikler · serit) — */
.dj-sk-kurumsal .dj-s-bilgi { padding: 0; margin-top: calc(-1 * clamp(64px, 6.4vw, 92px)); position: relative; z-index: 3; }
.dj-sk-kurumsal .dj-bilgi { background: var(--dj-surface); border: 1px solid var(--dj-border); border-radius: calc(var(--dj-radius-lg) + 4px); box-shadow: var(--dj-shadow-lift); padding: clamp(22px, 2.6vw, 34px) clamp(22px, 3vw, 40px); gap: 0; }
.dj-sk-kurumsal .dj-bilgi[data-n="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dj-sk-kurumsal .dj-bilgi[data-n="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dj-sk-kurumsal .dj-bilgi__oge { padding: 6px clamp(14px, 1.8vw, 26px); border-left: 1px solid var(--dj-border); }
.dj-sk-kurumsal .dj-bilgi__oge:first-child { border-left: 0; padding-left: 0; }
.dj-sk-kurumsal .dj-s-bilgi + .dj-sec { padding-top: calc(var(--dj-sec-y) * .95); }

/* — Sayfa başı (iç sayfalar) — */
.dj-sk-kurumsal .dj-ph { padding: clamp(36px, 4.5vw, 64px) 0; background: linear-gradient(180deg, var(--dj-bg-alt), var(--dj-bg)); border-bottom: 1px solid var(--dj-border); }
.dj-sk-kurumsal .dj-ph__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 420px); gap: clamp(32px, 5vw, 80px); align-items: center; }
.dj-sk-kurumsal .dj-ph__yazi { display: grid; gap: 18px; justify-items: start; }
.dj-sk-kurumsal .dj-ph h1 { font-size: var(--dj-fs-h1); line-height: 1.08; }
.dj-sk-kurumsal .dj-ph__gorsel img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--dj-radius-lg); box-shadow: var(--dj-shadow-card); }
.dj-sk-kurumsal .dj-ph:not(:has(.dj-ph__gorsel)) .dj-ph__in { grid-template-columns: 1fr; }
.dj-sk-kurumsal .dj-ph + .dj-sec { padding-top: calc(var(--dj-sec-y) * .6); }

/* — Alt bilgi — */
.dj-sk-kurumsal .dj-ft { background: var(--dj-dark); color: var(--dj-dark-ink); margin-top: 0; --dj-primary-text: color-mix(in srgb, var(--dj-primary) 50%, var(--dj-dark-ink)); --dj-muted: var(--dj-dark-muted); }
.dj-sk-kurumsal .dj-ft__ust { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.3fr; gap: clamp(28px, 5vw, 72px); padding: clamp(56px, 6vw, 88px) 0 clamp(40px, 4vw, 56px); }
.dj-sk-kurumsal .dj-ft__marka { display: grid; gap: 22px; align-content: start; }
.dj-sk-kurumsal .dj-ft__marka p { color: var(--dj-dark-muted); max-width: 22rem; font-size: .96rem; }
.dj-sk-kurumsal .dj-ft .dj-logo__mark { background: var(--dj-primary); color: var(--dj-primary-ink); }
.dj-sk-kurumsal .dj-ft .dj-sosyal a { border-color: color-mix(in srgb, var(--dj-dark-ink) 22%, transparent); }
.dj-sk-kurumsal .dj-ft .dj-sosyal a:hover { background: var(--dj-dark-ink); color: var(--dj-dark); }
.dj-sk-kurumsal .dj-ft__alt { border-top: 1px solid color-mix(in srgb, var(--dj-dark-ink) 14%, transparent); padding: 22px 0; color: var(--dj-dark-muted); }
.dj-sk-kurumsal .dj-ft__alt .dj-container { display: grid; gap: 10px; }
.dj-sk-kurumsal .dj-ft__imza { justify-self: start; }

@media (max-width: 1020px) {
  .dj-sk-kurumsal .dj-hd__act { margin-left: auto; }
  .dj-sk-kurumsal .dj-hd__cta { display: none; }
  .dj-sk-kurumsal .dj-hero__in { grid-template-columns: 1fr; }
  .dj-sk-kurumsal .dj-hero__gorsel { max-width: 560px; }
  .dj-sk-kurumsal .dj-ft__ust { grid-template-columns: 1fr 1fr; }
  .dj-sk-kurumsal .dj-bilgi, .dj-sk-kurumsal .dj-bilgi[data-n="3"] { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 22px; }
  .dj-sk-kurumsal .dj-bilgi__oge:nth-child(3) { border-left: 0; padding-left: 0; }
  .dj-sk-kurumsal .dj-ph__in { grid-template-columns: 1fr; }
  .dj-sk-kurumsal .dj-ph__gorsel { display: none; }
}
@media (max-width: 640px) {
  .dj-sk-kurumsal .dj-top__gizle, .dj-sk-kurumsal .dj-top__sag { display: none; }
  .dj-sk-kurumsal .dj-hd { --hd-h: 72px; }
  .dj-sk-kurumsal .dj-hero { padding-bottom: 96px; }
  .dj-sk-kurumsal .dj-hero__gorsel { padding: 0 0 30px 0; }
  .dj-sk-kurumsal .dj-hero__halka { display: none; }
  .dj-sk-kurumsal .dj-hero__ek { right: -6px; top: 18px; width: 30%; }
  .dj-sk-kurumsal .dj-hero__yazi .dj-btns { width: 100%; }
  .dj-sk-kurumsal .dj-hero__yazi .dj-btn { flex: 1 1 100%; }
  .dj-sk-kurumsal .dj-bilgi, .dj-sk-kurumsal .dj-bilgi[data-n="3"], .dj-sk-kurumsal .dj-bilgi[data-n="2"] { grid-template-columns: 1fr; padding: 22px; }
  .dj-sk-kurumsal .dj-bilgi__oge { border-left: 0; padding: 0; }
  .dj-sk-kurumsal .dj-ft__ust { grid-template-columns: 1fr; }
}