/* ============ 07 · תעשיית הדיאטות ============
   Figma: desktop 277:650 (1280×1227) / mobile 277:680 (390×1239).

   הסקשן הכהה היחיד באמצע הדף. הוא מדבר על מה שהתעשייה עשתה, ולכן הוא
   גם נראה אחרת - הרקע מחליף צבע ואיתו מחליף גם הטון.
   כל הצבעים כאן מחושבים מראש מול הנייבי ולא ב-alpha, כדי שאף טקסט לא
   ירד בפועל מתחת ל-78% קריאות. */

.s07{
  background:var(--navy);
  padding-block:80px;
}
.s07__wrap{
  width:100%;max-width:680px;margin-inline:auto;
  display:flex;flex-direction:column;align-items:center;
  gap:36px;
  text-align:center;
}

.s07__title{
  font-family:var(--f-head);font-weight:700;
  font-size:44px;line-height:55px;
  color:#fff;
  letter-spacing:-.01em;
}
.s07__title .em{color:var(--sky);font-weight:700;}

/* חמש הפקודות של התעשייה. קו אחד מעליהן, בדיוק כמו הציטוט בסקשן 05,
   כי גם כאן זה ציטוט - רק שהפעם זה קול חיצוני ולא הקול הפנימי */
.s07__rules{
  display:flex;flex-direction:column;align-items:center;gap:22px;
}
.s07__rules::before{
  content:"";
  width:72px;height:3px;border-radius:999px;
  background:#4c608f;                /* #7994cb ב-55% מעל הנייבי */
}
.s07__rules ul{
  display:flex;flex-direction:column;gap:14px;
  list-style:none;
  font-family:var(--f-body);font-weight:600;
  font-size:22px;line-height:33px;
  color:#e7e7e9;                     /* לבן ב-90% מעל הנייבי */
}

.s07__group{
  display:flex;flex-direction:column;gap:14px;
  font-family:var(--f-body);font-weight:400;
  font-size:22px;line-height:33px;
  color:#d3d4d7;                     /* לבן ב-82% מעל הנייבי */
}
.s07__group strong{color:#fff;font-weight:700;}

.s07__ask{
  font-family:var(--f-head);font-weight:700;
  font-size:34px;line-height:45px;
  color:#fff;
  letter-spacing:-.01em;
}
.s07__verdict{
  font-family:var(--f-body);font-weight:600;
  font-size:24px;line-height:39px;
  color:#fff;
}
.s07__verdict strong{font-weight:700;}

/* ============ mobile ============ */
@media (max-width:1199px){
  .s07{padding-block:60px;}
  .s07__wrap{gap:30px;}
  .s07__title{font-size:30px;line-height:38px;}
  .s07__rules{gap:18px;}
  .s07__rules::before{width:52px;height:2px;}
  .s07__rules ul{gap:12px;}
  .s07__group{gap:12px;}
  .s07__ask{font-size:26px;line-height:34px;}
}