.cc_q8ux376z_cvBvB297Le .cc-order-status, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status, .cc_q8ux376z_hCJf9i1ajr .cc-order-status {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

.cc_q8ux376z_cvBvB297Le .cc-order-status__step, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__step, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
  flex-shrink: 0;
  width: 48px;
}

/* Labels are wider than the 48px icon column and would otherwise overflow
   past the panel edge on the first/last step — anchor them to the icon's
   inner edge instead of centering, like a typical stepper. */
.cc_q8ux376z_cvBvB297Le .cc-order-status__step:first-child, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__step:first-child, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__step:first-child {
  align-items: flex-start;
}

.cc_q8ux376z_cvBvB297Le .cc-order-status__step:first-child .cc-order-status__label, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__step:first-child .cc-order-status__label, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__step:first-child .cc-order-status__label {
  text-align: left;
}

.cc_q8ux376z_cvBvB297Le .cc-order-status__step:last-child, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__step:last-child, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__step:last-child {
  align-items: flex-end;
}

.cc_q8ux376z_cvBvB297Le .cc-order-status__step:last-child .cc-order-status__label, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__step:last-child .cc-order-status__label, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__step:last-child .cc-order-status__label {
  text-align: right;
}

.cc_q8ux376z_cvBvB297Le .cc-order-status__icon, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__icon, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  border: 2px solid var(--nYz0M3ONfy);
  color: var(--nYz0M3ONfy);
  box-sizing: border-box;
}

.cc_q8ux376z_cvBvB297Le .cc-order-status__icon svg, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__icon svg, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__icon svg {
  width: 24px;
  height: 24px;
}

.cc_q8ux376z_cvBvB297Le .cc-order-status__icon--reached, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__icon--reached, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__icon--reached {
  background: var(--wUp6NoOHuO);
  border-color: var(--wUp6NoOHuO);
  color: var(--asbcXylAmk);
}

.cc_q8ux376z_cvBvB297Le .cc-order-status__icon--current, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__icon--current, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__icon--current {
  background: var(--ll4EqNaYHs);
  border-color: var(--ll4EqNaYHs);
}

.cc_q8ux376z_cvBvB297Le .cc-order-status__label, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__label, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__label {
  color: var(--nYz0M3ONfy);
  text-align: center;
  white-space: nowrap;
}

.cc_q8ux376z_cvBvB297Le .cc-order-status__label--reached, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__label--reached, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__label--reached {
  color: var(--wUp6NoOHuO);
}

.cc_q8ux376z_cvBvB297Le .cc-order-status__label--current, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__label--current, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__label--current {
  color: var(--ll4EqNaYHs);
}

.cc_q8ux376z_cvBvB297Le .cc-order-status__line-wrap, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__line-wrap, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__line-wrap {
  display: flex;
  flex: 1;
  min-width: 0;
  align-items: center;
  height: 48px;
  padding: 10px 0;
}

.cc_q8ux376z_cvBvB297Le .cc-order-status__line, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__line, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__line {
  width: 100%;
  height: 2px;
  background: var(--nYz0M3ONfy);
}

.cc_q8ux376z_cvBvB297Le .cc-order-status__line--done, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__line--done, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__line--done {
  background: var(--wUp6NoOHuO);
}

/* 4 icons + labels + connecting lines squeezed into a narrow card made the
   labels overlap each other. Drop the single-row layout for a 2x2 grid
   below 434px — the connector lines don't make sense between grid cells,
   so they're hidden (display:none removes them from grid flow entirely). */
