.elementor-kit-4319{--e-global-color-primary:#141414;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-d8d150b:#146356;--e-global-color-d5248ee:#000000CF;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;color:#141414;font-family:"Poppins", Sans-serif;}.elementor-kit-4319 button,.elementor-kit-4319 input[type="button"],.elementor-kit-4319 input[type="submit"],.elementor-kit-4319 .elementor-button{background-color:#000000;font-family:"Poppins", Sans-serif;font-size:16px;color:#FFFFFF;border-style:solid;border-width:0px 0px 0px 0px;border-radius:5px 5px 5px 5px;padding:10px 40px 10px 40px;}.elementor-kit-4319 button:hover,.elementor-kit-4319 button:focus,.elementor-kit-4319 input[type="button"]:hover,.elementor-kit-4319 input[type="button"]:focus,.elementor-kit-4319 input[type="submit"]:hover,.elementor-kit-4319 input[type="submit"]:focus,.elementor-kit-4319 .elementor-button:hover,.elementor-kit-4319 .elementor-button:focus{background-color:#7A7A7A;color:#FFFFFF;}.elementor-kit-4319 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4319 a{color:#7A7A7A;font-family:"Maven Pro", Sans-serif;}.elementor-kit-4319 h1{color:#141414;font-family:"Poppins", Sans-serif;font-size:70px;}.elementor-kit-4319 h2{color:#141414;font-family:"Poppins", Sans-serif;font-size:22px;}.elementor-kit-4319 h3{color:#141414;font-family:"Poppins", Sans-serif;font-size:32px;}.elementor-kit-4319 h4{color:#141414;font-family:"Poppins", Sans-serif;font-size:19px;}.elementor-kit-4319 h5{color:#141414;font-size:15px;}.elementor-kit-4319 h6{color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================================================================ */
/* CSS SURGICAL - TARGET WRAPPER UTAMA SAJA (PRESERVE FUNCTIONALITY) */
/* ================================================================ */

/* 1. PROTEKSI NAVBAR & ELEMENTOR UI - JANGAN DISENTUH */
body.page-id-4508 .navbar,
body.page-id-4508 .header,
body.page-id-4508 .site-header,
body.page-id-4508 .floating-nav,
body.page-id-4508 .elementor-location-header,
body.page-id-4508 [data-elementor-type="header"],
body.page-id-4508 .elementor-panel,
body.page-id-4508 .elementor-editor-active,
body.page-id-4508 .elementor-device-mode,
body.page-id-4508 .elementor-navigator,
body.page-id-4508 .elementor-preview,
body.page-id-4508 #elementor-panel {
    /* BIARKAN SEMUA SEPERTI SEMULA */
}

/* 2. TARGET BODY & HTML LEVEL - BASE RESET */
body.page-id-4508 {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}

