/* Product Page Specific Styles */

/* Only add page-specific styles here that aren't part of the component library */

/* Any specific overrides for this page */
.product-page {
  font-family: var(--font-family-base);
}

/* Responsive adjustments specific to product page */
@media (max-width: 480px) {
  .product-step__number {
    width: 30px;
    height: 30px;
    top: 10px;
    left: 10px;
  }
  
  .product-step__title {
    margin-left: 40px;
    font-size: var(--product-font-size-md);
  }
}