/**
 * Чекаут: поля WooCommerce у блоці .checkout-wc-fields-real.
 */

.page--checkout .checkout-wc-fields-real {
  width: 100%;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.page--checkout .checkout-wc-fields-real .woocommerce-shipping-fields {
  width: 100%;
}

/* Крок доставки: макет радіо + вкладені поля (як 04-checkout-contacts.html) */
.page--checkout .checkout-delivery-methods .form__row-group-wrapper,
.woocommerce-checkout .checkout-delivery-methods .form__row-group-wrapper {
  margin-bottom: 1.25rem;
}

.page--checkout .checkout-delivery-methods .form__radio-label,
.woocommerce-checkout .checkout-delivery-methods .form__radio-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

/*
 * Логотип НП як у 04-checkout-contacts.html: той самий SVG, що .icon--np у styles.css.
 * Тут — background замість mask: у чекауті mask/currentColor часто «пропадає» через порядок стилів WooCommerce і flex.
 */
.page--checkout .checkout-delivery-methods .icon.icon--np,
.woocommerce-checkout .checkout-delivery-methods .icon.icon--np {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMzUnIGhlaWdodD0nMzUnIHZpZXdCb3g9JzAgMCAzNSAzNScgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTI3LjY3NTkgMTEuODgxOUMyNy43NzY2IDExLjg1MyAyNy45MDkxIDExLjkxMDggMjguMDQxNSAxMi4wNjk5QzI4LjA0MTUgMTIuMDY5OSAyOC4wNDE1IDEyLjA2OTkgMzQuMDI4IDE3LjRDMzQuMzc3NiAxNy43MTggMzQuMzc3NiAxOC4yIDM0LjAyOCAxOC40MzYxQzM0LjAyOCAxOC40MzYxIDM0LjAyOCAxOC40MzYxIDI4LjA0MTUgMjMuODQ4MkMyNy45MDkxIDI0LjAwNzIgMjcuNzc2NiAyNC4wNDU4IDI3LjY3NTkgMjMuOTk3NkMyNy41NzUzIDIzLjk0OTQgMjcuNTExNyAyMy44MDk2IDI3LjUxMTcgMjMuNjA3MlYxMi4yMjg5QzI3LjUxMTcgMTIuMDMxMyAyNy41NzUzIDExLjkxMDggMjcuNjc1OSAxMS44ODE5WicgZmlsbD0nI0VEMUMyNCcgLz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTE3LjQzMjYgM0gxNy44NTY0TDE4LjI2NDQgMy4xNTQyMkMxOC4yNjQ0IDMuMTU0MjIgMTguMjY0NCAzLjE1NDIyIDI0LjQyNTYgOC43MjUzQzI0LjY5MDUgOS4wNDMzNyAyNC42MDA1IDkuMjg0MzMgMjQuMTYwOCA5LjI4NDMzQzI0LjE2MDggOS4yODQzMyAyNC4xNjA4IDkuMjg0MzMgMjEuNjA3MiA5LjI4NDMzQzIxLjE2NzUgOS4yODQzMyAyMC44MTc5IDkuNjAyNDEgMjAuODE3OSAxMC4wMDI0QzIwLjgxNzkgMTAuMDAyNCAyMC44MTc5IDEwLjAwMjQgMjAuODE3OSAxNC4xMzczQzIwLjgxNzkgMTQuNTM3MyAyMC40NjI5IDE0Ljg1NTQgMTkuOTMzMSAxNC44NTU0QzE5LjkzMzEgMTQuODU1NCAxOS45MzMxIDE0Ljg1NTQgMTUuNDQ1OSAxNC44NTU0QzE1LjAwNjIgMTQuODU1NCAxNC42NTEzIDE0LjUzNzMgMTQuNjUxMyAxNC4xMzczQzE0LjY1MTMgMTQuMTM3MyAxNC42NTEzIDE0LjEzNzMgMTQuNjUxMyAxMC4wMDI0QzE0LjY1MTMgOS42MDI0MSAxNC4zMDE2IDkuMjg0MzMgMTMuODU2NiA5LjI4NDMzSDExLjEyODNDMTAuNjg4NiA5LjI4NDMzIDEwLjU5ODUgOS4wNDMzNyAxMC44NjM0IDguNzI1M0MxMC44NjM0IDguNzI1MyAxMC44NjM0IDguNzI1MyAxNy4wMyAzLjE1NDIyTDE3LjQzMjYgM1onIGZpbGw9JyNFRDFDMjQnIC8+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnIGQ9J003Ljc3ODQ5IDExLjc2MTVDNy44ODk3NCAxMS44MDk3IDcuOTU4NjEgMTEuOTQ5NCA3Ljk1ODYxIDEyLjE1MThWMjMuNzY2M0M3Ljk1ODYxIDIzLjk2ODcgNy44ODk3NCAyNC4wODkyIDcuNzc4NDkgMjQuMTI3N0M3LjY3MjUzIDI0LjE2NjMgNy41MTg5IDI0LjEyNzcgNy4zMzg3NyAyNC4wMDczQzcuMzM4NzcgMjQuMDA3MyA3LjMzODc3IDI0LjAwNzMgMS4yNjIyNCAxOC40MzYyQzAuOTEyNTg3IDE4LjIgMC45MTI1ODcgMTcuNzE4MSAxLjI2MjI0IDE3LjRDMS4yNjIyNCAxNy40IDEuMjYyMjQgMTcuNCA3LjMzODc3IDExLjkxMDlDNy41MTg5IDExLjc1MTggNy42NzI1MyAxMS43MTMzIDcuNzc4NDkgMTEuNzYxNVonIGZpbGw9JyNFRDFDMjQnIC8+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnIGQ9J00xNS40Mzk5IDIwLjkwMzZDMTUuNDM5OSAyMC45MDM2IDE1LjQzOTkgMjAuOTAzNiAxOS45MjcxIDIwLjkwMzZDMjAuNDU2OSAyMC45MDM2IDIwLjgxMTkgMjEuMjIxNyAyMC44MTE5IDIxLjYyMTdDMjAuODExOSAyMS42MjE3IDIwLjgxMTkgMjEuNjIxNyAyMC44MTE5IDI1Ljk5NzZDMjAuODExOSAyNi40NzQ3IDIxLjE2MTUgMjYuNzkyOCAyMS42MDEyIDI2Ljc5MjhIMjMuOTc5OUMyNC40MTk2IDI2Ljc5MjggMjQuNTk0NSAyNy4wMjg5IDI0LjI0NDggMjcuMjY5OUMyNC4yNDQ4IDI3LjI2OTkgMjQuMjQ0OCAyNy4yNjk5IDE4LjI1ODMgMzIuNzU5QzE4LjA3ODIgMzIuOTE4MSAxNy44NjEgMzMgMTcuNjM4NSAzM0MxNy40MjEzIDMzIDE3LjE5ODggMzIuOTE4MSAxNy4wMjQgMzIuNzU5QzE3LjAyNCAzMi43NTkgMTcuMDI0IDMyLjc1OSAxMS4wMzc1IDI3LjI2OTlDMTAuNjgyNSAyNy4wMjg5IDEwLjg1NzQgMjYuNzkyOCAxMS4yOTcxIDI2Ljc5MjhDMTEuMjk3MSAyNi43OTI4IDExLjI5NzEgMjYuNzkyOCAxMy44NTA2IDI2Ljc5MjhDMTQuMjk1NiAyNi43OTI4IDE0LjY0NTMgMjYuNDc0NyAxNC42NDUzIDI1Ljk5NzZDMTQuNjQ1MyAyNS45OTc2IDE0LjY0NTMgMjUuOTk3NiAxNC42NDUzIDIxLjYyMTdDMTQuNjQ1MyAyMS4yMjE3IDE1LjAwMDIgMjAuOTAzNiAxNS40Mzk5IDIwLjkwMzZaJyBmaWxsPScjRUQxQzI0JyAvPjwvc3ZnPg==");
}

/* Макет 04-checkout: .form__row у styles.css уже flex-двоколонковий; лише позиціонування під підказки */
.page--checkout .superfoods-np-fields-mount .form__group,
.woocommerce-checkout .superfoods-np-fields-mount .form__group,
.page--checkout .superfoods-nova-poshta-fields .form__group,
.page--checkout .superfoods-ukrposhta-fields .form__group,
.woocommerce-checkout .superfoods-nova-poshta-fields .form__group,
.woocommerce-checkout .superfoods-ukrposhta-fields .form__group {
  position: relative;
}

.page--checkout .superfoods-nova-poshta-fields > .form__row-group + .form__row-group,
.page--checkout .superfoods-ukrposhta-fields > .form__row-group + .form__row-group,
.woocommerce-checkout .superfoods-nova-poshta-fields > .form__row-group + .form__row-group,
.woocommerce-checkout .superfoods-ukrposhta-fields > .form__row-group + .form__row-group {
  margin-top: 0.9375rem;
}

/*
 * Select2 у NP-блоці: як нативний .form__input.form__input--select (04-checkout-contacts.html).
 * selectionCssClass / dropdownCssClass — у nova-poshta-checkout.js (Select2 4.x).
 */
/* .form__row > * { flex: 1 } — flex-basis:auto тягне ширину від контенту; 1 1 0 + min-width:0 знімає це */
.page--checkout .superfoods-nova-poshta-fields .form__row,
.page--checkout .superfoods-ukrposhta-fields .form__row,
.woocommerce-checkout .superfoods-nova-poshta-fields .form__row,
.woocommerce-checkout .superfoods-ukrposhta-fields .form__row {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

.page--checkout .superfoods-nova-poshta-fields .form__row .form__group,
.page--checkout .superfoods-ukrposhta-fields .form__row .form__group,
.woocommerce-checkout .superfoods-nova-poshta-fields .form__row .form__group,
.woocommerce-checkout .superfoods-ukrposhta-fields .form__row .form__group {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
  /* overflow: hidden; */
}

.checkout__form--delivery .superfoods-np-fields-mount,
.checkout__form--delivery .superfoods-nova-poshta-fields.form__group-inner,
.checkout__form--delivery .superfoods-ukrposhta-fields.form__group-inner {
  min-width: 0;
  max-width: 100%;
}

.page--checkout .superfoods-nova-poshta-fields .form__label,
.page--checkout .superfoods-ukrposhta-fields .form__label,
.woocommerce-checkout .superfoods-nova-poshta-fields .form__label,
.woocommerce-checkout .superfoods-ukrposhta-fields .form__label {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

.page--checkout .superfoods-nova-poshta-fields select.form__input,
.page--checkout .superfoods-ukrposhta-fields select.form__input,
.woocommerce-checkout .superfoods-nova-poshta-fields select.form__input,
.woocommerce-checkout .superfoods-ukrposhta-fields select.form__input {
  max-width: 100%;
  box-sizing: border-box;
}

.page--checkout .superfoods-nova-poshta-fields .select2-container,
.page--checkout .superfoods-ukrposhta-fields .select2-container,
.woocommerce-checkout .superfoods-nova-poshta-fields .select2-container,
.woocommerce-checkout .superfoods-ukrposhta-fields .select2-container {
  display: block;
  width: 100% !important;
  max-width: 100%;
  min-width: 0;
  font-family: var(--font-primary);
}

.page--checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-np-sel,
.page--checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-up-sel,
.page--checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-np-sel,
.page--checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-up-sel,
.woocommerce-checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-np-sel,
.woocommerce-checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-up-sel,
.woocommerce-checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-np-sel,
.woocommerce-checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-up-sel {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  height: clamp(2.875rem, 2.0001rem + 1.3683vw, 3.625rem);
  box-sizing: border-box;
  border: 0.0625rem solid var(--white-rock);
  border-radius: 0.625rem;
  background-color: var(--white-rock);
  transition: border-color 0.2s ease-out;
}

.page--checkout .superfoods-nova-poshta-fields .select2-container.select2-container--focus .select2-selection.superfoods-select2-np-sel,
.page--checkout .superfoods-nova-poshta-fields .select2-container.select2-container--focus .select2-selection.superfoods-select2-up-sel,
.page--checkout .superfoods-ukrposhta-fields .select2-container.select2-container--focus .select2-selection.superfoods-select2-np-sel,
.page--checkout .superfoods-ukrposhta-fields .select2-container.select2-container--focus .select2-selection.superfoods-select2-up-sel,
.page--checkout .superfoods-nova-poshta-fields .select2-container.select2-container--open .select2-selection.superfoods-select2-np-sel,
.page--checkout .superfoods-nova-poshta-fields .select2-container.select2-container--open .select2-selection.superfoods-select2-up-sel,
.page--checkout .superfoods-ukrposhta-fields .select2-container.select2-container--open .select2-selection.superfoods-select2-np-sel,
.page--checkout .superfoods-ukrposhta-fields .select2-container.select2-container--open .select2-selection.superfoods-select2-up-sel,
.woocommerce-checkout .superfoods-nova-poshta-fields .select2-container.select2-container--focus .select2-selection.superfoods-select2-np-sel,
.woocommerce-checkout .superfoods-nova-poshta-fields .select2-container.select2-container--focus .select2-selection.superfoods-select2-up-sel,
.woocommerce-checkout .superfoods-ukrposhta-fields .select2-container.select2-container--focus .select2-selection.superfoods-select2-np-sel,
.woocommerce-checkout .superfoods-ukrposhta-fields .select2-container.select2-container--focus .select2-selection.superfoods-select2-up-sel,
.woocommerce-checkout .superfoods-nova-poshta-fields .select2-container.select2-container--open .select2-selection.superfoods-select2-np-sel,
.woocommerce-checkout .superfoods-nova-poshta-fields .select2-container.select2-container--open .select2-selection.superfoods-select2-up-sel,
.woocommerce-checkout .superfoods-ukrposhta-fields .select2-container.select2-container--open .select2-selection.superfoods-select2-np-sel,
.woocommerce-checkout .superfoods-ukrposhta-fields .select2-container.select2-container--open .select2-selection.superfoods-select2-up-sel {
  border-color: rgba(51, 65, 29, 0.25);
}

.page--checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__rendered,
.page--checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__rendered,
.page--checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__rendered,
.page--checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__rendered,
.woocommerce-checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__rendered,
.woocommerce-checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__rendered,
.woocommerce-checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__rendered,
.woocommerce-checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__rendered {
  flex: 1 1 auto;
  min-width: 0;
  padding-left: clamp(0.9375rem, 0.2085rem + 1.1403vw, 1.5625rem);
  padding-right: 2.5rem;
  font-weight: 600;
  font-size: clamp(0.75rem, 0.4584rem + 0.4561vw, 1rem);
  line-height: 1.25;
  color: var(--mallard);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  box-sizing: border-box;
}

.page--checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__placeholder,
.page--checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__placeholder,
.page--checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__placeholder,
.page--checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__placeholder,
.woocommerce-checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__placeholder,
.woocommerce-checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__placeholder,
.woocommerce-checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__placeholder,
.woocommerce-checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__placeholder {
  color: rgba(51, 65, 29, 0.55);
  font-weight: 600;
}

/* Стрілка як у .form__input--select (styles.css) */
.page--checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__arrow,
.page--checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__arrow,
.page--checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__arrow,
.page--checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__arrow,
.woocommerce-checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__arrow,
.woocommerce-checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__arrow,
.woocommerce-checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__arrow,
.woocommerce-checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__arrow {
  height: 1.5rem;
  width: 1.5rem;
  top: 50%;
  right: 0.625rem;
  transform: translateY(-50%);
  margin-top: 0;
}

.page--checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__arrow b,
.page--checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__arrow b,
.page--checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__arrow b,
.page--checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__arrow b,
.woocommerce-checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__arrow b,
.woocommerce-checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__arrow b,
.woocommerce-checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__arrow b,
.woocommerce-checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__arrow b {
  display: none;
}

.page--checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__arrow::after,
.page--checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__arrow::after,
.page--checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__arrow::after,
.page--checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__arrow::after,
.woocommerce-checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__arrow::after,
.woocommerce-checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__arrow::after,
.woocommerce-checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__arrow::after,
.woocommerce-checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__arrow::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='rgba(51, 65, 29, 0.55)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E")
    center / 1.5rem 1.5rem no-repeat;
  pointer-events: none;
}

.page--checkout .superfoods-nova-poshta-fields .select2-container.select2-container--disabled .select2-selection.superfoods-select2-np-sel,
.page--checkout .superfoods-nova-poshta-fields .select2-container.select2-container--disabled .select2-selection.superfoods-select2-up-sel,
.page--checkout .superfoods-ukrposhta-fields .select2-container.select2-container--disabled .select2-selection.superfoods-select2-np-sel,
.page--checkout .superfoods-ukrposhta-fields .select2-container.select2-container--disabled .select2-selection.superfoods-select2-up-sel,
.woocommerce-checkout .superfoods-nova-poshta-fields .select2-container.select2-container--disabled .select2-selection.superfoods-select2-np-sel,
.woocommerce-checkout .superfoods-nova-poshta-fields .select2-container.select2-container--disabled .select2-selection.superfoods-select2-up-sel,
.woocommerce-checkout .superfoods-ukrposhta-fields .select2-container.select2-container--disabled .select2-selection.superfoods-select2-np-sel,
.woocommerce-checkout .superfoods-ukrposhta-fields .select2-container.select2-container--disabled .select2-selection.superfoods-select2-up-sel {
  opacity: 0.7;
}

/* Унікальний клас теми — ширина задається Select2 з контейнера (dropdownAutoWidth: false) */
.select2-dropdown.superfoods-select2-np-dropdown,
.select2-dropdown.superfoods-select2-up-dropdown {
  border: 0.0625rem solid rgba(51, 65, 29, 0.12);
  border-radius: 1.5rem;
  background-color: var(--white);
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: clamp(0.75rem, 0.4584rem + 0.4561vw, 1rem);
  box-shadow: 0 0.25rem 0.75rem rgba(51, 65, 29, 0.08);
  z-index: 10050;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0.875rem;
}

.select2-dropdown.superfoods-select2-np-dropdown .select2-search--dropdown,
.select2-dropdown.superfoods-select2-up-dropdown .select2-search--dropdown {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #fff;
  padding: 0;
  margin: 0 0 0.625rem;
}

.select2-dropdown.superfoods-select2-np-dropdown
  .select2-search--dropdown
  .select2-search__field,
.select2-dropdown.superfoods-select2-up-dropdown
  .select2-search--dropdown
  .select2-search__field {
  border: 0;
 
 
  font-family: var(--font-primary);
  font-weight: 600;
  color: var(--mallard);
  margin: 0;
  width: 100% !important;
  height: 46px;
  border-radius: 10px;
  background: #EFF1E4;
  padding: 0 3.25rem 0 1.25rem;
  font-size: 1rem;
  line-height: 1.2;
  box-sizing: border-box;
}

.select2-dropdown.superfoods-select2-np-dropdown
  .select2-search--dropdown
  .select2-search__field::placeholder,
.select2-dropdown.superfoods-select2-up-dropdown
  .select2-search--dropdown
  .select2-search__field::placeholder {
  color: rgba(51, 65, 29, 0.55);
}

.select2-dropdown.superfoods-select2-np-dropdown .select2-search--dropdown::after,
.select2-dropdown.superfoods-select2-up-dropdown .select2-search--dropdown::after {
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  width: 1rem;
  height: 1.5rem;
  transform: translateY(-50%);
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M16.5 16.5L11.1667 11.1667M0.5 6.72222C0.5 7.53934 0.660943 8.34845 0.973639 9.10336C1.28633 9.85828 1.74466 10.5442 2.32245 11.122C2.90023 11.6998 3.58617 12.1581 4.34108 12.4708C5.096 12.7835 5.90511 12.9444 6.72222 12.9444C7.53934 12.9444 8.34845 12.7835 9.10336 12.4708C9.85828 12.1581 10.5442 11.6998 11.122 11.122C11.6998 10.5442 12.1581 9.85828 12.4708 9.10336C12.7835 8.34845 12.9444 7.53934 12.9444 6.72222C12.9444 5.90511 12.7835 5.096 12.4708 4.34108C12.1581 3.58617 11.6998 2.90023 11.122 2.32245C10.5442 1.74466 9.85828 1.28633 9.10336 0.973638C8.34845 0.660942 7.53934 0.5 6.72222 0.5C5.90511 0.5 5.096 0.660942 4.34108 0.973638C3.58617 1.28633 2.90023 1.74466 2.32245 2.32245C1.74466 2.90023 1.28633 3.58617 0.973639 4.34108C0.660943 5.096 0.5 5.90511 0.5 6.72222Z' stroke='%2333411D' stroke-opacity='0.55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  }

.select2-dropdown.superfoods-select2-np-dropdown .select2-results__option,
.select2-dropdown.superfoods-select2-up-dropdown .select2-results__option {
  padding: 0.5rem 0.75rem;
  color: var(--mallard);
}

.select2-dropdown.superfoods-select2-np-dropdown
  .select2-results__option--highlighted.select2-results__option--selectable,
.select2-dropdown.superfoods-select2-up-dropdown
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: rgba(51, 65, 29, 0.06);
  color: var(--mallard);
}

.page--checkout .superfoods-np-city-suggestions,
.page--checkout .superfoods-np-street-suggestions,
.page--checkout .superfoods-up-street-suggestions {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 5;
  margin-top: 0.25rem;
  max-height: 220px;
  overflow: auto;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.page--checkout .superfoods-np-suggest-list,
.page--checkout .superfoods-up-suggest-list {
  list-style: none;
  margin: 0;
  padding: 0.35rem 0;
}

.page--checkout .superfoods-np-suggest-list li,
.page--checkout .superfoods-up-suggest-list li {
  margin: 0;
}

.page--checkout .superfoods-np-suggest-list button,
.page--checkout .superfoods-up-suggest-list button {
  display: block;
  width: 100%;
  padding: 0.45rem 0.75rem;
  border: 0;
  background: transparent;
  text-align: left;
  font: inherit;
  cursor: pointer;
}

.page--checkout .superfoods-np-suggest-list button:hover,
.page--checkout .superfoods-np-suggest-list button:focus-visible,
.page--checkout .superfoods-up-suggest-list button:hover,
.page--checkout .superfoods-up-suggest-list button:focus-visible {
  background: rgba(0, 0, 0, 0.05);
}

/* Прогрес чекауту: клік лише по відвіданих кроках (checkout-steps.js, клас _navigable) */
.page--checkout .checkout__progress-item._navigable:not(._active) {
  cursor: pointer;
}

.page--checkout .checkout__progress-item._navigable:not(._active):hover::after,
.page--checkout .checkout__progress-item._navigable:not(._active):focus-visible::after {
  content: "";
  position: absolute;
  bottom: -0.125rem;
  left: 0;
  display: block;
  width: 100%;
  height: 0;
  border-bottom: 0.125rem solid rgba(51, 65, 29, 0.8);
  background: none;
}

.page--checkout .checkout__progress-item._navigable:not(._active):hover .progress-title,
.page--checkout .checkout__progress-item._navigable:not(._active):focus-visible .progress-title {
  opacity: 0.8;
}

.page--checkout .checkout__progress-item:not(._navigable) {
  cursor: default;
}

/* Повідомлення WooCommerce (AJAX): переносяться в #checkout-notices-slot перед form (див. checkout-steps.js) */
.page--checkout .checkout-notices-slot {
  margin-bottom: 1rem;
}
.page--checkout .checkout-notices-slot:empty {
  display: none;
}

.page--checkout .checkout-wc-fields-real .form-row,
.page--checkout .checkout__form--payment .form-row {
  margin: 0 0 1rem;
}

.page--checkout #order_review .woocommerce-NoticeGroup {
  margin-bottom: 1rem;
}

/* Скидання стандартних рамок WooCommerce для #payment усередині верстки теми */
.page--checkout .checkout__form--payment #payment.woocommerce-checkout-payment {
  margin-top: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.page--checkout .checkout__form--payment #place_order {
  margin-top: 0;
}

