.mall-list-page,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page,
body.mall-page-order-detail .mall-list-page,
body.mall-page-profile .mall-list-page {
    width: 100%;
    max-width: var(--mall-shell-width, 1400px);
    margin: 28px auto 48px;
    padding: 0 var(--mall-shell-padding-x, 16px);
}

.mall-list-page-card,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-card,
body.mall-page-checkout .mall-list-page .mall-list-page-card,
body.mall-page-order-detail .mall-list-page .mall-list-page-card,
body.mall-page-profile .mall-list-page .mall-list-page-card {
    display: block;
    margin: 0;
    padding: 24px;
    border: 1px solid var(--line, #d6dee8);
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
}

.mall-list-page-heading,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-heading,
body.mall-page-checkout .mall-list-page .mall-list-page-heading,
body.mall-page-order-detail .mall-list-page .mall-list-page-heading,
body.mall-page-profile .mall-list-page .mall-list-page-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 36px;
    margin: 0 0 18px;
    padding: 0 0 14px;
    border-bottom: 1px solid var(--line, #d6dee8);
}

.mall-list-page-title,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-title,
body.mall-page-checkout .mall-list-page .mall-list-page-title,
body.mall-page-order-detail .mall-list-page .mall-list-page-title,
body.mall-page-profile .mall-list-page .mall-list-page-title {
    margin: 0;
    color: #1f2937;
    font-family: "GmarketSansTTFMedium", "GMarketSans", sans-serif;
    font-size: 1.35rem;
    font-weight: 600;
    line-height: 1.35;
}

.mall-list-page .favorites-title-group {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
}

.mall-list-page-count,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-count {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    min-height: 26px;
    padding: 0 9px;
    border: 1px solid #d8e0ea;
    border-radius: 999px;
    background: #ffffff;
    color: #64748b;
    font-family: "GmarketSansTTFLight", "GMarketSans", sans-serif;
    font-size: 0.78rem;
    line-height: 1;
}

.mall-list-page-count strong {
    margin: 0 2px;
    color: #334155;
    font-family: "GmarketSansTTFMedium", "GMarketSans", sans-serif;
    font-weight: 600;
}

.mall-list-page-actions,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-actions,
body.mall-page-checkout .mall-list-page .mall-list-page-actions,
body.mall-page-profile .mall-list-page .mall-list-page-actions {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0;
    margin-left: auto;
}

.mall-list-page-action,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-action,
body.mall-page-checkout .mall-list-page .mall-list-page-action,
body.mall-page-profile .mall-list-page .mall-list-page-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid #cbd5e1;
    border-radius: 0;
    background: #ffffff;
    color: #475569;
    font-family: "GmarketSansTTFLight", "GMarketSans", sans-serif;
    font-size: 0.82rem;
    font-weight: 300;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}

.mall-list-page-action + .mall-list-page-action {
    margin-left: -1px;
}

