/* CSS of taxonomy-danh-muc-san-pham-tam-panel-galawood.php, moved verbatim
   from its inline <style> blocks, in source order. Still inline in the template: declarations built from
   ACF values. Loaded last in <head> by kosmos_category_template_css() (functions/actions.php). */

/* taxonomy-danh-muc-san-pham-tam-panel-galawood.php, <style> at line 264 */
.prod_2:before {
    float: left;
    width: 11%;
}

.prod_2:after {
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    float: right;
    width: 11%;
    height: 100%;
}
.cau-tao-tam-op hr {
    background-color: rgb(0 0 0);
    height: 1px;
    margin-bottom: 40px;
    margin-top: 40px;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 20px;
}


.cau-tao-tam-op .custom-list-style>ol>li:nth-child(2)::before {
    background-color: #eb1937;
}

.custom-list-style>ol>li {
    counter-increment: li;
    margin-bottom: 20px;
    margin-bottom: 0;
}

.cau-tao-tam-op>ol>li::before {
    content: counter(li);
    color: white;
    display: inline-block;
    width: 2em;
    margin-left: -1.5em;
    margin-right: 0.5em;
    text-align: center;
    z-index: 99;
    position: relative;
    background-color: #494949;
    border-radius: 50%;
    height: 32px;
    line-height: 30px;
}

.custom-list-style ol {
    list-style: none;
    counter-reset: li;
    position: relative;
    margin-top: 15px;
    margin-bottom: 0;
}

.custom-list-style>ol>li {
    counter-increment: li;
    margin-bottom: 15px;
}

.custom-list-style>ol>li::before {
    content: counter(li);
    color: white;
    display: inline-block;
    width: 2em;
    margin-left: -1.5em;
    margin-right: 0.5em;
    text-align: center;
    z-index: 99;
    position: relative;
    background-color: #e61c39;
    border-radius: 50%;
    height: 32px;
    line-height: 30px;
}

.cau-tao-tam-op .grid-container {
    box-shadow: 0 5px 8px -2px rgb(73 73 73 / 78%);
}

.custom-list-style ol ul {
    margin-left: 18px;
}

.custom-list-style>ol>li>ul {
    margin-left: 17px;
}

/* taxonomy-danh-muc-san-pham-tam-panel-galawood.php, <style> at line 377 */
.table-bao-gia table p {
    margin-bottom: 0;
}

td[colspan="3"] {
    background: rgb(227, 25, 55) !important;
    color: #fff;
}

.bao-gia .title-bao-gia h2,
.bao-gia .title-bao-gia h2 span {
    background: #e31937 !important;
    color: #fff !important;
}

.bao-gia .bao-gia-content {
    background: #e31937 !important;
    color: #fff !important;
    padding: 23px 30px;
    border-radius: 8px;
}

.table-bao-gia {
    box-shadow: 0 5px 8px -2px rgb(73 73 73 / 78%);
    margin-top: -94px;
    padding-top: 94px;
    border-radius: 40px 40px 8px 8px;
    margin-bottom: 10px;
    background: #ebebeb;
}

.bao-gia .title-bao-gia {
    padding: 15px 0;
    border-radius: 8px;
    padding-bottom: 0;
}

.bao-gia .title-bao-gia p {
    margin-bottom: 0;
}

.bao-gia-content {
    display: inline-block;
    text-align: center;
}

.bao-gia .table-bao-gia table {
    margin-top: 9px;
}

table tbody tr:first-child td {
    padding: 15px 10px;
    font-size: 20px;
}

#tieuchuan-kythuat-section table tbody tr:first-child td,
#sosanh-section table tbody tr:first-child td,
.table-bao-gia table tbody tr:first-child td {
    color: #fff;
}

#tieuchuan-kythuat-section table tbody tr:first-child,
#sosanh-section table tbody tr:first-child,
.table-bao-gia table tbody tr:first-child {
    background: #E31937;
}

/* taxonomy-danh-muc-san-pham-tam-panel-galawood.php, <style> at line 852 */
.load-more-info {
    display: none;
}

.section-loc-san-pham {
    margin-top: 30px
}

.section-loc-san-pham .main-content {
    display: flex;
    gap: 0;
    padding-left: 0;
}

.section-loc-san-pham .grid-20 {
    width: 20%;
    flex-shrink: 0;
}

.section-loc-san-pham #sidebar {
    width: 100%;
}

.section-loc-san-pham .grid-80 {
    width: 80%;
}

#close-sidebar {
    display: none;
}

a.wpc-widget-close-icon {
    display: flex;
    margin: 0;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    z-index: 10;
}

.wpc-widget-close-icon span.wpc-icon-line-3 {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#close-sidebar span.wpc-icon-line-1,
#close-sidebar span.wpc-icon-line-3 {
    height: 1px;
    margin-bottom: -1px;
}

.wpc-widget-close-icon .wpc-icon-html-wrapper span {
    width: 14px;
}

.wpc-widget-close-icon span.wpc-icon-line-2 {
    border-color: #fff;
    display: none;
}


