/* =============================================================
   ELANLAR v4.5 — CREATE LISTING WIZARD
   Scoped to the plugin app. Brand: #0067ed + white.
   ============================================================= */

.elanlar-app.elan-create-listing {
    --el45-blue: #0067ed;
    --el45-blue-dark: #0057c9;
    --el45-blue-soft: #eef5ff;
    --el45-blue-softer: #f7faff;
    --el45-border: #dfe8f6;
    --el45-border-strong: #c9d9f1;
    --el45-text: #111827;
    --el45-muted: #6b7280;
    --el45-muted-2: #94a3b8;
    --el45-green: #16a34a;
    --el45-green-soft: #f0fdf4;
    --el45-red: #dc2626;
    --el45-red-soft: #fef2f2;
    --el45-yellow: #f59e0b;
    --el45-yellow-soft: #fffbeb;
    --el45-shadow: 0 14px 40px rgba(17, 24, 39, .07);
    --el45-radius: 18px;
    --el45-radius-sm: 12px;
    width: 100%;
    color: var(--el45-text);
}

.elanlar-app.elan-create-listing *,
.elanlar-app.elan-create-listing *::before,
.elanlar-app.elan-create-listing *::after { box-sizing: border-box; }

.elan-create-listing [hidden] { display: none !important; }

.elan-create-listing .elan-form-container {
    width: min(100%, 920px) !important;
    max-width: 920px !important;
    margin: 0 auto !important;
    padding: 26px !important;
    background: #fff !important;
    border: 1px solid var(--el45-border) !important;
    border-radius: 22px !important;
    box-shadow: var(--el45-shadow) !important;
    overflow: visible !important;
}

/* Header */
.elan-create-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 0 2px 22px;
    border-bottom: 1px solid #eef2f7;
}
.elan-create-head__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 10px;
    margin-bottom: 9px;
    border-radius: 999px;
    background: var(--el45-blue-soft);
    color: var(--el45-blue);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.elan-create-head h1 {
    margin: 0 !important;
    color: var(--el45-text) !important;
    font-size: clamp(22px, 3vw, 30px) !important;
    line-height: 1.18 !important;
    font-weight: 600 !important;
    letter-spacing: -.025em;
}
.elan-create-head p {
    max-width: 610px;
    margin: 8px 0 0 !important;
    color: var(--el45-muted) !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}
.elan-create-head__secure {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    padding: 9px 12px;
    border: 1px solid #bbf7d0;
    border-radius: 999px;
    background: var(--el45-green-soft);
    color: var(--el45-green);
    font-size: 12px;
    font-weight: 600;
}

/* Wizard rail */
.elan-create-listing .elan-steps {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 32px minmax(0,1fr) 32px minmax(0,1fr) 32px minmax(0,1fr) 32px minmax(0,1fr) !important;
    align-items: center !important;
    width: 100% !important;
    margin: 22px 0 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}
.elan-create-listing .elan-step {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--el45-muted) !important;
}
.elan-create-listing .elan-step__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border: 1.5px solid var(--el45-border-strong) !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: var(--el45-muted) !important;
    box-shadow: none !important;
}
.elan-create-listing .elan-step__number {
    display: inline !important;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
}
.elan-create-listing .elan-step__icon-check { display: none !important; }
.elan-create-listing .elan-step__info {
    display: block !important;
    min-width: 0;
}
.elan-create-listing .elan-step__label {
    display: block !important;
    color: inherit !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
    white-space: nowrap;
}
.elan-create-listing .elan-step__sub {
    display: none !important;
}
.elan-create-listing .elan-step.active { color: var(--el45-blue) !important; }
.elan-create-listing .elan-step.active .elan-step__icon {
    border-color: var(--el45-blue) !important;
    background: var(--el45-blue) !important;
    color: #fff !important;
    box-shadow: 0 5px 14px rgba(0,103,237,.22) !important;
}
.elan-create-listing .elan-step.completed { color: var(--el45-blue) !important; }
.elan-create-listing .elan-step.completed .elan-step__icon {
    border-color: var(--el45-blue) !important;
    background: var(--el45-blue-soft) !important;
    color: var(--el45-blue) !important;
}
.elan-create-listing .elan-step.completed .elan-step__number { display: none !important; }
.elan-create-listing .elan-step.completed .elan-step__icon-check { display: block !important; }
.elan-create-listing .elan-step-connector {
    display: flex !important;
    align-items: center !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 14px !important;
    margin: 0 !important;
    padding: 0 2px !important;
}
.elan-create-listing .elan-step-connector__line {
    flex: 1 !important;
    height: 2px !important;
    background: #e5ebf4 !important;
}
.elan-create-listing .elan-step-connector__check { display: none !important; }
.elan-create-listing .elan-step-connector.completed .elan-step-connector__line,
.elan-create-listing .elan-step-connector.half .elan-step-connector__line--left { background: var(--el45-blue) !important; }

