/* Ajustes compactos solicitados para a vitrine, sem alterar a identidade CubatiFood. */
.hero-actions{
  width:min(570px,100%);
  justify-content:center;
}

.hero-actions .play{
  min-height:46px;
  padding:10px 16px;
  border:1px solid #ffffff24;
  border-radius:10px;
  background:#1119;
  font-weight:800;
}

.developer.section{
  padding-top:56px;
  padding-bottom:56px;
}

.developer .developer-card{
  width:min(820px,100%);
  margin-inline:auto;
  grid-template-columns:92px minmax(0,1fr);
  gap:22px;
  padding:24px 28px;
  border-radius:16px;
  box-shadow:0 12px 32px #0003;
}

.developer .developer-photo{
  width:92px;
  height:92px;
  border-radius:13px;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  font-size:30px;
}

.developer .developer-card h2{
  margin:5px 0;
  font-size:26px;
}

.developer .developer-card h3{
  margin:3px 0;
  font-size:15px;
}

.developer .developer-card p{
  margin:5px 0;
  font-size:13px;
  line-height:1.45;
}

.developer .dev-links{
  margin-top:12px;
}

#categorias .categories{
  align-items:stretch;
}

#categorias .category{
  display:flex;
  min-width:120px;
  height:132px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:13px;
  text-align:center;
}

#categorias .category>span,
#categorias .production-category-photo{
  width:46px;
  height:46px;
  margin:0 auto 12px;
  flex:0 0 46px;
  border-radius:12px;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}

#categorias .category>span:not(.production-category-photo){
  display:grid;
  place-items:center;
  font-size:30px;
}

.catalog-product .product-img,
.product-modal-img,
.cart-item .mini-img{
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

@media(max-width:700px){
  .hero-actions{
    justify-content:center;
  }

  .developer.section{
    padding-top:42px;
    padding-bottom:42px;
  }

  .developer .developer-card{
    grid-template-columns:72px minmax(0,1fr);
    gap:14px;
    padding:16px;
  }

  .developer .developer-photo{
    width:72px;
    height:72px;
    font-size:24px;
  }

  .developer .developer-card h2{font-size:21px}
  .developer .developer-card h3{font-size:14px}
  .developer .developer-card p{font-size:12px}
  .developer .dev-links{grid-column:1/-1;margin-top:4px}

  #categorias .categories{gap:10px}
  #categorias .category{
    min-width:112px;
    height:122px;
    padding:11px;
  }
  #categorias .category>span,
  #categorias .production-category-photo{
    width:42px;
    height:42px;
    margin-bottom:9px;
    flex-basis:42px;
  }

  .catalog-shelf-track{
    grid-auto-columns:min(78vw,320px)!important;
  }
  .catalog-shelf-track .product-img{
    height:195px!important;
  }
}

@media(max-width:430px){
  .developer .developer-card{
    grid-template-columns:64px minmax(0,1fr);
    gap:12px;
    padding:14px;
  }
  .developer .developer-photo{width:64px;height:64px}
  .developer .developer-card h2{font-size:19px}
  .developer .developer-card p{font-size:11px}
}