#parallax-bg.template-christmas-red {
  background-image:
    /* smooth ambient lighting from bottom for realism */
    radial-gradient(ellipse at bottom center, rgba(0,0,0,0.28) 0%, rgba(0,0,0,0.12) 25%, rgba(0,0,0,0.02) 60%, rgba(0,0,0,0) 100%),
    /* subtle warm vignette around edges for softness */
    radial-gradient(ellipse at center, rgba(255,255,255,0.08) 0%, rgba(255,200,180,0.05) 60%, rgba(0,0,0,0.25) 100%),
    /* soft festive gradient tint matching toolbar colors */
    linear-gradient(180deg, #ffd5b2 0%, #ff9e7a 40%, #e86b57 80%, #b73a3a 100%),
    url('/static/media/background_images/christmas-bg-4-desktop.png');
  
  background-size: cover, cover, cover, auto 100%;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
  background-position: center, center, top, bottom;
  background-blend-mode: soft-light, multiply, overlay;
  
  opacity: 0.98;
  background-origin: content-box;
  padding-top: 80px; /* adjust for toolbar height */
  transition: background 0.4s ease-in-out;
}

@media (max-width: 768px) {
  #parallax-bg.template-christmas-red {
    background-image:
      radial-gradient(ellipse at bottom center, rgba(0,0,0,0.28) 0%, rgba(0,0,0,0.12) 25%, rgba(0,0,0,0.02) 60%, rgba(0,0,0,0) 100%),
      radial-gradient(ellipse at center, rgba(255,255,255,0.08) 0%, rgba(255,200,180,0.05) 60%, rgba(0,0,0,0.25) 100%),
      linear-gradient(180deg, #ffd5b2 0%, #ff9e7a 40%, #e86b57 80%, #b73a3a 100%),
      url('/static/media/background_images/christmas-bg-4-mobile.png');
    background-size: cover, cover, cover, auto 100%;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: center, center, top, bottom;
    background-blend-mode: soft-light, multiply, overlay;
  }
}