{"main-product-gallery-mobile":"<div id=\"shopify-section-main-product-gallery-mobile\" class=\"shopify-section\">\n\n<script src='//www.bareminerals.co.uk/cdn/shop/t/323/assets/component-swiper-product-gallery.js?v=37491164979881138701775065674' defer='defer' type='module'></script>\n<script src='//www.bareminerals.co.uk/cdn/shop/t/323/assets/component-adaptive-image.js?v=34242200579782820261775065583' defer='defer' type='module'></script>\n<script src='//www.bareminerals.co.uk/cdn/shop/t/323/assets/component-adaptive-video.js?v=25240053363215798401775065585' defer='defer' type='module'></script><link href=\"//www.bareminerals.co.uk/cdn/shop/t/323/assets/component-product-gallery.css?v=8845450807217787341775065653\" rel=\"stylesheet\" type=\"text/css\" media=\"all\" />\n  \n<link href=\"//www.bareminerals.co.uk/cdn/shop/t/323/assets/component-simple-slider.css?v=86144533697610434691775065670\" rel=\"stylesheet\" type=\"text/css\" media=\"all\" />\n  \n<swiper-product-gallery\n  class='  product-gallery--sticky '\n  data-form-id='product-form-main-product-gallery-mobile'\n  galleryType='size'\n  product-id=''\n  data-is-quickview='false'\n  data-is-desktop=\"false\"\n  active-variant-id=''\n  role='region'\n  aria-label='product gallery carousel'\n>\n  <p class='visually-hidden'>\n    This is a product gallery carousel with rotating slides. Use Next and Previous buttons to navigate.\n  </p>\n  \n    <div class='product-gallery__thumbs m-flex'>\n      <swiper-container\n        loop='true'\n        a11y='false'\n        class='product-gallery__thumb-items list-unstyled js-thumbnail-container'\n        direction='vertical'\n        slides-per-view='auto'\n        data-size=''\n      >\n      </swiper-container>\n    </div>\n  \n\n  \n\n  \n    <swiper-container\n      loop='true'\n      navigation='true'\n      data-size=''\n      centered-slides='true'\n      direction='horizontal'\n      class='product-gallery__main mobile '\n      slides-per-view='1.25'\n      breakpoints='{\"500\": {\"slidesPerView\": 1.75}}'\n      space-between='11'\n    ></swiper-container>\n  \n\n  \n    \n      \n    \n  \n\n  \n    <div class='product-gallery-modal js-gallery-modal' role='dialog' aria-label='product gallery modal' aria-modal='true'>\n      <button\n        class='product-gallery-modal__close js-close-zoom flex align-center justify-center background-color-white color-off-black'\n        aria-label='Close'\n      ><svg class=\"icon-close\" aria-hidden=\"true\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <rect x=\"1.10938\" y=\"0.403809\" width=\"12\" height=\"1\" transform=\"rotate(45 1.10938 0.403809)\" fill=\"currentColor\"/>\n  <rect x=\"9.59766\" y=\"1.1109\" width=\"12\" height=\"1\" transform=\"rotate(135 9.59766 1.1109)\" fill=\"currentColor\"/>\n</svg>\n</button>\n      <ul\n        class='product-gallery-modal__thumbnails background-color-white flex flex-direction-column js-gallery-modal-thumbs'\n      ></ul>\n      <div class='product-gallery-modal__images js-gallery-modal-images background-color-off-white'></div>\n    </div>\n\n    <div class='product-gallery-modal-mobile js-gallery-modal-mobile m-none' role='dialog' aria-label='product gallery modal' aria-modal='true'>\n      <div class='product-gallery-modal-mobile__bg js-close-zoom-mobile'></div>\n      <div class='product-gallery-modal-mobile__container background-color-off-white'>\n        <button\n          class='product-gallery-modal-mobile__close js-close-zoom-mobile flex align-center justify-center background-color-off-white color-off-black'\n          tabindex='0'\n          aria-label='Close'\n        ><svg class=\"icon-close\" aria-hidden=\"true\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <rect x=\"1.10938\" y=\"0.403809\" width=\"12\" height=\"1\" transform=\"rotate(45 1.10938 0.403809)\" fill=\"currentColor\"/>\n  <rect x=\"9.59766\" y=\"1.1109\" width=\"12\" height=\"1\" transform=\"rotate(135 9.59766 1.1109)\" fill=\"currentColor\"/>\n</svg>\n</button>\n        <div class='h2 product-gallery-modal-mobile__header h4 color-off-black no-margin text-center background-color-off-white'>\n          Zoom\n        </div>\n        <div class='product-gallery-modal-mobile__items hide-scrollbars'>\n          <ul class='product-gallery-modal-mobile__images flex js-gallery-modal-images-mobile hide-scrollbars'></ul>\n          <ul class='product-gallery-modal-mobile__thumbnails flex js-gallery-modal-thumbs-mobile hide-scrollbars'></ul>\n          <div class='product-gallery-modal-mobile__action flex justify-center'>\n\n\n\n\n\n<button\n      class='button button--light inverted js-close-zoom-mobile button'\n      \n      \n        type='button'\n      \n      \n      \n      \n      \n      \n      \n      \n    >\n      <span>Close\n</span></button></div>\n        </div>\n      </div>\n    </div>\n  \n</swiper-product-gallery>\n</div>"}