/* OdyoFLIX paydaş anketleri — ana sayfanın /assets/css/style.css tasarım sistemi üzerine.
   Yalnızca paydaş sayfasına özel sınıflar; mevcut anket JS kimlikleri korunur. */
.paydas-page { background: var(--cream); }
.paydas-page button, .paydas-page select, .paydas-page textarea { font-family: inherit; }
.paydas-page button { cursor: pointer; }
.paydas-page [hidden] { display: none !important; }
.paydas-page .site-header .main-nav > a i { font-size: 12px; margin-right: 5px; }
.paydas-page .site-header .main-nav > .nav-login i { margin-right: 0; }
.paydas-page .brand:focus-visible { border-radius: 6px; }

/* Kahraman alanı: ana sayfadaki gradient, aynı fontlar, aynı dekoratif çizgiler. */
.paydas-page .paydas-hero { min-height: 455px; padding: 145px 0 90px; }
.paydas-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.2fr .77fr; align-items: center; gap: clamp(28px, 5vw, 92px); }
.paydas-hero .hero-copy h1 { max-width: 650px; }
.paydas-hero .hero-copy > p { max-width: 555px; }
.paydas-hero-cta { margin-top: 26px; }
.paydas-info-card { padding: 24px; border: 1px solid rgba(255,255,255,.8); border-radius: 22px; background: rgba(255,255,255,.97); color: var(--ink); box-shadow: 0 24px 60px rgba(3,8,30,.25); }
.paydas-info-header { display: flex; align-items: center; justify-content: space-between; color: var(--navy-700); font-size: 11px; font-weight: 800; letter-spacing: 1.05px; }
.paydas-info-header span { display: inline-flex; align-items: center; gap: 8px; }
.paydas-info-header span i { color: var(--red); font-size: 14px; }
.paydas-info-header > i { color: #d4dbea; font-size: 25px; }
.paydas-info-body { display: flex; align-items: center; gap: 16px; margin: 24px 0 21px; }
.paydas-info-icon { width: 56px; height: 56px; flex: 0 0 auto; display: grid; place-items: center; color: #fff; background: var(--navy-800); border-radius: 16px; font-size: 23px; }
.paydas-info-body strong { display: block; font: 800 20px/1.24 'Manrope',sans-serif; letter-spacing: -.65px; }
.paydas-info-body p { color: var(--muted); margin: 6px 0 0; font-size: 12px; line-height: 1.65; }
.paydas-info-points { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.paydas-info-points div { min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; padding: 16px 7px; border-radius: 12px; color: var(--navy-700); background: #f2f4fa; text-align: center; }
.paydas-info-points i { color: var(--red); font-size: 18px; }
.paydas-info-points span { font-size: 10px; font-weight: 700; line-height: 1.35; }

/* Anket seçimi: ana sayfanın priority-card ve section-heading bileşenlerine paralel. */
.paydas-section { padding: 88px 0 104px; }
.paydas-content { min-height: 335px; }
.paydas-section-heading { margin-bottom: 36px; }
.paydas-section-heading .section-kicker { margin-bottom: 14px; }
.paydas-section-heading .section-kicker i { font-size: 13px; }
.paydas-section-heading > p { max-width: 430px; font-size: 13px; line-height: 1.7; }
.survey-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.survey-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 0; width: 100%; min-width: 0; min-height: 303px; padding: 27px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; color: var(--ink); text-align: left; transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease; }
.survey-card::after { position: absolute; content: ''; right: -53px; bottom: -65px; width: 150px; height: 150px; border: 24px solid rgba(55,124,246,.045); border-radius: 50%; pointer-events: none; }
.survey-card:hover, .survey-card:focus-visible { transform: translateY(-6px); border-color: #d6deed; box-shadow: var(--shadow); }
.survey-card:disabled { cursor: wait; opacity: .65; }
.survey-card-number { position: absolute; top: 27px; right: 27px; color: #a2a9bc; font: 700 11px 'Manrope',sans-serif; letter-spacing: 1px; }
.survey-card-icon { display: grid; place-items: center; width: 58px; height: 58px; margin: 13px 0 23px; border-radius: 17px; font-size: 24px; }
.survey-card-icon-blue { color: var(--blue); background: #edf3ff; }
.survey-card-icon-violet { color: #7558d9; background: #f1edff; }
.survey-card-icon-red { color: #e34251; background: #fff0f2; }
.survey-audience { color: #6e7792; font-size: 10px; line-height: 1.3; font-weight: 800; letter-spacing: 1.2px; }
.survey-card > strong { margin: 8px 0 9px; font: 800 20px/1.24 'Manrope',sans-serif; letter-spacing: -.6px; }
.survey-card-description { max-width: 295px; color: var(--muted); font-size: 12px; line-height: 1.65; }
.survey-card-link { display: inline-flex; align-items: center; gap: 11px; margin-top: auto; padding-top: 24px; color: var(--navy-700); font-size: 12px; font-weight: 800; }
.survey-card-link i { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; color: var(--navy-700); background: #f1f3f8; font-size: 11px; transition: transform .2s ease, color .2s ease, background .2s ease; }
.survey-card:hover .survey-card-link i { transform: translateX(3px); color: #fff; background: var(--red); }
.paydas-privacy { display: flex; align-items: flex-start; gap: 13px; padding: 20px 22px; margin: 25px 0 0; border: 1px solid #e0e7f6; border-radius: 16px; background: #edf3ff; color: #63718f; font-size: 12px; line-height: 1.7; }
.paydas-privacy > i { margin-top: 2px; color: var(--blue); font-size: 20px; }
.paydas-privacy strong { color: var(--navy-800); }

/* Anket formu; eski ID/data-survey yapısı ve /paydas/app.js değiştirilmedi. */
.questionnaire { max-width: 850px; margin: 0 auto; }
.form-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 16px; }
.back { display: inline-flex; align-items: center; gap: 10px; padding: 11px 0; border: 0; background: none; color: var(--navy-700); font-size: 12px; font-weight: 800; }
.back:hover { color: var(--red); }
.paydas-step-count { padding: 9px 13px; color: #566581; background: #e9edf7; border-radius: 9px; font-size: 11px; font-weight: 800; white-space: nowrap; }
.form-title { padding: 26px 28px; margin-bottom: 21px; border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: 0 10px 26px rgba(20,36,95,.035); }
.form-title-row { display: flex; align-items: flex-start; gap: 17px; }
.form-title-icon { display: grid; place-items: center; width: 49px; height: 49px; flex: 0 0 auto; color: var(--blue); background: #edf3ff; border-radius: 13px; font-size: 21px; }
.form-title .section-kicker { font-size: 10px; letter-spacing: 1.3px; }
.form-title h2 { margin: 7px 0 5px; color: var(--navy-950); font: 800 clamp(23px,3vw,30px)/1.2 'Manrope',sans-serif; letter-spacing: -.9px; }
.form-title p { margin: 0 0 21px; color: var(--muted); font-size: 13px; line-height: 1.5; }
.progress-track { width: 100%; height: 7px; overflow: hidden; background: #e9eef8; border-radius: 999px; }
.progress-track span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--blue),#78a7ff); transition: width .25s ease; }
.question { margin: 0 0 13px; padding: 23px 26px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 7px 25px rgba(20,36,95,.025); }
.question > label { display: block; margin-bottom: 15px; color: var(--ink); font-size: 13px; font-weight: 700; line-height: 1.65; }
.question select, .question textarea, .question input[type=text] { display: block; width: 100%; padding: 13px 14px; border: 1px solid #dfe5f0; border-radius: 11px; background: #fafbfe; color: var(--ink); font-size: 13px; line-height: 1.55; }
.question textarea { min-height: 116px; resize: vertical; }
.question select:focus, .question textarea:focus, .question input[type=text]:focus { outline: 3px solid rgba(55,124,246,.18); outline-offset: 0; border-color: var(--blue); background: #fff; }
.question textarea::placeholder { color: #909bb2; }
.scale { display: flex; flex-wrap: wrap; gap: 7px; }
.scale label { margin: 0; cursor: pointer; }
.scale input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.scale span { display: grid; place-items: center; min-width: 40px; height: 42px; border: 1px solid #dce4f3; border-radius: 10px; background: #f8faff; color: #526181; font-size: 12px; font-weight: 800; transition: .18s ease; }
.scale label:hover span { border-color: #a2b6e2; background: #edf3ff; }
.scale input:checked + span { border-color: var(--navy-800); background: var(--navy-800); color: #fff; }
.scale input:focus-visible + span { outline: 3px solid #79aaff; outline-offset: 2px; }
.scale-hint { margin: 11px 0 0; color: #7c879f; font-size: 11px; line-height: 1.6; }
.form-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 11px; padding: 15px 0 0; }
.paydas-page .form-actions .button, .paydas-page .survey-success .button { min-height: 47px; padding: 0 21px; font-size: 12px; }
.paydas-page .button.primary { color: #fff; border-color: transparent; background: var(--red); box-shadow: 0 10px 25px rgba(240,68,82,.17); }
.paydas-page .button.primary:hover { background: var(--red-dark); transform: translateY(-2px); }
.paydas-page .button.ghost { color: var(--navy-700); border-color: #e0e5ef; background: #fff; }
.paydas-page .button.ghost:hover { border-color: #b5c4e1; background: #edf3ff; }
.paydas-page .button:disabled { cursor: not-allowed; opacity: .55; transform: none; }
.paydas-page .honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.paydas-form-status { margin: 12px 0 0; color: #ac3648; font-size: 12px; font-weight: 700; }
.survey-success { max-width: 800px; padding: 65px 32px; margin: auto; border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: var(--shadow); text-align: center; }
.success-icon { display: grid; place-items: center; width: 76px; height: 76px; margin: 0 auto 23px; border-radius: 22px; color: #139565; background: #e9faf1; font-size: 31px; }
.survey-success h2 { margin: 12px 0; font: 800 clamp(25px,4vw,34px)/1.18 'Manrope',sans-serif; letter-spacing: -1.3px; }
.survey-success p { max-width: 480px; margin: 0 auto 25px; color: var(--muted); font-size: 13px; line-height: 1.7; }

/* Ortak footer CSS'i birebir /assets/css/style.css üzerinden gelir. */
@media(max-width:1000px) {
  .paydas-hero-grid { grid-template-columns: 1fr .8fr; gap: 32px; }
  .paydas-hero .hero-copy h1 { font-size: clamp(36px,4.7vw,49px); }
  .survey-card { padding: 23px; }
}
@media(max-width:760px) {
  .paydas-page .paydas-hero { padding: 120px 0 85px; }
  .paydas-hero-grid { grid-template-columns: 1fr; gap: 25px; }
  .paydas-info-card { max-width: 550px; }
  .paydas-section { padding: 66px 0 76px; }
  .survey-cards { grid-template-columns: 1fr 1fr; }
}
@media(max-width:560px) {
  .paydas-page .paydas-hero { padding: 110px 0 75px; }
  .paydas-hero .hero-copy h1 { font-size: clamp(34px,9vw,46px); letter-spacing: -1.9px; }
  .paydas-hero-cta { width: auto; }
  .paydas-info-card { padding: 20px; }
  .paydas-info-points { gap: 6px; }
  .paydas-info-points div { padding: 13px 3px; }
  .paydas-section { padding: 50px 0 60px; }
  .paydas-section-heading { margin-bottom: 22px; }
  .paydas-section-heading h2 { font-size: 32px; letter-spacing: -1.35px; }
  .survey-cards { grid-template-columns: 1fr; gap: 13px; }
  .survey-card { min-height: 275px; padding: 25px; }
  .survey-card-icon { margin: 7px 0 21px; }
  .paydas-privacy { padding: 17px; }
  .form-title { padding: 20px 17px; }
  .form-title-row { gap: 11px; }
  .form-title-icon { width: 40px; height: 40px; font-size: 17px; }
  .form-title h2 { font-size: 23px; }
  .question { padding: 20px 16px; }
  .scale { gap: 5px; }
  .scale span { min-width: 35px; height: 39px; }
  .paydas-page .form-actions .button { flex: 1; min-width: 0; }
  .survey-success { padding: 47px 18px; }
}
@media(max-width:375px) {
  .scale span { min-width: 32px; height: 37px; }
  .paydas-info-points span { font-size: 9px; }
  .paydas-page .form-actions .button { padding: 0 12px; }
}

/* V27 mandatory questions */
.question-invalid{border:2px solid #ed5361!important;background:#fff5f6!important;border-radius:14px;padding:12px}.question-invalid>label{color:#b51c33!important}

/* V28: keep the survey title fully visible below the sticky header after selection. */
#questionnaire,#chooser,#success { scroll-margin-top: 92px; }
@media(max-width:680px){#questionnaire,#chooser,#success{scroll-margin-top:78px}}