/* Accueil national : suivi de commande illustré, juste après les bandes défilantes. */
.nh-tracking{padding:64px 0 0}
.sv-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:48px;align-items:center}
.sv-title{font-size:clamp(36px,4.6vw,56px);margin:12px 0 0}
.sv-title em{font-style:inherit;color:var(--red)}
.sv-points{display:grid;gap:18px;margin:28px 0 0;padding:0;list-style:none}
.sv-points li{display:flex;align-items:flex-start;gap:14px;font-size:15px;line-height:1.45;color:var(--muted)}
.sv-points svg{flex:none;width:44px;height:44px;padding:10px;border-radius:12px;background:var(--red-soft);color:var(--red)}
.sv-points strong{display:block;color:var(--ink);font-size:17px}

/* Plan illustré : le scooter suit le trajet, la barre de la carte avance au même rythme (8 s). */
.sv-map{position:relative;margin:0}
.sv-plan{display:block;width:100%;height:auto}
.sv-label{font:700 16px var(--f-body);fill:#1B1011}
.sv-note{margin:12px 0 0;font-size:12px;line-height:1.5;color:#595959;text-align:center}
.nh-tracking .nh-delivery{position:absolute;top:22px;left:22px;display:grid;grid-template-columns:auto 1fr;gap:10px 12px;align-items:center;width:min(300px,calc(100% - 44px));padding:14px 16px;border:1px solid var(--line);border-radius:17px;background:#fff;color:#1b1011;box-shadow:0 14px 40px rgba(0,0,0,.12);transform:rotate(-2deg)}
.nh-tracking .nh-delivery-icon{width:42px;height:42px;border-radius:12px;background:var(--red);color:#fff;display:grid;place-items:center}
.nh-tracking .nh-delivery-icon svg{width:32px;height:26px}
.nh-tracking .nh-delivery strong{display:block;font-size:16px;line-height:1.4;font-weight:800}
.nh-tracking .nh-delivery span:not(.nh-delivery-icon){font-size:13px;line-height:1.4;color:#595959}
.nh-tracking .nh-progress{grid-column:1/-1;overflow:hidden;height:5px;border-radius:9px;background:#f2e7e7}
.nh-tracking .nh-progress i{display:block;width:100%;height:100%;border-radius:9px;background:var(--red);transform-origin:left;animation:sv-progress 8s linear infinite}
@keyframes sv-progress{0%{transform:scaleX(.04)}85%,100%{transform:scaleX(1)}}

@media(max-width:900px){.sv-layout{grid-template-columns:1fr;gap:32px}}
@media(max-width:760px){
 .nh-tracking{padding-top:40px}
 .sv-label{font-size:24px}
 .nh-tracking .nh-delivery{position:relative;top:auto;left:auto;width:auto;max-width:290px;margin:14px auto 0;padding:12px 14px;gap:8px 10px}
 .nh-tracking .nh-delivery-icon{width:37px;height:37px;border-radius:10px}
 .nh-tracking .nh-delivery strong{font-size:14px}
 .nh-tracking .nh-delivery span:not(.nh-delivery-icon){font-size:12px}
}
@media(prefers-reduced-motion:reduce){.nh-tracking .nh-progress i{animation:none;transform:scaleX(.5)}}