/* Shared service-line reassurance; typography and borders inherit the landing palette. */
:is(.xac,.xcl) .xcart-service-delivery { display:flex; align-items:center; gap:14px; margin-top:22px; padding:16px 18px; border:1px solid var(--line); border-radius:16px; background:#edf4ef; }
.xcart-service-delivery-copy { flex:1; min-width:0; }
:is(.xac,.xcl) .xcart-service-delivery h2 { font-size:20px; line-height:1.6; color:var(--ink); }
:is(.xac,.xcl) .xcart-service-delivery p { margin-top:6px; font-size:12px; line-height:1.9; color:var(--muted); font-weight:400; }
.xcart-service-delivery-visual { display:block; flex:0 0 132px; width:132px; height:auto; direction:ltr; }
.xcart-service-delivery-message { animation:xcart-service-delivery-send 4.8s ease-in-out infinite; }
.xcart-service-delivery-notification { transform-origin:118px 52px; animation:xcart-service-delivery-receive 4.8s ease-in-out infinite; }
.xcart-service-delivery-check { transform-origin:140px 82px; animation:xcart-service-delivery-confirm 4.8s ease-in-out infinite; }
@keyframes xcart-service-delivery-send {
 0%,8% { transform:translate(0,0); opacity:0; }
 15% { transform:translate(0,0); opacity:1; }
 38% { transform:translate(34px,-22px); opacity:1; }
 58% { transform:translate(71px,-12px); opacity:1; }
 66%,100% { transform:translate(74px,-12px); opacity:0; }
}
@keyframes xcart-service-delivery-receive {
 0%,53%,100% { transform:translateY(0); }
 66% { transform:translateY(-3px); }
 78% { transform:translateY(0); }
}
@keyframes xcart-service-delivery-confirm {
 0%,54%,100% { transform:scale(1); }
 68% { transform:scale(1.12); }
 80% { transform:scale(1); }
}
@media(max-width:1000px) and (min-width:768px) {
 .xcart-service-delivery-visual { flex-basis:104px; width:104px; }
}
@media(max-width:540px) {
 :is(.xac,.xcl) .xcart-service-delivery { gap:10px; margin-top:18px; padding:14px; border-radius:13px; }
 :is(.xac,.xcl) .xcart-service-delivery h2 { font-size:17px; }
 :is(.xac,.xcl) .xcart-service-delivery p { font-size:11px; }
 .xcart-service-delivery-visual { flex-basis:94px; width:94px; }
}
@media(max-width:360px) {
 :is(.xac,.xcl) .xcart-service-delivery { gap:8px; padding:12px; }
 :is(.xac,.xcl) .xcart-service-delivery h2 { font-size:16px; }
 .xcart-service-delivery-visual { flex-basis:76px; width:76px; }
}

@media(prefers-reduced-motion:reduce) {
 .xcart-service-delivery svg g { animation:none; }
}