@font-face {
font-weight: normal;
font-style: normal;
font-family: "woodmart-font";
src: url("//b-star.vn/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.2.5") format("woff2");
}
.wd-popup.wd-promo-popup{
background-color:#111111;
background-image: none;
background-repeat:no-repeat;
background-size:contain;
background-position:left center;
}
.page-title-default{
background-color:#0a0a0a;
background-image: none;
background-size:cover;
background-position:center center;
}
.footer-container{
background-color:rgb(0,0,0);
background-image: none;
}
:root{
--wd-text-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:rgb(0,0,0);
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-title-font-weight:400;
--wd-title-transform:uppercase;
--wd-title-color:rgb(0,0,0);
}
:root{
--wd-entities-title-font:"Open Sans", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:400;
--wd-entities-title-color:rgb(0,0,0);
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Open Sans", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Open Sans", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:400;
--wd-widget-title-transform:capitalize;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Open Sans", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:400;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:14px;
}
html .wd-nav-mobile > li > a{
text-transform: capitalize;
}
:root{
--wd-primary-color:rgb(255,59,0);
}
:root{
--wd-alternative-color:#fbbc34;
}
:root{
--wd-link-color:rgb(255,59,0);
--wd-link-color-hover:rgb(255,59,0);
}
.page .main-page-wrapper{
background-color:rgb(0,0,0);
background-image: none;
}
.woodmart-archive-shop .main-page-wrapper{
background-color:rgb(20,20,20);
background-image: none;
}
.single-product .main-page-wrapper{
background-color:rgb(238,238,238);
background-image: none;
}
.woodmart-archive-blog .main-page-wrapper{
background-color:rgb(255,255,255);
background-image: none;
}
.single-post .main-page-wrapper{
background-color:rgb(255,255,255);
background-image: none;
}
.woodmart-archive-portfolio .main-page-wrapper{
background-color:rgb(255,255,255);
background-image: none;
}
.single-portfolio .main-page-wrapper{
background-color:rgb(255,255,255);
background-image: none;
}
:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-accented-bgcolor:rgb(56,172,255);
}
:root{
--btn-accented-bgcolor-hover:rgb(51,157,232);
}
:root{
--btn-transform:capitalize;
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
.product-labels .product-label.new{
background-color:rgb(255,59,0);
}
.product-labels .product-label.new{
color:rgb(255,255,255);
}
:root{
--wd-form-brd-radius: 5px;
--wd-form-brd-width: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}
@media (min-width: 1025px) {
.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
max-width: 1192px;
}
}
.container {
max-width: 1222px;
}
:root{
--wd-container-w: 1222px;
}
@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
max-height: 223px;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
--wd-form-color: rgb(119,119,119);
--wd-form-placeholder-color: rgb(119,119,119);
--wd-form-bg: rgb(255,255,255);
}
/* =========================================================
B-STAR PRODUCT CSS V2
Dark Product Theme
Compatible: WoodMart + WPBakery
Scope: Single Product
========================================================= */
/* =========================================================
01. COLOR SYSTEM
========================================================= */
.single-product {
--bstar-bg: #08090a;
--bstar-surface: #111111;
--bstar-surface-2: #151515;
--bstar-surface-3: #1a1a1a;
--bstar-text: #ffffff;
--bstar-text-secondary: #dddddd;
--bstar-text-muted: #a8a8a8;
--bstar-border: #292929;
--bstar-border-light: #333333;
--bstar-red: #cc0000;
--bstar-red-bright: #e00000;
--bstar-white: #ffffff;
}
/* =========================================================
02. PRODUCT CONTENT - GENERAL
Không ép toàn bộ WPBakery về một màu.
Chỉ chỉnh màu cho các component đã định nghĩa.
========================================================= */
/* Paragraph trong khu vực sản phẩm */
.single-product .wpb_text_column p {
line-height: 1.65;
}
/* Link trong nội dung sản phẩm */
.single-product .wpb_text_column a {
transition:
color 0.2s ease,
opacity 0.2s ease;
}
/* =========================================================
03. H2 BORDER-FULL
Đường kẻ đỏ dài
========================================================= */
.single-product .wpb_text_column h2.border-full {
display: block;
width: 100%;
margin-top: 35px;
margin-bottom: 25px;
padding-bottom: 12px;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 3px solid var(--bstar-red);
color: var(--bstar-text) !important;
font-weight: 700;
line-height: 1.25;
}
/* Không cho pseudo element của theme phá border */
.single-product .wpb_text_column h2.border-full::before,
.single-product .wpb_text_column h2.border-full::after {
background: transparent !important;
box-shadow: none !important;
}
/* =========================================================
04. H3
Đường kẻ đỏ ngắn
========================================================= */
.single-product .wpb_text_column h3 {
display: inline-block;
padding-bottom: 10px;
margin-top: 25px;
margin-bottom: 18px;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 3px solid var(--bstar-red);
color: var(--bstar-text) !important;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
line-height: 1.3;
}
/* =========================================================
05. FEATURES TABLE
ĐẶC TRƯNG / ỨNG DỤNG
========================================================= */
/* Khung chính */
.single-product .wpb_text_column table.features-table {
width: 100%;
margin: 25px 0 35px;
border: none !important;
border-collapse: separate !important;
border-spacing: 0;
background: var(--bstar-surface) !important;
color: var(--bstar-text-secondary) !important;
overflow: hidden;
border-radius: 0;
}
/* Table row */
.single-product .wpb_text_column table.features-table tr {
background: transparent !important;
}
/* Các ô */
.single-product .wpb_text_column table.features-table td {
width: 50%;
padding: 28px 25px;
vertical-align: top;
border: none !important;
background: transparent !important;
color: var(--bstar-text-secondary) !important;
font-weight: 400;
line-height: 1.6;
}
/* =========================================================
06. FEATURES TABLE - TYPOGRAPHY
========================================================= */
/* Tất cả nội dung trong features table */
.single-product .wpb_text_column table.features-table td,
.single-product .wpb_text_column table.features-table td p,
.single-product .wpb_text_column table.features-table td span,
.single-product .wpb_text_column table.features-table td strong,
.single-product .wpb_text_column table.features-table td b {
color: var(--bstar-text-secondary) !important;
}
/* Tiêu đề ĐẶC TRƯNG / ỨNG DỤNG */
.single-product .wpb_text_column table.features-table h2,
.single-product .wpb_text_column table.features-table h3,
.single-product .wpb_text_column table.features-table h4 {
display: inline-block;
margin-top: 0;
margin-bottom: 18px;
padding-bottom: 10px;
border-bottom: 3px solid var(--bstar-red);
color: var(--bstar-text) !important;
font-size: 20px;
font-weight: 700;
line-height: 1.3;
text-transform: uppercase;
}
/* =========================================================
07. FEATURES TABLE - LIST
========================================================= */
.single-product .wpb_text_column table.features-table ul {
margin: 0;
padding: 0;
list-style: none;
}
/* Li */
.single-product .wpb_text_column table.features-table ul li {
position: relative;
margin: 0 0 9px;
padding: 0 0 0 20px;
color: var(--bstar-text-secondary) !important;
line-height: 1.55;
}
/* Nội dung bên trong li */
.single-product .wpb_text_column table.features-table ul li *,
.single-product .wpb_text_column table.features-table ul li span,
.single-product .wpb_text_column table.features-table ul li strong {
color: var(--bstar-text-secondary) !important;
}
/* Dấu gạch đỏ */
.single-product .wpb_text_column table.features-table ul li::before {
content: "–";
position: absolute;
left: 0;
top: 0;
color: var(--bstar-red-bright) !important;
font-weight: 700;
}
/* =========================================================
08. SPECS TABLE
BẢNG THÔNG SỐ KỸ THUẬT
========================================================= */
.single-product .wpb_text_column table.specs-table {
width: 100%;
margin: 25px 0 35px;
border: none !important;
border-collapse: collapse !important;
background: var(--bstar-surface) !important;
color: var(--bstar-text-secondary) !important;
}
/* Không để theme thêm background */
.single-product .wpb_text_column table.specs-table tr {
background: transparent !important;
}
/* Ô */
.single-product .wpb_text_column table.specs-table td {
padding: 12px 16px;
border: none !important;
border-bottom: 1px solid var(--bstar-border) !important;
background: transparent !important;
color: var(--bstar-text-secondary) !important;
font-size: 14px;
line-height: 1.5;
vertical-align: top;
}
/* =========================================================
09. SPECS TABLE - ZEBRA DARK
========================================================= */
/* Hàng lẻ */
.single-product .wpb_text_column table.specs-table tr:nth-child(odd) {
background: var(--bstar-surface-2) !important;
}
/* Hàng chẵn */
.single-product .wpb_text_column table.specs-table tr:nth-child(even) {
background: var(--bstar-surface) !important;
}
/* Nội dung bên trong */
.single-product .wpb_text_column table.specs-table td *,
.single-product .wpb_text_column table.specs-table td p,
.single-product .wpb_text_column table.specs-table td span,
.single-product .wpb_text_column table.specs-table td strong,
.single-product .wpb_text_column table.specs-table td b {
color: var(--bstar-text-secondary) !important;
}
/* Cột tên thông số */
.single-product .wpb_text_column table.specs-table td:first-child {
width: 40%;
color: var(--bstar-text) !important;
font-weight: 600;
}
/* Nội dung cột giá trị */
.single-product .wpb_text_column table.specs-table td:nth-child(2) {
color: var(--bstar-text-secondary) !important;
}
/* =========================================================
10. GLOBAL PRODUCT LIST
Chỉ áp dụng bullet đỏ cho UL trong nội dung sản phẩm,
KHÔNG áp dụng cho features-table vì đã có CSS riêng.
========================================================= */
.single-product .wpb_text_column > ul {
margin: 0 0 20px;
padding-left: 0;
list-style: none;
}
.single-product .wpb_text_column > ul > li {
position: relative;
margin-bottom: 7px;
padding-left: 20px;
}
/* Bullet đỏ */
.single-product .wpb_text_column > ul > li::before {
content: "–";
position: absolute;
left: 0;
color: var(--bstar-red);
font-weight: 700;
}
/* =========================================================
11. PRODUCT DESCRIPTION
Không tạo box trắng.
Chỉ đảm bảo hierarchy trên nền dark.
========================================================= */
/* Heading nội dung */
.single-product .wpb_text_column h2.border-full + p {
color: var(--bstar-text-secondary);
}
/* Strong */
.single-product .wpb_text_column p strong {
font-weight: 600;
}
/* =========================================================
12. PRODUCT IMAGE CAROUSEL
Giữ logic carousel CSS cũ
========================================================= */
/* Container */
.single-product .b-star-carousel-center {
width: 100% !important;
}
/* Slide */
.single-product .b-star-carousel-center .owl-carousel-item {
width: 100% !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
/* Inner */
.single-product .b-star-carousel-center .owl-carousel-item-inner {
width: 100% !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
text-align: center !important;
}
/* Lightbox link */
.single-product .b-star-carousel-center
.owl-carousel-item-inner > a {
display: flex !important;
justify-content: center !important;
align-items: center !important;
margin: 0 auto !important;
float: none !important;
}
/* Product image */
.single-product .b-star-carousel-center
.owl-carousel-item-inner img {
display: block !important;
width: 500px !important;
max-width: 100% !important;
height: auto !important;
margin: 0 auto !important;
float: none !important;
}
/* =========================================================
13. PRODUCT CONTENT LINKS
========================================================= */
.single-product .wpb_text_column
table.features-table a,
.single-product .wpb_text_column
table.specs-table a {
color: var(--bstar-red-bright) !important;
text-decoration: none;
}
.single-product .wpb_text_column
table.features-table a:hover,
.single-product .wpb_text_column
table.specs-table a:hover {
color: #ffffff !important;
}
/* =========================================================
14. MOBILE
FEATURES TABLE
========================================================= */
@media (max-width: 767px) {
/* H2 */
.single-product .wpb_text_column h2.border-full {
margin-top: 25px;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom-width: 2px;
font-size: 22px;
}
/* H3 */
.single-product .wpb_text_column h3 {
margin-top: 20px;
margin-bottom: 15px;
padding-bottom: 8px;
border-bottom-width: 2px;
font-size: 14px;
}
/* Features table */
.single-product .wpb_text_column table.features-table {
width: 100%;
margin-top: 20px;
margin-bottom: 25px;
}
/* Chuyển 2 cột thành từng block */
.single-product .wpb_text_column
table.features-table,
.single-product .wpb_text_column
table.features-table tbody,
.single-product .wpb_text_column
table.features-table tr {
display: block;
width: 100%;
}
/* Cell */
.single-product .wpb_text_column
table.features-table td {
display: block;
width: 100% !important;
padding: 22px 20px;
}
/* Bỏ đường dọc desktop */
.single-product .wpb_text_column
table.features-table td + td {
border-left: none !important;
border-top: 1px solid var(--bstar-border) !important;
}
/* Heading features */
.single-product .wpb_text_column
table.features-table h2,
.single-product .wpb_text_column
table.features-table h3,
.single-product .wpb_text_column
table.features-table h4 {
font-size: 17px;
}
/* List */
.single-product .wpb_text_column
table.features-table ul li {
margin-bottom: 8px;
padding-left: 18px;
font-size: 14px;
}
/* Specs */
.single-product .wpb_text_column
table.specs-table td {
padding: 10px 12px;
font-size: 13px;
}
/* Specs column */
.single-product .wpb_text_column
table.specs-table td:first-child {
width: 42%;
}
/* Carousel */
.single-product .b-star-carousel-center
.owl-carousel-item-inner img {
width: 100% !important;
max-width: 420px !important;
}
}
/* =========================================================
15. VERY SMALL MOBILE
========================================================= */
@media (max-width: 480px) {
/* Features */
.single-product .wpb_text_column
table.features-table td {
padding: 20px 16px;
}
/* Specs */
.single-product .wpb_text_column
table.specs-table td {
padding: 9px 10px;
font-size: 12px;
}
/* Specs first column */
.single-product .wpb_text_column
table.specs-table td:first-child {
width: 44%;
}
/* Product image */
.single-product .b-star-carousel-center
.owl-carousel-item-inner img {
max-width: 100% !important;
}
}
/* =========================================================
16. SPECS TABLE - MOBILE STACK OVERRIDE
Desktop: giữ nguyên 2 cột
Mobile: tên thông số ở trên, giá trị ở dưới
========================================================= */
@media (max-width: 767px) {
/* Chỉ tác động bảng thông số kỹ thuật */
.single-product .wpb_text_column
table.specs-table {
width: 100% !important;
table-layout: auto !important;
}
/* Cho tbody và từng hàng hoạt động dạng block */
.single-product .wpb_text_column
table.specs-table tbody,
.single-product .wpb_text_column
table.specs-table tr {
display: block;
width: 100%;
}
/* Tất cả cell trong bảng */
.single-product .wpb_text_column
table.specs-table td {
box-sizing: border-box;
font-size: 13px;
line-height: 1.5;
overflow-wrap: break-word;
word-break: normal;
}
/* =====================================================
HÀNG THÔNG SỐ THÔNG THƯỜNG
===================================================== */
/* Tên thông số */
.single-product .wpb_text_column
table.specs-table tr > td:first-child:not(:only-child) {
display: block;
width: 100% !important;
padding: 11px 14px 3px !important;
border-bottom: none !important;
color: var(--bstar-text) !important;
font-weight: 600;
}
/* Giá trị thông số */
.single-product .wpb_text_column
table.specs-table tr > td:nth-child(2) {
display: block;
width: 100% !important;
padding: 2px 14px 12px !important;
color: var(--bstar-text-secondary) !important;
border-bottom: 1px solid var(--bstar-border) !important;
}
/* =====================================================
TITLE NHÓM LỚN
Ví dụ:
ÂM HỌC / ACOUSTICS
AMPLIFIER, DSP & HỆ THỐNG
I/O, KẾT NỐI & ĐIỀU KHIỂN
===================================================== */
.single-product .wpb_text_column
table.specs-table tr > td:only-child,
.single-product .wpb_text_column
table.specs-table td[colspan] {
display: block;
width: 100% !important;
padding: 11px 14px !important;
color: var(--bstar-text) !important;
font-weight: 700;
line-height: 1.35;
background: var(--bstar-surface-3) !important;
border-bottom: 1px solid var(--bstar-border) !important;
}
/* Paragraph bên trong ô */
.single-product .wpb_text_column
table.specs-table td p {
margin-top: 0;
margin-bottom: 4px;
}
.single-product .wpb_text_column
table.specs-table td p:last-child {
margin-bottom: 0;
}
}
/* =========================================================
VERY SMALL MOBILE
Chỉ giảm nhẹ kích thước chữ và padding
========================================================= */
@media (max-width: 480px) {
.single-product .wpb_text_column
table.specs-table td {
font-size: 12px;
}
.single-product .wpb_text_column
table.specs-table tr > td:first-child:not(:only-child) {
width: 100% !important;
padding: 10px 12px 3px !important;
}
.single-product .wpb_text_column
table.specs-table tr > td:nth-child(2) {
width: 100% !important;
padding: 2px 12px 11px !important;
}
.single-product .wpb_text_column
table.specs-table tr > td:only-child,
.single-product .wpb_text_column
table.specs-table td[colspan] {
width: 100% !important;
padding: 10px 12px !important;
}
}
/* =========================================================
DÒNG TIÊU ĐỀ NHÓM TRONG BẢNG THÔNG SỐ
(ÂM HỌC, MODULE, XỬ LÝ NỘI BỘ...)
Dán vào cuối CSS, SAU các đoạn specs-table khác.
Dùng cho hàng: | ... |
========================================================= */
.single-product .wpb_text_column table.specs-table tr.spec-group td {
padding: 14px 16px;
background: var(--bstar-surface-3) !important;
border-left: 3px solid var(--bstar-red) !important;
color: var(--bstar-text) !important;
font-weight: 700 !important;
letter-spacing: 0.04em;
text-transform: uppercase;
}
/* Chữ hàng nhóm thẳng hàng với các hàng thường (bù vạch đỏ 3px) */
.single-product .wpb_text_column table.specs-table tr.spec-group td {
padding-left: 13px !important;
}
@media (max-width: 767px) {
.single-product .wpb_text_column table.specs-table tr.spec-group td {
padding-left: 11px !important;
}
}
@media (max-width: 480px) {
.single-product .wpb_text_column table.specs-table tr.spec-group td {
padding-left: 9px !important;
}
}
/* =========================================================
ĐỒNG BỘ TỰ ĐỘNG CHO MỌI SẢN PHẨM (KHÔNG CẦN SỬA TỪNG TRANG)
Dán vào cuối Global custom CSS, dùng cùng auto-specs-table.css.
Muốn gỡ: xóa cả khối này, mọi thứ trở về như trước.
========================================================= */
/* 1) Vô hiệu font và cỡ chữ do editor gắn trực tiếp ()
Chữ trong mô tả sẽ theo font và cỡ của theme, không còn bị Arial 16px chen vào. */
.single-product .wpb_text_column span[style*="font-family"] {
font-family: inherit !important;
}
.single-product .wpb_text_column span[style*="font-size"] {
font-size: inherit !important;
}
/* 2) H2 trong mô tả: tự có đường kẻ đỏ dài, không cần class "border-full" */
.single-product .wpb_text_column .wpb_wrapper > h2 {
display: block;
width: 100%;
margin-top: 35px;
margin-bottom: 25px;
padding-bottom: 12px;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 3px solid var(--bstar-red);
color: var(--bstar-text) !important;
font-weight: 700;
line-height: 1.25;
}
.single-product .wpb_text_column .wpb_wrapper > h2::before,
.single-product .wpb_text_column .wpb_wrapper > h2::after {
background: transparent !important;
box-shadow: none !important;
}
@media (max-width: 767px) {
.single-product .wpb_text_column .wpb_wrapper > h2 {
margin-top: 25px;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom-width: 2px;
font-size: 22px;
}
}
/* 3) H2 rỗng thì ẩn (tránh đường kẻ đỏ lẻ loi cuối bài) */
.single-product .wpb_text_column .wpb_wrapper > h2:empty,
.single-product .wpb_text_column .wpb_wrapper > h2:has(> br:only-child) {
display: none !important;
}
/* =========================================================
TỰ ÁP KIỂU BẢNG THÔNG SỐ CHO MỌI BẢNG TRONG MÔ TẢ SẢN PHẨM (BẢN SỬA)
Thay thế TOÀN BỘ khối "TỰ ÁP KIỂU BẢNG THÔNG SỐ..." đã dán trước đó
(từ dòng comment đầu của khối đó đến hết file).
Sửa 2 lỗi của bản cũ:
- width 40% bị áp nhầm lên phần tử con trong cột đầu (làm đoạn văn bị hẹp)
- padding trên điện thoại bị áp nhầm lên phần tử con của ô
Thêm: height:auto cho mọi bảng trong mô tả, kể cả bảng đã có class
specs-table / features-table (chống height cố định do editor gắn).
========================================================= */
/* 0) Mọi bảng trong mô tả: bỏ chiều cao cố định do editor gắn (ví dụ height: 648px) */
.single-product .wpb_text_column table {
height: auto !important;
}
/* 1) Khung bảng */
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) {
width: 100% !important;
margin: 25px 0 35px;
border: none !important;
border-collapse: collapse !important;
background: var(--bstar-surface) !important;
color: var(--bstar-text-secondary) !important;
}
/* 2) Hàng */
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) tr {
background: transparent !important;
}
/* 3) Ô thường và ô tiêu đề (th) xử lý như nhau */
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) td,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) th {
padding: 12px 16px;
border: none !important;
border-bottom: 1px solid var(--bstar-border) !important;
background: transparent !important;
color: var(--bstar-text-secondary) !important;
text-align: left !important;
vertical-align: top;
font-weight: 400;
}
/* 4) Khóa font, cỡ chữ, màu (bỏ qua do editor thêm) */
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)),
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) td,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) th,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) td *,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) th * {
font-family: inherit !important;
font-size: 14px !important;
line-height: 1.5 !important;
color: var(--bstar-text-secondary) !important;
}
/* 5) Hàng xen kẽ */
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) tr:nth-child(odd) {
background: var(--bstar-surface-2) !important;
}
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) tr:nth-child(even) {
background: var(--bstar-surface) !important;
}
/* Nếu bảng có , hàng đầu của đảo màu để không trùng hàng thead */
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) thead + tbody tr:nth-child(odd) {
background: var(--bstar-surface) !important;
}
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) thead + tbody tr:nth-child(even) {
background: var(--bstar-surface-2) !important;
}
/* 6) Cột tên thông số: độ rộng chỉ đặt cho ô, không đặt cho phần tử con */
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) td:first-child,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) th:first-child {
width: 40%;
}
/* Cột tên thông số: trắng, đậm (gồm cả chữ nằm trong span/strong) */
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) td:first-child,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) th:first-child,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) td:first-child *,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) th:first-child * {
color: var(--bstar-text) !important;
font-weight: 600 !important;
}
/* 7) Điện thoại */
@media (max-width: 767px) {
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) td,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) th {
padding: 10px 12px;
}
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)),
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) td,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) th,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) td *,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) th * {
font-size: 13px !important;
}
}
/* 8) Điện thoại nhỏ */
@media (max-width: 480px) {
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)),
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) td,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) th,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) td *,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) th * {
font-size: 12px !important;
}
}
/* =========================================================
20. ĐOẠN GIỚI THIỆU ĐẦU TRANG SẢN PHẨM (mô tả ngắn)
Phần này nằm ngoài khối WPBakery nên mục 18 không áp dụng.
Giúp text giới thiệu đồng bộ font/cỡ chữ giữa các sản phẩm,
dù editor có gắn Arial, 12pt... vào từng đoạn.
Chữ đậm do tự chỉnh trong editor (ví dụ tên sản phẩm) được giữ nguyên.
========================================================= */
/* Bỏ font và cỡ chữ do editor gắn trực tiếp */
.single-product .product-image-summary [style*="font-family"] {
font-family: inherit !important;
}
.single-product .product-image-summary [style*="font-size"] {
font-size: inherit !important;
}
/* Font, cỡ chữ và giãn dòng thống nhất cho đoạn giới thiệu của mọi sản phẩm */
.single-product .woocommerce-product-details__short-description,
.single-product .woocommerce-product-details__short-description p,
.single-product .woocommerce-product-details__short-description li {
font-family: inherit;
font-size: 14px; /* đổi số này nếu muốn chữ to hoặc nhỏ hơn */
line-height: 1.65;
}
.single-product .wpb_text_column table.specs-table td:first-child *,
.single-product .wpb_text_column table.specs-table tr.spec-group td * {
color: var(--bstar-text) !important;
}
/* Cột tên thông số: không in đậm */
.single-product .wpb_text_column table.specs-table td:first-child:not(:only-child),
.single-product .wpb_text_column table.specs-table td:first-child:not(:only-child) *,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) td:first-child:not(:only-child),
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) th:first-child:not(:only-child),
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) td:first-child:not(:only-child) *,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul)) th:first-child:not(:only-child) * {
font-weight: 400 !important;
}
/* Mobile: mỗi hàng tự giãn theo nội dung */
@media (max-width: 767px) {
.single-product .wpb_text_column table.specs-table,
.single-product .wpb_text_column table.specs-table tbody,
.single-product .wpb_text_column table.specs-table tr,
.single-product .wpb_text_column table.specs-table td,
.single-product .wpb_text_column table.specs-table th {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
}
}
/* =========================================================
21. B-STAR V2.1 — BỔ SUNG SỬA LỖI, GIỮ TOÀN BỘ CSS GỐC
File này gồm toàn bộ CSS bạn gửi, tiếp theo là khối sửa này.
Dán TOÀN BỘ file để thay khối CSS sản phẩm đang dùng.
Các CSS khác ngoài khối sản phẩm vẫn giữ riêng như hiện tại.
Giữ cỡ chữ gốc: desktop 14px, mobile 13px, <=480px 12px.
Giữ màu, khoảng cách, bullet, carousel và mô tả ngắn gốc.
Sửa nhóm colspan=2 thiếu vạch đỏ; đồng bộ chiều rộng cột;
xử lý chiều cao cố định và xếp dọc bảng thông số cũ hai cột.
Bảng cũ được xếp dọc khi không có danh sách, bảng lồng,
hàng trên hai ô, rowspan hoặc colspan vượt hai cột.
========================================================= */
/* 21A. Chiều cao tự giãn cho bảng thông số và features */
.single-product .wpb_text_column table.specs-table,
.single-product .wpb_text_column table.specs-table :is(thead, tbody, tfoot, tr, td, th),
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))),
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) :is(thead, tbody, tfoot, tr, td, th),
.single-product .wpb_text_column table.features-table,
.single-product .wpb_text_column table.features-table :is(thead, tbody, tfoot, tr, td, th) {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
}
/* 21B. Desktop: thống nhất tỷ lệ cột, vượt width gắn trong HTML */
@media (min-width: 768px) {
.single-product .wpb_text_column table.specs-table tr > :is(td, th):first-child:not(:only-child),
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr > :is(td, th):first-child:not(:only-child) {
width: 40% !important;
}
.single-product .wpb_text_column table.specs-table tr > :is(td, th):nth-child(2):last-child,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr > :is(td, th):nth-child(2):last-child {
width: 60% !important;
}
.single-product .wpb_text_column table.specs-table > colgroup > col:first-child,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) > colgroup > col:first-child {
width: 40% !important;
}
.single-product .wpb_text_column table.specs-table > colgroup > col:nth-child(2),
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) > colgroup > col:nth-child(2) {
width: 60% !important;
}
.single-product .wpb_text_column table.features-table td {
width: 50% !important;
}
}
/* 21C. Nhóm: tr.spec-group hoặc một ô colspan=2 */
.single-product .wpb_text_column table.specs-table tr.spec-group > td,
.single-product .wpb_text_column table.specs-table tr.spec-group > th,
.single-product .wpb_text_column table.specs-table tr > td[colspan="2"]:only-child,
.single-product .wpb_text_column table.specs-table tr > th[colspan="2"]:only-child,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr.spec-group > td,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr.spec-group > th,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr > td[colspan="2"]:only-child,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr > th[colspan="2"]:only-child {
width: auto !important;
padding: 14px 16px 14px 13px !important;
border-left: 3px solid var(--bstar-red) !important;
border-bottom: 1px solid var(--bstar-border) !important;
background: var(--bstar-surface-3) !important;
color: var(--bstar-text) !important;
font-weight: 700 !important;
line-height: 1.35;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.single-product .wpb_text_column table.specs-table tr.spec-group > td *,
.single-product .wpb_text_column table.specs-table tr.spec-group > th *,
.single-product .wpb_text_column table.specs-table tr > td[colspan="2"]:only-child *,
.single-product .wpb_text_column table.specs-table tr > th[colspan="2"]:only-child *,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr.spec-group > td *,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr.spec-group > th *,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr > td[colspan="2"]:only-child *,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr > th[colspan="2"]:only-child * {
color: var(--bstar-text) !important;
font-weight: 700 !important;
}
/* 21D. Nội dung lồng trong tiêu đề features theo màu/font của heading */
.single-product .wpb_text_column table.features-table h2 :is(span, strong, b, font),
.single-product .wpb_text_column table.features-table h3 :is(span, strong, b, font),
.single-product .wpb_text_column table.features-table h4 :is(span, strong, b, font) {
color: inherit !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
}
/* 21E. UL nằm trong wpb_wrapper thực tế của WPBakery */
.single-product .wpb_text_column .wpb_wrapper > ul {
margin: 0 0 20px;
padding-left: 0;
list-style: none;
}
.single-product .wpb_text_column .wpb_wrapper > ul > li {
position: relative;
margin-bottom: 7px;
padding-left: 20px;
}
.single-product .wpb_text_column .wpb_wrapper > ul > li::before {
content: "–";
position: absolute;
left: 0;
top: 0;
color: var(--bstar-red);
font-weight: 700;
}
/* 21F. Mobile: tên ở trên, giá trị ở dưới; giữ cỡ chữ và padding gốc */
@media (max-width: 767px) {
.single-product .wpb_text_column table.specs-table,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))),
.single-product .wpb_text_column table.specs-table :is(thead, tbody, tfoot, tr),
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) :is(thead, tbody, tfoot, tr) {
display: block;
width: 100% !important;
}
.single-product .wpb_text_column table.specs-table > colgroup,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) > colgroup {
display: none;
}
.single-product .wpb_text_column table.specs-table tr > :is(td, th),
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr > :is(td, th) {
display: block;
box-sizing: border-box;
width: 100% !important;
white-space: normal !important;
overflow-wrap: anywhere;
word-break: normal;
}
.single-product .wpb_text_column table.specs-table tr > :is(td, th):first-child:not(:only-child),
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr > :is(td, th):first-child:not(:only-child) {
width: 100% !important;
padding: 11px 14px 3px !important;
border-bottom: none !important;
}
.single-product .wpb_text_column table.specs-table tr > :is(td, th):nth-child(2):last-child,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr > :is(td, th):nth-child(2):last-child {
width: 100% !important;
padding: 2px 14px 12px !important;
border-bottom: 1px solid var(--bstar-border) !important;
}
.single-product .wpb_text_column table.specs-table tr.spec-group > td,
.single-product .wpb_text_column table.specs-table tr.spec-group > th,
.single-product .wpb_text_column table.specs-table tr > td[colspan="2"]:only-child,
.single-product .wpb_text_column table.specs-table tr > th[colspan="2"]:only-child,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr.spec-group > td,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr.spec-group > th,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr > td[colspan="2"]:only-child,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr > th[colspan="2"]:only-child {
width: 100% !important;
padding: 11px 14px 11px 11px !important;
}
}
/* 21G. Điện thoại nhỏ: cùng khoảng đệm của bản gốc */
@media (max-width: 480px) {
.single-product .wpb_text_column table.specs-table tr > :is(td, th):first-child:not(:only-child),
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr > :is(td, th):first-child:not(:only-child) {
padding: 10px 12px 3px !important;
}
.single-product .wpb_text_column table.specs-table tr > :is(td, th):nth-child(2):last-child,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr > :is(td, th):nth-child(2):last-child {
padding: 2px 12px 11px !important;
}
.single-product .wpb_text_column table.specs-table tr.spec-group > td,
.single-product .wpb_text_column table.specs-table tr.spec-group > th,
.single-product .wpb_text_column table.specs-table tr > td[colspan="2"]:only-child,
.single-product .wpb_text_column table.specs-table tr > th[colspan="2"]:only-child,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr.spec-group > td,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr.spec-group > th,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr > td[colspan="2"]:only-child,
.single-product .wpb_text_column table:not(.features-table):not(.specs-table):not(:has(ul, ol, table)):has(tr > :is(td, th):nth-child(2)):not(:has(tr > :is(td, th):nth-child(3), [rowspan]:not([rowspan="1"]), [colspan]:not([colspan="1"]):not([colspan="2"]))) tr > th[colspan="2"]:only-child {
padding: 10px 12px 10px 9px !important;
}
}
/* B-STAR V2.1 FULL — KẾT THÚC FILE */
/* =========================================================
22. B-STAR V2.2 — GHÉP TIÊU ĐỀ VỚI NỘI DUNG FEATURES
Áp dụng trên mobile cho bảng hai hàng, hai cột:
Hàng 1: ĐẶC TRƯNG | ỨNG DỤNG
Hàng 2: danh sách đặc trưng | danh sách ứng dụng
Thứ tự mobile: ĐẶC TRƯNG + danh sách, ỨNG DỤNG + danh sách.
========================================================= */
@media (max-width: 767px) {
.single-product .wpb_text_column table.features-table:has(> tbody > tr:first-child > td:nth-child(2):last-child):has(> tbody > tr:nth-child(2):last-child > td:nth-child(2):last-child):has(> tbody > tr:first-child h3):not(:has(> tbody > tr:first-child ul)):has(> tbody > tr:nth-child(2) ul) > tbody {
display: grid !important;
grid-template-columns: minmax(0, 1fr);
width: 100% !important;
}
.single-product .wpb_text_column table.features-table:has(> tbody > tr:first-child > td:nth-child(2):last-child):has(> tbody > tr:nth-child(2):last-child > td:nth-child(2):last-child):has(> tbody > tr:first-child h3):not(:has(> tbody > tr:first-child ul)):has(> tbody > tr:nth-child(2) ul) > tbody > tr {
display: contents !important;
}
/* Tiêu đề ĐẶC TRƯNG */
.single-product .wpb_text_column table.features-table:has(> tbody > tr:first-child > td:nth-child(2):last-child):has(> tbody > tr:nth-child(2):last-child > td:nth-child(2):last-child):has(> tbody > tr:first-child h3):not(:has(> tbody > tr:first-child ul)):has(> tbody > tr:nth-child(2) ul) > tbody > tr:first-child > td:first-child {
grid-row: 1;
padding-bottom: 0 !important;
}
/* Danh sách ĐẶC TRƯNG */
.single-product .wpb_text_column table.features-table:has(> tbody > tr:first-child > td:nth-child(2):last-child):has(> tbody > tr:nth-child(2):last-child > td:nth-child(2):last-child):has(> tbody > tr:first-child h3):not(:has(> tbody > tr:first-child ul)):has(> tbody > tr:nth-child(2) ul) > tbody > tr:nth-child(2) > td:first-child {
grid-row: 2;
}
/* Tiêu đề ỨNG DỤNG */
.single-product .wpb_text_column table.features-table:has(> tbody > tr:first-child > td:nth-child(2):last-child):has(> tbody > tr:nth-child(2):last-child > td:nth-child(2):last-child):has(> tbody > tr:first-child h3):not(:has(> tbody > tr:first-child ul)):has(> tbody > tr:nth-child(2) ul) > tbody > tr:first-child > td:nth-child(2) {
grid-row: 3;
padding-bottom: 0 !important;
border-top: 1px solid var(--bstar-border) !important;
}
/* Danh sách ỨNG DỤNG */
.single-product .wpb_text_column table.features-table:has(> tbody > tr:first-child > td:nth-child(2):last-child):has(> tbody > tr:nth-child(2):last-child > td:nth-child(2):last-child):has(> tbody > tr:first-child h3):not(:has(> tbody > tr:first-child ul)):has(> tbody > tr:nth-child(2) ul) > tbody > tr:nth-child(2) > td:nth-child(2) {
grid-row: 4;
}
/* Nội dung nối ngay sau tiêu đề của chính nó */
.single-product .wpb_text_column table.features-table:has(> tbody > tr:first-child > td:nth-child(2):last-child):has(> tbody > tr:nth-child(2):last-child > td:nth-child(2):last-child):has(> tbody > tr:first-child h3):not(:has(> tbody > tr:first-child ul)):has(> tbody > tr:nth-child(2) ul) > tbody > tr:nth-child(2) > td {
padding-top: 0 !important;
border-top: none !important;
}
}
/* B-STAR V2.2 FULL — KẾT THÚC FILE */
/* =========================================================
23. B-STAR V2.3 — KHOẢNG CÁCH FEATURES TRÊN DESKTOP
Chỉ áp dụng bảng hai hàng: tiêu đề ở hàng 1, UL ở hàng 2.
Bỏ padding cộng dồn giữa hai hàng, giữ margin heading 18px.
Bảng có heading và UL trong cùng một ô giữ nguyên.
========================================================= */
@media (min-width: 768px) {
.single-product .wpb_text_column table.features-table:has(> tbody > tr:first-child > td:nth-child(2):last-child):has(> tbody > tr:nth-child(2):last-child > td:nth-child(2):last-child):has(> tbody > tr:first-child h3):not(:has(> tbody > tr:first-child ul)):has(> tbody > tr:nth-child(2) ul) > tbody > tr:first-child > td {
padding-bottom: 0 !important;
}
.single-product .wpb_text_column table.features-table:has(> tbody > tr:first-child > td:nth-child(2):last-child):has(> tbody > tr:nth-child(2):last-child > td:nth-child(2):last-child):has(> tbody > tr:first-child h3):not(:has(> tbody > tr:first-child ul)):has(> tbody > tr:nth-child(2) ul) > tbody > tr:nth-child(2) > td {
padding-top: 0 !important;
}
}
/* Bỏ gạch đỏ dưới H3 trong bảng thông số */
.single-product .wpb_text_column table.specs-table h3 {
border-bottom: none !important;
}
/* Bỏ gạch đỏ dưới H3 trong phần mô tả chi tiết */
.single-product .wpb_text_column h3 {
border-bottom: none;
}
/* Viết hoa toàn bộ cột tên thông số */
.single-product table.specs-table tr > th:first-child:not([colspan]),
.single-product table.specs-table tr > td:first-child:not([colspan]) {
text-transform: uppercase !important;
}
/* Ẩn hàng tiêu đề thừa trong bảng thông số */
.single-product table.specs-table > thead > tr:not(.spec-group) {
display: none !important;
}