/* ═══════════════════════════════════════════════════════════════
   UNICA EVENTS — main.css
   Auto-generated from index.html inline styles
   ═══════════════════════════════════════════════════════════════ */

/* ══════════ block 1 ══════════ */

/* ── RESET ─────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
/* Allow native pull-to-refresh on the document; suppress bounce only on inner carousels */
.hs-track,.tsl-track,.pkg-strip,.nav-drawer{ overscroll-behavior:contain }
img{display:block;max-width:100%}
button,input,select,textarea{font-family:inherit}
a{text-decoration:none}

/* ── TOKENS ─────────────────────────────── */
:root{
  --gold:#C9A74E;
  --gold-d:#A8862E;
  --gold-pale:#F7F0DF;
  --gold-tint:rgba(201,167,78,.13);
  --wa:#25D366;
  --white:#FFFFFF;
  --cream:#FAFAF7;
  --cream2:#F4F1EA;
  --dark:#181512;
  --ink:#1A1714;
  --ink-mid:#4A4640;
  --ink-soft:#8A8278;
  --border:#E8E2D6;
  --sh-s:0 2px 14px rgba(0,0,0,.06);
  --sh-m:0 6px 32px rgba(0,0,0,.09);
  --sh-l:0 16px 64px rgba(0,0,0,.12);
  --r:16px;
  --r-lg:22px;
  --r-xl:32px;
  --ease:cubic-bezier(.4,0,.2,1)
}

/* ── BASE ─────────────────────────────── */
body{
  font-family:'Assistant',sans-serif;
  background:var(--white);
  color:var(--ink);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  font-size:16px;
  line-height:1.7
}
.wrap{max-width:1100px;margin:0 auto;padding:0 22px}
.sec{padding:68px 0}
.sec-sm{padding:46px 0}

/* ── TYPE ─────────────────────────────── */
h1{font-family:'Heebo','Noto Serif Hebrew',serif;font-weight:800;font-size:clamp(34px,6vw,68px);line-height:1.15;letter-spacing:-.01em}
h2{font-family:'Heebo','Noto Serif Hebrew',serif;font-weight:700;font-size:clamp(24px,3.6vw,42px);line-height:1.22}
h3{font-family:'Heebo','Noto Serif Hebrew',serif;font-weight:600;font-size:clamp(18px,2.2vw,24px);line-height:1.3}
p{line-height:1.75}
.label{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-d);display:block}
.body-lg{font-size:17px;line-height:1.75;font-weight:400;color:var(--ink-mid)}
.body-sm{font-size:14px;line-height:1.65;color:var(--ink-soft)}

/* ── SECTION HEADER ─────────────────────────────── */
.sec-head{text-align:center;margin-bottom:52px}
.sec-head .label{margin-bottom:10px}
.sec-head h2{margin-bottom:0}
.sec-underline{width:48px;height:3px;background:var(--gold);border-radius:2px;margin:14px auto 0}

/* ── BUTTONS ─────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;gap:7px;
  font-size:14px;font-weight:600;border-radius:9999px;
  padding:13px 26px;border:none;cursor:pointer;
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s;
  white-space:nowrap;letter-spacing:.01em
}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(--gold);color:#fff;box-shadow:0 4px 18px rgba(201,167,78,.30)}
.btn-gold:hover{background:var(--gold-d);box-shadow:0 8px 26px rgba(201,167,78,.40)}
.btn-outline{background:transparent;color:var(--ink);border:1.5px solid var(--border)}
.btn-outline:hover{border-color:var(--gold);color:var(--gold)}
.btn-outline-dark{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}
.btn-outline-dark:hover{border-color:#fff;background:rgba(255,255,255,.07)}
.btn-wa{background:var(--wa);color:#fff;box-shadow:0 4px 18px rgba(37,211,102,.28)}
.btn-wa:hover{background:#1fba59}
.btn-lg{padding:16px 34px;font-size:16px}
.btn-sm{padding:10px 18px;font-size:13px}

/* ── HEADER ─────────────────────────────── */
/* Anchor targets — leave room under the fixed 64px header when jumping via #id */
:target,
.feat-pkg,
.hero-slider,
.hiw-section,
.adv-section,
.giving-section,
.miluim-section,
.tsl-section,
.gr-section,
.gal-section,
.faq2-section,
.contact-section{ scroll-margin-top:80px }
.feat-pkg{ scroll-margin-top:80px }

.site-header{
  position:fixed;top:0;left:0;right:0;z-index:300;
  height:64px;
  display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
  padding:0 20px;
  background:rgba(255,255,255,.78);
  -webkit-backdrop-filter:blur(16px) saturate(1.4);
  backdrop-filter:blur(16px) saturate(1.4);
  border-bottom:1px solid rgba(232,226,214,.55);
  box-shadow:0 1px 8px rgba(0,0,0,.04)
}
@supports not (backdrop-filter: blur(1px)){
  .site-header{ background:#fff }
}
/* brand group — right side (RTL start): logo + hamburger */
.site-header__brand{
  justify-self:start;
  display:flex;
  align-items:center;
  gap:8px
}
/* logo image */
.site-header__logo{
  display:block;
  width:58px;height:58px;
  line-height:0;
  transition:transform .18s var(--ease)
}
.site-header__logo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain
}
.site-header__logo:hover{ transform:scale(1.08) }
/* title text — center (clickable, links to home) */
.site-header__title{
  justify-self:center;
  text-align:center;
  font-family:'Noto Serif Hebrew',serif;
  font-size:18px;font-weight:700;
  color:var(--ink);letter-spacing:.04em;
  line-height:1.15;
  white-space:nowrap;
  text-decoration:none;
  transition:opacity .18s var(--ease)
}
.site-header__title:hover{ opacity:.7 }
.site-header__title small{
  display:block;
  font-family:'Noto Sans Hebrew',sans-serif;
  font-size:11px;font-weight:400;
  color:var(--ink-soft);
  letter-spacing:.06em;
  margin-top:2px
}
/* actions cluster — left side (RTL end) */
.site-header__actions{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:8px
}
.site-header__wa,
.site-header__phone{
  width:36px;height:36px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  transition:transform .18s var(--ease), box-shadow .18s var(--ease)
}
.site-header__wa{
  background:var(--wa);color:#fff;
  box-shadow:0 2px 10px rgba(37,211,102,.28)
}
.site-header__phone{
  background:var(--gold);color:#fff;
  box-shadow:0 2px 10px rgba(201,167,78,.30)
}
.site-header__wa:hover{ transform:scale(1.08); box-shadow:0 4px 16px rgba(37,211,102,.42) }
.site-header__phone:hover{ transform:scale(1.08); box-shadow:0 4px 16px rgba(201,167,78,.45); background:var(--gold-d) }
.site-header__wa svg{ width:18px;height:18px }
.site-header__phone svg{ width:18px;height:18px }
/* hamburger */
.site-header__hamburger{
  display:flex;flex-direction:column;gap:5px;
  background:none;border:none;cursor:pointer;padding:6px
}
.site-header__hamburger span{
  display:block;width:22px;height:2px;
  background:var(--ink);border-radius:2px;
  transition:background .15s
}
.site-header__hamburger:hover span{background:var(--gold)}
@media(max-width:540px){
  .site-header{ padding:0 14px;gap:8px }
  .site-header__title{ font-size:15px }
  .site-header__title small{ font-size:9.5px;margin-top:1px }
  .site-header__logo{ width:52px;height:52px }
  .site-header__wa,
  .site-header__phone{ width:34px;height:34px }
}
@media(max-width:400px){
  .site-header__title small{ display:none }
  .site-header__title{ font-size:14px }
  .site-header__brand{ gap:4px }
  .site-header__actions{ gap:4px }
}

/* ── HERO SLIDER ─────────────────────────────── */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes heroZoom{to{transform:scale(1)}}
@keyframes fragmentDriftLeft{from{opacity:0;transform:rotate(8deg) translateX(-20px)}to{opacity:0.35;transform:rotate(8deg) translateX(0)}}
@keyframes fragmentDriftRight{from{opacity:0;transform:rotate(-6deg) translateX(20px)}to{opacity:0.28;transform:rotate(-6deg) translateX(0)}}
@keyframes portalOpen{from{opacity:0;transform:translateX(-50%) scale(0.93)}to{opacity:1;transform:translateX(-50%) scale(1)}}

.hero-slider{
  position:relative;
  margin-top:64px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:calc(100vh - 64px);
  min-height:calc(100svh - 64px);
  touch-action:pan-y
}

.hs-track{
  display:flex;
  transition:transform .65s var(--ease);
  flex:1;
  position:relative;
  z-index:3
}

/* ── SLIDE ── */
.hs-slide{
  min-width:100%;
  position:relative;
  display:flex;
  flex-direction:row; /* explicit row, RTL handles direction */
  justify-content:center;
  align-items:center;
  min-height:calc(100vh - 64px - 56px);
  min-height:calc(100svh - 64px - 56px);
  overflow:hidden
}

/* full background image per slide */
.hs-slide__bg{
  position:absolute;inset:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.06);
  animation:heroZoom 18s var(--ease) forwards;
  z-index:0
}
.hs-slide__bg--video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  background:#1a1714 center/cover no-repeat;
  pointer-events:none
}
.hs-slide__overlay{
  position:absolute;inset:0;
  background:linear-gradient(
    to top,
    rgba(10,8,6,.72) 0%,
    rgba(10,8,6,.28) 45%,
    rgba(10,8,6,.08) 100%
  );
  z-index:1;
  pointer-events:none
}

/* Transparent swipe catcher — clean touch target for iOS.
   Sits ABOVE video/overlay but BELOW text (so CTA stays clickable)
   and BELOW arrows/dots (so those stay clickable too).
   cursor:pointer tells iOS this is a clickable surface — key for
   unlocking touch delivery without a real click first. */
.hs-swipe{
  position:absolute;
  inset:0;
  z-index:2;
  background:transparent;
  touch-action:pan-y;
  -webkit-tap-highlight-color:transparent;
  cursor:pointer
}

/* ─────────────────────────────
   TEXT BLOCK — sits on the RIGHT in RTL
   (first child in DOM = right side in RTL)
───────────────────────────── */
.hs-text{
  position:relative;
  z-index:3;
  flex:0 1 auto;
  max-width:520px;
  padding:56px 24px;
  text-align:center;
  animation:fadeUp .65s .45s var(--ease) both;
  pointer-events:none  /* swipe passes through — CTA opts back in below */
}
.hs-text .hs-cta{ pointer-events:auto; position:relative; z-index:4 }

.hs-pkg-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(201,167,78,.42);
  border-radius:9999px;
  padding:8px 18px;
  margin-bottom:24px;
  -webkit-backdrop-filter:blur(12px) saturate(1.3);
  backdrop-filter:blur(12px) saturate(1.3);
  box-shadow:0 4px 20px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.28)
}
.hs-pkg-badge-name{
  color:#fff !important;
  text-shadow:0 1px 6px rgba(0,0,0,.35)
}
.hs-pkg-badge-icon{
  width:20px;height:20px;
  color:var(--gold);
  flex-shrink:0
}
.hs-pkg-badge-name{
  font-family:'Noto Serif Hebrew',serif;
  font-size:16px;font-weight:700;color:var(--ink)
}

.hs-headline{
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(30px,3.8vw,54px);
  font-weight:900;
  color:var(--ink);
  line-height:1.15;
  margin-bottom:32px;
  text-align:center;
  text-shadow:0 1px 24px rgba(250,248,245,.6)
}

.hs-sub{
  font-size:clamp(14px,1.5vw,17px);
  font-weight:300;
  color:var(--ink-mid);
  line-height:1.7;
  margin-bottom:36px;
  max-width:340px;
  text-align:right
}

.hs-cta{
  display:inline-flex;
  align-items:center;
  align-self:center;
  gap:8px;
  background:rgba(37,211,102,.38);
  -webkit-backdrop-filter:blur(14px) saturate(1.4);
  backdrop-filter:blur(14px) saturate(1.4);
  color:#fff;
  border:1px solid rgba(255,255,255,.32);
  border-radius:9999px;
  padding:10px 20px;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  font-family:inherit;
  text-decoration:none;
  box-shadow:0 4px 18px rgba(37,211,102,.28);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)
}
.hs-cta:hover{
  background:rgba(37,211,102,.55);
  border-color:rgba(255,255,255,.5);
  transform:translateY(-2px);
  box-shadow:0 8px 26px rgba(37,211,102,.30)
}
@supports not (backdrop-filter: blur(1px)){
  .hs-cta{ background:var(--wa); border-color:transparent }
  .hs-cta:hover{ background:#1fba59 }
}
.hs-cta:active{
  transform:scale(0.97);
  box-shadow:0 3px 12px rgba(37,211,102,.22)
}
.hs-cta__wa,
.pkg-hero__cta-wa{
  flex-shrink:0;
  transition:transform .25s var(--ease)
}

/* ── Editorial eyebrow — same serif family as the headline for harmony ── */
.hs-eyebrow,
.pkg-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:16px;
  font-family:'Noto Serif Hebrew',serif;
  font-size:26px;
  font-weight:700;
  letter-spacing:.16em;
  color:var(--gold);
  text-transform:uppercase;
  margin-bottom:26px;
  padding:0 4px;
  text-shadow:0 1px 8px rgba(0,0,0,.4)
}
.hs-eyebrow::before,
.hs-eyebrow::after,
.pkg-hero__eyebrow::before,
.pkg-hero__eyebrow::after{
  content:'';
  width:80px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(201,167,78,.9));
  flex-shrink:0
}
.hs-eyebrow::after,
.pkg-hero__eyebrow::after{
  background:linear-gradient(90deg, rgba(201,167,78,.9), transparent)
}

@media(max-width:540px){
  .hs-eyebrow,
  .pkg-hero__eyebrow{
    font-size:22px;
    letter-spacing:.14em;
    gap:12px;
    margin-bottom:20px
  }
  .hs-eyebrow::before,
  .hs-eyebrow::after,
  .pkg-hero__eyebrow::before,
  .pkg-hero__eyebrow::after{ width:56px }
}

/* ── Scroll hint chevron at bottom of every hero ── */
.scroll-hint{
  position:absolute;
  bottom:22px;
  left:50%;
  z-index:10;
  border:none;
  background:transparent;
  color:rgba(255,255,255,.85);
  padding:6px;
  cursor:pointer;
  opacity:.85;
  animation:scrollHintBounce 2.2s ease-in-out infinite;
  transition:opacity .35s var(--ease)
}
.scroll-hint svg{ width:26px;height:26px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4)) }
.scroll-hint:hover{ opacity:1;color:var(--gold) }
.scroll-hint.is-hidden{ opacity:0;pointer-events:none }
@keyframes scrollHintBounce{
  0%,100%{ transform:translate(-50%, 0) }
  50%{ transform:translate(-50%, 8px) }
}
@media (prefers-reduced-motion:reduce){
  .scroll-hint{ animation:none }
}

/* ── Gold hairline at bottom of every hero ── */
.hero-slider::after,
.pkg-hero::after{
  content:'';
  position:absolute;
  bottom:0;left:0;right:0;
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(201,167,78,.6) 30%, rgba(201,167,78,.9) 50%, rgba(201,167,78,.6) 70%, transparent);
  z-index:15;
  pointer-events:none
}
@media (hover:hover) and (pointer:fine){
  .hs-cta:hover .hs-cta__wa,
  .pkg-hero__cta:hover .pkg-hero__cta-wa{
    transform:scale(1.14) rotate(-8deg)
  }
}

.hs-trust{
  font-family:'Noto Sans Hebrew',sans-serif;
  font-size:12px;
  font-weight:400;
  color:#6f6a5f;
  opacity:1;
  text-align:right;
  margin-top:8px;
  line-height:1.4
}

/* ─────────────────────────────
   VISUAL BLOCK — sits on the LEFT in RTL
   (second child in DOM = left side in RTL)
───────────────────────────── */
/* ── HERO MEDIA — 3-LAYER BALANCED LAYOUT ─────────────────────────────── */
.hs-visual{
  position:relative;
  z-index:2;
  flex:1 1 70%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:48px 24px 48px 52px;
  min-height:460px
}

.hs-media-wrap{
  position:relative;
  width:500px;
  height:640px;
  flex-shrink:0
}

/* ── LEFT IMAGE — atmospheric fragment ── */
.hs-media-left{
  position:absolute;
  width:30%;
  aspect-ratio:9/16;
  top:8px;
  right:-94px;
  transform:rotate(8deg);
  z-index:1;
  border-radius:14px;
  background:transparent;
  border:none;
  box-shadow:0 6px 24px rgba(0,0,0,.14);
  opacity:0.35;
  filter:blur(2px);
  animation:fragmentDriftLeft .7s .05s var(--ease) both;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  overflow:hidden
}
.hs-media-left img{
  width:100%;height:100%;object-fit:cover;display:block
}
.hs-media-left__ph{
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  gap:10px;width:100%;height:100%;padding:16px
}

/* ── RIGHT IMAGE — atmospheric fragment ── */
.hs-media-right{
  position:absolute;
  width:26%;
  aspect-ratio:9/16;
  top:52px;
  left:-104px;
  transform:rotate(-6deg);
  z-index:1;
  border-radius:12px;
  background:transparent;
  border:none;
  box-shadow:0 4px 18px rgba(0,0,0,.10);
  opacity:0.28;
  filter:blur(3px);
  animation:fragmentDriftRight .7s .12s var(--ease) both;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  overflow:hidden
}
.hs-media-right img{
  width:100%;height:100%;object-fit:cover;display:block
}
.hs-media-right__ph{
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  gap:10px;width:100%;height:100%;padding:16px
}

/* ── CENTER VIDEO — front, dominant ── */
.hs-media-front{
  position:absolute;
  width:88%;
  aspect-ratio:9/16;
  top:0;
  left:50%;
  transform:translateX(-50%);
  z-index:3;
  border-radius:28px;
  background:transparent;
  border:none;
  animation:portalOpen .8s .40s var(--ease) both;
  box-shadow:
    0 32px 96px rgba(0,0,0,.28),
    0 8px 24px rgba(0,0,0,.12);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  overflow:hidden
}
.hs-media-front video{
  width:100%;height:100%;object-fit:cover;display:block
}
.hs-media-front__ph{
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  gap:12px;width:100%;height:100%;padding:16px
}

/* shared placeholder elements */
.hs-ph-icon{ opacity:.38; flex-shrink:0 }
.hs-ph-text{
  font-family:'Noto Sans Hebrew',sans-serif;
  font-size:11px;font-weight:400;
  color:#8A8278;letter-spacing:.04em;
  text-align:center;line-height:1.5
}

/* ── ARROWS ── */
.hs-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:20;
  width:46px;height:46px;
  border-radius:50%;
  background:rgba(255,255,255,.94);
  border:1.5px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  font-size:22px;
  color:var(--ink-mid);
  box-shadow:0 4px 18px rgba(0,0,0,.11);
  transition:background .15s var(--ease),color .15s var(--ease),box-shadow .15s var(--ease),transform .18s var(--ease);
  line-height:1
}
.hs-arrow:hover{
  background:var(--gold);
  color:#fff;
  border-color:var(--gold);
  box-shadow:0 6px 20px rgba(201,167,78,.35);
  transform:translateY(-50%) scale(1.08)
}
/* RTL: prev arrow = right edge, next arrow = left edge */
.hs-arrow--prev{ right:16px }
.hs-arrow--next{ left:16px }

/* ── DOTS ── */
.hs-dots{
  position:relative;z-index:5;
  display:flex;justify-content:center;align-items:center;
  gap:10px;
  padding:14px 0 17px;
  background:rgba(255,255,255,.65);
  flex-shrink:0
}
.hs-dot{
  width:9px;height:9px;
  border-radius:50%;
  background:var(--border);
  border:none;cursor:pointer;padding:0;
  transition:background .2s,transform .2s
}
.hs-dot.active{
  background:var(--gold);
  transform:scale(1.5)
}

/* ── DESKTOP CINEMATIC FULLSCREEN — G-1 ── */
@media(min-width:761px){
  /* floating dots */
  .hs-dots{
    position:absolute;
    bottom:0;left:0;right:0;
    background:transparent;
    z-index:10;
    padding:13px 0 15px;
    flex-shrink:0
  }
  .hs-dot{ background:rgba(255,255,255,.55) }
  .hs-slide{ min-height:calc(100vh - 64px);
  min-height:calc(100svh - 64px) }

  /* remove visual column — scene is the hero */
  .hs-visual{ display:none }

  /* text becomes cinematic overlay — anchored lower-right (RTL reading start) */
  .hs-text{
    position:absolute;
    z-index:4;
    flex:none;
    bottom:18%;
    left:0;
    right:0;
    max-width:560px;
    margin:0 auto;
    padding:0 24px
  }

  /* white typography on dark gradient */
  .hs-headline{
    color:#fff;
    text-shadow:0 2px 32px rgba(0,0,0,.55)
  }
  .hs-sub{ color:rgba(255,255,255,.82) }
  .hs-trust{ color:rgba(255,255,255,.62) }

  /* glass badge (mobile) — inherits gold border from base rule */
  .hs-pkg-badge{
    padding:8px 16px
  }
  .hs-pkg-badge-name{ color:#fff }
}

/* ── MOBILE HERO — fullscreen cinematic ── */
@media(max-width:760px){
  .hero-slider{ min-height:calc(100vh - 64px);
  min-height:calc(100svh - 64px) }
  .hs-track{ height:auto }
  .hs-slide{
    min-height:calc(100vh - 64px);
    min-height:calc(100svh - 64px);
    height:calc(100vh - 64px);
    height:calc(100svh - 64px);
    padding:0;
    overflow:hidden
  }
  .hs-slide__bg{
    display:block;
    inset:0;
    z-index:0
  }
  .hs-slide__bg--video{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center
  }
  .hs-slide__overlay{
    display:block;
    background:linear-gradient(
      to top,
      rgba(10,8,6,.78) 0%,
      rgba(10,8,6,.42) 40%,
      rgba(10,8,6,.14) 100%
    );
    z-index:1
  }

  /* remove side-cards visual column entirely */
  .hs-visual{ display:none }

  /* text = cinematic bottom overlay */
  .hs-text{
    position:absolute;
    z-index:4;
    inset-inline:0;
    bottom:14%;
    max-width:100%;
    padding:0 24px;
    flex:none;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:14px;
    animation:fadeUp .7s .35s var(--ease) both
  }

  /* glass badge on scene */
  .hs-pkg-badge{
    padding:8px 14px;
    margin-bottom:0;
    border-radius:10px;
    background:rgba(255,255,255,.15);
    border:1px solid rgba(255,255,255,.28);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    box-shadow:none
  }
  .hs-pkg-badge-icon{ font-size:18px }
  .hs-pkg-badge-name{ font-size:14px; font-weight:700; color:#fff }

  .hs-headline{
    font-size:clamp(22px,6.2vw,32px);
    line-height:1.2;
    margin-bottom:0;
    max-width:100%;
    text-align:center;
    color:#fff;
    text-shadow:0 2px 24px rgba(0,0,0,.55)
  }
  .hs-sub{
    display:block;
    color:rgba(255,255,255,.85);
    font-size:14px;
    line-height:1.5;
    margin-bottom:0;
    max-width:100%;
    text-align:right
  }
  .hs-cta{
    font-size:13px;
    padding:10px 22px;
    border-radius:9999px;
    white-space:normal;
    line-height:1.2;
    align-self:center
  }
  .hs-trust{
    color:rgba(255,255,255,.72);
    font-size:12px;
    text-align:right;
    margin-top:2px
  }

  /* floating dots over scene */
  .hs-dots{
    position:absolute;
    bottom:0;left:0;right:0;
    background:transparent;
    z-index:10;
    padding:12px 0 18px
  }
  .hs-dot{ background:rgba(255,255,255,.55) }
  .hs-dot.active{ background:var(--gold) }

  /* smaller floating arrows on mobile */
  .hs-arrow{
    width:36px;height:36px;
    font-size:18px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.28);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    color:#fff
  }
  .hs-arrow--prev{ right:10px }
  .hs-arrow--next{ left:10px }
}

/* ── VERY SMALL PHONES ── */
@media(max-width:390px){
  .hs-text{ bottom:12%; padding:0 20px; gap:12px }
  .hs-headline{ font-size:22px }
  .hs-cta{ font-size:14px; padding:12px 22px }
}

/* ── GALLERY PREVIEW ─────────────────────────────── */
.gallery-section{background:var(--cream2)}
.insta-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:10px;margin-bottom:24px
}
.insta-cell{
  aspect-ratio:1/1;border-radius:10px;
  overflow:hidden;position:relative;cursor:pointer
}
.insta-cell img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.insta-cell:hover img{transform:scale(1.07)}
.insta-cell__overlay{
  position:absolute;inset:0;background:rgba(0,0,0,0);
  display:flex;align-items:center;justify-content:center;
  transition:background .25s
}
.insta-cell:hover .insta-cell__overlay{background:rgba(0,0,0,.28)}
.insta-cell__overlay span{color:#fff;font-size:22px;opacity:0;transition:opacity .25s}
.insta-cell:hover .insta-cell__overlay span{opacity:1}
.gallery-btn-wrap{text-align:center}
@media(max-width:600px){.insta-grid{grid-template-columns:repeat(2,1fr)}}

/* ── PACKAGES ─────────────────────────────── */
.packages-section{background:var(--cream)}
.pkg-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:680px){.pkg-grid{grid-template-columns:1fr;gap:20px}}

