/* ============================================================
   WIESSER — "The Art of Milling"
   Kurumsal kimlik: Çelik Mavisi #1E5E96 · Lacivert #163F6B
   Yazı: PDF TEKLİF = WEB — Roboto (zorunlu), yedek Arial. Manrope/Inter/Montserrat yasak.
   Çizgi: 0,8 pt Wiesser mavisi #1E5E96
   ============================================================ */

:root {
  --mavi: #1e5e96;
  --mavi-koyu: #163f6b;
  --mavi-acik: #6e9dc4;
  --buz: #dce8f2;
  --buz-acik: #eef4fa;
  --murekkep: #0f172a;
  --grafit: #334155;
  --gri: #64748b;
  --etiket: #64748b;
  --cizgi: #cbd5e1;
  --cizgi-acik: #e2e8f0;
  --zemin: #f8fafc;
  --beyaz: #ffffff;
  --gece: #0b1220;
  --baslik: "Roboto", Arial, sans-serif;
  --govde: "Roboto", Arial, sans-serif;
  --mono: "Roboto", Arial, sans-serif;
  --ust: 76px;
  --g: 24px;
  --kose: 0px;
  --bolum: clamp(40px, 5vw, 64px);
  --bolum-k: clamp(20px, 3vw, 32px);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--govde);
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
  color: var(--grafit);
  background: var(--beyaz);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, select, textarea { font-family: inherit; color: inherit; }
h1, h2, h3, h4 { font-family: var(--baslik); font-weight: 700; line-height: 1.15; letter-spacing: 0.01em; color: var(--murekkep); }
.kural { display: block; width: 56px; height: 0; border-top: 1px solid var(--cizgi); margin-top: 10px; }
.blok-bas h2::after, .bolum h2::after, .sektor-bas h2::after, .giris h1::after, .baslik-blok h1::after, .sss h2::after, .sayfa-bas h2::after, .uyg-yazi h2::after, .makale h1::after, .detay h1::after {
  content: ""; display: block; width: 56px; border-top: 1px solid var(--cizgi); margin-top: 12px;
}

/* ---------- teknik grid (blueprint) motifi ---------- */
.grid-m {
  background-image:
    linear-gradient(rgba(30,94,150,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30,94,150,.055) 1px, transparent 1px);
  background-size: 44px 44px;
}

/* ---------- üst bar + menü ---------- */
.ust {
  position: sticky; top: 0; z-index: 60;
  display: flex; align-items: center; justify-content: space-between;
  min-height: var(--ust); padding: 0 max(20px, calc((100% - 1280px) / 2));
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(16px) saturate(1.4);
  border-bottom: 2px solid var(--mavi);
  transition: box-shadow .35s, background .35s;
}
.ust.kaydi { background: rgba(255,255,255,.97); box-shadow: 0 12px 32px -18px rgba(15,23,42,.35); }
.logo { display: flex; align-items: center; flex-shrink: 0; }
.logo img { height: 46px; width: auto; }
.ust-sag { display: flex; align-items: center; gap: 12px; flex: 1; justify-content: flex-end; min-width: 0; }
.nav { display: flex; align-items: center; gap: 2px; margin-left: auto; }
.nav > a, .dd-btn {
  position: relative; display: inline-flex; align-items: center; gap: 5px;
  padding: 10px 13px; font-size: 14.5px; font-weight: 500; line-height: 1;
  color: var(--grafit); border-radius: 4px; cursor: pointer; border: 0; background: transparent;
  transition: color .18s, background .18s; white-space: nowrap;
}
.nav > a:hover, .dd-btn:hover, .dd.acik .dd-btn { color: var(--mavi); background: transparent; }
.nav > a[aria-current="page"], .dd.aktif .dd-btn { color: var(--mavi); font-weight: 700; }
.nav > a[aria-current="page"]::after, .dd.aktif .dd-btn::after {
  content: ""; position: absolute; left: 13px; right: 13px; bottom: 5px; height: 2px;
  background: var(--mavi); border-radius: 2px;
}
.dd { position: relative; }
.dd-btn .ok { font-size: 11px; transition: transform .2s; }
.dd.acik .dd-btn .ok { transform: rotate(180deg); }
.dd-menu {
  display: none; position: absolute; top: calc(100% + 10px); left: 0; z-index: 70;
  background: #fff; border: 1px solid var(--cizgi-acik);
  border-top: 2px solid var(--mavi); border-radius: 4px;
  box-shadow: 0 30px 60px -30px rgba(22,63,107,.45);
}
.dd-menu::before { content: ""; position: absolute; top: -12px; left: 0; right: 0; height: 12px; }
.dd.acik .dd-menu { display: block; }
@media (hover: hover) and (pointer: fine) {
  html:not(.nav-akilli) .dd:hover .dd-menu { display: block; }
}
.dd-menu.mega { width: 760px; padding: 12px; }
.mega-ust { display: grid; grid-template-columns: 1fr 210px; gap: 12px; }
.mega-ozellik { background: var(--buz-acik); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 9px; }
.mega-ozellik img { width: 100%; height: 118px; object-fit: contain; background: #fff; border-radius: 8px; }
.mega-ozellik strong { font-size: 14px; color: var(--mavi-koyu); letter-spacing: .01em; }
.mega-ozellik span { font-size: 12px; color: var(--etiket); }
.mega-ozellik a { font-size: 13px; font-weight: 700; color: var(--mavi); display: inline-flex; align-items: center; gap: 4px; }
.mega-ozellik a .ok { transition: transform .2s; }
.mega-ozellik a:hover .ok { transform: translateX(3px); }
.mega-tumu { margin-top: 12px; }
.mega-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.mega-grid a {
  display: flex; flex-direction: column; gap: 2px; padding: 11px 14px; border-radius: 4px;
  color: var(--murekkep); transition: background .15s;
}
.mega-grid a strong { font-size: 14.5px; font-weight: 700; color: inherit; letter-spacing: .01em; }
.mega-grid a span { font-size: 12.5px; font-weight: 400; color: var(--etiket); line-height: 1.35; }
.mega-grid a:hover { background: var(--buz-acik); }
.mega-grid a:hover strong { color: var(--mavi); }
.mega-tumu {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: 8px; padding: 11px 14px; border-top: 1px solid var(--cizgi-acik);
  font-size: 13.5px; font-weight: 700; color: var(--mavi); border-radius: 0 0 4px 4px;
}
.mega-tumu:hover { background: var(--buz-acik); }
.mega-tumu .ok { transition: transform .2s; }
.mega-tumu:hover .ok { transform: translateX(3px); }
.tepe { display: flex; align-items: center; gap: 14px; font-size: 14px; flex-shrink: 0; }
.arama { width: 40px; height: 40px; border: 1px solid var(--cizgi-acik); border-radius: 50%; background: #fff; color: var(--grafit); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: all .2s; }
.arama:hover { color: var(--mavi); border-color: var(--mavi); }
.tepe .tel {
  color: var(--mavi); font-weight: 700; font-size: 14.5px; letter-spacing: -.01em;
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
.tepe .tel:hover { color: var(--mavi-koyu); }
.cta-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--mavi);
  color: #fff;
  font-family: var(--mono);
  font-weight: 700;
  font-size: 12.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 12px 18px;
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,.12);
  border-bottom: 2px solid var(--mavi-koyu);
  box-shadow: 0 10px 22px -14px rgba(22,63,107,.55);
  transition: background .22s, transform .22s, box-shadow .22s;
  white-space: nowrap;
}
.cta-pill:hover {
  background: var(--mavi-koyu);
  transform: translateY(-2px);
  box-shadow: 0 14px 28px -12px rgba(22,63,107,.65);
}
.menu {
  display: none; margin-left: auto; border: 0; background: transparent; cursor: pointer;
  width: 40px; height: 40px; position: relative; padding: 0;
}
.menu span {
  position: absolute; left: 8px; right: 8px; height: 2px; background: var(--murekkep);
  border-radius: 2px; transition: transform .3s, opacity .2s, top .3s;
}
.menu span:nth-child(1) { top: 12px; }
.menu span:nth-child(2) { top: 19px; }
.menu span:nth-child(3) { top: 26px; }
.menu.acik span:nth-child(1) { top: 19px; transform: rotate(45deg); }
.menu.acik span:nth-child(2) { opacity: 0; }
.menu.acik span:nth-child(3) { top: 19px; transform: rotate(-45deg); }

