.qrsis-anket-sayfa {
    box-sizing: border-box;
    min-height: calc(100vh - 120px);
    padding: 10px 8px calc(18px + env(safe-area-inset-bottom));
    background: #fff;
}

.qrsis-anket-form,
.qrsis-anket-bilgi,
.qrsis-anket-liste {
    width: min(720px, 100%);
    margin: 0 auto;
}

.qrsis-anket-bilgi {
    padding: 20px 18px;
}

.qrsis-anket-bilgi--giris,
.qrsis-anket-bilgi--durum {
    min-height: clamp(280px, 42vh, 360px);
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 18px;
    text-align: center;
}

.qrsis-anket-bilgi h1,
.qrsis-anket-header h1 {
    margin: 0;
    color: #071934;
    font-size: 1.75rem;
    font-weight: 800;
    letter-spacing: 0;
}

.qrsis-anket-bilgi p,
.qrsis-anket-header p {
    margin: 8px 0 0;
    color: #46608a;
    font-size: 1rem;
}

.qrsis-anket-bilgi--giris p,
.qrsis-anket-bilgi--durum p {
    max-width: 420px;
    margin: 0;
    color: #24395f;
    font-size: clamp(1.05rem, 4vw, 1.25rem);
    font-weight: 700;
    line-height: 1.45;
}

.qrsis-anket-bilgi-ikon {
    width: 96px;
    height: 96px;
    display: grid;
    place-items: center;
    border-radius: 28px;
    background: linear-gradient(145deg, #e7fbfd 0%, #ffffff 100%);
    border: 1px solid rgba(0, 160, 174, .18);
    color: #009aa7;
    font-size: 2.55rem;
    box-shadow: 0 18px 40px rgba(0, 129, 140, .14);
}

.qrsis-anket-giris-link {
    min-width: 132px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-weight: 800;
}

.qrsis-anket-liste-kartlar {
    display: grid;
    gap: 12px;
    padding: 16px 0;
}

.qrsis-anket-liste-kart {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border: 1px solid #d7e3ee;
    border-radius: 8px;
    padding: 14px 16px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: 0 10px 28px rgba(7, 25, 52, .06);
}

.qrsis-anket-liste-ikon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: rgba(0, 160, 174, .1);
    color: #008c98;
    font-size: 1.25rem;
}

.qrsis-anket-liste-metin {
    min-width: 0;
}

.qrsis-anket-liste-kart h2 {
    margin: 0;
    color: #071934;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.08rem;
    font-weight: 800;
    letter-spacing: 0;
}

.qrsis-anket-liste-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 7px;
}

.qrsis-anket-liste-rozet,
.qrsis-anket-liste-puan {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    border-radius: 8px;
    padding: 4px 9px;
    font-size: .82rem;
    font-weight: 800;
    line-height: 1;
}

.qrsis-anket-liste-rozet {
    border: 1px solid rgba(0, 160, 174, .2);
    background: rgba(0, 160, 174, .08);
    color: #006b73;
}

.qrsis-anket-liste-puan {
    border: 1px solid #dce4ef;
    background: #fff;
    color: #46608a;
}

.qrsis-anket-liste-tarih {
    margin-left: auto;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.qrsis-anket-liste-btn,
.qrsis-anket-destek-btn {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 8px;
    padding: 8px 14px;
    font-weight: 800;
    white-space: nowrap;
}

.qrsis-anket-liste .qrsis-anket-liste-btn.btn-primary {
    border-color: #00a0ae;
    background: #00a0ae;
    color: #fff;
    box-shadow: 0 8px 18px rgba(0, 160, 174, .18);
}

.qrsis-anket-liste .qrsis-anket-liste-btn.btn-primary:hover,
.qrsis-anket-liste .qrsis-anket-liste-btn.btn-primary:focus {
    border-color: #008c98;
    background: #008c98;
    color: #fff;
}

.qrsis-anket-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 8px;
    padding: 12px 0 10px;
    border-bottom: 1px solid #dce4ef;
}

