/* 00–04 yeniden tasarım katmanı.
   Bütün renkler kurumsal belirteçlerden türetilir. */

body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) main {
  overflow: clip;
}

body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) main > section {
  isolation: isolate;
}

body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) main :is(h2, h3) {
  text-wrap: balance;
}

/* Mega menü görseli bağlantı dizininden ayrı, sabit bir önizleme sütunudur. */
.mega-gorsel {
  display: grid;
  align-self: start;
  gap: .85rem;
  width: 100%;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}

.mega-gorsel__medya {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: 1rem;
  background: color-mix(in oklab, var(--color-bordo-800) 82%, var(--color-murekkep));
}

.mega-gorsel__medya img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: scale .65s var(--ease-giris);
}

.mega-gorsel:hover .mega-gorsel__medya img {
  scale: 1.045;
}

.mega-gorsel__medya .gorsel-yedek {
  color: var(--color-altin-300);
  background: transparent;
}

.mega-gorsel__eylem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  min-height: 32px;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .04em;
}

[data-tasarim="01"] .mega-gorsel__eylem {
  color: var(--color-kagit);
}

[data-tasarim="04"] .ak-mega__ic {
  align-items: flex-start;
}

[data-tasarim="04"] .ak-mega__ic > .mega-gorsel {
  width: 100%;
}

/* ──────────────────────────────────────────────────────────────────────────
   00 · ÇAĞDAŞ MECMUA
   Tezhip karakterini koruyan, daha sıkı ritimli ve daha az dekoratif taban.
   ────────────────────────────────────────────────────────────────────────── */

[data-tasarim="00"] {
  --o00-koyu: color-mix(in oklab, var(--color-murekkep) 90%, var(--color-bordo-950));
  --o00-yuzey: color-mix(in oklab, var(--color-kagit) 94%, var(--color-altin-300));
  --o00-cizgi: color-mix(in oklab, var(--color-murekkep) 14%, transparent);
}

/*  FADE GEÇİŞİ DÜZELTİLDİ.
    Slaytların HER BİRİ opak koyu bir zemin taşıyordu. `crossFade` çıkan ve
    giren slaydın opaklığını aynı anda değiştirir; iki slayt da opak olunca
    geçişin ortasında ikisinin toplam örtücülüğü düşüyor ve arkadaki koyu
    zemin görünüyordu — her dönüşte kısa bir KARARMA oluyordu.
    Zemin yalnız KAPTA kalıyor; slaytlar saydam, böylece yalnız fotoğraflar
    birbirine karışıyor.                                                   */
[data-tasarim="00"] [data-hero],
[data-tasarim="00"] [data-hero-swiper] {
  min-height: clamp(540px, 70svh, 720px);
  background: var(--o00-koyu);
  backface-visibility: hidden;
}
[data-tasarim="00"] [data-hero-swiper] :is(.swiper-wrapper, .swiper-slide, .hero-gorsel) {
  min-height: clamp(540px, 70svh, 720px);
  background: transparent;
  backface-visibility: hidden;
}
/*  KARARMA GİDERİLDİ — asimetrik eğri.
    `crossFade` iki slaydın opaklığını AYNI eğriyle değiştiriyor: ortada
    ikisi de 0,5 oluyor, alfa birleşimi 0,5A + 0,25B + 0,25 zemin veriyor
    ve arkadaki koyu zemin %25 oranında sızıyor — her dönüşte kararma.
    Ölçüldü: geçişin ortasında ortalama parlaklık 170 → 75'e düşüyordu.
    Çözüm: GİREN slayt hızlı yükselen, ÇIKAN slayt geç düşen bir eğri
    alıyor; toplam örtücülük 1'e yakın kalıyor. (`crossFade: false` ise
    geçişi tamamen sert kesime çeviriyordu — ölçüldü, o da yanlış.)      */
/*  GECİKME DÜZELTMESİ. Çıkan slaytın eğrisi (0.7,0,0.85,0.1) örtücülüğü
    sürenin dörtte üçü boyunca neredeyse 1'de tutuyordu; kararma gitmişti
    ama geçiş "bir şey olmuyor, sonra birden oluyor" diye okunuyordu.
    Süre de 780 ms'ti. Şimdi 520 ms ve çıkan eğri daha erken bırakıyor —
    toplam örtücülük hâlâ 1'in altına düşmüyor, kararma geri gelmiyor.   */
[data-tasarim="00"] [data-hero-swiper].swiper-fade .swiper-slide {
  transition-timing-function: cubic-bezier(0.22, 0.95, 0.3, 1);  /* giren: hızlı yükselir */
}
[data-tasarim="00"] [data-hero-swiper].swiper-fade .swiper-slide:not(.swiper-slide-active) {
  transition-timing-function: cubic-bezier(0.45, 0.05, 0.85, 0.4); /* çıkan: geç ama takılmadan düşer */
}

[data-tasarim="00"] [data-hero-swiper] img {
  backface-visibility: hidden;
  transform: translateZ(0);
}

[data-tasarim="00"] [data-hero-swiper] .portal-hero__icerik {
  justify-content: center;
  align-items: flex-start;
  padding-block: 4rem 7rem;
  text-align: left;
}

[data-tasarim="00"] [data-hero-swiper] .portal-hero__icerik > :is(h2, p, div) {
  align-self: flex-start;
  margin-inline: 0;
  text-align: left;
}

[data-tasarim="00"] [data-hero-swiper] .portal-hero__icerik h2 {
  max-width: 11ch;
  font-size: clamp(3.6rem, 6vw, 6.1rem);
  line-height: .9;
}

[data-tasarim="00"] main > section.forma {
  --forma-bosluk: clamp(4.75rem, 7vw, 6.75rem);
}

[data-tasarim="00"] #sections .kart-manset {
  border-top: 3px solid var(--color-bordo-600);
  background: var(--color-kagit);
}

[data-tasarim="00"] #sections .kart-kitabe {
  border-top: 1px solid var(--o00-cizgi);
  background: var(--color-kagit);
}

[data-tasarim="00"] #sections .kitabe-kunye {
  padding-inline: .1rem;
}

[data-tasarim="00"] .t00-ikon-kart {
  border-radius: 0;
  box-shadow: none;
}

[data-tasarim="00"] .t00-ikon-kart:nth-child(n) {
  grid-column: auto;
}

[data-tasarim="00"] main > .ic-sayfa-ust:not(.ic-sayfa-ust--belgeler) > :last-child {
  align-self: center;
  align-items: flex-start;
  width: min(100% - 64px, 1280px);
  padding-inline: 0;
  text-align: left;
}

[data-tasarim="00"] main > .ic-sayfa-ust:not(.ic-sayfa-ust--belgeler) > :last-child > nav {
  justify-content: flex-start;
}

body[data-tasarim="00"] main > .ic-sayfa-ust:not(.ic-sayfa-ust--belgeler) > :last-child > :is(h1, p, form) {
  margin-inline: 0;
}

[data-tasarim="00"] main > .ic-sayfa-ust :is(h1, .baslik-dev) {
  max-width: 18ch;
  font-size: clamp(2.7rem, 5vw, 4.6rem);
  line-height: .98;
}

@media (max-width: 800px) {
  [data-tasarim="00"] main > .ic-sayfa-ust:not(.ic-sayfa-ust--belgeler) > :last-child {
    width: min(100% - 28px, 1280px);
  }

  [data-tasarim="00"] [data-hero-swiper] .portal-hero__icerik {
    padding-block: 3rem 7.5rem;
  }

  [data-tasarim="00"] [data-hero-swiper] .portal-hero__icerik h2 {
    font-size: clamp(3rem, 13vw, 4.8rem);
  }
}

/* ──────────────────────────────────────────────────────────────────────────
   SON GÖRSEL QA · AYRIK YÜZEYLER, DAHA DOLU YEDEK GÖRSELLER
   Gerçek karusellerde aralık Swiper'ın spaceBetween değeriyle kalır. Buradaki
   gap kuralları yalnız statik hizmet/ikon koleksiyonlarını birbirinden ayırır.
   ────────────────────────────────────────────────────────────────────────── */

/* 01 · Koyu hizmet alanı artık tek bir tablo değil, ayrı yayın plakaları. */
[data-tasarim="01"] .n01-ikonlar__grid {
  gap: 1rem;
  border: 0;
  background: transparent;
}

[data-tasarim="01"] .n01-ikonlar__grid > .n01-ikon:nth-child(n) {
  min-height: 188px;
  padding: 1.4rem;
  border: 1px solid color-mix(in oklab, var(--color-kagit) 16%, transparent);
  border-radius: .9rem;
  background: color-mix(in oklab, var(--color-kagit) 6%, transparent);
  box-shadow: 0 14px 36px color-mix(in oklab, var(--color-murekkep) 18%, transparent);
}

[data-tasarim="01"] .n01-ikonlar__grid > .n01-ikon:nth-child(6n + 1) {
  grid-column: span 2;
}

[data-tasarim="01"] .n01-ikon:hover {
  translate: 0 -.4rem;
  background: var(--color-kagit);
  color: var(--o01-koyu);
  box-shadow: 0 24px 54px color-mix(in oklab, var(--color-murekkep) 24%, transparent);
}

/* 02 · Görev kartları ve hızlı erişim gerçek aralıklı yüzeyler. */
[data-tasarim="02"] .n02-hizmetler {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1rem;
  border: 0;
  background: transparent;
}

[data-tasarim="02"] .n02-hizmet,
[data-tasarim="02"] .n02-hizmet:nth-child(n) {
  grid-column: span 4;
  min-height: 178px;
  margin: 0;
  padding: 1.4rem;
  border: 1px solid color-mix(in oklab, var(--color-murekkep) 12%, transparent) !important;
  border-radius: .85rem;
  background: color-mix(in oklab, var(--color-kagit) 96%, var(--color-altin-300));
  box-shadow: 0 12px 30px color-mix(in oklab, var(--color-murekkep) 8%, transparent);
}

[data-tasarim="02"] .n02-hizmet:nth-child(1) { grid-column: span 7; }
[data-tasarim="02"] .n02-hizmet:nth-child(2) { grid-column: span 5; }

[data-tasarim="02"] .n02-hizmet:hover {
  translate: 0 -.4rem;
  border-color: color-mix(in oklab, var(--color-bordo-700) 34%, transparent) !important;
  box-shadow: 0 22px 48px color-mix(in oklab, var(--color-murekkep) 13%, transparent);
}

[data-tasarim="02"] .n02-erisim__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  border: 0;
}

[data-tasarim="02"] .n02-erisim__grid a {
  min-height: 148px;
  padding: 1.25rem;
  border: 1px solid color-mix(in oklab, var(--color-kagit) 17%, transparent);
  border-radius: .9rem;
  background: color-mix(in oklab, var(--color-kagit) 6%, transparent);
  box-shadow: 0 12px 32px color-mix(in oklab, var(--color-murekkep) 18%, transparent);
}

[data-tasarim="02"] .n02-erisim__grid a:nth-child(5n + 1) { grid-column: span 2; }

/* 03 · Giriş sahnesinin gereksiz boşluğu azaltıldı; koleksiyon yine yatay ray. */
[data-tasarim="03"] .n03-giris {
  padding-block: clamp(4.5rem, 7vw, 6.5rem);
}

[data-tasarim="03"] .n03-giris h2 {
  font-size: clamp(3rem, 5vw, 5.25rem);
  line-height: .92;
}

