.hbo { color:#202d28; background:#fff; }
.hbo *, .hbo *::before, .hbo *::after { box-sizing:border-box; letter-spacing:0; }
.hbo [hidden] { display:none !important; }
.hbo [id], .hbo [data-mhg-product-card] { scroll-margin-top:140px; }
.hbo .mhg-shell { width:calc(100% - 48px); max-width:1240px; margin-inline:auto; }
.hbo a:focus-visible,.hbo button:focus-visible,.hbo input:focus-visible,.hbo textarea:focus-visible,.hbo summary:focus-visible { outline:3px solid #8c174b; outline-offset:4px; }
.hbo .mhg-btn { box-shadow:none; }
.hbo-intro { padding:24px 0 26px; border-bottom:1px solid #dce2de; }
.hbo-back { display:block; width:fit-content; font-size:14px; font-weight:600; margin-bottom:20px; }
.hbo-heading { display:flex; align-items:center; gap:24px; }
.hbo-heading > img { width:160px; height:74px; object-fit:contain; flex:none; }
.hbo-heading > .mhg-btn { margin-left:auto; flex:none; }
.hbo .hbo-eyebrow { color:#773149; font-size:12px; font-weight:700; margin:0 0 7px; }
.hbo h1 { font-size:44px; line-height:1.15; margin:0; }
.hbo .hbo-subtitle { font-size:22px; margin:5px 0 0; line-height:1.5; }
.hbo .hbo-intro-copy { max-width:920px; margin:16px 0 0; font-size:16px; line-height:1.65; color:#4e6158; }
.hbo h2 { margin:0; font-size:27px; line-height:1.35; }
.hbo-catalog { background:#f4f6f5; padding:0 0 26px; }
.hbo-tabs { display:flex; gap:24px; border-bottom:1px solid #ccd6cf; padding:8px 0 0; margin-bottom:25px; }
.hbo-tabs [data-hbo-tab] { display:flex; align-items:center; gap:10px; padding:17px 2px 13px; border:0; border-bottom:3px solid transparent; border-radius:0; background:transparent; color:#52625a; font:inherit; font-size:16px; font-weight:650; line-height:1.5; cursor:pointer; text-align:left; text-decoration:none; }
.hbo-tabs [data-hbo-tab][aria-selected=true] { color:#861244; border-bottom-color:#861244; }
.hbo-tabs span { font-size:12px; font-weight:500; }
.hbo [data-hbo-panel] { padding-top:24px; }
.hbo-tabs:not([hidden]) ~ [data-hbo-panel] { padding-top:0; }
.hbo-catalog-heading { display:flex; gap:28px; justify-content:space-between; align-items:center; margin-bottom:20px; }
.hbo-catalog-heading > div { min-width:0; }
.hbo .hbo-catalog-heading p { font-size:15px; line-height:1.65; margin:7px 0 0; color:#52625a; }
.hbo-guide-search { width:330px; max-width:100%; flex:none; }
.hbo label { display:block; font-size:13px; font-weight:650; margin:0 0 6px; }
.hbo input[type=search],.hbo textarea { width:100%; min-width:0; min-height:44px; padding:10px 12px; border:1px solid #8c9d92; border-radius:4px; background:#fff; color:#202d28; font:inherit; font-size:16px; }
.hbo .hbo-filters { position:static; display:flex; flex-wrap:wrap; gap:0 19px; padding:0; margin:0; background:transparent; border:0; border-bottom:1px solid #ccd6cf; }
.hbo .hbo-filters a { display:flex; align-items:center; gap:7px; min-height:44px; padding:10px 0; border:0; border-bottom:3px solid transparent; border-radius:0; color:#4b6052; background:transparent; font-size:13px; font-weight:600; }
.hbo .hbo-filters a.is-active { color:#861244; border-bottom-color:#861244; }
.hbo .hbo-filters a.is-active { background:transparent; }
.hbo-mobile-category { display:none; }
.hbo select { width:100%; min-height:44px; padding:10px 12px; color:#202d28; background:white; border:1px solid #8c9d92; border-radius:4px; font:inherit; font-size:16px; }
.hbo-filters strong { font-size:11px; font-weight:500; }
.hbo .hbo-status { font-size:13px; color:#52625a; margin:13px 0; }
.hbo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.hbo-grid > section { display:contents; }
.hbo-card { min-width:0; padding:18px; border:1px solid #d4ded7; border-radius:6px; background:white; display:flex; flex-direction:column; }
.hbo-card-top { display:flex; align-items:center; gap:16px; min-height:132px; }
.hbo-card-top > img { width:112px; height:132px; object-fit:contain; flex:none; }
.hbo-card-top > div { min-width:0; }
.hbo .hbo-category { font-size:11px; line-height:1.5; color:#6c3a4c; margin:0 0 6px; font-weight:600; }
.hbo-card h3 { font-size:19px; line-height:1.35; margin:0; overflow-wrap:anywhere; }
.hbo-card h3 a { color:inherit; text-decoration:none; }
.hbo-card h3 a:hover { text-decoration:underline; }
.hbo .hbo-description { font-size:14px; line-height:1.65; color:#4e6158; margin:12px 0 14px; flex:1; }
.hbo .hbo-article { display:flex; flex-wrap:wrap; gap:6px 12px; font-size:12px; line-height:1.6; border-top:1px solid #e0e7e2; padding-top:12px; margin:0 0 12px; color:#45574c; overflow-wrap:anywhere; }
.hbo-article span { font-weight:600; }
.hbo-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.hbo-actions .mhg-btn { display:flex; justify-content:center; align-items:center; min-height:42px; min-width:0; padding:9px 7px; font-size:13px; line-height:1.45; white-space:normal; border-radius:3px; text-align:center; }
.hbo-actions [data-mhg-compare-id] { grid-column:1/-1; justify-self:center; color:#385442; background:transparent; border-color:transparent; padding:4px 12px; min-height:32px; text-decoration:underline; }
.hbo-pagination { display:flex; gap:14px; justify-content:center; margin:22px 0 0; }
.hbo .hbo-wheel { margin:24px 0 0; border-top:1px solid #d4ded7; padding-top:18px; font-size:14px; line-height:1.65; color:#52625a; }
.hbo-wheel a { color:#7c1644; font-weight:650; }
.hbo-total { color:#52625a; font-size:14px; white-space:nowrap; }
.hbo-full-search { margin:0 0 24px; }
.hbo .mhg-hbc-intelligence-search { background:transparent; border:0; padding:0; margin:0; box-shadow:none; color:inherit; }
.hbo .mhg-hbc-intelligence-search__field { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; }
.hbo [data-mhg-hbc-intelligence-clear] { min-height:44px; padding:8px 16px; border:1px solid #809487; border-radius:4px; background:white; color:#334e3c; font:inherit; font-size:14px; cursor:pointer; }
.hbo [data-mhg-hbc-intelligence-status],.hbo [data-mhg-hbc-intelligence-empty] { color:#4e6158; font-size:14px; margin:12px 0; }
.hbo .mhg-hbc-intelligence-bulk { padding:0; margin:16px 0 0; border:0; }
.hbo summary { cursor:pointer; min-height:44px; padding:12px 0; font-size:15px; font-weight:650; }
.hbo .mhg-hbc-intelligence-bulk summary { font-size:14px; padding:4px 0; min-height:30px; }
.hbo .mhg-hbc-intelligence-bulk summary,.hbo .mhg-hbc-intelligence-search label { color:#334e3c; }
.hbo textarea { max-width:620px; display:block; margin:12px 0; }
.hbo .mhg-hbc-intelligence-results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:18px 0 12px; }
.hbo .mhg-hbc-intelligence-result { display:grid; grid-template-columns:90px minmax(0,1fr); gap:14px; padding:16px; min-width:0; border:1px solid #d4ded7; border-radius:6px; background:white; }
.hbo .mhg-hbc-intelligence-result__media { width:90px; height:110px; min-height:0; padding:0; background:white; }
.hbo .mhg-hbc-intelligence-result img { width:100%; height:100%; object-fit:contain; }
.hbo .mhg-hbc-intelligence-result__copy { padding:0; min-width:0; }
.hbo .mhg-hbc-intelligence-result h3 { font-size:18px; line-height:1.45; margin:6px 0; overflow-wrap:anywhere; }
.hbo .mhg-hbc-intelligence-result__copy > span { font-size:11px; color:#6c3a4c; }
.hbo .mhg-hbc-intelligence-result__copy > strong { display:block; font-size:13px; line-height:1.6; }
.hbo .mhg-hbc-intelligence-result__copy p { font-size:14px; line-height:1.65; margin:8px 0 0; }
.hbo .mhg-hbc-intelligence-result__actions { grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.hbo .mhg-hbc-intelligence-result__actions .mhg-btn { min-height:40px; padding:9px 12px; white-space:normal; font-size:13px; }
.hbo-search-more { margin:0 0 14px; }
.hbo-category-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.hbo-catalog-category { display:grid; grid-template-columns:52px minmax(0,1fr) 10px; align-items:center; gap:8px; padding:12px 10px; min-width:0; background:white; border:1px solid #d4ded7; border-radius:4px; text-decoration:none; }
.hbo-catalog-category img { width:52px; height:66px; object-fit:contain; }
.hbo-catalog-category strong { display:block; font-size:14px; line-height:1.45; }
.hbo-catalog-category small { display:block; font-size:11px; line-height:1.5; color:#52625a; margin-top:3px; }
.hbo-catalog-category:hover { border-color:#8c174b; }
.hbo-resources { padding:30px 0; }
.hbo-applications { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:20px; }
.hbo-applications a { min-width:0; font-size:15px; font-weight:600; line-height:1.6; }
.hbo-applications img { display:block; width:100%; height:180px; object-fit:contain; background:#f4f6f5; border-radius:4px; margin-bottom:10px; }
.hbo-support-links { display:flex; flex-wrap:wrap; gap:12px 28px; margin:16px 0 20px; font-size:15px; font-weight:600; }
.hbo-resources details { border-top:1px solid #d4ded7; padding:0; }
.hbo-resources details > p { max-width:880px; font-size:15px; line-height:1.75; margin:8px 0 18px; color:#52625a; }
.hbo-link-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 24px; padding:8px 0 20px; }
.hbo-link-grid a { display:block; font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
.hbo #mhg-sales { margin:0; }
html:lang(th) body:not(.course-reading) main.hbo :is(.hbo-eyebrow,.hbo-category) { font-size:12px !important; line-height:1.65 !important; }
html:lang(th) body:not(.course-reading) main.hbo :is(.hbo-description,.hbo-status,.hbo-wheel,.mhg-hbc-intelligence-result__copy p) { font-size:15px !important; line-height:1.75 !important; }
html:lang(th) body:not(.course-reading) main.hbo .hbo-article { font-size:13px !important; line-height:1.6 !important; }
@media(max-width:1100px) { .hbo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .hbo-category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:700px) {
 .hbo .mhg-shell { width:calc(100% - 32px); }
 .hbo-intro { padding:18px 0 22px; }
 .hbo-heading { flex-wrap:wrap; gap:12px; }
 .hbo-heading > img { width:88px; height:58px; }
 .hbo-heading > div { flex:1; min-width:0; }
 .hbo-heading > .mhg-btn { width:100%; margin:6px 0 0; }
 .hbo h1 { font-size:30px; }
 .hbo .hbo-subtitle { font-size:17px; }
 .hbo .hbo-intro-copy { font-size:15px; }
 .hbo h2 { font-size:23px; }
 .hbo-tabs { gap:16px; margin-bottom:20px; }
 .hbo-tabs [data-hbo-tab] { flex:1; font-size:14px; gap:6px; line-height:1.5; padding-top:14px; }
 .hbo-catalog-heading { align-items:stretch; flex-direction:column; gap:16px; }
 .hbo-guide-search { width:100%; }
 .hbo .hbo-filters { gap:0 16px; }
 .hbo .hbo-filters a { font-size:12px; }
 .hbo[data-hbo-ready] .hbo-filters { display:none; }
 .hbo-mobile-category:not([hidden]) { display:block; }
 .hbo-grid { grid-template-columns:minmax(0,1fr); gap:14px; }
 .hbo-card { padding:16px; }
 .hbo-card-top > img { width:94px; height:120px; }
 .hbo-card-top { min-height:120px; gap:14px; }
 .hbo .mhg-hbc-intelligence-results { grid-template-columns:minmax(0,1fr); }
 .hbo-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .hbo-catalog-category { grid-template-columns:44px minmax(0,1fr); padding:10px 8px; }
 .hbo-catalog-category img { width:44px; height:58px; }
 .hbo-catalog-category > span:last-child { display:none; }
 .hbo-catalog-category strong { font-size:13px; }
 .hbo-link-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
 .hbo-applications { grid-template-columns:minmax(0,1fr); gap:16px; }
 .hbo-applications a { display:grid; grid-template-columns:100px minmax(0,1fr); gap:14px; align-items:center; }
 .hbo-applications img { width:100px; height:80px; margin:0; }
}