<style type="text/css">.page-title-container {font-family:var(--font-family-primary);margin: 4rem 2rem 2rem;max-width:var(--page-max-width);padding:0;text-align:center;}.uppercase {text-transform:uppercase;}.page-title-container p {font-size: 16px;line-height: 1.3;color: var(--color-primitive-600);font-weight: var(--weight-regular);}.page-title-container h1 {font-size: 48px;line-height: 1;color: var(--color-primitive-600);font-weight: var(--weight-regular)}.page-title-container h2 {font-size: 28px;line-height: 1;color: var(--color-primitive-600);font-weight: var(--weight-regular)}.page-title-container h3 {font-size: 24px;line-height: 1;color: var(--color-primitive-600);font-weight: var(--weight-regular);}.page-title-container h4 {font-size: 22px;line-height: 1;color: var(--color-primitive-600);font-weight: var(--weight-regular);}.page-title-container h5 {font-size: 20px;line-height: 1;color: var(--color-primitive-600);font-weight: var(--weight-regular);}.page-title-container h6 {font-size: 16px;line-height: 1;color: var(--color-primitive-600);font-weight: var(--weight-regular);}@media (745px <=width <=1247px) {}@media screen and (width <=1023px) {}@media screen and (width <=744px) {.page-title-container {margin: 2rem 2rem 1.25rem;}.page-title-container h1 {font-size: 38px;!important}.page-title-container h3 {font-size: 20px;!important}}@media screen and (max-width:480px) {}</style>

<div class="page-title-container"><h3 class="uppercase">Browse by featured categories</h3></div>

<div class="page-title-container uppercase"><h3>Browse by product</h3></div>