/* Receipt styling copied from loaders-de.html; scoped to cargo price examples. */
    /* Price examples as compact, factual job tickets rather than testimonials. */
    body.home-page.cargo-page .cargo-price-proof-shell {
      position: relative;
      overflow: visible;
      background: #ffffff;
    }

    body.home-page.cargo-page .cargo-price-ticket-header {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 28px;
      margin-bottom: 28px;
      padding-right: 220px;
    }

    body.home-page.cargo-page .cargo-price-ticket-heading {
      min-width: 0;
    }

    body.home-page.cargo-page .cargo-price-proof-title {
      max-width: none !important;
      margin: 0 !important;
      text-align: left !important;
    }

    body.home-page.cargo-page .cargo-price-ticket-intro {
      margin: 10px 0 0;
      color: #526071;
      font-size: clamp(15px, 1.35vw, 18px);
      font-weight: 520;
      line-height: 1.45;
    }

    body.home-page.cargo-page .cargo-price-ticket-controls {
      position: absolute;
      z-index: 3;
      top: 2px;
      right: 0;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
      flex: 0 0 auto;
    }

    body.home-page.cargo-page .cargo-price-ticket-status {
      min-width: 84px;
      color: #526071;
      font-size: 11px;
      font-weight: 850;
      letter-spacing: 0.07em;
      text-align: center;
      text-transform: uppercase;
    }

    body.home-page.cargo-page .cargo-price-ticket-arrow {
      display: inline-grid;
      width: 44px;
      height: 44px;
      padding: 0;
      place-items: center;
      border: 1px solid #cfd8d3;
      border-radius: 50%;
      background: #ffffff;
      color: #101826;
      cursor: pointer;
      font-size: 21px;
      font-weight: 850;
      line-height: 1;
      touch-action: manipulation;
      -webkit-tap-highlight-color: transparent;
      transition: none;
      animation: none;
    }

    body.home-page.cargo-page .cargo-price-ticket-arrow .material-icons-round {
      display: block;
      font-size: 22px;
      line-height: 1;
    }

    body.home-page.cargo-page .cargo-price-ticket-arrow:focus-visible {
      outline: 2px solid #64748b;
      outline-offset: 3px;
    }

    body.home-page.cargo-page .cargo-price-ticket-arrow:disabled {
      opacity: 0.32;
      cursor: default;
    }

    body.home-page.cargo-page .cargo-price-ticket-viewport {
      overflow: hidden;
    }

    body.home-page.cargo-page .cargo-price-ticket-track {
      display: flex;
      gap: 18px;
      margin: 0;
      padding: 0 0 12px;
      overflow-x: auto;
      overflow-y: hidden;
      overscroll-behavior-inline: contain;
      scroll-behavior: smooth;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
    }

    body.home-page.cargo-page .cargo-price-ticket-track::-webkit-scrollbar {
      display: none;
    }

    body.home-page.cargo-page .cargo-price-ticket {
      --ticket-background: #eaf7ee;
      --ticket-accent: #087c3a;
      --ticket-rule: #9fc9ae;
      --ticket-rule-soft: #c5dfce;
      box-sizing: border-box;
      display: flex;
      flex: 0 0 calc((100% - 36px) / 3);
      flex-direction: column;
      min-width: 0;
      min-height: 430px;
      padding: 24px;
      border: 1px solid var(--ticket-rule);
      border-radius: 24px;
      background: var(--ticket-background);
      color: #101826;
      scroll-snap-align: start;
      scroll-snap-stop: normal;
    }

    body.home-page.cargo-page .cargo-price-ticket:nth-child(3n + 2) {
      --ticket-background: #edf4ff;
      --ticket-accent: #2b5f9e;
      --ticket-rule: #afc7e4;
      --ticket-rule-soft: #cad9eb;
    }

    body.home-page.cargo-page .cargo-price-ticket:nth-child(3n) {
      --ticket-background: #fff3c9;
      --ticket-accent: #946200;
      --ticket-rule: #d9bf70;
      --ticket-rule-soft: #e7d7a5;
    }

    /* Receipt silhouette: repeated tear points replace the generic rounded card. */
    body.home-page.cargo-page .cargo-price-ticket {
      position: relative;
      padding-top: 32px;
      padding-bottom: 30px;
      border: 0;
      border-radius: 0;
      background-color: var(--ticket-background);
      background-image: repeating-linear-gradient(
        0deg,
        rgba(16, 24, 38, 0.006) 0,
        rgba(16, 24, 38, 0.006) 1px,
        transparent 1px,
        transparent 6px
      );
      -webkit-clip-path: polygon(
        0 7px, 2.5% 0, 5% 7px, 7.5% 0, 10% 7px,
        12.5% 0, 15% 7px, 17.5% 0, 20% 7px, 22.5% 0,
        25% 7px, 27.5% 0, 30% 7px, 32.5% 0, 35% 7px,
        37.5% 0, 40% 7px, 42.5% 0, 45% 7px, 47.5% 0,
        50% 7px, 52.5% 0, 55% 7px, 57.5% 0, 60% 7px,
        62.5% 0, 65% 7px, 67.5% 0, 70% 7px, 72.5% 0,
        75% 7px, 77.5% 0, 80% 7px, 82.5% 0, 85% 7px,
        87.5% 0, 90% 7px, 92.5% 0, 95% 7px, 97.5% 0,
        100% 7px, 100% calc(100% - 7px),
        97.5% 100%, 95% calc(100% - 7px), 92.5% 100%, 90% calc(100% - 7px),
        87.5% 100%, 85% calc(100% - 7px), 82.5% 100%, 80% calc(100% - 7px),
        77.5% 100%, 75% calc(100% - 7px), 72.5% 100%, 70% calc(100% - 7px),
        67.5% 100%, 65% calc(100% - 7px), 62.5% 100%, 60% calc(100% - 7px),
        57.5% 100%, 55% calc(100% - 7px), 52.5% 100%, 50% calc(100% - 7px),
        47.5% 100%, 45% calc(100% - 7px), 42.5% 100%, 40% calc(100% - 7px),
        37.5% 100%, 35% calc(100% - 7px), 32.5% 100%, 30% calc(100% - 7px),
        27.5% 100%, 25% calc(100% - 7px), 22.5% 100%, 20% calc(100% - 7px),
        17.5% 100%, 15% calc(100% - 7px), 12.5% 100%, 10% calc(100% - 7px),
        7.5% 100%, 5% calc(100% - 7px), 2.5% 100%, 0 calc(100% - 7px)
      );
      clip-path: polygon(
        0 7px, 2.5% 0, 5% 7px, 7.5% 0, 10% 7px,
        12.5% 0, 15% 7px, 17.5% 0, 20% 7px, 22.5% 0,
        25% 7px, 27.5% 0, 30% 7px, 32.5% 0, 35% 7px,
        37.5% 0, 40% 7px, 42.5% 0, 45% 7px, 47.5% 0,
        50% 7px, 52.5% 0, 55% 7px, 57.5% 0, 60% 7px,
        62.5% 0, 65% 7px, 67.5% 0, 70% 7px, 72.5% 0,
        75% 7px, 77.5% 0, 80% 7px, 82.5% 0, 85% 7px,
        87.5% 0, 90% 7px, 92.5% 0, 95% 7px, 97.5% 0,
        100% 7px, 100% calc(100% - 7px),
        97.5% 100%, 95% calc(100% - 7px), 92.5% 100%, 90% calc(100% - 7px),
        87.5% 100%, 85% calc(100% - 7px), 82.5% 100%, 80% calc(100% - 7px),
        77.5% 100%, 75% calc(100% - 7px), 72.5% 100%, 70% calc(100% - 7px),
        67.5% 100%, 65% calc(100% - 7px), 62.5% 100%, 60% calc(100% - 7px),
        57.5% 100%, 55% calc(100% - 7px), 52.5% 100%, 50% calc(100% - 7px),
        47.5% 100%, 45% calc(100% - 7px), 42.5% 100%, 40% calc(100% - 7px),
        37.5% 100%, 35% calc(100% - 7px), 32.5% 100%, 30% calc(100% - 7px),
        27.5% 100%, 25% calc(100% - 7px), 22.5% 100%, 20% calc(100% - 7px),
        17.5% 100%, 15% calc(100% - 7px), 12.5% 100%, 10% calc(100% - 7px),
        7.5% 100%, 5% calc(100% - 7px), 2.5% 100%, 0 calc(100% - 7px)
      );
      filter:
        drop-shadow(0 0 0.55px rgba(99, 116, 108, 0.52))
        drop-shadow(0 8px 14px rgba(16, 24, 38, 0.055));
    }

    body.home-page.cargo-page .cargo-price-ticket-meta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      color: var(--ticket-accent);
      font-size: 11px;
      font-weight: 850;
      letter-spacing: 0.08em;
      line-height: 1.2;
      text-transform: uppercase;
    }

    body.home-page.cargo-page .cargo-price-ticket h3 {
      margin: 38px 0 14px;
      color: #101826;
      font-family: "Avenir Next Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
      font-size: clamp(30px, 2.5vw, 38px);
      font-weight: 700;
      line-height: 0.98;
      letter-spacing: -0.035em;
      text-transform: uppercase;
      text-wrap: balance;
    }

    body.home-page.cargo-page .cargo-price-ticket-description {
      min-height: 66px;
      margin: 0;
      color: #526071;
      font-size: 14px;
      font-weight: 520;
      line-height: 1.48;
      text-wrap: pretty;
    }

    body.home-page.cargo-page .cargo-price-ticket-data {
      margin-top: auto;
      padding-top: 18px;
      border-top: 1.5px dashed var(--ticket-rule);
    }

    body.home-page.cargo-page .cargo-price-ticket-data > div {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 16px;
      padding: 9px 0;
      border-bottom: 1px solid var(--ticket-rule-soft);
      font-size: 13px;
      line-height: 1.3;
    }

    body.home-page.cargo-page .cargo-price-ticket-data span {
      color: #526071;
    }

    body.home-page.cargo-page .cargo-price-ticket-data strong {
      color: #101826;
      font-weight: 850;
      text-align: right;
      white-space: nowrap;
    }

    body.home-page.cargo-page .cargo-price-ticket-total {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 18px;
      margin-top: 18px;
      color: #101826;
      font-size: 13px;
      font-weight: 850;
    }

    body.home-page.cargo-page .cargo-price-ticket-total strong {
      color: #101826;
      font-family: "Avenir Next Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
      font-size: 42px;
      font-weight: 900;
      line-height: 1;
      letter-spacing: -0.035em;
    }

    body.home-page.cargo-page .cargo-price-proof-note {
      margin-top: 16px !important;
      text-align: left !important;
      font-size: 13px !important;
      line-height: 1.4 !important;
    }

    @media (max-width: 979px) {
      body.home-page.cargo-page .cargo-price-ticket {
        flex-basis: calc((100% - 18px) / 2);
      }
    }

    @media (max-width: 1119px) {
      body.home-page.cargo-page .cargo-price-ticket-header {
        display: block;
        margin-bottom: 22px;
        padding-right: 0;
      }

      body.home-page.cargo-page .cargo-price-ticket-controls {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        transform: none;
        pointer-events: none;
      }

      body.home-page.cargo-page .cargo-price-ticket-status {
        display: none;
      }

      body.home-page.cargo-page .cargo-price-ticket-controls .cargo-price-ticket-arrow {
        position: absolute;
        top: 50%;
        display: grid;
        transform: translateY(-50%);
        pointer-events: auto;
      }

      body.home-page.cargo-page .cargo-price-ticket-controls [data-cargo-price-prev] {
        left: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
      }

      body.home-page.cargo-page .cargo-price-ticket-controls [data-cargo-price-prev]:not(:disabled) {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
      }

      body.home-page.cargo-page .cargo-price-ticket-controls [data-cargo-price-next] {
        right: 0;
        border-color: #b8c7bf;
        box-shadow: 0 8px 22px rgba(16, 24, 38, 0.12);
      }

      body.home-page.cargo-page .cargo-price-ticket-viewport {
        position: relative;
        width: calc(100% + var(--cargo-price-proof-gutter));
        margin-right: calc(-1 * var(--cargo-price-proof-gutter));
      }

      body.home-page.cargo-page .cargo-price-ticket-track {
        gap: 12px;
        padding-right: var(--cargo-price-proof-gutter);
      }

      body.home-page.cargo-page .cargo-price-ticket {
        flex-basis: min(86vw, 340px);
        min-height: 400px;
        padding: 30px 22px 28px;
        scroll-snap-stop: always;
      }

      body.home-page.cargo-page .cargo-price-ticket h3 {
        margin-top: 30px;
        font-size: clamp(30px, 9vw, 36px);
      }
    }

    @media (max-width: 430px) {
      body.home-page.cargo-page .cargo-price-ticket-heading {
        margin-left: 16px;
      }
    }

    @media (min-width: 431px) and (max-width: 520px) {
      body.home-page.cargo-page .cargo-price-ticket-heading {
        margin-left: 26px;
      }
    }

    @media (min-width: 521px) and (max-width: 560px) {
      body.home-page.cargo-page .cargo-price-ticket-heading {
        margin-left: max(4px, calc((100vw - 490px) / 2 - 14px));
      }
    }

    @media (min-width: 561px) and (max-width: 979px) {
      body.home-page.cargo-page .cargo-price-ticket-heading {
        margin-left: max(0px, calc((100vw - 490px) / 2 - 18px));
      }
    }



