@charset "UTF-8";
/* override design tokens */
.dropin-design {
  --color-neutral-800: #1a1a1a;
  --color-brand-500: var(--clr-action);
  --color-button-hover: var(--clr-action);
  --color-button-active: var(--clr-action);
  --color-alert-800: var(--clr-sale);
  --type-base-font-family: var(--body-font-family);
  --type-display-3-font: normal normal 600 30px/36px var(--type-base-font-family);
  --type-details-caption-1-font: normal normal 600 16px/24px var(--type-base-font-family);
  --shape-border-radius-1: 10px;
  --spacing-xxsmall: 5px;
  --spacing-xsmall: 10px;
  --spacing-small: 15px;
  --spacing-medium: 20px;
  --spacing-big: 30px;
  --spacing-xbig: 40px;
  --spacing-xxbig: 60px;
}

/* end of override design tokens */
/* text swatch */
.dropin-text-swatch__container [data-tooltip]::after {
  display: none !important;
}

.dropin-text-swatch__container {
  --color-neutral-900: var(--clr-action);
  --color-neutral-800: var(--clr-black);
  --color-neutral-50: var(--clr-highlight);
  --color-neutral-500: var(--clr-action);
  --color-brand-500: var(--clr-action);
  /* text swatch disabled */
}
.dropin-text-swatch__container label {
  cursor: pointer;
  display: block;
  border: 1px solid var(--clr-border);
  border-radius: var(--border-radius-l);
  background-color: var(--clr-white);
  position: relative;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 2;
  text-align: center;
}
.dropin-text-swatch__container label:hover {
  --color-neutral-900: var(--clr-black);
  border: 1px solid var(--clr-action) !important;
}
.dropin-text-swatch__container label.dropin-text-swatch__label--out-of-stock {
  background-color: var(--clr-bg-grey) !important;
  --color-neutral-200: var(--clr-bg-grey);
}
.dropin-text-swatch__container input[type=radio]:checked + .dropin-text-swatch__label,
.dropin-text-swatch__container .dropin-text-swatch--selected {
  color: var(--clr-selected);
  border-color: var(--clr-selected);
  box-shadow: none !important;
}
.dropin-text-swatch__container input[type=radio]:active + label,
.dropin-text-swatch__container input[type=radio]:checked + label:active {
  color: var(--clr-black);
  border-color: var(--clr-border);
}
.dropin-text-swatch__container input[type=radio]:checked + label:hover:not(:focus-visible) {
  --color-neutral-900: var(--clr-selected);
}
.dropin-text-swatch__container input[type=radio]:checked + label:active:not(:focus-visible) {
  background-color: var(--clr-highlight);
}
.dropin-text-swatch__container input[type=radio],
.dropin-text-swatch__container input[type=checkbox],
.dropin-text-swatch__container input[type=radio]:not(:disabled):checked,
.dropin-text-swatch__container input[type=checkbox]:not(:disabled):checked {
  position: absolute;
}
.dropin-text-swatch__container input[type=radio]:active + label.dropin-text-swatch__label--out-of-stock {
  color: var(--clr-disabled);
}
.dropin-text-swatch__container input[type=radio]:checked + label.dropin-text-swatch__label--out-of-stock {
  background-color: var(--clr-bg-grey);
  color: var(--clr-disabled);
}
.dropin-text-swatch__container label.dropin-text-swatch__label--out-of-stock,
.dropin-text-swatch__container input[type=radio]:checked + label.dropin-text-swatch__label--out-of-stock:hover {
  --color-neutral-300: var(--clr-disabled);
  --color-neutral-700: var(--clr-disabled);
  --color-neutral-900: var(--clr-disabled);
  color: var(--clr-disabled);
}
.dropin-text-swatch__container input[type=radio]:disabled + label.dropin-text-swatch__label--out-of-stock:hover {
  --color-neutral-900: var(--clr-disabled);
  --color-neutral-50: var(--clr-disabled);
}

/* end of text swatch */
/* color swatch */
.dropin-color-swatch__container {
  overflow: hidden;
  position: relative;
  width: calc(25% - 8px);
  height: 54px;
  border: 1px solid var(--clr-border);
  border-radius: var(--border-radius-l);
  padding: var(--spacing-xsmall);
}
.dropin-color-swatch__container input[type=radio]:not(:disabled):checked {
  position: fixed;
}
.dropin-color-swatch__container input[type=radio]:checked + .dropin-text-swatch__label,
.dropin-color-swatch__container .dropin-color-swatch--selected {
  color: var(--clr-selected);
  border-color: var(--clr-selected);
  box-shadow: none;
}
.dropin-color-swatch__container input[type=radio]:checked ~ .dropin-color-swatch__span {
  box-shadow: none;
}
.dropin-color-swatch__container .dropin-color-swatch__span {
  border-radius: 8px;
  width: 100%;
  height: 100%;
}
.dropin-color-swatch__container .dropin-color-swatch__span--out-of-stock {
  background: var(--bg-color);
}
.dropin-color-swatch__container:has(.dropin-color-swatch--selected) {
  border-color: var(--clr-selected);
  background-color: var(--clr-highlight);
}
.dropin-color-swatch__container:has(.dropin-color-swatch__span--out-of-stock) {
  background-color: var(--clr-bg-grey);
}
.dropin-color-swatch__container:has(.dropin-color-swatch__span--out-of-stock)::after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid var(--clr-border);
  width: 120%;
  transform: translateY(-3px) translateX(-7px) rotate(332deg);
}

/* end of color swatch */
/* dropdown */
.dropin-picker svg {
  display: none;
}
.dropin-picker.dropin-picker__medium {
  background: none;
  overflow: visible;
}
.dropin-picker.dropin-picker__medium select {
  color: var(--clr-black);
  background-color: var(--clr-white);
  font-size: var(--font-size-default);
  letter-spacing: normal;
  line-height: var(--default-line-height);
  padding: 1.58rem 2.15rem;
  border: 1px solid var(--clr-border);
  border-radius: var(--border-radius-l);
}
.dropin-picker.dropin-picker__medium select:focus, .dropin-picker.dropin-picker__medium select:focus-visible {
  background-color: var(--clr-white);
  border-color: var(--clr-action);
  box-shadow: 0px 0px 0px 2px var(--clr-focus);
  outline: none;
}
.dropin-picker.dropin-picker__medium select:hover {
  background-color: var(--clr-white);
  border-color: var(--clr-action);
}

/* end of dropdown */
:root {
  /* NEW VARIABLES */
  /* colors */
  --clr-black: #111;
  --clr-white: #fff;
  --clr-txt-grey: #5a5a5a;
  --clr-bg-grey: #f6f6f6;
  --clr-focus: #8bb1ff;
  --clr-selected: #1871f0;
  --clr-highlight: #e8f0fc;
  --clr-action: #1871f0;
  --clr-sale: #e42828;
  --clr-positive: #6AD080;
  --clr-notification: #FFFADE;
  --clr-notification-txt: #433E25;
  --clr-notification-border: #F5EFCD;
  --clr-disabled: #d6d6d6;
  --clr-border: #d6d6d6;
  --clr-overlay: rgba(0, 0, 0, .8);
  --color-green: #15884C;
  /* font */
  --font-size-default: 1.6rem;
  --font-size-small: 1.333rem;
  --font-size-fine: 1.11rem;
  --default-line-height: 1.2179em;
  --font-size-xs: 1.8rem;
  --font-size-s: 2.025rem;
  --font-size-m: 2.278rem;
  --font-size-l: 2.563rem;
  --font-size-xl: 2.883rem;
  --font-size-h1-rs: 1.94rem;
  --font-size-h1-rl: 2.44rem;
  --font-size-xxl: 3.244rem;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-semi-bold: 500;
  --font-weight-bold: 600;
  --spacing-5: 5px;
  --spacing-8: 8px;
  --spacing-10: 10px;
  --spacing-15: 15px;
  --spacing-20: 20px;
  --spacing-30: 30px;
  --spacing-40: 40px;
  --spacing-60: 60px;
  --spacing-80: 80px;
  --desktop-gutter: 20px;
  --mobile-gutter: 15px;
  --desktop-max-width: 1400px;
  --price-vertical-spacing: 8px;
  --border-radius-xl: 29px;
  --border-radius-l: 10px;
  --border-radius-s: 6px;
  --border-radius-xs: 4px;
  /* OLD VARIABLES DONT USE, BEING KEPT UNTIL SITE IS UPDATED*/
  /* colors */
  --link-hover-color: #136ff6;
  --background-color: #fff;
  --overlay-background-color: #eee;
  --highlight-background-color: #ccc;
  --text-color: #1a1a1a;
  --clr-grey: #F6F6F6;
  --header-bg: var(--clr-white);
  /* fonts */
  --body-font-family: "proxima-nova", sans-serif;
  --heading-font-family: var(--body-font-family);
  --fixed-font-family: "Roboto Mono", menlo, consolas, "Liberation Mono", monospace;
  --default-line-height: 1.2179;
  --heading-line-height: 1.2179;
  /* body sizes */
  --body-font-size: 1.6rem;
  /* heading sizes */
  --heading-font-size-xxl: 4rem;
  --heading-font-size-xl: 2.88rem;
  --heading-font-size-l: 2.4rem;
  --heading-font-size-m: 2.4rem;
  --heading-font-size-s: 2.4px;
  --heading-font-size-xs: 2.4px;
  /* nav height */
  --nav-height: 64px;
}

button {
  font-family: var(--body-font-family);
}

