.elementor-7082 .elementor-element.elementor-element-6add3d3{--display:flex;--wolmart-con-ex-width:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-7082 .elementor-element.elementor-element-6add3d3:not(.elementor-motion-effects-element-type-background), .elementor-7082 .elementor-element.elementor-element-6add3d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7082 .elementor-element.elementor-element-597d85c{--display:flex;}.elementor-7082 .elementor-element.elementor-element-597d85c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7082 .elementor-element.elementor-element-2ee6464{--spacer-size:20px;}.elementor-7082 .elementor-element.elementor-element-9cdc4f6{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-7082 .elementor-element.elementor-element-2e0661a{--display:flex;--justify-content:center;--border-radius:20px 20px 20px 20px;}.elementor-7082 .elementor-element.elementor-element-b27b762{--display:flex;--min-height:198px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:12px 12px 12px 12px;}.elementor-7082 .elementor-element.elementor-element-b27b762:not(.elementor-motion-effects-element-type-background), .elementor-7082 .elementor-element.elementor-element-b27b762 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sub.tineco.id/wp-content/uploads/2026/02/Background-Shape-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7082 .elementor-element.elementor-element-cd5458e{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 40px;text-align:start;}.elementor-7082 .elementor-element.elementor-element-cd5458e.elementor-element{--align-self:stretch;}.elementor-7082 .elementor-element.elementor-element-cd5458e .elementor-heading-title{color:#FFFFFF;}.elementor-7082 .elementor-element.elementor-element-c619272{--display:flex;--justify-content:center;--border-radius:20px 20px 20px 20px;}.elementor-7082 .elementor-element.elementor-element-ee325d1{--display:flex;--min-height:198px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--border-radius:12px 12px 12px 12px;}.elementor-7082 .elementor-element.elementor-element-ee325d1:not(.elementor-motion-effects-element-type-background), .elementor-7082 .elementor-element.elementor-element-ee325d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sub.tineco.id/wp-content/uploads/2026/02/Background-Shape-1.png");}.elementor-7082 .elementor-element.elementor-element-ee325d1::before, .elementor-7082 .elementor-element.elementor-element-ee325d1 > .elementor-background-video-container::before, .elementor-7082 .elementor-element.elementor-element-ee325d1 > .e-con-inner > .elementor-background-video-container::before, .elementor-7082 .elementor-element.elementor-element-ee325d1 > .elementor-background-slideshow::before, .elementor-7082 .elementor-element.elementor-element-ee325d1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7082 .elementor-element.elementor-element-ee325d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-7082 .elementor-element.elementor-element-fafceca{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 40px;text-align:start;}.elementor-7082 .elementor-element.elementor-element-fafceca.elementor-element{--align-self:stretch;}.elementor-7082 .elementor-element.elementor-element-fafceca .elementor-heading-title{color:#FFFFFF;}.elementor-7082 .elementor-element.elementor-element-c5d83ee{--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;}.elementor-7082 .elementor-element.elementor-element-cb0b07e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:10px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-7082 .elementor-element.elementor-element-124b9ea .elementor-button{background-color:#0D3B83;font-weight:400;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-style:none;}.elementor-7082 .elementor-element.elementor-element-124b9ea .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-7082 .elementor-element.elementor-element-6a6a303{--display:flex;--flex-wrap:wrap;--align-content:flex-start;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-7082 .elementor-element.elementor-element-cc28cd2{--grid-columns:3;--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-7082 .elementor-element.elementor-element-cc28cd2 .elementor-pagination{text-align:center;margin-top:20px;}.elementor-7082 .elementor-element.elementor-element-0659164{width:100%;max-width:100%;}.elementor-7082 .elementor-element.elementor-element-1912fa2{--display:flex;}@media(max-width:991px){.elementor-7082 .elementor-element.elementor-element-cd5458e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-7082 .elementor-element.elementor-element-c619272{--border-radius:0px 0px 0px 0px;}.elementor-7082 .elementor-element.elementor-element-ee325d1:not(.elementor-motion-effects-element-type-background), .elementor-7082 .elementor-element.elementor-element-ee325d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-7082 .elementor-element.elementor-element-ee325d1{--overlay-opacity:0;--border-radius:0px 0px 0px 0px;}.elementor-7082 .elementor-element.elementor-element-fafceca{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-7082 .elementor-element.elementor-element-c5d83ee{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-7082 .elementor-element.elementor-element-124b9ea{margin:02px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7082 .elementor-element.elementor-element-124b9ea .elementor-button{font-size:12px;border-radius:12px 12px 12px 12px;}.elementor-7082 .elementor-element.elementor-element-6a6a303{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7082 .elementor-element.elementor-element-cc28cd2{--grid-columns:2;}}@media(max-width:767px){.elementor-7082 .elementor-element.elementor-element-6add3d3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7082 .elementor-element.elementor-element-ee325d1:not(.elementor-motion-effects-element-type-background), .elementor-7082 .elementor-element.elementor-element-ee325d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7082 .elementor-element.elementor-element-cb0b07e{--justify-content:space-between;}.elementor-7082 .elementor-element.elementor-element-cb0b07e.e-con{--align-self:flex-start;}.elementor-7082 .elementor-element.elementor-element-124b9ea{width:auto;max-width:auto;}.elementor-7082 .elementor-element.elementor-element-124b9ea .elementor-button{font-size:12px;border-radius:8px 8px 8px 8px;}.elementor-7082 .elementor-element.elementor-element-c28d435{width:auto;max-width:auto;}.elementor-7082 .elementor-element.elementor-element-cc28cd2{--grid-columns:2;}body:not(.rtl) .elementor-7082 .elementor-element.elementor-element-cc28cd2 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 0px/2 );}body:not(.rtl) .elementor-7082 .elementor-element.elementor-element-cc28cd2 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 0px/2 );}body.rtl .elementor-7082 .elementor-element.elementor-element-cc28cd2 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 0px/2 );}body.rtl .elementor-7082 .elementor-element.elementor-element-cc28cd2 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 0px/2 );}.elementor-7082 .elementor-element.elementor-element-cc28cd2 .elementor-pagination{margin-top:20px;}}@media(min-width:768px){.elementor-7082 .elementor-element.elementor-element-6add3d3{--content-width:1376px;}.elementor-7082 .elementor-element.elementor-element-597d85c{--width:23%;}.elementor-7082 .elementor-element.elementor-element-9cdc4f6{--width:75%;}}@media(max-width:991px) and (min-width:768px){.elementor-7082 .elementor-element.elementor-element-9cdc4f6{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-e78b3af */.custom-filter {
    width: 100%;
    font-family: sans-serif;
}

.filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filter-group {
    margin-bottom: 25px;
}

.filter-group h5 {
    font-size: 14px;
    margin-bottom: 10px;
}

.filter-group label {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
}

.clear-filter {
    font-size: 12px;
    color: #0073e6;
    text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee325d1 */.custom-blur-container {
    position: relative;
    overflow: hidden;
}

.custom-blur-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: inherit; /* ambil background dari container */
    filter: blur(12px);
    transform: scale(1.1); /* supaya blur tidak terpotong */
    z-index: 1;
}

/* Supaya konten di atas blur */
.custom-blur-container > * {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c619272 *//* Menargetkan hanya lapisan overlay background */
.elementor-7082 .elementor-element.elementor-element-c619272 .elementor-background-overlay {
    filter: blur(10px); /* Atur tingkat blur di sini */
    -webkit-filter: blur(10px);
    transform: scale(1.1); /* Untuk menghilangkan garis putih di pinggiran blur */
}

/* Memastikan Heading tetap berada di depan dan tajam */
.elementor-7082 .elementor-element.elementor-element-c619272 .elementor-widget-heading {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c28d435 */.filter-box {
    width: 100%;
}

/* HEADER */
.filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
    
}

.filter-header h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    letter-spacing: 0.3px;
}

.clear-all {
    font-size: 14px;
    color: #2f6df6;
    text-decoration: none;
    font-weight: 400;
}

/* SEARCH */
.filter-search {
    display: flex;
}

.filter-search input {
    flex: 1;
    height: 40px;
    padding: 0 10px;
    border-radius: 8px;
    border: none;
    background: #F5F5F5;
    font-size: 14px;
    color: #333;
    outline: none;
    font-weight: 400;
    width: 150px;
}


.filter-search input::placeholder {
    color: #9c9c9c;
    font-size: 12px;
}

.filter-search button {
    padding: 0 18px;
    border-radius: 8px;
    border: none;
    background: #0d3b82;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    transition: 0.25s ease;
    margin-left: 10px;
}

.filter-search-mobile input {
    flex: 1;
    width:160px;
    height: 40px;
    padding: 0 10px;
    border-radius: 8px 0px 0px 8px;
    border: none;
    background: #F5F5F5;
    font-size: 14px;
    color: #333;
    outline: none;
    font-weight: 400;;
}

@media (max-width: 320px) {
  .filter-search-mobile input {
    width: 120px;
  }
}


.filter-search-mobile input::placeholder {
    color: #9c9c9c;
    font-size: 12px;
}

.filter-search-mobile button {
    padding: 12px 18px;
    border-radius: 0px 8px 8px 0px;
    border: none;
    background: #0d3b82;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    transition: 0.25s ease;
    margin-left: -4px;
}

.filter-search button:hover {
    background: #0b2f66;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-cc28cd2 *//* ======================================================
   ELEMENTOR PAGINATION - RESPONSIVE & PRESISI
====================================================== */

/* ================================
   CONTAINER
================================ */
.elementor-loop-container ~ .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: clamp(8px, 2vw, 20px);
    margin-top: clamp(20px, 4vw, 40px);
    flex-wrap: wrap;
}

/* ================================
   BASE STYLE PAGE NUMBERS
================================ */
.elementor-pagination .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;

    width: clamp(36px, 4vw, 45px);
    height: clamp(36px, 4vw, 45px);
    aspect-ratio: 1 / 1;

    font-size: clamp(14px, 1.6vw, 18px);
    font-weight: 500;

    text-decoration: none;
    color: #333;

    border-radius: 50%;
    transition: all 0.3s ease;
}

/* ================================
   ACTIVE PAGE
================================ */
.elementor-pagination .page-numbers.current {
    background-color: #0d2a71;
    color: #ffffff !important;
}

/* ================================
   PREV / NEXT
================================ */
.elementor-pagination .page-numbers.prev,
.elementor-pagination .page-numbers.next {
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 300;
}

/* ================================
   HOVER EFFECT
================================ */
.elementor-pagination a.page-numbers:hover {
    background-color: #0d2a71;
    color: #ffffff;
}

/* ================================
   MOBILE OPTIMIZATION
================================ */
@media (max-width: 480px) {

    .elementor-loop-container ~ .elementor-pagination {
        gap: 6px;
        margin-top: 20px;
    }

    .elementor-pagination .page-numbers {
        width: 32px;
        height: 32px;
        font-size: 13px;
    }

    .elementor-pagination .page-numbers.prev,
    .elementor-pagination .page-numbers.next {
        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0659164 */.products-not-found {
        text-align: center;
        padding: 60px 20px;
        color: #999;
    }
    .not-found-icon {
        margin-bottom: 16px;
    }
    .products-not-found h3 {
        font-size: 18px;
        font-weight: 600;
        color: #555;
        margin-bottom: 8px;
    }
    .products-not-found p {
        font-size: 12px;
        color: #999;
    }
    .products-not-found a {
        color: #0d2a71;
        text-decoration: underline;
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a6a303 */.product-container {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6add3d3 */.breadcrumb-container {
    display: none;
}

.main {
    background-color: #fff !important;
}/* End custom CSS */