/* ╔══════════════════════════════════════════════════════════════════╗
   ║  JULIET BEAUTY BOUTIQUE — PINK LUXURY STYLESHEET                ║
   ║  Baby Pink × Deep Rose × Black × Gold                          ║
   ║  One coherent file — loaded after premium-upgrade.css          ║
   ╚══════════════════════════════════════════════════════════════════╝ */

/* ══════════════════════════════════════════════════════════
   DESIGN TOKENS
══════════════════════════════════════════════════════════ */
:root {
  --lb-bg:       #F8C9D6;   /* רקע ראשי — בלאש ורוד רך (מתוך הבאנר) */
  --lb-bg2:      #F4AFC1;   /* רקע משני — ורוד סאטן */
  --lb-pale:     #FADCE5;   /* ורוד רך */
  --lb-card:     #FFFFFF;   /* כרטיסים — לבן */
  --lb-white:    #FFF3F6;   /* ניטרלי בהיר ורדרד */
  --lb-black:    #111111;   /* טקסט שחור */
  --lb-ink:      #2A2A2A;   /* טקסט כהה רך */
  --lb-rose:     #D8A1A9;   /* רוז-גולד — מבטא */
  --lb-rose-lt:  #F4AFC1;   /* ורוד סאטן — מבטא משני */
  --lb-rose-dk:  #B8737F;   /* רוז-גולד כהה — hover */
  --lb-accent:   #E88AA8;   /* ורוד מבטא חי */
  --lb-gold:     #D8A1A9;   /* רוז-גולד */
  --lb-gold-lt:  rgba(216,161,169,.18);
  --lb-border:   rgba(17,17,17,.16); /* גבול עדין */
  --lb-shadow:   0 8px 24px rgba(17,17,17,.08);
  --lb-shadow-r: 0 8px 30px rgba(232,138,168,.26);
}

/* ══════════════════════════════════════════════════════════
   RESET ANIMATIONS & GRADIENT TEXT (site-wide)
══════════════════════════════════════════════════════════ */
*, *::before, *::after {
  animation-play-state: running;
}
h1, h2, h3, h4, h5, h6,
.stitle, .sec-title, .hero-t, [class*="title"], [class*="heading"] {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: inherit !important;
  text-shadow: none !important;
  animation: none !important;
}

/* ══════════════════════════════════════════════════════════
   BASE
══════════════════════════════════════════════════════════ */
html, body {
  background: var(--lb-bg) !important;
  color: var(--lb-black) !important;
}

/* ══════════════════════════════════════════════════════════
   TYPOGRAPHY
══════════════════════════════════════════════════════════ */
h1, h2, h3, .hero-t, h1.hero-t,
.stitle, .sec-title, .section-title, h2.stitle {
  font-family: "Bodoni Moda", "Cormorant Garamond", Georgia, serif !important;
  font-weight: 700 !important;
  font-style: italic !important;
  text-transform: none !important;
  letter-spacing: .03em !important;
  color: var(--lb-black) !important;
  -webkit-text-fill-color: var(--lb-black) !important;
}
h1, .hero-t, h1.hero-t {
  font-size: clamp(2.4rem, 6.5vw, 5.8rem) !important;
  line-height: 1.06 !important;
}
h2, .stitle, .sec-title, h2.stitle {
  font-size: clamp(1.7rem, 4.5vw, 3.2rem) !important;
  line-height: 1.15 !important;
}
h3, .card-title, .srv-name, .treat-name {
  font-family: "Cinzel", serif !important;
  font-style: normal !important;
  color: var(--lb-black) !important;
  letter-spacing: .1em !important;
}
p, li, label, small, blockquote,
.desc, .sub-text, .about-text, .rv-text {
  color: var(--lb-black) !important;
}
em { font-style: italic !important; }
.hero h1 em, .hero-t em, h1 em {
  color: var(--lb-rose) !important;
  -webkit-text-fill-color: var(--lb-rose) !important;
}
a { color: var(--lb-black) !important; text-decoration: none !important; }@media (hover:hover) and (pointer:fine){
a:hover{ color: var(--lb-rose) !important; }
}

