.ilan-ver-ad { display: none; }

@media (min-width: 1280px) {
    body[data-ilan-ver-edit="1"].ilan-ver-page:has([data-ilan-ver-review]:not([hidden])) .ilan-ver-shell {
        grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
        align-items: start;
    }

    body[data-ilan-ver-edit="1"].ilan-ver-page:has([data-ilan-ver-review]:not([hidden])) .ilan-ver-hostess {
        position: sticky;
        top: 12px;
        align-self: start;
        height: calc(100svh - 24px);
        max-height: calc(100svh - 24px);
    }

    body[data-ilan-ver-edit="1"].ilan-ver-page:has(.ilan-ver-wizard-forms:not([hidden])) .ilan-ver-hostess__photo-main {
        visibility: visible;
    }

    body[data-ilan-ver-edit="1"].ilan-ver-page:has(.ilan-ver-wizard-forms:not([hidden])) .ilan-ver-hostess__photo-wide,
    body[data-ilan-ver-edit="1"].ilan-ver-page:has(.ilan-ver-wizard-forms:not([hidden])) .ilan-ver-hostess__photo-side {
        visibility: hidden;
    }

    body[data-ilan-ver-edit="1"].ilan-ver-page [data-ilan-ver-review] {
        width: 100%;
        max-width: none;
        margin: 0;
    }

    body[data-ilan-ver-edit="1"].ilan-ver-page .ilan-ver-wizard-nav {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
    }

    body[data-ilan-ver-edit="1"].ilan-ver-page .ilan-ver-wizard-home {
        flex: 0 0 auto;
        margin: 0;
        min-height: 42px;
        padding: 0 14px;
        border: 1px solid #d7e0eb;
        border-radius: 10px;
        background: #f8fbff;
    }

    body[data-ilan-ver-edit="1"].ilan-ver-page .ilan-ver-wizard-nav .phase-one-publish-actions {
        flex: 1 1 auto;
        margin: 0;
    }

    body[data-ilan-ver-edit="1"].ilan-ver-page .ilan-ver-wizard-nav .ilan-ver-status {
        flex: 1 0 100%;
    }

    body[data-ilan-ver-edit="1"] .phase-one-card[open]:is(
        [data-card-code="owner_context"],
        [data-card-code="team_size"],
        [data-card-code="gender"],
        [data-card-code="work_modes"],
        [data-card-code="candidate_gender"],
        [data-card-code="experience"],
        [data-card-code="certificate"],
        [data-card-code="vehicle"],
        [data-card-code="languages"],
        [data-card-code="service"],
        [data-card-code="meal"],
        [data-card-code="work_clothing"]
    ) {
        display: grid;
        grid-template-columns: minmax(190px, 38%) minmax(0, 1fr);
        align-items: center;
    }

    body[data-ilan-ver-edit="1"] .phase-one-card[open]:is(
        [data-card-code="owner_context"],
        [data-card-code="team_size"],
        [data-card-code="gender"],
        [data-card-code="work_modes"],
        [data-card-code="candidate_gender"],
        [data-card-code="experience"],
        [data-card-code="certificate"],
        [data-card-code="vehicle"],
        [data-card-code="languages"],
        [data-card-code="service"],
        [data-card-code="meal"],
        [data-card-code="work_clothing"]
    ) > .phase-one-card__summary {
        min-width: 0;
        height: 100%;
    }

    body[data-ilan-ver-edit="1"] .phase-one-card[open]:is(
        [data-card-code="owner_context"],
        [data-card-code="team_size"],
        [data-card-code="gender"],
        [data-card-code="work_modes"],
        [data-card-code="candidate_gender"],
        [data-card-code="experience"],
        [data-card-code="certificate"],
        [data-card-code="vehicle"],
        [data-card-code="languages"],
        [data-card-code="service"],
        [data-card-code="meal"],
        [data-card-code="work_clothing"]
    ) > .phase-one-card__body {
        min-width: 0;
        border-top: 0;
        padding-top: 8px;
    }
}

