/* Calm, shorter storefront. No wheel interception or scroll smoothing. */
header [data-secondary-equipment]{display:none!important}
.ub-final-menu-toggle{display:none}
#urban-mobile-drawer{display:none!important}
footer:has(.ub-footer-shortcuts) .urban-footer-legal{display:none!important}
html body .ub-promo-ticker__track{animation-duration:120s!important}
html body #wgm-grain,html body #wgm-cursor-dot,html body #wgm-cursor-ring{display:none!important}
.ub-final-home :is(.wgm-magnetic){translate:none!important}
.ub-final-home #main :is(section.framer-1oc74hh,#grid-tiles,#target-block){display:none!important}
.ub-final-home #main .wgm-exp-el #track{background:#fff!important}
.ub-final-home #main .framer-omcvgf .framer-1lerqls :is(h4,p,span){color:#fff!important;--framer-text-color:#fff!important}

/* Full-bleed photography with product-safe desktop and phone compositions. */
html body #main .ub-original-banner{background:#fff;--ub-photo-nav:96px}
html body #main .ub-original-banner>picture{display:contents}
html body #main .ub-original-banner img{position:absolute;inset:var(--ub-photo-nav) 0 0;width:100%;height:calc(100% - var(--ub-photo-nav));object-fit:cover!important;object-position:90% center!important}
html body #main .ub-original-banner::after{display:none!important}
html body #main section[data-framer-name="hero"]:not(.ub-banner-active) .framer-1ujn4ep :is(h1,h2,h3,p,span){color:#fff!important;--framer-text-color:#fff!important}
html body #main .ub-original-banner .ub-banner-copy{top:calc(var(--ub-photo-nav) + (100% - var(--ub-photo-nav))/2)!important;bottom:auto!important;left:6%!important;right:auto!important;width:min(40vw,600px);gap:18px;transform:translateY(-50%)}
html body #main .ub-original-banner .ub-banner-copy h2{font-size:clamp(68px,7.5vw,128px)!important;max-width:7.6ch}
html body #main .ub-original-slider .ub-hero-controls{bottom:24px!important;gap:12px!important;background:#202520e8;border:1px solid #fff7;border-radius:999px;padding:6px 12px;color:white;max-width:calc(100% - 96px)}
html body #main .ub-hero-controls>button{background:transparent;border:0;min-width:36px;width:36px;height:36px;cursor:pointer}
html body #main .ub-hero-progress button{width:48px;height:28px}
html body #main .ub-hero-progress button[aria-current="true"]::before{background:#ceff00!important;opacity:.55}
html body #main .ub-hero-controls button:focus-visible{outline:2px solid #ceff00;outline-offset:2px}

