/* QA1125 — one five-step estimate workflow with Review and Customer Options together. */
.hgc-flow-nav.hgc-home-repair-five-step {
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:7px !important;
  width:100%;
  max-width:none;
  margin:10px 0 13px;
  padding:7px;
  overflow:visible !important;
  border:1px solid #263c4e;
  border-radius:9px;
  background:#08121b;
}
.hgc-flow-nav.hgc-home-repair-five-step>button {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
  min-height:50px;
  padding:8px 10px;
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  color:#a8b8c5;
  font-size:13px;
  font-weight:850;
  line-height:1.2;
  white-space:normal;
}
.hgc-flow-nav.hgc-home-repair-five-step>button>b {
  flex:0 0 28px;
  width:28px;
  height:28px;
}
.hgc-flow-nav.hgc-home-repair-five-step>button>i {
  display:grid;
  place-items:center;
  flex:0 0 20px;
  color:currentColor;
}
.hgc-flow-nav.hgc-home-repair-five-step>button>i svg { width:19px; height:19px; }
.hgc-flow-nav.hgc-home-repair-five-step>button>span { min-width:0; }
.hgc-flow-nav.hgc-home-repair-five-step>button.active {
  border-color:#ff7a18;
  background:rgba(255,122,24,.08);
  color:#fff;
}
.hgc-flow-nav.hgc-home-repair-five-step>button.complete { color:#5ee08f; }
.hgc-flow-nav.hgc-home-repair-five-step>button:focus-visible {
  outline:2px solid #ff9b35;
  outline-offset:2px;
}
.home-repair-painting-embed>.hgc-home-repair-five-step { margin-top:0; }

.hgc-home-repair-workflow-page { max-width:none !important; }
.hgc-review-options-main { display:grid; gap:18px; min-width:0; }
.hgc-review-options-section { display:grid; gap:11px; padding-bottom:18px; border-bottom:1px solid #263c4e; }
.hgc-review-options-section>header { display:flex; align-items:end; justify-content:space-between; gap:16px; }
.hgc-review-options-section>header small { color:#ff9b35; font-size:10px; font-weight:900; letter-spacing:.08em; }
.hgc-review-options-section>header h4 { margin:3px 0; color:#fff; font-size:18px; }
.hgc-review-options-section>header p { margin:0; color:#aebdca; }
.hgc-review-options-section>header>strong { color:#dce7ef; font-size:13px; }
.hgc-workflow-packages {
  margin-bottom:12px;
  padding:14px;
  border:1px solid #c84cff;
  border-radius:9px;
  background:rgba(200,76,255,.07);
}
.hgc-workflow-packages>header { display:flex; align-items:end; justify-content:space-between; gap:16px; }
.hgc-workflow-packages>header small { color:#f2a8ff; font-size:10px; font-weight:900; letter-spacing:.08em; }
.hgc-workflow-packages>header h4 { margin:3px 0; color:#fff; font-size:18px; }
.hgc-workflow-packages>header p { margin:0; color:#c9d4dc; }
.hgc-workflow-packages>header>strong { color:#f2a8ff; font-size:13px; white-space:nowrap; }
.hgc-workflow-packages>div { display:grid; grid-template-columns:1fr; gap:8px; margin-top:12px; }
.hgc-workflow-packages>div>button {
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto 18px;
  align-items:center;
  gap:10px;
  min-height:72px;
  padding:10px 12px;
  border:1px solid #d15dff;
  border-radius:8px;
  background:rgba(209,93,255,.08);
  color:#fff;
  text-align:left;
}
.hgc-workflow-packages>div>button>span { display:grid; place-items:center; width:40px; height:40px; border:1px solid #d15dff; border-radius:50%; color:#ef9fff; }
.hgc-workflow-packages>div>button>div { display:grid; gap:3px; }
.hgc-workflow-packages>div>button strong { color:#fff; font-size:14px; }
.hgc-workflow-packages>div>button small { color:#dce5eb; font-size:11.5px; }
.hgc-workflow-packages>div>button>b { color:#fff; }
.hgc-workflow-packages>div>button:hover { border-color:#f0a4ff; background:rgba(209,93,255,.14); }
.hgc-workflow-package-choices { display:flex; flex-wrap:wrap; gap:5px; margin-top:4px; }
.hgc-workflow-package-choices>em { padding:3px 7px; border:1px solid rgba(240,164,255,.52); border-radius:999px; background:rgba(200,76,255,.1); color:#f4d8ff; font-size:10px; font-style:normal; font-weight:800; line-height:1.2; }
.hgc-home-repair-terms>main { min-width:0; }

@media(max-width:900px){
  .hgc-flow-nav.hgc-home-repair-five-step,
  .hgc-root:has(.hgc-proposal-hub-page)>.hgc-flow-nav.hgc-home-repair-five-step {
    display:flex !important;
    gap:6px !important;
    overflow-x:auto !important;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .hgc-flow-nav.hgc-home-repair-five-step::-webkit-scrollbar { display:none; }
  .hgc-flow-nav.hgc-home-repair-five-step>button,
  .hgc-root:has(.hgc-proposal-hub-page)>.hgc-flow-nav.hgc-home-repair-five-step>button {
    flex:0 0 170px;
    min-width:170px !important;
    min-height:50px !important;
    scroll-snap-align:start;
  }
  .hgc-workflow-packages>div { grid-template-columns:1fr; }
}