/* ===== SELECTCON SHELL v2: header/footer include only ===== */
.sc2-shell,
.sc2-shell *{
  box-sizing:border-box;
}
.sc2-shell{
  --sc2-ink:#14171C;
  --sc2-soft:#454C56;
  --sc2-muted:#8B96A5;
  --sc2-line:#E3E7EC;
  --sc2-line-strong:#CDD3DB;
  --sc2-navy:#12315C;
  --sc2-navy-deep:#0A1D3A;
  --sc2-navy-tint:#E8EEF7;
  --sc2-gold:#E0A02C;
  --sc2-white:#FFFFFF;
  --sc2-radius:10px;
  --sc2-shadow:0 18px 36px -28px rgba(10,29,58,.45);
  --sc2-ease:cubic-bezier(.22,.61,.36,1);
  font-family:"IBM Plex Sans Thai",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--sc2-ink);
}
.sc2-shell a{
  color:inherit;
  text-decoration:none;
}
.sc2-shell svg{
  display:block;
}
.sc2-wrap{
  width:min(1180px,100% - 44px);
  margin-inline:auto;
}

/* Header */
.sc2-header{
  position:sticky;
  top:0;
  z-index:999;
}
.sc2-navwrap{
  background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(205,211,219,.72);
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
  backdrop-filter:saturate(1.35) blur(12px);
  -webkit-backdrop-filter:saturate(1.35) blur(12px);
  transition:box-shadow .25s var(--sc2-ease),background .25s var(--sc2-ease);
}
.sc2-header.is-stuck .sc2-navwrap{
  background:rgba(255,255,255,.97);
  box-shadow:0 14px 34px -30px rgba(10,29,58,.58);
}
.sc2-nav{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.sc2-logo{
  display:inline-flex;
  align-items:center;
  min-height:54px;
  flex-shrink:0;
}
.sc2-logo-img{
  width:auto;
  height:48px;
  max-width:190px;
  object-fit:contain;
}
.sc2-nav-links{
  display:flex;
  align-items:center;
  gap:23px;
  margin-left:auto;
}
.sc2-nav-links > a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  position:relative;
  color:var(--sc2-soft);
  font-size:15px;
  font-weight:500;
  line-height:1.2;
  transition:color .2s var(--sc2-ease);
}
.sc2-nav-links > a:not(.sc2-nav-phone)::after{
  content:"";
  position:absolute;
  left:0;
  right:auto;
  bottom:6px;
  width:0;
  height:2px;
  background:var(--sc2-navy);
  transition:width .2s var(--sc2-ease);
}
.sc2-nav-links > a:hover{
  color:var(--sc2-ink);
}
.sc2-nav-links > a:not(.sc2-nav-phone):hover::after{
  width:100%;
}
.sc2-nav-phone{
  gap:8px;
  padding:9px 15px;
  border:1px solid rgba(18,49,92,.12);
  border-radius:var(--sc2-radius);
  background:var(--sc2-navy-tint);
  color:var(--sc2-navy) !important;
  font-weight:700 !important;
  box-shadow:0 10px 22px -18px rgba(18,49,92,.5);
}
.sc2-nav-phone:hover{
  background:#DBE6F5;
}
.sc2-nav-phone svg{
  width:17px;
  height:17px;
}
.sc2-menu-button{
  display:none;
  width:44px;
  height:44px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(18,49,92,.12);
  border-radius:10px;
  background:#fff;
  color:var(--sc2-ink);
  cursor:pointer;
  transition:background .2s var(--sc2-ease),transform .2s var(--sc2-ease);
}
.sc2-menu-button:hover{
  background:#F4F7FB;
}
.sc2-menu-button svg{
  width:25px;
  height:25px;
  stroke:currentColor;
}
.sc2-mobile-nav{
  display:none;
  padding:0;
}
.sc2-mobile-nav a{
  display:flex;
  align-items:center;
  min-height:48px;
  padding:12px 0;
  color:#344154;
  font-size:15px;
  font-weight:600;
  border-top:1px solid var(--sc2-line);
}
.sc2-mobile-nav .sc2-mobile-phone{
  color:var(--sc2-navy);
  font-weight:800;
}

