/* ════════════════════════════════════════════════════════════════════
   DasGrafik — Panorama teması · ANA SAYFA sahneleri (pa-temel.css'ten sonra yüklenir)
   Kaynak: Claude Design "DasGrafik Yeni Tema" · Yön A · Panorama (tuval sürüm 28)
   Hareket: açılış animasyonları (zamanlı) + kaydırmaya bağlı sahneler.
   Masaüstünde (en az 1200×660) hizmetler, ürünler ve bölgeler kaydırınca sabitlenir.
   prefers-reduced-motion: reduce → hiçbir hareket yok.
   ════════════════════════════════════════════════════════════════════ */

.pa-ilerle { display: none; }

/* ═══ Hero ═══ */
.pa-hero { position: relative; overflow: hidden; background: var(--pa-lacivert); color: #FFFFFF; }
.pa-hero-arka { position: absolute; inset: 0; overflow: hidden; }
.pa-katman { position: absolute; inset: 0; }
.pa-hero-arka img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 72% 50%; }
[dir="rtl"] .pa-hero-arka img { transform: scaleX(-1); }
.pa-hero-ton1 { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10, 18, 32, 0.95) 0%, rgba(10, 18, 32, 0.84) 36%, rgba(10, 18, 32, 0.3) 66%, rgba(10, 18, 32, 0.08) 100%); }
[dir="rtl"] .pa-hero-ton1 { background: linear-gradient(270deg, rgba(10, 18, 32, 0.95) 0%, rgba(10, 18, 32, 0.84) 36%, rgba(10, 18, 32, 0.3) 66%, rgba(10, 18, 32, 0.08) 100%); }
.pa-hero-ton2 { position: absolute; inset: 0; background: linear-gradient(0deg, #0A1220 0%, rgba(10, 18, 32, 0.6) 22%, rgba(10, 18, 32, 0) 46%); }
.pa-hero-ic { position: relative; padding-top: 136px; }
.pa-hero-metin { max-width: 720px; }
.pa-hero-ust { margin: 0; display: flex; align-items: center; gap: 14px; font-family: var(--pa-mono); font-size: 13px; letter-spacing: 0.08em; color: var(--pa-acik-1); }
.pa-hero-ust > span:first-child { flex: 0 0 auto; width: 36px; height: 2px; background: var(--pa-vurgu); transform-origin: left center; }
[dir="rtl"] .pa-hero-ust > span:first-child { transform-origin: right center; }
.pa-h1 { margin: 26px 0 0; font-family: var(--pa-disp); font-size: clamp(42px, 5.4vw, 80px); line-height: 1.02; letter-spacing: -0.03em; font-weight: 750; }
.pa-h1 .pa-kelime { display: inline-block; }
.pa-hero-p { margin: 26px 0 0; max-width: 54ch; font-size: 19px; line-height: 1.6; color: var(--pa-acik-1); }
.pa-dugmeler { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 38px; }
.pa-dur { position: absolute; top: 40px; inset-inline-end: var(--pa-kenar); display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin: 0; padding: 0 16px; border: 1px solid rgba(255, 255, 255, 0.32); border-radius: var(--pa-rs); background: rgba(10, 18, 32, 0.72); color: #FFFFFF; font-family: var(--pa-mono); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; }
.pa-dur .pa-oynat-ikon { display: none; }
.pa-hero.pa-durdu .pa-dur .pa-oynat-ikon { display: inline-block; }
.pa-hero.pa-durdu .pa-dur .pa-durdur-ikon { display: none; }
.pa-istat { position: relative; margin: 120px 0 0; }
.pa-istat-cizgi { position: absolute; inset-inline: 0; top: 0; height: 1px; background: rgba(255, 255, 255, 0.2); transform-origin: left center; }
[dir="rtl"] .pa-istat-cizgi { transform-origin: right center; }
.pa-istat dl { display: flex; flex-wrap: wrap; margin: 0; }
.pa-istat dl > div { flex: 1 1 230px; padding: 28px 28px 40px; border-inline-start: 1px solid rgba(255, 255, 255, 0.2); }
.pa-istat dl > div:first-child { padding-inline-start: 0; border-inline-start: 0; }
.pa-istat dl > div:last-child { padding-inline-end: 0; }
.pa-istat dt { font-family: var(--pa-mono); font-size: 12px; letter-spacing: 0.08em; color: var(--pa-acik-2); }
.pa-istat dd { margin: 10px 0 0; font-family: var(--pa-disp); font-size: 30px; line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }
.pa-istat dd small { font-size: 18px; font-weight: 500; color: var(--pa-acik-2); }
@media (max-width: 719px) {
  .pa-hero-ic { padding-top: 104px; }
  .pa-dur { top: 28px; }
  .pa-hero-p { font-size: 17.5px; }
  .pa-istat { margin-top: 72px; }
  .pa-istat dl { display: grid; grid-template-columns: 1fr 1fr; }
  .pa-istat dl > div, .pa-istat dl > div:first-child, .pa-istat dl > div:last-child { padding: 22px 12px 26px 0; border: 0; border-top: 1px solid rgba(255, 255, 255, 0.2); }
  [dir="rtl"] .pa-istat dl > div, [dir="rtl"] .pa-istat dl > div:first-child, [dir="rtl"] .pa-istat dl > div:last-child { padding: 22px 0 26px 12px; }
  .pa-istat dl > div:nth-child(-n+2) { border-top: 0; }
  .pa-istat dd { font-size: 23px; }
  .pa-istat dd small { font-size: 15px; }
}

/* ═══ Güvence şeridi ═══ */
.pa-guvence { background: #FFFFFF; border-bottom: 1px solid var(--pa-cizgi); }
.pa-guvence .pa-genis { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 32px; padding-top: 22px; padding-bottom: 22px; }
.pa-guvence ul { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 28px; margin: 0; padding: 0; list-style: none; font-size: 15px; font-weight: 600; color: var(--pa-metin-4); }
.pa-guvence li { display: inline-flex; align-items: center; gap: 8px; }
.pa-guvence li.pa-ince { font-weight: 500; }
.pa-guvence img { display: block; height: 30px; width: auto; }

/* ═══ Hizmetler (disiplinler) ═══ */
.pa-hizmet { background: #FFFFFF; }
.pa-hizmet-bas { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 24px 64px; }
.pa-hizmet-bas > div { flex: 1 1 560px; min-width: 0; }
.pa-hizmet-bas > p { flex: 1 1 380px; min-width: 0; max-width: 520px; }
.pa-kartlar { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; margin: 64px 0 0; padding: 0; list-style: none; }
.pa-kartlar > li { min-width: 0; display: flex; }
@media (min-width: 640px) { .pa-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 900px) { .pa-kartlar.pa-kartlar-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .pa-kartlar { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 639px) { .pa-kfoto { aspect-ratio: 4 / 3; } }
.pa-kart { flex: 1; display: flex; flex-direction: column; }
.pa-kfoto { position: relative; overflow: hidden; border-radius: var(--pa-r); aspect-ratio: 4 / 5; background: var(--pa-lacivert); }
.pa-zum { position: absolute; inset: 0; display: block; }
.pa-kimg { display: block; width: 100%; height: 100%; object-fit: cover; }
.pa-kfoto-ton { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10, 18, 32, 0.94) 0%, rgba(10, 18, 32, 0.4) 40%, rgba(10, 18, 32, 0) 64%); }
.pa-kno { position: absolute; inset-inline-start: 20px; top: 20px; margin: 0; padding: 6px 10px; border-radius: var(--pa-rs); background: rgba(10, 18, 32, 0.78); font-family: var(--pa-mono); font-size: 12px; letter-spacing: 0.06em; color: #FFFFFF; }
.pa-kart h3 { position: absolute; inset-inline: 22px; bottom: 22px; margin: 0; font-family: var(--pa-disp); font-size: 30px; line-height: 1.08; letter-spacing: -0.02em; font-weight: 700; color: #FFFFFF; }
.pa-kliste { margin: 20px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--pa-cizgi); }
.pa-kliste > li { border-bottom: 1px solid var(--pa-cizgi); }
.pa-kliste a, .pa-kliste span { display: flex; align-items: center; gap: 12px; padding: 12px 0; font-size: 16px; line-height: 1.4; text-decoration: none; }
.pa-kliste a::before, .pa-kliste span::before { content: ""; flex: 0 0 auto; width: 6px; height: 6px; background: var(--pa-lacivert); }
.pa-kliste a:hover { text-decoration: underline; }
.pa-kl { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; min-height: 44px; margin-top: auto; padding-top: 16px; font-size: 16px; font-weight: 700; text-decoration: none; color: var(--pa-lacivert); }
@media (prefers-reduced-motion: no-preference) {
  .pa-kimg { transition: transform 1.2s cubic-bezier(.16, 1, .3, 1); }
  .pa-kart:has(.pa-kl:hover) .pa-kimg, .pa-kart:focus-within .pa-kimg { transform: scale(1.06); }
  .pa-kl .pa-ok, .pa-satir .pa-ok2 { transition: transform 0.5s cubic-bezier(.16, 1, .3, 1); }
  .pa-kl:hover .pa-ok, .pa-kl:focus-visible .pa-ok { transform: translateX(calc(5px * var(--pa-yon))) scaleX(var(--pa-yon)); }
  .pa-satir:hover .pa-ok2, .pa-satir:focus-visible .pa-ok2 { transform: translate(calc(3px * var(--pa-yon)), -3px) scaleX(var(--pa-yon)); }
}

/* ═══ Proje sihirbazı ═══ */
.pa-sihirbaz { background: var(--pa-sis); }
.pa-sihirbaz-bas { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px 64px; }
.pa-sihirbaz-bas > div { flex: 1 1 560px; min-width: 0; }
.pa-sihirbaz-bas > p { flex: 1 1 360px; max-width: 480px; }
.pa-panel { margin-top: 48px; padding: clamp(20px, 4vw, 48px); border-radius: var(--pa-r); background: #FFFFFF; box-shadow: inset 0 3px 0 var(--pa-vurgu), 0 1px 2px rgba(10, 18, 32, 0.06); }
.pa-adimlar { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 0 0 32px; padding: 0 0 20px; list-style: none; border-bottom: 1px solid var(--pa-cizgi); }
.pa-adimlar li { display: flex; align-items: center; gap: 10px; font-size: 14.5px; font-weight: 600; color: var(--pa-metin-3); }
.pa-adimlar li span { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 1px solid var(--pa-cizgi-2); border-radius: var(--pa-rs); font-family: var(--pa-mono); font-size: 12.5px; font-weight: 500; }
.pa-adimlar li.etkin { color: var(--pa-lacivert); }
.pa-adimlar li.etkin span { border-color: var(--pa-lacivert); background: var(--pa-lacivert); color: var(--pa-vurgu); }
.pa-adimlar li.tamam span { border-color: var(--pa-lacivert); color: var(--pa-lacivert); }
.pa-soru { display: block; margin: 0 0 6px; padding: 0; font-family: var(--pa-disp); font-size: 22px; line-height: 1.25; font-weight: 700; letter-spacing: -0.01em; }
.pa-not { margin: 0 0 18px; font-size: 14.5px; color: var(--pa-metin-3); }
fieldset.pa-kume { margin: 0; padding: 0; border: 0; min-width: 0; }
.pa-secenekler { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
.pa-secenek { position: relative; display: flex; flex-direction: column; gap: 4px; min-height: 84px; padding: 14px 16px; border: 1px solid var(--pa-cizgi-2); border-radius: var(--pa-rs); background: #FFFFFF; cursor: pointer; transition: border-color 0.15s, box-shadow 0.15s; }
.pa-secenek:hover { border-color: var(--pa-lacivert); }
.pa-secenek input { position: absolute; top: 0; left: 0; opacity: 0; width: 1px; height: 1px; margin: 0; }
.pa-secenek b { font-size: 15px; line-height: 1.3; font-weight: 700; }
.pa-secenek small { font-family: var(--pa-mono); font-size: 11.5px; letter-spacing: 0.04em; color: var(--pa-metin-3); }
.pa-secenek:has(input:checked), .pa-secenek.secili { border-color: var(--pa-lacivert); box-shadow: inset 0 0 0 1px var(--pa-lacivert), inset 0 3px 0 var(--pa-vurgu); }
.pa-secenek:has(input:focus-visible) { outline: 3px solid #0A1220; outline-offset: 3px; }
.pa-ozellikler { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 10px; }
.pa-ozellik { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border: 1px solid var(--pa-cizgi-2); border-radius: var(--pa-rs); cursor: pointer; }
.pa-ozellik:hover { border-color: var(--pa-lacivert); }
.pa-ozellik:has(input:checked) { border-color: var(--pa-lacivert); background: #F7F9FB; box-shadow: inset 0 0 0 1px var(--pa-lacivert); }
.pa-ozellik input { flex: 0 0 auto; width: 18px; height: 18px; margin: 2px 0 0; accent-color: #0A1220; }
.pa-ozellik b { display: block; font-size: 15px; line-height: 1.35; }
.pa-ozellik span span { display: block; margin-top: 2px; font-size: 13.5px; line-height: 1.45; color: var(--pa-metin-3); }
.pa-adim-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 28px; }
.pa-adim-alt.sag { justify-content: flex-end; }

/* ═══ Ürünler (DasStudio · Enformer çekirdeği) ═══ */
.pa-urun { position: relative; overflow: hidden; background: var(--pa-lacivert); color: #FFFFFF; }
.pa-urun-sahne { position: relative; }
.pa-urun-arka { position: absolute; inset: 0; overflow: hidden; }
.pa-urun-bg { position: absolute; inset: 0; }
.pa-urun-bg img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 30% 50%; }
[dir="rtl"] .pa-urun-bg img { transform: scaleX(-1); }
.pa-urun-ton { position: absolute; inset: 0; background: linear-gradient(270deg, rgba(10, 18, 32, 0.97) 0%, rgba(10, 18, 32, 0.9) 44%, rgba(10, 18, 32, 0.55) 78%, rgba(10, 18, 32, 0.45) 100%); }
[dir="rtl"] .pa-urun-ton { background: linear-gradient(90deg, rgba(10, 18, 32, 0.97) 0%, rgba(10, 18, 32, 0.9) 44%, rgba(10, 18, 32, 0.55) 78%, rgba(10, 18, 32, 0.45) 100%); }
.pa-urun-ic { position: relative; max-width: 1440px; margin: 0 auto; display: flex; justify-content: flex-end; padding: 128px var(--pa-kenar); }
.pa-urun-ic > div { flex: 0 1 640px; min-width: 0; }
.pa-urun .pa-giris { margin-top: 18px; max-width: 46ch; }
.pa-uliste { margin: 36px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(255, 255, 255, 0.16); }
.pa-uliste > li { border-bottom: 1px solid rgba(255, 255, 255, 0.16); }
.pa-satir { display: flex; align-items: center; gap: 16px; min-height: 68px; padding: 12px 0; text-decoration: none; }
.pa-satir-govde { flex: 1 1 auto; min-width: 0; }
.pa-satir-ust { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; }
.pa-satir-ad { font-family: var(--pa-disp); font-size: 22px; line-height: 1.2; letter-spacing: -0.015em; font-weight: 700; color: #FFFFFF; }
.pa-satir-tur { font-family: var(--pa-mono); font-size: 12px; letter-spacing: 0.06em; color: var(--pa-acik-2); }
.pa-satir-aciklama { display: block; margin-top: 6px; font-size: 15px; line-height: 1.5; color: var(--pa-acik-1); }
.pa-satir:hover .pa-satir-ad { text-decoration: underline; }
.pa-moduller { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; padding: 0; list-style: none; }
.pa-modul { display: inline-flex; align-items: center; gap: 7px; padding: 5px 10px; border: 1px solid rgba(255, 255, 255, 0.24); border-radius: var(--pa-rs); font-family: var(--pa-mono); font-size: 11.5px; letter-spacing: 0.04em; color: var(--pa-acik-2); }
.pa-modul b { font-family: var(--pa-govde); font-size: 13px; font-weight: 700; letter-spacing: 0; color: #FFFFFF; }
.pa-beta { padding: 1px 6px; border: 1px solid var(--pa-vurgu); border-radius: var(--pa-rs); font-size: 10px; letter-spacing: 0.08em; color: var(--pa-vurgu); }
.pa-urun-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 36px; }
.pa-urun-cta .pa-metin-link { min-height: 52px; font-weight: 600; color: #FFFFFF; }
@media (max-width: 719px) {
  .pa-urun-ic { padding-top: 96px; padding-bottom: 96px; }
  .pa-urun-ton, [dir="rtl"] .pa-urun-ton { background: linear-gradient(0deg, rgba(10, 18, 32, 0.96) 0%, rgba(10, 18, 32, 0.9) 60%, rgba(10, 18, 32, 0.72) 100%); }
}

/* ═══ Bölgeler ═══ */
.pa-bolge { background: var(--pa-sis); padding-top: 112px; padding-bottom: 112px; }
.pa-bolge-ic { display: flex; flex-wrap: wrap; gap: 48px 72px; }
.pa-bolge-sol { flex: 1 1 420px; min-width: 0; }
.pa-bolge-sol .pa-giris { margin-top: 22px; max-width: 48ch; }
.pa-bolge-sol .pa-giris + .pa-giris { margin-top: 14px; }
.pa-bolge-sol .pa-kucuk-etiket { margin-top: 28px; }
.pa-cipler { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; font-size: 15px; font-weight: 600; }
.pa-cip { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 16px; border: 1px solid var(--pa-cizgi-2); border-radius: var(--pa-rs); background: #FFFFFF; text-decoration: none; }
.pa-cip:hover { border-color: var(--pa-lacivert); }
.pa-cip-ek { font-weight: 500; color: var(--pa-metin-3); }
.pa-bolge-sol .pa-metin-link { margin-top: 18px; }
.pa-sayilar { flex: 1.25 1 560px; min-width: 0; display: flex; flex-wrap: wrap; gap: 16px; margin: 0; align-content: flex-start; }
.pa-sayi { flex: 1 1 260px; display: flex; flex-direction: column-reverse; justify-content: flex-end; padding: 30px 30px 28px; border-radius: var(--pa-r); background: #FFFFFF; box-shadow: inset 0 3px 0 var(--pa-vurgu); }
.pa-sayi dt { margin-top: 12px; font-size: 15px; line-height: 1.45; color: var(--pa-metin-2); }
.pa-sayi dt span { display: block; font-family: var(--pa-mono); font-size: 12px; letter-spacing: 0.08em; color: var(--pa-metin-3); }
.pa-sayi dd { margin: 0; font-family: var(--pa-disp); font-size: 84px; line-height: 0.95; letter-spacing: -0.04em; font-weight: 800; }
.pa-say-on { display: none; }
@media (max-width: 719px) {
  .pa-bolge { padding-top: 84px; padding-bottom: 84px; }
  .pa-sayi { flex-basis: 140px; padding: 22px 20px; }
  .pa-sayi dd { font-size: 60px; }
}

/* ═══ Yorumlar ═══ */
.pa-yorum { background: #FFFFFF; }
.pa-yorum-bas { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 24px 64px; }
.pa-yorum-bas > div { flex: 1 1 560px; min-width: 0; }
.pa-yorum-bas .pa-giris { margin-top: 18px; max-width: 60ch; }
.pa-yorum-bas .pa-not { margin: 12px 0 0; }
.pa-puan { display: flex; align-items: center; gap: 16px; margin: 0; }
.pa-puan > b { font-family: var(--pa-disp); font-size: 56px; line-height: 1; font-weight: 800; letter-spacing: -0.03em; }
.pa-puan > span { display: block; font-size: 14.5px; line-height: 1.4; color: var(--pa-metin-3); }
.pa-yildiz { display: flex; gap: 2px; margin-bottom: 4px; color: var(--pa-vurgu); }
.pa-yildiz svg { display: block; }
.pa-yorumlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; margin: 56px 0 0; padding: 0; list-style: none; }
.pa-yorum-kart { display: flex; flex-direction: column; height: 100%; margin: 0; padding: 26px 26px 24px; border: 1px solid var(--pa-cizgi); border-radius: var(--pa-r); background: #FFFFFF; }
.pa-yorum-tur { margin: 0; font-family: var(--pa-mono); font-size: 11.5px; letter-spacing: 0.06em; color: var(--pa-metin-3); text-transform: uppercase; }
.pa-yorum-kart blockquote { flex: 1; margin: 14px 0 22px; font-size: 15.5px; line-height: 1.65; color: var(--pa-metin-4); }
.pa-yorum-kart blockquote p { margin: 0; }
.pa-yorum-kart figcaption { display: flex; align-items: center; gap: 12px; padding-top: 16px; border-top: 1px solid var(--pa-cizgi); }
.pa-bas-harf { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 38px; height: 38px; border-radius: var(--pa-rs); background: var(--pa-lacivert); color: var(--pa-vurgu); font-family: var(--pa-disp); font-weight: 800; text-transform: uppercase; }
.pa-yorum-kart figcaption b { display: block; font-size: 14.5px; }
.pa-yorum-kart figcaption span span { display: block; font-size: 13px; color: var(--pa-metin-3); }

/* ═══ Hızlı teklif (kapanış) ═══ */
.pa-teklif { background: var(--pa-lacivert); color: #FFFFFF; padding-top: 104px; padding-bottom: 104px; }
.pa-teklif-ic { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 48px 72px; }
.pa-teklif-sol { flex: 1 1 480px; min-width: 0; }
.pa-teklif .pa-h2 { font-size: clamp(36px, 3.8vw, 54px); line-height: 1.05; }
.pa-teklif .pa-giris { margin-top: 18px; max-width: 52ch; }
.pa-dogrudan { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.pa-teklif-form { flex: 1 1 440px; min-width: 0; max-width: 620px; padding: clamp(20px, 3vw, 36px); border-radius: var(--pa-r); background: #FFFFFF; color: var(--pa-metin); box-shadow: inset 0 3px 0 var(--pa-vurgu); }
.pa-teklif-form > p { margin: 0 0 6px; font-family: var(--pa-mono); font-size: 12px; letter-spacing: 0.08em; color: var(--pa-metin-3); }
.pa-teklif-form h3 { margin: 0 0 20px; font-family: var(--pa-disp); font-size: 24px; line-height: 1.2; font-weight: 700; letter-spacing: -0.01em; }
.pa-teklif-form .pa-alanlar { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.pa-teklif-form .pa-btn { width: 100%; justify-content: center; margin-top: 18px; }
.pa-form-alt { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 16px; margin-top: 10px; font-size: 14px; }
.pa-form-alt a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; text-decoration: underline; }
.pa-isik { animation: pa-isik 1.6s ease-out 1; }
@keyframes pa-isik { 0% { box-shadow: inset 0 3px 0 #EEC10D, 0 0 0 0 rgba(238, 193, 13, 0.9); } 100% { box-shadow: inset 0 3px 0 #EEC10D, 0 0 0 18px rgba(238, 193, 13, 0); } }

/* ════════════════════════════════════════════════════════════════════
   HAREKET
   ════════════════════════════════════════════════════════════════════ */
@property --pa-n { syntax: '<integer>'; inherits: false; initial-value: 0; }
@keyframes pa-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes pa-rise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
@keyframes pa-word { from { opacity: 0; transform: translateY(0.36em); filter: blur(12px); } to { opacity: 1; transform: none; filter: blur(0); } }
@keyframes pa-line { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes pa-push { 0% { opacity: 0; transform: scale(1.14); } 35% { opacity: 1; } 100% { opacity: 1; transform: scale(1); } }
@keyframes pa-drift { from { transform: scale(1) translate(0, 0); } to { transform: scale(1.07) translate(-1.6%, -1.1%); } }
@keyframes pa-par { from { transform: translateY(0); } to { transform: translateY(16%); } }
@keyframes pa-par2 { from { transform: translateY(-6%) scale(1.14); } to { transform: translateY(6%) scale(1.14); } }
@keyframes pa-rv { from { opacity: 0; transform: translateY(56px); } to { opacity: 1; transform: none; } }
@keyframes pa-zoom { from { transform: scale(1.2); } to { transform: scale(1); } }
@keyframes pa-slide { from { opacity: 0; transform: translateX(calc(56px * var(--pa-yon))); } to { opacity: 1; transform: none; } }
@keyframes pa-say { from { --pa-n: 0; } to { --pa-n: var(--pa-hedef); } }
@keyframes pa-gel { 0% { opacity: 0; transform: translateY(32vh); } 45% { opacity: 1; } 100% { opacity: 1; transform: none; } }
@keyframes pa-sag { from { opacity: 0; transform: translateX(calc(160px * var(--pa-yon))); } to { opacity: 1; transform: none; } }
@keyframes pa-yak { from { opacity: 0.18; } to { opacity: 1; } }
@keyframes pa-cik { from { opacity: 1; transform: none; } to { opacity: 0; transform: translateY(-96px); } }
@keyframes pa-geri { from { transform: scale(1.3); } to { transform: scale(1.04); } }

/* Açılış (zamanlı) */
@media (prefers-reduced-motion: no-preference) {
  [data-hareket="sin"] .pa-a-fade { animation: pa-fade var(--pa-sure, 800ms) ease var(--pa-g, 0ms) both; }
  [data-hareket="sin"] .pa-a-rise { animation: pa-rise var(--pa-sure, 900ms) cubic-bezier(.16, 1, .3, 1) var(--pa-g, 0ms) both; }
  [data-hareket="sin"] .pa-a-word { animation: pa-word 1000ms cubic-bezier(.16, 1, .3, 1) var(--pa-g, 0ms) both; }
  [data-hareket="sin"] .pa-a-line { animation: pa-line var(--pa-sure, 1000ms) cubic-bezier(.65, 0, .35, 1) var(--pa-g, 0ms) both; }
  [data-hareket="sin"] .pa-a-push { animation: pa-push 2400ms cubic-bezier(.22, .61, .36, 1) both; }
  [data-hareket="sin"] .pa-a-drift { animation: pa-drift 26s ease-in-out 2400ms infinite alternate both; }
  [data-hareket="sin"] .pa-durdu .pa-a-drift { animation-play-state: paused; }
}

/* Kaydırmaya bağlı (destekleyen tarayıcılarda; Firefox'ta içerik hareketsiz ve tam görünür) */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    [data-hareket="sin"] .pa-sv-par { animation-name: pa-par; animation-timing-function: linear; animation-fill-mode: both; animation-timeline: view(); animation-range: exit 0% exit 100%; }
    [data-hareket="sin"] .pa-sv-cik { animation-name: pa-cik; animation-timing-function: linear; animation-fill-mode: both; animation-timeline: view(); animation-range: exit 0% exit 80%; }
    [data-hareket="sin"] .pa-sv-rv { animation-name: pa-rv; animation-timing-function: cubic-bezier(.16, 1, .3, 1); animation-fill-mode: both; animation-timeline: view(); animation-range: var(--pa-gr, entry 10% cover 30%); }
    [data-hareket="sin"] .pa-sv-sl { animation-name: pa-slide; animation-timing-function: cubic-bezier(.16, 1, .3, 1); animation-fill-mode: both; animation-timeline: view(); animation-range: var(--pa-gr, entry 0% cover 30%); }
    [data-hareket="sin"] .pa-sv-zum { animation-name: pa-zoom; animation-timing-function: linear; animation-fill-mode: both; animation-timeline: view(); animation-range: entry 0% cover 50%; }
    [data-hareket="sin"] .pa-sv-par2 { animation-name: pa-par2; animation-timing-function: linear; animation-fill-mode: both; animation-timeline: view(); animation-range: cover 0% cover 100%; }
    [data-hareket="sin"] .pa-yak-baslik { view-timeline-name: --pa-baslik; }
    [data-hareket="sin"] .pa-sv-yak { animation-name: pa-yak; animation-timing-function: linear; animation-fill-mode: both; animation-timeline: --pa-baslik; animation-range: var(--pa-gr); }
  }
  @media (prefers-reduced-motion: no-preference) and (max-height: 1500px) {
    [data-hareket="sin"] .pa-say-g { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
    [data-hareket="sin"] .pa-say-on { display: inline; counter-reset: pa-n var(--pa-n); animation-name: pa-say; animation-timing-function: linear; animation-fill-mode: both; animation-timeline: view(); animation-range: entry 0% cover 45%; }
    [data-hareket="sin"] .pa-say-on::after { content: counter(pa-n) attr(data-ek); }
  }
  /* Sabitlenen sahneler: hizmetler, ürünler, bölgeler */
  @media (prefers-reduced-motion: no-preference) and (min-width: 1200px) and (min-height: 660px) and (max-height: 1500px) {
    [data-hareket="sin"] .pa-sabit { height: var(--pa-boy); padding-top: 0; padding-bottom: 0; overflow: clip; view-timeline: --pa-sahne block; }
    [data-hareket="sin"] .pa-sahne { position: sticky; top: 0; height: 100vh; padding-top: clamp(16px, 5vh, 64px); padding-bottom: clamp(16px, 5vh, 64px); }
    [data-hareket="sin"] .pa-sahne-k { display: flex; flex-direction: column; justify-content: center; }
    [data-hareket="sin"] .pa-sahne-r { align-content: center; align-items: center; }
    [data-hareket="sin"] .pa-sabit .pa-ilerle { display: block; position: absolute; z-index: 2; top: 0; left: calc(50% - 50vw); right: calc(50% - 50vw); height: 3px; background: var(--pa-vurgu); transform-origin: left center; animation-name: pa-line; animation-timing-function: linear; animation-fill-mode: both; animation-timeline: --pa-sahne; animation-range: contain 0% contain 100%; }
    [dir="rtl"] [data-hareket="sin"] .pa-sabit .pa-ilerle { transform-origin: right center; }
    [data-hareket="sin"] .pa-sabit .pa-adim, [data-hareket="sin"] .pa-sabit .pa-zum, [data-hareket="sin"] .pa-sabit .pa-say-on { animation-timeline: --pa-sahne; animation-range: var(--pa-ar); }
    [data-hareket="sin"] .pa-sabit .pa-adim-y { animation-name: pa-gel; }
    [data-hareket="sin"] .pa-sabit .pa-adim-x { animation-name: pa-sag; }
    [data-hareket="sin"] .pa-sabit .pa-urun-bg { animation-name: pa-geri; animation-timeline: --pa-sahne; animation-range: entry 0% contain 100%; }
    [data-hareket="sin"] .pa-sabit .pa-adim:focus-within { animation-name: none; }
    /* sığdırma: sabit sahnede ölçüler ekran yüksekliğine göre */
    [data-hareket="sin"] .pa-sabit .pa-h2 { font-size: clamp(34px, min(4.2vw, 6.6vh), 60px); }
    [data-hareket="sin"] .pa-sabit .pa-kartlar { margin-top: clamp(18px, 4.5vh, 64px); }
    [data-hareket="sin"] .pa-sabit .pa-kfoto { aspect-ratio: auto; height: clamp(140px, 33vh, 360px); }
    [data-hareket="sin"] .pa-sabit .pa-kliste { margin-top: clamp(10px, 2vh, 20px); }
    [data-hareket="sin"] .pa-sabit .pa-kliste a, [data-hareket="sin"] .pa-sabit .pa-kliste span { padding-top: clamp(5px, 1.1vh, 12px); padding-bottom: clamp(5px, 1.1vh, 12px); }
    [data-hareket="sin"] .pa-sabit .pa-kl { padding-top: clamp(4px, 1vh, 16px); }
    [data-hareket="sin"] .pa-sabit .pa-urun-ic { width: 100%; height: 100%; padding-top: 0; padding-bottom: 0; align-items: center; }
    [data-hareket="sin"] .pa-sabit .pa-uliste { margin-top: clamp(14px, 3vh, 36px); }
    [data-hareket="sin"] .pa-sabit .pa-satir { min-height: 0; padding-top: clamp(6px, 1.2vh, 12px); padding-bottom: clamp(6px, 1.2vh, 12px); }
    [data-hareket="sin"] .pa-sabit .pa-satir-aciklama { margin-top: clamp(2px, 0.6vh, 6px); }
    [data-hareket="sin"] .pa-sabit .pa-moduller { margin-top: clamp(4px, 1vh, 10px); }
    [data-hareket="sin"] .pa-sabit .pa-urun-cta { margin-top: clamp(14px, 3vh, 36px); }
    [data-hareket="sin"] .pa-sabit .pa-cip-fazla { display: none; }
    [data-hareket="sin"] .pa-sabit .pa-cip-ek { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
    [data-hareket="sin"] .pa-sabit .pa-bolge-sol .pa-giris { font-size: clamp(15px, 2.5vh, 18px); }
    [data-hareket="sin"] .pa-sabit .pa-sayi { padding-top: clamp(16px, 3.4vh, 30px); padding-bottom: clamp(16px, 3.2vh, 28px); }
    [data-hareket="sin"] .pa-sabit .pa-sayi dd { font-size: clamp(54px, 9vh, 84px); }
  }
}

@media (prefers-reduced-motion: reduce) {
  .pa-dur { display: none !important; }
}

/* Tüm yorumlar (açılır liste) */
.pa-yorum-tumu { margin-top: 32px; }
.pa-yorum-tumu > summary { list-style: none; cursor: pointer; }
.pa-yorum-tumu > summary::-webkit-details-marker { display: none; }
.pa-yorum-tumu > summary svg { transition: transform 0.2s; }
.pa-yorum-tumu[open] > summary svg { transform: rotate(180deg); }
.pa-yorum-tumu .pa-yt-kapa, .pa-yorum-tumu[open] .pa-yt-ac { display: none; }
.pa-yorum-tumu[open] .pa-yt-kapa { display: inline; }
.pa-yorum-liste { columns: 3 300px; column-gap: 16px; margin: 24px 0 0; padding: 0; list-style: none; }
.pa-yorum-liste li { break-inside: avoid; margin: 0 0 16px; padding: 18px 20px; border: 1px solid var(--pa-cizgi); border-radius: var(--pa-r); background: var(--pa-sis); }
.pa-yorum-liste blockquote { margin: 8px 0 12px; font-size: 15px; line-height: 1.6; color: var(--pa-metin-4); }
.pa-yorum-liste blockquote p { margin: 0; }
.pa-yl-puan { margin: 0; font-family: var(--pa-mono); font-size: 12.5px; color: var(--pa-metin-3); }
.pa-yl-puan span[aria-hidden] { color: #B88A00; }
.pa-yl-kim { margin: 0; font-size: 13px; color: var(--pa-metin-3); }
.pa-yl-kim b { color: var(--pa-metin-4); font-weight: 600; }