Front & Back Cycling Vest Pack for Men ¨C Hydration Ready, 3L Storage, Breathable Mesh

.yl-cycling-vest *{box-sizing:border-box} .yl-cycling-vest .hero{ background:linear-gradient(135deg,#111714,#26342b); color:#fff; padding:44px 28px; border-radius:18px; text-align:center; margin-bottom:24px; } .yl-cycling-vest .hero h1{ margin:0 0 14px; font-size:31px; line-height:1.2; } .yl-cycling-vest .hero p{ max-width:730px; margin:0 auto 20px; font-size:17px; color:#e8eee9; } .yl-cycling-vest .tags{ display:flex; flex-wrap:wrap; justify

Contents

center; gap:8px; } .yl-cycling-vest .tag{ padding:7px 13px; border-radius:999px; background:#1c2821; border:1px solid #56675b; color:#e8f2eb; font-size:13px; } .yl-cycling-vest .intro{ background:#f1f6f2; border-left:5px solid #52735c; padding:22px 24px; border-radius:12px; margin-bottom:28px; } .yl-cycling-vest .intro strong{color:#385b43} .yl-cycling-vest .section-title{ text-align:center; margin:36px 0 18px; font-size:26px; color:#182019; } .yl-cycling-vest .benefits{ display:grid; grid-template-columns:repeat(3,1fr); gap:15px; } .yl-cycling-vest .benefit{ background:#fff; border:1px solid #dfe6e1; border-radius:14px; padding:20px 18px; box-shadow:0 4px 14px rgba(0,0,0,.05); } .yl-cycling-vest .benefit .icon{ font-size:25px; margin-bottom:8px; } .yl-cycling-vest .benefit h3{ margin:0 0 7px; font-size:17px; color:#202720; } .yl-cycling-vest .benefit p{ margin:0; font-size:14px; color:#5d6861; } .yl-cycling-vest .banner{ margin:30px 0; padding:26px; border-radius:15px; background:#1e2b23; color:#fff; text-align:center; } .yl-cycling-vest .banner h2{ margin:0 0 7px; font-size:24px; color:#d7eadb; } .yl-cycling-vest .banner p{ margin:0; color:#e4ebe6; } .yl-cycling-vest .

Features

{ margin:30px 0; border-radius:16px; overflow:hidden; background:#fff; border:1px solid #e0e5e2; box-shadow:0 5px 18px rgba(0,0,0,.06); } .yl-cycling-vest .

Features

img{ display:block; width:100%; height:auto; } .yl-cycling-vest .

Features

copy{ padding:22px 24px; } .yl-cycling-vest .

Features

number{ color:#4d7258; font-size:13px; font-weight:700; letter-spacing:1px; text-transform:uppercase; } .yl-cycling-vest .

Features

h3{ margin:5px 0 8px; font-size:23px; color:#1d251f; } .yl-cycling-vest .

Features

p{ margin:0; color:#59645d; } .yl-cycling-vest .uses{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; } .yl-cycling-vest .use{ padding:20px 16px; border-radius:14px; background:#f5f7f5; border:1px solid #e1e6e2; } .yl-cycling-vest .use h3{ margin:0 0 7px; font-size:16px; } .yl-cycling-vest .use p{ margin:0; font-size:14px; color:#626c66; } .yl-cycling-vest .colors{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:18px; } .yl-cycling-vest .color{ padding:13px 10px; border-radius:10px; border:1px solid #dce2de; background:#fff; text-align:center; font-size:13px; font-weight:700; } .yl-cycling-vest .dark{ background:#202522; color:#fff; border-color:#202522; } .yl-cycling-vest .olive{ background:#e9eee8; color:#344538; } .yl-cycling-vest .khaki{ background:#eee9dc; color:#62553c; } .yl-cycling-vest .table-wrap{ overflow-x:auto; margin-top:18px; } .yl-cycling-vest table{ width:100%; border-collapse:collapse; background:#fff; border:1px solid #e0e5e2; border-radius:12px; overflow:hidden; } .yl-cycling-vest th, .yl-cycling-vest td{ padding:13px 15px; text-align:left; border-bottom:1px solid #e5e9e6; font-size:14px; } .yl-cycling-vest th{ width:32%; background:#f3f6f3; color:#29342d; } .yl-cycling-vest tr:last-child th, .yl-cycling-vest tr:last-child td{ border-bottom:none; } .yl-cycling-vest .package{ background:#edf5ef; border:1px solid #d1e2d4; border-radius:14px; padding:22px; margin-top:20px; } .yl-cycling-vest .

Notes

{ background:#fff8ec; border:1px solid #efdfc2; border-radius:14px; padding:20px; margin-top:20px; color:#674f2a; } .yl-cycling-vest .cta{ margin:32px 0; padding:30px 22px; text-align:center; border-radius:16px; background:linear-gradient(135deg,#304f39,#18251d); color:#fff; } .yl-cycling-vest .cta h2{ margin:0 0 8px; font-size:25px; color:#fff; } .yl-cycling-vest .cta p{ margin:0; color:#e4ece6; } .yl-cycling-vest .guarantee{ text-align:center; margin-top:30px; padding:22px; background:#fafafa; border-radius:15px; } .yl-cycling-vest .guarantee img{ width:100%; max-width:800px; height:auto; border-radius:10px; margin-bottom:15px; } .yl-cycling-vest .guarantee p{ margin:5px 0; font-size:14px; color:#59636d; } @media(max-width:720px){ .yl-cycling-vest .hero{padding:32px 20px} .yl-cycling-vest .hero h1{font-size:26px} .yl-cycling-vest .benefits, .yl-cycling-vest .uses, .yl-cycling-vest .colors{ grid-template-columns:1fr; } .yl-cycling-vest .

Features

copy{padding:20px} .yl-cycling-vest .section-title{font-size:23px} } HERO Front & Back Cycling Vest Pack for Men A rugged, hydration-ready chest vest designed to keep essentials close while you cycle, hike, train, commute, or explore outdoors. 3L Storage Hydration Ready 900D Oxford Breathable Mesh Free Size