.elementor-1355 .elementor-element.elementor-element-7d604ef{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1355 .elementor-element.elementor-element-642bc73{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-ca6b275{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1355 .elementor-element.elementor-element-642bc73{--width:30%;}.elementor-1355 .elementor-element.elementor-element-ca6b275{--width:70%;}}/* Start custom CSS for container, class: .elementor-element-7d604ef */.bbr-service-panel {
  background: #fffaf4;
  border: 1px solid #ead8c6;
  border-radius: 28px;
  padding: 28px;
  box-shadow: 0 18px 45px rgba(138, 104, 72, 0.12);
  position: sticky;
  top: 30px;
}

.bbr-service-panel h3 {
  margin: 0 0 8px;
  font-size: 26px;
  color: #4f3e31;
}

.bbr-service-panel p {
  margin: 0 0 20px;
  color: #7a6654;
}

.bbr-service-card {
  display: grid;
  grid-template-columns: 24px 1fr auto;
  gap: 14px;
  align-items: center;
  background: #fff;
  border: 1px solid #ead8c6;
  border-radius: 20px;
  padding: 18px;
  margin-bottom: 14px;
  cursor: pointer;
  transition: all .25s ease;
}

.bbr-service-card:hover,
.bbr-service-card.active {
  border-color: #c59b6d;
  background: linear-gradient(135deg, #fffaf4, #f7eadc);
  box-shadow: 0 14px 35px rgba(138, 104, 72, 0.16);
  transform: translateY(-2px);
}

.bbr-radio {
  width: 18px;
  height: 18px;
  border: 2px solid #c59b6d;
  border-radius: 50%;
  position: relative;
}

.bbr-service-card.active .bbr-radio::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #a87948;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: 3px;
}

.bbr-service-card strong {
  display: block;
  color: #4f3e31;
  font-size: 16px;
}

.bbr-service-card small {
  display: block;
  color: #7a6654;
  margin-top: 4px;
}

.bbr-service-card b {
  color: #a87948;
  font-size: 18px;
}

.bbr-note {
  margin-top: 18px;
  font-size: 14px;
  color: #7a6654;
  line-height: 1.6;
  background: #fff;
  border-radius: 16px;
  padding: 14px;
}

/* Hide original service and provider fields */
.jet-form-row:has([name="service_id"]),
.jet-form-row:has([name="provider_id"]),
.hidden-service-field {
  display: none !important;
}

/* Form style */
.jet-engine-form,
.jet-form {
  background: #fffaf4;
  border: 1px solid #ead8c6;
  border-radius: 28px;
  padding: 34px;
  box-shadow: 0 18px 45px rgba(138, 104, 72, 0.12);
}

.jet-engine-form label,
.jet-form label {
  color: #5f4a3a;
  font-weight: 600;
}

.jet-engine-form input,
.jet-engine-form select,
.jet-engine-form textarea,
.jet-form input,
.jet-form select,
.jet-form textarea {
  border: 1px solid #ead8c6 !important;
  border-radius: 14px !important;
  min-height: 50px;
  padding: 12px 15px !important;
  background: #fff !important;
}

.jet-engine-form textarea,
.jet-form textarea {
  min-height: 110px;
}

.jet-apb-calendar,
.jet-apb-calendar-wrapper {
  background: #fff;
  border: 1px solid #ead8c6;
  border-radius: 24px;
  padding: 24px;
  margin: 18px 0;
}

.jet-apb-slot,
.jet-apb-calendar-slots .jet-apb-slot {
  display: inline-flex;
  border: 1px solid #ead8c6;
  border-radius: 999px;
  padding: 10px 17px;
  margin: 6px;
  color: #6f5742;
  background: #fff;
}

.jet-apb-slot:hover,
.jet-apb-slot.active,
.jet-apb-slot.jet-apb-slot--selected {
  background: #c59b6d !important;
  color: #fff !important;
  border-color: #c59b6d !important;
}

.jet-engine-form input[type="submit"],
.jet-engine-form button,
.jet-form input[type="submit"],
.jet-form button {
  background: linear-gradient(135deg, #c59b6d, #a87948) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 15px 34px !important;
  font-weight: 700 !important;
  box-shadow: 0 14px 30px rgba(168, 121, 72, .25);
}

@media (max-width: 767px) {
  .bbr-service-panel {
    position: static;
    margin-bottom: 24px;
  }

  .jet-engine-form,
  .jet-form {
    padding: 24px;
  }

  .bbr-service-card {
    grid-template-columns: 24px 1fr;
  }

  .bbr-service-card b {
    grid-column: 2;
  }
}

/* Fix radio + checkbox layout */
.jet-form-row input[type="radio"],
.jet-form-row input[type="checkbox"],
.jet-engine-form input[type="radio"],
.jet-engine-form input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 0 10px 0 0 !important;
  padding: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
  accent-color: #b8834f;
}

/* Radio/checkbox option wrapper */
.jet-form-row label:has(input[type="radio"]),
.jet-form-row label:has(input[type="checkbox"]),
.jet-engine-form label:has(input[type="radio"]),
.jet-engine-form label:has(input[type="checkbox"]) {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 8px 0 !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  color: #5f4a3a !important;
}

/* Make checkbox terms look clean */
.jet-form-row:has([name="deposit_confirmation"]),
.jet-form-row:has([name="terms_confirmation"]) {
  display: block !important;
}

.jet-form-row:has([name="deposit_confirmation"]) label,
.jet-form-row:has([name="terms_confirmation"]) label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  background: #fff !important;
  border: 1px solid #ead8c6 !important;
  border-radius: 16px !important;
  padding: 14px 16px !important;
  margin-bottom: 12px !important;
}

/* Radio group spacing */
.jet-form-row:has(input[type="radio"]) {
  align-items: flex-start !important;
}

/* Checkbox group spacing */
.jet-form-row:has(input[type="checkbox"]) {
  align-items: flex-start !important;
}/* End custom CSS */