/* Styles adapted to mirror 106environment.co.th: light theme with green accents */
:root{
  --bg:#ffffff;
  --muted:#55606a;
  --accent:#2ca24a;
  --text:#0b2b20;
  --container:1100px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: "Noto Sans Thai", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
}
.container{max-width:var(--container);margin:0 auto;padding:1.25rem}
.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}
.brand{display:flex;align-items:center;gap:.75rem}
.logo{width:56px;height:56px;border-radius:8px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}
.nav{display:flex;gap:1rem}
.nav a{color:var(--text);text-decoration:none;padding:.5rem .75rem;border-radius:8px}
.nav a:hover{background:#f2f6f3}
.cta{background:var(--accent);color:#fff;padding:.5rem .9rem;border-radius:8px;font-weight:600}
.hamburger{display:none;background:transparent;border:0;color:var(--text);font-size:1.2rem}

/* hero slider */
.hero-slider{position:static;overflow:hidden;border-radius:8px}
.slide{display:none;width:100%;height:360px;background-size:cover;background-position:center}
.slide.active{display:block}
.hero-overlay{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center}
.hero-content{max-width:640px;padding:2rem;color:#fff}
.hero-title{font-size:2rem;margin:0 0 .5rem}
.hero-sub{color:#f6f9f8}

.sections{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}
.section-card{background:#fbfffb;padding:1rem;border-radius:8px;border:1px solid #eef6ee}
.section-card h3{margin:.25rem 0}

.footer{border-top:1px solid #e9efe9;padding:2rem 0;margin-top:2rem;color:var(--muted)}

/* Responsive */
@media (max-width:1000px){
  .sections{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:700px){
  .nav{display:none}
  .hamburger{display:block}
  .sections{grid-template-columns:1fr}
  .container{padding:.75rem}
}

/* utilities */
.muted{color:var(--muted)}
.center{display:flex;align-items:center;justify-content:center}
.phone{font-weight:700;color:var(--text)}

/* slider controls */
.slider-controls{position:absolute;right:1rem;bottom:1rem;display:flex;gap:.5rem}
.dot{width:10px;height:10px;border-radius:50%;background:#ffffff55}
.dot.active{background:#fff}

/* accessibility helpers */
.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}