.vpv-quiz-wrapper{--vpv-primary:#2D6A4F;--vpv-primary-hover:#1B4332;--vpv-primary-light:#D8F3DC;--vpv-secondary:#6C757D;--vpv-secondary-hover:#5A6268;--vpv-text:#212529;--vpv-text-muted:#6C757D;--vpv-bg:#FFFFFF;--vpv-bg-alt:#F8F9FA;--vpv-border:#DEE2E6;--vpv-radius:12px;--vpv-radius-sm:8px;--vpv-shadow:0 2px 8px rgba(0, 0, 0, 0.08);--vpv-shadow-lg:0 8px 32px rgba(0, 0, 0, 0.12);--vpv-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);--vpv-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.vpv-quiz-wrapper{font-family:var(--vpv-font);color:var(--vpv-text);max-width:680px;margin:0 auto;padding:0;line-height:1.6;-webkit-font-smoothing:antialiased}.vpv-quiz-wrapper *{box-sizing:border-box}.vpv-screen,.vpv-step{animation:vpvFadeSlideIn 0.4s ease both}@keyframes vpvFadeSlideIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes vpvFadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.vpv-animating-out{animation:vpvFadeOut 0.25s ease both}.vpv-screen--intro{text-align:center;padding:48px 24px}.vpv-intro-title{font-size:28px;font-weight:700;margin:0 0 16px;color:var(--vpv-text)}.vpv-intro-desc{font-size:16px;color:var(--vpv-text-muted);margin:0 0 32px;max-width:480px;margin-left:auto;margin-right:auto}.vpv-progress{padding:0 24px 8px}.vpv-progress-bar{width:100%;height:6px;background:var(--vpv-bg-alt);border-radius:3px;overflow:hidden}.vpv-progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--vpv-primary),var(--vpv-primary-hover));border-radius:3px;transition:width 0.5s cubic-bezier(.4,0,.2,1)}.vpv-progress-text{display:block;text-align:center;font-size:13px;color:var(--vpv-text-muted);margin-top:8px}.vpv-steps{padding:0 24px}.vpv-step-title{font-size:22px;font-weight:700;margin:24px 0 8px;color:var(--vpv-text)}.vpv-step-desc{font-size:15px;color:var(--vpv-text-muted);margin:0 0 24px}.vpv-options{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.vpv-option{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--vpv-bg);border:2px solid var(--vpv-border);border-radius:var(--vpv-radius);cursor:pointer;transition:all var(--vpv-transition);position:relative;flex-wrap:wrap}@media (hover:hover){.vpv-option:hover{border-color:var(--vpv-primary);background:var(--vpv-primary-light);transform:translateY(-1px);box-shadow:var(--vpv-shadow)}}.vpv-option.vpv-selected{border-color:var(--vpv-primary);background:var(--vpv-primary-light);box-shadow:0 0 0 1px var(--vpv-primary)}.vpv-option-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.vpv-option-icon{font-size:24px;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--vpv-bg-alt);border-radius:var(--vpv-radius-sm)}.vpv-selected .vpv-option-icon{background:var(--vpv-bg)}.vpv-option-label{font-size:16px;font-weight:600;color:var(--vpv-text);flex:1;min-width:120px}.vpv-option-desc{font-size:13px;color:var(--vpv-text-muted);width:100%;padding-left:54px;margin-top:-4px}.vpv-option:not([data-value]) .vpv-option-desc{padding-left:0}.vpv-option:not(:has(.vpv-option-icon)) .vpv-option-desc{padding-left:0}.vpv-nav{display:flex;justify-content:space-between;align-items:center;padding:8px 0 24px;gap:12px}.vpv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;border:none;border-radius:var(--vpv-radius);cursor:pointer;transition:all var(--vpv-transition);font-family:var(--vpv-font);line-height:1;white-space:nowrap}.vpv-btn--primary{background:var(--vpv-primary);color:#fff}.vpv-btn--primary:hover:not(:disabled){background:var(--vpv-primary-hover);transform:translateY(-1px);box-shadow:var(--vpv-shadow)}.vpv-btn--primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.vpv-btn--secondary{background:transparent;color:var(--vpv-secondary);border:2px solid var(--vpv-border)}.vpv-btn--secondary:hover{background:var(--vpv-bg-alt);border-color:var(--vpv-secondary)}.vpv-start-btn{padding:16px 48px;font-size:18px}.vpv-screen--loading{text-align:center;padding:64px 24px}.vpv-loader{display:flex;flex-direction:column;align-items:center;gap:24px}.vpv-loader-spinner{width:48px;height:48px;border:4px solid var(--vpv-border);border-top-color:var(--vpv-primary);border-radius:50%;animation:vpvSpin 0.8s linear infinite}@keyframes vpvSpin{to{transform:rotate(360deg)}}.vpv-loader-text{font-size:16px;color:var(--vpv-text-muted);margin:0}.vpv-screen--results{padding:8px 24px 24px}.vpv-results-conclusion{margin-bottom:32px}.vpv-conclusion-title{font-size:24px;font-weight:700;color:var(--vpv-primary);margin:10px 0 16px}.vpv-conclusion-text{font-size:15px;color:var(--vpv-text);line-height:1.7}.vpv-conclusion-text p{margin:0 0 12px}.vpv-conclusion-text strong{color:var(--vpv-primary-hover)}.vpv-results-products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.vpv-results-products-title{grid-column:1 / -1;font-size:18px;font-weight:700;color:var(--vpv-text);margin:0;padding-bottom:12px;border-bottom:2px solid var(--vpv-border)}.vpv-product-card{background:var(--vpv-bg);border:1px solid var(--vpv-border);border-radius:var(--vpv-radius);overflow:hidden;transition:all var(--vpv-transition);display:flex;flex-direction:column}.vpv-product-card:hover{transform:translateY(-3px);box-shadow:var(--vpv-shadow-lg)}.vpv-product-image{width:100%;aspect-ratio:1;object-fit:cover;background:var(--vpv-bg-alt)}.vpv-product-info{padding:16px;display:flex;flex-direction:column;flex:1;gap:8px}.vpv-product-name{font-size:15px;font-weight:600;color:var(--vpv-text);text-decoration:none;line-height:1.3}.vpv-product-name:hover{color:var(--vpv-primary)}.vpv-product-price{font-size:clamp(14px, 3.5vw, 17px);font-weight:700;color:var(--vpv-primary);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.vpv-product-price del{color:var(--vpv-text-muted);font-size:clamp(11px, 2.8vw, 14px);font-weight:400}.vpv-product-price ins{text-decoration:none}.vpv-product-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:10px 16px;margin-top:auto;font-size:14px;font-weight:600;background:#7DB32D;color:#fff;border:none;border-radius:var(--vpv-radius-sm);cursor:pointer;transition:all var(--vpv-transition);font-family:var(--vpv-font);text-decoration:none;text-align:center}.vpv-product-btn:hover:not(:disabled){background:#6a9a26;color:#fff}.vpv-product-btn:disabled{opacity:.6;cursor:not-allowed}.vpv-product-btn--added{background:#28A745}.vpv-product-btn--added:hover{background:#28A745}.vpv-results-footer{text-align:center;padding-top:16px;border-top:1px solid var(--vpv-border)}.vpv-modal-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 36px;font-size:17px;font-weight:600;background:#7DB32D;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all 0.3s cubic-bezier(.4,0,.2,1);font-family:inherit}.vpv-modal-trigger:hover{background:#6a9a26;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px rgba(125,179,45,.3)}.vpv-modal-trigger.vpv-modal-trigger--simple{background:none!important;border:none!important;box-shadow:none!important;padding:0;font-size:15px;font-weight:500;color:#666;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:inherit;transition:color 0.2s ease;text-decoration:none;border-radius:0}.vpv-modal-trigger--simple .vpv-trigger-icon{width:16px;height:16px;flex-shrink:0;fill:#999;transition:fill 0.2s ease}.vpv-modal-trigger.vpv-modal-trigger--simple:hover{color:#333;background:none!important;transform:none;box-shadow:none!important;text-decoration:underline}.vpv-modal-trigger--simple:hover .vpv-trigger-icon{fill:#333}.vpv-modal-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity 0.3s ease}.vpv-modal-overlay.vpv-modal-visible{opacity:1}.vpv-modal{background:var(--vpv-bg,#fff);border-radius:16px;width:100%;max-width:720px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 24px 80px rgba(0,0,0,.2);transform:scale(.95) translateY(20px);transition:transform 0.3s cubic-bezier(.4,0,.2,1)}.vpv-modal-visible .vpv-modal{transform:scale(1) translateY(0)}.vpv-modal-close{position:absolute;top:16px;right:16px;z-index:10;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--vpv-bg-alt,#F8F9FA);border:none;border-radius:50%;font-size:22px;color:var(--vpv-text-muted,#6C757D);cursor:pointer;transition:all 0.2s ease;line-height:1;-webkit-appearance:none;box-sizing:border-box}.vpv-modal-close:hover{background:var(--vpv-border,#DEE2E6);color:var(--vpv-text,#212529)}.vpv-modal-content .vpv-intro-title,.vpv-modal-content .vpv-step-title,.vpv-modal-content .vpv-conclusion-title{padding-right:48px}.vpv-error{text-align:center;padding:32px;color:var(--vpv-text-muted);font-style:italic}@media (max-width:600px){.vpv-quiz-wrapper{max-width:100%}.vpv-screen--intro{padding:32px 16px}.vpv-intro-title{font-size:22px}.vpv-steps{padding:0 16px}.vpv-step-title{font-size:19px}.vpv-option{padding:14px 16px;gap:12px}.vpv-option-desc{padding-left:0}.vpv-btn{padding:12px 24px;font-size:15px}.vpv-start-btn{padding:14px 36px;font-size:16px}.vpv-results-products{grid-template-columns:repeat(2,1fr);gap:10px}.vpv-product-info{padding:10px;gap:6px}.vpv-product-name{font-size:13px}.vpv-product-btn{padding:8px 10px;font-size:13px}.vpv-modal{max-height:95vh;border-radius:12px}.vpv-modal-overlay{padding:12px}.vpv-screen--results{padding:8px 16px 16px}.vpv-conclusion-title{font-size:20px}}@media (max-width:380px){.vpv-results-products{grid-template-columns:repeat(2,1fr)}}