/* ══════════════════════════════════════════════════════════
   NAV — לבן נקי
══════════════════════════════════════════════════════════ */
html body nav,
html body nav.sticky,
html body header nav,
html body .nav-wrap nav,
html body header {
  background: rgba(255,255,255,.78) !important;
  background-color: rgba(255,255,255,.78) !important;
  border-bottom: 1px solid var(--lb-border) !important;
  box-shadow: 0 4px 24px rgba(216,156,171,.10) !important;
  backdrop-filter: blur(12px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.1) !important;
}
html body nav a,
html body nav .nlinks a,
html body nav .nlinks a:link,
html body nav .nlinks a:visited {
  color: var(--lb-black) !important;
  font-family: "Cinzel", serif !important;
  font-size: 11px !important;
  letter-spacing: .15em !important;
}@media (hover:hover) and (pointer:fine){
html body nav a:hover, html body nav .nlinks a:hover{ color: var(--lb-rose) !important; }
}
html body nav img,
html body header img { filter: none !important; opacity: 1 !important; }

/* pre-bar / progress bar */
.pre-bar, [class*="top-bar"], [class*="pre-bar"] {
  background: var(--lb-rose) !important;
}
.pre-fill { background: var(--lb-bg) !important; }

/* ══ JB-LOADER — מסך טעינה שני ══ */
#jb-loader {
  background: #F5A8B8 !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
}
#jb-loader-brand {
  font-family: "Cinzel", serif !important;
  font-size: clamp(1.4rem, 4vw, 2.4rem) !important;
  font-weight: 700 !important;
  letter-spacing: .18em !important;
  color: #0D0A0B !important;
  -webkit-text-fill-color: #0D0A0B !important;
  text-shadow: none !important;
  background: none !important;
  animation: none !important;
}
#jb-loader-sub {
  font-family: "Cormorant Garamond", serif !important;
  font-size: clamp(.85rem, 2vw, 1.1rem) !important;
  letter-spacing: .22em !important;
  color: #0D0A0B !important;
  opacity: .65 !important;
  text-transform: uppercase !important;
  background: none !important;
  animation: none !important;
}
#jb-loader-bar {
  width: 160px !important;
  height: 2px !important;
  background: rgba(13,10,11,.15) !important;
  border-radius: 99px !important;
  overflow: hidden !important;
  margin-top: 8px !important;
}
#jb-loader-bar-fill {
  background: #0D0A0B !important;
  height: 100% !important;
}

/* ══════════════════════════════════════════════════════════
   MARQUEE / TICKER
══════════════════════════════════════════════════════════ */
#jb-marquee,
div#jb-marquee,
div#jb-marquee #jb-marquee-inner,
div#jb-marquee .jb-mq-track,
.ticker, .pre-bar + * {
  background: var(--lb-black) !important;
}
#jb-marquee span,
#jb-marquee *,
div#jb-marquee #jb-marquee-inner span,
div#jb-marquee .jb-mq-track span,
div#jb-marquee span {
  color: var(--lb-white) !important;
}

/* ══════════════════════════════════════════════════════════
   HERO
══════════════════════════════════════════════════════════ */
.hero, section#top, section.hero {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(135deg,
    #FFD6E8 0%, #FAE6EF 40%, #F5D5E4 100%) !important;
  background-color: #FAE6EF !important;
}

/* פורטרט — מבוטל, הסרטון מטפל */
#jb-portrait-img { display: none !important; }

/* ::after — מבוטל כי הסרטון מחליף */
.hero::after, section#top::after {
  display: none !important;
  content: none !important;
}

/* ::before — מבוטל */
.hero::before, section#top::before {
  display: none !important;
  content: none !important;
}

/* סרטון Hero — מלא, cover, מראה פנים */
.hero .hv-video, section#top .hv-video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: left top !important;
  opacity: 1 !important;
  z-index: 0 !important;
  mix-blend-mode: normal !important;
}

/* img המקורי — מסתיר */
.hero img.hv:not(.hv-video), section#top img.hv {
  display: none !important;
}

/* canvas ו-grain — מבוטלים */
#hptc { display: none !important; }
#jb-grain { display: none !important; }
.hgem { display: none !important; }

/* overlay כהה-ורוד מעל הסרטון לקריאות הטקסט */
.ho {
  background: linear-gradient(to bottom,
    rgba(0,0,0,.12)   0%,
    rgba(0,0,0,0)     30%,
    rgba(0,0,0,0)     70%,
    rgba(0,0,0,.22)   100%
  ) !important;
  z-index: 1 !important;
  position: absolute !important;
  inset: 0 !important;
}

