/* Homepage link to the children's gift selection. */
.home-kids-banner {
  color: #7e2434;
  background: #fff5e3;
  border-block: 1px solid #dfc08c;
}
.home-kids-banner > a {
  --chef-width: clamp(46px, 16vw, 84px);
  display: grid;
  grid-template-columns: var(--chef-width) minmax(0, auto) var(--chef-width);
  align-items: center;
  justify-content: center;
  gap: clamp(4px, 2vw, 24px);
  margin: 0 auto;
  padding: 7px clamp(6px, 2vw, 24px);
  color: inherit;
  text-decoration: none;
}
.home-kids-chef {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  background: url('/assets/petits-chefs/duo-chefs-480.webp') left center / 200% 100% no-repeat;
}
.home-kids-boy { background-position: right center; }
.home-kids-copy {
  display: grid;
  justify-items: center;
  gap: 3px;
  text-align: center;
  min-width: 0;
}
.home-kids-banner strong { text-wrap: balance; }
.home-kids-action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2px 8px;
}
.home-kids-arrow {
  display: block;
  width: clamp(36px, 9vw, 48px);
  height: auto;
}
@keyframes home-kids-arrow-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: .28; }
}
@media (prefers-reduced-motion: no-preference) {
  .home-kids-arrow { animation: home-kids-arrow-blink 1.6s ease-in-out infinite; }
}
.home-kids-banner > a:hover strong { text-decoration: underline; text-underline-offset: 3px; }
.home-kids-banner > a:focus-visible { outline: 3px solid #a72b43; outline-offset: -4px; }

/* Gift illustrations on the Shopping pages. */
.home-kids-scene{position:relative;display:block;width:100%;max-width:650px;height:79px;pointer-events:none}
.home-kids-sprite{position:absolute;display:block;background-image:url('/assets/home-kids-gifts/santa-gifts-children.webp');background-size:300% 100%;background-repeat:no-repeat}
.home-kids-santa{width:78px;height:78px;left:0;bottom:0;background-position:0 0;transform-origin:50% 90%;animation:home-kids-throw 2.3s ease-in-out 2}
.home-kids-children{width:86px;height:86px;right:0;bottom:0;background-position:100% 0;transform-origin:50% 90%;animation:home-kids-collect 2.3s ease-in-out 2}
.home-kids-flight{position:absolute;left:72px;right:85px;top:0;height:79px}
.home-kids-present{width:58px;height:58px;top:var(--rest-top);left:var(--rest-left);background-position:50% 0;transform:translateX(-50%) rotate(var(--tilt));animation:home-kids-delivery 2.5s ease-in-out both;animation-delay:var(--delay)}
.home-kids-present-1{--rest-left:5%;--rest-top:18px;--tilt:-12deg;--delay:0s}
.home-kids-present-2{--rest-left:20%;--rest-top:3px;--tilt:9deg;--delay:.3s}
.home-kids-present-3{--rest-left:35%;--rest-top:15px;--tilt:-7deg;--delay:.6s}
.home-kids-present-4{--rest-left:50%;--rest-top:0px;--tilt:12deg;--delay:.9s}
.home-kids-present-5{--rest-left:65%;--rest-top:15px;--tilt:-10deg;--delay:1.2s}
.home-kids-present-6{--rest-left:80%;--rest-top:4px;--tilt:8deg;--delay:1.5s}
.home-kids-present-7{--rest-left:95%;--rest-top:18px;--tilt:-6deg;--delay:1.8s}
@keyframes home-kids-delivery{0%{left:0;top:20px;opacity:0;transform:translateX(-50%) rotate(-25deg)}12%{opacity:1}48%{top:-8px}86%{left:100%;top:15px;opacity:1;transform:translateX(-50%) rotate(15deg)}90%{left:100%;opacity:0}91%{left:var(--rest-left);top:var(--rest-top);opacity:0;transform:translateX(-50%) rotate(var(--tilt))}100%{left:var(--rest-left);top:var(--rest-top);opacity:1;transform:translateX(-50%) rotate(var(--tilt))}}
@keyframes home-kids-throw{0%,100%{transform:rotate(0)}25%{transform:rotate(-4deg)}55%{transform:rotate(3deg)}}
@keyframes home-kids-collect{0%,100%{transform:translateX(0)}45%{transform:translate(-6px,-3px)}65%{transform:translate(-4px,0)}}
@media(max-width:600px){.home-kids-scene{height:65px}.home-kids-santa{width:64px;height:64px}.home-kids-children{width:74px;height:74px}.home-kids-flight{left:58px;right:72px;height:65px}.home-kids-present{width:43px;height:43px}}
@media(prefers-reduced-motion:reduce){.home-kids-sprite{animation:none}}