/* 197-199 pain (כאב ושריפת גשרים) sections: three styles. Prefixes c-pna, c-pnb, c-pnc. */
/* 197 A: white, rose #fff2f4 / #f28b9c, ink #14202f, alert red #c8403f (white text 5.1:1, on white 5.1:1), house type scale */
.c-pna { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #fff; color: #14202f; }
.c-pna :where(h2, h3, ul, li, p) { margin: 0; padding: 0; list-style: none; }
.c-pna b { font-weight: 800; }
.c-pna__h { font-weight: 900; line-height: 1.18; text-wrap: balance; text-align: center; font-size: clamp(28px, 7.4vw, 36px); }
.c-pna__sec { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: 24px; width: min(860px, 100%); margin-inline: auto; padding: 56px 20px 64px; }
.c-pna__h { color: #14202f; }
.c-pna__acc { color: #c8403f; background: linear-gradient(180deg, transparent 62%, rgba(200, 64, 63, .2) 62% 92%, transparent 92%); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.c-pna__lead { font-size: 18px; line-height: 1.55; text-align: center; color: #44536a; }
.c-pna__pills { display: flex; flex-direction: column; gap: 16px; width: 100%; }
.c-pna__pill { box-sizing: border-box; padding: 20px 22px; border: 1px solid #f28b9c; border-radius: 18px; background: #fff2f4; font-size: 18px; line-height: 1.5; text-align: center; box-shadow: 0 6px 18px rgba(200, 64, 63, .10); }
.c-pna__but { font-size: 18px; line-height: 1.55; text-align: center; }
.c-pna__stuck { font-size: 22px; font-weight: 900; line-height: 1.3; text-align: center; color: #c8403f; }
.c-pna__block { box-sizing: border-box; display: flex; flex-direction: column; gap: 14px; width: 100%; margin-top: 8px; padding: 28px 20px; border-radius: 24px; background: #c8403f; color: #fff; box-shadow: 0 14px 34px rgba(200, 64, 63, .30); }
.c-pna__bh { font-size: 24px; font-weight: 900; line-height: 1.2; text-align: center; color: #fff; }
.c-pna__strip { padding: 16px 18px; border-radius: 12px; background: rgba(255, 255, 255, .16); font-size: 18px; line-height: 1.55; color: #fff; }
@media (min-width: 900px) { .c-pna__sec { gap: 28px; padding: 96px 32px 104px; } .c-pna__h { font-size: clamp(38px, 3.3vw, 52px); } .c-pna__lead { font-size: 22px; } .c-pna__pills { flex-direction: row; gap: 20px; } .c-pna__pill { flex: 1 1 0; display: flex; align-items: center; justify-content: center; padding: 28px 24px; font-size: 20px; } .c-pna__but { font-size: 20px; } .c-pna__stuck { font-size: 28px; } .c-pna__block { gap: 16px; padding: 44px 48px; } .c-pna__bh { font-size: 28px; } .c-pna__strip { padding: 20px 26px; font-size: 20px; } }

/* 198 B: dark #070814, text #f3f4f6 (17:1), muted #cbd5e1 (12:1), coral #ff4a4a marker behind white text, house type scale */
.c-pnb { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #070814; color: #f3f4f6; }
.c-pnb :where(h2, h3, ul, li, p) { margin: 0; padding: 0; list-style: none; }
.c-pnb b { font-weight: 800; }
.c-pnb__h { font-weight: 900; line-height: 1.18; text-wrap: balance; text-align: center; font-size: clamp(28px, 7.4vw, 36px); }
.c-pnb::before { content: ""; position: absolute; z-index: -1; top: -140px; right: 50%; width: 520px; height: 380px; transform: translateX(50%); border-radius: 50%; background: rgba(255, 74, 74, .16); filter: blur(90px); }
.c-pnb__sec { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: 22px; width: min(760px, 100%); margin-inline: auto; padding: 56px 20px 64px; text-align: center; }
.c-pnb__h { margin-bottom: 14px; color: #fff; isolation: isolate; }
.c-pnb__mark { position: relative; display: inline-block; z-index: 0; }
.c-pnb__mark::after { content: ""; position: absolute; z-index: -1; inset-inline: -8px; bottom: 2px; height: .45em; border-radius: 4px; background: #ff4a4a; }
.c-pnb__p { font-size: 18px; line-height: 1.7; color: #cbd5e1; }
.c-pnb__stuck { margin-top: 10px; font-size: 22px; font-weight: 900; line-height: 1.3; color: #fff; }
@media (min-width: 900px) { .c-pnb__sec { gap: 28px; padding: 96px 32px 104px; } .c-pnb__h { margin-bottom: 20px; font-size: clamp(38px, 3.3vw, 52px); } .c-pnb__p { font-size: 20px; } .c-pnb__stuck { margin-top: 14px; font-size: 30px; } }

/* 199 C v5: white page with only a touch of yellow at the bottom (#fffbe6), white cards with a 2px ink border and a hard red offset shadow (-6px 6px), red knocked-out X (#c8403f), ink #3b2418 (14:1 on white), yellow highlight #fcd34d, house type scale */
.c-pnc { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: linear-gradient(165deg, #ffffff 0%, #ffffff 62%, #fffbe6 100%); color: #3b2418; }
.c-pnc :where(h2, h3, ul, li, p, figure) { margin: 0; padding: 0; list-style: none; }
.c-pnc b { font-weight: 800; }
.c-pnc__h { font-weight: 900; line-height: 1.18; text-wrap: balance; font-size: clamp(28px, 7.4vw, 36px); }
.c-pnc__sec { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: 24px; width: min(960px, 100%); margin-inline: auto; padding: 56px 20px 64px; }
.c-pnc__h { text-align: center; color: #3b2418; }
.c-pnc__acc { color: #3b2418; background: linear-gradient(180deg, transparent 52%, #fcd34d 52% 94%, transparent 94%); box-decoration-break: clone; -webkit-box-decoration-break: clone; padding-inline: 4px; }
.c-pnc__lead { font-size: 18px; line-height: 1.55; text-align: center; color: #7a4a35; }
.c-pnc__rows { display: flex; flex-direction: column; gap: 20px; width: 100%; }
.c-pnc__row { box-sizing: border-box; display: flex; align-items: center; gap: 16px; padding: 20px 20px; border: 2px solid #3b2418; border-radius: 14px; background: #fff; box-shadow: -6px 6px 0 #c8403f; }
.c-pnc__x { flex: none; width: 38px; height: 38px; border-radius: 50%; background: #c8403f; -webkit-mask: url(../assets/icons/ph-x-bold.svg) center / 19px 19px no-repeat, linear-gradient(#000, #000); -webkit-mask-composite: xor; mask: url(../assets/icons/ph-x-bold.svg) center / 19px 19px no-repeat, linear-gradient(#000, #000); mask-composite: exclude; }
.c-pnc__txt { font-size: 18px; line-height: 1.55; }
.c-pnc__but { font-size: 18px; line-height: 1.55; text-align: center; color: #7a4a35; }
.c-pnc__stuck { display: inline-block; align-self: center; padding: 6px 18px; border-radius: 10px; background: #fcd34d; font-size: 20px; font-weight: 900; line-height: 1.3; text-align: center; color: #3b2418; }
@media (min-width: 900px) { .c-pnc__sec { gap: 28px; padding: 96px 32px 104px; } .c-pnc__h { font-size: clamp(38px, 3.3vw, 52px); } .c-pnc__lead { font-size: 22px; } .c-pnc__rows { gap: 24px; } .c-pnc__row { width: 78%; gap: 20px; padding: 28px 34px; border-radius: 26px; } .c-pnc__row:nth-child(odd) { align-self: flex-start; } .c-pnc__row:nth-child(even) { align-self: flex-end; } .c-pnc__x { width: 48px; height: 48px; -webkit-mask-size: 24px 24px, auto; mask-size: 24px 24px, auto; } .c-pnc__txt { font-size: 20px; } .c-pnc__but { font-size: 20px; } .c-pnc__stuck { padding: 8px 24px; font-size: 28px; margin-top: 8px; border-radius: 12px; } }


/* 200 D v2: page #f4f5f7, ink #14202f (15:1), muted #44536a (7.6:1), alert red #c8403f, photo slot stripes #e6e9ef / #eef0f4 with caption #4b5667 (6.2:1), white card with red side stripe, house type scale */
.c-pnd { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #f4f5f7; color: #14202f; }
.c-pnd :where(h2, p, figure) { margin: 0; padding: 0; }
.c-pnd__sec { padding: 56px 20px 64px; }
.c-pnd__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; width: min(1160px, 100%); margin-inline: auto; }
.c-pnd__card { position: relative; z-index: 2; box-sizing: border-box; display: flex; flex-direction: column; gap: 18px; padding: 32px 24px 34px; border-radius: 24px; border-inline-start: 6px solid #c8403f; background: #fff; box-shadow: 0 18px 44px rgba(20, 32, 47, .16), 0 2px 6px rgba(20, 32, 47, .08); }
.c-pnd__h { font-size: clamp(28px, 7.4vw, 36px); font-weight: 900; line-height: 1.18; color: #14202f; }
.c-pnd__mk { background: linear-gradient(180deg, transparent 58%, rgba(200, 64, 63, .28) 58% 94%, transparent 94%); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.c-pnd__p { font-size: 18px; line-height: 1.7; color: #44536a; }
.c-pnd__p--last { font-weight: 800; color: #14202f; }
.c-pnd__img { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; width: 100%; aspect-ratio: 4 / 3; padding: 20px; border-radius: 24px; background: repeating-linear-gradient(135deg, #e6e9ef 0 14px, #eef0f4 14px 28px); text-align: center; }
.c-pnd__img-ic { width: 56px; height: 56px; background: #4b5667; -webkit-mask: url(../assets/icons/ph-image-duotone.svg) center / contain no-repeat; mask: url(../assets/icons/ph-image-duotone.svg) center / contain no-repeat; }
.c-pnd__img-cap { max-width: 300px; font-size: 16px; line-height: 1.5; color: #6b778c; }
@media (min-width: 900px) { .c-pnd__sec { padding: 104px 32px 112px; } .c-pnd__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 0; } .c-pnd__card { gap: 22px; margin-left: -88px; margin-block: 56px; padding: 52px 56px 56px; border-radius: 28px; } .c-pnd__h { font-size: clamp(38px, 3.3vw, 52px); } .c-pnd__p { font-size: 20px; } .c-pnd__img { aspect-ratio: 4 / 5; border-radius: 32px; } }

/* 201 E: page #f4f5f7, ink #262626 (14:1), alert red #c8403f (4.9:1 on #f4f5f7), frame #f28b9c, house type scale */
.c-pne { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #f4f5f7; color: #262626; }
.c-pne :where(h2, h3, ul, li, p, figure) { margin: 0; padding: 0; list-style: none; }
.c-pne b { font-weight: 800; }
.c-pne__h { font-weight: 900; line-height: 1.18; text-wrap: balance; font-size: clamp(28px, 7.4vw, 36px); }
.c-pne__sec { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: 24px; width: min(1040px, 100%); margin-inline: auto; padding: 56px 20px 64px; }
.c-pne__h { text-align: center; color: #262626; }
.c-pne__acc { color: #c8403f; }
.c-pne__lead { font-size: 18px; line-height: 1.55; text-align: center; color: #44536a; }
.c-pne__list { display: flex; flex-direction: column; gap: 16px; width: min(760px, 100%); }
.c-pne__item { box-sizing: border-box; display: flex; align-items: center; gap: 16px; padding: 20px 22px; border: 1px solid #e3e6ec; border-radius: 20px; background: #fff; font-size: 18px; line-height: 1.55; box-shadow: 0 8px 24px rgba(38, 38, 38, .10), 0 1px 3px rgba(38, 38, 38, .08); }
.c-pne__x { flex: none; width: 38px; height: 38px; border-radius: 50%; background: #c8403f; -webkit-mask: url(../assets/icons/ph-x-bold.svg) center / 19px 19px no-repeat, linear-gradient(#000, #000); -webkit-mask-composite: xor; mask: url(../assets/icons/ph-x-bold.svg) center / 19px 19px no-repeat, linear-gradient(#000, #000); mask-composite: exclude; }
.c-pne__stuck { font-size: 18px; line-height: 1.6; text-align: center; color: #44536a; }
.c-pne__stuck b { color: #262626; }
.c-pne__img { position: relative; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; width: 100%; aspect-ratio: 16 / 11; padding: 20px; border: 2px solid #f28b9c; border-radius: 24px; background: linear-gradient(135deg, #fff2f4, #fbd5dc); text-align: center; }
.c-pne__img-ic { width: 56px; height: 56px; background: #c8403f; -webkit-mask: url(../assets/icons/ph-image-duotone.svg) center / contain no-repeat; mask: url(../assets/icons/ph-image-duotone.svg) center / contain no-repeat; }
.c-pne__img-cap { max-width: 320px; font-size: 16px; line-height: 1.5; color: #7a3340; }
.c-pne__img { margin-top: 12px; box-shadow: 0 14px 34px rgba(200, 64, 63, .16), 0 1px 3px rgba(38, 38, 38, .10); }
@media (min-width: 900px) { .c-pne__sec { gap: 28px; padding: 96px 32px 104px; } .c-pne__h { font-size: clamp(38px, 3.3vw, 52px); } .c-pne__lead { font-size: 22px; } .c-pne__list { gap: 20px; width: min(760px, 100%); } .c-pne__item { gap: 20px; padding: 26px 32px; border-radius: 24px; font-size: 20px; } .c-pne__stuck { font-size: 20px; } .c-pne__x { width: 48px; height: 48px; -webkit-mask-size: 24px 24px, auto; mask-size: 24px 24px, auto; } .c-pne__img { margin-top: 20px; aspect-ratio: 21 / 9; border-radius: 32px; } }

/* 204 H v2: charcoal section, text on the right, a 16:9 thumbnail-size photo slot on the LEFT (not a half screen). charcoal #262626 (white text 15:1), muted #d4d4d8 (10:1), red underline #ff4d57, slot stripes #e6e9ef with caption #4b5667 (6.2:1), house type scale */
.c-pnh { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #262626; color: #fff; }
.c-pnh :where(h2, p, figure) { margin: 0; padding: 0; }
.c-pnh__sec { box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; align-items: center; width: min(1160px, 100%); margin-inline: auto; padding: 56px 20px 64px; }
.c-pnh__text { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.c-pnh__h { font-size: clamp(28px, 7.4vw, 36px); font-weight: 900; line-height: 1.18; color: #fff; }
.c-pnh__acc { text-decoration: underline; text-decoration-color: #ff4d57; text-decoration-thickness: 4px; text-underline-offset: 8px; }
.c-pnh__p { font-size: 18px; line-height: 1.7; color: #d4d4d8; }
.c-pnh__p u { color: #fff; font-weight: 800; text-decoration-color: #ff4d57; text-decoration-thickness: 2px; text-underline-offset: 5px; }
.c-pnh__img { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width: 100%; aspect-ratio: 16 / 9; padding: 16px; border-radius: 18px; background: repeating-linear-gradient(135deg, #e6e9ef 0 14px, #eef0f4 14px 28px); box-shadow: 0 14px 34px rgba(0, 0, 0, .45); text-align: center; }
.c-pnh__img-ic { width: 48px; height: 48px; background: #4b5667; -webkit-mask: url(../assets/icons/ph-image-duotone.svg) center / contain no-repeat; mask: url(../assets/icons/ph-image-duotone.svg) center / contain no-repeat; }
.c-pnh__img-cap { max-width: 300px; font-size: 16px; line-height: 1.5; color: #4b5667; }
@media (min-width: 900px) { .c-pnh__sec { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 72px; padding: 104px 32px 112px; } .c-pnh__text { gap: 26px; } .c-pnh__h { font-size: clamp(38px, 3.3vw, 52px); } .c-pnh__acc { text-decoration-thickness: 6px; text-underline-offset: 10px; } .c-pnh__p { font-size: 20px; } .c-pnh__img { border-radius: 22px; } }