/* VİRAL SÖZLÜK · SİNEMA KATMANI (2026-10-07)
   Kullanıcı: "manyak bir tasarım, kullanımı kolay, çok modern, Higgsfield tarzında".
   Sözlük, madde ve panel üretim ekranları her temada koyu sahnedir (video önce).
   Vurgu markanın zeytin tonunun (≈74°) parlak hâli "volt"; tek vurgu, beyaz ikinci.
   Başlıklar Archivo'nun dar ucunda (wdth 72) ağır ve büyük harf. Yazı kaymaz:
   geçişler yalnız opaklık ve ölçek (sigma-testi Q). mm-sozluk.css'ten SONRA yüklenir. */

body.sinema {
  --bg: #0a0b09; --fg: #f2f4ec; --line: rgba(242, 244, 236, .11); --txt-dim: #a9ae9d; --txt-acc: #c8ef3a; --ac: #c8ef3a;
  --yuzey: #141611; --yuzey2: #1e2119; --yuzey3: #282c22; --on-ac: #10130a; --uyari: #f0c060; --hata: #ff8f80;
  --volt: #c8ef3a; --volt-ink: #10130a; --volt-golge: #86a51a; --cam: rgba(14, 16, 12, .62);
  background: var(--bg); color: var(--fg); color-scheme: dark;
}
html:has(body.sinema) { background: #0a0b09; }
.sinema ::selection { background: var(--volt); color: var(--volt-ink); }

/* Tipografi: dar, ağır, büyük harf */
.sinema h1, .sinema h2, .sin-baslik { font-family: 'Archivo', sans-serif; font-variation-settings: 'wdth' 72, 'wght' 860; font-weight: 860; text-transform: uppercase; letter-spacing: -.005em; line-height: .9; }
.sinema h3 { font-variation-settings: 'wdth' 90, 'wght' 760; letter-spacing: -.01em; }
.sinema .mono { letter-spacing: .04em; }

/* Üst çubuk */
.sinema .ust { position: relative; z-index: 30; }
.sinema .logo i { background: var(--volt); box-shadow: 0 0 14px rgba(200, 239, 58, .55); }
.sinema .menu-d { background: var(--yuzey2); border-color: transparent; }
.sin-kredi { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; margin-left: auto; padding: 0 14px; border-radius: 999px; background: var(--yuzey2); color: var(--fg); font: 600 13.5px/1 'IBM Plex Sans', sans-serif; text-decoration: none; white-space: nowrap; }
.sin-kredi i { width: 8px; height: 8px; border-radius: 50%; background: var(--volt); }
.sinema .sin-kredi + .menu-d { margin-left: 8px; }

/* Düğmeler: volt, alt kenarı koyu (bas → iner) */
.sinema .dug { border: 0; border-radius: 14px; background: var(--volt); color: var(--volt-ink); box-shadow: inset 0 -3px 0 var(--volt-golge); font-variation-settings: 'wdth' 96, 'wght' 820; letter-spacing: .05em; transition: filter .15s ease, transform .1s ease; }
.sinema .dug:hover { filter: brightness(1.07); }
.sinema .dug:active { transform: translateY(1px); box-shadow: inset 0 -1px 0 var(--volt-golge); }
.sinema .dug.ikinci { background: var(--yuzey2); color: var(--fg); box-shadow: inset 0 0 0 1px var(--line); }
.sinema .dug:disabled, .sinema .dug[aria-disabled="true"] { opacity: 1; background: var(--yuzey3); color: var(--txt-dim); box-shadow: none; filter: none; transform: none; }
.sinema .dug.dev { width: 100%; min-height: 58px; font-size: 14.5px; border-radius: 16px; }
.sinema .cip { border-color: var(--line); background: var(--yuzey); color: var(--txt-dim); }
.sinema .cip.aksan { border-color: transparent; background: rgba(200, 239, 58, .12); color: var(--volt); }
.sinema :focus-visible { outline-color: var(--volt); }

/* Hap sekmeler / süzgeçler (beyaz = seçili) */
.sin-haplar { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 2px 16px; margin-inline: -16px; scroll-padding-inline: 16px; }
.sin-haplar::-webkit-scrollbar { display: none; }
.sin-hap { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 0 18px; border: 0; border-radius: 999px; background: var(--yuzey2); color: var(--fg); font: 600 14.5px/1 'IBM Plex Sans', sans-serif; text-decoration: none; cursor: pointer; white-space: nowrap; }
.sin-hap[aria-pressed="true"], .sin-hap[aria-current="page"], .sin-hap[aria-selected="true"] { background: #fff; color: #0a0b09; }
.sin-hap .say { font: 500 11.5px/1 'IBM Plex Mono', monospace; opacity: .6; }

/* Volt etiket (Instagram'da viral) ve cam rozet */
.sin-viral { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px 6px 8px; border-radius: 8px; background: var(--volt); color: var(--volt-ink); font: 800 11px/1 'Archivo', sans-serif; font-variation-settings: 'wdth' 90, 'wght' 800; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.sin-cam { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: var(--cam); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #fff; font: 600 12px/1 'IBM Plex Sans', sans-serif; white-space: nowrap; }
.sin-cam svg, .sin-viral svg { flex: 0 0 auto; }

/* ---------------------------------------------------------------- Kart (9:16, video oynar) */
.sinema .izgara { gap: 14px 10px; }
@media (min-width: 720px) { .sinema .izgara { gap: 18px 14px; } }
.sin-kart { position: relative; display: block; text-decoration: none; color: #fff; border-radius: 18px; isolation: isolate; }
.sin-kart .kart-kare { border-radius: 18px; background-color: var(--yuzey); transition: transform .35s cubic-bezier(.2, .7, .2, 1); }
.sin-kart .kart-kare::after { height: 58%; background: linear-gradient(rgba(10, 11, 9, 0), rgba(10, 11, 9, .55) 45%, rgba(10, 11, 9, .92)); }
.sin-kart video { opacity: 0; transition: opacity .35s ease; }
.sin-kart video.oynuyor { opacity: 1; }
.sin-kart .ust-sol { position: absolute; z-index: 2; top: 10px; left: 10px; right: 10px; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.sin-kart .ust-sol .sin-cam { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.sin-kart .alt-blok { position: absolute; z-index: 2; left: 12px; right: 12px; bottom: 12px; display: grid; gap: 7px; }
.sin-kart .alt-blok > b { font: 860 19px/.92 'Archivo', sans-serif; font-variation-settings: 'wdth' 72, 'wght' 860; text-transform: uppercase; letter-spacing: .005em; overflow-wrap: anywhere; }
.sin-kart .alt-blok > span { display: flex; flex-wrap: wrap; gap: 4px 10px; font: 500 11.5px/1.2 'IBM Plex Mono', monospace; color: rgba(255, 255, 255, .78); }
.sin-kart .alt-blok > span em { font-style: normal; color: var(--volt); }
.sin-kart:focus-visible { outline: 2px solid var(--volt); outline-offset: 3px; }
@media (hover: hover) { .sin-kart:hover .kart-kare { transform: scale(1.025); } }
@media (min-width: 1080px) { .sin-kart .alt-blok > b { font-size: 21px; } }

/* ---------------------------------------------------------------- SÖZLÜK (liste) */
.sin-suz { position: sticky; top: 0; z-index: 25; padding: 10px 0; background: linear-gradient(var(--bg) 70%, rgba(10, 11, 9, 0)); }

.sin-h2 { display: flex; align-items: baseline; gap: 10px; margin: 44px 0 14px; font-size: clamp(30px, 8vw, 52px); }
.sin-h2 small { font: 500 13px/1 'IBM Plex Mono', monospace; color: var(--txt-dim); text-transform: none; letter-spacing: .04em; }

/* Nasıl: üç büyük adım */
.sin-adimlar { display: grid; gap: 10px; margin: 0; padding: 0; }
.sin-adimlar li { list-style: none; position: relative; display: grid; grid-template-columns: 54px 1fr; gap: 14px; align-items: center; padding: 16px; border-radius: 20px; background: var(--yuzey); }
.sin-adimlar li b { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; background: var(--yuzey2); color: var(--volt); font: 860 24px/1 'Archivo', sans-serif; font-variation-settings: 'wdth' 72, 'wght' 860; }
.sin-adimlar li strong { display: block; font: 860 20px/1 'Archivo', sans-serif; font-variation-settings: 'wdth' 76, 'wght' 860; text-transform: uppercase; }
.sin-adimlar li > span > span { display: block; margin-top: 5px; font-size: 14px; line-height: 1.45; color: var(--txt-dim); }
@media (min-width: 900px) { .sin-adimlar { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* ---------------------------------------------------------------- MADDE (format sayfası) */
.sin-madde { display: grid; gap: 22px; grid-template-areas: "sahne" "bilgi"; padding-bottom: 32px; }
.sin-madde .sol { grid-area: sahne; min-width: 0; }
.sin-madde .sag { grid-area: bilgi; min-width: 0; display: grid; gap: 18px; align-content: start; }
.sin-madde .sag h1 { font-size: clamp(52px, 15vw, 104px); line-height: .92; overflow-wrap: anywhere; }
.sin-madde .sag .ozet { margin: 0; max-width: 44ch; font-size: 16px; line-height: 1.55; color: var(--txt-dim); }
.sin-rozetler { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.sin-madde .szo-sahne { border-radius: 24px; width: min(100%, calc(min(76svh, 760px) * 9 / 16)); }
.sin-ray { position: absolute; z-index: 3; right: 10px; top: 50%; transform: translateY(-50%); display: grid; gap: 14px; justify-items: center; pointer-events: none; }
.sin-ray > span { display: grid; justify-items: center; gap: 4px; color: #fff; font: 600 11.5px/1 'IBM Plex Sans', sans-serif; text-shadow: 0 1px 8px rgba(0, 0, 0, .7); }
.sin-ray > span > i { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--cam); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.sin-al { display: grid; gap: 12px; padding: 18px; border-radius: 22px; background: var(--yuzey); }
.sin-al .fiyat { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.sin-al .fiyat b { font: 860 44px/.9 'Archivo', sans-serif; font-variation-settings: 'wdth' 72, 'wght' 860; color: var(--volt); }
.sin-al .fiyat b small { font-size: 20px; color: var(--fg); margin-left: 6px; }
.sin-al .fiyat > span { font: 500 12.5px/1.3 'IBM Plex Mono', monospace; color: var(--txt-dim); text-align: right; }
.sin-al .guven { display: flex; gap: 8px; align-items: flex-start; margin: 0; font-size: 13px; line-height: 1.45; color: var(--txt-dim); }
.sin-al .guven svg { flex: 0 0 auto; margin-top: 1px; color: var(--volt); }
.sin-ig-link { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 10px 16px; border-radius: 16px; background: var(--yuzey2); color: var(--fg); text-decoration: none; font-weight: 600; font-size: 15px; }
.sin-ig-link > span:first-of-type { flex: 1; display: grid; gap: 2px; }
.sin-ig-link small { font: 500 12px/1.2 'IBM Plex Mono', monospace; color: var(--txt-dim); }
.sin-ig-link > svg { width: 20px; height: 20px; color: var(--volt); }
.sin-ig-link:hover { background: var(--yuzey3); }
.sin-ig-link:focus-visible { outline: 2px solid var(--volt); outline-offset: 2px; }
.sin-istenen h2 { font-size: 26px; margin: 4px 0 10px; }
.sinema .szo-kartlar { gap: 10px; padding: 2px 0 6px; }
.sinema .szo-kart { border: 0; border-radius: 18px; background: var(--yuzey); padding: 12px; }
.sinema .szo-kart.secili { box-shadow: 0 0 0 2px var(--volt); }
.sinema .szo-kart-gorsel { border-radius: 10px; }
.sinema .szo-kart-gorsel .sira { background: var(--volt); color: var(--volt-ink); }
.sinema .szo-etiket b { background: #fff; }
.sinema .szo-etiket b small { color: #5d7212; }
.sinema .szo-nokta { background: var(--volt); }
.sinema .szo-cubuk i { background: var(--volt); }
.sinema .szo-kart .yukle { border: 1.5px dashed rgba(200, 239, 58, .6); color: var(--volt); background: rgba(200, 239, 58, .06); border-radius: 12px; }
.sinema .szo-kart .durum { color: var(--volt); }
@media (min-width: 900px) {
  .sin-madde { grid-template-columns: minmax(0, auto) minmax(0, 1fr); grid-template-areas: "sahne bilgi"; column-gap: 56px; align-items: start; }
  .sin-madde .sol { width: min(440px, calc(min(76svh, 760px) * 9 / 16)); }
  .sin-madde .sag { padding-top: 6px; }
}

/* Instagram perdesi ve çerçeve (madde) */

/* Alttaki sabit alış çubuğu */
.sinema .al-cubuk { margin: 0 10px calc(10px + env(safe-area-inset-bottom)); padding: 10px 10px 10px 18px; border: 0; border-radius: 20px; background: rgba(30, 33, 25, .86); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: 0 18px 40px rgba(0, 0, 0, .45); transition: opacity .25s ease; }
.sinema .al-cubuk.gizle { opacity: 0; pointer-events: none; }
.sinema .al-ozet b { color: var(--volt); font-size: 20px; }
.sinema .al-cubuk .dug { min-height: 50px; }

/* ---------------------------------------------------------------- PANEL (üretim) */
.sinema .pust h1 { font-size: clamp(40px, 12vw, 64px); line-height: .96; }
.sinema .bakiye { border: 0; background: rgba(200, 239, 58, .12); color: var(--volt); }
.sinema .sekmeler { display: flex; gap: 8px; border: 0; margin: 4px 0 6px; }
.sinema .sekmeler a { min-height: 44px; padding: 0 18px; border: 0 !important; border-radius: 999px; background: var(--yuzey2); color: var(--fg) !important; font-weight: 600; display: inline-flex; align-items: center; text-decoration: none; }
.sinema .sekmeler [aria-current="page"], .sinema .sekmeler [aria-selected="true"] { background: #fff; color: #0a0b09 !important; }
.sinema .sec-baslik h2 { font-size: 30px; text-transform: uppercase; }
.sinema .blok, .sinema .ozet-blok { border: 0; background: var(--yuzey); border-radius: 20px; }
.sinema .ozet-blok .satir:last-child b { color: var(--volt); }
.sinema .uret-d { position: sticky; bottom: calc(12px + env(safe-area-inset-bottom)); z-index: 10; min-height: 60px; border-radius: 18px; font-size: 15px; box-shadow: inset 0 -3px 0 var(--volt-golge), 0 18px 40px rgba(0, 0, 0, .5); }
.sinema .onay { padding: 14px 16px; border-radius: 18px; background: var(--yuzey); margin-top: 12px; }
.sinema .onay input { accent-color: var(--volt); }
.sinema .is { grid-template-columns: 72px minmax(0, 1fr); padding: 14px; margin-bottom: 10px; border: 0; border-radius: 20px; background: var(--yuzey); }
.sinema .is-kapak { width: 72px; border-radius: 12px; }
.sinema .is b { font: 860 18px/1 'Archivo', sans-serif; font-variation-settings: 'wdth' 76, 'wght' 860; text-transform: uppercase; }
.sinema .cip.tamam { background: rgba(200, 239, 58, .12); border-color: transparent; color: var(--volt); }
.sinema .cip.olmadi { background: rgba(255, 143, 128, .1); border-color: transparent; }
.sinema .cip.suruyor { background: var(--yuzey2); border-color: transparent; color: var(--fg); }
.sinema .cip.suruyor::before { background: var(--volt); }
.sinema .paket { border: 0; border-radius: 20px; background: var(--yuzey); padding: 18px; }
.sinema .paket .kredi { color: var(--volt); font-variation-settings: 'wdth' 72, 'wght' 860; font-size: 40px; }
.sinema .paket:nth-child(2) { box-shadow: inset 0 0 0 2px var(--volt); }
.sinema .defter td { border-color: var(--line); }
.sinema .mesaj { border: 0; background: var(--yuzey); border-radius: 16px; }
.sinema .secim .kart h3 { font: 860 18px/.95 'Archivo', sans-serif; font-variation-settings: 'wdth' 74, 'wght' 860; text-transform: uppercase; }
.sinema .secim .kart-kare { border-radius: 18px; }

/* ---------------------------------------------------------------- MOTOR (/sozluk başı, mm-sozluk-motor.js)
   Telefonda tek ekran: solda 9:16 sahne, sağında dikey format rayı (efekt seçici gibi),
   altında görsel yuvaları + Üret. Masaüstünde sahne solda, kontroller sağda. */
.motor { padding: 2px 0 6px; scroll-margin-top: 8px; }
.motor-ust { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 24px; margin: 2px 0 14px; }
.motor-ust h1 { font-size: clamp(30px, 8.6vw, 46px); line-height: .95; }
.motor-ust p { margin: 0; max-width: 44ch; font-size: 14.5px; line-height: 1.45; color: var(--txt-dim); }
.motor-govde { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 76px; grid-template-areas: "sahne format" "konsol konsol"; column-gap: 8px; padding: 8px; border-radius: 28px; background: var(--yuzey); box-shadow: 0 0 0 1px rgba(200, 239, 58, .16), 0 30px 80px rgba(0, 0, 0, .45); }
.motor-sahne { grid-area: sahne; min-width: 0; }
.motor .szo-sahne { width: 100%; max-height: none; border-radius: 22px; }
.motor .szo-cubuk { top: 0; bottom: auto; }
.motor .szo-oynat { top: 8px; right: 8px; left: auto; bottom: auto; width: 44px; height: 44px; }
/* Kullanıcının görseli işaretçide: videoda gideceği yerde görünür. */
.sinema .szo-nokta.dolu { width: 54px; height: 54px; margin: -27px 0 0 -27px; border: 3px solid var(--volt); background-color: var(--yuzey); background-position: center; background-size: cover; box-shadow: 0 0 0 6px rgba(200, 239, 58, .22), 0 10px 30px rgba(0, 0, 0, .5); }
.motor-bilgi { grid-area: sahne; align-self: start; z-index: 4; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 12px 58px 30px 12px; border-radius: 22px 22px 0 0; background: linear-gradient(rgba(10, 11, 9, .7), rgba(10, 11, 9, 0)); pointer-events: none; }
.motor-bilgi a { pointer-events: auto; color: #fff; text-underline-offset: 3px; }
.motor-ad { flex: 1 0 100%; font: 860 22px/.95 'Archivo', sans-serif; font-variation-settings: 'wdth' 72, 'wght' 860; text-transform: uppercase; color: #fff; text-shadow: 0 2px 14px rgba(0, 0, 0, .5); }
.motor-meta { flex: 1 0 100%; font: 500 11px/1.35 'IBM Plex Mono', monospace; color: rgba(255, 255, 255, .85); }
.motor-meta em { font-style: normal; color: var(--volt); margin-right: 8px; }
.motor-meta a.motor-ig { color: var(--volt); }
/* Ray satır yüksekliğini büyütmez: yüksekliği sahneden alır, fazlası kayar. */
.motor-formatlar { grid-area: format; height: 0; min-height: 100%; display: flex; flex-direction: column; align-items: center; gap: 10px; overflow-y: auto; scrollbar-width: none; padding: 6px 0; }
.motor-formatlar::-webkit-scrollbar { display: none; }
.motor-format { flex: 0 0 auto; display: flex; flex-direction: column; gap: 5px; align-items: center; width: 64px; padding: 0; border: 0; background: none; color: #fff; cursor: pointer; font: inherit; }
.motor-format .kapak { position: relative; width: 60px; height: 78px; border-radius: 14px; background: var(--yuzey2) center / cover no-repeat; box-shadow: 0 0 0 2px rgba(255, 255, 255, .18); transition: box-shadow .2s ease, transform .2s ease; }
.motor-format .kapak .ig { position: absolute; right: -4px; top: -4px; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--volt); color: var(--volt-ink); }
.motor-format .ad { max-width: 64px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 600 11px/1.2 'IBM Plex Sans', sans-serif; color: rgba(255, 255, 255, .8); }
.motor-format[aria-pressed="true"] .kapak { box-shadow: 0 0 0 3px var(--volt); transform: scale(1.06); }
.motor-format[aria-pressed="true"] .ad { color: var(--volt); }
.motor-format.hayalet { cursor: default; }
.motor-format.hayalet .kapak { background: none; box-shadow: none; border: 1.5px dashed rgba(255, 255, 255, .28); }
.motor-format.hayalet .ad { color: rgba(255, 255, 255, .45); }
.motor-format:focus-visible { outline: none; }
.motor-format:focus-visible .kapak { box-shadow: 0 0 0 3px #fff; }
.motor-konsol { grid-area: konsol; display: grid; gap: 10px; margin-top: 8px; padding: 2px 0 2px; }
.motor-etiket { display: none; margin: 0; font: 860 18px/1 'Archivo', sans-serif; font-variation-settings: 'wdth' 76, 'wght' 860; text-transform: uppercase; }
.motor-etiket small { margin-left: 8px; font: 500 11.5px/1 'IBM Plex Mono', monospace; color: var(--txt-dim); text-transform: none; }
.motor .szo-kartlar { display: flex; gap: 8px; overflow-x: auto; padding: 0; scrollbar-width: none; }
.motor .szo-kart { flex: 0 0 auto; flex-direction: row; align-items: center; gap: 8px; padding: 6px; border-radius: 16px; background: var(--yuzey2); }
.motor .szo-kart-goster { grid-template-columns: 44px auto; gap: 8px; align-items: center; width: auto; }
.motor .szo-kart-gorsel { width: 44px; height: 44px; aspect-ratio: auto; border-radius: 12px; }
.motor .szo-kart-gorsel .sira { left: 3px; top: 3px; min-width: 18px; height: 18px; line-height: 18px; font-size: 10px; }
.motor .szo-kart b { font-size: 13.5px; white-space: nowrap; }
.motor .szo-kart span.ipucu { display: none; }
.motor .szo-kart .durum { margin-top: 1px; font-size: 10.5px; }
.motor .szo-kart-alt { padding-left: 0; flex-wrap: nowrap; }
.motor .szo-kart .yukle { margin: 0; min-height: 44px; padding: 0 14px; border-radius: 12px; white-space: nowrap; }
.motor .szo-kart .kaldir { display: none; }
.motor .szo-kart.dolu .szo-kart-gorsel { box-shadow: 0 0 0 2px var(--volt); }
.motor .szo-kart.dolu .yukle { border-style: solid; border-color: transparent; background: var(--yuzey3); color: var(--fg); }
.motor .szo-kart.surukle { box-shadow: inset 0 0 0 2px var(--volt); }
.motor-onay { display: grid; grid-template-columns: 24px 1fr; gap: 10px; align-items: start; padding: 4px 4px 0; font-size: 13px; line-height: 1.45; color: var(--txt-dim); cursor: pointer; }
.motor-onay input { width: 22px; height: 22px; margin: 0; accent-color: var(--volt); }
.motor-onay[hidden] { display: none; }
.motor-mesaj { padding: 10px 12px; border-radius: 12px; background: rgba(255, 143, 128, .12); color: var(--hata); font-size: 13.5px; }
.motor-uret { min-height: 56px; font-size: 14.5px; }
.motor-not { margin: 0; font-size: 12px; line-height: 1.4; color: var(--txt-dim); text-align: center; }
@media (min-width: 900px) {
  .motor-ust { margin-bottom: 18px; }
  .motor-govde { grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "sahne bilgi" "sahne format" "sahne konsol"; grid-template-rows: auto auto 1fr; column-gap: 32px; padding: 16px 28px 16px 16px; }
  .motor-formatlar { flex-direction: row; height: auto; min-height: 0; }
  .motor .szo-sahne { width: min(420px, calc(min(80vh, 760px) * 9 / 16)); }
  .motor-bilgi { grid-area: bilgi; align-self: start; padding: 10px 0 0; background: none; border-radius: 0; }
  .motor-ad { font-size: clamp(40px, 4.4vw, 64px); text-shadow: none; }
  .motor-meta { color: var(--txt-dim); font-size: 13px; }
  .motor-bilgi a { color: var(--fg); }
  .motor-formatlar { grid-area: format; align-self: start; display: grid; grid-template-columns: repeat(auto-fill, minmax(82px, 1fr)); gap: 14px 10px; padding: 22px 0 0; background: none; border-radius: 0; max-height: 380px; overflow: auto; }
  .motor-format { width: auto; }
  .motor-format .kapak { width: 100%; height: auto; aspect-ratio: 9 / 14; }
  .motor-format .ad { max-width: 100%; }
  .motor-konsol { grid-area: konsol; align-self: end; position: static; margin: 22px 0 0; padding: 0; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; gap: 12px; }
  .motor-etiket { display: block; }
  .motor .szo-kartlar { flex-wrap: wrap; overflow: visible; }
  .motor .szo-kart { flex: 1 1 260px; padding: 10px; }
  .motor .szo-kart-goster { grid-template-columns: 56px auto; }
  .motor .szo-kart-gorsel { width: 56px; height: 56px; }
  .motor .szo-kart .kaldir:not([hidden]) { display: inline-flex; align-items: center; }
  .motor-uret { min-height: 62px; font-size: 15px; }
}

@media (prefers-reduced-motion: reduce) {
  .sin-kart .kart-kare, .sin-kart video, .sinema .dug, .sinema .al-cubuk, .motor-format .kapak { transition: none; }
}