.order-body {
    --order-page-min-width: 17.5rem;
    --order-card-min-height: clamp(19.375rem, 27vw, 23rem);
    --order-media-column-min: clamp(8rem, 12vw, 9.375rem);
    --order-image-max-height: clamp(13.5rem, 20vw, 15.625rem);
    --order-ker-image-width: clamp(4.875rem, 8.05vw, 6.04rem);
    --order-media-padding: clamp(1.125rem, 2vw, 1.75rem);
    --order-item-gap: clamp(.4rem, .65vw, .55rem);
    --order-check-indent: calc(var(--text-label-size) + .5rem);
    --order-dialog-max-width: 45rem;
    --order-dialog-max-height: min(84svh, 48.75rem);
    --order-purchase-min-height: clamp(9.625rem, 15vw, 11.5rem);
    --order-product-image-surface: linear-gradient(145deg, #f2f3f4 0%, #e2e4e6 100%);
    --order-suite-image-surface: linear-gradient(145deg, #edf4f7 0%, #dbe7eb 100%);
    --order-dialog-shadow: 0 1.5rem 5rem rgba(0, 0, 0, .2);
    min-width: var(--order-page-min-width);
    color: var(--text-primary);
}

.order-page { padding-bottom: 0; }

.order-catalog { padding: var(--ecosystem-panel-padding); }

.order-step-heading { margin-bottom: var(--copy-gap); }

.order-product-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ecosystem-card-gap);
}

.order-product-option {
    min-width: 0;
    min-height: var(--order-card-min-height);
    display: grid;
    grid-template-columns: minmax(var(--order-media-column-min), .78fr) minmax(0, 1.22fr);
    overflow: hidden;
    border: var(--ecosystem-border-width) solid var(--border-color);
    border-radius: var(--ecosystem-subcard-radius);
    background: var(--ecosystem-panel);
}

.order-product-image {
    position: relative;
    min-width: 0;
    min-height: 100%;
    padding: var(--order-media-padding);
    display: grid;
    place-items: center;
    overflow: hidden;
    background: var(--order-product-image-surface);
}

.order-product-image > img {
    --order-image-scale: 1;
    --order-image-flip: 1;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: var(--order-image-max-height);
    display: block;
    object-fit: contain;
    object-position: center;
    transform: scale(var(--order-image-scale)) scaleX(var(--order-image-flip));
}

.order-product-image-openarm > img { --order-image-flip: -1; }
.order-product-image-cell > img { --order-image-scale: 1.08; }
.order-product-image-ker > img {
    --order-image-scale: 1;
    --order-image-flip: -1;
    width: var(--order-ker-image-width);
    height: auto;
    max-height: none;
}
.order-product-image-mobile > img {
    --order-image-scale: 1;
    mix-blend-mode: multiply;
}

.order-product-image-suite {
    padding: clamp(12px, 1.5vw, 20px);
    background: var(--order-suite-image-surface);
}

.order-product-bundle {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: var(--order-item-gap);
}

.order-product-bundle img:first-of-type {
    width: var(--order-bundle-primary-width, 100%);
    height: var(--order-bundle-primary-height, 100%);
    min-height: 0;
    object-fit: contain;
    object-position: center bottom;
}

.order-product-bundle img.order-product-bundle-openarm {
    --order-bundle-primary-width: 85%;
    --order-bundle-primary-height: 85%;
    --order-bundle-primary-mobile-height: 75%;
    justify-self: center;
    align-self: end;
    transform: scaleX(-1);
}

.order-product-bundle img:last-of-type {
    width: var(--order-ker-image-width);
    height: auto;
    min-height: 0;
    max-height: none;
    justify-self: center;
    align-self: start;
    object-fit: contain;
    object-position: center top;
    transform: scaleX(-1);
}

