.elementor-412 .elementor-element.elementor-element-7ff611b{--display:flex;}/* Start custom CSS for container, class: .elementor-element-7ff611b *//* ==================================================
   1. GLOBAL SETTINGS & VARIABLES
   ================================================== */
:root {
    --story-cream: #F9F7F2;
    --story-green-bg: #E8F3E8;
    --story-green-text: #2A9D8F;
    --story-red-bg: #2b0a0a;
    --story-red-text: #D62828;
    --story-yellow-bg: #FFF8E1;
    --story-yellow-text: #F4A261;
    --container-padding: 4vw;
}

/* מאפשר שינוי צבע גוף חלק */
body {
    transition: background-color 0.8s ease, color 0.8s ease;
}

.story-page-container {
    overflow-x: hidden;
    transition: background-color 1s ease;
}

/* ביטול רקעים של אלמנטור כדי לאפשר שינוי צבע גוף */
.story-page-container .panel,
.story-page-container section {
    background-color: transparent !important;
    background: transparent !important;
}

/* טרנזישן לכל הטקסטים בעמוד */
.story-page-container h2, 
.story-page-container h3, 
.story-page-container p, 
.story-page-container .eyebrow,
.story-page-container .vibe-tag {
    transition: color 0.8s ease, border-color 0.8s ease;
}

/* הגדרת פאנל בסיסית - גובה מסך מלא */
.panel {
    min-height: 100vh;
    padding: 100px var(--container-padding);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

/* טיפוגרפיה כללית */
.eyebrow {
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: inline-block;
}

.eyebrow.green-text { color: var(--story-green-text); }
.eyebrow.red-text { color: var(--story-red-text); }
.eyebrow.yellow-text { color: var(--story-yellow-text); }

/* מסגרת תמונה כללית */
.photo-frame {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 25px 50px rgba(0,0,0,0.15);
    border: 8px solid #fff;
    transform: rotate(-2deg);
    transition: transform 0.5s ease;
}
.photo-frame:hover { transform: rotate(0deg) scale(1.02); }

/* התאמה כללית למובייל */
@media (max-width: 900px) {
    .panel { padding: 80px 20px; }
    h1 { font-size: 3.5rem !important; }
    h2 { font-size: 3rem !important; }
}/* End custom CSS */