/* לוגו Hero */
.hero-logo-img {
  display: block !important;
  width: clamp(160px, 30vw, 320px) !important;
  height: auto !important;
  margin-bottom: 16px !important;
  filter: brightness(0) !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 10 !important;
}

/* תוכן הטקסט — מעל הכל */
.hc, .hero .hc, section#top .hc {
  position: relative !important;
  z-index: 10 !important;
  background: transparent !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 36px 24px 48px !important;
  box-sizing: border-box !important;
}
.hc .hbtns { margin-top: auto !important; }
.hc *, .hero .hc *, section#top .hc * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.35) !important;
}
.hc h1 em, .hc .hero-t em, .hc em {
  color: #FFD6E8 !important;
  -webkit-text-fill-color: #FFD6E8 !important;
}
.hc .btn, .hc a.btn, .hc .cta-btn {
  color: var(--lb-white) !important;
  -webkit-text-fill-color: var(--lb-white) !important;
}
.hero p, .hero span:not(#jb-avail-text):not(.jb-rtick-stars),
.hero h2, .hero li, .hero label, .hero small {
  color: var(--lb-black) !important;
}
.hero .jb-preline, .hero .jb-support { color: var(--lb-black) !important; }
.hero .jb-sub-cinzel { color: var(--lb-black) !important; opacity: .75 !important; }
.hero .jb-brand-tag, .hero span.jb-brand-tag { color: var(--lb-rose) !important; }
.hgem { opacity: .2 !important; }

/* ══════════════════════════════════════════════════════════
   SECTIONS
══════════════════════════════════════════════════════════ */
section {
  background-color: var(--lb-bg) !important;
  background-image: none !important;
  color: var(--lb-black) !important;
}
section:nth-child(even),
#halaka, #reviews, #faq, #cmp-sec, .faq-sec, .cmp-sec, .val-sec {
  background-color: var(--lb-bg2) !important;
  background-image: none !important;
}
#services, #about, #before-after, #book {
  background: linear-gradient(180deg, var(--lb-bg) 0%, var(--lb-bg2) 100%) !important;
}
div.benefits, div.ben-grid, .halaka-sec,
.rv-sec, .loc-sec, .about, .insta-sec, .quiz-sec, .vid-sec {
  background-color: var(--lb-bg) !important;
}
footer, .footer {
  background: var(--lb-black) !important;
  color: rgba(255,255,255,.8) !important;
}
footer *, .footer * { color: rgba(255,255,255,.8) !important; }@media (hover:hover) and (pointer:fine){
footer a:hover, .footer a:hover{ color: var(--lb-gold) !important; }
}

/* ══════════════════════════════════════════════════════════
   CARDS
══════════════════════════════════════════════════════════ */
.ben-card, .val-card, .vid-card, .loc-card,
.gr-card, .treat-card, .srv-card, .hfaq-item,
.rvc, .rv-card, [class*="-card"], [class*="card-"],
html body [class*="card"]:not(.about-card):not(.rev-card),
html body .ben-card, html body .srv-card, html body .treat-card,
html body .val-card, html body .price-card, html body .service-card {
  background: var(--lb-card) !important;
  border: 1.5px solid var(--lb-border) !important;
  border-radius: 16px !important;
  box-shadow: var(--lb-shadow) !important;
  color: var(--lb-black) !important;
  position: relative !important;
  overflow: hidden !important;
}
html body [class*="card"]:not(.about-card):not(.rev-card) * {
  color: var(--lb-black) !important;
}
.ben-card *, .val-card *, .treat-card *, .srv-card *,
.rvc *, .rv-card * { color: var(--lb-black) !important; }@media (hover:hover) and (pointer:fine){
.ben-card:hover, .val-card:hover, .treat-card:hover, .srv-card:hover, .rvc:hover{
  border-color: var(--lb-rose) !important;
  box-shadow: var(--lb-shadow-r) !important;
  transform: translateY(-4px) !important;
  transition: all .25s !important;
}
}

/* קו עליון זהב על כרטיסים */
.ben-card::before, .treat-card::before, .srv-card::before, .val-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, var(--lb-rose), var(--lb-border), var(--lb-gold)) !important;
  border-radius: 16px 16px 0 0 !important;
  z-index: 1 !important;
}