.qrsis-anket-header > div {
    min-width: 0;
}

.qrsis-anket-durum {
    display: inline-flex;
    width: fit-content;
    padding: 8px 12px;
    border: 1px solid rgba(0, 160, 174, .22);
    background: rgba(0, 160, 174, .08);
    color: #006b73;
    border-radius: 8px;
    font-size: .9rem;
}

.qrsis-anket-ekspres-rozet {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 6px 11px 6px 7px;
    border: 1px solid rgba(255, 155, 36, .26);
    border-radius: 999px;
    background: linear-gradient(135deg, #fff8ec 0%, #ffffff 100%);
    color: #915f12;
    font-size: .78rem;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 10px 24px rgba(255, 155, 36, .14);
}

.qrsis-anket-ekspres-ikon {
    width: 28px;
    height: 28px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    background: #ff9b24;
    color: #fff;
    font-size: .86rem;
    box-shadow: 0 7px 14px rgba(255, 155, 36, .28);
}

.qrsis-anket-ekspres-lottie {
    width: 24px;
    height: 24px;
    display: none;
}

.qrsis-anket-ekspres-ikon.lottie-hazir .qrsis-anket-ekspres-lottie {
    display: block;
}

.qrsis-anket-ekspres-ikon.lottie-hazir > i {
    display: none;
}

.qrsis-anket-ekspres-ikon > i {
    animation: qrsisAnketEkspresNefes 1.35s ease-in-out infinite;
}

.qrsis-anket-adimlar {
    position: relative;
    min-height: clamp(300px, 44vh, 380px);
    overflow: hidden;
}

.qrsis-anket-giris,
.qrsis-anket-sonuc {
    min-height: clamp(300px, 44vh, 380px);
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 12px;
    padding: 18px 0;
    text-align: center;
    animation: qrsisAnketGiris .28s ease both;
}

.qrsis-anket-giris p,
.qrsis-anket-sonuc p {
    max-width: 560px;
    margin: 0;
    color: #46608a;
    font-size: clamp(1rem, 3.7vw, 1.2rem);
    font-weight: 700;
    line-height: 1.5;
}

.qrsis-anket-giris-ikon,
.qrsis-anket-sonuc-ikon {
    width: 78px;
    height: 78px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #00a0ae;
    color: #fff;
    font-size: 2.1rem;
    box-shadow: 0 14px 28px rgba(0, 160, 174, .2);
}

.qrsis-anket-giris-ikon {
    position: relative;
    overflow: visible;
}

.qrsis-anket-giris-ikon::before {
    content: "";
    position: absolute;
    inset: -8px;
    border-radius: inherit;
    border: 1px solid rgba(0, 160, 174, .18);
    opacity: .72;
    animation: qrsisAnketYildizHalka 2.4s ease-in-out infinite;
}

.qrsis-anket-lottie {
    width: 62px;
    height: 62px;
    display: none;
}

.qrsis-anket-giris-ikon.lottie-hazir .qrsis-anket-lottie {
    display: block;
}

.qrsis-anket-giris-ikon.lottie-hazir > i {
    display: none;
}

.qrsis-anket-giris-ikon > i {
    animation: qrsisAnketYildizNefes 1.8s ease-in-out infinite;
}

.qrsis-anket-sonuc-etiket {
    color: #46608a;
    font-size: 1rem;
    font-weight: 800;
}

.qrsis-anket-sonuc-puan {
    color: #071934;
    font-size: clamp(2.8rem, 13vw, 5rem);
    font-weight: 900;
    line-height: 1;
}

.qrsis-anket-sonuc-yuzde {
    min-height: 28px;
    color: #00a0ae;
    font-size: 1.35rem;
    font-weight: 900;
}

.qrsis-anket-destek {
    width: min(560px, 100%);
    display: grid;
    gap: 10px;
    margin-top: 8px;
    border: 1px solid rgba(0, 160, 174, .2);
    border-radius: 8px;
    padding: 12px;
    background: rgba(0, 160, 174, .07);
    text-align: right;
}

.qrsis-anket-destek p {
    max-width: none;
    color: #005e67;
    font-size: .98rem;
    font-weight: 800;
    text-align: center;
}

.qrsis-anket-destek-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.qrsis-anket-destek-btn {
    justify-self: center;
}

.qrsis-anket-destek-btn--hayir {
    border-color: rgba(7, 25, 52, .18);
    background: #fff;
    color: #44516a;
}

.qrsis-anket-destek-btn--hayir:hover,
.qrsis-anket-destek-btn--hayir:focus {
    border-color: rgba(7, 25, 52, .32);
    background: #f5f7fb;
    color: #071934;
}

.qrsis-anket-destek-bilgi {
    color: #006b73;
    text-align: center;
    font-weight: 800;
}

.qrsis-anket-soru {
    display: none;
    padding: 18px 0;
}

.qrsis-anket-soru.active {
    display: block;
    animation: qrsisAnketGiris .28s ease both;
}

.qrsis-anket-soru.cikis {
    animation: qrsisAnketCikis .2s ease both;
}

.qrsis-anket-soru-ic {
    display: grid;
    gap: 14px;
}

.qrsis-anket-sayac {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-width: 70px;
    min-height: 42px;
    padding: 6px 14px;
    border: 1px solid #dce4ef;
    border-radius: 8px;
    background: #f8fafc;
    color: #071934;
    font-size: clamp(1.35rem, 5.2vw, 1.8rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
}

.qrsis-anket-soru h2 {
    margin: 0;
    color: #071934;
    font-size: 1.32rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0;
}

.qrsis-rating {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 14px 0 8px;
    direction: ltr;
}

.qrsis-rating label {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    isolation: isolate;
}

.qrsis-rating input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.qrsis-rating i {
    position: relative;
    z-index: 2;
    color: #d7dde7;
    font-size: clamp(2.5rem, 12vw, 4.2rem);
    transition: color .16s ease, transform .16s ease;
    transform-origin: 50% 62%;
    will-change: transform;
}

.qrsis-rating label.secili i,
.qrsis-rating label:hover i {
    color: #ff9b24;
    transform: scale(1.06);
}

.qrsis-rating-metin {
    min-height: 34px;
    color: #8a6a2f;
    text-align: center;
    font-size: clamp(1.15rem, 4.8vw, 1.55rem);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0;
    transition: color .16s ease, transform .16s ease;
}

.qrsis-rating-metin.anim-iyi {
    color: #007f8a;
    animation: qrsisAnketMetinIyi .58s ease both;
}

.qrsis-rating-metin.anim-dusuk {
    color: #8a5f33;
    animation: qrsisAnketMetinDusuk .62s ease both;
}

.qrsis-rating-yuz {
    --yuz-renk: #ffd36b;
    --yuz-golge: #f5a936;
    --yuz-cizgi: #071934;
    --yuz-yanak: rgba(255, 125, 111, .34);
    position: relative;
    width: 104px;
    height: 0;
    margin: 0 auto;
    opacity: 0;
    overflow: visible;
    pointer-events: none;
    transform: translateY(-6px) scale(.84);
    transition: height .18s ease, margin .18s ease, opacity .18s ease, transform .22s cubic-bezier(.2, .8, .2, 1), filter .18s ease;
    filter: drop-shadow(0 12px 18px rgba(7, 25, 52, .1));
}

.qrsis-rating-yuz.gorunur {
    height: 96px;
    margin-top: 12px;
    opacity: 1;
    transform: translateY(0) scale(1);
}

.qrsis-rating-yuz::before {
    content: "";
    position: absolute;
    inset: 7px 10px 9px;
    border-radius: 50%;
    background:
        radial-gradient(circle at 32% 62%, var(--yuz-yanak) 0 9%, transparent 10%),
        radial-gradient(circle at 68% 62%, var(--yuz-yanak) 0 9%, transparent 10%),
        radial-gradient(circle at 34% 24%, rgba(255, 255, 255, .82) 0 12%, transparent 13%),
        linear-gradient(145deg, rgba(255, 255, 255, .28), transparent 42%),
        var(--yuz-renk);
    box-shadow: inset 0 -10px 0 var(--yuz-golge), 0 0 0 4px rgba(255, 255, 255, .82), 0 12px 28px rgba(7, 25, 52, .12);
}

.qrsis-rating-yuz::after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 3px;
    height: 10px;
    border-radius: 50%;
    background: rgba(7, 25, 52, .1);
    filter: blur(4px);
}

.qrsis-rating-yuz-goz,
.qrsis-rating-yuz-agiz,
.qrsis-rating-yuz-yas,
.qrsis-rating-yuz-parilti {
    position: absolute;
    z-index: 2;
    display: block;
}

.qrsis-rating-yuz-goz {
    top: 35px;
    width: 11px;
    height: 16px;
    border-radius: 999px;
    background: var(--yuz-cizgi);
}

.qrsis-rating-yuz-goz--sol {
    left: 34px;
}

.qrsis-rating-yuz-goz--sag {
    right: 34px;
}

.qrsis-rating-yuz-agiz {
    left: 50%;
    top: 61px;
    width: 38px;
    height: 20px;
    border: 5px solid transparent;
    border-top-color: var(--yuz-cizgi);
    border-radius: 999px 999px 0 0;
    transform: translateX(-50%);
}

.qrsis-rating-yuz-yas {
    top: 49px;
    width: 11px;
    height: 18px;
    border-radius: 8px 8px 10px 10px;
    background: linear-gradient(180deg, #8fd8ff, #38aee7);
    opacity: 0;
    transform: rotate(10deg) translateY(-4px) scale(.7);
}

.qrsis-rating-yuz-yas--sol {
    left: 28px;
}

.qrsis-rating-yuz-yas--sag {
    right: 28px;
}

.qrsis-rating-yuz-parilti {
    width: 20px;
    height: 20px;
    opacity: 0;
    transform: scale(.6) rotate(45deg);
}

.qrsis-rating-yuz-parilti::before,
.qrsis-rating-yuz-parilti::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 999px;
    background: #fff6b8;
    box-shadow: 0 0 10px rgba(255, 216, 78, .86);
    transform: translate(-50%, -50%);
}

.qrsis-rating-yuz-parilti::before {
    width: 5px;
    height: 20px;
}

.qrsis-rating-yuz-parilti::after {
    width: 20px;
    height: 5px;
}

.qrsis-rating-yuz-parilti--sol {
    left: 15px;
    top: 18px;
}

.qrsis-rating-yuz-parilti--sag {
    right: 15px;
    top: 18px;
}

.qrsis-rating-yuz--1 {
    --yuz-renk: #dfe8f4;
    --yuz-golge: #c5d2e3;
    --yuz-yanak: rgba(119, 143, 174, .2);
}

.qrsis-rating-yuz--1 .qrsis-rating-yuz-goz {
    width: 18px;
    height: 5px;
    border-radius: 999px;
    transform: rotate(20deg);
}

.qrsis-rating-yuz--1 .qrsis-rating-yuz-goz--sag {
    transform: rotate(-18deg);
}

.qrsis-rating-yuz--1 .qrsis-rating-yuz-yas {
    opacity: 1;
    animation: qrsisRatingYas .92s ease both;
}

.qrsis-rating-yuz--2 {
    --yuz-renk: #f4d191;
    --yuz-golge: #dfaa58;
    --yuz-yanak: rgba(151, 99, 45, .16);
}

.qrsis-rating-yuz--2 .qrsis-rating-yuz-goz {
    width: 17px;
    height: 5px;
    border-radius: 999px;
    transform: rotate(12deg);
}

.qrsis-rating-yuz--2 .qrsis-rating-yuz-goz--sag {
    transform: rotate(-10deg);
}

.qrsis-rating-yuz--2 .qrsis-rating-yuz-yas--sol {
    opacity: .72;
    animation: qrsisRatingYas .92s ease both;
}

.qrsis-rating-yuz--3 {
    --yuz-renk: #ffd36b;
    --yuz-golge: #f2a839;
    --yuz-yanak: rgba(255, 123, 103, .28);
}

.qrsis-rating-yuz--3 .qrsis-rating-yuz-agiz,
.qrsis-rating-yuz--4 .qrsis-rating-yuz-agiz {
    top: 49px;
    height: 22px;
    border-top-color: transparent;
    border-bottom-color: var(--yuz-cizgi);
    border-radius: 0 0 999px 999px;
}

.qrsis-rating-yuz--4 {
    --yuz-renk: #ffbd3b;
    --yuz-golge: #ed8f1f;
    --yuz-yanak: rgba(255, 101, 91, .34);
    filter: drop-shadow(0 12px 18px rgba(255, 155, 36, .2));
}

.qrsis-rating-yuz--4 .qrsis-rating-yuz-goz {
    top: 33px;
    width: 15px;
    height: 20px;
    border: 0;
    border-radius: 999px;
    background: #071934;
    box-shadow: 0 2px 0 rgba(237, 143, 31, .18);
}

.qrsis-rating-yuz--4 .qrsis-rating-yuz-goz--sol {
    left: 31px;
    transform: rotate(-3deg);
}

.qrsis-rating-yuz--4 .qrsis-rating-yuz-goz--sag {
    right: 31px;
    transform: rotate(3deg);
}

.qrsis-rating-yuz--4 .qrsis-rating-yuz-goz::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .92);
    box-shadow: 5px 7px 0 -3px rgba(255, 255, 255, .72);
}

