/* Charmi checkout system. Scoped to cart, checkout, payment and confirmation. */
body.charmi-commerce {
  --cm-paper:#fff9fc; --cm-ink:#294866; --cm-muted:#6c7180;
  --cm-pink:#b83e73; --cm-line:#ecdee7; --cm-soft:#fbf1f6;
  background:var(--cm-paper)!important; color:var(--cm-ink)!important;
}
body.charmi-commerce #content {
  width:100%!important; max-width:none!important; margin:0!important;
  padding:0!important; background:var(--cm-paper)!important;
  font-family:'Prompt','Noto Sans Thai',sans-serif; font-size:14px; line-height:1.7;
}
body.charmi-commerce #content :where(*, *::before, *::after) {box-sizing:border-box}
body.charmi-commerce #content > .page-content {margin:0!important;padding:0!important}
body.charmi-commerce #content > .page-content > .elementor {
  width:100%!important;max-width:1240px!important;margin:0 auto!important;
  padding:0 32px 64px!important;background:transparent!important;
}
body.charmi-commerce #content > .page-content > .elementor > .e-con {
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  background:transparent!important; --content-width:100%;height:auto!important;min-height:0!important;display:flex!important;
}
/* Old utility heading used a second background and a separate visual order. */
body.charmi-commerce #content > .page-content > .elementor > .e-con:has(.charmi-utility-hero) {display:none!important}
body.charmi-commerce #content .e-con-inner {width:100%!important;max-width:none!important;padding:0!important;gap:0!important;height:auto!important;display:flex!important;flex-direction:column!important}
/* Elementor sets a viewport height in its order-received state; content must grow. */
body.charmi-commerce #content .elementor-widget-woocommerce-checkout-page,
body.charmi-commerce #content .elementor-widget-woocommerce-checkout-page > .elementor-widget-container {height:auto!important;min-height:0!important}
body.charmi-commerce #content .elementor-widget-container {background:transparent}
body.charmi-commerce #content .woocommerce {font-family:inherit!important;color:var(--cm-ink)!important;min-width:0}
body.charmi-commerce #content .cm-commerce-header {padding:28px 0 30px!important;margin:0!important}
body.charmi-commerce #content .cm-journey {padding:0 0 25px;border-bottom:1px solid var(--cm-line)}
body.charmi-commerce #content .cm-journey ol {display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;max-width:640px}
body.charmi-commerce #content .cm-journey li {display:flex;align-items:center;gap:10px;font-size:13px;color:#7e7482;min-width:0;white-space:nowrap}
body.charmi-commerce #content .cm-journey li:not(:last-child) {flex:1}
body.charmi-commerce #content .cm-journey li:not(:last-child)::after {content:'';height:1px;background:#e2d6df;flex:1;margin:0 18px 0 8px;min-width:14px}
body.charmi-commerce #content .cm-step-number {display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #dbced8;border-radius:50%;font-size:12px;font-weight:500;background:#fff;color:#716b79}
body.charmi-commerce #content .cm-journey .is-current {color:var(--cm-pink);font-weight:600}
body.charmi-commerce #content .cm-journey .is-current .cm-step-number {color:#fff;background:var(--cm-pink);border-color:var(--cm-pink)}
body.charmi-commerce #content .cm-journey .is-complete .cm-step-number {color:var(--cm-pink);background:#fae7f0;border-color:#eac3d5}
body.charmi-commerce #content .cm-journey a {color:var(--cm-ink)!important;text-decoration:none}
body.charmi-commerce #content .cm-commerce-heading {display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:26px}
body.charmi-commerce #content .cm-eyebrow {font-size:10px;letter-spacing:.12em;font-weight:500;color:var(--cm-pink);margin:0 0 9px}
body.charmi-commerce #content .cm-commerce-heading h1 {font-family:inherit!important;color:var(--cm-ink)!important;font-size:clamp(26px,3vw,36px)!important;line-height:1.45!important;font-weight:600!important;letter-spacing:-.025em!important;margin:0 0 7px!important}
body.charmi-commerce #content .cm-commerce-description {color:var(--cm-muted);font-size:14px;line-height:1.8;margin:0}
body.charmi-commerce #content a.cm-back-link {color:var(--cm-pink)!important;font-size:13px;white-space:nowrap;text-decoration:none;padding:10px 0;min-height:44px}
/* Native Elementor columns stay the single layout owner. */
body.charmi-commerce #content .e-checkout__container {display:grid!important;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr)!important;gap:28px!important;align-items:start;width:100%!important}
body.charmi-commerce #content form.checkout {display:block!important;width:100%!important;max-width:none!important;margin:0!important}
body.charmi-commerce #content :is(.e-checkout__column,.e-cart__column) {min-width:0!important;width:auto!important}
body.charmi-commerce #content :is(#customer_details > .col-1,#customer_details > .col-2,.e-checkout__column-inner,.e-cart-section) {
  width:100%!important;float:none!important;min-width:0;background:#fff!important;
  border:1px solid var(--cm-line)!important;border-radius:18px!important;
  box-shadow:0 4px 20px #54334a04!important;padding:28px!important;
}
body.charmi-commerce #content #customer_details {width:100%!important;margin:0!important}
body.charmi-commerce #content #customer_details > .col-2 {margin-top:20px!important}
body.charmi-commerce #content .e-checkout__order_review {padding:0!important;margin:0 0 20px!important;border:0!important;background:transparent!important}
body.charmi-commerce #content :is(h2,h3,.cart_totals h2) {font-family:inherit!important;color:var(--cm-ink)!important;line-height:1.5!important;font-size:21px!important;font-weight:600!important;letter-spacing:-.015em!important;margin:0 0 22px!important}
body.charmi-commerce #content #ship-to-different-address {font-size:16px!important;margin-bottom:16px!important}
body.charmi-commerce #content .woocommerce-additional-fields > h3:empty {display:none}
body.charmi-commerce #content :is(.woocommerce-additional-fields,.woocommerce-shipping-fields) {border:0!important;padding:0!important;background:transparent!important;margin:0!important}
/* Visible labels, predictable controls and clear keyboard focus. */
body.charmi-commerce #content .form-row {padding:0!important;margin:0 0 16px!important;min-width:0}
body.charmi-commerce #content .form-row label {font-size:13px!important;line-height:1.6!important;color:var(--cm-ink)!important;margin-bottom:7px!important;font-weight:400!important}
body.charmi-commerce #content .form-row-first,body.charmi-commerce #content .form-row-last {width:calc(50% - 10px)!important}
body.charmi-commerce #content .form-row-first {float:left!important;clear:both!important}
body.charmi-commerce #content .form-row-last {float:right!important;clear:none!important}
body.charmi-commerce #content .form-row-wide {clear:both!important}
body.charmi-commerce #content .woocommerce-billing-fields__field-wrapper {display:flow-root}
body.charmi-commerce #content :is(input.input-text,textarea,select:not(.select2-hidden-accessible),.select2-selection--single) {
  background:#fff!important;color:var(--cm-ink)!important;border:1px solid #dcd5df!important;border-radius:9px!important;
  min-height:48px!important;padding:11px 13px!important;font-family:inherit!important;font-size:15px!important;line-height:1.6!important;box-shadow:none!important;width:100%;max-width:100%;
}
body.charmi-commerce #content :is(input.input-text,textarea)::placeholder {color:#9296a2!important;font-size:14px}
body.charmi-commerce #content textarea {min-height:100px!important;resize:vertical}
body.charmi-commerce #content .select2-container {max-width:100%!important;width:100%!important}
body.charmi-commerce #content .select2-selection__rendered {line-height:24px!important;padding:0 22px 0 0!important;color:var(--cm-ink)!important}
body.charmi-commerce #content .select2-selection__arrow {height:46px!important;right:8px!important}
body.charmi-commerce #content .input-checkbox {width:18px!important;height:18px!important;vertical-align:middle;accent-color:var(--cm-pink);margin-right:7px!important}
body.charmi-commerce #content :is(input,textarea,select,button,a,[tabindex]):focus-visible {outline:3px solid #5283bd!important;outline-offset:3px!important}
body.charmi-commerce #content .woocommerce-invalid :is(input.input-text,.select2-selection) {border-color:#bf3650!important;background:#fff9fa!important}
/* Shared item treatment; amounts must never split across lines. */
body.charmi-commerce #content table.shop_table {border:0!important;border-collapse:collapse!important;border-spacing:0!important;border-radius:0!important;margin:0 0 18px!important;width:100%!important;background:#fff!important;table-layout:auto}
body.charmi-commerce #content table.shop_table :is(th,td) {padding:15px 0!important;border:0!important;border-bottom:1px solid #f0e8ee!important;background:transparent!important;font-size:14px!important;line-height:1.65!important;vertical-align:middle!important;color:var(--cm-ink)!important;overflow-wrap:break-word}
body.charmi-commerce #content table.shop_table th {font-weight:500!important;font-size:12px!important;color:var(--cm-muted)!important}
body.charmi-commerce #content table.shop_table thead th {padding-top:0!important;padding-bottom:13px!important}
body.charmi-commerce #content .woocommerce-Price-amount {white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;font-variant-numeric:tabular-nums}
body.charmi-commerce #content :is(.product-total,.product-subtotal,table.shop_table tfoot td) {text-align:right!important}
body.charmi-commerce #content :is(.product-total,.product-subtotal) {padding-left:14px!important;width:110px}
body.charmi-commerce #content td.product-name {text-align:left!important;font-size:14px!important;font-weight:400!important}
body.charmi-commerce #content .product-name > a {color:var(--cm-ink)!important;text-decoration:none!important;font-weight:500;line-height:1.7}
body.charmi-commerce #content .cm-item-image {float:left;display:block;width:78px;height:88px;margin:0 16px 8px 0;border:1px solid #eee6ed;border-radius:10px;overflow:hidden;background:#fbf8fb}
body.charmi-commerce #content img.cm-product-image {display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;float:none!important;margin:0!important}
body.charmi-commerce #content td.product-name:has(.cm-item-image) {position:relative;padding-left:94px!important;height:120px}
body.charmi-commerce #content td.product-name .cm-item-image {position:absolute;left:0;top:16px;float:none;margin:0}
body.charmi-commerce #content td.product-name:has(.cm-item-image) :is(dl.variation,ul.wc-item-meta) {margin-left:0!important}
body.charmi-commerce #content :is(dl.variation,ul.wc-item-meta) {font-size:12px!important;line-height:1.8!important;color:var(--cm-muted)!important;padding:0!important;margin:5px 0 0!important;list-style:none}
body.charmi-commerce #content dl.variation {display:grid!important;grid-template-columns:max-content minmax(0,1fr)!important;gap:0 5px!important}
body.charmi-commerce #content dl.variation::after {display:none!important}
body.charmi-commerce #content dl.variation :is(dt,dd) {float:none!important;clear:none!important;width:auto!important;margin:0!important}
body.charmi-commerce #content dl.variation :is(dt,dd) {font-size:12px!important;line-height:1.8!important;padding:0!important;margin-bottom:0!important}
body.charmi-commerce #content dl.variation dd {margin-left:0!important}
body.charmi-commerce #content :is(dl.variation,ul.wc-item-meta) p {margin:0!important;display:inline!important}
body.charmi-commerce #content .product-quantity {font-size:12px!important;font-weight:500!important;white-space:nowrap}
body.charmi-commerce #content table.shop_table tr.order-total :is(th,td) {border-bottom:0!important;padding-top:18px!important;padding-bottom:12px!important}
body.charmi-commerce #content table.shop_table tr.order-total > td > strong .amount {font-size:23px!important;color:var(--cm-pink)!important;font-weight:600!important}
body.charmi-commerce #content .includes_tax .amount {font-size:inherit!important;font-weight:400!important;color:var(--cm-muted)!important;display:inline!important}
body.charmi-commerce #content .includes_tax {display:block!important;font-size:10px!important;color:var(--cm-muted)!important;font-weight:400!important;line-height:1.6!important;margin-top:4px}
body.charmi-commerce #content #shipping_method {margin:0!important;padding:0!important}
body.charmi-commerce #content .woocommerce-shipping-destination {font-size:12px!important;line-height:1.9!important;color:var(--cm-muted)!important}
/* Payment is part of the summary, with its own quiet visual separation. */
body.charmi-commerce #content #payment {background:transparent!important;border:0!important;padding:0!important;border-radius:0!important}
body.charmi-commerce #content #payment ul.payment_methods {padding:16px!important;margin:0 0 18px!important;background:var(--cm-soft)!important;border:1px solid var(--cm-line)!important;border-radius:12px!important;list-style:none}
body.charmi-commerce #content #payment ul.payment_methods li {line-height:1.7!important;font-size:14px!important}
body.charmi-commerce #content #payment .payment_box {padding:9px 0 0!important;background:transparent!important;margin:0!important;font-size:12px!important;color:var(--cm-muted)!important;line-height:1.85!important}
body.charmi-commerce #content #payment .payment_box::before {display:none!important}
body.charmi-commerce #content #payment .payment_box p {margin:0!important}
body.charmi-commerce #content #payment .place-order {padding:0!important;margin:0!important}
body.charmi-commerce #content .woocommerce-privacy-policy-text {font-size:11px!important;line-height:1.9!important;color:var(--cm-muted)!important;margin:0 0 16px!important}
body.charmi-commerce #content .woocommerce-terms-and-conditions-wrapper {font-size:12px!important;line-height:1.9!important}
body.charmi-commerce #content .woocommerce-terms-and-conditions-checkbox-text {font-size:12px!important}
body.charmi-commerce #content a {color:var(--cm-pink)}
body.charmi-commerce #content :is(button.button,a.button,input.button,#place_order) {background:var(--cm-pink)!important;border:1px solid var(--cm-pink)!important;color:#fff!important;border-radius:10px!important;font-family:inherit!important;font-weight:500!important;font-size:14px!important;line-height:1.6!important;padding:13px 20px!important;min-height:49px!important;box-shadow:none!important;white-space:normal!important;text-align:center!important}
body.charmi-commerce #content :is(button.button,a.button,#place_order):hover {background:#9c2e60!important;border-color:#9c2e60!important;transform:none!important}
body.charmi-commerce #content :is(button.button,a.button):disabled {opacity:.45!important;cursor:default!important}
body.charmi-commerce #content #place_order {display:block!important;width:100%!important;float:none!important;margin-top:18px!important;font-size:16px!important}
body.charmi-commerce #content :is(.woocommerce-info,.woocommerce-message,.woocommerce-error) {background:#fff!important;border:1px solid var(--cm-line)!important;border-left:3px solid var(--cm-pink)!important;border-radius:10px!important;color:var(--cm-ink)!important;font-family:inherit!important;font-size:13px!important;line-height:1.8!important;padding:16px 18px 16px 44px!important;margin:0 0 20px!important;list-style:none}
body.charmi-commerce #content :is(.woocommerce-info,.woocommerce-message,.woocommerce-error)::before {top:17px!important;left:17px!important;color:var(--cm-pink)!important}
body.charmi-commerce #content .woocommerce-error {border-left-color:#bf3650!important}
/* Cart retains its dedicated product image column on every device. */
body.charmi-commerce #content .e-cart__container {grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)!important;gap:28px!important;align-items:start}
body.charmi-commerce #content .e-cart__column-end .e-cart-section {position:static!important}
body.charmi-commerce #content .cart_totals {padding:0!important;width:100%!important;float:none!important}
body.charmi-commerce #content .cart_totals h2 {margin-bottom:18px!important}
body.charmi-commerce #content .cart_totals .wc-proceed-to-checkout {padding:8px 0 0!important}
body.charmi-commerce #content .checkout-button {display:block!important;margin:0!important;width:100%!important}
body.charmi-commerce #content .woocommerce-cart-form table.shop_table td {padding:20px 6px!important}
body.charmi-commerce #content .woocommerce-cart-form table.shop_table th {padding-right:6px!important;padding-left:6px!important}
body.charmi-commerce #content .woocommerce-cart-form .product-remove {width:28px!important;padding-left:0!important}
body.charmi-commerce #content .woocommerce-cart-form a.remove {width:28px!important;height:28px!important;line-height:26px!important;font-size:20px!important;background:transparent!important;border:1px solid #e6dae2!important;color:var(--cm-muted)!important;border-radius:50%!important}
body.charmi-commerce #content .woocommerce-cart-form .product-thumbnail {display:table-cell!important;width:90px!important;min-width:76px!important}
body.charmi-commerce #content .woocommerce-cart-form .product-thumbnail img {display:block!important;width:76px!important;height:88px!important;max-width:none!important;object-fit:contain!important;border-radius:9px!important;border:1px solid #eee6ed;background:#fbf8fb}
body.charmi-commerce #content .woocommerce-cart-form :is(.product-price,.product-subtotal) {width:auto!important;min-width:82px!important;font-size:13px!important}
body.charmi-commerce #content .woocommerce-cart-form .product-quantity {min-width:132px!important;width:132px!important}
body.charmi-commerce #content .quantity {display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;max-width:100%;min-width:0!important;width:max-content!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
body.charmi-commerce #content .quantity :is(input.qty,button) {width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;line-height:1!important;flex:none!important;padding:0!important;margin:0!important;font-size:14px!important;border:1px solid #e6d4df!important;border-radius:0!important;background:#fff!important;color:var(--cm-ink)!important;text-align:center!important}
body.charmi-commerce #content .quantity button.charmi-qty-button {background:#fcf2f7!important;color:var(--cm-pink)!important;border:1px solid #e6d4df!important}
body.charmi-commerce #content .quantity button.charmi-qty-minus {border-radius:8px 0 0 8px!important}
body.charmi-commerce #content .quantity button:last-child {border-radius:0 8px 8px 0!important}
body.charmi-commerce #content .e-coupon-box {margin-top:18px!important}
body.charmi-commerce #content .coupon {display:flex!important;gap:12px!important;align-items:center!important;flex-wrap:wrap!important}
body.charmi-commerce #content .coupon input.input-text {width:auto!important;flex:1 1 160px!important;min-width:0!important;margin:0!important}
body.charmi-commerce #content .coupon .button {flex:0 0 auto!important}
/* Receipt: same paper, item images, readable summary and shipping cards. */
body.charmi-commerce #content .woocommerce-order {max-width:100%;padding:0!important}
body.charmi-commerce #content .woocommerce-thankyou-order-received {font-size:20px!important;line-height:1.6!important;font-weight:500!important;color:var(--cm-ink)!important;margin:0 0 22px!important}
body.charmi-commerce #content ul.order_details {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0!important;background:#fff!important;border:1px solid var(--cm-line)!important;border-radius:14px!important;padding:22px 8px!important;margin:0 0 24px!important;list-style:none!important}
body.charmi-commerce #content ul.order_details::before,body.charmi-commerce #content ul.order_details::after {display:none!important}
body.charmi-commerce #content ul.order_details li {float:none!important;margin:0!important;padding:0 18px!important;border-right:1px solid var(--cm-line)!important;font-size:11px!important;line-height:1.8!important;color:var(--cm-muted)!important;min-width:0;overflow-wrap:anywhere;text-transform:none!important}
body.charmi-commerce #content ul.order_details li:last-child {border-right:0!important}
body.charmi-commerce #content ul.order_details strong {font-size:14px!important;color:var(--cm-ink)!important;margin-top:5px!important;font-weight:500!important}
body.charmi-commerce #content :is(.woocommerce-order-details,.woocommerce-customer-details) {background:#fff!important;padding:28px!important;border:1px solid var(--cm-line)!important;border-radius:18px!important;margin:24px 0!important}
body.charmi-commerce #content .woocommerce-order-details table {margin-bottom:0!important}
body.charmi-commerce #content .woocommerce-customer-details .col2-set {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
body.charmi-commerce #content .woocommerce-customer-details .col2-set > div {width:auto!important;float:none!important;min-width:0!important}
body.charmi-commerce #content .woocommerce-customer-details address {border:0!important;padding:0!important;line-height:1.9!important;font-style:normal!important;font-size:14px!important;overflow-wrap:anywhere}
body.charmi-commerce #content .woocommerce-order > p {font-size:14px!important;line-height:1.9!important}
/* Keep the order summary in flow so it cannot slide underneath the store header. */
body.charmi-commerce #content .e-checkout__column-end {position:static!important}
@media(max-width:1100px) {
  body.charmi-commerce #content > .page-content > .elementor {padding-right:24px!important;padding-left:24px!important}
  body.charmi-commerce #content :is(#customer_details > .col-1,#customer_details > .col-2,.e-checkout__column-inner,.e-cart-section) {padding:22px!important}
  body.charmi-commerce #content .e-cart__container {grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:900px) {
  body.charmi-commerce #content .e-checkout__container {grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
  body.charmi-commerce #content .e-checkout__column-end {position:static!important}
  body.charmi-commerce #content .e-cart__column {width:100%!important}
  body.charmi-commerce #content .cm-commerce-heading {gap:16px}
}
@media(max-width:767px) {
  body.charmi-commerce #content > .page-content > .elementor {padding:0 16px 40px!important}
  body.charmi-commerce #content .cm-commerce-header {padding:20px 0 22px!important}
  body.charmi-commerce #content .cm-journey {padding-bottom:18px}
  body.charmi-commerce #content .cm-journey li {font-size:11px;gap:6px}
  body.charmi-commerce #content .cm-step-number {width:23px;height:23px;flex-basis:23px;font-size:10px}
  body.charmi-commerce #content .cm-journey li:not(:last-child)::after {margin:0 8px;min-width:8px}
  body.charmi-commerce #content .cm-commerce-heading {display:block;padding-top:20px}
  body.charmi-commerce #content .cm-commerce-description {font-size:12px;line-height:1.9}
  body.charmi-commerce #content .cm-back-link {display:inline-block;font-size:12px!important;margin-top:6px;padding-bottom:0!important}
  body.charmi-commerce #content :is(#customer_details > .col-1,#customer_details > .col-2,.e-checkout__column-inner,.e-cart-section,.woocommerce-order-details,.woocommerce-customer-details) {padding:20px 16px!important;border-radius:14px!important}
  body.charmi-commerce #content :is(h2,h3,.cart_totals h2) {font-size:19px!important;margin-bottom:18px!important}
  body.charmi-commerce #content .form-row-first,body.charmi-commerce #content .form-row-last {width:calc(50% - 6px)!important}
  body.charmi-commerce #content :is(input.input-text,textarea,select:not(.select2-hidden-accessible),.select2-selection--single) {font-size:16px!important}
  body.charmi-commerce #content .cm-item-image {width:62px;height:74px;margin-right:12px}
  body.charmi-commerce #content td.product-name:has(.cm-item-image) {padding-left:74px!important;height:108px}
  body.charmi-commerce #content table.shop_table :is(th,td) {font-size:13px!important;padding:14px 0!important}
  body.charmi-commerce #content td.product-name {font-size:13px!important}
  body.charmi-commerce #content :is(.product-total,.product-subtotal) {width:86px!important;padding-left:10px!important}
  body.charmi-commerce #content table.shop_table tr.order-total > td > strong .amount {font-size:21px!important}
  /* Use an explicit cart item grid instead of Woo's stacked labels. */
  body.charmi-commerce #content .woocommerce-cart-form table.shop_table {display:block!important}
  body.charmi-commerce #content .woocommerce-cart-form table.shop_table thead {display:none!important}
  body.charmi-commerce #content .woocommerce-cart-form table.shop_table tbody {display:block!important}
  body.charmi-commerce #content .woocommerce-cart-form tr.cart_item {display:grid!important;grid-template-columns:76px minmax(0,1fr) 28px;gap:10px 12px;padding:0 0 20px!important;margin:0 0 20px!important;border-bottom:1px solid var(--cm-line)!important}
  body.charmi-commerce #content .woocommerce-cart-form tr.cart_item td {display:block!important;border:0!important;padding:0!important;text-align:left!important;background:transparent!important;width:auto!important;min-width:0!important}
  body.charmi-commerce #content .woocommerce-cart-form tr.cart_item td::before {display:none!important}
  body.charmi-commerce #content .woocommerce-cart-form tr.cart_item .product-thumbnail {grid-column:1;grid-row:1 / 3;min-width:0!important}
  body.charmi-commerce #content .woocommerce-cart-form tr.cart_item .product-thumbnail img {width:76px!important;height:88px!important}
  body.charmi-commerce #content .woocommerce-cart-form tr.cart_item .product-name {grid-column:2;grid-row:1}
  body.charmi-commerce #content .woocommerce-cart-form tr.cart_item .product-remove {grid-column:3;grid-row:1}
  body.charmi-commerce #content .woocommerce-cart-form tr.cart_item .product-price {display:none!important}
  body.charmi-commerce #content .woocommerce-cart-form tr.cart_item .product-quantity {grid-column:2 / 4;grid-row:2}
  body.charmi-commerce #content .woocommerce-cart-form tr.cart_item .product-subtotal {grid-column:2 / 4;grid-row:3;text-align:right!important;font-weight:500!important}
  body.charmi-commerce #content .woocommerce-cart-form td.actions {display:block!important;padding:0!important;border:0!important}
  body.charmi-commerce #content .woocommerce-cart-form td.actions .button {width:100%!important}
  body.charmi-commerce #content .coupon {flex-direction:column!important;align-items:stretch!important}
  body.charmi-commerce #content .coupon :is(input.input-text,.button) {width:100%!important;flex:auto!important}
  body.charmi-commerce #content ul.order_details {grid-template-columns:repeat(2,minmax(0,1fr));padding:0!important;overflow:hidden}
  body.charmi-commerce #content ul.order_details li {padding:16px!important;border-right:0!important;border-bottom:1px solid var(--cm-line)!important}
  body.charmi-commerce #content ul.order_details li:nth-child(odd) {border-right:1px solid var(--cm-line)!important}
  body.charmi-commerce #content .woocommerce-customer-details .col2-set {grid-template-columns:minmax(0,1fr);gap:22px}
}
@media(max-width:360px) {
  body.charmi-commerce #content .cm-journey li {font-size:10px;gap:4px}
  body.charmi-commerce #content .cm-journey li:not(:last-child)::after {margin:0 5px;min-width:4px}
  body.charmi-commerce #content .form-row-first,body.charmi-commerce #content .form-row-last {width:100%!important;float:none!important;clear:both!important}
  body.charmi-commerce #content :is(#customer_details > .col-1,#customer_details > .col-2,.e-checkout__column-inner,.e-cart-section) {padding:18px 12px!important}
  body.charmi-commerce #content td.product-name:has(.cm-item-image) {padding-left:62px!important}
  body.charmi-commerce #content td.product-name .cm-item-image {width:52px;height:64px}
}