/* =============================================
   TM24 ANKAUF – TRUST-BAR (unter Hero)
   Scoped: .trust-bar-section, .trust-bar-*
   ============================================= */

/* ===== SECTION ===== */
.trust-bar-section {
    background: linear-gradient(180deg, #fff 0%, #fafafe 100%) !important;
    margin-top: -50px !important; /* Zieht die Sektion unter die Hero-Kante */
    padding: 56px 0 20px !important;
    border-bottom: 1px solid #eef0fb !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 5 !important;
}

/* ===== GRID: 4 Karten, IMMER eine Reihe auf Desktop ===== */
.trust-bar-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    max-width: 1060px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    align-items: stretch !important;
}

/* ===== KARTEN: gleiche Höhe, gleiche Breite ===== */
.trust-bar-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 16px !important;
    background: #fff !important;
    border-radius: 14px !important;
    border: 1px solid #e2e8f0 !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
    animation: fadeInUp 0.5s ease-out both;
    min-height: 72px !important;
}

.trust-bar-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(46, 43, 203, 0.08);
}

.trust-bar-item:nth-child(2) { animation-delay: 0.08s; }
.trust-bar-item:nth-child(3) { animation-delay: 0.16s; }
.trust-bar-item:nth-child(4) { animation-delay: 0.24s; }

/* Icon-Box */
.trust-bar-item i {
    font-size: 18px !important;
    color: #2e2bcb !important;
    flex-shrink: 0 !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #e8e7ff, #f0f0ff) !important;
    border-radius: 10px !important;
}

/* Text-Block */
.trust-bar-item div {
    display: flex;
    flex-direction: column;
    line-height: 1.35;
    min-width: 0;
}

/* HEADLINE: Dunkel, klar */
.trust-bar-item strong {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    white-space: nowrap !important;
}

/* SUBTEXT: Lesbar */
.trust-bar-item span {
    font-size: 11px !important;
    color: #475569 !important;
    font-weight: 500 !important;
    margin-top: 2px !important;
    line-height: 1.3 !important;
}

/* ===== TABLET: 2×2 Grid ===== */
@media (max-width: 992px) {
    .trust-bar-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        max-width: 600px !important;
    }
}

/* ===== MOBILE: 1 Spalte ===== */
@media (max-width: 576px) {
    .trust-bar-section {
        padding: 28px 0 24px !important;
    }

    .trust-bar-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        max-width: 400px !important;
        padding: 0 16px !important;
    }

    .trust-bar-item {
        padding: 12px 14px !important;
    }

    .trust-bar-item strong {
        font-size: 13px !important;
    }

    .trust-bar-item span {
        font-size: 11px !important;
    }
}

/* ===== ANIMATION ===== */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}