.wccs-wrapper{display:flex;flex-direction:column;gap:48px;margin:24px 0}
.wccs-section{padding:0}
.wccs-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid currentColor;border-color:rgba(0,0,0,.08)}
.wccs-title{margin:0;font-weight:700;line-height:1.2}
.wccs-count{font-size:.7em;font-weight:400;opacity:.6}
.wccs-desc{flex:1 0 100%;opacity:.8;margin-top:4px}
.wccs-view-all{font-weight:600;text-decoration:none;white-space:nowrap}
.wccs-view-all:hover{text-decoration:underline}
.wccs-grid{display:grid !important;gap:24px;list-style:none !important;margin:0 !important;padding:0 !important}
.wccs-grid li.product{width:auto !important;margin:0 !important;float:none !important;clear:none !important}
.wccs-cols-1{grid-template-columns:1fr}
.wccs-cols-2{grid-template-columns:repeat(2,1fr)}
.wccs-cols-3{grid-template-columns:repeat(3,1fr)}
.wccs-cols-4{grid-template-columns:repeat(4,1fr)}
.wccs-cols-5{grid-template-columns:repeat(5,1fr)}
.wccs-cols-6{grid-template-columns:repeat(6,1fr)}
@media (max-width:1024px){.wccs-cols-4,.wccs-cols-5,.wccs-cols-6{grid-template-columns:repeat(3,1fr)}}
@media (max-width:768px){.wccs-cols-3,.wccs-cols-4,.wccs-cols-5,.wccs-cols-6{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.wccs-grid{grid-template-columns:1fr !important}}
