/* 274 what you get Z (warm tag cloud), 275 AA (zebra blue receipt). Session 101. */
/* ---------- 274 ---------- */
.c-wyj { direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #faf8f5; color: #3b3530; }
.c-wyj :where(h2, ul, li, p) { margin: 0; padding: 0; list-style: none; }
.c-wyj__sec { display: flex; flex-direction: column; align-items: center; padding: 56px 20px 64px; }
.c-wyj__h { font-size: clamp(28px, 7.4vw, 36px); line-height: 1.18; text-align: center; text-wrap: balance; color: #2b2622; }
.c-wyj__thin { font-weight: 300; }
.c-wyj__bold { font-weight: 900; }
.c-wyj__cloud { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; width: min(1000px, 100%); margin-top: 36px; }
.c-wyj__tag { display: inline-flex; align-items: center; gap: 12px; max-width: 100%; padding: 14px 22px 14px 26px; border-radius: 999px; background: #ece5d9; }
.c-wyj__tag--d { background: #d9cfbf; }
.c-wyj__ic { flex: none; display: block; width: 30px; height: 30px; background: #6f6256; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.c-wyj__tx { min-width: 0; font-size: 18px; font-weight: 700; line-height: 1.35; color: #2b2622; }
.c-wyj__btn { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; margin-top: 40px; padding: 18px 48px; border-radius: 999px; background: #2b2622; color: #fff; font-size: 19px; font-weight: 800; line-height: 1.3; text-align: center; text-decoration: none; transition: transform .2s; }
.c-wyj__btn:hover { transform: translateY(-2px); }
.c-wyj__btn:focus-visible { outline: 3px solid #2b2622; outline-offset: 4px; }
@media (min-width: 900px) {
  .c-wyj__sec { padding: 96px 32px 104px; }
  .c-wyj__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-wyj__cloud { gap: 18px; margin-top: 60px; }
  .c-wyj__tag { gap: 16px; padding: 20px 34px 20px 38px; }
  .c-wyj__ic { width: 40px; height: 40px; }
  .c-wyj__tx { font-size: 24px; }
  .c-wyj__btn { margin-top: 56px; padding: 22px 72px; font-size: 22px; }
}
/* ---------- 275 ---------- */
.c-wyk { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #1d4ed8; color: #fff; }
.c-wyk :where(h2, ul, li, p) { margin: 0; padding: 0; list-style: none; }
.c-wyk::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-wyk__sec { padding: 56px 20px 64px; }
.c-wyk__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; width: min(1160px, 100%); margin-inline: auto; align-items: center; }
.c-wyk__h { font-size: clamp(28px, 7.4vw, 36px); line-height: 1.18; text-wrap: balance; color: #fff; }
.c-wyk__thin { font-weight: 300; }
.c-wyk__bold { font-weight: 900; }
.c-wyk__lead { margin-top: 20px; font-size: 18px; line-height: 1.55; color: #e6eeff; }
.c-wyk__btn { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; margin-top: 32px; padding: 18px 48px; border-radius: 999px; background: #fff; color: #1e3a8a; font-size: 19px; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none; box-shadow: 0 12px 30px rgba(11, 29, 74, .35); transition: transform .2s; }
.c-wyk__btn:hover { transform: translateY(-2px); }
.c-wyk__btn:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.c-wyk__card { padding: 12px 24px 24px; border-radius: 28px; background: #fff; color: #14202f; box-shadow: 0 14px 34px rgba(11, 29, 74, .35); }
.c-wyk__row { display: flex; align-items: center; gap: 16px; padding: 20px 0; }
.c-wyk__row + .c-wyk__row { border-top: 2px dashed #c9d7f6; }
.c-wyk__v { flex: none; width: 36px; height: 36px; border-radius: 50%; background: #1d4ed8; -webkit-mask: url(../assets/icons/ph-check-bold.svg) center / 20px 20px no-repeat, linear-gradient(#000, #000); -webkit-mask-composite: xor; mask: url(../assets/icons/ph-check-bold.svg) center / 20px 20px no-repeat, linear-gradient(#000, #000); mask-composite: exclude; }
.c-wyk__tx { min-width: 0; font-size: 18px; font-weight: 700; line-height: 1.4; }
.c-wyk__total { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 8px; padding: 20px 20px; border-radius: 18px; background: #e3edff; }
.c-wyk__tl { min-width: 0; font-size: 18px; font-weight: 700; line-height: 1.3; }
.c-wyk__tv { flex: none; font-size: 22px; font-weight: 900; color: #1d4ed8; }
@media (min-width: 900px) {
  .c-wyk__sec { padding: 104px 32px 112px; }
  .c-wyk__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 96px; }
  .c-wyk__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-wyk__lead { margin-top: 28px; font-size: 21px; }
  .c-wyk__btn { margin-top: 44px; padding: 22px 72px; font-size: 22px; }
  .c-wyk__card { padding: 16px 40px 36px; border-radius: 32px; }
  .c-wyk__row { gap: 20px; padding: 26px 0; }
  .c-wyk__v { width: 44px; height: 44px; -webkit-mask-size: 24px 24px, auto; mask-size: 24px 24px, auto; }
  .c-wyk__tx { font-size: 22px; }
  .c-wyk__total { margin-top: 12px; padding: 24px 28px; border-radius: 20px; }
  .c-wyk__tl { font-size: 21px; }
  .c-wyk__tv { font-size: 28px; }
}
