@font-face {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('SVN-Product Sans'), local('SVN-ProductSans'),
         url('Product%20Sans%20Regular.otf') format('opentype'),
         url('ProductSans-Regular.ttf') format('truetype'),
         url('ProductSans-Regular.woff') format('woff'),
         url('/fonts/product-sans/Product%20Sans%20Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Product Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('SVN-Product Sans Italic'), local('SVN-ProductSansItalic'),
         url('Product%20Sans%20Italic.otf') format('opentype'),
         url('ProductSans-Italic.ttf') format('truetype'),
         url('ProductSans-Italic.woff') format('woff'),
         url('/fonts/product-sans/Product%20Sans%20Italic.otf') format('opentype');
}

@font-face {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('SVN-Product Sans Bold'), local('SVN-ProductSansBold'),
         url('Product%20Sans%20Bold.otf') format('opentype'),
         url('ProductSans-Bold.ttf') format('truetype'),
         url('ProductSans-Bold.woff') format('woff'),
         url('/fonts/product-sans/Product%20Sans%20Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Product Sans';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('SVN-Product Sans Bold Italic'), local('SVN-ProductSansBoldItalic'),
         url('Product%20Sans%20Bold%20Italic.otf') format('opentype'),
         url('ProductSans-BoldItalic.ttf') format('truetype'),
         url('ProductSans-BoldItalic.woff') format('woff'),
         url('/fonts/product-sans/Product%20Sans%20Bold%20Italic.otf') format('opentype');
}

/* Also register as SVN-Product Sans for compatibility */
@font-face {
    font-family: 'SVN-Product Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('SVN-Product Sans'), local('SVN-ProductSans'),
         url('Product%20Sans%20Regular.otf') format('opentype'),
         url('ProductSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'SVN-Product Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('SVN-Product Sans Bold'), local('SVN-ProductSansBold'),
         url('Product%20Sans%20Bold.otf') format('opentype'),
         url('ProductSans-Bold.ttf') format('truetype');
}