/* ==========================================================================
   main.css - CSS toan site (chuyen tu Custom CSS cu, giu nguyen giao dien)
   ========================================================================== */
:root{
  --dhmk-primary:#e94a10;
  --dhmk-dark:#1a1e22;
  --dhmk-border:#ddd;
  --dhmk-price:#d71920;
}

/* Typography (giu nhu ban cu; se tinh chinh o dot lam giao dien) */
body,h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif}
h1,h2,h3,h4,h5,h6{font-weight:700;color:#333}
h1{font-size:1.5em;color:#000}
h2{font-size:1.3em}
h3{font-size:1.1em}
h4,h5,h6{font-size:1em}
.uppercase{text-transform:none!important}

/* Danh sach sao (mo ta ngan san pham) */
.custom-list{list-style:none;padding:0;font-size:80%}
.custom-list li{position:relative;padding-left:20px}
.custom-list li::before{content:"★";position:absolute;left:0;top:0;color:gold}

/* Bang trong noi dung */
.table-container{overflow-x:auto;margin:20px 0;border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,.1);-webkit-overflow-scrolling:touch}
.specs-table,.custom-specs-table,.custom-table,.bao-gia-table{width:100%;border-collapse:collapse;background:#fff}
.custom-specs-table,.custom-table{min-width:900px}
.specs-table{font-family:Arial,sans-serif;font-size:14px}
.specs-table th,.specs-table td,
.custom-specs-table th,.custom-specs-table td,
.custom-table th,.custom-table td,
.bao-gia-table th,.bao-gia-table td{border:1px solid var(--dhmk-border);padding:10px;text-align:center;text-transform:none}
.specs-table th,
.custom-specs-table thead,.custom-table thead,.bao-gia-table thead{background:#f2f2f2;font-weight:700;color:#333}
.custom-specs-table tr:nth-child(even),.custom-table tr:nth-child(even),.bao-gia-table tr:nth-child(even){background:#f9f9f9}
@media(max-width:768px){
  .specs-table th,.specs-table td,
  .custom-specs-table th,.custom-specs-table td,
  .custom-table th,.custom-table td,
  .bao-gia-table th,.bao-gia-table td{padding:8px}
}