@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;600;700&display=swap');

body {
  margin:0;
  font-family:'Kanit', sans-serif;
  background:#fafafa;
  color:#111;
}

.top-bar {
  padding:16px;
  background:#fff;
  border-bottom:1px solid #e5e5e5;
  font-size:22px;
  text-align:center;
  font-weight:700;
}

section { padding:20px; }

h1,h2,h3 { margin-bottom:10px; }

.btn-primary, .btn-outline {
  display:block;
  margin:10px 0;
  padding:14px;
  text-align:center;
  border-radius:14px;
  text-decoration:none;
  font-size:16px;
}

.btn-primary { background:#111; color:#fff; }
.btn-outline { border:1px solid #111; color:#111; }

.brand-logos__grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:15px;
}

.brand-logo {
  background:#fff;
  border-radius:16px;
  padding:12px;
  text-align:center;
  box-shadow:0 2px 6px rgba(0,0,0,0.05);
}

.brand-logo img { width:80%; border-radius:10px; }

.promo-table {
  width:100%;
  border-collapse:collapse;
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,0.05);
}

.promo-table th, .promo-table td {
  border-bottom:1px solid #eee;
  padding:12px;
  text-align:center;
}

footer {
  margin-top:40px;
  padding:20px;
  background:#111;
  color:#fff;
  text-align:center;
  font-size:14px;
}

.bottom-nav {
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  background:#fff;
  border-top:1px solid #ddd;
  display:flex;
  justify-content:space-around;
  padding:10px 0;
}

.bottom-nav__item {
  text-decoration:none;
  color:#777;
  font-size:14px;
  text-align:center;
}

.bottom-nav__item--active { color:#111; font-weight:700; }