@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500&display=swap');
.ym-match-footer{background:#09080b;color:#f6f5f2;position:relative;isolation:isolate;overflow:hidden;padding:0 0 28px;font-family:var(--body,Arial,sans-serif)}
.ym-match-scene{position:relative;min-height:710px;padding:92px 24px 140px;isolation:isolate}
.ym-match-art{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.ym-match-racket{position:absolute;width:clamp(260px,36vw,620px);height:auto;filter:drop-shadow(0 16px 28px #0008)}
.ym-match-racket-left{left:-5%;top:170px;transform:rotate(-22deg)}
.ym-match-racket-right{right:-4%;top:170px;transform:rotate(22deg)}
.ym-match-ball{position:absolute;width:clamp(100px,17vw,270px);height:auto;filter:drop-shadow(0 12px 20px #0008)}
.ym-match-ball-left{left:-5%;bottom:12px;transform:rotate(-25deg)}.ym-match-ball-right{right:4%;top:70px;width:clamp(65px,9vw,150px);transform:rotate(20deg)}
.ym-match-copy{max-width:580px;margin:auto;text-align:center}
.ym-match-copy h2{margin:0;color:#fff;font:800 clamp(36px,4.2vw,64px)/1 var(--display,Arial,sans-serif);text-transform:uppercase;letter-spacing:-.02em}
.ym-match-copy h2 em{display:block;padding:0 14px 18px;font:500 clamp(70px,7.7vw,122px)/.95 Caveat,cursive;text-transform:none;letter-spacing:-.06em;background:linear-gradient(110deg,#7ccf79 0%,#b7ed32 28%,#dfff24 52%,#f2e96b 75%,#7ccf79 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.ym-match-copy p{margin:25px 0 28px;color:#b3b0b9;font-size:17px;line-height:1.6}
.ym-match-cta{display:flex;align-items:center;justify-content:center;gap:36px;max-width:390px;min-height:60px;padding:16px 26px;margin:auto;border-radius:999px;background:#dfff24;color:#090b08!important;font-size:18px;font-weight:750;text-decoration:none;transition:transform .2s,background .2s}
.ym-match-cta:hover{background:#ebff82;transform:translateY(-2px)}.ym-match-price{display:block;font-size:11px;line-height:1.7;color:#aaa8b0;margin:18px auto 0;max-width:370px}
.ym-match-ribbon{position:relative;margin:-52px -12px 40px;transform:rotate(-1.2deg);border-block:1px solid #b9ed32;background:#080909;overflow:hidden;padding:13px 0}
.ym-match-ribbon>div{display:flex;width:max-content}.ym-match-ribbon span{white-space:nowrap;font-size:12px;font-weight:750;letter-spacing:.05em}.ym-match-ribbon i{color:#dfff24;font-style:normal;padding:0 22px}
.ym-match-panels{position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:16px;max-width:1320px;padding:0 40px;margin:auto}
.ym-match-links-panel,.ym-match-help-panel{border:1px solid #ffffff0a;background:#101011;border-radius:22px;padding:38px 32px}
.ym-match-links-panel{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:24px}.ym-match-brand>a{font:800 35px/.9 var(--display,Arial,sans-serif);color:#f4f5ed;letter-spacing:-.03em;text-decoration:none}.ym-match-brand p{font-size:10px;color:#787780;margin-top:25px}
.ym-match-footer nav{display:flex;flex-direction:column;gap:15px}.ym-match-footer nav h3,.ym-match-help-panel>span{font:600 11px/1.4 var(--body,Arial,sans-serif);text-transform:uppercase;color:#77767e;margin:0 0 10px;letter-spacing:.06em}.ym-match-footer nav a{font-size:12px;line-height:1.5;color:#c6c4cb;text-decoration:none}.ym-match-footer nav a:hover{text-decoration:underline;color:#fff}
.ym-match-help-panel h3{font-size:25px;line-height:1.3;letter-spacing:-.02em;margin:18px 0;font-weight:600}.ym-match-help-panel h3 em{font-style:normal;color:#c2e963}.ym-match-help-panel p{font-size:13px;color:#9a98a1;line-height:1.7;margin:0 0 20px}.ym-match-help-link{border:1px solid #85864d;border-radius:99px;color:#e6f1a4!important;padding:12px 20px;display:inline-flex;gap:32px;text-decoration:none;font-size:13px}
.ym-match-help-panel nav{margin-top:28px;flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px}.ym-match-help-panel nav>span{font-size:10px;text-transform:uppercase;color:#77767e;margin-right:auto}.ym-match-base{max-width:1320px;margin:25px auto 0;padding:0 40px;display:flex;align-items:center;gap:24px;justify-content:space-between;color:#696972;font-size:10px}.ym-match-base nav{flex-direction:row;gap:22px}.ym-match-base nav a{font-size:10px}.ym-match-footer a:focus-visible{outline:2px solid #dfff24;outline-offset:5px}
@media(max-width:1000px){.ym-match-panels{grid-template-columns:1fr}.ym-match-scene{min-height:650px;padding-top:75px}.ym-match-racket{width:360px;top:250px}.ym-match-racket-left{left:-130px}.ym-match-racket-right{right:-130px}.ym-match-copy{max-width:500px}.ym-match-copy h2 em{font-size:105px}}
@media(max-width:600px){.ym-match-scene{padding:55px 20px 210px;min-height:650px}.ym-match-copy h2{font-size:40px}.ym-match-copy h2 em{font-size:84px;padding-bottom:10px}.ym-match-copy p{font-size:14px;margin:20px 0}.ym-match-cta{font-size:16px;min-height:54px;max-width:285px}.ym-match-price{max-width:260px;font-size:10px}.ym-match-racket{width:225px;top:370px}.ym-match-racket-left{left:-52px;transform:rotate(-30deg)}.ym-match-racket-right{right:-48px;transform:rotate(28deg)}.ym-match-ball-left{width:115px;left:40%;bottom:10px}.ym-match-ball-right{width:65px;right:-18px;top:36px}.ym-match-ribbon{margin-top:-28px;margin-bottom:26px;padding:10px 0}.ym-match-ribbon span{font-size:10px}.ym-match-panels{padding:0 16px}.ym-match-links-panel,.ym-match-help-panel{padding:28px 22px;border-radius:16px}.ym-match-links-panel{grid-template-columns:1fr 1fr;gap:25px}.ym-match-brand{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end}.ym-match-brand>a{font-size:29px}.ym-match-brand p{margin:0}.ym-match-base{padding:0 20px;flex-wrap:wrap;gap:18px}.ym-match-help-panel h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.ym-match-footer *{transition:none!important;animation:none!important}}
.ym-match-footer .pdl-footer-payments{max-width:1240px;margin:26px auto 0;padding:0 24px}
.ym-match-footer .pdl-footer-pay-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
.ym-match-footer .pdl-pay{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:28px;padding:0;border-radius:5px}

.ym-match-ribbon>div{animation:ym-feature-strip 26s linear infinite}.ym-match-ribbon:hover>div,.ym-match-ribbon:focus-visible>div,.ym-match-ribbon.is-paused>div{animation-play-state:paused}.ym-match-ribbon:focus-visible{outline:2px solid #dfff24;outline-offset:3px}@keyframes ym-feature-strip{to{transform:translateX(-25%)}}
.ym-match-footer{overflow:clip}.ym-match-footer .pdl-footer-locale{display:flex;gap:14px;flex-wrap:wrap}.ym-match-footer .wmc-current-currency,.ym-match-footer .ym-lang-trigger{display:flex!important;align-items:center;gap:12px!important;background:#252525!important;color:#fff!important;border:0!important;border-radius:16px!important;padding:18px 22px!important;min-height:60px;font-size:18px!important;line-height:24px!important;opacity:1!important;min-width:150px}.ym-match-footer .ym-lang-panel,.ym-match-footer .wmc-sub-currency{background:#252525!important;color:#fff!important;border:1px solid #444!important;border-radius:12px;min-width:180px;box-shadow:0 12px 30px #0006}.ym-match-footer .ym-lang-panel a,.ym-match-footer .wmc-sub-currency a{color:#fff!important;background:#252525!important;padding:12px 16px!important}.ym-match-footer .ym-lang-panel a:hover,.ym-match-footer .wmc-sub-currency a:hover{background:#444!important}.ym-match-footer .ym-lang-trigger svg{flex-shrink:0}.ym-match-base{flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){.ym-match-ribbon>div{animation:none!important}}

/* Brand palette drift: green, lime and warm yellow only. */
.ym-match-copy h2 em{background-size:220% 100%;animation:ym-match-brand-colors 9s ease-in-out infinite alternate}
@keyframes ym-match-brand-colors{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.ym-match-copy h2 em{animation:none;background-position:50% 50%}}

/* Keep closed WooCommerce lightbox controls out of normal page layout. */
body.b3d-landing-page .pswp:not(.pswp--open){display:none!important}
/* Reserve room for the sticky CTA inside the dark footer, not below it. */
@media(max-width:700px){
  body.b3d-landing-page main.pdl{padding-bottom:0}
  body.b3d-landing-page .ym-match-footer{padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))}
}