/* BOMBY Website V2.18.9.16 — UX / Readability / Content QA Master
   Purpose: zero hidden text, Thai-safe typography, consistent contrast,
   less duplicated marketing blocks, clearer conversion paths. */
:root{
  --b16-blue:#0a66b2;--b16-blue-hover:#075697;--b16-blue-deep:#084b82;
  --b16-navy:#172234;--b16-body:#35445a;--b16-muted:#526176;
  --b16-line:#d9e6f1;--b16-soft:#f5f9fd;--b16-soft-blue:#eaf4fc;
  --b16-dark:#0b5e9b;--b16-dark-deep:#07466f;--b16-white:#fff;
  --b16-shadow:0 8px 24px rgba(12,75,124,.08);
}
body.site-v219{
  font-family:"Noto Sans Thai","Leelawadee UI","Segoe UI",Tahoma,sans-serif!important;
  color:var(--b16-body)!important;background:#fff!important;line-height:1.72!important;
  font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;
}
body.site-v219 *,body.site-v219 *:before,body.site-v219 *:after{box-sizing:border-box}
body.site-v219 ::selection{background:#cfe8ff;color:#10263c}
body.site-v219 :where(h1,h2,h3,h4,h5,h6){
  color:var(--b16-navy);letter-spacing:0!important;text-wrap:balance;overflow-wrap:break-word;
  font-family:inherit!important;
}
body.site-v219 h1{line-height:1.16!important;font-weight:800!important}
body.site-v219 h2{line-height:1.24!important;font-weight:750!important}
body.site-v219 h3{line-height:1.34!important;font-weight:700!important}
body.site-v219 h4{line-height:1.42!important;font-weight:700!important}
body.site-v219 :where(p,li,dd,dt,label,small){overflow-wrap:break-word}
body.site-v219 p{color:var(--b16-body)!important;line-height:1.76!important}
body.site-v219 a{overflow-wrap:break-word}
body.site-v219 img{max-width:100%;height:auto}
body.site-v219 :where(.grid-2,.grid-3,.grid-4,.step-grid,.feature-grid,.business-grid,.support-grid,.official-dealer-grid,.package-grid,.plan-grid,.photo-project-grid)>*{min-width:0}
body.site-v219 :where(.grid-2,.grid-3,.grid-4,.step-grid,.feature-grid,.business-grid,.support-grid,.official-dealer-grid,.package-grid,.plan-grid){align-items:stretch}
body.site-v219 .btn,body.site-v219 button{line-height:1.35!important;white-space:normal;text-align:center}
body.site-v219 .btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center}
body.site-v219 .btn-primary,body.site-v219 .btn-project,body.site-v219 .corp-btn{
  background:var(--b16-blue)!important;border-color:var(--b16-blue)!important;color:#fff!important;
}
body.site-v219 .btn-primary:hover,body.site-v219 .btn-project:hover,body.site-v219 .corp-btn:hover{
  background:var(--b16-blue-hover)!important;border-color:var(--b16-blue-hover)!important;color:#fff!important;
}
body.site-v219 .btn-outline{background:#fff!important;border-color:#a9c9e2!important;color:var(--b16-blue-deep)!important}
body.site-v219 .btn-outline:hover{border-color:var(--b16-blue)!important;color:var(--b16-blue)!important}

/* Readability guard: light cards must always contain dark readable text. */
body.site-v219 :is(.card,.icon-card,.business-card,.real-business-card,.catalog-product,.system-showcase-card,
.business-info,.support-card,.contact-card,.form-card,.price-card,.plan-card,.package-card,.collection-card,
.official-dealer-card,.step,.quote-step,.windows-package-card,.windows-info-card,.android-set-card,.used-pos-card,
.photo-card,.feature-card,.gallery-card,.audience-pill){background:#fff!important;color:var(--b16-navy)!important}
body.site-v219 :is(.card,.icon-card,.business-card,.real-business-card,.catalog-product,.system-showcase-card,
.business-info,.support-card,.contact-card,.form-card,.price-card,.plan-card,.package-card,.collection-card,
.official-dealer-card,.step,.quote-step,.windows-package-card,.android-set-card,.used-pos-card,.photo-card,
.feature-card,.gallery-card) :is(h1,h2,h3,h4,h5,h6,strong,b){color:var(--b16-navy)!important;opacity:1!important}
body.site-v219 :is(.card,.icon-card,.business-card,.real-business-card,.catalog-product,.system-showcase-card,
.business-info,.support-card,.contact-card,.form-card,.price-card,.plan-card,.package-card,.collection-card,
.official-dealer-card,.step,.quote-step,.windows-package-card,.android-set-card,.used-pos-card,.photo-card,
.feature-card,.gallery-card) :is(p,li,small,span:not(.badge):not(.tag):not(.chip):not(.tick):not(.num):not(.ico)){
  color:#405166!important;opacity:1!important;
}
body.site-v219 .icon-card .ico{background:var(--b16-soft-blue)!important;color:var(--b16-blue)!important}

/* Dark sections: white only on dark surface. White cards inside remain dark text. */
body.site-v219 .section.dark{background:var(--b16-dark)!important;color:#fff!important}
body.site-v219 .section.dark>.container>.section-head :is(h1,h2,h3,h4),
body.site-v219 .section.dark>.container>.feature-split>.big-copy :is(h1,h2,h3,h4){color:#fff!important}
body.site-v219 .section.dark>.container>.section-head p,
body.site-v219 .section.dark>.container>.feature-split>.big-copy p{color:#e7f1f8!important}
body.site-v219 .section.dark :is(.icon-card,.card,.step,.official-dealer-card){background:#fff!important;color:var(--b16-navy)!important}
body.site-v219 .section.dark :is(.icon-card,.card,.step,.official-dealer-card) :is(h1,h2,h3,h4,strong,b){color:var(--b16-navy)!important}
body.site-v219 .section.dark :is(.icon-card,.card,.step,.official-dealer-card) :is(p,li,small){color:#405166!important}
body.site-v219 .section.dark .feature-panel{background:rgba(5,66,108,.58)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important}
body.site-v219 .section.dark .feature-panel :is(h1,h2,h3,h4,strong,b){color:#fff!important}
body.site-v219 .section.dark .feature-panel :is(p,span){color:#e7f1f8!important}
body.site-v219 .section.dark .feature-panel .tick{background:#fff!important;color:var(--b16-blue-deep)!important}

/* Forms / controls */
body.site-v219 :is(input,select,textarea){color:var(--b16-navy)!important;background:#fff!important;border-color:#bcd2e4!important}
body.site-v219 :is(input,select,textarea)::placeholder{color:#728096!important;opacity:1}
body.site-v219 label{color:#2d3b4d!important;font-weight:650}
body.site-v219 :focus-visible{outline:3px solid rgba(10,102,178,.2)!important;outline-offset:2px}

/* Project customer pages: remove internal/technical release labels from marketing view. */
body.site-v219.project-page .project-version,
body.site-v219.project-page .project-stat-band,
body.site-v219.project-page .project-screen-tag,
body.site-v219.project-page .project-proof{display:none!important}
body.site-v219.project-page .project-hero{padding-top:58px!important}
body.site-v219.project-page .project-hero h1{letter-spacing:0!important}
body.site-v219.project-page .project-heading p{color:var(--b16-muted)!important;max-width:820px}
body.site-v219.project-page .flow-step{background:#fff!important;color:var(--b16-navy)!important;border:1px solid var(--b16-line)!important}
body.site-v219.project-page .flow-step h3{color:var(--b16-navy)!important}
body.site-v219.project-page .flow-step p{color:#405166!important}
body.site-v219.project-page .flow-no{background:var(--b16-blue)!important;color:#fff!important;padding:5px 9px;border-radius:999px;display:inline-flex}
body.site-v219.project-page .why-box{background:linear-gradient(135deg,#0a5d9e,#0b4777)!important;color:#fff!important}
body.site-v219.project-page .why-box h3{color:#fff!important}
body.site-v219.project-page .why-box p{color:#e7f1f8!important}
body.site-v219.project-page .why-checks span{color:#fff!important;background:rgba(255,255,255,.11)!important}

/* New conversion/content system */
.v216-section{padding:68px 0;background:#fff}.v216-section.soft{background:var(--b16-soft)}
.v216-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:30px;align-items:end;margin-bottom:30px}
.v216-head .mini{font-size:11px;font-weight:800;letter-spacing:.11em;color:var(--b16-blue);margin-bottom:7px}
.v216-head h2{font-size:clamp(30px,3.8vw,44px);margin:0;color:var(--b16-blue-deep)}
.v216-head p{margin:0;color:var(--b16-muted)!important}
.v216-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.v216-choice-card{border:1px solid var(--b16-line);background:#fff;padding:24px;border-radius:8px;display:flex;flex-direction:column;min-width:0}
.v216-choice-card .num{font-size:11px;font-weight:850;color:var(--b16-blue);letter-spacing:.08em;margin-bottom:10px}
.v216-choice-card h3{font-size:21px;margin:0 0 8px;color:var(--b16-navy)}
.v216-choice-card p{font-size:13px;margin:0 0 16px;color:var(--b16-muted)!important}
.v216-choice-card a{margin-top:auto;color:var(--b16-blue);font-weight:800;text-decoration:none}
.v216-problem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.v216-problem-card{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:22px;border:1px solid var(--b16-line);background:#fff;border-radius:8px}
.v216-problem-card .ico{width:48px;height:48px;border-radius:8px;background:var(--b16-soft-blue);display:grid;place-items:center;font-size:21px;color:var(--b16-blue)}
.v216-problem-card h3{font-size:18px;margin:0 0 5px;color:var(--b16-navy)}
.v216-problem-card p{font-size:13px;margin:0 0 9px;color:var(--b16-muted)!important}
.v216-problem-card a{font-size:12px;font-weight:800;color:var(--b16-blue);text-decoration:none}
.v216-feature-summary{background:linear-gradient(180deg,#f7fbff,#fff)}
.v216-feature-kpi{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:center;margin-bottom:24px;padding:26px;border:1px solid var(--b16-line);background:#fff;border-radius:8px}
.v216-feature-kpi strong{font-size:58px;color:var(--b16-blue);line-height:1}.v216-feature-kpi span{display:block;color:var(--b16-muted);font-size:13px;margin-top:6px}
.v216-cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v216-cap{padding:18px;border:1px solid var(--b16-line);border-radius:7px;background:#fff}.v216-cap b{display:block;color:var(--b16-navy);font-size:15px}.v216-cap span{display:block;color:var(--b16-muted);font-size:12px;margin-top:5px;line-height:1.6}
.v216-summary-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.v216-dealer-band{padding:66px 0;background:linear-gradient(135deg,#0a5f9f,#084875);color:#fff}
.v216-dealer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:46px;align-items:center}
.v216-dealer-copy .mini{font-size:11px;font-weight:850;letter-spacing:.11em;color:#bfe4ff;margin-bottom:8px}.v216-dealer-copy h2{color:#fff!important;font-size:clamp(30px,3.7vw,44px);margin:0 0 12px}.v216-dealer-copy p{color:#eaf5fc!important;margin:0 0 20px}.v216-dealer-list{display:grid;gap:10px}.v216-dealer-item{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:14px 16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:7px}.v216-dealer-item i{font-style:normal;width:38px;height:38px;border-radius:7px;background:#fff;color:var(--b16-blue-deep);display:grid;place-items:center;font-weight:900}.v216-dealer-item b{display:block;color:#fff!important}.v216-dealer-item span{display:block;color:#dceefa!important;font-size:12px;margin-top:2px}
.v216-buy-guide{padding:56px 0;background:#f7fbff;border-bottom:1px solid #e5eef6}
.v216-feature-library{padding:66px 0}.v216-feature-library details{border:1px solid var(--b16-line);border-radius:8px;background:#fff;overflow:hidden}.v216-feature-library summary{cursor:pointer;padding:18px 20px;background:#f1f7fc;color:var(--b16-blue-deep);font-weight:800}.v216-feature-library details[open] summary{border-bottom:1px solid var(--b16-line)}
.v216-feature-library .feature-full-panel{padding:20px;background:#fff}.v216-feature-library .feature-full-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.v216-feature-library .feature-full-head h3{margin:4px 0 0}.v216-feature-library .feature-total-badge{background:var(--b16-blue);color:#fff;border-radius:7px;padding:10px 14px;text-align:center}.v216-feature-library .feature-total-badge strong,.v216-feature-library .feature-total-badge span{color:#fff!important;display:block}.v216-feature-library .feature-full-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v216-feature-library .feature-full-group{border:1px solid var(--b16-line);border-radius:7px;padding:16px;background:#fff}.v216-feature-library .feature-full-group-head{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #edf2f6;padding-bottom:9px;margin-bottom:9px}.v216-feature-library .feature-full-group-head h4{margin:0;font-size:15px}.v216-feature-library .feature-full-group-head span{font-size:11px;color:var(--b16-blue)}.v216-feature-library .feature-full-list{margin:0;padding-left:0;list-style:none;display:grid;gap:5px}.v216-feature-library .feature-full-item{display:grid;grid-template-columns:42px 1fr;gap:8px;font-size:11px;line-height:1.5;color:#405166}.v216-feature-library .feature-no{font-weight:800;color:var(--b16-blue)}.v216-feature-library .feature-full-source{font-size:11px;color:var(--b16-muted);margin-top:14px}
.v216-note-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.v216-note{padding:14px 16px;background:#fff;border:1px solid var(--b16-line);border-radius:7px}.v216-note b{display:block;color:var(--b16-navy)}.v216-note span{display:block;color:var(--b16-muted);font-size:12px;margin-top:3px}

/* Dealer-specific simplification */
body.site-v219 .benefits .grid-4{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.site-v219 .benefits .icon-card{min-height:190px}
body.site-v219 .dealer-hero h1{letter-spacing:0!important}

/* Safe footer / topbar */
body.site-v219 .topbar,body.site-v219 .topbar a{color:#fff!important}
body.site-v219 .footer,body.site-v219 .staff-access-footer{color:#fff!important}
body.site-v219 .footer :is(h1,h2,h3,h4,strong,b),body.site-v219 .staff-access-footer{color:#fff!important}
body.site-v219 .footer :is(p,a,span,small){color:#dceaf5!important}

@media(max-width:960px){
  .v216-head,.v216-dealer-grid{grid-template-columns:1fr}.v216-choice-grid{grid-template-columns:1fr 1fr}.v216-cap-grid{grid-template-columns:1fr 1fr}.v216-feature-library .feature-full-grid{grid-template-columns:1fr}
  body.site-v219 .benefits .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
  .v216-section,.v216-dealer-band{padding:52px 0}.v216-choice-grid,.v216-problem-grid,.v216-cap-grid,.v216-note-strip{grid-template-columns:1fr}.v216-feature-kpi{grid-template-columns:1fr;gap:12px}.v216-feature-kpi strong{font-size:46px}.v216-dealer-grid{gap:26px}.v216-feature-library .feature-full-head{align-items:flex-start;flex-direction:column}
  body.site-v219 .benefits .grid-4{grid-template-columns:1fr!important}
}

/* Additional dark-surface guard for legacy components outside .section.dark. */
body.site-v219 :is(.solution,.form-aside,.member-auth-brand,.member-welcome,.cta-box,.portfolio-cta,.loyverse-overview-card,.project-cta-box){color:#fff!important}
body.site-v219 :is(.solution,.form-aside,.member-auth-brand,.member-welcome,.cta-box,.portfolio-cta,.loyverse-overview-card,.project-cta-box) :is(h1,h2,h3,h4,h5,h6,strong,b){color:#fff!important}
body.site-v219 :is(.solution,.form-aside,.member-auth-brand,.member-welcome,.cta-box,.portfolio-cta,.loyverse-overview-card,.project-cta-box) :is(p,li,small,span:not(.badge):not(.tag):not(.chip)) {color:#e6f0f8!important}
body.site-v219 .solution a{color:#bfe4ff!important;font-weight:800}
body.site-v219 .form-aside .mini b{color:#fff!important}
body.site-v219 .member-auth-brand .eyebrow{color:#bfe4ff!important}
body.site-v219 .member-benefits span{color:#fff!important}
body.site-v219 .member-auth-panel p{color:#526176!important}