.elementor-1228 .elementor-element.elementor-element-6247e2bc{--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-1228 .elementor-element.elementor-element-6247e2bc:not(.elementor-motion-effects-element-type-background), .elementor-1228 .elementor-element.elementor-element-6247e2bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-1228 .elementor-element.elementor-element-6c6633d8{--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-1228 .elementor-element.elementor-element-4b43e949 img{width:28%;}.elementor-1228 .elementor-element.elementor-element-2aecd0e4{--display:flex;--border-radius:8px 8px 8px 8px;--padding-top:100px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-1228 .elementor-element.elementor-element-2aecd0e4:not(.elementor-motion-effects-element-type-background), .elementor-1228 .elementor-element.elementor-element-2aecd0e4 > .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-1228 .elementor-element.elementor-element-474c9ae8{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:#19437D;border-radius:10px 10px 10px 10px;text-align:center;}.elementor-1228 .elementor-element.elementor-element-474c9ae8 .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-1228 .elementor-element.elementor-element-7a5f7622{margin:0em 6em calc(var(--kit-widget-spacing, 0px) + 0em) 6em;text-align:center;}.elementor-1228 .elementor-element.elementor-element-7a5f7622 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:59px;font-weight:800;color:#2A2A2A;}.elementor-1228 .elementor-element.elementor-element-1ffc2f8a{background-color:#19437D;padding:18px 18px 18px 18px;border-radius:35px 35px 35px 35px;text-align:center;}.elementor-1228 .elementor-element.elementor-element-1ffc2f8a.elementor-element{--align-self:center;}.elementor-1228 .elementor-element.elementor-element-1ffc2f8a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-1228 .elementor-element.elementor-element-7e028ae4{--spacer-size:80px;}.elementor-1228 .elementor-element.elementor-element-31a3c075{margin:0em 8em calc(var(--kit-widget-spacing, 0px) + 0em) 8em;text-align:left;}.elementor-1228 .elementor-element.elementor-element-31a3c075 .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-1228 .elementor-element.elementor-element-2368adf3{margin:0em 8em calc(var(--kit-widget-spacing, 0px) + 0em) 8em;font-family:"Montserrat", Sans-serif;font-weight:600;color:#4D4D4D;}.elementor-1228 .elementor-element.elementor-element-56d4d3e0 img{width:100%;}.elementor-1228 .elementor-element.elementor-element-7141a009{background-color:#19437D;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-1228 .elementor-element.elementor-element-7141a009.elementor-element{--align-self:center;}.elementor-1228 .elementor-element.elementor-element-7141a009 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;color:#FFFFFF;}.elementor-1228 .elementor-element.elementor-element-14569141{margin:-1em 8em calc(var(--kit-widget-spacing, 0px) + 0em) 8em;text-align:center;}.elementor-1228 .elementor-element.elementor-element-14569141 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:38px;font-weight:800;color:#2A2A2A;}.elementor-1228 .elementor-element.elementor-element-11565c6f{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, #19437D 0%, #2A2A2A 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#9E9E9E;border-radius:12px 12px 12px 12px;}.elementor-1228 .elementor-element.elementor-element-11565c6f.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1228 .elementor-element.elementor-element-6547ab41{text-align:center;}.elementor-1228 .elementor-element.elementor-element-6547ab41 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;color:#2A2A2A;}.elementor-1228 .elementor-element.elementor-element-7eddf096{margin:-13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1228 .elementor-element.elementor-element-7eddf096 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#8F8F8F;}.elementor-1228 .elementor-element.elementor-element-16ae08cd{--spacer-size:80px;}.elementor-1228 .elementor-element.elementor-element-f393c5d{margin:0em 8em calc(var(--kit-widget-spacing, 0px) + 0em) 8em;text-align:left;}.elementor-1228 .elementor-element.elementor-element-f393c5d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:38px;font-weight:800;color:#2A2A2A;}.elementor-1228 .elementor-element.elementor-element-41262efd{margin:0em 8em calc(var(--kit-widget-spacing, 0px) + 0em) 8em;font-family:"Montserrat", Sans-serif;font-weight:500;color:#4D4D4D;}.elementor-1228 .elementor-element.elementor-element-4ff6f293{--spacer-size:80px;}.elementor-1228 .elementor-element.elementor-element-16b2e1c{background-color:#19437D;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-1228 .elementor-element.elementor-element-16b2e1c.elementor-element{--align-self:center;}.elementor-1228 .elementor-element.elementor-element-16b2e1c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;color:#FFFFFF;}.elementor-1228 .elementor-element.elementor-element-2f069b56{margin:0em 6em calc(var(--kit-widget-spacing, 0px) + 0em) 6em;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-1228 .elementor-element.elementor-element-2aecd0e4{--padding-top:80px;--padding-bottom:80px;--padding-left:8px;--padding-right:8px;}.elementor-1228 .elementor-element.elementor-element-474c9ae8{margin:0em 8em calc(var(--kit-widget-spacing, 0px) + 0em) 8em;}.elementor-1228 .elementor-element.elementor-element-474c9ae8 .elementor-heading-title{font-size:var( --e-global-typography-32dc774-font-size );line-height:var( --e-global-typography-32dc774-line-height );}.elementor-1228 .elementor-element.elementor-element-7a5f7622{margin:0em 1em calc(var(--kit-widget-spacing, 0px) + 0em) 1em;}.elementor-1228 .elementor-element.elementor-element-7a5f7622 .elementor-heading-title{font-size:62px;line-height:1.1em;}.elementor-1228 .elementor-element.elementor-element-31a3c075{margin:0em 4em calc(var(--kit-widget-spacing, 0px) + 0em) 4em;}.elementor-1228 .elementor-element.elementor-element-31a3c075 .elementor-heading-title{font-size:32px;line-height:1.1em;}.elementor-1228 .elementor-element.elementor-element-2368adf3{margin:0em 4em calc(var(--kit-widget-spacing, 0px) + 0em) 4em;}.elementor-1228 .elementor-element.elementor-element-7141a009{margin:0em 4em calc(var(--kit-widget-spacing, 0px) + 0em) 4em;}.elementor-1228 .elementor-element.elementor-element-14569141{margin:-1em 4em calc(var(--kit-widget-spacing, 0px) + 0em) 4em;}.elementor-1228 .elementor-element.elementor-element-14569141 .elementor-heading-title{font-size:32px;line-height:1.1em;}.elementor-1228 .elementor-element.elementor-element-11565c6f{margin:0em 4em calc(var(--kit-widget-spacing, 0px) + 0em) 4em;}.elementor-1228 .elementor-element.elementor-element-f393c5d{margin:0em 4em calc(var(--kit-widget-spacing, 0px) + 0em) 4em;}.elementor-1228 .elementor-element.elementor-element-f393c5d .elementor-heading-title{font-size:32px;line-height:1.1em;}.elementor-1228 .elementor-element.elementor-element-41262efd{margin:0em 4em calc(var(--kit-widget-spacing, 0px) + 0em) 4em;}.elementor-1228 .elementor-element.elementor-element-16b2e1c{margin:0em 4em calc(var(--kit-widget-spacing, 0px) + 0em) 4em;}.elementor-1228 .elementor-element.elementor-element-2f069b56{margin:0em 4em calc(var(--kit-widget-spacing, 0px) + 0em) 4em;}}@media(min-width:768px){.elementor-1228 .elementor-element.elementor-element-6247e2bc{--content-width:760px;}}@media(max-width:767px){.elementor-1228 .elementor-element.elementor-element-6247e2bc{--padding-top:62px;--padding-bottom:62px;--padding-left:8px;--padding-right:8px;}.elementor-1228 .elementor-element.elementor-element-6c6633d8{--margin-top:0px;--margin-bottom:13px;--margin-left:0px;--margin-right:0px;}.elementor-1228 .elementor-element.elementor-element-4b43e949 img{width:30%;}.elementor-1228 .elementor-element.elementor-element-2aecd0e4{--padding-top:20px;--padding-bottom:20px;--padding-left:8px;--padding-right:8px;}.elementor-1228 .elementor-element.elementor-element-474c9ae8{margin:0em 1em calc(var(--kit-widget-spacing, 0px) + 0em) 1em;padding:6px 6px 6px 6px;}.elementor-1228 .elementor-element.elementor-element-474c9ae8 .elementor-heading-title{font-size:var( --e-global-typography-32dc774-font-size );line-height:var( --e-global-typography-32dc774-line-height );}.elementor-1228 .elementor-element.elementor-element-3355c72c img{width:100%;}.elementor-1228 .elementor-element.elementor-element-7a5f7622{margin:0em 1em calc(var(--kit-widget-spacing, 0px) + 0em) 1em;text-align:center;}.elementor-1228 .elementor-element.elementor-element-7a5f7622 .elementor-heading-title{font-size:39px;line-height:1.2em;}.elementor-1228 .elementor-element.elementor-element-1ffc2f8a{padding:13px 13px 13px 13px;}.elementor-1228 .elementor-element.elementor-element-1ffc2f8a .elementor-heading-title{font-size:14px;}.elementor-1228 .elementor-element.elementor-element-7e028ae4{--spacer-size:40px;}.elementor-1228 .elementor-element.elementor-element-31a3c075{margin:0em 1em calc(var(--kit-widget-spacing, 0px) + 0em) 1em;text-align:left;}.elementor-1228 .elementor-element.elementor-element-31a3c075 .elementor-heading-title{font-size:24px;line-height:1.2em;}.elementor-1228 .elementor-element.elementor-element-2368adf3{margin:0em 1em calc(var(--kit-widget-spacing, 0px) + 0em) 1em;}.elementor-1228 .elementor-element.elementor-element-56d4d3e0 img{width:100%;}.elementor-1228 .elementor-element.elementor-element-7141a009{margin:0em 1em calc(var(--kit-widget-spacing, 0px) + 0em) 1em;padding:7px 7px 7px 7px;}.elementor-1228 .elementor-element.elementor-element-7141a009 .elementor-heading-title{font-size:11px;}.elementor-1228 .elementor-element.elementor-element-14569141{margin:-1em 1em calc(var(--kit-widget-spacing, 0px) + 0em) 1em;text-align:center;}.elementor-1228 .elementor-element.elementor-element-14569141 .elementor-heading-title{font-size:24px;line-height:1.2em;}.elementor-1228 .elementor-element.elementor-element-11565c6f{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-1228 .elementor-element.elementor-element-16ae08cd{--spacer-size:40px;}.elementor-1228 .elementor-element.elementor-element-f393c5d{margin:0em 1em calc(var(--kit-widget-spacing, 0px) + 0em) 1em;text-align:left;}.elementor-1228 .elementor-element.elementor-element-f393c5d .elementor-heading-title{font-size:24px;line-height:1.2em;}.elementor-1228 .elementor-element.elementor-element-41262efd{margin:0em 1em calc(var(--kit-widget-spacing, 0px) + 0em) 1em;}.elementor-1228 .elementor-element.elementor-element-4ff6f293{--spacer-size:40px;}.elementor-1228 .elementor-element.elementor-element-67dd268d img{width:100%;}.elementor-1228 .elementor-element.elementor-element-16b2e1c{margin:0em 1em calc(var(--kit-widget-spacing, 0px) + 0em) 1em;padding:7px 7px 7px 7px;}.elementor-1228 .elementor-element.elementor-element-16b2e1c .elementor-heading-title{font-size:11px;}.elementor-1228 .elementor-element.elementor-element-2f069b56{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-1228 .elementor-element.elementor-element-2f069b56.elementor-element{--align-self:center;}}/* Start custom CSS for shortcode, class: .elementor-element-6c151974 *//* === 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-blue-dark .scarcity-bar-elegant-new, .elementor .theme-blue-dark .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, #19437d, #2f5aa0) !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-clean .scarcity-bar-elegant-new, .elementor .theme-clean .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, #f9782e, #f96c2e) !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; } /* === Tema Orange Gold (#FCA732) === */ .theme-orange .scarcity-bar-elegant-new, .elementor .theme-orange .elementor-widget-container .scarcity-bar-elegant-new, .elementor .elementor-widget-shortcode.theme-orange .scarcity-bar-elegant-new, .scarcity-bar-elegant-new.theme-orange { background: linear-gradient(135deg, #FCA732, #FF7E00) !important; --grad-start: #FCA732 !important; --grad-end: #FF7E00 !important; --text-primary: #ffffff !important; /* teks putih biar kontras */ --text-countdown: #4B2B00 !important; /* timer coklat tua, readable */ --text-old-price: rgba(255,255,255,0.7) !important; /* harga lama semi transparan */ --countdown-bg: rgba(255,255,255,0.85) !important; /* latar timer putih semi transparan */ --glow-color: rgba(252,167,50,0.6) !important; --glow-color-strong: rgba(252,167,50,0.9) !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 */