/* Match the carrying page's final typography and responsive overrides. */
body.home-page.cargo-page .cargo-price-proof {
  --cargo-price-proof-gutter: 18px;
  font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -.01em;
  color: #101826;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.home-page.cargo-page .cargo-price-proof-title {
  font-family: "Manrope", system-ui, sans-serif;
  font-size: clamp(30px, 2.8vw, 38px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -.035em;
}
body.home-page.cargo-page .cargo-price-ticket {
  min-height: 562px;
}
body.home-page.cargo-page .cargo-price-ticket h3,
body.home-page.cargo-page .cargo-price-ticket p,
body.home-page.cargo-page .cargo-price-ticket-meta {
  letter-spacing: normal;
}
body.home-page.cargo-page .cargo-price-ticket-included {
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 1.4;
  color: #526071;
  text-align: right;
}
body.home-page.cargo-page .cargo-price-ticket-total strong:not(.is-loaded) {
  font-family: "Manrope", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.4;
  text-align: right;
}
body.home-page.cargo-page .cargo-price-ticket-total { min-height: 42px; }
body.home-page.cargo-page .cargo-price-proof-note {
  color: #5f6b7a;
  font-weight: 720;
  letter-spacing: normal;
  text-wrap: pretty;
}
body.home-page.cargo-page .cargo-price-proof .cargo-price-footnote {
  align-items: start;
}
@media (max-width: 1119px) {
  body.home-page.cargo-page .cargo-price-proof {
    width: calc(100% - 36px);
    max-width: 490px;
    margin-inline: auto;
    padding-inline: 0;
  }
  body.home-page.cargo-page .cargo-price-ticket-header {
    box-sizing: border-box;
    width: 100%;
    padding-inline: 18px;
  }
  body.home-page.cargo-page .cargo-price-ticket-heading {
    width: 100%;
    margin-inline: 0;
  }
  body.home-page.cargo-page .cargo-price-ticket { flex-basis: 100%; min-height: 520px; }
  body.home-page.cargo-page .cargo-price-ticket-viewport { margin-inline: 0; width: 100%; }
  body.home-page.cargo-page .cargo-price-ticket-track { padding-inline: 0; }
  body.home-page.cargo-page .cargo-price-proof-note,
  body.home-page.cargo-page .cargo-price-proof .cargo-price-footnote > a,
  body.home-page.cargo-page .cargo-price-proof .cargo-price-status { margin-inline: 18px; }
  body.home-page.cargo-page .cargo-price-proof .cargo-price-footnote { display: block; }
}
@media (max-width: 520px) {
  body.home-page.cargo-page .cargo-price-proof-title {
    font-size: clamp(28px, 8vw, 32px);
    line-height: 1.14;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.home-page.cargo-page .cargo-price-ticket-track { scroll-behavior: auto; }
}

/* Keep the longer route labels and fractional totals inside each receipt. */
body.home-page.cargo-page .cargo-price-ticket-meta { gap: 12px; min-height: 28px; align-items: flex-start; }
body.home-page.cargo-page .cargo-price-ticket-meta > span:first-child { flex-shrink: 0; }
body.home-page.cargo-page .cargo-price-ticket-meta > span:last-child { text-align: right; }
body.home-page.cargo-page .cargo-price-ticket-data > div { gap: 8px; }
body.home-page.cargo-page .cargo-price-ticket-included { min-height: 36px; }
body.home-page.cargo-page .cargo-price-ticket-total { gap: 8px; }
@media (max-width: 360px) {
  body.home-page.cargo-page .cargo-price-ticket-data > div { font-size: 12px; }
  body.home-page.cargo-page .cargo-price-ticket-total strong.is-loaded { font-size: 36px; }
}