{"product_id":"4130-trail-mountain-bike-raw-phosphate","title":"State Bicycle Co. 4130 Trail Mountain Bike Raw Phosphate | 4130 Chromoly 12-Speed Hardtail","description":"\u003cstyle\u003e\n.bike-product-wrapper {\n    --brand-primary: #5f7038;\n    --brand-primary-dark: #4a5731;\n    --brand-accent: #E3B123;\n    --brand-dark: #212121;\n    --content-max: 1200px;\n    font-family: 'Inter','Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;\n    line-height: 1.6; color: #000;\n    overflow-x: hidden; background-color: #fff;\n    width:100vw; position:relative; left:50%; right:50%;\n    margin-left:-50vw; margin-right:-50vw;\n}\n.bike-product-wrapper img {\n    transition: transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94);\n    will-change: transform;\n    -webkit-user-select:none; user-select:none; pointer-events:auto;\n    -webkit-touch-callout:none;\n}\n\n\/* Lightbox Modal *\/\n.bike-product-wrapper .belcopia-modal {\n    display:none; position:fixed; z-index:99999;\n    left:0; top:0; right:0; bottom:0;\n    width:100vw; height:100vh;\n    background-color:rgba(0,0,0,0.85);\n    backdrop-filter:blur(8px);\n    opacity:0; transition:opacity 0.3s ease;\n}\n.bike-product-wrapper .belcopia-modal.show { display:block; opacity:1; }\n.bike-product-wrapper .belcopia-modal-content {\n    position:absolute; top:50%; left:50%;\n    transform:translate(-50%,-50%) scale(0.95);\n    max-width:90vw; max-height:85vh;\n    border-radius:12px; box-shadow:0 10px 40px rgba(0,0,0,0.5);\n    object-fit:contain;\n    transition:transform 0.3s cubic-bezier(0.25,0.46,0.45,0.94);\n}\n.bike-product-wrapper .belcopia-modal.show .belcopia-modal-content {\n    transform:translate(-50%,-50%) scale(1);\n}\n.bike-product-wrapper .belcopia-modal-close {\n    position:absolute; top:20px; right:30px; z-index:100000;\n    color:#fff; font-size:45px; font-weight:bold; cursor:pointer;\n    text-shadow:0 2px 4px rgba(0,0,0,0.5);\n}\n.bike-product-wrapper .belcopia-modal-close:hover { color:var(--brand-accent); }\n\n\/* Shimmer Animation *\/\n@keyframes metallicShimmer {\n    0% { background-position:0% 50%; }\n    100% { background-position:200% 50%; }\n}\n\n\/* At-A-Glance Bar *\/\n.bike-product-wrapper .at-a-glance-bar {\n    background-color:var(--brand-dark); color:#fff;\n    padding:12px 10px; contain:layout paint;\n}\n.bike-product-wrapper .glance-container {\n    display:flex; justify-content:space-around;\n    text-align:center; max-width:var(--content-max); margin:0 auto;\n    flex-wrap:wrap; gap:15px;\n}\n.bike-product-wrapper .glance-item {\n    display:flex; flex-direction:column; align-items:center; gap:5px;\n    font-size:0.8em; min-width:90px;\n}\n.bike-product-wrapper .glance-item img { width:36px; height:36px; filter:brightness(0) invert(1); }\n.bike-product-wrapper .glance-title { font-weight:bold; text-transform:uppercase; }\n\n\/* Terrain Rating *\/\n.bike-product-wrapper .terrain-rating {\n    display:flex; flex-wrap:wrap; gap:16px 32px; justify-content:center;\n    padding:16px 16px; margin:0; background:#1a1a1a;\n}\n.bike-product-wrapper .terrain-item {\n    display:flex; align-items:center; gap:8px; min-width:140px;\n}\n.bike-product-wrapper .terrain-label {\n    font-family:'Montserrat',sans-serif;\n    font-size:0.72em; font-weight:700; text-transform:uppercase; letter-spacing:1px;\n    color:#bbb; min-width:90px;\n}\n.bike-product-wrapper .terrain-stars {\n    display:flex; gap:2px; font-size:14px; line-height:1;\n}\n.bike-product-wrapper .terrain-star { color:#444; }\n.bike-product-wrapper .terrain-star.filled { color:var(--brand-accent);\n}\n\n\/* Video Embed *\/\n.bike-product-wrapper .video-section {\n    position:relative; padding-bottom:56.25%; height:0; overflow:hidden;\n    margin:40px 0; border-radius:8px; background:#000;\n}\n.bike-product-wrapper .video-section iframe {\n    position:absolute; top:0; left:0; width:100%; height:100%; border:0;\n}\n\n\/* Hero *\/\n.bike-product-wrapper .hero-image-section {\n    position:relative; height:50vh; min-height:400px; max-height:600px;\n    display:flex; align-items:center; justify-content:center;\n    overflow:hidden; background-color:#000; contain:layout paint;\n}\n.bike-product-wrapper .hero-image-section img {\n    position:absolute; top:50%; left:50%; width:100%; height:100%;\n    object-fit:cover; transform:translate(-50%,-50%); opacity:0.85;\n}\n.bike-product-wrapper .hero-overlay {\n    position:absolute; top:0; left:0; width:100%; height:100%;\n    background:linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.3) 60%);\n}\n.bike-product-wrapper .hero-content {\n    position:relative; z-index:3; padding:20px; text-align:center; width:100%;\n    display:flex; flex-direction:column; align-items:center;\n}\n.bike-product-wrapper .shimmer-text {\n    background:linear-gradient(90deg, var(--brand-primary) 0%, var(--brand-accent) 25%, #fff 50%, var(--brand-accent) 75%, var(--brand-primary) 100%);\n    background-size:200% auto; color:transparent;\n    -webkit-background-clip:text; background-clip:text;\n    animation:metallicShimmer 4s linear infinite;\n    -webkit-text-stroke:1px rgba(255,255,255,0.4);\n    filter:drop-shadow(2px 2px 10px rgba(0,0,0,0.8));\n}\n.bike-product-wrapper .hero-content h2 {\n    font-family:'Bebas Neue','Montserrat',sans-serif;\n    font-size:4em; font-weight:400; line-height:1.05;\n    text-transform:uppercase; letter-spacing:1px; margin:0 auto 10px auto;\n}\n.bike-product-wrapper .product-subtitle {\n    font-family:'Bebas Neue','Montserrat',sans-serif;\n    font-size:1.8em; font-weight:400; text-transform:uppercase;\n    letter-spacing:2px; display:block; width:100%; margin-top:5px;\n    -webkit-text-stroke:0.5px #fff;\n}\n\n\/* Content Sections *\/\n.bike-product-wrapper .page-content { max-width:var(--content-max); margin:0 auto; padding:10px 40px; }\n.bike-product-wrapper h3 {\n    font-family:'Bebas Neue','Montserrat',sans-serif;\n    font-size:3.5em !important; font-weight:400 !important; color:var(--brand-primary) !important;\n    border-bottom:none !important; padding-bottom:8px;\n    margin-bottom:30px; text-transform:uppercase; letter-spacing:3px; position:relative;\n    text-align:center;\n    width:fit-content; max-width:100%; margin-left:auto; margin-right:auto;\n}\n.bike-product-wrapper h3::after {\n    content:''; position:absolute; bottom:0; left:0;\n    width:100%; height:3px;\n    background-color:var(--brand-accent); transition:width 0.6s ease;\n}\n.bike-product-wrapper .unbordered-section:hover h3::after { width:100%; }\n\/* Left-aligned section header (narrative two-col sections) *\/\n\/* All section headings centered (Nelson 2026-08-14: no mixed left\/centre) *\/\n.bike-product-wrapper .section-head-left h3 { text-align:center; margin-left:auto; margin-right:auto; }\n.bike-product-wrapper h4 {\n    font-family:'Bebas Neue','Montserrat',sans-serif;\n    font-size:2.4em !important; font-weight:400 !important; color:#1a1a1a;\n    border-left:3px solid var(--brand-accent); padding-left:15px;\n    text-transform:uppercase; letter-spacing:2px; margin-bottom:15px;\n}\n.bike-product-wrapper .unbordered-section { padding:20px 0; border:none; }\n.bike-product-wrapper .description-emphasis { font-style:italic; font-weight:bold; color:var(--brand-primary); }\n.bike-product-wrapper .sub-headline {\n    font-family:'Montserrat',sans-serif;\n    font-size:1.5em !important; font-weight:600; font-style:italic; color:var(--brand-primary);\n    text-align:center; margin-bottom:25px; line-height:1.5; letter-spacing:0.5px;\n}\n.bike-product-wrapper p { margin-bottom:20px; line-height:1.7; font-size:1.1em; }\n\n\/* Two-Col Grid *\/\n.bike-product-wrapper .two-col-container {\n    display:grid; grid-template-columns:1fr; align-items:center; gap:30px; margin-bottom:25px;\n}\n@media (min-width:768px) {\n    .bike-product-wrapper .two-col-container { grid-template-columns:1fr 1fr; }\n    .bike-product-wrapper .two-col-container.reverse \u003e :first-child { order:2; }\n}\n.bike-product-wrapper .two-col-container img {\n    width:100%; max-height:380px; object-fit:cover; border-radius:12px;\n    box-shadow:0 8px 30px rgba(0,0,0,0.12); display:block; overflow:hidden;\n    cursor:zoom-in; transition:transform 0.5s ease;\n}\n@media (hover:hover) { .bike-product-wrapper .two-col-container img:hover { transform:scale(1.03); } }\n.bike-product-wrapper .two-col-list { list-style:none; padding:0; }\n.bike-product-wrapper .two-col-list li {\n    display:flex; align-items:flex-start; margin-bottom:20px; font-weight:500;\n}\n.bike-product-wrapper .two-col-list li::before {\n    content:'\\2713'; color:var(--brand-accent); font-size:1.6em;\n    margin-right:15px; line-height:1; font-weight:900;\n}\n\n\/* For You — cinematic background section *\/\n.bike-product-wrapper .for-you-section {\n    position:relative; padding:50px 40px; margin:30px 0;\n    background-color:#111; background-size:cover; background-position:center;\n    background-attachment:scroll; overflow:hidden;\n}\n.bike-product-wrapper .for-you-section::before {\n    content:''; position:absolute; top:0; left:0; width:100%; height:100%;\n    background:linear-gradient(135deg, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0.82) 100%);\n    z-index:1;\n}\n.bike-product-wrapper .for-you-section \u003e * { position:relative; z-index:2; }\n.bike-product-wrapper .for-you-section h3 {\n    color:#fff; border-bottom-color:rgba(255,255,255,0.15);\n}\n.bike-product-wrapper .for-you-section h3::after { background-color:var(--brand-primary); }\n.bike-product-wrapper .for-you-section .two-col-list li {\n    font-family:'Montserrat',sans-serif;\n    color:#e0e0e0; font-weight:500; font-size:1.05em; line-height:1.6; letter-spacing:0.3px;\n}\n.bike-product-wrapper .for-you-section .two-col-list li::before {\n    color:var(--brand-accent);\n}\n.bike-product-wrapper .for-you-section .bike-fade-swap {\n    box-shadow:0 8px 30px rgba(0,0,0,0.4);\n}\n\n\/* 2-Image Crossfade Swap *\/\n.bike-product-wrapper .bike-fade-swap {\n    position:relative; width:100%; border-radius:12px;\n    overflow:hidden; box-shadow:0 8px 30px rgba(0,0,0,0.12); aspect-ratio:4\/3;\n}\n.bike-product-wrapper .bike-fade-swap .fade-img {\n    position:absolute; top:0; left:0; width:100%; height:100%;\n    object-fit:cover; opacity:0; transition:opacity 0.8s ease-in-out;\n    cursor:zoom-in; border-radius:0; box-shadow:none; max-height:none;\n}\n.bike-product-wrapper .bike-fade-swap .fade-img.active { opacity:1; z-index:2; }\n\n\/* Key Features — Horizontal Scroller *\/\n.bike-product-wrapper .features-scroller-wrap { position:relative; }\n.bike-product-wrapper .features-scroller {\n    display:flex; overflow-x:auto; padding-bottom:20px;\n    scroll-snap-type:x mandatory; scrollbar-width:none;\n    -ms-overflow-style:none; scroll-behavior:smooth; contain:layout paint;\n}\n.bike-product-wrapper .features-scroller::-webkit-scrollbar { display:none; }\n.bike-product-wrapper .features-scroller-progress {\n    width:100%; height:3px; background:#e0e0e0; border-radius:2px; margin-top:15px; overflow:hidden;\n}\n.bike-product-wrapper .features-scroller-progress-bar {\n    height:100%; background:var(--brand-primary); border-radius:2px; width:30%;\n}\n.bike-product-wrapper .features-scroller-nav {\n    display:flex; justify-content:flex-end; gap:10px; margin-top:15px;\n}\n.bike-product-wrapper .features-scroller-nav button {\n    width:44px; height:44px; border-radius:3px; border:1.5px solid var(--brand-primary); background:#fff;\n    cursor:pointer; display:flex; align-items:center; justify-content:center;\n    transition:all 0.2s ease; font-size:18px; color:var(--brand-primary);\n}\n.bike-product-wrapper .features-scroller-nav button:hover {\n    background:var(--brand-primary); color:#fff;\n}\n.bike-product-wrapper .features-dark-section {\n    background:#111; padding:40px 40px 30px; margin:30px 0; border-top:3px solid var(--brand-primary);\n    background-image:radial-gradient(circle at 1px 1px, rgba(227,177,35,0.04) 1px, transparent 0);\n    background-size:28px 28px;\n}\n.bike-product-wrapper .features-dark-section h3 { color:#fff; border-bottom-color:#333; }\n.bike-product-wrapper .features-dark-section h3::after { background-color:var(--brand-primary); }\n.bike-product-wrapper .features-dark-section .scroll-hint { color:#bbb; }\n.bike-product-wrapper .features-dark-section .features-scroller-nav button {\n    background:#1a1a1a; border-color:#333; color:#fff;\n}\n.bike-product-wrapper .features-dark-section .features-scroller-nav button:hover {\n    border-color:var(--brand-primary); background:#252525;\n}\n.bike-product-wrapper .features-dark-section .features-scroller-progress { background:#333; }\n.bike-product-wrapper .features-dark-section .features-scroller-progress-bar { background:var(--brand-primary); }\n.bike-product-wrapper .feature-card {\n    flex:0 0 280px; margin-right:20px; background:transparent; border-radius:0;\n    border:none; overflow:hidden; box-shadow:none;\n    display:flex; flex-direction:column; text-align:center;\n    scroll-snap-align:start;\n}\n.bike-product-wrapper .feature-card:last-child { margin-right:0; }\n.bike-product-wrapper .feature-card:hover { transform:none; box-shadow:none; }\n.bike-product-wrapper .feature-card.has-image img {\n    width:100%; height:190px; object-fit:cover; border-radius:12px; cursor:zoom-in;\n    transition:transform 0.3s ease;\n}\n.bike-product-wrapper .feature-card.has-image:hover img { transform:scale(1.03); }\n.bike-product-wrapper .feature-card-content { padding:12px 8px 0; flex-grow:1; display:flex; flex-direction:column; align-items:center; }\n.bike-product-wrapper .feature-card h4 {\n    font-family:'Bebas Neue','Montserrat',sans-serif !important;\n    color:var(--brand-primary) !important; font-size:1.25em !important; font-weight:400 !important;\n    line-height:1.05 !important; letter-spacing:0.04em; text-transform:uppercase;\n    border:none !important; padding:0 !important; margin-bottom:6px !important;\n}\n.bike-product-wrapper .feature-card p { font-size:0.85em; color:#555; margin:0; line-height:1.45; max-width:260px; }\n\n\/* Key Features — Text-Only Grid *\/\n.bike-product-wrapper .features-grid {\n    display:grid; grid-template-columns:1fr; gap:20px; margin-top:15px;\n}\n@media (min-width:768px) {\n    .bike-product-wrapper .features-grid { grid-template-columns:repeat(2, 1fr); }\n}\n.bike-product-wrapper .feature-card.text-only {\n    border-top:3px solid var(--brand-primary); background:#1a1a1a;\n    border-radius:8px; padding:0; flex:0 0 240px; margin-right:14px;\n    scroll-snap-align:start;\n}\n.bike-product-wrapper .feature-card.text-only .feature-card-content { padding:18px 16px; text-align:center; }\n.bike-product-wrapper .feature-card.text-only h4 { color:var(--brand-primary) !important; font-size:1.35em !important; margin-bottom:8px !important; font-weight:700 !important; letter-spacing:0.06em !important; border:none !important; padding:0 !important; font-family:'Bebas Neue','Montserrat',sans-serif !important; text-transform:uppercase; line-height:1.2; }\n.bike-product-wrapper .feature-card.text-only p { color:#bbb; max-width:none; font-size:0.92em; line-height:1.55; }\n.bike-product-wrapper .feature-note {\n    font-size:0.85em; color:#555; font-style:italic; margin-top:-20px; margin-bottom:25px;\n}\n.bike-product-wrapper .scroll-hint {\n    font-size:0.85em; color:var(--brand-primary); font-style:italic;\n    text-align:right; margin-bottom:8px; display:block; font-weight:bold;\n}\n@media (min-width:992px) { .bike-product-wrapper .scroll-hint { display:none; } }\n\n\/* YouTube Facade (lazy-load — no iframe until click) *\/\n.bike-product-wrapper .yt-video-grid {\n    display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:20px;\n}\n@media (max-width:640px) {\n    .bike-product-wrapper .yt-video-grid { grid-template-columns:1fr; }\n}\n.bike-product-wrapper .yt-facade {\n    position:relative; cursor:pointer; border-radius:12px; overflow:hidden;\n    background:#111;\n}\n.bike-product-wrapper .yt-facade::before {\n    content:''; display:block; padding-top:56.25%;\n}\n.bike-product-wrapper .yt-facade img {\n    position:absolute; top:0; left:0; width:100%; height:100%;\n    object-fit:cover; transition:transform 0.3s ease; display:block;\n}\n.bike-product-wrapper .yt-facade:hover img { transform:scale(1.03); }\n.bike-product-wrapper .yt-play-btn {\n    position:absolute; top:50%; left:50%;\n    transform:translate(-50%,-50%); pointer-events:none;\n    transition:transform 0.2s ease; filter:drop-shadow(0 2px 8px rgba(0,0,0,0.4));\n}\n.bike-product-wrapper .yt-facade:hover .yt-play-btn {\n    transform:translate(-50%,-50%) scale(1.12);\n}\n.bike-product-wrapper .yt-facade iframe {\n    position:absolute; top:0; left:0; width:100%; height:100%; border:none;\n}\n.bike-product-wrapper .yt-video-title {\n    margin:10px 0 0; font-size:0.9em; font-weight:600; color:#444;\n    text-align:center; text-transform:uppercase; letter-spacing:0.04em;\n}\n\n\/* Comparison Table *\/\n.bike-product-wrapper .compare-table-wrap {\n    overflow-x:auto; -webkit-overflow-scrolling:touch; margin-top:20px;\n    max-width:var(--content-max); margin-left:auto; margin-right:auto;\n}\n.bike-product-wrapper .compare-table {\n    width:100%; border-collapse:collapse; min-width:700px;\n}\n.bike-product-wrapper .compare-table th,\n.bike-product-wrapper .compare-table td {\n    padding:8px 16px; text-align:center; vertical-align:middle;\n    border-bottom:1px solid #eee; font-size:0.92em;\n}\n.bike-product-wrapper .compare-table thead th {\n    border-bottom:2px solid #ddd; padding-top:6px; padding-bottom:6px; vertical-align:top;\n}\n.bike-product-wrapper .compare-table .compare-label {\n    font-family:'Montserrat',sans-serif;\n    text-align:left; font-weight:700; color:#1a1a1a; text-transform:uppercase;\n    font-size:0.82em; letter-spacing:0.08em; width:18%;\n}\n.bike-product-wrapper .compare-img {\n    width:100%; max-width:220px; height:150px; object-fit:contain; margin:0 auto; display:block;\n    border-radius:8px;\n}\n.bike-product-wrapper .compare-name {\n    font-family:'Montserrat',sans-serif;\n    font-weight:700; font-size:0.95em; color:#1a1a1a; margin:10px 0 2px;\n    text-transform:uppercase; letter-spacing:0.08em; min-height:2.4em;\n    display:flex; align-items:center; justify-content:center;\n}\n.bike-product-wrapper .compare-price {\n    font-weight:700; font-size:1.1em; color:var(--brand-primary);\n}\n.bike-product-wrapper .compare-highlight {\n    background:#f9f9f5;\n}\n.bike-product-wrapper .compare-highlight .compare-name {\n    color:var(--brand-primary);\n}\n.bike-product-wrapper .compare-cta {\n    display:inline-block; padding:12px 30px; border-radius:3px;\n    font-family:'Inter',sans-serif;\n    font-weight:700; font-size:0.85em; text-transform:uppercase;\n    letter-spacing:1px; text-decoration:none; transition:all 0.2s ease;\n    margin-top:4px;\n}\n.bike-product-wrapper .compare-cta-primary {\n    background:var(--brand-primary); color:#fff;\n}\n.bike-product-wrapper .compare-cta-primary:hover {\n    background:var(--brand-primary-dark);\n}\n.bike-product-wrapper .compare-cta-secondary {\n    background:transparent; color:var(--brand-primary); border:1.5px solid var(--brand-primary);\n}\n.bike-product-wrapper .compare-cta-secondary:hover {\n    background:var(--brand-primary); color:#fff;\n}\n.bike-product-wrapper .compare-winner {\n    font-weight:800; color:var(--brand-accent);\n}\n@media (max-width:700px) {\n    .bike-product-wrapper .compare-table { font-size:0.82em; }\n    .bike-product-wrapper .compare-table th,\n    .bike-product-wrapper .compare-table td { padding:8px 6px; }\n    .bike-product-wrapper .compare-img { max-width:140px; }\n}\n\n\/* Why Build Matters — dark section with optional bg image *\/\n\/* Why This Build Matters — LIGHT editorial cards w\/ gold number badges (compact) *\/\n.bike-product-wrapper .why-matters-section {\n    position:relative; padding:18px 40px 30px; margin:18px 0; border-top:3px solid var(--brand-primary);\n    background:#f7f8f6; overflow:hidden;\n}\n.bike-product-wrapper .why-matters-bg {\n    position:absolute; top:0; left:0; width:100%; height:100%;\n    background-size:cover; background-position:center; background-repeat:no-repeat;\n    opacity:0.06; z-index:0;\n}\n.bike-product-wrapper .why-matters-section \u003e * { position:relative; z-index:1; }\n.bike-product-wrapper .why-matters-section h3 { color:var(--brand-primary); margin-top:0; margin-bottom:14px; }\n.bike-product-wrapper .why-matters-section \u003e p { color:#555; font-size:0.95em; text-align:center; max-width:720px; margin:0 auto 4px; }\n.bike-product-wrapper .three-col-grid { display:grid; grid-template-columns:1fr; gap:16px; margin-top:16px; }\n@media (min-width:768px) { .bike-product-wrapper .three-col-grid { grid-template-columns:repeat(3, 1fr); } }\n.bike-product-wrapper .tech-proof-card {\n    position:relative; background:#fff; border:1px solid #e8e8e8;\n    border-top:3px solid var(--brand-primary);\n    padding:18px 20px 18px; border-radius:10px;\n    box-shadow:0 2px 10px rgba(0,0,0,0.04); transition:transform 0.3s ease, box-shadow 0.3s ease;\n    overflow:hidden; display:flex; flex-direction:column;\n}\n.bike-product-wrapper .proof-num {\n    font-family:'Bebas Neue','Montserrat',sans-serif;\n    font-size:1.1em; font-weight:400; line-height:1; color:var(--brand-accent);\n    letter-spacing:1px; margin-bottom:5px; display:block;\n}\n.bike-product-wrapper .tech-proof-card.has-img { padding:0; }\n.bike-product-wrapper .tech-proof-card.has-img .proof-num {\n    position:absolute; top:12px; left:14px; z-index:2; margin:0;\n    background:rgba(0,0,0,0.55); color:#fff; padding:2px 9px; border-radius:20px;\n    font-size:1em; backdrop-filter:blur(2px);\n}\n.bike-product-wrapper .tech-proof-card.has-img h4,\n.bike-product-wrapper .tech-proof-card.has-img p { padding:0 20px; }\n.bike-product-wrapper .tech-proof-card.has-img h4 { padding-top:14px; }\n.bike-product-wrapper .tech-proof-card.has-img p { padding-bottom:18px; flex-grow:1; }\n.bike-product-wrapper .proof-card-img {\n    width:100%; aspect-ratio:16\/9; object-fit:cover; display:block;\n    border-radius:10px 10px 0 0; margin-bottom:0;\n}\n.bike-product-wrapper .tech-proof-card:hover {\n    transform:translateY(-4px); box-shadow:0 14px 34px rgba(95,112,56,0.14);\n}\n.bike-product-wrapper .tech-proof-card h4 {\n    font-family:'Bebas Neue','Montserrat',sans-serif;\n    color:var(--brand-primary); font-size:1.05em; font-weight:400; letter-spacing:0.05em;\n    text-transform:uppercase; line-height:1.2; border:none; padding:0; margin-bottom:6px;\n    \/* Nelson 2026-08-14: was nowrap+ellipsis, which truncated titles to \"THE HANGER…\".\n       Wrap instead so the full heading always shows. *\/\n    white-space:normal; overflow-wrap:break-word;\n}\n.bike-product-wrapper .tech-proof-card p { font-size:0.85em; color:#555; margin:0; line-height:1.5; }\n\n\/* Expert Insight — dark block with brand bg *\/\n.bike-product-wrapper .expert-insight {\n    background-color:#111; border-left:none; border-top:3px solid var(--brand-primary);\n    padding:40px 40px; margin:30px 0; border-radius:0;\n    position:relative; overflow:hidden;\n    background-image:url('https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/belcopia-gear-desk-background.png?v=1775539688');\n    background-size:cover; background-position:center;\n}\n.bike-product-wrapper .expert-insight::before {\n    content:''; position:absolute; top:0; left:0; width:100%; height:100%;\n    background:rgba(0,0,0,0.5); z-index:1;\n}\n.bike-product-wrapper .expert-insight \u003e * { position:relative; z-index:2; }\n.bike-product-wrapper .expert-insight-quote {\n    font-style:italic; font-weight:500; font-size:1.15em; color:#fff;\n    margin:0 0 12px; line-height:1.6;\n}\n.bike-product-wrapper .expert-insight-attr {\n    font-family:'Montserrat',sans-serif;\n    font-weight:700; font-size:0.85em; color:var(--brand-accent);\n    text-transform:uppercase; letter-spacing:2px;\n}\n\n\/* Accordion *\/\n\/* Tabbed Sections — horizontal nav + panels *\/\n.bike-product-wrapper .tabs-wrapper {\n    margin:40px auto; background:#fff; max-width:var(--content-max);\n}\n.bike-product-wrapper .tabs-nav {\n    display:flex; gap:0; border-bottom:2px solid #eee;\n    overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none;\n}\n.bike-product-wrapper .tabs-nav::-webkit-scrollbar { display:none; }\n.bike-product-wrapper .tabs-nav button {\n    font-family:'Montserrat',sans-serif;\n    background:none; border:none; border-bottom:3px solid transparent;\n    padding:16px 24px; font-size:0.9em; font-weight:700; color:#888;\n    text-transform:uppercase; letter-spacing:1px; cursor:pointer;\n    white-space:nowrap; transition:color 0.2s ease, border-color 0.2s ease;\n    margin-bottom:-2px;\n}\n.bike-product-wrapper .tabs-nav button:hover { color:#1a1a1a; }\n.bike-product-wrapper .tabs-nav button.active {\n    color:var(--brand-primary); border-bottom-color:var(--brand-accent);\n}\n.bike-product-wrapper .tab-panel {\n    display:none; padding:30px 0;\n}\n.bike-product-wrapper .tab-panel.active {\n    display:block;\n}\n\n\/* Accordion (legacy details\/summary expandable sections) *\/\n.bike-product-wrapper .accordion-wrapper {\n    margin:40px auto; max-width:var(--content-max);\n}\n.bike-product-wrapper details.accordion-item {\n    border-bottom:1px solid #eee;\n}\n.bike-product-wrapper details.accordion-item:last-child {\n    border-bottom:none;\n}\n.bike-product-wrapper details.accordion-item \u003e summary {\n    font-family:'Montserrat',sans-serif;\n    font-weight:700; font-size:1em; text-transform:uppercase;\n    letter-spacing:1px; color:#333; cursor:pointer;\n    padding:20px 40px 20px 0; position:relative;\n    list-style:none; display:flex; align-items:center;\n    justify-content:space-between;\n}\n.bike-product-wrapper details.accordion-item \u003e summary:hover {\n    color:var(--brand-primary);\n}\n.bike-product-wrapper details.accordion-item \u003e summary::after {\n    content:''; width:8px; height:8px;\n    border-right:2px solid currentColor; border-bottom:2px solid currentColor;\n    transform:rotate(45deg); transition:transform 0.2s ease; flex-shrink:0;\n}\n.bike-product-wrapper details.accordion-item[open] \u003e summary {\n    color:var(--brand-primary);\n}\n.bike-product-wrapper details.accordion-item[open] \u003e summary::after {\n    transform:rotate(-135deg);\n}\n.bike-product-wrapper .accordion-content {\n    padding:20px 0 30px;\n}\n\n\/* Spec Table *\/\n.bike-product-wrapper .table-wrapper {\n    width:100%; overflow-x:auto; border-radius:8px;\n    border:1px solid #ddd; margin-bottom:25px; box-shadow:0 4px 10px rgba(0,0,0,0.02);\n}\n.bike-product-wrapper .spec-table { width:100%; border-collapse:collapse; min-width:600px; }\n.bike-product-wrapper .spec-table.two-col th { width:28%; }\n.bike-product-wrapper .spec-table.four-col th { width:20%; }\n.bike-product-wrapper .spec-table.four-col td { width:30%; }\n.bike-product-wrapper .spec-table th {\n    font-family:'Montserrat',sans-serif;\n    background-color:#f7f8f6; font-weight:700; text-transform:uppercase;\n    font-size:0.82em; color:var(--brand-primary); border-left:3px solid var(--brand-primary);\n    padding:12px 15px; text-align:left; letter-spacing:0.06em;\n}\n.bike-product-wrapper .spec-table td { padding:12px 15px; border:1px solid #eee; font-size:0.9em; text-align:left; color:#333; }\n.bike-product-wrapper .spec-table tr:hover td { background-color:#fcfcfc; }\n\n\/* Customize Your Build — upgrade cards (added 2026-08-14) *\/\n.bike-product-wrapper .upgrades-section { margin:34px 0; }\n.bike-product-wrapper .upg-note {\n    text-align:center; color:#555; font-size:0.95em; max-width:720px; margin:0 auto 22px;\n}\n.bike-product-wrapper .upg-group { margin-bottom:26px; }\n.bike-product-wrapper .upg-group-label {\n    font-family:'Bebas Neue','Montserrat',sans-serif; font-weight:400; letter-spacing:0.08em;\n    text-transform:uppercase; color:var(--brand-primary); font-size:1.15em;\n    text-align:center; margin:0 0 14px; border:none; padding:0;\n}\n.bike-product-wrapper .upg-grid { display:grid; grid-template-columns:1fr; gap:14px; }\n@media (min-width:768px) { .bike-product-wrapper .upg-grid { grid-template-columns:repeat(3,1fr); } }\n.bike-product-wrapper .upg-card {\n    position:relative; background:#fff; border:1px solid #e2e2e2; border-radius:10px;\n    padding:18px 18px 16px; display:flex; flex-direction:column;\n    box-shadow:0 2px 10px rgba(0,0,0,0.04); transition:transform .25s ease, box-shadow .25s ease;\n}\n.bike-product-wrapper .upg-card:hover { transform:translateY(-3px); box-shadow:0 12px 28px rgba(95,112,56,0.13); }\n.bike-product-wrapper .upg-card--featured { border:2px solid var(--brand-primary); }\n.bike-product-wrapper .upg-tag {\n    align-self:flex-start; background:var(--brand-primary); color:#fff; font-size:0.68em;\n    font-weight:700; letter-spacing:0.08em; text-transform:uppercase;\n    padding:3px 10px; border-radius:20px; margin-bottom:10px;\n}\n.bike-product-wrapper .upg-name { font-weight:700; font-size:1em; color:#1a1a1a; margin-bottom:4px; }\n.bike-product-wrapper .upg-price {\n    font-weight:800; font-size:0.92em; color:var(--brand-primary); margin-bottom:10px;\n}\n.bike-product-wrapper .upg-bullets { list-style:none; padding:0; margin:0; }\n.bike-product-wrapper .upg-bullets li {\n    position:relative; padding-left:18px; font-size:0.85em; color:#555;\n    line-height:1.5; margin-bottom:6px;\n}\n.bike-product-wrapper .upg-bullets li::before {\n    content:'¹3'; position:absolute; left:0; top:0; color:var(--brand-accent); font-weight:900;\n}\n\n\/* Geometry — diagram + slanted-header two-section table *\/\n.bike-product-wrapper .geo-layout {\n    display:flex; gap:24px; align-items:flex-start;\n}\n.bike-product-wrapper .geo-diagram {\n    flex:0 0 auto; max-width:420px; width:100%;\n}\n.bike-product-wrapper .geo-diagram img {\n    width:100%; height:auto; border-radius:6px;\n}\n@media (max-width:768px) {\n    .bike-product-wrapper .geo-layout { flex-direction:column; }\n    .bike-product-wrapper .geo-diagram { max-width:100%; }\n}\n.bike-product-wrapper .geo-table-wrapper {\n    flex:1 1 auto; overflow-x:auto;\n}\n.bike-product-wrapper .geo-table {\n    border-collapse:collapse; font-size:0.8em; width:100%;\n}\n.bike-product-wrapper .geo-table thead tr th {\n    height:110px; white-space:nowrap; vertical-align:bottom;\n    padding:0; border:none; background:transparent; min-width:28px;\n}\n.bike-product-wrapper .geo-table thead th.geo-corner { min-width:0; width:18px; }\n.bike-product-wrapper .geo-table thead th.geo-size-th { min-width:40px; width:40px; }\n.bike-product-wrapper .geo-table thead th.geo-col-header \u003e div {\n    transform-origin:bottom left;\n    transform:translateX(12px) rotate(-45deg);\n    width:22px; padding-bottom:4px;\n    font-size:0.78em; font-weight:600; color:#333; line-height:1.2;\n    white-space:nowrap;\n}\n.bike-product-wrapper .geo-table thead th.geo-col-header .geo-letter {\n    font-weight:800; color:#333; display:block; font-size:1.25em;\n}\n.bike-product-wrapper .geo-table tbody td, .bike-product-wrapper .geo-table tbody th {\n    padding:5px 7px; border:1px solid #e8e8e8; text-align:center;\n    font-size:0.9em; color:#333;\n}\n.bike-product-wrapper .geo-table tbody .geo-unit-label {\n    background:#f7f8f6; font-weight:700; font-size:0.7em;\n    text-transform:uppercase; letter-spacing:1px; color:#1a1a1a;\n    padding:4px 6px; white-space:nowrap; border-left:4px solid #1a1a1a;\n}\n.bike-product-wrapper .geo-table tbody .geo-unit-label \u003e span {\n    display:inline-block; writing-mode:vertical-rl; transform:rotate(180deg);\n}\n.bike-product-wrapper .geo-table tbody .geo-size {\n    font-weight:700; text-align:left; padding-left:8px; color:#1a1a1a;\n}\n.bike-product-wrapper .geo-table tbody tr:hover td {\n    background:#fcfcfc;\n}\n.bike-product-wrapper .geo-table tbody tr.geo-section-divider td,\n.bike-product-wrapper .geo-table tbody tr.geo-section-divider th {\n    border-top:2px solid #ccc;\n}\n\n\/* Geometry — legacy single-size two-column layout *\/\n.bike-product-wrapper .geo-two-col {\n    display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:stretch;\n}\n.bike-product-wrapper .geo-img-col {\n    display:flex; align-items:center;\n}\n.bike-product-wrapper .geo-img-col img {\n    width:100%; height:auto; border-radius:8px; display:block;\n    cursor:zoom-in; transition:transform 0.3s ease;\n}\n.bike-product-wrapper .geo-img-col img:hover { transform:scale(1.02); }\n.bike-product-wrapper .geo-rider-height {\n    font-size:1em; color:#555; margin:0 0 14px;\n    padding-bottom:12px; border-bottom:1px solid #eee;\n}\n.bike-product-wrapper .geo-rider-height strong { color:#1a1a1a; }\n@media (max-width:768px) {\n    .bike-product-wrapper .geo-two-col {\n        grid-template-columns:1fr;\n    }\n}\n\n\/* Sizing *\/\n.bike-product-wrapper .sizing-row {\n    display:flex; flex-wrap:wrap; gap:10px; justify-content:center; align-items:center;\n    padding:14px 0; margin:24px 0 8px;\n    border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;\n}\n.bike-product-wrapper .sizing-row .sizing-label {\n    font-size:0.75em; text-transform:uppercase; letter-spacing:1px;\n    color:var(--brand-primary); font-weight:700; margin-right:6px;\n}\n.bike-product-wrapper .sizing-row .sizing-chip {\n    display:inline-flex; align-items:center; gap:6px;\n    padding:5px 14px; border:1px solid #ddd; border-radius:6px;\n    font-size:0.85em; color:#444; background:#fafafa;\n}\n.bike-product-wrapper .sizing-row .sizing-chip strong {\n    color:var(--brand-primary); font-weight:700;\n}\n\n\/* FAQ *\/\n.bike-product-wrapper details.faq-item { border:none; border-bottom:1px solid #f0f0f0; margin-bottom:0; }\n.bike-product-wrapper details.faq-item:last-child { border-bottom:none; }\n.bike-product-wrapper details.faq-item summary { font-size:1em; font-weight:600; padding:18px 45px 18px 0; color:#2c2c2c; }\n.bike-product-wrapper details.faq-item summary:hover { color:var(--brand-primary); }\n.bike-product-wrapper details.faq-item summary::after { width:8px; height:8px; border-right:2px solid #2c2c2c; border-bottom:2px solid #2c2c2c; }\n.bike-product-wrapper .faq-answer { padding:0 0 20px; font-size:0.9em; color:#555; line-height:1.6; margin:0; }\n\n\/* List Section *\/\n.bike-product-wrapper .list-section ul { list-style:none; padding:0; margin-top:5px; }\n.bike-product-wrapper .list-section li {\n    display:flex; flex-direction:column; padding-left:35px; position:relative; margin-bottom:8px;\n}\n.bike-product-wrapper .list-section li::before {\n    content:'\\2713'; position:absolute; left:0; top:0;\n    color:var(--brand-accent); font-size:1.6em; line-height:1; font-weight:900;\n}\n.bike-product-wrapper .list-section .item-title { font-weight:bold; text-transform:uppercase; letter-spacing:0.5px; color:#2c2c2c; font-size:0.9em; }\n.bike-product-wrapper .list-section .item-desc { font-size:0.85em; color:#555; }\n\n\/* What's In The Box — enhanced *\/\n.bike-product-wrapper ul.box-list { list-style:none; padding:0; margin-top:10px; display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:14px; }\n.bike-product-wrapper .box-item { display:flex; align-items:flex-start; gap:14px; background:#f9f9f7; border:1px solid #e5e5e0; border-radius:8px; padding:16px; }\n.bike-product-wrapper .box-item::before { display:none; }\n.bike-product-wrapper .box-icon { font-size:2em; line-height:1; flex-shrink:0; }\n.bike-product-wrapper .box-item-content { display:flex; flex-direction:column; gap:4px; }\n.bike-product-wrapper .box-item-content .item-title { font-weight:700; text-transform:uppercase; letter-spacing:0.5px; color:#1a1a1a; font-size:0.88em; display:block; }\n.bike-product-wrapper .box-item-content .item-desc { font-size:0.83em; color:#555; line-height:1.5; display:block; }\n.bike-product-wrapper .box-sub-list { list-style:none; padding:0; margin:6px 0 0; }\n.bike-product-wrapper .box-sub-list li { font-size:0.8em; color:#666; padding-left:14px; position:relative; margin-bottom:3px; }\n.bike-product-wrapper .box-sub-list li::before { content:'–'; position:absolute; left:0; color:#999; }\n@media (max-width:600px) { .bike-product-wrapper ul.box-list { grid-template-columns:1fr; } }\n\n\/* What's In The Box — simple checklist bullets (self-contained; survives tab-panel unwrap) *\/\n.bike-product-wrapper ul.box-checklist { list-style:none; padding:0; margin:8px 0 0; }\n.bike-product-wrapper .box-checklist \u003e li { position:relative; padding-left:30px; margin-bottom:14px; }\n.bike-product-wrapper .box-checklist \u003e li::before {\n    content:'\\2713'; position:absolute; left:0; top:0;\n    color:var(--brand-accent); font-size:1.2em; line-height:1.25; font-weight:900;\n}\n.bike-product-wrapper .box-checklist .item-title { display:block; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; color:#1a1a1a; font-size:0.9em; }\n.bike-product-wrapper .box-checklist .item-desc { display:block; font-size:0.85em; color:#555; line-height:1.5; margin-top:2px; }\n\n\/* Inline conversion CTA — re-prompts the sale mid-scroll, scrolls back to buy box *\/\n.bike-product-wrapper .inline-cta-band {\n    max-width:var(--content-max); margin:42px auto; padding:34px 24px;\n    text-align:center; border-radius:14px;\n    background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));\n}\n.bike-product-wrapper .inline-cta-headline {\n    font-family:'Bebas Neue','Montserrat',sans-serif; color:#fff;\n    font-size:2.2em; line-height:1.05; margin:0 0 16px;\n    text-transform:uppercase; letter-spacing:1px;\n}\n.bike-product-wrapper .inline-cta-btn {\n    display:inline-block; background:var(--brand-accent); color:#1a1a1a;\n    font-family:'Montserrat',sans-serif; font-weight:800; text-transform:uppercase;\n    letter-spacing:1.2px; font-size:0.8em; text-decoration:none; cursor:pointer;\n    padding:11px 30px; border-radius:6px; box-shadow:0 6px 18px rgba(0,0,0,0.25);\n    transition:transform 0.2s ease, box-shadow 0.2s ease;\n}\n.bike-product-wrapper .inline-cta-btn:hover { transform:translateY(-2px); box-shadow:0 10px 26px rgba(0,0,0,0.35); }\n.bike-product-wrapper .inline-cta-trust {\n    color:rgba(255,255,255,0.85); font-size:0.82em; margin:16px 0 0;\n    font-family:'Montserrat',sans-serif; letter-spacing:0.3px;\n}\n@media (max-width:600px) {\n    .bike-product-wrapper .inline-cta-headline { font-size:1.6em; }\n    .bike-product-wrapper .inline-cta-btn { padding:14px 36px; }\n}\n\n\/* ── Subtle premium animations ── (gated on .anim-ready so content never hides if JS fails) *\/\n.bike-product-wrapper.anim-ready .reveal { opacity:0; transform:translateY(20px); transition:opacity 0.7s ease, transform 0.7s ease; }\n.bike-product-wrapper.anim-ready .reveal.in-view { opacity:1; transform:none; }\n\/* section underline draws in on reveal *\/\n.bike-product-wrapper.anim-ready .reveal h3::after { width:0; transition:width 0.7s ease 0.2s; }\n.bike-product-wrapper.anim-ready .reveal.in-view h3::after { width:100%; }\n\/* hero slow Ken Burns *\/\n@keyframes bcKenBurns { from { transform:translate(-50%,-50%) scale(1); } to { transform:translate(-50%,-50%) scale(1.08); } }\n.bike-product-wrapper .hero-image-section img { animation:bcKenBurns 16s ease-out both; }\n\/* feature card hover lift *\/\n.bike-product-wrapper .feature-card.has-image { transition:transform 0.3s ease; }\n.bike-product-wrapper .feature-card.has-image:hover { transform:translateY(-5px); }\n@media (prefers-reduced-motion:reduce) {\n    .bike-product-wrapper .hero-image-section img { animation:none; }\n    .bike-product-wrapper.anim-ready .reveal { opacity:1; transform:none; transition:none; }\n    .bike-product-wrapper.anim-ready .reveal h3::after { width:100%; transition:none; }\n}\n\n\/* Responsive *\/\n@media (max-width:768px) {\n    .bike-product-wrapper .hero-content h2 { font-size:2.2em; }\n    .bike-product-wrapper .product-subtitle { font-size:1.1em; }\n    .bike-product-wrapper h3 { font-size:2.8em; letter-spacing:2px; }\n    .bike-product-wrapper h4 { font-size:1.8em; }\n    .bike-product-wrapper .sub-headline { font-size:1.2em; }\n    .bike-product-wrapper .sub-headline { font-size:1.15em; }\n    .bike-product-wrapper .spec-table { min-width:400px; }\n}\n\n@media (prefers-reduced-motion:reduce) {\n    .bike-product-wrapper .shimmer-text { animation:none; }\n    .bike-product-wrapper .belcopia-modal { transition:none; }\n    .bike-product-wrapper .belcopia-modal-content { transition:none; }\n    .bike-product-wrapper .bike-fade-swap .fade-img { transition:none; }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"bike-product-wrapper\"\u003e\n\u003cdiv class=\"at-a-glance-bar\" style=\"background-color:#212121;color:#fff;\"\u003e\n\u003cdiv class=\"glance-container\"\u003e\n\u003cdiv class=\"glance-item\"\u003e\n\u003cimg width=\"36\" height=\"36\" loading=\"lazy\" decoding=\"async\" alt=\"Material\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-frame-geometry-specification-svg-icon.png?v=1769495951\"\u003e\u003cspan class=\"glance-title\"\u003eMaterial\u003c\/span\u003e\u003cspan class=\"glance-desc\"\u003e4130 Chromoly\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glance-item\"\u003e\n\u003cimg width=\"36\" height=\"36\" loading=\"lazy\" decoding=\"async\" alt=\"Drivetrain\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-drivetrain-gearing-fixed-gear-svg-icon.png?v=1769496081\"\u003e\u003cspan class=\"glance-title\"\u003eDrivetrain\u003c\/span\u003e\u003cspan class=\"glance-desc\"\u003e12-Speed Deore\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glance-item\"\u003e\n\u003cimg width=\"36\" height=\"36\" loading=\"lazy\" decoding=\"async\" alt=\"Wheels\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-wheel-size-specification-svg-icon.png?v=1769496179\"\u003e\u003cspan class=\"glance-title\"\u003eWheels\u003c\/span\u003e\u003cspan class=\"glance-desc\"\u003e29\" Tubeless\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glance-item\"\u003e\n\u003cimg width=\"36\" height=\"36\" loading=\"lazy\" decoding=\"async\" alt=\"Weight\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-weight-specification-lbs-svg-icon.png?v=1769496274\"\u003e\u003cspan class=\"glance-title\"\u003eWeight\u003c\/span\u003e\u003cspan class=\"glance-desc\"\u003e32 lb 3 oz\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glance-item\"\u003e\n\u003cimg width=\"36\" height=\"36\" loading=\"lazy\" decoding=\"async\" alt=\"Use Type\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-use-type-specification-svg-icon.png?v=1769496364\"\u003e\u003cspan class=\"glance-title\"\u003eUse Type\u003c\/span\u003e\u003cspan class=\"glance-desc\"\u003eTrail \/ Hardtail\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-image-section\"\u003e\n\u003cimg width=\"1200\" height=\"800\" draggable=\"false\" loading=\"lazy\" decoding=\"async\" alt=\"State Bicycle Co. 4130 Trail Mountain Bike Raw Phosphate hardtail\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/4130Trail-MountainBike-RawPhosphate-1.jpg?v=1786726835\"\u003e\n\u003cdiv class=\"hero-overlay\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch2 class=\"shimmer-text\"\u003eState Bicycle Co. 4130 Trail Mountain Bike Raw Phosphate\u003c\/h2\u003e\n\u003cp class=\"product-subtitle shimmer-text\"\u003e4130 Chromoly 12-Speed Hardtail Mountain Bike, 130mm Fork.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"page-content\"\u003e\n\u003cdiv class=\"unbordered-section\"\u003e\n\u003cp class=\"sub-headline\"\u003e\"A Real Trail Hardtail. RockShox Fork. $1,499.99.\"\u003c\/p\u003e\n\u003cp\u003eThe \u003cstrong class=\"description-emphasis\"\u003eState Bicycle Co. 4130 Trail\u003c\/strong\u003e is a \u003cstrong class=\"description-emphasis\"\u003ehardtail mountain bike\u003c\/strong\u003e built around a double butted 4130 chromoly frame, a 65 degree head angle, and a genuine RockShox fork. At this price most bikes ship with a budget fork on thin stanchions. This one runs the Psylo Silver RC with 130mm of travel on 35mm uppers.\u003c\/p\u003e\n\u003cp\u003eBoost spacing, a UDH rear end, internal dropper routing and a threaded bottom bracket mean this \u003cstrong class=\"description-emphasis\"\u003esteel mountain bike\u003c\/strong\u003e is built to be lived with and upgraded, not replaced. It climbs on an 11 to 50t Deore drivetrain and stops on Tektro hydraulics with 180mm rotors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"expert-insight\" style=\"background-color:#111;color:#fff;\"\u003e\n\u003cp class=\"expert-insight-quote\"\u003e\"Steel is the honest choice for a hardtail at this price. It takes trail chatter out of your hands and forearms in a way aluminum does not, and it survives rock strikes that would dent a lighter frame. Pair that with a threaded bottom bracket and a universal hanger and you have a bike a shop can keep running for a decade.\"\u003c\/p\u003e\n\u003cdiv class=\"expert-insight-attr\"\u003e— The Belcopia Team\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unbordered-section\"\u003e\n\u003ch3\u003eBUILT FOR RIDERS WHO\u003c\/h3\u003e\n\u003cdiv class=\"two-col-container\"\u003e\n\u003cdiv class=\"bike-fade-swap\" data-interval=\"5000\"\u003e\n\u003cimg class=\"fade-img active\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/4130Trail-MountainBike-RawPhosphate-10.jpg?v=1786726835\" alt=\"State 4130 Trail Mountain Bike on the trail\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\"\u003e\n\u003cimg class=\"fade-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/4130Trail-MountainBike-RawPhosphate-2.jpg?v=1786726835\" alt=\"State 4130 Trail Mountain Bike Raw Phosphate, non drive side\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\"\u003e\n\u003c\/div\u003e\n\u003cul class=\"two-col-list\"\u003e\n\u003cli\u003eYou want a real trail bike rather than a department store mountain bike, without spending three thousand dollars\u003c\/li\u003e\n\u003cli\u003eYou ride singletrack on weekends and want a bike that also handles gravel, fire roads and rough commutes\u003c\/li\u003e\n\u003cli\u003eYou would rather have a good fork and a plain frame than a fancy frame and a fork that dives\u003c\/li\u003e\n\u003cli\u003eYou plan to add a dropper post later and want the internal routing already there\u003c\/li\u003e\n\u003cli\u003eYou value parts you can service anywhere over proprietary standards\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unbordered-section section-head-left\"\u003e\n\u003ch3\u003eTHE FORK IS THE STORY\u003c\/h3\u003e\n\u003cdiv class=\"two-col-container reverse\"\u003e\n\u003cdiv class=\"bike-fade-swap\" data-interval=\"5000\"\u003e\n\u003cimg class=\"fade-img active\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/state-4130-trail__rockshox-psylo-fork__20260818.jpg?v=1787098156\" alt=\"RockShox Psylo Silver RC fork crown and 35mm stanchion on the State 4130 Trail, tan sidewall WTB Trail Boss tyre behind\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\"\u003e\n\u003cimg class=\"fade-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/4130Trail-MountainBike-RawPhosphate-3.jpg?v=1786726840\" alt=\"State 4130 Trail head tube junction with the down tube logo and the RockShox fork crown\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\"\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eRockShox Psylo Silver RC, 130mm Travel\u003c\/h4\u003e\n\u003cp\u003eThe suspension fork is where budget hardtails usually give up. A soft coil, narrow stanchions, and no real damping. The 4130 Trail runs a \u003cstrong class=\"description-emphasis\"\u003eRockShox Psylo Silver RC\u003c\/strong\u003e with 130mm of travel on 35mm upper tubes, a Solo Air spring and a Motion Control damper.\u003c\/p\u003e\n\u003cp\u003eThat combination is what lets you point the bike down something steep without the front end flexing or diving. The wider stanchions add steering precision under braking, and the damper keeps the fork settled instead of pogoing through repeated hits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unbordered-section section-head-left\"\u003e\n\u003ch3\u003ePROGRESSIVE TRAIL GEOMETRY\u003c\/h3\u003e\n\u003cdiv class=\"two-col-container\"\u003e\n\u003cdiv class=\"bike-fade-swap\" data-interval=\"5000\"\u003e\n\u003cimg class=\"fade-img active\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/4130Trail-MountainBike-RawPhosphate-9.jpg?v=1786726835\" alt=\"State 4130 Trail Mountain Bike in Raw Phosphate, full drive side studio view\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\"\u003e\n\u003cimg class=\"fade-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/4130Trail-MountainBike-RawPhosphate-8.jpg?v=1786726835\" alt=\"State 4130 Trail Mountain Bike in Raw Phosphate, drive side studio view showing the full build\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\"\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003e65 Degree Head Angle, Built to Grow\u003c\/h4\u003e\n\u003cp\u003eA slack \u003cstrong class=\"description-emphasis\"\u003e65 degree head angle\u003c\/strong\u003e with a long front centre keeps the bike calm when the trail steepens, while a 74.4 degree seat angle keeps you over the pedals on climbs. It is stable without feeling sluggish in corners.\u003c\/p\u003e\n\u003cp\u003eThe frame is ready for the upgrades riders actually make: a 31.6mm seat tube with internal routing for a dropper post, Boost hub spacing, a UDH hanger, a threaded 73mm BSA bottom bracket, and triple bottle cage mounts on the downtube for long days.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unbordered-section section-head-left\"\u003e\n\u003ch3\u003eKEY FEATURES\u003c\/h3\u003e\n\n\u003cdiv class=\"features-scroller-wrap\"\u003e\n\u003cdiv class=\"features-scroller\" id=\"featScroller\"\u003e\n\u003cdiv class=\"feature-card has-image\"\u003e\n\u003cimg width=\"400\" height=\"266\" loading=\"lazy\" decoding=\"async\" alt=\"Shimano Deore M6100 rear derailleur and 11 to 50 tooth cassette on the State 4130 Trail\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/state-4130-trail__shimano-deore-12speed__20260818.jpg?v=1787098155\"\u003e\n\u003cdiv class=\"feature-card-content\"\u003e\n\u003ch4\u003eShimano Deore 12-Speed\u003c\/h4\u003e\n\u003cp\u003eM6100 shifter and rear derailleur with an 11 to 50t cassette. A wide enough range for steep climbs, and a groupset any shop can service.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card has-image\"\u003e\n\u003cimg width=\"400\" height=\"266\" loading=\"lazy\" decoding=\"async\" alt=\"Tektro HD-M275 hydraulic disc brake caliper and 180mm rotor on the front fork of the State 4130 Trail\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/state-4130-trail__tektro-hydraulic-discs__20260818.jpg?v=1787098156\"\u003e\n\u003cdiv class=\"feature-card-content\"\u003e\n\u003ch4\u003eTektro Hydraulic Discs\u003c\/h4\u003e\n\u003cp\u003eHD-M275 two piston hydraulic brakes on 180mm rotors, front and rear. Consistent stopping power in the wet and on long descents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card has-image\"\u003e\n\u003cimg width=\"400\" height=\"266\" loading=\"lazy\" decoding=\"async\" alt=\"Clearance between the WTB Trail Boss 2.4 inch tan sidewall tyre and the frame of the State 4130 Trail\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/state-4130-trail__tyre-clearance-wtb__20260818.jpg?v=1787098156\"\u003e\n\u003cdiv class=\"feature-card-content\"\u003e\n\u003ch4\u003eRoom For 2.6 Inch Rubber\u003c\/h4\u003e\n\u003cp\u003eIt ships on WTB i30 TCS tubeless ready rims with WTB Trail Boss 2.4 inch tyres, and there is room to go wider. The frame clears 29 x 2.6 inch or 27.5 x 3.0 inch, the fork 29 x 2.6 inch. Tubeless valves are in the box.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card has-image\"\u003e\n\u003cimg width=\"400\" height=\"266\" loading=\"lazy\" decoding=\"async\" alt=\"Dropper seatpost, seat collar and the internal cable routing port in the seat tube of the State 4130 Trail\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/state-4130-trail__dropper-post-ready__20260819__v2.jpg?v=1787099141\"\u003e\n\u003cdiv class=\"feature-card-content\"\u003e\n\u003ch4\u003eDropper Post Ready\u003c\/h4\u003e\n\u003cp\u003eA 31.6mm seat tube with internal cable routing, so fitting a dropper is a clean job rather than a workaround. State lists the travel that fits each size, from 125mm on X-Small up to 175mm on X-Large. The dropper post itself is not included.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card has-image\"\u003e\n\u003cimg width=\"400\" height=\"266\" loading=\"lazy\" decoding=\"async\" alt=\"Brass bottle cage bosses set flush into the raw phosphate down tube of the State 4130 Trail\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/state-4130-trail__bottle-cage-mounts__20260818.jpg?v=1787098156\"\u003e\n\u003cdiv class=\"feature-card-content\"\u003e\n\u003ch4\u003eTriple Bottle Cage Mounts\u003c\/h4\u003e\n\u003cp\u003eThreaded bosses set flush into the down tube, three cage positions in total, so bottles or a cargo cage bolt straight on without straps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-scroller-progress\"\u003e\u003cdiv class=\"features-scroller-progress-bar\" id=\"featProgress\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"features-scroller-nav\"\u003e\n\u003cbutton aria-label=\"Previous\" onclick=\"document.getElementById('featScroller').scrollBy({left:-300,behavior:'smooth'})\"\u003e←\u003c\/button\u003e\n\u003cbutton aria-label=\"Next\" onclick=\"document.getElementById('featScroller').scrollBy({left:300,behavior:'smooth'})\"\u003e→\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-matters-section\"\u003e\n\n\u003ch3\u003eWHY THIS BUILD MATTERS\u003c\/h3\u003e\n\n\u003cdiv class=\"three-col-grid\"\u003e\n\u003cdiv class=\"tech-proof-card\"\u003e\n\n\u003ch4\u003eA Fork That Works\u003c\/h4\u003e\n\u003cp\u003eThe \u003cstrong\u003eRockShox Psylo Silver RC\u003c\/strong\u003e with 35mm stanchions and 130mm of travel is a genuine trail fork. It is the single biggest reason this rides like a real mountain bike rather than a hardtail shaped one.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-proof-card\"\u003e\n\n\u003ch4\u003eSteel Absorbs the Trail\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eDouble butted 4130 chromoly\u003c\/strong\u003e damps the high frequency chatter that leaves your hands numb on a long descent, and shrugs off the rock strikes that dent thinner aluminum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-proof-card\"\u003e\n\n\u003ch4\u003eBuilt to Be Upgraded\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eUDH, Boost spacing, a threaded bottom bracket and internal dropper routing.\u003c\/strong\u003e Every standard here is one your shop already stocks, so the bike grows with you instead of boxing you in.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unbordered-section\"\u003e\n\u003ch3\u003eCOMPARE STATE ADVENTURE BIKES\u003c\/h3\u003e\n\u003cdiv class=\"compare-table-wrap\"\u003e\n\u003ctable class=\"compare-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth class=\"compare-label\"\u003e\u003c\/th\u003e\n\u003cth class=\"\"\u003e\n\u003cimg class=\"compare-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/StateBicycleCo.Klunker-Black_Metallic_27.5__8.jpg?v=1767076761\" alt=\"State Bicycle Co. Klunker 27.5 in Black and Metallic\"\u003e\n\u003cdiv class=\"compare-name\"\u003eKlunker 27.5\u003c\/div\u003e\n\u003cdiv class=\"compare-price\"\u003e$420.69\u003c\/div\u003e\n\u003c\/th\u003e\n\u003cth class=\"\"\u003e\n\u003cimg class=\"compare-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/4130All-Road-RawPhosphate_12Speed_UDH_-1.jpg?v=1767075318\" alt=\"State Bicycle Co. 4130 All-Road Raw Phosphate gravel bike\"\u003e\n\u003cdiv class=\"compare-name\"\u003e4130 All-Road\u003c\/div\u003e\n\u003cdiv class=\"compare-price\"\u003e$999.99\u003c\/div\u003e\n\u003c\/th\u003e\n\u003cth class=\"compare-highlight\"\u003e\n\u003cimg class=\"compare-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/4130Trail-MountainBike-RawPhosphate-1.jpg?v=1786726835\" alt=\"State Bicycle Co. 4130 Trail Mountain Bike Raw Phosphate\"\u003e\n\u003cdiv class=\"compare-name\"\u003e4130 Trail Mountain Bike\u003c\/div\u003e\n\u003cdiv class=\"compare-price\"\u003e$1,499.99\u003c\/div\u003e\n\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"compare-label\"\u003eSuspension\u003c\/td\u003e\n\u003ctd class=\"\"\u003eNone (rigid)\u003c\/td\u003e\n\u003ctd class=\"\"\u003eNone (rigid)\u003c\/td\u003e\n\u003ctd class=\"compare-highlight\"\u003e130mm RockShox fork\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"compare-label\"\u003eDrivetrain\u003c\/td\u003e\n\u003ctd class=\"\"\u003eSingle-Speed\u003c\/td\u003e\n\u003ctd class=\"\"\u003e12-Speed\u003c\/td\u003e\n\u003ctd class=\"compare-highlight\"\u003e12-Speed Shimano Deore\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"compare-label\"\u003eBrakes\u003c\/td\u003e\n\u003ctd class=\"\"\u003eMechanical Disc\u003c\/td\u003e\n\u003ctd class=\"\"\u003eMechanical Disc\u003c\/td\u003e\n\u003ctd class=\"compare-highlight\"\u003eTektro Hydraulic, 180mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"compare-label\"\u003eMax Tire\u003c\/td\u003e\n\u003ctd class=\"\"\u003e27.5 x 2.35 in\u003c\/td\u003e\n\u003ctd class=\"\"\u003e700c x 2.2 in\u003c\/td\u003e\n\u003ctd class=\"compare-highlight\"\u003e29 x 2.6 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"compare-label\"\u003eDropper Ready\u003c\/td\u003e\n\u003ctd class=\"\"\u003eNo\u003c\/td\u003e\n\u003ctd class=\"\"\u003eNo\u003c\/td\u003e\n\u003ctd class=\"compare-highlight\"\u003eYes, internal routing\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"compare-label\"\u003eBest For\u003c\/td\u003e\n\u003ctd class=\"\"\u003eCruising and town\u003c\/td\u003e\n\u003ctd class=\"\"\u003eGravel and all road\u003c\/td\u003e\n\u003ctd class=\"compare-highlight\"\u003eSingletrack and real trail\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"compare-label\"\u003e\u003c\/td\u003e\n\u003ctd class=\"\"\u003e\u003ca class=\"compare-cta compare-cta-secondary\" href=\"\/products\/state-bicycle-klunker-black-metallic-27-5\"\u003eShop Now →\u003c\/a\u003e\u003c\/td\u003e\n\u003ctd class=\"\"\u003e\u003ca class=\"compare-cta compare-cta-secondary\" href=\"\/products\/4130-all-road-raw-phosphate-12-speed-udh\"\u003eShop Now →\u003c\/a\u003e\u003c\/td\u003e\n\u003ctd class=\"compare-highlight\"\u003e\u003ca class=\"compare-cta compare-cta-primary\" href=\"#\" onclick=\"window.scrollTo({top:0,behavior:'smooth'});return false;\"\u003eView Details ↑\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tabs-wrapper\"\u003e\n\u003cnav class=\"tabs-nav\"\u003e\n\u003cbutton class=\"tab-btn active\" data-tab=\"tab-0\"\u003eTech Specs\u003c\/button\u003e\n\u003cbutton class=\"tab-btn\" data-tab=\"tab-1\"\u003eGeometry\u003c\/button\u003e\n\u003cbutton class=\"tab-btn\" data-tab=\"tab-2\"\u003eFAQ\u003c\/button\u003e\n\u003cbutton class=\"tab-btn\" data-tab=\"tab-3\"\u003eWhat's In The Box\u003c\/button\u003e\n\u003c\/nav\u003e\n\u003cdiv class=\"tab-panel active\" id=\"tab-0\"\u003e\n\u003cdiv class=\"table-wrapper\"\u003e\n\u003ctable class=\"spec-table two-col\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eFrame\u003c\/th\u003e\n\u003ctd\u003e4130 Chromoly, double butted, Boost M15x148 thru-axle, 29 inch, UDH dropout, internal cable routing\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eFork\u003c\/th\u003e\n\u003ctd\u003eRockShox Psylo Silver RC, Solo Air, 130mm travel, 35mm stanchions, M12x110, Motion Control damper\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eComplete Bike Weight\u003c\/th\u003e\n\u003ctd\u003e32 lb 3 oz (XS\/S) · 32 lb 4 oz (S\/M) · 32 lb 8 oz (M\/L) · 32 lb 11 oz (XL)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eBottom Bracket\u003c\/th\u003e\n\u003ctd\u003e73mm BSA, 29mm diameter, threaded\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eHeadset\u003c\/th\u003e\n\u003ctd\u003eSBC 1 1\/8 inch x 44 x 39.8 x 44mm, steel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eRear Derailleur\u003c\/th\u003e\n\u003ctd\u003eShimano Deore M6100, 12-Speed\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eShifter\u003c\/th\u003e\n\u003ctd\u003eShimano Deore M6100, 12-Speed\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eCassette\u003c\/th\u003e\n\u003ctd\u003e12-Speed, 11-50t, HG\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eChain\u003c\/th\u003e\n\u003ctd\u003eSUMC 12-Speed\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eCrankset\u003c\/th\u003e\n\u003ctd\u003eState Bicycle Co. 32T narrow-wide, 165mm, 29mm DUB\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eBrakes\u003c\/th\u003e\n\u003ctd\u003eTektro Hydraulic HD-M275, 2 piston, 180mm rotors\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eWheels\u003c\/th\u003e\n\u003ctd\u003eWTB i30 TCS 29 inch tubeless-ready rims, 32H, tubeless valves included\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eHubs\u003c\/th\u003e\n\u003ctd\u003eSealed bearing, Boost. Front: 15mm x 110mm, Rear: 12mm x 148mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eTires\u003c\/th\u003e\n\u003ctd\u003eWTB Trailboss TCS 29 x 2.4 inch, tubeless-ready\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMax Tire Clearance\u003c\/th\u003e\n\u003ctd\u003eFrame: 29 in up to 2.6 in \/ 27.5 in up to 3.0 in. Fork: 29 in up to 2.6 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eHandlebars\u003c\/th\u003e\n\u003ctd\u003eSBC low rise, oversized 35mm clamp, 770mm width, 12mm rise, 20mm backsweep\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eStem\u003c\/th\u003e\n\u003ctd\u003eSBC 3D-forged alloy, oversized 35mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSeatpost\u003c\/th\u003e\n\u003ctd\u003eSBC 31.6mm x 350mm, quick release clamp, internal dropper routing ready\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSaddle\u003c\/th\u003e\n\u003ctd\u003eSBC polyurethane with steel rails\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003ePedals\u003c\/th\u003e\n\u003ctd\u003eAlloy flat pedals included\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eAssembly\u003c\/th\u003e\n\u003ctd\u003eShips partially unassembled. Requires crank and wheel installation, fork setup (steerer tube uncut), derailleur indexing and limit screw adjustment. Professional assembly strongly recommended.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-panel\" id=\"tab-1\"\u003e\n\u003cdiv class=\"geo-layout\"\u003e\n\u003cdiv class=\"geo-diagram\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/State_Bicycle_Co._4130_Trail_Mountain_Bike_-_Bicycle_Sizing_and_Geometry.png?v=1786726836\" alt=\"State Bicycle Co. 4130 Trail Mountain Bike frame geometry diagram\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"geo-table-wrapper\"\u003e\n\u003ctable class=\"geo-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth class=\"geo-corner\"\u003e\u003c\/th\u003e\n\u003cth class=\"geo-size-th\"\u003e\u003c\/th\u003e\n\u003cth class=\"geo-col-header\"\u003e\u003cdiv\u003e\n\u003cspan class=\"geo-letter\"\u003e(A)\u003c\/span\u003e Chain Stay\u003c\/div\u003e\u003c\/th\u003e\n\u003cth class=\"geo-col-header\"\u003e\u003cdiv\u003e\n\u003cspan class=\"geo-letter\"\u003e(B)\u003c\/span\u003e Effective Top Tube\u003c\/div\u003e\u003c\/th\u003e\n\u003cth class=\"geo-col-header\"\u003e\u003cdiv\u003e\n\u003cspan class=\"geo-letter\"\u003e(C)\u003c\/span\u003e Fork Offset\u003c\/div\u003e\u003c\/th\u003e\n\u003cth class=\"geo-col-header\"\u003e\u003cdiv\u003e\n\u003cspan class=\"geo-letter\"\u003e(D)\u003c\/span\u003e Head Tube\u003c\/div\u003e\u003c\/th\u003e\n\u003cth class=\"geo-col-header\"\u003e\u003cdiv\u003e\n\u003cspan class=\"geo-letter\"\u003e(E)\u003c\/span\u003e Head Tube Angle\u003c\/div\u003e\u003c\/th\u003e\n\u003cth class=\"geo-col-header\"\u003e\u003cdiv\u003e\n\u003cspan class=\"geo-letter\"\u003e(F)\u003c\/span\u003e Seat Tube\u003c\/div\u003e\u003c\/th\u003e\n\u003cth class=\"geo-col-header\"\u003e\u003cdiv\u003e\n\u003cspan class=\"geo-letter\"\u003e(G)\u003c\/span\u003e Seat Tube Angle\u003c\/div\u003e\u003c\/th\u003e\n\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth class=\"geo-unit-label\" rowspan=\"4\"\u003e\u003cspan\u003eMETRIC\u003c\/span\u003e\u003c\/th\u003e\n\u003ctd class=\"geo-size\"\u003e38cm (XS\/S)\u003c\/td\u003e\n\u003ctd\u003e42.7cm\u003c\/td\u003e\n\u003ctd\u003e59.5cm\u003c\/td\u003e\n\u003ctd\u003e4.4cm\u003c\/td\u003e\n\u003ctd\u003e10cm\u003c\/td\u003e\n\u003ctd\u003e65°\u003c\/td\u003e\n\u003ctd\u003e38cm\u003c\/td\u003e\n\u003ctd\u003e74.5°\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"geo-size\"\u003e40cm (S\/M)\u003c\/td\u003e\n\u003ctd\u003e42.7cm\u003c\/td\u003e\n\u003ctd\u003e62.3cm\u003c\/td\u003e\n\u003ctd\u003e4.4cm\u003c\/td\u003e\n\u003ctd\u003e11cm\u003c\/td\u003e\n\u003ctd\u003e65°\u003c\/td\u003e\n\u003ctd\u003e40.5cm\u003c\/td\u003e\n\u003ctd\u003e74.4°\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"geo-size\"\u003e43cm (M\/L)\u003c\/td\u003e\n\u003ctd\u003e42.7cm\u003c\/td\u003e\n\u003ctd\u003e64.6cm\u003c\/td\u003e\n\u003ctd\u003e4.4cm\u003c\/td\u003e\n\u003ctd\u003e12cm\u003c\/td\u003e\n\u003ctd\u003e65°\u003c\/td\u003e\n\u003ctd\u003e43cm\u003c\/td\u003e\n\u003ctd\u003e74.4°\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"geo-size\"\u003e46cm (XL)\u003c\/td\u003e\n\u003ctd\u003e42.7cm\u003c\/td\u003e\n\u003ctd\u003e67.3cm\u003c\/td\u003e\n\u003ctd\u003e4.4cm\u003c\/td\u003e\n\u003ctd\u003e13cm\u003c\/td\u003e\n\u003ctd\u003e65°\u003c\/td\u003e\n\u003ctd\u003e46cm\u003c\/td\u003e\n\u003ctd\u003e74.4°\u003c\/td\u003e\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-panel\" id=\"tab-2\"\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary\u003eWhich size should I choose?\u003c\/summary\u003e\n\u003cp class=\"faq-answer\"\u003eXS\/S 38cm suits riders 5 feet 1 to 5 feet 5 with a 28 to 30 inch inseam. S\/M fits 5 feet 5 to 5 feet 10 (31 to 32 inch). M\/L fits 5 feet 10 to 6 feet 1 (32 to 33 inch). XL 46cm fits 6 feet 1 to 6 feet 5 (33 to 34 inch). The geometry chart above has the full numbers for every size.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary\u003eWhat does the complete bike weigh?\u003c\/summary\u003e\n\u003cp class=\"faq-answer\"\u003eBetween 32 lb 3 oz and 32 lb 11 oz depending on size, per State's official spec sheet. That is normal for a steel hardtail with a real suspension fork, and the frame material is a large part of why it rides smoothly.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary\u003eCan I fit a dropper post?\u003c\/summary\u003e\n\u003cp class=\"faq-answer\"\u003eYes, and the frame is designed for it. The seat tube is 31.6mm with internal cable routing. State specifies 125mm travel for XS\/S, 150mm for S\/M and M\/L, and 175mm for XL.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary\u003eHow wide a tire can I run?\u003c\/summary\u003e\n\u003cp class=\"faq-answer\"\u003eThe frame clears 29 x 2.6 inch or 27.5 x 3.0 inch. The fork clears 29 x 2.6 inch. It ships on WTB Trailboss 29 x 2.4 inch tubeless-ready tyres with valves included.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary\u003eIs it ready to ride out of the box?\u003c\/summary\u003e\n\u003cp class=\"faq-answer\"\u003eNo. It ships partially unassembled and needs the crank and wheels installed, the fork set up with the steerer tube cut to length, plus derailleur indexing and limit screw adjustment. Professional assembly is strongly recommended for a suspension bike.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-panel\" id=\"tab-3\"\u003e\n\u003cul class=\"box-checklist\"\u003e\n\u003cli\u003e\n\u003cspan class=\"item-title\"\u003e4130 Trail Mountain Bike\u003c\/span\u003e\u003cspan class=\"item-desc\"\u003eYour selected size in Raw Phosphate. Ships partially unassembled; professional assembly is strongly recommended.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"item-title\"\u003eTubeless Valves\u003c\/span\u003e\u003cspan class=\"item-desc\"\u003eIncluded with the WTB i30 TCS tubeless-ready wheelset. Tape and sealant are needed to complete a tubeless conversion.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"item-title\"\u003eAlloy Flat Pedals\u003c\/span\u003e\u003cspan class=\"item-desc\"\u003eAlloy flat pedals are included in the box, so there is nothing extra to buy before the first ride. Swap to clipless later if you prefer.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"item-title\"\u003eAssembly Required\u003c\/span\u003e\u003cspan class=\"item-desc\"\u003e\u003cspan style=\"color:#c62828;font-weight:600;\"\u003eThis bike ships partially unassembled.\u003c\/span\u003e Crank and wheel installation, fork setup with an uncut steerer tube, derailleur indexing and limit screw adjustment are all required. Professional assembly is strongly recommended.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"belcopia-modal\" id=\"belcopia-image-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Image Preview\"\u003e\n\u003cspan class=\"belcopia-modal-close\" role=\"button\" aria-label=\"Close image preview\" tabindex=\"0\"\u003e×\u003c\/span\u003e\n\u003cimg decoding=\"async\" draggable=\"false\" alt=\"Feature Preview\" id=\"belcopia-modal-img\" class=\"belcopia-modal-content\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function(){\n    var w=document.querySelector('.bike-product-wrapper');\n    if(!w)return;\n\n    \/* Block right-click on images *\/\n    w.addEventListener('contextmenu',function(e){\n        if(e.target.tagName==='IMG'){e.preventDefault();}\n    });\n    w.addEventListener('dragstart',function(e){\n        if(e.target.tagName==='IMG'){e.preventDefault();}\n    });\n\n    \/* Lightbox *\/\n    var modal=document.getElementById('belcopia-image-modal');\n    var mImg=document.getElementById('belcopia-modal-img');\n    var cls=w.querySelector('.belcopia-modal-close');\n    if(modal\u0026\u0026mImg){\n        w.addEventListener('click',function(e){\n            var t=e.target;\n            if(t.tagName==='IMG'\u0026\u0026t.closest('.two-col-container,.bike-fade-swap,.feature-card.has-image,.geo-img-col,.geo-diagram')){\n                e.preventDefault();\n                mImg.src=t.src;\n                modal.classList.add('show');\n                document.body.style.overflow='hidden';\n                if(cls)cls.focus();\n            }\n        });\n        function closeM(){\n            modal.classList.remove('show');\n            setTimeout(function(){mImg.src='';},300);\n            document.body.style.overflow='';\n        }\n        if(cls)cls.addEventListener('click',closeM);\n        modal.addEventListener('click',function(e){if(e.target===modal)closeM();});\n        document.addEventListener('keydown',function(e){\n            if((e.key==='Escape'||e.key==='Enter')\u0026\u0026modal.classList.contains('show'))closeM();\n        });\n    }\n\n    \/* Fade Swap *\/\n    var swaps=w.querySelectorAll('.bike-fade-swap');\n    var obs=new IntersectionObserver(function(entries){\n        entries.forEach(function(en){en.target.dataset.vis=en.isIntersecting?'1':'0';});\n    },{threshold:0.1});\n    swaps.forEach(function(s){\n        obs.observe(s);\n        var imgs=s.querySelectorAll('.fade-img');\n        if(imgs.length\u003c2)return;\n        var iv=parseInt(s.dataset.interval)||5000;\n        setInterval(function(){\n            if(s.dataset.vis!=='1')return;\n            var a=s.querySelector('.fade-img.active');\n            var n=a.nextElementSibling;\n            if(!n||!n.classList.contains('fade-img'))n=imgs[0];\n            a.classList.remove('active');\n            n.classList.add('active');\n        },iv);\n    });\n    \/* YouTube Facade — swap thumbnail for iframe on click\/Enter *\/\n    w.querySelectorAll('.yt-facade').forEach(function(el){\n        function activate(){\n            var id=el.dataset.ytId;\n            el.innerHTML='\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/'+id+'?autoplay=1\u0026rel=0\" allow=\"autoplay; encrypted-media; fullscreen\" allowfullscreen\u003e\u003c\/iframe\u003e';\n        }\n        el.addEventListener('click',activate);\n        el.addEventListener('keydown',function(e){\n            if(e.key==='Enter'||e.key===' '){e.preventDefault();activate();}\n        });\n    });\n\n    \/* Feature Scroller Progress Bar *\/\n    var fs=document.getElementById('featScroller');\n    var fp=document.getElementById('featProgress');\n    if(fs\u0026\u0026fp){\n        function updProg(){\n            var maxS=fs.scrollWidth-fs.clientWidth;\n            if(maxS\u003c=0){fp.style.width='100%';fp.style.marginLeft='0';return;}\n            var pct=fs.scrollLeft\/maxS;\n            var barW=fs.clientWidth\/fs.scrollWidth*100;\n            fp.style.width=barW+'%';\n            fp.style.marginLeft=(pct*(100-barW))+'%';\n        }\n        fs.addEventListener('scroll',updProg);\n        updProg();\n    }\n\n    \/* Tab Navigation *\/\n    w.querySelectorAll('.tabs-nav .tab-btn').forEach(function(btn){\n        btn.addEventListener('click',function(){\n            var tw=btn.closest('.tabs-wrapper');\n            tw.querySelectorAll('.tab-btn').forEach(function(b){b.classList.remove('active');});\n            tw.querySelectorAll('.tab-panel').forEach(function(p){p.classList.remove('active');});\n            btn.classList.add('active');\n            var panel=tw.querySelector('#'+btn.dataset.tab);\n            if(panel)panel.classList.add('active');\n        });\n    });\n\n    \/* ── Subtle premium animations ── *\/\n    var reduce=window.matchMedia\u0026\u0026window.matchMedia('(prefers-reduced-motion:reduce)').matches;\n    if(!reduce\u0026\u0026'IntersectionObserver'in window){\n        w.classList.add('anim-ready');\n        var revealEls=w.querySelectorAll('.unbordered-section, .why-matters-section, .tabs-wrapper, .compare-table-wrap, .expert-insight, .for-you-section');\n        revealEls.forEach(function(el){el.classList.add('reveal');});\n        var revObs=new IntersectionObserver(function(entries){\n            entries.forEach(function(en){\n                if(en.isIntersecting){en.target.classList.add('in-view');revObs.unobserve(en.target);}\n            });\n        },{threshold:0.12,rootMargin:'0px 0px -8% 0px'});\n        revealEls.forEach(function(el){revObs.observe(el);});\n    }\n})();\n\u003c\/script\u003e","brand":"State Bicycle Co.","offers":[{"title":"XS \/ S - 38cm - ( Riders 5'1\" - 5'5\")","offer_id":44068050075722,"sku":"731416172752","price":1499.99,"currency_code":"USD","in_stock":false},{"title":"S\/M -  41cm - ( Riders 5'5\" - 5'10\")","offer_id":44068050108490,"sku":"731416172769","price":1499.99,"currency_code":"USD","in_stock":false},{"title":"M\/L - 43cm - ( Riders 5'10\" - 6'1\")","offer_id":44068050141258,"sku":"731416172776","price":1499.99,"currency_code":"USD","in_stock":false},{"title":"X-Large - 46cm - (Riders 6'1\" - 6'5\")","offer_id":44068050174026,"sku":"731416172813","price":1499.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/4130Trail-MountainBike-RawPhosphate-1.jpg?v=1786726846","url":"https:\/\/www.belcopia.com\/products\/4130-trail-mountain-bike-raw-phosphate","provider":"Belcopia Bikes","version":"1.0","type":"link"}