.qrsis-rating-yuz--4 .qrsis-rating-yuz-agiz {
    top: 60px;
    width: 34px;
    height: 14px;
    border: 0;
    border-radius: 0 0 999px 999px;
    background: var(--yuz-cizgi);
    overflow: hidden;
}

.qrsis-rating-yuz--4 .qrsis-rating-yuz-agiz::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    width: 18px;
    height: 9px;
    border-radius: 999px 999px 0 0;
    background: #ff7f7a;
    transform: translateX(-50%);
}

.qrsis-rating-yuz--4 .qrsis-rating-yuz-parilti {
    opacity: 1;
    animation: qrsisRatingYuzParilti 1.1s ease both infinite;
}

.qrsis-rating-yuz--4 .qrsis-rating-yuz-parilti--sag {
    animation-delay: .18s;
}

.qrsis-rating-yuz.anim-iyi {
    animation: qrsisRatingYuzIyi .68s cubic-bezier(.2, .8, .2, 1) both;
}

.qrsis-rating-yuz.anim-dusuk {
    animation: qrsisRatingYuzDusuk .72s ease both;
}

.qrsis-rating.anim-iyi label.secili i {
    animation: qrsisYildizIyi .72s cubic-bezier(.2, .8, .2, 1) both;
}

.qrsis-rating.anim-dusuk label.secili i {
    animation: qrsisYildizDusuk .78s ease both;
}

