/* Generated from resources/scss/components/forms.scss; edit the source and run npm run build. */
/* Presentation for WooCommerce-owned templates. Keep their native markup,
   names, nonces, validation, extension hooks and accessibility attributes. */
/* Bootstrap also owns .col-1/.col-2; constrain that collision to account forms. */
body.woocommerce-account .woocommerce .col2-set {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 32px;
  margin: 0;
}

body.woocommerce-account .woocommerce .col2-set::before,
body.woocommerce-account .woocommerce .col2-set::after {
  display: none;
}

body.woocommerce-account .woocommerce .col2-set > :is(.col-1, .col-2) {
  float: none;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 0;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
  border: 1px solid #d6dfd7;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 0;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li + li {
  border-top: 1px solid #d6dfd7;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 48px;
  padding: 12px 16px;
  color: #233b2e;
  background: #fff;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a:is(:hover, [aria-current=page]) {
  color: #fff;
  background: #006c3b;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a:focus-visible {
  outline: 3px solid #006c3b;
  outline-offset: 3px;
}

body.woocommerce-account .woocommerce form .form-row {
  display: block;
  margin: 0 0 20px;
  padding: 0;
}

body.woocommerce-account .woocommerce form .form-row label {
  display: block;
  margin-bottom: 6px;
  color: #233b2e;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 600;
}

body.woocommerce-account .woocommerce form :is(.input-text, select:not(.select2-hidden-accessible), .select2-selection--single),
body .woocommerce form.woocommerce-form-login .input-text {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 50px;
  margin: 0;
  padding: 12px;
  border: 1px solid #879789;
  border-radius: 0;
  background-color: #fff;
  color: #233b2e;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body.woocommerce-account .woocommerce form .select2-container {
  max-width: 100%;
}

body.woocommerce-account .woocommerce form .select2-container .select2-selection--single {
  height: 50px;
  padding: 0;
}

body.woocommerce-account .woocommerce form .select2-selection__rendered {
  padding: 0 36px 0 12px;
  line-height: 48px;
}

body.woocommerce-account .woocommerce form .select2-selection__arrow {
  height: 48px;
  right: 8px;
}

body.woocommerce-account .woocommerce form .password-input input,
body .woocommerce form.woocommerce-form-login .password-input input {
  padding-right: 52px;
}

body.woocommerce-account .woocommerce form .show-password-input,
body .woocommerce form.woocommerce-form-login .show-password-input {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  top: 50%;
  right: 3px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

body .woocommerce form.woocommerce-form-login .woocommerce-form-login__rememberme {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  min-height: 44px;
  margin-block: 6px;
}

body .woocommerce form.woocommerce-form-login input[type=checkbox] {
  width: 20px;
  height: 20px;
}

body.woocommerce-account .woocommerce .button,
body .woocommerce form.woocommerce-form-login button[type=submit] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 48px;
  padding: 12px 20px;
  border: 0;
  border-radius: 0;
  background: #008548;
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body.woocommerce-account .woocommerce .button:hover,
body .woocommerce form.woocommerce-form-login button[type=submit]:hover {
  background: #006c3b;
  color: #fff;
}

body.woocommerce-account .woocommerce .button:focus-visible,
body .woocommerce form.woocommerce-form-login :is(button, input[type=checkbox]):focus-visible {
  outline: 3px solid #006c3b;
  outline-offset: 3px;
}

body.woocommerce-account .woocommerce .woocommerce-orders-table .button {
  margin: 4px 6px 4px 0;
}

body.woocommerce-account .woocommerce .woocommerce-Addresses.col2-set > .woocommerce-Address {
  padding: 20px;
  border: 1px solid #d6dfd7;
  background: #fff;
}

body.woocommerce-account .woocommerce .woocommerce-Address-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
}

body.woocommerce-account .woocommerce .woocommerce-Address-title::before,
body.woocommerce-account .woocommerce .woocommerce-Address-title::after {
  display: none;
}

body.woocommerce-account .woocommerce .woocommerce-Address-title h2 {
  float: none;
  margin: 0;
  color: #233b2e;
  font-size: 24px;
  line-height: 1.3;
}

