/* KNOX AUTOWURX LLC — workshop bay theme
   BAY-FLOOR #EDEDE6 body, PIT-INK #26251F text
   DUNGAREE-BLUE #3A5C86 accent, PIT-SHADOW #1F2A26
   LEDGE-CREAM #F8F5EA cards, BAY-DUST #DCDCD1 rails
   SAFETY-AMBER #D8A03C lamp shade only */

:root {
  --bay-floor: #EDEDE6;
  --pit-ink: #26251F;
  --dungaree: #3A5C86;
  --dungaree-deep: #2E4A6E;
  --pit-shadow: #1F2A26;
  --ledge-cream: #F8F5EA;
  --bay-dust: #DCDCD1;
  --bay-dust-deep: #C7C7BA;
  --safety-amber: #D8A03C;
  --lamp-cream: #F4E9CC;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  background-color: #EDEDE6;
  color: #26251F;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
}

img {
  max-width: 100%;
}

a {
  color: #3A5C86;
}

/* ============ PIT LADDER RAIL NAV ============ */
.pitrail {
  background-color: #1F2A26;
  border-bottom: 4px solid #DCDCD1;
  padding: 0 22px 16px;
  position: relative;
  z-index: 40;
}

.pitrail-inner {
  max-width: 1180px;
  margin: 0 auto;
}

.pitrail-brandrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: 16px 0 12px;
}

.pitrail-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #F8F5EA;
  font-weight: 700;
  font-size: 1.28rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.pitrail-wrench {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  flex: none;
}

.pitrail-wrench::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 8px;
  height: 30px;
  margin-left: -4px;
  background-color: #3A5C86;
  border-radius: 3px;
  transform: rotate(38deg);
}

.pitrail-wrench::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -1px;
  width: 14px;
  height: 14px;
  margin-left: -7px;
  border: 4px solid #3A5C86;
  border-radius: 50%;
  background-color: #1F2A26;
}

.pitrail-tag {
  color: #DCDCD1;
  font-size: 0.82rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.pitrail-rungs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-end;
}

.rung {
  display: block;
  text-decoration: none;
  background-color: #F8F5EA;
  color: #26251F;
  border: 2px solid #DCDCD1;
  border-bottom: none;
  padding: 11px 18px 13px;
  font-weight: 700;
  font-size: 0.96rem;
  letter-spacing: 0.04em;
  position: relative;
  border-radius: 4px 4px 0 0;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.rung:hover {
  background-color: #3A5C86;
  color: #F8F5EA;
}

.rung-num {
  display: block;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: #3A5C86;
  margin-bottom: 2px;
}

.rung:hover .rung-num {
  color: #F8F5EA;
}

.rung-s1 {
  height: 62px;
}

.rung-s2 {
  height: 68px;
}

.rung-s3 {
  height: 74px;
}

.rung-s4 {
  height: 80px;
}

.rung-s5 {
  height: 86px;
}

.pitrail-toggle {
  display: none;
  background-color: #3A5C86;
  color: #F8F5EA;
  border: none;
  padding: 10px 18px;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  border-radius: 4px;
  cursor: pointer;
}

/* ============ HERO: PIT BAY SCENE ============ */
.pitbay {
  position: relative;
  background-color: #F8F5EA;
  border-bottom: 3px solid #DCDCD1;
  overflow-x: hidden;
}

.pitbay-wall {
  max-width: 1180px;
  margin: 0 auto;
  padding: 54px 24px 0;
  position: relative;
}

.pitbay-headline {
  font-size: 3.35rem;
  line-height: 1.06;
  font-weight: 800;
  letter-spacing: -0.015em;
  color: #26251F;
  margin: 0 0 22px;
  max-width: 720px;
}

.pitbay-headline span {
  display: block;
}

.pitbay-headline .hl-lift {
  color: #3A5C86;
  padding-left: 46px;
}

.pitbay-headline .hl-log {
  padding-left: 22px;
}

.pitbay-intro {
  color: #26251F;
  font-size: 1.06rem;
  max-width: 620px;
  margin: 0 0 26px;
}

.pitbay-intro strong {
  color: #1F2A26;
}

.pitbay-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 34px;
}

