{"product_id":"water-buffalo-hydration-backpack-lightweight-hydration-pack-with-2l-water-bladder-water-backpack-for-hiking-running-biking-and-raves-road-runner-12l-hydropack-backpack","title":"Water Buffalo Hydration Backpack - Lightweight Hydration Pack with 2L Water Bladder - Water Backpack for Hiking, Running, Biking, and Raves - Road Runner 12L Hydropack Backpack","description":"\u003cul\u003e  \u003cli\u003e\u003cspan class=\"a-list-item a-size-base a-color-base\"\u003eLightweight Hydropack for All Activities – This water backpack for running, hiking, biking, and outdoor adventures, provides a comfortable, secure fit for all activites.\u003c\/span\u003e\u003c\/li\u003e  \u003cli\u003e\u003cspan class=\"a-list-item a-size-base a-color-base\"\u003eWater Bladder Backpack – Stay refreshed with the BPA-free 2-liter water bladder, designed with a leakproof bite valve and a wide opening for fast refills and easy cleaning.\u003c\/span\u003e\u003c\/li\u003e  \u003cli\u003e\u003cspan class=\"a-list-item a-size-base a-color-base\"\u003eLightweight, Breathable \u0026amp; Adjustable Fit – Featuring ventilated mesh shoulder straps and a padded back panel, this hiking water backpack ensures comfort, stability, and airflow for all-day wear.\u003c\/span\u003e\u003c\/li\u003e  \u003cli\u003e\u003cspan class=\"a-list-item a-size-base a-color-base\"\u003eMultiple Storage Compartments for Essentials – The 12L capacity includes multiple zippered pockets, providing secure storage for snacks, keys, phone, gear, and extra layers.\u003c\/span\u003e\u003c\/li\u003e  \u003cli\u003e\u003cspan class=\"a-list-item a-size-base a-color-base\"\u003eDurable \u0026amp; Weather-Resistant for Any Condition – Built with rugged, water-resistant fabric, this water hydration backpack is designed for trails, races, travel, and extreme outdoor conditions.\u003c\/span\u003e\u003c\/li\u003e  \u003c\/ul\u003e\u003cbr\u003e\u003cstyle type=\"text\/css\"\u003e    \/*     * Used when device = desktop     * Configured in: configuration\/brazil-config\/global\/brand-story.cfg     *\/    \/* Because the carousel is implemented as an ol list,       any lists in the card text will have a secondary list style (letters).       This will give an incorrect appearance to viewers,       so we set all lists to the primary list style (numbers). *\/    .aplus-brand-story-card ol li {        list-style: decimal;    }    \/* Top level containers *\/    .aplus-module .apm-brand-story-hero {      -moz-box-sizing: border-box;      -webkit-box-sizing: border-box;      box-sizing: border-box;      width: 1464px;      height: 625px;      background-color: #fff;    }    .aplus-module .apm-brand-story-card {      -moz-box-sizing: border-box;      -webkit-box-sizing: border-box;      box-sizing: border-box;      width: 362px;      height: 453px;      background-color: #fff;    }    .apm-brand-story-hero,    .apm-brand-story-card {      -moz-box-sizing: border-box;      -webkit-box-sizing: border-box;      box-sizing: border-box;      position: relative;      width: 100%;      height: 100%;      float: none;    }    .aplus-module.brand-story-card-1-four-asin .apm-brand-story-card {      \/* Only 12px to account for image cell border *\/      padding: 12px;    }    \/* Full background image (Hero 1 \u0026 Card 2) *\/    .aplus-module .apm-brand-story-background-image {      -moz-box-sizing: border-box;      -webkit-box-sizing: border-box;      box-sizing: border-box;      overflow: hidden;      position: absolute;      width: 100%;      height: 100%;    }    .aplus-module .apm-brand-story-background-image img {      display: block;      width: 100%;      height: 100%;      object-fit: cover;    }    \/* Card 1 small images *\/    .aplus-module .apm-brand-story-image-grid {      -moz-box-sizing: border-box;      -webkit-box-sizing: border-box;      box-sizing: border-box;      padding: 0px;      margin: auto;      display: flex;      flex-flow: row wrap;    }    .aplus-module .apm-brand-story-image-grid .apm-brand-story-image-grid-item {      \/* Use content-box to ensure image size matches editor schema *\/      -moz-box-sizing: content-box;      -webkit-box-sizing: content-box;      box-sizing: content-box;      padding: 0px;      margin: 2px;      width: 162px;      height: 185px;      border: 1px solid #fff;    }    .aplus-module .apm-brand-story-image-grid .apm-brand-story-image-grid-item .apm-brand-story-image-link {      display: block;      width: 100%;      height: 100%;      padding: 2px;    }    .aplus-module .apm-brand-story-image-grid .apm-brand-story-image-grid-item .apm-brand-story-image-link .apm-brand-story-image-img {      display: block;      width: 100%;      height: 100%;      object-fit: cover;    }    \/* Card 3 logo image *\/    .aplus-module .apm-brand-story-logo-image {        -moz-box-sizing: content-box;        -webkit-box-sizing: content-box;        box-sizing: content-box;        height: 145px;        margin: 0px 4px;        padding: 20px;        padding-bottom: 0px;    }    \/* Text overlays *\/    .aplus-module .apm-brand-story-text-bottom {      -moz-box-sizing: border-box;      -webkit-box-sizing: border-box;      box-sizing: border-box;      position: absolute;      bottom: 13px;      left: 13px;    }    .aplus-module .apm-brand-story-hero .apm-brand-story-text-bottom {        background-color: rgba(0,0,0,0.6);        color: #fff;        padding: 13px 65px 13px 13px; \/* accounts for overlap of first card *\/        width: 437px;    }    \/* [TODO][AplusMantle-10079] Remove this temporary CSS selector after other team on DPX removes their cascading CSS *\/    #aplusBrandStory_feature_div .aplus-module .apm-brand-story-hero .apm-brand-story-text-bottom h3 {        color: #fff !important;    }    .aplus-module.brand-story-card-2-media-asset .apm-brand-story-text-bottom {        background-color: rgba(255,255,255,0.6);        color: #000;        padding: 13px;        width: 336px;    }    .aplus-module.brand-story-card-1-four-asin .apm-brand-story-text {        margin-top: 8px;        padding-left: 2px;        padding-right: 2px;    }    .aplus-module.brand-story-card-1-four-asin .apm-brand-story-text.apm-brand-story-text-single {        margin-top: 20px;    }    .aplus-module.brand-story-card-1-four-asin .apm-brand-story-text h3 {        white-space: nowrap;        overflow: hidden;        text-overflow: ellipsis;    }    .aplus-module .apm-brand-story-slogan-text {        -moz-box-sizing: content-box;        -webkit-box-sizing: content-box;        box-sizing: content-box;        margin: 0px 4px;        padding: 20px;    }    .aplus-module .apm-brand-story-faq {        -moz-box-sizing: content-box;        -webkit-box-sizing: content-box;        box-sizing: content-box;        padding-top: 10px;    }    .aplus-module .apm-brand-story-faq-block {        margin: 0px 10px;        padding: 10px;    }\u003c\/style\u003e                                                \u003cstyle\u003e    .aplus-v2 .apm-brand-story-carousel-container {        position: relative;    }    .aplus-v2 .apm-brand-story-carousel-hero-container,    .aplus-v2 .apm-brand-story-carousel-hero-container \u003e div {        position: absolute;        width: 100%;    }\u003c\/style\u003e    \u003cstyle\u003e        \/*          Ensuring the carousel takes only the space it needs.          The sizes need to be set again on the absolutely positioned elements so they can take up space.        *\/        .aplus-v2 .apm-brand-story-carousel-container,        .aplus-v2 .apm-brand-story-carousel-hero-container {            height: 625px;            width: 100%;            max-width: 1464px;            margin-left: auto;            margin-right: auto;            overflow: hidden;        }        .aplus-v2 .apm-brand-story-carousel-hero-container,        .aplus-v2 .apm-brand-story-carousel-hero-container \u003e div {            height: 625px;        }    \u003c\/style\u003e   \u003cstyle\u003e        .aplus-v2 .apm-brand-story-carousel.a-carousel-container {            padding: 0px;        }        \/*          This centers the carousel vertically on top of the hero image container and after the logo area (125px).          Margin-top = (heroHeight - cardHeight - logoAreaHeight) \/ 2 + logoAreaHeight        *\/        .aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner {            margin-top: 149px;        }        \/*          Cards need to have a width set, otherwise they default to 50px or so.          All cards must have the same width. The carousel will resize itself so all cards take the width of the largest card.          The left margin is for leaving a space between each card.        *\/        .aplus-v2 .apm-brand-story-carousel .a-carousel-card {            width: 362px;            margin-left: 30px !important;        }        \/* styling the navigation buttons so they are taller, flush with the sides, and have a clean white background *\/        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left,        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right {            padding: 0px;        }        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image,        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image {            border: none;            margin: 0px;        }        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner,        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {            background: #fff;            padding: 20px 6px;        }        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner {            border-radius: 0px 4px 4px 0px;        }        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {            border-radius: 4px 0px 0px 4px;        }    \u003c\/style\u003e  \u003cdiv\u003e        \u003cdiv class=\"apm-brand-story-carousel-container\"\u003e                 \u003cdiv class=\"apm-brand-story-carousel-hero-container\"\u003e                             \u003cdiv class=\"celwidget aplus-module brand-story-hero-1-image-logo aplus-brand-story-hero\" cel_widget_id=\"aplus-brand-story-hero-1-image-logo\" data-csa-c-id=\"u12sr-te9jt3-tco6bf-k7x7df\" data-cel-widget=\"aplus-brand-story-hero-1-image-logo\"\u003e             \u003cdiv class=\"apm-brand-story-hero\"\u003e    \u003cdiv class=\"apm-brand-story-background-image\"\u003e                                             \u003cimg alt=\"water buffalo\" src=\"https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/x-locale\/common\/grey-pixel.gif\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/d97e5685-e96c-4829-b5d7-5009dabcd8f0.__CR0,0,1464,625_PT0_SX1464_V1___.jpg\"\u003e\u003cnoscript\u003e\u003cimg alt=\"water buffalo\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/d97e5685-e96c-4829-b5d7-5009dabcd8f0.__CR0,0,1464,625_PT0_SX1464_V1___.jpg\"\u003e\u003c\/noscript\u003e  \u003c\/div\u003e     \u003c\/div\u003e\n\u003cdiv style=\"clear:both\"\u003e\u003c\/div\u003e   \u003c\/div\u003e               \u003c\/div\u003e                    \u003cdiv id=\"apm-brand-story-carousel\" data-a-carousel-options=\"{\" name aria-label=\"Featured content carousel\" aria-roledescription=\"carousel\" role=\"group\" class=\"a-begin a-carousel-container a-carousel-display-stretchyGoodness a-carousel-transition-slide apm-brand-story-carousel size-cards a-carousel-container\"\u003e\n\u003cinput autocomplete=\"on\" type=\"hidden\" class=\"a-carousel-firstvisibleitem\"\u003e \u003cdiv class=\"a-row a-carousel-controls a-carousel-row a-carousel-has-buttons\"\u003e\u003cdiv class=\"a-carousel-row-inner\"\u003e\n\u003cdiv class=\"a-carousel-col a-carousel-left\"\u003ePrevious page\u003c\/div\u003e\n\u003cdiv class=\"a-carousel-col a-carousel-center\"\u003e\u003cdiv class=\"a-carousel-viewport\" role=\"group\" aria-roledescription=\"slide\"\u003e\u003col class=\"a-carousel\" role=\"list\"\u003e  \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-0\"\u003e   \u003c\/li\u003e      \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-1\"\u003e           \u003cdiv class=\"celwidget aplus-module brand-story-card-2-media-asset aplus-brand-story-card\" cel_widget_id=\"aplus-brand-story-card-2-media-asset\" data-csa-c-id=\"xik7ud-5i15xj-u0248h-fi6idr\" data-cel-widget=\"aplus-brand-story-card-2-media-asset\"\u003e             \u003cdiv class=\"apm-brand-story-card\"\u003e    \u003cdiv class=\"apm-brand-story-background-image\"\u003e                                             \u003cimg alt=\"featured in\" src=\"https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/x-locale\/common\/grey-pixel.gif\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/44e5f925-d8d9-4263-993f-b5073e793bd5.__CR0,23,463,579_PT0_SX362_V1___.jpg\"\u003e\u003cnoscript\u003e\u003cimg alt=\"featured in\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/44e5f925-d8d9-4263-993f-b5073e793bd5.__CR0,23,463,579_PT0_SX362_V1___.jpg\"\u003e\u003c\/noscript\u003e  \u003c\/div\u003e     \u003c\/div\u003e\n\u003cdiv style=\"clear:both\"\u003e\u003c\/div\u003e   \u003c\/div\u003e \u003c\/li\u003e    \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-2\"\u003e           \u003cdiv class=\"celwidget aplus-module brand-story-card-2-media-asset aplus-brand-story-card\" cel_widget_id=\"aplus-brand-story-card-2-media-asset\" data-csa-c-id=\"nquntq-kfw2i0-4933kr-vqw0pk\" data-cel-widget=\"aplus-brand-story-card-2-media-asset\"\u003e             \u003cdiv class=\"apm-brand-story-card\"\u003e    \u003cdiv class=\"apm-brand-story-background-image\"\u003e                                             \u003cimg alt=\"water project\" src=\"https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/x-locale\/common\/grey-pixel.gif\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/bb8d7ca4-ccc9-4349-a286-3ab3984580a3.__CR0,23,463,579_PT0_SX362_V1___.jpg\"\u003e\u003cnoscript\u003e\u003cimg alt=\"water project\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/bb8d7ca4-ccc9-4349-a286-3ab3984580a3.__CR0,23,463,579_PT0_SX362_V1___.jpg\"\u003e\u003c\/noscript\u003e  \u003c\/div\u003e     \u003c\/div\u003e\n\u003cdiv style=\"clear:both\"\u003e\u003c\/div\u003e   \u003c\/div\u003e \u003c\/li\u003e    \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-3\"\u003e           \u003cdiv class=\"celwidget aplus-module brand-story-card-2-media-asset aplus-brand-story-card\" cel_widget_id=\"aplus-brand-story-card-2-media-asset\" data-csa-c-id=\"t9um23-x1hhp7-yxr4js-9viatu\" data-cel-widget=\"aplus-brand-story-card-2-media-asset\"\u003e             \u003cdiv class=\"apm-brand-story-card\"\u003e    \u003cdiv class=\"apm-brand-story-background-image\"\u003e                                             \u003cimg alt=\"Values\" src=\"https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/x-locale\/common\/grey-pixel.gif\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/69fd3a7e-ca78-4d89-90b9-8517b8c8d368.__CR0,23,463,579_PT0_SX362_V1___.jpg\"\u003e\u003cnoscript\u003e\u003cimg alt=\"Values\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/69fd3a7e-ca78-4d89-90b9-8517b8c8d368.__CR0,23,463,579_PT0_SX362_V1___.jpg\"\u003e\u003c\/noscript\u003e  \u003c\/div\u003e     \u003c\/div\u003e\n\u003cdiv style=\"clear:both\"\u003e\u003c\/div\u003e   \u003c\/div\u003e \u003c\/li\u003e    \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-4\"\u003e           \u003cdiv class=\"celwidget aplus-module brand-story-card-1-four-asin aplus-brand-story-card\" cel_widget_id=\"aplus-brand-story-card-1-four-asin\" data-csa-c-id=\"kb4b0x-mr5d2o-ijicvp-67yoz8\" data-cel-widget=\"aplus-brand-story-card-1-four-asin\"\u003e                  \u003cdiv class=\"apm-brand-story-card\"\u003e    \u003cdiv class=\"apm-brand-story-image-grid\" role=\"list\"\u003e         \u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                                                      \u003cimg alt=\"Water Buffalo Hydration Backpack - Lightweight Hydration Pack with 2L Water Bladder - Water Backp...\" src=\"https:\/\/m.media-amazon.com\/images\/I\/51hgwDrlnTL.__AC_SR166,182___.jpg\"\u003e   \u003c\/div\u003e         \u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                                                      \u003cimg alt=\"Water Buffalo Hydration Backpack | Hydration Pack \u0026amp; 2 Liter BPA Free Bladder | Multiple Pockets f...\" src=\"https:\/\/m.media-amazon.com\/images\/I\/410Q6Pdz36L.__AC_SR166,182___.jpg\"\u003e   \u003c\/div\u003e         \u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                                                      \u003cimg alt=\"Water Buffalo Hydration Bladder - Water Bladder for Hiking Backpack - Leak Proof 3L Hydration Bla...\" src=\"https:\/\/m.media-amazon.com\/images\/I\/41UOk9RNQdL.__AC_SR166,182___.jpg\"\u003e   \u003c\/div\u003e         \u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                                                      \u003cimg alt=\"Water Buffalo Bike Water Bottle Holder - Bike Water Bottle Cage for Mountain \u0026amp; Road Bikes - Water...\" src=\"https:\/\/m.media-amazon.com\/images\/I\/41g4eVbC2lL.__AC_SR166,182___.jpg\"\u003e   \u003c\/div\u003e         \u003c\/div\u003e      \u003cdiv class=\"apm-brand-story-text apm-brand-story-text-single\"\u003e                                                     \u003ch3\u003e Shop Hydration \u003c\/h3\u003e      \u003c\/div\u003e     \u003c\/div\u003e\n\u003cdiv style=\"clear:both\"\u003e\u003c\/div\u003e   \u003c\/div\u003e \u003c\/li\u003e   \u003c\/ol\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"a-carousel-col a-carousel-right\"\u003eNext page\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e \u003cspan class=\"a-end aok-hidden\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e \u003c\/div\u003e        \u003cdiv class=\"aplus-brandstory-pagination\"\u003e             \u003c\/div\u003e    \u003c\/div\u003e ","brand":"ARENAOX","offers":[{"title":"Default Title","offer_id":57456004432254,"sku":null,"price":62.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0975\/8212\/1342\/files\/81_Bzk6RcvL._AC_SL1500.jpg?v=1779550576","url":"https:\/\/romaqay.com\/products\/water-buffalo-hydration-backpack-lightweight-hydration-pack-with-2l-water-bladder-water-backpack-for-hiking-running-biking-and-raves-road-runner-12l-hydropack-backpack","provider":"romaqay","version":"1.0","type":"link"}