.qrsis-rating-efekt {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: clamp(86px, 18vw, 124px);
    height: clamp(86px, 18vw, 124px);
    pointer-events: none;
    transform: translate(-50%, -50%);
}

.qrsis-rating-bulut,
.qrsis-rating-parilti {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    pointer-events: none;
}

.qrsis-rating-bulut {
    width: var(--bulut-boyut, 22px);
    height: var(--bulut-boyut, 22px);
    border-radius: 999px;
    background:
        radial-gradient(circle at 38% 34%, rgba(255, 255, 255, .94) 0 30%, transparent 31%),
        radial-gradient(circle at 65% 64%, rgba(255, 255, 255, .84) 0 28%, transparent 29%),
        radial-gradient(circle, rgba(255, 203, 116, .52) 0 66%, rgba(255, 203, 116, 0) 68%);
    box-shadow: 0 0 18px rgba(255, 155, 36, .22);
    opacity: 0;
    transform: translate(-50%, -50%) rotate(0deg) translateX(10px) scale(.35);
    animation: qrsisRatingBulutDon 1.08s cubic-bezier(.18, .85, .24, 1) forwards;
}

.qrsis-rating-efekt.is-soft .qrsis-rating-bulut {
    background:
        radial-gradient(circle at 38% 34%, rgba(255, 255, 255, .92) 0 30%, transparent 31%),
        radial-gradient(circle at 65% 64%, rgba(255, 255, 255, .78) 0 28%, transparent 29%),
        radial-gradient(circle, rgba(145, 177, 216, .48) 0 66%, rgba(145, 177, 216, 0) 68%);
    box-shadow: 0 0 16px rgba(104, 128, 160, .2);
}