body.woocommerce-account .woocommerce .woocommerce-Address-title .edit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  float: none;
  min-height: 44px;
  padding: 8px 0;
  border: 0;
  color: #215b32;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.woocommerce-account .woocommerce .woocommerce-Address-title .edit:hover {
  color: #163f23;
}

body.woocommerce-account .woocommerce .woocommerce-Address-title .edit:focus-visible {
  outline: 3px solid #006c3b;
  outline-offset: 3px;
}

body.woocommerce-account .woocommerce .woocommerce-Address address {
  margin: 12px 0 0;
  color: #303630;
  font-size: 15px;
  font-style: normal;
  line-height: 1.6;
}

/* Core search markup has direct children instead of Bootstrap input groups. */
body .woocommerce-product-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 4px;
  width: 100%;
}

body .woocommerce-product-search .search-field {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  min-height: 48px;
  padding: 11px 12px;
  border: 1px solid #879789;
  background: #fff;
  color: #233b2e;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
}

body .woocommerce-product-search button[type=submit] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-height: 48px;
  margin: 0;
  padding: 12px 15px;
  border: 0;
  border-radius: 0;
  background: #008548;
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}

body .woocommerce-product-search button[type=submit]:hover {
  background: #006c3b;
}

body .woocommerce-product-search button[type=submit]:focus-visible {
  /* Replace the inherited catalogue rule's outline: 0 !important. */
  outline: 3px solid #006c3b !important;
  outline-offset: 3px;
}

body.woocommerce .woocommerce-ordering .orderby {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  max-width: 100%;
  min-height: 48px;
  padding: 11px 44px 11px 14px;
  border: 1px solid #879789;
  border-radius: 0;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1.5 5 5 5-5' fill='none' stroke='%23233b2e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 12px 8px;
  color: #233b2e;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
}

body.woocommerce .woocommerce-ordering label {
  margin-right: 10px;
}

@media (forced-colors: active) {
  body.woocommerce .woocommerce-ordering .orderby {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
    background-image: none;
    padding-right: 12px;
  }
}
@media (min-width: 768px) {
  body.woocommerce-account .woocommerce .col2-set {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 599px) {
  body.woocommerce-account .woocommerce form :is(.form-row-first, .form-row-last) {
    float: none;
    width: 100%;
  }
}
/* Shared native notices: readable surfaces, with errors distinct from guidance. */
body:is(.woocommerce-cart, .woocommerce-checkout, .woocommerce-account) .woocommerce :is(.woocommerce-info, .woocommerce-message, .woocommerce-error) {
  border: 1px solid #d2d7d2;
  border-left: 3px solid #707b72;
  border-radius: 0;
  padding: 16px 20px;
  margin: 0 0 24px;
  background: #fff;
  color: #303630;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body:is(.woocommerce-cart, .woocommerce-checkout, .woocommerce-account) .woocommerce :is(.woocommerce-info, .woocommerce-message, .woocommerce-error)::before {
  display: none;
}

body:is(.woocommerce-cart, .woocommerce-checkout, .woocommerce-account) .woocommerce :is(.woocommerce-info, .woocommerce-message, .woocommerce-error) a:not(.button) {
  color: #215b32;
  font-weight: 600;
  border: 0;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

body:is(.woocommerce-cart, .woocommerce-checkout, .woocommerce-account) .woocommerce :is(.woocommerce-info, .woocommerce-message, .woocommerce-error) a:not(.button):hover {
  color: #163f23;
}

body:is(.woocommerce-cart, .woocommerce-checkout, .woocommerce-account) .woocommerce .woocommerce-error {
  background: #fff5f3;
  border-color: #e2c0b9;
  border-left-color: #9b3024;
  color: #70271e;
}

body:is(.woocommerce-cart, .woocommerce-checkout, .woocommerce-account) .woocommerce .woocommerce-error a:not(.button) {
  color: #70271e;
}

/* Core notices can place a floated action before or after their text. Keep the
   message readable and the action last when there is no room beside it. */
@media (max-width: 767px) {
  body:is(.woocommerce-cart, .woocommerce-checkout, .woocommerce-account) .woocommerce :is(.woocommerce-info, .woocommerce-message):has(> .button) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;
  }
  body:is(.woocommerce-cart, .woocommerce-checkout, .woocommerce-account) .woocommerce :is(.woocommerce-info, .woocommerce-message) > .button {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    float: none;
    max-width: 100%;
    margin: 0;
  }
}
/* Shared form styles, compiled from SCSS and loaded after the legacy bundle. */
:root {
  --osc-green: #008548;
  --osc-green-dark: #006c3b;
  --osc-ink: #233b2e;
}

/* Site-wide field shape must win Woo/GF/Select2 defaults without changing buttons
   or the native affordances of checkboxes, radios and other specialized inputs. */
body input:not([type=checkbox], [type=radio], [type=color], [type=range], [type=hidden], [type=button], [type=submit], [type=reset], [type=image]),
body textarea,
body select,
body .select2-selection,
body .select2-selection__arrow,
body .select2-dropdown,
body .select2-search__field {
  border-radius: 0 !important;
}

body :is(.gform_wrapper, .gform_wrapper.gform-theme.gform-theme--framework) .gform_required_legend {
  display: none;
}

body .gform_wrapper :is(input, textarea)::-webkit-input-placeholder {
  color: #59675e;
  opacity: 1;
}

body .gform_wrapper :is(input, textarea)::-moz-placeholder {
  color: #59675e;
  opacity: 1;
}

body .gform_wrapper :is(input, textarea):-ms-input-placeholder {
  color: #59675e;
  opacity: 1;
}

body .gform_wrapper :is(input, textarea)::-ms-input-placeholder {
  color: #59675e;
  opacity: 1;
}

body .gform_wrapper :is(input, textarea)::placeholder {
  color: #59675e;
  opacity: 1;
}

/* Shared accessible green for header search and all Gravity Forms buttons. */
#masthead .woocommerce-product-search button[type=submit] {
  background: var(--osc-green);
}

