/** Shopify CDN: Minification failed

Line 198:0 Expected "}" to go with "{"

**/
/* Single Variant Option Styles - Improved Design */

/* Container for single variant options */
.variant-selects-single {
  margin-bottom: 20px;
}

/* Variations container - clean, modern styling */
.variant-selects-single .variations-single {
  background: transparent !important;
  
}

.variations-terms {
    margin-top: 16px;
    max-width: 412px;
}

.variations-include-job-placement-program {
    
}

/* JPP variant gets the grey box styling */
.variant-selects-single[id*="jpp"] .variations-single,
.variant-selects-single[id*="job"] .variations-single,
.variant-selects-single[id*="placement"] .variations-single {
  background: #f8f9fa !important;
  padding: 24px !important;
  border-radius: 8px !important;
  border: 1px solid #e9ecef !important;
}

/* Heading and description styling */
.variations-single .variation.details {
  margin-bottom: 16px;
}

.variations-single .variation.details h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #212529;
}

.variations-single .variation.details .cta {
  font-size: 14px;
  line-height: 1.6;
  color: #6c757d;
  margin: 0;
}

.variations-single .variation.details .cta a {
  color: #0066cc;
  text-decoration: underline;
}

.variations-single .variation.details .cta a:hover {
  color: #0052a3;
}

/* Ensure horizontal layout for button options */
.variant-selects-single .variations-single .product-form__input--block {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

/* Remove gradient from option buttons - clean, flat design */
.variant-selects-single .variations-single .product-form__input--block input[type="radio"] + label {
  border: 2px solid #dee2e6 !important;
  color: #212529 !important;
  padding: 12px 16px;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  margin: 0 !important;
}

@media only screen and (min-width: 768px) {
    .variant-selects-single .variations-single .product-form__input--block input[type="radio"] + label {
        padding: 12px 20px;
    }
}

.variant-selects-single .variations-single .product-form__input--block input[type="radio"] + label:hover {
  border-color: #adb5bd !important;
  background: #f8f9fa !important;
}

/* Default selected state - black */
.variant-selects-single .variations-single .product-form__input--block input[type="radio"]:checked + label {
  background: #212529 !important;
  border-color: #212529 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Terms variant - green selected state (matches Enrol button) */
.variant-selects-single[id*="terms"] .variations-single .product-form__input--block input[type="radio"]:checked + label {
  background: #b8d333 !important;
  border-color: #b8d333 !important;
  color: #212529 !important;
  box-shadow: none !important;
}

/* Also target by value for Upfront specifically */
.variant-selects-single[id*="terms"] .variations-single .product-form__input--block input[type="radio"][value*="Upfront"]:checked + label,
.variant-selects-single[id*="terms"] .variations-single .product-form__input--block input[type="radio"][value*="upfront"]:checked + label {
  background: #b8d333 !important;
  border-color: #b8d333 !important;
  color: #212529 !important;
  box-shadow: none !important;
}

/* JPP variant - "Yes please" gets green, "No thanks" stays black */
.variant-selects-single[id*="jpp"] .variations-single .product-form__input--block input[type="radio"]:checked + label,
.variant-selects-single[id*="job"] .variations-single .product-form__input--block input[type="radio"]:checked + label,
.variant-selects-single[id*="placement"] .variations-single .product-form__input--block input[type="radio"]:checked + label {
  background: #b8d333 !important;
  border-color: #b8d333 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* JPP variant - "Yes please" specifically gets green when selected */
.variant-selects-single[id*="jpp"] .variations-single .product-form__input--block input[type="radio"][data-shows-price="true"]:checked + label,
.variant-selects-single[id*="job"] .variations-single .product-form__input--block input[type="radio"][data-shows-price="true"]:checked + label,
.variant-selects-single[id*="placement"] .variations-single .product-form__input--block input[type="radio"][data-shows-price="true"]:checked + label {
  background: #b8d333 !important;
  border-color: #b8d333 !important;
  color: #212529 !important;
  box-shadow: none !important;
}

/* Also target by value for extra specificity */
.variant-selects-single[id*="jpp"] .variations-single .product-form__input--block input[type="radio"][value*="Yes"]:checked + label,
.variant-selects-single[id*="job"] .variations-single .product-form__input--block input[type="radio"][value*="Yes"]:checked + label,
.variant-selects-single[id*="placement"] .variations-single .product-form__input--block input[type="radio"][value*="Yes"]:checked + label {
  background: #b8d333 !important;
  border-color: #b8d333 !important;
  color: #212529 !important;
  box-shadow: none !important;
}

/* Summary text below selector */
.form__label--summary {
  margin-top: 12px;
  font-size: 14px;
  color: #6c757d;
  font-weight: 400;
}

.form__label--summary .form__label__value {
  font-weight: 600;
  color: #212529;
}

/* Select container spacing */
.variations-single .select-container {
  display: flex;
  gap: 12px;
  flex-direction: row;
  margin-bottom: 0;
}

/* Container for selector + price modifier */
.select-container-with-price {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media only screen and (min-width: 768px) {
    .select-container-with-price {
        gap: 16px;
    }
}

/* Price modifier styling */
.option-price-modifier {
  font-size: 16px;
  font-weight: 600;
  color: #212529;
  white-space: nowrap;
}

/* Label above selector (when show_option_label is true) */
.variations-single .form__label:not(.form__label--summary) {
  margin-bottom: 12px;