.cta-plaque {
  display: inline-block;
  text-decoration: none;
  padding: 18px 30px;
  font-weight: 800;
  letter-spacing: 0.06em;
  border-radius: 5px;
  font-size: 1.02rem;
  border: 3px solid transparent;
}

.cta-blue {
  background-color: #3A5C86;
  color: #F8F5EA;
  border-color: #2E4A6E;
}

.cta-blue:hover {
  background-color: #2E4A6E;
}

.cta-ink {
  background-color: #1F2A26;
  color: #F8F5EA;
  border-color: #26251F;
}

.cta-ink:hover {
  background-color: #26251F;
}

.cta-stamp {
  display: block;
  font-size: 0.66rem;
  letter-spacing: 0.2em;
  margin-top: 4px;
  color: #DCDCD1;
}

.cta-blue .cta-stamp {
  color: #F4E9CC;
}

/* docket clip board on the wall */
.pitbay-dockets {
  position: absolute;
  right: 24px;
  top: 64px;
  width: 216px;
  background-color: #1F2A26;
  border-radius: 6px;
  padding: 14px 14px 10px;
  box-shadow: 0 8px 0 #C7C7BA;
}

.pitbay-dockets-rail {
  height: 6px;
  background-color: #DCDCD1;
  border-radius: 3px;
  margin-bottom: 12px;
}

.docket-clip {
  background-color: #F8F5EA;
  border-left: 6px solid #3A5C86;
  padding: 9px 10px;
  margin-bottom: 9px;
  position: relative;
  border-radius: 3px;
}

.docket-clip:last-child {
  margin-bottom: 0;
}

.docket-clip::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 10px;
  width: 22px;
  height: 9px;
  background-color: #3A5C86;
  border-radius: 2px;
}

.docket-clip-label {
  display: block;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  color: #3A5C86;
}

.docket-clip-text {
  display: block;
  font-size: 0.8rem;
  color: #26251F;
}

/* truck straddling pit */
.pitbay-scene {
  position: relative;
  height: 300px;
  max-width: 1180px;
  margin: 0 auto;
}

.pit-trench {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 84px;
  background-color: #1F2A26;
}

.pit-trench-rungs {
  position: absolute;
  left: 74px;
  top: 20px;
  display: flex;
  gap: 12px;
}

.pit-trench-rungs span {
  display: block;
  width: 34px;
  height: 9px;
  background-color: #3A5C86;
  border-radius: 2px;
}

.pit-floorline {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 84px;
  height: 8px;
  background-color: #DCDCD1;
}

.truck {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 92px;
  width: 560px;
  height: 150px;
}

.truck-body {
  position: absolute;
  left: 0;
  bottom: 26px;
  width: 560px;
  height: 64px;
  background-color: #F8F5EA;
  border: 5px solid #26251F;
  border-radius: 8px 10px 6px 6px;
}

.truck-cab {
  position: absolute;
  left: 0;
  bottom: 90px;
  width: 176px;
  height: 60px;
  background-color: #F8F5EA;
  border: 5px solid #26251F;
  border-radius: 10px 10px 0 0;
  box-sizing: border-box;
}

.truck-window {
  position: absolute;
  left: 14px;
  bottom: 102px;
  width: 60px;
  height: 34px;
  background-color: #3A5C86;
  border: 4px solid #26251F;
  border-radius: 5px 8px 3px 3px;
  box-sizing: border-box;
}

.truck-window-b {
  position: absolute;
  left: 88px;
  bottom: 102px;
  width: 74px;
  height: 34px;
  background-color: #3A5C86;
  border: 4px solid #26251F;
  border-radius: 3px 8px 3px 3px;
  box-sizing: border-box;
}

.truck-bedwall {
  position: absolute;
  left: 184px;
  bottom: 90px;
  width: 376px;
  height: 30px;
  background-color: #F8F5EA;
  border: 5px solid #26251F;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
}

.truck-wheel {
  position: absolute;
  bottom: 0;
  width: 58px;
  height: 58px;
  background-color: #26251F;
  border-radius: 50%;
}

.truck-wheel span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 22px;
  height: 22px;
  margin: -11px 0 0 -11px;
  background-color: #DCDCD1;
  border-radius: 50%;
}

.tw-front {
  left: 82px;
}

.tw-rear {
  left: 400px;
}

