/* Page-body styles specific to this site, not covered by the shared
   bedliner-theme/assets/css/theme.css (header/hero/footer/nav/generic
   buttons/forms are all theme.css now — do not redefine those selectors
   here or they will silently override the shared look for this site only). */

:root {
  --color-muted: #5a6068;
}

main { padding: 0 0 3rem; }
main > .wrap { padding-top: 2rem; }

/* Ford's homepage hero carries its own heading/paragraph over the shared
   dark overlay (theme.css owns the overlay box itself). */
.hero-overlay-with-text {
  display: flex;
  align-items: center;
}
.hero-overlay-with-text h1,
.hero-overlay-with-text p {
  color: #fff;
  max-width: 32rem;
}
.hero-overlay-with-text h1 { margin-top: 0; font-size: 1.9rem; }
.hero-overlay-with-text p { font-size: 1.05rem; }

h1, h2, h3 { line-height: 1.2; }

table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
}
th, td {
  border: 1px solid var(--color-border);
  padding: 0.5rem 0.75rem;
  text-align: left;
  vertical-align: top;
}

form { max-width: 640px; }
.field { margin-bottom: 1rem; }
.field label { display: block; font-weight: 600; margin-bottom: 0.25rem; }
.field input,
.field select,
.field textarea {
  width: 100%;
  padding: 0.5rem 0.6rem;
  border: 1px solid var(--color-border);
  border-radius: 3px;
  font-size: 1rem;
}
.field-row { display: flex; gap: 1rem; }
.field-row .field { flex: 1; }

.product-line-price { color: var(--color-muted); }
.product-line-qty { width: 90px; }

.honeypot-field {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}