/* Rebuilt parallax baseline CSS */
.csp5-slider{position:relative;overflow:hidden}
.csp5-track{display:flex;align-items:center;transition:transform 0.25s linear;will-change:transform}
.csp5-card{flex:0 0 auto;margin-right:16px;transition:transform .2s ease, opacity .2s ease;backface-visibility:hidden}
.csp5-card img{display:block;max-width:100%;border-radius:10px}
.csp5-dots{display:flex;justify-content:center;gap:8px;margin-top:14px}
.csp5-dot-line{width:28px;height:4px;background:rgba(255,255,255,0.12);border-radius:3px}
.csp5-dot-line.active{background:#fff}



/* Dot-line slider styles (added by patch) */
.csp5-dots{display:flex;justify-content:center;gap:10px;margin-top:18px}
.csp5-dot-line{width:36px;height:6px;background:rgba(0,0,0,0.1);border-radius:4px;border:0;cursor:pointer;transition:all .28s ease}
.csp5-dot-line.active{background:linear-gradient(90deg,#111,#444);transform:scale(1.15)}
.csp5-dot-line:focus{outline:2px solid rgba(0,0,0,0.12)}


.dot-line{
  width:100%;
  height:4px;
  background:#ddd;
  border-radius:2px;
  margin-top:10px;
  overflow:hidden;
}
.dot-line-inner{
  height:100%;
  width:0%;
  background:#000;
  transition:width .4s ease;
}



/* Ensure dot-lines inside slider are visible and not clipped */
.csp5-slider{padding-bottom:36px}
.csp5-dots{position:relative;z-index:30}



/* Patch: add spacing between cards */
.csp5-track { display:flex !important; gap: 24px !important; }
.csp5-card { margin-right: 0 !important; flex: 0 0 auto !important; }
@media (min-width:1024px){
  .csp5-track { gap: 36px !important; }
}