.elementor-75139 .elementor-element.elementor-element-0a29590{--display:flex;}.elementor-75139 .elementor-element.elementor-element-db396db{--sections-title-color:#0C0C0C;}.elementor-75139 .elementor-element.elementor-element-db396db {--sections-descriptions-color:#000000;}:root{--page-title-display:none;}/* Start custom CSS for woocommerce-cart, class: .elementor-element-db396db *//* ================================
   BLACK & WHITE CART THEME
   Paste into Elementor > Custom CSS
   ================================ */

.elementor-75139 .elementor-element.elementor-element-db396db{
  --bw-bg:#ffffff;
  --bw-ink:#0a0a0a;
  --bw-muted:#5b5b5b;
  --bw-line:#e9e9e9;
  --bw-soft:#f6f6f6;
  --bw-radius:16px;
  --bw-shadow: 0 12px 30px rgba(0,0,0,.08);
  --bw-shadow2: 0 8px 20px rgba(0,0,0,.06);
  --bw-focus: 0 0 0 3px rgba(0,0,0,.12);
  --bw-font: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Base */
.elementor-75139 .elementor-element.elementor-element-db396db,
.elementor-75139 .elementor-element.elementor-element-db396db *{
  font-family: var(--bw-font) !important;
}

.elementor-75139 .elementor-element.elementor-element-db396db .woocommerce,
.elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-cart,
.elementor-75139 .elementor-element.elementor-element-db396db .elementor-widget-container{
  color: var(--bw-ink);
}

/* Wrap */
.elementor-75139 .elementor-element.elementor-element-db396db .woocommerce{
  max-width: 1200px;
  margin: 0 auto;
}

/* Notices */
.elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-notices-wrapper .woocommerce-message,
.elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-notices-wrapper .woocommerce-info,
.elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-notices-wrapper .woocommerce-error{
  background: var(--bw-soft) !important;
  border: 1px solid var(--bw-line) !important;
  color: var(--bw-ink) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  box-shadow: var(--bw-shadow2);
}

/* Table as card */
.elementor-75139 .elementor-element.elementor-element-db396db table.shop_table{
  border: 1px solid var(--bw-line) !important;
  border-radius: var(--bw-radius) !important;
  overflow: hidden !important;
  background: var(--bw-bg) !important;
  box-shadow: var(--bw-shadow) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* Table header */
.elementor-75139 .elementor-element.elementor-element-db396db table.shop_table thead th{
  background: #0a0a0a !important;
  color: #fff !important;
  font-weight: 700 !important;
  letter-spacing: .2px;
  padding: 14px 14px !important;
  border: none !important;
}

/* Rows */
.elementor-75139 .elementor-element.elementor-element-db396db table.shop_table tbody td{
  padding: 16px 14px !important;
  border-top: 1px solid var(--bw-line) !important;
  vertical-align: middle !important;
  background: var(--bw-bg) !important;
}

/* Product name/link */
.elementor-75139 .elementor-element.elementor-element-db396db .product-name a{
  color: var(--bw-ink) !important;
  text-decoration: none !important;
  font-weight: 650 !important;
  line-height: 1.3;
}
.elementor-75139 .elementor-element.elementor-element-db396db .product-name a:hover{
  text-decoration: underline !important;
}

/* Thumbs */
.elementor-75139 .elementor-element.elementor-element-db396db .product-thumbnail img{
  width: 72px !important;
  height: 72px !important;
  object-fit: cover !important;
  border-radius: 14px !important;
  border: 1px solid var(--bw-line) !important;
  background: var(--bw-soft);
}

/* Remove button */
.elementor-75139 .elementor-element.elementor-element-db396db a.remove{
  width: 34px !important;
  height: 34px !important;
  line-height: 32px !important;
  border-radius: 10px !important;
  border: 1px solid var(--bw-line) !important;
  color: var(--bw-ink) !important;
  background: var(--bw-soft) !important;
  font-weight: 800 !important;
  transition: .2s ease;
}
.elementor-75139 .elementor-element.elementor-element-db396db a.remove:hover{
  background: #0a0a0a !important;
  color: #fff !important;
  border-color: #0a0a0a !important;
}

/* Prices */
.elementor-75139 .elementor-element.elementor-element-db396db .product-price,
.elementor-75139 .elementor-element.elementor-element-db396db .product-subtotal,
.elementor-75139 .elementor-element.elementor-element-db396db .cart-subtotal,
.elementor-75139 .elementor-element.elementor-element-db396db .order-total{
  font-weight: 700 !important;
  color: var(--bw-ink) !important;
}

/* Quantity input */
.elementor-75139 .elementor-element.elementor-element-db396db .quantity .qty{
  width: 90px !important;
  height: 42px !important;
  border-radius: 12px !important;
  border: 1px solid var(--bw-line) !important;
  background: var(--bw-bg) !important;
  color: var(--bw-ink) !important;
  font-weight: 650 !important;
  padding: 0 10px !important;
  outline: none !important;
  transition: .2s ease;
}
.elementor-75139 .elementor-element.elementor-element-db396db .quantity .qty:focus{
  box-shadow: var(--bw-focus) !important;
  border-color: #0a0a0a !important;
}

/* Coupon row + inputs */
.elementor-75139 .elementor-element.elementor-element-db396db .coupon{
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  flex-wrap: wrap;
}

.elementor-75139 .elementor-element.elementor-element-db396db input#coupon_code,
.elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-cart-form input[type="text"],
.elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-cart-form input[type="email"],
.elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-cart-form input[type="tel"]{
  height: 46px !important;
  border-radius: 12px !important;
  border: 1px solid var(--bw-line) !important;
  background: var(--bw-bg) !important;
  padding: 0 14px !important;
  color: var(--bw-ink) !important;
  outline: none !important;
  transition: .2s ease;
}
.elementor-75139 .elementor-element.elementor-element-db396db input#coupon_code:focus{
  box-shadow: var(--bw-focus) !important;
  border-color: #0a0a0a !important;
}

/* Buttons (Update cart, Apply coupon, etc.) */
.elementor-75139 .elementor-element.elementor-element-db396db .woocommerce button.button,
.elementor-75139 .elementor-element.elementor-element-db396db .woocommerce a.button,
.elementor-75139 .elementor-element.elementor-element-db396db .woocommerce input.button{
  height: 48px !important;
  border-radius: 14px !important;
  border: 1px solid #0a0a0a !important;
  background: #0a0a0a !important;
  color: #fff !important;
  font-weight: 750 !important;
  letter-spacing: .2px !important;
  padding: 0 18px !important;
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
  box-shadow: var(--bw-shadow2);
}
.elementor-75139 .elementor-element.elementor-element-db396db .woocommerce button.button:hover,
.elementor-75139 .elementor-element.elementor-element-db396db .woocommerce a.button:hover,
.elementor-75139 .elementor-element.elementor-element-db396db .woocommerce input.button:hover{
  transform: translateY(-1px);
  box-shadow: var(--bw-shadow);
  background: #111 !important;
}
.elementor-75139 .elementor-element.elementor-element-db396db .woocommerce button.button:active{
  transform: translateY(0);
}

/* Secondary buttons (e.g., update cart) */
.elementor-75139 .elementor-element.elementor-element-db396db button[name="update_cart"]{
  background: var(--bw-bg) !important;
  color: var(--bw-ink) !important;
  border: 1px solid var(--bw-line) !important;
}
.elementor-75139 .elementor-element.elementor-element-db396db button[name="update_cart"]:hover{
  background: var(--bw-soft) !important;
  border-color: #0a0a0a !important;
}

/* Cart Totals card */
.elementor-75139 .elementor-element.elementor-element-db396db .cart-collaterals .cart_totals,
.elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-cart .cart-collaterals .cart_totals{
  border: 1px solid var(--bw-line) !important;
  border-radius: var(--bw-radius) !important;
  background: var(--bw-bg) !important;
  padding: 18px !important;
  box-shadow: var(--bw-shadow);
}

.elementor-75139 .elementor-element.elementor-element-db396db .cart_totals h2{
  margin: 0 0 12px 0 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: var(--bw-ink) !important;
}

/* Totals table */
.elementor-75139 .elementor-element.elementor-element-db396db .cart_totals table{
  border: none !important;
}
.elementor-75139 .elementor-element.elementor-element-db396db .cart_totals table th,
.elementor-75139 .elementor-element.elementor-element-db396db .cart_totals table td{
  padding: 12px 8px !important;
  border-top: 1px dashed var(--bw-line) !important;
}
.elementor-75139 .elementor-element.elementor-element-db396db .cart_totals table tr:first-child th,
.elementor-75139 .elementor-element.elementor-element-db396db .cart_totals table tr:first-child td{
  border-top: 1px solid var(--bw-line) !important;
}

/* Proceed to checkout (make it prominent) */
.elementor-75139 .elementor-element.elementor-element-db396db .wc-proceed-to-checkout a.checkout-button{
  width: 100% !important;
  height: 54px !important;
  border-radius: 16px !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  background: #0a0a0a !important;
  color: #fff !important;
  border: 1px solid #0a0a0a !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Divider spacing */
.elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-cart-form{
  margin-bottom: 18px !important;
}

/* Make table scroll on small screens (avoid broken layout) */
@media (max-width: 820px){
  .elementor-75139 .elementor-element.elementor-element-db396db table.shop_table{
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .elementor-75139 .elementor-element.elementor-element-db396db .product-thumbnail img{
    width: 56px !important;
    height: 56px !important;
  }
  .elementor-75139 .elementor-element.elementor-element-db396db .coupon{
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .elementor-75139 .elementor-element.elementor-element-db396db input#coupon_code{
    width: 100% !important;
  }
  .elementor-75139 .elementor-element.elementor-element-db396db .coupon button.button{
    width: 100% !important;
  }
}
/* ================================
   FIX STACKED MOBILE CART (Woo responsive)
   Goal: like screenshot (img left, info right), hide labels
   ================================ */
@media (max-width: 820px){

  /* Hide wishlist (common plugins) */
  .elementor-75139 .elementor-element.elementor-element-db396db a.move-to-wishlist,
  .elementor-75139 .elementor-element.elementor-element-db396db .move-to-wishlist,
  .elementor-75139 .elementor-element.elementor-element-db396db .yith-wcwl-add-to-wishlist,
  .elementor-75139 .elementor-element.elementor-element-db396db .tinvwl_add_to_wishlist_button,
  .elementor-75139 .elementor-element.elementor-element-db396db [class*="wishlist"]{
    display:none !important;
  }

  /* Woo mobile labels "Produk:", "Harga:", "Jumlah:" often come from td:before */
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce table.shop_table_responsive tr td::before,
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-page table.shop_table_responsive tr td::before{
    display: none !important;
    content: "" !important;
  }

  /* Turn each cart item into a 2-col grid card */
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce table.shop_table_responsive tr.cart_item,
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-page table.shop_table_responsive tr.cart_item{
    display: grid !important;
    grid-template-columns: 100px 1fr !important;
    gap: 12px !important;
    padding: 14px !important;
    border: 1px solid var(--bw-line) !important;
    border-radius: 18px !important;
    background: var(--bw-bg) !important;
    box-shadow: var(--bw-shadow2) !important;
    margin: 12px 0 !important;
  }

  /* Reset cell look (because in responsive mode, td becomes block) */
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce table.shop_table_responsive tr.cart_item td,
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-page table.shop_table_responsive tr.cart_item td{
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    text-align: left !important;
  }

  /* Thumbnail left */
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce table.shop_table_responsive tr.cart_item td.product-thumbnail,
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-page table.shop_table_responsive tr.cart_item td.product-thumbnail{
    grid-column: 1 / 2 !important;
    grid-row: 1 / 5 !important;
    width: auto !important;
  }
  .elementor-75139 .elementor-element.elementor-element-db396db td.product-thumbnail img{
    width: 100px !important;
    height: 120px !important;
    border-radius: 16px !important;
    object-fit: cover !important;
    border: 1px solid var(--bw-line) !important;
  }

  /* Remove button: small at top-right of card */
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce table.shop_table_responsive tr.cart_item td.product-remove,
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-page table.shop_table_responsive tr.cart_item td.product-remove{
    grid-column: 2 / 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: start !important;
  }
  .elementor-75139 .elementor-element.elementor-element-db396db td.product-remove a.remove{
    width: 34px !important;
    height: 34px !important;
    line-height: 32px !important;
    border-radius: 12px !important;
    padding: 0 !important;
  }

  /* Name right */
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce table.shop_table_responsive tr.cart_item td.product-name,
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-page table.shop_table_responsive tr.cart_item td.product-name{
    grid-column: 2 / 3 !important;
    grid-row: 2 !important;
  }
  .elementor-75139 .elementor-element.elementor-element-db396db td.product-name a{
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
  }

  /* Variation/meta under name */
  .elementor-75139 .elementor-element.elementor-element-db396db td.product-name dl.variation,
  .elementor-75139 .elementor-element.elementor-element-db396db td.product-name .variation{
    margin-top: 6px !important;
    font-size: 12px !important;
    color: var(--bw-muted) !important;
  }

  /* Price under name */
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce table.shop_table_responsive tr.cart_item td.product-price,
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-page table.shop_table_responsive tr.cart_item td.product-price{
    grid-column: 2 / 3 !important;
    grid-row: 3 !important;
    margin-top: 6px !important;
  }
  .elementor-75139 .elementor-element.elementor-element-db396db td.product-price .woocommerce-Price-amount{
    font-size: 14px !important;
    font-weight: 900 !important;
  }

  /* Quantity: right side (like your desired look) */
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce table.shop_table_responsive tr.cart_item td.product-quantity,
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-page table.shop_table_responsive tr.cart_item td.product-quantity{
    grid-column: 2 / 3 !important;
    grid-row: 4 !important;
    margin-top: 10px !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }

  /* Quantity UI */
  .elementor-75139 .elementor-element.elementor-element-db396db .quantity{
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 10px !important;
    border: 1px solid var(--bw-line) !important;
    border-radius: 14px !important;
    background: var(--bw-bg) !important;
  }
  .elementor-75139 .elementor-element.elementor-element-db396db .quantity .qty{
    width: 44px !important;
    height: 36px !important;
    padding: 0 !important;
    text-align: center !important;
    border: none !important;
    background: transparent !important;
    font-weight: 900 !important;
  }

  .elementor-75139 .elementor-element.elementor-element-db396db .quantity .plus,
  .elementor-75139 .elementor-element.elementor-element-db396db .quantity .minus,
  .elementor-75139 .elementor-element.elementor-element-db396db button.plus,
  .elementor-75139 .elementor-element.elementor-element-db396db button.minus{
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
    border: 1px solid var(--bw-line) !important;
    background: var(--bw-soft) !important;
    color: var(--bw-ink) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  /* Hide subtotal per-row on mobile */
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce table.shop_table_responsive tr.cart_item td.product-subtotal,
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-page table.shop_table_responsive tr.cart_item td.product-subtotal{
    display: none !important;
  }
}
@media (max-width: 820px){

  /* Turunkan gambar supaya sejajar dengan nama produk */
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce table.shop_table_responsive tr.cart_item td.product-thumbnail,
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-page table.shop_table_responsive tr.cart_item td.product-thumbnail{
    align-self: start !important;
    margin-top: 70px !important; /* atur 6-16px sesuai selera */
  }

  /* Pastikan remove button tetap di pojok kanan atas */
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce table.shop_table_responsive tr.cart_item td.product-remove,
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-page table.shop_table_responsive tr.cart_item td.product-remove{
    margin-top: 0 !important;
  }

  /* Biar judul produk sedikit lebih naik (opsional) */
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce table.shop_table_responsive tr.cart_item td.product-name,
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-page table.shop_table_responsive tr.cart_item td.product-name{
    margin-top: 2px !important;
  }
}
@media (max-width: 820px){

  /* Hanya sembunyikan label untuk tabel produk (cart items) */
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce table.shop_table_responsive.cart tr.cart_item td::before,
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-page table.shop_table_responsive.cart tr.cart_item td::before{
    display: none !important;
    content: "" !important;
  }

  /* Kembalikan label Subtotal/Total di Cart Totals */
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce .cart_totals table.shop_table_responsive tr td::before,
  .elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-page .cart_totals table.shop_table_responsive tr td::before{
    display: inline-block !important;
    content: attr(data-title) ": " !important;
    font-weight: 700 !important;
    color: var(--bw-muted) !important;
    margin-right: 8px !important;
  }

  /* Rapikan alignment subtotal/total di mobile */
  .elementor-75139 .elementor-element.elementor-element-db396db .cart_totals table tr td{
    text-align: right !important;
  }
}
/* Hide Update Cart (hard override) */
.elementor-75139 .elementor-element.elementor-element-db396db .woocommerce-cart-form .actions{
  display: none !important;
}
.elementor-75139 .elementor-element.elementor-element-db396db .actions{
  padding-bottom: 0 !important;
}/* End custom CSS */