.axle-stand {
  position: absolute;
  bottom: 84px;
  width: 22px;
  height: 74px;
  background-color: #1F2A26;
  border-radius: 3px;
}

.axle-stand::before {
  content: "";
  position: absolute;
  top: -12px;
  left: -9px;
  width: 40px;
  height: 14px;
  background-color: #1F2A26;
  border-radius: 4px;
}

.ax-a {
  left: 100px;
}

.ax-b {
  left: 418px;
}

.worklamp {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 100px;
  z-index: 3;
  pointer-events: none;
}

.worklamp-cord {
  width: 5px;
  height: 54px;
  background-color: #26251F;
  margin: 0 auto;
}

.worklamp-shade {
  width: 100px;
  height: 46px;
  background-color: #D8A03C;
  border: 4px solid #26251F;
  border-radius: 50% 50% 8px 8px;
  box-sizing: border-box;
}

.worklamp-cone {
  width: 190px;
  height: 130px;
  margin-left: -45px;
  background-color: #F4E9CC;
  clip-path: polygon(42% 0, 58% 0, 100% 100%, 0 100%);
  border-bottom: none;
}

/* ============ SECTION SHELL ============ */
.stage {
  background-color: #EDEDE6;
  padding: 64px 24px;
}

.stage-inner {
  max-width: 1180px;
  margin: 0 auto;
}

.stage-head {
  margin-bottom: 40px;
  border-left: 8px solid #3A5C86;
  padding-left: 20px;
  max-width: 860px;
}

.stage-kicker {
  display: block;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #3A5C86;
  margin-bottom: 8px;
}

.stage-title {
  font-size: 2.1rem;
  color: #26251F;
  margin: 0 0 12px;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.stage-lead {
  color: #26251F;
  font-size: 1.04rem;
  margin: 0;
}

/* ============ WALL DOCKET LEDGES ============ */
.docketledge {
  background-color: #DCDCD1;
  padding: 56px 24px 66px;
}

.docketledge-inner {
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
}

.docketledge-head {
  margin-bottom: 40px;
}

.ledge-grid {
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 34px;
  position: relative;
  align-items: start;
}

.ledge-rail {
  position: absolute;
  left: 0;
  right: 0;
  height: 10px;
  background-color: #C7C7BA;
  border-bottom: 3px solid #AFAF9F;
  border-radius: 2px;
  z-index: 0;
}

.ledge-rail-a {
  top: 300px;
}

.ledge-rail-b {
  top: 620px;
}

.ledge-col {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 26px;
}

.dcard {
  background-color: #F8F5EA;
  border: 2px solid #C7C7BA;
  border-radius: 5px;
  padding: 26px 24px 24px;
  position: relative;
  box-shadow: 0 6px 0 #C7C7BA;
}

.dcard-left {
  transform: rotate(-0.7deg);
}

.dcard-right {
  transform: rotate(0.8deg);
}

.dcard-clip {
  position: absolute;
  top: -15px;
  left: 26px;
  width: 40px;
  height: 26px;
  background-color: #3A5C86;
  border-radius: 4px;
  border: 2px solid #2E4A6E;
}

.dcard-clip::after {
  content: "";
  position: absolute;
  left: 15px;
  top: 5px;
  width: 8px;
  height: 22px;
  background-color: #2E4A6E;
  border-radius: 2px;
}

.dcard-num {
  display: block;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: #3A5C86;
  margin-bottom: 8px;
}

.dcard-title {
  font-size: 1.24rem;
  color: #26251F;
  margin: 0 0 10px;
  font-weight: 800;
}

.dcard-text {
  color: #26251F;
  font-size: 0.97rem;
  margin: 0 0 12px;
}

.dcard-link {
  font-weight: 700;
  color: #3A5C86;
  text-decoration: none;
  border-bottom: 2px solid #3A5C86;
  font-size: 0.9rem;
}

.dcard-link:hover {
  color: #2E4A6E;
  border-color: #2E4A6E;
}

.dcard-invert {
  background-color: #1F2A26;
  border-color: #26251F;
  box-shadow: 0 6px 0 #26251F;
}

.dcard-invert .dcard-title {
  color: #F8F5EA;
}

.dcard-invert .dcard-text {
  color: #E6E3D8;
}

.dcard-invert .dcard-num {
  color: #DCDCD1;
}

.dcard-invert .dcard-clip {
  background-color: #D8A03C;
  border-color: #B9862C;
}

.dcard-invert .dcard-clip::after {
  background-color: #B9862C;
}

.shadowboard {
  background-color: #1F2A26;
  border: 2px solid #26251F;
  border-radius: 5px;
  padding: 26px 24px;
  transform: rotate(0.8deg);
  box-shadow: 0 6px 0 #26251F;
}

.shadowboard-title {
  color: #F8F5EA;
  font-size: 1.18rem;
  font-weight: 800;
  margin: 0 0 6px;
}

.shadowboard-text {
  color: #E6E3D8;
  font-size: 0.96rem;
  margin: 0 0 18px;
}

.shadowboard-tools {
  display: flex;
  gap: 16px;
  align-items: flex-end;
  margin-bottom: 18px;
}

.stool {
  background-color: #DCDCD1;
  border-radius: 3px;
}

.stool-wrench {
  width: 12px;
  height: 52px;
}

.stool-mallet {
  width: 16px;
  height: 44px;
}

.stool-spanner {
  width: 10px;
  height: 56px;
}

.stool-pliers {
  width: 14px;
  height: 48px;
}

.stool-gauge {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.shadowboard-seal {
  display: inline-block;
  background-color: #3A5C86;
  color: #F8F5EA;
  font-weight: 800;
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  padding: 8px 14px;
  border-radius: 4px;
}

/* ============ TORQUE HOUR STRIP ============ */
.torque {
  background-color: #3A5C86;
  border-top: 5px solid #DCDCD1;
  border-bottom: 5px solid #DCDCD1;
  padding: 30px 24px;
}

.torque-inner {
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 20px;
}

.torque-glyph {
  width: 26px;
  height: 26px;
  flex: none;
  position: relative;
}

.torque-glyph::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 7px;
  height: 26px;
  margin-left: -3px;
  background-color: #F8F5EA;
  border-radius: 3px;
  transform: rotate(40deg);
}

.torque-glyph::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -1px;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  border: 4px solid #F8F5EA;
  border-radius: 50%;
  background-color: #3A5C86;
}

