/*
 * Meterin — cart, checkout, thank-you and account styles.
 * Loaded only on those pages (body.mtr-shop-ui). Plain cards, hairlines,
 * one accent colour; no shadows or gradients.
 */
.mtr-shop-ui{
	--co-line:#E6E5E1;
	--co-line-2:#D9D8D3;
	--co-soft:#F7F7F5;
	--co-ink:var(--ink,#14151A);
	--co-mute:var(--steel,#6B6E76);
	--co-red:var(--red,#D92B2B);
	--co-red-soft:#FDF3F3;
	--co-r:14px;
}

/* ---------- shared form controls ---------- */
.mtr-shop-ui .woocommerce form .form-row{ margin:0 0 16px; padding:0; }
.mtr-shop-ui .woocommerce form .form-row label{ display:block; margin:0 0 7px; font-size:13.5px; font-weight:500; line-height:1.3; color:var(--co-ink); }
.mtr-shop-ui .woocommerce form .form-row label .optional{ color:var(--co-mute); font-weight:400; }
.mtr-shop-ui .woocommerce form .form-row .required{ color:var(--co-red); text-decoration:none; border:0; }
.mtr-shop-ui .woocommerce form .form-row input.input-text,
.mtr-shop-ui .woocommerce form .form-row textarea,
.mtr-shop-ui .woocommerce form .form-row select,
.mtr-shop-ui .woocommerce .coupon input.input-text,
.mtr-shop-ui .woocommerce form.checkout_coupon input.input-text{
	width:100%; min-height:48px; padding:12px 14px; border:1px solid var(--co-line-2); border-radius:10px; background:#fff;
	font:400 15px/1.4 var(--font-body,inherit); color:var(--co-ink); box-shadow:none; transition:border-color .15s ease, box-shadow .15s ease;
}
.mtr-shop-ui .woocommerce form .form-row textarea{ min-height:104px; resize:vertical; }
.mtr-shop-ui .woocommerce form .form-row select{ appearance:none; -webkit-appearance:none; padding-right:40px; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6E76' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 14px center / 16px no-repeat; }
.mtr-shop-ui .woocommerce form .form-row input.input-text::placeholder,
.mtr-shop-ui .woocommerce form .form-row textarea::placeholder{ color:#A3A5AB; }
.mtr-shop-ui .woocommerce form .form-row input.input-text:focus,
.mtr-shop-ui .woocommerce form .form-row textarea:focus,
.mtr-shop-ui .woocommerce form .form-row select:focus,
.mtr-shop-ui .woocommerce .coupon input.input-text:focus{ outline:none; border-color:var(--co-ink); box-shadow:0 0 0 3px rgba(20,21,26,.08); }
.mtr-shop-ui .woocommerce form .form-row.woocommerce-invalid input.input-text,
.mtr-shop-ui .woocommerce form .form-row.woocommerce-invalid select{ border-color:var(--co-red); }
.mtr-shop-ui .woocommerce form .form-row.woocommerce-validated input.input-text{ border-color:var(--co-line-2); }
.mtr-shop-ui .woocommerce form .form-row-first,
.mtr-shop-ui .woocommerce form .form-row-last{ width:calc(50% - 8px); float:left; }
.mtr-shop-ui .woocommerce form .form-row-last{ float:right; }
.mtr-shop-ui .woocommerce form .form-row-wide{ clear:both; width:100%; }
.mtr-shop-ui .select2-container .select2-selection--single{ height:48px; border:1px solid var(--co-line-2); border-radius:10px; }
.mtr-shop-ui .select2-container .select2-selection--single .select2-selection__rendered{ line-height:46px; padding-left:14px; color:var(--co-ink); }
.mtr-shop-ui .select2-container .select2-selection--single .select2-selection__arrow{ height:46px; right:8px; }

/* hidden helpers */
.mtr-shop-ui .mtr-co-hide,
.mtr-area-js .mtr-shop-ui .mtr-co-state:not(.mtr-area-manual):not(.woocommerce-invalid){ display:none !important; }

/* ---------- coupon / notices ---------- */
.mtr-shop-ui .woocommerce-form-coupon-toggle .woocommerce-info,
.mtr-shop-ui .woocommerce-notices-wrapper .woocommerce-info,
.mtr-shop-ui .woocommerce > .woocommerce-info,
.mtr-shop-ui .woocommerce-message,
.mtr-shop-ui .woocommerce-error{
	display:flex; flex-wrap:wrap; gap:6px 12px; align-items:center; margin:0 0 20px; padding:14px 18px; border:0; border-radius:10px; background:#F4F4F2; color:var(--co-ink); font-size:14.5px; line-height:1.5; list-style:none; box-shadow:none;
}
.mtr-shop-ui .woocommerce-info::before,.mtr-shop-ui .woocommerce-message::before,.mtr-shop-ui .woocommerce-error::before{ display:none !important; }
.mtr-shop-ui .woocommerce-error{ display:block; background:#FBEFEF; }
.mtr-shop-ui .woocommerce-error li{ margin:2px 0; }
.mtr-shop-ui .woocommerce-form-coupon-toggle .woocommerce-info a{ color:var(--co-ink); font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.mtr-shop-ui form.checkout_coupon{ display:flex; gap:10px; align-items:center; margin:-8px 0 20px; padding:16px; border:1px solid var(--co-line); border-radius:10px; }
.mtr-shop-ui form.checkout_coupon > p:first-child{ display:none; }
.mtr-shop-ui form.checkout_coupon .form-row{ margin:0 !important; float:none !important; width:auto !important; }
.mtr-shop-ui form.checkout_coupon .form-row-first{ flex:1; }
.mtr-shop-ui .woocommerce-message .button,
.mtr-shop-ui .woocommerce-message a.wc-forward{ order:2; margin:0 0 0 auto !important; float:none; min-height:0 !important; padding:0 !important; border:0 !important; background:none !important; font-size:14px; font-weight:600; color:var(--co-ink) !important; text-decoration:underline; text-underline-offset:3px; }
.mtr-shop-ui.woocommerce-cart .woocommerce-message a.wc-forward{ display:none; }

/* ---------- buttons ---------- */
.mtr-shop-ui .woocommerce button.button,
.mtr-shop-ui .woocommerce a.button,
.mtr-shop-ui .woocommerce input.button{ min-height:46px; padding:12px 20px; border:1px solid var(--co-line-2); border-radius:10px; background:#fff; color:var(--co-ink); font:600 14.5px/1.2 var(--font-body,inherit); box-shadow:none; }
.mtr-shop-ui .woocommerce button.button:hover,
.mtr-shop-ui .woocommerce a.button:hover{ border-color:var(--co-ink); background:#fff; color:var(--co-ink); }
.mtr-shop-ui .woocommerce button.button:disabled,
.mtr-shop-ui .woocommerce button.button:disabled[disabled]{ opacity:.45; padding:12px 20px; }
.mtr-shop-ui .woocommerce #place_order,
.mtr-shop-ui .woocommerce a.checkout-button,
.mtr-shop-ui .woocommerce button.button.alt{ width:100%; min-height:54px; border:0; border-radius:12px; background:var(--co-red); color:#fff; font-size:16px; font-weight:600; letter-spacing:0; text-transform:none; }
.mtr-shop-ui .woocommerce #place_order:hover,
.mtr-shop-ui .woocommerce a.checkout-button:hover,
.mtr-shop-ui .woocommerce button.button.alt:hover{ background:var(--red-dark,#B81E1E); color:#fff; }

/* ---------- card ---------- */
.mtr-co-card{ margin:0 0 20px; padding:26px 28px; border:1px solid var(--co-line); border-radius:var(--co-r); background:#fff; }
.mtr-co-card__title{ margin:0 0 20px; font-family:var(--font-head,inherit); font-size:19px; font-weight:600; line-height:1.3; letter-spacing:-.01em; color:var(--co-ink); }
.mtr-co-fields::after{ content:""; display:table; clear:both; }

/* ---------- checkout layout ---------- */
.mtr-co-grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,440px); gap:28px; align-items:start; }
.mtr-co-main{ min-width:0; }
.mtr-co-side{ position:sticky; top:96px; min-width:0; }
.mtr-co-details{ display:block; width:auto; float:none; }
.mtr-co .col2-set,.mtr-co .col-1,.mtr-co .col-2{ width:auto; float:none; }
.mtr-co .woocommerce-billing-fields h3,.mtr-co .woocommerce-shipping-fields h3{ margin-top:0; }

/* "Kirim ke alamat lain?" */
.mtr-co-card--toggle{ padding:20px 28px; }
.mtr-co-toggle{ margin:0 !important; font-size:15.5px; font-weight:500; font-family:var(--font-body,inherit); }
.mtr-co-toggle label{ display:flex !important; align-items:center; gap:12px; margin:0 !important; cursor:pointer; font-size:15.5px !important; font-weight:500 !important; }
.mtr-shop-ui .woocommerce form input.input-checkbox,
.mtr-shop-ui .woocommerce input[type="checkbox"]{ width:20px; height:20px; margin:0; accent-color:var(--co-red); flex:none; }
.mtr-co-card--toggle .shipping_address{ margin-top:22px; padding-top:22px; border-top:1px solid var(--co-line); }
.mtr-co .woocommerce-additional-fields .form-row{ margin-bottom:0 !important; }
.mtr-co .woocommerce-additional-fields{ padding-bottom:24px; }
.mtr-co .woocommerce-additional-fields.is-empty{ display:none; }
.mtr-co-account{ margin-top:4px; padding-top:18px; border-top:1px solid var(--co-line); }
.mtr-co-account .create-account label{ display:flex !important; align-items:center; gap:10px; font-weight:500; }

/* area search */
.mtr-area{ position:relative; }
.mtr-area__field{ position:relative; display:block; }
.mtr-area__field::after{ content:""; position:absolute; right:14px; top:50%; width:16px; height:16px; margin-top:-8px; pointer-events:none; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6E76' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; transition:transform .15s ease; }
.mtr-area.is-open .mtr-area__field::after{ transform:rotate(180deg); }
.mtr-area__field input.input-text{ padding-right:40px !important; }
.mtr-area__list{ position:absolute; z-index:30; left:0; right:0; top:calc(100% + 6px); max-height:300px; overflow:auto; margin:0; padding:6px; list-style:none; background:#fff; border:1px solid var(--co-line-2); border-radius:12px; box-shadow:0 12px 32px -12px rgba(20,21,26,.25); }
.mtr-area__list[hidden]{ display:none; }
.mtr-area__opt{ display:flex; flex-direction:column; gap:1px; padding:9px 12px; border-radius:8px; cursor:pointer; }
.mtr-area__opt.is-active,.mtr-area__opt:hover{ background:var(--co-soft); }
.mtr-area__main{ font-size:14.5px; font-weight:500; color:var(--co-ink); }
.mtr-area__sub{ font-size:12.5px; color:var(--co-mute); }
.mtr-area__msg{ padding:10px 12px; font-size:13.5px; color:var(--co-mute); }

/* summary card */
.mtr-co #order_review{ border:0; padding:0; background:none; }
.mtr-co-summary table.shop_table{ width:100%; margin:0; border:0; border-collapse:collapse; border-radius:0; }
.mtr-co-summary table.shop_table thead{ display:none; }
.mtr-co-summary table.shop_table th,
.mtr-co-summary table.shop_table td{ padding:12px 0; border:0; border-top:1px solid var(--co-line); background:none; font-size:14.5px; font-weight:400; vertical-align:top; color:var(--co-ink); }
.mtr-co-summary table.shop_table tbody tr:first-child td{ border-top:0; padding-top:0; }
.mtr-co-summary table.shop_table td:last-child,
.mtr-co-summary table.shop_table tfoot td{ text-align:right; white-space:nowrap; }
.mtr-co-summary table.shop_table tfoot th{ text-align:left; color:var(--co-mute); font-weight:400; }
.mtr-co-summary .cart_item td.product-name{ display:grid; grid-template-columns:56px minmax(0,1fr); grid-template-rows:auto auto 1fr; column-gap:14px; row-gap:2px; align-items:start; white-space:normal; padding-right:12px; }
.mtr-co-summary .cart_item td.product-name > *:not(.mtr-co-thumb){ grid-column:2; }
.mtr-co-thumb{ grid-row:1 / span 3; width:56px; height:56px; border-radius:10px; overflow:hidden; border:1px solid var(--co-line); background:var(--co-soft); }
.mtr-co-thumb img,.mtr-co-thumb .mtr-ph-img{ width:56px !important; height:56px !important; object-fit:cover; display:block; margin:0 !important; border-radius:0; }
.mtr-co-item__name{ font-weight:500; line-height:1.4; }
.mtr-co-summary .product-quantity{ font-weight:400; color:var(--co-mute); }
.mtr-co-summary dl.variation{ margin:4px 0 0; font-size:12.5px; color:var(--co-mute); display:flex; flex-wrap:wrap; gap:0 4px; }
.mtr-co-summary dl.variation dt,.mtr-co-summary dl.variation dd{ margin:0; padding:0; float:none; font-weight:400; }
.mtr-co-summary dl.variation dd p{ margin:0; }
.mtr-co-summary .product-total .amount{ font-weight:500; }
.mtr-co-summary .woocommerce-shipping-totals td{ white-space:normal !important; }
.mtr-co-summary #shipping_method{ list-style:none; margin:0; padding:0; text-align:right; }
.mtr-co-summary #shipping_method li{ margin:0 0 6px; display:flex; justify-content:flex-end; align-items:center; gap:8px; text-indent:0; }
.mtr-co-summary #shipping_method li input{ margin:0; accent-color:var(--co-red); }
.mtr-co-summary #shipping_method label{ font-size:14px; }
.mtr-co-summary .woocommerce-shipping-destination,
.mtr-co-summary .woocommerce-shipping-contents{ margin:4px 0 0; font-size:12.5px; color:var(--co-mute); }
.mtr-co-summary tr.order-total th,
.mtr-co-summary tr.order-total td{ padding-top:16px; border-top:1px solid var(--co-ink); color:var(--co-ink) !important; font-size:17px; font-weight:600 !important; }
.mtr-co-summary tr.order-total .amount{ font-family:var(--font-head,inherit); font-size:20px; color:var(--co-ink); }

/* payment card */
.mtr-co-pay #payment{ background:none; border-radius:0; }
.mtr-co-pay #payment ul.payment_methods{ margin:0; padding:0; border:0; list-style:none; display:grid; gap:10px; }
.mtr-co-pay #payment ul.payment_methods::before,.mtr-co-pay #payment ul.payment_methods::after{ display:none; }
.mtr-co-pay #payment ul.payment_methods li.wc_payment_method{ margin:0; padding:0; border:1px solid var(--co-line-2); border-radius:12px; background:#fff; line-height:1.4; transition:border-color .15s ease, background-color .15s ease; }
.mtr-co-pay #payment ul.payment_methods li.wc_payment_method:has(> input:checked){ border-color:var(--co-red); background:var(--co-red-soft); }
.mtr-co-pay #payment ul.payment_methods li > input.input-radio{ position:absolute; opacity:0; pointer-events:none; }
.mtr-co-pay #payment ul.payment_methods li > label{ position:relative; display:flex; align-items:center; gap:12px; margin:0; padding:15px 16px 15px 46px; font-size:15px; font-weight:500; cursor:pointer; color:var(--co-ink); }
.mtr-co-pay #payment ul.payment_methods li > label::before{ content:""; position:absolute; left:16px; top:50%; width:18px; height:18px; margin-top:-9px; border:1.5px solid #B9B8B3; border-radius:50%; background:#fff; box-sizing:border-box; }
.mtr-co-pay #payment ul.payment_methods li > input:checked + label::before{ border:5.5px solid var(--co-red); }
.mtr-co-pay #payment ul.payment_methods li > input:focus-visible + label{ outline:2px solid var(--co-ink); outline-offset:2px; border-radius:12px; }
.mtr-co-pay #payment ul.payment_methods li label img{ max-height:22px; margin:0 0 0 auto; }
.mtr-co-pay #payment div.payment_box{ margin:0; padding:0 16px 15px 46px; background:none; color:var(--co-mute); font-size:13.5px; line-height:1.55; border-radius:0; }
.mtr-co-pay #payment div.payment_box::before{ display:none; }
.mtr-co-pay #payment div.payment_box p:last-child{ margin-bottom:0; }
.mtr-co-pay #payment div.form-row.place-order{ margin:18px 0 0; padding:0; background:none; }
.mtr-co-pay .woocommerce-privacy-policy-text p{ margin:0 0 16px; font-size:12.5px; line-height:1.55; color:var(--co-mute); }
.mtr-co-pay .woocommerce-privacy-policy-text a{ color:var(--co-ink); }
.mtr-co-pay #payment .woocommerce-notice,
.mtr-co-pay #payment .woocommerce-info{ margin:0; padding:14px 16px; border:1px dashed var(--co-line-2); border-left-width:1px; border-radius:12px; background:var(--co-soft); color:var(--co-mute); font-size:13.5px; display:block; }
.mtr-co-pay .woocommerce-terms-and-conditions-wrapper .form-row{ margin-bottom:12px; }

/* ---------- cart: plain list + summary ---------- */
.mtr-shop-ui.woocommerce-cart .woocommerce{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,380px); gap:20px clamp(32px,4vw,64px); align-items:start; }
.mtr-shop-ui.woocommerce-cart .woocommerce > .woocommerce-notices-wrapper,
.mtr-shop-ui.woocommerce-cart .woocommerce > .cart-empty,
.mtr-shop-ui.woocommerce-cart .woocommerce > .return-to-shop,
.mtr-shop-ui.woocommerce-cart .woocommerce > .wc-empty-cart-message{ grid-column:1 / -1; }
.mtr-shop-ui.woocommerce-cart .woocommerce-notices-wrapper:empty{ display:none; }
.mtr-shop-ui.woocommerce-cart .woocommerce-cart-form{ min-width:0; margin:0; border:0; background:none; }
.mtr-bag__count{ margin:0 0 10px; font-size:14px; color:var(--co-mute); }
.mtr-bag__list{ border-top:1px solid var(--co-ink); }
.mtr-bag__item{ display:grid; grid-template-columns:104px minmax(0,1fr) auto; gap:22px; align-items:start; padding:26px 0; border-bottom:1px solid var(--co-line); }
.mtr-bag__img a,.mtr-bag__img > img{ display:block; }
.mtr-bag__img img,.mtr-bag__img .mtr-ph-img{ display:block; width:104px !important; height:104px !important; object-fit:cover; border-radius:12px; background:var(--co-soft); margin:0 !important; }
.mtr-bag__name{ margin:0; font-family:var(--font-head,inherit); font-size:17.5px; font-weight:600; line-height:1.35; letter-spacing:-.005em; }
.mtr-bag__name a{ color:var(--co-ink); text-decoration:none; }
.mtr-bag__name a:hover{ text-decoration:underline; text-underline-offset:3px; }
.mtr-bag__info dl.variation{ display:flex; flex-wrap:wrap; gap:0 6px; margin:5px 0 0; font-size:14px; color:var(--co-mute); }
.mtr-bag__info dl.variation dt,.mtr-bag__info dl.variation dd{ float:none; margin:0; padding:0; font-weight:400; }
.mtr-bag__info dl.variation dd p{ margin:0; }
.mtr-bag__unit{ margin:4px 0 0; font-size:14px; color:var(--co-mute); }
.mtr-bag__unit .amount{ color:var(--co-mute); font-weight:400; }
.mtr-bag__ctrl{ display:flex; align-items:center; gap:20px; margin-top:16px; }
.mtr-bag__ctrl .quantity{ margin:0; }
.mtr-shop-ui .mtr-bag .qty{ width:76px; min-height:40px; padding:8px 10px; border:1px solid var(--co-line-2); border-radius:10px; background:#fff; text-align:center; font:500 15px var(--font-body,inherit); color:var(--co-ink); }
.mtr-shop-ui .mtr-bag .qty:focus{ outline:none; border-color:var(--co-ink); }
.mtr-shop-ui .mtr-bag a.remove.mtr-bag__remove{ display:inline; width:auto; height:auto; padding:0; border:0; border-radius:0; background:none !important; color:var(--co-mute) !important; font-size:14px !important; font-weight:400; line-height:1.4; text-decoration:underline; text-underline-offset:3px; text-decoration-color:#C9C8C3; }
.mtr-shop-ui .mtr-bag a.remove.mtr-bag__remove:hover{ color:var(--co-red) !important; text-decoration-color:currentColor; }
.mtr-bag__total{ padding-top:2px; font-size:17px; font-weight:600; color:var(--co-ink); white-space:nowrap; text-align:right; }
.mtr-bag__actions{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:20px 0 0; }
.mtr-bag__actions .coupon{ display:flex; gap:8px; align-items:center; }
.mtr-shop-ui .mtr-bag__actions .coupon .input-text{ width:200px; min-height:44px; padding:10px 14px; font-size:14.5px; }
.mtr-shop-ui .mtr-bag__actions .button{ min-height:44px; padding:10px 18px; font-size:14px; }
.mtr-bag-js .mtr-bag__update{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; padding:0 !important; border:0 !important; }
.mtr-shop-ui.woocommerce-cart .cart-collaterals{ width:auto; float:none; min-width:0; position:sticky; top:96px; }
.mtr-shop-ui.woocommerce-cart .cart-collaterals .cart_totals{ width:auto; float:none; padding:24px 26px; border:0; border-radius:var(--co-r); background:#F6F6F4; }
.mtr-shop-ui.woocommerce-cart .cart_totals h2{ margin:0 0 14px; font-family:var(--font-head,inherit); font-size:19px; font-weight:600; }
.mtr-shop-ui.woocommerce-cart .cart_totals table.shop_table{ width:100%; border:0; margin:0 0 20px; border-collapse:collapse; background:none; }
.mtr-shop-ui.woocommerce-cart .cart_totals table.shop_table tr{ display:table-row !important; border:0 !important; padding:0 !important; }
.mtr-shop-ui.woocommerce-cart .cart_totals table.shop_table th,
.mtr-shop-ui.woocommerce-cart .cart_totals table.shop_table td{ display:table-cell !important; padding:11px 0 !important; border:0 !important; border-top:1px solid #E3E2DE !important; font-size:14.5px; font-weight:400; background:none; vertical-align:top; }
.mtr-shop-ui.woocommerce-cart .cart_totals table.shop_table td::before{ display:none !important; }
.mtr-shop-ui.woocommerce-cart .cart_totals table.shop_table tr:first-child th,
.mtr-shop-ui.woocommerce-cart .cart_totals table.shop_table tr:first-child td{ border-top:0 !important; }
.mtr-shop-ui.woocommerce-cart .cart_totals table.shop_table th{ color:var(--co-mute); text-align:left; }
.mtr-shop-ui.woocommerce-cart .cart_totals table.shop_table td{ text-align:right !important; }
.mtr-shop-ui.woocommerce-cart .cart_totals .order-total th,
.mtr-shop-ui.woocommerce-cart .cart_totals .order-total td{ border-top:1px solid var(--co-ink) !important; padding-top:16px !important; color:var(--co-ink) !important; font-weight:600; }
.mtr-shop-ui.woocommerce-cart .cart_totals .order-total .amount{ font-family:var(--font-head,inherit); font-size:20px; color:var(--co-ink); }
.mtr-shop-ui.woocommerce-cart .cart_totals #shipping_method{ list-style:none; margin:0; padding:0; }
.mtr-shop-ui.woocommerce-cart .wc-proceed-to-checkout{ padding:0; }
.mtr-shop-ui.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ display:flex; align-items:center; justify-content:center; margin:0; padding:15px; }

/* ---------- thank you + account ---------- */
.mtr-shop-ui .woocommerce-order{ max-width:880px; }
.mtr-shop-ui .woocommerce-order .woocommerce-thankyou-order-received{ margin:0 0 20px; padding:0; background:none; border:0; color:var(--co-ink); font-family:var(--font-head,inherit); font-size:20px; font-weight:600; }
.mtr-shop-ui ul.woocommerce-order-overview{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:0; margin:0 0 24px; padding:0; border:1px solid var(--co-line); border-radius:12px; overflow:hidden; list-style:none; }
.mtr-shop-ui ul.woocommerce-order-overview::before,.mtr-shop-ui ul.woocommerce-order-overview::after{ display:none !important; content:none !important; }
.mtr-shop-ui ul.woocommerce-order-overview li{ margin:0; padding:14px 18px; border:0; border-right:1px solid var(--co-line); font-size:12px; text-transform:none; color:var(--co-mute); float:none; }
.mtr-shop-ui ul.woocommerce-order-overview li:last-child{ border-right:0; }
.mtr-shop-ui ul.woocommerce-order-overview li strong{ display:block; margin-top:4px; font-size:15px; font-weight:600; color:var(--co-ink); }
.mtr-shop-ui .woocommerce-order-details,.mtr-shop-ui .woocommerce-customer-details{ margin-top:28px; }
.mtr-shop-ui .woocommerce-order-details h2,.mtr-shop-ui .woocommerce-customer-details h2,.mtr-shop-ui .woocommerce-column__title{ font-family:var(--font-head,inherit); font-size:19px; font-weight:600; margin:0 0 14px; }
.mtr-shop-ui table.woocommerce-table--order-details{ border:1px solid var(--co-line); border-radius:12px; border-collapse:separate; border-spacing:0; overflow:hidden; }
.mtr-shop-ui table.woocommerce-table--order-details th,.mtr-shop-ui table.woocommerce-table--order-details td{ padding:12px 16px; border:0; border-top:1px solid var(--co-line); }
.mtr-shop-ui table.woocommerce-table--order-details thead th{ border-top:0; font-size:12px; font-weight:500; color:var(--co-mute); }
.mtr-shop-ui .woocommerce-customer-details address{ padding:16px 18px; border:1px solid var(--co-line); border-radius:12px; font-style:normal; line-height:1.7; }
.mtr-doc-actions{ display:flex; flex-wrap:wrap; gap:10px; margin:0 0 24px; }
.mtr-shop-ui .woocommerce a.button.mtr-doc-btn{ display:inline-flex; align-items:center; gap:8px; }
.mtr-shop-ui .woocommerce a.button.mtr-doc-btn::before{ content:""; width:16px; height:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V3h12v6M6 18H4a1 1 0 0 1-1-1v-6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v6a1 1 0 0 1-1 1h-2'/%3E%3Cpath d='M6 14h12v7H6z'/%3E%3C/svg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V3h12v6M6 18H4a1 1 0 0 1-1-1v-6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v6a1 1 0 0 1-1 1h-2'/%3E%3Cpath d='M6 14h12v7H6z'/%3E%3C/svg%3E") center / contain no-repeat; }
.mtr-doc-awb{ margin:16px 0 8px; padding:12px 16px; border:1px solid var(--co-line); border-radius:10px; display:flex; gap:10px; align-items:center; }
.mtr-doc-awb span{ color:var(--co-mute); font-size:13px; }
.mtr-doc-awb strong{ font-family:var(--font-mono,monospace); letter-spacing:.04em; }
.mtr-shop-ui .woocommerce-orders-table .button.mtr_invoice{ margin-left:6px; }

/* ---------- responsive ---------- */
@media (max-width:1024px){
	.mtr-co-grid{ grid-template-columns:minmax(0,1fr); gap:0; }
	.mtr-co-side{ position:static; }
	.mtr-shop-ui.woocommerce-cart .woocommerce{ grid-template-columns:minmax(0,1fr); }
	.mtr-shop-ui.woocommerce-cart .cart-collaterals{ position:static; }
}
@media (max-width:600px){
	.mtr-co-card{ padding:20px 18px; border-radius:12px; margin-bottom:14px; }
	.mtr-co-card--toggle{ padding:16px 18px; }
	.mtr-co-card__title{ font-size:17.5px; margin-bottom:16px; }
	.mtr-shop-ui .woocommerce form .form-row-first,
	.mtr-shop-ui .woocommerce form .form-row-last{ width:100%; float:none; }
	.mtr-shop-ui form.checkout_coupon{ flex-direction:column; align-items:stretch; }
	.mtr-shop-ui .woocommerce-form-coupon-toggle .woocommerce-info a{ margin-left:0; }
	.mtr-shop-ui.woocommerce-cart .cart-collaterals .cart_totals{ padding:20px 18px; }
	.mtr-shop-ui ul.woocommerce-order-overview::before,.mtr-shop-ui ul.woocommerce-order-overview::after{ display:none !important; content:none !important; }
.mtr-shop-ui ul.woocommerce-order-overview li{ border-right:0; border-bottom:1px solid var(--co-line); }
}

.mtr-shop-ui ul.woocommerce-order-overview li strong{ font-family:var(--font-body,inherit); }
.mtr-shop-ui .woocommerce-bacs-bank-details{ margin:0 0 24px; }
.mtr-shop-ui .wc-bacs-bank-details-heading{ font-family:var(--font-head,inherit); font-size:19px; font-weight:600; margin:0 0 12px; }
.mtr-shop-ui .wc-bacs-bank-details-account-name{ font-size:15px; font-weight:600; margin:0 0 10px; }

.mtr-shop-ui .woocommerce-message:focus,.mtr-shop-ui .woocommerce-error:focus,.mtr-shop-ui .woocommerce-info:focus,.mtr-shop-ui .woocommerce-notices-wrapper:focus{ outline:none; }
.mtr-shop-ui .woocommerce-message{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; color:var(--co-ink); }
.mtr-shop-ui .woocommerce-message .button{ order:2; margin:0; float:none; min-height:40px; padding:9px 16px; }
.mtr-shop-ui.woocommerce-cart .cart_totals td,
.mtr-shop-ui.woocommerce-cart .cart_totals td *,
.mtr-shop-ui.woocommerce-cart .cart_totals th{ font-family:var(--font-body,inherit); }
.mtr-shop-ui.woocommerce-cart .cart_totals .order-total .amount{ font-family:var(--font-head,inherit); }
.mtr-shop-ui .woocommerce-shipping-destination{ margin:6px 0 0; font-size:12.5px; color:var(--co-mute); }
.mtr-shop-ui .woocommerce-shipping-calculator{ margin:4px 0 0; }
.mtr-shop-ui .woocommerce-shipping-calculator .shipping-calculator-button{ font-size:13px; color:var(--co-ink); text-decoration:underline; text-underline-offset:3px; }
.mtr-shop-ui .woocommerce-shipping-calculator .shipping-calculator-button::after{ display:none; }
.mtr-shop-ui .shipping-calculator-form{ margin-top:12px; text-align:left; }

@media (max-width:600px){
	.mtr-bag__item{ grid-template-columns:80px minmax(0,1fr); gap:16px; padding:20px 0; }
	.mtr-bag__img img,.mtr-bag__img .mtr-ph-img{ width:80px !important; height:80px !important; border-radius:10px; }
	.mtr-bag__name{ font-size:16px; }
	.mtr-bag__total{ grid-column:2; grid-row:2; text-align:left; font-size:16px; margin-top:-8px; }
	.mtr-bag__ctrl{ margin-top:12px; }
	.mtr-bag__actions .coupon{ width:100%; }
	.mtr-shop-ui .mtr-bag__actions .coupon .input-text{ flex:1; width:auto; }
	.mtr-shop-ui.woocommerce-cart .cart-collaterals .cart_totals{ padding:20px 18px; }
}

/* WhatsApp route on the cart: secondary, not a second loud button */
.mtr-shop-ui.woocommerce-cart .wa-or{ margin:16px 0 12px; font-size:12.5px; color:var(--co-mute); }
.mtr-shop-ui.woocommerce-cart .btn-wa{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:52px; border:1px solid var(--co-line-2); border-radius:12px; background:#fff; color:var(--co-ink); font-weight:600; font-size:15px; box-shadow:none; transform:none; }
.mtr-shop-ui.woocommerce-cart .btn-wa svg{ color:#16A34A; fill:#16A34A; }
.mtr-shop-ui.woocommerce-cart .btn-wa:hover{ background:#fff; border-color:var(--co-ink); color:var(--co-ink); transform:none; }
.mtr-shop-ui.woocommerce-cart .wa-preview{ margin:12px 0 0; padding:14px 16px; border:0; border-radius:12px; background:#fff; }
.mtr-shop-ui.woocommerce-cart .wa-preview__label{ font-size:12px; font-weight:500; letter-spacing:0; text-transform:none; color:var(--co-mute); margin:0 0 6px; }
.mtr-shop-ui.woocommerce-cart .wa-preview__body{ font-family:var(--font-body,inherit); font-size:13px; line-height:1.6; color:#3E4048; }

/* ---------- account: sign in / register ---------- */
.mtr-auth{ max-width:440px; margin:8px auto 0; }
.mtr-auth__tabs{ display:grid; grid-template-columns:1fr 1fr; gap:4px; margin:0 0 28px; padding:4px; border-radius:12px; background:#F1F1EE; }
.mtr-auth__tabs button{ min-height:42px; padding:8px 12px; border:0; border-radius:9px; background:none; color:var(--co-mute); font:600 15px var(--font-body,inherit); cursor:pointer; transition:background-color .15s ease, color .15s ease; }
.mtr-auth__tabs button[aria-selected="true"]{ background:#fff; color:var(--co-ink); box-shadow:0 1px 2px rgba(20,21,26,.08); }
.mtr-auth__tabs button:focus-visible{ outline:2px solid var(--co-ink); outline-offset:2px; }
.mtr-auth__panel[hidden]{ display:none; }
.mtr-auth__title{ margin:0 0 6px; font-family:var(--font-head,inherit); font-size:24px; font-weight:600; letter-spacing:-.01em; line-height:1.25; color:var(--co-ink); }
.mtr-auth__sub{ margin:0 0 24px; font-size:15px; line-height:1.6; color:var(--co-mute); }
.mtr-shop-ui .mtr-auth form.login,
.mtr-shop-ui .mtr-auth form.register,
.mtr-shop-ui .mtr-auth form.lost_reset_password{ margin:0; padding:0; border:0; border-radius:0; background:none; }
.mtr-shop-ui .mtr-auth form .form-row{ float:none; width:100%; margin:0 0 16px; }
.mtr-auth__label-row{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
.mtr-auth__label-row label{ margin-bottom:7px !important; }
.mtr-auth__forgot{ font-size:13.5px; color:var(--co-ink); text-decoration:underline; text-underline-offset:3px; text-decoration-color:#C9C8C3; }
.mtr-auth__forgot:hover{ text-decoration-color:currentColor; }
.mtr-shop-ui .mtr-auth .password-input{ display:block; position:relative; }
.mtr-shop-ui .mtr-auth .show-password-input{ position:absolute; right:12px; top:50%; transform:translateY(-50%); background:none; border:0; padding:4px; color:var(--co-mute); cursor:pointer; }
.mtr-auth__remember{ margin-top:-2px !important; }
.mtr-auth__remember label{ display:inline-flex !important; align-items:center; gap:10px; margin:0 !important; font-weight:400 !important; font-size:14.5px !important; cursor:pointer; }
.mtr-shop-ui .mtr-auth .button.mtr-auth__submit{ width:100%; min-height:52px; margin:4px 0 0; border:0; border-radius:12px; background:var(--co-red); color:#fff; font-size:16px; font-weight:600; }
.mtr-shop-ui .mtr-auth .button.mtr-auth__submit:hover{ background:var(--red-dark,#B81E1E); color:#fff; }
.mtr-auth__switch{ margin:22px 0 0; padding-top:20px; border-top:1px solid var(--co-line); text-align:center; font-size:14.5px; color:var(--co-mute); }
.mtr-auth__switch a{ color:var(--co-ink); font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.mtr-auth__note{ font-size:14px; color:var(--co-mute); }
.mtr-shop-ui .mtr-auth .woocommerce-privacy-policy-text p{ margin:0 0 16px; font-size:12.5px; line-height:1.55; color:var(--co-mute); }
.mtr-shop-ui .mtr-auth .woocommerce-password-strength{ margin-top:8px; padding:8px 10px; border-radius:8px; font-size:13px; text-align:left; border:0; }
.mtr-shop-ui .mtr-auth .woocommerce-password-hint{ display:block; margin-top:6px; font-size:12.5px; color:var(--co-mute); }
.mtr-shop-ui.woocommerce-account .woocommerce > .woocommerce-notices-wrapper{ max-width:440px; margin-left:auto; margin-right:auto; }
.mtr-shop-ui.woocommerce-account .woocommerce-notices-wrapper:empty{ display:none; }

/* ---------- account: logged in ---------- */
.mtr-shop-ui.woocommerce-account.logged-in .woocommerce{ display:grid; grid-template-columns:220px minmax(0,1fr); gap:48px; align-items:start; }
.mtr-shop-ui.woocommerce-account.logged-in .woocommerce > .woocommerce-notices-wrapper{ grid-column:1 / -1; max-width:none; }
.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-navigation{ width:auto; float:none; position:sticky; top:96px; }
.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-navigation ul{ margin:0; padding:0; border:0; border-radius:0; overflow:visible; list-style:none; }
.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-navigation ul li{ margin:0; border:0; }
.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-navigation ul li a{ display:block; padding:10px 14px; border-radius:10px; color:var(--co-mute); font-size:15px; font-weight:500; text-decoration:none; background:none; }
.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{ color:var(--co-ink); background:#F4F4F2; }
.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{ color:var(--co-ink); background:#F1F1EE; font-weight:600; }
.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout{ margin-top:12px !important; padding-top:12px; border-top:1px solid var(--co-line) !important; }
.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-content{ width:auto; float:none; min-width:0; }
.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-content > h2,
.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-content h3,
.mtr-shop-ui.woocommerce-account .woocommerce-Address-title h2,
.mtr-shop-ui.woocommerce-account .woocommerce-Address-title h3{ font-family:var(--font-head,inherit); font-size:19px; font-weight:600; margin:0 0 12px; }
.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-content fieldset{ margin:24px 0 8px; padding:20px 0 0; border:0; border-top:1px solid var(--co-line); }
.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-content legend{ padding:0; font-weight:600; font-size:16px; }
.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-content form .button{ margin-top:8px; }
.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-content form .button[name="save_account_details"],
.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-content form .button[name="save_address"]{ border:0; background:var(--co-red); color:#fff; }
.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-content form .button[name="save_account_details"]:hover,
.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-content form .button[name="save_address"]:hover{ background:var(--red-dark,#B81E1E); color:#fff; }
.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-content em{ display:block; margin-top:6px; font-style:normal; font-size:13px; color:var(--co-mute); }
.mtr-shop-ui .woocommerce-Addresses{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.mtr-shop-ui .woocommerce-Addresses::before,.mtr-shop-ui .woocommerce-Addresses::after{ display:none; }
.mtr-shop-ui .woocommerce-Addresses .woocommerce-Address{ width:auto; float:none; padding:20px 22px; border-radius:14px; background:#F6F6F4; }
.mtr-shop-ui .woocommerce-Address-title{ display:flex; justify-content:space-between; align-items:baseline; }
.mtr-shop-ui .woocommerce-Address-title a.edit{ font-size:14px; font-weight:600; color:var(--co-ink); text-decoration:underline; text-underline-offset:3px; }
.mtr-shop-ui .woocommerce-Address address{ font-style:normal; line-height:1.7; color:#3E4048; }
.mtr-shop-ui table.woocommerce-orders-table{ width:100%; border:0; border-collapse:collapse; border-radius:0; }
.mtr-shop-ui table.woocommerce-orders-table th{ padding:0 12px 12px 0; border:0; border-bottom:1px solid var(--co-ink); font-size:12.5px; font-weight:500; color:var(--co-mute); text-align:left; }
.mtr-shop-ui table.woocommerce-orders-table td{ padding:16px 12px 16px 0; border:0; border-bottom:1px solid var(--co-line); font-size:14.5px; vertical-align:middle; }
.mtr-shop-ui table.woocommerce-orders-table td a.button{ min-height:36px; padding:7px 14px; font-size:13.5px; margin:2px 6px 2px 0; }

/* dashboard */
.mtr-dash__head h2{ margin:0 0 6px; font-family:var(--font-head,inherit); font-size:26px; font-weight:600; letter-spacing:-.01em; }
.mtr-dash__head p{ margin:0 0 32px; color:var(--co-mute); font-size:15px; }
.mtr-dash__block{ margin:0 0 32px; }
.mtr-dash__block-head{ display:flex; justify-content:space-between; align-items:baseline; margin:0 0 4px; }
.mtr-dash__block-head h3{ margin:0 !important; font-size:17px !important; }
.mtr-dash__block-head a{ font-size:14px; font-weight:600; color:var(--co-ink); text-decoration:underline; text-underline-offset:3px; }
.mtr-dash__orders{ list-style:none; margin:0; padding:0; border-top:1px solid var(--co-ink); }
.mtr-dash__orders li{ margin:0; border-bottom:1px solid var(--co-line); }
.mtr-dash__orders a{ display:grid; grid-template-columns:90px 1fr auto auto; gap:16px; align-items:center; padding:14px 0; color:var(--co-ink); text-decoration:none; }
.mtr-dash__orders a:hover .mtr-dash__no{ text-decoration:underline; text-underline-offset:3px; }
.mtr-dash__no{ font-weight:600; }
.mtr-dash__date{ color:var(--co-mute); font-size:14px; }
.mtr-dash__status{ font-size:13px; font-weight:500; padding:3px 10px; border-radius:999px; background:#F1F1EE; color:#3E4048; white-space:nowrap; }
.mtr-dash__status.is-processing,.mtr-dash__status.is-completed{ background:#ECF7EF; color:#166534; }
.mtr-dash__status.is-pending,.mtr-dash__status.is-on-hold{ background:#FDF6E7; color:#92400E; }
.mtr-dash__status.is-cancelled,.mtr-dash__status.is-failed{ background:#FBEFEF; color:#9F1D1D; }
.mtr-dash__total{ font-weight:600; text-align:right; }
.mtr-dash__empty{ margin:0; padding:16px 0; border-top:1px solid var(--co-ink); color:var(--co-mute); }
.mtr-dash__empty a{ margin-left:6px; color:var(--co-ink); font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.mtr-dash__links{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.mtr-dash__links a{ display:flex; flex-direction:column; gap:4px; padding:18px 20px; border-radius:14px; background:#F6F6F4; color:var(--co-ink); text-decoration:none; transition:background-color .15s ease; }
.mtr-dash__links a:hover{ background:#EFEFEC; }
.mtr-dash__links strong{ font-size:15px; font-weight:600; }
.mtr-dash__links span{ font-size:13.5px; color:var(--co-mute); line-height:1.5; }

@media (max-width:900px){
	.mtr-shop-ui.woocommerce-account.logged-in .woocommerce{ grid-template-columns:minmax(0,1fr); gap:20px; }
	.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-navigation{ position:static; overflow-x:auto; margin:0 -16px; padding:0 16px; }
	.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-navigation ul{ display:flex; gap:4px; width:max-content; }
	.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-navigation ul li a{ white-space:nowrap; padding:9px 14px; }
	.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout{ margin:0 !important; padding:0; border:0 !important; }
	.mtr-dash__links{ grid-template-columns:minmax(0,1fr); }
	.mtr-shop-ui .woocommerce-Addresses{ grid-template-columns:minmax(0,1fr); }
}
@media (max-width:600px){
	.mtr-auth__title{ font-size:21px; }
	.mtr-dash__orders a{ grid-template-columns:1fr auto; row-gap:4px; }
	.mtr-dash__date{ grid-column:1; grid-row:2; }
	.mtr-dash__status{ grid-column:2; grid-row:1; justify-self:end; }
	.mtr-dash__total{ grid-column:2; grid-row:2; }
	.mtr-shop-ui table.woocommerce-orders-table td{ padding:8px 0; }
}

/* Woo's clearfix pseudo-elements would become grid cells */
.mtr-shop-ui.woocommerce-account .woocommerce::before,.mtr-shop-ui.woocommerce-account .woocommerce::after,
.mtr-shop-ui.woocommerce-cart .woocommerce::before,.mtr-shop-ui.woocommerce-cart .woocommerce::after{ display:none !important; content:none !important; }
@media (max-width:900px){
	.mtr-shop-ui.woocommerce-account.logged-in .woocommerce{ grid-template-columns:minmax(0,1fr); gap:24px; }
	.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-navigation{ position:static; }
	.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-navigation ul{ display:flex; gap:4px; overflow-x:auto; padding-bottom:4px; -webkit-overflow-scrolling:touch; }
	.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-navigation ul li a{ white-space:nowrap; padding:8px 12px; font-size:14px; }
	.mtr-shop-ui.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout{ margin:0 !important; padding:0 !important; border:0 !important; }
}

/* Logged out (masuk / daftar / lupa password): no "Akun Saya" page title — the card has its own heading */
.mtr-auth-page #main > .container > h1:first-child,
.mtr-auth-page main > .container > h1:first-child,
.mtr-auth-page .entry-header,
.mtr-auth-page .page-header{ display:none; }
.mtr-auth-page .mtr-auth{ margin-top:clamp(8px,3vw,32px); }