.mdk-page--api-logistique-shipping .mdk-hero {
  background:
    radial-gradient(circle at 82% 18%, rgba(255, 174, 64, .12), transparent 30%),
    radial-gradient(circle at 14% 78%, rgba(0, 211, 172, .1), transparent 32%),
    #030706;
}

.mdk-page--api-logistique-shipping .api-dark-hero__highlights {
  flex-wrap: wrap;
}

.shipping-tower {
  --st-bg: #06100e;
  --st-panel: #0a1714;
  --st-panel-2: #0d1d19;
  --st-line: rgba(171, 218, 204, .17);
  --st-text: #eef8f4;
  --st-muted: #9ab4ad;
  --st-mint: #24ddb4;
  --st-orange: #ffad43;
  --st-red: #ff735f;
  position: relative;
  overflow: hidden;
  padding: clamp(74px, 8vw, 126px) 0 clamp(68px, 7vw, 110px);
  color: var(--st-text);
  background:
    linear-gradient(rgba(72, 128, 111, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(72, 128, 111, .055) 1px, transparent 1px),
    radial-gradient(circle at 12% 14%, rgba(36, 221, 180, .08), transparent 29%),
    radial-gradient(circle at 92% 42%, rgba(255, 173, 67, .08), transparent 24%),
    #04100d;
  background-size: 58px 58px, 58px 58px, auto, auto, auto;
}

.shipping-tower::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, .36), transparent 12%, transparent 88%, rgba(0, 0, 0, .34));
}

.shipping-tower__container {
  position: relative;
  z-index: 1;
  width: min(100% - 48px, 1420px);
  margin-inline: auto;
}

.shipping-tower__heading {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
  gap: clamp(32px, 6vw, 96px);
  align-items: end;
  margin-bottom: 42px;
}

.shipping-tower__kicker,
.shipping-tower__panel-title > span,
.shipping-tower__topbar small,
.shipping-tower__corridor small,
.shipping-tower__parcel-card small,
.shipping-tower__owner-list small,
.shipping-tower__case small,
.shipping-tower__ledger time,
.shipping-tower__tests span,
.shipping-tower__boundaries span {
  font: 700 .72rem/1.35 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: .105em;
  text-transform: uppercase;
}

.shipping-tower__kicker {
  margin: 0 0 18px;
  color: var(--st-mint);
}

.shipping-tower__heading h2 {
  max-width: 850px;
  margin: 0;
  color: var(--st-text);
  font-size: clamp(2.55rem, 5.4vw, 5.45rem);
  line-height: .99;
  letter-spacing: -.055em;
}

.shipping-tower__heading > p {
  max-width: 520px;
  margin: 0 0 7px;
  color: var(--st-muted);
  font-size: clamp(1rem, 1.2vw, 1.16rem);
  line-height: 1.72;
}

.shipping-tower__routes {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 22px;
}

.shipping-tower__routes article {
  min-width: 0;
  border: 1px solid rgba(137, 202, 183, .2);
  border-radius: 18px;
  padding: 20px;
  background: linear-gradient(145deg, rgba(36, 221, 180, .07), rgba(255, 173, 67, .025)), rgba(7, 18, 15, .9);
}

.shipping-tower__routes article > span {
  display: grid;
  width: 38px;
  height: 38px;
  margin-bottom: 18px;
  place-items: center;
  border: 1px solid rgba(36, 221, 180, .34);
  border-radius: 11px;
  color: var(--st-mint);
  background: rgba(36, 221, 180, .08);
}

.shipping-tower__routes iconify-icon {
  font-size: 20px;
}

