.elementor-436 .elementor-element.elementor-element-4958bc83{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:160px;--padding-bottom:80px;--padding-left:8px;--padding-right:8px;}.elementor-436 .elementor-element.elementor-element-4958bc83:not(.elementor-motion-effects-element-type-background), .elementor-436 .elementor-element.elementor-element-4958bc83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-436 .elementor-element.elementor-element-68bd14b7{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-436 .elementor-element.elementor-element-339f85c img{width:28%;}.elementor-436 .elementor-element.elementor-element-6885fb30{--display:flex;--border-radius:8px 8px 8px 8px;--padding-top:100px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-436 .elementor-element.elementor-element-6885fb30:not(.elementor-motion-effects-element-type-background), .elementor-436 .elementor-element.elementor-element-6885fb30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-436 .elementor-element.elementor-element-23547a25{margin:0em 8em calc(var(--kit-widget-spacing, 0px) + 0em) 8em;padding:8px 8px 8px 8px;border-style:groove;border-width:5px 5px 5px 5px;border-color:#216FB1;border-radius:10px 10px 10px 10px;text-align:center;}.elementor-436 .elementor-element.elementor-element-23547a25 .elementor-heading-title{font-family:var( --e-global-typography-32dc774-font-family ), Sans-serif;font-size:var( --e-global-typography-32dc774-font-size );font-weight:var( --e-global-typography-32dc774-font-weight );line-height:var( --e-global-typography-32dc774-line-height );color:#2A2A2A;}.elementor-436 .elementor-element.elementor-element-3519166d{margin:0em 6em calc(var(--kit-widget-spacing, 0px) + 0em) 6em;text-align:center;}.elementor-436 .elementor-element.elementor-element-3519166d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:62px;font-weight:800;color:#2A2A2A;}.elementor-436 .elementor-element.elementor-element-237c398e{background-color:#216FB1;padding:18px 18px 18px 18px;border-radius:35px 35px 35px 35px;text-align:center;}.elementor-436 .elementor-element.elementor-element-237c398e.elementor-element{--align-self:center;}.elementor-436 .elementor-element.elementor-element-237c398e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-436 .elementor-element.elementor-element-51776a76{--spacer-size:80px;}.elementor-436 .elementor-element.elementor-element-7a10c14e{margin:0em 8em calc(var(--kit-widget-spacing, 0px) + 0em) 8em;text-align:left;}.elementor-436 .elementor-element.elementor-element-7a10c14e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:38px;font-weight:800;color:#2A2A2A;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-436 .elementor-element.elementor-element-25ffcd13{margin:0em 8em calc(var(--kit-widget-spacing, 0px) + 0em) 8em;font-family:"Montserrat", Sans-serif;font-weight:600;color:#4D4D4D;}.elementor-436 .elementor-element.elementor-element-6a0ccb59{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-436 .elementor-element.elementor-element-6a0ccb59 img{width:66%;}.elementor-436 .elementor-element.elementor-element-754f6ddc{background-color:#216FB1;margin:0em 8em calc(var(--kit-widget-spacing, 0px) + 0em) 8em;padding:11px 11px 11px 11px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:35px 35px 35px 35px;}.elementor-436 .elementor-element.elementor-element-754f6ddc.elementor-element{--align-self:center;}.elementor-436 .elementor-element.elementor-element-754f6ddc .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;color:#FFFFFF;}.elementor-436 .elementor-element.elementor-element-2858f6e1{margin:-1em 8em calc(var(--kit-widget-spacing, 0px) + 0em) 8em;text-align:center;}.elementor-436 .elementor-element.elementor-element-2858f6e1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:38px;font-weight:800;color:#2A2A2A;}.elementor-436 .elementor-element.elementor-element-5af9f407{width:var( --container-widget-width, 64.309% );max-width:64.309%;background-color:transparent;margin:0em 8em calc(var(--kit-widget-spacing, 0px) + 0em) 8em;--container-widget-width:64.309%;--container-widget-flex-grow:0;background-image:linear-gradient(180deg, #216FB1 0%, #2A2A2A 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#9E9E9E;border-radius:12px 12px 12px 12px;}.elementor-436 .elementor-element.elementor-element-5af9f407.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-436 .elementor-element.elementor-element-3ede3bc0{text-align:center;}.elementor-436 .elementor-element.elementor-element-3ede3bc0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;color:#2A2A2A;}.elementor-436 .elementor-element.elementor-element-6391ef55{margin:-13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-436 .elementor-element.elementor-element-6391ef55 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#8F8F8F;}.elementor-436 .elementor-element.elementor-element-50cffd96{--spacer-size:80px;}.elementor-436 .elementor-element.elementor-element-34ca2637{margin:0em 8em calc(var(--kit-widget-spacing, 0px) + 0em) 8em;text-align:left;}.elementor-436 .elementor-element.elementor-element-34ca2637 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:38px;font-weight:800;color:#2A2A2A;}.elementor-436 .elementor-element.elementor-element-674f4820{margin:0em 8em calc(var(--kit-widget-spacing, 0px) + 0em) 8em;font-family:"Montserrat", Sans-serif;font-weight:500;color:#4D4D4D;}.elementor-436 .elementor-element.elementor-element-58a2faef{--spacer-size:80px;}.elementor-436 .elementor-element.elementor-element-78c0a58d{background-color:#216FB1;margin:0em 8em calc(var(--kit-widget-spacing, 0px) + 0em) 8em;padding:11px 11px 11px 11px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#6E6E6E;border-radius:35px 35px 35px 35px;}.elementor-436 .elementor-element.elementor-element-78c0a58d.elementor-element{--align-self:center;}.elementor-436 .elementor-element.elementor-element-78c0a58d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;color:#FFFFFF;}.elementor-436 .elementor-element.elementor-element-231c2204{margin:0em 6em calc(var(--kit-widget-spacing, 0px) + 0em) 6em;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-436 .elementor-element.elementor-element-6885fb30{--padding-top:80px;--padding-bottom:80px;--padding-left:8px;--padding-right:8px;}.elementor-436 .elementor-element.elementor-element-23547a25{margin:0em 8em calc(var(--kit-widget-spacing, 0px) + 0em) 8em;}.elementor-436 .elementor-element.elementor-element-23547a25 .elementor-heading-title{font-size:var( --e-global-typography-32dc774-font-size );line-height:var( --e-global-typography-32dc774-line-height );}.elementor-436 .elementor-element.elementor-element-3519166d{margin:0em 1em calc(var(--kit-widget-spacing, 0px) + 0em) 1em;}.elementor-436 .elementor-element.elementor-element-3519166d .elementor-heading-title{font-size:62px;line-height:1.1em;}.elementor-436 .elementor-element.elementor-element-7a10c14e{margin:0em 4em calc(var(--kit-widget-spacing, 0px) + 0em) 4em;}.elementor-436 .elementor-element.elementor-element-7a10c14e .elementor-heading-title{font-size:32px;line-height:1.1em;}.elementor-436 .elementor-element.elementor-element-25ffcd13{margin:0em 4em calc(var(--kit-widget-spacing, 0px) + 0em) 4em;}.elementor-436 .elementor-element.elementor-element-754f6ddc{margin:0em 4em calc(var(--kit-widget-spacing, 0px) + 0em) 4em;}.elementor-436 .elementor-element.elementor-element-2858f6e1{margin:-1em 4em calc(var(--kit-widget-spacing, 0px) + 0em) 4em;}.elementor-436 .elementor-element.elementor-element-2858f6e1 .elementor-heading-title{font-size:32px;line-height:1.1em;}.elementor-436 .elementor-element.elementor-element-5af9f407{margin:0em 4em calc(var(--kit-widget-spacing, 0px) + 0em) 4em;}.elementor-436 .elementor-element.elementor-element-34ca2637{margin:0em 4em calc(var(--kit-widget-spacing, 0px) + 0em) 4em;}.elementor-436 .elementor-element.elementor-element-34ca2637 .elementor-heading-title{font-size:32px;line-height:1.1em;}.elementor-436 .elementor-element.elementor-element-674f4820{margin:0em 4em calc(var(--kit-widget-spacing, 0px) + 0em) 4em;}.elementor-436 .elementor-element.elementor-element-78c0a58d{margin:0em 4em calc(var(--kit-widget-spacing, 0px) + 0em) 4em;}.elementor-436 .elementor-element.elementor-element-231c2204{margin:0em 4em calc(var(--kit-widget-spacing, 0px) + 0em) 4em;}}@media(min-width:768px){.elementor-436 .elementor-element.elementor-element-4958bc83{--content-width:760px;}}@media(max-width:767px){.elementor-436 .elementor-element.elementor-element-4958bc83{--padding-top:62px;--padding-bottom:62px;--padding-left:8px;--padding-right:8px;}.elementor-436 .elementor-element.elementor-element-68bd14b7{--margin-top:0px;--margin-bottom:13px;--margin-left:0px;--margin-right:0px;}.elementor-436 .elementor-element.elementor-element-339f85c img{width:30%;}.elementor-436 .elementor-element.elementor-element-6885fb30{--padding-top:20px;--padding-bottom:20px;--padding-left:8px;--padding-right:8px;}.elementor-436 .elementor-element.elementor-element-23547a25{margin:0em 1em calc(var(--kit-widget-spacing, 0px) + 0em) 1em;padding:6px 6px 6px 6px;}.elementor-436 .elementor-element.elementor-element-23547a25 .elementor-heading-title{font-size:var( --e-global-typography-32dc774-font-size );line-height:var( --e-global-typography-32dc774-line-height );}.elementor-436 .elementor-element.elementor-element-6c072735 img{width:100%;}.elementor-436 .elementor-element.elementor-element-3519166d{margin:0em 1em calc(var(--kit-widget-spacing, 0px) + 0em) 1em;text-align:center;}.elementor-436 .elementor-element.elementor-element-3519166d .elementor-heading-title{font-size:39px;line-height:1.2em;}.elementor-436 .elementor-element.elementor-element-237c398e{padding:13px 13px 13px 13px;}.elementor-436 .elementor-element.elementor-element-237c398e .elementor-heading-title{font-size:14px;}.elementor-436 .elementor-element.elementor-element-51776a76{--spacer-size:40px;}.elementor-436 .elementor-element.elementor-element-7a10c14e{margin:0em 1em calc(var(--kit-widget-spacing, 0px) + 0em) 1em;text-align:left;}.elementor-436 .elementor-element.elementor-element-7a10c14e .elementor-heading-title{font-size:24px;line-height:1.2em;}.elementor-436 .elementor-element.elementor-element-25ffcd13{margin:0em 1em calc(var(--kit-widget-spacing, 0px) + 0em) 1em;}.elementor-436 .elementor-element.elementor-element-6a0ccb59 img{width:100%;}.elementor-436 .elementor-element.elementor-element-754f6ddc{margin:0em 1em calc(var(--kit-widget-spacing, 0px) + 0em) 1em;padding:7px 7px 7px 7px;}.elementor-436 .elementor-element.elementor-element-754f6ddc .elementor-heading-title{font-size:11px;}.elementor-436 .elementor-element.elementor-element-2858f6e1{margin:-1em 1em calc(var(--kit-widget-spacing, 0px) + 0em) 1em;text-align:center;}.elementor-436 .elementor-element.elementor-element-2858f6e1 .elementor-heading-title{font-size:24px;line-height:1.2em;}.elementor-436 .elementor-element.elementor-element-5af9f407{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:88%;--container-widget-flex-grow:0;width:var( --container-widget-width, 88% );max-width:88%;border-width:1px 1px 1px 1px;}.elementor-436 .elementor-element.elementor-element-50cffd96{--spacer-size:40px;}.elementor-436 .elementor-element.elementor-element-34ca2637{margin:0em 1em calc(var(--kit-widget-spacing, 0px) + 0em) 1em;text-align:left;}.elementor-436 .elementor-element.elementor-element-34ca2637 .elementor-heading-title{font-size:24px;line-height:1.2em;}.elementor-436 .elementor-element.elementor-element-674f4820{margin:0em 1em calc(var(--kit-widget-spacing, 0px) + 0em) 1em;}.elementor-436 .elementor-element.elementor-element-58a2faef{--spacer-size:40px;}.elementor-436 .elementor-element.elementor-element-37547758 img{width:100%;}.elementor-436 .elementor-element.elementor-element-78c0a58d{margin:0em 1em calc(var(--kit-widget-spacing, 0px) + 0em) 1em;padding:7px 7px 7px 7px;}.elementor-436 .elementor-element.elementor-element-78c0a58d .elementor-heading-title{font-size:11px;}.elementor-436 .elementor-element.elementor-element-231c2204{width:var( --container-widget-width, 91% );max-width:91%;margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;--container-widget-width:91%;--container-widget-flex-grow:0;}.elementor-436 .elementor-element.elementor-element-231c2204.elementor-element{--align-self:center;}}/* Start custom CSS for shortcode, class: .elementor-element-35e3071 *//* === 0) CEK DULU KENA NGGAK (sementara) === */ .theme-red .scarcity-bar-elegant-new, .elementor .theme-red .elementor-widget-container .scarcity-bar-elegant-new, .elementor .elementor-widget-shortcode.theme-red .scarcity-bar-elegant-new, .scarcity-bar-elegant-new.theme-red { outline: 2px dashed magenta !important; /* hapus setelah tes */ } /* === 1) PAKSA GANTI GRADIENT-NYA LANGSUNG (tanpa andalkan var) === */ /* Ini membypass variabel yang didefinisikan di template, jadi pasti berubah */ .theme-red .scarcity-bar-elegant-new, .elementor .theme-red .elementor-widget-container .scarcity-bar-elegant-new, .elementor .elementor-widget-shortcode.theme-red .scarcity-bar-elegant-new, .scarcity-bar-elegant-new.theme-red { background: linear-gradient(135deg,#D32F2F,#F4511E) !important; } .theme-green .scarcity-bar-elegant-new, .elementor .theme-green .elementor-widget-container .scarcity-bar-elegant-new, .elementor .elementor-widget-shortcode.theme-green .scarcity-bar-elegant-new, .scarcity-bar-elegant-new.theme-green { background: linear-gradient(135deg,#2E7D32,#43A047) !important; } .theme-purple .scarcity-bar-elegant-new, .elementor .theme-purple .elementor-widget-container .scarcity-bar-elegant-new, .elementor .elementor-widget-shortcode.theme-purple .scarcity-bar-elegant-new, .scarcity-bar-elegant-new.theme-purple { background: linear-gradient(135deg,#4A148C,#7B1FA2) !important; } .theme-black .scarcity-bar-elegant-new, .elementor .theme-black .elementor-widget-container .scarcity-bar-elegant-new, .elementor .elementor-widget-shortcode.theme-black .scarcity-bar-elegant-new, .scarcity-bar-elegant-new.theme-black { background: linear-gradient(135deg,#212121,#424242) !important; } /* === Tema Brown (Coklat Elegan) === */ .theme-brown .scarcity-bar-elegant-new, .elementor .theme-brown .elementor-widget-container .scarcity-bar-elegant-new, .elementor .elementor-widget-shortcode.theme-brown .scarcity-bar-elegant-new, .scarcity-bar-elegant-new.theme-brown { background: linear-gradient(135deg, #4F3029, #6A3F36) !important; --grad-start: #4F3029 !important; --grad-end: #6A3F36 !important; --text-primary: #FFFFFF !important; /* teks putih biar kontras */ --text-countdown: #4F3029 !important; /* angka timer pakai coklat */ --text-old-price: rgba(255,255,255,0.7) !important; --countdown-bg: rgba(255,255,255,0.85) !important; --glow-color: rgba(106,63,54,0.6) !important; --glow-color-strong: rgba(106,63,54,0.85) !important; } /* === Tema Blue Custom (#2D7CC5) === */ .theme-blue2 .scarcity-bar-elegant-new, .elementor .theme-blue2 .elementor-widget-container .scarcity-bar-elegant-new, .elementor .elementor-widget-shortcode.theme-blue2 .scarcity-bar-elegant-new, .scarcity-bar-elegant-new.theme-blue2 { background: linear-gradient(135deg, #2D7CC5, #3FA9F5) !important; --grad-start: #2D7CC5 !important; --grad-end: #3FA9F5 !important; --text-primary: #ffffff !important; /* teks putih biar kontras */ --text-countdown: #2D7CC5 !important; /* angka timer biru pekat */ --text-old-price: rgba(255,255,255,0.7) !important; --countdown-bg: rgba(255,255,255,0.85) !important; --glow-color: rgba(45,124,197,0.6) !important; --glow-color-strong: rgba(45,124,197,0.85) !important; } /* Bonus: warna teks khusus tema hitam */ --text-primary: #FBC02D !important; --text-old-price: rgba(255,255,255,.6) !important; --countdown-bg: rgba(251,192,45,.8) !important; --text-countdown: #212121 !important; } /* === 2) (Opsional) kalau tetap mau pakai VAR, ini override + !important === */ .theme-red .scarcity-bar-elegant-new, .elementor .theme-red .elementor-widget-container .scarcity-bar-elegant-new, .elementor .elementor-widget-shortcode.theme-red .scarcity-bar-elegant-new, .scarcity-bar-elegant-new.theme-red { --grad-start:#D32F2F !important; --grad-end:#F4511E !important; --text-countdown:#D32F2F !important; --glow-color:rgba(211,47,47,.7) !important; --glow-color-strong:rgba(211,47,47,.9) !important; } /* …(green/purple/black sama seperti sebelumnya, pakai !important)… */ /* === 3) Sedikit perapian UI === */ .scarcity-bar-elegant-new .scarcity-message{display:flex;align-items:center;gap:8px;line-height:1} .scarcity-bar-elegant-new .price-display{display:flex;align-items:baseline;gap:14px} @media(max-width:480px){ .scarcity-bar-elegant-new{padding:10px 15px} .scarcity-bar-elegant-new .price-display{gap:8px} }/* End custom CSS */