/* The primary invitation is visible immediately below each selected garment. */
:root{--reservation-green:#237647;--reservation-hover:#1b623a;--reservation-ink:#fffdf5}
.reservation-button,
.look-purchase>.reservation-button,
.collection-add.reservation-button,
.look-builder-add.reservation-button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:100%;
  min-height:62px;
  padding:17px 19px;
  border:0;
  border-radius:4px;
  background:var(--reservation-green);
  color:var(--reservation-ink);
  font-size:17px;
  font-weight:600;
  line-height:1.3;
  text-align:left;
  transition:background .2s,transform .2s;
}
.reservation-button svg{width:21px;height:21px;flex-shrink:0}
.reservation-button:hover,
.look-purchase>.reservation-button:hover,
.collection-add.reservation-button:hover,
.look-builder-add.reservation-button:hover{background:var(--reservation-hover);color:var(--reservation-ink);transform:translateY(-2px)}
.reservation-button:active{transform:translateY(0)}
.reservation-button:focus-visible{outline:3px solid #e4caa0;outline-offset:4px}
.collection-add.reservation-button{margin-top:17px;font-size:16px}
.look-builder-add.reservation-button{font-size:18px;min-height:64px;margin-top:20px}
@media(min-width:761px) and (max-width:1100px){
  .look-purchase>.reservation-button{font-size:14px;padding:15px 12px;gap:8px}
  .look-purchase>.reservation-button svg{width:18px;height:18px}
}
@media(max-width:760px){
  .hero-selection .look-purchase{display:flex;flex-direction:column;align-items:stretch;gap:9px}
  .look-purchase>label{margin:0}
  .look-purchase select{height:46px;font-size:16px;flex-shrink:0}
  .look-purchase>.reservation-button{font-size:18px;min-height:64px;height:auto;margin-top:2px;padding:18px 20px}
  .look-purchase #size-help{margin-top:0;font-size:10px;line-height:1.65}
  .look-purchase .size-error{margin-top:0}
  .collection-add.reservation-button{font-size:18px;min-height:64px;padding:18px 20px}
}
@media(prefers-reduced-motion:reduce){.reservation-button:hover,.look-purchase>.reservation-button:hover,.collection-add.reservation-button:hover,.look-builder-add.reservation-button:hover{transform:none}}