.shipping-tower__routes small {
  display: block;
  margin-bottom: 9px;
  color: var(--st-orange);
  font: 800 .65rem/1.35 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.shipping-tower__routes h3 {
  margin: 0;
  color: var(--st-text);
  font-size: .98rem;
  line-height: 1.36;
}

.shipping-tower__routes p {
  margin: 11px 0 0;
  color: var(--st-muted);
  font-size: .79rem;
  line-height: 1.55;
}

.shipping-tower__shell {
  overflow: hidden;
  border: 1px solid rgba(137, 202, 183, .24);
  border-radius: 28px;
  background: rgba(4, 12, 10, .94);
  box-shadow: 0 42px 100px rgba(0, 0, 0, .44), inset 0 1px rgba(255, 255, 255, .035);
}

.shipping-tower__topbar {
  display: grid;
  grid-template-columns: auto minmax(210px, 1fr) auto auto;
  gap: 18px;
  align-items: center;
  min-height: 84px;
  padding: 16px 22px;
  border-bottom: 1px solid var(--st-line);
  background: linear-gradient(90deg, rgba(36, 221, 180, .085), rgba(255, 173, 67, .045));
}

.shipping-tower__topbar > div:not(.shipping-tower__mark) {
  display: grid;
  gap: 4px;
}

.shipping-tower__topbar small,
.shipping-tower__cutoff small {
  color: #78958d;
}

.shipping-tower__topbar strong,
.shipping-tower__cutoff strong {
  color: #e8f6f1;
  font-size: .9rem;
  letter-spacing: .02em;
}

.shipping-tower__mark {
  position: relative;
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid rgba(36, 221, 180, .4);
  border-radius: 14px;
  background: rgba(36, 221, 180, .11);
  color: var(--st-mint);
  font: 800 .78rem/1 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.shipping-tower__mark i {
  position: absolute;
  right: -4px;
  bottom: -4px;
  width: 11px;
  height: 11px;
  border: 2px solid #06100e;
  border-radius: 50%;
  background: var(--st-orange);
}

.shipping-tower__shift {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 9px 12px;
  border: 1px solid rgba(36, 221, 180, .24);
  border-radius: 999px;
  color: #b7d9d0;
  background: rgba(36, 221, 180, .07);
  font: 700 .68rem/1 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
}

.shipping-tower__shift i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--st-mint);
  box-shadow: 0 0 0 5px rgba(36, 221, 180, .08), 0 0 16px rgba(36, 221, 180, .65);
}

.shipping-tower__cutoff {
  min-width: 198px;
  padding-left: 18px;
  border-left: 1px solid var(--st-line);
  text-align: right;
}

.shipping-tower__corridor,
.shipping-tower__ledger {
  padding: 0;
  margin: 0;
  list-style: none;
}

.shipping-tower__corridor {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-bottom: 1px solid var(--st-line);
  background: #07120f;
}

.shipping-tower__corridor li {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  min-height: 86px;
  padding: 15px 17px;
  border-right: 1px solid var(--st-line);
}

.shipping-tower__corridor li:last-child {
  border-right: 0;
}

