/* @u */
/* Figma 5bhjpik4BMAF0XywBScnR8 node 8:207: 97 links hub (logo, white card, 6 link cards, social icons). Frame 1521. Fonts: Noto Sans Hebrew. Icons: Phosphor (MIT) via CSS mask. */
.c-lt { --u: calc(min(100vw, 1521px) / 1521); --lt-dark: #041a19; --lt-green: #a2d149; direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; background: var(--lt-dark); overflow-x: clip; display: flow-root; }
.c-lt :where(h2, h3, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-lt__wrap { box-sizing: border-box; max-width: 1521px; margin: 0 auto; padding: 24px 14px 40px; display: flex; flex-direction: column; align-items: center; }
.c-lt__logo { position: relative; z-index: 2; display: block; width: 96px; height: 96px; margin-bottom: -48px; }
.c-lt__card { position: relative; z-index: 1; box-sizing: border-box; width: 100%; max-width: 560px; padding: 70px 16px 34px; border-radius: 15px; background: #fff; }
.c-lt__h { text-align: center; }
.c-lt__name, .c-lt__sub { display: block; font-size: clamp(24px, 6.4vw, 34px); line-height: 1.25; }
.c-lt__name { font-weight: 900; color: var(--lt-dark); }
.c-lt__sub { font-weight: 400; color: #a1824a; background: linear-gradient(270deg, #a1824a, #b08d52 50%, #a1824a); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-lt__list { display: flex; flex-direction: column; gap: 18px; margin-top: 34px; }
.c-lt__item { position: relative; display: flex; align-items: center; justify-content: flex-start; gap: 8px; box-sizing: border-box; min-height: 150px; padding: 18px 24px 18px 120px; border-radius: 86px 20px 20px 20px; background: var(--lt-dark); color: #fff; }
.c-lt__txt { flex: 1; min-width: 0; text-align: right; padding-right: 0; }
.c-lt__t { font-size: 16px; font-weight: 400; line-height: 1.35; }
.c-lt__btn { display: inline-flex; flex-direction: row-reverse; align-items: center; gap: 5px; margin-top: 16px; padding: 10px 18px; border-radius: 58px; background: var(--lt-green); color: var(--lt-dark); text-decoration: none; font-size: 16px; font-weight: 800; line-height: 1.3; white-space: nowrap; }
.c-lt__arr { width: 16px; height: 16px; background: currentColor; -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-lt__lbl { direction: rtl; unicode-bidi: isolate; }
.c-lt__img { position: absolute; left: 0; bottom: 0; width: 104px; height: auto; }
.c-lt__t br { display: none; }
.c-lt__soc { display: flex; justify-content: center; gap: 14px; margin-top: 34px; }
.c-lt__s { display: block; width: 34px; height: 34px; background: var(--lt-dark); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.c-lt__s--ig { --ic: url("../assets/icons/si-instagram.svg"); }
.c-lt__s--fb { --ic: url("../assets/icons/si-facebook.svg"); }
.c-lt__s--tt { --ic: url("../assets/icons/si-tiktok.svg"); }
.c-lt__s--yt { --ic: url("../assets/icons/si-youtube.svg"); }
.c-lt__btn:focus-visible, .c-lt__s:focus-visible { outline: 3px solid #a1824a; outline-offset: 3px; }

@media (min-width: 1280px) {
  .c-lt__wrap { padding: calc(31 * var(--u)) calc(69 * var(--u)) calc(92 * var(--u)); }
  .c-lt__logo { width: calc(123 * var(--u)); height: calc(123 * var(--u)); margin-bottom: calc(-61 * var(--u)); }
  .c-lt__card { max-width: calc(1382 * var(--u)); padding: calc(76 * var(--u)) calc(38 * var(--u)) calc(77 * var(--u)); border-radius: calc(15 * var(--u)); }
  .c-lt__h { padding-right: calc(76 * var(--u)); text-align: right; }
  .c-lt__name, .c-lt__sub { font-size: calc(36 * var(--u)); line-height: calc(43 * var(--u)); }
  .c-lt__list { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: calc(31 * var(--u)) calc(46 * var(--u)); margin-top: calc(76 * var(--u)); }
  .c-lt__item { min-height: calc(169 * var(--u)); padding: 0 calc(31 * var(--u)) 0 calc(183 * var(--u)); gap: 0; border-radius: calc(86 * var(--u)) calc(20 * var(--u)) calc(20 * var(--u)) calc(20 * var(--u)); }
  .c-lt__txt { padding-left: 0; }
  .c-lt__t { font-size: max(13px, calc(19 * var(--u))); line-height: calc(22 * var(--u)); }
  .c-lt__t br { display: inline; }
  .c-lt__btn { gap: calc(5 * var(--u)); margin-top: calc(21 * var(--u)); padding: calc(12 * var(--u)) calc(20 * var(--u)); font-size: max(13px, calc(18 * var(--u))); line-height: calc(24 * var(--u)); }
  .c-lt__arr { width: calc(16 * var(--u)); height: calc(16 * var(--u)); }
  .c-lt__img { left: 0; bottom: 0; width: calc(152 * var(--u)); height: auto; }
  .c-lt__soc { gap: calc(16 * var(--u)); margin-top: calc(61 * var(--u)); }
  .c-lt__s { width: calc(34 * var(--u)); height: calc(34 * var(--u)); }
}