[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart,
[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart:nth-child(n) {
  height: 440px;
}

[data-tasarim="03"] .n03-koleksiyon__swiper .swiper-slide:nth-child(3n) .n03-kart {
  height: 400px;
  margin-top: 40px;
}

/* 04 · Hizmet alanı ayrı teknik kartlardan oluşur; birleşik matris kaldırıldı. */
[data-tasarim="04"] .n04-ikonlar__grid {
  gap: 1rem;
  border: 0;
  background: transparent;
}

[data-tasarim="04"] .n04-ikonlar__grid > .n04-ikon:nth-child(n) {
  grid-column: auto;
  min-height: 178px;
  padding: 1.35rem;
  border: 1px solid color-mix(in oklab, var(--color-kagit) 16%, transparent);
  border-radius: .9rem;
  background: color-mix(in oklab, var(--color-kagit) 6%, transparent);
  color: var(--color-kagit);
  box-shadow: 0 14px 36px color-mix(in oklab, var(--color-murekkep) 18%, transparent);
}

[data-tasarim="04"] .n04-ikonlar__grid > .n04-ikon:nth-child(7n + 1) {
  grid-column: span 2;
}

[data-tasarim="04"] .n04-ikon:hover {
  translate: 0 -.4rem;
  background: var(--color-bordo-800);
  box-shadow: 0 24px 54px color-mix(in oklab, var(--color-murekkep) 24%, transparent);
}

/* Görseli olmayan içerikler boş beyaz blok yerine kurumsal, ölçülü bir plaka
   kullanır. Fotoğraf geldiğinde bu katman tabandaki :has kuralıyla gizlenir. */
[data-tasarim="01"] .n01-kart__gorsel:not(:has(> img)),
[data-tasarim="02"] .n02-ray__gorsel:not(:has(> img)),
[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart__gorsel:not(:has(> img)),
[data-tasarim="04"] .n04-vitrin__swiper .n04-vitrin__gorsel:not(:has(> img)) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

[data-tasarim="01"] .n01-kart__gorsel:not(:has(> img)) {
  background: linear-gradient(145deg, color-mix(in oklab, var(--color-altin-300) 14%, var(--color-kagit)), color-mix(in oklab, var(--color-bordo-700) 10%, var(--color-kagit)));
}

[data-tasarim="02"] .n02-ray__gorsel:not(:has(> img)) {
  background: linear-gradient(145deg, color-mix(in oklab, var(--color-murekkep) 86%, var(--color-bordo-950)), var(--color-bordo-950));
}

[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart__gorsel:not(:has(> img)) {
  background: linear-gradient(145deg, color-mix(in oklab, var(--color-bordo-800) 72%, var(--o03-koyu)), color-mix(in oklab, var(--color-altin-700) 24%, var(--o03-koyu)));
}

[data-tasarim="04"] .n04-vitrin__swiper .n04-vitrin__gorsel:not(:has(> img)) {
  background: linear-gradient(145deg, color-mix(in oklab, var(--color-bordo-700) 88%, var(--o04-koyu)), color-mix(in oklab, var(--color-altin-700) 22%, var(--color-bordo-950)));
}

[data-tasarim="01"] .n01-kart__gorsel:not(:has(> img)) > .gorsel-yedek,
[data-tasarim="02"] .n02-ray__gorsel:not(:has(> img)) > .gorsel-yedek,
[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart__gorsel:not(:has(> img)) > .gorsel-yedek,
[data-tasarim="04"] .n04-vitrin__swiper .n04-vitrin__gorsel:not(:has(> img)) > .gorsel-yedek {
  inset: auto auto 1.25rem 1.25rem;
  width: 4.5rem;
  height: 4.5rem;
  border: 1px solid currentColor;
  border-radius: .8rem;
  background: color-mix(in oklab, currentColor 8%, transparent);
  place-items: center;
}

[data-tasarim="01"] .n01-kart__gorsel:not(:has(> img)) > .gorsel-yedek {
  color: var(--color-bordo-700);
}

[data-tasarim="02"] .n02-ray__gorsel:not(:has(> img)) > .gorsel-yedek,
[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart__gorsel:not(:has(> img)) > .gorsel-yedek,
[data-tasarim="04"] .n04-vitrin__swiper .n04-vitrin__gorsel:not(:has(> img)) > .gorsel-yedek {
  color: var(--color-altin-300);
}

[data-tasarim="01"] .n01-kart__gorsel .gorsel-yedek svg,
[data-tasarim="02"] .n02-ray__gorsel .gorsel-yedek svg,
[data-tasarim="03"] .n03-kart__gorsel .gorsel-yedek svg,
[data-tasarim="04"] .n04-vitrin__gorsel .gorsel-yedek svg {
  width: 2.4rem;
  height: 2.4rem;
  stroke-width: 1.35;
}

[data-tasarim="02"] .n02-ray__kart { height: 430px; }
[data-tasarim="04"] .n04-vitrin__swiper .n04-vitrin__kart,
[data-tasarim="04"] .n04-vitrin__swiper .n04-vitrin__kart:nth-child(n) { height: 390px; }

@media (max-width: 1024px) {
  [data-tasarim="01"] .n01-ikonlar__grid > .n01-ikon:nth-child(6n + 1),
  [data-tasarim="04"] .n04-ikonlar__grid > .n04-ikon:nth-child(7n + 1) {
    grid-column: auto;
  }

  [data-tasarim="02"] .n02-hizmet,
  [data-tasarim="02"] .n02-hizmet:nth-child(n) {
    grid-column: span 6;
  }

  [data-tasarim="02"] .n02-hizmet:last-child { grid-column: 1 / -1; }
  [data-tasarim="02"] .n02-erisim__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 800px) {
  [data-tasarim="01"] .n01-ikonlar__grid,
  [data-tasarim="02"] .n02-erisim__grid,
  [data-tasarim="04"] .n04-ikonlar__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  [data-tasarim="01"] .n01-ikonlar__grid > .n01-ikon:nth-child(n),
  [data-tasarim="02"] .n02-erisim__grid a:nth-child(n),
  [data-tasarim="04"] .n04-ikonlar__grid > .n04-ikon:nth-child(n) {
    grid-column: auto;
    min-height: 138px;
  }

  [data-tasarim="02"] .n02-hizmet,
  [data-tasarim="02"] .n02-hizmet:nth-child(n) {
    grid-column: 1 / -1;
    min-height: 150px;
  }

  [data-tasarim="02"] .n02-ray__kart,
  [data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart,
  [data-tasarim="03"] .n03-koleksiyon__swiper .swiper-slide:nth-child(3n) .n03-kart,
  [data-tasarim="04"] .n04-vitrin__swiper .n04-vitrin__kart {
    height: 390px;
    margin-top: 0;
  }

  [data-tasarim="01"] .n01-vitrin__ust,
  [data-tasarim="02"] .n02-ray__ust,
  [data-tasarim="03"] .n03-koleksiyon__ust,
  [data-tasarim="04"] .n04-servis__ust,
  [data-tasarim="04"] .n04-vitrin__ust {
    align-items: flex-start;
    text-align: left;
  }

  [data-tasarim="01"] .n01-vitrin__eylem,
  [data-tasarim="03"] .n03-koleksiyon__eylem,
  [data-tasarim="04"] .n04-vitrin__eylem,
  [data-tasarim="04"] .kart-swiper-nav--sag {
    align-items: flex-start;
    justify-content: flex-start;
  }

  [data-tasarim="04"] .n04-servis__ust h2 { text-align: left; }
}

/* Miras: eski cetvel çizgilerini son katmanda kesin olarak kaldır. */
body[data-tasarim="03"] .n03-ikonlar {
  border: 0 !important;
  background: var(--o03-yuzey);
}

body[data-tasarim="03"] .n03-ikonlar__grid {
  gap: 1rem !important;
  border: 0 !important;
}

body[data-tasarim="03"] .n03-ikonlar__grid > a.n03-ikon:nth-child(n) {
  min-height: 112px !important;
  padding: 1.25rem !important;
  border: 0 !important;
  border-radius: .65rem !important;
  background: var(--color-kagit) !important;
  box-shadow: 0 14px 38px rgb(from var(--ktb-koyu) r g b / 7%);
}

body[data-tasarim="03"] .n03-koyu__linkler,
body[data-tasarim="03"] .n03-koyu__linkler a {
  border: 0 !important;
}

body[data-tasarim="03"] .n03-koyu__linkler {
  gap: .75rem;
}

body[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart,
body[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart:nth-child(n) {
  border: 0 !important;
  border-radius: .65rem;
  overflow: hidden;
  color: var(--color-murekkep);
  box-shadow: 0 18px 54px rgb(from var(--ktb-koyu) r g b / 9%);
}

body[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart__ad,
body[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart > svg {
  color: var(--color-murekkep);
}

/* İç sayfa yön duygusu: yol, başlık ve özet aynı sol eksende başlar. */
body[data-tasarim] main nav[aria-label="Neredesiniz"] {
  align-self: flex-start !important;
  justify-content: flex-start !important;
  width: 100%;
  margin-inline: 0 auto !important;
  text-align: left !important;
}

/* Mihenk başlık bandındaki dekoratif çizgi container hizasını bozuyordu. */
body[data-tasarim="02"] .iz-t0.ic-sayfa-ust > .iz-kap {
  padding-left: 0 !important;
  border-left: 0 !important;
}

/* Slayt başlıkları CMS yazımından bağımsız Türkçe başlık görünümünü korur. */
body[data-tasarim] [data-hero-swiper] :is(h1, h2) {
  text-transform: capitalize;
}

/* 03'te bölüm ayrımı cetvellerle değil; boşluk, ton ve bağımsız yüzeylerle kurulur. */
[data-tasarim="03"] .n03-ikonlar {
  border-block: 0;
  background: var(--o03-yuzey);
}

[data-tasarim="03"] .n03-ikonlar__grid {
  gap: 1rem;
  border-top: 0;
}

[data-tasarim="03"] .n03-ikonlar__grid > .n03-ikon:nth-child(n) {
  min-height: 112px;
  padding: 1.25rem;
  border: 0;
  border-radius: .65rem;
  background: var(--color-kagit);
  box-shadow: 0 10px 28px color-mix(in oklab, var(--color-murekkep) 6%, transparent);
}

[data-tasarim="03"] .n03-ikon:hover {
  padding-inline: 1.25rem;
  background: color-mix(in oklab, var(--color-bordo-100) 52%, var(--color-kagit));
}

[data-tasarim="03"] .n03-koyu__linkler {
  display: grid;
  gap: .75rem;
  border-top: 0;
}

[data-tasarim="03"] .n03-koyu__linkler a {
  min-height: 64px;
  padding-inline: 1rem;
  border-bottom: 0;
  border-radius: .5rem;
  background: color-mix(in oklab, var(--color-kagit) 7%, transparent);
}

[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart,
[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart:nth-child(n),
[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart__gorsel {
  border: 0;
}

/* ──────────────────────────────────────────────────────────────────────────
   01 · SİNEMATİK KÜLTÜR VİTRİNİ
   Büyük fotoğraf, rafine serif manşet, sıkı ve görselli içerik kartları.
   ────────────────────────────────────────────────────────────────────────── */

[data-tasarim="01"] {
  --o01-koyu: color-mix(in oklab, var(--color-murekkep) 88%, var(--color-bordo-950));
  --o01-yuzey: color-mix(in oklab, var(--color-kagit) 96%, var(--color-altin-300));
  --o01-cizgi: color-mix(in oklab, var(--color-murekkep) 13%, transparent);
}

[data-tasarim="01"] main {
  background: var(--o01-yuzey);
}

[data-tasarim="01"] .sh-ust {
  min-height: 40px;
}

[data-tasarim="01"] .sh-ust__ic {
  min-height: 40px;
}

[data-tasarim="01"] .sh-kusak,
[data-tasarim="01"] .sh-kusak__ic {
  min-height: 96px;
}

[data-tasarim="01"] .sh-kusak {
  border-bottom: 1px solid var(--o01-cizgi);
  box-shadow: none;
}

[data-tasarim="01"] .n01-hero,
[data-tasarim="01"] .n01-hero__swiper,
[data-tasarim="01"] .n01-hero__swiper :is(.swiper-wrapper, .swiper-slide),
[data-tasarim="01"] .n01-hero__sahne {
  min-height: clamp(540px, 70svh, 720px);
}

[data-tasarim="01"] .n01-hero__gorsel::after {
  background:
    linear-gradient(90deg,
      color-mix(in oklab, var(--o01-koyu) 82%, transparent) 0,
      color-mix(in oklab, var(--o01-koyu) 58%, transparent) 34%,
      color-mix(in oklab, var(--o01-koyu) 20%, transparent) 64%,
      transparent 82%),
    linear-gradient(0deg, color-mix(in oklab, var(--o01-koyu) 42%, transparent), transparent 60%);
}

[data-tasarim="01"] [data-hero-swiper] .n01-hero__icerik {
  gap: 1.4rem;
  padding-block: 3rem 7.5rem;
  border-left: 0;
}

[data-tasarim="01"] [data-hero-swiper] .n01-hero__baslik {
  width: min(12ch, 62vw);
  max-width: 50rem;
  color: var(--color-kagit);
  font-family: var(--font-display);
  font-size: clamp(3.75rem, 6.1vw, 6.25rem);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .88;
  text-shadow: 0 3px 28px color-mix(in oklab, var(--color-murekkep) 45%, transparent);
}

[data-tasarim="01"] [data-hero-swiper] .n01-hero__kart {
  width: min(34rem, 78vw);
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

[data-tasarim="01"] [data-hero-swiper] .n01-hero__kart p {
  max-width: 48ch;
  margin: 0 0 1rem;
  color: color-mix(in oklab, var(--color-kagit) 86%, transparent);
  font-size: 1.05rem;
  line-height: 1.55;
}

[data-tasarim="01"] [data-hero-swiper] .n01-okbag {
  min-height: 46px;
  padding: .7rem 1.05rem;
  border: 1px solid color-mix(in oklab, var(--color-kagit) 52%, transparent);
  border-radius: 999px;
  background: color-mix(in oklab, var(--o01-koyu) 45%, transparent);
  color: var(--color-kagit);
  backdrop-filter: blur(12px);
}

[data-tasarim="01"] [data-hero-swiper] .n01-okbag:hover {
  border-color: var(--color-altin-300);
  background: var(--color-altin-300);
  color: var(--color-murekkep);
}

[data-tasarim="01"] .n01-hero__kontroller {
  gap: .6rem;
}

[data-tasarim="01"] .n01-hero__kontroller button {
  width: 42px;
  height: 42px;
  border-color: color-mix(in oklab, var(--color-kagit) 42%, transparent);
  border-radius: 999px;
  background: color-mix(in oklab, var(--o01-koyu) 38%, transparent);
  backdrop-filter: blur(10px);
}

[data-tasarim="01"] .n01-hero__sayfalama {
  width: min(13rem, 38vw);
}

[data-tasarim="01"] .n01-bolum {
  padding-block: clamp(5rem, 8vw, 7.5rem);
}

[data-tasarim="01"] .n01-bolum__ust {
  align-items: end;
  gap: 2rem;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

[data-tasarim="01"] .n01-bolum__ust h2,
[data-tasarim="01"] .n01-ikonlar__ust h2,
[data-tasarim="01"] .n01-vitrin__ust h2,
[data-tasarim="01"] .n01-koyu h2,
[data-tasarim="01"] .n01-haber__ust h2 {
  max-width: 12ch;
  font-family: var(--font-display);
  font-size: clamp(3rem, 5vw, 4.8rem);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .94;
}

[data-tasarim="01"] .n01-bolum__ust p {
  max-width: 42ch;
  padding-bottom: .35rem;
  color: color-mix(in oklab, var(--color-murekkep) 72%, transparent);
  font-size: 1rem;
}

[data-tasarim="01"] .n01-linkler {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.25rem;
}

[data-tasarim="01"] .n01-link {
  position: relative;
  display: grid;
  grid-column: span 6;
  grid-template-columns: minmax(150px, 42%) minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 0;
  min-height: 248px;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--o01-cizgi);
  border-radius: 1rem;
  background: color-mix(in oklab, var(--color-kagit) 98%, transparent);
  box-shadow: 0 18px 42px color-mix(in oklab, var(--color-murekkep) 7%, transparent);
  transition: translate .5s var(--ease-giris), box-shadow .5s var(--ease-giris), border-color .3s ease;
}

[data-tasarim="01"] .n01-link:nth-child(4n + 1),
[data-tasarim="01"] .n01-link:nth-child(4n) {
  grid-column: span 7;
}

[data-tasarim="01"] .n01-link:nth-child(4n + 2),
[data-tasarim="01"] .n01-link:nth-child(4n + 3) {
  grid-column: span 5;
}

[data-tasarim="01"] .n01-link:hover {
  translate: 0 -.35rem;
  border-color: color-mix(in oklab, var(--color-bordo-700) 38%, transparent);
  box-shadow: 0 28px 64px color-mix(in oklab, var(--color-murekkep) 12%, transparent);
}

[data-tasarim="01"] .n01-link__gorsel {
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background: color-mix(in oklab, var(--color-bordo-950) 9%, var(--color-kagit));
}

[data-tasarim="01"] .n01-link__gorsel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: scale .9s var(--ease-giris);
}

[data-tasarim="01"] .n01-link:hover .n01-link__gorsel img {
  scale: 1.065;
}

[data-tasarim="01"] .n01-link__gorsel .gorsel-yedek {
  color: var(--color-bordo-700);
}

[data-tasarim="01"] .n01-link__icerik {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  min-width: 0;
  padding: 1.5rem;
}

[data-tasarim="01"] .n01-link__ad {
  font-family: var(--font-display);
  font-size: clamp(1.45rem, 2.4vw, 2.15rem);
  font-weight: 400;
  line-height: 1.02;
}

[data-tasarim="01"] .n01-link__acik {
  display: -webkit-box;
  overflow: hidden;
  color: var(--color-murekkep-soft);
  font-size: .94rem;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

[data-tasarim="01"] .n01-link > svg {
  align-self: start;
  margin: 1.5rem 1.5rem 0 0;
  color: var(--color-bordo-700);
}

[data-tasarim="01"] .n01-ikonlar {
  padding-block: clamp(5.5rem, 9vw, 8.5rem);
  background:
    radial-gradient(circle at 86% 12%, color-mix(in oklab, var(--color-bordo-700) 22%, transparent), transparent 30%),
    var(--o01-koyu);
  color: var(--color-kagit);
}

[data-tasarim="01"] .n01-ikonlar__ust {
  margin-bottom: 3rem;
}

[data-tasarim="01"] .n01-ikonlar__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

[data-tasarim="01"] .n01-ikon {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-content: space-between;
  gap: 2.75rem 1rem;
  min-height: 184px;
  padding: 1.35rem;
  border: 1px solid color-mix(in oklab, var(--color-kagit) 16%, transparent);
  border-radius: .9rem;
  background: color-mix(in oklab, var(--color-kagit) 5%, transparent);
  color: var(--color-kagit);
  box-shadow: none;
  transition: translate .45s var(--ease-giris), background-color .3s ease, border-color .3s ease;
}

[data-tasarim="01"] .n01-ikon__isaret {
  grid-column: 1 / -1;
  color: var(--color-altin-300);
}

[data-tasarim="01"] .n01-ikon strong {
  font-family: var(--font-sans);
  font-size: 1.08rem;
  line-height: 1.2;
}

[data-tasarim="01"] .n01-ikon:hover {
  translate: 0 -.35rem;
  border-color: color-mix(in oklab, var(--color-altin-300) 58%, transparent);
  background: color-mix(in oklab, var(--color-kagit) 10%, transparent);
}

[data-tasarim="01"] .n01-vitrin {
  padding-block: clamp(5rem, 8vw, 7.5rem);
  background: color-mix(in oklab, var(--color-altin-300) 9%, var(--color-kagit));
}

[data-tasarim="01"] .n01-vitrin__ust {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2rem;
  align-items: end;
  margin-bottom: 2.75rem;
}

[data-tasarim="01"] .n01-vitrin__eylem {
  display: flex;
  flex-direction: row;
  justify-self: end;
}

[data-tasarim="01"] .n01-kart {
  overflow: hidden;
  border: 1px solid var(--o01-cizgi);
  border-radius: 1rem;
  background: var(--color-kagit);
  box-shadow: 0 16px 38px color-mix(in oklab, var(--color-murekkep) 8%, transparent);
}

[data-tasarim="01"] .n01-kart__gorsel {
  overflow: hidden;
  aspect-ratio: 16 / 10;
}

[data-tasarim="01"] .n01-kart__gorsel img {
  transition: scale .8s var(--ease-giris);
}

[data-tasarim="01"] .n01-kart:hover .n01-kart__gorsel img {
  scale: 1.06;
}

[data-tasarim="01"] .n01-kart__ad {
  padding: 1.25rem 3.5rem 1.25rem 1.25rem;
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 400;
}

[data-tasarim="01"] .n01-koyu {
  padding-block: clamp(5rem, 8vw, 7rem);
  background: var(--color-bordo-950);
  color: var(--color-kagit);
}

[data-tasarim="01"] .n01-koyu__ic {
  display: grid;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
  gap: clamp(3rem, 8vw, 8rem);
  align-items: start;
}

[data-tasarim="01"] .n01-koyu__linkler {
  border-top: 1px solid color-mix(in oklab, var(--color-kagit) 24%, transparent);
}

[data-tasarim="01"] .n01-koyu__linkler a {
  min-height: 58px;
  padding-block: .8rem;
  border-bottom-color: color-mix(in oklab, var(--color-kagit) 18%, transparent);
}

[data-tasarim="01"] .n01-haber {
  padding-block: clamp(5rem, 8vw, 7.5rem);
}

[data-tasarim="01"] .n01-haber__ust {
  margin-bottom: 2.5rem;
}

[data-tasarim="01"] .n01-haber__liste {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

[data-tasarim="01"] .n01-haber__liste a {
  min-height: 150px;
  padding: 1.25rem;
  border: 1px solid var(--o01-cizgi);
  border-radius: .9rem;
  background: var(--color-kagit);
  box-shadow: 0 12px 30px color-mix(in oklab, var(--color-murekkep) 6%, transparent);
}

[data-tasarim="01"] .sh-bant-koyu.ic-sayfa-ust {
  min-height: 330px;
  background:
    radial-gradient(circle at 82% 18%, color-mix(in oklab, var(--color-bordo-600) 30%, transparent), transparent 32%),
    var(--o01-koyu);
  color: var(--color-kagit);
}

[data-tasarim="01"] .ic-sayfa-ust .sh-manset {
  color: var(--color-kagit);
  font-family: var(--font-display);
  font-size: clamp(2.8rem, 4.7vw, 4.15rem) !important;
  font-weight: 400;
  line-height: .96 !important;
}

[data-tasarim="01"] .ic-sayfa-ust .sh-govde {
  color: color-mix(in oklab, var(--color-kagit) 78%, transparent);
}

[data-tasarim="01"] .sh-kart,
[data-tasarim="01"] .sh-satir {
  border-radius: .85rem;
  background: var(--color-kagit);
  box-shadow: 0 12px 32px color-mix(in oklab, var(--color-murekkep) 7%, transparent);
}

/* ──────────────────────────────────────────────────────────────────────────
   02 · KOYU KURUMSAL KATMAN
   Fotoğrafı beyaz sisle silmeyen, güçlü sol alan ve modüler servis yüzeyleri.
   ────────────────────────────────────────────────────────────────────────── */

[data-tasarim="02"] {
  --o02-koyu: color-mix(in oklab, var(--color-murekkep) 82%, var(--color-bordo-950));
  --o02-yuzey: color-mix(in oklab, var(--color-kagit) 94%, var(--color-altin-300));
  --o02-cizgi: color-mix(in oklab, var(--color-murekkep) 14%, transparent);
}

[data-tasarim="02"] .iz-kap {
  width: min(100% - 64px, 1280px);
  margin-inline: auto;
  padding-inline: 0;
}

[data-tasarim="02"] main {
  background: var(--o02-yuzey);
}

[data-tasarim="02"] .iz-ust,
[data-tasarim="02"] .iz-ust__ic {
  min-height: 40px;
}

[data-tasarim="02"] .iz-kusak,
[data-tasarim="02"] .iz-kusak__ic {
  min-height: 92px;
}

[data-tasarim="02"] .n02-hero,
[data-tasarim="02"] .n02-hero__swiper,
[data-tasarim="02"] .n02-hero__swiper :is(.swiper-wrapper, .swiper-slide),
[data-tasarim="02"] .n02-hero__grid {
  min-height: clamp(540px, 70svh, 720px);
}

[data-tasarim="02"] .n02-hero__grid::after {
  background:
    linear-gradient(90deg,
      color-mix(in oklab, var(--o02-koyu) 98%, transparent) 0,
      color-mix(in oklab, var(--o02-koyu) 92%, transparent) 30%,
      color-mix(in oklab, var(--color-bordo-950) 54%, transparent) 50%,
      transparent 76%),
    linear-gradient(0deg, color-mix(in oklab, var(--color-murekkep) 44%, transparent), transparent 58%);
}

[data-tasarim="02"] [data-hero-swiper] .n02-hero__panel {
  gap: 1.3rem;
  padding-block: 3rem 7.5rem;
}

[data-tasarim="02"] [data-hero-swiper] .n02-hero__panel h2 {
  width: min(12ch, 58vw);
  max-width: 49rem;
  color: var(--color-kagit);
  font-family: var(--font-sans);
  font-size: clamp(3.4rem, 5.6vw, 5.6rem);
  font-weight: 650;
  letter-spacing: -.052em;
  line-height: .9;
  text-shadow: 0 3px 30px color-mix(in oklab, var(--color-murekkep) 48%, transparent);
}

[data-tasarim="02"] [data-hero-swiper] .n02-hero__kart {
  width: min(31rem, 76vw);
  padding: 0 0 0 1rem;
  border: 0;
  border-left: 2px solid var(--color-altin-300);
  background: transparent;
  color: var(--color-kagit);
}

[data-tasarim="02"] [data-hero-swiper] .n02-hero__aciklama {
  margin: 0 0 1rem;
  color: color-mix(in oklab, var(--color-kagit) 80%, transparent);
}

[data-tasarim="02"] [data-hero-swiper] .n02-bag {
  min-height: 44px;
  color: var(--color-kagit);
}

[data-tasarim="02"] .n02-hero__kontroller button {
  border-color: color-mix(in oklab, var(--color-kagit) 42%, transparent);
  background: color-mix(in oklab, var(--o02-koyu) 52%, transparent);
  color: var(--color-kagit);
  backdrop-filter: blur(10px);
}

[data-tasarim="02"] .n02-hero__sayfalama .swiper-pagination-bullet {
  background: color-mix(in oklab, var(--color-kagit) 36%, transparent);
}

[data-tasarim="02"] .n02-hero__sayfalama .swiper-pagination-bullet-active {
  background: var(--color-altin-300);
}

[data-tasarim="02"] .n02-bolum,
[data-tasarim="02"] .n02-erisim,
[data-tasarim="02"] .n02-guncel {
  padding-block: clamp(5rem, 8vw, 7rem);
}

[data-tasarim="02"] .n02-baslik h2,
[data-tasarim="02"] .n02-vurgu h2,
[data-tasarim="02"] .n02-guncel__ust h2 {
  max-width: 12ch;
  font-size: clamp(2.9rem, 4.7vw, 4.6rem);
  font-weight: 650;
  letter-spacing: -.05em;
  line-height: .95;
}

[data-tasarim="02"] .n02-baslik {
  margin-bottom: 2.75rem;
}

[data-tasarim="02"] .n02-hizmetler {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1rem;
}

[data-tasarim="02"] .n02-hizmet {
  grid-column: span 4;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-content: space-between;
  gap: 1rem;
  min-height: 210px;
  padding: 1.35rem;
  border: 1px solid var(--o02-cizgi);
  border-radius: .85rem;
  background: var(--color-kagit);
  box-shadow: 0 14px 34px color-mix(in oklab, var(--color-murekkep) 7%, transparent);
  transition: translate .45s var(--ease-giris), box-shadow .45s var(--ease-giris), background-color .3s ease;
}

[data-tasarim="02"] .n02-hizmet:nth-child(-n + 2) {
  grid-column: span 6;
}

[data-tasarim="02"] .n02-hizmet:hover {
  translate: 0 -.35rem;
  background: var(--o02-koyu);
  color: var(--color-kagit);
  box-shadow: 0 28px 58px color-mix(in oklab, var(--color-murekkep) 14%, transparent);
}

[data-tasarim="02"] .n02-hizmet__ikon {
  color: var(--color-bordo-700);
}

[data-tasarim="02"] .n02-hizmet:hover .n02-hizmet__ikon {
  color: var(--color-altin-300);
}

[data-tasarim="02"] .n02-hizmet__ad {
  grid-column: 1 / -1;
  align-self: end;
  font-size: clamp(1.25rem, 2vw, 1.8rem);
  line-height: 1.08;
}

[data-tasarim="02"] .n02-hizmet__alt {
  grid-column: 1 / -1;
  color: var(--color-murekkep-soft);
  font-size: .9rem;
  line-height: 1.45;
}

[data-tasarim="02"] .n02-hizmet:hover .n02-hizmet__alt {
  color: color-mix(in oklab, var(--color-kagit) 92%, transparent);
}

[data-tasarim="02"] .n02-vurgu {
  padding-block: clamp(5rem, 8vw, 7rem);
  background: var(--o02-koyu);
  color: var(--color-kagit);
}

[data-tasarim="02"] .n02-vurgu__grid {
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: center;
}

[data-tasarim="02"] .n02-vurgu__metin {
  padding-block: 2rem;
}

[data-tasarim="02"] .n02-vurgu__metin p {
  max-width: 46ch;
  color: color-mix(in oklab, var(--color-kagit) 72%, transparent);
}

[data-tasarim="02"] .n02-vurgu__gorsel {
  min-height: clamp(330px, 40vw, 520px);
  overflow: hidden;
  border-radius: 1rem;
}

[data-tasarim="02"] .n02-vurgu__gorsel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: scale .9s var(--ease-giris);
}

[data-tasarim="02"] .n02-vurgu:hover .n02-vurgu__gorsel img {
  scale: 1.04;
}

[data-tasarim="02"] .n02-erisim__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

[data-tasarim="02"] .n02-erisim__grid a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-content: space-between;
  gap: 2.25rem 1rem;
  min-height: 158px;
  padding: 1.2rem;
  border: 1px solid var(--o02-cizgi);
  border-radius: .8rem;
  background: color-mix(in oklab, var(--color-kagit) 96%, transparent);
  box-shadow: 0 10px 26px color-mix(in oklab, var(--color-murekkep) 6%, transparent);
}

[data-tasarim="02"] .n02-erisim__grid a > svg:first-child {
  grid-column: 1 / -1;
  color: var(--color-bordo-700);
}

[data-tasarim="02"] .n02-guncel {
  border-top: 1px solid var(--o02-cizgi);
}

[data-tasarim="02"] .n02-guncel__ust {
  margin-bottom: 2.5rem;
}

[data-tasarim="02"] .n02-guncel__liste {
  border-top: 1px solid var(--o02-cizgi);
}

[data-tasarim="02"] .n02-guncel__liste a {
  min-height: 108px;
  padding-block: 1.15rem;
  border-bottom: 1px solid var(--o02-cizgi);
  background: transparent;
  box-shadow: none;
}

[data-tasarim="02"] .iz-t0.ic-sayfa-ust {
  min-height: 330px;
  background:
    linear-gradient(120deg, var(--o02-koyu), color-mix(in oklab, var(--o02-koyu) 72%, var(--color-bordo-800)));
  color: var(--color-kagit);
}

[data-tasarim="02"] .ic-sayfa-ust .iz-manset {
  color: var(--color-kagit);
  font-size: clamp(2.7rem, 4.8vw, 4.25rem) !important;
  line-height: .96 !important;
}

[data-tasarim="02"] .ic-sayfa-ust .iz-govde {
  color: color-mix(in oklab, var(--color-kagit) 74%, transparent);
}

[data-tasarim="02"] :is(.iz-kart, .iz-satir) {
  border-radius: .8rem;
  background: var(--color-kagit);
  box-shadow: 0 12px 30px color-mix(in oklab, var(--color-murekkep) 7%, transparent);
}

/* ──────────────────────────────────────────────────────────────────────────
   03 · ZARİF MİRAS DİLİ
   Sıcak kâğıt, serif ritim, güçlü görsel koleksiyon ve çizgisel hizmet listesi.
   ────────────────────────────────────────────────────────────────────────── */

[data-tasarim="03"] {
  --o03-koyu: color-mix(in oklab, var(--color-murekkep) 90%, var(--color-bordo-950));
  --o03-yuzey: color-mix(in oklab, var(--color-kagit) 92%, var(--color-altin-300));
  --o03-cizgi: color-mix(in oklab, var(--color-murekkep) 16%, transparent);
}

[data-tasarim="03"] main {
  background: var(--o03-yuzey);
}

[data-tasarim="03"] .kt-tepe {
  border-bottom: 1px solid color-mix(in oklab, var(--color-kagit) 14%, transparent);
  background: color-mix(in oklab, var(--color-kagit) 90%, transparent);
  box-shadow: none;
}

[data-tasarim="03"] .n03-hero,
[data-tasarim="03"] .n03-hero__swiper,
[data-tasarim="03"] .n03-hero__swiper :is(.swiper-wrapper, .swiper-slide),
[data-tasarim="03"] .n03-hero__cerceve {
  min-height: clamp(540px, 70svh, 720px);
}

[data-tasarim="03"] .n03-hero__gorsel::after {
  background:
    linear-gradient(90deg,
      color-mix(in oklab, var(--o03-koyu) 78%, transparent),
      color-mix(in oklab, var(--o03-koyu) 28%, transparent) 58%,
      transparent 78%),
    linear-gradient(0deg, color-mix(in oklab, var(--o03-koyu) 60%, transparent), transparent 62%);
}

[data-tasarim="03"] .n03-hero__cerceve::after {
  content: "";
  position: absolute;
  z-index: 4;
  inset: 1.5rem;
  pointer-events: none;
  border: 1px solid color-mix(in oklab, var(--color-kagit) 26%, transparent);
}

[data-tasarim="03"] [data-hero-swiper] .n03-hero__metin {
  gap: 1.35rem;
  padding: 3rem var(--hero-kap-kenari) 7.5rem;
}

[data-tasarim="03"] [data-hero-swiper] .n03-hero__metin h2 {
  width: min(12ch, 64vw);
  max-width: 50rem;
  color: var(--color-kagit);
  font-family: var(--font-display);
  font-size: clamp(3.65rem, 5.8vw, 5.9rem);
  font-weight: 400;
  letter-spacing: -.04em;
  line-height: .91;
}

[data-tasarim="03"] [data-hero-swiper] .n03-hero__alt {
  gap: 1rem;
  width: min(32rem, 76vw);
}

[data-tasarim="03"] [data-hero-swiper] .n03-hero__alt p {
  color: color-mix(in oklab, var(--color-kagit) 80%, transparent);
}

[data-tasarim="03"] [data-hero-swiper] .n03-bag {
  min-height: 44px;
  padding: .55rem 1rem;
  border: 1px solid color-mix(in oklab, var(--color-kagit) 44%, transparent);
  border-radius: 999px;
  color: var(--color-kagit);
}

[data-tasarim="03"] .n03-hero__kontroller button {
  border-radius: 999px;
  background: color-mix(in oklab, var(--o03-koyu) 42%, transparent);
  backdrop-filter: blur(10px);
}

[data-tasarim="03"] .n03-giris {
  padding-block: clamp(5rem, 8vw, 7rem);
}

[data-tasarim="03"] .n03-giris__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: clamp(3rem, 8vw, 8rem);
  align-items: end;
}

[data-tasarim="03"] .n03-giris h2,
[data-tasarim="03"] .n03-ikonlar__ust h2,
[data-tasarim="03"] .n03-koleksiyon__ust h2,
[data-tasarim="03"] .n03-alanlar__ust h2,
[data-tasarim="03"] .n03-koyu h2,
[data-tasarim="03"] .n03-haber__ust h2 {
  max-width: 12ch;
  font-family: var(--font-display);
  font-size: clamp(3rem, 4.9vw, 4.75rem);
  font-weight: 400;
  letter-spacing: -.04em;
  line-height: .95;
}

[data-tasarim="03"] .n03-giris__grid > div p {
  max-width: 46ch;
  color: var(--color-murekkep-soft);
}

[data-tasarim="03"] .n03-ikonlar {
  padding-block: clamp(5rem, 8vw, 7rem);
  border-block: 1px solid var(--o03-cizgi);
  background: color-mix(in oklab, var(--color-kagit) 97%, transparent);
}

[data-tasarim="03"] .n03-ikonlar__ust {
  margin-bottom: 3rem;
}

[data-tasarim="03"] .n03-ikonlar__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 2rem;
  border-top: 1px solid var(--o03-cizgi);
}

[data-tasarim="03"] .n03-ikon {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  min-height: 92px;
  padding: 1rem 0;
  border: 0;
  border-bottom: 1px solid var(--o03-cizgi);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transition: padding .35s var(--ease-giris), color .25s ease;
}

[data-tasarim="03"] .n03-ikonlar__grid > .n03-ikon:nth-child(n) {
  grid-column: auto;
  grid-row: auto;
  min-height: 92px;
}

[data-tasarim="03"] .n03-ikon:hover {
  padding-inline: .75rem;
  color: var(--color-bordo-700);
  translate: 0;
}

[data-tasarim="03"] .n03-ikon__isaret {
  color: var(--color-bordo-700);
}

[data-tasarim="03"] .n03-ikon strong {
  font-family: var(--font-display);
  font-size: 1.4rem;
  font-weight: 400;
}

[data-tasarim="03"] .n03-koleksiyon {
  padding-block: clamp(5.5rem, 9vw, 8rem);
  background: var(--o03-koyu);
  color: var(--color-kagit);
}

[data-tasarim="03"] .n03-koleksiyon__ust {
  align-items: end;
  margin-bottom: 3rem;
}

[data-tasarim="03"] .n03-koleksiyon__ust .n03-bag {
  color: var(--color-kagit);
}

[data-tasarim="03"] .n03-kartlar {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.25rem;
}

[data-tasarim="03"] .n03-kart,
[data-tasarim="03"] .n03-kart--buyuk {
  grid-column: span 6;
  overflow: hidden;
  border: 1px solid color-mix(in oklab, var(--color-kagit) 15%, transparent);
  border-radius: .8rem;
  background: color-mix(in oklab, var(--color-kagit) 5%, transparent);
  color: var(--color-kagit);
}

[data-tasarim="03"] .n03-kart:first-child {
  grid-column: span 7;
}

[data-tasarim="03"] .n03-kart:nth-child(2) {
  grid-column: span 5;
}

[data-tasarim="03"] .n03-kart__gorsel,
[data-tasarim="03"] .n03-kart--buyuk .n03-kart__gorsel {
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

[data-tasarim="03"] .n03-kart__gorsel img {
  transition: scale .9s var(--ease-giris);
}

[data-tasarim="03"] .n03-kart:hover .n03-kart__gorsel img {
  scale: 1.055;
}

[data-tasarim="03"] .n03-kart__ad {
  padding: 1.1rem 3rem 1.2rem 1.15rem;
  font-family: var(--font-display);
  font-size: 1.45rem;
  font-weight: 400;
}

[data-tasarim="03"] .n03-alanlar,
[data-tasarim="03"] .n03-haber {
  padding-block: clamp(5rem, 8vw, 7rem);
}

[data-tasarim="03"] .n03-alanlar__ust,
[data-tasarim="03"] .n03-haber__ust {
  margin-bottom: 2.5rem;
}

[data-tasarim="03"] .n03-alanlar__liste {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

[data-tasarim="03"] .n03-alanlar__liste a {
  min-height: 130px;
  padding: 1.15rem;
  border: 1px solid var(--o03-cizgi);
  border-radius: .75rem;
  background: color-mix(in oklab, var(--color-kagit) 96%, transparent);
  box-shadow: 0 10px 28px color-mix(in oklab, var(--color-murekkep) 6%, transparent);
}

[data-tasarim="03"] .n03-koyu {
  padding-block: clamp(5rem, 8vw, 7rem);
  background: var(--color-bordo-950);
  color: var(--color-kagit);
}

[data-tasarim="03"] .n03-koyu__grid {
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
  gap: clamp(3rem, 8vw, 8rem);
}

[data-tasarim="03"] .n03-koyu__linkler a {
  min-height: 58px;
  border-bottom-color: color-mix(in oklab, var(--color-kagit) 20%, transparent);
}

[data-tasarim="03"] .n03-haber__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

[data-tasarim="03"] .n03-haber__grid a {
  min-height: 160px;
  padding: 1.2rem;
  border: 1px solid var(--o03-cizgi);
  border-radius: .8rem;
  background: var(--color-kagit);
  box-shadow: 0 12px 30px color-mix(in oklab, var(--color-murekkep) 7%, transparent);
}

[data-tasarim="03"] .kt-sahne-koyu.ic-sayfa-ust {
  min-height: 340px;
  background:
    radial-gradient(circle at 82% 24%, color-mix(in oklab, var(--color-bordo-700) 26%, transparent), transparent 30%),
    var(--o03-koyu);
}

[data-tasarim="03"] .ic-sayfa-ust .kt-manset {
  color: var(--color-kagit);
  font-family: var(--font-display);
  font-size: clamp(2.8rem, 4.9vw, 4.35rem) !important;
  font-weight: 400;
  line-height: .97 !important;
}

[data-tasarim="03"] :is(.kt-kart, .kt-satir) {
  border-radius: .75rem;
  background: color-mix(in oklab, var(--color-kagit) 97%, transparent);
  box-shadow: 0 10px 28px color-mix(in oklab, var(--color-murekkep) 6%, transparent);
}

/* ──────────────────────────────────────────────────────────────────────────
   04 · ÇAĞDAŞ SERVİS PORTALI
   Keskin sans tipografi, bordo mimari katman ve yatay servis rayları.
   ────────────────────────────────────────────────────────────────────────── */

[data-tasarim="04"] {
  --o04-koyu: color-mix(in oklab, var(--color-murekkep) 86%, var(--color-bordo-950));
  --o04-yuzey: color-mix(in oklab, var(--color-kagit) 91%, var(--color-bordo-950));
  --o04-cizgi: color-mix(in oklab, var(--color-murekkep) 14%, transparent);
}

[data-tasarim="04"] main {
  background: var(--o04-yuzey);
}

[data-tasarim="04"] .ak-header,
[data-tasarim="04"] .ak-header__ic {
  min-height: 84px;
}

[data-tasarim="04"] .ak-header {
  border-bottom: 1px solid var(--o04-cizgi);
  box-shadow: none;
}

[data-tasarim="04"] .n04-hero,
[data-tasarim="04"] .n04-hero__swiper,
[data-tasarim="04"] .n04-hero__swiper :is(.swiper-wrapper, .swiper-slide),
[data-tasarim="04"] .n04-hero__kabuk {
  min-height: clamp(540px, 70svh, 720px);
}

[data-tasarim="04"] .n04-hero__gorsel {
  clip-path: none;
}

[data-tasarim="04"] .n04-hero__kabuk::after {
  background:
    linear-gradient(90deg,
      color-mix(in oklab, var(--color-bordo-950) 90%, transparent) 0,
      color-mix(in oklab, var(--color-bordo-950) 68%, transparent) 32%,
      color-mix(in oklab, var(--o04-koyu) 22%, transparent) 62%,
      transparent 80%),
    linear-gradient(0deg, color-mix(in oklab, var(--o04-koyu) 50%, transparent), transparent 58%);
}

[data-tasarim="04"] [data-hero-swiper] .n04-hero__baslik {
  gap: 1.35rem;
  padding-block: 3rem 7.5rem;
}

[data-tasarim="04"] [data-hero-swiper] .n04-hero__baslik h2 {
  width: min(12ch, 62vw);
  max-width: 49rem;
  color: var(--color-kagit);
  font-family: var(--font-sans);
  font-size: clamp(3.45rem, 5.8vw, 5.75rem);
  font-weight: 700;
  letter-spacing: -.06em;
  line-height: .88;
}

[data-tasarim="04"] [data-hero-swiper] .n04-hero__panel {
  width: min(31rem, 76vw);
  min-height: 0;
  padding: 0 0 0 1rem;
  border: 0;
  border-left: 3px solid var(--color-altin-300);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

[data-tasarim="04"] [data-hero-swiper] .n04-hero__panel p {
  margin: 0 0 1rem;
  color: color-mix(in oklab, var(--color-kagit) 80%, transparent);
}

[data-tasarim="04"] [data-hero-swiper] .n04-hero__bag {
  color: var(--color-kagit);
}

[data-tasarim="04"] .n04-hero__kontroller button {
  border-radius: .65rem;
  background: var(--color-bordo-700);
  color: var(--color-kagit);
}

[data-tasarim="04"] .n04-servis {
  padding-block: clamp(5rem, 8vw, 7rem);
}

[data-tasarim="04"] .n04-servis__ust,
[data-tasarim="04"] .n04-vitrin__ust,
[data-tasarim="04"] .n04-haber__ust {
  align-items: end;
  margin-bottom: 2.75rem;
}

[data-tasarim="04"] .n04-servis h2,
[data-tasarim="04"] .n04-ikonlar__ust h2,
[data-tasarim="04"] .n04-vitrin__ust h2,
[data-tasarim="04"] .n04-kamu h2,
[data-tasarim="04"] .n04-haber__ust h2 {
  max-width: 12ch;
  font-size: clamp(2.9rem, 4.8vw, 4.65rem);
  font-weight: 700;
  letter-spacing: -.055em;
  line-height: .92;
}

[data-tasarim="04"] .n04-ara {
  border: 1px solid var(--o04-cizgi);
  border-radius: 999px;
  background: var(--color-kagit);
  box-shadow: 0 10px 28px color-mix(in oklab, var(--color-murekkep) 6%, transparent);
}

[data-tasarim="04"] .n04-servis__kart,
[data-tasarim="04"] .n04-servis__kart:nth-child(3n + 2),
[data-tasarim="04"] .n04-servis__kart:nth-child(4n) {
  min-height: 230px;
  padding: 1.35rem;
  border: 1px solid var(--o04-cizgi);
  border-radius: 1rem;
  background: var(--color-kagit);
  box-shadow: 0 14px 34px color-mix(in oklab, var(--color-murekkep) 7%, transparent);
}

[data-tasarim="04"] .n04-servis__kart:hover {
  background: var(--color-bordo-800);
  color: var(--color-kagit);
  translate: 0 -.35rem;
}

[data-tasarim="04"] .n04-servis__kart > svg:first-child {
  color: var(--color-bordo-700);
}

[data-tasarim="04"] .n04-servis__kart:hover > svg:first-child {
  color: var(--color-altin-300);
}

[data-tasarim="04"] .n04-servis__kart strong {
  font-size: clamp(1.3rem, 2vw, 1.8rem);
  line-height: 1.08;
}

[data-tasarim="04"] .kart-swiper-nav--sag {
  justify-content: flex-start;
  margin-top: 1.5rem;
}

[data-tasarim="04"] .n04-ikonlar {
  padding-block: clamp(5rem, 8vw, 7rem);
  background: var(--o04-koyu);
  color: var(--color-kagit);
}

[data-tasarim="04"] .n04-ikonlar__ust {
  margin-bottom: 3rem;
}

[data-tasarim="04"] .n04-ikonlar__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

[data-tasarim="04"] .n04-ikon,
[data-tasarim="04"] .n04-ikon:nth-child(7n + 1) {
  grid-column: auto;
  min-height: 176px;
  padding: 1.25rem;
  border: 1px solid color-mix(in oklab, var(--color-kagit) 16%, transparent);
  border-radius: .9rem;
  background: color-mix(in oklab, var(--color-kagit) 5%, transparent);
  color: var(--color-kagit);
  box-shadow: none;
}

[data-tasarim="04"] .n04-ikon__isaret {
  color: var(--color-altin-300);
}

[data-tasarim="04"] .n04-ikon:hover {
  background: var(--color-bordo-800);
  color: var(--color-kagit);
  translate: 0 -.35rem;
}

[data-tasarim="04"] .n04-vitrin {
  padding-block: clamp(5rem, 8vw, 7rem);
  background: color-mix(in oklab, var(--color-bordo-950) 8%, var(--color-kagit));
}

[data-tasarim="04"] .n04-vitrin__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
}

[data-tasarim="04"] .n04-vitrin__kart {
  overflow: hidden;
  border: 1px solid var(--o04-cizgi);
  border-radius: 1rem;
  background: var(--color-kagit);
  box-shadow: 0 15px 36px color-mix(in oklab, var(--color-murekkep) 8%, transparent);
}

[data-tasarim="04"] .n04-vitrin__gorsel {
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

[data-tasarim="04"] .n04-vitrin__kart strong {
  padding: 1.15rem 3.25rem 1.2rem 1.15rem;
  font-size: 1.35rem;
}

[data-tasarim="04"] .n04-kamu {
  padding-block: clamp(5rem, 8vw, 7rem);
  background: var(--color-bordo-950);
  color: var(--color-kagit);
}

[data-tasarim="04"] .n04-kamu__grid {
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
  gap: clamp(3rem, 8vw, 8rem);
}

[data-tasarim="04"] .n04-kamu__linkler a {
  min-height: 58px;
  border-bottom-color: color-mix(in oklab, var(--color-kagit) 20%, transparent);
}

[data-tasarim="04"] .n04-haber {
  padding-block: clamp(5rem, 8vw, 7rem);
}

[data-tasarim="04"] .n04-haber__liste {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

[data-tasarim="04"] .n04-haber__liste a {
  min-height: 150px;
  margin: 0;
  padding: 1.2rem;
  border: 1px solid var(--o04-cizgi);
  border-radius: .85rem;
  background: var(--color-kagit);
  box-shadow: 0 12px 30px color-mix(in oklab, var(--color-murekkep) 7%, transparent);
}

[data-tasarim="04"] .ak-bant-1.ic-sayfa-ust {
  min-height: 330px;
  background:
    linear-gradient(90deg, var(--color-bordo-800) 0 .7rem, transparent .7rem),
    linear-gradient(120deg, var(--o04-koyu), var(--color-bordo-950));
  color: var(--color-kagit);
}

[data-tasarim="04"] .ic-sayfa-ust .ak-h1manset {
  color: var(--color-kagit);
  font-family: var(--font-sans);
  font-size: clamp(2.7rem, 4.8vw, 4.25rem) !important;
  font-weight: 700;
  letter-spacing: -.045em;
  line-height: .95 !important;
}

[data-tasarim="04"] .ic-sayfa-ust .ak-govde {
  color: color-mix(in oklab, var(--color-kagit) 75%, transparent);
}

[data-tasarim="04"] .ic-sayfa-ust nav :is(a, span) {
  color: color-mix(in oklab, var(--color-kagit) 72%, transparent) !important;
}

[data-tasarim="04"] :is(.ak-kart, .ak-satirkart, .ak-satir) {
  border-radius: .8rem;
  background: var(--color-kagit);
  box-shadow: 0 11px 30px color-mix(in oklab, var(--color-murekkep) 7%, transparent);
}

/* ── ORTA EKRAN ─────────────────────────────────────────────────────────── */

@media (max-width: 1024px) {
  [data-tasarim="01"] .n01-link,
  [data-tasarim="01"] .n01-link:nth-child(n),
  [data-tasarim="02"] .n02-hizmet,
  [data-tasarim="02"] .n02-hizmet:nth-child(n) {
    grid-column: span 6;
  }

  [data-tasarim="01"] .n01-ikonlar__grid,
  [data-tasarim="02"] .n02-erisim__grid,
  [data-tasarim="04"] .n04-ikonlar__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ── MOBİL ──────────────────────────────────────────────────────────────── */

@media (max-width: 800px) {
  [data-tasarim="01"] .sh-kusak,
  [data-tasarim="01"] .sh-kusak__ic,
  [data-tasarim="02"] .iz-kusak,
  [data-tasarim="02"] .iz-kusak__ic,
  [data-tasarim="04"] .ak-header,
  [data-tasarim="04"] .ak-header__ic {
    min-height: 76px;
  }

  [data-tasarim="01"] .n01-hero,
  [data-tasarim="01"] .n01-hero__swiper,
  [data-tasarim="01"] .n01-hero__swiper :is(.swiper-wrapper, .swiper-slide),
  [data-tasarim="01"] .n01-hero__sahne,
  [data-tasarim="02"] .n02-hero,
  [data-tasarim="02"] .n02-hero__swiper,
  [data-tasarim="02"] .n02-hero__swiper :is(.swiper-wrapper, .swiper-slide),
  [data-tasarim="02"] .n02-hero__grid,
  [data-tasarim="03"] .n03-hero,
  [data-tasarim="03"] .n03-hero__swiper,
  [data-tasarim="03"] .n03-hero__swiper :is(.swiper-wrapper, .swiper-slide),
  [data-tasarim="03"] .n03-hero__cerceve,
  [data-tasarim="04"] .n04-hero,
  [data-tasarim="04"] .n04-hero__swiper,
  [data-tasarim="04"] .n04-hero__swiper :is(.swiper-wrapper, .swiper-slide),
  [data-tasarim="04"] .n04-hero__kabuk {
    min-height: max(620px, 72svh);
  }

  [data-tasarim="01"] [data-hero-swiper] .n01-hero__icerik,
  [data-tasarim="02"] [data-hero-swiper] .n02-hero__panel,
  [data-tasarim="03"] [data-hero-swiper] .n03-hero__metin,
  [data-tasarim="04"] [data-hero-swiper] .n04-hero__baslik {
    gap: 1rem;
    padding: 2rem var(--hero-kap-kenari) 7rem;
  }

  [data-tasarim="01"] [data-hero-swiper] .n01-hero__baslik,
  [data-tasarim="02"] [data-hero-swiper] .n02-hero__panel h2,
  [data-tasarim="03"] [data-hero-swiper] .n03-hero__metin h2,
  [data-tasarim="04"] [data-hero-swiper] .n04-hero__baslik h2 {
    width: min(13ch, 86vw);
    font-size: clamp(2.65rem, 11.2vw, 4.1rem);
    line-height: .92;
  }

  [data-tasarim="01"] [data-hero-swiper] .n01-hero__kart,
  [data-tasarim="02"] [data-hero-swiper] .n02-hero__kart,
  [data-tasarim="03"] [data-hero-swiper] .n03-hero__alt,
  [data-tasarim="04"] [data-hero-swiper] .n04-hero__panel {
    width: min(100%, 31rem);
    max-height: none;
    overflow: visible;
  }

  [data-tasarim="03"] .n03-hero__cerceve::after {
    inset: .75rem;
  }

  [data-tasarim="01"] .n01-bolum__ust,
  [data-tasarim="01"] .n01-vitrin__ust,
  [data-tasarim="01"] .n01-koyu__ic,
  [data-tasarim="02"] .n02-vurgu__grid,
  [data-tasarim="03"] .n03-giris__grid,
  [data-tasarim="03"] .n03-koyu__grid,
  [data-tasarim="04"] .n04-servis__ust,
  [data-tasarim="04"] .n04-kamu__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
  }

  [data-tasarim="01"] .n01-linkler,
  [data-tasarim="02"] .n02-hizmetler,
  [data-tasarim="03"] .n03-kartlar {
    grid-template-columns: minmax(0, 1fr);
  }

  [data-tasarim="01"] .n01-link,
  [data-tasarim="01"] .n01-link:nth-child(n),
  [data-tasarim="02"] .n02-hizmet,
  [data-tasarim="02"] .n02-hizmet:nth-child(n),
  [data-tasarim="03"] .n03-kart,
  [data-tasarim="03"] .n03-kart:nth-child(n) {
    grid-column: auto;
  }

  [data-tasarim="01"] .n01-link {
    grid-template-columns: minmax(120px, 38%) minmax(0, 1fr) auto;
    min-height: 210px;
  }

  [data-tasarim="01"] .n01-ikonlar__grid,
  [data-tasarim="02"] .n02-erisim__grid,
  [data-tasarim="03"] .n03-ikonlar__grid,
  [data-tasarim="03"] .n03-alanlar__liste,
  [data-tasarim="04"] .n04-ikonlar__grid,
  [data-tasarim="01"] .n01-haber__liste,
  [data-tasarim="03"] .n03-haber__grid,
  [data-tasarim="04"] .n04-haber__liste,
  [data-tasarim="04"] .n04-vitrin__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  [data-tasarim="01"] .n01-vitrin__ust {
    align-items: start;
  }

  [data-tasarim="01"] .n01-vitrin__eylem {
    justify-self: start;
  }

  [data-tasarim="02"] .n02-vurgu__gorsel {
    min-height: 280px;
  }
}

@media (max-width: 520px) {
  [data-tasarim="01"] .n01-link {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 0;
  }

  [data-tasarim="01"] .n01-link__gorsel {
    grid-column: 1 / -1;
    min-height: 180px;
  }

  [data-tasarim="01"] .n01-link__icerik {
    padding: 1.15rem;
  }

  [data-tasarim="01"] .n01-link > svg {
    margin: 1.15rem 1.15rem 0 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  body:is([data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) * {
    scroll-behavior: auto;
  }
}

/* ──────────────────────────────────────────────────────────────────────────
   İKİNCİ RAFİNAJ · ŞABLON İZLERİNİ AZALTAN İMZA KATMANI
   Her varyant ayrı oran, yüzey ve kart mantığı kullanır; 00 kapsam dışıdır.
   ────────────────────────────────────────────────────────────────────────── */

body:is([data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) main > section :is(h2, h3) {
  max-width: 15ch;
}

body:is([data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) main > section :is(a, button) {
  -webkit-tap-highlight-color: transparent;
}

body:is([data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) .ktb-bolum-kelime {
  display: inline-block;
  will-change: transform;
}

body:is([data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) [data-hero-swiper] {
  isolation: isolate;
  background: var(--color-murekkep);
}

body:is([data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) [data-hero-swiper] .swiper-slide {
  background: var(--color-murekkep);
  backface-visibility: hidden;
  will-change: opacity;
}

body:is([data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) [data-hero-swiper] img {
  backface-visibility: hidden;
}

/* 01 · Kültür kataloğu: koyu dizin, görsel yayın kartları, sakin serif ritmi. */
[data-tasarim="01"] .n01-ikonlar {
  padding-block: clamp(5rem, 8vw, 7rem);
  background:
    linear-gradient(112deg, var(--o01-koyu), color-mix(in oklab, var(--color-bordo-950) 78%, var(--o01-koyu)));
}

[data-tasarim="01"] .n01-ikonlar__ust {
  margin-bottom: clamp(2.5rem, 5vw, 4.25rem);
}

[data-tasarim="01"] .n01-ikonlar__ust h2 {
  max-width: 9ch;
  font-size: clamp(3.25rem, 5.4vw, 5.25rem);
  line-height: .92;
}

[data-tasarim="01"] .n01-ikonlar__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid color-mix(in oklab, var(--color-kagit) 18%, transparent);
  border-left: 1px solid color-mix(in oklab, var(--color-kagit) 18%, transparent);
}

[data-tasarim="01"] .n01-ikon {
  min-height: 176px;
  padding: 1.4rem;
  border: 0;
  border-right: 1px solid color-mix(in oklab, var(--color-kagit) 18%, transparent);
  border-bottom: 1px solid color-mix(in oklab, var(--color-kagit) 18%, transparent);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transition: background-color .45s var(--ease-giris), color .35s ease;
}

[data-tasarim="01"] .n01-ikonlar__grid > .n01-ikon:nth-child(n) {
  grid-column: auto;
  grid-row: auto;
}

[data-tasarim="01"] .n01-ikon:hover {
  translate: 0;
  background: color-mix(in oklab, var(--color-bordo-700) 70%, var(--o01-koyu));
  box-shadow: none;
}

[data-tasarim="01"] .n01-ikon__isaret {
  align-self: start;
  color: var(--color-altin-300);
}

[data-tasarim="01"] .n01-ikon strong {
  align-self: end;
  max-width: 13ch;
  font-size: clamp(1.05rem, 1.5vw, 1.35rem);
  line-height: 1.08;
}

[data-tasarim="01"] .n01-vitrin {
  padding-block: clamp(5rem, 8vw, 7rem);
  background: var(--o01-yuzey);
}

[data-tasarim="01"] .n01-vitrin__ust h2,
[data-tasarim="01"] .n01-koyu h2,
[data-tasarim="01"] .n01-haber__ust h2 {
  font-size: clamp(3rem, 4.7vw, 4.7rem);
  line-height: .94;
}

[data-tasarim="01"] .n01-kart-swiper {
  overflow: visible;
}

[data-tasarim="01"] .n01-kart {
  min-height: 360px;
  border: 1px solid var(--o01-cizgi);
  border-radius: 0;
  background: var(--color-kagit);
  box-shadow: none;
}

[data-tasarim="01"] .n01-kart__gorsel {
  min-height: 225px;
  border-bottom: 1px solid var(--o01-cizgi);
  background: color-mix(in oklab, var(--color-kagit) 88%, var(--color-altin-200));
}

[data-tasarim="01"] .n01-kart__gorsel::before,
[data-tasarim="01"] .n01-kart__gorsel::after {
  display: none;
}

[data-tasarim="01"] .n01-kart__gorsel .gorsel-yedek {
  color: var(--color-bordo-600);
  background: transparent;
}

[data-tasarim="01"] .n01-kart__ad {
  padding: 1.4rem 3.25rem 1.4rem 1.35rem;
  font-size: clamp(1.25rem, 1.8vw, 1.65rem);
  line-height: 1.08;
}

[data-tasarim="01"] .n01-koyu {
  min-height: 0;
  padding-block: clamp(5rem, 8vw, 7rem);
}

[data-tasarim="01"] .n01-koyu__linkler a {
  min-height: 64px;
}

/* 02 · Kamu hizmeti sistemi: çizgisel modüller ve köşesiz görev hiyerarşisi. */
[data-tasarim="02"] .iz-ust {
  background: var(--o02-koyu);
}

[data-tasarim="02"] .iz-ust :is(a, span) {
  color: color-mix(in oklab, var(--color-kagit) 86%, transparent);
}

[data-tasarim="02"] .n02-bolum,
[data-tasarim="02"] .n02-erisim,
[data-tasarim="02"] .n02-guncel {
  padding-block: clamp(4.75rem, 7vw, 6.5rem);
}

[data-tasarim="02"] .n02-baslik h2,
[data-tasarim="02"] .n02-guncel__ust h2 {
  font-size: clamp(3.1rem, 4.8vw, 4.8rem);
  line-height: .92;
}

[data-tasarim="02"] .n02-hizmetler {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid var(--o02-cizgi);
  border-left: 1px solid var(--o02-cizgi);
}

[data-tasarim="02"] .n02-hizmet,
[data-tasarim="02"] .n02-hizmet:nth-child(n) {
  grid-column: span 4;
  min-height: 210px;
  padding: 1.5rem;
  border: 0;
  border-right: 1px solid var(--o02-cizgi);
  border-bottom: 1px solid var(--o02-cizgi);
  border-radius: 0;
  background: var(--color-kagit);
  box-shadow: none;
}

[data-tasarim="02"] .n02-hizmet:nth-child(1) { grid-column: span 7; }
[data-tasarim="02"] .n02-hizmet:nth-child(2) { grid-column: span 5; }

[data-tasarim="02"] .n02-hizmet:nth-child(2),
[data-tasarim="02"] .n02-hizmet:nth-child(4) {
  background: color-mix(in oklab, var(--color-kagit) 90%, var(--color-bordo-100));
}

[data-tasarim="02"] .n02-hizmet:hover {
  translate: 0;
  background: var(--color-bordo-700);
  color: var(--color-kagit);
  box-shadow: none;
}

[data-tasarim="02"] .n02-hizmet:hover :is(.n02-hizmet__ikon, .n02-hizmet__alt, svg) {
  color: var(--color-kagit);
}

[data-tasarim="02"] .n02-hizmet__ad {
  max-width: 14ch;
  font-size: clamp(1.35rem, 2vw, 1.85rem);
  line-height: 1.02;
}

[data-tasarim="02"] .n02-vurgu {
  padding-block: clamp(5rem, 8vw, 7rem);
  background: var(--o02-koyu);
}

[data-tasarim="02"] .n02-vurgu__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  min-height: 590px;
  padding-block: 0;
}

[data-tasarim="02"] .n02-vurgu__gorsel {
  grid-column: 4 / -1;
  grid-row: 1;
  min-height: 590px;
  border-radius: 0;
  overflow: hidden;
}

[data-tasarim="02"] .n02-vurgu__metin {
  z-index: 2;
  grid-column: 1 / 7;
  grid-row: 1;
  align-self: center;
  max-width: none;
  padding: clamp(2rem, 4vw, 4.5rem);
  border: 1px solid var(--o02-cizgi);
  border-radius: 0;
  background: var(--color-kagit);
  box-shadow: 0 28px 70px color-mix(in oklab, var(--color-murekkep) 20%, transparent);
}

[data-tasarim="02"] .n02-vurgu__metin h2 {
  font-size: clamp(2.8rem, 4.7vw, 4.75rem);
  line-height: .92;
}

[data-tasarim="02"] .n02-erisim__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(2rem, 6vw, 6rem);
  border-top: 1px solid var(--o02-cizgi);
}

[data-tasarim="02"] .n02-erisim__grid a {
  min-height: 88px;
  padding: 1.1rem 0;
  border: 0;
  border-bottom: 1px solid var(--o02-cizgi);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

[data-tasarim="02"] .n02-erisim__grid a:hover {
  translate: .5rem 0;
  background: transparent;
  color: var(--color-bordo-700);
  box-shadow: none;
}

[data-tasarim="02"] .iz-t0.ic-sayfa-ust {
  border-block: 1px solid var(--o02-cizgi);
  background: var(--o02-yuzey);
  color: var(--color-murekkep);
}

[data-tasarim="02"] .ic-sayfa-ust .iz-manset {
  color: var(--color-murekkep);
  font-family: var(--font-sans);
  font-size: clamp(2.6rem, 4.4vw, 4.1rem) !important;
  font-weight: 650;
  letter-spacing: -.045em;
}

[data-tasarim="02"] .ic-sayfa-ust .iz-govde {
  color: var(--color-murekkep-soft);
}

[data-tasarim="02"] .ic-sayfa-ust :is(a, nav span) {
  color: var(--color-bordo-700) !important;
}

/* 03 · Müze yayını: sıcak kâğıt, çizgisel dizin ve köşesiz afiş koleksiyonu. */
[data-tasarim="03"] .n03-ikonlar {
  padding-block: clamp(4.5rem, 7vw, 6.5rem);
  background: var(--o03-yuzey);
}

[data-tasarim="03"] .n03-ikonlar__ust {
  margin-bottom: clamp(2rem, 4vw, 3.25rem);
}

[data-tasarim="03"] .n03-ikonlar__ust h2,
[data-tasarim="03"] .n03-koleksiyon__ust h2,
[data-tasarim="03"] .n03-alanlar__ust h2,
[data-tasarim="03"] .n03-haber__ust h2 {
  max-width: 10ch;
  font-size: clamp(3rem, 4.8vw, 4.65rem);
  line-height: .92;
}

[data-tasarim="03"] .n03-ikonlar__grid {
  gap: 0 clamp(2rem, 6vw, 6rem);
  border-top: 1px solid var(--o03-cizgi);
}

[data-tasarim="03"] .n03-ikonlar__grid > .n03-ikon:nth-child(n) {
  min-height: 86px;
  padding: 1rem 0;
  border: 0;
  border-bottom: 1px solid var(--o03-cizgi);
  border-radius: 0;
  background: transparent;
}

[data-tasarim="03"] .n03-ikon:hover {
  translate: .35rem 0;
  background: transparent;
  color: var(--color-bordo-800);
  box-shadow: none;
}

[data-tasarim="03"] .n03-koleksiyon {
  padding-block: clamp(5rem, 8vw, 7rem);
  background: var(--o03-koyu);
}

[data-tasarim="03"] .n03-koleksiyon__ust {
  margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}

[data-tasarim="03"] .n03-kartlar {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1px;
  background: color-mix(in oklab, var(--color-kagit) 20%, transparent);
}

[data-tasarim="03"] .n03-kart,
[data-tasarim="03"] .n03-kart:nth-child(n) {
  grid-column: 8 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: minmax(0, 1fr) auto;
  height: 300px;
  min-height: 300px;
  margin-top: 0;
  border: 0;
  border-radius: 0;
  background: var(--o03-koyu);
  box-shadow: none;
}

[data-tasarim="03"] .n03-kart:nth-child(1) {
  grid-column: 1 / 8;
  grid-row: span 2;
  height: 601px;
  min-height: 601px;
}

[data-tasarim="03"] .n03-kart:nth-child(4) {
  grid-column: 1 / -1;
  height: 230px;
  min-height: 230px;
}

[data-tasarim="03"] .n03-kart__gorsel {
  grid-column: 1 / -1;
  grid-row: 1;
  height: auto;
  min-height: 0 !important;
  margin: 0;
  aspect-ratio: auto !important;
  border: 0;
  border-bottom: 1px solid color-mix(in oklab, var(--color-kagit) 18%, transparent);
  background: color-mix(in oklab, var(--color-bordo-800) 72%, var(--o03-koyu));
}

[data-tasarim="03"] .n03-kart:nth-child(2) .n03-kart__gorsel {
  background: color-mix(in oklab, var(--color-bordo-950) 72%, var(--color-murekkep));
}

[data-tasarim="03"] .n03-kart:nth-child(3) .n03-kart__gorsel {
  background: color-mix(in oklab, var(--color-altin-700) 28%, var(--o03-koyu));
}

[data-tasarim="03"] .n03-kart:nth-child(4) .n03-kart__gorsel {
  background: color-mix(in oklab, var(--color-kagit) 8%, var(--o03-koyu));
}

[data-tasarim="03"] .n03-kart__gorsel::before,
[data-tasarim="03"] .n03-kart__gorsel::after {
  display: none;
}

[data-tasarim="03"] .n03-kart__gorsel .gorsel-yedek {
  color: var(--color-altin-300);
  background: transparent;
}

[data-tasarim="03"] .n03-kart__ad {
  grid-column: 1;
  grid-row: 2;
  padding: 1.25rem 3rem 1.25rem 1.25rem;
  font-size: clamp(1.25rem, 1.8vw, 1.65rem);
  line-height: 1.06;
}

[data-tasarim="03"] .n03-kart > svg {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  margin-inline-end: 1.25rem;
}

[data-tasarim="03"] .n03-kart:hover,
[data-tasarim="03"] .n03-kart--buyuk:hover {
  translate: 0;
  box-shadow: none;
}

[data-tasarim="03"] .n03-alanlar,
[data-tasarim="03"] .n03-haber {
  padding-block: clamp(4.75rem, 7vw, 6.5rem);
}

/* 04 · Çağdaş portal: daha sıkı yatay ray, keskin servis blokları ve hareketli vitrin. */
[data-tasarim="04"] .ak-header {
  border-bottom: 3px solid var(--color-bordo-600);
}

[data-tasarim="04"] .n04-servis {
  padding-block: clamp(4.25rem, 6vw, 5.5rem);
}

[data-tasarim="04"] .n04-servis__ust {
  margin-bottom: 2.25rem;
}

[data-tasarim="04"] .n04-servis__ust h2,
[data-tasarim="04"] .n04-ikonlar__ust h2,
[data-tasarim="04"] .n04-vitrin__ust h2,
[data-tasarim="04"] .n04-kamu h2,
[data-tasarim="04"] .n04-haber__ust h2 {
  max-width: 10ch;
  font-size: clamp(3rem, 4.7vw, 4.7rem);
  line-height: .9;
}

[data-tasarim="04"] .n04-servis-swiper {
  overflow: visible;
}

[data-tasarim="04"] .n04-servis__kart {
  min-height: 250px;
  padding: 1.4rem;
  border: 1px solid var(--o04-cizgi);
  border-top: 4px solid var(--color-bordo-600);
  border-radius: 0;
  background: var(--color-kagit);
  box-shadow: none;
}

[data-tasarim="04"] .n04-servis__kart:hover {
  translate: 0;
  background: var(--color-bordo-800);
  color: var(--color-kagit);
  box-shadow: none;
}

[data-tasarim="04"] .n04-servis__kart:hover :is(small, svg) {
  color: var(--color-kagit);
}

[data-tasarim="04"] .n04-servis__kart strong {
  max-width: 12ch;
  font-size: clamp(1.4rem, 2vw, 1.85rem);
  line-height: 1;
}

[data-tasarim="04"] .n04-servis .kart-swiper-nav {
  margin-top: 1.25rem;
}

[data-tasarim="04"] .n04-ikonlar {
  padding-block: clamp(4.75rem, 7vw, 6.25rem);
}

[data-tasarim="04"] .n04-ikonlar__grid {
  gap: 0;
  border-top: 1px solid color-mix(in oklab, var(--color-kagit) 18%, transparent);
  border-left: 1px solid color-mix(in oklab, var(--color-kagit) 18%, transparent);
}

[data-tasarim="04"] .n04-ikon {
  min-height: 158px;
  padding: 1.25rem;
  border: 0;
  border-right: 1px solid color-mix(in oklab, var(--color-kagit) 18%, transparent);
  border-bottom: 1px solid color-mix(in oklab, var(--color-kagit) 18%, transparent);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

[data-tasarim="04"] .n04-ikon:hover {
  translate: 0;
  background: var(--color-bordo-800);
  box-shadow: none;
}

[data-tasarim="04"] .n04-vitrin {
  padding-block: clamp(5rem, 8vw, 7rem);
}

[data-tasarim="04"] .n04-vitrin__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1px;
  background: var(--o04-cizgi);
}

[data-tasarim="04"] .n04-vitrin__kart,
[data-tasarim="04"] .n04-vitrin__kart:nth-child(n) {
  grid-column: span 6;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: minmax(0, 1fr) auto;
  height: 360px;
  min-height: 310px;
  border: 0;
  border-radius: 0;
  background: var(--color-kagit);
  box-shadow: none;
}

[data-tasarim="04"] .n04-vitrin__kart:nth-child(1),
[data-tasarim="04"] .n04-vitrin__kart:nth-child(4) {
  grid-column: span 5;
}

[data-tasarim="04"] .n04-vitrin__kart:nth-child(2),
[data-tasarim="04"] .n04-vitrin__kart:nth-child(3) {
  grid-column: span 7;
}

[data-tasarim="04"] .n04-vitrin__kart:nth-child(2),
[data-tasarim="04"] .n04-vitrin__kart:nth-child(4) {
  background: color-mix(in oklab, var(--color-kagit) 88%, var(--color-bordo-100));
}

[data-tasarim="04"] .n04-vitrin__gorsel {
  grid-column: 1 / -1;
  grid-row: 1;
  height: auto;
  min-height: 0 !important;
  margin: 0;
  aspect-ratio: auto !important;
  border-radius: 0;
  background: color-mix(in oklab, var(--color-bordo-800) 78%, var(--o04-koyu));
}

[data-tasarim="04"] .n04-vitrin__gorsel::before,
[data-tasarim="04"] .n04-vitrin__gorsel::after {
  display: none;
}

[data-tasarim="04"] .n04-vitrin__gorsel .gorsel-yedek {
  color: var(--color-altin-300);
  background: transparent;
}

[data-tasarim="04"] .n04-vitrin__kart strong {
  grid-column: 1;
  grid-row: 2;
  align-self: center;
  padding: 1.25rem !important;
}

[data-tasarim="04"] .n04-vitrin__kart > svg {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  margin: 0 1.25rem 0 0;
}

[data-tasarim="04"] .n04-kamu {
  min-height: 0;
  padding-block: clamp(5rem, 8vw, 7rem);
}

@media (max-width: 1024px) {
  [data-tasarim="01"] .n01-ikonlar__grid,
  [data-tasarim="04"] .n04-ikonlar__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  [data-tasarim="02"] .n02-hizmet,
  [data-tasarim="02"] .n02-hizmet:nth-child(n) {
    grid-column: span 6;
  }

  [data-tasarim="02"] .n02-hizmet:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 800px) {
  [data-tasarim="02"] .iz-kap {
    width: min(100% - 28px, 1280px);
    padding-inline: 0;
  }

  [data-tasarim="02"] .iz-t0.ic-sayfa-ust > .iz-kap {
    padding-inline: 0 !important;
  }

  [data-tasarim="01"] .n01-ikonlar__grid,
  [data-tasarim="02"] .n02-erisim__grid,
  [data-tasarim="03"] .n03-ikonlar__grid,
  [data-tasarim="04"] .n04-ikonlar__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  [data-tasarim="01"] .n01-ikon,
  [data-tasarim="04"] .n04-ikon {
    min-height: 112px;
  }

  [data-tasarim="02"] .n02-hizmet,
  [data-tasarim="02"] .n02-hizmet:nth-child(n) {
    grid-column: 1 / -1;
    min-height: 170px;
  }

  [data-tasarim="02"] .n02-vurgu__grid {
    display: flex;
    min-height: 0;
    flex-direction: column-reverse;
  }

  [data-tasarim="02"] .n02-vurgu__gorsel {
    width: 100%;
    min-height: 300px;
  }

  [data-tasarim="02"] .n02-vurgu__metin {
    width: calc(100% - 2rem);
    margin: -3rem auto 0;
    padding: 1.5rem;
  }

  [data-tasarim="03"] .n03-kart,
  [data-tasarim="03"] .n03-kart:nth-child(n),
  [data-tasarim="04"] .n04-vitrin__kart,
  [data-tasarim="04"] .n04-vitrin__kart:nth-child(n) {
    grid-column: 1 / -1;
    grid-row: auto;
    height: 320px;
    min-height: 280px;
  }

  [data-tasarim="03"] .n03-kart:nth-child(1) {
    height: 420px;
    min-height: 420px;
  }

  [data-tasarim="04"] .n04-servis__kart {
    min-height: 220px;
  }
}

/* ── GÖRSELLİ YATAY KART RAYLARI ──────────────────────────────────────────
   Her varyant aynı Swiper altyapısını, farklı oran ve yüzey diliyle kullanır. */

[data-tasarim="02"] .n02-ray {
  padding-block: clamp(5rem, 8vw, 7rem);
  background: var(--o02-koyu);
  color: var(--color-kagit);
  overflow: clip;
}

[data-tasarim="02"] .n02-ray__ust,
[data-tasarim="03"] .n03-koleksiyon__eylem,
[data-tasarim="04"] .n04-vitrin__eylem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

[data-tasarim="02"] .n02-ray__ust {
  margin-bottom: 2.5rem;
}

[data-tasarim="02"] .n02-ray__ust h2 {
  max-width: 10ch;
  color: var(--color-kagit);
  font-size: clamp(3rem, 5vw, 5rem);
  line-height: .9;
}

[data-tasarim="02"] .n02-ray .kart-swiper-nav button {
  border-color: color-mix(in oklab, var(--color-kagit) 38%, transparent);
  color: var(--color-kagit);
}

[data-tasarim="02"] .n02-ray .kart-swiper-nav button:hover {
  border-color: var(--color-altin-300);
  background: var(--color-altin-300);
  color: var(--color-murekkep);
}

[data-tasarim="02"] .n02-ray__swiper,
[data-tasarim="03"] .n03-koleksiyon__swiper,
[data-tasarim="04"] .n04-vitrin__swiper {
  overflow: visible;
}

[data-tasarim="02"] .n02-ray__swiper .swiper-slide {
  width: min(72vw, 430px);
  height: auto;
}

[data-tasarim="02"] .n02-ray__swiper .swiper-slide:nth-child(3n + 2) {
  width: min(76vw, 500px);
}

[data-tasarim="02"] .n02-ray__kart {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  height: 510px;
  border: 1px solid color-mix(in oklab, var(--color-kagit) 20%, transparent);
  background: color-mix(in oklab, var(--color-kagit) 5%, transparent);
  color: var(--color-kagit);
  text-decoration: none;
  transition: border-color .3s ease, background-color .3s ease;
}

[data-tasarim="02"] .n02-ray__kart:hover {
  border-color: var(--color-altin-300);
  background: color-mix(in oklab, var(--color-kagit) 9%, transparent);
}

[data-tasarim="02"] .n02-ray__gorsel {
  position: relative;
  display: block;
  min-height: 0;
  overflow: hidden;
  background: var(--color-bordo-950);
}

[data-tasarim="02"] .n02-ray__gorsel img,
[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart__gorsel img,
[data-tasarim="04"] .n04-vitrin__swiper .n04-vitrin__gorsel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: scale .8s var(--ease-giris);
}

[data-tasarim="02"] .n02-ray__kart:hover img,
[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart:hover img,
[data-tasarim="04"] .n04-vitrin__swiper .n04-vitrin__kart:hover img {
  scale: 1.055;
}

[data-tasarim="02"] .n02-ray__kunye {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  min-height: 112px;
  padding: 1.25rem;
}

[data-tasarim="02"] .n02-ray__kunye strong {
  max-width: 18ch;
  font-size: clamp(1.35rem, 2vw, 1.85rem);
  line-height: 1.05;
}

[data-tasarim="03"] .n03-koleksiyon__eylem,
[data-tasarim="04"] .n04-vitrin__eylem {
  justify-content: flex-end;
}

[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kartlar,
[data-tasarim="04"] .n04-vitrin__swiper .n04-vitrin__grid {
  display: flex;
  gap: 0;
  background: transparent;
}

[data-tasarim="03"] .n03-koleksiyon__swiper .swiper-slide {
  width: min(74vw, 510px);
  height: auto;
}

[data-tasarim="03"] .n03-koleksiyon__swiper .swiper-slide:nth-child(3n) {
  width: min(64vw, 410px);
}

[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart,
[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart:nth-child(n) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: minmax(0, 1fr) auto;
  width: 100%;
  height: 500px;
  min-height: 0;
  border: 1px solid var(--o03-cizgi);
  background: var(--color-kagit);
}

[data-tasarim="03"] .n03-koleksiyon__swiper .swiper-slide:nth-child(3n) .n03-kart {
  height: 440px;
  margin-top: 60px;
}

[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart__gorsel {
  grid-column: 1 / -1;
  grid-row: 1;
  min-height: 0;
}

[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart__ad {
  grid-column: 1;
  grid-row: 2;
  align-self: center;
  padding: 1.25rem;
}

[data-tasarim="04"] .n04-vitrin__swiper .swiper-slide {
  height: auto;
}

[data-tasarim="04"] .n04-vitrin__swiper .n04-vitrin__kart,
[data-tasarim="04"] .n04-vitrin__swiper .n04-vitrin__kart:nth-child(n) {
  width: 100%;
  height: 420px;
  min-height: 0;
}

@media (max-width: 800px) {
  [data-tasarim="02"] .n02-ray__ust,
  [data-tasarim="03"] .n03-koleksiyon__ust,
  [data-tasarim="04"] .n04-vitrin__ust {
    align-items: flex-start;
  }

  [data-tasarim="02"] .n02-ray__swiper .swiper-slide,
  [data-tasarim="02"] .n02-ray__swiper .swiper-slide:nth-child(n),
  [data-tasarim="03"] .n03-koleksiyon__swiper .swiper-slide,
  [data-tasarim="03"] .n03-koleksiyon__swiper .swiper-slide:nth-child(n) {
    width: min(86vw, 360px);
  }

  [data-tasarim="02"] .n02-ray__kart,
  [data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart,
  [data-tasarim="03"] .n03-koleksiyon__swiper .swiper-slide:nth-child(3n) .n03-kart,
  [data-tasarim="04"] .n04-vitrin__swiper .n04-vitrin__kart {
    height: 410px;
    margin-top: 0;
  }

  [data-tasarim="03"] .n03-koleksiyon__eylem,
  [data-tasarim="04"] .n04-vitrin__eylem {
    flex-direction: column;
    align-items: flex-end;
  }
}

/* ── SON SIRA · Tarayıcı QA sonrasında gelen kesin üst katman ─────────────
   Bu blok dosyanın sonunda kalmalıdır: önceki sanat yönü denemelerinin
   birleşik hücre ve gereksiz yüksek mobil sahne kurallarını kesin olarak
   geçersiz kılar. */

/* Üstteki açık masthead bir kademe daha sıkı; logo okunurluğu korunur. */
body[data-tasarim="00"] #masthead > div { padding-block: .5rem; }
body[data-tasarim="00"] #masthead .ktb-logo { height: 4.25rem; }

body[data-tasarim="01"] {
  --sh-tepe: 84px;
  --sh-tepe-ofset: 124px;
}

body[data-tasarim="01"] .sh-kusak,
body[data-tasarim="01"] .sh-kusak__ic { min-height: var(--sh-tepe); }

body[data-tasarim="02"] .iz-kusak,
body[data-tasarim="02"] .iz-kusak__ic { min-height: 82px; }
body[data-tasarim="02"] .iz-kusak .ktb-logo { height: 3.75rem; }

body[data-tasarim="03"] { --kt-tepe-yuk: 74px; }
body[data-tasarim="04"] { --ak-tepe: 74px; }
body[data-tasarim="04"] .ak-header,
body[data-tasarim="04"] .ak-header__ic { min-height: var(--ak-tepe); }

body[data-tasarim="03"] .kt-alt-birim,
body[data-tasarim="03"] .kt-alt-birim__ic,
body[data-tasarim="04"] .ak-alt-birim,
body[data-tasarim="04"] .ak-alt-birim__ic { min-height: 36px; }

body[data-tasarim="03"].bagli-birim .kt-tepe,
body[data-tasarim="04"].bagli-birim .ak-header { top: 36px; }
body[data-tasarim="03"].bagli-birim .kt-govde-pay { padding-top: calc(var(--kt-tepe-yuk) + 36px); }
body[data-tasarim="03"].bagli-birim .kt-mega { top: calc(var(--kt-tepe-yuk) + 36px); }

/* Birleşik tablo görünümü yalnız gerçek listelerde kalır. */
body[data-tasarim="01"] .n01-ikonlar__grid {
  gap: 1rem;
  border: 0;
  background: transparent;
}
body[data-tasarim="01"] .n01-ikonlar__grid > .n01-ikon:nth-child(n) {
  min-height: 188px;
  padding: 1.4rem;
  border: 1px solid color-mix(in oklab, var(--color-kagit) 16%, transparent);
  border-radius: .9rem;
  background: color-mix(in oklab, var(--color-kagit) 6%, transparent);
  box-shadow: 0 14px 36px color-mix(in oklab, var(--color-murekkep) 18%, transparent);
}
body[data-tasarim="01"] .n01-ikonlar__grid > .n01-ikon:nth-child(6n + 1) { grid-column: span 2; }

body[data-tasarim="02"] .n02-hizmetler {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1rem;
  border: 0;
  background: transparent;
}
body[data-tasarim="02"] .n02-hizmet,
body[data-tasarim="02"] .n02-hizmet:nth-child(n) {
  grid-column: span 4;
  min-height: 178px;
  margin: 0;
  padding: 1.4rem;
  border: 1px solid color-mix(in oklab, var(--color-murekkep) 12%, transparent) !important;
  border-radius: .85rem;
  background: color-mix(in oklab, var(--color-kagit) 96%, var(--color-altin-300));
  box-shadow: 0 12px 30px color-mix(in oklab, var(--color-murekkep) 8%, transparent);
}
body[data-tasarim="02"] .n02-hizmet:nth-child(1) { grid-column: span 7; }
body[data-tasarim="02"] .n02-hizmet:nth-child(2) { grid-column: span 5; }
body[data-tasarim="02"] .n02-erisim__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  border: 0;
}
body[data-tasarim="02"] .n02-erisim__grid a {
  min-height: 148px;
  padding: 1.25rem;
  border: 1px solid color-mix(in oklab, var(--color-kagit) 17%, transparent);
  border-radius: .9rem;
  background: color-mix(in oklab, var(--color-kagit) 6%, transparent);
  box-shadow: 0 12px 32px color-mix(in oklab, var(--color-murekkep) 18%, transparent);
}
body[data-tasarim="02"] .n02-erisim__grid a:nth-child(5n + 1) { grid-column: span 2; }

body[data-tasarim="03"] .n03-giris { padding-block: clamp(4.5rem, 7vw, 6.5rem); }
body[data-tasarim="03"] .n03-giris h2 { font-size: clamp(3rem, 5vw, 5.25rem); line-height: .92; }
body[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart,
body[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart:nth-child(n) { height: 440px; }
body[data-tasarim="03"] .n03-koleksiyon__swiper .swiper-slide:nth-child(3n) .n03-kart { height: 400px; margin-top: 40px; }

body[data-tasarim="04"] .n04-ikonlar__grid {
  gap: 1rem;
  border: 0;
  background: transparent;
}
body[data-tasarim="04"] .n04-ikonlar__grid > .n04-ikon:nth-child(n) {
  grid-column: auto;
  min-height: 178px;
  padding: 1.35rem;
  border: 1px solid color-mix(in oklab, var(--color-kagit) 16%, transparent);
  border-radius: .9rem;
  background: color-mix(in oklab, var(--color-kagit) 6%, transparent);
  color: var(--color-kagit);
  box-shadow: 0 14px 36px color-mix(in oklab, var(--color-murekkep) 18%, transparent);
}
body[data-tasarim="04"] .n04-ikonlar__grid > .n04-ikon:nth-child(7n + 1) { grid-column: span 2; }

body[data-tasarim="02"] .n02-ray__kart { height: 430px; }
body[data-tasarim="04"] .n04-vitrin__swiper .n04-vitrin__kart,
body[data-tasarim="04"] .n04-vitrin__swiper .n04-vitrin__kart:nth-child(n) { height: 390px; }

/* Çerçeve mobil: arama ve menü sağdaki iki açık dokunma hedefidir. */
body[data-tasarim="04"] .ak-header__mobil-arama { display: none; }

@media (max-width: 1024px) {
  body[data-tasarim="01"] .n01-ikonlar__grid > .n01-ikon:nth-child(6n + 1),
  body[data-tasarim="04"] .n04-ikonlar__grid > .n04-ikon:nth-child(7n + 1) { grid-column: auto; }
  body[data-tasarim="02"] .n02-hizmet,
  body[data-tasarim="02"] .n02-hizmet:nth-child(n) { grid-column: span 6; }
  body[data-tasarim="02"] .n02-hizmet:last-child { grid-column: 1 / -1; }
  body[data-tasarim="02"] .n02-erisim__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  body[data-tasarim="04"] .ak-header__esnek { display: none; }
  body[data-tasarim="04"] .ak-header__mobil-arama {
    display: inline-flex;
    margin-inline-start: auto;
  }
  body[data-tasarim="04"] #nav-toggle { flex: none; }
}

@media (max-width: 800px) {
  body[data-tasarim="00"] #masthead > div { padding-block: .45rem; }
  body[data-tasarim="00"] #masthead .ktb-logo { height: 3.45rem; }

  body[data-tasarim="01"] {
    --sh-tepe: 70px;
    --sh-tepe-ofset: 110px;
  }
  body[data-tasarim="01"] .sh-kusak,
  body[data-tasarim="01"] .sh-kusak__ic { min-height: var(--sh-tepe); }
  body[data-tasarim="01"] .sh-kusak .ktb-logo { height: 3.25rem; }

  body[data-tasarim="02"] .iz-kusak,
  body[data-tasarim="02"] .iz-kusak__ic { min-height: 70px; }
  body[data-tasarim="02"] .iz-kusak .ktb-logo { height: 3.25rem; }
  body[data-tasarim="03"] { --kt-tepe-yuk: 70px; }
  body[data-tasarim="04"] { --ak-tepe: 68px; }

  body[data-tasarim="00"] [data-hero],
  body[data-tasarim="00"] [data-hero] .swiper,
  body[data-tasarim="00"] [data-hero] .swiper-wrapper,
  body[data-tasarim="00"] [data-hero] .swiper-slide,
  body[data-tasarim="00"] [data-hero] .swiper-slide > div,
  body[data-tasarim="01"] .n01-hero,
  body[data-tasarim="01"] .n01-hero__swiper,
  body[data-tasarim="01"] .n01-hero__swiper :is(.swiper-wrapper, .swiper-slide),
  body[data-tasarim="01"] .n01-hero__sahne,
  body[data-tasarim="02"] .n02-hero,
  body[data-tasarim="02"] .n02-hero__swiper,
  body[data-tasarim="02"] .n02-hero__swiper :is(.swiper-wrapper, .swiper-slide),
  body[data-tasarim="02"] .n02-hero__grid,
  body[data-tasarim="03"] .n03-hero,
  body[data-tasarim="03"] .n03-hero__swiper,
  body[data-tasarim="03"] .n03-hero__swiper :is(.swiper-wrapper, .swiper-slide),
  body[data-tasarim="03"] .n03-hero__cerceve,
  body[data-tasarim="04"] .n04-hero,
  body[data-tasarim="04"] .n04-hero__swiper,
  body[data-tasarim="04"] .n04-hero__swiper :is(.swiper-wrapper, .swiper-slide),
  body[data-tasarim="04"] .n04-hero__kabuk {
    min-height: max(540px, 64svh);
  }

  body[data-tasarim="01"] .n01-ikonlar__grid,
  body[data-tasarim="02"] .n02-erisim__grid,
  body[data-tasarim="04"] .n04-ikonlar__grid { grid-template-columns: minmax(0, 1fr); }

  body[data-tasarim="01"] .n01-ikonlar__grid > .n01-ikon:nth-child(n),
  body[data-tasarim="02"] .n02-erisim__grid a:nth-child(n),
  body[data-tasarim="04"] .n04-ikonlar__grid > .n04-ikon:nth-child(n) {
    grid-column: auto;
    min-height: 138px;
  }
  body[data-tasarim="02"] .n02-hizmet,
  body[data-tasarim="02"] .n02-hizmet:nth-child(n) { grid-column: 1 / -1; min-height: 150px; }

  body[data-tasarim="02"] .n02-ray__kart,
  body[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart,
  body[data-tasarim="03"] .n03-koleksiyon__swiper .swiper-slide:nth-child(3n) .n03-kart,
  body[data-tasarim="04"] .n04-vitrin__swiper .n04-vitrin__kart { height: 390px; margin-top: 0; }

  body[data-tasarim="01"] .n01-vitrin__ust,
  body[data-tasarim="02"] .n02-ray__ust,
  body[data-tasarim="03"] .n03-koleksiyon__ust,
  body[data-tasarim="04"] .n04-servis__ust,
  body[data-tasarim="04"] .n04-vitrin__ust {
    align-items: flex-start;
    text-align: left;
  }
  body[data-tasarim="01"] .n01-vitrin__eylem,
  body[data-tasarim="03"] .n03-koleksiyon__eylem,
  body[data-tasarim="04"] .n04-vitrin__eylem,
  body[data-tasarim="04"] .kart-swiper-nav--sag {
    align-items: flex-start;
    justify-content: flex-start;
  }
  body[data-tasarim="04"] .n04-servis__ust h2 { text-align: left; }
}

/* Kapaksız 00 karusel öğeleri portre boşluğu üretmez; gerçek fotoğrafların
   oranı değişmeden yalnız ikonlu kurumsal plakalar yataylaşır. */
body[data-tasarim="00"] .kart-kitabe .kitabe-gorsel:not(:has(> img)) {
  aspect-ratio: 4 / 3;
  background: linear-gradient(145deg, color-mix(in oklab, var(--color-bordo-950) 86%, var(--color-murekkep)), color-mix(in oklab, var(--color-altin-700) 18%, var(--color-murekkep)));
}
body[data-tasarim="00"] .kart-kitabe .kitabe-gorsel:not(:has(> img)) .bos-plaka {
  padding: 1.25rem;
  place-items: end start;
}
body[data-tasarim="00"] .kart-kitabe .kitabe-gorsel:not(:has(> img)) .bos-plaka svg {
  width: 3.25rem;
  height: 3.25rem;
  stroke-width: 1.25;
}

@media (max-width: 800px) {
  body[data-tasarim="03"] .n03-koleksiyon__swiper .n03-kart:nth-child(n),
  body[data-tasarim="03"] .n03-koleksiyon__swiper .swiper-slide:nth-child(3n) .n03-kart {
    height: 390px;
    margin-top: 0;
  }
}

/* ── ULUSAL DEĞERLER · gerçek CMS görseli ve metni birlikte ───────────────
   Atatürk ile Türk Bayrağı ve İstiklal Marşı her varyantta hero'nun hemen
   ardından görünür. Metin fotoğrafın üzerinde kalıcıdır; reveal başlangıç
   durumu ya da mutlak konum yüzünden kartın dışına taşamaz. */
body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) .ulusal-degerler {
  padding-block: clamp(4.5rem, 8vw, 7.5rem);
  background: color-mix(in oklab, var(--color-kagit) 94%, var(--color-altin-300));
}

body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) .ulusal-degerler__kap {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: end;
  gap: clamp(1rem, 2vw, 1.75rem);
  width: min(100% - 64px, 1280px);
  margin-inline: auto;
}

body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) .ulusal-deger {
  position: relative;
  isolation: isolate;
  display: block;
  min-height: 470px;
  overflow: hidden;
  color: var(--color-kagit);
  text-decoration: none;
  background: color-mix(in oklab, var(--color-bordo-950) 72%, var(--color-murekkep));
  box-shadow: 0 22px 54px color-mix(in oklab, var(--color-murekkep) 16%, transparent);
}

body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) .ulusal-deger::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(0deg, color-mix(in oklab, var(--color-murekkep) 88%, transparent) 0%, color-mix(in oklab, var(--color-murekkep) 48%, transparent) 42%, transparent 76%),
    linear-gradient(90deg, color-mix(in oklab, var(--color-murekkep) 30%, transparent), transparent 68%);
}

body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) .ulusal-deger__gorsel {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
}

body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) .ulusal-deger__gorsel img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  scale: 1.002;
  transition: scale .9s var(--ease-giris), filter .9s var(--ease-giris);
}

/* Ortak görsel çözümleyici yatay kapaklara `gorsel--contain` ekleyebilir;
   bu iki manşet kartında boş bordo bant üretmemesi için kapak yine kırpılır. */
body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) .ulusal-deger__gorsel img.gorsel--contain {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
}

body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) .ulusal-deger--2 .ulusal-deger__gorsel img {
  object-position: center 20%;
}

body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) .ulusal-deger:hover .ulusal-deger__gorsel img {
  scale: 1.045;
  filter: saturate(1.04) contrast(1.02);
}

body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) .ulusal-deger__gorsel .gorsel-yedek {
  z-index: 0;
  color: var(--color-altin-300);
  background: transparent;
}

body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) .ulusal-deger__metin {
  position: absolute;
  z-index: 2;
  right: clamp(1.4rem, 3vw, 2.75rem);
  bottom: clamp(1.4rem, 3vw, 2.75rem);
  left: clamp(1.4rem, 3vw, 2.75rem);
  display: flex;
  max-width: 42rem;
  flex-direction: column;
  align-items: flex-start;
}

body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) .ulusal-deger__metin h2 {
  max-width: 13ch;
  margin: 0;
  color: var(--color-kagit);
  font-family: var(--font-display);
  font-size: clamp(2.25rem, 4vw, 4.6rem);
  font-weight: 560;
  letter-spacing: -.045em;
  line-height: .94;
  text-wrap: balance;
}

body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) .ulusal-deger__ozet {
  display: -webkit-box;
  max-width: 54ch;
  margin-top: 1rem;
  overflow: hidden;
  color: color-mix(in oklab, var(--color-kagit) 90%, transparent);
  font-size: .95rem;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) .ulusal-deger__bag {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: .55rem;
  margin-top: 1.15rem;
  border-bottom: 1px solid color-mix(in oklab, var(--color-altin-300) 80%, transparent);
  color: var(--color-kagit);
  font-size: .84rem;
  font-weight: 750;
}

/* Aynı iki kayıt, her tasarımın kendi kompozisyon ritmiyle yerleşir. */
body[data-tasarim="00"] .ulusal-deger--1 { grid-column: span 7; min-height: 520px; }
body[data-tasarim="00"] .ulusal-deger--2 { grid-column: span 5; min-height: 445px; }

body[data-tasarim="01"] .ulusal-degerler { background: var(--color-kagit); }
body[data-tasarim="01"] .ulusal-deger { border-radius: 1rem; }
body[data-tasarim="01"] .ulusal-deger--1 { grid-column: span 5; min-height: 450px; }
body[data-tasarim="01"] .ulusal-deger--2 { grid-column: span 7; min-height: 540px; }

body[data-tasarim="02"] .ulusal-degerler { background: var(--iz-y2); }
body[data-tasarim="02"] .ulusal-deger { border-radius: .8rem; box-shadow: none; }
body[data-tasarim="02"] .ulusal-deger--1 { grid-column: span 7; min-height: 500px; }
body[data-tasarim="02"] .ulusal-deger--2 { grid-column: span 5; min-height: 430px; }

body[data-tasarim="03"] .ulusal-degerler { background: color-mix(in oklab, var(--color-kagit) 86%, var(--color-altin-300)); }
body[data-tasarim="03"] .ulusal-deger {
  border: 1px solid color-mix(in oklab, var(--color-altin-500) 50%, transparent);
  border-radius: 1.15rem;
  box-shadow: 0 22px 54px color-mix(in oklab, var(--color-bordo-950) 18%, transparent);
}
body[data-tasarim="03"] .ulusal-deger--1 { grid-column: span 8; min-height: 515px; }
body[data-tasarim="03"] .ulusal-deger--2 { grid-column: span 4; min-height: 430px; }

body[data-tasarim="04"] .ulusal-degerler { background: var(--color-kagit); }
body[data-tasarim="04"] .ulusal-deger {
  border: 1px solid color-mix(in oklab, var(--color-murekkep) 16%, transparent);
  border-radius: .7rem;
  box-shadow: 0 18px 44px color-mix(in oklab, var(--color-murekkep) 12%, transparent);
}
body[data-tasarim="04"] .ulusal-deger--1,
body[data-tasarim="04"] .ulusal-deger--2 { grid-column: span 6; min-height: 475px; }

/* Mihenk'in eski mutlak-konum kuralları mobilde metni bölümün 550px üstüne
   taşıyıp yalnız “Ayrıntılı bilgi” bağlantısını görünür bırakıyordu. */
body[data-tasarim="02"] .n02-vurgu {
  min-height: 0;
  overflow: visible;
}

body[data-tasarim="02"] .n02-vurgu__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  min-height: 0;
}

body[data-tasarim="02"] .n02-vurgu__gorsel {
  position: relative;
  inset: auto;
  grid-column: 4 / -1;
  grid-row: 1;
  width: auto;
  height: auto;
}

body[data-tasarim="02"] .n02-vurgu__metin {
  position: relative;
  inset: auto;
  grid-column: 1 / 7;
  grid-row: 1;
  width: auto;
  max-width: none;
}

body[data-tasarim="02"] .n02-vurgu__metin > p:not(.n02-kicker) {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

@media (max-width: 800px) {
  body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) .ulusal-degerler {
    padding-block: 3.75rem;
  }

  body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) .ulusal-degerler__kap {
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    width: min(100% - 28px, 1280px);
  }

  body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) .ulusal-deger,
  body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) .ulusal-deger:nth-child(n) {
    grid-column: 1 / -1;
    min-height: 390px;
  }

  body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) .ulusal-deger__metin h2 {
    max-width: 12ch;
    font-size: clamp(2.25rem, 11vw, 3.45rem);
  }

  body:is([data-tasarim="00"], [data-tasarim="01"], [data-tasarim="02"], [data-tasarim="03"], [data-tasarim="04"]) .ulusal-deger__ozet {
    -webkit-line-clamp: 2;
  }

  body[data-tasarim="02"] .n02-vurgu {
    padding-block: 4rem;
  }

  body[data-tasarim="02"] .n02-vurgu__grid {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  body[data-tasarim="02"] .n02-vurgu__gorsel {
    order: 1;
    width: 100%;
    min-height: 300px;
  }

  body[data-tasarim="02"] .n02-vurgu__metin {
    z-index: 2;
    order: 2;
    width: calc(100% - 2rem);
    margin: -2rem auto 0;
    padding: 1.5rem;
  }

  body[data-tasarim="02"] .n02-vurgu__metin h2 {
    font-size: clamp(2.25rem, 10vw, 3.25rem);
  }

  body[data-tasarim="02"] .n02-vurgu__metin > p:not(.n02-kicker) {
    -webkit-line-clamp: 4;
  }
}

/*  00 · MOBİLDE KAHRAMAN İLK EKRANI DOLDURUR
    ═══════════════════════════════════════════════════════════════════════
    Dar ekranda kahramanın yüksekliği `max(540px, 64svh)` idi ve ekran boyu
    ne olursa olsun ilk ekranın %77'sinde bitiyordu (ölçüldü, 393x852:
    kahraman 660 px'de bitiyor, altında 192 px boşluk).

    Yükseklik artık ekrandan türüyor ve kuşak payı düşülüyor. `svh`
    kullanılıyor: mobil tarayıcının adres çubuğu açıkken de kahraman
    ekranı taşırmıyor (`vh` olsaydı taşardı).

    Kural bu dosyanın SONUNDA: yukarıdaki `max(540px, 64svh)` bloğuyla
    seçici ağırlığı eşit, sıra kazanıyor.                                 */
@media (max-width: 767px) {
  body[data-tasarim="00"] [data-hero-swiper] :is(.swiper-wrapper, .swiper-slide, .swiper-slide > div, .hero-gorsel),
  body[data-tasarim="00"] [data-hero] .swiper-slide,
  body[data-tasarim="00"] [data-hero] .swiper-slide > div {
    min-height: max(420px, calc(88svh - 71px));
  }
}