#fusion-next .fnb-technology{padding:48px 40px 56px;background:#fff;color:#151718;scroll-margin-top:24px}
#fusion-next .fnb-tech-heading,#fusion-next .fnb-tech-tabs,#fusion-next .fnb-tech-panel{max-width:1360px;margin-left:auto;margin-right:auto}
#fusion-next .fnb-tech-heading{margin-bottom:18px}
#fusion-next .fnb-technology h2{font-size:clamp(28px,3vw,40px);line-height:1.12;letter-spacing:-1.2px;margin:6px 0 12px}
#fusion-next .fnb-tech-tabs{display:flex;gap:30px;border-bottom:1px solid #dededc;margin-bottom:18px;min-width:0;width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin}
#fusion-next .fnb-tech-tabs button{flex:0 0 auto;appearance:none;border:0;border-bottom:2px solid transparent;padding:12px 2px;min-height:44px;color:#777;background:transparent;font:inherit;font-size:16px;font-weight:600;cursor:pointer;white-space:nowrap}
#fusion-next .fnb-tech-tabs button[aria-selected=true]{color:#161718;border-color:#161718}
#fusion-next .fnb-tech-tabs button:focus-visible{outline:2px solid #1586a6;outline-offset:-3px}
#fusion-next .fnb-tech-panel[hidden],#fusion-next .fnb-technology [hidden]{display:none!important}
#fusion-next .fnb-tech-scene{position:relative;min-height:clamp(340px,28vw,360px);height:auto;isolation:isolate;background:#1a2022;overflow:hidden}
#fusion-next .fnb-tech-media,#fusion-next .fnb-tech-media>img,#fusion-next .fnb-tech-media>video{position:absolute;inset:0;width:100%;height:100%}
#fusion-next .fnb-tech-media>img,#fusion-next .fnb-tech-media>video{object-fit:cover;display:block;border:0;max-width:none}
#fusion-next .fnb-tech-media>video{opacity:0;pointer-events:none}
#fusion-next .fnb-tech-panel.has-played .fnb-tech-media>video{opacity:1}
#fusion-next .fnb-tech-scene:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0009,transparent 76%),linear-gradient(0deg,#0006,transparent 45%)}
#fusion-next .fnb-tech-copy{position:relative;z-index:2;color:#fff;padding:30px 36px 76px;max-width:560px}
#fusion-next .fnb-tech-brand{font-size:12px;letter-spacing:1.3px;text-transform:uppercase;margin:0 0 8px}
#fusion-next .fnb-tech-title{font-size:clamp(28px,3vw,38px);line-height:1.12;letter-spacing:-1px;font-weight:600;margin:0 0 12px;color:inherit}
#fusion-next .fnb-tech-copy>p:not(.fnb-tech-brand){font-size:15px;line-height:1.45;max-width:420px;margin:0 0 14px;color:#ffffffde}
#fusion-next .fnb-tech-copy a{display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:13px;min-height:40px;text-decoration:none;border-bottom:1px solid #ffffffb0;padding:0 0 6px}
#fusion-next .fnb-tech-copy a svg{width:20px;height:20px}
#fusion-next .fnb-tech-controls{position:absolute;z-index:3;right:20px;top:18px;display:flex;align-items:center;gap:10px;color:#fff;font-size:11px}
#fusion-next .fnb-tech-controls>span{background:#0009;padding:7px 10px;border-radius:2px}
#fusion-next [data-tech-toggle]{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff70;background:#151718ad;color:#fff;min-height:40px;padding:8px 12px;font:inherit;font-size:11px;cursor:pointer}
#fusion-next [data-tech-toggle] svg{width:19px;height:19px}
#fusion-next [data-tech-toggle]:focus-visible{outline:2px solid white;outline-offset:3px}
#fusion-next .fnb-tech-products{position:relative;z-index:4;box-sizing:border-box;width:100%;max-width:1120px;margin:-52px auto 0;padding:0 32px 16px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/3);gap:18px;align-items:stretch;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:32px;scrollbar-width:thin}
#fusion-next .fnb-tech-product{scroll-snap-align:start;background:#fff;border:1px solid #e9e9e6;min-width:0;box-shadow:0 12px 28px #15171808;display:flex;flex-direction:column}
#fusion-next .fnb-tech-product-image{display:flex;position:relative;background:#f4f4f3;isolation:isolate;align-items:center;justify-content:center;height:160px;overflow:hidden}
#fusion-next .fnb-tech-product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:16px}
#fusion-next .fnb-tech-product-body{padding:18px;display:flex;flex-direction:column;flex:1}
#fusion-next .fnb-tech-product-brand{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#777;margin:0 0 8px}
#fusion-next .fnb-tech-product .fnb-price-label{display:none}
#fusion-next .fnb-tech-product h4{font-size:16px;line-height:1.4;font-weight:500;margin:0 0 12px;min-height:44px;color:#151718}
#fusion-next .fnb-tech-product h4 a{color:inherit;text-decoration:none}
#fusion-next .fnb-tech-product .price{font-size:22px;line-height:1.25;margin:0 0 8px;display:flex;gap:6px 10px;flex-wrap:wrap;color:#151718}
#fusion-next .fnb-tech-product .price del{color:#777;font-size:16px;opacity:1}
#fusion-next .fnb-tech-product .price ins{background:none;text-decoration:none;font-weight:500}
#fusion-next .fnb-tech-product .stock{font-size:11px;color:#657368;margin:9px 0 14px;line-height:1.45}
#fusion-next .fnb-tech-product [data-fnb-finance-preview]{font-size:12px;line-height:1.4}
#fusion-next .fnb-tech-product-link{color:#171817;text-decoration:none;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid #e7e7e4}
#fusion-next .fnb-tech-product-link svg{width:18px;height:18px;flex:none}
#fusion-next .fnb-tech-empty{position:relative;margin:24px 0;color:#666}