/* 3. TARGET THEME WRAPPER UTAMA SAJA */
body.page-id-4508 .site,
body.page-id-4508 .site-inner,
body.page-id-4508 .wrap,
body.page-id-4508 .wrapper,
body.page-id-4508 .main-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. TARGET CONTENT AREA UTAMA - TIDAK MENYENTUH ELEMENTOR EDIT MODE */
body.page-id-4508:not(.elementor-editor-active) .site-content,
body.page-id-4508:not(.elementor-editor-active) #content,
body.page-id-4508:not(.elementor-editor-active) #primary,
body.page-id-4508:not(.elementor-editor-active) .content-area {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 5. TARGET CONTAINER THEME SECARA SPESIFIK */
body.page-id-4508:not(.elementor-editor-active) .container:not(.elementor-container):not(.navbar):not(.header),
body.page-id-4508:not(.elementor-editor-active) .main-container:not(.elementor-container):not(.navbar):not(.header),
body.page-id-4508:not(.elementor-editor-active) .page-container:not(.elementor-container):not(.navbar):not(.header) {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 22. NUCLEAR OPTION - HILANGKAN SISA MARGIN SAMPAI 0 */
body.page-id-4508:not(.elementor-editor-active) .elementor-section:not(.elementor-location-header):not([data-elementor-type="header"]) {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
}

/* 23. EXTRA AGGRESSIVE - PAKSA KELUAR DARI CONTAINER */
body.page-id-4508:not(.elementor-editor-active) .elementor-section:not(.elementor-location-header) {
    margin-left: -50px !important;
    margin-right: -50px !important;
    width: calc(100vw + 100px) !important;
    max-width: calc(100vw + 100px) !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    box-sizing: border-box !important;
}

/* 24. ALTERNATIVE METHOD - VIEWPORT POSITIONING */
body.page-id-4508:not(.elementor-editor-active) .elementor-section:not(.elementor-location-header) {
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    width: 100vw !important;
    max-width: 100vw !important;
}

/* 25. FORCE CONTAINER FULL WIDTH */
body.page-id-4508:not(.elementor-editor-active) .elementor-container:not(.elementor-location-header *) {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 26. OVERRIDE SEMUA THEME CONTAINER YANG MEMBATASI */
body.page-id-4508 .container:not(.navbar):not(.header):not(.site-header):not(.floating-nav),
body.page-id-4508 .main-container:not(.navbar):not(.header):not(.site-header):not(.floating-nav),
body.page-id-4508 .page-container:not(.navbar):not(.header):not(.site-header):not(.floating-nav),
body.page-id-4508 .content-container:not(.navbar):not(.header):not(.site-header):not(.floating-nav),
body.page-id-4508 .ast-container:not(.navbar):not(.header):not(.site-header):not(.floating-nav),
body.page-id-4508 .site-content:not(.navbar):not(.header):not(.site-header):not(.floating-nav) {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 27. PAKSA BODY DAN HTML LEVEL */
body.page-id-4508,
body.page-id-4508 html {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* 28. RESET SEMUA MARGIN PADA WRAPPER UTAMA */
body.page-id-4508 .site,
body.page-id-4508 .site-inner,
body.page-id-4508 .wrap,
body.page-id-4508 .wrapper,
body.page-id-4508 .main-wrapper,
body.page-id-4508 .content-wrapper,
body.page-id-4508 .page-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* 7. KHUSUS UNTUK SECTION BOXED - HANYA DI FRONTEND */
body.page-id-4508:not(.elementor-editor-active) .elementor-section.elementor-section-boxed:not(.elementor-location-header) > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 8. PRESERVE ELEMENTOR COLUMN FUNCTIONALITY */
body.page-id-4508:not(.elementor-editor-active) .elementor-column {
    /* Biarkan column tetap responsive dan editable */
}

/* 9. OVERRIDE THEME CONTAINER YANG MEMBATASI WIDTH */
body.page-id-4508 .ast-container,
body.page-id-4508 .container-fluid,
body.page-id-4508 .genesis-container,
body.page-id-4508 .neve-container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 10. FALLBACK UNTUK THEME DENGAN CUSTOM WRAPPER */
body.page-id-4508 .site-wrapper,
body.page-id-4508 .page-wrapper,
body.page-id-4508 .content-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 11. PRESERVE ELEMENTOR EDITOR MODE - JANGAN GANGGU */
.elementor-editor-active.page-id-4508 .elementor-section,
.elementor-editor-active.page-id-4508 .elementor-container,
.elementor-editor-active.page-id-4508 .elementor-column {
    /* Biarkan editor mode tetap normal */
    margin: revert !important;
    width: revert !important;
    max-width: revert !important;
}

/* 12. MOBILE RESPONSIVENESS - TETAP JAGA */
@media (max-width: 768px) {
    body.page-id-4508:not(.elementor-editor-active) .elementor-section:not(.elementor-location-header) {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
}

/* 13. PREVENT HORIZONTAL SCROLL */
body.page-id-4508 {
    overflow-x: hidden !important;
}

/* 14. PRESERVE WIDGET FUNCTIONALITY */
body.page-id-4508 .elementor-widget,
body.page-id-4508 .elementor-element {
    /* Biarkan widget tetap berfungsi normal */
}

/* 16. BANNER CATEGORY STYLING - SAMA SEPERTI ORPCATALOG.ID */
body.page-id-4508 .elementor-widget-image .elementor-image,
body.page-id-4508 .banner-category,
body.page-id-4508 .category-banner {
    width: 100% !important;
    height: 200px !important; /* Tinggi standar seperti orpcatalog */
    object-fit: cover !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* 17. BANNER CATEGORY IMAGE SPECIFIC */
body.page-id-4508 .elementor-widget-image .elementor-image img,
body.page-id-4508 .banner-category img,
body.page-id-4508 .category-banner img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: transform 0.3s ease !important;
    border-radius: 8px !important;
}

/* 18. HOVER EFFECT UNTUK BANNER */
body.page-id-4508 .elementor-widget-image .elementor-image img:hover,
body.page-id-4508 .banner-category img:hover,
body.page-id-4508 .category-banner img:hover {
    transform: scale(1.05) !important;
}

/* 19. RESPONSIVE BANNER HEIGHTS */
@media (max-width: 768px) {
    body.page-id-4508 .elementor-widget-image .elementor-image,
    body.page-id-4508 .banner-category,
    body.page-id-4508 .category-banner {
        height: 150px !important;
    }
    
    body.page-id-4508 .elementor-widget-image .elementor-image img,
    body.page-id-4508 .banner-category img,
    body.page-id-4508 .category-banner img {
        height: 150px !important;
    }
}

@media (max-width: 480px) {
    body.page-id-4508 .elementor-widget-image .elementor-image,
    body.page-id-4508 .banner-category,
    body.page-id-4508 .category-banner {
        height: 120px !important;
    }
    
    body.page-id-4508 .elementor-widget-image .elementor-image img,
    body.page-id-4508 .banner-category img,
    body.page-id-4508 .category-banner img {
        height: 120px !important;
    }
}

/* 20. BANNER DALAM GRID/COLUMNS */
body.page-id-4508 .elementor-row .elementor-column .elementor-widget-image {
    margin-bottom: 20px !important;
}

/* 29. DEBUGGING METHOD - UNTUK MENEMUKAN SUMBER MARGIN */
/* UNCOMMENT UNTUK MELIHAT OUTLINE SEMUA ELEMEN */
/*
body.page-id-4508 * {
    outline: 1px solid red !important;
}
body.page-id-4508 .elementor-section {
    outline: 2px solid blue !important;
}
body.page-id-4508 .elementor-container {
    outline: 2px solid green !important;
}
body.page-id-4508 .container {
    outline: 2px solid yellow !important;
}
*/

/* 30. FINAL NUCLEAR OPTION - JIKA MASIH ADA SISA */
body.page-id-4508:not(.elementor-editor-active) .elementor-section:not(.elementor-location-header) {
    transform: translateX(-20px) !important; /* Geser ke kiri */
    width: calc(100vw + 40px) !important; /* Tambah width */
    max-width: calc(100vw + 40px) !important;
}

/* 31. KHUSUS UNTUK MOBILE - JAGA RESPONSIVE */
@media (max-width: 768px) {
    body.page-id-4508:not(.elementor-editor-active) .elementor-section:not(.elementor-location-header) {
        transform: translateX(-10px) !important;
        width: calc(100vw + 20px) !important;
        max-width: calc(100vw + 20px) !important;
    }
}/* End custom CSS */