/* INSPIRE STUDIOS – 05-your-details.css */
.csb-page .csb-fieldrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.csb-page .csb-field{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}
.csb-page .csb-field label{font-size:11px;font-weight:600;color:#453b34}
.csb-page .csb-field input,.csb-page .csb-field select,.csb-page .csb-field textarea,.csb-page .csb-settings input,.csb-page .csb-settings select{border:1px solid #d9cabc;border-radius:7px;background:#fffdfa;padding:12px 13px;color:#403932;font-size:12px;width:100%;min-height:44px}
.csb-page .csb-field textarea{resize:vertical;min-height:92px}
.csb-page .csb-field input::placeholder,.csb-page .csb-field textarea::placeholder{color:#a19a93}
.csb-page .csb-checkbox{display:flex;align-items:flex-start;gap:10px;margin:14px 0;color:#63564b;font-size:11px}
.csb-page .csb-checkbox input{accent-color:#842139;margin-top:4px;width:16px;height:16px;flex:none}




/* =========================================
   STEP 4 - YOUR DETAILS
   ========================================= */

/* CONTACT INFORMATION DESCRIPTION */

.csb-page .csb-details-step .csb-details-intro {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.75;
  color: #796f68;
  margin: 9px 0 23px;
}

/* FIRST NAME, LAST NAME, EMAIL, TELEPHONE LABELS */

.csb-page .csb-details-step .csb-field label {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  color: #453b34;
  margin-bottom: 7px;
}

/* INPUT FIELDS */

.csb-page .csb-details-step .csb-field > input {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  padding: 13px 15px;
  min-height: 51px;
  border-radius: 8px;
}

/* INPUT PLACEHOLDERS */

.csb-page .csb-details-step .csb-field input::placeholder {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

/* FIELD SPACING */

.csb-page .csb-details-step .csb-fieldrow {
  column-gap: 17px;
  row-gap: 12px;
}

.csb-page .csb-details-step .csb-field {
  margin-bottom: 16px;
}

/* =========================================
   TELEPHONE COUNTRY PREFIX
   ========================================= */

.csb-page .csb-details-step .csb-phone-control {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: 51px;
  background: #fffdfa;
  border: 1px solid #d9cabc;
  border-radius: 8px;
  overflow: hidden;
}

/* COUNTRY CODE SELECT */

.csb-page .csb-details-step .csb-phone-control select {
  width: 145px;
  min-width: 0;
  flex: 0 0 145px;
  border: none;
  border-right: 1px solid #d9cabc;
  border-radius: 0;
  background: #fbf4ec;
  padding: 12px 8px;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  color: #453936;
  cursor: pointer;
}

/* TELEPHONE INPUT */

.csb-page .csb-details-step .csb-phone-control input {
  flex: 1;
  width: 100%;
  min-width: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  padding: 13px 15px;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #453936;
  outline-offset: -2px;
}

/* =========================================
   BOTH CHECKBOXES
   ========================================= */

.csb-page .csb-details-step .csb-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin: 19px 0;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.75;
  color: #625b57;
  cursor: pointer;
}

/* CHECKBOX SIZE */

.csb-page .csb-details-step .csb-checkbox input {
  width: 19px;
  height: 19px;
  min-width: 19px;
  flex: 0 0 19px;
  margin-top: 3px;
  accent-color: #781727;
  cursor: pointer;
}

/* TERMS AND CONDITIONS LINK */

.csb-page .csb-details-step .csb-checkbox a {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  color: #781727;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.csb-page .csb-details-step .csb-checkbox a:hover {
  color: #a12e48;
}

/* =========================================
   STEP 4 - YOUR BOOKING SUMMARY
   ========================================= */

/* SUMMARY ROWS - KEEP TITLE UNCHANGED */

.csb-page .csb-details-step .csb-summary .csb-row {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.65;
  padding: 13px 0;
  gap: 15px;
}

/* SUMMARY VALUES */

.csb-page .csb-details-step .csb-summary .csb-row strong {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.65;
  text-align: right;
  color: #453936;
}

/* DEPOSIT AND BALANCE */

.csb-page .csb-details-step .csb-summary .csb-row strong.csb-money {
  font-family: 'Bodoni Moda', Georgia, serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  font-variant-numeric: lining-nums;
  color: #681220;
}

/* TOTAL LABEL */

.csb-page .csb-details-step .csb-total > span {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

/* PACKAGE TOTAL PRICE */

.csb-page .csb-details-step .csb-total b {
  font-family: 'Bodoni Moda', Georgia, serif;
  font-size: 33px;
  font-weight: 600;
  line-height: 1.2;
  font-variant-numeric: lining-nums;
  color: #681220;
}

/* =========================================
   STEP 4 - NAVIGATION BUTTONS
   ========================================= */

.csb-page #csb-content > .csb-details-step + .csb-buttons .csb-ghost,
.csb-page #csb-content > .csb-details-step + .csb-buttons .csb-btn {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.2px;
}

.csb-page #csb-content > .csb-details-step + .csb-buttons .csb-btn {
  padding: 15px 25px;
}

/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 660px) {

  .csb-page .csb-details-step .csb-field label {
    font-size: 14px;
  }

  .csb-page .csb-details-step .csb-phone-control select {
    width: 130px;
    flex-basis: 130px;
    font-size: 12px;
  }

  .csb-page .csb-details-step .csb-phone-control input {
    font-size: 14px;
    padding: 12px 9px;
  }

  .csb-page .csb-details-step .csb-checkbox {
    font-size: 13.5px;
  }

  .csb-page .csb-details-step .csb-summary .csb-row,
  .csb-page .csb-details-step .csb-summary .csb-row strong {
    font-size: 13px;
  }

  .csb-page .csb-details-step .csb-summary .csb-row strong.csb-money {
    font-size: 19px;
  }

  .csb-page .csb-details-step .csb-total b {
    font-size: 30px;
  }
}