/* 156 closing side by side, Warm Minimalist palette: cream page, sand cards, taupe brand, espresso text. */
.c-cwb { --pg: #faf8f5; --card: #efece6; --line: #dfd9ce; --brand: #6f6155; --ink: #3b3530; --soft: #5f564e; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; color: var(--ink); background: var(--pg); overflow-x: clip; }
.c-cwb :where(h2, h3, p, ul) { margin: 0; padding: 0; }
.c-cwb__section { display: flex; flex-direction: column; align-items: center; padding: 64px 20px 80px; }
.c-cwb__title { font-size: clamp(32px, 4.2vw, 56px); font-weight: 900; line-height: 1.15; text-align: center; }
.c-cwb__thin { display: block; font-weight: 300; }
.c-cwb__lead { max-width: 560px; margin-top: 16px; font-size: 18px; line-height: 1.7; text-align: center; color: var(--soft); }
.c-cwb__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 36px; width: min(980px, 100%); margin-top: 48px; }
.c-cwb__card { position: relative; min-width: 0; display: flex; flex-direction: column; align-items: center; padding: 56px 28px 30px; border-radius: 24px; background: var(--card); border: 1px solid var(--line); text-align: center; }
.c-cwb__tab { position: absolute; top: 0; left: 50%; transform: translateX(-50%); padding: 6px 20px; border-radius: 0 0 12px 12px; background: var(--pg); border: 1px solid var(--line); border-top: 0; font-size: 16px; font-weight: 800; color: var(--soft); }
.c-cwb__ico { width: 56px; height: 56px; border-radius: 50%; background: #dcd6cc; position: relative; }
.c-cwb__ico::after { content: ""; position: absolute; inset: 15px; background: #6b625a; -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-cwb__card--go { background: #fff; border: 1.5px solid var(--brand); box-shadow: 0 20px 50px rgba(111, 97, 85, .22), 0 0 0 6px rgba(111, 97, 85, .06); }
.c-cwb__card--go .c-cwb__tab { background: var(--brand); border-color: var(--brand); color: #fff; }
.c-cwb__card--go .c-cwb__ico { background: var(--brand); }
.c-cwb__card--go .c-cwb__ico::after { background: #fff; -webkit-mask-image: url(../assets/icons/ph-check-bold.svg); mask-image: url(../assets/icons/ph-check-bold.svg); }
.c-cwb__card h3 { margin-top: 18px; font-size: 26px; font-weight: 800; }
.c-cwb__card--stay h3 { color: #5f564e; font-weight: 700; }
.c-cwb__card ul { list-style: none; margin-top: 18px; display: grid; gap: 10px; text-align: right; width: 100%; }
.c-cwb__card li { position: relative; padding-inline-start: 24px; font-size: 17px; line-height: 1.6; color: var(--soft); }
.c-cwb__card li::before { content: ""; position: absolute; inset-inline-start: 0; top: .55em; width: 9px; height: 9px; border-radius: 50%; background: #b8afa3; }
.c-cwb__card--go li::before { background: var(--brand); }
.c-cwb__btn { display: inline-flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: auto; padding: 8px 28px 8px 8px; border-radius: 999px; background: var(--brand); color: #fff; font-size: 18px; font-weight: 800; text-decoration: none; transition: transform .2s; }
.c-cwb__card ul + .c-cwb__btn { margin-top: 28px; }
.c-cwb__btn--dull { padding: 14px 28px; background: #d6d0c6; color: #4a423b; font-weight: 600; }
.c-cwb__arr { flex: none; width: 44px; height: 44px; border-radius: 50%; background: #f3f0ec; position: relative; }
.c-cwb__arr::after { content: ""; position: absolute; inset: 12px; background: var(--brand); -webkit-mask: url(../assets/icons/ph-arrow-left-bold.svg) center / contain no-repeat; mask: url(../assets/icons/ph-arrow-left-bold.svg) center / contain no-repeat; }
.c-cwb__btn:not(.c-cwb__btn--dull):hover { transform: translateY(-2px); }
@media (min-width: 900px) { .c-cwb__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; align-items: stretch; } .c-cwb__section { padding: 96px 20px 110px; } }
@media (prefers-reduced-motion: reduce) { .c-cwb__btn { transition: none; } }