.qrsis-rating-bulut--1 { --bulut-boyut: 24px; --bulut-aci: 52deg; --bulut-yaricap: 46px; animation-delay: 0ms; }
.qrsis-rating-bulut--2 { --bulut-boyut: 18px; --bulut-aci: 128deg; --bulut-yaricap: 40px; animation-delay: 45ms; }
.qrsis-rating-bulut--3 { --bulut-boyut: 26px; --bulut-aci: 202deg; --bulut-yaricap: 45px; animation-delay: 90ms; }
.qrsis-rating-bulut--4 { --bulut-boyut: 16px; --bulut-aci: 282deg; --bulut-yaricap: 39px; animation-delay: 135ms; }
.qrsis-rating-bulut--5 { --bulut-boyut: 20px; --bulut-aci: 340deg; --bulut-yaricap: 43px; animation-delay: 180ms; }

.qrsis-rating-parilti {
    width: var(--parilti-boyut, 7px);
    height: var(--parilti-boyut, 7px);
    border-radius: 50%;
    background: #ffd36b;
    box-shadow: 0 0 12px rgba(255, 194, 62, .82);
    opacity: 0;
    transform: translate(-50%, -50%) rotate(0deg) translateX(6px) scale(.25);
    animation: qrsisRatingParilti 1.02s ease-out forwards;
}

