[x-cloak],.is-hidden{display:none!important}.quiz-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.quiz-modal-container{background-color:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:780px;width:100%;max-height:96vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.quiz-modal-header{padding:20px 24px 0;flex-shrink:0}.quiz-modal-close{position:absolute;top:16px;right:16px;z-index:10;background:#f5f5f5;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.quiz-modal-close:hover{background-color:#e8e8e8}.quiz-modal-close svg{width:18px;height:18px;color:#666}.quiz-modal-progress{height:4px;background-color:#f0f0f0;border-radius:2px;margin-top:16px;margin-right:48px;overflow:hidden}.quiz-modal-progress-bar{height:100%;background-color:#dd1717;border-radius:2px;transition:width .3s ease}.quiz-modal-body{overflow-y:auto;transition:height .3s ease}.quiz-modal-step-panel{padding:32px 40px}.quiz-modal-step-panel::-webkit-scrollbar{width:4px}.quiz-modal-step-panel::-webkit-scrollbar-track{background:transparent}.quiz-modal-step-panel::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:2px}.quiz-modal-step-title{font-family:Red Hat Display,sans-serif;font-size:22px;font-weight:700;color:#191514;margin:0 0 8px;line-height:1.3}.quiz-modal-step-desc{font-family:Red Hat Display,sans-serif;font-size:15px;color:#666;margin:0 0 24px;line-height:1.5}.quiz-modal-options{display:flex;flex-direction:column;gap:12px}.quiz-modal-option{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e8e8e8;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;font-family:Red Hat Display,sans-serif;font-size:15px;font-weight:500;color:#333;text-align:left;width:100%}.quiz-modal-option:hover,.quiz-modal-option.selected{border-color:#dd1717;background:#fef5f5}.quiz-modal-option-icon{font-size:24px;flex-shrink:0;width:32px;text-align:center}.quiz-modal-option-text{flex:1}.quiz-modal-option-label{display:block;font-weight:600;margin-bottom:2px}.quiz-modal-option-hint{display:block;font-size:13px;color:#888;font-weight:400}.quiz-modal-option-check{width:24px;height:24px;border-radius:50%;border:2px solid #e0e0e0;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.quiz-modal-option.selected .quiz-modal-option-check{background-color:#dd1717;border-color:#dd1717}.quiz-modal-option-check svg{width:14px;height:14px;color:#fff;opacity:0;transition:opacity .2s ease}.quiz-modal-option.selected .quiz-modal-option-check svg{opacity:1}.quiz-modal-slider-value{font-family:Red Hat Display,sans-serif;font-size:48px;font-weight:700;color:#dd1717;text-align:center;margin-bottom:8px}.quiz-modal-slider-value span{font-size:20px;font-weight:500;color:#999}.quiz-modal-slider-value-sm{font-size:28px;margin-bottom:4px}.quiz-modal-slider-value-sm span{font-size:16px}input[type=range].quiz-modal-slider{-webkit-appearance:none!important;appearance:none!important;width:100%;height:6px!important;border-radius:3px;background:#e0e0e0!important;outline:none;cursor:pointer;border:none!important;padding:0!important;margin:10px 0}input[type=range].quiz-modal-slider::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:22px!important;height:22px!important;border-radius:50%!important;background:#fff!important;border:3px solid #DD1717!important;cursor:pointer;box-shadow:0 1px 4px #00000026}input[type=range].quiz-modal-slider::-moz-range-thumb{width:16px!important;height:16px!important;border-radius:50%!important;background:#fff!important;cursor:pointer;border:3px solid #DD1717!important;box-shadow:0 1px 4px #00000026}input[type=range].quiz-modal-slider::-moz-range-track{height:6px;border-radius:3px;background:#e0e0e0;border:none}.quiz-modal-slider-labels{display:flex;justify-content:space-between;font-family:Red Hat Display,sans-serif;font-size:12px;color:#999;margin-top:8px}.quiz-modal-breed-search{position:relative;margin-bottom:16px}.quiz-modal-breed-input{width:100%;padding:12px 16px;border:2px solid #e8e8e8;border-radius:10px;font-family:Red Hat Display,sans-serif;font-size:15px;color:#333;outline:none;transition:border-color .2s ease;box-sizing:border-box}.quiz-modal-breed-input:focus{border-color:#dd1717}.quiz-modal-breed-input::placeholder{color:#bbb}.quiz-modal-breed-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e8e8e8;border-radius:10px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:20;box-shadow:0 8px 24px #0000001a}.quiz-modal-breed-item{padding:10px 16px;font-family:Red Hat Display,sans-serif;font-size:14px;color:#333;cursor:pointer;transition:background-color .15s ease}.quiz-modal-breed-item:hover{background-color:#fef5f5}.quiz-modal-breed-item.featured{font-weight:600}.quiz-modal-breed-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.quiz-modal-breed-tag{padding:8px 16px;border:2px solid #e8e8e8;border-radius:20px;background:#fff;font-family:Red Hat Display,sans-serif;font-size:13px;font-weight:500;color:#333;cursor:pointer;transition:all .2s ease}.quiz-modal-breed-tag:hover{border-color:#dd1717;background:#fef5f5}.quiz-modal-breed-tag.selected{border-color:#dd1717;background:#dd1717;color:#fff}.quiz-modal-form-group{margin-bottom:20px}.quiz-modal-form-label{display:block;font-family:Red Hat Display,sans-serif;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.quiz-modal-form-input{width:100%;padding:12px 16px;border:2px solid #e8e8e8;border-radius:10px;font-family:Red Hat Display,sans-serif;font-size:15px;color:#333;outline:none;transition:border-color .2s ease;box-sizing:border-box}.quiz-modal-form-input:focus{border-color:#dd1717}.quiz-modal-form-hint{font-family:Red Hat Display,sans-serif;font-size:12px;color:#999;margin-top:4px}.quiz-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.quiz-modal-spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#dd1717;border-radius:50%;animation:quiz-spin .8s linear infinite}@keyframes quiz-spin{to{transform:rotate(360deg)}}.quiz-modal-loading-text{font-family:Red Hat Display,sans-serif;font-size:14px;color:#666;margin-top:16px}.quiz-modal-unit-toggle{display:inline-flex;align-items:center;gap:8px;padding:4px;border-radius:999px;background:#f5f5f5;margin-bottom:12px}.quiz-modal-unit-btn{border:none;background:transparent;color:#666;font-family:Red Hat Display,sans-serif;font-size:13px;font-weight:700;line-height:1;padding:9px 14px;border-radius:999px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.quiz-modal-unit-btn.selected{background:#fff;color:#191514;box-shadow:0 1px 3px #00000014}.quiz-modal-estimate-card{border-radius:18px;padding:28px 24px;text-align:center;position:relative;overflow:hidden;transition:all .3s ease}.quiz-modal-estimate-card-fit{background:#e6f7ef;border:1px solid rgba(10,123,82,.14)}.quiz-modal-estimate-card-maybe{background:#fff8e7;border:1px solid rgba(212,136,15,.18)}.quiz-modal-estimate-card-no{background:#fdeceb;border:1px solid rgba(196,75,63,.16)}.quiz-modal-estimate-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.quiz-modal-estimate-card-fit .quiz-modal-estimate-icon{background:#0a7b521f;color:#0a7b52}.quiz-modal-estimate-card-maybe .quiz-modal-estimate-icon{background:#d4880f1f;color:#b8760a}.quiz-modal-estimate-card-no .quiz-modal-estimate-icon{background:#c44b3f1a;color:#c44b3f}.quiz-modal-estimate-icon svg{width:24px;height:24px}.quiz-modal-estimate-meter{position:relative;height:12px;border-radius:999px;background:transparent;margin:0 auto 14px;max-width:300px}.quiz-modal-estimate-meter-track,.quiz-modal-estimate-meter-collar,.quiz-modal-estimate-meter-pet{position:absolute;top:0;height:12px;border-radius:999px}.quiz-modal-estimate-meter-track{background:#e8e0d6}.quiz-modal-estimate-meter-collar{background:#0a6b5e2e}.quiz-modal-estimate-meter-pet-fit{background:#0a7b52}.quiz-modal-estimate-meter-pet-maybe{background:#d4880f}.quiz-modal-estimate-meter-pet-no{background:#c44b3f}.quiz-modal-estimate-meter-label{font-family:Red Hat Display,sans-serif;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8d8274;margin:0 0 10px}.quiz-modal-estimate-range{font-family:Red Hat Display,sans-serif;font-size:36px;font-weight:700;line-height:1;color:#191514;margin:0 0 12px}.quiz-modal-estimate-heading{font-family:Red Hat Display,sans-serif;font-size:22px;font-weight:700;line-height:1.2;margin:0 0 8px}.quiz-modal-estimate-card-fit .quiz-modal-estimate-heading{color:#0a7b52}.quiz-modal-estimate-card-maybe .quiz-modal-estimate-heading{color:#b8760a}.quiz-modal-estimate-card-no .quiz-modal-estimate-heading{color:#c44b3f}.quiz-modal-estimate-note{font-family:Red Hat Display,sans-serif;font-size:14px;line-height:1.5;color:#6b5e4f;margin:0 auto 14px;max-width:360px}.quiz-modal-estimate-tip{background:#ffffff8c;border-radius:12px;padding:14px 16px;text-align:left}.quiz-modal-estimate-disclaimer{font-family:Red Hat Display,sans-serif;font-size:13px;line-height:1.5;color:#7b7472;margin:0}.quiz-modal-result{text-align:center}.quiz-modal-result-icon{font-size:48px;margin-bottom:16px}.quiz-modal-result-title{font-family:Red Hat Display,sans-serif;font-size:24px;font-weight:700;color:#191514;margin:0 0 8px}.quiz-modal-result-subtitle{font-family:Red Hat Display,sans-serif;font-size:15px;color:#666;margin:0 0 24px;line-height:1.5}.quiz-modal-result-note{font-family:Red Hat Display,sans-serif;font-size:13px;line-height:1.5;color:#7b7472;margin:-8px 0 20px}.quiz-modal-product-card{display:flex;gap:12px;align-items:flex-start;background:#f9f9f9;border-radius:12px;padding:16px;margin-bottom:12px;text-align:left}.quiz-modal-product-card-skeleton{align-items:center}.quiz-modal-skeleton{position:relative;overflow:hidden;border-radius:10px;background:#ececec}.quiz-modal-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,#ececec00,#ffffffd9,#ececec00);animation:quiz-skeleton-shimmer 1.2s ease-in-out infinite}.quiz-modal-skeleton-image{width:80px;height:80px;flex-shrink:0}.quiz-modal-skeleton-title{width:72%;height:18px;margin-bottom:12px}.quiz-modal-skeleton-select{width:100%;height:38px}@keyframes quiz-skeleton-shimmer{to{transform:translate(100%)}}.quiz-modal-product-img{width:80px;height:80px;object-fit:cover;border-radius:8px;flex-shrink:0;display:block}.quiz-modal-product-info{flex:1;min-width:0}.quiz-modal-product-name{font-family:Red Hat Display,sans-serif;font-size:15px;font-weight:700;color:#191514;margin:0 0 8px;line-height:1.3}.quiz-modal-product-desc{font-family:Red Hat Display,sans-serif;font-size:14px;color:#666;line-height:1.5;margin:0 0 16px}.quiz-modal-variant-select{width:100%;padding:8px 30px 8px 12px;border:1px solid #dddddd;border-radius:8px;font-family:Red Hat Display,sans-serif;font-size:13px;color:#191514;background:#fff;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.quiz-modal-variant-select:focus{outline:none;border-color:#dd1717}.quiz-modal-beacon-cards{display:flex;flex-direction:column;gap:8px}.quiz-modal-beacon-cards .quiz-modal-product-card{margin-bottom:0}.quiz-modal-cart-error{font-family:Red Hat Display,sans-serif;font-size:13px;color:#dd1717;margin:0;padding:8px 12px;background:#fff0f0;border-radius:6px;border:1px solid #ffcccc}.quiz-modal-product-features{display:flex;flex-wrap:wrap;gap:8px}.quiz-modal-feature-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#fff;border-radius:6px;font-family:Red Hat Display,sans-serif;font-size:12px;font-weight:500;color:#555}.quiz-modal-not-fit{background:#fff8f0;border:1px solid #ffe0b2;border-radius:12px;padding:20px;margin-bottom:16px}.quiz-modal-not-fit-title{font-family:Red Hat Display,sans-serif;font-size:16px;font-weight:700;color:#e65100;margin:0 0 8px}.quiz-modal-not-fit-text{font-family:Red Hat Display,sans-serif;font-size:14px;color:#666;line-height:1.5;margin:0}.quiz-modal-risk-flags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;justify-content:center}.quiz-modal-risk-flag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#fff3e0;border-radius:6px;font-family:Red Hat Display,sans-serif;font-size:12px;font-weight:500;color:#e65100}.quiz-modal-contact-info{margin-top:20px;padding:16px;background:#f8f9fa;border-radius:8px;text-align:center}.quiz-modal-contact-text{font-family:Red Hat Display,sans-serif;font-size:13px;color:#666;margin:0 0 6px}.quiz-modal-contact-details{font-family:Red Hat Display,sans-serif;font-size:14px;font-weight:600;margin:0}.quiz-modal-contact-details a{color:#dd1717;text-decoration:none}.quiz-modal-contact-details a:hover{text-decoration:underline}.quiz-modal-step-help{font-family:Red Hat Display,sans-serif;font-size:12px;color:#999;line-height:1.5;margin:8px 0 0}.quiz-modal-step-help a{color:#dd1717;text-decoration:none}.quiz-modal-step-help a:hover{text-decoration:underline}.quiz-modal-ref-image{margin:16px 0;border-radius:12px;overflow:hidden;background:#f2f2f2;height:240px;display:flex;align-items:center;justify-content:center}.quiz-modal-ref-image img{max-width:100%;max-height:240px;width:auto;height:auto;object-fit:contain;display:block}.quiz-modal-option-image{display:block;width:100%;margin-bottom:12px;border-radius:8px;overflow:hidden;background:#f5f5f5}.quiz-modal-option-image img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.quiz-modal-option-image:empty{display:none}.quiz-modal-option-with-image{flex-direction:column;align-items:stretch}@media(max-width:810px){.quiz-modal-ref-image{height:200px}.quiz-modal-ref-image img{max-height:200px}}@media(min-width:811px){.quiz-modal-option-image img{width:260px;height:260px;aspect-ratio:unset;margin:0 auto}}.quiz-modal-footer{padding:16px 24px 24px;display:flex;gap:12px;flex-shrink:0;border-top:1px solid #f0f0f0}.quiz-modal-btn{flex:1;padding:14px 24px;border-radius:10px;font-family:Red Hat Display,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-align:center}.quiz-modal-btn-back{background:#f5f5f5;color:#666;flex:0 0 auto}.quiz-modal-btn-back:hover{background:#e8e8e8}.quiz-modal-btn-next{background:#dd1717;color:#fff}.quiz-modal-btn-next:hover{background:#c41414}.quiz-modal-btn-next:disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.quiz-modal-btn-next.is-loading:disabled{background:#dd1717;color:#fff;opacity:.85;cursor:wait}.quiz-modal-btn-loading,.quiz-modal-btn-added{display:inline-flex;align-items:center;justify-content:center;gap:6px}.quiz-modal-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:quiz-spin .8s linear infinite}.quiz-modal-btn-cta{background:#dd1717;color:#fff;width:100%}.quiz-modal-btn-cta:hover{background:#c41414}.quiz-modal-btn-restart{background:transparent;color:#dd1717;border:2px solid #DD1717}.quiz-modal-btn-restart:hover{background:#fef5f5}.quiz-modal-error{background:#fef5f5;border:1px solid #ffcdd2;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-family:Red Hat Display,sans-serif;font-size:13px;color:#c62828}@media(max-width:1439px){.quiz-modal-container{max-width:700px}}@media(max-width:809px){.quiz-modal-overlay{align-items:flex-end;padding:0}.quiz-modal-container{max-width:100%;border-radius:16px 16px 0 0;max-height:85vh}.quiz-modal-header{padding:16px 16px 0}.quiz-modal-step-panel{padding:16px}.quiz-modal-footer{padding:12px 16px 20px}.quiz-modal-step-title{font-size:18px}.quiz-modal-step-desc{font-size:14px;margin-bottom:16px}.quiz-modal-option{padding:12px;font-size:14px}.quiz-modal-slider-value{font-size:36px}.quiz-modal-estimate-card{padding:20px}.quiz-modal-estimate-range{font-size:28px}.quiz-modal-estimate-heading,.quiz-modal-result-title{font-size:20px}.quiz-modal-btn{padding:12px 20px;font-size:14px}.quiz-modal-breed-dropdown{max-height:160px}.quiz-modal-product-img,.quiz-modal-skeleton-image{width:64px;height:64px}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/quiz-modal.css.map */