/* Preview-only Logistics planning card. No shared layout or tools are changed. */
.logistics-hero .logistics-route-card {
  padding: 0; border: 0; box-shadow: none; background: transparent;
  width: 100%; min-width: 0; min-height: 370px; position: relative;
}
.route-card-head { display: flex; align-items: center; justify-content: flex-end; gap: 20px; padding: 0 15px; height: 38px; }
.route-card-head > span { color: #b9bccb; font-size: .75rem; font-weight: 500; letter-spacing: .12em; }
.route-card-art { width: 100%; height: 221px; margin-top: -2px; overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent), linear-gradient(0deg, transparent, #000 20%, #000 78%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent), linear-gradient(0deg, transparent, #000 20%, #000 78%, transparent);
  -webkit-mask-composite: source-in; mask-composite: intersect;
}
.route-card-art img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.route-card-steps { list-style: none; padding: 0 15px; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 21px; }
.route-card-steps li { min-width: 0; border-top: 1px solid #393c49; padding-top: 13px; }
.route-step-number { color: #a5b1f5; display: block; font-size: .75rem; font-weight: 500; letter-spacing: .1em; margin-bottom: 8px; }
.route-card-steps h3 { color: #f2eee6; font-size: 1rem; line-height: 1.4; font-weight: 500; letter-spacing: -.025em; margin: 0 0 6px; }
.route-card-steps p { color: #b7b4af; font-size: .875rem; line-height: 1.6; margin: 0; }
@media (min-width: 681px) and (max-width: 1050px) {
 .route-card-head { padding-inline: 0; gap: 12px; }
 .route-card-head > span { letter-spacing: .065em; }
 .route-card-steps { padding-inline: 0; gap: 12px; }
 .route-card-steps h3 { font-size: .9375rem; }
}
@media (max-width: 680px) {
 .logistics-hero .logistics-route-card { min-height: 0; }
 .route-card-head { padding-inline: 0; }
 .route-card-art { height: 185px; }
 .route-card-steps { padding-inline: 0; gap: 17px; grid-template-columns: 1fr; }
 .route-card-steps li { display: grid; grid-template-columns: 29px 1fr; column-gap: 13px; padding-top: 13px; }
 .route-step-number { grid-row: 1 / 3; margin-bottom: 0; padding-top: 3px; }
 .route-card-steps h3 { margin-bottom: 4px; }
 .route-card-steps p { grid-column: 2; }
}
@media print { .route-card-art { display: none; } .route-card-steps h3, .route-card-steps p, .route-step-number { color: #111211; } }