* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: system-ui, sans-serif; line-height: 1.6; background:#fafafa; color:#222; }

header { background:#fff; border-bottom:1px solid #e0e0e0; }
.header-inner {
  max-width:1100px; margin:0 auto; padding:1rem;
  display:flex; flex-direction:column;
}
.brand { display:flex; align-items:center; gap:0.6rem; font-weight:600; font-size: 2rem; color: rgb(64, 142, 188);}
.brand img { width:100px; height:auto; }

.nav-toggle {
  margin-top:0.8rem; background:none; border:1px solid #ccc;
  padding:0.4rem 0.6rem; font-size:1rem;
}

nav { display:none; margin-top:0.8rem; }
nav a { display:block; padding:0.4rem 0; text-decoration:none; color:#333; }

body.nav-open nav { display:block; }

main { max-width:1100px; margin:2rem auto; padding:0 1rem; }
h1 { font-size:1.7rem; margin-bottom:1rem; }
h2 { margin-top:2rem; margin-bottom:0.6rem; font-size:1.25rem; }
p { margin-bottom:1rem; }
.product { margin-bottom:0.7rem; }

.product-name {
  font-weight: bold;
}

.product-description {
  margin-top: 0.25rem;
  color: #444;
  line-height: 1.4;
}


footer {
  margin-top:4rem; padding:1.5rem 1rem;
  background:#fff; border-top:1px solid #e0e0e0;
  font-size:0.85rem; color:#666;
}
.footer-inner {
  max-width:1100px; margin:0 auto;
  display:flex; flex-direction:column; gap:0.5rem;
}

@media (min-width:768px) {
  .header-inner { flex-direction:row; justify-content:space-between; align-items:center; }
  .nav-toggle { display:none; }
  nav { display:block !important; margin-top:0; }
  nav a { display:inline-block; margin-left:1.4rem; padding:0; }
  .footer-inner { flex-direction:row; justify-content:space-between; }
}