/* The upside-down Elf early bird nudge (Paul, 12 Nov 2026): first-time visitors only (#tracker, never the returning #back view),
   until the end of 16th November UK (home/eb-elf.js). The cartoon Elf hangs from the snowy top edge on a string of fairy lights,
   holding a sign, and links to /packs. Laptop: in the gap left of the camera, from its top-left; phone: over the camera's top-right
   corner. A real pendulum swing from the top of the string, bulbs flashing out of sync, now and then a fizz of gold sparks.
   It sits in the film's own grid cell (home.css .hm-c), so it never moves the headline or the red button. */
.eb{grid-row:1;grid-column:1;align-self:start;justify-self:end;position:relative;z-index:6;width:112px;margin:-44px -6px 0 0;text-decoration:none;pointer-events:none;line-height:1}
.eb[hidden]{display:none}
.eb-hang{display:block;transform-origin:50% 0;animation:ebSwing 1.5s ease-in-out infinite alternate;pointer-events:auto}
@keyframes ebSwing{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}
.eb-string{position:relative;display:block;width:2px;height:44px;margin:0 auto;background:#1F4D27;border-radius:1px}
.eb-bulb{position:absolute;left:-3px;width:8px;height:11px;border-radius:50% 50% 45% 45%;background:var(--c);box-shadow:0 0 6px 2px var(--c);animation:ebBulb var(--d,1.6s) ease-in-out infinite;animation-delay:var(--w,0s)}
.eb-bulb::before{content:"";position:absolute;left:2px;top:-3px;width:4px;height:4px;border-radius:1px;background:#2C3E2E}
.eb-bulb:nth-child(odd){left:-6px;transform:rotate(25deg)}.eb-bulb:nth-child(even){left:0;transform:rotate(-25deg)}
@keyframes ebBulb{0%,100%{opacity:.35;box-shadow:0 0 2px 0 var(--c)}50%{opacity:1;box-shadow:0 0 9px 3px var(--c)}}
.eb-elf{display:block;width:76px;height:auto;margin:-4px auto 0;transform:rotate(180deg);filter:drop-shadow(0 6px 6px rgba(0,0,0,.3))}
.eb-sign{display:block;margin:-6px -6px 0;padding:7px 8px 8px;border:3px solid #C8102E;border-radius:10px;background:#FFF3D1;text-align:center;transform:rotate(-4deg);box-shadow:0 8px 16px rgba(0,0,0,.3)}
.eb-sign span{display:block}
.eb-k{font:800 10px/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#C8102E}
.eb-off{margin:1px 0 2px;font:800 18px/1 'Plus Jakarta Sans',sans-serif;color:#C8102E}
.eb-line{font:700 11px/1.25 'Plus Jakarta Sans',sans-serif;color:#0B1D4D}
.eb-go{margin-top:3px;font:800 11px/1.2 'Plus Jakarta Sans',sans-serif;color:#1E9A4F}
.eb:hover .eb-sign,.eb:focus-visible .eb-sign{background:#fff}
.eb:focus-visible{outline:none}.eb:focus-visible .eb-sign{outline:3px solid #2F5FB3;outline-offset:2px}
/* the sparks fizzing off a bulb (home/eb-elf.js) */
.eb-spark{position:absolute;left:0;top:0;width:10px;height:10px;margin:-5px 0 0 -5px;color:#F5C24A;font-size:10px;line-height:10px;text-align:center;text-shadow:0 0 6px rgba(245,194,74,.95);pointer-events:none;animation:ebSpark .9s ease-out forwards}
@keyframes ebSpark{0%{opacity:1;transform:translate(0,0) scale(.6)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.1) rotate(90deg)}}
.eb.eb-off *,.eb.eb-off{animation-play-state:paused!important}
@media (min-width:761px){
  .eb{grid-column:2;justify-self:start;width:128px;margin:-78px 0 0 -70px}   /* half in the gap, half over the camera's top-left corner: clear of the headline */
  .eb-string{height:74px}
  .eb-elf{width:96px}
  .eb-sign{margin:-8px 0 0;padding:8px 10px 9px}
  .eb-k{font-size:10.5px}.eb-off{font-size:20px}.eb-line{font-size:12px}.eb-go{font-size:11.5px}
}
@media (prefers-reduced-motion:reduce){.eb-hang,.eb-bulb{animation:none}.eb-bulb{opacity:1}}
/* phone: the film is the first row, the Elf in the same cell (home.css places it by order only) */
@media (max-width:760px){main>section.hm.hm-c>.hm-c__film{grid-row:1;grid-column:1}main>section.hm.hm-c>.hm-c__copy{grid-row:2}}