/* Reversible typography trial: remove this stylesheet link to restore the previous type. */
:root {
    --mdf-text: #3f4942;
    --mdf-heading: #1d2921;
    --mdf-muted: #69736c;
    --mdf-link: #318744;
    --mdf-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html,
body,
button,
input,
select,
textarea {
    font-family: var(--mdf-font) !important;
}

body {
    color: var(--mdf-text);
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

p,
li,
td,
label,
.product-desc,
.product-single-details,
.mdf-product-seo-section,
.mdf-condition-page {
    color: var(--mdf-text);
}

p,
.product-desc,
.mdf-product-seo-section p,
.mdf-condition-page p {
    line-height: 1.7;
}

h1,
h2,
h3,
h4,
h5,
h6,
.product-title,
.producttitle,
.mdf-product-title {
    color: var(--mdf-heading);
    font-family: var(--mdf-font) !important;
    font-weight: 700;
    letter-spacing: -.015em;
    line-height: 1.25;
}

/* Product grid titles: readable weight and room for long product names. */
.product-default.mdf-product-card h3.producttitle.mdf-product-title,
.product-default.mdf-product-card h3.producttitle.mdf-product-title > a {
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

@media (max-width: 575px) {
    .product-default.mdf-product-card h3.producttitle.mdf-product-title,
    .product-default.mdf-product-card h3.producttitle.mdf-product-title > a {
        font-size: 12px !important;
        font-weight: 500 !important;
    }
}

a { color: var(--mdf-link); }

.text-muted,
.small,
small,
.product-single-details .product-code,
.product-single-details .product-stock,
.mdf-cart-meta,
.mdf-search-meta {
    color: var(--mdf-muted) !important;
}

.main-nav .menu > li > a,
.header-top a,
.btn,
button {
    font-family: var(--mdf-font) !important;
    font-weight: 700;
    letter-spacing: 0;
}

.product-single-details .product-title,
.product-single-details h1 {
    color: #17231b;
    font-size: 32px;
    line-height: 1.18;
}

.price-box,
.product-price,
.old-price,
.mdf-product-price {
    font-family: var(--mdf-font) !important;
}

.product-single-details .product-price {
    color: #17231b;
    font-weight: 700;
    letter-spacing: -.02em;
}

/* Consistent ecommerce price hierarchy. */
.mdf-single-product-price {
    display: flex;
    margin: 16px 0 22px;
    align-items: flex-start;
    flex-direction: column;
    gap: 9px;
}
.product-single-details .mdf-single-product-price__current {
    display: inline-flex;
    align-items: baseline;
    color: #21833a;
    font-size: 38px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.035em;
}
.product-single-details .mdf-single-product-price__current sup {
    position: relative;
    top: -.85em;
    margin-left: 3px;
    font-size: 15px;
    line-height: 1;
}
.product-single-details .mdf-single-product-price__current .priceCurrency {
    margin-left: 7px;
    color: #21833a;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0;
}
.mdf-single-product-price__previous {
    display: flex;
    align-items: baseline;
    gap: 7px;
    color: #747f77;
    font-size: 11px;
    line-height: 1.3;
}
.mdf-single-product-price__previous .old-price,
.mdf-product-card .old-price,
.mdf-product-recommendation .old-price {
    color: #c43d3d !important;
    text-decoration: line-through !important;
    text-decoration-color: #c43d3d !important;
    text-decoration-thickness: 1.5px !important;
}
.mdf-single-product-price__previous .old-price {
    font-size: 15px;
    font-weight: 700;
}
.mdf-single-product-price__previous .old-price sup {
    position: static;
    font-size: 10px;
    vertical-align: super;
}

.product-single-details .product-desc,
.product-single-details .product-desc-content,
.mdf-product-seo-section {
    font-size: 16px;
}

@media (max-width: 767px) {
    body { font-size: 15px; }
    .product-single-details .product-title,
    .product-single-details h1 { font-size: 26px; line-height: 1.22; }
    .product-single-details .mdf-single-product-price__current { font-size: 33px; }
    .product-single-details .mdf-single-product-price__current sup { font-size: 13px; }
    .product-single-details .mdf-single-product-price__current .priceCurrency { font-size: 14px; }
}