#masthead .woocommerce-product-search button[type=submit]:hover {
  background: var(--osc-green-dark);
}

body :is(.gform_wrapper, .gform_wrapper.gform-theme.gform-theme--framework) .gform_footer input[type=submit],
body :is(.gform_wrapper, .gform_wrapper.gform-theme.gform-theme--framework) .gform_footer button[type=submit],
body :is(.gform_wrapper, .gform_wrapper.gform-theme.gform-theme--framework) .gform_page_footer .gform_button,
body :is(.gform_wrapper, .gform_wrapper.gform-theme.gform-theme--framework) .gform_page_footer .gform_next_button,
body :is(.gform_wrapper, .gform_wrapper.gform-theme.gform-theme--framework) .gform_page_footer .gform_previous_button,
body :is(.gform_wrapper, .gform_wrapper.gform-theme.gform-theme--framework) .gform_fields .gform-button,
body :is(.gform_wrapper, .gform_wrapper.gform-theme.gform-theme--framework) .gform_fields .gform_button[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: var(--osc-green);
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  cursor: pointer;
  font-family: Niramit, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.3;
  min-height: 48px;
  padding: 14px 24px;
  text-transform: uppercase;
  -webkit-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
}

body :is(.gform_wrapper, .gform_wrapper.gform-theme.gform-theme--framework) .gform_footer input[type=submit]:hover,
body :is(.gform_wrapper, .gform_wrapper.gform-theme.gform-theme--framework) .gform_footer button[type=submit]:hover,
body :is(.gform_wrapper, .gform_wrapper.gform-theme.gform-theme--framework) .gform_page_footer .gform_button:hover,
body :is(.gform_wrapper, .gform_wrapper.gform-theme.gform-theme--framework) .gform_page_footer .gform_next_button:hover,
body :is(.gform_wrapper, .gform_wrapper.gform-theme.gform-theme--framework) .gform_page_footer .gform_previous_button:hover,
body :is(.gform_wrapper, .gform_wrapper.gform-theme.gform-theme--framework) .gform_fields .gform_button[type=submit]:hover {
  background: var(--osc-green-dark);
}

body :is(.gform_wrapper, .gform_wrapper.gform-theme.gform-theme--framework) :is(input, button, select, textarea):focus-visible {
  outline: 3px solid #006c3b;
  outline-offset: 3px;
}

