.elementor-3597 .elementor-element.elementor-element-400d1de{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:32px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-3597 .elementor-element.elementor-element-0158ee7 .woocommerce-breadcrumb{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-3597 .elementor-element.elementor-element-0158ee7 .woocommerce-breadcrumb > a{color:var( --e-global-color-primary );}.elementor-3597 .elementor-element.elementor-element-fb66afc{--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:64px 64px;--row-gap:64px;--column-gap:64px;--padding-top:32px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-3597 .elementor-element.elementor-element-cafb583{--display:flex;}.woocommerce .elementor-3597 .elementor-element.elementor-element-61faef8 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
					.woocommerce .elementor-3597 .elementor-element.elementor-element-61faef8 .flex-viewport{border-radius:16px 16px 16px 16px;}.woocommerce .elementor-3597 .elementor-element.elementor-element-61faef8 .flex-control-thumbs img{border-radius:16px 16px 16px 16px;}.elementor-3597 .elementor-element.elementor-element-2bc6577{--display:flex;}.elementor-widget-woocommerce-product-meta .product_meta .detail-container:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-3597 .elementor-element.elementor-element-0b88b40{padding:8px 0px 8px 0px;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-3597 .elementor-element.elementor-element-0b88b40:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:last-child){padding-bottom:calc(16px/2);}.elementor-3597 .elementor-element.elementor-element-0b88b40:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:first-child){margin-top:calc(16px/2);}.elementor-3597 .elementor-element.elementor-element-0b88b40.elementor-woo-meta--view-inline .product_meta .detail-container{margin-right:calc(16px/2);margin-left:calc(16px/2);}.elementor-3597 .elementor-element.elementor-element-0b88b40.elementor-woo-meta--view-inline .product_meta{margin-right:calc(-16px/2);margin-left:calc(-16px/2);}body:not(.rtl) .elementor-3597 .elementor-element.elementor-element-0b88b40.elementor-woo-meta--view-inline .detail-container:after{right:calc( (-16px/2) + (-1px/2) );}body:not.rtl .elementor-3597 .elementor-element.elementor-element-0b88b40.elementor-woo-meta--view-inline .detail-container:after{left:calc( (-16px/2) - (1px/2) );}.elementor-3597 .elementor-element.elementor-element-0b88b40 a{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-primary );}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-3597 .elementor-element.elementor-element-fb63f8a .elementor-heading-title{font-family:"Black Ops One", Sans-serif;font-weight:400;text-transform:uppercase;color:#FFFFFF;}.woocommerce .elementor-widget-woocommerce-product-price .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 );text-transform:var( --e-global-typography-primary-text-transform );}.elementor-3597 .elementor-element.elementor-element-946264e{padding:0px 0px 0px 0px;}.woocommerce .elementor-3597 .elementor-element.elementor-element-946264e .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 );text-transform:var( --e-global-typography-primary-text-transform );}.woocommerce .elementor-3597 .elementor-element.elementor-element-946264e .price ins{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 );text-transform:var( --e-global-typography-primary-text-transform );}.woocommerce .elementor-3597 .elementor-element.elementor-element-aa690d2 .woocommerce-product-details__short-description{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-3597 .elementor-element.elementor-element-d70b8a7{--display:flex;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3597 .elementor-element.elementor-element-b287b47 .cart button, .elementor-3597 .elementor-element.elementor-element-b287b47 .cart .button{transition:all 0.2s;}.elementor-3597 .elementor-element.elementor-element-b287b47 .quantity .qty{transition:all 0.2s;}.woocommerce .elementor-3597 .elementor-element.elementor-element-b3fd080 .woocommerce-tabs ul.wc-tabs li a{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.woocommerce .elementor-3597 .elementor-element.elementor-element-b3fd080 .woocommerce-tabs ul.wc-tabs li{background-color:var( --e-global-color-87ac163 );border-color:var( --e-global-color-87ac163 );border-radius:8px 8px 0 0;}.woocommerce .elementor-3597 .elementor-element.elementor-element-b3fd080 .woocommerce-tabs .woocommerce-Tabs-panel{border-color:var( --e-global-color-87ac163 );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );border-width:0px 0px 0px 0px;margin-top:-0px;border-radius:8px 8px 8px 8px;}.woocommerce .elementor-3597 .elementor-element.elementor-element-b3fd080 .woocommerce-tabs ul.wc-tabs li.active a{color:var( --e-global-color-primary );}.woocommerce .elementor-3597 .elementor-element.elementor-element-b3fd080 .woocommerce-tabs .woocommerce-Tabs-panel, .woocommerce .elementor-3597 .elementor-element.elementor-element-b3fd080 .woocommerce-tabs ul.wc-tabs li.active{background-color:var( --e-global-color-87ac163 );}.woocommerce .elementor-3597 .elementor-element.elementor-element-b3fd080 .woocommerce-tabs ul.wc-tabs li.active{border-bottom-color:var( --e-global-color-87ac163 );border-color:var( --e-global-color-87ac163 );}.woocommerce .elementor-3597 .elementor-element.elementor-element-b3fd080 .woocommerce-tabs ul.wc-tabs li:not(.active){border-bottom-color:var( --e-global-color-87ac163 );}.woocommerce .elementor-3597 .elementor-element.elementor-element-b3fd080 .woocommerce-Tabs-panel{color:var( --e-global-color-text );}.woocommerce .elementor-3597 .elementor-element.elementor-element-b3fd080 .woocommerce-Tabs-panel h2{color:var( --e-global-color-text );}.woocommerce .elementor-3597 .elementor-element.elementor-element-b3fd080 .woocommerce-tabs .woocommerce-Tabs-panel h2{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.woocommerce .elementor-3597 .elementor-element.elementor-element-b3fd080 .woocommerce-tabs ul.wc-tabs{margin-left:8px;margin-right:8px;}.elementor-3597 .elementor-element.elementor-element-a3af1d5{--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;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:0px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-related.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 );text-transform:var( --e-global-typography-primary-text-transform );}.woocommerce .elementor-widget-woocommerce-product-related.elementor-wc-products .products > h2{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 );text-transform:var( --e-global-typography-primary-text-transform );}.elementor-widget-woocommerce-product-related.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 );text-transform:var( --e-global-typography-primary-text-transform );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.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 );text-transform:var( --e-global-typography-primary-text-transform );}.elementor-widget-woocommerce-product-related.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-product-related.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-3597 .elementor-element.elementor-element-ddb3678.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-3597 .elementor-element.elementor-element-ddb3678.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-3597 .elementor-element.elementor-element-ddb3678.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-3597 .elementor-element.elementor-element-400d1de{--padding-top:16px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-3597 .elementor-element.elementor-element-fb66afc{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:16px;--padding-bottom:32px;--padding-left:16px;--padding-right:16px;}.elementor-3597 .elementor-element.elementor-element-0b88b40{padding:0px 0px 0px 0px;}.elementor-3597 .elementor-element.elementor-element-fb63f8a .elementor-heading-title{font-size:26px;}.elementor-3597 .elementor-element.elementor-element-d70b8a7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3597 .elementor-element.elementor-element-a3af1d5{--padding-top:16px;--padding-bottom:64px;--padding-left:16px;--padding-right:16px;}.elementor-3597 .elementor-element.elementor-element-ddb3678.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-61faef8 *//* --- 1. SETTING CONTAINER GAMBAR UTAMA --- */
.woocommerce-product-gallery .woocommerce-product-gallery__image {
    position: relative;
    overflow: hidden;
    border-radius: 12px; /* Opsional: Sudut melengkung */
    border: 1px solid #1f2129; /* Opsional: Border tipis */
}

/* --- 2. PAKSA RASIO 3:4 PADA GAMBAR --- */
.woocommerce-product-gallery .woocommerce-product-gallery__image img {
    aspect-ratio: 3/4 !important;
    object-fit: cover !important; /* Agar gambar tidak gepeng */
    width: 100% !important;
    height: auto !important;
    display: block;
}

/* --- 3. (OPSIONAL) THUMBNAIL DI BAWAHNYA --- */
/* Jika Anda ingin thumbnail kecil di bawahnya juga ikut rasio 3:4 */
.woocommerce-product-gallery .flex-control-thumbs li img {
    aspect-ratio: 3/4 !important;
    object-fit: cover !important;
    border-radius: 6px;
    height: auto !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-related, class: .elementor-element-ddb3678 *//* Load Font */
@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Rajdhani:wght@500;700&display=swap');

/* --- 1. CONTAINER & GRID --- */
.bf-related-cards ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* 4 Kolom Desktop */
    gap: 20px !important;
    margin: 0 !important;
}

/* Hapus styling bawaan */
.bf-related-cards ul.products::before,
.bf-related-cards ul.products::after {
    display: none;
}

/* --- 2. CARD STYLE --- */
.bf-related-cards ul.products li.product {
    background-color: #111216 !important;
    border: 1px solid #23242a !important;
    border-radius: 12px !important;
    padding: 20px !important;
    text-align: center !important;
    transition: transform 0.3s ease, border-color 0.3s ease !important;
    width: 100% !important;
    margin: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Hover Effect */
.bf-related-cards ul.products li.product:hover {
    transform: translateY(-5px);
    border-color: #00e5ff !important;
    box-shadow: 0 5px 20px rgba(0, 229, 255, 0.1) !important;
}

/* --- 3. GAMBAR PRODUK (3:4 Portrait) --- */
.bf-related-cards ul.products li.product a img {
    border-radius: 8px !important;
    margin-bottom: 15px !important;
    background-color: transparent !important;
    width: 100% !important;
    aspect-ratio: 3/4 !important; /* Rasio Potrait */
    object-fit: cover !important;
    height: auto !important;
}
.bf-related-cards ul.products li.product a.woocommerce-LoopProduct-link {
    display: block;
    width: 100%;
}

/* --- 4. JUDUL PRODUK (CLAMP) --- */
/* Rumus: clamp(MIN, PREFERRED, MAX) */
.bf-related-cards ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Black Ops One', cursive !important;
    
    /* Font size fluid: Min 13px, Max 16px */
    font-size: clamp(13px, 2.5vw, 16px) !important; 
    
    color: #ffffff !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
    padding: 0 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    flex-grow: 1; 
}

/* --- 5. HARGA (CLAMP) --- */
.bf-related-cards ul.products li.product .price {
    font-family: 'Rajdhani', sans-serif !important;
    color: #00e5ff !important;
    font-weight: 700 !important;
    
    /* Font size fluid: Min 15px, Max 18px */
    font-size: clamp(15px, 3vw, 18px) !important;
    
    display: block !important;
    margin-bottom: 15px !important;
}

/* Harga Coret */
.bf-related-cards ul.products li.product .price del {
    color: #555 !important;
    font-size: clamp(12px, 2vw, 14px) !important;
    opacity: 0.6;
    margin-right: 5px;
}
.bf-related-cards ul.products li.product .price ins {
    text-decoration: none;
    font-weight: 700;
}

/* --- 6. TOMBOL ADD TO CART (CLAMP) --- */
.bf-related-cards ul.products li.product .button {
    background-color: transparent !important;
    border: 1px solid #00e5ff !important;
    color: #00e5ff !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 8px 10px !important; /* Padding sedikit dikecilkan agar muat di HP */
    border-radius: 4px !important;
    
    /* Font size fluid: Min 12px, Max 14px */
    font-size: clamp(12px, 3vw, 14px) !important;
    
    transition: 0.3s !important;
    display: inline-block !important;
    margin-top: auto !important;
    line-height: 1.5 !important;
    width: 100%;
}

.bf-related-cards ul.products li.product .button:hover {
    background-color: #00e5ff !important;
    color: #000000 !important;
    box-shadow: 0 0 10px rgba(0, 229, 255, 0.6) !important;
}

/* --- 7. JUDUL SECTION (CLAMP) --- */
.bf-related-cards .elementor-heading-title,
.bf-related-cards h2 {
    font-family: 'Black Ops One', cursive !important;
    color: #ffffff !important;
    text-transform: uppercase;
    text-align: center;
    
    /* Font size fluid: Min 24px, Max 36px */
    font-size: clamp(24px, 5vw, 36px) !important;
    
    margin-bottom: 30px !important;
}

/* --- RESPONSIVE GRID --- */
/* Kita hanya perlu mengatur Grid kolom saja, font sudah otomatis menyesuaikan berkat clamp */

@media (max-width: 1024px) {
    .bf-related-cards ul.products {
        grid-template-columns: repeat(3, 1fr) !important; /* Tablet */
    }
}

@media (max-width: 768px) {
    .bf-related-cards ul.products {
        grid-template-columns: repeat(2, 1fr) !important; /* HP */
        gap: 10px !important; /* Jarak antar kartu lebih rapat di HP */
    }
    
    /* Opsional: Di HP padding kartu diperkecil sedikit */
    .bf-related-cards ul.products li.product {
        padding: 15px !important;
    }
}/* End custom CSS */