/*
 * Minestone mobile theme
 * Source of truth for custom mobile pages outside the bracelet DIY builder.
 * Visual direction: diy-page aligned, clean white surface, black actions, soft gray structure.
 */

:root {
    --ms-bg: #ffffff;
    --ms-surface: #ffffff;
    --ms-surface-soft: #f7f7f7;
    --ms-surface-muted: #fafafa;
    --ms-border: #eeeeee;
    --ms-border-strong: #dddddd;
    --ms-text: #111111;
    --ms-text-soft: #666666;
    --ms-text-faint: #999999;
    --ms-primary: #111111;
    --ms-primary-strong: #000000;
    --ms-accent: #111111;
    --ms-accent-soft: #f5f5f5;
    --ms-danger: #ef4b3f;
    --ms-danger-soft: #fff2f0;
    --ms-success: #1f7a4f;
    --ms-success-soft: #f2f8f4;
    --ms-warning: #8a6a2a;
    --ms-warning-soft: #f8f5ee;
    --ms-shadow: 0 10px 26px rgba(0, 0, 0, 0.05);
    --ms-shadow-soft: 0 5px 16px rgba(0, 0, 0, 0.04);
    --ms-radius-xl: 28px;
    --ms-radius-lg: 22px;
    --ms-radius-md: 16px;
    --ms-radius-sm: 12px;
    --ms-radius-pill: 999px;

    /* Compatibility with older page-local variables. */
    --ms-dark: var(--ms-primary);
    --ms-line: var(--ms-border);
    --ms-muted: var(--ms-text-soft);
    --ms-pill: var(--ms-surface-soft);
    --ms-warn-soft: var(--ms-warning-soft);
    --brand-start: var(--ms-primary);
    --brand-end: var(--ms-primary-strong);
    --ink-strong: var(--ms-text);
    --ink-soft: var(--ms-text-soft);
    --card-bg: var(--ms-surface);
    --card-border: var(--ms-border);
    --shadow-soft: var(--ms-shadow-soft);
    --chip-bg: var(--ms-surface-soft);
    --danger-soft: var(--ms-danger-soft);
    --danger-ink: var(--ms-danger);
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) * {
    box-sizing: border-box;
}

.login-page,
.register-page,
.forgot-password-page,
.reset-password-page,
.user-center-page,
.address-page,
.account-settings-page,
.profile-edit-page,
.password-page,
.my-designs-page,
.my-orders-page,
.my-3d-models-page,
.custom-product-detail,
.submit-order-page,
.engraving-submit-page,
.engraving-page {
    min-height: 100% !important;
    background: var(--ms-bg) !important;
    color: var(--ms-text) !important;
    font-family: var(--ms-font-family-frontend) !important;
}

