/*
#header-main {
    background: #556 url(/image/catalog/holiday/tet/canh-dao-02a.png?t=232) no-repeat right top !important; background-size: 25%!important;
}
*/

#tab-description h4 { font-size:11pt; background-color: #c0c0c0; color: black; text-transform: none !important; margin:0px; padding: 3px 6px; line-height:1.2; font-weight: 600; }

.feat-brands .banner-wrapper:hover { filter:brightness(70%); } 
.feat-brands .banner-wrapper { border-right: solid 1px #eed!important;}

#topbar .hotline span:before { content: "Hotline"; }
#topbar .hotline span { font-weight:bold; }

.dropdown-submenu .caret {display:none;}
.dropdown-submenu { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAAKlBMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZnUVDc5AAAADnRSTlMABhMUHiYnOElZb+/1+1AcS30AAAAoSURBVAhbY2CYxgACPgEgkuUoEofjIojULgASTNtBTGsQk2E5AwwAAMdrBhc7Cq32AAAAAElFTkSuQmCC) right center no-repeat!important; }

/* TGMC storefront refresh: brand orange, graphite and clean technical neutrals. */
:root {
    --tgmc-brand: #fa6e0a;
    --tgmc-brand-dark: #d95400;
    --tgmc-graphite: #212a31;
    --tgmc-steel: #435869;
    --tgmc-ink: #17212b;
    --tgmc-muted: #667582;
    --tgmc-line: #dfe5e8;
    --tgmc-soft: #f4f6f7;
    --tgmc-warm: #fff6ed;
}

body {
    color: var(--tgmc-ink);
    line-height: 1.55;
}

body.page-home {
    background: #f4f6f7 !important;
}

body.page-home #content,
.tgmc-product-page #content {
    padding-bottom: 36px;
}

body.page-home .container,
.tgmc-product-page.container {
    max-width: 1280px;
    width: 100%;
}

body.page-home .desktop-home-hero {
    gap: 16px;
    margin-bottom: 16px;
    padding-top: 14px;
}

body.page-home .desktop-home-hero__banner .showcase {
    background: #fff;
    overflow: hidden;
}

body.page-home .desktop-home-hero__menu {
    background: #fff;
    border: 1px solid var(--tgmc-line);
    box-shadow: 0 8px 24px rgba(33, 42, 49, .08);
}

body.page-home .desktop-home-hero__menu .category .heading {
    background: var(--tgmc-graphite);
    letter-spacing: 0;
}

body.page-home .desktop-home-hero__menu .category .heading:before {
    color: var(--tgmc-brand);
    content: "\f00a";
    font-family: FontAwesome;
    margin-right: 9px;
}

body.page-home .desktop-home-hero__menu .category .list-group-item > a:hover,
body.page-home .desktop-home-hero__menu .category .list-group-item > a:focus,
body.page-home .desktop-home-hero__menu .category .list-group-item.is-open > a,
body.page-home .desktop-home-hero__menu .category-flyout__group li a:hover,
body.page-home .desktop-home-hero__menu .category-flyout__group li a:focus,
body.page-home .desktop-home-hero__menu .category-flyout__all {
    color: var(--tgmc-brand) !important;
}

.development-partners {
    background: transparent;
    margin: 0 0 18px !important;
    padding: 12px 0 4px;
    overflow: hidden;
}

.home-product-group__title,
.home-news__title {
    color: var(--tgmc-graphite) !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    letter-spacing: 0;
    text-transform: none !important;
}

.home-product-group__title:before,
.home-news__title:before {
    background: var(--tgmc-brand);
    content: "";
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    vertical-align: -3px;
    width: 4px;
}

.tgmc-home-benefits {
    background: var(--tgmc-graphite);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 0 28px;
}

.tgmc-home-benefit {
    align-items: center;
    color: #fff;
    display: flex;
    min-height: 92px;
    padding: 18px 20px;
    position: relative;
}

.tgmc-home-benefit + .tgmc-home-benefit:before {
    background: rgba(255, 255, 255, .15);
    bottom: 18px;
    content: "";
    left: 0;
    position: absolute;
    top: 18px;
    width: 1px;
}