body :is(.gform_wrapper, .gform_wrapper.gform-theme.gform-theme--framework) :is(input, button)[type=submit]:disabled {
  cursor: wait;
  opacity: 0.65;
}

/* Footer text and all interactive states on the existing charcoal background. */
.site-footer .footer-wrapper, .site-footer .subfooter {
  color: #f4f6f4;
}

body #colophon .footer-wrapper :is(p, label, legend, .gform-field-label, .gform_required_legend, .gfield_description),
.site-footer .subfooter p,
.site-footer .subfooter a,
.site-footer .footer-nav-wrapper .menu li a {
  color: #f4f6f4;
}

body #colophon .gform_wrapper .gfield_required {
  color: #fff;
}

.site-footer .footer-nav-wrapper .menu li a:hover,
.site-footer .footer-nav-wrapper .menu li a:focus,
.site-footer .subfooter a:hover,
.site-footer .subfooter a:focus {
  color: #fff;
  text-decoration: underline;
}

.site-footer .fb {
  color: #f4f6f4;
  opacity: 1;
}

.site-footer a:focus-visible,
body #colophon .gform_wrapper :is(input, button, select, textarea):focus-visible {
  outline: 3px solid #e9db9e;
  outline-offset: 3px;
}

.site-footer .subfooter p {
  font-size: 13px;
  line-height: 1.8;
  letter-spacing: 0.2px;
}

/* Selected/input text stays dark on the white fields. */
.site-footer .gform_wrapper :is(input:not([type=submit]), select, textarea) {
  color: #233b2e;
}

/* Newsletter placeholders replace repeated First/Last captions; labels stay accessible. */
body #colophon #gform_wrapper_3 .ginput_container_name label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.osc-order-page {
  background: #f5f6ef;
  padding: 64px 20px 88px;
  color: var(--osc-ink);
}

/* The floating shopping cart obscures retailer form controls on phones. */
.osc-retailer-order-page .cmp-sticky-cart {
  display: none;
}

.osc-order-container {
  max-width: 960px;
  margin-inline: auto;
}

.osc-order-intro {
  max-width: 760px;
  margin: 0 auto 36px;
  text-align: center;
}

.osc-order-eyebrow {
  color: #346b45;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0 0 14px;
}

.osc-order-intro h1 {
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.15;
  color: #21442e;
  margin: 0 0 18px;
}

.osc-order-lead {
  max-width: 620px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.65;
  color: #4b5d50;
}

.osc-order-highlights {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px 24px;
  padding: 0;
  margin: 25px 0 0;
  font-size: 13px;
  font-weight: 600;
}

.osc-order-highlights li::before {
  content: "✓";
  color: #267143;
  font-weight: 700;
  margin-right: 7px;
}

.osc-order-card {
  background: #fff;
  padding: 36px 40px;
  border: 1px solid #dce4d8;
  border-top: 4px solid #397a4c;
  -webkit-box-shadow: 0 12px 35px rgba(35, 59, 46, 0.031372549);
          box-shadow: 0 12px 35px rgba(35, 59, 46, 0.031372549);
}

body .osc-order-card .gform_wrapper {
  margin: 0;
  color: var(--osc-ink);
}

body .osc-order-card .gform_wrapper .gform_required_legend {
  color: #586459;
  font-size: 13px;
  margin: 0 0 20px;
}

body .osc-order-card .gform_wrapper .gform_fields {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 22px 20px;
}

body .osc-order-card .gform_wrapper .gfield {
  min-width: 0;
}

/* Match GF's nested name/address gutter to the Email/PO row's 20px gutter. */
body .osc-order-card .gform_wrapper .ginput_complex {
  margin-inline: -10px;
  width: calc(100% + 20px);
}

body .osc-order-card .gform_wrapper .ginput_complex > span {
  padding-inline: 10px;
}

body .osc-order-card .gform_wrapper .gsection {
  grid-column: 1/-1;
  border: 0;
  padding: 0 0 18px;
  margin: 0;
  border-bottom: 1px solid #dce4d8;
}

