#quoteTypeSection {
  max-width: 920px;
  margin-inline: auto;
  padding: 28px;
  border: 1px solid rgba(19, 42, 71, 0.12);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(11, 29, 51, 0.07);
}

#quoteTypeSection > h2 { margin-bottom: 4px; color: #0b1d33; font-family: Georgia, serif; font-size: clamp(1.65rem, 3vw, 2.15rem); }
.tq-quote-type-help { margin: 0 0 20px; color: #627083; }
#quoteTypeSection .quote-type-button-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
#quoteTypeSection .quote-type-choice { min-height: 94px; padding: 20px; flex-direction: column; gap: 5px; border: 1px solid rgba(199, 167, 108, 0.48); border-radius: 15px; background: #fffdf9; color: #0b1d33; box-shadow: 0 8px 22px rgba(11, 29, 51, 0.06); }
#quoteTypeSection .quote-type-choice:hover,
#quoteTypeSection .quote-type-choice:focus-visible { transform: translateY(-2px); border-color: #c7a76c; outline: 3px solid rgba(199, 167, 108, 0.2); box-shadow: 0 13px 28px rgba(11, 29, 51, 0.1); }
#quoteTypeSection .quote-type-choice.active { border-color: #c7a76c; background: #faf6ee; color: #0b1d33; }
#quoteTypeSection .quote-type-choice > span { color: #647184; font-size: 0.78rem; font-weight: 500; line-height: 1.4; }
#quoteTypeSection .quote-type-choice--journey,
#quoteTypeSection .quote-type-choice--supplier-pdf { grid-column: 1 / -1; }

@media (max-width: 700px) {
  #quoteTypeSection { padding: 20px; }
  #quoteTypeSection .quote-type-button-grid { grid-template-columns: 1fr; }
  #quoteTypeSection .quote-type-choice--journey,
  #quoteTypeSection .quote-type-choice--supplier-pdf { grid-column: auto; }
}