/* buttons */
a.button:any-link,
button,
button.primary {
  border-radius: 28px;
  border: 2px solid transparent;
  font-size: 1.6rem;
  font-weight: var(--font-weight-bold);
  line-height: 2rem;
  padding: 1.5rem 2.5rem;
  color: #fff;
  background-color: #15884C;
  cursor: pointer;
  outline-color: #fff;
  outline-style: solid;
  outline-width: 1px;
  outline-offset: 0;
  display: inline-block;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
a.button:any-link:hover,
button:hover,
button.primary:hover {
  text-decoration: none;
}
a.button:any-link:focus,
button:focus,
button.primary:focus {
  -webkit-box-shadow: 0 0 0 2px #8BB1FF;
  -moz-box-shadow: 0 0 0 2px #8BB1FF;
  box-shadow: 0 0 0 2px #8BB1FF;
}
a.button:any-link:active,
button:active,
button.primary:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
a.button:any-link.small,
button.small,
button.primary.small {
  padding: 1rem 1.5rem;
}

button:disabled,
button:disabled:hover {
  background-color: var(--overlay-background-color);
  cursor: unset;
}

button:disabled:has(.loadingDots) {
  background: #15884C;
}

a.button.secondary,
button.secondary {
  border-radius: 28px;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: var(--font-weight-bold);
  padding: 1.5rem 2.5rem;
  background-color: #fff;
  color: #15884C;
  border: 2px solid #15884C;
  font-style: normal;
  cursor: pointer;
  outline-style: solid;
  outline-width: 1px;
  outline-offset: 0;
  outline-color: transparent;
  display: inline-block;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
a.button.secondary:focus,
button.secondary:focus {
  -webkit-box-shadow: 0 0 0 2px #8BB1FF;
  -moz-box-shadow: 0 0 0 2px #8BB1FF;
  box-shadow: 0 0 0 2px #8BB1FF;
  /*outline-offset: 0px ;
  outline-color: #fff ;*/
}
a.button.secondary:active,
button.secondary:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
a.button.secondary.small,
button.secondary.small {
  padding: 1rem 1.5rem;
}

a.button.tertiary,
button.tertiary {
  border-radius: 28px;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 400;
  padding: 1.5rem 2.5rem;
  background-color: var(--clr-white);
  color: var(--clr-black);
  border: 1px solid var(--clr-border);
  font-style: normal;
  cursor: pointer;
  outline-style: solid;
  outline-width: 1px;
  outline-offset: 0;
  outline-color: transparent;
  display: inline-block;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
a.button.tertiary:hover,
button.tertiary:hover {
  text-decoration: none;
  background-color: var(--clr-white);
  color: var(--clr-black);
  border: 1px solid var(--clr-action);
}
a.button.tertiary:focus,
button.tertiary:focus {
  -webkit-box-shadow: 0 0 0 2px var(--clr-action);
  -moz-box-shadow: 0 0 0 2px var(--clr-action);
  box-shadow: 0 0 0 2px var(--clr-action);
  /*outline-offset: 0px;
  outline-color: #fff;*/
}
a.button.tertiary:active,
button.tertiary:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
a.button.tertiary.small,
button.tertiary.small {
  padding: 0.6rem 1.5rem;
  line-height: 1.9rem;
}

a.icon-button,
button.icon-button {
  border-radius: 50%;
  border: 1px solid #15884C;
  font-size: 1.6rem;
  line-height: 2rem;
  padding: 1.5rem 2.5rem;
  color: #fff;
  background-color: #fff;
  cursor: pointer;
  outline-color: #fff;
  outline-style: solid;
  outline-width: 0px;
  outline-offset: 0;
  display: inline-block;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
button.reset,
a.button.reset {
  border-radius: 0px;
  border: none;
  font-size: 1.6rem;
  line-height: 1.2em;
  padding: 0;
  color: #3577FF;
  font-weight: 600;
  background-color: transparent;
  cursor: pointer;
  outline-color: transparent;
  outline-style: none;
  outline-width: 0;
  outline-offset: 0;
  display: inline-block;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
button.reset:focus, button.reset:hover,
a.button.reset:focus,
a.button.reset:hover {
  text-decoration: underline;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:link,
a:visited {
  font-size: 1.6rem;
  line-height: 1.2em;
  color: var(--clr-black);
  font-weight: 600;
  background-color: transparent;
  cursor: pointer;
  outline-color: transparent;
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body .dropin-button--tertiary, body a.dropin-button--tertiary, body .dropin-iconButton--tertiary {
  background-color: #15884C;
  line-height: 1rem;
  min-width: 54px;
  min-height: 54px;
}
body .dropin-button--tertiary:hover, body .dropin-button--tertiary:focus, body a.dropin-button--tertiary:hover, body a.dropin-button--tertiary:focus, body .dropin-iconButton--tertiary:hover, body .dropin-iconButton--tertiary:focus {
  background-color: #15884C !important;
}
body .dropin-button--tertiary svg path, body a.dropin-button--tertiary svg path, body .dropin-iconButton--tertiary svg path {
  stroke: #fff;
}
body .dropin-button--primary,
body a.dropin-button--primary,
body .dropin-iconButton--primary {
  background-color: #15884C;
  cursor: pointer;
}
body .dropin-button--primary:hover, body .dropin-button--primary:active,
body a.dropin-button--primary:hover,
body a.dropin-button--primary:active,
body .dropin-iconButton--primary:hover,
body .dropin-iconButton--primary:active {
  background-color: #15884C !important;
}

button {
  font-family: var(--body-font-family);
}

/* buttons */
a.button:any-link,
button,
button.primary {
  border-radius: 28px;
  border: 2px solid transparent;
  font-size: 1.6rem;
  font-weight: var(--font-weight-bold);
  line-height: 2rem;
  padding: 1.5rem 2.5rem;
  color: #fff;
  background-color: #15884C;
  cursor: pointer;
  outline-color: #fff;
  outline-style: solid;
  outline-width: 1px;
  outline-offset: 0;
  display: inline-block;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
a.button:any-link:hover,
button:hover,
button.primary:hover {
  text-decoration: none;
}
a.button:any-link:focus,
button:focus,
button.primary:focus {
  -webkit-box-shadow: 0 0 0 2px #8BB1FF;
  -moz-box-shadow: 0 0 0 2px #8BB1FF;
  box-shadow: 0 0 0 2px #8BB1FF;
}
a.button:any-link:active,
button:active,
button.primary:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
a.button:any-link.small,
button.small,
button.primary.small {
  padding: 1rem 1.5rem;
}

button:disabled,
button:disabled:hover {
  background-color: var(--overlay-background-color);
  cursor: unset;
}

button:disabled:has(.loadingDots) {
  background: #15884C;
}

a.button.secondary,
button.secondary {
  border-radius: 28px;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: var(--font-weight-bold);
  padding: 1.5rem 2.5rem;
  background-color: #fff;
  color: #15884C;
  border: 2px solid #15884C;
  font-style: normal;
  cursor: pointer;
  outline-style: solid;
  outline-width: 1px;
  outline-offset: 0;
  outline-color: transparent;
  display: inline-block;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
a.button.secondary:focus,
button.secondary:focus {
  -webkit-box-shadow: 0 0 0 2px #8BB1FF;
  -moz-box-shadow: 0 0 0 2px #8BB1FF;
  box-shadow: 0 0 0 2px #8BB1FF;
  /*outline-offset: 0px ;
  outline-color: #fff ;*/
}
a.button.secondary:active,
button.secondary:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
a.button.secondary.small,
button.secondary.small {
  padding: 1rem 1.5rem;
}

a.button.tertiary,
button.tertiary {
  border-radius: 28px;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 400;
  padding: 1.5rem 2.5rem;
  background-color: var(--clr-white);
  color: var(--clr-black);
  border: 1px solid var(--clr-border);
  font-style: normal;
  cursor: pointer;
  outline-style: solid;
  outline-width: 1px;
  outline-offset: 0;
  outline-color: transparent;
  display: inline-block;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
a.button.tertiary:hover,
button.tertiary:hover {
  text-decoration: none;
  background-color: var(--clr-white);
  color: var(--clr-black);
  border: 1px solid var(--clr-action);
}
a.button.tertiary:focus,
button.tertiary:focus {
  -webkit-box-shadow: 0 0 0 2px var(--clr-action);
  -moz-box-shadow: 0 0 0 2px var(--clr-action);
  box-shadow: 0 0 0 2px var(--clr-action);
  /*outline-offset: 0px;
  outline-color: #fff;*/
}
a.button.tertiary:active,
button.tertiary:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
a.button.tertiary.small,
button.tertiary.small {
  padding: 0.6rem 1.5rem;
  line-height: 1.9rem;
}

a.icon-button,
button.icon-button {
  border-radius: 50%;
  border: 1px solid #15884C;
  font-size: 1.6rem;
  line-height: 2rem;
  padding: 1.5rem 2.5rem;
  color: #fff;
  background-color: #fff;
  cursor: pointer;
  outline-color: #fff;
  outline-style: solid;
  outline-width: 0px;
  outline-offset: 0;
  display: inline-block;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
button.reset,
a.button.reset {
  border-radius: 0px;
  border: none;
  font-size: 1.6rem;
  line-height: 1.2em;
  padding: 0;
  color: #3577FF;
  font-weight: 600;
  background-color: transparent;
  cursor: pointer;
  outline-color: transparent;
  outline-style: none;
  outline-width: 0;
  outline-offset: 0;
  display: inline-block;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
button.reset:focus, button.reset:hover,
a.button.reset:focus,
a.button.reset:hover {
  text-decoration: underline;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:link,
a:visited {
  font-size: 1.6rem;
  line-height: 1.2em;
  color: var(--clr-black);
  font-weight: 600;
  background-color: transparent;
  cursor: pointer;
  outline-color: transparent;
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

::placeholder {
  color: var(--clr-black);
  font-style: italic;
  opacity: 1;
}

label {
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-default);
  color: var(--clr-black);
  line-height: var(--default-line-height);
}

.commerce-bridge select {
  padding: 5px 10px 4px;
  background: none;
}

select,
input[type=text],
input[type=email],
input[type=datetime],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=url] {
  color: var(--clr-black);
  background-color: var(--clr-white);
  border: 1px solid var(--clr-border);
  border-radius: var(--border-radius-l);
  -webkit-appearance: none;
  appearance: none;
  font-family: var(--body-font-family);
  font-size: var(--font-size-default);
}
select::-webkit-input-placeholder select::placeholder, select:-ms-input-placeholder,
select::-webkit-input-placeholder input[type=text]::placeholder,
input[type=text]:-ms-input-placeholder,
select::-webkit-input-placeholder input[type=email]::placeholder,
input[type=email]:-ms-input-placeholder,
select::-webkit-input-placeholder input[type=datetime]::placeholder,
input[type=datetime]:-ms-input-placeholder,
select::-webkit-input-placeholder input[type=number]::placeholder,
input[type=number]:-ms-input-placeholder,
select::-webkit-input-placeholder input[type=password]::placeholder,
input[type=password]:-ms-input-placeholder,
select::-webkit-input-placeholder input[type=search]::placeholder,
input[type=search]:-ms-input-placeholder,
select::-webkit-input-placeholder input[type=tel]::placeholder,
input[type=tel]:-ms-input-placeholder,
select::-webkit-input-placeholder input[type=url]::placeholder,
input[type=url]:-ms-input-placeholder,
input[type=text]::-webkit-input-placeholder select::placeholder,
input[type=text]::-webkit-input-placeholder input[type=text]::placeholder,
input[type=text]::-webkit-input-placeholder input[type=email]::placeholder,
input[type=text]::-webkit-input-placeholder input[type=datetime]::placeholder,
input[type=text]::-webkit-input-placeholder input[type=number]::placeholder,
input[type=text]::-webkit-input-placeholder input[type=password]::placeholder,
input[type=text]::-webkit-input-placeholder input[type=search]::placeholder,
input[type=text]::-webkit-input-placeholder input[type=tel]::placeholder,
input[type=text]::-webkit-input-placeholder input[type=url]::placeholder,
input[type=email]::-webkit-input-placeholder select::placeholder,
input[type=email]::-webkit-input-placeholder input[type=text]::placeholder,
input[type=email]::-webkit-input-placeholder input[type=email]::placeholder,
input[type=email]::-webkit-input-placeholder input[type=datetime]::placeholder,
input[type=email]::-webkit-input-placeholder input[type=number]::placeholder,
input[type=email]::-webkit-input-placeholder input[type=password]::placeholder,
input[type=email]::-webkit-input-placeholder input[type=search]::placeholder,
input[type=email]::-webkit-input-placeholder input[type=tel]::placeholder,
input[type=email]::-webkit-input-placeholder input[type=url]::placeholder,
input[type=datetime]::-webkit-input-placeholder select::placeholder,
input[type=datetime]::-webkit-input-placeholder input[type=text]::placeholder,
input[type=datetime]::-webkit-input-placeholder input[type=email]::placeholder,
input[type=datetime]::-webkit-input-placeholder input[type=datetime]::placeholder,
input[type=datetime]::-webkit-input-placeholder input[type=number]::placeholder,
input[type=datetime]::-webkit-input-placeholder input[type=password]::placeholder,
input[type=datetime]::-webkit-input-placeholder input[type=search]::placeholder,
input[type=datetime]::-webkit-input-placeholder input[type=tel]::placeholder,
input[type=datetime]::-webkit-input-placeholder input[type=url]::placeholder,
input[type=number]::-webkit-input-placeholder select::placeholder,
input[type=number]::-webkit-input-placeholder input[type=text]::placeholder,
input[type=number]::-webkit-input-placeholder input[type=email]::placeholder,
input[type=number]::-webkit-input-placeholder input[type=datetime]::placeholder,
input[type=number]::-webkit-input-placeholder input[type=number]::placeholder,
input[type=number]::-webkit-input-placeholder input[type=password]::placeholder,
input[type=number]::-webkit-input-placeholder input[type=search]::placeholder,
input[type=number]::-webkit-input-placeholder input[type=tel]::placeholder,
input[type=number]::-webkit-input-placeholder input[type=url]::placeholder,
input[type=password]::-webkit-input-placeholder select::placeholder,
input[type=password]::-webkit-input-placeholder input[type=text]::placeholder,
input[type=password]::-webkit-input-placeholder input[type=email]::placeholder,
input[type=password]::-webkit-input-placeholder input[type=datetime]::placeholder,
input[type=password]::-webkit-input-placeholder input[type=number]::placeholder,
input[type=password]::-webkit-input-placeholder input[type=password]::placeholder,
input[type=password]::-webkit-input-placeholder input[type=search]::placeholder,
input[type=password]::-webkit-input-placeholder input[type=tel]::placeholder,
input[type=password]::-webkit-input-placeholder input[type=url]::placeholder,
input[type=search]::-webkit-input-placeholder select::placeholder,
input[type=search]::-webkit-input-placeholder input[type=text]::placeholder,
input[type=search]::-webkit-input-placeholder input[type=email]::placeholder,
input[type=search]::-webkit-input-placeholder input[type=datetime]::placeholder,
input[type=search]::-webkit-input-placeholder input[type=number]::placeholder,
input[type=search]::-webkit-input-placeholder input[type=password]::placeholder,
input[type=search]::-webkit-input-placeholder input[type=search]::placeholder,
input[type=search]::-webkit-input-placeholder input[type=tel]::placeholder,
input[type=search]::-webkit-input-placeholder input[type=url]::placeholder,
input[type=tel]::-webkit-input-placeholder select::placeholder,
input[type=tel]::-webkit-input-placeholder input[type=text]::placeholder,
input[type=tel]::-webkit-input-placeholder input[type=email]::placeholder,
input[type=tel]::-webkit-input-placeholder input[type=datetime]::placeholder,
input[type=tel]::-webkit-input-placeholder input[type=number]::placeholder,
input[type=tel]::-webkit-input-placeholder input[type=password]::placeholder,
input[type=tel]::-webkit-input-placeholder input[type=search]::placeholder,
input[type=tel]::-webkit-input-placeholder input[type=tel]::placeholder,
input[type=tel]::-webkit-input-placeholder input[type=url]::placeholder,
input[type=url]::-webkit-input-placeholder select::placeholder,
input[type=url]::-webkit-input-placeholder input[type=text]::placeholder,
input[type=url]::-webkit-input-placeholder input[type=email]::placeholder,
input[type=url]::-webkit-input-placeholder input[type=datetime]::placeholder,
input[type=url]::-webkit-input-placeholder input[type=number]::placeholder,
input[type=url]::-webkit-input-placeholder input[type=password]::placeholder,
input[type=url]::-webkit-input-placeholder input[type=search]::placeholder,
input[type=url]::-webkit-input-placeholder input[type=tel]::placeholder,
input[type=url]::-webkit-input-placeholder input[type=url]::placeholder {
  color: var(--clr-black);
  font-family: var(--body-font-family);
  font-style: italic;
  font-weight: var(--font-weight-regular);
  opacity: 1;
}

select {
  cursor: pointer;
  background-image: url("../../icons/arrow_drop_down.svg");
  background-position: 95% center;
  background-size: auto;
  background-repeat: no-repeat;
}

input,
textarea,
select {
  color: var(--clr-black);
  background-color: var(--clr-white);
  font-size: var(--font-size-default);
  line-height: var(--default-line-height);
  padding: 1.58rem 2.15rem;
  border: 1px solid var(--clr-border);
  border-radius: var(--border-radius-l);
}

input:hover,
textarea:hover,
select:hover {
  background-color: var(--clr-white);
  border-color: var(--clr-action);
}

input:focus,
input:active,
textarea:focus,
select:focus,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  background-color: var(--clr-white);
  border-color: var(--clr-action);
  box-shadow: 0px 0px 0px 2px var(--clr-focus);
  outline: none;
}

input:disabled,
select:disabled,
button:disabled,
textarea:disabled {
  cursor: not-allowed;
  background-color: var(--clr-border);
}

:root {
  --radio-border-color: #D6D6D6;
  --radio-bg-color: #fff;
  --radio-outline-color: transparent;
  --radio-hover-border-color: #1871F0;
  --radio-hover-color: #fff;
  --radio-checked-color: #E8F0FC;
  --radio-checked-bg-color: #fff;
  --radio-checked-border-color: #1871F0;
  --radio-checked-hover-color: #E8F0FC;
  --radio-checked-hover-bg-color: #E8F0FC;
  --radio-checked-hover-border-color: #1871F0;
  --radio-focus-border-color: #D6D6D6;
  --radio-focus-bg-color: #fff;
  --radio-focus-outline-color: #8BB1FF;
  --radio-disabled-bg-color: #F0F0F0;
  --radio-disabled-border-color: #D6D6D6;
  --radio-disabled-checked-color: #fff;
  --radio-disabled-checked-bg-color: #D6D6D6;
  --radio-disabled-checked-border-color: #D6D6D6;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--clr-border);
  border-radius: 50%;
  appearance: none;
  background-color: transparent;
  outline: 2px solid transparent;
  transition: outline 0.1s;
  cursor: pointer;
  margin-right: var(--spacing-10);
}

input[type=checkbox] {
  border-radius: var(--border-radius-xs);
}

input[type=checkbox]:not(:disabled):checked,
input[type=radio]:not(:disabled):checked {
  background-color: var(--clr-highlight);
  border-color: var(--clr-action);
  background-clip: content-box;
  position: relative;
}
@media (hover: hover) {
  input[type=checkbox]:not(:disabled):checked:hover,
  input[type=radio]:not(:disabled):checked:hover {
    border-color: var(--clr-action);
  }
}
input[type=checkbox]:not(:disabled):checked:focus-visible input[type=checkbox]:not(:disabled):checked:focus,
input[type=checkbox]:not(:disabled):checked:focus-visible input[type=radio]:not(:disabled):checked:focus,
input[type=radio]:not(:disabled):checked:focus-visible input[type=checkbox]:not(:disabled):checked:focus,
input[type=radio]:not(:disabled):checked:focus-visible input[type=radio]:not(:disabled):checked:focus {
  outline: 2px solid var(--clr-highlight);
}
input[type=checkbox]:not(:disabled):checked:disabled,
input[type=radio]:not(:disabled):checked:disabled {
  background-color: var(--clr-bg-grey);
  cursor: not-allowed;
}

input[type=radio]:not(:disabled):checked:after {
  content: "";
  background-image: radial-gradient(circle, var(--clr-action) 0%, var(--clr-action) 100%);
  border-radius: 50%;
  height: 50%;
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

input[type=checkbox]:not(:disabled):checked:after {
  content: "";
  display: inline-block;
  position: absolute;
  background: url("../../icons/check_small.svg") no-repeat center center;
  background-size: 60% 60%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 2rem;
  width: 2rem;
}

input[type=checkbox]:disabled,
input[type=radio]:disabled {
  background-color: var(--radio-disabled-bg-color);
}
input[type=checkbox]:disabled:hover,
input[type=radio]:disabled:hover {
  background-color: var(--radio-disabled-bg-color);
  border-color: var(--radio-disabled-border-color);
  background-clip: content-box;
  background-image: radial-gradient(circle, --radio-disabled-checked-bg-color 0%, var(--radio-disabled-checked-bg-color) 100%);
  position: relative;
}
input[type=checkbox]:disabled:checked,
input[type=radio]:disabled:checked {
  background-color: var(--radio-disabled-checked-bg-color);
  border-color: var(--radio-disabled-checked-border-color);
  background-clip: content-box;
  background-image: radial-gradient(circle, --radio-disabled-checked-bg-color 0%, var(--radio-disabled-checked-bg-color) 100%);
  position: relative;
}
input[type=checkbox]:disabled:checked:after,
input[type=radio]:disabled:checked:after {
  content: "";
  display: inline-block;
  position: absolute;
  background: url("../../icons/check_small.svg") no-repeat center center;
  background-size: 60% 60%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 2rem;
  width: 2rem;
}

@media (hover: hover) {
  input[type=checkbox]:not(:disabled):hover,
  input[type=radio]:not(:disabled):hover {
    background-color: var(--radio-hover-color);
    border-color: var(--radio-hover-border-color);
  }
}
input[type=checkbox]:focus-visible,
input[type=radio]:focus-visible {
  background-color: var(--radio-hover-color);
  outline: 6px solid var(--radio-hover-color);
}

@media (prefers-reduced-motion: reduce) {
  input[type=checkbox],
  input[type=radio] {
    transition: none;
  }
}
.badge-container u {
  text-decoration: none;
}

.badge {
  background-color: #E42828;
  color: #fff;
  font-size: 1rem;
  line-height: 1rem;
  text-transform: none;
  border: 1px solid transparent;
  font-style: normal;
  cursor: default;
  border-radius: 9px;
  font-weight: 600;
  padding: 3px 5px !important;
  margin-left: 5px !important;
}
.badge.solid {
  background-color: #1a1a1a;
}
.badge.ghost {
  background-color: transparent;
  border-color: #E42828;
  color: #E42828;
  text-decoration: none;
}
.badge.ghost.solid {
  background-color: transparent;
  border-color: #1a1a1a;
  color: #1a1a1a;
  font-style: none;
  text-decoration: none;
}
.badge.large {
  font-size: 1.2rem;
}

.shimmer-container {
  display: flex;
}
.shimmer-container.flex-row {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.shimmer-container.flex-row > .shimmer {
  margin-bottom: 0;
}

.shimmer {
  /*@media (min-width : $desktop-breakpoint) {
      animation: shimmer 2s infinite;
  }*/
  animation: shimmer 2s infinite;
  background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%);
  background-size: 1000px 100%;
  margin-bottom: 1rem;
  display: block;
  width: 100%;
  height: auto;
}
.shimmer.rounded {
  border-radius: 1rem;
}
.shimmer-picture {
  margin-bottom: var(--spacing-15);
  height: auto;
  aspect-ratio: 1/1;
  width: 100%;
}
.shimmer-header {
  height: calc(var(--heading-font-size-l) * var(--default-line-height) - 1px);
}
.shimmer-text {
  height: calc(var(--body-font-size) * var(--default-line-height));
}
.shimmer-price {
  width: 100%;
}
.shimmer-price > span.shimmer-text {
  margin-bottom: 0.5rem;
}
.shimmer-price .from {
  height: calc(var(--body-font-size));
  max-width: 3.2rem;
}
.shimmer-price .was,
.shimmer-price .save {
  height: calc(var(--body-font-size));
  max-width: 8.3rem;
}
.shimmer-price .final {
  max-width: 8.3rem;
  height: calc(var(--heading-font-size-l) * var(--default-line-height) - 1px);
}
.shimmer-box {
  height: calc(var(--heading-font-size-l) * var(--default-line-height));
}

@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
.product-card .picture-container {
  display: flex;
  align-items: center;
  position: relative;
  border: 1px solid var(--clr-border);
  border-radius: var(--border-radius-l);
  margin-bottom: var(--spacing-10);
  overflow: hidden;
}
.product-card .picture-container picture {
  width: 100%;
}
.product-card a {
  text-decoration: none;
  width: 100%;
  display: block;
  color: var(--clr-black);
  -webkit-tap-highlight-color: transparent;
}
.product-card a:hover, .product-card a:focus {
  text-decoration: none;
}
.product-card .add-to-cart-icon {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: #fff;
  border: solid 1px #15884C;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.product-card .add-to-cart-icon img {
  width: 28px;
  height: 28px;
}
.product-card picture {
  display: block;
}
.product-card picture img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 1/1;
}
.product-card .badges-container {
  position: absolute;
  z-index: 1;
  top: var(--spacing-10);
  right: var(--spacing-10);
}
@media (min-width: 1025px) {
  .product-card .badges-container {
    top: var(--spacing-20);
    right: var(--spacing-20);
  }
}
.product-card .badges-container .product-badge-label {
  position: static;
  background: var(--clr-black);
  color: var(--clr-white);
  border-radius: var(--border-radius-s);
  font-size: var(--font-size-fine);
  line-height: var(--font-size-fine);
  font-weight: var(--font-weight-regular);
  white-space: nowrap;
  padding: 8px;
}
.product-card .badges-container img {
  display: none;
  height: 40px;
  width: 40px;
  margin-bottom: 10px;
  float: right;
  clear: both;
}
.product-card .badges-container img:last-of-type {
  margin-bottom: 0;
}
.product-card .quick-buy {
  position: absolute;
  bottom: var(--spacing-10);
  right: var(--spacing-10);
  overflow: hidden;
  width: 54px;
  height: 54px;
  text-indent: -9999px;
  white-space: nowrap;
  background-image: url("../../icons/quick-buy-secondary.svg");
  background-color: #15884C;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
}
.product-card .quick-buy:focus {
  -webkit-box-shadow: 0 0 0 2px #8BB1FF !important;
  -moz-box-shadow: 0 0 0 2px #8BB1FF !important;
  box-shadow: 0 0 0 2px #8BB1FF !important;
}
@media (min-width: 1025px) {
  .product-card .quick-buy {
    bottom: var(--spacing-20);
    right: var(--spacing-20);
  }
}
.product-card .available-lozenge {
  color: var(--clr-txt-grey);
  font-size: 1.333rem;
  line-height: 1.6234607rem;
  padding: 0.05px 0;
  font-weight: var(--font-weight-regular);
  margin-bottom: var(--spacing-10);
  display: block;
}
.product-card .available-lozenge::before {
  content: "";
  margin-top: -0.283126044em;
  display: block;
  height: 0;
}
.product-card .available-lozenge::after {
  content: "";
  margin-top: -0.213126044em;
  display: block;
  height: 0;
}
.product-card .rating {
  cursor: pointer;
  display: flex;
  gap: var(--spacing-5);
  margin-bottom: var(--spacing-10);
  margin-top: 0;
  align-items: center;
}
.product-card .rating.count-0 {
  display: none;
}
.product-card .rating .stars {
  --percent: calc(var(--rating) / 5 * 100%);
  position: relative;
  display: block;
  height: 1.14rem;
  width: 6rem;
}
.product-card .rating .stars:before {
  content: " ";
  background-image: url("../../icons/stars-empty.svg");
  background-repeat: repeat-x;
  background-size: 12px 11.4px;
  display: block;
  height: 1.14rem;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.product-card .rating .stars:after {
  content: " ";
  background-image: url("../../icons/stars-filled.svg");
  background-repeat: repeat-x;
  background-size: 12px 11.4px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  overflow: hidden;
  width: var(--percent, 50%);
  display: block;
  height: 1.14rem;
}
.product-card .rating .count,
.product-card .rating .rating-num span {
  font-size: 1.333rem;
  line-height: 1.6234607rem;
  padding: 0.05px 0;
  font-weight: var(--font-weight-regular);
  color: #5A5A5A;
}
.product-card .rating .count::before,
.product-card .rating .rating-num span::before {
  content: "";
  margin-top: -0.283126044em;
  display: block;
  height: 0;
}
.product-card .rating .count::after,
.product-card .rating .rating-num span::after {
  content: "";
  margin-top: -0.213126044em;
  display: block;
  height: 0;
}
.product-card .rating .ratings-count-container {
  font-size: var(--font-size-small);
  display: flex;
  gap: 2px;
}
.product-card .product-name {
  font-size: 1.6rem;
  line-height: 1.94864rem;
  padding: 0.05px 0;
  color: var(--clr-black);
  margin-bottom: var(--spacing-10);
  font-weight: var(--font-weight-bold);
}
.product-card .product-name::before {
  content: "";
  margin-top: -0.2768666667em;
  display: block;
  height: 0;
}
.product-card .product-name::after {
  content: "";
  margin-top: -0.2068666667em;
  display: block;
  height: 0;
}
.product-card .product-subtitle {
  font-size: 1.333rem;
  line-height: 1.6234607rem;
  padding: 0.05px 0;
  font-weight: 400;
  color: var(--clr-black);
  margin-bottom: var(--spacing-10);
}
.product-card .product-subtitle::before {
  content: "";
  margin-top: -0.283126044em;
  display: block;
  height: 0;
}
.product-card .product-subtitle::after {
  content: "";
  margin-top: -0.213126044em;
  display: block;
  height: 0;
}
.product-card .price:empty {
  display: none;
}
.product-card .variant-count p {
  font-size: 1.333rem;
  line-height: 1.6234607rem;
  padding: 0.05px 0;
  color: var(--clr-txt-grey);
  font-weight: 400;
  margin-top: var(--spacing-10);
  margin-bottom: 0;
}
.product-card .variant-count p::before {
  content: "";
  margin-top: -0.283126044em;
  display: block;
  height: 0;
}
.product-card .variant-count p::after {
  content: "";
  margin-top: -0.213126044em;
  display: block;
  height: 0;
}
.product-card .swatch-list {
  display: flex;
  flex-direction: row;
  margin-bottom: 1.1rem;
}
.product-card .swatch-list .swatch-option {
  border: 3px solid var(--clr-white);
  border-radius: 27px;
  height: 17px;
  margin-right: 3px;
  position: relative;
  width: 17px;
}
.product-card .swatch-list .swatch-option:before {
  border: solid 1px #ddd;
  border-radius: 50%;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 21px;
  margin: -3px;
  width: 21px;
}
.product-card .swatch-list .swatch-more {
  background: #F0F0F0;
  color: #4F4F4F;
  display: inline-block;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1em;
  padding: 0.6rem 0.8rem;
  border-radius: 20px;
  margin-bottom: 1.1rem;
}
.product-card .sale-text {
  color: var(--clr-sale);
  font-weight: var(--font-weight-regular);
  margin-top: var(--spacing-8);
}
.product-card .sale-text p {
  font-size: 1.11rem;
  line-height: 1.351869rem;
  padding: 0.05px 0;
  font-weight: var(--font-weight-regular);
  margin: 0;
}
.product-card .sale-text p::before {
  content: "";
  margin-top: -0.2906617117em;
  display: block;
  height: 0;
}
.product-card .sale-text p::after {
  content: "";
  margin-top: -0.2206617117em;
  display: block;
  height: 0;
}

.price {
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-regular);
  display: flex;
  align-items: baseline;
  flex-direction: column;
}
.price .price-range {
  display: flex;
  flex-direction: column;
}
.price .from {
  font-size: 1.11rem;
  line-height: 1.351869rem;
  padding: 0.05px 0;
  font-weight: var(--font-weight-regular);
  color: var(--clr-txt-grey);
  margin-bottom: var(--spacing-8);
}
.price .from::before {
  content: "";
  margin-top: -0.2906617117em;
  display: block;
  height: 0;
}
.price .from::after {
  content: "";
  margin-top: -0.2206617117em;
  display: block;
  height: 0;
}
.price .price-save {
  font-size: 1.333rem;
  line-height: 1.6234607rem;
  padding: 0.05px 0;
  color: var(--clr-sale);
  margin-bottom: var(--spacing-8);
}
.price .price-save::before {
  content: "";
  margin-top: -0.283126044em;
  display: block;
  height: 0;
}
.price .price-save::after {
  content: "";
  margin-top: -0.213126044em;
  display: block;
  height: 0;
}
.price .price-save span:not(.save) {
  margin-left: var(--spacing-5);
}
.price .final-price-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
}
.price .final-price-container [class*=price] {
  font-size: 1.6rem;
  line-height: 1.94864rem;
  padding: 0.05px 0;
}
.price .final-price-container [class*=price]::before {
  content: "";
  margin-top: -0.2768666667em;
  display: block;
  height: 0;
}
.price .final-price-container [class*=price]::after {
  content: "";
  margin-top: -0.2068666667em;
  display: block;
  height: 0;
}
.price .price-was {
  color: var(--clr-txt-grey);
  font-weight: var(--font-weight-regular);
}
.price .price-was span:not(.was) {
  text-decoration: line-through;
  margin-right: 5px;
}
.price .price-final,
.price .price-from {
  font-size: 1.6rem;
  line-height: 1.94864rem;
  padding: 0.05px 0;
  color: var(--clr-black);
  font-weight: var(--font-weight-bold);
}
.price .price-final::before,
.price .price-from::before {
  content: "";
  margin-top: -0.2768666667em;
  display: block;
  height: 0;
}
.price .price-final::after,
.price .price-from::after {
  content: "";
  margin-top: -0.2068666667em;
  display: block;
  height: 0;
}
.price .price-final.reduced-price, .price .price-final.price-reduced,
.price .price-from.reduced-price,
.price .price-from.price-reduced {
  color: var(--clr-sale);
}
.price .price-final {
  margin-bottom: 0;
}

div.products .product-card .rating span.stars:before {
  background-image: url("../../icons/stars-empty.svg") !important;
}

div.products .product-card .rating span.stars:after {
  background-image: url("../../icons/stars-filled.svg") !important;
}

#quick-buy-container .shimmer {
  margin-bottom: 0;
}
#quick-buy-container .shimmer-template {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (min-width: 1025px) {
  #quick-buy-container .inner-content {
    padding: var(--spacing-10);
    margin: var(--spacing-20) var(--spacing-20) 105px var(--spacing-20);
  }
}
@media (max-width: 1024px) {
  #quick-buy-container .inner-content {
    margin: 0 0 85px 0;
    padding: var(--spacing-15);
  }
}
#quick-buy-container .inner-content .quick-buy--scroll {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-15);
}
#quick-buy-container .inner-content .quick-buy--scroll .shimmer {
  margin-bottom: 0;
}
#quick-buy-container .inner-content .single-element {
  opacity: 1;
  pointer-events: none;
  cursor: initial;
  background-image: url("/icons/arrow_drop_down-large.svg");
  background-position: calc(100% - 2.15rem) center;
  border-color: var(--clr-border);
  background-color: var(--clr-white);
}
#quick-buy-container h2 {
  margin-bottom: 0;
  width: 100%;
  font-size: 2.44rem;
  line-height: 2.971676rem;
  padding: 0.05px 0;
}
#quick-buy-container h2::before {
  content: "";
  margin-top: -0.2661084699em;
  display: block;
  height: 0;
}
#quick-buy-container h2::after {
  content: "";
  margin-top: -0.1961084699em;
  display: block;
  height: 0;
}
#quick-buy-container .rating {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: var(--font-size-default);
  gap: var(--spacing-5);
  line-height: 13.362px;
  margin-top: -5px;
  width: 100%;
}
#quick-buy-container .rating.count-0 {
  display: none;
}
#quick-buy-container .rating .stars {
  --percent: calc(var(--rating) / 5 * 100%);
  position: relative;
  display: inline-block;
  font-size: var(--font-size-default);
  height: 1em;
  line-height: 1em;
}
#quick-buy-container .rating .stars:before {
  content: url("data:image/svg+xml,%3Csvg width='90' height='17' viewBox='0 0 90 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25125 16.9L4.6325 10.9288L0 6.9125L6.12 6.38125L8.5 0.75L10.88 6.38125L17 6.9125L12.3675 10.9288L13.7488 16.9L8.5 13.7338L3.25125 16.9Z' fill='%23F6F6F6'/%3E%3Cpath d='M21.3648 16.9L22.746 10.9288L18.1135 6.9125L24.2335 6.38125L26.6135 0.75L28.9935 6.38125L35.1135 6.9125L30.481 10.9288L31.8623 16.9L26.6135 13.7338L21.3648 16.9Z' fill='%23F6F6F6'/%3E%3Cpath d='M39.4783 16.9L40.8595 10.9288L36.227 6.9125L42.347 6.38125L44.727 0.75L47.107 6.38125L53.227 6.9125L48.5945 10.9288L49.9758 16.9L44.727 13.7338L39.4783 16.9Z' fill='%23F6F6F6'/%3E%3Cpath d='M57.5918 16.9L58.973 10.9288L54.3405 6.9125L60.4605 6.38125L62.8405 0.75L65.2205 6.38125L71.3405 6.9125L66.708 10.9288L68.0893 16.9L62.8405 13.7338L57.5918 16.9Z' fill='%23F6F6F6'/%3E%3Cpath d='M75.7053 16.9L77.0865 10.9288L72.454 6.9125L78.574 6.38125L80.954 0.75L83.334 6.38125L89.454 6.9125L84.8215 10.9288L86.2028 16.9L80.954 13.7338L75.7053 16.9Z' fill='%23F6F6F6'/%3E%3C/svg%3E%0A");
}
#quick-buy-container .rating .stars:after {
  content: url("data:image/svg+xml,%3Csvg width='90' height='17' viewBox='0 0 90 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25125 16.15L4.6325 10.1788L0 6.1625L6.12 5.63125L8.5 0L10.88 5.63125L17 6.1625L12.3675 10.1788L13.7488 16.15L8.5 12.9838L3.25125 16.15Z' fill='%23111111'/%3E%3Cpath d='M21.3648 16.15L22.746 10.1788L18.1135 6.1625L24.2335 5.63125L26.6135 0L28.9935 5.63125L35.1135 6.1625L30.481 10.1788L31.8623 16.15L26.6135 12.9838L21.3648 16.15Z' fill='%23111111'/%3E%3Cpath d='M39.4783 16.15L40.8595 10.1788L36.227 6.1625L42.347 5.63125L44.727 0L47.107 5.63125L53.227 6.1625L48.5945 10.1788L49.9758 16.15L44.727 12.9838L39.4783 16.15Z' fill='%23111111'/%3E%3Cpath d='M57.5918 16.15L58.973 10.1788L54.3405 6.1625L60.4605 5.63125L62.8405 0L65.2205 5.63125L71.3405 6.1625L66.708 10.1788L68.0893 16.15L62.8405 12.9838L57.5918 16.15Z' fill='%23111111'/%3E%3Cpath d='M75.7053 16.15L77.0865 10.1788L72.454 6.1625L78.574 5.63125L80.954 0L83.334 5.63125L89.454 6.1625L84.8215 10.1788L86.2028 16.15L80.954 12.9838L75.7053 16.15Z' fill='%23111111'/%3E%3C/svg%3E%0A");
  position: absolute;
  left: 0;
  overflow: hidden;
  width: var(--percent, 50%);
  color: var(--clr-black);
}
#quick-buy-container .rating .ratings-count-container {
  font-size: var(--font-size-default);
  letter-spacing: 0.22px;
}
#quick-buy-container .rating .ratings-count-container .count {
  color: #5A5A5A;
  font-family: var(--body-font-family);
  font-weight: var(--font-weight-light);
  text-align: left;
}
#quick-buy-container .rating .ratings-count-container .count.no-reviews {
  color: var(--clr-black);
}
#quick-buy-container .rating .ratings-count-container .count .average {
  display: none;
  font-weight: var(--font-weight-bold);
}
#quick-buy-container .rating .ratings-count-container .count .maxRating {
  font-weight: var(--font-weight-light);
}
#quick-buy-container .rating .ratings-count-container .count.no-reviews {
  font-weight: var(--font-weight-regular);
  border-bottom: 1px solid;
  padding-bottom: 1px;
  margin-left: calc(var(--spacing-5) * -1);
}
#quick-buy-container .price .from {
  display: none;
}
#quick-buy-container .price .price-final, #quick-buy-container .price .reduced-price {
  font-size: 2.278rem;
  line-height: 2.7743762rem;
  padding: 0.05px 0;
}
#quick-buy-container .price .price-final::before, #quick-buy-container .price .reduced-price::before {
  content: "";
  margin-top: -0.2675657448em;
  display: block;
  height: 0;
}
#quick-buy-container .price .price-final::after, #quick-buy-container .price .reduced-price::after {
  content: "";
  margin-top: -0.1975657448em;
  display: block;
  height: 0;
}
#quick-buy-container .price .price-from {
  margin-bottom: 0;
}
#quick-buy-container .price .price-container {
  width: 100%;
}
#quick-buy-container .sale-text {
  margin-top: var(--spacing-10);
  width: 100%;
}
#quick-buy-container .sale-text p {
  color: var(--clr-sale);
  font-size: 1.6rem;
  line-height: 1.94864rem;
  padding: 0.05px 0;
  font-weight: var(--font-weight-regular);
  margin: 0;
}
#quick-buy-container .sale-text p::before {
  content: "";
  margin-top: -0.2768666667em;
  display: block;
  height: 0;
}
#quick-buy-container .sale-text p::after {
  content: "";
  margin-top: -0.2068666667em;
  display: block;
  height: 0;
}
#quick-buy-container .serving {
  margin-bottom: 0;
  width: 100%;
}
#quick-buy-container .serving span {
  font-size: 1.6rem;
  line-height: 1.94864rem;
  padding: 0.05px 0;
}
#quick-buy-container .serving span::before {
  content: "";
  margin-top: -0.2768666667em;
  display: block;
  height: 0;
}
#quick-buy-container .serving span::after {
  content: "";
  margin-top: -0.2068666667em;
  display: block;
  height: 0;
}
#quick-buy-container .delivery {
  background-image: url("../../icons/local_shipping.svg");
  background-position: left center;
  background-size: auto;
  background-repeat: no-repeat;
  padding-left: var(--spacing-30);
  width: 100%;
}
#quick-buy-container .delivery span {
  font-weight: var(--font-weight-bold);
}
#quick-buy-container .sizeguide-link_button {
  min-height: unset !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 6px 15px;
}
#quick-buy-container .sizeguide-link_button .icon:before {
  content: "";
  display: block;
  height: 10px;
  width: 20px;
  background-image: url("../../icons/size.svg");
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: var(--spacing-5);
}
#quick-buy-container .swatch-label {
  font-size: 1.6rem;
  line-height: 1.94864rem;
  padding: 0.05px 0;
  text-transform: capitalize;
  margin-bottom: var(--spacing-15);
  display: inline-block;
}
#quick-buy-container .swatch-label::before {
  content: "";
  margin-top: -0.2768666667em;
  display: block;
  height: 0;
}
#quick-buy-container .swatch-label::after {
  content: "";
  margin-top: -0.2068666667em;
  display: block;
  height: 0;
}
#quick-buy-container .swatch-label.required {
  background-image: radial-gradient(#e53935 20%, transparent 25%), radial-gradient(#e53935 20%, transparent 25%);
  background-position: right center;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  width: fit-content;
  padding-right: 15px;
}
#quick-buy-container .swatch {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
}
#quick-buy-container .swatch.radio input > span {
  margin-left: var(--spacing-30);
}
#quick-buy-container .swatch .swatch-list.color label span {
  cursor: pointer;
  display: block;
  padding: var(--spacing-10);
}
#quick-buy-container .swatch .swatch-list.color label span .swatch-color {
  height: 3.2rem;
}
#quick-buy-container .swatch .swatch-list.color label p {
  font-size: 1.6rem;
  line-height: 1.94864rem;
  padding: 0.05px 0;
  text-align: left;
  margin-top: var(--spacing-10);
  margin-bottom: 0;
}
#quick-buy-container .swatch .swatch-list.color label p::before {
  content: "";
  margin-top: -0.2768666667em;
  display: block;
  height: 0;
}
#quick-buy-container .swatch .swatch-list.color label p::after {
  content: "";
  margin-top: -0.2068666667em;
  display: block;
  height: 0;
}
#quick-buy-container [class^=swatch-row-]:not(.swatch-row-1) label {
  width: calc(25% - 7.5px);
  margin-top: var(--spacing-10);
}
#quick-buy-container .swatch-list {
  display: flex;
  flex-direction: row;
  width: 100%;
}
#quick-buy-container .swatch-list label {
  margin-right: var(--spacing-10);
  margin-bottom: 0;
  display: block;
  width: 100%;
  text-align: center;
  font-weight: var(--font-weight-regular);
}
#quick-buy-container .swatch-list label.one-swatch {
  max-width: calc(25% - 7.5px);
}
#quick-buy-container .swatch-list label:last-child {
  margin-right: 0;
}
#quick-buy-container .swatch-list label span {
  cursor: pointer;
  display: block;
  border: 1px solid var(--clr-border);
  border-radius: var(--border-radius-l);
  background-color: var(--clr-white);
  position: relative;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#quick-buy-container .swatch-list label:hover span {
  border: 1px solid var(--clr-action);
}
#quick-buy-container .swatch-list input {
  display: none;
}
#quick-buy-container .swatch-list input[type=radio]:checked + span {
  border: 1px solid var(--clr-action);
  background-color: var(--clr-highlight);
  color: var(--clr-action);
}
#quick-buy-container .swatch-list input[type=radio]:disabled + span {
  border: 1px solid var(--clr-border);
  background-color: var(--clr-bg-grey);
  color: var(--clr-border);
  cursor: default;
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), var(--clr-border) 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%), var(--clr-bg-grey);
}
#quick-buy-container .modal-content .inner-content .button {
  min-height: 54px;
}
#quick-buy-container .modal-content .inner-content .view-full-product {
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 1.94864rem;
  padding: 0.05px 0;
  color: #15884C;
  font-weight: var(--font-weight-bold);
  border-bottom: solid 1px;
  padding-bottom: 4px;
  text-decoration: none;
  align-self: flex-start;
}
#quick-buy-container .modal-content .inner-content .view-full-product::before {
  content: "";
  margin-top: -0.2768666667em;
  display: block;
  height: 0;
}
#quick-buy-container .modal-content .inner-content .view-full-product::after {
  content: "";
  margin-top: -0.2068666667em;
  display: block;
  height: 0;
}
#quick-buy-container .modal-content .inner-content .view-full-product:focus, #quick-buy-container .modal-content .inner-content .view-full-product:hover {
  color: #15884C;
}
#quick-buy-container .modal-content .inner-content .qty-button {
  display: flex;
  position: fixed;
  background-color: #fff;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #D6D6D6;
  border-radius: 0 0 var(--border-radius-l) var(--border-radius-l);
  padding: var(--spacing-15);
}
#quick-buy-container .modal-content .inner-content .qty-button select[name=quantity] {
  padding-left: 20px;
  padding-right: 48px;
  background-position: 65% center;
  margin-right: 15px;
  width: 85px;
  height: 54px;
}
#quick-buy-container .modal-content .inner-content .cart-button {
  width: 100%;
}
@keyframes dotPulse {
  0%, 50% {
    opacity: 0.5;
  }
  75% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
#quick-buy-container .modal-content .loadingDots {
  display: flex;
  gap: var(--spacing-10);
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  height: 20px;
}
#quick-buy-container .modal-content .loadingDots span {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin: 0 2px;
  background-color: var(--clr-white);
  animation: dotPulse 1.5s infinite;
}
#quick-buy-container .modal-content .loadingDots span:nth-child(1) {
  animation-delay: 0s;
}
#quick-buy-container .modal-content .loadingDots span:nth-child(2) {
  animation-delay: 0.75s;
}
#quick-buy-container .modal-content .loadingDots span:nth-child(3) {
  animation-delay: 1s;
}