/* ══════════════════════════════════════════════════════════
   STATS
══════════════════════════════════════════════════════════ */
.stat, .stat.rv {
  background: var(--lb-card) !important;
  border: 1.5px solid var(--lb-border) !important;
  border-radius: 14px !important;
  box-shadow: var(--lb-shadow) !important;
}
.snum {
  color: var(--lb-rose) !important;
  font-family: "Bodoni Moda", serif !important;
  font-style: italic !important;
}
.slbl { color: var(--lb-black) !important; }

/* ══════════════════════════════════════════════════════════
   BUTTONS — unified into juliet-final-rescue.css (last-loaded, source of truth)
══════════════════════════════════════════════════════════ */

/* ── HERO CTAs — ראשי (מלא שחור) ומשני (מתאר רך) ── */
section#top .hc .btn-pk, .hc .btn-pk, .hbtns .btn-pk {
  background: var(--lb-black) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1px solid var(--lb-black) !important;
  border-radius: 999px !important;
  padding: 15px 38px !important;
  font-family: "Cinzel", serif !important;
  letter-spacing: .16em !important;
  box-shadow: 0 8px 26px rgba(17,17,17,.22) !important;
  transition: transform .15s, box-shadow .22s, background .22s !important;
}
section#top .hc .btn-ghost, .hc .btn-ghost, .hbtns .btn-ghost {
  background: rgba(255,255,255,.85) !important;
  color: var(--lb-black) !important;
  -webkit-text-fill-color: var(--lb-black) !important;
  border: 1px solid #fff !important;
  border-radius: 999px !important;
  padding: 15px 38px !important;
  font-family: "Cinzel", serif !important;
  letter-spacing: .16em !important;
  backdrop-filter: blur(6px) !important;
  box-shadow: 0 8px 26px rgba(17,17,17,.12) !important;
  transition: transform .15s, box-shadow .22s, background .22s !important;
}@media (hover:hover) and (pointer:fine){
.hc .btn-pk:hover, .hbtns .btn-pk:hover{
  background: var(--lb-rose) !important;
  border-color: var(--lb-rose) !important;
  transform: translateY(-2px) !important;
}
}@media (hover:hover) and (pointer:fine){
section#top .hc .btn-ghost:hover, .hc .btn-ghost:hover, .hbtns .btn-ghost:hover{
  background: #fff !important;
  color: var(--lb-rose) !important;
  -webkit-text-fill-color: var(--lb-rose) !important;
  transform: translateY(-2px) !important;
}
}

/* ── חריגה: כפתורי כרטיסי מוצר (בוטיק) — קומפקטיים, לא לוקסוס ── */
#boutique-grid .bq-pcard-btns a,
.bq-pcard-btns .btn-view,
.bq-pcard-btns .btn-add {
  padding: 10px 6px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  letter-spacing: .5px !important;
  text-transform: none !important;
  font-family: inherit !important;
  display: block !important;
  flex: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transform: none !important;
}
#boutique-grid .bq-pcard-btns .btn-view {
  background: transparent !important;
  color: #0A0808 !important;
  -webkit-text-fill-color: #0A0808 !important;
  border: 1.5px solid rgba(10,8,8,.28) !important;
  box-shadow: none !important;
}@media (hover:hover) and (pointer:fine){
#boutique-grid .bq-pcard-btns .btn-view:hover{
  background: #0A0808 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: #0A0808 !important;
}
}
#boutique-grid .bq-pcard-btns .btn-add {
  background: linear-gradient(135deg,#e8409a,#c0307e) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(224,64,154,.35) !important;
}

/* ══════════════════════════════════════════════════════════
   BAR DIVIDER
══════════════════════════════════════════════════════════ */
.bar {
  background: linear-gradient(90deg, var(--lb-rose), var(--lb-gold), var(--lb-rose)) !important;
  height: 2px !important;
  box-shadow: none !important;
}
.bar::after {
  color: var(--lb-rose) !important;
  background: var(--lb-bg) !important;
}
.eyebrow, [class*="eyebrow"] {
  color: var(--lb-rose-lt) !important;
  font-family: "Cinzel", serif !important;
  letter-spacing: .2em !important;
}

