/* etgar.css — תוספות לעמוד האתגר. נטען אחרי mifgash.css, שממנו הבסיס (הירו, טופס, CTA סופי). */

/* ---------- עובדות בהירו ---------- */
.etg-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 22px;max-width:34rem}
.etg-facts div{background:var(--pale);border-radius:14px;padding:12px 8px;text-align:center}
.etg-facts b{display:block;font-family:var(--ff-head);font-weight:var(--fw-head);font-size:17px;color:var(--deep);line-height:1.3}
.etg-facts span{display:block;font-size:12.5px;color:var(--ink-soft);line-height:1.4;margin-top:2px}
@media(max-width:560px){.etg-facts{grid-template-columns:1fr 1fr;margin-bottom:16px}}

/* ---------- ארבעת הימים ---------- */
.etg-days{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.etg-day{background:#fff;border-radius:20px;padding:26px 22px;box-shadow:var(--shadow);border:1px solid rgba(44,62,62,.06)}
.etg-n{font-size:13.5px;font-weight:700;color:var(--turq-deep);margin-bottom:10px}
.etg-day h3{font-size:19px;color:var(--deep);margin-bottom:8px}
.etg-day p{font-size:15.5px;line-height:1.7;color:var(--ink-soft)}
.etg-live{background:var(--deep);border-color:var(--deep)}
.etg-live .etg-n{color:#9EE3E3}
.etg-live h3{color:#fff}
.etg-live p{color:rgba(255,255,255,.82)}
.how{max-width:46rem;margin:28px auto 0;text-align:center;font-size:16px;line-height:1.75;color:var(--ink-soft)}
.how b{color:var(--deep)}
@media(max-width:1000px){.etg-days{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.etg-days{grid-template-columns:1fr}}

/* ---------- ציטוט ---------- */
.etg-quote{margin:22px 0 0;padding:18px 20px;background:#fff;border-radius:16px;border-inline-start:4px solid var(--turq-deep)}
.etg-quote p{font-size:16.5px;line-height:1.7;color:var(--ink);margin:0 0 6px}
.etg-quote cite{font-style:normal;font-size:14px;font-weight:700;color:var(--deep)}

/* ---------- חברה ---------- */
.friends .center,.friends .lp-h2{text-align:center}

/* ---------- אחרי ההרשמה: קישור אישי ---------- */
.invite{margin-top:22px;padding-top:20px;border-top:1px solid var(--pale-deep);display:grid;gap:10px;text-align:center}
.invite b{font-size:17px;color:var(--deep)}
.invite span{font-size:14.5px;line-height:1.6;color:var(--ink-soft)}
.invite .btn{width:100%}
.invite-copy{background:none;border:0;font:inherit;font-size:14px;color:var(--turq-deep);text-decoration:underline;cursor:pointer;padding:4px}
.lp-final .reg-card .invite span{color:var(--ink-soft);font-size:14.5px}

/* ---------- הירו שקט: כותרת, משפט, שורת פרטים, טופס ---------- */
.lp-hero .etg-h1{color:var(--deep);margin-bottom:14px}
.etg-lead{max-width:34rem}
.etg-when{font-size:15.5px;font-weight:600;color:var(--turq-deep);margin:0 0 22px}
@media(max-width:940px){.etg-when{margin-bottom:18px}}

/* ---------- הכאב עם תמונה ---------- */
.etg-pain{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.etg-pain-img img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:50% 30%;border-radius:24px;box-shadow:var(--shadow-lg);display:block}
.etg-pain-text .lp-p:last-child{margin-bottom:0}
@media(max-width:860px){.etg-pain{grid-template-columns:1fr;gap:28px}.etg-pain-img{order:-1}.etg-pain-img img{aspect-ratio:1/1;object-position:50% 30%}}

/* ---------- מובייל: תמונה של ורד בין הפסקה לטופס, ומרווח נשימה ---------- */
.etg-mphoto{display:none}
@media(max-width:940px){
  .lp-hero{padding:36px 0 64px}
  .lp-hero .etg-h1{margin-bottom:18px}
  .lp-hero .etg-lead{line-height:1.8;margin-bottom:20px}
  .etg-when{margin-bottom:26px}
  .etg-mphoto{display:block;position:relative;margin:0 0 40px}
  .etg-mphoto img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 18%;border-radius:24px;box-shadow:var(--shadow-lg);display:block}
  .etg-mphoto .photo-tag{bottom:-16px;inset-inline-start:14px}
}

/* ---------- ליטוש (01.11): ניגודיות, פחות רעש ---------- */
.lp-hero::before{display:none}
.lp-hero{background:linear-gradient(180deg,var(--cream) 0%,#F3FAF9 100%)}
.lp-hero .etg-h1{font-size:clamp(2.3rem,4.8vw,3.6rem)}
.lp-hero .etg-lead{font-weight:400;color:var(--ink);font-size:18px;line-height:1.8}
.lp-hero .etg-lead strong{font-weight:700;color:var(--deep)}
.etg-when{font-size:16px}
.etg-days{margin-top:8px}
.etg-day p{color:var(--ink)}
.how{color:var(--ink)}
.etg-final{max-width:34rem;margin:0 auto}
.etg-final .reg-card{max-width:none}
section{padding:80px 0}
@media(max-width:940px){section{padding:60px 0}.lp-hero .etg-lead{font-size:17px}}

/* ---------- הגרלה: כרטיס בולט ---------- */
.raffle{display:flex;align-items:center;gap:26px;max-width:46rem;margin:36px auto 0;padding:28px 32px;border-radius:24px;
  background:var(--deep);color:#fff;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}
.raffle::after{content:"";position:absolute;inset-inline-end:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:rgba(201,168,76,.16)}
.raffle-ico{width:76px;height:76px;flex:none;transform:rotate(-12deg);position:relative;z-index:1}
.raffle-body{position:relative;z-index:1}
.raffle h3{font-family:var(--ff-head);font-weight:var(--fw-head);font-size:clamp(1.4rem,2.6vw,1.8rem);color:#fff;margin-bottom:8px}
.raffle p{font-size:16.5px;line-height:1.7;color:rgba(255,255,255,.86);margin:0}
.raffle p b{color:var(--gold-light);font-weight:600}
@media(max-width:560px){.raffle{flex-direction:column;text-align:center;gap:14px;padding:26px 22px}.raffle-ico{width:64px;height:64px}}
.etg-when{margin-bottom:12px}
.etg-pill{display:inline-flex;align-items:center;gap:9px;background:var(--pale);border:1px solid var(--pale-deep);color:var(--deep);
  font-size:15px;font-weight:600;padding:8px 16px 8px 18px;border-radius:999px;margin:0 0 24px}
.etg-pill svg{width:24px;height:24px;flex:none;transform:rotate(-12deg)}
@media(max-width:940px){.etg-when{margin-bottom:12px}.etg-pill{margin-bottom:26px;font-size:14.5px}}