/* Candidate-only desktop styling. WooCommerce owns every Cart/Checkout control. */
@media (min-width: 768px) {
  body.s1688-flow-candidate {
    --flow-bg: #101214;
    --flow-panel: #17191b;
    --flow-panel-2: #1d2022;
    --flow-border: #514b3d;
    --flow-gold: #dfba72;
    --flow-text: #f5f2ec;
    --flow-muted: #c6c0b6;
    background: var(--flow-bg);
    color: var(--flow-text);
  }

  body.s1688-flow-candidate .site-main,
  body.s1688-flow-candidate main#content {
    box-sizing: border-box;
    margin-inline: auto;
    max-width: 1320px;
    min-width: 0;
    padding: 34px 28px 72px;
    width: 100%;
  }

  body.s1688-flow-candidate .entry-title {
    color: var(--flow-text);
    font-size: clamp(34px, 3.4vw, 44px);
    line-height: 1.15;
    margin: 0 0 18px;
  }

  body.s1688-flow-received .entry-title { display: none; }

  body.s1688-flow-candidate .s1688-flow-shell {
    box-sizing: border-box;
    margin-inline: auto;
    max-width: 1264px;
    min-width: 0;
    width: 100%;
  }

  body.s1688-flow-candidate .s1688-flow-badge {
    color: #c9a668;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .16em;
    margin: 0 0 14px;
    text-transform: uppercase;
  }

  body.s1688-flow-candidate .s1688-flow-steps { margin: 0 0 30px; }
  body.s1688-flow-candidate .s1688-flow-steps ol {
    align-items: center;
    display: flex;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  body.s1688-flow-candidate .s1688-flow-steps li {
    align-items: center;
    color: var(--flow-muted);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 16px;
  }
  body.s1688-flow-candidate .s1688-flow-steps li + li::before {
    background: #575146;
    content: '';
    height: 1px;
    margin-inline: 18px;
    width: 48px;
  }
  body.s1688-flow-candidate .s1688-flow-steps .is-current {
    color: var(--flow-gold);
    font-weight: 800;
  }
  body.s1688-flow-candidate .s1688-flow-steps .is-current span {
    border-bottom: 2px solid var(--flow-gold);
    padding-bottom: 5px;
  }

  body.s1688-flow-candidate .s1688-flow-intro { margin-bottom: 24px; }
  body.s1688-flow-candidate .s1688-flow-intro h2 {
    color: var(--flow-text);
    font-size: 24px;
    line-height: 1.25;
    margin: 0 0 6px;
  }
  body.s1688-flow-candidate .s1688-flow-intro p {
    color: var(--flow-muted);
    font-size: 15px;
    margin: 0 0 9px;
  }
  body.s1688-flow-candidate .s1688-flow-intro small {
    color: #bdb6aa;
    font-size: 13px;
  }
  body.s1688-flow-candidate .s1688-flow-back {
    color: var(--flow-gold);
    display: inline-block;
    font-size: 14px;
    margin-bottom: 18px;
    text-decoration: none;
  }
  body.s1688-flow-candidate .s1688-flow-back:hover,
  body.s1688-flow-candidate .s1688-flow-back:focus-visible { text-decoration: underline; }

  body.s1688-flow-candidate .s1688-flow-assist {
    align-items: center;
    background: var(--flow-panel);
    border: 1px solid var(--flow-border);
    border-radius: 12px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-top: 28px;
    padding: 20px 24px;
  }
  body.s1688-flow-candidate .s1688-flow-assist strong { color: var(--flow-text); font-size: 17px; }
  body.s1688-flow-candidate .s1688-flow-assist p { color: var(--flow-muted); margin: 5px 0 0; }
  body.s1688-flow-candidate .s1688-flow-line-link {
    border: 1px solid #629a69;
    border-radius: 9px;
    color: #b8e2b6;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 15px;
    font-weight: 700;
    justify-content: center;
    min-height: 44px;
    padding: 10px 18px;
    text-decoration: none;
  }
  body.s1688-flow-candidate .s1688-flow-line-link:hover,
  body.s1688-flow-candidate .s1688-flow-line-link:focus-visible { background: #203a29; }

  body.s1688-flow-candidate #s1688-services { margin-top: 64px; }
  body.s1688-flow-candidate #s1688-services h3 { color: var(--flow-text); }

  /* Cart Block: WooCommerce continues calculating prices and handling quantity changes. */
  body.s1688-flow-cart .wc-block-cart,
  body.s1688-flow-cart .wc-block-components-sidebar-layout.wc-block-cart {
    align-items: start;
    display: grid !important;
    gap: 26px;
    grid-template-columns: minmax(0, 1.85fr) minmax(340px, 1fr);
    max-width: none !important;
    width: 100% !important;
  }
  body.s1688-flow-cart .wc-block-cart__main,
  body.s1688-flow-cart .wc-block-cart__sidebar { box-sizing: border-box; min-width: 0; width: 100% !important; }
  body.s1688-flow-cart .wc-block-cart-items,
  body.s1688-flow-cart .wc-block-components-sidebar {
    background: var(--flow-panel) !important;
    border: 1px solid var(--flow-border) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    color: var(--flow-text) !important;
    overflow: hidden;
  }
  body.s1688-flow-cart .wc-block-cart-items__row {
    border-color: #373530 !important;
    padding: 24px 18px !important;
  }
  body.s1688-flow-cart .wc-block-cart-item__image { width: 112px !important; }
  body.s1688-flow-cart .wc-block-cart-item__image img {
    background: #f2f1ed;
    border-radius: 10px;
    object-fit: contain;
    padding: 8px;
    width: 100%;
  }
  body.s1688-flow-cart .wc-block-components-product-name {
    color: var(--flow-text) !important;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.45;
  }
  body.s1688-flow-cart .wc-block-components-product-metadata,
  body.s1688-flow-cart .wc-block-components-product-metadata__description,
  body.s1688-flow-cart .wc-block-components-product-details { color: var(--flow-muted) !important; font-size: 14px; }
  body.s1688-flow-cart .wc-block-components-product-price,
  body.s1688-flow-cart .wc-block-cart-item__total-price { color: var(--flow-gold) !important; font-weight: 750; white-space: nowrap; }
  body.s1688-flow-cart .wc-block-components-quantity-selector { border-color: var(--flow-border) !important; }
  body.s1688-flow-cart .wc-block-components-quantity-selector button { min-height: 44px; min-width: 44px; }
  body.s1688-flow-cart .wc-block-cart-item__remove-link { color: #c2bbb0 !important; }
  body.s1688-flow-cart .wc-block-components-sidebar { padding: 22px !important; }
  body.s1688-flow-cart .wc-block-cart__totals-title,
  body.s1688-flow-cart .wc-block-components-sidebar > h2 { color: var(--flow-text) !important; font-size: 22px; margin: 0 0 15px; }
  body.s1688-flow-cart .wc-block-components-totals-wrapper { border-color: var(--flow-border) !important; padding: 14px 0 !important; }
  body.s1688-flow-cart .wc-block-components-totals-item__label,
  body.s1688-flow-cart .wc-block-components-totals-item__value { color: var(--flow-text) !important; }
  body.s1688-flow-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { color: var(--flow-gold) !important; font-size: 25px; font-weight: 800; }
  body.s1688-flow-cart .wc-block-components-totals-coupon { order: 9; }
  body.s1688-flow-cart .wc-block-components-totals-coupon .wc-block-components-panel__button { color: var(--flow-muted) !important; font-size: 13px; }
  body.s1688-flow-cart .wc-block-cart__submit-button {
    background: var(--flow-gold) !important;
    border-radius: 9px !important;
    color: #17130c !important;
    font-size: 17px;
    font-weight: 800;
    min-height: 54px;
  }

  /* Checkout Block: native React subtree stays in place. Only stable outer columns are styled. */
  body.s1688-flow-checkout .wp-block-woocommerce-checkout {
    display: block !important;
    max-width: none !important;
    width: 100% !important;
  }
  body.s1688-flow-checkout .wc-block-components-sidebar-layout.wc-block-checkout {
    align-items: start;
    box-sizing: border-box;
    display: grid !important;
    gap: 26px !important;
    grid-template-columns: minmax(0, 1.5fr) minmax(370px, 1fr) !important;
    max-width: none !important;
    width: 100% !important;
  }
  body.s1688-flow-checkout .wc-block-checkout__main,
  body.s1688-flow-checkout .wc-block-checkout__sidebar {
    background: var(--flow-panel) !important;
    border: 1px solid var(--flow-border) !important;
    border-radius: 14px !important;
    box-sizing: border-box;
    color: var(--flow-text) !important;
    float: none !important;
    margin: 0 !important;
    max-width: none !important;
    min-width: 0;
    padding: 26px !important;
    width: 100% !important;
  }
  body.s1688-flow-checkout .wc-block-checkout__main { grid-column: 1; }
  body.s1688-flow-checkout .wc-block-checkout__sidebar { grid-column: 2; position: sticky; top: 28px; }
  body.s1688-flow-checkout .wc-block-checkout__form { display: flex; flex-direction: column; gap: 22px; }
  body.s1688-flow-checkout .wc-block-components-checkout-step,
  body.s1688-flow-checkout .wc-block-components-totals-wrapper,
  body.s1688-flow-checkout .wc-block-components-order-summary,
  body.s1688-flow-checkout .wc-block-checkout__sidebar > div {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.s1688-flow-checkout .wc-block-components-checkout-step__container,
  body.s1688-flow-checkout .wc-block-components-checkout-step__content { margin: 0; padding: 0; }
  body.s1688-flow-checkout .wc-block-components-checkout-step__title,
  body.s1688-flow-checkout .wc-block-components-checkout-order-summary__title-text {
    color: var(--flow-text) !important;
    font-size: 21px;
    font-weight: 750;
  }
  body.s1688-flow-checkout #shipping,
  body.s1688-flow-checkout #billing,
  body.s1688-flow-checkout #contact { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.s1688-flow-checkout #contact > *,
  body.s1688-flow-checkout #shipping > :has(#shipping-address_1),
  body.s1688-flow-checkout #billing > :has(#billing-address_1) { grid-column: 1 / -1; }
  body.s1688-flow-checkout .wc-block-components-text-input,
  body.s1688-flow-checkout .wc-blocks-components-select { box-sizing: border-box; min-width: 0; width: 100%; }
  body.s1688-flow-checkout .wc-block-components-text-input label,
  body.s1688-flow-checkout .wc-blocks-components-select__label { color: var(--flow-text) !important; font-size: 14px; font-weight: 650; }
  body.s1688-flow-checkout .wc-block-components-text-input input,
  body.s1688-flow-checkout .wc-blocks-components-select select,
  body.s1688-flow-checkout .wc-block-components-combobox input,
  body.s1688-flow-checkout textarea {
    background: var(--flow-panel-2) !important;
    border: 1px solid #6d6556 !important;
    border-radius: 9px !important;
    box-sizing: border-box;
    color: var(--flow-text) !important;
    min-height: 48px;
    padding: 10px 13px !important;
    width: 100%;
  }
  body.s1688-flow-checkout input:focus-visible,
  body.s1688-flow-checkout select:focus-visible,
  body.s1688-flow-checkout textarea:focus-visible,
  body.s1688-flow-candidate a:focus-visible,
  body.s1688-flow-candidate button:focus-visible {
    outline: 2px solid var(--flow-gold) !important;
    outline-offset: 2px;
  }
  body.s1688-flow-checkout .wc-block-components-text-input:has(#shipping-first_name)::after,
  body.s1688-flow-checkout .wc-block-components-text-input:has(#billing-first_name)::after { content: '怎麼稱呼你呢？填常用名字就可以。'; }
  body.s1688-flow-checkout .wc-block-components-text-input:has(#shipping-phone)::after,
  body.s1688-flow-checkout .wc-block-components-text-input:has(#billing-phone)::after { content: '方便出貨或有問題時快速聯絡你。'; }
  body.s1688-flow-checkout .wc-block-components-text-input:has(#email)::after { content: '訂單資訊會寄到這裡，別填錯。'; }
  body.s1688-flow-checkout .wc-block-components-text-input:has([id*="line-id"])::after { content: '方便後續確認訂單與聯絡。'; }
  body.s1688-flow-checkout .wc-block-components-text-input:has([id*="store-name"])::after { content: '可填門市名稱、店號或完整地址；如不確定，可在訂單成立後透過 LINE 確認。'; }
  body.s1688-flow-checkout .wc-block-components-text-input:has(#shipping-first_name)::after,
  body.s1688-flow-checkout .wc-block-components-text-input:has(#billing-first_name)::after,
  body.s1688-flow-checkout .wc-block-components-text-input:has(#shipping-phone)::after,
  body.s1688-flow-checkout .wc-block-components-text-input:has(#billing-phone)::after,
  body.s1688-flow-checkout .wc-block-components-text-input:has(#email)::after,
  body.s1688-flow-checkout .wc-block-components-text-input:has([id*="line-id"])::after,
  body.s1688-flow-checkout .wc-block-components-text-input:has([id*="store-name"])::after {
    color: var(--flow-muted);
    display: block;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 6px;
  }
  body.s1688-flow-checkout .wc-block-components-text-input.s1688-flow-invalid,
  body.s1688-flow-checkout .wc-blocks-components-select.s1688-flow-invalid { color: #ffb9ad; }
  body.s1688-flow-checkout .s1688-flow-invalid input,
  body.s1688-flow-checkout .s1688-flow-invalid select { border-color: #d98575 !important; }
  body.s1688-flow-checkout .s1688-flow-invalid::after { color: #ffb9ad !important; content: attr(data-s1688-error) !important; }
  body.s1688-flow-checkout .s1688-flow-errors:not([hidden]) {
    background: #2b1b1b;
    border: 1px solid #cb8b80;
    border-radius: 10px;
    color: #ffe0da;
    margin-bottom: 20px;
    padding: 14px 18px;
  }
  body.s1688-flow-checkout .s1688-flow-errors a { color: #fff0bc; }
  body.s1688-flow-checkout .wc-block-components-validation-error,
  body.s1688-flow-checkout .wc-block-components-notice-banner.is-error { color: #ffd4cc !important; }
  body.s1688-flow-checkout .wc-block-components-checkout-place-order-button {
    background: var(--flow-gold) !important;
    border: 0 !important;
    border-radius: 9px !important;
    color: #17130c !important;
    font-size: 17px;
    font-weight: 800;
    min-height: 56px;
    width: 100%;
  }
  body.s1688-flow-checkout .wc-block-components-order-summary-item__image img { background: #f2f1ed; border-radius: 8px; object-fit: contain; }
  body.s1688-flow-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { color: var(--flow-gold) !important; font-size: 24px; font-weight: 800; }
  body.s1688-flow-checkout #contact-fields .wc-block-components-text-input:has([id*="711-store-number"]),
  body.s1688-flow-checkout .wc-block-components-text-input:has(#shipping-last_name),
  body.s1688-flow-checkout .wc-block-components-text-input:has(#billing-last_name),
  body.s1688-flow-checkout .wc-block-components-text-input:has(#shipping-company),
  body.s1688-flow-checkout .wc-block-components-text-input:has(#billing-company),
  body.s1688-flow-checkout .wc-block-components-text-input:has(#shipping-postcode),
  body.s1688-flow-checkout .wc-block-components-text-input:has(#billing-postcode),
  body.s1688-flow-checkout .wc-block-components-address-form__address_2-toggle { display: none !important; }

  /* The private order page uses real WC order getters; no dummy financial data. */
  body.s1688-flow-received .s1688-checkout-title { display: none; }
  body.s1688-flow-received .s1688-flow-success { margin: 0 0 28px; max-width: 740px; }
  body.s1688-flow-received .s1688-flow-success > span {
    align-items: center;
    background: #2b261b;
    border: 1px solid var(--flow-gold);
    border-radius: 50%;
    color: var(--flow-gold);
    display: flex;
    font-size: 27px;
    height: 52px;
    justify-content: center;
    margin-bottom: 16px;
    width: 52px;
  }
  body.s1688-flow-received .s1688-flow-success h1 { color: var(--flow-text); font-size: 38px; margin: 0 0 8px; }
  body.s1688-flow-received .s1688-flow-success p { color: var(--flow-muted); font-size: 17px; line-height: 1.65; }
  body.s1688-flow-received .s1688-flow-confirmation,
  body.s1688-flow-received .woocommerce-order-details,
  body.s1688-flow-received .s1688-flow-next {
    background: var(--flow-panel);
    border: 1px solid var(--flow-border);
    border-radius: 14px;
    margin-top: 22px;
    padding: 24px;
  }
  body.s1688-flow-received .s1688-flow-confirmation h2,
  body.s1688-flow-received .s1688-flow-next h2 { color: var(--flow-text); font-size: 22px; margin: 0 0 16px; }
  body.s1688-flow-received .s1688-flow-confirmation dl { display: grid; gap: 12px 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
  body.s1688-flow-received .s1688-flow-confirmation dt { color: var(--flow-muted); font-size: 13px; }
  body.s1688-flow-received .s1688-flow-confirmation dd { color: var(--flow-text); font-size: 17px; font-weight: 700; margin: 2px 0 0; }
  body.s1688-flow-received .s1688-flow-confirmation ul { list-style: none; margin: 0; padding: 0; }
  body.s1688-flow-received .s1688-flow-confirmation li { display: flex; gap: 18px; justify-content: space-between; padding: 10px 0; }
  body.s1688-flow-received .s1688-flow-next ol { display: flex; gap: 14px; list-style: none; padding: 0; }
  body.s1688-flow-received .s1688-flow-next li { background: var(--flow-panel-2); border-radius: 9px; flex: 1; padding: 14px; text-align: center; }
  body.s1688-flow-received .s1688-flow-assist--success .s1688-flow-line-link { background: #2eb35b; border-color: #2eb35b; color: #082211; }
  body.s1688-flow-received .s1688-flow-next-links { display: flex; gap: 16px; margin-top: 22px; }
  body.s1688-flow-received .s1688-flow-next-links a { border: 1px solid var(--flow-border); border-radius: 9px; color: var(--flow-text); padding: 10px 16px; text-decoration: none; }

  /* Account endpoints continue to use WooCommerce's original data/actions. */
  body.s1688-flow-account .woocommerce-MyAccount-navigation { float: left; margin-right: 3%; width: 23%; }
  body.s1688-flow-account .woocommerce-MyAccount-navigation ul { background: var(--flow-panel); border: 1px solid var(--flow-border); border-radius: 12px; list-style: none; margin: 0; padding: 10px; }
  body.s1688-flow-account .woocommerce-MyAccount-navigation li { margin: 0; }
  body.s1688-flow-account .woocommerce-MyAccount-navigation li a { border-radius: 8px; color: var(--flow-muted); display: block; font-size: 15px; padding: 12px 14px; text-decoration: none; }
  body.s1688-flow-account .woocommerce-MyAccount-navigation li.is-active a,
  body.s1688-flow-account .woocommerce-MyAccount-navigation li a:hover { background: #29251e; color: var(--flow-gold); }
  body.s1688-flow-account .woocommerce-MyAccount-content { float: none; margin-left: 26%; min-height: 260px; width: auto; }
  body.s1688-flow-account .s1688-flow-dashboard,
  body.s1688-flow-account .woocommerce-MyAccount-content table,
  body.s1688-flow-account .woocommerce-MyAccount-content form,
  body.s1688-flow-account .woocommerce-Address {
    background: var(--flow-panel);
    border: 1px solid var(--flow-border);
    border-radius: 12px;
    color: var(--flow-text);
    padding: 22px;
  }
  body.s1688-flow-account .woocommerce-MyAccount-content > p { color: var(--flow-muted); }
  body.s1688-flow-account .s1688-flow-dashboard h2 { color: var(--flow-text); font-size: 25px; margin: 0 0 9px; }
  body.s1688-flow-account .s1688-flow-dashboard p { color: var(--flow-muted); line-height: 1.65; }
  body.s1688-flow-account .s1688-flow-dashboard-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
  body.s1688-flow-account .s1688-flow-dashboard-links a { border: 1px solid var(--flow-border); border-radius: 8px; color: var(--flow-gold); padding: 10px 14px; text-decoration: none; }
  body.s1688-flow-account .woocommerce-MyAccount-content th,
  body.s1688-flow-account .woocommerce-MyAccount-content td { border-color: var(--flow-border); color: var(--flow-text); padding: 12px; }
  body.s1688-flow-account .woocommerce-MyAccount-content input { background: var(--flow-panel-2); border: 1px solid var(--flow-border); border-radius: 8px; color: var(--flow-text); min-height: 44px; padding: 8px 12px; }
  body.s1688-flow-account .woocommerce-MyAccount-content button { background: var(--flow-gold); border-radius: 8px; color: #17130c; min-height: 44px; padding: 9px 18px; }

  body.s1688-flow-candidate .s1688-flow-shell,
  body.s1688-flow-candidate .s1688-flow-shell * { box-sizing: border-box; }
}

@media (max-width: 767px) {
  body.s1688-flow-checkout .wc-block-components-text-input:has([id*="store-name"])::after {
    content: '可填門市名稱、店號或完整地址；如不確定，可在訂單成立後透過 LINE 確認。';
    color: var(--flow-muted);
    display: block;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 4px;
  }
}



/* Formal V3 phone presentation. All monetary and form state remains Woo-owned. */
@media (max-width: 1023px) {
  body.s1688-flow-cart,
  body.s1688-flow-checkout {
    --flow-bg: #0d0e0e;
    --flow-panel: #191b1b;
    --flow-panel-2: #212323;
    --flow-border: #6a5942;
    --flow-gold: #e4bd79;
    --flow-text: #f4eee3;
    --flow-muted: #c6beb2;
    background: var(--flow-bg);
    color: var(--flow-text);
  }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) :is(.site-main,main#content) {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin-inline: auto;
    padding: 12px 14px 26px;
  }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) :is(.entry-title,.s1688-checkout-title,.s1688-flow-badge) { display: none !important; }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-shell { width: 100%; min-width: 0; box-sizing: border-box; }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-shell * { box-sizing: border-box; }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-hero {
    margin: 0 0 14px;
    padding: 19px 17px 17px;
    border: 1px solid #ac86544f;
    border-radius: 13px;
    background: linear-gradient(120deg,#191713,#0c0d0d 70%);
  }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-hero__eyebrow {
    margin: 0 0 4px;
    color: var(--flow-gold);
    font-size: 10px;
    letter-spacing: .18em;
  }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-hero h1 {
    margin: 0;
    color: #f0cf99;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
  }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-hero__detail {
    margin: 5px 0 0;
    color: var(--flow-muted);
    font-size: 13px;
    line-height: 1.5;
  }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-steps { margin-top: 16px; }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-steps ol {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-steps li {
    min-width: 0;
    color: var(--flow-muted);
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
  }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-steps li span::before {
    display: inline-grid;
    place-items: center;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border: 1px solid currentColor;
    border-radius: 50%;
    content: counter(flow-step);
    font-size: 11px;
  }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-steps ol { counter-reset: flow-step; }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-steps li { counter-increment: flow-step; }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-steps li.is-current { color: var(--flow-gold); font-weight: 800; }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-steps li + li::before { display: none; }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) :is(.woocommerce,.wc-block-checkout) { color: var(--flow-text); }

  /* Native Woo cart form, visually transformed into one card per real line item. */
  body.s1688-flow-cart .s1688-flow-native-cart :is(.woocommerce-cart-form,.cart_totals) {
    float: none !important;
    width: 100% !important;
    min-width: 0;
    margin: 0 0 14px !important;
    padding: 16px !important;
    border: 1px solid var(--flow-border) !important;
    border-radius: 12px;
    background: var(--flow-panel) !important;
    box-shadow: none !important;
  }
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form::before {
    display: block;
    margin: 0 0 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ffffff1e;
    color: var(--flow-text);
    content: '購物車商品';
    font-size: 18px;
    font-weight: 700;
  }
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form :is(table.shop_table,table.shop_table tbody) {
    display: block;
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form table.shop_table thead { display: none !important; }
  body.s1688-flow-cart .s1688-flow-native-cart tr.cart_item {
    display: grid !important;
    grid-template-columns: 76px minmax(0,1fr) 44px;
    gap: 5px 11px;
    margin: 0 0 12px;
    padding: 0 0 14px;
    border-bottom: 1px solid #ffffff22;
    background: transparent !important;
  }
  body.s1688-flow-cart .s1688-flow-native-cart tr.cart_item td {
    display: block !important;
    min-width: 0;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--flow-text);
    text-align: left !important;
  }
  body.s1688-flow-cart .s1688-flow-native-cart tr.cart_item td::before { display: none !important; }
  body.s1688-flow-cart .s1688-flow-native-cart td.product-thumbnail { grid-area: 1 / 1 / 5 / 2; }
  body.s1688-flow-cart .s1688-flow-native-cart td.product-thumbnail a {
    display: grid;
    place-items: center;
    width: 76px;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 7px;
    background: #eeeae2;
  }
  body.s1688-flow-cart .s1688-flow-native-cart td.product-thumbnail img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    object-fit: contain;
  }
  body.s1688-flow-cart .s1688-flow-native-cart td.product-name { grid-area: 1 / 2 / 2 / 4; font-size: 14px; font-weight: 700; line-height: 1.4; }
  body.s1688-flow-cart .s1688-flow-native-cart td.product-name a { color: var(--flow-text) !important; text-decoration: none; }
  body.s1688-flow-cart .s1688-flow-native-cart td.product-name .variation {
    margin: 5px 0 0;
    color: var(--flow-muted);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
  }
  body.s1688-flow-cart .s1688-flow-native-cart td.product-name .variation :is(dt,dd) { display: inline; float: none; margin: 0 3px 0 0; }
  body.s1688-flow-cart .s1688-flow-native-cart td.product-price { grid-area: 2 / 2 / 3 / 4; color: var(--flow-muted); font-size: 13px; }
  body.s1688-flow-cart .s1688-flow-native-cart td.product-price::before { display: inline !important; content: '單價  '; color: var(--flow-muted); }
  body.s1688-flow-cart .s1688-flow-native-cart td.product-quantity { grid-area: 3 / 2 / 4 / 4; }
  body.s1688-flow-cart .s1688-flow-native-cart .quantity { display: inline-flex; align-items: center; min-width: 132px; height: 44px; border: 1px solid #a98a5c; border-radius: 7px; overflow: hidden; }
  body.s1688-flow-cart .s1688-flow-native-cart .quantity :is(button,input.qty) { width: 44px !important; min-width: 44px; height: 44px !important; min-height: 44px; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--flow-text) !important; text-align: center; font-size: 18px; box-shadow: none !important; }
  body.s1688-flow-cart .s1688-flow-native-cart .quantity input.qty { font-size: 15px; appearance: textfield; }
  body.s1688-flow-cart .s1688-flow-native-cart td.product-subtotal { grid-area: 4 / 2 / 5 / 4; color: var(--flow-gold); font-size: 15px; font-weight: 800; }
  body.s1688-flow-cart .s1688-flow-native-cart td.product-subtotal::before { display: inline !important; content: '小計  '; color: var(--flow-muted); font-size: 12px; font-weight: 400; }
  body.s1688-flow-cart .s1688-flow-native-cart td.product-remove { grid-area: 3 / 3 / 4 / 4; justify-self: end; z-index: 1; }
  body.s1688-flow-cart .s1688-flow-native-cart td.product-remove a.remove { display: grid !important; place-items: center; width: 44px; height: 44px; margin: 0; color: var(--flow-muted) !important; font-size: 23px; text-decoration: none; }
  body.s1688-flow-cart .s1688-flow-native-cart tr:not(.cart_item) { display: block !important; }
  body.s1688-flow-cart .s1688-flow-native-cart tr:not(.cart_item) td { display: block !important; width: 100% !important; background: transparent !important; border: 0 !important; padding: 0 !important; }
  body.s1688-flow-cart .s1688-flow-native-cart .coupon { display: flex; flex-wrap: wrap; gap: 8px; }
  body.s1688-flow-cart .s1688-flow-native-cart .coupon input { flex: 1 1 130px; min-width: 0; min-height: 44px; background: #101212 !important; color: var(--flow-text) !important; border: 1px solid var(--flow-border) !important; border-radius: 7px; }
  body.s1688-flow-cart .s1688-flow-native-cart .coupon button { min-height: 44px; padding: 7px 12px; border: 1px solid var(--flow-border) !important; border-radius: 7px; background: #292b29 !important; color: var(--flow-text) !important; }
  body.s1688-flow-cart.s1688-flow-cart-auto-update .s1688-flow-native-cart [name="update_cart"] { display: none !important; }
  body.s1688-flow-cart .s1688-flow-native-cart .cart-collaterals { display: block; width: 100%; }
  body.s1688-flow-cart .s1688-flow-native-cart .cart_totals h2 { margin: 0 0 10px; color: var(--flow-text); font-size: 19px; }
  body.s1688-flow-cart .s1688-flow-native-cart .cart_totals table { display: table !important; width: 100% !important; background: transparent !important; border: 0 !important; }
  body.s1688-flow-cart .s1688-flow-native-cart .cart_totals :is(th,td) { background: transparent !important; border-color: #ffffff22 !important; color: var(--flow-text); padding: 10px 0 !important; font-size: 14px; }
  body.s1688-flow-cart .s1688-flow-native-cart .cart_totals td { text-align: right; }
  body.s1688-flow-cart .s1688-flow-native-cart .cart_totals .order-total td { color: var(--flow-gold); font-size: 21px; font-weight: 800; }
  body.s1688-flow-cart .s1688-flow-native-cart .wc-proceed-to-checkout a { display: grid; place-items: center; width: 100%; min-height: 50px; border: 1px solid #f2d49d !important; border-radius: 8px; background: linear-gradient(#f4d9aa,#d7a364) !important; color: #19130b !important; font-size: 16px; font-weight: 800; text-decoration: none; }
  body.s1688-flow-cart .s1688-flow-cart-next { margin: 2px 0 12px; }
  body.s1688-flow-cart .s1688-flow-back { display: inline-flex; align-items: center; min-height: 44px; color: var(--flow-gold); font-size: 14px; }

  /* A single Woo Checkout Block, presented as a single mobile column. */
  body.s1688-flow-checkout .wc-block-components-sidebar-layout.wc-block-checkout { display: flex !important; flex-direction: column !important; gap: 13px; width: 100% !important; min-width: 0; margin: 0 !important; }
  body.s1688-flow-checkout .wc-block-checkout__main,
  body.s1688-flow-checkout .wc-block-checkout__sidebar {
    position: static !important;
    order: 0;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 17px !important;
    border: 1px solid var(--flow-border);
    border-radius: 12px;
    background: var(--flow-panel) !important;
    box-shadow: none !important;
  }
  body.s1688-flow-checkout .wc-block-checkout__main { order: 1; }
  body.s1688-flow-checkout .wc-block-checkout__sidebar { order: 2; }
  body.s1688-flow-checkout .wc-block-checkout__main::before { display: block; margin: 0 0 15px; content: '收件與聯絡資料'; color: var(--flow-text); font-size: 19px; font-weight: 750; }
  body.s1688-flow-checkout .wc-block-components-checkout-step { margin: 0 0 12px; padding: 0 0 13px !important; border-bottom: 1px solid #ffffff18; background: transparent !important; }
  body.s1688-flow-checkout .wc-block-components-checkout-step__title { color: var(--flow-text) !important; font-size: 17px !important; font-weight: 700; }
  body.s1688-flow-checkout :is(#contact,#shipping,#billing,.wc-block-components-address-form) { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 10px !important; }
  body.s1688-flow-checkout :is(#contact,#shipping,#billing,.wc-block-components-address-form) > * { grid-column: 1 / -1 !important; grid-area: auto !important; min-width: 0; }
  body.s1688-flow-checkout :is(.wc-block-components-text-input label,.wc-blocks-components-select__label,.wc-block-components-checkbox__label) { color: var(--flow-text) !important; font-size: 14px !important; }
  body.s1688-flow-checkout :is(.wc-block-components-text-input input,.wc-blocks-components-select select,.wc-block-components-combobox input) { width: 100%; min-height: 48px !important; border: 1px solid #857051 !important; border-radius: 7px !important; background: #101212 !important; color: var(--flow-text) !important; font-size: 15px !important; }
  body.s1688-flow-checkout :is(.wc-block-components-text-input input,.wc-blocks-components-select select,.wc-block-components-combobox input):focus-visible { outline: 2px solid var(--flow-gold); outline-offset: 1px; }
  body.s1688-flow-checkout #contact-fields .wc-block-components-text-input:has([id*="711-store-number"]),
  body.s1688-flow-checkout .wc-block-components-text-input:has(#shipping-last_name),
  body.s1688-flow-checkout .wc-block-components-text-input:has(#billing-last_name),
  body.s1688-flow-checkout .wc-block-components-text-input:has(#shipping-company),
  body.s1688-flow-checkout .wc-block-components-text-input:has(#billing-company),
  body.s1688-flow-checkout .wc-block-components-text-input:has(#shipping-postcode),
  body.s1688-flow-checkout .wc-block-components-text-input:has(#billing-postcode),
  body.s1688-flow-checkout .wc-block-components-address-form__address_2-toggle { display: none !important; }
  body.s1688-flow-checkout :is(#shipping,#billing) > :has([id$="-state"]:not([required])) { display: none !important; }
  body.s1688-flow-checkout :is(.wc-block-components-shipping-rates-control,.wc-block-components-radio-control,.wc-block-components-checkout-order-summary) { background: transparent !important; color: var(--flow-text); }
  body.s1688-flow-checkout :is(.wc-block-components-radio-control__option,.wc-block-components-shipping-rates-control__package) { margin: 6px 0; padding: 12px !important; border: 1px solid #6a5942 !important; border-radius: 8px; background: var(--flow-panel-2) !important; color: var(--flow-text); }
  body.s1688-flow-checkout .wc-block-components-radio-control__label { color: var(--flow-text); font-size: 15px; font-weight: 700; }
  body.s1688-flow-checkout :is(.wc-block-components-radio-control__description,.wc-block-components-radio-control__secondary-label) { color: var(--flow-muted); font-size: 13px; }
  body.s1688-flow-checkout .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__title-text { color: var(--flow-text); font-size: 20px; font-weight: 800; }
  body.s1688-flow-checkout .wc-block-components-order-summary-item { border-bottom: 1px solid #ffffff19; padding: 10px 0; }
  body.s1688-flow-checkout .wc-block-components-order-summary-item__image img { width: 56px; height: 56px; object-fit: contain; background: #eeeae2; border-radius: 5px; }
  body.s1688-flow-checkout .wc-block-components-product-name { color: var(--flow-text); font-size: 14px; font-weight: 700; line-height: 1.4; }
  body.s1688-flow-checkout :is(.wc-block-components-order-summary-item__description,.wc-block-components-product-metadata) { color: var(--flow-muted); font-size: 12px; }
  body.s1688-flow-checkout :is(.wc-block-components-totals-item,.wc-block-components-product-price) { color: var(--flow-text); font-size: 14px; }
  body.s1688-flow-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { color: var(--flow-gold); font-size: 23px; font-weight: 800; }
  body.s1688-flow-checkout .s1688-flow-order-actions { position: static !important; display: block; margin: 14px 0 0; padding: 14px 0 0; border-top: 1px solid #ffffff22; background: transparent; }
  body.s1688-flow-checkout .s1688-flow-order-payment { margin: 0 0 9px; color: var(--flow-text); font-size: 15px; font-weight: 700; }
  body.s1688-flow-checkout .s1688-flow-order-terms { margin: 0 0 12px; color: var(--flow-muted); font-size: 12px; line-height: 1.5; }
  body.s1688-flow-checkout .s1688-flow-confirm-order,
  body.s1688-flow-checkout .wc-block-components-checkout-place-order-button { display: grid; place-items: center; width: 100%; min-height: 50px; border: 1px solid #f2d49d !important; border-radius: 8px; background: linear-gradient(#f4d9aa,#d7a364) !important; color: #19130b !important; font-size: 16px; font-weight: 800; box-shadow: none !important; }
  body.s1688-flow-checkout.s1688-flow-terms-copied .wc-block-checkout__terms { display: none !important; }
  body.s1688-flow-checkout.s1688-has-mobile-dock .wc-block-checkout__actions { padding-bottom: calc(var(--s1688-dock-offset, 62px) + 24px); }
  body.s1688-flow-checkout .s1688-flow-errors:not([hidden]) { margin: 0 0 12px; padding: 12px; border: 1px solid #c6726b; border-radius: 8px; background: #552323; color: #fff; font-size: 13px; }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-assist { display: grid; gap: 7px; margin: 0 0 13px; padding: 15px; border: 1px solid #876d49; border-radius: 10px; background: #1d211c; color: var(--flow-text); }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-assist strong { color: var(--flow-text); font-size: 14px; }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-assist p { margin: 3px 0; color: var(--flow-muted); font-size: 12px; }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-line-link { display: grid; place-items: center; min-height: 44px; padding: 7px 12px; border: 1px solid #06c755; border-radius: 7px; color: #d3f3dc !important; font-size: 14px; font-weight: 700; text-decoration: none !important; }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) :is(button,a,input,select):focus-visible { outline: 2px solid var(--flow-gold); outline-offset: 2px; }
}

/* V1.1 desktop Cart / Checkout presentation. This never styles public pages. */
@media (min-width: 1024px) {
  body.s1688-flow-cart,
  body.s1688-flow-checkout {
    --flow-bg: #0d0d0d;
    --flow-panel: #191b1b;
    --flow-panel-2: #222424;
    --flow-border: #6a5942;
    --flow-gold: #e4bd79;
    --flow-text: #f4eee3;
    --flow-muted: #c6beb2;
    background: radial-gradient(circle at 50% 0, #211b14 0, #0d0d0d 42rem) fixed;
  }

  body.s1688-flow-cart .site-main,
  body.s1688-flow-checkout .site-main,
  body.s1688-flow-cart main#content,
  body.s1688-flow-checkout main#content {
    max-width: 1500px;
    padding: 10px 24px 56px;
  }
  body.s1688-flow-cart .entry-title,
  body.s1688-flow-checkout .entry-title,
  body.s1688-flow-cart .s1688-checkout-title,
  body.s1688-flow-checkout .s1688-checkout-title {
    display: none !important;
  }
  body.s1688-flow-cart .s1688-flow-shell,
  body.s1688-flow-checkout .s1688-flow-shell {
    max-width: 1380px;
    position: relative;
  }
  body.s1688-flow-cart .s1688-flow-badge,
  body.s1688-flow-checkout .s1688-flow-badge {
    color: #c8a267;
    font-size: 10px;
    letter-spacing: .2em;
    margin: 0 0 8px;
  }
  body.s1688-flow-cart .s1688-flow-hero,
  body.s1688-flow-checkout .s1688-flow-hero {
    background-image: linear-gradient(90deg, rgba(7, 7, 7, .98) 0%, rgba(10, 9, 8, .93) 50%, rgba(11, 9, 7, .48) 100%), url('flow-atmosphere.png');
    background-position: center, right 60%;
    background-repeat: no-repeat;
    background-size: cover, auto 610px;
    border: 1px solid rgba(198, 151, 82, .45);
    border-radius: 14px;
    box-shadow: inset 0 0 0 1px rgba(255, 238, 203, .04);
    margin: 0 0 16px;
    min-height: 220px;
    overflow: hidden;
    padding: 27px 36px 23px;
    position: relative;
  }
  body.s1688-flow-cart .s1688-flow-hero::after,
  body.s1688-flow-checkout .s1688-flow-hero::after {
    background: linear-gradient(0deg, rgba(8, 8, 8, .78), transparent 45%);
    content: '';
    inset: 0;
    pointer-events: none;
    position: absolute;
  }
  body.s1688-flow-cart .s1688-flow-hero > *,
  body.s1688-flow-checkout .s1688-flow-hero > * {
    position: relative;
    z-index: 1;
  }
  body.s1688-flow-cart .s1688-flow-hero__eyebrow,
  body.s1688-flow-checkout .s1688-flow-hero__eyebrow {
    color: #dab781;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .24em;
    margin: 0 0 8px;
  }
  body.s1688-flow-cart .s1688-flow-hero h1,
  body.s1688-flow-checkout .s1688-flow-hero h1 {
    color: #f3d19b;
    font-family: Georgia, 'Noto Serif TC', serif;
    font-size: clamp(34px, 3vw, 45px);
    font-weight: 650;
    letter-spacing: .07em;
    line-height: 1.16;
    margin: 0 0 5px;
  }
  body.s1688-flow-cart .s1688-flow-hero__detail,
  body.s1688-flow-checkout .s1688-flow-hero__detail {
    color: #d0c5b6;
    font-size: 14px;
    margin: 0;
  }
  body.s1688-flow-cart .s1688-flow-hero .s1688-flow-steps,
  body.s1688-flow-checkout .s1688-flow-hero .s1688-flow-steps {
    margin: 25px 0 0;
  }
  body.s1688-flow-cart .s1688-flow-steps li,
  body.s1688-flow-checkout .s1688-flow-steps li { gap: 9px; }
  body.s1688-flow-cart .s1688-flow-steps li + li::before,
  body.s1688-flow-checkout .s1688-flow-steps li + li::before {
    background: #716352;
    margin-inline: 15px;
    width: 46px;
  }
  body.s1688-flow-cart .s1688-flow-steps li span,
  body.s1688-flow-checkout .s1688-flow-steps li span {
    align-items: center;
    border: 0;
    display: inline-flex;
    gap: 9px;
    padding: 0;
  }
  body.s1688-flow-cart .s1688-flow-steps li span::before,
  body.s1688-flow-checkout .s1688-flow-steps li span::before {
    align-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    content: '1';
    display: inline-flex;
    font-size: 12px;
    height: 26px;
    justify-content: center;
    width: 26px;
  }
  body.s1688-flow-cart .s1688-flow-steps li:nth-child(2) span::before,
  body.s1688-flow-checkout .s1688-flow-steps li:nth-child(2) span::before { content: '2'; }
  body.s1688-flow-cart .s1688-flow-steps li:nth-child(3) span::before,
  body.s1688-flow-checkout .s1688-flow-steps li:nth-child(3) span::before { content: '3'; }
  body.s1688-flow-cart .s1688-flow-steps .is-current span::before,
  body.s1688-flow-checkout .s1688-flow-steps .is-current span::before {
    background: var(--flow-gold);
    border-color: var(--flow-gold);
    color: #17100a;
  }

  /* Cart: native price, quantity, delete, coupon and checkout remain in place. */
  body.s1688-flow-cart .wc-block-components-sidebar-layout.wc-block-cart {
    gap: 18px !important;
    grid-template-columns: minmax(0, 1.72fr) minmax(340px, .86fr) !important;
  }
  body.s1688-flow-cart .wc-block-cart__main {
    background: linear-gradient(130deg, #1e2020, #171818);
    border: 1px solid var(--flow-border);
    border-radius: 10px;
    padding: 19px 21px 16px;
  }
  body.s1688-flow-cart .wc-block-cart__main::before {
    color: var(--flow-text);
    content: '購物車商品';
    display: block;
    font-size: 22px;
    font-weight: 700;
    padding: 0 0 15px;
  }
  body.s1688-flow-cart .wc-block-cart-items {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: block;
    margin: 0 !important;
    overflow: visible;
    width: 100% !important;
  }
  body.s1688-flow-cart .wc-block-cart-items thead,
  body.s1688-flow-cart .wc-block-cart-items tbody { display: block; }
  body.s1688-flow-cart .wc-block-cart-items__header,
  body.s1688-flow-cart .wc-block-cart-items__row {
    align-items: center;
    display: grid !important;
    gap: 12px;
    grid-template-columns: 80px minmax(0, 1fr) 95px 126px 90px;
    width: 100%;
  }
  body.s1688-flow-cart .wc-block-cart-items__header {
    border-block: 1px solid #4b453b;
    color: #cfc5b7;
    font-size: 12px;
    padding: 11px 0 !important;
  }
  body.s1688-flow-cart .wc-block-cart-items__header th,
  body.s1688-flow-cart .wc-block-cart-items__row td {
    border: 0 !important;
    box-sizing: border-box;
    min-width: 0;
    padding: 0 !important;
    text-align: left !important;
    width: auto !important;
  }
  body.s1688-flow-cart .wc-block-cart-items__header-image { grid-column: 1 / 3; }
  body.s1688-flow-cart .wc-block-cart-items__header-product {
    display: grid;
    grid-column: 3 / 5;
    grid-template-columns: 95px 126px;
  }
  body.s1688-flow-cart .wc-block-cart-items__header-product::before { content: '價格'; }
  body.s1688-flow-cart .wc-block-cart-items__header-product::after { content: '數量'; }
  body.s1688-flow-cart .wc-block-cart-items__header-total { grid-column: 5; }
  body.s1688-flow-cart .wc-block-cart-items__header-total span { font-size: 0; }
  body.s1688-flow-cart .wc-block-cart-items__header-total::after { content: '小計'; }
  body.s1688-flow-cart .wc-block-cart-items__row {
    border-bottom: 1px solid #49443d !important;
    min-height: 128px;
    padding: 18px 0 !important;
  }
  body.s1688-flow-cart .wc-block-cart-item__image { grid-column: 1; }
  body.s1688-flow-cart .wc-block-cart-item__image img {
    aspect-ratio: 1;
    background: #ece9e2;
    border-radius: 7px;
    height: 80px !important;
    object-fit: contain;
    padding: 5px;
    width: 80px !important;
  }
  body.s1688-flow-cart .wc-block-cart-item__product { grid-column: 2 / 5; }
  body.s1688-flow-cart .wc-block-cart-item__wrap {
    align-items: center;
    display: grid !important;
    gap: 2px 12px;
    grid-template-columns: minmax(0, 1fr) 95px 126px;
  }
  body.s1688-flow-cart .wc-block-cart-item__wrap > .wc-block-components-product-name {
    font-size: 15px;
    grid-column: 1;
    grid-row: 1;
    line-height: 1.4;
    min-width: 0;
  }
  body.s1688-flow-cart .wc-block-cart-item__wrap > .wc-block-components-product-metadata {
    grid-column: 1;
    grid-row: 2;
    line-height: 1.45;
  }
  body.s1688-flow-cart .wc-block-cart-item__wrap > .wc-block-cart-item__prices {
    grid-column: 2;
    grid-row: 1 / 3;
    margin: 0 !important;
    white-space: nowrap;
  }
  body.s1688-flow-cart .wc-block-cart-item__wrap > .wc-block-cart-item__quantity {
    align-items: center;
    display: flex;
    grid-column: 3;
    grid-row: 1 / 3;
    gap: 2px;
    margin: 0 !important;
  }
  body.s1688-flow-cart .wc-block-cart-item__total {
    grid-column: 5;
    font-size: 15px;
    text-align: right !important;
    white-space: nowrap;
  }
  body.s1688-flow-cart .wc-block-components-quantity-selector { min-width: 82px; }
  body.s1688-flow-cart .wc-block-components-quantity-selector button {
    min-height: 36px;
    min-width: 27px;
    padding: 0;
  }
  body.s1688-flow-cart .wc-block-components-quantity-selector input {
    font-size: 13px;
    min-width: 28px;
    padding: 0;
  }
  body.s1688-flow-cart .wc-block-cart-item__remove-link {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin: 0 !important;
    min-height: 38px;
    min-width: 28px;
    padding: 0 !important;
  }
  body.s1688-flow-cart .wc-block-components-sidebar {
    background: linear-gradient(145deg, #202222, #181a19) !important;
    border-radius: 10px !important;
    padding: 21px !important;
  }
  body.s1688-flow-cart .wc-block-cart__totals-title { font-size: 0 !important; }
  body.s1688-flow-cart .wc-block-cart__totals-title::after {
    color: var(--flow-text);
    content: '購物車總計';
    font-size: 22px;
  }
  body.s1688-flow-cart .wc-block-cart__submit-button {
    background: linear-gradient(180deg, #f1d5a3, #d7a461) !important;
    border: 1px solid #edc68c !important;
    box-shadow: 0 7px 18px rgba(0, 0, 0, .25);
    min-height: 53px;
    width: 100%;
  }
  body.s1688-flow-cart .s1688-flow-cart-next { margin-top: 14px; }
  body.s1688-flow-cart .s1688-flow-back { margin: 0; }
  body.s1688-flow-cart .s1688-flow-assist {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
    margin: -12px 0 0 auto;
    max-width: calc((100% - 18px) / 2.72);
    padding: 16px 18px;
  }
  body.s1688-flow-cart .s1688-flow-assist strong { font-size: 15px; }
  body.s1688-flow-cart .s1688-flow-assist p { font-size: 13px; }
  body.s1688-flow-cart .s1688-flow-assist .s1688-flow-line-link {
    font-size: 13px;
    min-height: 38px;
    width: 100%;
  }

  /* Cart P0: native Woo session-backed shortcode, scoped to this Candidate. */
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce {
    align-items: start;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1.72fr) minmax(340px, .86fr);
  }
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-notices-wrapper:empty { display: none; }
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-notices-wrapper { grid-column: 1 / -1; }
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form,
  body.s1688-flow-cart .s1688-flow-native-cart .cart-collaterals {
    background: linear-gradient(130deg, #1e2020, #171818);
    border: 1px solid var(--flow-border);
    border-radius: 10px;
    box-sizing: border-box;
    float: none;
    margin: 0;
    min-width: 0;
    padding: 19px 21px 16px;
    width: 100%;
  }
  body.s1688-flow-cart .s1688-flow-native-cart .cart-collaterals { background: linear-gradient(145deg, #202222, #181a19); padding: 21px; }
  body.s1688-flow-cart .s1688-flow-native-cart .cart-collaterals .cart_totals { float: none; margin: 0; width: 100%; }
  body.s1688-flow-cart .s1688-flow-native-cart .cart_totals h2 { color: var(--flow-text); font-size: 22px; margin: 0 0 15px; }
  body.s1688-flow-cart .s1688-flow-native-cart table.shop_table {
    background: transparent !important;
    border: 0 !important;
    border-collapse: collapse;
    border-radius: 0;
    color: var(--flow-text) !important;
    margin: 0;
    table-layout: fixed;
    width: 100%;
  }
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form table.shop_table thead,
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form table.shop_table tbody { display: block; }
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form tr.cart_item,
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form thead tr {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: 72px minmax(0, 1fr) 88px 150px 88px 25px;
  }
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form thead tr { border-block: 1px solid #4b453b; color: #cfc5b7; font-size: 12px; padding: 11px 0; }
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form thead .product-remove,
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form thead .product-thumbnail { display: none; }
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form thead .product-name { grid-column: 1 / 3; }
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form tr.cart_item { border-bottom: 1px solid #49443d; min-height: 122px; padding: 16px 0; }
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form th,
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form td { background: transparent !important; border: 0 !important; box-sizing: border-box; min-width: 0; padding: 0 !important; text-align: left; width: auto; }
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form tr.cart_item .product-remove { grid-column: 6; grid-row: 1; }
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form tr.cart_item .product-thumbnail { grid-column: 1; grid-row: 1; }
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form tr.cart_item .product-name { grid-column: 2; grid-row: 1; }
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form tr.cart_item .product-price { grid-column: 3; grid-row: 1; }
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form tr.cart_item .product-quantity { grid-column: 4; grid-row: 1; }
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form tr.cart_item .product-subtotal { grid-column: 5; grid-row: 1; }
  body.s1688-flow-cart .s1688-flow-native-cart .product-thumbnail img { aspect-ratio: 1; background: #ece9e2; border-radius: 7px; height: 72px; object-fit: contain; padding: 5px; width: 72px; }
  body.s1688-flow-cart .s1688-flow-native-cart .product-name a { color: var(--flow-text) !important; font-size: 15px; font-weight: 700; }
  body.s1688-flow-cart .s1688-flow-native-cart .product-name .variation { color: var(--flow-muted); font-size: 13px; margin: 7px 0 0; }
  body.s1688-flow-cart .s1688-flow-native-cart .product-name .variation dt,
  body.s1688-flow-cart .s1688-flow-native-cart .product-name .variation dd { display: inline; float: none; margin: 0 3px 0 0; }
  body.s1688-flow-cart .s1688-flow-native-cart .product-price,
  body.s1688-flow-cart .s1688-flow-native-cart .product-subtotal { color: var(--flow-gold); font-size: 14px; font-weight: 700; white-space: nowrap; }
  body.s1688-flow-cart .s1688-flow-native-cart .quantity { display: inline-flex; align-items: center; gap: 3px; max-width: 150px; }
  body.s1688-flow-cart .s1688-flow-native-cart .quantity .qty { background: #121414; border: 1px solid var(--flow-border); border-radius: 7px; color: var(--flow-text); min-height: 44px; width: 56px; text-align: center; }
  body.s1688-flow-cart .s1688-flow-native-cart .quantity .qty::-webkit-inner-spin-button,
  body.s1688-flow-cart .s1688-flow-native-cart .quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
  body.s1688-flow-cart .s1688-flow-native-cart .quantity button { flex: 0 0 42px; min-width: 42px; min-height: 44px; padding: 0; border: 1px solid var(--flow-border); border-radius: 7px; background: #292b29; color: var(--flow-text); font-size: 21px; cursor: pointer; }
  body.s1688-flow-cart .s1688-flow-native-cart .quantity button:hover,
  body.s1688-flow-cart .s1688-flow-native-cart .quantity button:focus-visible { border-color: var(--flow-gold); color: var(--flow-gold); }
  body.s1688-flow-cart.s1688-flow-cart-auto-update .s1688-flow-native-cart [name="update_cart"] { display: none; }
  body.s1688-flow-cart .s1688-flow-native-cart .product-remove .remove { color: #c2bbb0 !important; font-size: 24px; }
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form tr:not(.cart_item) .actions { border: 0; padding-top: 16px !important; }
  body.s1688-flow-cart .s1688-flow-native-cart .actions .coupon input { background: #121414; border: 1px solid var(--flow-border); color: var(--flow-text); }
  body.s1688-flow-cart .s1688-flow-native-cart .actions button { background: #292b29; border: 1px solid var(--flow-border); color: var(--flow-text); }
  body.s1688-flow-cart .s1688-flow-native-cart .cart_totals th,
  body.s1688-flow-cart .s1688-flow-native-cart .cart_totals td { background: transparent !important; border-color: #514a3c !important; color: var(--flow-text); padding: 13px 0 !important; }
  body.s1688-flow-cart .s1688-flow-native-cart .cart_totals .order-total td { color: var(--flow-gold); font-size: 22px; font-weight: 800; }
  body.s1688-flow-cart .s1688-flow-native-cart .wc-proceed-to-checkout a { background: linear-gradient(180deg, #f1d5a3, #d7a461) !important; border: 1px solid #edc68c; border-radius: 8px; color: #17130c !important; font-weight: 800; text-align: center; }
  body.s1688-flow-cart .s1688-flow-recommendations { margin: 34px 0; }
  body.s1688-flow-cart .s1688-flow-recommendations h2 { margin: 0 0 15px; color: var(--flow-text); font-size: 23px; }
  body.s1688-flow-cart .s1688-flow-recommendations__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  body.s1688-flow-cart .s1688-flow-recommendation { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--flow-border); border-radius: 9px; background: #1c1d1b; color: var(--flow-text); text-decoration: none; }
  body.s1688-flow-cart .s1688-flow-recommendation img { display: block; width: 100%; aspect-ratio: 4 / 3; height: auto; padding: 10px; background: #eeece7; object-fit: contain; box-sizing: border-box; }
  body.s1688-flow-cart .s1688-flow-recommendation strong { display: -webkit-box; min-height: 2.7em; margin: 14px 14px 8px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 15px; line-height: 1.35; }
  body.s1688-flow-cart .s1688-flow-recommendation__price { margin: auto 14px 15px; color: var(--flow-gold); font-size: 17px; font-weight: 700; }

  /* Checkout: a single 62/38 split, with native fields and order calculations. */
  body.s1688-flow-checkout .wc-block-components-sidebar-layout.wc-block-checkout {
    gap: 18px !important;
    grid-template-columns: minmax(0, 1.6fr) minmax(360px, 1fr) !important;
  }
  body.s1688-flow-checkout .wc-block-checkout__main,
  body.s1688-flow-checkout .wc-block-checkout__sidebar {
    background: linear-gradient(145deg, #202222, #181a19) !important;
    border-radius: 10px !important;
    padding: 22px 24px !important;
  }
  body.s1688-flow-checkout .wc-block-checkout__main::before {
    color: var(--flow-text);
    content: '收件與聯絡資料';
    display: block;
    font-size: 23px;
    font-weight: 750;
    margin-bottom: 19px;
    padding-bottom: 13px;
    border-bottom: 1px solid #5c5244;
  }
  body.s1688-flow-checkout .wc-block-checkout__form { gap: 20px; }
  /* Visually combine Woo's contact and address fieldsets into the nine-field
     layout without moving any React-owned input or altering its value. */
  body.s1688-flow-checkout .wc-block-checkout__form {
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.s1688-flow-checkout .wc-block-checkout__form > :empty { display: none !important; }
  body.s1688-flow-checkout #contact-fields,
  body.s1688-flow-checkout #shipping-fields,
  body.s1688-flow-checkout #contact-fields .wc-block-components-checkout-step__content,
  body.s1688-flow-checkout #shipping-fields .wc-block-components-checkout-step__content,
  body.s1688-flow-checkout #shipping-fields .wc-block-components-address-address-wrapper,
  body.s1688-flow-checkout #shipping-fields .wc-block-components-address-form-wrapper,
  body.s1688-flow-checkout #contact,
  body.s1688-flow-checkout #shipping {
    display: contents !important;
  }
  body.s1688-flow-checkout #contact-fields .wc-block-components-checkout-step__heading-container,
  body.s1688-flow-checkout #shipping-fields .wc-block-components-checkout-step__heading-container,
  body.s1688-flow-checkout #shipping-fields .wc-block-components-address-card-wrapper {
    display: none !important;
  }
  body.s1688-flow-checkout #contact-fields .wc-block-components-notices,
  body.s1688-flow-checkout #shipping-fields .wc-block-components-notices,
  body.s1688-flow-checkout #contact-fields .wc-block-components-notices__snackbar,
  body.s1688-flow-checkout #shipping-fields .wc-block-components-notices__snackbar {
    grid-column: 1 / -1;
  }
  body.s1688-flow-checkout #contact-fields .wc-block-components-notices:empty,
  body.s1688-flow-checkout #shipping-fields .wc-block-components-notices:empty { display: none !important; }
  body.s1688-flow-checkout #shipping > :has(#shipping-first_name) { grid-area: 1 / 1; }
  body.s1688-flow-checkout #shipping > :has(#shipping-phone) { grid-area: 1 / 2; }
  body.s1688-flow-checkout #contact > :has(#email) { grid-area: 2 / 1; }
  body.s1688-flow-checkout #contact > :has([id*="line-id"]) { grid-area: 2 / 2; }
  body.s1688-flow-checkout #contact > :has([id*="store-choice"]) { grid-area: 3 / 1; }
  body.s1688-flow-checkout #contact > :has([id*="store-name"]) { grid-area: 3 / 2; }
  body.s1688-flow-checkout #shipping > :has(#shipping-country) { grid-area: 2 / 1 / 3 / 3; }
  /* Never hide an invalid required field. Hide state only after Woo's
     country-locale schema has made it optional for this Candidate. */
  body.s1688-flow-checkout #shipping > :has(#shipping-state:not([required])),
  body.s1688-flow-checkout #billing > :has(#billing-state:not([required])) { display: none !important; }
  body.s1688-flow-checkout .wc-block-checkout__form > :not(#contact-fields):not(#shipping-fields) {
    grid-column: 1 / -1;
  }
  body.s1688-flow-checkout .wc-block-components-checkout-step__title { font-size: 17px; }
  body.s1688-flow-checkout #contact,
  body.s1688-flow-checkout #shipping {
    gap: 13px 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.s1688-flow-checkout #contact > * { grid-column: auto; }
  body.s1688-flow-checkout #contact > :has(#email) { grid-column: 1; }
  body.s1688-flow-checkout #contact > :has([id*="line-id"]) { grid-column: 2; }
  body.s1688-flow-checkout #shipping > :has(#shipping-first_name) { grid-column: 1; }
  body.s1688-flow-checkout #shipping > :has(#shipping-phone) { grid-column: 2; }
  body.s1688-flow-checkout #shipping > :has(#shipping-country) { grid-column: 1 / -1; }
  body.s1688-flow-checkout .wc-block-components-text-input label,
  body.s1688-flow-checkout .wc-blocks-components-select__label { font-size: 13px; }
  body.s1688-flow-checkout .wc-block-components-text-input input,
  body.s1688-flow-checkout .wc-blocks-components-select select,
  body.s1688-flow-checkout .wc-block-components-combobox input {
    border-color: #6a6256 !important;
    border-radius: 5px !important;
    min-height: 46px;
  }
  body.s1688-flow-checkout #contact .wc-block-components-text-input.is-active input,
  body.s1688-flow-checkout #shipping .wc-block-components-text-input.is-active input {
    min-height: 50px;
    padding-bottom: 4px !important;
    padding-top: 21px !important;
  }
  body.s1688-flow-checkout .wc-block-components-checkout-step { padding-bottom: 2px !important; }
  body.s1688-flow-checkout .wc-block-checkout__sidebar { position: sticky; top: 18px; }
  body.s1688-flow-checkout .wc-block-components-checkout-order-summary__title-text { font-size: 0 !important; }
  body.s1688-flow-checkout .wc-block-components-checkout-order-summary__title-text::after {
    color: var(--flow-text);
    content: '您的訂單';
    font-size: 22px;
  }
  body.s1688-flow-checkout .wc-block-components-order-summary-item__image img {
    aspect-ratio: 1;
    width: 58px;
  }
  body.s1688-flow-checkout .wc-block-components-order-summary-item__description {
    color: var(--flow-muted);
    font-size: 13px;
  }
  body.s1688-flow-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: 25px;
    white-space: nowrap;
  }
  body.s1688-flow-checkout .wc-block-components-checkout-place-order-button {
    background: linear-gradient(180deg, #f1d5a3, #d7a461) !important;
    border: 1px solid #edc68c !important;
    box-shadow: 0 7px 18px rgba(0, 0, 0, .25);
    min-height: 54px;
  }
  body.s1688-flow-checkout .s1688-flow-assist {
    gap: 12px;
    margin: 18px 0 0 auto;
    max-width: calc((100% - 18px) / 2.6);
    padding: 15px 17px;
  }
  body.s1688-flow-checkout .s1688-flow-assist strong { font-size: 14px; }
  body.s1688-flow-checkout .s1688-flow-assist p { font-size: 12px; }
  body.s1688-flow-checkout .s1688-flow-assist .s1688-flow-line-link {
    font-size: 13px;
    min-height: 40px;
    padding: 8px 13px;
  }
  /* Checkout v1.1.3: larger 59/41 columns and one candidate-owned right CTA.
     The native Woo button remains mounted and handles validation/submission. */
  body.s1688-flow-checkout .wc-block-components-sidebar-layout.wc-block-checkout {
    grid-template-columns: minmax(0, 1.45fr) minmax(400px, 1fr) !important;
  }
  body.s1688-flow-checkout .wc-block-checkout__main,
  body.s1688-flow-checkout .wc-block-checkout__sidebar {
    padding: 25px 27px !important;
  }
  body.s1688-flow-checkout .wc-block-checkout__sidebar {
    align-self: start;
    max-height: calc(100dvh - 36px);
    overflow-y: auto;
    overscroll-behavior-y: contain;
    position: sticky !important;
    scrollbar-color: #7e6849 transparent;
    scrollbar-width: thin;
    top: 18px;
  }
  body.s1688-flow-checkout .s1688-flow-hero h1 { font-size: clamp(38px, 3.2vw, 48px); }
  body.s1688-flow-checkout .s1688-flow-hero__detail { font-size: 15px; }
  body.s1688-flow-checkout .s1688-flow-steps li { font-size: 15px; }
  body.s1688-flow-checkout .s1688-flow-steps li span::before {
    font-size: 13px;
    height: 29px;
    width: 29px;
  }
  body.s1688-flow-checkout .wc-block-checkout__main::before { font-size: 25px; }
  body.s1688-flow-checkout .wc-block-components-checkout-step__title { font-size: 19px; }
  body.s1688-flow-checkout .wc-block-components-text-input label,
  body.s1688-flow-checkout .wc-blocks-components-select__label { font-size: 14.5px; }
  body.s1688-flow-checkout .wc-block-components-text-input input,
  body.s1688-flow-checkout .wc-blocks-components-select select,
  body.s1688-flow-checkout .wc-block-components-combobox input { font-size: 15px; min-height: 51px; }
  body.s1688-flow-checkout .wc-blocks-components-select select { padding-top: 19px !important; }
  body.s1688-flow-checkout #contact .wc-block-components-text-input.is-active input,
  body.s1688-flow-checkout #shipping .wc-block-components-text-input.is-active input {
    min-height: 54px;
    padding-top: 23px !important;
  }
  body.s1688-flow-checkout .wc-block-components-text-input::after,
  body.s1688-flow-checkout .wc-blocks-components-select::after { font-size: 13px; }
  body.s1688-flow-checkout .wc-block-components-radio-control__label { font-size: 16px; }
  body.s1688-flow-checkout .wc-block-components-radio-control__description,
  body.s1688-flow-checkout .wc-block-components-radio-control__secondary-label { font-size: 14px; }
  body.s1688-flow-checkout .wc-block-components-checkout-order-summary__title-text::after { font-size: 24px; }
  body.s1688-flow-checkout .wc-block-components-order-summary-item__image img { width: 62px; }
  body.s1688-flow-checkout .wc-block-components-product-name { font-size: 15px; line-height: 1.4; }
  body.s1688-flow-checkout .wc-block-components-order-summary-item__description { font-size: 14px; }
  body.s1688-flow-checkout .wc-block-components-product-price,
  body.s1688-flow-checkout .wc-block-components-totals-item { font-size: 15px; }
  body.s1688-flow-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 28px; }
  body.s1688-flow-checkout .s1688-flow-order-actions {
    background: #1b1d1b !important;
    border-top: 1px solid #665846 !important;
    bottom: 0;
    margin-top: 16px !important;
    padding: 15px 0 0 !important;
    position: sticky;
    z-index: 2;
  }
  body.s1688-flow-checkout .s1688-flow-order-payment {
    color: var(--flow-text);
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 9px;
  }
  body.s1688-flow-checkout .s1688-flow-order-payment::before {
    color: var(--flow-muted);
    content: '付款方式　';
    font-size: 13px;
    font-weight: 500;
  }
  body.s1688-flow-checkout .s1688-flow-order-terms {
    color: var(--flow-muted);
    font-size: 13px;
    line-height: 1.45;
    margin: 0 0 13px;
  }
  body.s1688-flow-checkout .s1688-flow-order-terms a { color: var(--flow-gold); }
  body.s1688-flow-checkout .s1688-flow-confirm-order {
    background: linear-gradient(180deg, #f1d5a3, #d7a461);
    border: 1px solid #edc68c;
    border-radius: 9px;
    color: #17130c;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: 800;
    min-height: 56px;
    width: 100%;
  }
  body.s1688-flow-checkout .s1688-flow-confirm-order:disabled { cursor: not-allowed; opacity: .58; }
  body.s1688-flow-checkout .s1688-flow-order-actions .s1688-flow-assist {
    background: transparent;
    border: 0;
    border-top: 1px solid #514a3c;
    border-radius: 0;
    display: block;
    margin: 14px 0 0 !important;
    max-width: none;
    padding: 12px 0 0 !important;
    width: 100%;
  }
  body.s1688-flow-checkout .s1688-flow-order-actions .s1688-flow-assist strong { font-size: 15px; }
  body.s1688-flow-checkout .s1688-flow-order-actions .s1688-flow-assist p { font-size: 13px; }
  body.s1688-flow-checkout .s1688-flow-order-actions .s1688-flow-line-link {
    font-size: 14px;
    justify-content: center;
    margin-top: 10px;
    min-height: 42px;
    width: 100%;
  }
  body.s1688-flow-checkout.s1688-flow-terms-copied .wc-block-checkout__terms { display: none !important; }
  body.s1688-flow-cart .s1688-flow-shell,
  body.s1688-flow-checkout .s1688-flow-shell { overflow-x: clip; }
}

/* steam1688-desktop-cart-checkout-light-finish-20261009 */
@media (min-width: 1024px) {
  body:is(.s1688-flow-cart,.s1688-flow-checkout) {
    --flow-bg: #f4f1ea;
    --flow-panel: #fffdfc;
    --flow-panel-2: #faf8f3;
    --flow-border: #ded7ca;
    --flow-gold: #b28a45;
    --flow-text: #1c1c1c;
    --flow-muted: #6f6a62;
    background: #f4f1ea;
    color: #1c1c1c;
  }

  body:is(.s1688-flow-cart,.s1688-flow-checkout) :is(main.site-main,.page-content,.s1688-flow-shell) {
    background: linear-gradient(180deg, rgba(178,138,69,.11), transparent 170px), #f4f1ea !important;
    color: #1c1c1c !important;
  }

  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-hero,
  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-hero :is(h1,p,li,span) {
    color: #f5f3ee !important;
  }

  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-hero__eyebrow,
  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-steps li.is-current {
    color: #d8b975 !important;
  }

  /* Cart: one coherent warm-light commerce surface. */
  body.s1688-flow-cart .s1688-flow-native-cart,
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce {
    color: #1c1c1c !important;
  }

  body.s1688-flow-cart .s1688-flow-native-cart :is(.woocommerce-cart-form,.cart-collaterals),
  body.s1688-flow-cart .s1688-flow-native-cart .cart-collaterals {
    border: 1px solid #ded7ca !important;
    background: #fffdfc !important;
    color: #1c1c1c !important;
    box-shadow: 0 12px 30px rgba(59,43,20,.055) !important;
  }

  body.s1688-flow-cart .s1688-flow-native-cart .cart-collaterals {
    position: sticky;
    top: 116px;
    align-self: start;
  }

  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form::before,
  body.s1688-flow-cart .s1688-flow-native-cart .cart_totals h2,
  body.s1688-flow-cart .s1688-flow-native-cart .product-name a {
    color: #1c1c1c !important;
  }

  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form::before,
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form thead tr,
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form tr.cart_item,
  body.s1688-flow-cart .s1688-flow-native-cart .cart_totals :is(th,td) {
    border-color: #ded7ca !important;
  }

  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form thead tr {
    color: #6f6a62 !important;
  }

  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form tr.cart_item,
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form :is(th,td),
  body.s1688-flow-cart .s1688-flow-native-cart table.shop_table {
    background: transparent !important;
    color: #1c1c1c !important;
  }

  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form tr.cart_item,
  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form thead tr {
    grid-template-columns: 92px minmax(0,1fr) 96px 154px 96px 28px;
  }

  body.s1688-flow-cart .s1688-flow-native-cart .product-thumbnail img {
    width: 88px !important;
    height: 88px !important;
    padding: 7px;
    border: 1px solid #e6dfd3;
    background: #faf8f3 !important;
    object-fit: contain;
  }

  body.s1688-flow-cart .s1688-flow-native-cart .product-name a {
    font-size: 16px;
    line-height: 1.45;
  }

  body.s1688-flow-cart .s1688-flow-native-cart .product-name .variation,
  body.s1688-flow-cart .s1688-flow-native-cart .product-price,
  body.s1688-flow-cart .s1688-flow-native-cart .product-price::before,
  body.s1688-flow-cart .s1688-flow-native-cart .product-subtotal::before,
  body.s1688-flow-cart .s1688-flow-native-cart .product-remove .remove {
    color: #6f6a62 !important;
  }

  body.s1688-flow-cart .s1688-flow-native-cart :is(.product-price,.product-subtotal),
  body.s1688-flow-cart .s1688-flow-native-cart .cart_totals .order-total td {
    color: #b28a45 !important;
  }

  body.s1688-flow-cart .s1688-flow-native-cart .quantity {
    overflow: hidden;
    border: 1px solid #d6cdbf;
    border-radius: 9px;
    background: #faf8f3;
  }

  body.s1688-flow-cart .s1688-flow-native-cart .quantity :is(button,.qty) {
    min-height: 44px;
    border: 0 !important;
    border-radius: 0 !important;
    background: #faf8f3 !important;
    color: #1c1c1c !important;
    box-shadow: none !important;
  }

  body.s1688-flow-cart .s1688-flow-native-cart .quantity button:hover,
  body.s1688-flow-cart .s1688-flow-native-cart .quantity button:focus-visible {
    background: rgba(178,138,69,.12) !important;
    color: #8a6428 !important;
  }

  body.s1688-flow-cart .s1688-flow-native-cart .woocommerce-cart-form tr:not(.cart_item) .actions {
    margin-top: 4px;
    padding: 15px !important;
    border: 1px solid #e2dbcf !important;
    border-radius: 10px;
    background: #faf8f3 !important;
  }

  body.s1688-flow-cart .s1688-flow-native-cart .coupon {
    align-items: center;
    gap: 10px;
  }

  body.s1688-flow-cart .s1688-flow-native-cart .coupon input {
    min-height: 46px;
    border: 1px solid #ded7ca !important;
    border-radius: 9px;
    background: #fffdfc !important;
    color: #1c1c1c !important;
  }

  body.s1688-flow-cart .s1688-flow-native-cart .coupon button,
  body.s1688-flow-cart .s1688-flow-native-cart .actions button {
    min-height: 46px;
    border: 1px solid #b28a45 !important;
    border-radius: 9px;
    background: #b28a45 !important;
    color: #1c1c1c !important;
  }

  body.s1688-flow-cart .s1688-flow-native-cart .cart_totals :is(th,td) {
    background: transparent !important;
    color: #4f4a44 !important;
  }

  body.s1688-flow-cart .s1688-flow-native-cart .cart_totals .order-total :is(th,td) {
    color: #1c1c1c !important;
    font-weight: 800;
  }

  body.s1688-flow-cart .s1688-flow-native-cart .cart_totals .order-total td {
    color: #b28a45 !important;
    font-size: 24px;
  }

  body.s1688-flow-cart :is(.cart-empty,.woocommerce-info,.woocommerce-message) {
    border-color: #ded7ca !important;
    background: #fffdfc !important;
    color: #4f4a44 !important;
  }

  /* Checkout: light form, readable order summary, stable sticky column. */
  body.s1688-flow-checkout .wc-block-components-sidebar-layout.wc-block-checkout {
    align-items: start;
    gap: 24px !important;
    grid-template-columns: minmax(0,1.48fr) minmax(410px,1fr) !important;
  }

  body.s1688-flow-checkout .wc-block-checkout__main,
  body.s1688-flow-checkout .wc-block-checkout__sidebar {
    border: 1px solid #ded7ca !important;
    border-radius: 14px !important;
    background: #fffdfc !important;
    color: #1c1c1c !important;
    box-shadow: 0 14px 34px rgba(59,43,20,.06) !important;
  }

  body.s1688-flow-checkout .wc-block-checkout__sidebar {
    top: 116px !important;
    max-height: calc(100vh - 140px);
    scrollbar-color: #c8bda9 transparent;
  }

  body.s1688-flow-checkout .wc-block-checkout__main::before,
  body.s1688-flow-checkout :is(.wc-block-components-checkout-step__title,.wc-block-components-checkout-order-summary__title-text,.wc-block-components-product-name,.wc-block-components-totals-item__label) {
    color: #1c1c1c !important;
  }

  body.s1688-flow-checkout .wc-block-checkout__main::before {
    border-color: #ded7ca;
  }

  body.s1688-flow-checkout :is(.wc-block-components-text-input input,.wc-blocks-components-select select,.wc-block-components-combobox input,textarea) {
    min-height: 50px;
    border: 1px solid #ded7ca !important;
    border-radius: 9px !important;
    background: #fffdfc !important;
    color: #1c1c1c !important;
    box-shadow: none !important;
  }

  body.s1688-flow-checkout :is(.wc-block-components-text-input label,.wc-blocks-components-select__label,.wc-block-components-checkbox__label) {
    color: #4f4a44 !important;
  }

  body.s1688-flow-checkout :is(input,textarea)::placeholder {
    color: #8a847a !important;
    opacity: 1;
  }

  body.s1688-flow-checkout :is(.wc-block-components-text-input input,.wc-blocks-components-select select,.wc-block-components-combobox input,textarea):focus {
    border-color: #b28a45 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(178,138,69,.14) !important;
  }

  body.s1688-flow-checkout :is(.wc-block-components-checkout-step,.wc-block-components-radio-control__option,.wc-block-components-radio-control-accordion-option,.wc-block-components-shipping-rates-control__package) {
    border-color: #ded7ca !important;
    background: #faf8f3 !important;
    color: #1c1c1c !important;
  }

  body.s1688-flow-checkout :is(.wc-block-components-radio-control__option,.wc-block-components-radio-control-accordion-option):has(input:checked) {
    border-color: #b28a45 !important;
    background: rgba(178,138,69,.10) !important;
  }

  body.s1688-flow-checkout :is(input[type="checkbox"],input[type="radio"]) {
    accent-color: #b28a45;
  }

  body.s1688-flow-checkout :is(.wc-block-components-order-summary,.wc-block-components-totals-wrapper,.wc-block-components-order-summary-item,.wc-block-components-totals-item) {
    border-color: #ded7ca !important;
    background: transparent !important;
    color: #4f4a44 !important;
  }

  body.s1688-flow-checkout .wc-block-components-product-name {
    color: #1c1c1c !important;
    font-weight: 700;
  }

  body.s1688-flow-checkout :is(.wc-block-components-order-summary-item__description,.wc-block-components-product-metadata,.wc-block-components-radio-control__description,.wc-block-components-radio-control__secondary-label,.wc-block-components-formatted-money-amount) {
    color: #6f6a62 !important;
  }

  body.s1688-flow-checkout :is(.wc-block-components-product-price,.wc-block-components-totals-item__value) {
    color: #4f4a44 !important;
  }

  body.s1688-flow-checkout .wc-block-components-totals-footer-item :is(.wc-block-components-totals-item__label,.wc-block-components-totals-item__value) {
    color: #b28a45 !important;
    font-weight: 800 !important;
  }

  body.s1688-flow-checkout .s1688-flow-order-actions {
    border-color: #ded7ca !important;
    background: #fffdfc !important;
  }

  body.s1688-flow-checkout .s1688-flow-order-payment { color: #1c1c1c !important; }
  body.s1688-flow-checkout .s1688-flow-order-payment::before,
  body.s1688-flow-checkout .s1688-flow-order-terms { color: #6f6a62 !important; }

  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-assist,
  body.s1688-flow-checkout .s1688-flow-order-actions .s1688-flow-assist {
    border-color: #ded7ca !important;
    background: #faf8f3 !important;
    color: #1c1c1c !important;
  }

  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-assist strong { color: #1c1c1c !important; }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-assist p { color: #6f6a62 !important; }
  body:is(.s1688-flow-cart,.s1688-flow-checkout) .s1688-flow-line-link {
    border-color: #b28a45 !important;
    background: transparent !important;
    color: #8a6428 !important;
  }
}
/* /steam1688-desktop-cart-checkout-light-finish-20261009 */

/* steam1688-mobile-store-checkout-20261009 */
@media (max-width: 1023px) {
  body.s1688-flow-checkout .wc-block-components-shipping-rates-control__package,
  body.s1688-flow-checkout #payment-method .wc-block-components-radio-control__option,
  body.s1688-flow-checkout #payment-method .wc-block-components-radio-control-accordion-option {
    margin: 3px 0 !important;
    padding: 8px 10px !important;
    border-radius: 7px !important;
  }

  body.s1688-flow-checkout .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.s1688-flow-checkout .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label,
  body.s1688-flow-checkout #payment-method .wc-block-components-radio-control__label {
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  body.s1688-flow-checkout .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label[data-s1688-store-label] {
    font-size: 0 !important;
  }

  body.s1688-flow-checkout .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label[data-s1688-store-label]::before {
    content: attr(data-s1688-store-label);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
  }

  body.s1688-flow-checkout .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__secondary-label,
  body.s1688-flow-checkout #payment-method .wc-block-components-radio-control__description,
  body.s1688-flow-checkout #payment-method .wc-block-components-radio-control__secondary-label {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  body.s1688-flow-checkout #shipping-option,
  body.s1688-flow-checkout #payment-method {
    margin-bottom: 7px !important;
    padding-bottom: 8px !important;
  }

  body.s1688-flow-checkout #shipping-option .wc-block-components-checkout-step__heading,
  body.s1688-flow-checkout #payment-method .wc-block-components-checkout-step__heading {
    margin-bottom: 6px !important;
  }

  body.s1688-flow-checkout #shipping-option .wc-block-components-checkout-step__content,
  body.s1688-flow-checkout #payment-method .wc-block-components-checkout-step__content,
  body.s1688-flow-checkout #payment-method .wc-block-components-radio-control-accordion-content {
    margin: 0 !important;
    padding: 0 !important;
  }
}
/* /steam1688-mobile-store-checkout-20261009 */

/* steam1688-order-received-final-polish-20261011 */
body.s1688-flow-received .s1688-flow-shell,
body.s1688-flow-received .s1688-flow-shell * {
  box-sizing: border-box;
}

body.s1688-flow-received .s1688-flow-received-grid {
  display: grid;
  gap: 20px;
}

body.s1688-flow-received .s1688-flow-confirmation,
body.s1688-flow-received .s1688-flow-next,
body.s1688-flow-received .s1688-flow-assist {
  box-shadow: none;
}

body.s1688-flow-received .s1688-flow-confirmation h2,
body.s1688-flow-received .s1688-flow-next h2 {
  font-size: clamp(20px, 2vw, 24px);
  line-height: 1.3;
  margin: 0 0 18px;
}

body.s1688-flow-received .s1688-flow-confirmation dl,
body.s1688-flow-received .s1688-flow-order-totals {
  margin: 0;
}

body.s1688-flow-received .s1688-flow-confirmation dl > div,
body.s1688-flow-received .s1688-flow-order-totals > div {
  min-width: 0;
}

body.s1688-flow-received .s1688-flow-confirmation dt,
body.s1688-flow-received .s1688-flow-order-totals dt {
  font-size: 13px;
  line-height: 1.45;
}

body.s1688-flow-received .s1688-flow-confirmation dd,
body.s1688-flow-received .s1688-flow-order-totals dd {
  overflow-wrap: anywhere;
}

body.s1688-flow-received .s1688-flow-item-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.s1688-flow-received .s1688-flow-item-list > li {
  align-items: flex-start;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 16px 0;
}

body.s1688-flow-received .s1688-flow-item-list > li:first-child {
  padding-top: 0;
}

body.s1688-flow-received .s1688-flow-item-list > li > div {
  min-width: 0;
}

body.s1688-flow-received .s1688-flow-item-list > li > b {
  flex: 0 0 auto;
  white-space: nowrap;
}

body.s1688-flow-received .s1688-flow-item-meta,
body.s1688-flow-received .s1688-flow-item-meta ul {
  font-size: 13px;
  list-style: none;
  margin: 5px 0 0;
  padding: 0;
}

body.s1688-flow-received .s1688-flow-item-meta p {
  margin: 0;
}

body.s1688-flow-received .s1688-flow-item-qty {
  display: block;
  font-size: 13px;
  margin-top: 5px;
}

body.s1688-flow-received .s1688-flow-order-totals {
  padding-top: 12px;
}

body.s1688-flow-received .s1688-flow-order-totals > div {
  align-items: baseline;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding: 7px 0;
}

body.s1688-flow-received .s1688-flow-order-totals dd {
  font-weight: 700;
  margin: 0;
  text-align: right;
}

body.s1688-flow-received .s1688-flow-next ol {
  counter-reset: none;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

body.s1688-flow-received .s1688-flow-next li {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  min-width: 0;
  text-align: left;
}

body.s1688-flow-received .s1688-flow-next li > span {
  align-items: center;
  border-radius: 50%;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 800;
  height: 28px;
  justify-content: center;
  width: 28px;
}

body.s1688-flow-received .s1688-flow-next > p {
  line-height: 1.65;
  margin: 16px 0 0;
}

body.s1688-flow-received .s1688-flow-next-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

body.s1688-flow-received .s1688-flow-next-links a {
  align-items: center;
  display: inline-flex;
  font-weight: 750;
  justify-content: center;
  min-height: 46px;
  text-decoration: none;
}

@media (min-width: 1024px) {
  body.s1688-flow-received {
    --flow-bg: #f4f1ea;
    --flow-panel: #fffdfc;
    --flow-panel-2: #faf8f3;
    --flow-border: #ded7ca;
    --flow-gold: #b28a45;
    --flow-text: #1c1c1c;
    --flow-muted: #6f6a62;
    background: #f4f1ea;
    color: #1c1c1c;
  }

  body.s1688-flow-received :is(.site-main, main#content) {
    box-sizing: border-box;
    margin-inline: auto;
    max-width: 1520px;
    padding: 48px clamp(32px, 4vw, 64px) 80px;
    width: 100%;
  }

  body.s1688-flow-received .s1688-flow-shell {
    color: #1c1c1c;
    margin-inline: auto;
    max-width: 1120px;
    width: 100%;
  }

  body.s1688-flow-received .s1688-flow-success {
    margin: 0 0 28px;
    max-width: 760px;
  }

  body.s1688-flow-received .s1688-flow-success > span {
    align-items: center;
    background: rgba(178,138,69,.12);
    border: 1px solid rgba(178,138,69,.54);
    border-radius: 50%;
    color: #8a6428;
    display: flex;
    font-size: 26px;
    height: 52px;
    justify-content: center;
    margin-bottom: 16px;
    width: 52px;
  }

  body.s1688-flow-received .s1688-flow-success h1 {
    color: #1c1c1c !important;
    font-size: clamp(34px, 3.2vw, 46px);
    line-height: 1.16;
    margin: 0 0 10px;
  }

  body.s1688-flow-received .s1688-flow-success p {
    color: #4f4a44 !important;
    font-size: 17px;
    line-height: 1.7;
    margin: 0;
  }

  body.s1688-flow-received .s1688-flow-received-grid {
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.35fr);
  }

  body.s1688-flow-received .s1688-flow-receiver {
    grid-column: 1 / -1;
  }

  body.s1688-flow-received .s1688-flow-confirmation,
  body.s1688-flow-received .s1688-flow-next,
  body.s1688-flow-received .s1688-flow-assist {
    background: #fffdfc !important;
    border: 1px solid #ded7ca !important;
    border-radius: 14px !important;
    color: #1c1c1c !important;
    margin-top: 20px;
    padding: 24px;
  }

  body.s1688-flow-received .s1688-flow-received-grid .s1688-flow-confirmation {
    margin-top: 0;
  }

  body.s1688-flow-received .s1688-flow-confirmation h2,
  body.s1688-flow-received .s1688-flow-next h2,
  body.s1688-flow-received .s1688-flow-assist strong {
    color: #1c1c1c !important;
  }

  body.s1688-flow-received .s1688-flow-order-summary dl,
  body.s1688-flow-received .s1688-flow-receiver dl {
    display: grid;
    gap: 15px 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.s1688-flow-received .s1688-flow-confirmation dt,
  body.s1688-flow-received .s1688-flow-item-meta,
  body.s1688-flow-received .s1688-flow-item-meta *,
  body.s1688-flow-received .s1688-flow-item-qty,
  body.s1688-flow-received .s1688-flow-next > p,
  body.s1688-flow-received .s1688-flow-assist p {
    color: #6f6a62 !important;
  }

  body.s1688-flow-received .s1688-flow-confirmation dd,
  body.s1688-flow-received .s1688-flow-item-list strong,
  body.s1688-flow-received .s1688-flow-item-list b,
  body.s1688-flow-received .s1688-flow-order-totals :is(dt,dd) {
    color: #1c1c1c !important;
  }

  body.s1688-flow-received .s1688-flow-order-summary .is-total dd,
  body.s1688-flow-received .s1688-flow-order-totals .is-total dd {
    color: #8a6428 !important;
    font-size: 20px;
  }

  body.s1688-flow-received .s1688-flow-item-list > li,
  body.s1688-flow-received .s1688-flow-order-totals {
    border-top: 1px solid #e5ded2;
  }

  body.s1688-flow-received .s1688-flow-next li {
    background: #faf8f3 !important;
    border: 1px solid #e5ded2;
    border-radius: 10px;
    color: #1c1c1c;
    padding: 14px;
  }

  body.s1688-flow-received .s1688-flow-next li > span {
    background: rgba(178,138,69,.14);
    color: #8a6428;
  }

  body.s1688-flow-received .s1688-flow-assist {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: space-between;
  }

  body.s1688-flow-received .s1688-flow-assist--success .s1688-flow-line-link {
    background: #2eb35b !important;
    border-color: #2eb35b !important;
    color: #082211 !important;
  }

  body.s1688-flow-received .s1688-flow-next-links a {
    border: 1px solid #b28a45 !important;
    border-radius: 9px;
    color: #1c1c1c !important;
    padding: 10px 18px;
  }

  body.s1688-flow-received .s1688-flow-next-links a:first-child {
    background: #b28a45;
  }
}

@media (max-width: 1023px) {
  body.s1688-flow-received {
    --flow-bg: #0d0e0e;
    --flow-panel: #191b1b;
    --flow-panel-2: #212323;
    --flow-border: #4b4438;
    --flow-gold: #d8b975;
    --flow-text: #f5f2ec;
    --flow-muted: #c5beb3;
    background: #0d0e0e;
    color: #f5f2ec;
  }

  body.s1688-flow-received :is(.site-main, main#content) {
    background: #0d0e0e !important;
    box-sizing: border-box;
    color: #f5f2ec !important;
    padding: 24px 16px calc(116px + env(safe-area-inset-bottom));
    width: 100%;
  }

  body.s1688-flow-received .s1688-flow-shell {
    color: #f5f2ec;
    margin-inline: auto;
    max-width: 680px;
    min-width: 0;
    overflow-x: clip;
    width: 100%;
  }

  body.s1688-flow-received .s1688-flow-success {
    margin: 0 0 20px;
  }

  body.s1688-flow-received .s1688-flow-success > span {
    align-items: center;
    background: rgba(216,185,117,.12);
    border: 1px solid rgba(216,185,117,.55);
    border-radius: 50%;
    color: #d8b975;
    display: flex;
    font-size: 22px;
    height: 46px;
    justify-content: center;
    margin-bottom: 13px;
    width: 46px;
  }

  body.s1688-flow-received .s1688-flow-success h1 {
    color: #f5f2ec !important;
    font-size: 30px;
    line-height: 1.2;
    margin: 0 0 8px;
  }

  body.s1688-flow-received .s1688-flow-success p {
    color: #c5beb3 !important;
    font-size: 15px;
    line-height: 1.65;
    margin: 0;
  }

  body.s1688-flow-received .s1688-flow-received-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  body.s1688-flow-received .s1688-flow-confirmation,
  body.s1688-flow-received .s1688-flow-next,
  body.s1688-flow-received .s1688-flow-assist {
    background: #191b1b !important;
    border: 1px solid #4b4438 !important;
    border-radius: 12px !important;
    color: #f5f2ec !important;
    margin-top: 12px;
    padding: 17px;
  }

  body.s1688-flow-received .s1688-flow-received-grid .s1688-flow-confirmation {
    margin-top: 0;
  }

  body.s1688-flow-received .s1688-flow-confirmation h2,
  body.s1688-flow-received .s1688-flow-next h2,
  body.s1688-flow-received .s1688-flow-assist strong,
  body.s1688-flow-received .s1688-flow-confirmation dd,
  body.s1688-flow-received .s1688-flow-item-list strong,
  body.s1688-flow-received .s1688-flow-item-list b,
  body.s1688-flow-received .s1688-flow-order-totals :is(dt,dd) {
    color: #f5f2ec !important;
  }

  body.s1688-flow-received .s1688-flow-order-summary dl,
  body.s1688-flow-received .s1688-flow-receiver dl {
    display: grid;
    gap: 13px;
    grid-template-columns: minmax(0, 1fr);
  }

  body.s1688-flow-received .s1688-flow-confirmation dt,
  body.s1688-flow-received .s1688-flow-item-meta,
  body.s1688-flow-received .s1688-flow-item-meta *,
  body.s1688-flow-received .s1688-flow-item-qty,
  body.s1688-flow-received .s1688-flow-next > p,
  body.s1688-flow-received .s1688-flow-assist p {
    color: #c5beb3 !important;
  }

  body.s1688-flow-received .s1688-flow-order-summary .is-total dd,
  body.s1688-flow-received .s1688-flow-order-totals .is-total dd {
    color: #d8b975 !important;
    font-size: 19px;
  }

  body.s1688-flow-received .s1688-flow-item-list > li,
  body.s1688-flow-received .s1688-flow-order-totals {
    border-top: 1px solid #3f3a32;
  }

  body.s1688-flow-received .s1688-flow-item-list > li {
    gap: 12px;
    padding: 14px 0;
  }

  body.s1688-flow-received .s1688-flow-next ol {
    grid-template-columns: minmax(0, 1fr);
  }

  body.s1688-flow-received .s1688-flow-next li {
    background: #212323 !important;
    border: 1px solid #4b4438;
    border-radius: 9px;
    color: #f5f2ec;
    padding: 12px;
  }

  body.s1688-flow-received .s1688-flow-next li > span {
    background: rgba(216,185,117,.14);
    color: #d8b975;
  }

  body.s1688-flow-received .s1688-flow-assist {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  body.s1688-flow-received .s1688-flow-assist--success .s1688-flow-line-link {
    background: #2eb35b !important;
    border-color: #2eb35b !important;
    color: #082211 !important;
    width: 100%;
  }

  body.s1688-flow-received .s1688-flow-next-links {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 14px;
  }

  body.s1688-flow-received .s1688-flow-next-links a {
    border: 1px solid #d8b975 !important;
    border-radius: 9px;
    color: #f5f2ec !important;
    padding: 10px 14px;
    width: 100%;
  }

  body.s1688-flow-received .s1688-flow-next-links a:first-child {
    background: #d8b975;
    color: #17130c !important;
  }
}
/* /steam1688-order-received-final-polish-20261011 */

/* Desktop Checkout final fix. Keep the Woo button mounted for the existing proxy click. */
@media (min-width: 1024px) {
  body.s1688-flow-checkout.s1688-flow-right-cta .wc-block-checkout__actions {
    height: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  body.s1688-flow-checkout.s1688-flow-right-cta .wc-block-components-checkout-place-order-button {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    visibility: hidden !important;
  }

  body.s1688-flow-checkout #shipping-option,
  body.s1688-flow-checkout #payment-method {
    background: #fffdfc !important;
    border-color: #ded7ca !important;
    color: #1c1c1c !important;
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
  }

  body.s1688-flow-checkout #shipping-option .wc-block-components-checkout-step__heading-container,
  body.s1688-flow-checkout #payment-method .wc-block-components-checkout-step__heading-container {
    margin-bottom: 8px !important;
  }

  body.s1688-flow-checkout #shipping-option .wc-block-components-checkout-step__heading,
  body.s1688-flow-checkout #payment-method .wc-block-components-checkout-step__heading {
    margin-bottom: 0 !important;
  }

  body.s1688-flow-checkout #shipping-option .wc-block-components-checkout-step__content,
  body.s1688-flow-checkout #payment-method .wc-block-components-checkout-step__content {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.s1688-flow-checkout #shipping-option .wc-block-components-shipping-rates-control__package,
  body.s1688-flow-checkout #payment-method .wc-block-components-radio-control-accordion-option {
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.s1688-flow-checkout #shipping-option .wc-block-components-radio-control__option,
  body.s1688-flow-checkout #payment-method .wc-block-components-radio-control__option {
    background: #fffdfc !important;
    border: 1px solid #ded7ca !important;
    border-radius: 9px !important;
    margin: 0 !important;
    min-height: 44px;
    padding: 9px 12px 9px 44px !important;
  }

  body.s1688-flow-checkout #shipping-option .wc-block-components-radio-control__option:has(input:checked),
  body.s1688-flow-checkout #payment-method .wc-block-components-radio-control__option:has(input:checked) {
    border-color: #b28a45 !important;
  }

  body.s1688-flow-checkout #payment-method .wc-block-components-radio-control-accordion-content {
    color: #6f6a62 !important;
    margin: 0 !important;
    padding: 0 12px 8px 44px !important;
  }

  body.s1688-flow-checkout #shipping-option .wc-block-components-radio-control__label,
  body.s1688-flow-checkout #payment-method .wc-block-components-radio-control__label,
  body.s1688-flow-checkout #payment-method .wc-block-components-payment-method-label {
    color: #1c1c1c !important;
    font-weight: 700;
  }

  body.s1688-flow-checkout #shipping-option .wc-block-components-radio-control__secondary-label {
    color: #1c1c1c !important;
    font-weight: 700;
  }

  body.s1688-flow-checkout #payment-method :is(.wc-block-components-radio-control__description,.wc-block-components-radio-control__secondary-label,.wc-block-components-radio-control-accordion-content) {
    color: #6f6a62 !important;
  }

  body.s1688-flow-checkout #shipping-option .wc-block-components-radio-control__label[data-s1688-store-label] {
    font-size: 0 !important;
  }

  body.s1688-flow-checkout #shipping-option .wc-block-components-radio-control__label[data-s1688-store-label]::before {
    color: #1c1c1c;
    content: attr(data-s1688-store-label);
    font-size: 16px;
    font-weight: 700;
  }
}