/* Progress */
.elan-create-listing .elan-progress {
    margin: 0 0 24px !important;
    padding: 0 !important;
}
.elan-create-listing .elan-progress__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
    color: var(--el45-muted);
    font-size: 11px;
    font-weight: 600;
}
.elan-create-listing .elan-progress__meta strong { color: var(--el45-blue); }
.elan-create-listing .elan-progress__track {
    height: 5px !important;
    overflow: hidden;
    border-radius: 999px;
    background: #edf2f8 !important;
}
.elan-create-listing .elan-progress__fill {
    display: block;
    width: 20%;
    height: 100%;
    border-radius: inherit;
    background: var(--el45-blue) !important;
    transition: width .25s ease;
}

/* Step shell */
.elan-create-listing .elan-form { margin: 0 !important; }
.elan-create-listing .elan-form-step {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.elan-step-heading {
    margin: 0 0 20px;
    padding: 0 2px;
}
.elan-step-heading > span {
    display: block;
    margin-bottom: 5px;
    color: var(--el45-blue);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
}
.elan-step-heading h2 {
    margin: 0 !important;
    color: var(--el45-text) !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    letter-spacing: -.015em;
}
.elan-step-heading p {
    margin: 6px 0 0 !important;
    color: var(--el45-muted) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

/* Notices */
.elan-create-listing #elan-response {
    margin: 0 0 18px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
}
.elan-create-listing .elan-notice--error { background: var(--el45-red-soft) !important; color: #991b1b !important; border-color: #fecaca !important; }
.elan-create-listing .elan-notice--warning { background: var(--el45-yellow-soft) !important; color: #92400e !important; border-color: #fde68a !important; }
.elan-create-listing .elan-notice--success { background: var(--el45-green-soft) !important; color: #166534 !important; border-color: #bbf7d0 !important; }

/* Category selection */
.elan-create-listing .elan-cat-grid-wrap {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    max-height: none !important;
    overflow: visible !important;
}
.elan-create-listing .elan-cat-grid-wrap::after { display: none !important; }
.elan-create-listing .elan-search-wrap {
    position: relative;
    margin: 0 0 13px !important;
}
.elan-create-listing .elan-search-wrap > svg {
    position: absolute;
    left: 15px;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    color: #94a3b8;
    pointer-events: none;
}
.elan-create-listing .elan-search-wrap .elan-input {
    width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 15px 0 43px !important;
    border: 1.5px solid var(--el45-border) !important;
    border-radius: 13px !important;
    outline: none !important;
    background: #fff !important;
    color: var(--el45-text) !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    appearance: none;
}
.elan-create-listing .elan-search-wrap .elan-input:focus {
    border-color: var(--el45-blue) !important;
    box-shadow: 0 0 0 3px rgba(0,103,237,.09) !important;
}
.elan-create-listing .elan-cat-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-height: 360px !important;
    padding: 1px !important;
    overflow: auto !important;
    scrollbar-width: thin;
}
.elan-create-listing .elan-cat-option {
    all: unset;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    min-height: 68px !important;
    padding: 10px 11px !important;
    border: 1.5px solid var(--el45-border) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: var(--el45-text) !important;
    cursor: pointer !important;
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease, transform .15s ease !important;
}
.elan-create-listing .elan-cat-option:hover {
    border-color: #a9c9f8 !important;
    background: var(--el45-blue-softer) !important;
    transform: translateY(-1px);
}
.elan-create-listing .elan-cat-option:focus-visible {
    outline: 3px solid rgba(0,103,237,.18) !important;
    outline-offset: 2px !important;
}
.elan-create-listing .elan-cat-option.selected,
.elan-create-listing .elan-cat-option[aria-pressed="true"] {
    border-color: var(--el45-blue) !important;
    background: var(--el45-blue-soft) !important;
    box-shadow: 0 0 0 1px rgba(0,103,237,.04) !important;
}
.elan-create-listing .elan-cat-option__icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    overflow: hidden !important;
    border: 1px solid #dfebfb !important;
    border-radius: 11px !important;
    background: #f5f9ff !important;
    color: var(--el45-blue) !important;
}
.elan-create-listing .elan-cat-option__icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 10px !important;
}
.elan-create-listing .elan-cat-option__body {
    display: block;
    flex: 1;
    min-width: 0;
}
.elan-create-listing .elan-cat-option__name {
    display: block !important;
    overflow: hidden;
    color: var(--el45-text) !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.elan-create-listing .elan-cat-option__meta {
    display: block;
    margin-top: 4px;
    color: var(--el45-muted-2);
    font-size: 10px;
    font-weight: 600;
}
.elan-create-listing .elan-cat-option__count { display: none !important; }
.elan-create-listing .elan-cat-option__arrow {
    flex: 0 0 auto;
    color: #94a3b8 !important;
}
.elan-create-listing .elan-cat-option__check {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    border: 1.5px solid #d9e3f1;
    border-radius: 50%;
    color: transparent;
    background: #fff;
}
.elan-create-listing .elan-cat-option.selected .elan-cat-option__check,
.elan-create-listing .elan-cat-option[aria-pressed="true"] .elan-cat-option__check {
    border-color: var(--el45-blue);
    background: var(--el45-blue);
    color: #fff;
}
.elan-filter-empty,
.elan-create-listing .elan-empty-msg {
    padding: 22px 14px !important;
    text-align: center;
    color: var(--el45-muted) !important;
    font-size: 13px !important;
}
.elan-subcat-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 13px;
    padding: 10px 12px;
    border: 1px solid var(--el45-border);
    border-radius: 13px;
    background: var(--el45-blue-softer);
}
.elan-subcat-head > div { min-width: 0; }
.elan-subcat-head small { display: block; color: var(--el45-muted); font-size: 10px; font-weight: 600; }
.elan-subcat-head strong { display: block; overflow: hidden; color: var(--el45-text); font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.elan-create-listing .elan-subcat-geri-btn {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    padding: 7px 9px;
    border: 1px solid #cfe0f7;
    border-radius: 9px;
    background: #fff;
    color: var(--el45-blue);
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
}
.elan-create-listing .elan-subcat-loading {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 100px;
    color: var(--el45-muted);
    font-size: 12px;
}

/* Form controls */
.elan-create-listing .elan-field {
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.elan-create-listing .elan-field > label,
.elan-create-listing .elan-custom-field > label {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin: 0 0 7px !important;
    color: #263244 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.elan-create-listing .req { color: var(--el45-red) !important; }
.elan-create-listing .elan-char-count {
    margin-left: auto;
    color: var(--el45-muted-2) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
}
.elan-create-listing .elan-char-count.is-short { color: var(--el45-red) !important; }
.elan-field-help {
    display: block;
    margin-top: 6px;
    color: var(--el45-muted-2);
    font-size: 10.5px;
    line-height: 1.4;
}
.elan-create-listing .elan-input,
.elan-create-listing input.elan-input,
.elan-create-listing select.elan-input,
.elan-create-listing textarea.elan-input {
    width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 11px 13px !important;
    border: 1.5px solid var(--el45-border) !important;
    border-radius: 12px !important;
    outline: none !important;
    background: #fff !important;
    color: var(--el45-text) !important;
    box-shadow: none !important;
    font: inherit !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: border-color .15s ease, box-shadow .15s ease !important;
}
.elan-create-listing textarea.elan-input { min-height: 92px !important; resize: vertical !important; }
.elan-create-listing .elan-input:focus,
.elan-create-listing input.elan-input:focus,
.elan-create-listing select.elan-input:focus,
.elan-create-listing textarea.elan-input:focus,
.elan-create-listing .elan-editor:focus-within {
    border-color: var(--el45-blue) !important;
    box-shadow: 0 0 0 3px rgba(0,103,237,.08) !important;
}
.elan-create-listing .elan-input--invalid { border-color: var(--el45-red) !important; box-shadow: 0 0 0 3px rgba(220,38,38,.07) !important; }
.elan-create-listing .elan-field-row--three {
    display: grid !important;
    grid-template-columns: 1.15fr .7fr 1fr !important;
    gap: 12px !important;
    align-items: start !important;
}
.elan-create-listing .elan-field-row--three .elan-field { min-width: 0 !important; }
.elan-input-affix { position: relative; }
.elan-input-affix > span {
    position: absolute;
    left: 13px;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    color: var(--el45-blue);
    font-size: 14px;
    font-weight: 600;
}
.elan-create-listing .elan-input-affix .elan-input { padding-left: 30px !important; }
.elan-create-listing .elan-select-wrap { position: relative !important; }
.elan-create-listing .elan-select-wrap > svg { display: none !important; }
.elan-create-listing .elan-select {
    appearance: none !important;
    padding-right: 38px !important;
    background-image: linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%) !important;
    background-position: calc(100% - 18px) 19px,calc(100% - 13px) 19px !important;
    background-size: 5px 5px,5px 5px !important;
    background-repeat: no-repeat !important;
}

/* Delivery cards */
.elan-delivery-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
}
.elan-create-listing .elan-radio-card {
    position: relative;
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
}
.elan-create-listing .elan-radio-card > input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.elan-create-listing .elan-radio-card__inner {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    min-height: 68px !important;
    padding: 11px 12px !important;
    border: 1.5px solid var(--el45-border) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: var(--el45-text) !important;
    box-shadow: none !important;
}
.elan-create-listing .elan-radio-card__icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 11px !important;
    background: var(--el45-blue-soft) !important;
    color: var(--el45-blue) !important;
}
.elan-radio-card__text { display: block; flex: 1; min-width: 0; }
.elan-radio-card__text strong { display: block; color: var(--el45-text); font-size: 12px; font-weight: 600; }
.elan-radio-card__text small { display: block; margin-top: 3px; color: var(--el45-muted); font-size: 10px; line-height: 1.3; font-weight: 500; }
.elan-radio-card__tick {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    border: 1.5px solid #d7e1ef;
    border-radius: 50%;
    background: #fff;
    color: transparent;
}
.elan-create-listing .elan-radio-card input:checked + .elan-radio-card__inner {
    border-color: var(--el45-blue) !important;
    background: var(--el45-blue-softer) !important;
    box-shadow: 0 0 0 1px rgba(0,103,237,.03) !important;
}
.elan-create-listing .elan-radio-card input:checked + .elan-radio-card__inner .elan-radio-card__tick {
    border-color: var(--el45-blue);
    background: var(--el45-blue);
    color: #fff;
}
.elan-create-listing .elan-radio-card input:focus-visible + .elan-radio-card__inner { box-shadow: 0 0 0 3px rgba(0,103,237,.12) !important; }

/* Selected category */
.elan-create-listing .elan-selected-cat-bar {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 18px !important;
    padding: 10px 12px !important;
    border: 1px solid #cfe0f7 !important;
    border-radius: 13px !important;
    background: var(--el45-blue-softer) !important;
    color: var(--el45-text) !important;
    box-shadow: none !important;
}
.elan-selected-cat-bar__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: var(--el45-blue-soft);
    color: var(--el45-blue);
}
.elan-selected-cat-bar > div { min-width: 0; flex: 1; }
.elan-selected-cat-bar small { display: block; color: var(--el45-muted); font-size: 9px; font-weight: 600; }
.elan-create-listing .elan-selected-cat-bar strong { display: block; overflow: hidden; color: var(--el45-text) !important; font-size: 12px; font-weight: 600 !important; text-overflow: ellipsis; white-space: nowrap; }
.elan-create-listing .elan-btn-text,
.elan-create-listing .elan-summary-edit,
.elan-create-listing .elan-summary-inline-edit {
    all: unset;
    box-sizing: border-box;
    color: var(--el45-blue) !important;
    cursor: pointer;
    font-size: 10px !important;
    font-weight: 600 !important;
}
.elan-create-listing .elan-btn-text:hover,
.elan-create-listing .elan-summary-edit:hover,
.elan-create-listing .elan-summary-inline-edit:hover { text-decoration: underline; }

