/* Remove padding/bg from main-content ONLY on checkout page.
   Must live in a global (unscoped) stylesheet: Blazor's scoped-CSS only
   appends the [b-xxxx] attribute to the last selector (.main-content),
   which belongs to MainLayout.razor, not this page, so a scoped rule here
   would never match it. */
.main-container:has(.checkout-page-wrapper) .main-content,
.main-container:has(.checkout-success-page-wrapper) .main-content {
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
}