.order-product-bundle span {
    place-self: center;
    color: var(--ecosystem-action);
    font-family: "Outfit", var(--font-sans);
    font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.order-product-details {
    min-width: 0;
    padding: clamp(22px, 2.3vw, 32px);
    display: flex;
    flex-direction: column;
}

.order-product-info {
    display: grid;
    gap: var(--card-gap);
}

.order-product-copy {
    display: grid;
    gap: var(--order-item-gap);
}

.order-product-copy strong {
    font-size: clamp(25px, 2.25vw, 34px);
    font-weight: 600;
    letter-spacing: -.03em;
    line-height: 1.05;
}

.order-product-copy small {
    color: var(--text-secondary);
    line-height: 1.35;
}

.order-product-price { margin: 0; }

.order-product-price strong {
    color: var(--ecosystem-action);
    font-size: clamp(22px, 2vw, 30px);
    font-weight: 500;
    letter-spacing: -.02em;
}

.order-product-controls {
    margin-top: var(--card-gap);
    display: grid;
    gap: var(--copy-gap);
}

.order-config-group {
    min-width: 0;
    display: grid;
    gap: var(--card-gap);
    color: var(--text-secondary);
}

.order-delivery-form {
    margin: 0;
    color: var(--text-primary);
    line-height: 1.25;
}

.order-included-software,
.order-included-perception {
    display: grid;
    gap: var(--card-gap);
    color: var(--text-secondary);
}

.order-included-software ul {
    margin: 0;
    padding: 0;
    display: grid;
    gap: var(--order-item-gap);
    list-style: none;
    color: var(--text-primary);
}

.order-included-software li,
.order-included-perception p {
    position: relative;
    padding-left: var(--order-check-indent);
    line-height: 1.25;
}

.order-included-software li::before,
.order-included-perception p::before,
.order-service-item strong::before {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--ecosystem-action);
    content: "✓";
    font-weight: 600;
}

.order-included-perception p {
    margin: 0;
    color: var(--text-primary);
}

.order-suite-service {
    display: grid;
    gap: var(--order-item-gap);
}

.order-suite-service > span { color: var(--text-secondary); }

.order-service-item {
    display: grid;
    gap: var(--order-item-gap);
}

.order-service-item + .order-service-item { margin-top: calc(var(--order-item-gap) / 2); }

.order-service-item strong {
    position: relative;
    padding-left: var(--order-check-indent);
    color: var(--text-primary);
    font-weight: 400;
    line-height: 1.3;
}

.order-service-item p {
    margin: 0;
    color: var(--text-secondary);
    line-height: 1.4;
}

.order-policy-links {
    padding-top: clamp(1rem, 1.5vw, 1.25rem);
    display: flex;
    justify-content: center;
}

.order-policy-button {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
    text-decoration: none;
}

.order-policy-button:hover { color: var(--ecosystem-action); text-decoration: underline; }

.order-policy-dialog {
    width: min(var(--order-dialog-max-width), calc(100% - 2rem));
    max-height: var(--order-dialog-max-height);
    margin: auto;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: var(--ecosystem-subcard-radius);
    background: var(--ecosystem-panel);
    color: var(--text-primary);
    box-shadow: var(--order-dialog-shadow);
}

.order-policy-dialog::backdrop { background: rgba(0, 0, 0, .42); }

.order-policy-dialog-card {
    max-height: var(--order-dialog-max-height);
    padding: var(--ecosystem-panel-padding);
    display: flex;
    flex-direction: column;
    gap: var(--copy-gap);
}

.order-policy-dialog-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--copy-gap);
}

.order-policy-dialog-header h2 { margin-top: var(--order-item-gap); font-size: clamp(1.75rem, 4vw, 2.625rem); }

.order-policy-dialog-close {
    width: var(--ecosystem-control-height);
    height: var(--ecosystem-control-height);
    flex: 0 0 var(--ecosystem-control-height);
    border: 0;
    border-radius: 50%;
    background: var(--ecosystem-surface);
    color: var(--text-secondary);
    cursor: pointer;
}

.order-policy-dialog-content {
    min-height: 0;
    padding-right: var(--card-gap);
    display: grid;
    gap: var(--copy-gap);
    overflow-y: auto;
}

.order-policy-dialog-content section,
.order-policy-dialog-content ul { display: grid; gap: var(--order-item-gap); }

.order-policy-dialog-content ul {
    margin-top: var(--order-item-gap);
    padding-left: var(--copy-gap);
    color: var(--text-secondary);
    line-height: 1.5;
}

.order-policy-legal { color: var(--text-muted); }

.order-policy-dialog-done {
    min-height: var(--ecosystem-control-height);
    border: 0;
    border-radius: var(--ecosystem-pill-radius);
    background: var(--text-primary);
    color: var(--ecosystem-on-dark);
    cursor: pointer;
}

.order-purchase-card {
    padding: var(--ecosystem-panel-padding);
    display: grid;
    gap: clamp(26px, 3vw, 42px);
    overflow: visible;
}

.order-purchase-heading {
    max-width: none;
}

.order-purchase-intro {
    margin-top: var(--card-gap);
    color: var(--text-secondary);
    line-height: 1.45;
    white-space: nowrap;
}

.order-purchase-methods {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--ecosystem-card-gap);
}