body .osc-order-card .gform_wrapper .gsection_title {
  font-size: 23px;
  font-weight: 700;
  color: #21442e;
  margin: 0 0 6px;
}

body .osc-order-card .gform_wrapper .gsection_description {
  font-size: 15px;
  line-height: 1.6;
  color: #526154;
  padding: 0;
}

body .osc-order-card .gform_wrapper .gsection:not(:first-child) {
  margin-top: 12px;
}

body .osc-order-card .gform_wrapper :is(.gfield_label, .gform-field-label) {
  color: #233b2e;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 8px;
}

body .osc-order-card .gform_wrapper .ginput_complex label {
  font-size: 13px;
  color: #4b5d50;
  font-weight: 400;
}

body .osc-order-card .gform_wrapper :is(input:not([type=submit]):not([type=checkbox]):not([type=radio]), select, textarea) {
  border: 1px solid #879789;
  border-radius: 0;
  background-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #233b2e;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
  min-height: 50px;
  padding: 12px;
  width: 100%;
  max-width: 100%;
}

body .osc-order-card .gform_wrapper input::-webkit-input-placeholder {
  color: #647166;
  opacity: 1;
}

body .osc-order-card .gform_wrapper input::-moz-placeholder {
  color: #647166;
  opacity: 1;
}

body .osc-order-card .gform_wrapper input:-ms-input-placeholder {
  color: #647166;
  opacity: 1;
}

body .osc-order-card .gform_wrapper input::-ms-input-placeholder {
  color: #647166;
  opacity: 1;
}

body .osc-order-card .gform_wrapper input::placeholder {
  color: #647166;
  opacity: 1;
}

body .osc-order-card .gform_wrapper .osc-order-seed {
  grid-column: span 10;
}

body .osc-order-card .gform_wrapper .osc-order-quantity {
  grid-column: span 2;
  width: 88px;
  max-width: 100%;
  justify-self: start;
}

/* Keep each item's labels available to assistive technology without adding a label row. */
body .osc-order-card .gform_wrapper :is(.osc-order-seed, .osc-order-quantity) > :is(.gfield_label, .gform-field-label) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body .osc-order-card .gform_wrapper .osc-order-quantity input {
  text-align: center;
  padding-inline: 8px;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

body .osc-order-card .gform_wrapper .osc-order-quantity input::-webkit-inner-spin-button,
body .osc-order-card .gform_wrapper .osc-order-quantity input::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}

body .osc-order-card .gform_wrapper .gform_footer {
  border-top: 1px solid #dce4d8;
  padding-top: 24px;
  margin-top: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

body .osc-order-card .gform_wrapper .gform_footer :is(input, button)[type=submit] {
  padding-inline: 36px;
}

body .osc-order-card .gform_wrapper .gfield_checkbox label {
  font-size: 15px;
  line-height: 1.5;
  padding-block: 10px;
}

body .osc-order-card .gform_wrapper .gfield_checkbox input {
  min-width: 22px;
  min-height: 22px;
}

body .osc-order-card .gform_wrapper .gfield_validation_message {
  color: #9c2323;
}

.osc-order-help {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  margin-top: 48px;
  padding: 24px 0;
}

.osc-order-help h2 {
  font-size: 18px;
  margin: 0 0 8px;
  color: #21442e;
}

.osc-order-help p {
  color: #4b5d50;
  font-size: 14px;
  line-height: 1.65;
  max-width: 540px;
  margin: 0;
}

.osc-order-help a {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #19663a;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.osc-order-help a:focus-visible {
  outline: 3px solid #006c3b;
  outline-offset: 4px;
}

/* Progressive enhancement: Gravity Forms' original select remains the posted control. */
body .osc-order-card .gform_wrapper .osc-seed-picker {
  position: relative;
}

body .osc-order-card .gform_wrapper .osc-seed-picker > input {
  padding-right: 38px !important;
}

body .osc-order-card .gform_wrapper .osc-seed-picker::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("../assets/icons/osc-search.svg") center/contain no-repeat;
  pointer-events: none;
}

