/* Match Choose your barber. to the compact booking-intro heading. */
.pc-choose-barber-heading-compact {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding-inline: clamp(18px, 3vw, 52px) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2rem, 3.15vw, 3.25rem) !important;
  font-weight: 700 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.035em !important;
  white-space: nowrap !important;
  text-wrap: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  text-align: center !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 900px) {
  .pc-choose-barber-heading-compact {
    padding-inline: 20px !important;
    font-size: clamp(1.55rem, 4.7vw, 2.6rem) !important;
    letter-spacing: -0.04em !important;
  }
}

@media (max-width: 640px) {
  .pc-choose-barber-heading-compact {
    padding-inline: 12px !important;
    font-size: clamp(1.3rem, 5.6vw, 2rem) !important;
    white-space: normal !important;
    text-wrap: balance !important;
    line-height: 1.08 !important;
  }
}

/* Match the Choose your barber panel to the cream booking-intro card. */
.pc-choose-barber-panel-cream {
  width: min(100%, 1360px) !important;
  max-width: 1360px !important;
  margin: 0 auto 30px !important;
  padding: 28px 34px 30px !important;
  border: 1px solid #ded2c0 !important;
  border-top: 6px solid #d7ae26 !important;
  border-radius: 20px !important;
  background: #fbf5e9 !important;
  background-image: none !important;
  box-shadow: 0 16px 34px rgba(48, 35, 20, 0.10) !important;
  text-align: center !important;
}

.pc-choose-barber-panel-cream .pc-choose-barber-heading-compact {
  color: #211612 !important;
  -webkit-text-fill-color: #211612 !important;
}

.pc-choose-barber-panel-cream .pc-choose-barber-kicker-cream {
  color: #98670b !important;
  -webkit-text-fill-color: #98670b !important;
  background: transparent !important;
}

.pc-choose-barber-panel-cream .pc-choose-barber-support-cream {
  color: #493b31 !important;
  -webkit-text-fill-color: #493b31 !important;
  background: transparent !important;
}

@media (max-width: 640px) {
  .pc-choose-barber-panel-cream {
    margin-bottom: 22px !important;
    padding: 22px 16px 24px !important;
    border-radius: 15px !important;
  }
}