/* Add Listing only: retain desktop and edit-mode controls. */
.hzf-page .hzf-publish-bar { display: contents; }
.hzf-page .hzf-add-back {
    --hzpub-accent: var(--hagzi-primary, #0745D9);
    --hzpub-ink: var(--hz-ink, #12141a);
    --hzpub-muted: #6b7280;
    --hzpub-line-strong: #d6dae1;
    --hzpub-radius: 6px;
    display: none;
    text-decoration: none;
}
.hzf-page .hzf-publish-label--mobile { display: none; }

@media (max-width: 767.98px) {
    html .hzf-page[data-hzf-mode="add"] {
        padding-inline: 0;
        padding-top: 12px;
    }

    html .hzf-page.hzf-cars-design[data-hzf-mode="add"] .hzf-head {
        padding-block: 0;
        margin-bottom: 16px;
    }

    html .hzf-page.hzf-cars-design[data-hzf-mode="add"] .hzs-layout {
        padding-top: 0;
    }

    html .hzf-page.hzf-cars-design[data-hzf-mode="add"] .hzs-rail {
        padding-block: 8px;
    }

    html .hzf-page[data-hzf-mode="add"] #hzf-form > .hzf-card {
        margin-block: 0;
        padding-block: 16px;
    }

    html .hzf-page[data-hzf-mode="add"] .hzf-wrap {
        padding-inline: 16px;
    }

    html .hzf-page[data-hzf-mode="add"] .hzf-add-back {
        display: inline-flex;
        margin-bottom: 8px;
        padding-inline: 0;
        border-width: 0;
    }

    [dir="rtl"] .hzf-add-back svg { transform: scaleX(-1); }

    body:has(.hzf-page[data-hzf-mode="add"]) .hz-header,
    .hzf-page[data-hzf-mode="add"] .hzpub-head__back,
    .hzf-page[data-hzf-mode="add"] .hzf-publish-label--desktop {
        display: none;
    }

    .hzf-page[data-hzf-mode="add"] .hzf-publish-label--mobile {
        display: inline;
    }

    body:has(.hzf-page[data-hzf-mode="add"]) {
        padding-bottom: calc(80px + env(safe-area-inset-bottom));
    }

    html .hzf-page[data-hzf-mode="add"] .hzf-publish-bar {
        position: fixed;
        inset-inline: 0;
        bottom: 0;
        z-index: 50;
        display: flex;
        padding: 12px 16px;
        padding-bottom: calc(12px + env(safe-area-inset-bottom));
        padding-left: max(16px, env(safe-area-inset-left));
        padding-right: max(16px, env(safe-area-inset-right));
        border-top: 1px solid #e7e9ee;
        background: #ffffff;
        box-shadow: 0 -4px 16px rgba(16, 24, 40, .06);
    }

    html .hzf-page[data-hzf-mode="add"] .hzf-publish-bar #hzf-send {
        width: 100%;
        margin: 0;
    }

    html .hzf-page[data-hzf-mode="add"] input,
    html .hzf-page[data-hzf-mode="add"] select,
    html .hzf-page[data-hzf-mode="add"] textarea {
        scroll-margin-bottom: calc(100px + env(safe-area-inset-bottom));
    }
}