My Product Page title is way too big! How can I change this to a better size?

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/store/p/studio-overhead-jacket

I am currently using some code on my site to adjust my H1 header as here:

@media screen and (min-width: 768px) {
h1 {
 font-size: 5rem !important;
 font-weight: 700;
 letter-spacing: 0px;
  }}
 

I noticed that it is also affecting my product title on my product page here: https://bluebird-porcupine-yzdg.squarespace.com/store/p/studio-overhead-jacket

Pword = bluebird

Please can you help me still use the above code for my main site but NOT on my product page?

Thank you.

Bets,

Faiz

SUPERB!!! Love the fix THANK YOOOOOOOU so much! 💯