.hscroll-outer{width:100%;position:relative;box-sizing:border-box}.hscroll-viewport{width:100%;height:80vh;overflow:hidden;position:relative;display:flex;align-items:center}.hscroll-strip{display:flex;flex-direction:row;align-items:center;gap:20px;padding:0
60px;will-change:transform;flex-shrink:0;transition:transform 0.12s ease-out}.hscroll-strip
img{height:70vh;width:auto;object-fit:cover;display:block;flex-shrink:0;border-radius:8px;user-select:none;-webkit-user-drag:none;pointer-events:none}.hscroll-scrollbar{width:calc(100% - 120px);margin:16px
60px 8px;height:6px;background:rgba(0,0,0,0.12);border-radius:3px;position:relative;cursor:pointer}.hscroll-thumb{position:absolute;top:-3px;left:0;height:12px;border-radius:6px;background:#222;cursor:grab;transition:background 0.2s;min-width:40px}.hscroll-thumb:hover{background:#000}.hscroll-thumb.dragging{cursor:grabbing;background:#000}@media (max-width: 980px){.hscroll-scrollbar{display:none}.hscroll-viewport{overflow-x:auto;overflow-y:hidden;height:70vh;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;align-items:center}.hscroll-strip{padding:0
20px;gap:12px;transform:none !important;transition:none}.hscroll-strip
img{height:60vh;scroll-snap-align:start}}