.mf-club-stage { min-width: 0; align-self: center; }
.mf-club-stage > .hero-v2__visual { width: 100%; }
.mf-clubs {
    --club-ball: 88px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
    width: fit-content;
    max-width: 100%;
    margin: 22px 8px 0 auto;
    padding: 18px 0 0;
    color: #08083a;
    isolation: isolate;
}
.mf-clubs__intro { flex: 0 1 112px; padding-bottom: 18px; }
.mf-clubs__intro strong { display: block; font-size: 15px; font-weight: 700; line-height: 1.3; }
.mf-clubs__intro span { display: block; margin-top: 6px; color: #64647d; font-size: 11px; line-height: 1.4; }
.mf-clubs__intro::before { display: block; width: 28px; height: 3px; margin-bottom: 10px; border-radius: 4px; background: linear-gradient(90deg,#e60076,#00b9b3); content: ''; }
.mf-clubs__pair { display: flex; gap: 18px; align-items: flex-start; }
.mf-clubs__club { position: relative; width: calc(var(--club-ball) + 14px); text-align: center; }
.mf-clubs__button {
    display: block;
    position: relative;
    width: var(--club-ball);
    height: var(--club-ball);
    min-height: 44px;
    margin: 0 auto 14px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}
.mf-clubs__button:focus-visible { outline: 3px solid #b80060; outline-offset: 7px; }
.mf-clubs__button::after { position: absolute; z-index: -1; left: 17%; right: 17%; bottom: -7px; height: 9px; border-radius: 50%; background: #08083a; opacity: .13; filter: blur(3px); content: ''; }
.mf-clubs__sphere {
    display: grid;
    position: relative;
    width: 100%;
    height: 100%;
    place-items: center;
    overflow: hidden;
    border: 1px solid #d3d8e2;
    border-radius: 50%;
    background: radial-gradient(circle at 32% 22%,#fff 0%,#fff 32%,#f1f3f7 66%,#ccd3df 100%);
    box-shadow: inset -4px -5px 8px #7786a322,inset 3px 3px 5px #fff;
}
.mf-clubs__seams { position: absolute; inset: 0; width: 100%; height: 100%; fill: #e5e9f0; stroke: #c7cfdb; stroke-width: .75; opacity: .75; }
.mf-clubs__sphere img { position: relative; display: block; width: 69%; height: 74%; object-fit: contain; mix-blend-mode: multiply; user-select: none; -webkit-user-drag: none; }
.mf-clubs__club--orzel .mf-clubs__sphere img { width: 81%; height: 81%; }
.mf-clubs__name { display: block; font-size: 11px; font-weight: 600; line-height: 1.4; white-space: nowrap; }
.mf-clubs__button.is-bouncing .mf-clubs__sphere { animation: mf-club-bounce 1350ms cubic-bezier(.36,0,.25,1) both; }
.mf-clubs__button.is-bouncing::after { animation: mf-club-shadow 1350ms ease-in-out both; }
.mf-clubs__button.is-entry { animation-delay: var(--club-delay,0ms); }
.mf-clubs__button.is-entry .mf-clubs__sphere,.mf-clubs__button.is-entry::after { animation-delay: var(--club-delay,0ms); }
.mf-clubs__club--orzel { --club-delay: 220ms; }
@keyframes mf-club-bounce {
    0%,100% { transform: translateY(0) rotate(0); }
    28% { transform: translateY(-22px) rotate(-5deg); }
    52% { transform: translateY(0) rotate(1deg); }
    71% { transform: translateY(-8px) rotate(3deg); }
    88% { transform: translateY(0) rotate(0); }
}
@keyframes mf-club-shadow {
    0%,52%,88%,100% { transform: scaleX(1); opacity: .13; }
    28% { transform: scaleX(.7); opacity: .06; }
    71% { transform: scaleX(.86); opacity: .09; }
}
@media (max-width: 991.98px) {
    .mf-club-stage { width: 100%; }
    .mf-clubs { --club-ball: 82px; gap: 18px; margin: 20px auto 0; }
    .mf-clubs__pair { gap: 14px; }
}
@media (max-width: 575.98px) {
    .mf-clubs { flex-direction: column; align-items: flex-start; gap: 14px; width: calc(100% - 88px); margin: 20px 0 0; }
    .mf-clubs__intro { flex: 0 1 auto; padding-bottom: 0; }
}
@media (max-width: 359.98px) {
    .mf-clubs { gap: 12px; --club-ball: 76px; }
    .mf-clubs__intro strong { font-size: 13px; }
    .mf-clubs__intro span { font-size: 10px; }
    .mf-clubs__pair { gap: 8px; }
    .mf-clubs__name { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
    .mf-clubs__button.is-bouncing .mf-clubs__sphere,.mf-clubs__button.is-bouncing::after { animation: none; }
}