.sp-slider{position:relative;display:flex;align-items:center;gap:12px}
.sp-viewport{overflow:hidden;flex:1}
.sp-track{display:flex;gap:16px;scroll-behavior:smooth;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px}
.sp-slide{min-width:220px;max-width:260px;scroll-snap-align:center;background:#fff;border:1px solid #e6e6e6;border-radius:6px;padding:8px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.sp-slide img{width:100%;height:auto;display:block;border-radius:4px}
.sp-slide figcaption{margin-top:6px;font-size:0.9rem;line-height:1.2;color:#333}
.sp-prev,.sp-next{border:1px solid #ddd;background:#fff;border-radius:999px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer}
.sp-prev:hover,.sp-next:hover{background:#f5f5f5}
@media (max-width: 700px){.sp-prev,.sp-next{display:none}.sp-slide{min-width:180px;max-width:220px}}