<main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> <section class="video-banner"> <video autoplay loop muted playsinline class="banner-video"> <source src="//wildwilderness.co.uk/cdn/shop/files/?38" type="video/mp4"> Your browser does not support the video tag. </video> <div class="video-overlay"> <h1>Welcome to Our Store</h1> <p>Discover our exclusive collection</p> </div> </section> <div id="shopify-section-template--22491534393679__banner" class="shopify-section section"> <link href="//wildwilderness.co.uk/cdn/shop/t/1/assets/component-collection-hero.css?v=125511329265726850081718029288" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>@media screen and (max-width: 749px) { .collection-hero--with-image .collection-hero__inner { padding-bottom: calc(4px + 2rem); } }</style><div class="collection-hero color-scheme-1 gradient"> <div class="collection-hero__inner page-width scroll-trigger animate--fade-in"> <div class="collection-hero__text-wrapper"> <h1 class="collection-hero__title"> <span class="visually-hidden">Collection: </span>Bags</h1><div class="collection-hero__description rte"></div></div></div> </div> </div><div id="shopify-section-template--22491534393679__product-grid" class="shopify-section section"><link href="//wildwilderness.co.uk/cdn/shop/t/1/assets/template-collection.css?v=58558206033505836701718029289" rel="stylesheet" type="text/css" media="all" /> <link href="//wildwilderness.co.uk/cdn/shop/t/1/assets/component-card.css?v=120341546515895839841718029288" rel="stylesheet" type="text/css" media="all" /> <link href="//wildwilderness.co.uk/cdn/shop/t/1/assets/component-price.css?v=70172745017360139101718029288" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>.section-template--22491534393679__product-grid-padding { padding-top: 27px; padding-bottom: 27px; } @media screen and (min-width: 750px) { .section-template--22491534393679__product-grid-padding { padding-top: 36px; padding-bottom: 36px; } }</style><div class="section-template--22491534393679__product-grid-padding gradient color-scheme-1"> <div class=""> <link href="//wildwilderness.co.uk/cdn/shop/t/1/assets/component-facets.css?v=150625133492632618911718029288" rel="stylesheet" type="text/css" media="all" /> <script src="//wildwilderness.co.uk/cdn/shop/t/1/assets/facets.js?v=42798985796066624181718029288" defer="defer"></script><aside aria-labelledby="verticalTitle" class="facets-wrapper page-width" id="main-collection-filters" data-id="template--22491534393679__product-grid" > <link href="//wildwilderness.co.uk/cdn/shop/t/1/assets/component-show-more.css?v=139536189637226996221718029288" rel="stylesheet" type="text/css" media="all" /> <link href="//wildwilderness.co.uk/cdn/shop/t/1/assets/component-swatch-input.css?v=61683592951238328641718029288" rel="stylesheet" type="text/css" media="all" /> <link href="//wildwilderness.co.uk/cdn/shop/t/1/assets/component-swatch.css?v=6811383713633888781718029288" rel="stylesheet" type="text/css" media="all" /> <div class="facets-container scroll-trigger animate--fade-in"><facet-filters-form class="facets small-hide"> <form id="FacetFiltersForm" class="facets__form" > <div id="FacetsWrapperDesktop" class="facets__wrapper" ><h2 class="facets__heading caption-large text-body" id="verticalTitle" tabindex="-1"> Filter: </h2> <script src="//wildwilderness.co.uk/cdn/shop/t/1/assets/show-more.js?v=135784227224860024771718029289" defer="defer"></script> <details id="Details-filter.v.availability-template--22491534393679__product-grid" class="disclosure-has-popup facets__disclosure js-filter" data-index="1" > <summary class="facets__summary caption-large focus-offset" aria-label="Availability (0 selected)" > <div> <span class="facets__summary-label">Availability </span><svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </div> </summary> <div id="Facet-1-template--22491534393679__product-grid" class="parent-display facets__display" ><div class="facets__header"> <div> <span class="facets__selected">0 selected</span></div> <facet-remove> <a href="/collections/bags" class="facets__reset link underlined-link"> Reset </a> </facet-remove> </div><fieldset class="facets-wrap parent-wrap "> <legend class="visually-hidden">Availability</legend><ul class="facets-layout facets-layout-list facets-layout-list--text facets__list list-unstyled" role="list" > <li class="list-menu__item facets__item"><label for="Filter-filter.v.availability-1" class="facets__label facet-checkbox "> <input type="checkbox" name="filter.v.availability" value="1" id="Filter-filter.v.availability-1" ><svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false" > <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect> </svg> <svg aria-hidden="true" class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" /> </svg><span class="facet-checkbox__text" aria-hidden="true"> <span class="facet-checkbox__text-label">In stock</span> (2) </span> <span class="visually-hidden">In stock (2 products) </span> </label></li> <li class="list-menu__item facets__item"><label for="Filter-filter.v.availability-2" class="facets__label facet-checkbox disabled "> <input type="checkbox" name="filter.v.availability" value="0" id="Filter-filter.v.availability-2" disabled ><svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false" > <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect> </svg> <svg aria-hidden="true" class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" /> </svg><span class="facet-checkbox__text" aria-hidden="true"> <span class="facet-checkbox__text-label">Out of stock</span> (0) </span> <span class="visually-hidden">Out of stock (0 products) </span> </label></li></ul> </fieldset> </div> </details> <details id="Details-filter.v.price-template--22491534393679__product-grid" class="disclosure-has-popup facets__disclosure js-filter" data-index="2" > <summary class="facets__summary caption-large focus-offset"> <div> <span>Price</span> <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </div> </summary> <div id="Facet-2-template--22491534393679__product-grid" class="facets__display" > <div class="facets__header"><span class="facets__selected">The highest price is £50.00</span><facet-remove> <a href="/collections/bags" class="facets__reset link underlined-link"> Reset </a> </facet-remove></div> <price-range class="facets__price"> <span class="field-currency">£</span> <div class="field"> <input class="field__input" name="filter.v.price.gte" id="Filter-Price-GTE"type="text" inputmode="decimal" placeholder="0" data-pattern="\d| |,|\." data-min="0" data-max="50.00" > <label class="field__label" for="Filter-Price-GTE">From</label> </div><span class="field-currency">£</span><div class="field"> <input class="field__input" name="filter.v.price.lte" id="Filter-Price-LTE"type="text" inputmode="decimal" placeholder="50.00" data-pattern="\d| |,|\." data-min="0" data-max="50.00" > <label class="field__label" for="Filter-Price-LTE">To</label> </div> </price-range> </div> </details> </div> <div class="active-facets active-facets-desktop"> <facet-remove class="active-facets__button-wrapper"> <a href="/collections/bags" class="active-facets__button-remove underlined-link"> <span>Remove all</span> </a> </facet-remove> </div> <div class="facet-filters sorting caption"> <div class="facet-filters__field"> <h2 class="facet-filters__label caption-large text-body"> <label for="SortBy">Sort by:</label> </h2> <div class="select"><select name="sort_by" class="facet-filters__sort select__select caption-large" id="SortBy" aria-describedby="a11y-refresh-page-message" ><option value="manual" > Featured </option><option value="best-selling" selected="selected" > Best selling </option><option value="title-ascending" > Alphabetically, A-Z </option><option value="title-descending" > Alphabetically, Z-A </option><option value="price-ascending" > Price, low to high </option><option value="price-descending" > Price, high to low </option><option value="created-ascending" > Date, old to new </option><option value="created-descending" > Date, new to old </option></select> <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </div> </div> </div><div class="product-count light" role="status"> <h2 class="product-count__text text-body"> <span id="ProductCountDesktop">2 products </span> </h2> <link href="//wildwilderness.co.uk/cdn/shop/t/1/assets/component-loading-spinner.css?v=116724955567955766481718029288" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </div></form> </facet-filters-form> <menu-drawer class="mobile-facets__wrapper medium-hide large-up-hide" data-breakpoint="mobile" > <details class="mobile-facets__disclosure disclosure-has-popup"> <summary class="mobile-facets__open-wrapper focus-offset"> <span class="mobile-facets__open"> <svg class="icon icon-filter" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" > <path fill-rule="evenodd" d="M4.833 6.5a1.667 1.667 0 1 1 3.334 0 1.667 1.667 0 0 1-3.334 0ZM4.05 7H2.5a.5.5 0 0 1 0-1h1.55a2.5 2.5 0 0 1 4.9 0h8.55a.5.5 0 0 1 0 1H8.95a2.5 2.5 0 0 1-4.9 0Zm11.117 6.5a1.667 1.667 0 1 0-3.334 0 1.667 1.667 0 0 0 3.334 0ZM13.5 11a2.5 2.5 0 0 1 2.45 2h1.55a.5.5 0 0 1 0 1h-1.55a2.5 2.5 0 0 1-4.9 0H2.5a.5.5 0 0 1 0-1h8.55a2.5 2.5 0 0 1 2.45-2Z" fill="currentColor"/> </svg> <span class="mobile-facets__open-label button-label medium-hide large-up-hide">Filter and sort </span> <span class="mobile-facets__open-label button-label small-hide">Filter </span> </span> <span tabindex="0" class="mobile-facets__close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17" > <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </svg> </span> </summary> <facet-filters-form> <form id="FacetFiltersFormMobile" class="mobile-facets"> <div class="mobile-facets__inner gradient"> <div class="mobile-facets__header"> <div class="mobile-facets__header-inner"> <h2 class="mobile-facets__heading medium-hide large-up-hide">Filter and sort </h2> <h2 class="mobile-facets__heading small-hide">Filter </h2> <p class="mobile-facets__count">2 products </p> </div> </div> <div id="FacetsWrapperMobile" class="mobile-facets__main has-submenu gradient" > <details id="Details-Mobile-filter.v.availability-template--22491534393679__product-grid" class="mobile-facets__details js-filter" data-index="mobile-1" > <summary class="mobile-facets__summary focus-inset"> <div> <span>Availability</span> <span class="mobile-facets__arrow"><svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> </span> </div> </summary> <div id="FacetMobile-1-template--22491534393679__product-grid" class="mobile-facets__submenu gradient" > <button class="mobile-facets__close-button link link--text focus-inset" aria-expanded="true" type="button" > <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> <span>Availability</span></button> <ul class="facets-layout facets-layout-list facets-layout-list--text mobile-facets__list list-unstyled" role="list"> <li class="mobile-facets__item list-menu__item"> <label for="Filter-filter.v.availability-mobile-1" class="facets__label mobile-facets__label "> <input class="mobile-facets__checkbox" type="checkbox" name="filter.v.availability" value="1" id="Filter-filter.v.availability-mobile-1" ><span class="mobile-facets__highlight"></span> <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false" > <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect> </svg> <svg aria-hidden="true" class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" /> </svg> <span class="facet-checkbox__text" aria-hidden="true"> <span class="facet-checkbox__text-label">In stock</span> (2) </span> <span class="visually-hidden">In stock (2 products) </span> </label> </li> <li class="mobile-facets__item list-menu__item"> <label for="Filter-filter.v.availability-mobile-2" class="facets__label mobile-facets__label disabled "> <input class="mobile-facets__checkbox" type="checkbox" name="filter.v.availability" value="0" id="Filter-filter.v.availability-mobile-2" disabled ><span class="mobile-facets__highlight"></span> <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false" > <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect> </svg> <svg aria-hidden="true" class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" /> </svg> <span class="facet-checkbox__text" aria-hidden="true"> <span class="facet-checkbox__text-label">Out of stock</span> (0) </span> <span class="visually-hidden">Out of stock (0 products) </span> </label> </li></ul> <div class="mobile-facets__footer gradient"> <facet-remove class="mobile-facets__clear-wrapper"> <a href="/collections/bags" class="mobile-facets__clear underlined-link">Clear</a> </facet-remove> <button type="button" class="button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()" > Apply </button> </div> </div> </details> <details id="Details-Mobile-filter.v.price-template--22491534393679__product-grid" class="mobile-facets__details js-filter" data-index="mobile-2" > <summary class="mobile-facets__summary focus-inset"> <div> <span>Price</span> <span class="mobile-facets__arrow"><svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> </span> </div> </summary> <div id="FacetMobile-2-template--22491534393679__product-grid" class="mobile-facets__submenu gradient" > <button class="mobile-facets__close-button link link--text focus-inset" aria-expanded="true" type="button" > <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> Price </button><p class="mobile-facets__info"> The highest price is £50.00 </p> <price-range class="facets__price"> <span class="field-currency">£</span> <div class="field"> <input class="field__input" name="filter.v.price.gte" id="Mobile-Filter-Price-GTE"type="text" inputmode="decimal" placeholder="0" data-pattern="\d| |,|\." data-min="0" data-max="50.00" > <label class="field__label" for="Mobile-Filter-Price-GTE">From</label> </div><span class="field-currency">£</span><div class="field"> <input class="field__input" name="filter.v.price.lte" id="Mobile-Filter-Price-LTE"type="text" inputmode="decimal" placeholder="50.00" data-pattern="\d| |,|\." data-min="0" data-max="50.00" > <label class="field__label" for="Mobile-Filter-Price-LTE">To</label> </div> </price-range> <div class="mobile-facets__footer"> <facet-remove class="mobile-facets__clear-wrapper"> <a href="/collections/bags" class="mobile-facets__clear underlined-link">Clear</a> </facet-remove> <button type="button" class="button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()" > Apply </button> </div> </div> </details> <div id="Details-Mobile-SortBy-template--22491534393679__product-grid" class="mobile-facets__details js-filter" data-index="mobile-" > <div class="mobile-facets__summary"> <div class="mobile-facets__sort"> <label for="SortBy-mobile">Sort by:</label> <div class="select"> <select name="sort_by" class="select__select" id="SortBy-mobile" aria-describedby="a11y-refresh-page-message" ><option value="manual" > Featured </option><option value="best-selling" selected="selected" > Best selling </option><option value="title-ascending" > Alphabetically, A-Z </option><option value="title-descending" > Alphabetically, Z-A </option><option value="price-ascending" > Price, low to high </option><option value="price-descending" > Price, high to low </option><option value="created-ascending" > Date, old to new </option><option value="created-descending" > Date, new to old </option></select> <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </div> </div> </div> </div><div class="mobile-facets__footer"> <facet-remove class="mobile-facets__clear-wrapper"> <a href="/collections/bags" class="mobile-facets__clear underlined-link">Remove all</a> </facet-remove> <button type="button" class="button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()" > Apply </button> </div> </div> </div> </form> </facet-filters-form> </details> </menu-drawer> <div class="active-facets active-facets-mobile medium-hide large-up-hide"> <facet-remove class="active-facets__button-wrapper"> <a href="/collections/bags" class="active-facets__button-remove underlined-link"> <span>Remove all</span> </a> </facet-remove> </div> <div class="product-count light medium-hide large-up-hide" role="status" > <h2 class="product-count__text text-body"> <span id="ProductCount">2 products </span> </h2> <link href="//wildwilderness.co.uk/cdn/shop/t/1/assets/component-loading-spinner.css?v=116724955567955766481718029288" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </div></div> </aside><div class="product-grid-container scroll-trigger animate--slide-in" id="ProductGridContainer" data-cascade ><div class="collection page-width" > <div class="loading-overlay gradient"></div> <ul id="product-grid" data-id="template--22491534393679__product-grid" class=" grid product-grid grid--2-col-tablet-down grid--4-col-desktop " > <li class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 1;" > <link href="//wildwilderness.co.uk/cdn/shop/t/1/assets/component-rating.css?v=179577762467860590411718029288" rel="stylesheet" type="text/css" media="all" /> <link href="//wildwilderness.co.uk/cdn/shop/t/1/assets/component-volume-pricing.css?v=56284703641257077881718029288" rel="stylesheet" type="text/css" media="all" /> <link href="//wildwilderness.co.uk/cdn/shop/t/1/assets/component-price.css?v=70172745017360139101718029288" rel="stylesheet" type="text/css" media="all" /> <link href="//wildwilderness.co.uk/cdn/shop/t/1/assets/quick-order-list.css?v=15443151378892718751718029288" rel="stylesheet" type="text/css" media="all" /> <link href="//wildwilderness.co.uk/cdn/shop/t/1/assets/quantity-popover.css?v=78745769908715669131718029288" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-scheme-2 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//wildwilderness.co.uk/cdn/shop/files/Untitleddesign_4.png?v=1719670640&width=165 165w,//wildwilderness.co.uk/cdn/shop/files/Untitleddesign_4.png?v=1719670640&width=360 360w,//wildwilderness.co.uk/cdn/shop/files/Untitleddesign_4.png?v=1719670640&width=533 533w,//wildwilderness.co.uk/cdn/shop/files/Untitleddesign_4.png?v=1719670640&width=720 720w,//wildwilderness.co.uk/cdn/shop/files/Untitleddesign_4.png?v=1719670640&width=940 940w,//wildwilderness.co.uk/cdn/shop/files/Untitleddesign_4.png?v=1719670640&width=1066 1066w,//wildwilderness.co.uk/cdn/shop/files/Untitleddesign_4.png?v=1719670640 1080w " src="//wildwilderness.co.uk/cdn/shop/files/Untitleddesign_4.png?v=1719670640&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Wild Wilderness Waterproof backpack 35L - Wild Wilderness" class="motion-reduce" width="1080" height="1080" > </div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/products/wild-wilderness-waterproof-backpack-35l" id="StandardCardNoMediaLink-template--22491534393679__product-grid-9400028791119" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--22491534393679__product-grid-9400028791119 NoMediaStandardBadge-template--22491534393679__product-grid-9400028791119" > Wild Wilderness Waterproof backpack 35L </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--22491534393679__product-grid-9400028791119" > <a href="/products/wild-wilderness-waterproof-backpack-35l" id="CardLink-template--22491534393679__product-grid-9400028791119" class="full-unstyled-link" aria-labelledby="CardLink-template--22491534393679__product-grid-9400028791119 Badge-template--22491534393679__product-grid-9400028791119" > Wild Wilderness Waterproof backpack 35L </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class=" price " > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> £50.00 GBP </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> £50.00 GBP </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div></div> </div> </div> <div class="card__badge bottom left"></div> </div> </div> </div> </li> <li class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 2;" > <link href="//wildwilderness.co.uk/cdn/shop/t/1/assets/component-rating.css?v=179577762467860590411718029288" rel="stylesheet" type="text/css" media="all" /> <link href="//wildwilderness.co.uk/cdn/shop/t/1/assets/component-volume-pricing.css?v=56284703641257077881718029288" rel="stylesheet" type="text/css" media="all" /> <link href="//wildwilderness.co.uk/cdn/shop/t/1/assets/component-price.css?v=70172745017360139101718029288" rel="stylesheet" type="text/css" media="all" /> <link href="//wildwilderness.co.uk/cdn/shop/t/1/assets/quick-order-list.css?v=15443151378892718751718029288" rel="stylesheet" type="text/css" media="all" /> <link href="//wildwilderness.co.uk/cdn/shop/t/1/assets/quantity-popover.css?v=78745769908715669131718029288" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-scheme-2 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//wildwilderness.co.uk/cdn/shop/files/Untitleddesign_5.png?v=1719671384&width=165 165w,//wildwilderness.co.uk/cdn/shop/files/Untitleddesign_5.png?v=1719671384&width=360 360w,//wildwilderness.co.uk/cdn/shop/files/Untitleddesign_5.png?v=1719671384&width=533 533w,//wildwilderness.co.uk/cdn/shop/files/Untitleddesign_5.png?v=1719671384&width=720 720w,//wildwilderness.co.uk/cdn/shop/files/Untitleddesign_5.png?v=1719671384&width=940 940w,//wildwilderness.co.uk/cdn/shop/files/Untitleddesign_5.png?v=1719671384&width=1066 1066w,//wildwilderness.co.uk/cdn/shop/files/Untitleddesign_5.png?v=1719671384 1080w " src="//wildwilderness.co.uk/cdn/shop/files/Untitleddesign_5.png?v=1719671384&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Insulated Festival Bag - Wild Wilderness" class="motion-reduce" width="1080" height="1080" > </div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/products/insulated-festival-bag" id="StandardCardNoMediaLink-template--22491534393679__product-grid-9400078991695" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--22491534393679__product-grid-9400078991695 NoMediaStandardBadge-template--22491534393679__product-grid-9400078991695" > Insulated Festival Bag </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--22491534393679__product-grid-9400078991695" > <a href="/products/insulated-festival-bag" id="CardLink-template--22491534393679__product-grid-9400078991695" class="full-unstyled-link" aria-labelledby="CardLink-template--22491534393679__product-grid-9400078991695 Badge-template--22491534393679__product-grid-9400078991695" > Insulated Festival Bag </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class=" price " > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> £20.00 GBP </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> £20.00 GBP </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div></div> </div> </div> <div class="card__badge bottom left"></div> </div> </div> </div> </li></ul></div></div> </div></div> </div> </main> <style> .video-banner { position: relative; width: 100%; height: 100vh; /* Full screen height */ overflow: hidden; } .banner-video { width: 100%; height: 100%; object-fit: cover; /* Ensures video covers the entire area */ } .video-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: white; z-index: 10; } .video-overlay h1 { font-size: 4rem; margin-bottom: 1rem; } .video-overlay p { font-size: 1.5rem; } </style> Bags

Filter and sort Filter

2 products

Wild Wilderness Waterproof backpack 35L

Wild Wilderness Waterproof backpack 35L

Regular price £50.00 GBP

Regular price Sale price £50.00 GBP
Unit price per
Insulated Festival Bag

Insulated Festival Bag

Regular price £20.00 GBP

Regular price Sale price £20.00 GBP
Unit price per

Item added to your cart

Collection: Bags

Wild Wilderness Waterproof backpack 35L

Wild Wilderness Waterproof backpack 35L

Insulated Festival Bag

Insulated Festival Bag