/* Your details: appears underneath a chosen time or an order, one step at a time */
.rq { display: grid; gap: 18px; margin-top: 18px; }
.rq[hidden], .rq [hidden] { display: none; }
.rq-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; }
.rq-field { display: grid; gap: 6px; font: 700 14px/1.3 var(--ha-font-sans); color: var(--ha-ink); }
.rq-field input, .rq-field textarea { box-sizing: border-box; width: 100%; min-height: 48px; padding: 10px 14px; border: 1px solid rgba(var(--ha-ink-rgb), .24); border-radius: 10px; background: var(--ha-white); font: 500 16px/1.3 var(--ha-font-sans); color: var(--ha-ink); }
.rq-field input:focus-visible, .rq-field textarea:focus-visible { outline: 3px solid var(--ha-bloom); outline-offset: 2px; border-color: var(--ha-ink); }
.rq-next { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.rq-send { border: 0; cursor: pointer; font-family: var(--ha-font-sans); }
.rq-note { margin: 0; font: 500 14px/1.4 var(--ha-font-sans); color: var(--ha-support-on-paper); }
.rq-done { margin: 0; padding: 16px 18px; border-radius: 12px; background: var(--ha-ink); color: var(--ha-paper); font: 600 16px/1.45 var(--ha-font-sans); }
@media (prefers-reduced-motion: no-preference) { .rq:not([hidden]), .rq-next:not([hidden]) { animation: rq-in .35s ease-out; } }
@keyframes rq-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (max-width: 600px) { .rq-fields { grid-template-columns: minmax(0, 1fr); } }
/* WhatsApp as a second way in: their glyph, our coral */
.wa-btn .wa-glyph { width: 22px; height: 22px; flex: none; fill: var(--ha-bloom); }
/* Under a price tool, the details sit in their own card beneath it */
:is(.ps, .cc) ~ .rq { margin-top: 16px; padding: clamp(18px, 2vw, 26px); border-radius: 14px; background: var(--ha-white); }

.rq-send { min-height: 44px; }
.rq-done a { color: inherit; display: flex; align-items: center; min-height: 44px; }

.rq-error { color: var(--ha-petrol); font-weight: 600; }