/* Сайдбар чекауту: таблиця доставки без «зайвих» рамок під макет */
.page--checkout .checkout__aside .cart__sum-delivery table {
  border: 0;
  margin: 0;
  background: transparent;
}

.page--checkout
  .checkout__aside
  .cart__sum-delivery
  .woocommerce-shipping-choose {
  margin: 0;
}

.page--checkout
  .checkout__aside
  .cart__footer-item
  .cart__total-sum
  .woocommerce-Price-amount {
  font: inherit;
}

/*
 * Блок замовлення на чекауті НЕ має використовувати клас .cart — у темі .cart = fixed drawer (translateX, z-index).
 * Лише reset на випадок змішування стилів.
 */
.page--checkout .checkout__aside .cart-checkout {
  position: static;
  inset: auto;
  height: auto;
  max-height: none;
  transform: none;
  pointer-events: auto;
  z-index: auto;
  display: flex;
  flex-flow: column;
  gap: 0;
  background: transparent;
}

/* Оновлення кількості в блоці замовлення: оверлей + спінер, без зайвих кліків */
.page--checkout .checkout__aside.checkout-aside--cart-updating {
  position: relative;
  pointer-events: none;
}
.page--checkout .checkout__aside.checkout-aside--cart-updating::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 6;
  background: rgba(255, 255, 255, 0.68);
  cursor: wait;
}
.page--checkout .checkout__aside.checkout-aside--cart-updating::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 28px;
  margin: -14px 0 0 -14px;
  z-index: 7;
  border: 2px solid rgba(51, 65, 29, 0.2);
  border-top-color: var(--mallard, #33411d);
  border-radius: 50%;
  animation: sf-checkout-cart-spin 0.75s linear infinite;
}
@keyframes sf-checkout-cart-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .page--checkout .checkout__aside.checkout-aside--cart-updating::after {
    animation: none;
    border-color: var(--mallard, #33411d);
  }
}