/* Editor */
.elan-create-listing .elan-editor {
    overflow: hidden !important;
    border: 1.5px solid var(--el45-border) !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: none !important;
}
.elan-create-listing .elan-editor__toolbar {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 7px 9px !important;
    border: 0 !important;
    border-bottom: 1px solid #edf1f6 !important;
    background: #fafcff !important;
}
.elan-create-listing .elan-editor__toolbar button {
    all: unset !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 8px !important;
    color: #475569 !important;
    cursor: pointer !important;
    font-size: 12px !important;
}
.elan-create-listing .elan-editor__toolbar button:hover { background: var(--el45-blue-soft) !important; color: var(--el45-blue) !important; }
.elan-create-listing .elan-editor__content {
    min-height: 132px !important;
    max-height: 300px !important;
    overflow-y: auto !important;
    padding: 13px !important;
    outline: none !important;
    color: var(--el45-text) !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    font-weight: 500 !important;
}
.elan-create-listing .elan-editor__content:empty::before { color: #9ca3af !important; }

/* Dynamic custom fields */
.elan-custom-fields-wrap:not(:empty) {
    margin: 4px 0 18px !important;
    padding-top: 18px;
    border-top: 1px solid #edf1f6;
}
.elan-custom-fields-loading {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px;
    border-radius: 12px;
    background: #f8fafc;
    color: var(--el45-muted);
    font-size: 11px;
    font-weight: 600;
}
.elan-custom-fields-loading .elan-loading { width: 18px !important; height: 18px !important; margin: 0 !important; }
.elan-create-listing .elan-custom-field .elan-radio-group[style] { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 8px !important; }
.elan-create-listing .elan-custom-field .elan-radio-card[style] { flex: 0 0 auto !important; min-width: 110px !important; }
.elan-create-listing .elan-custom-field label[style] { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; cursor: pointer !important; font-size: 12px !important; }

/* Photos */
.elan-photo-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 10px;
}
.elan-photo-status > div { display: flex; align-items: baseline; gap: 7px; }
.elan-photo-status strong { color: var(--el45-blue); font-size: 13px; font-weight: 600; }
.elan-photo-status span { color: var(--el45-muted); font-size: 10.5px; font-weight: 600; }
.elan-photo-status__hint { color: var(--el45-muted-2) !important; }
.elan-create-listing .elan-img-upload-zone {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 220px !important;
    margin: 0 !important;
    padding: 28px 18px !important;
    border: 1.5px dashed #a9c8f4 !important;
    border-radius: 16px !important;
    background: #f8fbff !important;
    color: var(--el45-blue) !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: border-color .15s ease, background .15s ease !important;
}
.elan-create-listing .elan-img-upload-zone:hover,
.elan-create-listing .elan-img-upload-zone.dragover,
.elan-create-listing .elan-img-upload-zone:focus-visible {
    border-color: var(--el45-blue) !important;
    background: var(--el45-blue-soft) !important;
    outline: none !important;
}
.elan-create-listing .elan-img-upload-zone__body { text-align: center !important; }
.elan-create-listing .elan-img-upload-zone__svg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin: 0 auto 11px !important;
    border-radius: 18px;
    background: #fff;
    color: var(--el45-blue);
    box-shadow: 0 5px 18px rgba(0,103,237,.10);
}
.elan-create-listing .elan-img-upload-zone__title { margin: 0 !important; color: var(--el45-text) !important; font-size: 14px !important; font-weight: 600 !important; }
.elan-create-listing .elan-img-upload-zone__sub { margin: 5px 0 0 !important; color: var(--el45-muted) !important; font-size: 11px !important; }
.elan-create-listing .elan-img-preview-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0,1fr)) !important;
    gap: 9px !important;
    margin: 12px 0 0 !important;
}
.elan-create-listing .elan-img-thumb {
    position: relative !important;
    aspect-ratio: 1 / 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    border: 1.5px solid var(--el45-border) !important;
    border-radius: 13px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
}
.elan-create-listing .elan-img-thumb.is-cover { border-color: var(--el45-blue) !important; box-shadow: 0 0 0 2px rgba(0,103,237,.08) !important; }
.elan-create-listing .elan-img-thumb > img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.elan-img-thumb__actions {
    position: absolute;
    inset: auto 5px 5px 5px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
}
.elan-create-listing .elan-img-thumb__cover,
.elan-create-listing .elan-img-thumb__del {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 25px;
    padding: 4px 7px;
    border-radius: 8px;
    background: rgba(17,24,39,.78);
    color: #fff;
    backdrop-filter: blur(5px);
    cursor: pointer;
    font-size: 9px;
    line-height: 1;
    font-weight: 600;
}
.elan-create-listing .elan-img-thumb__cover:disabled { background: var(--el45-blue); cursor: default; }
.elan-create-listing .elan-img-thumb__del { width: 25px; padding: 0; background: rgba(220,38,38,.88); font-size: 16px; }
.elan-create-listing .elan-img-uploading {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.72);
    backdrop-filter: blur(3px);
}
.elan-create-listing .elan-img-uploading::after {
    content: '';
    width: 24px;
    height: 24px;
    border: 2.5px solid #cfe0f7;
    border-top-color: var(--el45-blue);
    border-radius: 50%;
    animation: el45spin .7s linear infinite;
}
@keyframes el45spin { to { transform: rotate(360deg); } }
.elan-notice-inline {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-top: 13px;
    padding: 10px 12px;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    background: #eff6ff;
    color: #1e40af;
    font-size: 11px;
    line-height: 1.45;
}
.elan-notice-inline svg { flex: 0 0 auto; margin-top: 1px; }

