/* Bonus card "Tamir Damri" - measured on the live page. White space above (139px desktop / 66px phone) and the -51px bottom overlap replicate how the card sits between white sections on the source. */
.c-tamir-bonus { position: relative; z-index: 1; padding-top: 139px; background: #fff; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; overflow-x: clip; isolation: isolate; line-height: 1.5; color: #fff; }
.c-tamir-bonus :where(h2, p) { margin: 0; padding: 0; }
.c-tamir-bonus img { display: block; max-width: 100%; height: auto; border: 0; }

.c-tamir-bonus__card { position: relative; z-index: 1; margin-bottom: -51px; display: flex; flex-direction: column; padding: 50px 0; background: #031926; border-radius: 55px; }
.c-tamir-bonus__card::before { content: ""; position: absolute; inset: 0; background: url("../assets/tamir-Group-20.webp") 50% 0 / contain no-repeat; pointer-events: none; }

.c-tamir-bonus__row { position: relative; display: flex; flex-direction: row; gap: 20px; margin-top: 75px; padding: 10px; }
.c-tamir-bonus__text { position: relative; display: flex; flex: 1 1 0; flex-direction: column; align-items: flex-end; justify-content: center; min-width: 0; padding: 10px; }
.c-tamir-bonus__copy { display: flex; flex-direction: column; gap: 20px; width: 70%; }

.c-tamir-bonus__title { font-size: 45px; }
:where(.c-tamir-bonus__title) span { display: block; line-height: 1.2; text-align: start; color: transparent; background-image: linear-gradient(90deg, #fff, #7d7d7d); -webkit-background-clip: text; background-clip: text; }
.c-tamir-bonus__title-1 { font-weight: 400; }
.c-tamir-bonus__title-2 { margin-top: -19px; font-weight: 900; }
/* the two lines are separate blocks in the source: gap 20 between them, -19 margin => 1px visual gap */
.c-tamir-bonus__title-1 { margin-bottom: 20px; }

.c-tamir-bonus__desc { margin-bottom: .9rem; font-size: 18px; font-weight: 400; line-height: 1.5em; color: #fff; }
.c-tamir-bonus__desc strong { font-weight: 700; }

.c-tamir-bonus__visual { position: relative; display: flex; flex: 1 1 0; flex-direction: column; min-width: 0; padding: 10px; }
.c-tamir-bonus__book { position: relative; z-index: 5; width: 100%; margin: 45px 0 -45px; transform: scale(1.3); transform-origin: center center; }

@media (max-width: 767px) {
  .c-tamir-bonus { padding-top: 66px; }
  .c-tamir-bonus__card { margin-bottom: 0; padding: 30px 0; border-radius: 35px; }
  .c-tamir-bonus__row { flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 0; padding: 0 15px; }
  .c-tamir-bonus__row::before { content: ""; position: absolute; inset: 0; background: url("../assets/tamir-Ellipse-25.webp") center / cover no-repeat; opacity: .5; pointer-events: none; }
  .c-tamir-bonus__text, .c-tamir-bonus__visual { flex: 0 0 100%; padding: 0; }
  .c-tamir-bonus__copy { width: 100%; }
  .c-tamir-bonus__title-1 { font-size: 38px; text-align: center; }
  .c-tamir-bonus__title-2 { margin-top: -21px; font-size: 39px; text-align: center; }
  .c-tamir-bonus__desc { margin-top: -10px; text-align: center; }
  .c-tamir-bonus__book { margin: 35px 24px 0 0; width: calc(100% - 24px); }
}