/* Typography is configured from Admin → Store settings → Typography. */
body,
button,
input,
select,
textarea {
    font-family: var(--nova-font-family, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

.main-content h1,
.main-content h2,
.main-content h3:not(.product-card__title):not(.footer-title),
.main-content h4 {
    font-family: var(--nova-font-family, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

/* The catalogue title has its own compact scale, requested separately from H1. */
.main-content .catalog-head h1 {
    font-size: var(--nova-font-size-title, 26px) !important;
    line-height: 1.25;
    letter-spacing: -.025em;
}

.main-content .catalog-head h1 small {
    margin-left: 8px;
    font-size: 14px !important;
    letter-spacing: 0;
}

/* Page content headings. Product cards, filters and footer labels retain their compact UI scale. */
.main-content h1:not(.catalog-head h1) {
    font-size: var(--nova-font-size-h1, 40px) !important;
}

.main-content h2:not(.sidebar__title) {
    font-size: var(--nova-font-size-h2, 32px) !important;
}

.main-content h3:not(.product-card__title):not(.footer-title) {
    font-size: var(--nova-font-size-h3, 24px) !important;
}

.main-content h4 {
    font-size: var(--nova-font-size-h4, 20px) !important;
}

@media (max-width: 700px) {
    .main-content .catalog-head h1 {
        font-size: var(--nova-font-size-title, 26px) !important;
    }

    .main-content h1:not(.catalog-head h1) {
        font-size: min(var(--nova-font-size-h1, 40px), 34px) !important;
    }

    .main-content h2:not(.sidebar__title) {
        font-size: min(var(--nova-font-size-h2, 32px), 28px) !important;
    }

    .main-content h3:not(.product-card__title):not(.footer-title) {
        font-size: min(var(--nova-font-size-h3, 24px), 23px) !important;
    }

    .main-content h4 {
        font-size: min(var(--nova-font-size-h4, 20px), 19px) !important;
    }
}