/* צ'יקולולו — demo v1. Mobile-first, RTL, tokens per DESIGN.md */
:root{
  --purple-900:#3a1463; --purple-700:#6520b4; --purple-600:#7732cd;
  --purple-200:#e4d6ff; --purple-100:#f1eaff;
  --blue-600:#0065d2; --blue-500:#0080ec; --sun-400:#fed835; --sun-500:#e8c200; --sun-700:#b89200;
  --pink-500:#ea4ca4; --ink:#241737; --ink-2:#4d4063; --white:#fff; --wa-700:#00792f;
  --font-display:"Fredoka","Varela Round","Heebo",system-ui,sans-serif;
  --font-body:"Assistant","Heebo",system-ui,sans-serif;
  --r-sm:14px; --r-md:22px; --r-pill:999px;
  --ease-out:cubic-bezier(.22,1,.36,1);
  --z-sticky:20; --z-nav:30; --z-modal:50;
  --pad:clamp(20px,5vw,40px); --maxw:1120px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font-family:var(--font-body);font-size:17px;line-height:1.7;color:var(--ink);background:var(--white);overflow-x:clip}
img,svg,video,iframe{max-width:100%;display:block}
a{color:var(--blue-600)}
h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.12;margin:0;text-wrap:balance;letter-spacing:-.01em}
h2{font-size:clamp(2rem,6vw,3.3rem)}
h3{font-size:clamp(1.35rem,3.4vw,1.7rem)}
p{margin:0 0 1em;text-wrap:pretty}
ul{margin:0;padding:0;list-style:none}
strong{font-weight:700}
.wrap{width:min(100% - 2*var(--pad),var(--maxw));margin-inline:auto}
.ico{width:1.25em;height:1.25em;flex:none}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.bidi{unicode-bidi:plaintext}
:focus-visible{outline:3px solid var(--sun-400);outline-offset:3px;border-radius:6px}
.on-sun :focus-visible,.on-white :focus-visible{outline-color:var(--purple-700)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- buttons (chunky, toy-like: solid drop, no bounce) ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:54px;padding:.6em 1.5em;
  border-radius:var(--r-pill);font-family:var(--font-display);font-weight:600;font-size:1.12rem;line-height:1.2;
  text-decoration:none;border:2px solid transparent;cursor:pointer;white-space:nowrap;
  transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out),background .2s}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(2px)}
