:root {
–shong-ink: #15181d;
–shong-muted: #596575;
–shong-red: #d92525;
–shong-blue: #1268e5;
–shong-road: #20242b;
–shong-line: #dce3eb;
–shong-panel: #f4f7fa;
}
.site-header, .site-footer { display: none !important; }
body { background: #ffffff; }
.shong-site { color: var(–shong-ink); font-family: Inter, Arial, sans-serif; line-height: 1.55; overflow: hidden; }
.shong-site * { box-sizing: border-box; letter-spacing: 0; }
.shong-wrap { width: min(1160px, calc(100% – 40px)); margin: 0 auto; }
.shong-strip { background: var(–shong-road); color: #d8e4ee; font-size: 14px; }
.shong-strip .shong-wrap { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.shong-header { background: rgba(255,255,255,.98); border-bottom: 1px solid var(–shong-line); position: sticky; top: 0; z-index: 20; }
.shong-header .shong-wrap { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.shong-brand { display: flex; align-items: center; gap: 12px; color: var(–shong-ink); text-decoration: none; font-weight: 900; font-size: 18px; }
.shong-mark { width: 44px; height: 44px; border-radius: 8px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, var(–shong-red), var(–shong-blue)); font-weight: 900; }
.shong-nav { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; align-items: center; }
.shong-nav a { color: var(–shong-ink); text-decoration: none; padding: 9px 10px; border-radius: 6px; font-weight: 800; font-size: 14px; }
.shong-nav a:hover { background: var(–shong-panel); color: var(–shong-blue); }
.shong-button, .shong-ghost { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 18px; border-radius: 6px; text-decoration: none; font-weight: 900; border: 1px solid transparent; }
.shong-button { background: var(–shong-red); color: #fff; }
.shong-button:hover { background: #b91d1d; color: #fff; }
.shong-ghost { color: var(–shong-blue); background: #fff; border-color: var(–shong-line); }
.shong-hero { background: linear-gradient(180deg, #f7f9fc 0%, #ffffff 100%); border-bottom: 1px solid var(–shong-line); position: relative; }
.shong-hero::before { content: “”; position: absolute; inset: auto -10% 8% auto; width: 58%; height: 8px; background: repeating-linear-gradient(90deg, rgba(217,37,37,.16), rgba(217,37,37,.16) 50px, transparent 50px, transparent 76px); transform: skewX(-24deg); }
.shong-hero-grid { min-height: 620px; display: grid; grid-template-columns: minmax(0, .95fr) minmax(430px, 1.05fr); gap: 48px; align-items: center; padding: 56px 0; position: relative; }
.shong-kicker { color: var(–shong-red); font-size: 13px; text-transform: uppercase; font-weight: 900; margin: 0 0 12px; }
.shong-hero h1 { font-size: clamp(42px, 5vw, 72px); line-height: .96; margin: 0 0 18px; max-width: 760px; }
.shong-lede { color: var(–shong-muted); font-size: 18px; max-width: 660px; margin: 0 0 26px; }
.shong-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 28px; }
.shong-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; max-width: 620px; }
.shong-stats div { background: #fff; border: 1px solid var(–shong-line); border-radius: 8px; padding: 14px; }
.shong-stats strong { display: block; font-size: 20px; line-height: 1.1; }
.shong-stats span { color: var(–shong-muted); font-size: 13px; }
.shong-showcase { display: grid; grid-template-columns: 1.1fr .9fr; gap: 14px; }
.shong-hero-card, .shong-mini, .shong-cat, .shong-product, .shong-info, .shong-step { background: #fff; border: 1px solid var(–shong-line); border-radius: 8px; }
.shong-hero-card { padding: 18px; box-shadow: 0 18px 45px rgba(21,24,29,.08); }
.shong-hero-card img { width: 100%; aspect-ratio: 1 / .78; object-fit: contain; display: block; background: #f3f6f9; border-radius: 6px; padding: 10px; }
.shong-hero-card h3 { font-size: 18px; line-height: 1.25; margin: 14px 0 6px; }
.shong-price { color: var(–shong-blue); font-weight: 900; margin: 0; }
.shong-mini-stack { display: grid; gap: 14px; }
.shong-mini { display: grid; grid-template-columns: 92px 1fr; gap: 12px; align-items: center; padding: 12px; }
.shong-mini img { width: 92px; height: 78px; object-fit: contain; background: #f3f6f9; border-radius: 6px; padding: 6px; }
.shong-mini strong { display: block; font-size: 14px; line-height: 1.22; }
.shong-mini span { color: var(–shong-blue); font-size: 13px; font-weight: 900; }
.shong-section { padding: 70px 0; }
.shong-section.alt { background: var(–shong-panel); border-top: 1px solid var(–shong-line); border-bottom: 1px solid var(–shong-line); }
.shong-section-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 26px; }
.shong-section h2 { font-size: clamp(30px, 3vw, 46px); line-height: 1.08; margin: 0; }
.shong-section-head p { color: var(–shong-muted); max-width: 520px; margin: 0; }
.shong-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.shong-cat { padding: 20px; min-height: 190px; display: flex; flex-direction: column; }
.shong-cat strong { font-size: 20px; }
.shong-cat p, .shong-info p, .shong-step p { color: var(–shong-muted); }
.shong-cat a, .shong-product a { color: var(–shong-blue); font-weight: 900; text-decoration: none; margin-top: auto; }
.shong-products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.shong-products.compact { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 760px; }
.shong-product { min-height: 370px; padding: 20px; display: flex; flex-direction: column; }
.shong-product img { width: 100%; height: 180px; object-fit: contain; margin-bottom: 14px; background: #f3f6f9; border-radius: 6px; padding: 12px; }
.shong-product h3 { font-size: 17px; line-height: 1.3; margin: 0 0 8px; }
.shong-two { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 28px; align-items: start; }
.shong-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.shong-list li { border: 1px solid var(–shong-line); border-radius: 8px; padding: 16px; background: #fff; }
.shong-contact-band { background: var(–shong-road); color: #fff; padding: 58px 0; }
.shong-contact-band h2 { color: #fff; margin: 0 0 10px; }
.shong-contact-band p { color: #c9d6e2; margin: 0; }
.shong-contact-band .shong-wrap { display: flex; justify-content: space-between; gap: 24px; align-items: center; }
.shong-contact-actions { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }
.shong-footer { background: #101318; color: #c0cad4; padding: 32px 0; font-size: 14px; }
.shong-footer a { color: #eef5fb; text-decoration: none; }
.shong-footer .shong-wrap { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.entry-hero, .wp-site-blocks > header, .wp-site-blocks > footer { display: none !important; }
@media (max-width: 900px) {
.shong-wrap { width: calc(100% – 28px); }
.shong-strip .shong-wrap, .shong-header .shong-wrap, .shong-contact-band .shong-wrap { flex-direction: column; align-items: flex-start; justify-content: center; padding: 12px 0; }
.shong-header { position: static; }
.shong-brand { font-size: 16px; }
.shong-nav { width: 100%; display: block; }
.shong-nav br { display: none !important; }
.shong-nav a { display: flex; width: 100%; min-height: 44px; margin: 0 0 8px; border: 1px solid var(–shong-line); align-items: center; justify-content: center; background: #fff; }
.shong-hero-grid, .shong-two { grid-template-columns: 1fr; gap: 28px; }
.shong-hero-grid { min-height: 0; padding: 40px 0; }
.shong-stats, .shong-grid, .shong-products, .shong-products.compact { grid-template-columns: 1fr; }
.shong-showcase { grid-template-columns: 1fr; }
.shong-mini-stack { display: none; }
.shong-section-head { display: block; }
.shong-section-head p { margin-top: 10px; }
.shong-product { min-height: 0; }
.shong-product img { height: 150px; }
.shong-contact-actions { justify-content: flex-start; }
}
Browse bicycles, cycling gear, attire and accessories from the live WooCommerce catalogue.
Kids bikes, foldable bikes and practical bicycle choices for everyday riders.
Helmets, gloves, protectors, eyewear and safety gear for more confident rides.
Cycling wear and ride-ready apparel for comfort and visibility.
Locks, pumps, bags, parts and small upgrades that keep a bike ready.
Live product links keep prices, images and product pages connected to WooCommerce.
RM349.00
RM198.99
Contact SHONG CYCLE SDN. BHD. for bicycle, gear, parts and accessory enquiries.
Showing 1–16 of 60 results
Enhance Safety and Style with Reflective Stickers If you’re looking for a simple yet effective way to improve visibility and add a touch of style to your vehicle or bicycle, this 10-piece set of Reflective Stickers is the perfect solution. Designed with striped reflective wheel tape, these stickers are suitable for use on motorcycles, cars,…
Unmatched Precision and Grip Experience the ultimate in cycling performance with the 900 Cycling Gloves – White. Designed for competitive cyclists, these gloves offer exceptional breathability and grip, making them ideal for road racing, endurance riding, and summer training. With their focus on ergonomics and control, these gloves ensure that every ride is both comfortable…
Exceptional Cold-Weather Performance Stay warm without sacrificing performance with the 900 Winter Cycling Gloves, meticulously crafted for serious cyclists who tackle winter weather head-on. Designed to keep you dry, warm, and in control, these gloves are ideal for winter commutes, endurance rides, or training sessions in cold, challenging conditions. Featuring specialized windproof and water-resistant protection,…
Dependable Protection for Everyday Use The Accessories Lock with Key 100 – Grey offers a secure and practical solution to safeguard your bike, scooter, or helmet. Designed with a steel core and PVC-coated cable, it provides solid resistance to theft while ensuring that your belongings stay safe. Perfect for low-risk areas or quick stops, this…
Versatile and Reliable Reflective Safety Vest Stay safe and visible with this fully adjustable reflective safety vest, designed to meet the needs of anyone who spends time outdoors, whether for work or recreation. Crafted from high-quality polyester, this vest offers lightweight comfort without compromising on durability. It’s an essential piece of gear to enhance your…
Unmatched Visual Clarity with HD Lenses Dive into sharp detail and vibrant colors with the Adult Cycling Category 3 HD Sunglasses Perf 100 – Black. Specifically designed for cyclists, these sunglasses feature high-definition lenses that enhance visual clarity and contrast, ensuring you see every curve, bump, and gradient of the road or trail ahead. The…
Enhance Your Bike’s Brake Efficiency The Brass Barrel Adjuster is a reliable and essential brake part specifically designed for bicycles equipped with linear or gyro cable systems. Built for precision, this small yet powerful tool allows riders to fine-tune their brake cable tension for optimal performance and safety. With M6 threading and a lightweight design,…
Effortless Security for Your Bike The Anti-Theft Spiral Lock 120 with Code is designed to offer a hassle-free and reliable solution for protecting your bike and other portable valuables. Featuring a versatile 4-digit programmable combination lock, this coiled cable offers a blend of durability, portability, and security. Whether for quick stops, securing your bike at…
Secure Your Ride with Ease The Anti-Theft Spiral Lock Key 120 is your go-to solution for dependable security and peace of mind. Designed with a traditional key-based locking system, this robust spiral lock helps protect your valuables—whether it’s your bike, helmet, or garden equipment. Featuring a versatile, coiled cable that stretches to accommodate poles, fences,…
Specifically designed for young riders, the Children’s Bike Protection Kit in XS – Pink provides full coverage for elbows, knees, and wrists. Ideal for beginners aged 3 to 7, it ensures safe learning while offering a cute, colorful design kids will love. Size: Extra Small (XS), ideal for ages 3–7 Color: Pink Includes: 6-piece set:…
Stylish and Functional Design If you’re looking for a cycling helmet that embodies both style and practicality, the City Cycling Helmet 500 – Black is the ideal choice. With a sleek, minimalist matte-black design, it seamlessly blends into the urban commuter’s lifestyle. Whether you’re casually riding through the city or enjoying a leisurely weekend ride,…
Uncompromising Protection for High-Altitude Adventures Engineered for vertical pursuits, the EDGE Climbing and Mountaineering Helmet – White/Red is your ultimate companion for challenging terrains. Whether you’re scaling rock faces, navigating via ferratas, or tackling alpine climbs, this helmet offers comprehensive protection against rockfall and impact, ensuring your safety in extreme environments. Lightweight yet robust, it…
20″ kids’ mountain bike with 7-speed gears, dual disc brakes and 2‑year warranty—designed for riders aged 7–15.
Designed for Aspiring BMX Racers The DK Swift Micro 18 inch Bike is the ultimate choice for young riders aged 5 to 8 who are keen to step into the exhilarating world of BMX racing. Built with a lightweight aluminum frame and precision race-ready geometry, this bike delivers superior speed, control, and endurance on the…
Experience BMX Heritage with Modern Versatility The 2023 Fairdale Taj 27.5 inch bike is a tribute to BMX legend Taj Mihelich, seamlessly blending classic BMX styling with contemporary comfort and practicality. Designed to cater to urban commuters, casual cruisers, and adventure-seekers alike, this bike delivers in both style and substance. With its chromoly frame and…
A stylish, foldable kids’ bike inspired by classic British design — upgraded with carbon wheels and U-brakes for a smooth, safe ride.