/* =========================================================
   HENGTAI PRODUCT PAGE VISUAL OVERRIDE
   T292 PRODUCT DETAIL
   ========================================================= */


/* =========================================================
   01. COLOR SYSTEM
   ========================================================= */

:root {

    --ht-burgundy: #8C1D2C;
    --ht-burgundy-dark: #6F1723;
    --ht-gold: #B08D57;

    --ht-text: #262422;
    --ht-body: #6F6A64;
    --ht-muted: #8A837C;

    --ht-bg: #F7F5F2;
    --ht-white: #FFFFFF;

    --ht-border: #E4DED7;
    --ht-border-light: #EEEAE5;
}


/* =========================================================
   02. PRODUCT PAGE
   ========================================================= */

body.ht-product-page {

    background: var(--ht-bg) !important;

    font-family: "Open Sans", Arial, sans-serif;
}


/* =========================================================
   03. PRODUCT BASIC INFORMATION
   Right side of product image
   ========================================================= */


/* ---------- Product Name ---------- */

body.ht-product-page .goods_info .g_name {

    margin-bottom: 8px;

    color: var(--ht-text) !important;

    font-family: "Open Sans", Arial, sans-serif !important;

    font-size: 28px !important;

    font-weight: 600 !important;

    line-height: 1.35 !important;

    letter-spacing: -0.2px;
}


/* ---------- Article Number ---------- */

body.ht-product-page .goods_info .g_number {

    margin-top: 6px;

    color: var(--ht-muted) !important;

    font-family: "Open Sans", Arial, sans-serif !important;

    font-size: 11px !important;

    line-height: 1.5 !important;

    letter-spacing: 1px;

    text-transform: uppercase;
}


/* ---------- Existing Short Description ---------- */

body.ht-product-page .goods_info .g_desc {

	margin-left: auto;

    margin-top: 16px;

    color: var(--ht-body) !important;

    font-size: 14px !important;

    line-height: 1.85 !important;
}


/* =========================================================
   04. CORE INFORMATION
   .g_core
   ========================================================= */

body.ht-product-page .goods_info .g_core {

    margin-top: 30px;

    color: var(--ht-body) !important;

    font-family: "Open Sans", Arial, sans-serif !important;

    font-size: 14px !important;

    line-height: 1.85 !important;
}


/* ---------------------------------------------------------
   Core H2
   Main title
   --------------------------------------------------------- */

body.ht-product-page .goods_info .g_core h2 {

    margin: 0 0 24px !important;

    padding: 0 0 13px;

    color: var(--ht-text) !important;

    font-family: "Open Sans", Arial, sans-serif !important;

    font-size: 23px !important;

    font-weight: 600 !important;

    line-height: 1.4 !important;

    letter-spacing: -0.1px;

    border-bottom: 1px solid var(--ht-border);

    position: relative;
}


/* Burgundy underline */

body.ht-product-page .goods_info .g_core h2::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: -1px;

    width: 38px;

    height: 2px;

    background: var(--ht-burgundy);
}


/* ---------------------------------------------------------
   Core H3
   Feature title
   --------------------------------------------------------- */

body.ht-product-page .goods_info .g_core h3 {

    margin: 22px 0 5px !important;

    color: var(--ht-text) !important;

    font-family: "Open Sans", Arial, sans-serif !important;

    font-size: 15px !important;

    font-weight: 600 !important;

    line-height: 1.5 !important;

    letter-spacing: 0.1px;
}


/* First H3 */

body.ht-product-page .goods_info .g_core h2 + h3 {

    margin-top: 0 !important;
}


/* ---------------------------------------------------------
   Core Paragraph
   --------------------------------------------------------- */

body.ht-product-page .goods_info .g_core p {

    margin: 0 0 16px !important;

    color: var(--ht-body) !important;

    font-family: "Open Sans", Arial, sans-serif !important;

    font-size: 13px !important;

    line-height: 1.8 !important;
}


/* Plain text directly inside g_core */

body.ht-product-page .goods_info .g_core {

    color: var(--ht-body) !important;
}


/* Strong */

body.ht-product-page .goods_info .g_core strong {

    color: var(--ht-text) !important;

    font-weight: 600 !important;
}


/* =========================================================
   05. CORE INFORMATION — OPTIONAL FEATURE LIST
   ========================================================= */

body.ht-product-page .goods_info .g_core ul {

    margin: 12px 0 20px;

    padding-left: 19px;
}


body.ht-product-page .goods_info .g_core li {

    margin-bottom: 6px;

    color: var(--ht-body);

    font-size: 13px;

    line-height: 1.75;
}


body.ht-product-page .goods_info .g_core li::marker {

    color: var(--ht-burgundy);
}


/* =========================================================
   06. PRODUCT INFORMATION TABLE
   Legacy / Native specification table
   ========================================================= */

