/* SOLID X delivery journey — restyled to match the site design system (css/style.css tokens) */
.sx-delivery-journey{font-family:var(--font-body);text-align:left;width:100%;margin:0;padding:0;border:0}
.sx-delivery-journey,.sx-delivery-journey *{box-sizing:border-box}
.sx-delivery-journey img{max-width:none;margin:0;border:0;border-radius:0}
.sx-delivery-journey .sx-delivery-skip:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.sx-delivery-journey{position:relative;background:var(--navy);color:var(--white);height:340svh;isolation:isolate;scroll-margin-top:0}
.sx-delivery-sticky{position:sticky;top:0;height:100svh;min-height:560px;display:flex;flex-direction:column;overflow:hidden}
.sx-delivery-heading{position:absolute;top:0;left:0;right:0;z-index:3;padding:clamp(24px,4vh,48px) 6% 12px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;pointer-events:none}
.sx-delivery-heading .eyebrow{color:var(--gold-light);text-shadow:0 2px 10px rgba(0,0,0,0.5)}
.sx-delivery-heading .section-title{color:var(--white);font-size:clamp(32px,4vw,54px);margin:12px 0 0;letter-spacing:-0.01em;line-height:1.08;text-shadow:0 2px 14px rgba(0,0,0,0.5)}
.sx-delivery-heading .section-title em{font-style:normal;color:var(--gold-light)}
.sx-delivery-hint{font-size:14px;color:rgba(255,255,255,0.75);margin:0;padding-top:6px;white-space:nowrap;text-shadow:0 2px 10px rgba(0,0,0,0.5)}
.sx-delivery-scene{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:pan-y}
.sx-delivery-scene::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(16,27,48,0.6) 0%,rgba(16,27,48,0.24) 26%,rgba(16,27,48,0.3) 70%,rgba(16,27,48,0.65) 100%)}
.sx-delivery-world{position:absolute;bottom:0;left:0;height:auto;width:max(100%,900px);aspect-ratio:1672/941;will-change:transform;z-index:0}
.sx-delivery-landscape{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;display:block;pointer-events:none;user-select:none}
.sx-delivery-landscape-night{opacity:0}
.sx-delivery-truck{position:absolute;width:17%;height:auto;left:0;bottom:20%;will-change:transform;pointer-events:none;user-select:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,0.4))}
.sx-delivery-caption{position:absolute;left:6%;top:32%;z-index:3;max-width:300px;pointer-events:none}
.sx-delivery-caption span{font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold-light);font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,0.5)}
.sx-delivery-caption p{font-size:16px;margin:5px 0 0;color:var(--white);text-shadow:0 2px 10px rgba(0,0,0,0.5)}
.sx-delivery-status{position:absolute;left:0;right:0;bottom:0;padding:18px 6% 14px;background:linear-gradient(0deg,var(--navy) 75%,rgba(16,27,48,0) 100%);z-index:2}
.sx-delivery-stages{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:rgba(255,255,255,0.55);margin-bottom:14px;font-weight:600}
.sx-delivery-stages span[aria-current="step"]{color:var(--gold-light)}
.sx-delivery-track{height:2px;background:rgba(255,255,255,0.14);overflow:hidden;border-radius:2px}
.sx-delivery-progress{width:100%;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}
.sx-delivery-skip{display:inline-block;margin-top:2px;padding:10px 0;color:rgba(255,255,255,0.65);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px;transition:color 200ms var(--ease)}
.sx-delivery-skip:hover{color:var(--gold-light)}
.sx-delivery-journey.is-reduced{height:auto}
.sx-delivery-journey.is-reduced .sx-delivery-sticky{position:relative;height:auto;min-height:0}
.sx-delivery-journey.is-reduced .sx-delivery-scene{flex:none;height:clamp(250px,45vw,600px)}
.sx-delivery-journey.is-reduced .sx-delivery-heading{position:relative}
.sx-delivery-journey.is-reduced .sx-delivery-status{position:relative}
@media(max-width:700px){
  .sx-delivery-journey{height:300svh}
  .sx-delivery-sticky{min-height:480px}
  .sx-delivery-heading{display:block;padding-top:30px}
  .sx-delivery-heading .section-title{font-size:36px}
  .sx-delivery-hint{margin-top:14px;font-size:13px}
  .sx-delivery-world{min-width:900px}
  .sx-delivery-truck{width:17%}
  .sx-delivery-caption{top:auto;bottom:39%;max-width:260px}
  .sx-delivery-caption p{font-size:14px}
  .sx-delivery-stages{font-size:12px;gap:8px}
  .sx-delivery-status{padding-bottom:10px}
}
@media(max-height:620px) and (min-width:701px){
  .sx-delivery-heading{padding-top:16px}
  .sx-delivery-heading .section-title{font-size:30px}
  .sx-delivery-heading .eyebrow{font-size:12px}
  .sx-delivery-hint{font-size:12px}
  .sx-delivery-status{padding-top:10px;padding-bottom:10px}
  .sx-delivery-sticky{min-height:430px}
  .sx-delivery-caption{top:35%}
}