#mobile-quiz-actions[hidden]{display:none}
@media(max-width:767px){
 .reference-replica #quiz #screen>.actions{display:flex;align-items:center;gap:12px;margin:18px 0 0;padding:0}
 .reference-replica #quiz #screen>.actions .primary{flex:1;min-width:0;min-height:48px;padding:13px 12px;font:400 27px/1.1 Podium,Impact,sans-serif;border-radius:8px;margin:0}
 .reference-replica #quiz #screen>.actions .back{font-size:12px;flex-shrink:0;margin:0;padding:10px 0}
 .reference-replica #quiz[data-language=ta] #screen>.actions .primary{font:600 14px/1.4 Arial,sans-serif}
}
@media(max-width:767px){
 .reference-replica #quiz[open]{display:flex;flex-direction:column;width:calc(100% - 16px)!important;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)!important;max-width:600px;padding:0;border-radius:12px!important;overflow:hidden}
 .reference-replica #quiz .modal-top{position:relative!important;height:auto!important;min-height:54px!important;flex-shrink:0;padding:10px 14px!important;background:#1b1238!important;border-bottom:3px solid #da3f96!important;gap:10px}
 .reference-replica #quiz .modal-brand{display:flex!important;font-size:22px;gap:7px}
 .reference-replica #quiz .df-logo{width:26px;height:26px}
 .reference-replica #quiz .modal-top>div{position:static!important;display:flex;align-items:center;gap:8px}
 .reference-replica #quiz .modal-top #language{color:white!important;background:transparent!important;font-size:11px!important;border:1px solid #8c799f!important;padding:5px 8px!important;min-height:34px}
 .reference-replica #quiz .modal-top #close{color:white!important;font-size:25px!important;min-width:34px;min-height:34px}
 .reference-replica #quiz #popup-stages{display:none!important}
 .reference-replica #quiz .progress-track{flex-shrink:0;height:4px}
 .reference-replica #quiz #screen{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 18px!important;scroll-padding:15px;-webkit-overflow-scrolling:touch}
 .reference-replica #quiz #quiz-title{font:700 23px/1.3 ReplicaInter,Arial,sans-serif!important;text-transform:none;letter-spacing:-.4px;margin:0 0 12px!important}
 .reference-replica #quiz #screen>.eyebrow{font-size:11px;margin-bottom:12px}
 .reference-replica #quiz #screen>p{font-size:14px;line-height:1.45;margin-bottom:16px}
 .reference-replica #quiz .options{gap:9px}
 .reference-replica #quiz .option{font-size:14px;line-height:1.4;min-height:48px;padding:12px 12px 12px 43px}
 .reference-replica #quiz .option:before{width:22px;height:22px;left:12px}
 #mobile-quiz-actions{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:12px 16px max(12px,env(safe-area-inset-bottom));background:white;border-top:1px solid #e4dcec;box-shadow:0 -5px 18px #2111350a;z-index:5}
 #mobile-quiz-actions .actions{display:flex;align-items:center;width:100%;margin:0;gap:12px}
 .reference-replica #quiz #mobile-quiz-actions .primary{flex:1;width:auto;min-width:0;margin:0;position:relative;bottom:auto;min-height:48px;padding:13px 12px;font:400 27px/1.1 Podium,Impact,sans-serif;border-radius:8px;box-shadow:none;gap:8px}
 .reference-replica #quiz #mobile-quiz-actions .back{flex-shrink:0;font-size:12px;padding:10px 0;margin:0}
 .reference-replica #quiz[data-language=ta] #mobile-quiz-actions .primary{font:600 14px/1.4 Arial,sans-serif}
 .reference-replica #quiz #mobile-quiz-actions .offer-pay svg{width:22px;height:22px}
 .reference-replica #quiz #mobile-quiz-actions .offer-pay>span:last-child{font-size:27px}
 .reference-replica #quiz .result-simple #quiz-title{font:400 38px/1.1 Podium,Impact,sans-serif!important;text-transform:uppercase;text-align:center}
 .reference-replica #quiz .result-next-step{font-size:15px;line-height:1.55;margin-bottom:18px}
 .reference-replica #quiz .result-bridge{font-size:14px;line-height:1.5}
 .result-check{width:45px;height:45px;margin:5px auto 18px}
 .reference-replica #quiz .offer-design #quiz-title{font-size:23px!important}
 .reference-replica #quiz .offer-top{margin-top:0}
 .reference-replica #quiz .offer-footer{padding-top:10px}
}