#quiz #counter,#quiz .stages{display:none!important}
#quiz header{height:68px;min-height:68px;border-bottom:1px solid #dfdfdf}
#quiz #back{top:12px}#quiz #back:disabled{display:none}
#quiz main.step{display:flex;flex-direction:column;gap:24px;padding:28px 20px 36px;max-width:550px}
#quiz main.step>h1{font-weight:600;line-height:1.2}
#quiz main.step>h1+ p{margin-top:-12px}
#quiz main.questionStep .answers{margin-top:0;gap:10px}
#quiz .answer{font-weight:500;text-align:center;min-height:58px;padding:16px;line-height:1.4}
#quiz .answer small{font-weight:400;margin-top:6px}
#quiz main.step .cta{display:flex;align-items:center;justify-content:center;min-height:54px;font-weight:600;font-size:16px}
#quiz main.entryStep{gap:20px;padding-top:20px}
#quiz .entryStep .entryProduct{display:block;width:100%;max-width:330px;height:265px;object-fit:contain;margin:0 auto}
#quiz .entryStep h1{font-size:26px}
#quiz .entryStep mark{background:#d70937;color:white;padding:0 4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
#quiz .entryStep .entryTrust{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px 12px;font-size:13px;line-height:1.5;margin:0}
#quiz .entryTrust>span:first-child{font-size:20px;letter-spacing:1px;line-height:1}
#quiz .overviewStep .numbered{width:min(100%,360px);margin:0 auto;gap:0}
#quiz .numbered li{height:auto;min-height:78px;padding:12px 0;gap:18px}
#quiz .overviewStep .cta{min-height:58px;margin-top:4px}
#quiz .summary-row{text-align:left;padding:18px 16px;gap:8px 14px;grid-template-columns:minmax(0,1fr) 44px}
#quiz .summary-row .label{font:500 13px/1.45 Montserrat;color:#666;letter-spacing:0;grid-column:1}
#quiz .summary-row p{font:400 15px/1.5 Poppins;margin:0}
#quiz .summary-row .edit{font:400 13px/1.4 Poppins;min-height:44px;padding:8px 0;color:#054b48;grid-column:2;grid-row:1/3}
#quiz main.bridgeStep .entryProduct{display:block;max-width:300px;height:260px;width:100%;margin:auto}
#quiz main.final{padding-top:28px}
#quiz .rows b{font:500 14px/1.45 Poppins}
#quiz .rows .free{font-weight:500}
#quiz .rows i{background:none;color:#054b48;border-radius:0;font-weight:500;font-size:22px}
#quiz .matched>b{font-weight:500}#quiz .matched h2{font-weight:600}
#quiz main.matching{gap:28px;min-height:0;padding-top:40px;padding-bottom:44px}
#quiz .load-list{list-style:none;padding:0;margin:0;width:100%;display:grid;gap:12px}
#quiz .load-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:18px 14px;border:1px solid #e3e3e3;border-radius:4px;overflow:hidden;font:500 15px/1.45 Poppins;transition:background .3s,border-color .3s}
#quiz .load-row.pending{color:#777}
#quiz .load-row.active{background:#e8efed;border-color:#b2cbc5}
#quiz .load-icon{flex:0 0 24px;width:24px;height:24px;border-radius:50%;border:2px solid #d4dfdb;display:grid;place-items:center}
#quiz .load-row.active .load-icon{border-right-color:#054b48;animation:spin .8s linear infinite}
#quiz .load-icon svg{display:none;width:20px;height:20px;fill:none;stroke:white;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
#quiz .load-row.done .load-icon{border-color:#054b48;background:#054b48}
#quiz .load-row.done svg{display:block}#quiz .load-row.done path{stroke-dasharray:24;stroke-dashoffset:0;animation:checkDraw .3s ease-out}
#quiz .load-track{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#054b48;transform:scaleX(0);transform-origin:left}
#quiz .load-row.active .load-track{animation:loadFill 1s linear forwards}
#quiz .load-row.done .load-track{transform:scaleX(1)}
#quiz main.final{animation:reveal .3s ease-out}
@keyframes loadFill{to{transform:scaleX(1)}}@keyframes checkDraw{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
@media(min-width:700px){#quiz main.step{padding:32px 32px 44px;gap:28px}#quiz main.step>h1{font-size:30px}#quiz main.step>h1+p{margin-top:-14px}#quiz .entryStep .entryProduct{height:280px;max-width:350px}#quiz .answer{min-height:64px;font-size:16px}#quiz main.step .cta{min-height:58px;font-size:17px}#quiz .entryStep .entryTrust{font-size:14px}#quiz .summary-row{padding:20px 18px}#quiz .load-row{min-height:78px;font-size:16px}}
@media(prefers-reduced-motion:reduce){#quiz .load-row,#quiz .load-track,#quiz .load-icon,#quiz .load-icon path,#quiz main.final{animation:none!important;transition:none!important}}