.elementor-4163 .elementor-element.elementor-element-37d3607{--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;--padding-top:70px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-4163 .elementor-element.elementor-element-ba7083e{--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;}.woocommerce .elementor-4163 .elementor-element.elementor-element-d1f90ee .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
                    .woocommerce .elementor-4163 .elementor-element.elementor-element-d1f90ee .flex-viewport{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E5E5;}.woocommerce .elementor-4163 .elementor-element.elementor-element-d1f90ee .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
                        .woocommerce .elementor-4163 .elementor-element.elementor-element-d1f90ee .flex-viewport{border-radius:10px 10px 10px 10px;overflow:hidden;}.woocommerce .elementor-4163 .elementor-element.elementor-element-d1f90ee .flex-viewport:not(:last-child){margin:0px 0px 20px 0px;}.woocommerce .elementor-4163 .elementor-element.elementor-element-d1f90ee .flex-control-thumbs img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E5E5;border-radius:10px 10px 10px 10px;}.woocommerce .elementor-4163 .elementor-element.elementor-element-d1f90ee .flex-control-thumbs li{padding-right:calc(25px / 2);padding-left:calc(25px / 2);padding-bottom:25px;}.woocommerce .elementor-4163 .elementor-element.elementor-element-d1f90ee .flex-control-thumbs{margin-right:calc(-25px / 2);margin-left:calc(-25px / 2);}.elementor-4163 .elementor-element.elementor-element-076991e{--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-4163 .elementor-element.elementor-element-47e64a0 > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-4163 .elementor-element.elementor-element-47e64a0 .woocommerce-breadcrumb{color:#000000;font-family:"Oxygen", Sans-serif;font-weight:600;}.elementor-4163 .elementor-element.elementor-element-47e64a0 .woocommerce-breadcrumb > a{color:#9E9E9E;}.elementor-4163 .elementor-element.elementor-element-c20ec73 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4163 .elementor-element.elementor-element-c20ec73 .product_title{color:#000000 !important;font-family:"Oxygen", Sans-serif;font-size:32px;font-weight:700;}.elementor-4163 .elementor-element.elementor-element-c4fee7f .star-rating{color:#FFB600 !important;}.elementor-4163 .elementor-element.elementor-element-c4fee7f .star-rating span:before{color:#FFB600 !important;}.elementor-4163 .elementor-element.elementor-element-c4fee7f .woocommerce-product-rating{color:#FFB600 !important;}.elementor-4163 .elementor-element.elementor-element-c4fee7f a.woocommerce-review-link{color:#444444 !important;font-family:"Oxygen", Sans-serif;}.elementor-4163 .elementor-element.elementor-element-15b8227 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-4163 .elementor-element.elementor-element-15b8227 .price{color:#000000 !important;}.elementor-4163 .elementor-element.elementor-element-15b8227 .price .amount{font-family:"Oxygen", Sans-serif;font-size:28px;font-weight:600;}.elementor-4163 .elementor-element.elementor-element-15b8227 .price del{color:#E5E5E5 !important;}.elementor-4163 .elementor-element.elementor-element-15b8227 .price del, .elementor-4163 .elementor-element.elementor-element-15b8227 .price del .amount{font-family:"Oxygen", Sans-serif;}.elementor-4163 .elementor-element.elementor-element-35d8f6c > .elementor-widget-container{margin:-40px 0px -25px 0px;}.elementor-4163 .elementor-element.elementor-element-aa25af7 .cart button, .elementor-4163 .elementor-element.elementor-element-aa25af7 .cart .button{border-style:none;border-radius:8px 8px 8px 8px;color:#FFFFFF;background-color:#000000;border-color:#000000;transition:all 0.2s;}.elementor-4163 .elementor-element.elementor-element-aa25af7 .cart button:hover, .elementor-4163 .elementor-element.elementor-element-aa25af7 .cart .button:hover{color:#FFFFFF;background-color:#8D8D8D;border-color:#000000;}.elementor-4163 .elementor-element.elementor-element-aa25af7 .quantity .qty{border-style:solid;border-width:2px 2px 2px 2px;border-radius:8px 8px 8px 8px;transition:all 0.2s;}.elementor-4163 .elementor-element.elementor-element-a33b026{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4163 .elementor-element.elementor-element-6ff812d{--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-4163 .elementor-element.elementor-element-fecb756.elementor-element{--align-self:flex-start;}.elementor-4163 .elementor-element.elementor-element-6606855{--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-4163 .elementor-element.elementor-element-70ad3e6 > .elementor-widget-container{margin:-5px 0px 0px 0px;}.elementor-4163 .elementor-element.elementor-element-a1a9c95{--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-4163 .elementor-element.elementor-element-6b7baff > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-4163 .elementor-element.elementor-element-f572c82 .elementor-heading-title{font-family:"Oxygen", Sans-serif;font-size:24px;font-weight:600;}.elementor-4163 .elementor-element.elementor-element-eda4d6d > .elementor-widget-container{margin:-25px 0px -25px 0px;}.elementor-4163 .elementor-element.elementor-element-4a521d4 .elementor-heading-title{font-family:"Oxygen", Sans-serif;font-size:24px;font-weight:600;}.elementor-4163 .elementor-element.elementor-element-ffbe33d > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-4163 .elementor-element.elementor-element-c55ca75{--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:20px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.woocommerce .elementor-4163 .elementor-element.elementor-element-6cc783f .woocommerce-tabs ul.wc-tabs{border-style:none;}.woocommerce .elementor-4163 .elementor-element.elementor-element-6cc783f .woocommerce-tabs ul.wc-tabs li a{font-family:"Oxygen", Sans-serif;font-size:28px;}.woocommerce .elementor-4163 .elementor-element.elementor-element-6cc783f .woocommerce-tabs .woocommerce-Tabs-panel{font-family:"Oxygen", Sans-serif;line-height:30px;letter-spacing:0.8px;}.woocommerce .elementor-4163 .elementor-element.elementor-element-6cc783f .woocommerce-Tabs-panel h2{color:#02010100;margin:0px 0px 0px 0px;}.elementor-4163 .elementor-element.elementor-element-a6f36bc{--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:100px;--padding-left:0px;--padding-right:0px;}.elementor-4163 .elementor-element.elementor-element-d2e4503.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4163 .elementor-element.elementor-element-d2e4503.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-4163 .elementor-element.elementor-element-ba7083e{--width:50%;}.elementor-4163 .elementor-element.elementor-element-076991e{--width:50%;}.elementor-4163 .elementor-element.elementor-element-6ff812d{--width:50%;}.elementor-4163 .elementor-element.elementor-element-6606855{--width:25%;}.elementor-4163 .elementor-element.elementor-element-a1a9c95{--width:25%;}}@media(max-width:1024px){.elementor-4163 .elementor-element.elementor-element-d2e4503.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-4163 .elementor-element.elementor-element-d2e4503.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-aa25af7 */.woo-selected-variation-item-name {
    display: none !important;
}

.variations tr:first-child::before {
    content: "Pilih Produk";
    display: block;
    font-weight: 600;
    margin-bottom: -20px;
    color: #333;
    font-size: 20px;
}

.variations tr:nth-child(2)::before {
    content: "Pilih Ukuran";
    display: block;
    font-weight: 600;
    margin-bottom: -20px;
    margin-top: 5px;
    color: #333;
    font-size: 20px;
}

/* Style the variation buttons to look like pills with better padding */
.variable-items-wrapper.button-variable-items-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 15px;
}