.wpc-button-inner,
.wpc-chip-content {
    display: flex;
    align-items: center;
}

.wpc-filters-open-widget .wpc-icon-html-wrapper {
    transform: rotate(-10deg);
}

.wpc-icon-html-wrapper {
    position: relative;
    margin-right: 10px;
    top: 2px;
}

.wpc-filters-open-widget .wpc-icon-html-wrapper span {
    display: block;
    height: 1px;
    width: 18px;
    border-radius: 3px;
    background: #2c2d33;
    margin-bottom: 4px;
    position: relative;
}

.wpc-filters-open-widget span.wpc-icon-line-1:after {
    border-radius: 50%;
    left: 5px;
}

.wpc-filters-open-widget span.wpc-icon-line-1:after,
.wpc-filters-open-widget span.wpc-icon-line-2:after,
.wpc-filters-open-widget span.wpc-icon-line-3:after {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border: 1px solid #2c2d33;
    background-color: #fff;
    position: absolute;
    top: -2px;
    box-sizing: content-box;
}

span.wpc-icon-line-2:after {
    border-radius: 50%;
    left: 12px;
}

span.wpc-icon-line-3:after {
    border-radius: 50%;
    left: 2px;
}

.wpc-filters-open-button-container .wpc-filters-open-widget a {
    display: inline-block;
    text-align: left;
    border: 1px solid #2c2d33;
    border-radius: 2px;
    line-height: 1.5;
    padding: 5px 8px;
    background-color: transparent;
    color: #2c2d33;
    box-sizing: border-box;
    text-decoration: none !important;
    font-weight: 400;
    transition: none;
    position: relative;
}

.wpc-widget-close-icon span.wpc-icon-line-1 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.wpc-widget-close-icon span.wpc-icon-line-1,
.wpc-widget-close-icon span.wpc-icon-line-3 {
    margin-bottom: -1px;
    top: -3px;
}

.wpc-icon-html-wrapper span {
    display: block;
    height: 1px;
    width: 18px;
    border-radius: 3px;
    background: #2c2d33;
    margin-bottom: 4px;
    position: relative;
}

.product-item {
    background: #fff;
    padding: 15px;
    margin: 10px;
    box-sizing: border-box;
    border-radius: 8px;
}

.tieu-de {
    text-align: center;
    width: 100%;
    float: left;
    font-weight: normal;
    color: #4a4949;
}

.promotion-details .tieu-de:last-child {
    font-weight: 600;
    font-size: 18px;
}

.promotion-details {
    padding: 10px;
}

.tieu-de a {
    color: #000000;
}

#load-more-btn {
    background: #Fff;
    color: #d81732;
    border-radius: 99px;
    border: 1px solid #d81732;
    font-weight: bold;
    text-transform: uppercase;
}


#load-more-btn:hover {
    background: #d81732;
    color: #fff;
    border-radius: 99px;
}

.news_link {
    text-align: center;
    margin-top: 10px;
    padding-bottom: 30px;
}

.wpc-filters-open-button-container {
    display: none
}

.section-loc-san-pham .grid-15 {
    z-index: 99;
}

#sidebar .box {
    margin-bottom: 5px;
    overflow: hidden;
}

#sidebar h3 {
    display: inline-block;
    width: 100%;
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: 500;
    background: #EBEBEC;
    padding: 5px 8px 5px 12px;
    border-radius: 99px;
    color: #333;
}

#sidebar label {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    margin-left: 11px;
    margin-top: 3px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    font-size: 12px;
}

#sidebar label>span {
    width: 80%;
}

.vts_count {
    text-align: right;
    float: right;
}

#sidebar input {
    -webkit-appearance: auto;
    width: 15px;
    height: 15px;
    opacity: 1;
    display: block;
    clear: both;
    border: 1px solid #ccc;
    position: relative;
    cursor: pointer;
}

#sidebar input[type="checkbox"] {
    pointer-events: auto;
    float: left;
    margin-right: 5px;
    margin-top: 0;
    -webkit-appearance: none;
    border: 2px solid #ccc;
    background-color: #ccc;
    cursor: pointer;
    border-radius: 3px;
    outline: none;
}

#sidebar input[type="checkbox"]:checked {
    background-color: #E31937;
    border-color: #EBEBEC;
}

.column-products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.column-products .product-item {
    flex: 1 1 calc(33.333% - 20px);
    box-sizing: border-box;
    padding: 0;
    text-align: center;
    margin: 0;
    padding-bottom: 14px;
    border-radius: 0;
}

.tieu-de a:hover {
    color: #eb1937;
}

.column-products::after {
    content: "";
    flex: 1 1 calc(33.333% - 20px);
    box-sizing: border-box;
}

#sidebar {
    position: sticky;
    top: 0;
    overflow-y: auto;
}

.top-loai-san-pham {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    margin-bottom: 15px;
}


.cont_wrap .prod_link a {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    color: #FFFFFF;
    padding: 9px 20px;
    background: var(--primary-color);
    border-radius: 100px;
    -webkit-transition: 0.3sease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3sease-in-out;
}