/* ── FEATURED PACKAGE SECTIONS ─────────────────────────────── */
.feat-pkg{
  padding:43px 0 49px;
  background:var(--cream2)
}
.feat-pkg+.feat-pkg{
  border-top:1px solid rgba(232,226,214,.7)
}

.feat-pkg__inner{
  max-width:820px;
  margin:0 auto;
  padding:0 28px;
  display:flex;
  flex-direction:column;
  align-items:center
}

/* header row */
.feat-pkg__header{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin-bottom:8px
}
.feat-pkg__emoji{
  font-size:36px;
  line-height:1;
  display:block
}
.feat-pkg__title{
  font-family:'Heebo','Noto Serif Hebrew',serif;
  font-size:clamp(48px,7vw,80px);
  font-weight:800;
  color:var(--ink);
  line-height:1.1;
  text-align:center;
  letter-spacing:.3px
}
.feat-pkg__sub-label{
  font-size:11px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink-soft);
  text-align:center;margin-bottom:4px;display:block
}

/* description */
.feat-pkg__desc{
  font-family:'Assistant',sans-serif;
  font-size:clamp(15px,1.5vw,18px);
  font-weight:400;
  color:var(--ink-mid);
  line-height:1.55;
  text-align:center;
  max-width:520px;
  margin-top:12px;
  margin-bottom:28px
}
.feat-pkg__desc strong{
  font-weight:600;color:var(--ink);
  text-decoration:underline;text-underline-offset:3px
}

/* ── THREE POLAROIDS IN A ROW ── */
.feat-pkg__photos{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:flex-end;
  gap:16px;
  width:100%;
  margin-bottom:0
}

/* each photo — thin symmetric white frame, whole image visible */
.feat-pkg__photo{
  background:#fff;
  padding:3px;
  border-radius:4px;
  overflow:hidden;
  box-shadow:
    0 8px 28px rgba(0,0,0,.13),
    0 2px 6px rgba(0,0,0,.07);
  flex-shrink:0;
  transition:transform .25s ease-out,box-shadow .25s ease-out
}
.feat-pkg__photo:hover{
  transform:translateY(-6px) !important;
  box-shadow:
    0 18px 52px rgba(0,0,0,.18),
    0 4px 12px rgba(0,0,0,.09)
}
.feat-pkg__photo:active{
  transform:translateY(-2px) !important
}
.feat-pkg__photo img{
  display:block;
  width:100%;
  height:auto;
  border-radius:3px
}

/* photo sizes — width fixed, height follows image aspect ratio so the
   3px frame stays equal on every side */
.feat-pkg__photo--a{
  width:180px;
  transform:rotate(-3.5deg)
}
.feat-pkg__photo--b{
  width:180px;
  transform:rotate(1deg);
  margin-bottom:14px
}
.feat-pkg__photo--c{
  width:180px;
  transform:rotate(3deg)
}

/* ── BUTTON ── */
.feat-pkg__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--gold);
  color:var(--ink);
  font-family:'Heebo','Noto Sans Hebrew',sans-serif;
  font-size:15px;font-weight:700;
  border:none;border-radius:12px;
  padding:13px 28px;
  width:auto;
  max-width:100%;
  margin-top:18px;
  cursor:pointer;text-decoration:none;
  box-shadow:0 4px 20px rgba(201,167,78,.28);
  transition:background .18s,transform .18s,box-shadow .18s;
  letter-spacing:.01em
}
.feat-pkg__btn:hover{
  background:var(--gold-d);
  transform:translateY(-2px);
  box-shadow:0 8px 32px rgba(201,167,78,.40)
}

/* mobile portrait — compact packages */
@media(max-width:680px) and (orientation:portrait){
  .feat-pkg{ padding:36px 0 40px }
  .feat-pkg+.feat-pkg{ border-top:1px solid var(--border) }
  .feat-pkg__inner{ padding:0 16px }
  .feat-pkg__emoji{ font-size:26px; margin-bottom:6px }
  .feat-pkg__sub-label{ margin-bottom:4px }
  .feat-pkg__title{
    font-size:clamp(20px,5vw,26px);
    margin-bottom:8px;
    line-height:1.15
  }
  .feat-pkg__desc{
    font-size:13px;
    line-height:1.3;
    margin-bottom:20px
  }
  .feat-pkg__photos{
    flex-direction:row;
    align-items:flex-end;
    justify-content:center;
    gap:8px;
    margin-bottom:20px
  }
  .feat-pkg__photo--a,
  .feat-pkg__photo--b,
  .feat-pkg__photo--c{
    width:30vw;
    height:auto;
    aspect-ratio:auto
  }
  .feat-pkg__photo--a{ transform:rotate(-3.5deg) }
  .feat-pkg__photo--b{ transform:rotate(1deg) }
  .feat-pkg__photo--c{ transform:rotate(3deg) }
  .feat-pkg__btn{
    font-size:14px;
    padding:9px 0;
    margin-top:0
  }
}

/* mobile landscape + wider — keep original */
@media(max-width:680px) and (orientation:landscape){
  .feat-pkg{ padding:72px 0 80px }
  .feat-pkg__photos{
    flex-direction:column;
    align-items:center;
    gap:20px;
    margin-bottom:48px
  }
  .feat-pkg__photo--a,
  .feat-pkg__photo--b,
  .feat-pkg__photo--c{
    width:78vw;height:auto;
    aspect-ratio:auto
  }
  .feat-pkg__photo--a{ transform:rotate(-2deg) }
  .feat-pkg__photo--b{ transform:rotate(1deg);margin-bottom:0 }
  .feat-pkg__photo--c{ transform:rotate(2deg) }
  .feat-pkg__desc{ margin-bottom:44px }
  .feat-pkg__btn{ font-size:16px;padding:16px 0 }
}
.pkg-card{
  background:var(--white);border-radius:var(--r-lg);
  border:1px solid var(--border);box-shadow:var(--sh-s);
  overflow:hidden;display:flex;flex-direction:column;
  transition:transform .22s var(--ease),box-shadow .22s var(--ease)
}
.pkg-card:hover{transform:translateY(-5px);box-shadow:var(--sh-m)}
.pkg-card__img{width:100%;aspect-ratio:16/11;overflow:hidden;flex-shrink:0}
.pkg-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.pkg-card:hover .pkg-card__img img{transform:scale(1.05)}
.pkg-card__body{padding:22px 22px 26px;flex:1;display:flex;flex-direction:column}
.pkg-card__tag{
  font-size:11px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px;display:block
}
.pkg-card__body h3{margin-bottom:10px}
.pkg-card__body p{font-size:14px;color:var(--ink-soft);line-height:1.65;font-weight:300;flex:1;margin-bottom:20px}
.pkg-card__btns{display:flex;gap:9px}

/* ── ABOUT ─────────────────────────────── */
.about-section{background:var(--cream2)}
.about-grid{
  display:grid;grid-template-columns:1fr 1.2fr;
  gap:60px;align-items:center
}
@media(max-width:800px){
  .about-grid{grid-template-columns:1fr;gap:40px}
  .about-img-wrap{max-width:320px;margin:0 auto}
}
.about-img-wrap{position:relative}
.about-circle{
  width:100%;aspect-ratio:1/1;border-radius:50%;
  overflow:hidden;border:6px solid var(--white);
  box-shadow:var(--sh-l)
}
.about-circle img{width:100%;height:100%;object-fit:cover}
.about-quote{
  position:absolute;bottom:-10px;left:-16px;
  background:var(--gold);color:#fff;
  border-radius:var(--r);padding:18px 22px;
  max-width:260px;box-shadow:var(--sh-m)
}
.about-quote p{
  font-family:'Noto Serif Hebrew',serif;
  font-size:14px;line-height:1.6;font-style:italic;margin-bottom:8px
}
.about-quote span{font-size:12px;font-weight:600;opacity:.85}
.about-text .label{margin-bottom:10px}
.about-text h2{margin-bottom:18px}
.about-text > .body-lg{margin-bottom:32px}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:36px}
.about-stat__num{
  font-family:'Noto Serif Hebrew',serif;
  font-size:36px;font-weight:900;color:var(--gold);
  line-height:1;margin-bottom:4px
}
.about-stat__label{
  font-size:12px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-soft)
}

/* ── VALUE CARDS ─────────────────────────────── */
.value-section{background:var(--white)}
.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:600px){.value-grid{grid-template-columns:1fr}}
.value-card{
  background:var(--white);border-radius:var(--r-lg);
  border:1px solid var(--border);padding:30px 26px;
  box-shadow:var(--sh-s);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease)
}
.value-card:hover{transform:translateY(-4px);box-shadow:var(--sh-m)}
.value-card__icon{
  width:52px;height:52px;border-radius:50%;
  background:var(--gold-tint);border:1px solid rgba(201,167,78,.18);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;margin-bottom:18px
}
.value-card h3{font-size:17px;margin-bottom:9px}
.value-card p{font-size:14px;color:var(--ink-soft);line-height:1.65;font-weight:300}

/* ── HOW IT WORKS ─────────────────────────────── */
.how-section{background:var(--cream)}
.steps-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:24px;max-width:840px;margin:0 auto;
  position:relative
}
.steps-grid::before{
  content:'';position:absolute;
  top:44px;right:calc(16.6% + 24px);left:calc(16.6% + 24px);
  height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)
}
@media(max-width:640px){
  .steps-grid{grid-template-columns:1fr;gap:16px}
  .steps-grid::before{display:none}
}
.step-card{
  background:var(--white);border:1px solid var(--border);
  border-radius:var(--r-lg);padding:34px 22px 30px;
  text-align:center;box-shadow:var(--sh-s);position:relative;z-index:1;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease)
}
.step-card:hover{transform:translateY(-5px);box-shadow:var(--sh-m)}
.step-card__num{
  width:52px;height:52px;border-radius:50%;
  background:var(--gold);color:#fff;
  font-family:'Noto Serif Hebrew',serif;font-size:20px;font-weight:900;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 18px;box-shadow:0 4px 16px rgba(201,167,78,.36)
}
.step-card__icon{font-size:30px;margin-bottom:14px;display:block}
.step-card h3{font-size:18px;margin-bottom:9px}
.step-card p{font-size:13px;color:var(--ink-soft);line-height:1.65;font-weight:300}

/* ── TESTIMONIALS ─────────────────────────────── */
.testi-section{background:var(--dark);padding:61px 0}
.testi-head{text-align:right;margin-bottom:36px}
.testi-head .label{color:rgba(201,167,78,.85);margin-bottom:8px}
.testi-head h2{color:#fff;margin-bottom:6px}
.testi-stars{color:var(--gold);font-size:20px}
.testi-scroll{
  display:flex;gap:16px;overflow-x:auto;
  padding:4px 22px 20px;
  max-width:1100px;margin:0 auto;
  scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent
}
.testi-scroll::-webkit-scrollbar{height:3px}
.testi-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:2px}
.testi-card{
  min-width:270px;max-width:270px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  border-radius:var(--r-lg);padding:26px 22px;flex-shrink:0
}
.testi-card__head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.testi-card__avatar{
  width:44px;height:44px;border-radius:50%;
  overflow:hidden;background:rgba(255,255,255,.12);
  flex-shrink:0;display:flex;align-items:center;
  justify-content:center;font-size:16px;color:#fff;font-weight:600
}
.testi-card__avatar img{width:100%;height:100%;object-fit:cover}
.testi-card__name{font-size:14px;font-weight:600;color:#fff}
.testi-card__role{font-size:11px;color:rgba(255,255,255,.42);margin-top:2px}
.testi-card__quote{
  font-size:14px;color:rgba(255,255,255,.72);
  line-height:1.68;font-style:italic;font-weight:300
}
.testi-card__quote::before{content:'"'}
.testi-card__quote::after{content:'"'}

/* ── LOGOS ─────────────────────────────── */
.logos-section{
  background:var(--white);padding:31px 0;
  border-top:1px solid var(--border);border-bottom:1px solid var(--border)
}
.logos-label{
  text-align:center;font-size:11px;font-weight:600;
  letter-spacing:.15em;text-transform:uppercase;
  color:var(--ink-soft);margin-bottom:28px
}
.logos-row{
  display:flex;flex-wrap:wrap;justify-content:center;
  align-items:center;gap:36px 48px
}
.logos-row span{
  font-size:15px;font-weight:700;letter-spacing:-.01em;
  color:var(--ink-soft);opacity:.55
}

/* ── FAQ ─────────────────────────────── */
.faq-section{background:var(--cream)}
.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
details.faq-item{
  background:var(--white);border:1px solid var(--border);
  border-radius:var(--r-lg);box-shadow:var(--sh-s);
  transition:box-shadow .2s;overflow:hidden
}
details.faq-item[open]{box-shadow:var(--sh-m)}
details.faq-item summary{
  display:flex;justify-content:space-between;align-items:center;
  padding:20px 22px;list-style:none;user-select:none;cursor:pointer;
  font-family:'Noto Serif Hebrew',serif;font-size:17px;font-weight:600
}
details.faq-item summary::-webkit-details-marker{display:none}
.faq-chevron{
  width:28px;height:28px;border-radius:50%;
  background:var(--cream2);display:flex;align-items:center;
  justify-content:center;flex-shrink:0;font-size:16px;
  color:var(--ink-mid);transition:transform .2s
}
details.faq-item[open] .faq-chevron{transform:rotate(180deg)}
.faq-body{padding:0 22px 22px;font-size:15px;color:var(--ink-mid);line-height:1.7;font-weight:300}

/* ── CONTACT ─────────────────────────────── */
.contact-section{background:var(--white)}
.contact-card{
  background:var(--white);border:1px solid var(--border);
  border-radius:var(--r-xl);padding:52px 44px;
  box-shadow:var(--sh-m);max-width:560px;margin:0 auto
}
.contact-card h2{text-align:center;margin-bottom:8px}
.contact-card .contact-sub{text-align:center;margin-bottom:36px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:520px){
  .form-row{grid-template-columns:1fr}
  .contact-card{padding:36px 22px}
}
.form-group{margin-bottom:18px}
.form-label{
  display:block;font-size:11px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-soft);margin-bottom:7px
}
.form-control{
  width:100%;padding:13px 15px;
  border:1.5px solid var(--border);border-radius:var(--r);
  font-size:15px;color:var(--ink);
  background:var(--cream);outline:none;
  transition:border-color .18s,box-shadow .18s;appearance:none
}
.form-control:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(201,167,78,.12);
  background:var(--white)
}
textarea.form-control{resize:none}
.form-submit{
  width:100%;padding:16px;
  background:var(--gold);color:#fff;border:none;
  border-radius:9999px;font-size:16px;font-weight:700;
  cursor:pointer;margin-top:6px;
  box-shadow:0 6px 22px rgba(201,167,78,.34);
  transition:background .18s,transform .18s,box-shadow .18s
}
.form-submit:hover{background:var(--gold-d);transform:translateY(-2px);box-shadow:0 10px 30px rgba(201,167,78,.42)}

/* ── FOOTER ─────────────────────────────── */
.site-footer{background:var(--cream);border-top:1px solid var(--border);padding:36px 22px}
.site-footer__inner{
  max-width:1100px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:16px
}
.site-footer__logo{
  font-family:'Noto Serif Hebrew',serif;
  font-size:16px;font-weight:700;color:var(--ink);letter-spacing:.04em
}
.site-footer__links{display:flex;gap:22px;flex-wrap:wrap}
.site-footer__links a{font-size:13px;color:var(--ink-soft);transition:color .15s}
.site-footer__links a:hover{color:var(--gold)}
.site-footer__copy{font-size:12px;color:var(--ink-soft)}

/* ══════════ block 2 ══════════ */

/* ── NAV DRAWER ────────────────────── */
.nav-backdrop{
  position:fixed;inset:0;z-index:400;
  background:rgba(24,21,18,.45);
  opacity:0;pointer-events:none;
  transition:opacity .3s var(--ease)
}
.nav-backdrop.is-open{opacity:1;pointer-events:auto}

.nav-drawer{
  position:fixed;top:0;right:0;bottom:0;z-index:401;
  width:min(300px,85vw);
  background:var(--white);
  padding:24px 28px 40px;
  display:flex;flex-direction:column;gap:0;
  box-shadow:-4px 0 32px rgba(0,0,0,.13);
  transform:translateX(110%);
  transition:transform .35s var(--ease);
  overflow-y:auto;
  -webkit-overflow-scrolling:touch
}
.nav-drawer.is-open{transform:translateX(0)}

.nav-drawer__close{
  align-self:flex-start;
  background:none;border:none;cursor:pointer;
  font-size:20px;color:var(--ink-soft);
  padding:4px 8px;margin-bottom:24px;
  border-radius:6px;
  transition:color .15s,background .15s;
  line-height:1
}
.nav-drawer__close:hover{color:var(--ink);background:var(--cream2)}

.nav-drawer__logo{
  display:flex;
  justify-content:center;
  align-items:center;
  font-family:'Noto Serif Hebrew',serif;
  font-size:17px;font-weight:700;
  color:var(--ink);letter-spacing:.04em;
  line-height:1.2;
  padding-bottom:24px;
  border-bottom:1px solid var(--border);
  margin-bottom:28px
}
.nav-drawer__logo small{
  display:block;font-family:'Noto Sans Hebrew',sans-serif;
  font-size:11px;font-weight:400;color:var(--ink-soft);
  letter-spacing:.06em;margin-top:3px
}
.nav-drawer__logo img{
  display:block;
  height:120px;
  width:auto;
  /* PNG has transparent bg — no blend needed */
}

.nav-drawer__list{
  list-style:none;display:flex;flex-direction:column;gap:4px;
  flex:1
}
.nav-drawer__link{
  display:flex;
  align-items:center;
  gap:14px;
  font-family:'Assistant',sans-serif;
  font-size:17px;font-weight:600;
  color:var(--ink);
  padding:13px 14px;
  border-radius:10px;
  transition:background .15s,color .15s
}
.nav-drawer__icon{
  width:22px;height:22px;
  color:var(--gold);
  flex-shrink:0;
  transition:transform .18s var(--ease)
}
.nav-drawer__link:hover .nav-drawer__icon{ transform:scale(1.1) }
.nav-drawer__link:hover{background:var(--gold-pale);color:var(--gold-d)}

.nav-drawer__wa{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin-top:32px;
  background:var(--wa);color:#fff;
  font-family:'Assistant',sans-serif;
  font-size:15px;font-weight:700;
  padding:14px 20px;border-radius:9999px;
  box-shadow:0 4px 16px rgba(37,211,102,.28);
  transition:background .18s,transform .18s
}
.nav-drawer__wa:hover{background:#1fba59;transform:translateY(-2px)}

/* ── Drawer open: staggered slide-in ── */
.nav-drawer > .nav-drawer__logo,
.nav-drawer > .nav-drawer__section{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .5s var(--ease), transform .5s var(--ease);
  transition-delay:0s
}
.nav-drawer.is-open > .nav-drawer__logo,
.nav-drawer.is-open > .nav-drawer__section{
  opacity:1;
  transform:none;
  transition-delay:calc(140ms + 80ms * var(--i, 0))
}
@media (prefers-reduced-motion: reduce){
  .nav-drawer > .nav-drawer__logo,
  .nav-drawer > .nav-drawer__section{
    opacity:1 !important;
    transform:none !important;
    transition:none !important
  }
}

/* ── Drawer sections ── */
.nav-drawer__section{
  margin-bottom:18px
}
.nav-drawer__section--social{ margin-bottom:0 }
.nav-drawer__label{
  display:flex;
  align-items:center;
  gap:10px;
  font-family:'Heebo',sans-serif;
  font-size:11px;
  font-weight:700;
  color:var(--ink-soft);
  text-transform:uppercase;
  letter-spacing:.15em;
  margin:0 8px 8px;
  white-space:nowrap
}
.nav-drawer__label::after{
  content:'';
  flex:1;
  height:1px;
  background:linear-gradient(to left, transparent, var(--border) 30%);
  border-radius:1px
}

/* Expandable link (packages) — button styled like a link */
.nav-drawer__link--expandable{
  width:100%;
  border:none;
  background:none;
  text-align:right;
  cursor:pointer
}
.nav-drawer__chevron{
  width:16px;height:16px;
  color:var(--ink-soft);
  margin-inline-start:auto;
  flex-shrink:0;
  transition:transform .3s var(--ease), color .2s var(--ease)
}
.nav-drawer__link--expandable[aria-expanded="true"] .nav-drawer__chevron{
  transform:rotate(180deg);
  color:var(--gold)
}

/* Sublist under 'החבילות שלנו' — collapsed by default */
.nav-drawer__sublist{
  list-style:none;
  margin:0 26px 0 0;
  padding:0 22px 0 0;
  border-inline-start:1px solid transparent;
  display:flex;
  flex-direction:column;
  gap:2px;
  max-height:0;
  overflow:hidden;
  transition:max-height .35s var(--ease), margin .25s var(--ease), padding .25s var(--ease), border-color .25s var(--ease)
}
.nav-drawer__sublist.is-open{
  max-height:280px;
  margin:6px 26px 8px 0;
  padding:2px 22px 2px 0;
  border-inline-start-color:var(--border)
}
.nav-drawer__sublink{
  display:flex;
  align-items:center;
  gap:10px;
  font-family:'Assistant',sans-serif;
  font-size:14.5px;
  font-weight:500;
  color:var(--ink-mid);
  padding:8px 10px;
  border-radius:8px;
  transition:background .15s, color .15s
}
.nav-drawer__sublink:hover{
  background:var(--gold-pale);
  color:var(--gold-d)
}
/* Active state — highlights section currently in viewport */
.nav-drawer__link.is-active{
  background:var(--gold-pale);
  color:var(--gold-d)
}
.nav-drawer__link.is-active .nav-drawer__icon{
  color:var(--gold-d)
}
.nav-drawer__sublink.is-active{
  background:var(--gold-pale);
  color:var(--gold-d);
  font-weight:700
}
.nav-drawer__sublink.is-active .nav-drawer__bullet{
  transform:scale(1.5);
  background:var(--gold-d)
}
.nav-drawer__bullet{
  width:6px;height:6px;
  border-radius:50%;
  background:var(--gold);
  flex-shrink:0;
  transition:transform .15s var(--ease)
}
.nav-drawer__sublink:hover .nav-drawer__bullet{ transform:scale(1.5) }

/* Contact row — 3 circular icon buttons, classic */
.nav-drawer__contact-row{
  display:flex;
  justify-content:center;
  gap:14px;
  padding:6px 0 4px
}
.nav-drawer__contact{
  width:42px;height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease)
}
.nav-drawer__contact--wa{
  background:var(--wa); color:#fff;
  box-shadow:0 2px 10px rgba(37,211,102,.28)
}
.nav-drawer__contact--wa:hover{
  background:#1fba59; transform:translateY(-2px) scale(1.05);
  box-shadow:0 6px 16px rgba(37,211,102,.42)
}
.nav-drawer__contact--phone{
  background:var(--gold); color:#fff;
  box-shadow:0 2px 10px rgba(201,167,78,.28)
}
.nav-drawer__contact--phone:hover{
  background:var(--gold-d); transform:translateY(-2px) scale(1.05);
  box-shadow:0 6px 16px rgba(201,167,78,.42)
}
.nav-drawer__contact--mail{
  background:#fff; color:var(--ink-mid);
  border:1.5px solid var(--border)
}
.nav-drawer__contact--mail:hover{
  border-color:var(--gold); color:var(--gold-d);
  transform:translateY(-2px) scale(1.05);
  box-shadow:0 6px 16px rgba(0,0,0,.08)
}

