.elementor-45099 .elementor-element.elementor-element-35758cd > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:space-evenly;align-items:space-evenly;}.elementor-45099 .elementor-element.elementor-element-5151399{width:var( --container-widget-width, 103.036% );max-width:103.036%;--container-widget-width:103.036%;--container-widget-flex-grow:0;align-self:center;}body.elementor-page-45099:not(.elementor-motion-effects-element-type-background), body.elementor-page-45099 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS */ה-CSS שסיפקתי בתוך הקוד הקודם הוא הבסיס למראה המדויק של התמונה. כדי שתוכל לנהל אותו בצורה נוחה, ריכזתי עבורך את כל ה-CSS במקום אחד.

הוא כולל את **הגופנים המיוחדים**, **הגריד של הנתונים**, **החפיפה (Overlap)** של הטופס על התמונה, ועיצוב הכפתורים והשדות.

```css
<style>
/* הגדרת משתני צבעים וגופנים */
:root {
  --r-bg: #eae3d2; /* צבע אבן/נייר */
  --r-card-bg: #ffffff;
  --r-ink: #1a1917;
  --r-gold: #94763a;
  --r-border: rgba(26, 25, 23, 0.12);
  --font-serif: 'Cormorant Garamond', serif;
  --font-sans: 'Assistant', sans-serif;
}

#rocka-minimal-lp {
  background-color: var(--r-bg);
  color: var(--r-ink);
  font-family: var(--font-sans);
  direction: rtl;
  width: 100%;
  padding: 0 0 100px 0;
  box-sizing: border-box;
}

/* 1. הסטטיסטיקות (למעלה) */
.rm-top-stats {
  display: flex;
  justify-content: center;
  gap: 80px;
  padding: 30px 0;
  border-bottom: 1px solid var(--r-border);
}
.stat-box { text-align: center; font-size: 13px; }
.stat-box b { display: block; font-size: 20px; font-weight: 700; margin-bottom: 2px; }

/* 2. Hero - אזור התמונה והטופס החופף */
.rm-hero-composite-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  max-width: 1000px;
  margin: 50px auto;
  position: relative;
}
.rm-hero-visual-frame {
  width: 600px;
  height: 480px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.rm-hero-visual-frame img { width: 100%; height: 100%; object-fit: cover; }

.rm-minimal-floating-card {
  background-color: var(--r-card-bg);
  border: 3px solid var(--r-gold);
  width: 360px;
  padding: 35px;
  margin-right: -80px; /* החפיפה הקריטית */
  margin-top: 40px;
  z-index: 10;
  position: relative;
  box-shadow: 0 20px 50px rgba(26, 25, 23, 0.15);
}

/* 3. אלמנטים פנימיים של הטופס */
.rm-minimal-floating-card h3 {
  font-family: var(--font-serif);
  font-size: 26px;
  text-align: center;
  margin-bottom: 25px;
  line-height: 1.2;
}
.rm-input-field { margin-bottom: 15px; }
.rm-input-field label { display: block; font-size: 13px; font-weight: 700; margin-bottom: 5px; }
.rm-input-field input, .rm-input-field select {
  width: 100%;
  padding: 12px;
  border: 1px solid #ababab;
  border-radius: 4px;
  box-sizing: border-box;
}
.rm-btn-submit {
  width: 100%;
  background-color: var(--r-gold);
  color: white;
  border: none;
  padding: 16px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  margin-top: 10px;
}
.rm-btn-submit:hover { background-color: #7a612f; }

/* 4. כללי */
.rm-nav { padding: 40px 0 20px 0; text-align: center; }
.rm-nav-logo { font-family: var(--font-serif); font-size: 48px; line-height: 1; }
.rm-nav-tag { font-size: 10px; font-weight: 700; letter-spacing: 0.35em; opacity: 0.5; }
.rm-section-meta { color: var(--r-gold); font-weight: 700; text-align: center; display: block; margin-bottom: 10px; }
.rm-hero-header-area h2 { font-family: var(--font-serif); font-size: 42px; text-align: center; margin-bottom: 40px; }

/* רספונסיביות בסיסית */
@media (max-width: 900px) {
  .rm-hero-composite-container { flex-direction: column; align-items: center; }
  .rm-minimal-floating-card { margin-right: 0; margin-top: -50px; width: 90%; }
  .rm-hero-visual-frame { width: 90%; }
}
</style>

```

**טיפ למקצועיות:**

* ודא שהפונטים נטענים בראש הדף (כפי שהראיתי בקוד הקודם), אחרת ה-`font-family` שהגדרתי ב-CSS לא יעבדו.
* הוספתי תגית `@media` קטנה בסוף כדי שאם גולשים מהנייד, הטופס לא יחתוך את התמונה בצורה לא יפה, אלא יסתדר מתחתיה בצורה רספונסיבית.

האם תרצה עזרה נוספת בהטמעת אחד מהחלקים הללו בתוך האתר שלך?/* End custom CSS */