.btn-sun{background:var(--sun-400);color:var(--purple-900);box-shadow:0 5px 0 var(--sun-700)}
.btn-sun:hover{box-shadow:0 7px 0 var(--sun-700)}
.btn-sun:active{box-shadow:0 2px 0 var(--sun-700)}
.btn-deep{background:var(--purple-900);color:#fff;box-shadow:0 5px 0 #1e0838}
.btn-deep:hover{box-shadow:0 7px 0 #1e0838}
.btn-deep:active{box-shadow:0 2px 0 #1e0838}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
.btn-sm{min-height:44px;font-size:1rem;padding:.4em 1.1em}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:var(--z-nav);background:var(--purple-700);color:#fff;transition:box-shadow .3s}
.nav.scrolled{box-shadow:0 8px 24px -12px rgba(36,23,55,.6)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px}
.brand{font-family:var(--font-display);font-weight:700;font-size:1.55rem;color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:6px;line-height:1;min-height:44px}
.brand .star{color:var(--sun-400);width:1.1em;height:1.1em}
.nav-links{display:none}
.nav .btn-sun{box-shadow:0 3px 0 var(--sun-700)}
@media (min-width:900px){
  .nav-links{display:flex;gap:28px;font-family:var(--font-display);font-weight:500;font-size:1.05rem}
  .nav-links a{color:#fff;text-decoration:none;padding:6px 2px;min-height:44px;display:inline-flex;align-items:center;border-bottom:2px solid transparent;transition:border-color .2s}
  .nav-links a:hover{border-color:var(--sun-400)}
}

/* ---------- hero (purple drench) ---------- */
.hero{position:relative;background:var(--purple-700);color:#fff;overflow:hidden;
  padding-block:22px 28px;isolation:isolate}
@media (min-width:900px){.hero{padding-block:clamp(48px,7vw,80px) clamp(56px,8vw,96px)}}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(55% 45% at 85% 5%,var(--purple-600) 0%,transparent 70%)}
.hero-in{display:grid;gap:20px}
.hero h1{font-size:clamp(2.7rem,8.5vw,5.4rem);line-height:1.04;max-width:12ch}
.hero h1 .hi{color:var(--sun-400)}
.hero h1 .l2{display:block}
.hero .lead{font-size:clamp(1.08rem,2.6vw,1.35rem);line-height:1.55;max-width:36ch;color:rgba(255,255,255,.94);margin-top:14px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.proof{margin-top:16px;font-size:.94rem;line-height:1.55;color:rgba(255,255,255,.82);max-width:40ch}
.proof b{color:var(--sun-400);font-weight:700}
@media (min-width:900px){
  .hero-in{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px}
}
/* the TV: a real video, framed */
.tv-wrap{position:relative;padding:22px 16px 0;width:100%;max-width:560px;margin-inline:auto;border-radius:var(--r-md);overflow:hidden;isolation:isolate}
.tv-wrap::before{content:"";position:absolute;inset:0;z-index:-1;background:url(../assets/hero-city.jpg) center 40%/cover}
.tv-wrap .tv-cap{position:relative;background:rgba(58,20,99,.8);margin:16px -16px 0;padding:10px 16px 12px}
.hero-bg{display:none}
@media (min-width:900px){
  .tv-wrap{max-width:none;padding:0;border-radius:0;overflow:visible}
  .tv-wrap::before{display:none}
  .tv-wrap .tv-cap{background:transparent;margin:22px 0 0;padding:0}
  .hero-bg{display:block;position:absolute;inset:0;z-index:-1}
  .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:left center}
  .hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to left,var(--purple-700) 0%,var(--purple-700) 42%,rgba(101,32,180,.72) 58%,rgba(101,32,180,.12) 82%)}
  .hero::before{display:none}
  .hero .fl-ring,.hero .fl-dot,.hero .fl-tri{display:none}
  .hero{min-height:700px;display:flex;align-items:center}
  .hero .tv{box-shadow:0 40px 70px -24px rgba(20,5,40,.85),0 0 0 6px rgba(255,255,255,.18)}
}
.tv{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;cursor:pointer;
  border-radius:var(--r-md);overflow:hidden;background:var(--purple-900);
  box-shadow:0 30px 60px -22px rgba(20,5,40,.7),0 0 0 6px rgba(255,255,255,.12);transform:rotate(-2deg)}
.tv img,.tv iframe{width:100%;height:100%;object-fit:cover;border:0}
.playb{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.playb span{width:78px;height:78px;border-radius:50%;background:var(--sun-400);color:var(--purple-900);display:grid;place-items:center;
  box-shadow:0 10px 30px -8px rgba(0,0,0,.6);transition:transform .3s var(--ease-out)}
.playb span svg{width:34px;height:34px;margin-inline-start:4px}
.tv:hover .playb span{transform:scale(1.08)}
.tv-cap{font-family:var(--font-display);font-weight:500;font-size:1rem;color:rgba(255,255,255,.85);margin-top:16px;text-align:center}
/* floating shapes: corners only, never over text */
.fl{position:absolute;pointer-events:none;z-index:-1;opacity:.9}
.fl-ring{width:110px;height:110px;border:14px solid var(--pink-500);border-radius:50%;bottom:-40px;inset-inline-start:-30px;opacity:.75}
.fl-dot{display:none;width:22px;height:22px;border-radius:50%;background:var(--blue-500)}
.fl-tri{display:none;width:0;height:0;border-inline-start:16px solid transparent;border-inline-end:16px solid transparent;border-bottom:28px solid var(--sun-400);opacity:.8}
.starbtn{position:absolute;top:8px;inset-inline-end:10px;width:56px;height:56px;border:0;border-radius:50%;background:transparent;
  color:var(--sun-400);cursor:pointer;display:grid;place-items:center;padding:0;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}
.starbtn svg{width:46px;height:46px;fill:currentColor;transition:transform .3s var(--ease-out)}
.starbtn:hover svg{transform:scale(1.15) rotate(12deg)}
@media (min-width:900px){
  .fl-ring{width:160px;height:160px;border-width:20px;bottom:-60px;inset-inline-start:-40px}
  .fl-dot{display:block;top:12%;inset-inline-start:47%}
  .fl-tri{display:block;bottom:14%;inset-inline-end:2%}
  .starbtn{top:30px;inset-inline-end:auto;inset-inline-start:24px;width:72px;height:72px}
  .starbtn svg{width:60px;height:60px}
}
@media (prefers-reduced-motion:no-preference){
  .js .fl-dot{animation:floaty 12s ease-in-out infinite reverse}
  .js .fl-tri{animation:spin 26s linear infinite}
  .js .starbtn svg{animation:wiggle 4s ease-in-out infinite}
  .js .hero .rise{animation:rise .8s var(--ease-out) both}
  .js .hero .rise:nth-child(2){animation-delay:.08s}
  .js .hero .rise:nth-child(3){animation-delay:.16s}
  .js .hero .rise:nth-child(4){animation-delay:.24s}
  .js .hero .tv-wrap{animation:rise 1s var(--ease-out) .2s both}
}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(8deg)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes wiggle{0%,80%,100%{transform:rotate(0)}85%{transform:rotate(-14deg) scale(1.1)}92%{transform:rotate(12deg) scale(1.1)}}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* ---------- acts (sections) ---------- */
.act{padding-block:clamp(60px,9vw,112px)}
.act-head{max-width:62ch;margin-bottom:clamp(26px,4vw,44px)}
.act-head .lead{font-size:clamp(1.08rem,2.2vw,1.25rem);color:var(--ink-2);margin-top:12px}
.act-tint{background:var(--purple-100)}
.reveal{opacity:1;transform:none}
@media (prefers-reduced-motion:no-preference){
  .js .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
  .js .reveal.in{opacity:1;transform:none}
}

/* ---------- act 1: birthday ticket ---------- */
.bday{display:grid;gap:32px}
@media (min-width:900px){.bday{grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}}
.bday-text p{font-size:1.08rem;max-width:56ch}
.bday-text .note{font-size:.98rem;color:var(--ink-2)}
.ticket{position:relative;background:var(--sun-400);color:var(--purple-900);border-radius:var(--r-md);padding:26px 22px 22px;
  -webkit-mask:radial-gradient(circle at 0 var(--tear,71%),transparent 15px,#000 16px),radial-gradient(circle at 100% var(--tear,71%),transparent 15px,#000 16px);
  mask:radial-gradient(circle at 0 var(--tear,71%),transparent 15px,#000 16px),radial-gradient(circle at 100% var(--tear,71%),transparent 15px,#000 16px);
  -webkit-mask-composite:source-in;mask-composite:intersect}
.ticket-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.ticket-top h3{font-size:1.5rem}
.ticket-top .tag{font-family:var(--font-display);font-weight:600;font-size:.86rem;background:var(--purple-900);color:var(--sun-400);border-radius:var(--r-pill);padding:5px 12px;white-space:nowrap}
.inc{display:grid;gap:12px}
.inc li{display:flex;gap:12px;align-items:flex-start;font-size:1.02rem;line-height:1.45}
.inc .ic{flex:none;width:38px;height:38px;border-radius:50%;background:var(--purple-900);color:var(--sun-400);display:grid;place-items:center}
.inc .ic svg{width:20px;height:20px}
.inc b{display:block;font-family:var(--font-display);font-weight:600;font-size:1.08rem}
.inc span{color:#4a2a70;font-size:.95rem}
.tear{border-top:2px dashed rgba(58,20,99,.45);margin:22px -22px 18px}
.stub{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.stub .meta{font-family:var(--font-display);font-weight:500;font-size:.98rem;color:var(--purple-900);display:flex;flex-wrap:wrap;gap:6px 14px}
.stub .meta span{display:inline-flex;align-items:center;gap:5px}
.stub .btn{width:100%}
@media (min-width:600px){.stub .btn{width:auto}}

/* ---------- act 2: schedule list ---------- */
.sched{border-top:1px solid var(--purple-200)}
.show{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--purple-200);transition:background .2s}
.show:hover{background:var(--purple-100)}
.date{font-family:var(--font-display);text-align:center;line-height:1;background:var(--purple-700);color:#fff;border-radius:12px;padding:8px 6px;min-width:66px}
.date b{display:block;font-size:1.28rem;font-weight:700;direction:ltr}
.date span{display:block;font-size:.8rem;font-weight:500;margin-top:4px;opacity:.92}
.venue{font-family:var(--font-display);font-weight:600;font-size:1.12rem;line-height:1.25}
.city{color:var(--ink-2);font-size:.95rem;display:flex;align-items:center;gap:4px;margin-top:2px}
.city svg{width:15px;height:15px}
.time{font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--purple-700);direction:ltr}
.sched-note{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-top:26px;color:var(--ink-2)}
.sched-note p{margin:0;max-width:50ch}
.producers{margin-top:44px;background:var(--purple-900);color:#fff;border-radius:var(--r-md);padding:28px 24px;display:grid;gap:14px}
.producers h3{color:var(--sun-400)}
.producers p{margin:0;color:rgba(255,255,255,.9);max-width:60ch}
@media (min-width:800px){.producers{grid-template-columns:1fr auto;align-items:center;padding:32px 36px}}

/* ---------- act 3: video wall ---------- */
.wall{display:grid;gap:18px}
@media (min-width:640px){.wall{grid-template-columns:repeat(2,1fr)}}
@media (min-width:960px){.wall{grid-template-columns:repeat(3,1fr)}.wall .vid-item:first-child{grid-column:span 2}}
.vid{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;cursor:pointer;border-radius:var(--r-md);overflow:hidden;background:var(--purple-900)}
.vid img,.vid iframe{width:100%;height:100%;object-fit:cover;border:0;transition:transform .6s var(--ease-out)}
.vid:hover img{transform:scale(1.04)}
.vid .playb span{width:64px;height:64px}
.vid .playb span svg{width:28px;height:28px}
.vid-title{font-family:var(--font-display);font-weight:600;font-size:1.05rem;line-height:1.3;margin-top:10px;color:var(--ink)}
.vid-meta{font-size:.9rem;color:var(--ink-2)}
.wall-foot{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.wall-foot p{margin:0;color:var(--ink-2)}

/* ---------- act 4: story (deep purple) ---------- */
.story{background:var(--purple-900);color:#fff}
.story-in{display:grid;gap:36px}
@media (min-width:900px){.story-in{grid-template-columns:1.1fr .9fr;align-items:center;gap:64px}}
.story h2 .hi{color:var(--sun-400)}
.story p{font-size:1.1rem;line-height:1.75;color:rgba(255,255,255,.92);max-width:58ch}
.story .facts{display:grid;gap:10px;margin-top:22px}
.story .facts li{display:flex;gap:10px;align-items:flex-start;color:#fff;font-size:1.02rem}
.story .facts svg{width:22px;height:22px;flex:none;color:var(--sun-400);margin-top:4px}
.polaroid{background:#fff;padding:12px 12px 16px;border-radius:6px;transform:rotate(2.5deg);width:min(100%,440px);margin-inline:auto;
  box-shadow:0 30px 50px -20px rgba(0,0,0,.6)}
.polaroid img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:3px}
.polaroid figcaption{font-family:var(--font-display);font-weight:600;color:var(--purple-900);text-align:center;margin-top:12px;font-size:1.05rem}

/* ---------- act 5: instagram ---------- */
.ig-head{display:flex;flex-wrap:wrap;gap:16px;align-items:end;justify-content:space-between;margin-bottom:26px}
.ig-grid{display:grid;gap:14px}
@media (min-width:720px){.ig-grid{grid-template-columns:repeat(3,1fr)}}
.ig{position:relative;border-radius:var(--r-md);overflow:hidden;background:#fff;aspect-ratio:9/15.4;border:1px solid var(--purple-200)}
.ig iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ig-ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--purple-700);font-family:var(--font-display);font-weight:600;background:var(--purple-100)}
.ig-ph svg{width:36px;height:36px}
.ig-ph a{color:var(--purple-700);display:inline-flex;align-items:center;min-height:44px;padding:0 14px}

/* ---------- final CTA (sun drench) ---------- */
.cta{background:var(--sun-400);color:var(--purple-900);text-align:center}
.cta h2{font-size:clamp(2.1rem,7vw,3.8rem)}
.cta .lead{font-size:1.15rem;max-width:44ch;margin:12px auto 26px;color:#3a1463}
.phone{display:inline-block;padding:8px 0;font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,8.5vw,3.4rem);line-height:1;color:var(--purple-900);text-decoration:none;direction:ltr;unicode-bidi:isolate;letter-spacing:.02em}
.phone:hover{text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:8px}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}
.socials{display:flex;justify-content:center;gap:12px;margin-top:34px}
.soc{width:54px;height:54px;border-radius:50%;background:var(--purple-900);color:#fff;display:grid;place-items:center;transition:transform .25s var(--ease-out)}
.soc svg{width:24px;height:24px}
.soc:hover{transform:translateY(-3px) rotate(-6deg)}

/* ---------- footer ---------- */
.foot{background:var(--purple-900);color:rgba(255,255,255,.8);font-size:.95rem;padding:28px 0 calc(96px + env(safe-area-inset-bottom))}
.foot-in{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between}
.foot a{color:#fff;display:inline-block;padding:6px 0}
.foot .demo{font-size:.85rem;color:rgba(255,255,255,.6)}
@media (min-width:900px){.foot{padding-bottom:28px}}

/* ---------- sticky WhatsApp bar (mobile) ---------- */
.wabar{position:fixed;inset-inline:0;bottom:0;z-index:var(--z-sticky);background:var(--purple-900);
  padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom));display:flex;gap:10px;
  box-shadow:0 -10px 30px -12px rgba(0,0,0,.5);transition:transform .4s var(--ease-out)}
.js .wabar{transform:translateY(110%)}
.js .wabar.show{transform:none}
.wabar .btn-sun{flex:1;min-height:50px}
.wabar .call{width:50px;min-height:50px;border-radius:50%;background:#fff;color:var(--purple-900);display:grid;place-items:center;flex:none}
.wabar .call svg{width:22px;height:22px}
@media (min-width:900px){.wabar{display:none}}

/* ---------- confetti ---------- */
.confetti{position:fixed;z-index:var(--z-modal);width:10px;height:14px;pointer-events:none;border-radius:2px;top:0;left:0;will-change:transform,opacity}

/* ---------- additions v1.1 ---------- */
.btn-line{background:transparent;color:var(--purple-900);border-color:var(--purple-900)}
.btn-line:hover{background:rgba(58,20,99,.08)}
.brand-wrap{display:inline-flex;align-items:center;gap:2px}
.brand-star{width:44px;height:44px;border:0;background:transparent;color:var(--sun-400);cursor:pointer;display:grid;place-items:center;padding:0;border-radius:50%}
.brand-star svg{width:26px;height:26px;fill:currentColor;transition:transform .3s var(--ease-out)}
.brand-star:hover svg{transform:scale(1.2) rotate(15deg)}
.play-tri{width:34px;height:34px;margin-inline-start:3px}
.vid .play-tri{width:28px;height:28px}
.bday-vid{margin-top:22px;max-width:520px}
.bday-vid .cap{font-size:.95rem;color:var(--ink-2);margin-top:10px}
.bday-vid .cap b{color:var(--purple-700)}
.tv-cap svg{display:inline-block;width:1em;height:1em;vertical-align:-.15em;margin-inline-end:4px}

/* ---------- 2026-10-30: Chico's burst artwork (blue light burst, pink/yellow swooshes, stars, notes) is the whole site's background.
   It sits fixed behind everything; each act becomes a rounded panel floating on it, so text keeps its contrast. ---------- */
body{background:#1747d6}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:#1747d6 url(../assets/bg-site-v2.webp) center/cover no-repeat;pointer-events:none}
.hero{background:transparent}
.hero::before,.hero-bg,.tv-wrap::before{display:none}
.hero-copy{background:rgba(58,20,99,.84);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--r-md);padding:clamp(22px,4vw,40px);box-shadow:0 30px 60px -28px rgba(20,5,40,.8)}
.tv-wrap .tv-cap{background:rgba(58,20,99,.84);border-radius:0 0 var(--r-md) var(--r-md)}
@media (min-width:900px){.hero .tv-wrap .tv-cap{display:inline-block;background:rgba(58,20,99,.84);padding:8px 18px;border-radius:var(--r-pill);margin-inline:auto}.hero .tv-wrap{text-align:center}}
.act,.act-tint,.story,.cta{background:transparent}
.act{padding-block:clamp(18px,3vw,30px)}
.act>.wrap{border-radius:clamp(22px,3vw,34px);padding:clamp(34px,6vw,72px) clamp(20px,5vw,56px);box-shadow:0 30px 60px -30px rgba(20,5,40,.75)}
.on-white>.wrap{background:#fff}
.act-tint>.wrap{background:var(--purple-100)}
.story>.wrap{background:var(--purple-900)}
.cta>.wrap{background:var(--sun-400)}
main{padding-bottom:clamp(18px,3vw,30px)}

/* the big round emblem opens the home page, centered above the copy + video */
.hero-emblem{grid-column:1/-1;justify-self:center;width:min(92vw,500px);margin-block:28px -6px}
.hero-emblem img{width:100%;height:auto}
@media (min-width:900px){.hero{min-height:0;display:block}.hero-emblem{width:clamp(420px,40vw,560px);margin-block:-30px 0}}
@media (prefers-reduced-motion:no-preference){.js .hero-emblem img{animation:emblem-in .9s var(--ease-out) both}}
@keyframes emblem-in{from{opacity:0;transform:scale(.85) rotate(-8deg)}to{opacity:1;transform:none}}

/* no purple bar: the nav floats on the burst background at the top of the page and scrolls away with it */
.nav{position:relative;background:transparent;box-shadow:none;display:none}
@media (min-width:900px){.nav{display:block}.nav-in{justify-content:center}}
.nav.scrolled{box-shadow:none}
.nav-links a{text-shadow:0 2px 6px rgba(20,5,40,.7)}

/* 2026-10-30: site cleared for Chico's rebuild: background + emblem + WhatsApp bar only */
.hero-blank{min-height:calc(100svh - 90px);display:flex;align-items:flex-start;justify-content:center;padding-block:clamp(18px,4vw,40px) 110px}
.hero-blank .hero-emblem{width:min(92vw,620px);margin:0}
.js .wabar,.js .wabar.show{transform:none}
@media (min-width:900px){.wabar{display:flex;inset-inline:auto;left:50%;transform:translateX(-50%)!important;width:min(560px,100%);border-radius:var(--r-md) var(--r-md) 0 0}.foot{padding-bottom:96px}}
.hero-blank .hero-in{display:flex;flex-direction:column;align-items:center;width:100%;max-width:none}
.hero h1.hero-logo{margin:0 auto;width:min(96vw,860px);max-width:none;font-size:inherit}
@media (min-width:900px){.hero h1.hero-logo{width:min(48vw,640px)}}
.hero-logo img{width:100%;height:auto;filter:drop-shadow(0 14px 24px rgba(10,20,90,.55))}
@media (prefers-reduced-motion:no-preference){.js .hero-logo img{animation:emblem-in .9s var(--ease-out) both}}
.hero-photo{width:min(86vw,520px);margin-top:clamp(4px,1.5vw,12px)}
@media (min-width:900px){.hero-photo{width:auto;height:min(62vh,640px)}.hero-photo img{width:auto;height:100%}}
.hero-photo img{width:100%;height:auto;filter:drop-shadow(0 24px 30px rgba(10,20,90,.5))}
@media (prefers-reduced-motion:no-preference){.js .hero-photo img{animation:rise 1s var(--ease-out) .15s both}}

/* top menu: ☰ on phones (dropdown card), a centered pill row from tablet up */
.topbar{position:relative;z-index:5;width:min(100% - 2*var(--pad),760px);margin:12px auto 0;display:flex;justify-content:flex-start}
.menu-btn{width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,255,255,.7);background:rgba(58,20,99,.82);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 0 rgba(20,5,40,.45)}
.menu-btn svg{width:26px;height:26px;grid-area:1/1} .menu-btn .i-close,.menu-btn[aria-expanded="true"] .i-open{display:none} .menu-btn[aria-expanded="true"] .i-close{display:block}
.topmenu{display:none;position:absolute;top:58px;inset-inline-start:0;min-width:240px;flex-direction:column;gap:6px;padding:10px;border-radius:var(--r-md);background:rgba(58,20,99,.96);box-shadow:0 20px 40px -12px rgba(20,5,40,.7)}
.topbar.open .topmenu{display:flex}
html:not(.js) .topmenu{display:flex;position:static} html:not(.js) .menu-btn{display:none}
.topmenu a{display:flex;align-items:center;min-height:48px;padding:8px 16px;border-radius:var(--r-pill);color:#fff;font-family:var(--font-display);font-weight:600;font-size:1.08rem;line-height:1.2;text-decoration:none}
.topmenu a:hover{background:var(--purple-700)}
.topmenu a:last-child{background:var(--sun-400);color:var(--purple-900);justify-content:center;margin-top:4px}
@media (min-width:720px){
  .topbar{justify-content:center;margin-top:20px}
  .menu-btn{display:none}
  .topmenu{display:flex;position:static;flex-direction:row;min-width:0;padding:0;background:transparent;box-shadow:none;gap:12px}
  .topmenu a{padding:8px 22px;background:rgba(58,20,99,.82);border:2px solid rgba(255,255,255,.55);box-shadow:0 4px 0 rgba(20,5,40,.45);transition:transform .2s var(--ease-out),background .2s}
  .topmenu a:hover{transform:translateY(-2px);background:var(--purple-700)}
  .topmenu a:last-child{margin-top:0;border-color:#fff}
}

/* logo all the way up: on phones the ☰ floats over the corner instead of taking its own row */
@media (max-width:719px){
  .topbar{position:absolute;top:10px;inset-inline-start:10px;width:auto;margin:0}
  .hero-blank{padding-top:8px}
  .hero h1.hero-logo{width:min(80vw,700px);margin-inline:auto}
}
@media (min-width:720px){.hero-blank{padding-top:6px}}

/* social buttons under the logo, each in its own brand color */
.hero-social{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(8px,2.4vw,16px);margin-top:clamp(8px,2vw,14px)}
.hs{width:clamp(44px,11vw,54px);height:clamp(44px,11vw,54px);border-radius:50%;display:grid;place-items:center;color:#fff;border:3px solid #fff;
  box-shadow:0 5px 0 rgba(20,5,40,.35),0 12px 22px -10px rgba(20,5,40,.6);transition:transform .2s var(--ease-out)}
.hs svg{width:52%;height:52%;fill:currentColor}
.hs:hover{transform:translateY(-3px) rotate(-6deg)}
.hs-tt{background:#111}
.hs-fb{background:#1877f2}
.hs-ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.hs-yt{background:#ff0000}
.hs-wa{background:#25d366}
.hs-ph{background:var(--sun-400);color:var(--purple-900)} .hs-ph svg{fill:none;stroke:currentColor}
.hero-blank .hero-in{gap:0}

/* bottom bar: two equal buttons, WhatsApp (green, logo) + phone (yellow) */
.wabar{gap:10px}
.wb{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:var(--r-pill);font-family:var(--font-display);font-weight:700;font-size:1.15rem;text-decoration:none;transition:transform .2s var(--ease-out)}
.wb svg{width:26px;height:26px;flex:none}
.wb:active{transform:translateY(2px)}
.wb-wa{background:#25d366;color:#fff;box-shadow:0 4px 0 #128c4a} .wb-wa svg{fill:currentColor}
.wb-ph{background:var(--sun-400);color:var(--purple-900);box-shadow:0 4px 0 var(--sun-700)} .wb-ph svg{fill:none;stroke:currentColor}

/* menu v2: icon + label inside a colored frame per item, tighter spacing */
.topmenu{gap:6px;padding:8px;min-width:220px}
.topmenu a{gap:8px;min-height:44px;padding:6px 14px;border:2px solid var(--mc);background:rgba(20,8,50,.55);color:#fff;font-size:1rem;box-shadow:0 3px 0 rgba(20,5,40,.4)}
.topmenu a svg{width:20px;height:20px;flex:none;color:var(--mc)}
.topmenu a.m-show{--mc:#ff4fc3}
.topmenu a.m-bday{--mc:var(--sun-400)}
.topmenu a.m-songs{--mc:#3fd0ff}
.topmenu a.m-contact{--mc:#25d366}
.topmenu a:hover{background:var(--mc);color:var(--purple-900)} .topmenu a:hover svg{color:var(--purple-900)}
.topmenu a:last-child{background:rgba(20,8,50,.55);color:#fff;justify-content:flex-start;margin-top:0}
@media (min-width:720px){
  .topmenu{gap:8px;padding:0;min-width:0}
  .topmenu a{padding:6px 14px;font-size:1rem;background:rgba(20,8,50,.6);border:2px solid var(--mc);box-shadow:0 3px 0 rgba(20,5,40,.4)}
  .topmenu a:hover{background:var(--mc)}
  .topmenu a:last-child{border-color:var(--mc)}
}

/* menu v3: bright turquoise panel, white items with colored frames, yellow ☰ */
.topmenu{background:#2fd3ee;border:3px solid #fff;box-shadow:0 18px 36px -12px rgba(10,30,90,.6)}
.topmenu a,.topmenu a:last-child{background:#fff;color:var(--purple-900);box-shadow:0 3px 0 rgba(10,30,90,.25)}
.topmenu a svg{color:var(--mc-ink,var(--mc))}
.topmenu a.m-bday{--mc-ink:#c99a00}
.topmenu a.m-songs{--mc-ink:#0a8fc4}
.topmenu a.m-contact{--mc-ink:#13994a}
.topmenu a:hover{background:var(--mc);color:var(--purple-900)} .topmenu a:hover svg{color:var(--purple-900)}
.menu-btn{background:var(--sun-400);color:var(--purple-900);border-color:#fff;box-shadow:0 4px 0 var(--sun-700)}
@media (min-width:720px){
  .topmenu{background:transparent;border:0;box-shadow:none}
  .topmenu a,.topmenu a:last-child{background:#fff;color:var(--purple-900);border:2px solid var(--mc);box-shadow:0 3px 0 rgba(10,30,90,.3)}
}
@media (max-width:719px){.topmenu{min-width:250px}.topmenu a{white-space:nowrap}}
/* phone menu: dark items so they stand out on the turquoise card */
@media (max-width:719px){
  .topmenu a,.topmenu a:last-child{background:var(--purple-900);color:#fff;box-shadow:0 3px 0 rgba(10,30,90,.35)}
  .topmenu a svg{color:var(--mc)}
}

/* menu v4 (Chico's notes): one frame color (turquoise) + yellow icons for every item, no "contact" (bottom bar covers it),
   social row at the bottom, and on phones the open menu is a full-screen sheet so it doesn't half-cover the logo/face */
.topmenu a,.topmenu a:last-child{--mc:#2fd3ee}
.topmenu a svg{color:var(--sun-400)}
.topmenu a:hover{background:#2fd3ee;color:var(--purple-900)} .topmenu a:hover svg{color:var(--purple-900)}
.menu-social{display:flex;justify-content:center;gap:14px;padding-top:14px;margin-top:6px;border-top:2px solid rgba(255,255,255,.35)}
.menu-social a,.menu-social a:last-child{width:48px;height:48px;min-height:0;padding:0;justify-content:center;border-radius:50%;background:var(--purple-900);border:2px solid #2fd3ee;box-shadow:0 3px 0 rgba(10,30,90,.35)}
.menu-social svg{width:22px;height:22px;fill:var(--sun-400);color:var(--sun-400)}
.menu-social a:hover{background:#2fd3ee} .menu-social a:hover svg{fill:var(--purple-900)}
@media (max-width:719px){
  .menu-btn{position:relative;z-index:61}
  .topmenu{position:fixed;inset:0;z-index:60;min-width:0;border:0;border-radius:0;justify-content:center;align-items:stretch;gap:12px;
    padding:80px max(24px,12vw) calc(24px + env(safe-area-inset-bottom));background:rgba(20,150,200,.97)}
  .topmenu>a{min-height:58px;font-size:1.25rem;padding:8px 20px;gap:12px}
  .topmenu>a svg{width:24px;height:24px}
  .topbar.open ~ main,.topbar.open ~ .wabar{visibility:hidden}
}
@media (min-width:720px){
  .menu-social{display:none}
  .topmenu a,.topmenu a:last-child{border-color:#2fd3ee}
}
.topmenu a.m-show,.topmenu a.m-bday,.topmenu a.m-songs{--mc:#2fd3ee;--mc-ink:var(--sun-400)}
@media (min-width:720px){.topmenu a.m-show,.topmenu a.m-bday,.topmenu a.m-songs{--mc-ink:#c99a00} .topmenu a svg{color:#c99a00}}
/* menu social row: the real brand colors (same as under the logo), white logos */
.menu-social a.hs-ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.menu-social a.hs-tt{background:#111} .menu-social a.hs-fb{background:#1877f2} .menu-social a.hs-yt{background:#ff0000}
.menu-social a{border-color:#fff;width:52px;height:52px} .menu-social svg{fill:#fff;color:#fff;width:24px;height:24px}
.menu-social a:hover{transform:translateY(-2px)} .menu-social a:hover svg{fill:#fff}
.topmenu .menu-social a,.topmenu .menu-social a:last-child{width:52px;height:52px;border:2px solid #fff}
.topmenu .menu-social a svg{fill:#fff;color:#fff}
/* festive heading at the top of the phone menu sheet */
.menu-head{display:none}
@media (max-width:719px){
  .menu-head{display:block;text-align:center;margin-bottom:14px}
  .mh-1{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,7.4vw,2.1rem);line-height:1.15;color:#fff;text-wrap:balance;text-shadow:0 3px 0 var(--purple-900),0 8px 18px rgba(20,5,40,.4)}
  .mh-2{margin:8px 0 0;font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--sun-400);text-shadow:0 2px 0 var(--purple-900)}
}
/* phone menu sheet: the site's colorful burst background instead of flat turquoise */
@media (max-width:719px){
  .topmenu{background:linear-gradient(rgba(20,10,60,.35),rgba(20,10,60,.35)),#1747d6 url(../assets/bg-site-v2.webp) center/cover no-repeat}
}
/* menu heading: up top, big and colorful */
@media (max-width:719px){
  .topmenu{justify-content:flex-start;padding-top:64px}
  .menu-head{margin-bottom:auto;padding-bottom:18px}
  .topmenu>a:first-of-type{margin-top:auto}
  .menu-social{margin-bottom:auto}
  .mh-1{font-size:clamp(2.2rem,10.5vw,3rem);line-height:1.08;font-weight:700;text-shadow:0 4px 0 var(--purple-900),0 10px 22px rgba(20,5,40,.5)}
  .mh-1 span{display:block}
  .mh-1 .c1{color:#fff} .mh-1 .c2{color:#3fd0ff} .mh-1 .c3{color:var(--sun-400);font-size:1.18em}
  .mh-2{font-size:1.25rem;margin-top:10px;color:#ff7ad6;text-shadow:0 2px 0 var(--purple-900)}
}
/* heading flush to the top, slogan in a framed pill */
@media (max-width:719px){
  .topmenu{padding-top:16px}
  .mh-2{display:inline-block;margin-top:12px;padding:8px 18px;border-radius:var(--r-pill);background:var(--purple-900);border:3px solid var(--sun-400);
    color:var(--sun-400);font-size:1.15rem;font-weight:700;text-shadow:none;box-shadow:0 4px 0 rgba(20,5,40,.45),0 10px 22px -8px rgba(20,5,40,.6)}
}
@media (max-width:719px){
  .mh-logo{display:block;width:min(90%,340px);height:auto;margin:6px auto 0;filter:drop-shadow(0 8px 16px rgba(10,20,90,.5))}
}
@media (max-width:719px){.mh-logo{width:min(94%,380px)}}
/* phone menu v5: compact card at the top (not full-screen), sparkly turquoise */
@media (max-width:719px){
  .topmenu{position:fixed;inset:auto;top:10px;left:50%;transform:translateX(-50%);width:min(88vw,330px);max-height:calc(100svh - 20px);overflow:auto;
    justify-content:flex-start;gap:8px;padding:14px 16px 16px;border:3px solid #fff;border-radius:26px;
    background:
      radial-gradient(circle at 12% 18%,#fff 0 1.5px,transparent 2.5px),
      radial-gradient(circle at 82% 10%,#fff 0 2px,transparent 3px),
      radial-gradient(circle at 70% 46%,#fff 0 1.5px,transparent 2.5px),
      radial-gradient(circle at 22% 62%,#fff 0 2px,transparent 3px),
      radial-gradient(circle at 90% 78%,#fff 0 1.5px,transparent 2.5px),
      radial-gradient(circle at 40% 90%,#fff 0 2px,transparent 3px),
      radial-gradient(circle at 55% 25%,rgba(255,255,255,.9) 0 1px,transparent 2px),
      radial-gradient(circle at 8% 88%,rgba(255,255,255,.9) 0 1px,transparent 2px),
      linear-gradient(160deg,#5ef0ff 0%,#1fc6e6 45%,#0aa3d6 100%);
    box-shadow:0 20px 40px -12px rgba(10,30,90,.7)}
  .topmenu::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
    background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.45) 48%,transparent 66%);background-size:250% 100%;opacity:.8}
  @media (prefers-reduced-motion:no-preference){.topbar.open .topmenu::before{animation:menu-shine 2.8s ease-in-out infinite}}
  .menu-head{margin:0 0 4px;padding:0 34px 0 0}
  .mh-1{font-size:1.5rem}
  .mh-logo{width:min(100%,240px);margin-top:2px}
  .topmenu>a{min-height:46px;font-size:1.05rem;padding:6px 14px;gap:10px}
  .topmenu>a:first-of-type{margin-top:4px}
  .topmenu>a svg{width:20px;height:20px}
  .menu-social{margin:4px 0 0;padding-top:10px;gap:10px}
  .topmenu .menu-social a,.topmenu .menu-social a:last-child{width:42px;height:42px}
  .topmenu .menu-social svg{width:20px;height:20px}
  .topbar.open ~ main,.topbar.open ~ .wabar{visibility:visible}
  .topbar.open .menu-btn{position:fixed;top:16px;left:calc(50% + min(44vw,165px) - 50px);width:40px;height:40px;z-index:61}
  .topbar.open .menu-btn svg{width:20px;height:20px}
}
@keyframes menu-shine{0%{background-position:150% 0}60%,100%{background-position:-50% 0}}
/* phone menu: open over a full-screen veil (burst background + blur) so the half-photo behind it disappears */
@media (max-width:719px){
  .topbar.open::before{content:"";position:fixed;inset:0;z-index:59;
    background:linear-gradient(rgba(10,25,90,.55),rgba(10,25,90,.55)),#1747d6 url(../assets/bg-site-v2.webp) center/cover no-repeat;
    -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
  .topmenu{top:50%;transform:translate(-50%,-50%)}
  @media (prefers-reduced-motion:no-preference){.topbar.open .topmenu{animation:menu-pop .28s var(--ease-out) both}}
  .topbar.open .menu-btn{top:calc(50% - var(--mh,0px)/2 + 6px)}
}
@keyframes menu-pop{from{opacity:0;transform:translate(-50%,-46%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
/* phone menu items: yellow tiles instead of dark pills */
@media (max-width:719px){
  .topmenu>a,.topmenu>a:last-of-type{background:var(--sun-400);color:var(--purple-900);border:2px solid #fff;border-radius:14px;box-shadow:0 4px 0 var(--sun-700)}
  .topmenu>a svg{color:var(--purple-900)}
  .topmenu>a:hover{background:#ffe866;color:var(--purple-900)}
}
/* "ברוכים הבאים": handwritten style (Playpen Sans Hebrew), sparkling purple */
@media (max-width:719px){
  .mh-1 .c1{font-family:"Playpen Sans Hebrew",var(--font-display);font-weight:800;font-size:1.15em;letter-spacing:0;
    background:linear-gradient(100deg,#5b12a8 0%,#8b3dff 30%,#e7c8ff 45%,#8b3dff 60%,#5b12a8 100%);background-size:250% 100%;
    -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
  .mh-1{text-shadow:none;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 3px 6px rgba(60,10,120,.35))}
  @media (prefers-reduced-motion:no-preference){.topbar.open .mh-1 .c1{animation:twinkle-text 2.4s ease-in-out infinite}}
}
@keyframes twinkle-text{0%{background-position:120% 0}100%{background-position:-120% 0}}
/* phone menu v6: a round medallion using Chico's circular burst artwork (yellow ring included) */
@media (max-width:719px){
  .topmenu{width:min(94vw,380px);height:min(94vw,380px);max-height:none;overflow:visible;border:0;border-radius:50%;padding:0 18%;
    justify-content:center;align-items:stretch;gap:6px;background:url(../assets/menu-round.webp) center/contain no-repeat;
    box-shadow:none;filter:drop-shadow(0 24px 40px rgba(10,20,70,.6))}
  .topmenu::before{display:none}
  .menu-head{padding:0;margin:0 0 2px}
  .mh-1{font-size:1.15rem}
  .mh-logo{width:min(100%,170px);margin-top:0}
  .topmenu>a,.topmenu>a:last-of-type{min-height:36px;padding:4px 12px;font-size:.92rem;gap:8px;border-radius:var(--r-pill);border-width:2px}
  .topmenu>a:first-of-type{margin-top:4px}
  .topmenu>a svg{width:17px;height:17px}
  .menu-social{border:0;padding-top:4px;margin-top:2px;gap:8px}
  .topmenu .menu-social a,.topmenu .menu-social a:last-child{width:34px;height:34px;border-width:2px}
  .topmenu .menu-social svg{width:16px;height:16px}
  .topbar.open .menu-btn{top:calc(50% - min(47vw,190px) + 6px);left:calc(50% + min(26vw,105px))}
}
/* Chico (with mic) standing on top of the round menu */
.menu-chico{display:none}
@media (max-width:719px){
  .topmenu{top:calc(50% + min(16vh,130px))}
  .menu-chico{display:block;position:absolute;left:50%;bottom:calc(100% - 26px);transform:translateX(-50%);height:min(36vh,300px);width:auto;max-width:none;pointer-events:none;
    filter:drop-shadow(0 10px 14px rgba(10,20,70,.45))}
  .topbar.open .menu-btn{top:calc(50% + min(16vh,130px) - min(47vw,190px) + 6px)}
}
@media (max-width:719px) and (prefers-reduced-motion:no-preference){.topbar.open .topmenu{animation:menu-pop2 .3s var(--ease-out) both}}
@keyframes menu-pop2{from{opacity:0;transform:translate(-50%,-46%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
/* round menu centered on screen; Chico stands on its top edge, sized to the space above it */
@media (max-width:719px){
  .topmenu{top:50%}
  .menu-chico{bottom:calc(100% - 22px);height:clamp(150px,calc(50svh - min(47vw,190px) - 4px),270px)}
  .topbar.open .menu-btn{top:calc(50% - min(47vw,190px) + 6px)}
  .menu-head{margin-top:0}
}
@media (max-width:719px){.topmenu{padding:0 13%}.mh-logo{width:100%;max-width:280px;margin-bottom:2px}.topmenu>a,.topmenu>a:last-of-type{margin-inline:5%}}
/* phone menu buttons in the colors of "לולו" in the logo: bright cyan, navy outline, white text with navy edge */
@media (max-width:719px){
  .topmenu>a,.topmenu>a:last-of-type{background:linear-gradient(180deg,#3df0ff 0%,#00d0f0 55%,#00b0f0 100%);border:3px solid #0b1a5c;color:#fff;
    text-shadow:-1px -1px 0 #5b1fb0,1px -1px 0 #5b1fb0,-1px 1px 0 #5b1fb0,1px 1px 0 #5b1fb0,0 2px 0 #5b1fb0;box-shadow:0 4px 0 #0b1a5c}
  .topmenu>a svg{color:#fff;filter:drop-shadow(0 1px 0 #0b1a5c) drop-shadow(0 -1px 0 #0b1a5c) drop-shadow(1px 0 0 #0b1a5c) drop-shadow(-1px 0 0 #0b1a5c)}
  .topmenu>a:hover{background:linear-gradient(180deg,#7ff6ff,#22dcf5);color:#fff}
}
@media (max-width:719px){
  .topmenu{padding:0 10%}
  .topmenu>a,.topmenu>a:last-of-type{min-height:44px;font-size:1.12rem;padding:4px 12px;gap:8px;margin-inline:2%;white-space:nowrap}
  .topmenu>a svg{width:20px;height:20px}
  .mh-logo{max-width:250px}
}
@media (max-width:719px){.topmenu>a,.topmenu>a:last-of-type{justify-content:center;text-align:center}}
/* realistic 3D icons (Fluent Emoji 3D, MIT) in the menu */
.m-emoji{width:30px;height:30px;flex:none;filter:drop-shadow(0 2px 2px rgba(11,26,92,.45))}
@media (max-width:719px){.topmenu>a .m-emoji{width:32px;height:32px;margin-block:-4px}}
@media (min-width:720px){.topmenu a .m-emoji{width:26px;height:26px;margin-block:-3px}}
/* "ששון ושמחה – המופע": opens with the Chicolulu + Sasson VeSimcha banner */
.hero-blank{min-height:0;padding-bottom:0}
.show-banner{padding:clamp(10px,3vw,30px) 0 120px;scroll-margin-top:10px}
.show-banner .wrap{max-width:1100px}
.show-banner img{width:100%;height:auto;filter:drop-shadow(0 18px 28px rgba(10,20,90,.5))}
/* menu circle: the Chicolulu + Sasson VeSimcha banner instead of the plain logo */
@media (max-width:719px){.mh-logo.mh-banner{width:104%;max-width:none;margin-inline:-2%;margin-top:14px;margin-bottom:4px}}
/* Sasson VeSimcha floats above the round menu, on the blue background */
.menu-top{display:none}
@media (max-width:719px){
  .menu-top{display:block;position:absolute;left:50%;bottom:calc(100% - 6px);transform:translateX(-50%);width:min(88vw,340px);max-width:none;height:auto;
    max-height:calc(50svh - min(47vw,190px) - 4px);object-fit:contain;pointer-events:none;filter:drop-shadow(0 10px 16px rgba(10,20,70,.5))}
}
/* footer like Sugar Land's: rights notice + brand lines, centered */
.foot-in{flex-direction:column;justify-content:center;text-align:center;gap:6px}
.foot-legal{max-width:46ch;margin:0 auto 10px;font-size:1.02rem;line-height:1.6;color:rgba(255,255,255,.82)}
.foot-brand{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.6rem;line-height:1.2;color:#3fd0ff}
.foot-tag{margin:0 0 14px;font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--sun-400)}
/* marketing line right under the opening photo */
.hero-tagline{margin:0 auto;max-width:22ch;padding:12px 22px;border-radius:var(--r-md);background:rgba(58,20,99,.85);border:3px solid var(--sun-400);
  color:#fff;font-family:var(--font-display);font-weight:700;font-size:clamp(1.25rem,5.4vw,1.7rem);line-height:1.3;text-align:center;text-wrap:balance;
  box-shadow:0 14px 28px -12px rgba(10,20,70,.6);position:relative;z-index:1;margin-top:-10px}
@media (min-width:900px){.hero-tagline{max-width:30ch}}

/* ===== phone menu v7 (Chico 30/10): three round buttons on the burst background ===== */
.m-pic{display:none}
@media (max-width:719px){
  .topbar .topmenu{position:fixed;inset:0;left:0;top:0;transform:none;width:auto;height:auto;max-height:none;overflow-y:auto;
    display:none;grid-template-columns:1fr 1fr;align-content:center;justify-items:center;gap:14px 12px;
    padding:64px 16px calc(24px + env(safe-area-inset-bottom));border:0;border-radius:0;background:transparent;box-shadow:none;filter:none;animation:none}
  .topbar.open .topmenu{display:grid}
  @media (prefers-reduced-motion:no-preference){.topbar.open .topmenu{animation:menu-fade .25s ease-out both}}
  .topmenu .menu-head{grid-column:1/-1;margin:0}
  .topmenu .mh-logo{width:min(78vw,300px);max-width:none;margin:0}
  /* every item: a circle */
  .topbar .topmenu>a,.topbar .topmenu>a:last-of-type{flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:0;padding:10px;
    border-radius:50%;white-space:normal;text-align:center;line-height:1.15;aspect-ratio:1;min-height:0;font-size:1.05rem;
    background:radial-gradient(circle at 35% 28%,#8ff8ff 0%,#22d8f2 45%,#00a8e8 100%);border:4px solid #fff;
    box-shadow:0 0 0 4px #0b1a5c,0 12px 24px -8px rgba(10,20,70,.7)}
  .topbar .topmenu>a span{color:#fff;text-shadow:-1px -1px 0 #5b1fb0,1px -1px 0 #5b1fb0,-1px 1px 0 #5b1fb0,1px 1px 0 #5b1fb0,0 2px 0 #5b1fb0;font-weight:700}
  .topbar .topmenu>a:first-of-type{margin:0}
  /* the show: one big circle with the Sasson VeSimcha picture + logo */
  .topbar .topmenu>a.m-show{grid-column:1/-1;width:min(64vw,250px);padding:14px 16px}
  .topbar .topmenu>a.m-show .m-emoji{display:none}
  .m-show .m-pic{display:block;width:100%;height:auto;margin-top:6px;filter:drop-shadow(0 4px 6px rgba(11,26,92,.45))}
  .topbar .topmenu>a.m-show span{font-size:1.05rem}
  /* birthdays + songs: two smaller circles side by side */
  .topbar .topmenu>a.m-bday,.topbar .topmenu>a.m-songs{width:min(40vw,150px)}
  .topbar .topmenu>a .m-emoji{width:56px;height:56px;margin:0}
  .topmenu .menu-social{grid-column:1/-1;margin:4px 0 0;border:0;padding:0}
  .topbar.open .menu-btn{position:fixed;top:12px;left:auto;right:12px;width:46px;height:46px}
}
@keyframes menu-fade{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
/* 4th item "עושים שמח בשכונה – המופע": big show circle on top, three equal circles in a row below */
@media (max-width:719px){
  .topbar .topmenu{grid-template-columns:repeat(3,1fr);gap:14px 8px}
  .topbar .topmenu>a.m-hood,.topbar .topmenu>a.m-bday,.topbar .topmenu>a.m-songs{width:min(30vw,118px);padding:6px;font-size:.84rem;border-width:3px;box-shadow:0 0 0 3px #0b1a5c,0 10px 20px -8px rgba(10,20,70,.7)}
  .topbar .topmenu>a.m-hood .m-emoji,.topbar .topmenu>a.m-bday .m-emoji,.topbar .topmenu>a.m-songs .m-emoji{width:42px;height:42px}
}
@media (min-width:720px){.topmenu a.m-hood{--mc:#2fd3ee}}
@media (min-width:720px){.topmenu a{white-space:nowrap;padding:6px 12px;font-size:.98rem}.topmenu{flex-wrap:wrap;justify-content:center}}
/* birthday icon: tiered cake with lit candles + sparklers, gently twinkling */
@media (prefers-reduced-motion:no-preference){
  .m-bday .m-emoji{animation:cake-twinkle 1.4s ease-in-out infinite}
}
@keyframes cake-twinkle{0%,100%{filter:drop-shadow(0 2px 2px rgba(11,26,92,.45)) brightness(1)}50%{filter:drop-shadow(0 0 8px rgba(255,230,120,.95)) brightness(1.12)}}
@media (max-width:719px){.topbar .topmenu>a.m-bday .m-emoji{width:50px;height:50px}}
/* home page: colorful music notes that always float and sway over the background */
.float-notes{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.fn{position:absolute;display:block;aspect-ratio:1;opacity:.95;filter:drop-shadow(0 3px 0 rgba(20,10,80,.45)) drop-shadow(0 0 6px rgba(255,255,255,.45));
  animation:note-float 7s ease-in-out infinite}
.fn svg{width:100%;height:100%;fill:currentColor;stroke:#fff;stroke-width:3;paint-order:stroke}
@keyframes note-float{
  0%{transform:translate(0,0) rotate(-10deg) scale(1)}
  25%{transform:translate(10px,-18px) rotate(8deg) scale(1.08)}
  50%{transform:translate(-6px,-32px) rotate(-6deg) scale(.96)}
  75%{transform:translate(-12px,-14px) rotate(12deg) scale(1.05)}
  100%{transform:translate(0,0) rotate(-10deg) scale(1)}}
@media (prefers-reduced-motion:reduce){.fn{animation:none}}

/* opening photo: four poses that swap every few seconds with a little bounce */
.hero-slides{position:relative;width:min(96vw,620px);aspect-ratio:920/1400;max-width:none}
.hero-slides .sl{position:absolute;inset:auto 0 0 0;margin-inline:auto;width:auto;height:100%;max-width:100%;object-fit:contain;object-position:bottom center;opacity:0;
  filter:drop-shadow(0 24px 30px rgba(10,20,90,.5))}
.hero-slides .sl:first-child{opacity:1}
@media (min-width:900px){.hero-slides{width:auto;height:min(62vh,640px)}.hero-slides .sl{width:auto;height:100%}}
@media (prefers-reduced-motion:no-preference){
  .js .hero-slides .sl{opacity:0;animation:pose-swap 16s infinite both}
  .js .hero-slides .sl:nth-child(1){animation-delay:0s}
  .js .hero-slides .sl:nth-child(2){animation-delay:4s}
  .js .hero-slides .sl:nth-child(3){animation-delay:8s}
  .js .hero-slides .sl:nth-child(4){animation-delay:12s}
}
@keyframes pose-swap{
  0%{opacity:0;transform:translateY(24px) scale(.94)}
  4%{opacity:1;transform:translateY(-8px) scale(1.02)}
  7%{transform:translateY(0) scale(1)}
  15%{transform:translateY(-6px) rotate(-1deg)}
  22%{opacity:1;transform:translateY(0) rotate(1deg)}
  27%{opacity:0;transform:translateY(-10px) scale(.97)}
  100%{opacity:0}}
body:has(.topbar.open) .float-notes{z-index:60}
/* phone menu: birthdays circle is filled with Chico's birthday picture, label on a strip at the bottom */
.m-photo{display:none}
@media (max-width:719px){
  .topbar .topmenu>a.m-bday{position:relative;overflow:hidden;padding:0;justify-content:flex-end}
  .topbar .topmenu>a.m-bday .m-emoji{display:none}
  .m-bday .m-photo{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .topbar .topmenu>a.m-bday span{position:relative;width:100%;padding:3px 0 9px;background:linear-gradient(transparent,rgba(11,26,92,.85) 35%)}
}
/* pose change = a full spin: the old pose spins out, the new one spins in */
@keyframes pose-swap{
  0%{opacity:0;transform:perspective(900px) rotateY(-180deg) scale(.9)}
  5%{opacity:1;transform:perspective(900px) rotateY(0) scale(1.03)}
  8%{transform:perspective(900px) rotateY(0) scale(1)}
  15%{transform:translateY(-6px) rotate(-1deg)}
  20%{opacity:1;transform:translateY(0) rotate(1deg)}
  22%{opacity:1;transform:perspective(900px) rotateY(0) scale(1)}
  27%{opacity:0;transform:perspective(900px) rotateY(180deg) scale(.9)}
  100%{opacity:0}}
.js .hero-slides .sl{backface-visibility:hidden;transform-origin:50% 60%}
/* 5 slides: 20s loop, 4s each */
@media (prefers-reduced-motion:no-preference){
  .js .hero-slides .sl{animation-name:pose-swap5;animation-duration:20s}
  .js .hero-slides .sl:nth-child(5){animation-delay:16s}
}
@keyframes pose-swap5{
  0%{opacity:0;transform:perspective(900px) rotateY(-180deg) scale(.9)}
  4%{opacity:1;transform:perspective(900px) rotateY(0) scale(1.03)}
  6.5%{transform:perspective(900px) rotateY(0) scale(1)}
  12%{transform:translateY(-6px) rotate(-1deg)}
  16%{opacity:1;transform:translateY(0) rotate(1deg)}
  17.5%{opacity:1;transform:perspective(900px) rotateY(0) scale(1)}
  21.5%{opacity:0;transform:perspective(900px) rotateY(180deg) scale(.9)}
  100%{opacity:0}}
/* the wide Chico + Sasson VeSimcha picture sits lower, full width, inside the same box */
.hero-slides .sl-wide{height:auto;width:88%;max-width:none;top:auto;bottom:6%}
@media (min-width:900px){.hero-slides .sl-wide{width:min(70vw,760px);left:50%;right:auto;margin:0;translate:-50% 0}}
.hero-slides .sl-wide{bottom:auto;top:50%;translate:0 -50%}@media (min-width:900px){.hero-slides .sl-wide{translate:-50% -50%}}
/* slideshow v3 is driven by page.js (different entrance each time + confetti); CSS keyframes off */
.js .hero-slides .sl{animation:none!important;opacity:0}
.js .hero-slides .sl.on{opacity:1}
html:not(.js) .hero-slides .sl:not(:first-child){display:none}
/* Chico dances while he's on screen: bounce, sway and a little hip wiggle, on a wrapper so it doesn't fight the entrance/exit */
@media (prefers-reduced-motion:no-preference){
  .js .hero-slides{animation:chico-dance 1.6s ease-in-out infinite;transform-origin:50% 100%}
}
@keyframes chico-dance{
  0%  {transform:translateY(0) rotate(0) scaleY(1)}
  12% {transform:translateY(-14px) rotate(-4deg) scaleY(1.02)}
  25% {transform:translateY(0) rotate(0) scaleY(.97)}
  37% {transform:translateY(-10px) rotate(4deg) scaleY(1.02)}
  50% {transform:translateY(0) rotate(0) scaleY(.97)}
  62% {transform:translateX(-8px) translateY(-6px) rotate(-3deg)}
  75% {transform:translateX(8px) translateY(0) rotate(3deg)}
  87% {transform:translateY(-12px) rotate(0) scaleY(1.03)}
  100%{transform:translateY(0) rotate(0) scaleY(1)}}
/* slower, calmer dance; Sasson VeSimcha bigger and punchier */
@media (prefers-reduced-motion:no-preference){.js .hero-slides{animation-duration:3.6s}}
.hero-slides .sl-wide{width:118%;margin-inline:-9%;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 3px #fff) drop-shadow(0 18px 26px rgba(10,20,90,.55)) saturate(1.15)}
@media (min-width:900px){.hero-slides .sl-wide{width:min(80vw,900px);margin:0}}
@media (min-width:900px){.hero-slides .sl-wide{width:min(62vw,720px)}}
/* call-to-action card under the opening photo */
.hero-cta-box{position:relative;z-index:1;margin:-10px auto 0;max-width:min(92vw,520px);padding:18px 20px 22px;border-radius:var(--r-md);text-align:center;
  background:rgba(58,20,99,.88);border:3px solid var(--sun-400);box-shadow:0 16px 30px -12px rgba(10,20,70,.65)}
.hcb-q{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(1.35rem,5.6vw,1.8rem);line-height:1.2;color:var(--sun-400);text-wrap:balance}
.hcb-sub{margin:6px 0 14px;font-size:clamp(1.05rem,4vw,1.2rem);font-weight:600;color:#fff}
.hcb-btn{font-size:1.2rem;min-height:56px;padding-inline:1.8em;box-shadow:0 5px 0 var(--sun-700)}
.hero-blank{padding-bottom:28px}
.hcb-q{font-size:clamp(1.25rem,5.2vw,1.65rem)}

/* hero: one picture — Chicolulu + Sasson & Simcha */
.hero-photo.hero-one{width:min(100%,960px);height:auto;margin-top:clamp(8px,2vw,18px)}
.hero-photo.hero-one img{width:100%;height:auto;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 3px #fff) drop-shadow(0 18px 26px rgba(10,20,90,.5)) saturate(1.1)}
@media (min-width:900px){.hero-photo.hero-one{width:min(80vw,960px)}.hero-photo.hero-one img{width:100%;height:auto}}

/* hero: Chico standing tall + Sasson & Simcha beside him */
.hero-duo{display:flex;align-items:center;justify-content:center;width:min(100%,1000px);margin-top:clamp(6px,2vw,16px)}
.hero-duo img{height:auto;max-width:none;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 3px #fff) drop-shadow(0 18px 26px rgba(10,20,90,.5)) saturate(1.1)}
.hero-duo .hd-chico{width:46%;position:relative;z-index:1}
.hero-duo .hd-sasson{width:66%;margin-inline-start:-12%}
@media (min-width:900px){.hero-duo .hd-chico{width:auto;height:min(80vh,780px)}.hero-duo .hd-sasson{width:min(50vw,620px);margin-inline-start:-3%}}

/* show page: ששון ושמחה – המופע */
.show-page{padding:clamp(78px,12vw,110px) 0 120px}
.sp-in{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.sp-back{align-self:flex-start;background:#fff;color:var(--purple-900);font-weight:700;padding:.45em 1.1em;border-radius:999px;border:2px solid #2fd3ee;text-decoration:none}
.sp-title{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,8vw,3.4rem);line-height:1.1;color:var(--sun-400);-webkit-text-stroke:2px #5b1fb0;paint-order:stroke fill;text-shadow:0 4px 0 #5b1fb0,0 8px 18px rgba(10,20,90,.5)}
.sp-pic{width:min(100%,620px);height:auto;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 3px #fff) drop-shadow(0 18px 26px rgba(10,20,90,.5)) saturate(1.1)}
.show-page .hero-cta-box{margin:0;width:100%}
.sp-text{margin:0}
.sp-video{width:min(100%,760px)}
.sp-video .vid{border:4px solid #fff;box-shadow:0 0 0 4px #0b1a5c,0 18px 30px rgba(10,20,90,.45)}
.sp-cap{margin:10px 0 0;font-weight:700;color:#fff;font-size:1.1rem;text-shadow:0 2px 6px rgba(10,20,90,.7)}
.show-page{padding-top:clamp(56px,9vw,70px)}
.sp-in{position:relative}
.sp-pic{order:-1;width:min(112%,1000px);max-width:none;margin-inline:-6%}
@media (min-width:900px){.sp-pic{width:min(78vw,1000px);margin-inline:0}}
.sp-back-top{position:fixed;top:12px;left:12px;z-index:40;align-self:auto}
@media (min-width:720px){.sp-back-top{top:16px;left:20px}}
.sp-show{width:min(100%,360px)}
.sp-show video{width:100%;height:auto;aspect-ratio:464/832;border-radius:var(--r-md);border:4px solid #fff;box-shadow:0 0 0 4px #0b1a5c,0 18px 30px rgba(10,20,90,.45);background:#0b1a5c}
.sp-h2{margin:14px 0 0;font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,6vw,2.2rem);line-height:1.15;color:#fff;-webkit-text-stroke:1.5px #5b1fb0;paint-order:stroke fill;text-shadow:0 3px 0 #5b1fb0,0 6px 14px rgba(10,20,90,.5);text-wrap:balance}
.sp-vids{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:min(100%,860px)}
.sp-vids .vid{border:3px solid #fff;box-shadow:0 0 0 3px #0b1a5c,0 12px 22px rgba(10,20,90,.4)}
.sp-vids .vid .playb span{width:48px;height:48px}
.sp-vt{margin:8px 0 0;font-weight:700;color:#fff;font-size:clamp(.95rem,3.6vw,1.1rem);line-height:1.25;text-shadow:0 2px 6px rgba(10,20,90,.8)}
.sp-pl{background:#ff0033;color:#fff;box-shadow:0 5px 0 #a3001f}
.sp-pl .ico{fill:currentColor}
@media (min-width:900px){.sp-vids{grid-template-columns:repeat(3,1fr);width:min(100%,1000px)}}

/* hero trio: Sasson & Simcha on both sides of Chico */
.hero-trio{align-items:flex-end}
.hero-trio .hd-chico{width:44%;z-index:2}
.hero-trio .hd-char{width:34%;margin-bottom:2%;position:relative;z-index:1}
.hero-trio .hd-char-r{margin-inline-end:-6%}
.hero-trio .hd-char-l{margin-inline-start:-6%}
@media (min-width:900px){.hero-trio .hd-chico{width:auto;height:min(80vh,780px)}.hero-trio .hd-char{width:auto;height:min(54vh,520px)}.hero-trio .hd-char-r{margin-inline-end:-2%}.hero-trio .hd-char-l{margin-inline-start:-2%}}
.show-page .sp-box{max-width:min(100%,680px);padding:22px clamp(18px,4vw,32px) 24px}
.sp-box-h{margin:0 0 12px}
.sp-box .sp-text{margin:0 0 12px;color:#fff;font-size:clamp(1.02rem,3.9vw,1.15rem);line-height:1.65;font-weight:600;text-wrap:pretty}
.sp-end{margin:6px 0 0;font-family:var(--font-display);font-weight:700;font-size:clamp(1.15rem,4.6vw,1.4rem);color:#2fd3ee}
/* show name big + pink boxes */
.show-page .hero-cta-box{background:linear-gradient(160deg,rgba(233,40,150,.95),rgba(176,19,109,.95));border-color:#fff;box-shadow:0 0 0 4px #ff4fc3,0 18px 30px -10px rgba(90,10,60,.6)}
.sp-name{margin:0 0 14px;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--font-display);font-weight:700;line-height:1.05}
.spn-1{font-size:clamp(2.6rem,12vw,4.2rem);background:linear-gradient(90deg,#fed835,#3fd0ff 50%,#fed835);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px #5b1fb0;paint-order:stroke fill;filter:drop-shadow(0 4px 0 #0b1a5c)}
.spn-2{font-size:clamp(1.45rem,6.4vw,2.2rem);color:#fff;-webkit-text-stroke:1.5px #5b1fb0;paint-order:stroke fill;text-shadow:0 3px 0 #5b1fb0}
.show-page .sp-end{color:#fed835}
.spn-1{background:none;color:#fed835;-webkit-text-stroke:2px #5b1fb0;filter:none;text-shadow:0 4px 0 #5b1fb0,0 8px 16px rgba(60,0,40,.45)}
.spn-b{color:#3fd0ff}
/* small colorful stars / notes / squiggles behind the pink show boxes */
.show-page .hero-cta-box{isolation:isolate;overflow:hidden}
.show-page .hero-cta-box::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22240%22%20height%3D%22240%22%20viewBox%3D%220%200%20240%20240%22%3E%3Cpath%20transform%3D%22translate%2828%2030%29%20scale%281.1%29%22%20fill%3D%22%23fed835%22%20d%3D%22M0-10%202.9-3.1%2010-3.1%204.3%201.2%206.5%208.1%200%203.9-6.5%208.1-4.3%201.2-10-3.1-2.9-3.1Z%22/%3E%3Cg%20transform%3D%22translate%28110%2040%29%20scale%281%29%22%20fill%3D%22%233fd0ff%22%3E%3Cellipse%20cx%3D%22-4%22%20cy%3D%228%22%20rx%3D%225%22%20ry%3D%224%22/%3E%3Crect%20x%3D%220%22%20y%3D%22-12%22%20width%3D%222.2%22%20height%3D%2220%22/%3E%3Cpath%20d%3D%22M2.2-12C8-9%2011-6%209-1%208.5-5%206-6.5%202.2-7Z%22/%3E%3C/g%3E%3Cpath%20transform%3D%22translate%28160%2020%29%20rotate%28-15%29%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20d%3D%22M0%200q6-8%2012%200t12%200t12%200%22/%3E%3Cpath%20transform%3D%22translate%28200%20110%29%20scale%280.8%29%22%20fill%3D%22%23ffffff%22%20d%3D%22M0-10%202.9-3.1%2010-3.1%204.3%201.2%206.5%208.1%200%203.9-6.5%208.1-4.3%201.2-10-3.1-2.9-3.1Z%22/%3E%3Cpath%20transform%3D%22translate%2820%20100%29%20rotate%2820%29%22%20fill%3D%22none%22%20stroke%3D%22%23fed835%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20d%3D%22M0%200q6-8%2012%200t12%200t12%200%22/%3E%3Cg%20transform%3D%22translate%2870%20130%29%20scale%280.9%29%22%20fill%3D%22%23ffffff%22%3E%3Cellipse%20cx%3D%22-4%22%20cy%3D%228%22%20rx%3D%225%22%20ry%3D%224%22/%3E%3Crect%20x%3D%220%22%20y%3D%22-12%22%20width%3D%222.2%22%20height%3D%2220%22/%3E%3Cpath%20d%3D%22M2.2-12C8-9%2011-6%209-1%208.5-5%206-6.5%202.2-7Z%22/%3E%3C/g%3E%3Cpath%20transform%3D%22translate%28140%20150%29%20scale%281.2%29%22%20fill%3D%22%233fd0ff%22%20d%3D%22M0-10%202.9-3.1%2010-3.1%204.3%201.2%206.5%208.1%200%203.9-6.5%208.1-4.3%201.2-10-3.1-2.9-3.1Z%22/%3E%3Ccircle%20cx%3D%22190%22%20cy%3D%2260%22%20r%3D%223.5%22%20fill%3D%22%23fed835%22/%3E%3Ccircle%20cx%3D%2245%22%20cy%3D%22180%22%20r%3D%223%22%20fill%3D%22%233fd0ff%22/%3E%3Cpath%20transform%3D%22translate%28100%20200%29%20rotate%28-8%29%22%20fill%3D%22none%22%20stroke%3D%22%233fd0ff%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20d%3D%22M0%200q6-8%2012%200t12%200t12%200%22/%3E%3Cg%20transform%3D%22translate%28210%20190%29%20scale%280.8%29%22%20fill%3D%22%23fed835%22%3E%3Cellipse%20cx%3D%22-4%22%20cy%3D%228%22%20rx%3D%225%22%20ry%3D%224%22/%3E%3Crect%20x%3D%220%22%20y%3D%22-12%22%20width%3D%222.2%22%20height%3D%2220%22/%3E%3Cpath%20d%3D%22M2.2-12C8-9%2011-6%209-1%208.5-5%206-6.5%202.2-7Z%22/%3E%3C/g%3E%3Cpath%20transform%3D%22translate%2820%20215%29%20scale%280.7%29%22%20fill%3D%22%238a3cff%22%20d%3D%22M0-10%202.9-3.1%2010-3.1%204.3%201.2%206.5%208.1%200%203.9-6.5%208.1-4.3%201.2-10-3.1-2.9-3.1Z%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%2295%22%20r%3D%222.5%22%20fill%3D%22%23ffffff%22/%3E%3Cpath%20transform%3D%22translate%2880%2080%29%20scale%280.6%29%22%20fill%3D%22%23fed835%22%20d%3D%22M0-10%202.9-3.1%2010-3.1%204.3%201.2%206.5%208.1%200%203.9-6.5%208.1-4.3%201.2-10-3.1-2.9-3.1Z%22/%3E%3C/svg%3E") 0 0/180px 180px repeat;opacity:.38}
.show-page .sp-end{color:#fff;-webkit-text-stroke:1px #5b1fb0;paint-order:stroke fill;text-shadow:0 2px 0 #5b1fb0}
.spn-end{display:inline-block;font-size:1.45em;color:#fed835;-webkit-text-stroke:1.5px #5b1fb0;text-shadow:0 3px 0 #5b1fb0,0 6px 12px rgba(60,0,40,.45)}
.show-page .sp-end{display:flex;flex-direction:column;align-items:center;gap:2px}
.spn-sub{font-size:1.05em;-webkit-text-stroke:1.2px #5b1fb0;paint-order:stroke fill;text-shadow:0 3px 0 #5b1fb0}
.spn-sub .c-y{color:#fed835}.spn-sub .c-t{color:#3fd0ff}.spn-sub .c-w{color:#fff}
.sp-box .sp-text{font-weight:800;font-size:clamp(1.12rem,4.4vw,1.28rem);line-height:1.6;text-shadow:0 1px 0 #5b1fb0,0 2px 6px rgba(40,0,30,.55)}
.show-page .sp-box::before{opacity:.26}
.sp-h2c{display:flex;flex-direction:column;align-items:center;gap:2px;-webkit-text-stroke:0;text-shadow:none}
.sp-h2c .spn-end{font-size:1.3em}
.sp-h2c .spn-sub{font-size:.9em;-webkit-text-stroke:1.5px #5b1fb0}
.sp-h2c .spn-end{font-size:1.6em}.sp-h2c .spn-sub{font-size:1.05em}
.spn-sub .c-p{color:#ff4fc3}
.sp-h2c .spn-end{-webkit-text-stroke:3px #5b1fb0;text-shadow:0 4px 0 #5b1fb0,0 0 14px rgba(91,31,176,.55)}.sp-h2c .spn-sub{-webkit-text-stroke:2.5px #5b1fb0;text-shadow:0 3px 0 #5b1fb0,0 0 12px rgba(91,31,176,.5)}
/* show page: Sasson & Simcha picture gently dances */
@keyframes sp-bop{0%,100%{transform:translateY(0) rotate(-2deg) scale(1)}25%{transform:translateY(-10px) rotate(0deg) scale(1.02)}50%{transform:translateY(0) rotate(2deg) scale(1)}75%{transform:translateY(-10px) rotate(0deg) scale(1.02)}}
@media (prefers-reduced-motion:no-preference){.sp-pic{animation:sp-bop 3.2s ease-in-out infinite;transform-origin:50% 90%}}
/* clips: narrower, centered; captions colorful + bold */
.sp-vids{width:min(88%,560px);margin-inline:auto;gap:16px 14px}
@media (min-width:900px){.sp-vids{width:min(100%,780px)}}
.sp-vt{font-family:var(--font-display);font-weight:700;font-size:clamp(1rem,4vw,1.2rem);-webkit-text-stroke:1.5px #5b1fb0;paint-order:stroke fill;text-shadow:0 2px 0 #5b1fb0,0 0 10px rgba(91,31,176,.5)}
.sp-v:nth-child(3n+1) .sp-vt{color:#fed835}
.sp-v:nth-child(3n+2) .sp-vt{color:#ff4fc3}
.sp-v:nth-child(3n) .sp-vt{color:#3fd0ff}
.sp-vt{-webkit-text-stroke:3px #5b1fb0;text-shadow:0 3px 0 #5b1fb0,0 0 12px rgba(91,31,176,.6)}
/* "הציצו למופע" intro above the show video */
.sp-peek{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:min(100%,600px);margin-top:10px}
.sp-peek-h{margin:0;font-size:clamp(2rem,8.5vw,2.8rem);color:#fed835;-webkit-text-stroke:3px #5b1fb0;text-shadow:0 4px 0 #5b1fb0,0 0 14px rgba(91,31,176,.55)}
.sp-peek-t{margin:0;font-weight:800;font-size:clamp(1.1rem,4.3vw,1.25rem);line-height:1.55;color:#fff;-webkit-text-stroke:2.5px #5b1fb0;paint-order:stroke fill;text-shadow:0 2px 0 #5b1fb0,0 0 10px rgba(91,31,176,.55);text-wrap:pretty}
.sp-peek-btn{font-size:1.15rem;cursor:pointer;border:0}
.sp-peek{width:100%;padding-inline:6px;box-sizing:border-box}.sp-peek-t{font-size:clamp(1.05rem,4.1vw,1.22rem)}
/* peek text sits on top of the show video until it plays */
.sp-show{position:relative;width:min(100%,400px)}
.sp-show .sp-peek{position:absolute;inset:auto 4px 4px 4px;width:auto;max-width:none;margin:0;padding:60px 14px 18px;gap:8px;border-radius:0 0 calc(var(--r-md) - 4px) calc(var(--r-md) - 4px);background:linear-gradient(to top,rgba(11,26,92,.92) 0%,rgba(11,26,92,.75) 60%,rgba(11,26,92,0) 100%);transition:opacity .3s}
.sp-show .sp-peek-h{font-size:clamp(1.8rem,7.5vw,2.3rem)}
.sp-show .sp-peek-t{font-size:clamp(.98rem,3.9vw,1.1rem);-webkit-text-stroke:0;text-shadow:0 2px 4px rgba(0,0,0,.6)}
.sp-show.playing .sp-peek{opacity:0;pointer-events:none}
.sp-show video:not([controls]){cursor:pointer}
.sp-show .sp-peek-t{font-weight:800;font-size:clamp(1.08rem,4.3vw,1.22rem);line-height:1.5;color:#fff;-webkit-text-stroke:2.5px #5b1fb0;paint-order:stroke fill;text-shadow:0 2px 0 #5b1fb0,0 0 10px rgba(0,0,0,.6)}
.spn-in{color:#fed835;font-size:1.25em;font-family:var(--font-display);font-weight:700}
.spn-in .spn-b{color:#3fd0ff}
/* tighter pink show box */
.show-page .sp-box{padding:16px clamp(14px,3.5vw,26px) 14px}
.sp-name{margin-bottom:8px}
.sp-box .sp-text{margin:0 0 8px;font-size:clamp(1.04rem,4vw,1.18rem);line-height:1.45}
.show-page .sp-end{margin:2px 0 0;gap:0;line-height:1.15}
.show-page .sp-end .spn-end{font-size:1.3em;line-height:1.1}
.sp-back-top{position:absolute}
.show-page{position:relative}.show-page .sp-in{position:static}.sp-back-top{top:12px;left:12px}@media (min-width:720px){.sp-back-top{top:16px;left:20px}}
/* twinkling white stars over the Sasson & Simcha picture */
.sp-pic-wrap{position:relative;order:-1;width:min(112%,1000px);margin-inline:-6%}
@media (min-width:900px){.sp-pic-wrap{width:min(78vw,1000px);margin-inline:0}}
.sp-pic-wrap .sp-pic{width:100%;margin:0;order:0;animation:none}
.sp-twinkle{position:absolute;inset:0;pointer-events:none}
.tw{position:absolute;aspect-ratio:1;translate:-50% -50%;color:#fff;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 10px #fff8b0)}
.tw svg{width:100%;height:100%;fill:currentColor}
@keyframes tw{0%,100%{transform:scale(.55) rotate(0deg);opacity:.65}45%{transform:scale(1.25) rotate(45deg);opacity:1}60%{transform:scale(1) rotate(60deg);opacity:1}}
@media (prefers-reduced-motion:no-preference){.sp-pic-wrap{animation:sp-bop 3.2s ease-in-out infinite;transform-origin:50% 90%}.tw{animation:tw 1.6s ease-in-out infinite}}
.sp-box-tw{position:absolute;inset:0;z-index:-1;pointer-events:none}
.tw-s{opacity:.7;filter:drop-shadow(0 0 3px #fff)}
.tw-s:nth-child(3n){color:#fed835}.tw-s:nth-child(3n+1){color:#bff6ff}
.sp-cta-q{-webkit-text-stroke:2px #5b1fb0;paint-order:stroke fill;text-shadow:0 3px 0 #5b1fb0}.sp-cta-q .c-w{color:#fff}.sp-cta-q .spn-in{font-size:1.15em}
/* two show videos side by side */
.sp-peek-top{position:static;margin-top:6px}
.sp-shows{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(100%,760px)}
.sp-shows .sp-show{width:auto}
.sp-shows .sp-show video{aspect-ratio:9/16;object-fit:cover;border-width:3px;box-shadow:0 0 0 3px #0b1a5c,0 14px 24px rgba(10,20,90,.45)}
.sp-vbtn{position:absolute;left:50%;bottom:16px;translate:-50% 0;min-height:44px;padding:.4em 1em;font-size:clamp(.85rem,3.4vw,1.05rem);line-height:1.15;white-space:normal;width:max-content;max-width:88%;text-align:center;border:0;cursor:pointer;transition:opacity .3s}
.sp-show.playing .sp-vbtn{opacity:0;pointer-events:none}
html{overflow-x:clip}.show-page{overflow-x:clip}.sp-pic-wrap{width:min(100%,1000px);margin-inline:0}
/* full-screen button on show videos */
.sp-full{position:absolute;top:12px;left:12px;z-index:2;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;border:2px solid #fff;background:rgba(11,26,92,.7);color:#fff;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.35)}
.sp-full svg{width:24px;height:24px}
.sp-full:active{transform:scale(.94)}
.sp-show video:fullscreen{border:0;border-radius:0;box-shadow:none;object-fit:contain;background:#000}
.sp-vbtn{gap:.4em}.sp-tri{width:1em;height:1em;flex:none}
.sp-tri{color:#3fd0ff;filter:drop-shadow(0 0 1px #0b1a5c)}.sp-vids .playb .play-tri{color:#00b8e6}
/* footer: name + colorful tagline, tight one under the other */
.foot-brand{margin:6px 0 0;line-height:1.05;font-size:1.8rem;-webkit-text-stroke:1px #5b1fb0;paint-order:stroke fill}
.foot-tag{margin:2px 0 14px;line-height:1.15;-webkit-text-stroke:1px #5b1fb0;paint-order:stroke fill}
.foot-tag .c-y{color:#fed835}.foot-tag .c-p{color:#ff4fc3}.foot-tag .c-w{color:#fff}.foot-tag .c-t{color:#3fd0ff}
.foot-legal{color:#fff!important;opacity:1;font-weight:700;font-size:1rem;line-height:1.55}
.foot-brand{margin:4px 0 0;line-height:.95}.foot-tag{margin:-4px 0 12px;line-height:1}
/* ---- show page: calmer layout (Chico's plan) ---- */
.sp-all{background:#fff;color:#0b1a5c;border:3px solid #3fd0ff;box-shadow:0 5px 0 #0b1a5c;cursor:pointer;font-size:1.1rem}
.sp-all[hidden]{display:none}
/* one clean frame per video */
.sp-vids .vid,.sp-shows .sp-show video{border:3px solid #fff;box-shadow:0 8px 18px rgba(10,20,90,.35)}
.page-show .show-page .hero-cta-box::before{opacity:.15}
.page-show .sp-box-tw .tw-s:nth-child(2n){display:none}
/* slimmer bottom bar on the show page */
.page-show .wabar{padding:6px var(--pad) calc(6px + env(safe-area-inset-bottom));gap:8px}
.page-show .wb{min-height:42px;font-size:1rem}
.page-show .wb svg{width:21px;height:21px}
.page-show .show-page{padding-bottom:70px}
.js .page-show .wabar:not(.show){transform:translateY(115%)!important}
.sp-vids{width:100%;gap:8px}@media (min-width:900px){.sp-vids{width:min(100%,900px);gap:12px}}
/* "want to see more?" → YouTube playlist */
.sp-more-box{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;margin-top:4px}
.sp-more-q{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,6.5vw,2.1rem);line-height:1.1;color:#fed835;-webkit-text-stroke:2.5px #5b1fb0;paint-order:stroke fill;text-shadow:0 3px 0 #5b1fb0}
.sp-more-t{margin:0 0 6px;font-weight:800;font-size:clamp(1.05rem,4.2vw,1.2rem);line-height:1.45;color:#fff;-webkit-text-stroke:2.5px #5b1fb0;paint-order:stroke fill;text-shadow:0 2px 0 #5b1fb0}
.sp-more-box .sp-all{background:#ff0033;color:#fff;border:0;box-shadow:0 5px 0 #a3001f;gap:.5em}
/* bottom: small YouTube link, clear gap, compact booking box */
.sp-more-q{font-size:clamp(1.35rem,5.4vw,1.7rem)}
.sp-more-box .sp-all{min-height:42px;padding:.35em 1.1em;font-size:1rem;box-shadow:0 3px 0 #a3001f}
.show-page .sp-cta{margin-top:26px;max-width:min(100%,420px);padding:14px 16px 16px}
.sp-cta .sp-cta-q{font-size:clamp(1.15rem,4.8vw,1.4rem);margin-bottom:10px}
.sp-cta .hcb-btn{font-size:1.15rem;min-height:54px}
/* "peek at the show": calm panel so the videos stand out */
.sp-watch{width:calc(100% + 16px);margin:18px -8px 6px;padding:18px 12px 16px;border-radius:24px;background:rgba(9,18,70,.82);box-shadow:0 18px 40px -14px rgba(0,0,0,.6),inset 0 0 0 2px rgba(63,208,255,.35);display:flex;flex-direction:column;align-items:center;gap:12px}
.sp-watch .sp-peek-top{margin:0;padding:0;gap:4px}
.sp-watch .sp-peek-t{-webkit-text-stroke:0;text-shadow:none;font-size:clamp(1.02rem,4.1vw,1.18rem)}
.sp-watch .spn-in{-webkit-text-stroke:1.5px #5b1fb0;paint-order:stroke fill}
.sp-watch .sp-shows{width:100%}
@media (min-width:900px){.sp-watch{width:min(100%,820px);margin-inline:auto;padding:24px}}
/* ===== TV zone: YouTube clips on a big cartoon TV ===== */
.tv-zone{width:calc(100% + 16px);margin:6px -8px 0;padding:22px 12px 18px;border-radius:24px;background:rgba(9,18,70,.82);box-shadow:0 18px 40px -14px rgba(0,0,0,.6),inset 0 0 0 2px rgba(63,208,255,.35);display:flex;flex-direction:column;align-items:center;gap:12px}
@media (min-width:900px){.tv-zone{width:min(100%,820px);margin-inline:auto;padding:28px 24px 22px}}
.tv-set{position:relative;width:min(100%,640px);padding-top:26px}
.tv-ant{position:absolute;top:0;left:50%;width:120px;height:34px;translate:-50% 0;pointer-events:none}
.tv-ant::before,.tv-ant::after{content:"";position:absolute;bottom:0;width:4px;height:40px;background:#c9d3ff;border-radius:2px;transform-origin:bottom center}
.tv-ant::before{left:50%;transform:rotate(-32deg)}.tv-ant::after{left:50%;transform:rotate(32deg)}
.tv-body{position:relative;display:flex;gap:10px;padding:14px;border-radius:26px;background:linear-gradient(160deg,#ff5fcf,#b4128a);box-shadow:0 0 0 4px #0b1a5c,inset 0 3px 0 rgba(255,255,255,.35),0 16px 28px rgba(0,0,0,.45)}
.tv-screen{flex:1;min-width:0;border-radius:16px;overflow:hidden;background:#000;box-shadow:inset 0 0 0 4px #0b1a5c}
.tv-screen .vid{border:0!important;box-shadow:none!important;border-radius:14px}
.tv-panel{width:34px;flex:none;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:6px}
.tv-knob{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff7b0,#fed835 55%,#c79a00);box-shadow:0 0 0 3px #0b1a5c}
.tv-grill{flex:1;width:18px;margin-top:4px;border-radius:8px;background:repeating-linear-gradient(#0b1a5c 0 3px,transparent 3px 7px);opacity:.55}
.tv-legs{display:block;position:relative;height:16px;margin:0 auto;width:62%}
.tv-legs::before,.tv-legs::after{content:"";position:absolute;top:0;width:12px;height:16px;background:#0b1a5c;border-radius:0 0 6px 6px}
.tv-legs::before{left:8%;transform:skewX(14deg)}.tv-legs::after{right:8%;transform:skewX(-14deg)}
@media (max-width:480px){.tv-body{padding:10px;gap:6px;border-radius:20px}.tv-panel{width:22px;gap:7px}.tv-knob{width:18px;height:18px}.tv-grill{width:12px}}
.tv-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,640px)}
.tv-pick-b{position:relative;padding:0;border:3px solid #fff;border-radius:12px;overflow:hidden;cursor:pointer;background:#000;aspect-ratio:16/9;box-shadow:0 6px 14px rgba(0,0,0,.35);transition:transform .2s}
.tv-pick-b img{width:100%;height:100%;object-fit:cover}
.tv-pick-b:active{transform:scale(.96)}
.tv-pick-tri{position:absolute;inset:0;display:grid;place-items:center}
.tv-pick-tri svg{width:30px;height:30px;padding:6px 5px 6px 7px;border-radius:50%;background:var(--sun-400);color:#00b8e6;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.tv-zone .sp-more-box{margin-top:4px}
/* kids watching from behind, sitting just under the TV (never over the screen) */
.tv-kids{width:min(100%,640px);margin-top:-14px;position:relative;z-index:1;line-height:0}
.tv-kids svg{width:100%;height:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45))}
@media (prefers-reduced-motion:no-preference){
  .tv-kids g:nth-child(2n){animation:kid-bop 1.4s ease-in-out infinite}
  .tv-kids g:nth-child(2n+1){animation:kid-bop 1.4s ease-in-out .7s infinite}
}
@keyframes kid-bop{0%,100%{translate:0 0}50%{translate:0 -3px}}
.tv-pick-b{display:block}
/* real-look kids from behind instead of the drawing */
.tv-kids{margin-top:-6px}
.tv-kids img{width:100%;height:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
.tv-kids-photo{margin-top:4px}.tv-kids-photo img{-webkit-mask-image:none;mask-image:none;border-radius:16px;border:3px solid #fff;box-shadow:0 8px 18px rgba(0,0,0,.45);filter:none}
.tv-kids-photo{margin-top:-10px}.tv-kids-photo img{border:0;border-radius:0;box-shadow:none;-webkit-mask-image:radial-gradient(ellipse 62% 70% at 50% 42%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 62% 70% at 50% 42%,#000 55%,transparent 100%)}
.tv-kids-photo img{-webkit-mask-image:radial-gradient(ellipse 50% 54% at 50% 46%,#000 50%,transparent 100%);mask-image:radial-gradient(ellipse 50% 54% at 50% 46%,#000 50%,transparent 100%)}
.tv-kids-photo{margin-top:-8px}.tv-kids-photo img{-webkit-mask-image:none;mask-image:none;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}
.tv-zone,.sp-watch{background:none;box-shadow:none}
.tv-zone{margin-top:-8px;padding-top:0;padding-bottom:0;gap:8px}.sp-watch{margin-bottom:0;padding-bottom:6px}.tv-set{padding-top:22px}.tv-legs{display:none}.tv-kids-photo{margin-top:-14px}.show-page .sp-cta{margin-top:14px}
.sp-h2c{margin:22px 0 0}.sp-h2c+.tv-zone{margin-top:-12px}
.sp-h2c{margin-top:40px;line-height:1;gap:0}.sp-h2c .spn-end,.sp-h2c .spn-sub{line-height:1}.sp-h2c+.tv-zone{margin-top:-20px}
.sp-watch .sp-peek-c{font-family:var(--font-display);font-weight:700;font-size:clamp(1.3rem,5.4vw,1.6rem);line-height:1.2;-webkit-text-stroke:3px #5b1fb0;paint-order:stroke fill;text-shadow:0 3px 0 #5b1fb0,0 0 12px rgba(91,31,176,.6)}
.sp-peek-c .c-y{color:#fed835}.sp-peek-c .c-p{color:#ff4fc3}.sp-peek-c .c-t{color:#3fd0ff}.sp-peek-c .c-w{color:#fff}
.sp-peek-c .spn-in{font-size:1.1em;-webkit-text-stroke:3px #5b1fb0}
.sp-peek-c .c-t{color:#b07cff}
.sp-peek-c .spn-b{color:#3fd0ff;-webkit-text-stroke:4px #5b1fb0;text-shadow:0 3px 0 #5b1fb0,0 0 14px rgba(91,31,176,.9)}
.sp-peek-c .spn-in{display:block;font-size:1.7em;line-height:1.05;margin-top:2px;-webkit-text-stroke:4px #5b1fb0;text-shadow:0 4px 0 #5b1fb0,0 0 16px rgba(91,31,176,.8)}
.sp-l2{white-space:nowrap}.sp-peek-c .spn-in{display:inline;font-size:1.3em}
.tv-kids-photo{width:min(80%,520px);margin-top:-4px}.tv-pick{gap:5px}.tv-zone .sp-more-box{margin-top:0}.show-page .sp-cta{margin-top:10px}
/* twinkling stars scattered in the footer */
.foot{position:relative;isolation:isolate;overflow:hidden}
.foot-tw{position:absolute;inset:0;z-index:-1;pointer-events:none}
.ft-tw{opacity:.85;filter:drop-shadow(0 0 4px currentColor)}
@media (prefers-reduced-motion:no-preference){.ft-tw{animation:tw 1.6s ease-in-out infinite}}
/* footer contact: phone + email */
.foot-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;margin-bottom:6px}
.foot-contact a{display:inline-flex;align-items:center;gap:8px;padding:.45em 1em;border-radius:999px;background:rgba(255,255,255,.12);border:2px solid #3fd0ff;color:#fff;font-weight:700;font-size:1.05rem;text-decoration:none}
.foot-contact a:active{transform:translateY(1px)}
.foot-contact svg{width:20px;height:20px;flex:none;color:#fed835;fill:none;stroke:currentColor}
.foot-contact{flex-wrap:nowrap;gap:6px}.foot-contact a{padding:.4em .7em;gap:5px;font-size:clamp(.78rem,3.3vw,1rem);white-space:nowrap}.foot-contact svg{width:16px;height:16px}
/* ===== footer v2: soft purple ending, contact first, small legal ===== */
.foot{background:linear-gradient(to bottom,rgba(58,20,99,0) 0,rgba(58,20,99,.75) 70px,#2a0d57 160px,#1f0a45 100%);padding-top:60px;margin-top:-30px}
.foot-in{gap:8px}
.foot-contact{gap:10px;margin-bottom:0}
.foot-contact a{font-family:var(--font-display);font-size:clamp(1rem,4.2vw,1.15rem);padding:.5em 1.1em;min-height:48px;border:0;box-shadow:0 4px 0 rgba(0,0,0,.3)}
.foot-contact svg{width:20px;height:20px}
.foot-contact .fc-ph{background:var(--sun-400);color:var(--purple-900)}
.foot-contact .fc-ph svg{color:var(--purple-900)}
.foot-contact .fc-wa{background:#25d366;color:#fff}
.foot-contact .fc-wa svg{fill:currentColor;stroke:none;color:#fff}
.foot-mail{color:rgba(255,255,255,.85);font-size:.9rem;text-decoration:none;border-bottom:1px dotted rgba(255,255,255,.5)}
.foot-logo{width:min(46vw,190px);height:auto;margin-top:14px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}
.foot-tag{font-size:1rem;margin:0 0 8px}
.foot .foot-legal{font-size:.72rem!important;font-weight:400;line-height:1.45;color:rgba(255,255,255,.6)!important;max-width:34em;margin:6px auto 0}
.foot .demo{font-size:.7rem;opacity:.55;margin-top:2px}
.foot-brand{display:none}
.js .wabar.at-foot{transform:translateY(115%)!important}
.foot{padding-top:24px;margin-top:-40px}.page-show .show-page{padding-bottom:30px}
.foot-logo{margin-top:6px}
/* footer has no contact buttons now, so the bottom call/WhatsApp bar always stays */
.js .wabar.at-foot,.js .page-show .wabar:not(.show){transform:none!important}
.foot{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
.foot .foot-legal{color:#fff!important;font-weight:700;font-size:.85rem!important;line-height:1.5}
/* clips under the TV: 2 per row with a title */
.tv-more-h{margin:8px 0 0;font-family:var(--font-display);font-weight:700;font-size:clamp(1.3rem,5.4vw,1.7rem);line-height:1.1;color:#fed835;-webkit-text-stroke:2.5px #5b1fb0;paint-order:stroke fill;text-shadow:0 3px 0 #5b1fb0}
.tv-pick{grid-template-columns:1fr 1fr;gap:10px}
.tv-pick-tri svg{width:38px;height:38px}
.sp-watch{margin-top:0;padding-top:0;gap:6px}.sp-in{gap:10px}.sp-peek-h{line-height:1}.sp-watch .sp-peek-c{line-height:1.1}
.sp-h2c{margin-top:14px}
/* "more clips" / "want more?" — bigger, multi-color, strong outline */
.tv-more-h,.sp-more-q{font-size:clamp(1.8rem,7.6vw,2.4rem)!important;line-height:1.05;-webkit-text-stroke:4px #5b1fb0;paint-order:stroke fill;text-shadow:0 4px 0 #5b1fb0,0 0 16px rgba(91,31,176,.8)}
.tv-more-h .c-w,.sp-more-q .c-w{color:#fff}.tv-more-h .c-p,.sp-more-q .c-p{color:#ff4fc3}.tv-more-h .c-t,.sp-more-q .c-t{color:#3fd0ff}
.sp-watch{margin-top:16px}
/* menu button shows the word "תפריט" instead of the ☰ lines */
.menu-btn .mb-word{grid-area:1/1;font-family:var(--font-display);font-weight:700;font-size:.82rem;line-height:1;letter-spacing:-.01em}
.topbar:not(.open) .menu-btn{width:62px;height:62px}
.menu-btn[aria-expanded="true"] .mb-word{display:none}
.menu-btn .mb-word{font-size:.95rem}
/* menu button v2: pink circle, big clear white word */
.topbar:not(.open) .menu-btn{width:70px;height:70px;background:linear-gradient(160deg,#ff5fcf,#d4129a);color:#fff;border:3px solid #fff;box-shadow:0 0 0 3px #0b1a5c,0 5px 0 #0b1a5c,0 10px 18px rgba(0,0,0,.35)}
.menu-btn .mb-word{font-size:1.15rem;color:#fff;-webkit-text-stroke:1px #5b1fb0;paint-order:stroke fill;text-shadow:0 2px 0 #5b1fb0}
.page-show .show-page{padding-top:clamp(84px,22vw,96px)}
/* "home" button on inner pages: mirrors the menu button, top-left */
.home-btn{position:absolute;top:10px;left:10px;z-index:59;width:70px;height:70px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-decoration:none;
  background:linear-gradient(160deg,#5fe3ff,#00a8e8);color:#fff;border:3px solid #fff;box-shadow:0 0 0 3px #0b1a5c,0 5px 0 #0b1a5c,0 10px 18px rgba(0,0,0,.35)}
.home-btn svg{width:24px;height:24px;filter:drop-shadow(0 1px 0 #0b1a5c)}
.home-btn span{font-family:var(--font-display);font-weight:700;font-size:.82rem;line-height:1;-webkit-text-stroke:1px #5b1fb0;paint-order:stroke fill;text-shadow:0 1px 0 #5b1fb0}
.home-btn:active{transform:translateY(2px)}
body:has(.topbar.open) .home-btn{display:none}
.home-btn{top:10px;left:10px}
/* hero trio v2: Sasson & Simcha bigger, equal size, Chico in the middle */
.hero-trio{width:min(100%,1000px);justify-content:center;align-items:flex-end}
.hero-trio .hd-chico{width:42%;flex:none}
.hero-trio .hd-char{width:38%;flex:none;margin-bottom:0}
.hero-trio .hd-char-r{margin-inline-end:-10%}
.hero-trio .hd-char-l{margin-inline-start:-10%}
@media (min-width:900px){.hero-trio .hd-chico{width:auto;height:min(78vh,720px)}.hero-trio .hd-char{width:auto;height:min(62vh,570px)}.hero-trio .hd-char-r{margin-inline-end:-4%}.hero-trio .hd-char-l{margin-inline-start:-4%}}
/* home: only Chico + Sasson & Simcha, big */
.hero-trio{width:100%;max-width:1200px}
.hero-trio .hd-chico{width:50%}
.hero-trio .hd-char{width:44%}
.hero-trio .hd-char-r{margin-inline-end:-14%}
.hero-trio .hd-char-l{margin-inline-start:-14%}
@media (min-width:900px){.hero-trio .hd-chico{height:min(84vh,820px)}.hero-trio .hd-char{height:min(68vh,660px)}}
@media (min-width:900px){.hero-trio .hd-chico,.hero-trio .hd-char{width:auto}}
@media (min-width:900px){.hero-trio .hd-char-r{margin-inline-end:-3%}.hero-trio .hd-char-l{margin-inline-start:-3%}}
/* Sasson & Simcha even bigger */
.hero-trio .hd-chico{width:44%}
.hero-trio .hd-char{width:50%}
.hero-trio .hd-char-r{margin-inline-end:-16%}
.hero-trio .hd-char-l{margin-inline-start:-16%}
@media (min-width:900px){.hero-trio .hd-chico,.hero-trio .hd-char{width:auto}.hero-trio .hd-char{height:min(78vh,760px)}.hero-trio .hd-char-r{margin-inline-end:-6%}.hero-trio .hd-char-l{margin-inline-start:-6%}}
.hero-trio .hd-chico{width:54%}.hero-trio .hd-char{width:46%}.hero-trio .hd-char-r{margin-inline-end:-17%}.hero-trio .hd-char-l{margin-inline-start:-17%}@media (min-width:900px){.hero-trio .hd-chico,.hero-trio .hd-char{width:auto}}
@media (min-width:900px){.hero-trio .hd-char-r{margin-inline-end:-5%}.hero-trio .hd-char-l{margin-inline-start:-5%}.hero-trio .hd-chico{position:relative;z-index:2}}
/* phone: menu as a pill under the logo (not a circle in the corner) */
@media (max-width:719px){
  .topbar:not(.open){position:absolute;top:calc(27.4vw + 12px);left:50%;right:auto;width:auto;margin:0;translate:-50% 0;justify-content:center}
  .topbar:not(.open) .menu-btn{width:auto;height:auto;min-height:44px;padding:.35em 1.4em;border-radius:999px;gap:8px;display:flex;align-items:center}
  .topbar:not(.open) .menu-btn::before{content:"";width:18px;height:14px;background:linear-gradient(#fff 0 0) top/100% 3px no-repeat,linear-gradient(#fff 0 0) center/100% 3px no-repeat,linear-gradient(#fff 0 0) bottom/100% 3px no-repeat;filter:drop-shadow(0 1px 0 #0b1a5c)}
  .topbar:not(.open) .menu-btn .mb-word{font-size:1.15rem}
  .hero-trio{margin-top:58px}
  .page-show .topbar:not(.open){top:18px}
  /* Chico a touch left so he sits in the middle; Sasson & Simcha bigger */
  .hero-trio .hd-chico{translate:-5% 0;z-index:1}
  .hero-trio .hd-char{width:49%;position:relative;z-index:2}
  .hero-trio .hd-char-r{margin-inline-end:-20%}
  .hero-trio .hd-char-l{margin-inline-start:-20%}
}
@media (max-width:719px){
  .hero-trio{width:100%;max-width:none;overflow:visible}
  .hero-trio .hd-chico{width:50%;translate:-9% 0}
  .hero-trio .hd-char{width:46%}
  .hero-trio .hd-char-r{margin-inline-end:-21%}
  .hero-trio .hd-char-l{margin-inline-start:-21%}
}
@media (max-width:719px){
  .hero-trio .hd-chico{width:46%;translate:-6% 0;position:relative;z-index:3}
  .hero-trio .hd-char{width:42%;z-index:2}
  .hero-trio .hd-char-r{margin-inline-end:-15%}
  .hero-trio .hd-char-l{margin-inline-start:-15%}
}
/* menu pill: a music note instead of the ☰ lines */
@media (max-width:719px){
  .topbar:not(.open) .menu-btn::before{width:22px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fed835' stroke='%230b1a5c' stroke-width='1.4' d='M9 18.5a3 3 0 1 1-2-2.8V5.2l12-2.7v12.9a3 3 0 1 1-2-2.8V7.1L9 8.9z'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 1px 0 #0b1a5c)}
}
@media (prefers-reduced-motion:no-preference) and (max-width:719px){
  .topbar:not(.open) .menu-btn::before{animation:note-bop 1.2s ease-in-out infinite}
}
@keyframes note-bop{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(8deg) translateY(-2px)}}
/* phone home: menu under the picture; Chico bigger, up to the logo, a bit more left */
@media (max-width:719px){
  .topbar.menu-below:not(.open){position:relative;top:auto;left:auto;translate:none;margin:10px auto 0;width:auto;z-index:5}
  .hero-trio{margin-top:6px}
  .hero-trio .hd-chico{width:56%;translate:-10% 0}
  .hero-trio .hd-char{width:42%}
  .hero-trio .hd-char-r{margin-inline-end:-19%}
  .hero-trio .hd-char-l{margin-inline-start:-19%}
}
main:has(.topbar.open),.hero:has(.topbar.open),.hero-in:has(.topbar.open){position:relative;z-index:200}
@media (max-width:719px){
  .hero-trio .hd-chico{translate:-4% 0}
  .hero-trio .hd-char{translate:0 34px}
  .topbar.menu-below:not(.open){margin-top:40px}
}
@media (max-width:719px){.hero-trio .hd-chico{translate:-17% 0}}
@media (max-width:719px){.hero-trio .hd-chico{translate:-18.5% 0}}
@media (max-width:719px){.hero-trio{align-items:center}.hero-trio .hd-char{translate:0 0}.topbar.menu-below:not(.open){margin-top:14px}}
/* Sasson & Simcha gently dance next to Chico */
@keyframes char-sway{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}
@media (prefers-reduced-motion:no-preference){
  .hero-trio .hd-char{animation:char-sway 2.4s ease-in-out infinite;transform-origin:50% 90%}
  .hero-trio .hd-char-r{animation-delay:-1.2s}
}
/* the white stars printed in the page background twinkle (layer matches background-size:cover, centered) */
.bg-twinkle{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.bgt-box{position:absolute;left:50%;top:50%;width:max(100vw,calc(100vh * 1024 / 1536));height:max(100vh,calc(100vw * 1536 / 1024));translate:-50% -50%}
.bgs{position:absolute;aspect-ratio:1;translate:-50% -50%;color:#fff;opacity:0;filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 14px rgba(255,255,255,.7))}
.bgs svg{width:100%;height:100%;fill:currentColor}
@keyframes bg-twinkle{0%,100%{opacity:0;transform:scale(.4) rotate(0)}45%{opacity:1;transform:scale(1.15) rotate(30deg)}60%{opacity:.9;transform:scale(1) rotate(45deg)}}
@media (prefers-reduced-motion:no-preference){.bgs{animation:bg-twinkle 2.6s ease-in-out infinite}}
/* hero logo: slow breathing + a shine that sweeps across it */
.hero h1.hero-logo{position:relative}
.hero h1.hero-logo::after{content:"";position:absolute;inset:0;pointer-events:none;
  -webkit-mask:url(../assets/logo-text-o.webp) center/contain no-repeat;mask:url(../assets/logo-text-o.webp) center/contain no-repeat;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.85) 50%,transparent 65%) 0 0/300% 100% no-repeat;background-position:150% 0;mix-blend-mode:screen}
@keyframes logo-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes logo-shine{0%,55%{background-position:150% 0}100%{background-position:-50% 0}}
@media (prefers-reduced-motion:no-preference){
  .hero h1.hero-logo{animation:logo-breathe 4s ease-in-out infinite}
  .hero h1.hero-logo::after{animation:logo-shine 4s ease-in-out infinite}
}
/* same shimmer + breathing for every Chicolulu logo (menu, footer) */
.logo-shine{position:relative;display:inline-block;line-height:0}
.logo-shine::after{content:"";position:absolute;inset:0;pointer-events:none;
  -webkit-mask:url(../assets/logo-text-o.webp) center/contain no-repeat;mask:url(../assets/logo-text-o.webp) center/contain no-repeat;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.85) 50%,transparent 65%) 0 0/300% 100% no-repeat;background-position:150% 0;mix-blend-mode:screen}
.foot .logo-shine{margin-top:6px}.foot .logo-shine .foot-logo{margin-top:0}
@media (prefers-reduced-motion:no-preference){
  .logo-shine{animation:logo-breathe 4s ease-in-out infinite}
  .logo-shine::after{animation:logo-shine 4s ease-in-out infinite}
}
/* the yellow & pink stars of the background gently wiggle and glow */
.bgstar{position:absolute;height:auto;transform-origin:50% 55%}
@keyframes bgstar-wiggle{0%,100%{transform:rotate(0) scale(1);filter:drop-shadow(0 0 0 rgba(255,255,255,0))}25%{transform:rotate(-7deg) scale(1.06)}50%{transform:rotate(0) scale(1.1);filter:drop-shadow(0 0 10px rgba(255,255,255,.9)) brightness(1.15)}75%{transform:rotate(7deg) scale(1.06)}}
@media (prefers-reduced-motion:no-preference){.bgstar{animation:bgstar-wiggle 3.2s ease-in-out infinite}}
/* yellow & pink ribbons of the background: light flows along them */
.bg-ribbons{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:.75;
  -webkit-mask:url(../assets/bg-ribbons-mask.webp) 0 0/100% 100% no-repeat;mask:url(../assets/bg-ribbons-mask.webp) 0 0/100% 100% no-repeat;
  background:repeating-linear-gradient(115deg,transparent 0 9%,rgba(255,255,255,.0) 9%,rgba(255,255,255,.75) 12%,rgba(255,255,255,0) 15%,transparent 15% 30%) 0 0/200% 200%}
@keyframes ribbons-flow{from{background-position:0 0}to{background-position:-100% -100%}}
@media (prefers-reduced-motion:no-preference){.bg-ribbons{animation:ribbons-flow 7s linear infinite}}
@media (prefers-reduced-motion:reduce){.bg-ribbons{display:none}}
/* menu: the Sasson & Simcha circle is filled with the show poster */
@media (max-width:719px){
  .topbar .topmenu>a.m-show{position:relative;overflow:hidden;padding:0;justify-content:flex-end;aspect-ratio:1}
  .m-show .m-photo{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .topbar .topmenu>a.m-show span{position:relative;width:100%;padding:6px 0 16px;background:linear-gradient(transparent,rgba(11,26,92,.88) 35%)}
}
@media (max-width:719px){.m-show .m-photo{object-position:50% 20%}}
@media (max-width:719px){.m-show .m-photo{object-position:50% 10%}}
@media (max-width:719px){.m-show .m-photo{object-position:50% 0}}
/* phone menu open: show the real (animated) site background, not a darkened copy — hide the page content instead */
@media (max-width:719px){
  .topbar.open::before{background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  body:has(.topbar.open) :is(main,footer,.wabar,.home-btn){visibility:hidden}
  body:has(.topbar.open) .topbar{visibility:visible}
}
.topbar .topmenu .menu-head>a{display:inline-block;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;width:auto!important;min-height:0;border-radius:0}
/* menu circles with Chico's round artwork (title is in the art) */
@media (max-width:719px){
  .topbar .topmenu>a:has(.m-art){padding:0;overflow:hidden;background:#fff}
  .topbar .topmenu>a .m-art{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
  .topbar .topmenu>a:has(.m-art) span.sr{position:absolute;background:none;padding:0}
}
@media (max-width:719px){.topbar .topmenu>a.m-songs{position:relative;overflow:hidden;padding:0;aspect-ratio:1}}
@media (max-width:719px){.topbar .topmenu>a.m-hood{position:relative;overflow:hidden;padding:0;aspect-ratio:1}}
/* phone menu: the three small options as rounded squares with a readable caption under each */
@media (max-width:719px){
  .topbar.open .topmenu{grid-template-columns:repeat(3,1fr);gap:12px 8px}
  .topbar .topmenu .menu-head,.topbar .topmenu>a.m-show,.topbar .topmenu .menu-social{grid-column:1/-1}
  .topbar .topmenu>a.m-songs,.topbar .topmenu>a.m-bday,.topbar .topmenu>a.m-hood{width:100%!important;aspect-ratio:auto;height:auto;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible;display:flex;flex-direction:column;align-items:center;gap:6px}
  .topbar .topmenu>a.m-songs .m-art,.topbar .topmenu>a.m-bday .m-art,.topbar .topmenu>a.m-hood .m-art{position:static;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 38%;transform:scale(1);border-radius:18px;border:3px solid #fff;box-shadow:0 0 0 3px #0b1a5c,0 8px 16px rgba(0,0,0,.35)}
  .topbar .topmenu .m-cap{position:static;display:block;width:100%;padding:0;background:none;text-align:center;font-family:var(--font-display);font-weight:700;font-size:clamp(.92rem,3.9vw,1.05rem);line-height:1.15;color:#fff;-webkit-text-stroke:3px #5b1fb0;paint-order:stroke fill;text-shadow:0 2px 0 #5b1fb0;white-space:normal}
}
@media (max-width:719px){
  .topbar .topmenu>a.m-songs,.topbar .topmenu>a.m-bday,.topbar .topmenu>a.m-hood{justify-content:flex-start;align-self:start;margin:0!important;translate:none!important;transform:none!important}
  .topbar .topmenu>a.m-bday span.m-cap{background:none!important;padding:0!important}
  .topbar .topmenu>a .m-art{object-position:50% 50%}
}
/* bigger squares, the title is inside the picture */
@media (max-width:719px){
  .topbar.open .topmenu{padding-inline:8px;column-gap:6px}
  .topbar .topmenu>a.m-songs .m-art,.topbar .topmenu>a.m-bday .m-art,.topbar .topmenu>a.m-hood .m-art{border-radius:22px}
  .topbar .topmenu>a:has(.m-art) span.sr{position:absolute}
}
/* phone menu: 4 equal rounded squares in a neat 2x2 grid */
@media (max-width:719px){
  .topbar.open .topmenu{grid-template-columns:1fr 1fr;gap:14px;padding-inline:max(16px,calc(50vw - 170px));align-content:center}
  .topbar .topmenu>a.m-show{grid-column:auto!important;width:100%!important;height:auto!important;aspect-ratio:auto;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible;display:block}
  .topbar .topmenu>a.m-show .m-art,.topbar .topmenu>a.m-songs .m-art,.topbar .topmenu>a.m-bday .m-art,.topbar .topmenu>a.m-hood .m-art{position:static;display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:24px;border:3px solid #fff;box-shadow:0 0 0 3px #0b1a5c,0 8px 16px rgba(0,0,0,.35)}
  .topbar .topmenu>a.m-show,.topbar .topmenu>a.m-songs,.topbar .topmenu>a.m-bday,.topbar .topmenu>a.m-hood{order:2}
  .topbar .topmenu>a.m-show{order:1}.topbar .topmenu>a.m-hood{order:2}.topbar .topmenu>a.m-bday{order:3}.topbar .topmenu>a.m-songs{order:4}
  .topbar .topmenu .menu-head{order:0}.topbar .topmenu .menu-social{order:5}
}
@media (max-width:719px){.topbar.open .topmenu{align-content:start;padding-top:max(14px,env(safe-area-inset-top))}.topbar .topmenu .menu-head{margin-bottom:6px}}
@media (max-width:719px){.topbar.open .topmenu{align-content:center;padding-top:calc(min(78vw,300px) * 478 / 1400 + 28px)}.topbar .topmenu .menu-head{position:absolute;top:max(12px,env(safe-area-inset-top));left:0;right:0;margin:0;display:flex;justify-content:center}}
.m-hint{display:none}
@media (max-width:719px){
  .topbar .topmenu .m-hint{display:block;grid-column:1/-1;order:1;margin:0 0 -4px;text-align:center;font-family:var(--font-display);font-weight:700;font-size:clamp(1.05rem,4.6vw,1.25rem);line-height:1.2;color:#fff;-webkit-text-stroke:3px #5b1fb0;paint-order:stroke fill;text-shadow:0 2px 0 #5b1fb0}
}
/* ===== songs & clips page ===== */
.sg-h1{margin:6px 0 0;font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,11vw,3.6rem);line-height:1;-webkit-text-stroke:4px #5b1fb0;paint-order:stroke fill;text-shadow:0 4px 0 #5b1fb0,0 0 16px rgba(91,31,176,.7)}
.sg-h1 .c-y{color:#fed835}.sg-h1 .c-p{color:#ff4fc3}
.sg-sub{margin:0 0 6px;font-family:var(--font-display);font-weight:700;font-size:clamp(1.15rem,4.8vw,1.4rem);-webkit-text-stroke:3px #5b1fb0;paint-order:stroke fill;text-shadow:0 2px 0 #5b1fb0}
.sg-sub .c-w{color:#fff}.sg-sub .c-t{color:#3fd0ff}
.sg-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;width:100%}
@media (min-width:720px){.sg-grid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1050px){.sg-grid{grid-template-columns:repeat(4,1fr);width:min(100%,1100px)}}
.sg-v{display:flex;flex-direction:column;gap:6px;text-decoration:none}
.sg-th{position:relative;display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:3px solid #fff;box-shadow:0 0 0 3px #0b1a5c,0 8px 16px rgba(0,0,0,.35);background:#0b1a5c}
.sg-th img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.sg-v:active .sg-th img{transform:scale(1.05)}
.sg-play{position:absolute;inset:0;display:grid;place-items:center}
.sg-play svg{width:36px;height:36px;padding:7px 6px 7px 8px;border-radius:50%;background:#ff0033;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.45)}
.sg-t{font-weight:800;font-size:clamp(.82rem,3.4vw,.95rem);line-height:1.25;color:#fff;text-align:center;-webkit-text-stroke:2.5px #5b1fb0;paint-order:stroke fill;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sg-all{margin-top:10px}
@media (max-width:719px){.topbar .topmenu .m-hint{font-size:clamp(1.3rem,6vw,1.6rem);-webkit-text-stroke:4px #5b1fb0;text-shadow:0 3px 0 #5b1fb0,0 0 12px rgba(91,31,176,.7);margin-bottom:0}}
.m-hint .c-y{color:#fed835}.m-hint .c-w{color:#fff}.m-hint .c-p{color:#ff4fc3}.m-hint .c-t{color:#3fd0ff}
@media (max-width:719px){.topbar .topmenu .m-hint{font-size:clamp(1.1rem,5.4vw,1.45rem);white-space:normal;padding-inline:4px}}
/* menu squares: colorful brand frames instead of dark navy */
@media (max-width:719px){
  .topbar .topmenu>a.m-show .m-art{border-color:#fff;box-shadow:0 0 0 4px #ff4fc3,0 8px 18px rgba(0,0,0,.3)}
  .topbar .topmenu>a.m-hood .m-art{border-color:#fff;box-shadow:0 0 0 4px #fed835,0 8px 18px rgba(0,0,0,.3)}
  .topbar .topmenu>a.m-bday .m-art{border-color:#fff;box-shadow:0 0 0 4px #3fd0ff,0 8px 18px rgba(0,0,0,.3)}
  .topbar .topmenu>a.m-songs .m-art{border-color:#fff;box-shadow:0 0 0 4px #b05cff,0 8px 18px rgba(0,0,0,.3)}
}
/* no dark frames anywhere — happy brand-color frames */
.topbar:not(.open) .menu-btn{box-shadow:0 0 0 3px #fed835,0 6px 14px rgba(0,0,0,.25)!important}
.home-btn{box-shadow:0 0 0 3px #fed835,0 6px 14px rgba(0,0,0,.25)}
.sg-v:nth-child(4n+1) .sg-th{box-shadow:0 0 0 3px #ff4fc3,0 6px 14px rgba(0,0,0,.25)}
.sg-v:nth-child(4n+2) .sg-th{box-shadow:0 0 0 3px #fed835,0 6px 14px rgba(0,0,0,.25)}
.sg-v:nth-child(4n+3) .sg-th{box-shadow:0 0 0 3px #3fd0ff,0 6px 14px rgba(0,0,0,.25)}
.sg-v:nth-child(4n+4) .sg-th{box-shadow:0 0 0 3px #b05cff,0 6px 14px rgba(0,0,0,.25)}
.sg-th{background:#ff4fc3}
.tv-pick-b:nth-child(4n+1){box-shadow:0 0 0 3px #ff4fc3,0 6px 14px rgba(0,0,0,.25)}
.tv-pick-b:nth-child(4n+2){box-shadow:0 0 0 3px #fed835,0 6px 14px rgba(0,0,0,.25)}
.tv-pick-b:nth-child(4n+3){box-shadow:0 0 0 3px #3fd0ff,0 6px 14px rgba(0,0,0,.25)}
.tv-pick-b:nth-child(4n+4){box-shadow:0 0 0 3px #b05cff,0 6px 14px rgba(0,0,0,.25)}
.sp-shows .sp-show:nth-child(1) video{box-shadow:0 0 0 3px #ff4fc3,0 8px 18px rgba(0,0,0,.25)}
.sp-shows .sp-show:nth-child(2) video{box-shadow:0 0 0 3px #3fd0ff,0 8px 18px rgba(0,0,0,.25)}
.tv-body{box-shadow:0 0 0 4px #fed835,inset 0 3px 0 rgba(255,255,255,.35),0 16px 28px rgba(0,0,0,.35)}
.tv-screen{box-shadow:inset 0 0 0 4px #fed835}
.tv-knob{box-shadow:0 0 0 3px #fff}
.wabar{background:linear-gradient(90deg,#ff4fc3,#b05cff)}
.foot-contact a{border-color:#fed835}
/* call/WhatsApp bar on every page, also on top of the open menu */
.wabar{display:flex!important;z-index:300}
@media (max-width:719px){
  body:has(.topbar.open) .wabar{visibility:visible!important;transform:none!important}
  .topbar.open .topmenu{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
}
.sg-play svg{background:var(--sun-400);color:#00b8e6;width:40px;height:40px;padding:8px 7px 8px 9px}
.wb-ph{color:#ff2fb0!important}.wb-ph svg{stroke:currentColor;color:#ff2fb0}
.wb-ph{color:#d6118a!important}.wb-ph svg{color:#d6118a}
/* songs: title inside the card, on a colored strip, big and clear */
.sg-v{--c:#ff4fc3;gap:0;border-radius:16px;overflow:hidden;border:3px solid #fff;box-shadow:0 0 0 3px var(--c),0 8px 16px rgba(0,0,0,.3);background:var(--c)}
.sg-v:nth-child(4n+2){--c:#fed835}.sg-v:nth-child(4n+3){--c:#3fd0ff}.sg-v:nth-child(4n+4){--c:#b05cff}
.sg-v .sg-th,.sg-v:nth-child(n) .sg-th{border:0;border-radius:0;box-shadow:none}
.sg-t{flex:1;display:-webkit-box;align-content:center;padding:7px 6px 8px;font-family:var(--font-display);font-weight:700;font-size:clamp(.98rem,4.1vw,1.12rem);line-height:1.2;color:#fff;-webkit-text-stroke:0;text-shadow:0 1px 2px rgba(0,0,0,.35),0 0 1px rgba(0,0,0,.6)}
.sg-v:nth-child(4n+2) .sg-t{color:#8a0f63;text-shadow:none}
.sg-grid{gap:14px 12px}
.sg-v:nth-child(4n+3) .sg-t{color:#0b3a6e;text-shadow:none}
/* songs cards: equal size, full titles (up to 3 lines), clean */
.sg-grid{align-items:stretch}
.sg-v{height:100%}
.sg-t{display:flex;align-items:center;justify-content:center;min-height:calc(3 * 1.2em + 14px);-webkit-line-clamp:unset;overflow:visible;font-size:clamp(.92rem,3.8vw,1.05rem);text-wrap:balance}
/* songs page: the TV on top (same look as the Sasson & Simcha page) + matching cards */
.sg-tv{margin:4px 0 2px}
.sg-tv .tv-screen .vid img{object-fit:cover}
.sg-now{margin:2px 0 0;text-align:center;font-family:var(--font-display);font-weight:700;font-size:clamp(1.05rem,4.4vw,1.3rem);line-height:1.2;-webkit-text-stroke:3px #5b1fb0;paint-order:stroke fill;text-shadow:0 2px 0 #5b1fb0}
.sg-now .c-y{color:#fed835}.sg-now .c-w{color:#fff}
.sg-more-h{margin-top:6px}
.sg-more-h .c-w{color:#fff}.sg-more-h .c-p{color:#ff4fc3}.sg-more-h .c-t{color:#3fd0ff}
/* cards: like the TV-zone squares — white inner line, brand frame, yellow play with turquoise triangle */
.sg-v{border-radius:18px;border:3px solid #fff;box-shadow:0 0 0 4px var(--c),0 8px 18px rgba(0,0,0,.28)}
.sg-play svg{width:46px;height:46px;padding:9px 8px 9px 11px;box-shadow:0 3px 10px rgba(0,0,0,.4)}
.tv-main .playb .play-tri{color:#00b8e6}.sg-now{font-size:clamp(1.15rem,4.8vw,1.4rem)}
/* ===== songs: every clip is a little cartoon TV (same look as the Sasson & Simcha TV) ===== */
.page-songs .sg-grid{gap:26px 12px;padding-top:14px}
.page-songs .sg-v{--c:#ff4fc3;position:relative;overflow:visible;border:0;border-radius:18px;padding:8px 8px 0;
  background:linear-gradient(160deg,#ff6fd6,#c4108f);box-shadow:0 0 0 3px #fed835,inset 0 2px 0 rgba(255,255,255,.35),0 10px 18px rgba(0,0,0,.3)}
.page-songs .sg-v:nth-child(4n+2){background:linear-gradient(160deg,#ffe66a,#f0b400);box-shadow:0 0 0 3px #ff4fc3,inset 0 2px 0 rgba(255,255,255,.45),0 10px 18px rgba(0,0,0,.3)}
.page-songs .sg-v:nth-child(4n+3){background:linear-gradient(160deg,#6fe6ff,#0aa6d8);box-shadow:0 0 0 3px #fed835,inset 0 2px 0 rgba(255,255,255,.4),0 10px 18px rgba(0,0,0,.3)}
.page-songs .sg-v:nth-child(4n+4){background:linear-gradient(160deg,#c07bff,#7d2be0);box-shadow:0 0 0 3px #3fd0ff,inset 0 2px 0 rgba(255,255,255,.35),0 10px 18px rgba(0,0,0,.3)}
/* antenna */
.page-songs .sg-v::before,.page-songs .sg-v::after{content:"";position:absolute;top:-17px;left:50%;width:3px;height:19px;background:#fff;border-radius:2px;transform-origin:bottom center;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.page-songs .sg-v::before{transform:translateX(-4px) rotate(-30deg)}
.page-songs .sg-v::after{transform:translateX(1px) rotate(30deg)}
/* screen */
.page-songs .sg-v .sg-th{border-radius:12px;border:0;box-shadow:inset 0 0 0 3px rgba(255,255,255,.85),0 0 0 2px rgba(0,0,0,.15);overflow:hidden}
.page-songs .sg-v .sg-th img{border-radius:12px}
/* knobs bar = title strip */
.page-songs .sg-t{background:none;color:#fff;padding:7px 4px 9px;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.page-songs .sg-v:nth-child(4n+2) .sg-t{color:#7a0d58;text-shadow:none}
.page-songs .sg-v:nth-child(4n+3) .sg-t{color:#063a63;text-shadow:none}
/* neighborhood show page */
.hood-hero{width:min(86vw,440px);height:auto;margin-top:6px;filter:drop-shadow(0 0 0 #fff) drop-shadow(0 10px 22px rgba(0,0,0,.35))}
@media (prefers-reduced-motion:no-preference){.hood-hero{animation:sp-bop 3.2s ease-in-out infinite;transform-origin:50% 90%}}
.hood-soon{text-align:center;font-size:clamp(1.1rem,4.5vw,1.3rem)!important}
/* songs: smaller play buttons, stronger title contrast, room above the bottom bar */
.page-songs .sg-play svg{width:32px;height:32px;padding:6px 5px 6px 7px;opacity:.95}
.page-songs .sg-v:nth-child(4n+3) .sg-t{color:#02223f}
.page-songs .sg-v:nth-child(4n+2) .sg-t{color:#5c0743}
.page-songs .sg-t{font-weight:800}
.page-songs .show-page{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
.hood-lead{text-align:center;color:#fed835!important;font-family:var(--font-display);font-weight:700!important;font-size:clamp(1.2rem,5vw,1.45rem)!important;line-height:1.3!important}
.hood-name .spn-1{font-size:clamp(1.9rem,8.6vw,2.9rem);white-space:nowrap}.hood-name .spn-c{color:#ff9bf0}
.hood-name .spn-1{font-size:clamp(2.1rem,10.4vw,3.2rem)}
/* call button: bright turquoise, big bold white text */
.wb-ph{background:linear-gradient(180deg,#5fe3ff,#00a8e8)!important;color:#fff!important;box-shadow:0 4px 0 #0077b8,0 0 0 2px #fff inset!important;font-weight:800;font-size:1.25rem;-webkit-text-stroke:.6px rgba(0,60,110,.6)}
.wb-ph svg{color:#fff!important;stroke:#fff!important;stroke-width:2.6}
.wb-wa{font-weight:800;font-size:1.25rem;box-shadow:0 4px 0 #128c4a,0 0 0 2px #fff inset}
.wb-ph{-webkit-text-stroke:0;text-shadow:0 1px 0 #0077b8,0 2px 3px rgba(0,60,110,.45)}.wb-ph svg{filter:drop-shadow(0 1px 0 #0077b8)}
.hood-wide{width:calc(100% + 16px);max-width:900px;margin-inline:-8px;border-radius:22px;border:3px solid #fff;box-shadow:0 0 0 4px #fed835,0 12px 24px rgba(0,0,0,.3);animation:none!important;filter:none}
.page-hood .show-page{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
.sg-ico{display:inline-block;margin-inline-end:5px;font-size:1.15em;-webkit-text-stroke:0;text-shadow:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}
/* songs page: "peek at the show" — two live-show videos that play right on the page */
.sg-live{margin:8px 0 4px;width:100%}
.sg-live-grid{display:grid;grid-template-columns:1fr;gap:14px;width:100%}
@media (min-width:720px){.sg-live-grid{grid-template-columns:1fr 1fr}}
.sg-live-v{border-radius:18px;border:3px solid #fff;box-shadow:0 0 0 4px #ff4fc3,0 10px 20px rgba(0,0,0,.3)}
.sg-live-v:nth-child(2){box-shadow:0 0 0 4px #3fd0ff,0 10px 20px rgba(0,0,0,.3)}
.sg-live-v .playb .play-tri{color:#00b8e6}
/* neighborhood page: more show videos as little TVs (same look as songs page) */
.page-hood .hood-more{padding-top:14px;gap:26px 12px}
.page-hood .hood-more .sg-v{--c:#ff4fc3;position:relative;overflow:visible;border:0;border-radius:18px;padding:8px 8px 0;background:linear-gradient(160deg,#ff6fd6,#c4108f);box-shadow:0 0 0 3px #fed835,inset 0 2px 0 rgba(255,255,255,.35),0 10px 18px rgba(0,0,0,.3)}
.page-hood .hood-more .sg-v:nth-child(4n+2){background:linear-gradient(160deg,#ffe66a,#f0b400);box-shadow:0 0 0 3px #ff4fc3,0 10px 18px rgba(0,0,0,.3)}
.page-hood .hood-more .sg-v:nth-child(4n+3){background:linear-gradient(160deg,#6fe6ff,#0aa6d8);box-shadow:0 0 0 3px #fed835,0 10px 18px rgba(0,0,0,.3)}
.page-hood .hood-more .sg-v:nth-child(4n+4){background:linear-gradient(160deg,#c07bff,#7d2be0);box-shadow:0 0 0 3px #3fd0ff,0 10px 18px rgba(0,0,0,.3)}
.page-hood .hood-more .sg-v::before,.page-hood .hood-more .sg-v::after{content:"";position:absolute;top:-17px;left:50%;width:3px;height:19px;background:#fff;border-radius:2px;transform-origin:bottom center}
.page-hood .hood-more .sg-v::before{transform:translateX(-4px) rotate(-30deg)}.page-hood .hood-more .sg-v::after{transform:translateX(1px) rotate(30deg)}
.page-hood .hood-more .sg-th{border-radius:12px;border:0;box-shadow:inset 0 0 0 3px rgba(255,255,255,.85)}
.page-hood .hood-more .sg-play svg{width:32px;height:32px;padding:6px 5px 6px 7px}
.page-hood .hood-more .sg-t{background:none;color:#fff;font-weight:800;padding:7px 4px 9px;text-shadow:0 1px 2px rgba(0,0,0,.45);min-height:calc(2 * 1.2em + 14px)}
.page-hood .hood-more .sg-v:nth-child(4n+2) .sg-t{color:#5c0743;text-shadow:none}.page-hood .hood-more .sg-v:nth-child(4n+3) .sg-t{color:#02223f;text-shadow:none}
.hood-kids{width:calc(100% + 24px);max-width:820px;margin:0 -12px -6px;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}
@media (prefers-reduced-motion:no-preference){.hood-kids{animation:sp-bop 3.6s ease-in-out infinite!important;transform-origin:50% 95%}}
/* no black text anywhere: TV titles are white with a colored outline */
.page-songs .sg-v .sg-t,.page-hood .hood-more .sg-v .sg-t,
.page-songs .sg-v:nth-child(n) .sg-t,.page-hood .hood-more .sg-v:nth-child(n) .sg-t{color:#fff;-webkit-text-stroke:3px #c4108f;paint-order:stroke fill;text-shadow:0 2px 0 #c4108f}
.page-songs .sg-v:nth-child(4n+2) .sg-t,.page-hood .hood-more .sg-v:nth-child(4n+2) .sg-t{-webkit-text-stroke-color:#e0560a;text-shadow:0 2px 0 #e0560a}
.page-songs .sg-v:nth-child(4n+3) .sg-t,.page-hood .hood-more .sg-v:nth-child(4n+3) .sg-t{-webkit-text-stroke-color:#0077b8;text-shadow:0 2px 0 #0077b8}
.page-songs .sg-v:nth-child(4n+4) .sg-t,.page-hood .hood-more .sg-v:nth-child(4n+4) .sg-t{-webkit-text-stroke-color:#5a1aa8;text-shadow:0 2px 0 #5a1aa8}
/* ===== clip cards v3: one calm, premium style (frosted glass, white + gold) — songs & neighborhood ===== */
.page-songs .sg-v,.page-hood .hood-more .sg-v,
.page-songs .sg-v:nth-child(n),.page-hood .hood-more .sg-v:nth-child(n){
  background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);
  border:1.5px solid rgba(255,255,255,.75);border-radius:20px;padding:8px 8px 0;
  box-shadow:0 0 0 1px rgba(254,216,53,.55),0 14px 30px -10px rgba(20,10,70,.55)}
.page-songs .sg-v::before,.page-songs .sg-v::after,.page-hood .hood-more .sg-v::before,.page-hood .hood-more .sg-v::after{display:none}
.page-songs .sg-v .sg-th,.page-hood .hood-more .sg-th,.page-songs .sg-v:nth-child(n) .sg-th{border-radius:14px;border:0;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.page-songs .sg-v .sg-t,.page-hood .hood-more .sg-v .sg-t,
.page-songs .sg-v:nth-child(n) .sg-t,.page-hood .hood-more .sg-v:nth-child(n) .sg-t{
  color:#fff;-webkit-text-stroke:0;font-family:var(--font-display);font-weight:600;letter-spacing:.01em;
  text-shadow:0 1px 2px rgba(20,10,70,.55),0 0 10px rgba(20,10,70,.35);padding:9px 6px 11px}
.page-songs .sg-ico,.page-hood .sg-ico{filter:none;opacity:.95}
.page-songs .sg-play svg,.page-hood .hood-more .sg-play svg{width:34px;height:34px;padding:7px 6px 7px 8px;background:rgba(255,255,255,.92);color:#ff2fb0;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.page-songs .sg-grid,.page-hood .hood-more{gap:16px 12px;padding-top:4px}
.page-songs .sg-v:active,.page-hood .hood-more .sg-v:active{transform:scale(.98)}
.page-songs .sg-v:nth-child(n) .sg-t,.page-hood .hood-more .sg-v:nth-child(n) .sg-t{font-size:clamp(.88rem,3.6vw,1rem);padding:8px 3px 10px;min-height:calc(3 * 1.2em + 18px)}.page-songs .sg-ico{margin-inline-end:3px;font-size:1em}
/* "hear me!" welcome button (home page, top-left) */
.hello-btn{position:absolute;top:10px;left:10px;z-index:59;width:72px;height:72px;border-radius:50%;border:3px solid #fff;cursor:pointer;
  background:radial-gradient(circle at 35% 30%,#fff3a0,#fed835 55%,#f0b400);color:#d6118a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0;
  box-shadow:0 0 0 3px #ff4fc3,0 8px 16px rgba(0,0,0,.3)}
.hello-btn svg{width:28px;height:28px}
.hello-btn span{font-family:var(--font-display);font-weight:700;font-size:.72rem;line-height:1}
body:has(.topbar.open) .hello-btn{display:none}
@keyframes hello-pulse{0%,100%{box-shadow:0 0 0 3px #ff4fc3,0 0 0 0 rgba(255,79,195,.55),0 8px 16px rgba(0,0,0,.3)}50%{box-shadow:0 0 0 3px #ff4fc3,0 0 0 12px rgba(255,79,195,0),0 8px 16px rgba(0,0,0,.3)}}
@keyframes hello-talk{0%,100%{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-8deg)}75%{transform:scale(1.1) rotate(8deg)}}
@media (prefers-reduced-motion:no-preference){.hello-btn{animation:hello-pulse 1.8s ease-out infinite}.hello-btn.talking{animation:hello-talk .5s ease-in-out infinite}}
.hello-btn{top:auto;left:12px;width:64px;height:64px}@media (max-width:719px){.hello-btn{top:calc(27.4vw + 10px)}}@media (min-width:720px){.hello-btn{top:16px;left:16px}}.hello-btn svg{width:24px;height:24px}
/* "hear me!" as a big bold pill, under Chico & friends */
.hello-btn{position:relative;top:auto;left:auto;width:auto;height:auto;min-height:54px;margin:14px auto 0;padding:.4em 1.4em;border-radius:999px;flex-direction:row;gap:10px;
  background:linear-gradient(180deg,#fff27a,#fed835 60%,#f2b800);color:#c4108f;border:3px solid #fff}
.hello-btn svg{width:30px;height:30px}
.hello-btn span{font-size:clamp(1.35rem,6vw,1.65rem);font-weight:700;line-height:1;-webkit-text-stroke:.5px #c4108f}
@media (max-width:719px){.hello-btn{top:auto}.topbar.menu-below:not(.open){margin-top:12px}}
@media (min-width:720px){.hello-btn{position:absolute;top:16px;left:16px;margin:0}}
/* "hear me!" back to a small circle, sitting beside the menu button */
.hello-btn{width:66px;height:66px;min-height:0;padding:0;margin:0;border-radius:50%;flex-direction:column;gap:1px}
.hello-btn svg{width:24px;height:24px}
.hello-btn span{font-size:.74rem;line-height:1;-webkit-text-stroke:0}
@media (max-width:719px){
  .topbar.menu-below:not(.open){position:relative}
  .topbar.menu-below .hello-btn{position:absolute;top:50%;right:calc(100% + 22px);translate:0 -50%}
}
/* "hear me!" shaped like a speaker */
.hello-spk{width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none;padding:0;gap:2px;animation:none}
.hello-spk svg{width:64px;height:56px;overflow:visible;filter:drop-shadow(0 3px 0 rgba(11,26,92,.55)) drop-shadow(0 6px 10px rgba(0,0,0,.3))}
.hello-spk span{font-family:var(--font-display);font-weight:700;font-size:.9rem;color:#fff;-webkit-text-stroke:2.5px #c4108f;paint-order:stroke fill;white-space:nowrap}
@keyframes spk-wave{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes spk-thump{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@media (prefers-reduced-motion:no-preference){
  .hello-spk{animation:none!important}
  .hello-spk .spk-w1{animation:spk-wave 1.2s ease-in-out infinite}
  .hello-spk .spk-w2{animation:spk-wave 1.2s ease-in-out .2s infinite}
  .hello-spk .spk-w3{animation:spk-wave 1.2s ease-in-out .4s infinite}
  .hello-spk svg{animation:spk-thump 1.2s ease-in-out infinite;transform-origin:30% 50%}
  .hello-spk.talking svg{animation:spk-thump .3s ease-in-out infinite}
}
@media (max-width:719px){.topbar.menu-below .hello-btn{right:calc(100% + 10px)}}.hello-spk span{font-size:.85rem}
.hello-spk span{-webkit-text-stroke:1.6px #c4108f;letter-spacing:.02em;font-size:.9rem}
/* "home" circle inside the open phone menu (top-left, opposite the X) */
.m-home{display:none}
@media (max-width:719px){
  .topbar.open .topmenu>a.m-home{display:flex;position:fixed;top:12px;left:12px;z-index:62;width:62px!important;height:62px!important;aspect-ratio:auto;padding:0!important;margin:0!important;border-radius:50%!important;
    flex-direction:column;align-items:center;justify-content:center;gap:1px;text-decoration:none;color:#fff;
    background:linear-gradient(160deg,#5fe3ff,#00a8e8)!important;border:3px solid #fff!important;box-shadow:0 0 0 3px #fed835,0 6px 14px rgba(0,0,0,.25)!important;order:0}
  .topbar .topmenu>a.m-home svg{width:22px;height:22px;filter:drop-shadow(0 1px 0 #0077b8)}
  .topbar .topmenu>a.m-home span{font-family:var(--font-display);font-weight:700;font-size:.74rem;line-height:1;color:#fff;-webkit-text-stroke:0;text-shadow:0 1px 0 #0077b8;white-space:nowrap}
}
@media (max-width:719px){.topbar.open .topmenu>a.m-home{width:56px!important;height:56px!important;top:10px;left:8px}}
@media (max-width:719px){.topbar.open .menu-btn{display:none!important}}
/* ===== birthday page: big colorful cake, lit candles, fireworks ===== */
.cake-stage{position:relative;width:min(100%,520px);margin:8px auto 4px;padding-top:30px}
.cake-svg{position:relative;z-index:1;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 12px 22px rgba(0,0,0,.3))}
.cake-svg .fl{transform-box:fill-box;transform-origin:50% 100%;filter:drop-shadow(0 0 6px #ffd23f) drop-shadow(0 0 14px rgba(255,140,30,.8))}
@keyframes flicker{0%,100%{transform:scale(1,1) rotate(-2deg)}25%{transform:scale(.9,1.12) rotate(3deg)}50%{transform:scale(1.08,.92) rotate(-3deg)}75%{transform:scale(.95,1.06) rotate(2deg)}}
.fireworks{position:absolute;inset:-10px -10px 30% -10px;z-index:0;pointer-events:none}
.fw{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--c);opacity:0}
.fw::before,.fw::after{content:"";position:absolute;inset:-46px;border-radius:50%;
  background:radial-gradient(circle,var(--c) 0 3px,transparent 4px) 50% 0/8px 8px no-repeat,radial-gradient(circle,var(--c) 0 3px,transparent 4px) 50% 100%/8px 8px no-repeat,radial-gradient(circle,var(--c) 0 3px,transparent 4px) 0 50%/8px 8px no-repeat,radial-gradient(circle,var(--c) 0 3px,transparent 4px) 100% 50%/8px 8px no-repeat}
.fw::after{transform:rotate(45deg)}
@keyframes fw-pop{0%{opacity:0;transform:scale(.1)}12%{opacity:1}60%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.25)}}
@media (prefers-reduced-motion:no-preference){
  .cake-svg .fl{animation:flicker .55s ease-in-out infinite;animation-delay:var(--d)}
  .fw{animation:fw-pop 2.2s ease-out infinite;animation-delay:inherit}
  .fw::before,.fw::after{animation:fw-pop 2.2s ease-out infinite;animation-delay:inherit}
  .cake-svg{animation:sp-bop 3.4s ease-in-out infinite;transform-origin:50% 100%}
}
@media (prefers-reduced-motion:reduce){.fw{opacity:1}}
.bday-box .spn-c{color:#ff9bf0}
.page-bday .show-page{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
.fw2{position:absolute;aspect-ratio:1;translate:-50% -50%;opacity:0;filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}
.fw2 svg{width:100%;height:100%}
@keyframes fw2{0%{opacity:0;transform:scale(.15) rotate(0)}15%{opacity:1}55%{opacity:1;transform:scale(1) rotate(20deg)}100%{opacity:0;transform:scale(1.25) rotate(30deg)}}
@media (prefers-reduced-motion:no-preference){.fw2{animation:fw2 2.4s ease-out infinite}}
@media (prefers-reduced-motion:reduce){.fw2{opacity:.9}}
.fireworks{inset:-20px -20px 35% -20px}
/* birthday: Chico's cake picture, flames flicker, the cake sways */
.cake-stage{padding-top:0;width:min(100%,560px)}
.cake-pic{position:relative;width:100%}
.cake-pic img{width:100%;height:auto;filter:drop-shadow(0 14px 24px rgba(0,0,0,.3))}
.cg{position:absolute;width:6%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(circle,rgba(255,250,200,.95) 0 20%,rgba(255,200,60,.55) 45%,rgba(255,140,30,0) 70%)}
@keyframes cg-flicker{0%,100%{opacity:.55;transform:scale(1)}30%{opacity:1;transform:scale(1.35)}55%{opacity:.7;transform:scale(.9)}80%{opacity:.95;transform:scale(1.2)}}
@media (prefers-reduced-motion:no-preference){.cg{animation:cg-flicker .7s ease-in-out infinite}.cake-pic{animation:sp-bop 3.4s ease-in-out infinite;transform-origin:50% 100%}}
.cake-stage{width:min(100%,460px)}
/* "מזל טוב" lettering above Chico & the cake */
.mazal-tov{width:min(92%,520px);height:auto;margin:4px auto -14px;position:relative;z-index:2;filter:drop-shadow(0 6px 12px rgba(0,0,0,.3))}
@keyframes mt-pop{0%,100%{transform:scale(1) rotate(-1.5deg)}50%{transform:scale(1.06) rotate(1.5deg)}}
@media (prefers-reduced-motion:no-preference){.mazal-tov{animation:mt-pop 2.4s ease-in-out infinite}}
.page-bday .show-page{padding-top:clamp(60px,15vw,72px)}.mazal-tov{margin-top:-6px}
/* birthday hero: Chico holding the cake (with "מזל טוב") */
.page-bday .cake-stage{width:calc(100% + 24px);max-width:760px;margin:0 -12px}
.page-bday .cake-pic img{-webkit-mask-image:linear-gradient(#000 88%,transparent);mask-image:linear-gradient(#000 88%,transparent)}
.page-bday .show-page{padding-top:clamp(70px,17vw,84px)}
.page-bday .show-page{padding-top:clamp(96px,25vw,108px)}
/* lit candles: a warm flickering glow on each flame */
.cflame{position:absolute;width:4.2%;aspect-ratio:.7;translate:-50% -62%;border-radius:50% 50% 45% 45%;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(ellipse at 50% 65%,rgba(255,255,230,1) 0 18%,rgba(255,215,70,.85) 38%,rgba(255,130,20,.45) 60%,rgba(255,90,0,0) 75%);
  filter:blur(.5px) drop-shadow(0 0 6px rgba(255,190,50,.9))}
@keyframes cflame{0%,100%{transform:scale(1,1) rotate(-3deg);opacity:.85}20%{transform:scale(.88,1.18) rotate(4deg);opacity:1}45%{transform:scale(1.1,.9) rotate(-4deg);opacity:.75}70%{transform:scale(.94,1.1) rotate(3deg);opacity:1}}
@media (prefers-reduced-motion:no-preference){.cflame{animation:cflame .6s ease-in-out infinite}}
.bday-lead{font-size:clamp(1.35rem,5.8vw,1.7rem)!important;line-height:1.25!important;-webkit-text-stroke:3px #5b1fb0;paint-order:stroke fill;text-shadow:0 3px 0 #5b1fb0,0 0 12px rgba(91,31,176,.5)}
.bday-lead .c-y{color:#fed835}.bday-lead .c-t{color:#3fd0ff}.bday-lead .c-w{color:#fff}.bday-lead .c-p2{color:#ffb3f0}
/* birthday text: strong phrases pop (bigger, colored, outlined) */
.sp-box .hl{font-family:var(--font-display);font-weight:700;font-size:1.12em;-webkit-text-stroke:2.5px #6a0a4a;paint-order:stroke fill;text-shadow:0 2px 0 #6a0a4a}
.sp-box .hl-y{color:#fed835}.sp-box .hl-t{color:#5fe8ff}.sp-box .hl-p{color:#fff;-webkit-text-stroke-color:#5b1fb0;text-shadow:0 2px 0 #5b1fb0}
.page-bday .show-page{padding-bottom:calc(140px + env(safe-area-inset-bottom))}
/* birthday text: all body text bold white with a navy outline, like "מעגל מתופפים שמח" */
.bday-box .sp-text:not(.hood-lead){font-family:var(--font-display);font-weight:700!important;color:#fff;-webkit-text-stroke:2.5px #5b1fb0;paint-order:stroke fill;text-shadow:0 2px 0 #5b1fb0!important;line-height:1.55!important}
/* birthday box: balloons float up & confetti falls, behind the text */
.bday-float{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:inherit}
.bday-float .bl{position:absolute;bottom:-90px;opacity:.85;filter:drop-shadow(0 3px 4px rgba(0,0,0,.25))}
.bday-float .bl svg{width:100%;height:auto}
.bday-float .cf{position:absolute;top:-14px;width:8px;height:12px;border-radius:2px;opacity:.85}
.bday-float .cf:nth-child(3n){width:10px;height:6px}.bday-float .cf:nth-child(4n){border-radius:50%;width:8px;height:8px}
@keyframes bl-rise{0%{transform:translate(0,0) rotate(-4deg)}25%{transform:translate(8px,-28vh) rotate(4deg)}50%{transform:translate(-6px,-56vh) rotate(-4deg)}75%{transform:translate(6px,-84vh) rotate(4deg)}100%{transform:translate(0,-115vh) rotate(-3deg)}}
@keyframes cf-fall{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(18px,120vh) rotate(var(--r))}}
@media (prefers-reduced-motion:no-preference){.bday-float .bl{animation:bl-rise linear infinite}.bday-float .cf{animation:cf-fall linear infinite}}
@media (prefers-reduced-motion:reduce){.bday-float .bl{bottom:auto;top:40%}.bday-float .cf{top:20%}}
/* birthday: sample digital invitation */
.bday-inv{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:18px;width:100%}
.bday-inv .tv-more-h .c-y{color:#fed835}
.bday-inv .sp-peek-c{font-size:clamp(1rem,4.2vw,1.2rem)}
.bday-inv-img{width:min(100%,520px);height:auto;margin-top:6px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.35))}
@media (prefers-reduced-motion:no-preference){.bday-inv-img{animation:sp-bop 4s ease-in-out infinite;transform-origin:50% 90%}}
/* birthday price card */
.bday-price{position:relative;width:min(100%,420px);margin:18px auto 0;padding:18px 18px 16px;border-radius:22px;text-align:center;
  background:linear-gradient(160deg,#fff7c2,#fed835 55%,#f6c200);border:3px solid #fff;box-shadow:0 0 0 4px #ff4fc3,0 14px 28px rgba(0,0,0,.3)}
.bday-price p{margin:0}
.bp-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.15rem,4.8vw,1.35rem);color:#c4108f}
.bp-sum{font-family:var(--font-display);font-weight:700;font-size:clamp(2.6rem,12vw,3.4rem);line-height:1.05;color:#fff;-webkit-text-stroke:4px #c4108f;paint-order:stroke fill;text-shadow:0 4px 0 #c4108f;margin:2px 0}
.bp-vat{font-weight:800;font-size:1rem;color:#c4108f;margin-bottom:10px!important}
.bp-line{font-weight:700;font-size:1rem;line-height:1.45;color:#7a0d58}
.bp-small{font-size:.9rem;margin-top:6px!important;font-weight:600}
/* price card v2: same pink box style as the rest, colorful outlined text */
.show-page .bday-price{width:100%;max-width:min(100%,680px);margin:18px auto 0;padding:18px 16px 18px;text-align:center}
.bday-price .bp-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.35rem,5.8vw,1.7rem);line-height:1.2;-webkit-text-stroke:3px #5b1fb0;paint-order:stroke fill;text-shadow:0 3px 0 #5b1fb0}
.bday-price .c-y{color:#fed835}.bday-price .c-t{color:#5fe8ff}
.bday-price .bp-sum{direction:rtl;font-size:clamp(3rem,14vw,4rem);line-height:1;margin:6px 0 2px;color:#fed835;-webkit-text-stroke:5px #5b1fb0;paint-order:stroke fill;text-shadow:0 5px 0 #5b1fb0,0 0 18px rgba(91,31,176,.6)}
.bday-price .bp-cur{font-size:.8em;color:#fff}
.bday-price .bp-vat{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:#fff;-webkit-text-stroke:2.5px #5b1fb0;paint-order:stroke fill;text-shadow:0 2px 0 #5b1fb0;margin-bottom:12px!important}
.bday-price .bp-line{font-family:var(--font-display);font-weight:700;font-size:clamp(1.02rem,4.2vw,1.15rem);line-height:1.5;color:#fff;-webkit-text-stroke:2.5px #5b1fb0;paint-order:stroke fill;text-shadow:0 2px 0 #5b1fb0}
.bday-price .bp-small{font-size:clamp(.92rem,3.8vw,1.02rem);margin-top:8px!important;opacity:.95}
.bday-inv-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:900px}
.bi-card{margin:0;display:flex;flex-direction:column;align-items:center;gap:4px}
.bi-card .bday-inv-img{width:100%;margin:0}
.bi-card:nth-child(2) .bday-inv-img{animation-delay:-2s}
.bi-card figcaption{font-family:var(--font-display);font-weight:700;font-size:clamp(.95rem,4vw,1.15rem);color:#fff;-webkit-text-stroke:2.5px #5b1fb0;paint-order:stroke fill;text-shadow:0 2px 0 #5b1fb0}
/* price card: smaller & tighter */
.show-page .bday-price{max-width:min(92%,360px);padding:12px 12px 12px}
.bday-price .bp-title{font-size:clamp(1.1rem,4.6vw,1.3rem)}
.bday-price .bp-sum{font-size:clamp(2.3rem,10.5vw,2.9rem);margin:2px 0 0;-webkit-text-stroke:4px #5b1fb0;text-shadow:0 3px 0 #5b1fb0}
.bday-price .bp-vat{font-size:1rem;margin-bottom:6px!important}
.bday-price .bp-line{font-size:clamp(.9rem,3.7vw,1rem);line-height:1.35;-webkit-text-stroke:2px #5b1fb0}
.bday-price .bp-small{font-size:clamp(.82rem,3.4vw,.92rem);margin-top:4px!important}
.bday-inv-img,.bi-card .bday-inv-img{animation:none!important}
.bi-sub{margin:0;text-align:center;font-family:var(--font-display);font-weight:700;font-size:clamp(1.15rem,4.9vw,1.4rem);line-height:1.3;-webkit-text-stroke:3px #5b1fb0;paint-order:stroke fill;text-shadow:0 3px 0 #5b1fb0}
.bi-sub .c-y,.bi-card .c-y{color:#fed835}.bi-sub .c-t,.bi-card .c-t{color:#5fe8ff}.bi-sub .c-p,.bi-card .c-p{color:#ff9bf0}
.bi-card figcaption{font-size:clamp(1.05rem,4.4vw,1.25rem);-webkit-text-stroke:3px #5b1fb0}
.bi-sub{padding-inline:10px;font-size:clamp(1.05rem,4.5vw,1.35rem)}
.bi-sub .c-w{color:#fff}.bi-card figcaption{font-size:clamp(.95rem,4vw,1.15rem)}
/* invitation zoom */
.inv-zoom{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh;margin:0;display:none;place-items:center}
.inv-zoom[open]{display:grid}
.inv-zoom::backdrop{background:rgba(11,26,92,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.inv-zoom img{width:min(96vw,96vh,900px);height:auto;filter:drop-shadow(0 16px 30px rgba(0,0,0,.5))}
.iz-close{position:fixed;top:14px;left:14px;width:48px;height:48px;border-radius:50%;border:3px solid #fff;background:#ff4fc3;color:#fff;font-size:1.4rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.35)}
@media (prefers-reduced-motion:no-preference){.inv-zoom[open] img{animation:menu-pop .25s ease-out both}}
@keyframes iz-pop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.inv-zoom[open] img{animation:iz-pop .25s ease-out both}}.inv-zoom{inset:0;position:fixed}
.bday-price-img{width:min(100%,460px);height:auto;margin:18px auto 0;border-radius:22px;border:3px solid #fff;box-shadow:0 0 0 4px #ff4fc3,0 14px 28px rgba(0,0,0,.3)}
/* "everyone celebrates" — a happy gift box */
.gift-card{position:relative;width:min(100%,440px);margin:44px auto 0;padding-top:0}
.gc-bow{position:absolute;top:-46px;left:50%;width:150px;translate:-50% 0;z-index:3;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}
.gc-lid{position:relative;z-index:2;height:34px;margin:0 -10px;border-radius:12px;background:linear-gradient(180deg,#ff7fd6,#e0359f);border:3px solid #fff;box-shadow:0 6px 10px rgba(0,0,0,.2)}
.gc-rib{position:absolute;top:0;bottom:0;left:50%;width:30px;translate:-50% 0;background:linear-gradient(90deg,#f2b800,#ffe05a 50%,#f2b800)}
.gc-body{position:relative;z-index:1;margin-top:-4px;padding:20px 22px 22px;border-radius:0 0 18px 18px;border:3px solid #fff;border-top:0;overflow:hidden;
  background:radial-gradient(circle,rgba(255,255,255,.35) 0 5px,transparent 6px) 0 0/34px 34px,linear-gradient(170deg,#5fe3ff,#1aa7e0);box-shadow:0 0 0 4px #ff4fc3,0 14px 28px rgba(0,0,0,.3)}
.gc-rib-v{opacity:.85;z-index:0}
.gc-body p{position:relative;z-index:1;margin:0;text-align:center;font-family:var(--font-display);font-weight:700;color:#fff;-webkit-text-stroke:3px #5b1fb0;paint-order:stroke fill;text-shadow:0 2px 0 #5b1fb0}
.gc-title{font-size:clamp(1.35rem,5.8vw,1.7rem);line-height:1.2;margin-bottom:10px!important}
.gc-text{font-size:clamp(1.02rem,4.2vw,1.15rem);line-height:1.5}
.gift-card .c-y{color:#fed835}.gift-card .c-t{color:#ffb3f0}.gift-card .c-w{color:#fff}
@keyframes gc-wiggle{0%,100%{transform:rotate(0)}10%{transform:rotate(-3deg)}20%{transform:rotate(3deg)}30%{transform:rotate(0)}}
@media (prefers-reduced-motion:no-preference){.gift-card{animation:gc-wiggle 4s ease-in-out infinite;transform-origin:50% 100%}}
.bday-gift-img{width:min(100%,460px);height:auto;margin:18px auto 0;border-radius:22px;border:3px solid #fff;box-shadow:0 0 0 4px #fed835,0 14px 28px rgba(0,0,0,.3)}
/* invitation text in its own pink frame, bigger */
.show-page .bi-frame{width:100%;max-width:min(100%,560px);margin:6px auto 4px;padding:14px 14px}
.bi-frame .bi-sub{font-size:clamp(1.2rem,5.2vw,1.45rem);line-height:1.35}
.bday-price-img{border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 12px 22px rgba(0,0,0,.3))}
.bi-tap{margin:2px 0 4px;text-align:center;font-family:var(--font-display);font-weight:700;font-size:clamp(1.05rem,4.5vw,1.25rem);-webkit-text-stroke:2.5px #5b1fb0;paint-order:stroke fill;text-shadow:0 2px 0 #5b1fb0}.bi-tap .c-y{color:#fed835}.bi-tap .c-w{color:#fff}
/* birthday videos */
.bday-vids{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:22px}
.bday-show{width:min(70%,300px)}
.bday-show video{width:100%;height:auto;aspect-ratio:480/854;object-fit:cover;border-radius:20px;border:3px solid #fff;box-shadow:0 0 0 4px #ff4fc3,0 12px 24px rgba(0,0,0,.3);background:#000}
.page-bday .bday-more{padding-top:4px;gap:16px 12px}
.page-bday .bday-more .sg-v{background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);border:1.5px solid rgba(255,255,255,.75);border-radius:20px;padding:8px 8px 0;box-shadow:0 0 0 1px rgba(254,216,53,.55),0 14px 30px -10px rgba(20,10,70,.55)}
.page-bday .bday-more .sg-th{border-radius:14px;border:0;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.page-bday .bday-more .sg-play svg{width:34px;height:34px;padding:7px 6px 7px 8px;background:rgba(255,255,255,.92);color:#ff2fb0}
.page-bday .bday-more .sg-t{color:#fff;-webkit-text-stroke:0;font-family:var(--font-display);font-weight:600;text-shadow:0 1px 2px rgba(20,10,70,.55),0 0 10px rgba(20,10,70,.35);padding:8px 3px 10px;font-size:clamp(.88rem,3.6vw,1rem);min-height:calc(2 * 1.2em + 18px)}
.bday-gift-img{border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 12px 22px rgba(0,0,0,.3))}
.bday-shows{width:min(100%,560px)}
.bday-shows .bday-show{width:auto}
.bday-shows .sp-vbtn{font-size:clamp(.82rem,3.4vw,1rem)}
.bday-shows .bday-show:nth-child(2) video{box-shadow:0 0 0 4px #3fd0ff,0 12px 24px rgba(0,0,0,.3)}
/* birthday shorts from YouTube (vertical) */
.yts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:640px}
@media (min-width:720px){.yts-grid{grid-template-columns:repeat(4,1fr)}}
.yts{position:relative;display:block;aspect-ratio:9/16;border-radius:16px;overflow:hidden;border:2px solid #fff;box-shadow:0 0 0 2px rgba(254,216,53,.8),0 10px 20px -6px rgba(20,10,70,.5)}
.yts:nth-child(3n+2){box-shadow:0 0 0 2px rgba(255,79,195,.85),0 10px 20px -6px rgba(20,10,70,.5)}
.yts:nth-child(3n){box-shadow:0 0 0 2px rgba(63,208,255,.85),0 10px 20px -6px rgba(20,10,70,.5)}
.yts img{width:100%;height:100%;object-fit:cover}
.yts-play{position:absolute;inset:0;display:grid;place-items:center}
.yts-play svg{width:34px;height:34px;padding:7px 6px 7px 8px;border-radius:50%;background:rgba(255,255,255,.92);color:#ff2fb0;box-shadow:0 3px 10px rgba(0,0,0,.35)}
.yts:active{transform:scale(.97)}
/* ===== birthday: gift-box buttons that open each section ===== */
.gb-hint{margin-top:18px}
.gbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 14px;width:min(100%,460px);margin:30px auto 6px}
.gbox{position:relative;padding:0;border:0;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:stretch;font:inherit}
.gb-lid{position:relative;z-index:2;height:24px;margin:0 -6px;border-radius:9px;background:linear-gradient(180deg,var(--g1),var(--g2));border:3px solid #fff;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.gb-lid::after,.gb-body::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:20px;translate:-50% 0;background:linear-gradient(90deg,#f2b800,#fff27a 50%,#f2b800)}
.gb-body{position:relative;z-index:1;margin-top:-3px;min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px 6px;border-radius:0 0 14px 14px;border:3px solid #fff;border-top:0;
  background:radial-gradient(circle,rgba(255,255,255,.3) 0 4px,transparent 5px) 0 0/26px 26px,linear-gradient(170deg,var(--g1),var(--g2));box-shadow:0 12px 22px rgba(0,0,0,.28)}
.gb-ico,.gb-t{position:relative;z-index:1}
.gb-ico{font-size:2.1rem;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}
.gb-t{font-family:var(--font-display);font-weight:700;font-size:clamp(1.1rem,4.8vw,1.3rem);color:#fff;-webkit-text-stroke:3px #5b1fb0;paint-order:stroke fill;text-shadow:0 2px 0 #5b1fb0;line-height:1.1}
.gb-bow{position:absolute;z-index:3;top:-24px;left:50%;width:62px;height:30px;translate:-50% 0;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.gb-bow::before,.gb-bow::after{content:"";position:absolute;bottom:0;width:30px;height:24px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:#fed835;border:3px solid #e0a800}
.gb-bow::before{left:0;transform:rotate(-20deg)}.gb-bow::after{right:0;transform:rotate(20deg)}
.gbox:hover .gb-lid,.gbox.open .gb-lid{transform:translateY(-12px) rotate(-6deg)}
.gbox:hover .gb-bow,.gbox.open .gb-bow{transform:translateY(-12px) rotate(-6deg)}
.gbox.open .gb-body{box-shadow:0 0 0 4px #fff,0 0 22px 6px rgba(254,216,53,.8),0 12px 22px rgba(0,0,0,.28)}
@keyframes gb-wiggle{0%,90%,100%{transform:rotate(0)}93%{transform:rotate(-4deg)}96%{transform:rotate(4deg)}}
@media (prefers-reduced-motion:no-preference){.gbox{animation:gb-wiggle 3.5s ease-in-out infinite}.gbox:nth-child(2){animation-delay:.9s}.gbox:nth-child(3){animation-delay:1.8s}.gbox:nth-child(4){animation-delay:2.6s}.gbox.open{animation:none}}
.bx-panel{width:100%;display:flex;flex-direction:column;align-items:center;scroll-margin-top:16px}
.bx-panel[hidden]{display:none}
@keyframes bx-in{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){.bx-panel:not([hidden]){animation:bx-in .35s ease-out}}
/* gift boxes that are Chico's artwork */
.gbox-grid{align-items:end}
.gbox-img img{width:100%;height:auto;filter:drop-shadow(0 10px 16px rgba(0,0,0,.3));transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.gbox-img:hover img,.gbox-img.open img{transform:translateY(-6px) scale(1.04)}
.gbox-img.open img{filter:drop-shadow(0 0 14px rgba(254,216,53,.95)) drop-shadow(0 10px 16px rgba(0,0,0,.3))}
/* birthday videos inside little cartoon TVs (like the rest of the site) */
.yts-grid{gap:30px 12px;padding-top:16px}
.yts,.yts:nth-child(n){position:relative;aspect-ratio:auto;overflow:visible;border:0;border-radius:16px;padding:7px 7px 20px;
  background:radial-gradient(circle,#fed835 0 3.5px,transparent 4.5px) 38% calc(100% - 7px)/10px 10px no-repeat,radial-gradient(circle,#fed835 0 3.5px,transparent 4.5px) 62% calc(100% - 7px)/10px 10px no-repeat,linear-gradient(160deg,#ff6fd6,#c4108f);
  box-shadow:0 0 0 3px #fff,0 10px 18px rgba(0,0,0,.3)}
.yts:nth-child(3n+2){background:radial-gradient(circle,#ff4fc3 0 3.5px,transparent 4.5px) 38% calc(100% - 7px)/10px 10px no-repeat,radial-gradient(circle,#ff4fc3 0 3.5px,transparent 4.5px) 62% calc(100% - 7px)/10px 10px no-repeat,linear-gradient(160deg,#6fe6ff,#0aa6d8)}
.yts:nth-child(3n){background:radial-gradient(circle,#fff 0 3.5px,transparent 4.5px) 38% calc(100% - 7px)/10px 10px no-repeat,radial-gradient(circle,#fff 0 3.5px,transparent 4.5px) 62% calc(100% - 7px)/10px 10px no-repeat,linear-gradient(160deg,#c07bff,#7d2be0)}
.yts::before,.yts::after{content:"";position:absolute;top:-15px;left:50%;width:3px;height:17px;background:#fff;border-radius:2px;transform-origin:bottom center}
.yts::before{transform:translateX(-4px) rotate(-30deg)}.yts::after{transform:translateX(1px) rotate(30deg)}
.yts img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:10px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}
.yts-play{inset:7px 7px 20px}
.bday-show{position:relative;padding:9px 9px 26px;border-radius:20px;background:radial-gradient(circle,#fed835 0 4.5px,transparent 5.5px) 40% calc(100% - 8px)/12px 12px no-repeat,radial-gradient(circle,#fed835 0 4.5px,transparent 5.5px) 60% calc(100% - 8px)/12px 12px no-repeat,linear-gradient(160deg,#ff6fd6,#c4108f);box-shadow:0 0 0 3px #fff,0 12px 22px rgba(0,0,0,.3)}
.bday-shows .bday-show:nth-child(2){background:radial-gradient(circle,#ff4fc3 0 4.5px,transparent 5.5px) 40% calc(100% - 8px)/12px 12px no-repeat,radial-gradient(circle,#ff4fc3 0 4.5px,transparent 5.5px) 60% calc(100% - 8px)/12px 12px no-repeat,linear-gradient(160deg,#6fe6ff,#0aa6d8)}
.bday-show::before,.bday-show::after{content:"";position:absolute;top:-18px;left:50%;width:4px;height:21px;background:#fff;border-radius:2px;transform-origin:bottom center}
.bday-show::before{transform:translateX(-5px) rotate(-30deg)}.bday-show::after{transform:translateX(1px) rotate(30deg)}
.bday-show video,.bday-shows .bday-show:nth-child(2) video{border:0;border-radius:12px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}
.bday-shows{gap:14px;margin-top:16px}
.bday-show .sp-full{top:18px;left:18px}
.bday-show .sp-vbtn{bottom:36px}
.gb-hint{font-size:clamp(1.15rem,4.9vw,1.4rem);line-height:1.3;padding-inline:8px}
.gb-title{margin:18px 0 0;text-align:center}.gb-title .spn-1{white-space:normal;line-height:1.08;display:block}.gb-title .spn-c{color:#ff9bf0}
.bday-tv{margin-top:14px}.bday-tv .tv-pick{grid-template-columns:1fr 1fr}
/* featured birthday short in a big vertical TV, between the text and the gift boxes */
.bday-feature{display:flex;justify-content:center;width:100%;margin-top:34px}
.bday-feature .bf-tv{width:min(68%,300px);padding:10px 10px 30px;border-radius:24px;
  background:radial-gradient(circle,#fed835 0 6px,transparent 7px) 38% calc(100% - 9px)/16px 16px no-repeat,radial-gradient(circle,#fed835 0 6px,transparent 7px) 62% calc(100% - 9px)/16px 16px no-repeat,linear-gradient(160deg,#ff6fd6,#c4108f);
  box-shadow:0 0 0 4px #fff,0 0 0 8px #fed835,0 16px 30px rgba(0,0,0,.35)}
.bday-feature .bf-tv::before,.bday-feature .bf-tv::after{top:-26px;width:5px;height:30px}
.bday-feature .bf-tv::before{transform:translateX(-7px) rotate(-30deg)}.bday-feature .bf-tv::after{transform:translateX(2px) rotate(30deg)}
.bday-feature .bf-tv img{border-radius:14px}
.bday-feature .yts-play{inset:10px 10px 30px}
.bday-feature .yts-play svg{width:58px;height:58px;padding:12px 10px 12px 14px;background:var(--sun-400);color:#00b8e6}
.yts-grid .yts img{aspect-ratio:1;object-position:50% 35%}
/* the 2 party clips as the first TVs in the grid (play on the site, full screen) */
.yts-local{cursor:pointer;font:inherit;text-align:inherit}
.yts-grid .yts-local video{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 35%;border-radius:10px;background:#000}
.yts-local video:fullscreen{aspect-ratio:auto;object-fit:contain;border-radius:0}
/* featured short: our own caption + play button under the picture */
.bday-feature .bf-tv img{aspect-ratio:540/760}
.bday-feature .bf-tv{padding-bottom:12px}
.bday-feature .yts-play{inset:10px 10px auto 10px;height:auto;aspect-ratio:540/760}
.bf-cap{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;border-radius:14px;background:rgba(91,31,176,.55);box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}
.bf-btn{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--sun-400);color:#00b8e6;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.bf-btn svg{width:20px;height:20px;margin-inline-start:3px}
.bf-txt{font-family:var(--font-display);font-weight:700;font-size:clamp(.95rem,4vw,1.12rem);line-height:1.2;color:#fff;-webkit-text-stroke:2px #5b1fb0;paint-order:stroke fill;text-shadow:0 2px 0 #5b1fb0;text-align:start}
.bf-txt .c-y{color:#fed835}.bf-txt .c-w{color:#fff}
.bday-feature .bf-tv{padding-bottom:30px;width:min(78%,320px)}.bf-txt{font-size:clamp(1.05rem,4.6vw,1.25rem)}.bf-cap{padding:9px 10px}
.bf-txt{display:flex;flex-direction:column;min-width:0}.bf-l1{white-space:nowrap;font-size:clamp(.95rem,4.2vw,1.15rem)}.bf-l2{white-space:nowrap}

/* הלוגו במקום המילה צ'יקולולו בטקסט */
.cl-logo{display:inline-block;height:1.45em;width:auto;vertical-align:-.42em;margin:0 .08em;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.sg-t .cl-logo{height:1.6em;vertical-align:-.5em}
.foot-legal .cl-logo{height:1.6em}
/* לוגו בכיתוב הסרטון — בגובה השורה, בלי לשנות את גודל הסרטון */
.bday-feature .bf-tv img.cl-logo{display:inline-block!important;width:auto!important;height:1.25em!important;aspect-ratio:auto!important;border-radius:0!important;box-shadow:none!important;border:0!important;outline:0!important;background:none!important;padding:0!important;object-fit:contain;vertical-align:-.32em;margin:-.3em .05em -.2em}
/* ===== לוח מופעים: פריט רחב בתפריט + הדף ===== */
.topbar .topmenu>a.m-sched{position:relative}
@media (max-width:719px){
  .topbar .topmenu>a.m-sched{grid-column:1/-1!important;order:4;width:100%!important;height:auto!important;aspect-ratio:auto;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible;display:block}
  .topbar .topmenu>a.m-sched .m-art{position:static;display:block;width:100%;height:auto;aspect-ratio:1040/400;object-fit:cover;border-radius:24px;border:3px solid #fff;box-shadow:0 0 0 4px #fed835,0 8px 18px rgba(0,0,0,.3)}
}
.shows-page .sp-in{display:flex;flex-direction:column;align-items:center;gap:18px}
.shows-hero{display:block;width:min(100%,760px);height:auto;border-radius:26px;border:4px solid #fff;box-shadow:0 0 0 4px #fed835,0 16px 30px -10px rgba(10,20,70,.6)}
.shows-box{text-align:center}
.shows-list{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:10px}
.shows-list:empty{display:none}
.shows-empty{margin:4px 0 14px;font-family:var(--font-display);font-weight:700;font-size:clamp(1.3rem,5.6vw,1.7rem);line-height:1.2;color:#fff;-webkit-text-stroke:3px #5b1fb0;paint-order:stroke fill;text-shadow:0 3px 0 #5b1fb0}
.shows-list:not(:empty)+.shows-empty{display:none}
.shows-empty .c-y{color:#fed835}.shows-empty .c-w{color:#fff}.shows-empty .c-t{color:#3fd0ff}
.shows-wa{margin-top:4px}
.shows-wa svg{width:24px;height:24px;fill:currentColor}
@media (min-width:720px){
  .topbar .topmenu>a.m-sched .m-art{display:none!important}
  .topbar .topmenu>a.m-sched span.sr{position:static!important;width:auto;height:auto;clip:auto;clip-path:none;overflow:visible;white-space:nowrap;margin:0}
}
@media (min-width:1280px){.topbar .topmenu{flex-wrap:nowrap;gap:8px}.topbar .topmenu>a{padding-inline:16px}}
@media (min-width:720px) and (max-width:1279px){.topbar .topmenu{flex-wrap:wrap;justify-content:center;gap:8px;padding-inline:90px}.topbar .topmenu>a{padding-inline:14px}}
/* לוח מופעים: בלי באנר במסגרת — לוגו על הכותרת בגדול, צ'יקו עומד לגובה הדף */
.shows-hero{display:none}
.shows-page .sp-in{display:grid;grid-template-columns:1fr;justify-items:center;gap:6px}
.shows-top{display:flex;flex-direction:column;align-items:center;width:min(100%,720px)}
.shows-logo{display:block;width:min(70%,380px);height:auto;margin-bottom:-6%;position:relative;z-index:2;filter:drop-shadow(0 6px 8px rgba(11,26,92,.5))}
.shows-title{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 12px rgba(11,26,92,.5))}
.shows-chico{display:block;width:auto;height:min(118vw,560px);margin:4px 0 -40px;position:relative;z-index:1;filter:drop-shadow(0 12px 18px rgba(11,26,92,.55))}
.shows-page .shows-box{position:relative;z-index:2}
@media (min-width:900px){
  .shows-page .sp-in{grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:start;max-width:1180px}
  .shows-top{grid-column:1;grid-row:1}
  .shows-page .shows-box{grid-column:1;grid-row:2;justify-self:center}
  .shows-chico{grid-column:2;grid-row:1/3;height:min(92vh,820px);margin:0;align-self:center}
}
/* לוח מופעים: הכותרת בעיגול + כפתור וואטסאפ ירוק כמו בכל האתר */
.shows-page .shows-box{overflow:visible;padding-top:0;margin-top:96px}
.shows-name{width:min(62vw,230px);aspect-ratio:1;margin:-96px auto 10px;justify-content:center;border-radius:50%;
  background:radial-gradient(circle at 35% 28%,#8ff8ff 0%,#22d8f2 45%,#00a8e8 100%);border:4px solid #fff;box-shadow:0 0 0 4px #0b1a5c,0 12px 24px -8px rgba(10,20,70,.7)}
.shows-name .spn-1{font-size:clamp(2rem,9vw,2.6rem);line-height:1.02;display:flex;flex-direction:column;align-items:center}
.shows-name .spn-b{color:#fff}
.page-show .shows-wa{display:inline-flex;flex:none;min-height:54px;padding:0 28px;font-size:1.25rem}
.page-show .shows-wa svg{width:26px;height:26px}
@media (min-width:900px){.shows-page .shows-box{margin-top:110px}}
.shows-chico{margin-bottom:-70px}
@media (min-width:900px){.shows-chico{margin-bottom:0}}
/* לוח מופעים בתפריט: ריבוע מעוגל באותו גודל כמו שאר התמונות, באמצע שורה שלישית */
@media (max-width:719px){
  .topbar .topmenu>a.m-sched{grid-column:1/-1!important;justify-self:center;width:calc(50% - 7px)!important}
  .topbar .topmenu>a.m-sched .m-art{aspect-ratio:1;box-shadow:0 0 0 4px #3fd0ff,0 8px 18px rgba(0,0,0,.3)}
}
/* לוח מופעים: המלל מתחת לכותרת, בלי קופסה ובלי מסגרת */
.shows-page .shows-plain{margin:6px 0 0;padding:0;background:none;border:0;box-shadow:none;max-width:560px;text-align:center}
.shows-plain .shows-name{margin:0 auto 10px}
.shows-plain .shows-empty{margin:0 0 6px}
.shows-plain .sp-text{margin:0;color:#fff;font-family:var(--font-display);font-weight:700;font-size:clamp(1.1rem,4.6vw,1.3rem);line-height:1.45;-webkit-text-stroke:3px #5b1fb0;paint-order:stroke fill;text-shadow:0 2px 0 #5b1fb0,0 0 10px rgba(91,31,176,.6);padding-inline:8px}
.shows-plain .sp-text .cl-logo{-webkit-text-stroke:0}
.shows-chico{margin-bottom:0}
@media (min-width:900px){
  .shows-page .shows-plain{grid-column:1;grid-row:2;justify-self:center;margin-top:10px}
}
/* תפריט בטלפון: התמונות לא נדחסות זו על זו במסך נמוך — גוללים במקום */
@media (max-width:719px){.topbar.open .topmenu{grid-auto-rows:max-content;grid-template-rows:none;align-content:safe center}}
/* לוח מופעים: בלי הלוגו, הכותרת למעלה והמלל צמוד אליה וממורכז */
.shows-page .sp-in{gap:0}
.shows-top{margin-top:-8px}
.shows-page .shows-plain{margin-top:-6px;justify-self:center;text-align:center}
.shows-plain .sp-text{text-align:center;text-wrap:balance}
@media (min-width:900px){.shows-top{align-self:end}.shows-page .shows-plain{align-self:start;margin-top:0}}
/* לוח מופעים: עמוד המודעות של צ'יקו, והמלל בתוך הנייר */
.shows-board{position:relative;width:min(100%,520px);container-type:inline-size;filter:drop-shadow(0 14px 22px rgba(11,26,92,.55))}
.shows-board .sb-img{display:block;width:100%;height:auto}
.shows-board .sb-in{position:absolute;top:35%;bottom:26%;left:16.5%;right:16.5%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3cqw;text-align:center;overflow:hidden}
.shows-board .shows-empty{margin:0;font-family:var(--font-display);font-weight:700;font-size:7cqw;line-height:1.15;-webkit-text-stroke:0;text-shadow:none}
.shows-board .shows-empty .c-y{color:#6520b4}.shows-board .shows-empty .c-w{color:#e0218a}.shows-board .shows-empty .c-t{color:#0a8fc4}
.shows-board .sp-text{margin:0;color:#3a1466;font-family:var(--font-body);font-weight:700;font-size:4.6cqw;line-height:1.45;text-wrap:balance}
.shows-board .sp-text .cl-logo{height:1.5em;vertical-align:-.45em}
.shows-page .sp-in{gap:8px}
@media (min-width:900px){
  .shows-board{grid-column:1;grid-row:1/3;justify-self:center;align-self:center}
}
/* לוח מופעים: העמוד נמתח לפי מספר המופעים — למעלה / נייר / בסיס */
.shows-board .sb-top,.shows-board .sb-bot{display:block;width:100%;height:auto}
.shows-board .sb-in{position:static;inset:auto;overflow:visible;min-height:calc(100cqw * 530 / 993);margin:-1px 0;padding:1cqw 17% 2cqw;
  background:url(../assets/shows-board-mid.webp) 0 0/100% 100% no-repeat;gap:3.4cqw}
.shows-board .shows-list{width:100%;margin:0;gap:2.2cqw}
.shows-list li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2.4cqw;padding:1.6cqw 2.2cqw;border-radius:3cqw;background:#fff;
  box-shadow:0 0 0 .5cqw #ff7fd0,0 1cqw 2cqw -1cqw rgba(91,31,176,.45);text-align:right}
.sl-date{padding:.8cqw 2cqw;border-radius:99px;background:#6520b4;color:#fed835;font-family:var(--font-display);font-weight:700;font-size:4.4cqw;line-height:1.2}
.sl-place{color:#3a1466;font-weight:600;font-size:3.9cqw;line-height:1.2}
.sl-place b{display:block;color:#e0218a;font-family:var(--font-display);font-weight:700;font-size:4.6cqw}
.sl-time{color:#0a8fc4;font-family:var(--font-display);font-weight:700;font-size:4.6cqw}
.shows-board .sp-text{font-size:4.2cqw}
/* לוח מופעים: צ'יקו בחצי גוף על הבסיס של העמוד, מצביע על הלוח */
.shows-board .sb-chico{position:absolute;right:-9%;bottom:0;width:40%;height:auto;z-index:3;pointer-events:none;
  -webkit-mask-image:linear-gradient(to top,transparent 0,#000 9%);mask-image:linear-gradient(to top,transparent 0,#000 9%);filter:drop-shadow(0 6px 10px rgba(11,26,92,.5))}
.shows-board .sb-in{padding-bottom:9cqw}
@media (min-width:900px){
  .shows-page .sp-in{display:flex;justify-content:center}
  .shows-board{width:520px}
  .shows-board .sb-chico{right:-38%;width:58%}
}
/* לוח מופעים: טבלת משבצות — עיר, מקום, שעה | תאריך */
.shows-board .shows-list{grid-template-columns:1fr 1fr;gap:0;border:.6cqw solid #6520b4;border-radius:2.4cqw;overflow:hidden;background:#fff;box-shadow:0 1cqw 2.4cqw -1cqw rgba(91,31,176,.5)}
.shows-list li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4cqw;padding:2cqw 1cqw;border-radius:0;box-shadow:none;background:#fff;text-align:center;
  border-bottom:.4cqw solid #d9c7f2;border-inline-start:.4cqw solid #d9c7f2}
.shows-list li:nth-child(2n+1){border-inline-start:0}
.shows-list li:nth-last-child(-n+2):nth-child(2n+1),.shows-list li:last-child{border-bottom:0}
.sl-city{color:#e0218a;font-family:var(--font-display);font-weight:700;font-size:5.4cqw;line-height:1.1}
.shows-list .sl-place{color:#3a1466;font-weight:600;font-size:3.7cqw;line-height:1.2}
.sl-when{color:#6520b4;font-family:var(--font-display);font-weight:700;font-size:4cqw;line-height:1.2;direction:ltr;unicode-bidi:isolate}
/* לוח מופעים: צ'יקו על הלוח כמו בפוסטר — מעל הטבלה, הטבלה עולה על המותניים */
.shows-board .sb-star{display:block;width:104%;max-width:none;height:auto;margin:-1cqw -2% -15cqw;position:relative;z-index:1;
  -webkit-mask-image:linear-gradient(to top,transparent 0,#000 22%);mask-image:linear-gradient(to top,transparent 0,#000 22%)}
.shows-board .shows-list{position:relative;z-index:2}
/* לוח מופעים: רקע מועדון עם אורות, ציורי קו מסביב ורדיו */
body.page-shows::before{background:#16033d url(../assets/bg-disco.webp) center bottom/cover no-repeat}
body.page-shows .bg-twinkle{display:none}
.shows-page .sp-in{position:relative}
.shows-doodles{position:absolute;inset:0;pointer-events:none;z-index:0}
.shows-doodles .dd{position:absolute;aspect-ratio:1;max-width:90px;background:var(--c);-webkit-mask:var(--u) center/contain no-repeat;mask:var(--u) center/contain no-repeat;opacity:.9;filter:drop-shadow(0 0 6px var(--c))}
@media (prefers-reduced-motion:no-preference){.shows-doodles .dd{animation:dd-bob 3.2s ease-in-out infinite}.shows-doodles .dd:nth-child(2n){animation-delay:-1.6s}}
@keyframes dd-bob{0%,100%{translate:0 0}50%{translate:0 -8px}}
.shows-board{z-index:1}
.shows-board .sb-in{position:relative}
.shows-board .sb-radio{position:absolute;z-index:2;left:-2%;top:13cqw;width:30%;height:auto;rotate:-14deg;filter:drop-shadow(0 4px 6px rgba(58,10,92,.45))}
@media (prefers-reduced-motion:no-preference){.shows-board .sb-radio{animation:radio-beat .9s ease-in-out infinite}}
@keyframes radio-beat{0%,100%{scale:1}50%{scale:1.06}}
@media (max-width:899px){.shows-doodles .dd{max-width:44px}}
.shows-doodles .dd{display:block}
.shows-board .sb-radio{left:auto;right:-6%;top:4cqw;width:32%;rotate:12deg}
.shows-doodles{inset:0 -3%}
.shows-doodles .dd{z-index:2}
@media (min-width:900px){.shows-doodles{left:calc(50% - 560px);right:calc(50% - 560px);inset-block:0}.shows-doodles .dd{max-width:110px;min-width:70px}}
@media (max-width:899px){.shows-doodles .dd{max-width:48px;min-width:34px}}
/* הטייפ צמוד לאוזן של צ'יקו */
.shows-board .sb-starbox{position:relative;width:104%;margin:-1cqw -2% -15cqw;z-index:1}
.shows-board .sb-starbox .sb-star{width:100%;margin:0}
.shows-board .sb-starbox .sb-radio{left:37%;right:auto;top:-1%;width:31%;rotate:-10deg;z-index:2}
/* לוח מופעים v2: הכותרת וצ'יקו למעלה, עמוד המודעות עם 6 המשבצות של צ'יקו */
.shows-page .sp-in{display:flex;flex-direction:column;align-items:center;gap:0}
.shows-head{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:min(100%,560px)}
.shows-head .shows-title{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 12px rgba(11,26,92,.5))}
.shows-head .sb-starbox{position:relative;width:min(92%,440px);margin:-2% 0 -9%}
.shows-head .sb-starbox .sb-star{display:block;width:100%;height:auto;margin:0;-webkit-mask-image:linear-gradient(to top,transparent 0,#000 24%);mask-image:linear-gradient(to top,transparent 0,#000 24%)}
.shows-head .sb-starbox .sb-radio{position:absolute;left:37%;top:-1%;width:31%;height:auto;rotate:-10deg;z-index:2;filter:drop-shadow(0 4px 6px rgba(58,10,92,.45))}
.board6{position:relative;z-index:1;width:min(104%,540px);container-type:inline-size;filter:drop-shadow(0 14px 22px rgba(0,0,0,.5))}
.board6 .b6-img{display:block;width:100%;height:auto}
.b6-list{list-style:none;margin:0;padding:0}
.b6{position:absolute;width:19.6%;height:11.6%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3cqw;text-align:center;padding:0 .6cqw}
.b6-1,.b6-3,.b6-5{left:53.4%}.b6-2,.b6-4,.b6-6{left:26.2%}
.b6-1,.b6-2{top:33.3%}.b6-3,.b6-4{top:48.8%}.b6-5,.b6-6{top:64.1%;height:10.5%}
.b6 .sl-city{color:#e0218a;font-family:var(--font-display);font-weight:700;font-size:4cqw;line-height:1.05}
.b6 .sl-place{color:#3a1466;font-weight:700;font-size:2.8cqw;line-height:1.1}
.b6 .sl-when{color:#6520b4;font-family:var(--font-display);font-weight:700;font-size:3.1cqw;line-height:1.1;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.b6-1 .sl-city,.b6-6 .sl-city{color:#0a8fc4}.b6-3 .sl-city{color:#7a2bd0}.b6-4 .sl-city{color:#c98a00}
.board6 .b6-logo{position:absolute;left:50%;top:80%;width:58%;height:auto;translate:-50% 0;filter:drop-shadow(0 4px 6px rgba(58,10,92,.5))}
.shows-note{margin:14px 0 0;max-width:520px;text-align:center;color:#fff;font-family:var(--font-display);font-weight:700;font-size:clamp(1.05rem,4.4vw,1.25rem);line-height:1.45;-webkit-text-stroke:3px #5b1fb0;paint-order:stroke fill;text-shadow:0 2px 0 #5b1fb0;text-wrap:balance}
.shows-note .cl-logo{-webkit-text-stroke:0}
.b6 .sl-city{font-size:3.5cqw;white-space:nowrap;letter-spacing:-.02em}
.b6-3 .sl-city,.b6-5 .sl-city{font-size:2.95cqw}
.b6 .sl-place{font-size:2.6cqw;white-space:nowrap;letter-spacing:-.02em}
.b6-5 .sl-place{font-size:2.3cqw}
.b6 .sl-when{font-size:2.9cqw}
.shows-head .shows-title{margin-bottom:-4%}
/* לוח מופעים: שתי שורות של 3 משבצות, שם העיר גדול ובולט */
.b6-list{position:absolute;left:16%;right:16%;top:32.5%;height:44.5%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:2.4cqw 1.8cqw}
.board6 .b6{position:static;width:auto;height:auto;padding:1.2cqw .8cqw;gap:.8cqw;background:#fff;border:1.3cqw solid var(--bc,#2fd3ee);border-radius:3.4cqw;
  box-shadow:0 .8cqw 0 rgba(20,5,60,.35),inset 0 -.8cqw 0 rgba(91,31,176,.08);overflow:hidden}
.b6-1{--bc:#2fd3ee}.b6-2{--bc:#ff4fc3}.b6-3{--bc:#b05cff}.b6-4{--bc:#fed835}.b6-5{--bc:#ff4fc3}.b6-6{--bc:#2fd3ee}
.board6 .b6 .sl-city{font-size:5.2cqw;font-weight:700;line-height:1;white-space:normal;letter-spacing:-.01em;color:#e0218a;text-wrap:balance;
  -webkit-text-stroke:.25cqw currentColor;text-shadow:0 .35cqw 0 rgba(91,31,176,.25)}
.board6 .b6-1 .sl-city,.board6 .b6-6 .sl-city{color:#0a8fc4}.board6 .b6-3 .sl-city{color:#7a2bd0}.board6 .b6-4 .sl-city{color:#d99200}
.board6 .b6 .sl-place{font-size:2.5cqw;white-space:normal;line-height:1.1}
.board6 .b6 .sl-when{font-size:2.8cqw}
/* צ'יקו קטן עם מיקרופון ליד הלוגו על הבסיס */
.board6 .b6-chico{position:absolute;left:5%;bottom:3.5%;width:36%;height:auto;z-index:1;-webkit-mask-image:linear-gradient(to top,transparent 0,#000 18%);mask-image:linear-gradient(to top,transparent 0,#000 18%);filter:drop-shadow(0 4px 6px rgba(58,10,92,.5))}
.board6 .b6-logo{left:63%;width:50%;top:81%;z-index:2}
/* למטה: צ'יקו עם הלוגו על הבטן, בלי רקע (כמו התמונה של צ'יקו), עולה על הבסיס של העמוד */
.shows-star{position:relative;z-index:3;width:min(86%,440px);margin-top:-27%;display:flex;flex-direction:column;align-items:center}
.shows-star .ss-chico{display:block;width:62%;height:auto;filter:drop-shadow(0 8px 14px rgba(11,26,92,.55));
  -webkit-mask-image:linear-gradient(to top,transparent 0,#000 14%);mask-image:linear-gradient(to top,transparent 0,#000 14%)}
.shows-star .ss-logo{display:block;width:100%;height:auto;margin-top:-34%;position:relative;filter:drop-shadow(0 6px 8px rgba(11,26,92,.55))}
@media (min-width:900px){.shows-star{margin-top:-150px}}
.shows-star .ss-logo{margin-top:-56%}
.shows-star .ss-chico{-webkit-mask-image:none;mask-image:none;width:64%}
.shows-star .ss-logo{margin-top:-30%}
/* כל שמות הערים בסגול, משבצות לפי התוכן בלי לבן מיותר */
.board6 .b6 .sl-city,.board6 .b6-1 .sl-city,.board6 .b6-3 .sl-city,.board6 .b6-4 .sl-city,.board6 .b6-6 .sl-city{color:#6520b4}
.b6-list{grid-template-rows:auto auto;align-content:center}
.board6 .b6{justify-content:flex-start;padding:1.8cqw .8cqw 1.6cqw}
.board6 .b6{justify-content:center}
/* לוח מופעים: צ'יקו והלוגו בתוך הלוח למעלה, המופעים מתחתיו */
.board6 .b6-paper{position:absolute;left:16.5%;right:16.5%;top:22%;bottom:23%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2cqw}
.board6 .shows-star{width:44%;margin:0;z-index:2}
.board6 .shows-star .ss-chico{width:62%}
.board6 .shows-star .ss-logo{margin-top:-30%}
.board6 .b6-list{position:static;width:100%;height:auto;gap:1.8cqw 1.6cqw}
.board6 .b6{padding:1.3cqw .6cqw 1.2cqw;gap:.5cqw;border-width:1cqw;border-radius:2.8cqw}
.board6 .b6 .sl-city{font-size:4.4cqw}
.board6 .b6 .sl-place{font-size:2.3cqw}
.board6 .b6 .sl-when{font-size:2.5cqw}
/* משבצות צמודות לתוכן: שם עיר בשורה אחת, בלי לבן מיותר */
.board6 .b6 .sl-city{white-space:nowrap}
.board6 .b6-3 .sl-city{font-size:3.6cqw}.board6 .b6-5 .sl-city{font-size:3.3cqw}
.board6 .b6{padding:1cqw .5cqw .9cqw;gap:.3cqw}
.board6 .shows-star{width:74%}
.board6 .b6-paper{top:21%;bottom:22.5%;gap:1.8cqw}
/* שם העיר בסגנון הכותרת "לוח מופעים": טורקיז עגול עם מסגרת סגולה ותלת־ממד */
.board6 .b6 .sl-city,.board6 .b6-1 .sl-city,.board6 .b6-3 .sl-city,.board6 .b6-4 .sl-city,.board6 .b6-6 .sl-city{
  font-family:"Fredoka",var(--font-display);font-weight:700;color:#3fe6e6;-webkit-text-stroke:1.1cqw #5b1fb0;paint-order:stroke fill;
  text-shadow:0 .6cqw 0 #3a0f7a,0 .9cqw 1.2cqw rgba(58,15,122,.35);letter-spacing:0;line-height:1.15;padding-bottom:.4cqw}
/* כמו בפוסטר: טבלה לבנה אחת מחוברת עם קווים דקים */
.board6 .b6-list{gap:0;background:#fff;border:1cqw solid #6520b4;border-radius:2.6cqw;overflow:hidden;box-shadow:0 1cqw 0 rgba(20,5,60,.35)}
.board6 .b6{border:0;border-radius:0;box-shadow:none;border-bottom:.4cqw solid #c9b3ef;border-inline-start:.4cqw solid #c9b3ef;padding:1.2cqw .5cqw 1cqw}
.board6 .b6-1,.board6 .b6-4{border-inline-start:0}
.board6 .b6-4,.board6 .b6-5,.board6 .b6-6{border-bottom:0}
.board6 .b6-list{border:0;border-radius:1.2cqw;box-shadow:0 .8cqw 1.6cqw rgba(20,5,60,.3)}
/* בתוך עמוד המודעות: הרקע המקורי של צ'יקולולו, שלם */
.board6 .b6-bg{position:absolute;left:15%;right:16%;top:20.4%;bottom:22%;border-radius:50% 50% 50% 50%/3% 3% 3% 3%;
  background:#1747d6 url(../assets/bg-site-v2.webp) center 40%/cover no-repeat;box-shadow:inset 0 0 1.5cqw rgba(20,5,60,.45)}
.board6 .b6 .sl-when{font-size:3.3cqw;line-height:1.15}
/* בסיס עמוד המודעות: להזמנות + טלפון */
.board6 .b6-base{position:absolute;left:14%;right:14%;top:83%;bottom:5%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6cqw;text-decoration:none;text-align:center}
.b6-base .bb-l{color:#fff;font-family:var(--font-display);font-weight:700;font-size:5cqw;line-height:1.1;-webkit-text-stroke:1cqw #4a1590;paint-order:stroke fill;text-shadow:0 .6cqw 0 #3a0f7a}
.b6-base .bb-n{direction:ltr;color:#fed835;font-family:"Fredoka",var(--font-display);font-weight:700;font-size:8.4cqw;line-height:1;letter-spacing:.02em;-webkit-text-stroke:1.3cqw #4a1590;paint-order:stroke fill;text-shadow:0 .8cqw 0 #3a0f7a}
/* הטקסט בבסיס מעוגל לפי העמוד */
.board6 .b6-base{top:84.5%;bottom:1.5%;left:8%;right:8%;display:block}
.b6-base svg{display:block;width:100%;height:100%;overflow:visible}
.b6-base text{font-family:"Fredoka",var(--font-display);font-weight:700;paint-order:stroke fill;stroke-linejoin:round}
.b6-base .bb-l{font-size:62px;fill:#fff;stroke:#4a1590;stroke-width:14px}
.b6-base .bb-n{font-size:104px;fill:#fed835;stroke:#4a1590;stroke-width:18px;letter-spacing:2px}
.b6-base .bb-l{font-size:70px}
.b6-base .bb-n{font-size:116px}
.board6 .b6-base{top:85%;bottom:.5%;left:6%;right:6%}
/* תפריט במחשב: כל כפתור עם שם כתוב, בלי תמונות/אייקונים (כמו לוח מופעים) */
@media (min-width:720px){
  .topbar .topmenu>a:is(.m-show,.m-hood,.m-bday,.m-songs) :is(.m-art,.m-photo,.m-emoji){display:none!important}
  .topbar .topmenu>a:is(.m-show,.m-hood,.m-bday,.m-songs) span.sr{position:static!important;width:auto;height:auto;clip:auto;clip-path:none;overflow:visible;white-space:nowrap;margin:0}
}
/* לוח מופעים: רחבת ריקודים — כל ריבוע נדלק ונכבה (4 שכבות אורות מעל הרקע, באותו מיקום בדיוק) */
.disco-lights{position:fixed;inset:0;z-index:-1;pointer-events:none}
.disco-lights i{position:absolute;inset:0;background:center bottom/cover no-repeat;opacity:0}
.disco-lights i:nth-child(1){background-image:url(../assets/disco-lights-1.webp)}
.disco-lights i:nth-child(2){background-image:url(../assets/disco-lights-2.webp)}
.disco-lights i:nth-child(3){background-image:url(../assets/disco-lights-3.webp)}
.disco-lights i:nth-child(4){background-image:url(../assets/disco-lights-4.webp)}
@keyframes disco-blink{0%,40%{opacity:0}48%,88%{opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion:no-preference){
  .disco-lights i{animation:disco-blink 1.6s steps(1,end) infinite}
  .disco-lights i:nth-child(2){animation-duration:1.3s;animation-delay:-.5s}
  .disco-lights i:nth-child(3){animation-duration:1.9s;animation-delay:-1.1s}
  .disco-lights i:nth-child(4){animation-duration:1.1s;animation-delay:-.3s}
}
/* עמודים פנימיים: הרמקול מתחת לכפתור דף הבית */
@media (min-width:720px){body:has(.home-btn) .hello-btn{top:96px}}
/* תפריט במחשב: כל כפתור בצבע אחר מהרקע, עם אייקון חי (בטלפון — תמונות, האייקונים מוסתרים) */
.m-ic{display:none}
@media (min-width:720px){
  .topbar .topmenu>a{--bb:#fff;--bt:#241737;background:var(--bb)!important;color:var(--bt)!important;border:3px solid #fff!important;gap:8px;font-weight:700;
    box-shadow:0 4px 0 rgba(20,5,40,.35),0 8px 16px -6px rgba(20,5,40,.45)!important;transition:transform .2s var(--ease-out),filter .2s}
  .topbar .topmenu>a:hover{transform:translateY(-3px) scale(1.04);filter:brightness(1.06)}
  .topbar .topmenu>a.m-home{--bb:#fed835;--bt:#3a1463}
  .topbar .topmenu>a.m-home svg{color:#3a1463}
  .topbar .topmenu>a.m-show{--bb:#ff4fc3;--bt:#fff}
  .topbar .topmenu>a.m-hood{--bb:#ff9a3c;--bt:#3a1463}
  .topbar .topmenu>a.m-bday{--bb:#3fd0ff;--bt:#3a1463}
  .topbar .topmenu>a.m-songs{--bb:#b05cff;--bt:#fff}
  .topbar .topmenu>a.m-sched{--bb:#2bd38f;--bt:#3a1463}
  .topbar .topmenu>a.m-show span.sr,.topbar .topmenu>a.m-songs span.sr{text-shadow:0 1px 0 rgba(58,20,99,.55)}
  .topbar .topmenu>a .m-ic{display:block;width:30px;height:30px;flex:none;margin-block:-4px;overflow:visible;filter:drop-shadow(0 1px 1px rgba(20,5,40,.35))}
}
.m-ic *{transform-box:fill-box}
@media (prefers-reduced-motion:no-preference){
  .ic-cake .ic-fl{transform-origin:50% 100%;animation:ic-flame .5s ease-in-out infinite alternate}
  .ic-cake .ic-fl2{animation-duration:.42s;animation-delay:-.2s}.ic-cake .ic-fl3{animation-duration:.58s;animation-delay:-.35s}
  .ic-balloons .ic-b1{animation:ic-bob 2.2s ease-in-out infinite}.ic-balloons .ic-b2{animation:ic-bob 2.6s ease-in-out -1.1s infinite}
  .ic-star .ic-body{transform-origin:50% 55%;animation:ic-wiggle 1.8s ease-in-out infinite}
  .m-ic .ic-sp{transform-origin:50% 50%;animation:ic-twinkle 1.4s ease-in-out infinite}.m-ic .ic-sp2{animation-delay:-.7s}
  .ic-mic .ic-mbody{transform-origin:50% 100%;animation:ic-wiggle 1.2s ease-in-out infinite}
  .ic-mic .ic-note{animation:ic-note 1.6s ease-in-out infinite}
  .ic-disco .ic-ball{transform-origin:50% 0;animation:ic-swing 2.4s ease-in-out infinite}
}
@keyframes ic-flame{0%{transform:scale(.8,.75);opacity:.75}100%{transform:scale(1.1,1.2);opacity:1}}
@keyframes ic-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.5px)}}
@keyframes ic-wiggle{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
@keyframes ic-twinkle{0%,100%{transform:scale(.4);opacity:.3}50%{transform:scale(1.15);opacity:1}}
@keyframes ic-note{0%{transform:translate(0,2px);opacity:0}30%{opacity:1}100%{transform:translate(3px,-5px);opacity:0}}
@keyframes ic-swing{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
/* במחשב: כשהדפדפן חוסם את השיר עד לחיצה — בועה ליד הרמקול */
.hello-btn::after{display:none}
@media (min-width:720px){
  .hello-btn.needs-tap::after{content:"לחצו לשמוע את השיר 🎵";display:block;position:absolute;left:calc(100% + 12px);top:50%;translate:0 -50%;white-space:nowrap;
    background:#fff;color:#c4108f;font-family:var(--font-display);font-weight:700;font-size:1.05rem;line-height:1;padding:10px 16px;border-radius:999px;
    border:3px solid #fed835;box-shadow:0 6px 16px rgba(20,5,40,.4);-webkit-text-stroke:0;pointer-events:none}
  @media (prefers-reduced-motion:no-preference){.hello-btn.needs-tap::after{animation:tap-nudge 1.2s ease-in-out infinite}}
}
@keyframes tap-nudge{0%,100%{translate:0 -50%}50%{translate:6px -50%}}
/* לוח מופעים: ילדים רוקדים על הרחבה (מהסרטון של ששון ושמחה) */
.dance-kids{position:fixed;inset:0;z-index:-1;pointer-events:none}
.dance-kids img{position:absolute;bottom:1.5vh;height:min(34vh,300px);width:auto;filter:drop-shadow(0 10px 8px rgba(10,0,40,.55))}
.dance-kids .dk-1{left:2vw}
.dance-kids .dk-2{right:4vw}
@media (max-width:899px){.dance-kids img{height:min(22vh,190px);bottom:86px}.dance-kids .dk-1{left:0}.dance-kids .dk-2{right:0}}
@media (prefers-reduced-motion:reduce){.dance-kids{display:none}}
.foot .foot-policy{margin:0 0 8px;font-weight:700;font-size:.98rem;color:#fff}
.foot .foot-policy a{color:#fff;text-decoration:underline;text-underline-offset:3px;padding:6px 4px;display:inline-block}

/* ===== cities: "מגיעים לכל הארץ" ===== */
.cw{padding:clamp(40px,7vw,80px) 0;color:#fff}
.cw .wrap{max-width:1100px;margin-inline:auto;padding-inline:16px}
.cw h2{text-align:center;font-family:var(--font-display);font-size:clamp(2rem,7vw,3.4rem);color:#fed835;margin:0;-webkit-text-stroke:1px #3a1463;paint-order:stroke fill;text-shadow:0 4px 0 #3a1463}
.cw-lead{text-align:center;font-weight:700;font-size:1.12rem;line-height:1.6;margin:10px auto 24px;max-width:62ch;text-shadow:0 2px 6px rgba(20,0,50,.8)}
.cw-reg{background:rgba(58,20,99,.82);border:3px solid #fed835;border-radius:22px;padding:14px 16px 16px;box-shadow:0 10px 24px rgba(20,0,50,.4)}
.cw-reg h3{font-family:var(--font-display);font-size:1.35rem;color:#fed835;margin:0 0 10px;text-align:center}
.cw-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px;justify-content:center}
.cw-chips li{background:#fff;color:#3a1463;border-radius:999px;padding:3px 13px;font-weight:700;font-size:.98rem}
.cw-reg:nth-child(4n+1) .cw-chips li{background:#fff1a6}.cw-reg:nth-child(4n+2) .cw-chips li{background:#ffd6f1}.cw-reg:nth-child(4n+3) .cw-chips li{background:#c9f3ff}
.cw-more{margin:22px auto 0;max-width:900px;background:rgba(58,20,99,.88);border:3px solid #fed835;border-radius:22px;padding:4px 18px}
.cw-more summary{cursor:pointer;text-align:center;font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:#fed835;padding:10px 0;list-style-position:inside}
.cw-full{padding:4px 0 14px;max-height:60vh;overflow:auto}
.cw-full h4{margin:12px 0 2px;font-size:1.05rem;color:#fed835}
.cw-full p{margin:0;font-size:.95rem;line-height:1.7;color:#fff}

.cw-regs{display:grid;gap:18px;grid-template-columns:1fr;align-items:center}
.cw-col{display:grid;gap:16px}
.cw-map{display:block;width:min(46vw,190px);height:auto;margin:0 auto;order:-1;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25))}
.cw-pin{transform-box:fill-box;transform-origin:center}
@media (prefers-reduced-motion:no-preference){.cw-pin{animation:cw-ping 3s ease-in-out infinite}}
@keyframes cw-ping{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.9);opacity:.55}}
@media (min-width:860px){.cw-regs{grid-template-columns:1fr auto 1fr}.cw-map{order:0;width:250px}}
.cw-land{fill:rgba(58,20,99,.85);stroke:#fed835;stroke-width:2.5;stroke-linejoin:round}.cw-water{fill:#3fd0ff}