/* ══════════════════════════════════════════════════════════
   REVIEWS
══════════════════════════════════════════════════════════ */
.rvc, .rv-card {
  background: var(--lb-card) !important;
  border: 1px solid var(--lb-border) !important;
  border-radius: 14px !important;
}
.rv-stars, .stars { color: var(--lb-rose) !important; }
.rv-name, .rv-author {
  color: var(--lb-rose) !important;
  font-family: "Cinzel", serif !important;
  font-size: 10px !important;
  letter-spacing: .14em !important;
}
.rv-text { color: var(--lb-black) !important; font-style: italic !important; }

/* Review ticker */
#jb-rev-ticker {
  background: linear-gradient(90deg, var(--lb-bg2), var(--lb-bg), var(--lb-bg2)) !important;
  border-color: var(--lb-border) !important;
}
.jb-rtick-stars { color: var(--lb-gold) !important; }
.jb-rtick-text  { color: var(--lb-black) !important; }
.jb-rtick-name  { color: var(--lb-rose-lt) !important; }

/* ══════════════════════════════════════════════════════════
   FAQ
══════════════════════════════════════════════════════════ */
.faq-item, details, .hfaq-item {
  background: var(--lb-card) !important;
  border: 1px solid var(--lb-border) !important;
  border-radius: 10px !important;
}
.faq-q, summary, .hfaq-q {
  color: var(--lb-black) !important;
  font-family: "Cinzel", serif !important;
  font-size: 12px !important;
  letter-spacing: .07em !important;
}
.faq-a, details p { color: #3a1828 !important; }

/* ══════════════════════════════════════════════════════════
   COMPARISON TABLE
══════════════════════════════════════════════════════════ */
.cmp-sec, section.cmp-sec {
  background: var(--lb-bg2) !important;
}
.cmp-table-wrap, .cmp-inner { background: transparent !important; }
.cmp-table {
  background: transparent !important;
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 5px !important;
}
.cmp-table thead th {
  background: var(--lb-black) !important;
  color: var(--lb-white) !important;
  font-family: "Cinzel", serif !important;
  font-size: 11px !important;
  letter-spacing: .14em !important;
  padding: 14px 18px !important;
  border: none !important;
}
.cmp-table thead th:first-child { border-radius: 10px 0 0 10px !important; }
.cmp-table thead th:last-child  { border-radius: 0 10px 10px 0 !important; }
.cmp-table tbody tr { background: var(--lb-card) !important; }
.cmp-table tbody tr:nth-child(even) { background: #FFF0F6 !important; }
.cmp-table tbody td, .cmp-table tbody th,
.cmp-row td, .cmp-row th, .cmp-cell {
  background: transparent !important;
  color: var(--lb-black) !important;
  font-family: "Cormorant Garamond", serif !important;
  font-size: 15px !important;
  padding: 13px 18px !important;
  border-bottom: 1px solid var(--lb-border) !important;
  border-left: none !important; border-right: none !important; border-top: none !important;
}
.cmp-table td:first-child, .cmp-table th:first-child {
  font-family: "Cinzel", serif !important;
  font-weight: 700 !important; font-size: 12px !important;
  color: var(--lb-black) !important;
}
.cmp-table .yes, .cmp-yes { color: var(--lb-rose) !important; font-size: 18px !important; }
.cmp-table .no,  .cmp-no  { color: #bbb !important; font-size: 18px !important; }
.cmp-table .col-jb, .cmp-table td.jb-col {
  background: rgba(192,68,114,.06) !important;
  font-weight: 700 !important;
}
.cmp-tab, .cmp-tabs button, .cmp-tabs .tab {
  background: transparent !important;
  border: 1.5px solid var(--lb-border) !important;
  color: var(--lb-black) !important;
  font-family: "Cinzel", serif !important;
  border-radius: 99px !important;
  padding: 7px 20px !important;
  font-size: 10px !important;
  letter-spacing: .12em !important;
}
.cmp-tab.active, .cmp-tabs button.active, .cmp-tabs .tab.active {
  background: var(--lb-black) !important;
  color: var(--lb-white) !important;
  border-color: var(--lb-black) !important;
}

/* ══════════════════════════════════════════════════════════
   INPUTS
══════════════════════════════════════════════════════════ */
input:not([type="checkbox"]):not([type="radio"]),
textarea, select {
  border: 1.5px solid var(--lb-border) !important;
  background: var(--lb-card) !important;
  color: var(--lb-black) !important;
  border-radius: 6px !important;
}
input:focus, textarea:focus {
  border-color: var(--lb-rose) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(192,68,114,.1) !important;
}

/* ══════════════════════════════════════════════════════════
   FLOATING ELEMENTS
══════════════════════════════════════════════════════════ */
#jb-sticky-cta {
  background: var(--lb-black) !important;
  border-top: 2px solid var(--lb-rose) !important;
}
#jb-sticky-cta p { color: rgba(255,230,240,.9) !important; }
#jb-sticky-cta a {
  background: var(--lb-rose) !important;
  border-radius: 4px !important;
  color: #fff !important;
  animation: none !important;
}
#jb-sticky-close { color: rgba(255,255,255,.4) !important; }

#jb-avail {
  background: rgba(13,10,11,.92) !important;
  border-color: var(--lb-border) !important;
}
#jb-avail-text { color: var(--lb-bg) !important; }
#jb-avail-dot.open   { background: #00C97A !important; }
#jb-avail-dot.closed { background: #888 !important; }