@media (max-width: 434px) {
  .cc_q8ux376z_cvBvB297Le .cc-order-status, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status, .cc_q8ux376z_hCJf9i1ajr .cc-order-status {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 24px;
    column-gap: 8px;
  }

  .cc_q8ux376z_cvBvB297Le .cc-order-status__line-wrap, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__line-wrap, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__line-wrap {
    display: none;
  }

  .cc_q8ux376z_cvBvB297Le .cc-order-status__step, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__step, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__step {
    width: auto;
  }

  .cc_q8ux376z_cvBvB297Le .cc-order-status__step, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__step, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__step, .cc_q8ux376z_cvBvB297Le .cc-order-status__step:first-child, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__step:first-child, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__step:first-child, .cc_q8ux376z_cvBvB297Le .cc-order-status__step:last-child, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__step:last-child, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__step:last-child {
    align-items: center;
  }

  .cc_q8ux376z_cvBvB297Le .cc-order-status__label, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__label, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__label, .cc_q8ux376z_cvBvB297Le .cc-order-status__step:first-child .cc-order-status__label, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__step:first-child .cc-order-status__label, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__step:first-child .cc-order-status__label, .cc_q8ux376z_cvBvB297Le .cc-order-status__step:last-child .cc-order-status__label, .cc_q8ux376z_eWm1APv2Q9 .cc-order-status__step:last-child .cc-order-status__label, .cc_q8ux376z_hCJf9i1ajr .cc-order-status__step:last-child .cc-order-status__label {
    text-align: center;
    white-space: normal;
  }
}

.cc_q8ux376z_cvBvB297Le .cc-order-card, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card, .cc_q8ux376z_hCJf9i1ajr .cc-order-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  border: 1px solid var(--2Zhc6LpIFx);
  border-radius: 8px;
  text-decoration: none;
  overflow: hidden;
  box-sizing: border-box;
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__header, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__header, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 24px;
  flex-wrap: wrap;
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__meta, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__meta, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--wUp6NoOHuO);
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__dot, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__dot, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--wUp6NoOHuO);
  flex-shrink: 0;
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__tracking, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__tracking, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__tracking {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__tracking-label, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__tracking-label, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__tracking-label {
  color: var(--8S26NhmICk);
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__tracking-value, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__tracking-value, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__tracking-value {
  color: var(--wUp6NoOHuO);
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__copy, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__copy, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__copy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: none;
  background: none;
  color: var(--wUp6NoOHuO);
  padding: 0;
  cursor: pointer;
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__copy svg, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__copy svg, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__copy svg {
  width: 16px;
  height: 16px;
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__copied, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__copied, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__copied {
  color: var(--ll4EqNaYHs);
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__status-wrap, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__status-wrap, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__status-wrap {
  padding: 0 24px;
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__status-band, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__status-band, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__status-band {
  width: 100%;
  padding: 16px;
  border-radius: 8px;
  background: var(--h8XTw4Kqp7);
  box-sizing: border-box;
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__footer, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__footer, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 24px;
  flex-wrap: wrap;
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__items, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__items, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__items {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__item-thumb, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__item-thumb, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__item-thumb {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--2Zhc6LpIFx);
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__item-thumb img, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__item-thumb img, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__item-thumb--more, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__item-thumb--more, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__item-thumb--more {
  position: relative;
  width: 40px;
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__item-thumb--more::after, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__item-thumb--more::after, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__item-thumb--more::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, color-mix(in srgb, var(--j0IbYpoOJh) 20%, transparent), var(--j0IbYpoOJh));
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__item-count, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__item-count, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__item-count {
  color: var(--wUp6NoOHuO);
  white-space: nowrap;
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__summary, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__summary, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__summary {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
  align-self: stretch;
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__price-row, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__price-row, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__price-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__free-shipping, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__free-shipping, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__free-shipping {
  font-family: "Lexend", sans-serif;
  font-weight: 300;
  color: var(--02XyDHrfpw);
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__price, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__price, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__price {
  font-family: "Lexend", sans-serif;
  color: var(--wUp6NoOHuO);
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__detail-link, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__detail-link, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__detail-link {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 8px;
  border-radius: 4px;
  color: var(--02XyDHrfpw);
}

.cc_q8ux376z_cvBvB297Le .cc-order-card__detail-link svg, .cc_q8ux376z_eWm1APv2Q9 .cc-order-card__detail-link svg, .cc_q8ux376z_hCJf9i1ajr .cc-order-card__detail-link svg {
  width: 16px;
  height: 16px;
}