.elementor-2057 .elementor-element.elementor-element-869212{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2057 .elementor-element.elementor-element-869212:not(.elementor-motion-effects-element-type-background), .elementor-2057 .elementor-element.elementor-element-869212 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-2057 .elementor-element.elementor-element-447bd0b4{--display:flex;}.elementor-2057 .elementor-element.elementor-element-447bd0b4:not(.elementor-motion-effects-element-type-background), .elementor-2057 .elementor-element.elementor-element-447bd0b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2057 .elementor-element.elementor-element-63fa88d1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2057 .elementor-element.elementor-element-6731cb5e{--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:10px 10px;--row-gap:10px;--column-gap:10px;--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-2057 .elementor-element.elementor-element-18cc17{--display:flex;--gap:35px 35px;--row-gap:35px;--column-gap:35px;}.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-2057 .elementor-element.elementor-element-516f231a{padding:0px 0px 15px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#CCCCCC;text-align:start;}.elementor-2057 .elementor-element.elementor-element-516f231a .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:#4A4A4A;}.elementor-2057 .elementor-element.elementor-element-666881dc{--display:flex;--gap:35px 35px;--row-gap:35px;--column-gap:35px;}.elementor-2057 .elementor-element.elementor-element-433bd894{--display:flex;--gap:35px 35px;--row-gap:35px;--column-gap:35px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#ADADAD;--border-color:#ADADAD;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-2057 .elementor-element.elementor-element-433bd894:not(.elementor-motion-effects-element-type-background), .elementor-2057 .elementor-element.elementor-element-433bd894 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;}@media(max-width:1366px){.elementor-2057 .elementor-element.elementor-element-6731cb5e{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1024px){.elementor-2057 .elementor-element.elementor-element-6731cb5e{--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-2057 .elementor-element.elementor-element-516f231a .elementor-heading-title{font-size:45px;}}@media(max-width:767px){.elementor-2057 .elementor-element.elementor-element-63fa88d1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2057 .elementor-element.elementor-element-6731cb5e{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2057 .elementor-element.elementor-element-516f231a .elementor-heading-title{font-size:28px;}}/* Start custom CSS for shortcode, class: .elementor-element-d683900 *//* ==========================================================================
   STYLING LIST HARGA PARCEL (TAMPILAN SIMPLIFIKASI)
   ========================================================================== */

.list-harga-container {
  font-family: 'Red Hat Display', Arial, sans-serif !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background-color: #fafafa !important;
  padding: 20px 25px !important;
}

.list-harga-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #4a4a4a !important;
  text-transform: uppercase !important;
  margin: 0 0 15px 0 !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #e5e5e5 !important;
}

.list-harga-items {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.list-harga-items li {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 6px 0 !important;
  font-size: 14px !important;
}

/* Pengaturan dasar nama produk */
.list-harga-items li a.item-name {
  position: relative !important;
  padding-left: 14px !important;
  color: #4a4a4a !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: color 0.2s ease, text-shadow 0.2s ease !important;
}

/* Ikon Panah kecil (chevron) di sebelah kiri nama item */
.list-harga-items li a.item-name::before {
  content: "›" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-54%) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #777777 !important;
  transition: color 0.2s ease !important;
}

/* Format Warna & Ukuran Harga (Disamakan dengan versi kanan) */
.list-harga-items li .item-price,
.list-harga-items li .item-price .amount,
.list-harga-items li .item-price bdi {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #555555 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* ==========================================================================
   EFEK HOVER LIST HARGA WOOCOMMERCE
   ========================================================================== */

/* Efek Hover: Warna berubah merah #C41E2C & efek tebal presisi tanpa geser */
.list-harga-items li:hover a.item-name {
  color: #C41E2C !important;
  text-shadow: 0 0 0.65px #C41E2C, 0 0 0.65px #C41E2C !important;
}

.list-harga-items li:hover a.item-name::before {
  color: #C41E2C !important;
}/* End custom CSS */