/* LaserEngraveHQ brand layer. Nap sau style.css cua child.
 * "Maker studio": nen giay am, chu muc dam, MOT mau nhan do-san ho laser, mau go cho chip.
 * Tuong phan (WCAG AA): #1B1F2A tren #FAF8F5 15.5:1. Nut: chu trang tren #C7361F 5.3:1
 * (#E8452C chi dung cho duong ke, cham laser, vien, chu lon). Link #B8341C 5.6:1.
 * Chip go: chu #7A4F25 tren #F3E8DC 5.9:1.
 */
@font-face{font-family:"Source Sans 3";src:url(../fonts/source-sans-3-var.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(../fonts/source-sans-3-italic-var.woff2) format("woff2");font-weight:200 900;font-style:italic;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url(../fonts/space-grotesk-var.woff2) format("woff2");font-weight:300 700;font-display:swap}

:root{
  --leh-laser:#E8452C; --leh-cta:#C7361F; --leh-cta-hover:#A82C17; --leh-link:#B8341C;
  --leh-laser-tint:#FDECE8; --leh-glow:rgba(232,69,44,.45);
  --leh-wood:#B9824D; --leh-wood-ink:#7A4F25; --leh-wood-tint:#F3E8DC;
  --leh-card:#FFFFFF; --leh-shadow:0 1px 2px rgba(27,31,42,.06),0 6px 18px rgba(27,31,42,.07);
  --leh-radius:10px;
  --navy:#1B1F2A; --ink:#1B1F2A; --ink-soft:#363B48; --muted:#5A5F6B; --line:#E4DFD7; --bg:#FAF8F5;
  --panel:#F2EEE8; --gold:var(--leh-cta); --gold-deep:var(--leh-cta-hover); --link:var(--leh-link); --sale:#B3261E;
  --font:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --font-head:"Space Grotesk","Segoe UI",Arial,sans-serif;
  --fs-h2:30px; --fs-h3:22px;

  --color-primary:#C7361F; --color-primary-hover:#A82C17; --color-primary-dark:#A82C17;
  --color-primary-light:#FDECE8; --color-primary-rgb:199,54,31;
  --color-accent:#C7361F; --color-accent-hover:#A82C17; --color-accent-light:#FDECE8;
  --color-text:#1B1F2A; --color-text-secondary:#363B48; --color-text-muted:#5A5F6B; --color-text-subtle:#666B77;
  --color-bg:#FAF8F5; --color-bg-alt:#F2EEE8; --color-surface:#F2EEE8; --color-surface-raised:#FFFFFF; --color-surface-hover:#EBE6DE;
  --color-border:#E4DFD7; --color-border-subtle:#EEE9E2; --color-border-strong:#D3CCC1;
  --acms-primary-rgb:199,54,31; --acms-star-active:#C7361F; --acms-border:#E4DFD7;
  --good:#17704A;
}

body{background:var(--bg);color:var(--ink);font-family:var(--font)}

/* Tieu de: Space Grotesk */
h1,h2,h3,h4,.who-title,.cat-hero h1,.accent-h,.col-h,.cat-title,article.page h1{font-family:var(--font-head);letter-spacing:-.01em}
h1{font-weight:700} h2,h3{font-weight:600}
article.page h1{text-transform:none}

/* Than bai 18px, dong thoang (spec muc 9) */
.page-body,.guide-body,.rd-body,.single-body,.entry-content{font-size:18px;line-height:1.7}
.page-body a,.guide-body a,.rd-body a,.entry-content a{color:var(--link);text-decoration:underline;text-underline-offset:2px}

/* Focus ro rang cho ban phim */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,label:focus-visible,summary:focus-visible{outline:3px solid var(--leh-laser);outline-offset:2px;border-radius:4px}

/* Logo: tam ngam + cham laser */
.logo{display:inline-flex;flex-direction:row;align-items:center;gap:9px;font-family:var(--font-head);font-weight:700;font-size:27px;line-height:1;color:var(--ink);letter-spacing:-.02em}
.logo .logo-mark{width:34px;height:34px;flex:none;overflow:visible}
.logo .lm-ring{fill:none;stroke:var(--ink);stroke-width:2.2}
.logo .lm-hair{stroke:var(--ink);stroke-width:2.2;stroke-linecap:round}
.logo .lm-glow{fill:var(--leh-glow)}
.logo .lm-dot{fill:var(--leh-laser)}
.logo .logo-hq{color:var(--leh-cta);margin-left:1px}
footer.site .logo{color:#fff}
footer.site .logo .lm-ring,footer.site .logo .lm-hair{stroke:#fff}
footer.site .logo .logo-hq{color:#F07A62}

/* Header sang, duong laser manh phat sang duoi nav */
header.site{background:#fff}
.navbar{background:#fff;border-top:1px solid var(--line);box-shadow:inset 0 -1px 0 var(--leh-laser),0 2px 8px -4px var(--leh-glow)}
.navbar .ni > a,.navbar .right a{font-size:15px;color:var(--ink);font-weight:600}
.navbar .ni:hover > a,.navbar .right a:hover{color:var(--leh-cta);box-shadow:inset 0 -3px 0 var(--leh-laser)}
.navbar .right a.leh-nav-cta{margin:6px 0 6px 10px;line-height:32px;padding:0 14px;border-radius:999px;background:var(--leh-cta);color:#fff;box-shadow:none}
.navbar .right a.leh-nav-cta:hover{background:var(--leh-cta-hover);color:#fff;box-shadow:none}
.navbar .submenu{border-top-color:var(--leh-laser);border-radius:0 0 var(--leh-radius) var(--leh-radius)}

/* Nut va tap target lon */
.btn,.acms-btn,button,[type=submit]{min-height:44px}
.acms-btn{background:var(--leh-cta);border-color:var(--leh-cta);color:#fff;border-radius:8px}
.acms-btn:hover{background:var(--leh-cta-hover);border-color:var(--leh-cta-hover);color:#fff}
.leh-btn{display:inline-flex;align-items:center;gap:8px;background:var(--leh-cta);color:#fff!important;text-decoration:none!important;font-weight:700;font-size:17px;padding:12px 22px;border-radius:8px;min-height:44px;border:0;cursor:pointer}
.leh-btn:hover{background:var(--leh-cta-hover)}
.leh-btn.ghost{background:transparent;color:var(--ink)!important;border:1.5px solid var(--ink)}
.leh-btn.ghost:hover{border-color:var(--leh-cta);color:var(--leh-cta)!important}

/* Bang doc duoc tren mobile: cuon ngang, cot dau dinh */
.page-body table,.rd-body table,.entry-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:640px){
  .rd-body table th:first-child,.rd-body table td:first-child,
  .entry-content table th:first-child,.entry-content table td:first-child{position:sticky;left:0;background:var(--bg);z-index:1}
  .logo{font-size:22px}.logo .logo-mark{width:28px;height:28px}
}
.searchpill button,.m-search button{min-height:0}

/* Quick Picks (dau bai roundup) */
.leh-quickpicks{position:relative;background:var(--leh-card);border:1px solid var(--line);border-radius:var(--leh-radius);box-shadow:var(--leh-shadow);padding:20px 22px 12px;margin:22px 0;overflow:hidden}
.leh-quickpicks::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--leh-laser) 18%,var(--leh-laser) 82%,transparent);box-shadow:0 0 10px var(--leh-glow)}
.leh-quickpicks .leh-qp-h{font-family:var(--font-head);font-weight:700;font-size:22px;margin:0 0 6px}
.leh-quickpicks ul{list-style:none;margin:0;padding:0}
.leh-quickpicks li{padding:12px 0;border-top:1px solid var(--line);line-height:1.55}
.leh-quickpicks li:first-child{border-top:0}
.leh-qp-label{display:inline-block;background:var(--leh-laser-tint);color:var(--leh-link);font-family:var(--font-head);font-size:13px;font-weight:700;letter-spacing:.02em;padding:3px 9px;border-radius:999px;margin-right:6px}
.leh-qp-cta a{display:inline-block;margin-left:6px;background:var(--leh-cta);color:#fff!important;text-decoration:none!important;font-weight:700;font-size:15px;padding:9px 16px;border-radius:8px;min-height:40px;white-space:nowrap}
.leh-qp-cta a:hover{background:var(--leh-cta-hover)}

/* Bang so sanh: cuon ngang, cot ten dinh */
table.leh-compare{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--leh-radius);background:var(--leh-card)}
table.leh-compare th{background:var(--panel);font-family:var(--font-head);font-size:15px;text-align:left}
table.leh-compare th,table.leh-compare td{padding:10px 12px;vertical-align:top;border-bottom:1px solid var(--line)}
table.leh-compare th:first-child,table.leh-compare td:first-child{position:sticky;left:0;background:var(--leh-card);z-index:1;font-weight:600}
table.leh-compare th:first-child{background:var(--panel)}
.acms-cmp .card-grid{margin:18px 0}
@media (max-width:760px){
  table.leh-compare th,table.leh-compare td{min-width:104px}
  table.leh-compare th:first-child,table.leh-compare td:first-child{min-width:150px}
}

/* Chip vat lieu (mau go) */
.leh-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px;padding:0;list-style:none}
.leh-chip{display:inline-flex;align-items:center;gap:5px;background:var(--leh-wood-tint);color:var(--leh-wood-ink);font-size:15px;font-weight:600;padding:4px 11px;border-radius:999px;line-height:1.4}
.leh-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--leh-wood)}
.leh-chip.cut::before{background:var(--leh-laser);border-radius:1px;transform:rotate(45deg)}
.leh-ec{margin:6px 0 14px}
.leh-ec b{font-family:var(--font-head);font-size:15px;margin-right:6px}

/* Callout: tip, warning, safety */
.leh-callout{border:1px solid var(--line);border-left:4px solid var(--leh-wood);background:var(--leh-card);border-radius:var(--leh-radius);padding:14px 18px;margin:20px 0}
.leh-callout p:last-child{margin-bottom:0}
.leh-callout.warning{border-left-color:#B7791F;background:#FFF8EB}
.leh-callout.safety{border-left-color:var(--leh-laser);background:var(--leh-laser-tint)}
.leh-callout .leh-callout-h{display:block;font-family:var(--font-head);font-weight:700;margin-bottom:4px}

/* Verdict box (bai X vs Y) */
.leh-verdict{background:var(--leh-card);border:1px solid var(--line);border-radius:var(--leh-radius);box-shadow:var(--leh-shadow);padding:18px 22px;margin:20px 0;border-top:3px solid var(--leh-laser)}

/* Laser Type Matrix + bang vat lieu */
table.leh-matrix,table.leh-materials{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--leh-radius);background:var(--leh-card);font-size:16px}
table.leh-matrix th,table.leh-matrix td,table.leh-materials th,table.leh-materials td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
table.leh-matrix th,table.leh-materials th{background:var(--panel);font-family:var(--font-head)}
table.leh-matrix th:first-child,table.leh-matrix td:first-child,table.leh-materials td:first-child,table.leh-materials th:first-child{position:sticky;left:0;background:var(--leh-card);font-weight:600;z-index:1}
table.leh-matrix th:first-child,table.leh-materials th:first-child{background:var(--panel)}
.leh-yes{color:var(--good);font-weight:700}
.leh-no{color:#9B2C1F;font-weight:700}
.leh-never{display:inline-block;background:#9B2C1F;color:#fff;font-weight:700;font-size:13px;padding:2px 8px;border-radius:999px}
.leh-mat-warn{font-size:15px;color:var(--ink-soft)}

/* Trang chu: hero co luoi giay ke o va duong laser */
.leh-hero{position:relative;padding:56px 0 48px;background-color:var(--bg);background-image:linear-gradient(rgba(27,31,42,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(27,31,42,.05) 1px,transparent 1px);background-size:24px 24px;border-bottom:1px solid var(--line);overflow:hidden}
.leh-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--leh-laser) 30%,var(--leh-laser) 70%,transparent);box-shadow:0 0 12px var(--leh-glow)}
.leh-hero .wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center}
.leh-hero h1{font-size:46px;line-height:1.08;margin:0 0 14px}
.leh-hero h1 em{font-style:normal;color:var(--leh-cta)}
.leh-hero .lead{font-size:20px;line-height:1.6;color:var(--ink-soft);margin:0 0 22px;max-width:36em}
.leh-hero .cta-row{display:flex;flex-wrap:wrap;gap:12px}
.leh-hero-card{background:var(--leh-card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--leh-shadow);padding:20px 22px}
.leh-hero-card h2{font-size:19px;margin:0 0 10px}
.leh-hero-card ol{margin:0;padding-left:20px;line-height:1.6}
.leh-hero-card li{margin:4px 0}
@media (max-width:860px){.leh-hero .wrap{grid-template-columns:1fr}.leh-hero h1{font-size:34px}.leh-hero{padding:36px 0 32px}}

.leh-sec{padding:40px 0 8px}
.leh-sec h2{font-size:28px;margin:0 0 6px}
.leh-sec .sec-sub{color:var(--muted);margin:0 0 18px}
.leh-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.leh-tile{display:block;background:var(--leh-card);border:1px solid var(--line);border-radius:var(--leh-radius);box-shadow:var(--leh-shadow);padding:16px 18px;color:var(--ink)!important;text-decoration:none!important;transition:border-color .15s,transform .15s}
.leh-tile:hover{border-color:var(--leh-laser);transform:translateY(-1px)}
.leh-tile b{display:block;font-family:var(--font-head);font-size:18px;margin-bottom:4px}
.leh-tile span{font-size:15px;color:var(--muted);line-height:1.45;display:block}
.leh-tile.mat b::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--leh-wood);margin-right:8px;vertical-align:middle}
.leh-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0 40px}
.leh-trust div{background:var(--leh-card);border:1px solid var(--line);border-radius:var(--leh-radius);padding:16px 18px}
.leh-trust b{display:block;font-family:var(--font-head);margin-bottom:4px}
.leh-trust p{margin:0;font-size:16px;color:var(--ink-soft)}
@media (max-width:760px){.leh-trust{grid-template-columns:1fr}}
.leh-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}

