.ilan-ver-page [data-ilan-ver-review] .phase-one-form__visual {
    display: none;
}

@media (min-width: 1280px) {
    .ilan-ver-page [data-ilan-ver-review] {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
        border: 2px solid #ff6b00;
        border-radius: 24px;
        background: #fff;
        box-shadow: 0 18px 48px rgba(12, 32, 58, 0.14);
        overflow: hidden;
        box-sizing: border-box;
    }

    .ilan-ver-page [data-ilan-ver-review] > h2 { display: none; }

    .ilan-ver-page [data-ilan-ver-review] .phase-one-form__visual {
        display: flex;
        min-height: 78px;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 12px 16px;
        background: #16213e;
    }

    .ilan-ver-page [data-ilan-ver-review] .phase-one-form__brand {
        display: block;
        width: 190px;
        max-width: 52%;
    }

    .ilan-ver-page [data-ilan-ver-review] .phase-one-form__logo {
        display: block;
        width: auto;
        max-width: 100%;
        height: 48px;
        object-fit: contain;
    }

    .ilan-ver-page [data-ilan-ver-review] .phase-one-form__flow {
        color: #fff;
        text-align: right;
    }

    .ilan-ver-page [data-ilan-ver-review] .phase-one-form__flow strong {
        color: #ff6b00;
        font-size: 24px;
        line-height: 1.2;
    }

    .ilan-ver-page [data-ilan-ver-review-rows] {
        gap: 4px;
        margin: 12px 16px 0;
    }

    .ilan-ver-page [data-ilan-ver-review-rows] p {
        flex-wrap: wrap;
        align-items: baseline;
        gap: 8px;
        padding: 6px 10px;
        overflow-wrap: anywhere;
    }

    .ilan-ver-page [data-ilan-ver-review] .ilan-ver-confirm,
    .ilan-ver-page [data-ilan-ver-review] .phase-one-summary__actions,
    .ilan-ver-page [data-ilan-ver-review] .ilan-ver-status {
        margin-right: 16px;
        margin-left: 16px;
    }

    .ilan-ver-page [data-ilan-ver-review] .phase-one-summary__actions {
        margin-bottom: 16px;
    }
}

