/* Christmas 2026 theme. Loaded after style/colour-pop/launch.css.
   Hero = Book 2 (The Christmas Team Photo, out soon), night sky for the xmas-fx Santa ([data-santa-sky]).
   Every decorative layer is pointer-events:none so it can never block a tap. */
:root{--night:#071a42;--night-2:#0d2c6b;--night-3:#1b4f9e;--xred:#c8211b;--xred-deep:#8f1510;--xgreen:#0f6b3a;--xgreen-deep:#0a4a28;--gold:#ffe133;--cream:#fff9e6;--navy:#092755;
  --hat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 84'%3E%3Cpath d='M14 64C16 36 38 10 64 9c18-1 30 11 29 31l-8 2c-2-10-8-15-14-13 2 13 5 23 9 35z' fill='%23d0261c' stroke='%23092755' stroke-width='3.5' stroke-linejoin='round'/%3E%3Cpath d='M30 42c10-16 22-23 32-24' fill='none' stroke='%23ff7b6b' stroke-width='4' stroke-linecap='round'/%3E%3Crect x='6' y='57' width='82' height='21' rx='10.5' fill='%23fff' stroke='%23092755' stroke-width='3.5'/%3E%3Cpath d='M16 70h62' stroke='%23d6e6f5' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='90' cy='44' r='8.5' fill='%23fff' stroke='%23092755' stroke-width='3.5'/%3E%3C/svg%3E");
  --holly:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 56'%3E%3Cg stroke='%23092755' stroke-width='2.5' stroke-linejoin='round'%3E%3Cpath d='M40 30 32 20l-2 6-8-10-2 7-10-9v8L2 18c8 13 24 19 38 12z' fill='%230f7a42'/%3E%3Cpath d='M40 30l8-10 2 6 8-10 2 7 10-9v8l8-4c-8 13-24 19-38 12z' fill='%23159150'/%3E%3Ccircle cx='34' cy='35' r='6' fill='%23e2231a'/%3E%3Ccircle cx='46' cy='35' r='6' fill='%23e2231a'/%3E%3Ccircle cx='40' cy='44' r='6' fill='%23e2231a'/%3E%3C/g%3E%3Cg fill='%23fff' opacity='.8'%3E%3Ccircle cx='32' cy='33' r='1.8'/%3E%3Ccircle cx='44' cy='33' r='1.8'/%3E%3Ccircle cx='38' cy='42' r='1.8'/%3E%3C/g%3E%3C/svg%3E");
  --drip:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 30'%3E%3Cpath d='M0 0h240v12c-8 0-10 2-14 2-6 0-6 10-12 10s-6-10-12-10H150c-6 0-7 14-14 14s-7-14-14-14H72c-5 0-6 8-11 8s-6-8-11-8H0z' fill='%23fff'/%3E%3C/svg%3E");
  --cap:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 26'%3E%3Cpath d='M0 12C8 4 22 3 30 10c8-8 26-9 34-1 10-7 28-6 34 1 8-6 18-4 22 2v6c-8 0-10 6-16 6s-6-6-14-6H52c-6 0-6 8-12 8s-6-8-12-8H0z' fill='%23fff'/%3E%3C/svg%3E");
  --flakes:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M40 30v28M28 37l24 14M28 51l24-14'/%3E%3Cpath d='M160 120v20M151 125l18 10M151 135l18-10'/%3E%3Cpath d='M100 180v14M94 183l12 8M94 191l12-8'/%3E%3C/g%3E%3C/svg%3E");
}