body.ht-product-page .ht-product-spec-table {

    width: 100% !important;

    border-collapse: collapse !important;

    border-spacing: 0 !important;

    background: var(--ht-white) !important;

    border: 1px solid var(--ht-border) !important;

    font-family: "Open Sans", Arial, sans-serif !important;

    font-size: 12px !important;

    color: var(--ht-body) !important;
}


/* Every cell */

body.ht-product-page .ht-product-spec-table td,
body.ht-product-page .ht-product-spec-table th {

    padding: 10px 12px !important;

    border-right: 1px solid var(--ht-border-light) !important;

    border-bottom: 1px solid var(--ht-border-light) !important;

    vertical-align: middle !important;

    line-height: 1.55 !important;

    background: var(--ht-white) !important;
}


/* Left column */

body.ht-product-page .ht-product-spec-table td:first-child,
body.ht-product-page .ht-product-spec-table th:first-child {

    width: 42% !important;

    color: #514C47 !important;

    font-weight: 500 !important;

    background: #FAF9F7 !important;
}


/* Right column */

body.ht-product-page .ht-product-spec-table td:nth-child(2),
body.ht-product-page .ht-product-spec-table th:nth-child(2) {

    width: 58% !important;

    color: #35312E !important;
}


/* First row */

body.ht-product-page .ht-product-spec-table tr:first-child td {

    padding-top: 9px !important;

    padding-bottom: 9px !important;

    background: #F3F0EC !important;

    color: var(--ht-burgundy-dark) !important;

    font-size: 10px !important;

    font-weight: 600 !important;

    text-transform: uppercase !important;

    letter-spacing: 0.8px !important;
}


/* Hover */

body.ht-product-page .ht-product-spec-table
tr:not(:first-child):hover td {

    background: #FCFBF9 !important;
}


/* =========================================================
   07. SECTION LABEL
   ========================================================= */

body.ht-product-page .ht-product-spec-title {

    margin: 15px 0 6px !important;

    font-size: 10px !important;

    line-height: 1.5 !important;

    font-weight: 600 !important;

    letter-spacing: 1.2px !important;

    text-transform: uppercase !important;

    color: var(--ht-burgundy) !important;
}


/* =========================================================
   08. DESCRIPTION AREA
   ========================================================= */

body.ht-product-page .description_box {

    font-family: "Open Sans", Arial, sans-serif;

    color: var(--ht-body);

    font-size: 14px;

    line-height: 1.9;
}


/* =========================================================
   09. DESCRIPTION TITLE
   Description
   ========================================================= */

body.ht-product-page .description_box .d_title h2 {

    position: relative;

    margin: 0 0 30px !important;

    padding: 0 0 14px;

    color: var(--ht-text) !important;

    font-family: "Open Sans", Arial, sans-serif !important;

    font-size: 25px !important;

    font-weight: 600 !important;

    line-height: 1.35 !important;

    letter-spacing: -0.2px;

    border-bottom: 1px solid var(--ht-border);
}


/* Burgundy accent */

body.ht-product-page .description_box .d_title h2::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: -1px;

    width: 45px;

    height: 2px;

    background: var(--ht-burgundy);
}


/* =========================================================
   10. DESCRIPTION CONTENT
   ========================================================= */

body.ht-product-page .description_box > .editor_txt {

    color: var(--ht-body);

    font-size: 14px;

    line-height: 1.9;
}


/* =========================================================
   11. DESCRIPTION H2
   Major sections
   ========================================================= */

body.ht-product-page .description_box
.editor_txt h2 {

    position: relative;

    margin: 55px 0 22px !important;

    padding-bottom: 11px;

    color: var(--ht-text) !important;

    font-family: "Open Sans", Arial, sans-serif !important;

    font-size: 24px !important;

    font-weight: 600 !important;

    line-height: 1.4 !important;

    letter-spacing: -0.1px;

    border-bottom: 1px solid var(--ht-border);
}


/* First H2 */

body.ht-product-page .description_box
.editor_txt > h2:first-child {

    margin-top: 0 !important;
}


/* Burgundy line */

body.ht-product-page .description_box
.editor_txt h2::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: -1px;

    width: 34px;

    height: 2px;

    background: var(--ht-burgundy);
}


/* =========================================================
   12. DESCRIPTION H3
   Minor sections
   ========================================================= */

body.ht-product-page .description_box
.editor_txt h3 {

    margin: 27px 0 8px !important;

    color: var(--ht-text) !important;

    font-family: "Open Sans", Arial, sans-serif !important;

    font-size: 16px !important;

    font-weight: 600 !important;

    line-height: 1.5 !important;

    letter-spacing: 0;
}


/* First H3 after H2 */

body.ht-product-page .description_box
.editor_txt h2 + h3 {

    margin-top: 0 !important;
}


/* =========================================================
   13. DESCRIPTION PARAGRAPHS
   ========================================================= */

body.ht-product-page .description_box
.editor_txt p {

    margin: 0 0 16px !important;

    color: var(--ht-body) !important;

    font-size: 14px !important;

    line-height: 1.9 !important;
}


/* Strong */