.modal-open {
  overflow: hidden;
  height: 100%;
}
@media (min-width: 1025px) {
  .modal-open.filters-open {
    overflow-y: auto;
    height: auto;
  }
  .modal-open.filters-open body {
    overflow-y: auto;
    height: auto;
  }
}

.modal {
  height: 100vh;
  height: 100dvh;
  width: 100vw;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  z-index: 999999;
}
.modal .modal-bg {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  background: var(--clr-overlay);
  cursor: pointer;
  z-index: 150;
}
@media (min-width: 1025px) {
  .modal .modal-bg .modal-bg {
    display: none;
  }
}
.modal .modal-handle {
  display: block;
  cursor: grab;
  padding: var(--spacing-10) 0 var(--spacing-15) 0;
}
.modal .modal-handle.grabbing {
  cursor: grabbing;
}
.modal .modal-handle:before {
  content: "";
  display: block;
  height: 4px;
  border-radius: 2px;
  width: 150px;
  margin: 0 auto;
  background-color: var(--clr-border);
}
.modal.active {
  visibility: visible;
}
.modal.active .modal-bg {
  visibility: visible;
  opacity: 1;
  z-index: 150;
}
.modal.active .modal-content {
  z-index: 150;
  transform: translateY(0);
  opacity: 1;
  transition: all 0.4s;
}
.modal.active .modal-content select {
  background-image: url("../../icons/arrow_drop_down.svg");
  padding: 1.58rem 2.15rem;
  height: auto;
  background-position: 95% center;
  background-size: auto;
  background-repeat: no-repeat;
}
.modal .modal-content {
  background: var(--clr-white);
  border-radius: var(--border-radius-l) var(--border-radius-l) 0 0;
  border: 0;
  position: fixed;
  opacity: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  width: 100%;
  max-height: 90%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  transform: translateY(100%);
  transition: all 0.4s;
  overflow: visible;
}
.modal .modal-content .inner-content {
  padding: 1px var(--spacing-15) var(--spacing-15) var(--spacing-15);
  overflow-y: auto;
}
.modal .modal-close {
  border: 1px solid var(--clr-border);
  border-radius: 50%;
  bottom: var(--spacing-20);
  left: var(--spacing-20);
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  white-space: nowrap;
  background-color: var(--clr-white);
  background-image: url("../../icons/close.svg");
  background-size: 15px 15px;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: -55px;
  right: var(--spacing-15);
  left: auto;
  padding: 0;
}