/* ---------- Top strip: candy-cane ---------- */
a.top-note{position:relative;background:var(--xred);color:#fff;padding-bottom:13px}
a.top-note:after{content:'';position:absolute;left:0;right:0;bottom:0;height:6px;background:repeating-linear-gradient(-45deg,#fff 0 8px,var(--xred) 8px 16px);pointer-events:none}
a.top-note b{background:var(--gold);color:var(--navy)}
a.top-note span{color:var(--gold)}

/* ---------- Header on a night sky + fairy lights ---------- */
.header:before{background:var(--night)}
.header .brand{color:var(--cream)}
.header .brand-dot{color:var(--gold)}
.header nav>a:not(.button){color:var(--cream)}
.header nav>a:not(.button):hover{color:var(--gold)}
.header .button.buy-nav{border-color:var(--cream);box-shadow:3px 4px 0 var(--gold)}
.header nav>a.nav-xmas{background:var(--xred);color:#fff;border:2px solid var(--cream);border-radius:30px;padding:6px 13px;box-shadow:2px 3px 0 var(--xred-deep);white-space:nowrap}
.header nav>a.nav-xmas:hover{color:#fff;text-decoration:none;transform:translateY(-1px)}
.brand-pic{position:relative;display:block;width:80px;height:80px;flex-shrink:0}
.header .brand .brand-pic img{width:100%;height:100%;object-fit:contain}
.santa-hat{position:absolute;display:block;aspect-ratio:100/84;background:var(--hat) center/contain no-repeat;pointer-events:none;z-index:2}
.brand-pic .hat-jamie{width:44%;left:9%;top:-4%;transform:rotate(-10deg)}
.brand-pic .hat-callum{width:45%;left:51%;top:4%;transform:rotate(8deg)}
.fairy-lights{position:relative;z-index:3;height:46px;margin-bottom:-46px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 46'%3E%3Cpath d='M0 6Q40 26 80 6t80 0' fill='none' stroke='%23284a3c' stroke-width='2.5'/%3E%3Cg stroke='%23092755' stroke-width='1.5'%3E%3Cg fill='%2326402f'%3E%3Crect x='17' y='12' width='6' height='5' rx='1'/%3E%3Crect x='57' y='12' width='6' height='5' rx='1'/%3E%3Crect x='97' y='12' width='6' height='5' rx='1'/%3E%3Crect x='137' y='12' width='6' height='5' rx='1'/%3E%3C/g%3E%3Cellipse cx='20' cy='25' rx='5.5' ry='8.5' fill='%23ff4a3d'/%3E%3Cellipse cx='60' cy='25' rx='5.5' ry='8.5' fill='%23ffd21f'/%3E%3Cellipse cx='100' cy='25' rx='5.5' ry='8.5' fill='%2338d27a'/%3E%3Cellipse cx='140' cy='25' rx='5.5' ry='8.5' fill='%2356bdff'/%3E%3C/g%3E%3C/svg%3E") 0 0/160px 46px repeat-x}
.fairy-lights:before,.fairy-lights:after{content:'';position:absolute;inset:0;pointer-events:none;background-size:160px 46px;background-repeat:repeat-x}
.fairy-lights:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 46'%3E%3Ccircle cx='20' cy='25' r='14' fill='%23ff4a3d' opacity='.35'/%3E%3Ccircle cx='100' cy='25' r='14' fill='%2338d27a' opacity='.35'/%3E%3C/svg%3E")}
.fairy-lights:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 46'%3E%3Ccircle cx='60' cy='25' r='14' fill='%23ffd21f' opacity='.35'/%3E%3Ccircle cx='140' cy='25' r='14' fill='%2356bdff' opacity='.35'/%3E%3C/svg%3E")}

/* ---------- Hero: Book 2 under a starry sky (Santa's flight band is the top padding) ---------- */
.xmas-hero{padding-top:112px;padding-bottom:118px;color:var(--cream)}
.xmas-hero:before{background:linear-gradient(180deg,var(--night) 0%,var(--night-2) 58%,var(--night-3) 100%)}
.xmas-hero:after{mask-image:none;-webkit-mask-image:none;opacity:.9;background-image:radial-gradient(#fff 1.2px,transparent 1.6px),radial-gradient(#fff9c4 1.6px,transparent 2px),radial-gradient(#cfe3ff 1px,transparent 1.4px);background-size:97px 89px,173px 151px,61px 67px;background-position:11px 7px,63px 41px,29px 23px;pointer-events:none}
.hero-sky{position:absolute;z-index:-1;inset:0 calc((100% - 100vw)/2);pointer-events:none}
.moon{position:absolute;top:58px;left:calc(50% - 40px);width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 34% 38%,#fffbe0 0 40%,#fff2b0 70%,#f6df86);box-shadow:0 0 0 10px #fff4c214,0 0 40px 18px #fff4c22e}
.moon:before,.moon:after{content:'';position:absolute;border-radius:50%;background:#efd67c66}
.moon:before{width:13px;height:13px;left:34px;top:14px}.moon:after{width:8px;height:8px;left:17px;top:36px}
.hero-hill{position:absolute;z-index:-1;left:calc((100% - 100vw)/2);right:calc((100% - 100vw)/2);bottom:0;height:120px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 62C200 18 380 26 560 58c200 36 380-30 580-20 140 7 240 30 300 20v62H0z' fill='%23cfe2fa'/%3E%3Cpath d='M0 90c240-32 420-22 640 0s440-26 620-18c90 4 140 12 180 10v38H0z' fill='%23fff'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat}
.hero-hill:before,.hero-hill:after{content:'';position:absolute;bottom:42px;width:120px;height:92px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 92'%3E%3Cg stroke='%23092755' stroke-width='2.5' stroke-linejoin='round'%3E%3Cpath d='M40 4 18 40h10L10 70h60L52 40h10z' fill='%23137a45'/%3E%3Cpath d='M36 70h8v14h-8z' fill='%23764a2a'/%3E%3Cpath d='M92 30 76 56h7L70 78h44L101 56h7z' fill='%230f6b3a'/%3E%3Cpath d='M89 78h6v10h-6z' fill='%23764a2a'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cpath d='M40 4 32 17c5 3 11 3 16 0z'/%3E%3Cpath d='M24 40h32l-3 4c-8 3-18 3-27 0z'/%3E%3Cpath d='M92 30 86 40c4 2 8 2 12 0z'/%3E%3C/g%3E%3Cg fill='%23ffe133'%3E%3Ccircle cx='30' cy='56' r='3'/%3E%3Ccircle cx='50' cy='62' r='3'/%3E%3Ccircle cx='94' cy='66' r='2.5'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.hero-hill:before{left:2%}
.hero-hill:after{right:3%;bottom:30px;transform:scaleX(-1)}
.xmas-hero .hero-copy>.eyebrow{background:var(--xgreen);box-shadow:3px 3px 0 var(--xgreen-deep),0 0 0 2px var(--cream);color:#fff}
.xmas-hero .little-star{color:var(--gold)}
.xmas-hero h1{color:var(--cream);text-shadow:3px 4px 0 var(--xred)}
.xmas-hero h1>span{color:var(--gold)}
.xmas-hero .underline{stroke:#ff6b5d}
.xmas-hero .hero-description{color:#e6eeff;max-width:470px;font-weight:650}
.xmas-hero .hero-description b{color:var(--gold);font-weight:800}
.xmas-hero .actions{display:flex;align-items:center;gap:14px 18px;flex-wrap:wrap;margin-top:28px}
.notify-button{background:var(--xred);border-color:var(--cream);color:#fff;box-shadow:3px 4px 0 var(--gold);position:relative}
.notify-button:hover{box-shadow:4px 7px 0 var(--gold)}
.notify-button span{font-size:20px}
.xmas-hero .button.yellow{border-color:var(--cream);box-shadow:3px 4px 0 var(--xred)}
.xmas-hero .button{gap:14px}
.xmas-hero .hero-shortcuts a{box-shadow:2px 3px 0 #000c;color:var(--navy)}
.hero-book1{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 14px;max-width:470px;margin-top:24px;padding:12px 14px;background:#ffffff14;border:2px dashed #ffffff55;border-radius:16px}
.hero-book1>img{grid-row:span 2;width:62px;height:auto;border:2px solid var(--cream);border-radius:3px;transform:rotate(-5deg);box-shadow:3px 3px 0 #0006}
.hero-book1 p{font-size:14px;line-height:1.4;color:#e6eeff}
.hero-book1 p b{color:var(--gold);font-family:Bangers,Arial,sans-serif;font-weight:400;font-size:19px;letter-spacing:.8px;margin-right:4px}
.hero-book1 p a{color:#fff;font-weight:750;text-decoration-color:var(--gold);text-underline-offset:3px}
.hero-book1 .amazon-badge.amazon-sticker{margin:2px 0 0;width:150px;padding:10px 12px;transform:rotate(-2deg);box-shadow:3px 4px 0 #000a;border-color:var(--cream)}
.xmas-hero .hero-art:before{background:radial-gradient(circle,#9ec9ff33 0,#9ec9ff14 45%,transparent 70%);border:0;width:100%;height:110%;left:0;top:-5%;transform:none}
.xmas-hero .hero-scribble{color:var(--cream)}
.xmas-hero .book-object{position:relative;transform:rotate(-3deg);border:3px solid var(--cream);border-left:9px solid #c8daf0;box-shadow:6px 6px 0 var(--xred),11px 11px 0 #000;background:#fff}
.xmas-hero .book-object img{border-radius:0}
.book-hat{width:31%;left:-11%;top:-15%;transform:rotate(-24deg)}
.xmas-hero .art-spark{color:var(--gold);font-size:66px;right:-10px;top:-38px}
.out-soon-burst{position:absolute;right:-30px;bottom:24px;width:150px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;transform:rotate(12deg);filter:drop-shadow(4px 5px 0 #000);pointer-events:none;color:var(--gold);text-align:center}
.out-soon-burst:before,.out-soon-burst:after{content:'';position:absolute;inset:0;clip-path:polygon(50% 0,59% 14%,75% 7%,77% 24%,93% 25%,86% 41%,100% 50%,86% 59%,93% 75%,77% 76%,75% 93%,59% 86%,50% 100%,41% 86%,25% 93%,23% 76%,7% 75%,14% 59%,0 50%,14% 41%,7% 25%,23% 24%,25% 7%,41% 14%);background:var(--gold);z-index:-1}
.out-soon-burst:after{inset:6px;background:var(--xred)}
.out-soon-burst>span{font-family:Bangers,Arial,sans-serif;font-size:26px;letter-spacing:2px;line-height:1;color:#fff}
.out-soon-burst strong{font-family:Bangers,Arial,sans-serif;font-weight:400;font-size:40px;letter-spacing:1px;line-height:.95}
.sleeps-tag{position:absolute;z-index:3;left:-26px;bottom:-30px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;padding:14px 12px 12px 26px;background:var(--cream);color:var(--navy);border:3px solid var(--navy);border-radius:10px;clip-path:polygon(18% 0,100% 0,100% 100%,18% 100%,0 50%);transform:rotate(-8deg);text-align:center;line-height:1.05;pointer-events:none;filter:drop-shadow(3px 4px 0 #000)}
.sleeps-tag[hidden]{display:none}
.sleeps-tag:before{content:'';position:absolute;left:13px;top:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background:var(--night-2);box-shadow:0 0 0 3px var(--gold)}
.sleeps-tag [data-sleeps-count]{font-family:Lilita,Bangers,Arial,sans-serif;font-size:44px;color:var(--xred);letter-spacing:0}
.sleeps-tag [data-sleeps-label]{font-family:Caveat,cursive;font-size:21px;font-weight:600}

/* ---------- Ticker: Christmas green ---------- */
.ticker{background:var(--xgreen);border-block:3px solid var(--navy)}
.ticker span{color:var(--cream)}
.ticker b{color:var(--gold)}

/* ---------- Snow drips at section tops (backgrounds only: never block taps) ---------- */
.next-section,.play-section,.book-section,.mates-section,.activities-section{background-image:var(--drip);background-repeat:repeat-x;background-position:0 0;background-size:240px 30px}

/* ---------- Book 2 section: festive red ---------- */
.next-section{background-color:var(--xred)}
.next-section .snow{opacity:.35}
.next-copy .eyebrow{color:#ffe7a6;margin-top:10px}
.next-section .soon-pill{background:var(--xgreen);box-shadow:2px 3px 0 var(--xgreen-deep)}
.next-copy h2{text-shadow:3px 4px 0 var(--xred-deep)}
.next-copy>p:not(.eyebrow){color:#fff1ec}
.next-section .next-quote{border-left:0;padding-left:0;gap:10px}
.dad-line{display:flex;align-items:center;gap:12px}
.dad-line img{width:54px;height:54px;flex:0 0 54px;border-radius:50%;border:3px solid var(--cream);box-shadow:2px 3px 0 var(--xred-deep);object-fit:cover}
.dad-line:nth-child(2){padding-left:26px}
.next-actions{gap:16px 18px}
.next-section .notify-button{background:var(--cream);color:var(--xred-deep);border-color:var(--navy);box-shadow:3px 4px 0 var(--navy)}
.next-section .notify-button:hover{box-shadow:4px 7px 0 var(--navy)}
.team-photo{position:relative;margin:0;background:#fff;padding:16px 16px 58px;border:3px solid var(--navy);border-radius:4px;transform:rotate(-4deg);box-shadow:8px 9px 0 var(--xred-deep)}
.team-photo img{display:block;width:100%;height:auto;border:2px solid #0927551f}
.team-photo figcaption{position:absolute;left:0;right:0;bottom:8px;text-align:right;padding-right:24px;font-family:Caveat,cursive;font-size:34px;font-weight:600;color:var(--navy);transform:rotate(-2deg)}
.team-photo:before{content:'';position:absolute;top:-16px;left:calc(50% - 60px);width:120px;height:32px;background:#ffe133cc;border:1px solid #c9ac1a88;transform:rotate(3deg);pointer-events:none}
.team-photo:after{content:'';position:absolute;right:-30px;top:-24px;width:96px;height:68px;background:var(--holly) center/contain no-repeat;transform:rotate(18deg);pointer-events:none}
.next-section .soon-ribbon{z-index:2;background:var(--gold)}
.next-section .next-flake{text-shadow:2px 3px 0 var(--xred-deep);pointer-events:none}
.next-section .xmas-pack{box-shadow:7px 8px 0 var(--xgreen),12px 13px 0 var(--navy)}
.xmas-pack:before{content:'';position:absolute;top:-15px;left:22px;right:22px;height:26px;background:var(--cap) 0 0/120px 26px repeat-x;filter:drop-shadow(0 2px 0 #0927552e);pointer-events:none}
.xmas-pack:after{content:'';position:absolute;left:-26px;bottom:-22px;width:92px;height:64px;background:var(--holly) center/contain no-repeat;transform:rotate(-14deg);pointer-events:none}
.xmas-pack-list li:before{content:'❄';color:#2f7fd6}

/* ---------- Play: snowy sky blue + iced game cards ---------- */
.play-section{background-color:#bfe6fb}
.play-section>.wrap{position:relative}
.play-section .game-card{position:relative}
.play-section .game-card:before{content:'';position:absolute;z-index:2;top:-2px;left:0;right:0;height:24px;background:var(--cap) 0 0/120px 24px repeat-x;transform:scaleY(-1);pointer-events:none;filter:drop-shadow(0 -2px 0 #0927551f)}
.play-section .section-heading h2 .hand{text-shadow:2px 3px #fff}

/* ---------- Book 1: keep it easy to buy, add a stocking-filler tag ---------- */
.book-section .gift-tag{position:absolute;z-index:2;left:-14px;bottom:56px;padding:9px 16px 9px 30px;background:var(--xred);color:#fff;font-family:Bangers,Arial,sans-serif;font-size:24px;letter-spacing:1px;line-height:1;border:3px solid var(--cream);border-radius:8px;clip-path:polygon(14px 0,100% 0,100% 100%,14px 100%,0 50%);transform:rotate(-7deg);pointer-events:none;filter:drop-shadow(3px 4px 0 var(--navy))}
.book-section .gift-tag:before{content:'';position:absolute;left:12px;top:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:var(--cream)}
.book-section .buy-box{position:relative}
/* 18 Oct: the tag kept looking stuck on the cover's corner. It now sits on its own under the book,
   with the caption below it (flex order puts it after the cover; nothing overlaps the cover any more). */
.book-section .book-cover-display{display:flex;flex-direction:column;align-items:center}
.book-section .book-cover-display>img{order:1}
.book-section .gift-tag{order:2;position:relative;left:auto;bottom:auto;top:auto;align-self:center;margin-top:40px;transform:rotate(-4deg)}
.book-section .book-cover-display>p{order:3;margin-top:18px}
@media(max-width:760px){.book-section .gift-tag{margin-top:34px}.book-section .book-cover-display>p{margin-top:14px}}
.book-section .buy-box:before{content:'';position:absolute;top:-14px;left:16px;right:16px;height:24px;background:var(--cap) 0 0/120px 24px repeat-x;filter:drop-shadow(0 2px 0 #0927552e);pointer-events:none}
.book-section .buy-box:after{content:'';position:absolute;right:-24px;top:-30px;width:78px;height:55px;background:var(--holly) center/contain no-repeat;transform:rotate(16deg);pointer-events:none}

/* ---------- Mates: pine green, both boys in Santa hats ---------- */
.mates-section{background-color:var(--xgreen-deep);color:var(--cream)}
.mates-section:after{content:'';position:absolute;inset:0;background:var(--flakes) 0 0/220px 220px;opacity:.12;pointer-events:none}
.mates-section{position:relative}
.mates-section .wrap{position:relative;z-index:1}
.mates-section .eyebrow{color:var(--gold)}
.mates-section .mates-layout h2{color:var(--cream)}
.mates-section .mates-layout .hand{color:var(--gold)}
.mates-section .mates-intro,.mates-section .mates-bios p{color:#d7efdf}
.mates-section .mates-bios h3{color:#fff}
.mates-section .mates-image{height:auto;overflow:visible;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0 8px}
.mates-photo{position:relative;display:block;width:min(390px,100%);aspect-ratio:1}
.mates-section .mates-image .mates-photo img{position:static;display:block;width:100%;height:100%;max-height:none;object-fit:contain}
.mates-section .mates-image .scribble{position:static;margin:0;max-width:100%;text-align:center;white-space:normal;line-height:1.2;transform:rotate(-3deg);background:var(--xred);color:#fff;border-color:var(--cream);box-shadow:3px 4px 0 #000a}
.mates-photo .hat-jamie{width:30%;left:17%;top:1%;transform:rotate(-14deg)}
.mates-photo .hat-callum{width:34%;left:54%;top:2%;transform:rotate(7deg)}


/* ---------- Last call: bunting + tartan ---------- */
.last-call{position:relative;padding-top:64px;padding-bottom:54px}
.bunting{position:absolute;top:0;left:0;right:0;height:46px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 46'%3E%3Cpath d='M0 3Q90 17 180 3' fill='none' stroke='%23092755' stroke-width='2'/%3E%3Cg stroke='%23092755' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M8 5l36 6-15 30z' fill='%23d0261c'/%3E%3Cpath d='M70 10h40l-20 32z' fill='%230f7a42'/%3E%3Cpath d='M136 11l36-6-21 36z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") 0 0/180px 46px repeat-x}
.last-kicker{font-family:Caveat,cursive;font-size:30px;font-weight:600;color:var(--xred);transform:rotate(-2deg);margin-bottom:-14px;line-height:1.15}
.last-call:after{content:'';position:absolute;left:0;right:0;bottom:0;height:18px;border-top:3px solid var(--navy);pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 19px,#ffe133 19px 21px,transparent 21px 28px),repeating-linear-gradient(90deg,#0a4a28b8 0 12px,transparent 12px 28px),repeating-linear-gradient(0deg,#0a4a28b8 0 5px,transparent 5px 10px),var(--xred)}
.book-section .buy-meta br{display:inline}

/* ---------- Gentle motion (skipped for reduced motion) ---------- */
@media (prefers-reduced-motion:no-preference){
  .fairy-lights:before{animation:xmas-twinkle 1.6s ease-in-out infinite alternate}
  .fairy-lights:after{animation:xmas-twinkle 1.6s ease-in-out .8s infinite alternate}
  .out-soon-burst{animation:xmas-wobble 3.4s ease-in-out infinite}
  .xmas-hero:after{animation:xmas-stars 4s ease-in-out infinite alternate}
}
@keyframes xmas-twinkle{from{opacity:.15}to{opacity:1}}
@keyframes xmas-wobble{0%,100%{transform:rotate(12deg) scale(1)}50%{transform:rotate(4deg) scale(1.06)}}
@keyframes xmas-stars{from{opacity:.65}to{opacity:1}}

/* ---------- Nav: Book 2 + Christmas pack first ---------- */
@media(max-width:1279px){.header nav>a.nav-xmas:not([hidden]){display:inline-block}.header nav>a.nav-free{display:none}}
@media(max-width:1050px){.brand-pic{width:68px;height:68px}.header nav>a.nav-xmas{padding:5px 10px}}
@media(max-width:900px){.header nav>a[href='#book']{display:none}}

/* ---------- Tablet ---------- */
@media(max-width:1050px){
  .xmas-hero{padding-top:100px}
  .out-soon-burst{width:124px;height:124px;right:-18px}
  .out-soon-burst strong{font-size:33px}.out-soon-burst>span{font-size:21px}
  .sleeps-tag{width:132px;left:-14px}
  .sleeps-tag [data-sleeps-count]{font-size:38px}.sleeps-tag [data-sleeps-label]{font-size:19px}
}

/* ---------- Phones ---------- */
@media(max-width:760px){
  .brand-pic{width:58px;height:58px}
  .header nav>a[href='#play'],.header nav>a.nav-book2{display:none}
  .header nav>a.nav-xmas{font-size:11px;padding:5px 9px}
  .header nav>a.nav-xmas span{display:none}
  .header .button.buy-nav{box-shadow:2px 3px 0 var(--gold)}
  .fairy-lights{height:38px;margin-bottom:-38px;background-size:130px 38px}
  .fairy-lights:before,.fairy-lights:after{background-size:130px 38px}
  .xmas-hero{padding-top:86px;padding-bottom:110px}
  .moon{top:44px;left:auto;right:22px;width:46px;height:46px}
  .moon:before{width:10px;height:10px;left:25px;top:10px}.moon:after{width:6px;height:6px;left:12px;top:26px}
  .xmas-hero .actions{flex-wrap:wrap;gap:14px}
  .xmas-hero .actions .button{width:100%;justify-content:space-between}
  .hero-book1{margin-top:20px}
  .xmas-hero .hero-art{margin-top:48px}
  .out-soon-burst{width:112px;height:112px;right:-24px;bottom:14px}
  .out-soon-burst strong{font-size:30px}.out-soon-burst>span{font-size:19px}
  .sleeps-tag{width:122px;left:-22px;bottom:-34px;padding:10px 8px 9px 22px}
  .sleeps-tag [data-sleeps-count]{font-size:34px}.sleeps-tag [data-sleeps-label]{font-size:17px}
  .hero-hill{height:90px}
  .hero-hill:before,.hero-hill:after{width:84px;height:64px;bottom:30px}
  .hero-hill:before{left:0}
  .hero-hill:after{right:0;bottom:22px}
  .dad-line img{width:46px;height:46px;flex-basis:46px}
  .dad-line:nth-child(2){padding-left:14px}
  .next-actions .button{width:100%;justify-content:space-between}
  .team-photo{padding:12px 12px 48px}
  .team-photo figcaption{font-size:29px}
  .team-photo:after{right:-18px;width:74px;height:52px}
  .xmas-pack:after{left:-12px;bottom:-26px;width:72px;height:50px}
  .book-section .gift-tag{font-size:19px}
  .book-section .buy-box:after{right:-10px;top:-32px;width:64px;height:45px}
  .last-kicker{font-size:26px}
}
@media(max-width:370px){
  .brand-pic{width:50px;height:50px}
  .header nav>a.nav-xmas{display:none!important}
  .xmas-hero .actions .button{padding:12px 14px;font-size:15px}
  .hero-book1{grid-template-columns:auto 1fr;padding:10px}
  .hero-book1>img{width:50px}
  .sleeps-tag{width:110px;left:-16px}
  .out-soon-burst{width:100px;height:100px;right:-14px}
  .out-soon-burst strong{font-size:26px}.out-soon-burst>span{font-size:17px}
}

/* Desktop: keep "Grab yer sledge!" on one line */
@media(min-width:1101px){.xmas-hero h1{font-size:clamp(64px,5.8vw,86px)}}
@media(min-width:761px) and (max-width:1100px){.xmas-hero h1{font-size:clamp(54px,6.4vw,72px)}}
.header nav>a.nav-xmas,.header nav>a:not(.button){white-space:nowrap}
@media(min-width:761px){.header nav>a.buy-nav{white-space:nowrap}}
@media(max-width:900px){.header nav>a[href='#play']{display:none}}
/* ---------- Santa's Last Drap video card (Book 2 section) ---------- */
.santa-video{position:relative;margin-top:88px;display:grid;grid-template-columns:minmax(0,340px) 1fr;gap:56px;align-items:center;background:var(--night);color:#fff;border:3px solid var(--cream);border-radius:24px;box-shadow:7px 8px 0 var(--gold),12px 13px 0 var(--navy);padding:40px 48px}
.santa-video-player video{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:16px;border:3px solid var(--cream);background:#000;box-shadow:6px 7px 0 var(--xred)}
.santa-video .eyebrow{color:var(--gold)}
.santa-video h3{font-family:Bangers;font-size:60px;font-weight:400;letter-spacing:1px;line-height:1;transform:rotate(-1.5deg);margin:6px 0 16px;color:#fff}
.santa-video h3 span{color:var(--gold)}
.santa-video-copy>p:not(.eyebrow){font-size:18px;line-height:1.55;max-width:520px}
.santa-video .santa-video-note{font-size:14px!important;opacity:.8;margin-bottom:22px}
@media(max-width:760px){.santa-video{margin-top:64px;grid-template-columns:1fr;gap:22px;padding:26px 20px 28px;border-radius:20px;box-shadow:5px 6px 0 var(--gold),8px 9px 0 var(--navy)}
 .santa-video-player{width:min(300px,100%);margin:0 auto}.santa-video h3{font-size:46px}.santa-video-copy>p:not(.eyebrow){font-size:16px}.santa-video .button{width:100%}}