#jb-whatsapp-fab {
  background: var(--lb-black) !important;
  border: 2px solid var(--lb-border) !important;
  box-shadow: 0 4px 20px rgba(13,10,11,.3) !important;
}
#jb-wa-tooltip { background: var(--lb-black) !important; color: #fff !important; }

/* Price calculator */
#jb-calc-btn { background: var(--lb-black) !important; color: #fff !important; }
#jb-calc-panel { background: var(--lb-white) !important; color: var(--lb-black) !important; }
#jb-calc-panel h3 {
  font-family: "Bodoni Moda", serif !important;
  font-style: italic !important;
  color: var(--lb-black) !important;
  -webkit-text-fill-color: var(--lb-black) !important;
  font-size: 1.6rem !important;
}
.jb-cs { border-color: var(--lb-border) !important; }
.jb-cs.on { border-color: var(--lb-rose) !important; background: #FFF0F6 !important; }
.jb-cs-name { color: var(--lb-black) !important; }
.jb-cs-price { color: var(--lb-rose) !important; }
#jb-calc-result {
  background: linear-gradient(135deg, var(--lb-bg), var(--lb-bg2)) !important;
}
#jb-cr-price {
  color: var(--lb-rose) !important;
  -webkit-text-fill-color: var(--lb-rose) !important;
}
#jb-calc-result a { background: var(--lb-black) !important; color: #fff !important; }