@media (min-width: 1280px) {
    body.ilan-ver-page:has([data-ilan-ver-review]:not([hidden])):is(
        :has(form[data-flow-code][data-listing-prefill]),
        :has([data-flow-option][data-selected="true"])
    ) {
        --ilan-edit-ad: 56px;
        --ilan-edit-gap: 16px;
        --ilan-edit-photo: 400px;
        --ilan-edit-focus: center 48%;
        overflow-x: clip;
    }

    body.ilan-ver-page:has([data-ilan-ver-review]:not([hidden])):is(
        :has(form[data-flow-code][data-listing-prefill]),
        :has([data-flow-option][data-selected="true"])
    ) .ilan-ver-shell {
        display: grid;
        grid-template-columns: var(--ilan-edit-ad) var(--ilan-edit-photo) minmax(0, 640px) var(--ilan-edit-ad);
        justify-content: center;
        align-items: start;
        column-gap: var(--ilan-edit-gap);
        width: min(100%, calc(100vw - 24px));
        max-width: 100%;
        margin-inline: auto;
        overflow-x: clip;
    }

    body.ilan-ver-page:has([data-ilan-ver-review]:not([hidden])):is(
        :has(form[data-flow-code][data-listing-prefill]),
        :has([data-flow-option][data-selected="true"])
    ) .ilan-ver-shell::before,
    body.ilan-ver-page:has([data-ilan-ver-review]:not([hidden])):is(
        :has(form[data-flow-code][data-listing-prefill]),
        :has([data-flow-option][data-selected="true"])
    ) .ilan-ver-shell::after {
        content: "Reklam";
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: stretch;
        box-sizing: border-box;
        width: var(--ilan-edit-ad);
        border-radius: 16px;
        background: #eef3f6;
        color: #666;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: .08em;
        writing-mode: vertical-rl;
    }

    body.ilan-ver-page:has([data-ilan-ver-review]:not([hidden])):is(
        :has(form[data-flow-code][data-listing-prefill]),
        :has([data-flow-option][data-selected="true"])
    ) .ilan-ver-shell::before { grid-column: 1; grid-row: 1; }

    body.ilan-ver-page:has([data-ilan-ver-review]:not([hidden])):is(
        :has(form[data-flow-code][data-listing-prefill]),
        :has([data-flow-option][data-selected="true"])
    ) .ilan-ver-shell::after { grid-column: 4; grid-row: 1; }

    body.ilan-ver-page:has([data-ilan-ver-review]:not([hidden])):is(
        :has(form[data-flow-code][data-listing-prefill]),
        :has([data-flow-option][data-selected="true"])
    ) .ilan-ver-hostess {
        position: static;
        top: auto;
        display: grid;
        grid-column: 2;
        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:has([data-ilan-ver-review]:not([hidden])):is(
        :has(form[data-flow-code][data-listing-prefill]),
        :has([data-flow-option][data-selected="true"])
    ) .v2-hostess-frame,
    body.ilan-ver-page:has([data-ilan-ver-review]:not([hidden])):is(
        :has(form[data-flow-code][data-listing-prefill]),
        :has([data-flow-option][data-selected="true"])
    ) .ilan-ver-hostess__card {
        position: relative;
        top: auto;
        align-self: stretch;
        overflow: hidden;
        box-sizing: border-box;
        margin: 0;
        width: var(--ilan-edit-photo);
        min-width: var(--ilan-edit-photo);
        max-width: var(--ilan-edit-photo);
        height: auto;
        min-height: 0;
        max-height: none;
        aspect-ratio: auto;
        border: 0;
        border-radius: 24px;
        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:has([data-ilan-ver-review]:not([hidden])):is(
        :has(form[data-flow-code][data-listing-prefill]),
        :has([data-flow-option][data-selected="true"])
    ) .ilan-ver-hostess__photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: var(--ilan-edit-focus);
        transform: none;
    }

    body.ilan-ver-page:has([data-ilan-ver-review]:not([hidden])):is(
        :has(form[data-flow-code][data-listing-prefill]),
        :has([data-flow-option][data-selected="true"])
    ) .ilan-ver-chooser .ilan-ver-hostess__card > :not(.ilan-ver-hostess__photo) {
        display: none;
    }

    body.ilan-ver-page:has([data-ilan-ver-review]:not([hidden])):is(
        :has(form[data-flow-code][data-listing-prefill]),
        :has([data-flow-option][data-selected="true"])
    ) .ilan-ver-chooser .ilan-ver-hostess__photo-side { visibility: visible; }

    body.ilan-ver-page:has([data-ilan-ver-review]:not([hidden])):is(
        :has(form[data-flow-code][data-listing-prefill]),
        :has([data-flow-option][data-selected="true"])
    ) .ilan-ver-chooser .ilan-ver-hostess__photo-main,
    body.ilan-ver-page:has([data-ilan-ver-review]:not([hidden])):is(
        :has(form[data-flow-code][data-listing-prefill]),
        :has([data-flow-option][data-selected="true"])
    ) .ilan-ver-chooser .ilan-ver-hostess__photo-wide { visibility: hidden; }

    body.ilan-ver-page:has([data-ilan-ver-review]:not([hidden])):is(
        :has(form[data-flow-code][data-listing-prefill]),
        :has([data-flow-option][data-selected="true"])
    ) .ilan-ver-wizard-forms {
        grid-column: 3;
        grid-row: 1;
        align-self: start;
        width: min(640px, 100%);
        max-width: 640px;
        min-width: 0;
        overflow: visible;
    }

    body.ilan-ver-page:has([data-ilan-ver-review]:not([hidden])):is(
        :has(form[data-flow-code][data-listing-prefill]),
        :has([data-flow-option][data-selected="true"])
    ) [data-ilan-ver-review] {
        width: 100%;
        max-width: 640px;
    }
}

@media (min-width: 1440px) {
    body.ilan-ver-page:has([data-ilan-ver-review]:not([hidden])):is(
        :has(form[data-flow-code][data-listing-prefill]),
        :has([data-flow-option][data-selected="true"])
    ) {
        --ilan-edit-ad: 96px;
        --ilan-edit-photo: 480px;
        --ilan-edit-focus: center 48%;
    }
}

@media (min-width: 1920px) {
    body.ilan-ver-page:has([data-ilan-ver-review]:not([hidden])):is(
        :has(form[data-flow-code][data-listing-prefill]),
        :has([data-flow-option][data-selected="true"])
    ) {
        --ilan-edit-ad: 120px;
        --ilan-edit-photo: 560px;
        --ilan-edit-focus: center 48%;
    }
}