/* Machine Finder */
.leh-mf{background:var(--leh-card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--leh-shadow);padding:22px;margin:20px 0}
.leh-mf fieldset{border:0;margin:0 0 18px;padding:0}
.leh-mf legend{font-family:var(--font-head);font-weight:700;font-size:19px;margin-bottom:8px}
.leh-mf .opts{display:flex;flex-wrap:wrap;gap:8px}
.leh-mf .opts label{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:8px;padding:10px 14px;min-height:44px;cursor:pointer;font-size:17px;background:var(--bg)}
.leh-mf .opts input{accent-color:var(--leh-cta);width:18px;height:18px}
.leh-mf .opts label:has(input:checked){border-color:var(--leh-cta);background:var(--leh-laser-tint)}
.leh-mf-result{margin-top:10px;border-top:2px solid var(--leh-laser);padding-top:16px}
.leh-mf-result[hidden]{display:none}
.leh-mf-result h2{margin-top:0}
.leh-mf-note{font-size:15px;color:var(--muted)}

/* Khoi team trang chu: mot tac gia thuong hieu, can giua */
.team{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 28px}
.team .m{min-width:140px}

/* Nut trong than bai khong an mau link */
.buy-btns a,.page-body a.acms-btn,.rd-body a.acms-btn,.entry-content a.acms-btn,.leh-qp-cta a{text-decoration:none!important}
.buy-btns a{color:#fff!important}
.buy-btns a.alt{color:var(--navy)!important}
footer.site{background:#141822}
footer.site .ft-h{color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-family:var(--font-head)}
footer.site .fine{color:#A9AEB8}
footer.site .desc{color:#C3C7CF}

/* 2026-10-18: bỏ dark mode (affshelf-theme chỉ có giao diện sáng, để lại thì header/bảng sản phẩm sáng giữa nền tối). */

.leh-trust a,.leh-hero-card a,.leh-callout a,.leh-mf-result a{color:var(--link);text-decoration:underline;text-underline-offset:2px}

table.leh-compare{font-size:15.5px;line-height:1.45}table.leh-compare td{min-width:96px}
/* Bang tom tat cua plugin ("The picks"): site tat badge (badge plugin la du lieu bia) nen cot Award luon trong -> an.
   Mobile: bo min-width 560px de khong tran mep phai. Bang so sanh: o rong hon de hang khong cao vong. */
.compare-table th:first-child,.compare-table td:first-child{display:none}
.compare-table th{background:var(--ink)}
@media (max-width:640px){
  .compare-table{min-width:0}
  .compare-table .ct-prod img{width:44px;height:auto}
  table.leh-compare th,table.leh-compare td{min-width:150px}
  table.leh-compare th:first-child,table.leh-compare td:first-child{min-width:130px}
}

/* CTA cua plugin theo spec muc 9: mau do-san ho (#C7361F, chu trang 5.3:1) o ca hai che do. */
.ct-buy,.buy-btns a:not(.alt){background:var(--leh-cta)!important;color:#fff!important;border-color:var(--leh-cta)!important}
.ct-buy:hover,.buy-btns a:not(.alt):hover{background:var(--leh-cta-hover)!important}

/* H1 viet thuong o category, tac gia, 404 cho khop trang page va bai viet (khung lat mac dinh uppercase). */
.cat-hero h1,.author-info h1,.err-404 h1,.coupons-head h1{text-transform:none}

/* 2026-10-08: lưới thẻ chọn số cột theo số thẻ, hàng cuối lẻ thì giãn ra cho kín (trước đây auto-fill để lẻ 5+1, 5+3, 4 cột chỉ 3 thẻ) */
.leh-tiles{display:flex !important;flex-wrap:wrap;gap:14px;--c:4}
.leh-tiles>*{flex:1 1 calc((100% - (var(--c) - 1) * 14px) / var(--c));min-width:0;box-sizing:border-box}
.leh-tiles:has(>:nth-child(3):last-child){--c:3}
.leh-tiles:has(>:nth-child(4):last-child){--c:4}
.leh-tiles:has(>:nth-child(5):last-child){--c:5}
.leh-tiles:has(>:nth-child(6):last-child){--c:3}
.leh-tiles:has(>:nth-child(7):last-child){--c:4}
.leh-tiles:has(>:nth-child(8):last-child){--c:4}
.leh-tiles:has(>:nth-child(9):last-child){--c:3}
.leh-tiles:has(>:nth-child(10):last-child){--c:5}
.leh-tiles:has(>:nth-child(11):last-child){--c:4}
.leh-tiles:has(>:nth-child(12):last-child){--c:4}
.leh-tiles:has(>:nth-child(13):last-child){--c:5}
.leh-tiles:has(>:nth-child(14):last-child){--c:5}
.leh-tiles:has(>:nth-child(15):last-child){--c:5}
.leh-tiles:has(>:nth-child(16):last-child){--c:4}
@media (max-width:1080px){.leh-tiles.leh-tiles:has(>:nth-child(n+5)){--c:3}.leh-tiles.leh-tiles.leh-tiles:has(>:nth-child(4):last-child),.leh-tiles.leh-tiles.leh-tiles:has(>:nth-child(8):last-child),.leh-tiles.leh-tiles.leh-tiles:has(>:nth-child(10):last-child),.leh-tiles.leh-tiles.leh-tiles:has(>:nth-child(14):last-child),.leh-tiles.leh-tiles.leh-tiles:has(>:nth-child(16):last-child){--c:2}}
@media (max-width:760px){.leh-tiles.leh-tiles.leh-tiles.leh-tiles{--c:2}}
@media (max-width:480px){.leh-tiles.leh-tiles.leh-tiles.leh-tiles.leh-tiles{--c:1}}