/* Makes the booking plugin match the theme */

.pyro-wrap{
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding-left: 6px;
  padding-right: 6px;
}

.pyro-header{
  margin-bottom: 28px;
}

.pyro-title{
  font-size: clamp(2.2rem, 5vw, 3.4rem) !important;
  line-height: 1.05;
}

.pyro-eyebrow{
  font-size: 11px !important;
  letter-spacing: .34em !important;
}

.pyro-progress{
  margin-bottom: 30px !important;
}

.pyro-step-dot span{
  font-size: 10px !important;
}

.pyro-panel,
.pyro-exp-card,
.pyro-type-card,
.pyro-menu-card,
.pyro-dish-card,
.pyro-custom-builder,
.pyro-review-summary,
.pyro-review-price,
.pyro-second-banner{
  border-radius: 16px !important;
}

.pyro-exp-grid,
.pyro-menu-type-grid,
.pyro-menus-grid,
.pyro-dish-grid{
  gap: 16px !important;
}

.pyro-exp-card{
  box-shadow: var(--pyro-shadow);
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(184,151,90,.03)) !important;
  border: 1px solid rgba(184,151,90,.18) !important;
}

.pyro-exp-card.selected,
.pyro-type-card.selected,
.pyro-menu-card.selected-a,
.pyro-menu-card.selected-b,
.pyro-dish-card.selected{
  outline: 2px solid rgba(184,151,90,.26);
  border-color: rgba(184,151,90,.4) !important;
  box-shadow: 0 18px 44px rgba(184,151,90,.12) !important;
}

.pyro-exp-name,
.pyro-type-name,
.pyro-menu-num,
.pyro-dish-name,
.pyro-custom-title{
  font-size: 1.45rem !important;
  line-height: 1.08 !important;
}

.pyro-exp-desc,
.pyro-type-desc,
.pyro-dish-desc,
.pyro-menu-hint,
.pyro-notice{
  font-size: 13px !important;
  line-height: 1.8 !important;
}

.pyro-course,
.pyro-exp-amenities li{
  font-size: 12px !important;
  line-height: 1.75 !important;
}

.pyro-input,
.pyro-guest-row input,
.pyro-guest-row select{
  min-height: 50px;
  font-size: 16px !important;
}

.pyro-btn,
.pyro-btn-checkout,
.pyro-btn-ghost{
  border-radius: 999px !important;
  min-height: 50px;
  font-size: 11px !important;
  letter-spacing: .18em !important;
}

.pyro-btn-checkout{
  box-shadow: 0 14px 30px rgba(184,151,90,.18);
}

.pyro-review-grid{
  gap: 16px !important;
}

@media (max-width: 900px){
  .pyro-review-grid{
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px){
  .pyro-exp-grid,
  .pyro-menu-type-grid,
  .pyro-menus-grid,
  .pyro-dish-grid{
    grid-template-columns: 1fr !important;
  }

  .pyro-form-row{
    grid-template-columns: 1fr !important;
  }

  .pyro-btn-row{
    flex-direction: column;
    gap: 12px;
  }

  .pyro-btn,
  .pyro-btn-checkout,
  .pyro-btn-ghost,
  .pyro-btn-back,
  .pyro-btn-primary{
    width: 100%;
  }
}