/* ==========================================================
   ריקי גנזלר – אתר צילום
   נבנה לפי קובץ העיצוב "אתר שלם" (קנבס 1920px).
   כל המידות בדסקטופ הן מידות העיצוב המדויקות, ומתכווצות
   באופן יחסי עד 1920px:  --u = רוחב המסך / 1920
   ========================================================== */

/* הפונט: שימו את הקבצים בתיקיית fonts/ בשם FBVerstily-Regular.woff2 / .woff / .ttf / .otf */
@font-face{
  font-family:"FB Verstily";
  src:local("FB Verstily"),local("FBVerstily"),local("FB Verstily Regular"),
      url("fonts/FBVerstily-Regular.woff2") format("woff2"),
      url("fonts/FBVerstily-Regular.woff") format("woff"),
      url("fonts/FBVerstily-Regular.ttf") format("truetype"),
      url("fonts/FBVerstily-Regular.otf") format("opentype");
  font-weight:400;font-style:normal;font-display:swap;
}

:root{
  --pink:#EBCDC2;      /* ורוד */
  --blush:#F3DFD6;     /* ורוד בהיר */
  --cream:#F7F2EC;     /* שמנת */
  --tan:#D7B594;       /* כפתורים */
  --tan-hover:#CCA67F;
  --ink:#696158;       /* טקסט */
  --u:calc(min(100vw,1920px) / 1920);
  --k:var(--u);
  --font:"FB Verstily","Heebo","Assistant","Arial Hebrew",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#fff;color:var(--ink);font-family:var(--font);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

/* ---------- קנבס ---------- */
.stage{position:relative;width:calc(1920 * var(--k));height:calc(3650 * var(--k));margin:0 auto;overflow:hidden}
.site-header,main,main>section{display:contents}
.abs{position:absolute;left:calc(var(--x) * var(--k));top:calc(var(--y) * var(--k));width:calc(var(--w) * var(--k));height:calc(var(--h,0) * var(--k))}

/* ---------- טיפוגרפיה ---------- */
.t,.lead,.about-copy,.quote-copy,.h1,.h2{text-align:center}
.ln{display:block;width:max-content;max-width:none;margin-inline:auto;white-space:nowrap}
.lead,.about-copy{font-size:max(calc(16px * var(--fs,1)),calc(25 * var(--k) * var(--fs,1)));line-height:calc(38 * var(--k))}
.h1,.h2{font-size:max(calc(16px * var(--fs,1)),calc(56 * var(--k) * var(--fs,1)));line-height:calc(56 * var(--k));font-weight:400}
.h1 .row{position:absolute;left:0;right:0;top:calc(var(--y) * var(--k))}
.b,.b .ln{font-weight:700}
.navitem{text-align:center;font-size:max(calc(16px * var(--fs,1)),calc(24 * var(--k) * var(--fs,1)));line-height:calc(50 * var(--k))}
.navitem a{display:block;transition:opacity .2s}
.navitem a:hover{opacity:.6}


/* ---------- קרוסלת המלצות ---------- */
.quote-copy{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 calc(120 * var(--k))}
.q-slides{display:grid;width:100%}
.q-slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s;text-align:center;align-self:center}
.q-slide.on{opacity:1;visibility:visible}
.q-text{font-size:max(calc(16px * var(--fs,1)),calc(25 * var(--k) * var(--fs,1)));line-height:calc(38 * var(--k));letter-spacing:.06em}
.q-name{font-size:max(calc(16px * var(--fs,1)),calc(25 * var(--k) * var(--fs,1)));line-height:calc(38 * var(--k));font-weight:700;margin-top:calc(2 * var(--k));letter-spacing:.06em}
.q-dots{position:absolute;bottom:calc(14 * var(--k));left:0;right:0;display:flex;justify-content:center;gap:calc(10 * var(--k))}
.q-dots button{width:calc(10 * var(--k));height:calc(10 * var(--k));min-width:8px;min-height:8px;border-radius:50%;border:1px solid var(--ink);background:transparent;cursor:pointer;padding:0}
.q-dots button[aria-selected="true"]{background:var(--ink)}

/* ---------- רקעים ---------- */
.bg-pill{background:var(--blush);border-radius:calc(19 * var(--k)) calc(19 * var(--k)) 0 0}
.bg-hero,.bg-quote{background:var(--cream)}
.bg-gal,.about-box{background:var(--blush)}
.quote-box,.c-bg{background:var(--pink)}
.hill{overflow:hidden}
.hill path{vector-effect:none}

/* ---------- היירו ---------- */
.arch{border-radius:calc(255.5 * var(--k)) calc(255.5 * var(--k)) 0 0;overflow:hidden;
  outline:calc(3 * var(--k)) solid var(--pink);outline-offset:calc(-1.5 * var(--k))}
.arch img{width:100%;height:100%;object-fit:cover}
.spark{color:var(--pink)}
.spark.cream{color:var(--cream)}
.logo img{width:100%;height:100%}
.circle-text img,img.circle-text,img.v-script,.c-script{width:calc(var(--w) * var(--k));height:calc(var(--h) * var(--k))}
.script-h{line-height:0}
.script-h img{width:100%;height:100%}

/* ---------- כפתורים ---------- */
.btn{display:grid;place-items:center;background:var(--tan);color:var(--ink);border:0;cursor:pointer;
  font-family:var(--font);font-size:max(calc(16px * var(--fs,1)),calc(24 * var(--k) * var(--fs,1)));line-height:1;transition:background .2s}
.btn:hover{background:var(--tan-hover)}
.btn .ln{margin:0}

/* ---------- כרטיסים ---------- */
.card{position:absolute;left:calc(var(--cx) * var(--k));top:calc(var(--cy) * var(--k));width:calc(520 * var(--k));height:calc(470 * var(--k))}
.c-img{object-fit:cover}
.card .btn{z-index:2}
.c-script{z-index:3;object-fit:fill}

/* ---------- טופס ---------- */
.field{display:block}
.field input,.field textarea{width:100%;height:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;
  color:var(--ink);font-family:var(--font);font-size:max(calc(16px * var(--fs,1)),calc(25 * var(--k) * var(--fs,1)));text-align:right;padding:0 calc(10 * var(--k)) calc(7 * var(--k)) 0;
  resize:none;border-radius:0;outline:none;overflow:hidden;line-height:calc(30 * var(--k));padding-top:calc(5 * var(--k))}
.field textarea{padding-top:calc(5 * var(--k))}
.field ::placeholder{color:var(--ink);opacity:1}
.field input:focus,.field textarea:focus{border-bottom-width:2px}
.thanks{display:grid;place-items:center;font-size:max(calc(16px * var(--fs,1)),calc(25 * var(--k) * var(--fs,1)))}
.thanks[hidden]{display:none}

/* ==========================================================
   מובייל וטאבלט
   ========================================================== */
