/* Shared header: white, centered Ducati shield, reference proportions. */
body{padding-top:84px}
html{scroll-padding-top:100px}
.club-header{position:fixed;inset:0 0 auto;height:84px;z-index:1000;display:flex;align-items:center;background:#fff;color:#111;border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 5px 24px rgba(0,0,0,.05);font-family:Arial,sans-serif}
.club-header-inner{width:min(calc(100% - 64px),1440px);margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.club-header a{color:inherit;text-decoration:none}
.club-nav{grid-column:1;grid-row:1;display:flex;gap:18px;align-items:center;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.club-nav>a{position:relative;padding:10px 0;white-space:nowrap}
.club-nav>a:after{content:"";position:absolute;bottom:2px;left:0;width:0;height:2px;background:#e30613;transition:width .25s}
.club-nav>a:hover:after{width:100%}
.club-mark{grid-column:2;grid-row:1;width:66px;height:58px;display:grid;place-items:center}
.club-mark img{width:54px;height:54px;object-fit:contain}
.club-actions{grid-column:3;grid-row:1;display:flex;justify-content:flex-end;align-items:center;gap:18px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.club-actions .club-join{padding:13px 18px;background:#e30613;color:#fff;font-size:11px;letter-spacing:.11em;white-space:nowrap}
.club-join:hover{background:#c9000c}
.club-menu>summary{list-style:none;cursor:pointer;width:44px;height:44px;display:grid;place-items:center}
.club-menu>summary::-webkit-details-marker{display:none}
.club-menu>summary span,.club-menu>summary span:before,.club-menu>summary span:after{display:block;width:24px;height:2px;background:currentColor;position:relative}
.club-menu>summary span:before,.club-menu>summary span:after{content:"";position:absolute;left:0;top:-7px}
.club-menu>summary span:after{top:7px}
.club-menu[open]>summary span{background:transparent}
.club-menu[open]>summary span:before{top:0;transform:rotate(45deg)}
.club-menu[open]>summary span:after{top:0;transform:rotate(-45deg)}
.club-menu nav{position:absolute;top:100%;right:max(32px,calc((100vw - 1440px)/2));width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 100px);overflow-y:auto;padding:12px 24px;background:#fff;color:#111;border:1px solid #ddd;box-shadow:0 14px 30px #0002;display:grid}
.club-menu nav a{padding:14px 0;border-bottom:1px solid #e5e5e5;font-size:12px;line-height:1.4}
.club-menu nav a:hover{color:#d20a0a}
@media(max-width:1100px){.club-nav{display:none}.club-actions{gap:12px}}
@media(max-width:600px){body{padding-top:74px}.club-header{height:74px}.club-header-inner{width:calc(100% - 32px);gap:8px}.club-mark{width:58px;height:52px}.club-mark img{width:48px;height:48px}.club-actions>.club-join{display:none}.club-actions{gap:8px}.club-menu nav{right:16px;max-height:calc(100dvh - 90px)}}

/* Grouped navigation */
.club-menu nav{padding:12px 20px 16px;text-transform:none;letter-spacing:normal;overscroll-behavior:contain}
.club-menu-group{border-bottom:1px solid #e5e5e5}
.club-menu-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:57px;padding:16px 0;font-size:14px;font-weight:700;letter-spacing:.02em}
.club-menu-group>summary::-webkit-details-marker{display:none}
.club-menu-group>summary:after{content:"+";color:#d30613;font-size:23px;font-weight:400;line-height:1}
.club-menu-group[open]>summary:after{content:"−"}
.club-menu-group[open]>summary{color:#c9000c}
.club-menu-group-links{display:grid;padding:0 0 12px 14px;border-left:2px solid #d30613;margin:0 0 12px}
.club-menu nav .club-menu-group-links a{padding:11px 8px;min-height:42px;border:0;font-size:12px;font-weight:500;line-height:1.5}
.club-menu nav .club-menu-group-links a:hover{background:#f5f5f5}
.club-menu-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:16px}
.club-menu nav .club-menu-bottom a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:12px;background:#111;color:#fff;border:0;font-size:12px}
.club-menu nav .club-menu-bottom a:hover{background:#d30613;color:white}
.club-menu-group>summary:focus-visible,.club-menu nav a:focus-visible{outline:2px solid #d30613;outline-offset:3px}