@media (min-width: 1025px) {
  .modal.active {
    visibility: visible;
  }
  .modal.active .modal-bg {
    visibility: visible;
    opacity: 1;
    z-index: 150;
  }
  .modal.active .modal-content {
    z-index: 150;
    transform: translate(-50%, -50%);
    height: max-content;
    max-height: 75%;
    opacity: 1;
    transition: opacity 0.4s;
  }
  .modal.active .inner-content {
    padding: var(--spacing-10);
  }
  .modal .modal-content {
    display: flex;
    flex-direction: column;
    overflow: visible;
    background: var(--clr-white);
    border-radius: var(--border-radius-l);
    position: fixed;
    width: 100%;
    height: max-content;
    max-height: 75%;
    max-width: 527px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s;
  }
  .modal .modal-handle {
    display: none;
  }
  .modal .modal-close {
    right: var(--spacing-15);
  }
}
#store-switcher-container .modal-content .inner-content ul {
  padding: 0;
  list-style: none;
}
#store-switcher-container .modal-content .inner-content ul.topStoreSwitcherList {
  border-radius: var(--border-radius-l);
}
#store-switcher-container .modal-content .inner-content ul.topStoreSwitcherList li:first-child {
  background: var(--clr-highlight);
  border-color: var(--clr-selected);
}
#store-switcher-container .modal-content .inner-content ul li {
  height: 63px;
  border: solid 1px var(--clr-border);
  border-top: 0px;
  display: flex;
  align-items: center;
  padding-left: 21.5px;
  cursor: pointer;
}
#store-switcher-container .modal-content .inner-content ul li:first-child {
  border-top: solid 1px var(--clr-border);
  border-top-left-radius: var(--border-radius-l);
  border-top-right-radius: var(--border-radius-l);
}
#store-switcher-container .modal-content .inner-content ul li:last-child {
  border-bottom-left-radius: var(--border-radius-l);
  border-bottom-right-radius: var(--border-radius-l);
}
#store-switcher-container .modal-content .inner-content ul li p {
  font-weight: var(--font-weight-bold);
  margin: 0;
  display: flex;
  column-gap: var(--spacing-10);
}
#store-switcher-container .modal-content .inner-content ul li p .country-flag {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: var(--border-radius-l);
  overflow: hidden;
  position: relative;
}
#store-switcher-container .modal-content .inner-content ul li p img {
  cursor: pointer;
  max-width: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 28px;
  width: 28px;
}
#store-switcher-container .modal-content .inner-content ul li p span {
  font-weight: var(--font-weight-regular);
  color: var(--clr-txt-grey);
}

