.djf-cat-slider{--djf-columns:5;--djf-cat-gap:20px;--djf-cat-image-height:160px;position:relative;min-width:0}.djf-cat-slider__track{display:flex;gap:var(--djf-cat-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-inline:contain}.djf-cat-slider__track::-webkit-scrollbar{display:none}.djf-cat-slider__card{box-sizing:border-box;flex:0 0 calc((100% - (var(--djf-columns) - 1)*var(--djf-cat-gap))/var(--djf-columns));min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;align-items:stretch;text-decoration:none!important;color:inherit}.djf-cat-slider__image{display:block;width:100%;height:auto;aspect-ratio:1 / 1;overflow:hidden;background:#f3f3f3;border-radius:8px}.djf-cat-slider__image[style*="auto"]{height:var(--djf-cat-image-height)}.djf-cat-slider__image img{width:100%;height:100%;object-fit:cover;display:block}.djf-cat-slider__placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#f1f1f1,#ddd)}.djf-cat-slider__title{display:block;margin-top:10px;font-weight:600;line-height:1.35}.djf-cat-slider__count{display:block;margin-top:3px;color:#777;font-size:13px}.djf-cat-slider__nav{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.djf-cat-slider__nav button{display:grid;place-items:center;border:1px solid #ddd;border-radius:50%;width:34px;height:34px;padding:0;background:#fff;color:#222;cursor:pointer}.djf-cat-slider__nav button:disabled{opacity:.35;cursor:default}@media(max-width:1024px){.djf-cat-slider{--djf-columns:3;--djf-cat-gap:16px;--djf-cat-image-height:130px}}@media(max-width:767px){.djf-cat-slider{--djf-columns:2;--djf-cat-gap:12px;--djf-cat-image-height:100px}}@media(prefers-reduced-motion:reduce){.djf-cat-slider__track{scroll-behavior:auto}}
.djf-cat-slider__image{flex-shrink:0}.djf-cat-slider__image img{width:100%;height:100%;object-fit:cover}

.djf-cat-slider__nav button{transition:color .2s ease,background-color .2s ease,border-color .2s ease}

.djf-cat-slider__title,.djf-cat-slider__count{transition:color .2s ease}
@media(prefers-reduced-motion:reduce){.djf-cat-slider__title,.djf-cat-slider__count{transition:none}}