/* NG — keranjang & checkout (WooCommerce klasik). Warna: hitam #171717, oranye NG #F05830, krem #FFF3EE. */
html body.ng-commerce.ng-commerce.ng-commerce{--ng-ink:#171717;--ng-accent:#F05830;--ng-soft:#FFF3EE;--ng-line:#e8e8e8;--ng-muted:#6b6b6b;--ng-radius:16px}
html body.ng-commerce.ng-commerce.ng-commerce main.section{max-width:1200px;margin:0 auto;padding-top:40px}
html body.ng-commerce.ng-commerce.ng-commerce main.section>h1{font-size:40px;letter-spacing:-1.2px;margin:0 0 8px}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce{font-size:14px}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce a{color:var(--ng-ink)}
html body.ng-commerce.ng-commerce.ng-commerce .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

/* Langkah */
.ng-steps{display:flex;gap:8px;list-style:none;margin:0 0 28px;padding:0;flex-wrap:wrap}
.ng-steps li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ng-muted);font-weight:500}
.ng-steps li:not(:last-child)::after{content:"";width:28px;height:1px;background:#cfcfcf;margin-left:4px}
.ng-steps span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #cfcfcf;font-size:11px}
.ng-steps .is-done span{background:var(--ng-ink);border-color:var(--ng-ink);color:#fff}
.ng-steps .is-current{color:var(--ng-ink)}
.ng-steps .is-current span{background:var(--ng-accent);border-color:var(--ng-accent);color:#fff}

/* Notifikasi */
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-notices-wrapper:empty{display:none}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-message,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-info,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-error{list-style:none;margin:0 0 20px;padding:14px 18px;border-radius:12px;background:#f6f6f6;border:0;font-size:13px;line-height:1.6}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-message{background:#eef7f0}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-error{background:#fdeeea;color:#9b2c12}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-message::before,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-info::before,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-error::before{display:none}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-info a,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-message a{font-weight:600}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-message .button{float:right;background:none;border:0;padding:0;text-decoration:underline}

/* Bar gratis ongkir */
.ng-free-bar{background:var(--ng-soft);border-radius:12px;padding:14px 18px;margin:0 0 20px}
.ng-free-bar p{margin:0 0 8px;font-size:13px;line-height:1.5}
.ng-free-bar strong{color:var(--ng-accent)}
.ng-free-bar .ng-free-track{height:6px;border-radius:999px;background:#f6d6c8;overflow:hidden}
.ng-free-bar .ng-free-fill{height:100%;background:var(--ng-accent);border-radius:999px;transition:width .3s}
.ng-free-bar.is-reached{background:#eef7f0}
.ng-free-bar.is-reached strong{color:#1f7a3f}
.ng-free-bar.is-reached .ng-free-track{display:none}
.ng-free-bar.is-reached p{margin:0}
table .ng-free-row td{padding:0 0 12px!important;border:0!important}
table .ng-free-row .ng-free-bar{margin:0}

/* Tombol & input */
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce .button,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce button.button{background:#fff;color:var(--ng-ink);border:1px solid var(--ng-ink);border-radius:999px;padding:11px 20px;font:600 13px Poppins,Arial,sans-serif;cursor:pointer;line-height:1.2}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce .button:hover{background:var(--ng-ink);color:#fff}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce .button:disabled,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce .button[disabled]{opacity:.45;cursor:default}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce a.checkout-button,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce #place_order,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce .button.alt{display:block;width:100%;text-align:center;background:var(--ng-ink)!important;color:#fff!important;border:0;border-radius:999px;padding:17px 24px;font:600 15px Poppins,Arial,sans-serif;text-decoration:none}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce a.checkout-button:hover,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce #place_order:hover{background:var(--ng-accent)!important}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce input.input-text,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce textarea,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce select,html body.ng-commerce.ng-commerce.ng-commerce .select2-container .select2-selection--single{width:100%;min-height:48px;border:1px solid #d9d9d9;border-radius:10px;padding:12px 14px;font:14px Poppins,Arial,sans-serif;background:#fff;color:var(--ng-ink);box-shadow:none}
html body.ng-commerce.ng-commerce.ng-commerce .select2-container .select2-selection--single{display:flex;align-items:center;padding:0 14px}
html body.ng-commerce.ng-commerce.ng-commerce .select2-container .select2-selection__rendered{padding:0!important;line-height:1.4!important}
html body.ng-commerce.ng-commerce.ng-commerce .select2-container .select2-selection__arrow{height:46px!important;right:8px!important}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce textarea{min-height:96px}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce input.input-text:focus,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce textarea:focus,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce select:focus{outline:0;border-color:var(--ng-ink);box-shadow:0 0 0 3px rgba(240,88,48,.18)}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce .quantity input.qty{width:64px;min-height:40px;text-align:center;border:1px solid #d9d9d9;border-radius:999px;font:600 14px Poppins,Arial,sans-serif;padding:6px}

/* ---------- Keranjang ---------- */
html body.woocommerce-cart.ng-commerce.ng-commerce.ng-commerce .woocommerce{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:start}
html body.woocommerce-cart.ng-commerce.ng-commerce.ng-commerce .woocommerce>*{grid-column:1/-1}
html body.woocommerce-cart.ng-commerce.ng-commerce.ng-commerce .woocommerce>.woocommerce-cart-form{grid-column:1;grid-row:span 2}
html body.woocommerce-cart.ng-commerce.ng-commerce.ng-commerce .woocommerce>.cart-collaterals{grid-column:2;position:sticky;top:24px}
html body.ng-commerce.ng-commerce.ng-commerce table.cart{width:100%;border-collapse:separate;border-spacing:0;border:0}
html body.ng-commerce.ng-commerce.ng-commerce table.cart thead{display:none}
html body.ng-commerce.ng-commerce.ng-commerce table.cart tr.cart_item{display:grid;grid-template-columns:96px minmax(0,1fr) auto;grid-template-areas:"thumb name remove" "thumb qty subtotal";gap:6px 16px;padding:18px 0;border-bottom:1px solid var(--ng-line);align-items:center}
html body.ng-commerce.ng-commerce.ng-commerce table.cart tr.cart_item:first-child{border-top:1px solid var(--ng-line)}
html body.ng-commerce.ng-commerce.ng-commerce table.cart td{padding:0;border:0;display:block}
html body.ng-commerce.ng-commerce.ng-commerce table.cart td::before{display:none}
html body.ng-commerce.ng-commerce.ng-commerce table.cart .product-thumbnail{grid-area:thumb;align-self:start}
html body.ng-commerce.ng-commerce.ng-commerce table.cart .product-thumbnail img{width:96px;height:96px;object-fit:cover;border-radius:12px;background:#f5f5f5;display:block}
html body.ng-commerce.ng-commerce.ng-commerce table.cart .product-name{grid-area:name;font-weight:600;line-height:1.45;align-self:end}
html body.ng-commerce.ng-commerce.ng-commerce table.cart .product-name a{text-decoration:none}
html body.ng-commerce.ng-commerce.ng-commerce table.cart .product-name dl.variation{margin:4px 0 0;font-weight:400;color:var(--ng-muted);font-size:12px;display:flex;flex-wrap:wrap;gap:0 10px}
html body.ng-commerce.ng-commerce.ng-commerce table.cart .product-name dl.variation dt,html body.ng-commerce.ng-commerce.ng-commerce table.cart .product-name dl.variation dd{margin:0;display:inline}
html body.ng-commerce.ng-commerce.ng-commerce table.cart .product-name dl.variation p{margin:0;display:inline}
html body.ng-commerce.ng-commerce.ng-commerce table.cart .product-price{display:none}
html body.ng-commerce.ng-commerce.ng-commerce table.cart .product-quantity{grid-area:qty;align-self:start}
html body.ng-commerce.ng-commerce.ng-commerce table.cart .product-subtotal{grid-area:subtotal;font-weight:600;text-align:right;align-self:start;padding-top:8px}
html body.ng-commerce.ng-commerce.ng-commerce table.cart .product-remove{grid-area:remove;justify-self:end;align-self:start}
html body.ng-commerce.ng-commerce.ng-commerce table.cart a.remove{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--ng-muted)!important;font-size:20px;text-decoration:none;background:transparent}
html body.ng-commerce.ng-commerce.ng-commerce table.cart a.remove:hover{background:#f3f3f3;color:var(--ng-ink)!important}
html body.ng-commerce.ng-commerce.ng-commerce table.cart tr:not(.cart_item){display:block}
html body.ng-commerce.ng-commerce.ng-commerce table.cart td.actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;flex-wrap:wrap}
html body.ng-commerce.ng-commerce.ng-commerce td.actions .coupon{display:flex;gap:8px;flex:1;max-width:420px}
html body.ng-commerce.ng-commerce.ng-commerce td.actions .coupon input.input-text{min-height:44px;text-transform:uppercase}
html body.ng-commerce.ng-commerce.ng-commerce td.actions .coupon .button{white-space:nowrap}
html body.ng-commerce.ng-commerce.ng-commerce td.actions>button[name=update_cart]{border-color:transparent;text-decoration:underline;padding-left:8px;padding-right:8px}
html body.ng-commerce.ng-commerce.ng-commerce.ng-js td.actions>button[name=update_cart]{display:none}

html body.ng-commerce.ng-commerce.ng-commerce .cart_totals{border:1px solid var(--ng-line);border-radius:var(--ng-radius);padding:24px;background:#fff}
html body.ng-commerce.ng-commerce.ng-commerce .cart_totals h2{font-size:20px;letter-spacing:-.4px;margin:0 0 12px}
html body.ng-commerce.ng-commerce.ng-commerce .cart_totals table,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table{width:100%;border:0;border-collapse:collapse}
html body.ng-commerce.ng-commerce.ng-commerce .cart_totals th,html body.ng-commerce.ng-commerce.ng-commerce .cart_totals td,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table th,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table td{padding:10px 0;border:0;border-top:1px solid var(--ng-line);text-align:left;vertical-align:top;font-size:14px;background:none}
html body.ng-commerce.ng-commerce.ng-commerce .cart_totals td,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table td{text-align:right}
html body.ng-commerce.ng-commerce.ng-commerce .cart_totals tr:first-child th,html body.ng-commerce.ng-commerce.ng-commerce .cart_totals tr:first-child td{border-top:0}
html body.ng-commerce.ng-commerce.ng-commerce .cart_totals th{font-weight:500;color:var(--ng-muted)}
html body.ng-commerce.ng-commerce.ng-commerce tr.order-total th,html body.ng-commerce.ng-commerce.ng-commerce tr.order-total td{font-size:18px;font-weight:700;color:var(--ng-ink)!important;padding-top:16px}
html body.ng-commerce.ng-commerce.ng-commerce tr.cart-discount td,html body.ng-commerce.ng-commerce.ng-commerce tr.cart-discount th{color:#1f7a3f}
html body.ng-commerce.ng-commerce.ng-commerce tr.cart-discount a{font-size:12px;color:var(--ng-muted)!important;margin-left:6px}
html body.ng-commerce.ng-commerce.ng-commerce .wc-proceed-to-checkout{padding:16px 0 0}

/* Pilihan kurir (keranjang & checkout) */
/* Tabel ringkasan sebagai baris fleksibel supaya pilihan kurir selebar kotak */
html body.ng-commerce.ng-commerce.ng-commerce .cart_totals table,html body.ng-commerce.ng-commerce.ng-commerce .cart_totals tbody,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table tbody,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table tfoot{display:block;width:100%}
html body.ng-commerce.ng-commerce.ng-commerce .cart_totals tr,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table tr{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-top:1px solid var(--ng-line)}
html body.ng-commerce.ng-commerce.ng-commerce .cart_totals tr:first-child,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table tbody tr{border-top:0}
html body.ng-commerce.ng-commerce.ng-commerce .cart_totals th,html body.ng-commerce.ng-commerce.ng-commerce .cart_totals td,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table th,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table td{display:block;border-top:0!important}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table tr.ng-free-row td{flex:1;text-align:left}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table tbody .product-name{flex:1;min-width:0}
html body.ng-commerce.ng-commerce.ng-commerce tr.woocommerce-shipping-totals{flex-direction:column;gap:0}
html body.ng-commerce.ng-commerce.ng-commerce tr.woocommerce-shipping-totals th{display:block!important;font-weight:500;color:var(--ng-muted);padding-bottom:4px}
html body.ng-commerce.ng-commerce.ng-commerce tr.woocommerce-shipping-totals td{width:100%;text-align:left!important}
html body.ng-commerce.ng-commerce.ng-commerce ul#shipping_method{list-style:none;margin:0;padding:0;display:grid;gap:8px}
html body.ng-commerce.ng-commerce.ng-commerce ul#shipping_method li{position:relative;margin:0;padding:0}
html body.ng-commerce.ng-commerce.ng-commerce ul#shipping_method li input{position:absolute;left:14px;top:50%;transform:translateY(-50%);margin:0;accent-color:var(--ng-ink)}
html body.ng-commerce.ng-commerce.ng-commerce ul#shipping_method li label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border:1px solid var(--ng-line);border-radius:12px;padding:11px 14px 11px 40px;font-size:13px;line-height:1.45;cursor:pointer;transition:border-color .15s,background .15s}
html body.ng-commerce.ng-commerce.ng-commerce ul#shipping_method li input:checked+label{border-color:var(--ng-ink);background:#fafafa;box-shadow:inset 0 0 0 1px var(--ng-ink)}
html body.ng-commerce.ng-commerce.ng-commerce ul#shipping_method .amount{font-weight:600;white-space:nowrap}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-shipping-destination{font-size:12px;color:var(--ng-muted);margin:10px 0 0;line-height:1.5}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-shipping-calculator .shipping-calculator-button{font-size:12px}
html body.ng-commerce.ng-commerce.ng-commerce .ng-free-label{display:inline-block;margin-left:4px;padding:1px 8px;border-radius:999px;background:#e5f3e9;color:#1f7a3f;font-size:11px;font-weight:600}

/* Jaminan */
.ng-assure{clear:both;list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px;font-size:12px;color:var(--ng-muted);line-height:1.5}
.ng-assure li{display:flex;gap:8px;align-items:flex-start}
.ng-assure li::before{content:"✓";color:var(--ng-accent);font-weight:700}
.ng-assure a{color:var(--ng-ink);text-decoration:underline}

/* Keranjang kosong */
.ng-cart-empty{grid-column:1/-1;text-align:center;padding:56px 20px;border:1px dashed #d9d9d9;border-radius:var(--ng-radius)}
.ng-cart-empty h2{font-size:24px;margin:0 0 8px}
.ng-cart-empty p{color:var(--ng-muted);margin:0 0 20px}
html body.ng-commerce.ng-commerce.ng-commerce .cart-empty.woocommerce-info,html body.ng-commerce.ng-commerce.ng-commerce p.return-to-shop{display:none}

/* ---------- Checkout ---------- */
html body.ng-commerce.ng-commerce.ng-commerce form.checkout{display:grid;grid-template-columns:minmax(0,1fr) 420px;column-gap:40px;align-items:start}
html body.ng-commerce.ng-commerce.ng-commerce form.checkout>*{grid-column:1}
html body.ng-commerce.ng-commerce.ng-commerce form.checkout #order_review_heading{grid-column:2;grid-row:1;margin:0;padding:24px 24px 0;border:1px solid var(--ng-line);border-bottom:0;border-radius:var(--ng-radius) var(--ng-radius) 0 0;font-size:20px;letter-spacing:-.4px}
html body.ng-commerce.ng-commerce.ng-commerce form.checkout #order_review{grid-column:2;grid-row:2 / span 4;border:1px solid var(--ng-line);border-top:0;border-radius:0 0 var(--ng-radius) var(--ng-radius);padding:12px 24px 24px;position:sticky;top:24px}
html body.ng-commerce.ng-commerce.ng-commerce #customer_details{grid-row:1 / span 5}
html body.ng-commerce.ng-commerce.ng-commerce .col2-set .col-1,html body.ng-commerce.ng-commerce.ng-commerce .col2-set .col-2{float:none;width:100%}
html body.ng-commerce.ng-commerce.ng-commerce .col2-set::after{content:"";display:block;clear:both}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-billing-fields,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-shipping-fields,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-additional-fields{border:1px solid var(--ng-line);border-radius:var(--ng-radius);padding:24px;margin:0 0 20px}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-shipping-fields:not(:has(.shipping_address)),html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-shipping-fields:empty{border:0;padding:0}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-billing-fields h3,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-additional-fields h3,html body.ng-commerce.ng-commerce.ng-commerce #ship-to-different-address{font-size:18px;letter-spacing:-.3px;margin:0 0 16px}
html body.ng-commerce.ng-commerce.ng-commerce #ship-to-different-address{font-size:14px;font-weight:600;margin:0 0 12px}
html body.ng-commerce.ng-commerce.ng-commerce #ship-to-different-address label{display:flex;align-items:center;gap:10px;cursor:pointer}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-billing-fields__field-wrapper,html body.ng-commerce.ng-commerce.ng-commerce .shipping_address .woocommerce-shipping-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
html body.ng-commerce.ng-commerce.ng-commerce .form-row{margin:0 0 14px;padding:0;float:none!important;width:auto!important;grid-column:1/-1}
html body.ng-commerce.ng-commerce.ng-commerce .form-row-first{grid-column:1}
html body.ng-commerce.ng-commerce.ng-commerce .form-row-last{grid-column:2}
html body.ng-commerce.ng-commerce.ng-commerce .form-row label{display:block;font-size:12px;font-weight:500;margin:0 0 6px;color:#3c3c3c;line-height:1.4}
html body.ng-commerce.ng-commerce.ng-commerce .form-row .required{color:var(--ng-accent);text-decoration:none;border:0}
html body.ng-commerce.ng-commerce.ng-commerce .form-row .optional{color:var(--ng-muted);font-weight:400}
html body.ng-commerce.ng-commerce.ng-commerce .form-row.woocommerce-invalid input.input-text,html body.ng-commerce.ng-commerce.ng-commerce .form-row.woocommerce-invalid .select2-selection{border-color:#d9412a}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-form-coupon-toggle .woocommerce-info{background:var(--ng-soft)}
html body.ng-commerce.ng-commerce.ng-commerce form.checkout_coupon{border:1px solid var(--ng-line);border-radius:var(--ng-radius);padding:18px;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
html body.ng-commerce.ng-commerce.ng-commerce form.checkout_coupon p:first-child{flex-basis:100%;margin:0 0 4px;font-size:13px}
html body.ng-commerce.ng-commerce.ng-commerce form.checkout_coupon .form-row{margin:0;flex:1}
html body.ng-commerce.ng-commerce.ng-commerce form.checkout_coupon .form-row-last{flex:none}
html body.ng-commerce.ng-commerce.ng-commerce form.checkout_coupon::after{display:none}

html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table thead{display:none}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table tbody td{border-top:0;padding:8px 0}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table .product-name{text-align:left;font-size:13px;line-height:1.45}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table .product-name .ng-mini{display:flex;gap:12px;align-items:center}
html body.ng-commerce.ng-commerce.ng-commerce .ng-mini-img{position:relative;flex:none}
html body.ng-commerce.ng-commerce.ng-commerce .ng-mini-img img{width:56px;height:56px;object-fit:cover;border-radius:10px;background:#f5f5f5;display:block}
html body.ng-commerce.ng-commerce.ng-commerce .ng-mini-qty{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--ng-ink);color:#fff;font-size:11px;font-weight:600;display:grid;place-items:center}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table .product-name strong.product-quantity{display:none}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table dl.variation{margin:2px 0 0;font-size:11px;color:var(--ng-muted)}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table dl.variation dt,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table dl.variation dd,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table dl.variation p{display:inline;margin:0}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table .product-total{font-weight:600;white-space:nowrap}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table tfoot th{font-weight:500;color:var(--ng-muted)}

html body.ng-commerce.ng-commerce.ng-commerce #payment{background:none;border-radius:0;margin-top:8px}
html body.ng-commerce.ng-commerce.ng-commerce #payment ul.payment_methods{list-style:none;margin:0 0 12px;padding:0;border:0}
html body.ng-commerce.ng-commerce.ng-commerce #payment ul.payment_methods li{border:1px solid var(--ng-ink);border-radius:12px;padding:12px 14px;margin:0 0 8px;line-height:1.5}
html body.ng-commerce.ng-commerce.ng-commerce #payment ul.payment_methods li input{margin:0 8px 0 0;accent-color:var(--ng-ink)}
html body.ng-commerce.ng-commerce.ng-commerce #payment ul.payment_methods li label{font-weight:600;font-size:13px}
html body.ng-commerce.ng-commerce.ng-commerce #payment ul.payment_methods li label img{max-height:22px;vertical-align:middle;margin-left:6px}
html body.ng-commerce.ng-commerce.ng-commerce #payment div.payment_box{background:#f6f6f6;border-radius:10px;margin:10px 0 0;padding:10px 12px;font-size:12px;color:var(--ng-muted)}
html body.ng-commerce.ng-commerce.ng-commerce #payment div.payment_box::before{display:none}
html body.ng-commerce.ng-commerce.ng-commerce #payment div.payment_box p{margin:0}
html body.ng-commerce.ng-commerce.ng-commerce #payment .place-order{padding:0;margin:0}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-terms-and-conditions-wrapper{font-size:12px;color:var(--ng-muted);margin:0 0 12px}
html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-privacy-policy-text p{margin:0 0 12px;font-size:12px;line-height:1.6}

/* Menimpa CSS bawaan WooCommerce (layout 48%, kupon 80px, border tabel, label responsif) */
html body.ng-commerce.ng-commerce.ng-commerce .cart-collaterals{width:auto;float:none}
html body.ng-commerce.ng-commerce.ng-commerce .cart-collaterals .cart_totals{float:none;width:100%}
html body.ng-commerce.ng-commerce.ng-commerce table.shop_table{border:0;border-radius:0;margin:0}
html body.ng-commerce.ng-commerce.ng-commerce table.shop_table_responsive tr td::before,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table td::before{display:none;content:none}
html body.ng-commerce.ng-commerce.ng-commerce table.shop_table_responsive tr td{text-align:inherit}
html body.ng-commerce.ng-commerce.ng-commerce .cart_totals td,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-checkout-review-order-table td{text-align:right}
html body.ng-commerce.ng-commerce.ng-commerce table.cart td.actions .coupon{float:none}
html body.ng-commerce.ng-commerce.ng-commerce table.cart td.actions .coupon .input-text{float:none;width:auto;flex:1;margin:0;padding:10px 14px;border:1px solid #d9d9d9;border-radius:999px}
html body.ng-commerce.ng-commerce.ng-commerce table.cart td.actions .button,html body.ng-commerce.ng-commerce.ng-commerce table.cart td.actions .coupon .button{float:none;margin:0}
html body.ng-commerce.ng-commerce.ng-commerce ul#shipping_method li{margin:0;line-height:1.45}
html body.ng-commerce.ng-commerce.ng-commerce ul#shipping_method li input{margin:0;vertical-align:middle}
html body.ng-commerce.ng-commerce.ng-commerce form .form-row input.input-text,html body.ng-commerce.ng-commerce.ng-commerce form .form-row textarea,html body.ng-commerce.ng-commerce.ng-commerce form .form-row select{width:100%;min-height:48px;border:1px solid #d9d9d9;border-radius:10px;padding:12px 14px;font:14px Poppins,Arial,sans-serif;line-height:1.4}
html body.ng-commerce.ng-commerce.ng-commerce form .form-row textarea{min-height:96px}
html body.ng-commerce.ng-commerce.ng-commerce #payment ul.payment_methods{padding:0;border-bottom:0;text-align:left}
html body.ng-commerce.ng-commerce.ng-commerce #payment div.form-row{padding:0}
html body.ng-commerce.ng-commerce.ng-commerce #payment{background:none!important}

@media (max-width:960px){
  html body.woocommerce-cart.ng-commerce.ng-commerce.ng-commerce .woocommerce{gap:16px}
  html body.woocommerce-cart.ng-commerce.ng-commerce.ng-commerce .woocommerce{grid-template-columns:1fr}
  html body.woocommerce-cart.ng-commerce.ng-commerce.ng-commerce .woocommerce>.woocommerce-cart-form,html body.woocommerce-cart.ng-commerce.ng-commerce.ng-commerce .woocommerce>.cart-collaterals{grid-column:1;grid-row:auto;position:static}
  html body.ng-commerce.ng-commerce.ng-commerce form.checkout{grid-template-columns:1fr}
  html body.ng-commerce.ng-commerce.ng-commerce form.checkout #order_review_heading,html body.ng-commerce.ng-commerce.ng-commerce form.checkout #order_review,html body.ng-commerce.ng-commerce.ng-commerce #customer_details{grid-column:1;grid-row:auto;position:static}
}
@media (max-width:600px){
  html body.ng-commerce.ng-commerce.ng-commerce main.section{padding:24px 16px 48px}
  html body.ng-commerce.ng-commerce.ng-commerce main.section>h1{font-size:30px}
  html body.ng-commerce.ng-commerce.ng-commerce table.cart tr.cart_item{grid-template-columns:76px minmax(0,1fr) auto}
  html body.ng-commerce.ng-commerce.ng-commerce table.cart .product-thumbnail img{width:76px;height:76px}
  html body.ng-commerce.ng-commerce.ng-commerce td.actions .coupon{max-width:none}
  html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-billing-fields__field-wrapper,html body.ng-commerce.ng-commerce.ng-commerce .shipping_address .woocommerce-shipping-fields__field-wrapper{grid-template-columns:1fr}
  html body.ng-commerce.ng-commerce.ng-commerce .form-row-first,html body.ng-commerce.ng-commerce.ng-commerce .form-row-last{grid-column:1}
  html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-billing-fields,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-shipping-fields,html body.ng-commerce.ng-commerce.ng-commerce .woocommerce-additional-fields,html body.ng-commerce.ng-commerce.ng-commerce .cart_totals{padding:18px}
  html body.ng-commerce.ng-commerce.ng-commerce form.checkout #order_review_heading{padding:18px 18px 0}
  html body.ng-commerce.ng-commerce.ng-commerce form.checkout #order_review{padding:8px 18px 18px}
  .ng-steps li:not(:last-child)::after{width:14px}
}