@media (min-width: 1025px) {
  #store-switcher-container .modal-content {
    max-width: 607px;
    padding: var(--spacing-30) var(--spacing-30) 0 var(--spacing-30);
  }
  #store-switcher-container .modal-content .inner-content {
    padding: 1px 0 0 0;
  }
}
.geoip-outer-container {
  background-color: #F6F6F6;
  color: var(--clr-black);
  padding: 20px;
}
.geoip-outer-container:empty {
  padding: 0;
}
.geoip-outer-container-content {
  display: flex;
  flex-direction: column;
  max-width: 1360px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .geoip-outer-container-content {
    flex-direction: row; /* Ensure elements appear next to each other */
    align-items: center;
  }
}
.geoip-outer-container-content .geoip-text-image-container {
  display: flex;
  flex-direction: row;
}
.geoip-outer-container-content .geoip-text-image-container img {
  height: 44px;
  width: 44px;
  border-radius: 50px;
  object-fit: cover;
  margin-right: 20px;
}
.geoip-outer-container-content .geoip-text-image-container .geoip-message {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.geoip-outer-container-content .geoip-text-image-container .geoip-message p {
  font-size: 1.6rem;
  line-height: 1.94864rem;
  padding: 0.05px 0;
  margin-bottom: 10px;
}
.geoip-outer-container-content .geoip-text-image-container .geoip-message p::before {
  content: "";
  margin-top: -0.2768666667em;
  display: block;
  height: 0;
}
.geoip-outer-container-content .geoip-text-image-container .geoip-message p::after {
  content: "";
  margin-top: -0.2068666667em;
  display: block;
  height: 0;
}
.geoip-outer-container-content .geoip-text-image-container .geoip-message p:last-child {
  margin-bottom: 0;
}
.geoip-outer-container-content .geoip-buttons-container {
  display: flex;
  align-items: center;
  margin: 20px 0 0 0;
  font-weight: var(--font-weight-bold);
}
@media (min-width: 1025px) {
  .geoip-outer-container-content .geoip-buttons-container {
    margin: 0 0 0 auto;
  }
}
@media (max-width: 1024px) {
  .geoip-outer-container-content .geoip-buttons-container button.geoip-redirect-button {
    width: 100%;
  }
}
.geoip-outer-container-content .geoip-buttons-container .geoip-close-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  width: 54px;
  background-color: #ffffff;
  border: solid 1px #D6D6D6;
  border-radius: 50%;
  margin-left: 20px;
}
.geoip-outer-container-content .geoip-buttons-container .geoip-close-button span.geoip-close-button-icon {
  margin-top: 4px;
}