/* ══════════════════════════════════════════════════════════
   TEAM SECTION
══════════════════════════════════════════════════════════ */
.jb-team-sec {
  background: var(--lb-bg2) !important;
  padding: 90px 40px !important;
  text-align: right !important;
}
.jb-team-inner {
  max-width: 1100px !important;
  margin: 0 auto !important;
}
.jb-team-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 40px !important;
  margin-top: 48px !important;
}
.jb-team-card {
  background: var(--lb-card) !important;
  border: 1.5px solid var(--lb-border) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: var(--lb-shadow) !important;
  transition: transform .25s, box-shadow .25s !important;
}@media (hover:hover) and (pointer:fine){
.jb-team-card:hover{
  transform: translateY(-5px) !important;
  box-shadow: var(--lb-shadow-r) !important;
}
}
.jb-team-img-wrap {
  width: 100% !important;
  height: 360px !important;
  overflow: hidden !important;
}
.jb-team-img-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
}
.jb-team-placeholder {
  background: linear-gradient(135deg, var(--lb-bg), var(--lb-bg2)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-bottom: 1.5px solid var(--lb-border) !important;
}
.jb-team-placeholder span {
  color: var(--lb-rose-lt) !important;
  font-family: "Cinzel", serif !important;
  font-size: 13px !important;
  letter-spacing: .15em !important;
  text-align: center !important;
  line-height: 1.8 !important;
}
.jb-team-info {
  padding: 28px 32px 32px !important;
}
.jb-team-name {
  font-family: "Bodoni Moda", serif !important;
  font-style: italic !important;
  font-size: 1.8rem !important;
  color: var(--lb-black) !important;
  margin: 0 0 6px !important;
}
.jb-team-role {
  font-family: "Cinzel", serif !important;
  font-size: 10px !important;
  letter-spacing: .18em !important;
  color: var(--lb-rose) !important;
  text-transform: uppercase !important;
  margin: 0 0 14px !important;
}
.jb-team-bio {
  color: var(--lb-black) !important;
  font-family: "Cormorant Garamond", serif !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

@media (max-width: 700px) {
  .jb-team-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
  .jb-team-img-wrap { height: 280px !important; }
  .jb-team-sec { padding: 60px 20px !important; }
}

/* ══════════════════════════════════════════════════════════
   BEFORE/AFTER
══════════════════════════════════════════════════════════ */
.ba-handle { background: var(--lb-rose) !important; border-color: var(--lb-white) !important; }

/* ══════════════════════════════════════════════════════════
   SIGNATURE SVG
══════════════════════════════════════════════════════════ */
#jb-signature-svg text, #jb-sig-text { stroke: var(--lb-rose) !important; }

/* ══════════════════════════════════════════════════════════
   SCROLLBAR + SELECTION
══════════════════════════════════════════════════════════ */
::-webkit-scrollbar { width: 4px !important; }
::-webkit-scrollbar-track { background: var(--lb-bg) !important; }
::-webkit-scrollbar-thumb { background: var(--lb-rose) !important; border-radius: 99px !important; }
::selection { background: var(--lb-rose) !important; color: #fff !important; }

/* ══════════════════════════════════════════════════════════
   MOBILE
══════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .hero-t, .hero h1 { font-size: clamp(2rem, 10vw, 3.2rem) !important; }
  h2, .stitle, .sec-title { font-size: clamp(1.5rem, 8vw, 2.4rem) !important; }
  #jb-calc-btn { display: none !important; }
  .btn, .cta-btn { padding: 11px 22px !important; font-size: 10px !important; }
}

/* ══════════════════════════════════════════════════════════
   HERO INFO BAND — מתחת לסרטון
══════════════════════════════════════════════════════════ */
.hero-band {
  background: linear-gradient(180deg, var(--lb-pale) 0%, var(--lb-bg) 100%) !important;
  padding: 34px 20px 38px !important;
  border-bottom: 1px solid var(--lb-border) !important;
}
.hero-band-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.hero-band .hero-mini-review {
  display: flex; align-items: center; justify-content: center;
  gap: 10px; flex-wrap: wrap; font-size: 14px;
}
.hero-band .hmr-stars { color: var(--lb-rose) !important; letter-spacing: 2px; }
.hero-band .hmr-text { font-style: italic; color: var(--lb-ink) !important; }
.hero-band .hmr-name { font-size: 12px; color: var(--lb-ink) !important; opacity: .7; }
.hero-band .hero-trust {
  display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;
}
.hero-band .trust-item {
  font-size: 12px; letter-spacing: 1px;
  color: var(--lb-black) !important;
  padding: 9px 16px;
  border: 1px solid var(--lb-border) !important;
  background: rgba(255,255,255,.75) !important;
  border-radius: 999px;
  box-shadow: 0 2px 10px rgba(216,156,171,.12);
  cursor: default;
}
.hero-band .trust-cert-btn { cursor: pointer; }
.hero-band .slots-bar {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--lb-black) !important;
  color: #fff !important;
  padding: 9px 20px; border-radius: 999px;
  font-size: 13px; font-weight: 600;
  box-shadow: 0 6px 20px rgba(17,17,17,.18);
}
.hero-band .slots-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: #fff; box-shadow: 0 0 0 0 rgba(255,255,255,.7);
  animation: slotsPulse 1.6s infinite;
}
@keyframes slotsPulse {
  0% { box-shadow: 0 0 0 0 rgba(255,255,255,.7); }
  70% { box-shadow: 0 0 0 8px rgba(255,255,255,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); }
}
.hero-band .hfaq {
  display: flex; justify-content: center; gap: 12px; flex-wrap: wrap;
}
.hero-band .hfaq-item {
  display: flex; flex-direction: column; align-items: center;
  background: rgba(255,255,255,.85) !important;
  border: 1px solid var(--lb-border) !important;
  border-radius: 16px;
  padding: 12px 20px; min-width: 120px;
  box-shadow: 0 4px 16px rgba(216,156,171,.14);
}
.hero-band .hfaq-q { font-size: 12px; color: var(--lb-ink) !important; font-weight: 600; opacity: .8; }
.hero-band .hfaq-a { font-size: 14px; color: var(--lb-black) !important; margin-top: 3px; font-weight: 700; }