.elementor-75134 .elementor-element.elementor-element-eb43e89{--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 0px;--row-gap:0px;--column-gap:0px;--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-75134 .elementor-element.elementor-element-3bc7e84{width:var( --container-widget-width, 101.664% );max-width:101.664%;--container-widget-width:101.664%;--container-widget-flex-grow:0;}.elementor-75134 .elementor-element.elementor-element-3bc7e84.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-75134 .elementor-element.elementor-element-0c82079{--display:flex;--min-height:0px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-75134 .elementor-element.elementor-element-0c82079.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-75134 .elementor-element.elementor-element-2ebe3f2{--e-image-carousel-slides-to-show:1;}.elementor-75134 .elementor-element.elementor-element-804ef7a{--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:20px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-75134 .elementor-element.elementor-element-804ef7a:not(.elementor-motion-effects-element-type-background), .elementor-75134 .elementor-element.elementor-element-804ef7a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-75134 .elementor-element.elementor-element-804ef7a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{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-wc-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-75134 .elementor-element.elementor-element-b94c1be > .elementor-widget-container{margin:0px 0px 0px 030px;}.elementor-75134 .elementor-element.elementor-element-b94c1be.elementor-wc-products  ul.products{grid-column-gap:100px;grid-row-gap:40px;}.elementor-75134 .elementor-element.elementor-element-b94c1be .woocommerce .woocommerce-loop-category__title{color:#000000;font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-75134 .elementor-element.elementor-element-b94c1be .woocommerce-loop-category__title .count{color:#000000;}.elementor-75134 .elementor-element.elementor-element-9d4c77f{--display:flex;--min-height:445px;--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;--justify-content:center;--gap:010px 010px;--row-gap:010px;--column-gap:010px;--margin-top:0px;--margin-bottom:0px;--margin-left:00px;--margin-right:0px;--padding-top:020px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-75134 .elementor-element.elementor-element-9d4c77f:not(.elementor-motion-effects-element-type-background), .elementor-75134 .elementor-element.elementor-element-9d4c77f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(236deg, #D1BA8E -220%, #3A2E27 100%);}.elementor-75134 .elementor-element.elementor-element-9d4c77f.e-con{--flex-grow:0;--flex-shrink:0;}.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-75134 .elementor-element.elementor-element-0164d01{text-align:center;}.elementor-75134 .elementor-element.elementor-element-0164d01 .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-weight:600;color:#D1BA8E;}.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-75134 .elementor-element.elementor-element-ecee657 .elementor-button{background-color:#3A2E27;font-family:"League Spartan", Sans-serif;font-size:18px;font-weight:500;fill:#D1BA8E;color:#D1BA8E;}.elementor-75134 .elementor-element.elementor-element-ecee657 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-75134 .elementor-element.elementor-element-6100f17{--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:20px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-75134 .elementor-element.elementor-element-6100f17:not(.elementor-motion-effects-element-type-background), .elementor-75134 .elementor-element.elementor-element-6100f17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-75134 .elementor-element.elementor-element-6100f17.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-75134 .elementor-element.elementor-element-13d232a > .elementor-widget-container{margin:0px 20px 0px 20px;}.elementor-75134 .elementor-element.elementor-element-13d232a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#000000;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-75134 .elementor-element.elementor-element-f9b10af{--display:flex;}.elementor-75134 .elementor-element.elementor-element-f9b10af.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-75134 .elementor-element.elementor-element-89b85ee{--display:flex;}.elementor-75134 .elementor-element.elementor-element-ed486d2{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:14px;--n-tabs-gap:0px;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-color:#D1BA8E;}.elementor-75134 .elementor-element.elementor-element-ed486d2 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#3A2E27;}.elementor-75134 .elementor-element.elementor-element-ed486d2.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#3A2E27;}.elementor-75134 .elementor-element.elementor-element-ed486d2.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-75134 .elementor-element.elementor-element-ed486d2.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#D1BA8E;}.elementor-75134 .elementor-element.elementor-element-ed486d2 > .elementor-widget-container{margin:0px 0px 0px 020px;}.elementor-75134 .elementor-element.elementor-element-ce07c8f{--display:flex;--min-height:445px;--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;--justify-content:center;--gap:010px 010px;--row-gap:010px;--column-gap:010px;--margin-top:0px;--margin-bottom:0px;--margin-left:00px;--margin-right:0px;--padding-top:020px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-75134 .elementor-element.elementor-element-ce07c8f:not(.elementor-motion-effects-element-type-background), .elementor-75134 .elementor-element.elementor-element-ce07c8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://shop.osmanly.id/wp-content/uploads/2026/08/ads-feed-osmanly.png");background-position:0px -654px;background-repeat:no-repeat;background-size:100% auto;}.elementor-75134 .elementor-element.elementor-element-ce07c8f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-75134 .elementor-element.elementor-element-e43dcf8{text-align:center;}.elementor-75134 .elementor-element.elementor-element-e43dcf8 .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-weight:600;color:#D1BA8E;}.elementor-75134 .elementor-element.elementor-element-b20c3ac .elementor-button{background-color:#3A2E27;font-family:"League Spartan", Sans-serif;font-weight:500;fill:#D1BA8E;color:#D1BA8E;}.elementor-75134 .elementor-element.elementor-element-46c4cf0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-75134 .elementor-element.elementor-element-46c4cf0:not(.elementor-motion-effects-element-type-background), .elementor-75134 .elementor-element.elementor-element-46c4cf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-75134 .elementor-element.elementor-element-46c4cf0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-75134 .elementor-element.elementor-element-3c48d37{--display:flex;}.elementor-75134 .elementor-element.elementor-element-3c48d37:not(.elementor-motion-effects-element-type-background), .elementor-75134 .elementor-element.elementor-element-3c48d37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-75134 .elementor-element.elementor-element-3c48d37.e-con{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-75134 .elementor-element.elementor-element-0c82079{--min-height:0px;}.elementor-75134 .elementor-element.elementor-element-9d4c77f{--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-75134 .elementor-element.elementor-element-ce07c8f:not(.elementor-motion-effects-element-type-background), .elementor-75134 .elementor-element.elementor-element-ce07c8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(min-width:768px){.elementor-75134 .elementor-element.elementor-element-eb43e89{--width:100%;}.elementor-75134 .elementor-element.elementor-element-0c82079{--width:102.446%;}.elementor-75134 .elementor-element.elementor-element-804ef7a{--width:101.246%;}.elementor-75134 .elementor-element.elementor-element-9d4c77f{--width:101.682%;}.elementor-75134 .elementor-element.elementor-element-6100f17{--width:101.246%;}.elementor-75134 .elementor-element.elementor-element-ce07c8f{--width:101.682%;}.elementor-75134 .elementor-element.elementor-element-46c4cf0{--content-width:1227px;}.elementor-75134 .elementor-element.elementor-element-3c48d37{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-75134 .elementor-element.elementor-element-0c82079{--width:1600px;}}@media(max-width:767px){.elementor-75134 .elementor-element.elementor-element-0c82079{--width:1600px;--min-height:0px;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-75134 .elementor-element.elementor-element-2ebe3f2 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-75134 .elementor-element.elementor-element-2ebe3f2 .elementor-swiper-button.elementor-swiper-button-next{font-size:16px;}.elementor-75134 .elementor-element.elementor-element-804ef7a{--width:1600px;--min-height:220px;}.elementor-75134 .elementor-element.elementor-element-9d4c77f{--min-height:245px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-75134 .elementor-element.elementor-element-0164d01 .elementor-heading-title{font-size:13px;}.elementor-75134 .elementor-element.elementor-element-6100f17{--width:1600px;}.elementor-75134 .elementor-element.elementor-element-f9b10af{--width:334px;}.elementor-75134 .elementor-element.elementor-element-ed486d2{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;}.elementor-75134 .elementor-element.elementor-element-ce07c8f{--min-height:245px;}.elementor-75134 .elementor-element.elementor-element-ce07c8f:not(.elementor-motion-effects-element-type-background), .elementor-75134 .elementor-element.elementor-element-ce07c8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-75134 .elementor-element.elementor-element-e43dcf8 .elementor-heading-title{font-size:13px;}body.elementor-page-75134{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for wc-categories, class: .elementor-element-b94c1be *//* Grid kategori - responsif */
ul.products.elementor-grid.columns-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

@media (max-width: 1024px) {
    ul.products.elementor-grid.columns-4 {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }
}

@media (max-width: 480px) {
    ul.products.elementor-grid.columns-4 {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}

/* Kartu kategori */
ul.products.elementor-grid li.product-category {
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 16px rgba(0,0,0,0.07);
    border: 1px solid rgba(0,0,0,0.04);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
}

ul.products.elementor-grid li.product-category:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.13);
}

ul.products.elementor-grid li.product-category a {
    display: block;
    text-decoration: none;
}

/* Gambar - lebih lebar/pendek, tidak terpotong ketat */
ul.products.elementor-grid li.product-category img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1.05;   /* lebih pendek dari sebelumnya, tidak terlalu panjang */
    object-fit: cover;
    object-position: top center;
    display: block;
    border-radius: 18px 18px 0 0;
    position: static !important;
}

/* Judul kategori */
ul.products.elementor-grid li.product-category .woocommerce-loop-category__title {
    position: static !important;
    background: none !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: auto !important;
    padding: 14px 12px 2px !important;
    margin: 0 !important;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: normal;
    color: #1a1a1a;
    text-transform: capitalize;
    line-height: 1.3;
}

/* Subtitle jumlah produk */
ul.products.elementor-grid li.product-category .woocommerce-loop-category__title mark.count {
    display: block;
    background: none !important;
    color: #a3a3a3 !important;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: normal;
    padding-bottom: 18px !important;
    margin-top: 2px;
}
@media (max-width: 480px) {
    ul.products.elementor-grid li.product-category .woocommerce-loop-category__title {
        font-size: 14px;
        padding: 12px 8px 4px !important;
    }
    ul.products.elementor-grid li.product-category .woocommerce-loop-category__title mark.count {
        font-size: 11px;
        padding-bottom: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9b10af *//* --- MERAPIKAN TOMBOL UTAMA TABS --- */
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tabs-wrapper {
    border: none !important;
    display: flex !important;
    gap: 12px !important; /* Jarak antar tombol filter */
    margin-bottom: 30px !important; /* Jarak tombol ke produk di bawahnya */
    flex-wrap: wrap !important; /* Agar tombol otomatis turun rapi jika di HP */
}

/* --- MENGUBAH JUDUL TAB MENJADI PIL (OVAL) --- */
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-title {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #e0e0e0 !important; /* Garis tepi tipis abu-abu */
    border-radius: 50px !important; /* Membuat bentuk oval sempurna seperti pil */
    padding: 8px 22px !important; /* Jarak ruang di dalam tombol */
    font-family: 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* Menghilangkan garis bawah atau efek dekorasi bawaan Elementor */
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-title::before,
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-title::after,
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-title-text::after {
    display: none !important;
}

/* --- EFEK SAAT TOMBOL DIKLIK / AKTIF (MENJADI HITAM) --- */
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-title.elementor-active {
    background-color: #000000 !important; /* Latar belakang hitam */
    color: #ffffff !important; /* Tulisan menjadi putih */
    border-color: #000000 !important;
    font-weight: 700 !important;
}

/* Efek saat kursor mouse diarahkan ke tombol */
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-title:hover:not(.elementor-active) {
    background-color: #f5f5f5 !important;
    color: #000000 !important;
    border-color: #cccccc !important;
}

/* --- MENERANGKAN AREA KONTEN --- */
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-content {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}

/* =========================================
   PENGATURAN RESPONSIVE UNTUK SMARTPHONE
   ========================================= */
@media (max-width: 480px) {
    .elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tabs-wrapper {
        gap: 8px !important; /* Jarak tombol sedikit lebih rapat di HP */
        margin-bottom: 20px !important;
    }
    .elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-title {
        padding: 6px 16px !important; /* Ukuran tombol lebih ramping di HP */
        font-size: 12px !important; /* Ukuran tulisan sedikit mengecil */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9b10af *//* --- MERAPIKAN TOMBOL UTAMA TABS --- */
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tabs-wrapper {
    border: none !important;
    display: flex !important;
    gap: 12px !important; /* Jarak antar tombol filter */
    margin-bottom: 30px !important; /* Jarak tombol ke produk di bawahnya */
    flex-wrap: wrap !important; /* Agar tombol otomatis turun rapi jika di HP */
}

/* --- MENGUBAH JUDUL TAB MENJADI PIL (OVAL) --- */
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-title {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #e0e0e0 !important; /* Garis tepi tipis abu-abu */
    border-radius: 50px !important; /* Membuat bentuk oval sempurna seperti pil */
    padding: 8px 22px !important; /* Jarak ruang di dalam tombol */
    font-family: 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* Menghilangkan garis bawah atau efek dekorasi bawaan Elementor */
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-title::before,
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-title::after,
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-title-text::after {
    display: none !important;
}

/* --- EFEK SAAT TOMBOL DIKLIK / AKTIF (MENJADI HITAM) --- */
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-title.elementor-active {
    background-color: #000000 !important; /* Latar belakang hitam */
    color: #ffffff !important; /* Tulisan menjadi putih */
    border-color: #000000 !important;
    font-weight: 700 !important;
}

/* Efek saat kursor mouse diarahkan ke tombol */
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-title:hover:not(.elementor-active) {
    background-color: #f5f5f5 !important;
    color: #000000 !important;
    border-color: #cccccc !important;
}

/* --- MENERANGKAN AREA KONTEN --- */
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-content {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}

/* =========================================
   PENGATURAN RESPONSIVE UNTUK SMARTPHONE
   ========================================= */
@media (max-width: 480px) {
    .elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tabs-wrapper {
        gap: 8px !important; /* Jarak tombol sedikit lebih rapat di HP */
        margin-bottom: 20px !important;
    }
    .elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-title {
        padding: 6px 16px !important; /* Ukuran tombol lebih ramping di HP */
        font-size: 12px !important; /* Ukuran tulisan sedikit mengecil */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9b10af *//* --- MERAPIKAN TOMBOL UTAMA TABS --- */
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tabs-wrapper {
    border: none !important;
    display: flex !important;
    gap: 12px !important; /* Jarak antar tombol filter */
    margin-bottom: 30px !important; /* Jarak tombol ke produk di bawahnya */
    flex-wrap: wrap !important; /* Agar tombol otomatis turun rapi jika di HP */
}

/* --- MENGUBAH JUDUL TAB MENJADI PIL (OVAL) --- */
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-title {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #e0e0e0 !important; /* Garis tepi tipis abu-abu */
    border-radius: 50px !important; /* Membuat bentuk oval sempurna seperti pil */
    padding: 8px 22px !important; /* Jarak ruang di dalam tombol */
    font-family: 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* Menghilangkan garis bawah atau efek dekorasi bawaan Elementor */
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-title::before,
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-title::after,
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-title-text::after {
    display: none !important;
}

/* --- EFEK SAAT TOMBOL DIKLIK / AKTIF (MENJADI HITAM) --- */
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-title.elementor-active {
    background-color: #000000 !important; /* Latar belakang hitam */
    color: #ffffff !important; /* Tulisan menjadi putih */
    border-color: #000000 !important;
    font-weight: 700 !important;
}

/* Efek saat kursor mouse diarahkan ke tombol */
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-title:hover:not(.elementor-active) {
    background-color: #f5f5f5 !important;
    color: #000000 !important;
    border-color: #cccccc !important;
}

/* --- MENERANGKAN AREA KONTEN --- */
.elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-content {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}

/* =========================================
   PENGATURAN RESPONSIVE UNTUK SMARTPHONE
   ========================================= */
@media (max-width: 480px) {
    .elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tabs-wrapper {
        gap: 8px !important; /* Jarak tombol sedikit lebih rapat di HP */
        margin-bottom: 20px !important;
    }
    .elementor-75134 .elementor-element.elementor-element-f9b10af .elementor-tab-title {
        padding: 6px 16px !important; /* Ukuran tombol lebih ramping di HP */
        font-size: 12px !important; /* Ukuran tulisan sedikit mengecil */
    }
}/* End custom CSS */