/* V30: full lower photographic backgrounds; vertical alpha ramp only. */
#la-app #tour-panel-0 .tour-product{--tour-background:url('assets/explore-background-home-v30.webp')}
#la-app #tour-panel-1 .tour-product{--tour-background:url('assets/explore-background-animals-v30.webp')}
#la-app #tour-panel-2 .tour-product{--tour-background:url('assets/explore-background-room-v30.webp')}
#la-app #tour-panel-3 .tour-product{--tour-background:url('assets/explore-background-agenda-v30.webp')}
#la-app #tour-panel-4 .tour-product{--tour-background:url('assets/explore-background-species-v30.webp')}
#la-app .tour-product:before,#la-app #tour-panel-3 .tour-product:before,#la-app #tour-panel-4 .tour-product:before{content:'';position:absolute;inset:25% 0 0;z-index:1;pointer-events:none;background:var(--tour-background) center bottom/cover no-repeat;border:0;border-radius:0;opacity:1;filter:none;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.15) 15%,rgba(0,0,0,.65) 35%,#000 60%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.15) 15%,rgba(0,0,0,.65) 35%,#000 60%,#000 100%);mask-composite:add;-webkit-mask-composite:source-over}
#la-app .tour-photo-hook:before{display:none}
#la-app .tour-image-note,#la-app .tour-image-note.species-note{top:calc(100% + 10px);bottom:auto}
#la-app .tour-expanded{margin-top:43px}
#la-app #tour-panel-4 .tour-expanded{margin-top:53px}
@media(max-width:800px){#la-app .tour-product:before,#la-app #tour-panel-3 .tour-product:before,#la-app #tour-panel-4 .tour-product:before{left:calc((100% - 100vw)/2);right:calc((100% - 100vw)/2)}}