.torque-text {
  color: #F8F5EA;
  font-size: 1.06rem;
  margin: 0;
  font-weight: 600;
}

.torque-text strong {
  color: #FFFFFF;
}

/* ============ CONTENT BANDS ============ */
.band {
  padding: 62px 24px;
}

.band-cream {
  background-color: #F8F5EA;
}

.band-floor {
  background-color: #EDEDE6;
}

.band-inner {
  max-width: 1180px;
  margin: 0 auto;
}

.band-heading {
  font-size: 1.9rem;
  color: #26251F;
  font-weight: 800;
  margin: 0 0 18px;
  border-left: 8px solid #3A5C86;
  padding-left: 18px;
}

.prose {
  color: #26251F;
  font-size: 1rem;
  max-width: 900px;
  margin: 0 0 18px;
}

.prose a {
  color: #3A5C86;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 2px solid #3A5C86;
}

.prose a:hover {
  color: #2E4A6E;
  border-color: #2E4A6E;
}

.prose strong {
  color: #1F2A26;
}

.two-col-note {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-top: 28px;
}

.note-card {
  background-color: #F8F5EA;
  border: 2px solid #C7C7BA;
  border-top: 6px solid #3A5C86;
  border-radius: 5px;
  padding: 22px 22px 18px;
}

.band-floor .note-card {
  background-color: #F8F5EA;
}

.note-card h3 {
  margin: 0 0 8px;
  font-size: 1.1rem;
  color: #26251F;
}

.note-card p {
  margin: 0;
  color: #26251F;
  font-size: 0.96rem;
}

/* process steps */
.process-track {
  margin-top: 30px;
  border-left: 8px solid #3A5C86;
  padding-left: 0;
  list-style: none;
}

.process-step {
  position: relative;
  padding: 0 0 26px 34px;
  border-left: 4px solid #DCDCD1;
  margin-left: 14px;
}

.process-step:last-child {
  border-left-color: transparent;
  padding-bottom: 4px;
}