/* Social row */
.nav-drawer__social-row{
  display:flex;
  justify-content:center;
  gap:12px;
  padding:12px 8px 0;
  border-top:1px solid var(--border);
  margin-top:12px
}
.nav-drawer__social{
  width:38px;height:38px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  border:1.5px solid var(--border);
  color:var(--ink-mid);
  transition:transform .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease)
}
.nav-drawer__social:hover{
  transform:translateY(-2px) scale(1.05);
  border-color:var(--gold);
  color:var(--gold);
  background:var(--gold-pale)
}

/* hamburger → ✕ animation */
.site-header__hamburger.is-open span:nth-child(1){
  transform:translateY(7px) rotate(45deg)
}
.site-header__hamburger.is-open span:nth-child(2){
  opacity:0;transform:scaleX(0)
}
.site-header__hamburger.is-open span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg)
}
.site-header__hamburger span{
  transition:transform .25s var(--ease),opacity .2s,background .15s
}

/* ══════════ block 3 ══════════ */

/* ── ADVANTAGES SECTION ────────────────────── */
.adv-section{
  background:#fff;
  padding:74px 0 79px;
  width:100%
}
.adv-inner{
  max-width:860px;
  margin:0 auto;
  padding:0 28px
}
.adv-title{
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(28px,4vw,44px);
  font-weight:900;
  color:#111;
  text-align:center;
  margin-bottom:72px;
  line-height:1.15
}
.adv-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:56px 64px
}
.adv-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:0
}
.adv-icon{
  margin-bottom:20px;
  line-height:1
}
.adv-item__title{
  font-family:'Noto Serif Hebrew',serif;
  font-size:20px;
  font-weight:700;
  color:#111;
  margin-bottom:12px;
  line-height:1.25
}
.adv-item__text{
  font-family:'Noto Sans Hebrew',sans-serif;
  font-size:15px;
  font-weight:300;
  color:#4A4640;
  line-height:1.72;
  max-width:320px
}
@media(max-width:600px){
  .adv-grid{
    grid-template-columns:1fr;
    gap:52px
  }
  .adv-section{
    padding:64px 0 72px
  }
  .adv-title{
    margin-bottom:52px
  }
}
@media(max-width:600px) and (orientation:portrait){
  .adv-section{ padding:36px 0 40px }
  .adv-title{
    font-size:clamp(22px,5vw,28px);
    margin-bottom:24px
  }
  .adv-grid{
    grid-template-columns:1fr 1fr;
    gap:24px 18px
  }
  .adv-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:0
  }
  .adv-icon{
    width:72px;height:72px;font-size:28px;
    margin-bottom:10px;flex-shrink:0
  }
  .adv-item__title{
    font-size:17px;font-weight:700;
    margin-bottom:6px;line-height:1.2
  }
  .adv-item__text{
    font-size:13px;line-height:1.3;
    max-width:100%
  }
}

/* ══════════ block 4 ══════════ */

/* ── GIVING BACK SECTION ────────────────────── */
.giving-section{
  background:#fff;
  padding:79px 0 86px;
  width:100%
}
.giving-inner{
  max-width:720px;
  margin:0 auto;
  padding:0 28px;
  display:flex;
  flex-direction:column;
  align-items:center
}

/* quote */
.giving-quote{
  text-align:center;
  margin:0 0 36px
}
.giving-quote__text{
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(28px,4.5vw,52px);
  font-weight:900;
  color:#111;
  line-height:1.22;
  margin-bottom:16px
}
.giving-quote__author{
  font-family:'Noto Sans Hebrew',sans-serif;
  font-size:15px;
  font-weight:400;
  color:#8A8278;
  letter-spacing:.04em
}

/* paragraph */
.giving-body{
  font-family:'Noto Sans Hebrew',sans-serif;
  font-size:clamp(14px,1.6vw,16px);
  font-weight:300;
  color:#4A4640;
  line-height:1.9;
  text-align:center;
  margin-bottom:72px;
  max-width:620px
}

/* polaroid cluster — 3 polaroids side-by-side, aligned by simple flex gap */
.giving-photos{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:20px;
  width:100%
}

.giving-photo{
  flex-shrink:0
}

/* polaroid frame — clean white border all around, matches package-page polaroids */
.giving-photo__frame{
  background:#fff;
  padding:12px;
  border-radius:4px;
  box-shadow:
    0 8px 28px rgba(0,0,0,.12),
    0 2px 6px rgba(0,0,0,.07)
}
.giving-photo__img-area{
  width:220px;
  aspect-ratio:12/11;
  background:#fff;
  border-radius:2px;
  overflow:hidden;
  position:relative
}
.giving-photo__img-area img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  cursor:zoom-in;
  transition:transform .35s var(--ease)
}
.giving-photo:hover .giving-photo__img-area img{
  transform:scale(1.03)
}
.giving-photo__caption{ display:none }

/* just rotations — layout is handled by flex on .giving-photos */
.giving-photo--a{ transform:rotate(-5deg); z-index:1 }
.giving-photo--b{ transform:rotate(1deg);  z-index:3 }
.giving-photo--c{ transform:rotate(5deg);  z-index:2 }

/* mobile — 3 polaroids remain side-by-side but compact */
@media(max-width:640px){
  .giving-photos{
    gap:8px
  }
  .giving-photo--a{ transform:rotate(-4deg) }
  .giving-photo--b{ transform:rotate(0deg) }
  .giving-photo--c{ transform:rotate(4deg) }
  .giving-photo__frame{ padding:6px }
  .giving-photo__img-area{
    width:calc((100vw - 60px) / 3);
    max-width:130px;
    aspect-ratio:12/11;
    height:auto
  }
  .giving-section{
    padding:52px 0 58px;
    overflow:hidden
  }
  .giving-body{
    margin-bottom:52px
  }
}

/* portrait-only text tightening — polaroid layout inherits column stack from the mobile query above */
@media(max-width:640px) and (orientation:portrait){
  .giving-section{ padding:36px 0 40px }
  .giving-quote{ margin-bottom:16px }
  .giving-quote__text{
    font-size:clamp(22px,6vw,28px);
    line-height:1.15;
    margin-bottom:10px
  }
  .giving-quote__author{ font-size:16px }
  .giving-body{
    font-size:15px;
    line-height:1.35;
    max-width:90%;
    margin-bottom:24px
  }
}

/* ══════════ block 5 ══════════ */

/* ── TESTIMONIALS CAROUSEL ────────────────────── */
.tsl-section{
  background:#fff;
  padding:74px 0 61px;
  width:100%;
  overflow:hidden;
  position:relative
}
.tsl-head{
  max-width:1100px;
  margin:0 auto 52px;
  padding:0 28px;
  text-align:center
}
.tsl-title{
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(26px,3.6vw,40px);
  font-weight:900;
  color:#111;
  line-height:1.2
}

/* viewport */
.tsl-wrap{
  max-width:1100px;
  margin:0 auto;
  padding:0 28px;
  overflow:hidden;
  touch-action:pan-y
}

/* track — flex row of cards */
.tsl-track{
  display:flex;
  gap:22px;
  transition:transform .5s cubic-bezier(.4,0,.2,1);
  will-change:transform;
  cursor:grab
}
.tsl-track.is-grabbing{
  cursor:grabbing
}

/* card */
.tsl-card{
  background:#fff;
  border-radius:20px;
  padding:28px 24px 24px;
  box-shadow:
    0 2px 12px rgba(0,0,0,.07),
    0 8px 32px rgba(0,0,0,.05);
  display:flex;
  flex-direction:column;
  gap:12px;
  flex-shrink:0;
  border:1px solid #F0EBE2
}
/* stars */
.tsl-card__stars{
  display:flex;
  gap:3px;
  color:#C9A74E;
  font-size:17px;
  line-height:1
}
.tsl-card__headline{
  font-family:'Noto Serif Hebrew',serif;
  font-size:16px;
  font-weight:700;
  color:#111;
  line-height:1.35
}
.tsl-card__text{
  font-family:'Noto Sans Hebrew',sans-serif;
  font-size:14px;
  font-weight:300;
  color:#4A4640;
  line-height:1.72;
  flex:1
}
.tsl-card__footer{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding-top:10px;
  border-top:1px solid #F0EBE2
}
.tsl-card__name{
  font-family:'Noto Sans Hebrew',sans-serif;
  font-size:13px;
  font-weight:700;
  color:#111
}
.tsl-card__meta{
  font-family:'Noto Sans Hebrew',sans-serif;
  font-size:12px;
  font-weight:400;
  color:#8A8278
}
.tsl-card__source{
  font-family:'Noto Sans Hebrew',sans-serif;
  font-size:11px;
  font-weight:400;
  color:#B0A898;
  margin-top:2px;
  letter-spacing:.02em
}

/* arrows row */
.tsl-arrows{
  display:flex;
  justify-content:center;
  gap:14px;
  margin-top:36px
}
.tsl-arrow{
  width:44px;height:44px;
  border-radius:50%;
  background:#fff;
  border:1.5px solid #E8E2D6;
  display:flex;align-items:center;justify-content:center;
  font-size:22px;
  color:#4A4640;
  cursor:pointer;
  box-shadow:0 2px 12px rgba(0,0,0,.07);
  transition:background .15s,color .15s,border-color .15s,transform .15s
}
.tsl-arrow:hover{
  background:#C9A74E;
  color:#fff;
  border-color:#C9A74E;
  transform:scale(1.08)
}

/* dots */
.tsl-dots{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:22px
}
.tsl-dot{
  width:8px;height:8px;
  border-radius:50%;
  background:#E8E2D6;
  border:none;cursor:pointer;padding:0;
  transition:background .2s,transform .2s
}
.tsl-dot.active{
  background:#C9A74E;
  transform:scale(1.45)
}

@media(max-width:640px){
  .tsl-section{ padding:68px 0 60px }
  .tsl-head{ margin-bottom:36px }
  .tsl-wrap{ padding:0 16px }
}

/* ══════════ block 6 ══════════ */

/* ── GALLERY SECTION ────────────────────── */
.gal-section{
  background:#fff;
  padding:74px 0 79px;
  width:100%
}
.gal-inner{
  max-width:1060px;
  margin:0 auto;
  padding:0 28px
}

/* header */
.gal-head{
  text-align:center;
  margin-bottom:52px
}
.gal-title{
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(26px,3.6vw,40px);
  font-weight:900;
  color:#111;
  line-height:1.2;
  margin-bottom:12px
}
.gal-subtitle{
  font-family:'Noto Sans Hebrew',sans-serif;
  font-size:15px;
  font-weight:300;
  color:#8A8278
}

/* shared placeholder style */
.gal-placeholder{
  background:#FAFAF7;
  border-radius:16px;
  border:1px solid #EDE8E0;
  box-shadow:0 2px 14px rgba(0,0,0,.05);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  transition:transform .2s ease,box-shadow .2s ease;
  cursor:default
}
.gal-placeholder:hover{
  transform:translateY(-4px);
  box-shadow:0 8px 28px rgba(0,0,0,.09)
}
.gal-placeholder__icon{ flex-shrink:0 }
.gal-placeholder__text{
  font-family:'Noto Sans Hebrew',sans-serif;
  font-size:12px;
  font-weight:400;
  color:#B0A898;
  letter-spacing:.04em
}

/* featured — large top placeholder */
.gal-featured{
  margin-bottom:20px
}
.gal-placeholder--lg{
  width:100%;
  aspect-ratio:16/6;
  border-radius:20px;
  gap:16px
}
.gal-placeholder--lg .gal-placeholder__icon{ width:40px; height:40px }
.gal-placeholder--lg .gal-placeholder__text{ font-size:14px }

/* grid */
.gal-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-bottom:52px
}
.gal-grid .gal-placeholder{
  aspect-ratio:4/3
}

/* real photo tile */
.gal-img{
  width:100%;
  aspect-ratio:4/3;
  border-radius:14px;
  overflow:hidden;
  background:#EDE8E0;
  box-shadow:0 2px 14px rgba(0,0,0,.06);
  transition:transform .25s ease,box-shadow .25s ease
}
.gal-img:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 32px rgba(0,0,0,.14)
}
.gal-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .45s ease;
  transform:translate3d(0, var(--par-y, 0), 0)
}
.gal-img:hover img{
  transform:translate3d(0, var(--par-y, 0), 0) scale(1.05)
}
.gal-featured .gal-img{
  aspect-ratio:16/6;
  border-radius:20px
}

/* CTA */
.gal-cta-wrap{ text-align:center }
.gal-cta{
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-family:'Noto Sans Hebrew',sans-serif;
  color:#111;
  background:#fff;
  border:1.5px solid #E8E2D6;
  border-radius:9999px;
  padding:12px 28px;
  text-decoration:none;
  box-shadow:0 2px 12px rgba(0,0,0,.06);
  transition:border-color .18s,color .18s,box-shadow .18s,transform .18s
}
.gal-cta__ig{ flex-shrink:0; color:#C9A74E; transition:color .18s }
.gal-cta__text{ display:flex; flex-direction:column; align-items:flex-start; line-height:1.2 }
.gal-cta__line1{ font-size:15px; font-weight:700 }
.gal-cta__line2{ font-size:12px; font-weight:500; color:#8A8278; margin-top:2px; transition:color .18s }
.gal-cta:hover{
  border-color:#C9A74E;
  color:#C9A74E;
  box-shadow:0 6px 20px rgba(201,167,78,.18);
  transform:translateY(-2px)
}
.gal-cta:hover .gal-cta__line2{ color:#C9A74E }

/* mobile */
@media(max-width:600px){
  .gal-section{ padding:64px 0 72px }
  .gal-grid{ grid-template-columns:repeat(2,1fr); gap:10px }
  .gal-placeholder--lg{ aspect-ratio:16/8 }
  .gal-featured .gal-img{ aspect-ratio:16/9;border-radius:16px }
  .gal-head{ margin-bottom:36px }
}

/* ══════════ block 7 ══════════ */

/* ── FAQ SECTION ────────────────────── */
.faq2-section{
  background:#FAFAF7;
  padding:74px 0 79px;
  width:100%
}
.faq2-inner{
  max-width:860px;
  margin:0 auto;
  padding:0 28px
}
.faq2-title{
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(26px,3.6vw,40px);
  font-weight:900;
  color:#111;
  text-align:center;
  line-height:1.2;
  margin-bottom:56px
}
.faq2-list{
  display:flex;
  flex-direction:column;
  gap:12px
}

/* item wrapper */
.faq2-item{
  background:#fff;
  border-radius:16px;
  box-shadow:0 2px 14px rgba(0,0,0,.05);
  overflow:hidden;
  border:1px solid #EDE8E0
}

/* question button */
.faq2-q{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px 24px;
  background:none;
  border:none;
  cursor:pointer;
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(15px,1.8vw,18px);
  font-weight:700;
  color:#111;
  text-align:right;
  gap:14px;
  transition:background .15s
}
.faq2-q:hover{ background:#FAFAF7 }
.faq2-q[aria-expanded="true"]{ background:#FAFAF7 }

/* icon — left side in RTL, rotates when open */
.faq2-icon{
  flex-shrink:0;
  color:#C9A74E;
  transition:transform .25s ease;
  order:-1  /* pushes to left in RTL flex row */
}
.faq2-q[aria-expanded="true"] .faq2-icon{
  transform:rotate(180deg)
}

/* answer panel — height animates via max-height */
.faq2-a{
  max-height:0;
  overflow:hidden;
  transition:max-height .28s ease, padding .28s ease;
  padding:0 24px
}
.faq2-a.open{
  max-height:400px;
  padding:0 24px 20px
}
.faq2-a p{
  font-family:'Noto Sans Hebrew',sans-serif;
  font-size:15px;
  font-weight:300;
  color:#4A4640;
  line-height:1.75;
  margin-bottom:6px
}
.faq2-a p:last-child{ margin-bottom:0 }

@media(max-width:600px){
  .faq2-section{ padding:64px 0 72px }
  .faq2-title{ margin-bottom:36px }
  .faq2-q{ padding:18px 18px; font-size:15px }
  .faq2-a{ padding:0 18px }
  .faq2-a.open{ padding:0 18px 18px }
}

/* ══════════ block 8 ══════════ */

/* ── CONTACT SECTION ────────────────────── */
.contact-section{
  background:var(--cream2);
  padding:55px 0 61px;
  width:100%
}
.contact-section__inner{
  max-width:580px;
  margin:0 auto;
  padding:0 24px
}
.contact-section__title{
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(38px,6vw,64px);
  font-weight:900;
  color:var(--ink);
  text-align:center;
  line-height:1.12;
  margin-bottom:14px;
  letter-spacing:-.015em
}
.contact-section__sub{
  font-family:'Assistant',sans-serif;
  font-size:clamp(16px,1.9vw,19px);
  font-weight:400;
  color:var(--ink-mid);
  text-align:center;
  margin:0 0 32px;
  line-height:1.5
}

/* action buttons — compact split-pill with icon chip */
.contact-section__actions{
  display:flex;
  gap:10px;
  margin-bottom:32px;
  flex-direction:row
}
.contact-action-btn{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-family:'Heebo',sans-serif;
  font-size:14px;
  font-weight:700;
  border-radius:9999px;
  padding:8px 16px 8px 8px;
  text-decoration:none;
  min-height:48px;
  border:1.5px solid transparent;
  transition:transform .18s var(--ease), box-shadow .18s var(--ease), background-color .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease)
}
.contact-action-btn__icon{
  flex-shrink:0;
  width:34px;
  height:34px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:transform .25s var(--ease), background-color .18s var(--ease)
}
.contact-action-btn__icon svg{ width:18px; height:18px }
.contact-action-btn:hover .contact-action-btn__icon{
  transform:rotate(-8deg) scale(1.06)
}
/* WA — rich glassy green (matches hero look on cream bg) */
.contact-action-btn:first-child{
  background:linear-gradient(180deg, rgba(70,200,120,.88) 0%, rgba(50,175,95,.92) 100%);
  color:#fff;
  border:1.5px solid rgba(255,255,255,.4);
  box-shadow:0 6px 20px rgba(50,175,95,.26), inset 0 1px 0 rgba(255,255,255,.28)
}
.contact-action-btn:first-child .contact-action-btn__icon{
  background:rgba(255,255,255,.38);
  color:#fff
}
.contact-action-btn:first-child:hover{
  background:linear-gradient(180deg, rgba(70,200,120,1) 0%, rgba(50,180,100,1) 100%);
  border-color:rgba(255,255,255,.55);
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(50,175,95,.36), inset 0 1px 0 rgba(255,255,255,.35)
}
/* Phone — outline elegant (secondary) */
.contact-action-btn[href^="tel:"]{
  background:#fff;
  color:var(--ink);
  border-color:var(--border);
  box-shadow:0 2px 10px rgba(0,0,0,.05);
  gap:12px
}
.contact-action-btn[href^="tel:"] .contact-action-btn__icon{
  background:var(--gold-pale);
  color:var(--gold-d)
}
.contact-action-btn[href^="tel:"]:hover{
  border-color:var(--gold);
  color:var(--gold-d);
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(201,167,78,.20)
}
.contact-action-btn[href^="tel:"]:hover .contact-action-btn__icon{
  background:var(--gold);
  color:#fff
}

/* form fields — rounded bordered pills, placeholder-as-label */
.contact-form{
  display:flex;
  flex-direction:column;
  gap:12px
}
.contact-form__field{
  position:relative;
  display:flex;
  flex-direction:column
}
.contact-form__input{
  font-family:'Assistant',sans-serif;
  font-size:16px;
  font-weight:500;
  color:var(--ink);
  background:#fff;
  border:1.5px solid var(--border);
  border-radius:14px;
  padding:15px 20px;
  outline:none;
  width:100%;
  text-align:right;
  transition:border-color .2s var(--ease), box-shadow .2s var(--ease);
  appearance:none;
  -webkit-appearance:none;
  box-sizing:border-box
}
.contact-form__input::placeholder{
  color:var(--ink-soft);
  font-weight:400
}
.contact-form__input:hover{
  border-color:#D8CFB8
}
.contact-form__input:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 4px rgba(201,167,78,.14)
}
.contact-form__input:invalid:not(:placeholder-shown){
  border-color:#c0392b
}
.contact-form__textarea{
  resize:none;
  min-height:82px;
  line-height:1.5;
  font-family:'Assistant',sans-serif
}

/* submit button — gold primary CTA */
.contact-form__submit{
  margin-top:10px;
  width:100%;
  padding:17px;
  background:var(--gold);
  color:#fff;
  font-family:'Heebo',sans-serif;
  font-size:17px;
  font-weight:700;
  border:none;
  border-radius:9999px;
  cursor:pointer;
  letter-spacing:.02em;
  box-shadow:0 8px 24px rgba(201,167,78,.32);
  transition:transform .16s var(--ease), box-shadow .16s var(--ease), background .16s var(--ease)
}
.contact-form__submit:hover{
  background:var(--gold-d);
  transform:translateY(-2px);
  box-shadow:0 12px 32px rgba(201,167,78,.42)
}
.contact-form__submit:active{
  transform:translateY(0) scale(.99)
}

/* mobile */
@media(max-width:540px){
  .contact-section__actions{
    gap:8px
  }
  .contact-action-btn{
    font-size:13px;
    padding:6px 12px 6px 6px;
    min-height:46px;
    gap:7px
  }
  .contact-action-btn__icon{
    width:32px;
    height:32px
  }
  .contact-action-btn__icon svg{ width:16px; height:16px }
  .contact-section{
    padding:64px 0 72px
  }
}

/* ══════════ block 9 ══════════ */

/* ── FORM MESSAGES ── */
.cf-msg{
  max-width:560px;margin:20px auto 0;
  padding:20px 24px;border-radius:var(--r);
  display:flex;align-items:flex-start;gap:14px;
  font-family:'Assistant',sans-serif;font-size:16px;line-height:1.6
}
.cf-msg[hidden]{ display:none }
.cf-msg--success{background:#ecf9f1;border:1px solid #a3d9b1;color:#1a5c30}
.cf-msg--error{background:#fef3f2;border:1px solid #f5b8b4;color:#7a2020}
.cf-msg__icon{font-size:22px;flex-shrink:0;margin-top:1px}
.cf-msg p{margin:0}

/* submit button loading state */
.contact-form__submit.is-loading{opacity:.7;pointer-events:none;cursor:wait}

/* ══════════ block 10 ══════════ */

/* ── 1. SMOOTH SCROLL ── */
html { scroll-behavior: smooth; }

/* ── 2. SECTION REVEAL ──
   Sections start invisible; JS adds .is-visible when in viewport */
.reveal {
  opacity: 0;
  transform: translateY(28px) scale(.985);
  transition: opacity 750ms cubic-bezier(.22,.61,.36,1), transform 750ms cubic-bezier(.22,.61,.36,1);
}
.reveal.is-visible {
  opacity: 1;
  transform: none;
}

/* ── 3. BUTTON INTERACTIONS ── */
.feat-pkg__btn,
.adv-cta,
.contact-action-btn,
.contact-form__submit,
.gal-cta,
.hs-cta,
.tsl-arrow,
.faq2-q {
  transition: transform 200ms ease, box-shadow 200ms ease, background 180ms ease, border-color 200ms ease, color 200ms ease !important;
}
.feat-pkg__btn:hover,
.contact-action-btn:hover,
.contact-form__submit:hover,
.gal-cta:hover,
.hs-cta:hover {
  transform: scale(1.03) !important;
}
.feat-pkg__btn:active,
.contact-action-btn:active,
.contact-form__submit:active,
.gal-cta:active,
.hs-cta:active {
  transform: scale(0.98) !important;
}

/* ── 4. IMAGE ZOOM ON HOVER ── */
.feat-pkg__photo,
.hs-card {
  overflow: hidden;
}
.feat-pkg__photo img,
.hs-card img {
  transition: transform 400ms ease !important;
}
.feat-pkg__photo:hover img,
.hs-card:hover img {
  transform: scale(1.04) !important;
}

/* ── 5. CARD / BLOCK HOVER ── */
.tsl-card {
  transition: transform 220ms ease, box-shadow 220ms ease !important;
}
.tsl-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.10) !important;
}
.gal-placeholder {
  transition: transform 220ms ease, box-shadow 220ms ease !important;
}
.faq2-item {
  transition: box-shadow 220ms ease !important;
}
.faq2-item:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,.08) !important;
}

/* ── 9. WHATSAPP PULSE ── */
@keyframes wa-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(37,211,102,.45); }
  70%  { box-shadow: 0 0 0 12px rgba(37,211,102,0); }
  100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}
