#cdGrid {
  justify-content: center !important;
  gap: 1.2rem;
}

.product-component {
  width: 100% !important;
  max-width: 500px !important;
  margin: auto !important;
}

.cd-nav{
    padding: 0px; margin-bottom: 0px
}

.cd-container{
    margin-top: 0px
}

@media (max-width: 1000px) {
  .cd-container {
    margin-top: 80px !important;
  }

  .title{
    text-align: center;
  }

  .sub-title{
    text-align: center;
    margin-bottom: 1.5rem;
  }
}