.elementor-2458 .elementor-element.elementor-element-722815d{--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:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-2458 .elementor-element.elementor-element-c6924e0{text-align:center;}.elementor-2458 .elementor-element.elementor-element-c6924e0 .elementor-heading-title{font-family:"Cormorant Infant", Sans-serif;font-size:42px;font-weight:700;color:#2F361D;}.elementor-2458 .elementor-element.elementor-element-565daed{width:initial;max-width:initial;text-align:center;font-family:"Cormorant Infant", Sans-serif;font-size:20px;font-style:italic;color:#2F361D;}.elementor-2458 .elementor-element.elementor-element-565daed.elementor-element{--align-self:center;}.elementor-2458 .elementor-element.elementor-element-b8054dc{--display:flex;}.elementor-2458 .elementor-element.elementor-element-f61769f{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--e-filter-hover-text-color:#C94D17;--e-filter-active-text-color:#C94D17;}.elementor-2458 .elementor-element.elementor-element-1bd9888{--grid-columns:3;}.elementor-2458 .elementor-element.elementor-element-1bd9888 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-2458 .elementor-element.elementor-element-1bd9888 .e-loop-item > .elementor-section, .elementor-2458 .elementor-element.elementor-element-1bd9888 .e-loop-item > .elementor-section > .elementor-container, .elementor-2458 .elementor-element.elementor-element-1bd9888 .e-loop-item > .e-con, .elementor-2458 .elementor-element.elementor-element-1bd9888 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-2458 .elementor-element.elementor-element-1bd9888 .elementor-pagination{text-align:center;font-family:"Cormorant Infant", Sans-serif;font-size:20px;margin-top:20px;}.elementor-2458 .elementor-element.elementor-element-1bd9888 .elementor-pagination .page-numbers:not(.dots){color:#2F361D;}.elementor-2458 .elementor-element.elementor-element-1bd9888 .elementor-pagination a.page-numbers:hover{color:#C94D17;}.elementor-2458 .elementor-element.elementor-element-1bd9888 .elementor-pagination .page-numbers.current{color:#C94D17;}body:not(.rtl) .elementor-2458 .elementor-element.elementor-element-1bd9888 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-2458 .elementor-element.elementor-element-1bd9888 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2458 .elementor-element.elementor-element-1bd9888 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2458 .elementor-element.elementor-element-1bd9888 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-2458 .elementor-element.elementor-element-1bd9888{--grid-columns:2;}}@media(max-width:600px){.elementor-2458 .elementor-element.elementor-element-722815d{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-2458 .elementor-element.elementor-element-565daed > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-2458 .elementor-element.elementor-element-565daed{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:16px;line-height:1.5em;}.elementor-2458 .elementor-element.elementor-element-b8054dc{--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;--flex-wrap:wrap;}.elementor-2458 .elementor-element.elementor-element-f61769f{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-space-between:0px;}.elementor-2458 .elementor-element.elementor-element-f61769f .e-filter-item{font-size:16px;}.elementor-2458 .elementor-element.elementor-element-1bd9888{--grid-columns:1;}.elementor-2458 .elementor-element.elementor-element-1bd9888 > .elementor-widget-container{padding:40px 20px 40px 20px;}}/* Start custom CSS for loop-grid, class: .elementor-element-1bd9888 *//* =========================================
   MENYERAGAMKAN UKURAN CARD PRODUK (ELEMENTOR LOOP GRID)
   ========================================= */

/* 1. Memaksa setiap item dalam Loop Grid untuk merentang penuh ke bawah */
.elementor-2458 .elementor-element.elementor-element-1bd9888 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* 2. Memaksa kontainer bagian dalam (Template Loop) untuk menjadi flex column */
.elementor-2458 .elementor-element.elementor-element-1bd9888 .e-loop-item > div,
.elementor-2458 .elementor-element.elementor-element-1bd9888 .e-loop-item .elementor-widget-wrap,
.elementor-2458 .elementor-element.elementor-element-1bd9888 .e-loop-item .e-con {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    height: 100% !important;
}

/* 3. Menyeragamkan ukuran foto (Crop otomatis, Anti-Gepeng) */
/* Anda bisa mengubah angka 250px sesuai selera tinggi foto yang diinginkan */
.elementor-2458 .elementor-element.elementor-element-1bd9888 .e-loop-item img {
    width: 100% !important;
    height: 250px !important; 
    object-fit: cover !important; /* Memotong foto secara proporsional */
    object-position: center !important; /* Fokus di tengah foto */
    border-radius: 8px 8px 0 0 !important; /* Opsional: Sudut melengkung di atas */
}

/* 4. Memberikan batas minimal untuk judul agar rapi jika ada yang 2 baris */
.elementor-2458 .elementor-element.elementor-element-1bd9888 .e-loop-item .elementor-heading-title,
.elementor-2458 .elementor-element.elementor-element-1bd9888 .e-loop-item .woocommerce-loop-product__title {
    min-height: 48px !important; 
    display: flex;
    align-items: center;
}

/* 5. Mendorong widget tombol Add to Cart agar selalu rata di bawah dan sejajar kiri */
.elementor-2458 .elementor-element.elementor-element-1bd9888 .e-loop-item .elementor-widget-woocommerce-product-add-to-cart,
.elementor-2458 .elementor-element.elementor-element-1bd9888 .e-loop-item .elementor-widget-button,
.elementor-2458 .elementor-element.elementor-element-1bd9888 .e-loop-item .add_to_cart_button {
    margin-top: auto !important; /* Rahasia agar tombol turun ke dasar card */
    width: 100% !important; 
    text-align: left !important; /* Diubah menjadi kiri agar senada dengan teks */
}

/* Memastikan bungkus tombol Elementor juga rata kiri */
.elementor-2458 .elementor-element.elementor-element-1bd9888 .e-loop-item .elementor-button-wrapper {
    text-align: left !important;
}

/* 6. Merapikan jarak elemen sebelum tombol (biasanya harga) */
.elementor-2458 .elementor-element.elementor-element-1bd9888 .e-loop-item .elementor-widget-woocommerce-product-price {
    margin-bottom: 20px !important;
}/* End custom CSS */