.elementor-545 .elementor-element.elementor-element-2c575f3{--display:flex;--min-height:300px;--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-545 .elementor-element.elementor-element-35c83cc{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-545 .elementor-element.elementor-element-35c83cc:not(.elementor-motion-effects-element-type-background), .elementor-545 .elementor-element.elementor-element-35c83cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F5F0;}.elementor-545 .elementor-element.elementor-element-d8623a7{--display:flex;--min-height:0px;border-style:none;--border-style:none;}.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-545 .elementor-element.elementor-element-5e22fa4{padding:50px 0px 10px 0px;border-style:solid;border-width:0px 0px 1px 0px;text-align:center;}.elementor-545 .elementor-element.elementor-element-5e22fa4 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:40px;font-weight:400;color:#000000;}.elementor-545 .elementor-element.elementor-element-b0df0af{--display:flex;--padding-top:20px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-545 .elementor-element.elementor-element-e03ce5e{text-align:justify;}.woocommerce .elementor-545 .elementor-element.elementor-element-e03ce5e .term-description{color:#000000;font-family:"Helvetica", Sans-serif;font-size:14px;}.elementor-545 .elementor-element.elementor-element-e23fc93{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-545 .elementor-element.elementor-element-e23fc93:not(.elementor-motion-effects-element-type-background), .elementor-545 .elementor-element.elementor-element-e23fc93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F5F0;}.elementor-545 .elementor-element.elementor-element-4c2e3fe{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-545 .elementor-element.elementor-element-66f5604{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-545 .elementor-element.elementor-element-66f5604:not(.elementor-motion-effects-element-type-background), .elementor-545 .elementor-element.elementor-element-66f5604 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F5F0;}.elementor-545 .elementor-element.elementor-element-1dc7635{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-545 .elementor-element.elementor-element-0c50e96{--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-545 .elementor-element.elementor-element-0c50e96:not(.elementor-motion-effects-element-type-background), .elementor-545 .elementor-element.elementor-element-0c50e96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F5F0;}.elementor-545 .elementor-element.elementor-element-19e462d{--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-545 .elementor-element.elementor-element-19e462d:not(.elementor-motion-effects-element-type-background), .elementor-545 .elementor-element.elementor-element-19e462d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F5F0;}@media(min-width:768px){.elementor-545 .elementor-element.elementor-element-d8623a7{--content-width:500px;}.elementor-545 .elementor-element.elementor-element-b0df0af{--content-width:100%;}}@media(max-width:767px){.elementor-545 .elementor-element.elementor-element-2c575f3{--min-height:180px;}.elementor-545 .elementor-element.elementor-element-5e22fa4 .elementor-heading-title{font-size:50px;}}/* Start custom CSS for woocommerce-archive-description, class: .elementor-element-e03ce5e */.elementor-545 .elementor-element.elementor-element-e03ce5e .term-description {
  column-count: 2;
  column-gap: 30px;
}

@media (max-height: 486px) {
  .elementor-545 .elementor-element.elementor-element-e03ce5e .term-description {
    column-count: 1;
    column-gap: 0;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0df0af */.elementor-545 .elementor-element.elementor-element-b0df0af .term-description {
  column-count: 2;
  column-gap: 30px;
}
.elementor-545 .elementor-element.elementor-element-b0df0af {
  font-family: 'Helvetica', sans-serif;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-444b54c */@import url('https://fonts.googleapis.com/css2?family=Goudy+Bookletter+1911&display=swap');

/* List container */
ul.acf-subcategories {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

/* Item wrapper */
.acf-subcategories .category {
  text-align: center;
  width: 130px;
  font-family: 'Goudy Bookletter 1911', serif;
}

/* Wrapper kotak gambar persegi */
.acf-thumb-box {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 8px;
  margin: 0 auto 6px;
}

/* Gambar dalam kotak, cover agar proporsional */
.acf-thumb-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Judul kategori */
.acf-cat-title {
  font-size: 16px !important;
  line-height: 1.3;
  font-weight: normal;
  color: #333;
  margin: 0;
  padding: 0;
}

.acf-cat-title a {
  color: #000; /* Warna default: hitam */
  text-decoration: none;
  transition: color 0.3s ease;
}

.acf-cat-title a:hover {
  color: #0073e6; /* Warna saat hover: biru */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c2e3fe */.elementor-545 .elementor-element.elementor-element-4c2e3fe .e-con-inner {
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  border-bottom: 1px solid #000000;
}

.elementor-545 .elementor-element.elementor-element-4c2e3fe {
  font-family: 'Helvetica', sans-serif;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-855679f */.add-cart-wrapper {
    text-align: left;
}
.uniform-product-image img {
    width: 100%;
    height: 250px; /* Atau sesuaikan dengan kebutuhan */
    object-fit: cover;
    display: block;
}

    .custom-product-filter {
        display: flex;
        justify-content: left;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    .filter-dropdown-container {
        position: relative;
    }

    .filter-dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 10;
        background: white;
        border: 1px solid #ccc;
        padding: 0;
        margin: 0;
        list-style: none;
        width: 180px;
    }

    .filter-dropdown-menu li {
        padding: 10px;
        cursor: pointer;
    }

    .filter-dropdown-menu li:hover {
        background-color: #f2f2f2;
    }

    .filter-dropdown-container:hover .filter-dropdown-menu {
        display: block;
    }

    .search-right input {
        padding: 6px 10px;
        font-size: 14px;
        min-width: 300px;
        background: #D9D9D9;
        border-radius: 8px; 
    }

    .product-item {
        border: 1px solid #ddd;
        padding: 10px;
        text-align: left;
        position: relative;
    }

    .product-item h4,
    .product-item .price {
        margin: 10px 0;
        text-align: left;
    }

    .product-item .add_to_cart_button {
        display: block;
        margin: 10px auto 0 auto;
        text-align: center;
    }

    .product-item .sale-badge {
        position: absolute;
        top: 10px;
        right: 10px;
        background: #ff4d4d;
        color: white;
        padding: 3px 6px;
        font-size: 12px;
        border-radius: 4px;
    }
    
    .product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
/* 1. Pastikan container gambar jadi relative */
.uniform-product-image {
    position: relative;
    display: block; /* penting supaya width 100% */
}

/* 2. Posisikan badge diskon di pojok kanan */
.uniform-product-image .onsale {
    position: absolute !important; /* paksa override WooCommerce */
    top: 10px;
    right: 10px;
    left: auto !important;
    margin: 0 !important;
    z-index: 5; /* supaya di atas gambar */
}
/* Harga coret (regular price) */
/* Harga coret (regular price yang diskon) */
.price del {
    color: #888 !important; /* abu-abu */
}

/* Harga diskon (harga baru) */
.price ins {
    color: #000 !important; /* hitam */
    text-decoration: none;
}

/* Jika tidak ada harga diskon, teks harga tetap hitam */
.price:not(:has(del)) {
    color: #000 !important;
}


.product-item .uniform-product-image:hover,
.product-item h4 a:hover {
    text-decoration: none !important;  /* hilangkan garis bawah */
    color: inherit !important;          /* warna tetap sama */
}



@media screen and (max-width: 1024px) {
    .product-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 480px) {
    .product-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dc7635 */.elementor-545 .elementor-element.elementor-element-1dc7635 {
  font-family: 'Helvetica', sans-serif;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c50e96 */.elementor-545 .elementor-element.elementor-element-0c50e96 {
  font-family: 'Helvetica', sans-serif;
}/* End custom CSS */