/* =========================================================
   תיקון סדר וצבע — הסיפור מופיע אחרי אזור הפתיחה הראשי
   ========================================================= */

.opening-story{
  width:min(1180px,92vw) !important;
  min-height:auto !important;
  height:auto !important;
  margin:34px auto 42px !important;
  padding:34px !important;
  display:grid !important;
  grid-template-columns:46% 54% !important;
  gap:34px !important;
  align-items:center !important;
  border:1px solid rgba(218,178,106,.30) !important;
  border-radius:28px !important;
  background:
    linear-gradient(145deg,rgba(6,12,19,.94),rgba(12,20,29,.90)) !important;
  box-shadow:0 26px 70px rgba(0,0,0,.22) !important;
}

/* לא מזיזים יותר את ה-topbar בגלל אזור הסיפור */
.opening-story + .topbar,
.topbar{
  top:0 !important;
}

.opening-story-copy{
  max-width:560px !important;
  color:#f5ead8 !important;
}

.opening-story-kicker{
  color:#d8ac61 !important;
  opacity:1 !important;
}

.opening-story h1{
  color:#f0c978 !important;
  text-shadow:0 2px 12px rgba(0,0,0,.35) !important;
}

.opening-story-lead{
  color:#fff1d3 !important;
  font-weight:700 !important;
  text-shadow:0 1px 8px rgba(0,0,0,.30) !important;
}

.opening-story-copy p{
  color:#eadfcf !important;
  opacity:1 !important;
  text-shadow:0 1px 6px rgba(0,0,0,.20) !important;
}

.opening-story-button{
  background:linear-gradient(180deg,#d9ad62,#ad7c34) !important;
  color:#17110b !important;
  border-color:#d8aa58 !important;
}

/* התמונות נשארות בולטות אבל מעט קומפקטיות יותר */
.opening-story-photos{
  height:520px !important;
}

.story-photo-main{
  width:62% !important;
  height:84% !important;
  right:10% !important;
  top:8% !important;
}

.story-photo-top{
  width:34% !important;
  height:38% !important;
  left:0 !important;
  top:0 !important;
}

.story-photo-bottom{
  width:36% !important;
  height:39% !important;
  left:2% !important;
  bottom:0 !important;
}

/* מובייל */
@media(max-width:700px){
  .opening-story{
    width:calc(100% - 24px) !important;
    margin:18px auto 26px !important;
    padding:18px 14px !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    border-radius:22px !important;
  }

  .opening-story-copy{
    order:2 !important;
    text-align:center !important;
  }

  .opening-story-photos{
    order:1 !important;
    height:360px !important;
  }

  .opening-story h1{
    font-size:46px !important;
    margin-bottom:10px !important;
  }

  .opening-story-lead{
    font-size:17px !important;
  }

  .opening-story-copy p{
    font-size:13.5px !important;
    line-height:1.65 !important;
  }
}

/* בדיקת גרסת מחשב דרך הטלפון */
@media(pointer:coarse) and (min-width:701px) and (max-width:1300px){
  .opening-story{
    width:94% !important;
    min-height:0 !important;
    height:auto !important;
    margin:22px auto 30px !important;
    padding:24px !important;
    grid-template-columns:46% 54% !important;
  }

  .opening-story-photos{
    height:430px !important;
  }

  .opening-story h1{
    font-size:48px !important;
  }

  .opening-story-lead{
    font-size:15px !important;
  }

  .opening-story-copy p{
    font-size:11.5px !important;
    line-height:1.55 !important;
  }
}