.fi-main,
.fi-page,
.fi-page-content,
.fi-page-content > .grid,
.fi-page-content form,
.fi-page-content form > .grid {
    width: 100%;
    max-width: none;
}

.listing-resource-wizard.fi-wizard {
    width: 100%;
}

.listing-resource-wizard.fi-wizard > ol,
.listing-resource-wizard.fi-wizard > nav ol,
.listing-resource-wizard.fi-wizard [role='list'] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
    align-items: stretch;
    overflow: visible;
}

.listing-resource-wizard.fi-wizard > ol > li,
.listing-resource-wizard.fi-wizard > nav ol > li,
.listing-resource-wizard.fi-wizard [role='list'] > li {
    min-width: 0;
}

.listing-resource-wizard.fi-wizard button,
.listing-resource-wizard.fi-wizard a {
    min-width: 0;
}

.listing-resource-wizard.fi-wizard .fi-wizard-step-label,
.listing-resource-wizard.fi-wizard .fi-wizard-step-label-ctn,
.listing-resource-wizard.fi-wizard [class*='step-label'] {
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.25;
}

@media (max-width: 1279px) {
    .listing-resource-wizard.fi-wizard > ol,
    .listing-resource-wizard.fi-wizard > nav ol,
    .listing-resource-wizard.fi-wizard [role='list'] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .listing-resource-wizard.fi-wizard > ol,
    .listing-resource-wizard.fi-wizard > nav ol,
    .listing-resource-wizard.fi-wizard [role='list'] {
        grid-template-columns: 1fr;
    }
}

/* Verified / Brokerage / Sponsored toggle-ийг бүтэн өргөн "товч" маягтай болгох */
.service-toggle {
    border: 1px solid rgb(203 213 225 / 0.7);
    border-radius: 0.75rem;
    padding: 0.875rem 1rem;
    transition:
        background-color 0.15s ease,
        border-color 0.15s ease,
        color 0.15s ease;
}

.dark .service-toggle {
    border-color: rgb(71 85 105 / 0.7);
}

/* Сонгогдсон үед бараан дүүргэлттэй болж, текст цагаан болно */
.service-toggle:has(button[role='switch'][aria-checked='true']) {
    background-color: #1e293b;
    border-color: #1e293b;
}

.service-toggle:has(button[role='switch'][aria-checked='true']) :where(label, .fi-fo-field-wrp-label, span) {
    color: #fff;
}