.mall-list-page-action:hover,
.mall-list-page-action:focus-visible,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-action:hover,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-action:focus-visible,
body.mall-page-checkout .mall-list-page .mall-list-page-action:hover,
body.mall-page-checkout .mall-list-page .mall-list-page-action:focus-visible,
body.mall-page-profile .mall-list-page .mall-list-page-action:hover,
body.mall-page-profile .mall-list-page .mall-list-page-action:focus-visible {
    position: relative;
    z-index: 1;
    border-color: var(--mall-point-color, #53b8d0);
    background: #f8fdff;
    color: var(--mall-point-color, #53b8d0);
    outline: 0;
}

.mall-list-page-action.is-icon,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-action.is-icon,
body.mall-page-profile .mall-list-page .mall-list-page-action.is-icon {
    width: 36px;
    min-width: 36px;
    height: 36px;
    padding: 0;
}

.mall-list-page-action.is-active,
.mall-list-page-action.is-primary,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-action.is-active,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-action.is-primary,
body.mall-page-profile .mall-list-page .mall-list-page-action.is-active,
body.mall-page-profile .mall-list-page .mall-list-page-action.is-primary {
    border-color: var(--mall-point-color, #53b8d0);
    background: var(--mall-point-color, #53b8d0);
    color: #ffffff;
}

.mall-list-page-action.is-active:hover,
.mall-list-page-action.is-active:focus-visible,
.mall-list-page-action.is-primary:hover,
.mall-list-page-action.is-primary:focus-visible,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-action.is-active:hover,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-action.is-active:focus-visible,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-action.is-primary:hover,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-action.is-primary:focus-visible,
body.mall-page-profile .mall-list-page .mall-list-page-action.is-active:hover,
body.mall-page-profile .mall-list-page .mall-list-page-action.is-active:focus-visible,
body.mall-page-profile .mall-list-page .mall-list-page-action.is-primary:hover,
body.mall-page-profile .mall-list-page .mall-list-page-action.is-primary:focus-visible {
    border-color: var(--mall-point-color, #53b8d0);
    background: var(--mall-point-color, #53b8d0);
    color: #ffffff;
    filter: brightness(0.94);
}

.mall-list-page-action.is-danger,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-action.is-danger,
body.mall-page-profile .mall-list-page .mall-list-page-action.is-danger {
    border-color: #fecaca;
    background: #ffffff;
    color: #ef4444;
}

.mall-list-page-action.is-danger:hover,
.mall-list-page-action.is-danger:focus-visible,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-action.is-danger:hover,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-action.is-danger:focus-visible,
body.mall-page-profile .mall-list-page .mall-list-page-action.is-danger:hover,
body.mall-page-profile .mall-list-page .mall-list-page-action.is-danger:focus-visible {
    border-color: #ef4444;
    background: #fff7f7;
    color: #dc2626;
}

.mall-list-page-action:disabled,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-action:disabled,
body.mall-page-profile .mall-list-page .mall-list-page-action:disabled {
    cursor: not-allowed;
    opacity: 0.55;
}

.mall-list-page-table-wrap,
body.mall-page-order-detail .mall-list-page .mall-list-page-table-wrap,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-table-wrap {
    width: 100%;
    padding: 0;
    overflow-x: auto;
    border: 1px solid var(--line, #d6dee8);
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
}

.mall-list-page-table,
body.mall-page-order-detail .mall-list-page .mall-list-page-table,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
}

.mall-list-page-table thead th,
body.mall-page-order-detail .mall-list-page .mall-list-page-table thead th,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-table thead th {
    padding: 12px 11px;
    border-bottom: 1px solid var(--line, #d6dee8);
    background: #f1f5f9;
    color: #334155;
    font-family: "GmarketSansTTFMedium", "GMarketSans", sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
    white-space: nowrap;
}

.mall-list-page-table tbody td,
body.mall-page-order-detail .mall-list-page .mall-list-page-table tbody td,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-table tbody td {
    color: #526173;
    font-family: "GmarketSansTTFLight", "GMarketSans", sans-serif;
    font-size: 0.82rem;
    font-weight: 300;
}

.mall-list-page-empty,
body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-empty {
    min-height: 220px;
    display: grid;
    place-items: center;
    padding: 40px 20px;
    border: 1px solid var(--line, #d6dee8);
    border-radius: 0;
    background: #ffffff;
    color: #64748b;
    font-family: "GmarketSansTTFLight", "GMarketSans", sans-serif;
    font-size: 0.86rem;
}

/* Point history */
body.mall-page-points .point-history-card.mall-list-page-card {
    display: block;
    gap: 0;
}

body.mall-page-points .point-history-title-group {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

body.mall-page-points .mall-list-page-action {
    gap: 6px;
}

body.mall-page-points .point-history-summary {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 96px;
    margin: 0 0 16px;
    padding: 18px 20px;
    border: 1px solid var(--line, #d6dee8);
    background: #ffffff;
}

body.mall-page-points .point-history-summary-icon {
    display: inline-flex;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--mall-point-color, #53b8d0) 34%, #ffffff);
    border-radius: 50%;
    background: color-mix(in srgb, var(--mall-point-color, #53b8d0) 12%, #ffffff);
    color: var(--mall-point-color, #53b8d0);
    font-size: 1.05rem;
}

body.mall-page-points .point-history-summary-copy {
    display: grid;
    min-width: 0;
    gap: 5px;
}

body.mall-page-points .point-history-label {
    color: #64748b;
    font-family: "GmarketSansTTFLight", "GMarketSans", sans-serif;
    font-size: 0.8rem;
    font-weight: 300;
}

body.mall-page-points .point-history-value {
    color: #1f2937;
    font-family: "GmarketSansTTFMedium", "GMarketSans", sans-serif;
    font-size: 1.35rem;
    font-weight: 600;
    line-height: 1.2;
}

body.mall-page-points .point-history-value small {
    font-size: 0.78em;
}

body.mall-page-points .point-history-table {
    min-width: 640px;
    table-layout: fixed;
}

body.mall-page-points .point-history-table th:nth-child(1) {
    width: 16%;
}

body.mall-page-points .point-history-table th:nth-child(2) {
    width: 46%;
}

body.mall-page-points .point-history-table th:nth-child(3) {
    width: 18%;
}

body.mall-page-points .point-history-table th:nth-child(4) {
    width: 20%;
}

body.mall-page-points .point-history-table tbody td {
    padding: 14px 11px;
    border-bottom: 1px solid #e2e8f0;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
}

body.mall-page-points .point-history-table tbody tr:last-child td {
    border-bottom: 0;
}

body.mall-page-points .point-history-description {
    overflow-wrap: anywhere;
}

body.mall-page-points .point-history-amount {
    font-family: "GmarketSansTTFMedium", "GMarketSans", sans-serif;
    font-weight: 600;
    white-space: nowrap;
}

body.mall-page-points .point-history-amount.is-positive {
    color: var(--mall-point-color, #53b8d0);
}

body.mall-page-points .point-history-amount.is-negative {
    color: #ef4444;
}

body.mall-page-points .point-history-date {
    white-space: nowrap;
}

/* Member profile */
body.mall-page-profile .mall-profile-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.85fr) minmax(300px, 1fr);
    gap: 14px;
    align-items: start;
}

body.mall-page-profile .mall-profile-main {
    display: grid;
    gap: 12px;
    min-width: 0;
}

body.mall-page-profile .mall-profile-title-group {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

body.mall-page-profile .mall-profile-top-actions {
    flex-wrap: wrap;
}

body.mall-page-profile .mall-profile-top-actions > [hidden] {
    display: none !important;
}

body.mall-page-profile .mall-profile-logout-form {
    display: inline-flex;
    margin: 0 0 0 -1px;
}

body.mall-page-profile .mall-profile-logout-form .mall-list-page-action {
    height: 100%;
}

body.mall-page-profile .mall-profile-panel,
body.mall-page-profile .mall-profile-delivery {
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--line, #d6dee8);
    background: #ffffff;
}

body.mall-page-profile .mall-profile-panel-head,
body.mall-page-profile .mall-profile-delivery-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 32px;
    margin: 0 0 14px;
    padding: 0 0 10px;
    border-bottom: 1px solid #e2e8f0;
}

body.mall-page-profile .mall-profile-panel-title,
body.mall-page-profile .mall-profile-delivery-title {
    position: relative;
    margin: 0;
    padding-bottom: 7px;
    color: #334155;
    font-family: "GmarketSansTTFMedium", "GMarketSans", sans-serif;
    font-size: 0.94rem;
    font-weight: 600;
    line-height: 1.3;
}

body.mall-page-profile .mall-profile-panel-title::after,
body.mall-page-profile .mall-profile-delivery-title::after,
body.mall-page-profile .mall-profile-panel-accent {
    position: absolute;
    bottom: -11px;
    left: 0;
    width: 16px;
    height: 2px;
    background: var(--mall-point-color, #53b8d0);
    content: "";
}

body.mall-page-profile .mall-profile-panel-accent {
    position: static;
    display: block;
    margin-top: 7px;
}

body.mall-page-profile .mall-profile-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 11px 10px;
}

body.mall-page-profile .mall-profile-grid.is-two,
body.mall-page-profile .mall-profile-grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.mall-page-profile .mall-profile-grid.is-three,
body.mall-page-profile .mall-profile-grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.mall-page-profile .mall-profile-password-grid {
    margin-top: 11px;
}

body.mall-page-profile .mall-profile-grid.is-address,
body.mall-page-profile .mall-profile-grid--address {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.mall-page-profile .mall-profile-field {
    display: grid;
    gap: 6px;
    min-width: 0;
    margin: 0;
}

body.mall-page-profile .mall-profile-field.is-full,
body.mall-page-profile .mall-profile-field--full {
    grid-column: 1 / -1;
}

body.mall-page-profile .mall-profile-label {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    margin: 0;
    color: #64748b;
    font-family: "GmarketSansTTFMedium", "GMarketSans", sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.35;
}

body.mall-page-profile .mall-profile-label small {
    color: #a3afbf;
    font-size: 0.68rem;
}

body.mall-page-profile .mall-profile-label em {
    color: #ef4444;
    font-style: normal;
}

body.mall-page-profile .mall-profile-control {
    position: relative;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: stretch;
    min-width: 0;
    min-height: 38px;
    overflow: hidden;
    border: 1px solid #cfd8e3;
    background: #ffffff;
}

body.mall-page-profile .mall-profile-control:focus-within {
    border-color: var(--mall-point-color, #53b8d0);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mall-point-color, #53b8d0) 16%, transparent);
}

body.mall-page-profile .mall-profile-control.has-action {
    grid-template-columns: 36px minmax(0, 1fr) auto;
}

body.mall-page-profile .mall-profile-control.has-password-toggle {
    grid-template-columns: 36px minmax(0, 1fr) 38px;
}

body.mall-page-profile .mall-profile-icon {
    display: grid;
    place-items: center;
    min-width: 0;
    border-right: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #94a3b8;
    font-size: 0.74rem;
}

body.mall-page-profile .mall-profile-input,
body.mall-page-profile .mall-profile-select,
body.mall-page-profile .mall-profile-control > input,
body.mall-page-profile .mall-profile-control > select {
    width: 100%;
    min-width: 0;
    min-height: 36px;
    margin: 0;
    padding: 8px 10px;
    box-sizing: border-box;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: transparent;
    color: #475569;
    font-family: "GmarketSansTTFLight", "GMarketSans", sans-serif;
    font-size: 0.78rem;
    font-weight: 300;
    line-height: 1.35;
}

body.mall-page-profile .mall-profile-select,
body.mall-page-profile .mall-profile-control > select {
    padding-right: 30px;
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #94a3b8 50%), linear-gradient(135deg, #94a3b8 50%, transparent 50%);
    background-position: calc(100% - 15px) 50%, calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    background-size: 5px 5px, 5px 5px;
    cursor: pointer;
}

body.mall-page-profile .mall-profile-bank-field {
    position: relative;
    z-index: 20;
}

body.mall-page-profile .mall-profile-bank-select {
    position: relative;
    min-width: 0;
}

body.mall-page-profile .mall-profile-bank-native {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

body.mall-page-profile .mall-profile-bank-toggle {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) 18px;
    gap: 8px;
    align-items: center;
    width: 100%;
    min-height: 38px;
    margin: 0;
    padding: 3px 9px;
    box-sizing: border-box;
    border: 1px solid #cfd8e3;
    border-radius: 0;
    background: #ffffff;
    color: #475569;
    text-align: left;
    cursor: pointer;
}

body.mall-page-profile .mall-profile-bank-toggle:hover {
    border-color: color-mix(in srgb, var(--mall-point-color, #53b8d0) 55%, #cfd8e3);
}

body.mall-page-profile .mall-profile-bank-toggle:focus-visible {
    border-color: var(--mall-point-color, #53b8d0);
    outline: 2px solid color-mix(in srgb, var(--mall-point-color, #53b8d0) 25%, transparent);
    outline-offset: 1px;
}

body.mall-page-profile .mall-profile-bank-logo-box,
body.mall-page-profile .mall-profile-bank-option-logo {
    display: grid;
    place-items: center;
    width: 28px;
    height: 30px;
    color: var(--mall-point-color, #53b8d0);
    font-size: 0.78rem;
}

body.mall-page-profile .mall-profile-bank-logo,
body.mall-page-profile .mall-profile-bank-option-logo img {
    display: block;
    width: 24px;
    height: 24px;
    object-fit: contain;
}

body.mall-page-profile .mall-profile-bank-logo[hidden],
body.mall-page-profile .mall-profile-bank-logo-box [hidden] {
    display: none;
}

body.mall-page-profile .mall-profile-bank-toggle strong,
body.mall-page-profile .mall-profile-bank-option strong {
    min-width: 0;
    overflow: hidden;
    color: #475569;
    font-family: "GmarketSansTTFLight", "GMarketSans", sans-serif;
    font-size: 0.78rem;
    font-weight: 300;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.mall-page-profile .mall-profile-bank-arrow {
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    color: #94a3b8;
    font-size: 0.64rem;
    transition: transform 180ms ease;
}

body.mall-page-profile .mall-profile-bank-select.is-open .mall-profile-bank-arrow {
    transform: rotate(180deg);
}

body.mall-page-profile .mall-profile-bank-options {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    left: 0;
    z-index: 40;
    display: grid;
    gap: 3px;
    max-height: 244px;
    padding: 5px;
    overflow-y: auto;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.16);
}

body.mall-page-profile .mall-profile-bank-options[hidden] {
    display: none;
}

body.mall-page-profile .mall-profile-bank-option {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    width: 100%;
    min-width: 0;
    min-height: 38px;
    margin: 0;
    padding: 4px 8px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #475569;
    text-align: left;
    cursor: pointer;
}

body.mall-page-profile .mall-profile-bank-option:hover,
body.mall-page-profile .mall-profile-bank-option:focus-visible,
body.mall-page-profile .mall-profile-bank-option[aria-selected="true"] {
    outline: 0;
    background: color-mix(in srgb, var(--mall-point-color, #53b8d0) 12%, #ffffff);
}

body.mall-page-profile .mall-profile-input[readonly],
body.mall-page-profile .mall-profile-control > input[readonly] {
    background: #fbfcfe;
    color: #7c8a9d;
}

body.mall-page-profile .mall-profile-input::placeholder,
body.mall-page-profile .mall-profile-control > input::placeholder {
    color: #a3afbf;
}

body.mall-page-profile .mall-profile-password-toggle,
body.mall-page-profile .mall-profile-control-action,
body.mall-page-profile .mall-profile-postcode-button {
    display: inline-grid;
    place-items: center;
    min-width: 38px;
    min-height: 36px;
    margin: 0;
    padding: 0 10px;
    border: 0;
    border-left: 1px solid #e2e8f0;
    border-radius: 0;
    background: #ffffff;
    color: #7c8a9d;
    font-family: "GmarketSansTTFLight", "GMarketSans", sans-serif;
    font-size: 0.72rem;
    line-height: 1;
    cursor: pointer;
}

body.mall-page-profile .mall-profile-password-toggle:hover,
body.mall-page-profile .mall-profile-password-toggle:focus-visible,
body.mall-page-profile .mall-profile-control-action:hover,
body.mall-page-profile .mall-profile-control-action:focus-visible,
body.mall-page-profile .mall-profile-postcode-button:hover,
body.mall-page-profile .mall-profile-postcode-button:focus-visible {
    outline: 0;
    background: #f8fdff;
    color: var(--mall-point-color, #53b8d0);
}

body.mall-page-profile .mall-profile-choice {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    margin: 0;
    color: #7c8a9d;
    font-family: "GmarketSansTTFLight", "GMarketSans", sans-serif;
    font-size: 0.7rem;
    font-weight: 300;
    white-space: nowrap;
    cursor: pointer;
}

body.mall-page-profile .mall-profile-choice input[type="checkbox"] {
    display: inline-grid;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin: 0;
    place-content: center;
    appearance: none;
    border: 1px solid #a9b6c7;
    border-radius: 0;
    background: #ffffff;
    cursor: pointer;
}

body.mall-page-profile .mall-profile-choice input[type="checkbox"]::before {
    width: 8px;
    height: 4px;
    border: solid #ffffff;
    border-width: 0 0 2px 2px;
    opacity: 0;
    content: "";
    transform: translateY(-1px) rotate(-45deg) scale(0.4);
    transition: opacity 120ms ease, transform 120ms ease;
}

body.mall-page-profile .mall-profile-choice input[type="checkbox"]:checked {
    border-color: var(--mall-point-color, #53b8d0);
    background: var(--mall-point-color, #53b8d0);
}

body.mall-page-profile .mall-profile-choice input[type="checkbox"]:checked::before {
    opacity: 1;
    transform: translateY(-1px) rotate(-45deg) scale(1);
}

body.mall-page-profile .mall-profile-choice input[type="checkbox"]:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--mall-point-color, #53b8d0) 44%, transparent);
    outline-offset: 2px;
}

body.mall-page-profile .mall-profile-field-row,
body.mall-page-profile .mall-profile-postcode {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0;
    min-width: 0;
}

body.mall-page-profile .mall-profile-field-row .mall-profile-control,
body.mall-page-profile .mall-profile-postcode .mall-profile-control {
    border-right: 0;
}

body.mall-page-profile .mall-profile-postcode .mall-profile-control {
    min-height: 42px;
}

body.mall-page-profile .mall-profile-postcode .mall-profile-control > input {
    min-height: 40px;
}

body.mall-page-profile .mall-profile-field-row > .mall-profile-choice {
    min-height: 38px;
    padding: 0 9px;
    border: 1px solid #cfd8e3;
    background: #ffffff;
}

body.mall-page-profile .mall-profile-postcode > .mall-profile-postcode-button {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    padding: 0;
    border: 1px solid #cfd8e3;
    border-left-color: #e2e8f0;
    background: #ffffff;
    color: #64748b;
}

body.mall-page-profile .mall-profile-postcode-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.84rem;
}

body.mall-page-profile .mall-profile-delivery {
    position: sticky;
    top: 18px;
}

body.mall-page-profile .mall-profile-delivery-head {
    align-items: flex-start;
}

body.mall-page-profile .mall-profile-address-add,
body.mall-page-profile .mall-profile-save {
    gap: 5px;
}

body.mall-page-profile .checkout-address-field input,
body.mall-page-profile .checkout-address-field textarea {
    border: 1px solid #d6dee8;
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
}

body.mall-page-profile .checkout-address-input-control > input {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.mall-page-profile .checkout-address-default-check input[type="checkbox"] {
    display: inline-grid;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin: 0;
    place-content: center;
    appearance: none;
    border: 1px solid #a9b6c7;
    border-radius: 0;
    background: #ffffff;
}

body.mall-page-profile .checkout-address-default-check input[type="checkbox"]::before {
    width: 8px;
    height: 4px;
    border: solid #ffffff;
    border-width: 0 0 2px 2px;
    opacity: 0;
    content: "";
    transform: translateY(-1px) rotate(-45deg) scale(0.4);
}

body.mall-page-profile .checkout-address-default-check input[type="checkbox"]:checked {
    border-color: var(--mall-point-color, #53b8d0);
    background: var(--mall-point-color, #53b8d0);
}

body.mall-page-profile .checkout-address-default-check input[type="checkbox"]:checked::before {
    opacity: 1;
    transform: translateY(-1px) rotate(-45deg) scale(1);
}

body.mall-page-profile .mall-profile-delivery-list,
body.mall-page-profile .mall-profile-address-list {
    display: grid;
    gap: 9px;
}

body.mall-page-profile .mall-profile-address-card {
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 12px;
    border: 1px solid #d6dee8;
    background: #f8fafc;
}

body.mall-page-profile .mall-profile-address-head {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

body.mall-page-profile .mall-profile-address-head strong {
    min-width: 0;
    color: #334155;
    font-family: "GmarketSansTTFMedium", "GMarketSans", sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

body.mall-page-profile .mall-profile-address-default,
body.mall-page-profile .mall-profile-address-badge {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    min-height: 20px;
    margin-left: auto;
    padding: 0 7px;
    background: color-mix(in srgb, var(--mall-point-color, #53b8d0) 14%, #ffffff);
    color: color-mix(in srgb, var(--mall-point-color, #53b8d0) 88%, #334155);
    font-family: "GmarketSansTTFLight", "GMarketSans", sans-serif;
    font-size: 0.62rem;
    font-style: normal;
    white-space: nowrap;
}

body.mall-page-profile .mall-profile-address-copy {
    display: grid;
    gap: 4px;
    min-width: 0;
    color: #64748b;
    font-family: "GmarketSansTTFLight", "GMarketSans", sans-serif;
    font-size: 0.7rem;
    font-weight: 300;
    line-height: 1.45;
}

body.mall-page-profile .mall-profile-address-copy span,
body.mall-page-profile .mall-profile-address-copy small {
    overflow-wrap: anywhere;
}

body.mall-page-profile .mall-profile-address-copy small {
    color: #8290a3;
    font-size: 0.67rem;
}

body.mall-page-profile .mall-profile-address-actions {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 5px;
    padding-top: 2px;
}

body.mall-page-profile .mall-profile-address-actions button {
    min-height: 28px;
    padding: 0 9px;
    border: 1px solid #cbd5e1;
    border-radius: 0;
    background: #ffffff;
    color: #64748b;
    font-family: "GmarketSansTTFLight", "GMarketSans", sans-serif;
    font-size: 0.66rem;
    font-weight: 300;
    cursor: pointer;
}

body.mall-page-profile .mall-list-page .mall-profile-address-actions .mall-list-page-action {
    min-height: 28px;
    padding: 0 9px;
    font-size: 0.66rem;
}

body.mall-page-profile .mall-profile-address-actions button:hover,
body.mall-page-profile .mall-profile-address-actions button:focus-visible {
    border-color: var(--mall-point-color, #53b8d0);
    color: var(--mall-point-color, #53b8d0);
    outline: 0;
}

body.mall-page-profile .mall-profile-address-actions button.is-danger {
    border-color: #fecaca;
    color: #ef4444;
}

body.mall-page-profile .mall-profile-address-actions button:disabled {
    cursor: wait;
    opacity: 0.55;
}

body.mall-page-profile .mall-profile-delivery-empty,
body.mall-page-profile .mall-profile-address-empty {
    display: grid;
    place-items: center;
    gap: 7px;
    min-height: 152px;
    padding: 18px;
    border: 1px dashed #cbd5e1;
    color: #94a3b8;
    font-family: "GmarketSansTTFLight", "GMarketSans", sans-serif;
    font-size: 0.7rem;
    font-weight: 300;
    line-height: 1.45;
    text-align: center;
}

body.mall-page-profile .mall-profile-delivery-empty i,
body.mall-page-profile .mall-profile-address-empty i {
    font-size: 1.45rem;
}

body.mall-page-profile .mall-profile-delivery-empty strong,
body.mall-page-profile .mall-profile-address-empty strong {
    color: #64748b;
    font-family: "GmarketSansTTFMedium", "GMarketSans", sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
}

body.mall-page-profile .mall-profile-delivery-empty span,
body.mall-page-profile .mall-profile-address-empty span {
    color: #94a3b8;
    font-size: 0.68rem;
}

body.mall-page-profile .mall-profile-address-empty.is-error {
    border-color: #fecaca;
    background: #fff7f7;
    color: #dc2626;
}

body.mall-page-profile .mall-profile-address-empty.is-error strong,
body.mall-page-profile .mall-profile-address-empty.is-error i {
    color: #dc2626;
}

body.mall-page-profile .mall-profile-field-status,
body.mall-page-profile .mall-profile-address-status {
    min-height: 17px;
    margin: 7px 0 0;
    color: #15803d;
    font-family: "GmarketSansTTFLight", "GMarketSans", sans-serif;
    font-size: 0.68rem;
    font-weight: 300;
    line-height: 1.45;
}

body.mall-page-profile .mall-profile-field-status:empty,
body.mall-page-profile .mall-profile-address-status:empty {
    min-height: 0;
    margin-top: 0;
}

body.mall-page-profile .mall-profile-field-status.is-error,
body.mall-page-profile .mall-profile-address-status.is-error {
    color: #dc2626;
}

body.mall-page-profile .mall-profile-alert {
    margin: 0 0 14px;
    padding: 10px 12px;
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #15803d;
    font-family: "GmarketSansTTFLight", "GMarketSans", sans-serif;
    font-size: 0.74rem;
    font-weight: 300;
    line-height: 1.5;
}

body.mall-page-profile .mall-profile-alert.is-error {
    border-color: #fecaca;
    background: #fff7f7;
    color: #dc2626;
}

body.mall-page-profile .mall-profile-footer,
body.mall-page-profile .mall-profile-form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #e2e8f0;
}

body.mall-page-profile .mall-profile-footer .mall-list-page-action,
body.mall-page-profile .mall-profile-form-actions .mall-list-page-action {
    min-width: 114px;
}

body.mall-page-profile .mall-profile-withdrawal-open {
    gap: 5px;
    margin-right: auto;
}

body.mall-page-profile .mall-profile-footer > p,
body.mall-page-profile .mall-profile-form-actions > p {
    align-self: center;
    margin: 0 auto 0 0;
    color: #8290a3;
    font-family: "GmarketSansTTFLight", "GMarketSans", sans-serif;
    font-size: 0.68rem;
    font-weight: 300;
    line-height: 1.5;
}

body.is-profile-withdrawal-modal-open {
    overflow: hidden;
}

.mall-profile-withdrawal-modal[hidden],
.mall-profile-withdrawal-step[hidden],
.mall-profile-withdrawal-other[hidden] {
    display: none !important;
}

.mall-profile-withdrawal-modal {
    position: fixed;
    inset: 0;
    z-index: 1500;
    display: grid;
    place-items: center;
    padding: 20px;
    box-sizing: border-box;
    background: rgba(15, 23, 42, 0.56);
}

.mall-profile-withdrawal-dialog {
    width: min(500px, 100%);
    max-height: calc(100dvh - 40px);
    overflow: auto;
    border: 1px solid #d6dee8;
    background: #ffffff;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.24);
}

.mall-profile-withdrawal-head {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border-bottom: 1px solid #d6dee8;
    background: #ffffff;
}

.mall-profile-withdrawal-head h3 {
    margin: 0;
    color: #334155;
    font-family: "GmarketSansTTFMedium", "GMarketSans", sans-serif;
    font-size: 1rem;
    font-weight: 600;
}

.mall-profile-withdrawal-head p {
    margin: 5px 0 0;
    color: #8290a3;
    font-size: 0.7rem;
}

.mall-profile-withdrawal-head > button {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid #d6dee8;
    border-radius: 0;
    background: #ffffff;
    color: #64748b;
    cursor: pointer;
}

.mall-profile-withdrawal-form {
    padding: 16px 18px 18px;
}

.mall-profile-withdrawal-progress {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin-bottom: 18px;
}

.mall-profile-withdrawal-progress span {
    display: grid;
    place-items: center;
    min-height: 4px;
    overflow: hidden;
    background: #e2e8f0;
    color: transparent;
    font-size: 0;
}

.mall-profile-withdrawal-progress span.is-active {
    background: var(--mall-point-color, #53b8d0);
}

.mall-profile-withdrawal-step {
    display: grid;
    gap: 11px;
}

.mall-profile-withdrawal-step > h4 {
    margin: 0;
    color: #334155;
    font-family: "GmarketSansTTFMedium", "GMarketSans", sans-serif;
    font-size: 0.94rem;
    font-weight: 600;
    line-height: 1.45;
    text-align: center;
    outline: 0;
}

.mall-profile-withdrawal-step > p {
    margin: 0;
    color: #7c8a9d;
    font-size: 0.72rem;
    line-height: 1.55;
    text-align: center;
}

.mall-profile-withdrawal-step > p strong {
    color: #526173;
    font-family: "GmarketSansTTFMedium", "GMarketSans", sans-serif;
    font-weight: 600;
}

.mall-profile-withdrawal-icon {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    margin: 2px auto 0;
    border-radius: 50%;
    background: #fff1f2;
    color: #e11d48;
    font-size: 1.25rem;
}

.mall-profile-withdrawal-icon.is-final {
    background: #fff7ed;
    color: #ea580c;
}

.mall-profile-withdrawal-reasons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin: 0;
    padding: 0;
    border: 0;
}

.mall-profile-withdrawal-reason {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 40px;
    padding: 0 10px;
    border: 1px solid #d6dee8;
    color: #64748b;
    font-size: 0.7rem;
    cursor: pointer;
}

.mall-profile-withdrawal-reason:has(input:checked) {
    border-color: var(--mall-point-color, #53b8d0);
    background: color-mix(in srgb, var(--mall-point-color, #53b8d0) 7%, #ffffff);
}

.mall-profile-withdrawal-reason input[type="radio"] {
    display: inline-grid;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin: 0;
    place-content: center;
    appearance: none;
    border: 1px solid #a9b6c7;
    border-radius: 50%;
    background: #ffffff;
}

.mall-profile-withdrawal-reason input[type="radio"]::before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ffffff;
    opacity: 0;
    content: "";
    transform: scale(0.4);
}

.mall-profile-withdrawal-reason input[type="radio"]:checked {
    border-color: var(--mall-point-color, #53b8d0);
    background: var(--mall-point-color, #53b8d0);
}

.mall-profile-withdrawal-reason input[type="radio"]:checked::before {
    opacity: 1;
    transform: scale(1);
}

.mall-profile-withdrawal-other {
    display: grid;
    gap: 6px;
    color: #64748b;
    font-size: 0.7rem;
}

.mall-profile-withdrawal-other textarea {
    width: 100%;
    min-height: 88px;
    padding: 9px 10px;
    box-sizing: border-box;
    border: 1px solid #cfd8e3;
    border-radius: 0;
    outline: 0;
    color: #475569;
    font: inherit;
    resize: vertical;
}

.mall-profile-withdrawal-other textarea:focus {
    border-color: var(--mall-point-color, #53b8d0);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mall-point-color, #53b8d0) 18%, transparent);
}

.mall-profile-withdrawal-status {
    min-height: 17px;
    margin: 0;
    color: #dc2626;
    font-size: 0.68rem;
    line-height: 1.45;
}

.mall-profile-withdrawal-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 4px;
}

.mall-profile-withdrawal-actions .mall-list-page-action {
    width: 100%;
    min-height: 38px;
}

.mall-profile-withdrawal-actions .is-solid-danger {
    border-color: #ef4444;
    background: #ef4444;
    color: #ffffff;
}

.mall-profile-withdrawal-actions .is-solid-danger:hover,
.mall-profile-withdrawal-actions .is-solid-danger:focus-visible {
    background: #dc2626;
    color: #ffffff;
}

@media (max-width: 760px) {
    .mall-list-page,
    body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page,
    body.mall-page-order-detail .mall-list-page,
    body.mall-page-profile .mall-list-page {
        margin: 18px auto 32px;
        padding-right: 12px;
        padding-left: 12px;
    }

    .mall-list-page-card,
    body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-card,
    body.mall-page-checkout .mall-list-page .mall-list-page-card,
    body.mall-page-order-detail .mall-list-page .mall-list-page-card,
    body.mall-page-profile .mall-list-page .mall-list-page-card {
        padding: 16px;
    }

    .mall-list-page-heading,
    body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-heading,
    body.mall-page-checkout .mall-list-page .mall-list-page-heading,
    body.mall-page-order-detail .mall-list-page .mall-list-page-heading,
    body.mall-page-profile .mall-list-page .mall-list-page-heading {
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 12px;
        margin-bottom: 16px;
    }

    .mall-list-page-actions,
    body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-actions,
    body.mall-page-checkout .mall-list-page .mall-list-page-actions,
    body.mall-page-profile .mall-list-page .mall-list-page-actions {
        margin-left: auto;
    }

    body.mall-page-orders .my-orders-table-wrap.mall-list-page-table-wrap {
        overflow: visible;
        border: 0;
        background: transparent;
    }

    body.mall-page-order-detail .order-detail-table-wrap.mall-list-page-table-wrap {
        overflow: visible;
    }

    .mall-list-page-empty,
    body:is(.mall-page-cart, .mall-page-favorites, .mall-page-orders, .mall-page-profile) .mall-list-page .mall-list-page-empty {
        min-height: 180px;
    }

    body.mall-page-points .point-history-title-group {
        max-width: calc(100% - 52px);
    }

    body.mall-page-points .point-history-summary {
        min-height: 84px;
        padding: 15px 16px;
    }
}

@media (max-width: 900px) {
    body.mall-page-profile .mall-profile-layout {
        grid-template-columns: 1fr;
    }

    body.mall-page-profile .mall-profile-delivery {
        position: static;
        top: auto;
    }
}

@media (max-width: 600px) {
    body.mall-page-profile .mall-profile-grid.is-three,
    body.mall-page-profile .mall-profile-grid--three,
    body.mall-page-profile .mall-profile-grid.is-address,
    body.mall-page-profile .mall-profile-grid--address {
        grid-template-columns: 1fr;
    }

    body.mall-page-profile .mall-profile-field.is-full,
    body.mall-page-profile .mall-profile-field--full {
        grid-column: auto;
    }

    body.mall-page-profile .mall-profile-panel,
    body.mall-page-profile .mall-profile-delivery {
        padding: 12px;
    }

    body.mall-page-profile .mall-list-page .mall-profile-top-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        margin-left: 0;
    }

    body.mall-page-profile .mall-profile-top-actions > .mall-list-page-action,
    body.mall-page-profile .mall-profile-top-actions .mall-profile-logout-form,
    body.mall-page-profile .mall-profile-top-actions .mall-profile-logout-form .mall-list-page-action {
        width: 100%;
        min-width: 0;
        margin-left: 0;
    }

    body.mall-page-profile .mall-profile-footer,
    body.mall-page-profile .mall-profile-form-actions {
        align-items: stretch;
        flex-direction: column;
    }

    body.mall-page-profile .mall-profile-withdrawal-open {
        margin-right: 0;
    }

    body.mall-page-profile .mall-profile-footer > p,
    body.mall-page-profile .mall-profile-form-actions > p {
        align-self: auto;
        margin-right: 0;
    }

    .mall-profile-withdrawal-modal {
        padding: 10px;
    }

    .mall-profile-withdrawal-dialog {
        width: 100%;
        max-height: calc(100dvh - 20px);
    }

    .mall-profile-withdrawal-head,
    .mall-profile-withdrawal-form {
        padding-right: 12px;
        padding-left: 12px;
    }
}

@media (max-width: 420px) {
    .mall-profile-withdrawal-reasons {
        grid-template-columns: 1fr;
    }

    body.mall-page-profile .mall-profile-grid.is-two,
    body.mall-page-profile .mall-profile-grid--two {
        grid-template-columns: 1fr;
    }

    body.mall-page-profile .mall-list-page .mall-profile-top-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.mall-page-profile .mall-profile-field-row {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    body.mall-page-profile .mall-profile-field-row .mall-profile-control {
        border-right: 1px solid #cfd8e3;
    }

    body.mall-page-profile .mall-profile-field-row > .mall-profile-choice {
        min-height: 36px;
    }

    body.mall-page-profile .mall-profile-delivery-head {
        flex-wrap: wrap;
    }

    body.mall-page-profile .mall-profile-delivery-head .mall-list-page-action {
        width: 100%;
    }

    body.mall-page-profile .mall-profile-address-actions button,
    body.mall-page-profile .mall-profile-footer .mall-list-page-action,
    body.mall-page-profile .mall-profile-form-actions .mall-list-page-action {
        flex: 1 1 auto;
        min-width: 0;
    }
}

@media (max-width: 520px) {
    .mall-list-page .favorites-title-group {
        width: auto;
        max-width: calc(100% - 74px);
        justify-content: flex-start;
    }

    .mall-list-page .favorites-view-switch {
        width: auto;
    }

    .mall-list-page .favorites-view-btn {
        flex: 0 0 36px;
    }
}

body:is(.mall-page-orders, .mall-page-order-detail) .mall-list-page .my-orders-progress-title {
    margin-left: 10px;
    color: #334155;
}

body:is(.mall-page-orders, .mall-page-order-detail) .mall-list-page .my-orders-progress-step .my-orders-progress-icon {
    width: 45.6px;
    height: 45.6px;
    border-color: var(--order-progress-status-border, #d9e4ef);
    background: var(--order-progress-status-soft, #f8fafc);
    color: var(--order-progress-status-color, #9badc3);
    font-size: 1.08rem;
}

body:is(.mall-page-orders, .mall-page-order-detail) .mall-list-page .my-orders-progress-step.is-done .my-orders-progress-icon,
body:is(.mall-page-orders, .mall-page-order-detail) .mall-list-page .my-orders-progress-step.is-current .my-orders-progress-icon {
    border-color: var(--order-progress-status-border, #d9e4ef);
    background: var(--order-progress-status-soft, #f8fafc);
    color: var(--order-progress-status-color, #9badc3);
}

body:is(.mall-page-orders, .mall-page-order-detail) .mall-list-page .my-orders-progress-step.is-pending .my-orders-progress-icon {
    border-color: #d7dde4;
    background: #f2f4f6;
    color: #9aa4af;
}

body:is(.mall-page-orders, .mall-page-order-detail) .mall-list-page .my-orders-progress-track .my-orders-progress-step .my-orders-progress-label {
    color: #333333;
}

body:is(.mall-page-orders, .mall-page-order-detail) .mall-list-page .my-orders-progress-status {
    border-color: var(--order-progress-status-border, #d9e4ef);
    background: var(--order-progress-status-soft, #f8fafc);
    color: var(--order-progress-status-color, #526173);
}

body:is(.mall-page-orders, .mall-page-order-detail) .mall-list-page .my-orders-progress.is-cancelled .my-orders-progress-status {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

@media (max-width: 760px) {
    body:is(.mall-page-orders, .mall-page-order-detail) .mall-list-page .my-orders-progress-step .my-orders-progress-icon {
        width: 36px;
        height: 36px;
        font-size: 0.912rem;
    }
}