.sg-grid{display:grid;gap:16px;}
.sg-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sg-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sg-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sg-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.sg-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}

.sg-grid .sg-item{margin:0;text-align: center;display: grid;justify-content: center;margin-bottom: 30px;align-items: center;margin-top: 30px;height: fit-content;}
.sg-item img{width: 219px;height:auto;display:block}
.sg-link{display:block;text-decoration:none;text-align: center;justify-content: center;align-items: center;}

.sg-actions{margin-top:16px;display:flex;align-items:center;gap:12px;justify-content: center;}
.sg-load-more{padding:10px 14px;cursor:pointer;border: 1px solid #fff;/* border-radius: 50px; */color: #fff;font-weight: 700;}
.sg-load-more[disabled]{opacity:.6;cursor:not-allowed}
.sg-status{font-size:13px;opacity: 1;color: #fff;position: absolute;margin-top: -60px;}

@media (max-width:900px){
  .sg-cols-6,.sg-cols-5,.sg-cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:600px){
  .sg-grid{grid-template-columns: 1fr;}
}
@media (max-width:420px){
  .sg-grid{grid-template-columns:repeat(1,minmax(0,1fr))}
}