.elementor-566 .elementor-element.elementor-element-2c4bdf9{--display:flex;--min-height:500px;--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-566 .elementor-element.elementor-element-2c4bdf9:not(.elementor-motion-effects-element-type-background), .elementor-566 .elementor-element.elementor-element-2c4bdf9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://olnconnect.com/wp-content/uploads/2026/07/banner-katalog-produk.jpg");background-position:-550px 550px;}.elementor-566 .elementor-element.elementor-element-3186fa2{--display:flex;--margin-top:50px;--margin-bottom:30px;--margin-left:50px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-566 .elementor-element.elementor-element-3186fa2.e-con{--align-self:flex-start;}.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-566 .elementor-element.elementor-element-53aee2b > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-566 .elementor-element.elementor-element-53aee2b .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;color:var( --e-global-color-primary );}.elementor-566 .elementor-element.elementor-element-26a4b43 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-566 .elementor-element.elementor-element-26a4b43.elementor-element{--align-self:flex-start;}.elementor-566 .elementor-element.elementor-element-26a4b43{text-align:start;}.elementor-566 .elementor-element.elementor-element-26a4b43 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:46px;font-weight:600;color:#0D0F14;}.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-566 .elementor-element.elementor-element-3367577 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-566 .elementor-element.elementor-element-3367577{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-566 .elementor-element.elementor-element-ebfff77{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:start;--margin-top:0px;--margin-bottom:0px;--margin-left:-10px;--margin-right:0px;}.elementor-566 .elementor-element.elementor-element-ebfff77.e-con{--align-self:flex-start;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-566 .elementor-element.elementor-element-2046716 .elementor-button{background-color:var( --e-global-color-accent );fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;}.elementor-566 .elementor-element.elementor-element-2046716 .elementor-button:hover, .elementor-566 .elementor-element.elementor-element-2046716 .elementor-button:focus{background-color:#000000;color:#FFFFFF;border-color:#000000;}.elementor-566 .elementor-element.elementor-element-2046716 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-566 .elementor-element.elementor-element-2046716 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-566 .elementor-element.elementor-element-2046716 .elementor-button .elementor-button-content-wrapper{gap:13px;}.elementor-566 .elementor-element.elementor-element-2046716 .elementor-button:hover svg, .elementor-566 .elementor-element.elementor-element-2046716 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-566 .elementor-element.elementor-element-4fce5bc{--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;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-566 .elementor-element.elementor-element-4fce5bc.e-con{--align-self:center;}.elementor-566 .elementor-element.elementor-element-c5ff8b7.elementor-element{--align-self:center;}.elementor-566 .elementor-element.elementor-element-c5ff8b7 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:36px;font-weight:600;color:var( --e-global-color-primary );}.elementor-566 .elementor-element.elementor-element-1e6f2b6 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-566 .elementor-element.elementor-element-1e6f2b6{text-align:center;}.elementor-566 .elementor-element.elementor-element-197c1cb{--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;--gap:0px 48px;--row-gap:0px;--column-gap:48px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-566 .elementor-element.elementor-element-197c1cb.e-con{--align-self:center;}.elementor-566 .elementor-element.elementor-element-7c54193{--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-566 .elementor-element.elementor-element-af15909 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-566 .elementor-element.elementor-element-4b11585{--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-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-566 .elementor-element.elementor-element-01be769.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-566 .elementor-element.elementor-element-01be769.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-566 .elementor-element.elementor-element-bca997b{--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:50px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-566 .elementor-element.elementor-element-bca997b.e-con{--align-self:center;}.elementor-566 .elementor-element.elementor-element-49e602b.elementor-element{--align-self:center;}.elementor-566 .elementor-element.elementor-element-49e602b .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:36px;font-weight:600;color:var( --e-global-color-primary );}.elementor-566 .elementor-element.elementor-element-2ea0dd4 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-566 .elementor-element.elementor-element-2ea0dd4{text-align:center;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-566 .elementor-element.elementor-element-2dfc13c{--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;--gap:0px 48px;--row-gap:0px;--column-gap:48px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-566 .elementor-element.elementor-element-2dfc13c.e-con{--align-self:center;}.elementor-566 .elementor-element.elementor-element-97800b1{--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:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-566 .elementor-element.elementor-element-d9a75af.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-566 .elementor-element.elementor-element-d9a75af.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-566 .elementor-element.elementor-element-3186fa2{--width:45%;}.elementor-566 .elementor-element.elementor-element-ebfff77{--width:70%;}.elementor-566 .elementor-element.elementor-element-197c1cb{--width:90%;}.elementor-566 .elementor-element.elementor-element-7c54193{--width:25%;}.elementor-566 .elementor-element.elementor-element-4b11585{--width:75%;}.elementor-566 .elementor-element.elementor-element-2dfc13c{--width:90%;}.elementor-566 .elementor-element.elementor-element-97800b1{--width:75%;}}@media(max-width:1024px){.elementor-566 .elementor-element.elementor-element-2c4bdf9:not(.elementor-motion-effects-element-type-background), .elementor-566 .elementor-element.elementor-element-2c4bdf9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-566 .elementor-element.elementor-element-ebfff77{--grid-auto-flow:row;}.elementor-566 .elementor-element.elementor-element-01be769.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-566 .elementor-element.elementor-element-d9a75af.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-566 .elementor-element.elementor-element-2c4bdf9:not(.elementor-motion-effects-element-type-background), .elementor-566 .elementor-element.elementor-element-2c4bdf9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://olnconnect.com/wp-content/uploads/2026/07/bannermobile.jpg");background-position:513px 299px;}.elementor-566 .elementor-element.elementor-element-2c4bdf9{--min-height:250px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-566 .elementor-element.elementor-element-3186fa2{--width:90%;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-566 .elementor-element.elementor-element-53aee2b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-566 .elementor-element.elementor-element-53aee2b .elementor-heading-title{font-size:10px;}.elementor-566 .elementor-element.elementor-element-26a4b43 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-566 .elementor-element.elementor-element-26a4b43 .elementor-heading-title{font-size:20px;line-height:1.2em;}.elementor-566 .elementor-element.elementor-element-3367577 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-566 .elementor-element.elementor-element-3367577{font-size:15px;}.elementor-566 .elementor-element.elementor-element-ebfff77{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-566 .elementor-element.elementor-element-c5ff8b7 .elementor-heading-title{font-size:28px;}.elementor-566 .elementor-element.elementor-element-1e6f2b6 > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-566 .elementor-element.elementor-element-01be769.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-566 .elementor-element.elementor-element-49e602b{text-align:center;}.elementor-566 .elementor-element.elementor-element-49e602b .elementor-heading-title{font-size:28px;}.elementor-566 .elementor-element.elementor-element-2ea0dd4 > .elementor-widget-container{margin:10px 0px 20px 0px;}.elementor-566 .elementor-element.elementor-element-2ea0dd4{font-size:13px;}.elementor-566 .elementor-element.elementor-element-2dfc13c.e-con{--align-self:center;}.elementor-566 .elementor-element.elementor-element-97800b1{--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-566 .elementor-element.elementor-element-53c4431 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-566 .elementor-element.elementor-element-d9a75af.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for shortcode, class: .elementor-element-af15909 *//* ==========================================
   1. INTEGRASI FONT & UTAMA CATALOG PAGE
   ========================================== */
body .select2-container, 
.woof_sid_flat_checkbox, 
.products .product {
    font-family: 'Inter', sans-serif !important;
}

/* ==========================================
   2. STYLING SIDEBAR FILTER (WOOF)
   ========================================== */
/* Judul Filter Utama */
.woof_container_product_cat h4 {
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #111111 !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid rgba(184, 137, 82, 0.2) !important;
    padding-bottom: 10px !important;
}

/* Mempercantik Daftar Checkbox */
.woof_list_checkbox li {
    padding: 8px 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* Mengubah Teks Label Kategori */
.woof_list_checkbox label {
    font-size: 14px !important;
    color: #444444 !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: color 0.2s ease !important;
}

/* Efek Hover Teks Kategori */
.woof_list_checkbox li:hover label {
    color: #B88952 !important;
}

/* Kustom Kotak Checkbox Asli agar Lebih Elegan */
.woof_checkbox_term {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    border: 1px solid rgba(184, 137, 82, 0.4) !important;
    border-radius: 4px !important;
    margin-right: 12px !important;
    cursor: pointer !important;
    position: relative !important;
    transition: all 0.2s ease !important;
    background: #ffffff !important;
}

/* Checkbox Saat Dicentang (Aktif) */
.woof_checkbox_term:checked {
    background-color: #B88952 !important;
    border-color: #B88952 !important;
}

/* Tanda Centang (Checkmark) Putih Inside */
.woof_checkbox_term:checked::after {
    content: "\F26E" !important; /* Bootstrap Icon Check */
    font-family: "bootstrap-icons" !important;
    position: absolute !important;
    color: #ffffff !important;
    font-size: 12px !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-weight: 900 !important;
}

/* ==========================================
   3. STYLING KARTU PRODUK (GRID)
   ========================================== */
/* Mempercantik Box Kartu Produk WooCommerce */
ul.products li.product {
    background: #ffffff !important;
    border: 1px solid rgba(184, 137, 82, 0.15) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    padding: 16px !important;
    text-align: center !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Efek Hover Mewah Kartu Produk */
ul.products li.product:hover {
    transform: translateY(-5px) !important;
    border-color: #B88952 !important;
    box-shadow: 0 12px 30px rgba(184, 137, 82, 0.1) !important;
}

/* Gambar Produk */
ul.products li.product img {
    border-radius: 8px !important;
    margin-bottom: 15px !important;
    transition: transform 0.5s ease !important;
}
ul.products li.product:hover img {
    transform: scale(1.03) !important;
}

/* Judul / Nama Produk */
ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    margin: 10px 0 6px 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

/* Harga / Teks "Coming Soon" */
ul.products li.product .price {
    font-family: 'Inter', sans-serif !important;
    color: #B88952 !important; /* Warna emas */
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
    display: block !important;
}

/* ==========================================
   4. STYLING BUTTON "READ MORE / LIHAT DETAIL"
   ========================================== */
ul.products li.product .button {
    font-family: 'Inter', sans-serif !important;
    background-color: transparent !important;
    color: #B88952 !important;
    border: 1px solid #B88952 !important;
    padding: 10px 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-transform: capitalize !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Efek Hover Tombol */
ul.products li.product .button:hover {
    background-color: #B88952 !important;
    color: #ffffff !important;
}

/* MENYEMBUNYIKAN KATEGORI UNCATEGORIZED DARI FILTER WOOF */
.woof_list_checkbox li[data-term="Uncategorized"], 
.woof_list_checkbox li:has(input[value="Uncategorized"]) {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-53c4431 *//* ===================================================
   OLN CONNECT - WOOF PILL BUTTONS (HANYA UNTUK MOBILE)
   =================================================== */

@media (max-width: 767px) {
    
    /* 1. HILANGKAN TULISAN/JUDUL "PRODUCT KATEGORI" & PANEL BAWAAN */
    .woof_container h4,
    .woof_container .woof_container_inner h4,
    .woof_container .woof_container_title,
    .woof_products_top_panel,
    .woof_submit_search_form_container {
        display: none !important;
    }
    
    /* 2. SEMBUNYIKAN CHECKBOX DI MOBILE */
    .woof_list_checkbox input,
    .woof_list_checkbox input[type="checkbox"],
    .woof_list li input,
    .woof_list li input[type="checkbox"],
    .woof_checkbox_term,
    .icheckbox_minimal, 
    .icheckbox_minimal-aero,
    .icheckbox,
    .woof_list_checkbox .icheckbox,
    .woof_list_checkbox div[class*="icheckbox"],
    .icheckbox_minimal ins,
    .icheckbox ins,
    .woof_list_checkbox ins,
    .woof_list_checkbox label::before,
    .woof_list_checkbox label::after,
    .woof_list li::before,
    .woof_list li::after {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        position: absolute !important;
        content: none !important;
    }

    /* 3. UBAH LIST MENJADI SCROLL HORIZONTAL DI MOBILE */
    .woof_list {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        overflow-x: auto !important;
        padding: 4px 2px 8px !important;
        scrollbar-width: none; 
        -ms-overflow-style: none;
    }

    .woof_list::-webkit-scrollbar {
        display: none !important;
    }

    .woof_list li {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        display: inline-block !important;
        float: none !important;
    }

    /* 4. BENTUK MENJADI PILL BUTTON DI MOBILE */
    .woof_list label {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        padding: 8px 14px !important;
        border: 1px solid #DDD5C8 !important;
        border-radius: 999px !important;
        background: #ffffff !important;
        color: #333333 !important;
        font-size: 13px !important;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.25s ease;
        user-select: none;
        margin: 0 !important;
        float: none !important;
    }

    /* Efek Hover di Mobile */
    .woof_list label:hover {
        background: #F7F2EA !important;
        border-color: #B8935A !important;
        color: #B8935A !important;
    }

    /* Warna Tombol Aktif di Mobile */
    .woof_checkbox_term:checked + label,
    .woof_checkbox_label_selected,
    .woof_label_selected,
    .woof_list_checkbox label.checked,
    .checked + label {
        background: #B8935A !important;
        color: #ffffff !important;
        border-color: #B8935A !important;
        box-shadow: 0 6px 15px rgba(184, 147, 90, 0.25) !important;
    }
}/* End custom CSS */