/* The request keeps one decision on screen at a time. */
.page-custom-order .section-head{max-width:44rem;margin-bottom:2rem}
.page-custom-order .order{max-width:62rem;gap:1.25rem}
.order-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;list-style:none;margin:0;padding:0 0 1.25rem;border-bottom:1px dashed var(--line-strong)}
.order-progress li{display:flex;gap:.55rem;align-items:center;font-size:.9rem;color:var(--ink-soft)}
.order-progress li > span:first-child{display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;width:1.9rem;height:1.9rem;flex-shrink:0;font-size:.8rem}
.order-progress li[aria-current]{font-weight:700;color:var(--clay-text)}
.order-progress li[aria-current] > span:first-child{background:var(--clay-text);border-color:var(--clay-text);color:var(--ground)}
.selected-summary{display:flex;gap:1rem;align-items:baseline;padding:.9rem 1.15rem;background:var(--cream);border:1px solid var(--line);border-radius:6px}
.selected-summary strong{white-space:nowrap;font-size:.9rem}
.selected-summary p{font-size:.9rem;color:var(--ink-soft)}
.page-custom-order .order-fill,.order-details{display:grid;gap:2rem}
.page-custom-order .picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.page-custom-order .pick{display:grid;grid-template-columns:7rem 1fr;min-height:10rem;border-radius:7px}
.page-custom-order .pick-media{aspect-ratio:auto;min-height:100%;background:var(--cream)}
.page-custom-order .pick-stitch{grid-column:1 / -1;min-height:0;height:1.6rem;background:var(--cream);border-bottom:1px dashed var(--clay-text)}
.page-custom-order .pick-stitch::after{content:'';display:block;margin:.7rem 1rem;border-top:2px dashed var(--line-strong)}
.page-custom-order .pick-stitch + .pick-body{grid-column:1 / -1}
.page-custom-order .pick-body{padding:1.1rem 1.25rem;gap:.5rem}
.page-custom-order .pick-name{font-size:1.3rem;padding-right:1.8rem}
.page-custom-order .pick-blurb{font-size:.95rem}
.page-custom-order .pick-meta,.page-custom-order .pick-cta{font-size:.9rem}
.page-custom-order .piece{padding:1.5rem;border-radius:7px}
.page-custom-order .piece-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.page-custom-order .piece-fields .f:has(textarea),.page-custom-order .piece-fields .f:has(.f-pic){grid-column:1 / -1}
.page-custom-order .order-actions{padding-top:.25rem}
.page-custom-order .fineprint{flex-basis:100%}
.page-custom-order [hidden]{display:none!important}
@media(max-width:680px){
  .order-progress{gap:.45rem}
  .order-progress li{flex-direction:column;align-items:flex-start;font-size:.77rem;gap:.35rem}
  .selected-summary{display:block}
  .selected-summary p{margin-top:.25rem}
  .page-custom-order .picks{grid-template-columns:1fr}
  .page-custom-order .pick{grid-template-columns:6.5rem 1fr;min-height:9rem}
  .page-custom-order .pick-body{padding:1rem}
  .page-custom-order .piece{padding:1.1rem}
  .page-custom-order .piece-fields{grid-template-columns:1fr}
}

.page-custom-order .ostep-head h2{font-size:clamp(1.4rem,3vw,1.8rem)}
.page-custom-order .piece-head h3{font-size:1.3125rem;margin-top:.15rem}
#order-inspiration{color:var(--ink-soft);border-color:var(--line-strong);background:var(--surface)}

@media(max-width:680px){
  .page-custom-order .section{padding-top:1.75rem}
  .page-custom-order .section-head{margin-bottom:1.25rem}
  .page-custom-order .section-head h1{font-size:2rem}
  .page-custom-order .section-head p{font-size:1rem;line-height:1.6}
  .page-custom-order .order{gap:1rem}
  .page-custom-order .selected-summary{padding:.65rem 1rem}
  .page-custom-order .ostep-head{margin-bottom:1rem}
}