.elementor-14 .elementor-element.elementor-element-6fc6847{--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:30px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-dec3d99{padding:0px 0px 5px 0px;text-align:center;}.elementor-14 .elementor-element.elementor-element-dec3d99 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:37px;font-weight:600;line-height:1.2em;color:var( --e-global-color-astglobalcolor2 );}.elementor-widget-text-editor{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-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-2303ff2{width:var( --container-widget-width, 56% );max-width:56%;--container-widget-width:56%;--container-widget-flex-grow:0;text-align:center;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;}.elementor-14 .elementor-element.elementor-element-2303ff2.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-b6e5843{--display:flex;}.elementor-14 .elementor-element.elementor-element-c973b18{--display:flex;}.elementor-14 .elementor-element.elementor-element-7a5af41{--spacer-size:30px;}.elementor-14 .elementor-element.elementor-element-9bcf874{--display:flex;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .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 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .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 > .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-14 .elementor-element.elementor-element-c3f2732{--display:flex;}.elementor-14 .elementor-element.elementor-element-b74ec68{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14 .elementor-element.elementor-element-a92d832.ekit-equal-height-enable,
					.elementor-14 .elementor-element.elementor-element-a92d832.ekit-equal-height-enable > div,
					.elementor-14 .elementor-element.elementor-element-a92d832.ekit-equal-height-enable .ekit-wid-con,
					.elementor-14 .elementor-element.elementor-element-a92d832.ekit-equal-height-enable .ekit-wid-con .elementskit-info-image-box{height:100%;}.elementor-14 .elementor-element.elementor-element-a92d832{border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}.elementor-14 .elementor-element.elementor-element-a92d832 .elementskit-box-header{border-radius:10px 10px 0px 0px;}.elementor-14 .elementor-element.elementor-element-a92d832 .elementskit-box-header img{border-radius:10px 10px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-a92d832 .elementskit-info-image-box  .elementskit-box-header img{opacity:1;}.elementor-14 .elementor-element.elementor-element-a92d832 .elementskit-info-image-box.elementskit-thumb-card >  img{opacity:1;}.elementor-14 .elementor-element.elementor-element-a92d832 .elementskit-info-image-box:hover  .elementskit-box-header img{opacity:1;transform:scale(1.1);}.elementor-14 .elementor-element.elementor-element-a92d832 .elementskit-info-image-box.elementskit-thumb-card:hover >  img{opacity:1;transform:scale(1.1);}.elementor-14 .elementor-element.elementor-element-a92d832 .elementskit-info-image-box .elementskit-box-body{padding:30px 30px 30px 30px;}.elementor-14 .elementor-element.elementor-element-a92d832 .elementskit-info-image-box .elementskit-info-box-title{margin:0px 0px 20px 0px;}.elementor-14 .elementor-element.elementor-element-a92d832 .elementskit-info-image-box .elementskit-box-content :is(.elementskit-info-box-title, .elementskit-info-box-title a ){font-size:17px;}.elementor-14 .elementor-element.elementor-element-a92d832 .elementskit-info-image-box .elementskit-box-style-content{margin:0px 0px 14px 0px;}.elementor-14 .elementor-element.elementor-element-a92d832 .elementskit-info-image-box .elementskit-btn{padding:10px 85px 10px 085px;font-weight:600;}.elementor-14 .elementor-element.elementor-element-a7f8c0f.ekit-equal-height-enable,
					.elementor-14 .elementor-element.elementor-element-a7f8c0f.ekit-equal-height-enable > div,
					.elementor-14 .elementor-element.elementor-element-a7f8c0f.ekit-equal-height-enable .ekit-wid-con,
					.elementor-14 .elementor-element.elementor-element-a7f8c0f.ekit-equal-height-enable .ekit-wid-con .elementskit-info-image-box{height:100%;}.elementor-14 .elementor-element.elementor-element-a7f8c0f{border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}.elementor-14 .elementor-element.elementor-element-a7f8c0f .elementskit-box-header{border-radius:10px 10px 0px 0px;}.elementor-14 .elementor-element.elementor-element-a7f8c0f .elementskit-box-header img{border-radius:10px 10px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-a7f8c0f .elementskit-info-image-box  .elementskit-box-header img{opacity:1;}.elementor-14 .elementor-element.elementor-element-a7f8c0f .elementskit-info-image-box.elementskit-thumb-card >  img{opacity:1;}.elementor-14 .elementor-element.elementor-element-a7f8c0f .elementskit-info-image-box:hover  .elementskit-box-header img{opacity:1;transform:scale(1.1);}.elementor-14 .elementor-element.elementor-element-a7f8c0f .elementskit-info-image-box.elementskit-thumb-card:hover >  img{opacity:1;transform:scale(1.1);}.elementor-14 .elementor-element.elementor-element-a7f8c0f .elementskit-info-image-box .elementskit-box-body{padding:30px 30px 30px 30px;}.elementor-14 .elementor-element.elementor-element-a7f8c0f .elementskit-info-image-box .elementskit-info-box-title{margin:0px 0px 20px 0px;}.elementor-14 .elementor-element.elementor-element-a7f8c0f .elementskit-info-image-box .elementskit-box-content :is(.elementskit-info-box-title, .elementskit-info-box-title a ){font-size:17px;}.elementor-14 .elementor-element.elementor-element-a7f8c0f .elementskit-info-image-box .elementskit-box-style-content{margin:0px 0px 14px 0px;}.elementor-14 .elementor-element.elementor-element-a7f8c0f .elementskit-info-image-box .elementskit-btn{padding:10px 85px 10px 085px;font-weight:600;}.elementor-14 .elementor-element.elementor-element-f0f649f{--display:flex;}.elementor-14 .elementor-element.elementor-element-1510a09{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14 .elementor-element.elementor-element-1a6beb5.ekit-equal-height-enable,
					.elementor-14 .elementor-element.elementor-element-1a6beb5.ekit-equal-height-enable > div,
					.elementor-14 .elementor-element.elementor-element-1a6beb5.ekit-equal-height-enable .ekit-wid-con,
					.elementor-14 .elementor-element.elementor-element-1a6beb5.ekit-equal-height-enable .ekit-wid-con .elementskit-info-image-box{height:100%;}.elementor-14 .elementor-element.elementor-element-1a6beb5{border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}.elementor-14 .elementor-element.elementor-element-1a6beb5 .elementskit-box-header{border-radius:10px 10px 0px 0px;}.elementor-14 .elementor-element.elementor-element-1a6beb5 .elementskit-box-header img{border-radius:10px 10px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-1a6beb5 .elementskit-info-image-box  .elementskit-box-header img{opacity:1;}.elementor-14 .elementor-element.elementor-element-1a6beb5 .elementskit-info-image-box.elementskit-thumb-card >  img{opacity:1;}.elementor-14 .elementor-element.elementor-element-1a6beb5 .elementskit-info-image-box:hover  .elementskit-box-header img{opacity:1;transform:scale(1.1);}.elementor-14 .elementor-element.elementor-element-1a6beb5 .elementskit-info-image-box.elementskit-thumb-card:hover >  img{opacity:1;transform:scale(1.1);}.elementor-14 .elementor-element.elementor-element-1a6beb5 .elementskit-info-image-box .elementskit-box-body{padding:30px 30px 30px 30px;}.elementor-14 .elementor-element.elementor-element-1a6beb5 .elementskit-info-image-box .elementskit-info-box-title{margin:0px 0px 20px 0px;}.elementor-14 .elementor-element.elementor-element-1a6beb5 .elementskit-info-image-box .elementskit-box-content :is(.elementskit-info-box-title, .elementskit-info-box-title a ){font-size:17px;}.elementor-14 .elementor-element.elementor-element-1a6beb5 .elementskit-info-image-box .elementskit-box-style-content{margin:0px 0px 14px 0px;}.elementor-14 .elementor-element.elementor-element-1a6beb5 .elementskit-info-image-box .elementskit-btn{padding:10px 85px 10px 085px;font-weight:600;}.elementor-14 .elementor-element.elementor-element-c5b12aa{--display:flex;}.elementor-14 .elementor-element.elementor-element-adf4fa7{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14 .elementor-element.elementor-element-c7a4844.ekit-equal-height-enable,
					.elementor-14 .elementor-element.elementor-element-c7a4844.ekit-equal-height-enable > div,
					.elementor-14 .elementor-element.elementor-element-c7a4844.ekit-equal-height-enable .ekit-wid-con,
					.elementor-14 .elementor-element.elementor-element-c7a4844.ekit-equal-height-enable .ekit-wid-con .elementskit-info-image-box{height:100%;}.elementor-14 .elementor-element.elementor-element-c7a4844{border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}.elementor-14 .elementor-element.elementor-element-c7a4844 .elementskit-box-header{border-radius:10px 10px 0px 0px;}.elementor-14 .elementor-element.elementor-element-c7a4844 .elementskit-box-header img{border-radius:10px 10px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-c7a4844 .elementskit-info-image-box  .elementskit-box-header img{opacity:1;}.elementor-14 .elementor-element.elementor-element-c7a4844 .elementskit-info-image-box.elementskit-thumb-card >  img{opacity:1;}.elementor-14 .elementor-element.elementor-element-c7a4844 .elementskit-info-image-box:hover  .elementskit-box-header img{opacity:1;transform:scale(1.1);}.elementor-14 .elementor-element.elementor-element-c7a4844 .elementskit-info-image-box.elementskit-thumb-card:hover >  img{opacity:1;transform:scale(1.1);}.elementor-14 .elementor-element.elementor-element-c7a4844 .elementskit-info-image-box .elementskit-box-body{padding:30px 30px 30px 30px;}.elementor-14 .elementor-element.elementor-element-c7a4844 .elementskit-info-image-box .elementskit-info-box-title{margin:0px 0px 20px 0px;}.elementor-14 .elementor-element.elementor-element-c7a4844 .elementskit-info-image-box .elementskit-box-content :is(.elementskit-info-box-title, .elementskit-info-box-title a ){font-size:17px;}.elementor-14 .elementor-element.elementor-element-c7a4844 .elementskit-info-image-box .elementskit-box-style-content{margin:0px 0px 14px 0px;}.elementor-14 .elementor-element.elementor-element-c7a4844 .elementskit-info-image-box .elementskit-btn{padding:10px 85px 10px 085px;font-weight:600;}.elementor-14 .elementor-element.elementor-element-cbb5ba7{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:0px;}.elementor-14 .elementor-element.elementor-element-cbb5ba7.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-cbb5ba7.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-14 .elementor-element.elementor-element-cbb5ba7.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-087b5fc{--display:flex;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-14 .elementor-element.elementor-element-dec3d99 .elementor-heading-title{font-size:32px;}.elementor-14 .elementor-element.elementor-element-2303ff2{font-size:15px;}.elementor-14 .elementor-element.elementor-element-b74ec68{--grid-auto-flow:row;}.elementor-14 .elementor-element.elementor-element-1510a09{--grid-auto-flow:row;}.elementor-14 .elementor-element.elementor-element-adf4fa7{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-14 .elementor-element.elementor-element-dec3d99 .elementor-heading-title{font-size:27px;}.elementor-14 .elementor-element.elementor-element-2303ff2{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-14 .elementor-element.elementor-element-b74ec68{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-14 .elementor-element.elementor-element-a92d832 .elementskit-info-image-box .elementskit-box-style-content{margin:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-a92d832 .elementskit-info-image-box .elementskit-btn{padding:10px 70px 10px 70px;}.elementor-14 .elementor-element.elementor-element-a7f8c0f .elementskit-info-image-box .elementskit-box-style-content{margin:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-a7f8c0f .elementskit-info-image-box .elementskit-btn{padding:10px 70px 10px 70px;}.elementor-14 .elementor-element.elementor-element-1510a09{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-14 .elementor-element.elementor-element-1a6beb5 .elementskit-info-image-box .elementskit-box-style-content{margin:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-1a6beb5 .elementskit-info-image-box .elementskit-btn{padding:10px 70px 10px 70px;}.elementor-14 .elementor-element.elementor-element-adf4fa7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-14 .elementor-element.elementor-element-c7a4844 .elementskit-info-image-box .elementskit-box-style-content{margin:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-c7a4844 .elementskit-info-image-box .elementskit-btn{padding:10px 70px 10px 70px;}}/* Start custom CSS for elementskit-image-box, class: .elementor-element-a92d832 *//* META RATING & PRICE - Layout baru */
.product-container {
  position: relative;
  padding-bottom: 40px; /* Ruang untuk button */
}

.product-meta {
  display: flex;
  justify-content: space-between; /* Kiri-kanan */
  align-items: flex-end; /* Sejajarkan di bagian bawah */
  position: relative;
  margin: -15px 0 20px;
  min-height: 40px; /* Tinggi minimum agar konsisten */
}

/* BINTANG - Pojok kiri bawah */
.product-meta .rating {
  color: #f5a623;
  font-size: 14px;
  letter-spacing: 3px;
  align-self: flex-end; /* Pastikan di bawah */
}

/* HARGA - Pojok kanan bawah */
.product-meta .price {
  color: #2563eb;
  font-weight: 700;
  font-size: 18px;
  text-align: right;
  align-self: flex-end; /* Pastikan di bawah */
  white-space: nowrap; /* Harga tidak turun */
}

/* BUTTON DETAIL - Tengah bawah */
.detail-button-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}

.detail-button {
  background-color: #2563eb;
  color: white;
  border: none;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}

.detail-button:hover {
  background-color: #1d4ed8;
}

/* RESPONSIVE MOBILE */
@media (max-width: 767px) {
  .product-container {
    padding-bottom: 35px;
  }
  
  .product-meta {
    margin: -15px 0 15px;
    min-height: 35px;
  }

  .product-meta .rating {
    font-size: 13px;
    letter-spacing: 2px;
  }

  .product-meta .price {
    font-size: 16px;
  }
  
  .detail-button {
    padding: 8px 24px;
    font-size: 13px;
  }
}

/* Untuk layar sangat kecil */
@media (max-width: 480px) {
  .product-meta {
    gap: 20px; /* Jarak minimal antara rating dan harga */
  }
  
  .product-meta .price {
    font-size: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for elementskit-image-box, class: .elementor-element-a7f8c0f *//* META RATING & PRICE - Layout baru */
.product-container {
  position: relative;
  padding-bottom: 40px; /* Ruang untuk button */
}

.product-meta {
  display: flex;
  justify-content: space-between; /* Kiri-kanan */
  align-items: flex-end; /* Sejajarkan di bagian bawah */
  position: relative;
  margin: -15px 0 20px;
  min-height: 40px; /* Tinggi minimum agar konsisten */
}

/* BINTANG - Pojok kiri bawah */
.product-meta .rating {
  color: #f5a623;
  font-size: 14px;
  letter-spacing: 3px;
  align-self: flex-end; /* Pastikan di bawah */
}

/* HARGA - Pojok kanan bawah */
.product-meta .price {
  color: #2563eb;
  font-weight: 700;
  font-size: 18px;
  text-align: right;
  align-self: flex-end; /* Pastikan di bawah */
  white-space: nowrap; /* Harga tidak turun */
}

/* BUTTON DETAIL - Tengah bawah */
.detail-button-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}

.detail-button {
  background-color: #2563eb;
  color: white;
  border: none;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}

.detail-button:hover {
  background-color: #1d4ed8;
}

/* RESPONSIVE MOBILE */
@media (max-width: 767px) {
  .product-container {
    padding-bottom: 35px;
  }
  
  .product-meta {
    margin: -15px 0 15px;
    min-height: 35px;
  }

  .product-meta .rating {
    font-size: 13px;
    letter-spacing: 2px;
  }

  .product-meta .price {
    font-size: 16px;
  }
  
  .detail-button {
    padding: 8px 24px;
    font-size: 13px;
  }
}

/* Untuk layar sangat kecil */
@media (max-width: 480px) {
  .product-meta {
    gap: 20px; /* Jarak minimal antara rating dan harga */
  }
  
  .product-meta .price {
    font-size: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for elementskit-image-box, class: .elementor-element-1a6beb5 *//* META RATING & PRICE - Layout baru */
.product-container {
  position: relative;
  padding-bottom: 40px; /* Ruang untuk button */
}

.product-meta {
  display: flex;
  justify-content: space-between; /* Kiri-kanan */
  align-items: flex-end; /* Sejajarkan di bagian bawah */
  position: relative;
  margin: -15px 0 20px;
  min-height: 40px; /* Tinggi minimum agar konsisten */
}

/* BINTANG - Pojok kiri bawah */
.product-meta .rating {
  color: #f5a623;
  font-size: 14px;
  letter-spacing: 3px;
  align-self: flex-end; /* Pastikan di bawah */
}

/* HARGA - Pojok kanan bawah */
.product-meta .price {
  color: #2563eb;
  font-weight: 700;
  font-size: 18px;
  text-align: right;
  align-self: flex-end; /* Pastikan di bawah */
  white-space: nowrap; /* Harga tidak turun */
}

/* BUTTON DETAIL - Tengah bawah */
.detail-button-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}

.detail-button {
  background-color: #2563eb;
  color: white;
  border: none;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}

.detail-button:hover {
  background-color: #1d4ed8;
}

/* RESPONSIVE MOBILE */
@media (max-width: 767px) {
  .product-container {
    padding-bottom: 35px;
  }
  
  .product-meta {
    margin: -15px 0 15px;
    min-height: 35px;
  }

  .product-meta .rating {
    font-size: 13px;
    letter-spacing: 2px;
  }

  .product-meta .price {
    font-size: 16px;
  }
  
  .detail-button {
    padding: 8px 24px;
    font-size: 13px;
  }
}

/* Untuk layar sangat kecil */
@media (max-width: 480px) {
  .product-meta {
    gap: 20px; /* Jarak minimal antara rating dan harga */
  }
  
  .product-meta .price {
    font-size: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for elementskit-image-box, class: .elementor-element-c7a4844 *//* META RATING & PRICE - Layout baru */
.product-container {
  position: relative;
  padding-bottom: 40px; /* Ruang untuk button */
}

.product-meta {
  display: flex;
  justify-content: space-between; /* Kiri-kanan */
  align-items: flex-end; /* Sejajarkan di bagian bawah */
  position: relative;
  margin: -15px 0 20px;
  min-height: 40px; /* Tinggi minimum agar konsisten */
}

/* BINTANG - Pojok kiri bawah */
.product-meta .rating {
  color: #f5a623;
  font-size: 14px;
  letter-spacing: 3px;
  align-self: flex-end; /* Pastikan di bawah */
}

/* HARGA - Pojok kanan bawah */
.product-meta .price {
  color: #2563eb;
  font-weight: 700;
  font-size: 18px;
  text-align: right;
  align-self: flex-end; /* Pastikan di bawah */
  white-space: nowrap; /* Harga tidak turun */
}

/* BUTTON DETAIL - Tengah bawah */
.detail-button-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}

.detail-button {
  background-color: #2563eb;
  color: white;
  border: none;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}

.detail-button:hover {
  background-color: #1d4ed8;
}

/* RESPONSIVE MOBILE */
@media (max-width: 767px) {
  .product-container {
    padding-bottom: 35px;
  }
  
  .product-meta {
    margin: -15px 0 15px;
    min-height: 35px;
  }

  .product-meta .rating {
    font-size: 13px;
    letter-spacing: 2px;
  }

  .product-meta .price {
    font-size: 16px;
  }
  
  .detail-button {
    padding: 8px 24px;
    font-size: 13px;
  }
}

/* Untuk layar sangat kecil */
@media (max-width: 480px) {
  .product-meta {
    gap: 20px; /* Jarak minimal antara rating dan harga */
  }
  
  .product-meta .price {
    font-size: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for elementskit-image-box, class: .elementor-element-a92d832 *//* META RATING & PRICE - Layout baru */
.product-container {
  position: relative;
  padding-bottom: 40px; /* Ruang untuk button */
}

.product-meta {
  display: flex;
  justify-content: space-between; /* Kiri-kanan */
  align-items: flex-end; /* Sejajarkan di bagian bawah */
  position: relative;
  margin: -15px 0 20px;
  min-height: 40px; /* Tinggi minimum agar konsisten */
}

/* BINTANG - Pojok kiri bawah */
.product-meta .rating {
  color: #f5a623;
  font-size: 14px;
  letter-spacing: 3px;
  align-self: flex-end; /* Pastikan di bawah */
}

/* HARGA - Pojok kanan bawah */
.product-meta .price {
  color: #2563eb;
  font-weight: 700;
  font-size: 18px;
  text-align: right;
  align-self: flex-end; /* Pastikan di bawah */
  white-space: nowrap; /* Harga tidak turun */
}

/* BUTTON DETAIL - Tengah bawah */
.detail-button-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}

.detail-button {
  background-color: #2563eb;
  color: white;
  border: none;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}

.detail-button:hover {
  background-color: #1d4ed8;
}

/* RESPONSIVE MOBILE */
@media (max-width: 767px) {
  .product-container {
    padding-bottom: 35px;
  }
  
  .product-meta {
    margin: -15px 0 15px;
    min-height: 35px;
  }

  .product-meta .rating {
    font-size: 13px;
    letter-spacing: 2px;
  }

  .product-meta .price {
    font-size: 16px;
  }
  
  .detail-button {
    padding: 8px 24px;
    font-size: 13px;
  }
}

/* Untuk layar sangat kecil */
@media (max-width: 480px) {
  .product-meta {
    gap: 20px; /* Jarak minimal antara rating dan harga */
  }
  
  .product-meta .price {
    font-size: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for elementskit-image-box, class: .elementor-element-a7f8c0f *//* META RATING & PRICE - Layout baru */
.product-container {
  position: relative;
  padding-bottom: 40px; /* Ruang untuk button */
}

.product-meta {
  display: flex;
  justify-content: space-between; /* Kiri-kanan */
  align-items: flex-end; /* Sejajarkan di bagian bawah */
  position: relative;
  margin: -15px 0 20px;
  min-height: 40px; /* Tinggi minimum agar konsisten */
}

/* BINTANG - Pojok kiri bawah */
.product-meta .rating {
  color: #f5a623;
  font-size: 14px;
  letter-spacing: 3px;
  align-self: flex-end; /* Pastikan di bawah */
}

/* HARGA - Pojok kanan bawah */
.product-meta .price {
  color: #2563eb;
  font-weight: 700;
  font-size: 18px;
  text-align: right;
  align-self: flex-end; /* Pastikan di bawah */
  white-space: nowrap; /* Harga tidak turun */
}

/* BUTTON DETAIL - Tengah bawah */
.detail-button-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}

.detail-button {
  background-color: #2563eb;
  color: white;
  border: none;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}

.detail-button:hover {
  background-color: #1d4ed8;
}

/* RESPONSIVE MOBILE */
@media (max-width: 767px) {
  .product-container {
    padding-bottom: 35px;
  }
  
  .product-meta {
    margin: -15px 0 15px;
    min-height: 35px;
  }

  .product-meta .rating {
    font-size: 13px;
    letter-spacing: 2px;
  }

  .product-meta .price {
    font-size: 16px;
  }
  
  .detail-button {
    padding: 8px 24px;
    font-size: 13px;
  }
}

/* Untuk layar sangat kecil */
@media (max-width: 480px) {
  .product-meta {
    gap: 20px; /* Jarak minimal antara rating dan harga */
  }
  
  .product-meta .price {
    font-size: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for elementskit-image-box, class: .elementor-element-1a6beb5 *//* META RATING & PRICE - Layout baru */
.product-container {
  position: relative;
  padding-bottom: 40px; /* Ruang untuk button */
}

.product-meta {
  display: flex;
  justify-content: space-between; /* Kiri-kanan */
  align-items: flex-end; /* Sejajarkan di bagian bawah */
  position: relative;
  margin: -15px 0 20px;
  min-height: 40px; /* Tinggi minimum agar konsisten */
}

/* BINTANG - Pojok kiri bawah */
.product-meta .rating {
  color: #f5a623;
  font-size: 14px;
  letter-spacing: 3px;
  align-self: flex-end; /* Pastikan di bawah */
}

/* HARGA - Pojok kanan bawah */
.product-meta .price {
  color: #2563eb;
  font-weight: 700;
  font-size: 18px;
  text-align: right;
  align-self: flex-end; /* Pastikan di bawah */
  white-space: nowrap; /* Harga tidak turun */
}

/* BUTTON DETAIL - Tengah bawah */
.detail-button-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}

.detail-button {
  background-color: #2563eb;
  color: white;
  border: none;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}

.detail-button:hover {
  background-color: #1d4ed8;
}

/* RESPONSIVE MOBILE */
@media (max-width: 767px) {
  .product-container {
    padding-bottom: 35px;
  }
  
  .product-meta {
    margin: -15px 0 15px;
    min-height: 35px;
  }

  .product-meta .rating {
    font-size: 13px;
    letter-spacing: 2px;
  }

  .product-meta .price {
    font-size: 16px;
  }
  
  .detail-button {
    padding: 8px 24px;
    font-size: 13px;
  }
}

/* Untuk layar sangat kecil */
@media (max-width: 480px) {
  .product-meta {
    gap: 20px; /* Jarak minimal antara rating dan harga */
  }
  
  .product-meta .price {
    font-size: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for elementskit-image-box, class: .elementor-element-c7a4844 *//* META RATING & PRICE - Layout baru */
.product-container {
  position: relative;
  padding-bottom: 40px; /* Ruang untuk button */
}

.product-meta {
  display: flex;
  justify-content: space-between; /* Kiri-kanan */
  align-items: flex-end; /* Sejajarkan di bagian bawah */
  position: relative;
  margin: -15px 0 20px;
  min-height: 40px; /* Tinggi minimum agar konsisten */
}

/* BINTANG - Pojok kiri bawah */
.product-meta .rating {
  color: #f5a623;
  font-size: 14px;
  letter-spacing: 3px;
  align-self: flex-end; /* Pastikan di bawah */
}

/* HARGA - Pojok kanan bawah */
.product-meta .price {
  color: #2563eb;
  font-weight: 700;
  font-size: 18px;
  text-align: right;
  align-self: flex-end; /* Pastikan di bawah */
  white-space: nowrap; /* Harga tidak turun */
}

/* BUTTON DETAIL - Tengah bawah */
.detail-button-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}

.detail-button {
  background-color: #2563eb;
  color: white;
  border: none;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}

.detail-button:hover {
  background-color: #1d4ed8;
}

/* RESPONSIVE MOBILE */
@media (max-width: 767px) {
  .product-container {
    padding-bottom: 35px;
  }
  
  .product-meta {
    margin: -15px 0 15px;
    min-height: 35px;
  }

  .product-meta .rating {
    font-size: 13px;
    letter-spacing: 2px;
  }

  .product-meta .price {
    font-size: 16px;
  }
  
  .detail-button {
    padding: 8px 24px;
    font-size: 13px;
  }
}

/* Untuk layar sangat kecil */
@media (max-width: 480px) {
  .product-meta {
    gap: 20px; /* Jarak minimal antara rating dan harga */
  }
  
  .product-meta .price {
    font-size: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for elementskit-image-box, class: .elementor-element-a92d832 *//* META RATING & PRICE - Layout baru */
.product-container {
  position: relative;
  padding-bottom: 40px; /* Ruang untuk button */
}

.product-meta {
  display: flex;
  justify-content: space-between; /* Kiri-kanan */
  align-items: flex-end; /* Sejajarkan di bagian bawah */
  position: relative;
  margin: -15px 0 20px;
  min-height: 40px; /* Tinggi minimum agar konsisten */
}

/* BINTANG - Pojok kiri bawah */
.product-meta .rating {
  color: #f5a623;
  font-size: 14px;
  letter-spacing: 3px;
  align-self: flex-end; /* Pastikan di bawah */
}

/* HARGA - Pojok kanan bawah */
.product-meta .price {
  color: #2563eb;
  font-weight: 700;
  font-size: 18px;
  text-align: right;
  align-self: flex-end; /* Pastikan di bawah */
  white-space: nowrap; /* Harga tidak turun */
}

/* BUTTON DETAIL - Tengah bawah */
.detail-button-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}

.detail-button {
  background-color: #2563eb;
  color: white;
  border: none;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}

.detail-button:hover {
  background-color: #1d4ed8;
}

/* RESPONSIVE MOBILE */
@media (max-width: 767px) {
  .product-container {
    padding-bottom: 35px;
  }
  
  .product-meta {
    margin: -15px 0 15px;
    min-height: 35px;
  }

  .product-meta .rating {
    font-size: 13px;
    letter-spacing: 2px;
  }

  .product-meta .price {
    font-size: 16px;
  }
  
  .detail-button {
    padding: 8px 24px;
    font-size: 13px;
  }
}

/* Untuk layar sangat kecil */
@media (max-width: 480px) {
  .product-meta {
    gap: 20px; /* Jarak minimal antara rating dan harga */
  }
  
  .product-meta .price {
    font-size: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for elementskit-image-box, class: .elementor-element-a7f8c0f *//* META RATING & PRICE - Layout baru */
.product-container {
  position: relative;
  padding-bottom: 40px; /* Ruang untuk button */
}

.product-meta {
  display: flex;
  justify-content: space-between; /* Kiri-kanan */
  align-items: flex-end; /* Sejajarkan di bagian bawah */
  position: relative;
  margin: -15px 0 20px;
  min-height: 40px; /* Tinggi minimum agar konsisten */
}

/* BINTANG - Pojok kiri bawah */
.product-meta .rating {
  color: #f5a623;
  font-size: 14px;
  letter-spacing: 3px;
  align-self: flex-end; /* Pastikan di bawah */
}

/* HARGA - Pojok kanan bawah */
.product-meta .price {
  color: #2563eb;
  font-weight: 700;
  font-size: 18px;
  text-align: right;
  align-self: flex-end; /* Pastikan di bawah */
  white-space: nowrap; /* Harga tidak turun */
}

/* BUTTON DETAIL - Tengah bawah */
.detail-button-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}

.detail-button {
  background-color: #2563eb;
  color: white;
  border: none;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}

.detail-button:hover {
  background-color: #1d4ed8;
}

/* RESPONSIVE MOBILE */
@media (max-width: 767px) {
  .product-container {
    padding-bottom: 35px;
  }
  
  .product-meta {
    margin: -15px 0 15px;
    min-height: 35px;
  }

  .product-meta .rating {
    font-size: 13px;
    letter-spacing: 2px;
  }

  .product-meta .price {
    font-size: 16px;
  }
  
  .detail-button {
    padding: 8px 24px;
    font-size: 13px;
  }
}

/* Untuk layar sangat kecil */
@media (max-width: 480px) {
  .product-meta {
    gap: 20px; /* Jarak minimal antara rating dan harga */
  }
  
  .product-meta .price {
    font-size: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for elementskit-image-box, class: .elementor-element-1a6beb5 *//* META RATING & PRICE - Layout baru */
.product-container {
  position: relative;
  padding-bottom: 40px; /* Ruang untuk button */
}

.product-meta {
  display: flex;
  justify-content: space-between; /* Kiri-kanan */
  align-items: flex-end; /* Sejajarkan di bagian bawah */
  position: relative;
  margin: -15px 0 20px;
  min-height: 40px; /* Tinggi minimum agar konsisten */
}

/* BINTANG - Pojok kiri bawah */
.product-meta .rating {
  color: #f5a623;
  font-size: 14px;
  letter-spacing: 3px;
  align-self: flex-end; /* Pastikan di bawah */
}

/* HARGA - Pojok kanan bawah */
.product-meta .price {
  color: #2563eb;
  font-weight: 700;
  font-size: 18px;
  text-align: right;
  align-self: flex-end; /* Pastikan di bawah */
  white-space: nowrap; /* Harga tidak turun */
}

/* BUTTON DETAIL - Tengah bawah */
.detail-button-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}

.detail-button {
  background-color: #2563eb;
  color: white;
  border: none;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}

.detail-button:hover {
  background-color: #1d4ed8;
}

/* RESPONSIVE MOBILE */
@media (max-width: 767px) {
  .product-container {
    padding-bottom: 35px;
  }
  
  .product-meta {
    margin: -15px 0 15px;
    min-height: 35px;
  }

  .product-meta .rating {
    font-size: 13px;
    letter-spacing: 2px;
  }

  .product-meta .price {
    font-size: 16px;
  }
  
  .detail-button {
    padding: 8px 24px;
    font-size: 13px;
  }
}

/* Untuk layar sangat kecil */
@media (max-width: 480px) {
  .product-meta {
    gap: 20px; /* Jarak minimal antara rating dan harga */
  }
  
  .product-meta .price {
    font-size: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for elementskit-image-box, class: .elementor-element-c7a4844 *//* META RATING & PRICE - Layout baru */
.product-container {
  position: relative;
  padding-bottom: 40px; /* Ruang untuk button */
}

.product-meta {
  display: flex;
  justify-content: space-between; /* Kiri-kanan */
  align-items: flex-end; /* Sejajarkan di bagian bawah */
  position: relative;
  margin: -15px 0 20px;
  min-height: 40px; /* Tinggi minimum agar konsisten */
}

/* BINTANG - Pojok kiri bawah */
.product-meta .rating {
  color: #f5a623;
  font-size: 14px;
  letter-spacing: 3px;
  align-self: flex-end; /* Pastikan di bawah */
}

/* HARGA - Pojok kanan bawah */
.product-meta .price {
  color: #2563eb;
  font-weight: 700;
  font-size: 18px;
  text-align: right;
  align-self: flex-end; /* Pastikan di bawah */
  white-space: nowrap; /* Harga tidak turun */
}

/* BUTTON DETAIL - Tengah bawah */
.detail-button-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}

.detail-button {
  background-color: #2563eb;
  color: white;
  border: none;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}

.detail-button:hover {
  background-color: #1d4ed8;
}

/* RESPONSIVE MOBILE */
@media (max-width: 767px) {
  .product-container {
    padding-bottom: 35px;
  }
  
  .product-meta {
    margin: -15px 0 15px;
    min-height: 35px;
  }

  .product-meta .rating {
    font-size: 13px;
    letter-spacing: 2px;
  }

  .product-meta .price {
    font-size: 16px;
  }
  
  .detail-button {
    padding: 8px 24px;
    font-size: 13px;
  }
}

/* Untuk layar sangat kecil */
@media (max-width: 480px) {
  .product-meta {
    gap: 20px; /* Jarak minimal antara rating dan harga */
  }
  
  .product-meta .price {
    font-size: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for elementskit-image-box, class: .elementor-element-a92d832 *//* META RATING & PRICE - Layout baru */
.product-container {
  position: relative;
  padding-bottom: 40px; /* Ruang untuk button */
}

.product-meta {
  display: flex;
  justify-content: space-between; /* Kiri-kanan */
  align-items: flex-end; /* Sejajarkan di bagian bawah */
  position: relative;
  margin: -15px 0 20px;
  min-height: 40px; /* Tinggi minimum agar konsisten */
}

/* BINTANG - Pojok kiri bawah */
.product-meta .rating {
  color: #f5a623;
  font-size: 14px;
  letter-spacing: 3px;
  align-self: flex-end; /* Pastikan di bawah */
}

/* HARGA - Pojok kanan bawah */
.product-meta .price {
  color: #2563eb;
  font-weight: 700;
  font-size: 18px;
  text-align: right;
  align-self: flex-end; /* Pastikan di bawah */
  white-space: nowrap; /* Harga tidak turun */
}

/* BUTTON DETAIL - Tengah bawah */
.detail-button-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}

.detail-button {
  background-color: #2563eb;
  color: white;
  border: none;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}

.detail-button:hover {
  background-color: #1d4ed8;
}

/* RESPONSIVE MOBILE */
@media (max-width: 767px) {
  .product-container {
    padding-bottom: 35px;
  }
  
  .product-meta {
    margin: -15px 0 15px;
    min-height: 35px;
  }

  .product-meta .rating {
    font-size: 13px;
    letter-spacing: 2px;
  }

  .product-meta .price {
    font-size: 16px;
  }
  
  .detail-button {
    padding: 8px 24px;
    font-size: 13px;
  }
}

/* Untuk layar sangat kecil */
@media (max-width: 480px) {
  .product-meta {
    gap: 20px; /* Jarak minimal antara rating dan harga */
  }
  
  .product-meta .price {
    font-size: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for elementskit-image-box, class: .elementor-element-a7f8c0f *//* META RATING & PRICE - Layout baru */
.product-container {
  position: relative;
  padding-bottom: 40px; /* Ruang untuk button */
}

.product-meta {
  display: flex;
  justify-content: space-between; /* Kiri-kanan */
  align-items: flex-end; /* Sejajarkan di bagian bawah */
  position: relative;
  margin: -15px 0 20px;
  min-height: 40px; /* Tinggi minimum agar konsisten */
}

/* BINTANG - Pojok kiri bawah */
.product-meta .rating {
  color: #f5a623;
  font-size: 14px;
  letter-spacing: 3px;
  align-self: flex-end; /* Pastikan di bawah */
}

/* HARGA - Pojok kanan bawah */
.product-meta .price {
  color: #2563eb;
  font-weight: 700;
  font-size: 18px;
  text-align: right;
  align-self: flex-end; /* Pastikan di bawah */
  white-space: nowrap; /* Harga tidak turun */
}

/* BUTTON DETAIL - Tengah bawah */
.detail-button-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}

.detail-button {
  background-color: #2563eb;
  color: white;
  border: none;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}

.detail-button:hover {
  background-color: #1d4ed8;
}

/* RESPONSIVE MOBILE */
@media (max-width: 767px) {
  .product-container {
    padding-bottom: 35px;
  }
  
  .product-meta {
    margin: -15px 0 15px;
    min-height: 35px;
  }

  .product-meta .rating {
    font-size: 13px;
    letter-spacing: 2px;
  }

  .product-meta .price {
    font-size: 16px;
  }
  
  .detail-button {
    padding: 8px 24px;
    font-size: 13px;
  }
}

/* Untuk layar sangat kecil */
@media (max-width: 480px) {
  .product-meta {
    gap: 20px; /* Jarak minimal antara rating dan harga */
  }
  
  .product-meta .price {
    font-size: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for elementskit-image-box, class: .elementor-element-1a6beb5 *//* META RATING & PRICE - Layout baru */
.product-container {
  position: relative;
  padding-bottom: 40px; /* Ruang untuk button */
}

.product-meta {
  display: flex;
  justify-content: space-between; /* Kiri-kanan */
  align-items: flex-end; /* Sejajarkan di bagian bawah */
  position: relative;
  margin: -15px 0 20px;
  min-height: 40px; /* Tinggi minimum agar konsisten */
}

/* BINTANG - Pojok kiri bawah */
.product-meta .rating {
  color: #f5a623;
  font-size: 14px;
  letter-spacing: 3px;
  align-self: flex-end; /* Pastikan di bawah */
}

/* HARGA - Pojok kanan bawah */
.product-meta .price {
  color: #2563eb;
  font-weight: 700;
  font-size: 18px;
  text-align: right;
  align-self: flex-end; /* Pastikan di bawah */
  white-space: nowrap; /* Harga tidak turun */
}

/* BUTTON DETAIL - Tengah bawah */
.detail-button-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}

.detail-button {
  background-color: #2563eb;
  color: white;
  border: none;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}

.detail-button:hover {
  background-color: #1d4ed8;
}

/* RESPONSIVE MOBILE */
@media (max-width: 767px) {
  .product-container {
    padding-bottom: 35px;
  }
  
  .product-meta {
    margin: -15px 0 15px;
    min-height: 35px;
  }

  .product-meta .rating {
    font-size: 13px;
    letter-spacing: 2px;
  }

  .product-meta .price {
    font-size: 16px;
  }
  
  .detail-button {
    padding: 8px 24px;
    font-size: 13px;
  }
}

/* Untuk layar sangat kecil */
@media (max-width: 480px) {
  .product-meta {
    gap: 20px; /* Jarak minimal antara rating dan harga */
  }
  
  .product-meta .price {
    font-size: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for elementskit-image-box, class: .elementor-element-c7a4844 *//* META RATING & PRICE - Layout baru */
.product-container {
  position: relative;
  padding-bottom: 40px; /* Ruang untuk button */
}

.product-meta {
  display: flex;
  justify-content: space-between; /* Kiri-kanan */
  align-items: flex-end; /* Sejajarkan di bagian bawah */
  position: relative;
  margin: -15px 0 20px;
  min-height: 40px; /* Tinggi minimum agar konsisten */
}

/* BINTANG - Pojok kiri bawah */
.product-meta .rating {
  color: #f5a623;
  font-size: 14px;
  letter-spacing: 3px;
  align-self: flex-end; /* Pastikan di bawah */
}

/* HARGA - Pojok kanan bawah */
.product-meta .price {
  color: #2563eb;
  font-weight: 700;
  font-size: 18px;
  text-align: right;
  align-self: flex-end; /* Pastikan di bawah */
  white-space: nowrap; /* Harga tidak turun */
}

/* BUTTON DETAIL - Tengah bawah */
.detail-button-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}

.detail-button {
  background-color: #2563eb;
  color: white;
  border: none;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}

.detail-button:hover {
  background-color: #1d4ed8;
}

/* RESPONSIVE MOBILE */
@media (max-width: 767px) {
  .product-container {
    padding-bottom: 35px;
  }
  
  .product-meta {
    margin: -15px 0 15px;
    min-height: 35px;
  }

  .product-meta .rating {
    font-size: 13px;
    letter-spacing: 2px;
  }

  .product-meta .price {
    font-size: 16px;
  }
  
  .detail-button {
    padding: 8px 24px;
    font-size: 13px;
  }
}

/* Untuk layar sangat kecil */
@media (max-width: 480px) {
  .product-meta {
    gap: 20px; /* Jarak minimal antara rating dan harga */
  }
  
  .product-meta .price {
    font-size: 15px;
  }
}/* End custom CSS */