/*
 * Product page corrections for the static clone.
 *
 * The store markup on /product/<slug> is the storefront as the live site
 * renders it, captured after Ecwid's script has run. This clone serves that
 * markup statically and never boots the script, so the few styles that script
 * applies at runtime are restored here.
 *
 * The product title is the visible one. The site theme sizes every heading in
 * the content area for page heroes:
 *
 *     *#dm div.dmContent h1 { font-size: 78px }
 *
 * and an id outranks the three classes in Ecwid's own rule
 * (.ec-size .ec-store .ec-header-h3 { font-size: 22px }), so inside the store
 * the hero size wins and the title renders at 78px. On the live site Ecwid
 * restyles it to 38px once its script boots; that is what is set here.
 */
#dm div.dmContent .ec-store h1.ec-header-h3,
#dm div.dmContent .ec-store .product-details__product-title {
    font-size: 38px;
    line-height: 1.2;
}

/* The same hero rule reaches the headings Ecwid renders inside the product
 * description, which the theme would otherwise blow up to display sizes. */
#dm div.dmContent .ec-store .product-details__description h1 { font-size: 28px; }
#dm div.dmContent .ec-store .product-details__description h2 { font-size: 24px; }