.tgmc-home-benefit > .fa {
    color: var(--tgmc-brand);
    flex: 0 0 36px;
    font-size: 26px;
    margin-right: 12px;
    text-align: center;
}

.tgmc-home-benefit strong,
.tgmc-home-benefit span {
    display: block;
}

.tgmc-home-benefit strong {
    font-size: 14px;
    margin-bottom: 2px;
}

.tgmc-home-benefit span {
    color: #cbd3d8;
    font-size: 12px;
    line-height: 1.45;
}

.home-product-groups {
    margin-top: 0 !important;
}

.home-product-group,
.home-news {
    background: #fff;
    border: 1px solid var(--tgmc-line) !important;
    margin-bottom: 28px !important;
    padding: 22px 20px 8px !important;
}

.home-product-group__heading,
.home-news__heading {
    border-bottom: 1px solid var(--tgmc-line) !important;
    margin-bottom: 20px !important;
    padding-bottom: 14px !important;
}

.home-product-group__more {
    color: var(--tgmc-steel) !important;
    padding: 7px 0;
}

.home-product-group__more:hover,
.home-news__item-title a:hover {
    color: var(--tgmc-brand) !important;
}

.home-product-group .product-cols {
    margin-bottom: 20px !important;
}

.home-product-group .product-cols,
.products-related .product-cols {
    display: flex;
    margin-bottom: 20px;
}

.home-product-group .product-block,
.products-related .product-block {
    background: #fff;
    border: 1px solid var(--tgmc-line);
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 14px !important;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    width: 100%;
}

.home-product-group .product-block:hover,
.products-related .product-block:hover {
    border-color: #f3b180;
    box-shadow: 0 12px 28px rgba(33, 42, 49, .1);
    transform: translateY(-3px);
}

.home-product-group .product-block .image,
.products-related .product-block .image {
    align-items: center;
    background: #fff;
    display: flex;
    justify-content: center;
    min-height: 190px;
}

.home-product-group .product-block .name a,
.products-related .product-block .name a {
    color: var(--tgmc-ink);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
}

.product-block .price,
.product-block .price .special-price,
.product-block .price .price-new {
    color: var(--tgmc-brand) !important;
    font-weight: 700;
}

.product-block .price .price-old {
    color: var(--tgmc-muted) !important;
    font-size: 13px;
    font-weight: 400;
    text-decoration: line-through;
}

.home-product-group .product-block .price,
.products-related .product-block .price {
    font-size: 16px;
    margin-top: auto;
    padding-top: 8px;
}

