/* Payment controls, content, and action occupy separate rows. */
.reference-replica #quiz[data-step="7"][open]{display:flex;flex-direction:column;overflow:hidden;padding:0;height:min(940px,calc(100dvh - 24px));max-height:calc(100dvh - 24px)!important}
.reference-replica #quiz[data-step="7"] .modal-top{display:flex;justify-content:flex-end;align-items:center;position:relative!important;flex-shrink:0;height:auto!important;min-height:48px!important;padding:8px 16px!important;background:#fff!important;border:0!important;border-bottom:1px solid #eee7f5!important}
.reference-replica #quiz[data-step="7"] .modal-brand{display:none!important}
.reference-replica #quiz[data-step="7"] .modal-top>div{position:static!important;display:flex;align-items:center;gap:12px}
.reference-replica #quiz[data-step="7"] .modal-top #language{background:#f6f1fc!important;color:#504072!important;font:12px/1.3 ReplicaInter,Arial,sans-serif!important;border:1px solid #e6dcf0!important;border-radius:7px;padding:7px 10px!important;min-height:32px}
.reference-replica #quiz[data-step="7"] .modal-top #close{color:#504072!important;font-size:25px!important;min-width:32px;min-height:32px;padding:2px!important}
.reference-replica #quiz[data-step="7"] #screen{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px 20px 24px!important}
.reference-replica #quiz[data-step="7"] .offer-reminder{display:none}
.reference-replica #quiz[data-step="7"] .offer-top{margin-bottom:16px}
.reference-replica #quiz[data-step="7"] .offer-now strong{line-height:1.25;padding:4px 4px 8px;letter-spacing:-3px;white-space:nowrap;background:none;color:#ae198f;-webkit-text-fill-color:#ae198f;overflow:visible}
.reference-replica #quiz[data-step="7"] .offer-prices{gap:14px;overflow:visible}
.reference-replica #quiz[data-step="7"] .offer-saving{transform:none}
.reference-replica #quiz[data-step="7"] .offer-footer{display:block}
.reference-replica #quiz[data-step="7"] #mobile-quiz-actions{display:flex;flex-shrink:0;gap:12px;align-items:center;padding:12px 18px max(12px,env(safe-area-inset-bottom));border-top:1px solid #e6deef;background:white;box-shadow:0 -4px 14px #35236908}
.reference-replica #quiz[data-step="7"] #mobile-quiz-actions .primary{position:relative;bottom:auto;flex:1;min-width:0;width:auto;border-radius:12px;padding:16px 12px;margin:0;box-shadow:none;font:400 32px/1.2 Podium,Impact,sans-serif;gap:12px}
.reference-replica #quiz[data-step="7"] #mobile-quiz-actions .back{order:-1;flex-shrink:0;font-size:12px;margin:0;padding:10px 0}
.reference-replica #quiz[data-step="7"] #mobile-quiz-actions svg{width:26px;height:26px}
.reference-replica #quiz[data-step="7"] #mobile-quiz-actions .offer-pay>span:last-child{font-size:30px}
@media(max-width:480px){.reference-replica #quiz[data-step="7"] .offer-prices{gap:8px;padding:12px 10px}.reference-replica #quiz[data-step="7"] .offer-now strong{font-size:57px;letter-spacing:-2px}.reference-replica #quiz[data-step="7"] .offer-was{padding-right:8px}.reference-replica #quiz[data-step="7"] .offer-was s{font-size:26px}.reference-replica #quiz[data-step="7"] #mobile-quiz-actions{padding-left:12px;padding-right:12px}.reference-replica #quiz[data-step="7"] #mobile-quiz-actions .primary{font-size:24px;gap:8px}.reference-replica #quiz[data-step="7"] #mobile-quiz-actions svg{width:22px}}
.reference-replica #quiz[data-step="7"][data-language="ta"] #mobile-quiz-actions .primary{font:600 14px/1.5 Arial,sans-serif}

/* Payment screen header: show the Doctor Farmer logo, name and tagline on the white bar */
.reference-replica #quiz[data-step="7"] .modal-top{justify-content:space-between!important}
.reference-replica #quiz[data-step="7"] .modal-brand{display:flex!important;align-items:center;gap:10px;position:relative;padding-bottom:12px;font:400 22px/1 Podium,Impact,sans-serif;letter-spacing:.5px;text-transform:uppercase;color:#352369!important}
.reference-replica #quiz[data-step="7"] .modal-brand .df-logo{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#a13789,#da3f96);box-shadow:0 3px 8px #a1378940}
.reference-replica #quiz[data-step="7"] .modal-brand .df-logo img{width:40px;height:40px}
.reference-replica #quiz[data-step="7"] .modal-brand::after{content:"Healthier you, brighter tomorrow";position:absolute;left:44px;bottom:0;font:600 8px/1 ReplicaInter,Arial,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#a13789;white-space:nowrap}

/* Pay button: clean Poppins text instead of the condensed display font */
.reference-replica #quiz[data-step="7"] .offer-pay,.reference-replica #quiz[data-step="7"] .offer-pay span{font-family:Poppins,ReplicaInter,Arial,sans-serif!important;font-style:normal!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important}
.reference-replica #quiz[data-step="7"] .offer-pay{font-size:18px!important}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-pay,.reference-replica #quiz[data-step="7"][data-language=ta] .offer-pay span{font-family:'Noto Sans Tamil',Poppins,Arial,sans-serif!important;font-size:15px!important}
@media(max-width:600px){.reference-replica #quiz[data-step="7"] .offer-pay{font-size:16px!important}.reference-replica #quiz[data-step="7"] .modal-brand{font-size:19px}.reference-replica #quiz[data-step="7"] .modal-brand::after{left:40px;font-size:7px;letter-spacing:1.2px}.reference-replica #quiz[data-step="7"] .modal-brand .df-logo{width:30px;height:30px}.reference-replica #quiz[data-step="7"] .modal-brand .df-logo img{width:36px;height:36px}}
.reference-replica #quiz[data-step="7"] .offer-pay span{font-size:inherit!important;line-height:1.2!important}
.reference-replica #quiz[data-step="7"] .offer-pay{justify-content:center}
.reference-replica #quiz[data-step="7"] .modal-brand .df-logo{background:#fff;box-shadow:0 0 0 1px #eadff4,0 3px 8px #a137892e}
/* Longer labels (Tamil) wrap inside the button instead of running off its edges */
.reference-replica #quiz[data-step="7"] .offer-pay{white-space:normal!important;text-align:center;min-width:0}
.reference-replica #quiz[data-step="7"] .offer-pay span{white-space:normal!important;overflow-wrap:anywhere}