/* 276 fit U (zebra mint, two columns), 277 fit V (zebra olive, two bands). Session 101. */
/* ---------- 276 mint: background #5eead4, ink #053a33 (10.6:1), secondary #0a4a42 ---------- */
.c-fzm { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #5eead4; color: #053a33; }
.c-fzm :where(h2, h3, ul, li, p) { margin: 0; padding: 0; list-style: none; }
.c-fzm::before { content: ""; position: absolute; z-index: -1; top: -120px; right: 50%; width: 520px; height: 520px; transform: translateX(50%); border-radius: 50%; background: rgba(255, 255, 255, .22); filter: blur(90px); }
.c-fzm__sec { display: flex; flex-direction: column; align-items: center; padding: 56px 20px 64px; }
.c-fzm__h { font-size: clamp(28px, 7.4vw, 36px); line-height: 1.18; text-align: center; text-wrap: balance; color: #053a33; }
.c-fzm__thin { font-weight: 300; }
.c-fzm__bold { font-weight: 900; }
.c-fzm__cols { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; width: min(1160px, 100%); margin-top: 40px; }
.c-fzm__col { padding: 32px 22px 12px; border: 1px solid rgba(5, 58, 51, .28); border-radius: 28px; background: rgba(255, 255, 255, .32); box-shadow: 0 8px 24px rgba(5, 58, 51, .14); }
.c-fzm__t { font-size: clamp(24px, 6.4vw, 28px); font-weight: 900; line-height: 1.3; }
.c-fzm__mk { position: relative; isolation: isolate; display: inline-block; padding: 0 4px; }
.c-fzm__mk::after { content: ""; position: absolute; z-index: -1; inset-inline: -6px; bottom: 3px; height: .42em; border-radius: 4px; background: rgba(5, 58, 51, .2); }
.c-fzm__list { margin-top: 20px; }
.c-fzm__row { display: flex; align-items: flex-start; gap: 14px; padding: 18px 0; }
.c-fzm__row + .c-fzm__row { border-top: 1px solid rgba(5, 58, 51, .25); }
.c-fzm__g { flex: none; width: 26px; height: 26px; margin-top: 2px; background: #053a33; -webkit-mask: url(../assets/icons/ph-x-bold.svg) center / contain no-repeat; mask: url(../assets/icons/ph-x-bold.svg) center / contain no-repeat; }
.c-fzm__list--yes .c-fzm__g { -webkit-mask-image: url(../assets/icons/ph-check-bold.svg); mask-image: url(../assets/icons/ph-check-bold.svg); }
.c-fzm__tx { min-width: 0; font-size: 18px; font-weight: 600; line-height: 1.55; }
.c-fzm__btn { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; margin-top: 44px; padding: 18px 48px; border-radius: 999px; background: #053a33; color: #5eead4; font-size: 19px; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none; box-shadow: 0 12px 30px rgba(5, 58, 51, .3); transition: transform .2s; }
.c-fzm__btn:hover { transform: translateY(-2px); }
.c-fzm__btn:focus-visible { outline: 3px solid #053a33; outline-offset: 4px; }
@media (min-width: 900px) {
  .c-fzm__sec { padding: 96px 32px 104px; }
  .c-fzm__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-fzm__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin-top: 64px; }
  .c-fzm__col { padding: 44px 40px 20px; border-radius: 32px; }
  .c-fzm__t { font-size: clamp(30px, 2.3vw, 38px); }
  .c-fzm__list { margin-top: 28px; }
  .c-fzm__row { gap: 18px; padding: 22px 0; }
  .c-fzm__g { width: 30px; height: 30px; }
  .c-fzm__tx { font-size: 21px; }
  .c-fzm__btn { margin-top: 60px; padding: 22px 72px; font-size: 22px; }
}
/* ---------- 277 olive: background #596326 (white 6.4:1), darker band #3f4719, white band text #3f4719 ---------- */
.c-fzo { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #596326; color: #fff; }
.c-fzo :where(h2, h3, ul, li, p) { margin: 0; padding: 0; list-style: none; }
.c-fzo::before { content: ""; position: absolute; z-index: -1; top: -120px; right: 50%; width: 520px; height: 520px; transform: translateX(50%); border-radius: 50%; background: rgba(255, 255, 255, .06); filter: blur(90px); }
.c-fzo__sec { display: flex; flex-direction: column; align-items: center; padding: 56px 20px 64px; }
.c-fzo__h { font-size: clamp(28px, 7.4vw, 36px); line-height: 1.18; text-align: center; text-wrap: balance; color: #fff; }
.c-fzo__thin { font-weight: 300; }
.c-fzo__bold { font-weight: 900; }
.c-fzo__band { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; width: min(1160px, 100%); padding: 32px 22px 14px; border-radius: 28px; }
.c-fzo__band--no { margin-top: 40px; background: #3f4719; color: #fff; box-shadow: 0 8px 24px rgba(20, 24, 6, .3); }
.c-fzo__band--yes { margin-top: 20px; background: #fff; color: #3f4719; box-shadow: 0 8px 24px rgba(20, 24, 6, .3); }
.c-fzo__t { font-size: clamp(24px, 6.4vw, 28px); font-weight: 900; line-height: 1.3; }
.c-fzo__mk { position: relative; isolation: isolate; display: inline-block; padding: 0 4px; }
.c-fzo__mk::after { content: ""; position: absolute; z-index: -1; inset-inline: -6px; bottom: 3px; height: .42em; border-radius: 4px; background: rgba(255, 255, 255, .18); }
.c-fzo__band--yes .c-fzo__mk::after { background: rgba(89, 99, 38, .22); }
.c-fzo__row { display: flex; align-items: flex-start; gap: 14px; padding: 16px 0; }
.c-fzo__row + .c-fzo__row { border-top: 1px solid rgba(255, 255, 255, .28); }
.c-fzo__band--yes .c-fzo__row + .c-fzo__row { border-top-color: rgba(63, 71, 25, .22); }
.c-fzo__g { flex: none; width: 26px; height: 26px; margin-top: 2px; background: currentColor; -webkit-mask: url(../assets/icons/ph-x-bold.svg) center / contain no-repeat; mask: url(../assets/icons/ph-x-bold.svg) center / contain no-repeat; }
.c-fzo__band--yes .c-fzo__g { -webkit-mask-image: url(../assets/icons/ph-check-bold.svg); mask-image: url(../assets/icons/ph-check-bold.svg); }
.c-fzo__tx { min-width: 0; font-size: 18px; font-weight: 600; line-height: 1.55; }
.c-fzo__btn { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; margin-top: 44px; padding: 18px 48px; border-radius: 999px; background: #fff; color: #3f4719; font-size: 19px; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none; box-shadow: 0 12px 30px rgba(20, 24, 6, .35); transition: transform .2s; }
.c-fzo__btn:hover { transform: translateY(-2px); }
.c-fzo__btn:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (min-width: 900px) {
  .c-fzo__sec { padding: 96px 32px 104px; }
  .c-fzo__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-fzo__band { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: center; gap: 56px; padding: 22px 56px; border-radius: 32px; }
  .c-fzo__band--no { margin-top: 64px; }
  .c-fzo__band--yes { margin-top: 24px; }
  .c-fzo__t { font-size: clamp(30px, 2.3vw, 38px); }
  .c-fzo__row { gap: 18px; padding: 20px 0; }
  .c-fzo__g { width: 30px; height: 30px; }
  .c-fzo__tx { font-size: 21px; }
  .c-fzo__btn { margin-top: 60px; padding: 22px 72px; font-size: 22px; }
}
