body.single-product .button, 
body.single-product button {
  margin-top: 20px !important;
}

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

*, *::before, *::after {
  box-sizing: border-box;
}

/* iPhone/iOS – zapobiega auto-zoomowi w polach formularza */
@media (max-width: 767px) {
  /* url, email, text, search + textarea (Order notes) */
  input[type="url"],
  input[type="email"],
  input[type="text"],
  input[type="search"],
  textarea {
    font-size: 16px !important;  /* >=16px wyłącza auto-zoom */
    line-height: 1.2;            /* dopasowanie wysokości */
  }
}


body.woocommerce-order-received .eael-progressbar-line .eael-progressbar-line-fill {
  width: 100% !important;
}
body.woocommerce-order-received .eael-progressbar-line {
  --eael-progress-count: 100;
}

/* CTA: wszystko na biało + centrowanie */
.cta-top {
  color: #fff;
  text-align: center;              /* centrowanie tekstu */
  font-variant-numeric: tabular-nums;
}

/* Kod i czas pogrubione */
.cta-top .wdd-code,
.cta-top .wdd-time {
  font-weight: 700;
}

/* Linki w CTA też na biało */
.cta-top a { color: #fff; }

/* (opcjonalnie) jeśli chcesz idealne wyśrodkowanie również przy elementach inline-block */
.cta-top > * {
  display: inline;                 /* zostaw inline, jeśli to czysty tekst */
  /* lub: display:inline-block;  i wtedy .cta-top { text-align:center; } zadziała tak samo */
}