body{font-family:sans-serif;background:#0a0c10;color:#eef2f7}
.container{max-width:1100px;margin:auto;padding:1rem}
.section{padding:2rem 0}
.cards{display:grid;gap:1rem}
.card{background:#121722;padding:1rem;border-radius:12px}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}
.product-media img{max-width:100px}
.btn{background:#6ea8fe;padding:.5rem 1rem;border-radius:8px;text-decoration:none;color:#000;font-weight:bold}
#backToTop{position:fixed;bottom:20px;right:20px;display:none;background:#6ea8fe;color:#000;border:none;border-radius:8px;padding:0.5rem 1rem;font-weight:bold;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.3);z-index:1000}
#backToTop:hover{background:#4a90e2;color:#fff}
.product-grid .card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.product-grid .product-body {
  flex-grow: 1;
}

.product-media {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
}
.product-media img {
  display: block;
  margin: 0 auto;
}

.product-media img {
  max-width: 120px;
  max-height: 120px;
  object-fit: contain;
}

/* Header layout & brand fix */
.site-header{border-bottom:1px solid rgba(255,255,255,0.08);background:#0a0c10;position:sticky;top:0;z-index:10}
.nav-wrap{display:flex;align-items:center;gap:12px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#eef2f7;font-weight:700;flex-shrink:0}
.brand-logo{height:44px;width:auto;display:block} /* prevents stretching */
.brand-name{white-space:nowrap} /* keep title on one line */
.nav{margin-left:auto;display:flex;gap:1rem}
.nav a{color:#eef2f7;text-decoration:none}
.nav-toggle{display:none}

@media (max-width: 900px){
  .nav{display:none}
  .nav-toggle{display:block;margin-left:auto;background:transparent;border:0;color:#eef2f7}
}