/* Nối brand GarageToolHQ (garagetoolhq.css, viết cho theme cũ) sang affshelf-theme. Nạp sau garagetoolhq.css. */
:root{--ast-font:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--affshelf-radius:3px;color-scheme:light}
/* Thân bài 18px + link đỏ gạch chân như .entry-content cũ */
.ast-content{font-size:18px;line-height:1.7}
.ast-content a:not(.affshelf-btn):not([class*="btn"]):not(.gth-tile):not(.gth-tool){color:var(--gth-link);text-decoration:underline;text-underline-offset:2px}
/* Thanh menu đen, viền đỏ dày dưới (site cũ); mục cuối menu phải (Calculators) là nút vàng chữ đen */
.ast-nav{background:var(--gth-black);border-bottom:4px solid var(--gth-red)}
.ast-nav .ast-menu > li > a{font-family:var(--font-head);font-weight:600;letter-spacing:.01em}
.ast-nav .ast-menu > li > a:hover,.ast-nav .current-menu-item > a,.ast-nav .current-category-ancestor > a{color:var(--gth-yellow)}
.ast-menu .sub-menu{border-top:3px solid var(--gth-red)}
.ast-menu--right .menu-item:last-child > a{background:var(--gth-yellow);color:var(--gth-black);border-radius:var(--gth-radius)}
.ast-menu--right .menu-item:last-child > a:hover{background:#fff;color:var(--gth-black)}
/* Logo SVG (thay ảnh media 46/47) */
.ast-logo .logo{font-size:26px}
.ast-footer .ast-logo .logo{color:#fff}
.ast-footer .ast-logo .lm-ring,.ast-footer .ast-logo .lm-tick{stroke:#fff}
@media (max-width:760px){.ast-header .ast-logo .logo{font-size:21px}.ast-header .ast-logo .logo-mark{width:28px;height:28px}}
/* Footer đen, sọc cảnh báo vàng đen ở trên như site cũ */
.ast-footer{background:var(--gth-black);border-top:8px solid transparent;border-image:repeating-linear-gradient(-45deg,var(--gth-yellow) 0 10px,var(--gth-black) 10px 20px) 8}
/* Bảng trong thân bài: bảng so sánh của Garage có kiểu riêng (gth-compare: đầu đen, cột tên dính) */
.ast-content table.gth-compare thead th{background:var(--gth-black);color:#fff}
/* Trang chủ: khối hero cũ trong ast-wrap */
.gth-hero .ast-wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
@media (max-width:860px){.gth-hero .ast-wrap{grid-template-columns:1fr}}
.gth-hero{margin-bottom:12px}
.gth-related{margin:36px 0 8px}
.gth-related h2{font-size:24px;margin:0 0 10px}
/* Như AcreMower/Weld/Laser: câu Amazon Associate đã có ở bảng Top picks + footer, ẩn bản lặp trong hộp cột phải; tên dài cắt 3 dòng; topbar không rớt › */
.ast-side-box__note{display:none}
.ast-side-pick__name{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ast-topbar a{white-space:nowrap}
@media (min-width:761px){.affshelf-card .dpq-pc-btn{display:none}}
/* /guides/: link "All Blog →" của theme cha trỏ về category Blog rỗng */
.ast-hub__more{display:none}
/* Thẻ AffShelf hẹp (điện thoại): mô tả tràn hết chiều ngang dưới ảnh + tên thay vì ép trong cột cạnh ảnh */
@container (max-width: 520px) {
  .affshelf-card__mid{display:contents}
  .affshelf-card__img{grid-row:1/span 2;align-self:start}
  .affshelf-card__title,.affshelf-card__meta{grid-column:2;margin:0}
  .affshelf-card__title{align-self:end}
  .affshelf-card__meta{align-self:start}
  .affshelf-card__desc{grid-column:1/-1}
}
/* garagetoolhq.css ép mọi button cao 44px: nút kính lúp trong ô tìm kiếm của theme cha bị lệch */
.ast-search button,.ast-header button[type=submit],.ast-nav-toggle{min-height:0}
@media (max-width:480px){
  .ast-header .ast-logo .logo{font-size:19px;gap:6px}
  .ast-header .ast-logo .logo-mark{width:24px;height:24px}
  .ast-header .ast-search{width:108px}
}
@media (max-width:760px){.ast-menu .sub-menu{border-top:0}}
/* Trang calculator: hẹp như cũ (820px) */
.ast-page:has(.gth-calc) .ast-content{max-width:820px}
/* Điện thoại: "GarageTool HQ" không được rớt dòng (ô HQ xuống dòng 2 khi ô tìm kiếm chiếm chỗ) */
.ast-logo .logo-word{white-space:nowrap}
@media (max-width:480px){.ast-header .ast-logo .logo{font-size:18px}.ast-header .ast-logo .logo-hq{padding:2px 4px 1px}.ast-header .ast-search{width:100px}}