/** Shopify CDN: Minification failed

Line 18443:7 Expected ":"
Line 18541:0 Comments in CSS use "/* ... */" instead of "//"
Line 23658:2 Unexpected "}"

**/

@font-face {
  font-family: Cabin;
  font-weight: 400;
  font-style: normal;
  font-display: auto;
  src: url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_n4.cefc6494a78f87584a6f312fea532919154f66fe.woff2") format("woff2"),
       url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_n4.8c16611b00f59d27f4b27ce4328dfe514ce77517.woff") format("woff");
}

@font-face {
  font-family: Cabin;
  font-weight: 400;
  font-style: italic;
  font-display: auto;
  src: url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_i4.d89c1b32b09ecbc46c12781fcf7b2085f17c0be9.woff2") format("woff2"),
       url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_i4.0a521b11d0b69adfc41e22a263eec7c02aecfe99.woff") format("woff");
}

@font-face {
  font-family: Cabin;
  font-weight: 700;
  font-style: normal;
  font-display: auto;
  src: url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_n7.255204a342bfdbc9ae2017bd4e6a90f8dbb2f561.woff2") format("woff2"),
       url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_n7.e2afa22a0d0f4b64da3569c990897429d40ff5c0.woff") format("woff");
}

  @font-face {
  font-family: Cabin;
  font-weight: 700;
  font-style: italic;
  font-display: auto;
  src: url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_i7.ef2404c08a493e7ccbc92d8c39adf683f40e1fb5.woff2") format("woff2"),
       url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_i7.480421791818000fc8a5d4134822321b5d7964f8.woff") format("woff");
}

@font-face {
  font-family: Cabin;
  font-weight: 700;
  font-style: normal;
  font-display: auto;
  src: url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_n7.255204a342bfdbc9ae2017bd4e6a90f8dbb2f561.woff2") format("woff2"),
       url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_n7.e2afa22a0d0f4b64da3569c990897429d40ff5c0.woff") format("woff");
}

@font-face {
  font-family: Cabin;
  font-weight: 700;
  font-style: italic;
  font-display: auto;
  src: url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_i7.ef2404c08a493e7ccbc92d8c39adf683f40e1fb5.woff2") format("woff2"),
       url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_i7.480421791818000fc8a5d4134822321b5d7964f8.woff") format("woff");
}


  
@font-face {
  font-family: Cabin;
  font-weight: 400;
  font-style: normal;
  font-display: auto;
  src: url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_n4.cefc6494a78f87584a6f312fea532919154f66fe.woff2") format("woff2"),
       url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_n4.8c16611b00f59d27f4b27ce4328dfe514ce77517.woff") format("woff");
}

  @font-face {
  font-family: Cabin;
  font-weight: 400;
  font-style: italic;
  font-display: auto;
  src: url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_i4.d89c1b32b09ecbc46c12781fcf7b2085f17c0be9.woff2") format("woff2"),
       url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_i4.0a521b11d0b69adfc41e22a263eec7c02aecfe99.woff") format("woff");
}

 @font-face {
  font-family: Cabin;
  font-weight: 600;
  font-style: normal;
  font-display: auto;
  src: url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_n6.c6b1e64927bbec1c65aab7077888fb033480c4f7.woff2") format("woff2"),
       url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_n6.6c2e65d54c893ad9f1390da3b810b8e6cf976a4f.woff") format("woff");
}

@font-face {
  font-family: Cabin;
  font-weight: 600;
  font-style: italic;
  font-display: auto;
  src: url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_i6.f09e39e860dd73a664673caf87e5a0b93b584340.woff2") format("woff2"),
       url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_i6.5b37bf1fce036a7ee54dbf8fb86341d9c8883ee1.woff") format("woff");
}

 @font-face {
  font-family: Cabin;
  font-weight: 600;
  font-style: normal;
  font-display: auto;
  src: url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_n6.c6b1e64927bbec1c65aab7077888fb033480c4f7.woff2") format("woff2"),
       url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_n6.6c2e65d54c893ad9f1390da3b810b8e6cf976a4f.woff") format("woff");
}

@font-face {
  font-family: Cabin;
  font-weight: 600;
  font-style: italic;
  font-display: auto;
  src: url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_i6.f09e39e860dd73a664673caf87e5a0b93b584340.woff2") format("woff2"),
       url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_i6.5b37bf1fce036a7ee54dbf8fb86341d9c8883ee1.woff") format("woff");
}


@font-face {
  font-family: Cabin;
  font-weight: 600;
  font-style: normal;
  font-display: auto;
  src: url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_n6.c6b1e64927bbec1c65aab7077888fb033480c4f7.woff2") format("woff2"),
       url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_n6.6c2e65d54c893ad9f1390da3b810b8e6cf976a4f.woff") format("woff");
}

@font-face {
  font-family: Cabin;
  font-weight: 600;
  font-style: italic;
  font-display: auto;
  src: url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_i6.f09e39e860dd73a664673caf87e5a0b93b584340.woff2") format("woff2"),
       url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_i6.5b37bf1fce036a7ee54dbf8fb86341d9c8883ee1.woff") format("woff");
}


@font-face {
  font-family: Cabin;
  font-weight: 700;
  font-style: normal;
  font-display: auto;
  src: url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_n7.255204a342bfdbc9ae2017bd4e6a90f8dbb2f561.woff2") format("woff2"),
       url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_n7.e2afa22a0d0f4b64da3569c990897429d40ff5c0.woff") format("woff");
}

@font-face {
  font-family: Cabin;
  font-weight: 700;
  font-style: italic;
  font-display: auto;
  src: url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_i7.ef2404c08a493e7ccbc92d8c39adf683f40e1fb5.woff2") format("woff2"),
       url("//udev04.myshopify.com/cdn/fonts/cabin/cabin_i7.480421791818000fc8a5d4134822321b5d7964f8.woff") format("woff");
}



    :root {--font-size-heading-large: 2.125rem;
  
--font-size-heading-medium: 1.875rem;
  
--font-size-heading-1: 1.75rem;
  
--font-size-heading-2: 1.625rem;
  
--font-size-heading-3: 1.5rem;
  
--font-size-heading-4: 1.25rem;
  
--font-size-heading-5: 1.125rem;
  
--font-size-heading-6: 1.125rem;
  
--font-size-body-larger: 1.375rem;
  
--font-size-body-large: 1.25rem;
  
--font-size-body-medium: 1.125rem;
  
--font-size-body: 1.0rem;
  
--font-size-body-small: 0.9375rem;
  
--font-size-body-smaller: 0.875rem;
  
--font-size-body-smallest: 0.8125rem;
  
--font-size-body-tiny: 0.75rem;
  
--font-size-button-small: 0.875rem;
  
--font-size-button-medium: 1.0rem;
  
--font-size-button-large: 1.125rem;
  
--font-size-button-x-large: 1.3125rem;
  
--font-size-menu-large: 1.0625rem;
  
--font-size-menu: 1.0rem;
  
--font-size-input: 1.0rem;
  
--font-size-section-heading: 1.25rem;
  
--font-size-menu-body-medium: 1.125rem;
  
--font-size-menu-body-small: 0.9375rem;
  
--font-size-heading-body-small: 0.9375rem;
  
--font-size-heading-body-smaller: 0.875rem;
  
--font-size-heading-slideshow: 1.9921875rem;
  
}@media screen and (max-width: 719px) {
      :root {--font-size-heading-large: 1.9921875rem;
  
}}@media screen and (max-width: 859px) {
      :root {--font-size-heading-medium: 1.7578125rem;
  
--font-size-heading-1: 1.640625rem;
  
--font-size-heading-2: 1.5234375rem;
  
--font-size-heading-3: 1.40625rem;
  
--font-size-heading-4: 1.171875rem;
  
--font-size-heading-5: 1.0546875rem;
  
--font-size-heading-6: 1.0546875rem;
  
--font-size-body-larger: 1.2890625rem;
  
--font-size-body-large: 1.171875rem;
  
--font-size-body-medium: 1.0546875rem;
  
--font-size-body: 0.9375rem;
  
--font-size-body-small: 0.87890625rem;
  
--font-size-body-smaller: 0.8203125rem;
  
--font-size-body-smallest: 0.76171875rem;
  
--font-size-body-tiny: 0.703125rem;
  
--font-size-button-small: 0.8203125rem;
  
--font-size-button-medium: 0.875rem;
  
--font-size-button-large: 0.9921875rem;
  
--font-size-button-x-large: 1.16796875rem;
  
--font-size-menu-large: 0.93359375rem;
  
--font-size-menu: 0.9375rem;
  
--font-size-input: 0.9375rem;
  
--font-size-section-heading: 1.171875rem;
  
--font-size-menu-body-medium: 1.0546875rem;
  
--font-size-menu-body-small: 0.87890625rem;
  
--font-size-heading-body-small: 0.87890625rem;
  
--font-size-heading-body-smaller: 0.8203125rem;
  
--font-size-heading-slideshow: 1.9921875rem;
  
}}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: 'UnileverShilling', sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: 'UnileverShilling';
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

.disclosure {
  --disclosure-max-height: 300px;
  --disclosure-min-height: 92px;
  --disclosure-toggle-text-color: black;
  --disclosure-toggle-background-color: transparent;
  --disclosure-toggle-border-color: black;
  --disclosure-toggle-svg: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath class='icon-chevron-down-left' d='M4 4.5L7 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3Cpath class='icon-chevron-down-right' d='M4 4.5L1 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3C/svg%3E");
  --disclosure-toggle-svg-color: black;
  --disclosure-text-color: black;
  --disclosure-background-color: white;
  --disclosure-border-color: black;
  position: relative;
  display: inline-block;
}

.disclosure__toggle {
  padding: 5px 32px 4px 11px;
  color: black;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid black;
  -webkit-appearance: none;
          appearance: none;
}
@supports (color: var(--disclosure-toggle-text-color)) {
  .disclosure__toggle {
    color: var(--disclosure-toggle-text-color);
    background-color: var(--disclosure-toggle-background-color);
    border: 1px solid var(--disclosure-toggle-border-color);
  }
}
.disclosure__toggle:hover {
  cursor: pointer;
}
.disclosure__toggle::after {
  position: absolute;
  top: 50%;
  right: 11px;
  width: 10px;
  height: 7.5px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath class='icon-chevron-down-left' d='M4 4.5L7 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3Cpath class='icon-chevron-down-right' d='M4 4.5L1 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3C/svg%3E");
  content: "";
  transform: translateY(-50%);
}
@supports ((-webkit-mask-image: var(--disclosure-toggle-svg)) or (mask-image: var(--disclosure-toggle-svg))) {
  .disclosure__toggle::after {
    background-color: var(--disclosure-toggle-svg-color);
    background-image: none;
    -webkit-mask-image: var(--disclosure-toggle-svg);
            mask-image: var(--disclosure-toggle-svg);
    -webkit-mask-size: cover;
            mask-size: cover;
  }
}

.disclosure-list {
  position: absolute;
  bottom: 115%;
  display: none;
  max-height: 300px;
  min-height: 92px;
  padding: 11px 0;
  margin: 0;
  overflow-y: auto;
  list-style: outside none;
  background-color: white;
  border: 1px solid black;
  border-radius: 0;
}
@supports (max-height: var(--disclosure-max-height)) {
  .disclosure-list {
    max-height: var(--disclosure-max-height);
    min-height: var(--disclosure-min-height);
    background-color: var(--disclosure-background-color);
    border: 1px solid var(--disclosure-border-color);
  }
}

.disclosure-list--visible {
  display: block;
}

.disclosure-list--alternate-drop {
  right: 0;
}

.disclosure-list__item {
  display: block;
  padding: 5px 45px 4px 15px;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 1px solid transparent;
}
.disclosure-list__item:focus, .disclosure-list__item:hover {
  color: black;
  text-decoration: underline;
}
@supports (color: var(--disclosure-text-color)) {
  .disclosure-list__item:focus, .disclosure-list__item:hover {
    color: var(--disclosure-text-color);
  }
}

.disclosure-list__item--current {
  text-decoration: underline;
}

.disclosure-list__option {
  color: inherit;
  text-decoration: inherit;
}

.surface-pick-up-embed {
  --surface-pick-up-embed-theme-success-color: limegreen;
  --surface-pick-up-embed-theme-error-color: #b33a3a;
  --surface-pick-up-embed-theme-paragraph-font-size: 16px;
  --surface-pick-up-embed-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-embed-theme-paragraph-font-size) - 4px);
  --surface-pick-up-embed-theme-body-font-weight-bold: 600;
  --surface-pick-up-embed-theme-body-text-color: #808080;
  --surface-pick-up-embed-theme-link-text-decoration: underline;
  --surface-pick-up-embed-row-gap: 10px;
  --surface-pick-up-embed-column-gap: 10px;
  display: grid;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  row-gap: var(--surface-pick-up-embed-row-gap);
  column-gap: var(--surface-pick-up-embed-column-gap);
  justify-content: flex-start;
  text-align: left;
}

.surface-pick-up-embed__in-stock-icon,
.surface-pick-up-embed__out-of-stock-icon {
  grid-column-start: 1;
  grid-column-end: 2;
  margin-top: 3px;
}

.surface-pick-up-embed__in-stock-icon {
  fill: var(--surface-pick-up-embed-theme-success-color);
}

.surface-pick-up-embed__out-of-stock-icon {
  fill: var(--surface-pick-up-embed-theme-error-color);
}

.surface-pick-up-embed__location-info,
.surface-pick-up-embed__modal-btn {
  grid-column-start: 2;
  grid-column-end: 3;
}

.surface-pick-up-embed__location-info {
  grid-row-start: 1;
  grid-row-end: 2;
}

.surface-pick-up-embed__location-availability {
  margin-top: 0;
  margin-bottom: 0;
  font-family: inherit;
  font-size: var(--surface-pick-up-embed-theme-paragraph-font-size);
  font-weight: inherit;
  color: var(--surface-pick-up-embed-theme-body-text-color);
}
.surface-pick-up-embed__location-availability b {
  font-weight: var(--surface-pick-up-embed-theme-body-font-weight-bold);
}

.surface-pick-up-embed__location-pick-up-time {
  font-size: var(--surface-pick-up-embed-theme-paragraph-smaller-font-size);
  color: var(--surface-pick-up-embed-theme-body-text-color);
}

.surface-pick-up-embed__modal-btn {
  grid-row-start: 2;
  grid-row-end: 3;
  justify-self: start;
  padding: 0;
  font-size: var(--surface-pick-up-embed-theme-paragraph-smaller-font-size);
  color: var(--surface-pick-up-theme-embed-body-text-color);
  text-align: left;
  -webkit-text-decoration: var(--surface-pick-up-embed-theme-link-text-decoration);
          text-decoration: var(--surface-pick-up-embed-theme-link-text-decoration);
  cursor: pointer;
  background-color: initial;
  border: 0;
}

.surface-pick-up-items {
  padding: 0;
  margin: 0;
}

.surface-pick-up-item {
  --surface-pick-up-item-theme-success-color: limegreen;
  --surface-pick-up-item-theme-error-color: #b33a3a;
  --surface-pick-up-item-theme-paragraph-font-size: 16px;
  --surface-pick-up-item-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-item-theme-paragraph-font-size) - 4px);
  --surface-pick-up-item-theme-body-font-weight-bold: 600;
  --surface-pick-up-item-theme-body-text-color: #808080;
  --surface-pick-up-item-theme-border-color: #d9d9d9;
  --surface-pick-up-item-theme-link-text-decoration: underline;
  --surface-pick-up-item-row-gap: 10px;
  --surface-pick-up-item-column-gap: 5px;
  --surface-pick-up-item-gap: 28px;
  display: grid;
  grid-template-columns: repeat(2, auto) 1fr;
  row-gap: var(--surface-pick-up-item-row-gap);
  column-gap: var(--surface-pick-up-item-column-gap);
  justify-content: flex-start;
  padding-bottom: var(--surface-pick-up-item-gap);
  margin: var(--surface-pick-up-item-gap) 0 0;
  text-align: left;
  border-bottom: 1px solid var(--surface-pick-up-item-theme-border-color);
}
.surface-pick-up-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.surface-pick-up-item__header {
  display: flex;
  grid-column: span 3;
  align-items: flex-end;
}

.surface-pick-up-item__pick-up-location {
  margin-top: 0;
  margin-bottom: 0;
  font-family: inherit;
  font-size: var(--surface-pick-up-item-theme-paragraph-font-size);
  font-weight: var(--surface-pick-up-item-theme-body-font-weight-bold);
  color: var(--surface-pick-up-item-theme-body-text-color);
}

.surface-pick-up-item__pick-up-distance {
  padding-left: 2rem;
  margin: 0 0 0 auto;
}

.surface-pick-up-item__in-stock-icon,
.surface-pick-up-item__out-of-stock-icon {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 2;
  margin-top: 1px;
}

.surface-pick-up-item__in-stock-icon {
  fill: var(--surface-pick-up-item-theme-success-color);
}

.surface-pick-up-item__out-of-stock-icon {
  fill: var(--surface-pick-up-item-theme-error-color);
}

.surface-pick-up-item__availability {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 3;
  font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size);
  color: var(--surface-pick-up-item-theme-body-text-color);
}

.surface-pick-up-item__address-info {
  grid-row-start: 3;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 3;
  font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size);
  font-style: normal;
  line-height: 1.4;
  color: var(--surface-pick-up-item-theme-body-text-color);
}
.surface-pick-up-item__address-info p {
  margin: 0;
}
.surface-pick-up-item__address-info a,
.surface-pick-up-item__address-info a:visited {
  color: inherit;
  text-decoration: none;
}
.surface-pick-up-item__address-info a:focus,
.surface-pick-up-item__address-info a:active,
.surface-pick-up-item__address-info a:hover {
  color: inherit;
}

.surface-pick-up-item__confirm-address {
  margin-top: var(--surface-pick-up-item-row-gap);
}

.surface-pick-up-item__confirm-address-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
}




  
































  

  
  
  

  
  



  

  
  
  
  
  
  
  
  
  
  
  
  

  
  
  
  
  
  
  
  





h6, .highlights-banner__heading, .small-promo-heading, h5, h4, .featured-collection__title-card-heading, h3, h2, .slideshow-slide__heading, h1 {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.0em;
}h6, .highlights-banner__heading, .small-promo-heading, h5, h4, .featured-collection__title-card-heading, h3, h2, .slideshow-slide__heading, h1 {
    text-transform: none;
  }h6 b, .highlights-banner__heading b, .small-promo-heading b, h5 b, h4 b, .featured-collection__title-card-heading b, h3 b, h2 b, .slideshow-slide__heading b, h1 b,
h6 strong,
.highlights-banner__heading strong,
.small-promo-heading strong,
h5 strong,
h4 strong,
.featured-collection__title-card-heading strong,
h3 strong,
h2 strong,
.slideshow-slide__heading strong,
h1 strong {
  font-weight: 700;
}
h6 em, .highlights-banner__heading em, .small-promo-heading em, h5 em, h4 em, .featured-collection__title-card-heading em, h3 em, h2 em, .slideshow-slide__heading em, h1 em {
  font-style: italic;
}
h6 b em, .highlights-banner__heading b em, .small-promo-heading b em, h5 b em, h4 b em, .featured-collection__title-card-heading b em, h3 b em, h2 b em, .slideshow-slide__heading b em, h1 b em,
h6 strong em,
.highlights-banner__heading strong em,
.small-promo-heading strong em,
h5 strong em,
h4 strong em,
.featured-collection__title-card-heading strong em,
h3 strong em,
h2 strong em,
.slideshow-slide__heading strong em,
h1 strong em,
h6 em b,
.highlights-banner__heading em b,
.small-promo-heading em b,
h5 em b,
h4 em b,
.featured-collection__title-card-heading em b,
h3 em b,
h2 em b,
.slideshow-slide__heading em b,
h1 em b,
h6 em strong,
.highlights-banner__heading em strong,
.small-promo-heading em strong,
h5 em strong,
h4 em strong,
.featured-collection__title-card-heading em strong,
h3 em strong,
h2 em strong,
.slideshow-slide__heading em strong,
h1 em strong {
  font-style: italic;
}

.slideshow-slide__heading, h1 {
  font-size: var(--font-size-heading-1);
}

h2 {
  font-size: var(--font-size-heading-2);
}

.featured-collection__title-card-heading, h3 {
  font-size: var(--font-size-heading-3);
}

h4 {
  font-size: var(--font-size-heading-4);
}

.highlights-banner__heading, .small-promo-heading, h5 {
  font-size: var(--font-size-heading-5);
}

h6 {
  font-size: var(--font-size-heading-6);
}

.mobile-nav-content .navmenu-depth-1 > .navmenu-item > .navmenu-link, .navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text, .site-navigation .navmenu-depth-1 > li > a, .site-navigation a, .site-header-actions {
  font-family: UnileverShilling;
  font-style: normal;
  /*font-weight: 600;*/
  font-weight: 100;
  font-size: var(--font-size-menu);
  letter-spacing: 0.0em;
}.mobile-nav-content .navmenu-depth-1 > .navmenu-item > .navmenu-link, .navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text, .site-navigation .navmenu-depth-1 > li > a, .site-navigation a, .site-header-actions {
    text-transform: none;
  }.home-section--title, .shoppable-image__section-heading, .image-with-text__section-heading, .custom-html--container .home-section--title {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 700;
  text-transform: none;
  font-size: var(--font-size-section-heading);
  letter-spacing: 0.01em;
}.home-section--title, .shoppable-image__section-heading, .image-with-text__section-heading, .custom-html--container .home-section--title {
    text-transform: none;
  }.product-reviews--content .spr-summary-actions-newreview, .shopify-payment-button .shopify-payment-button__button--unbranded, .smart-payment-enabled .product-form--atc-button, .product-form--atc-button, .utils-sortby--modal-button, .article--excerpt-wrapper--featured .article--excerpt-button, .shopify-challenge__container .btn, .pxs-image-with-text-button, .slideshow-slide__button--secondary, .slideshow-slide__button--primary, .page__content button, .image-with-text__button, .button-secondary, .button-primary, .productgrid--no-results-button, .productgrid--search-button, .live-search-button {
  font-size: var(--font-size-button-small);
  padding: 0.625rem 1rem;
  letter-spacing: 0.0em;
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 600;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: width 125ms cubic-bezier(0.4, 0, 0.2, 1), height 125ms cubic-bezier(0.4, 0, 0.2, 1), border-color 125ms cubic-bezier(0.4, 0, 0.2, 1), background-color 125ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 125ms cubic-bezier(0.4, 0, 0.2, 1);
}.product-reviews--content .spr-summary-actions-newreview, .shopify-payment-button .shopify-payment-button__button--unbranded, .smart-payment-enabled .product-form--atc-button, .product-form--atc-button, .utils-sortby--modal-button, .article--excerpt-wrapper--featured .article--excerpt-button, .shopify-challenge__container .btn, .pxs-image-with-text-button, .slideshow-slide__button--secondary, .slideshow-slide__button--primary, .page__content button, .image-with-text__button, .button-secondary, .button-primary, .productgrid--no-results-button, .productgrid--search-button, .live-search-button {
    text-transform: none;
  }.product-reviews--content .spr-summary-actions-newreview:hover, .shopify-payment-button .shopify-payment-button__button--unbranded:hover, .product-form--atc-button:hover, .utils-sortby--modal-button:hover, .article--excerpt-wrapper--featured .article--excerpt-button:hover, .shopify-challenge__container .btn:hover, .pxs-image-with-text-button:hover, .slideshow-slide__button--secondary:hover, .slideshow-slide__button--primary:hover, .page__content button:hover, .image-with-text__button:hover, .button-secondary:hover, .button-primary:hover, .productgrid--no-results-button:hover, .productgrid--search-button:hover, .live-search-button:hover, .product-reviews--content .spr-summary-actions-newreview:focus, .shopify-payment-button .shopify-payment-button__button--unbranded:focus, .product-form--atc-button:focus, .utils-sortby--modal-button:focus, .article--excerpt-wrapper--featured .article--excerpt-button:focus, .shopify-challenge__container .btn:focus, .pxs-image-with-text-button:focus, .slideshow-slide__button--secondary:focus, .slideshow-slide__button--primary:focus, .page__content button:focus, .image-with-text__button:focus, .button-secondary:focus, .button-primary:focus, .productgrid--no-results-button:focus, .productgrid--search-button:focus, .live-search-button:focus {
  outline: none;
}
.product-reviews--content .spr-summary-actions-newreview:not(.disabled):hover, .shopify-payment-button .shopify-payment-button__button--unbranded:not(.disabled):hover, .product-form--atc-button:not(.disabled):hover, .utils-sortby--modal-button:not(.disabled):hover, .article--excerpt-wrapper--featured .article--excerpt-button:not(.disabled):hover, .shopify-challenge__container .btn:not(.disabled):hover, .pxs-image-with-text-button:not(.disabled):hover, .slideshow-slide__button--secondary:not(.disabled):hover, .slideshow-slide__button--primary:not(.disabled):hover, .page__content button:not(.disabled):hover, .image-with-text__button:not(.disabled):hover, .button-secondary:not(.disabled):hover, .button-primary:not(.disabled):hover, .productgrid--no-results-button:not(.disabled):hover, .productgrid--search-button:not(.disabled):hover, .live-search-button:not(.disabled):hover {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}
.product-reviews--content .spr-summary-actions-newreview:focus, .shopify-payment-button .shopify-payment-button__button--unbranded:focus, .product-form--atc-button:focus, .utils-sortby--modal-button:focus, .article--excerpt-wrapper--featured .article--excerpt-button:focus, .shopify-challenge__container .btn:focus, .pxs-image-with-text-button:focus, .slideshow-slide__button--secondary:focus, .slideshow-slide__button--primary:focus, .page__content button:focus, .image-with-text__button:focus, .button-secondary:focus, .button-primary:focus, .productgrid--no-results-button:focus, .productgrid--search-button:focus, .live-search-button:focus {
  box-shadow: 0 0 0 2px 
rgb(255, 255, 255)

, 0 0 0 5px rgba(17, 153, 255, 0.4), 0 3px 8px rgba(0, 0, 0, 0.1);
}

.product-reviews--content .spr-summary-actions-newreview.disabled, .shopify-payment-button .shopify-payment-button__button--unbranded.disabled, .smart-payment-enabled .product-form--atc-button.disabled, .product-form--atc-button.disabled, .utils-sortby--modal-button.disabled, .article--excerpt-wrapper--featured .article--excerpt-button.disabled, .shopify-challenge__container .btn.disabled, .pxs-image-with-text-button.disabled, .slideshow-slide__button--secondary.disabled, .slideshow-slide__button--primary.disabled, .page__content button.disabled, .image-with-text__button.disabled, .button-secondary.disabled, .button-primary.disabled, .disabled.productgrid--no-results-button, .disabled.productgrid--search-button, .disabled.live-search-button {
  color: #ffffff;
  cursor: default;
  background-color: #000000;
  border: 1px solid #000000;
}

.dynamic-video-wrapper, .navmenu-meganav-wrapper, .site-navigation, .product-section--container, .product-row--container, .productgrid--outer, .pagination--container, .page-content, .page-masthead, .message-banner--outer, .breadcrumbs-container, .atc-banner--outer, .contact-page-content, .account-page-content, .account-page-masthead, .pxs-image-with-text-section, .pxs-newsletter-section, .pxs-map-section, .testimonials-section, .twitter--container, .slideshow--width-content, .shoppable-image, .rich-text--container, .promo-mosaic--container, .promo-grid--container, .page__container, .menulist-container, .logolist--container, .image-with-text, .custom-html--container, .highlights-banner__content, .highlights-banner__container.content-width, .featured-product--container, .featured-collection__container, .collection-list__container, .blogposts--container, .blog--container, .product--container, .password-page-footer, .password-page-content--inner, .cart--section, .article--container, .article-image--content-width, .announcement-bar-text-mobile, .announcement-bar-text, .fourohfour--container, .site-footer-item, .site-header-main {
  max-width: 1300px;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 720px) {
  .dynamic-video-wrapper, .navmenu-meganav-wrapper, .site-navigation, .product-section--container, .product-row--container, .productgrid--outer, .pagination--container, .page-content, .page-masthead, .message-banner--outer, .breadcrumbs-container, .atc-banner--outer, .contact-page-content, .account-page-content, .account-page-masthead, .pxs-image-with-text-section, .pxs-newsletter-section, .pxs-map-section, .testimonials-section, .twitter--container, .slideshow--width-content, .shoppable-image, .rich-text--container, .promo-mosaic--container, .promo-grid--container, .page__container, .menulist-container, .logolist--container, .image-with-text, .custom-html--container, .highlights-banner__content, .highlights-banner__container.content-width, .featured-product--container, .featured-collection__container, .collection-list__container, .blogposts--container, .blog--container, .product--container, .password-page-footer, .password-page-content--inner, .cart--section, .article--container, .article-image--content-width, .announcement-bar-text-mobile, .announcement-bar-text, .fourohfour--container, .site-footer-item, .site-header-main {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media screen and (min-width: 1024px) {
  .dynamic-video-wrapper, .navmenu-meganav-wrapper, .site-navigation, .product-section--container, .product-row--container, .productgrid--outer, .pagination--container, .page-content, .page-masthead, .message-banner--outer, .breadcrumbs-container, .atc-banner--outer, .contact-page-content, .account-page-content, .account-page-masthead, .pxs-image-with-text-section, .pxs-newsletter-section, .pxs-map-section, .testimonials-section, .twitter--container, .slideshow--width-content, .shoppable-image, .rich-text--container, .promo-mosaic--container, .promo-grid--container, .page__container, .menulist-container, .logolist--container, .image-with-text, .custom-html--container, .highlights-banner__content, .highlights-banner__container.content-width, .featured-product--container, .featured-collection__container, .collection-list__container, .blogposts--container, .blog--container, .product--container, .password-page-footer, .password-page-content--inner, .cart--section, .article--container, .article-image--content-width, .announcement-bar-text-mobile, .announcement-bar-text, .fourohfour--container, .site-footer-item, .site-header-main {
    padding-right: 25px;
    padding-left: 25px;
  }
}

.productgrid--outer .pagination--container,
.productgrid--outer .breadcrumbs-container {
  max-width: 100%;
  padding-right: 0;
  padding-left: 0;
}
@media screen and (min-width: 1024px) {
  .productgrid--outer .pagination--container,
.productgrid--outer .breadcrumbs-container {
    padding-right: 0;
    padding-left: 0;
  }
}

.site-page,
.page-masthead,
.page-content, .contact-page-content, .account-page,
.account-page-masthead,
.account-page-content {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .site-page,
.page-masthead,
.page-content, .contact-page-content, .account-page,
.account-page-masthead,
.account-page-content {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

.site-navigation-wrapper::before, .product-reviews--content .spr-content .spr-reviews::before, .productgrid--footer::before, .productgrid--outer::before, .account-page--two-column::before, .article--pagination::before, .site-header-main::before, .form-fields-columns::before, .site-navigation-wrapper::after, .product-reviews--content .spr-content .spr-reviews::after, .productgrid--footer::after, .productgrid--outer::after, .account-page--two-column::after, .article--pagination::after, .site-header-main::after, .form-fields-columns::after {
  display: table;
  content: "";
}
.site-navigation-wrapper::after, .product-reviews--content .spr-content .spr-reviews::after, .productgrid--footer::after, .productgrid--outer::after, .account-page--two-column::after, .article--pagination::after, .site-header-main::after, .form-fields-columns::after {
  clear: both;
}

.rte .tabs li,
.rte .tabs li > a, .site-navigation .navmenu-meganav--image-link, .site-navigation .navmenu-depth-2 .navmenu-link, .utils-showby-item, .productgrid--sidebar-menu .navmenu-link, .filter-item, .productitem--title a, .cart-item--remove-link, .tweet--footer, .tweet--header-screenname, .hotspot__tooltip, .menulist-menu__link {
  color: #000000;
  text-decoration: none;
  transition: color 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
.rte .tabs li:hover,
.rte .tabs li > a:hover, .site-navigation .navmenu-meganav--image-link:hover, .site-navigation .navmenu-depth-2 .navmenu-link:hover, .utils-showby-item:hover, .productgrid--sidebar-menu .navmenu-link:hover, .filter-item:hover, .productitem--title a:hover, .cart-item--remove-link:hover, .tweet--footer:hover, .tweet--header-screenname:hover, .hotspot__tooltip:hover, .menulist-menu__link:hover {
  color: #000000;
}

.product-reviews--content .spr-content .spr-pagination a, .product-reviews--content .spr-content .spr-review .spr-review-footer a, .product-reviews--content .spr-summary-caption a.spr-summary-actions-togglereviews, .product-recently-viewed__clear, .shopify-payment-button .shopify-payment-button__more-options, .product-vendor a, .utils-showby-item.utils-showby-item--active, .utils-sortby-button,
.utils-filter-button, .productgrid--sidebar-menu .navmenu-link--active, .productgrid-listview .productitem--link, .productgrid--footer-results-list a, .filter-item--grid-simple a, [data-filter-active=true], .filter-item a.filter-text--link, .pagination--inner a, .search-flydown--content-item a, .search-flydown--continue, .live-search-takeover-cancel, .collection__item-title, .breadcrumbs-container a, .article--excerpt-readmore, .account-page-content a, .tweet--content a, .menulist-menu__show-more-trigger, .blogposts--footer-link, .product-link, .passwordentry-contents a, .password-page-footer--item a, .cart-continue, .cart-shipping .cart-shipping-toggle, .article--pagination .article--pagination-item-left > a,
.article--pagination .article--pagination-item-right > a, .article--tags a, .rte a,
.pxs-newsletter-text a,
.shoppable-image__text-box-subheading a,
.image-with-text__text a {
  color: #000000;
  text-decoration: none;
  transition: color 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
.product-reviews--content .spr-content .spr-pagination a:hover, .product-reviews--content .spr-content .spr-review .spr-review-footer a:hover, .product-reviews--content .spr-summary-caption a.spr-summary-actions-togglereviews:hover, .product-recently-viewed__clear:hover, .shopify-payment-button .shopify-payment-button__more-options:hover, .product-vendor a:hover, .utils-showby-item.utils-showby-item--active:hover, .utils-sortby-button:hover,
.utils-filter-button:hover, .productgrid--sidebar-menu .navmenu-link--active:hover, .productgrid-listview .productitem--link:hover, .productgrid--footer-results-list a:hover, .filter-item--grid-simple a:hover, [data-filter-active=true]:hover, .filter-item a.filter-text--link:hover, .pagination--inner a:hover, .search-flydown--content-item a:hover, .search-flydown--continue:hover, .live-search-takeover-cancel:hover, .collection__item-title:hover, .breadcrumbs-container a:hover, .article--excerpt-readmore:hover, .account-page-content a:hover, .tweet--content a:hover, .menulist-menu__show-more-trigger:hover, .blogposts--footer-link:hover, .product-link:hover, .passwordentry-contents a:hover, .password-page-footer--item a:hover, .cart-continue:hover, .cart-shipping .cart-shipping-toggle:hover, .article--pagination .article--pagination-item-left > a:hover,
.article--pagination .article--pagination-item-right > a:hover, .article--tags a:hover, .rte a:hover,
.pxs-newsletter-text a:hover,
.shoppable-image__text-box-subheading a:hover,
.image-with-text__text a:hover {
  color: 
#171717

;
}

.productitem, .disclosure-list, .cart-item, .article--excerpt-wrapper, .account-address, .pxs-map-card, .pxs-map-section-layout-x-outside-left .pxs-map-card-wrapper, .pxs-map-section-layout-x-outside-right .pxs-map-card-wrapper, .pxs-map-wrapper, .testimonial, .twitter--inner:not(.flickity-enabled),
.twitter--inner .flickity-slider, .hotspot__tooltip-wrapper, .menulist-inner, .featured-product--container .featured-product--inner, #shopify-product-reviews, .rte table,
.pxs-newsletter-text table,
.shoppable-image__text-box-subheading table,
.image-with-text__text table {
  /* border: 1px solid ; */
  box-shadow: 0 1px 4px ;
}

.pagination--chevron-right,
.pagination--chevron-left, .breadcrumbs-delimiter, .article--pagination .article--pagination-chevron-right,
.article--pagination .article--pagination-chevron-left {
  display: inline-block;
  margin-left: 0.3125rem;
  vertical-align: middle;
}
.pagination--chevron-right svg,
.pagination--chevron-left svg, .breadcrumbs-delimiter svg, .article--pagination .article--pagination-chevron-right svg,
.article--pagination .article--pagination-chevron-left svg {
  display: block;
  margin-top: -0.125rem;
  transform: rotate(-90deg);
  fill: currentColor;
}

.filter-item:not(.filter-item--toggle-more) .checkmark, .account-address-form.visible .form-icon--checkbox .checkmark {
  display: block;
  width: 14px;
  height: 14px;
  color: #000000;
  border-color: #dddddd;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  stroke-miterlimit: 10;
}
.filter-item:not(.filter-item--toggle-more) .checkmark[data-animation-state=unchecked], .account-address-form.visible .form-icon--checkbox .checkmark[data-animation-state=unchecked] {
  border-color: #dddddd;
  box-shadow: inset 0px 0px 0px #000000;
  transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), border-color 100ms cubic-bezier(0.4, 0, 0.2, 1) 175ms;
}
.filter-item:not(.filter-item--toggle-more) .checkmark[data-animation-state=checked], .account-address-form.visible .form-icon--checkbox .checkmark[data-animation-state=checked] {
  border-color: #000000;
  box-shadow: inset 0px 0px 0px 30px #000000;
  transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
.filter-item:not(.filter-item--toggle-more) .checkmark__check, .account-address-form.visible .form-icon--checkbox .checkmark__check {
  stroke: white;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  stroke-width: 2;
  transform-origin: 50% 50%;
}
.filter-item:not(.filter-item--toggle-more) .checkmark__check[data-animation-state=unchecked], .account-address-form.visible .form-icon--checkbox .checkmark__check[data-animation-state=unchecked] {
  stroke-dashoffset: 48;
  transition: stroke-dashoffset 175ms cubic-bezier(0.4, 0, 0.2, 1);
}
.filter-item:not(.filter-item--toggle-more) .checkmark__check[data-animation-state=checked], .account-address-form.visible .form-icon--checkbox .checkmark__check[data-animation-state=checked] {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 250ms cubic-bezier(0.4, 0, 0.2, 1) 125ms;
}

.filter-item a:focus .checkmark[data-animation-state=unchecked], input[name="address[default]"]:focus ~ .form-icon--checkbox .checkmark[data-animation-state=unchecked] {
  border-color: 
#bebebe

;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.filter-item a:focus .checkmark[data-animation-state=checked], input[name="address[default]"]:focus ~ .form-icon--checkbox .checkmark[data-animation-state=checked] {
  box-shadow: inset 0px 0px 0px 30px #000000, 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.product-gallery--media-thumbnail, .utils-sortby-button,
.utils-filter-button, .productgrid--search-button, .modal-close, .message-banner--close, .live-search-takeover-cancel, .atc-banner--close, .cart-shipping .cart-shipping-toggle, .flickity-prev-next-button {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 700;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: normal;
          appearance: normal;
}

.productgrid--search-button, .live-search-button {
  color: #ffffff;
  background-color: #000000;
  border: 1px solid #000000;
  position: relative;
  transform: none;
}
.productgrid--search-button:not(.disabled):hover, .live-search-button:not(.disabled):hover {
  background: rgb(26, 26, 26);
  border: 1px solid rgb(26, 26, 26);
}
.productgrid--search-button:active, .live-search-button:active {
  background: 
#0f0f0f

;
  border: 1px solid 
#0f0f0f

;
}
.mdc-ripple-surface.mdc-ripple-upgraded.productgrid--search-button, .mdc-ripple-surface.mdc-ripple-upgraded.live-search-button {
  --mdc-ripple-fg-opacity: 0.16;
  padding-top: 7px;
}
.mdc-ripple-surface.productgrid--search-button::before, .mdc-ripple-surface.live-search-button::before {
  opacity: 0;
}
.mdc-ripple-surface.productgrid--search-button::after, .mdc-ripple-surface.live-search-button::after {
  background-color: #ffffff;
}
.productgrid--search-button:hover, .live-search-button:hover {
  transform: none;
  box-shadow: none;
}
.productgrid--search-button .search-icon--inactive, .live-search-button .search-icon--inactive,
.productgrid--search-button .search-icon--active,
.live-search-button .search-icon--active {
  display: inline-block;
}
.productgrid--search-button svg, .live-search-button svg {
  display: block;
  width: 100%;
  height: 100%;
}
.productgrid--search-button .search-icon--inactive, .live-search-button .search-icon--inactive {
  width: 20px;
  height: 21px;
  opacity: 1;
  transition: opacity 75ms cubic-bezier(0.4, 0, 0.2, 1);
}
.productgrid--search-button .search-icon--active, .live-search-button .search-icon--active {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  margin-top: -13px;
  margin-left: -13px;
  opacity: 0;
  visibility: hidden;
  animation: rotate 0.7s cubic-bezier(0.69, 0.31, 0.56, 0.83) infinite;
}
.search-icon--processing.productgrid--search-button .search-icon--inactive, .search-icon--processing.live-search-button .search-icon--inactive {
  opacity: 0;
  transition: opacity 100ms cubic-bezier(0.6, 0.05, 0.01, 0.99);
}
.search-icon--processing.productgrid--search-button .search-icon--active, .search-icon--processing.live-search-button .search-icon--active {
  opacity: 1;
  visibility: visible;
  transition: opacity 100ms cubic-bezier(0.6, 0.05, 0.01, 0.99);
}

.article--comments-message p, .article--comments-message.message--success, .contact-page-content .message--success.contact-message, .message--success.account-message, .passwordentry-contents .message--success.passwordentry-message,
.form-message.message--success, .product-reviews--content .spr-form-message-error, .product-message--error, .message-banner--container.message--error, .article--comments-message.message--error, .contact-page-content .message--error.contact-message, .message--error.account-message, .passwordentry-contents .message--error.passwordentry-message,
.form-message.message--error {
  font-style: normal;
  font-weight: 700;
  font-size: var(--font-size-body);
}
.article--comments-message p a, .article--comments-message.message--success a, .contact-page-content .message--success.contact-message a, .message--success.account-message a, .passwordentry-contents .message--success.passwordentry-message a,
.form-message.message--success a, .product-reviews--content .spr-form-message-error a, .product-message--error a, .message-banner--container.message--error a, .article--comments-message.message--error a, .contact-page-content .message--error.contact-message a, .message--error.account-message a, .passwordentry-contents .message--error.passwordentry-message a,
.form-message.message--error a {
  color: currentColor;
}

.product-reviews--content .spr-form-message-error, .product-message--error, .message-banner--container.message--error, .article--comments-message.message--error, .contact-page-content .message--error.contact-message, .message--error.account-message, .passwordentry-contents .message--error.passwordentry-message,
.form-message.message--error {
  color: #f05d5d;
  background-color: #fce2e2;
}

.article--comments-message.message--success, .contact-page-content .message--success.contact-message, .message--success.account-message, .passwordentry-contents .message--success.passwordentry-message,
.form-message.message--success {
  color: #51a551;
  background-color: #e0efe0;
}

.productgrid--no-results, .blog--no-results {
  width: 100%;
  margin-top: 3.125rem;
  text-align: center;
}
@media screen and (min-width: 720px) {
  .productgrid--no-results, .blog--no-results {
    margin-top: 1.375rem;
  }
}

.productgrid--no-results-title, .blog--no-results-title {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 400;
  font-size: var(--font-size-heading-4);
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
}

.productgrid--no-results-button {
  font-size: var(--font-size-button-medium);
  padding: 0.75rem 1.125rem;
  letter-spacing: 0.0em;
  color: #ffffff;
  background-color: #000000;
  border: 1px solid #000000;
  margin-top: 1.25rem;
}.productgrid--no-results-button {
    text-transform: none;
  }.productgrid--no-results-button:not(.disabled):hover {
  background: rgb(26, 26, 26);
  border: 1px solid rgb(26, 26, 26);
}
.productgrid--no-results-button:active {
  background: 
#0f0f0f

;
  border: 1px solid 
#0f0f0f

;
}
.mdc-ripple-surface.mdc-ripple-upgraded.productgrid--no-results-button {
  --mdc-ripple-fg-opacity: 0.16;
}
.mdc-ripple-surface.productgrid--no-results-button::before {
  opacity: 0;
}
.mdc-ripple-surface.productgrid--no-results-button::after {
  background-color: #ffffff;
}

.button-primary {
  color: #ffffff;
  background-color: #000000;
  border: 1px solid #000000;
}
.button-primary:not(.disabled):hover {
  background: rgb(26, 26, 26);
  border: 1px solid rgb(26, 26, 26);
}
.button-primary:active {
  background: 
#0f0f0f

;
  border: 1px solid 
#0f0f0f

;
}
.button-primary.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.16;
}
.button-primary.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .button-primary.mdc-ripple-surface:hover::before, .button-primary.mdc-ripple-surface::before {
  opacity: 0;
}
.button-primary.mdc-ripple-surface::after {
  background-color: #ffffff;
}

.button-secondary {
  color: #2f4898;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.button-secondary:not(.disabled):hover {
  background: rgb(255, 255, 255);
  border: 1px solid 
#cecece

;
}
.button-secondary.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.button-secondary.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .button-secondary.mdc-ripple-surface:hover::before, .button-secondary.mdc-ripple-surface::before {
  opacity: 0;
}
.button-secondary.mdc-ripple-surface::after {
  background-color: #2f4898;
}

#messageus_button {
  z-index: 9999;
}

.icon-signpost-arrow {
  display: inline-block;
  transform: translateY(2px);
}
.icon-signpost-arrow path {
  transition: transform 125ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 125ms cubic-bezier(0.4, 0, 0.2, 1);
}
.icon-signpost-arrow path:first-child {
  transform: translateX(-8px);
}
.icon-signpost-arrow path:last-child {
  transform: translateX(-100%);
}

.rte,
.pxs-newsletter-text,
.shoppable-image__text-box-subheading,
.image-with-text__text {
  font-size: var(--font-size-body);
  line-height: 1.625;
}
.rte h1,
.pxs-newsletter-text h1,
.shoppable-image__text-box-subheading h1,
.image-with-text__text h1 {
  font-size: var(--font-size-heading-1);
}
.rte h2,
.pxs-newsletter-text h2,
.shoppable-image__text-box-subheading h2,
.image-with-text__text h2 {
  font-size: var(--font-size-heading-2);
}
.rte h3,
.pxs-newsletter-text h3,
.shoppable-image__text-box-subheading h3,
.image-with-text__text h3 {
  font-size: var(--font-size-heading-3);
}
.rte h4,
.pxs-newsletter-text h4,
.shoppable-image__text-box-subheading h4,
.image-with-text__text h4 {
  font-size: var(--font-size-heading-4);
}
.rte h5,
.pxs-newsletter-text h5,
.shoppable-image__text-box-subheading h5,
.image-with-text__text h5 {
  font-size: var(--font-size-heading-5);
}
.rte h6,
.pxs-newsletter-text h6,
.shoppable-image__text-box-subheading h6,
.image-with-text__text h6 {
  font-size: var(--font-size-heading-6);
}
.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6,
.pxs-newsletter-text h1,
.shoppable-image__text-box-subheading h1,
.image-with-text__text h1,
.pxs-newsletter-text h2,
.shoppable-image__text-box-subheading h2,
.image-with-text__text h2,
.pxs-newsletter-text h3,
.shoppable-image__text-box-subheading h3,
.image-with-text__text h3,
.pxs-newsletter-text h4,
.shoppable-image__text-box-subheading h4,
.image-with-text__text h4,
.pxs-newsletter-text h5,
.shoppable-image__text-box-subheading h5,
.image-with-text__text h5,
.pxs-newsletter-text h6,
.shoppable-image__text-box-subheading h6,
.image-with-text__text h6 {
  margin-top: 2.0rem;
  margin-bottom: 1.0rem;
  color: #000000;
}
.rte blockquote,
.pxs-newsletter-text blockquote,
.shoppable-image__text-box-subheading blockquote,
.image-with-text__text blockquote {
  padding-left: 1.0rem;
  margin-left: 0;
  border-left: 2px solid #000000;
}
.rte dl,
.rte ul,
.rte ol,
.rte p,
.rte blockquote,
.rte img:not([style]),
.pxs-newsletter-text dl,
.shoppable-image__text-box-subheading dl,
.image-with-text__text dl,
.pxs-newsletter-text ul,
.shoppable-image__text-box-subheading ul,
.image-with-text__text ul,
.pxs-newsletter-text ol,
.shoppable-image__text-box-subheading ol,
.image-with-text__text ol,
.pxs-newsletter-text p,
.shoppable-image__text-box-subheading p,
.image-with-text__text p,
.pxs-newsletter-text blockquote,
.shoppable-image__text-box-subheading blockquote,
.image-with-text__text blockquote,
.pxs-newsletter-text img:not([style]),
.shoppable-image__text-box-subheading img:not([style]),
.image-with-text__text img:not([style]) {
  margin-top: 1.0rem;
  margin-bottom: 1.0rem;
}
.rte ul,
.rte ol,
.pxs-newsletter-text ul,
.shoppable-image__text-box-subheading ul,
.image-with-text__text ul,
.pxs-newsletter-text ol,
.shoppable-image__text-box-subheading ol,
.image-with-text__text ol {
  padding-left: 20px;
}
.rte dl dt,
.pxs-newsletter-text dl dt,
.shoppable-image__text-box-subheading dl dt,
.image-with-text__text dl dt {
  margin-top: 1.0rem;
}
.rte dl dd,
.pxs-newsletter-text dl dd,
.shoppable-image__text-box-subheading dl dd,
.image-with-text__text dl dd {
  margin-left: 20px;
}
.rte img,
.pxs-newsletter-text img,
.shoppable-image__text-box-subheading img,
.image-with-text__text img {
  max-width: 100%;
  margin-top: 1.0rem;
  margin-bottom: 1.0rem;
}
.rte img[style*=left],
.pxs-newsletter-text img[style*=left],
.shoppable-image__text-box-subheading img[style*=left],
.image-with-text__text img[style*=left] {
  margin-top: 0;
  margin-right: 1.25rem;
}
.rte img[style*=right],
.pxs-newsletter-text img[style*=right],
.shoppable-image__text-box-subheading img[style*=right],
.image-with-text__text img[style*=right] {
  margin-top: 0;
  margin-left: 1.25rem;
}
.rte table,
.pxs-newsletter-text table,
.shoppable-image__text-box-subheading table,
.image-with-text__text table {
  display: block;
  border-collapse: collapse;
  max-width: 100%;
  height: auto;
  overflow: auto;
  white-space: nowrap;
}
.rte table th,
.rte table td,
.pxs-newsletter-text table th,
.shoppable-image__text-box-subheading table th,
.image-with-text__text table th,
.pxs-newsletter-text table td,
.shoppable-image__text-box-subheading table td,
.image-with-text__text table td {
  border: 1px solid ;
}
.rte table th,
.pxs-newsletter-text table th,
.shoppable-image__text-box-subheading table th,
.image-with-text__text table th {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 700;
  font-size: var(--font-size-body);
  padding: 1.0rem;
  text-align: left;
  color: #000000;
}
.rte table td,
.pxs-newsletter-text table td,
.shoppable-image__text-box-subheading table td,
.image-with-text__text table td {
  font-size: var(--font-size-body);
  padding: 0.75rem 1rem;
}
@media screen and (max-width: 719px) {
  .rte table td,
.pxs-newsletter-text table td,
.shoppable-image__text-box-subheading table td,
.image-with-text__text table td {
    width: 100%;
  }
}

.product-reviews--content .spr-form .spr-form-label, .form-field-title--inline, .form-field-title {
  font-size: var(--font-size-body);
  line-height: 1;
  color: #666666;
}

.no-label .product-reviews--content .spr-form .spr-form-input-text, .product-reviews--content .spr-form .no-label .spr-form-input-text,
.no-label .product-reviews--content .spr-form .spr-form-input-email,
.product-reviews--content .spr-form .no-label .spr-form-input-email,
.no-label .product-reviews--content .spr-form .spr-form-input-textarea,
.product-reviews--content .spr-form .no-label .spr-form-input-textarea, .no-label .option-value-input + .option-value-name, .no-label .productgrid--sidebar-item-grid .filter-item:not(.filter-item--toggle-more), .productgrid--sidebar-item-grid .no-label .filter-item:not(.filter-item--toggle-more), .no-label .form-field-input,
.no-label .form-field-select {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}

.product-reviews--content .spr-form .spr-form-input-text,
.product-reviews--content .spr-form .spr-form-input-email,
.product-reviews--content .spr-form .spr-form-input-textarea, .option-value-input + .option-value-name, .productgrid--sidebar-item-grid .filter-item:not(.filter-item--toggle-more), .form-field-input,
.form-field-select {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 400;
  font-size: var(--font-size-body);
  z-index: 1;
  width: 100%;
  padding: 1.5rem 0.625rem 0.375rem;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 3px;
}
.product-reviews--content .spr-form .spr-form-input-text:focus,
.product-reviews--content .spr-form .spr-form-input-email:focus,
.product-reviews--content .spr-form .spr-form-input-textarea:focus, .option-value-input + .option-value-name:focus, .productgrid--sidebar-item-grid .filter-item:focus:not(.filter-item--toggle-more), .form-field-input:focus,
.form-field-select:focus {
  border-color: 
#cecece

;
  outline: none;
}
.product-reviews--content .spr-form .form-field-error.spr-form-input-text,
.product-reviews--content .spr-form .form-field-error.spr-form-input-email,
.product-reviews--content .spr-form .form-field-error.spr-form-input-textarea, .option-value-input + .form-field-error.option-value-name, .productgrid--sidebar-item-grid .form-field-error.filter-item:not(.filter-item--toggle-more), .form-field-error.form-field-input,
.form-field-error.form-field-select {
  border-color: #f05d5d;
}
.product-reviews--content .spr-form .spr-form-input-text,
.product-reviews--content .spr-form .spr-form-input-email,
.product-reviews--content .spr-form .spr-form-input-textarea, .form-field-input {
  width: 100%;
  transition: all 125ms cubic-bezier(0.4, 0, 0.2, 1);
}
.product-reviews--content .spr-form .spr-form-input-text:not(.live-search-form-field):hover,
.product-reviews--content .spr-form .spr-form-input-email:not(.live-search-form-field):hover,
.product-reviews--content .spr-form .spr-form-input-textarea:not(.live-search-form-field):hover, .form-field-input:not(.live-search-form-field):hover {
  border-color: 
#bebebe

;
}
.product-reviews--content .spr-form .spr-form-input-text:not(.live-search-form-field):focus,
.product-reviews--content .spr-form .spr-form-input-email:not(.live-search-form-field):focus,
.product-reviews--content .spr-form .spr-form-input-textarea:not(.live-search-form-field):focus, .form-field-input:not(.live-search-form-field):focus {
  border-color: 
#818181

;
  outline: 0;
  box-shadow: 0 2px 6px , 0 0 0 0.5px 
#919191

;
}
.product-reviews--content .spr-form .spr-form-input-text:-ms-input-placeholder, .product-reviews--content .spr-form .spr-form-input-email:-ms-input-placeholder, .product-reviews--content .spr-form .spr-form-input-textarea:-ms-input-placeholder, .form-field-input:-ms-input-placeholder {
  color: currentColor;
  opacity: 0;
  -ms-transition: opacity 125ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 125ms cubic-bezier(0, 0, 0.2, 1);
}
.product-reviews--content .spr-form .spr-form-input-text::placeholder,
.product-reviews--content .spr-form .spr-form-input-email::placeholder,
.product-reviews--content .spr-form .spr-form-input-textarea::placeholder, .form-field-input::placeholder {
  color: currentColor;
  opacity: 0;
  transition: opacity 125ms cubic-bezier(0, 0, 0.2, 1);
}
.no-js .product-reviews--content .spr-form .spr-form-input-text:-ms-input-placeholder, .product-reviews--content .spr-form .no-js .spr-form-input-text:-ms-input-placeholder, .no-js .product-reviews--content .spr-form .spr-form-input-email:-ms-input-placeholder, .product-reviews--content .spr-form .no-js .spr-form-input-email:-ms-input-placeholder, .no-js .product-reviews--content .spr-form .spr-form-input-textarea:-ms-input-placeholder, .product-reviews--content .spr-form .no-js .spr-form-input-textarea:-ms-input-placeholder, .no-js .form-field-input:-ms-input-placeholder, .product-reviews--content .spr-form .spr-form-input-text:focus:-ms-input-placeholder, .product-reviews--content .spr-form .spr-form-input-email:focus:-ms-input-placeholder, .product-reviews--content .spr-form .spr-form-input-textarea:focus:-ms-input-placeholder, .form-field-input:focus:-ms-input-placeholder, .product-reviews--content .spr-form .form-field-filled.spr-form-input-text:-ms-input-placeholder, .product-reviews--content .spr-form .form-field-filled.spr-form-input-email:-ms-input-placeholder, .product-reviews--content .spr-form .form-field-filled.spr-form-input-textarea:-ms-input-placeholder, .form-field-filled.form-field-input:-ms-input-placeholder {
  opacity: 0.6;
  transition-delay: 125ms;
}
.no-js .product-reviews--content .spr-form .spr-form-input-text::placeholder, .product-reviews--content .spr-form .no-js .spr-form-input-text::placeholder,
.no-js .product-reviews--content .spr-form .spr-form-input-email::placeholder,
.product-reviews--content .spr-form .no-js .spr-form-input-email::placeholder,
.no-js .product-reviews--content .spr-form .spr-form-input-textarea::placeholder,
.product-reviews--content .spr-form .no-js .spr-form-input-textarea::placeholder, .no-js .form-field-input::placeholder, .product-reviews--content .spr-form .spr-form-input-text:focus::placeholder,
.product-reviews--content .spr-form .spr-form-input-email:focus::placeholder,
.product-reviews--content .spr-form .spr-form-input-textarea:focus::placeholder, .form-field-input:focus::placeholder, .product-reviews--content .spr-form .form-field-filled.spr-form-input-text::placeholder,
.product-reviews--content .spr-form .form-field-filled.spr-form-input-email::placeholder,
.product-reviews--content .spr-form .form-field-filled.spr-form-input-textarea::placeholder, .form-field-filled.form-field-input::placeholder {
  opacity: 0.6;
  transition-delay: 125ms;
}
.no-js .product-reviews--content .spr-form .spr-form-input-text + .form-field-title, .product-reviews--content .spr-form .no-js .spr-form-input-text + .form-field-title,
.no-js .product-reviews--content .spr-form .spr-form-input-email + .form-field-title,
.product-reviews--content .spr-form .no-js .spr-form-input-email + .form-field-title,
.no-js .product-reviews--content .spr-form .spr-form-input-textarea + .form-field-title,
.product-reviews--content .spr-form .no-js .spr-form-input-textarea + .form-field-title, .no-js .form-field-input + .form-field-title, .product-reviews--content .spr-form .spr-form-input-text:focus + .form-field-title,
.product-reviews--content .spr-form .spr-form-input-email:focus + .form-field-title,
.product-reviews--content .spr-form .spr-form-input-textarea:focus + .form-field-title, .form-field-input:focus + .form-field-title, .product-reviews--content .spr-form .form-field-filled.spr-form-input-text + .form-field-title,
.product-reviews--content .spr-form .form-field-filled.spr-form-input-email + .form-field-title,
.product-reviews--content .spr-form .form-field-filled.spr-form-input-textarea + .form-field-title, .form-field-filled.form-field-input + .form-field-title {
  top: 0.5rem;
  font-size: 0.8125rem;
  transition-delay: 0ms;
}
.no-label .product-reviews--content .spr-form .spr-form-input-text:-ms-input-placeholder, .product-reviews--content .spr-form .no-label .spr-form-input-text:-ms-input-placeholder, .no-label .product-reviews--content .spr-form .spr-form-input-email:-ms-input-placeholder, .product-reviews--content .spr-form .no-label .spr-form-input-email:-ms-input-placeholder, .no-label .product-reviews--content .spr-form .spr-form-input-textarea:-ms-input-placeholder, .product-reviews--content .spr-form .no-label .spr-form-input-textarea:-ms-input-placeholder, .no-label .form-field-input:-ms-input-placeholder {
  opacity: 0.4;
}
.no-label .product-reviews--content .spr-form .spr-form-input-text::placeholder, .product-reviews--content .spr-form .no-label .spr-form-input-text::placeholder,
.no-label .product-reviews--content .spr-form .spr-form-input-email::placeholder,
.product-reviews--content .spr-form .no-label .spr-form-input-email::placeholder,
.no-label .product-reviews--content .spr-form .spr-form-input-textarea::placeholder,
.product-reviews--content .spr-form .no-label .spr-form-input-textarea::placeholder, .no-label .form-field-input::placeholder {
  opacity: 0.4;
}

.product-reviews--content .spr-form .spr-form-input-textarea, .form-field-textarea {
  min-width: 100%;
  max-width: 100%;
  min-height: 150px;
  max-height: 500px;
  line-height: 1.5;
}

@media screen and (min-width: 720px) {
  .form-fields-columns {
    margin-right: -10px;
    margin-left: -10px;
  }
  .form-fields-columns .form-field {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
  }
  .form-fields-columns .form-field--half {
    width: calc(50% - 20px);
  }
}
.form-fields-columns + .form-field {
  clear: left;
}

.form-action-row {
  margin-top: 1.25rem;
}
.form-action-row .button-primary + .button-primary,
.form-action-row .button-primary + .button-secondary,
.form-action-row .button-secondary + .button-primary,
.form-action-row .button-secondary + .button-secondary {
  margin-left: 20px;
}

.form-field {
  position: relative;
}

.form-field-title {
  position: absolute;
  top: 1.0625rem;
  left: 0.625rem;
  z-index: 2;
  pointer-events: none;
  transition: 125ms;
  transition-delay: 125ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.form-field-textarea + .form-field-title {
  top: 0.9375rem;
}

.form-field-title--inline {
  display: inline-block;
  margin-left: 0.625rem;
  vertical-align: middle;
}
.form-field-checkbox .form-field-title--inline {
  color: #000000;
}

.form-field-select-wrapper {
  position: relative;
}
.form-field-select-wrapper .form-field-select {
  z-index: 2;
  width: 100%;
  height: 100%;
  padding-right: 1.75rem;
  color: #000000;
  cursor: pointer;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 ;
  -webkit-appearance: none;
          appearance: none;
}
.form-field-select-wrapper .form-field-select:hover {
  border-color: 
#cecece

;
  box-shadow: 0 3px 8px ;
}
.form-field-select-wrapper .form-field-select:focus {
  border-color: 
#818181

;
  box-shadow: 0 2px 6px , 0 0 0 0.5px 
#919191

;
}
.hidden .form-field-select-wrapper .form-field-select {
  border: none;
  box-shadow: none;
}
.hidden .form-field-select-wrapper .form-field-select:focus, .hidden .form-field-select-wrapper .form-field-select:hover {
  border: none;
  box-shadow: none;
}
.form-field-select-wrapper .form-field-select::-ms-expand {
  display: none;
}
.form-field-select-wrapper svg {
  position: absolute;
  top: 50%;
  right: 0.625rem;
  margin-top: -3px;
  pointer-events: none;
  color: #000000;
}

.form-fields--qty {
  position: relative;
}
.form-fields--qty .form-field {
  opacity: 0;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.no-js .form-fields--qty .form-field.form-field--qty-input {
  z-index: 1;
  opacity: 1;
  visibility: visible;
}
.js .form-fields--qty .form-field.form-field--qty-select {
  z-index: 1;
  opacity: 1;
  visibility: visible;
}
.form-fields--qty .hidden {
  z-index: 0;
  opacity: 0;
  visibility: hidden;
}
.form-fields--qty .visible {
  z-index: 1;
  opacity: 1;
  visibility: visible;
}
.form-fields--qty .form-field--qty-select .form-field-select-wrapper {
  position: absolute;
  width: 100%;
}

.form-field-checkbox {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 0.9375rem;
  cursor: pointer;
}
.form-field-checkbox input {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}

.contact-page-content .message--success.contact-message, .message--success.account-message, .passwordentry-contents .message--success.passwordentry-message,
.form-message.message--success {
  padding: 0.5rem 0.75rem;
}
.contact-page-content .message--error.contact-message, .message--error.account-message, .passwordentry-contents .message--error.passwordentry-message,
.form-message.message--error {
  padding: 0.5rem 0.75rem;
}
.contact-page-content .contact-message ul, .account-message ul, .passwordentry-contents .passwordentry-message ul,
.contact-page-content .contact-message p,
.account-message p,
.passwordentry-contents .passwordentry-message p,
.form-message ul,
.form-message p {
  font-style: normal;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
}
.contact-page-content .contact-message li:not(:first-child), .account-message li:not(:first-child), .passwordentry-contents .passwordentry-message li:not(:first-child),
.form-message li:not(:first-child) {
  margin-top: 0.5rem;
}
.contact-page-content .contact-message ul, .account-message ul, .passwordentry-contents .passwordentry-message ul,
.form-message ul {
  padding-left: 0;
  list-style-type: none;
}

[data-accordion-content][data-accordion-state] {
  display: none;
  overflow: hidden;
}
[data-accordion-content][data-accordion-animation] {
  display: block;
  height: var(--menu-closed-height, 0);
}
[data-accordion-content][data-accordion-animation] > * {
  opacity: 0;
  transform: translateY(-10px);
}
[data-accordion-content][data-accordion-animation="closed=>open"] {
  transition: height 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
[data-accordion-content][data-accordion-animation="closed=>open"] > * {
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1), transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
[data-accordion-content][data-accordion-animation="open=>closed"] {
  transition: height 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
[data-accordion-content][data-accordion-animation="open=>closed"] > * {
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
[data-accordion-content][data-accordion-state=open] {
  display: block;
  height: auto;
}
[data-accordion-content][data-accordion-state=open] > * {
  opacity: 1;
  transform: translateY(0);
}
[data-accordion-content][data-accordion-animation][data-accordion-state=open] {
  height: var(--menu-open-height, auto);
}

[data-accordion-trigger] .accordion--icon svg {
  display: block;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1), color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  fill: currentColor;
}
[data-accordion-trigger] .icon-chevron-down-left,
[data-accordion-trigger] .icon-chevron-down-right {
  transform: rotate(0);
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: 50% 93%;
}

[data-accordion-trigger=open] .accordion--icon svg {
  transform: translateY(-22%);
}
[data-accordion-trigger=open] .icon-chevron-down-left {
  transform: rotate(45deg);
}
[data-accordion-trigger=open] .icon-chevron-down-right {
  transform: rotate(-45deg);
}

.placeholder--image,
.pxs-image-with-text-background svg,
.slideshow-slide__placeholder,
.tooltip__image.tooltip__placeholder-image,
.shoppable-image__placeholder-image,
.image-with-text__image.image-with-text__placeholder {
  display: block;
  background-color: #ebebeb;
  fill: #a6a6a6;
}

.placeholder--content-image {
  fill: #ebebeb;
}

.placeholder--content-text {
  background-color: #ebebeb;
}

.spr-badge .spr-badge-starrating {
  margin-right: 0;
}
.spr-badge .spr-badge-starrating .spr-icon {
  font-size: var(--font-size-body-tiny);
  color:black;
}
.spr-badge .spr-badge-caption {
  font-size: var(--font-size-body-tiny);
  display: inline-block;
  margin-left: 0.25rem;
  white-space: nowrap;
  color: #383a4e;
}

.spr-starratings,
.spr-starrating {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
}
.spr-starratings .spr-icon,
.spr-starrating .spr-icon {
  top: auto;
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 0.875rem;
  vertical-align: middle;
}
.spr-starratings .spr-icon:before,
.spr-starrating .spr-icon:before {
  font-size: 100%;
}

.spr-icon {
  color: #ffab41;
}
.spr-icon:not(:last-child) {
  margin-right: 0.1em;
}
.spr-icon.spr-icon-star-empty {
  color: #808080;
}
.spr-icon.spr-icon-star-empty.spr-icon-star-hover, .spr-icon.spr-icon-star-empty.spr-icon-star-hover:hover {
  color: #ffab41;
}
.spr-starrating.spr-form-input-error .spr-icon {
  color: #f05d5d;
}

.option-value-input:focus ~ .option-value-swatch-wrapper, .productgrid--sidebar-item-swatches-grid .filter-item[data-filter-active=false]:not(.filter-item--toggle-more) a:focus .filter-item--swatch-wrapper, .productitem--swatches-input:focus ~ .productitem--swatches-swatch-wrapper {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.option-value-input:focus ~ .option-value-swatch-wrapper .filter-item--swatch-inner, .productgrid--sidebar-item-swatches-grid .filter-item[data-filter-active=false]:not(.filter-item--toggle-more) a:focus .filter-item--swatch-wrapper .filter-item--swatch-inner, .productitem--swatches-input:focus ~ .productitem--swatches-swatch-wrapper .filter-item--swatch-inner,
.option-value-input:focus ~ .option-value-swatch-wrapper .productitem--swatches-swatch-inner,
.productgrid--sidebar-item-swatches-grid .filter-item[data-filter-active=false]:not(.filter-item--toggle-more) a:focus .filter-item--swatch-wrapper .productitem--swatches-swatch-inner,
.productitem--swatches-input:focus ~ .productitem--swatches-swatch-wrapper .productitem--swatches-swatch-inner,
.option-value-input:focus ~ .option-value-swatch-wrapper .swatch-inner,
.productgrid--sidebar-item-swatches-grid .filter-item[data-filter-active=false]:not(.filter-item--toggle-more) a:focus .filter-item--swatch-wrapper .swatch-inner,
.productitem--swatches-input:focus ~ .productitem--swatches-swatch-wrapper .swatch-inner {
  border: 1px solid rgba(0, 0, 0, 0.25);
}

.option-value-input:disabled + .option-value-swatch-wrapper, .option-value-input:disabled + .option-value-name, .productitem--swatches-input:disabled + .productitem--swatches-swatch-wrapper {
  cursor: not-allowed;
}

.option-value-input:checked + .option-value-swatch-wrapper, .productgrid--sidebar-item-swatches-grid [data-filter-active=true] .filter-item--swatch-wrapper, .productitem--swatches-input:checked + .productitem--swatches-swatch-wrapper {
  box-shadow: 0 0 0 1.5px 
rgb(255, 255, 255)

, 0 0 0 3px 
#818181

;
}

.option-value-input:checked:focus:not(:disabled) + .option-value-swatch-wrapper, .productgrid--sidebar-item-swatches-grid .filter-item[data-filter-active=true]:not(.filter-item--toggle-more) a:focus .filter-item--swatch-wrapper, .productitem--swatches-input:checked:focus ~ .productitem--swatches-swatch-wrapper {
  box-shadow: 0 0 0 1.5px 
rgb(255, 255, 255)

, 0 0 0 3px 
#818181

, 0 0 0 6px rgba(0, 0, 0, 0.1);
}

.option-value-input:disabled:checked + .option-value-swatch-wrapper, .productitem--swatches-input:disabled:checked + .productitem--swatches-swatch-wrapper {
  box-shadow: 0 0 0 1.5px rgba(51, 51, 51, 0.5);
}

.option-value-input[data-variant-option-available=false] + .option-value-swatch-wrapper .swatch, .productitem--swatches-input:disabled + .productitem--swatches-swatch-wrapper .productitem--swatches-swatch {
  position: relative;
}
.option-value-input[data-variant-option-available=false] + .option-value-swatch-wrapper .swatch::before, .productitem--swatches-input:disabled + .productitem--swatches-swatch-wrapper .productitem--swatches-swatch::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjEwMCUiIHkyPSIxMDAlIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiPjwvbGluZT48L3N2Zz4=");
  content: "";
  opacity: 0.5;
}

.option-value-input + .option-value-swatch-wrapper .swatch-inner, .filter-item--swatch-inner, .productitem--swatches-swatch-inner {
  height: 100%;
  pointer-events: none;
  background-position: center;
  background-size: cover;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: inherit;
  background-origin: border-box;
}

.option-value-input[data-variant-option-available=false] + .option-value-swatch-wrapper .swatch-inner, .productitem--swatches-input:disabled + .productitem--swatches-swatch-wrapper .productitem--swatches-swatch-inner {
  opacity: 0.6;
}

.option-value-input + .option-value-swatch-wrapper:hover::after, .productgrid--sidebar-item-swatches-grid .filter-item--swatch-wrapper:hover::after, .productitem--swatches-swatch-wrapper:hover::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  left: calc(50% + var(--swatch-tooltip-offset, 0px));
  z-index: 1;
  padding: 6px 9px;
  font-weight: 700;
  color: #000000;
  white-space: nowrap;
  pointer-events: none;
  background: 
rgb(255, 255, 255)

;
  border-radius: 3px;
  content: attr(data-swatch-tooltip);
  transform: translateX(-50%) translateY(100%) translateY(7px);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  animation: slide-swatch-tooltip 200ms cubic-bezier(0.7, 0.18, 1, 1);
}
@media screen and (min-width: 720px) {
  .option-value-input + .option-value-swatch-wrapper:hover::after, .productgrid--sidebar-item-swatches-grid .filter-item--swatch-wrapper:hover::after, .productitem--swatches-swatch-wrapper:hover::after {
    font-size: var(--font-size-body-smaller);
  }
}

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  padding: 5px;
  transform: translateY(-50%);
  opacity: 0.6;
  cursor: pointer;
}
.flickity-prev-next-button svg {
  top: 5px;
  left: 5px;
  width: 30px;
  height: 30px;
}
.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}
.flickity-prev-next-button:hover {
  background-color: transparent;
}
.flickity-prev-next-button:hover:not([disabled]) {
  opacity: 0.8;
}
.flickity-prev-next-button.previous {
  left: 2.1875rem;
}
.flickity-prev-next-button.next {
  right: 2.1875rem;
}

.flickity-page-dots {
  position: absolute;
  width: 100%;
  padding: 0;
  margin: 0;
  bottom: 25px;
  list-style: none;
  text-align: center;
  line-height: 1;
}
.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.promo-block,
.navmenu-meganav--image {
  background: #ebebeb;
}

.article-image,
.article--excerpt-image {
  background: #ebebeb;
}
.article--excerpt-wrapper--featured .article-image,
.article--excerpt-wrapper--featured .article--excerpt-image {
  background-color: transparent;
}

[data-rimg=lazy],
[data-rimg=loading],
[data-rimg=loaded] {
  transition: opacity 200ms cubic-bezier(0.4, 0, 1, 1);
}

img[data-rimg=lazy].slideshow-image, .product-gallery--image img[data-rimg=lazy],
img[data-rimg=loading].slideshow-image,
.product-gallery--image img[data-rimg=loading] {
  opacity: 0;
}

[data-rimg=loaded] {
  opacity: 1;
}

@media screen and (min-width: 720px) {
  .promo-block--content-wrapper {
    position: relative;
    z-index: 1;
  }
}

[data-rimg-canvas] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: shimmer-background 1050ms cubic-bezier(0.4, 0, 0.2, 1) infinite;
  animation-fill-mode: forwards;
  transition: opacity 200ms cubic-bezier(0, 0, 0.2, 1), visibility 0ms cubic-bezier(0, 0, 0.2, 1) 100ms;
  animation-direction: alternate;
}
[data-rimg=loaded] + [data-rimg-canvas], [data-rimg=loaded] > [data-rimg-canvas], .no-js [data-rimg-canvas] {
  opacity: 0;
  visibility: hidden;
  animation: none;
}
.no-js [data-rimg-canvas] {
  display: none;
}

.no-js noscript + img[data-rimg=lazy] {
  display: none;
}

.article--excerpt-image img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  visibility: hidden;
  object-fit: cover;
}
.no-js .article--excerpt-image img {
  visibility: visible;
}

.promo-block img,
.video-cover img,
.featured-collection__title-card img,
.search-section-background img,
.search-section-overlay img,
.article-image img {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.promo-block img[data-rimg=noscript],
.video-cover img[data-rimg=noscript],
.featured-collection__title-card img[data-rimg=noscript],
.search-section-background img[data-rimg=noscript],
.search-section-overlay img[data-rimg=noscript],
.article-image img[data-rimg=noscript] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  object-fit: cover;
}

.slideshow-image {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.slideshow-slide:not(.slideshow-height-original) .slideshow-image[data-rimg=noscript] {
  opacity: 1;
  object-fit: cover;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

* {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html,
body {
  background-color: 
rgb(255, 255, 255)

;
}

html {
  height: 100%;
}
html::before {
  display: none;
  content: "XXXS,XXS,XS,S,M,L,XL,XXL,XXXL";
}
html::after {
  display: none;
  content: "XXXS";
}
@media screen and (min-width: 480px) {
  html::after {
    content: "XXS";
  }
}
@media screen and (min-width: 680px) {
  html::after {
    content: "XS";
  }
}
@media screen and (min-width: 720px) {
  html::after {
    content: "S";
  }
}
@media screen and (min-width: 860px) {
  html::after {
    content: "M";
  }
}
@media screen and (min-width: 1024px) {
  html::after {
    content: "L";
  }
}
@media screen and (min-width: 1080px) {
  html::after {
    content: "XL";
  }
}
@media screen and (min-width: 1280px) {
  html::after {
    content: "XXL";
  }
}
@media screen and (min-width: 1500px) {
  html::after {
    content: "XXXL";
  }
}

body {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 400;
  font-size: var(--font-size-body);
  width: 100%;
  color: #000000;
}
@media screen and (max-width: 719px) {
  body {
    font-size: var(--font-size-body-small);
  }
}
.scroll-locked body {
  overflow: hidden;
  touch-action: manipulation;
}

th,
b,
strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

th em,
b em,
strong em,
em b,
em strong {
  font-style: italic;
}

[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=short] .product-gallery--media img[data-rimg=lazy], [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=short] .product-gallery--media img[data-rimg=loading], [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=short] .product-gallery--media img[data-rimg=loaded],
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .product-gallery--media img[data-rimg=lazy],
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .product-gallery--media img[data-rimg=loading],
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .product-gallery--media img[data-rimg=loaded],
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=tall] .product-gallery--media img[data-rimg=lazy],
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=tall] .product-gallery--media img[data-rimg=loading],
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=tall] .product-gallery--media img[data-rimg=loaded],
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
}

.skip-to-main {
  font-size: var(--font-size-body);
  position: absolute;
  top: 0;
  left: -9999px;
  color: #000000;
  background: 
rgb(255, 255, 255)

;
  text-decoration: none;
  padding: 1em;
}
.skip-to-main:focus, .skip-to-main:active {
  left: 0;
  z-index: 900;
}

body .mdc-ripple-surface:hover:before {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  *,
*::before,
*::after {
    animation-duration: 0.001s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001s !important;
    scroll-behavior: auto !important;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes overlay-fade-out {
  0% {
    opacity: 1;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  76.92% {
    opacity: 0;
    animation-timing-function: linear;
  }
  to {
    opacity: 0;
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes shimmer {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.5;
  }
}
@keyframes shimmer-background {
  from {
    background-color: #ebebeb;
  }
  to {
    background-color: #f5f5f5;
  }
}
@keyframes loading-video {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes hide-zoom {
  0% {
    pointer-events: all;
    opacity: 1;
  }
  100% {
    pointer-events: none;
    opacity: 0;
  }
}
@keyframes slide-swatch-tooltip {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(110%) translateY(7px);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(100%) translateY(7px);
  }
}
@keyframes slide-fade-y {
  0% {
    opacity: 0;
    transform: translateY(var(--slide-fade-translate-y, 25%));
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-fade-x {
  0% {
    opacity: 0;
    transform: translateX(var(--slide-fade-translate-x, 25%));
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes zoom-fade {
  0% {
    opacity: 0;
    transform: scale(var(--zoom-fade-scale, 0.6));
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes hide-on-load {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.site-header {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 700;
  max-width:100%;
}

.site-header-sticky .site-header {
  position: sticky;
  top: 0;
}
.search-takeover-active .site-header {
  visibility: hidden;
}

.site-header-wrapper {
  position: relative;
  width: 100%;
  color: #000000;
/*   background-color: 
rgb(255, 255, 255)

; */
  transition: top 150ms cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 700;
}/* .site-header-wrapper {
    box-shadow: 0 1px 4px ;
  } */.site-header-main {
  position: relative;
  z-index: 100;
  padding-top: 10px;
  padding-bottom: 10px;
/*   background-color: 
rgb(255, 255, 255)

; */
  transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (min-width: 680px) {
  .site-header-main {
    display: flex;
    align-items: flex-start;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (min-width: 720px) {
  .site-header-main {
    padding-right: 5px;
    padding-left: 5px;
  }
}
@media screen and (min-width: 1024px) {
  .site-header-main {
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
  }
  .site-header-sticky--scrolled .site-header-main {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.site-header-main.site-header--full-width {
  width: 100%;
  max-width: 100%; 
}

@media screen and (max-width: 719px) {
  .site-header-main[data-site-header-mobile-search-button] .live-search:not(.live-search--takeover) {
    display: none;
  }
  .site-header-main.site-header--full-width{
    padding-left:5px;
    padding-right:5px;
  }
}
@media screen and (min-width: 680px) {
  .site-header-main .live-search {
    flex: 1 1 auto;
    margin-top: 0;
    margin-right: 0.5rem;
  }
}

.site-header-main-content {
  margin-right: auto;
  margin-left: auto;
  font-size: 0;
  transition: margin 150ms cubic-bezier(0, 0, 0.2, 1);
}
@media screen and (min-width: 680px) {
  .site-header-main-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex: 1 1 auto;
    margin: 0;
  }
  
  
  
.site-header-main-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex: 1 1 auto;
    margin: 0;
    width: 200px;
   
    justify-content: center;
}
  
  
}
@media screen and (min-width: 1024px) {
  .site-header-main-content {
    flex-wrap: nowrap;
/*     justify-content: center; */
    margin-right: 125px;
    margin-left: 15px;
  }
  .site-header-sticky--scrolled .site-header-main-content {
    margin-left: 50px;
  }
}

.site-header-logo {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 679px) {
  .site-header-logo {
/*     display: table; */
    min-height: 46px;
    display: flex;
    justify-content: center;
  }
  [data-site-header-mobile-search-button] .site-header-logo {
    max-width: calc( calc(50% - 77px) * 2 );
  }
}
@media screen and (min-width: 680px) {
  .site-header-logo {
    flex: 0 0 auto;
    margin: 0 1.0rem 0 calc(1.0rem - 0.625rem);
  }
}
@media screen and (min-width: 1024px) {
  .site-header-logo {
    display: inline-block;
    height: auto;
    margin-right: 25px;
    margin-left: 0;
    text-align: left;
  }
}

.site-logo {
  display: block;
  max-width: 100%;
  color: currentColor;
  text-decoration: none; 
  /* filter: brightness(10); */
  /* removed fiter for snow effect */
}
@media screen and (max-width: 679px) {
  .site-logo {
    display: table-cell;
    vertical-align: middle;
  }
}
@media screen and (min-width: 680px) {
  .site-logo {
    max-height: none;
  }
}
@media screen and (min-width: 1024px) {
  .site-logo {
    display: inline-block;
    margin-left: 0;
  }
}

.site-logo-image {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 1024px) {
  .site-logo-image {
    display: inline-block;
    margin-left: 0;
  }
}

.site-logo-text {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 700;
  font-size: var(--font-size-body);
  display: block;
  width: 100%;
  letter-spacing: 0;
  text-decoration: none;
  text-transform: none;
}

.site-header-menu-toggle,
.site-header-mobile-search-button,
.site-header-cart {
  position: absolute;
  top: 10px;
  bottom: auto;
  z-index: 125;
  display: inline-block;
  height: 46px;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
@media screen and (min-width: 1024px) {
  .site-header-menu-toggle,
.site-header-mobile-search-button,
.site-header-cart {
    top: 50%;
    bottom: 66px;
    margin-top: -18px;
  }
  .site-header-sticky--scrolled .site-header-menu-toggle,
.site-header-sticky--scrolled .site-header-mobile-search-button,
.site-header-sticky--scrolled .site-header-cart {
    margin-top: -23px;
  }
}

.site-header-menu-toggle--button,
.site-header-mobile-search-button--button,
.site-header-cart--button {
  display: inline-block;
  padding: 10px;
  color: #000000;
}
.site-header-menu-toggle--button svg,
.site-header-mobile-search-button--button svg,
.site-header-cart--button svg {
  display: block;
}

.site-header-mobile-search-button[data-animation="visible=>hidden"] {
  transition: opacity 200ms cubic-bezier(0.6, 0.05, 0.01, 0.99), transform 200ms cubic-bezier(0.6, 0.05, 0.01, 0.99);
}
.site-header-mobile-search-button[data-animation="hidden=>visible"] {
  transition: opacity 200ms cubic-bezier(0.6, 0.05, 0.01, 0.99), transform 200ms cubic-bezier(0.6, 0.05, 0.01, 0.99);
}
.site-header-mobile-search-button[data-animation-state=hidden] {
  opacity: 0;
  transform: scale(0.5);
}

.site-header-menu-toggle {
  left: 0px;
  padding: 0;
}
@media screen and (max-width: 1023px) and (min-width: 680px) {
  .site-header-menu-toggle {
    position: relative;
    top: 0;
    left: 0;
  }
}
@media screen and (min-width: 1024px) {
  .site-header-menu-toggle {
    left: 15px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 125ms cubic-bezier(0, 0, 0.2, 1) 100ms;
  }
  .animating .site-header-menu-toggle {
    visibility: visible;
  }
  .site-header-sticky--scrolled .site-header-menu-toggle {
    opacity: 1;
    visibility: visible;
  }
}
.site-header-menu-toggle.active .toggle-icon--bar-top {
  transform: rotate(45deg);
}
.site-header-menu-toggle.active .toggle-icon--bar:nth-child(2) {
  opacity: 0;
}
.site-header-menu-toggle.active .toggle-icon--bar-bottom {
  transform: rotate(-45deg);
}

.site-header-menu-toggle--button {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: transparent;
}
.site-header-menu-toggle--button:focus {
  outline: none;
}
.site-header-menu-toggle--button .toggle-icon--bar {
  display: block;
  width: 24px;
  height: 3px;
  background-color:white;
/*   background-color: #000000; */
  transition: transform 100ms cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: 1px;
}
.site-header-menu-toggle--button .toggle-icon--bar + .toggle-icon--bar {
  margin-top: 5px;
}
.site-header-menu-toggle--button .toggle-icon--bar.toggle-icon--bar-middle {
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1);
}

.site-header-mobile-search-button {
  left: 42px;
  padding: 0;
}
@media screen and (min-width: 720px) {
  .site-header-mobile-search-button {
    display: none;
  }
}

.site-header-mobile-search-button--button {
  padding-top: 11px;
  padding-right: 6px;
  padding-bottom: 11px;
  padding-left: 6px;
  background-color: transparent;
}
.site-header-mobile-search-button--button svg {
  width: 23px;
  height: 24px;
}
.site-header-mobile-search-button--button:focus {
  outline: none;
}

.site-header-cart {
  right: 0px;
  transition: right 150ms cubic-bezier(0.4, 0, 0.2, 1), top 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 1023px) and (min-width: 680px) {
  .site-header-cart {
    position: relative;
    top: 0;
    right: 0;
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .site-header-cart {
    right: 15px;
  }
}
.site-header-cart svg {
  transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.site-header-cart--count {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  opacity: 0;
  transition: opacity 150ms cubic-bezier(0.4, 0, 1, 1);
}
.site-header-cart--count.visible {
  opacity: 1;
}
.site-header-cart--count.visible + svg {
  margin-right: 5px;
}
.site-header-cart--count:after {
  display: block;
  height: 22px;
  min-width: 22px;
  padding: 3px;
  font-size: 0.6875rem;
  line-height: 12px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border: 2px solid 
rgb(255, 255, 255)

;
  border-radius: 50%;
  content: attr(data-header-cart-count);
}

@media screen and (min-width: 1024px) {
  .small-promo-enabled {
    margin-right: 4.25rem;
  }
}

.small-promo {
  font-size: var(--font-size-body-smaller);
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  order: 1;
  color: #000000;
  text-decoration: none;
  transform: translate3d(0, 0, 0) scale(1);
}
@media screen and (max-width: 719px) {
  [data-site-header-mobile-search-button] .small-promo {
    margin-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
}
@media screen and (min-width: 680px) {
  .small-promo {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .small-promo {
    padding-top: 0.675rem;
    padding-right: 10px;
    padding-bottom: 0.15rem;
    padding-left: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .small-promo {
    align-items: center;
    justify-content: flex-start;
    width: auto;
    margin-left: 2.1875rem;
  }
}

.small-promo-icon {
  flex-shrink: 0;
  height: 1rem;
  margin-right: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.small-promo-icon svg {
  width: 100%;
  height: 100%;
  max-width: 3.75rem;
  max-height: 3.75rem;
}
.small-promo-icon img {
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .small-promo-icon {
    width: auto;
    height: 1.75rem;
  }
}

@media screen and (max-width: 1023px) {
  .small-promo-icon--svg {
    width: 1rem;
  }
}

@media screen and (max-width: 1023px) {
  .small-promo-icon--custom {
    width: auto;
  }
}

@media screen and (max-width: 1023px) {
  .small-promo-text-desktop,
.small-promo-text-mobile {
    font-size: var(--font-size-body-smaller);
    display: inline;
  }
  .small-promo-text-desktop p,
.small-promo-text-mobile p {
    display: inline;
  }
}

.small-promo-heading {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 700;
  display: inline;
  margin: 0;
  font-weight: 700;
}
@media screen and (max-width: 1023px) {
  .small-promo-heading {
    font-size: var(--font-size-heading-body-smaller);
  }
}
@media screen and (min-width: 1024px) {
  .small-promo-heading {
    display: block;
    font-size: var(--font-size-heading-body-small);
  }
}

.small-promo-content {
  line-height: 1.3;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .small-promo-content {
    max-width: 200px;
    text-align: left;
  }
}
.small-promo-content p {
  margin: 0;
}
.small-promo-content a {
  position: relative;
  z-index: 1;
  font-size: inherit;
  color: inherit;
}

.small-promo-text-desktop {
  display: inline;
}
@media screen and (min-width: 1024px) {
  .small-promo-text-desktop {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  .small-promo-text-mobile + .small-promo-text-desktop {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .small-promo-text-mobile {
    display: none;
  }
}

.announcement-bar--link,
.small-promo--link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.announcement-bar-text a,
.announcement-bar-text-mobile a {
  position: relative;
  z-index: 1;
}

.site-footer-wrapper {
  z-index: 500;
  padding-top: 0.75rem;
  padding-bottom: 1.75rem;
  margin-top: 3.125rem;
  color: #fff;
  background: 
rgb(33, 53, 200)

;
  max-width: 100%;
}
.site-footer-wrapper .navmenu-link,
.site-footer-wrapper .site-footer-credits a,
.site-footer-wrapper .rte a {
  color: currentColor;
  text-decoration: none;
  transition: color 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
.site-footer-wrapper .navmenu-link:hover,
.site-footer-wrapper .site-footer-credits a:hover,
.site-footer-wrapper .rte a:hover {
  color: 
#ebebeb

;
}
.site-footer-wrapper .rte a {
  text-decoration: underline;
}
@media screen and (min-width: 1024px) {
  .site-footer-wrapper {
    padding-top: 3.25rem;
    padding-bottom: 3.125rem;
  }
}

.site-footer-information {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 2.0rem;
}
.site-footer-information a {
  color: rgba(255, 255, 255, 0.8);
}
.site-footer-information a:hover {
  color: 
#ebebeb

;
}
@media screen and (min-width: 1024px) {
  .site-footer-information {
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-top: 70px;
  }
}
.site-footer-information .navmenu {
  padding: 0;
  margin: 0;
  font-size: 0;
  list-style: none;
}
.site-footer-information .navmenu .navmenu-item {
  display: inline-block;
  margin-bottom: 6px;
  font-size: 0.8125rem;
}
.site-footer-information .navmenu .navmenu-item:not(:last-child) {
  padding-right: 11px;
  margin-right: 10px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.site-footer-left,
.site-footer-right {
  width: 100%;
}

.site-footer-left {
  order: 1;
  font-size: 0.8125rem;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .site-footer-left {
    order: -1;
    text-align: left;
  }
  .site-footer-left:not(:only-child) {
    width: 60%;
    padding-right: 12.5px;
  }
}

.site-footer-credits {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.8);
}
.site-footer-credits:not(:first-child) {
  margin-top: 6px;
}

@media screen and (min-width: 1024px) {
  .site-footer-right {
    width: 40%;
    padding-left: 12.5px;
  }
}
.site-footer-right :first-child {
  margin-top: 0;
}

.payment-icons {
  width: 100%;
  padding-left: 0;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 0;
  font-size: 0;
  text-align: center;
  list-style: none;
}
@media screen and (min-width: 1024px) {
  .payment-icons {
    margin-bottom: -10px;
    text-align: right;
  }
}

.payment-icons-item {
  font-size: var(--font-size-body);
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  .payment-icons-item {
    margin-right: 0;
    margin-left: 10px;
  }
}
.payment-icons-item svg {
  width: 48px;
  height: 30px;
}

.shopify-localization-form {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .shopify-localization-form {
    justify-content: flex-end;
  }
}

.fourohfour--container {
  margin-top: 6.25rem;
  margin-bottom: 12.75rem;
  text-align: center;
}
.fourohfour--container .fourohfour-title h1 {
  margin-top: 0;
  color: #000000;
}

.fourohfour--inner p {
  margin-bottom: 1.75rem;
  color: #000000;
}
.fourohfour--inner p:last-child {
  margin-bottom: 0;
}
.fourohfour--inner .button-primary {
  font-size: var(--font-size-button-large);
  padding: 0.875rem 1.75rem;
  letter-spacing: 0.0em;
}.fourohfour--inner .button-primary {
    text-transform: none;
  }.announcement-bar {
  font-style: normal;
  font-weight: 700;
  font-size: var(--font-size-body-smaller);
  position: relative;
  display: block;
  padding: 15px 0;
  line-height: 1.3;
  color: #000000;
  text-align: center;
  text-decoration: none;
  z-index: 700;
  transform: translate3d(0, 0, 0) scale(1);
}
@media screen and (min-width: 720px) {
  .announcement-bar.only-mobile {
    display: none;
  }
}
.announcement-bar p {
  margin: 0;
}
.announcement-bar a {
  color: currentColor;
}
@media screen and (min-width: 720px) {
  .announcement-bar {
    font-size: var(--font-size-body-small);
  }
}

.announcement-bar-text {
  display: none;
}
@media screen and (min-width: 720px) {
  .announcement-bar-text {
    display: block;
  }
}

@media screen and (min-width: 720px) {
  .announcement-bar-text-mobile {
    display: none;
  }
}

.announcement-bar-link {
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
}

.announcement-bar-text a,
.announcement-bar-text-mobile a {
  position: relative;
  z-index: 1;
}

.article--section:first-child .article-image--content-width {
  margin-top: 2.0rem;
}

.article-image {
  position: relative;
  width: 100%;
  height: 250px;
  margin: 0;
  overflow: hidden;
  background-position: 50% 50%;
  background-size: cover;
}
@media screen and (min-width: 680px) {
  .article-image {
    height: 350px;
  }
}
@media screen and (min-width: 860px) {
  .article-image {
    height: 400px;
  }
}
@media screen and (min-width: 1024px) {
  .article-image {

    height: 227px;
    width: 100%;
    margin: 0 auto;
  }
}

.article-image--content-width {
  margin-right: auto;
  margin-left: auto;
  background-clip: content-box;
}

.article--container {
  position: relative;
  margin-top: 2.0rem;
}
@media screen and (max-width: 1023px) {
  .article--container {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 1023px) and (min-width: 680px) {
  .article--container {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .article--container {
    padding-right: 0;
    padding-left: 0;
  }
}

.article--sidebar {
  padding-right: 1.25rem;
}
@media screen and (max-width: 679px) {
  .article--sidebar {
    display: none;
  }
}
@media screen and (max-width: 1023px) and (min-width: 680px) {
  .article--sidebar {
    width: 18%;
  }
}
@media screen and (min-width: 1024px) {
  .article--sidebar {
    /*position: absolute;*/
    left: 1.75rem;
  }
}
.article--sidebar .share-buttons {
  margin-top: 0;
}
@media screen and (max-width: 1279px) and (min-width: 680px) {
  .article--sidebar .share-buttons .share-buttons--button {
    display: block;
    margin-bottom: 0.5rem;
    margin-left: 0 !important;
  }
}

.article--share-buttons {
  margin-top: 2.0rem;
}
@media screen and (min-width: 680px) {
  .article--share-buttons {
    display: none;
  }
}

.article--inner {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 679px) {
  .article--inner {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) and (min-width: 680px) {
  .article--inner {
    width: 82%;
  }
}
@media screen and (min-width: 1024px) {
  .article--inner {
    padding-right: 25px;
    padding-left: 25px;
    max-width: 1000px;
  }
}

.article--meta {
  font-size: 0;
  color: #dddddd;
}

.article--meta-item {
  font-size: var(--font-size-body);
  display: inline-block;
}
@media screen and (max-width: 719px) {
  .article--meta-item {
    font-size: var(--font-size-body-small);
  }
}
.article--meta-item:nth-child(2) {
  padding-left: 11px;
  margin-left: 10px;
  border-left: 1px solid ;
}
@media screen and (max-width: 719px) {
  .article--meta-item:nth-child(2) {
    padding-left: 6px;
    margin-left: 5px;
  }
}

.article--title {
  font-size: var(--font-size-heading-1);
  margin-top: 0;
  margin-bottom: 1.95rem; /*2.0rem;*/
  color: #000000;
}
.article--meta + .article--title {
  margin-top: 0.75rem;
}

.article--tags {
  font-style: normal;
  font-weight: 400;
  font-size: var(--font-size-body-smaller);
  margin-top: 3.125rem;
  color: #dddddd;
}
.article--tags .article--tags-title {
  color: #000000;
}
.article--tags a {
  margin-left: 0.25rem;
  color: #dddddd;
}
.article--tags a:hover {
  color: rgba(0, 0, 0, 0.6);
}

.article--pagination {
  width: 100%;
  margin-top: 2.35rem; /*4.25rem*/;
  font-size: 0;
  margin-bottom: 2.35rem;
}
.article--pagination .article--pagination-item-left,
.article--pagination .article--pagination-item-right {
  position: relative;
  display: inline-block;
  max-width: 40%;
  width: 100%;
}
.article--pagination .article--pagination-item-right {
  float: right;
  text-align: right;
}
.article--pagination .article--pagination-chevron-right,
.article--pagination .article--pagination-chevron-left {
  margin-top: 0.5rem;
}
.article--pagination .article--pagination-chevron-left {
  margin-right: 0.3125rem;
  margin-left: 0;
}
.article--pagination .article--pagination-chevron-left svg {
  transform: rotate(90deg);
}
@media screen and (min-width: 680px) {
  .article--pagination .article--pagination-chevron-left {
    position: absolute;
    left: calc(-8px - 0.3125rem);
  }
}
.article--pagination .article--pagination-text {
  font-style: normal;
  font-weight: 700;
  font-size: var(--font-size-body);
  display: inline-block;
  width: calc(100% - (8px + 0.3125rem));
  vertical-align: top;
}
.article--pagination .article--pagination-title {
  font-style: italic;
  font-weight: 400;
  font-size: var(--font-size-body-small);
  display: none;
  margin-top: 0.25rem;
  line-height: 1.46;
  color: #000000;
}
@media screen and (min-width: 680px) {
  .article--pagination .article--pagination-title {
    display: block;
  }
}

.cart-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
  color: #000000;
}
@media screen and (min-width: 720px) {
  .cart-title {
    margin-bottom: 2.0rem;
  }
}
@media screen and (min-width: 1024px) {
  .cart-title {
    margin-top: 3.125rem;
    margin-bottom: 3.125rem;
  }
}
.cart-title h1 {
  margin-top: 0;
  margin-bottom: 0;
}

.cart-title-right {
  display: flex;
  align-items: center;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.cart-title-button {
  font-size: var(--font-size-button-small);
  padding: 0.625rem 1rem;
  letter-spacing: 0.0em;
  display: flex;
  align-items: center;
}.cart-title-button {
    text-transform: none;
  }@media screen and (min-width: 480px) {
  .cart-title-button {
    font-size: var(--font-size-button-medium);
    padding: 0.75rem 1.125rem;
    letter-spacing: 0.0em;
  }.cart-title-button {
      text-transform: none;
    }}
.cart-title-button svg {
  display: block;
  width: 19px;
  height: 18px;
  margin-right: 10px;
}

.cart-title-total {
  font-size: var(--font-size-body-smaller);
  margin-top: 0.25rem;
  color: #dddddd;
}
.cart-title-total span {
  display: inline-block;
  margin-left: 0.25rem;
  color: #000000;
}

.cart-title-total--small {
  width: 100%;
}

.cart-title-total--large .cart-title-total {
  margin-top: 0;
  margin-right: 1.25rem;
  text-align: right;
}
.cart-title-total--large span {
  font-size: var(--font-size-heading-4);
  display: block;
  margin-top: 0.25rem;
  margin-left: 0;
}

@media screen and (min-width: 860px) {
  .cartitems--container.has-sidebar {
    display: flex;
  }
}
@media screen and (min-width: 860px) {
  .cartitems--container.has-sidebar .cartitems {
    width: calc(100% - (280px + 1.25rem));
    margin-right: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .cartitems--container.has-sidebar .cartitems {
    width: calc(100% - (280px + 2.0rem));
    margin-right: 2.0rem;
  }
}
@media screen and (min-width: 1280px) {
  .cartitems--container.has-sidebar .cartitems {
    width: calc(100% - (280px + 3.125rem));
    margin-right: 3.125rem;
  }
}

.cartitems .cartitems--list {
  padding-left: 0;
}

.cartitems-empty {
  font-size: var(--font-size-body);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 358px;
  padding: 1.25rem;
  text-align: center;
  border: 1px solid ;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06);
}

.cartitems-empty--inner p {
  margin-top: 0;
  margin-bottom: 1.25rem;
}
.cartitems-empty--inner .button-primary {
  font-size: var(--font-size-button-medium);
  padding: 0.75rem 1.125rem;
  letter-spacing: 0.0em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}.cartitems-empty--inner .button-primary {
    text-transform: none;
  }.cartitems-empty--inner .button-primary svg {
  display: block;
  width: 19px;
  height: 18px;
  margin-right: 6px;
  margin-bottom: 1px;
}

.cart-total {
  margin-top: 2.0rem;
}

.cart-ordernote .form-field {
  max-width: 450px;
}
.cart-ordernote textarea {
  min-height: 118px;
}

.cart-ordernote-heading {
  display: block;
  margin-bottom: 0.75rem;
  color: #000000;
}

.cart-final-total {
  padding-top: 1.75rem;
  margin-top: 2.0rem;
  margin-bottom: 1.0rem;
  border-top: 1px solid ;
}
.cart-final-total .discount-list-item svg {
  height: 0.75rem;
  width: 0.75rem;
}

.cart-discount,
.cart-subtotal {
  display: table;
  width: 100%;
}
.cart-discount > span,
.cart-subtotal > span {
 
  vertical-align: middle;
}
.cart-discount .money,
.cart-discount .cart-discount-price,
.cart-subtotal .money,
.cart-subtotal .cart-discount-price {
  min-width: 7rem;
  text-align: right;
  vertical-align: top;
}

.cart-discount {
  font-size: var(--font-size-body);
}
.cart-discount > span {
  margin-bottom: 0.25rem;
}

.cart-subtotal {
  font-size: 1.375rem;
  color: #000000;
}
.cart-subtotal .money {
  font-size: 1.45rem;
  font-weight: 700;
}

.cart-shipping {
  font-size: var(--font-size-body);
  margin-bottom: 1.75rem;
  color: #000000;
  line-height: 1.56;
  margin-top:1.25rem;
}
.cart-shipping .cart-shipping-toggle {
  display: block;
  line-height: 1.56;
}

.cart-shippingcalc--container {
  display: none;
  margin-bottom: 4.25rem;
}
.cart-shippingcalc--container.open {
  display: block;
}

.cart-shippingcalc-form {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}
.cart-shippingcalc-form .cart-shippingcalc--inner {
  margin-bottom: 1.0rem;
}
@media screen and (min-width: 480px) {
  .cart-shippingcalc-form .cart-shippingcalc--inner {
    display: flex;
  }
}
.cart-shippingcalc-form .form-field {
  width: 100%;
}
@media screen and (max-width: 479px) {
  .cart-shippingcalc-form .form-field {
    margin-bottom: 1.0rem;
  }
  .cart-shippingcalc-form .form-field:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 480px) {
  .cart-shippingcalc-form .form-field {
    width: calc(33.3333333333% - 1.0rem / 2 - 2px);
    margin-right: 1.0rem;
  }
  .cart-shippingcalc-form .form-field:last-child {
    margin-right: 0;
  }
}
.cart-shippingcalc-form .button-primary {
  font-size: var(--font-size-button-medium);
  padding: 0.75rem 1.125rem;
  letter-spacing: 0.0em;
}.cart-shippingcalc-form .button-primary {
    text-transform: none;
  }.cart-shippingcalc-none {
  margin-top: 0;
}

.cart-shippingcalc-response {
  display: none;
  padding: 1.25rem;
  color: #000000;
  background-color: #f2f2f2;
}
.cart-shippingcalc-response.visible {
  display: block;
}
.cart-shippingcalc-response > *:first-child {
  margin-top: 0;
}
.cart-shippingcalc-response > *:last-child {
  margin-bottom: 0;
}

.cart-shippingcalc-rates {
  margin-top: 1.25rem;
}
.cart-shippingcalc-rates:empty {
  display: none;
}

.cart-checkout {
  text-align: center;
}
.cart-checkout .button-primary {
  font-size: var(--font-size-button-x-large);
  padding: 0.875rem 1.75rem;
  letter-spacing: 0.0em;
  width: 100%;
}.cart-checkout .button-primary {
    text-transform: none;
  }.cart-checkout .button-primary svg {
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-right: 5px;
  margin-bottom: 2px;
  vertical-align: top;
}
.cart-checkout .cart-continue {
  margin-top: 1.25rem;
}

.additional-checkout-buttons {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

[data-shopify-buttoncontainer] {
  justify-content: center;
}

.cart-continue {
  font-size: var(--font-size-body);
  display: block;
}
.cart-continue:hover .icon-signpost-arrow path {
  transition: transform 125ms cubic-bezier(0.4, 0, 0.2, 1), opacity 125ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
}
.cart-continue:hover .icon-signpost-arrow path:first-child {
  transform: translateX(0);
}
.cart-continue:hover .icon-signpost-arrow path:last-child {
  transform: translateX(0);
}

.cart-sidebar {
  width: 100%;
}
@media screen and (max-width: 479px) {
  .cart-sidebar {
    margin-top: 1.75rem;
  }
}
@media screen and (max-width: 859px) and (min-width: 480px) {
  .cart-sidebar {
    display: flex;
    margin-top: 3.125rem;
  }
}
@media screen and (min-width: 860px) {
  .cart-sidebar {
    width: 280px;
  }
}

.cart-sidebar-item {
  position: relative;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 479px) {
  .cart-sidebar-item {
    width: 100%;
  }
}
@media screen and (max-width: 859px) and (min-width: 480px) {
  .cart-sidebar-item {
    width: calc(50% - 1.25rem / 2);
  }
  .cart-sidebar-item:first-child {
    margin-right: 1.25rem;
  }
}
@media screen and (min-width: 860px) {
  .cart-sidebar-item:last-child {
    margin-bottom: 0;
  }
}
.cart-sidebar-item .cart-sidebar-item-image {
  display: block;
  width: 100%;
  max-width: 100%;
}

.cart-sidebar-item--text {
  padding: 1.25rem;
  background-color: #f2f2f2;
}
.cart-sidebar-item--text > *:first-child {
  margin-top: 0;
}
.cart-sidebar-item--text > *:last-child {
  margin-bottom: 0;
}

.collection--section {
  margin-top: 1.25rem;
}
@media screen and (min-width: 720px) {
  .collection--section {
    margin-top: 1.75rem;
  }
}

.collection--image {
  position: relative;
  margin: 0;
}
.collection--image img {
  display: block;
  width: 100%;
  height: auto;
}

.collection--title {
  font-size: var(--font-size-heading-large);
  margin: 1.75rem 0 0.75rem;
  line-height: 1.3;
  color: #000000;
}

.collection--description {
  width: 100%;
  max-width: 110ch;
}

.template-password,
.template-password .site-main,
.template-password .password--section {
  height: 100%;
}

.password--section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.password-page-header,
.password-page-content,
.password-page-footer {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.password-mailinglist--container,
.password-social--container {
  margin-top: 2.0rem;
}
@media screen and (min-width: 720px) {
  .password-mailinglist--container,
.password-social--container {
    margin-top: 4.25rem;
  }
}

.password-page-header {
  width: 100%;
  min-height: 66px;
  padding: 10px 10px;
  font-size: 0;
  color: #000000;
  background-color: 
rgb(255, 255, 255)

;
}
@media screen and (min-width: 720px) {
  .password-page-header {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media screen and (min-width: 1024px) {
  .password-page-header {
    padding-right: 25px;
    padding-left: 25px;
  }
}

.password-header-logo {
  display: inline-block;
  width: 50%;
  padding-right: 10px;
  line-height: 1.1;
  color: currentColor;
  text-decoration: none;
  vertical-align: middle;
}

.password-header-logo-image {
  display: block;
  max-width: 100px;
  max-height: 100%;
}

.password-header-logo-text {
  font-size: var(--font-size-body);
  display: block;
  width: 100%;
  text-decoration: none;
}

.password-header-login {
  display: inline-block;
  width: 50%;
  height: 46px;
  padding-left: 10px;
  text-align: right;
  vertical-align: middle;
}

.password-header-lock {
  display: inline-block;
  padding: 8px 10px;
  margin-top: 4px;
  margin-right: -10px;
  color: currentColor;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.password-header-lock svg {
  display: block;
  fill: currentColor;
}

.password-page-content--inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 600px;
  padding-top: 2.0rem;
  padding-bottom: 2.0rem;
  text-align: center;
}
@media screen and (min-width: 720px) {
  .password-page-content--inner {
    padding-top: 4.25rem;
    padding-bottom: 4.25rem;
  }
}

.password-title {
  margin-top: 0;
  margin-bottom: 1.25rem;
  color: #000000;
}

.password-message {
  margin-bottom: 0;
  line-height: 1.56;
  color: #000000;
}

.password-mailinglist--container .password-mailinglist-title {
  font-size: var(--font-size-heading-4);
  margin-top: 0;
  margin-bottom: 1.25rem;
  color: #000000;
}
.password-mailinglist--container .password-mailinglist-title h1 {
  margin-top: 0;
  margin-bottom: 0;
}
.password-mailinglist--container .password-mailinglist-text {
  font-size: var(--font-size-body-small);
}
.password-mailinglist--container .form-fields-inline {
  display: table;
  width: 100%;
  max-width: calc(600px * 2 / 3);
  margin-right: auto;
  margin-left: auto;
}
.password-mailinglist--container .newsletter .newsletter-input {
  display: table-cell;
  width: 100%;
  max-width: none;
  padding-right: 0.75rem;
  vertical-align: middle;
}
.password-mailinglist--container .newsletter .newsletter-submit {
  display: table-cell;
  width: auto;
  margin-left: 0;
  white-space: nowrap;
  vertical-align: middle;
}
.password-mailinglist--container .button-primary {
  font-size: var(--font-size-button-large);
  padding: 0.875rem 1.75rem;
  letter-spacing: 0.0em;
  display: block;
  width: 100%;
}.password-mailinglist--container .button-primary {
    text-transform: none;
  }@media screen and (max-width: 719px) {
  .password-mailinglist--container .button-primary {
    padding-right: 1.0rem;
    padding-left: 1.0rem;
  }
}

.password-social--title {
  font-style: normal;
  font-weight: 400;
  font-size: var(--font-size-body);
}

.password-page-footer {
  padding-top: 1.0rem;
  padding-bottom: 1.0rem;
  text-align: center;
}

.password-page-footer--item {
  display: block;
}
.password-page-footer--item:not(:first-child) {
  margin-top: 0.5rem;
}
@media screen and (min-width: 680px) {
  .password-page-footer--item {
    display: inline-block;
    margin-top: 0;
  }
}

.passwordentry-container {
  display: none;
}

.passwordentry-title {
  font-size: var(--font-size-heading-4);
  margin-top: 0;
  margin-bottom: 1.75rem;
  color: #000000;
}

.passwordentry-contents .passwordentry-message {
  margin-bottom: 1.25rem;
}
.passwordentry-contents .form-fields-inline {
  display: table;
  width: 100%;
}
.passwordentry-contents .passwordentry-input {
  display: table-cell;
  width: 100%;
  padding-right: 0.75rem;
  vertical-align: middle;
}
.passwordentry-contents .passwordentry-submit {
  display: table-cell;
  vertical-align: middle;
}
.passwordentry-contents .button-primary {
  font-size: var(--font-size-button-large);
  padding: 0.875rem 1.75rem;
  letter-spacing: 0.0em;
  display: block;
  width: 100%;
  white-space: nowrap;
}.passwordentry-contents .button-primary {
    text-transform: none;
  }@media screen and (max-width: 719px) {
  .passwordentry-contents .button-primary {
    padding-right: 1.0rem;
    padding-left: 1.0rem;
  }
}
.passwordentry-owner {
  margin-top: 1.75rem;
  margin-bottom: 0;
  color: #000000;
}

.modal--passwordentry .modal-inner {
  max-width: 450px;
  padding: 1.75rem 1.25rem;
  text-align: center;
  white-space: normal;
}
@media screen and (min-width: 680px) {
  .modal--passwordentry .modal-inner {
    padding: 3.125rem;
  }
}

.product--container {
  margin-top: 1.25rem;
}
@media screen and (min-width: 720px) {
  .product--container {
    margin-top: 1.75rem;
  }
}
@media screen and (max-width: 719px) {
  .product--container {
    padding-right: 0;
    padding-left: 0;
  }
}

.product--outer {
  display: block;
  font-size: 0;
}
@media screen and (min-width: 720px) {
  .product--outer {
    display: flex;
  }
}

@media screen and (max-width: 719px) {
  .product-gallery,
.product-main,
.product-readmore {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.product-gallery,
.product-form--alt,
.product-main {
  font-size: var(--font-size-body);
  display: inline-block;
  width: 100%;
  vertical-align: top;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.product-gallery.product-gallery--fade,
.product-form--alt.product-gallery--fade,
.product-main.product-gallery--fade {
  opacity: 0.3;
}

@media screen and (min-width: 720px) {
  .product-gallery {
    width: 51.5%;
  }
}
@media screen and (min-width: 1024px) {
  .layout--three-col .product-gallery {
    width: 35%;
  }
}

@media screen and (min-width: 720px) {
  .product-main {
    width: 46%;
    margin-left: 2.5%;
  }
}
@media screen and (min-width: 1024px) {
  .layout--three-col .product-main {
    width: 36.5%;
    margin-left: 2.5%;
  }
}

.product-description {
  margin-top: 1.75rem;
}

.product-form--alt {
  font-size: var(--font-size-body);
  display: none;
}
@media screen and (min-width: 1024px) {
  .product-form--alt {
    display: block;
    width: 23.5%;
    margin-left: 2.5%;
  }
}
@media screen and (min-width: 1280px) {
  .product-form--alt {
    width: 22%;
    margin-left: 4%;
  }
}

.product-link {
  display: inline-block;
  margin-top: 25px;
}

.blog-title {
  margin-top: 0.75rem;
  margin-bottom: 1.0rem;
  color: #000000;
}
@media screen and (min-width: 1024px) {
  .blog-title {
    margin-top: 1.75rem;
    margin-bottom: 1.0rem;
  }
}
.blog-title h1,
.blog-title a {
  display: inline-block;
}
.blog-title a {
  padding: 0.125rem 0.625rem;
}
.blog-title svg {
  display: block;
  fill: #000000;
}

.blog--inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0;
  list-style-type: none;
}
@media screen and (max-width: 679px) {
  .blog--inner .article--excerpt-wrapper {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (min-width: 680px) {
  .blog--inner .article--excerpt-wrapper {
    width: calc(50% - 5px);
    margin-right: 10px;
  }
}
@media screen and (max-width: 859px) and (min-width: 680px) {
  .blog--inner .article--excerpt-wrapper:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 719px) {
  .blog--inner .article--excerpt-wrapper {
    margin-bottom: 1.75rem;
  }
}
@media screen and (min-width: 720px) {
  .blog--inner .article--excerpt-wrapper {
    /*margin-bottom: 3.125rem;*/
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 860px) {
  .blog--inner .article--excerpt-wrapper:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1079px) and (min-width: 860px) {
  .blog--inner .article--excerpt-wrapper {
    width: calc(33.3333333333% - 6.6666666667px);
  }
}
@media screen and (min-width: 1080px) {
  .blog--inner .article--excerpt-wrapper {
    width: calc(33.3333333333% - 13.3333333333px);
    margin-right: 20px;
  }
}

.search--section {
  margin-top: 1.25rem;
}
@media screen and (min-width: 720px) {
  .search--section {
    margin-top: 1.75rem;
  }
}

.blogposts--container {
  position: relative;
}
@media screen and (max-width: 1023px) {
  .blogposts--container {
    overflow: hidden;
  }
  .blogposts--container .pxu-lia-block {
    animation: hide-on-load 5s step-end running;
  }
  .blogposts--container .flickity-viewport .pxu-lia-block {
    --slide-fade-translate-x: 30px;
    animation: slide-fade-x 500ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
    animation-delay: 100ms;
  }
  .pxu-lia-section--play .blogposts--container .flickity-viewport .pxu-lia-block {
    animation-play-state: running;
  }
}
@media only screen and (max-width:600px){
  .blogposts--container{
    width:85%;margin:0 auto;padding:0 20px;
    }
  section.blogposts--container.blogposts--count-3 .flickity-prev-next-button.next {
    right: 5px;
  }
  section.blogposts--container.blogposts--count-3 .flickity-prev-next-button.previous {
    left: -16px;
  }
  section.blogposts--container.blogposts--count-3 .flickity-prev-next-button img {
    width: 22px;
  }
  .blogposts--inner.flickity-enabled {
    padding-left: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .blogposts--container .pxu-lia-element {
    animation: fade-in 600ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
    animation-delay: calc(100ms + 100ms * var(--pxu-lia-outer-sequence));
  }
}

.blogposts--inner {
  padding: 0;
  list-style-type: none;
  outline: none;
}
.blogposts--inner:not(.flickity-enabled),
.blogposts--inner .flickity-slider {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  transition: width 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .blogposts--inner .flickity-slider{
    left: -25%!important;
    position: relative;
    right: 0%;
  }
  .flickity-viewport, .flickity-slider {
    width: 100%!important;
  }
  .ecom-logo-slide-row .slick-next, .slick-prev {
    right: -1%;
  }
  .ecom-logo-slide-row .slick-prev {
    left: -1%;
  }
  .blogposts--count-3 .blogposts--inner .article--excerpt-wrapper {
    width:30%;
  }
}

.blogposts--inner.flickity-enabled {
  display: block;
  width: 100%;
  cursor: grab;
}


.blogposts--inner .article--excerpt-wrapper {
  font-size: var(--font-size-body);
  width: 16.25rem;
  min-height: 100%;
}

@media screen and (min-width: 375px) {
  .blogposts--count-1 .blogposts--inner .article--excerpt-wrapper, .blogposts--count-3 .blogposts--inner .article--excerpt-wrapper {
    width: 17.5rem;
  }
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  .blogposts--count-1 .blogposts--inner .article--excerpt-wrapper, .blogposts--count-3 .blogposts--inner .article--excerpt-wrapper {
    width: 30%;
  }
}
@media screen and (min-width: 1024px) {
  .blogposts--count-1 .blogposts--inner .article--excerpt-wrapper {
    width: calc(33.3333333333% - 6.6666666667px);
  }
  .blogposts--count-3 .blogposts--inner .article--excerpt-wrapper{
    width:25%;
  }
}
@media screen and (min-width: 1080px) {
  .blogposts--count-1 .blogposts--inner .article--excerpt-wrapper{
    width: calc(33.3333333333% - 13.3333333333px);
  }
  .blogposts--count-3 .blogposts--inner .article--excerpt-wrapper{
    width:25%;
  }
}
.blogposts--count-2 .blogposts--inner .article--excerpt-wrapper {
  width: 17.5rem;
}
@media screen and (min-width: 580px) {
  .blogposts--count-2 .blogposts--inner .article--excerpt-wrapper {
    width: calc(50% - 5px);
  }
}
@media screen and (min-width: 1080px) {
  .blogposts--count-2 .blogposts--inner .article--excerpt-wrapper {
    width: calc(50% - 10px);
  }
}

.blogposts--footer {
  margin-top: 1.25rem;
  text-align: center;
}

.blogposts--footer-link {
  line-height: 1;
}
.blogposts--footer-link:hover .icon-signpost-arrow path {
  transition: transform 125ms cubic-bezier(0.4, 0, 0.2, 1), opacity 125ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
}
.blogposts--footer-link:hover .icon-signpost-arrow path:first-child {
  transform: translateX(0);
}
.blogposts--footer-link:hover .icon-signpost-arrow path:last-child {
  transform: translateX(0);
}

.collection-list__container {
  text-align: center;
}
.collection-list__container .pxu-lia-element {
  --slide-fade-translate-y: 15px;
  animation: slide-fade-y 500ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
  animation-delay: calc(100ms * var(--pxu-lia-outer-sequence));
}

.collection-list__content[data-layout=grid] {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  text-align: center;
  list-style-type: none;
  outline: none;
}
.collection-list__content[data-layout=grid] > *:first-child {
  grid-row: 1/1;
  grid-column: 1/1;
}
@media screen and (min-width: 1024px) {
  .collection-list__content[data-layout=grid] .collection__item {
    width: calc((100% / 5) - 20px);
  }
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
  .collection-list__content[data-layout=grid] .collection__item {
    width: calc((100% / 5) - 15px);
  }
}
@media screen and (max-width: 719px) {
  .collection-list__content[data-layout=grid] .collection__item {
    width: calc((100% / 5) - 10px);
  }
}
@supports (display: grid) {
  .collection-list__content[data-layout=grid] {
    display: grid;
    grid-row-gap: 3.125rem;
    row-gap: 3.125rem;
    padding: 0;
  }
  .collection-list__content[data-layout=grid].collection--image-crop-circle::before {
    grid-row: 1/1;
    grid-column: 1/1;
    width: 0;
    padding-bottom: 100%;
    content: "";
  }
  .collection-list__content[data-layout=grid] .collection__item {
    width: 100%;
    margin-right: 0;
  }
  .collection-list__content[data-layout=grid] .collection__item:nth-child(n+6) {
    margin-top: 0;
  }
}
.collection-list__content[data-layout=grid].collection--image-crop-circle {
  grid-auto-rows: 1fr;
  grid-row-gap: 4.25rem;
  row-gap: 4.25rem;
  margin-bottom: 4.25rem;
}
.collection-list__content[data-layout=grid].collection--image-crop-circle.no-cta {
  margin-bottom: calc(4.25rem + 3.125rem);
}
.collection-list__content[data-layout=grid].collection--image-crop-circle .collection__item-image {
  height: 100%;
  border-radius: 100%;
}
.collection-list__content[data-layout=grid].collection--image-crop-circle .collection__item-image img,
.collection-list__content[data-layout=grid].collection--image-crop-circle .collection__item-image svg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.collection-list__content[data-layout=grid].collection--image-crop-round .collection__item-image {
  height: auto;
  border-radius: 6px;
}
@media screen and (min-width: 1024px) {
  .collection-list__content[data-layout=grid] {
    grid-column-gap: 20px;
    column-gap: 20px;
  }
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
  .collection-list__content[data-layout=grid] {
    grid-column-gap: 15px;
    column-gap: 15px;
  }
}
@media screen and (max-width: 719px) {
  .collection-list__content[data-layout=grid] {
    grid-column-gap: 10px;
    column-gap: 10px;
  }
}

.collection-list__button {
  font-size: var(--font-size-button-medium);
  padding: 0.75rem 1.125rem;
  letter-spacing: 0.0em;
  margin-top: 3.125rem;
  margin-bottom: 1.75rem;
}.collection-list__button {
    text-transform: none;
  }.featured-collection__container {
  position: relative;
  text-align: center;
  color: #2d2f44;
  margin-bottom:1%;
  overflow:hidden;
}

/* .recommended_for_you, .best_sellers, .hygiene_collection{
	margin-top:8%!important;
} */

.featured-collection__container:hover {
  z-index: 2;
}
@media screen and (max-width: 1079px) {
  .featured-collection__container .pxu-lia-block {
    animation: hide-on-load 5s step-end running;
  }
  .featured-collection__container .flickity-viewport .pxu-lia-block {
    --slide-fade-translate-x: 30px;
    animation: slide-fade-x 500ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
    animation-delay: 100ms;
  }
  .pxu-lia-section--play .featured-collection__container .flickity-viewport .pxu-lia-block {
    animation-play-state: running;
  }
}

.featured-collection__content {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  padding: 0;
  text-align: initial;
  outline: none;
}
.featured-collection__content .productgrid--item {
  width: calc(214px - 10px);
  margin-right: 10px;
}
.featured-collection__content[data-layout=grid] {
  flex-wrap: nowrap;
}
@media screen and (max-width: 1079px) {
  .featured-collection__content[data-layout=grid]:not(.flickity-enabled) {
    overflow: hidden;
  }
}
@media screen and (min-width: 1080px) {
  .featured-collection__content[data-layout=grid] {
    flex-wrap: wrap;
  }
  .featured-collection__content[data-layout=grid] .productgrid--item {
    flex-grow: 1;
    width: calc(100% / 5 - 20px);
    margin-right: 20px;
  }
  .featured-collection__content[data-layout=grid] .productgrid--item:nth-child(n+6) {
    margin-top: 20px;
  }
  .featured-collection__content[data-layout=grid] .productgrid--item:nth-child(5n) {
    margin-right: 0;
  }
  @supports (display: grid) {
    .featured-collection__content[data-layout=grid] {
      display: grid;
      padding: 0;
      grid-template-columns: repeat(5, 1fr);
      grid-column-gap: 20px;
      column-gap: 20px;
      grid-row-gap: 20px;
      row-gap: 20px;
    }
    .featured-collection__content[data-layout=grid] .productgrid--item {
      width: 100%;
      margin-right: 0;
    }
    .featured-collection__content[data-layout=grid] .productgrid--item:nth-child(n+6) {
      margin-top: 0;
    }
  }
}
@media screen and (min-width: 1024px) {
  .featured-collection__content[data-layout=grid] .featured-collection__title-card--horizontal-size-2 .featured-collection__title-card-pre-heading,
.featured-collection__content[data-layout=grid] .featured-collection__title-card--horizontal-size-3 .featured-collection__title-card-pre-heading {
    font-size: var(--font-size-body-small);
  }
  .featured-collection__content[data-layout=grid] .featured-collection__title-card--horizontal-size-2 .featured-collection__title-card-heading,
.featured-collection__content[data-layout=grid] .featured-collection__title-card--horizontal-size-3 .featured-collection__title-card-heading {
    font-size: var(--font-size-heading-medium);
  }
}
@media screen and (max-width: 1499px) and (min-width: 1080px) {
  .featured-collection__content[data-layout=slideshow] {
    padding-right: 60px;
    padding-left: 60px;
  }
}
.featured-collection__content[data-layout=slideshow] .productgrid--item {
  width: calc(214px - 10px);
}
@media screen and (min-width: 1080px) {
  .featured-collection__content[data-layout=slideshow] .productgrid--item {
    width: calc(100% / 4 - 15px);
    margin-right: 20px;
  }
}
@media screen and (min-width: 1280px) {
  .featured-collection__content[data-layout=slideshow] .productgrid--item {
    width: calc(100% / 5 - 16px);
  }
}

@media only screen and (max-width:550px){
  .featured-collection__content[data-layout=slideshow] .productgrid--item {
      width: 49%;
  }
  .productitem {
    width: auto !important;
    min-width: unset !important;
  }
  .featured-collection__content .flickity-slider--wrapper {
    padding: 0!important;
    width: 100%;
    margin: 0 auto;
    min-height: 660px;
  }
  .ecom_title.home-section--title.best_sellers {
    margin-top: 4rem;
  }	
  
}

.featured-collection__content[data-layout=slideshow]:not(.flickity-enabled) {
  overflow: hidden;
}
.featured-collection__content.flickity-enabled {
  cursor: grab;
  /* height:370px; */
  height:407px;
}
@media only screen and (max-width:550px){
  .featured-collection__content.flickity-enabled{
    /* height:385px; */
    height: 420px;
  }
  .featured-collection__content.flickity-enabled .productgrid--item {
    height: 420px;
  }
}
.featured-collection__content.flickity-enabled .productgrid--item {
  /* height: inherit; */
  /* height:377px; */
  height:407px;
  background-size: 100% 100%;
}
.featured-collection__content .flickity-viewport {
  position: relative;
}
.featured-collection__content .flickity-slider--wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 20px);
  height: inherit;
  /* min-height: 200%; */
  padding-right: 10px;
  padding-left: 10px;
  margin-left: -10px;
  overflow: hidden;
  pointer-events: none;
}
@media screen and (min-width: 720px) {
  .featured-collection__content .flickity-slider--wrapper {
    width: calc(100% + 30px);
    padding-right: 15px;
    padding-left: 15px;
    margin-left: -15px;
  }
}
@media screen and (min-width: 1024px) {
  .featured-collection__content .flickity-slider--wrapper {
    width: calc(100% + 50px);
    padding-right: 25px;
    padding-left: 25px;
    margin-left: -25px;
  }
}
@media screen and (min-width: 1080px) {
  .featured-collection__content .flickity-slider--wrapper {
    width: calc(100% + 10px);
    padding-right: 5px;
    padding-left: 5px;
    margin-left: -5px;
  }
}

@media screen and (min-width: 1370px) {
  .featured-collection__content .flickity-slider--wrapper {
    /* height: 445px; */
    height: 380px;
  }
}
@media only screen and (min-width: 1700px) {
  .featured-collection__content .flickity-slider--wrapper {
    height: 445px;
  }
}
.featured-collection__content .flickity-slider {
  height: inherit;
  pointer-events: auto;
  padding:4px 0;
}
.featured-collection__content .flickity-button {
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 24px;
  /*background-color: 
rgb(255, 255, 255)

;
  box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.05), 0 2px 5px rgba(127, 127, 127, 0.5);*/
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
/*@media screen and (max-width: 1079px) {
  .featured-collection__content .flickity-button {
    display: none;
  }
}*/
.featured-collection__content .flickity-button:disabled {
  cursor: initial;
  opacity: 0.5;
}
.featured-collection__content .flickity-button:disabled svg {
  opacity: 0.3;
}
.featured-collection__content .flickity-button:not(:disabled):hover {
  /*transform: translateY(-50%) scale(1.125);
  box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.05), 0 3px 10px rgba(127, 127, 127, 0.5);*/
}
.featured-collection__content .flickity-button.previous {
  display: block;
    position: absolute;
    left: 20px;
}
@media screen and (min-width: 960px) {
  .featured-collection__content .flickity-button.previous {
    /*left: -5px;*/
  }
}
@media screen and (min-width: 1500px) {
  .featured-collection__content .flickity-button.previous {
    left: -20px;
  }
}
.featured-collection__content .flickity-button.previous svg {
  /*left: -1px;*/
}
.featured-collection__content .flickity-button.next {
      display: block;
    position: absolute;
    right: 20px;
}
@media screen and (min-width: 960px) {
  .featured-collection__content .flickity-button.next {
    /*right: -5px;*/
  }
}
@media screen and (min-width: 1500px) {
  .featured-collection__content .flickity-button.next {
    right: -20px;
  }
}
.featured-collection__content .flickity-button.next svg {
  right: -1px;
}
.featured-collection__content .flickity-button-icon {
  position: relative;
  top: initial;
  left: initial;
}

.featured-collection__title-card {
  height: auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.featured-collection__title-card .pxu-lia-element {
  --slide-fade-translate-y: 15px;
  animation: slide-fade-y 600ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
  animation-delay: calc(75ms + 200ms * var(--pxu-lia-outer-sequence) + 100ms * var(--pxu-lia-inner-sequence));
}
.featured-collection__title-card.featured-collection__title-card--placeholder {
  background-color: #ebebeb;
}
.featured-collection__title-card.featured-collection__title-card--placeholder .placeholder--image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  fill: #a6a6a6;
}

.featured-collection__title-card-outer {
  position: relative;
  display: flex;
  flex-grow: 1;
  width: 100%;
  height: 100%;
  padding: 15px;
  color: currentColor;
  text-decoration: none;
}
@media screen and (min-width: 860px) {
  .featured-collection__title-card-outer {
    padding: 1.75rem;
  }
}
.featured-collection__title-card-outer:hover .featured-collection__title-card-button .icon-signpost-arrow path {
  transition: transform 125ms cubic-bezier(0.4, 0, 0.2, 1), opacity 125ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
}
.featured-collection__title-card-outer:hover .featured-collection__title-card-button .icon-signpost-arrow path:first-child {
  transform: translateX(0);
}
.featured-collection__title-card-outer:hover .featured-collection__title-card-button .icon-signpost-arrow path:last-child {
  transform: translateX(0);
}
.featured-collection__title-card-outer::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
}
.featured-collection__title-card-outer.featured-collection__title-card-outer--align-top-left {
  align-items: flex-start;
}
.featured-collection__title-card-outer.featured-collection__title-card-outer--align-top-center {
  text-align: center;
  align-items: flex-start;
}
.featured-collection__title-card-outer.featured-collection__title-card-outer--align-top-right {
  text-align: right;
  align-items: flex-start;
}
.featured-collection__title-card-outer.featured-collection__title-card-outer--align-center-left {
  align-items: center;
}
.featured-collection__title-card-outer.featured-collection__title-card-outer--align-center-center {
  text-align: center;
  align-items: center;
}
.featured-collection__title-card-outer.featured-collection__title-card-outer--align-center-right {
  text-align: right;
  align-items: center;
}
.featured-collection__title-card-outer.featured-collection__title-card-outer--align-bottom-left {
  align-items: flex-end;
}
.featured-collection__title-card-outer.featured-collection__title-card-outer--align-bottom-center {
  text-align: center;
  align-items: flex-end;
}
.featured-collection__title-card-outer.featured-collection__title-card-outer--align-bottom-right {
  text-align: right;
  align-items: flex-end;
}

.featured-collection__title-card-inner {
  flex-grow: 0;
  width: 100%;
}

.featured-collection__title-card-pre-heading {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 400;
  font-size: var(--font-size-body-smaller);
  display: block;
  line-height: 1.2;
}

.featured-collection__title-card-heading {
  display: block;
  margin: 0.75rem 0;
  white-space: normal;
}

.featured-collection__button {
  font-size: var(--font-size-button-medium);
  padding: 0.75rem 1.125rem;
  letter-spacing: 0.0em;
  align-self: center;
  margin-top: 1.25rem;
  margin-bottom: 0.25rem;
}.featured-collection__button {
    text-transform: none;
  }.featured-product--container .pxu-lia-element {
  --slide-fade-translate-y: 30px;
  animation: slide-fade-y 750ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
  animation-delay: calc(100ms * var(--pxu-lia-outer-sequence) + 100ms * var(--pxu-lia-inner-sequence));
}
.featured-product--container .featured-product--inner {
  padding: 25px;
}
.featured-product--container .product-gallery {
  padding: 0;
}
.featured-product--container .product-main {
  text-align: center;
  padding: 0;
}
.featured-product--container .product-pricing {
  justify-content: center;
}
@media screen and (min-width: 720px) {
  .featured-product--container .product--outer {
    display: flex;
    align-items: center;
  }
}

@media screen and (max-width: 1023px) {
  .highlights-banner__container {
    overflow-x: hidden;
  }
}
.highlights-banner__container.content-width .flickity-viewport {
  overflow: hidden;
}
.highlights-banner__container.section-spacing {
  margin-top: 1.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 860px) {
  .highlights-banner__container.section-spacing {
    margin-top: 3.125rem;
    margin-bottom: 0;
  }
}

.highlights-banner__content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  outline: none;
}
.highlights-banner__content .flickity-slider {
  display: flex;
  align-items: flex-start;
  height: 100%;
}
.highlights-banner__content.flickity-enabled {
  cursor: grab;
}
@media screen and (max-width: 1023px) {
  .highlights-banner__content {
    padding: 1.75rem 15px;
  }
  .highlights-banner__content .highlights-banner__heading {
    font-size: var(--font-size-body);
  }
  .highlights-banner__content:not(.flickity-enabled) {
    justify-content: center;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .highlights-banner__content:not(.flickity-enabled)::-webkit-scrollbar {
    display: none;
  }
  .highlights-banner__content:not(.flickity-enabled) .highlights-banner__block {
    flex-shrink: 0;
  }
  .highlights-banner__content:not(.highlight-banner__count-1) .pxu-lia-block {
    animation: hide-on-load 5s step-end running;
  }
  .highlights-banner__content.highlight-banner__count-1 .pxu-lia-block,
.highlights-banner__content .flickity-viewport .pxu-lia-block {
    --slide-fade-translate-x: 30px;
    animation: slide-fade-x 500ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
  }
  .pxu-lia-section--play .highlights-banner__content.highlight-banner__count-1,
.pxu-lia-section--play .highlights-banner__content .flickity-viewport {
    animation-play-state: running;
  }
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
  .highlights-banner__content {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.highlights-banner__content::before, .highlights-banner__content::after {
  position: absolute;
  top: 0;
  right: calc(100% - 20px);
  bottom: 0;
  left: 0;
  z-index: 2;
  content: "";
}
.highlights-banner__content::after {
  right: 0;
  left: calc(100% - 20px);
}
@media screen and (min-width: 1024px) {
  .highlights-banner__content {
    height: auto;
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .highlights-banner__content::before, .highlights-banner__content::after {
    display: none;
  }
}
@supports (display: grid) {
  @media screen and (max-width: 859px) {
    .highlights-banner__content:not([data-highlights-slider]) {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-row-gap: 2.0rem;
      grid-column-gap: 20px;
      row-gap: 2.0rem;
      column-gap: 20px;
    }
    .highlights-banner__content:not([data-highlights-slider]).highlights-banner__align-left .highlights-banner__icon {
      width: 15%;
    }
    .highlights-banner__content:not([data-highlights-slider]) .highlights-banner__block {
      width: 100%;
    }
  }
}

.highlights-banner__block {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 100%;
  color: #000000;
  text-decoration: none;
}
.highlights-banner__block.highlights-banner__align-center {
  flex-direction: column;
  align-items: center;
}
.highlights-banner__block.highlights-banner__align-center .highlights-banner__text {
  padding-right: 0;
  text-align: center;
}
.highlights-banner__block.highlights-banner__align-center .highlights-banner__icon {
  flex: initial;
  margin-right: 0;
  margin-bottom: 10px;
}
.highlight-banner__count-2 .highlights-banner__block {
  width: 31.25rem;
}
@media screen and (min-width: 860px) {
  .highlight-banner__count-2 .highlights-banner__block {
    width: 33%;
  }
}
.highlight-banner__count-3 .highlights-banner__block {
  width: 20.8125rem;
}
@media screen and (min-width: 860px) {
  .highlight-banner__count-3 .highlights-banner__block {
    width: 30%;
  }
}
.highlight-banner__count-4 .highlights-banner__block {
  width: 15.625rem;
}
@media screen and (min-width: 860px) {
  .highlight-banner__count-4 .highlights-banner__block {
    width: 25%;
  }
}

.highlights-banner__icon {
  flex: 1 0 auto;
  width: auto;
  max-width: 35%;
  height: 2.25rem;
  margin-right: 20px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 680px) {
  .highlights-banner__icon {
    height: 2.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .highlights-banner__icon {
    height: 2.875rem;
  }
}
.highlights-banner__icon svg {
  width: 100%;
  max-width: 2.875rem;
  height: 100%;
  max-height: 2.875rem;
}
.highlights-banner__icon .highlights-banner__custom-icon {
  width: auto;
  height: 100%;
}

.highlights-banner__text {
  width: calc(100% - 1.875rem);
  min-width: 0;
  padding-right: 2.0rem;
  font-size: var(--font-size-body-smaller);
  line-height: 1.4;
}
.highlights-banner__text p {
  margin: 0;
}
@media screen and (min-width: 860px) {
  .highlights-banner__text {
    width: calc(100% - 3.125rem);
  }
}
@media screen and (min-width: 1024px) {
  .highlights-banner__text {
    padding-right: 3.125rem;
    font-size: var(--font-size-body);
  }
}
.highlights-banner__text a {
  position: relative;
  z-index: 1;
  color: inherit;
  text-decoration: underline;
}

.highlights-banner__heading {
  display: inline-block;
  margin: 0;
  margin-bottom: 0.25rem;
}

.highlights-banner__block-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.flickity-viewport,
.flickity-slider {
  width: 100%;
}

.featured-collection--section .flickity-viewport {
width: 100%;
    margin: 0 auto;
}

.featured-collection__content .flickity-slider--wrapper{
padding:0!important;
    width: 100%;
    margin: 0 auto;
  height:470px;
}

.custom-html--container {
  margin-top: 3.125rem;
}
@media screen and (min-width: 1024px) {
  .custom-html--container {
    margin-top: 4.25rem;
  }
}
.image-with-text.no-section-heading {
  margin-top: 1.25rem;
}
@media screen and (min-width: 860px) {
  .image-with-text.no-section-heading {
    margin-top: 1.75rem;
  }
}
.image-with-text .pxu-lia-element {
  --slide-fade-translate-y: 30px;
  animation: slide-fade-y 600ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
  animation-delay: calc(250ms + 100ms * var(--pxu-lia-outer-sequence) + 100ms * var(--pxu-lia-inner-sequence));
}

.image-with-text__section-heading {
  margin-top: 3.125rem;
  margin-bottom: 1.25rem;
  color: #000000;
  text-align: center;
}
@media screen and (min-width: 860px) {
  .image-with-text__section-heading {
    margin-bottom: 1.75rem;
  }
}
.shopify-section:first-child .image-with-text__section-heading {
  margin-top: 1.75rem;
}
@media screen and (min-width: 860px) {
  .shopify-section:first-child .image-with-text__section-heading {
    margin-top: 2.0rem;
  }
}

.image-with-text__container {
  display: flex;
  flex-wrap: wrap;
}
.image-with-text--mobile-image-alignment-top .image-with-text__container {
  flex-direction: column;
}
.image-with-text--mobile-image-alignment-bottom .image-with-text__container {
  flex-direction: column-reverse;
}
@media screen and (min-width: 720px) {
  .image-with-text--desktop-image-alignment-left .image-with-text__container {
    flex-direction: row;
  }
  .image-with-text--desktop-image-alignment-right .image-with-text__container {
    flex-direction: row-reverse;
  }
}

@supports (object-fit: cover) {
  .image-with-text__image {
    width: 100%;
    object-fit: cover;
  }
  .image-with-text--mobile-height-300px .image-with-text__image {
    height: 300px;
  }
  .image-with-text--mobile-height-400px .image-with-text__image {
    height: 400px;
  }
  .image-with-text--mobile-height-500px .image-with-text__image {
    height: 500px;
  }
  .image-with-text--mobile-height-natural .image-with-text__image {
    height: auto;
  }
  @media screen and (min-width: 720px) {
    .image-with-text__image {
      width: 100%;
    }
    .image-with-text--desktop-height-400px .image-with-text__image {
      height: 400px;
    }
    .image-with-text--desktop-height-500px .image-with-text__image {
      height: 500px;
    }
    .image-with-text--desktop-height-600px .image-with-text__image {
      height: 600px;
    }
    .image-with-text--desktop-height-700px .image-with-text__image {
      height: 700px;
    }
    .image-with-text--desktop-height-800px .image-with-text__image {
      height: 800px;
    }
    .image-with-text--desktop-height-natural .image-with-text__image {
      height: auto;
    }
  }
}
.image-with-text__image-wrapper {
  width: 100%;
}
@media screen and (min-width: 720px) {
  .image-with-text__image-wrapper {
    width: 50%;
  }
}

.image-with-text__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 2.0rem 1.25rem;
}
.image-with-text__content .image-with-text-text-alignment-left {
  text-align: left;
}
.image-with-text__content .image-with-text-text-alignment-center {
  text-align: center;
}
.image-with-text__content .image-with-text-text-alignment-right {
  text-align: right;
}
@media screen and (min-width: 720px) {
  .image-with-text__content {
    width: 50%;
    padding: 2.0rem;
  }
  .image-with-text--desktop-image-alignment-left .image-with-text__content {
    padding-left: 3.125rem;
  }
  .image-with-text--desktop-image-alignment-right .image-with-text__content {
    padding-right: 3.125rem;
  }
}

.image-with-text__button {
  font-size: var(--font-size-button-medium);
  padding: 0.75rem 1.125rem;
  letter-spacing: 0.0em;
  color: #ffffff;
  background-color: #000000;
  border: 1px solid #000000;
  align-self: center;
}.image-with-text__button {
    text-transform: none;
  }.image-with-text__button:not(.disabled):hover {
  background: rgb(26, 26, 26);
  border: 1px solid rgb(26, 26, 26);
}
.image-with-text__button:active {
  background: 
#0f0f0f

;
  border: 1px solid 
#0f0f0f

;
}
.image-with-text__button.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.16;
}
.image-with-text__button.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .image-with-text__button.mdc-ripple-surface:hover::before, .image-with-text__button.mdc-ripple-surface::before {
  opacity: 0;
}
.image-with-text__button.mdc-ripple-surface::after {
  background-color: #ffffff;
}

.image-with-text__heading {
  margin-top: 0;
  color: #000000;
}
@media screen and (max-width: 859px) {
  .image-with-text__heading {
    font-size: var(--font-size-heading-3);
  }
}

.image-with-text__text {
  font-size: var(--font-size-body);
  line-height: 1.5625;
}

.logolist--section .pxu-lia-element {
  --zoom-fade-scale: 0.8;
  animation: zoom-fade 500ms cubic-bezier(0, 0, 0.2, 1) both paused;
  animation-delay: calc(80ms * var(--pxu-lia-inner-sequence));
}

.logolist--inner {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  font-size: 0;
  text-align: center;
}
.logolist--inner > * {
  margin-right: 0.625rem;
  margin-left: 0.625rem;
}
@media screen and (min-width: 720px) {
  .logolist--inner {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
  .logolist--inner > * {
    margin-right: 0.3rem;
    margin-left: 0.3rem;
  }
}
@media screen and (min-width: 1024px) {
  .logolist--inner {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
  .logolist--inner > * {
    margin-right: 0.3rem;
    margin-left: 0.3rem;
  }
}

.logolist--item {
  font-size: var(--font-size-body);
  position: relative;
  display: inline-block;
  width: 90px;
  margin-top: 1.25rem;
  margin-right: 0.625rem;
  margin-left: 0.625rem;
  vertical-align: middle;
  transition: width 100ms cubic-bezier(0.4, 0, 0.2, 1), margin 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 344px) {
  .logolist--item:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media screen and (max-width: 454px) and (min-width: 345px) {
  .logolist--item:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media screen and (min-width: 455px) and (max-width: 564px), screen and (min-width: 720px) and (max-width: 754px) {
  .logolist--item:nth-child(-n+4) {
    margin-top: 0;
  }
}
@media screen and (min-width: 565px) and (max-width: 674px), screen and (min-width: 755px) and (max-width: 904px), screen and (min-width: 1024px) and (max-width: 1174px) {
  .logolist--item:nth-child(-n+5) {
    margin-top: 0;
  }
}
@media screen and (min-width: 675px) and (max-width: 719px), screen and (min-width: 905px) and (max-width: 1023px), screen and (min-width: 1175px) {
  .logolist--item:nth-child(-n+6) {
    margin-top: 0;
  }
}
@media screen and (min-width: 720px) {
  .logolist--item {
    width: 120px;
    margin-top: 1.875rem;
    margin-right: 0.9375rem;
    margin-left: 0.9375rem;
  }
}
@media screen and (min-width: 1024px) {
  .logolist--item {
    width: 160px;
  }
}
@media screen and (min-width: 1280px) {
  .logolist--item {
    margin-top: 2.5rem;
    margin-right: 1.25rem;
    margin-left: 1.25rem;
  }
  .logolist--item:nth-child(-n+6) {
    margin-top: 0;
  }
}

.logolist--link {
  display: block;
}

.logolist--image {
  display: block;
  max-width: 100%;
  max-height: 90px;
  margin: 0 auto;
  transition: transform 150ms cubic-bezier(0, 0, 0.2, 1);
}
@media screen and (min-width: 720px) {
  .logolist--image {
    max-height: 120px;
  }
}
@media screen and (min-width: 1024px) {
  .logolist--image {
    max-height: 160px;
  }
}
.logolist--image:hover {
  transform: scale(1.1);
}

.menulist-container .pxu-lia-element {
  --zoom-fade-scale: 0.9;
  animation: zoom-fade 500ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
  animation-delay: calc(100ms * var(--pxu-lia-outer-sequence));
}

.menulist-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.menulist-item {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  width: 100%;
  border-bottom: 1px solid ;
}
.menulist-item:last-child {
  border-bottom: 0;
}
@media screen and (min-width: 720px) {
  .menulist-item {
    padding: 1.75rem 1.25rem;
  }
}
@media screen and (max-width: 859px) and (min-width: 720px) {
  .menulist-item {
    width: 50%;
    font-size: 0;
  }
  .menulist-item:nth-last-child(2):nth-child(odd), .menulist--blocks-count-1 .menulist-item, .menulist--blocks-count-2 .menulist-item {
    border-bottom: 0;
  }
  .menulist-item:nth-child(2n+1) {
    border-right: 1px solid ;
  }
}
@media screen and (min-width: 860px) {
  .menulist-item {
    width: 33.3333333333%;
    font-size: 0;
  }
  .menulist--blocks-count-1 .menulist-item, .menulist--blocks-count-2 .menulist-item {
    width: 50%;
  }
  .menulist--blocks-count-1 .menulist-item, .menulist--blocks-count-2 .menulist-item, .menulist--blocks-count-3 .menulist-item {
    border-right: 1px solid ;
    border-bottom: 0;
  }
  .menulist--blocks-count-1 .menulist-item:last-child, .menulist--blocks-count-2 .menulist-item:last-child, .menulist--blocks-count-3 .menulist-item:last-child {
    border-right: 0;
  }
  .menulist--blocks-count-4 .menulist-item, .menulist--blocks-count-5 .menulist-item {
    border-right: 1px solid ;
  }
  .menulist--blocks-count-4 .menulist-item.menulist-item-4, .menulist--blocks-count-4 .menulist-item.menulist-item-5, .menulist--blocks-count-5 .menulist-item.menulist-item-4, .menulist--blocks-count-5 .menulist-item.menulist-item-5 {
    width: 50%;
    border-bottom: 0;
  }
  .menulist--blocks-count-4 .menulist-item.menulist-item-3, .menulist--blocks-count-4 .menulist-item.menulist-item-5, .menulist--blocks-count-5 .menulist-item.menulist-item-3, .menulist--blocks-count-5 .menulist-item.menulist-item-5 {
    border-right: 0;
  }
  .menulist--blocks-count-6 .menulist-item {
    border-right: 1px solid ;
  }
  .menulist--blocks-count-6 .menulist-item:nth-child(3n) {
    border-right: 0;
  }
  .menulist--blocks-count-6 .menulist-item:nth-child(n+4) {
    border-bottom: 0;
  }
}

@media screen and (min-width: 720px) {
  .menulist-item-inner {
    width: 100%;
    max-width: 32.5rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.menulist-item__image {
  position: relative;
}
@media screen and (max-width: 719px) {
  .menulist-item__image {
    position: absolute;
    top: 0.625rem;
    right: 2.75rem;
    width: 3rem;
    height: 3rem;
  }
}
@media screen and (min-width: 720px) {
  .menulist-item__image {
    font-size: var(--font-size-body);
    display: inline-block;
    width: 35%;
    vertical-align: top;
  }
}
.menulist-item__image img,
.menulist-item__image svg {
  max-width: 100%;
}

@media screen and (min-width: 720px) {
  .menulist-item__content {
    font-size: var(--font-size-body);
    display: inline-block;
    width: 55%;
    margin-left: 10%;
    vertical-align: top;
  }
}

.menulist-item__title {
  font-family: UnileverShilling;
  font-size: var(--font-size-heading-5);
  position: relative;
  padding: 1.5rem 1.25rem;
  margin: 0;
  color: #000000;
  cursor: pointer;
}
@media screen and (max-width: 719px) {
  .menulist-item__title {
    padding-right: 5.75rem;
  }
}
@media screen and (min-width: 720px) {
  .menulist-item__title {
    padding: 0 0 0.5rem 0;
    cursor: inherit;
  }
}

.menulist-item__title-icon {
  position: absolute;
  top: 50%;
  right: 0.9375rem;
  display: block;
  width: 0.875rem;
  height: 8px;
  margin-top: -4px;
  opacity: 0.5;
}
@media screen and (min-width: 720px) {
  .menulist-item__title-icon {
    display: none;
  }
}

.menulist-menu {
  font-size: var(--font-size-body-small);
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
  list-style: none;
}

.menulist-menu--show-more {
  margin-top: 0;
}
.menulist-menu--show-more .menulist-menu__item {
  padding-right: 0;
  padding-left: 0;
}

.menulist-menu__item {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
.menulist-menu__item:not(:first-child) {
  padding-top: 0.125rem;
}
@media screen and (min-width: 720px) {
  .menulist-menu__item {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (max-width: 679px) {
  .menulist-menu__item--last {
    padding-bottom: 1.875rem;
  }
}

.menulist-menu__show-more-trigger {
  margin-top: 0.5rem;
}

.menulist-menu__link {
  display: inline-block;
  text-decoration: none;
}
@media screen and (max-width: 719px) {
  .menulist-menu__link {
    display: block;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}

.page__container {
  margin-top: 50px;
}
@media screen and (min-width: 860px) {
  .page__container {
    margin-top: 75px;
  }
}
.shopify-section:first-child .page__container {
  margin-top: 2.0rem;
}
@media screen and (min-width: 860px) {
  .shopify-section:first-child .page__container {
    margin-top: 3.125rem;
  }
}
.page__container .pxu-lia-block {
  animation: fade-in 600ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
}
.pxu-lia-section--play .page__container .pxu-lia-block {
  animation-play-state: running;
}

.page--regular {
  max-width: 40.625rem;
}

.page--wide {
  max-width: 53.125rem;
}

.page__heading {
  margin-bottom: 1.25rem;
  font-size: var(--font-size-heading-4);
  line-height: 1.5;
  color: #000000;
}

.page__heading--medium {
  font-size: var(--font-size-heading-3);
}

.page__heading--large {
  font-size: var(--font-size-heading-1);
}

.page__content {
  line-height: 1.5;
}
.page__content button {
  color: #ffffff;
  background-color: #000000;
  border: 1px solid #000000;
}
.page__content button:not(.disabled):hover {
  background: rgb(26, 26, 26);
  border: 1px solid rgb(26, 26, 26);
}
.page__content button:active {
  background: 
#0f0f0f

;
  border: 1px solid 
#0f0f0f

;
}
.page__content button.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.16;
}
.page__content button.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .page__content button.mdc-ripple-surface:hover::before, .page__content button.mdc-ripple-surface::before {
  opacity: 0;
}
.page__content button.mdc-ripple-surface::after {
  background-color: #ffffff;
}

.promo-grid--section + .promo-grid--section .home-section--content {
  margin-top: 20px;
}

.promo-grid--inner {
  width: 100%;
}
/*  edited on 7/27/2021  */
@media screen and (min-width: 120px) {
  .promo-grid--inner {
    display: grid;
    grid-gap: 10px;
    grid-row-start: span 1;
  }
}
@media screen and (min-width: 1080px) {
  .promo-grid--inner {
    grid-gap: 20px;
  }
}
.promo-grid--inner.promo-grid__columns--1 {
  grid-template-columns: repeat(1, 1fr);
}
.promo-grid--inner.promo-grid__columns--2 {
  grid-template-columns: repeat(2, 1fr);
}
.promo-grid--inner.promo-grid__columns--3 {
  grid-template-columns: repeat(3, 1fr);
}
.promo-grid--inner.promo-grid__columns--4 {
  grid-template-columns: repeat(4, 1fr);
  /* height:inherit; */
  height:auto;
}
@media screen and (max-width: 859px) {
  .promo-grid--inner.promo-grid__columns--4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 719px) {
  .promo-grid--inner .promo-block.promo-block--placeholder, .promo-grid--height-small .promo-grid--inner .promo-block,
.promo-grid--inner .promo-block--content.promo-block--placeholder,
.promo-grid--height-small .promo-grid--inner .promo-block--content {
    min-height: 250px;
  }
}
@media screen and (min-width: 720px) {
  .promo-grid--inner .promo-block.promo-block--placeholder, .promo-grid--height-small .promo-grid--inner .promo-block,
.promo-grid--inner .promo-block--content.promo-block--placeholder,
.promo-grid--height-small .promo-grid--inner .promo-block--content {
    min-height: 255px;
  }
}
@media screen and (min-width: 860px) {
  .promo-grid--inner .promo-block.promo-block--placeholder, .promo-grid--height-small .promo-grid--inner .promo-block,
.promo-grid--inner .promo-block--content.promo-block--placeholder,
.promo-grid--height-small .promo-grid--inner .promo-block--content {
    min-height: 300px;
  }
}
@media screen and (max-width: 719px) {
  .promo-grid--height-medium .promo-grid--inner .promo-block,
.promo-grid--height-medium .promo-grid--inner .promo-block--content {
    min-height: 325px;
  }
}
@media screen and (min-width: 720px) {
  .promo-grid--height-medium .promo-grid--inner .promo-block,
.promo-grid--height-medium .promo-grid--inner .promo-block--content {
    min-height: 318.75px;
  }
}
@media screen and (min-width: 860px) {
  .promo-grid--height-medium .promo-grid--inner .promo-block,
.promo-grid--height-medium .promo-grid--inner .promo-block--content {
    min-height: 375px;
  }
}
@media screen and (max-width: 719px) {
  .promo-grid--height-large .promo-grid--inner .promo-block,
.promo-grid--height-large .promo-grid--inner .promo-block--content {
    min-height: 400px;
  }
}
@media screen and (min-width: 720px) {
  .promo-grid--height-large .promo-grid--inner .promo-block,
.promo-grid--height-large .promo-grid--inner .promo-block--content {
    min-height: 382.5px;
  }
}
@media screen and (min-width: 860px) {
  .promo-grid--height-large .promo-grid--inner .promo-block,
.promo-grid--height-large .promo-grid--inner .promo-block--content {
    min-height: 450px;
  }
}
@media screen and (-ms-high-contrast: active) and (min-width: 720px), screen and (-ms-high-contrast: none) and (min-width: 720px) {
  .promo-grid--inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
  }
}
@media screen and (-ms-high-contrast: active) and (min-width: 720px), screen and (-ms-high-contrast: none) and (min-width: 720px) {
  .promo-grid--inner.promo-mosaic--layout-1 .promo-block {
    width: 100%;
    margin: 0;
  }
}
@media screen and (-ms-high-contrast: active) and (min-width: 720px), screen and (-ms-high-contrast: none) and (min-width: 720px) {
  .promo-grid--inner .promo-block {
    width: calc(50% - 5px);
    flex: 0 1 auto;
    margin-top: 10px;
  }
  .promo-grid--inner .promo-block:nth-child(1), .promo-grid--inner .promo-block:nth-child(2) {
    margin-top: 0;
  }
  .promo-grid--inner .promo-block:nth-child(2n-1) {
    margin-right: 5px;
  }
  .promo-grid--inner .promo-block:nth-child(2n) {
    margin-left: 5px;
  }
  .promo-grid--inner .promo-block .promo-block--header {
    font-size: var(--font-size-heading-medium);
  }
  .promo-grid--inner .promo-block .promo-block--text {
    font-size: var(--font-size-body-medium);
  }
  .promo-grid--inner .promo-block .promo-block--button {
    font-size: var(--font-size-button-medium);
    padding: 0.75rem 1.125rem;
    letter-spacing: 0.0em;
  }.promo-grid--inner .promo-block .promo-block--button {
      text-transform: none;
    }}
@media screen and (-ms-high-contrast: active) and (min-width: 1080px), screen and (-ms-high-contrast: none) and (min-width: 1080px) {
  .promo-grid--inner .promo-block {
    width: calc(50% - 10px);
    margin-top: 20px;
  }
  .promo-grid--inner .promo-block:nth-child(2n-1) {
    margin-right: 10px;
  }
  .promo-grid--inner .promo-block:nth-child(2n) {
    margin-left: 10px;
  }
}

@media screen and (max-width: 719px) {
  .promo-grid--height-natural .promo-grid--inner .promo-block--image {
    height:auto;
    margin-top:0px;
  }
  .promo-grid--inner.promo-grid__columns--4{
    margin-top:20px;  
  }
}
.promo-grid--height-natural .promo-grid--inner .promo-block--image img {
  position: relative;
  width: 100%;
  height: 100%;
}
.promo-grid--height-natural .promo-grid--inner .promo-block--image .promo-block--content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.promo-mosaic--inner {
  transition: height 200ms cubic-bezier(0, 0, 0.2, 1);
}
@media screen and (min-width: 720px) {
  .promo-mosaic--inner {
    display: grid;
    grid-gap: 10px;
  }
}
@media screen and (min-width: 1080px) {
  .promo-mosaic--inner {
    grid-gap: 20px;
  }
}
.promo-mosaic--inner .promo-block {
  height: 100%;
}
@media screen and (max-width: 719px) {
  html body .home-section--content .promo-mosaic--inner.promo-mosaic--compressed .promo-block,
html body .home-section--content .promo-mosaic--inner.promo-mosaic--compressed .promo-block--content {
    min-height: 120px;
    min-height: unset;
  }
  .promo-mosaic--inner .promo-block {
    margin-bottom: 14px;
    margin-top: 0;
  }
}
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block,
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block--content {
  min-height: 374px;
}
@media screen and (min-width: 860px) {
  .promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block,
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block--content {
    min-height: 440px;
  }
}
@media screen and (max-width: 1299px) and (min-width: 720px) {
  .promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-1.promo-mosaic--maintain-aspect-ratio .promo-block,
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-1.promo-mosaic--maintain-aspect-ratio .promo-block--content {
    min-height: 33.84615384615385vw;
  }
}
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block,
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block--content {
  min-height: 459px;
}
@media screen and (min-width: 860px) {
  .promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block,
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block--content {
    min-height: 540px;
  }
}
@media screen and (max-width: 1299px) and (min-width: 720px) {
  .promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-1.promo-mosaic--maintain-aspect-ratio .promo-block,
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-1.promo-mosaic--maintain-aspect-ratio .promo-block--content {
    min-height: 41.53846153846154vw;
  }
}
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block,
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block--content {
  min-height: 544px;
}
@media screen and (min-width: 860px) {
  .promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block,
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block--content {
    min-height: 640px;
  }
}
@media screen and (max-width: 1299px) and (min-width: 720px) {
  .promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-1.promo-mosaic--maintain-aspect-ratio .promo-block,
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-1.promo-mosaic--maintain-aspect-ratio .promo-block--content {
    min-height: 49.23076923076923vw;
  }
}
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block,
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block--content {
  min-height: 374px;
}
@media screen and (min-width: 860px) {
  .promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block,
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block--content {
    min-height: 440px;
  }
}
@media screen and (max-width: 1299px) and (min-width: 720px) {
  .promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-2.promo-mosaic--maintain-aspect-ratio .promo-block,
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-2.promo-mosaic--maintain-aspect-ratio .promo-block--content {
    min-height: 33.84615384615385vw;
  }
}
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block,
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block--content {
  min-height: 459px;
}
@media screen and (min-width: 860px) {
  .promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block,
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block--content {
    min-height: 540px;
  }
}
@media screen and (max-width: 1299px) and (min-width: 720px) {
  .promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-2.promo-mosaic--maintain-aspect-ratio .promo-block,
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-2.promo-mosaic--maintain-aspect-ratio .promo-block--content {
    min-height: 41.53846153846154vw;
  }
}
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block,
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block--content {
  min-height: 544px;
}
@media screen and (min-width: 860px) {
  .promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block,
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block--content {
    min-height: 640px;
  }
}
@media screen and (max-width: 1299px) and (min-width: 720px) {
  .promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-2.promo-mosaic--maintain-aspect-ratio .promo-block,
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-2.promo-mosaic--maintain-aspect-ratio .promo-block--content {
    min-height: 49.23076923076923vw;
  }
}
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block,
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block--content {
  min-height: 170px;
  background-size: 100% 100%;
}
@media screen and (min-width: 860px) and (max-width:1130px) {
  .promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block,
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block--content {
    min-height: 200px;
    background-size: 100% 100%;
  }
}
@media screen and (min-width: 860px) {
  .promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block,
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block--content {
    min-height: 269px;
    background-size: 100% 100%;
  }
}
@media screen and (max-width: 1299px) and (min-width: 720px) {
  .promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-3.promo-mosaic--maintain-aspect-ratio .promo-block,
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-3.promo-mosaic--maintain-aspect-ratio .promo-block--content {
    min-height: 21.53846153846154vw;
  }
}
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block,
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block--content {
  min-height: 280.5px;
}
@media screen and (min-width: 860px) {
  .promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block,
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block--content {
    min-height: 330px;
  }
}
@media screen and (max-width: 1299px) and (min-width: 720px) {
  .promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-3.promo-mosaic--maintain-aspect-ratio .promo-block,
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-3.promo-mosaic--maintain-aspect-ratio .promo-block--content {
    min-height: 25.384615384615383vw;
  }
}
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block,
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block--content {
  min-height: 323px;
}
@media screen and (min-width: 860px) {
  .promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block,
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block--content {
    min-height: 380px;
  }
}
@media screen and (max-width: 1299px) and (min-width: 720px) {
  .promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-3.promo-mosaic--maintain-aspect-ratio .promo-block,
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-3.promo-mosaic--maintain-aspect-ratio .promo-block--content {
    min-height: 29.23076923076923vw;
  }
}
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block,
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--content {
  min-height: 365.5px;
}
@media screen and (min-width: 860px) {
  .promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block,
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--content {
    min-height: 430px;
  }
}
@media screen and (max-width: 1299px) and (min-width: 720px) {
  .promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-4.promo-mosaic--maintain-aspect-ratio .promo-block,
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-4.promo-mosaic--maintain-aspect-ratio .promo-block--content {
    min-height: 33.07692307692308vw;
  }
}
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block,
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--content {
  min-height: 408px;
}
@media screen and (min-width: 860px) {
  .promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block,
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--content {
    min-height: 480px;
  }
}
@media screen and (max-width: 1299px) and (min-width: 720px) {
  .promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-4.promo-mosaic--maintain-aspect-ratio .promo-block,
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-4.promo-mosaic--maintain-aspect-ratio .promo-block--content {
    min-height: 36.92307692307692vw;
  }
}
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block,
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--content {
  min-height: 450.5px;
}
@media screen and (min-width: 860px) {
  .promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block,
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--content {
    min-height: 530px;
  }
}
@media screen and (max-width: 1299px) and (min-width: 720px) {
  .promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-4.promo-mosaic--maintain-aspect-ratio .promo-block,
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-4.promo-mosaic--maintain-aspect-ratio .promo-block--content {
    min-height: 40.76923076923077vw;
  }
}
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block,
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--content {
  min-height: 238px;
}
@media screen and (min-width: 860px) {
  .promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block,
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--content {
    min-height: 280px;
  }
}
@media screen and (max-width: 1299px) and (min-width: 720px) {
  .promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-5.promo-mosaic--maintain-aspect-ratio .promo-block,
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-5.promo-mosaic--maintain-aspect-ratio .promo-block--content {
    min-height: 21.53846153846154vw;
  }
}
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block,
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--content {
  min-height: 280.5px;
}
@media screen and (min-width: 860px) {
  .promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block,
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--content {
    min-height: 330px;
  }
}
@media screen and (max-width: 1299px) and (min-width: 720px) {
  .promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-5.promo-mosaic--maintain-aspect-ratio .promo-block,
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-5.promo-mosaic--maintain-aspect-ratio .promo-block--content {
    min-height: 25.384615384615383vw;
  }
}
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block,
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--content {
  min-height: 323px;
}
@media screen and (min-width: 860px) {
  .promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block,
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--content {
    min-height: 380px;
  }
}
@media screen and (max-width: 1299px) and (min-width: 720px) {
  .promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-5.promo-mosaic--maintain-aspect-ratio .promo-block,
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-5.promo-mosaic--maintain-aspect-ratio .promo-block--content {
    min-height: 29.23076923076923vw;
  }
}
@media screen and (min-width: 1080px) {
  .promo-mosaic--inner .promo-block--header {
    font-size: var(--font-size-heading-2);
  }
  .promo-mosaic--inner .promo-block--text {
    font-size: var(--font-size-body-medium);
  }
  .promo-mosaic--inner .promo-block--button {
    font-size: var(--font-size-button-medium);
    padding: 0.75rem 1.125rem;
    letter-spacing: 0.0em;
    margin-top: 1.875rem;
  }.promo-mosaic--inner .promo-block--button {
      text-transform: none;
    }}
@media screen and (min-width: 720px) {
  .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block--header {
    font-size: var(--font-size-heading-medium);
  }
  .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block--text {
    font-size: var(--font-size-body-medium);
  }
  .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block--button {
    font-size: var(--font-size-button-medium);
    padding: 0.75rem 1.125rem;
    letter-spacing: 0.0em;
  }.promo-mosaic--inner.promo-mosaic--layout-1 .promo-block--button {
      text-transform: none;
    }}
@media screen and (min-width: 1080px) {
  .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block--header {
    font-size: var(--font-size-heading-large);
  }
  .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block--text {
    font-size: var(--font-size-body-large);
  }
  .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block--button {
    font-size: var(--font-size-button-large);
    padding: 0.875rem 1.75rem;
    letter-spacing: 0.0em;
  }.promo-mosaic--inner.promo-mosaic--layout-1 .promo-block--button {
      text-transform: none;
    }}
@media screen and (min-width: 720px) {
  .promo-mosaic--inner.promo-mosaic--layout-2 {
    grid-template-columns: 2fr 1fr;
  }
  .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block--index-1 .promo-block--header {
    font-size: var(--font-size-heading-medium);
  }
  .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block--index-1 .promo-block--text {
    font-size: var(--font-size-body-medium);
  }
  .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block--index-1 .promo-block--button {
    font-size: var(--font-size-button-medium);
    padding: 0.75rem 1.125rem;
    letter-spacing: 0.0em;
  }.promo-mosaic--inner.promo-mosaic--layout-2 .promo-block--index-1 .promo-block--button {
      text-transform: none;
    }.promo-mosaic--inner.promo-mosaic--layout-2 .promo-block--index-2 .promo-block--header,
.promo-mosaic--inner.promo-mosaic--layout-2 .promo-block--index-2 .promo-block--text {
    max-width: 70%;
  }
}
@media screen and (min-width: 1080px) {
  .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block--index-1 .promo-block--header {
    font-size: var(--font-size-heading-large);
  }
  .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block--index-1 .promo-block--text {
    font-size: var(--font-size-body-large);
  }
  .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block--index-1 .promo-block--button {
    font-size: var(--font-size-button-large);
    padding: 0.875rem 1.75rem;
    letter-spacing: 0.0em;
  }.promo-mosaic--inner.promo-mosaic--layout-2 .promo-block--index-1 .promo-block--button {
      text-transform: none;
    }}
@media screen and (min-width: 720px) {
  .promo-mosaic--inner.promo-mosaic--layout-3 {
    grid-template-columns: 2fr 1fr;
  }
  .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block--index-1 {
    grid-row-start: span 2;
  }
  .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block--index-1 .promo-block--header {
    font-size: var(--font-size-heading-medium);
  }
  .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block--index-1 .promo-block--text {
    font-size: var(--font-size-body-medium);
  }
  .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block--index-1 .promo-block--button {
    font-size: var(--font-size-button-medium);
    padding: 0.75rem 1.125rem;
    letter-spacing: 0.0em;
  }.promo-mosaic--inner.promo-mosaic--layout-3 .promo-block--index-1 .promo-block--button {
      text-transform: none;
    }.promo-mosaic--inner.promo-mosaic--layout-3 .promo-block--index-2 .promo-block--header,
.promo-mosaic--inner.promo-mosaic--layout-3 .promo-block--index-2 .promo-block--text,
.promo-mosaic--inner.promo-mosaic--layout-3 .promo-block--index-3 .promo-block--header,
.promo-mosaic--inner.promo-mosaic--layout-3 .promo-block--index-3 .promo-block--text {
    max-width: 70%;
  }
}
@media screen and (min-width: 1080px) {
  .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block--index-1 .promo-block--header {
    font-size: var(--font-size-heading-large);
  }
  .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block--index-1 .promo-block--text {
    font-size: var(--font-size-body-large);
  }
  .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block--index-1 .promo-block--button {
    font-size: var(--font-size-button-large);
    padding: 0.875rem 1.75rem;
    letter-spacing: 0.0em;
  }.promo-mosaic--inner.promo-mosaic--layout-3 .promo-block--index-1 .promo-block--button {
      text-transform: none;
    }}
@media screen and (min-width: 720px) {
  .promo-mosaic--inner.promo-mosaic--layout-4 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--index-1,
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--index-4 {
    grid-column-start: span 2;
  }
  .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--index-1 .promo-block--header,
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--index-4 .promo-block--header {
    font-size: var(--font-size-heading-medium);
  }
  .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--index-1 .promo-block--text,
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--index-4 .promo-block--text {
    font-size: var(--font-size-body-medium);
  }
  .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--index-1 .promo-block--button,
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--index-4 .promo-block--button {
    font-size: var(--font-size-button-medium);
    padding: 0.75rem 1.125rem;
    letter-spacing: 0.0em;
  }.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--index-1 .promo-block--button,
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--index-4 .promo-block--button {
      text-transform: none;
    }.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--index-2 .promo-block--header,
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--index-2 .promo-block--text,
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--index-3 .promo-block--header,
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--index-3 .promo-block--text {
    max-width: 70%;
  }
}
@media screen and (min-width: 1080px) {
  .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--index-1 .promo-block--header,
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--index-4 .promo-block--header {
    font-size: var(--font-size-heading-large);
  }
  .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--index-1 .promo-block--text,
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--index-4 .promo-block--text {
    font-size: var(--font-size-body-large);
  }
  .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--index-1 .promo-block--button,
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--index-4 .promo-block--button {
    font-size: var(--font-size-button-large);
    padding: 0.875rem 1.75rem;
    letter-spacing: 0.0em;
  }.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--index-1 .promo-block--button,
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block--index-4 .promo-block--button {
      text-transform: none;
    }}
@media screen and (min-width: 720px) {
  .promo-mosaic--inner.promo-mosaic--layout-5 {
    grid-template-columns: 2fr 1fr;
  }
  .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-1,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-4 {
    grid-row-start: span 3;
  }
  .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-1 .promo-block--header,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-4 .promo-block--header {
    font-size: var(--font-size-heading-medium);
  }
  .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-1 .promo-block--text,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-4 .promo-block--text {
    font-size: var(--font-size-body-medium);
  }
  .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-1 .promo-block--button,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-4 .promo-block--button {
    font-size: var(--font-size-button-medium);
    padding: 0.75rem 1.125rem;
    letter-spacing: 0.0em;
  }.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-1 .promo-block--button,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-4 .promo-block--button {
      text-transform: none;
    }.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-2,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-3,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-5 {
    grid-row-start: span 2;
  }
  .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-2 .promo-block--header,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-2 .promo-block--text,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-3 .promo-block--header,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-3 .promo-block--text,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-5 .promo-block--header,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-5 .promo-block--text {
    max-width: 70%;
  }
}
@media screen and (min-width: 1080px) {
  .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-1 .promo-block--header,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-4 .promo-block--header {
    font-size: var(--font-size-heading-large);
  }
  .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-1 .promo-block--text,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-4 .promo-block--text {
    font-size: var(--font-size-body-large);
  }
  .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-1 .promo-block--button,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-4 .promo-block--button {
    font-size: var(--font-size-button-large);
    padding: 0.875rem 1.75rem;
    letter-spacing: 0.0em;
  }.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-1 .promo-block--button,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block--index-4 .promo-block--button {
      text-transform: none;
    }}
@media screen and (-ms-high-contrast: active) and (min-width: 720px), screen and (-ms-high-contrast: none) and (min-width: 720px) {
  .promo-mosaic--inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
  }
}
@media screen and (-ms-high-contrast: active) and (min-width: 720px), screen and (-ms-high-contrast: none) and (min-width: 720px) {
  .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block {
    width: 100%;
    margin: 0;
  }
}
@media screen and (-ms-high-contrast: active) and (min-width: 720px), screen and (-ms-high-contrast: none) and (min-width: 720px) {
  .promo-mosaic--inner .promo-block {
    width: calc(50% - 5px);
    flex: 0 1 auto;
    margin-top: 10px;
  }
  .promo-mosaic--inner .promo-block:nth-child(1), .promo-mosaic--inner .promo-block:nth-child(2) {
    margin-top: 0;
  }
  .promo-mosaic--inner .promo-block:nth-child(2n-1) {
    margin-right: 5px;
  }
  .promo-mosaic--inner .promo-block:nth-child(2n) {
    margin-left: 5px;
  }
  .promo-mosaic--inner .promo-block .promo-block--header {
    font-size: var(--font-size-heading-medium);
  }
  .promo-mosaic--inner .promo-block .promo-block--text {
    font-size: var(--font-size-body-medium);
  }
  .promo-mosaic--inner .promo-block .promo-block--button {
    font-size: var(--font-size-button-medium);
    padding: 0.75rem 1.125rem;
    letter-spacing: 0.0em;
  }.promo-mosaic--inner .promo-block .promo-block--button {
      text-transform: none;
    }}
@media screen and (-ms-high-contrast: active) and (min-width: 1080px), screen and (-ms-high-contrast: none) and (min-width: 1080px) {
  .promo-mosaic--inner .promo-block {
    width: calc(50% - 10px);
    margin-top: 20px;
  }
  .promo-mosaic--inner .promo-block:nth-child(2n-1) {
    margin-right: 10px;
  }
  .promo-mosaic--inner .promo-block:nth-child(2n) {
    margin-left: 10px;
  }
}

.rich-text--container {
  margin-top: 50px;
}
@media screen and (min-width: 860px) {
  .rich-text--container {
    margin-top: 75px;
  }
}
.shopify-section:first-child .rich-text--container {
  margin-top: 2.0rem;
}
@media screen and (min-width: 860px) {
  .shopify-section:first-child .rich-text--container {
    margin-top: 3.125rem;
  }
}
.rich-text--container .pxu-lia-block {
  animation: fade-in 600ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
}
.pxu-lia-section--play .rich-text--container .pxu-lia-block {
  animation-play-state: running;
}

.rich-text-regular {
  max-width: 40.625rem;
}

.rich-text-wide {
  max-width: 53.125rem;
}

.rich-text-block {
  margin-bottom: 3.125rem;
}
.rich-text-block:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 860px) {
  .rich-text-block {
    margin-bottom: 4.6875rem;
  }
}

.rich-text-alignment-left {
  text-align: left;
}

.rich-text-alignment-center {
  text-align: center;
}

.rich-text-alignment-right {
  text-align: right;
}

.rich-text-heading {
  font-size: var(--font-size-heading-4);
  margin-bottom: 1.25rem;
  line-height: 1.5;
  color: #000000;
}

.rich-text-heading-medium {
  font-size: var(--font-size-heading-3);
}

.rich-text-heading-large {
  font-size: var(--font-size-heading-1);
}

.rich-text-content {
  line-height: 1.5;
}

.search-section {
  position: relative;
  width: 96%;
  max-width: calc(1300px - 25px * 2);
  margin: 0 auto;
}

.search-section-background,
.search-section-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
}

.search-section-position-top-left {
  background-position: left top;
}

.search-section-position-top-center {
  background-position: center top;
}

.search-section-position-top-right {
  background-position: right top;
}

.search-section-position-center-left {
  background-position: left center;
}

.search-section-position-center-center {
  background-position: center;
}

.search-section-position-center-right {
  background-position: right center;
}

.search-section-position-bottom-left {
  background-position: left bottom;
}

.search-section-position-bottom-center {
  background-position: center bottom;
}

.search-section-position-bottom-right {
  background-position: right bottom;
}

.search-section-content {
  position: relative;
  max-width: 85%;
  padding: 50px 0;
  margin: 0 auto;
}
@media screen and (min-width: 1080px) {
  .search-section-content {
    max-width: 65%;
  }
}
.search-section-overlay + .search-section-content,
.search-section-overlay + .search-section-content .search-section-heading {
  color: inherit;
}

.search-section-header {
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 680px) {
  .search-section-header {
    max-width: 80%;
  }
}
.search-section-header p {
  margin-top: 0;
}

.search-section-heading {
  font-size: var(--font-size-heading-3);
  margin-top: 0;
  margin-bottom: 0.75rem;
  color: #000000;
}

.search-section-text {
  margin-top: 0;
  margin-bottom: 2.0rem;
  line-height: 1.5625;
}

.shoppable-image {
  z-index: calc(300 - 2);
}
.shoppable-image.no-section-heading {
  margin-top: 1.25rem;
}
@media screen and (min-width: 860px) {
  .shoppable-image.no-section-heading {
    margin-top: 1.75rem;
  }
}

.shoppable-image__section-content-wrapper {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media screen and (min-width: 860px) {
  .shoppable-image__section-content-wrapper {
    overflow: visible;
  }
  .shoppable-image--text-position-right .shoppable-image__section-content-wrapper {
    flex-direction: row;
  }
  .shoppable-image--text-position-left .shoppable-image__section-content-wrapper {
    flex-direction: row-reverse;
  }
  .shoppable-image--full-width-image .shoppable-image__section-content-wrapper {
    flex-direction: column;
  }
}

.shoppable-image__section-heading {
  margin-top: 3.125rem;
  margin-bottom: 1.25rem;
  color: #000000;
  text-align: center;
}
@media screen and (min-width: 860px) {
  .shoppable-image__section-heading {
    margin-bottom: 1.75rem;
  }
}
.shopify-section:first-child .shoppable-image__section-heading {
  margin-top: 1.75rem;
}
@media screen and (min-width: 860px) {
  .shopify-section:first-child .shoppable-image__section-heading {
    margin-top: 2.0rem;
  }
}

.shoppable-image__text-box-button {
  font-size: var(--font-size-button-medium);
  padding: 0.75rem 1.125rem;
  letter-spacing: 0.0em;
  text-align: center;
}.shoppable-image__text-box-button {
    text-transform: none;
  }.shoppable-image__text-box-content {
  max-width: 52ch;
  margin: 0 auto;
}
.shoppable-image--full-width-image .shoppable-image__text-box-content {
  max-width: 76ch;
}
@media screen and (max-width: 859px) {
  .shoppable-image__text-box-content > *:first-child {
    margin-top: 0;
  }
}
@media screen and (min-width: 860px) {
  .shoppable-image__text-box-content {
    max-width: 100%;
    margin: 0 auto;
  }
}
.shoppable-image__text-box-content .pxu-lia-element {
  --slide-fade-translate-y: 30px;
  animation: slide-fade-y 600ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
  animation-delay: calc(150ms + 100ms * var(--pxu-lia-outer-sequence) + 100ms * var(--pxu-lia-inner-sequence));
}

.shoppable-image__wrapper {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 860px) {
  .shoppable-image--half-width-image .shoppable-image__wrapper {
    width: 50%;
  }
  .shoppable-image--two-thirds-width-image .shoppable-image__wrapper {
    width: 66.66%;
  }
  .shoppable-image--full-width-image .shoppable-image__wrapper {
    width: 100%;
  }
}
.shoppable-image__wrapper .pxu-lia-element {
  --slide-fade-translate-y: -40px;
  animation: slide-fade-y 750ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
  animation-delay: calc(550ms + 100ms * var(--pxu-lia-outer-sequence) + 100ms * var(--pxu-lia-inner-sequence));
}

.shoppable-image__image {
  width: 100%;
}

.shoppable-image__text-box-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 2.0rem 1.25rem 3.125rem;
  text-align: center;
}
@media screen and (min-width: 860px) {
  .shoppable-image--half-width-image .shoppable-image__text-box-wrapper {
    width: 50%;
  }
  .shoppable-image--two-thirds-width-image .shoppable-image__text-box-wrapper {
    width: 33.33%;
  }
  .shoppable-image--full-width-image .shoppable-image__text-box-wrapper {
    width: 100%;
    padding: 3.125rem 1.25rem 2.0rem;
  }
  .shoppable-image--text-position-right .shoppable-image__text-box-wrapper {
    padding: 1.25rem 2.0rem 1.25rem 3.125rem;
  }
  .shoppable-image--text-position-left .shoppable-image__text-box-wrapper {
    padding: 1.25rem 3.125rem 1.25rem 2.0rem;
  }
  .shoppable-image__text-box-wrapper.text-box--align-left {
    text-align: left;
  }
  .shoppable-image__text-box-wrapper.text-box--align-center {
    text-align: center;
  }
  .shoppable-image__text-box-wrapper.text-box--align-right {
    text-align: right;
  }
}

.shoppable-image__text-box-title {
  font-size: var(--font-size-heading-3);
  line-height: 1.3;
}
@media screen and (min-width: 860px) {
  .shoppable-image__text-box-title {
    margin-top: 0;
    font-size: var(--font-size-heading-2);
    color: #000000;
  }
}

.shoppable-image__text-box-subheading {
  margin: 1.0rem 0 1.75rem;
  color: #000000;
}

@supports (object-fit: cover) {
  .hotspot__image {
    width: 100%;
    object-fit: cover;
  }
}
.shoppable-image__hotspot-inner {
  position: absolute;
  bottom: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate(-50%, 50%);
}

.shoppable-image__hotspot {
  position: absolute;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  outline: none;
  box-shadow: none;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.user-is-tabbing .shoppable-image__hotspot:focus {
  outline: solid rgba(0, 0, 0, 0.5);
}
.shoppable-image__hotspot.shoppable-image__hotspot--active {
  background-color: rgba(0, 0, 0, 0.6);
}

.shoppable-image__hotspot--active {
  z-index: calc(300 - 1);
  box-sizing: border-box;
  box-shadow: 0 0 0 2px white inset, 0 1px 4px rgba(0, 0, 0, 0.15);
}
.shoppable-image__hotspot--active .shoppable-image__hotspot-inner {
  transform: scale(0.7, 0.7) translate(-70%, 70%);
}
.shoppable-image__hotspot--active .hotspot__tooltip-wrapper {
  z-index: calc(300 + 1);
  pointer-events: all;
  opacity: 1;
  transform: translate(calc(-1 * (50% + 2.0rem)), 30px);
}
@media screen and (min-width: 1024px) {
  .shoppable-image__hotspot--active .hotspot__tooltip-wrapper {
    transform: translate(calc(-1 * (50% + 3.125rem)), 30px);
  }
}
.shoppable-image__hotspot--active .hotspot__tooltip-wrapper:hover .hotspot__tooltip-link {
  text-decoration: underline;
}

.hotspot__tooltip-wrapper {
  position: absolute;
  top: 14px;
  width: 17.5rem;
  margin-top: 0;
  margin-right: 2.0rem;
  margin-bottom: calc(2.0rem + 16px);
  margin-left: 2.0rem;
  text-align: center;
  text-decoration: none;
  pointer-events: none;
  opacity: 0;
  transition: opacity 200ms, transform 200ms;
  transition-delay: 75ms;
  transform: translate(calc(-1 * (50% + 2.0rem)), 16px);
}
@media screen and (min-width: 1024px) {
  .hotspot__tooltip-wrapper {
    margin-right: 3.125rem;
    margin-bottom: calc(3.125rem + 16px);
    margin-left: 3.125rem;
    transform: translate(calc(-1 * (50% + 3.125rem)), 16px);
  }
}

.hotspot__tooltip {
  display: flex;
  align-items: flex-start;
  padding: 1.0rem 1.75rem 1.0rem 1.0rem;
  text-decoration: none;
  background-color: 
rgb(255, 255, 255)

;
  outline: none;
}
.user-is-tabbing .hotspot__tooltip:focus {
  outline: solid rgba(0, 0, 0, 0.5);
}
.hotspot__tooltip:hover {
  color: #000000;
}

.hotspot__tooltip-image-wrapper {
  align-items: center;
  width: 5rem;
  min-width: 5rem;
  height: auto;
  margin-right: 1.0rem;
}

.tooltip__image {
  width: 100%;
}
.hotspot__tooltip-content {
  flex-grow: auto;
  text-align: left;
}
.hotspot__tooltip-content div:last-child {
  margin-bottom: 0;
}

.hotspot__tooltip-title {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 400;
  font-size: var(--font-size-body-medium);
  line-height: 1.3125;
}

.hotspot__tooltip-price {
  margin: 0.5rem 0;
}
.hotspot__tooltip-price .price__current {
  color: #000000;
}
.hotspot__tooltip-price .price__current--on-sale {
  color: #de0101;
}

.hotspot__tooltip-vendor {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 400;
  margin: 0.25rem 0 0;
  font-size: var(--font-size-body-smallest);
  line-height: 1.3125;
  color: #dddddd;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  white-space: normal;
}

.hotspot__tooltip-link {
  font-size: var(--font-size-body-smaller);
  color: #000000;
  text-decoration: none;
}
.hotspot__tooltip-link::after {
  display: inline-block;
  color: #000000;
  content: url('data:image/svg+xml;utf8, <svg aria-hidden="true" focusable="false" role="presentation" width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="%23000000" stroke-width="1.25" stroke-linecap="square"/><path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="%23000000" stroke-width="1.25" stroke-linecap="square"/></svg>');
  transform: rotate(270deg) translate(-1px, 0);
}

.hotspot__badge {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-size: 0.8125rem;
}

.hotspot__modal {
  display: none;
}

.hotspot__modal-wrapper {
  position: relative;
  display: flex;
  overflow: hidden;
}

.hotspot__modal-sidebar {
  position: relative;
  display: none;
  max-width: 8.75rem;
}
@media screen and (min-width: 480px) {
  .hotspot__modal-sidebar {
    display: block;
    padding-right: 1.25rem;
    border-right: 1px solid ;
  }
}
@media screen and (min-width: 680px) {
  .hotspot__modal-sidebar {
    padding-right: 1.75rem;
  }
}

.hotspot__modal-sidebar-title {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 400;
  margin: 0 auto 1.25rem;
  font-size: var(--font-size-body);
  font-weight: 700;
  text-align: center;
  white-space: break-spaces;
}

.hotspot__modal-sidebar-arrow {
  position: absolute;
  top: 0;
  left: 100%;
  width: 11px;
  height: 21px;
  background-color: 
rgb(255, 255, 255)

;
  transition: top 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(-50%);
}

.hotspot__modal-sidebar-icon {
  content: url('data:image/svg+xml;utf8, <svg width="11" height="21" viewBox="0 0 11 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0.830155L9.59354 10.4766L0 20.123V21H0.538982L0.703229 20.8301L11 10.4766L0.703229 0.123045L0.57965 0H0V0.830155Z" fill="%23"/></svg>');
  opacity: 0.15;
}

.hotspot__modal-sidebar-image-wrapper {
  position: relative;
  display: block;
  width: 4rem;
  padding-bottom: 0.25rem;
  margin-bottom: 1.0rem;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  opacity: 0.5;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (min-width: 680px) {
  .hotspot__modal-sidebar-image-wrapper {
    width: 5rem;
  }
}
.hotspot__modal-sidebar-image-wrapper.active-item {
  border-bottom: 3px solid #000000;
  opacity: 1;
}

.hotspot__modal-sidebar-image {
  width: 100%;
}

.hotspot__modal-quickshop {
  flex-grow: 1;
  width: 50%;
  padding: 0;
}
@media screen and (min-width: 480px) {
  .hotspot__modal-quickshop {
    width: 90%;
    padding-left: 2.0rem;
  }
}

@keyframes slideshow-button-slide-fade-x {
  0% {
    opacity: 0;
    transform: translate(var(--slide-fade-translate-x, 25%), -50%);
  }
  100% {
    opacity: 1;
    transform: translate(0, -50%);
  }
}
.slideshow {
  position: relative;
  margin-top: 3.125rem;
  overflow: hidden;
}
@media screen and (min-width: 1080px) {
  .slideshow {
    margin-top: 4.25rem;
  }
}
.shopify-section:first-child .slideshow {
  margin-top: 0;
}
.slideshow .flickity-viewport {
  transition: height 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.slideshow .flickity-slider {
  height: 100%;
}
.slideshow .flickity-prev-next-button {
  display: none;
  color: var(--slide-text-color);
  opacity: 1;
}
.slideshow .flickity-prev-next-button .flickity-button-icon {
  transform: scale(1);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), fill 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.slideshow .flickity-prev-next-button .flickity-button-icon .arrow {
  fill: var(--slide-text-color);
}
@media screen and (min-width: 720px) {
  .slideshow .flickity-prev-next-button {
    display: block;
  }
}
.slideshow .flickity-prev-next-button:disabled {
  cursor: default;
  opacity: 0.25;
}
.slideshow .flickity-prev-next-button:hover:not([disabled]) {
  opacity: 1;
}
.slideshow .flickity-prev-next-button:hover:not([disabled]) svg {
  transform: scale(1.2);
}
.slideshow .flickity-prev-next-button:active:not([disabled]) {
  opacity: 0.5;
}
.slideshow .flickity-prev-next-button.previous {
  --slide-fade-translate-x: -10px;
  animation: slideshow-button-slide-fade-x 200ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
  animation-delay: 400ms;
}
.pxu-lia-section--play .slideshow .flickity-prev-next-button.previous {
  animation-play-state: running;
}
.slideshow .flickity-prev-next-button.next {
  --slide-fade-translate-x: 10px;
  animation: slideshow-button-slide-fade-x 200ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
  animation-delay: 400ms;
}
.pxu-lia-section--play .slideshow .flickity-prev-next-button.next {
  animation-play-state: running;
}
.slideshow .pxu-lia-element {
  --slide-fade-translate-y: 30px;
  animation: slide-fade-y 750ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
  animation-delay: calc(350ms + 100ms * var(--pxu-lia-outer-sequence) + 100ms * var(--pxu-lia-inner-sequence));
}

.slideshow__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.slideshow-slide {
  display: none;
  width: 100%;
  overflow: hidden;
}
.slideshow--height-original .slideshow-slide {
  height: auto;
}
.flickity-enabled .slideshow-slide, .slideshow-slide:nth-of-type(1) {
  display: block;
}

@media screen and (max-width: 719px) {
  .slideshow-slide--mobile .slideshow-slide__image--desktop {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .slideshow-slide--mobile .slideshow-slide__image--mobile,
.slideshow-slide--mobile .slideshow-slide__image--mobile + [data-rimg-canvas] {
    display: none;
  }
}

.slideshow-slide__background-link {
  position: relative;
  z-index: 1;
  display: block;
  cursor: pointer;
}

.slideshow-slide__image-wrapper {
  line-height: 0;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 720px) {
  .slideshow--height-small .slideshow-slide__image-wrapper {
    height: 400px;
  }
}
@media screen and (max-width: 719px) {
  .slideshow--height-small-mobile .slideshow-slide__image-wrapper {
    height: 250px;
  }
}
@media screen and (min-width: 720px) {
  .slideshow--height-medium .slideshow-slide__image-wrapper {
    height: 500px;
  }
}
@media screen and (max-width: 719px) {
  .slideshow--height-medium-mobile .slideshow-slide__image-wrapper {
    height: 300px;
  }
}
@media screen and (min-width: 720px) {
  .slideshow--height-large .slideshow-slide__image-wrapper {
    height: 600px;
  }
}
@media screen and (max-width: 719px) {
  .slideshow--height-large-mobile .slideshow-slide__image-wrapper {
    height: 350px;
  }
}
@media screen and (max-width: 719px) {
  .slideshow--height-x-large-mobile .slideshow-slide__image-wrapper {
    height: 400px;
  }
}
@media screen and (min-width: 720px) {
  .slideshow--height-fit_screen .slideshow-slide__image-wrapper {
    height: 100vh;
  }
  .slideshow--section:first-child .slideshow--height-fit_screen .slideshow-slide__image-wrapper {
    height: calc(100vh - var(--header-height));
  }
}
@media screen and (max-width: 719px) {
  .slideshow--height-fit_screen-mobile.slideshow--text-below-image-false .slideshow-slide__image-wrapper {
    height: 100vh;
  }
  .slideshow--section:first-child .slideshow--height-fit_screen-mobile.slideshow--text-below-image-false .slideshow-slide__image-wrapper, .site-header-sticky .slideshow--height-fit_screen-mobile.slideshow--text-below-image-false .slideshow-slide__image-wrapper {
    height: calc(100vh - var(--header-height));
  }
}
@media screen and (max-width: 719px) {
  .slideshow--height-fit_screen-mobile.slideshow--text-below-image-true .slideshow-slide__image-wrapper {
    height: calc(100vh - var(--content-height));
  }
  .slideshow--section:first-child .slideshow--height-fit_screen-mobile.slideshow--text-below-image-true .slideshow-slide__image-wrapper, .site-header-sticky .slideshow--height-fit_screen-mobile.slideshow--text-below-image-true .slideshow-slide__image-wrapper {
    height: calc(100vh - var(--header-height) - var(--content-height));
  }
}
@media screen and (min-width: 720px) {
  .slideshow--height-original .slideshow-slide__image-wrapper {
    height: auto;
  }
}
@media screen and (max-width: 719px) {
  .slideshow--height-original-mobile .slideshow-slide__image-wrapper {
    height: auto;
  }
}

.slideshow--height-small .slideshow-slide__image, .slideshow--height-medium .slideshow-slide__image, .slideshow--height-large .slideshow-slide__image, .slideshow--height-fit_screen .slideshow-slide__image, .slideshow--height-adapt .slideshow-slide__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 719px) {
  .slideshow--height-original .slideshow-slide__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 719px) {
  .slideshow--height-original-mobile .slideshow-slide__image {
    position: relative;
  }
}
.slideshow--height-original .slideshow-slide__image, .slideshow--height-original-mobile .slideshow-slide__image, .slideshow--height-adapt .slideshow-slide__image {
  width: 100%;
}

@media only screen and (min-width:719px){
  /*.ecom-main-banner.slideshow__wrapper .slideshow-slide__image--mobile{
    display:none;
  }*/
}

.user-is-tabbing .slideshow-slide__background-link:focus .slideshow-slide__image {
  border: 5px solid var(--slide-text-color);
}

.slideshow-slide__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.slideshow-slide__content-background-link {
  color: #000000;
  text-decoration: none;
}
.slideshow--height-fit_screen .slideshow-slide__content-background-link {
  color: var(--slide-text-color);
}
@media screen and (min-width: 720px) {
  .slideshow-slide__content-background-link {
    color: var(--slide-text-color);
  }
}

.slideshow-slide__content {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 90%;
  margin: 50px auto;
  color: #000000;
  text-align: center;
}
@media screen and (min-width: 720px) {
  .slideshow--height-fit_screen .slideshow-slide__content {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    color: var(--slide-text-color);
    transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 720px) {
  .slideshow-slide__content {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    margin: 0;
    color: var(--slide-text-color);
    transform: translate(-50%, -50%);
  }
}

@media screen and (max-width: 719px) {
  .slideshow--text-below-image-false .slideshow-slide__content {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 90%;
    margin: 0;
    color: var(--slide-text-color);
    transform: translate(-50%, -50%);
  }
}

@media screen and (min-width: 720px) {
  .slideshow-slide__content--text-left {
    padding-right: 40%;
    padding-left: 6.25em;
    text-align: left;
  }
}

@media screen and (min-width: 720px) {
  .slideshow-slide__content--text-center {
    max-width: 60%;
    text-align: center;
  }
}

@media screen and (min-width: 720px) {
  .slideshow-slide__content--text-right {
    padding-right: 6.25em;
    padding-left: 40%;
    text-align: right;
  }
}

.slideshow-slide__heading {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2;
}
@media screen and (min-width: 720px) {
  .slideshow-slide__heading {
    font-size: var(--font-size-heading-slideshow);
  }
}

.slideshow-slide__text {
  margin-top: 0.75rem;
  margin-bottom: 0;
  font-size: var(--font-size-body-medium);
  line-height: 1.4;
}
@media screen and (min-width: 1024px) {
  .slideshow-slide__text {
    font-size: var(--font-size-body-large);
  }
}

.slideshow-slide__button {
  margin: 1.25rem 5px 0;
}
@media screen and (min-width: 720px) {
  .slideshow-slide__button {
    font-size: var(--font-size-button-medium);
    padding: 0.75rem 1.125rem;
    letter-spacing: 0.0em;
  }.slideshow-slide__button {
      text-transform: none;
    }.slideshow-slide__content--text-left .slideshow-slide__button {
    margin-left: 0;
  }
  .slideshow-slide__content--text-right .slideshow-slide__button {
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .slideshow-slide__button {
    font-size: var(--font-size-button-large);
    padding: 0.875rem 1.75rem;
    letter-spacing: 0.0em;
    margin-top: 1.875rem;
  }.slideshow-slide__button {
      text-transform: none;
    }}

.slideshow-slide__button--primary {
  color: #ffffff;
  background-color: #000000;
  border: 1px solid #000000;
}
.slideshow-slide__button--primary:not(.disabled):hover {
  background: rgb(26, 26, 26);
  border: 1px solid rgb(26, 26, 26);
}
.slideshow-slide__button--primary:active {
  background: 
#0f0f0f

;
  border: 1px solid 
#0f0f0f

;
}
.slideshow-slide__button--primary.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.16;
}
.slideshow-slide__button--primary.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .slideshow-slide__button--primary.mdc-ripple-surface:hover::before, .slideshow-slide__button--primary.mdc-ripple-surface::before {
  opacity: 0;
}
.slideshow-slide__button--primary.mdc-ripple-surface::after {
  background-color: #ffffff;
}

.slideshow-slide__button--secondary {
  color: #2f4898;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.slideshow-slide__button--secondary:not(.disabled):hover {
  background: rgb(255, 255, 255);
  border: 1px solid 
#cecece

;
}
.slideshow-slide__button--secondary.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.slideshow-slide__button--secondary.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .slideshow-slide__button--secondary.mdc-ripple-surface:hover::before, .slideshow-slide__button--secondary.mdc-ripple-surface::before {
  opacity: 0;
}
.slideshow-slide__button--secondary.mdc-ripple-surface::after {
  background-color: #2f4898;
}

.slideshow-pagination {
  display:none !important;
  position: absolute;
  bottom: 20px;
  left: 50%;
  display: flex;
  justify-content: center;
  padding: 0;
  list-style-type: none;
  transform: translateX(-50%);
}
@media screen and (max-width: 719px) {
  .slideshow--text-below-image-false .slideshow-pagination {
    top: auto !important;
  }
}
@media screen and (max-width: 719px) {
  .slideshow--text-below-image-true .slideshow-pagination {
    bottom: auto;
  }
}

.slideshow-pagination__button {
  display: inline-block;
  width: 7px;
  height: 7px;
  padding: 0;
  margin: 0 7.5px;
  cursor: pointer;
  background-color: #000000;
  border: none;
  border-radius: 50%;
  outline: none;
  opacity: 0.25;
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.user-is-tabbing .slideshow-pagination__button:focus {
  outline: 2px solid var(--slide-text-color);
  outline-offset: 2px;
}
@media screen and (min-width: 720px) {
  .slideshow-pagination__button {
    background-color: var(--slide-text-color);
  }
}
@media screen and (max-width: 719px) {
  .slideshow--text-below-image-false .slideshow-pagination__button {
    background-color: var(--slide-text-color);
  }
}
.slideshow-pagination__button[data-selected=true] {
  opacity: 1;
  transform: scale(1.25);
}

.twitter--container {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 859px) {
  .twitter--container .pxu-lia-block {
    animation: hide-on-load 5s step-end running;
  }
  .twitter--container .flickity-viewport .pxu-lia-block {
    --slide-fade-translate-x: 30px;
    animation: slide-fade-x 500ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
    animation-delay: 100ms;
  }
  .pxu-lia-section--play .twitter--container .flickity-viewport .pxu-lia-block {
    animation-play-state: running;
  }
}

.twitter--inner {
  outline: none;
}
.twitter--inner:not(.flickity-enabled),
.twitter--inner .flickity-slider {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  transition: width 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 859px) {
  .twitter--inner:not(.flickity-enabled) {
    flex-direction: column;
  }
}
.twitter--inner.flickity-enabled {
  display: block;
  width: 100%;
  cursor: grab;
}
@media screen and (max-width: 859px) {
  .tweet--count-1 .twitter--inner .flickity-slider {
    width: 17.25rem;
  }
  .tweet--count-2 .twitter--inner .flickity-slider {
    width: 34.5rem;
  }
  .tweet--count-3 .twitter--inner .flickity-slider {
    width: 51.75rem;
  }
}

.tweet--wrapper {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: flex-start;
  min-width: 276px;
  min-height: 100%;
  padding: 1.25rem;
  overflow: hidden;
  white-space: normal;
  border-right: 1px solid ;
  transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1), padding 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 859px) {
  .twitter--inner:not(.flickity-enabled) .tweet--wrapper {
    display: block;
    width: 100%;
    border-right: 0;
  }
  .twitter--inner:not(.flickity-enabled) .tweet--wrapper:not(:first-child) {
    border-top: 1px solid ;
  }
}
@media screen and (min-width: 1080px) {
  .tweet--wrapper {
    padding: 1.5625rem;
  }
}
.tweet--count-1 .tweet--wrapper {
  width: 100%;
}
.tweet--count-2 .tweet--wrapper {
  width: 50%;
}
.tweet--count-3 .tweet--wrapper {
  width: 33.3333333333%;
}
.tweet--wrapper:last-child {
  border-right: 0;
}
.tweet--wrapper a {
  text-decoration: none;
  word-wrap: break-word;
}

.tweet--header {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0;
}

.tweet--header-image,
.tweet--header-authorinfo {
  display: inline-block;
  vertical-align: middle;
}

.tweet--header-image {
  display: none;
}

.tweet--header-authorinfo {
  max-width: 100%;
  margin-top: 1px;
  margin-bottom: 0;
}

.tweet--header-name {
  font-size: var(--font-size-heading-5);
  display: block;
  color: #000000;
  text-decoration: none;
}

.tweet--header-screenname {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 400;
  font-size: var(--font-size-heading-6);
  display: block;
  color: #dddddd;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: none;
}

.tweet--content {
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 100%;
  max-height: 100%;
  margin-top: 1.75rem;
}
.tweet--content a {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  vertical-align: top;
}
.tweet--content .tweet {
  font-size: var(--font-size-body);
  margin-top: -4.8px;
  margin-bottom: 0;
  line-height: 1.6;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
.tweet--content .tweet img {
  display: inline-block;
  height: 1.375rem;
  margin-top: -0.3125rem;
  vertical-align: baseline;
}
.tweet--content .media {
  display: inline-block;
  float: left;
  width: 35%;
  max-width: 140px;
  margin-right: 1.5625rem;
  margin-bottom: 0.4375rem;
}
.tweet--content .media img {
  display: block;
  max-width: 100%;
}

.tweet--footer {
  padding-top: 1.0rem;
  margin-top: auto;
  clear: left;
  font-size: 0;
}

.tweet--footer--posted,
.tweet--footer--icon {
  font-size: var(--font-size-body-small);
  display: inline-block;
  vertical-align: middle;
}

.tweet--footer--posted {
  margin-left: 0.5rem;
  color: #dddddd;
}
.tweet--footer--posted:hover {
  color: #000000;
}

.tweet--footer--icon svg {
  display: block;
  color: #1da1f2;
}

.twitter--placeholder-posted,
.twitter--placeholder-name,
.twitter--placeholder-screenname {
  display: inline-block;
  vertical-align: middle;
}

.twitter--placeholder-name {
  width: 100px;
  height: 1.125rem;
}

.twitter--placeholder-screenname {
  width: 100px;
  height: 1.0rem;
}

.twitter--placeholder-tweet {
  width: 100%;
}

.twitter--placeholder-tweet-line {
  display: block;
  height: 1em;
  max-width: 100%;
  margin-top: 0.44em;
}
.twitter--placeholder-tweet-line:nth-child(1) {
  width: 204px;
}
.twitter--placeholder-tweet-line:nth-child(2) {
  width: 180px;
}
.twitter--placeholder-tweet-line:nth-child(3) {
  width: 160px;
}

.twitter--placeholder-posted {
  width: 80px;
  height: 1em;
}

.testimonials-section {
  padding-bottom: 2.1875rem;
}
@media screen and (max-width: 1079px) {
  .testimonials-section {
    overflow: hidden;
  }
}

.testimonial {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 719px) {
  .testimonial {
    margin-right: 10px;
  }
}
@media screen and (min-width: 720px) {
  .testimonial {
    margin-right: 15px;
  }
}
@media screen and (min-width: 1080px) {
  .testimonial {
    margin-right: 20px;
  }
}
.testimonial:hover {
  box-shadow: 0 2px 8px ;
}
.testimonial:last-child {
  margin-right: 0;
}
.testimonial .pxu-lia-element {
  --zoom-fade-scale: 0.9;
  animation: zoom-fade 500ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
  animation-delay: calc(100ms * var(--pxu-lia-outer-sequence));
}

.testimonials {
  display: flex;
  flex-direction: row;
  justify-content: center;
  outline: none;
  position: relative;
  overflow: hidden;
}
.testimonials.flickity-enabled {
  overflow: visible;
  flex-direction: column;
}
.testimonials.flickity-enabled .testimonial {
  width: 100%;
}
@media screen and (min-width: 720px) {
  .testimonials.flickity-enabled .testimonial {
    width: 35vw;
  }
}
@media screen and (min-width: 1080px) {
  .testimonials.flickity-enabled .testimonial {
    width: calc((100% - 40px) / 3);
  }
}
@media screen and (min-width: 1080px) {
  .testimonials.flickity-enabled .flickity-viewport {
    overflow: hidden;
  }
}
@media screen and (max-width: 1079px) {
  .testimonials.flickity-enabled .pxu-lia-block {
    animation: hide-on-load 5s step-end running;
  }
  .testimonials.flickity-enabled .flickity-viewport .pxu-lia-block {
    --slide-fade-translate-x: 30px;
    animation: slide-fade-x 500ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
    animation-delay: 100ms;
  }
  .pxu-lia-section--play .testimonials.flickity-enabled .flickity-viewport .pxu-lia-block {
    animation-play-state: running;
  }
}
.testimonials .flickity-slider {
  pointer-events: auto;
}
.testimonials .flickity-button {
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: 
rgb(255, 255, 255)

;
  border-radius: 24px;
  box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.05), 0 2px 5px rgba(127, 127, 127, 0.5);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 1079px) {
  .testimonials .flickity-button {
    display: none;
  }
}
.testimonials .flickity-button:disabled {
  cursor: initial;
  opacity: 0.5;
}
.testimonials .flickity-button:disabled svg {
  opacity: 0.3;
}
.testimonials .flickity-button:not(:disabled):hover {
  transform: translateY(-50%) scale(1.125);
  box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.05), 0 3px 10px rgba(127, 127, 127, 0.5);
}
.testimonials .flickity-button.previous {
  left: -17px;
}
@media screen and (min-width: 1080px) {
  .testimonials .flickity-button.previous {
    left: -5px;
  }
}
@media screen and (min-width: 1500px) {
  .testimonials .flickity-button.previous {
    left: -64px;
  }
}
.testimonials .flickity-button.previous svg {
  left: -1px;
}
.testimonials .flickity-button.next {
  right: -17px;
}
@media screen and (min-width: 1080px) {
  .testimonials .flickity-button.next {
    right: -5px;
  }
}
@media screen and (min-width: 1500px) {
  .testimonials .flickity-button.next {
    right: -64px;
  }
}
.testimonials .flickity-button.next svg {
  right: -1px;
}
.testimonials .flickity-button .flickity-button-icon {
  position: relative;
  top: initial;
  left: initial;
}
.testimonials .flickity-page-dots {
  position: relative;
  bottom: 0;
  margin-top: 2.0rem;
}
.testimonials .flickity-page-dots .dot {
  width: 7px;
  height: 7px;
  margin: 0 7.5px;
  background-color: #000000;
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.testimonials .flickity-page-dots .dot.is-selected {
  transform: scale(1.25);
}

.testimonial__content {
  display: flex;
  padding: 2.0rem 1.75rem;
  line-height: 1.6;
  text-align: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 1080px) {
  .testimonial__content {
    padding: 3rem 2rem;
  }
}
@media screen and (max-width: 1079px) {
  .testimonial__content {
    padding: 3.125rem;
  }
}

.testimonial__text {
  font-style: italic;
  margin: 1rem 0 2.0rem 0;
}

.testimonial__text a {
  color: #000000;
}

.testimonial__author {
  font-style: normal;
  color: #dddddd;
}

.testimonial__author a {
  color: #000000;
}

.testimonial__text p,
.testimonial__author p {
  margin: 0;
}

.testimonials--small {
  font-size: var(--font-size-body-small);
}

.testimonials--medium {
  font-size: var(--font-size-body);
}

.testimonials--large {
  font-size: var(--font-size-heading-5);
}

.testimonial__star-ratings .testimonial__star-rating {
  fill: #ffab41;
}

.testimonial__image {
  width: 100%;
  height: 100%;
}

.testimonial__image-container {
  position: relative;
  margin-bottom: 1.25rem;
}
.testimonial__image-container.testimonial__image-container--circle, .testimonial__image-container.testimonial__image-container--circle .testimonial__image {
  border-radius: 50%;
}
.testimonial__image-container.testimonial__image-container--rounded, .testimonial__image-container.testimonial__image-container--rounded .testimonial__image {
  border-radius: 6px;
}
.testimonial__image-container.testimonial__image-container--original {
  max-width: 150px;
}
.testimonial__image-container.testimonial__image-container--circle, .testimonial__image-container.testimonial__image-container--rounded {
  width: 80px;
  height: 80px;
}

.pxs-map {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
@media (max-width: 680px) {
  .pxs-map {
    flex-wrap: wrap;
  }
}

.pxs-map-wrapper {
  position: relative;
  width: 100%;
  height: 280px;
  padding: 0;
  background-size: cover;
}
@media (min-width: 680px) {
  .pxs-map-wrapper {
    height: 400px;
  }
  .pxs-map-section-layout-x-outside-left .pxs-map-wrapper, .pxs-map-section-layout-x-outside-right .pxs-map-wrapper {
    width: calc(50% - 10px);
  }
}
.pxs-map-wrapper.pxs-map-wrapper-height-medium {
  height: 350px;
}
@media (min-width: 680px) {
  .pxs-map-wrapper.pxs-map-wrapper-height-medium {
    height: 500px;
  }
}
.pxs-map-wrapper.pxs-map-wrapper-height-large {
  height: 420px;
}
@media (min-width: 680px) {
  .pxs-map-wrapper.pxs-map-wrapper-height-large {
    height: 600px;
  }
}
.pxs-map-wrapper .pxs-map-image {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}
.pxs-map-wrapper .pxs-map-image[data-rimg=noscript] {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 1;
  object-fit: cover;
}

.pxs-map-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.pxs-map-section-layout-x-outside-left .pxs-map-overlay, .pxs-map-section-layout-x-outside-right .pxs-map-overlay {
  display: none;
}
@media (max-width: 680px) {
  .pxs-map-overlay {
    display: none;
  }
}

.pxs-map-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.pxs-map-error-message {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.pxs-map-error-message p {
  margin: 0;
  text-align: center;
}
.pxs-map-error-message a {
  color: inherit;
}

.pxs-map-card-wrapper {
  width: 100%;
}
@media (max-width: 680px) {
  .pxs-map-section-layout-mobile-above .pxs-map-card-wrapper {
    order: -1;
    margin-bottom: 20px;
  }
  .pxs-map-section-layout-mobile-below .pxs-map-card-wrapper {
    margin-top: 20px;
  }
}
@media (min-width: 680px) {
  .pxs-map-card-wrapper {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 20px;
  }
  .pxs-map-section-layout-x-outside-left .pxs-map-card-wrapper, .pxs-map-section-layout-x-outside-right .pxs-map-card-wrapper {
    position: static;
    width: calc(50% - 10px);
    padding: 0;
    background-color: #fff;
  }
  .pxs-map-section-layout-x-outside-left .pxs-map-card-wrapper {
    order: -1;
  }
  .pxs-map-section-layout-y-outside-center .pxs-map-card-wrapper, .pxs-map-section-layout-y-overlay-center .pxs-map-card-wrapper {
    align-items: center;
  }
  .pxs-map-section-layout-y-outside-bottom .pxs-map-card-wrapper, .pxs-map-section-layout-y-overlay-bottom .pxs-map-card-wrapper {
    align-items: flex-end;
  }
  .pxs-map-section-layout-x-overlay-center .pxs-map-card-wrapper {
    justify-content: center;
  }
  .pxs-map-section-layout-x-overlay-right .pxs-map-card-wrapper {
    justify-content: flex-end;
  }
}
@media (min-width: 1024px) {
  .pxs-map-card-wrapper {
    top: 25px;
    bottom: 25px;
    padding: 0 25px;
  }
}

.pxs-map-card {
  width: 100%;
  padding: 25px;
  background-color: #fff;
}
@media (max-width: 680px) {
  .pxs-map-card {
    max-width: 100%;
  }
}
@media (min-width: 680px) {
  .pxs-map-card {
    right: auto;
    bottom: 25px;
    left: 25px;
    width: auto;
    max-width: 40%;
    min-width: 280px;
  }
  .pxs-map-section-layout-x-outside-left .pxs-map-card, .pxs-map-section-layout-x-outside-right .pxs-map-card {
    width: 100%;
    max-width: 100%;
  }
}

.pxs-map-card-text-alignment-left {
  text-align: left;
}

.pxs-map-card-text-alignment-center {
  text-align: center;
}

.pxs-map-card-text-alignment-right {
  text-align: right;
}

.pxs-map-card-heading {
  margin: 0 0 26px;
}

.pxs-map-card-content p:last-child {
  margin-bottom: 0;
}

.pxs-newsletter-section {
  position: relative;
  width: 100%;
}
.pxs-newsletter-section .newsletter-success {
  font-weight: bold;
  text-align: center;
}

.pxs-newsletter {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  padding: 50px 0 20px;
  margin: 0 auto;
}
@media screen and (max-width: 680px) {
  .pxs-newsletter {
    flex-direction: column;
  }
}
@media (min-width: 1080px) {
  .pxs-newsletter {
    max-width: 65%;
    padding-top: 68px;
  }
}

.pxs-newsletter-figure {
  position: relative;
  flex-shrink: 1;
  order: 0;
  margin: 0;
  background-size: cover;
}
@media screen and (max-width: 680px) {
  .pxs-newsletter-mobile-alignment-bottom .pxs-newsletter-figure {
    order: 1;
  }
}
@media screen and (min-width: 680px) {
  .pxs-newsletter-desktop-alignment-right .pxs-newsletter-figure {
    order: 1;
  }
}

.pxs-newsletter-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  order: 0;
  padding: 0 20px;
}
@media screen and (min-width: 680px) {
  .pxs-newsletter-content {
    padding: 0 50px;
  }
}

.pxs-newsletter-image {
  display: block;
  width: 100%;
  opacity: 0;
}
.pxs-newsletter-image[data-rimg=noscript] {
  opacity: 1;
}

.pxs-newsletter-header {
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 680px) {
  .pxs-newsletter-header {
    max-width: 80%;
  }
}

.pxs-newsletter-heading {
  margin-top: 0;
  margin-bottom: 12px;
}

.pxs-newsletter-text {
  margin-top: 0;
  margin-bottom: 36px;
}

@media only screen and (max-width:768px){
  .pxs-newsletter-text{margin-bottom:18px;}
}

.pxs-newsletter-form .contact-form {
  margin: 0;
}

.pxs-newsletter-form-fields {
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.pxs-newsletter-form-label {
  display: none;
}

.pxs-newsletter-form-input {
  height: 100%;
  margin: 0;
}

.pxs-newsletter-form-button {
  height: 100%;
}

.pxs-image-with-text:not(.pxs-image-with-text-section-height-original) .pxs-image-with-text-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.pxs-image-with-text:not(.pxs-image-with-text-section-height-original) .pxs-image-with-text-image {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}
.pxs-image-with-text:not(.pxs-image-with-text-section-height-original) .pxs-image-with-text-image[data-rimg=noscript] {
  width: 100%;
  height: 100%;
  opacity: 1;
  object-fit: cover;
}
@media (min-width: 480px) {
  .pxs-image-with-text.pxs-image-with-text-section-height-original .pxs-image-with-text-content-wrapper {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
  }
}

.pxs-image-with-text-wrapper {
  position: relative;
}

.pxs-image-with-text-background {
  background-size: cover;
}
.pxs-image-with-text-background svg {
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.pxs-image-with-text-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (max-width: 480px) {
  .pxs-image-with-text-section-height-original .pxs-image-with-text-overlay {
    display: none;
  }
}

.pxs-image-with-text-content-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 36px;
  text-align: center;
}
@media (max-width: 480px) {
  .pxs-image-with-text-section-height-original .pxs-image-with-text-content-wrapper {
    align-items: center;
    justify-content: center;
    padding: 20px;
    text-align: center;
  }
}

.pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-y-top {
  align-items: flex-start;
  padding-bottom: 100px;
}
@media (min-width: 720px) {
  .pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-y-top {
    padding-bottom: 180px;
  }
}
.pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-y-center {
  padding: 60px 36px;
}
@media (min-width: 720px) {
  .pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-y-center {
    padding: 100px 36px;
  }
}
.pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-y-bottom {
  align-items: flex-end;
  padding-top: 100px;
}
@media (min-width: 720px) {
  .pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-y-bottom {
    padding-top: 180px;
  }
}
.pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-x-left {
  justify-content: flex-start;
  text-align: left;
}
.pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-x-right {
  justify-content: flex-end;
  text-align: right;
}

.pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-y-top {
  align-items: flex-start;
  padding-bottom: 160px;
}
@media (min-width: 720px) {
  .pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-y-top {
    padding-bottom: 280px;
  }
}
.pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-y-center {
  padding: 90px 36px;
}
@media (min-width: 720px) {
  .pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-y-center {
    padding: 150px 36px;
  }
}
.pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-y-bottom {
  align-items: flex-end;
  padding-top: 160px;
}
@media (min-width: 720px) {
  .pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-y-bottom {
    padding-top: 280px;
  }
}
.pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-x-left {
  justify-content: flex-start;
  text-align: left;
}
.pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-x-right {
  justify-content: flex-end;
  text-align: right;
}

.pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-y-top {
  align-items: flex-start;
  padding-bottom: 220px;
}
@media (min-width: 720px) {
  .pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-y-top {
    padding-bottom: 380px;
  }
}
.pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-y-center {
  padding: 120px 36px;
}
@media (min-width: 720px) {
  .pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-y-center {
    padding: 200px 36px;
  }
}
.pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-y-bottom {
  align-items: flex-end;
  padding-top: 220px;
}
@media (min-width: 720px) {
  .pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-y-bottom {
    padding-top: 380px;
  }
}
.pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-x-left {
  justify-content: flex-start;
  text-align: left;
}
.pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-x-right {
  justify-content: flex-end;
  text-align: right;
}

.pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-y-top {
  align-items: flex-start;
  padding-bottom: -20px;
}
@media (min-width: 720px) {
  .pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-y-top {
    padding-bottom: -20px;
  }
}
.pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-y-center {
  padding: 0 36px;
}
@media (min-width: 720px) {
  .pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-y-center {
    padding: 0 36px;
  }
}
.pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-y-bottom {
  align-items: flex-end;
  padding-top: -20px;
}
@media (min-width: 720px) {
  .pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-y-bottom {
    padding-top: -20px;
  }
}
.pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-x-left {
  justify-content: flex-start;
  text-align: left;
}
.pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-x-right {
  justify-content: flex-end;
  text-align: right;
}

.pxs-image-with-text-content {
  width: 85%;
  padding: 8px 0;
}
@media (min-width: 720px) {
  .pxs-image-with-text-content {
    width: 60%;
    padding: 12px 0;
  }
  .pxs-image-with-text-content-position-x-left .pxs-image-with-text-content, .pxs-image-with-text-content-position-x-right .pxs-image-with-text-content {
    width: 45%;
  }
}

.pxs-image-with-text-text-alignment-left {
  text-align: left;
}

.pxs-image-with-text-text-alignment-center {
  text-align: center;
}

.pxs-image-with-text-text-alignment-right {
  text-align: right;
}

.pxs-image-with-text-heading,
.pxs-image-with-text-subheading {
  color: inherit;
}
@media (max-width: 480px) {
  .pxs-image-with-text-section-height-original .pxs-image-with-text-heading,
.pxs-image-with-text-section-height-original .pxs-image-with-text-subheading {
    color: #000;
  }
}

.pxs-image-with-text-heading {
  margin-top: 0;
  margin-bottom: 4px;
}
@media (min-width: 720px) {
  .pxs-image-with-text-heading {
    margin-bottom: 12px;
  }
}

.pxs-image-with-text-subheading {
  margin: 0;
}
.pxs-image-with-text-subheading p {
  margin-top: 0;
}
.pxs-image-with-text-subheading p:last-child {
  margin-bottom: 0;
}

.pxs-image-with-text-button {
  margin-top: 20px;
}
@media (min-width: 720px) {
  .pxs-image-with-text-button {
    margin-top: 28px;
  }
}
@media (min-width: 1024px) {
  .pxs-image-with-text-button {
    margin-top: 36px;
  }
}

.pxs-image-with-text-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pxs-map-section {
  width: 100%;
}
.pxs-map-section .pxu-lia-element {
  --slide-fade-translate-y: 10px;
  animation: slide-fade-y 600ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
  animation-delay: calc(100ms + 100ms * var(--pxu-lia-inner-sequence));
}

.pxs-map-error-message {
  line-height: 1.5;
}

.pxs-map-wrapper {
  border: 0;
}

.pxs-map-card {
  border: 0;
}
.pxs-map-section-layout-x-outside-left .pxs-map-card, .pxs-map-section-layout-x-outside-right .pxs-map-card {
  box-shadow: none;
}

.pxs-map-card-heading {
  font-size: var(--font-size-heading-3);
  line-height: 1.2;
  color: #000000;
}

.pxs-map-card-item-link {
  text-decoration: none;
}

.pxs-newsletter-section .form-fields-inline {
  text-align: center;
}
.pxs-newsletter-section .newsletter-success {
  text-align: center;
}
.pxs-newsletter-section .newsletter {
  font-size: var(--font-size-body);
}
.pxs-newsletter-section .newsletter .newsletter-input {
  width: calc(60% - 10px);
  max-width: 22.5rem;
}
.pxs-newsletter-section .newsletter .newsletter-submit {
  width: auto;
  max-width: 40%;
}
.pxs-newsletter-section .newsletter .newsletter-submit .button-primary {
  padding-right: 1.0rem;
  padding-left: 1.0rem;
  height:55.5px;
}

.pxs-newsletter-heading {
  font-size: var(--font-size-heading-4);
  color: #000000;
}
@media screen and (min-width: 1024px) {
  .pxs-newsletter-heading {
    font-size: var(--font-size-heading-3);
  }
}

.pxs-newsletter-text {
  font-size: var(--font-size-body);
  line-height: 1.5625;
}

.pxs-newsletter-content {
  width: 100%;
}

.pxs-newsletter {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-top: 3.125rem;
}
@media screen and (min-width: 860px) {
  .pxs-newsletter {
    margin-top: 4.25rem;
  }
}
.shopify-section:first-child .pxs-newsletter {
  margin-top: 1.75rem;
}
.pxs-newsletter .pxu-lia-element {
  --slide-fade-translate-y: 15px;
  animation: slide-fade-y 600ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
  animation-delay: calc(100ms * var(--pxu-lia-outer-sequence) + 100ms * var(--pxu-lia-inner-sequence));
}

@media screen and (min-width: 680px) {
  .pxs-newsletter-figure,
.pxs-newsletter-figure + .pxs-newsletter-content {
    width: 50%;
  }
}

@media screen and (max-width: 679px) {
  .pxs-newsletter-figure {
    margin-bottom: 3.125rem;
  }
  .pxs-newsletter-mobile-alignment-bottom .pxs-newsletter-figure {
    margin-top: 3.125rem;
    margin-bottom: 0;
  }
}

.pxs-image-with-text-section {
  margin-top: 3.125rem;
}
@media screen and (min-width: 720px) {
  .pxs-image-with-text-section {
    margin-bottom: 1.75rem;
  }
}
@media screen and (min-width: 1080px) {
  .pxs-image-with-text-section {
    margin-top: 4.25rem;
  }
}
.pxs-image-with-text-section:first-child {
  margin-top: 0.75rem;
}
@media screen and (min-width: 860px) {
  .pxs-image-with-text-section:first-child {
    margin-top: 1.75rem;
  }
}

.pxs-image-with-text-content-wrapper,
.pxs-image-with-text-section-height-original .pxs-image-with-text-content-wrapper {
  padding: 1.25rem;
}
@media screen and (min-width: 720px) {
  .pxs-image-with-text-content-wrapper,
.pxs-image-with-text-section-height-original .pxs-image-with-text-content-wrapper {
    padding: 1.75rem;
  }
}
@media screen and (min-width: 1080px) {
  .pxs-image-with-text-content-wrapper,
.pxs-image-with-text-section-height-original .pxs-image-with-text-content-wrapper {
    padding: 2.0rem;
  }
}

.pxs-image-with-text-section-height-small .pxs-image-with-text-content-wrapper,
.pxs-image-with-text-section-height-medium .pxs-image-with-text-content-wrapper,
.pxs-image-with-text-section-height-large .pxs-image-with-text-content-wrapper {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
@media screen and (min-width: 720px) {
  .pxs-image-with-text-section-height-small .pxs-image-with-text-content-wrapper,
.pxs-image-with-text-section-height-medium .pxs-image-with-text-content-wrapper,
.pxs-image-with-text-section-height-large .pxs-image-with-text-content-wrapper {
    padding-right: 1.75rem;
    padding-left: 1.75rem;
  }
}
@media screen and (min-width: 1080px) {
  .pxs-image-with-text-section-height-small .pxs-image-with-text-content-wrapper,
.pxs-image-with-text-section-height-medium .pxs-image-with-text-content-wrapper,
.pxs-image-with-text-section-height-large .pxs-image-with-text-content-wrapper {
    padding-right: 2.0rem;
    padding-left: 2.0rem;
  }
}

@media screen and (min-width: 720px) {
  .pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-y-center {
    padding-top: 104px;
    padding-bottom: 104px;
  }
}
@media screen and (min-width: 1080px) {
  .pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-y-center {
    padding-top: 106px;
    padding-bottom: 106px;
  }
}

@media screen and (min-width: 720px) {
  .pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-y-center {
    padding-top: 154px;
    padding-bottom: 154px;
  }
}
@media screen and (min-width: 1080px) {
  .pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-y-center {
    padding-top: 156px;
    padding-bottom: 156px;
  }
}

@media screen and (min-width: 720px) {
  .pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-y-center {
    padding-top: 204px;
    padding-bottom: 204px;
  }
}
@media screen and (min-width: 1080px) {
  .pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-y-center {
    padding-top: 206px;
    padding-bottom: 206px;
  }
}

.pxs-image-with-text.pxs-image-with-text-section-height-original .pxs-image-with-text-content-wrapper {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 719px) {
  .pxs-image-with-text.pxs-image-with-text-section-height-original .pxs-image-with-text-content-wrapper {
    position: relative;
    justify-content: center;
    text-align: center;
    padding: 20px;
  }
  .pxs-newsletter {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-top: 3.125rem;
    padding-bottom:4rem;
  }
}
@media screen and (min-width: 720px) {
  .pxs-image-with-text.pxs-image-with-text-section-height-original .pxs-image-with-text-content-wrapper {
    position: absolute;
  }
}
@media screen and (max-width: 719px) {
  .pxs-image-with-text.pxs-image-with-text-section-height-original .pxs-image-with-text-heading,
.pxs-image-with-text.pxs-image-with-text-section-height-original .pxs-image-with-text-subheading {
    color: #000;
  }
}
@media screen and (max-width: 719px) {
  .pxs-image-with-text.pxs-image-with-text-section-height-original .pxs-image-with-text-overlay {
    display: none;
  }
}

.pxs-image-with-text-heading {
  font-size: var(--font-size-heading-3);
  line-height: 1.2;
}
@media screen and (min-width: 720px) {
  .pxs-image-with-text-heading {
    font-size: var(--font-size-heading-medium);
  }
}
@media screen and (min-width: 1080px) {
  .pxs-image-with-text-heading {
    font-size: var(--font-size-heading-large);
  }
}

.pxs-image-with-text-subheading {
  font-size: var(--font-size-body);
  line-height: 1.5625;
}

.pxs-image-with-text-button {
  color: #ffffff;
  background-color: #000000;
  border: 1px solid #000000;
  padding: 10px 0.5rem;
  font-size: 0.875rem;
}
.pxs-image-with-text-button:not(.disabled):hover {
  background: rgb(26, 26, 26);
  border: 1px solid rgb(26, 26, 26);
}
.pxs-image-with-text-button:active {
  background: 
#0f0f0f

;
  border: 1px solid 
#0f0f0f

;
}
.pxs-image-with-text-button.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.16;
}
.pxs-image-with-text-button.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .pxs-image-with-text-button.mdc-ripple-surface:hover::before, .pxs-image-with-text-button.mdc-ripple-surface::before {
  opacity: 0;
}
.pxs-image-with-text-button.mdc-ripple-surface::after {
  background-color: #ffffff;
}
@media screen and (min-width: 720px) {
  .pxs-image-with-text-button {
    font-size: var(--font-size-body);
    padding: 0.75rem 10px;
  }
}
@media screen and (min-width: 1080px) {
  .pxs-image-with-text-button {
    font-size: var(--font-size-heading-5);
    padding: 15px;
  }
}

.pxs-image-with-text-section .pxu-lia-element {
  --slide-fade-translate-y: 30px;
  animation: slide-fade-y 600ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
  animation-delay: calc(250ms + 100ms * var(--pxu-lia-outer-sequence) + 100ms * var(--pxu-lia-inner-sequence));
}

.account-page-masthead {
  text-align: center;
}

.account-page-content .form-field {
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 720px) {
  .account-page-content .form-fields-columns {
    margin-bottom: -1.25rem;
    /*margin-left: 0.5em;*/
  }
}

.account-page--two-column .account-page--column-half {
  margin-top: 3.125rem;
}
.account-page--two-column .account-page--column-half:first-child {
  margin-top: 0;
}
@media screen and (min-width: 1024px) {
  .account-page--two-column .account-page--column-half {
    float: left;
    width: 50%;
    margin-top: 0;
  }
  .account-page--two-column .account-page--column-half:nth-child(2) {
    padding-left: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .account-page--two-column .account-page--column-large {
    float: left;
    width: 75%;
  }
}
.account-page--two-column .account-page--column-small {
  margin-top: 2.5rem;
}
@media screen and (min-width: 1024px) {
  .account-page--two-column .account-page--column-small {
    float: left;
    width: 25%;
    margin-top: 0;
    padding-left: 40px;
  }
}

.account-page-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size-heading-1);
  color: #000000;
}
@media screen and (min-width: 1024px) {
  .account-page-title {
    font-size: var(--font-size-heading-medium);
  }
}

.account-page-subtitle {
  font-size: var(--font-size-heading-5);
  margin-top: 0;
  margin-bottom: 0.75rem;
  color: #000000;
}
.account-page-subtitle:not(:first-child) {
  margin-top: 2.0rem;
}

.account-message {
  margin-bottom: 1.25rem;
}

.account-login,
.account-recovery {
  display: none;
}
.account-login.visible,
.account-recovery.visible {
  display: block;
}

.account-page-login .account-page-content {
  max-width: 500px;
}
.account-page-login .account-register {
  margin-top: 1.75rem;
}

.account-page-login .form-action--submit,
.account-page-register .form-action--submit {
  vertical-align: middle;
}
.account-page-login .form-action-row--helper,
.account-page-register .form-action-row--helper {
  margin-top: 1.0rem;
}
@media screen and (min-width: 720px) {
  .account-page-login .form-action-row--helper,
.account-page-register .form-action-row--helper {
    display: inline-block;
    margin-top: 0;
    margin-left: 20px;
    vertical-align: middle;
  }
}
.account-page-login .form-action-row--helper-item,
.account-page-register .form-action-row--helper-item {
  font-size: var(--font-size-body-small);
  display: block;
}
.account-page-login .form-action-row--helper-item:not(:first-child),
.account-page-register .form-action-row--helper-item:not(:first-child) {
  margin-top: 0.5rem;
}

.account-page-register .account-page-content {
  max-width: 640px;
  min-height: auto;
}

.shopify-challenge__container {
  margin-top: 1.75rem;
  text-align: center;
}
.shopify-challenge__container .btn {
  color: #ffffff;
  background-color: #000000;
  border: 1px solid #000000;
}
.shopify-challenge__container .btn:not(.disabled):hover {
  background: rgb(26, 26, 26);
  border: 1px solid rgb(26, 26, 26);
}
.shopify-challenge__container .btn:active {
  background: 
#0f0f0f

;
  border: 1px solid 
#0f0f0f

;
}
.shopify-challenge__container .btn.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.16;
}
.shopify-challenge__container .btn.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .shopify-challenge__container .btn.mdc-ripple-surface:hover::before, .shopify-challenge__container .btn.mdc-ripple-surface::before {
  opacity: 0;
}
.shopify-challenge__container .btn.mdc-ripple-surface::after {
  background-color: #ffffff;
}

.account-table {
  width: 100%;
  border-collapse: collapse;
}
.account-table th,
.account-table td {
  /* border-bottom: 1px solid ; */
}
.account-table th {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 700;
  font-size: var(--font-size-body);
  padding-bottom: 1.0rem;
  text-align: left;
  color: #000000;
}
.account-table td {
  font-size: var(--font-size-body);
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.account-order-history .account-page-subtitle {
  font-size: var(--font-size-heading-4);
/*   margin-bottom: 2.0rem; */
margin-bottom:12px;
}

.account-order-list td:not(:last-child) {
  padding-right: 20px;
}
.account-order-list th:not(.b2b):first-child {
  width: 40%;
}
.account-order-list th:last-child:not(.b2b),
.account-order-list td:last-child {
  text-align: right;
}

.account-address-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  justify-content: flex-start;
  list-style-type: none;
}

.account-address {
  font-size: var(--font-size-body);
  flex-grow: 0;
  flex-shrink: 0;
  width: 100%;
  padding: 1.25rem;
  margin-top: 20px;
}
.account-address:first-child {
  margin-top: 0;
}
@media screen and (min-width: 680px) {
  .account-address {
    width: calc(50% - 10px);
    margin-right: 20px;
  }
  .account-address:nth-child(2) {
    margin-top: 0;
  }
  .account-address:nth-child(2n) {
    margin-right: 0;
  }
}

.account-info .account-info-block {
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 480px) {
  .account-info {
    display: flex;
  }
  .account-info .account-info-block {
    flex: 1 0 auto;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .account-info {
    display: block;
  }
  .account-info .account-info-block {
    margin-bottom: 2.5rem;
  }
}

.account-info-item,
.account-address-item {
  margin-top: 1.0rem;
  margin-bottom: 1.0rem;
}

.account-address-item--default {
  font-style: italic;
}

.account-address-list {
  padding-left: 0;
  margin-top: 0.75rem;
  list-style: none;
}
.account-address-list li {
  margin-top: 0.5rem;
}

.account-address-list-footer {
  margin-top: calc(1.25rem / 2);
}
.account-address-list-footer button {
  margin-top: calc(1.25rem / 2);
}
.account-address-list-footer button:first-child {
  margin-right: 20px;
}
@media screen and (max-width: 1023px) and (min-width: 860px) {
  .account-address-list-footer button:first-child {
    margin-right: 10px;
  }
}

.account-address-form {
  display: none;
}
.account-address-form.visible {
  display: block;
}
.account-page-activate .account-page-content,
.account-page-reset-password .account-page-content {
  max-width: 500px;
}

.contact-page-content {
  max-width: 680px;
}
.contact-page-content .form-field {
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 720px) {
  .contact-page-content .form-fields-columns {
    margin-bottom: -1.25rem;
  }
}
.contact-page-content .contact-message {
  margin-bottom: 1.25rem;
}
.contact-page-content .contact-form-button {
  font-size: var(--font-size-button-medium);
  padding: 0.75rem 1.125rem;
  letter-spacing: 0.0em;
}.contact-page-content .contact-form-button {
    text-transform: none;
  }
  
  
  

  
.account-order,
.order-footer {
  text-align: left;
}
.account-order tr:first-child .order-item,
.order-footer tr:first-child .order-item {
  border-top: none;
  border-bottom: none;
}
@media screen and (min-width: 680px) {
  .account-order tr,
.order-footer tr {
    border-bottom: 1px solid ;
  }
  .account-order tr:last-child,
.order-footer tr:last-child {
    border-bottom: 1px solid ;
  }
}
.account-order th.order-item-price, .account-order th.order-item-quantity, .account-order th.order-item-total,
.order-footer th.order-item-price,
.order-footer th.order-item-quantity,
.order-footer th.order-item-total {
  padding-top: 0;
}
.account-order tbody,
.order-footer tbody {
  display: block;
  border-top: 1px solid ;
  border-bottom: 1px solid ;
}
@media screen and (min-width: 680px) {
  .account-order tbody,
.order-footer tbody {
    display: table-row-group;
    border-top: none;
    border-bottom: none;
  }
}
.account-order td,
.order-footer td {
  padding-left: 20px;
  border-bottom: none;
}
.account-order td:first-child,
.order-footer td:first-child {
  padding-left: 0;
}
.account-order .order-footer-value,
.order-footer .order-footer-value {
  width: 40%;
  text-align: right;
}
@media screen and (min-width: 680px) {
  .account-order .order-footer-value,
.order-footer .order-footer-value {
    width: 20%;
  }
}
.account-order .order-item,
.order-footer .order-item {
  display: flex;
  position: relative;
  clear: both;
  align-items: center;
  border-top: 1px solid ;
}
@media screen and (min-width: 680px) {
  .account-order .order-item,
.order-footer .order-item {
    border-top: none;
  }
}
.account-order .order-item-placeholder,
.order-footer .order-item-placeholder {
  display: block;
}
.account-order .order-item--cell-label,
.order-footer .order-item--cell-label {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 700;
  font-size: var(--font-size-body-small);
  margin-top: 0;
  margin-bottom: 0.25rem;
}
@media screen and (min-width: 680px) {
  .account-order .order-item--cell-label,
.order-footer .order-item--cell-label {
    display: none;
  }
}
.account-order .order-image,
.order-footer .order-image {
  flex: 0 0 75px;
  margin-right: 15px;
  align-self: flex-start;
}
@media screen and (min-width: 680px) {
  .account-order .order-image,
.order-footer .order-image {
    flex: 0 0 50px;
    margin-right: 20px;
  }
}
.account-order .order-image img,
.account-order .order-image svg,
.order-footer .order-image img,
.order-footer .order-image svg {
  display: block;
  width: 75px;
  height: auto;
  max-width: 100%;
}
@media screen and (min-width: 680px) {
  .account-order .order-image img,
.account-order .order-image svg,
.order-footer .order-image img,
.order-footer .order-image svg {
    width: 50px;
  }
}
.account-order .order-item-title,
.order-footer .order-item-title {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 700;
  font-size: var(--font-size-heading-5);
}
@media screen and (min-width: 680px) {
  .account-order .order-item-title,
.order-footer .order-item-title {
    font-size: var(--font-size-body);
    display: inline-block;
  }
}
.account-order .order-item-title a,
.order-footer .order-item-title a {
  display: inline-block;
  color: #000000;
}
.account-order .order-item-title .order-item-options,
.order-footer .order-item-title .order-item-options {
  font-size: var(--font-size-body-smaller);
  display: block;
  margin-top: 0.25rem;
  font-weight: normal;
  color: #dddddd;
}
.account-order .discount-list,
.order-footer .discount-list {
  clear: both;
  margin-top: 0.5rem;
  margin-bottom: 0;
  padding-left: 0;
  font-weight: normal;
}
.account-order .discount-list svg,
.order-footer .discount-list svg {
  height: 0.625rem;
  width: 0.625rem;
}
.account-order .order-item-price,
.account-order .order-item-quantity,
.account-order .order-item-total,
.order-footer .order-item-price,
.order-footer .order-item-quantity,
.order-footer .order-item-total {
  float: left;
  width: 50%;
  text-align: left;
  padding-top: 0;
  padding-left: 0;
}
@media screen and (min-width: 480px) {
  .account-order .order-item-price,
.account-order .order-item-quantity,
.account-order .order-item-total,
.order-footer .order-item-price,
.order-footer .order-item-quantity,
.order-footer .order-item-total {
    float: none;
    clear: none;
    display: inline-block;
    width: 32%;
    vertical-align: top;
  }
}
@media screen and (min-width: 680px) {
  .account-order .order-item-price,
.account-order .order-item-quantity,
.account-order .order-item-total,
.order-footer .order-item-price,
.order-footer .order-item-quantity,
.order-footer .order-item-total {
    display: table-cell;
    padding-top: 1.0rem;
    padding-bottom: 1.0rem;
    padding-left: 20px;
    text-align: right;
    vertical-align: middle;
  }
}
.account-order .order-item-price,
.order-footer .order-item-price {
  clear: both;
}
@media screen and (min-width: 680px) {
  .account-order .order-item-price,
.order-footer .order-item-price {
    width: 20%;
  }
}
.account-order .order-item--unit-price,
.order-footer .order-item--unit-price {
  display: block;
  margin-top: 0.25rem;
  font-size: var(--font-size-body-smallest);
  color: rgba(0, 0, 0, 0.8);
}
.account-order .order-item-quantity .order-quantity-value,
.order-footer .order-item-quantity .order-quantity-value {
  margin: 0;
}
@media screen and (min-width: 680px) {
  .account-order .order-item-quantity,
.order-footer .order-item-quantity {
    width: 14%;
  }
}
.account-order .order-item-original-price,
.order-footer .order-item-original-price {
  display: block;
  margin-bottom: 0.25rem;
  color: #dddddd;
}
.account-order .order-item-discount-price,
.order-footer .order-item-discount-price {
  display: block;
  color: #de0101;
}
.account-order .order-item-total,
.order-footer .order-item-total {
  float: none;
  clear: both;
  padding-bottom: 1.75rem;
}
@media screen and (min-width: 680px) {
  .account-order .order-item-total,
.order-footer .order-item-total {
    width: 20%;
    padding-bottom: 1.0rem;
  }
}

.account-order {
  display: block;
}
.account-order thead {
  display: none;
}
.account-order tr {
  display: block;
}
.account-order td {
  display: block;
}
@media screen and (min-width: 680px) {
  .account-order {
    display: table;
  }
  .account-order thead {
    display: table-header-group;
  }
  .account-order tr {
    display: table-row;
  }
  .account-order td {
    display: table-cell;
  }
}

.order-footer {
  display: table;
  width: 100%;
  margin-top: 0.75rem;
}
.order-footer .order-footer-item {
  display: table-row;
}
.order-footer .order-footer-item .order-footer-label,
.order-footer .order-footer-item .order-footer-value {
  display: table-cell;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: 1.4;
}
.order-footer .order-footer-item:nth-last-child(2) .order-footer-label {
  padding-bottom: 1.0rem;
}
.order-footer .discount-list-item svg {
  height: 0.75rem;
  width: 0.75rem;
}
.order-footer .order-footer-total {
  display: table-row;
  border-top: 1px solid ;
  font-weight: bold;
}
.order-footer .order-footer-total .order-footer-label,
.order-footer .order-footer-total .order-footer-value {
  display: table-cell;
  padding-top: 1.0rem;
}

.account-order-attributes {
  padding-left: 0;
  list-style: none;
}
.account-order-attributes li:not(:first-child) {
  margin-top: 0.5rem;
}

.account-order-attribute-title {
  font-style: normal;
  font-weight: 700;
}

.article--comments-item {
  margin: 0 0 3.125rem;
  line-height: 1.6;
}
.article--comments-item cite {
  font-size: var(--font-size-body-small);
  font-style: italic;
  color: #dddddd;
}
.article--comments-item cite strong {
  font-size: var(--font-size-heading-5);
  color: #000000;
}
.article--comments-item .rte {
  margin-top: 0.5rem;
}
.article--comments-item .rte > *:first-child {
  margin-top: 0;
}
.article--comments-item .rte > *:last-child {
  margin-bottom: 0;
}

.article--comments {
  margin-top: 4.25rem;
}

.article--comments-title {
  font-size: var(--font-size-heading-3);
  margin-top: 0;
  margin-bottom: 2.0rem;
  color: #000000;
}
.article--comments-form .article--comments-title {
  margin-bottom: 1.25rem;
}

.article--comments-form {
  margin-top: 4.25rem;
}
.article--comments-form .form-field--half {
  margin-bottom: 1.25rem;
}
.article--comments-form .form-field-textarea {
  display: block;
  min-height: 200px;
}
.article--comments-form .button-primary {
  font-size: var(--font-size-button-large);
  padding: 0.875rem 1.75rem;
  letter-spacing: 0.0em;
  margin-top: 1.75rem;
}.article--comments-form .button-primary {
    text-transform: none;
  }.article--comments-moderated {
  font-style: italic;
  font-weight: 400;
  margin-bottom: 2.0rem;
  line-height: 1.6;
}

.article--comments-message {
  margin-bottom: 1.25rem;
}
.article--comments-message.message--success {
  padding: 0.5rem 0.75rem;
}
.article--comments-message.message--error {
  padding: 0.5rem 0.75rem;
}
.article--comments-message ul {
  font-style: normal;
  font-weight: 400;
  padding-left: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
}
.article--comments-message p {
  font-style: normal;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
}
.article--comments-message p + .article--comments-error {
  margin-top: 0.67em;
}

.article--comments-required {
  font-size: var(--font-size-body-smallest);
  margin-top: 1.25rem;
  margin-bottom: 0;
  color: #dddddd;
}

.article--excerpt-wrapper {
  flex-grow: 0;
  flex-shrink: 0;
  text-align: center;
  transition: width 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
.article--excerpt-wrapper.article--excerpt-wrapper--centered {
  display: flex;
}
.article--excerpt-wrapper.article--excerpt-wrapper--centered .article-list-item {
  display: flex;
}
.article--excerpt-wrapper.article--excerpt-wrapper--centered .article-list-item .article--excerpt-content {
  vertical-align: middle;
}

.article--excerpt-image {
  position: relative;
  display: block;
  height: 12.5rem;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 720px) {
  .article--excerpt-image {
    height: 15.625rem;
  }
}
@media screen and (min-width: 1024px) {
  .blogposts--count-2 .article--excerpt-image {
    height: 18.75rem;
  }
}

.article--excerpt-content {
  width: 100%;
  /*padding: 1.25rem;*/
  padding: 0.5rem;
  white-space: normal;
}

.article-list-item h2.article--excerpt-title.ecom-title {
    min-height: 3.3rem !important;
    margin-bottom: 4px;
    margin-top: 4px;
}

@media only screen and (max-width:768px){
  .article-list-item h2.article--excerpt-title.ecom-title{
    min-height: 0.3rem !important;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 2px;
  }
  li.ecom_article.article--excerpt-wrapper .btn-read {
    padding: 2px 4px 4px 4px;
    font-size: 10px;
    font-weight: 600;
  }
  .ecom_article_excerpt.article--excerpt-content {
    padding: 0.3rem 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }
  li.ecom_article.article--excerpt-wrapper i {
    margin-left: 6px;
  }
  article.article-list-item {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
}

.article--excerpt-wrapper--centered .article--excerpt-content {
  align-self: center;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}
@media screen and (min-width: 1024px) {
  .article--excerpt-wrapper--centered .article--excerpt-content {
    padding-top: 4.25rem;
    padding-bottom: 4.25rem;
  }
}

.article--excerpt-meta {
  font-size: 0;
  color: #dddddd;
}

.article--excerpt-meta-item {
  display: inline-block;
  font-size: var(--font-size-body-small);
}
@media screen and (max-width: 719px) {
  .article--excerpt-meta-item {
    font-size: var(--font-size-body-smallest);
  }
}
.article--excerpt-meta-item:nth-child(2) {
  padding-left: 11px;
  margin-left: 10px;
  border-left: 1px solid #dddddd;
}
@media screen and (max-width: 719px) {
  .article--excerpt-meta-item:nth-child(2) {
    padding-left: 6px;
    margin-left: 5px;
  }
}

.article--excerpt-title {
  font-size: var(--font-size-heading-4);
  margin-top: 0.5rem;
  margin-bottom: 1.0rem;
  line-height: 1.3;
  color: #000000;
}
.article--excerpt-title:first-child {
  margin-top: 0;
}
.article--excerpt-title a {
  color: currentColor;
  text-decoration: none;
}

.article--excerpt-text {
  margin-bottom: 1.0rem;
}

.article--excerpt-readmore {
  margin-top: 1.0rem;
  line-height: 1;
}
.article--excerpt-readmore:hover .icon-signpost-arrow path {
  transition: transform 125ms cubic-bezier(0.4, 0, 0.2, 1), opacity 125ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
}
.article--excerpt-readmore:hover .icon-signpost-arrow path:first-child {
  transform: translateX(0);
}
.article--excerpt-readmore:hover .icon-signpost-arrow path:last-child {
  transform: translateX(0);
}

.article--excerpt-wrapper--featured {
  position: relative;
  width: 100%;
  margin-right: 0;
  margin-bottom: 3.125rem;
  color: 
rgb(255, 255, 255)

;
  background-color: #000000;
  border: 0;
  box-shadow: none;
}
@media screen and (min-width: 860px) {
  .article--excerpt-wrapper--featured {
    margin-bottom: 4.25rem;
    font-size: 0;
  }
}
.article--excerpt-wrapper--featured .article--excerpt-image {
  height: 15.625rem;
}
@media screen and (min-width: 680px) {
  .article--excerpt-wrapper--featured .article--excerpt-image {
    height: 22.5rem;
  }
}
@media screen and (min-width: 720px) {
  .article--excerpt-wrapper--featured .article--excerpt-image {
    height: 26.875rem;
  }
}
@media screen and (min-width: 860px) {
  .article--excerpt-wrapper--featured .article--excerpt-image {
    height: 29.1875rem;
  }
}
@media screen and (min-width: 1024px) {
  .article--excerpt-wrapper--featured .article--excerpt-image {
    height: 32.875rem;
  }
}
.no-js .article--excerpt-wrapper--featured .article--excerpt-image {
  height: auto;
}
.article--excerpt-wrapper--featured .article--excerpt-content {
  font-size: var(--font-size-body);
  padding: 2.0rem;
}
@media screen and (min-width: 1024px) {
  .article--excerpt-wrapper--featured .article--excerpt-content {
    padding: 3.125rem;
  }
}
.article--excerpt-wrapper--featured .article--excerpt-meta {
  color: rgba(255, 255, 255, 0.6);
}
.article--excerpt-wrapper--featured .article--excerpt-meta-item {
  font-size: var(--font-size-body);
}
.article--excerpt-wrapper--featured .article--excerpt-meta-item:nth-child(2) {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.article--excerpt-wrapper--featured .article--excerpt-title {
  font-size: var(--font-size-heading-1);
  margin-top: 0.5rem;
  margin-bottom: 1.25rem;
  color: currentColor;
}
.article--excerpt-wrapper--featured .article--excerpt-title:first-child {
  margin-top: 0;
}
@media screen and (min-width: 680px) {
  .article--excerpt-wrapper--featured .article--excerpt-title {
    margin-bottom: 0;
  }
}
.article--excerpt-wrapper--featured .article--excerpt-text {
  margin-top: 1.25rem;
  margin-bottom: 1.75rem;
  line-height: 1.56;
}
.article--excerpt-wrapper--featured .article--excerpt-text a {
  color: currentColor;
  text-decoration: underline;
}
.article--excerpt-wrapper--featured .article--excerpt-text a:hover {
  color: currentColor;
}
.article--excerpt-wrapper--featured .article--excerpt-button {
  color: #2f4898;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-color: transparent;
}
.article--excerpt-wrapper--featured .article--excerpt-button:not(.disabled):hover {
  background: rgb(255, 255, 255);
  border: 1px solid 
#cecece

;
}
.article--excerpt-wrapper--featured .article--excerpt-button.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.article--excerpt-wrapper--featured .article--excerpt-button.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .article--excerpt-wrapper--featured .article--excerpt-button.mdc-ripple-surface:hover::before, .article--excerpt-wrapper--featured .article--excerpt-button.mdc-ripple-surface::before {
  opacity: 0;
}
.article--excerpt-wrapper--featured .article--excerpt-button.mdc-ripple-surface::after {
  background-color: #2f4898;
}
.article--excerpt-wrapper--featured .article--excerpt-button:not(.disabled):hover {
  border-color: transparent;
}
@media screen and (min-width: 680px) {
  .article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-content {
    width: 70%;
    text-align: right;
  }
}
.article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-meta,
.article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-title,
.article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-meta-item,
.article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-text {
  max-width: 43.75rem;
}
@media screen and (min-width: 680px) {
  .article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-meta,
.article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-title,
.article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-meta-item,
.article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-text {
    text-align: left;
  }
}
@media screen and (min-width: 680px) {
  .article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-text {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 680px) {
  .article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-button {
    position: absolute;
    right: 1.75rem;
    bottom: 1.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-button {
    right: 3.125rem;
    bottom: 3.125rem;
  }
}
@media screen and (min-width: 860px) {
  .article--excerpt-wrapper--featured.article--excerpt-wrapper--has-image .article--excerpt-image,
.article--excerpt-wrapper--featured.article--excerpt-wrapper--has-image .article--excerpt-content {
    position: relative;
    display: inline-block;
    width: 50%;
    text-align: left;
    vertical-align: middle;
  }
  .article--excerpt-wrapper--featured.article--excerpt-wrapper--has-image .article--excerpt-image {
    right: 0;
    left: 50%;
  }
  .article--excerpt-wrapper--featured.article--excerpt-wrapper--has-image .article--excerpt-content {
    right: 50%;
    left: auto;
  }
}

.atc-banner--container {
  position: fixed;
  top: 0;
  z-index: 700;
  display: none;
  width: 100%;
  background-color: 
rgb(255, 255, 255)

;
  outline: none;
  opacity: 0;
  transform: translateY(-100%);
  box-shadow: 0 2px 5px ;
}
.atc-banner--container[data-animation] {
  display: block;
}
.atc-banner--container[data-animation-state=open] {
  display: block;
  opacity: 1;
  transform: translateY(0);
}
.atc-banner--container[data-animation="closed=>open"] {
  transition: opacity 250ms cubic-bezier(0.1, 0.1, 0, 1) 75ms, transform 300ms cubic-bezier(0.1, 0.1, 0, 1);
}
.atc-banner--container[data-animation="open=>closed"] {
  transition: opacity 100ms cubic-bezier(0.4, 0, 1, 1) 75ms, transform 175ms cubic-bezier(0.4, 0, 1, 1);
}
.atc-banner--container[data-animation-state=closed] {
  opacity: 0;
  transform: translateY(-100%);
}
.site-header-sticky .atc-banner--container {
  position: absolute;
  top: 100%;
  z-index: 600;
}

.atc-banner--outer {
  position: relative;
  padding: 1.25rem;
}

.atc-banner--inner {
  width: 100%;
  max-width: 920px;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-right: auto;
  margin-left: auto;
  table-layout: fixed;
  text-align: center;
}
@media screen and (min-width: 720px) {
  .atc-banner--inner {
    display: table;
    text-align: left;
  }
}

.atc-banner--product {
  font-size: var(--font-size-body);
  vertical-align: middle;
}
@media screen and (min-width: 720px) {
  .atc-banner--product {
    display: table-cell;
    width: 52%;
    padding-right: 2.0rem;
  }
}
@media screen and (min-width: 1024px) {
  .atc-banner--product {
    padding-right: 2.0rem;
  }
}

.atc-banner--cart {
  margin-top: 3.125rem;
  vertical-align: middle;
}
@media screen and (min-width: 720px) {
  .atc-banner--cart {
    display: table-cell;
    width: 48%;
    padding-left: 1.75rem;
    margin-top: 0;
    border-left: 1px solid ;
  }
}
@media screen and (min-width: 1024px) {
  .atc-banner--cart {
    padding-left: 3.125rem;
  }
}

.atc-banner--product-title {
  font-size: var(--font-size-heading-4);
  margin-top: 0;
  color: #000000;
}

.atc-banner--product-title--icon {
  display: inline-block;
  width: 18px;
  height: 13px;
  margin-top: -3px;
  margin-right: 5px;
  vertical-align: middle;
}
.atc-banner--product-title--icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.atc--product {
  max-width: 19.375rem;
  margin: 2.0rem auto 0;
  font-size: 0;
  text-align: left;
  vertical-align: middle;
}
@media screen and (min-width: 720px) {
  .atc--product {
    display: block;
    max-width: 100%;
    margin-top: 1.75rem;
  }
}

.atc--product-image {
  display: inline-block;
  width: 100px;
  vertical-align: middle;
}
.atc--product-image svg,
.atc--product-image img {
  max-width: 100%;
}

.atc--product-details {
  font-size: var(--font-size-body);
  display: inline-block;
  width: calc(100% - 1.75rem - 6.25rem);
  margin-left: 1.75rem;
  vertical-align: middle;
}
.atc--product-details .hidden {
  display: none;
}
.atc--product-details .discount-list {
  margin-bottom: 0;
}
.atc--product-details .discount-list svg {
  height: 0.625rem;
  width: 0.625rem;
}

.atc--product-details--title {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 400;
  font-size: var(--font-size-body);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.3125;
  text-transform: inherit;
  letter-spacing: inherit;
}

.atc--product-details--options {
  font-size: var(--font-size-body-smaller);
  display: block;
  margin-top: 0.25rem;
  line-height: 1.4;
  color: #dddddd;
}

.atc--product-details--price {
  display: block;
  margin-top: 0.25rem;
  line-height: 1.2;
}
.atc--product-details--price .original-price {
  color: #dddddd;
  text-decoration: line-through;
}

.atc--product-details--unit-price {
  display: block;
  margin-top: 0.25rem;
  font-size: var(--font-size-body-smallest);
  color: rgba(0, 0, 0, 0.8);
}
.atc--product-details--unit-price.hidden {
  display: none;
}

.atc-banner--cart-subtotal {
  font-size: var(--font-size-heading-4);
}

.atc-subtotal--label {
  color: #dddddd;
}

.atc-subtotal--price {
  display: inline-block;
  margin-left: 0.5rem;
  color: #000000;
}

.atc-banner--cart-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 1.75rem;
  margin-bottom: -0.5rem;
  margin-left: -0.5rem;
  font-size: 0;
}
@media screen and (min-width: 720px) {
  .atc-banner--cart-footer {
    justify-content: flex-start;
  }
}

.atc-button--viewcart,
.atc-button--checkout {
  font-size: var(--font-size-button-medium);
  padding: 0.75rem 1.125rem;
  letter-spacing: 0.0em;
  margin-bottom: 0.5rem;
  margin-left: 0.5rem;
}.atc-button--viewcart,
.atc-button--checkout {
    text-transform: none;
  }.atc-button--checkout {
  display: flex;
  align-items: center;
  justify-content: center;
}
.atc-button--checkout svg {
  margin: -10px 10px -10px 0;
}

.atc-banner--close {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #000000;
}
@media screen and (min-width: 1024px) {
  .atc-banner--close {
    right: 25px;
  }
}

.breadcrumbs-container {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-size: 0;
}
@media screen and (min-width: 720px) {
  .breadcrumbs-container {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
}
.breadcrumbs-container a,
.breadcrumbs-container span {
  font-size: var(--font-size-body);
  display: inline-block;
  vertical-align: middle;
}
.breadcrumbs-container span {
  color: #dddddd;
}
.breadcrumbs-container span.breadcrumbs-tag:not(:last-child) {
  margin-right: 2px;
}

.breadcrumbs-delimiter {
  margin-right: 0.4375rem;
  margin-left: 0.4375rem;
}
.breadcrumbs-delimiter svg {
  margin-top: 0;
}

.cart-item {
  position: relative;
  display: flex;
  padding: 0.9375rem;
  margin-bottom: 1.25rem;
  overflow: hidden;
  transition: all 200ms cubic-bezier(0, 0, 0.2, 1);
}
@media screen and (min-width: 720px) {
  .cart-item {
    padding: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .cart-item {
    align-items: center;
  }
}
.cart-item.removing {
  opacity: 0.5;
}

.cart-item--image-wrapper {
  width: 75px;
  margin: 0;
}
@media screen and (min-width: 480px) {
  .cart-item--image-wrapper {
    width: 68px;
  }
}
.cart-item--image-wrapper svg,
.cart-item--image-wrapper img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.cart-item--inner {
  width: calc(100% - 75px);
}
@media screen and (min-width: 480px) {
  .cart-item--inner {
    width: calc(100% - 120px);
  }
}
@media screen and (min-width: 720px) {
  .cartitems--container:not(.has-sidebar) .cart-item--inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 120px);
  }
}
@media screen and (max-width: 479px) {
  .cartitems--container:not(.has-sidebar) .cart-item--inner {
    width: calc(100% - 75px);
  }
}
@media screen and (max-width: 479px) {
  .cartitems--container.has-sidebar .cart-item--inner {
    width: calc(100% - 75px);
  }
}
@media screen and (max-width: 859px) and (min-width: 720px) {
  .cartitems--container.has-sidebar .cart-item--inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 120px);
  }
}
@media screen and (min-width: 1024px) {
  .cartitems--container.has-sidebar .cart-item--inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 120px);
  }
}

.cart-item--content {
  padding-left: 1.25rem;
}
@media screen and (max-width: 1023px) and (min-width: 860px) {
  .cartitems--container.has-sidebar .cart-item--content {
    margin-bottom: 1.75rem;
  }
}
.cart-item--content .discount-list-item svg {
  height: 0.625rem;
  width: 0.625rem;
}

.cart-item--content-title {
  font-size: var(--font-size-heading-5);
  margin-top: 0;
  margin-bottom: 0.5rem;
  color: #000000;
}
.cart-item--content-title a {
  color: currentColor;
  text-decoration: none;
}

.cart-item--product-options,
.cart-item--content-price,
.cart-item--unit-price {
  line-height: 1.5;
  font-size: var(--font-size-body-smaller);
  color: rgba(0, 0, 0, 0.8);
}

.cart-item--unit-price {
  font-size: var(--font-size-body-smallest);
}

.cart-item--option-name,
.cart-item--price-title {
  font-style: normal;
  font-weight: 700;
}

.cart-item--sale-price {
  color: #dddddd;
  text-decoration: line-through;
}

.cart-item--discount-price {
  color: #de0101;
}

.cart-item--unit-price.hidden {
  display: none;
}

.cart-item--info {
  position: relative;
  padding-right: 0;
  padding-left: 1.25rem;
  margin-top: 1.0rem;
}
@media screen and (min-width: 560px) {
  .cart-item--info {
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 720px) {
  .cart-item--info {
    margin-top: 0;
  }
}

.cart-item--sku {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #dddddd;
}

.cart-item--sku-empty {
  display: none;
}

.cart-item--quantity,
.cart-item--total,
.cart-item--remove {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  margin-top: 0.75rem;
}

.cart-item--quantity {
  width: 100%;
  max-width: calc(7.1875rem + 1.25rem);
  min-width: calc(7.1875rem + 1.25rem);
  padding-right: 1.25rem;
  padding-left: 0;
}

.cart-item--total {
  font-size: var(--font-size-heading-5);
  padding-right: calc(1.25rem + 1.25rem);
  color: #000000;
  text-align: left;
  white-space: nowrap;
}
.cart-item--total .original-price {
  color: #dddddd;
}
.cart-item--total .original-price,
.cart-item--total .cart-item--discount-price {
  line-height: 1.3;
}
@media screen and (min-width: 560px) {
  .cart-item--total {
    padding-right: 0;
    text-align: right;
  }
}
@media screen and (min-width: 720px) {
  .cart-item--total {
    min-width: 7.5rem;
  }
}

.cart-item--remove {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1.25rem;
  text-align: right;
}
@media screen and (min-width: 560px) {
  .cart-item--remove {
    position: relative;
    right: auto;
    bottom: auto;
    flex-grow: 0;
    width: calc((1.25rem * 2) + 1.25rem);
    max-width: 33.3333333333%;
    padding-left: calc(1.25rem * 2);
  }
}

.cart-item--remove-link {
  position: relative;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  padding: 5px;
  transition: color 125ms cubic-bezier(0.4, 0, 0.2, 1);
}
.cart-item--remove-link:hover {
  color: #000000;
}
.cart-item--remove-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  transition: transform 125ms cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}
.cart-item--remove-link:hover:before {
  transform: scale(1.1);
}
.cart-item--remove-link svg {
  position: relative;
  display: block;
  fill: currentColor;
}

.collection__item-image {
  position: relative;
  margin: 0;
  overflow: hidden;
}
.collection__item-image a {
  display: block;
}
.collection__item-image img,
.collection__item-image svg {
  display: block;
  width: 100%;
  margin: auto 0;
}

.collection__item-info {
  font-size: var(--font-size-body);
  margin-top: 1.25rem;
  margin-bottom: 0;
  text-align: center;
}

.collection__item-title {
  font-weight: 700;
  display: inline-block;
  line-height: 1.4;
  text-decoration: none;
}

.disclosure {
  --disclosure-toggle-text-color: #000000;
  --disclosure-toggle-background-color: #ffffff;
  --disclosure-toggle-border-color: #dddddd;
  --disclosure-toggle-svg-color: #000000;
  --disclosure-text-color: #000000;
  --disclosure-background-color: #ffffff;
  --disclosure-border-color: #dddddd;
  --disclosure-min-height: 50px;
}

.disclosure__toggle {
  font-size: var(--font-size-body-smallest);
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 400;
  padding: 8px 29px 8px 10px;
  border-radius: 3px;
  box-shadow: 0 1px 2px 0 ;
}
.disclosure__toggle:focus {
  border-color: 
#cecece

;
  outline: none;
}

.selectors-form__item + .selectors-form__item {
  margin-left: 10px;
}

.disclosure-list {
  bottom: 125%;
  z-index: 5;
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 3px;
}

.disclosure-list__item {
  font-size: var(--font-size-body-smaller);
  padding: 8px 45px 8px 12px;
  text-decoration: none;
  transition: background-color 100ms cubic-bezier(0.4, 0, 1, 1);
}
.disclosure-list__item:hover {
  background-color: #ebebeb;
}
.disclosure-list__item:hover .disclosure-list__option {
  border-bottom-color: transparent;
}

.disclosure-list__item--current:hover .disclosure-list__option {
  border-bottom-color: #000000;
}

.discount-list {
  font-size: var(--font-size-body-smaller);
  padding: 0;
  line-height: 1.4;
  list-style-type: none;
}

.discount-list-item {
  margin-top: 0.25rem;
  color: #de0101;
}
.discount-list-item svg {
  height: 0.6875rem;
  width: 0.6875rem;
  margin-right: 1px;
}

@media screen and (min-width: 1024px) {
  .site-footer-blocks {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}

.site-footer-block-item {
  font-size: var(--font-size-body);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
@media screen and (min-width: 1024px) {
  .site-footer-block-item {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    width: calc(25% - (1.25rem * 3 / 4));
    /* padding-right: 1.25rem; */
    margin-right: 1.25rem;
    border-bottom: 0;
  }
  .site-footer-block-item:last-child {
    padding-right: 0;
    margin-right: 0;
  }
  .column-count-5 .site-footer-block-item {
    width: calc(19% - (1.25rem * 4 / 5));
  }
  .site-footer-block-item.site-footer-block-newsletter {
    width: calc(24% - (1.25rem * 4 / 5));
  }
}

.site-footer-block-title {
  font-size: var(--font-size-heading-5);
  position: relative;
  padding-top: 1.0rem;
  padding-bottom: 1.0rem;
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  .site-footer-block-title {
    padding-top: 1.25rem;
  }
  .site-footer-block-menu .site-footer-block-title {
    padding-top: 1.0rem;
  }
}

.site-footer-block-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  height: 8px;
  margin-top: -4px;
}
.site-footer-block-icon svg {
  display: block;
}
@media screen and (min-width: 1024px) {
  .site-footer-block-icon {
    display: none;
  }
}

.site-footer-block-content {
  font-size: var(--font-size-body-small);
  padding-bottom: 1.25rem;
  line-height: 1.6;
}
.site-footer-block-newsletter .site-footer-block-content {
  padding-bottom: 0;
  margin-bottom: 1.25rem;
}
.site-footer-block-newsletter .site-footer-block-content > *:first-child, .site-footer-block-rich-text .site-footer-block-content > *:first-child {
  margin-top: 0;
}
.site-footer-block-newsletter .site-footer-block-content > *:last-child, .site-footer-block-rich-text .site-footer-block-content > *:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .site-footer-block-content {
    padding-bottom: 0;
  }
}

.site-footer-block-menu .navmenu {
  padding-left: 0;
  margin: 0;
  list-style: none;
}
.site-footer-block-menu .navmenu-item:not(:first-child) {
  margin-top: 0.5rem;
}
@media screen and (min-width: 720px) {
  .site-footer-block-menu .navmenu-item:not(:first-child) {
    margin-top: 0.3125rem;
  }
}
.site-footer-block-menu .navmenu-item:last-child {
  padding-bottom: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .site-footer-block-menu .navmenu-item:last-child {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1023px) {
  .site-footer-block-menu .site-footer-block-title {
    cursor: pointer;
  }
}
.site-footer-block-menu .site-footer-block-content {
  padding-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .site-footer-block-menu .site-footer-block-content {
    max-height: 1500px;
    opacity: 1;
  }
}

.site-footer-block-newsletter .newsletter {
  padding-bottom: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .site-footer-block-newsletter .newsletter {
    margin-top: 0.25rem;
  }
}
.site-footer-block-newsletter .newsletter .button-primary {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
.site-footer-block-newsletter .newsletter .form-fields-inline {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: calc(100% + 10px);
  margin-top: -1.0rem;
  margin-right: -5px;
  margin-left: -5px;
}
.site-footer-block-newsletter .newsletter .form-field {
  align-items: center;
  flex-grow: 1;
  flex-shrink: 0;
  margin-top: 1.0rem;
  margin-right: 5px;
  margin-left: 5px;
  white-space: nowrap;
  vertical-align: middle;
}
.site-footer-block-newsletter .newsletter .newsletter-input {
  flex-basis: calc(67% - 20px);
  min-width: 190px;
}
.site-footer-block-newsletter .newsletter .newsletter-submit {
  flex-basis: calc(33% - 20px);
}

.home-section--title {
  margin-top: 3.125rem;
  margin-bottom: 1.25rem;
  color: #000000;
  text-align: center;
  font-size: 28px;
  font-weight: 800;
  text-transform: uppercase;
}
@media screen and (min-width: 860px) {
  .home-section--title {
    margin-bottom: 1.75rem;
  }
}
@media screen and (min-width: 1024px) {
/* im here */
  .home-section--title {
    margin-top: 4.25rem;
  }
}
.shopify-section:first-child .home-section--title {
  margin-top: 1.75rem;
}
@media screen and (min-width: 860px) {
  .shopify-section:first-child .home-section--title {
    margin-top: 2.0rem;
  }
}

.home-section--content {
  margin-top: 1.25rem;
}

/*---- readmore btn styles = start ----*/

.readmore{
    width: 200px;
    height:auto;
    background-color: #001f82;
    overflow:hidden;
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
    z-index: 8;
  }
  .readmore a{
    color:white;
    padding:8px;
    text-decoration:none;
    display: block;
    width: 100%;
  }

.viewmore {
    width: 15%;
    padding: 1%;
    height: auto;
    background-color: #001f82;
    overflow: hidden;
    position: relative;
    margin-left: 42.5%;
}

.viewmore a{
  text-decoration:none;
  color:white;
  }

@media only screen and (max-width:960px){
	.viewmore {
    width: 50%;
    padding: 2%;
	margin-left:25%;
  }
}

.sheen:after {
    content: '';
    position: absolute;
    top: -100%;
    right: -50%;
    bottom: -100%;
    left: -50%;
    background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255,255,255,0.5) 57%, rgba(229, 172, 142, 0));
    transform: rotateZ(40deg) translate(-5em, 7.5em);
}
.sheen::after, button:focus::after {
  animation: sheen 4s forwards;
  animation-iteration-count: infinite;
}
@keyframes sheen {
  100% {
    transform: rotateZ(45deg) translate(1em, -9em);
  }
}

@media screen and (min-width:600px) and (max-width: 960px) {
  .readmore{
    width: 30%;
    margin-left:35%;
  }
}

@media screen and (max-width:600px){
  .readmore{
    width:50%;
    margin-left:25%;
    padding:0px;
    margin-top: 20px;
  }
}
/*---- readmore btn styles = end ----*/

@media screen and (min-width: 860px) {
  .home-section--content {
   /* margin-top: 1.75rem;*/
   margin-top: 1rem;
    height:100%;
  }
}
.shopify-section:first-child .home-section--content:first-child {
  margin-top: 0.625rem;
}
@media screen and (min-width: 720px) {
  .shopify-section:first-child .home-section--content:first-child {
    margin-top: 0.9375rem;
  }
}
@media screen and (min-width: 1024px) {
  .shopify-section:first-child .home-section--content:first-child {
    margin-top: 1.5625rem;
  }
}

.live-search {
  position: relative;
  z-index: 150;
  display: block;
  height: 46px;
  margin-top: 10px;
}
@media screen and (min-width: 1024px) {
  .live-search {
    display: flex;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    margin-top: 0;
    vertical-align: middle;
  }
}

.live-search-form {
  position: absolute;
  top: 12px;
  left: -12px;
  border: 1px solid ;
  border-radius: 4px;
  box-shadow: 0 2px 3px ;
  transition: border 100ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
.live-search-form:hover, .live-search--focused .live-search-form {
  border-color: ;
  box-shadow: 0 3px 7px ;
}
.live-search-form .form-field {
  position: relative;
  z-index: 100;
  display: flex;
  height: 40px;
}

.live-search-form-field {
  font-size: var(--font-size-input);
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 1;
  width: calc(100% - 53px);
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  vertical-align: top;
  border: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.form-field-select-wrapper + .live-search-form-field {
  border-radius: 0;
}
.live-search--active .live-search-form-field {
  border-bottom-left-radius: 0;
}

.live-search-filter-wrapper {
  z-index: 155;
  display: flex;
  flex-shrink: 0;
}
@media screen and (max-width: 719px) {
  .live-search-filter-wrapper {
    display: none;
  }
}
.live-search-filter-wrapper:focus-within {
  box-shadow: 0 0 0 2px rgba(5, 105, 197, 0.55);
}
.live-search-filter-wrapper .live-search-filter-label {
  z-index: auto;
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  white-space: nowrap;
  pointer-events: none;
  background: #e6e6e6;
  border: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
}
.live-search--active .live-search-filter-wrapper .live-search-filter-label {
  border-bottom-left-radius: 0;
}
.live-search-filter-wrapper .live-search-filter {
  font-size: var(--font-size-body);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  -webkit-appearance: none;
}

.live-search-button {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  width: 54px;
  vertical-align: top;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.live-search--active .live-search-button {
  border-bottom-right-radius: 0;
}
.live-search-button .search-icon--inactive svg {
  margin-top: 2px;
}

@media only screen and (max-width:768px){
  .live-search-button .search-icon--inactive svg {
    margin-top: 0px;
  }
}

.live-search-takeover-cancel {
  font-style: normal;
  font-weight: 700;
  font-size: var(--font-size-body);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 250;
  display: none;
  padding: 0.9375rem;
}
.live-search-takeover-cancel:focus {
  outline: solid rgba(0, 0, 0, 0.5);
  outline-offset: -3px;
}

.search-flydown {
  font-size: var(--font-size-body);
  position: relative;
  z-index: 50;
  display: none;
  width: 100%;
  height: 0;
  overflow: hidden;
  background-color: 
rgb(255, 255, 255)

;
  border-top: 1px solid ;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  box-sizing: content-box;
  transition: height 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
[data-reduce-animations] .search-flydown {
  transition: none;
}
.search-flydown[data-animation] {
  display: block;
}
.search-flydown[data-animation="closed=>open"] {
  transition: height 200ms cubic-bezier(0, 0, 0.2, 1);
}
.search-flydown[data-animation="open=>closed"] {
  transition: height 175ms cubic-bezier(0.4, 0, 1, 1);
}
.search-flydown[data-animation-state=open] {
  z-index: 200;
  display: block;
  height: var(--open-height);
}
.live-search--takeover .search-flydown {
  border-top: 0;
}

.search-flydown--results,
.search-flydown--quicklinks {
  position: relative;
  z-index: 1;
  display: none;
  opacity: 0;
  transform: translateY(-10px);
  box-sizing: border-box;
  transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 75ms, opacity 200ms cubic-bezier(0, 0, 0.2, 1) 100ms;
}
[data-reduce-animations] .search-flydown--results,
[data-reduce-animations] .search-flydown--quicklinks {
  transition: none;
}
.search-flydown--results[data-animation-state=closed], .search-flydown--results[data-animation-state=hidden],
.search-flydown--quicklinks[data-animation-state=closed],
.search-flydown--quicklinks[data-animation-state=hidden] {
  display: none;
  opacity: 0;
}
.search-flydown--results[data-animation-state=hidden],
.search-flydown--quicklinks[data-animation-state=hidden] {
  transform: translateY(0);
}
.search-flydown--results[data-animation-state=closed],
.search-flydown--quicklinks[data-animation-state=closed] {
  transform: translateY(-10px);
}
.search-flydown--results[data-animation="visible=>closed"], .search-flydown--results[data-animation="visible=>hidden"],
.search-flydown--quicklinks[data-animation="visible=>closed"],
.search-flydown--quicklinks[data-animation="visible=>hidden"] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 0;
  display: block;
}
.search-flydown--results[data-animation-state=visible],
.search-flydown--quicklinks[data-animation-state=visible] {
  display: block;
  opacity: 1;
  transform: translateY(0);
}
.search-flydown--results.visible,
.search-flydown--quicklinks.visible {
  display: block;
}

.search-flydown--placeholder {
  position: relative;
  z-index: 1;
  display: none;
  box-sizing: border-box;
}
.search-flydown--placeholder.visible {
  display: block;
}

.search-flydown--quicklinks {
  padding-top: 15px;
  padding-bottom: 10px;
}

.search-flydown--quicklinks-title {
  font-style: normal;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 15px;
  font-size: 1.0625rem;
  color: #000000;
}

.search-flydown--quicklinks-list {
  padding-left: 0;
  margin-top: 0.5rem;
  margin-bottom: 0;
  list-style: none;
}

.search-flydown--quicklinks-item {
  display: block;
}

.search-flydown--quicklinks-link {
  display: block;
  padding: 7px 15px;
  color: #000000;
  text-decoration: none;
  background-color: 
rgb(255, 255, 255)

;
  transition: color 100ms cubic-bezier(0.4, 0, 0.2, 1), background-color 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
.search-flydown--quicklinks-link:hover, .search-flydown--quicklinks-link:focus {
  background-color: #ebebeb;
}
.search-flydown--quicklinks-link:focus {
  outline: none;
}

.search-flydown--product-items--none,
.search-flydown--product-items {
  display: block;
}
.search-flydown--results--content-enabled .search-flydown--product-items--none,
.search-flydown--results--content-enabled .search-flydown--product-items {
  display: inline-block;
  width: 64%;
  vertical-align: top;
}
.live-search-filter-active .search-flydown--results--content-enabled .search-flydown--product-items--none,
.live-search-filter-active .search-flydown--results--content-enabled .search-flydown--product-items {
  width: 100%;
}
.live-search--takeover .search-flydown--results--content-enabled .search-flydown--product-items--none,
.live-search--takeover .search-flydown--results--content-enabled .search-flydown--product-items {
  display: block;
  width: 100%;
}

.search-flydown--product {
  display: block;
  padding: 10px 15px;
  font-size: 0;
  color: #000000;
  text-decoration: none;
  background-color: 
rgb(255, 255, 255)

;
  transition: color 100ms cubic-bezier(0.4, 0, 1, 1), background-color 100ms cubic-bezier(0.4, 0, 1, 1);
}
.search-flydown--product:hover, .search-flydown--product:focus {
  background-color: #ebebeb;
}
.search-flydown--product:focus {
  outline: solid rgba(0, 0, 0, 0.5);
}
.search-flydown--placeholder .search-flydown--product {
  cursor: default;
}
.search-flydown--placeholder .search-flydown--product:hover, .search-flydown--placeholder .search-flydown--product:focus {
  background-color: 
rgb(255, 255, 255)

;
}
.search-flydown--placeholder .search-flydown--product:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.placeholder--content-text,
.placeholder--content-image {
  animation: shimmer 1050ms ease-in-out infinite;
  animation-fill-mode: forwards;
  animation-direction: alternate;
}

.search-flydown--product-text,
.search-flydown--product-image {
  display: inline-block;
  vertical-align: middle;
}

.search-flydown--product-swatch-count {
  font-size: var(--font-size-body-tiny);
  line-height: 0.9375rem;
  color: rgba(0, 0, 0, 0.6);
}

.search-flydown--product-image {
  font-size: var(--font-size-body);
  display: inline-block;
  width: 3rem;
  height: 3rem;
}
.search-flydown--product-image img,
.search-flydown--product-image svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
.search-flydown--product-image + .search-flydown--product-text {
  max-width: calc(100% - 3rem - 1.0rem);
  margin-left: 1.0rem;
}

.search-flydown--product-text {
  font-size: var(--font-size-body);
}
.search-flydown--product-text .placeholder--content-text {
  height: 0.6em;
  max-width: 100%;
}

.search-flydown--product-title {
  font-size: var(--font-size-body);
  display: block;
  line-height: 1.3;
}
.search-flydown--product-title.placeholder--content-text {
  width: 240px;
}
.search-flydown--product-title .highlight {
  background-color: #fffbd9;
}

.search-flydown--product-price {
  font-size: var(--font-size-body-small);
  display: block;
  line-height: 1.5;
}
.search-flydown--product-price.placeholder--content-text {
  width: 70px;
  margin-top: 0.44em;
}

.search-flydown--product-price--main {
  display: inline-block;
  color: #000000;
}
.search-flydown--product-price-has-sale .search-flydown--product-price--main {
  margin-right: 0.4375rem;
  color: #de0101;
}

.search-flydown--product-price--compare-at {
  color: rgba(0, 0, 0, 0.6);
  text-decoration: line-through;
}

.search-flydown--product-items--none {
  font-size: var(--font-size-body);
  padding: 1.25rem 15px 1.75rem;
  color: #000000;
  vertical-align: top;
}
.search-flydown--product-items--none h5 {
  font-size: var(--font-size-heading-5);
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
}
.search-flydown--product-items--none p {
  margin-top: 1.25rem;
  margin-bottom: 0;
}

.search-flydown--continue:focus {
  outline: solid rgba(0, 0, 0, 0.5);
  outline-offset: 4px;
}

.search-flydown--content-items {
  display: inline-block;
  width: 36%;
  padding: 1.25rem 25px 1.75rem;
  vertical-align: top;
}
.live-search--takeover .search-flydown--content-items, .live-search-filter-active .search-flydown--content-items {
  display: none;
}

.search-flydown--content-title {
  font-size: var(--font-size-body-smaller);
  margin-top: 0;
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.6);
}

.search-flydown--content-items-list {
  font-size: var(--font-size-body);
  padding-left: 0;
  margin-top: 0.75rem;
  list-style: none;
}

.search-flydown--content-item {
  font-size: var(--font-size-body);
  margin-top: 0.5rem;
  line-height: 1.56;
}
.search-flydown--content-item a:focus {
  outline: solid rgba(0, 0, 0, 0.5);
  outline-offset: 4px;
}

.search-flydown--content-items-none {
  font-size: var(--font-size-body);
  margin-top: 0.5rem;
  margin-bottom: 0;
  color: #000000;
}

.search-flydown--footer {
  display: block;
  width: 100%;
  padding: 10px 15px 15px;
  text-align: center;
}

[data-site-header-mobile-search-button] .live-search--takeover {
  background-color: 
rgb(255, 255, 255)

;
  opacity: 0;
  transform: translateY(40%);
  box-shadow: 0 0 20px 3px ;
}
[data-site-header-mobile-search-button] .live-search--takeover .live-search-button {
  display: none;
}
[data-site-header-mobile-search-button] .live-search--takeover .search-flydown--quicklinks {
  transform: translateY(0);
}
[data-site-header-mobile-search-button] .live-search--takeover[data-animation-state=closed] .search-flydown--quicklinks {
  opacity: 0;
}
[data-site-header-mobile-search-button] .live-search--takeover[data-animation="closed=>open"] {
  transition: opacity 150ms cubic-bezier(0.6, 0.05, 0.01, 0.99), transform 350ms cubic-bezier(0.6, 0.05, 0.01, 0.99);
}
[data-site-header-mobile-search-button] .live-search--takeover[data-animation="closed=>open"] .search-flydown--quicklinks {
  transition: opacity 350ms cubic-bezier(0.6, 0.05, 0.01, 0.99);
}
[data-site-header-mobile-search-button] .live-search--takeover[data-animation="open=>closed"] {
  transition: opacity 150ms cubic-bezier(0.6, 0.05, 0.01, 0.99), transform 250ms cubic-bezier(0.6, 0.05, 0.01, 0.99);
}
[data-site-header-mobile-search-button] .live-search--takeover[data-animation="open=>closed"] .search-flydown--quicklinks {
  transition: opacity 250ms cubic-bezier(0.6, 0.05, 0.01, 0.99);
}
[data-site-header-mobile-search-button] .live-search--takeover[data-animation-state=open] {
  opacity: 1;
  transform: translateY(0);
}

[data-site-header-mobile-search-bar] .live-search--takeover,
.search-section .live-search--takeover {
  background-color: 
rgb(255, 255, 255)

;
  border-radius: 4px;
  box-shadow: 0 0 20px 3px , 0 0 0 1px ;
}
[data-site-header-mobile-search-bar] .live-search--takeover .search-flydown--quicklinks,
.search-section .live-search--takeover .search-flydown--quicklinks {
  transform: translateY(0);
}
[data-site-header-mobile-search-bar] .live-search--takeover .search-flydown--quicklinks,
.search-section .live-search--takeover .search-flydown--quicklinks {
  opacity: 0;
}
[data-site-header-mobile-search-bar] .live-search--takeover .live-search-takeover-cancel,
.search-section .live-search--takeover .live-search-takeover-cancel {
  opacity: 0;
}
[data-site-header-mobile-search-bar] .live-search--takeover .form-field,
.search-section .live-search--takeover .form-field {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation],
.search-section .live-search--takeover[data-animation] {
  position: fixed;
  top: var(--live-search-takeover-initial-top, 50px);
  right: var(--live-search-takeover-initial-right, 8px);
  left: var(--live-search-takeover-initial-left, 8px);
  width: var(--live-search-takeover-initial-width, 100%);
  margin-top: 0;
  overflow: hidden;
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation] + .small-promo,
.search-section .live-search--takeover[data-animation] + .small-promo {
  margin-top: 56px;
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation] .live-search-takeover-cancel,
.search-section .live-search--takeover[data-animation] .live-search-takeover-cancel {
  display: inline-block;
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation] .live-search-form,
.search-section .live-search--takeover[data-animation] .live-search-form {
  border: 1px solid transparent;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation="closed=>open"],
.search-section .live-search--takeover[data-animation="closed=>open"] {
  transition: border-radius 350ms cubic-bezier(0.6, 0.05, 0.01, 0.99), top 350ms cubic-bezier(0.6, 0.05, 0.01, 0.99), right 350ms cubic-bezier(0.6, 0.05, 0.01, 0.99), left 350ms cubic-bezier(0.6, 0.05, 0.01, 0.99), width 350ms cubic-bezier(0.6, 0.05, 0.01, 0.99), height 350ms cubic-bezier(0.6, 0.05, 0.01, 0.99);
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation="closed=>open"] .search-flydown--quicklinks,
.search-section .live-search--takeover[data-animation="closed=>open"] .search-flydown--quicklinks {
  transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1) 100ms;
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation="closed=>open"] .live-search-form,
.search-section .live-search--takeover[data-animation="closed=>open"] .live-search-form {
  transition: border-radius 300ms cubic-bezier(0.6, 0.05, 0.01, 0.99);
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation="closed=>open"] .form-field,
.search-section .live-search--takeover[data-animation="closed=>open"] .form-field {
  transition: border-bottom 300ms cubic-bezier(0.6, 0.05, 0.01, 0.99), height 300ms cubic-bezier(0.6, 0.05, 0.01, 0.99);
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation="closed=>open"] .live-search-form-field,
.search-section .live-search--takeover[data-animation="closed=>open"] .live-search-form-field {
  transition: padding-right 300ms cubic-bezier(0.6, 0.05, 0.01, 0.99), border-radius 300ms cubic-bezier(0.6, 0.05, 0.01, 0.99);
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation="closed=>open"] .live-search-button,
.search-section .live-search--takeover[data-animation="closed=>open"] .live-search-button {
  transition: border-radius 300ms cubic-bezier(0.6, 0.05, 0.01, 0.99), opacity 150ms cubic-bezier(0.4, 0, 1, 1);
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation="closed=>open"] .live-search-takeover-cancel,
.search-section .live-search--takeover[data-animation="closed=>open"] .live-search-takeover-cancel {
  transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1) 150ms;
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation="open=>closed"],
.search-section .live-search--takeover[data-animation="open=>closed"] {
  transition: border-radius 250ms cubic-bezier(0.6, 0.05, 0.01, 0.99), top 250ms cubic-bezier(0.6, 0.05, 0.01, 0.99), right 250ms cubic-bezier(0.6, 0.05, 0.01, 0.99), left 250ms cubic-bezier(0.6, 0.05, 0.01, 0.99), width 250ms cubic-bezier(0.6, 0.05, 0.01, 0.99), height 250ms cubic-bezier(0.6, 0.05, 0.01, 0.99);
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation="open=>closed"] .search-flydown--quicklinks,
.search-section .live-search--takeover[data-animation="open=>closed"] .search-flydown--quicklinks {
  transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1) 100ms;
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation="open=>closed"] .live-search-form,
.search-section .live-search--takeover[data-animation="open=>closed"] .live-search-form {
  transition: border-radius 250ms cubic-bezier(0.6, 0.05, 0.01, 0.99);
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation="open=>closed"] .form-field,
.search-section .live-search--takeover[data-animation="open=>closed"] .form-field {
  transition: border-bottom 250ms cubic-bezier(0.6, 0.05, 0.01, 0.99), height 250ms cubic-bezier(0.6, 0.05, 0.01, 0.99);
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation="open=>closed"] .live-search-form-field,
.search-section .live-search--takeover[data-animation="open=>closed"] .live-search-form-field {
  transition: padding-right 250ms cubic-bezier(0.6, 0.05, 0.01, 0.99), border-radius 250ms cubic-bezier(0.6, 0.05, 0.01, 0.99);
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation="open=>closed"] .live-search-button,
.search-section .live-search--takeover[data-animation="open=>closed"] .live-search-button {
  transition: border-radius 250ms cubic-bezier(0.6, 0.05, 0.01, 0.99), opacity 125ms cubic-bezier(0.4, 0, 1, 1) 125ms;
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation="open=>closed"] .live-search-takeover-cancel,
.search-section .live-search--takeover[data-animation="open=>closed"] .live-search-takeover-cancel {
  transition: opacity 125ms cubic-bezier(0.4, 0, 1, 1);
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation-state=open],
.search-section .live-search--takeover[data-animation-state=open] {
  border-radius: 0;
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation-state=open] .live-search-button,
.search-section .live-search--takeover[data-animation-state=open] .live-search-button {
  border-radius: 0;
  opacity: 0;
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation-state=open] .search-flydown--quicklinks,
.search-section .live-search--takeover[data-animation-state=open] .search-flydown--quicklinks {
  opacity: 1;
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation-state=open] .live-search-takeover-cancel,
.search-section .live-search--takeover[data-animation-state=open] .live-search-takeover-cancel {
  opacity: 1;
}
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation-state=open]:not([data-animation]) .live-search-button,
.search-section .live-search--takeover[data-animation-state=open]:not([data-animation]) .live-search-button {
  display: none;
}

[data-site-header-mobile-search-button] .live-search--takeover,
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation-state=open],
.search-section .live-search--takeover[data-animation-state=open] {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  margin-top: 0;
}
[data-site-header-mobile-search-button] .live-search--takeover .live-search-form,
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation-state=open] .live-search-form,
.search-section .live-search--takeover[data-animation-state=open] .live-search-form {
  border: 1px solid transparent;
  border-radius: 0;
  box-shadow: none;
}
[data-site-header-mobile-search-button] .live-search--takeover .form-field,
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation-state=open] .form-field,
.search-section .live-search--takeover[data-animation-state=open] .form-field {
  height: 52px;
  border-bottom: 1px solid ;
}
[data-site-header-mobile-search-button] .live-search--takeover .live-search-form-field,
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation-state=open] .live-search-form-field,
.search-section .live-search--takeover[data-animation-state=open] .live-search-form-field {
  z-index: 200;
  width: 100%;
  padding-right: 100px;
  border-radius: 0;
}
[data-site-header-mobile-search-button] .live-search--takeover .live-search-takeover-cancel,
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation-state=open] .live-search-takeover-cancel,
.search-section .live-search--takeover[data-animation-state=open] .live-search-takeover-cancel {
  display: inline-block;
}
[data-site-header-mobile-search-button] .live-search--takeover .search-flydown,
[data-site-header-mobile-search-bar] .live-search--takeover[data-animation-state=open] .search-flydown,
.search-section .live-search--takeover[data-animation-state=open] .search-flydown {
  height: calc(100vh - 46px);
}

.message-banner--container {
  position: fixed;
  top: 0;
  z-index: 1000;
  display: none;
  width: 100%;
  opacity: 0;
  transition: text-shadow 250ms cubic-bezier(0.4, 0, 1, 1);
  transform: translateY(-100%);
}
.message-banner--container[data-animation] {
  display: block;
}
.message-banner--container[data-animation-state=open] {
  display: block;
  opacity: 1;
  transform: translateY(0);
}
.message-banner--container[data-animation="closed=>open"] {
  transition: opacity 250ms cubic-bezier(0.1, 0.1, 0, 1) 75ms, transform 300ms cubic-bezier(0.1, 0.1, 0, 1);
}
.message-banner--container[data-animation="open=>closed"] {
  transition: opacity 100ms cubic-bezier(0.4, 0, 1, 1) 75ms, transform 175ms cubic-bezier(0.4, 0, 1, 1);
}
.message-banner--container[data-animation-state=closed] {
  opacity: 0;
  transform: translateY(-100%);
}
.site-header-sticky .message-banner--container {
  position: absolute;
  top: 100%;
  z-index: 600;
}
.modal-inner .message-banner--container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 600;
}

.message-banner--outer {
  position: relative;
}

.message-banner--inner {
  width: 100%;
  max-width: 820px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.message-banner--close {
  position: absolute;
  top: 50%;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -6.5px;
}
@media screen and (min-width: 720px) {
  .message-banner--close {
    right: 15px;
  }
}
@media screen and (min-width: 1024px) {
  .message-banner--close {
    right: 25px;
  }
}
.message--error .message-banner--close {
  color: #f05d5d;
}

.modal,
.modal-1 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  display: none;
  padding: 10px;
  overflow: hidden;
  overflow-y: auto;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  opacity: 0;
  visibility: hidden;
  transition: opacity 150ms cubic-bezier(0.6, 0.05, 0.01, 0.99);
  -webkit-overflow-scrolling: touch;
  outline-style: auto;
}
@media screen and (min-width: 720px) {
  .modal,
.modal-1 {
    padding: 15px;
  }
}
@media screen and (min-width: 1024px) {
  .modal,
.modal-1 {
    padding: 25px;
  }
}

.modal-loaded .modal {
  display: block;
}
.modal-loaded.modal-visible .modal {
  z-index: 899;
  visibility: visible;
  opacity: 1;
}

.modal-1-loaded .modal-1 {
  display: block;
}
.modal-1-loaded.modal-1-visible .modal-1 {
  z-index: 899;
  visibility: visible;
  opacity: 1;
}

.modal-inner {
  position: relative;
  z-index: -1;
  padding: 15px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  background-color: 
rgb(255, 255, 255)

;
  opacity: 0;
  transform: translateY(-50px);
  transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
}
@media screen and (min-width: 720px) {
  .modal-inner {
    padding: 15px;
  }
}
@media screen and (min-width: 1024px) {
  .modal-inner {
    padding: 25px;
  }
}
.modal-visible .modal-inner, .modal-1-visible .modal-inner {
  z-index: 900;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.modal-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.9375rem;
  color: #000000;
}
@media screen and (min-width: 1024px) {
  .modal-close {
    top: 10px;
    right: 10px;
  }
}
.modal-close svg {
  display: block;
  color: currentColor;
}

.newsletter {
  width: 100%;
  font-size: 0;
}
.newsletter .newsletter-success,
.newsletter .form-field {
  font-size: var(--font-size-body);
}
.newsletter .form-field {
  display: inline-block;
  vertical-align: middle;
}
.newsletter .newsletter-input {
  width: calc(67% - 10px);
  max-width: 245px;
}
.newsletter .newsletter-submit {
  width: 33%;
  margin-left: 10px;
}
.newsletter .button-primary {
  font-size: var(--font-size-button-large);
  padding: 0.875rem 1.75rem;
  letter-spacing: 0.0em;
}.newsletter .button-primary {
    text-transform: none;
  }.page-masthead {
  text-align: center;
}

.page-content {
  max-width: 680px;
}
.page-content img {
  height: auto;
}

.page-title {
  font-size: var(--font-size-heading-1);
  color: #000000;
  line-height: inherit;
}
@media screen and (min-width: 1024px) {
  .page-title {
    font-size: var(--font-size-heading-medium);
  }
}

.pagination--container {
  margin-top: 3.125rem;
  margin-bottom: 1.75rem;
}
#shopify-section-static-blog .pagination--container {
  margin-top: 0;
}

.pagination--inner {
  padding-left: 0;
  margin-right: -0.5625rem;
  margin-left: -0.5625rem;
  font-size: 0;
  color: #000000;
  text-align: center;
}
.pagination--inner li {
  font-size: var(--font-size-body);
  display: inline-block;
}
.pagination--inner li:not(:last-child) {
  margin-right: 0.3125rem;
}
.pagination--item {
  display: inline-block;
  padding: 0.5625rem 0.6875rem;
}
.pagination--active .pagination--item {
  font-style: normal;
  font-weight: 700;
  color: #000000;
}
.pagination--active .pagination--item:hover {
  color: currentColor;
}

.pagination--chevron-left {
  margin-left: 0;
}
.pagination--chevron-left svg {
  transform: rotate(90deg);
}

.productitem {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 200px;
  min-height: 100%;
  height: var(--base-height, auto);
  padding: 0.6875rem;
  background: 
rgb(255, 255, 255)

;
  transition: height 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

@media screen and (max-width: 425px) {
  .blogposts--footer-link {
    width: 180px!important;
  }
}


@media screen and (min-width:425px) and (max-width: 960px) {
  .blogposts--footer-link {
    width: 40%!important;
  }
}


@media screen and (max-width: 500px) {
  .productitem {
    width: 90%;
    margin: 0px 0%;
    padding: 12px;
  }
  .featured-collection__content .flickity-button.previous {
    left: -5.4%;
  }
  .featured-collection__content .flickity-button.next {
    right: -5.4%;
  }
  .featured-collection__content .flickity-button img{
    width: 22px;
  }
}
@media screen and (max-width: 1023px) {
  .productitem {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 200px;
  }
}
@media screen and (min-width: 860px) {
  .productitem {
    /*padding: 1.0rem;*/
    padding: 8px;
  }
}
@media screen and (min-width: 1024px) {
  .productitem[data-animation], .productitem[data-animation-state=open] {
    position: absolute;
  }
  .productitem[data-animation="closed=>open"], .productitem[data-animation-state=open] {
    height: var(--open-height, auto);
  }
  .productitem[data-animation="open=>closed"] {
    height: var(--base-height, auto);
  }
}
.productitem:hover {
  box-shadow: 0 2px 8px ;
}
.productitem:hover .productitem--image-alternate ~ img {
  visibility: hidden;
}
.productitem:hover .productitem--image-alternate {
  visibility: visible;
}

.productitem--image-link,
.productitem--info {
  margin: 0 0.25rem;
}
@media screen and (min-width: 1024px) {
  .productitem--image-link,
.productitem--info {
    margin: 0;
  }
}

.productitem__badge {
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  font-size: 0.8125rem;
}

.productitem--info {
  position: relative;
  z-index: 100;
  background-color: 
rgb(255, 255, 255)

;
  text-align:left;
}

.productitem__price,
.productitem__price + .productitem--title {
  margin-top: 0.25rem;
}
.productitem__price .price__spacer {
  display: block;
  height: 1.12125rem;
}
.productitem__price .price__compare-at.visible + .price__current {
  margin-top: 0.125rem;
}
.productitem__price .price__current {
  color: #000000;
}
.productitem--emphasis .productitem__price .price__current {
  font-size: var(--font-size-body-larger);
}
.price--varies .productitem--emphasis .productitem__price .price__current {
  font-size: var(--font-size-body-large);
}
.productitem--emphasis .productitem__price .price__current .price--label {
  font-size: var(--font-size-body-medium);
}
.productitem--sale .productitem__price .price__current {
  color: #de0101;
}

.productitem--title {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 400;
  /*font-size: var(--font-size-body);*/
  font-size:14px;
  margin: 0.625rem 0 0;
  line-height: 1.3125;
  letter-spacing: normal;
  text-transform: none;
  white-space: normal;
}
.productitem--vendor a {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 400;
  font-size: var(--font-size-body-smallest);
  margin: 0.25rem 0 0;
  line-height: 1.3125;
  color: #dddddd;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  white-space: normal;
}

.productitem--vendor a:hover {
  color: #000000;
}

.productitem--ratings .spr-badge {
  margin-top: 0.375rem;
  line-height: 1;
}

.productitem--actions {
  z-index: 50;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0.5rem calc(1.0rem - 0.25rem) 0;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .productitem--actions {
    width: 100%;
    margin-top: auto;
    margin-right: 0;
    margin-left: 0;
  }
  .productgrid--item:not(.show-actions--mobile) .productitem--actions {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .productitem--actions {
    position: absolute;
    right: 0;
    bottom: 1.0rem;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0.05s;
  }
  .has-touch .productitem--actions {
    position: relative;
    bottom: auto;
    width: 100%;
    visibility: visible;
    opacity: 1;
    margin-left: 0;
  }
}
.productitem[data-animation] .productitem--actions, .productitem[data-animation-state=open] .productitem--actions {
  visibility: visible;
  opacity: 1;
}
.productitem[data-animation="closed=>open"] .productitem--actions {
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 75ms;
}
.productitem[data-animation="open=>closed"] .productitem--actions {
  opacity: 0;
  transition: opacity 75ms cubic-bezier(0.4, 0, 0.2, 1);
}

.productitem--action {
  display: inline-block;
  align-items: center;
  flex: 1 1 auto;
  padding-right: 0.25rem;
  padding-left: 0.25rem;
  margin-top: 0.5rem;
}
@media screen and (max-width: 1023px) {
  .productitem--action.productitem-action--desktop {
    display: none;
  }
}

.productitem--action-trigger {
  display: block;
  width: 100%;
  padding-right: 0.25rem;
  padding-left: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}
.productitem--action-trigger.productitem--action-atc {
  position: relative;
}
.productitem--action-trigger.productitem--action-atc .atc-button--text {
  display: block;
  opacity: 1;
  transition: opacity 125ms cubic-bezier(0.4, 0, 0.2, 1), transform 125ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(1);
}
.productitem--action-trigger.productitem--action-atc .atc-button--icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: -13px;
  margin-left: -13px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: rotate 0.6s linear infinite;
}
.productitem--action-trigger.productitem--action-atc .atc-button--icon svg {
  display: block;
  width: 26px;
  height: 26px;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0.8);
}
.productitem--action-trigger.productitem--action-atc.processing .atc-button--text {
  opacity: 0;
  transform: scale(1.075);
}
.productitem--action-trigger.productitem--action-atc.processing .atc-button--icon {
  visibility: visible;
  opacity: 1;
}
.productitem--action-trigger.productitem--action-atc.processing .atc-button--icon svg {
  transform: scale(1);
}

.productitem--swatches {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: start;
  justify-content: flex-start;
  height: 16px;
  margin-top: 0.75rem;
  margin-bottom: 0.25rem;
  overflow: hidden;
}
.productitem--swatches.processed {
  overflow: visible;
}

.productitem--swatches-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-right: 24.0px;
  margin-bottom: -6px;
  background: 
rgb(255, 255, 255)

;
}
.productitem--swatches-expanded .productitem--swatches-container {
  padding-bottom: 0.75rem;
}

.productitem--swatches-swatch-wrapper {
  position: relative;
  height: 16px;
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: none;
  box-shadow: 0 0 0 1.5px rgba(0, 0, 0, 0);
  transition: box-shadow 150ms cubic-bezier(0.7, 0.18, 1, 1);
  margin-right: 6px;
  margin-bottom: 6px;
}.productitem--swatches-swatch-wrapper {
    border-radius: 1.5px;
  }.swatches-variant-images-square .productitem--swatches-swatch-wrapper {
  border-radius: 1px;
}
.productitem--swatches-count-wrapper {
  display: none;
}

.productitem--swatches-count-wrapper {
  font-size: var(--font-size-body-smaller);
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 700;
  position: absolute;
  align-items: center;
  justify-content: center;
  min-width: 24.0px;
  min-height: 16px;
  color: #000000;
  cursor: pointer;
  background-color: 
rgb(255, 255, 255)

;
  border: 1px solid ;
  border-radius: 3px;
  outline: none;
  box-shadow: none;
  transition: box-shadow 150ms cubic-bezier(0.7, 0.18, 1, 1);
}
.productitem--swatches-count-wrapper:focus {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}.productitem--swatches-count {
  text-align: center;
}

.productitem--swatches-expanded .productitem--swatches-count-wrapper::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 2px;
  background: #000000;
  content: "";
  transform: translate(-50%, -50%);
}
.productitem--swatches-expanded .productitem--swatches-count {
  display: none;
}

.productitem--swatches-swatch-hidden {
  display: none;
}
.productitem--swatches-expanded .productitem--swatches-swatch-hidden {
  display: block;
}

.productitem--swatches-input {
  position: absolute;
  opacity: 0;
}

.productitem--swatches-swatch {
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  transition: transform 150ms cubic-bezier(0.7, 0.18, 1, 1);
}.productitem--swatches-swatch {
    border-radius: 1.5px;
  }.swatches-variant-images-square .productitem--swatches-swatch {
  border-radius: 0;
}

.productitem--swatches-swatch-inner {
  width: 16px;
}

.productitem--image-link {
  display: block;
  height:170px;
}

@media only screen and (min-width:1700px){
  .productitem--image-link,.productitem--image {
    height: 200px;
  }
  .featured-collection__content.flickity-enabled {
    height: 405px;
  }
}

@media only screen and (max-width:600px){
  .productitem--image-link {
    height: 150px;
  }
}

.productitem--image {
  position: relative;
  width: 10vw;
  min-height:170px;
/*   height: auto; */
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
  background-size: 0;
}
@media only screen and (max-width:550px){
  .productitem--image{
    min-height: 160px;
  }
}

@media only screen and (max-width:960px){
    .productitem--image {
      width:100%;
    }
}
  
.imagestyle--no-image .productitem--image {
  height: 0;
  padding-bottom: 100%;
}
.productitem--image img :not(.newLabel_ecom_img) {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  visibility: hidden;
}
.productitem--image .productitem--image-alternate,
.productitem--image .productitem--image-swatch {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.productitem--image .productitem--image-primary {
  visibility: visible;
}
.productitem--image svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.in-theme-editor .imagestyle--small .productitem--image, .in-theme-editor .imagestyle--medium .productitem--image, .in-theme-editor .imagestyle--large .productitem--image {
  background-color: #f2f2f2;
}
.imagestyle--small .productitem--image img,
.imagestyle--small .productitem--image svg, .imagestyle--medium .productitem--image img,
.imagestyle--medium .productitem--image svg, .imagestyle--large .productitem--image img,
.imagestyle--large .productitem--image svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.imagestyle--small .productitem--image, .imagestyle--medium .productitem--image, .imagestyle--large .productitem--image, .imagestyle--cropped-small .productitem--image, .imagestyle--cropped-medium .productitem--image, .imagestyle--cropped-large .productitem--image {
  height: 0;
}
.imagestyle--small .productitem--image, .imagestyle--cropped-small .productitem--image {
  padding-bottom: 75%;
}
.imagestyle--medium .productitem--image, .imagestyle--cropped-medium .productitem--image {
  padding-bottom: 100%;
}
.imagestyle--large .productitem--image, .imagestyle--cropped-large .productitem--image {
  padding-bottom: 150%;
}
.imagestyle--cropped-small .productitem--image img,
.imagestyle--cropped-small .productitem--image svg, .imagestyle--cropped-medium .productitem--image img,
.imagestyle--cropped-medium .productitem--image svg, .imagestyle--cropped-large .productitem--image img,
.imagestyle--cropped-large .productitem--image svg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.imagestyle--cropped-small .productitem--image.product-item-image-no-objectfit, .imagestyle--cropped-medium .productitem--image.product-item-image-no-objectfit, .imagestyle--cropped-large .productitem--image.product-item-image-no-objectfit {
  background-position: center;
  background-size: cover;
}
.imagestyle--cropped-small .productitem--image.product-item-image-no-objectfit img, .imagestyle--cropped-medium .productitem--image.product-item-image-no-objectfit img, .imagestyle--cropped-large .productitem--image.product-item-image-no-objectfit img {
  display: none;
}
.imagestyle--cropped-small .productitem--image.product-item-image-no-objectfit [data-rimg-canvas], .imagestyle--cropped-medium .productitem--image.product-item-image-no-objectfit [data-rimg-canvas], .imagestyle--cropped-large .productitem--image.product-item-image-no-objectfit [data-rimg-canvas] {
  display: none;
}

.productitem-quickshop {
  display: none;
}

.modal--quickshop-full {
  display: none;
  padding: 1.25rem;
}
@media screen and (min-width: 720px) {
  .modal--quickshop-full {
    padding: 1.875rem;
  }
}
.modal--quickshop-full .modal-inner {
  max-width: 68.5rem;
  padding: 2.5rem 1.0rem 1.75rem;
}
.modal--quickshop-full .product--outer {
  display: block;
}
@media screen and (min-width: 1024px) {
  .modal--quickshop-full .product--outer {
    display: flex;
  }
}
.modal--quickshop-full .product-gallery,
.modal--quickshop-full .product-main {
  display: block;
  padding: 0;
  white-space: normal;
}
.modal--quickshop-full .product-gallery--viewer {
  position: relative;
  width: 100%;
  padding: 0;
}
.modal--quickshop-full .product-gallery--image-background {
  width: 100%;
  position: relative;
}
.modal--quickshop-full .product-gallery--navigation {
  margin-left: 0;
}
@media screen and (min-width: 375px) {
  .modal--quickshop-full .modal-inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media screen and (min-width: 680px) {
  .modal--quickshop-full .modal-inner {
    padding: 2.5rem 2.0rem 1.75rem;
  }
  .modal--quickshop-full .product-gallery,
.modal--quickshop-full .product-main {
    display: block;
    width: 100%;
  }
  .modal--quickshop-full .product-main {
    margin: 1.75rem 0 0;
  }
}
@media screen and (min-width: 1024px) {
  .modal--quickshop-full .modal-inner {
    max-width: 68.5rem;
    padding: 2.5rem;
  }
  .modal--quickshop-full.quickshop-thumbs-left .modal-inner {
    max-width: 60rem;
  }
  .modal--quickshop-full .product-gallery {
    display: inline-block;
    width: 60%;
  }
  .modal--quickshop-full .product-main {
    display: inline-block;
    width: 35%;
    margin-top: 0;
    margin-left: 5%;
  }
  .modal--quickshop-full .product-title {
    padding-right: 1rem;
  }
}

.modal--quickshop-slim {
  padding: 1.875rem;
}
.modal--quickshop-slim .product-ratings,
.modal--quickshop-slim .product-vendor,
.modal--quickshop-slim .product-gallery,
.modal--quickshop-slim .product-description,
.modal--quickshop-slim .share-buttons {
  display: none;
}
.modal--quickshop-slim .modal-inner {
  max-width: 500px;
  padding: 1.75rem 1.0rem;
}
.modal--quickshop-slim .product-main {
  width: 100%;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  white-space: normal;
}
.modal--quickshop-slim .product-details {
  margin-top: 0;
}
.modal--quickshop-slim .product-title {
  padding-right: 1rem;
}
@media screen and (min-width: 375px) {
  .modal--quickshop-slim .modal-inner {
    padding: 1.75rem 1.25rem;
  }
}
@media screen and (min-width: 680px) {
  .modal--quickshop-slim .modal-inner {
    padding: 2.0rem;
  }
}
@media screen and (min-width: 1024px) {
  .modal--quickshop-slim {
    padding: 0.625rem;
  }
  .modal--quickshop-slim .modal-inner {
    padding: 2.5rem;
  }
}

.quickshop-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  margin-top: -13px;
  margin-left: -13px;
  animation: rotate 0.7s cubic-bezier(0.69, 0.31, 0.56, 0.83) infinite;
}

.productgrid--sidebar-item.filter-group {
  margin-top: calc(0.5rem - 0.1875rem);
}
.productgrid--sidebar-item.filter-group.productgrid--sidebar-item-swatches-grid, .productgrid--sidebar-item.filter-group.productgrid--sidebar-item-grid {
  margin: 1.0rem -0.5rem -0.5rem 0;
}
.modal .productgrid--sidebar-item.filter-group.productgrid--sidebar-item-swatches-grid, .modal .productgrid--sidebar-item.filter-group.productgrid--sidebar-item-grid {
  margin-top: 0.5rem;
}

.productgrid--sidebar-item-swatches-grid,
.productgrid--sidebar-item-grid {
  display: flex;
  flex-wrap: wrap;
}
.productgrid--sidebar-item-swatches-grid .filter-item,
.productgrid--sidebar-item-grid .filter-item {
  margin: 0 0.5rem 0.5rem 0;
}
.modal .productgrid--sidebar-item-swatches-grid .filter-item:first-child,
.modal .productgrid--sidebar-item-grid .filter-item:first-child {
  margin-top: 0;
}
.modal .productgrid--sidebar-item-swatches-grid .filter-item.filter-item--toggle-more,
.modal .productgrid--sidebar-item-grid .filter-item.filter-item--toggle-more {
  border: 0;
}
.productgrid--sidebar-item-swatches-grid .filter-item--toggle-more,
.productgrid--sidebar-item-grid .filter-item--toggle-more {
  width: 100%;
  margin-top: 0.25rem;
}

.productgrid--sidebar .filter-item:not(.filter-item--toggle-more) a:focus {
  outline: none;
}

.productgrid--sidebar-item-swatches-grid {
  line-height: 0;
}
.productgrid--sidebar-item-swatches-grid .filter-item a {
  padding: 0;
  margin: 0;
}
.modal .productgrid--sidebar-item-swatches-grid .filter-item {
  border-top: 0;
}
.modal .productgrid--sidebar-item-swatches-grid .filter-item a {
  padding: 0;
}
.modal .productgrid--sidebar-item-swatches-grid .filter-item:last-child {
  border-bottom: 0;
}
.filter-item--swatch-wrapper {
  position: relative;
  height: 28px;
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: none;
  box-shadow: 0 0 0 1.5px rgba(0, 0, 0, 0);
  transition: box-shadow 150ms cubic-bezier(0.7, 0.18, 1, 1);
}.filter-item--swatch-wrapper {
    border-radius: 2.5px;
  }.filter-item--swatch {
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  transition: transform 150ms cubic-bezier(0.7, 0.18, 1, 1);
}.filter-item--swatch {
    border-radius: 2.5px;
  }.filter-item--swatch-inner {
  width: 28px;
}

.filter-item {
  position: relative;
  margin-top: 0.25rem;
  transition-duration: 0ms;
}
.modal .filter-item {
  margin-top: 0;
  border-top: 1px solid ;
}
.modal .filter-item:first-child {
  margin-top: 0.5rem;
}
.modal .filter-item:last-child {
  border-bottom: 1px solid ;
}
.modal .filter-item.filter-item--toggle {
  padding-top: 0.5rem;
  border-bottom: 0;
}
.filter-item.filter-item--hidden {
  display: none;
}
.filter-item a {
  font-size: var(--font-size-body-small);
  position: relative;
  z-index: 100;
  display: inline-block;
  padding: 0.1875rem;
  margin-left: -0.1875rem;
  line-height: 1.15;
  color: currentColor;
  text-decoration: none;
}
@media screen and (min-width: 860px) {
  .filter-item a {
    display: block;
  }
}
.filter-item a:hover {
  z-index: 101;
}
.modal .filter-item a {
  padding: 0.5625rem 0.1875rem;
}
.filter-item .filter-text,
.filter-item .filter-icon--checkbox {
  display: inline-block;
  vertical-align: middle;
}
.filter-item .filter-text {
  max-width: calc(100% - (0.1875rem * 3 + 0.875rem));
  margin-left: 0.5625rem;
}
.modal .filter-item .filter-text {
  white-space: normal;
}

.productgrid--sidebar-item-grid .filter-item:not(.filter-item--toggle-more) {
  width: auto;
  min-width: 40px;
  padding: 0;
  text-align: center;
  cursor: pointer;
}
.productgrid--sidebar-item-grid .filter-item:not(.filter-item--toggle-more) .filter-text {
  max-width: 100%;
  margin-left: 0;
}
.productgrid--sidebar-item-grid .filter-item:not(.filter-item--toggle-more) a {
  width: 100%;
  padding: 9px 10px;
  margin: 0;
}
.productgrid--sidebar-item-grid .filter-item:not(.filter-item--toggle-more)[data-filter-active=true] {
  color: #000000;
  background-color: rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0.8);
}

[data-filter-active=false] a {
  transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
[data-filter-active=false] a:hover {
  color: #000000;
}

[data-filter-active=true] {
  transition-duration: 0ms;
}
[data-filter-active=true] a {
  font-style: normal;
  font-weight: 700;
  transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
[data-filter-active=true] a, [data-filter-active=true] a:hover {
  color: #000000;
}

.filter-group--grid {
  padding: 0;
  margin: 0;
  font-size: 0;
  white-space: normal;
}

.filter-item--grid-simple,
.filter-item--grid {
  display: inline-block;
  margin-right: 0.5rem;
  vertical-align: middle;
}
@media screen and (max-width: 859px) {
  .filter-item--grid-simple,
.filter-item--grid {
    margin-top: 0.5rem;
  }
}

.filter-item--grid a {
  position: relative;
  display: block;
  padding: 0.625rem 2.3125rem 0.625rem 0.625rem;
  color: 
rgb(255, 255, 255)

;
  background: #000000;
  border-radius: 3px;
}
.filter-item--grid .filter-text {
  font-size: var(--font-size-body-small);
  display: inline-block;
  vertical-align: middle;
}
.filter-item--grid .filter-text {
  font-style: normal;
  font-weight: 700;
}
.filter-item--grid .filter-icon--remove {
  position: absolute;
  top: 50%;
  right: 0.625rem;
  padding: 0.25rem;
  color: #000000;
  border-radius: 100%;
  transform: translateY(-50%);
}
.filter-item--grid .filter-icon--remove:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 100%;
  background: 
rgb(255, 255, 255)

;
  transition: transform 125ms cubic-bezier(0.4, 0, 0.2, 1);
}
.filter-item--grid .filter-icon--remove svg {
  position: relative;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  fill: currentColor;
}
.filter-item--grid .filter-icon--remove path {
  stroke-width: 0.25px;
  stroke: #000000;
}
.filter-item--grid a:hover .filter-icon--remove:before {
  transform: scale(1.1);
}

@media screen and (max-width: 859px) {
  .filter-item--grid-simple {
    display: block;
    margin-top: 1.0rem;
  }
}
.filter-item--grid-simple a {
  font-size: var(--font-size-body-small);
  padding: 0.3125rem;
  background-color: transparent;
}
@media screen and (max-width: 859px) {
  .filter-item--grid-simple a {
    padding-right: 0;
    padding-left: 0;
  }
}

.productitem--listview-price,
.productitem--listview-badge {
  display: none;
}

@media screen and (min-width: 860px) {
  .collection--section .productgrid--outer {
    display: grid;
    grid-template-columns: 185px calc(100% - 210px);
    grid-template-rows: auto auto;
    grid-template-areas: "masthead masthead" "sidebar product-items-wrapper";
    column-gap: 25px;
    row-gap: 1.75rem;
  }
  .collection--section .productgrid--outer.layout--no-sidebar {
    grid-template-areas: "masthead masthead" "product-items-wrapper product-items-wrapper";
  }
}
.productgrid--masthead {
  grid-area: masthead;
}
.productgrid--masthead > *:first-child {
  margin-top: 0;
}

.productgrid--sidebar {
  grid-area: sidebar;
}

.productgrid--wrapper {
  width: calc(100% - 185px);
  display: inline-block;
}
.productgrid--wrapper.layout--no-sidebar {
  width: 100%;
}
@supports (display: grid) {
  .productgrid--wrapper {
    grid-area: product-items-wrapper;
    width: 100%;
  }
}

.productgrid--filters {
  width: 100%;
  margin-bottom: 1.75rem;
}
@media screen and (max-width: 859px) {
  .productgrid--filters {
    display: none;
  }
}

.productgrid--utils {
  display: none;
  width: 100%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 1.75rem;
  background-color: #f2f2f2;
  table-layout: fixed;
}
@media screen and (max-width: 859px) {
  .productgrid--utils {
    margin-top: 1.75rem;
  }
  .productgrid--utils.productgrid--utils--visible-mobile {
    display: table;
  }
}
@media screen and (min-width: 860px) {
  .productgrid--utils {
    display: table;
  }
  .productgrid--utils.productgrid--utils--hidden-desktop {
    display: none;
  }
}

.productgrid--items {
  display: flex;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 1.75rem;
  padding: 0;
}
.search--section .productgrid--items {
  margin-top: 1.75rem;
}
@media screen and (max-width: 719px) {
  .search--section .productgrid--items {
    margin-top: 1.25rem;
  }
}

.productgrid--item {
  position: relative;
  z-index: 1;
  display: flex;
  height: var(--base-height, auto);
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: space-evenly;
  transition: border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
  align-items: stretch;
}

.ProductgridItem {
    margin-left: 12px;
}

.productgrid--item:hover {
  border-color: ;
}
@media screen and (min-width: 1024px) {
  .productgrid--item[data-open], .productgrid--item:hover {
    z-index: 300;
  }
}
.productgrid--items.products-per-row-4 .productgrid--item {
  width: calc(50% - 5px);
  margin-top: 10px;
  margin-left: 10px;
}
.productgrid--items.products-per-row-4 .productgrid--item:nth-child(2n+1) {
  margin-left: 0;
}
.productgrid--items.products-per-row-4 .productgrid--item:nth-child(-n+2) {
  margin-top: 0;
}
  
  li.ProductgridItem.testc.productgrid--item.imagestyle--natural.productitem--emphasis.show-actions--mobile {
    margin-bottom: 10px;
}
@media screen and (max-width: 859px) and (min-width: 680px) {
  .productgrid--items.products-per-row-4 .productgrid--item {
    width: calc(33.3333333333% - 6.6666666667px);
    margin-top: 10px;
    margin-left: 10px;
  }
  .productgrid--items.products-per-row-4 .productgrid--item:nth-child(2n+1) {
    margin-left: 10px;
  }
  .productgrid--items.products-per-row-4 .productgrid--item:nth-child(3n+1) {
    margin-left: 0;
  }
  .productgrid--items.products-per-row-4 .productgrid--item:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media screen and (max-width: 1023px) and (min-width: 860px) {
  .layout--has-sidebar:not(.productgrid-listview) .productgrid--items.products-per-row-4 .productgrid--item {
    width: calc(33.3333333333% - 13.3333333333px);
    margin-top: 20px;
    margin-left: 20px;
  }
  .layout--has-sidebar:not(.productgrid-listview) .productgrid--items.products-per-row-4 .productgrid--item:nth-child(3n+1) {
    margin-left: 0;
  }
  .layout--has-sidebar:not(.productgrid-listview) .productgrid--items.products-per-row-4 .productgrid--item:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .layout--has-sidebar:not(.productgrid-listview) .productgrid--items.products-per-row-4 .productgrid--item {
    width: calc(24% - 15px);
    margin-top: 0px;
    margin-left: 10px;
  }
  .layout--has-sidebar:not(.productgrid-listview) .productgrid--items.products-per-row-4 .productgrid--item:nth-child(3n+1) {
    margin-left: 20px;
  }
  .layout--has-sidebar:not(.productgrid-listview) .productgrid--items.products-per-row-4 .productgrid--item:nth-child(4n+1) {
/*     margin-left: 0; */
  }
  .layout--has-sidebar:not(.productgrid-listview) .productgrid--items.products-per-row-4 .productgrid--item:nth-child(-n+4) {
    margin-top: 0;
  }
}
@media screen and (min-width: 860px) {
  .layout--no-sidebar:not(.productgrid-listview) .productgrid--items.products-per-row-4 .productgrid--item {
    width: calc(25% - 15px);
    margin-top: 20px;
    margin-left: 20px;
  }
  .layout--no-sidebar:not(.productgrid-listview) .productgrid--items.products-per-row-4 .productgrid--item:nth-child(4n+1) {
    margin-left: 0;
  }
  .layout--no-sidebar:not(.productgrid-listview) .productgrid--items.products-per-row-4 .productgrid--item:nth-child(-n+4) {
    margin-top: 0;
  }
}
.productgrid--items.products-per-row-3 .productgrid--item {
  width: calc(50% - 5px);
  margin-top: 10px;
  margin-left: 10px;
}
.productgrid--items.products-per-row-3 .productgrid--item:nth-child(2n+1) {
  margin-left: 0;
}
.productgrid--items.products-per-row-3 .productgrid--item:nth-child(-n+2) {
  margin-top: 0;
}
@media screen and (min-width: 680px) {
  .productgrid--items.products-per-row-3 .productgrid--item {
    width: calc(33.3333333333% - 6.6666666667px);
    margin-top: 10px;
    margin-left: 10px;
  }
  .productgrid--items.products-per-row-3 .productgrid--item:nth-child(3n+1) {
    margin-left: 0;
  }
  .productgrid--items.products-per-row-3 .productgrid--item:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media screen and (min-width: 860px) {
  .layout--no-sidebar:not(.productgrid-listview) .productgrid--items.products-per-row-3 .productgrid--item, .layout--has-sidebar:not(.productgrid-listview) .productgrid--items.products-per-row-3 .productgrid--item {
    width: calc(33.3333333333% - 13.3333333333px);
    margin-top: 20px;
    margin-left: 20px;
  }
  .layout--no-sidebar:not(.productgrid-listview) .productgrid--items.products-per-row-3 .productgrid--item:nth-child(3n+1), .layout--has-sidebar:not(.productgrid-listview) .productgrid--items.products-per-row-3 .productgrid--item:nth-child(3n+1) {
    margin-left: 0;
  }
  .layout--no-sidebar:not(.productgrid-listview) .productgrid--items.products-per-row-3 .productgrid--item:nth-child(-n+3), .layout--has-sidebar:not(.productgrid-listview) .productgrid--items.products-per-row-3 .productgrid--item:nth-child(-n+3) {
    margin-top: 0;
  }
}

.productgrid--footer {
  padding-top: 3.125rem;
  margin-top: 3.125rem;
  border-top: 1px solid ;
}

@media screen and (max-width: 719px) {
  .productgrid--footer-item:not(:first-child) {
    margin-top: 1.25rem;
  }
}
@media screen and (min-width: 720px) {
  .productgrid--footer-item {
    float: left;
    width: calc(50% - 20px);
  }
  .productgrid--footer-item:not(:first-child) {
    margin-left: 40px;
  }
}

.productgrid--footer-title {
  font-size: var(--font-size-heading-5);
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
  text-transform: uppercase;
}

.productgrid--footer-results-list {
  padding-left: 0;
  margin-top: 1.25rem;
  margin-bottom: 0;
  list-style: none;
}
.productgrid--footer-results-list li {
  font-size: var(--font-size-body);
  line-height: 1.56;
  color: #000000;
}
.productgrid--footer-results-list li:not(:first-child) {
  margin-top: 0.5rem;
}

.productitem--description {
  display: none;
  margin-bottom: 20px;
  line-height: 1.5;
}

.productgrid-listview .productgrid--items .productgrid--item {
  width: 100%;
}
.productgrid-listview .productgrid--items .productgrid--item:nth-of-type(n + 1) {
  margin: 20px 0 0;
}
.productgrid-listview .productgrid--items {
  display: block;
}
.productgrid-listview .productgrid--item {
  width: 100%;
  margin: 20px 0 0;
}
.productgrid-listview .productitem--image-link {
  grid-row-end: span 2;
  width: 25%;
}
@media screen and (max-width: 859px) {
  .productgrid-listview .productitem--image-link {
    width: 100%;
  }
}
.productgrid-listview .productitem--image-link .productitem__badge {
  display: none;
}
.no-touch .productgrid-listview .productitem--actions,
.productgrid-listview .productitem--actions {
  position: static;
  display: flex;
  max-width: 300px;
  margin-top: 0.5rem;
  padding-left: 25px;
  opacity: 1;
  visibility: visible;
}
.no-touch .productgrid-listview .productitem--actions .productitem--action,
.productgrid-listview .productitem--actions .productitem--action {
  display: block;
  width: auto;
  min-width: auto;
  padding: 0;
  margin-top: 0.5rem;
  margin-right: 0.5rem;
}
.no-touch .productgrid-listview .productitem--actions .productitem--action:nth-of-type(2n),
.productgrid-listview .productitem--actions .productitem--action:nth-of-type(2n) {
  order: 1;
}
@media screen and (max-width: 1023px) {
  .no-touch .productgrid-listview .productitem--actions .productitem--action.productitem-action--desktop,
.productgrid-listview .productitem--actions .productitem--action.productitem-action--desktop {
    display: none;
  }
}
.no-touch .productgrid-listview .productitem--actions .productitem--listview-price,
.productgrid-listview .productitem--actions .productitem--listview-price {
  display: none;
  width: 100%;
  margin-bottom: 20px;
  text-align: right;
}
.no-touch .productgrid-listview .productitem--actions .productitem--listview-badge,
.productgrid-listview .productitem--actions .productitem--listview-badge {
  display: none;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 0.75rem;
}
.no-touch .productgrid-listview .productitem--actions .productitem--listview-badge .productitem__badge,
.productgrid-listview .productitem--actions .productitem--listview-badge .productitem__badge {
  position: relative;
  top: -0.375rem;
}
@media screen and (min-width: 860px) {
  .no-touch .productgrid-listview .productitem--actions,
.productgrid-listview .productitem--actions {
    display: block;
    flex: 0 0 200px;
  }
  .no-touch .productgrid-listview .productitem--actions .productitem--image-link,
.productgrid-listview .productitem--actions .productitem--image-link {
    width: 25%;
  }
  .no-touch .productgrid-listview .productitem--actions .productitem--listview-price,
.productgrid-listview .productitem--actions .productitem--listview-price {
    display: block;
  }
  .no-touch .productgrid-listview .productitem--actions .productitem--listview-badge,
.productgrid-listview .productitem--actions .productitem--listview-badge {
    display: flex;
  }
  .no-touch .productgrid-listview .productitem--actions .productitem--action,
.productgrid-listview .productitem--actions .productitem--action {
    width: 100%;
    margin-top: 0.5rem;
    margin-right: 0;
    padding: 0;
  }
}
.productgrid-listview .productitem--swatches {
  position: relative;
  order: 1;
  opacity: 1;
  visibility: visible;
}
.productgrid-listview .productitem--description {
  order: 2;
}
.productgrid-listview .productitem {
  display: grid;
  grid-template-columns: 25% 75%;
  grid-template-rows: auto minmax(0, 100%);
}
@media screen and (min-width: 860px) {
  .productgrid-listview .productitem {
    display: flex;
    justify-content: space-between;
  }
}
.productgrid-listview .productitem--info {
  display: flex;
  flex-direction: column;
  margin: 0 0 0 25px;
}
@media screen and (min-width: 860px) {
  .productgrid-listview .productitem--info {
    width: 50%;
    margin: 0 50px 0 25px;
  }
}
@media screen and (min-width: 860px) {
  .productgrid-listview .productitem--info .productitem__price {
    display: none;
  }
}
@media screen and (max-width: 859px) and (min-width: 680px) {
  .productgrid-listview .productitem--info .productitem__price {
    margin-top: 0.5rem;
  }
}
@media screen and (min-width: 860px) {
  .productgrid-listview .productitem--title {
    font-style: normal;
    font-weight: 700;
    font-size: var(--font-size-body-large);
    color: #000000;
  }
}
.productgrid-listview .price__compare-at.visible {
  display: block;
}
.productgrid-listview .price__compare-at.visible .price__spacer {
  display: none;
}
@media screen and (min-width: 860px) {
  .productgrid-listview .productitem--description {
    display: block;
  }
}
.productgrid--sidebar-menu {
  font-size: 0.9375rem;
}
.productgrid--sidebar-menu .navmenu-link--active {
  font-style: normal;
  font-weight: 700;
}
.productgrid--sidebar-menu .navmenu-item {
  display: block;
  margin-top: 0.5rem;
  line-height: 1.375;
}
.productgrid--sidebar-menu .navmenu {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
}
.productgrid--sidebar-menu .navmenu .navmenu {
  padding-left: 0.8125rem;
}
.productgrid--sidebar-menu .navmenu-depth-3 {
  border-left: 2px solid ;
}
.productgrid--sidebar-menu .navmenu-depth-3 .navmenu-item {
  font-size: var(--font-size-body-smaller);
  margin-top: 0.4375rem;
}

.product-row--container {
  position: relative;
}
@media screen and (max-width: 1023px) {
  .product-row--container {
    padding-bottom: 10px;
    margin-bottom: -10px;
    overflow: hidden;
  }
}

.product-row {
  display: flex;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding: 0;
  outline: none;
}
.product-row.flickity-enabled {
  cursor: grab;
}
.product-row .flickity-slider .productgrid--item {
  min-height: 100%;
}
.product-row .productgrid--item {
  width: 220px;
  margin-top: 0;
  margin-right: 10px;
}
.product-row .productgrid--item:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1079px) and (min-width: 1024px) {
  .product-row .productgrid--item {
    width: calc(25% - 15px);
    margin-right: 20px;
  }
  .featured-collection__container .product-row .productgrid--item:nth-child(4):nth-last-child(2) {
    display: none;
  }
  .product-recommendations--container .product-row .productgrid--item:nth-child(5) {
    display: none;
  }
  .product-row .productgrid--item:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1080px) {
  .product-row .productgrid--item {
    width: calc(20% - 16px);
    margin-right: 20px;
  }
  .product-row .productgrid--item:last-child {
    margin-right: 0;
  }
}

.productgrid--search {
  position: relative;
  z-index: 1;
  display: block;
}

.productgrid--search-form-field {
  height: 4.125rem;
  padding-top: 0.5rem;
  padding-right: 3rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 2.125rem;
  line-height: 1;
  color: #000000;
}
@media screen and (max-width: 719px) {
  .productgrid--search-form-field {
    height: 3.125rem;
    font-size: 1.25rem;
  }
}
.productgrid--search-form-field:-ms-input-placeholder {
  color: currentColor;
  opacity: rgba(0, 0, 0, 0.6);
}
.productgrid--search-form-field::placeholder {
  color: currentColor;
  opacity: rgba(0, 0, 0, 0.6);
}

.productgrid--search-button {
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  padding: 0.125rem;
  margin-top: -1rem;
}
@media screen and (max-width: 719px) {
  .productgrid--search-button {
    width: 1.875rem;
    height: 1.875rem;
    margin-top: -0.9375rem;
  }
}
.productgrid--search-button .search-icon--inactive {
  width: 100%;
  height: 100%;
  color: #000000;
}
.productgrid--search-button .search-icon--active {
  color: rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 859px) {
  .productgrid--sidebar {
    display: none;
  }
}
@media screen and (min-width: 860px) {
  .productgrid--sidebar {
    float: left;
    display: inline-block;
    width: 185px;
  }
}

.productgrid--sidebar-section,
.productgrid--sidebar-title {
  margin-top: 3.125rem;
}
.productgrid--sidebar-section:first-child,
.productgrid--sidebar-title:first-child {
  margin-top: 0;
}

.productgrid--sidebar-title {
  font-size: var(--font-size-heading-5);
  margin-bottom: 1.25rem;
  color: #000000;
}

.productgrid--sidebar-title--small {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 700;
  font-size: var(--font-size-body-small);
  margin-top: 1.75rem;
  margin-bottom: 0.25rem;
  color: #000000;
  letter-spacing: 0;
/*   text-transform: none; */
  text-transform: uppercase;
}

.productgrid--sidebar-item {
  padding-left: 0;
  margin-top: 0.5rem;
  margin-left: 0;
  list-style: none;
}
.productgrid--sidebar-item:first-child {
  margin-top: 0;
}

.productgrid--sidebar-filters--current {
  margin-bottom: 1.75rem;
}
@media screen and (min-width: 860px) {
  .productgrid--sidebar-filters--current {
    display: none;
  }
}

.utils-filter,
.utils-sortby,
.utils-view {
  font-size: var(--font-size-body-small);
  display: table-cell;
  width: 40%;
  padding: 0.5rem 1.0rem;
  vertical-align: middle;
}

.utils-filter {
  text-align: left;
}
@media screen and (min-width: 860px) {
  .utils-filter {
    display: none;
  }
}

.utils-filter-button {
  display: table;
  font-size: 0;
  transition: color 100ms cubic-bezier(0.4, 0, 0.2, 1);
}

.utils-filter-icon {
  display: table-cell;
  padding-right: 11px;
  vertical-align: middle;
}
.utils-filter-icon svg {
  display: block;
  width: 19px;
  height: 13px;
  transition: fill 100ms cubic-bezier(0.4, 0, 0.2, 1);
  fill: currentColor;
}

.utils-filter-text {
  font-style: normal;
  font-weight: 700;
  font-size: var(--font-size-body-small);
  display: table-cell;
  vertical-align: middle;
}

.utils-sortby {
  font-size: 0;
  text-align: right;
}
@media screen and (min-width: 860px) {
  .utils-sortby {
    text-align: left;
  }
}

.utils-sortby-select,
.utils-sortby-title {
  display: inline-block;
  vertical-align: middle;
}

.utils-sortby-title {
  font-style: normal;
  font-weight: 700;
  cursor: pointer;
}
@media screen and (min-width: 860px) {
  .utils-sortby-title {
    font-size: var(--font-size-body-small);
    display: inline-block;
  }
}

.utils-sortby-button {
  font-style: normal;
  font-weight: 700;
  font-size: var(--font-size-body-small);
  display: inline-block;
  vertical-align: middle;
}
@media screen and (min-width: 860px) {
  .utils-sortby-button {
    display: none;
  }
}

.utils-sortby-select {
  display: none;
  width: auto;
  max-width: 100%;
}
@media screen and (min-width: 860px) {
  .utils-sortby-select {
    display: inline-block;
    margin-left: 0.5rem;
  }
}
.utils-sortby-select .form-field-select {
  font-size: var(--font-size-body-smaller);
  max-width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  background-color: transparent;
  color: #000000;
  border: 0;
  box-shadow: none;
}
.utils-sortby-select .form-field-select:focus {
  outline: 5px auto -webkit-focus-ring-color;
}
.utils-sortby-select svg {
  color: #000000;
}

.utils-sortby--modal {
  display: none;
}

.utils-sortby--modal-title {
  font-style: normal;
  font-weight: 700;
  font-size: var(--font-size-heading-5);
  display: block;
  margin-bottom: 1.25rem;
  color: #000000;
}

.utils-sortby--modal-list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}

.utils-sortby--modal-item {
  margin-top: 0.75rem;
}
.utils-sortby--modal-item:first-child {
  margin-top: 0;
}

.utils-sortby--modal-button {
  color: #2f4898;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  display: block;
  width: 100%;
  transition-duration: 0ms;
}
.utils-sortby--modal-button:not(.disabled):hover {
  background: rgb(255, 255, 255);
  border: 1px solid 
#cecece

;
}
.utils-sortby--modal-button.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.utils-sortby--modal-button.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .utils-sortby--modal-button.mdc-ripple-surface:hover::before, .utils-sortby--modal-button.mdc-ripple-surface::before {
  opacity: 0;
}
.utils-sortby--modal-button.mdc-ripple-surface::after {
  background-color: #2f4898;
}
.utils-sortby--modal-button:active, .utils-sortby--modal-button:active:hover, .utils-sortby--modal-button:focus, .utils-sortby--modal-button:focus:hover, .utils-sortby--modal-button.utils-sortby--modal-button--active, .utils-sortby--modal-button.utils-sortby--modal-button--active:hover {
  color: 
rgb(255, 255, 255)

;
  background: #000000;
}

.utils-showby {
  font-size: 0;
  text-align: right;
}
@media screen and (max-width: 859px) {
  .utils-showby {
    display: none;
  }
}
.utils-showby li {
  display: inline-block;
  list-style: none;
}
.utils-showby li:not(:first-child) {
  margin-left: 1.0rem;
}

.utils-showby-title {
  font-style: normal;
  font-weight: 700;
  font-size: var(--font-size-body-small);
}

.utils-showby-item {
  font-size: var(--font-size-body-smaller);
}
.utils-showby-item:hover {
  color: #000000;
}
.modal--productgrid-sort .modal-inner,
.modal--productgrid-filters .modal-inner {
  max-width: 31.25rem;
}

.productgrid--outer:not(.layout--has-sidebar) .utils-sortby {
  text-align: left;
}

.utils-view {
  width: 6.375rem;
}
@media screen and (max-width: 859px) {
  .utils-view {
    padding: 0 0.5rem 0 0;
  }
  .utils-view.utils-hide {
    display: none;
  }
}
@media screen and (min-width: 860px) {
  .utils-view {
    width: 60%;
  }
}

.utils-view-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.utils-viewtoggle {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 860px) {
  .utils-viewtoggle {
    margin-left: 40px;
  }
}

.utils-viewtoggle-label {
  font-style: normal;
  font-weight: 700;
  display: none;
  margin-right: 10px;
}
@media screen and (min-width: 860px) {
  .utils-viewtoggle-label {
    display: block;
  }
}

.utils-viewtoggle-button {
  padding: 5px 13px 2px;
  margin-left: 0;
  color: #666666;
  cursor: pointer;
  background: 
rgb(255, 255, 255)

;
  border: 0;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;
  outline: none;
  transition: color 100ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-appearance: none;
}
.utils-viewtoggle-button:nth-of-type(1) {
  border-left: 1px solid #666666;
  border-radius: 3px 0 0 3px;
}
.utils-viewtoggle-button:nth-of-type(1).active {
  border-color: #000000;
}
.utils-viewtoggle-button:nth-of-type(2) {
  border-right: 1px solid #666666;
  border-radius: 0 3px 3px 0;
}
.utils-viewtoggle-button:nth-of-type(2).active {
  border-color: #000000;
}
.utils-viewtoggle-button:focus {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
}
.utils-viewtoggle-button:focus.active {
  border-color: 
#171717

;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.4);
}
.utils-viewtoggle-button:hover {
  color: #333333;
}
.utils-viewtoggle-button.active {
  color: 
rgb(255, 255, 255)

;
  background: #000000;
}
@media screen and (min-width: 860px) {
  .utils-viewtoggle-button {
    height: 20px;
    padding: 0;
    margin-left: 6px;
    background-color: transparent;
  }
  .utils-viewtoggle-button:nth-of-type(1) {
    border: 0;
    border-radius: 2px;
  }
  .utils-viewtoggle-button:nth-of-type(2) {
    border: 0;
    border-radius: 2px;
  }
  .utils-viewtoggle-button.active {
    color: #000000;
    background-color: transparent;
  }
}

.shopify-model-viewer-ui {
  --progress-bar-color: #000000;
  --progress-bar-height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.shopify-model-viewer-ui:not(.shopify-model-viewer-ui--fullscreen) .shopify-model-viewer-ui__control-icon.shopify-model-viewer-ui__control-icon--exit-fullscreen {
  display: none;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon.shopify-model-viewer-ui__control-icon--enter-fullscreen {
  display: none;
}
.shopify-model-viewer-ui model-viewer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.shopify-model-viewer-ui model-viewer.shopify-model-viewer-ui__disabled {
  pointer-events: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 46px;
  height: auto;
  opacity: 0;
  transition: opacity 125ms cubic-bezier(0.4, 0, 1, 1);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing) {
  display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:focus-within {
  opacity: 1;
}
.shopify-model-viewer-ui:hover .shopify-model-viewer-ui__controls-area {
  opacity: 1;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button:focus {
  z-index: 1;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--zoom-out,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--zoom-in,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--fullscreen {
  cursor: pointer;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
  width: 46px;
  height: 46px;
  padding: 0;
  color: #000000;
  background-color: 
rgb(255, 255, 255)

;
  border: 1px solid rgba(0, 0, 0, 0.05);
  transition: background-color 100ms cubic-bezier(0.4, 0, 1, 1);
}
body:not(.user-is-tabbing) .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster,
body:not(.user-is-tabbing) .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
  outline: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster svg,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control svg {
  width: 46px;
  height: 46px;
  pointer-events: none;
  opacity: 1;
  transition: opacity 100ms cubic-bezier(0.4, 0, 1, 1);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover svg,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover svg {
  opacity: 0.55;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:active,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active {
  background-color: #f2f2f2;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
  position: absolute;
  top: calc(50% - 60px/2);
  left: calc(50% - 60px/2);
  z-index: 1;
  width: 60px;
  height: 60px;
  background-color: 
rgb(255, 255, 255)

;
  border: none;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover svg {
  opacity: 0.55;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster svg {
  width: 100%;
  height: 100%;
  border: none;
  opacity: 1;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:first-child {
  border-bottom: 0;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:last-child {
  border-top: 0;
}

.plyr.plyr--video {
  color: #000000;
  background-color: #f2f2f2;
}
[data-product-gallery-aspect-ratio=short] .plyr.plyr--video, [data-product-gallery-aspect-ratio=square] .plyr.plyr--video, [data-product-gallery-aspect-ratio=tall] .plyr.plyr--video, [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=short] .plyr.plyr--video, [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .plyr.plyr--video, [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=tall] .plyr.plyr--video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
[data-product-gallery-aspect-ratio=short] .plyr.plyr--video .plyr__video-wrapper, [data-product-gallery-aspect-ratio=square] .plyr.plyr--video .plyr__video-wrapper, [data-product-gallery-aspect-ratio=tall] .plyr.plyr--video .plyr__video-wrapper, [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=short] .plyr.plyr--video .plyr__video-wrapper, [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .plyr.plyr--video .plyr__video-wrapper, [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=tall] .plyr.plyr--video .plyr__video-wrapper {
  height: 100%;
}
[data-product-gallery-aspect-ratio=short] .plyr.plyr--video video, [data-product-gallery-aspect-ratio=square] .plyr.plyr--video video, [data-product-gallery-aspect-ratio=tall] .plyr.plyr--video video, [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=short] .plyr.plyr--video video, [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .plyr.plyr--video video, [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=tall] .plyr.plyr--video video {
  height: 100%;
}
.plyr.plyr--video .plyr__control {
  color: #000000;
  background: 
rgb(255, 255, 255)

;
  border: none;
}
.plyr.plyr--video > .plyr__control {
  height: 3.75rem;
  width: 3.75rem;
  padding: 0;
  background: 
rgb(255, 255, 255)

;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.plyr.plyr--video > .plyr__control > svg {
  height: 100%;
  width: 100%;
  margin: 0;
  border: none;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr.plyr--video > .plyr__control:hover > svg {
  opacity: 0.55;
}
.plyr.plyr--video > .plyr__control:active {
  opacity: 0.7;
}
.plyr.plyr--video .plyr__progress__buffer {
  background: rgba(0, 0, 0, 0.6);
  opacity: 0.6;
}
.plyr.plyr--video .plyr__control--overlaid.plyr__tab-focus,
.plyr.plyr--video .plyr__control--overlaid:hover {
  color: #000000;
}
.plyr.plyr--video .plyr__video-wrapper,
.plyr.plyr--video .plyr__poster {
  background-color: #f2f2f2;
}
.plyr.plyr--video .plyr__controls {
  background: 
rgb(255, 255, 255)

;
  border: none;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.plyr.plyr--video .plyr__tooltip {
  color: 
rgb(255, 255, 255)

;
  background: #000000;
}
.plyr.plyr--video .plyr__tooltip:before {
  border-top: 4px solid #000000;
}
.plyr.plyr--video.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background-image: linear-gradient(to right, #000000 var(--value, 0%), rgba(0, 0, 0, 0.6) var(--value, 0%));
}
.plyr.plyr--video.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  box-shadow: 2px 0 0 0 
rgb(255, 255, 255)

;
}
.plyr.plyr--video.plyr--full-ui input[type=range]::-moz-range-track {
  box-shadow: 2px 0 0 0 
rgb(255, 255, 255)

;
}
.plyr.plyr--video.plyr--full-ui input[type=range]::-ms-thumb {
  box-shadow: 2px 0 0 0 
rgb(255, 255, 255)

;
}
.plyr.plyr--video.plyr--full-ui input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range]:active::-moz-range-track {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range]:active::-ms-thumb {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume {
  background-color: #000000;
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-runnable-track {
  background-image: linear-gradient(to right, 
rgb(255, 255, 255)

 var(--value, 0%), rgba(255, 255, 255, 0.6) var(--value, 0%));
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-thumb {
  color: 
rgb(255, 255, 255)

;
  box-shadow: 2px 0 0 0 #000000;
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-moz-range-track {
  color: 
rgb(255, 255, 255)

;
  box-shadow: 2px 0 0 0 #000000;
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-ms-thumb {
  color: 
rgb(255, 255, 255)

;
  box-shadow: 2px 0 0 0 #000000;
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]:active::-moz-range-track {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]:active::-ms-thumb {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}

.product-details {
  color: #000000;
}
@media screen and (max-width: 719px) {
  .product-details {
    margin-top: 1.75rem;
    margin-bottom: 1.25rem;
  }
}

.product-title {
  font-size: var(--font-size-heading-3);
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
  line-height: 1.2;
}
@media screen and (min-width: 720px) {
  .product-title {
    font-size: var(--font-size-heading-1);
  }
}
.product-title a {
  color: #000000;
  text-decoration: none;
}

.product-vendor {
  font-size: var(--font-size-body);
  margin-top: 0.25rem;
  line-height: 1.6;
  color: #dddddd;
}
.product-ratings {
  margin-top: 0.5rem;
}
.product-ratings .spr-badge .spr-badge-caption {
  margin-left: 0.5rem;
}
.product-ratings .spr-badge .spr-badge-starrating {
  position: relative;
  top: -1px;
}
.product-ratings .spr-badge .spr-badge-starrating .spr-icon {
  font-size: var(--font-size-body-smaller);
}
@media screen and (min-width: 720px) {
  .product-ratings .spr-badge .spr-badge-starrating .spr-icon {
    font-size: 1.0625rem;
  }
}

.product-pricing {
  margin-top: 0.75rem;
}
@media screen and (min-width: 720px) {
  .product-pricing {
    margin-top: 1.0rem;
  }
}

.product-sku {
  margin: 1.0rem 0 1.25rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #dddddd;
}
.product-sku.product-sku--empty {
  display: none;
}
.modal .product-sku {
  margin-bottom: 10px;
}

.product__badge {
  display: inline-block;
  height: 100%;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: var(--font-size-body-smallest);
  white-space: nowrap;
}

.product__price {
  display: inline;
}
.product__price .price__compare-at,
.product__price .price__current {
  font-size: var(--font-size-heading-4);
  margin-bottom: 0.25rem;
  line-height: 1.15;
  white-space: nowrap;
}
@media screen and (min-width: 720px) {
  .product__price .price__compare-at,
.product__price .price__current {
    font-size: 1.25rem;
  }
}
.product__price .price__current {
  display: inline-block;
}
.product__price .price__compare-at {
  margin-right: 0.25rem;
}
.product__price .price__compare-at.visible + .price__current {
  color: #de0101;
}

.product-section--container {
  margin-top: 3.125rem;
}
@media screen and (min-width: 1024px) {
  .product-section--container {
    margin-top: 4.25rem;
  }
}

.product-section--title {
  font-size: var(--font-size-heading-4);
  margin-bottom: 1.25rem;
  color: #000000;
}
@media screen and (min-width: 860px) {
  .product-section--title {
    margin-bottom: 1.75rem;
  }
}

.product-section--content {
  margin-top: 1.25rem;
}
@media screen and (min-width: 860px) {
  .product-section--content {
    margin-top: 1.75rem;
  }
}

.product-recommendations--title {
  padding-left: 0;
}
@media screen and (max-width: 719px) {
  .product-recommendations--title {
    padding-right: 10px;
  }
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
  .product-recommendations--title {
    padding-right: 15px;
  }
}

.product-message--container {
  display: none;
  max-height: 200px;
  overflow: hidden;
}
.product-message--container.visible {
  display: block;
}
.product-message--container div {
  padding: 0.75rem;
}

.product-message--error {
  outline: none;
}

.product__badge--soldout,
.productitem__badge--soldout,
.product__badge--sale,
.productitem__badge--sale,
.hotspot__badge {
  font-style: normal;
  font-weight: 700;
  padding: 0.25rem 0.3125rem;
  text-decoration: none;
  vertical-align: middle;
}

.productitem__badge--soldout,
.product__badge--soldout,
.hotspot__badge--soldout {
  color: 
rgb(255, 255, 255)

;
  background-color: #000000;
}

.product__badge--sale,
.productitem__badge--sale,
.hotspot__badge--sale {
  color: #fff;
  background-color: #de0101;
}

.form-options {
  padding: 0;
  margin-top: 1.0rem;
  margin-right: 0;
  margin-left: 0;
  border: none;
}
.no-js .form-options.no-js-required {
  display: block;
  width: 100%;
}
.no-js .form-options.js-required {
  display: none;
}
.js .form-options.no-js-required {
  display: none;
}
.js .form-options.js-required {
  display: block;
}

.form-field-select[data-variant-option-chosen-value] {
  color: transparent;
}
.form-field-select:not([data-variant-option-chosen-value=false]) {
  color: #000000;
}
.form-field-select option {
  color: #000000;
}

.product-form--error-option-unselected .option-name[data-variant-option-chosen-value=false] {
  color: #f05d5d;
}
.product-form--error-option-unselected .form-field-title[data-variant-option-chosen-value=false] {
  color: #f05d5d;
}

.product-form--alt .form-options-first {
  margin-top: 0;
}

.form-options-swatches {
  z-index: 5;
}

.product-form--atc {
  margin-top: 1.0rem;
  font-size: 0;
}
.product-form--alt input[type=hidden] + .product-form--atc {
  margin-top: 0;
}

.product-form--atc-qty,
.product-form--atc-button {
  display: inline-block;
  vertical-align: middle;
}

.product-form--atc-qty {
  width: 7.1875rem;
}

.product-form--atc-button {
  color: #ffffff;
  background-color: #000000;
  border: 1px solid #000000;
  font-size: var(--font-size-button-large);
  padding: 0.875rem 1.75rem;
  letter-spacing: 0.0em;
  position: relative;
  width: calc(100% - 0.75rem - 7.1875rem);
  padding-right: 0.3125rem;
  padding-left: 0.3125rem;
  margin-left: 0.75rem;
}
.product-form--atc-button:not(.disabled):hover {
  background: rgb(26, 26, 26);
  border: 1px solid rgb(26, 26, 26);
}
.product-form--atc-button:active {
  background: 
#0f0f0f

;
  border: 1px solid 
#0f0f0f

;
}
.product-form--atc-button.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.16;
}
.product-form--atc-button.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .product-form--atc-button.mdc-ripple-surface:hover::before, .product-form--atc-button.mdc-ripple-surface::before {
  opacity: 0;
}
.product-form--atc-button.mdc-ripple-surface::after {
  background-color: #ffffff;
}.product-form--atc-button {
    text-transform: none;
  }.product-form--atc-button .atc-button--text {
  display: block;
  opacity: 1;
  transition: opacity 125ms cubic-bezier(0.4, 0, 0.2, 1), transform 125ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(1);
}
.product-form--atc-button .atc-button--icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: -13px;
  margin-left: -13px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: rotate 0.6s linear infinite;
}
.product-form--atc-button .atc-button--icon svg {
  display: block;
  width: 26px;
  height: 26px;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0.8);
}
.product-form--atc-button.processing .atc-button--text {
  opacity: 0;
  transform: scale(1.075);
}
.product-form--atc-button.processing .atc-button--icon {
  visibility: visible;
  opacity: 1;
}
.product-form--atc-button.processing .atc-button--icon svg {
  transform: scale(1);
}
.smart-payment-enabled .product-form--atc-button {
  color: #2f4898;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  font-size: var(--font-size-button-large);
  padding: 0.875rem 1.75rem;
  letter-spacing: 0.0em;
  width: 100%;
  margin-top: 1.0rem;
  margin-left: 0;
  font-size: var(--font-size-body);
}
.smart-payment-enabled .product-form--atc-button:not(.disabled):hover {
  background: rgb(255, 255, 255);
  border: 1px solid 
#cecece

;
}
.smart-payment-enabled .product-form--atc-button.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.smart-payment-enabled .product-form--atc-button.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .smart-payment-enabled .product-form--atc-button.mdc-ripple-surface:hover::before, .smart-payment-enabled .product-form--atc-button.mdc-ripple-surface::before {
  opacity: 0;
}
.smart-payment-enabled .product-form--atc-button.mdc-ripple-surface::after {
  background-color: #2f4898;
}.smart-payment-enabled .product-form--atc-button {
    text-transform: none;
  }@media screen and (max-width: 1279px) {
  .product-form--alt .product-form--atc-button {
    font-size: 16px;
  }
}

.option-name {
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 720px) {
  .option-name {
    font-size: var(--font-size-body-smaller);
  }
}

.option-swatch-value {
  font-weight: 400;
}

.option-values {
  margin-top: 10px;
}

.option-value {
  display: inline-block;
}

.option-value-input {
  position: absolute;
  opacity: 0;
}
.option-value-input + .option-value-name {
  display: inline-block;
  width: auto;
  padding: 0.5rem 0.75rem;
  margin: 0 5px 10px 0;
  cursor: pointer;
  transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.option-value-input + .option-value-name.mdc-ripple-surface:after {
  background-color: #000000;
}
@media screen and (min-width: 720px) {
  .option-value-input + .option-value-name {
    font-size: var(--font-size-body-smaller);
  }
}
.option-value-input:focus:not(:disabled) ~ .option-value-name:not(.option-value-swatch-wrapper) {
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
}
.option-value-input:not(:checked):focus + .option-value-name, .option-value-input:not(:checked):hover + .option-value-name {
  border-color: 
#bebebe

;
}
.option-value-input:checked + .option-value-name {
  color: #000000;
  background-color: rgba(0, 0, 0, 0.06);
  border-color: #000000;
}
.option-value-input:checked + .option-value-name:focus + .option-value-name:not(.option-value-swatch-wrapper) {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
}
.option-value-input[data-variant-option-available=false] + .option-value-name {
  text-decoration: line-through;
  opacity: 0.5;
}
.option-value-input + .option-value-swatch-wrapper {
  position: relative;
  height: 16px;
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: none;
  box-shadow: 0 0 0 1.5px rgba(0, 0, 0, 0);
  transition: box-shadow 150ms cubic-bezier(0.7, 0.18, 1, 1);
  box-shadow: none;
}.option-value-input + .option-value-swatch-wrapper {
    border-radius: 1.5px;
  }.swatches-variant-images-square .option-value-input + .option-value-swatch-wrapper {
  border-radius: 1px;
}
.option-value-input + .option-value-swatch-wrapper::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  pointer-events: none;
  content: "";
  will-change: transform;
}
.option-value-input + .option-value-swatch-wrapper:hover {
  z-index: 5;
}
.option-value-input + .option-value-swatch-wrapper .swatch {
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  transition: transform 150ms cubic-bezier(0.7, 0.18, 1, 1);
}.option-value-input + .option-value-swatch-wrapper .swatch {
    border-radius: 1.5px;
  }.swatches-variant-images-square .option-value-input + .option-value-swatch-wrapper .swatch {
  border-radius: 0;
}
.option-value-input + .option-value-swatch-wrapper .swatch-inner {
  width: 16px;
}
.option-value-input:focus ~ .option-value-swatch-wrapper {
  outline: none;
}
.option-value-input:checked + .option-value-swatch-wrapper {
  background-color: transparent;
}
.option-value-input[data-variant-option-available=false] + .option-value-swatch-wrapper {
  opacity: 1;
}
.shopify-payment-button {
  margin-top: 1.0rem;
}
.shopify-payment-button .shopify-payment-button__button {
  margin-right: auto;
  margin-left: auto;
}
.shopify-payment-button .shopify-payment-button__button--unbranded {
  color: #ffffff;
  background-color: #000000;
  border: 1px solid #000000;
  font-size: var(--font-size-button-large);
  padding: 0.875rem 1.75rem;
  letter-spacing: 0.0em;
  position: relative;
}
.shopify-payment-button .shopify-payment-button__button--unbranded:not(.disabled):hover {
  background: rgb(26, 26, 26);
  border: 1px solid rgb(26, 26, 26);
}
.shopify-payment-button .shopify-payment-button__button--unbranded:active {
  background: 
#0f0f0f

;
  border: 1px solid 
#0f0f0f

;
}
.shopify-payment-button .shopify-payment-button__button--unbranded.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.16;
}
.shopify-payment-button .shopify-payment-button__button--unbranded.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .shopify-payment-button .shopify-payment-button__button--unbranded.mdc-ripple-surface:hover::before, .shopify-payment-button .shopify-payment-button__button--unbranded.mdc-ripple-surface::before {
  opacity: 0;
}
.shopify-payment-button .shopify-payment-button__button--unbranded.mdc-ripple-surface::after {
  background-color: #ffffff;
}.shopify-payment-button .shopify-payment-button__button--unbranded {
    text-transform: none;
  }.shopify-payment-button .shopify-payment-button__button--unbranded .atc-button--text {
  display: block;
  opacity: 1;
  transition: opacity 125ms cubic-bezier(0.4, 0, 0.2, 1), transform 125ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(1);
}
.shopify-payment-button .shopify-payment-button__button--unbranded .atc-button--icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: -13px;
  margin-left: -13px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: rotate 0.6s linear infinite;
}
.shopify-payment-button .shopify-payment-button__button--unbranded .atc-button--icon svg {
  display: block;
  width: 26px;
  height: 26px;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0.8);
}
.shopify-payment-button .shopify-payment-button__button--unbranded.processing .atc-button--text {
  opacity: 0;
  transform: scale(1.075);
}
.shopify-payment-button .shopify-payment-button__button--unbranded.processing .atc-button--icon {
  visibility: visible;
  opacity: 1;
}
.shopify-payment-button .shopify-payment-button__button--unbranded.processing .atc-button--icon svg {
  transform: scale(1);
}
@media screen and (max-width: 1279px) {
  .product-form--alt .shopify-payment-button .shopify-payment-button__button--unbranded {
    font-size: 16px;
  }
}
.shopify-payment-button .shopify-payment-button__button--branded {
  min-height: 48px;
  overflow: hidden;
  border-radius: 3px;
}
.shopify-payment-button .shopify-payment-button__more-options {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 400;
  font-size: var(--font-size-body-small);
  padding: 0;
}
.shopify-payment-button .shopify-payment-button__more-options:hover {
  text-decoration: none;
}
.shopify-payment-button .shopify-payment-button__more-options.shopify-payment-button__button--hidden {
  display: none;
}

.product-gallery {
  position: relative;
}

.product-gallery--viewer {
  position: relative;
  width: 100%;
  overflow: hidden;
  transition: height 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (min-width: 720px) {
  .product-gallery--viewer {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .hover-zoom-enabled .product-gallery--viewer {
    cursor: crosshair;
  }
}
.click-to-zoom-enabled .product-gallery--viewer {
  cursor: pointer;
}
.product-gallery--viewer.product-gallery--has-media .product-gallery--media:not([data-gallery-selected=true]) {
  position: absolute;
}
.product-gallery--viewer.product-gallery--has-media:not(.flickity-enabled) .product-gallery--media:not([data-gallery-selected=true]) {
  visibility: hidden;
  opacity: 0;
}

.product-gallery:not([data-product-gallery-aspect-ratio=natural]) .product-gallery--image-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center;
  background-size: cover;
}

[data-product-gallery-aspect-ratio=natural] .product-gallery--image-background {
  background-size: 0;
}
[data-product-gallery-aspect-ratio=natural] .product-gallery--external_video {
  padding-bottom: 56.25%;
}

[data-product-gallery-aspect-ratio=short] .product-gallery--media,
[data-product-gallery-aspect-ratio=square] .product-gallery--media,
[data-product-gallery-aspect-ratio=tall] .product-gallery--media,
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=short] .product-gallery--media,
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .product-gallery--media,
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=tall] .product-gallery--media {
  height: 0;
}

.in-theme-editor [data-product-gallery-aspect-ratio=short],
.in-theme-editor [data-product-gallery-aspect-ratio=square],
.in-theme-editor [data-product-gallery-aspect-ratio=tall] {
  background-color: 
rgb(255, 255, 255)

;
}
[data-product-gallery-aspect-ratio=short] .product-gallery--loaded-image,
[data-product-gallery-aspect-ratio=square] .product-gallery--loaded-image,
[data-product-gallery-aspect-ratio=tall] .product-gallery--loaded-image {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  transform: translate(-50%, -50%);
}

[data-product-gallery-aspect-ratio=tall] .product-gallery--loaded-image {
  width: 100%;
}

[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=short] .product-gallery--media img,
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .product-gallery--media img,
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=tall] .product-gallery--media img {
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transform: none;
}
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=short] .product-gallery--media img[data-rimg=noscript],
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .product-gallery--media img[data-rimg=noscript],
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=tall] .product-gallery--media img[data-rimg=noscript] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[data-product-gallery-aspect-ratio=short] .product-gallery--media,
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=short] .product-gallery--media {
  padding-bottom: 75%;
}

[data-product-gallery-aspect-ratio=square] .product-gallery--media,
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .product-gallery--media {
  padding-bottom: 100%;
}

[data-product-gallery-aspect-ratio=tall] .product-gallery--media,
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=tall] .product-gallery--media {
  padding-bottom: 150%;
}

.product-gallery--media {
  width: 100%;
  margin: 0;
  overflow: hidden;
  outline: none;
  color: #000000;
  opacity: 0;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
.product-gallery--media video,
.product-gallery--media .video,
.product-gallery--media .shopify-model-viewer-ui {
  display: none;
}
.product-gallery--media[data-gallery-selected=true] video,
.product-gallery--media[data-gallery-selected=true] .video,
.product-gallery--media[data-gallery-selected=true] .shopify-model-viewer-ui {
  display: block;
}
@media screen and (max-width: 719px) {
  .flickity-enabled .product-gallery--media, .product-gallery--media[data-gallery-selected=true] {
    opacity: 1;
  }
}
@media screen and (min-width: 720px) {
  .product-gallery--media {
    left: 0 !important;
    z-index: -1;
    opacity: 0;
  }
  .product-gallery--media.product-gallery--image-placeholder, .product-gallery--media[data-gallery-selected=true], .product-gallery--media.is-selected {
    z-index: 0;
    width: 100%;
    opacity: 1;
  }
}
[data-product-gallery-aspect-ratio=natural] .product-gallery--media img,
.product-gallery--media svg {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.product-gallery--navigation {
  position: relative;
  width: 100%;
  padding-bottom: 0.125rem;
  margin-top: 0.5rem;
  margin-left: -0.125rem;
  font-size: 0;
  text-align: left;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.product-gallery--navigation.loading {
  position: absolute;
  opacity: 0;
}
@media screen and (min-width: 720px) {
  .product-gallery--navigation {
    margin-top: 0.5rem;
    margin-right: -0.3125rem;
    margin-left: -0.3125rem;
  }
}

.gallery-navigation--scroll-button {
  position: absolute;
  height: 100%;
  width: 2rem;
  display: none;
  background: 
rgb(255, 255, 255)

;
  color: #000000;
  border-top: none;
  border-bottom: none;
  outline: none;
  z-index: 2;
  transform: translate3d(0, 0, 0);
  cursor: pointer;
}
.gallery-navigation--scroll-button.visible {
  display: block;
}
.gallery-navigation--scroll-button.scroll-left {
  left: 0;
  padding-left: 0;
  border-right: 1px solid ;
  border-left: none;
}
.gallery-navigation--scroll-button.scroll-left svg {
  transform: rotate(90deg);
}
.gallery-navigation--scroll-button.scroll-right {
  right: 0;
  padding-right: 0;
  border-right: none;
  border-left: 1px solid ;
}
.gallery-navigation--scroll-button.scroll-right svg {
  transform: rotate(270deg);
}

.gallery-navigation--scroller {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  scroll-behavior: smooth;
}
@media screen and (min-width: 720px) {
  .gallery-navigation--scroller {
    overflow: visible;
    white-space: normal;
  }
}
@media screen and (max-width: 719px) {
  .gallery-navigation--scroller .product-gallery--media-thumbnail:last-child {
    margin-right: 10px;
  }
  .gallery-navigation--scroller::-webkit-scrollbar {
    display: none;
  }
}

.product-gallery--media-thumbnail {
  position: relative;
  display: inline-block;
  height: 4rem;
  padding: 2px;
  margin-right: 0.1875rem;
  margin-left: 0.1875rem;
  vertical-align: middle;
  border-radius: 2px;
  box-shadow: 0 0 2px transparent;
  transition: box-shadow 100ms cubic-bezier(0.4, 0, 1, 1);
}
@media screen and (min-width: 720px) {
  .product-gallery--media-thumbnail {
    margin-top: 0.375rem;
  }
}
@media screen and (min-width: 1080px) {
  .product-gallery--media-thumbnail {
    height: 4.9375rem;
  }
  .modal--quickshop-full .product-gallery--media-thumbnail {
    height: 4rem;
  }
}
.no-js .product-gallery--media-thumbnail {
  cursor: default;
}
.product-gallery--media-thumbnail:focus {
  outline: none;
  box-shadow: 0 0 0 1.5px ;
}
.product-gallery--media-thumbnail[data-gallery-selected=true] {
  box-shadow: 0 0 0 1.5px 
#818181

;
}
.product-gallery--media-thumbnail[data-gallery-selected=true]:focus {
  box-shadow: 0 0 0 1.5px 
#818181

, 0 0 0 5px rgba(0, 0, 0, 0.1);
}
.product-gallery--media-thumbnail .product-gallery--media-thumbnail-img-wrapper {
  position: relative;
  display: block;
  height: 100%;
}
.product-gallery--media-thumbnail .icon-play-thumb,
.product-gallery--media-thumbnail .icon-model-thumb {
  position: absolute;
  top: 0.1875rem;
  right: 0.1875rem;
  width: 1.25rem;
  height: 1.25rem;
  background: 
rgb(255, 255, 255)

;
  color: #000000;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  z-index: 1;
  pointer-events: none;
}
.no-js .product-gallery--media-thumbnail .icon-play-thumb,
.no-js .product-gallery--media-thumbnail .icon-model-thumb {
  display: none;
}

.product-gallery--media-thumbnail-img {
  display: block;
  max-width: 100%;
  height: 100%;
}

.product-gallery--media-thumbnail:focus,
.product-gallery--media-thumbnail-img-wrapper:focus {
  outline: none;
}

@media screen and (min-width: 720px) {
  [data-product-gallery-thumbnails=left] {
    display: flex;
  }
  .modal--quickshop-full [data-product-gallery-thumbnails=left] {
    display: flex;
  }
  [data-product-gallery-thumbnails=left] .product-gallery--navigation {
    flex: 1 0 auto;
    max-width: 4.375rem;
    max-height: 34.375rem;
    padding: 0;
    margin-top: 0;
    margin-right: 0.5rem;
  }
}
@media screen and (min-width: 720px) and (min-width: 1080px) {
  [data-product-gallery-thumbnails=left] .product-gallery--navigation {
    max-width: 5.3125rem;
  }
}
@media screen and (min-width: 720px) {
  [data-product-gallery-thumbnails=left] .gallery-navigation--scroller {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 34.375rem;
  }
}
@media screen and (min-width: 720px) {
  [data-product-gallery-thumbnails=left] .product-gallery--media-thumbnail {
    width: 4rem;
    height: auto;
    margin-top: -2px;
    margin-bottom: 0.375rem;
  }
}
@media screen and (min-width: 720px) and (min-width: 1080px) {
  [data-product-gallery-thumbnails=left] .product-gallery--media-thumbnail {
    width: 4.9375rem;
  }
}
@media screen and (min-width: 720px) {
  [data-product-gallery-thumbnails=left] .product-gallery--media-thumbnail-img-wrapper {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 720px) {
  [data-product-gallery-thumbnails=left] .product-gallery--media-thumbnail-img {
    width: 100%;
    height: auto;
    max-width: auto;
    max-height: 100%;
  }
}
@media screen and (min-width: 720px) {
  [data-product-gallery-thumbnails=left] .product-gallery--viewer {
    padding: 0;
  }
}

.product-gallery--external-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.product-gallery--external-video .video {
  width: 100%;
  height: 100%;
  padding-bottom: 0;
}

.product-gallery--video video {
  width: 100%;
}

.product-gallery--model {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

.product-gallery--viewinyourspace {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  color: #000000;
  background-color: rgba(0, 0, 0, 0.08);
  border: 0;
}
.product-gallery--viewinyourspace[data-shopify-xr-hidden] {
  visibility: hidden;
}
@media screen and (min-width: 720px) {
  .product-gallery--viewinyourspace[data-shopify-xr-hidden] {
    display: none;
  }
}
.product-gallery--viewinyourspace svg {
  width: 44px;
  height: 44px;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}
.pswp * {
  box-sizing: border-box;
}
.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  transform-origin: left top;
  /* for open/close transition */
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  transition: opacity 0.2s;
  box-shadow: none;
}
.pswp__button:focus, .pswp__button:hover {
  opacity: 1;
}
.pswp__button:active {
  outline: none;
  opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
    background-image: url(default-skin.svg);
  }

  .pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}
.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: "";
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  transform: translateY(6px);
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}
.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}
.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
  transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid rgba(0, 0, 0, 0);
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}

a.pswp__share--download:hover {
  background: #DDD;
}

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}

/*

	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}
.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}

.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
  /* 
  	The idea of animating inner circle is based on Polymer ("material") loading indicator 
  	 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
  */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}
@keyframes clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes donut-rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-140deg);
  }
  100% {
    transform: rotate(0);
  }
}
/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

.product-gallery--expand {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 400;
  font-size: var(--font-size-body-smaller);
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 501;
  padding: 0.375rem 0.625rem 0.375rem 0.5625rem;
  margin: 0 0.75rem 0.75rem 0;
  font-weight: normal;
  color: #000000;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.9);
  border: 0;
  border-radius: 3px;
  box-shadow: 0 0 0 1px ;
}
@media screen and (max-width: 719px) {
  .product-gallery--expand.expand--hide-mobile {
    display: none;
  }
}
@media screen and (min-width: 720px) {
  .product-gallery--expand.expand--hide-desktop {
    display: none;
  }
}
@media screen and (min-width: 720px) {
  .product-gallery--expand {
    margin-right: 0.75rem;
  }
}
[data-selected-media-type=video] .product-gallery--expand, [data-selected-media-type=external_video] .product-gallery--expand, [data-selected-media-type=model] .product-gallery--expand {
  display: none;
}
.product-gallery--expand span {
  display: flex;
  align-items: center;
  outline: none;
}
.product-gallery--expand span svg {
  margin-right: 0.3125rem;
}
.product-gallery--expand .tap-text {
  display: none;
}
.has-touch .product-gallery--expand .click-text {
  display: none;
}
.has-touch .product-gallery--expand .tap-text {
  display: flex;
}

.pswp .pswp__bg {
  background: 
rgb(255, 255, 255)

;
  transition: opacity 200ms cubic-bezier(0.1, 0.1, 0, 1);
}
.pswp .pswp__img--placeholder {
  animation: shimmer-background 1050ms cubic-bezier(0.4, 0, 0.2, 1) infinite;
  animation-fill-mode: forwards;
  animation-direction: alternate;
}
.pswp .pswp__top-bar {
  background: transparent;
  opacity: 1;
}
.pswp .pswp__button--close {
  width: 2.5rem;
  height: 2.5rem;
  margin: 12px;
  color: #000;
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.03), 0 2px 5px rgba(127, 127, 127, 0.3);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
@media screen and (min-width: 720px) {
  .pswp .pswp__button--close {
    width: 3rem;
    height: 3rem;
    margin: 25px;
  }
}
.pswp .pswp__button--close:hover {
  box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.04), 0 3px 10px rgba(127, 127, 127, 0.4);
  transform: scale(1.125);
}
.pswp .pswp__button--close:hover span {
  opacity: 0.8;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.pswp .pswp__button--close span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  opacity: 0.6;
  outline: none;
}
.pswp .product-zoom--thumbnails {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0.5rem 0;
  padding: 0.25rem 0.5rem;
  opacity: 0;
  background: 
rgb(255, 255, 255)

;
  transition: opacity 200ms cubic-bezier(0, 0, 0.2, 1);
}
@media screen and (min-width: 720px) {
  .pswp .product-zoom--thumbnails {
    top: 0;
    bottom: auto;
    width: auto;
    margin: 25px;
    padding: 0 0 0.1875rem;
    background: transparent;
  }
}
.pswp .gallery-navigation--scroll-button {
  top: 0;
  padding: 0 0.5rem;
}
.pswp .product-zoom--thumb-scroller {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  white-space: nowrap;
  overflow: auto;
  scroll-behavior: smooth;
}
@media screen and (min-width: 720px) {
  .pswp .product-zoom--thumb-scroller {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 0;
    max-height: 31.25rem;
    overflow: visible;
  }
}
.pswp.pswp--animated-in .product-zoom--thumbnails,
.pswp.pswp--animated-in .pswp__button--close {
  opacity: 1;
}
@media screen and (max-width: 719px) {
  .pswp .product-gallery--media-thumbnail {
    margin-top: 0;
  }
}
@media screen and (min-width: 720px) {
  .pswp .product-gallery--media-thumbnail {
    width: 51px;
    height: auto;
  }
  .pswp .product-gallery--media-thumbnail-img {
    width: 100%;
  }
}

@keyframes drift-fadeZoomIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes drift-fadeZoomOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes drift-fadeIn {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes drift-fadeOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes drift-loader-rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  50% {
    transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.product-gallery--zoomed-image {
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
}

.drift-zoom-pane {
  background: #fff;
  /* This is required because of a bug that causes border-radius to not
  work with child elements in certain cases. */
  transform: translate3d(0, 0, 0);
  z-index: 3;
  box-shadow: 0 1px 5px rgba(127, 127, 127, 0.02), 0 5px 18px rgba(127, 127, 127, 0.2);
}
.product-gallery--zoomed-image .drift-zoom-pane {
  height: 34.375rem;
  width: 34.375rem;
  left: 25px;
}
@media screen and (max-width: 1279px) {
  .layout--two-col .product-gallery--zoomed-image .drift-zoom-pane {
    height: 28.125rem;
    width: 28.125rem;
  }
}
.drift-zoom-pane img {
  top: 0;
  left: 0;
}

.drift-zoom-pane.drift-opening {
  animation: drift-fadeZoomIn 200ms cubic-bezier(0.7, 0.18, 1, 1);
}
.product-gallery--image .drift-zoom-pane.drift-opening {
  animation: drift-fadeIn 200ms cubic-bezier(0.7, 0.18, 1, 1);
}

.drift-zoom-pane.drift-closing {
  animation: drift-fadeZoomOut 150ms cubic-bezier(0.1, 0.1, 0, 1);
}
.product-gallery--image .drift-zoom-pane.drift-closing {
  animation: drift-fadeOut 150ms cubic-bezier(0.1, 0.1, 0, 1);
}

.drift-zoom-pane.drift-inline {
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 75px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}

.drift-zoom-pane-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  animation: drift-loader-rotate 0.6s infinite linear;
}
.drift-loading .drift-zoom-pane-loader {
  display: block;
}
.drift-zoom-pane-loader::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  font-size: 0;
  content: url('data:image/svg+xml;utf8, <svg width="50" height="50" viewBox="0 0 77 77" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M38.5 76.5C17.513 76.5 0.5 59.487 0.5 38.5C0.5 17.513 17.513 0.5 38.5 0.5C59.487 0.5 76.5 17.513 76.5 38.5C76.5 59.487 59.487 76.5 38.5 76.5ZM38.5 73.5C57.83 73.5 73.5 57.83 73.5 38.5C73.5 19.17 57.83 3.5 38.5 3.5C19.17 3.5 3.5 19.17 3.5 38.5C3.5 57.83 19.17 73.5 38.5 73.5Z" fill="%23000000" fill-opacity="0.16"/><path opacity="0.9" d="M38.5 75C58.658 75 75 58.658 75 38.5" stroke="%23000000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transform: translate(-50%, -50%);
}

.drift-bounding-box {
  background: rgba(255, 255, 255, 0.25);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4) inset;
  z-index: 500;
}
.price__compare-at.visible {
  display: inline-block;
}
.price__compare-at {
  display: none;
  font-size: 0.8125rem;
  line-height: 1.38;
  color: #dddddd;
  text-decoration: line-through;
}


.price__current {
  margin-right: 0.25rem;
  font-size: var(--font-size-body);
  line-height: 1.4375rem;
}

.price__current--on-sale {
  color: #de0101;
}

.price__current--hidden,
.price__compare-at--hidden {
  display: none;
}

.product__unit-price,
.productitem__unit-price {
  display: inline-block;
  margin-bottom: 0.25rem;
  font-size: var(--font-size-body-smallest);
  color: rgba(0, 0, 0, 0.8);
}
.product__unit-price.hidden,
.productitem__unit-price.hidden {
  display: none;
}

.productitem__unit-price {
  margin-top: 0.25rem;
}

.productitem__savings {
  margin: 0.25rem 0;
  font-size: var(--font-size-body-small);
  color: #000000;
}

.product__tax,
.productitem__tax {
  margin-top: 0.25rem;
  margin-bottom: 1.25rem;
  font-size: var(--font-size-body-smallest);
  color: rgba(0, 0, 0, 0.8);
}
.product__tax a,
.productitem__tax a {
  color: rgba(0, 0, 0, 0.8);
}
.product__tax.hidden,
.productitem__tax.hidden {
  display: none;
}

.product-recently-viewed--section {
  position: relative;
}
.product-recently-viewed--section.hide {
  display: none;
}
.product-recently-viewed--section .flickity-viewport {
  position: relative;
}
.product-recently-viewed--section .flickity-viewport:before, .product-recently-viewed--section .flickity-viewport:after {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  right: 100%;
  bottom: 0;
  background: linear-gradient(to right, #f2f2f2 10%, rgba(242, 242, 242, 0) 100%);
  z-index: 2;
}
.product-recently-viewed--section .flickity-viewport:after {
  left: 100%;
  right: -20px;
  background: linear-gradient(to left, #f2f2f2 10%, rgba(242, 242, 242, 0) 100%);
}
.product-recently-viewed--section .flickity-prev-next-button {
  opacity: 1;
}
.product-recently-viewed--section .flickity-prev-next-button svg {
  transform: scale(1);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), fill 300ms cubic-bezier(0.4, 0, 0.2, 1);
  fill: #000000;
}
.product-recently-viewed--section .flickity-prev-next-button:disabled {
  cursor: default;
  opacity: 0.15;
}
.product-recently-viewed--section .flickity-prev-next-button:hover:not([disabled]) {
  opacity: 1;
}
.product-recently-viewed--section .flickity-prev-next-button:hover:not([disabled]) svg {
  transform: scale(1.2);
}
.product-recently-viewed--section .flickity-prev-next-button:active:not([disabled]) {
  opacity: 0.5;
}
@media screen and (max-width: 859px) {
  .product-recently-viewed--section .flickity-prev-next-button {
    display: none;
  }
}
@media screen and (max-width: 1023px) and (min-width: 860px) {
  .product-recently-viewed--section .flickity-prev-next-button.next {
    right: 1.5625rem;
  }
}
@media screen and (max-width: 1023px) and (min-width: 860px) {
  .product-recently-viewed--section .flickity-prev-next-button.previous {
    left: 1.5625rem;
  }
}

.product-recently-viewed__wrapper {
  padding: 1.75rem 1.25rem 0.5rem;
  background-color: #f2f2f2;
}

.product-recently-viewed__content {
  display: flex;
  width: 100%;
  padding: 0 20px;
  margin: 2.0rem auto;
  overflow: hidden;
  outline: none;
}
@media screen and (min-width: 860px) {
  .product-recently-viewed__content {
    width: calc(100% - (70px - 40px));
  }
}
@media screen and (max-width: 859px) {
  .product-recently-viewed__content {
    padding: 0 calc(0.25rem / 2);
  }
}

.product-recently-viewed__header {
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 860px) {
  .product-recently-viewed__header {
    display: flex;
  }
}

.product-recently-viewed__heading {
  margin: 0;
  font-size: var(--font-size-heading-4);
}
@media screen and (max-width: 859px) {
  .product-recently-viewed__heading {
    margin-bottom: 0.75rem;
  }
}

.product-recently-viewed__clear {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 400;
  padding: 0;
  font-size: 14.0px;
  cursor: pointer;
  background-color: transparent;
  border: none;
}

.product-recently-viewed-card {
  font-size: var(--font-size-body-small);
  width: 10.9375rem;
  padding: 0;
  height: auto;
  margin-right: 10px;
  margin-bottom: 4px;
  background: #fff;
  transition: transform 0ms, opacity 300ms;
  list-style-type: none;
}
.product-recently-viewed-card .productitem {
  padding-top: 10px;
}
.product-recently-viewed-card.hide-card {
  opacity: 0;
}
.product-recently-viewed-card.move-card {
  transform: translateX(calc(-100% - 10px));
  transition: transform 500ms, opacity 250ms;
}
@media screen and (min-width: 860px) {
  .product-recently-viewed-card {
    width: 12.5rem;
    padding: 0;
    margin-right: 20px;
  }
}

.product-recently-viewed-card-time {
  font-size: var(--font-size-body-smallest);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  line-height: 1;
  opacity: 0.7;
}
@media screen and (min-width: 860px) {
  .product-recently-viewed-card-time {
    font-size: var(--font-size-body-smaller);
  }
}

.product-recently-viewed-card-remove {
  padding: 5px;
  margin-right: -6px;
  cursor: pointer;
  border: none;
  background-color: transparent;
  color: #000000;
}
@media screen and (min-width: 860px) {
  .product-recently-viewed-card-remove {
    margin-right: -10px;
  }
}
.product-recently-viewed-card-remove svg {
  display: block;
  fill: currentColor;
}

.product-recently-viewed-card-image.product-recently-viewed-card-image-placeholder {
  background-color: #ebebeb;
}

.product-recently-viewed-card-price {
  padding: 20px 0 5px;
}
.product-recently-viewed-card-price .price__current {
  color: #000000;
}
.product-recently-viewed-card-price .product__badge {
  font-size: var(--font-size-body-smaller);
}

.product-recently-viewed-card-title {
  position: relative;
  display: block;
  height: 45px;
  color: #000000;
  font-size: var(--font-size-body-small);
  line-height: 1.5;
  text-decoration: none;
  overflow: hidden;
}
.product-recently-viewed-card-title:after {
  content: "";
  position: absolute;
  width: 40%;
  height: 1.25rem;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%);
  text-align: right;
}

.product-reviews--content .spr-container {
  padding: 0;
  border: 0;
}
.product-reviews--content .spr-header {
  padding: 1.75rem 1.25rem;
}
.product-reviews--content .spr-header-title {
  font-size: var(--font-size-heading-4);
  margin-bottom: 0;
  color: #000000;
}
@media only screen and (max-width: 480px) {
  .product-reviews--content .spr-summary,
.product-reviews--content .spr-header-title {
    text-align: left;
  }
}
.product-reviews--content .spr-summary {
  font-size: var(--font-size-heading-3);
  position: relative;
  margin-top: 0.75rem;
}
.product-reviews--content .spr-summary .spr-starrating {
  display: block;
  margin-right: 0;
}
@media screen and (min-width: 720px) {
  .product-reviews--content .spr-summary .spr-starrating {
    display: inline-block;
  }
}
.product-reviews--content .spr-summary .spr-starrating .spr-icon {
  font-size: var(--font-size-heading-3);
}
.product-reviews--content .spr-summary-caption {
  font-size: var(--font-size-body);
  display: block;
  margin-top: 0.75rem;
  line-height: 1.5;
  color: #000000;
  vertical-align: bottom;
}
@media screen and (min-width: 720px) {
  .product-reviews--content .spr-summary-caption {
    display: inline-block;
    margin-top: 0.25rem;
    margin-left: 0.5rem;
  }
}
.product-reviews--content .spr-summary-caption span.spr-summary-actions-togglereviews {
  color: #dddddd;
}
.product-reviews--content .spr-summary-caption a.spr-summary-actions-togglereviews {
  opacity: 1;
}
.product-reviews--content .spr-summary-actions {
  display: block;
  margin-top: 1.75rem;
}
@media screen and (min-width: 720px) {
  .product-reviews--content .spr-summary-actions {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-top: 0;
  }
}
.product-reviews--content .spr-summary-actions-newreview {
  color: #2f4898;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  float: none;
}
.product-reviews--content .spr-summary-actions-newreview:not(.disabled):hover {
  background: rgb(255, 255, 255);
  border: 1px solid 
#cecece

;
}
.product-reviews--content .spr-summary-actions-newreview.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.product-reviews--content .spr-summary-actions-newreview.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .product-reviews--content .spr-summary-actions-newreview.mdc-ripple-surface:hover::before, .product-reviews--content .spr-summary-actions-newreview.mdc-ripple-surface::before {
  opacity: 0;
}
.product-reviews--content .spr-summary-actions-newreview.mdc-ripple-surface::after {
  background-color: #2f4898;
}
.product-reviews--content .spr-form {
  padding: 1.75rem 1.25rem;
  margin-top: 0;
  border: 0;
  border-top: 1px solid ;
}
@media screen and (min-width: 720px) {
  .product-reviews--content .spr-form {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
.product-reviews--content .spr-form .spr-form-title {
  font-size: var(--font-size-heading-4);
  color: #000000;
}
.product-reviews--content .spr-form form {
  max-width: 40rem;
  margin-right: auto;
  margin-left: auto;
}
.product-reviews--content .spr-form .spr-form-label {
  font-style: normal;
  display: block;
  margin-top: 1.75rem;
  color: #000000;
}
.product-reviews--content .spr-form .spr-form-contact-name .spr-form-label {
  margin-top: 1.0rem;
}
.product-reviews--content .spr-form .spr-form-input {
  display: block;
  margin-top: 0.75rem;
}
.product-reviews--content .spr-form .spr-form-input-text,
.product-reviews--content .spr-form .spr-form-input-email,
.product-reviews--content .spr-form .spr-form-input-textarea {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  margin-bottom: 0;
}
.product-reviews--content .spr-form .spr-form-input-text:-ms-input-placeholder, .product-reviews--content .spr-form .spr-form-input-email:-ms-input-placeholder, .product-reviews--content .spr-form .spr-form-input-textarea:-ms-input-placeholder {
  color: #000000;
  opacity: 0.4;
}
.product-reviews--content .spr-form .spr-form-input-text::placeholder,
.product-reviews--content .spr-form .spr-form-input-email::placeholder,
.product-reviews--content .spr-form .spr-form-input-textarea::placeholder {
  color: #000000;
  opacity: 0.4;
}
.product-reviews--content .spr-form .spr-form-input-text.spr-form-input-error,
.product-reviews--content .spr-form .spr-form-input-email.spr-form-input-error,
.product-reviews--content .spr-form .spr-form-input-textarea.spr-form-input-error {
  border-color: #f05d5d;
}
.product-reviews--content .spr-form .spr-form-review-rating .spr-icon {
  width: 1.5rem;
  height: 1.5rem;
  font-size: var(--font-size-heading-3);
  color: #ffab41;
}
.product-reviews--content .spr-form .spr-form-actions {
  margin-top: 1.75rem;
}
.product-reviews--content .spr-form .spr-button-primary {
  float: none;
}
.product-reviews--content .spr-form .spr-form-contact-name,
.product-reviews--content .spr-form .spr-form-contact-email,
.product-reviews--content .spr-form .spr-form-contact-location,
.product-reviews--content .spr-form .spr-form-review-rating,
.product-reviews--content .spr-form .spr-form-review-title,
.product-reviews--content .spr-form .spr-form-review-body {
  margin-bottom: 0;
}
.product-reviews--content .spr-content .spr-reviews {
  padding: calc(2.0rem / 2) 1.25rem;
  margin-top: 0;
  border: 0;
  border-top: 1px solid ;
}
.product-reviews--content .spr-content .spr-review {
  padding: calc(2.0rem / 2) 0;
  margin: 0;
  border: 0;
}
@media screen and (min-width: 720px) {
  .product-reviews--content .spr-content .spr-review {
    float: left;
    width: calc(50% - 1.25rem);
  }
  .product-reviews--content .spr-content .spr-review:nth-child(2n+1) {
    margin-right: calc(1.25rem * 2);
    clear: left;
  }
}
.product-reviews--content .spr-content .spr-review:first-child {
  margin-top: 0;
}
.product-reviews--content .spr-content .spr-review .spr-review-header-starratings {
  margin-bottom: 0.25rem;
}
.product-reviews--content .spr-content .spr-review .spr-review-header-title {
  font-size: var(--font-size-heading-4);
  margin-top: 0.5rem;
  color: #000000;
}
.product-reviews--content .spr-content .spr-review .spr-review-header-byline {
  font-size: var(--font-size-body-small);
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 0;
  font-style: normal;
  color: #dddddd;
}
.product-reviews--content .spr-content .spr-review .spr-review-header-byline strong {
  font-style: normal;
  font-weight: 400;
}
.product-reviews--content .spr-content .spr-review .spr-review-content {
  margin-top: 0.75rem;
  margin-bottom: 0;
}
.product-reviews--content .spr-content .spr-review .spr-review-content .spr-review-content-body {
  font-size: var(--font-size-body);
  line-height: 1.625;
}
.product-reviews--content .spr-content .spr-review .spr-review-reply {
  padding: 1.0rem;
  margin-top: 1.25rem;
  margin-bottom: 0;
  background-color: #f2f2f2;
}
.product-reviews--content .spr-content .spr-review .spr-review-reply .spr-review-reply-body {
  font-size: var(--font-size-body-smaller);
}
.product-reviews--content .spr-content .spr-review .spr-review-footer {
  margin-top: 1.25rem;
}
.product-reviews--content .spr-content .spr-review .spr-review-footer a {
  font-size: 0.75rem;
}
.product-reviews--content .spr-content .spr-pagination {
  padding: 1.75rem 0 0;
  clear: both;
  border-top: 0;
}
.product-reviews--content .spr-content .spr-pagination a {
  padding: 0 0.5625rem;
}
.product-reviews--content .spr-content .spr-pagination-page {
  display: inline-block;
  color: #000000;
}
.product-reviews--content .spr-content .spr-pagination-page.is-active {
  padding: 0.5625rem;
}
.product-reviews--content .spr-content .spr-pagination-prev,
.product-reviews--content .spr-content .spr-pagination-next {
  position: relative;
  right: auto;
  left: auto;
  display: inline-block;
}

.surface-pick-up-embed {
  --surface-pick-up-embed-theme-success-color: #51a551;
  --surface-pick-up-embed-theme-error-color: #f05d5d;
  --surface-pick-up-embed-theme-paragraph-font-size: var(--font-size-body);
  --surface-pick-up-embed-theme-paragraph-smaller-font-size: var(--font-size-body-smallest);
  --surface-pick-up-embed-theme-body-font-weight-bold: 700;
  --surface-pick-up-embed-theme-body-text-color: #000000;
  --surface-pick-up-embed-theme-link-text-decoration: underline;
  --surface-pick-up-embed-row-gap: 0.75rem;
  --surface-pick-up-embed-column-gap: 0.75rem;
  padding-top: 2.0rem;
  transition: opacity 400ms cubic-bezier(0, 0, 0.2, 1);
}
.surface-pick-up--loading .surface-pick-up-embed {
  opacity: 0;
}

.surface-pick-up-item {
  --surface-pick-up-item-theme-success-color: #51a551;
  --surface-pick-up-item-theme-error-color: #f05d5d;
  --surface-pick-up-item-theme-paragraph-font-size: var(--font-size-body);
  --surface-pick-up-item-theme-paragraph-smaller-font-size: var(--font-size-body-smallest);
  --surface-pick-up-item-theme-body-font-weight-bold: 700;
  --surface-pick-up-item-theme-body-text-color: #000000;
  --surface-pick-up-item-theme-border-color: ;
  --surface-pick-up-item-theme-link-text-decoration: underline;
  --surface-pick-up-item-row-gap: 0.75rem;
  --surface-pick-up-item-column-gap: 0.25rem;
  --surface-pick-up-item-gap: 1.75rem;
}

.modal--surface-pick-up {
  white-space: normal;
}
.modal--surface-pick-up .modal-inner {
  max-width: 28.125rem;
  padding: 2.5rem 1.0rem 1.75rem;
}
@media screen and (min-width: 375px) {
  .modal--surface-pick-up .modal-inner {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 680px) {
  .modal--surface-pick-up .modal-inner {
    padding: 2.5rem 2.0rem 1.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .modal--surface-pick-up .modal-inner {
    padding: 2.5rem;
  }
}

.surface-pick-up-item__pick-up-distance {
  white-space: nowrap;
}

.surface-pick-up-modal__title {
  padding-right: 1.25rem;
  margin: 0;
}

.surface-pick-up-modal__variant {
  margin-top: 0.75rem;
  color: #dddddd;
}

.surface-pick-up-modal__header {
  margin-bottom: 2.0rem;
}

.surface-pick-up-embed--loading {
  opacity: 0;
}

body:not(.user-is-tabbing) .surface-pick-up-embed__modal-btn:focus {
  outline: none;
}

.featured-product--container .surface-pick-up-embed {
  padding: 1.0rem;
  margin: 1.0rem 0;
  border: 1px solid ;
}

.variants-ui__select,
.variants-ui__radios,
.variants-ui__swatches {
  padding: 0;
  margin-top: 1.0rem;
  margin-right: 0;
  margin-left: 0;
  border: none;
}
.no-js .variants-ui__select,
.no-js .variants-ui__radios,
.no-js .variants-ui__swatches {
  display: none;
}

.js .variants-ui__select-main {
  display: none;
}

.promo-block {
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 719px) {
  .promo-block {
    border-radius: 4px;
  }
}
.promo-block .pxu-lia-element {
  --slide-fade-translate-y: 15px;
  animation: slide-fade-y 600ms cubic-bezier(0.4, 0, 0.2, 1) both paused;
  animation-delay: calc(75ms + 200ms * var(--pxu-lia-outer-sequence) + 100ms * var(--pxu-lia-inner-sequence));
}

.promo-block--content-wrapper {
  position: relative;
  width: 100%;
  transition: font-size 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.promo-block--content-align-top-center .promo-block--content-wrapper, .promo-block--content-align-center-center .promo-block--content-wrapper, .promo-block--content-align-bottom-center .promo-block--content-wrapper {
  text-align: center;
}
.promo-block--content-align-top-center .promo-block--content-wrapper .promo-block--header,
.promo-block--content-align-top-center .promo-block--content-wrapper .promo-block--text, .promo-block--content-align-center-center .promo-block--content-wrapper .promo-block--header,
.promo-block--content-align-center-center .promo-block--content-wrapper .promo-block--text, .promo-block--content-align-bottom-center .promo-block--content-wrapper .promo-block--header,
.promo-block--content-align-bottom-center .promo-block--content-wrapper .promo-block--text {
  margin-right: auto;
  margin-left: auto;
}
.promo-block--content-align-top-right .promo-block--content-wrapper, .promo-block--content-align-center-right .promo-block--content-wrapper, .promo-block--content-align-bottom-right .promo-block--content-wrapper {
  text-align: right;
}
.promo-block--content-align-top-right .promo-block--content-wrapper .promo-block--header,
.promo-block--content-align-top-right .promo-block--content-wrapper .promo-block--text, .promo-block--content-align-center-right .promo-block--content-wrapper .promo-block--header,
.promo-block--content-align-center-right .promo-block--content-wrapper .promo-block--text, .promo-block--content-align-bottom-right .promo-block--content-wrapper .promo-block--header,
.promo-block--content-align-bottom-right .promo-block--content-wrapper .promo-block--text {
  margin-right: 0;
  margin-left: auto;
}
@media screen and (max-width: 719px) {
  .promo-block--content-wrapper {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .promo-block--content-wrapper .promo-block--header,
.promo-block--content-wrapper .promo-block--text {
    max-width: 65%;
  }
  .promo-block--expanded:not(.animating-out) .promo-block--content-wrapper {
    white-space: normal;
  }
  .promo-block--expanded .promo-block--content-wrapper, .promo-block--expanded:not(.animating-out) .promo-block--content-wrapper {
    max-width: 100%;
  }
  .promo-block--expanded .promo-block--content-wrapper .promo-block--header,
.promo-block--expanded .promo-block--content-wrapper .promo-block--text, .promo-block--expanded:not(.animating-out) .promo-block--content-wrapper .promo-block--header,
.promo-block--expanded:not(.animating-out) .promo-block--content-wrapper .promo-block--text {
    max-width: 80%;
  }
}

.promo-block--content {
  position: relative;
  display: flex;
  align-items: flex-start;
  height: 100%;
  padding: 2.0rem 1.25rem;
  color: currentColor;
  text-decoration: none;
  transition: height 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 719px) {
  .promo-block--content {
    height: 120px;
    padding-right: calc(4.375rem + 1.25rem);
    margin-top: 10px;
    cursor: pointer;
    border-radius: 4px;
  }
  .promo-block--content.animating, .promo-block--content.promo-block--expanded {
    overflow: hidden;
  }
  .promo-block--content.animating-in, .promo-block--content.promo-block--expanded:not(.animating-out) {
    height: 270px;
  }
  .promo-block--content.promo-block--expanded, .promo-block--content.promo-block--expanded:not(.animating-out) {
    padding-right: 1.25em;
  }
  .promo-block--content.promo-block--expanded.promo-block--unlinked {
    cursor: default;
  }
}
@media screen and (min-width: 1080px) {
  .promo-block--content {
    padding: 1.75rem;
  }
}

.promo-block--content-align-center-left,
.promo-block--content-align-center-center,
.promo-block--content-align-center-right {
  align-items: center;
}

.promo-block--content-align-bottom-left,
.promo-block--content-align-bottom-center,
.promo-block--content-align-bottom-right {
  align-items: flex-end;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .promo-block--content-align-center-left,
.promo-block--content-align-center-center,
.promo-block--content-align-center-right,
.promo-block--content-align-bottom-left,
.promo-block--content-align-bottom-center,
.promo-block--content-align-bottom-right {
    align-items: flex-start;
  }
}
.promo-block--background {
  position: absolute;
  width: 100%;
  height: 100%;
}

.promo-block--expander {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 4.375rem;
  color: #fff;
  cursor: pointer;
  background-color: transparent;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  border: 0;
  border-radius: 0 4px 4px 0;
  outline: none;
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (min-width: 720px) {
  .promo-block--expander {
    display: none;
  }
}
.promo-block--expanded .promo-block--expander {
  visibility: hidden;
}
.promo-block--expanded.animating-out .promo-block--expander {
  visibility: visible;
}
.animating-in .promo-block--expander, .promo-block--expanded:not(.animating-out) .promo-block--expander {
  opacity: 0;
  transition-delay: 0ms;
}
.promo-block--expander svg {
  position: absolute;
  bottom: 50%;
  left: 50%;
  display: block;
  width: 20px;
  height: 12px;
  margin-bottom: -7px;
  margin-left: -10px;
  overflow: visible;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.6));
  transform-origin: 50% 50%;
}

.promo-block--text,
.promo-block--header {
  max-width: 60%;
  transition: font-size 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 719px) {
  .promo-block--text,
.promo-block--header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .promo-block--expanded:not(.animating-out) .promo-block--text,
.promo-block--expanded:not(.animating-out) .promo-block--header {
    white-space: normal;
  }
}

.promo-block--header {
  font-size: var(--font-size-heading-3);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2;
}
@media screen and (max-width: 719px) {
  .animating-in .promo-block--header, .promo-block--expanded:not(.animating-out) .promo-block--header {
    font-size: var(--font-size-heading-1);
  }
  .promo-block--expanded .promo-block--header {
    overflow: visible;
  }
}
@media screen and (min-width: 720px) {
  .promo-grid--container .promo-block--header {
    font-size: var(--font-size-heading-3);
  }
}
@media screen and (min-width: 960px) {
  .promo-grid--container{
    margin-top: 4vw;
    height:auto;
  }
}
@media screen and (min-width: 1024px) {
  .promo-block--header {
    line-height: 1.4;
  }
  .promo-grid--container .promo-block--header {
    font-size: var(--font-size-heading-medium);
  }
}

.promo-block--text {
  font-size: var(--font-size-body-small);
  margin-top: 0.25rem;
  margin-bottom: 0;
  line-height: 1.4;
}
@media screen and (max-width: 719px) {
  .animating-in .promo-block--text, .promo-block--expanded .promo-block--text {
    font-size: var(--font-size-body-medium);
  }
}
@media screen and (min-width: 1024px) {
  .promo-grid--container .promo-block--text {
    font-size: var(--font-size-body-medium);
  }
}

@media screen and (max-width: 1023px) {
  .promo-grid__columns--3 .promo-block--text,
.promo-grid__columns--3 .promo-block--header,
.promo-grid__columns--4 .promo-block--text,
.promo-grid__columns--4 .promo-block--header {
    max-width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .promo-grid__columns--3 .promo-block--text,
.promo-grid__columns--3 .promo-block--header,
.promo-grid__columns--4 .promo-block--text,
.promo-grid__columns--4 .promo-block--header {
    max-width: 80%;
  }
}
@media screen and (min-width: 1024px) {
  .promo-grid__columns--3 .promo-block--header,
.promo-grid__columns--4 .promo-block--header {
    font-size: var(--font-size-heading-2);
  }
}

@media screen and (min-width: 1024px) {
  .promo-grid__columns--4 .promo-block--text {
    font-size: var(--font-size-body);
  }
}

.promo-block--button {
  display: none;
  margin-top: 1.25rem;
  transition: background-color 400ms cubic-bezier(0, 0, 0.2, 1), font-size 150ms cubic-bezier(0, 0, 0.2, 1), padding 150ms cubic-bezier(0, 0, 0.2, 1), opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
.animating-in .promo-block--button, .promo-block--expanded .promo-block--button {
  display: inline-block;
}
.promo-block--expanded:not(.animating-out) .promo-block--button {
  opacity: 1;
}
@media screen and (min-width: 720px) {
  .promo-block--button {
    display: inline-block;
    opacity: 1;
  }
}
@media screen and (min-width: 1024px) {
  .promo-grid--container .promo-block--button {
    font-size: var(--font-size-button-medium);
    padding: 0.75rem 1.125rem;
    letter-spacing: 0.0em;
  }.promo-grid--container .promo-block--button {
      text-transform: none;
    }}

.share-buttons {
  margin-top: 1.75rem;
}
@media screen and (min-width: 720px) {
  .share-buttons {
    margin-top: 2.0rem;
  }
}
.share-buttons .share-buttons--title {
  font-size: var(--font-size-body-smaller);
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
  font-weight: 700;
}
.share-buttons .share-buttons--list {
  margin-top: 1.0rem;
  font-size: 0;
}
@media screen and (min-width: 720px) {
  .share-buttons .share-buttons--list {
    margin-top: 0.75rem;
  }
}
.share-buttons .share-buttons--button {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  color: #fff;
}
.share-buttons .share-buttons--button:not(:first-child) {
  margin-left: 0.5rem;
}
@media screen and (min-width: 720px) {
  .share-buttons .share-buttons--button {
    width: 24px;
    height: 24px;
  }
}
.share-buttons .share-buttons--button svg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 2px;
  fill: currentColor;
}
@media screen and (min-width: 720px) {
  .share-buttons .share-buttons--button svg {
    padding: 1px;
  }
}
.share-buttons .share-buttons--button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 100%;
  transition: transform 125ms cubic-bezier(0.4, 0, 0.2, 1);
}
.share-buttons .share-buttons--button:hover:before {
  transform: scale(1.15);
}
.share-buttons .share-buttons--facebook:before {
  background-color: #425dab;
}
.share-buttons .share-buttons--twitter:before {
  background-color: #1da1f2;
}
.share-buttons .share-buttons--linkedin:before {
  background-color: #0077B5;
}
/*  added on 7/27/2021  */
  .share-buttons .share-buttons--whatsapp:before {
    background-color: #25D366;
  }
  .share-buttons .share-buttons--viber:before {
    background-color: #665CAC;
  }
  .share-buttons .share-buttons--telegram:before {
    background-color: #29b5f5;
  }
/*   .share-buttons .share-buttons--instagram {
    transform: scale(1.3);
  }
  .share-buttons .share-buttons--instagram:hover {
    transform: scale(1.5);
  } */
/*  added on 7/27/2021 | END  */
.share-buttons .share-buttons--pinterest:before {
  background-color: #bd1c1c;
}

.site-header-actions {
  flex: 1 0 auto;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  font-size: var(--font-size-menu-body-small);
}
.site-header-actions li {
  display: inline-block;
}
.site-header-actions li a {
  padding-right: 12px;
  padding-left: 12px;
  font-size: var(--font-size-menu-body-small);
}
.site-navigation-wrapper .site-header-actions {
  display: inline-block;
  max-width: 305px;
  margin-top: 8px;
  text-align: right;
}
.site-navigation-wrapper .site-header-actions a {
  opacity: 0.8;
}
.site-mobile-nav .site-header-actions {
  display: block;
  height: 30px;
  padding-right: 25px;
  margin: 4px 8px;
  font-size: var(--font-size-menu);
}
.site-mobile-nav .site-header-actions li {
  line-height: 46px;
  opacity: 0.8;
}
.site-mobile-nav .site-header-actions a {
  padding-right: 8px;
  padding-left: 8px;
}
.site-header-actions .site-header-account-link:last-child {
  margin-right: -7px;
}

.site-navigation-wrapper {
  display: none;
  background-color: 
rgb(255, 255, 255)

;
  transition: margin-top 150ms cubic-bezier(0, 0, 0.2, 1);
}
.site-header-sticky--scrolled .site-navigation-wrapper {
  position: relative;
  z-index: 50;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .site-header-nav--open .site-navigation-wrapper {
    display: block;
  }
}

.intersection-target {
  position: absolute;
  top: 30vh;
  pointer-events: none;
}

.site-navigation {
  display: flex;
  background-color: 
rgb(255, 255, 255)

;
}
.site-navigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.site-navigation a {
  position: relative;
  display: inline-block;
  padding: 12px 15px;
  line-height: 18px;
  color: #000000;
  text-decoration: none;
}
.site-navigation a:focus {
  outline: solid rgba(0, 0, 0, 0.5);
  outline-offset: -5px;
}
.site-navigation a.navmenu-item-active:focus {
  outline: none;
}
.site-navigation .navmenu-icon {
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  height: 6px;
  margin-top: -3px;
}
.site-navigation .navmenu-icon.navmenu-icon-depth-1 {
  position: relative;
  top: -1px;
  right: -3px;
  transform: rotate(90deg);
}
.site-navigation .navmenu-icon svg {
  display: block;
  width: 8px;
  height: 6px;
  transform: rotate(-90deg);
  fill: currentColor;
}
.site-navigation .navmenu-icon .icon-chevron-down-left,
.site-navigation .navmenu-icon .icon-chevron-down-right {
  transition: transform 400ms cubic-bezier(0, 0, 0.2, 1), fill 400ms cubic-bezier(0, 0, 0.2, 1);
  transform-origin: 50% 50%;
}
.site-navigation .navmenu {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.site-navigation .navmenu-depth-1 {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  max-width: 100%;
  flex: 1 1 auto;
  margin-left: -15px;
  justify-content: center;
}
.site-navigation .navmenu-depth-1 > li {
  display: inline-block;
  padding-top: 8px;
  padding-bottom: 8px;
  vertical-align: top;
}
.site-navigation .navmenu-depth-1 > li > a {
  transition: opacity 200ms cubic-bezier(0, 0, 0.2, 1);
}
.site-navigation .navmenu-depth-1 > li > a:hover, .site-navigation .navmenu-depth-1 > li > a[aria-expanded=true] {
  opacity: 0.8;
}
.site-navigation .navmenu-submenu {
  position: absolute;
  top: 100%;
  z-index: 702;
  display: none;
  width: 240px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: 
rgb(255, 255, 255)

;
  box-shadow: 0 3px 4px ;
}
.site-navigation .navmenu-submenu.navmenu-submenu-inline-children {
  overflow-x: hidden;
  overflow-y: auto;
}
.site-navigation .navmenu-submenu.navmenu-submenu-inline-children .navmenu-icon svg {
  transform: rotate(0deg);
}
.site-navigation .navmenu-submenu.navmenu-submenu-inline-children .navmenu-depth-3 {
  position: relative;
  top: 0;
  left: 0;
  padding-top: 0;
  margin-left: 0;
  box-shadow: none;
}
.site-navigation .navmenu-depth-2 {
  margin-left: -0.625rem;
}
.site-navigation .navmenu-depth-2 .navmenu-link {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 400;
  font-size: var(--font-size-body);
  z-index: 2;
  display: block;
  padding: 0.4375rem 2rem 0.4375rem 1.5625rem;
  letter-spacing: 0;
  text-transform: none;
  transition: color 200ms cubic-bezier(0, 0, 0.2, 1);
}
.site-navigation .navmenu-depth-2 .navmenu-link:hover, .site-navigation .navmenu-depth-2 .navmenu-link.navmenu-active {
  color: #000000;
}
.site-navigation .navmenu-depth-2 .navmenu-link:focus {
  outline: solid rgba(0, 0, 0, 0.5);
  outline-offset: 2px;
}
.site-navigation .navmenu-depth-2 .navmenu-item-text {
  transition: color 0.5s cubic-bezier(0, 0, 0.2, 1);
}
.site-navigation .navmenu-meganav-wrapper .navmenu.navmenu-depth-2 li:hover a.navmenu-item-text.navmenu-link-parent {
  color: #fff;
  background: #001f82;
  transition: background-color 0.5s ease-out;
}
.site-navigation .navmenu-depth-3 {
  top: -15px;
  left: 100%;
  min-height: 100%;
  margin-left: -1px;
}
.site-navigation .navmenu-depth-3 > li a {
  font-size: var(--font-size-body);
  letter-spacing: 0;
  text-transform: none;
}
.site-navigation .navmenu-link-parent,
.site-navigation .navmenu-item-parent {
  position: relative;
}
.site-navigation .navmenu-meganav-item-parent,
.site-navigation .navmenu-meganav-item-parent > a {
  position: inherit;
}
.site-navigation .navmenu-meganav-item > a:focus,
.site-navigation .navmenu-meganav--image-text > a:focus {
  outline: solid rgba(0, 0, 0, 0.5);
  outline-offset: -2px;
}
.site-header--full-width .site-navigation {
  width: 100%;
  max-width: 100%;
}

.navmenu-submenu.navmenu-meganav .meganav-ghost {
  position: absolute;
  top: 0;
  pointer-events: none;
}
.navmenu-submenu.navmenu-meganav[data-animation-state=closed] {
  display: none;
}
.navmenu-submenu.navmenu-meganav[data-animation] {
  display: block;
  height: var(--menu-closed-height, 0);
  opacity: 0;
}
.navmenu-submenu.navmenu-meganav[data-animation] .navmenu-meganav-wrapper {
  opacity: 0;
  transform: translate3d(0, -10px, 0);
}
.navmenu-submenu.navmenu-meganav[data-animation="ghost=>open"] {
  transition: height 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.navmenu-submenu.navmenu-meganav[data-animation="ghost=>open"] .navmenu-meganav-wrapper {
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
}
.navmenu-submenu.navmenu-meganav[data-animation="ghost=>open"] .navmenu-meganav-wrapper.meganav-ghost {
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
.navmenu-submenu.navmenu-meganav[data-animation="closed=>open"] {
  opacity: 1;
  transition: height 250ms cubic-bezier(0, 0, 0.2, 1);
}
.navmenu-submenu.navmenu-meganav[data-animation="closed=>open"] .navmenu-meganav-wrapper {
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 125ms;
}
.navmenu-submenu.navmenu-meganav[data-animation="open=>closed"] {
  transition: height 150ms cubic-bezier(0.4, 0, 1, 1), opacity 100ms cubic-bezier(0.4, 0, 1, 1) 100ms;
}
.navmenu-submenu.navmenu-meganav[data-animation="open=>closed"] .navmenu-meganav-wrapper,
.navmenu-submenu.navmenu-meganav[data-animation="open=>closed"] > .navmenu-item {
  transition: opacity 125ms cubic-bezier(0.4, 0, 1, 1) 75ms, transform 150ms cubic-bezier(0.4, 0, 1, 1);
}
.navmenu-submenu.navmenu-meganav[data-animation-state=ghost] {
  display: block;
  height: var(--menu-closed-height, auto);
  opacity: 1;
}
.navmenu-submenu.navmenu-meganav[data-animation-state=ghost] .navmenu-meganav-wrapper {
  opacity: 0;
  transform: translate3d(0, 0, 0);
}
.navmenu-submenu.navmenu-meganav[data-animation-state=ghost] .navmenu-meganav-wrapper.meganav-ghost {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.navmenu-submenu.navmenu-meganav[data-animation-state=open] {
  display: block;
  height: var(--menu-open-height, auto);
  opacity: 1;
}
.navmenu-submenu.navmenu-meganav[data-animation-state=open] .navmenu-meganav-wrapper,
.navmenu-submenu.navmenu-meganav[data-animation-state=open] > .navmenu-item {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.navmenu-submenu.navmenu-meganav[data-animation-state=open] .navmenu-meganav-wrapper.meganav-ghost {
  opacity: 0;
}

.navmenu-submenu:not(.navmenu-meganav)[data-animation-state=closed] {
  display: none;
}
.navmenu-submenu:not(.navmenu-meganav)[data-animation] {
  display: block;
  height: var(--menu-closed-height, 0);
  opacity: 0;
}
.navmenu-submenu:not(.navmenu-meganav)[data-animation] > .navmenu-item {
  opacity: 0;
  transform: translate3d(0, -10px, 0);
}
.navmenu-submenu:not(.navmenu-meganav)[data-animation="closed=>open"] {
  opacity: 1;
  transition: height 75ms cubic-bezier(0, 0, 0.2, 1);
}
.navmenu-submenu:not(.navmenu-meganav)[data-animation="closed=>open"] > .navmenu-item {
  transition: opacity 175ms cubic-bezier(0.4, 0, 0.2, 1) 125ms, transform 175ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
}
.navmenu-submenu:not(.navmenu-meganav)[data-animation="open=>closed"] {
  transition: height 150ms cubic-bezier(0.4, 0, 1, 1), opacity 100ms cubic-bezier(0.4, 0, 1, 1) 100ms;
  -webkit-clip-path: polygon(-100vw 0, 100vw 0, 100vw 100vh, 100% 100vh, 100% 100%, 0 100%, 0 100vh, -100vw 100vh);
          clip-path: polygon(-100vw 0, 100vw 0, 100vw 100vh, 100% 100vh, 100% 100%, 0 100%, 0 100vh, -100vw 100vh);
}
.navmenu-submenu:not(.navmenu-meganav)[data-animation="open=>closed"] > .navmenu-item {
  transition: opacity 125ms cubic-bezier(0.4, 0, 1, 1) 75ms, transform 150ms cubic-bezier(0.4, 0, 1, 1);
}
.navmenu-submenu:not(.navmenu-meganav)[data-animation-state=open] {
  display: block;
  height: var(--menu-open-height, auto);
  opacity: 1;
}
.navmenu-submenu:not(.navmenu-meganav)[data-animation-state=open] > .navmenu-item {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.navmenu-submenu:not(.navmenu-meganav).navmenu-depth-3[data-animation] {
  height: auto;
  opacity: 0;
}
.navmenu-submenu:not(.navmenu-meganav).navmenu-depth-3[data-animation] > .navmenu-item {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: none;
}
.navmenu-submenu:not(.navmenu-meganav).navmenu-depth-3[data-animation="closed=>open"] {
  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
}
.navmenu-submenu:not(.navmenu-meganav).navmenu-depth-3[data-animation="open=>closed"] {
  transition: opacity 75ms cubic-bezier(0.4, 0, 1, 1);
  -webkit-clip-path: none;
          clip-path: none;
}
.navmenu-submenu:not(.navmenu-meganav).navmenu-depth-3[data-animation-state=open] {
  height: auto;
  opacity: 1;
}
.navmenu-submenu:not(.navmenu-meganav).navmenu-depth-3[data-animation-state=open] > .navmenu-item {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.navmenu-item-parent.alternate-drop .navmenu {
  left: calc(-100% + 1px);
}

/*--------- subsSidePanel styles = start --------*/

body{
  position:relative;
}
.subsSidePanel{
  width:20%;
  margin-right:10px;
  height: 86.5%;
  position: absolute;
  background-image: url("/cdn/shop/files/side-menu-bg.png?v=1659589484");
}

.quickNav{
  margin-left:0;
  margin-top:20px;
  width:20vw;
}
.closeSubsQuickNav{
transform: rotate(180deg);
}

@keyframes fade {
  from {
    opacity: 0; 
    visibility: hidden; 
    transform: translateY(10px); 
  } 
  to { 
  opacity: 1; 
  visibility: visible; 
  transform: translateY(0);
  }
}
.quickNav ul { display: none; } 
.showNav { display: block !important; animation: fade 2s linear forwards; } 
  
.quickNav ul{
  list-style-type:none;
  margin-left:-40px;
} 

.quickNav ul li{
  clip-path: polygon(0 0,88% 0,96% 100%,0 100%);
  background-color:#D5DEE7;
  color:white;
  display:flex;
  height: 2vw;
  cursor: pointer;
} 

.quickNav ul li p {
    font-size: 1vw;
    color: #1a1a1b;
    padding: 3px;
    margin-left: 4px;
    font-family: UnileverShilling;
}

.quickNavActiveListItem{
  background-color:#80b4e4 !important;
  pointer-events: none;
}

.sub-quick-list-item-box {
    background-color: #80B4E4;
    height: 100%;
    width: 22px;
    position: initial;
    margin-right: 4px;
}

.sub-quick-list-item-Activebox {
    background-color: #001f82!important;
  }

.quickNavHeading {
    background-color: #001f82;
    color: #fff;
    height: 3vw;
    clip-path: polygon(0 0,85% 0,96% 100%,0 100%);
    position: relative;
    margin-bottom: 8px;
    cursor: pointer;
}

.quickNavHeading h4{
  font-family: UnileverShilling;
  font-size:1.3vw;
  padding: 0.7vw 1.3vw;
  font-weight: 100;
}

.quickNavHeading i{
  position: absolute;
  top: 1vw;
  right: 3vw;
  color: white;
  font-size: 22px;
}

.icon-flipped {
    transform: rotate(180deg);
}

.subs-brands-icons-area {
    width: 85%;
    display: flex;
    height: 409px;
    overflow: auto;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px;
}

.subs-brand-icon {
    width: 4.8vw;
    height: 4.8vw;
    margin: 2px;
    border-radius: 5px;
    margin-top: 5px;
}

.subs-site-main-width-change{
  margin-left:20%;
}

@media screen and (max-width: 1440px){
    .quickNavHeading h4 {
      padding: 0.6vw;
    font-size: 1.5vw;
  }

  .quickNavHeading i {
    top:0.5vw;
  }
}


@media screen and (max-width: 768px){

  .quickNavHeading h4 {
      padding: 1vw;
      font-size: 1rem;
      margin-left:3vw;
  }

  .quickNavHeading {
      background-color: #fff;
      color: #2135c8;
      height: 38px;
      box-shadow: aqua;
      border: 5px solid transparent;
      top: 0;
      left: 0;
      z-index:-1;
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    width: 110%;
      border-radius: 0px 50px 50px 10px;
        box-shadow: 1px 3px 4px 80px #000000;
  }

  .subsSidePanel {
      width: 60%;
    z-index:501;
    background-image:none;
  }
    
  .subs-brand-icon {
    width: 30%;
    height: 14vw;
  }

  .quickNav{
    display:none;
  }

  .subs-site-main-width-change{
    margin-left:0;
  }

   .brandsCollection{
    padding: 0;
    position: absolute;
    top: -16vw;
    background-color: white;
    width: 100%;
    z-index: 10000;
    box-shadow: 0 0 0 1000000px rgb(0 0 0 / 75%);
     background-image: url("/cdn/shop/files/side-menu-bg.png?v=1659589484");
  } 

}

.SubsBrandsExpandIcon {
    display: none;
}

.subs-side-panel-close-btn {
    display: none;
    width: 5vw;
    height: 5vw;
    padding: 5px;
    color: #2135c8;
    background-color: #fff;
    margin-left: 95%;
    position: absolute;
    top: 0;
    border-radius: 100%;
}

.hideBrandsCollection{
  display:block;
}

@media screen and (max-width: 768px){
.hideBrandsCollection{
  display:none;
}
    
.subs-side-panel-close-btn{
  display:block;
    }

.SubsBrandsExpandIcon {
    display: block;
    margin-top: 11vw;
    background-color: #b4afb4;
    color: #fff;
    width: auto;
    height: auto;
    position: absolute;
    left: 0;
    padding: 2px 15px 2px 8px;
    border-radius: 0 3em 3em 0;
    opacity: 0.8;
}
}


/*--------- subsSidePanel styles = end --------*/
 /* REQUIRED BTN STYLE FOR EVERYWHERE SHOW SUBSC ATC START */
  @media only screen and (min-width: 768px) {
      .owl-item .productgrid--item {
          min-height: 342px;
      }
      
      .productitem--info {
          flex-grow: 1;
      }
  }
  
  .subs_add_cart {
   display: flex;
    position: relative;
    width: 100%;
    background-color: #001f82;
    color: white;
    text-align: center;
    padding: 5px 0px;
    justify-content: center;
    cursor: pointer;
  }
  
  .subs_add_cart img{
    width:26px!important;
    display:unset;
  }
  
  .subs_add_cart span{
    font-size:14px;
    font-weight:100;
  }
  
  .subs_plusmin_btn_container {
      display: flex;
      position: relative;
      width: 100%;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
      margin-top:5px;
  }
  
  
  .subs_min_btn, .subs_item_count, .subs_plus_btn {
      min-height: 35px;
      line-height: 1.8;
      cursor: pointer;
      user-select: none;
  }
  
  .subs_min_btn {
      text-align: center;
      border-style: solid;
      border-color: gray;
      border-width: 1px;
      border-right: none;
      flex: 0 0 33%;
  }
  
  input.subs_item_count {
      flex: 0 0 33%;
      text-align: center;
      border-style: solid;
      border-color: gray;
      border-width: 1px;
      padding-top: 0px;
      width: 33%;
      cursor: default;
  }
  
  .subs_plus_btn {
      f;
      flex: 0 0 33%;
      border-style: solid;
      border-color: gray;
      border-width: 1px;
      border-left: none;
  }
  
  input.subs_item_count::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
      -webkit-appearance: none;
  }
 /* REQUIRED BTN STYLE FOR EVERYWHERE SHOW SUBSC ATC END */
/*-------- subscription top banner styles =start ---------*/

.subs-banner {
    width: 100%;
    height: 25vw;
    background-color: red;
    position:relative;
}

.subs-banner-img1,.subs-banner-img2,.subs-banner-img3,.subs-banner-img4,.subs-banner-img5{
  width:100%;
  height:100%;
  background-color:#2135c8;
  position:absolute;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display:none;
}


.showSubBanner{
  display:block!important;
}

/*---- ustore new subs navigation bar styles Start ---*/

.subsNewNavBar{
  width: 100%;
  min-height:29px;
  background-color: #d9e7f4;
  color: #002d7e;
  text-transform: capitalize;
  margin-bottom: 1px;
}

@media only screen and (min-width: 1440px){
	.subsNewNavBar{
	min-height: 2vw;
	}

    .subList {
    min-height: 2vw;
    }
}

.subsNewNavBar ul {
    list-style-type: none;
    width: 100%;
    display: flex;
    float: none;
    position: absolute;
    justify-content: center;
}

.subsNewNavBar ul li{
    margin: 0px auto;
    padding: 0;
    text-align:center;
  border-right: 2px solid #002d7e;
    height: 20px;
}

.subsNewNavBar ul li:last-child {
   border-right: none;
}

.subsNewNavBar ul li p {
    font-size: 1vw;
    font-family: UnileverShilling;
    text-transform: uppercase;
    padding: 0px 8px;
    border-right: 2px solid #001f82;
}

.subList{
    padding: 4px 12px;
    min-height: 25px;
    background-color: #d9e7f4;
    color: #001f82;
}

.subsActive{
  background-color:#001f82 ;
  color: #d9e7f4;
  text-decoration: underline 2px;
}
//subs page scroller event
.subsMainArea{
  zoom:0.9;
}

.SubsNavBarScrollEffect{
  box-shadow: 2px 5px 8px #737373d4;
  padding-bottom:32px;
}

@media only screen and (max-width: 940px) {
  .subsNewNavBar{display:none;}
}
  
/*---- ustore new subs navigation bar styles End ---*/

.site-main {
  position: relative;
  z-index: 500;
  outline: none;
/*   background-image:url("/cdn/shop/files/background_img.png?v=1660980785"); */
  background-size: cover;
}

.site-main-dimmer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 505;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
}
.site-main-dimmer[data-animation] {
  display: block;
}
.site-main-dimmer[data-animation="closed=>open"] {
  transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1) 75ms;
}
.site-main-dimmer[data-animation="open=>closed"] {
  transition: opacity 125ms cubic-bezier(0.4, 0, 1, 1) 75ms;
}
.site-main-dimmer[data-animation-state=open] {
  display: block;
  opacity: 1;
}

.section--canonical {
  margin-top: 3.125rem;
}
@media screen and (min-width: 1080px) {
  .section--canonical {
    margin-top: 4.25rem;
  }
}
.section--canonical:first-child {
  margin-top: 0;
}

.navmenu-meganav.navmenu-meganav--desktop {
  position: absolute;
  left: 0;
  float: left;
  width: 100%;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
/*   overflow: hidden; */
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.navmenu-meganav.navmenu-meganav--desktop a:focus {
  outline-offset: 1px;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-meganav-items {
  position: relative;
  flex: 1 1 auto;
  display: block;
  height: 100%;
  margin-left: 0;
  padding-top: 18px;
  padding-bottom: 25px;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}
@supports (display: grid) {
  .navmenu-meganav.navmenu-meganav--desktop .navmenu-meganav-items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(197px, 1fr));
    grid-gap: 2.1875rem;
  }
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-meganav--image-first + .navmenu-meganav-items {
  margin-left: 25px;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-meganav-items + .navmenu-meganav--image-last {
  margin-left: 50px;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-meganav-item {
  display: inline-block;
  width: 14.0625rem;
  padding: 0 25px 25px 0;
  vertical-align: top;
}
@supports (display: grid) {
  .navmenu-meganav.navmenu-meganav--desktop .navmenu-meganav-item {
    width: auto;
    padding: 0;
  }
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-icon.navmenu-icon-depth-2 {
  display: none;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-icon.navmenu-icon-depth-3 {
  position: relative;
  top: -1px;
  right: -2px;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-icon svg {
  transform: rotate(0deg);
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-depth-4,
.navmenu-meganav.navmenu-meganav--desktop .navmenu-depth-3 {
  position: relative;
  top: 0;
  left: auto;
  z-index: 1;
  width: 100%;
  transform: translate(0);
  box-shadow: none;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-depth-3 {
  display: block;
  height: auto;
  min-height: auto;
  padding: 0;
  margin-top: 0.25rem;
  margin-left: 0;
  opacity: 1;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-depth-3 .navmenu-submenu {
  padding-top: 0.15625rem;
  padding-bottom: 7.5px;
  padding-left: 12px;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text {
  display: block;
  padding: 0.4375rem 0;
  color: #000000;
  font-size: var(--font-size-menu-body-medium);
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-link {
  padding: 0.4375rem 0;
  white-space: normal;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-button {
  display: none;
}

.navmenu-meganav-wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
/*   overflow-y: auto; */
}
.site-header-sticky .navmenu-meganav-wrapper {
  max-height: 70vh;
}
.site-header--full-width .navmenu-meganav-wrapper {
  width: 100%;
  max-width: 100%;
  
}

.site-mobile-nav .navmenu-meganav--image {
  width: 100%;
}

.navmenu-meganav--image-size-small {
  display: block;
  width: 200px;
}

.navmenu-meganav--image-size-medium {
  width: 300px;
}

.navmenu-meganav--image-size-large {
  width: 400px;
}

.navmenu-meganav--image-container {
  position: relative;
  flex: 0 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.navmenu-meganav--image-container.navmenu-meganav--image-first {
  margin-right: 25px;
}
.navmenu-meganav--image-container.navmenu-meganav--image-last {
  margin-left: 25px;
}
.site-mobile-nav .navmenu-meganav--image-container {
  margin: 20px 0;
  padding: 0 20px 0 25px;
}

.navmenu-meganav--image-text {
  margin-top: 0.75rem;
  margin-bottom: 0;
  font-weight: normal;
  color: #000000;
}

.site-navigation .navmenu-meganav--image-link {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 400;
  font-size: var(--font-size-body);
  display: block;
  padding: 0;
  color: #000000;
}

.navmenu-meganav--image-last {
  order: 1;
}

.site-mobile-nav {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  z-index: 800;
}
.site-mobile-nav[data-open=true] {
  visibility: visible;
}

.mobile-nav-panel {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 325px;
  overflow-x: hidden;
  overflow-y: scroll;
  color: #000000;
  background-color: 
rgb(255, 255, 255)

;
  z-index: 2;
  transform: translateX(-100%);
  transition: transform 350ms cubic-bezier(0.1, 0.1, 0, 1);
  -webkit-overflow-scrolling: touch;
}
.mobile-nav-panel > * {
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0, 0, 0.2, 1) 250ms;
}
.mobile-nav-panel[data-animation] {
  overflow: hidden;
}
.mobile-nav-panel[data-animation-state=open] {
  transform: translateX(0);
}
.mobile-nav-panel[data-animation-state=open] > * {
  opacity: 1;
}
.mobile-nav-panel[data-animation="open=>closed"] {
  transition: transform 250ms cubic-bezier(0.4, 0, 1, 1);
}
.mobile-nav-panel[data-animation="open=>closed"] > * {
  transition: opacity 250ms cubic-bezier(0.4, 0, 1, 1);
}
.mobile-nav-panel a {
  color: currentColor;
  text-decoration: none;
}

.mobile-nav-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 100%;
  z-index: 1;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 350ms cubic-bezier(0.1, 0.1, 0, 1);
}
.mobile-nav-overlay[data-animation-state=open] {
  opacity: 1;
}
.mobile-nav-overlay[data-animation="open=>closed"] {
  transition: opacity 250ms cubic-bezier(0.4, 0, 1, 1) 125ms;
}

.mobile-nav-close {
  position: absolute;
  top: 6px;
  right: 4px;
  width: 33px;
  height: 33px;
  padding: 10px;
}
.mobile-nav-close svg {
  display: block;
  width: 13px;
  height: 13px;
  vertical-align: middle;
}

.mobile-nav-content {
  min-height: 100%;
  padding-top: 48px;
  padding-bottom: 60px;
}
.site-header-actions ~ .mobile-nav-content {
  min-height: calc(100% - 54px);
}
.mobile-nav-content .navmenu {
  padding: 0;
  margin: 0;
  list-style: none;
}
.mobile-nav-content .navmenu:not([data-accordion-content]) {
  display: block;
}
.mobile-nav-content li {
  position: relative;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  border-bottom: 1px solid #eef0f7;
}
.mobile-nav-content .navmenu-depth-1 {
  font-style: normal;
  font-weight: 700;
  font-size: var(--font-size-body-medium);
}
.mobile-nav-content .navmenu-depth-2 {
  font-style: normal;
  font-weight: 400;
  /*font-size: var(--font-size-body);*/
  font-size: 13px;
  background-color: #e6e6e6;
}
.mobile-nav-content .navmenu-depth-2 .navmenu-submenu {
  padding: 0 0.625rem;
}
.mobile-nav-content .navmenu-link,
.mobile-nav-content .navmenu-item-text {
  position: relative;
  display: flex;
  padding: 4px 12px;
  cursor: pointer;
  transition: color 0.1s ease-in;
  min-height: 45px;
  align-items: center;
  border-bottom: 1px solid #eef0f7;
}

.mobile-nav-content .navmenu-link.navmenu-link-parent,
.mobile-nav-content .navmenu-item-text.navmenu-link-parent {
  padding-right: 3rem;
}
.mobile-nav-content .navmenu-link:focus {
  outline: solid rgba(0, 0, 0, 0.5);
  outline-offset: -3px;
}
.mobile-nav-content .navmenu-depth-1 > .navmenu-item > .navmenu-link {
  font-size: var(--font-size-menu-large);
}
.mobile-nav-content .navmenu-button {
  position: absolute;
  top: 0.25rem;
  right: 0;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  margin-right: 0.375rem;
  background: none;
  border: none;
  border-radius: 0.2rem;
  cursor: pointer;
}
.mobile-nav-content .navmenu-button:focus {
  outline: solid rgba(0, 0, 0, 0.5);
  outline-offset: -3px;
}
.mobile-nav-content .navmenu-button-wrapper {
  width: 100%;
  height: 100%;
  outline: none;
}
.mobile-nav-content .navmenu-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  margin-top: -3px;
  transform: translateX(-50%);
}
.mobile-nav-content .navmenu-icon svg {
  display: block;
  width: 8px;
  height: 6px;
  transform: scale(1.25);
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1), color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  fill: currentColor;
  color: #011c51;
}

span.navmenu-icon.navmenu-icon-depth-2 svg {
    color: #2c2c2c;
}

.mobile-nav-content .navmenu-icon .icon-chevron-down-left,
.mobile-nav-content .navmenu-icon .icon-chevron-down-right {
  transform: rotate(0);
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: 50% 89%;
}
.mobile-nav-content .navmenu-link-parent-active {
  color: #000000;
}
.mobile-nav-content .navmenu-link-parent-active ~ .navmenu-button {
  color: #000000;
  background: #e6e6e6;
}
.mobile-nav-content .navmenu-link-parent-active ~ .navmenu-button svg {
  transform: scale(1.25) translateY(-22%);
}
.mobile-nav-content .navmenu-link-parent-active ~ .navmenu-button .icon-chevron-down-left {
  transform: rotate(45deg);
}
.mobile-nav-content .navmenu-link-parent-active ~ .navmenu-button .icon-chevron-down-right {
  transform: rotate(-45deg);
}
.mobile-nav-content .navmenu-depth-2 .navmenu-link-parent-active ~ .navmenu-button {
  background: #cccccc;
}

.site-navigation .navmenu-meganav.navmenu-meganav--desktop .navmenu-multi-column-items.navmenu-meganav-wrapper {
  display: block;
  overflow-y: auto;
}
.site-header-sticky .site-navigation .navmenu-meganav.navmenu-meganav--desktop .navmenu-multi-column-items.navmenu-meganav-wrapper {
  max-height: 70vh;
}
.site-navigation .navmenu-meganav.navmenu-meganav--desktop .navmenu-multi-column-items .navmenu-depth-2 {
  display: block;
  margin-left: 0;
  padding-top: 18px;
  padding-bottom: 25px;
  column-count: 5;
  column-gap: 25px;
}
.site-navigation .navmenu-meganav.navmenu-meganav--desktop .navmenu-multi-column-items .navmenu-depth-2.multi-column-count-4 {
  column-count: 4;
}
.site-navigation .navmenu-meganav.navmenu-meganav--desktop .navmenu-multi-column-items .navmenu-depth-2 > li {
  break-inside: avoid;
}
.site-navigation .navmenu-meganav.navmenu-meganav--desktop .navmenu-multi-column-items .navmenu-depth-2 > li > ul {
  margin-left: 25px;
}

.social-icons {
  margin-top: -4px;
  margin-right: -4px;
  margin-left: -4px;
  font-size: 0;
}

.social-link {
  font-size: var(--font-size-body-small);
  position: relative;
  display: inline-block;
  height: 28px;
  width: 28px;
  margin: 4px;
  color: #fff;
  vertical-align: top;
}
.social-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.15);
  transition: transform 125ms cubic-bezier(0.4, 0, 0.2, 1);
}
.social-link svg {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
}
.social-link:hover:before {
  transform: scale(1.1);
}

.rte .tabs,
.rte .tabs-content {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
}

.rte .tabs {
  display: flex;
  margin-top: 2.0rem;
  border-bottom: 2px solid rgba(0, 0, 0, 0.15);
}
.rte .tabs .grouped-content-trigger {
  font-family: UnileverShilling;
  font-style: normal;
  font-weight: 700;
  position: relative;
  padding-bottom: 5px;
  color: rgba(0, 0, 0, 0.8);
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
body:not(.user-is-tabbing) .rte .tabs .grouped-content-trigger {
  outline: 0;
}
.rte .tabs .grouped-content-trigger::after {
  position: absolute;
  bottom: -2px;
  left: 50%;
  display: inline-block;
  width: 0;
  border-bottom: 2px solid rgba(0, 0, 0, 0.5);
  content: "";
  transform: translateX(-50%);
  transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.rte .tabs .grouped-content-trigger:hover {
  color: #000000;
}
.rte .tabs .grouped-content-trigger:hover::after {
  width: 100%;
}
.rte .tabs .grouped-content-trigger.active {
  color: #000000;
}
.rte .tabs .grouped-content-trigger.active::after {
  width: 100%;
  border-bottom-color: #000000;
}
.rte .tabs li {
  display: inline-block;
  cursor: pointer;
}
.rte .tabs li:not(:first-child) {
  margin-left: 1.75rem;
}
.rte .tabs-content {
  margin-top: 1.25rem;
}
.rte .tabs-content > li {
  display: none;
}
.rte .tabs-content > li.active {
  display: block;
}

.dynamic-video-wrapper {
  margin-top: 25px;
}

.video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  z-index: 2;
}
.video.video-aspect-ratio-21-9 {
  padding-bottom: 42.8571428571%;
}
.video iframe {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.video.video-playing .fluid-width-video-wrapper {
  z-index: 1;
}
.video .hide-player {
  visibility: hidden;
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.6, 0.05, 0.01, 0.99);
}
.video.video-transitioning .hide-player, .video.video-playing .hide-player {
  visibility: visible;
  opacity: 1;
}

.video-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  opacity: 1;
}
.video-transitioning .video-cover, .video-playing .video-cover {
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.6, 0.05, 0.01, 0.99);
}
.video-playing .video-cover {
  z-index: 0;
}

.video-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.video-play-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.75rem;
  height: 3.75rem;
  padding: 0;
  margin: 0;
  color: #000000;
  background: 
rgb(255, 255, 255)

;
  cursor: pointer;
  border: none;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  transition: transform 125ms cubic-bezier(0.4, 0, 0.2, 1), background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.video-play-button.no-cover {
  opacity: 0;
}
.video-play-button.no-cover:active {
  opacity: 0;
}
.video-play-button:hover .icon-play {
  opacity: 0.55;
}
.video-play-button:active {
  opacity: 0.7;
  outline: none;
}
.video-loading .video-play-button {
  background-color: transparent;
  box-shadow: none;
}
.video-playing .video-play-button {
  display: none;
}

.icon-play {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: auto;
  opacity: 1;
  transition: opacity 125ms cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
}
.video-loading .icon-play {
  opacity: 0;
}

.icon-loading {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  height: 100%;
  opacity: 0;
  animation: 0.6s rotate linear infinite both;
  outline: none;
}
.product-gallery--media .icon-loading {
  display: none;
}
.video-loading .icon-loading {
  display: block;
  opacity: 1;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
  
  /*--------------------------carousol------------------------------------------*/
/*   .home-section--content.logolist--inner.owl-carousel.pxu-lia-block.owl-loaded.owl-drag.pxu-lia-block--play {
      margin: 0;
  }
  
  section.ecom-logo-slide.logolist--container {
      max-width: unset;
      padding: 35px 0;
  } */
.owl-carousel .owl-item .logolist--image {
/*     width: 56px!important; */
}

.owl-stage-outer {
    margin-left: 56px;
    margin-right: 56px;
}
  
  button.owl-prev {
    position: absolute;
    width: 10px;
    height: 10px;
    left: 25px;
    top: 0;
}
  
  
  button.owl-next {
    position: absolute;
    width: 10px;
    height: 10px;
    right: 25px;
    top: 0;
}
  
  button.owl-prev > span {
    width: 10px;
    color: black;
    font-size: 50px;
    height: 10px;
}
    button.owl-next > span {
    width: 10px;
    color: black;
    font-size: 50px;
    height: 10px;
}
  
/*   .owl-item {
      display: contents;
  }
   */
/*   .owl-item img {
      height: 50px;
      width: auto !important;
  } */
  section.ecom-logo-slide.logolist--container {
      padding: 22px 0;
  }
  /*---------------------------------------------------------------------------*/
  
  section.featured-collection__container > h2 {
    font-size: 28px;
    font-weight: 800;
    text-transform: uppercase;
/*     margin-top:7%; */
}

@media only screen and (max-width:768px){
    section.featured-collection__container > h2 ,
    .home-section--title{
    font-size: 22px;
    }
}
  
  
  /*-----------------------------------------------------
  
   `````````````````Slick slide arrow````````````````````
  -----------------------------------------------------*/
  
  
  /* Slider */
.slick-loading .slick-list
{
/*  ---------------COMMENTED FOR CONSOLE LOG ERROR FIX-----------------  */
/*     background: #fff url('./ajax-loader.gif') center center no-repeat; */
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
  /*  ---------------COMMENTED FOR CONSOLE LOG ERROR FIX-----------------  */
/*     src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); */
	/*  ---------------COMMENTED FOR CONSOLE LOG ERROR FIX | Added after removing error sections-----------------  */
  src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 50px;
    line-height: 1;

    opacity: .75;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '‹';
}
[dir='rtl'] .slick-prev:before
{
    content: '›';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '›';
}
[dir='rtl'] .slick-next:before
{
    content: '‹';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

  
  
  /*------------------------------------*/
  
  
 
  
  
  /*----------------------------------------*/
  @media only screen and (min-width: 768px) {
  /* For desktop: */

      ul.navmenu.navmenu-depth-2.navmenu-meganav-items > li {
          text-align: left;
          border-top: 1px solid #d2d2d2;
      }
      ul.navmenu.navmenu-depth-2.navmenu-meganav-items>li>a {
          font-weight: 900;
          font-size: 14px;
          padding: 8px 4px !important;
      }
       ul.navmenu.navmenu-depth-3.navmenu-submenu li a {
          padding: 0 0;
          font-weight: 100;
          color: #333;
      }

      .navmenu-meganav.navmenu-meganav--desktop .navmenu-meganav-items {

          grid-gap: 18px 40px;
      }

  }
  
  
  
  
  /*---------------------------------------------------------*/
  
  
  ul.navmenu.navmenu-depth-2.navmenu-meganav-items > li ul {
      display: none;
  }
  
  /*----------------------------------------------------------*/
  
  ul.navmenu.navmenu-depth-2.navmenu-meganav-items > li:hover ul {
      display: block !important;
  }
  
/*   ul.navmenu.navmenu-depth-3.navmenu-submenu {
      position: absolute;
     left: 193px;
    right: unset;
    top: 0;
      border: 1px solid #f3f0f0;
      padding: 8px;
      box-shadow: 0 0 3px 0px #8080803b;
  } */
    ul.navmenu.navmenu-depth-3.navmenu-submenu {
      position: absolute;
     left: 85%;
    right: unset;
    top: 0;
      border: 1px solid #f3f0f0;
      padding: 8px;
      box-shadow: 0 0 3px 0px #8080803b;
      z-index: 999999999999999;
  }

  ul.navmenu.navmenu-depth-2.navmenu-meganav-items>li {
    text-align: left;
    border-top: 1px solid #d2d2d2;
    position: relative;
  }
  
  @media only screen and (min-width: 768px){
    ul.navmenu.navmenu-depth-2.navmenu-meganav-items>li {
        text-align: left;
        border-top: 1px solid #d2d2d2;
        padding: 19px 0;
    }
  }
  @media only screen and (min-width: 768px){
    .navmenu-meganav.navmenu-meganav--desktop .navmenu-meganav-items {
        grid-gap: 0 30px;
    }
  }
  
  
  i.arrow.right:after {
      content: ' \203A';
      position: absolute;
      right: 0;
      top: 20px;
    display: none;
  }
  
  ul.navmenu.navmenu-depth-2.navmenu-meganav-items>li>a {

      padding: 4px 0;
    
  }
  
ul.navmenu.navmenu-depth-3.navmenu-submenu li a {
    padding: 8px 0;
    font-weight: 100;
    color: #333;
    border-bottom: 1px solid #eaeaea;
}
  
  ul.navmenu.navmenu-depth-2.navmenu-meganav-items>li ul {
      display: none;
      min-height: 200px;
  }
  
/*   button.site-header-menu-toggle {
    display: none;
} */
  
.main-menu-bar {
    overflow: auto;
    height: 100%;
    width: 100%;
} 

@media only screen and (min-width: 960px){
  button.site-header-menu-toggle {
    display: none;
  }
}
  /* ----------------cart btn style---------------------- */ 
  
  .cart-btn-ecom, .cart-btn-ecom-gift {
      width: 100%;
      text-align: center;
      border: 1px solid gray;
      display: flex;
      justify-content: center;
      align-content: center;
      align-items: center;
      padding: 6px 0;
      text-transform: uppercase;
      cursor: pointer;
      font-weight: 600;
  }
  .gift-card-grid-item .cart-btn-ecom {
    pointer-events: none;
  }
  
  .gift-card-grid-item {
      color: white;
      text-decoration: none !important;
  }
  
  .gift-card-grid-item:hover {
      color: white;
  }
  .cart-btn-ecom img {
    width: 14px;
    padding: 0 0px;
    margin: 0 6px;
    display:none;
  }
  .cartplus-btn-ecom {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
  }
  
  .cartplus-btn-ecom input {
    width: 48%;
    text-align: center;
    height: 35px;
    border: 0;
    border-top: 1px solid #e8d8d8;
    border-bottom: 1px solid #e8d8d8;
}
  .cartplus-btn-ecom button {
    height: 35px;
    width: 25%;
    background: white;
    border: 1px solid #e8d8d8;
    
} 
.cartplus-btn-ecom  div {
    height: 31px;
    width: 59px;
    background: white;
    border: 1px solid #e8d8d8;
    text-align: center;
    cursor: pointer;
      color: black;
} 
 .cartplus-btn-ecom div:hover {
    color: black;
}
  .ecom-header-mid-right {
      position: relative;
  }
  
  .cart-count {
        position: absolute !important;
        right: 62px;
        top: -10px;
        font-size: 9px;
        background: #78b9b970;
        width: 13px;
        height: 13px;
        padding: 0 !important;
        border-radius: 50%;
        text-align: center;
        /* padding: 7px 7px; */
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
    }
  
  
  
/*------------------------------------------*/
  
  @media only screen and (max-width: 940px) {
  /* For mobile phones: */
   button.site-header-menu-toggle {
        display: block;
        top: 18px;
    }
}
@media only screen and (max-width:680px){
  button.site-header-menu-toggle {
        top: 14px;
      z-index:412;
    }
}

  
  
  /* -----------------b2b start ------------------------  */
  
  .plusminusbtn input.new-qty-input {
      width: 36px;
      text-align: center;
  }
  .plusminusbtn button {
      border: 1px solid #d8cece;
/*       padding: 2px 9px; */
      cursor: pointer;
/*       font-size: 15px; */
    background: white;
    height: 24.3px;
  }
  
  .plusminusbtn input.new-qty-input {
      padding: 1.5px 0;
      width: 48%;
      text-align: center;
      border: 0;
      border-top: 1px solid #d8cece;
      border-bottom: 1px solid #d8cece;
  }
  button.add_to_cart_button {
    background: black;
    color: white;
    border: 0;
/*     padding: 4px 19px; */
    border-radius: 3px;
    cursor: pointer;
        padding: 3px 28px;
}

.b2bViewOrderItemContainer ol {
    display: none;
}
table.b2bViewSettlement td:nth-child(1) {
    width: 20%;
}
  /*----------------------b2b end-------------------------*/
  
  
  
  

  
  
  /*-----------------b2b cart pop up box start---------------------------*/
 
td.b2b_pop_qty_btn .input-group {
    display: flex;
}

td.b2b_pop_qty_btn .input-group input {
    width: 36px;
    padding: 0;
    text-align: right;
}
td.b2b_pop_qty_btn .input-group button {
    background: white;
    border: 0;
    border: 1px solid #efe9e9;
}
td.b2b_pop_qty_btn .input-group input {
    width: 36px;
    padding: 0;
    text-align: right;
    border: 0;
    border-top: 1px solid #efe9e9;
    border-bottom: 1px solid #efe9e9;
} 

table.cart_tb.show-cart tr {
    position: relative;
}
button.delete-item.btn.btn-danger {
    border: 0;
    position: absolute;
    top: 13px;
    right: -91px;
    cursor: pointer;
    background: #000;
    color: #fff;
    border-radius: 100%;
    font-size: 10px;
    width: 20px;
    height: 20px;
} 
  
.Ncart_row {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dcd6d6;
    padding: 6px 0;
    position: relative;
}	
.Ncart_img img {
    width: 45px !important;
    margin-right: 10px;
}	  
	
.Ncart_title p {
    border-bottom: 0 !important;
    text-align: left !important;
    margin: 0;
    padding: 0 !important;
	text-transform: uppercase;
    font-size: 12px;
    padding-right: 29px !important;
      white-space: nowrap;
    width: 201px;
    overflow: hidden;
    text-overflow: ellipsis;
}	
div#normal_cart_box {
    width: 350px;
    right: -10px;
}

@media only screen and (max-width:380px){
  div#normal_cart_box {
    max-width: 320px;
    right: 0px;
  }
}

@media only screen and (max-width:320px){
  div#normal_cart_box {
    max-width: 270px;
    right: 0px;
  }
}
  
.minicart_product_total{
    display: block;
    text-align: right;
}

.minicart-item-total {
    width: 100%;
} 
  
span.Ncart_close {
    position: absolute;
    top: 17px;
    right: 0;
    font-size: 15px;
    cursor: pointer;
}  
span.norml_cart_total.total-cart {
    /* text-align: right; */
    float: right;
}

.total_row {
    padding: 23px 0;
    /* width: auto; */
    /* color: black; */
    text-align: left;
}  
  
button.Ncheckout_btn {
    background: black;
    color: white;
    width: 100%;
    border: 0;
    padding: 10px 0;
    margin: 14px 0 0 0;
    cursor: pointer;
}
  
 input.Ncheckout_btn {
    background: black;
    color: white;
    width: 100%;
    border: 0;
    padding: 10px 0;
    margin: 14px 0 0 0;
    cursor: pointer;
} 
  
 /*------------------b2b cart pop up box End------------------------------*/ 
  
   /*--------------------------------------------------------------------------
                             snackbar  alter
  ----------------------------------------------------------------------------*/
  
  
  
  /* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
  visibility: hidden; /* Hidden by default. Visible on click */
  min-width: 250px; /* Set a default minimum width */
  max-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  background-color: #333; /* Black background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 99999; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  bottom: 130px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
  visibility: visible; /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
/*   animation: fadein 0.5s, fadeout 0.5s 2.5s; fadeout removed timer*/
  animation: fadein 0.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 130px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 130px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 130px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 130px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}
  
  
  
   /*-----------------------------------
      snackbar  alter end
  --------------------------------*/
  
  
  
  /*PRODUCT  TITEL MIN HEIGHT*/
  
  h2.productitem--title {
    min-height: 38px;
}
  
  
  
/*--------------------------------------
         cart button loading
  --------------------------------------*/ 
  .ecom-addtocart {
      position: relative;
  }
  
  span.loading_cart.active {
    display: flex !important;
    position: absolute;
    background: white;
    width: 100%;
    text-align: center;
    height: 100%;
    border: 1px solid #dedbdb;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #ccc6c6;
}
  
/*---------------end------------------------*/  
  
  
  
  ul.navmenu.navmenu-depth-2.navmenu-meganav-items>li ul {
    display: none;
    /* min-height: 293px; */
    /* position: relative; */
    width: auto;
}
  
  
  
  /*--------------nav new-----------------*/
  .site-navigation .head-nav-sub-row {
    display: flex;
    /* flex-direction: row; */
    /* flex-wrap: nowrap; */
    /* justify-content: flex-start; */
    /* width: auto; */
    background: white !important;
}

  .nav-sub-text.nav-slid li {
    width: 100%;
    padding-left: 54px;
  }
  .nav-sub-text.nav-slid .nav-sub-text.nav-slid li {
    padding-left: 8px;
  }
  
  .site-navigation .nav-sub-text.nav-slid li {
    background: #ffff;
    transition: 0.5s all ease-out;
    padding:4px 2px;
  }
  .site-navigation .nav-sub-text.nav-slid li:hover {
    background: #dfdfdf;
    padding-left: 8px;
  }

  .nav-sub-imglist.nav-slid li {
    width: 222px;
}
/*   ul.navmenu.navmenu-depth-3.navmenu-submenu {
    position: absolute;
    left: 0;
    top: 59px;
    border: 1px solid #f3f0f0;
    padding: 8px;
    box-shadow: 0 0 3px 0 #8080803b;
} */
/*   ul.navmenu.navmenu-depth-3.navmenu-submenu {
    position: absolute;
    right: unset;
  } */
  ul.navmenu.navmenu-depth-2.navmenu-meganav-items>li ul {
    display: none;
    width: auto;
}
  ul.ecom-navmenu.navmenu.navmenu-depth-3.navmenu-submenu .head-nav-sub-row .nav-sub-text {
    min-width: 190px;
}
  .site-navigation .head-nav-sub-row {
    display: flex;
    background: #fff!important;
    max-width: 688px;
}
  
  /*----------------*/
  
  .nav-sub-imglist .productitem {
    display: flex;
}
.nav-sub-imglist.nav-slid {
    overflow: hidden;
}
.price.productitem__price > div span {
    font-size: 13px;
    color:#383a4e;
}
.price.productitem__price > div .ortext {
    padding: 0 2px;
    color: #343434;
    line-height: 1;
    display: inline-block;
    font-size: 15px;
}
.nav-sub-imglist h2.productitem--title a {
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.nav-sub-imglist .productitem {
    display: flex;
    flex-wrap: wrap;
}
.nav-sub-imglist.nav-slid .productitem--image-link {
    width: 28%;
}
.nav-sub-imglist.nav-slid .productitem--info {
    width: 60%;
}
.nav-sub-imglist.nav-slid .ecom-addtocart {
    width: 60%;
    /* display: none; */
}


  /*-----------------------*/
  
  
  .nav-sub-imglist.nav-slid .productitem--info {
      width: 71%;
      position: relative;
    padding: 0 0 0 9px;
  }


  .nav-sub-imglist.nav-slid h2.productitem--title a {
    text-overflow: ellipsis;
    width: 130px;
    white-space: nowrap;
    position: absolute;
    top: 19px;
    overflow: hidden;
    border-bottom: 0 !important;
}

  .nav-sub-imglist.nav-slid .productitem--ratings {
    position: absolute;
    bottom: 16px;
}
  .nav-sub-imglist.nav-slid .price.productitem__price {
      position: absolute;
      top: -21px;
  }
  .nav-sub-imglist.nav-slid ul.navmenu.navmenu-depth-3.navmenu-submenu li a {
    
    border-bottom: 0;
}
    .nav-sub-imglist.nav-slid .ecom-addtocart {
    /* width: 61%; */
    /* display: none; */
    position: absolute;
    bottom: 4px;
    right: 12px;
    z-index: 999999;
}
.nav-sub-imglist.nav-slid .cart-btn-ecom {
    width: 100%;
    text-align: center;
    border: 1px solid #e6dfdf;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: -1px 0;
    text-transform: capitalize;
    cursor: pointer;
    font-size: 12px;
    padding: 3px 21px;
}
  .nav-sub-imglist.nav-slid  ul.navmenu.navmenu-depth-3.navmenu-submenu li a {
    
    border-bottom: 0px;
} 
  .nav-sub-imglist.nav-slid .productitem--image-link {
    border-bottom: 0px !important;
}
  .nav-sub-imglist.nav-slid .productitem {
    border: 0;
    border-bottom: 1px solid #e4e4e4;
    padding-top: 6px;
}
  /*--------------------head nav-sub-row-----------------------*/
  
  
  .navmenu-depth-1 li:first-child > .navmenu-submenu.navmenu-meganav--desktop.active {
    display: block;
}
  .enjoy_hint_label {
   
    padding: 13px 11px;
}
  
  
  
  
  


  
  /*----------------------------------------------*/
  
  
  @media only screen and (min-width: 768px){

	ul.navmenu.navmenu-depth-2.navmenu-meganav-items>li {
		text-align: left;
		border-top: 1px solid #d2d2d2;
		padding: 0px 0;
	}
  }

  .site-header--full-width .navmenu-meganav-wrapper {
      width: 100%;
      max-width: 78%;
  }
  @media only screen and (min-width: 768px){

      ul.navmenu.navmenu-depth-2.navmenu-meganav-items>li>a {
          font-weight: 900;
          font-size: 13px;
          padding: 1px 0;
      }
  }
  i.arrow.right:after {
      content: ' \203A';
      position: absolute;
      right: 0;
      top: 8px;
  }
/* ul.navmenu.navmenu-depth-3.navmenu-submenu {
    
    top: 28px;
   
} */
  .navmenu-meganav--image-size-medium {
    width: unset;
    height: 400px;
}
  
  
  
  /*--------------------------------------*/
  
  
span.discount-ecom {
    position: absolute;
    z-index: 999;
    left: -1px;
    background: red;
    color: #fff;
    padding: 3px 4px;
    top: 0;
    border-radius: 11px 0 11px 0;
}
span.discount-ecom p {
    margin: 0;
    font-weight: 900;
}
  
  
  /*------------------------nav product-------------------------------------*/
  
  
  .nav-sub-imglist.nav-slid .ecom-addtocart {
      position: absolute;
      top: -1px;
      right: -12px;
      z-index: 999999;
  }




  .header-productitem .cart-btn-ecom {
      width: 51px !important;
      border: 0 !important;
      
      padding: 4px !important;
      font-size: 15px;
      float: right;
  }



.head-cart-pluminus button {
    padding: 0;
    width: 16px;
    display: block;
    height: 16px;
}
.head-cart-input input {
    height: 32px;
    width: 17px;
	  border-left: 1px solid #e8d8d8;
}
.nav-sub-imglist.nav-slid .header-productitem .ecom-addtocart {
    position: absolute;
    top: -1px;
    right: -11px;
    z-index: 999999;
}


.nav-sub-imglist.nav-slid .header-productitem .ecom-addtocart {
    width: 31%;
}

  
  
.header-productitem span.loading_cart.active {
    display: flex!important;
    position: absolute;
    background: #fff;
    width: 49px;
    text-align: center;
    height: 29px;
    border: 0;
    top: 3px;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #ccc6c6;
    right: 10px;
}
img.header-loadin-adding {
    width: 13px;
} 
  

    .nav-sub-imglist.nav-slid .header-productitem .productitem--ratings {
      position: absolute;
      bottom: -5px !important;
  } 
  
  
  
  
  .header-productitem h2.productitem--title {
    position: absolute;
    top: -28px;
}

.header-productitem .price.productitem__price {
    position: absolute;
    top: 20px !important;
}
.nav-sub-imglist.nav-slid .header-productitem .productitem--ratings {
    position: absolute;
    bottom: 4px!important;
}

.header-productitem .productitem--ratings .spr-badge-caption {
    display: none;
}
  
  .nav-sub-imglist.nav-slid .header-productitem .ecom-addtocart {
    position: absolute;
    top: 51px;
    right: -5px;
    z-index: 999999;
}
  
  
  
  .header-productitem span.discount-ecom p {
      margin: 0;
      font-weight: 900;
      font-size: 10px;
  }
  
  
  
  .header-productitem .price.productitem__price {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: nowrap;
  }
.header-productitem .productitem--sale .productitem__price .price__current {
    color: #de0101;
    padding-left: 6px;
    margin-bottom: 5px;
}
  
  
  
  span.loading_cart {
    color: red;
    font-size: 14px;
    text-align: center;
    width: 100%;
    /* margin: auto; */
    position: absolute;
}
  /*------------------------------------------------------------------------*/
  
  /* Logo banner white space */
  
  section.test400.variable.slider.slick-initialized.slick-slider.slick-dotted {
    margin-top: 5px;
    margin-bottom: 5px;
}
  
  
  
 /*------------out of cart-------------------------*/ 
  
  .outcart-btn-ecom {
    display: none;
    width: 100%;
    text-align: center;
    border: 1px solid #afc2cb;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 6px 0;
    text-transform: capitalize;
        cursor: not-allowed;
    background: #b3c4cc;
    color: #f5fafc;
}
/* .ecom-outofcart {
    display: none;
} 
  
   */
  
  
  
 
 .NP_qty-row {
    text-align: left;
    display: flex;
   justify-content: space-between;
}

.NP_cart_ow {
    display: flex;
    position: relative;
}
.NP_cart_ow > div {
    width: 20px;
    border: 1px solid #e8e8e8;
    text-align: center;
    cursor: pointer;
    /* height: 25px; */
}
  
  
  /*----------------------------------------------*/
  
  
  .atc-banner--outer {
    position: relative;
    padding: 0;
}

.atc--product {
    display: block;
    max-width: 100%;
    margin-top: 0.75rem;
}

.atc--product-image {
    display: inline-block;
    width: 80px;
    vertical-align: middle;
}


.atc-banner--cart-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0.75rem;
    margin-bottom: -.5rem;
    margin-left: -.5rem;
    font-size: 0;
}
  
  
  .Nosubmenu ul.ecom-navmenu.navmenu.navmenu-depth-3.navmenu-submenu {
    display: none !important;
}
  .Nosubmenu i {
    display: none !important;
}
  
span.username {
    text-transform: capitalize;
}  
  
header.account-page-masthead p {
    margin: 0;
    color: #484848;
}  
  
header.account-page-masthead img {
    margin-bottom: 9px;
}  
  
  
  
  
  
  @media only screen and (max-width: 768px) {
    /* For mobile phones: */
    
    
    .account-order .order-item, .order-footer .order-item {
        display: flex;
        position: relative;
        clear: both;
        align-items: flex-start;
        border-top: 1px solid rgba(0,0,0,.05);
    }
    .account-order .order-image, .order-footer .order-image {
        flex: 0 0 51px;
        margin-right: 10px;
        align-self: flex-start;
    }
    
     .account-order .order-image, .order-footer .order-image {
          flex: 0 0 64px;
          margin-right: 10px;
          align-self: flex-start;
      }
   .account-order .order-item-title a, .order-footer .order-item-title a {
        font-size: 14px;
        display: inline-block;
        width: 253px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }
    .account-order tr {
        display: block;
        position: relative;
    }
    
    td.order-item-price {
    position: absolute;
    margin-left: 8px;
    top: 53px;
    left: 65px;
    display: flex;
    justify-content: space-between;
}
    
td.order-item-quantity {
  margin-left: 8px;
    position: absolute;
    top: 40px;
    display: flex;
    justify-content: space-between;
    left: 65px;
}
td.order-item-total {
    position: absolute;
    top: 68px;
    display: flex;
    justify-content: space-between;
    left: 65px;
  margin-left: 8px;
}
.account-order .order-item-price, .account-order .order-item-quantity, .account-order .order-item-total, .order-footer .order-item-price, .order-footer .order-item-quantity, .order-footer .order-item-total {
    float: left;
    width: 76%;
    text-align: left;
    padding-top: 0;
    padding-left: 0;
}
  
    
    .account-order .order-item--cell-label, .order-footer .order-item--cell-label {
       font-family: 'UnileverShilling',sans-serif;
       font-style: normal;
       font-weight: 500;
    
    }
    
    
    
    .account-address-wrapper {
        display: block !important;
        flex-wrap: unset;
        padding-left: 0;
        justify-content: unset;
        list-style-type: none;
        align-items: unset;
        align-content: unset;
    }
    ul.account-address-wrapper > li {
        width: 100% !important;
        margin: 0 0 0 0px !important;
        min-height: 340px;
    }
    
    /*=====================================*/
    h2.productitem--title {
        width: 133px;
        overflow: auto;
    }
      h2.productitem--title {
        min-height: 40px;
        /*height: 58PX;*/
    }
    .productitem--ratings {
        margin: 7px 0;
    }
 
    /*======================================*/
    
  }
  
  
  
  
  
  /*--------------------FAQ-----------------------------*/
  
  
  .description {
    
      display: none;
  }
  
  .accordion_row h3 {
    
    cursor: pointer;
    border-bottom: 1px solid #ada4a4;
    padding: 5px 7px;
    margin: 7px 0;
    font-weight: 200;
    font-size: 21px;
    
  }
  
  #accordion{
    
      width:100%;
    
  }
  .accordion_row p {
      margin-left: 9px;
  }
  
  
button.order-traking_btn {
    background: #afd4f0;
    border: 0;
    text-transform: capitalize;
    border-radius: 11px;
    padding: 7px 8px;
    /* box-shadow: 0 0 2px 1px #f8f8f9; */
}
    
  
  .order_traking_statuse p {
    background: #afd4f0;
    max-width: 410px;
    height: 56px;
    border-radius: 11px;
    text-transform: uppercase;
    font-style: italic;
}
  
  ul.account-address-wrapper.address-box .account-address {
    position: relative;
}
  
  .account-address-list-footer.address-box-footer button {
    margin: 0;
}
  
.account-address-list-footer.address-box-footer {
    position: absolute;
    bottom: 6px;
    right: 4px;
} 
  
  /*--------------------------------------*/
  
  
  .account-address-item2, .account-info-item {
      margin-top: 1rem;
      margin-bottom: 1rem;
  }
  
  
  
  /*---------------------------------*/
      .b2b-addtocart button.add_to_cart_button {
    background: #000;
    color: #fff;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    padding: 3px 28px;
}
  
  .b2b-addtocart .plusminusbtn button {
    border: 1px solid #d8cece;
    cursor: pointer;
    background: #fff;
    height: 30.3px;
}
  
  .b2b-addtocart button, input, optgroup, select, textarea {
    font-family: 'UnileverShilling', sans-serif;
    font-size: 100%;
    line-height: 1.6;
    margin: 0;
}
  
  .b2b-addtocart .plusminusbtn button {
    border: 1px solid #d8cece;
    cursor: pointer;
    background: #fff;
    height: 30.6px;
}
  
.ecom-navmenu .b2b-addtocart {
    display: none;
}  
  
  
/*-------------------------producttop_img_slide----------------------------*/  
  
  
.producttop_img_slide button {
    position: absolute;
    top: 152px;
    z-index: 999999999;
    background: #ffffff08;
    border: 0px;
    color: white;
    font-size: 28px;
}
  
  .producttop_img_slide .w3-display-right {
    right: 0;
}
  
.producttop_img_slide {
    position: relative;
  margin-top: 19px;
}  
  
  .product-gallery-row {
     position: relative;
}
  
  
.product-gallery-row button {
    position: absolute;
    top: 50%;
    z-index: 999999999;
    background: #ffffff08;
    border: 0;
    color: #fff;
    font-size: 28px;
}
  
  .product-gallery-row .w3-display-right {
    right: 0;
}
  .product-gallery-row .w3-display-left {
    left: 0;
}  
  
  
  /*-------------------Floating_cart | edited on 7/26/2021--------------------------------*/
  
.Floating_cart {
  width: 60px;
  height: 60px;
  position: fixed;
    bottom: 88px;
    right: 20px;
  background: #afd4f0;
  padding: 11px;
  z-index: 991;
  border-radius: 50%;
}
  
a.floating_cart-url {
    position: relative;
}  
.floating_cart-url .cart-count.total-count {
    top: -19px;
    right: -13px;
    font-size: 12px;
    width: 18px;
    height: 18px;
/*     color: black; */
  color: white;
  background: #1f37c7;
}
  
.template-cart .Floating_cart {
    display: none;
}  
  /*-------------------Floating_cart end--------------------------------*/  
  
  /*--------------------normal cart box-----------------------------------*/  
  
div#normal_cart_box {
    position: absolute;
    top: 18px;
    right: 6px;
    z-index: 999;
    background: white;
    border: 1px solid #efefef;
    padding: 9px;
    box-shadow: 0 0 3px 0px #ececec;
}
td.cart_img img {
    width: 37px;
    height: auto;
    border: 1px solid #cecece;
    padding: 2px;
    margin: 3px;
}
  
 .nav-mid-li.cart-basket:hover #normal_cart_box {
    DISPLAY: BLOCK !important;
} 
div#normal_cart_box p {
    text-align: left;
    color:#000;
    padding: 0 0 2px 0;
    margin-bottom: 6px;
    margin-top: 8px;
  font-weight: 600;
}

.mini-cart-items-wrapper {
    max-height: 48vh;
    overflow-y: scroll;
    padding: 0px 4px;
}

.ecom_cart_row {
    position: relative;
    display: flex;
    border: 1px solid;
    margin: 5px;
    flex-direction: row;
    flex-wrap: wrap;
}

a.cart-item--remove-link {
    position: absolute;
    right: 2px;
    top: 2px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
}

.ecom_cart_row div {
    position: relative;
    /* margin: auto; */
  padding:8px;
}
.ecom_cart_details_container {
    display: flex;
}

p.ecom_cart_title.minicart_title_p {
    margin: auto;
    margin-left: 12px;
}

.cart_page_container {
    display: flex;
    margin: auto;
}
  .cart_page_container div {
    min-width: unset;
}

.cart_page_container button {
    height: 32px;
    width: 35px;
}
.cart_page_container button {
    border: 1px solid gray;
    background: transparent;
}
.cart_page_container button {
    border: 1px solid gray;
    background: transparent;
}

.ecom_cart_items_container {
    margin: auto;
}

.total_item_count {
    display: flex;
    margin: auto;
}

.ecom-cart-item .ecom_cart_details_container img {
    width: 80px;
    height: auto;
}
.ecom-cart-item .ecom_cart_details_container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
	width:35%;
    word-break: break-all;
}

.ecom_cart_row .cart-item-elem-wrapper {
    width: 45%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.ecom_cart_row .total_item_count {
    font-weight: 800;
    font-size: 16px;
    width:20%;
}

.ecom_cart_row .cart_page_container {
    width: 40%;
    margin-left: 2px;
    margin-right: 2px;
}

.ecom_cart_row .ecom_cart_items_container {
    width: 60%;
}

.ecom-cart-item .ecom_cart_row .cart_page_minus ,
 .ecom-cart-item .ecom_cart_row  .cart_page_plus{
    width: 20% !important;
    overflow: hidden;
    padding: 0 !important;
}

.ecom-cart-item .ecom_cart_row .cart_page_minus button ,
 .ecom-cart-item .ecom_cart_row  .cart_page_plus button{
    width: 100% !important;
    height:30px;
}

.ecom-cart-item .ecom_cart_row .cart_page_item_count_container {
    width: 60% !important;
    overflow: hidden;
    padding: 0 !important;
}

.ecom-cart-item .ecom_cart_row .cart_page_item_count_container input.minicart_item_count {
    width: 100%;
    height: 30px;
}

.ecom-cart-item .ecom_cart_row .ecom_cart_items_container .item_count {
    width: 100%;
    text-align: left;
    font-size:14px;
    padding-top:1px;
    padding-bottom:1px;
}

 .ecom_cart_row .total_item_count .ecom-curr-name{
  margin-right:8px;
}
/*
.ecom-cart-item .ecom_cart_row .ecom_cart_items_container .item_count .ecom-curr-name{
  display: none;
} */

.ecom-cart-mobile-title {
    display: none;
}

@media only screen and (min-width:820px) and (max-width:1100px){
  .ecom_cart_row .cart-item-elem-wrapper {
    flex-direction: column;
    align-items: flex-start;
    width:30%;
  }
  .ecom_cart_row .total_item_count{
    width:30%;
  }
  .ecom-cart-item .ecom_cart_details_container{
    width:40%;
  }
  .ecom_cart_row .ecom_cart_items_container {
    width: 100%;
    text-align: left;
  }
  .ecom_cart_row .cart_page_container {
    width: unset;
    min-width: 110px;
    max-width: 120px;
  }
  .ecom-cart-item .ecom_cart_details_container img {
    width: 60px;
    height: auto;
  }
}

@media only screen and (max-width:820px){
  .ecom_cart_row .cart-item-elem-wrapper {
    flex-direction: column;
    align-items: flex-start;
    width:37.5%;
  }
  .ecom_cart_row .total_item_count{
    width:37.5%;
  }
  .ecom-cart-item .ecom_cart_details_container {
    width: 25%;
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: flex-end;
  }
  .ecom_cart_row .ecom_cart_items_container {
    width: 100%;
    text-align: left;
  }
  .ecom_cart_row .cart_page_container {
    width: unset;
    min-width: 110px;
    max-width: 120px;
  }
  .ecom-cart-item .ecom_cart_details_container img {
    width: 100%;
    height: auto;
    margin-top:5px;
  }
  p.ecom_cart_title.minicart_title_p{
    margin:0;
    margin-right:2px;
  }
  p.ecom_cart_title.minicart_title_p.ecom-desktop-title{
    display:none;
  }
  .ecom-cart-mobile-title {
    display: block;
    width:100%;
    padding-bottom: 2px !important;
  }
  .ecom-cart-mobile-title p{
    margin-bottom:0;
    
  }
}

@media only screen and (max-width:550px){
  .ecom_cart_row .cart-item-elem-wrapper {
    padding: 8px 0;
  }
  .ecom-cart-item .ecom_cart_row .ecom_cart_items_container .item_count {
    font-size: 12px;
    padding: 0;
  }
  .ecom_cart_row .total_item_count {
    font-size: 14px;
    padding: 2px;
    display: block;
    text-align: right;
  }
  .ecom_cart_row .total_item_count .ecom-curr-name {
    margin-right: 2px;
  }
}

[data-compare] {
    text-decoration: line-through;
}
 /*-----------------------------end-----------------------------------------*/  
 
  
  
  button.ReorderBtn {
    background: #afd4f0;
    border: 0;
    text-transform: capitalize;
    border-radius: 11px;
    padding: 7px 8px;
    width: 100%;
}
  button.ReorderBtn_b2b {
    background: #afd4f0;
    border: 0;
    text-transform: capitalize;
    border-radius: 11px;
    padding: 7px 8px;
    width: 100%;
}  
  
  
  
/* custom css */
  .mobile-nav-content .navmenu-meganav--image-container{
    display: none;
  }
  a.blogposts--footer-link{
    color: #007bff;
  }
  a.blogposts--footer-link:hover{
    color: #007bff;
  }
  
  
  button.button-primary.atc-button--checkout.mdc-ripple-surface.mdc-ripple-upgraded {
    display: none;
}
  
 /*--------------------------------*/ 
  .site-header-sticky--scrolled .promonav.ecom-header-third_nav {
      display: none;
  }
  
  .aanouncementnav.top-anouncebar {
/*       background: white; */
  }
/*--------------------------------*/ 
  
  
  @media only screen and (max-width: 768px) {
  /* For mobile phones: */
    
/*       .blogposts--container .flickity-slider {
          width: 354px;
      }

      .shopify-section.blogposts--section.pxu-lia-section--play{

        background: white;
        padding: 0 49px 0 49px;
        overflow: auto;


      } 
     */
    
    
    }
  
 
  
 /*--------------------------------------*/
  h2.productitem--title a {
    color:#383a4e;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
}
  
.flickity-slider .productitem--ratings .spr-badge {
    margin-top: .375rem;
    line-height: 1;
    margin-bottom: 10px !important;
}  
  
/*-----------------------------------*/  
  
  img.navmenu_img {
    width: 22px;
      float: left;
  }
  
  .site-navigation a {
      padding: 0px 15px 0px 4px !important;
  }
/*------------------------------------*/  

/* added on 7/26/2021 */
  @media screen and (max-width: 719px){
/*     .slideshow--height-original-mobile .slideshow-slide__image {
      display: none;
    } */
    div#shopify-section-16210172131189f6a7 {
      display: none;
    }
  }
  
  
  
/*-------------------------------------------*/  
  
/*-------------------button style-----------------------------*/  
  .button-primary {
    color: #fff !important;
    background-color: #001f82;
    border: 1px solid #001f82;
}
  
  .button-primary:not(.disabled):hover {
    background: #16a7e0;
    border: 1px solid #16a7e0;
}
  
  .button-primary:not(.disabled):hover {
    background: #16a7e0;
    border: 1px solid #16a7e0;
    color: #f7eeee;
    text-decoration: dashed;
}
  
/*---------------------------------------------------*/   
  /*---------------------------------------------------*/   
  
  .ecom-howtouse .slideshow-slide__content {
      top: 134%;
 }
  
  .ecom-howtouse .slideshow-slide {
      overflow: unset;
  }
  .ecom-howtouse.slideshow {
      overflow: unset;
  }
  
  .ecom-howtouse .slideshow__wrapper {
    overflow: unset;
  }
  
  a.slideshow-slide__button.slideshow-slide__button--primary.pxu-lia-element.mdc-ripple-surface.mdc-ripple-upgraded {
      color: #fff!important;
      background-color: #16a7e0;
      border: 1px solid #16a7e0;
  }
  .ecom-howtouse.slideshow {
      overflow: unset;
      margin-bottom: 96px;
  }
  a.slideshow-slide__button.slideshow-slide__button--primary.pxu-lia-element.mdc-ripple-surface.mdc-ripple-upgraded:hover {
    background: #16a7e0;
    border: 1px solid #16a7e0;
    color: #f7eeee;
    text-decoration: dashed;
  }
  
  

/*---------------------------------------------------*/  
  @media only screen and (max-width: 680px){
    
    div#myaccount {
        width: 40px;
        height: 24px;
        text-align: center;
        padding: 0;
    }
    div#buinessaccount {
        width: 40px;
        height: 24px;
        text-align: center;
        padding: 0;
    }

    
    .nav-mid-li.cart-basket {
        width: 100%;
        height: 25px;
        padding: 0 0 0 0;
        
    }

/*     .cart-count {
      right: 13px;
      top: -2px;
    } */
    
   .ecom-header-mid-right {
      grid-gap: 0px !important;
  }
    
      
/*   .site-header-sticky .site-header {
      position: fixed;
   } */
  
}
 
/*------------------------------------------*/
  
  .featured-collection--section .flickity-viewport {
    height: 454px !important;
    width: 95%;
    margin: 0 auto;
}
  
/*-----------------------------------------*/  
  

/* @media only screen and (min-width: 769px) {

  a.share-buttons--button.share-buttons--viber {
      display: none;
  }  
  
}  */
 
/*  fix icon size to 30px | START on 8/2/2021  */
.aanouncementnav.top-anouncebar.test600 .anouncement_part.top-header-nav img {
    width: 30px;
    height: auto;
}
/*  fix icon size to 30px | END  */
  

  
  @media only screen and (max-width: 768px) {
    /* For mobile phones: */

div#footer-bar-mobile {
    
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: sticky;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 54px;
/*     padding: 0 12px; */
  	padding: 0 0;
    background-color: #FFF;
    z-index: 999;
    box-shadow: 0 1px 3px 0;
    box-sizing: border-box;
}

li.ecom_article:hover{box-shadow:none !important;}
    
.footer-item {
    flex: 1;
    padding: 5px;
    overflow: hidden;
}
.footer-item>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    color: #3a3e4a;
}

img.footer-icon {
/*  width: 32px; */
    height: 35px;
    padding: 2px;
    padding-top: 8px;
    stroke: #414141;
}

    
    div#myaccount {
        display: none;
    }
    
    div#buinessaccount {
        display: none;
    }
    .site-header-main {
      padding-top: 8px !important;
    }
    
    .Floating_cart {
        display: none;
    }

    
    
    div#upcart-upsell .row {
        margin: 0;
    }
    
    div#upcart-upsell .card {
        margin: 0 !important;
        margin-top: 13px !important;
    }
    
    
/*     	.footer_fixed {
			display: flex;
			justify-content: space-between;
		} */

        .footer_fix_item {
            width: 32%;
            padding: 2px;
            margin: 2px;
        }
        .footer_fix_item img {
          width: 100%;
        }
        .footer_fixed {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          position: absolute;
          z-index: 800;
          background: #ffffff;
          width: 100%;
          border: 1px solid #eee9e9;
          bottom: 54px;
          overflow: auto;
          border-top-left-radius: 17px;
          border-top-right-radius: 17px;
          -webkit-box-shadow: 0px -8px 28px 0px rgb(0 0 0 / 75%); 
          box-shadow: 0px -8px 28px 0px rgb(0 0 0 / 75%);
          /* max-height:60vh; */
           max-height: 70vh;
          overflow-y: auto;
          height: auto !important;
          padding:8px 4px;
        }
        .footer_fixed::-webkit-scrollbar {
          width: 1px !important;
        }
        .footer_fix_item a {
          /* background: #a3dbf2; */
          display: flex;
          width: 100%;
          height: auto;
          /* text-align: center; */
          margin: auto;
          border-radius: 0%;
          align-items: center;
          justify-content: center;
        }
    .promonav.ecom-header-third_nav {
      display: none !important;
    }
    
    div#footer-bar-mobile div#footer-account {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    
  }
  
  
  
  .cartplus-btn-ecom button {

      position: relative;
  }
  
  
  
  
  /*  hover effects on add to cart 8/3/2021  */
.ecom-addtocart:hover,
.ecom-addtocart:focus{
	background: #16a7e0;
  	transition: 0.4s ease;
  	color: white;
}
  .ecom-addtocart .cart-btn-ecom:hover{
    border-color: #16a7e0;
  }
  .ecom-addtocart:hover img{
    -webkit-filter: invert(1);
   filter: invert(1);
  }
  .ecom-addtocart .cartplus-btn-ecom{
    background: white;
  }
  .ecom-addtocart .cartplus-btn-ecom:hover{
    background: white;
  }
  button.Ncheckout_btn:hover{
    background: #2135c8;
    transition: 0.25s ease-in-out;
  }
/*  hover effects on add to cart 8/3/2021 | END  */
  
/* highlighting the price cut off 8/3/2021 */
  .price__current.price__current--emphasize.price__current--on-sale span.money {
    font-size: 13px;
  }
  .price__compare-at{
    color: #afafaf;
  }
/* highlighting the price cut off 8/3/2021 | END */
  
  
/*  login form   */
  .form-action-row {
    width: 100%;
  }
  button.button-primary.form-action--submit.ecom-loging-submit.mdc-ripple-surface.mdc-ripple-upgraded {
    width: 100%;
  }

  .account-page-login .account-page-content {
    max-width: 430px;
  }
  .form-action-row--helper {
    padding-top: 17px;
  }
  .account-page-login .account-page-content {
    max-width: 454px;
  }

  section.account-page.account-page-login header.account-page-masthead {
    max-width: 454px;
    margin: 16px auto;
    border-radius: 30px;
  }

  @media only screen and (max-width:460px){
    section.account-page.account-page-login header.account-page-masthead {
      margin: 16px 10px;
    }
  }
  
/*  login form \ End   */ 

  
  
  /*-------------------------------*/
  
  @media only screen and (max-width: 768px) {
  /* For mobile phones: */
      ul.productgrid--sidebar-item.filter-group {
          display: flex;
          flex-wrap: wrap;
      }
    
      .modal .filter-item:first-child {
          margin-top: 0;
      }
    
      li.filter-item {
            display: inline-block;
            width: 46% !important;
            font-size: 21px;
            margin: 0 4px;
        }  
    
    .filter-item--grid, .filter-item--grid-simple {
        
        margin-left: 6px;
    }
    h3.productgrid--sidebar-title--small {
        margin-left: 5px;
    }
    h2.productgrid--sidebar-title {
        margin-left: 4px;
        margin-top: 8px !important;
    }
    
    
    footer {
    /* margin-bottom: 112px; */
    padding-bottom: 54px;
}
    
    }
  
  
  
  /*--------------footer first row start-------------------*/
  


ul.ecom-navmenu_first_col {
    padding: 0;
}

ul.ecom-navmenu_first_col li {
    padding-left: 0;
    margin: 0;
    list-style: none;
}
ul.ecom-navmenu_first_col li:not(:first-child) {
    margin-top: .3125rem;
}
li.navmenu-item.footer-mail a {
    font-size: 13px;
}  
  /*--------------footer first row end-------------------*/
  
  
/*-----------------header nav start---------------------------*/
 
nav.site-navigation {
    padding: 0;
}
/*-----------------header nav end---------------------------*/

  
  /*  added on 8/9/2021  */
  header.site-header.site-header-nav--open {
/*     background: linear-gradient(0deg, rgb(255 255 255 / 64%), rgb(255 255 255 / 72%)),url(https://cdn.shopify.com/s/files/1/0560/3154/3495/files/ResoruceImgComp.png?v=1628509950);
    background-repeat: no-repeat;
    background-size: cover; */
    background: #001f82;
  }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
/*   header.site-header.site-header-nav--open {
    width:101%;
  } */
  .ecom-header-mid-right {
    left:-4px!important;
    margin-top:15px!important;
  }
  .live-search-form {
    width: 100%!important;
  }
  .subsNavIcon{
    display: block;
    margin: 2px auto;
  }      
  .nav-mid-li.myaccount-dropdown {
    display:flex;
  }
  .nav-mid-li .cart-basket{
    display:flex;
  }
  .cart-count.total-count{
    right: 9px;
    z-index: 3;
    width: auto;
    padding: 2px 4px !important;
  }
}
@media only screen and (max-width: 768px){
  .nav-mid-li .cart-basket{
    display: block;
    text-align: center;
  }
  .cart-count.total-count{
    right:2%;
  }
  .ecom-header-mid-right {
  left:-1rem!important;
  }
  .subsNavIcon {
    display: block;
    margin: 0 auto;
  }
  .nav-mid-li a {
    text-align:center;
    display:block;
  }
}
  /*  added on 8/9/2021 | END  */
  
  /*  added on 8/10/2021  */
  form.live-search-form.form-fields-inline {
    border-radius: 23px;
  }

    .form-field.no-label {
    border-radius: 3px;
    background: #ffffff;
  }

  input.form-field-input.live-search-form-field {
    border-radius: 0;
    background: transparent;
    color: #001f82;
  }

  @media only screen and (max-width: 768px){
    .live-search-form .form-field.no-label {
    background: #001f82;
    border: 1px solid #e1e1e1a3;
    }
    input.form-field-input.live-search-form-field {
      color: #fff;
    }
  }

  .search-icon path{
    color: #98a4cd;
  }

  .subsNavIcon{
    width: 30px!important;
    margin-bottom: 5px;
  } 

  .promoNavImg{
    width: auto!important;
    margin-right: 0;
    position: absolute;
    top: -3px!important;
    left: -35px!important;
    height:34px;
  } 
  
  input.form-field-input.live-search-form-field::placeholder {
    color: blue;
  }

  @media only screen and (max-width:768px){
    input.form-field-input.live-search-form-field::-webkit-input-placeholder {color: #fff;}
    input.form-field-input.live-search-form-field::-moz-placeholder {color: #fff;}
    input.form-field-input.live-search-form-field:-ms-input-placeholder {color: #fff;}
    input.form-field-input.live-search-form-field:-moz-placeholder {color: #fff;}          
  }
  
  .cart-count.total-count {
    background: #1f37c7;
  }
  .Floating_cart {
    box-shadow: -2px 2px 4px 2px #0000004f;
  }
  
  button.modal-close {
    z-index: 9999;
    margin-top: 10px;
    margin-right: 10px;
  }

  .modal.modal--productgrid-filters.allow-scroll-while-locked .modal-inner {
    margin-bottom: 50px;
  }
  /*  added on 8/10/2021 | END  */
  @media only screen and (min-width: 1024px) {
    .ecom-header-mid-left.site-header-main-content {
      position: relative;
    }
    .site-header-logo {
      position: absolute;
      top: -5px;
    }
  }
  
    
  /*-----------------password page start------------------*/
  body.template-password {
/*     background-image: url("https://cdn.shopify.com/s/files/1/0560/3154/3495/files/To_be_launched.jpg?v=1628653574");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 100%; */
    
    
    
    
    background-image: url("https://cdn.shopify.com/s/files/1/0560/3154/3495/files/To_be_Launched_-_Desktop.jpg?v=1628737290");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-color: #26afe2;
 }
  .password-page-header {
    background-color: #fff0;
  }
  
  
  @media only screen and (max-width: 768px) {
  /* For mobile phones: */
      body.template-password {
        background-image: url("https://cdn.shopify.com/s/files/1/0560/3154/3495/files/To_be_Launched_-_Mobile.jpg?v=1628737291");
        background-position: center top;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-color: #26afe2;
     }
}

/*-----------------password page end------------------*/
/*----------------------------------------------*/
  
  li.navmenu-item.launches_li {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 100;
    position: relative;
    display: flex;
    padding: 4px 8px;
    cursor: pointer;
    transition: color .1s ease-in;
    min-height: 45px;
    align-items: center;
    justify-content: flex-end;
    background-color: #a6d6ed;
    flex-direction: row-reverse;
}

@media only screen and (max-width: 960px){
  img.navmenu_img{
    float:unset;
    width: 35px;
  }
  img.launch_navmenu_img {
    width: 35px;
  }
  .mobile-nav-content .navmenu-depth-1>.navmenu-item>.navmenu-link{
    border: none;
  }
  ul.navmenu.navmenu-depth-1 .li.navmenu-item.navmenu-item-parent{
    display:flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 4px 8px;
  }
  .mobile-nav-content .navmenu-depth-1 a.navmenu-link.launches-navmenu-link {
    color: #353535;
    width: 100%;
  }
  .nav-item-icon {
    float: left;
    width: fit-content;
    padding: 5px 8px;
  }
  .nav-item-icon.navmenu-id-offers+a.navmenu-link {
    color: #353535 !important;
  }
}

/*----------------------------------------------*/  

/*----------------------------------------------*/
  .featured-collection__container.ecom-features-card .ecom-text-card-1 .tcards {
      height: 100%;
  }
  section.featured-collection__container.ecom-features-card .ecom-text-card-1 {
    padding: 0; 
    padding-bottom: 19px;
  }
/*----------------------------------------------*/  

/*  added on 8/12/2021  */
/*   li.navmenu-item.navmenu-item-parent.navmenu-id-beauty-personal-care.navmenu-meganav-item-parent img.navmenu_img {
    content:url(https://cdn.shopify.com/s/files/1/0560/3154/3495/files/Beauty_Personal_Care_icon_074f0967-f17c-48fb-9dc8-a0af9933084b.png?v=1628479011);
  }
  li.navmenu-item.navmenu-item-parent.navmenu-id-food-refreshment.navmenu-meganav-item-parent img.navmenu_img {
    content:url(https://cdn.shopify.com/s/files/1/0560/3154/3495/files/Foods_Refreshments.png?v=1628479012);
  }
  li.navmenu-item.navmenu-item-parent.navmenu-id-home-care.navmenu-meganav-item-parent img.navmenu_img {
    content:url(https://cdn.shopify.com/s/files/1/0560/3154/3495/files/Home_Care_icon_b2f98707-ba92-402d-8233-551509e8c0e8.png?v=1628479011);
  } */
/*   
  .ecom-text-card-1 .tcards img {
    height: 85% !important;
  } */
  .ecom-addtocart {
   margin-bottom:0px;
    background-color: #001f82;
    color: white;
   }
  
/*  added on 8/12/2021 | END  */


/*-------------out of stock start-------------------*/  
  .productitem.item_grid.outofstock_active .b2b_addtocartBtn {

    display: none;
  } 

  .outofstock_active .b2b_addtocartBtn {
    display: none;
  }
/*---------------out of stock end------------------*/ 
  
  
  /*  added on 12/17/2021 to fix header issue  */
  .promonav.ecom-header-third_nav {
    margin-top: 0px !important;
  }
  /*  added on 12/17/2021 to fix header issue | END  */
  
  
/*------------------------ddd---------------------------*/  
  
.delivery_date_row_text {
    cursor: pointer;
    box-shadow: 0 0 1px 0px #7c7c7cf2;
    padding: 5px 4px;
} 
  
  
ul.featured-collection__content.relative_carousal_sugg li {
    border: 1px solid rgba(128,128,128,.16);
    padding: 8px;
}  
.relative_carousal_sugg .productitem--image img {
  
   visibility: visible;
}  
  
  /* added 8/feb/2022   */
  .height_reduce{
     min-height:0%;

  }

  div#snackClose {
    position: absolute;
    top: 0;
    right: 7px;
    cursor: pointer;
}
  
  
/* ecom whm popup banner start */
    .whm_image{
  	width: 50px;
    margin: unset;
    padding: unset;
    top: auto;
    right: 0;
    position: absolute;
    z-index: 1;
  }
  .collection_promo_text_ecom{
    /*
        background: #afd4f0;
    text-align: center;
    margin:unset;
    padding:unset;
    */
    position: absolute;
    color: #fff;
    z-index: 9999;
    background: #afd4f0;
    bottom: 6%;
    width: 110.1%;
    text-align: center;
    top: -15%;
    margin: unset;
    height: fit-content;
    padding: unset;
    left: -5%;
  }
  
/* ===========================================POPUP===================================   */
 .whm_image{
      
    position: absolute;
    
    }
  
  
  div#whm-banner {
        position: fixed;
    width: fit-content;
    height: fit-content;
    background: #afd4f0;
    z-index: 700;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* margin: auto; */
    display: none;
    background: black;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.75);
}
  .whm-banner-container {
    position: fixed;
    width: 28% !important;
    height: fit-content;
    background-color: rgba(0,0,0,0.0);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    
}
#whm-banner-link{
  position: relative;
}
   img.__image {
    width: 100%;
}
  
div#whm-banner-close {
        color: #1f37c7;
    position: absolute;
    right: 6px;
    top: -7px;
    padding: 0;
    margin: -6px;
    border-radius: 50%;
     width: 24px;
    height:24px;
    /* text-align: center; */
    cursor: pointer;
    background: #afd4f0;
    padding: 0px 9px 1px 7px;
    z-index:5;
}
  @media only screen and (max-width: 1000px){
    .whm_image{
      
    position: absolute;
    
    }
  
  div#whm-banner {
        position: fixed;
    width: fit-content;
    height: fit-content;
    background: #afd4f0;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* margin: auto; */
    display: none;
    background: black;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.75);
}
  .whm-banner-container {
    position: absolute;
    width: 45% !important;
    height: fit-content;
    background-color: rgba(0,0,0,0.0);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    
}
   img.__image {
    width: 100%;
}
  
div#whm-banner-close {
        color: #1f37c7;
    position: absolute;
    right: -1px;
    top: 0px;
    padding: 0;
    margin: -6px;
    border-radius: 50%;
     width: 24px;
    height:24px;
    /* text-align: center; */
    cursor: pointer;
    background: #afd4f0;
    padding: 0px 9px 1px 7px;
}}
  
 @media only screen and (max-width: 768px){
    .whm_image{
      
    position: absolute;
    
    }
  .whm-banner-link{
  position: relative;
}
  
  div#whm-banner {
        position: fixed;
    width: fit-content;
    height: fit-content;
    background: #afd4f0;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* margin: auto; */
    display: none;
    background: black;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.75);
}
  .whm-banner-container {
    position: absolute;
    width: 90% !important;
    height: fit-content;
    background-color: rgba(0,0,0,0.0);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    
}
   img.__image {
    width: 100%;
}
  
div#whm-banner-close {
        color: #1f37c7;
    position: absolute;
    right: -1px;
    top: -0px;
    padding: 0;
    margin: -6px;
    border-radius: 50%;
    width: 24px;
    height:24px;
    /* text-align: center; */
    cursor: pointer;
    background: #afd4f0;
    padding: 0px 9px 1px 7px;
}}
  .close span {
    max-width: 5px;
    max-height: 4px !important;
    margin-left: -21px;
    margin-bottom: -21px;
    bottom: 0;
    /* background: black; */
  }
/* ecom whm popup banner end   */
  
  /* update 2022-05-19  code by nisansala sing popup button*/
  
  .sing-box {
    position: relative;
/*     left: 300px; */
    top: -51px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 13%);
   
   
    
    /* background: #78b9b970; */
    width: 13px;
    padding: 0!important;
    
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #afd4f0;;
    height: 46px;
    width: 150px;
  border-radius:5px;}
 


  .tri{width: 0;
    width: 0;
    top: 13px;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #afd4f0;
    overflow: hidden;
    display: inline-block;
    overflow: hidden;
    position: relative;
    left: 220px;
    float: right;
    margin-top: -2;
    
    
 /* 
   
 animation-name: fadeInOut;
  animation-duration: 5s;
  animation-iteration-count:3;
  animation-timing-function: linear;*/
  
  }
    
  
  .sing{
   
      margin-top: 15px;
  
	}
	p.msg {
    text-align: center;
    color: #1a1a1a;
      font-size:10px;
      line-height: 1.1rem;
} 
  
  
 .btn-sing{
	background-color: #1f37c7;
    width: 89px;
    height:23px;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 10px;
     background-image: linear-gradient(#1f37c7, #000681);
} 
  
 
    p.btn-close {
       position: absolute;
    top: -6px;
    right: -5px;
    padding-right: 5px;
    font-size: 12px;
    color: #535454;
    cursor: pointer;
    background: #e8e8e8;
    /* border-radius: 34px; */
    /* padding: 5px 5px; */
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 25px;
    padding-left: 5px;
  }
  
  .sing-box,.btn-sing,p.msg,.sing,.tri{
   /*animation: cssAnimation 0s 6s forwards;*/
   /*visibility:hidden;  */
  opacity: 1;
  animation-name: fadeInOpacity;
     
    animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;
           
  }
  
  
  
 /* @keyframes cssAnimation {
    
    to   { visibility: visible;}
    
  
}*/
 @keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}  
  /* Extra small devices (phones, 600px and down) */
/*@media only screen and (max-width: 600px) {
  .sing-box,.btn-sing,p.msg,.sing,.tri{
      display: none;
  }
  
}

/* Small devices (portrait tablets and large phones, 600px and up) */
/*@media only screen and (min-width: 600px) {
    .sing-box,.btn-sing,p.msg,.sing,.tri{
      
  }
 }

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
   .tri,.sing-box{
  display:none;
  }
 
}
/* ===========================================curancy icon postions======================================  . */
  .baDropdownStyle.top_left {
    /* bottom: unset; */
    top: 2px !important;;
    left: 8px !important;;
/*     bottom: 10px !important;; */
}
  
  
/*  Continue shopping START */
  .continue_shopping_btn {
    width: 100%;
      text-align: center;
      border: 1px solid gray;
      display: flex;
      justify-content: center;
      align-content: center;
      align-items: center;
      padding: 6px 0;
      text-transform: capitalize;
      cursor: pointer;
  }
  
  .ecom_continue_shopping {
    padding-top: 20px;
    cursor: pointer;
    display:none;
  }
  
  .ecom-hide{
    display:none;
}
/*  continue shopping END  */
  
/*  SEND TO BACK CURRENCY CONVERTOR  */
  .bacurr-cur-block, .bacurr-cur-blocker {
    z-index: 9999 !important;
}

/*  SEND TO BACK CURRENCY CONVERTOR  */

/* --- Currency Converter New Styles-Start--- */

.baDropdownStyle .bacurr-dropdownChoices{
	-webkit-text-fill-color: white !important;
}

.baDropdownStyle .bacurr-choiceDesign {
  background-color:#001f82!important;
  box-shadow: none!important;
}

.baDropdownStyle .bacurr-choiceDesign:after {
border-top: 6px solid white!important;
}

.curChoice {
    -webkit-text-fill-color: #000;
    font-size: 12px;
    line-height: 14px;
    padding: 0;
    margin-top: 8px;
    display: inline-block;
}

.baDropdownStyle .bacurr-choiceDesign.active:after, .baDropdownStyle .bacurr-choiceDesign:active:after {
    border-top-color: transparent!important;
    border-bottom-color: white!important;
}

/* --- Currency Converter New Styles-End--- */

/* re position currency converter -start */
@media screen and (max-width: 768px){
.baDropdownStyle.mobile_bottom_left:not(.hideOnMobile) {
    bottom: 9%!important;
    left: 2%!important;
}
}

/* re position currency converter - end */




/* SUBSCRIPTION CSS START */



/* SUBSCRIPTION CSS END */




/* notification box start */
.notifiPopupContainer {
    position: fixed;
    display: block;
    background: #2eabe1;
    z-index: 999;
        left: 16%;
    border-radius: 26px;
    cursor: default;
    padding: 6px 20px;
    min-width: 450px;
    max-width:500px;
    top: 110px;
}

.notifiButtonContainer {
    display: flex;
    justify-content: space-around;
  padding:10px;
}

.notifiAccept, .notifiDeny {
    cursor: pointer;
    border: 4px solid white;
    padding: 3px 19px;
    border-radius: 26px;
    color: white;
  text-align:center;
}
.notifiTextDivContainer{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-around;
  word-break: break-all;
}
.textContainer{
  color: white;
  font-size: 16px;
  margin: 0rem auto;
  line-height: 150px;
}
.textContainer p {
display: inline-block;
line-height: normal;
vertical-align: middle;
}

.notifiButtonContainer button{
  background: transparent;
    border: 4px solid white;
    border-radius: 24px;
    width: 30%;
    color: white;
    padding: 10px;
    font-size: 18px;
}
.imgContainer img{
  width:130px;
}

@media only screen and (max-width:768px){
  .notifiPopupContainer{
    min-width: 85%;
    max-width: 90%;
    left: 25px;
  }
}
@media only screen and (max-width:450px){
  .notifiButtonContainer {
    display: flex;
    padding:12px 1px;
    flex-direction: column;
    width: 80%;
    margin: 0 auto;
  }
  .notifiAccept, .notifiDeny {
    margin:4px 0px;
  }
  .notifiTextDivContainer {
    margin-top: 12px;
}
}
/* notification box end */


/*----- styles classes for mob nav scroll event Start-----*/
@media only screen and (max-width:768px){
  .navMyBasketTxt{
	display:none;
  }
}

@media only screen and (min-width:350px) and (max-width:768px){
  .onScrollSiteMainHeader{
      display: block;
  }
  
  .onScrollMobToggleBtn {
      position: absolute;
      top: 48px;
      left: 3px!important;
  }
  button.site-header-menu-toggle.onScrollMobToggleBtn{
    top:50px;
  }
  button.site-header-menu-toggle.onScrollMobToggleBtn .site-header-menu-toggle--button {
    padding: 8px;
  }
  .nav-mid-li.cart-basket a{padding:2px;}
  
  .onScrollMobHeaderLogo {
      width: fit-content;
  	zoom:0.6;
      display: flex;
      justify-content: center;
      margin:0 auto;
  }
  
  .onScrollMobEcomNavRight {
      margin: 5px auto;
      width: 85%!important;
  }
  
  .onScrollMobEcomHeaderMidRight {
      position: absolute;
      top: 50px!important;
      width: 100vw;
  }
}

@media only screen and (max-width:400px){
  .onScrollMobToggleBtn {
    left: -7px!important;
    padding:4px;
  }
}
/*----- styles classes for mob nav scroll event End-----*/

/*-- Out of product notification btn styles - start --*/
.product_Subscribe {
  position: relative;
}

.OutStockProductNotifiBtn{
  width: 100% !important;
  max-width: none;
  background-color: #001f82;
  border: none;
  border-radius: 0;
  padding: 12px;
  color: white;
}
/*-- Out of product notification btn styles - end --*/

/*-- Out of product notification Area Pop Up Window - start --*/
.bubble {
  position: absolute;
  font-size: 14px;
  line-height: 18px;
  width: 65%;
  background: #a6d6ed;
  border-radius: 8px;
  padding: 10px 8px 8px 8px;
  text-align: center;
  color: #000;
  bottom: 53px;
  left: 50px;
  box-shadow: -3px 7px 10px rgb(14 14 14 / 80%);
  z-index:2;
}

.bubble p{
  margin:0;
}

.bubble-bottom-left:before {
  content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 20px solid #cb08c800;
    border-right: 19px solid #668e0200;
    border-top: 25px solid #a6d6ed;
    border-bottom: 24px solid transparent;
    left: 75px;
    bottom: -32px;
    z-index:-1;
}

.smallBtnForNotifi{
    width: 60%;
    border-radius: 4px;
    border: none;
    padding: 6px;
    margin: 0;
    background-image: linear-gradient(180deg, #001f82, #02185e);
    color: white;
}

@media only screen and (max-width:720px){

.bubble {
	width:40%;
	left:32%;
}

.bubble-bottom-left:before {
left:42%;
}

}
/*-- Out of product notification Area Pop Up Window - end --*/

#normal_cart_box .csapp_aiod_coupan {
    display: none !important;
}

/* remittance START */
.remittance {
    width: 500px;
    height: 200px;
    background: #fff;
    color: #231f20;
    position: fixed;
    z-index: 701;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 0 0 0 10000px rgb(0 0 0 / 78%);
    padding:14px;
  text-align:center;
  border-radius:24px;
}
.orderProcUsdNotification {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    width: 80%;
    margin: 2rem auto;
}
.remittance img {
    width: 80px;
}

.remittance p {
    color:#6d6e71;
    text-align:left;
    margin-left:12px;
}

.remittance h5 {
    font-size: 22px;
    margin-top: 12px;
}
@media only screen and (max-width:550px){
  .remittance {
    width: 90%;
    height: fit-content;
  }
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.ecom_hide {
  display : none !important;
}
/* remittance END */


/*--- business - account - page - top - banner ---*/
.ecom_business-ac-top-banner{
  display:none;
  width:100%;
  height:auto;
}

.ecom_business-ac-top-banner img{
  width:100%;
  height:auto;
}

/*--- customer - account - page - top - banner ---*/
.ecom-cus-ac-top-banner{
  display:none;
  width:100%;
  height:auto;
}

.ecom-cus-ac-top-banner img{
  width:100%;
  height:auto;
}

.ecom-cus-ac-top-banner.display_dy_header{
	display: block !important;
}

.ecom-cus-ac-top-banner.display_dy_header .onDesk{display: block;}
.ecom-cus-ac-top-banner.display_dy_header .onMob{display: none;}

@media only screen and (max-width:768px){
  .ecom-cus-ac-top-banner.display_dy_header .onDesk{display: none;}
.ecom-cus-ac-top-banner.display_dy_header .onMob{display: block;}
}

/* ---- New My account page Design - Start --- */

.creditLimitContainer{
text-align:right;
  margin: 10px auto;
  max-width: 1345px;
  margin-bottom: 35px;
}

.accOrdHistoryTbl {
    color: white;
    background-color: black;
    text-transform: capitalize;
}

.b2bMarkSettlement, .b2bViewOrder, .b2bRecreateOrder{
	border-radius: 5px;
    margin: 8px auto;
    color:white;
  padding:4px;
  cursor: pointer;
  max-width: 13.9vw;
}

.b2bMarkSettlement{
  background-color: #009245;
}

.b2bViewOrder{
  background-color: #3559cf;
}

.b2bRecreateOrder{
  background-color: #333333;
}

.b2bOrderPaginateRow{
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  user-select: none;
}

.orderPaginateItem , .orderPaginateNext {
    margin: 12px 12px 2px 12px;
}

/*--- product view pop up Start ---*/

.b2bViewOrderPopupContainter{
	width: 60%;
    background: white;
    position: fixed;
    z-index: 8;
    box-shadow: 0 0 0 100000px rgb(0 0 0 / 75%);
    border-radius: 18px;
    padding: 20px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .b2bViewOrderItemContainer {
    max-height: 40vh;
    overflow-y: auto;
}

.b2bViewOrderTbl {
    width: 98%;
    margin: 5px auto;
}

.b2bViewOrderTbl th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #2135c8;
    color: white;
}

.b2bViewOrderTbl td, .b2bViewOrderTbl th {
  padding: 8px;
}

.b2bMarkSettlement, .b2bViewOrder, .b2bRecreateOrder, .orderPaginateItem, .orderPaginateNext {
    cursor: pointer;
}

.orderPaginateItem.activePaginate {
    font-weight: bold;
    font-size: 18px;
}

.b2bViewOrderTbl tr:nth-child(even){background-color: #f2f2f2;}

.b2bViewOrderTbl tr:hover {background-color: #ddd;}

.b2bViewOrderPopupClose {
    font-size: 1.3vw;
    background-color: #ff0101;
    position: absolute;
    width: 2.2vw;
    height: 2.2vw;
    text-align: center;
    color: white;
    font-weight: 900;
    font-family: cursive;
    border-radius: 100%;
    right: -8px;
    top: -8px;
    cursor: pointer;
}

.b2bViewOrderOrderIdTxtArea{
  display: flex;
  justify-content: center;
  font-size: 24px;
  font-weight: 800;
  flex-direction: row;
  flex-wrap: wrap;
}
@media only screen and (min-width:768px) and (max-width:1150px){
  .b2bViewOrderPopupClose {
    font-size: 1.9vw;
    width: 3vw;
    height: 3vw;
  }
}

@media only screen and (max-width:768px){
  .b2bViewOrderPopupClose {
    font-size: 24px;
    width: 36px;
    height: 36px;
  }
  .b2bViewOrderPopupContainter{
    width: 95%;
  }
  .b2bViewOrderItemContainer{
    overflow:scroll;
  }
}

/*--- product view pop up End ---*/


@media only screen and (max-width:1024px){
  .creditLimitContainer {
    margin: 10px auto;
    width: 90%;
  }
  .account-page--column-small.account-info {
    margin-bottom: 1rem;
  }
}
[data-b2b-order-table] td {
    padding-right: 0px !important;
}
/* ---- New My account page Design - End --- */

/* ecom b2b menu desktop */
.ecomSubMenuLvl-1[data-ecom-isopen="false"] {
    display: none;
}

.singleItemContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.ecomSubMenuLvl-1[data-ecom-isopen="true"] {
    display: block;
}

.ecomSubMenuLvl-1 {
    position: absolute;
    background-color: white;
    color: black;
    left: 0;
    width: 100%;
    margin-top: 5px;
    box-shadow: 0 0 0 10000px rgb(0 0 0 / 43%);
    z-index: 999;
}
.ecom_b2b_navmenu-Main .ecomSubMenuLvl-1 {
    transform: translateY(30px);
    padding-top: 10px;
    padding-bottom: 10px;
}

.singleItemContainer .singleItem a {
    color: black !important;
}
/* ecom b2b menu desktop end */


/*-- mini cart design - start --*/

.minicart-img-container {
    width: 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.minicart-img-container img{
  width:85% !important;
  margin-right:15%;
  margin-left:0;
  height: auto;
}

.remove-minicart-item {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 1px;
    padding: 2px;
    background: #c1c1c1;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.minicart-itm-data-wrapper .minicart_items_container {
    width: 60%;
    text-align:left;
    padding-right:8px;
}

.minicart-itm-data-wrapper .minicart_button_container {
    display: flex;
    width: 40%;
}

.minicart-itm-data-wrapper .minicart_title.minicart_title_p {
    font-size: 16px;
    font-weight: 800;
    padding-bottom: 0px !important;
    display: block;
    width: 100%;
}

.minicart-itm-data-wrapper .item_count span {
    font-size: 14px;
}

.minicart-itm-data-wrapper .minicart_minus ,
.minicart-itm-data-wrapper .minicart_plus{
    width: 25%;
    display: block;
}

.minicart-itm-data-wrapper .minicart_item_count_container {
    display: block;
    width: 50%;
}

.minicart-itm-data-wrapper .minicart_item_count_container input.minicart_item_count{
    width:100%;
}

.minicart-itm-data-wrapper .ecom-curr-name{
  display: none;
}

.TotalBtnChkBtnWrapper {
    padding-bottom: 8px;
    box-shadow: 0px -5px 6px -5px #0000005c;
}
.line-through {
    text-decoration: line-through;
}
/*-- mini cart design - end --*/

/*-- sticky class filter on mobile - start --*/
.fixedFilterTab{
    position: fixed;
    z-index: 99;
    right:0;
    left:0;
  }

@media only screen and (min-width:769px) and (max-width:858px){
  .fixedFilterTab{
    top: 210px;
  }
}
  
@media only screen and (min-width:600px) and (max-width:768px){
  .fixedFilterTab{
    top: 148px;
  }
}
@media only screen and (max-width:600px){
  .fixedFilterTab{
    top: 117px;
  }
  .live-search-form{
    top:10px;
  }
}
/*-- sticky class filter on mobile - end --*/

/* B2B settlement popup START */
.b2bSettlement {
    width: 60%;
    margin: 2% 20%;
    background: white;
    position: absolute;
    top: 0;
    z-index: 1;
    box-shadow: 0 0 0 100000px rgb(0 0 0 / 75%);
    border-radius: 18px;
    padding: 20px;
}

.b2bSettlement .close-btn {
    width: fit-content;
    position: absolute;
    right: -1.1%;
    top: -2.7%;
    background-color: red;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    color: white;
    font-weight: bold;
    cursor: pointer;
}

.b2bSettlement h3 {
    border-bottom: solid;
    border-bottom-color: gray;
    border-bottom-width: 2px;
    padding-bottom: 0.5%;
}

table.b2bViewSettlement {
    width: 100%;
}

table.b2bViewSettlement thead td {
    background-color: #001f82;
    color: white;
    padding: 5px;
}

.b2bViewSettlement tbody td {
    padding-left: 5px;
}

.b2b_settlement_wrapper {
  display: flex;
  flex-direction: column;
}

.b2b_settlement_wrapper button {
    all: unset;
    margin-top: 10px;
    text-align: center;
    background-color: #001f82;
    color: white;
}

.b2b-button-wrapper {
  text-align: center !important;
}

.b2bSettlement h4 {
    text-align: center;
}

@media only screen and (max-width:768px){
  .b2bSettlement{
    width: 95%;
    margin: 2rem 2.5%;
  }
}
/* B2B settlement popup END */

/*-- AIOD Discount Styles - Start --*/
.aiod-volume-discount-wrap {
    margin-top: 20px;
}

.aiod-volume-discount-wrap .offer-wrpper h4.heading_table {
    margin-bottom: -8px;
}

.csapps-volume-discount-tiers {
    padding: 0px;
    border: none !important;
    border-radius: 0 !important;
    background: #fff;
}

.csapps-volume-discount-tiers .csapps-table thead {
    background-color: #001f82;
    font-size: 14px;
    color: #ffffff;
}

.csapps-volume-discount-tiers .csapps-table tbody {
    background-color: #d7d7d7ad;
    font-size: 14px;
    color: #001f82;
    font-weight: 700;
}
  
.csapps-volume-discount-tiers table.csapps-table.table th ,
.csapps-volume-discount-tiers table.csapps-table.table td {
  padding: 8px 12px;
}


.cs_bogo_get_pro_wrpr {
    border-radius: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.cs_bogo_get_pro_wrpr h4.cs-message-heading {
    margin: 0;
    padding: 12px;
    color: #fff;
    background: #001f82;
    font-size: 16px;
}

.cs_bogo_get_pro_wrpr p.bogo_desc_content {
    padding: 8px 12px;
    font-size: 12px;
    background: #afd4ef;
    color: #001f82;
    margin-bottom: 0;
}

.cs_bogo_get_pro_wrpr .csapp-products {
    padding: 4px 8px;
    border: 1px solid #afd4ef;
    border-top: none;
}

.cs_bogo_get_pro_wrpr .cs_block_product.is_get {
    margin: 2px 2px;
    border-radius: 0;
    padding: 4px 2px;
}

.cs_bogo_aiodp.cs_aiodp.bogo_aiodp.cs_show {
    box-shadow: 0 0 0 10000px #1a1a1a82;
}

.cs_bogo_pop_close.aiodp_close {
    background-color: #001f82 !important;
}

.csapps-bunlde-tiers .csapp_bundle_title, .cs_p_c_m .csapp_aiodp_wrpr h4, .aiod-special-bonus-aiodp .special-bonus-head h3 ,
.cs_p_c_m .csapp_aiodp_wrpr h4 svg, .cs_p_c_m .csapp_aiodp_wrpr h4 path, .cs_p_c_m .csapp_aiodp_wrpr .cs_offer_content{
    color: #001f82 !important;
    fill: #001f82 !important;
    border-color: #001f82 !important;
}

.csapp-freeg-inner.grid_inner {
    background-color: #afd4ef !important;
}

body .cs_aiodp .aiodp_close{
  background-color: #001f82 !important;
}

.csapp_aiodp_wrpr .cs_offer_content{
  max-height:52vh !important;
}

.cs_free_product_aiodp.cs_aiodp.free_gift_aiodp.cs_show .cs_p_c_m .csapps-price del {
    color: red;
}

.cs_free_product_aiodp.cs_aiodp.free_gift_aiodp.cs_show {
    box-shadow: 0 0 0 10000px #010b28a1;
}

.csapp-price-saving.aiodmb_saving {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.csapp-price-saving.aiodmb_saving b {
    font-size: 18px;
    margin-right: 4px;
  color: #007bff;
}

span.aiod_save_price.money span.money {
    color: #007bff;
    font-size: 18px;
    vertical-align: unset;
}

.csapp-discount-list span.money.aiod_price_label {
    min-width: auto;
}

.cart-subtotal span.ecom_subtotlaltxt {
    color: #001f82;
    display: block;
    font-weight: 700;
}

span.csapps-cart-original-total.discount-price span.money {
    font-size: 18px !important;
    margin-right: 8px;
    font-weight: 700;
  color: #4d4d4d;
}

span.csapps-cart-original-total.discount-price {
    text-decoration: 2px line-through red !important;
}

.csapp-discount-list {
    width: 100% !important;
}

.csapp-discount-list .discount_price .csapp_money{
  background: #001f82 !important;
  color: #fff;
  font-weight: 700;
}

.csapp-discount-list .discount_price .csapp_money span{
  color: #fff !important;
}

.csapp-discount-list .discount .dis-text{
  margin-left: 5px;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.csapp-discount-list .discount .dis-text{
  max-width: unset !important;
}

p.ecom_eligibility_text {
    margin-top: 20px;
    margin-bottom: 0;
    color: #ffad2a;
    padding: 0px 8px;
    font-weight: 600;
    font-size: 16px;
}

span.saso-cart-original-total {
    display: none;
}

span.close_bogo.no_thanks_aiodp,
span.close_free.no_thanks_aiodp{
    color: white;
    width: fit-content;
    margin: 8px auto;
    text-decoration: none;
    padding: 8px 32px;
    background-color: #cd0303;
    border-radius: 4px;
}

.cs_wholesale_msg_wrpr.top_msg_wrpr p {
    color: #001f82 !important;
    font-size: 13px !important;
}

.cs_wholesale_msg_wrpr.top_msg_wrpr {
    background-color: #afd4ef !important;
}

/*-- discount code enter field --*/
.csapp_discount_total_wrapper .csapp_aiod_coupan {
    border: 2px solid white;
    margin-top: 14px;
    margin-bottom: 8px;
}

.csapp_discount_total_wrapper .csapp_aiod_coupan_code , 
.csapp_discount_total_wrapper .csapp_aiod_coupan_btn{
  border: none !important;
}

.csapp_discount_total_wrapper .csapp_aiod_coupan_btn span {
    background: #d38800;
    color: white;
    padding: 4px 14px !important;
}

.csapp_discount_total_wrapper span.aiod_remove_code {
    padding: 4px;
    background: red;
    color: white;
    margin-right: 8px;
    border-radius: 4px;
}

.csapp_discount_total_wrapper span.aiod_remove_code svg{
  fill: #fff;
}

/*-- Bundles discount -  styles --*/
.aiod-bundle-discount-wrap .csapps-bunlde-tiers,
.aiod-bundle-discount-wrap .csapps-bunlde-wrapper.desk_layout_four_grid.mob_layout_two_grid{
    background: #deeffb;
}

.aiod-bundle-discount-wrap span.csapp_bundle_saveprice {
    color: #e98101;
}

.aiod-bundle-discount-wrap span.csbundle-total-price.money {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #010464;
}

.aiod-bundle-discount-wrap .csapp_container_bundle,
.aiod-bundle-discount-wrap .csapps-bunlde_desc{
    padding: 4px 14px;
}


/*-- AIOD Discount Styles - End --*/

section.ecom-main-banner.slideshow {
    margin-top: 0;
}

.featured-collection__container .ecom_title.home-section--title {
    margin-top: 2rem;
  margin-bottom: 1rem;
}

@media only screen and (min-width:768px){
  a.productitem--image-link figure.productitem--image img.productitem--image-alternate,
  a.productitem--image-link figure.productitem--image .productitem--image-primary{
      width: 100%;
      height: auto;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      position: absolute;
  }
}

@media only screen and (max-width:768px){
  a.productitem--image-link figure.productitem--image img.productitem--image-alternate,
  a.productitem--image-link figure.productitem--image .productitem--image-primary{
      width: 100%;
      height: auto;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      position: absolute;
  }
}

.productitem--info .price__compare-at.hidden.visible {
    display: none !important;
}

.ecom-main-banner slideshow__wrapper .flickity-viewport {
    width: 100% !important;
}

div#shopify-section-page-contact .page-masthead, .page-masthead {
    max-width: 100%;
    margin-left: 25%;
    margin-right: 25%;
    border-radius: 30px;
}
.site-page .page-masthead .page-title {
  color: #ffffff;
  border-radius: 30px;
}

@media only screen and (max-width:768px){
  div#shopify-section-page-contact .page-masthead {
    margin-left: 3%;
    margin-right: 3%;
  }
  .page-masthead {
    margin-left: 0%;
    margin-right: 0%;
  }
}


.ecom_contact-us-top-banner{
  overflow-x: hidden;
  width: 100%;
  margin: 0rem auto;
  padding: 0;
}

img.ecom_contact-us-mobile-banner {
  display: none;
  width:100%;
}

img.ecom_contact-us-desktop-banner {
  display: block;
  width:100%;
}
  
@media only screen and (max-width:820px){
  .ecom_cart-top-banner {
    margin: 1rem auto;
  }
  img.ecom_contact-us-desktop-banner {
    display: none;
  }
  img.ecom_contact-us-mobile-banner {
    display: block;
}
}

/*--- my account page sticky left - start ---*/
@media only screen and (min-width:1023px){
  .account-page-content {
    min-height: 100vh;
  }
  article.account-page-content {
    min-height: fit-content;
  }
  .account-page--column-small.account-info {
    position: sticky;
    top: 180px;
    max-height: 75vh;
    overflow-y: scroll;
    display: flex;
    align-self: flex-start;
    flex-direction: column;
  }
  .account-page.account-addresses .account-address-list-footer {
    position: relative;
  }
  .acount-content-wrap .account-page--two-column {
    align-items: flex-start !important;
  }
  .account-page--column-small.account-info::-webkit-scrollbar {
  width: 3px;
}

.account-page--column-small.account-info::-webkit-scrollbar-track {
  background: #c5e0f569;
}

.account-page--column-small.account-info::-webkit-scrollbar-thumb {
  background: #e2f1fd69;
}

.account-page--column-small.account-info::-webkit-scrollbar {
    width: 3px;
  }
  .account-page--two-column .account-page--column-large {
    margin-left: 12px;
  }

  section.account-page.account-page-details div.account-page-content .account-page--two-column {
    display: flex;
  }

  .account-page--two-column.address-col .account-page--two-column {
    display: block;
    flex-direction: row;
  }
  .account-page--two-column.address-col .account-page--two-column .account-page.account-addresses{
    width: 100%;
  }
  ul.account-address-wrapper > li{
    width:95% !important;
  }
}
/*--- my account page sticky left - end ---*/

p.article-published-date {
    font-size: 14px;
    color: #585757;
    margin-top: -14px;
    font-weight:700;
}


/*-- added on 12/8/2021 --*/

  li.ecom_article {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%), 0 6px 20px 0 rgb(0 0 0 / 10%);
  }
  li.ecom_article:hover {
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    box-shadow: 0px 5px 22px 8px rgb(112 112 112);
}
  }
/*   .article--excerpt-title a{
      text-transform: uppercase;
  } */
  .article--excerpt-image{
/*     border-top-right-radius: 10px;
    border-top-left-radius: 10px; */
  }
  
  li.ecom_article.article--excerpt-wrapper {
    border-radius: 0px;
}
  li.ecom_article.article--excerpt-wrapper{
  width: calc(24.333333% - 13.3333333333px);
  }
  .blog--inner .article--excerpt-wrapper:nth-child(3n){
  margin-right: 20px;
  }
  .article--excerpt-image{
      background-position: revert;
    background-size: contain;
    height: auto;
  }
  .article-date,.ecom-title{
      text-align: left;
       min-height: 3em !important;
  }
  .btn-read{
    padding: 10px;
    text-align:right;
  }
  
  a.article--excerpt-readmore{
    text-decoration:none;
  }
/*   a.article--excerpt-readmore:hover{
  color:#ffffff;} */
 .article--excerpt-readmore {
    margin-top: 1rem;
    line-height: 1;
    color: #464a5b;
    text-transform: capitalize;
}
 .ecom-title {
 min-height: 4em !important; 
 
} 

.article-list-item{
  border-radius: 0;
}
  
  /* ========================================small-device=============================================     */
  @media only screen and (max-width: 320px) {
    li.ecom_article.article--excerpt-wrapper{
    width:100%
    }
    
    
  }
  
   /* ========================================small-device=============================================     */
  @media only screen and (max-width: 420px) {
    li.ecom_article.article--excerpt-wrapper{
    width:100%
    }}
  
   /* ========================================small-device=============================================     */
  @media only screen and (max-width: 600px) {
    li.ecom_article.article--excerpt-wrapper{
    width:100%
    }}
 
  
   
  
  @media only screen and (max-width:1000px) {
    .article-date,.ecom-title{
        min-height: 5em !important;}
  li.ecom_article.article--excerpt-wrapper {
    width: calc(33.333333% - 13.3333333333px);
}} 
 @media only screen and (max-width:768px) {
    .ecom-title{
        min-height: 0em !important;
    }
   .blog--inner .article--excerpt-wrapper:nth-child(3n){
     margin-right:0;
   }
   .blog--inner{
     justify-content: space-between;
   }
    }  
 @media screen and (min-width: 1366px) {
.ecom-title {
 min-height: 4em !important; 
 
}
} 
  
 @media screen and (min-width: 1400px) {
.ecom-title {
 min-height: 4em !important; 
 
}
}
@media screen and (min-width: 1600px) {
.ecom-title {
 min-height: 4em !important; 
 
}
}
@media screen and (min-width: 1900px) {
.ecom-title {
 min-height: 4em !important; 
 
}
} 

/*-- added on 12/8/2021 | END --*/

@media only screen and (max-width:768px){
  .blogposts--container{
    width:85%;
    margin:0 auto;
    padding:0 20px;
  }
  .ecom-blog-post-home button.slick-next.slick-arrow {
    right: -24px;z-index: 9;
  }
  .ecom-blog-post-home button.slick-prev.slick-arrow {
    left: -24px;
    z-index: 9;
    opacity: 1;
    top: 50%;
  }
  .ecom-blog-post-home .slick-prev.slick-disabled:before, .ecom-blog-post-home .slick-next.slick-disabled:before,
  .ecom-blog-post-home .slick-prev:before, .slick-next:before,
  .ecom-blog-post-home .slick-prev:hover:before, .ecom-blog-post-home .slick-prev:focus:before,
  .ecom-blog-post-home .slick-next:hover:before, .ecom-blog-post-home .slick-next:focus:before{
    opacity:0.5;
  }
}

.ecom-blog-post-home article.article-list-item {
    background-color: #fff;
}

/*   osx dock css START */
/*
.osx-dock {
    height: 6.6vw;
    padding: 0 40px 0 1px;
    background: url(https://d33wubrfki0l68.cloudfront.net/572492a\2026/d9a70/playground/playground/osx-dock/dock-background-left.png) no-repeat right bottom;
    width: 100%;
    position: absolute;
    bottom: 0px;
    margin: 0;
    background-color: #00000052;
}

.osx-dock .osx-div  {
    display: inline-block;
    position: relative;
    float: left;
    width: auto;
    height: auto;
    margin: 34px 2px 4px 2px;
    -webkit-transition: 0.15s linear;
    -webkit-transition-property: -webkit-transform margin;
    text-align: center;
}

.osx-dock .osx-div img {
  display: block;
  height: auto;
  padding: 0 1px;
  -webkit-transition: 0.15s linear;
  -webkit-transition-property: -webkit-transform margin;
  margin: 0;
  -webkit-box-reflect: below 6px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.45, transparent), to(rgba(255, 255, 255, 0.25)));
}

.osx-dock .osx-div img {
  width: 45px;
}

.osx-dock .osx-div:hover {
  margin-left: 25px;
  margin-right: 25px;
  z-index: 200;
}

.osx-dock .osx-div:hover img {
  -webkit-transform-origin: center bottom;
  -webkit-transform: scale(1.7);
}

.osx-dock .osx-div.nearby {
  margin-left: 10px;
  margin-right: 10px;
  z-index: 100;
}
    .osx-dock .osx-div.nearby img {
  -webkit-transform-origin: center bottom;
  -webkit-transform: scale(1.45);
}

.osx-dock .osx-div  span {
 background: rgba(0,0,0,0.75);
 position: absolute;
 bottom: 80px;
 margin: 0 auto;
 display: none;
 width: auto;
 font-size: 11px;
 font-weight: bold;
 padding: 3px 6px;
 -webkit-border-radius: 6px;
 color: #fff;
}

.osx-dock .osx-div:hover span {
 display: block;
}

.esx-wrapper {
    width: 100% !important;
    display: block;
    height: 0px !important;
    text-align: center !important;
}

.slick-center {
    margin-left: 23px !important;
    font-size: 10px;
    transform: scale(1.5);
    margin-right: 23px !important;
}
*/
/*   osx dock css END */

@media only screen and (max-width:958px){
    .slideshow-image-onDesk{
      display:none;
    }
    .slideshow-image-onMob{
      display: block;
    }
}

@media only screen and (min-width:958px){
    .slideshow-image-onDesk{
      display:block;
    }
    .slideshow-image-onMob{
      display: none;
    }
}


/*-- recipes articles quick buy styles - start --*/
.article--container.ecom-rel-prod-recipes {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 30px;
}

.article--container.ecom-rel-prod-recipes .article--sidebar {
    position: relative;
    width: 40%;
    padding: 0 14px;
}

.article--container.ecom-rel-prod-recipes .article--inner.contaner-ecom {
    width: 60%;
    max-width: unset;
    padding: 0;
}

.article--container.ecom-rel-prod-recipes p.article-published-date {
    display: none;
}

.ecom-related-products .quick-buy-title {
    padding-top: 86px;
    margin-bottom: 20px;
}
.productItemWrapper.article-rel-product-item {
    width: 100%;
  max-width: 400px;
    margin-bottom: 16px;
}
.productItemWrapper.article-rel-product-item .productitem {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
}
.ecom-related-products .productItemWrapper :hover {
  transform: none;
  box-shadow: none;
}

.productItemWrapper.article-rel-product-item .productitem .productitem--image-link{
  width:110px;
  height: auto;
  margin-right:6px;
}

.productItemWrapper.article-rel-product-item .productitem .productitem--image-link .productitem--image{
  width: 110px;
  min-height: 110px;
}

.productItemWrapper.article-rel-product-item .productitem .productitem--info {
    width: calc(100% - 115px);
}

.productItemWrapper.article-rel-product-item .productitem .productitem--info h2.productitem--title {
    min-height: auto;
    margin-top: 0;
}

.productItemWrapper.article-rel-product-item .productitem .productitem--info .ecom-outofcart.cart_ {
    max-width: 200px;
    margin-top: 8px;
}
.productItemWrapper.article-rel-product-item .productitem .productitem--info .koko.sup{
  display: none;
}

.productItemWrapper.article-rel-product-item .productitem .productitem--info h2.productitem--title a{
  font-size: 16px;
}

.productItemWrapper.article-rel-product-item .productitem .productitem--info .ecom-addtocart {
    margin-top: 8px;
    max-width: 200px;
}
.article--container.ecom-rel-prod-recipes .share-buttons--list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 12px;
}

.productItemWrapper.article-rel-product-item .productitem--ratings .spr-badge{
  margin: 5px 0 !important;
}
.productItemWrapper.article-rel-product-item .price.productitem__price {
    margin-top: 7px;
}
.productItemWrapper.article-rel-product-item .price__current {
    line-height: normal;
}
.productItemWrapper.article-rel-product-item .price.productitem__price > div span {
    font-size: 16px;
}
.productItemWrapper.article-rel-product-item .outcart-btn-ecom,
.productItemWrapper.article-rel-product-item .cart-btn-ecom{
  padding: 2px 0;
}
@media only screen and (max-width:850px){
  .article--container.ecom-rel-prod-recipes {
    flex-direction: column;
    padding: 0 14px;
  }
  .article--container.ecom-rel-prod-recipes .article--inner.contaner-ecom {
    width: 100%;
  }
  .productItemWrapper.article-rel-product-item{
    max-width: unset;
  }
  .article--container.ecom-rel-prod-recipes .article--sidebar {
    width: 100%;
    padding: 0;
  }
  .ecom-related-products .quick-buy-title {
    padding-top: 40px;
    margin-bottom: 20px;
  }
  .productItemWrapper.article-rel-product-item .productitem--ratings .spr-badge {
    margin: 7px 0 !important;
  }
}
.article--container.ecom-rel-prod-recipes .article--share-buttons.rel_prod_shareiconhide {
    display: none;
}
.recipes_article .article--content.rte table {
    white-space: normal;
    width: fit-content;
  border-style: hidden;
}
.recipes_article .article--content.rte table td {
    border-style: hidden;
    width:100% !important;
    vertical-align: top;
    text-align:left;
    padding:12px 30px;
}
.recipes_article .article--content.rte table ul, .recipes_article .article--content.rte table ol {
    margin-top: 0;
}
.recipes_article .article--content.rte table td li {
    margin-bottom: 14px;
    line-height: 1.2;
}
.recipes_article .article--content.rte table tr{
  display:flex;
  flex-direction: column;
}
.recipes_article .article--content.rte table tr:first-child{
    background: #f1f4f5;
    margin-bottom: 2rem;
}

.recipes_article .article--content.rte table tr:last-child{
    background: #e1e2ef;
}

.recipes_article .article--content.rte table tr td:first-child {
    font-family: 'Pacifico', sans-serif;
    color: #295360;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    padding-bottom: 0;
}
.recipes_article .article--content.rte table tr td:first-child>*{
  width: fit-content;
  display: block;
  margin:0;
}
.recipes_article .article--content.rte table tr td:first-child>*::after {
    content: '';
    border-bottom: 1px solid #295360;
    width: 90%;
    display: block;
    margin-top: 10px;
  }
  h1.article--title::after {
    content: '';
    border-bottom: 4px solid black;
    width: 130px;
    display: block;
    margin-top: 6px;
  }
@media only screen and (max-width:679px){
  .article--container .article--sidebar {
    display: block;
    padding: 10px 14px;
  }
  .article--inner.contaner-ecom {
    padding: 10px 0 !important;
  }
  .article--container.ecom-rel-prod-recipes {
    padding: 10px 0 !important;
  }
  .article--container{
    padding: 0;
  }
  .ecom-related-products {
    padding: 0 14px;
  }
  .article--container.ecom-rel-prod-recipes aside.share-buttons {
    padding: 0 14px;
  }
  .article--meta ,.article--title,.article--pagination,.article--sidebar,p.article-published-date
  ,.article--share-buttons{
    padding: 0 14px;
  }
  
  .article--content.rte table {
    width: 100%;
    white-space: normal;
  }
  .article--content.rte table td{
    width:48%;
  }
  .article--inner h1.article--title {
    font-size: 1.3rem;
  }
  .recipes_article .article--content.rte table tr td:first-child{
    justify-content: flex-start;
  }
  .recipes_article .article--content.rte table tr{
    width:50%;
  }
  .recipes_article .article--content.rte table tbody{
    display: flex;
  }
  .recipes_article .article--content.rte table td{
    padding:12px;
  }
  .recipes_article .article--content.rte table ul, .recipes_article .article--content.rte table ol {
    margin-top: 14px;
  }
  .recipes_article .article--content.rte table tr:first-child{
    margin-bottom: 0;
  }
}
/*-- recipes articles quick buy styles - end --*/

/*-- home page blog section -styles - Start --*/
@media only screen and (min-width: 769px){
  .ecom-blog-post-home {
      display: flex;
      max-width: 1100px;
      margin: 30px auto;
      justify-content: space-between;
      padding: 0 30px;
  }
  .ecom-blog-post-home .ecom_article {
      width: 32%;
  }
  
  .ecom-blog-post-home a.article--excerpt-image1{
    display: block;
    width:100%;
  }
  
  .ecom-blog-post-home a.article--excerpt-image1 img{
    width: 100%;
  }
}
.ecom-blog-post-home .ecom_article {
    background-color: #fff;
}
.ecom-blog-post-home a.article--excerpt-image1 img{
  width: 100%;
}
.ecom-blog-post-home .ecom_article_excerpt {
  padding: 12px;
}
.ecom-blog-post-home h2.article--excerpt-title.ecom-title {
    min-height: auto !important;
    margin-bottom: 4px;
}
.ecom-blog-post-home .btn-read{
  padding: 2px;
}

@media only screen and (max-width: 768px){
  .ecom-blog-post-home {
    width: 80%;
    margin: 0 auto;
    position: relative;
  }
  .ecom-blog-post-home .slick-arrow {
    position: absolute;
    z-index: 8;
    top: 45%;
  }
  .ecom-blog-post-home .home-blog-right-arrow.slick-arrow {
    right: -25px;
  }
  .ecom-blog-post-home .home-blog-left-arrow.slick-arrow {
    left: -25px;
  }
}
/*-- home page blog section -styles - End --*/

/*-- Home page Brand Carusal styles - 2023/6/2 Start --*/
.logo-list-wrapper {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 24;
    background-color: #00000061;
}
.home-section--content.logolist--inner.test-ecom-test.osx-dock.logo-slide-ecom {
    display: flex;
    overflow-x: scroll;
    width: 80%;
    scroll-behavior: smooth;
    text-align: center;
    transition: 2s;
    padding: 6px 12px;
    margin: 0 auto;
    align-items: flex-end;
}

.home-section--content.logolist--inner.test-ecom-test.osx-dock.logo-slide-ecom::-webkit-scrollbar {
    width: 0px;height:0;
}

.home-section--content.logolist--inner.test-ecom-test.osx-dock.logo-slide-ecom::-webkit-scrollbar-track {
  background: #000;width: 0px;height:0;
}

.home-section--content.logolist--inner.test-ecom-test.osx-dock.logo-slide-ecom::-webkit-scrollbar-thumb {
  background: #fff;width: 0px;height:0;
}

.logo-list-wrapper .logo-list-prev img,
.logo-list-wrapper .logo-list-next img{
    width: 30px;cursor:pointer;
}

.logo-list-wrapper .logo-list-prev, .logo-list-wrapper .logo-list-next {
    position: absolute;
    bottom: 20%;
}

.logo-list-wrapper .logo-list-prev{
    left: 6%;
}

.logo-list-wrapper .logo-list-next {
    right: 6%;
}

@media only screen and (max-width:960px){
  .logo-list-wrapper .logo-list-prev, .logo-list-wrapper .logo-list-next {
    bottom: 25%;
  }
}

/*-- Home page Brand Carusal styles - 2023/6/2 End --*/

/*-- mega nav hover effect - s */
ul.ecm.navmenu.navmenu-depth-1 li.navmenu-item.nav-li-depth-1:hover {
    background: #001f82;
    transition:0.4s;
}

ul.ecm.navmenu.navmenu-depth-1 li.navmenu-item.nav-li-depth-1:hover a.navmenu-link.nav-depth-1{
    color: #ffffff;
}

ul.ecm.navmenu.navmenu-depth-1 li.navmenu-item:hover img.navmenu_img {
    filter: contrast(0);
}
/*-- mega nav hover effect - e */

.ecom-blog-post-home .ecom_article{
  transition: 0.3s;
}
  
.ecom-blog-post-home .ecom_article:hover {
    -moz-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}

/*--- prevent nav menu getting into second line - start --*/

@media only screen and (min-width:960px) and (max-width:1240px){
  .site-navigation .navmenu-depth-1>li {
    padding: 4px !important;
  }
  html.js {
    zoom: 1;
  }
  .productitem--image {
    width: 14vw;
    max-width: 95%;
  }                                     
}
/*--- prevent nav menu getting into second line - end --*/
/* home button in menu left side */
@media(min-width: 1410px){
    li.navmenu-item.navmenu-id-home.nav-li-depth-1 {
        margin-left: 160px;
        position: relative;
        left: -85px;
    }
}

ul.test200.navmenu.navmenu-depth-2.navmenu-meganav-items {
    margin-left: 355px !important;
}

.navmenu-id-contact-us .navmenu-submenu.navmenu-meganav.navmenu-meganav--desktop .test200.navmenu-meganav-items .navmenu-item {
    text-align: right;
}
.navmenu-id-contact-us .navmenu-submenu.navmenu-meganav.navmenu-meganav--desktop .navmenu-meganav-wrapper {
    display: flex !important;
    width: 100%;
    justify-content: end;
    /* max-width: 100%; */
}

/* our brand promise Product page start */
#site-main div:empty {
    /* display: none; */
}

.ecom-out-brand-container {
    position: relative;
    width: 100%;
    text-align: center;
    display: block;
    top: 10px;
}

.ecom-out-brand-container .ecom-branding-img {
    width: 100%;
    height: auto;
}

.ecom-out-brand-container .ecom-brand_heading {
    margin-bottom: 0px;
}

@media only screen and (max-width: 768px) {
  .ecom-out-brand-container {
    top: 25px;
  }
}
/* our brand promise Product page END */

/* judge me START */
.ProductgridItem  .productitem--ratings {
    font-size: 13px;
    margin-bottom: 3px;
}
/* judge me END */



/* cart page Free shipping Note START */
.ecom-cart-totle {
    position: relative;
}

.free-shipping-ecom {
    position: absolute;
    background: white;
    top: -7.6%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 8px;
}

.free-shipping-ecom:has(.shipping-text:empty) {
    display: none;
}

.free-shipping-ecom .truck-img {
    height: 86px;
    width: auto;
}

.free-shipping-ecom .text-img-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.free-shipping-ecom .text-img-container .shipping-text {
    flex: 0 0 43%;
    justify-content: center;
    text-align: center;
    position: relative;
    margin: auto 0;
    color: #034cae;
    font-weight: 900;
}

.free-shipping-ecom .progressbar-container {
    width: 95%;
    margin: auto;
    margin-bottom:7px;
}

.progressbar {
    width: 100%;
    height: 20px;
    background-color: #afd4f0;
    border-radius: 12px;
    /* overflow: hidden; */
}

.progressbar .progressbar-fill {
    width: 50%;
    height: 20px;
    background-color: #3661ff;
    position: relative;
    border-radius: 12px;
}

.progressbar .progressbar-fill:after {
    content: " ";
    background-color: #3661ff;
    width: 30px;
    height: 30px;
    z-index: 1;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(30%, -50%);
    border-radius: 50%;
    border-color: #284ed6;
    border: 1px solid;
}
@media only screen and (max-width: 768px) {
    .free-shipping-ecom {
        position: relative;
        width: 100%;
        transform: none;
        left: unset;
        top: unset;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}
/* cart page Free shipping Note END */

/* EMPTY CART | ADDED | 2024-10-08 */
.cart-have-items-false .cart-title .cart-title-left {
    flex: 0 0 100%;
    text-align: center;
}

.ecom_eligibility_text:empty {
    display: none;
}

.cart-have-items-false .cartitems.ecom-cart-row .ecom-cart-item {
    flex: 0 0 100%;
    text-align: center;
}

.cart-have-items-false + .cart-continue {
    text-align: center;
}
/* EMPTY CART | END | 2024-10-08 */

/* 2024-10-18 | REMOVE READ MORE BUTTON IN FRONTPAGE | START  */
.template-index .readmore, .template-index .blogposts--footer {display: none;}
/* 2024-10-18 | REMOVE READ MORE BUTTON IN FRONTPAGE | END  */


/* 2024-11-06 | Ponds logo in promotion nav bar | START */
.promoNavImg.ponds-logo-nav {
    height: 22px;
    top: 4px !important;
    margin-left: -30px;
}
/* 2024-11-06 | Ponds logo in promotion nav bar | END */

.opt_gift_wrapper {
    display: none;
}

span.money.price__compare-at--single.ecom-elem {
    display: none;
}
.koko.sup img {
    height: 20px !important;
}
@media only screen and (max-width: 768px) {
    .ProductgridItem .koko.sup img {
        height: 17.5px !important;
    }
}


/* Subscription loading popup */
.subscription-content-container:emtpy {
  display: none;
}
.subscription-content-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000008c;
    z-index: 700;
}

.subscription-content-container .text-wrapper {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: relative;
    display: block;
    width: fit-content;
    justify-items: center;
    background: white;
    padding: 20px 30px;
    border-radius: 20px;
}
.subscription-content-container .lds-roller div:after {
    background: black;
}
.subscription-content-container .msg {
    display: block;
    position: relative;
    margin: 0 auto;
}
/* Subscription loading END */

.site-footer-block-content p:last-of-type {
    font-size: 0.7rem;
    font-style: italic;
}

.productitem {
  border: none;
}

/* subscription page START */
@media only screen and (max-width: 768px) {
  .ecom-main-featured-section  .ecom_sub-banner {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .ecom-main-featured-section  .ecom_sub-banner-mobile {
    display: none;
  }
}
/* subscription page END */

/* Terms and conditions | GIFT-CARD | START */
.page-handle-terms-and-conditions .page-masthead .page-title {
  color: black;
}
.gift-card-tnc {
    position: relative;
    display: block;
    color: #001f82;
    margin-bottom: 10px;
    font-weight: 600;
    width: fit-content;
}

.gift-card-tnc:after {
    content: " ";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #001f82;
    display: block;
}
/* Terms and conditions | GIFT-CARD | END */