/* BOMBY Home V2.18.9.17 — home-only integration */
body.site-v219{background:#fff}

/* Global header: preserve full portal menu but keep Thai text airy and readable */
body.has-global-header .global-mainbar .container.global-nav{max-width:1460px;width:min(1460px,calc(100% - 36px));padding-left:0;padding-right:0;gap:14px}
body.has-global-header .global-brand{width:176px}
body.has-global-header .global-menu{gap:2px;min-width:0}
body.has-global-header .global-nav-link{font-family:"Noto Sans Thai",sans-serif;font-size:13px;font-weight:800;line-height:1.25;letter-spacing:0;padding:0 10px}
body.has-global-header .global-tools{gap:8px}
body.has-global-header .global-search-trigger,
body.has-global-header .lang-toggle,
body.has-global-header .member-entry{font-family:"Noto Sans Thai",sans-serif;font-size:12px;letter-spacing:0;white-space:nowrap}
body.has-global-header .global-consult{font-family:"Noto Sans Thai",sans-serif;font-size:12px;white-space:nowrap;padding:0 15px}
@media(max-width:1390px) and (min-width:1081px){
  body.has-global-header .global-mainbar .container.global-nav{width:min(1320px,calc(100% - 24px));gap:9px}
  body.has-global-header .global-brand{width:154px}
  body.has-global-header .global-nav-link{font-size:12px;padding:0 7px}
  body.has-global-header .global-search-trigger{min-width:42px!important;width:42px;padding:0;justify-content:center}
  body.has-global-header .global-search-trigger .search-trigger-label{display:none}
  body.has-global-header .member-entry{max-width:116px;overflow:hidden}
}
@media(max-width:1180px) and (min-width:861px){
  body.has-global-header .global-menu{gap:0}
  body.has-global-header .global-nav-link{font-size:11.5px;padding:0 6px}
  body.has-global-header .global-consult{padding:0 11px}
  body.has-global-header .member-entry>span:nth-child(2){max-width:58px;overflow:hidden;text-overflow:ellipsis}
}

/* Restore and polish original hero without changing its content */
.hero{padding:72px 0 54px;background:radial-gradient(circle at 8% 5%,rgba(236,25,43,.08),transparent 28%),#fff}
.hero .hero-grid{align-items:center;gap:54px}
.hero .eyebrow{font-size:12px;letter-spacing:.08em;color:#e30c1d;font-weight:900}
.hero h1{font-family:"Noto Sans Thai",sans-serif;letter-spacing:-.035em;line-height:1.08;margin-top:14px}
.hero h1 span{color:#13171d}
.hero> .container p,.hero .hero-grid>div>p{font-size:16px;line-height:1.75;color:#626a76;max-width:660px}
.hero-actions{gap:12px;flex-wrap:wrap}
.hero-points{gap:22px;flex-wrap:wrap}
.hero-art.hero-slider{border-radius:30px;overflow:hidden;box-shadow:0 24px 54px rgba(25,34,52,.14)}
.hero-slider-bar{background:#fff}

/* Keep trust bar, platform and expert exactly structured, improve reading rhythm only */
.trustbar .trust-item strong,.platform-launch h2,.loyverse-expert-feature h2{font-family:"Noto Sans Thai",sans-serif;letter-spacing:-.025em}
.platform-launch h2{line-height:1.16}
.platform-copy>p,.expert-lead{line-height:1.75}

/* Approved project grid transplanted into Home */
.ref-projects{background:#fff;padding:64px 0 70px;border-top:1px solid #eef2f6}
.ref-project-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:end;margin-bottom:30px}
.ref-section-label{font-size:14px;color:#0d7bd0;font-weight:800;margin-bottom:5px}
.ref-project-head h2{margin:0;font-size:clamp(32px,3.1vw,46px);line-height:1.16;color:#095b9c;letter-spacing:-.035em;font-weight:900}
.ref-project-head-side{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.ref-project-head-side>span{width:54px;height:2px;background:#0d7bd0}
.ref-project-head-side p{margin:0;color:#3e4652;font-size:13px;line-height:1.55}
.home-project-all{display:inline-flex;align-items:center;color:#0b6fbd;text-decoration:none;font-weight:900;font-size:12px;white-space:nowrap}
.ref-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ref-card{background:#fff;border:1px solid #e2e7ec;border-radius:18px;box-shadow:0 6px 18px rgba(25,58,88,.07);overflow:hidden;min-width:0;transition:transform .2s,box-shadow .2s}
.ref-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(25,58,88,.12)}
.ref-card-photo{display:block;aspect-ratio:309/185;overflow:hidden;background:#eef3f7}
.ref-card-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .24s ease}
.ref-card:hover .ref-card-photo img{transform:scale(1.02)}
.ref-card-body{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:10px;align-items:start;padding:14px 13px 16px}
.ref-num{font-size:17px;font-weight:900;color:#0873c8;line-height:1.25}
.ref-card-copy h3{font-family:"Noto Sans Thai",sans-serif;font-size:17px;line-height:1.25;margin:0 0 7px;color:#12335b;font-weight:900;letter-spacing:-.01em}
.ref-card-copy p{font-size:12px;line-height:1.58;margin:0;color:#40505f}
.ref-go{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#0876ca;color:#fff;text-decoration:none;font-size:16px;align-self:center}

/* Do not let later full-site rules fade white cards on blue sections */
.ref-card,.ref-card *{opacity:1}
.ref-card-copy h3{color:#12335b!important}
.ref-card-copy p{color:#40505f!important}

@media(max-width:980px){
 .ref-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ref-project-head{grid-template-columns:1fr}
 .ref-project-head-side{justify-content:flex-start}
}
@media(max-width:640px){
 .hero{padding:44px 0 34px}.hero .hero-grid{gap:28px}
 .ref-projects{padding:44px 0 52px}.ref-project-grid{grid-template-columns:1fr}.ref-project-head h2{font-size:32px}
}