.process-step::before {
  content: attr(data-step);
  position: absolute;
  left: -21px;
  top: 0;
  width: 38px;
  height: 38px;
  background-color: #3A5C86;
  color: #F8F5EA;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.9rem;
  border: 3px solid #EDEDE6;
  box-sizing: border-box;
}

.process-step h3 {
  margin: 4px 0 6px;
  font-size: 1.12rem;
  color: #26251F;
}

.process-step p {
  margin: 0;
  color: #26251F;
}

/* ============ TOOL CRIB FOOTER ============ */
.toolcrib {
  background-color: #1F2A26;
  border-top: 4px solid #DCDCD1;
  padding: 0 24px 26px;
}

.toolcrib-rail {
  max-width: 1180px;
  margin: 0 auto;
  background-color: #DCDCD1;
  border-radius: 0 0 4px 4px;
  padding: 14px 20px;
  display: flex;
  gap: 26px;
  align-items: flex-end;
  justify-content: center;
}

.tool {
  background-color: #F8F5EA;
  border-radius: 3px;
}

.tool-wrench {
  width: 13px;
  height: 46px;
}

.tool-mallet {
  width: 18px;
  height: 40px;
  border-radius: 5px 5px 2px 2px;
}

.tool-spanner {
  width: 11px;
  height: 50px;
}

.tool-pliers {
  width: 15px;
  height: 42px;
}

.tool-gauge {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.toolcrib-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding-top: 34px;
}

.toolcrib-plate {
  background-color: #F8F5EA;
  border-radius: 6px;
  padding: 24px 26px;
  max-width: 640px;
}

.toolcrib-brand {
  color: #1F2A26;
  font-size: 1.24rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  margin: 0 0 8px;
}

.toolcrib-blurb {
  color: #26251F;
  margin: 0;
  font-size: 0.96rem;
}

.toolcrib-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 28px 0 26px;
}

.crib-plaque {
  display: block;
  background-color: #F8F5EA;
  color: #26251F;
  text-decoration: none;
  padding: 10px 16px;
  border-radius: 4px;
  font-size: 0.88rem;
  font-weight: 700;
  border: 2px solid #DCDCD1;
}

.crib-plaque:hover {
  background-color: #3A5C86;
  color: #F8F5EA;
}

.toolcrib-base {
  border-top: 3px solid #3A5C86;
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px 30px;
  align-items: center;
  justify-content: space-between;
}

.toolcrib-contact {
  color: #DCDCD1;
  font-size: 0.88rem;
}

.toolcrib-contact a {
  color: #F8F5EA;
  text-decoration: none;
  border-bottom: 2px solid #3A5C86;
}

.toolcrib-contact a:hover {
  border-color: #F8F5EA;
}

.gear-disc {
  flex: none;
  width: 54px;
  height: 54px;
  background-color: #3A5C86;
  border-radius: 50%;
  color: #F8F5EA;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.84rem;
  border: 4px dotted #F8F5EA;
  box-sizing: border-box;
}

/* ============ SERVICES / CONTACT SUPPORT ============ */
.svc-detail {
  border-left: 8px solid #3A5C86;
  padding: 4px 0 26px 20px;
  margin-bottom: 26px;
}

.svc-detail:last-child {
  margin-bottom: 0;
}

.svc-detail h3 {
  margin: 0 0 10px;
  font-size: 1.3rem;
  color: #26251F;
}

.svc-detail p {
  margin: 0 0 12px;
  color: #26251F;
}

.svc-detail a {
  color: #3A5C86;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 2px solid #3A5C86;
}

.svc-detail a:hover {
  color: #2E4A6E;
  border-color: #2E4A6E;
}

.svc-num {
  display: inline-block;
  background-color: #3A5C86;
  color: #F8F5EA;
  font-weight: 800;
  font-size: 0.76rem;
  letter-spacing: 0.12em;
  padding: 3px 10px;
  border-radius: 3px;
  margin-bottom: 10px;
}

/* contact */
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 34px;
  align-items: start;
}

.contact-card {
  background-color: #F8F5EA;
  border: 2px solid #C7C7BA;
  border-top: 6px solid #3A5C86;
  border-radius: 5px;
  padding: 26px 24px;
}

.contact-card h3 {
  margin: 0 0 14px;
  color: #26251F;
  font-size: 1.16rem;
}

