.remote-support-page { min-width: 0; }
.remote-support-page .page-hero h1 { max-width: 780px; }
.remote-support-page .page-hero .btn { margin-top: 8px; }
.remote-support-content { display: grid; gap: 30px; }
.remote-intro { display: flex; align-items: end; justify-content: space-between; gap: 28px; }
.remote-intro h2 { margin: 0; }
.remote-intro p { max-width: 450px; margin: 0; }
.remote-booking-form { display: grid; gap: 28px; min-width: 0; }
.remote-package-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.remote-package-card { position: relative; display: flex; align-items: flex-start; gap: 14px; min-width: 0; padding: 20px; border: 1px solid var(--line); background: #fff; cursor: pointer; }
.remote-package-card:has(input:checked) { border-color: var(--green-dark); box-shadow: inset 0 0 0 1px var(--green-dark); }
.remote-package-card > input { position: absolute; top: 20px; left: 20px; width: 18px; height: 18px; accent-color: var(--green-dark); }
.remote-package-select { flex: 0 0 20px; width: 20px; height: 20px; }
.remote-package-copy { display: grid; gap: 7px; min-width: 0; }
.remote-package-copy > strong { font-family: var(--font-family-heading); font-size: 20px; line-height: 1.25; overflow-wrap: anywhere; }
.remote-package-copy > span { color: var(--muted); font-size: 14px; }
.remote-package-copy small { color: var(--green-dark); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.remote-price { font-size: 17px; font-variant-numeric: tabular-nums; }
.remote-package-details { white-space: pre-line; line-height: 1.65; }
.remote-request-layout { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(250px,.7fr); gap: 20px; align-items: start; }
.remote-form-panel,.remote-safety-panel { min-width: 0; padding: clamp(20px,3vw,32px); border: 1px solid var(--line); background: #fff; }
.remote-form-panel h2,.remote-safety-panel h2 { margin-bottom: 8px; }
.remote-form-panel > p { margin-bottom: 22px; }
.remote-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.remote-form-grid .field { min-width: 0; }
.remote-form-grid .field input,.remote-form-grid .field textarea,.remote-form-grid .field select { min-width: 0; max-width: 100%; border-radius: 0; }
.remote-field-wide { grid-column: 1 / -1; }
.remote-consent { display: flex; align-items: flex-start; gap: 10px; margin: 20px 0; line-height: 1.55; font-size: 13px; }
.remote-consent input { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 2px; accent-color: var(--green-dark); }
.remote-safety-panel { position: sticky; top: 18px; background: #f4f8f3; }
.remote-safety-panel ul { display: grid; gap: 10px; margin: 16px 0; padding-left: 20px; }
.remote-safety-panel li { line-height: 1.55; }
.remote-safety-panel > p { padding: 12px; border-left: 3px solid #bc3833; background: #fff; font-size: 13px; }
.remote-safety-panel > a { display: inline-block; margin-top: 8px; color: var(--green-dark); font-weight: 700; overflow-wrap: anywhere; }
.remote-empty { grid-column: 1 / -1; padding: 20px; border: 1px solid var(--line); background: #fff; }
.remote-empty a { color: var(--green-dark); font-weight: 700; }
.remote-support-page :is(.remote-package-card,.remote-form-panel,.remote-safety-panel,.remote-empty) { border-radius: 0; }
@media (max-width: 850px) {
  .remote-intro { align-items: flex-start; flex-direction: column; gap: 10px; }
  .remote-request-layout { grid-template-columns: minmax(0,1fr); }
  .remote-safety-panel { position: static; }
}
@media (max-width: 620px) {
  .remote-package-grid,.remote-form-grid { grid-template-columns: minmax(0,1fr); }
  .remote-field-wide { grid-column: auto; }
  .remote-package-card { padding: 16px; }
  .remote-package-card > input { top: 16px; left: 16px; }
}