.qrsis-rating-efekt.is-soft .qrsis-rating-parilti {
    background: #9fb4d1;
    box-shadow: 0 0 10px rgba(125, 148, 180, .48);
}

.qrsis-rating-parilti--1 { --parilti-boyut: 6px; --parilti-aci: 18deg; --parilti-yaricap: 50px; animation-delay: 40ms; }
.qrsis-rating-parilti--2 { --parilti-boyut: 8px; --parilti-aci: 72deg; --parilti-yaricap: 54px; animation-delay: 95ms; }
.qrsis-rating-parilti--3 { --parilti-boyut: 5px; --parilti-aci: 142deg; --parilti-yaricap: 48px; animation-delay: 20ms; }
.qrsis-rating-parilti--4 { --parilti-boyut: 7px; --parilti-aci: 214deg; --parilti-yaricap: 53px; animation-delay: 120ms; }
.qrsis-rating-parilti--5 { --parilti-boyut: 5px; --parilti-aci: 272deg; --parilti-yaricap: 46px; animation-delay: 70ms; }
.qrsis-rating-parilti--6 { --parilti-boyut: 8px; --parilti-aci: 318deg; --parilti-yaricap: 56px; animation-delay: 150ms; }
.qrsis-rating-parilti--7 { --parilti-boyut: 4px; --parilti-aci: 358deg; --parilti-yaricap: 44px; animation-delay: 200ms; }

.qrsis-rating.anim-iyi label:nth-child(1) i,
.qrsis-rating.anim-dusuk label:nth-child(1) i {
    animation-delay: 0ms;
}

.qrsis-rating.anim-iyi label:nth-child(2) i,
.qrsis-rating.anim-dusuk label:nth-child(2) i {
    animation-delay: 45ms;
}

.qrsis-rating.anim-iyi label:nth-child(3) i,
.qrsis-rating.anim-dusuk label:nth-child(3) i {
    animation-delay: 90ms;
}