@media (min-width: 63.9375em) and (max-width: 118.75em) {
  .page--checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__rendered,
  .page--checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__rendered,
  .page--checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__rendered,
  .page--checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__rendered,
  .woocommerce-checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__rendered,
  .woocommerce-checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__rendered,
  .woocommerce-checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__rendered,
  .woocommerce-checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__rendered {
    max-width: 265px;
  }
}

@media (min-width: 118.75em) {
  .page--checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__rendered,
  .page--checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__rendered,
  .page--checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__rendered,
  .page--checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__rendered,
  .woocommerce-checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__rendered,
  .woocommerce-checkout .superfoods-nova-poshta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__rendered,
  .woocommerce-checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-np-sel .select2-selection__rendered,
  .woocommerce-checkout .superfoods-ukrposhta-fields .select2-selection.superfoods-select2-up-sel .select2-selection__rendered {
    max-width: 350px;
  }
}

/* OTP-модалка: помилка під номером телефону */
.page--checkout .modal__otp-error,
.woocommerce-checkout .modal__otp-error {
  margin: 0.5rem 0 0;
  padding: 0;
  font-size: 0.875rem;
  line-height: 1.35;
  color: var(--crimson, #ed1c24);
}

.page--checkout .modal__otp-error[hidden],
.woocommerce-checkout .modal__otp-error[hidden] {
  display: none;
}

.payment_box.payment_method_morkva-monopay{
  display: none!important;
}

/*
 * Модалка «Підписка» на картці товару: крок доставки = той самий макет, що .checkout__form--delivery.
 * (checkout-wc.css підключається також на is_product — див. superfoods_checkout_wc_styles.)
 */
#subscribe-delivery .checkout-wc-fields-real {
  width: 100%;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

#subscribe-delivery .checkout__form--delivery {
  min-width: 0;
  width: 100%;
}

/* styles.css: .modal--subscribe .form__row колонкою при width < 75em — ламає 2 колонки НП/УП */
@media (min-width: 48em) {
  #subscribe-delivery .checkout__form--delivery .form__row {
    flex-flow: row wrap;
  }
}

#subscribe-delivery .checkout__form--delivery .form__footer {
  margin-top: 8.25rem;
}

#subscribe-delivery .checkout__form--delivery .form__body {
  height: auto;
}

.sf-subscription-delivery-step .form__radio-label{
  font-weight: 500;
}


select#billing_superfoods_up_city_search {
  color: rgba(51, 65, 29, 0.55);
  font-weight: 600;
}

select#billing_superfoods_up_district_select{
  color: rgba(51, 65, 29, 0.55);
  font-weight: 600;
}