.site-header__wa {
  animation: wa-pulse 3.5s ease-out infinite;
}

/* ── prefers-reduced-motion: disable all extras ── */
@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .site-header__wa {
    animation: none !important;
  }
  .feat-pkg__photo img,
  .hs-card img {
    transition: none !important;
  }
}

/* ══════════ block 11 ══════════ */

.lb-overlay{
  position:fixed;inset:0;z-index:9999;
  background:rgba(0,0,0,.75);
  display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .2s ease;
  cursor:pointer
}
.lb-overlay.lb-open{ opacity:1 }
.lb-img{
  max-width:90%;max-height:85%;
  object-fit:contain;
  border-radius:6px;
  box-shadow:0 8px 48px rgba(0,0,0,.5);
  cursor:default;
  pointer-events:none
}
.lb-close{
  position:absolute;top:18px;right:22px;
  color:#fff;font-size:28px;
  background:none;border:none;cursor:pointer;
  line-height:1;opacity:.75;
  transition:opacity .15s
}
.lb-close:hover{ opacity:1 }

/* ══════════ block 12 ══════════ */

/* ── FOOTER ─────────────────────────────────── */
.uf{
  background:#FAFAF7;
  border-top:1px solid #E8E2D6;
  padding:40px 0 0;
  font-family:'Noto Sans Hebrew',sans-serif;
  color:#1A1714
}
.uf-inner{
  max-width:1100px;
  margin:0 auto;
  padding:0 28px 32px;
  display:grid;
  grid-template-columns:1.2fr 1fr 0.8fr;
  gap:32px;
  align-items:start;
  direction:rtl
}
.uf-col__title{
  font-size:10px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;
  color:#C9A74E;margin-bottom:12px
}
/* brand */
.uf-brand{ text-align:center }
.uf-logo-link{
  display:inline-block;
  margin-bottom:14px;
  line-height:0;
  transition:transform .18s var(--ease)
}
.uf-logo-link:hover{ transform:scale(1.04) }
.uf-logo-link img{
  display:block;
  height:140px;
  width:auto;
  /* PNG has transparent bg — no blend needed */
}
.uf-logo{
  font-family:'Noto Serif Hebrew',serif;
  font-size:18px;font-weight:700;
  color:#1A1714;letter-spacing:.04em;
  margin-bottom:4px;white-space:nowrap
}
.uf-tagline{ font-size:12px;color:#8A8278;margin-bottom:18px }
.uf-btns{ display:flex;flex-direction:column;gap:8px;align-items:center }
.uf-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  font-family:'Noto Sans Hebrew',sans-serif;
  font-size:13px;font-weight:700;
  border-radius:9999px;padding:10px 22px;
  text-decoration:none;white-space:nowrap;
  transition:transform .15s,box-shadow .15s
}
.uf-btn:hover{ transform:translateY(-1px) }
.uf-btn--wa{ background:#25D366;color:#fff;box-shadow:0 3px 10px rgba(37,211,102,.2) }
.uf-btn--wa:hover{ box-shadow:0 5px 16px rgba(37,211,102,.32) }
.uf-btn--call{
  background:transparent;color:#1A1714;
  border:1.5px solid #E8E2D6
}
.uf-btn--call:hover{ border-color:#C9A74E;color:#C9A74E }
/* lists */
.uf-list{
  list-style:none;padding:0;margin:0;
  display:flex;flex-direction:column;gap:9px
}
.uf-list a{
  font-size:14px;color:#4A4640;text-decoration:none;
  transition:color .15s
}
.uf-list a:hover{ color:#C9A74E }
/* copyright */
.uf-copy{
  border-top:1px solid #E8E2D6;
  padding:12px 28px;text-align:center;
  font-size:11px;color:#8A8278
}

/* mobile */
@media(max-width:760px){
  .uf{ padding:28px 0 0 }
  .uf-inner{
    grid-template-columns:1fr;
    gap:20px;
    padding:0 20px 20px;
    text-align:center
  }
  .uf-brand{ order:1 }
  .uf-contact{ order:2 }
  .uf-nav{ order:3 }
  .uf-btns{ flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px }
  .uf-btn{ font-size:12px;padding:9px 16px }
  .uf-list{ flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px 16px }
  .uf-list a{ font-size:13px }
  .uf-col__title{ text-align:center }
}

/* ══════════ block 13 ══════════ */

/* ── ACCESSIBILITY WIDGET ──────────────────── */
.acc-fab{
  position:fixed;
  bottom:20px;
  left:20px;
  z-index:99999;
  width:48px;height:48px;
  border-radius:50%;
  background:#1a1a2e;
  color:#fff;
  border:2px solid #fff;
  cursor:pointer;
  box-shadow:0 4px 18px rgba(0,0,0,.28);
  display:flex;align-items:center;justify-content:center;
  transition:transform .15s,box-shadow .15s;
  padding:0;
  /* isolate from body-level filters */
  isolation:isolate;
  mix-blend-mode:normal;
  filter:none!important
}
.acc-fab svg{ flex-shrink:0 }
.acc-fab:hover{ transform:scale(1.08);box-shadow:0 6px 24px rgba(0,0,0,.36) }
.acc-fab:focus-visible{ outline:3px solid #C9A74E;outline-offset:3px }

.acc-menu{
  position:fixed;
  bottom:80px;
  left:20px;
  z-index:99998;
  background:#fff;
  border-radius:16px;
  box-shadow:0 8px 40px rgba(0,0,0,.18);
  width:220px;
  overflow:hidden;
  border:1px solid #E8E2D6;
  animation:accSlideUp .2s ease-out both;
  filter:none!important;
  isolation:isolate
}
@keyframes accSlideUp{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}
.acc-menu[hidden]{ display:none!important }

.acc-menu__header{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px 10px;
  border-bottom:1px solid #F0EBE2
}
.acc-menu__title{
  font-family:'Noto Sans Hebrew',sans-serif;
  font-size:13px;font-weight:700;color:#1A1714;
  letter-spacing:.04em
}
.acc-menu__close{
  background:none;border:none;cursor:pointer;
  font-size:16px;color:#8A8278;line-height:1;
  padding:2px 4px;border-radius:4px;
  transition:color .12s
}
.acc-menu__close:hover{ color:#1A1714 }

.acc-menu__list{
  list-style:none;margin:0;padding:6px 0
}
.acc-menu__list li{ margin:0 }
.acc-menu__list button{
  width:100%;text-align:right;
  background:none;border:none;cursor:pointer;
  font-family:'Noto Sans Hebrew',sans-serif;
  font-size:14px;color:#1A1714;
  padding:10px 16px;
  transition:background .12s;
  display:block
}
.acc-menu__list button:hover{ background:#F4F1EA }
.acc-menu__list button:focus-visible{ outline:2px solid #C9A74E;outline-offset:-2px }
.acc-menu__list button.active{
  background:#F4F1EA;
  font-weight:700;
  color:#C9A74E
}
.acc-reset{ color:#c0392b!important }
.acc-reset:hover{ background:#fff5f5!important }

/* ── ACCESSIBILITY BODY CLASSES ────────────────────── */

/* 1. Larger text */
body.acc-larger-text{ font-size:110% }

/* 2. Smaller text */
body.acc-smaller-text{ font-size:90% }

/* 3. Grayscale */
body.acc-grayscale{ filter:grayscale(100%) }

/* 4. High contrast */
body.acc-high-contrast{
  filter:contrast(150%) brightness(1.05)
}

/* 5. Inverted contrast */
body.acc-invert{ filter:invert(100%) hue-rotate(180deg) }
/* keep widget visible under all filters */
body.acc-grayscale .acc-fab,
body.acc-grayscale .acc-menu,
body.acc-high-contrast .acc-fab,
body.acc-high-contrast .acc-menu,
body.acc-invert .acc-fab,
body.acc-invert .acc-menu{
  filter:none!important;
  isolation:isolate
}
body.acc-invert .acc-fab{ background:#1a1a2e!important;color:#fff!important }

/* 6. Light background */
body.acc-light-bg *:not(img):not(video):not(svg):not(canvas){
  background-color:#fff!important;
  color:#111!important
}

/* 7. Highlight links */
body.acc-highlight-links a{
  text-decoration:underline!important;
  text-underline-offset:3px!important;
  color:#0055bb!important;
  font-weight:700!important
}

/* 8. Readable font */
body.acc-readable-font,
body.acc-readable-font *{
  font-family:Arial,Helvetica,sans-serif!important
}

@media(max-width:480px){
  .acc-menu{ width:200px;left:12px;bottom:78px }
  .acc-fab{ bottom:16px;left:16px;width:44px;height:44px;font-size:20px }
}

/* ══════════ block 14 ══════════ */

/* Section & package titles */
.feat-pkg__title,
.adv-title,
.giving-quote__text,
.tsl-title,
.gal-title,
.faq2-title,
.contact-section__title,
.uf-logo{
  font-family:'Heebo','Noto Serif Hebrew',serif;
  font-weight:800;
  line-height:1.2
}
/* Subtitles / card titles */
.tsl-card__headline,
.feat-pkg__sub-label,
.faq2-q span,
.adv-item__title,
.uf-col__title{
  font-family:'Heebo',sans-serif;
  font-weight:700
}
/* Body / description text */
.feat-pkg__desc,
.giving-body,
.tsl-card__text,
.adv-item__text,
.hs-sub,
.faq2-a p,
.uf-list a,
.uf-tagline{
  font-family:'Assistant',sans-serif;
  font-weight:400;
  line-height:1.72
}
/* Slightly tighter for UI labels */
.hs-pkg-badge-name,
.tsl-card__name,
.tsl-card__meta,
.tsl-card__source,
.feat-pkg__btn,
.giving-quote__author{
  font-family:'Assistant',sans-serif
}

/* ── HEADING IMPACT ── */
h1,h2,h3,
.feat-pkg__title,
.adv-title,
.tsl-title,
.gal-title,
.faq2-title,
.contact-section__title,
.hs-headline,
.tsl-card__headline,
.adv-item__title,
.faq2-q span{
  font-family:'Heebo','Noto Serif Hebrew',serif!important;
  font-weight:800!important;
  letter-spacing:.3px;
  line-height:1.2!important
}
/* section-level titles slightly larger */
h2,
.feat-pkg__title,
.adv-title,
.tsl-title,
.gal-title,
.faq2-title,
.contact-section__title{
  font-size:calc(1em * 1.1)
}
/* ── PACKAGE TITLE DOMINANT SIZE ── */
.feat-pkg .feat-pkg__title,
.feat-pkg h2.feat-pkg__title{
  font-size:clamp(48px,7vw,80px) !important;
  line-height:1.1 !important;
  font-weight:800 !important
}
@media(max-width:680px){
  .feat-pkg .feat-pkg__title,
  .feat-pkg h2.feat-pkg__title{
    font-size:clamp(42px,11vw,56px) !important
  }
}

/* ── PACKAGE BUTTON FIX ── */
.feat-pkg .feat-pkg__btn{
  width:fit-content !important;
  padding:13px 32px !important;
  align-self:center
}

/* ── PACKAGE TAG (ללא הגבלת כמות) ── */
.feat-pkg__tag{
  font-family:'Heebo','Noto Sans Hebrew',sans-serif;
  font-size:15px;
  font-weight:700;
  color:var(--gold);
  text-align:center;
  margin-top:8px;
  margin-bottom:28px;
  letter-spacing:.02em
}
/* ── PACKAGE SUBTITLE ── */
.feat-pkg__subtitle{
  font-family:'Heebo','Noto Serif Hebrew',serif;
  font-size:clamp(18px,2.2vw,24px);
  font-weight:700;
  color:var(--ink);
  text-align:center;
  margin-top:10px;
  margin-bottom:6px;
  line-height:1.3
}

/* ── PREMIUM MOTION LAYER (Stage A) ── */
.pm-word{
  display:inline-block;
  opacity:0;
  transform:translateY(38px);
  will-change:transform,opacity
}
.pm-word.pm-in{
  opacity:1;
  transform:translateY(0);
  transition:transform .9s cubic-bezier(.22,.61,.36,1),opacity .7s cubic-bezier(.22,.61,.36,1)
}
.pm-clip{
  position:relative;
  overflow:hidden;
  clip-path:inset(0 0 100% 0);
  transition:clip-path 1.1s cubic-bezier(.77,0,.18,1)
}
/* safety net: never hide the package-card polaroids, even if they got .pm-clip earlier */
.feat-pkg__photo.pm-clip{
  clip-path:none !important
}
.feat-pkg__photo.pm-clip img{
  transform:none !important
}
.pm-clip.pm-in{
  clip-path:inset(0 0 0 0)
}
.pm-clip img{
  transform:scale(1.14);
  transition:transform 1.6s cubic-bezier(.22,.61,.36,1)
}
.pm-clip.pm-in img{
  transform:scale(1)
}
@media (prefers-reduced-motion:reduce){
  .pm-word,.pm-clip,.pm-clip img{
    opacity:1 !important;
    transform:none !important;
    clip-path:none !important;
    transition:none !important
  }
}


/* ═══════════════════════════════════════════════════════════════
   PACKAGE PAGES — shared styles for katanchik.html / dejavu.html
   / woody.html / snapup.html
   ═══════════════════════════════════════════════════════════════ */

/* ── PACKAGE HERO — single fullscreen video ── */
.pkg-hero{
  position:relative;
  min-height:calc(100vh - 64px);
  min-height:calc(100svh - 64px);
  margin-top:64px;
  overflow:hidden;
  display:flex;
  flex-direction:column
}
.pkg-hero__bg{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  object-position:center;
  background:#1a1714;
  z-index:0
}
.pkg-hero__overlay{
  position:absolute;inset:0;
  background:linear-gradient(
    to top,
    rgba(8,6,4,.92) 0%,
    rgba(8,6,4,.78) 22%,
    rgba(8,6,4,.55) 42%,
    rgba(8,6,4,.22) 62%,
    rgba(8,6,4,.05) 100%
  );
  z-index:1
}
.pkg-hero__text{
  position:absolute;
  z-index:4;
  bottom:14%;
  left:0;
  right:0;
  max-width:600px;
  margin:0 auto;
  padding:0 24px;
  text-align:center;
  animation:fadeUp .7s .35s var(--ease) both
}
@media(max-width:540px){
  .pkg-hero__text{
    bottom:12%;
    padding:0 20px
  }
}
.pkg-hero__badge{
  display:inline-flex;
  align-items:center;gap:10px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(201,167,78,.42);
  backdrop-filter:blur(12px) saturate(1.3);
  -webkit-backdrop-filter:blur(12px) saturate(1.3);
  border-radius:9999px;
  padding:8px 18px;
  margin-bottom:24px;
  box-shadow:0 4px 20px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.28)
}
.pkg-hero__badge-name{
  text-shadow:0 1px 6px rgba(0,0,0,.35)
}
.pkg-hero__badge-icon{
  width:20px;height:20px;
  color:var(--gold);
  flex-shrink:0
}
.pkg-hero__badge-name{
  font-family:'Noto Serif Hebrew',serif;
  font-size:16px;font-weight:700;color:#fff
}
.pkg-hero__headline{
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(30px,3.8vw,54px);
  font-weight:900;
  color:#fff;
  line-height:1.15;
  margin-bottom:22px;
  text-align:center;
  text-shadow:0 1px 2px rgba(0,0,0,.85), 0 4px 24px rgba(0,0,0,.65)
}
.pkg-hero__sub{
  font-family:'Assistant',sans-serif;
  font-size:clamp(15px,1.5vw,18px);
  font-weight:400;
  color:rgba(255,255,255,.94);
  line-height:1.65;
  margin-bottom:28px;
  text-shadow:0 1px 2px rgba(0,0,0,.75), 0 3px 16px rgba(0,0,0,.55);
  text-align:right
}
.pkg-hero__cta{
  display:inline-flex;align-items:center;
  align-self:center;
  gap:8px;
  background:rgba(37,211,102,.38);
  -webkit-backdrop-filter:blur(14px) saturate(1.4);
  backdrop-filter:blur(14px) saturate(1.4);
  color:#fff;
  border:1px solid rgba(255,255,255,.32);
  border-radius:9999px;
  padding:10px 20px;
  font-size:13px;font-weight:600;
  cursor:pointer;font-family:inherit;text-decoration:none;
  box-shadow:0 4px 18px rgba(37,211,102,.28);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)
}
.pkg-hero__cta:hover{
  background:rgba(37,211,102,.55);
  border-color:rgba(255,255,255,.5);
  transform:translateY(-2px);
  box-shadow:0 8px 26px rgba(37,211,102,.30)
}
@supports not (backdrop-filter: blur(1px)){
  .pkg-hero__cta{ background:var(--wa); border-color:transparent }
  .pkg-hero__cta:hover{ background:#1fba59 }
}
.pkg-hero__cta:active{ transform:scale(0.97) }
.pkg-hero__trust{
  font-family:'Noto Sans Hebrew',sans-serif;
  font-size:12px;color:rgba(255,255,255,.72);
  margin-top:12px;text-align:right
}

/* mobile hero */
@media(max-width:760px){
  .pkg-hero__text{
    inset-inline:0;
    bottom:14%;
    right:auto;
    padding:0 24px;
    max-width:100%
  }
  .pkg-hero__headline{
    font-size:clamp(22px,6.2vw,32px);
    text-shadow:0 2px 24px rgba(0,0,0,.55)
  }
}

/* ── PACKAGE SECTIONS — shared ── */
.pkg-section{
  padding:68px 0;
  background:var(--cream)
}
.pkg-section--alt{ background:var(--cream2) }
.pkg-section__inner{
  max-width:1100px;
  margin:0 auto;
  padding:0 22px
}
.pkg-section__label{
  display:block;
  font-family:'Heebo',sans-serif;
  font-size:12px;font-weight:700;
  color:var(--gold);
  letter-spacing:.15em;
  text-transform:uppercase;
  text-align:center;
  margin-bottom:14px
}
.pkg-section__title{
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(26px,3.4vw,40px);
  font-weight:900;
  color:var(--ink);
  line-height:1.2;
  text-align:center;
  margin-bottom:16px
}
.pkg-section__underline{
  width:56px;height:3px;
  background:var(--gold);
  margin:0 auto 30px
}
.pkg-section__lead{
  max-width:640px;
  margin:0 auto 40px;
  text-align:center;
  font-family:'Assistant',sans-serif;
  font-size:17px;font-weight:400;
  color:var(--ink-mid);
  line-height:1.7
}
@media(max-width:760px){
  .pkg-section{ padding:52px 0 }
}

/* ── PACKAGE STORY (What is it?) ── */
.pkg-story__body{
  max-width:720px;
  margin:0 auto;
  font-family:'Assistant',sans-serif;
  font-size:17px;font-weight:400;
  color:var(--ink-mid);
  line-height:1.85;
  text-align:right
}
.pkg-story__body p{ margin-bottom:20px }
.pkg-story__body strong{
  color:var(--ink);
  font-weight:600
}
.pkg-story__pull{
  display:block;
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(20px,2.4vw,28px);
  font-weight:700;
  color:var(--ink);
  text-align:center;
  margin:36px auto 0;
  padding:18px 0;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  max-width:520px;
  line-height:1.35
}

/* ── INCLUDES GRID ── */
.pkg-includes__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:8px
}
.pkg-includes__item{
  background:var(--white);
  border:1px solid var(--border);
  border-radius:22px;
  padding:28px 22px;
  box-shadow:var(--sh-s);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease);
  text-align:right
}
.pkg-includes__item:hover{
  transform:translateY(-4px);
  box-shadow:var(--sh-m)
}
.pkg-includes__icon{
  font-size:34px;
  line-height:1;
  margin-bottom:14px
}
.pkg-includes__title{
  font-family:'Heebo',sans-serif;
  font-size:17px;font-weight:700;
  color:var(--ink);
  margin-bottom:8px
}
.pkg-includes__desc{
  font-family:'Assistant',sans-serif;
  font-size:14px;font-weight:400;
  color:var(--ink-mid);
  line-height:1.55
}
@media(max-width:900px){
  .pkg-includes__grid{ grid-template-columns:repeat(2,1fr) }
}
@media(max-width:520px){
  .pkg-includes__grid{ grid-template-columns:1fr }
}

/* ── STEPS TIMELINE ── */
.pkg-steps__list{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  counter-reset:step;
  margin-top:8px
}
.pkg-steps__item{
  position:relative;
  background:var(--white);
  border-radius:22px;
  padding:32px 22px 28px;
  text-align:right;
  box-shadow:var(--sh-s)
}
.pkg-steps__item::before{
  counter-increment:step;
  content:counter(step);
  position:absolute;
  top:-18px;right:20px;
  width:40px;height:40px;
  border-radius:50%;
  background:var(--gold);
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-family:'Heebo',sans-serif;
  font-size:18px;font-weight:800;
  box-shadow:0 4px 14px rgba(201,167,78,.35)
}
.pkg-steps__title{
  font-family:'Heebo',sans-serif;
  font-size:17px;font-weight:700;
  color:var(--ink);
  margin:8px 0 10px
}
.pkg-steps__desc{
  font-family:'Assistant',sans-serif;
  font-size:14px;color:var(--ink-mid);
  line-height:1.6
}
@media(max-width:900px){
  .pkg-steps__list{ grid-template-columns:repeat(2,1fr) }
}
@media(max-width:520px){
  .pkg-steps__list{ grid-template-columns:1fr }
}

/* ── PACKAGE GALLERY ── */
.pkg-gallery__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px
}
.pkg-gallery__item{
  aspect-ratio:4/5;
  border-radius:18px;
  overflow:hidden;
  background:#eee;
  position:relative;
  cursor:zoom-in
}
.pkg-gallery__item img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .55s var(--ease)
}
.pkg-gallery__item:hover img{ transform:scale(1.06) }
@media(max-width:760px){
  .pkg-gallery__grid{ grid-template-columns:repeat(2,1fr) }
}

/* ── TESTIMONIALS (compact for package pages) ── */
.pkg-tsl__grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px
}
.pkg-tsl__card{
  background:var(--white);
  border:1px solid var(--border);
  border-radius:22px;
  padding:28px;
  box-shadow:var(--sh-s)
}
.pkg-tsl__stars{ color:var(--gold);font-size:15px;margin-bottom:12px }
.pkg-tsl__headline{
  font-family:'Noto Serif Hebrew',serif;
  font-size:19px;font-weight:700;
  color:var(--ink);
  line-height:1.35;
  margin-bottom:12px
}
.pkg-tsl__text{
  font-family:'Assistant',sans-serif;
  font-size:15px;color:var(--ink-mid);
  line-height:1.7;margin-bottom:18px
}
.pkg-tsl__meta{
  display:flex;flex-direction:column;
  font-family:'Noto Sans Hebrew',sans-serif;
  font-size:13px;color:var(--ink-soft)
}
.pkg-tsl__name{ font-weight:700;color:var(--ink);margin-bottom:2px }
@media(max-width:760px){
  .pkg-tsl__grid{ grid-template-columns:1fr }
}

/* ── BIG CTA SECTION ── */
.pkg-cta{
  background:var(--dark);
  padding:61px 0;
  text-align:center;
  color:#fff
}
.pkg-cta__inner{
  max-width:640px;margin:0 auto;padding:0 22px
}
.pkg-cta__label{
  display:block;
  font-family:'Heebo',sans-serif;
  font-size:12px;font-weight:700;
  color:var(--gold);
  letter-spacing:.15em;
  text-transform:uppercase;
  margin-bottom:12px
}
.pkg-cta__title{
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(26px,3.2vw,38px);
  font-weight:900;
  color:#fff;
  line-height:1.2;
  margin-bottom:16px
}
.pkg-cta__lead{
  font-family:'Assistant',sans-serif;
  font-size:17px;
  color:rgba(255,255,255,.78);
  line-height:1.7;
  margin-bottom:32px
}
.pkg-cta__buttons{
  display:flex;gap:14px;
  justify-content:center;flex-wrap:wrap
}
.pkg-cta__btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:16px 30px;border-radius:9999px;
  font-family:'Heebo',sans-serif;font-size:16px;font-weight:700;
  text-decoration:none;
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)
}
.pkg-cta__btn--wa{
  background:var(--wa);color:#fff;border:none;
  box-shadow:0 4px 18px rgba(37,211,102,.35)
}
.pkg-cta__btn--wa:hover{
  background:#1fba59;transform:translateY(-2px);
  box-shadow:0 8px 26px rgba(37,211,102,.50)
}
.pkg-cta__btn--call{
  background:transparent;color:#fff;
  border:2px solid rgba(255,255,255,.4)
}
.pkg-cta__btn--call:hover{
  background:rgba(255,255,255,.1);
  border-color:#fff;transform:translateY(-2px)
}

/* ── RELATED PACKAGES ── */
.pkg-related__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px
}
.pkg-related__card{
  display:block;
  background:var(--white);
  border:1px solid var(--border);
  border-radius:22px;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  box-shadow:var(--sh-s);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease)
}
.pkg-related__card:hover{
  transform:translateY(-6px);
  box-shadow:var(--sh-m)
}
.pkg-related__img{
  aspect-ratio:4/3;
  overflow:hidden;
  background:#eee
}
.pkg-related__img img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .5s var(--ease)
}
.pkg-related__card:hover .pkg-related__img img{ transform:scale(1.07) }
.pkg-related__body{ padding:22px 22px 24px;text-align:right }
.pkg-related__name{
  font-family:'Noto Serif Hebrew',serif;
  font-size:20px;font-weight:700;
  color:var(--ink);
  margin-bottom:8px
}
.pkg-related__desc{
  font-family:'Assistant',sans-serif;
  font-size:14px;color:var(--ink-mid);
  line-height:1.55;margin-bottom:14px
}
.pkg-related__link{
  display:inline-flex;align-items:center;gap:6px;
  font-family:'Heebo',sans-serif;
  font-size:14px;font-weight:700;
  color:var(--gold-d)
}
@media(max-width:760px){
  .pkg-related__grid{ grid-template-columns:1fr }
}