#fusion-next .fnb-tech-product-footer{box-sizing:border-box;position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px 24px;max-width:1120px;margin:10px auto 0;padding:0 32px;min-width:0}
#fusion-next .fnb-tech-product-navigation{display:inline-grid;grid-template-columns:42px minmax(74px,auto) 42px;align-items:center;gap:10px;flex:none}
#fusion-next .fnb-tech-product-navigation button{display:inline-flex;align-items:center;justify-content:center;width:42px;min-height:42px;padding:0;border:1px solid #cfd0cc;background:#fff;color:#171817;border-radius:0;cursor:pointer}
#fusion-next .fnb-tech-product-navigation button svg{width:19px;height:19px;pointer-events:none}
#fusion-next .fnb-tech-product-navigation button:disabled{border-color:#e7e7e5;color:#b4b5b0;background:#fafaf9;cursor:default}
#fusion-next .fnb-tech-product-navigation button:hover:not(:disabled){border-color:#171817}
#fusion-next .fnb-tech-product-navigation button:focus-visible,#fusion-next .fnb-tech-products:focus-visible,#fusion-next .fnb-tech-view-all:focus-visible{outline:2px solid #1586a6;outline-offset:3px}
#fusion-next [data-tech-products-status]{font-size:12px;color:#5e615e;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
#fusion-next .fnb-tech-view-all{display:inline-flex;align-items:center;gap:8px;color:#171817;font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:4px;margin-left:auto;min-width:0;overflow-wrap:anywhere}
#fusion-next .fnb-tech-view-all svg{width:18px;height:18px;flex:none}

