:root {
    --font-display: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    --font-text: 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    --font-family-sans-serif: var(--font-text);
}

body {
    font-family: var(--font-text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-display,
.hero-title,
.section-title,
.featured_deal_title,
.feature-product-title,
.product-card-name,
.product-title,
.product-name,
.product-title2,
.__product-title,
.cz-product-gallery h1 {
    font-family: var(--font-display);
}

.font-text {
    font-family: var(--font-text) !important;
}

.topbar-link,
.navbar-nav .nav-link,
.hdr-nav-link,
.hdr-nav-text,
.search-bar-input,
.mega-sub-link,
.coll-brand-link,
.mobile-menu-link,
.dropdown-item,
.btn,
.form-control {
    font-family: var(--font-text);
}

.mega-cat-title,
.mega-view-all-btn {
    font-family: var(--font-display);
}