#history{
  background:linear-gradient(180deg,#fff,var(--light-bg));
}
#history .intro-content{
  max-width:720px;
  margin:auto;
  text-align:center;
}
#history .intro-text{
  font-size:1.15rem;
  color:#444;
  margin-bottom:18px;
}

/* License */
#license{
  background:var(--light-bg);
}
.license-block{
  background:#fff;
  border-radius:12px;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.license-block h3{
  background:linear-gradient(90deg,var(--sky),var(--mint));
  color:#fff;
  padding:12px;
  text-align:center;
}
.license-photo img{
  height:220px;
  object-fit:cover;
}
/* ===== NAV MENU (เหมือน index) ===== */

.main-nav ul {
  display: flex;
  align-items: center;
  gap: 32px;
}

.main-nav a {
  position: relative;
  font-family: 'Kanit', sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #222;
  padding: 6px 0;
}

/* เส้นใต้ */
.main-nav a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, #38bdf8, #86efac);
  border-radius: 2px;
  transition: width .3s ease;
}

/* hover */
.main-nav a:hover::after {
  width: 100%;
}
#history {
  background: linear-gradient(180deg, #ffffff 0%, #f0f9ff 100%);
}

#history .intro-content {
  max-width: 800px;
  margin: auto;
}
/* ===== License 2x2 Grid ===== */
.license-grid-2x2{
  display:grid;
  grid-template-columns: repeat(2,1fr);
  gap:30px;
}

.license-card{
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}

/* Header */
.license-head{
  background:linear-gradient(90deg,#38bdf8,#86efac);
  color:#fff;
  text-align:center;
  padding:14px;
  font-size:1.2rem;
  font-weight:600;
}

/* Body */
.license-body{
  padding:20px;
  display:grid;
  gap:15px;
  justify-content:center;
}

.license-body.single{
  grid-template-columns:1fr;
}

.license-body.two{
  grid-template-columns: repeat(2,1fr);
}

.license-photo img{
  width:100%;
  height:240px;
  object-fit:cover;
  border-radius:10px;
  box-shadow:0 6px 16px rgba(0,0,0,.15);
  transition:.3s;
}

.license-photo:hover img{
  transform:scale(1.05);
}

/* Footer */
.license-footer{
  text-align:center;
  padding:12px 15px 18px;
  font-size:1rem;
  color:#0c4a6e;
}

.license-footer span{
  font-size:.9rem;
  color:#555;
}

/* Responsive */
@media(max-width:768px){
  .license-grid-2x2{
    grid-template-columns:1fr;
  }
  .license-body.two{
    grid-template-columns:1fr;
  }
}
.license-grid-2x2{
  display:grid;
  grid-template-columns: repeat(2,1fr);
  gap:30px;
}

/* จัดตำแหน่งเฉพาะแถวล่าง */
.license-card.nurse{
  grid-column:1;
}

.license-card.physio{
  grid-column:2;
}

/* มือถือเรียงลง */
@media (max-width:768px){
  .license-grid-2x2{
    grid-template-columns:1fr;
  }
  .license-card.nurse,
  .license-card.physio{
    grid-column:auto;
  }
}
/* ให้ทุก card สูงเท่ากัน */
.license-grid-2x2{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px;
  align-items:stretch;
}

.license-card{
  display:flex;
  flex-direction:column;
  background:#fff;
  border-radius:14px;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  overflow:hidden;
}

/* ส่วนหัว */
.license-head{
  background:linear-gradient(90deg,#38bdf8,#86efac);
  color:#fff;
  text-align:center;
  padding:12px;
  font-weight:500;
}

/* ตัวเนื้อหา */
.license-body{
  flex:1; /* ⭐ สำคัญ */
  display:grid;
  gap:14px;
  padding:18px;
}

.license-body.single{
  place-items:center;
}

.license-body.two{
  grid-template-columns:1fr 1fr;
}

/* footer ดันไปล่าง */
.license-footer{
  margin-top:auto;
  padding:14px;
  text-align:center;
  font-size:.95rem;
  color:#333;
  background:#f8fafc;
}
.license-photo{
  position:relative;
  overflow:hidden;
  border-radius:10px;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

/* รูป */
.license-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}

/* ซูม */
.license-photo:hover img{
  transform:scale(1.12);
}

/* overlay */
.license-photo::after{
  content:'';
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.35);
  opacity:0;
  transition:.3s;
}

/* ไอคอนแว่น */
.license-photo::before{
  content:'\f00e';
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) scale(.7);
  color:#fff;
  font-size:2.2rem;
  opacity:0;
  transition:.35s;
  z-index:2;
}

/* hover show */
.license-photo:hover::after{
  opacity:1;
}

.license-photo:hover::before{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}
@media (max-width:768px){
  .license-grid-2x2{
    grid-template-columns:1fr;
  }
}
#visitor-counter{
  display:flex;
  justify-content:center;
  gap:14px;
  margin-top:12px;
  font-size:14px;
  color:#fff;
}
#visitor-counter b{
  display:block;
  font-size:16px;
  font-weight:700;
}