.elementor-14736 .elementor-element.elementor-element-29a670c0{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-29a670c0 *//* BLL OEM — Latest Palette Override
   วางต่อท้าย Custom CSS เดิมใน Elementor
   เปลี่ยนเฉพาะโทนสี/พื้นผิวหลัก โดยไม่ต้องแก้ HTML
*/
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page{
  --brand:#00BFA6;
  --brand-dark:#00666B;
  --brand-medium:#39A8AD;
  --aqua:#73FFFF;
  --ink:#051B1D;
  --muted:#5E7174;
  --soft:#F7F7F8;
  --line:#DDE8E8;
  --dark:#051B1D;
  --dark-cyan:#003339;
  --white:#FFFFFF;
}

.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero{
  background:
    radial-gradient(circle at 78% 28%,rgba(57,168,173,.22),transparent 26%),
    radial-gradient(circle at 92% 76%,rgba(115,255,255,.12),transparent 22%),
    linear-gradient(180deg,#FFFFFF 0%,#F7F7F8 100%);
}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero h1 .phrase:last-child{color:#00666B}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .btn.primary{background:#00666B;color:#fff}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .btn.primary:hover{background:#00BFA6;color:#051B1D;box-shadow:0 12px 28px rgba(0,191,166,.22)}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .btn.secondary{border-color:#AACBCC;color:#00666B}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .glow{background:radial-gradient(circle,rgba(0,191,166,.27),rgba(0,191,166,0) 68%)}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .device.one{background:linear-gradient(155deg,#FFFFFF,#F5FFFF 58%,rgba(57,168,173,.24))}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .device.two{background:linear-gradient(155deg,#051B1D,#003339)}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .stats{background:#051B1D}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .stat span{color:#BDD1D3}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .eyebrow-light,
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .eyebrow-contact{color:#73FFFF}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solutions-section{background:#F7F7F8}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .faq details{border-color:rgba(0,102,107,.12)}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .faq details{background:#F7F7F8}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .faq summary{color:#051B1D}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .contact-panel{border-color:rgba(115,255,255,.12)}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .contact-panel{background:linear-gradient(135deg,#0A1C1E,#003339)}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .contact-panel h2{color:#fff}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .contact-panel p{color:#CBE0E1}

/* Prevent Elementor button hover colors from covering product photos. */
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-grid .solution-case-image > button.solution-image-preview,
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-grid .solution-case-image > button.solution-image-preview:hover,
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-grid .solution-case-image > button.solution-image-preview:focus,
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-grid .solution-case-image > button.solution-image-preview:active{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  opacity:1;
}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-grid .solution-case-image > button.solution-image-preview::before,
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-grid .solution-case-image > button.solution-image-preview::after{
  content:none!important;
}

/* Circular, centered lightbox close button; override Elementor button defaults. */
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .concept-dialog .concept-dialog-close-form{z-index:10;pointer-events:auto}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .concept-dialog button.concept-dialog-close{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  padding:0!important;margin:0!important;box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.8)!important;border-radius:50%!important;
  background:#00666B!important;color:#fff!important;line-height:1!important;
  cursor:pointer;pointer-events:auto;box-shadow:0 3px 12px rgba(5,27,29,.2);
}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .concept-dialog button.concept-dialog-close:hover{background:#004E53!important}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .concept-dialog button.concept-dialog-close:focus-visible{outline:3px solid #00BFA6;outline-offset:3px}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .concept-dialog button.concept-dialog-close svg{display:block;width:20px;height:20px;flex:none;pointer-events:none}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .concept-dialog button.concept-dialog-close::before,
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .concept-dialog button.concept-dialog-close::after{content:none!important}

/* Match hero text contrast to the light palette used in Elementor. */
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero{
  background:radial-gradient(circle at 78% 28%,rgba(57,168,173,.22),transparent 26%),radial-gradient(circle at 92% 76%,rgba(115,255,255,.12),transparent 22%),linear-gradient(180deg,#FFFFFF 0%,#F7F7F8 100%);
}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero .hero-copy h1{color:#051B1D}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero .hero-copy h1 .phrase{color:#00666B}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero .hero-copy .eyebrow{color:#00666B}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero .hero-copy .eyebrow::before{background:#00666B}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero .hero-copy .lead{color:#3E5558;font-weight:500}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero .hero-solution-caption>span:first-child{color:#475F62}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero .hero-actions .btn.primary{background:#00666B;color:#FFFFFF}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero .hero-actions .btn.primary:hover{background:#004E53;color:#FFFFFF}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero .hero-actions .btn.secondary{background:#FFFFFF;border-color:#AACBCC;color:#00666B}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero .hero-actions .btn.secondary:hover{background:#E5F4F1;border-color:#00666B;color:#004E53}

/* Your Brand: seven logo slots, wrapping on smaller screens. */
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page #solution-your-brand .brand-logo-slots{grid-template-columns:repeat(7,minmax(0,76px))}
@media(max-width:600px){
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page #solution-your-brand .brand-logo-slots{grid-template-columns:repeat(3,minmax(0,76px))}
}

/* Fit licensed logos within their slots without clipping. */
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page #solution-licensed-character .brand-logo-slot{padding:8px;background:#fff}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page #solution-licensed-character .brand-logo-slot img{width:100%;height:100%;min-height:0;max-height:100%;padding:0;object-fit:contain;align-self:stretch}
/* Navigation inside the enlarged product gallery. */
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .concept-dialog button.concept-dialog-arrow{
  position:absolute;top:50%;z-index:5;transform:translateY(-50%);
  display:flex!important;align-items:center;justify-content:center;
  width:44px!important;height:44px!important;min-width:44px!important;
  padding:0!important;border:1px solid #AACBCC!important;border-radius:50%!important;
  background:#fff!important;color:#00666B!important;cursor:pointer;
  box-shadow:0 3px 12px rgba(5,27,29,.2);
}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .concept-dialog .concept-dialog-previous{left:22px}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .concept-dialog .concept-dialog-next{right:22px}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .concept-dialog button.concept-dialog-arrow:hover{background:#E5F4F1!important}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .concept-dialog button.concept-dialog-arrow:disabled{opacity:.35;cursor:default}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .concept-dialog button.concept-dialog-arrow:focus-visible{outline:3px solid #00BFA6;outline-offset:3px}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .concept-dialog button.concept-dialog-arrow svg{display:block;flex:none;pointer-events:none}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .concept-dialog button.concept-dialog-arrow::before,
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .concept-dialog button.concept-dialog-arrow::after{content:none!important}

/* Center Your Brand logos in a fixed square, independent of image proportions. */
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page #solution-your-brand .brand-logo-slot{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  aspect-ratio:1/1;
}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page #solution-your-brand .brand-logo-slot img{
  position:absolute;
  inset:10px;
  display:block;
  width:calc(100% - 20px);
  height:calc(100% - 20px);
  max-width:calc(100% - 20px);
  max-height:calc(100% - 20px);
  margin:0;
  padding:0;
  object-fit:contain;
  object-position:50% 50%;
}

/* Mobile readability: small text enlarged by approximately 15%. */
@media(max-width:760px){
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .eyebrow{font-size:12.65px}
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-label{font-size:11.5px}
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero .hero-solution-caption>span:first-child{font-size:10.35px}
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero .hero-copy .lead{font-size:17.25px}
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solutions-head p,.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .process-head p,.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .quality .section-title p{font-size:18.4px}
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-grid>.feature-card>p{font-size:17.25px}
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-scope{font-size:13.8px}
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-scope strong{font-size:13.8px}
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .checks li,.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .cert p,.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .step p,.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .time-card p,.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .faq p{font-size:16.1px}
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .cert>span{font-size:12.65px}
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .faq summary{font-size:17.25px}
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .btn{font-size:16.1px}
}

/* Mobile gallery: one complete image per slide, with overlay arrows. */
@media(max-width:760px){
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-grid>.feature-card .solution-case{
    display:block;
    position:relative;
    width:100%;
    min-width:0;
  }
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-grid>.feature-card .solution-case-images{
    display:flex;
    width:100%;
    min-width:0;
    gap:12px;
    padding:0 0 12px;
    scroll-padding-inline:0;
  }
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-grid>.feature-card:not([hidden]) .solution-case-image{
    flex:0 0 100%;
    width:100%;
    min-width:0;
    height:auto;
    aspect-ratio:1/1;
  }
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-grid>.feature-card .solution-case-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    animation:none;
    transform:none;
  }
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-grid>.feature-card .solution-gallery-controls .solution-gallery-arrow{
    position:absolute;
    top:calc(50% - 6px);
    z-index:4;
    transform:translateY(-50%);
    width:36px;
    height:36px;
    min-width:36px;
    padding:0;
    background:rgba(255,255,255,.94);
  }
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-grid>.feature-card .solution-gallery-controls .solution-gallery-arrow:first-child{left:6px}
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-grid>.feature-card .solution-gallery-controls .solution-gallery-arrow:last-child{right:6px}
}

/* Continuous gallery motion and a deliberate second title line. */
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page #heading-licensed-character span{display:block;word-break:normal;overflow-wrap:normal}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-grid>.feature-card .solution-case-images{scroll-snap-type:none;scroll-behavior:auto}

/* Mouse drag scrolling while retaining native touch scrolling. */
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-case-images{cursor:grab;user-select:none;-webkit-user-select:none}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-case-images .solution-image-preview{cursor:grab}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-case-images.is-dragging,
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-case-images.is-dragging .solution-image-preview{cursor:grabbing}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .solution-case-images img{-webkit-user-drag:none;user-select:none}

/* Customer logos between the hero introduction and solution cards. */
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero-customers{width:100%;max-width:1120px;margin:0 auto;text-align:center}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero-customers h2{margin:0 0 20px;color:#00666B;font-size:clamp(22px,2.2vw,28px);line-height:1.4;font-weight:600;letter-spacing:0}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .customer-logo-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .customer-logo-grid li{display:flex;align-items:center;justify-content:center;min-width:0;height:90px;padding:14px 16px;background:#fff;border:1px solid #E2ECEC;border-radius:12px;box-sizing:border-box}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .customer-logo-grid img{display:block;width:100%;height:100%;max-width:126px;max-height:62px;object-fit:contain;object-position:center;margin:0;padding:0;border:0;border-radius:0}
@media(max-width:1000px){
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .customer-logo-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
}
@media(max-width:760px){
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero-customers h2{margin-bottom:16px}
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .customer-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .customer-logo-grid li{height:76px;padding:10px;border-radius:10px}
}
@media(max-width:480px){
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .customer-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .customer-logo-grid li{height:72px;padding:10px 12px}
}

.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .customer-logo-grid img.customer-logo-wide{object-fit:cover}

/* Keep the hero introduction on one line when desktop space allows. */
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero .hero-copy{width:100%;max-width:1120px}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero .hero-copy .lead{max-width:1120px}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero .hero-lead-ending{white-space:nowrap}

/* Selected customer logos: balanced single row on desktop. */
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero-customers{max-width:960px}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .customer-logo-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1000px){
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .customer-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Seven approved customer logos. */
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .hero-customers{max-width:1120px}
.elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .customer-logo-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(max-width:1000px){
  .elementor-14736 .elementor-element.elementor-element-29a670c0 .bll-oem-page .customer-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}/* End custom CSS */