/* ÖDÜLLER — yayın grafiği dilinde ödül sayfası.

   Hareketin tamamı kaydırmaya bağlı: her ödül bloğu ekranın içinden geçerken
   -1..+1 arasında bir ilerleme değeri alır (oduller.js) ve bu değer CSS
   değişkenlerine yazılır. Nakit ödüller sağa-sola salınır ve üzerlerinden
   yansıma geçer; cihazlar gerçek 3B gövde olarak tam 360° döner.

   Hiçbir bilgi yalnız harekete bağlı değildir: html.motion sınıfı yoksa veya
   prefers-reduced-motion açıksa sayfa sabit durur, bütün metin ve görseller
   olduğu gibi okunur. */

.prize-page { padding-bottom: 20px; }

/* ---------- Yayın başlığı ---------- */
.pz-hero {
  position: relative; isolation: isolate; overflow: hidden;
  margin-top: 8px; padding: 38px 40px 34px;
  background: linear-gradient(112deg, #13121b 0%, #0d0d14 52%, #1a1520 100%);
  border: 1px solid var(--line); border-top: 3px solid var(--yellow);
}
.pz-hero > * { position: relative; z-index: 2; }
.pz-grid { position: absolute; inset: 0; z-index: 0; background: url('assets/grid.png') center / cover; opacity: .18; pointer-events: none; }
.pz-scan {
  position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: .5;
  background: repeating-linear-gradient(180deg, #ffffff08 0 1px, transparent 1px 4px);
}
.pz-glow {
  position: absolute; z-index: 0; inset: -40% -10% auto -10%; height: 150%; pointer-events: none;
  background: radial-gradient(ellipse at 22% 40%, #fbbc0426 0%, transparent 62%);
}
.pz-sweep {
  position: absolute; z-index: 1; top: -30%; bottom: -30%; width: 240px; left: -300px;
  background: linear-gradient(90deg, transparent, #fbbc042e, transparent);
  transform: skewX(-12deg); pointer-events: none;
}
.motion .pz-sweep { animation: pz-sweep 8s linear infinite; }
@keyframes pz-sweep { from { left: -300px; } to { left: 112%; } }

.pz-top { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; margin-bottom: 18px; }
.pz-badge {
  display: inline-flex; align-items: center; gap: 9px; padding: 7px 13px 6px;
  background: var(--yellow); color: var(--bg); transform: skewX(-8deg);
  font: 700 9px/1 ArenaSans, Arial, sans-serif; letter-spacing: .2em;
}
.pz-badge i { width: 7px; height: 7px; background: var(--bg); border-radius: 50%; flex: none; }
.motion .pz-badge i { animation: pz-blink 1.8s ease-in-out infinite; }
@keyframes pz-blink { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
.pz-top .eyebrow { color: var(--muted); letter-spacing: .2em; font-size: 9px; }

.pz-hero h1 { font: 800 clamp(58px, 8.4vw, 118px)/.84 ArenaDisplay, Impact, sans-serif; color: var(--white); }
.pz-rule { display: block; height: 4px; width: 150px; background: var(--yellow); margin: 18px 0 18px; }
.motion .pz-rule { transform-origin: left center; animation: pz-rule .9s var(--ease) both; }
@keyframes pz-rule { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.pz-hero > p { font-size: 14px; line-height: 1.7; color: #bcbcc9; max-width: 640px; }


/* ---------- Ödül listesi ---------- */
.pz-list { list-style: none; margin: 0; padding: 0; }
.pz {
  --p: 0;                       /* kaydırma ilerlemesi, -1..+1 (oduller.js yazar) */
  --vurgu: var(--yellow);
  position: relative; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  align-items: center; gap: 30px 44px;
  padding: 72px 0 68px; border-top: 1px solid var(--line);
}
.pz:first-child { border-top: 0; }
.pz[data-sira="2"] { --vurgu: #d8dbe4; }
.pz[data-sira="3"] { --vurgu: var(--blue); }
.pz[data-sira="4"] { --vurgu: var(--red); }
/* Tek sayılı ödüllerde sahne solda, çift sayılılarda sağda: liste tekdüze akmasın. */
.pz[data-sira="2"] .pz-sahne, .pz[data-sira="4"] .pz-sahne { order: 2; }

.pz-bilgi { min-width: 0; }
.pz-no {
  display: inline-grid; place-items: center; min-width: 62px; padding: 9px 14px 8px; margin-bottom: 18px;
  background: var(--vurgu); color: var(--bg); transform: skewX(-8deg);
  font: 900 26px/1 ArenaDisplay, Impact, sans-serif; font-variant-numeric: tabular-nums;
}
.pz[data-sira="2"] .pz-no { color: #15151c; }
.pz-bilgi .eyebrow { color: var(--vurgu); letter-spacing: .18em; font-size: 10px; margin-bottom: 12px; }
.pz-bilgi h2 { font: 800 clamp(30px, 3.8vw, 50px)/.92 ArenaDisplay, Impact, sans-serif; overflow-wrap: anywhere; }
/* "BİR MİLYON TL" — para birimi başlıkta küçük punto. */
.pz-bilgi h2 .h2-birim { font-size: .5em; letter-spacing: .02em; }
.pz-bilgi > p { font-size: 13px; line-height: 1.75; color: var(--muted); margin-top: 16px; max-width: 460px; }
.pz-etiketler { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 20px; }
.pz-etiket {
  padding: 8px 11px 7px; background: #15151d; border: 1px solid #2a2a35;
  font: 700 9px/1 ArenaSans, Arial, sans-serif; letter-spacing: .12em; color: #c2c2ce;
}
.pz-etiket[data-tone=vurgu] { border-color: var(--vurgu); color: var(--white); }

/* ---------- Sahne (3B alan) ---------- */
.pz-sahne {
  position: relative; display: grid; place-items: center; min-height: 380px;
  perspective: 1200px; perspective-origin: 50% 45%;
}
.pz-zemin {
  position: absolute; inset: auto 0 12% 0; height: 1px; background: linear-gradient(90deg, transparent, var(--vurgu), transparent);
  opacity: .45; pointer-events: none;
}
.pz-hale {
  position: absolute; width: 74%; aspect-ratio: 1; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, var(--vurgu) 30%, transparent) 0%, transparent 66%);
  filter: blur(6px);
}

/* ---------- Nakit ödül: metal yazı + yansıma ----------
   Buradaki yazının arkasında bir de "kabartma" katmanı vardı: aynı metnin
   opak, basamaklı text-shadow'lu kopyası. Kuralında `font: inherit` yazdığı
   için üstteki `font: 900 clamp(...)` bildirimini eziyor ve kopya, gövde
   yazı tipinin küçük boyutunda çiziliyordu — tutarın sol üstünde minik, koyu
   bir "hayalet" metin olarak. Kullanıcı bunu hata olarak bildirdi; katman
   tamamen kaldırıldı. Derinlik istenirse `font: inherit` atılıp geri
   eklenebilir, ama tutarlar gradyan + yansımayla zaten okunuyor. */
.pz-tutar {
  position: relative; text-align: center; transform-style: preserve-3d;
  transform: translateX(calc(var(--p) * 34px)) rotateY(calc(var(--p) * -15deg)) rotateX(calc(var(--p) * 3deg));
  will-change: transform;
}
.pz-tutar-metin {
  display: block;
  font: 900 clamp(52px, 8.6vw, 118px)/.86 ArenaDisplay, Impact, sans-serif;
  letter-spacing: -.01em; white-space: nowrap;
  /* Yüzey: metal gradyan. Kaydırmayla gradyanın yeri kayar ve yazının
     üzerinden bir yansıma geçiyormuş gibi olur.

     Önemli: gradyan bandı geniş (%200) ama kayma dar (±%30) tutuluyor. İlk
     denemede kayma ±%50'ydi ve blok ekranın ucuna geldiğinde (--p = ±1)
     gradyanın koyu kenarı yazının üstüne oturup metni neredeyse siyah
     bırakıyordu. Şimdi hangi --p değerinde olursa olsun yüzey parlak kalıyor:
     bütün duraklar açık, en koyu durak bile okunur gri. */
  background: linear-gradient(100deg,
    #c6c9d3 0%,
    #ffffff 20%,
    color-mix(in srgb, var(--vurgu) 88%, #ffffff) 38%,
    #ffffff 52%,
    color-mix(in srgb, var(--vurgu) 70%, #ffffff) 68%,
    #eceef4 84%,
    #b9bdc8 100%);
  background-size: 200% 100%;
  background-position: calc(50% + var(--p) * 30%) 0;
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
  position: relative; z-index: 1;
}
.pz-tutar-birim { font-size: .42em; margin-left: .12em; letter-spacing: .02em; }
/* Yansıma: aynı yazının ters çevrilmiş, soluk kopyası. */
.pz-tutar-yansima {
  display: block; margin-top: 6px; transform: scaleY(-1);
  font: 900 clamp(52px, 8.6vw, 118px)/.86 ArenaDisplay, Impact, sans-serif;
  letter-spacing: -.01em; white-space: nowrap;
  background: linear-gradient(100deg, color-mix(in srgb, var(--vurgu) 55%, #9a9aa6), #e6e6ee, color-mix(in srgb, var(--vurgu) 55%, #9a9aa6));
  -webkit-background-clip: text; background-clip: text; color: transparent;
  opacity: .2;
  -webkit-mask-image: linear-gradient(to top, #000 0%, transparent 72%);
  mask-image: linear-gradient(to top, #000 0%, transparent 72%);
  pointer-events: none; user-select: none;
}
.pz-tutar-etiket {
  display: block; margin-top: 16px;
  font: 700 11px/1 ArenaSans, Arial, sans-serif; letter-spacing: .28em; color: var(--vurgu);
}

/* ---------- Cihaz: 3B gövde + resmî ürün render'ları ----------
   Ön ve arka yüz artık CSS ile çizilmiş sahte ekran/kamera değil; Samsung'un
   kendi ürün sayfalarındaki DÜZ (tam karşıdan) render'ları. Saydam PNG'ler
   assets/oduller/ altında ve platform/scripts/odul-cihaz.py ile yeniden
   üretilebiliyor. Gövdenin kalınlığı hâlâ dört CSS kenarından geliyor:
   90°'de cihaz kâğıt gibi kaybolmasın diye.

   Köşe yarıçapı (--r) görselin kendi köşe yuvarlaklığıyla aynı olmak zorunda;
   aksi halde cam parlaması saydam köşelerin dışına taşıyor ve dönerken keskin
   bir dikdörtgen beliriyor. Yarıçap ve kenar payları bu yüzden genişlikten
   hesaplanıyor, sabit piksel değil — duyarlı boyutlarda kendiliğinden uyuyor. */
.cihaz {
  --g: 205px;                  /* genişlik (görsel oranı 336/720) */
  --y: 440px;                  /* yükseklik */
  --d: 15px;                   /* kalınlık: 5,8 mm / 77,6 mm gövde genişliği */
  --r: calc(var(--g) * .075);  /* köşe yarıçapı */
  --kenar-a: #e2e4e8;          /* silver shadow metal */
  --kenar-b: #9aa0a8;
  position: relative; width: var(--g); height: var(--y);
  transform-style: preserve-3d;
  transform: rotateX(-7deg) rotateY(calc(var(--p) * 180deg));
  will-change: transform;
}
.cihaz .yuz, .cihaz .kenar { position: absolute; backface-visibility: hidden; }
.cihaz .yuz { inset: 0; border-radius: var(--r); overflow: hidden; }
.cihaz .yuz img { display: block; width: 100%; height: 100%; }
.cihaz .on { transform: translateZ(calc(var(--d) / 2)); }
.cihaz .arka { transform: rotateY(180deg) translateZ(calc(var(--d) / 2)); }

/* Yüzeyin üzerinden geçen parlama: camda sert, metal arkada daha yumuşak. */
.ekran-parlama, .arka-parlama { position: absolute; inset: 0; pointer-events: none; }
.ekran-parlama { background: linear-gradient(118deg, #ffffff00 30%, #ffffff30 46%, #ffffff0d 54%, #ffffff00 66%); }
.arka-parlama { background: linear-gradient(126deg, #ffffff00 34%, #ffffff20 48%, #ffffff00 64%); }

/* Kenarlar: gövdeye gerçek kalınlık verir. Köşe yarıçapı kadar içeri
   alınıyorlar; tam boy bırakılırsa yuvarlak köşelerin dışına çıkıp
   cihazın dört ucundan çıkıntı yapıyorlar.

   Kaydırma sonrası ÖTELEME EKSENİ önemli: kenar önce döndürülüp sonra kendi
   Z'sinde ötelenirse (rotateY(-90deg) translateZ(...)) duvar gövdenin yan
   yüzüne oturmuyor — yarım kalınlık dışarı kayıyor ve z aralığı da
   -d/2..+d/2 yerine 0..d oluyor. Yan yüzler koyu ve birbirine benzerken bu
   fark görünmüyordu; gerçek ürün render'ları takılınca 129°'de kenar
   gövdeden kopuk bir şerit hâlinde ortaya çıktı (ölçüldü). Doğrusu, önce
   kendi düzleminde yarım kalınlık kaydırıp sonra döndürmek: translateX/Y
   dönüşten ÖNCE uygulanır ve duvar tam yerine oturur.

   Seçiciler bilerek `.kenar.sol` biçiminde: Fold'un menteşe kanatları da
   `sol`/`sag` sınıfını taşıyor ve kural yalnız `.sol` olsaydı kanatlara da
   uygulanırdı — nitekim ilk denemede sağ kanat kenar kuralındaki
   rotateY(90deg) yüzünden 90° dönüp ince bir şerit olarak çizildi. */
.cihaz .kenar { background: linear-gradient(180deg, var(--kenar-a), var(--kenar-b) 45%, var(--kenar-a)); }
.cihaz .kenar.sol  { left: 0;  top: var(--r); width: var(--d); height: calc(100% - var(--r) * 2); transform: rotateY(-90deg) translateX(calc(var(--d) / -2)); transform-origin: left center; }
.cihaz .kenar.sag  { right: 0; top: var(--r); width: var(--d); height: calc(100% - var(--r) * 2); transform: rotateY(90deg) translateX(calc(var(--d) / 2)); transform-origin: right center; }
.cihaz .kenar.ust  { left: var(--r); top: 0; width: calc(100% - var(--r) * 2); height: var(--d); transform: rotateX(90deg) translateY(calc(var(--d) / -2)); transform-origin: center top; background: linear-gradient(90deg, var(--kenar-a), var(--kenar-b) 45%, var(--kenar-a)); }
.cihaz .kenar.alt  { left: var(--r); bottom: 0; width: calc(100% - var(--r) * 2); height: var(--d); transform: rotateX(-90deg) translateY(calc(var(--d) / 2)); transform-origin: center bottom; background: linear-gradient(90deg, var(--kenar-a), var(--kenar-b) 45%, var(--kenar-a)); }

.cihaz-golge {
  position: absolute; left: 50%; bottom: -54px; width: 78%; height: 26px; transform: translateX(-50%);
  background: radial-gradient(ellipse, #000000b3 0%, transparent 70%); filter: blur(7px); pointer-events: none;
}

/* ---------- Fold8 Ultra: menteşeli gövde, kaydırdıkça açılıp kapanıyor ----------
   Kaynak render'ın ne olduğu burada belirleyici: Samsung'un
   viewer-initial karesi "yan yana iki katlanmış cihaz" DEĞİL, tek bir AÇIK
   cihazın dış yüzüdür (oran 0,91 ≈ açık Fold'un 143,2/158,4 = 0,90). Sol yarı
   kamera adasının olduğu arka kapak, sağ yarı kapak ekranı, ortadaki çizgi
   menteşe. Bu yüzden gövde tek bir kutu değil, menteşeyle birleşmiş İKİ KANAT:
   sol kanat menteşe etrafında dönüp sağ kanadın arkasına katlanıyor — gerçek
   cihazın kapanma yönü de budur, iç ekranlar birbirine kapanır ve dışarıda
   kapak ekranı kalır.

   İzleyici hep DIŞ yüzü görür: açıkken kamera + kapak ekranı yan yana,
   kapalıyken yalnız kapak ekranı. Bu yüzden Fold tam 360° dönmüyor; dönse iç
   ekranın karşıdan render'ı gerekirdi ve Samsung'un böyle bir düz karesi yok.
   Onun yerine ±20°'lik bir salınım var, asıl hareket açılıp kapanmak. S26
   tam turunu atmayı sürdürüyor — her cihaz kendi ayırt edici özelliğini
   gösteriyor. */
.cihaz[data-cihaz=fold] {
  --g: 387px;                  /* AÇIK genişlik (görsel oranı 629/692) */
  --y: 428px;
  --d: 11px;                   /* tek kanat kalınlığı: 4,2 mm / 143,2 mm */
  --r: calc(var(--g) * .034);  /* dış köşe yarıçapı (kanat genişliğinin ~%6,8'i) */
  --kenar-a: #574560; --kenar-b: #2a2030;   /* violet shadow gövde metali */
  /* Katlanma oranı: blok ekranın ortasındayken (|--p| küçük) tamamen açık,
     uçlara giderken kapanıyor. Ortada bir plato var ki cihaz okunabilsin. */
  --kat: clamp(0, calc((max(var(--p), calc(var(--p) * -1)) - .34) / .5), 1);
  /* Kapanınca gövde sağ yarıya iniyor; blok ortalı kalsın diye sola kaydırılıyor. */
  transform: rotateX(-7deg) rotateY(calc(var(--p) * 20deg))
             translateX(calc(var(--kat) * var(--g) * -.25));
}
.cihaz[data-cihaz=fold] .mentese { position: absolute; inset: 0; transform-style: preserve-3d; }
.cihaz[data-cihaz=fold] .kanat { position: absolute; top: 0; height: 100%; transform-style: preserve-3d; }
/* İki yarı eşit değil: sol kanat menteşe sırtını da taşıdığı için birkaç
   piksel geniş. Oranlar render'daki gerçek genişliklerden (322 / 307). */
.cihaz[data-cihaz=fold] .kanat.sol {
  left: 0; width: 51.2%; transform-origin: right center;
  transform: rotateY(calc(var(--kat) * -180deg)) translateZ(calc(var(--kat) * var(--d)));
}
.cihaz[data-cihaz=fold] .kanat.sag { right: 0; width: 48.8%; }
.cihaz[data-cihaz=fold] .yuz { inset: 0; }
.cihaz[data-cihaz=fold] .kanat.sol .yuz { border-radius: var(--r) 0 0 var(--r); }
.cihaz[data-cihaz=fold] .kanat.sag .yuz { border-radius: 0 var(--r) var(--r) 0; }
.cihaz[data-cihaz=fold] .dis { transform: translateZ(calc(var(--d) / 2)); }
/* İç yüz = kapalıyken birbirine bakan iç ekran. Kapalı cihazda görünmez,
   yalnız açılma anında sıyırtma açıyla görünür; bu yüzden sönük cam. */
.cihaz[data-cihaz=fold] .ic {
  transform: rotateY(180deg) translateZ(calc(var(--d) / 2));
  background: linear-gradient(135deg, #251d2c 0%, #120d18 55%, #2b2134 100%);
  box-shadow: inset 0 0 40px #000a;
}
.cihaz[data-cihaz=fold] .kanat .kenar {
  top: var(--r); height: calc(100% - var(--r) * 2); width: var(--d);
  background: linear-gradient(180deg, var(--kenar-a), var(--kenar-b) 45%, var(--kenar-a));
}
.cihaz[data-cihaz=fold] .kanat.sol .kenar { left: 0; transform: rotateY(-90deg) translateX(calc(var(--d) / -2)); transform-origin: left center; }
.cihaz[data-cihaz=fold] .kanat.sag .kenar { right: 0; transform: rotateY(90deg) translateX(calc(var(--d) / 2)); transform-origin: right center; }
/* Gölge de cihazla birlikte daralıyor. */
.cihaz[data-cihaz=fold] .cihaz-golge { width: calc(78% * (1 - var(--kat) * .45)); }

/* ---------- Başvuru çağrısı ---------- */
.pz-cta {
  position: relative; overflow: hidden; margin-top: 18px; padding: 40px 38px 42px;
  background: linear-gradient(112deg, #16131f 0%, #0e0e15 58%, #1b1520 100%);
  border: 1px solid var(--line); border-top: 3px solid var(--yellow);
  display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap;
}
.pz-cta h2 { font: 800 clamp(28px, 3.6vw, 44px)/.94 ArenaDisplay, Impact, sans-serif; }
.pz-cta p { font-size: 13px; line-height: 1.7; color: var(--muted); margin-top: 12px; max-width: 460px; }
.pz-cta .button { flex: none; min-width: 240px; }
.motion .pz-cta .button { animation: pz-nabiz 3.4s ease-in-out infinite; }
@keyframes pz-nabiz { 0%, 100% { box-shadow: 0 0 0 0 #fbbc0400; } 50% { box-shadow: 0 0 0 7px #fbbc0417; } }

/* ---------- Kurallar dipnotu ---------- */
.pz-kurallar {
  display: flex; align-items: flex-start; gap: 14px; margin-top: 24px; padding: 18px 20px;
  background: #101018; border: 1px solid #242430; border-left: 3px solid var(--yellow);
}
.pz-kurallar > span { flex: none; font: 900 20px/1 ArenaDisplay, Impact, sans-serif; color: var(--yellow); }
.pz-kurallar p { font-size: 12px; line-height: 1.8; color: #a9a9b8; }
.pz-kurallar a { color: #e4e4ec; text-decoration: underline; text-underline-offset: 4px; }
.pz-kurallar a:hover { color: var(--yellow); }

/* ---------- Duyarlı yerleşim ---------- */
@media (max-width: 1100px) {
  .pz-hero { padding: 30px 26px 28px; }
  .pz { gap: 24px 30px; }
  .cihaz { --g: 183px; --y: 392px; --d: 14px; }
  .cihaz[data-cihaz=fold] { --g: 344px; --y: 380px; --d: 10px; }
}
@media (max-width: 860px) {
  /* Tek sütun: sahne her zaman metnin üstünde kalır. */
  .pz { grid-template-columns: 1fr; padding: 54px 0 50px; }
  .pz[data-sira="2"] .pz-sahne, .pz[data-sira="4"] .pz-sahne { order: 0; }
  .pz-sahne { min-height: 330px; }
  .pz-cta { padding: 28px 22px 30px; }
  .pz-cta .button { width: 100%; min-width: 0; }
}
@media (max-width: 560px) {
  .pz-hero { padding: 24px 18px 24px; }
  .pz-sahne { min-height: 300px; }
  .cihaz { --g: 154px; --y: 330px; --d: 12px; }
  /* Açık Fold dar ekranda sığmıyor: kanat oranı korunarak küçültülüyor. */
  .cihaz[data-cihaz=fold] { --g: 286px; --y: 316px; --d: 8px; }
  .pz-tutar-metin, .pz-tutar-yansima { font-size: clamp(40px, 15vw, 62px); }
}

/* ---------- Bloklar ekrana girerken belirir ----------
   Gizli başlangıç durumu yalnız .reveal-ready ile açılır; bu sınıfı da ancak
   JS gözlemciyi kurabildiğinde ekliyor. JS çalışmazsa, IntersectionObserver
   yoksa veya bir blok hiç kesişmezse içerik görünür kalır. */
.motion .prize-page.reveal-ready .pz,
.motion .prize-page.reveal-ready .pz-cta,
.motion .prize-page.reveal-ready .pz-kurallar { opacity: 0; transform: translateY(20px); }
.motion .prize-page.reveal-ready .pz.is-in,
.motion .prize-page.reveal-ready .pz-cta.is-in,
.motion .prize-page.reveal-ready .pz-kurallar.is-in { animation: pz-gir .62s var(--ease) both; }
@keyframes pz-gir { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }
/* Beliriş bittikten sonra kart kendi 3B dönüşümünü sürdürebilsin diye
   animasyon yalnız sarmalayıcıya uygulanıyor; içteki .pz-tutar / .cihaz
   transformları ayrı katmanda kalıyor. */

/* Hareket kapalıyken her şey nötr konumda durur. */
@media (prefers-reduced-motion: reduce) {
  .pz-tutar, .cihaz { transform: none !important; }
  .prize-page .pz, .prize-page .pz-cta, .prize-page .pz-kurallar { opacity: 1 !important; transform: none !important; }
  .pz-tutar-metin { background-position: 50% 0 !important; }
}

/* Logo başlıktan aşağı taşar; kartın sarı üst çizgisi logoyu kesmesin diye kart logonun
   12–14 px altından başlar (07.10.2026, kullanıcı isteği). */
@media (min-width: 1180px) { .pz-hero { margin-top: 52px; } }
@media (min-width: 781px) and (max-width: 1179px) { .pz-hero { margin-top: 52px; } } /* bu aralıkta imza logonun altında: kart imzanın altından başlar */
@media (max-width: 780px) { .pz-hero { margin-top: 29px; } }