.sbg-gallery{
  --sbg-max:1280px;
  --sbg-cols:4;
  --sbg-tablet:2;
  --sbg-gap-x:68px;
  --sbg-gap-y:44px;
  --sbg-radius:0px;
  --sbg-bar:10px;
  width:min(100%,var(--sbg-max));
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(var(--sbg-cols),minmax(0,1fr));
  column-gap:var(--sbg-gap-x);
  row-gap:var(--sbg-gap-y);
  align-items:start;
  box-sizing:border-box;
}
.sbg-gallery *{box-sizing:border-box}
.sbg-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:center;
  color:inherit!important;
  text-decoration:none!important;
  text-align:center;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline-offset:4px;
}
.sbg-media{
  display:block;
  width:100%;
  padding-top:var(--sbg-bar);
  background:linear-gradient(#2b2b2b,#2b2b2b) top/100% var(--sbg-bar) no-repeat;
  overflow:hidden;
  border-radius:var(--sbg-radius);
}
.sbg-media img{
  display:block!important;
  width:100%!important;
  aspect-ratio:1/1;
  height:auto!important;
  object-fit:cover;
  margin:0!important;
  border:0!important;
  border-radius:0 0 var(--sbg-radius) var(--sbg-radius);
  transition:transform .22s ease,filter .22s ease;
}
.sbg-card:hover .sbg-media img{transform:scale(1.015);filter:brightness(.98)}
.sbg-title{
  display:block;
  margin-top:8px;
  color:#161616;
  font-family:"Roboto Condensed","Arial Narrow",Arial,sans-serif;
  font-size:18px;
  line-height:1.18;
  font-weight:700;
  text-transform:uppercase;
}
.sbg-price{
  display:block;
  margin-top:12px;
  color:#dd746e;
  font-family:"Roboto Condensed","Arial Narrow",Arial,sans-serif;
  font-size:18px;
  line-height:1.1;
  font-weight:700;
}
@media(max-width:980px){
  .sbg-gallery{grid-template-columns:repeat(var(--sbg-tablet),minmax(0,1fr));column-gap:min(var(--sbg-gap-x),36px)}
}
@media(max-width:580px){
  .sbg-gallery{grid-template-columns:1fr;row-gap:34px;padding-left:14px;padding-right:14px}
  .sbg-title{font-size:17px}
  .sbg-price{font-size:17px;margin-top:9px}
}