/* קונפטי · עיצוב משותף לכל האתר
   מראה "מדבקה": קו כחול עבה + צל קשיח, כמו הקווים של מיסטר ריבה */
html,body{background:#fff7ea;color:#0f2147}
:root{
  --turq:#54b5c5; --turq-d:#2f8fa0; --turq-l:#bfe6ec;
  --navy:#0f2147; --navy-2:#1a3263;
  --rasp:#b13362; --rasp-d:#8f2850;
  --gold:#de9c2b; --gold-l:#edcd91;
  --cream:#fff7ea; --white:#fff;
  --muted:#4a5878;
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-q:cubic-bezier(.22,1,.36,1);
  --font-d:'Fredoka','Rubik',system-ui,sans-serif;
  --font-b:'Rubik','Segoe UI',Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{direction:rtl;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-b);font-size:18px;line-height:1.6;overflow-x:clip;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
::selection{background:rgba(177,51,98,.25)}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--font-d);font-weight:600;margin:0;line-height:1.05;letter-spacing:-.01em;text-wrap:balance}
p{margin:0}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.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}
.wrap{max-width:1200px;margin:0 auto;padding-inline:max(20px,env(safe-area-inset-left))}

/* ---------- סרגל עליון ---------- */
.bsd{position:absolute;top:10px;left:18px;font-size:13px;font-weight:700;opacity:.75;z-index:30}
.nav{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:22px}
.nav__logo{display:inline-flex;align-items:center;background:var(--white);border:3px solid var(--navy);border-radius:999px;
  padding:6px 18px;box-shadow:4px 4px 0 var(--navy)}
.nav__logo img{height:30px;width:auto}
.nav__links{display:flex;align-items:center;gap:6px;background:var(--white);border:3px solid var(--navy);border-radius:999px;padding:5px;box-shadow:4px 4px 0 var(--navy)}
.nav__links a{text-decoration:none;font-size:15px;font-weight:700;padding:8px 16px;border-radius:999px;transition:background .2s,color .2s}
.nav__links a:hover{background:var(--turq-l)}
.nav__links a[aria-current="page"]{background:var(--navy);color:var(--white)}
.nav__cta{font-size:15px!important}
@media (max-width:820px){.nav__links a:not(.nav__cta){display:none}.nav__links{padding:4px}}

/* ---------- כפתורים ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer;
  font-family:var(--font-b);font-weight:800;font-size:17px;line-height:1;white-space:nowrap;
  padding:16px 28px;border-radius:999px;border:3px solid var(--navy);
  background:var(--rasp);color:var(--white);box-shadow:4px 4px 0 var(--navy);
  transition:transform .15s var(--ease-q),box-shadow .15s var(--ease-q),background .2s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--navy);background:var(--rasp-d)}
.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--navy)}
.btn--ghost{background:var(--white);color:var(--navy)}
.btn--ghost:hover{background:var(--gold-l)}
.btn--gold{background:var(--gold);color:var(--navy)}
.btn--gold:hover{background:#efb24a}
.btn .arr{display:inline-block;transition:transform .2s var(--ease-q)}
.btn:hover .arr{transform:translateX(-4px)}
.nav__links .btn{padding:10px 18px;box-shadow:none;border-width:0}
.nav__links .btn:hover{transform:none;box-shadow:none}

/* ---------- חומר: מדבקה ---------- */
.stk{background:var(--white);border:3px solid var(--navy);border-radius:28px;box-shadow:6px 6px 0 var(--navy)}
.tag{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:800;letter-spacing:.02em;
  background:var(--white);color:var(--navy);border:2.5px solid var(--navy);border-radius:999px;padding:6px 14px}
.tag i{width:8px;height:8px;border-radius:50%;background:var(--rasp);display:inline-block}
.kicker{font-size:14px;font-weight:800;letter-spacing:.12em;color:var(--rasp)}

/* ---------- בועת דיבור של מיסטר ריבה ---------- */
.bubble{position:relative;background:var(--white);border:3px solid var(--navy);border-radius:22px;padding:14px 18px;
  font-family:var(--font-d);font-size:18px;line-height:1.3;box-shadow:4px 4px 0 var(--navy);max-width:260px}
.bubble::after{content:"";position:absolute;bottom:-14px;left:38px;width:22px;height:22px;background:var(--white);
  border-left:3px solid var(--navy);border-bottom:3px solid var(--navy);transform:rotate(-45deg) skew(10deg,10deg)}

/* ---------- סופגנייה מורכבת משכבות ---------- */
.dn{position:relative;aspect-ratio:1}
.dn img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.dn img+img{inset:2.5%;width:95%;height:95%}

/* ---------- קיר סופגניות ---------- */
.wall{position:absolute;inset:-10% -5%;display:grid;grid-template-columns:repeat(var(--cols,9),1fr);gap:6px;
  align-content:start;pointer-events:none;animation:wall-drift 60s linear infinite}
.wall .dn{transform:rotate(var(--r,0deg))}
@keyframes wall-drift{from{transform:translateY(0)}to{transform:translateY(9%)}}

/* ---------- סקשנים ---------- */
section{position:relative}
.sec{padding-block:clamp(80px,10vw,140px)}
.head{display:grid;gap:14px;margin-bottom:clamp(36px,5vw,60px);max-width:44rem}
.head h2{font-size:clamp(36px,5.2vw,64px)}
.head p{color:var(--muted);font-size:19px;max-width:38rem}
.center{text-align:center;margin-inline:auto;justify-items:center}

/* מעבר "דף" בין סקשנים */
.sheet{border-radius:48px 48px 0 0;margin-top:-48px;z-index:5}

/* ---------- כניסה ---------- */
@keyframes blurRise{from{opacity:0;transform:translateY(26px);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
@keyframes fadeDown{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
@keyframes chefIn{from{opacity:0;transform:translateY(60px) rotate(4deg)}to{opacity:1;transform:none}}
.in{animation:blurRise 1s var(--ease) var(--d,0s) both}
.in-down{animation:fadeDown .8s var(--ease) var(--d,0s) both}
.in.is-in,.in-down.is-in{animation:none}
.js [data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-q) var(--d,0s),transform .8s var(--ease-q) var(--d,0s)}
.js [data-reveal].is-in{opacity:1;transform:none}

/* ---------- תחתית ---------- */
.foot{background:var(--navy);color:#c9d3e8;padding-block:48px;font-size:15px}
.foot .wrap{display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;align-items:center}
.foot a{color:var(--gold-l)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js [data-reveal]{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* ---------- קונפטי: פסים קטנים בצבעי המותג ---------- */
.conf{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.conf i{position:absolute;width:14px;height:8px;border-radius:2px;opacity:.9;animation:float 7s ease-in-out infinite alternate}
@keyframes float{from{transform:translateY(0) rotate(var(--r))}to{transform:translateY(-16px) rotate(calc(var(--r) + 40deg))}}
.sec>.wrap{position:relative;z-index:1}
.boom{position:absolute;width:12px;height:7px;border-radius:2px;pointer-events:none;z-index:6}

/* ---------- רקע במסגרת: לא על כל רוחב המסך ---------- */
.inset{margin:14px clamp(10px,1.6vw,22px);border-radius:clamp(28px,3vw,44px);overflow:hidden}
.inset+.inset{margin-top:0}