/* WooCommerce CTA: tilted marquee + centred call to action. */
.jp-woo-cta{position:relative;background:var(--ink);color:#fff;padding:100px 0 110px;overflow:hidden;text-align:center}
.jp-woo-cta .cta-title{color:#fff;font-size:clamp(40px,6vw,86px);margin-bottom:18px}
.jp-woo-cta .cta-title em{font-style:normal;color:var(--sun)}
.jp-woo-cta p{color:#c9d3da;font-size:17px;max-width:32em;margin:0 auto 30px}
.jp-woo-cta .acts{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.jp-woo-cta .btn{white-space:normal;text-align:left}
.jp-woo-cta .marq{overflow:hidden;margin-bottom:60px;border-block:3px solid var(--sun);background:var(--blue);transform:rotate(-2deg) scale(1.04);max-width:100vw}
.jp-woo-cta .marq ul{display:flex;width:max-content;animation:jp-woo-cta-marq 30s linear infinite}
.jp-woo-cta .marq li{display:flex;align-items:center;gap:14px;padding:16px 14px;font:800 clamp(20px,2.4vw,30px)/1 var(--jp-display);color:var(--ink);white-space:nowrap}
.jp-woo-cta .marq li svg{width:26px;height:26px;flex-shrink:0}
@keyframes jp-woo-cta-marq{to{transform:translateX(-50%)}}

.jp-woo-cta.off *{animation-play-state:paused!important}