.order-purchase-method {
    position: relative;
    min-width: 0;
    min-height: var(--order-purchase-min-height);
    padding: clamp(20px, 2.2vw, 30px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--order-item-gap);
    border: var(--ecosystem-border-width) solid var(--border-color);
    border-radius: var(--ecosystem-subcard-radius);
    background: var(--ecosystem-panel);
    color: var(--text-primary);
    text-align: left;
    text-decoration: none;
}

.order-purchase-method:disabled { opacity: 1; }

.order-purchase-method[href]:hover { border-color: var(--ecosystem-action); }

.ecosystem-marketplace-brand {
    display: flex;
    align-items: center;
    gap: var(--card-gap);
}

.ecosystem-marketplace-brand-aliexpress { gap: var(--order-item-gap); }

.ecosystem-aliexpress-icon {
    width: clamp(1.75rem, 3vw, 2rem);
    height: clamp(1.75rem, 3vw, 2rem);
    flex: 0 0 auto;
    display: block;
    border-radius: calc(var(--ecosystem-control-radius) / 1.5);
}

.ecosystem-aliexpress-wordmark {
    width: clamp(7.5rem, 12vw, 8.875rem);
    height: auto;
    display: block;
}

.ecosystem-marketplace-brand-taobao { gap: var(--order-item-gap); }

.ecosystem-taobao-logo {
    width: clamp(4.25rem, 7vw, 4.75rem);
    height: auto;
    display: block;
}

.ecosystem-taobao-region {
    color: var(--text-primary);
    font-family: "PingFang SC", "Microsoft YaHei", var(--font-sans);
    font-size: var(--text-label-size);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
}

.order-purchase-method .ecosystem-marketplace-brand {
    min-height: var(--ecosystem-control-height);
    margin-bottom: var(--order-item-gap);
}

.order-purchase-method strong {
    font-weight: 500;
    font-size: calc(var(--text-label-size) * 1.08);
}

.order-purchase-method small {
    min-height: calc(var(--text-note-size) * 2.8);
    color: var(--text-secondary);
    line-height: 1.4;
}

.order-email-address {
    margin-top: calc(var(--order-item-gap) / 2);
    color: var(--ecosystem-action);
    font-weight: 500;
}

.order-method-status {
    margin-top: calc(var(--order-item-gap) / 2);
    color: var(--ecosystem-action);
    font-weight: 500;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.order-inquiry-icon {
    width: clamp(4.25rem, 7vw, 4.75rem);
    height: var(--ecosystem-control-height);
    margin-bottom: var(--order-item-gap);
    display: grid;
    place-items: center;
    color: #f15a24;
}

.order-inquiry-icon svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: currentColor;
    stroke: none;
}

.order-inquiry-icon path {
    fill: none;
    stroke: #ffffff;
    stroke-width: var(--nav-control-border-width);
    stroke-linecap: round;
    stroke-linejoin: round;
}

.order-inquiry-icon path { vector-effect: non-scaling-stroke; }

@media (max-width: 800px) {
    .order-body {
        --order-media-column-min: clamp(8.5rem, 22vw, 9.375rem);
        --order-purchase-min-height: clamp(9rem, 22vw, 9.625rem);
    }
    .order-product-grid { grid-template-columns: minmax(0, 1fr); }
    .order-product-option { grid-template-columns: minmax(var(--order-media-column-min), .72fr) minmax(0, 1.28fr); }
    .order-purchase-methods { grid-template-columns: minmax(0, 1fr); }
    .order-purchase-intro { white-space: normal; }
}

@media (max-width: 520px) {
    .order-product-option { grid-template-columns: minmax(0, 1fr); }
    .order-product-image {
        height: clamp(11.5rem, 56vw, 13.5rem);
        min-height: 0;
    }
    .order-product-image > img {
        width: auto;
        max-width: 100%;
        height: calc(clamp(11.5rem, 56vw, 13.5rem) - var(--order-media-padding) - var(--order-media-padding));
        max-height: calc(clamp(11.5rem, 56vw, 13.5rem) - var(--order-media-padding) - var(--order-media-padding));
    }
    .order-product-image-ker > img {
        width: var(--order-ker-image-width);
        height: auto;
        max-height: none;
    }
    .order-product-bundle {
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        grid-template-rows: minmax(0, 1fr);
    }
    .order-product-bundle img:first-of-type {
        width: var(--order-bundle-primary-width, 100%);
        height: var(--order-bundle-primary-mobile-height, 88%);
        object-position: center;
    }
    .order-product-bundle img:last-of-type {
        width: var(--order-ker-image-width);
        height: auto;
        max-height: none;
        align-self: center;
        object-position: center;
    }
}