/* MB Ürün 2.11 — online test */
.mbo{--r:#5EC8B1;--rk:#1F6F5F;--ra:#E9F8F4;--y:#D64545;--ya:#FDECEC;--d:#2E9E57;--da:#E7F6EC;color:#24302c;max-width:860px;margin:0 auto;font-size:17px;line-height:1.55}
.mbo.mbu-s5{--r:#5EC8B1;--rk:#1F6F5F;--ra:#E9F8F4}.mbo.mbu-s6{--r:#AB7F9D;--rk:#6E4A63;--ra:#F5EEF3}.mbo.mbu-s7{--r:#EC8E43;--rk:#9A5216;--ra:#FDF1E6}.mbo.mbu-s8{--r:#78A6C0;--rk:#3B6A85;--ra:#EDF4F8}
.mbo *{box-sizing:border-box}
.mbo-giris{background:var(--ra);border-radius:20px;padding:22px 20px;margin:0 0 20px}
.mbo-rozetler{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}
.mbo-ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:0 0 16px}
.mbo-ozet div{background:#fff;border-radius:14px;padding:12px;text-align:center}
.mbo-ozet b{display:block;font-size:1.7em;line-height:1.1;color:var(--rk)}.mbo-ozet small{color:#65706b;font-size:.82em}
.mbo-kip{border:0;padding:0;margin:0 0 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.mbo-kip legend{font-weight:700;margin-bottom:8px;padding:0}
.mbo-kip label{display:flex;gap:10px;align-items:flex-start;background:#fff;border:2px solid transparent;border-radius:14px;padding:12px 14px;cursor:pointer}
.mbo-kip label:has(input:checked){border-color:var(--r)}
.mbo-kip input{margin-top:5px;accent-color:var(--rk);width:18px;height:18px}
.mbo-kip b{display:block}.mbo-kip small{color:#65706b;font-size:.85em}
.mbo-dugmeler{display:flex;flex-wrap:wrap;gap:10px}
.mbo-dugmeler .mbu-d{flex:1 1 200px;justify-content:center}
.mbo-rekor{margin:14px 0 0;font-weight:600;color:var(--rk)}
.mbo-diger{margin-top:16px;font-size:.92em;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.mbo-diger a,.mbo-diger span{padding:4px 12px;border-radius:999px;background:#fff;color:var(--rk);text-decoration:none;font-weight:600}
.mbo-diger span.on{background:var(--rk);color:#fff}
/* sorular (betiksiz: hepsi alt alta) */
.mbo-sorular{list-style:none;margin:0;padding:0;counter-reset:s}
.mbo-soru{list-style:none;counter-increment:s;margin:0 0 18px;padding:18px;border:1px solid #e3e7e5;border-radius:16px;background:#fff;position:relative}
.mbo-js .mbo-sorular{display:none}
.mbo-baglam{background:var(--ra);border-radius:12px;padding:12px 14px;margin:0 0 14px}
.mbo-baglam>b{display:block;text-align:center;color:var(--rk);margin-bottom:4px}
.mbo-govde{margin:0 0 12px}
.mbo-durum{margin:0 0 6px}
.mbo-kok{font-weight:700;margin:0}
.mbo-kok::before{content:counter(s) ". ";color:var(--rk)}
.mbo-sahne .mbo-kok::before{content:none}
.mbo-sec{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px}
.mbo-sec li{margin:0}
.mbo-sec button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;min-height:54px;padding:8px 14px;border:2px solid #dfe4e2;border-radius:14px;background:#fff;color:inherit;font:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}
.mbo-sec button:hover:not([disabled]){border-color:var(--r);background:var(--ra)}
.mbo-sec button:active:not([disabled]){transform:scale(.99)}
.mbo-sec button:focus-visible{outline:3px solid var(--rk);outline-offset:2px}
.mbo-harf{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--ra);color:var(--rk);font-weight:800}
.mbo-yazi{flex:1}
.mbo-sec button.secili{border-color:var(--rk);background:var(--ra)}.mbo-sec button.secili .mbo-harf{background:var(--rk);color:#fff}
.mbo-sec button.dogru{border-color:var(--d);background:var(--da)}.mbo-sec button.dogru .mbo-harf{background:var(--d);color:#fff}
.mbo-sec button.yanlis{border-color:var(--y);background:var(--ya)}.mbo-sec button.yanlis .mbo-harf{background:var(--y);color:#fff}
.mbo-sec button[disabled]{cursor:default;opacity:1}
.mbo-sec button[disabled]:not(.dogru):not(.yanlis){opacity:.6}
/* soru içi görseller (motor/seri.py ile aynı) */
.mbo svg{max-width:100%;height:auto}
.mbo .grs{display:block;margin:8px auto}
.mbo .krt{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0 6px}
.mbo .krt span{border:1.5px solid #231F20;border-radius:7px;min-width:40px;padding:6px 9px;text-align:center;font-weight:700;background:#fff}
.mbo .ifd{margin:6px 0 0 4px;line-height:1.7}
.mbo table{border-collapse:collapse;margin:8px auto;max-width:100%;font-size:.95em}
.mbo .tbl td,.mbo .tbl th,.mbo .t30 td{border:1px solid #9aa5a0;padding:4px 10px;text-align:center}
.mbo .tbl th{background:#f3f5f4}
.mbo .t30 td{width:30px;height:30px;padding:0}
/* sahne */
.mbo-sahne{border:2px solid var(--r);border-radius:20px;padding:14px 16px 18px;background:#fff;margin:0 0 20px}
.mbo-ust{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.mbo-say{font-weight:800;color:var(--rk)}.mbo-saat{margin-left:auto;font-variant-numeric:tabular-nums;color:#65706b;font-size:.92em}
.mbo-tam,.mbo-cik{width:40px;height:40px;border-radius:10px;border:1px solid #dfe4e2;background:#fff;cursor:pointer;font-size:1.1em;color:#45514c}
.mbo-cubuk{height:8px;border-radius:99px;background:#eef1f0;overflow:hidden;margin-bottom:10px}.mbo-cubuk i{display:block;height:100%;background:var(--r);transition:width .3s}
.mbo-noktalar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.mbo-noktalar button{width:34px;height:34px;border-radius:9px;border:1.5px solid #dfe4e2;background:#fff;font:inherit;font-size:.8em;font-weight:700;color:#65706b;cursor:pointer}
.mbo-noktalar button.on{border-color:var(--rk);color:var(--rk);box-shadow:0 0 0 2px var(--ra)}
.mbo-noktalar button.c{background:var(--ra);color:var(--rk)}.mbo-noktalar button.d{background:var(--d);border-color:var(--d);color:#fff}.mbo-noktalar button.y{background:var(--y);border-color:var(--y);color:#fff}
.mbo-yer .mbo-soru{border:0;padding:0;margin:0}
.mbo-geri{min-height:0;border-radius:12px;margin:12px 0 0}
.mbo-geri.ok,.mbo-geri.no,.mbo-geri.bilgi{padding:10px 14px}
.mbo-geri.ok{background:var(--da);color:#1d6b3a}.mbo-geri.no{background:var(--ya);color:#9b2c2c}.mbo-geri.bilgi{background:#FFF6DB;color:#7a5b00}
.mbo-alt{display:flex;gap:10px;margin-top:14px}.mbo-alt .mbu-d{flex:1;justify-content:center}.mbo-alt .mbu-d[disabled]{opacity:.45;cursor:default}
.mbo:fullscreen{background:#fff;padding:24px;overflow:auto;max-width:none;font-size:22px}
.mbo:fullscreen .mbo-sahne{max-width:1100px;margin:0 auto}
/* sonuç */
.mbo-sonuc{text-align:center;background:var(--ra);border-radius:20px;padding:24px 18px;margin:0 0 20px}
.mbo-puan{--p:0;width:150px;height:150px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;align-content:center;background:radial-gradient(closest-side,#fff 78%,transparent 79%),conic-gradient(var(--rk) calc(var(--p)*1%),#dfe4e2 0)}
.mbo-puan b{font-size:2.8em;line-height:1;color:var(--rk)}.mbo-puan small{color:#65706b}
.mbo-mesaj{font-size:1.1em;font-weight:700;margin:0 0 12px}
.mbo-dyb{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px}
.mbo-dyb span{background:#fff;border-radius:12px;padding:8px 14px}.mbo-dyb .d b{color:var(--d)}.mbo-dyb .y b{color:var(--y)}
.mbo-topluluk{color:#55615c;font-size:.92em;min-height:1.2em}
.mbo-sonuc .mbo-dugmeler{margin-top:12px}
.mbo-ig{font-size:.9em;margin:16px 0 0}
.mbo-incele{text-align:left;margin-top:18px}
.mbo-ic{background:#fff;border-radius:16px;padding:14px 16px;margin:0 0 12px;border-left:6px solid #c8cfcc}
.mbo-ic.d{border-left-color:var(--d)}.mbo-ic.y{border-left-color:var(--y)}
.mbo-ic-b{margin:0 0 8px;font-size:.92em}
.mbo-ic .mbo-soru{border:0;padding:0;margin:0}
/* QR */
.mbo-qr .mbu-qr-i{text-align:center}.mbo-qr svg{width:min(70vmin,360px);height:auto}
.mbo-qr-adres{font-weight:700;color:var(--rk)}
.mbo-qr .mbu-modal-i:fullscreen{display:grid;place-content:center;width:100%;max-height:none;font-size:1.6em}
.mbo-qr .mbu-modal-i:fullscreen svg{width:min(70vh,640px)}
/* konfeti */
.mbo-konfeti{position:fixed;inset:0;pointer-events:none;z-index:99999;overflow:hidden}
.mbo-konfeti i{position:absolute;top:-12px;width:10px;height:14px;border-radius:2px;animation:mbo-dus 2.6s ease-in forwards}
@keyframes mbo-dus{to{transform:translateY(105vh) rotate(720deg);opacity:.9}}
@media (prefers-reduced-motion:reduce){.mbo-konfeti{display:none}.mbo-sec button,.mbo-cubuk i{transition:none}}
/* arşiv */
.mbo-arsiv section{margin:0 0 24px}
.mbo-arsiv-s{display:flex;align-items:center;gap:10px;font-size:1.1em;margin:0 0 10px}
.mbo-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px}
.mbo-kart{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid #e3e7e5;border-radius:16px;background:#fff;color:#24302c!important;text-decoration:none!important;position:relative}
.mbo-kart:hover{border-color:var(--r);background:var(--ra)}
.mbo-kart .mbu-cip{align-self:flex-start;font-size:.78em}
.mbo-kart small{color:#65706b}.mbo-kart-d{color:var(--rk);font-weight:700;margin-top:auto}
@media (max-width:600px){.mbo{font-size:16px}.mbo-giris,.mbo-sahne{padding:16px 14px}.mbo-sec{grid-template-columns:1fr}.mbo-alt{position:sticky;bottom:0;background:#fff;padding:10px 0 4px;margin-bottom:-4px}}