.variable-items-wrapper .variable-item {
    margin: 0 !important;
    border-radius: 50px !important;
    background-color: #f5f5f5 !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: none !important;
    padding: 15px 20px !important;
}

.variable-item-contents {
    padding: 0 !important;
}

.variable-items-wrapper .variable-item.selected {
    background-color: #f8f8f8 !important;
    border: 1px solid #999 !important;
}

.variable-items-wrapper .variable-item:hover {
    box-shadow: 0 0 0 1px #ccc !important;
}

/* Adjust spacing between attribute sections */
.variations tr {
    margin-bottom: 10px !important;
}

.variations td.value {
    padding-top: 5px;
    padding-bottom: 15px;
}

/* Hide default label text but keep for accessibility */
.variations th.label {
    display: none;
}

/* Adjust button text size and weight */
.variable-item-span-button {
    font-size: 14px;
    color:#515151;
    font-weight: normal;
}

/* Add more space between variation sections */
.variations tbody {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

/* Style the Clear/Reset button */
.reset_variations {
    /* Don't override visibility - let the default behavior control it */
    margin-top: 10px !important;
    font-size: 14px !important;
    color: #666 !important;
    text-decoration: none !important;
    border-bottom: 1px dashed #999 !important;
    padding: 2px 4px !important;
    transition: all 0.3s ease !important;
}

.reset_variations:hover {
    color: #e74c3c !important;
    border-bottom-color: #e74c3c !important;
}

/* Change the text from "Clear" to "Hapus Pilihan" */
.reset_variations::before {
    content: "Hapus Pilihan" !important;
}

/* Hide the original text but keep accessibility */
.reset_variations {
    font-size: 0 !important; 
}

.reset_variations::before {
    font-size: 14px !important;
}

/*****************/

/* Style for price display after variation selection */
.woocommerce-variation-price {
    margin-top: -25px !important; /* Remove top gap */
    margin-bottom: 15px !important;
}

/* Add text above price */
.woocommerce-variation-price::before {
    content: "Harga Produk yang Kamu Pilih";
    display: block;
    font-size: 14.5px;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
}

/* Enlarge price and style it */
.woocommerce-variation-price .price {
    font-size: 26px !important;
    font-weight: 600 !important;
    color: #228B22 !important; /* Forest green - good for prices */
    line-height: 1.2 !important;
}

/* Style currency symbol */
.woocommerce-Price-currencySymbol {
    font-weight: 500 !important;
    margin-right: 5px;
}

/* Remove any extra spacing that might be added by theme */
.woocommerce-variation {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Ensure single variation wrap has proper spacing */
.single_variation_wrap {
    margin-top: 15px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d5b946 *//* Styling untuk solusi langsung */

/* Memperbaiki tampilan tombol produk */
.variable-items-wrapper.button-variable-items-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 15px;
}

.variable-items-wrapper .variable-item {
    margin: 0 !important;
    border-radius: 50px !important;
    background-color: #f5f5f5 !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: none !important;
    padding: 15px 20px !important;
    cursor: pointer !important;
}

/* Style untuk tombol yang terpilih */
.variable-items-wrapper .variable-item.selected,
.produk-btn.selected {
    background-color: #f8f8f8 !important;
    border: 2px solid #333 !important;
    box-shadow: 0 0 5px rgba(0,0,0,0.1) !important;
}

/* Hilangkan warna hover di bagian variasi */
.variations tr,
.variations tr:hover,
.variations td,
.variations td:hover,
.variations th,
.variations th:hover {
    background-color: white !important;
}

/* Sembunyikan tombol Add to Cart asli ketika tombol langsung ditampilkan */
.single_variation_wrap:has(+ #direct-add-btn) .single_add_to_cart_button {
    display: none !important;
}

/* Style untuk tombol direct add */
#direct-add-btn {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    max-width: 300px;
    transition: all 0.3s ease;
}

#direct-add-btn:hover {
    background-color: #4a4a4a !important;
}