/* ═══════════════════════════════════════════════════════════════
   PACKAGE PAGES V2 — UNICA editorial style
   Inspired by attraction-page flow — reimagined in gold+cream
   ═══════════════════════════════════════════════════════════════ */

/* ── SIGNATURE UNDERLINE (gold thin + dot) ── */
.pkg-underline{
  position:relative;
  width:80px;height:1px;
  background:var(--gold);
  margin:0 auto 32px;
  opacity:.6
}
.pkg-underline::after{
  content:"";
  position:absolute;
  top:-3px;left:50%;
  transform:translateX(-50%);
  width:7px;height:7px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 0 4px rgba(201,167,78,.15)
}

/* ── UPPER-CASE LABEL ── */
.pkg-eyebrow{
  display:inline-block;
  font-family:'Heebo','Noto Sans Hebrew',sans-serif;
  font-size:12px;font-weight:700;
  letter-spacing:.22em;
  color:var(--gold-d);
  text-transform:uppercase;
  margin-bottom:14px;
  padding-bottom:4px
}

/* ── SECTION V2 base ── */
.pkg-v2{
  padding:85px 0;
  background:var(--cream);
  position:relative
}
.pkg-v2--alt{ background:var(--cream2) }
.pkg-v2--dark{ background:var(--dark);color:#fff }
.pkg-v2--warm{
  background:linear-gradient(180deg,#F7EED5 0%,#F4E4B8 100%);
  color:var(--ink)
}
.pkg-v2__wrap{ max-width:1180px;margin:0 auto;padding:0 30px }
@media(max-width:760px){
  .pkg-v2{ padding:64px 0 }
  .pkg-v2__wrap{ padding:0 22px }
}

/* ── DIAGONAL SEPARATORS ── */
.pkg-diag-top{ clip-path:polygon(0 0,100% 5%,100% 100%,0 100%) }
.pkg-diag-bot{ clip-path:polygon(0 0,100% 0,100% 95%,0 100%) }

/* ══════════════ SECTION: STORY INTRO (split) ══════════════ */
.pkg-story2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;
  position:relative
}
.pkg-story2__media-wrap{
  position:relative
}
.pkg-story2__media{
  position:relative;
  z-index:1;
  aspect-ratio:3/4;
  border-radius:2px;
  overflow:hidden;
  box-shadow:0 40px 90px rgba(0,0,0,.20),0 8px 24px rgba(0,0,0,.08);
  background:#eee;
  transform:rotate(-1.5deg);
  transition:transform .8s var(--ease)
}
.pkg-story2__media:hover{ transform:rotate(-0.3deg) }
.pkg-story2__media img{
  width:100%;height:100%;object-fit:cover;object-position:center 28%;
  transition:transform 1.6s var(--ease)
}
@media(max-width:900px){
  .pkg-story2{ grid-template-columns:1fr;gap:36px }
  .pkg-story2__media{ transform:none;aspect-ratio:4/5 }
}
.pkg-story2__text .pkg-eyebrow{ color:var(--gold-d) }
.pkg-story2__title{
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(30px,3.8vw,52px);
  font-weight:900;
  color:var(--ink);
  line-height:1.12;
  margin-bottom:26px
}
.pkg-story2__body{
  font-family:'Assistant',sans-serif;
  font-size:17px;font-weight:400;
  color:var(--ink-mid);
  line-height:1.85
}
.pkg-story2__body p{ margin-bottom:16px }
.pkg-story2__body strong{ color:var(--ink);font-weight:600 }
.pkg-story2__punch{
  display:block;
  margin-top:32px;
  padding:22px 26px;
  border-inline-start:3px solid var(--gold);
  background:var(--white);
  font-family:'Noto Serif Hebrew',serif;
  font-size:20px;font-weight:700;
  color:var(--ink);
  line-height:1.4;
  border-radius:0 8px 8px 0;
  box-shadow:0 6px 24px rgba(0,0,0,.06)
}
.pkg-story2__punch small{
  display:block;
  margin-top:8px;
  font-family:'Assistant',sans-serif;
  font-size:13px;font-weight:400;
  color:var(--ink-soft)
}
@media(max-width:900px){
  .pkg-story2{ grid-template-columns:1fr;gap:40px }
}

/* ══════════════ SECTION: TIMELINE (how it works) ══════════════ */
.pkg-tl__head{ text-align:center;margin-bottom:80px }
.pkg-tl__title{
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(30px,3.6vw,46px);
  font-weight:900;
  color:var(--ink);
  line-height:1.15;
  margin-bottom:16px
}
.pkg-tl__lead{
  max-width:640px;
  margin:20px auto 0;
  font-family:'Assistant',sans-serif;
  font-size:17px;color:var(--ink-mid);
  line-height:1.7
}

.pkg-tl__row{
  display:grid;
  grid-template-columns:1.5fr auto 1.5fr;
  grid-template-areas:"media num text";
  align-items:center;
  gap:50px;
  margin-bottom:110px;
  min-height:340px
}
.pkg-tl__row:last-child{ margin-bottom:0 }
.pkg-tl__media{ grid-area:media }
.pkg-tl__num{ grid-area:num }
.pkg-tl__text{ grid-area:text }
.pkg-tl__row--flip{
  grid-template-areas:"text num media"
}
.pkg-tl__num{
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(90px,10vw,160px);
  font-weight:900;
  color:var(--gold);
  line-height:1;
  text-align:center;
  min-width:120px;
  opacity:.9;
  position:relative
}
.pkg-tl__num::after{
  content:"";
  position:absolute;
  bottom:-16px;left:50%;
  transform:translateX(-50%);
  width:24px;height:1px;
  background:var(--gold-d);
  opacity:.4
}
.pkg-tl__media{
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
  border-radius:8px;
  box-shadow:0 28px 70px rgba(0,0,0,.18);
  transform:rotate(-1.5deg);
  background:#eee;
  transition:transform .6s var(--ease)
}
.pkg-tl__row--flip .pkg-tl__media{ transform:rotate(1.5deg) }
.pkg-tl__media:hover{ transform:rotate(0) }
.pkg-tl__media img{ width:100%;height:100%;object-fit:cover;object-position:center 28% }
.pkg-tl__text{ padding:0 8px }
.pkg-tl__step-title{
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(22px,2.4vw,30px);
  font-weight:800;
  color:var(--ink);
  line-height:1.25;
  margin-bottom:14px
}
.pkg-tl__step-desc{
  font-family:'Assistant',sans-serif;
  font-size:16px;color:var(--ink-mid);
  line-height:1.75
}
@media(max-width:900px){
  .pkg-tl__row,.pkg-tl__row--flip{
    grid-template-columns:1fr;
    grid-template-areas:"num" "media" "text";
    text-align:right;
    gap:24px;
    margin-bottom:64px;
    min-height:0
  }
  .pkg-tl__row .pkg-tl__media,.pkg-tl__row--flip .pkg-tl__media{ transform:none }
  .pkg-tl__row .pkg-tl__num,.pkg-tl__row--flip .pkg-tl__num{ text-align:right;min-width:auto }
}

/* ══════════════ SECTION: WARM HIGHLIGHT (product detail) ══════════════ */
.pkg-warm{
  padding:99px 0;
  background:linear-gradient(180deg,#FFF3D6 0%,#F5DFA1 100%);
  position:relative
}
.pkg-warm__inner{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;
  max-width:1180px;
  margin:0 auto;
  padding:0 30px
}
.pkg-warm__text .pkg-eyebrow{ color:var(--gold-d) }
.pkg-warm__title{
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(30px,3.6vw,46px);
  font-weight:900;
  color:var(--ink);
  line-height:1.15;
  margin-bottom:24px
}
.pkg-warm__lead{
  font-family:'Assistant',sans-serif;
  font-size:17px;color:var(--ink);
  line-height:1.75;
  margin-bottom:28px;
  opacity:.85
}
.pkg-warm__lead strong{ color:var(--ink);font-weight:600 }
.pkg-warm__list{ list-style:none;margin:0;padding:0 }
.pkg-warm__list li{
  display:flex;align-items:flex-start;gap:14px;
  font-family:'Assistant',sans-serif;
  font-size:16px;color:var(--ink);
  line-height:1.6;
  padding:11px 0;
  border-bottom:1px solid rgba(26,23,20,.08)
}
.pkg-warm__list li:last-child{ border-bottom:none }
.pkg-warm__list li::before{
  content:"";
  flex-shrink:0;
  width:8px;height:8px;
  border-radius:50%;
  background:var(--gold-d);
  margin-top:9px
}
.pkg-warm__media-wrap{
  position:relative
}
.pkg-warm__media{
  position:relative;
  z-index:1;
  aspect-ratio:4/5;
  border-radius:2px;
  overflow:hidden;
  box-shadow:0 40px 100px rgba(0,0,0,.24),0 10px 30px rgba(0,0,0,.10);
  transform:rotate(2deg);
  transition:transform .8s var(--ease)
}
.pkg-warm__media:hover{ transform:rotate(0.4deg) }
.pkg-warm__media img{ width:100%;height:100%;object-fit:cover;object-position:center 28% }
@media(max-width:900px){
  .pkg-warm{ padding:70px 0 }
  .pkg-warm__inner{ grid-template-columns:1fr;gap:36px }
  .pkg-warm__media{ transform:none;aspect-ratio:1/1 }
}

/* ══════════════ SECTION: GALLERY STRIP ══════════════ */
.pkg-strip__head{ text-align:center;margin-bottom:44px }
.pkg-strip__title{
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(24px,2.8vw,38px);
  font-weight:900;
  color:var(--ink);
  line-height:1.25;
  max-width:720px;
  margin:0 auto 12px
}
.pkg-strip__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px
}
.pkg-strip__item{
  aspect-ratio:3/4;
  overflow:hidden;
  border-radius:4px;
  background:#eee;
  position:relative
}
.pkg-strip__item img{
  width:100%;height:100%;object-fit:cover;object-position:center 30%;
  transition:transform .7s var(--ease)
}
.pkg-strip__item:hover img{ transform:scale(1.08) }
@media(max-width:900px){
  .pkg-strip__grid{ grid-template-columns:repeat(2,1fr) }
}

/* ══════════════ SECTION: BENEFITS (4 cols, artisanal icons) ══════════════ */
.pkg-benefits__head{ text-align:center;margin-bottom:60px }
.pkg-benefits__title{
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(28px,3.2vw,42px);
  font-weight:900;
  color:var(--ink);
  line-height:1.2;
  margin-bottom:16px
}
.pkg-benefits__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:44px
}
.pkg-benefits__item{ text-align:center;padding:0 8px }
.pkg-benefits__icon{
  width:70px;height:70px;
  margin:0 auto 22px;
  display:flex;align-items:center;justify-content:center;
  color:var(--gold-d)
}
.pkg-benefits__icon svg{ width:100%;height:100% }
.pkg-benefits__name{
  font-family:'Noto Serif Hebrew',serif;
  font-size:19px;font-weight:800;
  color:var(--ink);
  margin-bottom:12px
}
.pkg-benefits__desc{
  font-family:'Assistant',sans-serif;
  font-size:15px;color:var(--ink-mid);
  line-height:1.65
}
@media(max-width:900px){
  .pkg-benefits__grid{ grid-template-columns:repeat(2,1fr);gap:36px 24px }
}
@media(max-width:520px){
  .pkg-benefits__grid{ grid-template-columns:1fr;gap:36px }
}

/* ══════════════ SECTION: FAQ STRIP (full-width angled) ══════════════ */
.pkg-faq2{ max-width:900px;margin:0 auto }
.pkg-faq2__head{ text-align:center;margin-bottom:44px }
.pkg-faq2__title{
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(26px,3.2vw,40px);
  font-weight:900;
  color:var(--ink);
  line-height:1.2
}
.pkg-faq2__item{
  background:var(--white);
  border-radius:2px;
  margin-bottom:12px;
  overflow:hidden;
  box-shadow:0 4px 20px rgba(0,0,0,.06);
  clip-path:polygon(20px 0,100% 0,calc(100% - 20px) 100%,0 100%);
  transition:box-shadow .3s var(--ease)
}
.pkg-faq2__item.is-open{
  box-shadow:0 8px 28px rgba(0,0,0,.10)
}
.pkg-faq2__q{
  width:100%;
  padding:24px 42px 24px 42px;
  background:none;border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  font-family:'Heebo','Noto Sans Hebrew',sans-serif;
  font-size:17px;font-weight:700;
  color:var(--ink);
  text-align:right
}
.pkg-faq2__q:hover{ color:var(--gold-d) }
.pkg-faq2__plus{
  width:26px;height:26px;
  flex-shrink:0;
  color:var(--gold-d);
  font-family:'Noto Serif Hebrew',serif;
  font-size:26px;font-weight:400;
  line-height:1;
  display:flex;align-items:center;justify-content:center;
  transition:transform .3s var(--ease)
}
.pkg-faq2__item.is-open .pkg-faq2__plus{
  transform:rotate(45deg)
}
.pkg-faq2__a{
  max-height:0;
  overflow:hidden;
  transition:max-height .4s var(--ease);
  padding:0 42px
}
.pkg-faq2__item.is-open .pkg-faq2__a{
  max-height:400px;
  padding:0 42px 26px
}
.pkg-faq2__a p{
  font-family:'Assistant',sans-serif;
  font-size:15px;color:var(--ink-mid);
  line-height:1.7;
  margin-bottom:10px
}
.pkg-faq2__a p:last-child{ margin-bottom:0 }
@media(max-width:640px){
  .pkg-faq2__item{ clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%) }
  .pkg-faq2__q,.pkg-faq2__item.is-open .pkg-faq2__a{ padding-inline:24px }
  .pkg-faq2__a{ padding:0 24px }
}

/* ══════════════ SECTION: BIG CONTACT FORM (horizontal) ══════════════ */
.pkg-contact2{
  background:var(--white);
  padding:76px 0;
  text-align:center
}
.pkg-contact2__title{
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(28px,3.2vw,42px);
  font-weight:900;
  color:var(--ink);
  margin-bottom:14px
}
.pkg-contact2__meta{
  font-family:'Assistant',sans-serif;
  font-size:16px;color:var(--ink-mid);
  margin-bottom:36px
}
.pkg-contact2__meta span{ margin:0 12px;color:var(--gold-d);font-weight:700 }
.pkg-contact2__ctas{
  display:flex;gap:14px;
  justify-content:center;flex-wrap:wrap;
  margin-bottom:56px
}
.pkg-contact2__form{
  max-width:1100px;
  margin:0 auto;
  padding:0 30px;
  display:grid;
  grid-template-columns:2fr 2fr 1.5fr 2fr 1.4fr;
  gap:26px;
  align-items:end
}
.pkg-contact2__field{ text-align:right }
.pkg-contact2__field label{
  display:block;
  font-family:'Assistant',sans-serif;
  font-size:13px;color:var(--ink-soft);
  margin-bottom:6px
}
.pkg-contact2__field input,.pkg-contact2__field select{
  width:100%;
  border:none;
  border-bottom:1.5px solid var(--border);
  background:transparent;
  padding:10px 2px;
  font-family:inherit;font-size:15px;color:var(--ink);
  transition:border-color .2s var(--ease)
}
.pkg-contact2__field input:focus,.pkg-contact2__field select:focus{
  outline:none;
  border-bottom-color:var(--gold)
}
.pkg-contact2__submit{
  background:var(--gold);color:var(--ink);
  border:none;border-radius:9999px;
  padding:14px 26px;
  font-family:'Heebo',sans-serif;
  font-size:15px;font-weight:700;
  cursor:pointer;
  transition:transform .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease);
  box-shadow:0 4px 18px rgba(201,167,78,.30)
}
.pkg-contact2__submit:hover{
  background:var(--gold-d);
  transform:translateY(-2px);
  box-shadow:0 8px 26px rgba(201,167,78,.42)
}
@media(max-width:900px){
  .pkg-contact2__form{
    grid-template-columns:1fr 1fr;
    gap:20px
  }
  .pkg-contact2__submit{ grid-column:1/-1 }
}
@media(max-width:520px){
  .pkg-contact2__form{ grid-template-columns:1fr }
  .pkg-contact2__submit{ grid-column:auto }
}

/* ══════════════ ELEGANT FOOTER (package pages only) ══════════════ */
.uf2{
  background:linear-gradient(180deg,var(--cream) 0%,#F0EAD8 100%);
  border-top:1px solid rgba(201,167,78,.25);
  padding:80px 0 0;
  font-family:'Assistant',sans-serif;
  color:var(--ink);
  position:relative;
  overflow:hidden
}
.uf2::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold) 80%,transparent);
  opacity:.6
}
.uf2__inner{
  max-width:1180px;
  margin:0 auto;
  padding:0 30px
}
.uf2__top{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:60px;
  padding-bottom:60px
}
.uf2__brand{ display:flex;flex-direction:column;gap:20px }
.uf2__logo{
  font-family:'Noto Serif Hebrew',serif;
  font-size:28px;font-weight:900;
  color:var(--ink);
  letter-spacing:.02em;
  line-height:1
}
.uf2__logo small{
  display:block;
  font-family:'Assistant',sans-serif;
  font-size:14px;font-weight:400;
  color:var(--gold-d);
  margin-top:8px;
  letter-spacing:0
}
.uf2__logo-link{
  display:inline-block;
  line-height:0;
  margin-bottom:6px;
  transition:transform .18s var(--ease)
}
.uf2__logo-link:hover{ transform:scale(1.04) }
.uf2__logo-link img{
  display:block;
  height:150px;
  width:auto;
  /* PNG has transparent bg — no blend needed */
}
.uf2__pitch{
  font-family:'Assistant',sans-serif;
  font-size:15px;
  color:var(--ink-mid);
  line-height:1.7;
  max-width:320px
}
.uf2__col-title{
  font-family:'Heebo',sans-serif;
  font-size:12px;font-weight:700;
  letter-spacing:.22em;
  color:var(--gold-d);
  text-transform:uppercase;
  margin-bottom:22px
}
.uf2__list{ list-style:none;margin:0;padding:0 }
.uf2__list li{ margin-bottom:12px }
.uf2__list a{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Assistant',sans-serif;
  font-size:15px;
  color:var(--ink);
  text-decoration:none;
  transition:color .2s var(--ease)
}
.uf2__list a:hover{ color:var(--gold-d) }
.uf2__list a svg{ opacity:.7 }