.home-product-group .product-block .product-meta,
.products-related .product-block .product-meta {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.home-product-group .product-block .product-meta .warp-info,
.products-related .product-block .product-meta .warp-info {
    flex: 1 1 auto;
}

.home-product-group .product-block .action,
.products-related .product-block .action {
    margin-top: auto;
    padding-top: 8px;
}

.product-block .btn.btn-shopping-cart {
    background: var(--tgmc-brand) !important;
    border-radius: 4px;
    color: #fff !important;
    font-weight: 600;
    letter-spacing: .3px;
    transition: background .2s ease, box-shadow .2s ease;
}

.product-block .btn.btn-shopping-cart:hover,
.product-block .btn.btn-shopping-cart:focus {
    background: var(--tgmc-brand-dark) !important;
    box-shadow: 0 4px 12px rgba(250, 110, 10, .3);
}

.product-block .btn.options {
    border-radius: 4px;
    color: var(--tgmc-steel) !important;
    transition: color .2s ease, border-color .2s ease;
}

.product-block .btn.options:hover {
    border-color: var(--tgmc-brand);
    color: var(--tgmc-brand) !important;
}

.home-news__grid {
    gap: 20px !important;
}

.home-news__item {
    border-color: var(--tgmc-line) !important;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.home-news__item:hover {
    border-color: #f3b180 !important;
    box-shadow: 0 10px 24px rgba(33, 42, 49, .08);
}

.home-news__body {
    padding: 16px !important;
}

.home-news__item-title a {
    color: var(--tgmc-graphite) !important;
}

/* Product detail */
.tgmc-product-page {
    padding-top: 18px;
}

.tgmc-product-page .breadcrumb {
    background: transparent;
    border: 0;
    margin-bottom: 16px;
    padding: 0;
}

.tgmc-product-detail > .product-info {
    background: #fff;
    border: 1px solid var(--tgmc-line);
    margin-bottom: 28px;
    padding: 24px;
}

.tgmc-product-detail .product-info > .row {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
}

.tgmc-product-detail .product-view {
    border-left: 1px solid var(--tgmc-line);
    padding-left: 28px;
}

.tgmc-product-detail .title-product {
    color: var(--tgmc-graphite);
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.3;
    margin: 0 0 16px;
    text-transform: none;
}

.tgmc-product-detail .description {
    background: var(--tgmc-soft);
    border-left: 3px solid var(--tgmc-brand);
    display: grid;
    gap: 0 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 0 18px;
    padding: 10px 14px;
}

.tgmc-product-detail .description li {
    color: var(--tgmc-muted);
    line-height: 28px;
    margin: 0;
}

.tgmc-product-detail .description li .fa {
    color: var(--tgmc-brand);
    font-size: 9px;
    margin-right: 7px;
    transform: rotate(-90deg);
}

.tgmc-product-detail .description b {
    color: var(--tgmc-graphite);
    margin-right: 4px;
}

.tgmc-product-detail .price[itemprop="offers"] {
    background: var(--tgmc-warm);
    border-bottom: 1px solid #ffd8b8;
    border-top: 1px solid #ffd8b8;
    margin: 18px 0;
    padding: 16px 18px;
}

.tgmc-product-detail .price .text-price,
.tgmc-product-detail .price.btn-call {
    color: var(--tgmc-brand-dark) !important;
    font-size: 26px !important;
    font-weight: 700;
}

.tgmc-product-detail .form-control {
    border-color: #cfd7dc;
    border-radius: 3px;
    box-shadow: none;
    min-height: 42px;
}

.tgmc-product-detail .form-control:focus {
    border-color: var(--tgmc-brand);
    box-shadow: 0 0 0 2px rgba(250, 110, 10, .12);
}

.tgmc-product-detail #product_total_price {
    color: var(--tgmc-graphite);
    font-size: 16px;
    margin: 12px 0;
}

.tgmc-product-detail .ribbon.warranty {
    background: #f1f7f3;
    border: 1px solid #cfe2d5;
    color: #376548 !important;
    margin: 12px 0 0;
    padding: 9px 12px !important;
}

.tgmc-product-detail .act-bar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 18px 0 0;
    padding: 0;
}

.tgmc-product-detail .act-bar .btn,
.tgmc-product-detail .act-bar .options-btn {
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-size: 13px;
    justify-content: center;
    line-height: 20px;
    margin: 0;
    min-height: 44px;
    padding: 11px 18px;
    text-transform: none;
}

.tgmc-product-detail .act-bar .quickbuy {
    background: var(--tgmc-brand);
    border: 1px solid var(--tgmc-brand);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    min-width: 190px;
}

.tgmc-product-detail .act-bar .quickbuy:hover,
.tgmc-product-detail .act-bar .quickbuy:focus {
    background: var(--tgmc-brand-dark);
    border-color: var(--tgmc-brand-dark);
}

.tgmc-product-detail .act-bar .options-btn {
    background: #fff;
    border: 1px solid #c8d0d5;
    color: var(--tgmc-steel);
}

.tgmc-product-detail .act-bar .options-btn:hover {
    border-color: var(--tgmc-brand);
    color: var(--tgmc-brand-dark);
}

.tgmc-product-detail .product-box-bottom,
.tgmc-product-detail > .tabs-group,
.tgmc-product-page .products-related {
    background: #fff;
    border: 1px solid var(--tgmc-line);
    margin-bottom: 28px;
    padding: 24px;
}

.tgmc-product-detail .section-head,
.tgmc-product-page .products-related .box-heading {
    border-bottom: 1px solid var(--tgmc-line);
    color: var(--tgmc-graphite) !important;
    font-size: 20px !important;
    font-weight: 700;
    margin: 0 0 20px !important;
    padding: 0 0 14px;
}

.tgmc-product-detail .section-head:before {
    background: var(--tgmc-brand);
    content: "";
    display: inline-block;
    height: 20px;
    margin-right: 9px;
    vertical-align: -3px;
    width: 4px;
}

