/* --- Mobile Welcome Heading Fix --- */

/* This rule only applies to screens 768px wide or smaller (tablets and phones) */
@media (max-width: 768px) {

  .main-hero-heading { /* This targets the class name you just created */
    
    /* 1. Reduce the font size for mobile */
    font-size: 32px !important; 
    
    /* 2. Add proper spacing between the lines */
    line-height: 1.3 !important; 
    
    /* 3. (Optional) Center the text for a cleaner mobile look */
    text-align: center !important; 
  }
  
}

.theme-product-price {
  font-weight: bold !important;
}