.uf2__ctas{
  display:flex;flex-direction:column;gap:12px;
  margin-top:8px
}
.uf2__btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 22px;
  border-radius:9999px;
  font-family:'Heebo',sans-serif;font-size:14px;font-weight:700;
  text-decoration:none;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)
}
.uf2__btn--wa{
  background:var(--wa);color:#fff;
  box-shadow:0 4px 16px rgba(37,211,102,.28)
}
.uf2__btn--wa:hover{
  background:#1fba59;transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(37,211,102,.42)
}
.uf2__btn--call{
  background:var(--ink);color:#fff
}
.uf2__btn--call:hover{
  background:#000;transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(0,0,0,.28)
}

.uf2__socials{
  display:flex;gap:14px;
  margin-top:14px
}
.uf2__soc{
  width:42px;height:42px;
  border-radius:50%;
  background:var(--white);
  border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  color:var(--ink-mid);
  text-decoration:none;
  transition:all .25s var(--ease)
}
.uf2__soc:hover{
  background:var(--gold);
  border-color:var(--gold);
  color:#fff;
  transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(201,167,78,.35)
}
.uf2__soc svg{ width:18px;height:18px }

.uf2__divider{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(26,23,20,.15) 50%,transparent);
  margin:0
}
.uf2__bottom{
  display:flex;justify-content:space-between;align-items:center;gap:24px;
  padding:22px 0;
  font-size:13px;color:var(--ink-soft);
  flex-wrap:wrap
}
.uf2__bottom-links{ display:flex;gap:20px;flex-wrap:wrap }
.uf2__bottom-links a{
  color:var(--ink-soft);text-decoration:none;
  transition:color .2s var(--ease)
}
.uf2__bottom-links a:hover{ color:var(--gold-d) }

@media(max-width:900px){
  .uf2{ padding:60px 0 0 }
  .uf2__top{
    grid-template-columns:1fr;
    gap:40px;
    padding-bottom:40px
  }
  .uf2__bottom{
    flex-direction:column;
    text-align:center;
    padding:22px 0
  }
}

/* ══════════════ CONTACT SOCIAL ROW ══════════════ */
.pkg-contact2__socials{
  display:flex;justify-content:center;gap:14px;
  margin-bottom:36px
}
.pkg-contact2__soc{
  width:44px;height:44px;
  border-radius:50%;
  background:var(--cream);
  border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  color:var(--ink-mid);
  text-decoration:none;
  transition:all .25s var(--ease)
}
.pkg-contact2__soc:hover{
  background:var(--gold);
  border-color:var(--gold);
  color:#fff;
  transform:translateY(-3px);
  box-shadow:0 8px 22px rgba(201,167,78,.40)
}
.pkg-contact2__soc svg{ width:18px;height:18px }

/* ════════════ HOW IT WORKS SECTION ════════════ */
.hiw-section{
  background:var(--cream2);
  padding:68px 0;
  position:relative
}
.hiw-inner{
  max-width:1100px;
  margin:0 auto;
  padding:0 22px
}
.hiw-sub{
  max-width:580px;
  margin:14px auto 0;
  text-align:center;
  color:var(--ink-mid);
  font-family:'Assistant',sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1.7
}
.hiw-timeline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
  margin-top:64px
}
.hiw-line{
  position:absolute;
  top:38px;
  right:8%;
  left:8%;
  height:2px;
  background:linear-gradient(90deg,
    rgba(201,167,78,0) 0%,
    rgba(201,167,78,.45) 12%,
    rgba(201,167,78,.45) 88%,
    rgba(201,167,78,0) 100%);
  z-index:1;
  pointer-events:none
}
.hiw-step{
  position:relative;
  z-index:2;
  background:var(--white);
  border:1px solid var(--border);
  border-radius:22px;
  padding:32px 22px 28px;
  text-align:center;
  box-shadow:var(--sh-s);
  transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease);
  transition-delay:var(--hiw-delay,0ms)
}
.hiw-step:hover{
  transform:translateY(-6px);
  box-shadow:var(--sh-m);
  background:linear-gradient(180deg,var(--white) 0%,var(--gold-tint) 100%)
}
.hiw-num{
  display:block;
  font-family:'Noto Serif Hebrew',serif;
  font-weight:900;
  font-size:56px;
  line-height:1;
  color:var(--gold);
  margin-bottom:6px;
  letter-spacing:-.02em;
  direction:ltr
}
.hiw-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  margin:0 auto 16px;
  color:var(--gold);
  transition:transform .3s var(--ease)
}
.hiw-icon svg{ width:100%; height:100% }
.hiw-step:hover .hiw-icon{ transform:scale(1.08) }
.hiw-title{
  font-family:'Heebo',sans-serif;
  font-weight:700;
  font-size:20px;
  color:var(--ink);
  margin:0 0 10px
}
.hiw-desc{
  font-family:'Assistant',sans-serif;
  font-weight:400;
  font-size:15px;
  line-height:1.65;
  color:var(--ink-mid);
  margin:0
}
.hiw-cta{
  text-align:center;
  margin-top:52px
}
.hiw-cta__btn{
  display:inline-flex;
  align-items:center;
  gap:12px
}
.hiw-cta__wa{
  flex-shrink:0;
  transition:transform .25s var(--ease)
}
.hiw-cta__btn:hover .hiw-cta__wa{ transform:scale(1.12) rotate(-6deg) }
.hiw-trust{
  margin:16px 0 0;
  font-family:'Assistant',sans-serif;
  font-size:13px;
  color:var(--ink-soft);
  font-weight:400
}
@media(max-width:820px){
  .hiw-section{ padding:64px 0 }
  .hiw-timeline{
    grid-template-columns:1fr;
    gap:18px;
    margin-top:40px
  }
  .hiw-line{
    top:8%;
    bottom:8%;
    right:auto;
    left:50%;
    transform:translateX(-50%);
    width:2px;
    height:auto;
    background:linear-gradient(180deg,
      rgba(201,167,78,0) 0%,
      rgba(201,167,78,.45) 8%,
      rgba(201,167,78,.45) 92%,
      rgba(201,167,78,0) 100%)
  }
  .hiw-step{
    padding:26px 20px 24px
  }
  .hiw-num{ font-size:48px }
  .hiw-title{ font-size:19px }
  .hiw-desc{ font-size:15px }
  .hiw-cta{ margin-top:36px }
}
@media(max-width:390px){
  .hiw-inner{ padding:0 18px }
  .hiw-num{ font-size:44px }
}

/* ════════════ STAGGER REVEALS ════════════ */
/* Cards inside revealed sections stagger in one-by-one */

/* Advantages — 4 cards */
.adv-section .adv-item{
  opacity:0;
  transform:translateY(24px) scale(.98);
  transition:opacity .7s var(--ease), transform .7s var(--ease)
}
.adv-section.is-visible .adv-item{ opacity:1; transform:none }
.adv-section.is-visible .adv-item:nth-child(1){ transition-delay:0ms }
.adv-section.is-visible .adv-item:nth-child(2){ transition-delay:90ms }
.adv-section.is-visible .adv-item:nth-child(3){ transition-delay:180ms }
.adv-section.is-visible .adv-item:nth-child(4){ transition-delay:270ms }

/* Gallery — images always visible by default; stagger reveal only when the
   IntersectionObserver adds .reveal.is-visible on the section. If JS fails or
   the observer misfires (Safari/iOS edge cases), the tiles still show. */
.gal-section.reveal .gal-img{
  opacity:0;
  transform:translateY(20px);
  transition:opacity .6s var(--ease), transform .6s var(--ease)
}
.gal-section.reveal.is-visible .gal-img{ opacity:1; transform:none }
.gal-section.reveal.is-visible .gal-img:nth-child(1){ transition-delay:0ms }
.gal-section.reveal.is-visible .gal-img:nth-child(2){ transition-delay:60ms }
.gal-section.reveal.is-visible .gal-img:nth-child(3){ transition-delay:120ms }
.gal-section.reveal.is-visible .gal-img:nth-child(4){ transition-delay:180ms }
.gal-section.reveal.is-visible .gal-img:nth-child(5){ transition-delay:240ms }
.gal-section.reveal.is-visible .gal-img:nth-child(6){ transition-delay:300ms }
.gal-section.reveal.is-visible .gal-img:nth-child(7){ transition-delay:360ms }
.gal-section.reveal.is-visible .gal-img:nth-child(n+8){ transition-delay:420ms }

/* Testimonials cards */
.tsl-section .tsl-card{
  opacity:0;
  transform:translateY(20px);
  transition:opacity .65s var(--ease), transform .65s var(--ease)
}
.tsl-section.is-visible .tsl-card{ opacity:1; transform:none }
.tsl-section.is-visible .tsl-card:nth-child(1){ transition-delay:0ms }
.tsl-section.is-visible .tsl-card:nth-child(2){ transition-delay:100ms }
.tsl-section.is-visible .tsl-card:nth-child(3){ transition-delay:200ms }

/* FAQ items */
.faq2-section .faq2-item{
  opacity:0;
  transform:translateY(16px);
  transition:opacity .55s var(--ease), transform .55s var(--ease)
}
.faq2-section.is-visible .faq2-item{ opacity:1; transform:none }
.faq2-section.is-visible .faq2-item:nth-child(1){ transition-delay:0ms }
.faq2-section.is-visible .faq2-item:nth-child(2){ transition-delay:70ms }
.faq2-section.is-visible .faq2-item:nth-child(3){ transition-delay:140ms }
.faq2-section.is-visible .faq2-item:nth-child(4){ transition-delay:210ms }
.faq2-section.is-visible .faq2-item:nth-child(5){ transition-delay:280ms }
.faq2-section.is-visible .faq2-item:nth-child(n+6){ transition-delay:350ms }

/* Reduced motion — kill stagger */
@media (prefers-reduced-motion: reduce){
  .adv-section .adv-item,
  .gal-section .gal-img,
  .tsl-section .tsl-card,
  .faq2-section .faq2-item{
    opacity:1 !important;
    transform:none !important;
    transition:none !important
  }
}

/* ── PACKAGE PAGES stagger ── */
/* Timeline rows */
.pkg-tl .pkg-tl__row{
  opacity:0;
  transform:translateY(28px) scale(.985);
  transition:opacity .75s cubic-bezier(.22,.61,.36,1), transform .75s cubic-bezier(.22,.61,.36,1)
}
.pkg-tl.is-visible .pkg-tl__row{ opacity:1; transform:none }
.pkg-tl.is-visible .pkg-tl__row:nth-child(1){ transition-delay:0ms }
.pkg-tl.is-visible .pkg-tl__row:nth-child(2){ transition-delay:120ms }
.pkg-tl.is-visible .pkg-tl__row:nth-child(3){ transition-delay:240ms }
.pkg-tl.is-visible .pkg-tl__row:nth-child(4){ transition-delay:360ms }

/* Benefits cards */
.pkg-benefits .pkg-benefits__item{
  opacity:0;
  transform:translateY(24px) scale(.985);
  transition:opacity .7s var(--ease), transform .7s var(--ease)
}
.pkg-benefits.is-visible .pkg-benefits__item{ opacity:1; transform:none }
.pkg-benefits.is-visible .pkg-benefits__item:nth-child(1){ transition-delay:0ms }
.pkg-benefits.is-visible .pkg-benefits__item:nth-child(2){ transition-delay:90ms }
.pkg-benefits.is-visible .pkg-benefits__item:nth-child(3){ transition-delay:180ms }
.pkg-benefits.is-visible .pkg-benefits__item:nth-child(4){ transition-delay:270ms }
.pkg-benefits.is-visible .pkg-benefits__item:nth-child(5){ transition-delay:360ms }
.pkg-benefits.is-visible .pkg-benefits__item:nth-child(n+6){ transition-delay:420ms }

/* Strip items (small gallery band) */
.pkg-strip .pkg-strip__item{
  opacity:0;
  transform:translateY(20px);
  transition:opacity .6s var(--ease), transform .6s var(--ease)
}
.pkg-strip.is-visible .pkg-strip__item{ opacity:1; transform:none }
.pkg-strip.is-visible .pkg-strip__item:nth-child(1){ transition-delay:0ms }
.pkg-strip.is-visible .pkg-strip__item:nth-child(2){ transition-delay:80ms }
.pkg-strip.is-visible .pkg-strip__item:nth-child(3){ transition-delay:160ms }
.pkg-strip.is-visible .pkg-strip__item:nth-child(n+4){ transition-delay:240ms }

/* FAQ items */
.pkg-faq2 .pkg-faq2__item{
  opacity:0;
  transform:translateY(16px);
  transition:opacity .55s var(--ease), transform .55s var(--ease)
}
.pkg-faq2.is-visible .pkg-faq2__item{ opacity:1; transform:none }
.pkg-faq2.is-visible .pkg-faq2__item:nth-child(1){ transition-delay:0ms }
.pkg-faq2.is-visible .pkg-faq2__item:nth-child(2){ transition-delay:70ms }
.pkg-faq2.is-visible .pkg-faq2__item:nth-child(3){ transition-delay:140ms }
.pkg-faq2.is-visible .pkg-faq2__item:nth-child(4){ transition-delay:210ms }
.pkg-faq2.is-visible .pkg-faq2__item:nth-child(n+5){ transition-delay:280ms }

/* Related packages */
.pkg-related .pkg-related__card{
  opacity:0;
  transform:translateY(24px) scale(.985);
  transition:opacity .7s var(--ease), transform .7s var(--ease)
}
.pkg-related.is-visible .pkg-related__card{ opacity:1; transform:none }
.pkg-related.is-visible .pkg-related__card:nth-child(1){ transition-delay:0ms }
.pkg-related.is-visible .pkg-related__card:nth-child(2){ transition-delay:100ms }
.pkg-related.is-visible .pkg-related__card:nth-child(3){ transition-delay:200ms }

/* Parallax hooks (composed with existing hover scale so both stack) */
.pkg-strip__item img,
.pkg-related__img img{
  transform:translate3d(0, var(--par-y, 0), 0)
}
.pkg-strip__item:hover img{
  transform:translate3d(0, var(--par-y, 0), 0) scale(1.08)
}
.pkg-related__card:hover .pkg-related__img img{
  transform:translate3d(0, var(--par-y, 0), 0) scale(1.07)
}

/* Reduced motion — kill package stagger */
@media (prefers-reduced-motion: reduce){
  .pkg-tl .pkg-tl__row,
  .pkg-benefits .pkg-benefits__item,
  .pkg-strip .pkg-strip__item,
  .pkg-faq2 .pkg-faq2__item,
  .pkg-related .pkg-related__card{
    opacity:1 !important;
    transform:none !important;
    transition:none !important
  }
}

/* ═══════════════════════════════════════════════════════════
   7.3 MICRO-INTERACTIONS — PREMIUM POLISH LAYER
   ═══════════════════════════════════════════════════════════ */

/* ── Gold tap-highlight (M4) — replaces iOS default blue flash */
html{
  -webkit-tap-highlight-color:rgba(201,167,78,.15)
}

/* ── Focus states (7.3.1) — gold ring on keyboard nav only */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:3px;
  border-radius:6px
}
/* Round elements get a matching round focus ring via box-shadow */
.hs-arrow:focus-visible,
.tsl-arrow:focus-visible,
.hs-dot:focus-visible,
.tsl-dot:focus-visible,
.site-header__wa:focus-visible,
.acc-fab:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(201,167,78,.35), 0 0 0 5px var(--gold)
}

/* ── Press feedback (7.3.2) — every button confirms the tap */
.btn:active,
.hs-cta:active,
.feat-pkg__btn:active,
.pkg-cta__btn:active,
.pkg-hero__cta:active,
.hiw-cta__btn:active,
.site-header__wa:active,
.hs-arrow:active,
.tsl-arrow:active,
.contact-form__submit:active,
.pkg-contact2__submit:active{
  transform:scale(.97);
  transition:transform .1s var(--ease)
}
/* Arrows have their own translate — override via combined transform */
.hs-arrow:active{ transform:translateY(-50%) scale(.94) }

/* ── Form loading spinner (7.3.5) */
@keyframes cfSpin{ to{ transform:rotate(360deg) } }
.contact-form__submit.is-loading,
.pkg-contact2__submit.is-loading{
  pointer-events:none;
  opacity:.85
}
.contact-form__submit.is-loading::after,
.pkg-contact2__submit.is-loading::after{
  content:'';
  display:inline-block;
  width:16px;height:16px;
  margin-inline-start:10px;
  vertical-align:-3px;
  border:2px solid rgba(255,255,255,.35);
  border-top-color:#fff;
  border-radius:50%;
  animation:cfSpin .7s linear infinite
}
/* Success message slide-in from above */
@keyframes cfSlideIn{
  0%{ opacity:0; transform:translateY(-8px) }
  100%{ opacity:1; transform:translateY(0) }
}
.cf-msg:not([hidden]){
  animation:cfSlideIn .4s var(--ease)
}
@media (prefers-reduced-motion:reduce){
  .cf-msg:not([hidden]){ animation:none }
  .contact-form__submit.is-loading::after,
  .pkg-contact2__submit.is-loading::after{ animation:none }
}

/* ── Floating actions container (7.3.9 + M1)
   Bottom-right stack: WA (mobile) at bottom, back-to-top above */
.fab-wa,
.to-top{
  position:fixed;
  right:20px;
  z-index:9998;
  border:none;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(12px) scale(.9);
  transition:opacity .3s var(--ease), transform .3s var(--ease), visibility .3s;
  -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.fab-wa.is-visible,
.to-top.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1)
}
/* WhatsApp FAB — all viewports */
.fab-wa{
  bottom:20px;
  width:56px;height:56px;
  border-radius:50%;
  background:var(--wa);
  color:#fff;
  display:flex;
  align-items:center;justify-content:center;
  box-shadow:0 6px 20px rgba(37,211,102,.42), 0 2px 8px rgba(0,0,0,.16);
  text-decoration:none
}
.fab-wa:hover{ transform:translateY(-2px) scale(1.04) }
.fab-wa:active{ transform:scale(.94) }
.fab-wa svg{ width:28px;height:28px }
/* Back-to-top — all viewports, stacked ABOVE the WA FAB */
.to-top{
  bottom:88px; /* sits above WA FAB (56px + 20px + 12px gap) */
  width:46px;height:46px;
  border-radius:50%;
  background:var(--gold);
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 16px rgba(201,167,78,.42), 0 2px 6px rgba(0,0,0,.14)
}
.to-top:hover{ transform:translateY(-2px) scale(1.04); background:var(--gold-d) }
.to-top:active{ transform:scale(.94) }
.to-top svg{ width:20px;height:20px }
@media (prefers-reduced-motion:reduce){
  .fab-wa,
  .to-top{
    transition:opacity .2s
  }
}

/* ── WhatsApp header heartbeat (7.3.6) — subtle pulse every 6s */
@keyframes waPulse{
  0%,90%,100%{ transform:scale(1); box-shadow:0 2px 10px rgba(37,211,102,.28) }
  93%{ transform:scale(1.08); box-shadow:0 4px 18px rgba(37,211,102,.45) }
  96%{ transform:scale(1); box-shadow:0 2px 10px rgba(37,211,102,.28) }
}
.site-header__wa{ animation:waPulse 6s var(--ease) 3s infinite }
.site-header__wa:hover{ animation-play-state:paused }
@media (prefers-reduced-motion:reduce){
  .site-header__wa{ animation:none }
}

/* ── Slider dots — active pill (7.3.8) */
.hs-dot,
.tsl-dot{
  transition:width .3s var(--ease), background .25s var(--ease), transform .25s var(--ease)
}
.hs-dot.active{
  width:26px;
  border-radius:6px;
  transform:none
}
.tsl-dot.active{
  width:24px;
  border-radius:6px;
  transform:none
}

/* ── WA icon rotate in CTAs (7.3.10) */
@media (hover:hover) and (pointer:fine){
  .hiw-cta__btn:hover .hiw-cta__wa{
    transform:scale(1.14) rotate(-8deg)
  }
}
.hiw-cta__btn:active .hiw-cta__wa{
  transform:scale(1.05) rotate(-4deg)
}

/* ── Momentum scroll (M3) — buttery iOS scrolling on carousels */
.tsl-wrap,
.gal-grid,
.nav-drawer,
.pkg-strip{
  -webkit-overflow-scrolling:touch
}

/* ── Card 3D lean (7.3.3) — hover only, desktop pointer */
@media (hover:hover) and (pointer:fine){
  .feat-pkg,
  .adv-item,
  .tsl-card,
  .gal-img,
  .hiw-step,
  .faq2-item,
  .pkg-tl__row,
  .pkg-benefits__item,
  .pkg-strip__item,
  .pkg-related__card,
  .pkg-faq2__item{
    transition:transform .35s var(--ease), box-shadow .35s var(--ease)
  }
  .feat-pkg:hover,
  .adv-item:hover,
  .tsl-card:hover,
  .hiw-step:hover,
  .faq2-item:hover,
  .pkg-benefits__item:hover,
  .pkg-related__card:hover,
  .pkg-faq2__item:hover{
    transform:perspective(1000px) translateY(-6px) rotateX(1.2deg) scale(1.003)
  }
  /* Gallery images and strip: image inside subtly zooms while wrapper lifts */
  .gal-img:hover{ transform:perspective(1000px) translateY(-4px) rotateX(1deg) }
  .pkg-strip__item:hover{ transform:perspective(1000px) translateY(-4px) rotateX(1deg) }
  /* Timeline rows: lean only, no translate (they're wide) */
  .pkg-tl__row:hover{ transform:perspective(1000px) rotateX(.5deg) scale(1.005) }
}

/* ── Card tap feedback (M2) — mobile only, tactile press-and-lift */
@media (hover:none){
  .feat-pkg:active,
  .adv-item:active,
  .tsl-card:active,
  .gal-img:active,
  .hiw-step:active,
  .faq2-item:active,
  .pkg-benefits__item:active,
  .pkg-strip__item:active,
  .pkg-related__card:active,
  .pkg-faq2__item:active{
    transform:scale(.99);
    transition:transform .12s var(--ease)
  }
}

/* ── Link underline (7.3.4) — gold underline slides in from RTL start */
.uf a:not(.btn):not(.uf__logo-link),
.faq2-a a,
.pkg-faq2__a a,
.pkg-story2__text a,
.pkg-warm__text a{
  position:relative;
  transition:color .25s var(--ease)
}
.uf a:not(.btn):not(.uf__logo-link)::after,
.faq2-a a::after,
.pkg-faq2__a a::after,
.pkg-story2__text a::after,
.pkg-warm__text a::after{
  content:'';
  position:absolute;
  right:0;
  bottom:-2px;
  width:0;
  height:1.5px;
  background:var(--gold);
  transition:width .3s var(--ease)
}
@media (hover:hover) and (pointer:fine){
  .uf a:not(.btn):not(.uf__logo-link):hover::after,
  .faq2-a a:hover::after,
  .pkg-faq2__a a:hover::after,
  .pkg-story2__text a:hover::after,
  .pkg-warm__text a:hover::after{ width:100% }
  .uf a:not(.btn):not(.uf__logo-link):hover,
  .faq2-a a:hover,
  .pkg-faq2__a a:hover{ color:var(--gold) }
}

