.checkout-steps {
  --bs-tertiary-bg: var(--wh-color-bg-subtle, #f7f7f7);
  --bs-border-color: var(--wh-color-border-subtle, #e4e0da);
  --bs-dark: var(--wh-color-accent, #9e8264);
  --bs-success: var(--wh-color-primary, #40362e);
  --bs-dark-bg-subtle: var(--wh-color-secondary, #908981);
}

.checkout-steps__btn {
  color: var(--wh-color-text-primary, #40362e);
  text-decoration: none;
}
.checkout-steps__btn:focus-visible {
  outline: 2px solid var(--wh-color-accent, #9e8264);
  outline-offset: 2px;
  box-shadow: none;
}
.checkout-steps__title {
  font-size: var(--wh-font-size-body, 1.4rem);
  font-weight: var(--wh-font-weight-medium, 500);
}
.checkout-steps__subtitle {
  font-size: var(--wh-font-size-small, 1.2rem);
  color: var(--wh-color-text-muted, #908981);
}

.checkout-grid a:not(.btn) { color: var(--wh-color-primary, #40362e); }
.checkout-grid a:not(.btn):hover { color: var(--wh-color-accent, #9e8264); }

.checkout-grid .nav {
  --bs-nav-link-color: var(--wh-color-text-muted, #908981);
  --bs-nav-link-hover-color: var(--wh-color-accent, #9e8264);
  --bs-nav-underline-link-active-color: var(--wh-color-text-primary, #40362e);
}
.checkout-grid .nav-underline .nav-link {
  font-size: var(--wh-font-size-body, 1.4rem);
  font-weight: var(--wh-font-weight-medium, 500);
}
.checkout-grid .nav-underline .nav-link.active {
  border-color: var(--wh-color-accent, #9e8264);
}

.checkout-grid .step__title {
  color: var(--wh-color-primary, #40362e);
  border-block-end-color: var(--wh-color-border-subtle, #e4e0da);
}
.checkout-grid .step--unreachable .step__title { color: var(--wh-color-text-muted, #908981); }

.checkout-grid .form-label {
  font-size: var(--wh-font-size-body, 1.4rem);
  font-weight: var(--wh-font-weight-medium, 500);
  color: var(--wh-color-text-primary, #40362e);
}
.checkout-grid .form-text {
  font-size: var(--wh-font-size-body, 1.4rem);
  color: var(--wh-color-text-muted, #908981);
}
.checkout-grid .form-control,
.checkout-grid .form-select {
  border: 1.5px solid var(--wh-color-border-subtle, #e4e0da);
  border-radius: var(--wh-radius-md, 0.8rem);
  padding: 1.2rem var(--wh-space-md, 1.6rem);
  font-size: var(--wh-font-size-body, 1.4rem);
  color: var(--wh-color-text-primary, #40362e);
  background-color: var(--wh-color-bg-base, #fff);
  box-shadow: none;
}
.checkout-grid .form-control::placeholder { color: var(--wh-color-text-muted, #908981); opacity: 1; }
.checkout-grid .form-control:focus,
.checkout-grid .form-select:focus {
  border-color: var(--wh-color-accent, #9e8264);
  box-shadow: none;
  outline: none;
}

.checkout-grid .form-check-input {
  border: 1.5px solid var(--wh-color-border-strong, #9ca3af);
  box-shadow: none;
}
.checkout-grid .form-check-input:checked {
  background-color: var(--wh-color-accent, #9e8264);
  border-color: var(--wh-color-accent, #9e8264);
}
.checkout-grid .form-check-input:focus {
  border-color: var(--wh-color-accent, #9e8264);
  box-shadow: none;
}
.checkout-grid .form-check-label { font-size: var(--wh-font-size-body, 1.4rem); }
.checkout-grid .form-check em,
.checkout-grid .form-check small,
.checkout-grid .step__content .form-text em {
  font-size: var(--wh-font-size-small, 1.2rem);
  font-style: normal;
  color: var(--wh-color-text-muted, #908981);
}

.checkout-grid .step .btn-primary {
  background: var(--wh-color-accent, #9e8264);
  border: 2px solid var(--wh-color-accent, #9e8264);
  color: var(--wh-color-text-inverse, #fff);
  border-radius: var(--wh-radius-md, 0.8rem);
  padding: 1.4rem 2.5rem;
  font-size: var(--wh-font-size-body, 1.4rem);
  font-weight: var(--wh-font-weight-medium, 500);
}
.checkout-grid .step .btn-primary:hover,
.checkout-grid .step .btn-primary:focus-visible {
  background: var(--wh-color-primary, #40362e);
  border-color: var(--wh-color-primary, #40362e);
  color: var(--wh-color-text-inverse, #fff);
}
.checkout-grid .step .btn-primary.disabled,
.checkout-grid .step .btn-primary:disabled {
  background: var(--wh-color-secondary, #908981);
  border-color: var(--wh-color-secondary, #908981);
  color: var(--wh-color-text-inverse, #fff);
  opacity: 1;
  cursor: not-allowed;
}
.checkout-grid .btn-outline-primary {
  background: transparent;
  border-color: var(--wh-color-accent, #9e8264);
  color: var(--wh-color-accent, #9e8264);
  font-size: var(--wh-font-size-body, 1.4rem);
}
.checkout-grid .btn-outline-primary:hover,
.checkout-grid .btn-outline-primary:focus-visible,
.checkout-grid .btn-outline-primary:active {
  background: var(--wh-color-accent, #9e8264);
  border-color: var(--wh-color-accent, #9e8264);
  color: var(--wh-color-text-inverse, #fff);
}
.checkout-grid .btn-basic {
  font-size: var(--wh-font-size-body, 1.4rem);
  color: var(--wh-color-primary, #40362e);
  border: 0;
  background: transparent;
}
.checkout-grid .btn-basic:hover,
.checkout-grid .btn-basic:focus-visible {
  color: var(--wh-color-accent, #9e8264);
  background: transparent;
}

.checkout-grid .btn:focus,
.checkout-grid .btn:focus-visible { box-shadow: none; }
.checkout-grid .btn:focus-visible {
  outline: 2px solid var(--wh-color-accent, #9e8264);
  outline-offset: 2px;
}

.checkout-grid .delivery-option__item {
  border: 1.5px solid var(--wh-color-border-subtle, #e4e0da);
  border-radius: var(--wh-radius-md, 0.8rem);
  padding: var(--wh-space-md, 1.6rem);
  margin-block-end: var(--wh-space-sm, 0.8rem);
  transition: border-color var(--wh-duration-fast, 150ms) ease;
}
.checkout-grid .delivery-option__item:hover,
.checkout-grid .delivery-option__item:has(.form-check-input:checked) {
  border-color: var(--wh-color-accent, #9e8264);
}
.checkout-grid .delivery-option__carrier-name {
  font-weight: var(--wh-font-weight-medium, 500);
  color: var(--wh-color-text-primary, #40362e);
}
.checkout-grid .delivery-option__price {
  font-weight: var(--wh-font-weight-semibold, 600);
  color: var(--wh-color-text-primary, #40362e);
}
.checkout-grid .delivery-option__extra-content {
  background: var(--wh-color-bg-subtle, #f7f7f7);
  border-radius: var(--wh-radius-md, 0.8rem);
  padding: var(--wh-space-md, 1.6rem);
  font-size: var(--wh-font-size-small, 1.2rem);
  color: var(--wh-color-text-muted, #908981);
}

.checkout-grid .payment-option {
  border: 1.5px solid var(--wh-color-border-subtle, #e4e0da);
  border-radius: var(--wh-radius-md, 0.8rem);
  padding: var(--wh-space-md, 1.6rem);
  margin-block-end: var(--wh-space-sm, 0.8rem);
  transition: border-color var(--wh-duration-fast, 150ms) ease;
}
.checkout-grid .payment-option:hover,
.checkout-grid .payment-option:has(.form-check-input:checked) {
  border-color: var(--wh-color-accent, #9e8264);
}
.checkout-grid .payment-option__label {
  font-size: var(--wh-font-size-body, 1.4rem);
  color: var(--wh-color-text-primary, #40362e);
}
.checkout-grid .payment-option__additional-information {
  background: var(--wh-color-bg-subtle, #f7f7f7);
  border-radius: var(--wh-radius-md, 0.8rem);
  padding: var(--wh-space-md, 1.6rem);
  font-size: var(--wh-font-size-small, 1.2rem);
  color: var(--wh-color-text-muted, #908981);
}
.checkout-grid .payment-option__additional-information p,
.checkout-grid .payment-option__additional-information section,
.checkout-grid .payment-option__additional-information small,
.checkout-grid .js-additional-information p,
.checkout-grid .js-additional-information section {
  font-size: var(--wh-font-size-small, 1.2rem);
}

.checkout-grid .alert {
  border-radius: var(--wh-radius-md, 0.8rem);
  font-size: var(--wh-font-size-body, 1.4rem);
}
.checkout-grid .alert-success,
.checkout-grid .alert-info {
  --bs-alert-bg: var(--wh-color-bg-subtle, #f7f7f7);
  --bs-alert-color: var(--wh-color-text-primary, #40362e);
  --bs-alert-border-color: var(--wh-color-border-subtle, #e4e0da);
  --bs-alert-link-color: var(--wh-color-accent, #9e8264);
  border-left: 3px solid var(--wh-color-accent, #9e8264);
}
.checkout-grid .alert .alert-link { color: var(--wh-color-accent, #9e8264); }

.checkout-grid__aside .cart-voucher__accordion-button {
  background: transparent;
  box-shadow: none;
  padding: var(--wh-space-sm, 0.8rem) 0;
  font-size: var(--wh-font-size-body, 1.4rem);
  font-weight: var(--wh-font-weight-regular, 400);
  color: var(--wh-color-text-primary, #40362e);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.checkout-grid__aside .checkout__summary-accordion-header .accordion-button,
.checkout-grid__aside .accordion-button[data-bs-target="#cart-summary-product-list"] {
  background: transparent;
  box-shadow: none;
  padding: var(--wh-space-sm, 0.8rem) 0;
  font-size: var(--wh-font-size-base, 1.6rem);
  font-weight: var(--wh-font-weight-medium, 500);
  color: var(--wh-color-text-primary, #40362e);
  text-transform: none;
  letter-spacing: normal;
}
.checkout-grid__aside .accordion-button:not(.collapsed) {
  background: transparent;
  color: var(--wh-color-text-primary, #40362e);
  box-shadow: none;
}
.checkout-grid__aside .accordion-button:focus { box-shadow: none; }
.checkout-grid__aside .accordion-button:focus-visible {
  outline: 2px solid var(--wh-color-accent, #9e8264);
  outline-offset: 2px;
  box-shadow: none;
}
.checkout-grid__aside .accordion-button::after {
  background-image: none;
  background-color: currentColor;
  -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
}

.checkout-grid__aside .cart-summary__line {
  font-size: var(--wh-font-size-body, 1.4rem);
  color: var(--wh-color-text-primary, #40362e);
}
.checkout-grid__aside .cart-summary__label { color: var(--wh-color-text-muted, #908981); }
.checkout-grid__aside .cart-summary__value {
  color: var(--wh-color-text-primary, #40362e);
  font-weight: var(--wh-font-weight-medium, 500);
}
.checkout-grid__aside .cart-summary__total {
  border-block-start: 1px solid var(--wh-color-border-subtle, #e4e0da);
  border-block-end: 0;
  padding-block: var(--wh-space-md, 1.6rem);
}
.checkout-grid__aside .cart-summary__total .cart-summary__label,
.checkout-grid__aside .cart-summary__line--bold .cart-summary__label {
  color: var(--wh-color-text-primary, #40362e);
  font-weight: var(--wh-font-weight-regular, 400);
}
.checkout-grid__aside .cart-summary__line--bold .cart-summary__value {
  font-size: var(--wh-font-size-h3, 2rem);
  font-weight: var(--wh-font-weight-medium, 500);
}

.checkout-grid__aside .cart-summary-product__content-left a { color: var(--wh-color-text-muted, #908981); }
.checkout-grid__aside .cart-summary-product__content-left a:hover { color: var(--wh-color-accent, #9e8264); }
.checkout-grid__aside .cart-summary-product__total { color: var(--wh-color-text-primary, #40362e); }
.checkout-grid__aside .cart-summary-product__img { border-radius: var(--wh-radius-md, 0.8rem); }

.checkout-grid__aside .cart-voucher__form .js-voucher-input {
  flex: 1 1 auto;
  min-width: 0;
  border: 1.5px solid var(--wh-color-border-subtle, #e4e0da);
  border-radius: var(--wh-radius-md, 0.8rem);
  padding: 1.2rem var(--wh-space-md, 1.6rem);
  font-size: var(--wh-font-size-body, 1.4rem);
  color: var(--wh-color-text-primary, #40362e);
  background: var(--wh-color-bg-base, #fff);
}
.checkout-grid__aside .cart-voucher__form .js-voucher-input::placeholder {
  color: var(--wh-color-text-muted, #908981);
  opacity: 1;
}
.checkout-grid__aside .cart-voucher__form .js-voucher-input:focus {
  outline: none;
  border-color: var(--wh-color-accent, #9e8264);
  box-shadow: none;
}
.checkout-grid__aside .cart-voucher__form .btn { padding: 1.2rem var(--wh-space-md, 1.6rem); }

.checkout-grid__aside .cart-voucher__highlight .h5 {
  font-size: var(--wh-font-size-body, 1.4rem);
  font-weight: var(--wh-font-weight-semibold, 600);
  color: var(--wh-color-text-primary, #40362e);
  margin-block-end: var(--wh-space-sm, 0.8rem);
}
.checkout-grid__aside .cart-voucher__offers {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--wh-space-xs, 0.4rem);
  font-size: var(--wh-font-size-body, 1.4rem);
  color: var(--wh-color-text-muted, #908981);
}
.checkout-grid__aside .cart-voucher__code-value {
  background: none;
  border: 0;
  padding: 0;
  color: var(--wh-color-accent, #9e8264);
  font-size: inherit;
  font-weight: var(--wh-font-weight-medium, 500);
  cursor: pointer;
}
.checkout-grid__aside .cart-voucher__code-value:hover,
.checkout-grid__aside .cart-voucher__code-value:focus-visible {
  color: var(--wh-color-primary, #40362e);
  text-decoration: underline;
}
.checkout-grid__aside .cart-voucher__remove {
  display: inline-flex;
  color: var(--wh-color-text-muted, #908981);
}
.checkout-grid__aside .cart-voucher__remove:hover { color: var(--wh-color-semantic-danger, #dc2626); }
.checkout-grid__aside .cart-summary__label--voucher .material-icons { color: var(--wh-color-accent, #9e8264); }

.checkout-grid__aside .cart-summary__voucher,
.checkout-grid__aside .cart-voucher__accordion,
.checkout-grid__aside .cart-voucher__accordion-item,
.checkout-grid__aside .cart-voucher__highlight,
.checkout-grid__aside .cart-voucher__highlight * {
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

.checkout-grid__aside hr {
  border-color: var(--wh-color-border-subtle, #e4e0da);
  opacity: 1;
}

.checkout-steps__desktop { max-width: 56rem; }

.checkout-steps__list .checkout-steps__number {
  cursor: pointer;
  width: 5.6rem;
  height: 5.6rem;
  background: var(--wh-color-bg-base, #fff);
  border: 2px solid var(--wh-color-border-subtle, #e4e0da);
  color: transparent;
  font-size: 0;
  margin-block-end: var(--wh-space-sm, 0.8rem);
}
.checkout-steps__list .checkout-steps__number::before {
  content: '';
  width: 2.4rem;
  height: 2.4rem;
  background-color: var(--wh-color-secondary, #908981);
  -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
}
.checkout-steps__list .checkout-steps__step--current .checkout-steps__number {
  background: var(--wh-color-bg-base, #fff);
  border-color: var(--wh-color-accent, #9e8264);
}
.checkout-steps__list .checkout-steps__step--current .checkout-steps__number::before {
  background-color: var(--wh-color-accent, #9e8264);
}
.checkout-steps__list .checkout-steps__step--success .checkout-steps__number {
  background: var(--wh-color-bg-base, #fff);
  border-color: var(--wh-color-primary, #40362e);
}
.checkout-steps__list .checkout-steps__step--success .checkout-steps__number::before {
  background-color: var(--wh-color-primary, #40362e);
}

/* Stany kroku pod kursorem — wniesione z kopii sklepu 2026-08-14.
   `:has()` pozwala odroznic krok klikalny od zablokowanego bez dokladania klas
   w szablonie: podswietlamy numer tylko tam, gdzie przycisk NIE jest disabled. */
.checkout-steps__list .checkout-steps__number,
.checkout-steps__list .checkout-steps__number::before {
  transition: background-color var(--wh-duration-fast, 150ms) ease,
              border-color var(--wh-duration-fast, 150ms) ease;
}

.checkout-steps__list .checkout-steps__step:has(.checkout-steps__btn:not(:disabled)):hover .checkout-steps__number {
  background: var(--wh-color-bg-warm, #c6a488);
  border-color: var(--wh-color-bg-warm, #c6a488);
}

.checkout-steps__list .checkout-steps__step:has(.checkout-steps__btn:not(:disabled)):hover .checkout-steps__number::before {
  background-color: var(--wh-color-text-inverse, #fff);
}

.checkout-steps__list .checkout-steps__step:has(.checkout-steps__btn:disabled) .checkout-steps__number {
  cursor: default;
}

.checkout-steps__step[data-step="checkout-personal-information-step"] .checkout-steps__number::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M17.5 20H15.8333V15.7975C15.8327 15.1442 15.5728 14.5178 15.1109 14.0558C14.6489 13.5938 14.0225 13.334 13.3692 13.3333H6.63083C5.9775 13.334 5.35111 13.5938 4.88914 14.0558C4.42716 14.5178 4.16733 15.1442 4.16667 15.7975V20H2.5V15.7975C2.50132 14.7023 2.93696 13.6524 3.71135 12.878C4.48575 12.1036 5.53567 11.668 6.63083 11.6667H13.3692C14.4643 11.668 15.5143 12.1036 16.2886 12.878C17.063 13.6524 17.4987 14.7023 17.5 15.7975V20Z'/%3E%3Cpath d='M10 10C9.0111 10 8.0444 9.70676 7.22215 9.15735C6.39991 8.60794 5.75904 7.82705 5.3806 6.91342C5.00217 5.99979 4.90315 4.99446 5.09608 4.02455C5.289 3.05465 5.76521 2.16373 6.46447 1.46447C7.16373 0.765206 8.05465 0.289002 9.02455 0.0960758C9.99446 -0.0968503 10.9998 0.00216643 11.9134 0.380605C12.827 0.759043 13.6079 1.39991 14.1573 2.22215C14.7068 3.0444 15 4.0111 15 5C14.9987 6.32568 14.4715 7.59668 13.5341 8.53407C12.5967 9.47147 11.3257 9.99868 10 10ZM10 1.66667C9.34073 1.66667 8.69627 1.86217 8.1481 2.22844C7.59994 2.59471 7.1727 3.1153 6.9204 3.72439C6.66811 4.33348 6.6021 5.0037 6.73072 5.6503C6.85934 6.29691 7.1768 6.89085 7.64298 7.35703C8.10915 7.8232 8.7031 8.14067 9.3497 8.26929C9.9963 8.3979 10.6665 8.33189 11.2756 8.0796C11.8847 7.82731 12.4053 7.40007 12.7716 6.8519C13.1378 6.30374 13.3333 5.65927 13.3333 5C13.3333 4.11595 12.9821 3.2681 12.357 2.64298C11.7319 2.01786 10.8841 1.66667 10 1.66667Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M17.5 20H15.8333V15.7975C15.8327 15.1442 15.5728 14.5178 15.1109 14.0558C14.6489 13.5938 14.0225 13.334 13.3692 13.3333H6.63083C5.9775 13.334 5.35111 13.5938 4.88914 14.0558C4.42716 14.5178 4.16733 15.1442 4.16667 15.7975V20H2.5V15.7975C2.50132 14.7023 2.93696 13.6524 3.71135 12.878C4.48575 12.1036 5.53567 11.668 6.63083 11.6667H13.3692C14.4643 11.668 15.5143 12.1036 16.2886 12.878C17.063 13.6524 17.4987 14.7023 17.5 15.7975V20Z'/%3E%3Cpath d='M10 10C9.0111 10 8.0444 9.70676 7.22215 9.15735C6.39991 8.60794 5.75904 7.82705 5.3806 6.91342C5.00217 5.99979 4.90315 4.99446 5.09608 4.02455C5.289 3.05465 5.76521 2.16373 6.46447 1.46447C7.16373 0.765206 8.05465 0.289002 9.02455 0.0960758C9.99446 -0.0968503 10.9998 0.00216643 11.9134 0.380605C12.827 0.759043 13.6079 1.39991 14.1573 2.22215C14.7068 3.0444 15 4.0111 15 5C14.9987 6.32568 14.4715 7.59668 13.5341 8.53407C12.5967 9.47147 11.3257 9.99868 10 10ZM10 1.66667C9.34073 1.66667 8.69627 1.86217 8.1481 2.22844C7.59994 2.59471 7.1727 3.1153 6.9204 3.72439C6.66811 4.33348 6.6021 5.0037 6.73072 5.6503C6.85934 6.29691 7.1768 6.89085 7.64298 7.35703C8.10915 7.8232 8.7031 8.14067 9.3497 8.26929C9.9963 8.3979 10.6665 8.33189 11.2756 8.0796C11.8847 7.82731 12.4053 7.40007 12.7716 6.8519C13.1378 6.30374 13.3333 5.65927 13.3333 5C13.3333 4.11595 12.9821 3.2681 12.357 2.64298C11.7319 2.01786 10.8841 1.66667 10 1.66667Z'/%3E%3C/svg%3E");
}
.checkout-steps__step[data-step="checkout-addresses-step"] .checkout-steps__number::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 21s-7-5.7-7-11a7 7 0 0 1 14 0c0 5.3-7 11-7 11z'/><circle cx='12' cy='10' r='2.6'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 21s-7-5.7-7-11a7 7 0 0 1 14 0c0 5.3-7 11-7 11z'/><circle cx='12' cy='10' r='2.6'/></svg>");
}
.checkout-steps__step[data-step="checkout-delivery-step"] .checkout-steps__number::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M15.8333 4.16668H14.1667V3.33334C14.1667 2.6703 13.9033 2.03442 13.4344 1.56558C12.9656 1.09674 12.3297 0.833344 11.6667 0.833344H2.5C1.83696 0.833344 1.20107 1.09674 0.732233 1.56558C0.263392 2.03442 0 2.6703 0 3.33334L0 15.8333H1.70083C1.67939 15.9712 1.66797 16.1105 1.66667 16.25C1.66667 17.0236 1.97396 17.7654 2.52094 18.3124C3.06792 18.8594 3.80979 19.1667 4.58333 19.1667C5.35688 19.1667 6.09875 18.8594 6.64573 18.3124C7.19271 17.7654 7.5 17.0236 7.5 16.25C7.49869 16.1105 7.48727 15.9712 7.46583 15.8333H12.5342C12.5127 15.9712 12.5013 16.1105 12.5 16.25C12.5 17.0236 12.8073 17.7654 13.3543 18.3124C13.9013 18.8594 14.6431 19.1667 15.4167 19.1667C16.1902 19.1667 16.9321 18.8594 17.4791 18.3124C18.026 17.7654 18.3333 17.0236 18.3333 16.25C18.332 16.1105 18.3206 15.9712 18.2992 15.8333H20V8.33334C19.9987 7.22868 19.5593 6.16964 18.7782 5.38853C17.997 4.60741 16.938 4.168 15.8333 4.16668ZM15.8333 5.83334C16.4964 5.83334 17.1323 6.09674 17.6011 6.56558C18.0699 7.03442 18.3333 7.6703 18.3333 8.33334V9.16668H14.1667V5.83334H15.8333ZM5.83333 16.25C5.83333 16.5815 5.70164 16.8995 5.46722 17.1339C5.2328 17.3683 4.91485 17.5 4.58333 17.5C4.25181 17.5 3.93387 17.3683 3.69945 17.1339C3.46503 16.8995 3.33333 16.5815 3.33333 16.25C3.33385 16.1076 3.3601 15.9664 3.41083 15.8333H5.75583C5.80657 15.9664 5.83282 16.1076 5.83333 16.25ZM12.5 14.1667H1.66667V3.33334C1.66667 3.11233 1.75446 2.90037 1.91074 2.74409C2.06702 2.58781 2.27899 2.50001 2.5 2.50001H11.6667C11.8877 2.50001 12.0996 2.58781 12.2559 2.74409C12.4122 2.90037 12.5 3.11233 12.5 3.33334V14.1667ZM16.6667 16.25C16.6667 16.5815 16.535 16.8995 16.3005 17.1339C16.0661 17.3683 15.7482 17.5 15.4167 17.5C15.0851 17.5 14.7672 17.3683 14.5328 17.1339C14.2984 16.8995 14.1667 16.5815 14.1667 16.25C14.167 16.1076 14.1933 15.9664 14.2442 15.8333H16.5892C16.64 15.9664 16.6663 16.1076 16.6667 16.25ZM14.1667 14.1667V10.8333H18.3333V14.1667H14.1667Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M15.8333 4.16668H14.1667V3.33334C14.1667 2.6703 13.9033 2.03442 13.4344 1.56558C12.9656 1.09674 12.3297 0.833344 11.6667 0.833344H2.5C1.83696 0.833344 1.20107 1.09674 0.732233 1.56558C0.263392 2.03442 0 2.6703 0 3.33334L0 15.8333H1.70083C1.67939 15.9712 1.66797 16.1105 1.66667 16.25C1.66667 17.0236 1.97396 17.7654 2.52094 18.3124C3.06792 18.8594 3.80979 19.1667 4.58333 19.1667C5.35688 19.1667 6.09875 18.8594 6.64573 18.3124C7.19271 17.7654 7.5 17.0236 7.5 16.25C7.49869 16.1105 7.48727 15.9712 7.46583 15.8333H12.5342C12.5127 15.9712 12.5013 16.1105 12.5 16.25C12.5 17.0236 12.8073 17.7654 13.3543 18.3124C13.9013 18.8594 14.6431 19.1667 15.4167 19.1667C16.1902 19.1667 16.9321 18.8594 17.4791 18.3124C18.026 17.7654 18.3333 17.0236 18.3333 16.25C18.332 16.1105 18.3206 15.9712 18.2992 15.8333H20V8.33334C19.9987 7.22868 19.5593 6.16964 18.7782 5.38853C17.997 4.60741 16.938 4.168 15.8333 4.16668ZM15.8333 5.83334C16.4964 5.83334 17.1323 6.09674 17.6011 6.56558C18.0699 7.03442 18.3333 7.6703 18.3333 8.33334V9.16668H14.1667V5.83334H15.8333ZM5.83333 16.25C5.83333 16.5815 5.70164 16.8995 5.46722 17.1339C5.2328 17.3683 4.91485 17.5 4.58333 17.5C4.25181 17.5 3.93387 17.3683 3.69945 17.1339C3.46503 16.8995 3.33333 16.5815 3.33333 16.25C3.33385 16.1076 3.3601 15.9664 3.41083 15.8333H5.75583C5.80657 15.9664 5.83282 16.1076 5.83333 16.25ZM12.5 14.1667H1.66667V3.33334C1.66667 3.11233 1.75446 2.90037 1.91074 2.74409C2.06702 2.58781 2.27899 2.50001 2.5 2.50001H11.6667C11.8877 2.50001 12.0996 2.58781 12.2559 2.74409C12.4122 2.90037 12.5 3.11233 12.5 3.33334V14.1667ZM16.6667 16.25C16.6667 16.5815 16.535 16.8995 16.3005 17.1339C16.0661 17.3683 15.7482 17.5 15.4167 17.5C15.0851 17.5 14.7672 17.3683 14.5328 17.1339C14.2984 16.8995 14.1667 16.5815 14.1667 16.25C14.167 16.1076 14.1933 15.9664 14.2442 15.8333H16.5892C16.64 15.9664 16.6663 16.1076 16.6667 16.25ZM14.1667 14.1667V10.8333H18.3333V14.1667H14.1667Z'/%3E%3C/svg%3E");
}
.checkout-steps__step[data-step="checkout-payment-step"] .checkout-steps__number::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='5' width='20' height='14' rx='2'/><path d='M2 9.6h20'/><path d='M5.5 15h4'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='5' width='20' height='14' rx='2'/><path d='M2 9.6h20'/><path d='M5.5 15h4'/></svg>");
}

.checkout-steps__step::before,
.checkout-steps__step::after {
  top: 2.8rem;
  height: 1px;
  background: var(--wh-color-border-subtle, #e4e0da);
}
.checkout-steps__step--current::before { background: var(--wh-color-border-subtle, #e4e0da); }

.checkout-steps .checkout-steps__btn {
  display: block;
  width: 100%;
  text-align: center;
  border: 0;
  background: transparent;
  padding: 0;
  font-size: var(--wh-font-size-small, 1.2rem);
  font-weight: var(--wh-font-weight-regular, 400);
  color: var(--wh-color-text-primary, #40362e);
  text-transform: none;
}
/* ⚠️ Wersja z kopii sklepu (wniesiona 2026-08-14). Poprzednia ustawiala na hoverze
   sam `color: accent` — a `_fashion.css` daje przyciskom akcentowe TLO, wiec krok
   „Sposob dostawy" znikal przy najechaniu (brazowy tekst na brazowym tle).
   Dlatego tu jawnie zerujemy tlo i ramke, a kolor bierzemy z tekstu podstawowego. */
.checkout-steps .checkout-steps__btn:hover,
.checkout-steps .checkout-steps__btn:focus,
.checkout-steps .checkout-steps__btn:active,
.checkout-steps .checkout-steps__btn.active:hover {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: var(--wh-color-text-primary, #40362e);
}
.checkout-steps .checkout-steps__btn:disabled { cursor: default; }
.checkout-steps .checkout-steps__btn.active { font-weight: var(--wh-font-weight-semibold, 600); }
.checkout-steps__list .checkout-steps__btn::before {
  display: block;
  font-size: 1rem;
  color: var(--wh-color-text-muted, #908981);
  font-weight: var(--wh-font-weight-regular, 400);
  margin-block-end: 0.2rem;
}
.checkout-steps__step[data-step="checkout-personal-information-step"] .checkout-steps__btn::before { content: '.01'; }
.checkout-steps__step[data-step="checkout-addresses-step"] .checkout-steps__btn::before { content: '.02'; }
.checkout-steps__step[data-step="checkout-delivery-step"] .checkout-steps__btn::before { content: '.03'; }
.checkout-steps__step[data-step="checkout-payment-step"] .checkout-steps__btn::before { content: '.04'; }

.checkout-grid .input-group.password-field {
  border: 1.5px solid var(--wh-color-border-subtle, #e4e0da);
  border-radius: var(--wh-radius-md, 0.8rem);
  flex-wrap: nowrap;
}
.checkout-grid .input-group.password-field:focus-within { border-color: var(--wh-color-accent, #9e8264); }
.checkout-grid .password-field .form-control {
  border: 0;
  border-radius: var(--wh-radius-md, 0.8rem) 0 0 var(--wh-radius-md, 0.8rem);
}
.checkout-grid .password-field .form-control:focus { border: 0; }
.checkout-grid .password-field .btn,
.checkout-grid .step .password-field .btn-primary {
  background: transparent;
  border: 0;
  border-radius: 0 var(--wh-radius-md, 0.8rem) var(--wh-radius-md, 0.8rem) 0;
  color: var(--wh-color-text-muted, #908981);
  padding: 0 var(--wh-space-md, 1.6rem);
}
.checkout-grid .password-field .btn:hover,
.checkout-grid .step .password-field .btn-primary:hover {
  background: transparent;
  border: 0;
  color: var(--wh-color-accent, #9e8264);
}

.checkout-grid .step__content a:not(.btn) { font-size: var(--wh-font-size-body, 1.4rem); }

.checkout-grid__aside .cart-summary__products-list { gap: 0; }
.checkout-grid__aside .cart-summary-product {
  padding-block: var(--wh-space-md, 1.6rem);
  border-block-end: 1px solid var(--wh-color-border-subtle, #e4e0da);
  flex-wrap: nowrap;
  align-items: center;
}
.checkout-grid__aside .cart-summary-product:last-child { border-block-end: 0; }
.checkout-grid__aside .cart-summary-product__img {
  width: 6.4rem;
  height: 6.4rem;
  object-fit: cover;
}
.checkout-grid__aside .cart-summary-product__link {
  color: var(--wh-color-accent, #9e8264);
  font-size: var(--wh-font-size-body, 1.4rem);
}
.checkout-grid__aside .cart-summary-product__link:hover { color: var(--wh-color-primary, #40362e); }
.checkout-grid__aside .cart-summary-product__attributes {
  font-size: var(--wh-font-size-small, 1.2rem);
  color: var(--wh-color-text-primary, #40362e);
}
.checkout-grid__aside .cart-summary-product__quantity,
.checkout-grid__aside .cart-summary-product__price {
  font-size: var(--wh-font-size-small, 1.2rem);
  color: var(--wh-color-text-primary, #40362e);
}
.checkout-grid__aside .cart-summary-product__total {
  font-size: var(--wh-font-size-body, 1.4rem);
  font-weight: var(--wh-font-weight-semibold, 600);
  color: var(--wh-color-text-primary, #40362e);
}

@media (min-width: 992px) {
  .checkout-grid .checkout-grid__aside {
    position: sticky;
    top: calc(var(--wh-space-xl, 6.4rem) + var(--wh-space-lg, 3.2rem));
    align-self: flex-start;
    padding-inline-start: var(--wh-space-xl, 6.4rem);
  }
}

@media (max-width: 991.98px) {
  .checkout-grid__aside { margin-block-start: var(--wh-space-lg, 3.2rem); }
}

@media (max-width: 767.98px) {
  .checkout-grid .buttons-wrapper {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--wh-space-sm, 0.8rem);
  }
  .checkout-grid .buttons-wrapper .btn {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}

.checkout-grid .step.tab-pane.active {
  animation: wh-step-in var(--wh-duration-base, 250ms) ease both;
}
@keyframes wh-step-in {
  from {
    opacity: 0;
    transform: translateY(1.2rem);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.checkout-steps__list .checkout-steps__number {
  transition: border-color var(--wh-duration-base, 250ms) ease, background-color var(--wh-duration-base, 250ms) ease;
}
.checkout-steps__list .checkout-steps__number::before {
  transition: background-color var(--wh-duration-base, 250ms) ease;
}
.checkout-steps .checkout-steps__btn { transition: color var(--wh-duration-fast, 150ms) ease; }
@media (prefers-reduced-motion: reduce) {
  .checkout-grid .step.tab-pane.active { animation: none; }
  .checkout-steps__list .checkout-steps__number,
  .checkout-steps__list .checkout-steps__number::before { transition: none; }
}