Đèn Tuýp Led Bán Nguyệt Maxben

/* ===== Khung nâu sang trọng cho bảng thông số ===== */
:root{
–brown-600:#8b5a2b;
–cream:#fffaf4;
–muted:#666;
–table-min-width:520px;
}

.specs-section { font-family: system-ui, -apple-system, “Segoe UI”, Roboto, “Helvetica Neue”, Arial; color:#222; margin:20px 0; }
.specs-section h2 { color:var(–brown-600); font-size:20px; margin-bottom:12px; }

/* wrapper scroll ngang trên mobile */
.specs-table-wrap { overflow-x:auto; border-radius:10px; }

/* Bảng */
.spec-table {
width:100%;
min-width:var(–table-min-width);
border-collapse:separate;
border-spacing:0;
background: var(–cream);
border: 2px solid var(–brown-600);
box-shadow: 0 6px 18px rgba(139,90,43,0.12);
border-radius:8px;
overflow:hidden;
}

/* Header */
.spec-table thead th {
background: linear-gradient(180deg, var(–brown-600), #6f4421);
color:#fff;
text-align:left;
padding:12px 16px;
font-weight:700;
font-size:15px;
}

/* Rows */
.spec-table tbody th {
width:36%;
text-align:left;
padding:12px 16px;
color:var(–brown-600);
font-weight:600;
vertical-align:top;
border-bottom:1px dashed rgba(139,90,43,0.12);
}

.spec-table tbody td {
padding:12px 16px;
color:#222;
border-bottom:1px dashed rgba(139,90,43,0.06);
}

/* bỏ border-bottom cho hàng cuối */
.spec-table tbody tr:last-child td,
.spec-table tbody tr:last-child th { border-bottom: none; }

.specs-note { margin-top:10px; color:var(–muted); font-size:13px; }

/* Responsive: trên màn hình nhỏ hiển thị dạng block */
@media (max-width:640px){
.spec-table { min-width:100%; box-shadow:none; border-radius:8px; }
.spec-table thead { display:none; }
.spec-table, .spec-table tbody, .spec-table tr, .spec-table th, .spec-table td { display:block; width:100%; }
.spec-table tr { margin-bottom:12px; border-bottom:1px dashed rgba(139,90,43,0.08); padding-bottom:6px; }
.spec-table th { background:none; padding:8px 0 4px; font-size:14px; color:var(–brown-600); }
.spec-table td { padding:0 0 8px 0; }
}