Hiboy Bike Pannier Bag

.srpb{–ink:#0b0b0b;–paper:#fff;–mute:#6b6b6b;–line:#e6e6e6;–soft:#f4f4f4;–acc:#ff2d20;–radius:20px;font-family:inherit;color:var(–ink);line-height:1.55;box-sizing:border-box;width:100vw;max-width:100vw;position:relative;left:50%;transform:translateX(-50%);padding:0 clamp(12px,5vw,96px);overflow-x:clip}.srpb>section{max-width:none;margin:0}.srpb *{box-sizing:border-box}.srpb img,.srpb video{display:block;max-width:100%;height:auto}.srpb h2{font-size:clamp(26px,3.4vw,44px);line-height:1.08;letter-spacing:-.02em;margin:0 0 12px;font-weight:800;text-transform:none}.srpb h3{font-size:20px;margin:0 0 8px;font-weight:700}.srpb p{margin:0 0 12px}.srpb .kicker{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(–acc);font-weight:700;margin-bottom:10px}.srpb section{padding:56px 0;border-top:1px solid var(–line)}.srpb section:first-child{border-top:0;padding-top:0}.srpb .lead{font-size:18px;color:#333;max-width:720px}.srpb .r{border-radius:var(–radius)}/* hero: overlay */.pb-hero{position:relative;border-radius:var(–radius);overflow:hidden;background:#000;color:#fff;min-height:460px;isolation:isolate}.pb-hero video,.pb-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.85}.pb-hero .pb-hero-in{position:relative;z-index:1;padding:clamp(28px,6vw,80px);background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.8) 100%);min-height:460px;display:flex;flex-direction:column;justify-content:flex-end}.pb-hero h2{color:#fff;font-size:clamp(32px,5.2vw,64px);max-width:13ch}.pb-hero p{color:#e8e8e8;max-width:600px;font-size:17px}/* hero: split (light, image right) and band (dark, image contained) */.pb-hero-split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;border-radius:var(–radius);background:var(–soft);padding:clamp(24px,4vw,56px);overflow:hidden}.pb-hero-split img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:calc(var(–radius) – 6px)}.pb-hero-split h2{font-size:clamp(30px,4.6vw,58px);max-width:14ch}.pb-hero-split.rev>div:first-child{order:2}.pb-hero-band{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;border-radius:var(–radius);background:var(–ink);color:#fff;padding:clamp(24px,4vw,56px);overflow:hidden}.pb-hero-band h2{color:#fff;font-size:clamp(30px,4.6vw,58px);max-width:14ch}.pb-hero-band p{color:#d9d9d9;max-width:560px;font-size:17px}.pb-hero-band img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:calc(var(–radius) – 6px);background:#151515}.pb-hero-band .pb-chips span,.pb-hero-split .pb-chips span{border-color:rgba(127,127,127,.4)}.pb-hero-split .pb-chips span{background:#fff;color:var(–ink)}.pb-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.pb-chips span{border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(6px);background:rgba(255,255,255,.08);padding:7px 12px;border-radius:999px;font-size:13px;font-weight:600}/* stats */.pb-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(–line);border:1px solid var(–line);border-radius:16px;overflow:hidden;margin-top:18px}.pb-stats div{background:var(–paper);padding:22px 18px;text-align:center}.pb-stats b{display:block;font-size:clamp(26px,3.2vw,40px);line-height:1;letter-spacing:-.03em;font-weight:800}.pb-stats b small{display:inline;font-size:.45em;text-transform:none;letter-spacing:0;color:inherit;margin:0}.pb-stats small{display:block;color:var(–mute);margin-top:6px;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.pb-stats.dark{background:#222;border-color:#222}.pb-stats.dark div{background:var(–ink);color:#fff}.pb-stats.dark small{color:#aaa}.pb-stats.accent b{color:var(–acc)}/* tabs */.pb-inputs{height:0;overflow:hidden}.pb-tabs input,.pb-modes input{position:absolute;opacity:0;pointer-events:none}.pb-tabs .pb-tabbar{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px}.pb-tabs label{cursor:pointer;border:1px solid var(–ink);border-radius:999px;padding:10px 18px;font-weight:700;font-size:14px;transition:background .2s,color .2s;user-select:none}.pb-tabs label:hover{background:var(–soft)}.pb-tabs.sq label{border-radius:8px}.pb-panel{display:none;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;animation:pbfade .35s ease}.pb-panel img{border-radius:16px;width:100%;aspect-ratio:4/3;object-fit:cover}.pb-panel img.tall{aspect-ratio:1/1;object-fit:contain;background:#0b0b0b}.pb-panel ul{margin:12px 0 0;padding-left:18px}.pb-panel li{margin:4px 0}@keyframes pbfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}/* zigzag rows (alternative to tabs) */.pb-zig{display:grid;gap:48px;margin-top:22px}.pb-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.pb-row:nth-child(even) .pb-row-img{order:2}.pb-row img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}.pb-row img.tall{aspect-ratio:1/1;object-fit:contain;background:#0b0b0b}.pb-row h3{font-size:clamp(22px,2.4vw,30px);letter-spacing:-.01em}.pb-row ul{margin:12px 0 0;padding-left:18px}/* modes */.pb-modes{background:var(–ink);color:#fff;border-radius:var(–radius);padding:clamp(24px,4vw,48px);display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.pb-modes h2{color:#fff}.pb-modes .pb-seg{display:flex;background:rgba(255,255,255,.1);border-radius:999px;padding:4px;margin:16px 0}.pb-modes .pb-seg label{flex:1;text-align:center;padding:10px 8px;border-radius:999px;cursor:pointer;font-weight:700;font-size:14px;color:#ddd}.pb-mode{display:none;animation:pbfade .3s ease}.pb-mode p{color:#d6d6d6}.pb-meter{height:12px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden;margin:14px 0 6px}.pb-meter i{display:block;height:100%;background:var(–acc);border-radius:999px;transition:width .5s ease}.pb-mode .pb-range{display:flex;justify-content:space-between;font-size:13px;color:#bbb}.pb-mode .pb-range b{color:#fff;font-size:22px}.pb-modes img{border-radius:16px;width:100%}/* cards */.pb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}.pb-grid.three{grid-template-columns:repeat(3,1fr)}.pb-card{position:relative;border-radius:16px;overflow:hidden;background:#000;aspect-ratio:3/4}.pb-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,opacity .4s;opacity:.92}.pb-card:hover img{transform:scale(1.07);opacity:1}.pb-card div{position:absolute;left:0;right:0;bottom:0;padding:18px;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,0))}.pb-card b{display:block;font-size:17px;margin-bottom:4px}.pb-card span{font-size:13px;color:#ddd;display:block;max-height:0;overflow:hidden;transition:max-height .4s ease}.pb-card:hover span{max-height:120px}/* list-style cards */.pb-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:22px}.pb-list article{display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:center;background:var(–soft);border-radius:16px;padding:16px}.pb-list img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.pb-list b{display:block;font-size:17px;margin-bottom:4px}.pb-list span{font-size:14px;color:#333}/* gallery */.pb-gallery{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;margin-top:22px;scrollbar-width:thin}.pb-gallery figure{flex:0 0 min(78%,640px);margin:0;scroll-snap-align:start}.pb-gallery img{border-radius:16px;width:100%;aspect-ratio:16/10;object-fit:cover}.pb-gallery figcaption{font-size:13px;color:var(–mute);margin-top:8px}.pb-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.pb-mosaic figure{margin:0}.pb-mosaic figure:first-child{grid-column:span 2;grid-row:span 2}.pb-mosaic img{width:100%;height:100%;object-fit:cover;border-radius:16px;aspect-ratio:4/3}.pb-mosaic figure:first-child img{aspect-ratio:auto;min-height:100%}/* split */.pb-split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.pb-split img{border-radius:16px;width:100%}.pb-split.rev>div{order:2}/* extra text-only features */.pb-extra{columns:2;column-gap:40px;margin-top:18px}.pb-extra>div{break-inside:avoid;margin-bottom:22px}/* specs */.pb-spec{width:100%;border-collapse:collapse;margin-top:18px;font-size:15px}.pb-spec th,.pb-spec td{padding:12px 10px;border-bottom:1px solid var(–line);text-align:left;vertical-align:top}.pb-spec th{width:36%;color:var(–mute);font-weight:600}.pb-cols{columns:2;column-gap:40px}.pb-cols table{break-inside:auto}.pb-cols tr{break-inside:avoid}.pb-specgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:18px}.pb-specgrid div{background:var(–soft);border-radius:12px;padding:14px 16px}.pb-specgrid small{display:block;color:var(–mute);font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}.pb-specgrid b{font-weight:600;font-size:15px}/* videos, geometry */.pb-videos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.pb-videos figure{margin:0}.pb-videos iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:14px;background:#000;display:block}.pb-videos figcaption{font-size:13px;color:var(–mute);margin-top:8px}.pb-geo{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px}.pb-geo div{background:var(–soft);border-radius:16px;padding:16px}.pb-geo img{width:100%;border-radius:10px;background:#fff;margin-bottom:12px}.pb-geo ul{margin:0;padding-left:18px;font-size:14px}.pb-geo li{margin:4px 0}/* faq, box, cta */.pb-acc details{border-top:1px solid var(–line)}.pb-acc details:last-child{border-bottom:1px solid var(–line)}.pb-acc summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:700;font-size:17px;display:flex;justify-content:space-between;align-items:center}.pb-acc summary::-webkit-details-marker{display:none}.pb-acc summary::after{content:”+”;font-size:24px;font-weight:400;color:var(–mute);transition:transform .25s}.pb-acc details[open] summary::after{transform:rotate(45deg)}.pb-acc details>div{padding:0 0 18px;color:#333}.pb-faq2{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.pb-box{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:18px}.pb-box div{background:var(–soft);border-radius:14px;padding:18px;font-weight:600;font-size:15px}.pb-box img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:10px;background:#fff;margin-bottom:10px}.pb-box small{display:block;font-weight:400;color:var(–mute);margin-top:4px}.pb-cta{background:var(–soft);border-radius:var(–radius);padding:clamp(24px,4vw,44px);display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}.pb-cta.dark{background:var(–ink);color:#fff}.pb-cta.dark h2{color:#fff}.pb-cta.dark p{color:#ccc}.pb-cta.dark a{background:var(–acc)}.pb-cta h2{margin:0}.pb-cta p{margin:6px 0 0;color:#333}.pb-cta a{display:inline-block;background:var(–ink);color:#fff!important;padding:16px 28px;border-radius:999px;font-weight:700;text-decoration:none;white-space:nowrap}.pb-cta a:hover{background:var(–acc)}.pb-note{font-size:13px;color:var(–mute)}@media(max-width:900px){.srpb{padding:0 12px}.pb-hero-split,.pb-hero-band,.pb-panel,.pb-row,.pb-modes,.pb-split,.pb-faq2{grid-template-columns:1fr}.pb-hero-split.rev>div:first-child,.pb-row:nth-child(even) .pb-row-img,.pb-split.rev>div{order:0}.pb-grid,.pb-grid.three{grid-template-columns:repeat(2,1fr)}.pb-list{grid-template-columns:1fr}.pb-cols,.pb-extra{columns:1}.pb-videos,.pb-geo,.pb-mosaic{grid-template-columns:1fr}.pb-mosaic figure:first-child{grid-column:auto;grid-row:auto}.srpb section{padding:40px 0}.pb-hero,.pb-hero .pb-hero-in{min-height:380px}}@media(max-width:480px){.pb-grid,.pb-grid.three{grid-template-columns:1fr}.pb-list article{grid-template-columns:100px 1fr}}.srpb{–acc:#0a6cff;–radius:20px} Hiboy pannier Groceries, laptop, gym kit. Dry. A roll-top, welded-seam pannier that clips to any Hiboy e-bike rack in seconds and comes off as a shoulder bag. One or two, your call. 100% waterproofRoll-topQuick-release hooksShoulder strapSingle or pair .pb-tabs:has(#pbt1:checked) label[for=pbt1]{background:var(–ink);color:#fff}.pb-tabs:has(#pbt1:checked) .pbt1p{display:grid}.pb-tabs:has(#pbt2:checked) label[for=pbt2]{background:var(–ink);color:#fff}.pb-tabs:has(#pbt2:checked) .pbt2p{display:grid}.pb-tabs:has(#pbt3:checked) label[for=pbt3]{background:var(–ink);color:#fff}.pb-tabs:has(#pbt3:checked) .pbt3p{display:grid}.pb-tabs:has(#pbt4:checked) label[for=pbt4]{background:var(–ink);color:#fff}.pb-tabs:has(#pbt4:checked) .pbt4p{display:grid}.pb-tabs:has(#pbt5:checked) label[for=pbt5]{background:var(–ink);color:#fff}.pb-tabs:has(#pbt5:checked) .pbt5p{display:grid}Explore the Bike Pannier Bag Tap a feature. See what it does. Fully waterproofQuick-release hooksCarry it insideFits Hiboy racks and mostReflective details Fully waterproof Welded seams instead of stitched ones and a roll-top closure. Rain, road spray, and a dropped water bottle stay outside. Quick-release hooks Two spring hooks clip over the rack rail and a lower strap keeps the bag from swinging. On and off in seconds, no tools. Carry it inside A detachable shoulder strap and a grab handle turn the pannier into a bag for the office or the store. Fits Hiboy racks and most others Sized for the rear racks on the EX6, EX6F, EX9, EX11, and P6, and for standard rack rails on other bikes. Reflective details Reflective trim on the back panel adds visibility from behind at night. Why a pannier Get the weight off your back. A backpack on an e-bike means a sweaty back and a high center of gravity. A pannier puts the load low on the rack where the bike carries it, and you arrive dry. Ships free to the lower 48 states. Bags cannot be returned once used. Specifications Every number, in one place. FitsHiboy EX6, EX6F, EX9, EX11, P6, and standard rear racks WaterproofingWelded seams, roll-top closure MountingQuick-release spring hooks + lower strap CarryDetachable shoulder strap, grab handle OptionsSingle bag or pair ReturnsNot returnable once used Good to know Questions riders ask. Which bikes does it fit? The Hiboy EX6, EX6F, EX9, EX11, and P6, plus any bike with a standard rear rack rail. Is it really waterproof? Yes. The seams are welded and the top rolls closed. It is not just water-resistant fabric. Single or pair? Buy one for commuting, two for groceries or touring. A pair balances the bike better. Can I return it? No, not once it has been used. Carry more, sweat less. Free shipping to the lower 48 states. Add to cart