@media (max-width:1279px){
  :root{--k:1px}
  body{background:#fff}
  .stage{width:100%;height:auto;overflow:visible;padding-bottom:48px}
  .abs{position:static;width:auto;height:auto;left:auto;top:auto}
  .bg-hero,.bg-gal,.bg-quote{display:none}
  .spark,.circle-text,.hero-v{display:none}
  .ln{display:inline;width:auto;white-space:normal;margin:0}
  .ln+.ln::before{content:" "}

  .bg-pill{margin:14px 16px 0;height:18px;border-radius:12px 12px 0 0}
  .site-header{display:block;padding:20px 16px 18px}
  .logo{display:block;width:190px;margin:0 auto 14px}
  .logo img{width:100%;height:auto}
  nav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px}
  .navitem{font-size:calc(18px * var(--fs,1));line-height:32px;width:auto;height:auto}

  main>section{display:block;margin:0 12px;position:relative}
  .hero{background:var(--cream);padding:44px 20px 80px;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:30px}
  .hill{position:absolute;left:0;bottom:0;width:100%;height:45%;z-index:0}
  .arch{position:relative;z-index:1;width:min(300px,78%);aspect-ratio:511/552;border-radius:150px 150px 0 0;outline-width:3px;outline-offset:-1.5px}
  .hero-copy{position:relative;z-index:1;width:100%}
  .h1{font-size:calc(40px * var(--fs,1));line-height:1.3;margin-bottom:10px}
  .h1 .row{position:static;display:block}
  .h2{font-size:calc(34px * var(--fs,1));line-height:1.3}
  .lead,.about-copy{font-size:calc(19px * var(--fs,1));line-height:1.75}
  .hero .lead{margin-bottom:22px}
  .btn{display:inline-grid;width:189px;height:45px;font-size:calc(19px * var(--fs,1));margin:0 auto}
  .hero-copy{display:flex;flex-direction:column;align-items:center}

  .gal{background:var(--blush);padding:56px 20px 56px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
  .gal .lead{margin-bottom:14px}

  .about{padding:54px 8px 10px;display:flex;flex-direction:column;align-items:center;gap:16px}
  .about-box{display:none}
  .script-h{width:min(300px,80%)}
  .about-copy{background:var(--blush);padding:22px 20px;width:100%}
  .about .btn{margin-top:4px}
  .about-copy .ln:nth-child(-n+2){display:block}
  .about-copy .ln:nth-child(3)::before{content:none}

  .cards{display:flex;flex-direction:column;align-items:center;gap:20px;padding:50px 0 40px}
  .card{--k:calc(min(100vw - 32px,520px) / 520);position:relative;left:auto;top:auto;width:calc(520 * var(--k));height:calc(470 * var(--k))}
  .card .abs{position:absolute;left:calc(var(--x) * var(--k));top:calc(var(--y) * var(--k));width:calc(var(--w) * var(--k));height:calc(var(--h,0) * var(--k))}
  .card .btn{font-size:max(calc(16px * var(--fs,1)),calc(24 * var(--k) * var(--fs,1)))}
  .card .ln{display:block;width:max-content}

  .quote{background:var(--cream);padding:46px 18px 50px;display:flex;flex-direction:column;align-items:center;gap:0}
  .quote-box{display:none}
  .quote .script-h{order:1;margin-bottom:-6px;align-self:flex-end;width:min(300px,80%)}
  .quote-copy{order:2;background:var(--pink);padding:30px 22px 44px;width:100%;position:relative}
  .q-text,.q-name{font-size:calc(19px * var(--fs,1));line-height:1.75}
  .q-dots{bottom:16px}

  .contact{padding:54px 22px 30px;display:flex;flex-direction:column;align-items:center;gap:26px}
  .contact .h2{font-size:calc(30px * var(--fs,1))}
  .form{width:100%;max-width:560px;display:flex;flex-direction:column;gap:16px}
  .field{height:auto}
  .field input,.field textarea{height:48px;font-size:calc(19px * var(--fs,1));line-height:1.4;padding:8px 8px 6px 0;field-sizing:content;min-height:48px}
  .form .btn{align-self:center;margin-top:12px}
  .thanks{font-size:calc(19px * var(--fs,1));text-align:center;height:auto;padding:14px 0}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ---------- תחתית ---------- */
.foot{display:flex;align-items:center;justify-content:center;text-align:center;font-size:max(calc(16px * var(--fs,1)),calc(20 * var(--k) * var(--fs,1)));letter-spacing:.06em}
.foot a,.gfoot a{text-decoration:none;transition:opacity .2s}
.foot a:hover,.gfoot a:hover{opacity:.6}
.gfoot{text-align:center;font-size:calc(20px * var(--fs,1));letter-spacing:.06em;padding:30px 16px 44px}
@media (max-width:1279px){.foot{position:static;width:auto;height:auto;padding:34px 16px 6px;font-size:calc(16px * var(--fs,1));line-height:1.7}.gfoot{font-size:calc(16px * var(--fs,1));line-height:1.7}}

.card .btn.see{font-size:max(calc(16px * var(--fs,1)),calc(21 * var(--k) * var(--fs,1)))}
@media(max-width:1279px){.card .btn.see{font-size:calc(18px * var(--fs,1))}}

.c-name{margin:0;text-align:center;font-size:max(calc(16px * var(--fs,1)),calc(34 * var(--k) * var(--fs,1)));line-height:calc(44 * var(--k));color:var(--ink);z-index:2}
@media(max-width:1279px){.card{height:calc(535 * var(--k))}.c-name{font-size:max(calc(16px * var(--fs,1)),calc(30 * var(--k) * var(--fs,1)))}}

.fphone{margin:0 0 12px;font-size:1.25em;letter-spacing:.1em}
.fphone a{font-weight:600}
.foot p,.gfoot p{margin:0}
.foot>div{text-align:center}
.c-name{display:flex;align-items:center;justify-content:center;gap:calc(18 * var(--k));font-size:max(calc(16px * var(--fs,1)),calc(30 * var(--k) * var(--fs,1)));font-weight:300;letter-spacing:.16em;color:var(--ink)}
.c-name::before,.c-name::after{content:"";flex:0 0 calc(46 * var(--k));height:1px;background:var(--tan)}
@media(max-width:1279px){.c-name{font-size:max(calc(16px * var(--fs,1)),calc(28 * var(--k) * var(--fs,1)))}}

/* אנימציות עדינות */
@keyframes rg-spin{to{transform:rotate(360deg)}}
@keyframes rg-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
.circle-text{animation:rg-spin 30s linear infinite;transform-origin:50% 50%}
.spark,.gs{animation:rg-pulse 3.8s ease-in-out infinite;transform-origin:50% 50%}
.spark:nth-of-type(2n),.gs.g2{animation-delay:-1.3s}
.spark:nth-of-type(3n){animation-delay:-2.4s}
@media (prefers-reduced-motion:reduce){.circle-text,.spark,.gs{animation:none}}
/* כפתורים: גדילה קלה במעבר עכבר, היפוך צבעים בלחיצה */
.btn,.cta-btn{transition:transform .25s ease,background .2s,color .2s}
html .btn:hover,html .cta-btn:hover{transform:scale(1.06)}
html .btn:active,html .cta-btn:active,html .btn.flip,html .cta-btn.flip{background:var(--ink);color:var(--tan);transform:scale(1.06)}
.flinks{margin:0 0 10px;font-size:1em}
.flinks a{text-decoration:underline;text-underline-offset:4px}

/* שמות קטגוריות: קטנים, דקים, יושבים על הפס הוורוד */
.c-name{font-size:max(calc(16px * var(--fs,1)),calc(21 * var(--k) * var(--fs,1)));line-height:calc(28 * var(--k));font-weight:200;letter-spacing:.12em;gap:calc(12 * var(--k))}
.c-name::before,.c-name::after{flex:0 0 calc(30 * var(--k));background:var(--ink);opacity:.55}
@media(max-width:1279px){.c-name{font-size:max(calc(16px * var(--fs,1)),calc(19 * var(--k) * var(--fs,1)))}}

/* אפקטים עדינים */
@keyframes rg-page{from{opacity:0}to{opacity:1}}
body{animation:rg-page .5s ease both}
.rv{opacity:0;translate:0 16px;transition:opacity .8s ease,translate .8s ease}
.rv.in{opacity:1;translate:0 0}
.navitem a .ln{background:linear-gradient(var(--tan),var(--tan)) no-repeat 50% 100%/0 1px;transition:background-size .3s ease;padding-bottom:3px}
.navitem a:hover .ln{background-size:100% 1px}
html.a-still .rv{opacity:1;translate:none}
@media (prefers-reduced-motion:reduce){body{animation:none}.rv{opacity:1;translate:none}}
.c-name::before,.c-name::after{display:none}
.c-name{font-size:max(calc(16px * var(--fs,1)),calc(27 * var(--k) * var(--fs,1)));font-weight:300}
@media(max-width:1279px){.c-name{font-size:max(calc(16px * var(--fs,1)),calc(23 * var(--k) * var(--fs,1)))}}

.consent{display:flex;align-items:flex-start;gap:8px;font-size:max(calc(16px * var(--fs,1)),calc(15 * var(--k) * var(--fs,1)));line-height:1.35;color:var(--ink);cursor:pointer}
.consent input{flex:0 0 auto;margin-top:.2em;width:1.1em;height:1.1em;accent-color:var(--ink)}
.consent a{text-decoration:underline}
.uform .consent{font-size:calc(16px * var(--fs,1));margin:8px 0}
@media(max-width:1279px){.consent{font-size:calc(16px * var(--fs,1))}}
img{-webkit-user-drag:none;-webkit-touch-callout:none}
.shot img,.c-img,.lb-img,.hero-v,.rimg img{-webkit-user-select:none;user-select:none}
.consent{font-size:max(calc(16px * var(--fs,1)),calc(21 * var(--k) * var(--fs,1)));line-height:1.3}
@media(max-width:1279px){.consent{font-size:calc(16px * var(--fs,1))}}
.logo img,.glogo img{object-fit:contain}

/* ==== טאבלט ונייד: אזור פתיחה כמו במחשב, כפתורים גדולים, פונט מינימום 16 ==== */
@media (max-width:1279px){
  .btn{width:189px;height:45px;font-size:calc(24px * var(--fs,1))}
  .card .btn.see{width:189px;height:45px;font-size:calc(21px * var(--fs,1));left:auto;right:0;top:calc(340 * var(--k))}
  .consent{font-size:calc(16px * var(--fs,1))}
  .flinks,.fphone{font-size:calc(16px * var(--fs,1))}
}

/* טאבלט: טקסט למעלה, תמונה בקשת מתחת על הגל הוורוד, עם הכוכבים והעיגול */
@media (max-width:1279px){
  .hero{--W:calc(100vw - 24px);--aw:calc(var(--W) * .57);--ah:calc(var(--aw) * 1.08);--L:calc(var(--W) * .055);--pb:70px;
    display:flex;flex-direction:column;align-items:center;gap:34px;padding:56px 24px var(--pb);position:relative}
  .hero-copy{order:1;position:relative;z-index:2;width:100%}
  .arch{order:2;position:relative;z-index:1;width:var(--aw);max-width:none;align-self:flex-end;margin:0 0 0 calc(var(--L) - 24px)}
  .h1{font-size:calc(clamp(38px,7vw,80px) * var(--fs,1));letter-spacing:.14em;line-height:1.25}
  .h1 .row:nth-child(2){font-weight:300}
  .hero .lead{font-size:calc(clamp(17px,3vw,32px) * var(--fs,1));letter-spacing:.08em;line-height:1.7;margin-bottom:26px}
  .logo{width:clamp(200px,32vw,320px)}
  .hero .h1 .ln{letter-spacing:.14em!important}
  .hero .lead .ln{letter-spacing:.08em!important}
  .hero>.spark,.hero>.circle-text{display:block;position:absolute;z-index:3;height:auto}
  .hero>.spark:nth-child(3){width:calc(var(--aw) * .2);left:calc(var(--L) + var(--aw) * .87 - var(--aw) * .1);bottom:calc(var(--pb) + var(--ah) * .82 - var(--aw) * .1)}
  .hero>.spark:nth-child(4){width:calc(var(--aw) * .063);left:calc(var(--L) + var(--aw) * .73 - var(--aw) * .03);bottom:calc(var(--pb) + var(--ah) * .71 - var(--aw) * .03)}
  .hero>.spark:nth-child(5){width:calc(var(--aw) * .1);left:calc(var(--L) + var(--aw) * .83 - var(--aw) * .05);bottom:calc(var(--pb) + var(--ah) * .64 - var(--aw) * .05)}
  .hero>.circle-text{width:calc(var(--aw) * .27);left:calc(var(--L) + var(--aw) * 1.05 - var(--aw) * .135);bottom:calc(var(--pb) + var(--ah) * .19 - var(--aw) * .135)}
}
/* תפריט המבורגר (טאבלט ונייד) */
.burger{display:none}
@media (max-width:1279px){
  .site-header,.gh{position:relative}
  .burger{display:grid;place-items:center;position:absolute;right:16px;top:26px;width:52px;height:52px;border:0;background:transparent;cursor:pointer;z-index:60;padding:0}
  .burger span,.burger span::before,.burger span::after{display:block;width:40px;height:5px;border-radius:3px;background:var(--ink);content:"";position:relative;transition:transform .25s,background .25s}
  .burger span::before{position:absolute;top:-13px;left:0}
  .burger span::after{position:absolute;top:13px;left:0}
  .burger[aria-expanded="true"] span{background:transparent}
  .burger[aria-expanded="true"] span::before{transform:translateY(13px) rotate(45deg)}
  .burger[aria-expanded="true"] span::after{transform:translateY(-13px) rotate(-45deg)}
  .site-header nav,.gh nav{display:none}
  .site-header.open nav,.gh.open nav{display:block;position:absolute;left:12px;right:12px;top:100%;z-index:55;background:#fff;border-radius:0 0 18px 18px;box-shadow:0 12px 28px rgba(0,0,0,.14);padding:10px 0 18px}
  .site-header.open nav ul,.gh.open nav ul{flex-direction:column;align-items:center;gap:0}
  .site-header.open .navitem,.gh.open nav li{width:100%;text-align:center}
  .site-header.open .navitem a,.gh.open nav a{display:block;padding:14px 20px;font-size:calc(22px * var(--fs,1));line-height:1.3}
}
/* כפתורים: תמיד בגודל של הדסקטופ (189x45, פונט 24) בכל גודל מסך */
.btn .ln{letter-spacing:.17em!important}
@media (min-width:1280px){
  .abs.btn{width:189px;height:45px;font-size:calc(24px * var(--fs,1));margin-left:calc((var(--w) * var(--k) - 189px) / 2);margin-top:calc((var(--h) * var(--k) - 45px) / 2)}
  .card .btn.see{font-size:calc(21px * var(--fs,1))}
}
.card .btn.see .ln{letter-spacing:.1em!important}
/* טאבלט: הכיתוב האנכי בצד */
@media (max-width:1279px){
  .hero>.hero-v{display:block;position:absolute;z-index:3;right:clamp(4px,3.5vw,40px);width:clamp(28px,7vw,70px);height:auto;bottom:calc(var(--pb) + var(--ah) * .12)}
}
/* הגל הוורוד מעל התמונה (כמו בעיצוב), הכוכבים והעיגול מעל הגל */
.hero>.hill{z-index:2!important}
.hero>.arch{z-index:1!important}
.hero>.spark,.hero>.circle-text,.hero>.hero-v{z-index:4!important}
.hero-copy{z-index:5!important}
/* טאבלט ונייד: אזור הפתיחה ממלא מסך שלם (מתחת לכותרת העליונה) */
@media (max-width:1279px){
  .hero{min-height:calc(100vh - 160px);min-height:calc(100svh - 160px)}
  .hero>.arch{margin-top:auto}
}
@media (min-width:600px) and (max-width:1279px){
  .hero{min-height:calc(100vh - 175px);min-height:calc(100svh - 175px)}
}
/* טאבלט ונייד: "קצת עלי" וההמלצות – שורות קצרות יותר, אותיות גדולות יותר */
@media (max-width:1279px){
  .about-copy{font-size:calc(clamp(21px,3.7vw,36px) * var(--fs,1));line-height:1.75;letter-spacing:.03em;padding:36px clamp(26px,11vw,120px);text-wrap:balance}
  .about-copy .ln{text-wrap:balance}
  .q-text{font-size:calc(clamp(21px,3.7vw,36px) * var(--fs,1));line-height:1.7;letter-spacing:.03em;text-wrap:balance}
  .q-name{font-size:calc(clamp(20px,3.3vw,32px) * var(--fs,1));line-height:1.7;margin-top:10px}
  .quote-copy{padding:40px clamp(26px,11vw,120px) 54px}
  .q-slides{max-width:760px;margin:0 auto}
}
@media (max-width:1279px){.gal .lead{font-size:calc(clamp(21px,3.7vw,36px) * var(--fs,1));line-height:1.7;letter-spacing:.03em;text-wrap:balance;padding:0 clamp(10px,8vw,100px)}}
/* טאבלט ונייד: הגל הוורוד מהעיצוב (מסכה, כך שצבע הוורוד נשלט מהפאנל) – מכסה חלק מהתמונה */
@media (max-width:1279px){
  .hero>.hill{display:none}
  .hero::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:var(--pink);
    -webkit-mask:url("data:image/svg+xml,%3Csvg id=%22Layer_2%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 683.08 835.25%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ebcdc2;%7D.cls-2%7Bclip-path:url(%23clippath);%7D.cls-3%7Bfill:none;%7D%3C/style%3E%3CclipPath id=%22clippath%22%3E%3Crect class=%22cls-3%22 width=%22683.08%22 height=%22835.25%22/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id=%22Layer_1-2%22%3E%3Cg class=%22cls-2%22%3E%3Cpath class=%22cls-1%22 d=%22M825.1,830.37s-115.52-160.02-327.58-155.51c-121.66,2.59-200.79,39.51-261.68,12.63C142.2,646.17,148.84,479.53-.65,479.53v355.46l825.74-4.61Z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat left bottom / 100% auto;mask:url("data:image/svg+xml,%3Csvg id=%22Layer_2%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 683.08 835.25%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ebcdc2;%7D.cls-2%7Bclip-path:url(%23clippath);%7D.cls-3%7Bfill:none;%7D%3C/style%3E%3CclipPath id=%22clippath%22%3E%3Crect class=%22cls-3%22 width=%22683.08%22 height=%22835.25%22/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id=%22Layer_1-2%22%3E%3Cg class=%22cls-2%22%3E%3Cpath class=%22cls-1%22 d=%22M825.1,830.37s-115.52-160.02-327.58-155.51c-121.66,2.59-200.79,39.51-261.68,12.63C142.2,646.17,148.84,479.53-.65,479.53v355.46l825.74-4.61Z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat left bottom / 100% auto}
  /* הכיתוב באנגלית יושב בחציו על הצבע, כמו בדסקטופ */
  .about .script-h,.quote .script-h{--sw:clamp(210px,42vw,340px);width:var(--sw);margin-bottom:calc(var(--sw) * -.15);position:relative;z-index:3}
  .about .script-h{align-self:flex-end;margin-left:clamp(6px,2vw,24px)}
  .quote .script-h{align-self:flex-end;margin-left:clamp(6px,2vw,24px);order:1}
  .about .script-h img,.quote .script-h img{width:100%;height:auto;display:block}
}
@media (max-width:1279px){.about-copy{padding-top:52px}.quote-copy{padding-top:56px}}

/* טלפון: בדיוק לפי העיצוב (Asset_10): קשת גדולה, גל גבוה, כיתוב אנכי גדול */
@media (max-width:599px){
  .logo{width:clamp(120px,31vw,190px);margin-bottom:8px}
  .hero{min-height:calc(100vh - 130px);min-height:calc(100svh - 130px)}
  .burger{top:14px}
  .hero{--aw:calc(var(--W) * .68);--L:calc(var(--W) * .068);--pb:calc((100vh - 130px) * .183);--pb:calc((100svh - 130px) * .183)}
  .hero::before{-webkit-mask:url("data:image/svg+xml,%3Csvg id=%22Layer_2%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 650.58 1164.17%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ebcdc2;%7D.cls-2%7Bclip-path:url(%23clippath-1);%7D.cls-3%7Bclip-path:url(%23clippath);%7D.cls-4%7Bfill:none;%7D%3C/style%3E%3CclipPath id=%22clippath%22%3E%3Crect class=%22cls-4%22 width=%22650.58%22 height=%221164.17%22/%3E%3C/clipPath%3E%3CclipPath id=%22clippath-1%22%3E%3Crect class=%22cls-4%22 x=%22-151.42%22 y=%22-12.41%22 width=%221445.49%22 height=%221178.06%22/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id=%22Layer_1-2%22%3E%3Cg class=%22cls-3%22%3E%3Cg class=%22cls-2%22%3E%3Cpath class=%22cls-1%22 d=%22M1594.59,1158.77s-244.46-225.69-693.21-219.34c-257.46,3.65-424.89,55.72-553.76,17.82-198.14-58.28-184.08-293.32-500.42-293.32v501.35l1747.38-6.51Z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat left bottom / 100% auto;mask:url("data:image/svg+xml,%3Csvg id=%22Layer_2%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 650.58 1164.17%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ebcdc2;%7D.cls-2%7Bclip-path:url(%23clippath-1);%7D.cls-3%7Bclip-path:url(%23clippath);%7D.cls-4%7Bfill:none;%7D%3C/style%3E%3CclipPath id=%22clippath%22%3E%3Crect class=%22cls-4%22 width=%22650.58%22 height=%221164.17%22/%3E%3C/clipPath%3E%3CclipPath id=%22clippath-1%22%3E%3Crect class=%22cls-4%22 x=%22-151.42%22 y=%22-12.41%22 width=%221445.49%22 height=%221178.06%22/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id=%22Layer_1-2%22%3E%3Cg class=%22cls-3%22%3E%3Cg class=%22cls-2%22%3E%3Cpath class=%22cls-1%22 d=%22M1594.59,1158.77s-244.46-225.69-693.21-219.34c-257.46,3.65-424.89,55.72-553.76,17.82-198.14-58.28-184.08-293.32-500.42-293.32v501.35l1747.38-6.51Z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat left bottom / 100% auto}
  .hero>.spark:nth-child(3){width:calc(var(--aw) * .245);left:calc(var(--L) + var(--aw) * .765);bottom:calc(var(--pb) + var(--ah) * .85 - var(--aw) * .1225)}
  .hero>.spark:nth-child(4){width:calc(var(--aw) * .068);left:calc(var(--L) + var(--aw) * .678);bottom:calc(var(--pb) + var(--ah) * .711 - var(--aw) * .034)}
  .hero>.spark:nth-child(5){width:calc(var(--aw) * .118);left:calc(var(--L) + var(--aw) * .775);bottom:calc(var(--pb) + var(--ah) * .61 - var(--aw) * .059)}
  .hero>.circle-text{width:calc(var(--aw) * .36);left:calc(var(--L) + var(--aw) * .85);bottom:calc(var(--pb) + var(--ah) * .347 - var(--aw) * .18)}
  .hero>.hero-v{width:9vw;right:2px;bottom:auto;top:calc((100vh - 130px) * .137);top:calc((100svh - 130px) * .137)}
}
@media (max-width:599px){.hero-copy{padding:0 28px}}
/* טאבלט ונייד: "קצת עלי" – שורות רחבות יותר, ריווח שורות מתון */
@media (max-width:1279px){
  .about-copy{font-size:calc(clamp(20px,3.3vw,32px) * var(--fs,1));line-height:1.55;letter-spacing:.02em;padding:clamp(46px,7vw,64px) clamp(16px,5vw,60px) clamp(28px,4vw,40px);text-wrap:pretty}
  .about-copy .ln{text-wrap:pretty}
  .about{gap:14px}
}
@media (max-width:1279px){
  .q-text{line-height:1.55;text-wrap:pretty}
  .q-name{line-height:1.5;margin-top:8px}
  .quote-copy{padding-left:clamp(16px,5vw,60px);padding-right:clamp(16px,5vw,60px)}
}
/* טלפון: מסך כניסה מעוצב – טקסט צפוף למעלה, קשת על הגל למטה, הכול במסך אחד */
@media (max-width:599px){
  .hero{--pb:calc(var(--W) * .31);gap:0;padding:40px 24px 0;min-height:calc(100vh - 122px);min-height:calc(100svh - 122px)}
  .hero-copy{min-height:0;justify-content:flex-start;padding:0 26px}
  .h1{line-height:1.12;margin-bottom:8px}
  .hero .lead{line-height:1.45;margin-bottom:12px}
  .hero .btn{width:168px;height:42px;font-size:calc(20px * var(--fs,1))}
  .hero>.arch{margin-top:auto;margin-bottom:var(--pb)}
  .hero>.hero-v{top:auto;bottom:calc(var(--pb) + var(--ah) * .06)}
}
/* טאבלט ונייד: כפתור "אני רוצה" בחציו על התיבה הוורודה, בצד שמאל כמו בדסקטופ */
@media (max-width:1279px){
  .about .btn{align-self:flex-end;margin:22px 0 0 calc(-1 * clamp(12px,3.5vw,44px));position:relative;z-index:3}
}
@media (max-width:1279px){.about-copy{padding-bottom:clamp(30px,5vw,44px)}}

/* "הקסם במלואו" – כמו בדסקטופ: ניצוצות ליד הכותרת, שתי שורות, כפתור במרכז, ריווח נדיב */
@media (max-width:1279px){
  .gal{--gt:clamp(38px,6.6vw,56px);position:relative;padding:clamp(70px,13vw,110px) 20px clamp(64px,12vw,100px);gap:0}
  .gal .h2{font-size:calc(var(--gt) * var(--fs,1));line-height:1.2;letter-spacing:.06em;margin-bottom:10px;position:relative;z-index:2}
  .gal>.spark{display:block;position:absolute;height:auto;z-index:1}
  .gal>.spark:nth-child(1){width:clamp(20px,3.4vw,30px);left:calc(50% - var(--gt) * 2.45 - 30px);top:clamp(50px,9.4vw,80px)}
  .gal>.spark:nth-child(2){width:clamp(12px,2vw,17px);left:calc(50% - var(--gt) * 2.45 - 44px);top:clamp(82px,14.6vw,118px)}
  .gal .lead{font-size:calc(clamp(19px,3.3vw,30px) * var(--fs,1));line-height:1.6;letter-spacing:.04em;padding:0;margin-bottom:clamp(26px,5vw,40px);text-wrap:balance}
  .gal .lead .ln{display:inline}
  .gal .lead .ln+.ln::before{content:" "}
}

/* דסקטופ/טאבלט רחב: מסך הכניסה ממלא את כל גובה המסך – הרקע הבז מתארך, וכל האלמנטים יורדים בהתאם */
@media (min-width:1280px){
  .stage{--ex:max(0px,calc(100vh - 1079 * var(--k)));--ex:max(0px,calc(100svh - 1079 * var(--k)));height:calc(3650 * var(--k) + var(--ex))}
  main>section>.abs,main>section>.card,.stage>.bg-gal,.stage>.bg-quote,.stage>.foot{margin-top:var(--ex)}
  .stage>.bg-hero{height:calc(843 * var(--k) + var(--ex))}
}

/* טקסט מסך הכניסה (דסקטופ/טאבלט רחב) – 3 ס"מ למעלה */
@media (min-width:1280px){
  main>section.hero>.hero-copy{margin-top:calc(var(--ex) - 113px)}
}

/* כפתור "אני רוצה": חצי על המלבן הוורוד וחצי מחוצה לו, בולט שמאלה מקצה המלבן */
@media (max-width:1279px){
  .about-copy{padding-bottom:clamp(60px,9vw,72px)}
  .about .btn{margin:calc(-22.5px) 0 0 -12px}
}

/* "הקסם במלואו" – אותה שפה כמו בדסקטופ: אותם יחסים, אותן שורות */
@media (max-width:1279px){
  .gal{--gl:clamp(16px,calc((100vw - 64px) / 20),30px);--gt:calc(var(--gl) * 2.24)}
  .gal .lead{font-size:calc(var(--gl) * var(--fs,1));letter-spacing:.03em;line-height:1.7;text-wrap:nowrap;white-space:nowrap;padding:0;margin-bottom:calc(var(--gl) * 1.7)}
  .gal .lead .ln{display:block}
  .gal .lead .ln+.ln::before{content:none}
  .gal .h2{letter-spacing:.07em;margin-bottom:calc(var(--gl) * .3)}
}
@media (max-width:1279px){.gal .btn{margin-top:-11px}}
@media (min-width:1280px){
  main>section.hero>.hero-copy{margin-top:calc(var(--ex) - 113px)}
}

/* כפתור "אני רוצה": אחרי המלבן הוורוד – כולו מתחתיו, בלי חפיפה, מוזז שמאלה */
@media (max-width:1279px){
  .about-copy{padding-bottom:clamp(30px,5vw,44px)}
  .about .btn{margin:22px 0 0 -12px}
}

/* הכיתוב האנגלי בצד (דסקטופ/טאבלט רחב): גדול יותר ולמעלה */
@media (min-width:1280px){
  main>section.hero>.hero-v{left:calc(1711 * var(--k));width:calc(85 * var(--k));height:calc(595 * var(--k));margin-top:calc(var(--ex) - 130 * var(--k))}
}

/* כפתור "אני רוצה": חזרה לגרסה הקודמת – חצי על המלבן הוורוד וחצי מחוצה לו */
@media (max-width:1279px){
  .about-copy{padding-bottom:clamp(60px,9vw,72px)}
  .about .btn{margin:-22.5px 0 0 -12px}
}
@media (min-width:1280px){
  main>section>.abs.btn{margin-top:calc((var(--h) * var(--k) - 45px) / 2 + var(--ex))}
}

/* פלפון: טקסט "הקסם במלואו" בגודל של "הי אני ריקי", כפתורים קטנים יותר בגודל פונט אחיד 16 */
@media (max-width:599px){
  .gal .lead{font-size:calc(clamp(20px,3.3vw,32px) * var(--fs,1));line-height:1.55;letter-spacing:.02em;white-space:normal;text-wrap:balance;margin-bottom:26px}
  .gal .lead .ln{display:inline}
  .gal .lead .ln+.ln::before{content:" "}
  .btn,.abs.btn,.hero .btn,.card .btn.see,.gal .btn,.about .btn,.form .btn{width:168px!important;height:40px!important;font-size:calc(16px * var(--fs,1))!important}
  .about .btn{margin-top:-46px}
  .gal .btn{margin-top:0}
}

/* פלפון: קטגוריות קריאות יותר; תמונת הכניסה 1 ס"מ למטה; הכיתוב האנגלי הצדי גדול ונמוך יותר */
@media (max-width:599px){
  .c-name{font-size:calc(21px * var(--fs,1))!important;line-height:1.3}
  .hero>.arch{position:relative;top:38px}
  .hero>.spark,.hero>.circle-text{margin-bottom:-38px}
  .hero>.hero-v{width:12vw;top:calc((100vh - 130px) * .39);top:calc((100svh - 130px) * .39)}
}
@media (max-width:599px){.logo{width:clamp(150px,44vw,230px)!important}}
@media (min-width:600px) and (max-width:1279px){.logo{width:clamp(240px,38vw,380px)}}

/* דסקטופ: טופס יצירת קשר ותחתית – ריווח נדיב יותר */
@media (min-width:1280px){
  .stage{height:calc(3650 * var(--k) + var(--ex) + 90 * var(--k))}
  .form>.abs.consent{top:calc(246 * var(--k))}
  .form>.abs.btn{top:calc(322 * var(--k))}
  .form>.abs.thanks{top:calc(322 * var(--k))}
  .stage>.foot{margin-top:calc(var(--ex) + 90 * var(--k))}
  .foot p{margin:0 0 calc(6 * var(--k))}
  .foot .fphone{margin-bottom:calc(14 * var(--k))}
}
@media (max-width:1279px){
  .site-header.open nav,.gh.open nav{left:auto;right:16px;width:min(270px,70vw);border-radius:0 0 16px 16px}
}

/* המלצות (פלפון/טאבלט): מלבן ורוד קטן יותר, הכיתוב האנגלי חצי על הוורוד */
@media (max-width:1279px){
  .quote{padding:46px 28px 44px}
  .quote-copy{width:92%;padding:34px clamp(18px,6vw,60px) 34px}
  .quote .script-h{--sw:clamp(190px,40vw,320px);margin-bottom:calc(var(--sw) * -.075);margin-left:clamp(8px,3vw,28px);margin-right:4%}
}
/* "הקסם במלואו": כותרת וכיתוב נמוכים יותר, קרובים לכפתור */
@media (max-width:1279px){
  .gal{padding-top:clamp(84px,15vw,124px);padding-bottom:clamp(56px,10vw,90px)}
  .gal>.spark:nth-child(1){top:clamp(64px,11.4vw,94px)}
  .gal>.spark:nth-child(2){top:clamp(96px,16.6vw,132px)}
  .gal .lead{margin-bottom:clamp(14px,3vw,24px)!important}
}

/* "הקסם במלואו": כיתוב וכפתור 1 ס"מ למעלה (גובה הרקע נשמר) */
@media (max-width:1279px){
  .gal{padding-top:calc(clamp(84px,15vw,124px) - 38px);padding-bottom:calc(clamp(56px,10vw,90px) + 38px)}
  .gal>.spark:nth-child(1){top:calc(clamp(64px,11.4vw,94px) - 38px)}
  .gal>.spark:nth-child(2){top:calc(clamp(96px,16.6vw,132px) - 38px)}
}
@media (min-width:600px) and (max-width:1279px){
  .gal{--gl:clamp(20px,2.7vw,24px);--gt:clamp(38px,5.2vw,46px)}
}
@media (min-width:600px) and (max-width:1279px){
  .gal .lead{line-height:1.35;white-space:normal;text-wrap:balance;max-width:17em;margin-left:auto;margin-right:auto}
  .gal .lead .ln{display:inline}
  .gal .lead .ln+.ln::before{content:" "}
  .gal .h2{margin-bottom:6px}
}
@media (max-width:599px){
  .gal{padding-top:70px;padding-bottom:70px}
  .gal>.spark:nth-child(1){top:calc(64px - 38px + 24px)}
  .gal>.spark:nth-child(2){top:calc(96px - 38px + 24px)}
}
@media (max-width:599px){.quote .script-h{--sw:clamp(250px,72vw,330px)}}
.mbr{display:none}
@media (max-width:1279px){
  .mbr{display:block}
  .contact{gap:0;padding-top:78px}
  .contact .h2{line-height:1.25;margin-bottom:18px}
}
@media (max-width:599px){
  .contact{padding-top:97px}
  .contact .h2{line-height:1.08;margin-bottom:6px}
}

/* טאבלט – מסך כניסה: הכיתוב האנגלי הצדי גדול וגבוה, שתי שורות בתיאור, הכפתור קרוב לכיתוב */
@media (min-width:600px) and (max-width:1279px){
  .hero>.hero-v{top:13vw;bottom:auto;height:62vw;width:auto;right:clamp(8px,2.4vw,30px)}
  .hero .lead .ln{display:block}
  .hero .lead{margin-bottom:22px}
}

/* טאבלט – דף הבית: שורות ופסקאות צמודות יותר (התמונה נשארת בפרופורציות המקור) */
@media (min-width:600px) and (max-width:1279px){
  .h1{line-height:1.12}
  .hero .lead{line-height:1.4;margin-bottom:18px}
  .hero>.hero-copy{gap:0}
  .about-copy{line-height:1.4}
  .about-copy{padding-top:clamp(40px,6vw,52px);padding-bottom:clamp(54px,8vw,64px)}
  .q-text,.q-name{line-height:1.5}
  .quote-copy{padding-top:clamp(40px,6vw,50px);padding-bottom:clamp(26px,4vw,34px)}
  .gal .lead{line-height:1.3}
  .c-name{line-height:1.2}
}

/* ניצוצות ליד "בואי ניצור יחד" – פלפון וטאבלט */
@media (max-width:1279px){
  .contact{position:relative}
  .contact>.spark{display:block;position:absolute;height:auto;z-index:1}
  .contact>.spark:nth-child(1){width:26px;left:calc(50% - 110px);top:calc(var(--cp) - 16px)}
  .contact>.spark:nth-child(2){width:15px;left:calc(50% - 126px);top:calc(var(--cp) + 12px)}
  .contact{--cp:78px}
}
@media (max-width:599px){.contact{--cp:97px}}

/* "הקסם במלואו": מלבן ורוד קצר יותר (ו"הי אני ריקי" עולה בכ-1.5 ס"מ); כיתוב אנגלי בהמלצות גדול יותר */
@media (min-width:600px) and (max-width:1279px){
  .gal{padding-top:64px;padding-bottom:71px}
  .gal>.spark:nth-child(1){top:calc(clamp(64px,11.4vw,94px) - 38px - 13px)}
  .gal>.spark:nth-child(2){top:calc(clamp(96px,16.6vw,132px) - 38px - 13px)}
  .quote .script-h{--sw:clamp(300px,54vw,460px)}
}
@media (max-width:599px){
  .gal{padding-top:40px;padding-bottom:40px}
  .gal>.spark:nth-child(1){top:calc(64px - 38px + 24px - 30px)}
  .gal>.spark:nth-child(2){top:calc(96px - 38px + 24px - 30px)}
  .quote .script-h{--sw:clamp(290px,84vw,340px)}
}

/* פלפון – מסך כניסה: כיתוב 2 ס"מ למטה, האנגלית הצדית 3 ס"מ למעלה, העיגול למטה */
@media (max-width:599px){
  .hero{padding-top:calc(40px + 76px)}
  .hero>.hero-v{top:calc((100vh - 130px) * .39 - 113px);top:calc((100svh - 130px) * .39 - 113px)}
  .hero>.circle-text{margin-bottom:-68px}
}

/* כוכבים: עולים ויורדים בעדינות (בנוסף להבהוב) בכל המקומות */
@keyframes rg-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
.spark,.gs{animation:rg-pulse 3.8s ease-in-out infinite,rg-float 5.2s ease-in-out infinite}
.spark:nth-of-type(2n),.gs.g2{animation-delay:-1.3s,-2.2s}
.spark:nth-of-type(3n){animation-delay:-2.4s,-3.6s}
@media (prefers-reduced-motion:reduce){.circle-text,.spark,.gs{animation:none!important}}
@media (max-width:599px){
  .hero>.arch{top:18px}
  .hero>.spark{margin-bottom:-18px}
  .hero>.circle-text{margin-bottom:-48px}
}

/* פלפון: תפריט המבורגר בגובה הלוגו; כיתוב וכפתור 1.5 ס"מ למעלה; העיגול האנגלי בתמונה הוסר */
@media (max-width:599px){
  .burger{top:26px!important}
  .hero{padding-top:calc(40px + 76px - 57px)}
  .hero>.circle-text{display:none!important}
}

/* טאבלט – מסך כניסה: הגל נמוך יותר, כך שהתמונה נראית כמו בדסקטופ (הילדה והקוביות גלויות), בלי עיוות */
@media (min-width:600px) and (max-width:1279px){
  .hero::before{-webkit-mask-position:left calc(100% + 80px);mask-position:left calc(100% + 80px)}
}
@media (min-width:600px) and (max-width:1279px){
  .hero>.arch{position:relative;top:57px}
  .hero>.spark,.hero>.circle-text{margin-bottom:-57px}
}
@media (min-width:600px) and (max-width:1279px){
  .hero::before{-webkit-mask-position:left calc(100% + 137px);mask-position:left calc(100% + 137px)}
}

/* טאבלט: פסקאות צרות יותר, ממורכזות באמצע המלבן */
@media (min-width:600px) and (max-width:1279px){
  .about-copy{padding-left:clamp(60px,14vw,150px);padding-right:clamp(60px,14vw,150px)}
  .quote-copy{padding-left:clamp(60px,14vw,150px);padding-right:clamp(60px,14vw,150px)}
}
@media (min-width:600px) and (max-width:1279px){.about-copy,.about-copy .ln{text-wrap:balance}}
@media (min-width:600px) and (max-width:1279px){
  .hero{padding-bottom:calc(80px + 57px)}
  .hero::before{-webkit-mask-position:left calc(100% + 80px);mask-position:left calc(100% + 80px)}
}
@media (min-width:600px) and (max-width:1279px){
  .hero::before{-webkit-mask-position:left calc(100% + 58px);mask-position:left calc(100% + 58px)}
}
@media (min-width:600px) and (max-width:1279px){
  .hero .h1{line-height:1.05;margin-bottom:-8px}
  .hero .lead{margin-bottom:8px!important}
}
@media (min-width:600px) and (max-width:1279px){
  .hero .h1{margin-bottom:2px}
  .hero .lead{margin-bottom:12px!important}
}
/* טאבלט – כמו בדוגמה: הגל הוורוד מכסה את החלק התחתון של התמונה */
@media (min-width:600px) and (max-width:1279px){
  .hero{background:linear-gradient(to top,var(--pink) 30px,var(--cream) 30px)}
  .hero::before{-webkit-mask-position:left calc(100% - 13px);mask-position:left calc(100% - 13px)}
}
@media (min-width:600px) and (max-width:1279px){
  .hero .btn{font-size:calc(16px * var(--fs,1))!important}
}
@media (min-width:600px) and (max-width:1279px){
  .hero .btn{font-size:calc(19px * var(--fs,1))!important}
}
/* תמונת הכניסה (טאבלט/פלפון): קשת חצי-עגולה כמו בקובץ המקור, עם קו ורוד מסביב */
@media (max-width:1279px){
  .hero>.arch{border-radius:calc(var(--aw) / 2) calc(var(--aw) / 2) 0 0;outline:4px solid var(--pink);outline-offset:-2px}
}

/* כל הכפתורים באתר – כיתוב 19, בכל סוגי המסך */
.btn,.btn .ln,.abs.btn,.card .btn.see,.card .btn.see .ln,.hero .btn,.gal .btn,.about .btn,.form .btn,.form button.btn{font-size:calc(19px * var(--fs,1))!important}

/* טאבלט: הכוכב הוורוד חצי על התמונה וחצי מחוץ לה; העיגול האנגלי חצי על הלבן ולמעלה יותר */
@media (min-width:600px) and (max-width:1279px){
  .hero>.spark:nth-child(3){left:calc(var(--L) + var(--aw) * .8775)}
  .hero>.circle-text{left:calc(var(--L) + var(--aw) * .82);bottom:calc(var(--pb) + var(--ah) * .5 - var(--aw) * .18)}
}
/* העיגול האנגלי במסך הכניסה – רק בדסקטופ */
@media (max-width:1279px){.hero>.circle-text{display:none!important}}
@media (min-width:600px) and (max-width:1279px){
  .hero .h1{font-size:calc(clamp(36px,6.4vw,74px) * var(--fs,1))}
  .hero{padding-top:calc(44px + 19px)}
}
@media (min-width:600px) and (max-width:1279px){
  .hero{padding-top:calc(44px + 28px)}
}
@media (max-width:599px){
  .hero .h1{font-size:calc(34px * var(--fs,1))}
  .hero{padding-top:calc(40px + 76px - 57px + 19px + 5px)}
}

/* ===== הנפשות עדינות ===== */
@keyframes rg-up{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes rg-arch{from{opacity:0;scale:.96}to{opacity:1;scale:1}}
@keyframes rg-write-x{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes rg-write-y{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
/* מסך הכניסה: הכיתוב עולה שורה אחרי שורה, התמונה נפתחת בעדינות */
/* כתב יד: הכיתוב האנגלי "נכתב" כשהוא מופיע בגלילה */
.script-h.in img,.script-h.in{animation:none}
.script-h.in img{animation:rg-write-x 1.9s .15s both ease-in-out}
/* ניצוצות קטנים על הכפתור במעבר עכבר */
.btn::before,.btn::after,.cta-btn::before,.cta-btn::after{content:"";position:absolute;width:14px;height:14px;opacity:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='white' d='M50 0C54 30 70 46 100 50C70 54 54 70 50 100C46 70 30 54 0 50C30 46 46 30 50 0Z'/%3E%3C/svg%3E") center/contain no-repeat;transition:opacity .35s ease,translate .7s ease}
.btn::before,.cta-btn::before{top:-7px;left:14px;translate:0 8px}
.btn::after,.cta-btn::after{bottom:-6px;right:16px;width:10px;height:10px;translate:0 -8px}
.btn:hover::before,.btn:focus-visible::before,.cta-btn:hover::before{opacity:.95;translate:0 -2px}
.btn:hover::after,.btn:focus-visible::after,.cta-btn:hover::after{opacity:.85;translate:0 3px}
@media (prefers-reduced-motion:reduce){
  .hero .h1,.hero .lead,.hero .btn,.hero .arch,.hero-v,.script-h.in img{animation:none!important}
  .btn::before,.btn::after,.cta-btn::before,.cta-btn::after{display:none}
}
html.a-still .hero .h1,html.a-still .hero .lead,html.a-still .hero .btn,html.a-still .hero .arch,html.a-still .hero-v,html.a-still .script-h.in img{animation:none!important}
html.a-still .btn::before,html.a-still .btn::after{display:none}

/* ===== עוד הנפשות עדינות ===== */
/* תמונת הכניסה והכיתוב האנגלי הצדי זזים טיפה לאט יותר מהגלילה (פרלקסה עדינה) */
.hero .arch,.hero-v{translate:0 calc(var(--py,0) * -1px)}
.hero-v{translate:0 calc(var(--py,0) * .5px)}
/* הכרטיסים נחשפים אחד אחרי השני */
.cards .card:nth-child(2) .rv{transition-delay:.12s}
.cards .card:nth-child(3) .rv{transition-delay:.24s}
/* תמונת הקטגוריה מתרוממת טיפה במעבר עכבר */
.card .c-img{transition:translate .6s ease,opacity .8s ease}
@media (hover:hover){.card:hover .c-img{translate:0 -6px}}
/* קו עדין שנמתח מתחת לפריט בתפריט */
@media (min-width:1280px){
  .navitem a .ln{position:relative}
  .navitem a .ln::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:50% 50%;transition:transform .45s ease}
  .navitem a:hover .ln::after,.navitem a:focus-visible .ln::after{transform:scaleX(1)}
}
/* שדות הטופס: קו תחתון שמתמלא בעדינות בפוקוס */
.field:not(.abs){position:relative}
.field::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tan);transform:scaleX(0);transform-origin:100% 50%;transition:transform .5s ease;pointer-events:none}
.field:focus-within::after{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){.hero .arch,.hero-v{translate:none!important}.field::after,.navitem a .ln::after{transition:none}}
html.a-still .hero .arch,html.a-still .hero-v{translate:none!important}

/* ===== אנימציות (עדינות אך ברורות; בלי הזזת פריסה) ===== */
@keyframes rg-spark{0%,100%{translate:0 -9px}50%{translate:0 9px}}
.spark,.gs{animation:rg-spark 4s ease-in-out infinite!important}
.spark:nth-of-type(2n),.gs.g2{animation-delay:-1.4s!important;animation-duration:4.8s!important}
.spark:nth-of-type(3n){animation-delay:-2.6s!important;animation-duration:3.4s!important}
.circle-text{animation:rg-spin 24s linear infinite!important}
.rv{translate:0 28px;transition:opacity 1.1s ease,translate 1.1s cubic-bezier(.2,.7,.2,1)}
.rv.in{translate:0 0}
.card:hover .c-img{translate:0 -8px}
@keyframes rg-shine{0%,70%{background-position:130% 0}100%{background-position:-30% 0}}
.btn,.cta-btn{background-image:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.38) 50%,transparent 62%);background-size:260% 100%;background-repeat:no-repeat;background-position:130% 0;animation:rg-shine 5.5s ease-in-out infinite}
html .btn:hover,html .cta-btn:hover,html .btn:active,html .cta-btn:active,html .btn.flip,html .cta-btn.flip{transform:none;scale:none;box-shadow:0 10px 20px -10px rgba(105,97,88,.6)}
html .btn.flip,html .cta-btn.flip,html .btn:active,html .cta-btn:active{background-color:var(--tan-hover);color:var(--ink)}
.btn,.cta-btn{transition:background-color .25s ease,box-shadow .35s ease}
.btn:not(.abs){position:relative}
@media(max-width:1279px){.abs.btn:not(.see){position:relative}}
@media (prefers-reduced-motion:reduce){.spark,.gs,.circle-text,.btn,.cta-btn{animation:none!important}.rv{translate:none;transition:none}.btn::before,.btn::after,.cta-btn::before,.cta-btn::after{display:none}}
html.a-still .spark,html.a-still .gs,html.a-still .circle-text,html.a-still .btn,html.a-still .cta-btn{animation:none!important}

/* ===== כניסה של הריבועים וכתיבת האותיות ===== */
@keyframes rg-write-up{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
.card .c-bg.rv{translate:-36px 36px;transition:opacity 1s ease,translate 1.1s cubic-bezier(.2,.7,.2,1)}
.card .c-bg.rv.in{translate:0 0}
.card .c-img.rv{scale:.93;transition:opacity 1s ease,scale 1.1s cubic-bezier(.2,.7,.2,1),translate .6s ease}
.card .c-img.rv.in{scale:1}
.card:not(:hover) .c-img.rv.in{transition-delay:.25s}
.c-script.rv.in{animation:rg-write-up 2.6s ease-in-out .5s both}
.hero-v{animation:rg-write-y 2.8s ease-in-out .6s both}
@media (prefers-reduced-motion:reduce){.c-script.rv.in,.hero-v{animation:none!important}.card .c-bg.rv,.card .c-img.rv{translate:none;scale:none}}
html.a-still .c-script.rv.in,html.a-still .hero-v{animation:none!important}

/* ===== פופאפ מבצע ===== */
.promo{position:fixed;inset:0;z-index:9500;background:rgba(61,56,51,.45);display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .25s}
.promo.on{opacity:1}
.promo-box{position:relative;background:var(--blush);width:min(520px,100%);padding:56px 34px 40px;text-align:center;box-shadow:-18px 18px 0 var(--pink);display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--font);color:var(--ink);transform:translateY(12px);transition:transform .25s}
.promo.on .promo-box{transform:none}
.promo-script{position:absolute;top:0;left:50%;width:300px;max-width:72%;transform:translate(-50%,-55%)}
.promo-x{position:absolute;top:10px;right:12px;width:38px;height:38px;border:0;background:transparent;color:var(--ink);font-size:30px;line-height:1;cursor:pointer}
.promo-x:hover{opacity:.6}
.promo-en{font-size:calc(16px * var(--fs,1));letter-spacing:.2em;opacity:.7;direction:ltr}
.promo-h{font-size:calc(34px * var(--fs,1));font-weight:700;line-height:1.15;margin:0}
.promo-text{font-size:calc(22px * var(--fs,1));line-height:1.4;margin:4px 0 0}
.promo-price{font-size:calc(48px * var(--fs,1));line-height:1.1;margin:2px 0}
.promo-small{font-size:calc(16px * var(--fs,1));line-height:1.5;opacity:.85;max-width:360px}
.promo-btn{display:grid;place-items:center;width:189px;height:45px;background:var(--tan);color:var(--ink);margin-top:12px;font-size:calc(19px * var(--fs,1))!important}
.promo-btn:hover{background:var(--tan-hover)}
@media(max-width:600px){.promo-box{padding:48px 20px 30px;box-shadow:-10px 10px 0 var(--pink)}.promo-h{font-size:calc(27px * var(--fs,1))}.promo-text{font-size:calc(19px * var(--fs,1))}.promo-price{font-size:calc(40px * var(--fs,1))}}
@media (prefers-reduced-motion:reduce){.promo,.promo-box{transition:none}}

/* פופאפ בעיצוב של "הי אני ריקי" */
.promo-box{box-shadow:none;width:min(600px,100%);padding:62px 40px 82px;overflow:visible}
.promo-script{left:28px;width:330px;max-width:62%;transform:translateY(-50%)}
.promo-x{top:8px;right:10px}
.promo-x:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.promo-x:focus:not(:focus-visible){outline:none}
.promo-btn{position:absolute;left:-40px;bottom:18px;margin:0}
@media(max-width:700px){
  .promo-box{padding:54px 22px 30px}
  .promo-script{left:16px;max-width:70%}
  .promo-btn{position:static;margin-top:12px}
}
.promo{background:rgba(247,242,236,.86)}
.promo-box{box-shadow:0 18px 50px rgba(105,97,88,.18)}
.promo-box:focus{outline:none}

/* מסך כניסה: כפתור קצת קטן יותר */
.hero .btn{width:170px!important;height:40px!important}
@media(min-width:1280px){.hero .abs.btn{margin-left:calc((var(--w) * var(--k) - 170px) / 2)!important;margin-top:calc((var(--h) * var(--k) - 40px) / 2)!important}}
@media(max-width:599px){.hero .btn{width:152px!important;height:38px!important}}

/* ריבועי הגלריות בדף הבית: קטנים יותר בטאבלט ובטלפון */
@media(max-width:1279px){.cards .card{--k:calc(min(100vw - 32px,440px) / 520)}}
@media(max-width:599px){.cards .card{--k:calc(min(100vw - 64px,310px) / 520)}}

/* המלצות – גודל אותיות קטן יותר בטלפון/טאבלט */
@media (max-width:1279px){.q-text{font-size:calc(clamp(17px,2.6vw,26px) * var(--fs,1))!important;line-height:1.65!important;letter-spacing:.02em!important}.q-name{font-size:calc(clamp(16px,2.4vw,24px) * var(--fs,1))!important}}
@media (max-width:599px){.q-text{font-size:calc(16px * var(--fs,1))!important;line-height:1.6!important}.q-name{font-size:calc(15px * var(--fs,1))!important}}

/* היירו: התמונה יורדת ועולה טיפה, והורוד זז במעבר עכבר */
@keyframes rg-bob{0%,100%{translate:0 -7px}50%{translate:0 7px}}
.hero>.arch img{scale:1.08;animation:rg-bob 6s ease-in-out infinite}
.hero .hill{transition:translate .9s cubic-bezier(.2,.7,.2,1)}
.hero:hover .hill{translate:0 -14px}
.hero>.arch:hover~.hill,.hero .hill:hover{translate:0 -14px}
@media (prefers-reduced-motion:reduce){.hero>.arch img{animation:none;scale:1}.hero .hill{transition:none}}
html.a-still .hero>.arch img{animation:none;scale:1}

/* כתב היד באנגלית: ריחוף עדין מאוד למעלה ולמטה */
@keyframes rg-float{0%,100%{translate:0 -8px}50%{translate:0 8px}}
.script-h.in img{animation:rg-write-x 1.9s .15s both ease-in-out,rg-float 5s 2s ease-in-out infinite}
.c-script.rv.in{animation:rg-write-up 2.6s ease-in-out .5s both,rg-float 5s 3s ease-in-out infinite}
.hero-v{animation:rg-write-y 2.8s ease-in-out .6s both,rg-float 5s 3.5s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.c-script.rv.in{animation:none}}
html.a-still .c-script.rv.in{animation:none}