/* SAENZ BIKES · batch premium 2026-09 · test only */ :root{--saenz-silver:#aaa9a4;--saenz-silver-strong:#d2d0ca;--saenz-hairline:rgba(255,255,255,.11)} html{scroll-behavior:smooth;scroll-padding-top:86px} /* Desktop header: one baseline, compact labels and stable spacing. */ .site-header{display:grid!important;grid-template-columns:minmax(155px,1fr) auto minmax(92px,1fr)!important;align-items:center!important;column-gap:18px!important} .site-header .brand{justify-self:start!important;align-self:center!important} .site-header .main-nav{justify-self:center!important;display:flex!important;gap:4px!important;align-items:center!important;height:100%!important;white-space:nowrap!important} .main-nav a{position:relative;display:flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;padding:5px 8px!important;border-radius:3px!important;font-family:Inter,Arial,sans-serif!important;font-size:8px!important;line-height:1!important;font-weight:500;letter-spacing:.14em!important;color:#929297!important;text-align:center!important;white-space:nowrap!important;transition:color .22s ease,background .22s ease} .main-nav a:after{content:none!important;display:none!important}.main-nav a:hover,.main-nav a:focus-visible{color:#fff!important;background:rgba(255,255,255,.045)}.main-nav a.active{color:#fff!important;background:rgba(255,255,255,.10)!important} .site-header .header-actions{justify-self:end!important;align-self:center!important;display:flex!important;align-items:center!important;gap:8px!important} .bike-finder .finder-copy>small,.bike-finder .finder-guides span,.community-content article small,.performance-copy small{color:var(--saenz-silver)!important}.community-label i{border-color:var(--saenz-silver)!important}.finder-guides span{font-weight:600}.bike-finder{margin-bottom:72px!important} .novedades-home{width:min(1260px,calc(100% - 56px));margin:0 auto 72px;border:1px solid var(--saenz-hairline);border-radius:18px;overflow:hidden;background:#08090a;position:relative}.novedades-head{display:flex;justify-content:space-between;align-items:end;padding:26px 30px 18px}.novedades-head small{display:block;margin-bottom:7px;color:var(--saenz-silver);font:600 8px/1 Inter,Arial,sans-serif;letter-spacing:.18em}.novedades-head h2{margin:0;font:600 clamp(34px,4vw,54px)/.96 'Barlow Condensed',Arial,sans-serif;letter-spacing:-.025em}.news-controls{display:flex;gap:8px}.news-controls button{width:38px;height:38px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(255,255,255,.025);color:#ddd;font-size:16px;cursor:pointer}.news-controls button:hover{background:rgba(255,255,255,.06);color:#fff}.news-viewport{overflow:hidden;touch-action:pan-y}.news-track{display:flex;transition:transform .55s cubic-bezier(.22,.75,.2,1)}.news-slide{min-width:100%;position:relative;min-height:clamp(420px,52vw,650px);overflow:hidden;background:radial-gradient(circle at 70% 45%,#22262a,#090a0b 58%)}.news-slide>picture,.news-slide>.news-media{position:absolute;inset:0}.news-slide img{width:100%;height:100%;object-fit:cover;display:block}.news-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,3,3,.9) 0%,rgba(3,3,3,.62) 35%,rgba(3,3,3,.12) 70%,rgba(3,3,3,.28) 100%),linear-gradient(0deg,rgba(0,0,0,.38),transparent 55%)}.news-slide[data-style="PRODUCT_PREMIUM"] img{object-fit:contain;padding:6% 8% 5% 43%;box-sizing:border-box;filter:drop-shadow(0 28px 30px #000a)}.news-slide[data-style="PRODUCT_TEXT"] img{object-fit:contain;padding:5% 6% 5% 48%;box-sizing:border-box}.news-copy{position:absolute;z-index:2;left:clamp(28px,6vw,78px);bottom:clamp(36px,7vw,80px);width:min(480px,55%)}.news-copy small{display:inline-block;margin-bottom:12px;color:var(--saenz-silver-strong);font:600 9px/1 Inter,Arial,sans-serif;letter-spacing:.18em}.news-copy h3{margin:0 0 12px;font:600 clamp(40px,5.4vw,74px)/.9 'Barlow Condensed',Arial,sans-serif;letter-spacing:-.035em}.news-copy p{max-width:440px;margin:0 0 24px;color:#b4b4b8;font:400 12px/1.6 Inter,Arial,sans-serif}.news-copy a{display:inline-flex;align-items:center;gap:26px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.34);color:#fff;font:600 9px/1 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.news-dots{display:flex;justify-content:center;gap:7px;padding:14px}.news-dots button{width:22px;height:2px;padding:0;border:0;background:#444;cursor:pointer}.news-dots button.active{background:#d2d0ca} .performance-club-home{position:relative;width:min(1260px,calc(100% - 56px));margin:0 auto 104px;min-height:480px;border:1px solid var(--saenz-hairline);border-radius:18px;overflow:hidden;background:#08090a}.performance-club-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;opacity:.72}.performance-club-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,4,.92) 0%,rgba(4,4,4,.69) 38%,rgba(4,4,4,.22) 75%,rgba(4,4,4,.38)),linear-gradient(0deg,rgba(0,0,0,.48),transparent 60%)}.performance-club-layout{position:relative;z-index:2;min-height:480px;padding:54px 44px;display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.3fr);gap:42px;align-items:end}.performance-club-label small{display:block;margin-bottom:10px;color:var(--saenz-silver);font:600 8px/1 Inter,Arial,sans-serif;letter-spacing:.18em}.performance-club-label h2{margin:0;font:600 clamp(44px,5vw,68px)/.89 'Barlow Condensed',Arial,sans-serif;letter-spacing:-.035em}.performance-club-label p{max-width:300px;margin:18px 0 0;color:#aaaab0;font:400 11px/1.65 Inter,Arial,sans-serif}.performance-club-content{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(5,6,7,.46);backdrop-filter:blur(9px);overflow:hidden}.performance-club-content article{padding:22px;border-right:1px solid rgba(255,255,255,.1)}.performance-club-content article:last-of-type{border-right:0}.performance-club-content small{color:var(--saenz-silver);font:600 8px/1 Inter,Arial,sans-serif;letter-spacing:.15em}.performance-club-content h3{margin:8px 0;font-size:16px}.performance-club-content p{margin:0;color:#929297;font:400 10px/1.55 Inter,Arial,sans-serif}.performance-club-cta{grid-column:1/-1;display:flex;justify-content:space-between;padding:15px 22px;border-top:1px solid rgba(255,255,255,.1);color:#ddd;font:600 9px/1 Inter,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.performance-strip{margin-top:0!important;margin-bottom:72px!important}.performance-copy small{color:var(--saenz-silver)!important} @media(max-width:1180px){.site-header{grid-template-columns:auto 1fr auto!important;column-gap:10px!important}.site-header .main-nav{gap:1px!important}.main-nav a{padding:5px 6px!important;font-size:7px!important;letter-spacing:.11em!important}} @media(max-width:1080px){.performance-club-layout{grid-template-columns:1fr}.performance-club-content{max-width:850px}} @media(max-width:900px){.site-header{display:flex!important}.site-header .main-nav{display:none!important}} @media(max-width:760px){html{scroll-padding-top:72px}.novedades-home,.performance-club-home{width:calc(100% - 36px);margin-bottom:56px}.novedades-head{padding:22px 20px 16px}.news-slide{min-height:520px}.news-copy{left:22px;right:22px;bottom:34px;width:auto}.news-copy h3{font-size:48px}.news-copy p{font-size:11px}.news-slide[data-style="PRODUCT_PREMIUM"] img,.news-slide[data-style="PRODUCT_TEXT"] img{padding:8% 5% 42%;object-fit:contain}.performance-club-layout{padding:32px 20px;min-height:600px}.performance-club-content{grid-template-columns:1fr}.performance-club-content article{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.performance-club-content article:last-of-type{border-bottom:0}.performance-club-video{object-position:center}.performance-strip{margin-top:0!important}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.news-track,.main-nav a{transition:none}.performance-club-video{display:none}} /* Compact, manually navigable Novedades */ .novedades-head{padding:20px 30px 14px!important;align-items:center}.novedades-head h2{font-size:clamp(38px,4.4vw,58px)!important}.news-controls button{width:32px!important;height:32px!important;font-size:13px!important}.news-slide{min-height:0!important;height:clamp(350px,31vw,410px)!important}.news-slide[data-style="PRODUCT_PREMIUM"] img{padding:3% 5% 3% 47%!important}.news-slide[data-style="PRODUCT_TEXT"] img{padding:3% 5% 3% 50%!important}.news-copy{top:50%!important;bottom:auto!important;transform:translateY(-50%);left:clamp(28px,5vw,64px)!important;width:min(430px,42%)!important}.news-copy h3{font-size:clamp(36px,4.4vw,58px)!important}.news-slide-hit{position:absolute;inset:0;z-index:1}.news-title-link{color:inherit;text-decoration:none}.news-copy{pointer-events:none}.news-copy a{pointer-events:auto;position:relative;z-index:3} @media(max-width:760px){.novedades-head{padding:18px 18px 13px!important}.news-slide{height:430px!important}.news-copy{top:62%!important;left:20px!important;right:20px!important;width:auto!important}.news-copy h3{font-size:40px!important}.news-slide[data-style="PRODUCT_PREMIUM"] img,.news-slide[data-style="PRODUCT_TEXT"] img{padding:5% 5% 46%!important}} /* Match Novedades card height to the approved Performance Club card. */ @media(min-width:761px){.novedades-home{height:370px!important;display:grid!important;grid-template-rows:78px 292px!important}.novedades-head{height:78px!important;min-height:0!important;padding:14px 28px 10px!important}.novedades-head h2{font-size:42px!important;line-height:.92!important}.news-viewport,.news-track,.news-slide{height:292px!important;min-height:292px!important}.news-copy{top:52%!important}.news-copy h3{font-size:clamp(32px,3.6vw,48px)!important;margin-bottom:8px!important}.news-copy p{margin-bottom:14px!important}.news-slide[data-style="PRODUCT_PREMIUM"] img{padding:2% 5% 2% 48%!important}.news-dots{bottom:8px!important}} /* Cohesive Novedades typography and CTA. */ .novedades-head>div>small{display:none!important}.novedades-head h2{margin:0!important}.news-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;padding:18px 20px!important;border-left:1px solid rgba(255,255,255,.14)!important;background:linear-gradient(90deg,rgba(5,5,5,.38),transparent)!important}.news-copy small{margin:0 0 13px!important;color:#d2d0ca!important}.news-copy h3{margin:0 0 9px!important;line-height:.94!important}.news-copy h3 .news-title-link{border:0!important;padding:0!important;font:inherit!important;letter-spacing:inherit!important;text-transform:uppercase!important}.news-copy p{margin:0 0 15px!important;color:#b8b8ba!important}.news-copy>a:not(.news-title-link){padding:9px 14px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:7px!important;gap:24px!important;background:rgba(8,8,8,.42)!important}.news-copy>a:not(.news-title-link):hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.44)!important} @media(max-width:760px){.news-copy{padding:16px!important}.news-copy small{margin-bottom:10px!important}} /* Final Novedades cleanup: no tag and no hard vertical rule. */ .news-copy{border-left:0!important;background:linear-gradient(90deg,rgba(5,5,5,.55) 0%,rgba(5,5,5,.22) 58%,transparent 100%)!important}.news-copy>small{display:none!important} /* Mobile Novedades: reserve independent image and copy zones. */ @media(max-width:760px){ .news-slide[data-style="PRODUCT_PREMIUM"] img, .news-slide[data-style="PRODUCT_TEXT"] img{ padding:7% 8% 54%!important; object-position:center top!important; } .news-copy{ top:auto!important; bottom:22px!important; transform:none!important; max-height:196px!important; } .news-copy h3{ font-size:38px!important; line-height:.9!important; } .news-copy p{ line-height:1.4!important; margin-bottom:12px!important; } } /* Service partner footer — official marks and premium workshop badges. */ .performance-club-content{background:rgba(5,6,7,.34)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important} .service-footer{min-height:92px!important;height:auto!important;padding:0 max(24px,calc((100vw - 1180px)/2))!important;background:#050505!important} .service-footer .service-item{min-width:0;padding:14px 18px;gap:13px} .service-footer .service-mark{display:block;flex:0 0 auto;object-fit:contain} .service-footer .service-mark--rockshox{width:34px;height:40px} .service-footer .service-mark--sos{width:48px;height:48px} .service-footer .service-specialized{display:block;min-width:35px;color:#e31b23;font:900 italic 32px/.8 Arial Black,Arial,sans-serif;letter-spacing:-.16em;transform:skew(-8deg)} .service-footer .service-icon{width:34px;height:34px;flex:0 0 auto;fill:none;stroke:#d8d6d1;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round} .service-footer .service-icon .accent{stroke:#e31b23} .service-footer span{max-width:145px;color:#dedde0;font:500 9px/1.35 Inter,Arial,sans-serif;letter-spacing:.09em} @media(max-width:760px){ .performance-club-content{background:rgba(5,6,7,.27)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important} .service-footer{grid-template-columns:1fr!important;padding:18px 34px!important} .service-footer .service-item{width:min(100%,360px);min-height:70px!important;margin:0 auto;padding:10px 18px;justify-content:flex-start!important} .service-footer .service-mark--rockshox{width:31px;height:37px} .service-footer .service-mark--sos{width:44px;height:44px;margin-left:-6px;margin-right:-1px} .service-footer span{font-size:10px;max-width:180px} } .service-footer .service-mark--specialized{width:27px;height:48px} @media(max-width:760px){.service-footer .service-mark--specialized{width:25px;height:45px}} /* Workshop service photography — individual focal points preserve each repair detail. */ .services>div.service-with-photo{position:relative;isolation:isolate;overflow:hidden;justify-content:flex-end;min-height:132px;padding:18px 14px} .services .service-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.76;filter:brightness(.76) saturate(.9);transform:scale(1.015);transition:opacity .25s ease,transform .35s ease} .services>div.service-with-photo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,5,6,.05) 16%,rgba(5,5,6,.42) 62%,rgba(5,5,6,.92) 100%)} .services>div.service-with-photo b{display:none} .services>div.service-with-photo span{position:relative;color:#f3f2ef;font-weight:600;text-shadow:0 2px 12px rgba(0,0,0,.9)} .services>div.service-with-photo:hover .service-photo{opacity:.9;transform:scale(1.04)} .services .service-photo--complete{object-position:50% 40%} .services .service-photo--bearings{object-position:62% 65%} .services .service-photo--drivetrain{object-position:50% 45%} .services .service-photo--suspension{object-position:58% 69%} @media(max-width:760px){ .services>div.service-with-photo{min-height:112px;padding:15px 16px} .services .service-photo{opacity:.82;filter:brightness(.78) saturate(.92)} .services>div.service-with-photo::after{background:linear-gradient(180deg,rgba(5,5,6,.02) 10%,rgba(5,5,6,.28) 54%,rgba(5,5,6,.9) 100%)} .services>div.service-with-photo span{font-size:10px;letter-spacing:.11em} } @media(max-width:760px){.services>div{min-height:112px!important}.services>div.service-with-photo{min-height:112px!important}} .services .service-photo--brakes{object-position:50% 52%} /* Header alignment: stable two-line brand on desktop and controls pinned right on mobile. */ @media(min-width:901px){ .site-header .brand{display:grid!important;grid-template-columns:auto auto!important;grid-template-rows:auto auto!important;align-items:end!important;line-height:1!important;padding-bottom:0!important} .site-header .brand span,.site-header .brand b{grid-row:1!important;line-height:.9!important} .site-header .brand small{position:static!important;grid-column:1/-1!important;grid-row:2!important;margin-top:5px!important;line-height:1!important} } @media(max-width:900px){ .site-header{width:100%!important;box-sizing:border-box!important;align-items:center!important;gap:0!important} .site-header .brand{flex:0 1 auto!important;min-width:0!important} .site-header .header-actions{margin-left:auto!important;flex:0 0 auto!important;justify-content:flex-end!important;gap:12px!important} .site-header .menu{flex:0 0 40px!important;margin-left:5px!important;margin-right:0!important} } /* V1.3.3 · Home header matches Equipment exactly */ @media(min-width:901px){ .site-header{grid-template-columns:minmax(205px,240px) minmax(0,1fr) auto!important;column-gap:16px!important} .site-header .brand{display:inline-flex!important;grid-template-columns:none!important;grid-template-rows:none!important;align-items:baseline!important;gap:4px!important;line-height:1!important} .site-header .brand span,.site-header .brand b{grid-row:auto!important;margin:0!important;font-size:21px!important;line-height:1!important;letter-spacing:-.055em!important;font-style:normal!important} .site-header .brand b{color:#c7c2ba!important} .site-header .brand small{position:absolute!important;top:25px!important;left:1px!important;grid-column:auto!important;grid-row:auto!important;margin:0!important;font-size:5.8px!important;line-height:1!important;letter-spacing:.16em!important;color:#777!important;white-space:nowrap!important} .site-header .main-nav{gap:5px!important} .site-header .main-nav a{height:auto!important;padding:10px 11px!important;border-radius:8px!important;color:#96969b!important;font:500 8.5px/1 Inter,Arial,sans-serif!important;letter-spacing:.12em!important} .site-header .main-nav a.active,.site-header .main-nav a:hover{color:#fff!important;background:rgba(255,255,255,.07)!important} .site-header .header-actions{align-items:center!important;gap:7px!important;white-space:nowrap!important} } @media(min-width:901px) and (max-width:1100px){ .site-header .main-nav{gap:2px!important} .site-header .main-nav a{padding-inline:7px!important;font-size:7.5px!important} } /* V1.3.4 · visually center the desktop menu */ @media(min-width:901px){ .site-header .main-nav{transform:translateX(-24px)!important} } /* Performance Center — aligned canvas and continuous premium composition. */ .performance-strip{ width:min(1260px,calc(100% - 88px))!important; margin-left:auto!important; margin-right:auto!important; position:relative; isolation:isolate; background: radial-gradient(ellipse 42% 70% at 25% 48%,rgba(170,18,35,.12) 0%,rgba(90,10,20,.045) 42%,transparent 72%), linear-gradient(105deg,#08090b 0%,#0b0d10 47%,#08090a 100%)!important; box-shadow:0 28px 75px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.025); } .performance-strip .workshop{position:relative;z-index:0;background-color:transparent!important} .performance-strip .workshop::after{ content:"";position:absolute;inset:0;pointer-events:none; background: linear-gradient(90deg,transparent 52%,rgba(10,12,14,.5) 77%,#0b0d10 100%), linear-gradient(0deg,rgba(7,8,10,.42),transparent 34%); } .performance-copy{position:relative;z-index:1} .performance-copy::before{ content:"";display:block;width:42px;height:1px;margin:0 0 16px; background:linear-gradient(90deg,#e31b23,rgba(227,27,35,0)); box-shadow:0 0 18px rgba(227,27,35,.32); } /* Technical credentials — restrained, industrial icon language. */ .service-footer .service-item--credential{position:relative} .service-footer .service-item--credential .service-icon{ width:32px;height:32px;padding:6px;border:1px solid rgba(255,255,255,.14); border-radius:7px;background:linear-gradient(145deg,#111317,#08090b); stroke:#d7d8da;stroke-width:1.35;filter:none; } .service-footer .service-item--credential .service-icon .accent{stroke:#e31b23;stroke-width:1.7} .service-footer .service-item--credential span{color:#e5e5e6;font-weight:600;letter-spacing:.1em} @media(max-width:700px){ .performance-strip{width:calc(100% - 36px)!important} .performance-strip .workshop::after{background:linear-gradient(0deg,#0b0d10 0%,rgba(10,12,14,.48) 24%,transparent 58%)} .performance-copy::before{margin-bottom:13px} }