/* Young Sport Bridge V3 — dropdown + photographic mode */
.ys-nav-drop{position:relative;display:flex;align-items:center;height:84px}
.ys-nav-drop-trigger{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;color:#d8dfda;opacity:.78;transition:.2s}
.ys-nav-drop-trigger span{font-size:14px;line-height:1;color:var(--ys-green);transition:transform .2s}
.ys-nav-drop:hover .ys-nav-drop-trigger,.ys-nav-drop:focus-within .ys-nav-drop-trigger{opacity:1;color:var(--ys-green)}
.ys-nav-drop:hover .ys-nav-drop-trigger span,.ys-nav-drop:focus-within .ys-nav-drop-trigger span{transform:rotate(180deg)}
.ys-nav-sub{position:absolute;top:70px;left:50%;transform:translate(-50%,10px);width:310px;padding:10px;background:rgba(11,15,12,.97);border:1px solid rgba(0,255,102,.22);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.42);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease;backdrop-filter:blur(18px)}
.ys-nav-drop:hover .ys-nav-sub,.ys-nav-drop:focus-within .ys-nav-sub{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.ys-nav-sub>a{display:block;padding:13px 14px;border-radius:13px;color:#fff;transition:.18s}
.ys-nav-sub>a:hover{background:rgba(0,255,102,.10);color:var(--ys-green)}
.ys-nav-sub b{display:block;font-size:14px;letter-spacing:-.02em}
.ys-nav-sub small{display:block;margin-top:3px;color:#8f9b93;font-size:10px;letter-spacing:.03em}
.ys-nav-sub .ys-sub-all{margin-top:5px;border-top:1px solid rgba(255,255,255,.08);border-radius:0 0 12px 12px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--ys-green)}
.ys-mobile-group{border-top:1px solid rgba(255,255,255,.06);padding-top:4px}
.ys-mobile-children{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:0 12px 8px 28px}
.ys-mobile-children a{font-size:12px!important;color:#9ca89f!important;padding:8px 10px!important;border-left:1px solid rgba(0,255,102,.26)}
.ys-mobile-parent{font-weight:950!important;color:#fff!important}
.ys-hero-v2-photo{filter:saturate(1.02) contrast(1.03) brightness(.96)}
.ys-hero-v2-overlay{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.34)),radial-gradient(circle at 76% 14%,rgba(0,255,102,.14),transparent 36%)}
.ys-activity-tile{isolation:isolate}
.ys-tile-photo{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;filter:saturate(.92) contrast(1.02);transform:scale(1.01);transition:.35s ease}
.ys-activity-tile:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.08) 18%,rgba(0,0,0,.78) 90%)}
.ys-activity-tile.green:after{background:linear-gradient(180deg,rgba(0,70,35,.10) 10%,rgba(0,60,32,.82) 88%)}
.ys-activity-tile.red:after{background:linear-gradient(180deg,rgba(80,0,18,.06) 10%,rgba(92,4,26,.84) 88%)}
.ys-activity-tile:hover .ys-tile-photo{transform:scale(1.07);filter:saturate(1.08) contrast(1.06)}
.ys-activity-tile small,.ys-activity-tile h3,.ys-activity-tile span,.ys-activity-tile b{position:relative;z-index:2;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.ys-activity-tile small{position:absolute}.ys-activity-tile b{position:absolute}
.ys-photo-v2{background-position:center 32%;filter:none}
.ys-photo-v2:after{background:linear-gradient(180deg,rgba(0,0,0,.02) 24%,rgba(0,0,0,.76) 100%)}
@media(max-width:1180px){.ys-nav-drop{height:auto}}
@media(max-width:720px){.ys-mobile-children{grid-template-columns:1fr}}