.prod_id {
    font-weight: 600;
    font-size: 18px;
}

.prod_link {
    margin-top: 15px;
}


.prod_color {
    display: flex;
    justify-content: center;
    margin-top: auto;
    margin-bottom: 10px;
}

.prod_color .color img {
    margin: 4.5px;
    border-radius: 50%;
    position: relative;
}

#sidebar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

#sidebar::-webkit-scrollbar {
    width: 2px;
    background-color: #F5F5F5;
}

#sidebar::-webkit-scrollbar-thumb {
    background-color: #E31937;
}

.box-phu-kien .parent-term {
    margin-bottom: 0px;
    overflow: hidden;
}

.box-phu-kien .child-terms {
    margin-top: 5px;
}

.box-phu-kien .child-terms label {
    display: block;
    margin-bottom: 5px;
}


.box-phu-kien .count {
    color: #666;
    font-size: 0.9em;
    text-align: right;
    float: right;
}

.ung-dung-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* 3 cột */
    gap: 20px;
}

.ung-dung-item {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 7px -3px rgb(73 73 73 / 78%);
}

.ung-dung-image img {
    width: 100%;
    height: auto;
    display: block;
}

.ung-dung-info {
    padding: 15px;
}

.ung-dung-info h3 {
    margin: 0 0 10px;
    font-size: 16px;
    text-align: center;
}

.ung-dung-info p {
    margin: 0;
    font-size: 14px;
    color: #666;
}

.quick-view-panel {
    display: none;
    width: 58vw !important;
    position: relative;
    grid-column: 1 / -1;
    background: #494949;
    padding: 60px 30px;
    margin-left: calc(-29vw + 50%) !important;
    margin-right: calc(-26vw + 50%) !important;
}

.quick-view-panel.active {
    display: block;
}

.quick-view-gallery .slick-dots li {
    width: 20px;
    height: 20px;
}

.quick-view-gallery .slick-dots li.slick-active button:before {
    color: #ffffff;
}

.quick-view-gallery .slick-initialized .slick-slide {
    border-radius: 7px;
}

.quick-view-info .prod_info {
    color: #fff;
}

.quick-view-info .item span {
    display: inline-block;
}

.quick-view-info .item {
    display: flex;
    flex-direction: row;
    padding: 4px;
}

.quick-view-info .item span {
    width: 30%;
}

.quick-view-info .prod_link a {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px !important;
    color: #FFFFFF;
    padding: 9px 20px;
    background: var(--primary-color);
    border-radius: 100px;
    -webkit-transition: 0.3s ease-in-out;
    margin-top: 10px;
    float: left;
}

.box-image {
    position: relative;
    overflow: hidden;
}

.image-fade_in_back {
    position: relative;
}

.product_image {
    width: 100%;
    height: auto;
    display: block;
}

.show-on-hover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity .3s ease;
}

.image-fade_in_back:hover .show-on-hover {
    opacity: 1;
    pointer-events: inherit;
    transform: scale(1) translateZ(0) translateY(0) !important;
    background-color: #fff;
}

.prod_info {
    color: #fff;

}

.item.product-item.active:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #494949;
    width: 0;
    height: 0;
}


.quick-view-panel {
    will-change: opacity, transform;
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
}

.quick-view-info h2 {
    color: #Fff
}

.box-image:hover {
    cursor: pointer;
}

.quick-view-container {
    display: none;
}

.products_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    position: relative;
}

.item.product-item {
    position: relative;
}

.quick-view-panel {
    display: none;
    width: 58vw !important;
    position: relative;
    grid-column: 1 / -1;
    background: #494949;
    padding: 60px 30px;
    margin-left: calc(-29vw + 50%) !important;
    margin-right: calc(-26vw + 50%) !important;
}

.quick-view-panel.active {
    display: block;
}


ul#prod_filter li {
    font-size: 18px;
}

.products_list .item .prod_link a,
.products_list_related .item .prod_link a {
    font-size: 13px !important;
}

.sticky_policy {
    z-index: 999;
}

/* taxonomy-danh-muc-san-pham-tam-panel-galawood.php, <style> at line 1559 */
.section_heading h2 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 800;
    font-size: 40px;
    line-height: 48px;
    color: var(--primary-color);
    margin-bottom: 10px;
}

.prod_6 .tab {
    opacity: 1;
    width: auto;
    padding: 10px 20px;
    cursor: pointer;
    text-transform: uppercase;
    color: #000;
    background: #E0E0E0;
    font-weight: 600;
    border-radius: 40px;
}

.prod_6 .tab.active {
    background-color: #e31937 !important;
    font-style: normal;
    font-size: 13px;
    line-height: 23px;
    padding: 7px 30px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    transition: 0.3s ease-in-out;
    color: #FFFFFF;
    font-weight: 700;
}

.prod_6 .tabs {
    opacity: 1;
    width: auto;
    padding: 10px 20px;
    cursor: pointer;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    gap: 10px;
}