/* BUYMORE v7: one content ruler across ALL public pages — 1180px desktop / fluid mobile. */
:root{--max:1180px !important;--bm-site-width:1180px;--bm-side-gap:16px}
html{width:100%;max-width:100%;overflow-x:clip!important}
body{width:100%;max-width:100%;overflow-x:clip!important}
body *,body *::before,body *::after{box-sizing:border-box}
main,header,footer,main>section{max-width:100%}
/* Preserve full-width backgrounds, align the actual text and cards. */
.container,
.bm-footer .bm-footer__inner,
#links.bm-directory .bm-directory__container,
#faq.bm-faq .bm-faq__container,
#article.bm-article-v6 > .container{
 width:min(var(--bm-site-width),calc(100% - 2 * var(--bm-side-gap))) !important;
 max-width:var(--bm-site-width) !important;
 margin-left:auto!important;margin-right:auto!important;
}
.container,.bm-footer__inner,.bm-directory__container,.bm-faq__container,.bm-article__shell,
.heroGrid,.imageBand,.process,.cards,.categoryGrid,.categoryIntro,.articleHero,.articleGrid,
.articleChecklist,.contactFinalGrid,.footerGrid,.linksWrap,.linksBox{
 min-width:0;min-inline-size:0;
}
img,video,canvas,iframe,svg{max-width:100%;height:auto}
iframe{display:block}
article table,.article table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
pre,code{max-width:100%;overflow-wrap:anywhere}
main p,main h1,main h2,main h3,main a,main summary{overflow-wrap:anywhere}
@media(max-width:850px){
 .heroGrid,.imageBand,.process,.articleHero,.articleGrid,.articleChecklist,.contactFinalGrid,
 .categoryGrid,.categoryIntro{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:680px){
 :root{--bm-side-gap:12px}
 .heroGrid,.imageBand,.process,.articleHero,.articleGrid,.articleChecklist,.contactFinalGrid,
 .categoryGrid,.categoryIntro,.cards{grid-template-columns:minmax(0,1fr)!important}
 .container,.bm-footer .bm-footer__inner,#links.bm-directory .bm-directory__container,
 #faq.bm-faq .bm-faq__container,#article.bm-article-v6 > .container{min-width:0!important}
 .heroText,.article,.panel,.contactFinalGrid{max-width:100%}
 .nav,.navlinks{max-width:100%}
 .frame img,.full-img img{display:block;max-width:100%;height:auto}
}
@media(max-width:380px){:root{--bm-side-gap:10px}}

/* A legacy standalone /บทความ.html has its own body instead of .container. */
.bm-simple-page{width:min(var(--bm-site-width),calc(100% - 2 * var(--bm-side-gap)));margin:25px auto 45px;max-width:var(--bm-site-width);min-width:0;background:#fff;border:1px solid #f2e9ee;box-shadow:0 10px 32px rgba(33,35,70,.04);border-radius:18px;padding:clamp(18px,3vw,35px);font:16px/1.8 "Noto Sans Thai",Tahoma,system-ui,sans-serif;color:#27314b;overflow-wrap:anywhere}
.bm-simple-page h2{font-size:clamp(21px,2.4vw,28px);line-height:1.4;color:#d72475;margin:0 0 14px}
.bm-simple-page p{margin:0 0 13px}
@media(max-width:680px){.bm-simple-page{margin-block:12px 24px;padding:17px}}