/** Shopify CDN: Minification failed

Line 221:0 Unexpected "`"
Line 273:9 Unexpected "isColourName("
Line 274:5 Expected ":"
Line 276:8 Expected ":"
Line 411:59 Unexpected "*"
Line 437:31 Unexpected "*"
Line 438:22 Expected identifier but found "*"

**/
/*
  DR PEN CUSTOM STYLES
  --------------------------------------------------
  1. Product card titles - two lines on desktop
  2. Product card titles - unrestricted on mobile
  3. Hide vendor on product cards
  4. Product card prices
  5. Product card title colour and hover
*/


/* =========================================
   1. PRODUCT CARD TITLES
   Fixed two-line height on desktop
   ========================================= */

.grid-product__title,
.grid-product__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.15;
  max-height: 2.3em;
  min-height: 2.3em;
}


/* =========================================
   2. MOBILE PRODUCT CARD TITLES
   Allow natural title height
   ========================================= */

@media screen and (max-width: 768px) {
  .grid-product__title,
  .grid-product__title a {
    display: block !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    overflow: visible !important;
    max-height: none !important;
    min-height: auto !important;
  }
}


/* =========================================
   3. HIDE VENDOR ON PRODUCT CARDS
   Vendor remains visible on product pages
   ========================================= */

.grid-product__vendor {
  display: none !important;
}


/* =========================================
   4. PRODUCT CARD PRICES
   ========================================= */

.grid-product__price {
  font-size: 17px;
  margin-top: 5px;
}


/* =========================================
   5. PRODUCT CARD TITLE COLOUR
   ========================================= */

.grid-product__title,
.grid-product__title a {
  color: #111 !important;
}

.grid-product__title a:hover {
  color: #111 !important;
  opacity: 0.7;
}
/* =========================================
   6. SALE BADGE
   Reduced to 75% of theme default size
   ========================================= */

.grid-product__tag--sale {
  transform: scale(0.75);
  transform-origin: top right;
}

@media screen and (max-width: 768px) {
  .grid-product__tag--sale {
    transform: scale(0.75);
    transform-origin: top right;
  }
}
/* =========================================
   7. COLOUR VARIANT IMAGE TILES
   Product page only
   ========================================= */

label.kit-radio[data-option-name="Colour"],
label.kit-radio[data-option-name="Color"],
label.kit-radio[data-option-name="Ink Colour"],
label.kit-radio[data-option-name="Ink Color"],
label.kit-radio[data-option-name="Lead Colour"],
label.kit-radio[data-option-name="Lead Color"],
label.kit-radio[data-option-name="Barrel Colour"],
label.kit-radio[data-option-name="Barrel Color"],
label.kit-radio[data-option-name="Body Colour"],
label.kit-radio[data-option-name="Body Color"] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 82px;
  margin: 0 3px 4px 0;
  padding: 3px;
  cursor: pointer;
}

label.kit-radio[data-option-name="Colour"] .kit-swatch,
label.kit-radio[data-option-name="Color"] .kit-swatch,
label.kit-radio[data-option-name="Ink Colour"] .kit-swatch,
label.kit-radio[data-option-name="Ink Color"] .kit-swatch,
label.kit-radio[data-option-name="Lead Colour"] .kit-swatch,
label.kit-radio[data-option-name="Lead Color"] .kit-swatch,
label.kit-radio[data-option-name="Barrel Colour"] .kit-swatch,
label.kit-radio[data-option-name="Barrel Color"] .kit-swatch,
label.kit-radio[data-option-name="Body Colour"] .kit-swatch,
label.kit-radio[data-option-name="Body Color"] .kit-swatch {
  width: 76px !important;
  height: 76px !important;
  margin: 0 0 5px;
}

label.kit-radio[data-option-name="Colour"] .kit-visually-hidden,
label.kit-radio[data-option-name="Color"] .kit-visually-hidden,
label.kit-radio[data-option-name="Ink Colour"] .kit-visually-hidden,
label.kit-radio[data-option-name="Ink Color"] .kit-visually-hidden,
label.kit-radio[data-option-name="Lead Colour"] .kit-visually-hidden,
label.kit-radio[data-option-name="Lead Color"] .kit-visually-hidden,
label.kit-radio[data-option-name="Barrel Colour"] .kit-visually-hidden,
label.kit-radio[data-option-name="Barrel Color"] .kit-visually-hidden,
label.kit-radio[data-option-name="Body Colour"] .kit-visually-hidden,
label.kit-radio[data-option-name="Body Color"] .kit-visually-hidden {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  color: #111;
  font-size: 12px;
  line-height: 1.25;
  text-align: center;
}