@media (min-width: 1280px) {
    body.ilan-ver-page:not([data-ilan-ver-edit="1"]):has(.ilan-ver-wizard-forms:not([hidden])):not(:has([data-ilan-ver-review]:not([hidden]))) {
        --ilan-edit-ad: 96px;
        --ilan-edit-ad-gap: 4px;
        --ilan-edit-gap: 16px;
        --ilan-edit-photo: 400px;
        --ilan-edit-focus: center 48%;
        overflow-x: clip;
    }

    body.ilan-ver-page:not([data-ilan-ver-edit="1"]):has(.ilan-ver-wizard-forms:not([hidden])):not(:has([data-ilan-ver-review]:not([hidden]))) .ilan-ver-shell {
        display: grid;
        grid-template-columns: var(--ilan-edit-ad) var(--ilan-edit-ad-gap) var(--ilan-edit-photo) var(--ilan-edit-gap) minmax(0, 640px) var(--ilan-edit-ad-gap) var(--ilan-edit-ad);
        justify-content: center;
        align-items: start;
        column-gap: 0;
        width: min(100%, calc(100vw - 24px));
        overflow-x: clip;
    }

    body.ilan-ver-page:not([data-ilan-ver-edit="1"]):has(.ilan-ver-wizard-forms:not([hidden])):not(:has([data-ilan-ver-review]:not([hidden]))) .ilan-ver-ad {
        display: flex;
        align-self: stretch;
        align-items: stretch;
        width: var(--ilan-edit-ad);
        min-width: 0;
        min-height: 0;
        height: auto;
        border-radius: 16px;
        overflow: hidden;
        background: transparent;
    }

    body.ilan-ver-page:not([data-ilan-ver-edit="1"]):has(.ilan-ver-wizard-forms:not([hidden])):not(:has([data-ilan-ver-review]:not([hidden]))) .ilan-ver-ad:first-of-type {
        grid-column: 1;
        grid-row: 1;
    }

    body.ilan-ver-page:not([data-ilan-ver-edit="1"]):has(.ilan-ver-wizard-forms:not([hidden])):not(:has([data-ilan-ver-review]:not([hidden]))) .ilan-ver-ad:last-of-type {
        grid-column: 7;
        grid-row: 1;
    }

    body.ilan-ver-page:not([data-ilan-ver-edit="1"]):has(.ilan-ver-wizard-forms:not([hidden])):not(:has([data-ilan-ver-review]:not([hidden]))) .ilan-ver-hostess {
        position: static;
        display: grid;
        grid-column: 3;
        grid-row: 1;
        align-self: stretch;
        width: var(--ilan-edit-photo);
        height: auto;
        min-height: 0;
        max-height: none;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    body.ilan-ver-page:not([data-ilan-ver-edit="1"]):has(.ilan-ver-wizard-forms:not([hidden])):not(:has([data-ilan-ver-review]:not([hidden]))) .ilan-ver-hostess__card {
        position: relative;
        align-self: stretch;
        width: var(--ilan-edit-photo);
        height: auto;
        min-height: 0;
        max-height: none;
        aspect-ratio: auto;
        border-radius: 24px;
        overflow: hidden;
        box-shadow:
            inset 0 0 0 1px #ff6b00,
            0 0 0 2px #16213e,
            0 8px 22px rgba(22, 33, 62, 0.12);
    }

    body.ilan-ver-page:not([data-ilan-ver-edit="1"]):has(.ilan-ver-wizard-forms:not([hidden])):not(:has([data-ilan-ver-review]:not([hidden]))) .ilan-ver-hostess__card > :not(.ilan-ver-hostess__photo) {
        display: none;
    }

    body.ilan-ver-page:not([data-ilan-ver-edit="1"]):has(.ilan-ver-wizard-forms:not([hidden])):not(:has([data-ilan-ver-review]:not([hidden]))) .ilan-ver-hostess__photo-side {
        visibility: visible;
    }

    body.ilan-ver-page:not([data-ilan-ver-edit="1"]):has(.ilan-ver-wizard-forms:not([hidden])):not(:has([data-ilan-ver-review]:not([hidden]))) .ilan-ver-hostess__photo-main,
    body.ilan-ver-page:not([data-ilan-ver-edit="1"]):has(.ilan-ver-wizard-forms:not([hidden])):not(:has([data-ilan-ver-review]:not([hidden]))) .ilan-ver-hostess__photo-wide {
        visibility: hidden;
    }

    body.ilan-ver-page:not([data-ilan-ver-edit="1"]):has(.ilan-ver-wizard-forms:not([hidden])):not(:has([data-ilan-ver-review]:not([hidden]))) .ilan-ver-hostess__photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: var(--ilan-edit-focus);
        transform: none;
    }

    body.ilan-ver-page:not([data-ilan-ver-edit="1"]):has(.ilan-ver-wizard-forms:not([hidden])):not(:has([data-ilan-ver-review]:not([hidden]))) .ilan-ver-wizard-forms {
        grid-column: 5;
        grid-row: 1;
        align-self: start;
        width: min(640px, 100%);
        max-width: 640px;
        overflow: visible;
    }

    body.ilan-ver-page:not([data-ilan-ver-edit="1"]):has(.ilan-ver-wizard-forms:not([hidden])):not(:has([data-ilan-ver-review]:not([hidden]))) .phase-one-form--single-page {
        box-sizing: border-box;
        width: 100%;
        max-width: 640px;
    }
}

@media (min-width: 1440px) {
    body.ilan-ver-page:not([data-ilan-ver-edit="1"]):has(.ilan-ver-wizard-forms:not([hidden])):not(:has([data-ilan-ver-review]:not([hidden]))) {
        --ilan-edit-ad: 136px;
        --ilan-edit-photo: 480px;
    }
}

@media (min-width: 1600px) {
    body.ilan-ver-page:not([data-ilan-ver-edit="1"]):has(.ilan-ver-wizard-forms:not([hidden])):not(:has([data-ilan-ver-review]:not([hidden]))) {
        --ilan-edit-ad: 216px;
    }
}

@media (min-width: 1920px) {
    body.ilan-ver-page:not([data-ilan-ver-edit="1"]):has(.ilan-ver-wizard-forms:not([hidden])):not(:has([data-ilan-ver-review]:not([hidden]))) {
        --ilan-edit-ad: 336px;
        --ilan-edit-photo: 560px;
    }
}