/* "Come and play" option B (see final-b.js) */
.sec-calm section.final.fb { background: #fff !important; }
.sec-calm .thread, .sec-calm .road-end, .sec-calm .o-rider { display: none !important; }
.fb .wrap { width: var(--colw) !important; max-width: none !important; padding-inline: 0 !important; }
.sec-calm .fb .box { position: relative; overflow: hidden; border-radius: 36px !important; background: radial-gradient(70% 80% at 50% 100%, #CFE4DF 0%, #F6F2EC 70%) !important; padding: 96px 40px 420px !important; display: grid; justify-items: center; text-align: center; gap: 22px; }
.fb .fb-act { display: grid; gap: 10px; justify-items: center; margin-top: 10px; }
.fb .fb-act small { font-size: 13.5px; color: #4A5656; }
.fb .fb-btn { display: inline-flex; justify-content: center; align-items: center; height: 56px; min-width: 320px; border-radius: 10px; background: var(--rust); color: #fff; font: 500 17px/1 "Outfit", sans-serif; text-decoration: none; }
.fb .fb-stores { display: flex; gap: 10px; justify-content: center; align-items: center; position: relative; z-index: 2; }
.fb .fb-stores .store-badge img { height: 46px; width: auto; }
.fb-soon { height: 46px; display: inline-flex; align-items: center; gap: 9px; padding: 0 14px 0 12px; border-radius: 8px; border: 1px solid #A6A6A6; background: #000; color: #fff; opacity: .55; line-height: 1.05; text-align: left; }
.fb-soon svg { width: 20px; height: 24px; fill: #fff; } .fb-soon small { display: block; font-size: 9.5px; } .fb-soon b { display: block; font-size: 17px; font-weight: 500; }
.fb-art { position: absolute; left: 0; right: 0; bottom: 0; height: 300px; pointer-events: none; }
.fb-mas { position: absolute; left: 50%; bottom: -110px; width: 200px; transform: translateX(-50%); }
.fb-st { position: absolute; filter: drop-shadow(0 12px 16px rgba(30,40,40,.18)); }
.fb-st.s1 { width: 86px; left: 14%; bottom: 150px; transform: rotate(-8deg); }
.fb-st.s2 { width: 74px; left: 27%; bottom: 36px; transform: rotate(6deg); }
.fb-st.s3 { width: 76px; right: 15%; bottom: 170px; transform: rotate(-10deg); }
.fb-st.s4 { width: 140px; right: 25%; bottom: 44px; }
@media (prefers-reduced-motion: no-preference) {
  .fb-st { animation: fbFloat 7s ease-in-out infinite; } .fb-st.s2 { animation-delay: -2s; } .fb-st.s3 { animation-delay: -4s; } .fb-st.s4 { animation-delay: -1s; }
}
@keyframes fbFloat { 0%, 100% { translate: 0 0; } 50% { translate: 0 -8px; } }
@media (max-width: 760px) { .sec-calm .fb .box { padding: 64px 22px 300px !important; } .fb .fb-btn { min-width: 0; width: 100%; } .fb-mas { width: 150px; bottom: -80px; } .fb-st.s1 { left: 6%; } .fb-st.s3 { right: 6%; } .fb-st.s2 { left: 12%; } .fb-st.s4 { right: 8%; width: 100px; } }
.sec-calm .fb .box { padding-bottom: 330px !important; }
@media (max-width: 760px) { .fb .fb-act { width: 100%; } .fb .fb-btn { width: 100% !important; } }
/* ?final=kids: Pupik in the middle, two children beside him a bit smaller and behind, two more smaller still */
.fb-kids .fb-mas { z-index: 3; }
.fb-kid { position: absolute; width: auto; filter: drop-shadow(0 12px 16px rgba(30,40,40,.14)); animation: fbFloat 6.4s ease-in-out infinite; }
.fb-kid.k-i1, .fb-kid.k-i2 { height: 190px; bottom: -34px; z-index: 2; }
.fb-kid.k-o1, .fb-kid.k-o2 { height: 150px; bottom: -22px; z-index: 1; }
.fb-kid.k-i1 { right: calc(50% + 86px); animation-delay: -1.4s; }
.fb-kid.k-i2 { left: calc(50% + 86px); animation-delay: -3.6s; }
.fb-kid.k-o1 { right: calc(50% + 178px); animation-delay: -2.5s; }
.fb-kid.k-o2 { left: calc(50% + 178px); animation-delay: -4.8s; }
.fb-kids .fb-st { z-index: 4; }
@media (max-width: 760px) {
  .fb-kid.k-i1, .fb-kid.k-i2 { height: 112px; bottom: -20px; } .fb-kid.k-o1, .fb-kid.k-o2 { height: 88px; bottom: -14px; }
  .fb-kid.k-i1 { right: calc(50% + 60px); } .fb-kid.k-i2 { left: calc(50% + 60px); }
  .fb-kid.k-o1 { right: calc(50% + 116px); } .fb-kid.k-o2 { left: calc(50% + 116px); }
}
@media (prefers-reduced-motion: reduce) { .fb-kid { animation: none; } }
/* round 2: more room between them, the stickers a touch out of the way only in this variant's z-order */
.fb-kid.k-i1 { right: calc(50% + 92px); } .fb-kid.k-i2 { left: calc(50% + 92px); }
.fb-kid.k-o1 { right: calc(50% + 214px); } .fb-kid.k-o2 { left: calc(50% + 214px); }
.fb-kid.k-i1, .fb-kid.k-i2 { height: 176px; bottom: -30px; }
.fb-kid.k-o1, .fb-kid.k-o2 { height: 138px; bottom: -18px; }
@media (max-width: 760px) {
  .fb-kid.k-i1, .fb-kid.k-i2 { height: 96px; bottom: -18px; } .fb-kid.k-o1, .fb-kid.k-o2 { height: 74px; bottom: -12px; }
  .fb-kid.k-i1 { right: calc(50% + 62px); } .fb-kid.k-i2 { left: calc(50% + 62px); }
  .fb-kid.k-o1 { right: calc(50% + 118px); } .fb-kid.k-o2 { left: calc(50% + 118px); }
}
/* round 3: the outer two step out past the candles and the challah, so every face shows */
@media (min-width: 761px) { .fb-kid.k-o1 { right: calc(50% + 330px); } .fb-kid.k-o2 { left: calc(50% + 330px); } .fb-kid.k-i2 { left: calc(50% + 84px); } }
@media (max-width: 760px) { .fb-kids .fb-kid { z-index: 5; } .fb-kids .fb-mas { z-index: 6; } }