/* Minimal styles; rely on Bootstrap for most styling */
html,body{height:100%}
body {
    padding-top:56px;
    background-color: #343a40;
    color: #f8f9fa;
}

/* Improve contrast on dark theme */
.text-muted {
    color: rgba(248, 249, 250, 0.75) !important;
}

.card {
    background-color: #2b3035;
    color: #f8f9fa;
}

.table {
    color: inherit;
}

.table-light,
.table thead th {
    color: #111;
}
main{min-height:60vh}
.logo{font-weight:700}
.product-card img{height:180px;object-fit:cover}
#galleryGrid img{width:100%;height:180px;object-fit:cover;border-radius:6px}

/* Hero logo: keep it prominent on desktop, but not huge on mobile */
#hero .hero-logo{
  width: min(320px, 70vw);
  height: auto;
  max-height: 160px;
  object-fit: contain;
  margin: 0 auto 1rem;
  display: block;
}

@media (max-width: 576px){
  #hero .hero-logo{
    width: min(220px, 65vw);
    max-height: 120px;
    margin-bottom: .75rem;
  }
}

.form-embed-wrapper {
  background: #121212;
  border-radius: 12px;
  padding: 1rem;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.05);
}

.form-embed-wrapper iframe {
  width: 100%;
  height: 900px;
  border: none;
}