/* Shared page-header owns page navigation chrome. */
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .brand-name,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .user-name,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .section-title,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .form-label,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .address-name,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-card-title,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-name,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .product-name,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .payment-form-title,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .my-designs-modal__dialog h3 {
    color: var(--ms-text) !important;
    -webkit-text-fill-color: var(--ms-text) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .brand-slogan,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .user-email,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-content p,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-subtitle,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .form-hint,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .item-desc,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .address-line,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .address-phone,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-date,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-card-subtitle,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-recipient-title,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-recipient-address,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .empty-state p,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .orders-empty-state p,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .orders-error-state p,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .loading-state p,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .product-quantity,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .remark-counter {
    color: var(--ms-text-soft) !important;
}

/* Surfaces */
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .login-form,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .register-form,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .forgot-password-form,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .reset-password-form,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .form-container,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .profile-form-card,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .settings-item,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .user-profile-card,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-card,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .menu-card,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .address-card,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .address-form-card,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .empty-card,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-card,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .orders-empty-state,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .orders-error-state,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .product-preview,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .product-info,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .payment-form-section,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .address-section,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .product-section,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .remark-section,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .loading-state,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .empty-state,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .my-designs-modal__dialog,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .model-card,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .models-card {
    background: var(--ms-surface) !important;
    border: 1px solid var(--ms-border) !important;
    border-radius: var(--ms-radius-xl) !important;
    box-shadow: var(--ms-shadow) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .login-form,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .register-form,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .forgot-password-form,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .reset-password-form,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .form-container,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .profile-form-card,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .address-form-card,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .product-info,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .payment-form-section,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .address-section,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .product-section,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .remark-section {
    overflow: hidden;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-preview-panel,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .preview-scene,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-preview,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .product-preview,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-recipient,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .pre-purchase-notice,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .engraving-preview-block,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .engraving-submit-stat,
.my-designs-page .preview-stage,
.my-designs-page .design-preview {
    background: var(--ms-surface) !important;
    border: 1px solid var(--ms-border) !important;
    box-shadow: none !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .user-profile-card {
    color: var(--ms-text) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .profile-avatar {
    border-color: var(--ms-border) !important;
    box-shadow: none !important;
}

/* Brand and simple icons */
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .brand-logo,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-icon-wrapper,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-icon,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .menu-icon,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .item-icon,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .orders-empty-illustration::after,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .empty-ring,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .preview-overflow {
    background: var(--ms-surface-soft) !important;
    color: var(--ms-text) !important;
    border-color: var(--ms-border) !important;
    box-shadow: none !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .brand-logo svg,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-icon svg,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .menu-icon svg,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .item-icon svg,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .menu-card svg[stroke],
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-card svg[stroke] {
    stroke: var(--ms-text) !important;
}

/* Forms */
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .form-input,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .form-select,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .remark-input,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .hand-size-display,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) input[type="text"],
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) input[type="email"],
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) input[type="password"],
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) input[type="tel"],
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) textarea,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) select {
    background: var(--ms-surface) !important;
    border: 1px solid var(--ms-border) !important;
    border-radius: var(--ms-radius-md) !important;
    color: var(--ms-text) !important;
    box-shadow: none !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .form-input:focus,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .form-select:focus,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .remark-input:focus,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) input[type="text"]:focus,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) input[type="email"]:focus,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) input[type="password"]:focus,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) input[type="tel"]:focus,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) textarea:focus,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) select:focus {
    outline: none !important;
    border-color: var(--ms-text) !important;
    box-shadow: 0 0 0 4px rgba(17, 17, 17, 0.07) !important;
    background: var(--ms-surface) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .form-input::placeholder,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .remark-input::placeholder,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) input::placeholder,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) textarea::placeholder {
    color: #c2c2c2 !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .form-input.error,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .form-select.error {
    border-color: var(--ms-danger) !important;
    background: var(--ms-danger-soft) !important;
}

