/* V31: Agenda and Fichas keep the original habitat fully visible below the top veil.
   No radial, side or bottom feather: photograph opacity reaches 100%, veil reaches 0%. */
@media(max-width:800px){
#la-app #tour-panel-3 .tour-photo-hook,#la-app #tour-panel-4 .tour-photo-hook{
 left:0;right:0;bottom:0;top:auto;width:100%;height:auto;opacity:1;filter:none;
 mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.55) 8%,#000 18%,#000 100%);
 -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.55) 8%,#000 18%,#000 100%);
 mask-composite:add;-webkit-mask-composite:source-over
}
#la-app #tour-panel-3 .tour-photo-hook img,#la-app #tour-panel-4 .tour-photo-hook img{
 mask-image:none;-webkit-mask-image:none;opacity:1;filter:none;width:100%;height:auto;object-fit:contain
}
}
#la-app .tour-scene-nav{display:none}
@media(max-width:800px){
 #la-app .tour-layout>div:first-child{display:none}
 #la-app .tour-stage{position:relative}
 #la-app .tour-scene-nav{display:block;position:absolute;inset:0;pointer-events:none;z-index:8}
 #la-app .tour-scene-nav button{position:absolute;top:var(--scene-middle,350px);transform:translateY(-50%);width:44px;height:48px;border:1px solid #dbe6d6;border-radius:24px;background:#fffffff0;color:#234d35;box-shadow:0 3px 12px #173e2724;font:32px/1 system-ui;pointer-events:auto;cursor:pointer;padding:0}
 #la-app .tour-prev{left:-14px}#la-app .tour-next{right:-14px}
 #la-app .tour-scene-nav button:focus-visible{outline:3px solid #4c8a59;outline-offset:2px}
 #la-app .tour-current{position:absolute;top:-25px;left:0;right:0;text-align:center;font-size:11px;color:#506458;line-height:20px}
 #la-app .tour-layout{margin-top:55px}
 #la-app #tour-panel-3 .tour-photo-hook,#la-app #tour-panel-4 .tour-photo-hook{width:calc(100% + 48px);left:-24px;right:-24px;bottom:0;top:auto}
 #la-app #tour-panel-4 .tour-product{aspect-ratio:1/2.6}
}
/* Give the basilisk's eye clearance beneath the longest hook at the narrowest width. */
@media(max-width:360px){#la-app #tour-panel-4 .tour-product{aspect-ratio:1/2.8}}
@media(max-width:800px){#la-app .tour-product{touch-action:pan-y pinch-zoom}}