{"template--16300830097490__main":"<section id=\"shopify-section-template--16300830097490__main\" class=\"shopify-section\"><!-- ##entry##core-main-product##endentry## -->\n\n<script>\n  ;(() => {\n    const params = new Proxy(new URLSearchParams(window.location.search), {\n      get: (searchParams, prop) => searchParams.get(prop),\n    })\n    if (params.serp == '1') {\n      //console.log('serpclick true')\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('serp', {\n            productId: '6569549267026',\n            url: 'https://colourpop.com/products/brown-defining-mascara',\n          })\n        })\n      }, 5000)\n    } else if (params.autocomplete == '1') {\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('autocomplete', {\n            productId: '6569549267026',\n            url: 'https://colourpop.com/products/brown-defining-mascara',\n          })\n        })\n        //console.log('autocompleteclick true')\n      }, 5000)\n    } else if (params.category == '1') {\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('category', {\n            productId: '6569549267026',\n            url: 'https://colourpop.com/products/brown-defining-mascara',\n          })\n        })\n        //console.log('categoryclick true')\n      }, 5000)\n    }\n  })()\n</script>\n\n\n\n\n\n\n\n\n  <main-product\n    \n      class='main-product px-sm md:px-pagemargin 2xl:container grid grid-cols-1 lg:grid-cols-2 2xl:grid-cols-[minmax(0,_1fr)_575px] gap-sm py-sm md:py-md'\n      update-url='true'\n    \n    product-url='/products/brown-defining-mascara'\n    variant-id='39321652002898'\n    section-id='template--16300830097490__main'\n    id='template--16300830097490__main'\n    placement='pdp'\n  >\n\n\n  <div class='mt-xs md:m-0 lg:col-start-2'><nav aria-label='Breadcrumb'>\n  <ol class=\"[&_li_+_li]:before:content-['/']\">\n    <li class='inline text-caption'>\n      <a class='text-caption' href='/'>Home</a>\n    </li><li class='inline text-caption'>\n          <a class='text-caption' href='/collections/mascara'>\n            Mascara\n          </a>\n        </li><li class='inline text-caption'>\n        <a class='pointer-events-none text-caption' href='/products/brown-defining-mascara' aria-current='page'>Brown</a>\n      </li></ol>\n</nav>\n</div>\n\n\n\n\n\n<div\n  id='MediaGallery-template--16300830097490__main'\n  role='region'\n  sub-section-id='MediaGallery-template--16300830097490__main'\n  aria-label='Gallery Viewer'\n  \n>\n  \n\n<modal-dialog\n    cloak\n    type='modal'\n    id='MediaGallery-template--16300830097490__main-zoom-gallery'\n\n    \n      url=''\n    \n\n    \n      size='modal-max'\n    \n\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n\n    \n      close-icon-position='right'\n    \n\n    \n\n    \n  >\n    \n    <div class=\"grid gap-x-xs lg:gap-x-sm grid-cols-[80px,minmax(0,_1fr)] md:grid-cols-[80px,minmax(0,_1fr)] lg:grid-cols-[120px,minmax(0,_1fr)] size-full\">\n      <div class=\"p-xs\">\n        <swiper-container\n          class='block'\n          direction='vertical'\n          slides-per-view='auto'\n          space-between='10'\n          mousewheel='true'\n          id='MediaGallery-template--16300830097490__main-thumbs-swiper-zoom'\n          controller-control='#MediaGallery-template--16300830097490__main-main-swiper'\n        >\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-with-Wand_cbe2af48-924e-4648-a596-0b22892a0c78.jpg?v=1726531086&amp;width=90\" alt=\"ColourPop Act Natural Mascara in Brown, open tube showing spoolie wand coated in brown formula beside a pale pink tube with brown “Act Natural Defining Mascara” text and droplet motif, product standing upright on a white background.\" srcset=\"//colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-with-Wand_cbe2af48-924e-4648-a596-0b22892a0c78.jpg?v=1726531086&amp;width=40 40w, //colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-with-Wand_cbe2af48-924e-4648-a596-0b22892a0c78.jpg?v=1726531086&amp;width=60 60w, //colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-with-Wand_cbe2af48-924e-4648-a596-0b22892a0c78.jpg?v=1726531086&amp;width=80 80w, //colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-with-Wand_cbe2af48-924e-4648-a596-0b22892a0c78.jpg?v=1726531086&amp;width=90 90w\" width=\"90\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-Swatch.jpg?v=1726531010&amp;width=90\" alt=\"ColourPop Act Natural Mascara in Brown swatched in a smooth, curved swipe, showing rich chocolate-brown pigment with fine ridged brush lines on a clean white background.\" srcset=\"//colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-Swatch.jpg?v=1726531010&amp;width=40 40w, //colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-Swatch.jpg?v=1726531010&amp;width=60 60w, //colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-Swatch.jpg?v=1726531010&amp;width=80 80w, //colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-Swatch.jpg?v=1726531010&amp;width=90 90w\" width=\"90\" height=\"2401.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Mascara_C2_539_90a8da41-d3de-485d-86bc-1984bc347e3d.jpg?v=1729108788&amp;width=90\" alt=\"Mascara wand coated in rich brown formula rests beside a soft pink tube reading Act Natural Defining Mascara, highlighting dense spoolie bristles; ColourPop Act Natural Mascara in Brown shown on a neutral backdrop.\" srcset=\"//colourpop.com/cdn/shop/files/Mascara_C2_539_90a8da41-d3de-485d-86bc-1984bc347e3d.jpg?v=1729108788&amp;width=40 40w, //colourpop.com/cdn/shop/files/Mascara_C2_539_90a8da41-d3de-485d-86bc-1984bc347e3d.jpg?v=1729108788&amp;width=60 60w, //colourpop.com/cdn/shop/files/Mascara_C2_539_90a8da41-d3de-485d-86bc-1984bc347e3d.jpg?v=1729108788&amp;width=80 80w, //colourpop.com/cdn/shop/files/Mascara_C2_539_90a8da41-d3de-485d-86bc-1984bc347e3d.jpg?v=1729108788&amp;width=90 90w\" width=\"90\" height=\"2000.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ActNatural-Brown_0284.jpg?v=1726177292&amp;width=90\" alt=\"Mascara-coated lashes lengthened and fanned in soft brown, showcasing ColourPop Act Natural Mascara in Brown on a close-up eye, with clean separation and natural-looking volume ideal for everyday makeup.\" srcset=\"//colourpop.com/cdn/shop/files/ActNatural-Brown_0284.jpg?v=1726177292&amp;width=40 40w, //colourpop.com/cdn/shop/files/ActNatural-Brown_0284.jpg?v=1726177292&amp;width=60 60w, //colourpop.com/cdn/shop/files/ActNatural-Brown_0284.jpg?v=1726177292&amp;width=80 80w, //colourpop.com/cdn/shop/files/ActNatural-Brown_0284.jpg?v=1726177292&amp;width=90 90w\" width=\"90\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Act-Natural-Mascara-Brown.jpg?v=1729108719&amp;width=90\" alt=\"Lashes coated with ColourPop Act Natural Mascara in Brown, gently lengthening and separating a blue eye; close-up of a smiling face with freckles and dewy skin, showcasing a soft, natural brown mascara finish.\" srcset=\"//colourpop.com/cdn/shop/files/Act-Natural-Mascara-Brown.jpg?v=1729108719&amp;width=40 40w, //colourpop.com/cdn/shop/files/Act-Natural-Mascara-Brown.jpg?v=1729108719&amp;width=60 60w, //colourpop.com/cdn/shop/files/Act-Natural-Mascara-Brown.jpg?v=1729108719&amp;width=80 80w, //colourpop.com/cdn/shop/files/Act-Natural-Mascara-Brown.jpg?v=1729108719&amp;width=90 90w\" width=\"90\" height=\"2000.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ActNatural-Mascara-B_A-Macro.jpg?v=1726531026&amp;width=90\" alt=\"Close-up eye lashes demonstrate before-and-after results of ColourPop Act Natural Mascara, shade Brown; top panel shows bare lashes, bottom panel shows lifted, lengthened, and defined lashes with a natural, clump-free finish in a split-screen macro.\" srcset=\"//colourpop.com/cdn/shop/files/ActNatural-Mascara-B_A-Macro.jpg?v=1726531026&amp;width=40 40w, //colourpop.com/cdn/shop/files/ActNatural-Mascara-B_A-Macro.jpg?v=1726531026&amp;width=60 60w, //colourpop.com/cdn/shop/files/ActNatural-Mascara-B_A-Macro.jpg?v=1726531026&amp;width=80 80w, //colourpop.com/cdn/shop/files/ActNatural-Mascara-B_A-Macro.jpg?v=1726531026&amp;width=90 90w\" width=\"90\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-p-darkest rounded-e-lg duration-300 transition'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ActNatural_infographic_6ef241c4-a5a7-4b6e-9ee9-2adc507a19d0.jpg?v=1726177290&amp;width=90\" alt=\"ColourPop Act Natural Mascara, Brown, displays an open tube with dense spoolie beside a closed tube and box, highlighting 100% vegan, easy-to-remove, evenly coats lashes; soft pink packaging with brown floral accents on a beige backdrop.\" srcset=\"//colourpop.com/cdn/shop/files/ActNatural_infographic_6ef241c4-a5a7-4b6e-9ee9-2adc507a19d0.jpg?v=1726177290&amp;width=40 40w, //colourpop.com/cdn/shop/files/ActNatural_infographic_6ef241c4-a5a7-4b6e-9ee9-2adc507a19d0.jpg?v=1726177290&amp;width=60 60w, //colourpop.com/cdn/shop/files/ActNatural_infographic_6ef241c4-a5a7-4b6e-9ee9-2adc507a19d0.jpg?v=1726177290&amp;width=80 80w, //colourpop.com/cdn/shop/files/ActNatural_infographic_6ef241c4-a5a7-4b6e-9ee9-2adc507a19d0.jpg?v=1726177290&amp;width=90 90w\" width=\"90\" height=\"1200.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></swiper-slide>\n          \n        </swiper-container>\n      </div><!-- ##entry##core-swiper-with-media##endentry## -->\n<swiper-with-media class=\"block relative size-full\">\n        <swiper-container\n          init=\"false\"\n          class='h-full block whitespace-nowrap overflow-clip'\n          watch-slides-progress='true'\n          thumbs-swiper='#MediaGallery-template--16300830097490__main-thumbs-swiper-zoom'\n          auto-scroll-offset='true'\n          navigation='true'\n          slides-per-view='1'\n          id='MediaGallery-template--16300830097490__main-main-swiper-zoom'\n          pagination='true'\n        >\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-with-Wand_cbe2af48-924e-4648-a596-0b22892a0c78.jpg?v=1726531086&amp;width=600\" alt=\"ColourPop Act Natural Mascara in Brown, open tube showing spoolie wand coated in brown formula beside a pale pink tube with brown “Act Natural Defining Mascara” text and droplet motif, product standing upright on a white background.\" width=\"600\" height=\"2400.0\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-Swatch.jpg?v=1726531010&amp;width=600\" alt=\"ColourPop Act Natural Mascara in Brown swatched in a smooth, curved swipe, showing rich chocolate-brown pigment with fine ridged brush lines on a clean white background.\" width=\"600\" height=\"2401.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Mascara_C2_539_90a8da41-d3de-485d-86bc-1984bc347e3d.jpg?v=1729108788&amp;width=600\" alt=\"Mascara wand coated in rich brown formula rests beside a soft pink tube reading Act Natural Defining Mascara, highlighting dense spoolie bristles; ColourPop Act Natural Mascara in Brown shown on a neutral backdrop.\" width=\"600\" height=\"2000.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ActNatural-Brown_0284.jpg?v=1726177292&amp;width=600\" alt=\"Mascara-coated lashes lengthened and fanned in soft brown, showcasing ColourPop Act Natural Mascara in Brown on a close-up eye, with clean separation and natural-looking volume ideal for everyday makeup.\" width=\"600\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Act-Natural-Mascara-Brown.jpg?v=1729108719&amp;width=600\" alt=\"Lashes coated with ColourPop Act Natural Mascara in Brown, gently lengthening and separating a blue eye; close-up of a smiling face with freckles and dewy skin, showcasing a soft, natural brown mascara finish.\" width=\"600\" height=\"2000.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ActNatural-Mascara-B_A-Macro.jpg?v=1726531026&amp;width=600\" alt=\"Close-up eye lashes demonstrate before-and-after results of ColourPop Act Natural Mascara, shade Brown; top panel shows bare lashes, bottom panel shows lifted, lengthened, and defined lashes with a natural, clump-free finish in a split-screen macro.\" width=\"600\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ActNatural_infographic_6ef241c4-a5a7-4b6e-9ee9-2adc507a19d0.jpg?v=1726177290&amp;width=600\" alt=\"ColourPop Act Natural Mascara, Brown, displays an open tube with dense spoolie beside a closed tube and box, highlighting 100% vegan, easy-to-remove, evenly coats lashes; soft pink packaging with brown floral accents on a beige backdrop.\" width=\"600\" height=\"1200.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"><div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n        </swiper-container>\n      </swiper-with-media>\n    </div>\n  \n  </modal-dialog>\n<div\n    \n      class='block gap-y-sm lg:grid lg:grid-cols-[100px,minmax(0,_1fr)] xl:grid-cols-[120px,minmax(0,_1fr)] gap-x-xs place-content-start lg:sticky lg:top-[--header-height]'\n    \n  ><div class='relative overflow-clip lg:mb-5 lg:max-h-[600px]'>\n        <swiper-container\n          class='w-full hidden lg:block absolute top-0 left-0 h-full pt-14 xl:pt-20 pb-6 rounded-lg '\n          direction='vertical'\n          slides-per-view='auto'\n          space-between='4'\n          mousewheel='true'\n          id='MediaGallery-template--16300830097490__main-thumbs-swiper'\n          navigation-next-el='.swiper-button-next-template--16300830097490__main'\n          navigation-prev-el='.swiper-button-prev-template--16300830097490__main'\n          breakpoints='{ \"1024\": { \"slidesPerView\": 4 } }'\n        >\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-with-Wand_cbe2af48-924e-4648-a596-0b22892a0c78.jpg?v=1726531086&amp;width=120\" alt=\"ColourPop Act Natural Mascara in Brown, open tube showing spoolie wand coated in brown formula beside a pale pink tube with brown “Act Natural Defining Mascara” text and droplet motif, product standing upright on a white background.\" srcset=\"//colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-with-Wand_cbe2af48-924e-4648-a596-0b22892a0c78.jpg?v=1726531086&amp;width=60 60w, //colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-with-Wand_cbe2af48-924e-4648-a596-0b22892a0c78.jpg?v=1726531086&amp;width=80 80w, //colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-with-Wand_cbe2af48-924e-4648-a596-0b22892a0c78.jpg?v=1726531086&amp;width=120 120w\" width=\"120\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-Swatch.jpg?v=1726531010&amp;width=120\" alt=\"ColourPop Act Natural Mascara in Brown swatched in a smooth, curved swipe, showing rich chocolate-brown pigment with fine ridged brush lines on a clean white background.\" srcset=\"//colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-Swatch.jpg?v=1726531010&amp;width=60 60w, //colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-Swatch.jpg?v=1726531010&amp;width=80 80w, //colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-Swatch.jpg?v=1726531010&amp;width=120 120w\" width=\"120\" height=\"2401.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Mascara_C2_539_90a8da41-d3de-485d-86bc-1984bc347e3d.jpg?v=1729108788&amp;width=120\" alt=\"Mascara wand coated in rich brown formula rests beside a soft pink tube reading Act Natural Defining Mascara, highlighting dense spoolie bristles; ColourPop Act Natural Mascara in Brown shown on a neutral backdrop.\" srcset=\"//colourpop.com/cdn/shop/files/Mascara_C2_539_90a8da41-d3de-485d-86bc-1984bc347e3d.jpg?v=1729108788&amp;width=60 60w, //colourpop.com/cdn/shop/files/Mascara_C2_539_90a8da41-d3de-485d-86bc-1984bc347e3d.jpg?v=1729108788&amp;width=80 80w, //colourpop.com/cdn/shop/files/Mascara_C2_539_90a8da41-d3de-485d-86bc-1984bc347e3d.jpg?v=1729108788&amp;width=120 120w\" width=\"120\" height=\"2000.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ActNatural-Brown_0284.jpg?v=1726177292&amp;width=120\" alt=\"Mascara-coated lashes lengthened and fanned in soft brown, showcasing ColourPop Act Natural Mascara in Brown on a close-up eye, with clean separation and natural-looking volume ideal for everyday makeup.\" srcset=\"//colourpop.com/cdn/shop/files/ActNatural-Brown_0284.jpg?v=1726177292&amp;width=60 60w, //colourpop.com/cdn/shop/files/ActNatural-Brown_0284.jpg?v=1726177292&amp;width=80 80w, //colourpop.com/cdn/shop/files/ActNatural-Brown_0284.jpg?v=1726177292&amp;width=120 120w\" width=\"120\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Act-Natural-Mascara-Brown.jpg?v=1729108719&amp;width=120\" alt=\"Lashes coated with ColourPop Act Natural Mascara in Brown, gently lengthening and separating a blue eye; close-up of a smiling face with freckles and dewy skin, showcasing a soft, natural brown mascara finish.\" srcset=\"//colourpop.com/cdn/shop/files/Act-Natural-Mascara-Brown.jpg?v=1729108719&amp;width=60 60w, //colourpop.com/cdn/shop/files/Act-Natural-Mascara-Brown.jpg?v=1729108719&amp;width=80 80w, //colourpop.com/cdn/shop/files/Act-Natural-Mascara-Brown.jpg?v=1729108719&amp;width=120 120w\" width=\"120\" height=\"2000.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ActNatural-Mascara-B_A-Macro.jpg?v=1726531026&amp;width=120\" alt=\"Close-up eye lashes demonstrate before-and-after results of ColourPop Act Natural Mascara, shade Brown; top panel shows bare lashes, bottom panel shows lifted, lengthened, and defined lashes with a natural, clump-free finish in a split-screen macro.\" srcset=\"//colourpop.com/cdn/shop/files/ActNatural-Mascara-B_A-Macro.jpg?v=1726531026&amp;width=60 60w, //colourpop.com/cdn/shop/files/ActNatural-Mascara-B_A-Macro.jpg?v=1726531026&amp;width=80 80w, //colourpop.com/cdn/shop/files/ActNatural-Mascara-B_A-Macro.jpg?v=1726531026&amp;width=120 120w\" width=\"120\" height=\"2400.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-1 aspect-square p-1.5 border border-solid rounded-[10px] border-p-lightest [&.swiper-slide-thumb-active]:border-p-darkest duration-300 transition overflow-hidden cursor-pointer'>\n              <div class='relative w-full h-full rounded-md overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ActNatural_infographic_6ef241c4-a5a7-4b6e-9ee9-2adc507a19d0.jpg?v=1726177290&amp;width=120\" alt=\"ColourPop Act Natural Mascara, Brown, displays an open tube with dense spoolie beside a closed tube and box, highlighting 100% vegan, easy-to-remove, evenly coats lashes; soft pink packaging with brown floral accents on a beige backdrop.\" srcset=\"//colourpop.com/cdn/shop/files/ActNatural_infographic_6ef241c4-a5a7-4b6e-9ee9-2adc507a19d0.jpg?v=1726177290&amp;width=60 60w, //colourpop.com/cdn/shop/files/ActNatural_infographic_6ef241c4-a5a7-4b6e-9ee9-2adc507a19d0.jpg?v=1726177290&amp;width=80 80w, //colourpop.com/cdn/shop/files/ActNatural_infographic_6ef241c4-a5a7-4b6e-9ee9-2adc507a19d0.jpg?v=1726177290&amp;width=120 120w\" width=\"120\" height=\"1200.0\" loading=\"eager\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" format=\"webp\"></div>\n            </swiper-slide>\n          \n        </swiper-container><button\n            class='swiper-button-prev swiper-button-prev-template--16300830097490__main absolute left-1/2 top-8 xl:top-14 -translate-x-1/2 w-4 h-4 z-20 [&.swiper-button-disabled]:text-t-disabled'\n            aria-label='Previous slide'\n          >\n            <svg-icon src='icon-chevron'></svg-icon>\n          </button>\n          <button\n            class='swiper-button-next swiper-button-next-template--16300830097490__main absolute rotate-180 left-1/2 bottom-0 -translate-x-1/2 w-4 h-4 z-20 [&.swiper-button-disabled]:text-t-disabled'\n            aria-label='Next slide'\n          >\n            <svg-icon src='icon-chevron'></svg-icon>\n          </button></div><div class='relative'><!-- ##entry##core-swiper-with-media##endentry## -->\n<swiper-with-media\n        class='w-full h-full block'\n      >\n        <swiper-container\n          class='w-full h-full block whitespace-nowrap overflow-clip pb-6'\n          init='false'\n          watch-slides-progress='true'\n          thumbs-swiper='#MediaGallery-template--16300830097490__main-thumbs-swiper'\n          controller-control='#MediaGallery-template--16300830097490__main-main-swiper-zoom'\n          auto-scroll-offset='true'\n          id='MediaGallery-template--16300830097490__main-main-swiper'\n          \n            pagination='{ \"clickable\": true, \"el\": \".swiper-pagination\" }'\n          \n        >\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-with-Wand_cbe2af48-924e-4648-a596-0b22892a0c78.jpg?v=1726531086&amp;width=620\" alt=\"ColourPop Act Natural Mascara in Brown, open tube showing spoolie wand coated in brown formula beside a pale pink tube with brown “Act Natural Defining Mascara” text and droplet motif, product standing upright on a white background.\" srcset=\"//colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-with-Wand_cbe2af48-924e-4648-a596-0b22892a0c78.jpg?v=1726531086&amp;width=600 600w, //colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-with-Wand_cbe2af48-924e-4648-a596-0b22892a0c78.jpg?v=1726531086&amp;width=620 620w\" width=\"620\" height=\"2400.0\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\">\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-Swatch.jpg?v=1726531010&amp;width=620\" alt=\"ColourPop Act Natural Mascara in Brown swatched in a smooth, curved swipe, showing rich chocolate-brown pigment with fine ridged brush lines on a clean white background.\" srcset=\"//colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-Swatch.jpg?v=1726531010&amp;width=600 600w, //colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-Swatch.jpg?v=1726531010&amp;width=620 620w\" width=\"620\" height=\"2401.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Mascara_C2_539_90a8da41-d3de-485d-86bc-1984bc347e3d.jpg?v=1729108788&amp;width=620\" alt=\"Mascara wand coated in rich brown formula rests beside a soft pink tube reading Act Natural Defining Mascara, highlighting dense spoolie bristles; ColourPop Act Natural Mascara in Brown shown on a neutral backdrop.\" srcset=\"//colourpop.com/cdn/shop/files/Mascara_C2_539_90a8da41-d3de-485d-86bc-1984bc347e3d.jpg?v=1729108788&amp;width=600 600w, //colourpop.com/cdn/shop/files/Mascara_C2_539_90a8da41-d3de-485d-86bc-1984bc347e3d.jpg?v=1729108788&amp;width=620 620w\" width=\"620\" height=\"2000.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ActNatural-Brown_0284.jpg?v=1726177292&amp;width=620\" alt=\"Mascara-coated lashes lengthened and fanned in soft brown, showcasing ColourPop Act Natural Mascara in Brown on a close-up eye, with clean separation and natural-looking volume ideal for everyday makeup.\" srcset=\"//colourpop.com/cdn/shop/files/ActNatural-Brown_0284.jpg?v=1726177292&amp;width=600 600w, //colourpop.com/cdn/shop/files/ActNatural-Brown_0284.jpg?v=1726177292&amp;width=620 620w\" width=\"620\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/Act-Natural-Mascara-Brown.jpg?v=1729108719&amp;width=620\" alt=\"Lashes coated with ColourPop Act Natural Mascara in Brown, gently lengthening and separating a blue eye; close-up of a smiling face with freckles and dewy skin, showcasing a soft, natural brown mascara finish.\" srcset=\"//colourpop.com/cdn/shop/files/Act-Natural-Mascara-Brown.jpg?v=1729108719&amp;width=600 600w, //colourpop.com/cdn/shop/files/Act-Natural-Mascara-Brown.jpg?v=1729108719&amp;width=620 620w\" width=\"620\" height=\"2000.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ActNatural-Mascara-B_A-Macro.jpg?v=1726531026&amp;width=620\" alt=\"Close-up eye lashes demonstrate before-and-after results of ColourPop Act Natural Mascara, shade Brown; top panel shows bare lashes, bottom panel shows lifted, lengthened, and defined lashes with a natural, clump-free finish in a split-screen macro.\" srcset=\"//colourpop.com/cdn/shop/files/ActNatural-Mascara-B_A-Macro.jpg?v=1726531026&amp;width=600 600w, //colourpop.com/cdn/shop/files/ActNatural-Mascara-B_A-Macro.jpg?v=1726531026&amp;width=620 620w\" width=\"620\" height=\"2400.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n            \n            \n\n            <swiper-slide class='aspect-square w-full h-full relative block bg-p-lightest rounded-lg lg:rounded-xl overflow-hidden'>\n\n<img src=\"//colourpop.com/cdn/shop/files/ActNatural_infographic_6ef241c4-a5a7-4b6e-9ee9-2adc507a19d0.jpg?v=1726177290&amp;width=620\" alt=\"ColourPop Act Natural Mascara, Brown, displays an open tube with dense spoolie beside a closed tube and box, highlighting 100% vegan, easy-to-remove, evenly coats lashes; soft pink packaging with brown floral accents on a beige backdrop.\" srcset=\"//colourpop.com/cdn/shop/files/ActNatural_infographic_6ef241c4-a5a7-4b6e-9ee9-2adc507a19d0.jpg?v=1726177290&amp;width=600 600w, //colourpop.com/cdn/shop/files/ActNatural_infographic_6ef241c4-a5a7-4b6e-9ee9-2adc507a19d0.jpg?v=1726177290&amp;width=620 620w\" width=\"620\" height=\"1200.0\" loading=\"lazy\" class=\"w-full block h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"high\" format=\"webp\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--16300830097490__main-zoom-gallery' class='absolute bottom-sm right-sm z-10' data-variant-id='false'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n        </swiper-container><div class='swiper-pagination'></div></swiper-with-media>\n    </div>\n  </div>\n</div>\n\n<section\n  id='ProductInfo-template--16300830097490__main'\n  class='grid grid-cols-1 gap-y-xs place-content-start product-info z-20 '\n>\n<div sub-section-id='badges' class='flex gap-2 empty:hidden '><span \n      class='flex leading-4 utility rounded lowercase tracking-wide font-semibold px-2 py-1 bg-p-darkest text-p-lightest decoration-none group-[.product-card]:text-[9px]'\n      style='color: #000000; background-color: #ffffff; border: 1px solid #000000;'\n    >Sale</span></div>\n<div  sub-section-id='title'>\n          <h1 class='break-words h2 lg:h3'>\n            Act Natural Mascara\n          </h1><h2 class='p '>\n              Defining Mascara\n            </h2></div><div id=\"shopify-block-AMFFESmdTYk5OazN6Y__okendo_star_rating_aqzXFz\" class=\"shopify-block shopify-app-block\">\n\n\n\n\n    <div\n        data-oke-star-rating\n        data-oke-reviews-product-id=\"shopify-6569549267026\"\n    >\n        <div data-oke-reviews-version=\"0.85.4\" data-oke-container=\"\" class=\"okeReviews oke-sr\"><div class=\"\"><div class=\"oke-sr-rating\"> 4.8 </div><div class=\"oke-sr-stars\"><div class=\"oke-stars\"><!----><div class=\"oke-stars-background\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-empty\"></use><use x=\"22.236363636363635\" href=\"#oke-star-empty\"></use><use x=\"44.47272727272727\" href=\"#oke-star-empty\"></use><use x=\"66.7090909090909\" href=\"#oke-star-empty\"></use><use x=\"88.94545454545454\" href=\"#oke-star-empty\"></use></svg></div><div class=\"oke-stars-foreground\" style=\"width: 97.18%;\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-filled\"></use><use x=\"22.236363636363635\" href=\"#oke-star-filled\"></use><use x=\"44.47272727272727\" href=\"#oke-star-filled\"></use><use x=\"66.7090909090909\" href=\"#oke-star-filled\"></use><use x=\"88.94545454545454\" href=\"#oke-star-filled\"></use></svg></div><span class=\"oke-a11yText\">Rated 4.8 out of 5 stars</span></div></div><div class=\"oke-sr-count\"><span class=\"oke-sr-count-number\">272</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"4.8\",\"reviewCount\":272} </script></div>\n    </div>\n\n\n\n</div>\n\n\n\n\n\n\n  <div class='flex flex-col gap-5 my-4'>\n\n    \n\n\n    \n\n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n  </div>\n\n\n          \n\n<variant-picker\n    id='variant-selects-sibling_picker_3wX3bY'\n    class='grid grid-cols-1 gap-y-sm py-3'\n    sub-section-id='sibling_picker_3wX3bY'\n    \n      \n    \n  >\n    \n\n    <fieldset class='grid grid-cols-1 gap-sm'>\n      \n      \n        <div class='grid grid-cols-1 gap-xs'><div class='flex gap-x-sm flex-wrap gap-y-2.5'>\n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='black-defining-mascara'\n    name='sibling-picker'\n    value='black-defining-mascara'\n    form=''\n    class='sr-only'\n    \n    \n    \n      data-product-url=\"/products/black-defining-mascara\"\n  data-option-value-id=\"39321650757714\"\n  data-variant-id=\"39321650757714\"\n  data-variant-available=\"true\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='black-defining-mascara'\n    title='black-defining-mascara'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     '\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Black_Act_Natural_Mascara_Circle_Swatch.webp?v=1698773839&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/black-defining-mascara?variant=39321650757714&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n              \n                \n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='brown-defining-mascara'\n    name='sibling-picker'\n    value='brown-defining-mascara'\n    form=''\n    class='sr-only'\n    \n      checked\n    \n    \n      unavailable\n    \n    \n      data-product-url=\"/products/brown-defining-mascara\"\n  data-option-value-id=\"39321652002898\"\n  data-variant-id=\"39321652002898\"\n  data-variant-available=\"false\"\n    \n    tabindex='-1'\n  >\n  <label\n    for='brown-defining-mascara'\n    title='brown-defining-mascara'\n    class='caption relative'\n    tabindex='0'\n  >\n    \n\n    \n    <span\n      class='\n      block relative max-w-full aspect-square bg-cover bg-origin-border rounded-full border border-solid border-t-border w-[var(--swatch--size,_25px)] h-[var(--swatch--size,_25px)] bg-[position:var(--swatch-focal-point,_initial)] bg-[--swatch--background] transition duration-300 ease-in-out cursor-pointer group-has-[:checked]/swatch:ring-1 ring-[--swatch--background] ring-offset-2 group-focus-within/swatch:ring-2 group-focus-within/swatch:ring-[--swatch--background] group-focus-within/swatch:ring-offset-2 group-focus-within/swatch:ring-opacity-50\n      \n     before:block before:absolute before:left-0 before:right-0 before:w-full before:h-[2px] before:bg-p-darkest before:-rotate-45 before:top-1/2 before:-translate-y-1/2'\n      \n        style='background-image: url(//colourpop.com/cdn/shop/files/Brown_Act_Natural_Mascara_Circle_Swatch.webp?v=1698773838&width=30); --swatch--background: black; '\n      \n    ></span>\n    \n\n    \n  </label>\n</div>\n\n  <link\n    rel='preload'\n    href='/products/brown-defining-mascara?variant=39321652002898&sections=template--16300830097490__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n\n              \n            \n          </div>\n        </div>\n      \n    </fieldset>\n\n    <div class='mt-xs'>\n      \n\n      \n      \n\n      <!-- ##entry##core-custom-select##endentry## -->\n\n      <custom-select\n        class='flex flex-col gap-2xs w-full group'\n        \n\n        \n          \n        id=\"sibling-picker-6569549267026\"\n        value=\"39321652002898\"\n        name=\"sibling-picker-6569549267026\"\n\n        \n\n        \n        \n\n        \n\n        \n\n        \n      \n          label=\"Select a shade\"\n\n          \n        \n\n        placeholder=\"\"\n\n        \n          new-custom-select=\"true\"\n        \n        \n        select-toggle-icon=\"icon-select-arrow\"\n        \n        \n        \n        \n        \n        \n        select-toggle-label-class=\"!pr-0\"\n        \n        \n        \n        \n        \n        \n        \n        \n        \n        \n        \n        \n        \n      >\n        <div\n          class=\"relative w-full group peer h-full\"\n          \n        >\n          <select\n            \n            class=\"block w-full border-b pt-4 border-p-lightest bg-[transparent] appearance-none disabled:text-t-border px-sm-forms-padding lg:px-lg-forms-padding h-sm-forms-inputheight lg:h-lg-forms-inputheight text-body disabled:border-t-border focus:outline-none focus:ring-0 peer group-[[error]]:ring-u-error group-[[error]]:border-[transparent] group-[[error]]:ring-2  \"\n            \n        id=\"sibling-picker-6569549267026\"\n        value=\"39321652002898\"\n        name=\"sibling-picker-6569549267026\"\n\n        \n\n        \n        \n\n        \n\n        \n\n        \n      \n          >\n            \n        \n          <option value=\"39321650757714\"\n            \n            data-variant-id=\"39321650757714\"\n            data-product-url=\"/products/black-defining-mascara\"\n            data-variant-available=\"true\"\n            data-variant-inventory=\"275\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Black_Act_Natural_Mascara_Circle_Swatch.webp?v=1698773839&width=40\"\n            \n            \n            data-swatch-hex=\"#000000\"\n            data-shade-description=\"Black\"data-short-description=\"Defining Mascara\"data-type=\"Act Natural Mascara\"\n            data-image=\"//colourpop.com/cdn/shop/files/Black-Act-Natural-Mascara-Open-with-Wand_8c41fa6b-fcfc-4362-83f0-70bedf2297d3.jpg?v=1726531250&width=90\"\n          >\n            Black\n          </option>\n        \n          <option value=\"39321652002898\"\n            \n              selected\n            \n            data-variant-id=\"39321652002898\"\n            data-product-url=\"/products/brown-defining-mascara\"\n            data-variant-available=\"false\"\n            data-variant-inventory=\"0\"\n            \n            data-swatch=\"//colourpop.com/cdn/shop/files/Brown_Act_Natural_Mascara_Circle_Swatch.webp?v=1698773838&width=40\"\n            \n            \n              disabled\n            \n            data-swatch-hex=\"#502e2e\"\n            data-shade-description=\"Brown\"data-short-description=\"Defining Mascara\"data-type=\"Act Natural Mascara\"\n            data-image=\"//colourpop.com/cdn/shop/files/Brown-Act-Natural-Mascara-with-Wand_cbe2af48-924e-4648-a596-0b22892a0c78.jpg?v=1726531086&width=90\"\n          >\n            Brown\n          </option>\n        \n      \n          </select>\n          <div\n            class=\"absolute inset-y-0 flex items-center size-3 pointer-events-none end-sm-forms-padding lg:end-sm-forms-padding group-[[error]]:text-u-error h-sm-forms-inputheight lg:h-lg-forms-inputheigh\"\n          >\n<svg-icon\n  src='icon-select-arrow'\n  class='block text-white'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n          <label\n            for=\"sibling-picker-6569549267026\"\n            class=\"absolute caption duration-300 transform -translate-y-2.5 scale-75 top-3.5  z-10 origin-[0]  peer-disabled:text-t-border peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-2.5 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto \"\n          >\n            Select a shade\n          </label>\n        </div></custom-select>\n\n    </div>\n\n    <script type='application/json' data-selected-variant>\n      {\"id\":39321652002898,\"title\":\"Default Title\",\"option1\":\"Default Title\",\"option2\":null,\"option3\":null,\"sku\":\"Mascara-Defining-Brown\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":false,\"name\":\"Brown\",\"public_title\":null,\"options\":[\"Default Title\"],\"price\":800,\"weight\":23,\"compare_at_price\":1000,\"inventory_quantity\":0,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"FG002652\",\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}\n    </script>\n  </variant-picker>\n\n\n        \n<div sub-section-id='shade_tiN4Nh' class='my-2xs'>\n            <p class='caption'>\n              <span>Brown</span><span> - Brown</span></p>\n          </div>\n<div class='grid grid-cols-1 gap-xs mt-2xs' sub-section-id='buy_buttons'>\n          \n\n\n\n\n\n<div  id='buy-buttons' sub-section-id='buy-buttons' class='group/buy-buttons'>\n<product-form\n        class='group/product-form'\n        \n      >\n        <div class='product-form__error-message-wrapper' role='alert' hidden>\n<svg-icon\n  src='icon-error'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class='product-form__error-message'></span>\n        </div><form method=\"post\" action=\"/cart/add\" id=\"product-form-template--16300830097490__main\" accept-charset=\"UTF-8\" class=\"group-[.loading]/product-form:pointer-events-none\" enctype=\"multipart/form-data\" novalidate=\"novalidate\" data-type=\"add-to-cart-form\"><input type=\"hidden\" name=\"form_type\" value=\"product\" /><input type=\"hidden\" name=\"utf8\" value=\"✓\" /><input\n            type='hidden'\n            name='id'\n            class='hidden'\n            value='39321652002898'\n            \n              disabled\n            \n          ><div class='grid grid-cols-1 gap-y-xs min-h-12'><div class='drop-shadow flex group-[.sticky-atc]/buy-buttons:flex-col group-[.sticky-atc]/buy-buttons:md:flex-row items-center justify-between group-[.sticky-atc]/buy-buttons:z-60 group-[.sticky-atc]/buy-buttons:fixed bottom-0 left-0 w-full group-[.sticky-atc]/buy-buttons:bg-p-lightest group-[.sticky-atc]/buy-buttons:p-4 group-[.sticky-atc]/buy-buttons:sm:px-pagemargin group-[.sticky-atc]/buy_buttons:!h-[30px]'>\n              <p class='hidden group-[.sticky-atc]/buy-buttons:block lg:mb-0 mb-2'>\n                <strong>Brown</strong>\n              </p>\n\n              \n\n              <div class='flex items-center gap-2xs w-full group-[.sticky-atc]/buy-buttons:md:w-auto'>\n\n                <button\n                  id='ProductSubmitButton-template--16300830097490__main--6569549267026'\n                  type='submit'\n                  name='add'\n                  variant='primary'\n                  class='\n                    btn\n                    group-[.sticky-atc]/buy-buttons:grow group-[.sticky-atc]/buy-buttons:md:grow-0\n                    leading-normal\n                    !max-w-48 shadow-none\n                  '\n                  \n                    disabled\n                  \n                >\n                  <span\n                    \n                  >out of stock\n</span>\n                </button>\n                \n\n<dialog-toggle modal-id='klaviyo_back_in_stock_drawer' class='inline-flex place-items-center' data-variant-id='false'><button\n                        type='button'\n                        name='notify me'\n                        variant='primary'\n                        class='btn leading-normal'\n                        aria-haspopup='dialog'\n                        aria-controls='klaviyo_back_in_stock_drawer'\n                      >\n                        notify me\n                        —\n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price font-bold\n price--sold-out on-sale'\n    \n  >\n    <div class='inline-flex gap-x-2xs'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='font-bold font-bold'>\n            $8.00\n          </span></div>\n      <div class='hidden group-[.on-sale]/price:block'>\n        <span class='sr-only'>Sale price</span>\n        <span class='font-bold text-t-foreground lowercase font-bold hidden'>\n          free gift\n        </span>\n        <span class='font-bold text-t-foreground font-bold'>\n          $8.00\n        </span><span>\n            <s class='line-through text-[inherit] font-bold'>\n              $10.00\n            </s>\n          </span></div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='font-bold'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div>\n  </div>\n\n</button>\n</dialog-toggle>\n              </div>\n            </div></div><input type=\"hidden\" name=\"product-id\" value=\"6569549267026\" /><input type=\"hidden\" name=\"section-id\" value=\"template--16300830097490__main\" /></form></product-form>\n</div>\n\n<style>\n  .shopify-payment-button__more-options[aria-hidden='true'] {\n    display: none;\n  }\n</style>\n\n\n\n          \n            \n              <p class='text-body font-bold text-t-foreground'>\n                20% Off. Limited time only.\n              </p>\n            \n          \n        </div><klarna-placement\n          class='klarna__pdp'\n          data-key='credit-promotion-auto-size'\n          data-locale='en-US'\n          data-purchase-amount='800'\n        ></klarna-placement><div class='columns-1 lg:columns-2 text-body ' sub-section-id='claims_8UQ8Am'><p ><p><span class=\"metafield-multi_line_text_field\">🌱 Vegan <br />\n🐰 Cruelty-free <br />\n💟 Defining<br />\n🍦 Super creamy<br />\n💌 Long-lasting<br />\n</span></p></p></div><div id=\"shopify-block-AMXhNd0FURWhiYmtKR__tolstoy_shoppable_video_ugc_stories_block_RH3tz6\" class=\"shopify-block shopify-app-block\"><tolstoy-stories\nclass=\"tolstoy-stories\"\ndata-tags=\"#.collection:2023labordaysitewidesale,#.collection:20MUEssentls,#.collection:BeautyPicks,#.collection:LC,#.collection:promoproducts,#.collection:TemptaliaPromo,#.excluded:722SW,#.hidden:false,#.promo.30offsitewide,#.promo:30lashmascara,#.promo:30offmascara,#.promo:brownmascaraupsell,#.promo:DecGrabBag-Mascara,#.promo:nationalmascaraday2024,#.promo:SinglesDay30,#.promo:singlesdaybogo2024,#.promo:SpringClean20,#.trigger:nationalnudedayflashsale,#.trigger:worldchocolatedaypromo,#.upsell-price:750,#glosku.exc.promo:28,#glosku:neutral30,#rmb.glosku:86,041321,category:Eyes,color:Neutrals,event:Act Natural Mascara,eyes,finish:None,glosku:99BMSM,Glosku:BMSM,Glosku:MascaraBOGO,glosku:summer31,high rated,LaborDay21PreSale,Lashes,MayNewPricing,mvp.act-natural-mascara,Neutrals,productline:ColourPop,productsize:full,producttype:Act Natural Mascara,SKULifecycle:Permanent,subcategory:Eye Lash,unitnumber:1,unittype:single,vegan,\"\ndata-publish-id=\"g1w7hu6osho9x\"\ndata-product-id=\"6569549267026\">\n</tolstoy-stories>\n\n\n</div><div class='accordion'  sub-section-id='description'>\n\n<div id='Details-description-template--16300830097490__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-description-template--16300830097490__main'\n  >\n    <input\n      aria-controls='accordion-content-description-template--16300830097490__main'\n      aria-labelled='Toggle product details accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-description-template--16300830097490__main'\n      name='accordion-input--description-template-16300830097490__main\n'\n      \n        checked\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-description-template--16300830097490__main'\n      >\n        product details\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-description-template--16300830097490__main'\n    role='region'\n    aria-labelledby='accordion-title-description-template--16300830097490__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <p>Create the perfect wispy, defined natural-looking lashes! Coat your lashes with this creamy, vegan formula that is smudge-proof, clump-free, and easy-to-remove. The soft, flexible brush evenly coats, lifts and defines lashes to create a soft and fluffy look. Think “your lashes but better”!</p>\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div><div class='accordion' sub-section-id='collapsible-row-0' >\n\n<div id='Details-collapsible-row-0-template--16300830097490__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-collapsible-row-0-template--16300830097490__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-0-template--16300830097490__main'\n      aria-labelled='Toggle ingredients accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-collapsible-row-0-template--16300830097490__main'\n      name='accordion-input--collapsible-row-0-template-16300830097490__main\n'\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-collapsible-row-0-template--16300830097490__main'\n      >\n        ingredients\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible-row-0-template--16300830097490__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-0-template--16300830097490__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <span class=\"metafield-multi_line_text_field\"> Water, Oryza Sativa (rice) Bran Wax, Cyclopentasiloxane, Hydrogenated Olive Oil Stearyl Esters, Alcohol Denat., Copernicia Cerifera (carnauba) Wax, Palmitic Acid, Stearic Acid, Triethanolamine, Acacia Senegal Gum, Euphorbia Cerifera (candelilla) Wax, Panthenol, Phenoxyethanol, Polyvinyl Alcohol¸ Vp/va Copolymer, Aminomethyl Propanediol, Chlorphenesin, Ascorbyl Palmitate. May Contain: Iron Oxides (ci 77491, Ci 77499). </span>\n          \n\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div>\n\n<div class='accordion' sub-section-id='collapsible-row-1' >\n\n<div id='Details-collapsible-row-1-template--16300830097490__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-collapsible-row-1-template--16300830097490__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-1-template--16300830097490__main'\n      aria-labelled='Toggle application tips accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-collapsible-row-1-template--16300830097490__main'\n      name='accordion-input--collapsible-row-1-template-16300830097490__main\n'\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-collapsible-row-1-template--16300830097490__main'\n      >\n        application tips\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible-row-1-template--16300830097490__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-1-template--16300830097490__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <span class=\"metafield-multi_line_text_field\">Curl lashes and coat mascara evenly from root to tip. Build to your desired look.</span>\n          \n\n      </div>\n    </div>\n  </div>\n</div>\n\n          </div>\n\n\n\n\n            <div class='accordion' sub-section-id='collapsible_tab_3wD87W' >\n\n<div id='Details-collapsible_tab_3wD87W-template--16300830097490__main' class='group'>\n  <label\n    class='list-none block py-xs border-b-[currentColor] border-b cursor-pointer '\n    for='accordion-checkbox-collapsible_tab_3wD87W-template--16300830097490__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible_tab_3wD87W-template--16300830097490__main'\n      aria-labelled='Toggle pairs with accordion'\n      class='sr-only peer accordion-content-trigger'\n      type='checkbox'\n      id='accordion-checkbox-collapsible_tab_3wD87W-template--16300830097490__main'\n      name='accordion-input--collapsible_tab_3wd87w-template-16300830097490__main\n'\n      \n        checked\n      \n    >\n    <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus'>\n      <h3\n        class='text-body font-bold '\n        id='accordion-title-collapsible_tab_3wD87W-template--16300830097490__main'\n      >\n        pairs with\n      </h3>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:rotate-45 duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</div>\n  </label>\n  \n  \n  <div\n    class=' group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible_tab_3wD87W-template--16300830097490__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible_tab_3wD87W-template--16300830097490__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pt-xs p '>\n        <div>\n              \n                \n\n  <main-product\n    \n      section-id='product-card'\n      id='product-card-123371356185'\n      product-url='/products/ritz'\n    \n    \n    class='product-card w-full group relative flex-col group/product-card-image  flex  overflow-hidden bg-white pair-product !py-10 !px-4 [&:nth-child(2n)]:bg-t-foreground-secondary !grid grid-cols-[95px__1fr] gap-x-lg'\n  >\n    \n\n    \n    \n      <a\n        class='block wishlist-product-card'\n        href='/products/ritz'\n        sub-section-id='main-image'\n      >\n        <div class='aspect-square bg-gray-200 relative'>\n          \n\n<img src=\"//colourpop.com/cdn/shop/files/Ritz.jpg?v=1715359129&amp;width=500\" alt=\"ColourPop Ritz Super Shock Shadow shimmering in a white round pot, its honeycomb-embossed, metallic champagne-beige glitter cream-to-powder formula catching light in a close-up product shot on a clean background.\" srcset=\"//colourpop.com/cdn/shop/files/Ritz.jpg?v=1715359129&amp;width=500 500w\" width=\"500\" height=\"2400.0\" loading=\"lazy\" sizes=\"(min-width: 1440px) 500px, (min-width: 1024px) 33vw, 50vw\" class=\"w-full block h-full w-full object-cover object-center sm:h-full sm:w-full rounded-lg object-cover\" fetchpriority=\"auto\" format=\"webp\">\n\n\n<img src=\"//colourpop.com/cdn/shop/products/123371356185-Ritz-SSShadow-Ritz-3.jpg?v=1715359129&amp;width=500\" alt=\"Ritz Super Shock Shadow by ColourPop, a shimmering champagne‑beige eyeshadow swatched in a wide metallic streak with scattered crumbles, showcasing ultra‑glitter payoff and creamy texture on a clean white background.\" srcset=\"//colourpop.com/cdn/shop/products/123371356185-Ritz-SSShadow-Ritz-3.jpg?v=1715359129&amp;width=500 500w\" width=\"500\" height=\"2400.0\" loading=\"lazy\" sizes=\"(min-width: 1440px) 500px, (min-width: 1024px) 33vw, 50vw\" class=\"w-full block h-full w-full object-cover object-center sm:h-full sm:w-full rounded-lg opacity-0 absolute inset-0 transition-opacity duration-300 ease-in-out group-hover/product-card-image:opacity-100 object-cover\" fetchpriority=\"auto\" format=\"webp\">\n        </div>\n      </a>\n    \n\n    <div class='flex flex-col flex-1 sm:p-4 sm:pb-0 justify-start gap-1 group-[.pair-product]:pt-0 group-[.pair-product]:ml-0 md:group-[.pair-product]:w-60 group-[.pair-product]:!px-0 group-[.pair-product]:w-full'>\n      <h3 class='text-body font-bold'>\n        <a\n          class='line-clamp-2 text-center group-[.pair-product]:text-left group-[.pair-product]:lowercase'\n          href='/products/ritz'\n        >\n          \n            Super Shock Shadow\n          \n        </a>\n      </h3>\n      \n        <p class='text-center text-caption pb-2 group-[.predictive-search-results-products-list]:text-left sm:group-[.predictive-search-results-products-list]:text-center group-[.pair-product]:text-left'>\n          Crème-to-Powder Eyeshadow\n        </p>\n      \n      \n        <p class='text-center text-caption font-bold text-t-foreground pb-1 group-[.pair-product]:hidden'>\n          20% Off. Limited time only.\n        </p>\n      \n\n      \n<div data-oke-star-rating data-oke-reviews-product-id=\"shopify-123371356185\"><div data-oke-reviews-version=\"0.86.0\" data-oke-container=\"\" class=\"okeReviews oke-sr\"><div class=\"\"><div class=\"oke-sr-rating\"> 4.8 </div><div class=\"oke-sr-stars\"><div class=\"oke-stars\"><!----><div class=\"oke-stars-background\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-empty\"></use><use x=\"22.236363636363635\" href=\"#oke-star-empty\"></use><use x=\"44.47272727272727\" href=\"#oke-star-empty\"></use><use x=\"66.7090909090909\" href=\"#oke-star-empty\"></use><use x=\"88.94545454545454\" href=\"#oke-star-empty\"></use></svg></div><div class=\"oke-stars-foreground\" style=\"width: 97.18%;\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-filled\"></use><use x=\"22.236363636363635\" href=\"#oke-star-filled\"></use><use x=\"44.47272727272727\" href=\"#oke-star-filled\"></use><use x=\"66.7090909090909\" href=\"#oke-star-filled\"></use><use x=\"88.94545454545454\" href=\"#oke-star-filled\"></use></svg></div><span class=\"oke-a11yText\">Rated 4.8 out of 5 stars</span></div></div><div class=\"oke-sr-count\"><span class=\"oke-sr-count-number\">9,823</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"4.8\",\"reviewCount\":9823} </script></div></div>\n\n    </div><div\n          class='\n            flex flex-col gap-y-xs items-center\n            \n            group-[.pair-product]:col-start-2 group-[.pair-product]:mt-[-40px] group-[.pair-product]:!items-start group-[.pair-product]:pt-2\n          '\n        ><!-- ##entry##core-quickshop-toggle##endentry## -->\n\n            <quick-shop-toggle\n              \n                class='w-full'\n              \n              product-url='/products/ritz'\n            >\n          \n\n          <button\n            type='button'\n            class='btn w-full !text-[10px] lg:!text-[14px] leading-normal lg:mx-auto group-[.pair-product]:!mx-0'\n            variant='secondary'\n          >\n            choose shade\n\n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price font-bold\n on-sale'\n    \n  >\n    <div class='inline-flex gap-x-2xs'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='font-bold font-bold'>\n            $5.60\n          </span></div>\n      <div class='hidden group-[.on-sale]/price:block'>\n        <span class='sr-only'>Sale price</span>\n        <span class='font-bold text-t-foreground lowercase font-bold hidden'>\n          free gift\n        </span>\n        <span class='font-bold text-t-foreground font-bold'>\n          $5.60\n        </span><span>\n            <s class='line-through text-[inherit] font-bold'>\n              $7.00\n            </s>\n          </span></div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='font-bold'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div>\n  </div>\n\n</button>\n          \n            </quick-shop-toggle>\n          \n        </div></main-product>\n              \n                \n\n  <main-product\n    \n      section-id='product-card'\n      id='product-card-2389970255954'\n      product-url='/products/numero-uno'\n    \n    \n    class='product-card w-full group relative flex-col group/product-card-image  flex  overflow-hidden bg-white pair-product !py-10 !px-4 [&:nth-child(2n)]:bg-t-foreground-secondary !grid grid-cols-[95px__1fr] gap-x-lg'\n  >\n    \n\n    \n    \n      <a\n        class='block wishlist-product-card'\n        href='/products/numero-uno'\n        sub-section-id='main-image'\n      >\n        <div class='aspect-square bg-gray-200 relative'>\n          \n\n<img src=\"//colourpop.com/cdn/shop/files/1594ACE9-E25B-4F68-9815-E737BE896BE3_1_201_a.jpg?v=1712877728&amp;width=500\" alt=\"ColourPop BFF Liquid Liner Numero Uno drawing bold, jet‑black swatches, felt‑tip pen delivering precise, smudge‑resistant lines against a white backdrop, ideal for sharp wings and everyday definition.\" srcset=\"//colourpop.com/cdn/shop/files/1594ACE9-E25B-4F68-9815-E737BE896BE3_1_201_a.jpg?v=1712877728&amp;width=500 500w\" width=\"500\" height=\"1686.0\" loading=\"lazy\" sizes=\"(min-width: 1440px) 500px, (min-width: 1024px) 33vw, 50vw\" class=\"w-full block h-full w-full object-cover object-center sm:h-full sm:w-full rounded-lg object-cover\" fetchpriority=\"auto\" format=\"webp\">\n\n\n<img src=\"//colourpop.com/cdn/shop/files/83158AC1-16E6-4E10-86F5-EDD9D902D122.jpg?v=1712877728&amp;width=500\" alt=\"Sharp black cat-eye wing defining the upper lash line, applied with ColourPop BFF Liquid Liner in Numero Uno, on a close-up brown eye with natural lashes and smooth skin.\" srcset=\"//colourpop.com/cdn/shop/files/83158AC1-16E6-4E10-86F5-EDD9D902D122.jpg?v=1712877728&amp;width=500 500w\" width=\"500\" height=\"2400.0\" loading=\"lazy\" sizes=\"(min-width: 1440px) 500px, (min-width: 1024px) 33vw, 50vw\" class=\"w-full block h-full w-full object-cover object-center sm:h-full sm:w-full rounded-lg opacity-0 absolute inset-0 transition-opacity duration-300 ease-in-out group-hover/product-card-image:opacity-100 object-cover\" fetchpriority=\"auto\" format=\"webp\">\n        </div>\n      </a>\n    \n\n    <div class='flex flex-col flex-1 sm:p-4 sm:pb-0 justify-start gap-1 group-[.pair-product]:pt-0 group-[.pair-product]:ml-0 md:group-[.pair-product]:w-60 group-[.pair-product]:!px-0 group-[.pair-product]:w-full'>\n      <h3 class='text-body font-bold'>\n        <a\n          class='line-clamp-2 text-center group-[.pair-product]:text-left group-[.pair-product]:lowercase'\n          href='/products/numero-uno'\n        >\n          \n            BFF Liquid Liner\n          \n        </a>\n      </h3>\n      \n        <p class='text-center text-caption pb-2 group-[.predictive-search-results-products-list]:text-left sm:group-[.predictive-search-results-products-list]:text-center group-[.pair-product]:text-left'>\n          Felt-Tip Eyeliner Pen\n        </p>\n      \n      \n        <p class='text-center text-caption font-bold text-t-foreground pb-1 group-[.pair-product]:hidden'>\n          20% Off. Limited time only.\n        </p>\n      \n\n      \n<div data-oke-star-rating data-oke-reviews-product-id=\"shopify-2389970255954\"><div data-oke-reviews-version=\"0.86.0\" data-oke-container=\"\" class=\"okeReviews oke-sr\"><div class=\"\"><div class=\"oke-sr-rating\"> 4.8 </div><div class=\"oke-sr-stars\"><div class=\"oke-stars\"><!----><div class=\"oke-stars-background\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-empty\"></use><use x=\"22.236363636363635\" href=\"#oke-star-empty\"></use><use x=\"44.47272727272727\" href=\"#oke-star-empty\"></use><use x=\"66.7090909090909\" href=\"#oke-star-empty\"></use><use x=\"88.94545454545454\" href=\"#oke-star-empty\"></use></svg></div><div class=\"oke-stars-foreground\" style=\"width: 97.18%;\"><svg height=\"11\" viewBox=\"0 0 103.54545454545455 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-filled\"></use><use x=\"22.236363636363635\" href=\"#oke-star-filled\"></use><use x=\"44.47272727272727\" href=\"#oke-star-filled\"></use><use x=\"66.7090909090909\" href=\"#oke-star-filled\"></use><use x=\"88.94545454545454\" href=\"#oke-star-filled\"></use></svg></div><span class=\"oke-a11yText\">Rated 4.8 out of 5 stars</span></div></div><div class=\"oke-sr-count\"><span class=\"oke-sr-count-number\">3,520</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"4.8\",\"reviewCount\":3520} </script></div></div>\n\n    </div><div\n          class='\n            flex flex-col gap-y-xs items-center\n            \n            group-[.pair-product]:col-start-2 group-[.pair-product]:mt-[-40px] group-[.pair-product]:!items-start group-[.pair-product]:pt-2\n          '\n        ><!-- ##entry##core-quickshop-toggle##endentry## -->\n\n            <quick-shop-toggle\n              \n                class='w-full'\n              \n              product-url='/products/numero-uno'\n            >\n          \n\n          <button\n            type='button'\n            class='btn w-full !text-[10px] lg:!text-[14px] leading-normal lg:mx-auto group-[.pair-product]:!mx-0'\n            variant='secondary'\n          >\n            choose shade\n\n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price font-bold\n on-sale'\n    \n  >\n    <div class='inline-flex gap-x-2xs'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='font-bold font-bold'>\n            $8.00\n          </span></div>\n      <div class='hidden group-[.on-sale]/price:block'>\n        <span class='sr-only'>Sale price</span>\n        <span class='font-bold text-t-foreground lowercase font-bold hidden'>\n          free gift\n        </span>\n        <span class='font-bold text-t-foreground font-bold'>\n          $8.00\n        </span><span>\n            <s class='line-through text-[inherit] font-bold'>\n              $10.00\n            </s>\n          </span></div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='font-bold'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div>\n  </div>\n\n</button>\n          \n            </quick-shop-toggle>\n          \n        </div></main-product>\n              \n            </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n            </div>\n          \n        \n</section>\n\n  </main-product>\n\n\n\n</section>"}