/* Casa carousel v14: mobiel native swipe, desktop rustige eindeloze beweging */
.casa-carousel[data-casa-carousel-loop]{max-width:100%;min-width:0;overflow:hidden}
.casa-carousel[data-casa-carousel-loop] .casa-carousel-viewport{
  width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;
  padding:8px 0 20px;box-sizing:border-box;-webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-behavior:smooth;
  touch-action:pan-x pan-y pinch-zoom;scrollbar-width:none;
}
.casa-carousel[data-casa-carousel-loop] .casa-carousel-viewport::-webkit-scrollbar{display:none}
.casa-carousel[data-casa-carousel-loop] .casa-carousel-viewport:focus-visible{outline:2px solid #987765;outline-offset:3px;border-radius:18px}
.casa-carousel[data-casa-carousel-loop] .casa-carousel-track{
  display:flex;width:max-content;max-width:none;gap:16px;transform:none;
  animation:none;transition:none;
}
.casa-carousel[data-casa-carousel-loop] .casa-carousel-set{display:flex;flex:none;gap:16px}
.casa-carousel[data-casa-carousel-loop] .casa-carousel-card{flex:0 0 clamp(235px,28vw,365px);scroll-snap-align:start}
.casa-carousel[data-casa-carousel-loop] img{-webkit-user-drag:none;user-drag:none}
@media(max-width:620px){
  .casa-carousel[data-casa-carousel-loop] .casa-carousel-viewport{width:calc(100% + 36px);max-width:none;margin-left:-18px;padding:8px 18px 20px;scroll-padding-inline:18px}
  .casa-carousel[data-casa-carousel-loop] .casa-carousel-card{flex:0 0 min(78vw,320px);min-width:0;border-radius:19px;box-shadow:0 8px 20px rgba(73,55,47,.09)}
  .casa-carousel[data-casa-carousel-loop] .casa-carousel-card figcaption{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(60,42,34,.9)}
}
@media(min-width:621px){
  .casa-carousel[data-casa-carousel-loop][data-carousel-mode="desktop"] .casa-carousel-viewport{overflow:hidden;scroll-snap-type:none;touch-action:auto}
  .casa-carousel[data-casa-carousel-loop][data-carousel-mode="desktop"] .casa-carousel-track{
    animation:casa-desktop-carousel var(--casa-duration,80s) linear infinite;
    will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  }
  @keyframes casa-desktop-carousel{
    from{transform:translate3d(0,0,0)}
    to{transform:translate3d(calc(var(--casa-distance) * -1),0,0)}
  }
}
@media(prefers-reduced-motion:reduce){
  .casa-carousel[data-casa-carousel-loop] .casa-carousel-track{animation:none!important}
}