/* Dubble Bubble readability, stage 1: approved "Balanced" direction. */

body,
button,
input,
select,
textarea {
    font-family: "Roboto Condensed", Arial, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.sectionTitle,
.sPageTitle--title,
.sBanner .item .sBanner--title,
.sBanner .item .sBanner--descr,
.header .topLine--contacts,
.header .topLine--messenger .leftBlock,
.btn {
    font-family: Oswald, "Arial Narrow", Arial, sans-serif !important;
}

/* Light brand fills need dark content to remain readable. */
.btn.green {
    color: #193318 !important;
}

.header .bottomLine .bottomLine--linkInsta,
.detailProduct--cart,
.sCatalogPopular .rightBlock--item .item--link,
.msOrderForm .btn,
.md-content form input.btn {
    color: #2f210d !important;
}

/* Keep the agreed orange, but make primary controls visually defined. */
.detailProduct--cart,
.sCatalogPopular .rightBlock--item .item--link,
.msOrderForm .btn,
.md-content form input.btn {
    border: 0.125rem solid #d78b1d !important;
    border-radius: 0.5rem !important;
}

/* Red buttons also fail with white small text on the current fill. */
.btn.red {
    color: #2b1110 !important;
}

/* Stage 2: persistent form labels, without adding noise around icon-only controls. */
.db-field-label {
    display: block;
    margin: 0.75rem 0 0.35rem;
    color: #2f2f2f;
    font-family: "Roboto Condensed", Arial, sans-serif !important;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.35;
}

.db-field-label:first-child {
    margin-top: 0;
}

.db-required {
    color: #9f332b;
}

/* Stage 3: approved balanced type scale. */
body {
    font-size: 1.0625rem !important;
    line-height: 1.55 !important;
}

h1,
.sPageTitle--title {
    font-size: 2rem !important;
    line-height: 1.22 !important;
}

h2,
.sectionTitle {
    font-size: 1.375rem !important;
    line-height: 1.3 !important;
}

h3 {
    font-size: 1.25rem !important;
    line-height: 1.35 !important;
}

.btn,
button,
input[type="button"],
input[type="submit"],
.detailProduct--cart,
.sCatalogPopular .rightBlock--item .item--link {
    font-size: 0.9375rem !important;
    line-height: 1.35 !important;
}

input,
select,
textarea {
    font-size: 1rem !important;
    line-height: 1.4 !important;
}

.detailProduct--price {
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
    font-family: Oswald, "Arial Narrow", Arial, sans-serif !important;
}

.bread,
.breadcrumbs {
    font-size: 0.875rem !important;
    line-height: 1.45 !important;
}

@media (max-width: 47.9375rem) {
    h1,
    .sPageTitle--title {
        font-size: 1.625rem !important;
    }
}