/* Desktop clips at the third card; only the mobile rail shows a next-card preview. */
@media(min-width:761px){
 #fusion-next .fnb-tech-products{width:calc(100% - 64px);max-width:1056px;padding-inline:0;scroll-padding-inline:0}
 #fusion-next .fnb-tech-products:has(>.fnb-tech-product:nth-child(2):last-child){max-width:736px;grid-auto-columns:calc((100% - 18px)/2)}
 #fusion-next .fnb-tech-products:has(>.fnb-tech-product:only-child){max-width:366px;grid-auto-columns:100%}
}
@media(max-width:1000px){#fusion-next .fnb-tech-copy{padding:28px 30px 72px;max-width:500px}#fusion-next .fnb-tech-controls{right:16px;top:16px}#fusion-next .fnb-tech-controls>span{display:none}#fusion-next .fnb-tech-products{padding:0 18px 14px;gap:12px;grid-auto-columns:calc((100% - 24px)/3);scroll-padding-inline:18px}#fusion-next .fnb-tech-product-footer{padding-inline:18px}#fusion-next .fnb-tech-product-body{padding:16px}#fusion-next .fnb-tech-product .price{font-size:20px}}
@media(max-width:760px){
 #fusion-next .fnb-technology{padding:30px 20px 36px;overflow:hidden}
 #fusion-next .fnb-tech-heading{margin-bottom:8px}#fusion-next .fnb-technology h2{font-size:28px;letter-spacing:-.8px;max-width:310px}
 #fusion-next .fnb-tech-tabs{gap:23px;margin-bottom:12px}#fusion-next .fnb-tech-tabs button{font-size:15px;min-height:44px;padding:10px 0}
 #fusion-next .fnb-tech-scene{height:auto;min-height:300px;margin:0 -20px}
 #fusion-next .fnb-tech-copy{padding:60px 22px 48px;max-width:none}#fusion-next .fnb-tech-title{font-size:28px;letter-spacing:-.7px;margin-bottom:10px}#fusion-next .fnb-tech-brand{font-size:12px;margin-bottom:7px}
 #fusion-next .fnb-tech-copy>p:not(.fnb-tech-brand){font-size:14px;line-height:1.4;max-width:360px;margin-bottom:10px}#fusion-next .fnb-tech-copy a{font-size:12px}
 #fusion-next .fnb-tech-controls{top:12px;right:18px}#fusion-next [data-tech-toggle]{min-height:40px}
 #fusion-next .fnb-tech-products{width:auto;gap:12px;margin:-24px -20px 0;padding:0 20px 16px;grid-auto-columns:min(78vw,300px);scroll-padding-inline:20px;max-width:none}
 #fusion-next .fnb-tech-product{box-shadow:none}
 #fusion-next .fnb-tech-product-footer{padding:0;margin:8px 0 0;flex-wrap:wrap;gap:14px}#fusion-next .fnb-tech-product-navigation{width:100%;grid-template-columns:42px minmax(0,1fr) 42px}#fusion-next .fnb-tech-view-all{font-size:12px}
 #fusion-next .fnb-tech-product-image{height:145px}#fusion-next .fnb-tech-product-body{padding:16px}#fusion-next .fnb-tech-product h4{font-size:15px;min-height:42px}
 #fusion-next .fnb-tech-product .price{font-size:22px}#fusion-next .fnb-tech-product-link{min-height:40px}
}

@media(min-width:761px) and (max-width:1000px){#fusion-next .fnb-tech-products{width:calc(100% - 36px);padding-inline:0;scroll-padding-inline:0}#fusion-next .fnb-tech-products:has(>.fnb-tech-product:nth-child(2):last-child){max-width:764px;grid-auto-columns:calc((100% - 12px)/2)}#fusion-next .fnb-tech-products:has(>.fnb-tech-product:only-child){max-width:394px;grid-auto-columns:100%}}
@media(prefers-reduced-motion:reduce){#fusion-next .fnb-tech-products,#fusion-next .fnb-tech-tabs{scroll-behavior:auto}}
/* Keep the mechanics and transmission visible in the wide Shimano scene. */
#fusion-next [data-tech-panel="shimano"] .fnb-tech-poster{object-position:center 18%}
@media(min-width:761px){
 #fusion-next [data-tech-panel="shimano"] .fnb-tech-copy{margin-left:auto}
 #fusion-next [data-tech-panel="shimano"] .fnb-tech-controls{right:auto;left:20px}
 #fusion-next [data-tech-panel="shimano"] .fnb-tech-scene:after{background:linear-gradient(270deg,#000c,transparent 80%),linear-gradient(0deg,#0005,transparent 45%)}
}