label.kit-radio.drpen-variant-image-ready .kit-swatch {
  visibility: visible;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  background-color: #fff !important;
  background-image: var(--drpen-variant-image) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

label.kit-radio.drpen-variant-image-ready
  input:checked
  + .kit-swatch {
  outline: 2px solid #111;
  outline-offset: 2px;
}

@media screen and (max-width: 768px) {
  label.kit-radio[data-option-name="Colour"],
  label.kit-radio[data-option-name="Color"],
  label.kit-radio[data-option-name="Ink Colour"],
  label.kit-radio[data-option-name="Ink Color"],
  label.kit-radio[data-option-name="Lead Colour"],
  label.kit-radio[data-option-name="Lead Color"],
  label.kit-radio[data-option-name="Barrel Colour"],
  label.kit-radio[data-option-name="Barrel Color"],
  label.kit-radio[data-option-name="Body Colour"],
  label.kit-radio[data-option-name="Body Color"] {
    width: 68px;
    margin-right: 6px;
  }

  label.kit-radio[data-option-name="Colour"] .kit-swatch,
  label.kit-radio[data-option-name="Color"] .kit-swatch,
  label.kit-radio[data-option-name="Ink Colour"] .kit-swatch,
  label.kit-radio[data-option-name="Ink Color"] .kit-swatch,
  label.kit-radio[data-option-name="Lead Colour"] .kit-swatch,
  label.kit-radio[data-option-name="Lead Color"] .kit-swatch,
  label.kit-radio[data-option-name="Barrel Colour"] .kit-swatch,
  label.kit-radio[data-option-name="Barrel Color"] .kit-swatch,
  label.kit-radio[data-option-name="Body Colour"] .kit-swatch,
  label.kit-radio[data-option-name="Body Color"] .kit-swatch {
    width: 54px !important;
    height: 54px !important;
  }
}

/* END DR PEN CUSTOM - Colour Variant Image Tiles */
``


/* =========================================
   VARIANT IMAGE SWATCH CONTENT
   ========================================= */

label.kit-radio.drpen-variant-image-ready .kit-swatch {
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  background-color: #fff !important;
  background-image: var(--drpen-variant-image) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

/* END DR PEN CUSTOM - Variant Image Swatch Content */
/* Hide selected value beside Colour heading */

.kit-product-variant-picker
  .kit-fieldset__legend
  .kit-fieldset__legend-selection {
  display: none !important;
}


/* DR PEN CUSTOM - Collection colour count only */

.grid-product__colors {
  display: none !important;
}

.drpen-collection-colour-count {
  display: block;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  color: #555;
  font-size: 13px;
  line-height: 1.35;
}

/* DR PEN CUSTOM - Collection card metadata spacing */

.grid-product__title {
  margin-bottom: 4px !important;
}

.grid-product__price {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
}
function isColourName(value) {
  var name = normalise(value);

  return (
    name === 'colour' ||
    name === 'color' ||
    name === 'ink colour' ||
    name === 'ink color' ||
    name === 'lead colour' ||
    name === 'lead color' ||
    name === 'barrel colour' ||
    name === 'barrel color' ||
    name === 'body colour' ||
    name === 'body color'
  );
}
/* DR PEN CUSTOM - Visual variant option final overrides */

label.kit-radio[data-option-name="Colour"] .kit-swatch,
label.kit-radio[data-option-name="Color"] .kit-swatch,
label.kit-radio[data-option-name="Ink Colour"] .kit-swatch,
label.kit-radio[data-option-name="Ink Color"] .kit-swatch,
label.kit-radio[data-option-name="Lead Colour"] .kit-swatch,
label.kit-radio[data-option-name="Lead Color"] .kit-swatch,
label.kit-radio[data-option-name="Barrel Colour"] .kit-swatch,
label.kit-radio[data-option-name="Barrel Color"] .kit-swatch,
label.kit-radio[data-option-name="Body Colour"] .kit-swatch,
label.kit-radio[data-option-name="Body Color"] .kit-swatch {
  width: 76px !important;
  height: 76px !important;
  margin: 0 0 5px !important;
}

label.kit-radio[data-option-name="Colour"] .kit-visually-hidden,
label.kit-radio[data-option-name="Color"] .kit-visually-hidden,
label.kit-radio[data-option-name="Ink Colour"] .kit-visually-hidden,
label.kit-radio[data-option-name="Ink Color"] .kit-visually-hidden,
label.kit-radio[data-option-name="Lead Colour"] .kit-visually-hidden,
label.kit-radio[data-option-name="Lead Color"] .kit-visually-hidden,
label.kit-radio[data-option-name="Barrel Colour"] .kit-visually-hidden,
label.kit-radio[data-option-name="Barrel Color"] .kit-visually-hidden,
label.kit-radio[data-option-name="Body Colour"] .kit-visually-hidden,
label.kit-radio[data-option-name="Body Color"] .kit-visually-hidden {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  color: #111 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

@media screen and (max-width: 768px) {
  label.kit-radio[data-option-name="Colour"] .kit-swatch,
  label.kit-radio[data-option-name="Color"] .kit-swatch,
  label.kit-radio[data-option-name="Ink Colour"] .kit-swatch,
  label.kit-radio[data-option-name="Ink Color"] .kit-swatch,
  label.kit-radio[data-option-name="Lead Colour"] .kit-swatch,
  label.kit-radio[data-option-name="Lead Color"] .kit-swatch,
  label.kit-radio[data-option-name="Barrel Colour"] .kit-swatch,
  label.kit-radio[data-option-name="Barrel Color"] .kit-swatch,
  label.kit-radio[data-option-name="Body Colour"] .kit-swatch,
  label.kit-radio[data-option-name="Body Color"] .kit-swatch {
    width: 54px !important;
    height: 54px !important;
  }
}

/* DR PEN CUSTOM - Prevent native swatch flash */

label.kit-radio[data-option-name="Colour"] .kit-swatch,
label.kit-radio[data-option-name="Color"] .kit-swatch,
label.kit-radio[data-option-name="Ink Colour"] .kit-swatch,
label.kit-radio[data-option-name="Ink Color"] .kit-swatch,
label.kit-radio[data-option-name="Lead Colour"] .kit-swatch,
label.kit-radio[data-option-name="Lead Color"] .kit-swatch,
label.kit-radio[data-option-name="Barrel Colour"] .kit-swatch,
label.kit-radio[data-option-name="Barrel Color"] .kit-swatch,
label.kit-radio[data-option-name="Body Colour"] .kit-swatch,
label.kit-radio[data-option-name="Body Color"] .kit-swatch {
  visibility: hidden;
}

label.kit-radio.drpen-variant-image-ready .kit-swatch {
  visibility: visible;
}
/* DR PEN CUSTOM - Long visual variant names */

label.kit-radio[data-option-name="Colour"],
label.kit-radio[data-option-name="Color"],
label.kit-radio[data-option-name="Ink Colour"],
label.kit-radio[data-option-name="Ink Color"],
label.kit-radio[data-option-name="Lead Colour"],
label.kit-radio[data-option-name="Lead Color"],
label.kit-radio[data-option-name="Barrel Colour"],
label.kit-radio[data-option-name="Barrel Color"],
label.kit-radio[data-option-name="Body Colour"],
label.kit-radio[data-option-name="Body Color"] {
  vertical-align: top;
}

label.kit-radio[data-option-name="Colour"] .kit-visually-hidden,
label.kit-radio[data-option-name="Color"] .kit-visually-hidden,
label.kit-radio[data-option-name="Ink Colour"] .kit-visually-hidden,
label.kit-radio[data-option-name="Ink Color"] .kit-visually-hidden,
label.kit-radio[data-option-name="Lead Colour"] .kit-visually-hidden,
label.kit-radio[data-option-name="Lead Color"] .kit-visually-hidden,
label.kit-radio[data-option-name="Barrel Colour"] .kit-visually-hidden,
label.kit-radio[data-option-name="Barrel Color"] .kit-visually-hidden,
label.kit-radio[data-option-name="Body Colour"] .kit-visually-hidden,
label.kit-radio[data-option-name="Body Color"] .kit-visually-hidden {
  display: block !important;
width: 76px !important;
max-width: 76px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
overflow-wrap: anywhere;
word-break: normal;
white-space: normal !important;
color: #111 !important;
font-size: 12px !important;
line-height: 1.25 !important;
text-align: center !important;
}

label.kit-radio[data-option-name="Lead Colour"],
label.kit-radio[data-option-name="Lead Color"] {
  margin-right: 7px;
  margin-bottom: 14px;
}
/* Extra label space only for long Lead Colour names */

label.kit-radio[data-option-name="Lead Colour"] .kit-visual*y-hidden,
label.kit-radio[data-option-name="Lead Color"] .kit-visuall*-hidden {
  min-height: 45px;
}

/* DR PEN CUSTOM - Structured visual variant labels */

.kit-visually-hidden .drpen-variant-name,
.kit-visually-hidden .drpen-variant-code {
  display: block;
  width: 100%;
  text-align: center;
}

.kit-visually-hidden .drpen-variant-name {
  overflow-wrap: normal;
  word-break: normal;
  white-space: normal;
}

.kit-visually-hidden .drpen-variant-code {
  margin-top: 1px;
  white-space: nowrap;
}
/* DR PEN CUSTOM - Variant picker vertical spacing */

.kit-product-variant-picker .ki*-fieldset {
  margin-bottom: 18px;*}