.simple-callback-container{max-width:500px;margin:20px auto;padding:30px;border:1px solid #e0e0e0;border-radius:12px;text-align:center;font-family:'Lato',sans-serif;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.1);position:relative}.simple-callback-container *{text-align:center}.simple-callback-container h3{margin:0 0 20px 0;color:#333;font-size:24px;font-weight:600}.callback-message{margin-bottom:25px;font-size:16px;line-height:1.5;color:#666;padding:0 10px;text-align:center}.simple-callback-container h3:has(+.callback-phone-link:not([style*="display: none"])){margin-bottom:0}.phone-input-group{display:flex;align-items:center;justify-content:flex-start;margin:20px auto;border:2px solid var(--wp--preset--color--primary)!important;border-radius:8px;padding:0;background:#fff;transition:border-color 0.3s ease;width:100%;max-width:350px;position:relative}.phone-input-group:focus-within{border-color:var(--wp--preset--color--primary)!important;box-shadow:0 0 0 3px rgba(0,115,170,.1)}.phone-number{border:none!important;outline:none;font-size:16px;padding:10px;background:transparent;color:#333;font-weight:500;width:100%;text-align:center;font-family:'Lato',sans-serif;flex:1;min-width:0;border-radius:8px}.phone-number::placeholder{color:#999;font-weight:400}.time-selection-section{margin:15px 0}.time-selection-toggle{margin:10px 0}.time-toggle-link{color:#0073aa;font-weight:700;text-decoration:none;font-size:14px;cursor:pointer;transition:color 0.3s ease}.time-toggle-link:hover{color:#005a87;text-decoration:underline}.time-picker{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-top:15px;animation:slideDown 0.3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.time-picker-header{margin-bottom:15px}.time-picker-day{font-weight:600;color:#333;font-size:16px}.time-slots-container{max-height:200px;overflow-y:auto;border-radius:6px}.time-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;padding:10px 0}.time-slot{background:#fff;border:1px solid #d0d0d0;border-radius:6px;padding:8px 4px;cursor:pointer;font-size:13px;font-weight:500;color:#555;transition:all 0.2s ease;min-height:32px;display:flex;align-items:center;justify-content:center}.time-slot:hover{background:#e6f3ff;border-color:#0073aa;color:#0073aa}.time-slot.selected{background:#0073aa;border-color:#0073aa;color:#fff;font-weight:600}.time-slot.disabled{background:#f5f5f5;border-color:#e0e0e0;color:#999;cursor:not-allowed}.time-slot.disabled:hover{background:#f5f5f5;border-color:#e0e0e0;color:#999}.submit-btn{background:var(--wp--preset--color--primary)!important;color:var(--wp--preset--color--light)!important;fill:var(--wp--preset--color--light)!important;border:none;border-radius:6.25rem!important;padding:.625rem 1.25rem;font-size:0.875rem!important;line-height:1.5!important;font-weight:400;font-family:var(--wp--preset--font-family--base-font);text-transform:none;letter-spacing:normal;cursor:pointer;transition:background-color .2s ease-in-out;outline:none;min-width:auto;margin-top:20px}.submit-btn:hover{background:var(--wp--preset--color--brand-blue-dark)!important;color:var(--wp--preset--color--light)!important}.submit-btn:focus{color:var(--wp--preset--color--light)!important;background:var(--wp--preset--color--brand-blue-dark)!important;outline:none;box-shadow:0 0 0 3px rgba(0,83,159,.2)}.submit-btn:focus:not(:focus-visible){outline:none;box-shadow:none}.submit-btn:active{transform:none}.submit-btn:disabled{background:#f5f5f5!important;color:#999!important;cursor:not-allowed;box-shadow:none}.error-message{font-size:14px;font-weight:500;margin-top:10px;padding:12px;border-radius:8px;background-color:#fee;color:#721c24;text-align:center;max-width:350px;margin-left:auto;margin-right:auto}.success-message{font-size:16px;font-weight:600;margin-top:20px;padding:15px;border-radius:8px;background:linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%);color:#155724;text-align:center;max-width:350px;margin-left:auto;margin-right:auto;box-shadow:0 2px 8px rgba(40,167,69,.15)}.consent-text{font-size:11px;color:#777;margin-top:25px;padding-top:20px;border-top:1px solid #eee;line-height:1.4;text-align:center}@media (max-width:600px){.simple-callback-container{margin:10px;padding:20px 15px;border-radius:8px;width:calc(100% - 20px);box-sizing:border-box}.simple-callback-container h3{font-size:20px;margin-bottom:15px}.callback-message{font-size:15px;margin-bottom:20px;padding:0 5px}.phone-input-group{max-width:100%;margin:15px 0}.phone-number{padding:12px;font-size:15px}.time-picker{padding:15px}.time-slots{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:6px}.time-slot{padding:6px 4px;font-size:12px;min-height:28px}.submit-btn{padding:12px 25px;font-size:12px;min-width:150px;margin-top:15px}.error-message,.success-message{max-width:100%;margin-left:0;margin-right:0;font-size:13px}.consent-text{font-size:10px;margin-top:20px;padding-top:15px}}.error-message[style*="block"],.success-message[style*="block"]{animation:slideIn 0.3s ease-out}@media screen and (-webkit-min-device-pixel-ratio:0){.phone-number{font-size:16px}}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.callback-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999}.callback-popup.active{display:block}.callback-popup__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.callback-popup__content{position:relative;max-width:500px;width:90%;margin:0 auto;top:50%;transform:translateY(-50%);z-index:1}.callback-popup__close{position:absolute;top:-10px;right:-10px;background:#fff;border:none;border-radius:50%;width:36px;height:36px;font-size:20px;line-height:1;padding:0;cursor:pointer;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center}body.no-scroll{overflow:hidden}