.wccs{--wccs-gap:16px;--wccs-iw:160px;--wccs-ih:160px;--wccs-br:12px;--wccs-title-size:14px;--wccs-title-color:#333;--wccs-pad:10px;--wccs-mar:0;--wccs-items-d:6;--wccs-items-t:4;--wccs-items-m:2;position:relative;display:block;padding:var(--wccs-pad);margin:var(--wccs-mar)}
.wccs-inner{position:relative}
.wccs-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--wccs-gap)) / var(--wccs-items-d));gap:var(--wccs-gap);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.wccs-item{scroll-snap-align:start;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center}
.wccs-image-wrap{width:var(--wccs-iw);height:var(--wccs-ih);border-radius:var(--wccs-br);overflow:hidden;position:relative;background:#f5f5f5}
.wccs-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.wccs-hover-on .wccs-image:hover{transform:scale(1.05)}
.wccs-title{font-size:var(--wccs-title-size);color:var(--wccs-title-color);text-align:center;margin-top:8px}
.wccs-title-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.5);color:#fff;padding:.35em .6em;border-radius:8px;margin-top:0}
.wccs-title-above .wccs-title{order:-1;margin-bottom:8px;margin-top:0}
.wccs-hide-scrollbar{scrollbar-width:none}
.wccs-hide-scrollbar::-webkit-scrollbar{display:none}

@media (max-width:1024px){
  .wccs-track{grid-auto-columns:calc((100% - var(--wccs-gap)) / var(--wccs-items-t))}
}
@media (max-width:768px){
  .wccs-track{grid-auto-columns:calc((100% - var(--wccs-gap)) / var(--wccs-items-m))}
}