.pronounce {
  display: inline-block;
  margin: -5px 0 17px;
  color: #777d80;
  font-size: 10px;
  letter-spacing: .04em;
}

/* Friendly, larger customer-facing parts search */
.tire-request {
  padding: 26px;
  border-color: #685336;
  background: linear-gradient(145deg, #2b251d, #191c1e 72%);
}
.parts-search-heading {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 15px;
  align-items: center;
  margin-bottom: 22px;
}
.parts-search-icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  font-size: 26px;
  color: #fff6df;
  background: linear-gradient(145deg, #e9a843, #bd672f);
  box-shadow: 0 10px 24px #0004;
}
.parts-search-heading h2 { margin: 5px 0 6px; font-size: 25px; letter-spacing: -.03em; }
.parts-search-heading p { margin: 0; color: #d0c2ab; font-size: 13px; line-height: 1.45; }
.tire-request > label { display: block; color: #fff7e7; font-size: 14px; font-weight: 800; }
.tire-request > label input {
  width: 100%;
  margin-top: 9px;
  padding: 17px 18px;
  border: 1px solid #987447;
  border-radius: 15px;
  background: #fff9ed;
  color: #312416;
  font-size: 16px;
}
.tire-request > label input::placeholder { color: #7a6954; }
.helpful-examples { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 14px 0 18px; }
.helpful-examples > span { width: 100%; color: #cdbb9b; font-size: 12px; font-weight: 700; }
.helpful-examples button { border: 1px solid #917142; border-radius: 99px; background: #3d3324; color: #ffe6a9; padding: 9px 13px; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.helpful-examples button:hover { background: #57462d; }
.tire-request .tire-terms { margin: 0 0 18px; background: #342b1e; border-color: #715a35; }
.tire-request .tire-terms b { color: #ffe0a0; font-size: 12px; }
.tire-request .tire-terms p { color: #dbc8a4; font-size: 11px; }
.tire-request > .primary { min-height: 58px; font-size: 16px; }
@media (max-width: 650px) {
  .tire-request { padding: 21px; }
  .parts-search-heading { grid-template-columns: 48px 1fr; gap: 12px; }
  .parts-search-icon { width: 48px; height: 48px; border-radius: 15px; font-size: 22px; }
  .parts-search-heading h2 { font-size: 22px; }
}

.delivery-panel { margin: 18px 0; padding: 24px; border-color: #496679; background: linear-gradient(145deg, #192932, #17191a 72%); }
.delivery-heading { display: grid; grid-template-columns: 52px 1fr; gap: 14px; align-items: center; }
.delivery-icon { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 17px; background: linear-gradient(145deg, #69badb, #3e7d9d); color: #f5fdff; font-size: 28px; font-weight: 800; }
.delivery-heading h2 { margin: 5px 0 6px; font-size: 23px; }
.delivery-heading p { margin: 0; color: #b5ccd6; font-size: 12px; line-height: 1.45; }
.delivery-options { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin: 19px 0 13px; }
.delivery-options button { min-height: 72px; border: 1px solid #3a5969; border-radius: 14px; background: #18232a; color: #eaf8ff; font: inherit; cursor: pointer; padding: 10px 7px; display: flex; flex-direction: column; gap: 4px; align-items: center; justify-content: center; }
.delivery-options button b { font-size: 11px; }
.delivery-options button small { color: #8db7c9; font-size: 8px; }
.delivery-options button.active, .delivery-options button:hover { border-color: #7bd3f0; background: #244555; box-shadow: inset 0 0 0 1px #7bd3f0; }
.delivery-privacy { display: flex; flex-direction: column; gap: 4px; padding: 12px 13px; border-radius: 12px; background: #15272f; border: 1px solid #315a6c; color: #cfedf8; font-size: 11px; }
.delivery-privacy span { color: #96bbc9; font-size: 10px; line-height: 1.4; }
.share-rescue { width: 100%; margin-top: 11px; min-height: 43px; border: 1px solid #5b7641; border-radius: 11px; background: #24331d; color: #def5bd; font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; }
.share-rescue:hover { background: #314b25; border-color: #8dbc62; }
.share-check { display: flex; gap: 9px; align-items: flex-start; padding: 12px; margin: 13px 0; border-radius: 10px; background: #182c20; border: 1px solid #386843; color: #d9f2df; font-size: 11px; line-height: 1.45; }
.share-check input { width: 17px; height: 17px; accent-color: #62c783; flex: 0 0 auto; }
@media (max-width: 700px) { .delivery-options { grid-template-columns: 1fr 1fr; } .delivery-options button:last-child { grid-column: span 2; } }