.shipping-tower__corridor li > span {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid #294039;
  border-radius: 9px;
  color: #78958d;
  background: #0b1915;
  font: 700 .65rem/1 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.shipping-tower__corridor li > div {
  display: grid;
  gap: 3px;
}

.shipping-tower__corridor small {
  color: #657f78;
}

.shipping-tower__corridor strong {
  color: #dcebe6;
  font-size: .82rem;
}

.shipping-tower__corridor b {
  color: #6f8a82;
  font: 800 .62rem/1 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.shipping-tower__corridor .is-done > span {
  border-color: rgba(36, 221, 180, .36);
  color: #05100d;
  background: var(--st-mint);
}

.shipping-tower__corridor .is-done b {
  color: var(--st-mint);
}

.shipping-tower__corridor .is-current {
  background: linear-gradient(180deg, rgba(255, 173, 67, .1), transparent);
}

.shipping-tower__corridor .is-current::after {
  content: "";
  position: absolute;
  right: 16px;
  bottom: 0;
  left: 16px;
  height: 2px;
  background: var(--st-orange);
  box-shadow: 0 0 17px rgba(255, 173, 67, .55);
}

.shipping-tower__corridor .is-current > span,
.shipping-tower__corridor .is-current b {
  border-color: rgba(255, 173, 67, .4);
  color: var(--st-orange);
}

.shipping-tower__workspace {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.25fr) minmax(260px, .72fr);
}

.shipping-tower__workspace > * {
  min-width: 0;
  padding: 28px;
  border-right: 1px solid var(--st-line);
}

.shipping-tower__workspace > *:last-child {
  border-right: 0;
}

.shipping-tower__panel-title {
  min-height: 67px;
  margin-bottom: 19px;
}

.shipping-tower__panel-title > span {
  display: block;
  margin-bottom: 7px;
  color: #66847b;
}

.shipping-tower__panel-title h3 {
  margin: 0;
  color: #edf8f4;
  font-size: 1.02rem;
  line-height: 1.35;
}

.shipping-tower__parcel-card,
.shipping-tower__case,
.shipping-tower__owner-list article {
  border: 1px solid rgba(167, 216, 201, .16);
  background: #091611;
}

.shipping-tower__parcel-card {
  overflow: hidden;
  border-radius: 17px;
}

.shipping-tower__parcel-card > header,
.shipping-tower__parcel-card > footer {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
}

.shipping-tower__parcel-card > header {
  border-bottom: 1px solid var(--st-line);
  background: rgba(255, 173, 67, .045);
}

.shipping-tower__parcel-card > header > div {
  display: grid;
  gap: 3px;
}

.shipping-tower__parcel-card > header small,
.shipping-tower__parcel-card > footer span {
  color: #738e86;
}

.shipping-tower__parcel-card > header strong {
  color: #f3fbf8;
  font-size: 1rem;
}

.shipping-tower__parcel-card > header > span {
  padding: 7px 9px;
  border: 1px solid rgba(255, 173, 67, .28);
  border-radius: 999px;
  color: var(--st-orange);
  font: 800 .58rem/1 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: .06em;
  white-space: nowrap;
}

.shipping-tower__label-preview {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(100px, 1.2fr);
  gap: 16px;
  align-items: center;
  margin: 16px;
  padding: 18px;
  border-radius: 13px;
  color: #101b18;
  background: #edf4ef;
  box-shadow: 7px 7px 0 rgba(255, 173, 67, .13);
}

.shipping-tower__label-preview > div:first-child {
  display: grid;
  gap: 4px;
}

.shipping-tower__label-preview span {
  color: #446258;
  font: 800 .65rem/1 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.shipping-tower__label-preview strong {
  font-size: 1.15rem;
}

.shipping-tower__label-preview small {
  color: #60766e;
  letter-spacing: .02em;
  text-transform: none;
}

.shipping-tower__barcode {
  display: flex;
  gap: 3px;
  justify-content: flex-end;
  height: 58px;
  overflow: hidden;
}

.shipping-tower__barcode i {
  width: 3px;
  height: 100%;
  background: #14211d;
}

.shipping-tower__barcode i:nth-child(3n) {
  width: 8px;
}

.shipping-tower__barcode i:nth-child(4n) {
  height: 82%;
}

.shipping-tower__parcel-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  padding: 0 16px 15px;
  margin: 0;
}

.shipping-tower__parcel-card dl > div {
  display: grid;
  gap: 4px;
  padding: 11px 0;
  border-bottom: 1px solid rgba(168, 214, 200, .1);
}

.shipping-tower__parcel-card dl > div:nth-child(odd) {
  padding-right: 11px;
}

.shipping-tower__parcel-card dl > div:nth-child(even) {
  padding-left: 11px;
  border-left: 1px solid rgba(168, 214, 200, .1);
}

.shipping-tower__parcel-card dt {
  color: #69867d;
  font-size: .68rem;
}

.shipping-tower__parcel-card dd {
  margin: 0;
  color: #dbe9e4;
  font-size: .78rem;
  font-weight: 700;
}

.shipping-tower__parcel-card > footer {
  border-top: 1px dashed rgba(167, 216, 201, .16);
  color: #9ab5ad;
  font-size: .72rem;
}

.shipping-tower__parcel-card > footer strong {
  color: var(--st-mint);
  font: 700 .66rem/1.3 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.shipping-tower__warning {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin-top: 13px;
  padding: 13px 15px;
  border: 1px solid rgba(255, 173, 67, .23);
  border-radius: 13px;
  background: rgba(255, 173, 67, .07);
}

.shipping-tower__warning > span {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 9px;
  color: #171006;
  background: var(--st-orange);
  font-weight: 900;
}

.shipping-tower__warning div {
  display: grid;
  gap: 3px;
}

.shipping-tower__warning strong {
  color: #ffe1b5;
  font-size: .76rem;
}

.shipping-tower__warning small {
  color: #a78f6f;
  font-size: .67rem;
  line-height: 1.45;
}

.shipping-tower__owner-list {
  display: grid;
  gap: 9px;
}

.shipping-tower__owner-list article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
  padding: 13px;
  border-radius: 13px;
}

.shipping-tower__system {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid #28433a;
  border-radius: 11px;
  color: #91aaa2;
  background: #0d201a;
  font: 800 .67rem/1 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.shipping-tower__owner-list article > div {
  display: grid;
  gap: 2px;
}

.shipping-tower__owner-list small {
  color: #66847b;
}

.shipping-tower__owner-list strong {
  color: #e3f0ec;
  font-size: .8rem;
}

.shipping-tower__owner-list p {
  margin: 0;
  color: #7f9a92;
  font-size: .68rem;
}

.shipping-tower__owner-list b {
  color: var(--st-mint);
  font: 800 .59rem/1 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.shipping-tower__owner-list .is-waiting {
  border-color: rgba(255, 173, 67, .3);
  background: rgba(255, 173, 67, .055);
}

.shipping-tower__owner-list .is-waiting .shipping-tower__system,
.shipping-tower__owner-list .is-waiting b {
  border-color: rgba(255, 173, 67, .35);
  color: var(--st-orange);
}

.shipping-tower__rule {
  margin-top: 12px;
  padding: 13px 15px;
  border-left: 2px solid var(--st-orange);
  color: #a8bcb6;
  background: rgba(255, 173, 67, .045);
}

.shipping-tower__rule span {
  display: block;
  margin-bottom: 5px;
  color: var(--st-orange);
  font: 800 .62rem/1 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.shipping-tower__rule p {
  margin: 0;
  font-size: .7rem;
  line-height: 1.52;
}

.shipping-tower__case {
  overflow: hidden;
  border-radius: 17px;
}

.shipping-tower__case > header {
  display: flex;
  justify-content: space-between;
  padding: 13px 14px;
  border-bottom: 1px solid rgba(255, 173, 67, .17);
  background: rgba(255, 173, 67, .06);
}

.shipping-tower__case > header span,
.shipping-tower__case > header b {
  font: 800 .62rem/1 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.shipping-tower__case > header span {
  color: #a6bbb5;
}

.shipping-tower__case > header b {
  color: var(--st-orange);
}

.shipping-tower__case > strong {
  display: block;
  padding: 16px 14px 10px;
  color: #e7f1ed;
  font-size: .83rem;
  line-height: 1.5;
}

.shipping-tower__case ol {
  padding: 0 14px 6px;
  margin: 0;
  list-style: none;
}

.shipping-tower__case li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(167, 216, 201, .09);
}

.shipping-tower__case li > span {
  width: 9px;
  height: 9px;
  margin-top: 5px;
  border: 2px solid #344e46;
  border-radius: 50%;
}

.shipping-tower__case li > div {
  display: grid;
  gap: 2px;
}

.shipping-tower__case li strong {
  color: #bcd0ca;
  font-size: .72rem;
}

.shipping-tower__case li small {
  color: #68847b;
  font-size: .6rem;
  letter-spacing: .02em;
  text-transform: none;
}

.shipping-tower__case li.is-done > span {
  border-color: var(--st-mint);
  background: var(--st-mint);
  box-shadow: 0 0 12px rgba(36, 221, 180, .35);
}

.shipping-tower__case li.is-current > span {
  border-color: var(--st-orange);
  box-shadow: 0 0 0 4px rgba(255, 173, 67, .08);
}

.shipping-tower__case > footer {
  display: grid;
  gap: 6px;
  padding: 14px;
  background: #0c1c17;
}

.shipping-tower__case > footer small {
  color: var(--st-orange);
}

.shipping-tower__case > footer strong {
  color: #c7d9d3;
  font-size: .72rem;
  line-height: 1.48;
}

.shipping-tower__ledger {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-top: 1px solid var(--st-line);
  border-bottom: 1px solid var(--st-line);
  background: #071410;
}

.shipping-tower__ledger li {
  position: relative;
  display: grid;
  gap: 5px;
  min-height: 102px;
  padding: 19px 17px 17px 30px;
  border-right: 1px solid var(--st-line);
}

.shipping-tower__ledger li:last-child {
  border-right: 0;
}

.shipping-tower__ledger li::before {
  content: "";
  position: absolute;
  top: 23px;
  left: 15px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--st-mint);
  box-shadow: 0 0 0 5px rgba(36, 221, 180, .07);
}

.shipping-tower__ledger time {
  color: #648078;
}

.shipping-tower__ledger strong {
  color: #d8e9e3;
  font-size: .74rem;
}

.shipping-tower__ledger small {
  color: #6e8981;
  font-size: .65rem;
}

.shipping-tower__ledger .is-open {
  background: rgba(255, 173, 67, .055);
}

.shipping-tower__ledger .is-open::before {
  background: var(--st-orange);
  box-shadow: 0 0 0 5px rgba(255, 173, 67, .08);
}

.shipping-tower__tests {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  padding: 18px;
  background: #050d0b;
}

.shipping-tower__tests article {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(167, 216, 201, .12);
  border-radius: 12px;
  background: rgba(255, 255, 255, .018);
}

.shipping-tower__tests span {
  display: block;
  margin-bottom: 8px;
  color: var(--st-orange);
}

.shipping-tower__tests strong {
  display: block;
  margin-bottom: 5px;
  color: #d5e5df;
  font-size: .73rem;
}

.shipping-tower__tests small {
  display: block;
  color: #718d84;
  font-size: .63rem;
  line-height: 1.45;
}

.shipping-tower__first-lot {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 34px;
  align-items: center;
  margin-top: 20px;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid rgba(36, 221, 180, .19);
  border-radius: 22px;
  background:
    linear-gradient(110deg, rgba(36, 221, 180, .1), rgba(36, 221, 180, .015) 46%, rgba(255, 173, 67, .06)),
    #081612;
}

.shipping-tower__first-lot h3 {
  max-width: 820px;
  margin: 0 0 10px;
  color: #f0faf6;
  font-size: clamp(1.45rem, 2.6vw, 2.2rem);
  letter-spacing: -.025em;
}

.shipping-tower__first-lot > div > p:last-child {
  max-width: 840px;
  margin: 0;
  color: var(--st-muted);
  line-height: 1.68;
}

.shipping-tower__cta {
  display: inline-flex;
  gap: 9px;
  align-items: center;
  justify-content: center;
  min-height: 49px;
  padding: 13px 19px;
  border: 1px solid var(--st-mint);
  border-radius: 9px;
  color: #02100c !important;
  background: var(--st-mint);
  font-weight: 800;
  white-space: nowrap;
}

.shipping-tower__cta:hover,
.shipping-tower__cta:focus-visible {
  border-color: #8cf5da;
  color: #02100c !important;
  background: #8cf5da;
  transform: translateY(-1px);
}

.shipping-tower__boundaries {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.shipping-tower__boundaries a {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(167, 216, 201, .15);
  border-radius: 15px;
  color: inherit;
  background: rgba(8, 22, 18, .78);
  text-decoration: none;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.shipping-tower__boundaries a:hover,
.shipping-tower__boundaries a:focus-visible {
  border-color: rgba(36, 221, 180, .48);
  background: rgba(13, 35, 28, .95);
  transform: translateY(-2px);
}

.shipping-tower__boundaries span {
  color: var(--st-mint);
}

.shipping-tower__boundaries strong {
  color: #e1eee9;
  font-size: .86rem;
}

.shipping-tower__boundaries small {
  color: #77938a;
  font-size: .69rem;
  line-height: 1.47;
}

.mdk-page--api-logistique-shipping .api-slider__controls button,
.mdk-page--api-logistique-shipping .api-slider__control,
.mdk-page--api-logistique-shipping [data-api-slider-prev],
.mdk-page--api-logistique-shipping [data-api-slider-next] {
  color: #07110e;
  background: var(--st-mint, #24ddb4);
}

@media (max-width: 1180px) {
  .shipping-tower__workspace {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shipping-tower__workspace > *:nth-child(2) {
    border-right: 0;
  }

  .shipping-tower__desk {
    grid-column: 1 / -1;
    border-top: 1px solid var(--st-line);
  }

  .shipping-tower__case {
    display: grid;
    grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr);
  }

  .shipping-tower__case > header,
  .shipping-tower__case > strong {
    grid-column: 1;
  }

  .shipping-tower__case ol {
    grid-row: 1 / span 3;
    grid-column: 2;
    border-left: 1px solid var(--st-line);
  }

  .shipping-tower__case > footer {
    grid-column: 1 / -1;
  }
}

@media (max-width: 960px) {
  .shipping-tower__heading {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .shipping-tower__heading > p {
    max-width: 760px;
  }

  .shipping-tower__routes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shipping-tower__topbar {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .shipping-tower__cutoff {
    grid-column: 2 / -1;
    min-width: 0;
    padding: 12px 0 0;
    border-top: 1px solid var(--st-line);
    border-left: 0;
    text-align: left;
  }

  .shipping-tower__corridor,
  .shipping-tower__ledger {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .shipping-tower__corridor li:nth-child(3),
  .shipping-tower__ledger li:nth-child(3) {
    border-right: 0;
  }

  .shipping-tower__corridor li:nth-child(n + 4),
  .shipping-tower__ledger li:nth-child(n + 4) {
    border-top: 1px solid var(--st-line);
  }

  .shipping-tower__ledger li:nth-child(5) {
    border-right: 1px solid var(--st-line);
  }

  .shipping-tower__tests {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .shipping-tower__boundaries {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .dark-page.api-integration-page.mdk-page--api-logistique-shipping .dark-hero-actions {
    width: 100%;
  }

  .dark-page.api-integration-page.mdk-page--api-logistique-shipping .dark-hero-actions .btn {
    justify-content: center;
    width: 100%;
    min-height: 48px;
  }

  .dark-page.api-integration-page.mdk-page--api-logistique-shipping .dark-hero-actions .dark-btn-accent {
    order: 1;
  }

  .dark-page.api-integration-page.mdk-page--api-logistique-shipping .dark-hero-actions .dark-btn-outline {
    order: 2;
  }

  .shipping-tower {
    padding-block: 68px;
  }

  .shipping-tower__container {
    width: min(100% - 30px, 1420px);
  }

  .shipping-tower__heading h2 {
    font-size: clamp(2.35rem, 12vw, 3.9rem);
  }

  .shipping-tower__shell {
    border-radius: 20px;
  }

  .shipping-tower__topbar {
    grid-template-columns: auto minmax(0, 1fr);
    padding: 14px;
  }

  .shipping-tower__shift {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .shipping-tower__cutoff {
    grid-column: 1 / -1;
  }

  .shipping-tower__corridor {
    grid-template-columns: 1fr;
  }

  .shipping-tower__corridor li,
  .shipping-tower__corridor li:nth-child(3),
  .shipping-tower__corridor li:nth-child(n + 4) {
    min-height: 70px;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid var(--st-line);
  }

  .shipping-tower__corridor li:last-child {
    border-bottom: 0;
  }

  .shipping-tower__workspace {
    grid-template-columns: 1fr;
  }

  .shipping-tower__workspace > *,
  .shipping-tower__workspace > *:nth-child(2) {
    padding: 22px 17px;
    border-top: 1px solid var(--st-line);
    border-right: 0;
  }

  .shipping-tower__workspace > *:first-child {
    border-top: 0;
  }

  .shipping-tower__desk {
    grid-column: auto;
  }

  .shipping-tower__case {
    display: block;
  }

  .shipping-tower__case ol {
    border-left: 0;
  }

  .shipping-tower__ledger {
    grid-template-columns: 1fr;
  }

  .shipping-tower__ledger li,
  .shipping-tower__ledger li:nth-child(3),
  .shipping-tower__ledger li:nth-child(n + 4),
  .shipping-tower__ledger li:nth-child(5) {
    min-height: 84px;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid var(--st-line);
  }

  .shipping-tower__ledger li:last-child {
    border-bottom: 0;
  }

  .shipping-tower__tests {
    grid-template-columns: 1fr;
  }

  .shipping-tower__tests article {
    min-height: 0;
  }

  .shipping-tower__first-lot {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 24px 19px;
  }

  .shipping-tower__cta {
    width: 100%;
    white-space: normal;
  }
}

@media (max-width: 520px) {
  .dark-page.api-integration-page .dark-hero-highlights,
  .mdk-page--api-logistique-shipping .api-dark-hero__highlights,
  .mdk-page--api-logistique-shipping .api-dark-hero__highlight-list,
  .mdk-page--api-logistique-shipping .api-hero__highlights {
    display: grid;
    grid-template-columns: 1fr;
    overflow-x: visible;
  }

  .dark-page.api-integration-page .dark-hero-highlights li,
  .mdk-page--api-logistique-shipping .api-dark-hero__highlights > *,
  .mdk-page--api-logistique-shipping .api-dark-hero__highlight-list > *,
  .mdk-page--api-logistique-shipping .api-hero__highlights > * {
    width: 100%;
    min-width: 0;
    white-space: normal;
  }

  .shipping-tower__heading {
    margin-bottom: 29px;
  }

  .shipping-tower__routes {
    grid-template-columns: 1fr;
  }

  .shipping-tower__heading h2 {
    font-size: clamp(2.15rem, 11.5vw, 3rem);
  }

  .shipping-tower__heading > p {
    font-size: .95rem;
  }

  .shipping-tower__parcel-card > header,
  .shipping-tower__parcel-card > footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .shipping-tower__label-preview {
    grid-template-columns: 1fr;
  }

  .shipping-tower__barcode {
    justify-content: flex-start;
  }

  .shipping-tower__owner-list article {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shipping-tower__owner-list article > b {
    grid-column: 2;
  }

  .shipping-tower__boundaries {
    grid-template-columns: 1fr;
  }
}