@font-face {
  font-family: "AsakimHero";
  src: url("assets/fonts/asakim-bold.woff") format("woff"),
       url("assets/fonts/asakim-bold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "ShmulikHero";
  src: url("assets/fonts/shmulikclm.woff") format("woff"),
       url("assets/fonts/shmulikclm.ttf") format("truetype");
  font-display: swap;
}

/* Final homepage hero luxury typography. */
.home-live-hero .home-mevakshei-hero-panel {
  gap: 0 !important;
}

.home-live-hero .home-mevakshei-hero-panel {
  position: relative !important;
  isolation: isolate !important;
  padding: 20px 34px 26px !important;
}

.home-live-hero .home-mevakshei-hero-panel::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  inset: -10px -30px -18px !important;
  border-radius: 50% !important;
  background:
    radial-gradient(ellipse at 50% 45%, rgba(0, 28, 13, .72) 0%, rgba(0, 28, 13, .48) 42%, rgba(0, 28, 13, .16) 68%, transparent 78%) !important;
  filter: blur(.2px) !important;
  pointer-events: none !important;
}

.home-live-hero .home-mevakshei-kicker {
  width: min(420px, 70vw) !important;
  margin-bottom: 20px !important;
  opacity: .98 !important;
}

.home-live-hero .home-mevakshei-kicker span {
  height: 2px !important;
  background: linear-gradient(90deg, transparent, rgba(183, 132, 25, .38), #ffe899, rgba(183, 132, 25, .38)) !important;
  box-shadow: 0 0 18px rgba(246, 213, 110, .2) !important;
}

.home-live-hero .home-mevakshei-kicker span:last-child {
  background: linear-gradient(90deg, rgba(183, 132, 25, .38), #ffe899, rgba(183, 132, 25, .38), transparent) !important;
}

.home-live-hero .home-mevakshei-kicker i {
  width: 13px !important;
  height: 13px !important;
  border-color: #ffe99e !important;
  background: linear-gradient(135deg, #fff2b8, #b98b22 58%, #f7d66e) !important;
  box-shadow: 0 0 20px rgba(255, 226, 133, .48), 0 0 44px rgba(183, 132, 25, .22) !important;
}

.home-live-hero .home-hero-panel .home-mevakshei-title {
  position: relative !important;
  color: #B08A24 !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: #B08A24 !important;
  -webkit-text-stroke: 0 !important;
  font-family: "Frank Ruhl Libre", "Noto Serif Hebrew", "Times New Roman", serif !important;
  font-size: clamp(80px, 8.4vw, 126px) !important;
  font-weight: 950 !important;
  line-height: 1.02 !important;
  text-shadow:
    0 1px 0 rgba(255, 236, 170, .55),
    0 2px 0 rgba(53, 34, 6, .72),
    0 5px 12px rgba(0, 0, 0, .66),
    0 18px 38px rgba(0, 0, 0, .48),
    0 0 16px rgba(176, 138, 36, .26),
    0 0 34px rgba(255, 221, 128, .2) !important;
  filter:
    drop-shadow(0 0 8px rgba(255, 232, 153, .18))
    drop-shadow(0 0 24px rgba(176, 138, 36, .24))
    drop-shadow(0 16px 30px rgba(0, 0, 0, .34)) !important;
  overflow: visible !important;
}

.home-live-hero .home-hero-panel .home-mevakshei-title::after {
  content: "" !important;
  position: absolute !important;
  inset: 10% -8% 18% !important;
  z-index: -1 !important;
  background:
    radial-gradient(ellipse at 50% 48%, rgba(255, 232, 153, .3) 0%, rgba(176, 138, 36, .16) 36%, transparent 72%) !important;
  filter: blur(18px) !important;
  opacity: .85 !important;
  pointer-events: none !important;
}

.home-live-hero .home-hero-panel .home-mevakshei-tagline {
  margin: 20px auto 0 !important;
  padding: 0 0 24px !important;
  color: #fff8df !important;
  -webkit-text-fill-color: #fff8df !important;
  font-family: "Frank Ruhl Libre", "Noto Serif Hebrew", "Times New Roman", serif !important;
  font-size: clamp(34px, 3.35vw, 52px) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  text-shadow:
    0 2px 0 rgba(0, 30, 14, .85),
    0 7px 18px rgba(0, 0, 0, .66),
    0 0 18px rgba(244, 216, 112, .14) !important;
}

.home-live-hero .home-hero-panel .home-mevakshei-tagline::after {
  width: min(430px, 70vw) !important;
  height: 24px !important;
  bottom: -5px !important;
  background:
    radial-gradient(circle at 50% 50%, #fff4bf 0 4px, #B08A24 5px, transparent 6px),
    radial-gradient(circle at 43% 50%, rgba(255, 235, 166, .95) 0 2px, transparent 3px),
    radial-gradient(circle at 57% 50%, rgba(255, 235, 166, .95) 0 2px, transparent 3px),
    linear-gradient(90deg, transparent 0%, rgba(176, 138, 36, .06) 10%, rgba(255, 231, 149, .72) 48%, rgba(255, 231, 149, .72) 52%, rgba(176, 138, 36, .06) 90%, transparent 100%),
    linear-gradient(90deg, transparent 12%, rgba(176, 138, 36, .42) 34%, transparent 49%, transparent 51%, rgba(176, 138, 36, .42) 66%, transparent 88%) !important;
  border-radius: 999px !important;
  opacity: .82 !important;
  filter:
    drop-shadow(0 0 10px rgba(255, 230, 150, .32))
    drop-shadow(0 0 22px rgba(176, 138, 36, .18)) !important;
}

.home-live-hero .home-hero-panel .home-mevakshei-essence {
  margin-top: 16px !important;
  color: rgba(255, 255, 255, .96) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, .96) !important;
  font-family: "Frank Ruhl Libre", "Noto Serif Hebrew", "Times New Roman", serif !important;
  font-size: clamp(22px, 2vw, 32px) !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  text-shadow: 0 2px 0 rgba(0, 29, 13, .8), 0 8px 22px rgba(0, 0, 0, .56) !important;
}

.home-live-hero .home-mevakshei-hero-panel .portal-actions {
  margin-top: 34px !important;
}

.home-live-hero .home-mevakshei-hero-panel .portal-actions .btn {
  font-family: "Frank Ruhl Libre", "Noto Serif Hebrew", "Times New Roman", serif !important;
  font-size: clamp(18px, 1.4vw, 23px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.home-live-hero .home-mevakshei-hero-panel .home-horaa-search {
  display: none !important;
}

@media (max-width: 680px) {
  .home-live-hero .home-mevakshei-kicker {
    width: min(280px, 70vw) !important;
    margin-bottom: 16px !important;
  }

  .home-live-hero .home-hero-panel .home-mevakshei-title {
    font-size: clamp(56px, 14.5vw, 76px) !important;
    line-height: 1.03 !important;
    -webkit-text-stroke: 0 !important;
  }

  .home-live-hero .home-hero-panel .home-mevakshei-tagline {
    margin-top: 15px !important;
    padding-bottom: 19px !important;
    font-size: clamp(25px, 6.7vw, 34px) !important;
    line-height: 1.08 !important;
  }

  .home-live-hero .home-hero-panel .home-mevakshei-tagline::after {
    width: min(275px, 72vw) !important;
    height: 18px !important;
    bottom: -4px !important;
  }

  .home-live-hero .home-hero-panel .home-mevakshei-essence {
    max-width: 310px !important;
    margin-top: 12px !important;
    font-size: clamp(18px, 4.9vw, 24px) !important;
    line-height: 1.18 !important;
  }

  .home-live-hero .home-mevakshei-hero-panel .portal-actions {
    margin-top: 24px !important;
  }
}