.contact-line {
  margin: 0 0 10px;
  color: #26251F;
  font-size: 0.97rem;
}

.contact-line strong {
  color: #1F2A26;
}

.contact-line a {
  color: #3A5C86;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 2px solid #3A5C86;
}

.contact-line a:hover {
  color: #2E4A6E;
  border-color: #2E4A6E;
}

.hours-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hours-list li {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid #DCDCD1;
  color: #26251F;
  font-size: 0.94rem;
}

.hours-list li:last-child {
  border-bottom: none;
}

.field {
  margin-bottom: 16px;
}

.field label {
  display: block;
  font-weight: 700;
  font-size: 0.86rem;
  letter-spacing: 0.04em;
  color: #26251F;
  margin-bottom: 6px;
}

.field input,
.field textarea {
  width: 100%;
  padding: 11px 12px;
  border: 2px solid #C7C7BA;
  border-radius: 4px;
  background-color: #FFFFFF;
  color: #26251F;
  font-family: inherit;
  font-size: 0.97rem;
}

.field textarea {
  min-height: 130px;
  resize: vertical;
}

.field input:focus,
.field textarea:focus {
  outline: 3px solid #3A5C86;
  outline-offset: 1px;
  border-color: #3A5C86;
}

.form-submit {
  background-color: #3A5C86;
  color: #F8F5EA;
  border: 3px solid #2E4A6E;
  padding: 14px 28px;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  border-radius: 5px;
  cursor: pointer;
}

.form-submit:hover {
  background-color: #2E4A6E;
}

.form-note {
  margin: 12px 0 0;
  font-size: 0.86rem;
  color: #26251F;
}

.faq-item {
  border-left: 6px solid #3A5C86;
  padding: 2px 0 16px 18px;
  margin-bottom: 18px;
}

.faq-item:last-child {
  margin-bottom: 0;
}

.faq-item h3 {
  margin: 0 0 6px;
  color: #26251F;
  font-size: 1.06rem;
}

.faq-item p {
  margin: 0;
  color: #26251F;
  font-size: 0.96rem;
}

/* ============ REVEAL ============ */
.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.55s ease, transform 0.55s ease;
}

.revealed {
  opacity: 1;
  transform: none;
}

.no-js .reveal {
  opacity: 1;
  transform: none;
}

/* ============ RESPONSIVE ============ */
@media (max-width: 940px) {
  .pitbay-dockets {
    position: static;
    width: auto;
    margin-bottom: 30px;
    max-width: 320px;
  }

  .pitbay-headline {
    font-size: 2.5rem;
  }

  .ledge-grid {
    grid-template-columns: 1fr;
  }

  .two-col-note {
    grid-template-columns: 1fr;
  }

  .contact-grid {
    grid-template-columns: 1fr;
  }

  .truck {
    width: 420px;
  }

  .truck-body {
    width: 420px;
  }

  .truck-bedwall {
    width: 236px;
  }

  .tw-rear {
    left: 300px;
  }

  .ax-b {
    left: 318px;
  }
}

@media (max-width: 760px) {
  .pitrail-toggle {
    display: block;
  }

  .pitrail-rungs {
    display: none;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
  }

  .pitrail-rungs.open {
    display: flex;
  }

  .rung {
    height: auto;
    border-radius: 4px;
    border-bottom: 2px solid #DCDCD1;
    width: 100%;
  }

  .pitbay-headline {
    font-size: 2rem;
  }

  .pitbay-scene {
    height: 240px;
  }

  .truck {
    width: 300px;
    height: 120px;
  }

  .truck-body {
    width: 300px;
    height: 50px;
  }

  .truck-cab {
    width: 110px;
    height: 48px;
  }

  .truck-window {
    width: 36px;
    height: 26px;
  }

  .truck-window-b {
    width: 42px;
    height: 26px;
  }

  .truck-bedwall {
    width: 186px;
  }

  .tw-front {
    left: 46px;
  }

  .tw-rear {
    left: 214px;
  }

  .ax-a {
    left: 58px;
  }

  .ax-b {
    left: 226px;
  }

  .truck-wheel {
    width: 44px;
    height: 44px;
  }

  .toolcrib-base {
    flex-direction: column;
    align-items: flex-start;
  }
}