.elementor-8 .elementor-element.elementor-element-1d59eb8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-557afd2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-f79144c{--display:flex;--min-height:450px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-75a7634{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-0797a72{--display:flex;--min-height:450px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-76986b2{--display:flex;--min-height:450px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-3187dbc{--display:flex;--min-height:450px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-9bcdea8{--display:flex;--min-height:450px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-c60c2e5{--display:flex;--min-height:450px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-318da08{--display:flex;--min-height:450px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-6e1c36a{--display:flex;--min-height:450px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-968bfba{--display:flex;}.elementor-8 .elementor-element.elementor-element-830bd0a{text-align:center;}.elementor-8 .elementor-element.elementor-element-5a30c72{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-70436e9{text-align:center;}body.elementor-page-8:not(.elementor-motion-effects-element-type-background), body.elementor-page-8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-557afd2{--min-height:7px;}}/* Start custom CSS for html, class: .elementor-element-7e664dc *//* בסיס */
.topbar {
  background: #0f0f10;
  border-bottom: 1px solid #2a2a2e;
  padding: 10px 20px;
  direction: rtl;
}

.topbar-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

/* לוגו */
.topbar .logo img {
  height: 42px;
  width: auto;
}

/* כפתורים */
.topbar-actions {
  display: flex;
  gap: 12px;
}

.topbar-actions a {
  padding: 8px 14px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.2s;
  color: #fff;
}
.topbar-actions a:hover {
  background: linear-gradient(135deg, #FFD700, #C38B1B);
  color: #0a0a0a;
  box-shadow: 0 0 15px rgba(255,215,0,0.6);
}

/* כפתור וואטסאפ */
.btn-wa { background: #25D366; color: #fff; }
.btn-wa:hover { color: #0a0a0a; }

/* outline / pricing */
.btn-pricing {
  border: 2px solid #FFD700;
  color: #FFD700;
}
.btn-pricing:hover { background: #FFD700; }

/* קופה */
.btn-cart {
  border: 2px solid #FFD700;
  color: #FFD700;
  font-weight: 800;
}
.btn-cart svg { fill: currentColor; }

/* מובייל - רק אייקונים */
@media (max-width: 640px) {
  .topbar-actions a .label {
    display: none; /* מסתיר טקסט */
  }
  .topbar-actions a {
    padding: 10px;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    justify-content: center;
  }
  .topbar .logo img {
    height: 38px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-572f56d *//* ================================================================
   כללי - יישאר כפי שהוא
================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;600;700;800;900&display=swap');
body, html { font-family: 'Assistant', sans-serif; margin: 0; padding: 0; box-sizing: border-box; direction: rtl; }
.container-1400 { max-width: 1400px; margin-inline: auto; padding-inline: clamp(16px, 4vw, 24px); }
.gold-btn { /* הגדרות בסיסיות לכפתור הזהב */
  background: linear-gradient(135deg, #FFD700, #C38B1B);
  color: #0f0f10;
  padding: 14px 32px;
  font-weight: bold;
  font-size: 16px;
  border-radius: 999px;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 8px 24px rgba(255, 215, 0, 0.25);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.gold-btn:hover, .gold-btn:focus {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 12px 32px rgba(255, 215, 0, 0.4);
}

/* ================================================================
   Hero Section - עם קלאסים חדשים ומבודדים
================================================================ */
.hero-section {
  background: #0f0f10;
  color: #fff;
  padding-block: clamp(60px, 8vw, 100px);
  overflow: hidden;
}

.hero-section__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(32px, 6vw, 64px);
  flex-wrap: wrap-reverse;
}

/* טקסט */
.hero-section__text {
  flex: 1 1 500px;
  text-align: right;
}

.hero-section__title {
  font-size: clamp(2.1rem, 4.5vw, 3rem);
  font-weight: 900;
  line-height: 1.25;
  margin-bottom: 20px;
}
.hero-section__title .highlight { /* אם תרצה להדגיש את השורה האחרונה */
    color: #FFD700;
}

.hero-section__description {
  font-size: clamp(16px, 1.8vw, 18px);
  color: #CCCCCC;
  line-height: 1.8;
  margin-bottom: 32px;
  max-width: 600px;
}

.hero-section__sale-note {
  background: rgba(255,215,0,.1);
  color: #FFD700;
  border: 1px solid rgba(255,215,0,.2);
  display: inline-block;
  padding: 8px 16px;
  border-radius: 8px;
  font-weight: 700;
  margin-bottom: 32px;
}

/* ווידאו */
.hero-section__video {
  flex: 1 1 500px;
  min-width: 300px;
}

.hero-section__video-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* יחס 16:9 למחשב */
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
  background: #000;
}

.hero-section__video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 18px;
}
.hero-section__cta {
  display: block;
  margin-top: 16px;
  width:50%;
}
/* ================================================================
   רספונסיביות - פתרון סופי וקומפקטי למובייל
================================================================ */
@media (max-width: 767px) {
  .hero-section__video-wrapper {
    position: relative;
    width: 100%;
    padding-top: 66.66%; /* יחס 3:2 → 2/3 = 66.66% */
    overflow: hidden;
    border-radius: 12px; /* אם אתה רוצה פינות מעוגלות */
  }

  .hero-section__video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* ממלא את כל המסגרת ביחס */
  }
  .hero-section__cta {
    display: block;
    margin-top: 0px;
    width:100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d4c0fa4 *//* ===== Why Section – בסיס ===== */
.why-section {
  padding: 100px 24px;
  background: #121214;
  color: #fff;
  text-align: center;
}

.why-inner {
  max-width: 800px;
  margin: 0 auto;
}

.why-title {
  font-family: 'Assistant', sans-serif;
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 900;
  margin-bottom: 16px;
  background: linear-gradient(135deg, #FFD700, #C38B1B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.why-subtitle {
  font-size: 20px;
  font-weight: 600;
  color: #f5f5f5;
  margin-bottom: 28px;
}

.why-text {
  font-size: 17px;
  color: #cccccc;
  line-height: 1.9;
  margin-bottom: 20px;
}

/* ===== מובייל ≤ 767px ===== */
@media (max-width: 767px) {
  .why-section {
    padding: 64px 18px;              /* פחות גובה ורוחב */
  }

  .why-inner {
    max-width: 640px;                /* מעט צר יותר לנוחות קריאה */
  }

  .why-title {
    font-size: clamp(26px, 6vw, 34px);
    margin-bottom: 12px;
  }

  .why-subtitle {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .why-text {
    font-size: 16px;
    line-height: 1.85;
    margin-bottom: 16px;
  }
}

/* ===== מסכים קטנים מאוד ≤ 480px ===== */
@media (max-width: 480px) {
  .why-section {
    padding: 48px 16px;
  }

  .why-title {
    font-size: clamp(24px, 7.5vw, 30px);
  }

  .why-subtitle {
    font-size: 16px;
    margin-bottom: 16px;
  }

  .why-text {
    font-size: 15px;
    line-height: 1.8;
  }
}

/* אופציונלי: פחות תנועה למי שמבקש */
@media (prefers-reduced-motion: reduce) {
  .why-section, .why-title, .why-subtitle, .why-text {
    scroll-behavior: auto;
    animation: none;
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fa2d621 *//* =================================================== */
/* == סקשן מיתוג (טקסט לצד וידאו) - קוד CSS סופי == */
/* =================================================== */

/* 
  הגדרות כלליות לסקשן עם רקע משודרג:
  הוספנו תאורה עדינה מלמעלה ששוברת את הרקע השחור.
*/
.reels-section {
  background-color: #0f0f10;
  background-image: radial-gradient(circle at 50% -20%, rgba(255, 215, 0, 0.07), transparent 30%);
  padding: clamp(60px, 8vw, 120px) 0;
  color: #fff;
  direction: rtl;
  position: relative;
  overflow: hidden;
}

/* פריסת חצויה */
.branding-split-wrapper {
  display: grid;
  grid-template-columns: 1.5fr 1fr; 
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
}

/* ------------------------- */
/* -- עיצוב אזור הטקסט -- */
/* ------------------------- */

.branding-text-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.section-title {
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 800;
  line-height: 1.4;
  margin: 0;
}

.section-subtitle {
  font-size: clamp(16px, 2vw, 20px);
  color: #c5c5c5;
  line-height: 1.5;
  margin: 0 0 16px 0;
}

.section-text {
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: 1.7;
  color: #ededed;
  margin: 0;
}

.section-text strong {
  color: #FFD700;
}

/* ------------------------- */
/* -- עיצוב הכפתור החדש -- */
/* ------------------------- */

/* עיצוב כללי לכפתורי זהב (ניתן לשימוש חוזר) */
.gold-btn {
  display: inline-block;
  text-decoration: none;
  color: #121214;
  background: linear-gradient(135deg, #FFD700, #C38B1B);
  padding: 12px 28px;
  border-radius: 8px;
  font-weight: 700;
  font-size: clamp(15px, 1.8vw, 17px);
  text-align: center;
  transition: all .3s ease;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(255, 215, 0, 0.2);
}

.gold-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);
}

/* התאמות ספציפיות לכפתור בסקשן הזה */
.branding-cta {
  margin-top: 24px; /* רווח מעל הכפתור */
  align-self: flex-start; /* הצמדה לימין (ב-RTL) */
}


/* ------------------------- */
/* -- עיצוב אזור הווידאו -- */
/* ------------------------- */

.branding-video-item {
  max-width: 380px; 
  width: 100%;
  margin-inline-start: auto; 
}

/* כרטיס וידאו עם מסגרת זהב */
.reel-card {
  border: 2px solid transparent;
  background:
    linear-gradient(#121214, #121214) padding-box,
    linear-gradient(135deg, #FFD700, #C38B1B) border-box;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  transition: transform .25s ease, box-shadow .25s ease;
}
.reel-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 44px rgba(255,215,0,.18);
}

/* מסגרת פנימית לווידאו */
.reel-frame {
  position: relative;
  width: 100%;
  background: #000;
}

.reel-frame video {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}


/* =================================== */
/* == רספונסיביות למסכים קטנים == */
/* =================================== */

@media (max-width: 991px) {
  /* הפוך לפריסה של עמודה אחת */
  .branding-split-wrapper {
    grid-template-columns: 1fr;
  }
  
  .branding-video-item {
      max-width: 420px; 
      margin: 0 auto;
  }

  /* סדר האלמנטים: טקסט יופיע מעל הווידאו */
  .branding-text-content {
    order: 1;
    text-align: center; 
  }
  .branding-video-item {
    order: 2;
  }

  /* ממקם את הכפתור במרכז במסך מובייל */
  .branding-cta {
    align-self: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dffb873 *//* ===================================== */
/* ==      סקשן שלבים - עיצוב חדש     == */
/* ===================================== */

.steps-section {
  background-color: #0f0f10;
  padding-block: clamp(60px, 8vw, 100px);
  color: #fff;
  text-align: center;
  position: relative;
  overflow: hidden;
}
/* הוסיף תחושת עומק עדינה */
.steps-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 400px;
  background: radial-gradient(circle at 50% 0%, rgba(255, 215, 0, 0.05), transparent 70%);
  pointer-events: none;
}

.section-head {
  margin-bottom: 64px;
  max-width: 700px;
  margin-inline: auto;
}

.section-title {
  font-size: clamp(30px, 4.2vw, 44px);
  font-weight: 800;
  line-height: 1.4;
  margin-bottom: 16px;
}

.gold-text {
  background: linear-gradient(135deg, #FFD700, #C38B1B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.section-desc {
  font-size: clamp(16px, 2vw, 18px);
  color: #ccc;
  line-height: 1.7;
}

/* 
  גריד השלבים 
*/
.steps-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 32px;
}

/*
  קופסת השלב - העיצוב החדש והממורכז
*/
.step-box {
  background: #131316; /* רקע אחיד ונקי */
  border: 1px solid #2a2a2e; /* מסגרת עדינה */
  padding: 32px 24px;
  border-radius: 18px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center; /* ממורכז הכל */
  gap: 24px; /* רווח בין האייקון לתוכן */
}

.step-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.5);
  border-color: #c38b1b;
}

/*
  אייקון המספר העגול
*/
.step-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #FFD700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0; /* מונע התכווצות */
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.step-box:hover .step-icon {
  background-color: rgba(255, 215, 0, 0.1);
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.3);
}

.step-icon span {
  font-size: 20px;
  font-weight: 700;
  color: #FFD700;
}

/* תוכן הטקסט */
.step-content {
  text-align: center;
}

.step-content h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 12px;
  color: #ffffff; /* כותרת לבנה חזקה */
}

.step-content p {
  font-size: 16px;
  line-height: 1.7;
  color: #b5b5b5;
}

.step-content p strong {
  color: #FFD700;
  font-weight: 700;
}

/* 
  רספונסיביות
*/
@media (max-width: 992px) {
  .steps-grid {
    gap: 24px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ab0c4bc *//* ===================================== */
/* ==   סקשן מיקום - עיצוב חדש 2024   == */
/* ===================================== */

.location-section {
  background-color: #0f0f10;
  /* רקע עם טקסטורת רשת עדינה שמוסיפה עניין */
  background-image: 
    radial-gradient(circle at 50% 50%, rgba(255, 215, 0, 0.05), transparent 40%),
    linear-gradient(rgba(255,255,255,0.01) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.01) 1px, transparent 1px);
  background-size: 100% 100%, 50px 50px, 50px 50px;
  color: #fff;
  padding-block: clamp(60px, 8vw, 100px);
  direction: rtl;
}

/* 
  פריסת גריד חדשה: טקסט לצד מפה 
*/
.location-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr; /* נותן קצת יותר מקום לתוכן */
  align-items: center;
  gap: clamp(32px, 6vw, 80px);
}

/* עמודת התוכן (ימין) */
.location-content {
  text-align: right;
}

.section-title {
  font-size: clamp(30px, 4.2vw, 44px);
  font-weight: 800;
  line-height: 1.4;
  margin-bottom: 12px;
}

.gold-text {
  background: linear-gradient(135deg, #FFD700, #C38B1B);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-sub {
  font-size: clamp(17px, 2.2vw, 20px);
  font-weight: 500;
  color: #ededed;
  margin-bottom: 32px;
}

/* רשימת תועלות מעוצבת */
.benefits-list {
  list-style: none;
  padding: 0;
  margin: 0 0 40px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.benefits-list li {
  font-size: 16px;
  line-height: 1.7;
  color: #CCCCCC;
  padding-right: 28px;
  position: relative;
}

.benefits-list li::before {
  content: '✔';
  position: absolute;
  right: 0;
  top: 2px;
  color: #FFD700;
  font-weight: 600;
}

.benefits-list li strong {
  color: #fff;
  font-weight: 600;
}

/* קאונטר משודרג */
.traffic-counter {
  background: #131316;
  border: 1px solid #2a2a2e;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
}

.counter-label {
  font-size: 14px;
  color: #b5b5b5;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.counter-number {
  font-size: clamp(32px, 5vw, 48px);
  font-weight: 800;
  color: #FFD700;
  line-height: 1.2;
}

.counter-unit {
  font-size: 16px;
  font-weight: 500;
  color: #ccc;
  display: block;
}


/* עמודת המפה (שמאל) */
.map-embed iframe {
  width: 100%;
  height: 450px;
  border-radius: 18px;
  border: 1px solid #333;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}

/* רספונסיביות */
@media (max-width: 992px) {
  .location-grid {
    grid-template-columns: 1fr; /* עמודה אחת */
  }

  .location-content {
    text-align: center; /* ממרכזים הכל במובייל */
  }

  .benefits-list {
    text-align: right; /* שומר על יישור הטקסט ברשימה */
    display: inline-flex; /* מונע מהרשימה לתפוס רוחב מלא */
    margin-bottom: 32px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd504aa *//* ======================================================= */
/* == סקשן הצעה מיוחדת - גרסה סופית עם לייבל הטבה == */
/* ======================================================= */

.promo-section {
  background-color: #131316;
  background-image: radial-gradient(circle at 100% 0%, rgba(255, 215, 0, 0.05), transparent 30%);
  padding: clamp(60px, 8vw, 100px) 0;
  color: #fff;
  direction: rtl;
}

.promo-wrapper {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  align-items: center;
  gap: clamp(32px, 5vw, 64px);
}

/* עמודת התמונה */
.promo-image {
  text-align: center;
}
.promo-image img {
  width: 100%;
  max-width: 500px;
  border-radius: 18px;
  border: 1px solid #333;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}

/* עמודת התוכן */
.promo-content {
  text-align: right;
}

.promo-title {
  font-size: clamp(28px, 3.8vw, 38px);
  font-weight: 800;
  line-height: 1.45;
  margin-bottom: 24px; /* הגדלנו קצת את הרווח מתחת לכותרת */
}

.gold-text {
  background: linear-gradient(135deg, #FFD700, #C38B1B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 
  == כאן העיצוב החדש של הלייבל ==
  מחליף את הסאב-כותרת הקודמת.
*/
.promo-label {
  display: inline-block; /* הופך את הרקע לעטוף את הטקסט */
  background-color: rgba(255, 215, 0, 0.1); /* רקע זהב שקוף */
  border: 1px solid #FFD700; /* מסגרת זהב */
  color: #FFD700;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 32px;
}


/* רשימת התועלות */
.promo-features {
  list-style: none;
  padding: 0;
  margin: 0 0 32px 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.promo-features li {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

/* אייקון וי */
.feature-icon {
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #FFD700, #C38B1B);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}
.feature-icon::before {
  content: '';
  width: 14px;
  height: 14px;
  background-color: #131316;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>') no-repeat center;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>') no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.feature-text {
  font-size: 16px;
  line-height: 1.7;
  color: #CCCCCC;
}
.feature-text strong {
  color: #fff;
  font-weight: 600;
}

/* כפתור */
.gold-btn {
  background: linear-gradient(135deg, #FFD700, #C38B1B);
  color: #0A0A0A;
  padding: 14px 32px;
  font-weight: 700;
  font-size: 16px;
  border-radius: 8px;
  text-decoration: none;
  display: inline-block;
  transition: 0.3s ease;
  box-shadow: 0 8px 24px rgba(255,215,0,0.25);
}
.gold-btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(255,215,0,0.4);
}

/* רספונסיביות */
@media (max-width: 992px) {
  .promo-wrapper {
    grid-template-columns: 1fr;
  }
  .promo-content {
    text-align: center;
  }
  .promo-features {
    text-align: right;
    display: inline-flex;
    flex-direction: column;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fcdf43a *//* ======================================================= */
/* ==   סקשן קהלי יעד - גרסה סופית עם אייקוני SVG       == */
/* ======================================================= */

.audience-section-final {
  background-color: #0f0f10;
  padding: clamp(60px, 8vw, 100px) 0;
  color: #fff;
  text-align: center;
}

.section-head {
  margin-bottom: 64px;
  max-width: 800px;
  margin-inline: auto;
}

.audience-title {
  font-size: clamp(30px, 4.2vw, 42px);
  font-weight: 800;
  line-height: 1.4;
  margin-bottom: 16px;
}

.audience-subtitle {
  font-size: clamp(17px, 2.2vw, 19px);
  color: #ccc;
  max-width: 55ch;
  margin-inline: auto;
}

.gold-text {
  background: linear-gradient(135deg, #FFD700, #C38B1B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 
  הגריד החדש - 4 עמודות במחשב, 2 במובייל
*/
.audience-grid-final {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(32px, 5vw, 48px);
  max-width: 1000px;
  margin-inline: auto;
}

/*
  כרטיס האייקון 
*/
.audience-card-final {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  cursor: default;
}

.icon-wrapper {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 2px solid #333;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.icon-wrapper svg {
  width: 44px;
  height: 44px;
  stroke: #888; /* צבע קו המתאר של האייקון */
  transition: all 0.3s ease;
}

.audience-card-final p {
  font-size: 16px;
  font-weight: 500;
  color: #ccc;
  transition: color 0.3s ease;
}

/* 
  אפקט ה-Hover האינטראקטיבי 
*/
.audience-card-final:hover .icon-wrapper {
  background: radial-gradient(circle, #FFD700, #C38B1B);
  border-color: #FFD700;
  transform: scale(1.05);
  box-shadow: 0 0 25px rgba(255, 215, 0, 0.2);
}

.audience-card-final:hover .icon-wrapper svg {
  stroke: #111; /* צבע האייקון במעבר עכבר */
  transform: scale(1.1);
}

.audience-card-final:hover p {
  color: #FFD700;
  font-weight: 600;
}


/* 
  רספונסיביות - 2 עמודות במובייל
*/
@media (max-width: 768px) {
  .audience-grid-final {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 16px; /* רווח אנכי ואופקי */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6919cb8 *//* ======================================================= */
/* ==   סקשן חבילות - גרסה סופית עם חבילות ממורכזות    == */
/* ======================================================= */

.packages-section {
  background-color: #0f0f10;
  border-top: 1px solid #2a2a2e;
  color: #fff;
  padding: clamp(60px, 8vw, 100px) 0;
  direction: rtl;
}

.packages-head {
  text-align: center;
  margin-bottom: 48px;
}

.packages-title {
  font-weight: 800;
  font-size: clamp(30px, 4.2vw, 42px);
  margin: 0 0 12px;
}

.packages-sub {
  color: #cfcfcf;
  font-size: clamp(15px, 2vw, 17px);
}

/* הדגשה חזקה יותר להטבת ההשקה */
.packages-sub .gold-text {
  background: linear-gradient(135deg, #FFD700, #C38B1B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 900;
  font-size: clamp(16px, 2.2vw, 19px);
  padding: 0 4px;
  letter-spacing: .2px;
}

/* גריד חבילות ראשיות */
.packages-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
@media (max-width: 1100px) { .packages-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px)  { .packages-grid { grid-template-columns: 1fr; } }

/* עיצוב כרטיס חבילה */
.pkg-card {
  background: #18181b;
  border: 1px solid #2a2a2e;
  border-radius: 18px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.pkg-card:hover {
  transform: translateY(-6px);
  border-color: rgba(255, 215, 0, 0.5);
  box-shadow: 0 12px 32px rgba(0,0,0,0.4);
}

/* כרטיס מומלץ */
.pkg-card.featured {
  border: 2px solid #FFD700;
  box-shadow: 0 0 35px rgba(255, 215, 0, 0.15);
}

.pkg-badge {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #FFD700, #C38B1B);
  color: #0A0A0A;
  font-weight: 700;
  font-size: 13px;
  padding: 6px 16px;
  border-radius: 999px;
  white-space: nowrap;
}

/* תוכן הכרטיס */
.pkg-top {
  text-align: center;
  margin-bottom: 16px;
}

.pkg-name {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
}

.pkg-benefit {
  font-size: 15px;
  color: #FFD700;
  margin: 6px 0 10px;
  min-height: 22px;
}

/* ====== הופעות ביום – מודגש כתווית זהובה ====== */
.pkg-impressions {
  display: inline-block;
  margin-top: 2px;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 18px;
  font-weight: 900;
  color: #0a0a0a;
  background: linear-gradient(135deg, #FFD700, #C38B1B);
  box-shadow: 0 6px 18px rgba(255, 215, 0, 0.18);
}

/* מחיר */
.pkg-price {
  text-align: center;
  margin: 16px 0;
}
.price {
  font-size: 38px;
  font-weight: 800;
}
.vat {
  font-size: 14px;
  color: #bdbdbd;
}

/* רשימת יתרונות */
.pkg-list {
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
  display: grid;
  gap: 10px;
  flex-grow: 1;
}
.pkg-list li {
  font-size: 14px;
  color: #d8d8d8;
  padding-right: 22px;
  position: relative;
}
.pkg-list li::before {
  content: "✔";
  color: #FFD700;
  position: absolute;
  right: 0;
}

/* כפתור */
.pkg-btn {
  display: block;
  text-align: center;
  background: linear-gradient(135deg, #FFD700, #C38B1B);
  color: #0a0a0a;
  padding: 12px 20px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 16px;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}
.pkg-btn:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 24px rgba(255,215,0,0.3);
}

/* ============== חבילות טעימה ============== */
.small-packages-slider {
  margin-top: 64px;
}
.slider-title {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #e0e0e0;
  margin-bottom: 24px;
}
/* עטיפה למרכוז */
.slider-wrapper {
  display: flex;
  justify-content: center;
}
.slider-container {
  display: flex;
  flex-wrap: wrap; /* ירידת שורה במסכים קטנים */
  justify-content: center;
  gap: 24px;
}
.slider-card {
  width: 280px;
  background: #18181b;
  border: 1px solid #2a2a2e;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
}
.slider-card h4 { margin: 0 0 4px; font-size: 18px; }
.slider-card p  { margin: 0 0 16px; font-size: 14px; color: #ccc; }
.slider-price   { font-size: 28px; font-weight: 700; color: #FFD700; margin-bottom: 16px; }
.slider-btn {
  display: block;
  background-color: transparent;
  color: #FFD700;
  border: 1px solid #FFD700;
  padding: 8px 16px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.slider-btn:hover { background-color: #FFD700; color: #0a0a0a; }

/* ============== רספונסיביות ============== */
@media (max-width: 480px) {
  .price { font-size: 34px; }
  .pkg-name { font-size: 20px; }
  .pkg-benefit { font-size: 14px; }
  .pkg-impressions { font-size: 16px; padding: 6px 12px; } /* קצת קטן יותר במובייל */
  .pkg-btn { font-size: 15px; padding: 11px 18px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-580f17b *//* ======================================================= */
/* ==   סקשן שיווקי סופי - עם מבנה תוכן משופר         == */
/* ======================================================= */

.final-pitch-section {
  background-color: #131316;
  padding: clamp(60px, 8vw, 100px) 0;
  color: #fff;
  direction: rtl;
}

.final-pitch-wrapper {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  gap: clamp(32px, 6vw, 80px);
}

/* עמודת התוכן */
.final-pitch-content .section-title {
  font-size: clamp(28px, 4vw, 38px);
  font-weight: 800;
  line-height: 1.45;
  margin-bottom: 16px;
}
.final-pitch-content .section-sub {
  font-size: clamp(16px, 2vw, 18px);
  color: #ccc;
  margin-bottom: 32px;
  max-width: 50ch;
}
.final-pitch-content .gold-text {
  background: linear-gradient(135deg, #FFD700, #C38B1B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 
  == כאן השינוי לעיצוב רשימת היתרונות ==
*/
.advantages-list {
  list-style: none;
  padding: 0;
  margin: 0 0 32px 0;
  display: flex;
  flex-direction: column;
  gap: 24px; /* הגדלנו מעט את הרווח בין הפריטים */
}
.advantages-list li {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.advantage-icon {
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #FFD700, #C38B1B);
  color: #131316;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  flex-shrink: 0;
  margin-top: 3px; /* יישור עדין מול הכותרת */
}
/* בלוק התוכן החדש */
.advantage-block {
  display: flex;
  flex-direction: column;
}
.advantage-title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 4px 0;
}
.advantage-desc {
  font-size: 15px;
  line-height: 1.7;
  color: #CCCCCC;
  margin: 0;
}


/* כפתור */
.final-pitch-content .gold-btn {
  padding: 14px 32px;
  font-size: 16px;
}

/* עמודת הווידאו */
.final-pitch-video {
  height: 500px;
  max-width: 100%;
  background-color: #000;
  border-radius: 18px;
  border: 1px solid #333;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.final-pitch-video video {
  height: 100%;
  width: auto;
  border-radius: 0;
  border: none;
  box-shadow: none;
}

/* רספונסיביות */
@media (max-width: 992px) {
  .final-pitch-wrapper {
    grid-template-columns: 1fr;
  }
  .final-pitch-content {
    text-align: center;
  }
  .final-pitch-content .section-sub {
    margin-inline: auto;
  }
  .advantages-list {
    text-align: right;
    display: inline-flex;
    flex-direction: column;
  }
  .final-pitch-video {
    order: -1;
    height: 450px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1548bf4 *//* ======================================================= */
/* ==   סקשן יצירת קשר - עם צבע וואטסאפ ו-וי משופרים   == */
/* ======================================================= */

.support-section {
  background-color: #0f0f10;
  color: #fff;
  padding: clamp(60px, 8vw, 100px) 0;
  direction: rtl;
  text-align: center;
}

.support-box {
  max-width: 980px;
  margin-inline: auto;
  padding: clamp(32px, 5vw, 48px);
  border: 2px solid transparent;
  background:
    linear-gradient(#121214, #121214) padding-box,
    linear-gradient(135deg, #FFD700, #C38B1B) border-box;
  border-radius: 24px;
  box-shadow: 0 12px 36px rgba(0,0,0,0.35);
}

.support-title {
  font-weight: 800;
  font-size: clamp(28px, 4vw, 38px);
  margin: 0 0 12px;
}
.support-sub {
  font-size: clamp(17px, 2vw, 19px);
  color: #FFD700;
  margin: 0 0 16px;
  font-weight: 600;
}
.support-desc {
  font-size: 16px;
  color: #cccccc;
  line-height: 1.8;
  max-width: 65ch;
  margin: 0 auto 32px;
}

/* כפתורים */
.support-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 2vw, 16px);
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.support-actions a {
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: transform .2s ease, box-shadow .2s ease;
  white-space: nowrap;
}
.support-actions a:hover { transform: translateY(-3px); }

.support-actions a svg {
  width: 20px;
  height: 20px;
}

/* זהב */
.gold-btn {
  background: linear-gradient(135deg, #FFD700, #C38B1B);
  color: #0a0a0a;
  border: none;
  box-shadow: 0 8px 24px rgba(255,215,0,.25);
}
.gold-btn:hover { box-shadow: 0 12px 32px rgba(255,215,0,.38); }

/* 
  == שינוי #1: צבע כפתור הוואטסאפ עודכן ==
*/
.btn-wa {
  background: #25D366; /* צבע ירוק חדש */
  color: #fff;
  border: none;
  box-shadow: 0 8px 22px rgba(37, 211, 102, .35); /* צל מעודכן */
}
.btn-wa:hover { box-shadow: 0 12px 28px rgba(37, 211, 102, .45); } /* צל מעודכן */


/* כפתור outline כהה */
.btn-outline-dark {
  background: transparent;
  color: #FFD700;
  border: 2px solid #FFD700;
  transition-duration: .2s;
}
.btn-outline-dark:hover { background: rgba(255,215,0,.1); }

/* תועלות קצרות */
.support-perks {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  color: #d8d8d8;
  font-size: 14px;
}
.support-perks li {
    display: inline-flex;
    align-items: center;
}

/*
  == שינוי #2: ה-V הפך לגרדיאנט זהב ==
*/
.support-perks li::before {
  content: "✔";
  margin-inline-end: 8px; /* שיניתי לכיווניות נכונה */
  font-weight: 900;
  background: linear-gradient(135deg, #FFD700, #C38B1B);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* רספונסיביות */
@media (max-width: 540px) {
  .support-desc { font-size: 15px; }
  .support-actions { gap: 12px; }
  .support-actions a {
    width: 100%;
    max-width: 420px;
  }
}/* End custom CSS */