body .osc-order-card .gform_wrapper .osc-seed-results {
  position: absolute;
  z-index: 20;
  top: calc(100% + 5px);
  left: 0;
  width: 100%;
  max-height: 280px;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  background: #fff;
  border: 1px solid #879789;
  border-radius: 0;
  -webkit-box-shadow: 0 8px 24px rgba(35, 59, 46, 0.1490196078);
          box-shadow: 0 8px 24px rgba(35, 59, 46, 0.1490196078);
  padding: 5px;
}

body .osc-order-card .gform_wrapper .osc-seed-results[hidden] {
  display: none;
}

body .osc-order-card .gform_wrapper .osc-seed-option {
  font-size: 16px;
  line-height: 1.5;
  padding: 12px;
  cursor: pointer;
  color: #233b2e;
  border-radius: 0;
  overflow-wrap: anywhere;
}

body .osc-order-card .gform_wrapper .osc-seed-option[aria-selected=true], .osc-seed-option:hover {
  background: #eaf3e7;
}

body .osc-order-card .gform_wrapper .osc-seed-empty {
  padding: 12px;
  font-size: 14px;
  color: #526154;
}

body .osc-order-card .gform_wrapper .osc-order-status {
  margin: 0 0 12px;
  padding: 12px 16px;
  background: #eef5ea;
  color: #2b5436;
  font-size: 14px;
  font-weight: 600;
  border-left: 3px solid #397a4c;
}

@media (max-width: 640px) {
  .osc-order-page {
    padding: 32px 16px 64px;
  }
  .osc-order-intro {
    text-align: left;
    margin-bottom: 25px;
  }
  .osc-order-lead {
    font-size: 16px;
  }
  .osc-order-highlights {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 9px;
    margin-top: 18px;
  }
  .osc-order-card {
    padding: 24px 16px;
  }
  body .osc-order-card .gform_wrapper .gform_fields {
    grid-template-columns: minmax(0, 1fr) 80px;
    gap: 18px 8px;
  }
  body .osc-order-card .gform_wrapper .gfield {
    grid-column: 1/-1;
  }
  body .osc-order-card .gform_wrapper .gsection_title {
    font-size: 21px;
  }
  body .osc-order-card .gform_wrapper .osc-order-seed {
    grid-column: 1;
    padding-top: 12px;
    border-top: 1px solid #e1e8dd;
  }
  body .osc-order-card .gform_wrapper .osc-order-quantity {
    grid-column: 2;
    width: 80px;
    padding-top: 12px;
    border-top: 1px solid #e1e8dd;
  }
  body .osc-order-card .gform_wrapper .osc-seed-picker > input {
    padding-right: 32px !important;
  }
  body .osc-order-card .gform_wrapper .osc-seed-picker::after {
    right: 10px;
    width: 18px;
    height: 18px;
  }
  /* Let results use the whole item row so names remain readable on narrow phones. */
  body .osc-order-card .gform_wrapper .osc-seed-results {
    width: calc(100% + 88px);
  }
  body .osc-order-card .gform_wrapper .gform_footer :is(input, button)[type=submit] {
    width: 100%;
  }
  .osc-order-help {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body :is(.gform_wrapper, .gform_wrapper.gform-theme.gform-theme--framework) .gform_footer :is(input, button) {
    -webkit-transition: none;
    transition: none;
  }
}
body .osc-order-card .gform_wrapper .osc-seed-picker .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Native repeatable List rows retain GF storage and accessible Add/Remove controls. */
body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items {
  grid-column: 1/-1;
}

body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items .gfield_list_header,
body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items > .gfield_label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items .gfield_list_group {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 88px 44px;
  gap: 12px;
  margin: 0;
  padding: 16px 0;
  border-bottom: 1px solid #e1e8dd;
}

/* The form footer supplies the final divider; avoid a second line above it. */
body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items .gfield_list_group:last-child {
  border-bottom: 0;
}

body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items .gfield_list_cell {
  min-width: 0;
  width: auto;
  padding: 0;
  margin: 0;
}

body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items .gfield_list_cell::before {
  display: none;
}

body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items .gfield_list_cell:nth-child(2) input {
  text-align: center;
  padding-inline: 6px;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items .gfield_list_cell:nth-child(2) input::-webkit-inner-spin-button,
body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items .gfield_list_cell:nth-child(2) input::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}

body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items .gfield_list_icons {
  display: contents;
}

body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items button.add_list_item {
  grid-column: 1/-1;
  grid-row: 2;
  justify-self: start;
  width: auto;
  height: auto;
  min-height: 48px;
  padding: 12px 18px;
  margin: 4px 0 0;
  border: 1px solid #008548;
  border-radius: 0;
  background: #fff;
  color: #006c3b;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items .gfield_list_group:not(:last-child) .add_list_item {
  display: none;
}

body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items button.add_list_item:hover {
  background: #eef5ea;
}

body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items button.delete_list_item {
  grid-column: 3;
  grid-row: 1;
  align-self: center;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  margin: 0;
  border: 1px solid #cdd9c9;
  border-radius: 0;
  color: #006c3b;
  font: inherit;
  font-size: 0;
  background: #fff;
  cursor: pointer;
}

body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items button.delete_list_item {
  background: #fff url("../assets/icons/osc-remove.svg") center/20px 20px no-repeat;
}

body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items button.delete_list_item::before {
  display: none;
}

body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items button.delete_list_item:hover {
  background-color: #eef5ea;
}

body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items .osc-seed-results {
  width: calc(100% + 156px);
}

.osc-retailer-form .osc-order-nojs {
  color: #536653;
  font-size: 14px;
}

@media (max-width: 640px) {
  body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items .gfield_list_group {
    grid-template-columns: minmax(0, 1fr) 64px 44px;
    gap: 10px 8px;
  }
  body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items .osc-seed-results {
    width: calc(100% + 124px);
  }
  body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items button.add_list_item {
    width: 100%;
  }
}
body .osc-order-card .gform_wrapper.gform-theme.gform-theme--framework .osc-order-items button.add_list_item::before {
  display: none;
}

/* Keep GF's native labels accessible without reserved rows or floating asterisks. */
body .gform_wrapper .osc-placeholder-field > .gfield_label,
body .gform_wrapper .osc-placeholder-field .ginput_complex label,
body .gform_wrapper .osc-placeholder-field .gform-field-label--type-sub,
body .gform_wrapper .gfield--type-captcha > .gfield_label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body .gform_wrapper .gform_fields {
  row-gap: 18px;
}

body #colophon .gform_wrapper .gform_fields {
  row-gap: 14px;
}

