.checkout-steps {
      display: flex;
      justify-content: space-between;
      align-items: center;
      max-width: 900px;
      margin: auto;
      position: relative;
    }

    /* Grå linje bag trin */
    .checkout-steps::before {
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      right: 0;
      height: 3px;
      background-color: #e0e0e0;
      z-index: 0;
    }

    a.step {
      text-decoration: none;
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      z-index: 1;
      color: #aaa;
    }

    .step .circle {
      width: 35px;
      height: 35px;
      border-radius: 50%;
      background-color: #eee;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0.5rem;
      color: #333;
    }

    .step .circle svg {
      width: 18px;
      height: 18px;
      stroke: currentColor;
    }

    .step.completed .circle,
    .step.active .circle {
      background-color: #4f6273;
      color: white;
    }

    .step.completed,
    .step.active {
      color: #4f6273;
      
	  font-weight:bold;
    }

    /* Den blå "progress-linje" mellem trin */
    .step.after {
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-20%);
      left: 0;
      width: 50%;
      height: 3px;
      background-color: #4f6273;
      z-index: -1;
    }

    .step:first-child::after {
      left: 50%;
      width: 50%;
    }

    .step:last-child::after {
      width: 0;
    }

    .step.completed::after {
      width: 100%;
    }

    .step.active::after {
      width: 50%;
    }

    a.step:hover .circle {
      box-shadow: 0 0 0 3px rgba(255, 160, 18, 0.5);
      transition: box-shadow 0.2s ease;
    }

    @media (max-width: 600px) {
      .checkout-steps {
        flex-direction: column;
        align-items: stretch;
      }

      .checkout-steps::before,
      .step::after {
        display: none;
      }

      .step {
        margin-bottom: 1rem;
      }
    }