/* תזונה וספורט */
.wellness .area__head { gap: 12px; }
.wellness .area__head h1 { flex: 1; font-size: 26px; }
.seg .icon { flex: none; }

/* כרטיס בדף הבית */
.ex-card { display: flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; }
.ex-card img { flex: none; width: 84px; height: 80px; object-fit: contain; border-radius: 16px; background: var(--background); }
.ex-card div { flex: 1; min-width: 0; }
.ex-card h2 { font-size: var(--fs-body); font-weight: 700; margin-top: 6px; }
.ex-card p { font-size: var(--fs-tiny); color: var(--text-muted); margin-top: 2px; }
.ex-card__play { flex: none; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--smoky-pink); color: #fff; }

/* תרגיל היום */
.today-ex { position: relative; overflow: hidden; background: linear-gradient(160deg, #9B78D1, #6E4BA8); color: #fff; border-radius: var(--radius-l); padding: 20px; display: grid; gap: 6px; justify-items: start; }
.today-ex img { position: absolute; left: -24px; top: 6px; width: 170px; opacity: .95; }
.today-ex h2 { font-size: 24px; font-weight: 800; max-width: 62%; line-height: 1.2; margin-top: 6px; }
.today-ex__meta { display: flex; flex-wrap: wrap; gap: 6px; max-width: 62%; }
.today-ex__meta span { font-size: var(--fs-tiny); background: rgba(255,255,255,.18); padding: 3px 10px; border-radius: 99px; }
.today-ex__coach { font-size: var(--fs-small); opacity: .85; }
.today-ex .btn { width: auto; margin-top: 10px; color: #6E4BA8; }

/* השבוע שלי */
.week-dots { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; text-align: center; }
.week-dot { display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: var(--fs-tiny); font-weight: 700; color: var(--text-muted); }
.week-dot i { width: 36px; height: 36px; border-radius: 50%; background: var(--background); display: grid; place-items: center; font-style: normal; color: #fff; font-size: 15px; }
.week-dot.is-done i { background: linear-gradient(160deg, #B591E0, #7D55B0); }
.week-dot.is-today i { box-shadow: inset 0 0 0 2px #B591E0; }
.week-dot.is-today { color: #6B4596; }
.week-note { font-size: var(--fs-small); color: var(--text-muted); margin-top: 12px; text-align: center; }

/* סרטונים */
.vids { display: grid; gap: 10px; }
.vid { display: flex; align-items: center; gap: 12px; width: 100%; text-align: start; }
.vid__thumb { position: relative; flex: none; width: 96px; height: 64px; border-radius: 14px; display: grid; place-items: center; color: #fff; }
.vid__thumb small { position: absolute; bottom: 4px; left: 6px; font-size: 10px; background: rgba(0,0,0,.35); padding: 0 5px; border-radius: 6px; }
.vid__thumb--lilac { background: linear-gradient(160deg, #C3A8EA, #8E66C2); }
.vid__thumb--green { background: linear-gradient(160deg, #B6E3A8, #5FA552); }
.vid__thumb--pink { background: linear-gradient(160deg, #F7A9C4, #B55472); }
.vid__thumb--blue { background: linear-gradient(160deg, #BFD8F5, #5B8FC9); }
.vid__body b { display: block; font-size: var(--fs-body); }
.vid__body small { display: block; font-size: var(--fs-tiny); color: var(--text-muted); }
.disclaimer--box { display: flex; gap: 8px; align-items: flex-start; padding: 12px 14px; border-radius: 14px; background: var(--surface); border: 0; margin: 0; font-size: var(--fs-small); color: var(--text-muted); }
.disclaimer--box .icon { color: var(--smoky-pink); flex: none; margin-top: 2px; }

/* תזונה */
.tip { display: flex; gap: 14px; align-items: center; background: var(--surface); border-radius: var(--radius-m); padding: 16px; box-shadow: var(--shadow-card); }
.tip img { flex: none; width: 72px; height: 72px; }
.tip .week-card__tag { background: #DDF2D6; color: #3E7A35; }
.tip p { margin-top: 8px; font-size: var(--fs-small); line-height: 1.5; }
.recipes { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.recipe { background: var(--surface); border-radius: var(--radius-m); padding: 12px; box-shadow: var(--shadow-card); color: inherit; text-decoration: none; display: flex; flex-direction: column; gap: 4px; }
.recipe__img { height: 110px; border-radius: 14px; background: var(--background); display: grid; place-items: center; margin-bottom: 6px; }
.recipe__img img { width: 80px; height: 80px; }
.recipe b { font-size: var(--fs-body); line-height: 1.3; }
.recipe small { font-size: var(--fs-tiny); color: var(--text-muted); }
.steps-list { margin-top: 10px; padding-inline-start: 20px; display: grid; gap: 8px; line-height: 1.6; }
.article-page__body > .btn { margin-top: 24px; }

/* מסך תרגיל */
.ex-screen { min-height: 100vh; background: linear-gradient(180deg, #F1E8FA, var(--background) 60%); padding: calc(12px + env(safe-area-inset-top)) var(--margin) 40px; max-width: 560px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; text-align: center; }
.ex-screen .topbar { width: 100%; }
.ex-screen__count { font-size: var(--fs-small); font-weight: 700; color: #6B4596; }
.ring { position: relative; width: 240px; height: 240px; margin-top: 8px; }
.ring svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg) scaleX(-1); }
.ring__bg { fill: #fff; stroke: #E9DDF8; stroke-width: 10; }
.ring__fg { fill: none; stroke: #8E66C2; stroke-width: 10; stroke-linecap: round; transition: stroke-dashoffset .9s linear; }
.ring img { position: absolute; inset: 34px 30px 60px; width: calc(100% - 60px); height: auto; }
.ring__time { position: absolute; bottom: 38px; left: 0; right: 0; font-size: 30px; font-weight: 800; color: #4A2E78; font-variant-numeric: tabular-nums; }
.ex-screen__name { font-size: 24px; font-weight: 800; margin-top: 16px; }
.ex-screen__hint { color: var(--text-muted); margin-top: 6px; font-size: var(--fs-small); }
.ex-controls { display: flex; align-items: center; gap: 22px; margin-top: 20px; }
.ex-btn { width: 52px; height: 52px; border-radius: 50%; background: #fff; display: grid; place-items: center; color: #6B4596; box-shadow: var(--shadow-card); }
.ex-btn:disabled { opacity: .35; }
.ex-btn--main { width: 76px; height: 76px; background: linear-gradient(160deg, #9B78D1, #6E4BA8); color: #fff; box-shadow: 0 10px 24px rgba(110,75,168,.35); }
.ex-steps { list-style: none; padding: 0; margin: 26px 0 0; width: 100%; display: grid; gap: 8px; text-align: start; }
.ex-steps li { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 14px; background: #fff; font-size: var(--fs-small); font-weight: 600; }
.ex-steps li span { flex: none; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: #F1E8FA; color: #6B4596; font-size: 12px; }
.ex-steps li small { margin-inline-start: auto; color: var(--text-muted); font-weight: 400; }
.ex-steps li.is-on { box-shadow: inset 0 0 0 2px #B591E0; }
.ex-steps li.is-done { color: var(--text-muted); }
.ex-steps li.is-done span { background: #8E66C2; color: #fff; }
.ring img { inset: 30px 55px auto; width: calc(100% - 110px); }
.ring__time { bottom: 40px; font-size: 32px; }
.recipe__photo { height: 120px; border-radius: 14px; margin-bottom: 6px; }
.vid__thumb.has-photo { overflow: hidden; }
.vid__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.vid__thumb.has-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(58,29,44,0) 30%, rgba(58,29,44,.45)); }
.vid__play { position: relative; z-index: 1; width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,.9); color: var(--smoky-pink-dark); display: grid; place-items: center; }
.vid__play svg { width: 16px; height: 16px; }
.vid__thumb small { z-index: 1; }
.photo-hero { position: relative; height: 280px; background-size: cover; background-position: center; border-radius: 0 0 var(--radius-l) var(--radius-l); padding: calc(12px + env(safe-area-inset-top)) var(--margin) 0; }
.photo-hero::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(180deg, rgba(58,29,44,.25), rgba(58,29,44,0) 40%); pointer-events: none; }
.photo-hero .topbar { position: relative; z-index: 1; }