/* ═══════════════════════════════════════════════════════════
   BULLETPROOF: gallery must ALWAYS be visible with explicit
   dimensions — no reliance on aspect-ratio, reveal, or JS.
═══════════════════════════════════════════════════════════ */
.gal-section,
.gal-section.reveal{
  opacity:1 !important;
  transform:none !important;
  display:block !important;
  visibility:visible !important
}
.gal-featured{
  display:block !important;
  width:100% !important
}
.gal-grid{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:12px !important
}
@media (max-width:600px){
  .gal-grid{ grid-template-columns:repeat(2,1fr) !important }
}
.gal-section .gal-img{
  opacity:1 !important;
  transform:none !important;
  display:block !important;
  visibility:visible !important;
  width:100% !important;
  min-height:180px !important;
  background:#EDE8E0 !important;
  border-radius:14px !important;
  overflow:hidden !important
}
.gal-featured .gal-img{
  min-height:280px !important;
  aspect-ratio:16/6
}
@media (max-width:600px){
  .gal-featured .gal-img{ min-height:200px !important; aspect-ratio:16/9 }
  .gal-section .gal-img{ min-height:120px !important }
}
.gal-section .gal-img img{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  height:100% !important;
  min-height:180px !important;
  object-fit:cover !important
}
/* Cancel the Premium Motion Layer clip-path on gallery tiles — same
   safety-net pattern used for .feat-pkg__photo. Without this, the
   .pm-clip class added by the inline PM script keeps the tiles
   clipped to zero height until an IntersectionObserver adds .pm-in
   — which can fail silently on some desktop browsers/loads. */
.gal-section .gal-img,
.gal-section .gal-img.pm-clip{
  clip-path:none !important
}
.gal-section .gal-img.pm-clip img{
  transform:none !important
}

/* ═══════════════════════════════════════════════════════════
   GOOGLE REVIEWS BADGE (.gr-section)
   Compact trust card between testimonials and gallery.
═══════════════════════════════════════════════════════════ */
.gr-section{
  background:var(--cream2);
  padding:64px 24px;
  display:flex;
  justify-content:center
}
.gr-inner{
  width:100%;
  max-width:640px
}
.gr-card{
  background:#fff;
  border-radius:22px;
  border:1px solid var(--border);
  padding:36px 32px 32px;
  box-shadow:0 10px 40px rgba(0,0,0,.08);
  text-align:center;
  position:relative;
  overflow:hidden
}
.gr-card::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:4px;
  background:linear-gradient(90deg, #4285F4 0%, #34A853 33%, #FBBC05 66%, #EA4335 100%)
}
.gr-logo{
  display:block;
  margin:0 auto 14px
}
.gr-rating{
  margin-bottom:16px
}
.gr-stars{
  display:flex;
  justify-content:center;
  gap:2px;
  margin-bottom:6px
}
.gr-score-row{
  display:flex;
  justify-content:center;
  align-items:baseline;
  gap:8px
}
.gr-score{
  font-family:'Heebo',sans-serif;
  font-size:28px;
  font-weight:900;
  color:var(--ink);
  letter-spacing:-.02em
}
.gr-label{
  font-family:'Assistant',sans-serif;
  font-size:13px;
  color:var(--ink-soft);
  font-weight:500
}
.gr-text{
  font-family:'Assistant',sans-serif;
  font-size:15px;
  line-height:1.6;
  color:var(--ink-mid);
  margin:0 auto 22px;
  max-width:400px
}
.gr-featured{
  margin:0 0 22px;
  padding:0;
  border-radius:14px;
  overflow:hidden;
  border:1px solid var(--border);
  box-shadow:0 6px 20px rgba(0,0,0,.08);
  background:#fff;
  max-width:520px;
  margin-inline:auto
}
.gr-featured img{
  display:block;
  width:100%;
  height:auto
}
.gr-ctas{
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap
}
.gr-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 22px;
  border-radius:9999px;
  font-family:'Heebo',sans-serif;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  border:1.5px solid transparent;
  transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease)
}
.gr-btn--primary{
  background:var(--gold);
  color:#fff;
  box-shadow:0 6px 18px rgba(201,167,78,.28)
}
.gr-btn--primary:hover{
  background:var(--gold-d);
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(201,167,78,.36)
}
.gr-btn--secondary{
  background:#fff;
  color:var(--ink);
  border-color:var(--border)
}
.gr-btn--secondary:hover{
  border-color:#4285F4;
  color:#4285F4;
  transform:translateY(-2px)
}

@media(max-width:560px){
  .gr-section{ padding:48px 18px }
  .gr-card{ padding:28px 22px 26px }
  .gr-text{ font-size:14px }
  .gr-ctas{ flex-direction:column; align-items:stretch }
  .gr-btn{ justify-content:center }
}

/* ═══════════════════════════════════════════════════════════
   MILUIM SECTION — ״ממדים לאירועים״
   Reservists-owned business, benefit for those who serve.
═══════════════════════════════════════════════════════════ */
.miluim-section{
  background:var(--cream);
  padding:61px 24px;
  position:relative;
  overflow:hidden;
  text-align:center
}
.miluim-inner{
  max-width:820px;
  margin:0 auto;
  position:relative;
  z-index:1
}
/* Flag ribbon accent at top */
.miluim-flags{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin-bottom:18px
}
.miluim-flag{
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.14));
  border-radius:3px
}

/* Header block */
.miluim-label{
  display:inline-block;
  font-family:'Heebo',sans-serif;
  font-size:11px;
  font-weight:800;
  color:var(--gold-d);
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:14px;
  padding:6px 16px;
  background:var(--gold-pale);
  border-radius:9999px
}
.miluim-title{
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(30px,4.2vw,42px);
  font-weight:900;
  color:var(--ink);
  line-height:1.15;
  margin:0 0 12px;
  letter-spacing:-.01em
}
.miluim-underline{
  width:64px;
  height:3px;
  background:linear-gradient(90deg, #0038B8 0%, #C9A74E 50%, #0038B8 100%);
  border-radius:2px;
  margin:0 auto 26px
}

/* Body row — paragraph on right (RTL start), cert on left (RTL end) */
.miluim-body-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:36px;
  align-items:center;
  text-align:right;
  margin-bottom:32px
}
.miluim-body{
  font-family:'Assistant',sans-serif;
  font-size:17px;
  line-height:1.75;
  color:var(--ink-mid);
  margin:0
}
.miluim-body strong{ color:var(--gold-d); font-weight:700 }

/* Benefit callout */
.miluim-offer{
  display:flex;
  align-items:center;
  gap:20px;
  background:linear-gradient(135deg, #fff 0%, var(--gold-pale) 100%);
  border:1.5px solid rgba(201,167,78,.4);
  border-radius:18px;
  padding:22px 26px;
  margin:0 auto 22px;
  max-width:540px;
  text-align:right;
  box-shadow:0 6px 22px rgba(201,167,78,.14)
}
.miluim-offer__percent{
  flex-shrink:0;
  direction:ltr /* keeps "10%" ordered as 10 then % */
}
.miluim-offer__icon{ color:var(--gold-d); display:block }
.miluim-offer__num{
  font-family:'Heebo',sans-serif;
  font-size:52px;
  font-weight:900;
  color:var(--gold-d);
  line-height:1;
  letter-spacing:-.02em;
  display:inline-block
}
.miluim-offer__text{
  display:flex;
  flex-direction:column;
  gap:4px
}
.miluim-offer__text strong{
  font-family:'Heebo',sans-serif;
  font-size:18px;
  font-weight:800;
  color:var(--ink)
}
.miluim-offer__text span{
  font-family:'Assistant',sans-serif;
  font-size:13px;
  color:var(--ink-mid);
  line-height:1.4
}

/* CTA hint + buttons */
.miluim-cta-hint{
  font-family:'Assistant',sans-serif;
  font-size:14px;
  color:var(--ink-soft);
  margin:0 0 12px
}
.miluim-ctas{
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
  margin-bottom:8px
}
.miluim-cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:13px 24px;
  border-radius:9999px;
  font-family:'Heebo',sans-serif;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
  border:1.5px solid transparent;
  cursor:pointer;
  transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease)
}
.miluim-cta--wa{
  background:var(--wa);
  color:#fff;
  box-shadow:0 6px 20px rgba(37,211,102,.3)
}
.miluim-cta--wa:hover{
  background:#1fba59;
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(37,211,102,.38)
}
.miluim-cta--form{
  background:#fff;
  color:var(--ink);
  border-color:var(--border);
  box-shadow:0 2px 10px rgba(0,0,0,.04)
}
.miluim-cta--form:hover{
  border-color:var(--gold);
  color:var(--gold-d);
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(201,167,78,.18)
}

/* Inline form (revealed by toggle) */
.miluim-form{
  display:flex;
  flex-direction:column;
  gap:12px;
  max-width:440px;
  margin:24px auto 0;
  animation:miluimSlideDown .35s var(--ease)
}
.miluim-form[hidden]{ display:none }
@keyframes miluimSlideDown{
  from{ opacity:0; transform:translateY(-8px) }
  to  { opacity:1; transform:none }
}
.miluim-input{
  width:100%;
  padding:15px 20px;
  border:1.5px solid var(--border);
  border-radius:14px;
  font-family:'Assistant',sans-serif;
  font-size:16px;
  background:#fff;
  color:var(--ink);
  text-align:right;
  outline:none;
  transition:border-color .2s var(--ease), box-shadow .2s var(--ease);
  box-sizing:border-box
}
.miluim-input::placeholder{ color:var(--ink-soft) }
.miluim-input:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 4px rgba(201,167,78,.14)
}
.miluim-submit{
  width:100%;
  padding:16px;
  background:var(--gold);
  color:#fff;
  font-family:'Heebo',sans-serif;
  font-size:16px;
  font-weight:700;
  border:none;
  border-radius:9999px;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(201,167,78,.3);
  transition:transform .16s var(--ease), box-shadow .16s var(--ease), background .16s var(--ease)
}
.miluim-submit:hover:not(:disabled){
  background:var(--gold-d);
  transform:translateY(-2px);
  box-shadow:0 12px 32px rgba(201,167,78,.4)
}
.miluim-submit:disabled{ opacity:.7; cursor:wait }
.miluim-fine{
  text-align:center;
  font-size:12px;
  color:var(--ink-soft);
  margin:2px 0 0
}

/* Success + error */
.miluim-success,
.miluim-error{ margin-top:22px }
.miluim-success[hidden],
.miluim-error[hidden]{ display:none }
.miluim-success{
  text-align:center;
  padding:22px;
  background:var(--gold-pale);
  border-radius:18px;
  border:1.5px solid rgba(201,167,78,.35);
  animation:miluimSlideDown .4s var(--ease)
}
.miluim-success__icon{ margin-bottom:8px }
.miluim-success h3{
  font-family:'Heebo',sans-serif;
  font-size:19px;
  font-weight:800;
  color:var(--ink);
  margin:0 0 8px
}
.miluim-success p{
  font-family:'Assistant',sans-serif;
  font-size:15px;
  color:var(--ink-mid);
  margin:0
}
.miluim-error{
  padding:14px 18px;
  background:#FCEAEA;
  border:1px solid #F5B8B4;
  color:#7A2020;
  border-radius:12px;
  font-family:'Assistant',sans-serif;
  font-size:14px;
  text-align:center
}
.miluim-error p{ margin:0 }

/* CERTIFICATE — integrated inline, small */
.miluim-cert{
  margin:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px
}
.miluim-cert__frame{
  background:#fff;
  padding:8px;
  border-radius:6px;
  box-shadow:0 10px 26px rgba(0,0,0,.15), 0 2px 6px rgba(0,0,0,.06);
  transform:rotate(-2deg);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease);
  width:180px;
  cursor:zoom-in
}
.miluim-cert__frame:hover{
  transform:rotate(0deg) scale(1.05);
  box-shadow:0 18px 40px rgba(0,0,0,.22), 0 4px 10px rgba(0,0,0,.08)
}
.miluim-cert__frame img{
  display:block;
  width:100%;
  height:auto;
  border-radius:3px
}
.miluim-cert__caption{
  font-family:'Assistant',sans-serif;
  font-size:11px;
  color:var(--ink-soft);
  font-style:italic;
  margin:0;
  text-align:center;
  max-width:180px;
  line-height:1.4
}

/* Reservist hint above contact form */
.contact-miluim-hint{
  display:block;
  text-align:center;
  font-family:'Assistant',sans-serif;
  font-size:14px;
  font-weight:600;
  color:var(--gold-d);
  text-decoration:none;
  padding:12px 16px;
  border:1.5px dashed rgba(201,167,78,.5);
  border-radius:12px;
  margin:0 0 22px;
  background:rgba(201,167,78,.06);
  transition:background .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease)
}
.contact-miluim-hint:hover{
  background:var(--gold-pale);
  border-color:var(--gold);
  color:var(--ink)
}

/* Footer badge for reservist status */
.uf__miluim-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  background:rgba(201,167,78,.1);
  border:1px solid rgba(201,167,78,.35);
  border-radius:9999px;
  font-family:'Assistant',sans-serif;
  font-size:12px;
  color:var(--ink-mid);
  text-decoration:none;
  margin-top:14px;
  transition:background .18s var(--ease), border-color .18s var(--ease)
}
.uf__miluim-badge:hover{
  background:var(--gold-pale);
  border-color:var(--gold)
}
.uf__miluim-badge svg{ flex-shrink:0 }
.uf__miluim-badge strong{ color:var(--ink); font-weight:700 }

/* Mobile */
@media(max-width:720px){
  .miluim-section{ padding:52px 20px }
  .miluim-body-row{
    grid-template-columns:1fr;
    gap:22px;
    text-align:center
  }
  .miluim-cert__frame{ width:150px }
  .miluim-cert__caption{ max-width:200px }
  .miluim-title{ font-size:28px }
  .miluim-body{ font-size:15px; line-height:1.65 }
  .miluim-offer{ padding:18px 20px; gap:14px }
  .miluim-offer__icon{ color:var(--gold-d); display:block }
.miluim-offer__num{ font-size:42px }
  .miluim-offer__text strong{ font-size:16px }
  .miluim-offer__text span{ font-size:12px }
  .miluim-ctas{ flex-direction:column; align-items:stretch }
  .miluim-cta{ justify-content:center }
}

/* ═══════════════════════════════════════════════════════════
   PROMO POPUP (.promo-modal) — luxurious gift-card style
   Desktop: centered floating card
   Mobile:  slide-up bottom sheet
═══════════════════════════════════════════════════════════ */
.promo-modal[hidden]{ display:none }
.promo-modal{
  position:fixed;
  inset:0;
  z-index:9998;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  animation:promoFade .35s var(--ease)
}
.promo-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(24,21,18,.62);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  cursor:pointer
}
.promo-modal__panel{
  position:relative;
  z-index:1;
  background:#fff;
  border-radius:24px;
  width:100%;
  max-width:420px;
  padding:0;
  box-shadow:0 30px 80px rgba(24,21,18,.42), 0 0 0 1px rgba(201,167,78,.35);
  animation:promoPop .5s cubic-bezier(.34,1.35,.64,1);
  max-height:94vh;
  overflow:hidden
}
@keyframes promoFade{
  from{ opacity:0 }
  to  { opacity:1 }
}
@keyframes promoPop{
  from{ opacity:0; transform:scale(.9) translateY(24px) }
  to  { opacity:1; transform:none }
}
.promo-modal__close{
  position:absolute;
  top:14px;
  left:14px;
  z-index:5;
  width:36px;
  height:36px;
  border-radius:50%;
  background:rgba(255,255,255,.28);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.4);
  color:#fff;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:background .18s var(--ease), transform .25s var(--ease)
}
.promo-modal__close:hover{
  background:rgba(255,255,255,.55);
  color:var(--ink);
  transform:rotate(90deg)
}

/* CARD 1 — the golden coupon banner */
.promo-card--offer{
  position:relative;
  padding:28px 24px 32px;
  background:
    radial-gradient(ellipse at 20% 0%, rgba(255,255,255,.35) 0%, transparent 55%),
    radial-gradient(ellipse at 100% 100%, rgba(168,134,46,.55) 0%, transparent 55%),
    linear-gradient(135deg, #D9B96A 0%, #C9A74E 45%, #A8862E 100%);
  color:#fff;
  text-align:center;
  overflow:hidden
}
/* subtle diagonal shine overlay */
.promo-card--offer::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(45deg, rgba(255,255,255,.04) 0 2px, transparent 2px 8px);
  pointer-events:none
}
/* Floating sparkle stars */
.promo-sparkles{
  position:absolute;
  inset:0;
  pointer-events:none
}
.promo-sparkles span{
  position:absolute;
  color:#fff;
  opacity:.65;
  font-size:14px;
  animation:promoTwinkle 2.6s ease-in-out infinite
}
.promo-sparkles span:nth-child(1){ top:18px;  right:22px; font-size:16px; animation-delay:0s }
.promo-sparkles span:nth-child(2){ top:56px;  left:36px;  font-size:11px; animation-delay:.7s }
.promo-sparkles span:nth-child(3){ bottom:24px; right:44px; font-size:12px; animation-delay:1.3s }
.promo-sparkles span:nth-child(4){ top:38px;  left:70px;  font-size:9px;  animation-delay:1.9s }
.promo-sparkles span:nth-child(5){ bottom:44px; left:24px; font-size:14px; animation-delay:.4s }
@keyframes promoTwinkle{
  0%,100%{ opacity:.25; transform:scale(.85) }
  50%   { opacity:.85; transform:scale(1.15) }
}
.promo-logo{
  position:relative;
  z-index:2;
  display:block;
  width:64px;
  height:64px;
  margin:0 auto 8px;
  object-fit:contain
}
.promo-badge{
  position:relative;
  z-index:2;
  display:inline-block;
  background:rgba(255,255,255,.22);
  color:#fff;
  font-family:'Heebo',sans-serif;
  font-size:11px;
  font-weight:800;
  letter-spacing:.22em;
  padding:8px 20px;
  border-radius:9999px;
  margin-bottom:16px;
  border:1px solid rgba(255,255,255,.35);
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
  text-transform:uppercase
}
.promo-title{
  position:relative;
  z-index:2;
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(24px,3.8vw,30px);
  font-weight:900;
  color:#fff;
  line-height:1.2;
  margin:0 0 12px;
  letter-spacing:-.01em;
  text-shadow:0 2px 12px rgba(0,0,0,.15)
}
.promo-title span[lang="en"]{
  color:#fff;
  font-weight:900;
  border-bottom:2px solid rgba(255,255,255,.5);
  padding-bottom:2px
}
.promo-lead{
  position:relative;
  z-index:2;
  font-family:'Assistant',sans-serif;
  font-size:15px;
  color:rgba(255,255,255,.94);
  line-height:1.55;
  margin:0;
  max-width:340px;
  margin-inline:auto;
  font-weight:400
}
/* Ticket perforation between banner and form */
.promo-card--offer::after{
  content:"";
  position:absolute;
  bottom:-14px;
  left:0;
  right:0;
  height:28px;
  background:
    radial-gradient(circle at 12px 14px, #fff 8px, transparent 9px) 0 0/24px 28px repeat-x;
  pointer-events:none
}

/* CARD 2 — form (below the golden coupon) */
.promo-card--form{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:26px 24px 22px;
  background:#fff
}
.promo-card--form[hidden]{ display:none }
.promo-input{
  width:100%;
  padding:15px 20px;
  border:1.5px solid var(--border);
  border-radius:14px;
  font-family:'Assistant',sans-serif;
  font-size:16px;
  background:#fff;
  color:var(--ink);
  text-align:right;
  outline:none;
  transition:border-color .2s var(--ease), box-shadow .2s var(--ease);
  box-sizing:border-box
}
.promo-input::placeholder{ color:var(--ink-soft); font-weight:400 }
.promo-input:hover{ border-color:#D8CFB8 }
.promo-input:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 4px rgba(201,167,78,.14)
}
.promo-submit{
  width:100%;
  padding:17px;
  background:var(--gold);
  color:#fff;
  font-family:'Heebo',sans-serif;
  font-size:17px;
  font-weight:700;
  border:none;
  border-radius:9999px;
  cursor:pointer;
  letter-spacing:.02em;
  box-shadow:0 8px 24px rgba(201,167,78,.32);
  transition:transform .16s var(--ease), box-shadow .16s var(--ease), background .16s var(--ease);
  margin-top:4px
}
.promo-submit:hover:not(:disabled){
  background:var(--gold-d);
  transform:translateY(-2px);
  box-shadow:0 12px 32px rgba(201,167,78,.42)
}
.promo-submit:active:not(:disabled){ transform:translateY(0) scale(.99) }
.promo-submit:disabled{ opacity:.7; cursor:wait }
.promo-fine{
  text-align:center;
  font-size:12px;
  color:var(--ink-soft);
  margin:8px 0 0;
  font-family:'Assistant',sans-serif
}

/* Success + error screens */
.promo-success[hidden],
.promo-error[hidden]{ display:none }
.promo-success{
  text-align:center;
  padding:32px 26px 30px;
  background:#fff;
  animation:promoFade .4s var(--ease)
}
.promo-success__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px
}
.promo-success__title{
  font-family:'Heebo',sans-serif;
  font-size:24px;
  font-weight:800;
  color:var(--ink);
  margin:0 0 12px
}
.promo-success__text{
  font-family:'Assistant',sans-serif;
  font-size:15px;
  color:var(--ink-mid);
  line-height:1.65;
  margin:0
}
.promo-success__text span[lang="en"]{ color:var(--gold-d); font-weight:700 }
.promo-error{
  margin:14px 26px 20px;
  padding:14px 18px;
  background:#FCEAEA;
  border:1px solid #F5B8B4;
  color:#7A2020;
  border-radius:12px;
  font-family:'Assistant',sans-serif;
  font-size:14px;
  text-align:center
}
.promo-error p{ margin:0 }

/* Mobile — bottom sheet */
@media(max-width:640px){
  .promo-modal{
    padding:0;
    align-items:flex-end
  }
  .promo-modal__panel{
    max-width:100%;
    border-radius:22px 22px 0 0;
    padding:28px 20px 24px;
    max-height:94vh;
    animation:promoSheet .42s cubic-bezier(.4,1,.6,1);
    border-bottom:none
  }
  @keyframes promoSheet{
    from{ transform:translateY(100%); opacity:.6 }
    to  { transform:translateY(0);    opacity:1 }
  }
  .promo-title{ font-size:24px }
  .promo-lead{ font-size:14px }
  .promo-logo{ width:56px; height:56px; margin-bottom:6px }
  .promo-card--offer{ padding:24px 20px 30px }
  .promo-card--form{ padding:22px 20px 18px }
  .promo-success{ padding:26px 20px }
  .promo-input{ font-size:16px; padding:14px 18px }
  .promo-submit{ padding:16px; font-size:16px }
}