.breadcrumbs {
  display: flex;
  margin: auto;
  margin-top: 20px;
  align-items: baseline;
  justify-content: center;
  min-height: 1.7rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin: 0;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.breadcrumbs ol, .breadcrumbs ul {
  width: var(--desktop-max-width);
  list-style: none;
  margin: 0;
  display: flex;
  padding: 0;
}
.breadcrumbs ol li, .breadcrumbs ul li {
  display: flex;
  white-space: nowrap;
  align-items: center;
}
.breadcrumbs ol li:not(:last-child):after, .breadcrumbs ul li:not(:last-child):after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  background-image: url(../../icons/chevron_right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 var(--spacing-10);
  align-items: center;
}
.breadcrumbs ol .breadcrumb-home-icon, .breadcrumbs ul .breadcrumb-home-icon {
  display: inline-block;
  font-size: 0;
  width: 9px;
  height: 10px;
  background-image: url("../../icons/home.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.breadcrumbs ol a:has(.breadcrumb-home-icon), .breadcrumbs ul a:has(.breadcrumb-home-icon) {
  font-size: 0;
}
.breadcrumbs ol a, .breadcrumbs ul a {
  color: inherit;
  text-decoration: none;
  font-weight: normal;
  vertical-align: middle;
  font-size: var(--font-size-small);
}
.breadcrumbs ol a:hover, .breadcrumbs ul a:hover {
  cursor: pointer;
}
.breadcrumbs ol span, .breadcrumbs ul span {
  font-size: var(--font-size-small);
}
.breadcrumbs ol li strong, .breadcrumbs ul li strong {
  font-weight: 400;
  font-size: var(--font-size-small);
}

.lozenge-list {
  max-width: 100%;
  padding-left: var(--mobile-gutter);
  padding-right: var(--mobile-gutter);
  margin-top: var(--spacing-30);
  display: block;
}
.lozenge-list h2 {
  font-size: 2.883rem;
  line-height: 3.5112057rem;
  padding: 0.05px 0;
  margin-bottom: var(--spacing-30);
}
.lozenge-list h2::before {
  content: "";
  margin-top: -0.2629597121em;
  display: block;
  height: 0;
}
.lozenge-list h2::after {
  content: "";
  margin-top: -0.1929597121em;
  display: block;
  height: 0;
}
.lozenge-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
  gap: var(--spacing-10);
}
.lozenge-list ul li {
  list-style: none;
}
.lozenge-list ul a {
  color: var(--clr-black);
  background: var(--clr-bg-grey);
  display: block;
  font-size: 1.333rem;
  line-height: 1.6234607rem;
  padding: 0.05px 0;
  padding: var(--spacing-10);
  border-radius: var(--border-radius-l);
  font-weight: var(--font-weight-regular);
}
.lozenge-list ul a::before {
  content: "";
  margin-top: -0.283126044em;
  display: block;
  height: 0;
}
.lozenge-list ul a::after {
  content: "";
  margin-top: -0.213126044em;
  display: block;
  height: 0;
}
.lozenge-list ul a:hover, .lozenge-list ul a:focus {
  text-decoration: none;
}

.category-pill {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.category-pill::-webkit-scrollbar {
  display: none;
}

.category-pill ul {
  display: flex;
  gap: 10px;
  margin: 0 auto var(--spacing-40) auto;
  padding: 0;
  width: 100%;
  max-width: var(--desktop-max-width);
  list-style: none;
}

.category-pill ul li {
  flex-shrink: 0;
}

.category-pill li a {
  font-size: 1.6rem;
  line-height: 1.94864rem;
  padding: 0.05px 0;
  display: block;
  border: solid 1px rgb(214, 214, 214);
  border-radius: 29px;
  text-decoration: none;
  font-weight: 400;
  color: rgb(17, 17, 17);
  white-space: nowrap;
  background: white;
}
.category-pill li a::before {
  content: "";
  margin-top: -0.2768666667em;
  display: block;
  height: 0;
}
.category-pill li a::after {
  content: "";
  margin-top: -0.2068666667em;
  display: block;
  height: 0;
}

@media (min-width: 1025px) {
  .category-pill li a {
    padding: 13.63px 15px;
  }
  .category-pill ul li:last-of-type {
    border-right: solid var(--desktop-gutter) transparent;
  }
}
@media (max-width: 1024px) {
  .category-pill li a {
    padding: 12.63px 15px;
  }
  .category-pill ul li:last-of-type {
    border-right: solid var(--mobile-gutter) transparent;
  }
}
body.checkout-onepage-success .page-wrapper #order-summary-container .order-payment-method .payment-methods td {
  vertical-align: middle;
}
body.checkout-onepage-success .page-wrapper #order-summary-container .order-payment-method .payment-methods td img {
  width: auto;
  height: 25px;
  margin-right: 5px;
}
body.checkout-onepage-success .page-wrapper #order-summary-container .order-payment-method .payment-methods td p {
  margin-bottom: 0;
}

