/* Preserve existing typography while using semantic headings and text. */
.ty-type-h1 { font-size: 2em; font-weight: 700; }
.ty-type-h2 { font-size: 1.5em; font-weight: 700; }
.ty-type-h3 { font-size: 1.17em; font-weight: 700; }
.ty-type-h4 { font-size: 1em; font-weight: 700; }
.ty-type-h5 { font-size: .83em; font-weight: 700; }
.ty-type-h6 { font-size: .67em; font-weight: 700; }
.ty-page-title .ty-type-h1 { color: #fff; }
.ty-page-title .ty-type-h1.ty-light-gray { color: #888; }
.ty-page-title .ty-sub-title { font-size: larger; font-weight: 400; }
.ty-visually-hidden-heading {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.ty-pc-builder-components-wrap > .ty-type-h3 { font-size: x-large; color: #fff; margin: 1rem 0; }
.ty-pc-builder-components-wrap .ty-pc-builder-component .ty-details-wrap .ty-type-h5 { text-transform: uppercase; font-size: larger; margin: 0; }
.ty-pc-builder-components-wrap .ty-pc-builder-component .ty-details-wrap .ty-type-h6 { font-weight: 200; text-transform: uppercase; opacity: .7; font-size: large; }
.ty-pc-builder-summary-wrap .ty-pc-builder-summary .ty-type-h5 { padding: 10px 20px; color: #888; text-transform: uppercase; text-align: center; position: absolute; top: 0; left: 50%; transform: translateX(-50%); border: 1px solid #888; }
.ty-pc-builder-summary-wrap .ty-pc-builder-summary.error .ty-type-h5 { border: none; background: #cd6623; color: #000; }
.ty-about-info-title .ty-type-h5 { font-size: clamp(2rem, 2vw, 4rem); text-transform: uppercase; }
.ty-about-info-title .ty-type-h5 span { color: #cd6623; }
.ty-about-why-block-list .ty-about-why-block-list-item .ty-type-h6 { font-size: clamp(1.5rem, 1vw, 2rem); }
.ty-contact-details .ty-contact-details-list a.ty-contact-details-list-item .ty-info .ty-type-h4 { font-weight: 400; }
.ty-contact-details .ty-contact-details-list a.ty-contact-details-list-item .ty-info .ty-type-h5 { font-size: x-large; }
.ty-contact-form .ty-type-h4 { font-size: 1.5em; }
.ty-contact-page-map .ty-showrooms .ty-type-h5 { font-size: 2rem; }
.ty-product-page-details-holder .ty-product-page-details-title .ty-type-h2 { color: #888; margin-bottom: .5rem; }
.ty-product-page-payment-method-holder .ty-type-h4 { color: #888; margin-bottom: 1rem; }
.ty-login-content form .ty-input-block .ty-type-h4 { color: #fff; margin-bottom: 1rem; font-size: larger; }
.ty-home-build-sect .ty-contxt .ty-type-h4 { color: #aaa; text-transform: uppercase; margin-bottom: 1rem; }
@media (min-width:1140px) { .ty-home-build-sect .ty-contxt .ty-type-h4{font-size:1vw} }
@media (min-width:960px) { .ty-contact-page-map .ty-showrooms .ty-type-h5{font-size:clamp(2rem, 2vw, 4rem)} }

#ty-cart-title .ty-type-h1, #ty-checkout-title .ty-type-h1 { font-size: 28px; }
.ty-header-search-results ul li a .ty-context .ty-type-h2 { font-size: small; margin-bottom: 5px; color: #cd6623; }
.ty-header-search-results ul li a .ty-context .ty-type-h5::after { content: 'LKR'; margin-left: 5px; }
.ty-careers-single-content .ty-careers-single-details .ty-type-h3 { color: #888; margin-bottom: 1rem; font-weight: 400; }
.ty-careers-single-content .ty-careers-single-details .ty-type-h3 span { font-weight: 700; color: #fff; }
.ty-careers-single-content .ty-careers-single-form .ty-type-h3 { color: #fff; margin-bottom: 1rem; }