/* Footer */
.sc2-footer{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#0C1016,#0A1424);
  color:#9AA6B4;
}
.sc2-footer .wrap{
  max-width:1180px;
  margin:0 auto;
  padding:0 28px;
  position:relative;
  z-index:1;
}
.sc2-footer .foot-top{
  position:relative;
  z-index:1;
  padding:72px 0 44px;
  border-bottom:1px solid rgba(255,255,255,.08);
  display:grid;
  grid-template-columns:1.25fr .95fr .85fr 1.55fr;
  gap:36px;
}
.sc2-footer .logo{
  display:flex;
  align-items:center;
  gap:10px;
  font-family:"Anuphan",system-ui,sans-serif;
  font-weight:700;
  font-size:20px;
  text-decoration:none;
  color:#fff;
  margin-bottom:14px;
}
.sc2-footer .logo.foot-logo{
  width:max-content;
  max-width:210px;
  padding:8px 10px;
  border-radius:10px;
  background:#fff;
  box-shadow:0 18px 36px -28px rgba(0,0,0,.7);
}
.sc2-footer .foot-logo-img{
  height:42px;
  width:auto;
  max-width:185px;
  object-fit:contain;
  display:block;
}
.sc2-footer .tagline{
  font-size:14px;
  line-height:1.7;
  max-width:24em;
  color:#8B96A5;
  margin:0;
}
.sc2-footer .socials{
  display:flex;
  gap:10px;
  margin-top:18px;
}
.sc2-footer .socials a{
  width:38px;
  height:38px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.14);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:background .2s var(--sc2-ease),border-color .2s var(--sc2-ease),transform .2s var(--sc2-ease);
}
.sc2-footer .socials a:hover{
  background:var(--sc2-navy);
  border-color:var(--sc2-navy);
  transform:translateY(-2px);
}
.sc2-footer .socials svg{
  width:16px;
  height:16px;
  stroke:#B8C2D0;
}
.sc2-footer .socials a:hover svg{
  stroke:#fff;
}
.sc2-footer .foot-col h4{
  color:#fff;
  font-size:12.5px;
  margin:0 0 15px;
  font-family:"Anuphan",system-ui,sans-serif;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.sc2-footer .foot-col a,
.sc2-footer .foot-col p{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  color:#9AA6B4;
  text-decoration:none;
  margin:0 0 11px;
  line-height:1.55;
  transition:color .2s var(--sc2-ease);
}
.sc2-footer .foot-col a:hover{
  color:#fff;
}
.sc2-footer .foot-col svg{
  width:15px;
  height:15px;
  stroke:var(--sc2-gold);
  flex-shrink:0;
}
.sc2-footer .foot-contact{
  min-width:0;
}
.sc2-footer .foot-contact .company{
  color:#fff;
  font-family:"Anuphan",system-ui,sans-serif;
  font-size:15px;
  font-weight:700;
  line-height:1.45;
  margin-bottom:8px;
}
.sc2-footer .foot-contact address{
  font-style:normal;
  color:#AAB5C4;
  font-size:13.5px;
  line-height:1.72;
  margin:0 0 14px;
}
.sc2-footer .foot-contact .contact-list{
  display:grid;
  gap:8px;
}
.sc2-footer .foot-contact .contact-list a{
  align-items:flex-start;
  margin-bottom:0;
  line-height:1.45;
}
.sc2-footer .foot-contact .contact-text{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:1px;
}
.sc2-footer .foot-contact .contact-text small{
  color:#748195;
  font-size:11.5px;
  font-weight:500;
  line-height:1.35;
}
.sc2-footer .foot-contact .email-link .contact-text span{
  word-break:break-all;
}
.sc2-footer .foot-contact .line-official-link{
  color:#BFE8CA;
}
.sc2-footer .foot-contact .line-official-link svg{
  stroke:#06C755;
}
.sc2-footer .foot-bottom{
  position:relative;
  z-index:1;
  padding:22px 0;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  font-size:13px;
  color:#6E7887;
}
.sc2-footer .foot-bottom a{
  color:#6E7887;
  text-decoration:none;
}
.sc2-footer .foot-bottom a:hover{
  color:#B8C2D0;
}
.sc2-footer .m-br,
.sc2-footer .m-gap{
  display:none;
}
.sc2-footer .d-br{
  display:block;
}
.sc2-footer .d-gap{
  display:block;
  height:10px;
}
.sc2-footer .d-gap.sm{height:6px}
.sc2-footer .d-gap.lg{height:16px}

@media (max-width:980px){
  .sc2-footer .foot-top{
    grid-template-columns:1fr 1fr;
    gap:28px;
  }
  .sc2-footer .foot-top>div:first-child{
    grid-column:1/-1;
  }
}
@media (max-width:860px){
  .sc2-wrap{
    width:min(100% - 44px,1180px);
  }
  .sc2-nav-links{
    display:none;
  }
  .sc2-menu-button{
    display:flex;
  }
  .sc2-header.is-open .sc2-mobile-nav{
    display:block;
  }
}
@media (max-width:520px){
  .sc2-wrap{
    width:min(100% - 32px,1180px);
  }
  .sc2-nav{
    min-height:64px;
  }
  .sc2-logo-img{
    height:42px;
    max-width:168px;
  }
}
@media (max-width:480px){
  .sc2-footer .wrap{
    padding:0 28px;
  }
  .sc2-footer .logo.foot-logo{
    max-width:190px;
    padding:7px 9px;
  }
  .sc2-footer .foot-logo-img{
    height:38px;
    max-width:168px;
  }
  .sc2-footer .foot-top{
    grid-template-columns:1fr;
  }
  .sc2-footer .foot-contact address{
    font-size:13.2px;
  }
  .sc2-footer .foot-contact .contact-list{
    gap:10px;
  }
  .sc2-footer .foot-contact .contact-list a{
    min-height:44px;
  }
  .sc2-footer .m-br,
  .sc2-footer .m-gap{
    display:block;
  }
  .sc2-footer .m-gap{height:10px}
  .sc2-footer .m-gap.sm{height:6px}
  .sc2-footer .m-gap.lg{height:16px}
  .sc2-footer .d-br,
  .sc2-footer .d-gap{
    display:none;
  }
}
@media (prefers-reduced-motion:reduce){
  .sc2-shell *,
  .sc2-shell *::before,
  .sc2-shell *::after{
    transition-duration:.001ms !important;
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
  }
}
/* ===== /SELECTCON SHELL v2 ===== */