/* Booking confirmation refinements: clear the floating header and finish the account journey. */
.confirmation-hero{
  margin-top:128px;
  padding-top:56px;
}

.confirmation-page,
.confirmation-main,
.confirmation-side{
  align-content:start;
}

.confirmation-main,
.confirmation-side{
  grid-auto-rows:max-content;
}

.confirmation-card{
  min-width:0;
}

.confirmation-steps li{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  column-gap:15px;
}

.confirmation-steps li>b{
  width:38px;
}

.confirmation-register{
  margin-top:22px;
  gap:18px;
}

.confirmation-register label{
  display:grid;
  gap:9px;
  margin:0;
}

.confirmation-register input{
  width:100%;
  min-height:58px;
  margin:0;
  padding:14px 17px;
  border:1.5px solid #bfd4d0;
  border-radius:15px;
  outline:0;
  background:#fff;
  color:#003f44;
  font:700 1rem/1.2 Arial,sans-serif;
  box-shadow:inset 0 1px 2px rgba(0,63,68,.035),0 8px 22px rgba(0,63,68,.035);
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}

.confirmation-register input:hover{
  border-color:#82aaa4;
}

.confirmation-register input:focus{
  border-color:#07878a;
  background:#fffef9;
  box-shadow:0 0 0 4px rgba(7,135,138,.13),0 12px 26px rgba(0,63,68,.07);
}

.confirmation-register small{
  margin:0;
  color:#687e7a;
  font-size:.82rem;
  font-weight:700;
}

.confirmation-register .button{
  min-height:60px;
  margin-top:2px;
  border-radius:16px;
  box-shadow:0 14px 30px rgba(244,181,44,.22);
}

.confirmation-home-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  justify-self:stretch;
  min-height:58px;
  padding:12px 22px;
  border:1.5px solid #87aaa5;
  border-radius:999px;
  background:#fff;
  color:#006f70;
  text-align:center;
  text-decoration:none;
  font-weight:900;
  box-shadow:0 12px 28px rgba(0,63,68,.07);
  transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;
}

.confirmation-home-link:hover,
.confirmation-home-link:focus-visible{
  border-color:#006f70;
  background:#eaf5f2;
  color:#003f44;
  box-shadow:0 16px 32px rgba(0,63,68,.12);
  transform:translateY(-2px);
}

.confirmation-home-link:focus-visible{
  outline:3px solid rgba(244,181,44,.48);
  outline-offset:3px;
}

@media(max-width:900px){
  .confirmation-hero{margin-top:122px}
  .confirmation-side{grid-template-columns:1fr}
}

@media(max-width:560px){
  .confirmation-hero{
    width:calc(100% - 24px);
    margin-top:116px;
    padding-top:42px;
  }
  .confirmation-check{
    width:64px;
    height:64px;
    font-size:1.95rem;
  }
  .confirmation-register input{min-height:56px}
  .confirmation-home-link{min-height:56px}
}