.vehicle-advertisement{position:relative;overflow:hidden;min-height:154px;padding:20px 20px 35px;background:#122d51;isolation:isolate}
.ad-stage{position:relative;z-index:1;display:flex;flex-direction:column;gap:7px;padding-right:28px}
.ad-stage strong{font-size:18px;overflow-wrap:anywhere}
.ad-stage p{font-size:12px;overflow-wrap:anywhere}
.ad-symbol{position:absolute;right:-10px;top:19px;font-size:31px;color:#ffffff70;animation:ad-float 4s ease-in-out infinite}
.vehicle-advertisement::before{content:'';position:absolute;width:180px;height:180px;right:-95px;top:-90px;border:24px solid #ffffff0c;border-radius:50%;z-index:0}
.ad-pause{position:absolute;bottom:7px;right:12px;z-index:2;border:1px solid #ffffff65;border-radius:5px;padding:3px 9px;background:transparent;color:white;font-size:11px}
.ad-enter{animation:ad-enter .7s ease-out both}.ad-paused *{animation-play-state:paused!important}
@keyframes ad-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes ad-float{50%{transform:translateY(-5px) rotate(-6deg)}}
@media(prefers-reduced-motion:reduce){.ad-enter,.ad-symbol{animation:none}}

/* Shared brand blue with a brief, gentle wiggle every six seconds. */
.vehicle-advertisement{background:#0846ad;animation:ad-wiggle 6s ease-in-out infinite;transform-origin:center}
.vehicle-advertisement::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#ffffff18 50%,transparent 65%);transform:translateX(-120%);animation:ad-sweep 8s ease-in-out infinite;z-index:0}
@keyframes ad-wiggle{0%,10%,100%{transform:translateX(0) rotate(0)}2%,6%{transform:translateX(-1px) rotate(-.3deg)}4%,8%{transform:translateX(1px) rotate(.3deg)}}
@keyframes ad-sweep{0%,70%{transform:translateX(-120%)}95%,100%{transform:translateX(120%)}}
.vehicle-advertisement.ad-paused,.vehicle-advertisement.ad-paused::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.vehicle-advertisement,.vehicle-advertisement::after{animation:none}.vehicle-advertisement::after{display:none}}

/* Business icons use a separate row so long names remain readable. */
.ad-stage{padding-right:0}
.ad-symbol{position:static;order:-1;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff38;border-radius:12px;background:#ffffff12;color:#fff;margin-bottom:2px}
.ad-symbol svg{width:28px;height:28px;display:block}