: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;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;}
.cek-gal-loader{width:27px;height:27px;position:relative;background:rgba(255, 255, 255, 0.77);border-radius:4px;}
.cek-gal-loader:before{content:"";position:absolute;left:1.5px;top:1.5px;width:12px;height:12px;background:#9d1890;border-radius:50%;transform-origin:100% 100%;animation:cek-gal-move 1s linear infinite;}
@keyframes cek-gal-move {
0%,
100%{transform:translate(0, 0);}
25%{transform:translate(100%, 0);}
50%{transform:translate(100%, 100%);}
75%{transform:translate(0, 100%);}
} .cek-gal-view-button{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#592fc6 !important;color:#fff;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:#c734b9;transform:translate(-50%, -50%) scale(1.05);}
.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;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;}
.cek-gal-loader{width:27px;height:27px;position:relative;background:rgba(255, 255, 255, 0.77);border-radius:4px;}
.cek-gal-loader:before{content:"";position:absolute;left:1.5px;top:1.5px;width:12px;height:12px;background:#9d1890;border-radius:50%;transform-origin:100% 100%;animation:cek-gal-move 1s linear infinite;}
@keyframes cek-gal-move {
0%,
100%{transform:translate(0, 0);}
25%{transform:translate(100%, 0);}
50%{transform:translate(100%, 100%);}
75%{transform:translate(0, 100%);}
} .cek-gal-view-button{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#592fc6 !important;color:#fff;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:#c734b9;transform:translate(-50%, -50%) scale(1.05);}
.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;
}
}