/* =========================================================
   תיקון סופי לאזור הסיפור
   - קומפקטי יותר בגובה
   - הסיפור החדש הוא היעד של כפתור "להכיר את חיים איצ'ה"
   - אין כפתור רכישת ספר מתחת לכותרת הראשית
   ========================================================= */

.opening-story{
  min-height:0 !important;
  height:auto !important;
  padding-top:22px !important;
  padding-bottom:22px !important;
  margin-top:20px !important;
  margin-bottom:26px !important;
}

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

.story-photo-main{
  height:82% !important;
}

.story-photo-top{
  height:35% !important;
}

.story-photo-bottom{
  height:36% !important;
}

.opening-story-copy p{
  margin-bottom:8px !important;
  line-height:1.58 !important;
}

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

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

.opening-story-button{
  margin-top:5px !important;
  padding:9px 18px !important;
}

/* במובייל אפילו יותר קומפקטי */
@media(max-width:700px){
  .opening-story{
    padding:14px 12px !important;
    gap:12px !important;
  }

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

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

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

  .opening-story-copy p{
    font-size:12px !important;
    line-height:1.5 !important;
    margin-bottom:6px !important;
  }

  .opening-story-button{
    padding:7px 14px !important;
    font-size:12px !important;
  }
}

/* טלפון במצב גרסת מחשב */
@media(pointer:coarse) and (min-width:701px) and (max-width:1300px){
  .opening-story{
    padding:18px !important;
  }

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

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

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

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