/* Buttons */
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .login-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .register-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .forgot-password-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .reset-password-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .btn-primary,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .buy-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .pay-button,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .submit-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .logout-button,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-action-btn.primary,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .add-btn,
.address-page .btn-submit,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .engraving-action-primary,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .engraving-submit-button,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .model-primary-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .models-primary-btn {
    min-height: 48px;
    background: var(--ms-primary) !important;
    border: 1px solid var(--ms-primary) !important;
    border-radius: var(--ms-radius-pill) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(17, 17, 17, 0.16) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .btn-secondary,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .cancel-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-action-btn.secondary,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .link-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .plain-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .check-hand-size-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .add-address-link,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-secondary-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .model-secondary-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .models-secondary-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .engraving-action-secondary,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .engraving-submit-address-add {
    background: var(--ms-surface) !important;
    border: 1px solid var(--ms-border) !important;
    border-radius: var(--ms-radius-pill) !important;
    color: var(--ms-text) !important;
    -webkit-text-fill-color: var(--ms-text) !important;
    box-shadow: none !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .btn-danger,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .delete-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .danger-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .model-delete-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .models-delete-btn {
    background: var(--ms-danger) !important;
    border: 1px solid var(--ms-danger) !important;
    border-radius: var(--ms-radius-pill) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .login-btn:active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .register-btn:active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .forgot-password-btn:active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .reset-password-btn:active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .btn-primary:active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .btn-secondary:active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .btn-danger:active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .buy-btn:active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .pay-button:active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .submit-btn:active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .logout-button:active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-action-btn:active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .link-btn:active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .plain-btn:active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .header-btn:active {
    transform: scale(0.98);
}

/* Pills, tabs and statuses */
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .orders-filter-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .library-tab,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .status-filter-chip,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-filter-chip,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .fact-chip,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-chip,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .default-badge,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .meta-status,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .modified-badge,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-code,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .size-option,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .material-option,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .payment-method,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .engraving-mode-tab,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .engraving-style-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .engraving-size-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .engraving-symbol-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .engraving-template-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .engraving-product-pill {
    background: var(--ms-surface-soft) !important;
    border: 1px solid var(--ms-border) !important;
    border-radius: var(--ms-radius-pill) !important;
    color: var(--ms-text-soft) !important;
    box-shadow: none !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .orders-filter-btn.is-active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .library-tab.active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .status-filter-chip.active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .status-filter-chip.is-active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-filter-chip.is-active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .models-tab.is-active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-tab.is-active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .payment-method.active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .address-item.active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .material-option.active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .size-option.active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .engraving-product-pill.is-active,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .engraving-mode-tab.is-active {
    background: var(--ms-primary) !important;
    border-color: var(--ms-primary) !important;
    color: #ffffff !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .status-saved,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .status-draft,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .meta-status.is-saved,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .meta-status.is-modified,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .modified-badge,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .default-badge {
    background: var(--ms-surface-soft) !important;
    border: 1px solid var(--ms-border) !important;
    color: var(--ms-text-soft) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .success-banner,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-success-tip,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .meta-status.is-saved {
    background: var(--ms-success-soft) !important;
    border-color: rgba(31, 122, 79, 0.16) !important;
    color: var(--ms-success) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .status-draft {
    background: var(--ms-surface-soft) !important;
    color: var(--ms-text-soft) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .login-message.error,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .error-message,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .error-text,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-success-tip.error,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .address-toast--error {
    background: var(--ms-danger-soft) !important;
    border: 1px solid rgba(239, 75, 63, 0.2) !important;
    color: var(--ms-danger) !important;
}

/* Orders */
.my-orders-page {
    padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px)) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .orders-filters {
    background: var(--ms-surface) !important;
    border-bottom: 1px solid var(--ms-border) !important;
    box-shadow: none !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-card {
    overflow: hidden;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-card::before,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .preview-scene::after {
    display: none !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-card-price,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .product-price,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .total-price-value,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .preview-footer strong,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .login-link,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .register-link a,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .forgot-password-link,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .model-action-link,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .models-accent {
    color: var(--ms-text) !important;
    -webkit-text-fill-color: var(--ms-text) !important;
    background: none !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-preview-bead:not(.has-image),
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .preview-bead:not(.has-image) {
    background: linear-gradient(135deg, #dddddd 0%, #8f8f8f 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.84) !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-preview-bead.has-image,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .preview-bead.has-image {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* My designs */
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .library-tabs {
    background: var(--ms-surface) !important;
    border: 1px solid var(--ms-border) !important;
    box-shadow: none !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-list {
    gap: 16px !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-preview,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .preview-scene {
    border-radius: var(--ms-radius-lg) !important;
}

/* Address and account */
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .address-card.is-default {
    border-color: var(--ms-text) !important;
    box-shadow: 0 0 0 1px var(--ms-text) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .address-content.is-form .address-form-card {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .address-toast {
    background: rgba(17, 17, 17, 0.94) !important;
    color: #ffffff !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .settings-main,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .profile-main,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .password-main {
    max-width: 560px;
}

/* Auth pages */
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .brand-section {
    color: var(--ms-text) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .login-links,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .register-link {
    border-color: var(--ms-border) !important;
}

/* Checkout and product detail */
.submit-order-page .address-item,
.submit-order-page .product-item,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .payment-method,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .hand-size-display {
    background: var(--ms-surface) !important;
    border: 1px solid var(--ms-border) !important;
    border-radius: var(--ms-radius-lg) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .notice-list,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .materials-table,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .product-name-price,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .remark-header,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .section-header {
    border-color: var(--ms-border) !important;
}

/* Bottom bars */
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .minestone-bottom-nav,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .ms-product-detail__bottom-bar,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-footer,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .engraving-submit-footer {
    background: var(--ms-surface) !important;
    border-top: 1px solid var(--ms-border) !important;
    box-shadow: none !important;
}

/* Feedback and loading */
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .my-designs-spinner {
    border-top-color: var(--ms-text) !important;
    border-right-color: var(--ms-border) !important;
    border-bottom-color: var(--ms-border) !important;
    border-left-color: var(--ms-border) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .my-designs-modal {
    background: rgba(17, 17, 17, 0.35) !important;
}

/* Unified component reset: keep every custom mobile page aligned with diy-page. */
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .login-container,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .register-shell,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .forgot-password-container,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .reset-password-container,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .designs-shell,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .orders-list,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .address-content,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .settings-main,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .profile-main,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .password-main,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-section,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .menu-section,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .logout-section {
    background: var(--ms-bg) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .user-profile-card {
    padding: 22px 20px !important;
    background: var(--ms-surface) !important;
    border: 1px solid var(--ms-border) !important;
    border-radius: var(--ms-radius-xl) !important;
    box-shadow: var(--ms-shadow) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .profile-avatar,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .profile-avatar img,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .profile-avatar .avatar,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .profile-avatar-letter {
    background: var(--ms-surface-soft) !important;
    border-color: var(--ms-border) !important;
    box-shadow: none !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .profile-avatar-letter {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--ms-text) !important;
    font-weight: var(--ms-weight-section) !important;
    line-height: 1 !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-section {
    display: grid !important;
    gap: 14px !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-card {
    min-height: 108px !important;
    border-radius: 26px !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-icon-wrapper,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .menu-icon,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .item-icon {
    background: var(--ms-surface-soft) !important;
    border: 1px solid var(--ms-border) !important;
    color: var(--ms-text) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-icon,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .menu-icon svg,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-icon svg,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .item-icon svg,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-icon-wrapper svg,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .menu-card svg,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-card svg {
    color: var(--ms-text) !important;
    stroke: var(--ms-text) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .menu-section {
    padding-top: 8px !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .menu-grid {
    gap: 14px !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .menu-card {
    min-height: 112px !important;
    border-radius: 24px !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .menu-card span,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .minestone-bottom-nav .nav-item span {
    color: inherit !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .orders-summary {
    display: none !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .orders-list {
    padding-top: 16px !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .orders-filter-btn {
    min-width: 84px !important;
    background: var(--ms-surface) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .orders-filter-btn strong,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .orders-filter-btn span {
    color: inherit !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .orders-filter-btn.is-active strong,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .orders-filter-btn.is-active span {
    color: #ffffff !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-card {
    border-radius: 28px !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-card-top,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-card-body,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-card-title-row,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .address-card-header,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .product-card-top {
    background: transparent !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-number,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-code,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .meta-chip,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-chip,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .fact-chip {
    color: var(--ms-text-soft) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-recipient,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-preview-panel,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .preview-scene,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-preview,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .product-preview {
    background: var(--ms-surface-muted) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .library-tabs {
    padding: 6px !important;
    border-radius: var(--ms-radius-pill) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .library-tab {
    min-height: 42px !important;
    border-radius: var(--ms-radius-pill) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .library-tab:not(.active) {
    background: transparent !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .address-list {
    display: grid !important;
    gap: 14px !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .address-actions {
    gap: 10px !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .address-actions form {
    margin: 0 !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .address-form,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .form-grid {
    background: transparent !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .auth-feedback-modal[aria-hidden="false"],
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .auth-feedback-modal.is-open,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .auth-feedback-modal.show {
    display: flex !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .auth-feedback-dialog,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .site-toast,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .mobile-toast,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .toast-message {
    background: rgba(17, 17, 17, 0.94) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 18px !important;
    color: #ffffff !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .auth-feedback-dialog--success,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .auth-feedback-dialog--error,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .auth-feedback-dialog--info {
    background: rgba(17, 17, 17, 0.94) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .auth-feedback-text {
    color: #ffffff !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .send-code-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .code-btn,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .verify-code-btn {
    background: var(--ms-surface) !important;
    border: 1px solid var(--ms-text) !important;
    border-radius: var(--ms-radius-pill) !important;
    color: var(--ms-text) !important;
    box-shadow: none !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .password-strength,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .password-strength-bar {
    background: var(--ms-border) !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .password-strength-bar {
    background: var(--ms-text) !important;
}

/* Final palette guard
 * Page templates still define old page-local variables after wp_head.
 * Keep this block literal and scoped so late inline CSS cannot pull pages back to beige/purple themes.
 */
.login-page,
.register-page,
.forgot-password-page,
.reset-password-page,
.user-center-page,
.address-page,
.account-settings-page,
.profile-edit-page,
.password-page,
.my-designs-page,
.my-orders-page,
.my-3d-models-page,
.custom-product-detail,
.submit-order-page,
.engraving-submit-page,
:is(.engraving-studio-page, .engraving-page) {
    --ms-bg: #ffffff !important;
    --ms-surface: #ffffff !important;
    --ms-surface-strong: #ffffff !important;
    --ms-surface-soft: #f7f7f7 !important;
    --ms-surface-muted: #fafafa !important;
    --ms-line: #eeeeee !important;
    --ms-border: #eeeeee !important;
    --ms-border-strong: #dddddd !important;
    --ms-text: #111111 !important;
    --ms-muted: #666666 !important;
    --ms-text-soft: #666666 !important;
    --ms-text-faint: #999999 !important;
    --ms-soft: #f7f7f7 !important;
    --ms-pill: #f7f7f7 !important;
    --ms-accent: #111111 !important;
    --ms-accent-soft: #f7f7f7 !important;
    --ms-dark: #111111 !important;
    --ms-warn: #666666 !important;
    --ms-warn-soft: #f7f7f7 !important;
    --brand-start: #111111 !important;
    --brand-end: #000000 !important;
    --page-bg: #ffffff !important;
    --models-bg: #ffffff !important;
    --card-bg: #ffffff !important;
    --card-border: #eeeeee !important;
    --chip-bg: #f7f7f7 !important;
}

body .login-page,
body .register-page,
body .forgot-password-page,
body .reset-password-page,
body .user-center-page,
body .address-page,
body .account-settings-page,
body .profile-edit-page,
body .password-page,
body .my-designs-page,
body .my-orders-page,
body .my-3d-models-page,
body .custom-product-detail,
body .submit-order-page,
body .engraving-submit-page,
body :is(.engraving-studio-page, .engraving-page) {
    background: #ffffff !important;
}

body .my-orders-page .orders-filters,
body .my-orders-page .orders-list,
body .my-orders-page .order-card,
body .my-orders-page .order-card-body,
body .my-orders-page .order-card-top,
body .my-orders-page .order-recipient,
body .my-orders-page .order-preview-panel,
body .my-orders-page .orders-empty-state,
body .my-orders-page .orders-error-state,
body .my-designs-page .designs-shell,
body .my-designs-page .design-card,
body .my-designs-page .library-tabs,
body .my-designs-page .empty-state,
body .my-designs-page .loading-state,
body .my-3d-models-page,
body .my-3d-models-page .models-shell,
body .my-3d-models-page .models-filters,
body .my-3d-models-page .models-summary,
body .my-3d-models-page .summary-card,
body .my-3d-models-page .models-card,
body .my-3d-models-page .model-card,
body:has(.my-3d-models-page) .viewer-dialog,
body:has(.my-3d-models-page) .viewer-side-card,
body:has(.my-3d-models-page) .confirm-dialog,
body .submit-order-page .address-section,
body .submit-order-page .product-section,
body .submit-order-page .payment-form-section,
body .submit-order-page .remark-section,
body .submit-order-page .address-item,
body .submit-order-page .product-item,
body .custom-product-detail .product-info,
body .custom-product-detail .hand-size-section,
body .custom-product-detail .product-materials,
body .custom-product-detail .materials-table,
body .custom-product-detail .pre-purchase-notice,
body .engraving-submit-page,
body .engraving-submit-page .engraving-submit-card,
body .engraving-submit-page .engraving-submit-footer,
body :is(.engraving-studio-page, .engraving-page) .engraving-stage-card,
body :is(.engraving-studio-page, .engraving-page) .engraving-upload-card,
body :is(.engraving-studio-page, .engraving-page) .engraving-image-editor-stage {
    background: #ffffff !important;
    background-image: none !important;
}

body .my-orders-page .order-preview-panel,
body .my-orders-page .order-recipient,
body .my-designs-page .preview-scene,
body .my-designs-page .design-preview,
body .my-designs-page .preview-stage,
body .my-3d-models-page .model-preview,
body .my-3d-models-page .models-preview,
body .my-3d-models-page .model-thumb-shell,
body:has(.my-3d-models-page) .viewer-canvas,
body:has(.my-3d-models-page) .viewer-image-box,
body .custom-product-detail .preview-scene,
body .submit-order-page .preview-scene,
body .submit-order-page .product-preview,
body :is(.engraving-studio-page, .engraving-page) .engraving-preview,
body :is(.engraving-studio-page, .engraving-page) .engraving-canvas {
    background: #fafafa !important;
    background-image: none !important;
    border-color: #eeeeee !important;
}

body .my-orders-page .orders-filter-btn,
body .my-orders-page .order-chip,
body .my-orders-page .order-number,
body .my-designs-page .library-tab,
body .my-designs-page .design-code,
body .my-designs-page .fact-chip,
body .my-designs-page .meta-status,
body .my-3d-models-page .models-tab,
body .my-3d-models-page .filter-chip,
body .my-3d-models-page .model-chip,
body .my-3d-models-page .model-status,
body .my-3d-models-page .model-engine,
body .my-3d-models-page .model-facts span,
body .custom-product-detail .detail-chip,
body .custom-product-detail .product-meta-chip,
body .submit-order-page .payment-method,
body .submit-order-page .size-option,
body .submit-order-page .material-option,
body .submit-order-page .product-meta-chip,
body :is(.engraving-studio-page, .engraving-page) .engraving-mode-tab,
body :is(.engraving-studio-page, .engraving-page) .engraving-style-btn,
body :is(.engraving-studio-page, .engraving-page) .engraving-size-btn {
    background: #f7f7f7 !important;
    background-image: none !important;
    border-color: #eeeeee !important;
    color: #666666 !important;
}

body .my-orders-page .orders-filter-btn.is-active,
body .my-designs-page .library-tab.active,
body .my-designs-page .library-tab.is-active,
body .my-3d-models-page .models-tab.is-active,
body .my-3d-models-page .filter-chip.active,
body .my-3d-models-page .filter-chip.is-active,
body .submit-order-page .payment-method.active,
body .submit-order-page .size-option.active,
body .submit-order-page .material-option.active,
body :is(.engraving-studio-page, .engraving-page) .engraving-mode-tab.is-active,
body :is(.engraving-studio-page, .engraving-page) .engraving-style-btn.is-active,
body :is(.engraving-studio-page, .engraving-page) .engraving-size-btn.is-active {
    background: #111111 !important;
    background-image: none !important;
    border-color: #111111 !important;
    color: #ffffff !important;
}

body .my-orders-page .orders-filter-btn.is-active *,
body .my-designs-page .library-tab.active *,
body .my-designs-page .library-tab.is-active *,
body .my-3d-models-page .models-tab.is-active *,
body .my-3d-models-page .filter-chip.active *,
body .my-3d-models-page .filter-chip.is-active *,
body .submit-order-page .payment-method.active *,
body .submit-order-page .size-option.active *,
body .submit-order-page .material-option.active *,
body :is(.engraving-studio-page, .engraving-page) .engraving-mode-tab.is-active *,
body :is(.engraving-studio-page, .engraving-page) .engraving-style-btn.is-active *,
body :is(.engraving-studio-page, .engraving-page) .engraving-size-btn.is-active * {
    color: #ffffff !important;
}

body .submit-order-page .address-item,
body .submit-order-page .address-item.active {
    background: #fffdfb !important;
    background-image: none !important;
    border-color: #eee8df !important;
    color: #111111 !important;
    box-shadow: 0 10px 28px rgba(17, 17, 17, .045) !important;
}

body .submit-order-page .address-item.active {
    border-color: #111111 !important;
}

body .submit-order-page .address-item *,
body .submit-order-page .address-item.active * {
    color: inherit !important;
}

body .submit-order-page .address-item .address-detail,
body .submit-order-page .address-item .address-line {
    color: #666666 !important;
}

body .submit-order-page .address-item .default-badge {
    background: #f7f0e5 !important;
    color: #9a6f20 !important;
}

body .submit-order-page .address-item .check-mark {
    background: #111111 !important;
    color: #ffffff !important;
}

body .my-orders-page .order-card,
body .my-designs-page .design-card,
body .my-3d-models-page .model-card,
body .my-3d-models-page .models-card,
body .my-3d-models-page .summary-card,
body:has(.my-3d-models-page) .viewer-dialog,
body:has(.my-3d-models-page) .viewer-side-card,
body:has(.my-3d-models-page) .confirm-dialog,
body .address-page .address-card,
body .user-center-page .user-profile-card,
body .user-center-page .design-card,
body .user-center-page .menu-card,
body .custom-product-detail .product-info,
body .custom-product-detail .hand-size-section,
body .custom-product-detail .product-materials,
body .submit-order-page .address-section,
body .submit-order-page .product-section,
body .submit-order-page .payment-form-section,
body .submit-order-page .remark-section,
body :is(.engraving-studio-page, .engraving-page) .engraving-stage-card,
body :is(.engraving-studio-page, .engraving-page) .engraving-upload-card {
    border-color: #eeeeee !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.05) !important;
}

body .my-3d-models-page .action-btn.primary,
body .my-3d-models-page .models-primary-btn,
body .custom-product-detail .buy-btn,
body .submit-order-page .submit-btn,
body .submit-order-page .pay-button,
body :is(.engraving-studio-page, .engraving-page) .engraving-action-primary,
body .engraving-submit-page .engraving-submit-button {
    background: #111111 !important;
    background-image: none !important;
    border-color: #111111 !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(17, 17, 17, 0.16) !important;
}

body .my-3d-models-page .action-btn.secondary,
body .my-3d-models-page .action-btn.ghost,
body:has(.my-3d-models-page) .viewer-close,
body .custom-product-detail .check-hand-size-btn,
body .submit-order-page .add-address-link,
body :is(.engraving-studio-page, .engraving-page) .engraving-action-secondary,
body .engraving-submit-page .engraving-submit-address-add {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #eeeeee !important;
    color: #111111 !important;
    box-shadow: none !important;
}

body:has(.my-3d-models-page) .viewer-modal,
body:has(.my-3d-models-page) .confirm-modal {
    background: rgba(17, 17, 17, 0.35) !important;
}

body:has(.my-3d-models-page) .viewer-backdrop {
    background: rgba(17, 17, 17, 0.35) !important;
    backdrop-filter: blur(8px) !important;
}

body:has(.my-3d-models-page) .viewer-dialog {
    color: #111111 !important;
}

body:has(.my-3d-models-page) .viewer-eyebrow,
body:has(.my-3d-models-page) .viewer-side-label,
body:has(.my-3d-models-page) .viewer-placeholder {
    color: #777777 !important;
}

body:has(.my-3d-models-page) .viewer-topbar h2 {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

body:has(.my-3d-models-page) .viewer-canvas {
    min-height: 290px !important;
    border-radius: 24px !important;
}

body:has(.my-3d-models-page) .viewer-actions .action-btn.active {
    background: #111111 !important;
    background-image: none !important;
    border-color: #111111 !important;
    color: #ffffff !important;
}

body:has(.my-3d-models-page) .viewer-image-box img {
    background: #ffffff !important;
}

body:has(.my-3d-models-page) .viewer-modal {
    background: rgba(17, 17, 17, 0.35) !important;
}

body:has(.my-3d-models-page) .viewer-modal .viewer-backdrop {
    background: rgba(17, 17, 17, 0.35) !important;
    backdrop-filter: blur(8px) !important;
}

body:has(.my-3d-models-page) .viewer-modal .viewer-dialog,
body:has(.my-3d-models-page) .viewer-modal .viewer-side-card {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #eeeeee !important;
    color: #111111 !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.05) !important;
}

body:has(.my-3d-models-page) .viewer-modal .viewer-canvas,
body:has(.my-3d-models-page) .viewer-modal .viewer-image-box {
    background: #fafafa !important;
    background-image: none !important;
    border-color: #eeeeee !important;
}

body:has(.my-3d-models-page) .viewer-modal .viewer-close,
body:has(.my-3d-models-page) .viewer-modal .viewer-actions .action-btn.secondary,
body:has(.my-3d-models-page) .viewer-modal .viewer-actions .action-btn.ghost {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #eeeeee !important;
    color: #111111 !important;
    box-shadow: none !important;
}

body:has(.my-3d-models-page) .viewer-modal .viewer-actions .action-btn.primary,
body:has(.my-3d-models-page) .viewer-modal .viewer-actions .action-btn.active {
    background: #111111 !important;
    background-image: none !important;
    border-color: #111111 !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(17, 17, 17, 0.16) !important;
}

body:has(.my-3d-models-page) .viewer-modal .viewer-eyebrow,
body:has(.my-3d-models-page) .viewer-modal .viewer-side-label,
body:has(.my-3d-models-page) .viewer-modal .viewer-placeholder {
    color: #777777 !important;
}

body:has(.my-3d-models-page) .viewer-modal .viewer-topbar h2 {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

body:has(.my-3d-models-page) .viewer-modal .viewer-image-box img {
    background: #ffffff !important;
}

body .my-3d-models-page .action-btn.danger,
body .my-3d-models-page .models-delete-btn {
    background: #ef4b3f !important;
    background-image: none !important;
    border-color: #ef4b3f !important;
    color: #ffffff !important;
}

body .user-center-page .design-icon-wrapper,
body .user-center-page .menu-icon,
body .login-page .brand-logo,
body .register-page .brand-logo,
body .forgot-password-page .brand-logo,
body .reset-password-page .brand-logo {
    background: #f7f7f7 !important;
    background-image: none !important;
    border: 1px solid #eeeeee !important;
}

body .user-center-page .design-icon-wrapper svg,
body .user-center-page .menu-icon svg,
body .login-page .brand-logo svg,
body .register-page .brand-logo svg,
body .forgot-password-page .brand-logo svg,
body .reset-password-page .brand-logo svg {
    stroke: #111111 !important;
}

body .login-page a,
body .register-page a,
body .forgot-password-page a,
body .reset-password-page a,
body .custom-product-detail a,
body .submit-order-page a {
    color: #111111 !important;
}

/* Final checkout product summary layout. Keep this after the shared theme overrides. */
body .submit-order-page .product-section {
    padding: 18px !important;
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #eeeeee !important;
    border-radius: 28px !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .045) !important;
}

body .submit-order-page .product-item,
body .submit-order-page .product-item.is-straight {
    display: grid !important;
    grid-template-columns: 132px minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: center !important;
    min-height: 138px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body .submit-order-page .product-preview,
body .submit-order-page .product-preview.is-straight {
    width: 132px !important;
    height: 132px !important;
    min-height: 0 !important;
    padding: 10px !important;
    border: 1px solid #eeeeee !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .75) !important;
}

body .submit-order-page .product-info {
    min-width: 0 !important;
    padding: 4px 34px 4px 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

body .submit-order-page .product-label {
    max-width: 100% !important;
    margin: 0 !important;
    color: #9a948d !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: var(--ms-letter-spacing-ui) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body .submit-order-page .product-name {
    margin: 0 !important;
    color: #111111 !important;
    font-size: 23px !important;
    line-height: 1.05 !important;
    font-weight: var(--ms-weight-section) !important;
    letter-spacing: var(--ms-letter-spacing-ui) !important;
}

body .submit-order-page .product-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 0 !important;
}

body .submit-order-page .product-meta-chip {
    min-height: 24px !important;
    padding: 0 9px !important;
    border: 1px solid #eeeeee !important;
    border-radius: 999px !important;
    background: #f8f8f8 !important;
    background-image: none !important;
    color: #625d58 !important;
    font-size: 11px !important;
    font-weight: var(--ms-weight-label) !important;
    line-height: 1 !important;
    box-shadow: none !important;
}

body .submit-order-page .product-price {
    margin: 0 !important;
    color: #111111 !important;
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: #111111 !important;
    font-size: 30px !important;
    line-height: .95 !important;
    font-weight: var(--ms-weight-price) !important;
    letter-spacing: var(--ms-letter-spacing-ui) !important;
}

body .submit-order-page .product-quantity {
    top: 0 !important;
    right: 0 !important;
    width: auto !important;
    min-width: 34px !important;
    height: 30px !important;
    padding: 0 9px !important;
    border: 1px solid #eeeeee !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    background-image: none !important;
    color: #8f6f35 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: var(--ms-weight-label) !important;
    line-height: 28px !important;
    text-align: center !important;
    white-space: nowrap !important;
    word-break: normal !important;
    writing-mode: horizontal-tb !important;
    box-shadow: 0 8px 18px rgba(17, 17, 17, .06) !important;
}

@media (max-width: 380px) {
    body .submit-order-page .product-section {
        padding: 16px !important;
    }

    body .submit-order-page .product-item,
body .submit-order-page .product-item.is-straight {
        grid-template-columns: 118px minmax(0, 1fr) !important;
        gap: 14px !important;
    }

    body .submit-order-page .product-preview,
body .submit-order-page .product-preview.is-straight {
        width: 118px !important;
        height: 118px !important;
    }

    body .submit-order-page .product-name {
        font-size: 21px !important;
    }

    body .submit-order-page .product-price {
        font-size: 28px !important;
    }
}

@media (max-width: 420px) {
    :where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .login-form,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .register-form,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .forgot-password-form,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .reset-password-form,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .form-container,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .profile-form-card,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .settings-item,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .user-profile-card,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .design-card,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .menu-card,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .address-card,
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page) .order-card {
        border-radius: 22px !important;
    }
}

/* Keep the mobile navigation source of truth below the PC breakpoint. The
 * mobile shell uses !important for its fixed presentation, so this desktop
 * override must remain after the mobile rules. */
@media (min-width: 901px) {

    :where(.good-products-page, .user-center-page) > .ms-page-header {
        display: none !important;
    }
}

/* Frontend interaction contract: the parent theme's generic a:hover color
 * must never recolor custom frontend links. Individual controls below opt
 * back into their intended foreground where their surface is dark. */
:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page, .minestone-cart-page, .ms-page--diy) :is(a:hover, a:active) {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

:where(.good-products-page, .login-page, .register-page, .forgot-page, .forgot-password-page, .reset-notice-page, .reset-password-page, .user-center-page, .address-page, .account-settings-page, .profile-edit-page, .password-page, .my-designs-page, .my-orders-page, .my-3d-models-page, .custom-product-detail, .submit-order-page, .ms-submit-page, .ms-custom-checkout, .ms-pay-page, .order-detail-page, .ms-pay-success-page, .engraving-studio-page, .engraving-submit-page, .engraving-page, .minestone-cart-page, .ms-page--diy) :is(.btn-primary, .btn-danger, .delete-btn, .model-delete-btn, .models-delete-btn, .order-action-btn.primary, .order-detail-btn.primary, .ms-pay-success-btn.primary, .ms-pay-secondary, .minestone-cart-checkout, .minestone-cart-mobile-bar a, .minestone-cart-empty a, .my-designs-add-button, .empty-state-action, .address-page-header__add-button):is(:hover, :active) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

:where(.address-page) :is(.link-btn, .plain-btn, .cancel-btn):is(:hover, :active) {
    color: #53617a !important;
    -webkit-text-fill-color: #53617a !important;
}

:where(.address-page) .danger-btn:is(:hover, :active) {
    color: #ef4b3f !important;
    -webkit-text-fill-color: #ef4b3f !important;
}

:where(.my-orders-page) .order-action-btn.danger:is(:hover, :active),
:where(.order-detail-page) .order-detail-btn.danger:is(:hover, :active) {
    color: #b42318 !important;
    -webkit-text-fill-color: #b42318 !important;
}