.qrsis-rating.anim-iyi label:nth-child(4) i,
.qrsis-rating.anim-dusuk label:nth-child(4) i {
    animation-delay: 135ms;
}

.qrsis-secenek-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.qrsis-secenek {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid #cfd9e8;
    border-radius: 8px;
    padding: 12px;
    color: #24395f;
    font-weight: 700;
    cursor: pointer;
    background: #fff;
    transition: border-color .16s ease, background-color .16s ease, transform .16s ease;
}

.qrsis-secenek:has(input:checked) {
    border-color: #00a0ae;
    background: rgba(0, 160, 174, .08);
    color: #005e67;
}

.qrsis-secenek:hover {
    transform: translateY(-1px);
}

.qrsis-anket-input {
    min-height: 52px;
    border-radius: 8px;
    border-color: #cfd9e8;
}

.qrsis-anket-footer {
    position: sticky;
    bottom: calc(var(--qrsis-footer-base-height, 46px) + env(safe-area-inset-bottom) + 6px);
    z-index: 25;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0 8px;
    border-top: 1px solid #dce4ef;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 -10px 22px rgba(7, 25, 52, .08);
    backdrop-filter: blur(8px);
}

.qrsis-anket-basla-btn {
    margin-left: auto;
}

.qrsis-anket-nav-btn {
    min-width: 118px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0;
    touch-action: manipulation;
}

.qrsis-anket-nav-btn:disabled {
    opacity: .45;
}

.qrsis-anket-form .btn-primary,
.qrsis-anket-bilgi .btn-primary {
    background: #00a0ae;
    border-color: #00a0ae;
}

.qrsis-anket-form .btn-secondary {
    background: #6b7280;
    border-color: #6b7280;
}

.qrsis-anket-tamam {
    position: fixed;
    inset: 0;
    z-index: 2050;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, .92);
}

.qrsis-anket-tamam-kutu {
    width: min(300px, calc(100vw - 32px));
    text-align: center;
    color: #071934;
    font-weight: 800;
}

.qrsis-anket-check {
    width: 96px;
    height: 96px;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: #00a0ae;
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 2.5rem;
    animation: qrsisAnketPop .34s ease both;
}

@keyframes qrsisAnketGiris {
    from { opacity: 0; transform: translateX(18px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes qrsisAnketCikis {
    from { opacity: 1; transform: translateX(0); }
    to { opacity: 0; transform: translateX(-18px); }
}

@keyframes qrsisAnketPop {
    0% { transform: scale(.78); opacity: 0; }
    80% { transform: scale(1.06); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes qrsisAnketYildizNefes {
    0%, 100% { transform: scale(1) rotate(0deg); }
    45% { transform: scale(1.12) rotate(8deg); }
    70% { transform: scale(.98) rotate(-5deg); }
}

@keyframes qrsisAnketYildizHalka {
    0%, 100% { transform: scale(.92); opacity: .22; }
    50% { transform: scale(1.08); opacity: .72; }
}

@keyframes qrsisAnketEkspresNefes {
    0%, 100% { transform: translateY(0) scale(1) rotate(-6deg); }
    45% { transform: translateY(-1px) scale(1.16) rotate(6deg); }
    70% { transform: translateY(1px) scale(.96) rotate(-3deg); }
}

@keyframes qrsisYildizIyi {
    0% { transform: rotate(0deg) scale(1.04); filter: drop-shadow(0 0 0 rgba(255, 155, 36, 0)); }
    24% { transform: rotate(-10deg) scale(1.2); filter: drop-shadow(0 0 14px rgba(255, 155, 36, .42)); }
    48% { transform: rotate(8deg) scale(1.08); }
    72% { transform: rotate(-4deg) scale(1.15); filter: drop-shadow(0 0 10px rgba(255, 194, 62, .35)); }
    100% { transform: rotate(0deg) scale(1.06); filter: drop-shadow(0 0 0 rgba(255, 155, 36, 0)); }
}

@keyframes qrsisYildizDusuk {
    0% { transform: rotate(0deg) scale(1.04); filter: saturate(1); }
    24% { transform: rotate(-9deg) scale(1.12); filter: saturate(.82) drop-shadow(0 0 10px rgba(125, 148, 180, .28)); }
    52% { transform: rotate(7deg) scale(1.02); }
    78% { transform: rotate(-4deg) scale(1.09); }
    100% { transform: rotate(0deg) scale(1.06); filter: saturate(1); }
}

@keyframes qrsisRatingBulutDon {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotate(calc(var(--bulut-aci) - 120deg)) translateX(8px) scale(.35);
        filter: blur(2px);
    }
    22% {
        opacity: .94;
        filter: blur(.5px);
    }
    64% {
        opacity: .82;
        transform: translate(-50%, -50%) rotate(var(--bulut-aci)) translateX(var(--bulut-yaricap)) scale(1.08);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) rotate(calc(var(--bulut-aci) + 92deg)) translateX(calc(var(--bulut-yaricap) + 12px)) scale(.72);
        filter: blur(2px);
    }
}

@keyframes qrsisRatingParilti {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotate(calc(var(--parilti-aci) - 80deg)) translateX(8px) scale(.2);
    }
    24% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(var(--parilti-aci)) translateX(var(--parilti-yaricap)) scale(1);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) rotate(calc(var(--parilti-aci) + 45deg)) translateX(calc(var(--parilti-yaricap) + 18px)) scale(.25);
    }
}