body .gform_wrapper .osc-placeholder-field .ginput_container :is(input:not([type=checkbox]):not([type=radio]), textarea, select) {
  min-height: 48px;
  padding: 11px var(--osc-field-right-inset, 12px) 11px 12px;
  font-size: 16px;
  line-height: 1.5;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* The retailer's white background shorthand must not erase GF's select icon. */
body .gform_wrapper .osc-placeholder-field .ginput_container select {
  --osc-field-right-inset: 36px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: var(--gf-ctrl-select-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%2359675e' stroke-width='1.5'/%3E%3C/svg%3E"));
  background-repeat: no-repeat;
  background-size: 10px 6px;
  background-position: right 12px center;
}

/* Keep field focus inside full-width controls so container clipping cannot hide
   it. White footer fields need a dark ring; links/buttons retain their gold ring.
   Outlines leave native validation border colours and control dimensions intact. */
body :is(input:not([type=checkbox], [type=radio], [type=color], [type=range], [type=hidden], [type=button], [type=submit], [type=reset], [type=image]), textarea, select):focus-visible,
body #right-sidebar input[type=search]:focus-visible,
body :is(.gform_wrapper, .gform_wrapper.gform-theme.gform-theme--framework) :is(input:not([type=checkbox], [type=radio], [type=color], [type=range], [type=hidden], [type=button], [type=submit], [type=reset], [type=image]), textarea, select):focus-visible,
body #colophon .gform_wrapper :is(input:not([type=checkbox], [type=radio], [type=color], [type=range], [type=hidden], [type=button], [type=submit], [type=reset], [type=image]), textarea, select):focus-visible,
body .select2-container .select2-selection:focus-visible,
body .select2-dropdown .select2-search__field:focus-visible {
  outline: 3px solid #006c3b;
  outline-offset: -3px;
}