/* ═══════════════════════════════════════════════════════════
   POLICY PAGES (privacy / terms / accessibility)
═══════════════════════════════════════════════════════════ */
.policy-page{
  padding:92px 24px 61px;
  background:var(--cream);
  min-height:70vh
}
.policy-page__wrap{
  max-width:820px;
  margin:0 auto;
  background:#fff;
  border-radius:22px;
  padding:43px 36px;
  box-shadow:0 6px 32px rgba(0,0,0,.06);
  border:1px solid var(--border);
  color:var(--ink-mid);
  font-family:'Assistant',sans-serif;
  font-size:16px;
  line-height:1.8
}
.policy-page__wrap h1{
  font-family:'Noto Serif Hebrew',serif;
  font-size:clamp(28px,4vw,42px);
  font-weight:900;
  color:var(--ink);
  margin:0 0 8px;
  line-height:1.2
}
.policy-page__wrap h2{
  font-family:'Heebo',sans-serif;
  font-size:clamp(19px,2.4vw,24px);
  font-weight:800;
  color:var(--ink);
  margin:44px 0 12px;
  padding-bottom:10px;
  border-bottom:2px solid var(--gold-pale)
}
.policy-page__wrap h2:first-of-type{ margin-top:32px }
.policy-page__wrap p{
  margin:0 0 16px
}
.policy-page__wrap ul,
.policy-page__wrap ol{
  margin:0 0 20px;
  padding-inline-start:24px
}
.policy-page__wrap li{
  margin-bottom:8px
}
.policy-page__wrap strong{
  color:var(--ink);
  font-weight:700
}
.policy-page__wrap a{
  color:var(--gold-d);
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
  transition:color .15s var(--ease)
}
.policy-page__wrap a:hover{
  color:var(--ink);
  text-decoration-thickness:2px
}
.policy-page__wrap code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.9em;
  background:var(--cream2);
  padding:1px 6px;
  border-radius:4px
}
.policy-updated{
  color:var(--ink-soft);
  font-size:14px;
  margin:0 0 32px !important;
  font-style:italic
}
@media (max-width:600px){
  .policy-page{ padding:100px 16px 60px }
  .policy-page__wrap{ padding:32px 24px; border-radius:16px }
  .policy-page__wrap h2{ margin:32px 0 10px }
}

/* Skip-link (a11y) — hidden until focused */
.skip-link{
  position:absolute;
  top:0;
  right:0;
  transform:translateY(-120%);
  z-index:10000;
  background:var(--ink);
  color:#fff;
  padding:12px 20px;
  text-decoration:none;
  font-family:'Heebo',sans-serif;
  font-weight:700;
  border-radius:0 0 0 12px;
  transition:transform .2s var(--ease)
}
.skip-link:focus{
  transform:translateY(0);
  outline:2px solid var(--gold);
  outline-offset:2px
}

/* Screen-reader only (a11y utility) */
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}

/* Noscript fallback — shown only when JavaScript is disabled */
.noscript-fallback{
  padding:14px 20px;
  background:#FCEAEA;
  border-bottom:1px solid #F5B8B4;
  color:#7A2020;
  font-family:'Assistant',sans-serif;
  font-size:14px;
  text-align:center;
  line-height:1.5
}
.noscript-fallback a{ color:#7A2020; font-weight:700 }

/* ═══════════════════════════════════════════════════════════
   UNIFIED FOOTER (.uf) — replaces old .uf/.uf2 rulesets.
   Warm cream, premium. Used on index + all package pages.
═══════════════════════════════════════════════════════════ */
.uf{
  position:relative;
  background:var(--cream2);
  color:var(--ink-mid);
  padding:61px 24px 25px;
  overflow:hidden;
  font-family:'Assistant',sans-serif;
  line-height:1.6;
  border-top:1px solid rgba(201,167,78,.18)
}
/* soft gold glow behind brand column */
.uf__glow{
  position:absolute;
  top:-120px;
  right:-120px;
  width:520px;
  height:520px;
  background:radial-gradient(circle at center, rgba(201,167,78,.14) 0%, rgba(201,167,78,0) 60%);
  pointer-events:none;
  z-index:0
}
.uf__inner{
  position:relative;
  z-index:1;
  max-width:1180px;
  margin:0 auto
}

/* ── grid layout ── */
.uf__top{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:56px;
  align-items:start
}

/* ── brand col ── */
.uf__brand{
  display:flex;
  flex-direction:column;
  gap:18px;
  align-items:center;
  text-align:center
}
.uf__logo-link{
  display:inline-block;
  transition:transform .25s var(--ease);
  width:fit-content
}
.uf__logo-link:hover{ transform:scale(1.04) }
.uf__logo{
  width:118px;
  height:118px;
  object-fit:contain
}
.uf__pitch{
  margin:0;
  font-size:15px;
  font-weight:400;
  color:var(--ink-mid);
  max-width:340px
}
.uf__trust{
  list-style:none;
  padding:0;
  margin:4px 0 0;
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
  font-size:13px;
  color:var(--ink-soft)
}
.uf__trust li{
  display:inline-flex;
  align-items:center;
  gap:6px
}
.uf__trust-num{
  color:#C9A74E;
  font-weight:800;
  font-size:15px;
  font-family:'Heebo',sans-serif
}
.uf__ctas{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:6px
}
.uf__btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 22px;
  border-radius:9999px;
  font-family:'Heebo',sans-serif;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease);
  border:1.5px solid transparent
}
.uf__btn--wa{
  background:#25D366;
  color:#fff;
  box-shadow:0 6px 20px rgba(37,211,102,.28)
}
.uf__btn--wa:hover{
  background:#1fba59;
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(37,211,102,.36)
}
.uf__btn--call{
  background:#fff;
  color:var(--ink);
  border-color:var(--border);
  box-shadow:0 2px 10px rgba(0,0,0,.04)
}
.uf__btn--call:hover{
  border-color:#C9A74E;
  color:#C9A74E;
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(201,167,78,.16)
}

/* ── other cols ── */
.uf__col-title{
  font-family:'Heebo',sans-serif;
  font-size:12px;
  font-weight:700;
  color:#A8862E;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin:0 0 20px
}
.uf__list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:12px
}
.uf__list a{
  display:inline-block;
  color:var(--ink-mid);
  text-decoration:none;
  font-size:15px;
  font-weight:400;
  padding:2px 0;
  border-bottom:1px solid transparent;
  transition:color .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease)
}
.uf__list a:hover{
  color:var(--ink);
  border-bottom-color:#C9A74E;
  transform:translateX(-3px)
}

/* ── socials col ── */
.uf__socials{
  display:flex;
  gap:12px;
  flex-wrap:wrap
}
.uf__soc{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:50%;
  background:#fff;
  color:var(--ink-mid);
  border:1px solid var(--border);
  text-decoration:none;
  transition:transform .2s var(--ease), background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease)
}
.uf__soc:hover{
  background:var(--gold-pale);
  color:var(--gold-d);
  border-color:var(--gold);
  transform:translateY(-3px);
  box-shadow:0 8px 22px rgba(201,167,78,.20)
}
.uf__soc-hint{
  margin:16px 0 0;
  font-size:12px;
  color:var(--ink-soft);
  font-weight:400
}

/* ── divider ── */
.uf__divider{
  margin:56px 0 24px;
  height:1px;
  background:linear-gradient(90deg, transparent 0%, rgba(201,167,78,.45) 30%, rgba(201,167,78,.45) 70%, transparent 100%)
}

/* ── bottom bar ── */
.uf__bottom{
  display:flex;
  flex-direction:column-reverse;
  justify-content:center;
  align-items:center;
  gap:6px;
  font-size:13px;
  color:var(--ink-soft);
  text-align:center
}
.uf__copy{
  font-family:'Assistant',sans-serif
}
.uf__tag{
  font-family:'Noto Serif Hebrew',serif;
  font-size:14px;
  color:var(--gold-d);
  font-weight:600
}
.uf__legal{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
  font-size:12px;
  color:var(--ink-soft);
  margin-top:6px
}
.uf__legal a{
  color:var(--ink-mid);
  text-decoration:none;
  transition:color .15s var(--ease)
}
.uf__legal a:hover{
  color:var(--gold-d);
  text-decoration:underline
}
.uf__legal span{
  color:var(--ink-soft)
}

/* ── responsive ── */
@media (max-width:960px){
  .uf__top{
    grid-template-columns:1fr 1fr;
    gap:40px 32px
  }
  .uf__brand{ grid-column:1 / -1; text-align:center; align-items:center }
  .uf__pitch{ text-align:center }
  .uf__trust{ justify-content:center }
  .uf__ctas{ justify-content:center }
}
@media (max-width:560px){
  .uf{ padding:40px 18px 20px }
  .uf__top{
    grid-template-columns:1fr 1fr;
    gap:28px 24px
  }
  /* brand spans both columns, but compact */
  .uf__brand{
    grid-column:1 / -1;
    align-items:center;
    text-align:center;
    gap:12px
  }
  .uf__logo{ width:110px; height:110px }
  .uf__pitch{ font-size:13px; max-width:280px; margin:0 }
  .uf__trust{
    gap:4px 12px;
    font-size:11px;
    justify-content:center
  }
  .uf__trust-num{ font-size:13px }
  .uf__ctas{ justify-content:center; margin-top:4px; gap:8px }
  .uf__btn{ padding:9px 16px; font-size:13px }

  /* packages + nav side-by-side, centered in their columns */
  .uf__col:not(.uf__brand){ text-align:center }
  .uf__col-title{ font-size:11px; margin-bottom:12px; letter-spacing:.12em }
  .uf__list{ gap:8px; align-items:center }
  .uf__list a{ font-size:13px }
  .uf__list a:hover{ transform:none }

  /* socials centered under the two columns, full row */
  .uf__col:last-child{
    grid-column:1 / -1;
    text-align:center
  }
  .uf__socials{ justify-content:center; gap:10px }
  .uf__soc{ width:38px; height:38px }
  .uf__soc svg{ width:16px; height:16px }
  .uf__soc-hint{ margin-top:10px; font-size:11px }

  .uf__divider{ margin:24px 0 14px }
  .uf__bottom{
    justify-content:center;
    text-align:center;
    flex-direction:column-reverse;
    gap:4px;
    font-size:12px
  }
  .uf__tag{ font-size:13px }
  .uf__glow{ width:280px; height:280px; top:-80px; right:-100px }
}


/* ═══════════════════════════════════════════════════════════════
   HERO DESKTOP — Diagonal Triptych (≥900px)

   Image (right, tilted -3°) + Text (center) + Video (left, tilted +3°).
   Media at natural aspects — image 3:4, video 9:16. Sized to sit inside
   the hero without escaping the frame. Symmetric outward lean gives
   the composition editorial weight without being polaroid-cheesy.

   Mobile untouched. Slider crossfade + counter + progress preserved.
   ═══════════════════════════════════════════════════════════════ */

/* Mobile default */
.hs-slide__still,
.pkg-hero__still,
.hero-frame__cap,
.hs-slide__extra,
.pkg-hero__extra{ display:none }
.hero-frame--still{ display:none }
.hero-frame--video{ display:contents }

@media (min-width:900px){

  .hero-slider{
    background:linear-gradient(180deg, var(--cream) 0%, var(--cream2) 100%);
    position:relative; overflow:hidden;
    min-height:calc(100vh - 64px)
  }
  .hs-track{
    transform:none !important;
    display:block !important;
    position:relative !important;
    width:100% !important; height:100% !important;
    min-height:calc(100vh - 64px)
  }

  .hs-slide,
  .pkg-hero{
    display:grid !important;
    grid-template-columns:1fr 1.1fr 1fr;
    grid-template-rows:1fr;
    grid-template-areas:"still text video";
    align-items:center;
    justify-items:center;
    column-gap:32px;
    padding:56px 64px !important;
    background:linear-gradient(180deg, var(--cream) 0%, var(--cream2) 100%) !important;
    min-height:calc(100vh - 64px) !important;
    max-height:none !important;
    height:calc(100vh - 64px) !important;
    position:relative !important;
    overflow:hidden !important
  }
  .hs-slide{
    position:absolute !important;
    inset:0 !important;
    height:auto !important;
    background:transparent !important;
    opacity:0;
    pointer-events:none;
    transition:opacity 1200ms cubic-bezier(.4,0,.2,1);
    z-index:1
  }
  .hs-slide.is-active{ opacity:1; pointer-events:auto; z-index:2 }

  /* Hide extras on desktop — using original 2-media triptych */
  .hs-slide__extra,
  .pkg-hero__extra,
  .hero-frame__cap{ display:none !important }

  /* Frames pass through — media become direct grid items */
  .hero-frame--still,
  .hero-frame--video{
    display:contents !important
  }
  .hero-frame--still::before,
  .hero-frame--still::after,
  .hero-frame--video::before,
  .hero-frame--video::after{
    display:none !important; content:none !important
  }

  /* STILL IMAGE — visual right in RTL, tilted -3° (outward lean) */
  .hs-slide__still,
  .pkg-hero__still{
    display:block !important;
    grid-area:still !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:70vh !important;
    aspect-ratio:3 / 4 !important;
    position:relative !important;
    inset:auto !important;
    object-fit:cover !important;
    object-position:center !important;
    border-radius:10px !important;
    box-shadow:
      0 30px 60px -18px rgba(60,42,20,.22),
      0 10px 22px -6px rgba(60,42,20,.10) !important;
    -webkit-mask-image:none !important;
            mask-image:none !important;
    transform:rotate(-3deg) !important;
    z-index:2 !important;
    background:transparent !important;
    margin:0 !important;
    transition:transform .55s var(--ease), box-shadow .55s var(--ease)
  }
  .hs-slide__still:hover,
  .pkg-hero__still:hover{
    transform:rotate(-1deg) translateY(-4px) !important;
    box-shadow:
      0 38px 72px -20px rgba(60,42,20,.28),
      0 14px 28px -6px rgba(60,42,20,.14) !important
  }

  /* VIDEO — visual left in RTL, tilted +3° (outward lean) */
  .hs-slide__bg--video,
  .pkg-hero__bg{
    display:block !important;
    grid-area:video !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:70vh !important;
    aspect-ratio:9 / 16 !important;
    position:relative !important;
    inset:auto !important;
    object-fit:cover !important;
    object-position:center !important;
    border-radius:10px !important;
    box-shadow:
      0 30px 60px -18px rgba(60,42,20,.24),
      0 10px 22px -6px rgba(60,42,20,.10) !important;
    -webkit-mask-image:none !important;
            mask-image:none !important;
    transform:rotate(3deg) !important;
    z-index:2 !important;
    background:transparent !important;
    margin:0 !important;
    animation:none !important;
    transition:transform .55s var(--ease), box-shadow .55s var(--ease)
  }
  .hs-slide__bg--video:hover,
  .pkg-hero__bg:hover{
    transform:rotate(1deg) translateY(-4px) !important;
    box-shadow:
      0 38px 72px -20px rgba(60,42,20,.30),
      0 14px 28px -6px rgba(60,42,20,.14) !important
  }

  .hs-slide__overlay,
  .pkg-hero__overlay{ display:none !important }

  /* TEXT — center */
  .hs-text,
  .pkg-hero__text{
    grid-area:text !important;
    position:relative !important;
    inset:auto !important;
    align-self:center !important;
    justify-self:center !important;
    margin:0 !important;
    width:100% !important;
    max-width:none !important;
    padding:0 12px !important;
    background:transparent !important;
    border:none !important;
    -webkit-backdrop-filter:none !important;
            backdrop-filter:none !important;
    box-shadow:none !important;
    text-align:center !important;
    z-index:3
  }
  .hs-text::before, .hs-text::after,
  .pkg-hero__text::before, .pkg-hero__text::after{
    content:none !important; display:none !important
  }

  .hs-eyebrow,
  .pkg-hero__eyebrow{
    display:inline-flex !important;
    justify-content:center !important;
    color:var(--gold) !important;
    font-family:'Noto Serif Hebrew', serif !important;
    font-size:26px !important;
    font-weight:700 !important;
    letter-spacing:.14em !important;
    margin-bottom:22px !important;
    text-shadow:none !important;
    gap:16px !important;
    text-transform:uppercase
  }
  .hs-eyebrow::before, .hs-eyebrow::after,
  .pkg-hero__eyebrow::before, .pkg-hero__eyebrow::after{
    background:linear-gradient(90deg, transparent, rgba(201,167,78,.55)) !important;
    width:34px !important;
    display:inline-block !important;
    height:1px
  }
  .hs-eyebrow::after,
  .pkg-hero__eyebrow::after{
    background:linear-gradient(90deg, rgba(201,167,78,.55), transparent) !important
  }

  .hs-headline,
  .pkg-hero__headline{
    color:#14110E !important;
    font-family:'Noto Serif Hebrew', serif !important;
    font-weight:700 !important;
    font-size:clamp(26px, 2.5vw, 34px) !important;
    line-height:1.12 !important;
    letter-spacing:-.01em !important;
    text-shadow:none !important;
    margin-bottom:18px !important;
    text-align:center !important
  }

  .pkg-hero__sub{
    color:var(--ink-mid) !important;
    font-family:'Assistant', sans-serif !important;
    font-size:14px !important;
    font-weight:400 !important;
    line-height:1.65 !important;
    max-width:340px !important;
    text-align:center !important;
    text-shadow:none !important;
    margin:0 auto 22px !important
  }

  .hs-cta,
  .pkg-hero__cta{
    display:inline-flex !important;
    background:var(--wa) !important;
    color:#fff !important;
    border:none !important;
    padding:12px 24px !important;
    font-size:14px !important;
    font-weight:700 !important;
    box-shadow:0 10px 22px rgba(37,211,102,.28), 0 3px 8px rgba(20,15,8,.10) !important
  }
  .hs-cta:hover,
  .pkg-hero__cta:hover{
    background:#1fba59 !important;
    transform:translateY(-2px)
  }

  .hs-trust{ color:var(--ink-soft) !important; text-align:center !important }
  .scroll-hint{ color:var(--ink) !important; opacity:.5 }
  .scroll-hint:hover{ opacity:.85 }

  /* Slide counter — top-left corner */
  .hs-counter{
    position:absolute; top:32px; left:36px; bottom:auto;
    z-index:10;
    display:inline-flex; align-items:baseline; gap:6px;
    font-family:'Noto Serif Hebrew', serif;
    font-size:14px; letter-spacing:.16em;
    color:var(--ink-soft); direction:ltr;
    font-variant-numeric:tabular-nums;
    pointer-events:none
  }
  .hs-counter__num{
    display:inline-block; color:var(--gold);
    font-weight:600; font-size:22px; line-height:1;
    transition:opacity 300ms cubic-bezier(.65,0,.35,1),
               transform 300ms cubic-bezier(.65,0,.35,1)
  }
  .hs-counter__num.is-leaving{ opacity:0; transform:translateY(-100%) }
  .hs-counter__num.is-fresh{
    animation:hsCounterRoll 400ms cubic-bezier(.65,0,.35,1) 80ms both
  }
  @keyframes hsCounterRoll{
    from{ opacity:0; transform:translateY(100%) }
    to  { opacity:1; transform:translateY(0) }
  }
  .hs-counter__sep{ opacity:.5; margin:0 2px }
  .hs-counter__total{ font-size:14px; opacity:.7 }

  .hs-progress{
    position:absolute; left:0; right:0; bottom:0;
    height:1px; z-index:9;
    pointer-events:none; background:transparent
  }
  .hs-progress__fill{
    height:100%; width:0;
    background:linear-gradient(90deg, transparent, rgba(201,167,78,.5) 20%, var(--gold) 80%, transparent);
    opacity:0
  }
  .hs-progress__fill.is-running{
    animation:hsProgressFill 6500ms linear forwards
  }
  @keyframes hsProgressFill{
    0%   { width:0;    opacity:.95 }
    98%  { width:100%; opacity:.95 }
    100% { width:100%; opacity:0 }
  }
  .pkg-hero .hs-counter,
  .pkg-hero .hs-progress{ display:none }

  /* Entrance — media rise in from outer edges, text fades from below */
  @keyframes triptychStillIn{
    from{ opacity:0; transform:rotate(-3deg) translateX(28px) }
    to  { opacity:1; transform:rotate(-3deg) translateX(0) }
  }
  @keyframes triptychVideoIn{
    from{ opacity:0; transform:rotate(3deg) translateX(-28px) }
    to  { opacity:1; transform:rotate(3deg) translateX(0) }
  }
  @keyframes triptychTextIn{
    from{ opacity:0; transform:translateY(14px) }
    to  { opacity:1; transform:translateY(0) }
  }
  .pkg-hero .pkg-hero__still{ animation:triptychStillIn 1s .1s var(--ease) both }
  .pkg-hero .pkg-hero__bg{ animation:triptychVideoIn 1s .1s var(--ease) both }
  .pkg-hero__text{ animation:triptychTextIn .8s .3s var(--ease) both }

  .hs-slide .hs-slide__still,
  .hs-slide .hs-slide__bg--video{
    opacity:0;
    transition:opacity 1000ms cubic-bezier(0,0,.2,1)
  }
  .hs-slide.is-active .hs-slide__still{ opacity:1; transition-delay:100ms }
  .hs-slide.is-active .hs-slide__bg--video{ opacity:1; transition-delay:200ms }
  .hs-slide .hs-text{
    opacity:0; transform:translateY(10px);
    transition:opacity 700ms cubic-bezier(0,0,.2,1) 300ms,
               transform 700ms cubic-bezier(0,0,.2,1) 300ms
  }
  .hs-slide.is-active .hs-text{ opacity:1; transform:none }

  @media (prefers-reduced-motion:reduce){
    .pkg-hero .pkg-hero__still,
    .pkg-hero .pkg-hero__bg,
    .pkg-hero__text,
    .hs-slide .hs-slide__still,
    .hs-slide .hs-slide__bg--video,
    .hs-slide .hs-text{
      animation:none !important; opacity:1 !important; transform:none !important
    }
    .pkg-hero .pkg-hero__still{ transform:rotate(-3deg) !important }
    .pkg-hero .pkg-hero__bg{ transform:rotate(3deg) !important }
  }
}

/* ═══════════════════════════════════════════════════════════════
   END HERO DESKTOP — Diagonal Triptych
   ═══════════════════════════════════════════════════════════════ */


/* ═══════════ Deja Vu — "try it yourself" scan block ═══════════ */
.dejavu-try{
  display:flex;
  align-items:center;
  gap:24px;
  max-width:640px;
  margin:32px auto 0;
  padding:20px 24px;
  background:var(--white);
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  box-shadow:var(--sh-s);
  text-align:right
}
.dejavu-try--wide{ max-width:760px; margin-top:48px }
.dejavu-try figure{ margin:0; flex-shrink:0; text-align:center }
.dejavu-try__qr img{
  width:104px;height:104px;
  border-radius:12px;display:block;
  border:1px solid var(--border)
}
.dejavu-try__demo img{
  width:84px;height:118px;
  object-fit:cover;border-radius:12px;display:block;
  box-shadow:var(--sh-s)
}
.dejavu-try figcaption{
  font-family:'Noto Sans Hebrew',sans-serif;
  font-size:11px;color:var(--ink-soft);
  margin-top:7px;letter-spacing:.02em
}
.dejavu-try__text{ flex:1 }
.dejavu-try__text strong{
  display:block;
  font-family:'Heebo',sans-serif;
  font-size:18px;font-weight:700;
  color:var(--ink);margin-bottom:6px
}
.dejavu-try__text p{
  font-family:'Assistant',sans-serif;
  font-size:14px;color:var(--ink-mid);
  line-height:1.6;margin:0
}
@media(max-width:600px){
  .dejavu-try{ flex-direction:column; text-align:center; gap:16px; padding:22px 20px }
  .dejavu-try__text{ order:-1 }
  .dejavu-try__qr img{ width:120px;height:120px }
  .dejavu-try__demo img{ width:96px;height:135px }
}

/* ── Deja Vu timeline: magnet photos are portrait — show them whole ── */
.pkg-tl--magnets .pkg-tl__media{
  aspect-ratio:3/4;
  background:linear-gradient(160deg,#faf7f0,#f1ece1)
}
.pkg-tl--magnets .pkg-tl__media img{
  object-fit:contain;
  object-position:center
}
@media(max-width:760px){
  .pkg-tl--magnets .pkg-tl__media{ aspect-ratio:4/5 }
}