/* 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 {
  --muted: #5a5a5a;
  --border: #e6e6e6;
}

.container { max-width: 1000px; margin: 0 auto; padding: 0 20px; }

.onepage-section { padding: 56px 0; border-bottom: 1px solid var(--border); }
.section-title-area { margin-bottom: 20px; }
.section-title {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  margin: 0 0 12px;
}
.section-desc a { color: var(--muted); }
.onepage-section img { max-width: 100%; height: auto; display: block; margin: 20px auto 0; }

.info-panel {
  background: #fafafa;
  border: 1px solid var(--border);
  padding: 16px 20px;
  line-height: 1.4;
}

.sf-embed { border: 0; width: 100%; max-width: 1200px; display: block; margin: 0 auto; }

/* Order Parts form: fieldset/legend and the SKU table aren't covered by
   theme.css (which only styles .order-form's own input/label/select). */
.order-form { max-width: 700px; }
.order-form fieldset { border: 1px solid var(--border); padding: 16px 20px; margin: 0 0 24px; }
.order-form legend { font-weight: 700; padding: 0 8px; }
.required { color: #b00020; }

table.order-items td.qty input { width: 70px; }
table.order-items td.price, table.order-items th.price { text-align: right; white-space: nowrap; }

.form-status.success { background: #e6f4ea; color: #1e4620; padding: 10px 14px; border-radius: 2px; }
.form-status.error { background: #fdecea; color: #611a15; padding: 10px 14px; border-radius: 2px; }