/* Sembunyikan pesan variasi tidak tersedia */
.woocommerce-variation-unavailable {
    display: none !important;
}

/* Sembunyikan label untuk atribut */
.variations th.label {
    display: none !important;
}

/* Perbaiki tampilan produk yang dipilih */
.variations tr:first-child::before {
    content: "Pilih Produk";
    display: block;
    font-weight: 600;
    margin-bottom: 10px;
    color: #333;
    font-size: 18px;
}

.variations tr:nth-child(2)::before {
    content: "Pilih Ukuran";
    display: block;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 15px;
    color: #333;
    font-size: 18px;
}

/* Perbaiki spasi */
.variations td.value {
    padding-top: 5px;
    padding-bottom: 15px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-076991e *//* Hide the product and size labels */
th.label label[for="pa_produk"],
th.label label[for="pa_ukuran"] {
  display: none !important;
}

/* Set white background for all variation elements */
.variations tr,
.variations th,
.variations td,
.woo-variation-items-wrapper,
table.variations tbody tr,
table.variations tbody tr td,
table.variations tbody tr th {
  background-color: white !important;
}

/* Keep white background on hover */
.variations tr:hover,
.variations tr:hover th,
.variations tr:hover td,
table.variations tbody tr:hover,
table.variations tbody tr:hover td,
table.variations tbody tr:hover th {
  background-color: white !important;
}/* End custom CSS */
/* Start custom CSS for wl-product-data-tabs, class: .elementor-element-6cc783f *//* Reset style default */
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs {
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    gap: 30px !important;
    border: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
}

/* Style untuk tab link */
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li a {
    padding: 0 15px !important; /* Menambah padding kiri kanan */
    color: #888 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    display: inline-block !important;
}

/* Style untuk tab active dengan background strip */
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a {
    color: #000 !important;
    font-weight: bold !important;
    background: linear-gradient(to bottom, transparent 60%, #e5e5e5 40%) !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
    padding: 0 15px !important; /* Padding sama dengan non-active */
    margin: 0 -15px !important; /* Margin negatif untuk mengimbangi padding */
}

/* Hover effect */
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li a:hover {
    color: #000 !important;
}

/* Hapus border dan style default WooCommerce */
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    display: none !important;
}/* End custom CSS */