:root{--auth-bg-primary:#ffffff;--auth-bg-secondary:#f9fafb;--auth-bg-tertiary:#f3f4f6;--auth-glass-bg:rgba(255, 255, 255, 0.98);--auth-bg-quatro:#6c6cd1;--auth-text-primary:#1f2937;--auth-text-secondary:#6b7280;--auth-text-tertiary:#9ca3af;--auth-border-light:#e5e7eb;--auth-border-medium:#d1d5db;--auth-success-bg:linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);--auth-success-border:#22c55e;--auth-success-text:#15803d;--auth-error-bg:linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);--auth-error-border:#ef4444;--auth-error-text:#dc2626;--auth-warning-border:#fbbf24;--auth-terms-bg:linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);--auth-summary-bg:linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);--auth-summary-border:#bae6fd;--auth-input-bg:linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);--auth-input-focus-bg:#ffffff;--auth-valid-bg:linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);--auth-invalid-bg:linear-gradient(135deg, #fef2f2 0%, #ffffff 100%);--auth-video-overlay:linear-gradient(135deg, rgba(102, 126, 234, 0.25) 0%, rgba(118, 75, 162, 0.15) 100%);--auth-progress-inactive:#e5e7eb;--auth-progress-inactive-text:#9ca3af;}
body.cekonay-dark-mode { --auth-bg-primary: #1f2937;
--auth-bg-secondary: #030712;
--auth-bg-tertiary: #374151;
--auth-glass-bg: rgba(31, 41, 55, 0.95);
--auth-bg-quatro: #7256b2; --auth-text-primary: #ffffff;
--auth-text-secondary: #9ca3af;
--auth-text-tertiary: #6b7280; --auth-border-light: #374151;
--auth-border-medium: #4b5563; --auth-success-bg: linear-gradient(135deg, rgba(34, 197, 94, 0.15) 0%, rgba(34, 197, 94, 0.05) 100%);
--auth-success-border: rgba(34, 197, 94, 0.4);
--auth-success-text: #4ade80;
--auth-error-bg: linear-gradient(135deg, rgba(239, 68, 68, 0.15) 0%, rgba(239, 68, 68, 0.05) 100%);
--auth-error-border: rgba(239, 68, 68, 0.4);
--auth-error-text: #f87171;
--auth-warning-border: rgba(251, 191, 36, 0.4); --auth-terms-bg: linear-gradient(135deg, rgba(251, 191, 36, 0.1) 0%, rgba(251, 191, 36, 0.05) 100%);
--auth-summary-bg: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(59, 130, 246, 0.05) 100%);
--auth-summary-border: rgba(186, 230, 253, 0.3); --auth-input-bg: linear-gradient(135deg, #374151 0%, #1f2937 100%);
--auth-input-focus-bg: #1f2937;
--auth-valid-bg: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, #1f2937 100%);
--auth-invalid-bg: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, #1f2937 100%); --auth-video-overlay: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.25) 100%); --auth-progress-inactive: #374151;
--auth-progress-inactive-text: #6b7280;
} *{box-sizing:border-box;}
.cekonay-video-container{z-index:1 !important;display:flex;min-height:100vh;position:relative;overflow:hidden;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;}
.cekonay-auth-wrapper{width:540px;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--auth-glass-bg);backdrop-filter:blur(12px);position:relative;z-index:10;box-shadow:4px 0 20px rgba(0, 0, 0, 0.08);order:1;}
.cekonay-auth-container{background:var(--auth-bg-primary);border-radius:24px;box-shadow:0 32px 80px rgba(0, 0, 0, 0.12), 0 8px 32px rgba(0, 0, 0, 0.08);padding:3rem 2.5rem;width:100%;max-width:480px;border:1px solid rgba(255, 255, 255, 0.3);position:relative;overflow:hidden;animation:slideInLeft 0.8s ease-out;}
@media screen and (min-width:768px){
.cekonay-auth-wrapper{top:80px;}
}
@media screen and (max-width:767px){
.cekonay-auth-wrapper{top:-10px;}
}
body.cekonay-dark-mode .cekonay-auth-container{border:1px solid var(--auth-border-light);box-shadow:0 32px 80px rgba(0, 0, 0, 0.4), 0 8px 32px rgba(0, 0, 0, 0.3);}
@keyframes slideInLeft {
from{opacity:0;transform:translateX(-60px);}
to{opacity:1;transform:translateX(0);}
}
.cekonay-auth-container::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg, #667eea 0%, #764ba2 100%);}
.cekonay-video-background{flex:1;position:relative;min-height:100vh;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);overflow:hidden;order:2;}
#cekonay-bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity 1s ease-in-out;}
#cekonay-bg-video.loaded{opacity:1;}
.cekonay-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--auth-video-overlay);z-index:2;animation:overlayPulse 6s ease-in-out infinite alternate;}
@keyframes overlayPulse {
0%{background:rgba(102, 126, 234, 0.25);}
100%{background:rgba(118, 75, 162, 0.15);}
}
body.cekonay-dark-mode .cekonay-video-overlay{animation-name:overlayPulseDark;}
@keyframes overlayPulseDark {
0%{background:rgba(102, 126, 234, 0.15);}
100%{background:rgba(118, 75, 162, 0.25);}
} .cekonay-auth-header{text-align:center;margin-bottom:2rem;}
.cekonay-auth-logo{width:100%;text-align:center;margin-bottom:1rem;}
.cekonay-auth-logo img{max-width:150px;height:auto;}
.cekonay-auth-logo .logo-light{display:inline-block;}
.cekonay-auth-logo .logo-dark{display:none;}
body.cekonay-dark-mode .cekonay-auth-logo .logo-light{display:none;}
body.cekonay-dark-mode .cekonay-auth-logo .logo-dark{display:inline-block;}
.cekonay-auth-header p{color:var(--auth-text-secondary) !important;font-size:1rem !important;margin:0.5rem 0 !important;font-weight:500;}
.cekonay-tagline{color:#667eea !important;font-size:0.9rem !important;font-weight:600 !important;font-style:italic !important;}
.cekonay-progress-bar{display:none;align-items:center;justify-content:center;margin-bottom:2rem;padding:1rem 0;}
.cekonay-progress-bar.visible{display:flex;}
.progress-step{width:36px;height:36px;border-radius:50%;background:var(--auth-progress-inactive);color:var(--auth-progress-inactive-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.9rem;transition:all 0.3s ease;}
.progress-step.active{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;transform:scale(1.1);}
.progress-step.completed{background:#10b981;color:white;}
.progress-step.completed::after{content:'✓';font-size:0.75rem;}
.progress-line{width:60px;height:2px;background:var(--auth-progress-inactive);transition:all 0.3s ease;}
.progress-line.completed{background:#10b981;}
.progress-line.completed::after{content:'';position:absolute;top:0;left:0;height:4px;width:100%;background:linear-gradient(90deg, #10b981 0%, #667eea 100%);animation:progressSlide 0.6s ease-out;}
@keyframes progressSlide {
from{width:0;}
to{width:100%;}
} .cekonay-form-section{display:none;opacity:0;transform:translateY(20px);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.cekonay-form-section.active{display:block !important;opacity:1 !important;transform:translateY(0) !important;}
.cekonay-step{display:none;opacity:0;transform:translateX(30px);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.cekonay-step.active{display:block;opacity:1;transform:translateX(0);}
.cekonay-step.prev{transform:translateX(-30px);}
.step-header{text-align:center;margin-bottom:2rem;}
.step-header h3{color:var(--auth-text-primary);font-size:1.4rem;font-weight:700;margin-bottom:0.5rem;}
.step-header p{color:var(--auth-text-secondary);font-size:0.9rem;}
.cekonay-input-group{margin-bottom:1.5rem;position:relative;}
.cekonay-input-group input{width:100% !important;padding:1.1rem 1.3rem !important;border:2px solid var(--auth-border-light) !important;border-radius:14px !important;font-size:1rem !important;font-weight:500 !important;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;background:var(--auth-input-bg) !important;box-sizing:border-box !important;font-family:inherit !important;color:var(--auth-text-primary) !important;}
.cekonay-input-group input::placeholder{color:var(--auth-text-tertiary) !important;font-weight:500 !important;}
.cekonay-input-group input:focus{outline:none !important;border-color:#667eea !important;background:var(--auth-input-focus-bg) !important;box-shadow:0 0 0 4px rgba(102, 126, 234, 0.1), 0 4px 12px rgba(102, 126, 234, 0.15) !important;transform:translateY(-2px) !important;}
.cekonay-input-group input.cekonay-field-valid{border-color:#10b981 !important;background:var(--auth-valid-bg) !important;}
.cekonay-input-group input.cekonay-field-invalid{border-color:#ef4444 !important;background:var(--auth-invalid-bg) !important;}
.cekonay-field-feedback{position:absolute;bottom:-22px;left:1rem;font-size:0.8rem;color:#ef4444;font-weight:500;background:#fef2f2;padding:0.25rem 0.5rem;border-radius:6px;display:none;}
body.cekonay-dark-mode .cekonay-field-feedback{color:var(--auth-error-text);background:var(--auth-error-bg);}
.cekonay-password-strength{margin-top:0.6rem;padding:0.4rem 0.8rem;border-radius:8px;font-size:0.8rem;font-weight:600;text-align:center;border:1px solid;display:none;}
.cekonay-password-strength.visible{display:block;animation:fadeIn 0.3s ease-out;}
.cekonay-remember-group{margin-bottom:2rem;}
.cekonay-checkbox{display:flex !important;align-items:center !important;cursor:pointer !important;font-size:0.9rem !important;color:var(--auth-text-secondary) !important;font-weight:500 !important;user-select:none !important;}
.cekonay-checkbox input{display:none !important;}
.checkmark{width:20px !important;height:20px !important;border:2px solid var(--auth-border-medium) !important;border-radius:5px !important;margin-right:0.8rem !important;position:relative !important;transition:all 0.3s ease !important;background:var(--auth-bg-primary) !important;}
.cekonay-checkbox input:checked + .checkmark{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;border-color:#667eea !important;}
.cekonay-checkbox input:checked + .checkmark::after{content:'✓' !important;position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%) !important;color:white !important;font-size:12px !important;font-weight:bold !important;}
.cekonay-step-btn{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:white !important;border:none !important;padding:1rem 2rem !important;border-radius:12px !important;font-size:0.95rem !important;font-weight:600 !important;cursor:pointer !important;transition:all 0.3s ease !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:0.5rem !important;width:100% !important;}
.cekonay-step-btn:hover{transform:translateY(-2px) !important;box-shadow:0 8px 20px rgba(102, 126, 234, 0.3) !important;}
.cekonay-step-btn.secondary{background:var(--auth-bg-tertiary) !important;color:var(--auth-text-secondary) !important;width:auto !important;flex:1 !important;}
.cekonay-step-btn.secondary:hover{background:var(--auth-border-light) !important;color:var(--auth-text-primary) !important;}
.step-buttons{display:flex !important;gap:1rem !important;margin-top:1.5rem !important;}
.btn-arrow{transition:transform 0.3s ease !important;}
.cekonay-step-btn:hover .btn-arrow{transform:translateX(4px) !important;}
.cekonay-submit-btn{width:100% !important;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:white !important;border:none !important;padding:1.2rem 2rem !important;border-radius:14px !important;font-size:1rem !important;font-weight:700 !important;cursor:pointer !important;transition:all 0.3s ease !important;text-transform:uppercase !important;letter-spacing:0.5px !important;position:relative !important;box-shadow:0 8px 24px rgba(102, 126, 234, 0.3) !important;}
.cekonay-submit-btn:hover:not(:disabled){transform:translateY(-3px) !important;box-shadow:0 12px 32px rgba(102, 126, 234, 0.4) !important;}
.cekonay-submit-btn:disabled{opacity:0.7 !important;cursor:not-allowed !important;}
.btn-loading{display:none;}
.cekonay-submit-btn.loading .btn-text{display:none;}
.cekonay-submit-btn.loading .btn-loading{display:inline;}
.cekonay-terms-group{margin-bottom:2rem;padding:1.2rem;background:var(--auth-terms-bg);border:1px solid var(--auth-warning-border);border-radius:12px;}
.cekonay-terms-checkbox{align-items:flex-start !important;line-height:1.5 !important;font-size:0.9rem !important;}
.cekonay-terms-checkbox .checkmark{margin-top:2px !important;flex-shrink:0;}
.terms-text{flex:1;}
.terms-text a{color:#667eea !important;text-decoration:none !important;font-weight:600 !important;border-bottom:1px solid transparent;transition:all 0.3s ease !important;}
.terms-text a:hover{color:#764ba2 !important;border-bottom-color:#764ba2 !important;}
.cekonay-terms-checkbox input:required:invalid + .checkmark{border-color:#ef4444 !important;box-shadow:0 0 0 2px rgba(239, 68, 68, 0.1) !important;}
.cekonay-terms-checkbox input:required:valid + .checkmark{border-color:#10b981 !important;}
.signup-summary{background:var(--auth-summary-bg);border:1px solid var(--auth-summary-border);border-radius:12px;padding:1.2rem;margin-bottom:1.5rem;}
.summary-item{display:flex;justify-content:space-between;margin-bottom:0.5rem;font-size:0.9rem;}
.summary-item:last-child{margin-bottom:0;}
.summary-item strong{color:var(--auth-text-primary);}
.summary-item span{color:#667eea;font-weight:500;}
#cekonay-messages{margin-bottom:1.5rem;}
.cekonay-message{padding:1rem !important;margin-bottom:1rem !important;border-radius:12px !important;border-left:4px solid !important;font-size:0.9rem !important;font-weight:500;animation:slideDown 0.3s ease-out;}
.cekonay-message--success{background:var(--auth-success-bg) !important;border-color:var(--auth-success-border) !important;color:var(--auth-success-text) !important;}
.cekonay-message--error{background:var(--auth-error-bg) !important;border-color:var(--auth-error-border) !important;color:var(--auth-error-text) !important;}
.cekonay-form-footer{text-align:center !important;padding-top:2rem !important;border-top:1px solid var(--auth-border-light) !important;margin-top:2rem !important;}
.cekonay-forgot a{color:#667eea !important;text-decoration:none !important;font-weight:600 !important;font-size:0.9rem !important;transition:color 0.3s ease !important;}
.cekonay-forgot a:hover{color:#764ba2 !important;}
.cekonay-switch-btn{background:transparent !important;border:2px solid var(--auth-border-light) !important;color:var(--auth-text-secondary) !important;cursor:pointer !important;font-size:0.9rem !important;font-weight:500 !important;padding:0.8rem 1.5rem !important;border-radius:10px !important;transition:all 0.3s ease !important;margin-top:1rem !important;}
.cekonay-switch-btn:hover{border-color:#667eea !important;color:#667eea !important;background:rgba(102, 126, 234, 0.05) !important;}
.cekonay-switch-btn strong{color:#667eea !important;font-weight:700 !important;}
.cekonay-hidden-form{display:none;}
@media(max-width:1024px){
.cekonay-video-container{flex-direction:column;}
.cekonay-auth-wrapper{width:100%;min-height:auto;padding:2rem 1rem;order:1;}
.cekonay-video-background{order:2;min-height:40vh;}
}
@media(max-width:768px){
.cekonay-auth-wrapper{padding:1rem;margin-top:60px;}
.cekonay-auth-container{padding:2rem 1.5rem;border-radius:20px;}
.cekonay-auth-header h1{font-size:2rem !important;}
.step-buttons{flex-direction:column !important;}
.cekonay-step-btn.secondary{width:100% !important;}
}
@media(max-width:480px){
.cekonay-auth-container{padding:1.5rem 1rem;border-radius:16px;}
.cekonay-auth-header h1{font-size:1.8rem !important;}
.cekonay-input-group input{padding:1rem !important;font-size:0.95rem !important;}
.progress-step{width:32px;height:32px;font-size:0.8rem;}
.progress-line{width:40px;}
.cekonay-terms-checkbox{font-size:0.85rem !important;}
.terms-text{line-height:1.4 !important;}
.terms-text a{display:inline-block;margin:0 2px;}
} .et_pb_post .entry-title{display:none !important;}
@keyframes slideDown {
from{opacity:0;transform:translateY(-10px);}
to{opacity:1;transform:translateY(0);}
}
@keyframes fadeIn {
from{opacity:0;}
to{opacity:1;}
}
.cekonay-auth-header{margin-bottom:2rem;display:flex;align-items:center;justify-content:center;position:relative;flex-wrap:wrap;}
.cekonay-auth-header h1{margin:0;}
#cekonay-dark-toggle{position:absolute;top:0;right:0;}
#cekonay-subtitle,
.cekonay-tagline{width:100%;text-align:center;}
h1#cekonay-subtitle,
.cekonay-auth-header h1#cekonay-subtitle{color:var(--auth-text-secondary) !important;font-size:1rem !important;font-weight:500 !important;margin:0.5rem 0 !important;background:none !important;-webkit-background-clip:unset !important;-webkit-text-fill-color:var(--auth-text-secondary) !important;background-clip:unset !important;letter-spacing:normal !important;}
.cekonay-dark-toggle{padding:0.5rem;border-radius:0.5rem;background-color:var(--auth-bg-quatro);border:none;cursor:pointer;transition:all 0.2s ease;color:#d5d8f5;}
.cekonay-dark-toggle .icon-moon, .cekonay-dark-toggle .icon-sun{display:block;width:20px;height:20px;}
.cekonay-dark-toggle .icon-moon{display:block;}
.cekonay-dark-toggle .icon-sun{display:none;}
body.cekonay-dark-mode .cekonay-dark-toggle .icon-moon{display:none;}
body.cekonay-dark-mode .cekonay-dark-toggle .icon-sun{display:block;}
@media print {
.cekonay-header, .cekonay-back-btn, .cekonay-dark-toggle, .cekonay-fab, .cekonay-btn, .cekonay-social-share, .cekonay-mobile-menu-btn{display:none !important;}
.cekonay-card{break-inside:avoid;box-shadow:none;border:1px solid #000;}
}  :root{--cekonay-primary:#764ba2;--cekonay-primary-dark:#5e3b81;--cekonay-secondary:#667eea;--cekonay-secondary-dark:#3f56bd;--cekonay-gradient:linear-gradient(to right, var(--cekonay-primary), var(--cekonay-secondary));--cekonay-success:#22c55e;--cekonay-error:#ef4444;--cekonay-warning:#fb923c;--cekonay-info:#3b82f6;}
.woocommerce form, .woocommerce-form{background:transparent;border:none;padding:0;}
.woocommerce-form-row, .woocommerce form .form-row{margin-bottom:1.5rem;}
.woocommerce form .form-row.form-row-wide{width:100%;}
.woocommerce form .form-row.form-row-first, .woocommerce form .form-row.form-row-last{width:48%;float:left;}
.woocommerce form .form-row.form-row-last{float:right;}
@media(max-width:768px){
.woocommerce form .form-row.form-row-first, .woocommerce form .form-row.form-row-last{width:100%;float:none;}
} .woocommerce-form-row label,
.woocommerce form label{display:block;font-size:0.875rem;font-weight:500;color:var(--text-primary);margin-bottom:0.5rem;transition:color 0.3s ease;}
.woocommerce-form-row label abbr, .woocommerce form label abbr{color:var(--cekonay-error);text-decoration:none;font-weight:bold;margin-left:0.25rem;}
.woocommerce-input-wrapper input[type="text"],
.woocommerce-input-wrapper input[type="email"],
.woocommerce-input-wrapper input[type="password"],
.woocommerce-input-wrapper input[type="tel"],
.woocommerce-input-wrapper select, .woocommerce-input-wrapper textarea, .woocommerce form input[type="text"],
.woocommerce form input[type="email"],
.woocommerce form input[type="password"],
.woocommerce form input[type="tel"],
.woocommerce form select, .woocommerce form textarea{width:100%;padding:0.75rem 1rem;border-radius:0.5rem;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-size:0.875rem;transition:all 0.2s ease;box-shadow:none;outline:none;}
.woocommerce-input-wrapper input:focus, .woocommerce form input:focus, .woocommerce-input-wrapper select:focus, .woocommerce form select:focus, .woocommerce-input-wrapper textarea:focus, .woocommerce form textarea:focus{border-color:var(--cekonay-primary);box-shadow:0 0 0 3px rgba(118, 75, 162, 0.1);background-color:var(--bg-secondary);}
.woocommerce-invalid input, .woocommerce form .form-row.woocommerce-invalid input{border-color:var(--cekonay-error);box-shadow:0 0 0 3px rgba(239, 68, 68, 0.1);}
body.cekonay-dark-mode .woocommerce-input-wrapper input, body.cekonay-dark-mode .woocommerce form input, body.cekonay-dark-mode .woocommerce-input-wrapper select, body.cekonay-dark-mode .woocommerce form select, body.cekonay-dark-mode .woocommerce-input-wrapper textarea, body.cekonay-dark-mode .woocommerce form textarea{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary);}
.woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit,
.woocommerce-page a.button, .woocommerce .button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:0.5rem;font-weight:500;font-size:0.875rem;border:none;cursor:pointer;transition:all 0.2s ease;text-decoration:none;text-align:center;background:var(--cekonay-gradient);color:white;box-shadow:var(--shadow);}
.woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover,
.woocommerce a.button:hover, .woocommerce .button:hover{background:linear-gradient(to right, var(--cekonay-primary-dark), var(--cekonay-secondary-dark));transform:translateY(-1px);box-shadow:var(--shadow-lg);color:white;text-decoration:none;}
.woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button.alt, .woocommerce .button.alt{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);}
.woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce a.button.alt:hover, .woocommerce .button.alt:hover{background-color:var(--bg-tertiary);color:var(--text-primary);}
.woocommerce .remove, .woocommerce-remove-link{background:var(--cekonay-error) !important;color:white !important;border:none !important;border-radius:50% !important;width:2rem !important;height:2rem !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:1rem !important;padding:0 !important;text-decoration:none !important;transition:all 0.2s ease !important;}
.woocommerce .remove:hover, .woocommerce-remove-link:hover{background:#dc2626 !important;transform:scale(1.1) !important;}
.woocommerce-message, .woocommerce-error, .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info{padding:1rem 1.5rem;border-radius:0.5rem;margin-bottom:1.5rem;border:none;font-size:0.875rem;position:relative;overflow:hidden;}
.woocommerce-message, .woocommerce .woocommerce-message{background:rgba(34, 197, 94, 0.1);color:var(--cekonay-success);border-left:4px solid var(--cekonay-success);}
body.cekonay-dark-mode .woocommerce-message, body.cekonay-dark-mode .woocommerce .woocommerce-message{background:rgba(34, 197, 94, 0.2);color:#4ade80;}
.woocommerce-error, .woocommerce .woocommerce-error{background:rgba(239, 68, 68, 0.1);color:var(--cekonay-error);border-left:4px solid var(--cekonay-error);}
body.cekonay-dark-mode .woocommerce-error, body.cekonay-dark-mode .woocommerce .woocommerce-error{background:rgba(239, 68, 68, 0.2);color:#f87171;}
.woocommerce-info, .woocommerce .woocommerce-info{background:rgba(59, 130, 246, 0.1);color:var(--cekonay-info);border-left:4px solid var(--cekonay-info);}
body.cekonay-dark-mode .woocommerce-info, body.cekonay-dark-mode .woocommerce .woocommerce-info{background:rgba(59, 130, 246, 0.2);color:#60a5fa;}
.woocommerce-message a, .woocommerce-error a, .woocommerce-info a{color:inherit;text-decoration:underline;font-weight:500;}
.woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button{margin-left:1rem;font-size:0.75rem;padding:0.5rem 1rem;}
.woocommerce table.shop_table{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;box-shadow:var(--shadow);width:100%;margin-bottom:1.5rem;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle;}
.woocommerce table.shop_table th{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary);font-size:0.875rem;text-transform:uppercase;letter-spacing:0.05em;}
.woocommerce table.shop_table tbody tr:last-child th, .woocommerce table.shop_table tbody tr:last-child td{border-bottom:none;}
@media(max-width:768px){
.woocommerce table.shop_table{font-size:0.875rem;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{padding:0.75rem 0.5rem;}
}  .woocommerce-address-fields{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;}
.woocommerce-address-fields h3{margin:0 0 1rem 0;color:var(--text-primary);font-size:1.125rem;font-weight:600;}
.woocommerce form::after, .woocommerce-address-fields::after{content:"";display:table;clear:both;}
.woocommerce nav.woocommerce-pagination{text-align:center;margin:2rem 0;}
.woocommerce nav.woocommerce-pagination ul{display:inline-flex;gap:0.5rem;list-style:none;padding:0;margin:0;}
.woocommerce nav.woocommerce-pagination ul li{margin:0;}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 0.75rem;border-radius:0.5rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);text-decoration:none;font-weight:500;transition:all 0.2s ease;}
.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--cekonay-primary);color:white;border-color:var(--cekonay-primary);transform:translateY(-1px);}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--cekonay-gradient);color:white;border-color:var(--cekonay-primary);}
.woocommerce .select2-container{width:100% !important;}
.woocommerce .select2-container .select2-selection--single{height:auto !important;padding:0.75rem 1rem !important;border:1px solid var(--border-color) !important;border-radius:0.5rem !important;background-color:var(--bg-secondary) !important;color:var(--text-primary) !important;}
.woocommerce .select2-container .select2-selection--single:focus{border-color:var(--cekonay-primary) !important;box-shadow:0 0 0 3px rgba(118, 75, 162, 0.1) !important;}
.woocommerce form input[type="checkbox"],
.woocommerce form input[type="radio"]{width:1.25rem;height:1.25rem;margin-right:0.5rem;accent-color:var(--cekonay-primary);border-radius:0.25rem;}
.woocommerce a{color:var(--cekonay-primary);text-decoration:none;transition:color 0.2s ease;}
.woocommerce a:hover{color:var(--cekonay-primary-dark);text-decoration:underline;}
.woocommerce .blockUI.blockOverlay{background:rgba(255, 255, 255, 0.8) !important;backdrop-filter:blur(4px) !important;}
body.cekonay-dark-mode .woocommerce .blockUI.blockOverlay{background:rgba(0, 0, 0, 0.8) !important;}
.woocommerce .loader{border:3px solid var(--border-color);border-top:3px solid var(--cekonay-primary);border-radius:50%;width:2rem;height:2rem;animation:spin 1s linear infinite;}
@keyframes spin {
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
} @media(max-width:767px){
.woocommerce-address-fields{padding:1rem;}
.woocommerce button.button, .woocommerce input.button, .woocommerce .button{width:100%;margin-bottom:0.5rem;}
.woocommerce table.shop_table{border-radius:0.75rem;}
}  .woocommerce,
.woocommerce *{font-family:var(--font-system);}
.woocommerce-address-fields, .woocommerce table.shop_table, .woocommerce form{animation:fadeInUp 0.5s ease-out;}
.woocommerce .woocommerce-breadcrumb{display:none;}
.woocommerce form .required{color:var(--cekonay-error);}
.ckn-passwrap{position:relative;display:flex;align-items:center}
.ckn-passwrap input[type="password"],
.ckn-passwrap input[type="text"]{width:100%;padding-right:2.5rem}
.ckn-pass-toggle{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;padding:.25rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;color:#6b7280}
.ckn-pass-toggle:focus{outline:2px solid #2563eb;outline-offset:2px;border-radius:4px}
.cekonay-dark-mode .ckn-pass-toggle{color:#d1d5db}
.cekonay-video-background.place_video_connexion{position:relative;width:100%;min-height:400px;overflow:hidden;}
.cekonay-video-background.place_video_connexion .cekonay-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:5;}
.cekonay-video-background.place_video_connexion .video-background-container img{z-index:0 !important;}
.cekonay-video-background.place_video_connexion .video-background-container video{top:0 !important;left:0 !important;right:auto !important;bottom:auto !important;width:100% !important;height:100% !important;max-width:none !important;transform:none !important;object-fit:cover !important;object-position:center center !important;z-index:1 !important;}
@media screen and (min-width:981px){
.cekonay-video-background.place_video_connexion .video-background-container video{top:auto !important;left:auto !important;right:3% !important;bottom:3% !important;width:100% !important;max-width:606px !important;height:auto !important;max-height:100% !important;object-fit:contain !important;object-position:right bottom !important;border:3px solid #ffffff !important;border-radius:10px !important;box-sizing:border-box !important;}
}
.motif-livraison::before{content:"LIVRAISON \A EN \A 4 SEMAINES*";white-space:pre;display:block;text-align:center;font-family:'Arial Black', sans-serif;font-weight:900;line-height:1.1;color:rgba(255, 255, 255, 0.69);pointer-events:none;font-size:6vw;opacity:0;transform:scale(0.75);animation:rebondLivraison 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards 0.4s;}
.motif-livraison{position:relative;}
.motif-livraison::after{content:"*Temps moyen constate pour des facades standard 4 chants en blanc.";position:absolute;left:50%;bottom:clamp(10px, 2vh, 20px);transform:translateX(-50%);width:min(92%, 640px);text-align:center;font-family:var(--font-system, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif);font-size:clamp(10px, 0.75vw, 12px);font-weight:500;line-height:1.3;color:rgba(255, 255, 255, 0.95);text-shadow:0 1px 3px rgba(0, 0, 0, 0.55);pointer-events:none;z-index:6;}
@media screen and (min-width:981px){
.motif-livraison::before{color:rgba(255, 255, 255, 0.97);}
}
@keyframes rebondLivraison {
to{opacity:1;transform:scale(1);}
}
@media screen and (max-width:1024px){
.motif-livraison::before{font-size:7vw;}
}
@media screen and (max-width:768px){
.motif-livraison::before{font-size:12vw;width:90%;}
.motif-livraison::before{content:"LIVRAISON \A 4 \A SEMAINES*";}
.motif-livraison::after{width:90%;bottom:12px;font-size:11px;}
}
@media(max-width:480px){
.motif-livraison::before {
font-size: 14vw;
}
.motif-livraison::after {
width: 92%;
bottom: 10px;
font-size: 10px;
line-height: 1.25;
}
}:root{--font-system:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}
body, input, textarea, select, button, #page-container,
#et-main-area,
.et_pb_section, .et_pb_row, .et_pb_column, .et_pb_text, .et_pb_module, #main-content,
.entry-content, .et_pb_contact_form input,
.et_pb_contact_form textarea, .et_pb_contact_form select, .et_pb_button,
.et_pb_promo_button, #main-header,
#et-top-navigation,
.et_mobile_menu, #main-footer{font-family:var(--font-system) !important;}
.hiddmask{display:none !important;}
.woocommerce .badge-nouveaute{position:absolute;top:10px;left:10px;background-color:#ffb700;color:#fff !important;font-size:0.75rem;padding:6px 10px;border-radius:3px;font-weight:bold;text-transform:uppercase;z-index:10;}
.underlinee :hover{text-decoration:underline;}
#footer-info{text-align:center;width:100%;}
#footer-info{padding-bottom:4px !important;line-height:18px !important;}
#footer-bottom{background-image:linear-gradient(183deg,#fceae0 7%,#f9e3e3 45%);}
#footer-info a:hover{color:#ff7900 !important;}
.mobile_nav.opened .mobile_menu_bar:before{content:'\4d';color:#29a66c;transition:all ease-in-out 300ms;z-index:100;}
.mobile_nav.closed .mobile_menu_bar:before{transition:all ease-in-out 300ms;}
.et_mobile_menu{border-top:0;min-width:100vw;margin-left:-37px;min-height:100vh;}
.et_mobile_menu li li{padding-left:0%;}
@media only screen and (min-width:884px) and (max-width:1104px){
.workplan{display:none;}
} .codedropz-btn-wrap .cd-upload-btn{position:relative;overflow:hidden;color:#1a9d0d;padding:8px 40px;text-decoration:none;font-weight:bold;border-radius:5px;display:inline-block;}
.codedropz-btn-wrap .cd-upload-btn::before{content:'>>';position:absolute;left:15px;top:7px;padding-right:5px;animation:slideInLeft 2s linear infinite;}
.codedropz-btn-wrap .cd-upload-btn::after{content:'<<';position:absolute;right:15px;top:7px;padding-left:5px;animation:slideInRight 2s linear infinite;}
@keyframes slideInLeft {
0%, 100%{transform:translateX(-10px);}
50%{transform:translateX(0);}
}
@keyframes slideInRight {
0%, 100%{transform:translateX(10px);}
50%{transform:translateX(0);}
}
.codedropz-upload-inner .cd-upload-btn{font-size:20px;color:#1a9d0d !important;font-weight:800;line-height:2.7em;}
.cek-gal-product-loader{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:999;display:none;pointer-events:none;}
.cek-gal-loader{width:25px;height:25px;position:relative;display:grid;grid-template-columns:repeat(3, 1fr);gap:5px;animation:cek-gal-global-rotate 4s linear infinite;}
.cek-gal-loader::before, .cek-gal-loader::after, .cek-gal-loader span{content:"";display:block;width:100%;border-radius:5px;background:linear-gradient(135deg, #8a9aff, #5f74d5);box-shadow:0 2px 10px rgba(95, 116, 213, 0.35), inset 0 1px 3px rgba(255, 255, 255, 0.15);animation:cek-gal-pulse-scale 1.8s ease-in-out infinite;}
.cek-gal-loader::before{animation-delay:0s;}
.cek-gal-loader span{animation-delay:0.2s;}
.cek-gal-loader::after{animation-delay:0.4s;}
@keyframes cek-gal-global-rotate {
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@keyframes cek-gal-pulse-scale {
0%,
100%{transform:scale(1) rotate(0deg);opacity:0.75;}
50%{transform:scale(1.35) rotate(45deg);opacity:1;}
} .cek-gal-view-button{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#665ccd !important;color:#fff !important;padding:2px 8px;border-radius:25px;border:2px solid #fff;font-size:16px;font-weight:bold;text-transform:uppercase;cursor:pointer;z-index:15;text-decoration:none;transition:background-color 0.3s ease, transform 0.2s ease;}
.et_shop_image:hover .cek-gal-view-button{display:inline-block;}
.cek-gal-view-button:hover{background-color:#665ccd;transform:translate(-50%, -50%) scale(1.05);}
.cek-gal-view-button:visited, .cek-gal-view-button:hover, .cek-gal-view-button:focus, .cek-gal-view-button:active{color:#fff !important;}
.et_shop_image{position:relative;overflow:hidden;}
.heart-container{position:relative;overflow:hidden;}
.heart-container img{max-width:100%;height:auto;display:block;position:relative;z-index:1;}
.heart{position:absolute;font-size:30px;color:red;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.8);animation:heartFloat 3s ease-in-out forwards;pointer-events:none;z-index:2;}
@keyframes heartFloat {
0%{opacity:1;transform:translateY(0) translateX(0);}
100%{opacity:0;transform:translateY(-100%) translateX(50px);}
}
.cekonay-client-tracking-page{max-width:1080px;margin:100px auto 0;padding:0 20px;min-height:calc(100vh - 90px);}
.et_pb_menu__logo img{max-width:125px;height:auto;object-fit:contain;}
@media (prefers-color-scheme: dark) {
.et_pb_menu__logo img {
content: url(https://cekonay.com/wp-content/uploads/2026/02/logo-cekonay-2026-max-mauve.png);
}
}:root{--font-system:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}
body, input, textarea, select, button, #page-container,
#et-main-area,
.et_pb_section, .et_pb_row, .et_pb_column, .et_pb_text, .et_pb_module, #main-content,
.entry-content, .et_pb_contact_form input,
.et_pb_contact_form textarea, .et_pb_contact_form select, .et_pb_button,
.et_pb_promo_button, #main-header,
#et-top-navigation,
.et_mobile_menu, #main-footer{font-family:var(--font-system) !important;}
.hiddmask{display:none !important;}
.woocommerce .badge-nouveaute{position:absolute;top:10px;left:10px;background-color:#ffb700;color:#fff !important;font-size:0.75rem;padding:6px 10px;border-radius:3px;font-weight:bold;text-transform:uppercase;z-index:10;}
.underlinee :hover{text-decoration:underline;}
#footer-info{text-align:center;width:100%;}
#footer-info{padding-bottom:4px !important;line-height:18px !important;}
#footer-bottom{background-image:linear-gradient(183deg,#fceae0 7%,#f9e3e3 45%);}
#footer-info a:hover{color:#ff7900 !important;}
.mobile_nav.opened .mobile_menu_bar:before{content:'\4d';color:#29a66c;transition:all ease-in-out 300ms;z-index:100;}
.mobile_nav.closed .mobile_menu_bar:before{transition:all ease-in-out 300ms;}
.et_mobile_menu{border-top:0;min-width:100vw;margin-left:-37px;min-height:100vh;}
.et_mobile_menu li li{padding-left:0%;}
@media only screen and (min-width:884px) and (max-width:1104px){
.workplan{display:none;}
} .codedropz-btn-wrap .cd-upload-btn{position:relative;overflow:hidden;color:#1a9d0d;padding:8px 40px;text-decoration:none;font-weight:bold;border-radius:5px;display:inline-block;}
.codedropz-btn-wrap .cd-upload-btn::before{content:'>>';position:absolute;left:15px;top:7px;padding-right:5px;animation:slideInLeft 2s linear infinite;}
.codedropz-btn-wrap .cd-upload-btn::after{content:'<<';position:absolute;right:15px;top:7px;padding-left:5px;animation:slideInRight 2s linear infinite;}
@keyframes slideInLeft {
0%, 100%{transform:translateX(-10px);}
50%{transform:translateX(0);}
}
@keyframes slideInRight {
0%, 100%{transform:translateX(10px);}
50%{transform:translateX(0);}
}
.codedropz-upload-inner .cd-upload-btn{font-size:20px;color:#1a9d0d !important;font-weight:800;line-height:2.7em;}
.cek-gal-product-loader{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:999;display:none;pointer-events:none;}
.cek-gal-loader{width:25px;height:25px;position:relative;display:grid;grid-template-columns:repeat(3, 1fr);gap:5px;animation:cek-gal-global-rotate 4s linear infinite;}
.cek-gal-loader::before, .cek-gal-loader::after, .cek-gal-loader span{content:"";display:block;width:100%;border-radius:5px;background:linear-gradient(135deg, #8a9aff, #5f74d5);box-shadow:0 2px 10px rgba(95, 116, 213, 0.35), inset 0 1px 3px rgba(255, 255, 255, 0.15);animation:cek-gal-pulse-scale 1.8s ease-in-out infinite;}
.cek-gal-loader::before{animation-delay:0s;}
.cek-gal-loader span{animation-delay:0.2s;}
.cek-gal-loader::after{animation-delay:0.4s;}
@keyframes cek-gal-global-rotate {
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@keyframes cek-gal-pulse-scale {
0%,
100%{transform:scale(1) rotate(0deg);opacity:0.75;}
50%{transform:scale(1.35) rotate(45deg);opacity:1;}
} .cek-gal-view-button{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#665ccd !important;color:#fff !important;padding:2px 8px;border-radius:25px;border:2px solid #fff;font-size:16px;font-weight:bold;text-transform:uppercase;cursor:pointer;z-index:15;text-decoration:none;transition:background-color 0.3s ease, transform 0.2s ease;}
.et_shop_image:hover .cek-gal-view-button{display:inline-block;}
.cek-gal-view-button:hover{background-color:#665ccd;transform:translate(-50%, -50%) scale(1.05);}
.cek-gal-view-button:visited, .cek-gal-view-button:hover, .cek-gal-view-button:focus, .cek-gal-view-button:active{color:#fff !important;}
.et_shop_image{position:relative;overflow:hidden;}
.heart-container{position:relative;overflow:hidden;}
.heart-container img{max-width:100%;height:auto;display:block;position:relative;z-index:1;}
.heart{position:absolute;font-size:30px;color:red;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.8);animation:heartFloat 3s ease-in-out forwards;pointer-events:none;z-index:2;}
@keyframes heartFloat {
0%{opacity:1;transform:translateY(0) translateX(0);}
100%{opacity:0;transform:translateY(-100%) translateX(50px);}
}
.cekonay-client-tracking-page{max-width:1080px;margin:100px auto 0;padding:0 20px;min-height:calc(100vh - 90px);}
.et_pb_menu__logo img{max-width:125px;height:auto;object-fit:contain;}
@media (prefers-color-scheme: dark) {
.et_pb_menu__logo img {
content: url(https://cekonay.com/wp-content/uploads/2026/02/logo-cekonay-2026-max-mauve.png);
}
}.woocommerce-notices-wrapper .woocommerce-error, .woocommerce-notices-wrapper .woocommerce-error li, .woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-info, #cekonay-messages .cekonay-message{animation:ckn-pop-in 420ms cubic-bezier(.2,.9,.25,1.2);will-change:transform, opacity;}
@keyframes ckn-pop-in {
0%{opacity:0;transform:translateY(-8px) scale(.98);}
60%{opacity:1;transform:translateY(2px) scale(1.005);}
100%{opacity:1;transform:translateY(0) scale(1);}
}
@media (prefers-reduced-motion: reduce) {
.woocommerce-notices-wrapper .woocommerce-error, .woocommerce-notices-wrapper .woocommerce-error li, .woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-info, #cekonay-messages .cekonay-message{animation:none!important;}
} .cekonay-message{margin:12px 0;padding:12px 14px;border-radius:8px;border:1px solid transparent;line-height:1.35;}
.cekonay-message--error{background:#fef2f2;border-color:#fecaca;color:#b91c1c;}
.cekonay-message--success{background:#f0fdf4;border-color:#bbf7d0;color:#166534;}
.cekonay-message--info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af;}
.woocommerce-notices-wrapper .woocommerce-error{list-style:none;padding:0;}
.woocommerce-notices-wrapper .woocommerce-error li, .woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-info{margin:12px 0;padding:12px 14px;border-radius:8px;}
.cekonay-wc-notice.is-error{}
.cekonay-wc-notice.is-success{}
.cekonay-wc-notice.is-info    { }.sim-chatInputWrapper-demo{--cycle:8s;--card:#1f2937;--line:rgba(255, 255, 255, 0.14);--txt:#f9fafb;--muted:#9ca3af;--ok-soft:rgba(16, 185, 129, 0.18);min-height:747px;padding:24px;display:grid;justify-items:center;align-content:start;font-family:"Sora", "Segoe UI", sans-serif;color:var(--txt);background:transparent;}
.sim-chat-card{width:min(860px, 100%);background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 20px 40px rgba(0, 0, 0, 0.35);}
.sim-main-title{margin:0 0 14px;}
.sim-h2-steps{margin:0;font-size:clamp(22px, 3vw, 34px);font-weight:800;letter-spacing:-0.02em;color:#f8fafc;position:relative;line-height:1.05;height:1.05em;overflow:hidden;}
.sim-h2-step{position:absolute;inset:0;opacity:0;transform:translateY(6px);white-space:nowrap;}
.sim-h2-step-1{animation:titlePhase1 var(--cycle) linear infinite;}
.sim-h2-step-2{animation:titlePhase2 var(--cycle) linear infinite;}
.sim-h2-step-3{animation:titlePhase3 var(--cycle) linear infinite;}
.sim-main-subtitle{margin:10px 0 0;font-size:14px;color:#a5b4c7;line-height:1.4;}
.sim-title{font-size:13px;letter-spacing:0.08em;text-transform:uppercase;color:#7dd3fc;}
.sim-title-cta{margin-bottom:12px;display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;}
.sim-start-btn{display:inline-block;padding:8px 16px;font-size:13px;font-weight:700;line-height:1.1;text-decoration:none;color:#27221B !important;border-color:#FFFFFF !important;border-style:solid;border-width:2px !important;background-image:initial;background-color:#fdc662;border-radius:100px;transition:transform 0.2s ease, box-shadow 0.2s ease;}
.sim-start-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(253, 198, 98, 0.35);}
.sim-select{position:relative;margin-bottom:14px;}
.sim-select-trigger{position:relative;border:1px solid var(--line);background:#0f172a;border-radius:12px;min-height:48px;display:flex;align-items:center;padding:0 14px;overflow:hidden;}
.sim-default-text, .sim-picked-text{font-size:14px;line-height:1;}
.sim-default-text{color:var(--muted);animation:simDefaultText var(--cycle) linear infinite;}
.sim-picked-text{position:absolute;left:14px;color:#d1fae5;font-weight:700;opacity:0;animation:simPickedText var(--cycle) linear infinite;}
.sim-chevron{margin-left:auto;width:10px;height:10px;border-right:2px solid #cbd5e1;border-bottom:2px solid #cbd5e1;transform:rotate(45deg);animation:simChevron var(--cycle) linear infinite;}
.sim-select-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:10;list-style:none;margin:0;padding:6px;border:1px solid var(--line);background:#0f172a;border-radius:12px;max-height:0;opacity:0;overflow:hidden;transform:translateY(-6px);animation:simMenuFlow var(--cycle) linear infinite;}
.sim-select-menu li{padding:9px 10px;border-radius:8px;color:#cbd5e1;font-size:14px;}
.sim-target{animation:simTargetPick var(--cycle) linear infinite;}
.sim-output{margin-top:12px;}
.sim-lines{background:rgba(0, 0, 0, 0.22);border-radius:12px;max-height:0;padding:0;margin:0;border:0;overflow:hidden;opacity:0;transform:translateY(8px);animation:simLinesCycle var(--cycle) linear infinite;}
.sim-lines p{margin:0 0 6px;font-size:13px;color:#e5e7eb;}
.sim-lines p:last-child{margin-bottom:0;}
.sim-devis-final{background:var(--ok-soft);border-radius:12px;max-height:0;padding:0;border:0;overflow:hidden;opacity:0;transform:translateY(10px);animation:simFinalCycle var(--cycle) linear infinite;}
.sim-final-head{font-size:12px;font-weight:800;letter-spacing:0.08em;color:#a7f3d0;margin-bottom:8px;}
.sim-row{display:grid;grid-template-columns:1fr 70px;gap:10px;align-items:center;border-top:1px solid rgba(255, 255, 255, 0.1);padding:7px 0;font-size:13px;}
.sim-row b{text-align:right;color:#ecfeff;}
.sim-total{border-top:1px solid rgba(16, 185, 129, 0.55);font-weight:700;}
@keyframes titlePhase1 {
0%,
5%{opacity:0;transform:translateY(6px);}
8%,
34%{opacity:1;transform:translateY(0);}
38%,
100%{opacity:0;transform:translateY(-6px);}
}
@keyframes titlePhase2 {
0%,
36%{opacity:0;transform:translateY(6px);}
40%,
64%{opacity:1;transform:translateY(0);}
68%,
100%{opacity:0;transform:translateY(-6px);}
}
@keyframes titlePhase3 {
0%,
66%{opacity:0;transform:translateY(6px);}
70%,
96%{opacity:1;transform:translateY(0);}
100%{opacity:0;transform:translateY(-6px);}
}
@keyframes simMenuFlow {
0%,
11%{opacity:0;max-height:0;transform:translateY(-6px);}
16%,
46%{opacity:1;max-height:180px;transform:translateY(0);}
52%,
100%{opacity:0;max-height:0;transform:translateY(-4px);}
}
@keyframes simTargetPick {
0%,
19%{background:transparent;font-weight:400;}
24%,
44%{background:rgba(16, 185, 129, 0.24);font-weight:700;color:#d1fae5;}
48%,
100%{background:transparent;font-weight:400;color:#cbd5e1;}
}
@keyframes simChevron {
0%,
11%{transform:rotate(45deg);}
16%,
46%{transform:rotate(-135deg);}
52%,
100%{transform:rotate(45deg);}
}
@keyframes simDefaultText {
0%,
60%{opacity:1;}
64%,
100%{opacity:0;}
}
@keyframes simPickedText {
0%,
62%{opacity:0;}
66%,
100%{opacity:1;}
}
@keyframes simLinesCycle {
0%,
34%{opacity:0;transform:translateY(8px);max-height:0;padding:0;border-width:0;}
38%,
62%{opacity:1;transform:translateY(0);max-height:420px;padding:12px;border:1px solid rgba(255, 255, 255, 0.14);}
66%,
100%{opacity:0;transform:translateY(-8px);max-height:0;padding:0;border-width:0;}
}
@keyframes simFinalCycle {
0%,
68%{opacity:0;transform:translateY(10px);max-height:0;padding:0;border-width:0;}
72%,
96%{opacity:1;transform:translateY(0);max-height:900px;padding:12px;border:1px solid rgba(16, 185, 129, 0.55);}
100%{opacity:0;transform:translateY(10px);max-height:0;padding:0;border-width:0;}
} @media(max-width:700px){
.sim-chatInputWrapper-demo {
padding: 14px;
min-height: 560px;
justify-items: stretch;
align-content: start;
}
.sim-chat-card {
padding: 14px;
}
.sim-h2-step {
white-space: normal;
}
.sim-main-subtitle {
font-size: 13px;
}
.sim-title-cta {
width: 100%;
justify-content: space-between;
}
.sim-lines p, .sim-row {
font-size: 12px;
}
.sim-row {
grid-template-columns: 1fr 52px;
}
.sim-lines p {
display: none !important;
}
.sim-lines p.mobile-keep {
display: block !important;
white-space: normal;
word-break: break-word;
}
.sim-devis-final .sim-row:not(.mobile-keep):not(.sim-total) {
display: none !important;
}
.sim-devis-final .sim-row.mobile-keep, .sim-devis-final .sim-row.sim-total {
display: grid !important;
}
.sim-row span {
white-space: normal;
word-break: break-word;
}
}