.tgmc-product-detail .section-head > .fa {
    display: none;
}

.tgmc-product-detail #tab-description {
    color: #33414c;
    font-size: 14px;
    line-height: 1.7;
}

.tgmc-product-detail #tab-description h2,
.tgmc-product-detail #tab-description h3,
.tgmc-product-detail #tab-description h4 {
    background: transparent !important;
    border-bottom: 1px solid var(--tgmc-line);
    color: var(--tgmc-graphite) !important;
    font-size: 18px !important;
    margin: 24px 0 14px !important;
    padding: 0 0 9px !important;
}

.tgmc-product-detail #tab-description img,
.tgmc-product-detail #tab-description iframe {
    height: auto;
    max-width: 100%;
}

.tgmc-product-detail .table {
    background: #fff;
}

.tgmc-product-detail .table > tbody > tr > td,
.tgmc-product-detail .table > tbody > tr > th {
    border-color: var(--tgmc-line);
    padding: 10px 12px;
}

.tgmc-product-detail .customizer .part .head {
    background: var(--tgmc-graphite);
    margin: 14px 0 0;
}

.tgmc-product-detail .customizer .part .head > span {
    background: var(--tgmc-graphite);
    color: #fff;
    line-height: 38px;
    text-align: left;
}

.tgmc-product-detail .customizer .part .item > span {
    border-bottom: 1px solid #edf0f2;
    padding: 8px 5px;
}

@media (max-width: 991px) {
    .tgmc-home-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tgmc-home-benefit:nth-child(3):before {
        display: none;
    }

    .tgmc-home-benefit:nth-child(n+3) {
        border-top: 1px solid rgba(255, 255, 255, .15);
    }

    .tgmc-product-detail .product-info > .row {
        display: block;
    }

    .tgmc-product-detail .product-view {
        border-left: 0;
        border-top: 1px solid var(--tgmc-line);
        margin-top: 22px;
        padding-left: 15px;
        padding-top: 22px;
    }
}

@media (max-width: 767px) {
    body.page-home #content,
    .tgmc-product-page #content {
        padding-bottom: 22px;
    }

    .development-partners,
    .home-product-group,
    .home-news,
    .tgmc-product-detail > .product-info,
    .tgmc-product-detail .product-box-bottom,
    .tgmc-product-detail > .tabs-group,
    .tgmc-product-page .products-related {
        margin-left: -10px !important;
        margin-right: -10px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .development-partners__title,
    .home-product-group__title,
    .home-news__title,
    .tgmc-product-detail .section-head {
        font-size: 18px !important;
    }

    .tgmc-home-benefits {
        grid-template-columns: 1fr;
        margin-left: -10px;
        margin-right: -10px;
    }

    .tgmc-home-benefit {
        min-height: 76px;
        padding: 14px 18px;
    }

    .tgmc-home-benefit + .tgmc-home-benefit:before {
        bottom: auto;
        left: 18px;
        right: 18px;
        top: 0;
        width: auto;
    }

    .tgmc-home-benefit:nth-child(3):before {
        display: block;
    }

    .tgmc-home-benefit:nth-child(n+3) {
        border-top: 0;
    }

    .home-product-group__heading {
        align-items: flex-start !important;
        gap: 10px;
    }

    .home-product-group .product-cols {
        width: 50%;
    }

    .home-product-group .product-block {
        padding: 10px !important;
    }

    .home-product-group .product-block .image {
        min-height: 135px;
    }

    .tgmc-product-page {
        padding-top: 10px;
    }

    .tgmc-product-detail > .product-info {
        padding-top: 18px !important;
    }

    .tgmc-product-detail .title-product {
        font-size: 22px;
    }

    .tgmc-product-detail .description {
        grid-template-columns: 1fr;
    }

    .tgmc-product-detail .price .text-price,
    .tgmc-product-detail .price.btn-call {
        font-size: 22px !important;
    }

    .tgmc-product-detail .act-bar {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .tgmc-product-detail .act-bar .quickbuy {
        grid-column: 1 / -1;
        width: 100%;
    }

    .tgmc-product-detail .act-bar .options-btn {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .home-product-group .product-cols {
        width: 100%;
    }
}