/* Three categories, each with five deliberately selected images. */
html body #urban-home-overview{padding:64px 32px!important;min-height:0!important}
.ub-home-shop{max-width:1400px;margin:auto}
.ub-home-shop-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}
html body #urban-home-overview .ub-home-shop-heading h2{margin:16px 0 0;font-size:clamp(36px,4.5vw,68px)!important;line-height:1.05!important;letter-spacing:-.025em}
.ub-home-shop-heading>p{font:400 15px/1.7 UrbanMontserrat,Arial,sans-serif;max-width:32ch;margin:0;color:#414941}
.ub-home-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ub-home-category{min-width:0;color:#171b18;font-family:UrbanMontserrat,Arial,sans-serif}
.ub-home-category-media{position:relative;aspect-ratio:1/1;background:#f6f6f3;border-radius:10px;overflow:hidden}
.ub-home-category-media>a{display:block;width:100%;height:100%}
.ub-home-category-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.ub-home-category-media button{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;background:#fffef7f0;color:#171b18;border:1px solid #a9afa9;border-radius:50%;font:500 30px/1 Arial;cursor:pointer;z-index:2}
.ub-home-category-media [data-category-prev]{left:12px}
.ub-home-category-media [data-category-next]{right:12px}
.ub-home-category-media button:hover{background:#ceff00}
.ub-home-category-count{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:#ffffffed;color:#171b18;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:600;pointer-events:none}
html body #urban-home-overview .ub-home-category h3{margin:18px 0 8px;font:700 24px/1.2 UrbanRajdhani,Arial,sans-serif;text-transform:uppercase}
.ub-home-category h3 a{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#171b18;text-decoration:none}
.ub-home-category h3 span{font-family:Arial;font-size:22px}
.ub-home-category p{font-size:13px;line-height:1.6;margin:0;color:#414941}
.ub-home-category small{display:block;font-size:10px;color:#626a62;margin-top:6px}
.ub-home-help{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:32px;padding-top:24px;border-top:1px solid #d9ddd9;font:500 14px/1.5 UrbanMontserrat,Arial,sans-serif}
.ub-home-help p{margin:0}
.ub-home-help a{color:#171b18;font-weight:700;text-underline-offset:5px}
.ub-home-category :is(a,button):focus-visible,.ub-client-pager button:focus-visible{outline:2px solid #171b18;outline-offset:3px}

/* Manual rails: one real card per arrow click, with native touch scrolling. */
html body #main section.framer-vrvrkk.ub-client-pager{padding:56px 32px!important;height:auto!important;min-height:0!important;display:block!important;background:#fff!important;overflow:visible!important}
.ub-client-inner{max-width:1400px;margin:auto}
.ub-client-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}
html body #main .ub-client-pager h2{font:700 clamp(34px,4vw,56px)/1.05 UrbanRajdhani,Arial,sans-serif!important;letter-spacing:-.02em!important;color:#171b18!important;margin:16px 0 12px!important;max-width:18ch}
.ub-client-heading p{font:400 14px/1.7 UrbanMontserrat,Arial,sans-serif;color:#414941;margin:0}
.ub-client-controls{display:flex;align-items:center;gap:16px;flex:none;color:#171b18;font:600 12px UrbanMontserrat,Arial,sans-serif}
.ub-client-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #9fa69f;border-radius:50%;background:#fff;color:#171b18;font-size:22px;cursor:pointer}
.ub-client-controls button:hover{background:#ceff00}
.ub-manual-rail{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:none;max-width:100%;min-width:0}
.ub-manual-rail::-webkit-scrollbar{display:none}
.ub-manual-rail:focus-visible{outline:2px solid #171b18;outline-offset:5px}
.ub-client-grid{gap:20px}
.ub-client-grid figure{flex:0 0 calc((100% - 60px)/4);min-width:0;margin:0;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:#f4f5f1;scroll-snap-align:start;scroll-snap-stop:always}
.ub-client-grid img{width:100%;height:100%;display:block;object-fit:cover}
.ub-client-controls button:disabled,.ub-showcase-controls button:disabled{opacity:.3;cursor:default;box-shadow:none}
.ub-mobile-showcase{display:none}

/* Keep weekday and time together on both the home and Contact page. */
html body .ub-contact-hours{max-width:700px;padding:24px 0;margin-top:26px;color:#171b18!important}
html body .ub-contact-hours :is(h3,dt,dd,p){color:#171b18!important;opacity:1!important;visibility:visible!important}
html body .ub-contact-hours dl{display:grid;gap:12px;max-width:620px}
html body .ub-contact-hours dl>div{display:grid;grid-template-columns:1fr 1.2fr;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid #e3e6e3}
html body .ub-contact-hours dd{font-weight:600;font-size:15px;margin:0}
html body .ub-contact-hours dt{font-weight:500;font-size:14px}

@media(max-width:980px){
  .ub-client-grid figure{flex-basis:calc((100% - 40px)/3)}
  .ub-home-shop-heading{align-items:start;flex-direction:column;gap:18px}
  .ub-home-category-grid{gap:16px}
  html body #main .ub-original-banner{--ub-photo-nav:118px}
  html body #main .ub-original-banner .ub-banner-copy{width:40vw;gap:14px}
  html body #main .ub-original-banner .ub-banner-copy h2{font-size:clamp(54px,7.8vw,78px)!important}
}
@media(max-width:809.98px){
  html body #main .wgm-exp-el{display:none!important}
  html body #main .ub-mobile-showcase{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;padding:24px 20px 28px!important;background:#fff!important;overflow:hidden!important;transform:none!important}
  .ub-showcase-rail{gap:12px;isolation:isolate}
  .ub-showcase-card{position:relative;flex:0 0 100%;min-width:0;height:clamp(300px,105vw,480px);overflow:hidden;border-radius:12px;scroll-snap-align:start;scroll-snap-stop:always;background:#171b18;transform:none!important}
  .ub-showcase-card::after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}
  .ub-showcase-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none!important}
  html body #main .ub-showcase-card h3{position:absolute!important;left:20px!important;right:16px!important;bottom:24px!important;z-index:1!important;font:700 clamp(28px,8vw,48px)/1.05 UrbanRajdhani,Arial,sans-serif!important;letter-spacing:-.02em!important;color:white!important;margin:0!important}
  .ub-showcase-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:16px;font:600 12px UrbanMontserrat,Arial,sans-serif;color:#171b18}
  .ub-showcase-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #a0a8a0;border-radius:50%;background:white;color:#171b18;font-size:22px;cursor:pointer}
  .ub-showcase-controls button:focus-visible{outline:2px solid #171b18;outline-offset:3px}
  html body #main header{height:118px!important;min-height:118px!important;overflow:visible!important}
  html body #main header .framer-aksd7p-container,html body #main header .framer-m3uKe{width:100%!important;max-width:100%!important;min-width:0!important;height:118px!important}
  html body #main header .framer-1n8u7i4,html body #main header a[href*="contacto"]{display:none!important}
  html body #main header a:has(img){position:absolute!important;left:20px!important;top:7px!important;width:92px!important;height:52px!important}
  html body #main header a:has(img) img{width:92px!important;height:52px!important;object-fit:contain!important}
  html body #main header .ub-home-header-tools{position:absolute!important;left:20px!important;right:20px!important;top:64px!important;bottom:auto!important;width:auto!important;max-width:none!important;display:flex!important;gap:12px!important;transform:none!important}
  html body #main header .ub-home-header-tools .ub-search-inline{flex:1!important;width:auto!important;min-width:0!important;height:40px!important}
  html body #main header .ub-home-header-tools .ub-cart-trigger{flex:0 0 42px!important}
  html body #main header[class] nav[data-framer-name] .ub-home-header-tools{left:20px!important;right:20px!important;top:64px!important;bottom:auto!important;width:calc(100% - 40px)!important;padding:0!important;height:40px!important;box-sizing:border-box!important;gap:12px!important}
  html body #main header[class] nav[data-framer-name] .ub-home-header-tools .ub-search-inline{flex:1!important;width:auto!important;min-width:0!important;height:40px!important}
  html body #main header[class] nav[data-framer-name="Phone"]{justify-content:flex-start!important;align-items:stretch!important}
  html body #main header[class] nav[data-framer-name="Phone"] a:has(img){position:relative!important;left:auto!important;top:auto!important;width:90px!important;height:56px!important}
  html body #main header[class] nav[data-framer-name] a:has(img) img{object-fit:cover!important}
  html body #main header nav[data-framer-name="Phone"]{position:relative!important}
  html body #main header .framer-ni6o5e{visibility:hidden!important;pointer-events:none!important}
  html body #main header .ub-final-menu-toggle{position:absolute;top:14px;right:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:44px;height:44px;border:0;background:#fff;color:#171b18;z-index:40;cursor:pointer;padding:10px}
  .ub-final-menu-toggle span{display:block;width:20px;height:2px;background:#171b18}
  .ub-final-menu-toggle:focus-visible{outline:2px solid #171b18;outline-offset:2px}
}
@media(max-width:640px){
  html body #main section.framer-yhu7ww[data-framer-name="hero"]{height:clamp(820px,calc(118px + 165vw),1100px)!important;min-height:820px!important}
  html body #main .ub-original-banner{background:#fff;--ub-photo-nav:118px}
  html body #main .ub-original-banner img{inset:var(--ub-photo-nav) 0 0;height:calc(100% - var(--ub-photo-nav));width:100%;object-position:center!important}
  html body #main .ub-original-banner .ub-banner-copy{top:calc(var(--ub-photo-nav) + 24px)!important;bottom:auto!important;left:22px!important;right:24px!important;width:auto;transform:none;gap:12px}
  html body #main .ub-original-banner .ub-banner-copy h2{font-size:clamp(48px,14vw,62px)!important;line-height:.96;max-width:9ch}
  html body #main .ub-original-banner .ub-banner-copy p{font-size:14px;max-width:31ch}
  html body #main .ub-original-banner .ub-banner-copy .ub-kicker{font-size:9px}
  html body #main .ub-original-slider .ub-hero-controls{gap:7px!important;bottom:16px!important;padding:5px 8px;max-width:calc(100% - 72px)}
  html body #main .ub-hero-progress{gap:5px}
  html body #main .ub-hero-progress button{width:27px}
  html body #main .ub-hero-controls>button{min-width:30px;width:30px;height:34px}
  html body #urban-home-overview{padding:40px 20px!important}
  .ub-home-shop-heading{margin-bottom:24px}
  .ub-home-shop-heading>p{font-size:14px}
  .ub-home-category-grid{grid-template-columns:1fr;gap:28px}
  .ub-home-category-media{aspect-ratio:1/1}
  html body #urban-home-overview .ub-home-category h3{margin-top:14px;font-size:24px}
  .ub-home-help{flex-direction:column;gap:8px;margin-top:24px;padding-top:20px}
  html body #main section.framer-vrvrkk.ub-client-pager{padding:40px 20px!important}
  .ub-client-heading{display:block;margin-bottom:22px}
  .ub-client-controls{justify-content:flex-end;margin-top:18px}
  .ub-client-grid{gap:12px}
  .ub-client-grid figure{flex-basis:86%}
  html body .ub-contact-hours dl>div{grid-template-columns:1fr;gap:5px;padding:12px 0}
  html body .ub-contact-hours dd{font-size:16px}
  html body .ub-floats{right:10px;bottom:16px;display:flex;flex-direction:column;gap:0}
  html body .ub-floats a:not(:last-child){display:none!important}
  html body .ub-floats a:last-child{width:40px;height:40px}
}
/* Restrained transitions for interactive elements, never transition layout sizes. */
html body :is(a,button,input,select,textarea){transition:color .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .28s ease,opacity .24s ease}
html body :is(.product-card,.urban-model-card,.urban-catalog-card,.urban-category-card,.ub-feature-card,.next-card){transition:box-shadow .3s ease,border-color .25s ease,transform .3s cubic-bezier(.22,.61,.36,1)}
html body :is(.ub-home-category-media img,.card-visual>img,.urban-model-card__media img,.urban-catalog-card__media img,.ub-related-media img){transition:transform .45s cubic-bezier(.22,.61,.36,1),opacity .3s ease}
html body .ub-home-category h3 span{transition:transform .3s cubic-bezier(.22,.61,.36,1)}
html body .ub-original-banner{transition:opacity .6s cubic-bezier(.22,.61,.36,1)}
html body .ub-media-underlay{pointer-events:none!important}
@media(hover:hover) and (pointer:fine){
  html body .ub-home-category-media:hover img:not(.ub-media-underlay){transform:scale(1.015)}
  html body .ub-home-category h3 a:hover span{transform:translateX(3px)}
  html body .ub-client-controls button:hover,html body .ub-home-category-media button:hover{box-shadow:0 3px 10px #171b1814}
}
@media(prefers-reduced-motion:reduce){
  html body .ub-promo-ticker__track{animation:none!important}
  html body :is(a,button,input,select,textarea,.ub-original-banner,.product-card,.urban-model-card,.urban-catalog-card,.urban-category-card,.ub-feature-card,.next-card,.ub-home-category-media img,.card-visual>img,.ub-home-category h3 span){transition:none!important}
  html body .ub-home-category-media:hover img{transform:none!important}
}

/* Original photographs: preserve real frames, wheels and components. */
html body [data-home-category="bicicletas"] .ub-home-category-media img[src*="original-fixie/"]{object-fit:cover!important;object-position:50% 80%}
html body :is(.card-visual,.urban-model-card__media,.urban-catalog-card__media):has(img[src*="original-fixie/"]){aspect-ratio:4/5!important;height:auto!important;min-height:0!important;background:#fff!important}
html body :is(.card-visual,.urban-model-card__media,.urban-catalog-card__media) img[src*="original-fixie/"]{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block}
html body .ub-original-fixie-stage{aspect-ratio:4/5!important;min-height:0!important;background:#fff!important}
html body .ub-original-fixie-stage>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;padding:12px;box-sizing:border-box;object-position:center!important}
html body .ub-original-fixie-stage::after{display:none!important}
html body .ub-original-fixie-stage .urban-video-badge{background:#202520;color:#fff}
html body .ub-related-media:has(img[src*="original-fixie/"]){aspect-ratio:4/5!important;background:#fff!important}
html body .ub-related-media img[src*="original-fixie/"]{object-fit:contain!important;object-position:center!important}
html body.ub-about-page .ub-editorial .ub-editorial-photo img.ub-original-fixie-photo{aspect-ratio:4/5!important;object-fit:contain!important;object-position:center!important;background:#fff!important;max-height:700px!important}
html body .ub-original-fixie-photo{filter:none!important;mix-blend-mode:normal!important}

html body.ub-about-page .ub-editorial-intro+.ub-editorial-photo{max-width:560px;margin-inline:auto}

/* Stable source-video bounds: no parallax offset or cover crop behind the header. */
html body #main .wgm-exp-el #portfolio{position:absolute!important;inset:0!important;padding-top:20px!important;padding-bottom:20px!important}
html body #main .wgm-exp-el .pf-track{position:relative}
.ub-showcase-link{position:absolute!important;inset:0!important;z-index:4!important;display:block!important;cursor:pointer!important;border-radius:inherit}
.ub-showcase-link:focus-visible{outline:3px solid #ceff00!important;outline-offset:-6px!important}
/* Approved full-resolution photos blend into the white About layout. */
html body.ub-about-page .ub-editorial-photo img.ub-clean-bike-photo{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1122/1402!important;object-fit:contain!important;background:#fff!important;filter:none!important;mix-blend-mode:normal!important;max-height:none!important}
html body.ub-about-page .ub-editorial-intro+.ub-editorial-photo{max-width:640px;margin-inline:auto}
html body #main section[data-framer-name="hero"]{--ub-hero-nav:96px}
html body #main section[data-framer-name="hero"] .framer-m52w65{position:absolute!important;inset:var(--ub-hero-nav) 0 0!important;width:100%!important;height:calc(100% - var(--ub-hero-nav))!important;min-height:0!important;background:#000!important}
html body #main section[data-framer-name="hero"] .framer-5h11pt-container{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;transform:none!important}
html body #main section[data-framer-name="hero"] .framer-m52w65 video{display:block!important;width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;opacity:1!important;background:#000!important}
@media(min-width:810px){
 html body #main section[data-framer-name="hero"]{height:calc(100svh - 38px)!important;min-height:0!important}
 html body #main .ub-original-banner .ub-banner-copy h2{font-size:clamp(42px,min(7.5vw,14svh),128px)!important}
 html body #main .ub-original-banner[data-original-banner="2"] img{object-position:100% 100%!important}
}
@media(min-width:810px) and (max-width:1199px){html body #main section[data-framer-name="hero"]{--ub-hero-nav:118px}}
@media(max-width:809.98px){
 html body #main section[data-framer-name="hero"]{--ub-hero-nav:118px}
 html body #main section[data-framer-name="hero"] .framer-m52w65{inset:calc(var(--ub-hero-nav) + 16px) 0 auto!important;height:56.25vw!important;max-height:none!important}
 html body #main section[data-framer-name="hero"] .framer-1jpi9nc-container{top:calc(var(--ub-hero-nav) + 56.25vw + 32px)!important;transform:none!important}
}

/* Match the three category previews; detail pages retain the full 16:9 footage. */
html body .catalog-grid .card-visual.bike-category-gallery.is-video:has(video[src*="urban-videos/"]){aspect-ratio:1/1!important;height:auto!important;min-height:0!important}
html body .catalog-grid .card-visual.bike-category-gallery.is-video>video.bike-category-gallery__media{object-fit:cover!important;object-position:center!important;padding:0!important}

@media(max-width:809.98px){
  /* One centered brand treatment for the home and the compact page footers. */
  html body footer.shell.footer{align-items:center!important;justify-content:center!important;gap:20px!important;text-align:center!important;padding:30px 0 60px!important}
  html body footer.shell.footer>.ub-footer-logo{width:100%!important;flex:0 0 100%!important;border:0!important;padding:12px 20px 6px!important}
  html body footer.shell.footer>span{width:100%!important;text-align:center!important;line-height:1.8!important;max-width:38ch!important;margin-inline:auto!important}
  html body footer .ub-footer-logo{align-items:center!important;justify-content:center!important;text-align:center!important;gap:18px!important}
  html body footer .ub-footer-logo>a{display:block!important;width:140px!important;margin-inline:auto!important}
  html body footer .ub-footer-logo img{display:block!important;width:140px!important;height:84px!important;object-fit:contain!important;margin-inline:auto!important}
  html body footer .ub-footer-logo p{font:500 13px/1.7 UrbanMontserrat,Arial,sans-serif!important;text-align:center!important;max-width:none!important;margin:0!important;text-transform:none!important;letter-spacing:normal!important}
  html body #main footer.framer-CFPPl .framer-u1qsn4{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;text-align:center!important}
  html body #main footer.framer-CFPPl .framer-u1qsn4>.ub-footer-logo{grid-column:1/-1!important;border:0!important;border-bottom:1px solid #d9ddd9!important;padding:32px 20px!important}
  html body #main footer.framer-CFPPl .framer-u1qsn4>:is(.framer-sjjkv5,.framer-1o4ba81,.framer-1jcbfwv){align-items:center!important;justify-content:flex-start!important;text-align:center!important;padding:28px 14px!important;border:0!important;gap:20px!important}
  html body #main footer.framer-CFPPl .framer-u1qsn4>:is(.framer-sjjkv5,.framer-1o4ba81,.framer-1jcbfwv) div{align-items:center!important;text-align:center!important}
  html body #main footer.framer-CFPPl .framer-u1qsn4>.framer-1jcbfwv{grid-column:1/-1!important;border-top:1px solid #d9ddd9!important;max-width:none!important}
  html body #main footer.framer-CFPPl .framer-u1qsn4 :is(h5,p,a){text-align:center!important;--framer-text-alignment:center!important}
  html body #main footer.framer-CFPPl .framer-u1qsn4 h5{font-size:17px!important;--framer-font-size:17px!important;line-height:1.2!important}
  html body #main footer.framer-CFPPl .framer-u1qsn4 a{font-size:12px!important;--framer-font-size:12px!important;line-height:1.6!important}
  html body #main footer.framer-CFPPl .framer-u1qsn4>:is(.framer-l5yhyf,.framer-3qab){display:none!important}
  html body footer .ub-footer-shortcuts{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:20px 14px!important;text-align:center!important;align-items:start!important;padding:24px 16px!important}
  html body footer .ub-footer-shortcuts a{display:block!important;text-align:center!important;font:600 11px/1.5 UrbanMontserrat,Arial,sans-serif!important;text-underline-offset:4px!important;max-width:19ch!important;margin-inline:auto!important}
  html body #main footer.framer-CFPPl .ub-newsletter{align-items:center!important;text-align:center!important}
  html body #main footer.framer-CFPPl .ub-newsletter :is(h3,p){text-align:center!important;--framer-text-alignment:center!important}
  html body #main footer.framer-CFPPl .ub-newsletter__eyebrow{margin-inline:auto!important}
  /* Crisp, circular phone globe with no blurred backdrop disc. */
  html body #main .framer-w5eyk3 .framer-z1vig5{height:auto!important;max-height:none!important;aspect-ratio:1/1!important;width:min(100%,360px)!important;align-self:center!important;margin-inline:auto!important}
  html body #main .framer-w5eyk3 .framer-ps7sia-container{background:none!important}
  html body #main .framer-w5eyk3 canvas{filter:none!important;mix-blend-mode:normal!important}
}

/* October 14: clear original hero, a direct Fixie CTA, and four clients per page. */

html body #main section[data-framer-name="hero"] .framer-1ujn4ep{mix-blend-mode:normal!important;bottom:150px!important;right:5%!important}
html body #main .ub-fixie-hero-cta{position:absolute;z-index:4;right:5%;bottom:88px;pointer-events:auto;background:#ceff00;color:#171b18;min-height:46px;padding:14px 24px;font:700 14px/1.2 UrbanMontserrat,Arial,sans-serif}
html body #main .ub-fixie-hero-cta[hidden]{display:none!important}
html body #main .ub-client-pages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;overflow:hidden;opacity:1;transition:opacity .2s ease}
html body #main .ub-client-pages.is-changing{opacity:0}
html body #main .ub-client-pages figure{width:100%;margin:0;aspect-ratio:3/4}
.ub-client-controls [data-clients-pause]{font-size:17px}
@media(max-width:809.98px){
 html body #main .ub-client-pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 html body #main .ub-client-controls{gap:10px}
 html body #main .ub-fixie-hero-cta{right:auto;left:24px;bottom:102px}
 html body #main section[data-framer-name="hero"] .framer-1ujn4ep{right:auto!important;left:24px!important;bottom:180px!important}
}
@media(prefers-reduced-motion:reduce){html body #main .ub-client-pages{transition:none}}

.ub-frame-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.ub-frame-tabs a{padding:10px 18px;border:1px solid #a6ada6;border-radius:99px;color:#171b18;text-decoration:none;font:600 14px UrbanMontserrat,Arial,sans-serif}.ub-frame-tabs a:hover{background:#ceff00}.ub-frame-empty{padding:36px 0 64px;max-width:650px}.ub-frame-empty[hidden]{display:none}.ub-frame-empty h2{font:700 34px UrbanRajdhani,Arial,sans-serif}.ub-frame-empty p{font:400 15px/1.7 UrbanMontserrat,Arial,sans-serif}

/* Useful riding accessories replace components already included with a bicycle. */
.ub-benefit-badge{display:block;width:fit-content;margin:7px 0;padding:4px 8px;border-radius:5px;background:#ceff00;color:#171b18;font:700 11px/1.3 UrbanMontserrat,Arial,sans-serif}
.ub-related-category .ub-complement-icon{display:grid;place-items:center;width:64px;height:64px;background:#f3f5f0;border-radius:10px;color:#212820}
.ub-complement-icon svg{width:44px;height:44px}.ub-related-card .ub-add-button{text-decoration:none;text-align:center;align-self:center;white-space:nowrap}.ub-related-card del{color:#626a62;font-size:11px}.ub-related-card small{font-size:11px;color:#526052}
@media(max-width:480px){.ub-related-card{grid-template-columns:50px minmax(0,1fr) auto!important;gap:10px!important}.ub-related-category .ub-complement-icon{width:50px;height:56px}.ub-complement-icon svg{width:36px;height:36px}.ub-related-card .ub-add-button{padding:9px 10px!important;font-size:11px!important}}

body:has([data-frame-categories]) .urban-filter-bar,body:has([data-frame-catalog]) .urban-filter-bar{display:none!important}


@media(max-width:809.98px){html body #main .ub-fixie-hero-cta{display:none!important}}

html body a.product-card[href$="fixie.html"] .card-visual.bike-category-gallery{background:#fff!important;aspect-ratio:1!important;height:auto!important}
html body a.product-card[href$="fixie.html"] .bike-category-gallery img{object-fit:contain!important;padding:16px;box-sizing:border-box;background:#fff!important}

/* Header links inherit their heading treatment. */
html body #urban-catalog-mega h3 > a,
html body #urban-catalog-mega h3 > a:hover,
html body #urban-catalog-mega h3 > a:focus-visible,
.urban-mobile-category-panel h3 a,
#catalog-mobile-drawer h3 a{color:#ceff00!important;background:transparent!important;font:inherit!important;line-height:inherit!important;padding:0!important;margin:0!important;display:inline!important}

html body #main section[data-framer-name="hero"] .framer-1jpi9nc-container{display:block!important;visibility:visible!important;mix-blend-mode:normal!important;color:white!important;pointer-events:none!important}
html body #main section[data-framer-name="hero"] .framer-1jpi9nc-container *{mix-blend-mode:normal!important}
html body #main section[data-framer-name="hero"] .framer-1lp6wn0-container{mask-image:linear-gradient(to right,#000 0%,#000 5%,transparent 27%,transparent 82%,#000 98%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 5%,transparent 27%,transparent 82%,#000 98%)}

@media(min-width:810px){html.ub-final-home .wgm-exp-el #track{height:440dvh!important}}
