.lexa-idx-flow-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 28px;
}

.lexa-idx-flow-item {
    background: #fff;
    border-radius: var(--lexa-radius-card);
    border: 1px solid var(--lexa-stone-200);
    box-shadow: var(--lexa-shadow-card);
    padding: 36px 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all .35s ease;
}

.lexa-idx-flow-item:hover {
    box-shadow: var(--lexa-shadow-hover);
    border-color: var(--lexa-teal-border);
    transform: translateY(-4px);
}

.lexa-idx-flow-icon {
    width: 80px; height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--lexa-teal-mid), var(--lexa-teal-light));
    display: flex; align-items: center; justify-content: center;
    font-size: 2rem; color: #fff;
    margin-bottom: 20px;
    box-shadow: 0 6px 20px rgba(13,148,136,.25);
}

.lexa-idx-flow-item h3 {
    font-size: 1.3rem; font-weight: 900;
    color: var(--lexa-stone-900);
    margin-bottom: 12px;
}

.lexa-idx-flow-item p {
    font-size: .92rem; color: var(--lexa-stone-600);
    line-height: 1.8; margin: 0;
}


/* ────────────────────────────────────────
   FEATURE CARDS — כרטיסי פיצ'ר
   (כותרת + אייקון עגול קטן + טקסט + קישור)
──────────────────────────────────────── */
.lexa-idx-feature-card {
    background: #fff;
    border-radius: var(--lexa-radius-card);
    border: 1px solid var(--lexa-stone-200);
    box-shadow: var(--lexa-shadow-card);
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    transition: all .35s ease;
}

.lexa-idx-feature-card:hover {
    box-shadow: var(--lexa-shadow-hover);
    border-color: var(--lexa-teal-border);
    transform: translateY(-4px);
}

.lexa-idx-feature-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}

.lexa-idx-feature-icon {
    width: 56px; height: 56px; min-width: 56px;
    border-radius: 50%;
    background: var(--lexa-teal-pale);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.5rem; color: var(--lexa-teal-dark);
    flex-shrink: 0;
}

.lexa-idx-feature-header h3 {
    font-size: 1.1rem; font-weight: 800;
    color: var(--lexa-stone-900);
    margin: 0; line-height: 1.35;
}

.lexa-idx-feature-card > p {
    font-size: .9rem; color: var(--lexa-stone-600);
    line-height: 1.8; margin-bottom: 12px;
}

.lexa-idx-feature-stat {
    font-size: .85rem !important;
    color: var(--lexa-stone-500) !important;
    font-style: italic;
    border-top: 1px solid var(--lexa-stone-100);
    padding-top: 12px;
    margin-top: auto !important;
    margin-bottom: 16px !important;
}

.lexa-idx-feature-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    padding: 12px 0 0;
    border-top: 1px solid var(--lexa-stone-100);
    font-size: .9rem;
    font-weight: 700;
    color: var(--lexa-teal-dark);
    text-decoration: none;
    transition: color .2s ease;
}

.lexa-idx-feature-link:hover { color: var(--lexa-teal-mid); }
.lexa-idx-feature-link i { font-size: 1.1rem; }


/* ────────────────────────────────────────
   TABLE BADGES — תגיות קטגוריה בטבלה
──────────────────────────────────────── */
.lexa-idx-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: .78rem;
    font-weight: 700;
}

.lexa-idx-badge--scan    { background: var(--lexa-teal-pale);   color: var(--lexa-teal-dark); }
.lexa-idx-badge--analyze { background: var(--lexa-blue-pale);   color: var(--lexa-blue-dark); }
.lexa-idx-badge--track   { background: var(--lexa-green-pale);  color: var(--lexa-green-dark); }
.lexa-idx-badge--promote { background: var(--lexa-amber-pale);  color: var(--lexa-amber-dark); }


/* ────────────────────────────────────────
   PRICING CARDS — כרטיסי תמחור
──────────────────────────────────────── */
.lexa-idx-pricing-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    max-width: 780px;
    margin-inline: auto;
}

.lexa-idx-pricing-card {
    background: #fff;
    border-radius: var(--lexa-radius-card);
    border: 1px solid var(--lexa-stone-200);
    box-shadow: var(--lexa-shadow-card);
    padding: 36px 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all .35s ease;
}

.lexa-idx-pricing-card:hover {
    box-shadow: var(--lexa-shadow-hover);
    border-color: var(--lexa-teal-border);
    transform: translateY(-4px);
}

.lexa-idx-pricing-card--main {
    border-color: var(--lexa-teal-border);
    background: linear-gradient(160deg, #fff 0%, var(--lexa-teal-pale) 100%);
}

.lexa-idx-pricing-icon {
    width: 68px; height: 68px;
    border-radius: 50%;
    background: var(--lexa-teal-pale);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.8rem; color: var(--lexa-teal-dark);
    margin-bottom: 16px;
}

.lexa-idx-pricing-card h3 {
    font-size: 1.2rem; font-weight: 800;
    color: var(--lexa-stone-900);
    margin-bottom: 12px;
}

.lexa-idx-pricing-price {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 20px;
}

.lexa-idx-pricing-amount {
    font-size: 2.4rem;
    font-weight: 900;
    color: var(--lexa-teal-dark);
    line-height: 1;
}

.lexa-idx-pricing-period {
    font-size: .9rem;
    color: var(--lexa-stone-500);
}

.lexa-idx-pricing-card .lexa-checklist {
    width: 100%;
    text-align: right;
    margin-bottom: 16px;
}

.lexa-idx-pricing-note {
    font-size: .85rem;
    color: var(--lexa-stone-500);
    margin-bottom: 20px;
    font-style: italic;
}


/* ════════════════════════════════════════
   RESPONSIVE
════════════════════════════════════════ */
@media (max-width: 991px) {
    .lexa-idx-flow-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 767px) {
    .lexa-idx-flow-grid { grid-template-columns: 1fr; }
    .lexa-idx-pricing-grid { grid-template-columns: 1fr; max-width: 480px; }
    .lexa-idx-feature-card { padding: 22px 18px; }
}

@media (max-width: 575px) {
    .lexa-idx-flow-item { padding: 28px 20px; }
    .lexa-idx-pricing-card { padding: 28px 20px; }
}

.lexa-problem-cards {
    grid-template-columns: repeat(2, 1fr);
}