/* ---------- hero slider (tam genişlik / full-bleed) ---------- */
.slayt {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0;
  aspect-ratio: 1950 / 800;
  background: #0a0f16; overflow: hidden; color: #fff;
}
.slayt-kare {
  position: absolute; inset: 0; height: 100%;
  background-color: #10161f;
  background-position: center 62%;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity 1.1s cubic-bezier(.2,.7,.3,1), visibility 0s linear 1.1s;
}
.slayt-kare.aktif {
  opacity: 1; visibility: visible; pointer-events: auto;
  transition: opacity 1.1s cubic-bezier(.2,.7,.3,1), visibility 0s;
}
.slayt-video {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center; z-index: 0; background: #0a0f16;
}
.slayt-kare::before {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background:
    linear-gradient(90deg, rgba(8,13,20,.86) 0%, rgba(8,13,20,.55) 30%, rgba(8,13,20,.18) 52%, rgba(8,13,20,0) 68%),
    linear-gradient(180deg, rgba(8,13,20,.42) 0%, transparent 16%, transparent 78%, rgba(8,13,20,.48) 100%);
}
.slayt-ic {
  position: absolute; inset: 0; z-index: 2;
  width: 100%;
  box-sizing: border-box;
  /* Sol alt köşe — soldan ve alttan 1px */
  padding: 0 0 1px 1px;
  display: flex; justify-content: flex-start; align-items: flex-end;
  pointer-events: none;
}
.slayt-yazi > * { opacity: 0; transform: translateY(28px); transition: opacity .8s cubic-bezier(.2,.7,.3,1), transform .8s cubic-bezier(.2,.7,.3,1); }
.slayt-kare.aktif .slayt-yazi > * { opacity: 1; transform: none; }
.slayt-kare.aktif .slayt-yazi > :nth-child(1) { transition-delay: .05s; }
.slayt-kare.aktif .slayt-yazi > :nth-child(2) { transition-delay: .16s; }
.slayt-kare.aktif .slayt-yazi > :nth-child(3) { transition-delay: .27s; }
.slayt-kare.aktif .slayt-yazi > :nth-child(4) { transition-delay: .38s; }
.slayt-kare.aktif .slayt-yazi > :nth-child(5) { transition-delay: .49s; }
.slayt-eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 13px; font-weight: 700; letter-spacing: .26em; text-transform: uppercase;
  color: #9fc1e8; margin: 0 0 18px;
}
.slayt-eyebrow::before { content: ""; width: 34px; height: 2px; background: var(--mavi-acik); }
.slayt h1 {
  margin: 0; font-size: clamp(46px, 6.6vw, 88px); font-weight: 900;
  line-height: .96; letter-spacing: -0.02em; color: #fff;
}
.slayt-slogan { margin: 16px 0 0; font-size: clamp(17px, 1.9vw, 21px); font-weight: 400; line-height: 1.5; color: rgba(255,255,255,.88); max-width: 34em; }
.slayt-aksiyon { display: flex; align-items: center; gap: 22px; margin-top: 30px; }
/* DMG MORI tarzı beyaz bant — videonun sol alt köşesi */
.slayt-kart {
  background: #fff;
  color: #0b1220;
  border-radius: 0; padding: 14px 18px;
  width: min(100%, 540px); position: relative;
  display: flex; align-items: center; gap: 28px;
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%);
  filter: drop-shadow(0 30px 50px rgba(11,18,32,.3));
  animation: kartYuksel .95s cubic-bezier(.2,.7,.3,1) both;
  pointer-events: auto;
}
/* kart çevresini dönen AKICI çizgi — kesiksiz, yumuşak degrade (JS ile döner) */
.slayt-kart::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2.5px;
  background: conic-gradient(
    from var(--aci, 135deg),
    transparent 0deg 280deg,
    #2a7fc0 302deg,
    #4aa3ff 326deg,
    #d6ecff 348deg,
    transparent 360deg
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 2;
}
.kart-sol { flex: 1; min-width: 0; }
.kart-flag {
  display: inline-block;
  background: none; color: #64748b;
  font-family: var(--mono);
  font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
  padding: 0; margin: 0 0 8px;
  border: 0;
}
@keyframes kartYuksel {
  from { opacity: 0; transform: translateY(56px); }
  to { opacity: 1; transform: none; }
}
.slayt-kart .slayt-eyebrow { color: var(--mavi); margin-bottom: 16px; }
.slayt-kart h1 { color: #0b1220; font-size: clamp(18px, 1.7vw, 22px); line-height: 1.15; margin: 0; }
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .slayt-kart h1 {
    background: linear-gradient(100deg, #0b1220 30%, #1e5e96 50%, #3f7fc0 55%, #0b1220 74%);
    background-size: 240% auto;
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: baslikShim 8s ease-in-out infinite;
  }
}
.slayt-kart .slayt-slogan { color: #475569; font-size: 12px; line-height: 1.4; margin-top: 6px; }
.slayt-kart .slayt-aksiyon { flex-direction: column; align-items: stretch; gap: 6px; margin-top: 0; flex-shrink: 0; }
.slayt-kart .hap {
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
  border-radius: 0;
  padding: 9px 16px; font-size: 12px;
}
.kart-link { color: var(--mavi); font-weight: 700; font-size: 12px; }
.kart-link:hover { text-decoration: underline; }
/* scroll göstergesi — 3 chevron her zaman görünür + dalga */
.kaydir-isaret {
  z-index: 80;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 52px;
  height: 64px;
  padding: 8px 0;
  box-sizing: border-box;
  text-decoration: none;
  cursor: pointer;
  transition: opacity .35s, visibility .35s, transform .25s, background .25s, border-color .25s;
}
.kaydir-isaret i {
  display: block;
  width: 22px;
  height: 12px;
  position: relative;
  opacity: .7;
  animation: kaydirDalga 1.6s ease-in-out infinite;
}
.kaydir-isaret i::before,
.kaydir-isaret i::after {
  content: "";
  position: absolute;
  top: 0;
  width: 13px;
  height: 2.5px;
  background: #fff;
  border-radius: 1px;
  box-shadow: 0 0 8px rgba(0,0,0,.45);
}
.kaydir-isaret i::before {
  left: 0;
  transform: rotate(40deg);
  transform-origin: right center;
}
.kaydir-isaret i::after {
  right: 0;
  transform: rotate(-40deg);
  transform-origin: left center;
}
.kaydir-isaret i:nth-child(1) { animation-delay: 0s; }
.kaydir-isaret i:nth-child(2) { animation-delay: .22s; }
.kaydir-isaret i:nth-child(3) { animation-delay: .44s; }
@keyframes kaydirDalga {
  0%, 100% { opacity: .55; }
  45% { opacity: 1; }
}
.slayt .kaydir-asagi {
  position: absolute;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  filter: drop-shadow(0 2px 10px rgba(0,0,0,.55));
}
.slayt .kaydir-asagi.gizli {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
/* tek yukarı ok — footer üstünde, kutusu yok; video slayt oklarıyla aynı dil */
.kaydir-yukari-inline i {
  transform: scaleY(-1);
}
.kaydir-sayfa-sonu {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 16px 20px;
  background: transparent;
}
.kaydir-sayfa-sonu .kaydir-yukari-inline {
  position: static;
  filter: drop-shadow(0 2px 10px rgba(0,0,0,.35));
}
.kaydir-sayfa-sonu .kaydir-yukari-inline i::before,
.kaydir-sayfa-sonu .kaydir-yukari-inline i::after {
  background: var(--murekkep, #0b1220);
  box-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
  .kaydir-isaret i { animation: none !important; opacity: .9; }
}
.daire-link {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 15px; font-weight: 600; color: var(--murekkep);
}
.daire-link::before {
  content: ""; width: 28px; height: 28px; border: 1.5px solid rgba(255,255,255,.4); border-radius: 50%;
  background: rgba(255,255,255,.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/14px no-repeat;
  transition: background .2s, border .2s;
}
.slayt .daire-link { color: #fff; }
.slayt .daire-link:hover::before { background-color: var(--mavi); border-color: var(--mavi); }
.slayt-kontrol {
  position: absolute; z-index: 3; bottom: 32px;
  left: max(20px, calc((100% - 1280px) / 2));
  display: flex; align-items: center; gap: 10px;
}
.slayt-kontrol button {
  width: 46px; height: 46px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%;
  background: rgba(255,255,255,.06); color: #fff; font-size: 20px; cursor: pointer;
  backdrop-filter: blur(6px); transition: background .2s, border .2s;
}
.slayt-kontrol button:hover { background: var(--mavi); border-color: var(--mavi); }
.slayt-cizgi { display: flex; gap: 7px; margin-left: 8px; }
.slayt-cizgi i { width: 22px; height: 3px; border-radius: 2px; background: rgba(255,255,255,.28); transition: all .3s; }
.slayt-cizgi i.aktif { width: 44px; background: var(--mavi-acik); }

/* ---------- keyframes ---------- */
@keyframes gridMove { from { background-position: 0 0; } to { background-position: 54px 54px; } }
@keyframes glowPulse { 0%,100% { opacity: .65; } 50% { opacity: 1; } }
.ilerleme {
  position: fixed; top: 0; left: 0; z-index: 90; height: 2px; width: 100%;
  background: linear-gradient(90deg, var(--mavi), #9ec4e4);
  transform: scaleX(0); transform-origin: left; pointer-events: none;
}
.slayt { --ix: 72%; --iy: 42%; }
.slayt .isik {
  position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: radial-gradient(520px circle at var(--ix) var(--iy), rgba(255,255,255,.09), transparent 62%);
  opacity: 0; transition: opacity .45s;
}
.slayt.isik-acik .isik { opacity: 1; }

/* ---------- scroll reveal ---------- */
/* Varsayılan görünür (dil sayfalarında motion.js yoksa boş sayfa olmasın).
   motion.js html.js-reveal-hazir ekleyince gizleyip kaydırınca açar. */
.reveal { opacity: 1; filter: none; transform: none; transition: opacity .8s cubic-bezier(.16,.84,.32,1), filter .9s cubic-bezier(.16,.84,.32,1), transform .9s cubic-bezier(.16,.84,.32,1); }
html.js-reveal-hazir .reveal { opacity: 0; filter: blur(8px); transform: translateY(28px); }
html.js-reveal-hazir .reveal.aktif,
.reveal.aktif { opacity: 1; filter: none; transform: none; }
.reveal.g2 { transition-delay: .12s; }
.reveal.g3 { transition-delay: .24s; }
.reveal.g4 { transition-delay: .36s; }

/* ---------- blok başlıkları ---------- */
.blok-bas { padding: 0 max(20px, calc((100% - 1280px) / 2)) var(--bolum-k); }
.blok-bas .ust-etiket, .bolum .ust-etiket {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase;
  color: var(--gri); margin: 0 0 12px;
}
.blok-bas .ust-etiket::before, .bolum .ust-etiket::before {
  content: ""; width: 26px; height: 1px; background: var(--cizgi);
}
.blok-bas h2, .bolum h2 { margin: 0; font-size: clamp(30px, 4.5vw, 44px); font-weight: 700; letter-spacing: -0.01em; }
.blok-bas h2::after, .bolum h2::after {
  content: ""; display: block; width: 56px; height: 3px; margin-top: 14px;
  background: var(--mavi); transition: width .4s ease;
}
.blok-bas:hover h2::after, .bolum:hover h2::after { width: 110px; }
.blok-bas p { margin: 14px 0 0; color: var(--gri); font-size: 16.5px; }

/* ---------- istatistik ---------- */
.sayilar {
  display: grid; grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--cizgi-acik); border-bottom: 1px solid var(--cizgi-acik);
  max-width: 1280px; margin: var(--bolum) auto 0;
}
.sayilar div { padding: 34px 28px; border-right: 1px solid var(--cizgi-acik); }
.sayilar div:last-child { border-right: 0; }
.sayilar b { display: block; font-family: var(--baslik); font-size: clamp(34px, 4vw, 52px); font-weight: 800; letter-spacing: 0.01em; color: var(--mavi); }
.sayilar span { display: block; margin-top: 4px; font-size: 14px; color: var(--gri); }

/* ---------- ürün aileleri (katalog.js: #aileler / .yuzer) ---------- */
.bolum { position: relative; padding: 0 max(20px, calc((100% - 1280px) / 2)) var(--bolum); }
.yuzer { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: var(--bolum-k); }
.yuzer a {
  position: relative; text-align: left; color: var(--murekkep);
  display: grid; grid-template-columns: 1fr auto; align-items: center;
  background: #fff;
  border: 1px solid var(--cizgi-acik); border-radius: var(--kose);
  padding: 26px 24px 22px; overflow: hidden;
  transition: transform .35s cubic-bezier(.16,.84,.32,1), box-shadow .35s, border-color .35s;
}
.yuzer a::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, var(--mavi) 0%, var(--mavi-acik) 65%, transparent 100%);
  transform: scaleX(0); transform-origin: left;
  transition: transform .45s cubic-bezier(.16,.84,.32,1);
}
.yuzer a::after {
  content: ""; position: absolute; bottom: 12px; right: 12px; width: 15px; height: 15px;
  border-right: 1.5px solid var(--mavi-acik); border-bottom: 1.5px solid var(--mavi-acik);
  opacity: 0; transform: translate(3px, 3px); transition: opacity .3s, transform .3s;
}
.yuzer a:hover::before { transform: scaleX(1); }
.yuzer a:hover::after { opacity: 1; transform: translate(0, 0); }
.yuzer a:hover { transform: translateY(-5px); border-color: var(--mavi-acik); box-shadow: 0 20px 44px -26px rgba(30,94,150,.35); }
.yuzer a > * { position: relative; z-index: 1; }
.yuzer img { grid-column: 1 / -1; grid-row: 1; height: 168px; width: auto; max-width: 96%; margin: 0 auto 14px; object-fit: contain; transition: transform .6s cubic-bezier(.16,.84,.32,1); filter: drop-shadow(0 10px 16px rgba(15,42,74,.18)); animation: makineSuz 5.5s ease-in-out infinite; }
.yuzer a:hover img { animation-play-state: paused; transform: scale(1.07) translateY(-4px); }
.yuzer span { grid-column: 1; grid-row: 2; display: block; font-family: var(--baslik); font-size: 17px; font-weight: 700; color: var(--murekkep); }
.yuzer span::after {
  content: ""; display: block; width: 26px; height: 2px; background: var(--mavi); margin-top: 8px;
  transition: width .35s cubic-bezier(.16,.84,.32,1);
}
.yuzer a:hover span::after { width: 48px; }
.yuzer em { grid-column: 1 / -1; grid-row: 3; display: block; margin-top: 9px; font-style: normal; font-size: 13px; color: var(--gri); line-height: 1.5; }
.yuzer i {
  grid-column: 2; grid-row: 2; justify-self: end;
  display: inline-grid; place-items: center; width: 32px; height: 32px; margin-top: 0;
  border: 1px solid rgba(110,157,196,.45); border-radius: 50%; font-style: normal; color: #9fc1e8;
  background: rgba(30,94,150,.10);
  transition: background .25s, color .25s, border-color .25s, transform .25s, box-shadow .25s;
}
.yuzer i svg { width: 15px; height: 15px; display: block; }
.yuzer a:hover i {
  background: var(--mavi); border-color: var(--mavi); color: #fff;
  transform: translate(2px, -2px);
  box-shadow: 0 8px 18px -8px rgba(30,94,150,.65);
}

/* ---------- sektör film şeridi ---------- */
.sektor-bas { padding: 0 max(20px, calc((100% - 1280px) / 2)) var(--bolum-k); }
.sektor-bas h2 { margin: 0; font-size: clamp(30px, 4.5vw, 46px); letter-spacing: 0.01em; }
.sektor-bas p { margin: 12px 0 0; color: var(--gri); }
.serit-film {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;
  padding: 0 max(20px, calc((100% - 1280px) / 2)) var(--bolum);
}
.serit-film a {
  position: relative; height: 340px;
  overflow: hidden; border-radius: var(--kose); color: #fff;
  display: flex; align-items: flex-end;
}
.serit-film img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.06); transition: transform 1.2s ease; }
.serit-film a:hover img, .serit-film a.gorunur img { transform: scale(1); }
.serit-film h3 { position: relative; display: inline-block; }
.serit-film h3::after { content: ""; position: absolute; left: 0; bottom: -6px; width: 0; height: 2px; background: #fff; transition: width .4s ease; }
.serit-film a:hover h3::after { width: 100%; }
.serit-film .yazi { position: relative; z-index: 1; width: 100%; padding: 90px 24px 24px; background: linear-gradient(180deg, rgba(30,94,150,0) 0%, rgba(30,94,150,.6) 42%, rgba(15,42,74,.97) 100%); }
.serit-film span { display: block; font-family: var(--mono); color: #bfdcf4; font-weight: 600; font-size: 12px; letter-spacing: .2em; }
.serit-film h3 { margin: 8px 0 0; font-size: 26px; font-weight: 700; color: #fff; }
.serit-film p { margin: 8px 0 0; max-width: 420px; color: rgba(255,255,255,.92); font-size: 14px; }

/* ---------- öne çıkan makineler (bant) ---------- */
.bant-mavi, .bant-acik {
  display: grid; grid-template-columns: 1fr 1fr; min-height: 480px; align-items: stretch;
  max-width: 1280px; margin: 0 auto; border-radius: var(--kose); overflow: hidden;
  border: 1px solid var(--cizgi-acik);
}
.bant-mavi { background: var(--beyaz); border-top: 1px solid var(--cizgi-acik); }
.bant-acik { background: var(--beyaz); }
.bant-mavi .yazi, .bant-acik .yazi { display: flex; flex-direction: column; justify-content: center; padding: clamp(32px, 5vw, 64px); }
.bant-mavi h2, .bant-acik h2 { margin: 0; font-size: clamp(30px, 4vw, 44px); letter-spacing: 0.01em; }
.bant-mavi h2 .i, .bant-acik h2 .i { display: block; font-size: .42em; font-weight: 500; color: var(--gri); margin-top: 8px; letter-spacing: .01em; }
.bant-mavi p, .bant-acik p { max-width: 800px; margin: 18px 0 0; color: var(--grafit); font-size: 16px; }
.cubuk { width: 40px; height: 2px; background: var(--cizgi); margin: 0 0 20px; }
.bant-mavi .foto, .bant-acik .foto { display: flex; align-items: center; justify-content: center; padding: 40px; }
.bant-mavi img, .bant-acik img { max-width: 100%; max-height: 380px; object-fit: contain; transition: transform .8s cubic-bezier(.16,.84,.32,1); }
.bant-mavi:hover img, .bant-acik:hover img { transform: scale(1.045); }

/* ---------- servis kartları ---------- */
.isler { padding: 0 max(20px, calc((100% - 1280px) / 2)); display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.isler article {
  position: relative; overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #f5f9fc 100%);
  border: 1px solid var(--cizgi-acik); border-radius: var(--kose);
  padding: 30px 26px;
  transition: transform .4s cubic-bezier(.16,.84,.32,1), box-shadow .4s, border-color .4s;
}

.isler article::after {
  content: ""; position: absolute; top: -60%; left: -90%; width: 55%; height: 220%;
  background: linear-gradient(115deg, transparent, rgba(30,94,150,.08), transparent);
  transform: rotate(20deg); transition: left .8s cubic-bezier(.2,.7,.3,1); pointer-events: none;
}
.isler article:hover::after { left: 135%; }
.isler article:hover { transform: translateY(-6px); border-color: var(--mavi-acik); box-shadow: 0 30px 60px -30px rgba(30,94,150,.55); }
.isler article > * { position: relative; z-index: 1; }
.isler span { font-family: var(--mono); font-size: 13px; letter-spacing: .15em; color: var(--mavi); }
.isler h3 { margin: 14px 0 8px; font-size: 21px; color: var(--murekkep); }
.isler p { margin: 0; color: var(--gri); font-size: 15px; }

/* ---------- tezgah bulucu ---------- */
.bulucu { padding: 0 max(20px, calc((100% - 1280px) / 2)); display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.bulucu a {
  position: relative; overflow: hidden;
  display: flex; flex-direction: column; align-items: center; text-align: center;
  padding: 26px 18px 22px;
  background: linear-gradient(180deg, #ffffff 0%, #f5f9fc 100%);
  border: 1px solid var(--cizgi-acik); border-radius: var(--kose);
  transition: transform .4s cubic-bezier(.16,.84,.32,1), box-shadow .4s, border-color .4s;
}

.bulucu a::after { content: ""; position: absolute; top: -60%; left: -90%; width: 55%; height: 220%; background: linear-gradient(115deg, transparent, rgba(30,94,150,.08), transparent); transform: rotate(20deg); transition: left .8s cubic-bezier(.2,.7,.3,1); pointer-events: none; }
.bulucu a:hover::after { left: 135%; }
.bulucu a:hover { transform: translateY(-5px); border-color: var(--mavi-acik); box-shadow: 0 26px 52px -26px rgba(30,94,150,.5); }
.bulucu a > * { position: relative; z-index: 1; }
.bulucu strong { display: block; font-family: var(--baslik); font-size: 18px; font-weight: 700; color: var(--murekkep); }
.bulucu span { display: block; margin-top: 5px; color: var(--gri); font-size: 13px; letter-spacing: .02em; }

/* ---------- adımlar ---------- */
.adimlar { padding: 0 max(20px, calc((100% - 1280px) / 2)); display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.adimlar article { position: relative; padding: 4px 0 0 0; border-top: 2px solid var(--cizgi-acik); }
.adimlar article::before { content: ""; position: absolute; left: 0; top: -2px; height: 2px; width: 0; background: var(--mavi); }
.adimlar article.reveal.aktif::before { width: 100%; transition: width .8s cubic-bezier(.16,.84,.32,1); }
.adimlar span {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 40px; height: 28px; padding: 0 10px; border-radius: 7px;
  background: var(--mavi); color: #fff; font-family: var(--mono); font-size: 12.5px; font-weight: 500;
}
.adimlar h3 { margin: 14px 0 8px; font-size: 20px; }
.adimlar p { margin: 0; color: var(--gri); font-size: 15px; }

/* ---------- blog ---------- */
.yazi-liste { padding: 0 max(20px, calc((100% - 1280px) / 2)) 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.yazi-kart {
  position: relative; overflow: hidden;
  display: flex; gap: 16px; align-items: center;
  padding: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #f5f9fc 100%);
  border: 1px solid var(--cizgi-acik); border-radius: var(--kose);
  transition: transform .4s cubic-bezier(.16,.84,.32,1), box-shadow .4s, border-color .4s;
}

.yazi-kart::after { content: ""; position: absolute; top: -60%; left: -90%; width: 55%; height: 220%; background: linear-gradient(115deg, transparent, rgba(30,94,150,.07), transparent); transform: rotate(20deg); transition: left .8s cubic-bezier(.2,.7,.3,1); pointer-events: none; }
.yazi-kart:hover::after { left: 135%; }
.yazi-kart:hover { transform: translateY(-5px); border-color: var(--mavi-acik); box-shadow: 0 26px 52px -26px rgba(30,94,150,.5); }
.yazi-kart > * { position: relative; z-index: 1; }
.yazi-kart img { width: 120px; height: 82px; object-fit: cover; flex-shrink: 0; border-radius: 0; transition: transform .6s cubic-bezier(.16,.84,.32,1); }
.yazi-kart:hover img { transform: scale(1.08); }
.yazi-kart h2 { margin: 0; font-size: 17px; color: var(--murekkep); }
.yazi-kart p { margin: 6px 0 0; color: var(--gri); font-size: 13px; line-height: 1.45; }

/* ---------- hikaye / teknik merkez ---------- */
.hikaye { position: relative; display: block; aspect-ratio: 1920/620; min-height: 360px; background: var(--gece); overflow: hidden; max-width: 1280px; margin: 0 auto; border-radius: var(--kose); }
.hikaye-yazi {
  position: relative; z-index: 1; max-width: 560px; height: 100%;
  padding: clamp(40px, 6vw, 72px); display: flex; flex-direction: column; justify-content: center; color: #fff;
  background: linear-gradient(90deg, rgba(8,13,24,.86) 0%, rgba(8,13,24,.5) 68%, transparent 100%);
}
.hikaye h2 { margin: 0; font-size: clamp(24px, 3.2vw, 38px); letter-spacing: 0.01em; color: #fff; white-space: nowrap; }
.hikaye .cubuk { background: var(--mavi-acik); }
.hikaye p { max-width: 440px; margin: 16px 0 0; font-size: 16px; line-height: 1.7; color: rgba(255,255,255,.84); }
.hikaye .daire-link { color: #fff; margin-top: 24px; }
.hikaye-foto { position: absolute; inset: 0; }
.hikaye-foto img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.08); transition: transform 1.8s cubic-bezier(.16,.84,.32,1); }
.hikaye.reveal.aktif .hikaye-foto img { transform: scale(1); }

/* ---------- çağrı bandı ---------- */
.cagri {
  position: relative; overflow: hidden; color: #fff;
  background:
    linear-gradient(115deg, rgba(8,14,24,.92) 0%, rgba(12,30,52,.70) 45%, rgba(24,74,120,.50) 100%),
    url('../img/sahne/cta_cinematik.webp') center 40% / cover no-repeat;
  padding: clamp(56px, 7vw, 88px) clamp(28px, 6vw, 72px);
  display: flex; align-items: center; justify-content: space-between; gap: 40px;
  max-width: 1280px; margin: var(--bolum) auto var(--bolum); border-radius: var(--kose);
  border: 1px solid rgba(110,157,196,.22);
}
.cagri::before { display: none; }
.cagri::after {
  content: ""; position: absolute; right: -90px; top: -90px; width: 480px; height: 480px;
  background: radial-gradient(circle, rgba(96,166,224,.55), transparent 68%);
  pointer-events: none;
  animation: cagriNefes 5.5s ease-in-out infinite;
}
.cagri > * { position: relative; z-index: 1; }
.cagri .ust-etiket { font-size: 12px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; color: var(--mavi-acik) !important; margin: 0; }
.cagri h2 { margin: 14px 0 0; font-size: clamp(22px, 3.2vw, 36px); font-weight: 900; letter-spacing: -0.01em; color: #fff !important; white-space: nowrap; -webkit-text-fill-color: #fff !important; }
.cagri p { max-width: 820px; margin: 16px 0 0; color: rgba(255,255,255,.92) !important; font-size: 16px; line-height: 1.65; }
.cagri .hap {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  color: var(--murekkep);
  border-radius: 4px;
  padding: 17px 28px;
  font-family: var(--mono);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,.92);
  box-shadow:
    0 18px 40px -18px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.65);
  transition: background .25s, color .25s, transform .25s, box-shadow .25s, border-color .25s;
}
.cagri .hap:hover {
  background: var(--mavi);
  color: #fff;
  border-color: var(--mavi-acik);
  transform: translateY(-3px);
  box-shadow: 0 22px 48px -16px rgba(30,94,150,.75);
}
.cagri .hap .ok {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid currentColor;
  font-size: 12px;
  line-height: 1;
  transition: transform .25s, background .25s, border-color .25s;
}
.cagri .hap:hover .ok {
  transform: translateX(3px);
  background: rgba(255,255,255,.14);
}

.cagri-parilti {
  position: absolute; top: -75%; left: -85%; width: 46%; height: 250%;
  background: linear-gradient(115deg, transparent 20%, rgba(255,255,255,.10) 50%, transparent 80%);
  transform: rotate(22deg);
  pointer-events: none; z-index: 0;
  animation: cagriParlama 7.5s ease-in-out infinite;
}
@keyframes cagriNefes {
  0%, 100% { opacity: .62; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.14); }
}
@keyframes cagriParlama {
  0%, 38% { left: -85%; }
  62%, 100% { left: 135%; }
}


.hap, .cta-pill, .form button, .gonder, .servis-gonder {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.hap::after, .cta-pill::after, .form button::after, .gonder::after, .servis-gonder::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(110deg, transparent 28%, rgba(255,255,255,.42) 48%, transparent 68%);
  transform: translateX(-130%);
  transition: transform .75s cubic-bezier(.16,.84,.32,1);
}
.hap:hover::after, .cta-pill:hover::after, .form button:hover::after,
.gonder:hover::after, .servis-gonder:hover::after {
  transform: translateX(130%);
}
.hap > *, .cta-pill > *, .form button > *, .cagri .hap > * { position: relative; z-index: 2; }
.hap {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--mavi);
  color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 14px 28px;
  font-size: 14.5px;
  font-weight: 700;
  letter-spacing: .02em;
  box-shadow: 0 12px 28px -16px rgba(30,94,150,.65);
  transition: background .22s, transform .22s, box-shadow .22s, border-color .22s;
}
.hap:hover {
  background: var(--mavi-koyu);
  transform: translateY(-2px);
  box-shadow: 0 18px 36px -14px rgba(22,63,107,.7);
}
.hap .ok { transition: transform .22s; }
.hap:hover .ok { transform: translateX(4px); }
.urun:hover, .yuzer a:hover, .isler article:hover, .yazi-kart:hover, .bulucu a:hover, .serit:hover {
  border-color: var(--cizgi);
  box-shadow: 0 20px 40px -28px rgba(15,23,42,.28);
}


/* ---------- öne çıkan modeller (showcase) ---------- */
.modeller {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
  padding: 0 max(20px, calc((100% - 1280px) / 2)) var(--bolum);
}
.model-kart {
  position: relative; overflow: hidden; display: block;
  aspect-ratio: 3/4;
  background: linear-gradient(180deg, #ffffff 0%, #f5f9fc 100%);
  border: 1px solid var(--cizgi-acik);
  border-radius: var(--kose);
  transition: transform .45s cubic-bezier(.16,.84,.32,1), box-shadow .45s, border-color .45s;
}
.model-kart:hover {
  transform: translateY(-8px);
  border-color: var(--mavi-acik);
  box-shadow: 0 40px 70px -35px rgba(30,94,150,.65);
}
.model-zemin { display: none; }
.model-kart::before {
  content: ""; position: absolute; left: 50%; top: 56%; width: 85%; height: 55%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(30,94,150,.22), transparent 70%);
  opacity: .55; transition: opacity .5s, transform .6s;
  pointer-events: none;
}
.model-kart:hover::before { opacity: 1; transform: translate(-50%, -50%) scale(1.18); }
.model-kart::after {
  content: ""; position: absolute; top: -60%; left: -90%; width: 55%; height: 220%;
  background: linear-gradient(115deg, transparent, rgba(30,94,150,.08), transparent);
  transform: rotate(20deg); transition: left .85s cubic-bezier(.2,.7,.3,1);
  z-index: 3; pointer-events: none;
}
.model-kart:hover::after { left: 135%; }
.model-makine {
  position: absolute; left: 50%; top: 42%; transform: translate(-50%, -50%);
  width: 108%; max-height: 78%; object-fit: contain;
  filter: drop-shadow(0 18px 26px rgba(15,42,74,.28));
  transition: transform .9s cubic-bezier(.16,.84,.32,1), filter .9s;
  z-index: 1;
}
.model-kart:hover .model-makine {
  transform: translate(-50%, -50%) scale(1.08) translateY(-8px);
  filter: drop-shadow(0 28px 38px rgba(15,42,74,.35)) brightness(1.03);
}
.model-ic {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 88px 20px 18px;
  background: linear-gradient(180deg, rgba(30,94,150,0) 0%, rgba(22,63,107,.52) 45%, rgba(15,42,74,.88) 100%);
  z-index: 2;
}
.model-eyebrow {
  display: inline-block; font-size: 10px; font-weight: 700;
  letter-spacing: .22em; text-transform: uppercase; color: #9fc1e8;
}
.model-kart h3 { margin: 8px 0 0; font-size: 25px; font-weight: 800; color: #fff; letter-spacing: .01em; }
.model-spec { margin: 7px 0 0; font-size: 13px; color: rgba(255,255,255,.88); line-height: 1.5; }
.model-link {
  display: inline-flex; align-items: center; gap: 7px;
  margin-top: 13px; font-size: 13px; font-weight: 700; color: #7fb3e0;
  transition: color .3s;
}
.model-link::after { content: "→"; transition: transform .3s; }
.model-kart:hover .model-link { color: #fff; }
.model-kart:hover .model-link::after { transform: translateX(5px); }
@media (max-width: 980px) { .modeller { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .modeller { grid-template-columns: 1fr; } }

/* ---------- footer ---------- */
.alt {
  background: #0b1220; color: #94a3b8;
  padding: var(--bolum) max(20px, calc((100% - 1280px) / 2)) 40px;
  border-top: 1px solid #163f6b;
  font-size: 13px;
}
.alt-in { display: grid; grid-template-columns: 1.35fr 1fr 1fr 1.1fr; gap: 28px; max-width: 1280px; margin: 0 auto; }
.alt-logo img { height: 40px; width: auto; margin-bottom: 16px; }
.alt-marka p { text-wrap: balance; }
.alt p { margin: 0 0 8px; line-height: 1.7; color: #94a3b8; }
.alt h4 { color: #9fc1e8; font-size: 13px; font-weight: 800; letter-spacing: .5px; margin: 0 0 12px; }
.alt a { color: #94a3b8; display: block; font-size: 13px; margin-bottom: 6px; text-decoration: none; transition: color .15s; }
.alt a:hover { color: #6e9dc4; }
.alt-sosyal-baslik { color: #e2e8f0; display: block; margin: 18px 0 0; font-weight: 700; font-size: 13px; }
.alt-sosyal { display: flex; gap: 12px; margin-top: 10px; }
.alt-sosyal a { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(148,163,184,.25); color: #94a3b8; margin-bottom: 0; transition: background .2s, color .2s, border-color .2s; }
.alt-sosyal a:hover { background: var(--mavi); color: #fff; border-color: var(--mavi); }
.alt-sosyal svg { width: 15px; height: 15px; fill: currentColor; }

/* ---------- ürünler sayfası (katalog.js render) ---------- */
.giris { padding: clamp(20px, 2.5vw, 32px) max(20px, calc((100% - 1280px) / 2)) var(--bolum); }
.giris .ust-etiket { font-family: var(--mono); font-size: 12px; letter-spacing: .2em; color: var(--mavi); }
.giris h1 { margin: 10px 0 0; font-size: clamp(32px, 5vw, 52px); letter-spacing: 0.01em; }
.giris p { max-width: 100%; margin: 16px 0 0; color: var(--gri); font-size: 16.5px; }
.sekme-kutu { position: sticky; top: var(--ust); z-index: 50; background: rgba(255,255,255,.94); backdrop-filter: blur(14px); border-bottom: 1px solid var(--cizgi-acik); }
.sekme { display: flex; overflow-x: auto; padding: 0 max(20px, calc((100% - 1280px) / 2)); }
.sekme::-webkit-scrollbar { height: 0; }
.sekme button {
  flex: 0 0 auto; border: 0; background: transparent; cursor: pointer;
  padding: 18px 20px 16px; font-size: 15.5px; font-weight: 500; color: var(--gri);
  border-bottom: 3px solid transparent; white-space: nowrap;
}
.sekme button:hover { color: var(--mavi); }
.sekme button.aktif { color: var(--mavi); font-weight: 700; border-bottom-color: var(--mavi); }
.sekme b { display: inline-block; margin-left: 7px; font-family: var(--mono); font-weight: 500; font-size: 12px; color: var(--mavi-acik); }
.sahne { display: grid; grid-template-columns: 1.2fr .8fr; min-height: 460px; background: var(--zemin); border-radius: var(--kose); overflow: hidden; border: 1px solid var(--cizgi-acik); max-width: 1280px; margin: 24px auto; }
.sahne .foto { display: flex; align-items: center; justify-content: center; padding: 40px; }
.sahne img { max-height: 400px; max-width: 92%; object-fit: contain; transition: transform .8s cubic-bezier(.16,.84,.32,1); }
.sahne:hover img { transform: scale(1.04); }
.sahne .metin { background: #fff; padding: 44px 40px; display: flex; flex-direction: column; justify-content: center; }
.sahne h2 { margin: 6px 0 0; font-size: clamp(30px, 4vw, 44px); letter-spacing: 0.01em; }
.sahne .ust-etiket { font-family: var(--mono); font-size: 12px; letter-spacing: .18em; color: var(--mavi); }
.sahne .alt-yazi { margin: 10px 0 0; color: var(--gri); }
.olculer { display: grid; grid-template-columns: 1fr 1fr; margin: 24px 0 8px; border-top: 1px solid var(--cizgi-acik); }
.olculer div { padding: 14px 16px 14px 0; border-bottom: 1px solid var(--cizgi-acik); }
.olculer span { display: block; margin-bottom: 4px; font-size: 12.5px; color: var(--gri); }
.olculer b { font-family: var(--mono); font-size: 17px; font-weight: 500; letter-spacing: 0.01em; }
.sayfa { padding: 20px max(20px, calc((100% - 1280px) / 2)) 80px; }
.izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
@media (max-width: 1100px) { .izgara { grid-template-columns: 1fr 1fr; } }
.urun { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--cizgi-acik); border-radius: var(--kose); overflow: hidden; transition: transform .25s, box-shadow .25s; }
.urun:hover { transform: translateY(-4px); box-shadow: 0 24px 48px -28px rgba(15,23,42,.3); }
.urun .foto { height: 260px; display: flex; align-items: center; justify-content: center; background: var(--zemin); }
.urun img { max-height: 240px; max-width: 88%; object-fit: contain; transition: transform .7s cubic-bezier(.16,.84,.32,1); }
.urun:hover img { transform: scale(1.05); }
.urun h3 { margin: 20px 22px 2px; font-size: 22px; }
.urun .alt { margin: 0 22px; font-size: 14px; color: var(--gri); }
.urun .oz { margin: 14px 22px 22px; padding: 14px 0 0; list-style: none; border-top: 1px solid var(--cizgi-acik); font-family: var(--mono); font-size: 13px; line-height: 1.8; color: var(--grafit); }
.urun.yalin { border: 1px solid var(--cizgi-acik); }
.bos { grid-column: 1 / -1; color: var(--gri); padding: 32px 0; }
.serit { display: grid; grid-template-columns: 1.15fr .85fr; min-height: 380px; border: 1px solid var(--cizgi-acik); border-radius: var(--kose); overflow: hidden; background: #fff; margin-bottom: 20px; transition: transform .25s, box-shadow .25s; }
.serit:hover { transform: translateY(-3px); box-shadow: 0 20px 44px -26px rgba(15,23,42,.3); }
.serit.ters .foto { order: 2; }
.serit .foto { background: var(--zemin); display: flex; align-items: center; justify-content: center; padding: 32px; }
.serit img { max-height: 300px; max-width: 88%; object-fit: contain; transition: transform .7s cubic-bezier(.16,.84,.32,1); }
.serit:hover img { transform: scale(1.04); }
.serit .metin { padding: 36px 40px; display: flex; flex-direction: column; justify-content: center; }
.serit h3 { margin: 4px 0 0; font-size: 30px; letter-spacing: 0.01em; }
.serit .ust-etiket { font-family: var(--mono); font-size: 12px; letter-spacing: .16em; color: var(--mavi); }
.serit .ok-link { color: var(--mavi); margin-top: 18px; }

/* ---------- ürün detay (katalog.js render) ---------- */
.detay { padding: var(--bolum) max(20px, calc((100% - 1280px) / 2)) var(--bolum); }
.kirinti { color: var(--gri); font-size: 13.5px; margin: 4px 0 18px; }
.kirinti a:hover { color: var(--mavi); }
.detay-ust { display: grid; grid-template-columns: 1.15fr .85fr; border: 1px solid var(--cizgi-acik); border-radius: var(--kose); overflow: hidden; }
.detay .foto { min-height: 500px; display: flex; align-items: center; justify-content: center; padding: 40px; background: var(--zemin); }
.detay .foto img { max-height: 440px; max-width: 92%; object-fit: contain; }
.detay-ust > div:last-child { background: #fff; padding: 44px 44px; display: flex; flex-direction: column; justify-content: center; }
.etiket { font-family: var(--mono); font-size: 12px; letter-spacing: .18em; color: var(--mavi); margin: 0; }
.detay h1 { margin: 10px 0 0; font-size: clamp(34px, 5vw, 50px); letter-spacing: 0.01em; }
.altnav { position: sticky; top: var(--ust); z-index: 40; display: flex; gap: 8px; background: rgba(255,255,255,.94); backdrop-filter: blur(12px); border: 1px solid var(--cizgi-acik); border-radius: 2px; padding: 8px; margin: 20px 0; width: max-content; }
.altnav a { padding: 8px 18px; font-size: 14px; font-weight: 600; border-radius: 2px; color: var(--grafit); }
.altnav a:hover { color: var(--mavi); background: var(--buz-acik); }
.blok { margin-top: 44px; }
.blok h2 { font-size: 26px; letter-spacing: 0.01em; margin: 0 0 16px; }
.tablo { width: 100%; border-collapse: collapse; }
.tablo td { padding: 15px 14px; border-bottom: 1px solid var(--cizgi-acik); vertical-align: top; font-size: 15.5px; }
.tablo td:first-child { width: 46%; color: var(--gri); }
.tablo td:last-child { font-family: var(--mono); font-weight: 500; font-size: 15px; }
.standart { columns: 2; gap: 32px; margin: 4px 0 0; padding: 0 0 0 20px; }
.standart li { break-inside: avoid; margin: 0 0 10px; font-size: 15.5px; line-height: 1.6; color: var(--grafit); }

/* ---------- kurumsal / servis / sektör / iletişim ---------- */
.satirlar { padding: 8px max(20px, calc((100% - 1280px) / 2)) 72px; }
.satirlar article { display: grid; grid-template-columns: 70px 220px 1fr; gap: 20px; padding: 28px 8px; border-top: 1px solid var(--cizgi-acik); align-items: start; }
.satirlar span { font-family: var(--mono); font-size: 14px; color: var(--mavi); padding-top: 5px; }
.satirlar h2 { margin: 0; font-size: 22px; }
.satirlar p { margin: 0; color: var(--gri); }
.dunya { padding: 0 max(20px, calc((100% - 1280px) / 2)) var(--bolum); display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.dunya a { padding: 30px 28px; border: 1px solid var(--cizgi-acik); border-radius: var(--kose); background: #fff; transition: transform .25s, box-shadow .25s; }
.dunya a:hover { transform: translateY(-4px); box-shadow: 0 24px 48px -24px rgba(30,94,150,.35); border-color: var(--mavi-acik); }
.dunya span { font-family: var(--mono); font-size: 12px; letter-spacing: .14em; color: var(--mavi); }
.dunya h3 { margin: 12px 0 8px; font-size: 22px; }
.dunya p { margin: 0; color: var(--gri); font-size: 15px; }
.iki { padding: 0 max(20px, calc((100% - 1280px) / 2)) var(--bolum); display: grid; grid-template-columns: 1.05fr .95fr; gap: 32px; }
.form { display: grid; gap: 16px; }
.form label { display: grid; gap: 8px; background: var(--zemin); border: 1px solid var(--cizgi-acik); border-radius: var(--kose); min-height: 66px; padding: 16px 18px; font-size: 13px; font-weight: 600; color: var(--gri); }
.form label:focus-within { border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(30,94,150,.12); }
.form input, .form select, .form textarea { border: 0; background: transparent; padding: 12px 16px; font-size: 16px; outline: none; width: 100%; border-radius: 6px; box-sizing: border-box; }
.form textarea { min-height: 110px; resize: vertical; }
.form button {
  justify-self: start;
  background: var(--mavi);
  color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 15px 28px;
  font-family: var(--mono);
  font-weight: 700;
  font-size: 12.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 12px 28px -16px rgba(30,94,150,.65);
  transition: background .22s, transform .22s, box-shadow .22s;
}
.form button:hover {
  background: var(--mavi-koyu);
  transform: translateY(-2px);
  box-shadow: 0 18px 36px -14px rgba(22,63,107,.7);
}
.adres {
  position: relative; overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #f5f9fc 100%);
  border: 1px solid var(--cizgi-acik); border-radius: var(--kose);
  padding: 32px 30px; color: #fff;
  animation: adresNefes 6s ease-in-out infinite;
}
.adres::before { display: none; }
.adres > * { position: relative; z-index: 1; }
@keyframes adresNefes {
  0%, 100% { box-shadow: 0 0 0 1px rgba(110,157,196,.28), 0 20px 50px -30px rgba(30,94,150,.35); }
  50% { box-shadow: 0 0 0 1px rgba(110,157,196,.55), 0 28px 60px -28px rgba(30,94,150,.6); }
}
.adres .secimler { margin: 0 0 20px; padding: 0; display: flex; gap: 12px; flex-wrap: wrap; }
.adres .secim { display: grid; gap: 5px; font-size: 12.5px; color: var(--gri); flex: 1 1 140px; min-width: 140px; }
.adres .secim select {
  padding: 12px 14px; border: 1px solid rgba(110,157,196,.4); border-radius: 0;
  background: rgba(9,18,32,.55); color: #fff; font-size: 15px; outline: none; cursor: pointer;
  transition: border-color .2s, box-shadow .2s;
}
.adres .secim select:focus { border-color: #6eb9ff; box-shadow: 0 0 0 3px rgba(110,157,196,.22); }
.adres .secim select option { background: #102a4a; color: #fff; }
.adres-harita { width: 100%; height: 320px; border: 1px solid rgba(110,157,196,.3); border-radius: 0; margin: 6px 0 16px; filter: saturate(.9); }
.adres p { margin: 0 0 16px; font-size: 16px; color: var(--grafit); }
.adres p strong { color: var(--murekkep); font-size: 17px; }
.adres a { color: var(--mavi); }
.adres a:hover { color: var(--mavi-koyu); }

/* ---------- blog ---------- */
.makale { padding: var(--bolum) max(20px, calc((100% - 1280px)/2)) var(--bolum); }
.makale h1 { margin: 8px 0 0; font-size: clamp(28px, 4vw, 40px); letter-spacing: 0.01em; }
.makale .tarih { margin: 12px 0 0; font-size: 13px; color: var(--gri); font-family: var(--mono); }

/* DMG MORI tarzı teaser kart ızgarası */
.teaser-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin: var(--bolum) 0 var(--bolum); padding: 0 max(20px, calc((100% - 1280px)/2)); }
.teaser-kart { position: relative; display: block; overflow: hidden; border-radius: 0; aspect-ratio: 4/3; background: var(--gece); }
.teaser-kart img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .9s cubic-bezier(.16,.84,.32,1), filter .9s; }
.teaser-kart:hover img { transform: scale(1.09); filter: brightness(1.06); }
.teaser-kart::after { content: ""; position: absolute; inset: 0; background: rgba(11,18,32,0); transition: background .45s ease; pointer-events: none; }
.teaser-kart:hover::after { background: rgba(11,18,32,.16); }
.teaser-kart::before { content: ""; position: absolute; top: -60%; left: -90%; width: 55%; height: 220%; background: linear-gradient(115deg, transparent, rgba(255,255,255,.35), transparent); transform: rotate(20deg); transition: left .8s cubic-bezier(.2,.7,.3,1); z-index: 3; pointer-events: none; }
.teaser-kart:hover::before { left: 135%; }
.teaser-yazi { position: absolute; left: 0; right: 0; bottom: 0; padding: 64px 22px 20px; background: linear-gradient(180deg, rgba(11,18,32,0) 0%, rgba(11,18,32,.5) 45%, rgba(11,18,32,.94) 100%); color: #fff; }
.teaser-yazi::before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: linear-gradient(90deg, #6e9dc4, #1e5e96); transition: width .5s cubic-bezier(.2,.7,.3,1); }
.teaser-kart:hover .teaser-yazi::before { width: 100%; }
.teaser-yazi h2 { margin: 0; font-size: 20px; font-weight: 700; color: #fff; letter-spacing: .01em; }
.teaser-yazi h2::after { content: " →"; opacity: 0; transform: translateX(-8px); display: inline-block; transition: opacity .35s, transform .35s; }
.teaser-kart:hover .teaser-yazi h2::after { opacity: 1; transform: translateX(0); }
.teaser-yazi p { margin: 6px 0 0; font-size: 13px; color: rgba(255,255,255,.82); line-height: 1.4; }
@media (max-width: 980px) { .teaser-izgara { grid-template-columns: 1fr 1fr; } }
@media (max-width: 620px) { .teaser-izgara { grid-template-columns: 1fr; } }

.makale-gorsel { display: block; width: 100%; aspect-ratio: 16/8; object-fit: cover; margin: 26px 0 6px; border-radius: var(--kose); border: 1px solid var(--cizgi-acik); }
.makale h2 { margin: 34px 0 8px; font-size: 22px; }
.makale h3 { margin: 24px 0 6px; font-size: 17px; font-weight: 600; color: var(--mavi-koyu); }
.makale p { font-size: 16.5px; line-height: 1.8; color: var(--grafit); }

/* ---------- sayfa hero (baslik-blok) ---------- */
.baslik-blok { padding: clamp(32px, 4vw, 48px) max(20px, calc((100% - 1280px) / 2)) var(--bolum); }
.baslik-blok h1 { margin: 10px 0 0; font-size: clamp(32px, 5vw, 52px); letter-spacing: 0.01em; }
.baslik-blok p { max-width: 100%; margin: 16px 0 0; color: var(--gri); font-size: 16.5px; }
.baslik-blok .kirinti, .giris .kirinti { margin: 0; }

/* sayfa hero hareketi (giris / baslik-blok) */
.giris, .baslik-blok { position: relative; overflow: hidden; }
.giris::before, .baslik-blok::before { display: none; }
.giris > *, .baslik-blok > * { position: relative; opacity: 0; transform: translateY(22px); animation: basIn .75s cubic-bezier(.2,.7,.3,1) forwards; }
.giris > :nth-child(1), .baslik-blok > :nth-child(1) { animation-delay: .08s; }
.giris > :nth-child(2), .baslik-blok > :nth-child(2) { animation-delay: .2s; }
.giris > :nth-child(3), .baslik-blok > :nth-child(3) { animation-delay: .32s; }
@keyframes basIn { to { opacity: 1; transform: none; } }

/* üstte telefon ayracı */
.tepe .hat { border-left: 1px solid var(--cizgi-acik); padding-left: 16px; color: var(--mavi); font-family: var(--mono); font-size: 13.5px; }

/* tam genişlik görsel bandı */
.bant.sahne-bant { margin: 12px auto var(--bolum); max-width: 1280px; border-radius: var(--kose); overflow: hidden; aspect-ratio: 21/6; min-height: 220px; }
.bant.sahne-bant img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.08); transition: transform 1.6s cubic-bezier(.16,.84,.32,1); }
.bant.sahne-bant.reveal.aktif img { transform: scale(1); }
/* sayfa girişi — Ürünler katalog-giris ile aynı tipografi / bant (metin konuya özel) */
.bant.sahne-bant.sahne-bant-ust {
  margin: 16px auto 0;
  max-width: 1280px;
}
.giris.katalog-giris,
.giris.giris-alti {
  position: relative;
  margin: 0;
  padding: clamp(36px, 5vw, 64px) max(20px, calc((100% - 1280px) / 2)) clamp(28px, 4vw, 44px);
  background: linear-gradient(180deg, var(--buz-acik) 0%, #fff 100%);
  border-bottom: 1px solid var(--cizgi-acik);
  overflow: hidden;
}
.giris.katalog-giris::before,
.giris.giris-alti::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(135deg, rgba(30,94,150,.08), transparent 45%),
    linear-gradient(90deg, rgba(30,94,150,.06) 1px, transparent 1px);
  background-size: auto, 48px 48px;
  opacity: 1;
  mask-image: linear-gradient(180deg, #000 30%, transparent);
  -webkit-mask-image: linear-gradient(180deg, #000 30%, transparent);
}
.giris.katalog-giris > *,
.giris.giris-alti > * {
  position: relative;
  z-index: 1;
  /* .giris > * opacity:0 + h1 animation:none görünmez başlık bırakıyordu */
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}
.giris.katalog-giris .ust-etiket,
.giris.giris-alti .ust-etiket {
  display: inline-block;
  margin: 0;
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--mavi);
}
.giris.katalog-giris h1,
.giris.giris-alti h1 {
  margin: 6px 0 0;
  max-width: 18em;
  font-size: clamp(40px, 6.5vw, 68px);
  letter-spacing: -0.02em;
  color: var(--murekkep) !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: var(--murekkep) !important;
  text-shadow: none !important;
}
.giris.katalog-giris h1::after,
.giris.giris-alti h1::after {
  border-top-color: var(--mavi);
  margin-top: 8px;
}
.giris.katalog-giris > p:not(.ust-etiket):not(.kirinti),
.giris.giris-alti > p:not(.ust-etiket):not(.kirinti) {
  margin: 10px 0 0;
  max-width: 46em;
  font-size: 16.5px;
  line-height: 1.55;
  color: var(--gri) !important;
}
/* görsel / giriş sonrası bloklar — sıkı boşluk */
.sahne-bant-ust + .giris-alti + .sayfa-ozet,
.giris-alti + .sayfa-ozet,
.katalog-giris + .sayfa-ozet {
  padding-top: 22px;
  padding-bottom: clamp(28px, 3.5vw, 40px);
}
.giris-alti + .blog-konular,
.giris-alti + .iki,
.giris-alti + .merkez,
.katalog-giris + .blog-konular,
.katalog-giris + .iki,
.katalog-giris + .merkez,
.katalog-giris + .pusula {
  margin-top: 0;
  padding-top: clamp(22px, 2.8vw, 32px);
}
.hikaye-ust + .katalog-giris {
  margin-top: 0;
  padding-top: clamp(22px, 2.8vw, 36px);
  padding-bottom: clamp(18px, 2.4vw, 28px);
}
.giris-alti + .blog-konular,
.katalog-giris + .blog-konular { padding-bottom: 14px; }

/* kart ızgarası (gruplar) */
.gruplar { margin: 0 0 clamp(36px, 4.5vw, 56px); padding: 0 max(20px, calc((100% - 1280px) / 2)); display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.gruplar article { background: var(--zemin); border: 1px solid var(--cizgi-acik); border-radius: var(--kose); padding: 26px 24px; transition: transform .25s, box-shadow .25s; }
.gruplar article:hover { transform: translateY(-4px); box-shadow: 0 24px 48px -28px rgba(15,23,42,.3); }
.gruplar h3 { margin: 0; font-size: 19px; }
.gruplar p { margin: 10px 0 0; color: var(--gri); font-size: 14.5px; }
.gruplar a { display: inline-block; margin-top: 14px; color: var(--mavi); font-weight: 600; font-size: 14.5px; }
.gruplar a:hover { text-decoration: underline; }

/* SSS */
.sss { margin: 0; padding: 0 max(20px, calc((100% - 1280px) / 2)) var(--bolum); }
.sss h2 { margin: 0 0 8px; font-size: clamp(28px, 4vw, 40px); letter-spacing: 0.01em; }
.sss details { border-bottom: 1px solid var(--cizgi-acik); }
.sss summary { padding: 18px 8px; font-family: var(--baslik); font-weight: 600; font-size: 17px; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.sss summary::after { content: "+"; font-family: var(--mono); font-size: 22px; color: var(--mavi); transition: transform .2s; }
.sss details[open] summary::after { transform: rotate(45deg); }
.sss details p { margin: 0 0 20px; padding: 0 8px; color: var(--grafit); max-width: 920px; }

/* ürünler arama satırı */
.sayfa-bas { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 8px 0 20px; flex-wrap: wrap; }
.sayfa-bas h2 { margin: 0; font-size: clamp(26px, 4vw, 36px); letter-spacing: 0.01em; }
.ara { width: 260px; max-width: 100%; padding: 12px 18px; border: 1px solid var(--cizgi); border-radius: 2px; background: #fff; font-size: 15px; outline: none; transition: border .2s, box-shadow .2s; }
.ara:focus { border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(30,94,150,.12); }

/* kurumsal seçimler */
.secimler { margin: 20px 0 0; padding: 0 max(20px, calc((100% - 1280px) / 2)); display: flex; gap: 14px; flex-wrap: wrap; }
.secim { display: grid; gap: 4px; font-size: 12.5px; color: var(--gri); min-width: 200px; }
.secim select { padding: 12px 14px; border: 1px solid var(--cizgi); border-radius: 10px; background: #fff; font-size: 15px; outline: none; }
.secim select:focus { border-color: var(--mavi); }

/* harita */
.harita { margin: 20px 0 0; padding: 0 max(20px, calc((100% - 1280px) / 2)); }
.harita iframe { width: 100%; height: 420px; border: 0; border-radius: var(--kose); }

/* sonuç kartı */
.sonuclar { margin: 20px 0 0; padding: 0 max(20px, calc((100% - 1280px) / 2)); }
.sonuc { display: grid; grid-template-columns: auto 1fr; gap: 6px 20px; padding: 28px 30px; border: 1px solid var(--cizgi-acik); border-radius: var(--kose); background: #fff; }
.sonuc-no { grid-row: span 5; font-family: var(--mono); font-size: 42px; font-weight: 500; color: var(--cizgi); line-height: 1; }
.sonuc h2 { margin: 0; font-size: 26px; }
.sonuc p { margin: 0; color: var(--grafit); }
.sonuc p a { color: var(--mavi); font-weight: 600; }

/* sektör uygulama */
.uyg { padding: clamp(20px, 4vw, 40px) max(20px, calc((100% - 1280px) / 2)); display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center; border-top: 1px solid var(--cizgi-acik); }
.uyg:first-of-type { border-top: 0; margin-top: var(--bolum-k); }
.uyg.ters .uyg-foto { order: 2; }
.uyg-foto img { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: var(--kose); transform: scale(1.08); transition: transform 1.5s cubic-bezier(.16,.84,.32,1); }
.uyg.reveal .uyg-foto { clip-path: inset(12% 8% 12% 8% round 18px); transition: clip-path 1.15s cubic-bezier(.16,.84,.32,1); }
.uyg.reveal.aktif .uyg-foto { clip-path: inset(0 round 18px); }
.uyg.reveal.aktif .uyg-foto img { transform: scale(1); }
.sahne-bant.reveal { clip-path: inset(8% 4% 8% 4% round 18px); transition: clip-path 1.2s cubic-bezier(.16,.84,.32,1); }
.sahne-bant.reveal.aktif { clip-path: inset(0 round 18px); }
.hikaye.reveal .hikaye-foto { clip-path: inset(8% 0 8% 0); transition: clip-path 1.2s cubic-bezier(.16,.84,.32,1); }
.hikaye.reveal.aktif .hikaye-foto { clip-path: inset(0); }
.urun.reveal .foto { clip-path: inset(8% 6% 8% 6%); transition: clip-path 1s cubic-bezier(.16,.84,.32,1); }
.urun.reveal.aktif .foto { clip-path: inset(0); }
.uyg-foto { overflow: hidden; border-radius: var(--kose); }
.uyg-yazi h2 { margin: 0; font-size: clamp(26px, 4vw, 36px); letter-spacing: 0.01em; }
.uyg-yazi > p { margin: 14px 0 0; color: var(--gri); }
.uyg-yazi ul { margin: 18px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.uyg-yazi li { padding-left: 20px; position: relative; color: var(--grafit); }
.uyg-yazi li::before { content: ""; position: absolute; left: 0; top: 8px; width: 8px; height: 2px; background: var(--mavi); }
.uyg-yazi .daire-link { margin-top: 20px; margin-right: 18px; }

/* ---------- üst bar (küresel marka + dil + telefon) ---------- */
.ustbar { background: var(--gece); color: rgba(255,255,255,.72); font-size: 12.5px; border-bottom: 1px solid rgba(255,255,255,.07); }
.ustbar-in { padding: 7px max(20px, calc((100% - 1280px) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.ustbar-sol { display: flex; align-items: center; gap: 20px; min-width: 0; }
.ustbar-konum {
  margin: 0;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .04em;
  color: rgba(255,255,255,.78);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ustbar-sag { display: flex; align-items: center; gap: 18px; margin-left: auto; flex-shrink: 0; }
.ustbar a { color: rgba(255,255,255,.72); font-weight: 500; transition: color .2s; white-space: nowrap; }
.ustbar a:hover { color: #fff; }
.ustbar-tel { font-weight: 700 !important; color: #fff !important; letter-spacing: .03em; }
.dil-sec { position: relative; }
.dil-btn { background: none; border: none; color: rgba(255,255,255,.72); font-size: 12.5px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; padding: 0; font-family: var(--govde); }
.dil-btn .ayrac { color: rgba(255,255,255,.3); }
.dil-btn .ok { font-size: 10px; transition: transform .2s; }
.dil-btn:hover { color: #fff; }
.dil-menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 16px 40px -16px rgba(15,23,42,.35);
  min-width: 200px;
  padding: 6px;
  z-index: 80;
}
/* buton ↔ menü arası boşlukta hover kopmasın */
.dil-menu::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;
  height: 14px;
}
.dil-menu a { display: block; padding: 9px 14px; border-radius: 7px; color: var(--grafit); font-size: 13px; font-weight: 500; text-decoration: none; }
.dil-menu a:hover { background: var(--buz-acik); color: var(--mavi); }
.dil-menu a.aktif { color: var(--mavi); font-weight: 700; }
/* hover + focus + tıklama (.acik) */
@media (hover: hover) and (pointer: fine) {
  .dil-sec:hover .dil-menu,
  .dil-sec:focus-within .dil-menu { display: block; }
  .dil-sec:hover .dil-btn .ok,
  .dil-sec:focus-within .dil-btn .ok { transform: rotate(180deg); }
}
.dil-sec.acik .dil-menu { display: block; }
.dil-sec.acik .dil-btn .ok { transform: rotate(180deg); }
/* ---------- slider spec çipleri ---------- */
.slayt-cip { display: grid; grid-template-columns: 1fr; gap: 7px; margin-top: 18px; }
.slayt-cip span { display: block; margin: 0; padding: 0 0 0 12px; border-left: 1.5px solid #1e5e96; color: rgba(255,255,255,.78); font-family: var(--govde); font-size: 14px; line-height: 1.35; white-space: nowrap; }

.vitrin-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
  margin: 28px 0 0; padding: 0 max(20px, calc((100% - 1280px) / 2));
}
.vitrin-grid a { position: relative; display: block; overflow: hidden; border-radius: 2px; background: #111; min-height: 340px; }
.vitrin-grid img { width: 100%; height: 380px; object-fit: cover; object-position: center 62%; }
.vitrin-grid div {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 28px 22px 18px; color: #fff;
  background: linear-gradient(transparent, rgba(8,12,18,.88));
}
.vitrin-grid span { display: block; font-size: 12.5px; letter-spacing: .08em; color: #9fc1e8; font-weight: 700; }
.vitrin-grid strong { display: block; margin-top: 4px; font-size: 28px; font-weight: 700; }
.foto-zemin { padding: 0; }
.bant-mavi .foto-zemin img, .bant-acik .foto-zemin img {
  width: 100%; height: 100%; max-height: none; min-height: 420px; object-fit: cover; object-position: center 68%;
}


/* ---------- teknoloji merkezi (teklif-style, Roboto) ---------- */
.merkez {
  background: linear-gradient(180deg, #f6f9fc 0%, #fff 100%);
  border-top: 1px solid var(--cizgi-acik);
  border-bottom: 1px solid var(--cizgi-acik);
}
.merkez-ic {
  max-width: none;
  width: auto;
  margin: 0 max(20px, calc((100% - 1280px) / 2));
  padding: clamp(28px, 3.5vw, 44px) 0;
  display: grid; grid-template-columns: 1fr; gap: 28px; align-items: start;
}
.merkez-bas .m-eyebrow {
  font-family: var(--mono); font-size: 12px; font-weight: 700;
  letter-spacing: .22em; text-transform: uppercase; color: var(--mavi);
  display: inline-flex; align-items: center; gap: 10px;
}
.merkez-bas .m-eyebrow::before { content: ""; width: 28px; height: 2px; background: var(--mavi); }
.merkez-bas h2 {
  font-family: var(--baslik); font-weight: 700; font-size: clamp(28px, 3.5vw, 42px);
  margin: 14px 0 0; letter-spacing: -0.01em; line-height: 1.15; text-align: left;
}
.merkez-bas .m-intro { font-family: var(--govde); color: var(--gri); margin: 14px 0 0; max-width: 660px; font-size: 16px; line-height: 1.7; text-align: left; }
.merkez-bas { text-align: left; }
.merkez-bilgi { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.m-blok { border-left: 2px solid var(--mavi); padding-left: 16px; }
.m-blok strong {
  font-family: var(--baslik); font-size: 12px; font-weight: 700;
  letter-spacing: .1em; text-transform: none; color: var(--mavi-koyu);
}
.m-blok p { font-family: var(--govde); font-size: 15px; line-height: 1.7; color: var(--grafit); margin: 6px 0 0; }
.m-blok a { color: var(--mavi); }
@media (max-width: 860px) {
  .merkez-ic { grid-template-columns: 1fr; gap: 28px; }
  .merkez-bilgi { grid-template-columns: 1fr; }
}


/* ---------- 4 kutucuk (kurumsal) ---------- */
.kutu-dort {
  padding: 0 max(20px, calc((100% - 1280px) / 2)) var(--bolum);
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
}
.kutu {
  border: 1px solid var(--cizgi-acik); border-radius: var(--kose); padding: 22px 22px 26px;
  background: #fff; position: relative; overflow: hidden; transition: all .25s;
}
.kutu:hover { border-color: var(--mavi); box-shadow: 0 18px 40px -20px rgba(30,94,150,.35); transform: translateY(-3px); }
.kutu-no {
  font-family: var(--baslik); font-size: 42px; font-weight: 900; line-height: 1;
  color: transparent; -webkit-text-stroke: 1.5px var(--mavi-acik);
}
.kutu h3 { margin: 12px 0 0; font-size: 16px; font-weight: 700; letter-spacing: .01em; }
.kutu p { margin: 8px 0 0; font-size: 14px; color: var(--grafit); line-height: 1.65; }
.kutu a { color: var(--mavi); font-weight: 600; }
@media (max-width: 900px) { .kutu-dort { grid-template-columns: 1fr 1fr; } }
@media (max-width: 540px) { .kutu-dort { grid-template-columns: 1fr; } }

/* ---------- arama paneli ---------- */
.arama-panel {
  position: fixed; top: 0; left: 0; right: 0; z-index: 90;
  background: #fff; border-bottom: 1px solid var(--cizgi-acik);
  box-shadow: 0 24px 50px -24px rgba(15,23,42,.35);
  transform: translateY(-102%); opacity: 0; transition: transform .32s cubic-bezier(.2,.7,.3,1), opacity .32s;
  pointer-events: none;
}
.arama-panel.acik { transform: translateY(0); opacity: 1; pointer-events: auto; }
.arama-panel-ic { max-width: 760px; margin: 0 auto; padding: 20px 20px 22px; }
.arama-input {
  width: 100%; font-size: 17px; padding: 13px 18px; border: 1px solid var(--cizgi-acik);
  border-radius: 12px; font-family: var(--govde); outline: none; transition: border .2s, box-shadow .2s;
}
.arama-input:focus { border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(30,94,150,.12); }
.arama-sonuclar { margin-top: 10px; display: flex; flex-direction: column; max-height: 340px; overflow: auto; }
.arama-sonuclar a { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 11px 14px; border-radius: 10px; color: var(--grafit); }
.arama-sonuclar a:hover { background: var(--buz-acik); }
.arama-sonuclar a strong { font-size: 15px; font-weight: 700; color: var(--murekkep); }
.arama-sonuclar a span { font-size: 13px; color: var(--etiket); text-align: right; }
.arama-sonuclar a.arama-kategori {
  background: var(--buz-acik);
  border: 1px solid var(--cizgi-acik);
  margin-bottom: 4px;
}
.arama-sonuclar a.arama-kategori strong { color: var(--mavi); }
.arama-bos { padding: 16px; color: var(--gri); font-size: 14.5px; }


/* ---------- kutucuk kreatif efektleri ---------- */
.gruplar-ilet { margin-bottom: var(--bolum); }
.gruplar article { position: relative; overflow: hidden; }
.gruplar article::before {
  content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1.5px;
  background: linear-gradient(135deg, #1e5e96, #6e9dc4, #163f6b, #1e5e96);
  background-size: 300% 300%; animation: gradKay 3.5s linear infinite;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  opacity: 0; transition: opacity .4s; pointer-events: none;
}
@keyframes gradKay { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } }
.gruplar article:hover::before { opacity: 1; }
.gruplar article::after {
  content: ""; position: absolute; top: -60%; left: -90%; width: 55%; height: 220%;
  background: linear-gradient(115deg, transparent, rgba(255,255,255,.55), transparent);
  transform: rotate(20deg); transition: left .75s cubic-bezier(.2,.7,.3,1); pointer-events: none;
}
.gruplar article:hover::after { left: 135%; }
.gruplar article:hover { transform: translateY(-6px); box-shadow: 0 26px 50px -24px rgba(30,94,150,.5); }


/* ---------- bina banner + sol çerçeve (glass card) ---------- */
.bina-kart { position: relative; }
.bina-kart > img { position: relative; z-index: 0; }
.bina-kart::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(90deg, rgba(11,18,32,.5) 0%, rgba(11,18,32,.16) 40%, transparent 65%);
}
.bina-yazi {
  position: absolute; left: clamp(20px, 4vw, 48px); top: 50%; transform: translateY(-50%);
  z-index: 2; color: #fff; max-width: min(700px, 56%);
  background: rgba(11,18,32,.62); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.16); border-radius: 16px;
  padding: 24px 28px; text-align: left;
  box-shadow: 0 18px 40px -20px rgba(0,0,0,.5);
}
.bina-yazi .bina-eyebrow {
  display: flex; align-items: center; gap: 10px;
  font-size: 11px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: #9fc1e8;
}
.bina-yazi .bina-eyebrow::before { content: ""; width: 26px; height: 2px; background: #6e9dc4; flex-shrink: 0; }
.bina-yazi h2 {
  font-family: var(--baslik); font-size: clamp(20px, 2.4vw, 28px); font-weight: 800;
  margin: 12px 0 0; color: #fff; line-height: 1.12; letter-spacing: -0.01em; white-space: nowrap;
}
.bina-yazi p { font-size: 14.5px; color: rgba(255,255,255,.9); margin: 10px 0 0; line-height: 1.6; max-width: 430px; }
@media (max-width: 720px) { .bina-yazi { max-width: 84%; } }


/* ---------- iletişim kartı (kurumsal) ---------- */
.iletisim-kart {
  max-width: none;
  width: auto;
  margin: 28px max(20px, calc((100% - 1280px) / 2)) 0;
  padding: 28px clamp(22px, 3vw, 40px);
  background: linear-gradient(135deg, #163f6b, #1e5e96);
  border-radius: var(--kose);
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 22px;
  color: #fff; box-shadow: 0 20px 44px -24px rgba(22,63,107,.55);
  box-sizing: border-box;
}
.iletisim-kart h2 { margin: 0; font-size: 22px; color: #fff; letter-spacing: .01em; }
.iletisim-kart .ik-adres { margin: 6px 0 0; color: rgba(255,255,255,.84); font-size: 14.5px; }
.iletisim-kart .ik-bilgi { display: flex; gap: 14px; flex-wrap: wrap; }
.iletisim-kart .ik-bilgi a {
  color: #fff; font-weight: 700; font-size: 15px; text-decoration: none;
  padding: 10px 18px; border: 1px solid rgba(255,255,255,.32); border-radius: 10px;
  transition: background .2s, transform .2s;
}
.iletisim-kart .ik-bilgi a:hover { background: rgba(255,255,255,.16); transform: translateY(-2px); }

/* ---------- responsive ---------- */
@media (max-width: 1180px) {
  /* Menü daralınca hamburger — logo üstüne binmesin */
  .ust { min-height: 64px; padding: 12px 16px; }
  .logo img { height: 36px; }
  .menu { display: block; }
  .ust-sag { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-bottom: 1px solid var(--cizgi-acik); padding: 10px 16px 18px; flex-direction: column; align-items: stretch; gap: 6px; max-height: calc(100vh - 64px); overflow-y: auto; box-shadow: 0 24px 40px -24px rgba(15,23,42,.3); }
  .ust-sag.acik { display: flex; }
  .nav { flex-direction: column; align-items: stretch; gap: 2px; margin: 0; }
  .nav > a, .dd-btn { width: 100%; justify-content: flex-start; padding: 12px 14px; }
  .dd { width: 100%; }
  .dd-menu { position: static; display: none; width: 100%; border: 0; box-shadow: none; border-radius: 0; padding: 0 0 6px; }
  .dd.acik .dd-menu { display: block; }
  .dd-menu.mega { width: 100%; padding: 0 0 6px; }
  .mega-grid { grid-template-columns: 1fr; }
  .tepe { width: 100%; flex-direction: column; align-items: stretch; gap: 8px; border-top: 1px solid var(--cizgi-acik); padding-top: 12px; }
  .tepe .tel { text-align: center; }
  .cta-pill { justify-content: center; }
}
@media (max-width: 980px) {
  .izgara, .detay-ust, .alt-in, .dunya, .iki, .sahne, .serit, .serit-film, .satirlar article, .sayilar, .yuzer, .adimlar, .bant-mavi, .bant-acik, .isler, .bulucu, .yazi-liste, .uyg, .sonuc, .kimlik { grid-template-columns: 1fr; }
  .kimlik article + article { border-left: 0; border-top: 1.5px solid var(--mavi); }
  .ustbar-konum { font-size: 11.5px; letter-spacing: .02em; }
  .yuzer { grid-template-columns: 1fr 1fr; }
  .serit.ters .foto, .bant-acik .foto { order: 0; }
  .ust { min-height: 64px; padding: 12px 16px; }
  .logo img { height: 32px; }
  .slayt { width: 100%; max-width: none; aspect-ratio: auto; height: min(70vh, 640px); min-height: 420px; }
  .slayt-video { object-position: left center; }
  .slayt-ic { gap: 8px; padding: 0 0 1px 1px; }
  .slayt-kart { width: 100%; max-width: 100%; padding: 16px 18px; flex-direction: column; align-items: stretch; gap: 14px; }
  .slayt-kart .slayt-aksiyon { flex-direction: row; width: 100%; flex-wrap: wrap; }
  .slayt-kare.atolye::before {
    background: linear-gradient(180deg, rgba(6,12,20,.25) 0%, rgba(6,12,20,.2) 42%, rgba(6,12,20,.82) 100%);
  }
  .vitrin-grid { grid-template-columns: 1fr; }
  .vitrin-grid img { height: 260px; }
  .slayt h1 { font-size: 40px; }
  .slayt-kontrol { left: max(20px, calc((100% - 1280px) / 2)); right: auto; bottom: 22px; }
  .cagri { flex-direction: column; align-items: flex-start; }
  .sayilar { grid-template-columns: 1fr 1fr; }
  .sayilar div { border-bottom: 1px solid var(--cizgi-acik); }
  .standart { columns: 1; }
  .altnav { flex-wrap: wrap; }
  .bulucu { grid-template-columns: 1fr 1fr; }
  .gruplar { grid-template-columns: 1fr 1fr; }
  .uyg.ters .uyg-foto { order: 0; }
  .sonuc-no { grid-row: auto; }
  .sayfa-bas { flex-direction: column; align-items: flex-start; }
  .ara { width: 100%; }
}
@media (max-width: 560px) {
  .yuzer { grid-template-columns: 1fr; }
  .sayilar { grid-template-columns: 1fr; }
  .bulucu { grid-template-columns: 1fr; }
  .gruplar { grid-template-columns: 1fr; }
  .slayt h1 { font-size: 34px; }
}
.blok.reveal.aktif .tablo tr { animation: satirBelir .45s cubic-bezier(.16,.84,.32,1) both; }
.blok.reveal.aktif .tablo tr:nth-child(1) { animation-delay: .02s; }
.blok.reveal.aktif .tablo tr:nth-child(2) { animation-delay: .06s; }
.blok.reveal.aktif .tablo tr:nth-child(3) { animation-delay: .1s; }
.blok.reveal.aktif .tablo tr:nth-child(4) { animation-delay: .14s; }
.blok.reveal.aktif .tablo tr:nth-child(5) { animation-delay: .18s; }
.blok.reveal.aktif .tablo tr:nth-child(6) { animation-delay: .22s; }
.blok.reveal.aktif .tablo tr:nth-child(7) { animation-delay: .26s; }
.blok.reveal.aktif .tablo tr:nth-child(8) { animation-delay: .3s; }
.blok.reveal.aktif .tablo tr:nth-child(n+9) { animation-delay: .34s; }
@keyframes satirBelir { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.detay-ust.reveal.aktif .olculer div { animation: satirBelir .5s cubic-bezier(.16,.84,.32,1) both; }
.detay-ust.reveal.aktif .olculer div:nth-child(2) { animation-delay: .08s; }
.detay-ust.reveal.aktif .olculer div:nth-child(3) { animation-delay: .16s; }
.detay-ust.reveal.aktif .olculer div:nth-child(4) { animation-delay: .24s; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .reveal, .uyg-foto, .hikaye-foto, .urun .foto { opacity: 1 !important; filter: none !important; clip-path: none !important; transform: none !important; }
}


@keyframes cagriAka {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

.parca {
  position: absolute; bottom: -12px; border-radius: 50%;
  background: radial-gradient(circle, rgba(190,222,248,.95), rgba(110,157,196,.45));
  box-shadow: 0 0 7px rgba(150,200,240,.55);
  pointer-events: none; z-index: 1;
  animation: parcaYuz 10s linear infinite;
}
@keyframes parcaYuz {
  0% { transform: translateY(0) translateX(0) scale(1); opacity: 0; }
  10% { opacity: .9; }
  75% { opacity: .55; }
  100% { transform: translateY(-190px) translateX(26px) scale(.35); opacity: 0; }
}

/* --- başlık parıltısı (teknolojik hareket) --- */
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .blok-bas h2, .sektor-bas h2, .giris h1, .baslik-blok h1 {
    background: linear-gradient(100deg, #0f172a 32%, #1e5e96 50%, #3f7fc0 55%, #0f172a 74%);
    background-size: 240% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: baslikShim 8s ease-in-out infinite;
  }
  .giris h1, .baslik-blok h1 {
    background-image: linear-gradient(100deg, #0f172a 30%, #1e5e96 48%, #4a9bd8 56%, #0f172a 72%);
    background-size: 240% auto;
  }
}
@keyframes baslikShim {
  0%, 100% { background-position: 0% center; }
  50% { background-position: 100% center; }
}

/* --- 3D tilt (model kartları) --- */
.model-kart { transform-style: preserve-3d; will-change: transform; }


/* hero canlı aurora ışıması */
.slayt::after {
  content: "";
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    radial-gradient(50% 70% at 12% 88%, rgba(30,94,150,.38), transparent 62%),
    radial-gradient(42% 50% at 90% 6%, rgba(74,163,255,.20), transparent 60%),
    radial-gradient(38% 44% at 68% 96%, rgba(20,70,120,.16), transparent 58%);
  animation: heroAurora 8s ease-in-out infinite;
  mix-blend-mode: screen;
}
@keyframes heroAurora {
  0%, 100% { opacity: .55; }
  50% { opacity: .95; }
}

@keyframes makineSuz {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}


/* teknoloji kayan bandı */
.kayan-bant {
  background: linear-gradient(90deg, #0a1422, #102a4a 50%, #0a1422);
  border-top: 1px solid rgba(110,157,196,.22);
  border-bottom: 1px solid rgba(110,157,196,.22);
  overflow: hidden; padding: 13px 0;
}
.kayan-ic {
  display: flex; align-items: center; gap: 30px; white-space: nowrap;
  width: max-content; animation: kayan 32s linear infinite;
}
.kayan-bant:hover .kayan-ic { animation-play-state: paused; }
.kayan-ic span {
  color: #cfe3f5; font-family: var(--mono); font-size: 12.5px;
  letter-spacing: .22em; text-transform: uppercase; font-weight: 500;
}
.kayan-ic i { color: var(--mavi-acik); font-style: normal; font-size: 11px; }
@keyframes kayan {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}


/* tezgah bulucu makine görseli */
.bulucu img {
  display: block; width: 92%; max-width: 240px; height: 132px;
  object-fit: contain; margin: 0 auto 14px;
  filter: drop-shadow(0 14px 20px rgba(0,0,0,.42));
  animation: makineSuz 5.5s ease-in-out infinite;
}
.bulucu a:hover img { animation-play-state: paused; transform: scale(1.08) translateY(-3px); }

/* servis kartı banner görseli */
.isler article img {
  display: block; width: calc(100% + 52px); max-width: none; height: 120px; object-fit: cover;
  margin: -30px -26px 16px;
}

/* blog kartı metin sarmalayıcı */
.yazi-kart > div { flex: 1; min-width: 0; }


/* ===== PRO hafif kart modeli ===== */
.yuzer a, .isler article, .bulucu a, .yazi-kart, .model-kart {
  background:
    radial-gradient(95% 75% at 50% 26%, rgba(30,94,150,.10), transparent 62%),
    linear-gradient(180deg, #ffffff 0%, #f5f9fc 100%);
}

/* çelik mavisi üst çizgi (2px, hover'da soldan akar) */
.isler article::before, .bulucu a::before, .yazi-kart::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; display: block;
  background: linear-gradient(90deg, var(--mavi) 0%, var(--mavi-acik) 65%, transparent 100%);
  transform: scaleX(0); transform-origin: left;
  transition: transform .45s cubic-bezier(.16,.84,.32,1);
}
.isler article:hover::before, .bulucu a:hover::before, .yazi-kart:hover::before { transform: scaleX(1); }



/* köşe braketleri (teknik çizim) */
.isler article::after, .bulucu a::after, .yazi-kart::after {
  content: ""; position: absolute; bottom: 10px; right: 10px; width: 13px; height: 13px;
  border-right: 1.5px solid var(--mavi-acik); border-bottom: 1.5px solid var(--mavi-acik);
  opacity: 0; transform: translate(3px, 3px); transition: opacity .3s, transform .3s;
}
.isler article:hover::after, .bulucu a:hover::after, .yazi-kart:hover::after { opacity: 1; transform: translate(0,0); }

/* hover: renkli gölge + kalkış */
.isler article:hover, .bulucu a:hover, .yazi-kart:hover, .model-kart:hover {
  box-shadow: 0 26px 50px -28px rgba(30,94,150,.42), 0 0 0 1px var(--mavi-acik);
}

/* makine görselleri: yumuşak mavi gölge */
.isler article img, .bulucu img, .yazi-kart img, .model-makine {
  filter: drop-shadow(0 14px 20px rgba(15,42,74,.22));
}

/* başlık altı ince çizgi (tüm kart başlıkları) */
.isler h3, .bulucu strong, .yazi-kart h2 { position: relative; }
.isler h3::after {
  content: ""; display: block; width: 30px; height: 2px; background: var(--mavi); margin-top: 9px;
  transition: width .35s cubic-bezier(.16,.84,.32,1);
}
.isler article:hover h3::after { width: 52px; }



/* ===== KOYU PREMIUM (geri dönüş) ===== */
.yuzer a, .isler article, .bulucu a, .yazi-kart, .model-kart, .adres {
  background: linear-gradient(165deg, #0a1422 0%, #102a4a 55%, #1d5a90 130%);
  border-color: rgba(110,157,196,.28);
}

/* metin renkleri beyaza */
.yuzer span, .isler h3, .bulucu strong, .yazi-kart h2, .model-kart h3 { color: #fff; }
.yuzer em, .isler p, .yazi-kart p, .model-spec { color: rgba(255,255,255,.78); }
.isler span, .bulucu span, .model-eyebrow { color: #9fc1e8; }
.yuzer i { border-color: rgba(110,157,196,.5); color: #9fc1e8; }
.adres p { color: rgba(255,255,255,.85); }
.adres p strong { color: #fff; }
.adres a { color: #9fc1e8; }
.adres .secim { color: rgba(255,255,255,.72); }
.adres .secim select { background: rgba(9,18,32,.55); color: #fff; border-color: rgba(110,157,196,.4); }
.adres .secim select option { background: #102a4a; color: #fff; }

/* ışık süpürmesi beyaza */
.isler article::after, .bulucu a::after, .yazi-kart::after, .model-kart::after, .yuzer a::after {
  background: linear-gradient(115deg, transparent, rgba(255,255,255,.12), transparent);
}

/* hover */
.isler article:hover, .bulucu a:hover, .yazi-kart:hover, .model-kart:hover, .yuzer a:hover {
  border-color: rgba(110,157,196,.7);
  box-shadow: 0 30px 60px -30px rgba(30,94,150,.55);
}

/* ===== FORM (koyu premium) ===== */
.form { background: linear-gradient(165deg, #0a1422 0%, #102a4a 55%, #1d5a90 130%); border: 1px solid rgba(110,157,196,.28); border-radius: var(--kose); padding: 28px; }
.form label { background: rgba(9,18,32,.55); border: 1px solid rgba(110,157,196,.4); color: #9fc1e8; }
.form input, .form select, .form textarea { color: #fff; }
.form input::placeholder, .form textarea::placeholder { color: rgba(255,255,255,.5); }

/* Servis talep formu */
.servis-form { padding: 0 max(20px, calc((100% - 1280px) / 2)) var(--bolum); }
.servis-talep {
  display: grid; gap: 16px; margin-top: var(--bolum-k);
  background: linear-gradient(165deg, #0a1422 0%, #102a4a 55%, #1d5a90 130%);
  border: 1px solid rgba(110,157,196,.28); border-radius: var(--kose);
  padding: 30px;
}
.servis-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.servis-talep input, .servis-talep select, .servis-talep textarea {
  background: rgba(9,18,32,.55); border: 1px solid rgba(110,157,196,.4); border-radius: 4px;
  padding: 13px 15px; font-size: 15px; color: #fff; outline: none; width: 100%; box-sizing: border-box;
}
.servis-talep input::placeholder, .servis-talep textarea::placeholder { color: rgba(255,255,255,.5); }
.servis-talep select option { background: #102a4a; color: #fff; }
.servis-talep textarea { grid-column: 1 / -1; min-height: 120px; resize: vertical; }
.servis-talep .servis-alt { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.servis-talep .servis-dosya { color: #9fc1e8; font-size: 14px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; }
.servis-talep .servis-dosya input[type=file] { display: none; }
.servis-talep .servis-gonder {
  background: var(--mavi);
  color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 15px 28px;
  font-family: var(--mono);
  font-weight: 700;
  font-size: 12.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 12px 28px -16px rgba(30,94,150,.65);
  transition: background .22s, transform .22s, box-shadow .22s;
}
.servis-talep .servis-gonder:hover {
  background: var(--mavi-koyu);
  transform: translateY(-2px);
  box-shadow: 0 18px 36px -14px rgba(22,63,107,.7);
}
.servis-talep input:focus, .servis-talep select:focus, .servis-talep textarea:focus { border-color: #6eb9ff; box-shadow: 0 0 0 3px rgba(110,157,196,.22); }
@media (max-width: 640px) { .servis-grid { grid-template-columns: 1fr; } }

/* ===== KOYU PREMIUM: gruplar (servis/kurumsal/iletisim kutuları) ===== */
.gruplar article {
  background: linear-gradient(165deg, #0a1422 0%, #102a4a 55%, #1d5a90 130%);
  border: 1px solid rgba(110,157,196,.28);
}
.gruplar article h3 { color: #fff; }
.gruplar article p { color: rgba(255,255,255,.78); }
.gruplar article:hover { border-color: rgba(110,157,196,.7); box-shadow: 0 30px 60px -30px rgba(30,94,150,.55); }

/* ===== KATALOG + DETAY koyu premium ===== */
.sekme-kutu { background: rgba(10,20,34,.92); border-bottom: 1px solid rgba(110,157,196,.28); }
.sekme button { color: rgba(255,255,255,.55); }
.sekme button:hover { color: #fff; }
.sekme button.aktif { color: #fff; font-weight: 700; border-bottom-color: var(--mavi); }
.sekme b { color: #9fc1e8; }

.sahne { background: linear-gradient(165deg, #0a1422 0%, #102a4a 55%, #1d5a90 130%); border: 1px solid rgba(110,157,196,.28); }
.sahne .foto { background: rgba(9,18,32,.45); }
.sahne .metin { background: linear-gradient(165deg, #0a1422 0%, #102a4a 55%, #1d5a90 130%); }
.sahne h2 { color: #fff; }
.sahne .ust-etiket { color: #9fc1e8; }
.sahne .alt-yazi { color: rgba(255,255,255,.78); }

.olculer { border-top: 1px solid rgba(110,157,196,.28); }
.olculer div { border-bottom: 1px solid rgba(110,157,196,.28); }
.olculer span { color: rgba(255,255,255,.55); }
.olculer b { color: #fff; }

.urun { background: linear-gradient(165deg, #0a1422 0%, #102a4a 55%, #1d5a90 130%); border: 1px solid rgba(110,157,196,.28); }
.urun .foto { background: rgba(9,18,32,.45); }
.urun h3 { color: #fff; }
.urun .alt { color: rgba(255,255,255,.68); }
.urun .oz { border-top: 1px solid rgba(110,157,196,.28); color: rgba(255,255,255,.78); }
.urun.yalin { border: 1px solid rgba(110,157,196,.28); }
.urun:hover { border-color: rgba(110,157,196,.7); box-shadow: 0 30px 60px -30px rgba(30,94,150,.55); }

.serit { background: linear-gradient(165deg, #0a1422 0%, #102a4a 55%, #1d5a90 130%); border: 1px solid rgba(110,157,196,.28); }
.serit .foto { background: rgba(9,18,32,.45); }
.serit h3 { color: #fff; }
.serit .ust-etiket { color: #9fc1e8; }
.serit .metin .olculer b { color: #fff; }
.serit:hover { border-color: rgba(110,157,196,.7); box-shadow: 0 30px 60px -30px rgba(30,94,150,.55); }

/* kirinti beyaz zeminde kalır — koyu metin (önceki beyaz yazı görünmüyordu) */
.detay .kirinti { color: var(--gri); }
.detay-ust { border: 1px solid rgba(110,157,196,.28); }
.detay .foto { background: rgba(9,18,32,.45); }
.detay-ust > div:last-child { background: linear-gradient(165deg, #0a1422 0%, #102a4a 55%, #1d5a90 130%); }
.detay h1 { color: #fff; }
.detay .alt-yazi { color: rgba(255,255,255,.78); }
.detay .etiket { color: #9fc1e8; }
.altnav { background: rgba(10,20,34,.92); border: 1px solid rgba(110,157,196,.28); }
.altnav a { color: rgba(255,255,255,.65); }
.altnav a:hover { color: #fff; background: rgba(30,94,150,.25); }
/* Teknik/standart blokları koyu panel — beyaz yazı beyaz zeminde kaybolmasın */
.detay .blok {
  background: linear-gradient(165deg, #0a1422 0%, #102a4a 55%, #1d5a90 130%);
  border: 1px solid rgba(110,157,196,.28);
  padding: 28px 32px 32px;
  margin-top: 28px;
}
.detay .blok h2 { color: #fff; margin: 0 0 18px; }
.detay .blok h2::after { border-top-color: rgba(110,157,196,.45); }
.detay .tablo td { border-bottom: 1px solid rgba(110,157,196,.28); color: #fff; }
.detay .tablo td:first-child { color: rgba(255,255,255,.55); }
.detay .standart { color: rgba(255,255,255,.85); }
.detay .standart li { color: rgba(255,255,255,.85); }
.bos { color: var(--gri); }

.dunya a { background: linear-gradient(165deg, #0a1422 0%, #102a4a 55%, #1d5a90 130%); border: 1px solid rgba(110,157,196,.28); }
.dunya h3 { color: #fff; }
.dunya p { color: rgba(255,255,255,.78); }

/* ===== ADIMLAR + SSS koyu premium ===== */
.adimlar article { background: linear-gradient(165deg, #0a1422 0%, #102a4a 55%, #1d5a90 130%); border: 1px solid rgba(110,157,196,.28); border-radius: var(--kose); padding: 24px; }
.adimlar article::before { display: none; }
.adimlar h3 { color: #fff; }
.adimlar p { color: rgba(255,255,255,.78); }
.sss details { background: linear-gradient(165deg, #0a1422 0%, #102a4a 55%, #1d5a90 130%); border: 1px solid rgba(110,157,196,.28); border-radius: var(--kose); margin-bottom: 12px; padding: 0 22px; }
.sss summary { color: #fff; }
.sss details p { color: rgba(255,255,255,.78); }

/* kutu görselleri */
.gruplar article img.gorsel { display: block; width: calc(100% + 48px); max-width: none; height: 120px; object-fit: cover; margin: -26px -24px 18px; }
.gruplar article img.makine { display: block; height: 108px; width: auto; max-width: 82%; object-fit: contain; margin: 2px auto 16px; filter: drop-shadow(0 12px 18px rgba(0,0,0,.45)); }

/* ===== ZENGİN ÜRÜN KARTI ===== */
.urun { min-height: 0; height: auto; align-self: start; }
.urun .img {
  height: 200px; display: flex; align-items: center; justify-content: center;
  background: #f3f6fa;
  border-bottom: 1px solid rgba(110,157,196,.22);
  flex: 0 0 auto;
}
.urun .img img { max-height: 178px; max-width: 90%; object-fit: contain; transition: transform .6s cubic-bezier(.16,.84,.32,1); }
.urun:hover .img img { transform: scale(1.04); }
.urun .bos-img {
  font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase;
  color: rgba(15,23,42,.35); background: #e8eef5;
}
.urun .gv { padding: 14px 16px 16px; flex: 0 1 auto; display: flex; flex-direction: column; gap: 0; }
.urun h3 { margin: 0; font-size: 20px; color: #fff; letter-spacing: 0.01em; }
.urun .alt { margin: 4px 0 0 !important; padding: 0 !important; min-height: 0 !important; font-size: 13px; color: rgba(255,255,255,.62); line-height: 1.35; background: none !important; border: 0 !important; }
.urun .oz { margin: 12px 0 !important; padding: 0 !important; list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 7px; border-top: 0 !important; }
.urun .oz li {
  font-family: var(--mono); font-size: 12px; color: #fff;
  display: flex; flex-direction: column; gap: 2px; padding: 8px 10px;
  background: rgba(9,18,32,.65); border: 1px solid rgba(110,157,196,.28); border-radius: 0;
}
.urun .oz li i { display: none; }
.urun .oz li em {
  font-style: normal; font-size: 10px; letter-spacing: .06em; text-transform: uppercase;
  color: #9fc1e8; font-family: var(--govde); font-weight: 500;
}
.urun .oz li span { color: #fff; }
.urun .detay-btn {
  margin-top: 2px; align-self: flex-start; display: inline-flex; align-items: center;
  background: var(--mavi); color: #fff; border: 0; border-radius: 0;
  padding: 9px 14px; font-size: 13px; font-weight: 600; transition: background .2s;
}
.urun:hover .detay-btn { background: var(--mavi-koyu); }

/* katalog sayfa zemin + arama alanı */
body[data-sayfa="urunler"] .sayfa { padding-top: 28px; }
body[data-sayfa="urunler"] .sayfa-bas h2 { color: var(--murekkep); }
body[data-sayfa="urunler"] .ara {
  background: #fff; border: 1px solid var(--cizgi); color: var(--murekkep);
}
body[data-sayfa="urunler"] .izgara { gap: 20px; align-items: start; }

.adimlar article img.gorsel { display: block; width: calc(100% + 48px); max-width: none; height: 110px; object-fit: cover; margin: -24px -24px 14px; }

a.dd-btn { text-decoration: none; }

.mensei { margin: 12px 0 0; font-size: 13px; color: rgba(255,255,255,.55); }

/* ===== KATALOG V2 — liste deneyimi ===== */
.katalog-giris .katalog-ipuclari {
  display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 22px;
}
.katalog-giris .katalog-ipuclari span {
  font-size: 13px; color: var(--gri); padding-left: 14px; position: relative;
}
.katalog-giris .katalog-ipuclari span::before {
  content: ""; position: absolute; left: 0; top: 7px; width: 6px; height: 6px;
  background: var(--mavi);
}
.katalog-sayfa .sayfa-bas h2 {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 14px;
}
.katalog-sayfa .kat-ad { font-size: inherit; }
.katalog-sayfa .kat-adet {
  font-family: var(--mono); font-size: 14px; font-weight: 500; color: var(--mavi);
}
.katalog-sayfa .kat-acik {
  flex: 1 1 100%; font-size: 15px; font-weight: 400; color: var(--gri); letter-spacing: 0;
}
.katalog-sayfa .kat-acik::after { display: none; }
.katalog-sayfa .sayfa-bas h2::after { width: 56px; }

.secim-rehber { padding: 8px max(20px, calc((100% - 1280px) / 2)) 56px; }
.rehber-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;
  max-width: 1280px; margin: 0 auto;
}
.rehber-grid article {
  background: linear-gradient(165deg, #0a1422 0%, #102a4a 55%, #1d5a90 130%);
  border: 1px solid rgba(110,157,196,.28); padding: 26px 24px;
  transition: transform .25s, border-color .25s;
}
.rehber-grid article:hover { transform: translateY(-4px); border-color: rgba(110,157,196,.7); }
.rehber-grid em {
  display: block; font-style: normal; font-family: var(--mono); font-size: 12px;
  letter-spacing: .16em; color: #9fc1e8; margin-bottom: 10px;
}
.rehber-grid h3 { color: #fff; margin: 0 0 8px; font-size: 20px; }
.rehber-grid p { margin: 0; color: rgba(255,255,255,.78); font-size: 14.5px; line-height: 1.55; }
@media (max-width: 900px) { .rehber-grid { grid-template-columns: 1fr; } }

/* kart shine + rozet */
.urun { position: relative; overflow: hidden; }
.urun::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,.08) 48%, transparent 62%);
  transform: translateX(-120%); transition: transform .8s cubic-bezier(.16,.84,.32,1);
}
.urun:hover::after { transform: translateX(120%); }
.urun:hover { transform: translateY(-6px); }
.urun-rozet {
  display: inline-block; align-self: flex-start; margin: 0 0 8px;
  font-size: 11px; letter-spacing: .08em;
  /* Büyük harf JS'te ASCII (CHINA); TR locale uppercase "CHİNA" yapar — kullanma */
  text-transform: none;
  color: #9fc1e8; border: 1px solid rgba(110,157,196,.35); padding: 4px 8px;
}
.urun .detay-btn .ok { margin-left: 6px; transition: transform .2s; }
.urun:hover .detay-btn .ok { transform: translateX(3px); }

/* ===== DETAY V2 ===== */
.detay { position: relative; }
.detay-ilerleme {
  position: fixed; top: 0; left: 0; right: 0; height: 2px; z-index: 80;
  background: transparent; pointer-events: none;
}
.detay-ilerleme i {
  display: block; height: 100%; width: 0; background: var(--mavi);
  transition: width .05s linear;
}
.detay .kirinti span { color: var(--murekkep); font-weight: 500; }

.detay-ust .foto,
.detay-ust .zum-btn.foto {
  min-height: 520px; display: flex; align-items: center; justify-content: center;
  padding: 36px; background: #f3f6fa; border: 0; cursor: zoom-in; position: relative;
  width: 100%;
}
.detay-ust .zum-btn.foto img { max-height: 460px; max-width: 92%; object-fit: contain; transition: transform .5s cubic-bezier(.16,.84,.32,1); }
.detay-ust .zum-btn.foto:hover img { transform: scale(1.04); }
.zum-ipucu {
  position: absolute; right: 16px; bottom: 16px; font-size: 12px; font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase; color: var(--mavi);
  background: rgba(255,255,255,.92); border: 1px solid var(--cizgi-acik); padding: 7px 10px;
}
.bos-foto {
  min-height: 420px; display: grid; place-items: center; color: rgba(255,255,255,.5);
  background: rgba(9,18,32,.45); letter-spacing: .08em; text-transform: uppercase; font-size: 13px;
}
.detay-bilgi { padding: 40px 40px; display: flex; flex-direction: column; justify-content: center; }
.meta-satir { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 4px; }
.meta-chip {
  font-size: 12px; color: rgba(255,255,255,.75); border: 1px solid rgba(110,157,196,.3);
  padding: 6px 10px; letter-spacing: .02em;
}
.hizli-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 18px 0 22px;
}
.hizli {
  background: rgba(9,18,32,.45); border: 1px solid rgba(110,157,196,.25); padding: 12px 14px;
}
.hizli em {
  display: block; font-style: normal; font-size: 11px; letter-spacing: .08em;
  text-transform: uppercase; color: #9fc1e8; margin-bottom: 4px;
}
.hizli b { font-family: var(--mono); font-weight: 500; font-size: 16px; color: #fff; }
.detay-cta {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: stretch;
  width: 100%;
}
.detay-cta > a {
  flex: 1 1 0;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  min-width: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 13.5px;
  box-sizing: border-box;
}
.btn-dolu {
  display: inline-flex; align-items: center; background: var(--mavi); color: #fff;
  padding: 13px 22px; font-weight: 600; font-size: 14.5px; border: 0;
  transition: background .2s, transform .2s;
}
.btn-dolu:hover { background: var(--mavi-koyu); transform: translateY(-1px); }
.btn-ghost {
  display: inline-flex; align-items: center; color: #fff;
  border: 1px solid rgba(110,157,196,.45); padding: 12px 18px; font-weight: 600; font-size: 14px;
  transition: border-color .2s, background .2s;
}
.btn-ghost:hover { border-color: #9fc1e8; background: rgba(30,94,150,.2); }
/* 3. CTA: dolu ≠ ghost — açık dolgu */
.btn-soft,
.btn-link {
  display: inline-flex; align-items: center;
  background: var(--buz-acik); color: var(--mavi);
  border: 1px solid var(--cizgi);
  padding: 12px 18px; font-weight: 600; font-size: 14px;
  transition: border-color .2s, background .2s, color .2s;
}
.btn-soft:hover,
.btn-link:hover {
  background: #e8f1f8;
  border-color: var(--mavi);
  color: var(--mavi-koyu);
}

.altnav .nav-cta {
  background: var(--mavi); color: #fff !important; margin-left: 4px;
}
.altnav .nav-cta:hover { background: var(--mavi-koyu) !important; color: #fff !important; }

.blok-acik { margin: -6px 0 18px; color: rgba(255,255,255,.65); font-size: 14.5px; }
.blok-baslik { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.blok-baslik h2 { margin: 0; }
.tablo-ara {
  width: min(280px, 100%); padding: 10px 14px; border: 1px solid rgba(110,157,196,.35);
  background: rgba(9,18,32,.45); color: #fff; outline: none; font-size: 14px;
}
.tablo-ara::placeholder { color: rgba(255,255,255,.45); }
.tablo-ara:focus { border-color: #6eb9ff; box-shadow: 0 0 0 3px rgba(110,157,196,.2); }

.metrik-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;
}
.metrik {
  background: rgba(9,18,32,.5); border: 1px solid rgba(110,157,196,.25); padding: 16px 16px;
}
.metrik em {
  display: block; font-style: normal; font-size: 11.5px; letter-spacing: .06em;
  text-transform: uppercase; color: #9fc1e8; margin-bottom: 6px;
}
.metrik b { font-family: var(--mono); font-weight: 500; font-size: 17px; color: #fff; line-height: 1.35; }
@media (max-width: 900px) {
  .metrik-grid { grid-template-columns: 1fr 1fr; }
  .hizli-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) { .metrik-grid { grid-template-columns: 1fr; } }

.guven-serit {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;
  margin: 28px 0 8px;
}
.guven-serit > div {
  background: linear-gradient(165deg, #0a1422 0%, #102a4a 70%, #1d5a90 140%);
  border: 1px solid rgba(110,157,196,.28); padding: 18px 18px;
}
.guven-serit strong { display: block; color: #fff; font-size: 15px; margin-bottom: 4px; }
.guven-serit span { color: rgba(255,255,255,.65); font-size: 13.5px; }
@media (max-width: 800px) { .guven-serit { grid-template-columns: 1fr; } }

.yapiskan {
  display: none !important; /* kaldırıldı — sayfa içi CTA yeterli */
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 70;
  transform: translateY(110%);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: transform .35s cubic-bezier(.16,.84,.32,1), opacity .25s ease, visibility 0s linear .35s;
  background: rgba(10,20,34,.94); border-top: 1px solid rgba(110,157,196,.35);
  backdrop-filter: blur(14px);
}
.yapiskan.gorunur {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transition: transform .35s cubic-bezier(.16,.84,.32,1), opacity .25s ease, visibility 0s linear 0s;
}
.yapiskan.footer-gizle {
  transform: translateY(110%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
.yapiskan-in {
  max-width: 1280px; margin: 0 auto; padding: 12px max(16px, calc((100% - 1280px) / 2));
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
}
.yapiskan-model strong { display: block; color: #fff; font-size: 16px; }
.yapiskan-model span { color: rgba(255,255,255,.6); font-size: 13px; }
.yapiskan-aksiyon { display: flex; gap: 10px; flex-wrap: wrap; }

/* lightbox */
.zum {
  position: fixed; inset: 0; z-index: 100; background: rgba(7,12,20,.92);
  display: none; align-items: center; justify-content: center; padding: 24px;
}
.zum.acik { display: flex; }
.zum img { max-width: min(1100px, 94vw); max-height: 88vh; object-fit: contain; }
.zum-kapat {
  position: absolute; top: 18px; right: 22px; width: 44px; height: 44px;
  border: 1px solid rgba(255,255,255,.25); background: transparent; color: #fff;
  font-size: 28px; line-height: 1; cursor: pointer;
}
.zum-kapat:hover { border-color: #fff; }

@media (max-width: 800px) {
  .detay-ust .foto, .detay-ust .zum-btn.foto { min-height: 300px; padding: 20px; }
  .detay-bilgi { padding: 28px 22px; }
}

/* ============================================================
   KATALOG / DETAY V3 — CESUR ATMOSFER
   Marka: #1E5E96 · lacivert · buz · koyu premium (mor/kırmızı yok)
   ============================================================ */

body[data-sayfa="urunler"],
body[data-sayfa="urun"] {
  background:
    radial-gradient(1200px 640px at 12% -10%, rgba(30,94,150,.38), transparent 60%),
    radial-gradient(900px 520px at 88% 8%, rgba(110,157,196,.18), transparent 55%),
    radial-gradient(800px 600px at 50% 110%, rgba(22,63,107,.35), transparent 50%),
    linear-gradient(180deg, #070d16 0%, #0b1524 42%, #0e1c30 100%);
  color: rgba(255,255,255,.82);
}
body[data-sayfa="urunler"] .ust,
body[data-sayfa="urun"] .ust {
  background: rgba(8,14,24,.88);
  border-bottom-color: rgba(30,94,150,.85);
}
body[data-sayfa="urunler"] .ust.kaydi,
body[data-sayfa="urun"] .ust.kaydi {
  background: rgba(8,14,24,.96);
  box-shadow: 0 16px 40px -20px rgba(0,0,0,.65);
}
body[data-sayfa="urunler"] .nav > a,
body[data-sayfa="urunler"] .dd-btn,
body[data-sayfa="urun"] .nav > a,
body[data-sayfa="urun"] .dd-btn { color: rgba(255,255,255,.78); }
body[data-sayfa="urunler"] .nav > a:hover,
body[data-sayfa="urunler"] .dd-btn:hover,
body[data-sayfa="urun"] .nav > a:hover,
body[data-sayfa="urun"] .dd-btn:hover { color: #fff; }
body[data-sayfa="urunler"] .arama,
body[data-sayfa="urun"] .arama {
  background: rgba(255,255,255,.06); border-color: rgba(110,157,196,.35); color: #fff;
}
body[data-sayfa="urunler"] h1,
body[data-sayfa="urunler"] h2,
body[data-sayfa="urun"] h1,
body[data-sayfa="urun"] h2 { color: #fff; }
body[data-sayfa="urunler"] .blok-bas p,
body[data-sayfa="urunler"] .giris p { color: rgba(255,255,255,.68); }
body[data-sayfa="urunler"] .blok-bas h2::after,
body[data-sayfa="urunler"] .giris h1::after,
body[data-sayfa="urunler"] .sayfa-bas h2::after,
body[data-sayfa="urun"] .detay h1::after {
  border-top-color: rgba(110,157,196,.55);
}

/* --- katalog hero band --- */
body[data-sayfa="urunler"] .katalog-giris {
  position: relative;
  padding: clamp(36px, 5vw, 64px) max(20px, calc((100% - 1280px) / 2)) clamp(28px, 4vw, 44px);
  overflow: hidden;
}
body[data-sayfa="urunler"] .katalog-giris::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(135deg, rgba(30,94,150,.22), transparent 42%),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: auto, 56px 56px;
  opacity: .55;
  mask-image: linear-gradient(180deg, #000 40%, transparent);
}
body[data-sayfa="urunler"] .katalog-giris > * { position: relative; }
body[data-sayfa="urunler"] .katalog-giris .ust-etiket {
  color: #9fc1e8; letter-spacing: .22em;
}
body[data-sayfa="urunler"] .katalog-giris h1 {
  font-size: clamp(40px, 6.5vw, 68px); letter-spacing: -0.02em;
  text-shadow: 0 12px 40px rgba(0,0,0,.35);
}
body[data-sayfa="urunler"] .katalog-ipuclari span {
  color: rgba(255,255,255,.72);
  border: 1px solid rgba(110,157,196,.32);
  background: rgba(9,18,32,.45);
  padding: 8px 12px 8px 22px;
}
body[data-sayfa="urunler"] .katalog-ipuclari span::before {
  left: 10px; top: 50%; transform: translateY(-50%);
  width: 7px; height: 7px; box-shadow: 0 0 12px rgba(30,94,150,.9);
}

/* sekme koyu cam */
body[data-sayfa="urunler"] .sekme-kutu {
  background: rgba(6,12,22,.82);
  border-bottom: 1px solid rgba(110,157,196,.35);
  box-shadow: 0 18px 40px -28px rgba(0,0,0,.7);
}
body[data-sayfa="urunler"] .sekme button {
  color: rgba(255,255,255,.5); border-bottom-width: 2px;
}
body[data-sayfa="urunler"] .sekme button:hover { color: #fff; }
body[data-sayfa="urunler"] .sekme button.aktif {
  color: #fff; border-bottom-color: #6eb9ff;
  text-shadow: 0 0 24px rgba(110,185,255,.35);
}
body[data-sayfa="urunler"] .sekme b { color: #9fc1e8; }

/* sayfa baş + arama */
body[data-sayfa="urunler"] .katalog-sayfa { padding-top: 32px; }
body[data-sayfa="urunler"] .sayfa-bas h2 { color: #fff; }
body[data-sayfa="urunler"] .kat-adet {
  color: #9fc1e8; border: 1px solid rgba(110,157,196,.35);
  padding: 3px 10px; font-size: 12.5px;
}
body[data-sayfa="urunler"] .kat-acik { color: rgba(255,255,255,.55) !important; }
body[data-sayfa="urunler"] .ara {
  background: rgba(9,18,32,.65); border: 1px solid rgba(110,157,196,.4);
  color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}
body[data-sayfa="urunler"] .ara:focus {
  border-color: #6eb9ff; box-shadow: 0 0 0 3px rgba(110,157,196,.25);
}
body[data-sayfa="urunler"] .ara::placeholder { color: rgba(255,255,255,.4); }

/* --- ürün kartı: glow + çerçeve çizgisi --- */
body[data-sayfa="urunler"] .urun {
  position: relative;
  background:
    radial-gradient(120% 90% at 50% -10%, rgba(110,157,196,.28), transparent 55%),
    linear-gradient(165deg, #08111d 0%, #102a4a 48%, #1a4f80 125%);
  border: 1px solid rgba(110,157,196,.38);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 28px 50px -30px rgba(0,0,0,.75);
}
body[data-sayfa="urunler"] .urun::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1;
  background: radial-gradient(70% 55% at 50% 0%, rgba(30,94,150,.35), transparent 70%);
  opacity: .85;
}
body[data-sayfa="urunler"] .urun .img,
body[data-sayfa="urunler"] .urun .gv { position: relative; z-index: 2; }
body[data-sayfa="urunler"] .urun .img {
  height: 220px;
  background:
    radial-gradient(80% 70% at 50% 40%, rgba(30,94,150,.18), transparent 70%),
    linear-gradient(180deg, #eef3f8 0%, #d9e4f0 100%);
  border-bottom: 1px solid rgba(110,157,196,.35);
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.35);
}
body[data-sayfa="urunler"] .urun .oz li {
  position: relative;
  background: rgba(4,10,18,.55);
  border: 1px solid rgba(110,157,196,.3);
  box-shadow: inset 3px 0 0 #1e5e96;
}
body[data-sayfa="urunler"] .urun .oz li em { color: #b7d4ef; }
body[data-sayfa="urunler"] .urun-rozet {
  background: rgba(30,94,150,.25); border-color: rgba(110,185,255,.45);
  color: #cfe4f7; box-shadow: 0 0 16px rgba(30,94,150,.25);
}
body[data-sayfa="urunler"] .urun .detay-btn {
  box-shadow: 0 10px 24px -12px rgba(30,94,150,.9);
}
body[data-sayfa="urunler"] .urun:hover {
  border-color: rgba(155,198,232,.85);
  box-shadow:
    0 0 0 1px rgba(110,185,255,.18) inset,
    0 34px 70px -28px rgba(30,94,150,.55),
    0 0 40px rgba(30,94,150,.18);
}

/* rehber kutuları */
body[data-sayfa="urunler"] .rehber-grid article {
  position: relative; overflow: hidden;
  border: 1px solid rgba(110,157,196,.4);
  box-shadow: 0 24px 48px -30px rgba(0,0,0,.7);
}
body[data-sayfa="urunler"] .rehber-grid article::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: linear-gradient(180deg, #6eb9ff, #1e5e96);
}
body[data-sayfa="urunler"] .rehber-grid article::after {
  content: ""; position: absolute; right: -20%; top: -30%; width: 160px; height: 160px;
  background: radial-gradient(circle, rgba(110,185,255,.2), transparent 70%);
  pointer-events: none;
}
body[data-sayfa="urunler"] .secim-rehber .blok-bas h2 { color: #fff; }

/* gruplar / sss koyu sayfada net */
body[data-sayfa="urunler"] .gruplar article {
  box-shadow: 0 24px 48px -28px rgba(0,0,0,.65);
  border-color: rgba(110,157,196,.4);
}
body[data-sayfa="urunler"] .sss details {
  border-color: rgba(110,157,196,.4);
  box-shadow: 0 18px 40px -28px rgba(0,0,0,.6);
}
body[data-sayfa="urunler"] .sss summary { color: #fff; }
body[data-sayfa="urunler"] .bos { color: rgba(255,255,255,.55); }

/* --- DETAY sayfa atmosfer --- */
body[data-sayfa="urun"] .detay {
  padding-top: clamp(24px, 3vw, 40px);
}
body[data-sayfa="urun"] .detay .kirinti { color: rgba(255,255,255,.55); }
body[data-sayfa="urun"] .detay .kirinti a:hover { color: #9fc1e8; }
body[data-sayfa="urun"] .detay .kirinti span { color: #fff; }

body[data-sayfa="urun"] .detay-ust {
  position: relative;
  border: 1px solid rgba(110,157,196,.45);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 40px 80px -40px rgba(0,0,0,.85),
    0 0 80px rgba(30,94,150,.12);
  overflow: hidden;
}
body[data-sayfa="urun"] .detay-ust::before {
  content: ""; position: absolute; inset: auto -10% -40% auto; width: 420px; height: 420px;
  background: radial-gradient(circle, rgba(110,185,255,.2), transparent 70%);
  pointer-events: none; z-index: 0;
}
body[data-sayfa="urun"] .detay-ust > * { position: relative; z-index: 1; }
body[data-sayfa="urun"] .detay-ust .zum-btn.foto,
body[data-sayfa="urun"] .detay-ust .foto {
  background:
    radial-gradient(70% 60% at 50% 45%, rgba(30,94,150,.14), transparent 70%),
    linear-gradient(165deg, #f7fafc 0%, #dce8f2 55%, #c5d7e8 100%);
  border-right: 1px solid rgba(110,157,196,.35);
}
body[data-sayfa="urun"] .detay-bilgi {
  background:
    radial-gradient(90% 80% at 100% 0%, rgba(110,185,255,.16), transparent 55%),
    linear-gradient(165deg, #08111d 0%, #102a4a 50%, #1a5084 130%);
}
body[data-sayfa="urun"] .meta-chip {
  background: rgba(4,10,18,.35);
  border-color: rgba(110,185,255,.35);
  color: rgba(255,255,255,.85);
}
body[data-sayfa="urun"] .hizli {
  background: rgba(4,10,18,.5);
  border: 1px solid rgba(110,157,196,.35);
  box-shadow: inset 3px 0 0 #6eb9ff;
}
body[data-sayfa="urun"] .btn-dolu {
  box-shadow: 0 14px 34px -14px rgba(30,94,150,.95);
}
body[data-sayfa="urun"] .btn-ghost {
  background: rgba(255,255,255,.03);
  border-color: rgba(155,198,232,.5);
}
body[data-sayfa="urun"] .altnav {
  background: rgba(6,12,22,.9);
  border: 1px solid rgba(110,157,196,.4);
  box-shadow: 0 16px 36px -24px rgba(0,0,0,.7);
}

body[data-sayfa="urun"] .detay .blok {
  position: relative;
  background:
    radial-gradient(80% 60% at 0% 0%, rgba(30,94,150,.28), transparent 55%),
    linear-gradient(165deg, #08111d 0%, #102a4a 55%, #184878 130%);
  border: 1px solid rgba(110,157,196,.42);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 30px 60px -34px rgba(0,0,0,.75);
}
body[data-sayfa="urun"] .detay .blok::before {
  content: ""; position: absolute; left: 0; top: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, #6eb9ff, #1e5e96 40%, transparent 80%);
}
body[data-sayfa="urun"] .metrik {
  background: rgba(4,10,18,.55);
  border: 1px solid rgba(110,157,196,.32);
  box-shadow: inset 3px 0 0 #1e5e96;
  transition: border-color .2s, transform .2s;
}
body[data-sayfa="urun"] .metrik:hover {
  border-color: rgba(155,198,232,.65);
  transform: translateY(-2px);
}
body[data-sayfa="urun"] .guven-serit > div {
  position: relative;
  border: 1px solid rgba(110,157,196,.4);
  box-shadow: 0 22px 44px -28px rgba(0,0,0,.7);
}
body[data-sayfa="urun"] .guven-serit > div::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: linear-gradient(180deg, #9fc1e8, #1e5e96);
}
body[data-sayfa="urun"] .tablo tr:hover td {
  background: rgba(30,94,150,.12);
}
body[data-sayfa="urun"] .standart li {
  position: relative; padding-left: 4px;
}
body[data-sayfa="urun"] .standart li::marker { color: #6eb9ff; }

body[data-sayfa="urun"] .yapiskan {
  background: rgba(6,12,22,.94);
  border-top: 1px solid rgba(110,185,255,.35);
  box-shadow: 0 -20px 50px -30px rgba(0,0,0,.8);
}
body[data-sayfa="urun"] .detay-ilerleme i {
  background: linear-gradient(90deg, #6eb9ff, #1e5e96);
  box-shadow: 0 0 12px rgba(110,185,255,.55);
}

body[data-sayfa="urunler"] .ustbar,
body[data-sayfa="urun"] .ustbar {
  background: #050a12; border-bottom: 1px solid rgba(110,157,196,.2);
}
body[data-sayfa="urunler"] .ustbar a,
body[data-sayfa="urun"] .ustbar a,
body[data-sayfa="urunler"] .ustbar-tel,
body[data-sayfa="urun"] .ustbar-tel,
body[data-sayfa="urunler"] .dil-btn,
body[data-sayfa="urun"] .dil-btn { color: rgba(255,255,255,.65); }

/* V3+ — ekstra vurgu: renkli kutu dolguları + çizgi dili */
body[data-sayfa="urunler"] .katalog-giris > * {
  opacity: 1 !important; transform: none !important; animation: none !important;
}
body[data-sayfa="urunler"] .urun .oz li {
  background: linear-gradient(135deg, rgba(30,94,150,.45), rgba(8,17,29,.75) 55%, rgba(16,42,74,.9));
  border-color: rgba(155,198,232,.4);
  box-shadow: inset 3px 0 0 #6eb9ff, 0 8px 18px -14px rgba(0,0,0,.8);
}
body[data-sayfa="urunler"] .urun .oz li span {
  font-size: 13.5px; letter-spacing: 0.01em;
}
body[data-sayfa="urun"] .hizli,
body[data-sayfa="urun"] .metrik {
  background: linear-gradient(145deg, rgba(40,110,170,.42), rgba(8,17,29,.82) 60%);
  border-color: rgba(155,198,232,.42);
  box-shadow: inset 3px 0 0 #6eb9ff, inset 0 1px 0 rgba(255,255,255,.06);
}
body[data-sayfa="urun"] .hizli b,
body[data-sayfa="urun"] .metrik b {
  background: linear-gradient(180deg, #fff, #b7d4ef);
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
  body[data-sayfa="urun"] .hizli b,
  body[data-sayfa="urun"] .metrik b { color: #fff; -webkit-text-fill-color: #fff; }
}
body[data-sayfa="urunler"] .urun .img {
  outline: 1px solid rgba(110,157,196,.25);
  outline-offset: -1px;
}
body[data-sayfa="urun"] .detay .blok {
  background:
    radial-gradient(90% 70% at 0% 0%, rgba(110,185,255,.22), transparent 50%),
    radial-gradient(70% 60% at 100% 100%, rgba(30,94,150,.25), transparent 55%),
    linear-gradient(165deg, #07101c 0%, #123255 52%, #1a5a92 130%);
}
body[data-sayfa="urunler"] .katalog-ipuclari span {
  background: linear-gradient(135deg, rgba(30,94,150,.35), rgba(8,17,29,.7));
  border-color: rgba(155,198,232,.4);
  box-shadow: 0 10px 24px -18px rgba(0,0,0,.8);
}

/* ============================================================
   KATEGORİ PANELİ — modern chip ray
   ============================================================ */
.kat-panel {
  position: sticky; top: var(--ust); z-index: 55;
  padding: 0 max(16px, calc((100% - 1280px) / 2));
  background: transparent;
}
.kat-panel-in {
  margin: 0 auto; max-width: 1280px;
  background:
    radial-gradient(90% 120% at 0% 0%, rgba(110,185,255,.14), transparent 50%),
    linear-gradient(165deg, rgba(8,17,29,.96), rgba(16,42,74,.92));
  border: 1px solid rgba(110,157,196,.42);
  border-top: 2px solid #6eb9ff;
  box-shadow: 0 24px 50px -28px rgba(0,0,0,.75);
  padding: 16px 16px 14px;
  backdrop-filter: blur(16px) saturate(1.2);
}
.kat-panel-bas {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 12px;
  margin-bottom: 12px; padding: 0 4px;
}
.kat-panel-etiket {
  margin: 0; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: #9fc1e8;
}
.kat-panel-baslik {
  margin: 4px 0 0; font-size: 18px; font-weight: 700; color: #fff;
}
.kat-panel-not {
  margin: 0; font-size: 12.5px; color: rgba(255,255,255,.45);
}
.kat-ray-wrap { display: grid; grid-template-columns: 40px 1fr 40px; gap: 8px; align-items: center; }
.kat-ok {
  width: 40px; height: 40px; border: 1px solid rgba(110,157,196,.4);
  background: rgba(4,10,18,.55); color: #fff; font-size: 22px; line-height: 1;
  cursor: pointer; transition: background .2s, border-color .2s;
}
.kat-ok:hover { border-color: #6eb9ff; background: rgba(30,94,150,.35); }
.kat-ray,
body[data-sayfa="urunler"] .sekme.kat-ray {
  display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory;
  padding: 4px 2px 8px; scrollbar-width: none;
  mask-image: linear-gradient(90deg, transparent, #000 16px, #000 calc(100% - 16px), transparent);
}
.kat-ray::-webkit-scrollbar { display: none; }

.kat-chip {
  flex: 0 0 auto; scroll-snap-align: start;
  min-width: 168px; max-width: 210px;
  text-align: left; cursor: pointer;
  border: 1px solid rgba(110,157,196,.32);
  background:
    linear-gradient(160deg, rgba(20,48,78,.55), rgba(8,17,29,.8));
  color: #fff; padding: 12px 14px;
  transition: border-color .2s, transform .2s, box-shadow .25s, background .25s;
}
.kat-chip:hover {
  border-color: rgba(155,198,232,.65);
  transform: translateY(-2px);
  box-shadow: 0 16px 30px -22px rgba(30,94,150,.7);
}
.kat-chip.aktif {
  border-color: rgba(110,185,255,.85);
  background:
    radial-gradient(120% 100% at 0% 0%, rgba(110,185,255,.28), transparent 55%),
    linear-gradient(160deg, rgba(30,94,150,.7), rgba(10,24,42,.92));
  box-shadow:
    0 0 0 1px rgba(110,185,255,.2) inset,
    0 18px 36px -20px rgba(30,94,150,.85);
}
.kat-chip.tum { min-width: 140px; }
.kat-ust {
  display: flex; align-items: center; gap: 8px; margin-bottom: 6px;
}
.kat-ikon { flex: 0 0 auto; color: #9fc1e8; opacity: .95; }
.kat-chip.aktif .kat-ikon { color: #d7ebff; }
.kat-ad {
  flex: 1 1 auto; font-size: 13.5px; font-weight: 700; line-height: 1.2;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.kat-say {
  flex: 0 0 auto; font-family: var(--mono); font-size: 11px; font-weight: 600;
  color: #9fc1e8; border: 1px solid rgba(110,157,196,.35);
  padding: 2px 7px; background: rgba(4,10,18,.35);
}
.kat-chip.aktif .kat-say {
  color: #071018; background: #6eb9ff; border-color: #6eb9ff;
}
.kat-alt {
  display: block; font-size: 11.5px; line-height: 1.35; color: rgba(255,255,255,.52);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.kat-chip.aktif .kat-alt { color: rgba(255,255,255,.78); }

/* eski sekme stillerini chip rayında ez */
body[data-sayfa="urunler"] .sekme-kutu { display: none; }
body[data-sayfa="urunler"] .sekme.kat-ray button.kat-chip {
  border-bottom: 1px solid rgba(110,157,196,.32);
  border-radius: 0; padding: 12px 14px; font-size: inherit; font-weight: inherit;
  color: #fff; white-space: normal;
}
body[data-sayfa="urunler"] .sekme.kat-ray button.kat-chip.aktif {
  border-bottom-color: rgba(110,185,255,.85);
}

.katalog-araclar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.gorunum {
  display: inline-flex; border: 1px solid rgba(110,157,196,.35); background: rgba(8,17,29,.55);
}
.gor-btn {
  width: 40px; height: 40px; border: 0; background: transparent; color: rgba(255,255,255,.55);
  cursor: pointer; font-size: 15px;
}
.gor-btn.aktif { color: #fff; background: rgba(30,94,150,.55); }
.gor-btn:hover { color: #fff; }

/* liste görünümü */
#liste.liste-modu {
  display: flex; flex-direction: column; gap: 12px;
}
#liste.liste-modu .urun {
  display: grid; grid-template-columns: 200px 1fr; align-items: stretch;
  min-height: 0;
}
#liste.liste-modu .urun .img { height: 100%; min-height: 140px; }
#liste.liste-modu .urun .oz { grid-template-columns: repeat(4, minmax(0, 1fr)); }
#liste.liste-modu .urun .gv { justify-content: center; }

@media (max-width: 900px) {
  .kat-ray-wrap { grid-template-columns: 1fr; }
  .kat-ok { display: none; }
  .kat-chip { min-width: 150px; }
  #liste.liste-modu .urun { grid-template-columns: 1fr; }
  #liste.liste-modu .urun .oz { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .kat-panel { padding: 0 12px; top: calc(var(--ust) - 4px); }
  .kat-panel-bas { flex-direction: column; align-items: flex-start; }
}


/* kategori + hero kontrast düzeltmesi */
body[data-sayfa="urunler"] .katalog-giris h1 {
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: 0 10px 40px rgba(0,0,0,.45);
}
/* Eski koyu kart metni kaldırıldı — açık zeminde beyaz yazı okunmaz */
body[data-sayfa="urunler"] .urun.reveal { opacity: 1; filter: none; transform: none; }
body[data-sayfa="urunler"] .urun.reveal:not(.aktif) { opacity: 1; filter: none; transform: none; }

/* ============================================================
   AÇIK TEMA — ürünler / ürün detay (siteyle uyumlu beyaz zemin)
   Mavi: vurgu · kutular: beyaz / buz · metin: mürekkep
   ============================================================ */

body[data-sayfa="urunler"],
body[data-sayfa="urun"] {
  background: var(--beyaz);
  color: var(--grafit);
}

body[data-sayfa="urunler"] .ust,
body[data-sayfa="urun"] .ust {
  background: rgba(255,255,255,.96);
  border-bottom-color: var(--mavi);
}
body[data-sayfa="urunler"] .ust.kaydi,
body[data-sayfa="urun"] .ust.kaydi {
  background: rgba(255,255,255,.98);
  box-shadow: 0 12px 28px -18px rgba(15,23,42,.18);
}
body[data-sayfa="urunler"] .nav > a,
body[data-sayfa="urunler"] .dd-btn,
body[data-sayfa="urun"] .nav > a,
body[data-sayfa="urun"] .dd-btn { color: var(--grafit); }
body[data-sayfa="urunler"] .nav > a:hover,
body[data-sayfa="urunler"] .dd-btn:hover,
body[data-sayfa="urun"] .nav > a:hover,
body[data-sayfa="urun"] .dd-btn:hover,
body[data-sayfa="urunler"] .nav > a[aria-current="page"],
body[data-sayfa="urun"] .nav > a[aria-current="page"] { color: var(--mavi); }
body[data-sayfa="urunler"] .arama,
body[data-sayfa="urun"] .arama {
  background: #fff; border-color: var(--cizgi-acik); color: var(--grafit);
}
body[data-sayfa="urunler"] .ustbar,
body[data-sayfa="urun"] .ustbar {
  background: #0b1220; border-bottom-color: rgba(255,255,255,.08);
}
body[data-sayfa="urunler"] .ustbar a,
body[data-sayfa="urun"] .ustbar a,
body[data-sayfa="urunler"] .ustbar-tel,
body[data-sayfa="urun"] .ustbar-tel,
body[data-sayfa="urunler"] .dil-btn,
body[data-sayfa="urun"] .dil-btn { color: rgba(255,255,255,.7); }

body[data-sayfa="urunler"] h1,
body[data-sayfa="urunler"] h2,
body[data-sayfa="urun"] h1,
body[data-sayfa="urun"] h2 { color: var(--murekkep); }
/* koyu CTA bandı — genel h2 mürekkep rengi ezmesin */
body[data-sayfa="urunler"] .cagri h2,
body[data-sayfa="urun"] .cagri h2 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
body[data-sayfa="urunler"] .cagri p,
body[data-sayfa="urun"] .cagri p {
  color: rgba(255,255,255,.92) !important;
}
body[data-sayfa="urunler"] .cagri .ust-etiket,
body[data-sayfa="urun"] .cagri .ust-etiket {
  color: var(--mavi-acik) !important;
}
body[data-sayfa="urunler"] .blok-bas p,
body[data-sayfa="urunler"] .giris p { color: var(--gri); }
body[data-sayfa="urunler"] .blok-bas h2::after,
body[data-sayfa="urunler"] .giris h1::after,
body[data-sayfa="urunler"] .sayfa-bas h2::after,
body[data-sayfa="urun"] .detay h1::after { border-top-color: var(--mavi); }

/* hero */
body[data-sayfa="urunler"] .katalog-giris {
  background:
    linear-gradient(180deg, var(--buz-acik) 0%, #fff 100%);
  border-bottom: 1px solid var(--cizgi-acik);
}
body[data-sayfa="urunler"] .katalog-giris::before {
  background:
    linear-gradient(135deg, rgba(30,94,150,.08), transparent 45%),
    linear-gradient(90deg, rgba(30,94,150,.06) 1px, transparent 1px);
  background-size: auto, 48px 48px;
  opacity: 1;
  mask-image: linear-gradient(180deg, #000 30%, transparent);
}
body[data-sayfa="urunler"] .katalog-giris .ust-etiket { color: var(--mavi); }
body[data-sayfa="urunler"] .katalog-giris h1 {
  color: var(--murekkep) !important;
  text-shadow: none !important;
}
body[data-sayfa="urunler"] .katalog-ipuclari span {
  color: var(--grafit);
  border: 1px solid var(--cizgi-acik);
  background: #fff;
  box-shadow: 0 8px 20px -16px rgba(22,63,107,.35);
  padding: 8px 12px 8px 22px;
}
body[data-sayfa="urunler"] .katalog-ipuclari span::before {
  background: var(--mavi);
  box-shadow: none;
}

/* kategori paneli — açık */
.kat-panel { background: transparent; }
.kat-panel-in {
  background: #fff;
  border: 1px solid var(--cizgi-acik);
  border-top: 3px solid var(--mavi);
  box-shadow: 0 18px 40px -28px rgba(22,63,107,.28);
  backdrop-filter: none;
}
.kat-panel-etiket { color: var(--mavi); }
.kat-panel-baslik { color: var(--murekkep); }
.kat-panel-not { color: var(--gri); }
.kat-ok {
  background: #fff; color: var(--mavi); border-color: var(--cizgi);
}
.kat-ok:hover { background: var(--buz-acik); border-color: var(--mavi); }
.kat-chip {
  background: var(--zemin);
  border: 1px solid var(--cizgi-acik);
  color: var(--murekkep);
  box-shadow: none;
}
.kat-chip:hover {
  border-color: var(--mavi-acik);
  background: #fff;
  box-shadow: 0 12px 24px -18px rgba(30,94,150,.45);
}
.kat-chip.aktif {
  background: linear-gradient(160deg, #fff 0%, var(--buz-acik) 100%);
  border-color: var(--mavi);
  box-shadow:
    0 0 0 1px rgba(30,94,150,.08) inset,
    0 14px 28px -18px rgba(30,94,150,.45);
}
.kat-ikon { color: var(--mavi); }
.kat-chip.aktif .kat-ikon { color: var(--mavi-koyu); }
.kat-ad { color: inherit; }
.kat-say {
  color: var(--mavi); background: #fff; border-color: var(--cizgi);
}
.kat-chip.aktif .kat-say {
  color: #fff; background: var(--mavi); border-color: var(--mavi);
}
.kat-alt { color: var(--gri); }
.kat-chip.aktif .kat-alt { color: var(--grafit); }
body[data-sayfa="urunler"] .sekme.kat-ray button.kat-chip {
  color: var(--murekkep);
  border-bottom: 1px solid var(--cizgi-acik);
}
body[data-sayfa="urunler"] .sekme.kat-ray button.kat-chip.aktif {
  border-bottom-color: var(--mavi);
}

.gorunum {
  border: 1px solid var(--cizgi); background: #fff;
}
.gor-btn { color: var(--gri); }
.gor-btn.aktif { color: #fff; background: var(--mavi); }
.gor-btn:hover { color: var(--mavi); }

body[data-sayfa="urunler"] .sayfa-bas h2 { color: var(--murekkep); }
body[data-sayfa="urunler"] .kat-adet {
  color: var(--mavi); border: 1px solid var(--cizgi); background: #fff;
}
body[data-sayfa="urunler"] .kat-acik { color: var(--gri) !important; }
body[data-sayfa="urunler"] .ara {
  background: #fff; border: 1px solid var(--cizgi); color: var(--murekkep);
  box-shadow: none;
}
body[data-sayfa="urunler"] .ara:focus {
  border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(30,94,150,.12);
}
body[data-sayfa="urunler"] .ara::placeholder { color: var(--gri); }
body[data-sayfa="urunler"] .bos { color: var(--gri); }

/* ürün kartı — beyaz */
body[data-sayfa="urunler"] .urun,
.urun {
  background: #fff !important;
  border: 1px solid var(--cizgi-acik) !important;
  box-shadow: 0 14px 32px -26px rgba(15,23,42,.35);
}
body[data-sayfa="urunler"] .urun::before { display: none; }
body[data-sayfa="urunler"] .urun .img,
.urun .img {
  background: linear-gradient(180deg, #f7fafc 0%, #eef3f8 100%) !important;
  border-bottom: 1px solid var(--cizgi-acik) !important;
  outline: none !important;
  box-shadow: none !important;
}
body[data-sayfa="urunler"] .urun h3,
.urun h3 { color: var(--murekkep) !important; }
body[data-sayfa="urunler"] .urun .alt,
.urun .alt { color: var(--gri) !important; }
body[data-sayfa="urunler"] .urun .gv,
.urun .gv,
body[data-sayfa="urunler"] .urun .oz li span,
body[data-sayfa="urun"] .urun .oz li span,
.urun .oz li span { color: var(--murekkep) !important; }
body[data-sayfa="urunler"] .urun .oz li,
body[data-sayfa="urun"] .urun .oz li,
.urun .oz li {
  background: var(--zemin) !important;
  border: 1px solid var(--cizgi-acik) !important;
  box-shadow: inset 3px 0 0 var(--mavi) !important;
  color: var(--murekkep) !important;
}
body[data-sayfa="urunler"] .urun .oz li em,
body[data-sayfa="urun"] .urun .oz li em,
.urun .oz li em { color: var(--mavi) !important; }
body[data-sayfa="urunler"] .urun-rozet,
.urun-rozet {
  color: var(--mavi) !important;
  border-color: var(--cizgi) !important;
  background: var(--buz-acik) !important;
  box-shadow: none !important;
}
body[data-sayfa="urunler"] .urun:hover {
  border-color: var(--mavi-acik) !important;
  box-shadow: 0 28px 50px -30px rgba(30,94,150,.35) !important;
}

/* rehber / gruplar / sss — açık */
body[data-sayfa="urunler"] .rehber-grid article,
.rehber-grid article {
  background: #fff !important;
  border: 1px solid var(--cizgi-acik) !important;
  box-shadow: 0 14px 32px -26px rgba(15,23,42,.25);
}
body[data-sayfa="urunler"] .rehber-grid article::before {
  background: linear-gradient(180deg, var(--mavi-acik), var(--mavi));
}
body[data-sayfa="urunler"] .rehber-grid article::after { display: none; }
.rehber-grid em { color: var(--mavi) !important; }
.rehber-grid h3 { color: var(--murekkep) !important; }
.rehber-grid p { color: var(--grafit) !important; }
body[data-sayfa="urunler"] .secim-rehber .blok-bas h2 { color: var(--murekkep); }

body[data-sayfa="urunler"] .gruplar article,
.gruplar article {
  background: #fff !important;
  border: 1px solid var(--cizgi-acik) !important;
  box-shadow: 0 14px 32px -26px rgba(15,23,42,.22);
}
.gruplar article h3 { color: var(--murekkep) !important; }
.gruplar article p { color: var(--grafit) !important; }
.gruplar article:hover {
  border-color: var(--mavi-acik) !important;
  box-shadow: 0 24px 44px -28px rgba(30,94,150,.28) !important;
}

body[data-sayfa="urunler"] .sss details,
.sss details {
  background: #fff !important;
  border: 1px solid var(--cizgi-acik) !important;
  box-shadow: none;
}
body[data-sayfa="urunler"] .sss summary,
.sss summary { color: var(--murekkep) !important; }
.sss details p { color: var(--grafit) !important; }

.adimlar article {
  background: #fff !important;
  border: 1px solid var(--cizgi-acik) !important;
}
.adimlar h3 { color: var(--murekkep) !important; }
.adimlar p { color: var(--grafit) !important; }

/* detay — açık */
body[data-sayfa="urun"] .detay .kirinti { color: var(--gri); }
body[data-sayfa="urun"] .detay .kirinti a:hover { color: var(--mavi); }
body[data-sayfa="urun"] .detay .kirinti span { color: var(--murekkep); }

body[data-sayfa="urun"] .detay-ust {
  border: 1px solid var(--cizgi-acik);
  box-shadow: 0 24px 50px -34px rgba(15,23,42,.3);
  background: #fff;
}
body[data-sayfa="urun"] .detay-ust::before { display: none; }
body[data-sayfa="urun"] .detay-ust .zum-btn.foto,
body[data-sayfa="urun"] .detay-ust .foto {
  background: linear-gradient(165deg, #f7fafc 0%, #e8f0f7 100%);
  border-right: 1px solid var(--cizgi-acik);
}
body[data-sayfa="urun"] .detay-bilgi,
.detay-ust > div:last-child {
  background: #fff !important;
}
body[data-sayfa="urun"] .detay h1,
.detay h1 { color: var(--murekkep) !important; }
body[data-sayfa="urun"] .detay .alt-yazi,
.detay .alt-yazi { color: var(--grafit) !important; }
body[data-sayfa="urun"] .detay .etiket,
.detay .etiket { color: var(--mavi) !important; }

body[data-sayfa="urun"] .meta-chip {
  background: var(--buz-acik);
  border-color: var(--cizgi);
  color: var(--mavi);
}
body[data-sayfa="urun"] .hizli,
body[data-sayfa="urun"] .metrik,
.hizli, .metrik {
  background: var(--zemin) !important;
  border: 1px solid var(--cizgi-acik) !important;
  box-shadow: inset 3px 0 0 var(--mavi) !important;
}
body[data-sayfa="urun"] .hizli b,
body[data-sayfa="urun"] .metrik b,
.hizli b, .metrik b {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: var(--murekkep) !important;
  -webkit-text-fill-color: var(--murekkep) !important;
}
body[data-sayfa="urun"] .hizli em,
body[data-sayfa="urun"] .metrik em,
.hizli em, .metrik em { color: var(--mavi) !important; }
body[data-sayfa="urun"] .btn-ghost {
  background: #fff;
  border-color: var(--mavi);
  color: var(--mavi);
}
body[data-sayfa="urun"] .altnav,
.altnav {
  background: #fff !important;
  border: 1px solid var(--cizgi-acik) !important;
  box-shadow: none;
}
.altnav a { color: var(--grafit) !important; }
.altnav a:hover { color: var(--mavi) !important; background: var(--buz-acik) !important; }

body[data-sayfa="urun"] .detay .blok,
.detay .blok {
  background: #fff !important;
  border: 1px solid var(--cizgi-acik) !important;
  box-shadow: 0 16px 36px -28px rgba(15,23,42,.25);
}
body[data-sayfa="urun"] .detay .blok::before {
  background: linear-gradient(90deg, var(--mavi), var(--mavi-acik) 45%, transparent 85%);
}
body[data-sayfa="urun"] .detay .blok h2,
.detay .blok h2 { color: var(--murekkep) !important; }
.detay .blok h2::after { border-top-color: var(--cizgi) !important; }
body[data-sayfa="urun"] .detay .tablo td,
.detay .tablo td { color: var(--murekkep) !important; border-bottom-color: var(--cizgi-acik) !important; }
body[data-sayfa="urun"] .detay .tablo td:first-child,
.detay .tablo td:first-child { color: var(--gri) !important; }
body[data-sayfa="urun"] .tablo tr:hover td { background: var(--buz-acik); }
body[data-sayfa="urun"] .detay .standart,
body[data-sayfa="urun"] .detay .standart li,
.detay .standart, .detay .standart li { color: var(--grafit) !important; }
body[data-sayfa="urun"] .standart li::marker { color: var(--mavi); }

body[data-sayfa="urun"] .guven-serit > div,
.guven-serit > div {
  background: #fff !important;
  border: 1px solid var(--cizgi-acik) !important;
  box-shadow: 0 14px 28px -24px rgba(15,23,42,.22);
}
body[data-sayfa="urun"] .guven-serit > div::before {
  background: linear-gradient(180deg, var(--mavi-acik), var(--mavi));
}
.guven-serit strong { color: var(--murekkep) !important; }
.guven-serit span { color: var(--grafit) !important; }

body[data-sayfa="urun"] .yapiskan {
  background: rgba(255,255,255,.96);
  border-top: 1px solid var(--cizgi-acik);
  box-shadow: 0 -16px 40px -28px rgba(15,23,42,.25);
}
body[data-sayfa="urun"] .yapiskan-model strong { color: var(--murekkep); }
body[data-sayfa="urun"] .yapiskan-model span { color: var(--grafit); }
body[data-sayfa="urun"] .detay-ilerleme i {
  background: linear-gradient(90deg, var(--mavi-acik), var(--mavi));
  box-shadow: none;
}

.olculer { border-top-color: var(--cizgi-acik) !important; }
.olculer div { border-bottom-color: var(--cizgi-acik) !important; }
.olculer span { color: var(--gri) !important; }
.olculer b { color: var(--murekkep) !important; }
.mensei { color: var(--gri) !important; }

.sahne {
  background: #fff !important;
  border: 1px solid var(--cizgi-acik) !important;
}
.sahne .foto { background: var(--zemin) !important; }
.sahne .metin { background: #fff !important; }
.sahne h2 { color: var(--murekkep) !important; }
.sahne .ust-etiket { color: var(--mavi) !important; }
.sahne .alt-yazi { color: var(--grafit) !important; }

.sekme-kutu {
  background: rgba(255,255,255,.94) !important;
  border-bottom: 1px solid var(--cizgi-acik) !important;
  box-shadow: none !important;
}
.sekme button { color: var(--gri) !important; }
.sekme button:hover { color: var(--mavi) !important; }
.sekme button.aktif { color: var(--mavi) !important; border-bottom-color: var(--mavi) !important; text-shadow: none !important; }
.sekme b { color: var(--mavi-acik) !important; }

/* ============================================================
   TEZGÂH SEÇİMİ · KARŞILAŞTIRMA · EKSEN GÖRSELİ
   ============================================================ */
.pusula {
  padding: 0 max(16px, calc((100% - 1280px) / 2)) 28px;
}
.pusula-in {
  display: grid; grid-template-columns: .9fr 1.3fr; gap: 28px;
  max-width: 1280px; margin: 0 auto;
  background: #fff; border: 1px solid var(--cizgi-acik);
  border-top: 3px solid var(--mavi);
  padding: 28px 28px 26px;
  box-shadow: 0 18px 40px -30px rgba(22,63,107,.25);
}
.pusula-sol h2 { margin: 6px 0 10px; font-size: clamp(22px, 2.6vw, 30px); color: var(--murekkep); }
.pusula-sol p { margin: 0; color: var(--gri); font-size: 15px; max-width: 36ch; }
.pusula-adimlar { display: flex; gap: 8px; margin-top: 22px; }
.pusula-adimlar i {
  display: block; width: 36px; height: 3px; background: var(--cizgi-acik);
}
.pusula-adimlar i.aktif { background: var(--mavi); }
.pusula-soru-bas {
  margin: 0 0 14px; font-size: 12px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--mavi); font-weight: 600;
}
.pusula-secenekler {
  display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
}
.pusula-secenekler button {
  text-align: left; cursor: pointer;
  background: var(--zemin); border: 1px solid var(--cizgi-acik);
  padding: 14px 16px; color: var(--murekkep);
  transition: border-color .2s, background .2s, transform .2s;
}
.pusula-secenekler button:hover {
  border-color: var(--mavi-acik); background: #fff;
  transform: translateY(-2px);
  box-shadow: 0 12px 24px -18px rgba(30,94,150,.4);
}
.pusula-secenekler button span { display: block; font-weight: 700; font-size: 14.5px; }
.pusula-secenekler button em {
  display: block; margin-top: 4px; font-style: normal;
  font-size: 12.5px; color: var(--mavi);
}
.pusula-geri {
  margin-top: 14px; background: transparent; border: 0;
  color: var(--mavi); font-weight: 600; cursor: pointer; padding: 0;
}
.pusula-sonuc h3 { margin: 0 0 8px; font-size: 26px; color: var(--murekkep); }
.pusula-sonuc p { margin: 0 0 18px; color: var(--grafit); max-width: 48ch; }
.pusula-sonuc-aksiyon { display: flex; flex-wrap: wrap; gap: 10px; }
@media (max-width: 900px) {
  .pusula-in { grid-template-columns: 1fr; padding: 22px 18px; }
  .pusula-secenekler { grid-template-columns: 1fr; }
}

.urun-wrap { position: relative; }
.pin-btn {
  position: absolute; top: 10px; right: 10px; z-index: 5;
  width: 36px; height: 36px; border: 1px solid var(--cizgi);
  background: rgba(255,255,255,.95); color: var(--mavi);
  font-size: 20px; line-height: 1; cursor: pointer;
  box-shadow: 0 8px 18px -12px rgba(15,23,42,.35);
}
.pin-btn.aktif, .pin-btn:hover {
  background: var(--mavi); color: #fff; border-color: var(--mavi);
}

.zarf {
  color: var(--mavi);
}
.zarf-mini {
  position: absolute; right: 8px; bottom: 8px;
  background: rgba(255,255,255,.92); border: 1px solid var(--cizgi-acik);
  padding: 4px 6px 2px; line-height: 0;
}
.zarf-mini .zarf-etiket { display: none; }
.zarf-etiket {
  display: block; margin-top: 6px; font-family: var(--mono);
  font-size: 11px; color: var(--grafit); line-height: 1.4;
}
.zarf-etiket b { color: var(--mavi); margin-right: 2px; }
.urun .img { position: relative; }
.zarf-buyuk { color: var(--mavi); }
.zarf-buyuk svg { width: 160px; height: 120px; }

.dna { display: flex; flex-direction: column; gap: 10px; }
.dna-bas {
  margin: 0 0 4px; font-size: 12px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--mavi); font-weight: 600;
}
.dna-satir {
  display: grid; grid-template-columns: 110px 1fr 72px;
  gap: 10px; align-items: center; font-size: 13px;
}
.dna-satir span { color: var(--gri); }
.dna-satir em { font-style: normal; font-family: var(--mono); color: var(--murekkep); text-align: right; }
.dna-satir i {
  display: block; height: 6px; background: var(--buz);
  border: 1px solid var(--cizgi-acik); position: relative; overflow: hidden;
}
.dna-satir i b {
  display: block; height: 100%; background: linear-gradient(90deg, var(--mavi-acik), var(--mavi));
}

.kapasite-panel { padding: 24px 28px !important; }
.kapasite-grid {
  display: grid; grid-template-columns: .85fr 1.15fr; gap: 28px; align-items: center;
}
@media (max-width: 800px) { .kapasite-grid { grid-template-columns: 1fr; } }

.karsilastir-dock {
  position: fixed; left: 16px; right: 16px; bottom: 18px; z-index: 70;
  max-width: 1100px; margin: 0 auto;
  pointer-events: none;
}
.karsilastir-dock[hidden] { display: none !important; }
.karsilastir-in {
  pointer-events: auto;
  display: grid; grid-template-columns: auto 1fr auto; gap: 16px; align-items: center;
  background: #fff; border: 1px solid var(--cizgi-acik); border-top: 3px solid var(--mavi);
  padding: 12px 16px; box-shadow: 0 24px 50px -24px rgba(15,23,42,.45);
}
.karsilastir-bas { display: flex; flex-direction: column; gap: 2px; }
.karsilastir-bas strong { color: var(--murekkep); font-size: 14px; }
.karsilastir-bas span { font-family: var(--mono); font-size: 12px; color: var(--mavi); }
.karsilastir-slotlar { display: flex; gap: 10px; overflow-x: auto; }
.karsilastir-slot {
  display: flex; align-items: center; gap: 8px; min-width: 160px;
  background: var(--zemin); border: 1px solid var(--cizgi-acik); padding: 6px 8px;
}
.karsilastir-slot img, .karsilastir-slot .bos-kutu {
  width: 42px; height: 42px; object-fit: contain; background: #fff;
}
.karsilastir-slot strong { display: block; font-size: 13px; color: var(--murekkep); }
.karsilastir-slot em { font-style: normal; font-size: 11px; color: var(--gri); }
.karsilastir-slot button {
  border: 0; background: transparent; color: var(--gri); cursor: pointer; font-size: 18px;
}
.karsilastir-aksiyon { display: flex; gap: 8px; }
.karsilastir-panel {
  position: fixed; inset: 0; z-index: 80; background: rgba(15,23,42,.45);
  display: flex; align-items: center; justify-content: center; padding: 24px;
}
.karsilastir-panel[hidden] { display: none !important; }
.karsilastir-panel-in {
  width: min(960px, 100%); max-height: 90vh; overflow: auto;
  background: #fff; border: 1px solid var(--cizgi-acik); border-top: 3px solid var(--mavi);
  padding: 22px 24px 28px;
}
.karsilastir-panel-ust {
  display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;
}
.karsilastir-panel-ust h2 { margin: 0; font-size: 22px; color: var(--murekkep); }
.karsilastir-tablo table { width: 100%; border-collapse: collapse; }
.karsilastir-tablo th, .karsilastir-tablo td {
  border-bottom: 1px solid var(--cizgi-acik); padding: 10px 12px;
  text-align: left; vertical-align: top; font-size: 14px;
}
.karsilastir-tablo thead th { color: var(--murekkep); }
.karsilastir-tablo thead em { display: block; font-style: normal; font-size: 12px; color: var(--gri); font-weight: 400; }
.karsilastir-tablo tbody th { color: var(--gri); font-weight: 500; width: 140px; }
.karsilastir-zarflar {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 16px; margin-top: 22px;
}
.karsilastir-zarflar strong { display: block; margin-bottom: 8px; color: var(--murekkep); }

#liste.liste-modu .urun-wrap { display: block; }
#liste.liste-modu { display: flex; flex-direction: column; gap: 12px; }
#liste .urun-wrap .urun { height: 100%; }

@media (max-width: 800px) {
  .karsilastir-in { grid-template-columns: 1fr; }
}

/* ============================================================
   EKSEN HAREKETİ — akıllı ölçek (Freepik ikon + aile karşılaştırması)
   ============================================================ */
.eksen-ray {
  list-style: none; margin: 10px 0 12px; padding: 10px 0 0;
  border-top: 1px solid var(--cizgi-acik);
  display: flex; flex-direction: column; gap: 6px;
}
.eksen-ray li {
  display: grid; grid-template-columns: 18px 1fr 58px;
  gap: 8px; align-items: center; font-size: 12px;
}
.eksen-ad {
  font-family: var(--mono); font-weight: 700; color: var(--mavi); font-size: 11px;
}
.eksen-cubuk {
  display: block; height: 6px; background: var(--buz);
  border: 1px solid var(--cizgi-acik); position: relative; overflow: hidden;
}
.eksen-cubuk b {
  display: block; height: 100%;
  background: linear-gradient(90deg, var(--mavi-acik), var(--mavi));
}
.eksen-ray em {
  font-style: normal; font-family: var(--mono); color: var(--grafit);
  text-align: right; font-size: 11.5px;
}

.eksen-panel {
  background: var(--zemin);
  border: 1px solid var(--cizgi-acik);
  padding: 18px 18px 16px;
}
.eksen-panel-bas {
  display: flex; gap: 14px; align-items: flex-start; margin-bottom: 16px;
}
.eksen-ikon { color: var(--mavi); flex: 0 0 auto; }
.eksen-satirlar { display: flex; flex-direction: column; gap: 14px; }
.eksen-satir-ust {
  display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px;
}
.eksen-satir-ust strong { font-size: 13.5px; color: var(--murekkep); }
.eksen-satir-ust b { font-family: var(--mono); font-weight: 600; color: var(--mavi); font-size: 14px; }
.eksen-olcek { position: relative; }
.eksen-olcek .eksen-cubuk { height: 10px; }
.eksen-ort {
  position: absolute; top: -3px; bottom: -3px; width: 2px;
  background: var(--murekkep); opacity: .55;
  transform: translateX(-1px);
}
.eksen-ort::after {
  content: "ort"; position: absolute; top: -16px; left: 50%;
  transform: translateX(-50%); font-size: 9px; letter-spacing: .04em;
  color: var(--gri); font-family: var(--mono); text-transform: uppercase;
}
.eksen-durum {
  display: block; margin-top: 5px; font-style: normal;
  font-size: 12px; color: var(--gri);
}
.eksen-karsilastir { border-top: 0; padding-top: 0; margin: 8px 0 0; }

/* eski zarf stillerini gizle */
.zarf-mini { display: none !important; }

.donus-satir {
  display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px;
}
.donus-chip {
  background: #fff; border: 1px solid var(--cizgi-acik);
  padding: 10px 12px; box-shadow: inset 3px 0 0 var(--mavi);
}
.donus-chip em {
  display: block; font-style: normal; font-size: 11px;
  letter-spacing: .06em; text-transform: uppercase; color: var(--mavi); margin-bottom: 4px;
}
.donus-chip b { font-family: var(--mono); font-weight: 600; color: var(--murekkep); font-size: 15px; }
@media (max-width: 560px) { .donus-satir { grid-template-columns: 1fr; } }

/* ============================================================
   EŞİT KART YÜKSEKLİĞİ — taşan metin düzeni bozmasın
   ============================================================ */
body[data-sayfa="urunler"] .izgara {
  align-items: stretch;
}
body[data-sayfa="urunler"] .urun-wrap {
  display: flex; height: 100%;
}
body[data-sayfa="urunler"] .urun-wrap > .urun {
  width: 100%; height: 100%;
  display: flex; flex-direction: column;
}
body[data-sayfa="urunler"] .urun .img {
  flex: 0 0 200px; height: 200px;
}
body[data-sayfa="urunler"] .urun .gv {
  flex: 1 1 auto;
  display: flex; flex-direction: column;
  min-height: 248px;
}
body[data-sayfa="urunler"] .urun h3 {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;
  overflow: hidden; min-height: 1.25em; max-height: 1.25em;
  line-height: 1.25; word-break: break-word;
}
body[data-sayfa="urunler"] .urun .alt {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
  overflow: hidden; min-height: 2.6em; max-height: 2.6em;
  line-height: 1.3; margin-top: 4px !important;
}
body[data-sayfa="urunler"] .urun .oz {
  margin-top: auto !important;
  min-height: 118px;
  align-content: start;
}
body[data-sayfa="urunler"] .urun .oz li {
  min-height: 48px;
}
body[data-sayfa="urunler"] .urun .oz li span {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
  overflow: hidden; line-height: 1.25; word-break: break-word;
}
body[data-sayfa="urunler"] .urun .oz li em {
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
body[data-sayfa="urunler"] .urun .detay-btn {
  margin-top: 10px; flex: 0 0 auto;
}
body[data-sayfa="urunler"] .eksen-kart {
  min-height: 72px; flex: 0 0 auto;
}

/* ============================================================
   KONTRAST GÜVENLİĞİ — açık zemin + beyaz yazı / koyu zemin + koyu yazı YASAK
   ============================================================ */
body[data-sayfa="urunler"] .btn-dolu,
body[data-sayfa="urun"] .btn-dolu,
.btn-dolu {
  background: var(--mavi) !important;
  color: #fff !important;
}
body[data-sayfa="urunler"] .btn-ghost,
body[data-sayfa="urun"] .btn-ghost,
.btn-ghost {
  background: #fff !important;
  color: var(--mavi) !important;
  border: 1px solid var(--mavi) !important;
}
body[data-sayfa="urun"] .btn-soft,
body[data-sayfa="urun"] .btn-link,
.btn-soft {
  background: var(--buz-acik) !important;
  color: var(--mavi) !important;
  border: 1px solid var(--cizgi) !important;
}
body[data-sayfa="urun"] .btn-soft:hover,
body[data-sayfa="urun"] .btn-link:hover,
.btn-soft:hover {
  background: #e8f1f8 !important;
  border-color: var(--mavi) !important;
  color: var(--mavi-koyu) !important;
}
body[data-sayfa="urunler"] .urun .detay-btn,
.urun .detay-btn {
  background: var(--mavi) !important;
  color: #fff !important;
}
body[data-sayfa="urunler"] .urun .detay-btn:hover,
.urun:hover .detay-btn {
  background: var(--mavi-koyu) !important;
  color: #fff !important;
}
.karsilastir-aksiyon .btn-ghost,
.pusula-sonuc-aksiyon .btn-ghost {
  background: #fff !important;
  color: var(--mavi) !important;
}
.karsilastir-aksiyon .btn-dolu,
.pusula-sonuc-aksiyon .btn-dolu {
  background: var(--mavi) !important;
  color: #fff !important;
}
.gor-btn.aktif { background: var(--mavi) !important; color: #fff !important; }
.gor-btn:not(.aktif) { color: var(--grafit) !important; background: transparent !important; }

/* ============================================================
   SITE GENELİ AÇIK TEMA — ürün sayfalarındaki kuralların tamamı
   Koyu premium (1358+) geri alındı; kasıtlı koyu: ustbar/footer/slayt/cagri/hikaye/teaser/model-kart
   ============================================================ */

/* içerik kartları / formlar / adres — beyaz */
.yuzer a,
.isler article,
.bulucu a,
.yazi-kart,
.gruplar article,
.form,
.servis-talep,
.adres,
.sss details,
.adimlar article,
.rehber-grid article {
  background: #fff !important;
  border: 1px solid var(--cizgi-acik) !important;
  box-shadow: 0 14px 32px -26px rgba(15,23,42,.28);
  color: var(--grafit);
}

.yuzer span,
.isler h3,
.bulucu strong,
.yazi-kart h2,
.gruplar article h3,
.adimlar h3,
.rehber-grid h3 {
  color: var(--murekkep) !important;
}
.yuzer em,
.isler p,
.yazi-kart p,
.gruplar article p,
.adimlar p,
.rehber-grid p,
.bulucu span {
  color: var(--grafit) !important;
}
.isler span,
.model-eyebrow { color: var(--mavi) !important; }
.yuzer i {
  border-color: var(--cizgi) !important;
  color: var(--mavi) !important;
  background: var(--buz-acik) !important;
}

/* form / servis talep — açık */
.form label {
  background: var(--zemin) !important;
  border: 1px solid var(--cizgi-acik) !important;
  color: var(--mavi) !important;
  padding: 16px 18px !important;
  gap: 8px !important;
}
.form input,
.form select,
.form textarea,
.servis-talep input,
.servis-talep select,
.servis-talep textarea {
  background: #fff !important;
  border: 1px solid var(--cizgi) !important;
  color: var(--murekkep) !important;
  padding: 12px 16px !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
}
.adres .secim {
  padding: 14px 16px !important;
}
.adres .secim span {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 600;
}
.form input::placeholder,
.form textarea::placeholder,
.servis-talep input::placeholder,
.servis-talep textarea::placeholder {
  color: var(--gri) !important;
}
.form select option,
.servis-talep select option,
.adres .secim select option {
  background: #fff !important;
  color: var(--murekkep) !important;
}
.servis-talep .servis-dosya { color: var(--mavi) !important; }
.servis-talep .servis-gonder,
.form button,
.gonder {
  background: var(--mavi) !important;
  color: #fff !important;
}

/* adres kutusu */
.adres p { color: var(--grafit) !important; }
.adres p strong { color: var(--murekkep) !important; }
.adres a { color: var(--mavi) !important; }
.adres .secim { color: var(--gri) !important; }
.adres .secim select {
  background: #fff !important;
  color: var(--murekkep) !important;
  border: 1px solid var(--cizgi) !important;
}

/* giriş / kurumsal metin kontrastı */
.giris p,
.giris .kirinti + p,
.baslik-blok p,
.blok-bas p,
.bolum > p,
.m-intro {
  color: var(--grafit) !important;
}
.kirinti { color: var(--gri) !important; }
.sss summary { color: var(--murekkep) !important; }
.sss details p { color: var(--grafit) !important; }

/* blog yazı gövdesi */
.makale,
.makale p,
.uyg-yazi p {
  color: var(--grafit);
}
.makale h1, .makale h2, .uyg-yazi h2 {
  color: var(--murekkep);
}

/* eşit kart yüksekliği
   - yazi-kart: yatay (img | metin)
   - gruplar / isler / adimlar / rehber: DİKEY (img üstte, metin altta) — flex-row YASAK
   - bulucu: dikey ortalı
*/
.yazi-liste,
.isler,
.bulucu,
.gruplar,
.adimlar,
.rehber-grid {
  align-items: stretch;
}

/* dikey içerik kartları — görsel üstte, yazı altta */
.gruplar article,
.isler article,
.adimlar article,
.rehber-grid article {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  height: 100%;
  min-height: 0;
  align-self: stretch;
}
.gruplar article > img.gorsel,
.gruplar article > img.makine,
.isler article > img,
.adimlar article > img.gorsel,
.rehber-grid article > img {
  flex: 0 0 auto;
  width: calc(100% + 48px);
  max-width: none;
  align-self: stretch;
}
.gruplar article > h3,
.gruplar article > p,
.gruplar article > span,
.gruplar article > a,
.isler article > h3,
.isler article > p,
.isler article > span,
.adimlar article > h3,
.adimlar article > p,
.adimlar article > span {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.gruplar article > p,
.isler article > p,
.adimlar article > p,
.rehber-grid article > p {
  flex: 1 1 auto;
}

/* blog kartı — yatay */
.yazi-kart {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  min-height: 118px;
  height: 100%;
  align-self: stretch;
}
.yazi-kart > div {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.yazi-kart h2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 2.4em;
  max-height: 2.4em;
  line-height: 1.2;
}
.yazi-kart p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: 2.9em;
  margin-top: 6px !important;
}

/* tezgah bulucu — dikey */
.bulucu a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  height: 100%;
  align-self: stretch;
}

/* model-kart: foto üzerinde koyu overlay — beyaz yazı KASITLI, dokunma */
.model-kart {
  background: #0b1220 !important;
  border-color: rgba(110,157,196,.28) !important;
}
.model-kart h3,
.model-spec { color: #fff !important; }
.model-eyebrow { color: #9fc1e8 !important; }

/* CTA / hap / pill — açık zeminde mavi; cagri bandında beyaz kontrast */
.cta-pill,
.hap {
  background: var(--mavi) !important;
  color: #fff !important;
}
.cta-pill:hover,
.hap:hover {
  background: var(--mavi-koyu) !important;
  color: #fff !important;
}
.cagri a.hap {
  background: #fff !important;
  color: var(--murekkep) !important;
  border-color: rgba(255,255,255,.92) !important;
}
.cagri a.hap:hover {
  background: var(--mavi) !important;
  color: #fff !important;
  border-color: var(--mavi-acik) !important;
}

/* İngilizce menşei — TR uppercase CHİNA yapmasın */
.urun-rozet[lang="en"],
.meta-chip [lang="en"] {
  text-transform: none !important;
}

/* ============================================================
   ANA SAYFA — ürünler kalitesinde mühendislik dili
   (keskin çizgi, Roboto, incele isteği, açık kart + kasıtlı koyu)
   ============================================================ */
body[data-sayfa="ana"] {
  /* Genişlik sistemi:
     --ana-ray   = sayfa rayı (ızgara / kartlar)
     --ana-okuma = destek paragrafı (göz yormayan satır boyu)
     --ana-hero  = sol alt hero kart
     Full-bleed yalnız: slayt (hero video). ana-gercek + hikaye rayda. */
  --ana-ray: 1280px;
  --ana-okuma: 640px;
  --ana-hero: 600px;
  background:
    linear-gradient(180deg, #f4f7fb 0%, #eef3f8 28%, #f7f9fc 100%);
}

/* hero kart — video full-bleed; kart dar ama okunur */
body[data-sayfa="ana"] .slayt-kart {
  width: min(100%, var(--ana-hero));
  backdrop-filter: blur(10px) saturate(1.05);
  border: 1px solid rgba(255,255,255,.55);
  box-shadow:
    0 1px 0 rgba(255,255,255,.65) inset,
    0 28px 56px -32px rgba(11,18,32,.55);
}
body[data-sayfa="ana"] .slayt-kart .kart-flag {
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #64748b;
  background: none;
  padding: 0;
}
body[data-sayfa="ana"] .slayt-kart h1 {
  font-family: var(--baslik);
  font-weight: 900;
  letter-spacing: -0.02em;
}
body[data-sayfa="ana"] .slayt-kart .slayt-slogan {
  font-family: var(--govde);
  font-weight: 500;
  font-size: 13px;
  line-height: 1.45;
  color: #334155;
  max-width: 36ch;
}
body[data-sayfa="ana"] .slayt-kart .hap {
  letter-spacing: .04em;
  font-weight: 700;
}
body[data-sayfa="ana"] .slayt-kart .kart-link {
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--mavi-koyu);
  border-bottom: 1px solid transparent;
  transition: border-color .3s, color .3s;
}
body[data-sayfa="ana"] .slayt-kart .kart-link:hover {
  border-bottom-color: var(--mavi);
  color: var(--mavi);
}

/* teaser — üst ince çizgi + İncele rozeti */
body[data-sayfa="ana"] .teaser-izgara {
  gap: 14px;
  margin-top: clamp(28px, 4vw, 48px);
}
body[data-sayfa="ana"] .teaser-kart {
  border: 1px solid rgba(15,42,74,.12);
  box-shadow: 0 18px 40px -30px rgba(15,23,42,.45);
}
body[data-sayfa="ana"] .teaser-kart::after {
  background: linear-gradient(180deg, rgba(11,18,32,.08), rgba(11,18,32,.28));
}
body[data-sayfa="ana"] .teaser-kart:hover::after {
  background: linear-gradient(180deg, rgba(11,18,32,.12), rgba(11,18,32,.42));
}
body[data-sayfa="ana"] .teaser-yazi {
  padding: 72px 22px 22px;
  background: linear-gradient(180deg, rgba(11,18,32,0) 0%, rgba(11,18,32,.55) 42%, rgba(11,18,32,.96) 100%);
}
body[data-sayfa="ana"] .teaser-yazi::before {
  height: 2px;
  background: linear-gradient(90deg, #6e9dc4, #1e5e96 55%, transparent);
}
body[data-sayfa="ana"] .teaser-go {
  display: inline-block;
  margin: 0 0 10px;
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #9fc1e8;
  opacity: .85;
  transition: opacity .35s, transform .35s, color .35s;
}
body[data-sayfa="ana"] .teaser-kart:hover .teaser-go {
  opacity: 1;
  color: #fff;
  transform: translateX(2px);
}
body[data-sayfa="ana"] .teaser-yazi h2 {
  font-size: clamp(18px, 1.6vw, 22px);
  font-weight: 800;
  letter-spacing: -0.01em;
}
body[data-sayfa="ana"] .teaser-yazi h2::after { content: none; }
body[data-sayfa="ana"] .teaser-yazi p {
  font-size: 13.5px;
  line-height: 1.45;
  color: rgba(255,255,255,.78);
}

/* proses keşif — düşünce kutuları */
body[data-sayfa="ana"] .ana-kesif {
  margin: clamp(8px, 2vw, 24px) 0 var(--bolum);
  padding: 0 max(20px, calc((100% - 1280px) / 2));
}
body[data-sayfa="ana"] .ana-kesif-bas {
  max-width: 720px;
  margin-bottom: clamp(22px, 3vw, 36px);
}
body[data-sayfa="ana"] .ana-kesif-bas h2 {
  margin: 0;
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 900;
  letter-spacing: -0.02em;
}
body[data-sayfa="ana"] .ana-kesif-bas h2::after {
  content: "";
  display: block;
  width: 72px; height: 2px;
  margin-top: 14px;
  background: linear-gradient(90deg, var(--mavi), transparent);
}
body[data-sayfa="ana"] .ana-kesif-bas p { margin: 14px 0 0; color: var(--gri); font-size: 16px; line-height: 1.65; max-width: 640px; }
body[data-sayfa="ana"] .ana-kesif-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
body[data-sayfa="ana"] .ana-kesif-grid article {
  position: relative;
  background: #fff;
  border: 1px solid var(--cizgi-acik);
  padding: 28px 24px 26px;
  overflow: hidden;
  transition: transform .35s, border-color .35s, box-shadow .35s;
}
body[data-sayfa="ana"] .ana-kesif-grid article::before {
  content: "";
  position: absolute; left: 0; top: 0;
  width: 100%; height: 2px;
  background: linear-gradient(90deg, var(--mavi), #6e9dc4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .45s cubic-bezier(.2,.7,.3,1);
}
body[data-sayfa="ana"] .ana-kesif-grid article:hover {
  transform: translateY(-4px);
  border-color: rgba(30,94,150,.42);
  box-shadow: 0 22px 44px -28px rgba(30,94,150,.38);
}
body[data-sayfa="ana"] .ana-kesif-grid article:hover::before { transform: scaleX(1); }
body[data-sayfa="ana"] .ana-kesif-grid b {
  display: block;
  font-family: var(--baslik);
  font-size: clamp(28px, 3.2vw, 40px);
  font-weight: 900;
  letter-spacing: -0.03em;
  color: var(--mavi);
  line-height: 1;
}
body[data-sayfa="ana"] .ana-kesif-grid h3 {
  margin: 16px 0 0;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--murekkep);
}
body[data-sayfa="ana"] .ana-kesif-grid p {
  margin: 10px 0 0;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--grafit);
}
@media (max-width: 900px) {
  body[data-sayfa="ana"] .ana-kesif-grid { grid-template-columns: 1fr; }
}

/* proses gerçeği — diğer bölümlerle aynı ray */
body[data-sayfa="ana"] .ana-gercek {
  position: relative;
  min-height: clamp(340px, 38vw, 460px);
  margin: 0 max(20px, calc((100% - var(--ana-ray)) / 2)) var(--bolum);
  overflow: hidden;
  background: #0b1220;
  border: 1px solid rgba(15,42,74,.12);
}
body[data-sayfa="ana"] .ana-gercek-gorsel {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  transform: scale(1.04);
  transition: transform 1.6s cubic-bezier(.16,.84,.32,1);
}
body[data-sayfa="ana"] .ana-gercek.reveal.aktif .ana-gercek-gorsel { transform: scale(1); }
body[data-sayfa="ana"] .ana-gercek::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(11,18,32,.9) 0%, rgba(11,18,32,.68) 48%, rgba(11,18,32,.3) 100%);
  pointer-events: none;
}
body[data-sayfa="ana"] .ana-gercek-ic {
  position: relative; z-index: 1;
  max-width: 560px;
  margin: 0;
  padding: clamp(36px, 4.5vw, 64px) clamp(22px, 2.5vw, 36px);
  color: #fff;
}
body[data-sayfa="ana"] .ana-gercek-ic .ust-etiket {
  color: #9fc1e8;
  font-family: var(--mono);
  letter-spacing: .22em;
}
body[data-sayfa="ana"] .ana-gercek-ic h2 {
  margin: 12px 0 0;
  max-width: 18em;
  font-size: clamp(28px, 3.6vw, 42px);
  font-weight: 900;
  letter-spacing: -0.02em;
  color: #fff;
  line-height: 1.15;
}
body[data-sayfa="ana"] .ana-gercek-ic p {
  margin: 16px 0 0;
  max-width: 42ch;
  font-size: 15.5px;
  line-height: 1.6;
  color: rgba(255,255,255,.86);
}
body[data-sayfa="ana"] .ana-gercek-ic .kart-link {
  display: inline-block;
  margin-top: 22px;
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.4);
  padding-bottom: 3px;
  transition: border-color .3s, transform .3s;
}
body[data-sayfa="ana"] .ana-gercek-ic .kart-link:hover {
  border-bottom-color: #fff;
  transform: translateX(4px);
}

/* ikilem — iki büyük görsel düşünce */
body[data-sayfa="ana"] .ana-ikilem {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 0 0 var(--bolum);
  padding: 0 max(20px, calc((100% - 1280px) / 2));
}
body[data-sayfa="ana"] .ana-ikilem-kart {
  position: relative;
  display: block;
  min-height: clamp(320px, 38vw, 440px);
  overflow: hidden;
  border: 1px solid rgba(15,42,74,.12);
  color: #fff;
}
body[data-sayfa="ana"] .ana-ikilem-kart img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .9s cubic-bezier(.16,.84,.32,1);
}
body[data-sayfa="ana"] .ana-ikilem-kart:hover img { transform: scale(1.07); }
body[data-sayfa="ana"] .ana-ikilem-kart > div {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 72px 26px 26px;
  background: linear-gradient(180deg, rgba(11,18,32,0) 0%, rgba(11,18,32,.72) 40%, rgba(11,18,32,.96) 100%);
}
body[data-sayfa="ana"] .ana-ikilem-kart span {
  display: block;
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #9fc1e8;
}
body[data-sayfa="ana"] .ana-ikilem-kart h3 {
  margin: 10px 0 0;
  font-size: clamp(22px, 2.4vw, 30px);
  font-weight: 900;
  letter-spacing: -0.02em;
  color: #fff;
}
body[data-sayfa="ana"] .ana-ikilem-kart p {
  margin: 10px 0 0;
  font-size: 14.5px;
  line-height: 1.5;
  color: rgba(255,255,255,.82);
  max-width: 42ch;
}
body[data-sayfa="ana"] .ana-ikilem-kart em {
  display: inline-block;
  margin-top: 16px;
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.65);
  border-bottom: 1px solid transparent;
  transition: color .3s, border-color .3s, transform .3s;
}
body[data-sayfa="ana"] .ana-ikilem-kart:hover em {
  color: #fff;
  border-bottom-color: rgba(255,255,255,.5);
  transform: translateX(3px);
}
@media (max-width: 860px) {
  body[data-sayfa="ana"] .ana-ikilem { grid-template-columns: 1fr; }
}

/* bölüm başlıkları — daha keskin çizgi */
body[data-sayfa="ana"] .blok-bas .ust-etiket,
body[data-sayfa="ana"] .bolum .ust-etiket,
body[data-sayfa="ana"] .sektor-bas .ust-etiket {
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .22em;
  color: #64748b;
}
body[data-sayfa="ana"] .blok-bas h2,
body[data-sayfa="ana"] .bolum h2,
body[data-sayfa="ana"] .sektor-bas h2 {
  letter-spacing: -0.02em;
  font-weight: 800;
}
body[data-sayfa="ana"] .blok-bas h2::after,
body[data-sayfa="ana"] .bolum h2::after,
body[data-sayfa="ana"] .sektor-bas h2::after {
  height: 2px;
  background: linear-gradient(90deg, var(--mavi), transparent);
}
body[data-sayfa="ana"] .blok-bas p,
body[data-sayfa="ana"] .bolum p,
body[data-sayfa="ana"] .sektor-bas p {
  max-width: 720px;
  font-size: 16px;
  line-height: 1.65;
}

/* ürün aileleri — ince üst çizgi + hover */
body[data-sayfa="ana"] .yuzer { gap: 14px; }
body[data-sayfa="ana"] .yuzer a {
  border-radius: 0 !important;
  padding: 22px 18px 18px;
  transition: transform .35s cubic-bezier(.16,.84,.32,1), border-color .35s, box-shadow .35s;
}
body[data-sayfa="ana"] .yuzer a::before {
  height: 2px;
  background: linear-gradient(90deg, var(--mavi), #6e9dc4);
}
body[data-sayfa="ana"] .yuzer a:hover {
  transform: translateY(-4px);
  border-color: rgba(30,94,150,.45) !important;
  box-shadow: 0 22px 44px -28px rgba(30,94,150,.4);
}
body[data-sayfa="ana"] .yuzer span {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.01em;
}
body[data-sayfa="ana"] .yuzer em {
  font-size: 12.5px;
  line-height: 1.45;
}

/* sektör film şeridi */
body[data-sayfa="ana"] .serit-film {
  gap: 12px;
  padding: 0 max(20px, calc((100% - 1280px) / 2)) var(--bolum);
}
body[data-sayfa="ana"] .serit-film a {
  border: 1px solid rgba(15,42,74,.1);
  overflow: hidden;
}
body[data-sayfa="ana"] .serit-film .yazi {
  padding: 100px 22px 22px;
  background: linear-gradient(180deg, rgba(11,18,32,0) 0%, rgba(22,63,107,.55) 40%, rgba(11,18,32,.96) 100%);
}
body[data-sayfa="ana"] .serit-film span {
  color: #9fc1e8;
  letter-spacing: .18em;
}
body[data-sayfa="ana"] .serit-film h3 {
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.01em;
}
body[data-sayfa="ana"] .serit-go {
  display: inline-block;
  margin-top: 14px;
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
  border-bottom: 1px solid transparent;
  transition: color .3s, border-color .3s, transform .3s;
}
body[data-sayfa="ana"] .serit-film a:hover .serit-go {
  color: #fff;
  border-bottom-color: rgba(255,255,255,.5);
  transform: translateX(3px);
}

/* modeller */
body[data-sayfa="ana"] .modeller {
  gap: 14px;
}
body[data-sayfa="ana"] .model-kart {
  border: 1px solid rgba(110,157,196,.32) !important;
}
body[data-sayfa="ana"] .model-kart:hover {
  border-color: rgba(110,185,255,.55) !important;
  box-shadow: 0 28px 56px -30px rgba(0,0,0,.65);
}
body[data-sayfa="ana"] .model-link {
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-top: 14px;
  display: inline-block;
  border-bottom: 1px solid rgba(255,255,255,.25);
  padding-bottom: 2px;
  transition: border-color .3s, color .3s, transform .3s;
}
body[data-sayfa="ana"] .model-kart:hover .model-link {
  border-bottom-color: #fff;
  transform: translateX(3px);
}

/* servis kutuları */
body[data-sayfa="ana"] .isler { gap: 14px; }
body[data-sayfa="ana"] .isler article {
  border-radius: 0 !important;
  position: relative;
  overflow: hidden;
  transition: transform .35s, border-color .35s, box-shadow .35s;
}
body[data-sayfa="ana"] .isler article::before {
  right: auto;
  width: 100%;
  height: 2px;
  transform: scaleX(0);
  transform-origin: left;
  background: linear-gradient(90deg, var(--mavi), #6e9dc4);
  z-index: 2;
  transition: transform .45s cubic-bezier(.2,.7,.3,1);
}
body[data-sayfa="ana"] .isler article:hover::before { transform: scaleX(1); }
body[data-sayfa="ana"] .isler article:hover {
  transform: translateY(-4px);
  border-color: rgba(30,94,150,.4) !important;
  box-shadow: 0 22px 44px -28px rgba(30,94,150,.35);
}
body[data-sayfa="ana"] .isler h3 {
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -0.01em;
}
body[data-sayfa="ana"] .isler span {
  letter-spacing: .18em;
}

/* tezgah bulucu */
body[data-sayfa="ana"] .bulucu { gap: 12px; }
body[data-sayfa="ana"] .bulucu a {
  border-radius: 0 !important;
  padding-bottom: 18px;
  position: relative;
  transition: transform .35s, border-color .35s, box-shadow .35s;
}
body[data-sayfa="ana"] .bulucu a::before {
  top: 0; right: auto; bottom: 0; left: 0;
  width: 2px; height: auto;
  background: var(--mavi);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform .4s cubic-bezier(.2,.7,.3,1);
}
body[data-sayfa="ana"] .bulucu a:hover::before { transform: scaleY(1); }
body[data-sayfa="ana"] .bulucu a:hover {
  transform: translateY(-3px);
  border-color: rgba(30,94,150,.42) !important;
  box-shadow: 0 20px 40px -28px rgba(30,94,150,.38);
}
body[data-sayfa="ana"] .bulucu strong {
  font-size: 16px;
  font-weight: 800;
}
body[data-sayfa="ana"] .bulucu-go {
  display: block;
  margin-top: 10px;
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--mavi);
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .3s, transform .3s;
}
body[data-sayfa="ana"] .bulucu a:hover .bulucu-go {
  opacity: 1;
  transform: none;
}

/* blog kartları */
body[data-sayfa="ana"] .yazi-liste { gap: 14px; }
body[data-sayfa="ana"] .yazi-kart {
  border-radius: 0 !important;
  transition: transform .35s, border-color .35s, box-shadow .35s;
}
body[data-sayfa="ana"] .yazi-kart {
  position: relative;
  overflow: hidden;
}
body[data-sayfa="ana"] .yazi-kart::before {
  top: auto; right: auto; bottom: 0; left: 0;
  width: 100%; height: 2px;
  background: linear-gradient(90deg, var(--mavi), transparent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .45s cubic-bezier(.2,.7,.3,1);
  z-index: 2;
}
body[data-sayfa="ana"] .yazi-kart:hover::before { transform: scaleX(1); }
body[data-sayfa="ana"] .yazi-kart:hover {
  transform: translateY(-3px);
  border-color: rgba(30,94,150,.4) !important;
}
body[data-sayfa="ana"] .yazi-kart h2 {
  font-weight: 800;
  letter-spacing: -0.01em;
}

/* hikaye — aynı ray, iç metin hizalı (ana + kurumsal + iletişim) */
body[data-sayfa="ana"] .hikaye,
body[data-sayfa="kurumsal"] .hikaye,
body[data-sayfa="iletisim"] .hikaye {
  max-width: var(--ana-ray, 1280px);
  width: auto;
  margin: var(--bolum) max(20px, calc((100% - var(--ana-ray, 1280px)) / 2)) 0;
  border-radius: 0;
  border: 1px solid rgba(15,42,74,.12);
  aspect-ratio: 1920/560;
}
body[data-sayfa="kurumsal"] .hikaye.hikaye-ust,
body[data-sayfa="iletisim"] .hikaye.hikaye-ust,
body[data-sayfa="servis"] .hikaye.hikaye-ust,
body[data-sayfa="sektorler"] .hikaye.hikaye-ust,
body[data-sayfa="blog"] .hikaye.hikaye-ust,
body[data-sayfa="gizlilik"] .hikaye.hikaye-ust {
  margin: 16px max(20px, calc((100% - 1280px) / 2)) 0;
}
body[data-sayfa="ana"] .hikaye-yazi,
body[data-sayfa="kurumsal"] .hikaye-yazi,
body[data-sayfa="iletisim"] .hikaye-yazi,
body[data-sayfa="servis"] .hikaye-yazi,
body[data-sayfa="sektorler"] .hikaye-yazi,
body[data-sayfa="blog"] .hikaye-yazi,
body[data-sayfa="gizlilik"] .hikaye-yazi {
  max-width: 560px;
  padding: clamp(36px, 4.5vw, 64px) clamp(22px, 2.5vw, 36px);
  background: linear-gradient(90deg, rgba(8,13,24,.88) 0%, rgba(8,13,24,.55) 70%, transparent 100%);
}
body[data-sayfa="ana"] .hikaye-etiket,
body[data-sayfa="kurumsal"] .hikaye-etiket,
body[data-sayfa="iletisim"] .hikaye-etiket,
body[data-sayfa="servis"] .hikaye-etiket,
body[data-sayfa="sektorler"] .hikaye-etiket,
body[data-sayfa="blog"] .hikaye-etiket,
body[data-sayfa="gizlilik"] .hikaye-etiket {
  font-family: var(--mono) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: none;
  color: #9fc1e8 !important;
  margin: 0;
  max-width: none !important;
  white-space: nowrap;
}
body[data-sayfa="ana"] .hikaye h2,
body[data-sayfa="kurumsal"] .hikaye h2,
body[data-sayfa="iletisim"] .hikaye h2,
body[data-sayfa="servis"] .hikaye h2,
body[data-sayfa="sektorler"] .hikaye h2,
body[data-sayfa="blog"] .hikaye h2,
body[data-sayfa="gizlilik"] .hikaye h2 {
  white-space: normal;
  max-width: 18em;
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #fff;
  background: none !important;
  -webkit-text-fill-color: #fff !important;
  animation: none !important;
}
body[data-sayfa="ana"] .hikaye-yazi > p:not(.hikaye-etiket),
body[data-sayfa="kurumsal"] .hikaye-yazi > p:not(.hikaye-etiket),
body[data-sayfa="iletisim"] .hikaye-yazi > p:not(.hikaye-etiket),
body[data-sayfa="servis"] .hikaye-yazi > p:not(.hikaye-etiket),
body[data-sayfa="sektorler"] .hikaye-yazi > p:not(.hikaye-etiket),
body[data-sayfa="blog"] .hikaye-yazi > p:not(.hikaye-etiket),
body[data-sayfa="gizlilik"] .hikaye-yazi > p:not(.hikaye-etiket) {
  max-width: 36ch;
  margin-top: 14px;
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255,255,255,.84);
}
body[data-sayfa="ana"] .hikaye .daire-link,
body[data-sayfa="kurumsal"] .hikaye .daire-link,
body[data-sayfa="iletisim"] .hikaye .daire-link,
body[data-sayfa="servis"] .hikaye .daire-link,
body[data-sayfa="sektorler"] .hikaye .daire-link,
body[data-sayfa="blog"] .hikaye .daire-link,
body[data-sayfa="gizlilik"] .hikaye .daire-link {
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255,255,255,.35);
  padding-bottom: 2px;
  margin-top: 20px;
  color: #fff;
}
body[data-sayfa="ana"] .hikaye .daire-link:hover,
body[data-sayfa="kurumsal"] .hikaye .daire-link:hover,
body[data-sayfa="iletisim"] .hikaye .daire-link:hover,
body[data-sayfa="servis"] .hikaye .daire-link:hover,
body[data-sayfa="sektorler"] .hikaye .daire-link:hover,
body[data-sayfa="blog"] .hikaye .daire-link:hover,
body[data-sayfa="gizlilik"] .hikaye .daire-link:hover {
  border-bottom-color: #fff;
}
body[data-sayfa="kurumsal"] .hikaye .cubuk,
body[data-sayfa="iletisim"] .hikaye .cubuk,
body[data-sayfa="servis"] .hikaye .cubuk,
body[data-sayfa="sektorler"] .hikaye .cubuk,
body[data-sayfa="blog"] .hikaye .cubuk,
body[data-sayfa="gizlilik"] .hikaye .cubuk {
  margin: 14px 0 0;
  background: var(--mavi-acik);
}
#kapsam, #teklif, #icerik { scroll-margin-top: 100px; }

/* CTA band */
body[data-sayfa="ana"] .cagri {
  border-top: 1px solid rgba(110,157,196,.28);
}
body[data-sayfa="ana"] .cagri h2 {
  white-space: normal;
  font-weight: 900;
  letter-spacing: -0.02em;
  max-width: 18ch;
}
body[data-sayfa="ana"] .cagri p {
  max-width: 560px;
}
body[data-sayfa="ana"] .cagri .hap {
  letter-spacing: .12em;
  font-weight: 700;
}

/* üst CTA pill — Roboto mono ritmi */
body[data-sayfa="ana"] .cta-pill {
  font-family: var(--mono);
  font-weight: 700;
  letter-spacing: .06em;
}

/* okuma genişlikleri — paragraf ~640px; hero kart 600px; full-bleed yalnız slayt */
body[data-sayfa="ana"] .slayt-kart .slayt-slogan { max-width: 42ch; }
body[data-sayfa="ana"] .blok-bas p,
body[data-sayfa="ana"] .sektor-bas p,
body[data-sayfa="ana"] .ana-kesif-bas p { max-width: var(--ana-okuma); }
body[data-sayfa="ana"] .cagri h2 { max-width: 22em; white-space: normal; }
body[data-sayfa="ana"] .cagri p { max-width: 42ch; }

/* ---------- Termal kararlılık sayfası ---------- */
body[data-sayfa="termal"] {
  --tg-ray: 1280px;
  --tg-pad: max(20px, calc((100% - var(--tg-ray)) / 2));
  --tg-okuma: 52ch;
  background: #f4f7fb;
}
body[data-sayfa="termal"] .tg-hero {
  position: relative;
  min-height: clamp(380px, 44vw, 520px);
  margin: 0 var(--tg-pad) 0;
  background: #0b1220;
  overflow: hidden;
  border: 1px solid rgba(15,42,74,.12);
}
body[data-sayfa="termal"] .tg-hero-gorsel {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: 70% center; opacity: .95;
}
body[data-sayfa="termal"] .tg-hero::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(105deg, rgba(11,18,32,.94) 0%, rgba(11,18,32,.78) 46%, rgba(11,18,32,.28) 100%);
}
body[data-sayfa="termal"] .tg-hero-ic {
  position: relative; z-index: 1;
  max-width: 600px;
  padding: clamp(40px, 5vw, 72px) clamp(24px, 3vw, 40px);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
body[data-sayfa="termal"] .tg-hero-ic .kirinti {
  color: rgba(255,255,255,.62) !important;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .02em;
  margin: 0 0 20px !important;
  line-height: 1.3;
}
body[data-sayfa="termal"] .tg-hero-ic .kirinti a {
  color: #9fc1e8 !important;
  text-decoration: none;
}
body[data-sayfa="termal"] .tg-hero-ic .kirinti a:hover { color: #fff !important; }
body[data-sayfa="termal"] .tg-hero-ic h1 {
  margin: 0;
  max-width: 14em;
  color: #fff;
  font-size: clamp(28px, 3.8vw, 44px);
  font-weight: 900;
  letter-spacing: -0.025em;
  line-height: 1.18;
}
body[data-sayfa="termal"] .tg-lead {
  margin: 18px 0 0;
  max-width: var(--tg-okuma);
  font-size: 15.5px;
  line-height: 1.65;
  color: rgba(255,255,255,.88);
}
body[data-sayfa="termal"] .tg-sahne,
body[data-sayfa="termal"] .tg-neden,
body[data-sayfa="termal"] .tg-govde,
body[data-sayfa="termal"] .tg-test,
body[data-sayfa="termal"] .tg-sonuc {
  padding: clamp(40px, 5vw, 72px) var(--tg-pad);
}
body[data-sayfa="termal"] .tg-sahne {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: clamp(22px, 3vw, 36px);
  align-items: start;
}
body[data-sayfa="termal"] .ust-etiket {
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--mavi);
  margin: 0;
}
body[data-sayfa="termal"] .tg-sahne-sol h2,
body[data-sayfa="termal"] .tg-neden-bas h2,
body[data-sayfa="termal"] .tg-govde-yazi h2,
body[data-sayfa="termal"] .tg-test h2,
body[data-sayfa="termal"] .tg-sonuc h2 {
  margin: 10px 0 0;
  font-size: clamp(24px, 3.2vw, 36px);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.2;
  max-width: 18em;
}
body[data-sayfa="termal"] .tg-sahne-sol p,
body[data-sayfa="termal"] .tg-govde-yazi > p {
  margin: 14px 0 0;
  max-width: var(--tg-okuma);
  color: var(--gri);
  font-size: 15.5px;
  line-height: 1.65;
}
body[data-sayfa="termal"] .tg-karsila {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
body[data-sayfa="termal"] .tg-karsila article {
  background: #fff;
  border: 1px solid var(--cizgi-acik);
  padding: 22px 20px;
}
body[data-sayfa="termal"] .tg-karsila span {
  font-family: var(--mono); font-size: 12px; font-weight: 700; letter-spacing: .14em; color: var(--mavi);
}
body[data-sayfa="termal"] .tg-karsila b {
  display: block; margin-top: 10px; font-size: 17px; color: var(--murekkep); line-height: 1.25;
}
body[data-sayfa="termal"] .tg-karsila p {
  margin: 8px 0 0; font-size: 14px; line-height: 1.55; color: var(--grafit);
}
body[data-sayfa="termal"] .tg-sicak {
  border-color: rgba(30,94,150,.35); background: #f4f8fc;
}
body[data-sayfa="termal"] .tg-neden-bas { max-width: 40em; }
body[data-sayfa="termal"] .tg-neden-grid,
body[data-sayfa="termal"] .tg-test-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 24px;
}
body[data-sayfa="termal"] .tg-neden-grid article,
body[data-sayfa="termal"] .tg-test-grid article {
  background: #fff;
  border: 1px solid var(--cizgi-acik);
  padding: 22px 20px;
}
body[data-sayfa="termal"] .tg-neden-grid b {
  font-family: var(--mono); font-size: 12px; letter-spacing: .14em; color: var(--mavi);
}
body[data-sayfa="termal"] .tg-neden-grid h3,
body[data-sayfa="termal"] .tg-test-grid h3 {
  margin: 12px 0 0; font-size: 16.5px; font-weight: 800; line-height: 1.25;
}
body[data-sayfa="termal"] .tg-neden-grid p,
body[data-sayfa="termal"] .tg-test-grid p {
  margin: 10px 0 0; font-size: 14px; color: var(--grafit); line-height: 1.55;
}
body[data-sayfa="termal"] .tg-govde {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: clamp(22px, 3vw, 36px);
  align-items: center;
}
body[data-sayfa="termal"] .tg-liste {
  margin: 18px 0 0; padding: 0; list-style: none;
  display: grid; gap: 10px; max-width: 560px;
}
body[data-sayfa="termal"] .tg-liste li {
  padding: 13px 15px;
  border-left: 2px solid var(--mavi);
  background: #fff;
  border-top: 1px solid var(--cizgi-acik);
  border-right: 1px solid var(--cizgi-acik);
  border-bottom: 1px solid var(--cizgi-acik);
  font-size: 14px; line-height: 1.55; color: var(--grafit);
}
body[data-sayfa="termal"] .tg-govde-foto { margin: 0; }
body[data-sayfa="termal"] .tg-govde-foto img {
  width: 100%; height: auto; display: block;
  border: 1px solid var(--cizgi-acik);
}
body[data-sayfa="termal"] .tg-govde-foto figcaption {
  margin-top: 10px; font-size: 13px; line-height: 1.45; color: var(--gri); max-width: 42ch;
}
body[data-sayfa="termal"] .tg-sonuc {
  background: #eef3f8;
  border-top: 1px solid var(--cizgi-acik);
  border-bottom: 1px solid var(--cizgi-acik);
}
body[data-sayfa="termal"] .tg-sonuc p {
  margin: 14px 0 0;
  max-width: var(--tg-okuma);
  color: var(--grafit);
  font-size: 15.5px;
  line-height: 1.65;
}
body[data-sayfa="termal"] .tg-aksiyon {
  display: flex; flex-wrap: wrap; gap: 14px 20px; align-items: center; margin-top: 24px;
}
body[data-sayfa="termal"] .tg-aksiyon .kart-link {
  font-family: var(--mono); font-size: 12px; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: var(--mavi);
  border-bottom: 1px solid rgba(30,94,150,.35); padding-bottom: 2px;
}
@media (max-width: 900px) {
  body[data-sayfa="termal"] .tg-hero { margin: 0 16px; }
  body[data-sayfa="termal"] .tg-sahne,
  body[data-sayfa="termal"] .tg-govde,
  body[data-sayfa="termal"] .tg-karsila,
  body[data-sayfa="termal"] .tg-neden-grid,
  body[data-sayfa="termal"] .tg-test-grid { grid-template-columns: 1fr; }
}

/* Gizlilik — ortak .makale 1280 ray; ekstra max-width yok */
body[data-sayfa="gizlilik"] .makale .kirinti {
  margin: 0 0 16px !important;
}
body[data-sayfa="gizlilik"] .makale .tarih {
  margin: 0 0 22px;
}
body[data-sayfa="gizlilik"] .makale h2 {
  margin-top: 36px;
}
body[data-sayfa="gizlilik"] .makale h3 {
  margin-top: 22px;
}

/* ---------- Wiesser akıllı ana menü ---------- */
html.nav-akilli .nav {
  gap: 0;
}
html.nav-akilli .nav > a,
html.nav-akilli .dd-btn {
  gap: 5px;
  padding: 10px 11px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-transform: none;
  color: #334155;
  white-space: nowrap;
}
html.nav-akilli .nav > a:hover,
html.nav-akilli .dd-btn:hover,
html.nav-akilli .dd.acik .dd-btn {
  color: var(--mavi);
  background: transparent;
}
html.nav-akilli .nav-kod { display: none !important; }
html.nav-akilli .nav > a[aria-current="page"],
html.nav-akilli .dd.aktif .dd-btn {
  color: var(--mavi);
  font-weight: 700;
}
html.nav-akilli .nav > a[aria-current="page"]::after,
html.nav-akilli .dd.aktif .dd-btn::after {
  left: 11px; right: 11px; bottom: 5px; height: 2px;
  background: var(--mavi);
  border-radius: 0;
}
html.nav-akilli .dd-btn .ok {
  font-size: 10px;
  letter-spacing: 0;
  opacity: .5;
  margin-left: 1px;
}
html.nav-akilli .dd-menu-kisa {
  min-width: 240px;
  padding: 8px;
  left: auto;
  right: 0;
}
html.nav-akilli .dd-kesfet .dd-menu-kisa {
  /* Keşfet sağa yakın — taşırmasın */
}
html.nav-akilli .dd-menu-kisa a {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  border-radius: 0;
  color: var(--murekkep);
  transition: background .15s;
}
html.nav-akilli .dd-menu-kisa a:hover,
html.nav-akilli .dd-menu-kisa a[aria-current="page"] {
  background: var(--buz-acik);
}
html.nav-akilli .dd-menu-kisa a strong {
  font-size: 14px;
  font-weight: 700;
}
html.nav-akilli .dd-menu-kisa a span {
  font-size: 12px;
  color: #64748b;
  font-weight: 400;
}
html.nav-akilli .dd-menu-kisa a[aria-current="page"] strong {
  color: var(--mavi);
}
html.nav-akilli .dd-menu.mega {
  width: min(960px, calc(100vw - 32px));
  padding: 0;
  border: 1px solid var(--cizgi-acik);
  border-top: 2px solid var(--mavi);
  border-radius: 0;
  box-shadow: 0 28px 64px -28px rgba(15, 35, 64, .42);
  overflow: hidden;
  animation: mega-gir .22s ease both;
}
@keyframes mega-gir {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  html.nav-akilli .dd-menu.mega { animation: none; }
}
html.nav-akilli .mega-panel {
  display: grid;
  grid-template-columns: 168px 1fr 200px;
  grid-template-rows: auto auto;
  background:
    linear-gradient(180deg, #f8fafc 0%, #fff 42%),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 47px,
      rgba(148, 163, 184, .07) 47px,
      rgba(148, 163, 184, .07) 48px
    );
}
html.nav-akilli .mega-ray {
  grid-row: 1 / 2;
  padding: 18px 14px 16px 16px;
  border-right: 1px solid var(--cizgi-acik);
  background: rgba(248, 250, 252, .92);
}
html.nav-akilli .mega-ray-bas {
  margin: 0 0 12px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #64748b;
}
html.nav-akilli .mega-modu {
  display: block;
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  padding: 9px 10px;
  margin: 0 0 4px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  color: #475569;
  cursor: pointer;
  border-left: 2px solid transparent;
  transition: color .15s, background .15s, border-color .15s;
}
html.nav-akilli .mega-modu:hover { color: var(--mavi); background: #fff; }
html.nav-akilli .mega-modu.aktif {
  color: var(--mavi);
  background: #fff;
  border-left-color: var(--mavi);
}
html.nav-akilli .mega-ray-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 10px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 700;
  color: var(--mavi);
}
html.nav-akilli .mega-ray-not {
  margin: 16px 0 0;
  font-size: 11.5px;
  line-height: 1.45;
  color: #94a3b8;
}
html.nav-akilli .mega-ana {
  padding: 14px 14px 8px;
  min-width: 0;
}
html.nav-akilli .mega-ust-serit {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 6px 12px;
  border-bottom: 1px solid var(--cizgi-acik);
  margin-bottom: 8px;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #64748b;
}
html.nav-akilli .mega-ust-serit b {
  font-weight: 800;
  color: var(--murekkep);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  margin-right: 4px;
}
html.nav-akilli .mega-ust-serit a {
  margin-left: auto;
  font-weight: 700;
  color: var(--mavi);
  letter-spacing: .06em;
}
html.nav-akilli .mega-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
}
html.nav-akilli .mega-item {
  display: grid;
  grid-template-columns: 28px 1fr 16px;
  gap: 8px;
  align-items: center;
  padding: 11px 10px;
  color: var(--murekkep);
  border-radius: 0;
  transition: background .15s;
}
html.nav-akilli .mega-item:hover,
html.nav-akilli .mega-item:focus-visible {
  background: #fff;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(30, 94, 150, .22);
}
html.nav-akilli .mega-item--son {
  background: rgba(30, 94, 150, .05);
}
html.nav-akilli .mega-kod {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  color: #94a3b8;
  font-variant-numeric: tabular-nums;
}
html.nav-akilli .mega-item:hover .mega-kod { color: var(--mavi); }
html.nav-akilli .mega-metin {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
html.nav-akilli .mega-metin strong {
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.2;
}
html.nav-akilli .mega-metin span {
  font-size: 12px;
  font-weight: 400;
  color: #64748b;
  line-height: 1.3;
}
html.nav-akilli .mega-ok {
  font-size: 12px;
  color: var(--mavi);
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity .15s, transform .15s;
}
html.nav-akilli .mega-item:hover .mega-ok {
  opacity: 1;
  transform: translateX(0);
}
html.nav-akilli .mega-spot {
  padding: 16px 14px;
  border-left: 1px solid var(--cizgi-acik);
  background: #0f1c2e;
  color: #e2e8f0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
html.nav-akilli .mega-spot-etiket {
  margin: 0;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #6e9dc4;
}
html.nav-akilli .mega-spot img {
  width: 100%;
  height: 110px;
  object-fit: contain;
  background: #fff;
  border: 0;
}
html.nav-akilli .mega-spot strong {
  font-size: 15px;
  font-weight: 800;
  color: #fff;
  letter-spacing: .02em;
}
html.nav-akilli .mega-spot-aile {
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #94a3b8;
}
html.nav-akilli .mega-spot p {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.45;
  color: #cbd5e1;
}
html.nav-akilli .mega-spot > a {
  margin-top: auto;
  font-size: 12px;
  font-weight: 700;
  color: #9fc1e8;
  letter-spacing: .04em;
}
html.nav-akilli .mega-bag {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 4px;
  padding: 12px 18px;
  border-top: 1px solid var(--cizgi-acik);
  background: #fff;
  font-size: 12px;
}
html.nav-akilli .mega-bag a {
  color: #475569;
  font-weight: 600;
  padding: 4px 8px;
  transition: color .15s;
}
html.nav-akilli .mega-bag a:hover { color: var(--mavi); }
html.nav-akilli .mega-bag-ayrac {
  color: #cbd5e1;
  padding: 0 2px;
}
html.nav-akilli .cta-pill {
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: none;
  border-radius: 0;
}
html.nav-akilli .arama {
  border-radius: 0;
  width: 38px;
  height: 38px;
}

@media (max-width: 1100px) {
  html.nav-akilli .mega-panel {
    grid-template-columns: 148px 1fr;
  }
  html.nav-akilli .mega-spot { display: none; }
}
@media (max-width: 1180px) {
  html.nav-akilli .nav > a,
  html.nav-akilli .dd-btn {
    text-transform: none;
    letter-spacing: .01em;
    font-size: 15px;
    font-weight: 600;
  }
  html.nav-akilli .dd-menu.mega {
    width: 100%;
    animation: none;
    border-left: 0;
    border-right: 0;
  }
  html.nav-akilli .mega-panel {
    grid-template-columns: 1fr;
    background: #fff;
  }
  html.nav-akilli .mega-ray {
    border-right: 0;
    border-bottom: 1px solid var(--cizgi-acik);
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
  }
  html.nav-akilli .mega-ray-bas { width: 100%; margin-bottom: 4px; }
  html.nav-akilli .mega-modu {
    width: auto;
    border: 1px solid var(--cizgi-acik);
    border-left-width: 1px;
  }
  html.nav-akilli .mega-modu.aktif { border-color: var(--mavi); }
  html.nav-akilli .mega-ray-not { display: none; }
  html.nav-akilli .mega-grid { grid-template-columns: 1fr; }
  html.nav-akilli .mega-spot { display: none; }
}

body[data-sayfa="ana"] .bolum > .blok-bas {
  padding-left: 0;
  padding-right: 0;
  max-width: none;
}
body[data-sayfa="ana"] .bolum > .blok-bas p {
  max-width: var(--ana-okuma);
}
body[data-sayfa="ana"] .ana-ikilem-kart > div {
  padding: 64px 24px 24px;
}
body[data-sayfa="ana"] .ana-ikilem-kart h3 {
  max-width: 16em;
  line-height: 1.2;
}
body[data-sayfa="ana"] .ana-ikilem-kart p {
  max-width: 36ch;
  line-height: 1.55;
}

body[data-sayfa="gizlilik"] .makale .kirinti a { color: var(--mavi); }

/* Blog liste — konu şeridi + “tümü” linki */
.blog-konular {
  display: flex; flex-wrap: wrap; gap: 10px 14px;
  padding: 0 max(20px, calc((100% - 1280px) / 2)) 22px;
}
.blog-konular a {
  font-family: var(--mono); font-size: 12px; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase;
  color: var(--mavi); border-bottom: 1px solid rgba(30,94,150,.28);
  padding-bottom: 2px; text-decoration: none;
}
.blog-konular a:hover { border-bottom-color: var(--mavi); color: var(--mavi-koyu); }
/* Bölüm grubu: başlık → içerik → alt link tek blok */
.bolum-grup {
  margin: 0 0 clamp(36px, 4.5vw, 56px);
}
.bolum-grup > .blok-bas {
  padding-bottom: 14px;
}
.bolum-grup > .yazi-liste,
.bolum-grup > .gruplar,
.bolum-grup > .adimlar,
.bolum-grup > .isler,
.bolum-grup > .bulucu,
.bolum-grup > .rehber-grid,
.bolum-grup > .modeller,
.bolum-grup > .yuzer,
.bolum-grup > .servis-talep {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
}
.bolum-grup + .hikaye,
.bolum-grup + .cagri {
  margin-top: clamp(28px, 3.5vw, 44px);
}
.bolum-grup > .bolum-alt,
.bolum-grup > .blog-tum {
  margin: 14px 0 0;
  padding: 0 max(20px, calc((100% - 1280px) / 2));
}
.bolum-alt .kart-link,
.blog-tum .kart-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--mono);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--mavi);
  border-bottom: 1px solid rgba(30,94,150,.35);
  padding-bottom: 2px;
  text-decoration: none;
}
.bolum-alt .kart-link:hover,
.blog-tum .kart-link:hover {
  border-bottom-color: var(--mavi);
  text-decoration: none;
}
/* başlık hemen ardından gelen ızgaralar — sahipsiz boşluk yok */
.blok-bas + .yazi-liste,
.blok-bas + .gruplar,
.blok-bas + .adimlar,
.blok-bas + .isler,
.blok-bas + .bulucu,
.blok-bas + .rehber-grid,
.blok-bas + .sayfa-ozet {
  margin-top: 0;
}
.yazi-liste + .bolum-alt,
.yazi-liste + .blog-tum {
  margin-top: 12px;
}
.blog-tum {
  padding: 0 max(20px, calc((100% - 1280px) / 2));
  margin: 12px 0 0;
}
body[data-sayfa="blog"] .giris h1 { max-width: 18em; }
body[data-sayfa="blog"] .yazi-liste { padding-bottom: 8px; }
body[data-sayfa="blog"] .bolum-grup { margin-bottom: clamp(28px, 4vw, 48px); }

/* ızgara alt boşlukları — bölümler arası nefes, içte değil */
.gruplar { margin: 0 0 clamp(36px, 4.5vw, 56px); }
.adimlar { margin: 0 0 clamp(36px, 4.5vw, 56px); }
.isler { margin: 0 0 clamp(36px, 4.5vw, 56px); }
.bulucu { margin: 0 0 clamp(36px, 4.5vw, 56px); }
.sayfa-ozet { margin-bottom: clamp(28px, 3.5vw, 40px); }

/* İkincil sayfalar — özet şerit + CTA satır kırımı */
.sayfa-ozet {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  padding: 8px max(20px, calc((100% - 1280px) / 2)) var(--bolum);
}
.sayfa-ozet article {
  padding: 20px 18px 22px;
  border-top: 2px solid var(--mavi);
  background: linear-gradient(180deg, rgba(30,94,150,.06), transparent 70%);
}
.sayfa-ozet b {
  display: block;
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--mavi);
  margin: 0 0 8px;
}
.sayfa-ozet h3 {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  color: var(--murekkep);
  line-height: 1.25;
}
.sayfa-ozet p {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--grafit);
}
@media (max-width: 900px) {
  .sayfa-ozet { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .sayfa-ozet { grid-template-columns: 1fr; }
}
.cagri h2 { white-space: normal; max-width: 22em; }
body[data-sayfa="sektorler"] .uyg-yazi .ust-etiket { margin: 0 0 6px; }
body[data-sayfa="sektorler"] .uyg {
  scroll-margin-top: 100px;
  grid-template-columns: 1fr;
  gap: 18px;
  align-items: start;
  padding-top: clamp(18px, 2.5vw, 28px);
  padding-bottom: clamp(18px, 2.5vw, 28px);
}
body[data-sayfa="sektorler"] .uyg:first-of-type { margin-top: 4px; border-top: 0; }
body[data-sayfa="sektorler"] .uyg.ters .uyg-foto { order: 0; }
body[data-sayfa="sektorler"] .uyg-foto img { aspect-ratio: 21/8; min-height: 200px; }
body[data-sayfa="sektorler"] .uyg-yazi { max-width: 52rem; }

/* Gizlilik: giriş bandı sonrası makale sıkı */
body[data-sayfa="gizlilik"] .giris-alti + .makale,
body[data-sayfa="gizlilik"] .katalog-giris + .makale {
  padding-top: clamp(20px, 2.5vw, 28px);
}
body[data-sayfa="gizlilik"] .makale > .tarih { margin-top: 0; }

/* İkincil sayfa blok başlıkları — Ürünler diline yakın */
.sayfa-ozet + .blok-bas,
.gruplar + .blok-bas {
  padding-top: clamp(8px, 1.5vw, 16px);
}
.merkez {
  padding-top: clamp(24px, 3vw, 36px) !important;
  padding-bottom: clamp(24px, 3vw, 36px) !important;
}



/* sektör şeridi: başlık ile film arası sıkı */
.sektor-bas { padding-bottom: 14px; }
.sektor-bas + .serit-film { margin-top: 0; }
.serit-film { margin-bottom: clamp(36px, 4.5vw, 56px); }


/* ============================================================
   MOBİL SİSTEM — tüm sayfalar / alt sayfalar
   Akıllı: taşma yok, dokunma alanı, tipografi ölçeği, güvenli alan
   ============================================================ */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  overflow-x: clip;
}
img, video, iframe, svg {
  max-width: 100%;
  height: auto;
}
iframe {
  max-width: 100%;
}

/* Tablet — orta kırılım */
@media (max-width: 900px) {
  :root {
    --ust: 64px;
    --bolum: clamp(28px, 5vw, 48px);
    --bolum-k: clamp(14px, 2.5vw, 24px);
  }

  /* Yatay taşmayı kes */
  .slayt-kart h1,
  .hikaye h2,
  .cagri h2,
  .katalog-giris h1,
  .giris-alti h1 {
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  /* Hikaye / üst görsel bandı */
  .hikaye,
  .hikaye.hikaye-ust {
    aspect-ratio: 16 / 10;
    min-height: 280px;
    max-width: none;
    width: auto;
    margin-left: 16px;
    margin-right: 16px;
  }
  body[data-sayfa="kurumsal"] .hikaye.hikaye-ust,
  body[data-sayfa="iletisim"] .hikaye.hikaye-ust,
  body[data-sayfa="servis"] .hikaye.hikaye-ust,
  body[data-sayfa="sektorler"] .hikaye.hikaye-ust,
  body[data-sayfa="blog"] .hikaye.hikaye-ust,
  body[data-sayfa="gizlilik"] .hikaye.hikaye-ust {
    margin: 12px 16px 0;
  }
  .hikaye-yazi {
    max-width: min(100%, 520px) !important;
    padding: 22px 18px !important;
    background: linear-gradient(90deg, rgba(8,13,24,.92) 0%, rgba(8,13,24,.72) 55%, rgba(8,13,24,.2) 100%) !important;
  }
  .hikaye-etiket {
    white-space: normal !important;
    letter-spacing: .1em !important;
    font-size: 10px !important;
  }
  .hikaye h2 {
    font-size: clamp(20px, 5.2vw, 28px) !important;
    max-width: 16em !important;
    line-height: 1.22 !important;
  }
  .hikaye-yazi > p:not(.hikaye-etiket) {
    max-width: 36ch !important;
    font-size: 14px !important;
  }
  .hikaye .daire-link {
    margin-top: 14px !important;
    font-size: 11px !important;
  }

  /* Katalog / sayfa giriş bandı */
  .giris.katalog-giris,
  .giris.giris-alti {
    padding: clamp(22px, 4vw, 36px) 16px clamp(18px, 3vw, 28px);
  }
  .giris.katalog-giris h1,
  .giris.giris-alti h1 {
    font-size: clamp(28px, 7.5vw, 42px) !important;
    max-width: 14em;
  }
  .giris.katalog-giris > p:not(.ust-etiket),
  .giris.giris-alti > p:not(.ust-etiket) {
    font-size: 15.5px;
    max-width: 40em;
  }

  /* CTA */
  .cagri {
    margin-left: 16px;
    margin-right: 16px;
    padding: 36px 22px;
    gap: 22px;
  }
  .cagri .hap {
    width: 100%;
    justify-content: center;
  }

  /* İletişim kartı / merkez bilgi */
  .iletisim-kart {
    margin-left: 16px;
    margin-right: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 22px 18px;
  }
  .iletisim-kart .ik-bilgi {
    width: 100%;
  }
  .iletisim-kart .ik-bilgi a {
    flex: 1 1 auto;
    text-align: center;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .merkez-ic {
    margin-left: 16px;
    margin-right: 16px;
  }

  /* Blog konu şeridi */
  .blog-konular {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-left: 16px;
    padding-right: 16px;
  }
  .blog-konular::-webkit-scrollbar { display: none; }
  .blog-konular a {
    flex: 0 0 auto;
    white-space: nowrap;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
  }

  /* Blog kartları */
  .yazi-kart {
    flex-direction: column;
    align-items: stretch;
  }
  .yazi-kart img {
    width: 100%;
    height: 160px;
  }

  /* Form / iki kolon */
  .iki { gap: 22px; padding-left: 16px; padding-right: 16px; }
  .form { padding: 20px 16px; }
  .form button,
  .gonder,
  .servis-gonder {
    width: 100%;
    min-height: 48px;
  }
  .form input,
  .form select,
  .form textarea {
    font-size: 16px; /* iOS zoom engeli */
  }

  /* Tablo taşması */
  .tablo,
  .makale table,
  .detay .tablo {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Ana gerçek / sahne bant */
  body[data-sayfa="ana"] .ana-gercek {
    margin-left: 16px;
    margin-right: 16px;
    min-height: 300px;
  }
  .bant.sahne-bant {
    margin-left: 16px;
    margin-right: 16px;
    aspect-ratio: 16 / 7;
    min-height: 180px;
  }

  /* Ürün ızgara liste */
  .izgara { gap: 14px; }
  .sayfa { padding-left: 16px; padding-right: 16px; }

  /* Footer */
  .alt { padding-left: 16px; padding-right: 16px; }
  .alt-in { gap: 22px; }

  /* Kaydır oku */
  .slayt .kaydir-asagi { bottom: max(12px, env(safe-area-inset-bottom, 0px)); }
  .kaydir-sayfa-sonu { padding-bottom: max(20px, env(safe-area-inset-bottom, 0px)); }

  /* Sticky bar güvenli alan */
  .yapiskan-in {
    padding-bottom: max(12px, env(safe-area-inset-bottom, 0px));
  }

  /* Üst bar */
  .ustbar-in {
    padding-left: 12px;
    padding-right: 12px;
    gap: 10px;
  }
  .ustbar-sag { gap: 12px; }

  /* Sektör uyg görselleri */
  body[data-sayfa="sektorler"] .uyg-foto img {
    aspect-ratio: 16 / 9;
    min-height: 160px;
  }

  /* Makale / gizlilik / blog yazı */
  .makale {
    padding-left: 16px;
    padding-right: 16px;
  }
  .makale img {
    border-radius: 0;
  }

  /* Pusula */
  .pusula { margin-left: 0; margin-right: 0; }
  .pusula-in { padding: 18px 16px; }

  /* Arama paneli */
  .arama-panel-ic { padding: 12px 16px; }

  /* Dokunma hedefleri */
  .nav > a,
  .dd-btn,
  .cta-pill,
  .arama,
  .menu {
    min-height: 44px;
  }
}

/* Telefon — dar ekran */
@media (max-width: 560px) {
  .slayt {
    height: min(78svh, 560px);
    min-height: 380px;
  }
  .slayt-kart {
    padding: 14px 14px;
  }
  .slayt-kart h1 {
    font-size: clamp(18px, 5.2vw, 22px) !important;
  }
  .slayt-kart .slayt-aksiyon {
    flex-direction: column;
    align-items: stretch;
  }
  .slayt-kart .hap,
  .slayt-kart .kart-link {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .slayt .kaydir-asagi {
    transform: translateX(-50%) scale(.9);
  }

  .hikaye,
  .hikaye.hikaye-ust {
    aspect-ratio: auto;
    min-height: 320px;
    height: auto;
  }
  .hikaye-yazi {
    min-height: 320px;
    justify-content: flex-end;
    padding: 20px 16px 24px !important;
    background: linear-gradient(180deg, transparent 0%, rgba(8,13,24,.55) 28%, rgba(8,13,24,.92) 100%) !important;
  }

  .giris.katalog-giris h1,
  .giris.giris-alti h1 {
    font-size: clamp(26px, 8vw, 34px) !important;
  }

  .cagri {
    margin-left: 12px;
    margin-right: 12px;
    padding: 28px 16px;
  }
  .cagri h2 {
    font-size: clamp(20px, 6vw, 26px);
  }

  .iletisim-kart {
    margin-left: 12px;
    margin-right: 12px;
  }
  .iletisim-kart .ik-bilgi {
    flex-direction: column;
  }
  .iletisim-kart .ik-bilgi a {
    width: 100%;
  }

  .teaser-izgara,
  .gruplar,
  .adimlar,
  .isler,
  .sayfa-ozet {
    grid-template-columns: 1fr !important;
    gap: 12px;
  }

  .yazi-liste {
    padding-left: 16px;
    padding-right: 16px;
  }

  /* Katalog sticky panel */
  .kat-panel {
    padding-left: 10px;
    padding-right: 10px;
  }
  .kat-chip {
    min-width: 132px;
    font-size: 13px;
  }

  /* Ürün kartı liste */
  #liste.liste-modu .urun .oz {
    grid-template-columns: 1fr;
  }

  /* Detay CTA: dar ekranda alta kırılabilsin */
  .detay-cta { flex-wrap: wrap; }
  .detay-cta > a { flex: 1 1 calc(50% - 8px); font-size: 13px; }

  /* Detay sticky CTA */
  .yapiskan-in {
    flex-direction: column;
    align-items: stretch;
  }
  .yapiskan-aksiyon {
    width: 100%;
  }
  .yapiskan-aksiyon a,
  .yapiskan-aksiyon .hap {
    flex: 1;
    justify-content: center;
    text-align: center;
  }

  /* Termal */
  body[data-sayfa="termal"] .tg-hero {
    margin: 0 12px;
    min-height: 300px;
  }

  /* Ana keşif / teaser */
  body[data-sayfa="ana"] .ana-gercek-ic {
    padding: 24px 16px;
  }
  body[data-sayfa="ana"] .ana-gercek-ic h2 {
    white-space: normal;
    font-size: clamp(22px, 6vw, 28px);
  }

  /* Alt sosyal */
  .alt-sosyal {
    flex-wrap: wrap;
  }

  /* Menü açıkken kaydırma kilidi yardımcı sınıf (JS yoksa zararsız) */
  body.menu-kilit {
    overflow: hidden;
    touch-action: none;
  }
}

/* Çok dar / yatay telefon */
@media (max-width: 380px) {
  .slayt { min-height: 340px; }
  .hikaye-yazi { min-height: 280px; }
  .ustbar-tel { font-size: 12px; }
}

/* Yatay telefon: hero kısalt */
@media (max-height: 480px) and (orientation: landscape) {
  .slayt {
    height: 100svh;
    min-height: 280px;
  }
  .hikaye,
  .hikaye.hikaye-ust {
    min-height: 240px;
    aspect-ratio: 21 / 8;
  }
  .hikaye-yazi {
    min-height: 0;
    padding: 16px !important;
  }
}

/* Prefers reduced data — opsiyonel hafiflik yok; reduced-motion zaten var */


/* ---------- Teklif paneli (ürün detay) ---------- */
body.teklif-acik { overflow: hidden; }
.teklif-panel[hidden] { display: none !important; }
.teklif-panel {
  position: fixed; inset: 0; z-index: 120;
  display: flex; align-items: stretch; justify-content: flex-end;
}
.teklif-panel-arka {
  position: absolute; inset: 0;
  background: rgba(8,14,24,.55);
  backdrop-filter: blur(4px);
}
.teklif-panel-kutu {
  position: relative; z-index: 1;
  width: min(440px, 100%);
  max-height: 100%;
  overflow: auto;
  background: #fff;
  color: var(--murekkep);
  padding: 28px 22px 32px;
  box-shadow: -24px 0 60px -28px rgba(15,23,42,.45);
  -webkit-overflow-scrolling: touch;
}
.teklif-panel-kapat {
  position: absolute; top: 12px; right: 12px;
  width: 40px; height: 40px; border: 1px solid var(--cizgi-acik);
  background: #fff; font-size: 24px; line-height: 1; cursor: pointer;
  color: var(--grafit); border-radius: 8px;
}
.teklif-panel-kapat:hover { border-color: var(--mavi); color: var(--mavi); }
.teklif-panel-kutu .ust-etiket { margin: 0 0 6px; color: var(--mavi); }
.teklif-panel-kutu h2 { margin: 0 0 16px; font-size: 1.45rem; color: var(--murekkep); }
.teklif-makine {
  display: flex; gap: 12px; align-items: flex-start;
  padding: 12px; margin-bottom: 16px;
  background: var(--buz-acik); border: 1px solid var(--cizgi-acik); border-radius: 10px;
}
.teklif-makine img {
  width: 72px; height: 72px; object-fit: contain; background: #fff;
  border-radius: 8px; flex-shrink: 0;
}
.teklif-makine strong { display: block; font-size: 1.05rem; }
.teklif-makine p { margin: 4px 0 0; color: var(--grafit); font-size: 13px; }
.teklif-chip { display: grid; gap: 4px; margin-top: 8px; }
.teklif-chip span { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; }
.teklif-chip em { color: var(--mavi); font-style: normal; font-weight: 600; }
.teklif-chip b { color: var(--murekkep); font-weight: 600; }
.teklif-form { display: grid; gap: 12px; }
.teklif-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.teklif-form label {
  display: grid; gap: 6px; font-size: 12.5px; font-weight: 600; color: var(--gri);
}
.teklif-form input,
.teklif-form textarea {
  width: 100%; box-sizing: border-box;
  border: 1px solid var(--cizgi-acik); border-radius: 8px;
  padding: 11px 12px; font-size: 16px; font-family: inherit;
  background: #fff; color: var(--murekkep);
}
.teklif-form input:focus,
.teklif-form textarea:focus {
  outline: none; border-color: var(--mavi);
  box-shadow: 0 0 0 3px rgba(30,94,150,.12);
}
.teklif-tam { grid-column: 1 / -1; }
.teklif-dosya em { font-weight: 500; color: var(--grafit); font-style: normal; }
.teklif-dosya input[type=file] { padding: 8px 0; border: 0; font-size: 13px; }
.teklif-not { margin: 0; font-size: 12.5px; color: var(--grafit); line-height: 1.45; }
.teklif-gonder { width: 100%; justify-content: center; margin-top: 4px; }
.teklif-durum { margin: 0; font-size: 14px; font-weight: 600; color: var(--mavi); }
@media (max-width: 640px) {
  .teklif-panel { align-items: flex-end; }
  .teklif-panel-kutu {
    width: 100%;
    max-height: min(92vh, 100%);
    border-radius: 16px 16px 0 0;
    padding: 22px 16px calc(20px + env(safe-area-inset-bottom, 0px));
  }
  .teklif-grid { grid-template-columns: 1fr; }
}


/* SEO hub görsel */
.seo-gorsel{margin:0;padding:0 0 8px}
.seo-gorsel img{display:block;width:min(1120px,100%);height:auto;margin:0 auto;object-fit:cover}
.seo-gorsel figcaption{max-width:1120px;margin:8px auto 0;padding:0 20px;font-size:13px;color:var(--muted,#64748b)}
.seo-urun-kart{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit}
.seo-urun-kart img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}