/* 
   styleProduct.css - Dev Page Specifics 
   Most layout/component styles are now moved to category-new.css 
*/

.product-page {
  display: flex;
  justify-content: space-between;
  max-width: 1440px;
  margin: auto;
  box-sizing: border-box;
  font-family: inherit;
  padding-top: 120px;
  padding-bottom: 80px;
  gap: 40px;
}

@media (max-width: 988px) {
  .product-page {
    flex-direction: column;
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
    gap: 20px;
  }
}

/* Redundant component styles removed. See category-new.css for Elite styling. */