[data-delivery-date-root] {
  font-family: inherit;
  margin-top: 16px;
  color: var(--fs-delivery-heading, inherit);
}

[data-delivery-date-root] label,
[data-delivery-date-root] .delivery-step__label {
  color: var(--Main-Colours-Simply-Black, #30302D);
  font-family: "Gill Sans Nova", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  letter-spacing: 0.96px;
  text-transform: uppercase;
}

[data-delivery-date-root] label {
  display: block;
  margin-bottom: 6px;
}

[data-delivery-date-root] .delivery-step__label {
  display: inline-block;
}

[data-delivery-date-root] p {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}

[data-delivery-date-root] .product-form__submit {
  background: var(--color-simply-black, #30302d);
  color: var(--color-white, #ffffff);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 32px;
  border-radius: 2px;
  font-family: var(--font-body-family);
  font-weight: var(--font-body-weight);
  font-size: 14px;
  line-height: 20px;
  box-shadow: 0 2px 10px #0000001a;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  transition: color 0.3s ease, background-color 0.3s ease;
  z-index: 1;
  letter-spacing: 0;
  min-height: auto;
  border: none;
  cursor: pointer;
}

[data-delivery-date-root] .product-form__submit:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 0 4px var(--color-simply-black);
}

[data-delivery-date-root] .product-form__submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

[data-delivery-date-root] .field__input,
[data-delivery-date-root] .select__select,
[data-delivery-date-root] input[type="text"],
[data-delivery-date-root] select {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  width: 100%;
  padding: 12px;
  border-radius: 2px;
  border: 1px solid #8c916c33;
  background: var(--Main-Colours-White, #fff);
  color: #30302dcc;
  font-family: "Gill Sans Nova", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  box-shadow: none;
  height: auto;
  margin: 0;
  box-sizing: border-box;
  appearance: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

[data-delivery-date-root] .field__input::placeholder,
[data-delivery-date-root] input[type="text"]::placeholder {
  color: #30302dcc;
}

[data-delivery-date-root] .field__input:focus,
[data-delivery-date-root] .select__select:focus,
[data-delivery-date-root] input[type="text"]:focus,
[data-delivery-date-root] select:focus {
  outline: none;
  border-color: var(--color-simply-black, #30302d);
  box-shadow: 0 0 0 1px var(--color-simply-black, #30302d);
}

[data-delivery-date-root] .select__select,
[data-delivery-date-root] select {
  gap: 0;
}

[data-delivery-date-root] .delivery-date__control-row {
  display: flex;
  gap: 8px;
  align-items: stretch;
  width: 61% !important;
  max-width: 520px;
  align-self: flex-start;
}

[data-delivery-date-root] .delivery-date__control-row .field__input,
[data-delivery-date-root] .delivery-date__control-row input[type="text"] {
  flex: 1 1 70%;
}

[data-delivery-date-root] .delivery-date__control-row .product-form__submit {
  flex: 0 0 auto;
  white-space: nowrap;
  height: 100%;
  padding-inline: 20px;
  padding-block: 12px;
}

[data-delivery-date-root][data-state="loading"] {
  opacity: 0.6;
  pointer-events: none;
}

[data-delivery-date-root][data-layout-experience="classic"] .delivery-date__surface--classic {
  background: var(--fs-delivery-surface-bg, inherit);
  border: 1px solid var(--fs-delivery-surface-border, rgba(0, 0, 0, 0.08));
  padding: 24px;
  max-width: 440px;
}

[data-delivery-date-root][data-layout-experience="classic"] .delivery-date__heading {
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-delivery-heading, inherit);
}

[data-delivery-date-root][data-layout-experience="classic"] .delivery-date__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
}

[data-delivery-date-root][data-layout-experience="classic"] .delivery-date__field label {
  margin-bottom: 6px;
}

[data-delivery-date-root][data-layout-experience="classic"] .delivery-date__field[hidden] {
  display: none !important;
}



[data-delivery-date-root][data-layout-experience="classic"] .delivery-date__calendar {
  margin-top: 20px;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-date__surface--guided {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--fs-guided-steps-gap, 1.5rem);
  padding: var(--fs-guided-surface-padding, 0);
  margin-block: var(--fs-guided-surface-margin, 0);
  margin-inline: 0;
  background: var(--fs-guided-surface-bg, transparent);
  box-sizing: border-box;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-date__heading {
  margin: 0;
  text-align: center;
  width: 100%;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-steps {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: var(--fs-guided-steps-gap, 1.5rem);
  width: 100%;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-step {
  flex: 1 1 0;
  min-width: 0;
  border: 1px solid var(--fs-guided-step-border, var(--fs-delivery-surface-border, rgba(0, 0, 0, 0.12)));
  border-radius: 12px;
  padding: var(--fs-guided-step-padding, 1.25rem);
  margin: var(--fs-guided-step-margin, 0);
  background: var(--fs-guided-step-bg, var(--fs-delivery-surface-bg, transparent));
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-step[hidden] {
  display: none !important;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-step__header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  justify-content: space-between;
  font-family: var(--font-body-family);
  font-weight: var(--font-body-weight);
  margin: 0;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-step__title {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  flex: 1 1 auto;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-step__value {
  font-size: 12px;
  line-height: 16px;
  color: rgba(17, 24, 39, 0.7);
  font-weight: 500;
  text-transform: none;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-step__value[hidden] {
  display: none !important;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-step__edit {
  background: none;
  border: none;
  color: var(--fs-delivery-button-bg, rgba(0, 0, 0, 0.75));
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
  padding: 0;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-step__edit[hidden] {
  display: none !important;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-step__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: var(--fs-delivery-button-bg, rgba(0, 0, 0, 0.75));
  color: var(--fs-delivery-button-text, #fff);
  font-weight: 600;
  font-size: 0.875rem;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-step__body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-step__control {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-step__control input,
[data-delivery-date-root][data-layout-experience="guided"] .delivery-step__control select {
  width: 100%;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-step__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-step[data-state="locked"] {
  opacity: 0.6;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-step[data-state="loading"] {
  opacity: 0.8;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-step[data-state="active"] {
  border-color: var(--fs-delivery-button-border, rgba(0, 0, 0, 0.4));
  box-shadow: 0 0 0 1px var(--fs-delivery-button-border, rgba(0, 0, 0, 0.08));
}

[data-delivery-date-root][data-layout-experience="guided"]
  .delivery-step[data-state="complete"]
  .delivery-step__number {
  background: var(--fs-delivery-calendar-available-bg, rgba(0, 128, 96, 0.12));
  color: var(--fs-delivery-calendar-available-text, currentColor);
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-step__placeholder[hidden] {
  display: none !important;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-step__placeholder {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #30302dcc;
  opacity: 1;
  font-weight: 300;
}

[data-delivery-date-root][data-layout-experience="drawer"] .delivery-date__surface--drawer {
  gap: 0.75rem;
  padding: var(--fs-guided-surface-padding, 0);
  width: 100%;
  max-width: 420px;
  margin-inline: auto;
}

[data-delivery-date-root][data-layout-experience="drawer"] .delivery-steps--drawer {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

[data-delivery-date-root][data-layout-experience="drawer"] .delivery-step {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  border: 1px solid var(--fs-guided-step-border, rgba(0, 0, 0, 0.12));
  padding: 16px;
  background: var(--fs-guided-step-bg, #ffffff);
  gap: 0.75rem;
}

[data-delivery-date-root][data-layout-experience="drawer"] .delivery-step[data-drawer-active="true"] {
  box-shadow: 0 0 0 1px var(--fs-delivery-button-border, rgba(0, 0, 0, 0.12));
}

[data-delivery-date-root][data-layout-experience="drawer"] .delivery-step__body[hidden] {
  display: none !important;
}

[data-delivery-date-root][data-layout-experience="drawer"] .delivery-date__control-row {
  width: 100% !important;
  max-width: none;
}

[data-delivery-date-root][data-layout-experience="drawer"] .delivery-date__calendar {
  margin-top: 0.5rem;
}

[data-delivery-date-root][data-layout-experience="drawer"] .delivery-step__edit {
  font-size: 11px;
  letter-spacing: 0;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-date__calendar {
  margin: 0;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-date__summary {
  border: 1px solid var(--fs-guided-summary-border, var(--fs-delivery-surface-border, rgba(0, 0, 0, 0.12)));
  border-radius: 12px;
  padding: 1rem;
  background: var(--fs-guided-summary-bg, var(--fs-delivery-summary-bg, transparent));
  color: var(--fs-delivery-summary-text, inherit);
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-date__summary strong {
  display: block;
  margin-bottom: 0.25rem;
}

[data-delivery-date-root][data-layout-experience="guided"] .delivery-date__notice {
  margin: 0;
}

@media (max-width: 900px) {
  [data-delivery-date-root][data-layout-experience="guided"] .delivery-steps {
    flex-direction: column;
  }
}

.delivery-calendar {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 16px;
  background: var(--fs-delivery-surface-bg, #ffffff);
  border: 1px solid var(--fs-delivery-surface-border, rgba(0, 0, 0, 0.08));
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.12);
  padding: 20px;
  color: var(--fs-delivery-heading, #111827);
  overflow: hidden;
  position: relative;
}

@media (max-width: 480px) {
  .delivery-calendar {
    padding: 16px;
  }
}

.delivery-calendar__next {
  align-self: flex-start;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 600;
  color: var(--fs-delivery-calendar-available-text, #065f46);
  background: var(--fs-delivery-calendar-available-bg, rgba(0, 128, 96, 0.12));
  transition: opacity 0.2s ease;
}

.delivery-calendar__header {
  display: grid;
  grid-template-columns: 36px 1fr 36px;
  align-items: center;
  gap: 8px;
}

.delivery-calendar__caption {
  margin: 0;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.delivery-calendar__nav-button {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid var(--fs-delivery-surface-border, rgba(0, 0, 0, 0.1));
  background: var(--fs-delivery-input-bg, #ffffff);
  color: rgba(17, 24, 39, 0.65);
  display: grid;
  place-items: center;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.delivery-calendar__nav-button:hover {
  background: rgba(17, 24, 39, 0.12);
  color: var(--fs-delivery-heading, #111827);
}

.delivery-calendar__nav-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--fs-delivery-focus-ring, rgba(0, 128, 96, 0.25));
}

.delivery-calendar__nav-button[disabled] {
  opacity: 0.35;
}

.delivery-calendar__weekdays {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(17, 24, 39, 0.6);
  letter-spacing: 0.08em;
}

.delivery-calendar__weekday {
  text-align: center;
  padding: 6px 0;
}

.delivery-calendar__grid {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.delivery-calendar__days {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
}

.delivery-calendar__cell {
  text-align: center;
}

.delivery-calendar__day-placeholder {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
}

.delivery-calendar__day-button {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 14px;
  border: none;
  background: transparent;
  color: var(--fs-delivery-heading, #111827);
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.delivery-calendar__cell--empty {
  opacity: 0;
}

.delivery-calendar__day-button:hover,
.delivery-calendar__day-button:focus-visible {
  background: rgba(17, 24, 39, 0.08);
}

.delivery-calendar__day-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--fs-delivery-focus-ring, rgba(0, 128, 96, 0.25));
}

.delivery-calendar__cell--available .delivery-calendar__day-button {
  color: var(--fs-delivery-calendar-available-text, #065f46);
  box-shadow: inset 0 -3px 0 var(--fs-delivery-calendar-available-outline, rgba(0, 128, 96, 0.18));
}

.delivery-calendar__cell--available .delivery-calendar__day-button:hover,
.delivery-calendar__cell--available .delivery-calendar__day-button:focus-visible {
  background: rgba(0, 128, 96, 0.12);
}

.delivery-calendar__cell--selected .delivery-calendar__day-button {
  background: var(--fs-delivery-calendar-selected-bg, #008060);
  color: var(--fs-delivery-calendar-selected-text, #ffffff);
  box-shadow: none;
}

.delivery-calendar__cell--selected .delivery-calendar__day-button:hover,
.delivery-calendar__cell--selected .delivery-calendar__day-button:focus-visible {
  background: var(--fs-delivery-calendar-selected-bg, #008060);
}

.delivery-calendar__cell--disabled .delivery-calendar__day-button {
  color: var(--fs-delivery-calendar-disabled-text, rgba(0, 0, 0, 0.35));
  cursor: not-allowed;
  background: transparent;
  box-shadow: none;
  transform: none;
}

.delivery-calendar__cell--disabled .delivery-calendar__day-button:hover,
.delivery-calendar__cell--disabled .delivery-calendar__day-button:focus-visible {
  background: transparent;
}

.delivery-calendar__cell--today .delivery-calendar__day-button {
  box-shadow: inset 0 0 0 1px var(--fs-delivery-calendar-today-border, rgba(0, 0, 0, 0.16));
}

.delivery-calendar__legend {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  font-size: 13px;
  color: rgba(17, 24, 39, 0.68);
  padding: 0 6px;
}

.delivery-calendar__legend-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}

.delivery-calendar__legend-dot {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: rgba(17, 24, 39, 0.1);
  box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.12);
}

.delivery-calendar__legend-item--available .delivery-calendar__legend-dot {
  background: var(--fs-delivery-calendar-available-bg, rgba(0, 128, 96, 0.12));
  box-shadow: inset 0 -2px 0 var(--fs-delivery-calendar-available-outline, rgba(0, 128, 96, 0.18));
}

.delivery-calendar__legend-item--selected .delivery-calendar__legend-dot {
  background: var(--fs-delivery-calendar-selected-bg, #008060);
}

.delivery-calendar__legend-item--unavailable .delivery-calendar__legend-dot {
  background: rgba(17, 24, 39, 0.18);
}

.delivery-date__calendar-help {
  display: none;
}

.delivery-date__notice {
  display: block;
  font-family: "Gill Sans Nova", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0;
  background: #635d3b;
  color: #ffffff;
  padding: 8px 16px;
  margin: 0;
  min-height: auto;
  text-align: center;
  border-radius: 2px;
}

[data-delivery-date-root][data-layout-experience="classic"] .delivery-date__notice {
  margin-top: 8px;
}

[data-delivery-date-root][data-layout-experience="classic"] .delivery-date__summary {
  margin-top: 12px;
  padding: 10px 12px;
  background: var(--fs-delivery-summary-bg, rgba(0, 128, 96, 0.08));
  border-radius: 8px;
  color: var(--fs-delivery-summary-text, inherit);
}

[data-delivery-date-root][data-layout-experience="classic"] .delivery-date__summary strong {
  display: block;
  margin-bottom: 4px;
}

[data-delivery-date-root][data-layout-experience="classic"] .delivery-date__change {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
}

.delivery-date__spinner {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid var(--fs-delivery-spinner-border, rgba(0, 0, 0, 0.15));
  border-top-color: var(--fs-delivery-spinner-accent, #008060);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.earliest-delivery-text-container {
  font-family: inherit;
  border: 1px solid rgba(17, 24, 39, 0.12);
  padding: 16px;
  background: var(--fs-delivery-surface-bg, inherit);
  display: grid;
  gap: 12px;
}

.earliest-delivery-text-container[data-state="loading"] {
  opacity: 0.6;
  pointer-events: none;
}

.earliest-delivery__message h5 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-delivery-heading, inherit);
}

.earliers-delivery-date-sub-text {
  margin: 4px 0 0;
  font-size: 14px;
  color: inherit;
}

.earliest-delivery__form {
  display: grid;
  gap: 8px;
}

.earliest-delivery__form[hidden],
.earliest-delivery__summary[hidden] {
  display: none !important;
}

.earliest-delivery__summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  font-size: 14px;
  color: inherit;
}

.earliest-delivery__change-link {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: var(--fs-delivery-button-bg, inherit);
  text-decoration: underline;
  cursor: pointer;
}

.earliest-delivery__change-link:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 128, 96, 0.2);
  border-radius: 4px;
}

.earliest-delivery__label {
  font-weight: 600;
  font-size: 14px;
  color: inherit;
}

.earliest-delivery__input-group {
  display: flex;
  gap: 8px;
}

.earliest-delivery__input {
  flex: 1 1 auto;
  border: 1px solid rgba(17, 24, 39, 0.14);
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 15px;
  background: var(--fs-delivery-input-bg, inherit);
  color: var(--fs-delivery-input-text, inherit);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.earliest-delivery__input:focus {
  outline: none;
  border-color: var(--fs-delivery-button-border, #008060);
  box-shadow: 0 0 0 3px rgba(0, 128, 96, 0.2);
}

.earliest-delivery__submit {
  flex: 0 0 auto;
  background: var(--fs-delivery-button-bg, inherit);
  color: var(--fs-delivery-button-text, inherit);
  border: 1px solid var(--fs-delivery-button-border, currentColor);
  border-radius: 8px;
  padding: 10px 16px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease, opacity 0.2s ease;
}

.earliest-delivery__submit:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.earliest-delivery__helper {
  margin: 0;
  font-size: 14px;
  color: var(--fs-delivery-notice-text, inherit);
}

:root {
  --shimmer-base: 0 0% 96%;
  --shimmer-highlight: 0 0% 100%;
  --shimmer-speed: 1.2s;
  --shimmer-alpha: 0.7;
}

.delivery-calendar {
  position: relative;
}

.delivery-calendar__shimmer {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 2;
  background: linear-gradient(
      120deg,
      hsl(var(--shimmer-base)) 20%,
      hsla(var(--shimmer-highlight), var(--shimmer-alpha)) 30%,
      hsl(var(--shimmer-base)) 40%
    )
    no-repeat;
  background-size: 200% 100%;
}

.delivery-calendar.is-loading .delivery-calendar__shimmer {
  pointer-events: auto;
  cursor: progress;
  opacity: 1;
  animation: calendar-shimmer var(--shimmer-speed) linear infinite;
}

.delivery-calendar.is-loading .delivery-calendar__day-button {
  cursor: progress;
}

.delivery-calendar[aria-busy="true"] {
  opacity: 0.92;
}

@keyframes calendar-shimmer {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .delivery-calendar.is-loading .delivery-calendar__shimmer {
    animation: calendar-pulse var(--shimmer-speed) ease-in-out infinite;
    background: hsl(var(--shimmer-base));
  }
}

@keyframes calendar-pulse {
  0%,
  100% {
    opacity: 0.85;
  }
  50% {
    opacity: 1;
  }
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
[data-delivery-date-root][data-layout-experience="drawer"] .delivery-step__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 999px;
  background: var(--fs-delivery-button-bg, rgba(0, 0, 0, 0.75));
  color: var(--fs-delivery-button-text, #fff);
  font-weight: 600;
  font-size: 0.8125rem;
}

[data-delivery-date-root][data-layout-experience="drawer"] .delivery-step__placeholder {
  margin: 0;
  font-size: 13px;
  line-height: 18px;
  color: #30302dcc;
}
[data-delivery-date-root][data-layout-experience="drawer"] .delivery-step__value {
  font-size: 12px;
  line-height: 16px;
  color: rgba(17, 24, 39, 0.7);
  font-weight: 500;
}

[data-delivery-date-root][data-layout-experience="drawer"] .delivery-step__value[hidden] {
  display: none !important;
}
[data-delivery-date-root][data-layout-experience="drawer"] .delivery-step__title {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  flex: 1 1 auto;
}
[data-delivery-date-root][data-layout-experience="drawer"] .delivery-step__header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  justify-content: space-between;
}

h4.shared-list-heading {
  font-size: 1.2rem;
  padding-top: 1rem;
}