.djf-content-slider{--djf-content-columns:3;--djf-content-gap:20px;min-width:0;width:100%}
.djf-content-slider__track{display:flex;gap:var(--djf-content-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.djf-content-slider__track::-webkit-scrollbar{display:none}
.djf-content-slider__card{box-sizing:border-box;flex:0 0 calc((100% - (var(--djf-content-columns) - 1)*var(--djf-content-gap))/var(--djf-content-columns));min-width:0;scroll-snap-align:start;text-align:center;display:flex;flex-direction:column;align-items:stretch}
.djf-content-slider__visual{display:flex;align-items:center;justify-content:center;align-self:var(--djf-content-image-align,center);width:100px;max-width:100%;aspect-ratio:1/1;margin-bottom:16px;overflow:hidden}
.djf-content-slider__visual img{display:block;width:100%;height:100%;object-fit:contain}
.djf-content-slider__icon{font-size:48px;color:inherit}
.djf-content-slider__icon svg{height:1em;width:1em;fill:currentColor}
.djf-content-slider__title{margin:0 0 8px;font-size:20px;line-height:1.3;transition:color .2s ease}
.djf-content-slider__description{margin:0;line-height:1.5;transition:color .2s ease}
.djf-content-slider__nav{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.djf-content-slider__nav button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;font:inherit;font-size:25px;line-height:1;cursor:pointer;transition:color .2s,background-color .2s,border-color .2s}
.djf-content-slider__nav button:disabled{opacity:.35;cursor:default}
@media(max-width:1024px){.djf-content-slider{--djf-content-columns:2}}
@media(max-width:767px){.djf-content-slider{--djf-content-columns:1}}
@media(prefers-reduced-motion:reduce){.djf-content-slider__track{scroll-behavior:auto}}

/* Keep the arrow glyph centered regardless of theme button typography. */
.djf-content-slider__nav button,.djf-content-slider__side-arrow{box-sizing:border-box;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle;padding:0!important;text-align:center;line-height:1!important;flex-shrink:0;min-width:0;min-height:0;appearance:none;-webkit-appearance:none}
.djf-content-slider__nav button span,.djf-content-slider__side-arrow span{display:block;font-family:Arial,Helvetica,sans-serif;font-size:1em;font-weight:400;line-height:1;transform:translateY(-.07em);pointer-events:none}
.djf-content-slider__stage{display:flex;align-items:center;gap:var(--djf-content-arrow-offset,8px);min-width:0;width:100%}
.djf-content-slider__stage .djf-content-slider__track{flex:1 1 0;min-width:0}
.djf-content-slider__side-arrow{width:36px;height:36px;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;font-size:25px;cursor:pointer;transition:color .2s,background-color .2s,border-color .2s}
.djf-content-slider__side-arrow:disabled{opacity:.35;cursor:default}
.djf-content-slider--sides{--djf-content-arrow-offset:8px}