/*!
 * Miku Network Cart — order form for WHMCS. v1.2
 * Loaded after css/all.min.css. Its tokens (--mkc-*) follow the Miku Network system theme when
 * that theme is active and fall back to built-in values otherwise, so the order form also works
 * next to any other system theme.
 *
 *  1. Tokens               4. Product configuration     7. Checkout
 *  2. Shared layout        5. Order summary             8. Order complete
 *  3. Store (plans)        6. View cart                 9. Responsive
 */

/* ---------------------------------------------------------------- 1. Tokens */
#order-standard_cart,
.mkc-scope {
    --mkc-brand: var(--mk-brand, #128afa);
    --mkc-brand-2: var(--mk-brand-2, #4aa6ff);
    --mkc-brand-ink: var(--mk-brand-ink, #0b5fd6);
    --mkc-brand-soft: var(--mk-brand-soft, rgba(18, 138, 250, .08));
    --mkc-ink: var(--mk-ink, #0c1222);
    --mkc-ink-2: var(--mk-ink-2, #2b3346);
    --mkc-muted: var(--mk-muted, #5c6477);
    --mkc-muted-2: var(--mk-muted-2, #8a91a2);
    --mkc-line: var(--mk-line, #e3e8f0);
    --mkc-line-2: var(--mk-line-2, #d1d8e4);
    --mkc-line-3: var(--mk-line-3, #b9c3d3);
    --mkc-subtle: var(--mk-subtle, #f7f9fc);
    --mkc-hover: var(--mk-hover, #f4f8ff);
    --mkc-ok: var(--mk-ok, #16a34a);
    --mkc-warn: var(--mk-warn, #d97706);
    --mkc-danger: var(--mk-danger, #dc2626);
    --mkc-radius-lg: var(--mk-radius-lg, 8px);
    --mkc-radius: var(--mk-radius, 6px);
    --mkc-radius-sm: var(--mk-radius-sm, 4px);
    --mkc-shadow: var(--mk-shadow, 0 1px 2px rgba(12, 18, 34, .04));
    --mkc-shadow-hover: var(--mk-shadow-hover, 0 10px 28px -14px rgba(11, 29, 90, .28));
    --mkc-ease: var(--mk-ease, cubic-bezier(.2, .7, .2, 1));
    --mkc-mono: var(--mk-mono, "JetBrains Mono", "HarmonyOS Sans SC", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
    /* space kept clear above sticky panels; the Miku Network theme sets it to its header height */
    --mkc-sticky-top: var(--mk-head-offset, 24px);
}
#order-standard_cart .mkc-panel,
#order-standard_cart .field-container,
#order-standard_cart .product-info,
#order-standard_cart .product-configurable-options,
#order-standard_cart .order-summary,
#order-standard_cart .view-cart-items,
#order-standard_cart .already-registered,
#order-standard_cart .cc-input-container,
#order-standard_cart .order-confirmation {
    border: 1px solid var(--mkc-line);
    border-radius: var(--mkc-radius-lg);
    background: #fff;
    box-shadow: var(--mkc-shadow);
}

/* ---------------------------------------------------------------- 2. Shared layout */
#order-standard_cart { color: var(--mkc-ink); }
#order-standard_cart > .row { margin-left: 0; margin-right: 0; }
/* the store page has its own navigation; the other steps use the full width */
#order-standard_cart .cart-sidebar,
#order-standard_cart .sidebar-collapsed { display: none; }
#order-standard_cart .cart-body { float: none; width: 100%; padding-left: 0; padding-right: 0; }
#order-standard_cart .header-lined { margin: 0 0 20px; padding: 0; border: 0; }
#order-standard_cart .header-lined h1,
#order-standard_cart .header-lined .font-size-36 {
    margin: 0;
    color: var(--mkc-ink);
    font-size: clamp(26px, 2.4vw, 34px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.025em;
}
#order-standard_cart .header-lined p { margin: 8px 0 0; color: var(--mkc-muted); }

/* section labels instead of the centred rule */
#order-standard_cart .sub-heading,
#order-standard_cart .sub-heading-borderless {
    height: auto;
    margin: 26px 0 12px;
    border: 0;
    text-align: left;
}
#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span {
    position: static;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    background: none !important;
    color: var(--mkc-muted-2);
    font-family: var(--mkc-mono);
    font-size: 11.5px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
}
#order-standard_cart .sub-heading span::before,
#order-standard_cart .sub-heading-borderless span::before { content: ""; width: 7px; height: 7px; border-radius: 1px; background: var(--mkc-brand); }
#order-standard_cart .field-container { margin: 0 0 18px; padding: 20px 20px 4px; }
#order-standard_cart .field-help-text { color: var(--mkc-muted); font-size: 12.5px; }

/* base controls, for when the order form sits in another system theme */
#order-standard_cart .form-control,
#order-standard_cart .custom-select {
    min-height: 42px;
    border: 1px solid var(--mkc-line-2);
    border-radius: var(--mkc-radius);
    color: var(--mkc-ink);
    font-size: 14.5px;
    box-shadow: none;
}
#order-standard_cart .form-control:focus,
#order-standard_cart .custom-select:focus { border-color: var(--mkc-brand); box-shadow: 0 0 0 3px rgba(18, 138, 250, .14); }
#order-standard_cart .btn { border-radius: var(--mkc-radius); font-weight: 600; }
#order-standard_cart .btn-primary,
#order-standard_cart .btn-success { border-color: var(--mkc-brand); background: var(--mkc-brand); color: #fff; box-shadow: none; }
#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-success:hover,
#order-standard_cart .btn-primary:focus,
#order-standard_cart .btn-success:focus { border-color: var(--mkc-brand-ink); background: var(--mkc-brand-ink); color: #fff; }
#order-standard_cart .btn-default,
#order-standard_cart .btn-secondary { border-color: var(--mkc-line-2); background: #fff; color: var(--mkc-ink); }
#order-standard_cart .btn-default:hover,
#order-standard_cart .btn-secondary:hover { border-color: var(--mkc-line-3); background: var(--mkc-subtle); color: var(--mkc-ink); }
#order-standard_cart .btn-lg { padding: .75rem 1.5rem; font-size: 16px; }
#order-standard_cart .alert { border-radius: var(--mkc-radius); }

/* two columns: the step on the left, the order summary on the right */
/* float: none also tells the stock script to stop animating the summary; CSS keeps it in view instead */
#order-standard_cart .row:has(> #scrollingPanelContainer) { display: flex; flex-wrap: wrap; }
#order-standard_cart .secondary-cart-body,
#order-standard_cart .secondary-cart-sidebar { float: none; padding-left: 15px; padding-right: 15px; }
#order-standard_cart .secondary-cart-body { flex: 1 1 0; width: auto; min-width: 0; margin-top: 0 !important; }
#order-standard_cart .secondary-cart-sidebar { flex: 0 0 380px; width: 380px; max-width: 100%; align-self: stretch; }

/* ---------------------------------------------------------------- 3. Store (plans) */
.mk-store__grid { display: grid; grid-template-columns: 252px minmax(0, 1fr); gap: 32px; align-items: start; }
.mk-store__side {
    position: sticky;
    top: var(--mkc-sticky-top);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
    max-height: calc(100vh - var(--mkc-sticky-top) - 16px);
    margin: -4px;
    padding: 4px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}
.mk-store__head { margin: 2px 0 22px; }
.mk-store__eyebrow {
    display: inline-flex; align-items: center; gap: 8px;
    color: var(--mkc-brand-ink); font-family: var(--mkc-mono); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase;
}
.mk-store__eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 1px; background: var(--mkc-brand); box-shadow: 0 0 0 3px var(--mkc-brand-soft); }
.mk-store__title { margin: 10px 0 0; color: var(--mkc-ink); font-size: clamp(26px, 2.4vw, 34px); font-weight: 700; line-height: 1.2; letter-spacing: -.025em; }
.mk-store__tagline { margin: 10px 0 0; max-width: 760px; color: var(--mkc-muted); font-size: 15px; }

.mk-gtabs { min-width: 0; }
.mk-gtabs__title { margin: 0 0 8px 12px; color: var(--mkc-muted-2); font-family: var(--mkc-mono); font-size: 11px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; }
.mk-gtabs__list { display: grid; gap: 2px; padding: 4px; border: 1px solid var(--mkc-line); border-radius: var(--mkc-radius-lg); background: #fff; }
#order-standard_cart .mk-gtab {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border-radius: var(--mkc-radius-sm);
    background: transparent;
    color: var(--mkc-ink-2);
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: none;
    transition: background-color .2s, color .2s;
}
#order-standard_cart .mk-gtab:hover { background: var(--mkc-subtle); color: var(--mkc-ink); }
#order-standard_cart .mk-gtab.is-current { background: var(--mkc-brand-soft); color: var(--mkc-ink); }
#order-standard_cart .mk-gtab.is-current::before { content: ""; position: absolute; left: -4px; top: 8px; bottom: 8px; width: 2px; background: var(--mkc-brand); }
#order-standard_cart .mk-gtab.is-disabled { opacity: .5; pointer-events: none; }
.mk-gtab > i { color: var(--mkc-brand); }
.mk-gtab__name { flex: 1 1 auto; min-width: 0; }
.mk-gtab__meta { padding: 2px 6px; border-radius: 3px; background: var(--mkc-subtle); color: var(--mkc-muted); font-family: var(--mkc-mono); font-size: 10.5px; font-weight: 500; }
.mk-gtabs--html { font-size: 14px; }

.mk-plans { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 14px; }
.mk-plan {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 20px 20px 18px;
    border: 1px solid var(--mkc-line);
    border-radius: var(--mkc-radius-lg);
    background: #fff;
    color: var(--mkc-ink);
    box-shadow: var(--mkc-shadow);
    transition: border-color .25s, box-shadow .25s;
}
.mk-plan::before { content: ""; position: absolute; top: -1px; left: -1px; right: -1px; height: 2px; border-radius: var(--mkc-radius-lg) var(--mkc-radius-lg) 0 0; background: transparent; transition: background-color .25s; }
.mk-plan:hover { border-color: rgba(18, 138, 250, .45); box-shadow: var(--mkc-shadow-hover); }
.mk-plan:hover::before { background: var(--mkc-brand); }
.mk-plan__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
#order-standard_cart .mk-plan__name { margin: 0; color: var(--mkc-ink); font-size: 16.5px; font-weight: 650; line-height: 1.3; letter-spacing: -.01em; }
.mk-plan__badge { flex: none; padding: 3px 7px; border-radius: 3px; background: rgba(22, 163, 74, .1); color: var(--mkc-ok); font-family: var(--mkc-mono); font-size: 11px; font-weight: 500; white-space: nowrap; }
.mk-plan__badge--low { background: rgba(217, 119, 6, .12); color: var(--mkc-warn); }
.mk-plan__badge--out { background: rgba(12, 18, 34, .06); color: var(--mkc-muted); }
.mk-plan__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 7px; margin: 16px 0 0; }
.mk-plan__amount { font-size: 27px; font-weight: 700; line-height: 1.1; letter-spacing: -.025em; font-variant-numeric: tabular-nums; }
.mk-plan__cycle, .mk-plan__fromtag { color: var(--mkc-muted); font-family: var(--mkc-mono); font-size: 12.5px; }
.mk-plan__setup { margin: 4px 0 0; color: var(--mkc-muted); font-size: 12.5px; }
.mk-plan__specs {
    display: grid;
    gap: 7px;
    margin: 16px 0 18px;
    padding: 14px 0 0;
    border-top: 1px dashed var(--mkc-line-2);
    list-style: none;
    color: var(--mkc-ink-2);
    font-size: 13.5px;
    line-height: 1.45;
}
.mk-plan__specs:empty { display: none; }
.mk-plan__specs li { display: flex; gap: 9px; overflow-wrap: anywhere; }
.mk-plan__specs li::before { content: ""; flex: none; width: 5px; height: 5px; margin-top: .55em; border-radius: 1px; background: var(--mkc-brand-2); }
.mk-plan__specs li:empty { display: none; }
.mk-plan__specs strong { color: var(--mkc-ink); font-weight: 650; }
#order-standard_cart .mk-plan__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding: 10px 14px;
    border: 1px solid var(--mkc-ink);
    border-radius: var(--mkc-radius);
    background: var(--mkc-ink);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .2s, border-color .2s;
}
#order-standard_cart .mk-plan:hover .mk-plan__cta,
#order-standard_cart .mk-plan__cta:focus { border-color: var(--mkc-brand); background: var(--mkc-brand); color: #fff; }
.mk-plan__cta .mk-ic { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s var(--mkc-ease); }
.mk-plan:hover .mk-plan__cta .mk-ic { transform: translateX(3px); }
.mk-plan.is-soldout { background: var(--mkc-subtle); }
.mk-plan.is-soldout:hover { border-color: var(--mkc-line); box-shadow: var(--mkc-shadow); }
.mk-plan.is-soldout:hover::before { background: transparent; }
.mk-plan.is-soldout .mk-plan__amount { color: var(--mkc-muted); }
#order-standard_cart .mk-plan__cta.is-disabled,
#order-standard_cart .mk-plan.is-soldout:hover .mk-plan__cta.is-disabled { justify-content: center; border-color: var(--mkc-line-2); background: #fff; color: var(--mkc-muted); cursor: not-allowed; }

/* highlights bar under the plans: the product group's features ("included with every plan") */
.mk-highlights { margin: 28px 0 0; border: 1px solid var(--mkc-line); border-radius: var(--mkc-radius-lg); background: #fff; overflow: hidden; }
.mk-highlights__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 18px; padding: 16px 20px; border-bottom: 1px solid var(--mkc-line); background: var(--mkc-subtle); }
.mk-highlights__title { margin: 0; color: var(--mkc-ink); font-size: 16px; font-weight: 650; letter-spacing: -.01em; }
.mk-highlights__eyebrow { color: var(--mkc-muted-2); font-family: var(--mkc-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }
.mk-highlights__list { margin: 0; padding: 0; list-style: none; counter-reset: mkhl; }
/* one feature per row, numbered on the right */
.mk-highlights__item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 13px 20px;
    border-top: 1px solid var(--mkc-line);
    color: var(--mkc-ink-2);
    font-size: 14.5px;
    line-height: 1.5;
    counter-increment: mkhl;
    transition: background-color .2s;
}
.mk-highlights__item:first-child { border-top: 0; }
.mk-highlights__item:hover { background: var(--mkc-subtle); }
.mk-highlights__item::after { content: counter(mkhl, decimal-leading-zero); flex: none; margin-left: auto; padding-left: 12px; color: var(--mkc-muted-2); font-family: var(--mkc-mono); font-size: 11px; letter-spacing: .08em; }
.mk-highlights__icon { flex: none; display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid rgba(18, 138, 250, .3); border-radius: var(--mkc-radius-sm); background: var(--mkc-brand-soft); color: var(--mkc-brand); font-size: 12.5px; }
.mk-highlights__icon svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.mk-highlights__text { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; min-width: 0; overflow-wrap: anywhere; }
.mk-highlights__text strong { color: var(--mkc-ink); font-weight: 650; }
.mk-highlights__text small { color: var(--mkc-muted); font-size: 12.5px; }

/* ---------------------------------------------------------------- 4. Product configuration */
#order-standard_cart .product-info { margin: 0 0 18px; padding: 20px; color: var(--mkc-ink-2); font-size: 14px; }
#order-standard_cart .product-info .product-title { margin: 0 0 8px; color: var(--mkc-ink); font-size: 20px; font-weight: 700; letter-spacing: -.015em; }
#order-standard_cart .product-info p { margin-bottom: 0; line-height: 1.7; }
#order-standard_cart .product-configurable-options { margin: 0 0 18px; padding: 20px 20px 4px; }
#order-standard_cart .product-configurable-options .form-group { margin-bottom: 18px; }
#order-standard_cart .product-configurable-options label { color: var(--mkc-ink-2); font-size: 13.5px; font-weight: 600; }
#order-standard_cart .irs { margin-top: 4px; }
#order-standard_cart .panel-addon {
    border: 1px solid var(--mkc-line);
    border-radius: var(--mkc-radius-lg);
    background: #fff;
    box-shadow: var(--mkc-shadow);
    overflow: hidden;
    font-size: 13.5px;
    transition: border-color .2s, box-shadow .2s;
}
#order-standard_cart .panel-addon:hover { border-color: rgba(18, 138, 250, .45); }
#order-standard_cart .panel-addon .panel-body { padding: 16px; }
#order-standard_cart .panel-addon .panel-body label { color: var(--mkc-ink); font-size: 14px; }
#order-standard_cart .panel-addon .panel-price { background: var(--mkc-subtle); color: var(--mkc-ink-2); font-family: var(--mkc-mono); font-weight: 500; }
#order-standard_cart .panel-addon .panel-add { background: #fff; border-top: 1px solid var(--mkc-line); color: var(--mkc-ink); font-weight: 600; border-radius: 0; }
#order-standard_cart .panel-addon-selected { border-color: var(--mkc-brand); box-shadow: 0 0 0 1px var(--mkc-brand); }
#order-standard_cart .panel-addon-selected .panel-add { background: var(--mkc-brand); border-top-color: var(--mkc-brand); color: #fff; }

/* ---------------------------------------------------------------- 5. Order summary */
#order-standard_cart #orderSummary { position: sticky; top: var(--mkc-sticky-top); margin-top: 0 !important; }
#order-standard_cart .order-summary { margin: 0 0 20px; padding: 0; overflow: hidden; }
#order-standard_cart .order-summary h2 {
    margin: 0;
    padding: 13px 20px;
    border-bottom: 1px solid var(--mkc-line);
    background: var(--mkc-subtle);
    color: var(--mkc-muted);
    font-family: var(--mkc-mono);
    font-size: 11.5px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    text-align: left;
}
#order-standard_cart .summary-container { min-height: 0; padding: 14px 20px 20px; border-radius: 0; background: transparent; color: var(--mkc-ink-2); font-size: 14px; }
#order-standard_cart .order-summary .product-name { color: var(--mkc-ink); font-size: 15px; font-weight: 650; }
#order-standard_cart .order-summary .product-group { color: var(--mkc-muted); font-style: normal; font-size: 13px; }
#order-standard_cart .order-summary .summary-totals,
#order-standard_cart .order-summary .bordered-totals { margin: 10px 0; padding: 10px 0; border-color: var(--mkc-line); }
#order-standard_cart .order-summary .subtotal { border-color: var(--mkc-line); font-size: 15px; }
#order-standard_cart .order-summary .total-due-today { margin-top: 6px; color: var(--mkc-muted); }
#order-standard_cart .order-summary .total-due-today .amt { color: var(--mkc-ink); font-size: 30px; font-weight: 700; letter-spacing: -.025em; font-variant-numeric: tabular-nums; }
#order-standard_cart .order-summary .recurring-charges { color: var(--mkc-muted); font-style: normal; }
#order-standard_cart .order-summary .loader { color: var(--mkc-brand); }
#order-standard_cart #btnCompleteProductConfig,
#order-standard_cart .btn-checkout { width: 100%; padding: .8rem 1.4rem; }
#order-standard_cart .order-summary .btn-continue-shopping { color: var(--mkc-muted); }
#order-standard_cart .secondary-cart-sidebar .text-center { margin-top: 4px; }

/* ---------------------------------------------------------------- 6. View cart */
#order-standard_cart .view-cart-items-header {
    margin: 0;
    padding: 11px 20px;
    border: 1px solid var(--mkc-line);
    border-bottom: 0;
    border-radius: var(--mkc-radius-lg) var(--mkc-radius-lg) 0 0;
    background: var(--mkc-subtle);
    color: var(--mkc-muted-2);
    font-family: var(--mkc-mono);
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
}
#order-standard_cart .view-cart-items { margin: 0 0 18px; border-radius: 0 0 var(--mkc-radius-lg) var(--mkc-radius-lg); overflow: hidden; }
#order-standard_cart .view-cart-items .item,
#order-standard_cart .view-cart-items .item:nth-child(even) { padding: 16px 20px; border-top: 1px solid var(--mkc-line); background: #fff; font-size: 14px; }
#order-standard_cart .view-cart-items .item:first-child { border-top: 0; }
#order-standard_cart .view-cart-items .item-title { color: var(--mkc-ink); font-size: 16px; font-weight: 650; }
#order-standard_cart .view-cart-items .item-group { color: var(--mkc-muted); font-size: 13px; }
#order-standard_cart .view-cart-items .item-domain { color: var(--mkc-brand-ink); }
#order-standard_cart .view-cart-items .item-price span { color: var(--mkc-ink); font-size: 18px; font-weight: 700; }
#order-standard_cart .view-cart-items .item-price .cycle { color: var(--mkc-muted); font-family: var(--mkc-mono); font-size: 12px; font-weight: 500; }
#order-standard_cart .view-cart-items .btn-remove-from-cart { color: var(--mkc-muted-2); }
#order-standard_cart .view-cart-items .btn-remove-from-cart:hover { color: var(--mkc-danger); }
#order-standard_cart .empty-cart { margin: -6px 0 18px; text-align: right; }
#order-standard_cart .empty-cart .btn { padding: 5px 12px; border: 1px solid var(--mkc-line-2); border-radius: var(--mkc-radius); background: #fff; color: var(--mkc-ink-2); font-size: 13px; }
#order-standard_cart .empty-cart .btn:hover { border-color: rgba(220, 38, 38, .4); background: #fef1f1; color: var(--mkc-danger); }
#order-standard_cart .view-cart-tabs { margin: 0 0 20px; }
#order-standard_cart .view-cart-tabs .nav-tabs { padding-left: 0; border-bottom: 1px solid var(--mkc-line); gap: 2px; font-size: 14px; }
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link { border: 0; border-radius: 0; color: var(--mkc-muted); font-weight: 600; }
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected="true"],
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"],
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link.active { border: 0; background: transparent; color: var(--mkc-ink); box-shadow: inset 0 -2px 0 var(--mkc-brand); }
#order-standard_cart .view-cart-tabs .tab-content { margin-top: 12px; padding: 18px; border: 1px solid var(--mkc-line); border-radius: var(--mkc-radius-lg); background: #fff; }

/* ---------------------------------------------------------------- 7. Checkout */
#order-standard_cart .already-registered {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 18px;
    padding: 14px 18px;
    color: var(--mkc-ink-2);
    text-align: left;
}
#order-standard_cart .already-registered::before,
#order-standard_cart .already-registered::after { display: none; }
#order-standard_cart .already-registered p { order: -1; flex: 1 1 240px; margin: 0; }
#order-standard_cart .already-registered .float-right { float: none !important; display: flex; gap: 8px; }
#order-standard_cart .prepend-icon .field { min-height: 42px; padding-left: 40px; }
#order-standard_cart .prepend-icon .field-icon { height: 42px; line-height: 42px; }
#order-standard_cart .field-icon i { color: var(--mkc-muted-2); }
#order-standard_cart .prepend-icon:focus-within .field-icon i { color: var(--mkc-brand); }
#order-standard_cart .cc-input-container { padding: 18px 20px; }
#order-standard_cart .account-select-container { margin: 0 -5px 18px; border: 0; }
#order-standard_cart .account-select-container > [class*="col-"] { padding: 5px; }
#order-standard_cart .account-select-container div.account,
#order-standard_cart .account-select-container div.account.border-bottom {
    height: 100%;
    padding: 14px 16px;
    border: 1px solid var(--mkc-line-2) !important;
    border-radius: var(--mkc-radius);
    background: #fff;
    transition: border-color .2s, background-color .2s, box-shadow .2s;
}
#order-standard_cart .account-select-container div.account.active { border-color: var(--mkc-brand) !important; background: var(--mkc-hover); box-shadow: 0 0 0 1px var(--mkc-brand); }
#order-standard_cart .account-select-container .radio-inline { display: flex; align-items: flex-start; gap: 10px; margin: 0; cursor: pointer; }
#order-standard_cart #paymentGatewaysContainer > .text-center { display: flex; flex-wrap: wrap; gap: 8px; text-align: left; }
#order-standard_cart #paymentGatewaysContainer .radio-inline {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 11px 15px;
    border: 1px solid var(--mkc-line-2);
    border-radius: var(--mkc-radius);
    background: #fff;
    color: var(--mkc-ink);
    font-weight: 600;
    cursor: pointer;
    transition: border-color .2s, background-color .2s, box-shadow .2s;
}
#order-standard_cart #paymentGatewaysContainer .radio-inline:hover { border-color: var(--mkc-brand); }
#order-standard_cart #paymentGatewaysContainer .radio-inline:has(input:checked),
#order-standard_cart #paymentGatewaysContainer .radio-inline:has(.checked) { border-color: var(--mkc-brand); background: var(--mkc-hover); box-shadow: 0 0 0 1px var(--mkc-brand); }
#order-standard_cart .radio-inline,
#order-standard_cart .checkbox-inline { font-weight: 500; }
#order-standard_cart #btnCompleteOrder { min-width: 260px; padding: .85rem 2rem; font-size: 16px; }
#order-standard_cart .field-error-msg { color: var(--mkc-danger); font-size: 12.5px; }

/* ---------------------------------------------------------------- 8. Order complete */
#order-standard_cart .order-confirmation { margin: 0 0 18px; padding: 24px 22px; color: var(--mkc-ink-2); }
#order-standard_cart .order-confirmation span { color: var(--mkc-ink); font-family: var(--mkc-mono); font-weight: 500; }

/* ---------------------------------------------------------------- 9. Responsive */
@media (max-width: 1199.98px) {
    #order-standard_cart .secondary-cart-sidebar { flex-basis: 340px; width: 340px; }
}
@media (max-width: 991.98px) {
    .mk-store__grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .mk-store__side { position: static; gap: 14px; max-height: none; margin: 0; padding: 0; overflow: visible; }
    .mk-gtabs__title { display: none; }
    .mk-gtabs__list { display: flex; gap: 6px; overflow-x: auto; margin: 0 -4px; padding: 2px 4px 6px; border: 0; background: none; scrollbar-width: none; scroll-snap-type: x proximity; }
    .mk-gtabs__list::-webkit-scrollbar { display: none; }
    #order-standard_cart .mk-gtab { flex: none; width: auto; min-width: 150px; border: 1px solid var(--mkc-line); border-radius: var(--mkc-radius); background: #fff; scroll-snap-align: start; }
    #order-standard_cart .mk-gtab.is-current { border-color: var(--mkc-brand); background: var(--mkc-hover); }
    #order-standard_cart .mk-gtab.is-current::before { display: none; }
    .mk-gtabs:not(:first-child):not(.mk-gtabs--html) { display: none; }
    #order-standard_cart .secondary-cart-body,
    #order-standard_cart .secondary-cart-sidebar { flex: 0 0 100%; width: 100%; }
    #order-standard_cart #orderSummary { position: static; }
}
@media (max-width: 575.98px) {
    .mk-plans { grid-template-columns: minmax(0, 1fr); }
    #order-standard_cart .field-container, #order-standard_cart .product-info { padding: 16px 16px 4px; }
    #order-standard_cart #btnCompleteOrder { width: 100%; min-width: 0; }
    .mk-highlights__item { padding: 12px 16px; }
}

/* ---------------------------------------------------------------- Chinese pages: near-normal letter spacing for labels */
html[lang^="zh"] #order-standard_cart .sub-heading span, html[lang^="zh"] #order-standard_cart .sub-heading-borderless span,
html[lang^="zh"] .mk-store__eyebrow, html[lang^="zh"] .mk-gtabs__title, html[lang^="zh"] #order-standard_cart .order-summary h2,
html[lang^="zh"] #order-standard_cart .view-cart-items-header { letter-spacing: .05em; }
html[lang^="zh"] .mk-highlights__title, html[lang^="zh"] #order-standard_cart .product-info .product-title { letter-spacing: 0; }
