.watch-popup *{margin:0;padding:0;box-sizing:border-box}.watch-popup{width:-webkit-fill-available}.watch-popup-trigger-btn.chronica-style{position:static;color:#252728;display:flex;padding:14px 24px;font-size:16px;font-weight:500;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;width:100%;flex:1;height:48px;background-color:#d5d6d8;border-radius:4px;border:none;gap:8px;align-items:center;justify-content:center}.watch-popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#daeeff,#daeeff80,#ffe2db);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.watch-popup-overlay.active{display:flex;opacity:1;align-items:center;justify-content:center}.watch-popup-container{background:linear-gradient(145deg,#fff,#fefefe);border-radius:24px;padding:40px;max-width:730px;width:90%;max-height:90vh;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;position:relative;transform:scale(.8) translateY(20px);transition:transform .4s cubic-bezier(.4,0,.2,1);box-shadow:0 25px 60px #0000001a,0 0 0 1px #f5cfc633;border:2px solid rgba(245,207,198,.3)}.watch-popup-container::-webkit-scrollbar{display:none}.watch-popup-overlay.active .watch-popup-container{transform:scale(1) translateY(0)}.watch-popup-close-btn{position:absolute;top:20px;right:25px;background:#0000001a;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.watch-popup-close-btn:hover{background:#f5cfc633;color:#e74c3c;transform:rotate(90deg)}.watch-popup-header{text-align:center;margin-bottom:35px;position:relative}.watch-popup-title{font-weight:500;background:linear-gradient(135deg,#a5c8e4,#f5cfc6);-webkit-background-clip:text;-webkit-text-fill-color:black;background-clip:text}.watch-popup-question{margin-bottom:30px;display:none;animation:fadeInUp .5s ease-out}.watch-popup-question.active{display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.watch-popup-question-title{font-weight:500;text-align:center;position:relative}.watch-popup-question-image{object-fit:cover;max-width:50%;border-radius:12px;margin:20px auto 30px;display:block}.watch-popup-question-title:after{content:"";display:block;width:50px;height:3px;background:linear-gradient(135deg,#a5c8e4,#f5cfc6);margin:10px auto 0;border-radius:2px}.watch-popup-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-bottom:30px;margin-top:20px}.watch-popup-option{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:0;cursor:pointer;transition:all .3s ease;text-align:center;box-shadow:0 4px 8px #0000001a;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.watch-popup-step-progress{display:flex;align-items:center;justify-content:center;margin-bottom:30px;padding:20px 0}.step-item{position:relative;display:flex;flex-direction:column;align-items:center}.step-logo{position:relative;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#a5c8e4,#f5cfc6);display:flex;align-items:center;justify-content:center;transition:all .3s ease;overflow:hidden}.step-item.empty .step-logo{background:#e0e0e0}.step-item.active .step-logo{box-shadow:0 0 15px #007bff66}.step-item.completed .step-logo{background:linear-gradient(to right,#daeeff,#daeeff80,#ffe2db)}.step-logo img{width:24px;height:24px;border-radius:50%;transition:all .3s ease}.step-connector{width:40px;height:3px;background:#e0e0e0;margin:0 5px;transition:background .3s ease}.step-connector.completed{background:linear-gradient(135deg,#a5c8e4,#f5cfc6)}.watch-popup-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:auto;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .5s}.watch-popup-option:hover{border-color:#a5c8e4;background:linear-gradient(145deg,#f8fbfc,#f0f7fb);transform:translateY(-2px);box-shadow:0 10px 25px #a5c8e426}.watch-popup-option:hover:before{left:100%}.watch-popup-option.selected{border-color:#a5c8e4;background:linear-gradient(135deg,#a5c8e4,#f5cfc6);color:#000;transform:translateY(-2px);box-shadow:0 10px 25px #a5c8e44d,0 0 0 3px #a5c8e41a}.watch-popup-mobile-select-container{display:none;margin-bottom:20px}.watch-popup-mobile-select{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;background-color:#fff;cursor:pointer;outline:none;-webkit-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 15px top 50%;background-size:12px auto}.watch-popup-mobile-select:focus{border-color:#a5c8e4}.watch-popup-option.text-only{display:flex;align-items:center;justify-content:center;min-height:64px}.watch-popup-option.text-only .watch-popup-option-text{margin-top:0;padding:10px;width:100%;text-align:center;font-weight:500}.watch-popup-option.text-only.selected .watch-popup-option-text{color:#000!important}.watch-popup-navigation{text-align:center;border-top:1px solid #f0f7fb;margin-top:30px}.watch-popup-next-btn,.watch-popup-submit-btn{padding:16px 32px;border:none;border-radius:50px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#a5c8e4,#f5cfc6);color:#000;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #a5c8e44d;position:relative;overflow:hidden;min-width:200px}.watch-popup-next-btn:disabled,.watch-popup-submit-btn:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);cursor:not-allowed;transform:none;box-shadow:none}.watch-popup-next-btn:hover:not(:disabled),.watch-popup-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 35px #a5c8e466}.watch-popup-next-btn:active:not(:disabled),.watch-popup-submit-btn:active:not(:disabled){transform:translateY(0)}.watch-popup-trigger-btn{position:fixed;bottom:30px;right:30px;color:#474747;background:transparent;border:1px solid black;border-radius:10px;padding:18px 28px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:9999;font-weight:500}.watch-popup-loading{display:none;text-align:center;padding:30px;animation:fadeIn .3s ease}.watch-popup-option-image{width:100%;aspect-ratio:4 / 3;height:auto;object-fit:contain;background:#fdfdfd;border-radius:0;margin-bottom:0;transition:all .3s ease}.watch-popup-option.selected .watch-popup-option-image{filter:brightness(1.1)}.watch-popup-option-text{line-height:1.4;margin-top:auto;padding:15px;color:#333}.watch-popup-option.selected .watch-popup-option-text{color:#000;font-weight:600}.watch-popup-email-input{max-width:400px;margin:0 auto}.watch-popup-email-field{width:100%;padding:15px 20px;border:3px solid #e0e0e0;border-radius:15px;margin-top:15px;transition:all .3s ease;box-shadow:0 4px 8px #0000001a}.watch-popup-email-field:focus{outline:none;border-color:#007bff;box-shadow:0 4px 15px #007bff33}.watch-popup-email-field:valid{border-color:#28a745}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.watch-popup-spinner{border:3px solid rgba(165,200,228,.1);border-top:3px solid #a5c8e4;border-radius:50%;width:40px;height:40px;animation:watchPopupSpin 1s linear infinite;margin:0 auto 20px}@keyframes watchPopupSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-errors{color:#ef4444;margin:15px 0;padding:15px;background:#ef44441a;border-radius:12px;border-left:4px solid #ef4444}.login-form-container .list-unstyled{list-style:none;padding:0;margin:0}.login-form-container li{margin-bottom:20px}.login-form-container label{display:block;margin-bottom:8px}.login-form-container .input-full{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;transition:all .3s ease;background:#fff}.login-form-container .input-full:focus{outline:none;border-color:#a5c8e4;box-shadow:0 0 0 3px #a5c8e41a}.login-form-container .form-action-button,.login-form-container .signup-option{text-align:center;margin-top:20px}.login-form-container a{color:#a5c8e4;text-decoration:none;font-weight:500;transition:color .2s ease}.login-form-container a:hover{color:#f5cfc6;text-decoration:underline}@media (max-width: 550px){.watch-popup-container{padding:25px;width:95%;margin:20px;border-radius:20px;max-width:unset}watch-popup-progress-container{margin-top:60px!important}.watch-popup-trigger-btn{bottom:20px;right:20px;padding:14px 22px;font-size:14px}.watch-popup-title{font-size:24px}.watch-popup-question-title{font-size:18px;margin-bottom:20px}.watch-popup-option{padding:16px 18px;font-size:14px}.watch-popup-next-btn,.watch-popup-submit-btn{padding:14px 28px;font-size:15px;min-width:180px}watch-popup-option-image{height:80px}.step-logo{width:35px;height:35px}.step-logo img{width:20px;height:20px}.step-connector{width:30px}.watch-popup-overlay.active .watch-popup-container{transform:unset}.watch-popup-trigger-btn.chronica-style{font-size:16px;padding:10px 15px;width:-webkit-fill-available}watch-popup-question h3{line-height:25px!important}}@media (max-width: 900px){.watch-popup-container{max-width:80%}watch-popup-question h3{line-height:25px!important}}@media (max-width: 480px){.watch-popup-container{padding:20px;width:100%;margin:10px;border-radius:16px;max-height:90vh;max-width:unset}.watch-popup-options{gap:10px;grid-template-columns:repeat(2,1fr)}.watch-popup-option{padding:0;min-height:150px}.watch-popup-option.text-only{min-height:50px}.watch-popup-mobile-select-container{display:block}.watch-popup-options.list-layout{display:none}.watch-popup-header,.watch-popup-question{margin-bottom:25px}watch-popup-question h3{line-height:25px!important}.watch-popup-navigation{padding:20px 0 0;margin-top:25px}.watch-popup-step-progress{padding:15px 0;margin-bottom:20px;margin-top:50px}.watch-popup{width:-webkit-fill-available}}.watch-popup.chronica-page-center{display:flex;flex-direction:column}.watch-popup.chronica-page-center .watch-popup-trigger-btn.chronica-style:hover{background-color:#d5d6d8!important;color:#252728!important;box-shadow:none!important;transform:none!important}
/*# sourceMappingURL=/cdn/shop/t/30/assets/chronica-popup.css.map */