/* Infrared Red Light Therapy page. Design: Figma 1:4189 "1920w infrared red light therapy" (waitlist 1:4236). */
.waitlist { display: grid; grid-template-columns: minmax(0, 700fr) minmax(0, 610fr) minmax(0, 610fr); background: var(--tan); padding-block: clamp(40px, 4.17vw, 80px); }
.waitlist-text { padding: clamp(0px, 3.125vw, 60px) clamp(24px, 3.2vw, 62px) 0 var(--gutter); }
.waitlist-lead { margin-top: clamp(20px, 2.4vw, 46px); max-width: 24em; font-size: var(--fs-lead); line-height: 1.2; }
.waitlist-form { display: flex; flex-direction: column; max-width: 516px; margin: clamp(32px, 2.6vw, 50px) 0 0 clamp(0px, 1.67vw, 32px); font-size: clamp(15px, 1.04vw, 20px); line-height: 1.25; }
.waitlist-form label { margin-bottom: 8px; }
.waitlist-form input, .waitlist-form select { font: inherit; color: var(--brown); background: transparent; border: 0; border-radius: 0; }
.waitlist-form > input, .phone-field { height: 48px; border: 1px solid rgba(54, 32, 21, .6); }
.waitlist-form > input { padding: 0 12px; margin-bottom: 26px; }
.waitlist-form input:focus { outline: none; }
.waitlist-form > input:focus-visible, .phone-field:focus-within { outline: 2px solid var(--brown); outline-offset: 1px; }
.phone-field { display: flex; align-items: center; margin-bottom: 35px; }
.phone-field .cc { position: relative; display: flex; align-items: center; height: 100%; padding-left: 12px; }
.phone-field .cc img { pointer-events: none; }
.phone-field .globe { width: 34px; height: 34px; }
.phone-field select { -webkit-appearance: none; appearance: none; height: 100%; padding: 0 26px 0 4px; cursor: pointer; }
.phone-field .chev { position: absolute; right: 0; top: 50%; width: 24px; height: 24px; transform: translateY(-50%); }
.phone-field input { flex: 1; min-width: 0; height: 100%; padding: 0 12px 0 8px; }
.waitlist-form .btn { min-height: 46px; width: 100%; font-size: inherit; color: var(--cream); }
.waitlist-photo { position: relative; overflow: hidden; min-height: 420px; }
.waitlist-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 1100px) {
  .waitlist { grid-template-columns: 1fr 1fr; padding-top: var(--section-y); }
  .waitlist-text { grid-column: 1 / -1; padding: 0 var(--gutter) clamp(32px, 5vw, 48px); }
  .waitlist-form { margin-left: 0; }
  .waitlist-photo { min-height: 0; aspect-ratio: 610 / 796; }
}
@media (max-width: 767px) {
  .waitlist { padding-bottom: 0; }
  .waitlist-form { max-width: none; }
}