/* Christmas 2026 theme: evergreen, holly red, gold and snow-cream. Scoped to body.christmas-body. */
.christmas-body{--xm-green:#12382a;--xm-green-2:#1f5c3a;--xm-red:#b3202a;--xm-red-2:#8f1820;--xm-gold:#f0c85a;--xm-cream:#fbf6ea;--xm-snow:#eef4ec;background:var(--xm-cream)}
.christmas-body .topline{background:var(--xm-red);color:#fff}
.christmas-body .breadcrumbs{color:#5a6473}
/* Hero */
.christmas-body .christmas-hero .hero-copy{background:radial-gradient(circle at 12% 18%,#ffffff1a 0 2px,transparent 3px) 0 0/46px 46px,radial-gradient(circle at 60% 70%,#ffffff12 0 2px,transparent 3px) 0 0/62px 62px,var(--xm-green)}
.christmas-body .christmas-hero .hero-copy .eyebrow{color:var(--xm-gold)}
.christmas-body .christmas-hero .home-group-photo{background:var(--xm-green)}
.christmas-body .christmas-hero .button.lime{background:var(--xm-red);border-color:var(--xm-red);color:#fff}
.christmas-body .christmas-hero .button.lime:hover{background:var(--xm-red-2)}
.christmas-body .christmas-hero .text-link{color:var(--xm-gold)}
.christmas-body .xmas-deadline{border-color:var(--xm-gold);background:#f0c85a1f;color:#fff8e4}
.xmas-stripe{height:12px;background:repeating-linear-gradient(135deg,var(--xm-red) 0 18px,#fff 18px 36px)}
/* Bands */
.xmas-band{padding:10px 0}
.xmas-band .section{padding-top:70px;padding-bottom:70px}
.xmas-band-gifts{background:var(--xm-cream)}
.xmas-band-personal{background:var(--xm-snow)}
.xmas-band-give{background:var(--xm-cream)}
.xmas-band-know{background:var(--xm-green);color:#f4f1e4}
.xmas-band-know a{color:var(--xm-gold)}
.christmas-body .eyebrow{color:var(--xm-red)}
.christmas-body .section h2{color:var(--xm-green)}
.christmas-body .xmas-band-know h2,.christmas-body .xmas-band-know .eyebrow{color:var(--xm-gold)}
.christmas-body .section-head>p{color:#4a5560}
.christmas-body .xmas-band-know .section-head>p{color:#dfe8dc}
/* Cards */
.christmas-body .retail-card{border:1px solid #dccfb4;border-top:5px solid var(--xm-green-2);background:#fffdf7;transition:box-shadow .2s,transform .2s}
.christmas-body .retail-card:nth-child(even){border-top-color:var(--xm-red)}
.christmas-body .retail-card:hover{box-shadow:0 10px 28px #12382a24;transform:translateY(-2px)}
.christmas-body .retail-card .eyebrow{color:var(--xm-green-2)}
.christmas-body .retail-card h3{color:var(--xm-green)}
.christmas-body .retail-card strong{color:var(--xm-red)}
/* Pick-a-pack feature */
.xmas-pack{background:linear-gradient(180deg,var(--xm-red) 0,var(--xm-red-2) 100%);color:#fff}
.xmas-pack-inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-top:72px;padding-bottom:72px}
.xmas-pack-photo{position:relative}
.xmas-pack-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:14px;border:6px solid #fff;box-shadow:0 14px 40px #0004;transform:rotate(-1.5deg)}
.xmas-badge{position:absolute;top:-16px;right:-10px;background:var(--xm-gold);color:var(--xm-green);font:800 12px/1.2 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:12px 16px;border-radius:999px;transform:rotate(8deg);box-shadow:0 4px 14px #0003}
.christmas-body .xmas-pack-copy .eyebrow{color:var(--xm-gold)}
.christmas-body .xmas-pack-copy h2{color:#fff;font-size:clamp(34px,4vw,56px);line-height:1.05;margin-bottom:20px}
.xmas-pack-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#ffe9e6;max-width:520px}
.xmas-pack-list{list-style:none;padding:0;margin:22px 0 4px;display:flex;flex-wrap:wrap;gap:10px}
.xmas-pack-list li{background:#ffffff1f;border:1px solid #ffffff55;border-radius:999px;padding:8px 15px;font-size:13px;font-weight:700}
.xmas-pack-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:28px}
.xmas-pack .button{background:var(--xm-gold);border-color:var(--xm-gold);color:var(--xm-green)}
.xmas-pack .button:hover{background:#f6d77f}
.xmas-pack .xmas-from{font:700 16px/1.4 Arial,sans-serif}
/* CTA band */
.christmas-body .cta-band{background:var(--xm-green-2);color:#fff}
.christmas-body .cta-band h2{color:#fff}
.christmas-body .cta-band p{color:#e4efe4}
.christmas-body .cta-band .button{background:var(--xm-gold);border-color:var(--xm-gold);color:var(--xm-green)}
.christmas-body .cta-band .button:hover{background:#f6d77f}
.christmas-body a:focus-visible{outline:3px solid var(--xm-gold);outline-offset:3px}
@media(max-width:860px){.xmas-pack-inner{grid-template-columns:1fr;gap:38px;padding-top:56px;padding-bottom:56px}.xmas-badge{right:6px}}
@media(prefers-reduced-motion:reduce){.christmas-body .retail-card{transition:none}.christmas-body .retail-card:hover{transform:none}}