/* GP Uygulama Tanıtımı — sitenin koyu, editoryal diline uyumlu (Archivo + mono etiketler + kehribar vurgu) */
.gpa-app-sec, .gpa-app-foot, .gpa-app-strip{ --gpa-ink: #F1EDE4; --gpa-dim: rgba(241,237,228,.64); --gpa-dim2: rgba(241,237,228,.46); --gpa-amber: #EDA63E; --gpa-line: rgba(241,237,228,.10); --gpa-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace; }

/* ---------- ana sayfa bölümü ---------- */
.gpa-app-sec{ position: relative; overflow: hidden; background: #0D0E10; color: var(--gpa-ink); padding: clamp(64px, 9vw, 128px) 0 clamp(56px, 8vw, 112px); border-top: 1px solid var(--gpa-line); }
.gpa-app-sec::before{ content: ""; position: absolute; width: 70vw; height: 70vw; max-width: 900px; max-height: 900px; right: -12vw; top: 50%; transform: translateY(-50%); background: radial-gradient(closest-side, rgba(237,166,62,.16), rgba(237,166,62,0) 72%); pointer-events: none; }
.gpa-app-wrap{ position: relative; max-width: 1240px; margin: 0 auto; padding: 0 4vw; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: clamp(32px, 5vw, 80px); align-items: center; }
.gpa-app-eyebrow{ display: inline-block; font: 500 11px/1.4 var(--gpa-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--gpa-amber); }
.gpa-app-sec h2{ margin: 18px 0 20px; font-family: Archivo, "Helvetica Neue", -apple-system, "SF Pro Display", "Segoe UI", Roboto, Arial, sans-serif; font-weight: 800; text-transform: uppercase; font-size: clamp(34px, 4.6vw, 64px); line-height: .98; letter-spacing: -.02em; color: var(--gpa-ink); text-wrap: balance; }
.gpa-app-sec h2 em{ font-style: normal; color: var(--gpa-amber); }
.gpa-app-lead{ margin: 0 0 30px; max-width: 36em; font-size: 17px; line-height: 1.6; color: var(--gpa-dim); }
.gpa-app-feats{ list-style: none; margin: 0 0 34px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 20px 28px; }
.gpa-app-feats li{ display: flex; gap: 14px; align-items: flex-start; margin: 0; padding: 0; }
.gpa-app-feats li::before{ content: none; }
.gpa-app-feats .ic{ flex: none; width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; color: var(--gpa-amber); background: rgba(237,166,62,.11); box-shadow: inset 0 0 0 1px rgba(237,166,62,.18); }
.gpa-app-feats .ic svg{ width: 22px; height: 22px; }
.gpa-app-feats .tx b{ display: block; margin: 2px 0 4px; font-size: 15.5px; font-weight: 700; color: var(--gpa-ink); }
.gpa-app-feats .tx span{ display: block; font-size: 13.5px; line-height: 1.45; color: var(--gpa-dim); }
.gpa-app-get{ display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.gpa-app-badge{ display: inline-block; line-height: 0; border-radius: 10px; transition: transform .2s ease, opacity .2s ease; }
.gpa-app-badge:hover{ transform: translateY(-1px); opacity: .92; }
.gpa-app-badge:focus-visible{ outline: 2px solid var(--gpa-amber); outline-offset: 4px; }
.gpa-app-badge img{ display: block; max-width: none; }
.gpa-app-qr{ display: flex; align-items: center; gap: 12px; }
.gpa-app-qr img{ width: 84px; height: 84px; padding: 6px; border-radius: 14px; background: #fff; box-sizing: border-box; }
.gpa-app-qr span{ max-width: 12em; font: 500 10.5px/1.5 var(--gpa-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--gpa-dim2); }
.gpa-app-meta{ display: block; margin-top: 16px; font: 500 10.5px/1.4 var(--gpa-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--gpa-dim2); }
.gpa-app-art{ position: relative; justify-self: center; width: min(100%, 540px); }
.gpa-app-art img{ display: block; width: 100%; height: auto; }

@media (max-width: 860px){
  .gpa-app-wrap{ grid-template-columns: 1fr; }
  .gpa-app-art{ order: -1; width: min(84%, 420px); }
  .gpa-app-feats{ grid-template-columns: 1fr; gap: 16px; }
  .gpa-app-sec h2{ font-size: clamp(32px, 9vw, 46px); }
}

/* ---------- tanıtım filmi (yalnız TR ana sayfa) ---------- */
.gpa-app-film{ grid-column: 1 / -1; margin-top: clamp(28px, 4vw, 56px); }
.gpa-app-film-head{ display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.gpa-app-film-link{ font: 500 11px/1.4 var(--gpa-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--gpa-dim); text-decoration: none; border-bottom: 1px solid rgba(241,237,228,.22); padding-bottom: 2px; transition: color .2s ease, border-color .2s ease; }
.gpa-app-film-link:hover{ color: var(--gpa-amber); border-color: rgba(237,166,62,.55); }
.gpa-app-yt{ position: relative; aspect-ratio: 16 / 9; border-radius: 22px; overflow: hidden; background: #000; cursor: pointer; box-shadow: 0 0 0 1px var(--gpa-line), 0 40px 100px rgba(0,0,0,.45); }
.gpa-app-yt img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.gpa-app-yt:hover img{ transform: scale(1.012); }
.gpa-app-play{ position: absolute; left: 50%; top: 50%; width: clamp(64px, 7.5vw, 96px); height: clamp(64px, 7.5vw, 96px); transform: translate(-50%, -50%); border-radius: 50%; background: var(--gpa-amber); display: grid; place-items: center; box-shadow: 0 18px 50px rgba(0,0,0,.45); transition: transform .2s ease; }
.gpa-app-play svg{ width: 40%; height: 40%; margin-left: 8%; fill: #0D0E10; }
.gpa-app-yt:hover .gpa-app-play{ transform: translate(-50%, -50%) scale(1.06); }
.gpa-app-yt:focus-visible{ outline: 2px solid var(--gpa-amber); outline-offset: 4px; }
.gpa-app-yt.on{ cursor: default; }
.gpa-app-yt.on img, .gpa-app-yt.on .gpa-app-play{ display: none; }
.gpa-app-yt iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.gpa-app-film-ns a{ color: var(--gpa-amber); }
@media (max-width: 860px){ .gpa-app-yt{ border-radius: 16px; } .gpa-app-film{ margin-top: 8px; } }
@media (max-width: 600px){ .gpa-app-play{ width: 54px; height: 54px; left: 74%; } }
@media (prefers-reduced-motion: reduce){ .gpa-app-yt img, .gpa-app-play{ transition: none; } }

/* ---------- alt bilgi ---------- */
.gpa-app-foot{ margin: 22px 0 18px; }
.gpa-app-foot .lbl{ display: block; margin-bottom: 10px; font: 500 10.5px/1 var(--gpa-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--gpa-dim2); }
.gpa-app-foot .row{ display: flex; align-items: center; gap: 12px; }
.gpa-app-foot .qr{ width: 52px; height: 52px; padding: 4px; border-radius: 9px; background: #fff; box-sizing: border-box; }

/* ---------- konfigüratör kutusu ---------- */
.gpa-app-strip{ display: flex; align-items: center; gap: 16px; margin: 18px 4vw 0; padding: 14px 16px; border-radius: 20px; background: rgba(241,237,228,.045); box-shadow: inset 0 0 0 1px var(--gpa-line); color: var(--gpa-ink); }
.gpa-app-strip .ic{ flex: none; width: 52px; height: 52px; border-radius: 12px; box-shadow: 0 0 0 1px rgba(255,255,255,.08); }
.gpa-app-strip .t{ flex: 1; min-width: 0; }
.gpa-app-strip .t b{ display: block; font-size: 15.5px; font-weight: 700; color: var(--gpa-ink); }
.gpa-app-strip .t span{ display: block; margin-top: 3px; font-size: 13.5px; line-height: 1.45; color: var(--gpa-dim); }
.gpa-app-strip .qr{ flex: none; width: 56px; height: 56px; padding: 4px; border-radius: 10px; background: #fff; box-sizing: border-box; }
@media (max-width: 640px){
  .gpa-app-strip{ flex-wrap: wrap; }
  .gpa-app-strip .t{ flex-basis: calc(100% - 68px); }
}

/* telefonda QR anlamsız: yalnız rozet kalır */
@media (max-width: 860px), (hover: none) and (pointer: coarse){
  .gpa-app-qr, .gpa-app-foot .qr, .gpa-app-strip .qr{ display: none; }
}
@media (prefers-reduced-motion: reduce){ .gpa-app-badge{ transition: none; } }

/* Arapça/İbranice: harf aralığı bitişik yazıyı bozar, tek aralıklı yazı da uygun değil */
[dir="rtl"] .gpa-app-eyebrow, [dir="rtl"] .gpa-app-qr span, [dir="rtl"] .gpa-app-meta, [dir="rtl"] .gpa-app-foot .lbl,
:lang(ar) .gpa-app-eyebrow, :lang(ar) .gpa-app-qr span, :lang(ar) .gpa-app-meta, :lang(ar) .gpa-app-foot .lbl{ letter-spacing: 0; font-family: inherit; font-size: 12.5px; }
:lang(zh) .gpa-app-eyebrow, :lang(zh) .gpa-app-qr span, :lang(zh) .gpa-app-meta, :lang(zh) .gpa-app-foot .lbl{ letter-spacing: .04em; }