.elementor-655 .elementor-element.elementor-element-62aec70{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-e93c2cb *//* --- הגדרות כלליות ומעטפת --- */
.staffic-tm-wrapper {
    direction: rtl;
    font-family: 'Rubik', sans-serif;
    background-color: #020b1c; /* רקע כהה */
    padding: 80px 20px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden; /* מונע גלילה מיותרת */
}

.tm-container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

/* --- כותרת ראשית --- */
.tm-header-title {
    text-align: center;
    color: #ffffff;
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 60px;
    line-height: 1.2;
    padding: 0 10px;
}

/* --- הגדרות הגריד (החלק החשוב) --- */
.tm-grid-layout {
    display: grid;
    /* בדסקטופ: עמודות גמישות. במובייל: אוטומטית יורד לאחת */
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    width: 100%;
    justify-content: center;
}

/* --- עיצוב הכרטיס --- */
.tm-clean-card {
    background: #0a1227; /* כחול עמוק */
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 24px;
    padding: 40px 25px;
    
    /* פלקסבוקס למרכוז אבסולוטי */
    display: flex;
    flex-direction: column;
    align-items: center; /* מרכוז אופקי */
    justify-content: flex-start;
    text-align: center; /* מרכוז טקסט */
    
    height: 100%; /* גובה אחיד לכל הכרטיסים */
    transition: transform 0.3s ease, border-color 0.3s ease;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.tm-clean-card:hover {
    transform: translateY(-10px);
    border-color: #0061ff;
    background: #0e1833;
}

/* --- תמונת הלקוח --- */
.tm-avatar-box {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
    border-radius: 20px; /* ריבוע עם פינות עגולות */
    overflow: hidden;
    border: 3px solid #0061ff; /* מסגרת כחולה */
    padding: 3px;
    background: rgba(0, 97, 255, 0.1);
    flex-shrink: 0; /* מונע כיווץ התמונה */
}

.tm-avatar-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* --- טקסטים ופרטים --- */
.tm-client-name {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 8px 0;
    line-height: 1.2;
}

.tm-client-role {
    color: #00c6ff; /* תכלת זוהר */
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0.9;
}

/* --- כוכבים --- */
.tm-star-rating {
    color: #ffb400; /* זהב */
    font-size: 20px;
    margin-bottom: 20px;
    letter-spacing: 3px;
}

/* --- גוף ההמלצה --- */
.tm-quote-text {
    color: #cbd5e0;
    font-size: 16px;
    line-height: 1.6;
    font-style: italic;
    font-weight: 300;
    max-width: 100%;
}

/* --- התאמה למובייל (Mobile Responsiveness) --- */
@media (max-width: 767px) {
    .staffic-tm-wrapper {
        padding: 50px 15px; /* פחות ריווח בצדדים */
    }

    .tm-header-title {
        font-size: 32px; /* כותרת קטנה יותר */
        margin-bottom: 40px;
    }

    .tm-grid-layout {
        /* במובייל: טור אחד בלבד */
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .tm-clean-card {
        padding: 35px 20px; /* קצת פחות ריווח פנימי */
    }
    
    .tm-avatar-box {
        width: 90px; /* תמונה קצת יותר קטנה במובייל */
        height: 90px;
    }
}/* End custom CSS */