body .basket-prime__popup-authentication .protection-note a:link {
  font-size: inherit;
  font-weight: inherit;
}
body .basket-prime__popup-authentication button.secondary {
  border: 0;
}

body.commerce-bridge .items-in-basket-container {
  display: none;
}
body.commerce-bridge .klevuVoiceSearchImage {
  display: none !important;
}

body.commerce-bridge.customer-account-create .field.subscription input {
  display: none;
}
body.commerce-bridge.customer-account-create .field.subscription label p {
  font-size: 10px !important;
}
body.commerce-bridge.customer-account-create .field.subscription label p a {
  font-size: 10px !important;
}

.commerce-bridge .modal-close:before {
  display: none;
}
.commerce-bridge .modal-close:after {
  display: none;
}

.commerce-bridge.modal-open {
  overflow: auto;
}

@media (max-width: 767px) {
  .commerce-bridge.checkout-cart-index .product-slider-constructor .list ol, .commerce-bridge.checkout-cart-index .product-slider-constructor .product-grid ol, .commerce-bridge.checkout-cart-index .basket-delivery-threshold .list ol, .commerce-bridge.checkout-cart-index .basket-delivery-threshold .product-grid ol {
    display: flex;
    flex-wrap: wrap;
  }
  .commerce-bridge.checkout-cart-index .product-slider-constructor .list ol li, .commerce-bridge.checkout-cart-index .product-slider-constructor .product-grid ol li, .commerce-bridge.checkout-cart-index .basket-delivery-threshold .list ol li, .commerce-bridge.checkout-cart-index .basket-delivery-threshold .product-grid ol li {
    flex: 0 0 calc(50% - 7.5px) !important;
    justify-content: start !important;
    align-items: start !important;
  }
}
@font-face {
  font-family: roboto-fallback;
  size-adjust: 100.06%;
  ascent-override: 95%;
  src: local("Arial");
}
html, body {
  height: 100%;
}

:root {
  overscroll-behavior: none;
}

html {
  font-size: 62.5%;
  overflow-x: auto;
}

body {
  font-family: var(--body-font-family);
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-regular);
  color: var(--clr-black);
  background-color: var(--clr-white);
  line-height: var(--default-line-height);
  margin: 0;
  display: none;
}
body * {
  box-sizing: border-box;
}

img {
  width: 100%;
  height: auto;
}

body.appear {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--heading-font-family);
  font-weight: 600;
  line-height: var(--heading-line-height);
  margin-bottom: 2rem;
  margin-top: 0;
  text-transform: none;
}

h1 {
  font-size: 3.244rem;
  line-height: 3.9508676rem;
  padding: 0.05px 0;
}
h1::before {
  content: "";
  margin-top: -0.261029737em;
  display: block;
  height: 0;
}
h1::after {
  content: "";
  margin-top: -0.191029737em;
  display: block;
  height: 0;
}

h2 {
  font-size: 2.883rem;
  line-height: 3.5112057rem;
  padding: 0.05px 0;
}
h2::before {
  content: "";
  margin-top: -0.2629597121em;
  display: block;
  height: 0;
}
h2::after {
  content: "";
  margin-top: -0.1929597121em;
  display: block;
  height: 0;
}

h3 {
  font-size: 2.563rem;
  line-height: 3.1214777rem;
  padding: 0.05px 0;
}
h3::before {
  content: "";
  margin-top: -0.2651250553em;
  display: block;
  height: 0;
}
h3::after {
  content: "";
  margin-top: -0.1951250553em;
  display: block;
  height: 0;
}

h4 {
  font-size: 2.278rem;
  line-height: 2.7743762rem;
  padding: 0.05px 0;
}
h4::before {
  content: "";
  margin-top: -0.2675657448em;
  display: block;
  height: 0;
}
h4::after {
  content: "";
  margin-top: -0.1975657448em;
  display: block;
  height: 0;
}

h5 {
  font-size: 2.025rem;
  line-height: 2.4662475rem;
  padding: 0.05px 0;
}
h5::before {
  content: "";
  margin-top: -0.2703080247em;
  display: block;
  height: 0;
}
h5::after {
  content: "";
  margin-top: -0.2003080247em;
  display: block;
  height: 0;
}

h6 {
  font-size: 1.8rem;
  line-height: 2.19222rem;
  padding: 0.05px 0;
}
h6::before {
  content: "";
  margin-top: -0.2733944444em;
  display: block;
  height: 0;
}
h6::after {
  content: "";
  margin-top: -0.2033944444em;
  display: block;
  height: 0;
}

p,
dl,
ol,
ul,
pre,
blockquote {
  font-size: var(--font-size-default);
  line-height: var(--default-line-height);
  margin-bottom: var(--spacing-20);
  margin-top: 0;
}

hr {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  border: 0;
  border-bottom: 1px solid var(--overlay-background-color);
}

code,
pre,
samp {
  font-family: var(--fixed-font-family);
  font-size: var(--body-font-size);
}

code,
samp {
  padding: 0.125em;
}

pre {
  overflow: scroll;
}

main pre {
  background-color: var(--overlay-background-color);
  padding: 1em;
  border-radius: 0.25em;
  overflow-x: auto;
  white-space: pre;
}

main blockquote {
  font-style: italic;
  margin: 3rem;
  text-indent: -1rem;
  hanging-punctuation: first;
}

main blockquote p::before {
  content: "“";
  line-height: 0;
}

main blockquote p::after {
  content: "”";
  line-height: 0;
}

main img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.icon img {
  height: auto;
  width: 100%;
}

.section > div {
  max-width: calc(100vw - var(--mobile-gutter) * 2);
  margin: 0 auto;
}

#nav-ssg, #footer-ssg {
  display: none;
}

header {
  min-height: 182px;
}
header > #store-switcher {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

@media (min-width: 1025px) {
  header {
    min-height: 164px;
  }
  .section > div {
    max-width: var(--desktop-max-width);
    padding-left: var(--desktop-gutter);
    padding-right: var(--desktop-gutter);
    margin: 0 auto;
  }
}
.lozenge-list {
  max-width: 100%;
  padding-left: var(--mobile-gutter);
  padding-right: var(--mobile-gutter);
  margin-top: var(--spacing-30);
  display: block;
}
.lozenge-list h2 {
  font-size: 2.883rem;
  line-height: 3.5112057rem;
  padding: 0.05px 0;
  margin-bottom: var(--spacing-30);
}
.lozenge-list h2::before {
  content: "";
  margin-top: -0.2629597121em;
  display: block;
  height: 0;
}
.lozenge-list h2::after {
  content: "";
  margin-top: -0.1929597121em;
  display: block;
  height: 0;
}
.lozenge-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
  gap: var(--spacing-10);
}
.lozenge-list ul li {
  list-style: none;
}
.lozenge-list ul a {
  color: var(--clr-black);
  background: var(--clr-bg-grey);
  display: block;
  font-size: 1.333rem;
  line-height: 1.6234607rem;
  padding: 0.05px 0;
  padding: var(--spacing-10);
  border-radius: var(--border-radius-l);
  font-weight: var(--font-weight-regular);
}
.lozenge-list ul a::before {
  content: "";
  margin-top: -0.283126044em;
  display: block;
  height: 0;
}
.lozenge-list ul a::after {
  content: "";
  margin-top: -0.213126044em;
  display: block;
  height: 0;
}
.lozenge-list ul a:hover, .lozenge-list ul a:focus {
  text-decoration: none;
}

main {
  padding-top: var(--spacing-15);
  margin-bottom: var(--spacing-30);
}
@media (min-width: 1025px) {
  main {
    padding-top: var(--spacing-20);
  }
}

.hamburger-close {
  display: none;
}

/* section metadata */
main .section.highlight {
  background-color: var(--highlight-background-color);
}

