:root{--blue:#1100ff;--blue-hover:#0b00d4;--ink:#151a25;--muted:#66707e;--paper:#f6f7f9;--surface:#fff;--line:#e4e7eb;--dark:#111722;--font:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed',Impact,sans-serif}
:root[data-theme=dark]{--ink:#f5f7fb;--muted:#aab4c1;--paper:#111620;--surface:#1b2230;--line:#313b4b;--dark:#0b0f18;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:145px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.container{width:min(100% - 80px,1360px);margin:auto}em{font-style:normal;color:var(--blue)}
.top-strip{height:33px;background:#2011ef;color:#fff;font-size:9px;font-weight:700;letter-spacing:.16em}.strip-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.strip-inner>a{display:flex;gap:12px;align-items:center}.strip-divider{opacity:.45;padding:0 14px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);transition:background .3s,box-shadow .3s;box-shadow:0 1px 0 rgba(0,0,0,.04)}:root[data-theme=dark] .site-header{background:rgba(20,26,37,.97)}.site-header.scrolled{background:rgba(255,255,255,.86);backdrop-filter:blur(20px);box-shadow:0 8px 26px rgba(6,15,34,.08)}:root[data-theme=dark] .site-header.scrolled{background:rgba(20,26,37,.85)}.main-header{height:89px;display:flex;align-items:center;gap:7%}.logo-box{width:184px;height:61px;display:flex;align-items:center;justify-content:center;background:#0d1421;padding:10px 14px;flex:none}.logo-box img{display:block;width:100%;height:100%;object-fit:contain}.header-search{width:min(480px,42vw);height:45px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:4px;padding:0 15px;background:var(--surface);color:var(--muted);margin:auto}.header-search .icon{width:18px;height:18px}.header-search input{border:0;outline:0;background:transparent;color:var(--ink);width:100%;font-size:12px}.header-search input::placeholder{color:#98a0ab}.header-search kbd{white-space:nowrap;font:10px var(--font);color:#9ba3af}.header-actions{display:flex;align-items:center;gap:21px}.icon-action{position:relative;border:0;background:none;color:var(--ink);min-width:46px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:600}.icon-action .icon{width:19px;height:19px}.cart-trigger b{position:absolute;top:-8px;right:0;border-radius:50%;background:var(--blue);color:white;min-width:16px;height:16px;font-size:9px;display:grid;place-items:center}.moon-icon{display:none}:root[data-theme=dark] .sun-icon{display:none}:root[data-theme=dark] .moon-icon{display:block}.mobile-menu-button{display:none;border:0;background:none;color:var(--ink)}
.nav-row{border-top:1px solid var(--line);background:rgba(243,245,247,.88)}:root[data-theme=dark] .nav-row{background:rgba(27,34,48,.9)}.nav-inner{height:49px;display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;align-items:center;gap:35px;height:100%}.nav-links a{height:100%;display:flex;align-items:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.035em;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--blue)}.nav-note{font-size:9px;letter-spacing:.12em;font-weight:800;color:var(--muted);display:flex;align-items:center;gap:10px}.nav-note-dot{width:7px;height:7px;border-radius:50%;background:var(--blue)}
.hero{min-height:615px;position:relative;overflow:hidden;background:#070b12;color:#fff}.hero-photo{position:absolute;inset:0;background-image:url('assets/rcx-hero-kb.webp');background-size:cover;background-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,12,.7),rgba(3,6,12,.38) 38%,transparent 72%),linear-gradient(0deg,rgba(2,5,10,.3),transparent 30%)}.hero-inner{position:relative;min-height:615px;display:flex;align-items:center}.hero-content{padding:46px 0 74px;max-width:650px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.19em;font-weight:800;color:var(--blue);display:inline-flex;align-items:center;gap:13px}.eyebrow.light{color:#e5eaf5}.eyebrow-line{width:29px;height:2px;background:var(--blue)}h1,h2,h3,p{margin-top:0}.hero h1{font:800 clamp(80px,8.2vw,136px)/.79 var(--display);letter-spacing:-.015em;margin:29px 0 27px}.hero h1 em{color:#fff;position:relative}.hero h1 em:after{content:"";position:absolute;bottom:4px;left:1%;right:0;height:9px;background:var(--blue);z-index:-1}.hero p{font-size:14px;line-height:1.8;color:#d3d9e3;max-width:480px;margin-bottom:32px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:47px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:2px;font-size:10px;font-weight:800;letter-spacing:.09em;border:1px solid transparent;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button .icon{width:15px;height:15px}.button-blue{background:var(--blue);color:#fff}.button-blue:hover{background:var(--blue-hover)}.button-outline{color:#fff;border-color:rgba(255,255,255,.72);background:transparent}.button-outline:hover{background:#fff;color:#111722}.button-dark{background:#141b29;color:#fff}.hero-micro{display:flex;align-items:center;gap:13px;margin-top:61px;font-size:9px;letter-spacing:.12em;font-weight:700;color:#d3d9e3}.micro-track{width:66px;height:2px;background:#626975}.micro-track i{display:block;width:33%;height:100%;background:var(--blue)}.hero-side-label{position:absolute;right:13px;top:38%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.18em;font-weight:700;color:#a6b0c0}
.section{padding:105px 0}.section-header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.section-header h2,.why-section h2,.promo h2,.partners-cta h2{font:800 clamp(45px,4.5vw,70px)/.91 var(--display);letter-spacing:-.015em;margin:12px 0 0}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:10px;letter-spacing:.07em;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:8px;white-space:nowrap}.text-link .icon{width:15px;height:15px}.section-intro{max-width:280px;color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 4px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category-card{position:relative;min-height:320px;overflow:hidden;text-align:left;border:1px solid var(--line);background:#eef0f3;padding:17px 20px;color:#171c26}.category-card:hover .category-image{transform:scale(1.07)}.category-number{position:relative;z-index:1;font-size:9px;font-weight:800;letter-spacing:.12em}.category-image,.product-image{background-image:url('assets/rcx-products.png');background-size:200% 200%;background-repeat:no-repeat}.image-brake{background-position:left top}.image-helmet{background-position:right top}.image-shock{background-position:left bottom}.image-exhaust{background-position:right bottom}.category-image{position:absolute;inset:0;transition:transform .35s}.category-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(233,237,242,.94),transparent 46%)}.category-name{position:absolute;bottom:40px;left:20px;z-index:1;font:800 31px/.9 var(--display)}.category-link{position:absolute;bottom:18px;left:20px;z-index:1;display:flex;align-items:center;gap:10px;font-size:9px;font-weight:800;color:var(--blue)}.category-link .icon{width:14px;height:14px}
.product-section{background:var(--surface)}.product-controls{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:22px;gap:20px}.filters{display:flex;gap:26px;overflow:auto}.filter{border:0;background:none;color:var(--muted);padding:0 0 13px;white-space:nowrap;font-size:10px;letter-spacing:.06em;font-weight:800;border-bottom:2px solid transparent}.filter.active{color:var(--blue);border-color:var(--blue)}.result-count{font-size:10px;color:var(--muted);white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{min-width:0}.product-visual{position:relative;aspect-ratio:1;background:#eef0f3;overflow:hidden}.product-image{position:absolute;inset:0;transition:transform .3s}.product-card:hover .product-image{transform:scale(1.05)}.product-badge{position:absolute;top:12px;left:12px;z-index:1;background:#fff;color:#172033;padding:6px 8px;font-size:9px;font-weight:800;letter-spacing:.05em}.product-badge.sale{background:var(--blue);color:#fff}.wishlist{position:absolute;top:11px;right:11px;z-index:1;border:0;background:#fff;color:#253041;width:30px;height:30px;display:grid;place-items:center}.wishlist.active{color:#ee304d}.wishlist .icon{width:16px;height:16px}.product-info{padding:17px 2px}.product-meta{font-size:9px;color:var(--blue);font-weight:800;letter-spacing:.12em}.product-info h3{font-size:14px;margin:7px 0;font-weight:700;line-height:1.4}.product-fit{color:var(--muted);font-size:10px;min-height:16px}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px;gap:5px}.product-price{font-size:14px;font-weight:800}.product-price small{display:block;color:#929ba7;text-decoration:line-through;font-size:10px;font-weight:500;margin-top:3px}.add-cart{border:1px solid var(--line);color:var(--ink);background:var(--surface);width:34px;height:34px;display:grid;place-items:center}.add-cart:hover{background:var(--blue);border-color:var(--blue);color:#fff}.add-cart .icon{width:16px;height:16px}.products-footer{text-align:center;margin-top:26px}.empty-state{padding:35px;text-align:center;color:var(--muted);background:var(--paper);font-size:13px}
.promo{position:relative;overflow:hidden;background:#0c111b;color:#fff}.promo:before{content:"";position:absolute;inset:0;background:url('assets/rcx-hero-kb.webp') center 52%/cover;opacity:.4}.promo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a101a 4%,rgba(10,16,26,.92) 42%,transparent 93%)}.promo-inner{min-height:390px;position:relative;z-index:1;display:flex;align-items:center}.promo-inner>div:first-child{max-width:480px}.promo h2{font-size:75px;margin:14px 0 16px}.promo h2 em{color:#fff}.promo p{font-size:12px;line-height:1.8;color:#c4cbd6;margin-bottom:23px}.promo-outline{position:absolute;right:-30px;bottom:-47px;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.2);font:800 380px/.8 var(--display);pointer-events:none}
.why-section{background:var(--paper)}.why-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}.why-copy{max-width:450px;font-size:13px;line-height:1.9;color:var(--muted);margin:24px 0 31px}.why-list{border-top:1px solid var(--line)}.why-list>div{display:grid;grid-template-columns:45px 1fr 18px;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:22px 0}.why-list b{color:var(--blue);font:700 15px var(--display)}.why-list strong{display:block;font:800 24px var(--display);letter-spacing:.01em}.why-list small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.why-list .icon{width:16px;height:16px;color:var(--blue)}
.partners-cta{background:var(--blue);color:#fff}.partners-inner{min-height:260px;display:flex;align-items:center;justify-content:space-between;gap:25px}.partners-cta .section-kicker,.partners-cta h2 em{color:#fff}.partners-cta p{margin:14px 0 0;font-size:12px;color:#d7d4ff}.partners-cta .button-outline{flex:none}
.footer{background:#0d1320;color:#dce3ed;padding:68px 0 0}.footer-top{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px;padding-bottom:70px}.footer-brand p{max-width:240px;font-size:12px;color:#a5afbd;line-height:1.8;margin:20px 0}.footer h3{color:#fff;font-size:10px;letter-spacing:.14em;margin:0 0 20px}.footer-top>div:not(:first-child) a,.footer-top>div:not(:first-child) button{display:block;background:none;border:0;padding:0;margin:0 0 13px;color:#a5afbd;font-size:11px;text-align:left}.footer a:hover,.footer button:hover{color:#fff}.footer-bottom{border-top:1px solid #263143;min-height:59px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.12em;color:#8894a5}
.whatsapp-button{position:fixed;z-index:22;right:25px;bottom:24px;border:0;background:#1db96b;color:#fff;border-radius:50px;height:47px;padding:0 18px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 23px rgba(0,0,0,.19);font-size:10px;font-weight:800;letter-spacing:.06em}.whatsapp-button .icon{width:20px;height:20px}.toast{position:fixed;z-index:60;right:24px;bottom:83px;background:#182230;color:#fff;padding:13px 17px;box-shadow:0 10px 30px rgba(0,0,0,.22);font-size:12px;max-width:310px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:none}.drawer-backdrop{position:fixed;inset:0;z-index:30;background:rgba(5,11,20,.55)}.cart-drawer{position:fixed;z-index:31;right:0;top:0;bottom:0;width:min(440px,100%);background:var(--surface);color:var(--ink);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s}.cart-drawer.open{transform:none}.drawer-header{padding:25px 27px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-header h2{font:800 35px var(--display);margin:5px 0 0}.close-button{border:0;background:none;color:var(--ink)}.cart-items{flex:1;overflow:auto;padding:22px 27px}.cart-empty{font-size:13px;color:var(--muted);text-align:center;padding:40px 10px}.cart-item{display:grid;grid-template-columns:75px 1fr auto;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.cart-thumb{width:75px;height:75px;background-image:url('assets/rcx-products.png');background-size:200% 200%}.cart-item strong{font-size:12px}.cart-item small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.cart-item button{border:0;background:none;color:var(--muted);font-size:18px}.drawer-footer{padding:22px 27px;border-top:1px solid var(--line)}.drawer-footer>div{display:flex;justify-content:space-between;font-size:13px}.drawer-footer p{font-size:10px;color:var(--muted);line-height:1.5;margin:14px 0}.drawer-footer .button{width:100%}
@media(max-width:1100px){.container{width:min(100% - 48px,1360px)}.main-header{gap:3%}.nav-links{gap:18px}.category-card{min-height:270px}.category-name{font-size:25px}.product-grid{gap:12px}}
@media(max-width:760px){html{scroll-padding-top:72px}.container{width:min(100% - 34px,1360px)}.top-strip{height:27px}.strip-inner>span:nth-child(2){display:none}.strip-inner{font-size:8px}.site-header{top:0}.main-header{height:66px;gap:12px}.logo-box{width:135px;height:46px;padding:8px 10px}.header-search{display:none}.header-actions{margin-left:auto;gap:10px}.icon-action{min-width:27px}.icon-action span{display:none}.icon-action:nth-child(2){display:none}.mobile-menu-button{display:block;padding:4px}.nav-row{display:none}.nav-row.open{display:block;position:absolute;top:66px;left:0;right:0;box-shadow:0 15px 25px rgba(0,0,0,.14)}.nav-inner{height:auto;display:block;padding-block:8px 20px}.nav-links{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-links a{padding:12px 0;border-bottom:1px solid var(--line)}.nav-note{padding-top:15px}.hero,.hero-inner{min-height:590px}.hero-photo{background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(3,6,12,.85),rgba(3,6,12,.45)),linear-gradient(0deg,rgba(3,6,12,.5),transparent)}.hero-content{padding:45px 0 65px}.hero h1{font-size:clamp(68px,15vw,105px);margin:27px 0 22px}.hero p{font-size:12px;max-width:380px}.hero-side-label{display:none}.hero-micro{margin-top:50px}.section{padding:70px 0}.section-header{align-items:start;flex-direction:column}.section-header h2,.why-section h2{font-size:52px}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:300px}.promo-inner{min-height:340px}.promo h2{font-size:64px}.promo-outline{font-size:240px;bottom:-24px}.why-layout{grid-template-columns:1fr;gap:36px}.partners-inner{padding:45px 0;align-items:start;flex-direction:column}.footer-top{grid-template-columns:repeat(2,1fr);gap:35px}.footer-brand{grid-column:span 2}.footer-bottom{gap:15px;line-height:1.6}}
@media(max-width:490px){.hero,.hero-inner{min-height:555px}.hero h1{font-size:74px}.hero-buttons{gap:8px}.button{padding:0 15px;gap:12px;font-size:9px}.section-header h2,.why-section h2{font-size:46px}.category-grid,.product-grid{gap:10px}.category-card{min-height:205px;padding:12px}.category-number{font-size:7px}.category-name{font-size:23px;bottom:35px;left:12px}.category-link{left:12px;bottom:13px}.product-info h3{font-size:12px}.product-meta{font-size:8px}.product-price{font-size:12px}.filters{gap:17px}.filter{font-size:9px}.result-count{display:none}.promo h2{font-size:60px}.whatsapp-button{width:45px;padding:0;justify-content:center}.whatsapp-button span{display:none}.footer-top{gap:28px}}