.photo-category--scenery { display:flex; flex-direction:column; gap:20px; min-width:0; padding-bottom:48px; }
.photo-category--scenery header { display:block; margin:0; }
.photo-category--scenery .scenery-intro { margin:10px 0 0; color:var(--green); font:15px/1.7 var(--sans); }
.photo-category--scenery button:focus-visible,.scenery-rail:focus-visible { outline:3px solid #b89550; outline-offset:3px; }
.scenery-panel { display:flex; flex-direction:column; gap:20px; min-width:0; width:100%; }
.scenery-retry[hidden] { display:none; }
.scenery-thumbs { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:8px; max-width:1100px; width:100%; }
.scenery-thumbs button { min-width:0; min-height:52px; padding:3px; border:2px solid transparent; background:transparent; cursor:pointer; }
.scenery-thumbs button[aria-pressed=true] { border-color:var(--green); background:#e7eade; }
.scenery-thumbs img { display:block; width:100%; height:64px; object-fit:cover; border-radius:0 14px 0 14px; }
.scenery-rail { position:relative; display:flex; align-items:start; gap:20px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x proximity; overscroll-behavior-x:contain; scrollbar-color:#74856d #e7eade; padding-bottom:12px; }
.scenery-rail.is-moving { scroll-snap-type:none; }
.scenery-card { margin:0; flex:none; width:var(--scenery-card-width); scroll-snap-align:center; }
.scenery-frame { height:var(--scenery-card-height); position:relative; overflow:hidden; border-radius:0 40px 0 40px; }
.scenery-frame img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% var(--scenery-y,50%); }
.scenery-card.is-selected .scenery-frame { outline:3px solid var(--green); outline-offset:-3px; }
.scenery-position { position:absolute; bottom:12px; right:12px; padding:8px 11px; background:#263d2adb; color:white; font:600 12px/1 var(--sans); pointer-events:none; }
.scenery-status { margin:0; font:13px/1.7 var(--sans); color:var(--green); }
.scenery-status:empty { display:none; }
@media(max-width:959px) {
 .photo-category--scenery { padding-top:28px; padding-bottom:36px; gap:16px; }
 .photo-category--scenery h3 { font-size:25px; }
 .scenery-panel { gap:16px; }
 .scenery-thumbs { order:2; grid-template-columns:repeat(5,minmax(0,1fr)); }
 .scenery-thumbs img { height:48px; }
 .scenery-rail { gap:14px; }
 .scenery-frame { border-radius:0 36px 0 36px; }
}

.scenery-retry { min-height:44px; padding:10px 18px; border:1px solid var(--green); background:transparent; color:var(--green); cursor:pointer; }
.scenery-card { cursor:pointer; }
.scenery-card:focus-visible { outline:3px solid #b89550; outline-offset:-3px; }

@media (hover:hover) and (pointer:fine) {
 .scenery-rail, .scenery-rail .scenery-card { cursor:grab;user-select:none; }
 .scenery-rail.is-dragging, .scenery-rail.is-dragging * { cursor:grabbing; }
}

.proposal--grid[data-delivery-page] .scenery-panel > .scenery-thumbs { order:2; }