Site URL: https://www.studiovaishali.com/shop/p/concept-moodboard
Everything on my site works perfectly on desktop, tablet + mobile EXCEPT for my new product pages. On desktop, they're fine. On desktop inspection to mobile, they're fine. On SquareSpace edit for desktop + mobile, they're fine. However, when actually viewing on mobile + tablet, default fonts pull through and I don't know why?! It's all of the details under the H1 including the CTA.
Here's an attachment for reference + the CSS I'm using to target this section:
.collection-type-products .ProductItem-details .ProductItem-details-excerpt {
font-family: 'Sofia Pro' !important;
font-size: 1em !important;
line-height: 1.4em !important;
letter-spacing: 1px
}