.content main {
  margin-bottom: 200px;
}
.content main .content-title, .content main .content-end, .content main .code-confirmation {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 100px auto 0;
  text-align: center;
}
.content main .content-title h1, .content main .content-title h1 + p, .content main .content-end h1, .content main .content-end h1 + p, .content main .code-confirmation h1, .content main .code-confirmation h1 + p {
  text-align: center;
}
.content main .content-title h1, .content main .content-end h1, .content main .code-confirmation h1 {
  font-size: 50px;
  line-height: 50px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0;
}
.content main .content-title h1 ~ p, .content main .content-end h1 ~ p, .content main .code-confirmation h1 ~ p {
  margin: 10px auto !important;
  max-width: 70%;
  font-family: proxima-nova, proxima nova;
  font-size: 20px;
  color: #727272;
  padding: 0;
  width: 100%;
}
@media (max-width: 767px) {
  .content main .content-title h1, .content main .content-title h1 + p, .content main .content-end h1, .content main .content-end h1 + p, .content main .code-confirmation h1, .content main .code-confirmation h1 + p {
    text-align: left;
    margin: unset;
    max-width: unset;
  }
  .content main .content-title h1, .content main .content-end h1, .content main .code-confirmation h1 {
    font-size: 28px;
    line-height: 28px;
    width: calc(100% - 30px);
  }
}
.content main .content-center h2 {
  text-align: center;
  font-size: 50px;
  line-height: 50px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0;
}
.content main .content-center h2 ~ p {
  text-align: center;
  font-size: 20px;
}
.content main .quote-container {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 100px auto 0;
  text-align: center;
}
.content main .quote-container h1 {
  align-items: center;
}
.content main .quote-container p {
  font-family: proxima-nova, proxima nova;
  font-size: 20px;
  color: #727272;
  padding: 0;
  margin: 10px 0 20px;
  width: 100%;
  text-align: justify;
}
.content main .content-signature p {
  color: rgb(68, 68, 68);
  font-size: 14px;
}
.content main .content-signature img {
  height: 70px;
  width: 240px;
}
.content main .content-end {
  padding-left: 10%;
  padding-right: 10%;
}
.content main .content-end p {
  padding-left: 15%;
  padding-right: 15%;
}
.content main .section {
  margin-top: 5rem;
}
@media (min-width: 768px) {
  .content main .section {
    margin-top: 10rem;
  }
}
@media (max-width: 1024px) {
  .content main .content-dark .columns-wrapper {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0 var(--mobile-gutter);
  }
}
.content main .content-dark div {
  background-color: #000;
  color: #FFF;
}
.content main .content-dark div a {
  color: #FFF;
}
@media (max-width: 767px) {
  .content main .code-confirmation h1 {
    text-align: center;
  }
}
.content main .code-confirmation h2 {
  font-size: 43px;
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  line-height: 91px;
  height: 70px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #898989;
  margin-top: 31px;
  margin-bottom: 9px;
}
.content main .code-confirmation p i {
  color: #707070;
  text-align: center;
  font-size: 10px;
  line-height: 14px;
  margin: 0;
}
.content main .code-confirmation a {
  background-color: #000;
  border: 0;
  color: #fff !important;
  border-radius: 21px;
  display: inline-block;
  text-align: center;
  width: 50%;
}
.content h2 {
  font-size: 30px;
  line-height: 30px;
  margin: 0 0 10px;
  padding: 0;
  text-transform: uppercase;
}
.content h2 ~ p {
  font-size: 16px !important;
  color: #727272;
  margin-bottom: 20px;
}
.content .quote-container {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 100px auto 0;
  text-align: center;
}
.content .quote-container h1 {
  align-items: center;
}
.content .quote-container p {
  font-family: proxima-nova, proxima nova;
  font-size: 20px;
  color: #727272;
  padding: 0;
  margin: 10px 0 20px;
  width: 100%;
  text-align: justify;
}
.content .content-signature p {
  color: rgb(68, 68, 68);
  font-size: 14px;
}
.content .content-signature img {
  height: 70px;
  width: 240px;
}
.content .content-end {
  padding-left: 10%;
  padding-right: 10%;
}
.content .content-end p {
  padding-left: 15%;
  padding-right: 15%;
}
@media (min-width: 1025px) {
  .content .side-banner, .content .affiliate {
    margin: 0px 200px 100px;
  }
}
.content .side-banner h2, .content .affiliate h2 {
  padding-bottom: 0;
  margin-bottom: 10px;
  font-size: 16px;
  text-decoration: underline;
}
.content .side-banner > div p:nth-child(1) {
  float: left;
  margin-right: 50px;
}

#product-recommendations-container .modal.active .modal-content {
  padding: 0;
}
@media (min-width: 1025px) {
  #product-recommendations-container .modal.active .modal-content {
    max-width: 880px;
    max-height: 596.4px;
    height: calc(100% - 135px);
    transform: translate(-50%, calc(-50% + 55px));
  }
}
#product-recommendations-container .modal.active .modal-content #product-recommendations-popup {
  display: contents;
}
#product-recommendations-container .modal.active .modal-content .product-grid {
  margin-top: 35px;
  position: absolute;
  overflow: auto;
  width: 100%;
  overscroll-behavior: none;
}
@media (min-width: 1025px) {
  #product-recommendations-container .modal.active .modal-content #recommendations-container {
    min-height: 455.4px;
  }
  #product-recommendations-container .modal.active .modal-content #recommendations-container .product-grid {
    height: calc(100% - 271px);
    padding: 0 30px;
  }
}
@media (max-width: 1024px) {
  #product-recommendations-container .modal.active .modal-content #recommendations-container {
    min-height: 400px;
  }
  #product-recommendations-container .modal.active .modal-content #recommendations-container .product-grid {
    height: calc(100% - 249px);
    padding: 0 15px;
  }
}
#product-recommendations-container .modal .inner-content {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  min-height: var(--spacing-80);
  padding: 0 0 var(--spacing-15) 0;
  border-bottom: solid 1px #D6D6D6;
  margin-bottom: var(--spacing-20);
  overflow: hidden;
}
@media (min-width: 1025px) {
  #product-recommendations-container .modal .inner-content {
    margin-right: var(--spacing-30);
    margin-left: var(--spacing-30);
    padding: var(--spacing-30) 0;
  }
}
@media (max-width: 1024px) {
  #product-recommendations-container .modal .inner-content {
    margin-right: var(--spacing-15);
    margin-left: var(--spacing-15);
    padding: var(--spacing-15) 0;
  }
}
#product-recommendations-container .modal .inner-content .product-info {
  display: flex;
  align-items: center;
}
#product-recommendations-container .modal .inner-content .product-name-container {
  padding: var(--spacing-10) 0 var(--spacing-10) var(--spacing-30);
  background-image: url("../../../icons/green-tick-thin.svg");
  background-repeat: no-repeat;
  background-position: left center;
}
#product-recommendations-container .modal .inner-content .product-name-container span {
  color: #419753;
  font-weight: 600;
}
#product-recommendations-container .modal .inner-content .products-container {
  display: flex;
  gap: 9px;
  margin-right: var(--spacing-15);
}
#product-recommendations-container .modal .inner-content .products-container .product-image-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  overflow: hidden;
}
#product-recommendations-container .modal .inner-content .products-container .product-image-container img {
  border: 1px solid var(--clr-border);
  border-radius: inherit;
  position: static;
}
#product-recommendations-container .modal h2.product-grid-buy-box-header {
  font-size: 2.025rem;
  line-height: 2.4662475rem;
  padding: 0.05px 0;
  font-weight: 600;
  max-width: 300px;
  position: absolute;
}
#product-recommendations-container .modal h2.product-grid-buy-box-header::before {
  content: "";
  margin-top: -0.2703080247em;
  display: block;
  height: 0;
}
#product-recommendations-container .modal h2.product-grid-buy-box-header::after {
  content: "";
  margin-top: -0.2003080247em;
  display: block;
  height: 0;
}
@media (min-width: 1025px) {
  #product-recommendations-container .modal h2.product-grid-buy-box-header {
    margin: 0 var(--spacing-30) var(--spacing-20) var(--spacing-30);
  }
}
@media (max-width: 1024px) {
  #product-recommendations-container .modal h2.product-grid-buy-box-header {
    margin: 0 var(--spacing-15) var(--spacing-20) var(--spacing-15);
  }
}
#product-recommendations-container .modal .product-recommendations-popup .product-grid ol {
  list-style-type: none;
  display: flex !important;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  gap: var(--spacing-15);
}
#product-recommendations-container .modal .product-recommendations-popup .product-grid ol:after {
  content: "";
  display: block;
  flex-shrink: 0;
}
@media (min-width: 1025px) {
  #product-recommendations-container .modal .product-recommendations-popup .product-grid ol:after {
    width: 10px;
  }
}
@media (max-width: 1026px) {
  #product-recommendations-container .modal .product-recommendations-popup .product-grid ol:after {
    width: 1px;
  }
}
#product-recommendations-container .modal .product-recommendations-popup .product-grid ol li.product-card {
  max-width: 215.33px;
}
#product-recommendations-container .modal .product-recommendations-popup .product-grid ol li.product-card .shimmer-picture {
  height: 180px;
}
#product-recommendations-container .modal .product-recommendations-popup .product-grid ol li.product-card a .picture-container {
  border: 0;
}
#product-recommendations-container .modal .product-recommendations-popup .product-grid ol li.product-card a .picture-container img {
  position: static;
  border: 1px solid var(--clr-border);
  max-width: inherit;
  height: 180px;
  object-fit: contain;
  aspect-ratio: auto;
  border-radius: 10px;
}
#product-recommendations-container .modal .action-buttons {
  display: flex;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  border-top: solid 1px #D6D6D6;
  background-color: #FFF;
  z-index: 1;
}
#product-recommendations-container .modal .action-buttons .cart-button {
  min-width: 162.41px;
}
@keyframes dotPulse {
  0%, 100% {
    background-color: var(--clr-white);
  }
  50% {
    background-color: var(--clr-action);
  }
}
#product-recommendations-container .modal .action-buttons .cart-button .loadingDots {
  display: flex;
  gap: var(--spacing-10);
  justify-content: center;
  align-items: center;
  height: 20px;
}
#product-recommendations-container .modal .action-buttons .cart-button .loadingDots span {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin: 0 var(--spacing-5);
  background-color: var(--clr-white);
  animation: dotPulse 1.5s infinite;
}
#product-recommendations-container .modal .action-buttons .cart-button .loadingDots span:nth-child(1) {
  animation-delay: 0s;
}
#product-recommendations-container .modal .action-buttons .cart-button .loadingDots span:nth-child(2) {
  animation-delay: 0.5s;
}
#product-recommendations-container .modal .action-buttons .cart-button .loadingDots span:nth-child(3) {
  animation-delay: 1s;
}
@media (min-width: 1025px) {
  #product-recommendations-container .modal .action-buttons {
    justify-content: flex-end;
    padding: var(--spacing-30);
    border-radius: 0 0 var(--border-radius-l) var(--border-radius-l);
  }
  #product-recommendations-container .modal .action-buttons .secondary {
    margin-right: 20px;
  }
}
@media (max-width: 1024px) {
  #product-recommendations-container .modal .action-buttons {
    padding: var(--spacing-15);
    gap: var(--spacing-15);
  }
  #product-recommendations-container .modal .action-buttons .button {
    min-width: unset;
    width: 50%;
  }
}
@media (min-width: 1025px) {
  #product-recommendations-container .product-card {
    flex: 0 0 calc(25% + var(--spacing-15));
  }
}
@media (max-width: 1024px) {
  #product-recommendations-container .product-card {
    flex: 0 0 calc(50% - 27px);
  }
}