/* BOMBY Website V2.18.9.15 — Full Site Visual Redesign
   Visual direction: approved photoreal corporate / clean white-blue reference. */
:root{
  --b-blue:#0868bf;--b-blue-deep:#075493;--b-blue-dark:#063c72;--b-blue-light:#eaf5ff;
  --b-ink:#17202d;--b-muted:#5b6778;--b-line:#dce7f2;--b-soft:#f5f9fd;--b-white:#fff;
  --b-shadow:0 8px 24px rgba(18,71,120,.08);--b-radius:7px;
}
body.site-v219{font-family:"Noto Sans Thai","Segoe UI",Tahoma,sans-serif;color:var(--b-ink);background:#fff;line-height:1.68}
body.site-v219 .container{width:min(1180px,calc(100% - 40px));margin:auto}
body.site-v219 .topbar{background:#075b9d;color:#fff;font-size:12px}
body.site-v219 .topbar .container{padding:7px 0}
body.site-v219 .topbar a:hover{color:#fff;text-decoration:underline}
body.site-v219 .header{background:rgba(255,255,255,.98);border-bottom:1px solid #e5edf5;box-shadow:0 3px 14px rgba(13,64,105,.045)}
body.site-v219 .nav{height:76px}
body.site-v219 .brand img{width:164px}
body.site-v219 .navlinks{font-size:13px;gap:19px;color:#253348}
body.site-v219 .navlinks a:after{background:var(--b-blue);height:2px;bottom:-10px}
body.site-v219 .btn,body.site-v219 .corp-btn{border-radius:5px;font-weight:800;letter-spacing:0;box-shadow:none}
body.site-v219 .btn-primary,body.site-v219 .btn-project,body.site-v219 .corp-btn{background:var(--b-blue)!important;color:#fff!important;border-color:var(--b-blue)!important}
body.site-v219 .btn-primary:hover,body.site-v219 .btn-project:hover,body.site-v219 .corp-btn:hover{background:var(--b-blue-deep)!important;transform:none}
body.site-v219 .btn-outline{background:#fff;border-color:#b9d1e6;color:var(--b-blue-deep)}
body.site-v219 .btn-outline:hover{border-color:var(--b-blue);color:var(--b-blue)}
body.site-v219 .eyebrow,body.site-v219 .kicker{color:var(--b-blue)!important}
body.site-v219 .eyebrow:before{background:var(--b-blue)!important}
body.site-v219 h1,body.site-v219 h2,body.site-v219 h3,body.site-v219 h4{letter-spacing:-.025em;color:var(--b-ink)}
body.site-v219 p{color:var(--b-muted)}

/* Approved reference-style generic hero */
body.site-v219 .page-hero{background:#fff!important;color:var(--b-ink)!important;text-align:center;padding:68px 0 54px;border-bottom:1px solid #edf3f8}
body.site-v219 .page-hero .container{max-width:940px}
body.site-v219 .page-hero .eyebrow{justify-content:center;font-size:12px;letter-spacing:.12em}
body.site-v219 .page-hero h1{font-size:clamp(36px,4.3vw,55px);line-height:1.18;margin:9px 0 13px;color:var(--b-blue-deep)!important;font-weight:700}
body.site-v219 .page-hero p{color:#3e4652!important;font-size:16px;line-height:1.85;margin:0 auto;max-width:820px}
body.site-v219 .page-actions{justify-content:center}

/* Section rhythm exactly cleaner / more corporate */
body.site-v219 .section{padding:68px 0}
body.site-v219 .section.soft{background:var(--b-soft)}
body.site-v219 .section.dark{background:#145d94;color:#fff}
body.site-v219 .section.dark h1,body.site-v219 .section.dark h2,body.site-v219 .section.dark h3,body.site-v219 .section.dark h4{color:#fff}
body.site-v219 .section.dark p{color:#e1eef8}
body.site-v219 .section-head{margin-bottom:28px;align-items:end}
body.site-v219 .section-head h2{font-size:clamp(29px,3.4vw,42px);font-weight:700;line-height:1.25;margin:5px 0;color:var(--b-blue-deep)}
body.site-v219 .section-head p{color:var(--b-muted);line-height:1.8}
body.site-v219 .link-arrow{color:var(--b-blue)}

/* Corporate white cards — low radius, no exaggerated dimension */
body.site-v219 .card,body.site-v219 .icon-card,body.site-v219 .business-card,body.site-v219 .real-business-card,
body.site-v219 .catalog-product,body.site-v219 .system-showcase-card,body.site-v219 .business-info,
body.site-v219 .support-card,body.site-v219 .contact-card,body.site-v219 .form-card,
body.site-v219 .price-card,body.site-v219 .plan-card,body.site-v219 .package-card,
body.site-v219 .collection-card,body.site-v219 .official-dealer-card{
  border:1px solid var(--b-line)!important;border-radius:var(--b-radius)!important;background:#fff!important;
  box-shadow:0 4px 14px rgba(10,74,128,.045)!important;
}
body.site-v219 .card:hover,body.site-v219 .icon-card:hover,body.site-v219 .real-business-card:hover,
body.site-v219 .catalog-product:hover,body.site-v219 .system-showcase-card:hover{transform:none!important;box-shadow:var(--b-shadow)!important;border-color:#b9d5ec!important}
body.site-v219 .icon-card .ico{background:var(--b-blue-light);color:var(--b-blue);border-radius:6px}
body.site-v219 .tick{background:var(--b-blue);border-radius:50%}
body.site-v219 .tag,body.site-v219 .chip,body.site-v219 .android-tags span{border-radius:4px}
body.site-v219 .chip.active,body.site-v219 .chip:hover{background:var(--b-blue);border-color:var(--b-blue);color:#fff}

/* Common media ratios */
body.site-v219 .real-business-card img,body.site-v219 .business-info img,body.site-v219 .system-showcase-card img{aspect-ratio:16/9;object-fit:cover}

/* HOME — exact corporate reference direction */
body.site-v219 .v219-home-hero{background:#fff;padding:0;border-bottom:1px solid #edf3f8;overflow:hidden}
body.site-v219 .v219-home-hero-grid{display:grid;grid-template-columns:1.06fr .94fr;min-height:560px;align-items:stretch}
body.site-v219 .v219-home-copy{padding:76px 46px 68px 0;display:flex;flex-direction:column;justify-content:center}
body.site-v219 .v219-home-copy .mini{color:#265a8d;font-size:13px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
body.site-v219 .v219-home-copy h1{font-size:clamp(42px,5.5vw,68px);line-height:1.07;margin:17px 0 19px;font-weight:800;color:#17202d}
body.site-v219 .v219-home-copy h1 strong{color:var(--b-blue);font-weight:800}
body.site-v219 .v219-home-copy>p{font-size:16px;line-height:1.85;max-width:650px;color:#3f4855;margin:0}
body.site-v219 .v219-home-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:30px 0 25px;padding-top:24px;border-top:2px solid #1d83d2}
body.site-v219 .v219-benefit{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:start}
body.site-v219 .v219-benefit i{width:36px;height:36px;border:2px solid var(--b-blue);border-radius:50%;display:grid;place-items:center;color:var(--b-blue);font-style:normal;font-weight:900;font-size:16px}
body.site-v219 .v219-benefit b{display:block;color:var(--b-blue-deep);font-size:13px}.v219-benefit span{display:block;color:#6b7481;font-size:11px;margin-top:2px}
body.site-v219 .v219-home-actions{display:flex;gap:10px;flex-wrap:wrap}
body.site-v219 .v219-home-photo{position:relative;min-height:560px;background:linear-gradient(90deg,#f9fcff,#e8f5ff);overflow:hidden}
body.site-v219 .v219-home-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
body.site-v219 .v219-home-photo .quote{position:absolute;right:24px;top:84px;color:#1266b0;font-size:24px;line-height:1.35;font-weight:800;transform:rotate(-4deg);max-width:190px;text-align:center;text-shadow:0 1px #fff}
body.site-v219 .trustbar{border-color:#dfeaf4}.site-v219 .trust-item{padding:20px 14px;border-color:#dfeaf4}.site-v219 .trust-item strong{font-size:18px;color:var(--b-blue-deep)}

/* Home existing legacy content converted to reference-like blocks */
body.site-v219 .platform-launch{background:#f4f9fd!important;padding:68px 0!important}
body.site-v219 .platform-copy h2{color:var(--b-blue-deep)!important;font-size:clamp(30px,4vw,44px)!important}
body.site-v219 .platform-visual img{border-radius:5px!important;box-shadow:0 6px 18px rgba(16,71,117,.1)!important}
body.site-v219 .platform-metric{border-radius:4px!important}
body.site-v219 .loyverse-expert-shell{border-radius:6px!important;border:1px solid var(--b-line)!important;box-shadow:none!important;background:#fff!important}
body.site-v219 .expert-kicker{color:var(--b-blue)!important}
body.site-v219 .loyverse-expert-copy h2,body.site-v219 .big-copy h2{color:var(--b-blue-deep)!important}
body.site-v219 .expert-points span{border-radius:4px!important;background:var(--b-blue-light)!important;color:var(--b-blue-deep)!important}
body.site-v219 .customer-logo-card{border-radius:4px!important;box-shadow:none!important;border:1px solid var(--b-line)!important}
body.site-v219 .feature-panel{background:#155f96!important;border-radius:6px!important;box-shadow:none!important}
body.site-v219 .red-line{background:var(--b-blue)}
body.site-v219 .cta{background:#fff!important;padding:58px 0!important}.site-v219 .cta-box{background:#145d94!important;border-radius:6px!important}
body.site-v219 .home-portfolio-card{border-radius:6px!important}

/* PRODUCTS */
body.site-v219 .product-catalog-hero{background:#fff!important;color:var(--b-ink)!important;text-align:center;padding:68px 0 52px!important;border-bottom:1px solid #edf3f8}
body.site-v219 .product-catalog-hero h1{color:var(--b-blue-deep)!important;font-size:clamp(38px,4.4vw,56px)!important}
body.site-v219 .product-catalog-hero p{max-width:820px;margin-left:auto!important;margin-right:auto!important;color:#4a5665!important}
body.site-v219 .catalog-brand-line{justify-content:center!important;color:var(--b-blue)!important}
body.site-v219 .hero-inline-actions{justify-content:center!important}
body.site-v219 .windows-package-card,body.site-v219 .windows-info-card,body.site-v219 .android-set-card,body.site-v219 .used-pos-card,body.site-v219 .quote-step{border-radius:6px!important;box-shadow:none!important;border:1px solid var(--b-line)!important}
body.site-v219 .windows-set-showcase,body.site-v219 .android-set-showcase,body.site-v219 .used-pos-section{padding-top:64px!important;padding-bottom:64px!important}
body.site-v219 .windows-set-head h2,body.site-v219 .loyverse-service-heading h2{color:var(--b-blue-deep)!important}
body.site-v219 .windows-set-price-badge,body.site-v219 .windows-package-price,body.site-v219 .android-set-price-row strong{color:var(--b-blue)!important}

/* PRICING */
body.site-v219 .package-shell{background:#fff!important}
body.site-v219 .package-hero{text-align:center;padding:66px 0 44px!important;background:#fff!important;color:var(--b-ink)!important}
body.site-v219 .package-hero h1{color:var(--b-blue-deep)!important;font-size:clamp(38px,4.3vw,55px)!important}
body.site-v219 .package-switcher{border:1px solid var(--b-line)!important;border-radius:6px!important;background:#f7fbff!important}
body.site-v219 .billing-pills button.active,body.site-v219 .package-switcher button.active{background:var(--b-blue)!important;color:#fff!important}
body.site-v219 .package-badge{background:var(--b-blue)!important}.site-v219 .package-price{color:var(--b-blue-deep)!important}
body.site-v219 .plan-card.featured{border-color:var(--b-blue)!important;box-shadow:0 4px 14px rgba(8,104,191,.1)!important}
body.site-v219 .plan-card .daily{background:var(--b-blue-light);color:var(--b-blue-deep)}
body.site-v219 .market-compare th{background:#155f96!important}
body.site-v219 .market-compare .bomby{background:#edf7ff!important}

/* SOLUTIONS */
body.site-v219 .business-info .body h3{color:var(--b-blue-deep)}
body.site-v219 .business-info .flow span{background:#eaf5ff;color:#185f99;border-radius:4px}

/* DEALERS */
body.site-v219 .dealer-recruitment-poster-section{background:#fff!important;padding:62px 0!important}
body.site-v219 .dealer-recruitment-copy h1,body.site-v219 .dealer-hero h1{color:var(--b-blue-deep)!important}
body.site-v219 .dealer-hero{background:#f4f9fd!important;color:var(--b-ink)!important}
body.site-v219 .dealer-hero p{color:var(--b-muted)!important}
body.site-v219 .dealer-badge{border-radius:6px!important;box-shadow:none!important}
body.site-v219 .step .num{background:var(--b-blue)!important}

/* SUPPORT / CONTACT / FORMS */
body.site-v219 input,body.site-v219 select,body.site-v219 textarea{border-color:#cadbea!important;border-radius:5px!important;background:#fff!important}
body.site-v219 input:focus,body.site-v219 select:focus,body.site-v219 textarea:focus{border-color:var(--b-blue)!important;outline:2px solid rgba(8,104,191,.08)!important}
body.site-v219 .support-card{padding:24px!important}.site-v219 .support-card .ico{background:var(--b-blue-light)!important;color:var(--b-blue)!important}
body.site-v219 .faq details{border-color:var(--b-line)!important;border-radius:5px!important}
body.site-v219 .contact-grid{gap:24px!important}.site-v219 .contact-card h2,.site-v219 .form-card h2{color:var(--b-blue-deep)!important}
body.site-v219 .contact-map-shell{border-radius:6px!important;border:1px solid var(--b-line)!important}

/* PORTFOLIO */
body.site-v219 .portfolio-real-hero{background:#fff!important;color:var(--b-ink)!important;padding:68px 0!important;border-bottom:1px solid #edf3f8}
body.site-v219 .portfolio-real-hero h1{color:var(--b-blue-deep)!important;font-size:clamp(38px,4.4vw,56px)!important}
body.site-v219 .portfolio-real-hero p{color:var(--b-muted)!important}.site-v219 .portfolio-stats strong{color:var(--b-blue)!important}
body.site-v219 .portfolio-hero-collage img,body.site-v219 .collection-card,body.site-v219 .masonry-item{border-radius:5px!important}
body.site-v219 .portfolio-cta{background:#145d94!important;border-radius:6px!important}

/* PROJECT SUBPAGES — same family, real images retained */
body.site-v219.project-page{--project-accent:var(--b-blue)!important;--project-accent2:var(--b-blue-deep)!important;background:#fff}
body.site-v219.project-page .project-hero{background:#fff!important;color:var(--b-ink)!important;padding:64px 0 54px!important;border-bottom:1px solid #edf3f8}
body.site-v219.project-page .project-hero-grid{gap:48px!important;align-items:center!important}
body.site-v219.project-page .project-back{color:#5f6c7a!important;font-size:12px}
body.site-v219.project-page .project-kicker{color:var(--b-blue)!important;letter-spacing:.11em}
body.site-v219.project-page .project-version{background:#edf7ff!important;border:1px solid #cfe6f8!important;color:var(--b-blue-deep)!important;border-radius:4px!important}
body.site-v219.project-page .project-version i{background:var(--b-blue)!important}
body.site-v219.project-page .project-hero h1{color:#182231!important;font-size:clamp(40px,5vw,64px)!important;line-height:1.08!important}.site-v219.project-page .project-hero h1 em{color:var(--b-blue)!important}
body.site-v219.project-page .project-hero .lead{color:#536173!important;font-size:16px!important;line-height:1.85!important}
body.site-v219.project-page .project-proof{display:none!important}
body.site-v219.project-page .project-screen{border-radius:5px!important;border:1px solid var(--b-line)!important;box-shadow:0 6px 20px rgba(15,75,125,.1)!important;background:#f5f9fd!important}
body.site-v219.project-page .project-screen img{border-radius:5px!important}
body.site-v219.project-page .project-screen-tag{background:#155f96!important;border-radius:4px!important;color:#fff!important}
body.site-v219.project-page .project-stat-band{background:#155f96!important;color:#fff!important;border:0!important}
body.site-v219.project-page .project-stat{border-color:rgba(255,255,255,.18)!important}.site-v219.project-page .project-stat strong,.site-v219.project-page .project-stat span{color:#fff!important}
body.site-v219.project-page .project-section{padding:66px 0!important}.site-v219.project-page .project-section.soft{background:#f5f9fd!important}
body.site-v219.project-page .project-heading .mini{color:var(--b-blue)!important}.site-v219.project-page .project-heading h2{color:var(--b-blue-deep)!important;font-size:clamp(30px,3.5vw,43px)!important}
body.site-v219.project-page .feature-card,body.site-v219.project-page .flow-step,body.site-v219.project-page .gallery-card,body.site-v219.project-page .why-box{border-radius:6px!important;border:1px solid var(--b-line)!important;box-shadow:none!important}
body.site-v219.project-page .feature-icon,body.site-v219.project-page .flow-no{background:var(--b-blue)!important;color:#fff!important}
body.site-v219.project-page .flow-arrow{color:var(--b-blue)!important}.site-v219.project-page .audience-pill{border-radius:4px!important;background:#eaf5ff!important;color:var(--b-blue-deep)!important}
body.site-v219.project-page .project-cta{background:#fff!important;padding:0 0 66px!important}.site-v219.project-page .project-cta-box{background:#155f96!important;border-radius:6px!important;color:#fff!important}.site-v219.project-page .project-cta-box h2,.site-v219.project-page .project-cta-box p{color:#fff!important}

/* Footer */
body.site-v219 .footer{background:#0f4775!important;color:#fff!important;border-top:0!important}
body.site-v219 .footer p,body.site-v219 .footer a{color:#dbeaf6!important}.site-v219 .footer h4{color:#fff!important}
body.site-v219 .footer-badges span{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;border-radius:3px!important}
body.site-v219 .footer-bottom{border-color:rgba(255,255,255,.15)!important;color:#cce0f0!important}
body.site-v219 .staff-access-footer{background:#07385e!important;border-color:#0b4e80!important}

/* Hide technical/admin-centric copy from customer marketing pages when present */
body.site-v219 .source-note{font-size:11px;color:#8493a2}

@media(max-width:960px){
 body.site-v219 .v219-home-hero-grid{grid-template-columns:1fr}.site-v219 .v219-home-copy{padding:58px 0 42px}.site-v219 .v219-home-photo{min-height:480px}
 body.site-v219 .v219-home-benefits{grid-template-columns:1fr 1fr}.site-v219 .photo-project-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:680px){
 body.site-v219 .container{width:min(100% - 28px,1180px)}.site-v219 .nav{height:68px}.site-v219 .brand img{width:146px}
 body.site-v219 .v219-home-copy h1{font-size:40px}.site-v219 .v219-home-benefits{grid-template-columns:1fr}.site-v219 .v219-home-photo{min-height:390px}.site-v219 .v219-home-photo .quote{font-size:18px;right:14px;top:38px}
 body.site-v219 .section{padding:54px 0}.site-v219 .section-head{align-items:flex-start;flex-direction:column}.site-v219 .page-hero{padding:54px 0 42px}
 body.site-v219.project-page .project-hero{padding:48px 0 40px!important}.site-v219.project-page .project-stat-grid{grid-template-columns:repeat(2,1fr)!important}
}