@keyframes qrsisAnketMetinIyi {
    0% { transform: scale(.92); opacity: .65; }
    45% { transform: scale(1.12); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes qrsisAnketMetinDusuk {
    0% { transform: translateY(0); opacity: .7; }
    35% { transform: translateY(5px); opacity: 1; }
    70% { transform: translateY(-2px); }
    100% { transform: translateY(0); }
}

@keyframes qrsisRatingYuzIyi {
    0% { transform: translateY(4px) scale(.88) rotate(-2deg); }
    42% { transform: translateY(-5px) scale(1.08) rotate(3deg); }
    70% { transform: translateY(1px) scale(.98) rotate(-1deg); }
    100% { transform: translateY(0) scale(1) rotate(0); }
}

@keyframes qrsisRatingYuzDusuk {
    0% { transform: translateY(-2px) scale(.94) rotate(0); }
    28% { transform: translateY(4px) scale(1.02) rotate(-2deg); }
    56% { transform: translateY(1px) scale(.98) rotate(2deg); }
    100% { transform: translateY(0) scale(1) rotate(0); }
}

@keyframes qrsisRatingYas {
    0% { transform: rotate(10deg) translateY(-6px) scale(.68); }
    58% { transform: rotate(10deg) translateY(3px) scale(1); }
    100% { transform: rotate(10deg) translateY(1px) scale(.94); }
}

@keyframes qrsisRatingYuzParilti {
    0%, 100% { transform: scale(.72) rotate(45deg); filter: brightness(1); }
    48% { transform: scale(1.16) rotate(45deg); filter: brightness(1.28); }
}

@media (max-width: 560px) {
    .qrsis-anket-header {
        grid-template-columns: minmax(0, 1fr);
    }

    .qrsis-anket-ekspres-rozet {
        justify-self: start;
        margin-top: 2px;
    }

    .qrsis-secenek-grid {
        grid-template-columns: 1fr;
    }

    .qrsis-anket-liste-kart {
        grid-template-columns: 42px minmax(0, 1fr);
        align-items: center;
    }

    .qrsis-anket-liste-btn {
        width: 100%;
        grid-column: 1 / -1;
    }

    .qrsis-anket-destek-grid {
        grid-template-columns: 1fr;
    }

    .qrsis-anket-adimlar {
        min-height: clamp(300px, 45vh, 390px);
    }

    .qrsis-anket-footer {
        bottom: calc(70px + env(safe-area-inset-bottom));
        gap: 8px;
    }

    .qrsis-anket-nav-btn {
        flex: 1 1 0;
        min-width: 0;
    }
}
