#popup-quiz-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:10000;justify-content:center;align-items:center;}
#popup-quiz-overlay.active{display:flex;}
.popup-quiz-box{background:#fff;border-radius:10px;max-width:1100px;width:95%;max-height:90vh;overflow-y:auto;overflow-x:hidden;position:relative;padding:30px;}
#popup-quiz-close{position:absolute;top:15px;right:20px;font-size:36px;font-weight:bold;cursor:pointer;color:#333;transition:transform 0.3s ease,color 0.3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f5f5f5;}#popup-quiz-close:hover{transform:rotate(90deg);color:#f7941d;background:#fff5e6;}
.pq-header{text-align:center;margin-bottom:20px;}.pq-title{font-size:32px;color:#333;margin-bottom:10px;font-weight:bold;}
.pq-progress{height:6px;background:#eee;border-radius:3px;margin-bottom:15px;}.pq-progress-bar{height:100%;background:#f7941d;border-radius:3px;transition:width 0.3s;}
.pq-step-info{text-align:center;color:#666;margin-bottom:20px;}.pq-screen{display:none;}.pq-screen.active{display:block;}
.pq-question{font-size:20px;text-align:center;margin-bottom:20px;color:#333;font-weight:600;}
.pq-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;min-width:700px;justify-items:stretch;}
.pq-option{border:2px solid #ddd;border-radius:8px;padding:14px;text-align:center;cursor:pointer;transition:all 0.2s;}
.pq-option:hover{border-color:#f7941d;}.pq-option.selected{border-color:#f7941d;background:#fff5e6;}
.pq-option img{max-width:100%;height:130px;object-fit:contain;margin-bottom:10px;}.pq-option-text{font-size:14px;color:#333;}
.pq-controls{display:flex;justify-content:space-between;margin-top:25px;}.pq-btn-prev,.pq-btn-next{padding:12px 30px;border-radius:5px;cursor:pointer;font-size:16px;}
.pq-btn-prev{background:#eee;color:#333;}.pq-btn-next{background:#f7941d;color:#fff;}
.pq-form-block input,.pq-form-block textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;margin-bottom:10px;font-size:14px;}
.pq-form-submit{background:#f7941d;color:#fff;padding:15px;text-align:center;border-radius:5px;cursor:pointer;font-size:16px;}
.pq-success-block{display:none;text-align:center;padding:40px;}.pq-success-block h3{color:#4caf50;font-size:24px;}
@media(max-width:768px){.pq-options{grid-template-columns:repeat(2,1fr);}.popup-quiz-box{padding:20px;}}
@media(max-width:480px){.pq-options{grid-template-columns:repeat(2,1fr);}.pq-title{font-size:18px;}.pq-question{font-size:16px;}.popup-quiz-box{padding:15px;}.pq-option{padding:10px;}.pq-option img{max-height:80px;object-fit:contain;}}
.pq-policy{margin-top:15px;margin-bottom:10px;font-size:12px;line-height:1.4;color:#666;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;}
.pq-policy label{display:flex;align-items:flex-start;cursor:pointer;gap:8px;}
.pq-policy input[type="checkbox"]{flex-shrink:0;margin-top:3px;cursor:pointer;width:16px;height:16px;}
.pq-policy span{flex:1;word-break:break-word;}
.pq-policy a{color:#f7941d;text-decoration:underline;}
.pq-subtitle{font-size:18px;color:#555;margin-top:12px;text-align:center;line-height:1.5;}
.pq-sidebar{position:absolute;right:0;top:0;width:260px;height:100%;background:#f9f9f9;border-radius:0 10px 10px 0;padding:20px;display:flex;flex-direction:column;gap:15px;}
.pq-timer-block{background:#fff;border-radius:8px;padding:15px;text-align:center;border:1px solid #eee;}
.pq-timer-label{font-size:12px;color:#666;margin-bottom:5px;}.pq-timer-value{font-size:24px;font-weight:bold;color:#e06500;}
.pq-manager{background:#fff;border-radius:8px;padding:15px;border:1px solid #eee;}
.pq-manager-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.pq-manager-photo{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #e06500;}
.pq-manager-info{}.pq-manager-name{font-weight:bold;color:#333;}.pq-manager-role{font-size:12px;color:#666;}
.pq-manager-text{font-size:13px;color:#555;line-height:1.5;background:#f0f7e6;padding:10px;border-radius:6px;margin-top:5px;}
.pq-screen{width:100%;max-width:100%;}
.pq-screen.active{width:100%;max-width:100%;}
@media(max-width:900px){.pq-sidebar{display:none;}.popup-quiz-box{max-width:95%;}.popup-quiz-content{max-width:100%;padding-right:0;width:100%;}.pq-options{min-width:auto;gap:15px;}}
.popup-quiz-content{max-width:calc(100% - 280px);padding-right:20px;width:calc(100% - 280px);box-sizing:border-box;}
@media(max-width:900px){.pq-sidebar{display:none;}.popup-quiz-box{max-width:95%;padding:15px;}.popup-quiz-content{max-width:100%!important;padding-right:0!important;width:100%!important;}.pq-options{min-width:auto;gap:15px;grid-template-columns:repeat(2,1fr);}.pq-title{font-size:22px;}.pq-subtitle{font-size:14px;line-height:1.4;}}
.pq-manager-mobile{display:none;width:100%;box-sizing:border-box;}@media(max-width:900px){.pq-manager-mobile{display:block;background:#f9f9f9;border-radius:8px;padding:10px;margin-bottom:10px;}.pq-manager-mobile img{width:40px!important;height:40px!important;border-radius:50%;float:left;margin-right:10px;}}
.pq-manager-mobile-header{display:flex;align-items:center;gap:8px;}.pq-manager-mobile-photo{width:45px!important;height:45px!important;border-radius:50%;object-fit:cover;border:2px solid #e06500;flex-shrink:0;}.pq-manager-mobile-info{flex:1;}.pq-manager-mobile-name{font-weight:bold;color:#333;font-size:14px;}.pq-manager-mobile-role{font-size:11px;color:#666;}.pq-manager-mobile-toggle{color:#e06500;}.pq-manager-mobile-text{font-size:12px;color:#555;line-height:1.4;background:#f0f7e6;padding:8px;border-radius:6px;margin-top:8px;}
.pq-header{max-width:calc(100% - 280px);box-sizing:border-box;}@media(max-width:900px){.pq-header{max-width:100%;}}