/* =========================================================================
   lz-pwa-re-wizard: Стили пошагового конструктора Недвижимости (Авито-стиль)
   ========================================================================= */

/* Анимация плавного появления шагов */
.pwa-step-screen {
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
}

.avito-animated-slide-in {
    animation: lzSlideIn 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes lzSlideIn {
    from { opacity: 0; transform: translateX(20px); }
    to { opacity: 1; transform: translateX(0); }
}

/* Стилизация иерархических строк-триггеров */
.lz-avito-vertical-list {
    background: #1c1c1e;
    border: 1px solid #2c2c2e;
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.lz-avito-list-item-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-bottom: 1px solid #2c2c2e;
    cursor: pointer;
    transition: background 0.2s;
    -webkit-tap-highlight-color: transparent;
}

.lz-avito-list-item-row:last-child {
    border-bottom: none;
}

.lz-avito-list-item-row:hover {
    background: rgba(255, 255, 255, 0.03);
}

.lz-avito-list-item-row.active {
    background: rgba(0, 122, 255, 0.15);
}

.lz-avito-list-item-row.active span {
    color: #007aff !important;
}