.bov { --bov-accent:#095b87; color:#202d28; background:#fff; }
.bov--herkules { --bov-accent:#00679a; }
.bov--ditec { --bov-accent:#9c2732; }
.bov *, .bov *::before, .bov *::after { box-sizing:border-box; letter-spacing:0; }
.bov [hidden] { display:none!important; }
.bov [id] { scroll-margin-top:140px; }
.bov .mhg-shell { width:calc(100% - 48px); max-width:1240px; margin-inline:auto; }
.bov :is(a,button,input,select,summary):focus-visible { outline:3px solid #23723a; outline-offset:4px; }
.bov .mhg-btn { box-shadow:none; white-space:normal; text-align:center; }
.bov .mhg-btn--primary { background:var(--bov-accent); border-color:var(--bov-accent); color:#fff; }
.bov-intro { padding:24px 0; border-bottom:1px solid #d8dedb; }
.bov-back { display:block; width:fit-content; font-size:14px; font-weight:600; margin-bottom:18px; }
.bov-heading { display:flex; align-items:center; gap:24px; }
.bov-heading > img { width:120px; height:74px; object-fit:contain; flex:none; }
.bov-heading > .mhg-btn { margin-left:auto; flex:none; }
.bov .bov-eyebrow { color:#536257; font-size:12px; font-weight:700; margin:0 0 7px; }
.bov h1 { font-size:40px; line-height:1.2; margin:0; }
.bov .bov-subtitle { font-size:20px; margin:5px 0 0; line-height:1.5; }
.bov .bov-intro-copy { max-width:960px; margin:16px 0 0; font-size:16px; line-height:1.7; color:#4e6158; }
.bov h2 { font-size:27px; line-height:1.4; margin:0; }
.bov-catalog { background:#f4f6f5; padding:28px 0; }
.bov-catalog-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:16px; }
.bov .bov-catalog-heading p { font-size:15px; margin:7px 0 0; color:#52625a; line-height:1.65; }
.bov-search { width:335px; max-width:100%; flex:none; }
.bov label { display:block; font-size:13px; font-weight:650; margin:0 0 6px; }
.bov :is(input[type=search],select) { width:100%; min-width:0; min-height:46px; padding:10px 12px; border:1px solid #8c9d92; border-radius:4px; background:#fff; color:#202d28; font:inherit; font-size:16px; }
.bov-filters { display:flex; flex-wrap:wrap; gap:0 20px; border-bottom:1px solid #ccd6cf; }
.bov-filters a { display:flex; align-items:center; gap:7px; min-height:46px; padding:10px 0; border-bottom:3px solid transparent; color:#43564a; font-size:13px; font-weight:600; }
.bov-filters a[aria-current=true] { border-bottom-color:var(--bov-accent); color:#202d28; }
.bov-filters small { font-size:11px; font-weight:500; }
.bov-mobile-filter { display:none; }
.bov .bov-status { font-size:13px; color:#52625a; margin:14px 0; min-height:22px; }
.bov-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.bov .bov-product { display:flex; flex-direction:column; min-width:0; padding:18px; gap:0; border:1px solid #d4ded7; border-radius:6px; background:#fff; box-shadow:none; transform:none; opacity:1; }
.bov .bov-product .mhg-brand-card__head { min-height:25px; margin:0 0 10px; }
.bov .bov-category { color:var(--bov-accent); font-size:12px; font-weight:650; line-height:1.6; }
.bov .bov-product .bov-media { display:block; flex:none; width:100%; height:190px; aspect-ratio:auto; margin:0 0 16px; padding:0; border:0; background:#fff; border-radius:0; }
.bov .bov-product .bov-media img { position:static; width:100%; height:100%; max-width:100%; object-fit:contain; object-position:center; margin:0; }
.bov .bov-product h3 { font-size:21px; line-height:1.4; margin:0 0 8px; overflow-wrap:anywhere; }
.bov .bov-product h3 a { color:inherit; text-decoration:none; }
.bov .bov-product h3 a:hover { text-decoration:underline; }
.bov .bov-product > p { font-size:14px; line-height:1.7; margin:0 0 18px; color:#4c6055; }
.bov .bov-product > p.mhg-brand-card__article { font-size:12px; line-height:1.6; margin:0 0 8px; padding:0; border:0; border-radius:0; background:none; color:#4c6055; }
.bov .bov-product .mhg-brand-card__actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:auto; }
.bov .bov-product .mhg-btn { display:flex; justify-content:center; align-items:center; min-width:0; min-height:44px; padding:9px 8px; font-size:13px; line-height:1.45; border-radius:3px; }
.bov .bov-product [data-mhg-compare-id] { grid-column:1/-1; justify-self:center; background:transparent; color:#385442; border-color:transparent; text-decoration:underline; min-height:40px; padding:4px 14px; }
.bov-pagination { display:flex; justify-content:center; margin-top:22px; }
.bov-guidance { padding:32px 0; }
.bov-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:22px; }
.bov-step { font-size:12px; font-weight:700; color:var(--bov-accent); }
.bov-guide-grid h3 { font-size:18px; line-height:1.5; margin:6px 0; }
.bov-guide-grid p, .bov-resources p { font-size:15px; line-height:1.75; color:#52625a; margin:6px 0 0; }
.bov-guide-links { display:flex; gap:16px 28px; flex-wrap:wrap; border-top:1px solid #d5ded8; padding-top:18px; margin-top:22px; font-size:14px; font-weight:600; }
.bov #mhg-sales { margin:0; }
.bov-resources { padding:16px 0 28px; }
.bov-resources details { border-bottom:1px solid #d5ded8; }
.bov summary { cursor:pointer; padding:16px 0; font-size:16px; line-height:1.6; font-weight:650; }
.bov-source-links, .bov-resource-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 28px; padding:16px 0 22px; }
.bov-resources a { font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
.bov-faq { padding-bottom:20px; max-width:920px; }
.bov-faq h3 { font-size:18px; line-height:1.6; margin:18px 0 6px; }
.bov-anchor { display:block; height:0; }
.bov [data-bov-reset] { font:inherit; background:white; color:#284c34; border:1px solid #8c9d92; padding:10px 14px; min-height:44px; border-radius:3px; cursor:pointer; margin-right:12px; }
html:lang(th) body:not(.course-reading) main.bov :is(.bov-eyebrow,.bov-category) { font-size:12px!important; line-height:1.65!important; }
@media(max-width:1100px) { .bov-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .bov-heading { flex-wrap:wrap; } }
@media(max-width:700px) {
 .bov .mhg-shell { width:calc(100% - 32px); }
 .bov-intro { padding:14px 0 18px; } .bov-back { margin-bottom:14px; }
 .bov-heading .bov-eyebrow { display:none; } .bov-heading { gap:12px; }
 .bov-heading > img { width:76px; height:58px; } .bov-heading > div { flex:1; min-width:0; }
 .bov-heading > .mhg-btn { width:100%; margin:6px 0 0; } .bov h1 { font-size:28px; }
 .bov .bov-subtitle { font-size:16px; } .bov .bov-intro-copy { font-size:15px; }
 html:lang(th) body:not(.course-reading) main.bov :is(.bov-subtitle,.bov-intro-copy,.bov-catalog-heading p,.bov-status) { font-size:15px!important; line-height:1.65!important; }
 .bov-catalog { padding-top:22px; } .bov h2 { font-size:23px; }
 .bov-catalog-heading { flex-direction:column; align-items:stretch; gap:14px; } .bov-search { width:100%; }
 .bov[data-bov-ready] .bov-filters { display:none; } .bov-mobile-filter:not([hidden]) { display:block; }
 .bov-grid { grid-template-columns:minmax(0,1fr); gap:14px; }
 .bov .bov-product { padding:16px; } .bov .bov-product .bov-media { height:170px; }
 .bov-guide-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
 .bov-source-links, .bov-resource-links { grid-template-columns:minmax(0,1fr); }
}