body.ht-product-page .description_box
.editor_txt strong {

    color: var(--ht-text) !important;

    font-weight: 600 !important;
}


/* =========================================================
   14. DESCRIPTION LIST
   ========================================================= */

body.ht-product-page .description_box
.editor_txt ul {

    margin: 12px 0 22px;

    padding-left: 21px;
}


body.ht-product-page .description_box
.editor_txt li {

    margin-bottom: 7px;

    color: var(--ht-body);

    line-height: 1.8;
}


body.ht-product-page .description_box
.editor_txt li::marker {

    color: var(--ht-burgundy);
}


/* =========================================================
   15. DESCRIPTION TABLE
   ========================================================= */

body.ht-product-page .description_box
.editor_txt table {

    width: 100% !important;

    margin: 20px 0 35px;

    border-collapse: collapse !important;

    border-spacing: 0 !important;

    border: 1px solid var(--ht-border) !important;

    background: var(--ht-white);
}


/* Cells */

body.ht-product-page .description_box
.editor_txt table td,
body.ht-product-page .description_box
.editor_txt table th {

    padding: 11px 14px;

    border: 1px solid var(--ht-border-light);

    vertical-align: top;

    line-height: 1.65;
}


/* Label */

body.ht-product-page .description_box
.editor_txt table td:first-child,
body.ht-product-page .description_box
.editor_txt table th:first-child {

    width: 35%;

    color: #514C47;

    font-weight: 500;

    background: #FAF9F7;
}


/* Value */

body.ht-product-page .description_box
.editor_txt table td:nth-child(2),
body.ht-product-page .description_box
.editor_txt table th:nth-child(2) {

    color: var(--ht-text);
}


/* Table hover */

body.ht-product-page .description_box
.editor_txt table tr:hover td {

    background: #FCFBF9;
}


/* =========================================================
   16. QUOTE / LINK TRANSITION
   ========================================================= */

body.ht-product-page a {

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        opacity 0.2s ease;
}


/* =========================================================
   17. RELATED PRODUCTS
   ========================================================= */

body.ht-product-page h2,
body.ht-product-page h3 {

    font-family: "Open Sans", Arial, sans-serif;
}


/* =========================================================
   18. MOBILE
   ========================================================= */

@media (max-width: 768px) {


    /* ---------- Product Name ---------- */

    body.ht-product-page .goods_info .g_name {

        font-size: 23px !important;

        line-height: 1.4 !important;
    }


    body.ht-product-page .goods_info .g_number {

        font-size: 10px !important;

        letter-spacing: 0.8px;
    }


    body.ht-product-page .goods_info .g_desc {

        font-size: 13px !important;

        line-height: 1.8 !important;
    }


    /* ---------- Core Information ---------- */

    body.ht-product-page .goods_info .g_core {

        margin-top: 24px;

        font-size: 13px !important;

        line-height: 1.8 !important;
    }


    body.ht-product-page .goods_info .g_core h2 {

        margin-bottom: 21px !important;

        padding-bottom: 11px;

        font-size: 21px !important;
    }


    body.ht-product-page .goods_info .g_core h2::after {

        width: 32px;
    }


    body.ht-product-page .goods_info .g_core h3 {

        margin-top: 21px !important;

        font-size: 15px !important;
    }


    body.ht-product-page .goods_info .g_core p {

        font-size: 13px !important;

        line-height: 1.8 !important;
    }


    /* ---------- Native Spec Table ---------- */

    body.ht-product-page .ht-product-spec-table {

        font-size: 11px !important;
    }


    body.ht-product-page .ht-product-spec-table td,
    body.ht-product-page .ht-product-spec-table th {

        padding: 8px 8px !important;
    }


    body.ht-product-page .ht-product-spec-table
    td:first-child {

        width: 42% !important;
    }


    /* ---------- Description ---------- */

    body.ht-product-page .description_box {

        font-size: 13px;

        line-height: 1.85;
    }


    body.ht-product-page .description_box
    .d_title h2 {

        margin-bottom: 23px !important;

        font-size: 22px !important;
    }


    body.ht-product-page .description_box
    .editor_txt h2 {

        margin-top: 40px !important;

        margin-bottom: 20px !important;

        font-size: 21px !important;
    }


    body.ht-product-page .description_box
    .editor_txt h3 {

        margin-top: 23px !important;

        font-size: 15px !important;
    }


    body.ht-product-page .description_box
    .editor_txt p {

        font-size: 13px !important;

        line-height: 1.85 !important;
    }


    /* ---------- Description Table ---------- */

    body.ht-product-page .description_box
    .editor_txt table {

        font-size: 12px !important;
    }


    body.ht-product-page .description_box
    .editor_txt table td,
    body.ht-product-page .description_box
    .editor_txt table th {

        padding: 9px 8px;

        line-height: 1.65;
    }


    body.ht-product-page .description_box
    .editor_txt table td:first-child,
    body.ht-product-page .description_box
    .editor_txt table th:first-child {

        width: 42%;
    }

}