@import"https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap";.pdp-skin-quiz-section{display:none!important;padding:24px 0;max-width:100%;width:100%;margin:0 auto;font-family:Satoshi,sans-serif}.pdp-quiz-banner{background:#f4f4f4;border-radius:0;overflow:hidden;position:relative;max-width:800px;margin:0 auto;transition:all .4s cubic-bezier(.16,1,.3,1);border:1px solid #e0e0e0}.pdp-quiz-banner.is-expanded,.pdp-quiz-banner.show-completed{background:#fff}.pdp-quiz-banner.is-expanded{min-height:400px;box-shadow:0 10px 30px #00000014}.quiz-banner-content{display:flex;align-items:center;justify-content:space-between;padding:0;position:relative;min-height:120px;cursor:pointer}.quiz-banner-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-color:#aebdbd;background-image:linear-gradient(135deg,#aebdbd,#8ca6a6);filter:brightness(.9);z-index:0;transition:opacity .3s}.pdp-quiz-banner.is-expanded .quiz-banner-bg,.pdp-quiz-banner.show-completed .quiz-banner-bg{opacity:0;pointer-events:none}.quiz-banner-overlay{position:relative;z-index:1;padding:30px 40px;width:100%;background:linear-gradient(90deg,#0006,#0000);display:flex;flex-direction:column;justify-content:center;height:100%;box-sizing:border-box}.pdp-quiz-banner.is-expanded .quiz-banner-overlay{display:none}.quiz-completed-banner{position:relative;z-index:2;padding:40px;width:100%;background:#fff;display:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:auto!important;box-sizing:border-box;cursor:pointer}.pdp-quiz-banner.show-completed .quiz-banner-overlay{display:none}.pdp-quiz-banner.show-completed .quiz-completed-banner{display:flex}.pdp-quiz-banner.show-completed.is-expanded .quiz-completed-banner{display:none}.comp-score-big,.result-score{color:#000;font-family:Satoshi,sans-serif;line-height:1;margin-top:0;margin-bottom:5px;display:flex;align-items:baseline;justify-content:flex-start;gap:2px}.cs-val{font-size:96px;letter-spacing:-4px;font-weight:700}.cs-total{font-size:42px;font-weight:300;opacity:.9;letter-spacing:-1px}.comp-status-badge{background:#900;color:#fff;display:inline-flex;align-items:center;padding:8px 20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-right:auto;margin-top:5px;margin-bottom:15px}.comp-text-right{position:static;transform:none;text-align:left;max-width:100%;color:#333;font-size:16px;font-weight:300;line-height:1.5;text-shadow:none}.quiz-banner-title{font-size:24px;font-weight:500;color:#fff;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.quiz-banner-action-row{display:flex;align-items:center;gap:15px}.quiz-start-btn{background:transparent;color:#fff;border:1px solid #fff;padding:10px 24px;font-size:16px;font-weight:400;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quiz-start-btn:hover{background:#fff;color:#000}.quiz-time-estimate{color:#fff;font-size:16px;font-weight:300;display:flex;align-items:center;gap:6px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.quiz-interface{display:none;padding:30px;opacity:0;transform:translateY(20px);transition:all .4s ease}.pdp-quiz-banner.is-expanded .quiz-interface{display:block;opacity:1;transform:translateY(0)}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.quiz-progress-bar-bg{width:100%;height:2px;background:#f0f0f0;margin-bottom:30px}.quiz-progress-fill{height:100%;background:#1a5c68;width:0%;transition:width .3s ease}.quiz-question-text{font-size:22px;font-weight:400;color:#111;margin-bottom:25px;line-height:1.3}.quiz-options-list{display:flex;flex-direction:column;gap:12px}.quiz-option-btn{text-align:left;padding:16px 20px;border:1px solid #e0e0e0;background:#fff;color:#333;font-size:15px;cursor:pointer;transition:all .2s}.quiz-option-btn:hover{border-color:#1a5c68;background:#fcfcfc}.quiz-explanation{margin-top:20px;padding:15px;background:#f9f9f9;font-size:13px;color:#666;border-left:2px solid #ccc;font-style:italic}.quiz-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#999;z-index:10}.quiz-result-view{display:none;text-align:left;padding:40px;animation:fadeIn .5s ease;min-height:auto!important}.pdp-quiz-banner:not(.is-expanded) .quiz-interface,.pdp-quiz-banner:not(.is-expanded) .quiz-result-view,.pdp-quiz-banner:not(.is-expanded) .quiz-compare-view{display:none!important}.quiz-compare-view{display:none;padding:40px 20px;animation:fadeIn .5s ease;text-align:center}.compare-stage-container{display:flex;justify-content:center;gap:20px;padding:20px 0;overflow-x:auto}.compare-card{min-width:220px;border:1px solid #eee;padding:20px 15px;display:flex;flex-direction:column;align-items:center;background:#fff;position:relative}.compare-card.locked{border-style:dashed;background:#fafafa}.compare-card-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#999;margin-bottom:10px}.gauge-circle-container{width:100px;height:100px;position:relative;margin-bottom:10px}.gauge-svg{transform:rotate(-90deg);width:100%;height:100%}.gauge-bg{stroke:#eee;stroke-width:2;fill:none}.gauge-val{stroke:#900;stroke-width:2;fill:none;stroke-dasharray:283;stroke-dashoffset:283;transition:stroke-dashoffset 1s ease}.gauge-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:400}.compare-badge{padding:8px 16px;background:#900;color:#fff;font-size:12px;text-transform:uppercase;font-weight:600;margin-bottom:10px}.compare-factors{width:100%;display:flex;flex-direction:column;gap:10px;border-top:1px solid #f0f0f0;padding-top:10px}.c-factor-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.c-label{font-size:10px;color:#999;text-transform:uppercase}.c-bar-bg{width:100%;height:3px;background:#eee}.c-bar-fill{height:100%;background:#900;width:50%}.locked-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5}.invite-btn{background:#000;color:#fff;border:none;padding:10px 20px;font-size:11px;text-transform:uppercase;font-weight:600;cursor:pointer;margin-top:10px;letter-spacing:.5px}.invite-btn:active{transform:scale(.98)}.invite-input-container{display:none;flex-direction:column;gap:8px;width:80%;margin-top:10px}.invite-name-input{width:100%;padding:8px;border:1px solid #000;font-family:inherit;font-size:11px;text-align:center;box-sizing:border-box}.invite-submit-btn{background:#000;color:#fff;border:none;padding:8px;font-size:10px;text-transform:uppercase;font-weight:600;cursor:pointer}.invite-copy-btn{display:none;background:#000;color:#fff;border:none;padding:10px 20px;font-size:11px;text-transform:uppercase;font-weight:600;cursor:pointer;margin-top:10px}.compare-subtext{margin:0 auto 30px;font-size:14px;line-height:1.6;color:#000;opacity:.5;font-weight:300;max-width:600px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-label{background:#900;color:#fff;display:inline-flex;align-items:center;padding:8px 20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-right:auto;margin-top:5px;margin-bottom:15px}.result-message{font-size:16px;font-weight:300;color:#333;line-height:1.5;margin-bottom:30px;max-width:100%;margin-left:0;margin-right:0}.result-breakdown-box{text-align:left;margin-top:30px;margin-bottom:30px;background:#fff;padding:20px}.breakdown-header{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;text-transform:uppercase;color:#333;padding-bottom:15px;border-bottom:1px solid #eee;margin-bottom:20px}.breakdown-list{display:flex;flex-direction:column;gap:20px}.breakdown-item{display:flex;flex-direction:column;gap:8px}.breakdown-top{display:flex;justify-content:space-between;align-items:center}.breakdown-name{font-size:14px;color:#666;display:flex;align-items:center;gap:8px}.info-icon{width:14px;height:14px;border-radius:50%;border:1px solid #ccc;color:#ccc;font-size:10px;display:inline-flex;align-items:center;justify-content:center;cursor:help}.breakdown-bar-bg{width:100%;height:4px;background:#f0f0f0}.breakdown-bar-fill{height:100%;background:#1a5c68;width:0%;transition:width 1s ease}.result-actions{display:flex;flex-direction:column;gap:12px;justify-content:center;margin-top:30px}.action-btn{padding:14px 24px;font-size:16px;font-weight:500;cursor:pointer;border:1px solid transparent;width:100%;text-transform:none;letter-spacing:normal}.action-btn.primary{background:#000;color:#fff}.action-btn.secondary{background:#fff;border-color:#000;color:#000}.learn-more-link{display:inline-block;color:#000;text-decoration:underline;font-size:14px;font-weight:500;margin-top:20px;text-align:center;width:100%;cursor:pointer}@media (max-width: 600px){.quiz-banner-overlay,.quiz-completed-banner,.quiz-result-view{padding:40px!important;align-items:flex-start}.comp-text-right{position:static;transform:none;margin-top:15px;text-align:left}.compare-stage-container{justify-content:flex-start;padding-left:20px}}.pdp-quiz-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.pdp-quiz-modal.is-active{display:flex}.pdp-quiz-modal-content{background:#fff;width:100%;max-width:750px;max-height:90vh;overflow-y:auto;position:relative;padding:20px 40px;box-sizing:border-box;box-shadow:0 20px 40px #0003;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);font-family:Satoshi,sans-serif}.pdp-quiz-modal-close{display:none}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.pdp-quiz-modal-content{padding:30px 20px}.pdp-quiz-modal{padding:10px}}.recommendations-box{background:#fbfbfb;padding:30px;border:1px solid #f0f0f0;margin-top:30px;border-radius:0;text-align:left;transition:all .3s ease}.recommendations-status{font-size:14px;font-weight:700;color:#900;margin-bottom:5px}.recommendations-focus{font-size:16px;font-weight:500;color:#000;margin-bottom:10px}.recommendations-intro{font-size:14px;line-height:1.6;color:#333;margin-bottom:25px;font-weight:300}.recommendation-list{display:flex;flex-direction:column;gap:12px;list-style:none;padding:0;margin:0 0 15px}.recommendation-item{display:flex;flex-direction:column;gap:4px}.rec-item-title{font-size:14px;font-weight:400;color:#000;display:flex;align-items:center;gap:8px}.rec-item-title:before{content:"\2022";color:#ccc}.rec-item-desc{font-size:13px;line-height:1.5;color:#666;font-weight:300;display:none;padding-left:14px}.recommendations-goal{font-size:13px;font-style:italic;color:#000;font-weight:400;border-top:1px solid #eee;padding-top:15px;margin-top:15px;display:none}.recommendations-box.is-expanded .rec-item-desc,.recommendations-box.is-expanded .recommendations-goal{display:block;animation:fadeIn .3s ease}.read-more-btn{background:none;border:none;color:#000;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;padding:0;margin-top:10px;display:flex;align-items:center;gap:5px;text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/148/assets/pdp-skin-quiz-banner.css.map */