/* Review */
.elan-review-shell {
    display: grid;
    grid-template-columns: 210px minmax(0,1fr);
    gap: 14px;
    align-items: stretch;
}
.elan-review-cover {
    position: relative;
    min-height: 230px;
    overflow: hidden;
    border: 1px solid var(--el45-border);
    border-radius: 16px;
    background: #f8fafc;
}
.elan-review-cover img { width: 100%; height: 100%; object-fit: cover; }
.elan-review-cover > span {
    position: absolute;
    left: 9px;
    top: 9px;
    padding: 5px 8px;
    border-radius: 999px;
    background: var(--el45-blue);
    color: #fff;
    font-size: 9px;
    font-weight: 600;
}
.elan-create-listing .elan-summary-card {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--el45-border) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
}
.elan-create-listing .elan-summary-card__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 13px 15px !important;
    border-bottom: 1px solid #edf1f6 !important;
    background: #fafcff !important;
}
.elan-summary-card__head > div { min-width: 0; }
.elan-summary-card__head strong { display: block; color: var(--el45-text); font-size: 12px; font-weight: 600; }
.elan-create-listing .elan-summary-card__head small { display: block !important; margin-top: 2px; color: var(--el45-muted) !important; font-size: 9.5px !important; font-weight: 500 !important; }
.elan-create-listing .elan-summary-row {
    display: grid !important;
    grid-template-columns: minmax(90px, .42fr) minmax(0,1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 9px 15px !important;
    border: 0 !important;
    border-bottom: 1px solid #f0f3f7 !important;
    background: transparent !important;
}
.elan-create-listing .elan-summary-row:last-child { border-bottom: 0 !important; }
.elan-create-listing .elan-summary-row > span { color: var(--el45-muted) !important; font-size: 10.5px !important; font-weight: 600 !important; }
.elan-create-listing .elan-summary-row > strong { min-width: 0; color: var(--el45-text) !important; font-size: 11px !important; line-height: 1.4 !important; font-weight: 600 !important; text-align: right; overflow-wrap: anywhere; }
.elan-summary-custom:empty { display: none; }
.elan-summary-inline-edit { margin-left: 5px !important; }
.elan-review-description {
    margin-top: 12px;
    padding: 13px 15px;
    border: 1px solid var(--el45-border);
    border-radius: 14px;
    background: #fff;
}
.elan-review-description__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 7px; }
.elan-review-description__head > span { color: var(--el45-text); font-size: 11px; font-weight: 600; }
.elan-review-description__text { max-height: 130px; overflow: auto; color: #475569; font-size: 11px; line-height: 1.65; white-space: normal; }

/* Confirmation */
.elan-confirm-banner {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 13px;
    padding: 12px 13px;
    border: 1px solid #bbf7d0;
    border-radius: 14px;
    background: var(--el45-green-soft);
}
.elan-confirm-banner__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #dcfce7;
    color: var(--el45-green);
}
.elan-confirm-banner strong { display: block; color: #166534; font-size: 12px; font-weight: 600; }
.elan-confirm-banner span:not(.elan-confirm-banner__icon) { display: block; margin-top: 2px; color: #15803d; font-size: 10px; font-weight: 500; }
.elan-create-listing .elan-terms-box {
    display: block !important;
    margin: 0 !important;
    padding: 14px 15px !important;
    border: 1px solid #fde68a !important;
    border-radius: 14px !important;
    background: var(--el45-yellow-soft) !important;
    box-shadow: none !important;
}
.elan-create-listing .elan-terms-box__icon { display: none !important; }
.elan-terms-title { display: block; margin-bottom: 9px; color: #78350f; font-size: 11px; font-weight: 600; }
.elan-create-listing .elan-terms-box__content ul { display: grid; gap: 7px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.elan-create-listing .elan-terms-box__content li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #92400e !important;
    font-size: 10.5px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
}
.elan-create-listing .elan-terms-box__content li svg { flex: 0 0 auto; margin-top: 1px; color: var(--el45-yellow) !important; }
.elan-terms-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 11px;
    color: var(--el45-blue) !important;
    text-decoration: none !important;
    font-size: 10.5px;
    font-weight: 600;
}
.elan-terms-link:hover { text-decoration: underline !important; }
.elan-create-listing .elan-final-consent {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin: 12px 0 0 !important;
    padding: 12px 13px !important;
    border: 1.5px solid var(--el45-border) !important;
    border-radius: 14px !important;
    background: #fff !important;
    cursor: pointer !important;
}
.elan-create-listing .elan-final-consent.is-checked { border-color: #86efac !important; background: var(--el45-green-soft) !important; }
.elan-final-consent > input { position: absolute; opacity: 0; pointer-events: none; }
.elan-create-listing .elan-checkbox-custom {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
    margin-top: 1px !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 7px !important;
    background: #fff !important;
}
.elan-create-listing .elan-checkbox-custom svg { opacity: 0; }
.elan-final-consent > input:checked + .elan-checkbox-custom { border-color: var(--el45-green) !important; background: var(--el45-green) !important; }
.elan-final-consent > input:checked + .elan-checkbox-custom svg { opacity: 1; }
.elan-final-consent > span:last-child { display: block; min-width: 0; }
.elan-final-consent > span:last-child strong { display: block; color: var(--el45-text); font-size: 11px; font-weight: 600; }
.elan-final-consent > span:last-child small { display: block; margin-top: 3px; color: var(--el45-muted); font-size: 9.5px; line-height: 1.45; font-weight: 500; }

/* Buttons and nav */
.elan-create-listing .elan-form-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 9px !important;
    margin: 22px 0 0 !important;
    padding: 16px 0 0 !important;
    border-top: 1px solid #edf1f6 !important;
}
.elan-create-listing .elan-form-nav--spaced { justify-content: space-between !important; }
.elan-create-listing .elan-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-height: 44px !important;
    padding: 10px 16px !important;
    border: 1.5px solid transparent !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    cursor: pointer !important;
    font: inherit !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: background .15s ease, border-color .15s ease, transform .15s ease, opacity .15s ease !important;
}
.elan-create-listing .elan-btn:hover { transform: translateY(-1px); }
.elan-create-listing .elan-btn:focus-visible { outline: 3px solid rgba(0,103,237,.18) !important; outline-offset: 2px !important; }
.elan-create-listing .elan-btn:disabled { opacity: .58 !important; cursor: wait !important; transform: none !important; }
.elan-create-listing .elan-btn--primary { border-color: var(--el45-blue) !important; background: var(--el45-blue) !important; color: #fff !important; }
.elan-create-listing .elan-btn--primary:hover { border-color: var(--el45-blue-dark) !important; background: var(--el45-blue-dark) !important; }
.elan-create-listing .elan-btn--ghost { border-color: var(--el45-border) !important; background: #fff !important; color: #475569 !important; }
.elan-create-listing .elan-btn--ghost:hover { border-color: #bfd2ed !important; background: #f8fafc !important; color: var(--el45-text) !important; }
.elan-create-listing .elan-btn--success { border-color: var(--el45-green) !important; background: var(--el45-green) !important; color: #fff !important; }
.elan-create-listing .elan-btn--success:hover { background: #15803d !important; border-color: #15803d !important; }

@media (max-width: 820px) {
    .elan-create-listing .elan-form-container { padding: 20px !important; border-radius: 18px !important; }
    .elan-create-listing .elan-steps { grid-template-columns: repeat(5,minmax(0,1fr)) !important; gap: 6px !important; }
    .elan-create-listing .elan-step-connector { display: none !important; }
    .elan-create-listing .elan-step { flex-direction: column !important; gap: 5px !important; }
    .elan-create-listing .elan-step__info { text-align: center; }
    .elan-create-listing .elan-step__label { font-size: 9.5px !important; }
    .elan-create-listing .elan-cat-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
    .elan-create-listing .elan-img-preview-grid { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
}

@media (max-width: 600px) {
    .elanlar-app.elan-create-listing {
        padding-left: 0 !important;
        padding-right: 0 !important;
        background: #fff !important;
    }
    .elan-create-listing .elan-form-container {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 16px 14px 20px !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
    .elan-create-head { padding-bottom: 16px; }
    .elan-create-head__secure { display: none; }
    .elan-create-head h1 { font-size: 22px !important; }
    .elan-create-head p { font-size: 11.5px !important; line-height: 1.5 !important; }
    .elan-create-head__eyebrow { min-height: 23px; padding: 3px 8px; font-size: 9.5px; }

    .elan-create-listing .elan-steps { margin: 16px 0 9px !important; gap: 3px !important; }
    .elan-create-listing .elan-step__icon { flex-basis: 30px !important; width: 30px !important; height: 30px !important; }
    .elan-create-listing .elan-step__number { font-size: 10px; }
    .elan-create-listing .elan-step__label { max-width: 60px; overflow: hidden; font-size: 8.5px !important; text-overflow: ellipsis; }
    .elan-create-listing .elan-progress { margin-bottom: 19px !important; }
    .elan-create-listing .elan-progress__meta { font-size: 10px; }

    .elan-step-heading { margin-bottom: 15px; }
    .elan-step-heading h2 { font-size: 18px !important; }
    .elan-step-heading p { font-size: 11.5px !important; }

    .elan-create-listing .elan-cat-grid { grid-template-columns: 1fr 1fr !important; gap: 8px !important; max-height: 330px !important; }
    .elan-create-listing .elan-cat-option { min-height: 62px !important; padding: 8px !important; border-radius: 12px !important; }
    .elan-create-listing .elan-cat-option__icon { flex-basis: 37px !important; width: 37px !important; height: 37px !important; border-radius: 10px !important; }
    .elan-create-listing .elan-cat-option__name { font-size: 10.5px !important; }
    .elan-create-listing .elan-cat-option__meta { font-size: 8.5px !important; }
    .elan-create-listing .elan-cat-option__arrow,
    .elan-create-listing .elan-cat-option__check { flex-basis: 20px; width: 20px; height: 20px; }

    .elan-delivery-grid { grid-template-columns: 1fr !important; }
    .elan-create-listing .elan-radio-card__inner { min-height: 62px !important; }
    .elan-create-listing .elan-field-row--three { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
    .elan-create-listing .elan-field-row--three .elan-field:last-child { grid-column: 1 / -1; }
    .elan-create-listing .elan-editor__content { min-height: 120px !important; }

    .elan-photo-status { align-items: flex-start; flex-direction: column; gap: 3px; }
    .elan-create-listing .elan-img-upload-zone { min-height: 190px !important; padding: 22px 14px !important; }
    .elan-create-listing .elan-img-preview-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 7px !important; }
    .elan-create-listing .elan-img-thumb__cover { font-size: 8px; padding: 4px 5px; }

    .elan-review-shell { grid-template-columns: 1fr; }
    .elan-review-cover { min-height: 0; aspect-ratio: 16 / 9; }
    .elan-create-listing .elan-summary-row { grid-template-columns: minmax(76px,.42fr) minmax(0,1fr) !important; padding: 8px 12px !important; }
    .elan-create-listing .elan-summary-card__head { padding: 11px 12px !important; }

    .elan-create-listing .elan-form-nav {
        flex-direction: row !important;
        gap: 7px !important;
        margin-top: 18px !important;
        padding-top: 13px !important;
    }
    .elan-create-listing .elan-form-nav .elan-btn { min-width: 0 !important; width: auto !important; flex: 1 1 0 !important; padding: 10px 9px !important; font-size: 10.5px !important; }
    .elan-create-listing .elan-form-nav:not(.elan-form-nav--spaced) .elan-btn { flex: 0 1 auto !important; min-width: 135px !important; }
    .elan-create-listing .elan-form-nav--final .elan-btn--success { flex: 1.7 1 0 !important; }
}

@media (max-width: 380px) {
    .elan-create-listing .elan-cat-grid { grid-template-columns: 1fr !important; }
    .elan-create-listing .elan-step__label { font-size: 7.8px !important; }
    .elan-create-listing .elan-img-preview-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}

@media (prefers-reduced-motion: reduce) {
    .elan-create-listing *,
    .elan-create-listing *::before,
    .elan-create-listing *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}