/** Shopify CDN: Minification failed

Line 542:9 Expected identifier but found whitespace
Line 542:10 Unexpected "1px"
Line 542:21 Unexpected "{"
Line 542:31 Expected ":"
Line 550:15 Expected identifier but found whitespace
Line 550:16 Unexpected "0px"
Line 550:37 Unexpected "{"
Line 550:47 Expected ":"
Line 587:9 Expected identifier but found whitespace
Line 587:10 Unexpected "1px"
... and 570 more hidden warnings

**/
@charset "UTF-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  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
   ========================================================================== */

/**
 * 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
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 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 */
}

/**
 * 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 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
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 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;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * 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;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 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 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

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 in Chrome and Safari on macOS.
 */

[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 Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }

.flickity-prev-next-button.next { right: 10px; }

/* right to left */

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/* Global Styles */

:root {
  /* Scroll bar */

  /* Skeleton */
}

/* Parameters */

:root {
  /* Typography */

  /* Transitions */

  /* Layout */

  /* Grid */

  /* Custom select vue */

  /* Custom skeleton */
}

input {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  height: 40px;
  padding: 0 13px;
  border: 1px solid {{ settings.color_primary_button }};
  border-radius: 2px;
  color: #000000;
  box-sizing: border-box
}

input:focus {
    outline: none;
    box-shadow: 0px 0px 0 1px inset {{ settings.color_primary_button }};
  }

input::-webkit-input-placeholder {
    color: #888888;
  }

input::-moz-placeholder {
    color: #888888;
  }

input:-ms-input-placeholder {
    color: #888888;
  }

input::placeholder {
    color: #888888;
  }

input::-ms-clear,
  input::-webkit-search-cancel-button {
    display: none !important;
  }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

select {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  height: 40px;
  padding: 0 13px;
  border: 1px solid {{ settings.color_primary_button }};
  border-radius: 2px;
  color: #000000;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #ffffff
}

select:focus {
    outline: none;
  }

@font-face {
  font-family: 'Founders Grotesk';
  src: url({{ 'FoundersGrotesk-Medium.eot' | asset_url }});
  src: url({{ 'FoundersGrotesk-Medium.eot?#iefix' | asset_url }}) format('embedded-opentype'),
  url({{ 'FoundersGrotesk-Medium.woff2' | asset_url }}) format('woff2'),
  url({{ 'FoundersGrotesk-Medium.woff' | asset_url }}) format('woff'),
  url({{ 'FoundersGrotesk-Medium.ttf' | asset_url }}) format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Founders Grotesk';
  src: url({{ 'FoundersGrotesk-Semibold.eot' | asset_url }});
  src: url({{ 'FoundersGrotesk-Semibold.eot?#iefix' | asset_url }}) format('embedded-opentype'),
  url({{ 'FoundersGrotesk-Semibold.woff2' | asset_url }}) format('woff2'),
  url({{ 'FoundersGrotesk-Semibold.woff' | asset_url }}) format('woff'),
  url({{ 'FoundersGrotesk-Semibold.ttf' | asset_url }}) format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'BrownStd';
  src: url({{ 'Brown-Bold.eot' | asset_url }});
  src: url({{ 'Brown-Bold.eot?#iefix' |asset_url }}) format("embedded-opentype"),
  url({{ 'Brown-Bold.woff2' | asset_url }}) format("woff2"),
  url({{ 'Brown-Bold.woff' | asset_url }}) format("woff"),
  url({{ 'Brown-Bold.ttf' | asset_url }}) format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'BrownStd';
  src: url({{ 'Brown-Regular.eot' | asset_url }});
  src: url({{ 'Brown-Regular.eot?#iefix' |asset_url }}) format("embedded-opentype"),
  url({{ 'Brown-Regular.woff2' | asset_url }}) format("woff2"),
  url({{ 'Brown-Regular.woff' | asset_url }}) format("woff"),
  url({{ 'Brown-Regular.ttf' | asset_url }}) format('truetype');
  font-weight: 400;
  font-style: normal;
}

.hero-description {
  font-weight: 700;
}

.hero-description,
.hero-highlight-description,
.hero-compact-description {
  font-size: 0.875rem;
  line-height: 1.57143;
  font-weight: 600;
}

.hero-spilit-title {
  font-size: 1.75rem;
  line-height: 1.14286;
}

@media (min-width: 1025px){

.hero-spilit-title {
    font-size: 2.25rem;
    line-height: 1.11111;
}
}

.hero-spilit-title {
  font-weight: 700;
}

.hero-spilit-description {
  font-size: 0.9375rem;
  line-height: 1.33333;
  font-weight: normal;
}

.hero-three-up-gifting-hub-title {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700;
}

.hero-three-up-gifting-hub-description {
  font-size: 0.9375rem;
  line-height: 1.33333;
  font-weight: normal;
}

.hero-three-up-gifting-hub-landing-description {
  font-size: 0.9375rem;
  line-height: 1.46667;
  font-weight: normal;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  scroll-behavior: smooth;
}

.p,
.p p,
body {
  font-size: 0.8125rem;
  line-height: 1.38462;
  font-family: 'BrownStd';
  color: #000000;
  text-transform: none;
}

.p--description,
.p--description p {
  font-size: 0.9375rem;
  line-height: 1.46667;
}

@media (min-width: 1025px){

.p--description,
.p--description p {
    font-size: 1.25rem;
    line-height: 1.2;
}
}

.p--description,
.p--description p {
  font-weight: 400;
}

.p--lead,
.p--lead p {
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: 0em;
  font-weight: 600;
}

.p--description-box {
  font-size: 0.8125rem;
  line-height: 1.38462;
  font-weight: 400;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  font-family: 'BrownStd', sans-serif;
  text-transform: uppercase;
}

h1,
.h1 {
  font-size: 1.75rem;
  line-height: 1.14286;
}

@media (min-width: 1025px){

h1,
.h1 {
    font-size: 2.25rem;
    line-height: 1.11111;
}
}

h1,
.h1 {
  font-weight: bold;
  color: #050606;
  text-transform: none;
}

h2,
.h2 {
  font-size: 1.5rem;
  line-height: 1.16667;
}

@media (min-width: 1025px){

h2,
.h2 {
    font-size: 1.25rem;
    line-height: 1.2;
}
}

h2,
.h2 {
  font-weight: bold;
  color: #000000;
  text-transform: none;
}

@media (max-width: 1024px){

.h2--page-title {
    font-size: 1.75rem;
    line-height: 1.14286
}
}

@media (min-width: 1025px){

.h2--page-title {
    font-size: 3rem;
    line-height: 1.08333
}
}

.h2--page-title {
  color: var(--c-h2-page-title)
}

@media (min-width: 1025px) {

.h2--page-title {
    font-weight: 400
}
  }

h3,
.h3,
.accordion--page .accordion__label {
  font-size: 1rem;
  line-height: 1.25;
  letter-spacing: 0.0625em;
  font-weight: bold;
  color: #000000;
  text-transform: none;
}

h4,
.h4 {
  font-size: 0.8125rem;
  line-height: 1.38462;
  letter-spacing: 0.07692em;
  font-weight: bold;
  color: #000000;
  text-transform: none;
}

h5,
.h5 {
  font-size: 1rem;
  line-height: 1.125;
  letter-spacing: 0.0625em;
  font-weight: bold;
  color: #000000;
  text-transform: none;
}

h6, .h6 {
  font-size: 0.8125rem;
  line-height: 1.38462;
  letter-spacing: 0.07692em;
  font-weight: bold;
  color: #000000;
  text-transform: none;
}

.label {
  font-size: 0.8125rem;
  line-height: 1.38462;
  font-weight: bold;
  color: #000000;
}

.h1-mobile {
  font-size: 1.75rem;
  line-height: 1.14286;
  font-weight: bold;
  color: #000000;
  text-transform: none;
  text-align: center;
}

.h2-mobile {
  font-size: 1.5rem;
  line-height: 1.16667;
  font-weight: bold;
  color: #000000;
  text-transform: none;
}

/* CUSTOM TYPOGRAPHY */

.button,
.shopify-challenge__button {
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.0625em;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.button--small-2,
.button--invert,
.button--secondary,
.button--custom,
.button--praline-box-store {
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.07143em;
  font-weight: 700;
}

.button--alternate,
.button--add {
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.07692em;
}

.button--alternate-2 {
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.0625em;
}

.button--hero {
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.07143em;
}

@media (min-width: 1025px){

.button--hero {
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.0625em;
}
}

.button--hero {
  font-weight: 700;
}

.button--hero-custom {
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.07143em;
}

@media (min-width: 1025px){

.button--hero-custom {
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.0625em;
}
}

.button--hero-custom {
  font-weight: 400;
}

.button--newsletter-popup {
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.07692em;
}

.button--contact-us {
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.07692em;
}

.button--gift {
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.07692em;
  font-weight: 700;
}

.button--gift-popup {
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.0625em;
  font-weight: 700;
}

.button--add-cube {
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.07692em;
  font-weight: 700;
}

.button--egg-finder {
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.0625em;
  font-weight: 400;
}

/* Header */

.label--sale {
  letter-spacing: 0.46px;
}

.main-heading {
  font-size: 1.5rem;
  line-height: 1.25;
  letter-spacing: 0.02083em
}

@media (min-width: 768px){

.main-heading {
    font-size: 2rem;
    line-height: 1
}
}

@media (min-width: 768px) {

.main-heading {
    font-weight: bold
}
  }

.label {
  text-transform: uppercase;
}

.label-menu {
  font-size: 0.6875rem;
  line-height: 1.27273;
  font-size: 0.6875rem;
  line-height: 1.27273;
  letter-spacing: 0.10909em;
  color: {{ settings.color_navigation_heading }};
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

.footer-label-menu {
  font-size: 0.8125rem;
  line-height: 1.07692;
  letter-spacing: 0.07692em;
  color: {{ settings.color_navigation_heading }};
  text-transform: uppercase;
  text-decoration: none;
}

.menu-link {
  font-size: 0.875rem;
  line-height: 2;
  color: {{ settings.color_navigation_sub_heading }};
  font-weight: 400;
  text-decoration: none;
}

a,
.link {
  transition-property: color;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  color: {{ settings.color_link }};
  text-decoration: underline
}

a:hover, .link:hover {
    color: {{ settings.color_link_hover }};
  }

.inherit-text {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-family: inherit;
  color:inherit;
  text-decoration: none;
}

.link--alternate {
  text-decoration: none;
}

.content h4 {
    margin-bottom: 10px;
  }

.content p {
    margin-bottom: 20px;
  }

.link--button {
  line-height: 22px;
}

.hover-underline {
  text-decoration: none
}

.hover-underline:hover {
    text-decoration: underline;
  }

.input-quantity {
  font-size: 0.875rem;
  line-height: 1.21429;
  font-weight: 500;
}

.input-quantity--medium {
  font-size: 0.875rem;
  line-height: 1.14286;
}

.input-quantity--small {
  font-size: 0.75rem;
  line-height: 1.83333;
}

.input-quantity--large {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 400;
}

/* Form */

.form-text,
.form__input,
.form__select,
.form__label,
.form__label--checkbox,
.form__label--radio {
  font-size: 0.8125rem;
  line-height: 1.38462;
  letter-spacing: 0;
  font-weight: normal;
}

/* Custom fonts that don't fit in style guide */

.tile-link {
  font-size: 1.5rem;
  line-height: 1.16667;
}

@media (min-width: 1025px){

.tile-link {
    font-size: 2rem;
    line-height: 0.875;
}
}

.tile-link {
  font-weight: bold;
}

.three-tile {
  font-size: 1.25rem;
  line-height: 1.1;
}

@media (min-width: 1025px){

.three-tile {
    font-size: 1.5rem;
    line-height: 0.91667;
}
}

.home-carousel-title {
  font-size: 1.75rem;
  line-height: 1.14286;
}

@media (min-width: 1025px){

.home-carousel-title {
    font-size: 2.25rem;
    line-height: 1.11111;
}
}

.home-carousel-title {
  font-weight: bold;
  text-transform: none;
}

.home-video-button-text {
  font-size: 1.25rem;
  line-height: 0.8;
  font-family: {{ settings.font_heading }};
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
}

.home-headline {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: bold;
  text-transform: none;
}

@media (min-width: 1025px) {

.home-headline {
    text-transform: uppercase;
}
  }

.home-branding-description {
  font-size: 1rem;
  line-height: 1.5;
}

.footer-feature-title {
  font-size: 0.8125rem;
  line-height: 1;
  font-family: 'BrownStd';
  font-weight: 600;
  text-transform: uppercase;
}

.collection-filter-label {
  font-size: 0.6875rem;
  line-height: 1.45455;
  letter-spacing: 0.09091em;
  font-family: 'BrownStd';
  font-weight: 400;
  text-transform: uppercase;
}

.collection-filter-tag {
  font-size: 0.6875rem;
  line-height: 1.63636;
  letter-spacing: 0.09091em;
  font-family: 'BrownStd';
  font-weight: 400;
  text-transform: uppercase;
}

.collection-filter-select {
  font-size: 0.8125rem;
  line-height: 2.46154;
  font-weight: 500;
}

.recipe-info-label {
  font-size: 0.8125rem;
  line-height: 1.38462;
  font-weight: 400;
}

.hero-title {
  font-size: 1.75rem;
  line-height: 1.14286;
}

@media (min-width: 1025px){

.hero-title {
    font-size: 3rem;
    line-height: 1.08333;
}
}

.hero-title {
  font-weight: 400;
}

.hero-headline {
  font-size: 1.75rem;
  line-height: 1.07143;
}

@media (min-width: 1025px){

.hero-headline {
    font-size: 3.625rem;
    line-height: 1.12069;
}
}

.hero-headline {
  font-weight: 700;
}

.home-hero-title {
  font-size: 1.75rem;
  line-height: 1.14286;
}

@media (min-width: 1025px){

.home-hero-title {
    font-size: 2.25rem;
    line-height: 1.22222;
}
}

.home-hero-title {
  font-weight: 700;
}

.home-hero-description {
  font-size: 0.9375rem;
  line-height: 1.33333
}

@media (min-width: 1025px){

.home-hero-description {
    font-size: 1.25rem;
    line-height: 1.2
}
}

.home-hero-description {
  font-weight: normal
}

@media (min-width: 1025px) {

.home-hero-description {
    font-weight: 700
}
  }

.home-two-up-title {
  font-size: 2rem;
  line-height: 1;
}

@media (min-width: 1025px){

.home-two-up-title {
    font-size: 3rem;
    line-height: 1;
}
}

.home-two-up-description {
  font-size: 1rem;
  line-height: 1.375;
  font-family: 'BrownStd';
  font-weight: 500;
}

.cart-dropdown-item-tag {
  font-size: 0.8125rem;
  line-height: 0.76923;
}

.section-header-title {
  font-size: 0.8125rem;
  line-height: 1.38462;
  letter-spacing: 0.07692em;
  font-weight: 700;
  text-transform: uppercase;
}

.section-header-title-small {
  font-size: 1.5rem;
  line-height: 1;
}

@media (min-width: 1025px){

.section-header-title-small {
    font-size: 1.75rem;
    line-height: 1;
}
}

.section-header-title-small {
  font-weight: 400;
}

.widget-link {
  font-size: NaNrem;
  line-height: 30px;
  font-weight: bold;
}

.cart-row-title {
  font-size: 0.875rem;
  line-height: 1.21429;
  letter-spacing: 0;
  font-weight: 400;
}

.cart-subtitle {
  font-size: 0.9375rem;
  line-height: 1.73333;
  font-weight: 400;
}

.account-subtitle {
  font-weight: 700;
}

.subtitle {
  font-size: 0.8125rem;
  line-height: 1.23077;
  font-family: 'BrownStd';
  font-weight: 600;
  letter-spacing: 0;
  color: #000000;
  text-transform: none;
}

.bold {
  font-weight: 700;
}

.medium {
  font-weight: 600;
}

.home-product-title {
  font-size: 1rem;
  line-height: 1;
  font-family: {{ settings.font_heading }};
  font-weight: bold;
  letter-spacing: 0;
}

.home-product-card-tag {
  font-size: 0.875rem;
  line-height: 1.42857;
}

.product-colour-tag {
  font-size: 0.875rem;
  line-height: 1.42857;
}

.cart-dropdown-count {
  font-size: 0.625rem;
  line-height: 1;
  font-weight: 600;
}

.cart-layout-link {
  font-size: 0.8125rem;
  line-height: 1.53846;
  font-weight: 400;
}

.cart-dropdown-subtotal {
  font-size: 1rem;
  line-height: 1;
  font-family: {{ settings.font_heading }};
  font-weight: bold;
  letter-spacing: 0;
}

.car-dropdown-remove {
  font-size: 0.75rem;
  line-height: 1.66667;
}

@media (min-width: 768px){

.car-dropdown-remove {
    font-size: 0.875rem;
}
}

.cart-dropdown-empty {
  font-size: 0.75rem;
  line-height: 1.0625;
  letter-spacing: 0.04167em;
}

@media (min-width: 768px){

.cart-dropdown-empty {
    font-size: 0.875rem;
    line-height: 1.0625;
    letter-spacing: 0.03571em;
}
}

.cart-dropdown-empty {
  font-weight: 600;
  text-transform: none;
}

.cart-service-item-title {
  font-size: 0.875rem;
  line-height: 1.71429;
}

@media (min-width: 768px){

.cart-service-item-title {
    font-size: 0.875rem;
    line-height: 1.57143;
}
}

.cart-service-item-title {
  font-weight: 600;
}

.product-detail-tag {
  font-size: 0.875rem;
  line-height: 0.85714;
  font-weight: 500;
}

.price {
  font-size: 0.9375rem;
  line-height: 1.2;
  font-family: 'BrownStd';
  font-weight: 700;
}

.price--large {
  font-size: 1.25rem;
  line-height: 1.2;
}

.price--medium {
  font-size: 1.25rem;
  line-height: 1.3;
}

@media (min-width: 1025px){

.price--medium {
    font-size: 1.25rem;
    line-height: 1.2;
}
}

.price--medium {
  font-weight: 400;
}

.price--bold {
  font-size: 1.25rem;
  line-height: 1.3;
  font-weight: 700;
}

.price--small {
  font-size: 0.875rem;
  line-height: 1.21429;
  font-weight: 400;
}

.modal-cart-text {
  color: #555555;
  line-height: 20px;
}

.mega-menu-title {
  font-size: 0.6875rem;
  line-height: 1.63636;
  letter-spacing: 0.09091em;
  color: #000;
  font-family: 'BrownStd';
  text-transform: uppercase;
}

.mega-menu-banner-title {
  font-size: 0.875rem;
  line-height: 1.71429;
  font-weight: 700;
  text-transform: capitalize;
  font-family: 'BrownStd';
}

.breadcrumbs {
  font-size: 0.6875rem;
  line-height: 1.81818;
}

.product-discount {
  font-family: 'BrownStd';
}

.order-details-title {
  font-size: 0.8125rem;
  line-height: 1.84615;
  font-weight: 700;
}

.order-details-label {
  font-size: 0.8125rem;
  line-height: 1.23077;
  font-family: 'BrownStd';
  font-weight: 600;
  letter-spacing: 0;
  color: #000000;
  text-transform: none;
  font-size: 1.25rem;
  margin-bottom: 6px;
}

.form__message {
  font-size: 0.625rem;
  line-height: 1;
  letter-spacing: 0;
}

@media (min-width: 768px){

.search-input {
    font-size: 1rem;
    line-height: 1.375;
}
}

.accordion-label {
  font-size: 0.8125rem;
  line-height: 1.38462;
  letter-spacing: 0.07692em;
  font-family: 'BrownStd';
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.accordion-content {
  font-size: 0.8125rem;
  line-height: 1.53846
}

.accordion-content em {
    font-size: 0.6875rem;
    line-height: 1.63636;
  }

.profile-title {
  font-size: 0.75rem;
  line-height: 1.16667;
  letter-spacing: 0.07667em;
}

.accordion-count {
  font-size: 0.75rem;
  line-height: 1.66667;
}

.ss-dropdown {
  font-size: 0.75rem;
  line-height: 1.83333;
  color: #000000;
  font-family: 'BrownStd';
  font-weight: 400;
}

.copyright-text {
  font-size: 0.875rem;
  line-height: 1.28571;
  letter-spacing: 0;

  color: #333333;
}

.cart-add-message {
  font-size: 0.8125rem;
  line-height: 1.23077;
  font-weight: 600;
}

.cart-gift-label {
  font-size: 0.9375rem;
  line-height: 1.26667;
  font-family: 'BrownStd';
  font-weight: 600;
  text-transform: none;
}

.collection-layout-status {
  font-size: 0.6875rem;
  line-height: 1.27273;
  letter-spacing: 0.09091em;
  font-weight: 400;
  text-transform: uppercase;
}

.newsletter-popup-title {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700;
}

.hero-description-banner {
  font-size: 1.125rem;
  line-height: 1.44444;
  font-weight: 400
}

@media (min-width: 1025px) {

.hero-description-banner {
    font-weight: 700
}
  }

.hero-title-banner {
  font-size: 1.75rem;
  line-height: 1.21429;
}

@media (min-width: 1025px){

.hero-title-banner {
    font-size: 2.5rem;
    line-height: 1;
}
}

.hero-title-banner {
  font-weight: 700;
}

.text-block-title {
  font-size: 1.5rem;
  line-height: 1.16667;
}

@media (min-width: 1025px){

.text-block-title {
    font-size: 2rem;
    line-height: 1;
}
}

.text-block-title {
  font-weight: 400;
}

.newsletter-popup-description {
  font-size: 0.9375rem;
  line-height: 1.46667;
  font-weight: 500;
}

.newsletter-checkbox-label {
  font-size: 0.8125rem;
  line-height: 1.38462;
  font-weight: 400;
}

.gift-checkbox-label {
  font-size: 0.8125rem;
  line-height: 1.38462;
  font-weight: 400;
}

.two-up-cta-title {
  font-size: 2.25rem;
  line-height: 1.16667;
  font-weight: 700;
}

.two-up-cta-subtitle {
  font-size: 1rem;
  line-height: 1.375;
  font-weight: 700;
}

.two-up-cta-description {
  font-size: 0.9375rem;
  line-height: 1.6;
  font-weight: 400;
}

.get-in-touch-title {
  font-size: 1.875rem;
  line-height: 1.33333;
  font-weight: 400;
}

.ss-selected-option {
  font-size: 0.6875rem;
  line-height: 1.27273;
  letter-spacing: 0.09091em;
  text-transform: uppercase;
}

.p-product-selection {
  font-size: 0.8125rem;
  line-height: 1;
  font-weight: 500;
}

.cart-layout-info-item {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  font-family: 'BrownStd';
  text-transform: none;
}

.product-selection-button {
  font-weight: 400;
}

.gift-headline {
  font-size: 1.5rem;
  line-height: 1.33333;
}

@media (min-width: 1025px){

.gift-headline {
    font-size: 2.25rem;
    line-height: 1.16667;
}
}

.gift-headline {
  font-weight: 700;
}

.egg-finder-headline {
  font-size: 1.5rem;
  line-height: 1.16667;
}

@media (min-width: 1025px){

.egg-finder-headline {
    font-size: 2.5rem;
    line-height: 1;
}
}

.egg-finder-headline {
  font-weight: 700;
}

.afterpay-title {
  font-size: 0.8125rem;
  line-height: 1.38462;
  font-weight: 500;
}

.afterpay-description {
  font-size: 0.8125rem;
  line-height: 1.23077;
}

.hotspot-title {
  font-size: 1.5rem;
  line-height: 1.33333;
  font-weight: 400;
}

.hotspot-description,
.hotspot-description p {
  font-size: 0.8125rem;
  line-height: 1.53846;
  font-weight: 400;
}

.hotspot-terms-link {
  font-size: 0.75rem;
  line-height: 1;
}

.easter-modal-prompt {
  font-weight: 500;
}

.explore-text {
  font-size: 0.875rem;
  line-height: 1.28571;
  font-weight: 600;
}

.emoji {
  font-family: "AppleColorEmoji, Apple Color Emoji";
  font-size: 1.25rem;
  line-height: 1;
}

.recipe-content-title {
  font-size: 1.75rem;
  line-height: 1.5;
}

@media (min-width: 1025px){

.recipe-content-title {
    font-size: 2.25rem;
    line-height: 1.16667;
}
}

.recipe-content-title {
  font-weight: 700;
}

.recipe-products-title {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.0625em;
  font-weight: 700;
  text-transform: uppercase;
}

.product-selection-product-title {
  font-size: 0.875rem;
  line-height: 1.21429;
  font-weight: 400;
}

.product-selection-product-title a {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-family: inherit;
  color:inherit;
  text-decoration: none;
}

.product-selection-lable {
  font-size: 0.6875rem;
  line-height: 1.63636;
  letter-spacing: 0.09091em;
  font-weight: 400;
  text-transform: uppercase;
}

.hero-title-list-collections {
  font-size: 1.75rem;
  line-height: 1.07143;
}

@media (min-width: 1025px){

.hero-title-list-collections {
    font-size: 3.625rem;
    line-height: 1.12069;
}
}

.hero-title-list-collections {
  font-weight: 700;
}

.collection-sort {
  font-size: 0.6875rem;
  line-height: 1.27273;
  letter-spacing: 0.09091em;
  text-transform: uppercase;
}

.product-detail-title {
  font-size: 1.25rem;
  line-height: 1.2;
}

@media (min-width: 1025px){

.product-detail-title {
    font-size: 2.25rem;
    line-height: 1.16667;
}
}

.product-detail-title {
  font-weight: 700;
}

.product-detail-text {
  font-size: 0.6875rem;
  line-height: 1.27273;
  letter-spacing: 0.09091em;
  text-transform: uppercase;
}

.product-contain-title {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 400;
}

.cart-layout-promo-notice-link {
  font-size: 0.75rem;
  line-height: 1.25;
  letter-spacing: 0.08333em;
  font-weight: 700;
  text-transform: uppercase;
}

.zip-pay-description {
  font-size: 0.8125rem;
  line-height: 1.23077;
}

.product-three-up-title {
  font-size: 1.375rem;
  line-height: 1.22727;
}

@media (min-width: 1025px){

.product-three-up-title {
    font-size: 2.25rem;
    line-height: 1.16667;
}
}

.product-three-up-item-title {
  font-size: 1.125rem;
  line-height: 1.33333;
  font-weight: 700;
  text-decoration: none;
}

.product-three-up-item-description {
  font-size: 0.875rem;
  line-height: 1.42857;
}

@media (min-width: 1025px){

.product-three-up-item-description {
    font-size: 0.9375rem;
    line-height: 1.33333;
}
}

.two-up-title-alternate {
  font-size: 1.5rem;
  line-height: 1.16667;
}

@media (min-width: 1025px){

.two-up-title-alternate {
    font-size: 2.25rem;
    line-height: 1.11111;
}
}

.two-up-description-alternate {
  font-size: 0.9375rem;
  line-height: 1.33333;
}

@media (min-width: 1025px){

.two-up-description-alternate {
    font-size: 1.25rem;
    line-height: 1.2;
}
}

.two-up-description-alternate {
  font-weight: 400;
}

.sign-up-title {
  font-size: 1.5rem;
  line-height: 1.25;
  letter-spacing: 0.00833em;
}

@media (min-width: 1025px){

.sign-up-title {
    font-size: 2.25rem;
    line-height: 1.22222;
    letter-spacing: 0.00278em;
}
}

.sign-up-description {
  font-size: 0.8125rem;
  line-height: 1.38462;
  letter-spacing: 0.00769em
}

@media (min-width: 1025px){

.sign-up-description {
    font-size: 1.25rem;
    line-height: 1.2
}
}

@media (min-width: 1025px) {

.sign-up-description {
    font-weight: 700
}
  }

.footer-title {
  font-size: 1rem;
  line-height: 1.1875;
  letter-spacing: 0.0625em;
  font-weight: 700;
  text-transform: uppercase;
}

.category-block-title,
.sub-category-headline {
  font-size: 1.5rem;
  line-height: 1;
}

@media (min-width: 1025px){

.category-block-title,
.sub-category-headline {
    font-size: 2.25rem;
    line-height: 1.11111;
}
}

.category-block-title,
.sub-category-headline {
  font-weight: 700;
}

.read-more-native {
  font-size: 1.125rem;
  line-height: 1.33333;
}

.blog-related-heading {
  font-size: 1.75rem;
  line-height: 1.5;
}

@media (min-width: 1025px){

.blog-related-heading {
    font-size: 2.25rem;
    line-height: 1.16667;
}
}

.blog-related-heading {
  font-weight: 700;
}

.cart-quick-add-modal-title {
  font-size: 1.25rem;
  line-height: 1.2;
  letter-spacing: 0;
  font-weight: 700;
}

.button-hero-praline {
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.07692em;
}

.praline-box-notification {
  font-size: 0.9375rem;
  line-height: 1.2;
}

input,
textarea,
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid {{ settings.color_input_border }};
  border-radius: 0;
  color: #000000;
  box-sizing: border-box;
}

input,
textarea {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  height: 40px;
  padding: 0 12px
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #888888;
  }

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #888888;
  }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #888888;
  }

input::placeholder, textarea::placeholder {
    color: #888888;
  }

input::-ms-clear,
  input::-webkit-search-cancel-button,
  textarea::-ms-clear,
  textarea::-webkit-search-cancel-button {
    display: none !important;
  }

input[type='number'] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield
}

input[type='number']::-webkit-inner-spin-button,
  input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
            appearance: none;
    margin: 0;
  }

textarea {
  margin-top: 10px;
  min-height: 150px;
}

.shopify-challenge__button {
  height: auto;
}

.form__checkbox,
input[type='checkbox'],
.form__radio {
  display: none
}

.form__checkbox:checked + *:before, input[type='checkbox']:checked + *:before, .form__radio:checked + *:before {
      border-color: #333333;
      background: #333333;
    }

.form__checkbox:checked + *:after, input[type='checkbox']:checked + *:after, .form__radio:checked + *:after {
      display: block;
      border-color: #ffffff;
    }

.form__checkbox + .form__label--checkbox, input[type='checkbox'] + .form__label--checkbox, .form__radio + .form__label--checkbox {
    color: #000000;
  }

.form__radio:checked + *:after {
      background-color: #ffffff;
    }

.form__label {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  display: block;
}

.form__label--checkbox,
.form__label--radio {
  position: relative;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
          align-items: center;
  padding-left: 29px;
  margin-bottom: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none
}

.form__label--checkbox:before, .form__label--radio:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    width: 18px;
    height: 18px;
    border: 1px solid {{ settings.color_input_border }};
    background: #ffffff;
  }

.form__label--checkbox:after, .form__label--radio:after {
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    left: 5px;
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
    display: none;
    width: 8px;
    height: 3px;
    border-bottom: 2px solid {{ settings.color_input_border }};
    border-left: 2px solid {{ settings.color_input_border }};
  }

.form__label--checkbox a, .form__label--radio a {
    margin-left: 5px;
    color: inherit;
  }

.form__label--radio:before {
    border-radius: 50%;
  }

.form__label--radio:after {
    top: 5px;
    left: 6px;
    width: 8px;
    height: 8px;
    background-color: #ffffff;
    border-radius: 50%;
    -webkit-transform: none;
            transform: none;
    border: none;
  }

.form__label-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}

select {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  height: 40px;
  padding: 0 12px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #ffffff;
}

.style-select,
.form__block--input {
  position: relative
}

.style-select .form__label, .form__block--input .form__label {
    font-weight: normal;
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 12px;
    color: #000;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transform-origin: left center;
            transform-origin: left center
  }

.style-select .form__label.form__label--animation, .form__block--input .form__label.form__label--animation {
      -webkit-transform: translate3d(0, -31px, 0) scale(0.8);
              transform: translate3d(0, -31px, 0) scale(0.8);
      z-index: 1;
      padding: 0 4px
    }

@media (min-width: 768px) {

.style-select .form__label.form__label--animation, .form__block--input .form__label.form__label--animation {
        -webkit-transform: translate3d(0, -31px, 0) scale(0.8);
                transform: translate3d(0, -31px, 0) scale(0.8)
    }
      }

.form__block {
  margin-bottom: 16px;
  width: 100%
}

@media (min-width: 1025px) {

.form__block {
    margin-bottom: 16px
}
  }

.form__block textarea {
    margin-top: 0;
  }

@media (min-width: 1025px) {
  .form__block + .form-footer--two-columns{
    margin-top: -4px;
  }
}

.form__block--filter {
  margin-bottom: 0
}

.form__block--filter .form__checkbox,
  .form__block--filter input[type='checkbox'],
  .form__block--filter .form__radio {
    display: none
  }

.form__block--filter .form__checkbox:checked + *:after, .form__block--filter input[type='checkbox']:checked + *:after, .form__block--filter .form__radio:checked + *:after {
        display: block;
        border-color: #ffffff;
      }

.form__block--filter .form__label--checkbox:before, .form__block--filter .form__label--radio:before {
      color: #000000;
    }

.form__block--one-half {
  width: 100%
}

@media (min-width: 768px) {

.form__block--one-half {
    width: 50%
}
  }

.form__block--one-third {
  width: 33.33%;
}

.form__block--checkbox {
  margin-top: 5px;
  margin-bottom: 14px;
}

.form__input,
.form__select {
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}

.form__select::-ms-expand {
  display: none;
}

.form__select-wrapper {
  position: relative;
}

@media (min-width: 1025px) {

.form__select-wrapper--sort {
    min-height: 40px
}
  }

.form__select-wrapper--no-border select {
    border: 0;
    min-width: 75px
  }

.form__select-wrapper--no-border select::-ms-expand {
      display: none;
    }

.form__select-wrapper--no-border .form__select-icon {
    right: 0;
  }

.form__select-wrapper--no-border .style-select .ss-selected-option {
    border: 0;
  }

.form__select-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  width: 13px;
  color: #111111;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  pointer-events: none;
}

.form__row {
  width: 100%;
  margin-bottom: 10px
}

.form__row:last-child {
    margin-bottom: 0;
  }

@media (min-width: 768px) {

.form__row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
}
    .form__row .form__block {
      -webkit-flex: 1 1 50%;
              flex: 1 1 50%;
      margin-right: 20px
    }
      .form__row .form__block:last-child {
        margin-right: 0;
        margin-top: 0;
      }
  }

.form__row--inline {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap
}

.form__row--inline .form__input {
    width: auto;
    min-width: 0;
    -webkit-flex: 1 1 0;
            flex: 1 1;
  }

.form__row--inline > input {
    margin-right: 10px;
  }

.form__row--inline > .button,
  .form__row--inline > .button-alternate,
  .form__row--inline > .button-secondary {
    width: auto;
    min-width: 0;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
  }

.form__error {
  border-color: #ea0622
}

.form__error:focus {
    box-shadow: 0 0 0 0;
  }

.form__message {
  display: none;
  margin-top: 6px;
  color: #ea0622
}

.form__message.form__message--activate {
    display: block;
  }

.form__error + .form__message,
.form__message--active {
  display: block;
}

.form--no-errors .form__error {
    border-color: #7088C1;
  }

.form--no-errors .form__message {
    display: none;
  }

.form__block,
.form__block-inner {
  position: relative;
}

.form__block--select:before {
    z-index: 1;
    content: "";
    width: 5px;
    height: 5px;
    display: block;
    position: absolute;
    border-top: 1px solid #111;
    border-left: 1px solid #111;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
    right: 15px;
    top: 40%;
  }

.form__block--select .form__input {
    padding-top: 10px
  }

.form__block--select .form__input + .form__label {
      -webkit-transform: translate3d(-1px, -10px, 0) scale(0.75) !important;
              transform: translate3d(-1px, -10px, 0) scale(0.75) !important;
      color: #444!important;
    }

.style-select + .form__label, .form__input + .form__label {
    font-size: 0.8125rem;
    line-height: 1.38462;
    letter-spacing: 0;
    font-weight: normal;
    transition: all 0.3s ease;
    transition-property: color, -webkit-transform;
    transition-property: color, transform;
    transition-property: color, transform, -webkit-transform;
    position: absolute;
    top: 12px;
    padding: 0 4px;
    left: 11px;
    color: #000000;
    pointer-events: none;
    -webkit-transform-origin: left;
            transform-origin: left;
  }

.style-select.open,
.is-not-empty + .style-select,
.form__input.is-not-empty,
.form__input:not([value='']):not(textarea),
.form__input:focus,
.form__input.form__input--active,
.form__input[type="date"]{
  border: 1px solid #000000;
  box-shadow: none
}

.style-select.open + .form__label, .is-not-empty + .style-select + .form__label, .form__input.is-not-empty + .form__label, .form__input:not([value='']):not(textarea) + .form__label, .form__input:focus + .form__label, .form__input.form__input--active + .form__label, .form__input[type="date"] + .form__label {
    -webkit-transform: translate3d(-2px, -21px, 0) scale(0.75);
            transform: translate3d(-2px, -21px, 0) scale(0.75);
    color: #000000;
    background: #ffffff;
  }

.style-select.open.form__error + .form__label, .is-not-empty + .style-select.form__error + .form__label, .form__input.is-not-empty.form__error + .form__label, .form__input:not([value='']):not(textarea).form__error + .form__label, .form__input:focus.form__error + .form__label, .form__input.form__input--active.form__error + .form__label, .form__input[type="date"].form__error + .form__label {
    color: #ea0622;
  }

.style-select.open.form__error, .is-not-empty + .style-select.form__error, .form__input.is-not-empty.form__error, .form__input:not([value='']):not(textarea).form__error, .form__input:focus.form__error, .form__input.form__input--active.form__error, .form__input[type="date"].form__error {
    border-color: #ea0622;
  }

.form__input.is-not-empty:not(:focus) + .form__label, .form__input.form__input--active:not(:focus) + .form__label {
    color: #808080;
  }

.is-not-empty + .style-select,
.is-not-empty:not(:focus) + .style-select,
.form__input.is-not-empty:not(:focus),
.form__input:not([value='']):not(:focus) {
  border: 1px solid {{ settings.color_hr }};
}

.is-not-empty:not(:focus) + .style-select {
  border: 0;
}

.form__block--default .is-not-empty,
  .form__block--default .form__input:not([value='']),
  .form__block--default .form__input:focus {
    border: 1px solid #000000;
  }

.form__block--default .form__input.is-not-empty:not(:focus),
  .form__block--default .form__input:not([value='']):not(:focus) {
    border: 1px solid {{ settings.color_hr }};
  }

.form__block--alternate .form__input,
  .form__block--alternate .form__input.is-not-empty,
  .form__block--alternate .form__input:not([value='']):not(textarea) {
    padding: 0 16px;
    transition-property: color, box-shadow, -webkit-transform;
    transition-property: color, transform, box-shadow;
    transition-property: color, transform, box-shadow, -webkit-transform
  }

.form__block--alternate .form__input + .form__label, .form__block--alternate .form__input.is-not-empty + .form__label, .form__block--alternate .form__input:not([value='']):not(textarea) + .form__label {
      top: 12px;
      left: 11px;
      padding: 0 5px;
    }

.form__block--alternate .form__input:focus + .form__label, .form__block--alternate .form__input:not([value='']):not(textarea) + .form__label, .form__block--alternate .form__input.is-not-empty:focus + .form__label, .form__block--alternate .form__input:not([value='']):focus + .form__label {
      -webkit-transform: translate3d(-2px, -21px, 0) scale(0.75);
              transform: translate3d(-2px, -21px, 0) scale(0.75)
    }

@media (min-width: 1025px) {

.form__block--alternate .form__input:focus + .form__label, .form__block--alternate .form__input:not([value='']):not(textarea) + .form__label, .form__block--alternate .form__input.is-not-empty:focus + .form__label, .form__block--alternate .form__input:not([value='']):focus + .form__label {
        -webkit-transform: translate3d(-2px, -21px, 0) scale(0.75);
                transform: translate3d(-2px, -21px, 0) scale(0.75)
    }
      }

.form__block--inverse .form__input,
  .form__block--inverse .form__input.is-not-empty,
  .form__block--inverse .form__input:not([value='']):not(textarea) {
    padding: 0 12px;
    transition-property: color, box-shadow, -webkit-transform;
    transition-property: color, transform, box-shadow;
    transition-property: color, transform, box-shadow, -webkit-transform
  }

.form__block--inverse .form__input + .form__label, .form__block--inverse .form__input.is-not-empty + .form__label, .form__block--inverse .form__input:not([value='']):not(textarea) + .form__label {
      top: 12px;
      left: 11px;
      padding: 0 5px;
    }

.form__block--inverse .form__input:not([value='']),
  .form__block--inverse .form__input:focus {
    padding-top: 0;
  }

.form__block--inverse .form__input:not([value='']):not(:focus) {
    padding-top: 0;
  }

.form__block--inverse .form__input:focus + .form__label, .form__block--inverse .form__input:not([value='']):not(textarea) + .form__label, .form__block--inverse .form__input.is-not-empty:focus + .form__label, .form__block--inverse .form__input:not([value='']):focus + .form__label {
      -webkit-transform: translate3d(-2px, -21px, 0) scale(0.75);
              transform: translate3d(-2px, -21px, 0) scale(0.75)
    }

@media (min-width: 1025px) {

.form__block--inverse .form__input:focus + .form__label, .form__block--inverse .form__input:not([value='']):not(textarea) + .form__label, .form__block--inverse .form__input.is-not-empty:focus + .form__label, .form__block--inverse .form__input:not([value='']):focus + .form__label {
        -webkit-transform: translate3d(-2px, -21px, 0) scale(0.75);
                transform: translate3d(-2px, -21px, 0) scale(0.75)
    }
      }

.form__block--inverse.form__block--textarea .form__input {
      border-color: #000000;
      transition: none;
    }

.form__block--inverse.form__block--textarea .form__input:focus + .form__label, .form__block--inverse.form__block--textarea .form__input.is-not-empty + .form__label, .form__block--inverse.form__block--textarea .form__input.form__input--active + .form__label {
        -webkit-transform: translate3d(-2px, -21px, 0) scale(0.75);
                transform: translate3d(-2px, -21px, 0) scale(0.75);
      }

.form__block--textarea textarea {
    padding: 24px 12px 10px;
    resize: none;
  }

.form__block--textarea .form__input:focus,
  .form__block--textarea .form__input.is-not-empty,
  .form__block--textarea .form__input.form__input--active {
    padding-top: 12px;
  }

.form__block--textarea .form__input.is-not-empty:not(:focus),
  .form__block--textarea .form__input.form__input--active:not(:focus) {
    padding-top: 12px;
  }

.form__block--textarea .form__input.form__error {
    border-color: #ea0622;
  }

.form__newsletter .form__block {
    margin-bottom: 16px;
  }

.form__newsletter .form__block--checkbox {
    margin-top: 0;
    margin-bottom: 0;
  }

.form__row--contact .style-select .ss-selected-option {
      padding: 16px 24px 11px 13px;
    }

.form__row--contact .style-select .ss-dropdown {
      left: -1px;
      right: -1px;
      width: auto;
      top: 55px;
      border-width: 2px;
    }

.form__checkbox-wrapper {
  position: relative
}

.form__checkbox-wrapper:nth-child(2) {
    margin-top: 15px;
  }

.form__block--normal .form__input:focus + .form__label, .form__block--normal .form__input:not([value='']):not(textarea) + .form__label, .form__block--normal .form__input.is-not-empty:focus + .form__label, .form__block--normal .form__input:not([value='']):focus + .form__label {
      display: none;
    }

.form__icon {
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 24px;
}

.form__select--egg-finder {
  font-size: 1rem;
  line-height: 1.5
}

@media (min-width: 1025px){

.form__select--egg-finder {
    font-size: 1.25rem;
    line-height: 1.2
}
}

.form__select--egg-finder {
  font-weight: 600;
  width: 332px;
  height: 64px;
  padding: 0 24px;
  background: transparent;
  color: #ffffff;
  border: 2px solid #ffffff
}

.form__select--egg-finder + .form__icon {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }

.form__select--egg-finder + .style-select + .form__icon {
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      pointer-events: none;
    }

.form__select--egg-finder + .style-select .ss-selected-option {
    font-size: 1rem;
    line-height: 1.5;
  }

@media (min-width: 1025px){

.form__select--egg-finder + .style-select .ss-selected-option {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

.form__select--egg-finder + .style-select .ss-selected-option {
    font-weight: 600;
    height: auto;
    border: 2px solid #ffffff;
    padding: 18px;
    text-transform: none;
    letter-spacing: normal;
    background: transparent;
  }

.form__select--egg-finder + .style-select .ss-dropdown {
    top: 64px;
    max-height: none;
    padding: 18px;
    background: transparent;
    border: 2px solid #ffffff;
    border-top: 0;
  }

.form__select--egg-finder + .style-select .ss-dropdown .ss-option {
    font-size: 1rem;
    line-height: 1.5;
  }

@media (min-width: 1025px){

.form__select--egg-finder + .style-select .ss-dropdown .ss-option {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

.form__select--egg-finder + .style-select .ss-dropdown .ss-option {
    font-weight: 600;
    min-height: auto;
    line-height: 40px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #ffffff;
  }

.form__select--egg-finder + .style-select .ss-dropdown .ss-option.highlighted {
    box-shadow: none;
  }

.form__select--egg-finder + .style-select .ss-dropdown .ss-option.ticked:after {
    border-color: white;
  }

.form__select--egg-finder + .style-select.open {
    border: 0
  }

.form__select--egg-finder + .style-select.open + .form__icon {
      -webkit-transform: rotate(-180deg) translateY(50%);
              transform: rotate(-180deg) translateY(50%);
    }

.form__select--egg-finder + .style-select .ss-dropdown .ss-option.disabled {
    display: none;
  }

body #inside_holder {
  z-index: 9;
}

#powrIframeLoader {
  display: none;
}

.wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  -webkit-overflow-scrolling: touch
}

.wrapper > * {
    width: 100%;
  }

.main {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  padding-top: 48px;
  background: #ffffff
}

@media (min-width: 1025px) {

.main {
    padding-top: 71px
}
  }

.main--no-hero {
  padding-top: 48px
}

@media (min-width: 1025px) {

.main--no-hero {
    padding-top: 71px
}
  }

.container {
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  max-width: 1272px;
  padding: 0 16px
}

@media (min-width: 768px) {

.container {
    padding-left: 32px;
    padding-right: 32px
}
  }

@media (min-width: 1280px) {

.container {
    padding-left: 16px;
    padding-right: 16px
}
  }

@media (max-width: 767px) {

.collection-layout__container {
    padding: 0 8px
}
  }

@media (max-width: 767px) {

.container--page {
    padding-left: 18px;
    padding-right: 18px;
}
  }

@media (min-width: 768px) {

.container--full {
    max-width: 100%;
    padding-left: 32px;
    padding-right: 32px;
    margin: 0 auto
}
  }

@media (max-width: 767px) {

.container--compact {
    padding-left: 8px;
    padding-right: 8px;
}
  }

@media (max-width: 767px) {

.container--max {
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
    overflow: hidden
}
  }

.container--max-alternate {
  max-width: 1600px;
  padding-left: 0;
  padding-right: 0;
  margin: 0 auto;
  overflow: hidden;
}

.container--flexible-two-up {
  max-width: 1258px;
  padding-left: 0;
  padding-right: 0;
  margin: 0 auto;
  overflow: hidden
}

@media (min-width: 1025px) {

.container--flexible-two-up {
    padding-left: 16px;
    padding-right: 16px
}
  }

@media (max-width: 1024px) {

.container--native {
    padding: 0
}
  }

@media (max-width: 1024px) {

.container--flexible-content {
    padding: 0 16px
}
  }

.container--recommended-products {
  overflow: hidden;
}

.container--home-recommended {
  overflow: hidden;
  padding: 0 16px;
}

.section {
  padding-top: 20px
}

.main :first-child .section {
    padding-top: 0
}

/* Section bottom line */

.section-divider {}

.grid {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: stretch;
          align-items: stretch;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: calc(-1*14px/2);
  margin-right: calc(-1*14px/2);
}

.grid--compact {
  margin-left: -8px;
  margin-right: -8px
}

@media (max-width: 1024px) {

.grid--compact > .grid__item {
    padding-left: 16px;
    padding-right: 16px;
  }
  }

.grid--collection {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media all {

.grid--collection {
    margin-left: -12px;
    margin-right: -12px;
}
  }

@media (min-width: 1025px) {

.grid--collection {
    margin-left: -12px;
    margin-right: -12px;
}
  }

.grid--collection-custom {
  margin: 0
}

@media all {

.grid__item {
    padding-left: calc(14px/2);
    padding-right: calc(14px/2)
}
  }

.grid__item {
  width: 100%
}

@media (min-width: 1025px) {

.grid__item {
    width: 50%
}
  }

.grid--no-gutter {
  margin-left: 0;
  margin-right: 0
}

@media all {

.grid--no-gutter .grid__item {
    padding-left: 0;
    padding-right: 0;
  }
  }

@media all {

.grid--blog {
    margin-left: -8px;
    margin-right: -8px
}
  }

@media (min-width: 1025px) {

.grid--blog {
    margin-left: -16px;
    margin-right: -16px
}
  }

@media all {

.grid--blog > .grid__item {
    padding-left: 8px;
    padding-right: 8px
  }
  }

@media (min-width: 1025px) {

.grid--blog > .grid__item {
    padding-left: 16px;
    padding-right: 16px
  }
  }

@media (min-width: 768px) {

.grid--blog > .grid__item {
      width: 50%
  }
    }

@media (min-width: 1025px) {

.grid--blog > .grid__item {
      width: 33.333333%
  }
    }

.grid--4 > .grid__item {
    width: 50%
  }

@media (min-width: 1025px) {

.grid--4 > .grid__item {
      width: 25%
  }
    }

@media (min-width: 1025px) {

.grid--6 {
    margin-left: -18px;
    margin-right: -18px
}
  }

@media (min-width: 1025px) {

.grid--6 > .grid__item {
    padding-left: 18px;
    padding-right: 18px
  }
  }

.grid--6 > .grid__item {
    margin-bottom: 18px;
    width: 50%
  }

@media (min-width: 1025px) {

.grid--6 > .grid__item {
      width: 16.666667%
  }
    }

.grid--blog-landing {
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}

@media all {

.grid--recipe-content {
    margin-left: -8px;
    margin-right: -8px
}
  }

@media (min-width: 1025px) {

.grid--recipe-content {
    margin-left: -16px;
    margin-right: -16px
}
  }

@media all {

.grid--recipe-content > .grid__item {
    padding-left: 8px;
    padding-right: 8px
  }
  }

@media (min-width: 1025px) {

.grid--recipe-content > .grid__item {
    padding-left: 16px;
    padding-right: 16px
  }
  }

@media (min-width: 1025px) {

.grid--recipe-content > .grid__item {
      width: 50%
  }
    }

@media (min-width: 1025px) {

.grid--recipe-content > .grid__item:nth-child(1) {
      width: calc(33.33333% + 32px)
  }
    }

.grid--recipe-carousel {
  margin-left: -16px;
  margin-right: -16px
}

.grid--recipe-carousel .grid__item {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%
  }

@media (min-width: 1025px) {

.grid--recipe-carousel .grid__item {
      width: 50%
  }
    }

.grid--product-three-up {
  margin-left: -16px;
  margin-right: -16px
}

@media (min-width: 1025px) {

.grid--product-three-up {
    margin-left: -30px;
    margin-right: -30px
}
  }

.grid--product-three-up .grid__item {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%
  }

@media (min-width: 1025px) {

.grid--product-three-up .grid__item {
      padding-left: 30px;
      padding-right: 30px;
      width: 33.333333%
  }
    }

.grid--two-up > .grid__item:not(:last-child) {
    margin-bottom: 16px
  }

@media (min-width: 1025px) {

.grid--two-up > .grid__item:not(:last-child) {
      margin-bottom: 0
  }
    }

.grid--two-up-tiles {
  margin-left: -16px;
  margin-right: -16px
}

@media (min-width: 1025px) {

.grid--two-up-tiles {
    margin-left: -34px;
    margin-right: -34px
}
  }

.grid--two-up-tiles .grid__item {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    margin-top: 32px
  }

@media (min-width: 1025px) {

.grid--two-up-tiles .grid__item {
      padding-left: 34px;
      padding-right: 34px;
      width: 50%;
      margin-top: 0
  }
    }

.grid--two-up-tiles .grid__item:first-child {
      margin-top: 0;
    }

.grid--two-up-home {
  margin-left: -34px;
  margin-right: -34px
}

.grid--two-up-home > .grid__item {
    padding-left: 17px;
    padding-right: 17px
  }

@media (min-width: 1025px) {

.grid--two-up-home > .grid__item {
      width: 50%
  }
    }

.grid--flexible-event-collection {
  margin-left: -8px;
  margin-right: -8px
}

.grid--flexible-event-collection > .grid__item {
    padding-left: 8px;
    padding-right: 8px;
    width: 50%;
  }

.container--flexible-event-collection {
  padding: 0 16px;
}

.shopify-challenge__container {
  padding: 50px 0;
}

.section-egg-hunt,
.easter-app,
.html-easter,
.page-easter,
.page-finder-map,
.wrapper--easter,
.main--easter {
  height: 100%;
}

.wrapper--easter {
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
}

.html-easter {
  overflow: hidden;
}

.easter-topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

.page-finder-map,
.page-easter {
  position: relative;
  overflow: hidden;
}

.grid--footer {
  margin-left: 0;
  margin-right: 0
}

@media (min-width: 1025px) {

.grid--footer {
    margin-left: -6px;
    margin-right: -6px;

    -webkit-justify-content: flex-start;

            justify-content: flex-start
}
  }

.grid--footer .grid__item {
    padding-left: 0;
    padding-right: 0;
    width: auto;
    min-width: 116px
  }

@media (min-width: 1025px) {

.grid--footer .grid__item {
      padding-left: 6px;
      padding-right: 6px
  }
    }

@media (max-width: 1024px) {

.grid--footer .grid__item:not(:last-child) {
        margin-bottom: 30px
    }
      }

@media (min-width: 768px) {

.grid--footer .grid__item:first-child {
        margin-right: 124px
    }
      }

.grid--footer .grid__item:nth-child(2) {
      margin-right: 48px
    }

@media (min-width: 768px) {

.grid--footer .grid__item:nth-child(2) {
        margin-right: 138px
    }
      }

@media (min-width: 1025px) {

.grid--read-more {
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap
}
  }

@media (min-width: 1025px) {

.grid--read-more > .grid__item {
      width: 100%
  }
    }

.grid--read-more > .grid__item:not(:first-child) {
      margin-top: 13px;
    }

@media (min-width: 1025px) {

.grid--read-more-native,
.grid--read-more-hero-text {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0
}

    .grid--read-more-native > .grid__item, .grid--read-more-hero-text > .grid__item {
      padding: 0
    }
  }

@media (min-width: 1025px) {

.grid--text-module {
    margin-left: -35px;
    margin-right: -35px
}
  }

@media (min-width: 1025px) {

.grid--text-module {
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
            justify-content: flex-start
}
  }

@media (min-width: 1025px) {

.grid--text-module > .grid__item {
    padding-left: 35px;
    padding-right: 35px
  }
  }

.grid--text-module > .grid__item:first-child {
      width: 57.8125%
    }

@media (max-width: 1024px) {

.grid--text-module > .grid__item:first-child {
        display: none
    }
      }

@media (min-width: 1025px) {

.grid--text-module > .grid__item:last-child {
        width: auto;
        max-width: 530px;
        padding-top: 70px
    }
      }

@media (min-width: 1025px) {

.grid--flexible-hero-text {
    margin-left: -58px;
    margin-right: -58px
}
  }

@media (min-width: 1025px) {

.grid--flexible-hero-text {
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
            justify-content: flex-start
}
  }

@media (min-width: 1025px) {

.grid--flexible-hero-text > .grid__item {
    padding-left: 58px;
    padding-right: 58px
  }
  }

.grid--flexible-hero-text > .grid__item:first-child {
      width: 56.375%
    }

@media (max-width: 1024px) {

.grid--flexible-hero-text > .grid__item:first-child {
        display: none
    }
      }

@media (min-width: 1025px) {

.grid--flexible-hero-text > .grid__item:last-child {
        width: auto;
        max-width: 576px;
        padding-top: 70px
    }
      }

.grid--text-block {
  font-size: 1.0625rem;
  line-height: 1.41176;
  margin-top: 12px
}

@media (min-width: 1025px) {

.grid--text-block {
    margin-top: 16px;
    margin-bottom: 0
}
  }

.grid--text-block .grid__item:first-child {
    padding-right: 25px;
  }

.grid--text-block .grid__item:last-child {
    margin-top: 18px
  }

@media (min-width: 1025px) {

.grid--text-block .grid__item:last-child {
      margin-top: 0;
      padding-left: 30px
  }
    }

@media (min-width: 1025px) {

.grid--flexible-cms-3 {
    margin: 0
}
  }

.grid--flexible-cms-3 > .grid__item + .grid__item {
      margin-top: 32px;
    }

.grid--flexible-text-two-up {
  font-size: 1.5rem;
  line-height: 1.25
}

@media (min-width: 1025px){

.grid--flexible-text-two-up {
    font-size: 1.875rem;
    line-height: 1.2
}
}

.grid--flexible-text-two-up {
  font-style: italic
}

@media (max-width: 849px) {

.grid--flexible-text-two-up {
    margin: 0
}
  }

.grid--flexible-text-two-up .grid__item {
    padding: 0 16px
  }

@media (min-width: 1025px) {

.grid--flexible-text-two-up .grid__item {
      padding: 50px 74px 50px 7px
  }
    }

.grid--flexible-text-two-up .grid__item--background {
    margin-top: 30px;
    padding: 30px 16px;
    color: #ffffff;
    background: #444444
  }

@media (min-width: 1025px) {

.grid--flexible-text-two-up .grid__item--background {
      margin-top: 0;
      padding: 50px 53px
  }
    }

@media (min-width: 1025px) {

.grid--flexible-collection-two-up {
    margin-left: -8px;
    margin-right: -8px
}
  }

@media (min-width: 1025px) {

.grid--flexible-collection-two-up > .grid__item {
    padding-left: 8px;
    padding-right: 8px
  }
  }

.grid--flexible-collection-two-up > .grid__item + .grid__item {
      margin-top: 16px
    }

@media (min-width: 1025px) {

.grid--flexible-collection-two-up > .grid__item + .grid__item {
        margin: 0
    }
      }

.desktop {
  display: none
}

@media (min-width: 1025px) {

.desktop {
    display: block
}
  }

.mobile {
  display: block
}

@media (min-width: 1025px) {

.mobile {
    display: none
}
  }

@media (min-width: 1025px) {

.grid--flexible-collection-two-up {
    margin-left: -8px;
    margin-right: -8px
}
  }

@media (min-width: 1025px) {

.grid--flexible-collection-two-up > .grid__item {
    padding-left: 8px;
    padding-right: 8px
  }
  }

.grid--flexible-collection-two-up > .grid__item + .grid__item {
      margin-top: 16px
    }

@media (min-width: 1025px) {

.grid--flexible-collection-two-up > .grid__item + .grid__item {
        margin: 0
    }
      }

.grid--praline-box-size {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.grid--reasons {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap
}

@media all {

.grid--reasons {
    margin-left: -9px;
    margin-right: -9px
}
  }

@media all {

.grid--reasons > .grid__item {
    padding-left: 9px;
    padding-right: 9px
  }
  }

.grid--reasons > .grid__item {

    width: 33.333333%
  }

@media (min-width: 1025px) {

.grid--reasons > .grid__item {
      width: 16.666667%
  }
    }

@media all {

.grid--search-dropdown {
    margin-left: 0;
    margin-right: 0
}
  }

@media (min-width: 1025px) {

.grid--search-dropdown {
    margin-left: -16px;
    margin-right: -16px
}
  }

@media (min-width: 1025px) {

.grid--search-dropdown {
    -webkit-justify-content: flex-start;
            justify-content: flex-start
}
  }

.grid--search-dropdown > .grid__item {
    padding-left: 0;
    padding-right: 0;
  }

@media (min-width: 1025px) {

.grid--search-dropdown > .grid__item {
    padding-left: 16px;
    padding-right: 16px;
  }
  }

.hide-mobile {
  display: none
}

@media (min-width: 1025px) {

.hide-mobile {
    display: block
}
  }

.hide-desktop {
  display: block
}

@media (min-width: 1025px) {

.hide-desktop {
    display: none
}
  }

.grid--cart-slideout {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.grid--flexible-two-up {
  margin: 0
}

.grid--flexible-two-up > .grid__item {
    padding: 0;
  }

.hidden {
  display: none !important;
}

.ml-auto {
  margin-left: auto !important;
}

[type="submit"],
button {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  cursor: pointer
}

[type="submit"]:focus, button:focus {
    outline: none;
  }

.button,
.shopify-challenge__button {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  display: inline-block;
  min-width: 200px;
  padding: 16px 35px;
  text-align: center;
  cursor: pointer;
  background: {{ settings.color_primary_button }};
  color: {{ settings.color_primary_button_text }};
  border-color: {{ settings.color_primary_button_border }}
}

.button:hover, .shopify-challenge__button:hover {
    box-shadow: none;
    background-color: {{ settings.color_primary_button_hover }};
    color: {{ settings.color_primary_button_hover_text }};
    border-color: {{ settings.color_primary_button_hover_border }};
  }

.button--icon {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
}

.button--secondary {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  display: inline-block;
  min-width: 200px;
  padding: 16px 35px;
  text-align: center;
  cursor: pointer;
  padding: 17px 35px;
  background: {{ settings.color_secondary_button }};
  color: {{ settings.color_secondary_button_text }};
  border: 1px solid {{ settings.color_secondary_button_border }};
  font-weight: 700
}

.button--secondary:hover {
    box-shadow: none;
    background-color: {{ settings.color_secondary_button_hover }};
    border-color: {{ settings.color_secondary_button_hover_border }};
    color: {{ settings.color_secondary_button_hover_text }};
  }

.button--alternate {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  display: inline-block;
  min-width: 200px;
  padding: 16px 35px;
  text-align: center;
  cursor: pointer;
  min-width: 200px;
  padding: 13px 35px 12px;
  background: {{ settings.color_alternate_button }};
  color: {{ settings.color_alternate_button_text }};
  border: 1px solid {{ settings.color_alternate_button_border }};
  font-weight: 700
}

.button--alternate:hover {
    box-shadow: none;
    background: {{ settings.color_alternate_button_hover }};
    color: {{ settings.color_alternate_button_hover_text }};
    border-color: {{ settings.color_alternate_button_hover_border }};
  }

.button--alternate-2 {
  padding: 15px 35px 12px;
}

.button--recipe-content-green {
  padding: 18px 35px 17px;
}

.button--hero {
  min-width: 264px;
  padding: 17px 20px;
  background: #000;
  color: #ffffff
}

@media (min-width: 1025px) {

.button--hero {
    padding: 20px 30px
}
  }

.button--hero:hover {
    color: #ffffff;
    background-color: #333333;
  }

@media (min-width: 1025px) {
  .hero--home .hero__cta .hero__button{
    color: {{ settings.cta_text_color }};
    background-color: {{ settings.cta_background_color }}
  }
    .hero--home .hero__cta .hero__button:hover{
      color: {{ settings.cta_text_color_hover }};
      background-color: {{ settings.cta_background_color_hover }};
    }
}

.button--invert {
  background: transparent;
  border-color: #ffffff;
}

.button--full {
  width: 100%;
  min-width: 0;
}

.button--small {
  min-width: 0;
  padding: 12px 18px;
}

.button--large {
  padding-top: 20px;
  padding-bottom: 20px;
}

button:disabled,
.button--disabled {
  background-color: #F1F1F1;
  color: #CCCCCC;
  pointer-events: none;
  border-color: #F1F1F1;
}

.button--gift {
  width: 100%;
  height: 40px;
  min-width: 170px;
  padding: 10px 20px;
  color: #1E1E1D;
  background: #ffffff;
  border: 1px solid #333333
}

@media (min-width: 1025px) {

.button--gift {
    width: auto
}
  }

.button--gift-popup {
  padding: 5px 20px;
  height: 48px;
  color: {{ settings.color_secondary_button_text }};
  background: #ffffff;
  border: 1px solid #333333
}

.button--gift-popup:disabled {
    border-color: #F1F1F1;
  }

@media (min-width: 1025px) {

.button--gift-popup {
    max-width: 232px
}
  }

.button--coming-soon {
  color: #8A8A8A;
  background: #D8D8D8;
  border-color: #D8D8D8
}

.button--coming-soon:hover {
    color: #8A8A8A;
    background: #D8D8D8;
    border-color: #D8D8D8;
  }

.button--sold-out,
.button--sold-out:disabled {
  color: #999999;
  background: #D8D8D8;
  border-color: #D8D8D8
}

.button--sold-out:hover, .button--sold-out:disabled:hover {
    color: #999999;
    background: #D8D8D8;
    border-color: #D8D8D8;
  }

.button--alternate-large {
  padding-top: 17px;
  padding-bottom: 17px;
  min-width: 0;
}

.button--newsletter {
  min-width: 148px;
  padding: 12px 23px 13px;
}

.button--add-cube {
  color: #000000;
  background: transparent;
  border: 1px solid #808080
}

.button--add-cube:hover {
    color: #000000;
    background: transparent;
    border-color: #808080;
  }

.button--selection {
  color: #ffffff;
  background: #333333;
  border: 1px solid #333333
}

.button--selection:hover {
    color: #ffffff;
    background: #111111;
    border-color: #111111;
  }

.button--update {
  color: #ffffff;
  background: {{ settings.color_primary_button }}
}

.button--update:hover {
    color: #ffffff;
    background: #00AB9B;
  }

.button--update {
  color: #ffffff;
  background: #00AB9B;
  border: 1px solid #00AB9B;
}

.button--hero-alternate {
  background: {{ settings.color_primary_button }};
  color: {{ settings.color_primary_button_text }};
  border-color: {{ settings.color_primary_button_border }}
}

.button--hero-alternate:hover {
    box-shadow: none;
    background-color: {{ settings.color_primary_button_hover }};
    color: {{ settings.color_primary_button_hover_text }};
    border-color: {{ settings.color_primary_button_hover_border }};
  }

.button--hero-secondary {
  background: {{ settings.color_secondary_button }};
  color: {{ settings.color_secondary_button_text }};
  border-color: {{ settings.color_secondary_button_border }}
}

.button--hero-secondary:hover {
    box-shadow: none;
    background-color: {{ settings.color_secondary_button_hover }};
    color: {{ settings.color_secondary_button_hover_text }};
    border-color: {{ settings.color_secondary_button_hover_border }};
  }

.button--hero-native-1,
.button--hero-praline-1,
.button--hero-gift-hub-landing-1 {
  background: #ffffff;
  color: #000;
  border: 1px solid #ffffff
}

.button--hero-native-1:hover, .button--hero-praline-1:hover, .button--hero-gift-hub-landing-1:hover {
    background-color: {{ settings.color_primary_button_hover }};
    color: {{ settings.color_primary_button_hover_text }};
    border-color: {{ settings.color_primary_button_hover_border }};
  }

.button--hero-native-2,
.button--hero-praline-2,
.button--hero-gift-hub-landing-2 {
  background: transparent;
  color: #ffffff;
  border: 1px solid #ffffff
}

.button--hero-native-2:hover, .button--hero-praline-2:hover, .button--hero-gift-hub-landing-2:hover {
    background-color: #ffffff;
    color: #000;
    border-color: #ffffff;
  }

.button--egg-finder {
  background: #ffffff;
  border-color: #ffffff;
  color: #000;
}

.button--hero-discover-more {
  background: transparent;
  color: #000;
  border: 1px solid #000
}

@media (min-width: 768px) {

.button--hero-discover-more {
    color: #ffffff;
    border-color: #ffffff
}
  }

.button--hero-discover-more:hover {
    background: #000;
    color: #ffffff;
    border-color: #000
  }

@media (min-width: 768px) {

.button--hero-discover-more:hover {
      background: #ffffff;
      color: #000;
      border-color: #ffffff
  }
    }

.button--flexible-article {
  font-size: 0.875rem;
  line-height: 1.57143;
  padding: 13px 16px
}

@media (min-width: 768px) {

.button--flexible-article {
    min-width: 190px
}
  }

.button--product-call-out-potrait {
  font-size: 0.875rem;
  line-height: 1.28571;
  letter-spacing: 0;
  padding: 0 0 5px;
  border-bottom: 2px solid #01BCAB;
  min-width: 100px;
  color: #01BCAB;
  background: transparent
}

.button--product-call-out-potrait:hover {
    background-color: transparent;
    color: #01BCAB;
  }

.button--pre-order {
  font-weight: 500;

  color: #000;
  background: #ffffff;
  border: 1px solid #000;
}

.button--quick-add {
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.07143em;
}

.button--view-more {
  font-size: 0.8125rem;
  line-height: 1;
  font-weight: 600;

  padding: 0;
  color: #808080;
  text-align: left;
  text-transform: capitalize;
  text-decoration: underline;
  background: none
}

.button--view-more:hover {
    color: #808080;
    background: none;
  }

.button--transparent {
  background: transparent;
}

.button--sub-category {
  font-size: 0.8125rem;
  line-height: 1;

  border: 1px solid #000000;
  padding-left: 0;
  padding-right: 0;
}

.button--product-modal {
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.07143em;
  font-weight: 700;

  border: 1px solid {{ settings.color_secondary_button_border }};
  padding: 16px 0;
}

.button--product-modal-secondary {
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.07692em;
  padding: 16px 0 17px;
}

.button--praline-nav {
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.07692em;

  display: none;
  min-width: 204px;
  margin: 0;
  padding: 14px 22px 13px
}

@media (min-width: 1025px) {

.button--praline-nav {
    display: block
}
  }

@media (min-width: 850px) {

.button--praline-box-store {
    max-width: 185px
}
  }

.button--praline-box-size {
  margin-top: 12px;
  padding: 12px 25px;
  min-width: 150px;
  border: 1px solid #808080
}

@media (min-width: 1025px) {

.button--praline-box-size {
    padding: 12px 15px;
    min-width: 120px
}
  }

@media (min-width: 1280px) {

.button--praline-box-size {
    padding: 12px 25px;
    min-width: 164px
}
  }

.button--praline-box-size.is-selected {
    pointer-events: none;
    background-color: #00bdac;
    border-color: #00bdac;
    color: #ffffff;
  }

.button--update-store {
  margin: 12px 0;
  padding: 20px 25px;
  border: 1px solid #333333
}

@media (min-width: 768px) {

.button--update-store {
    margin-top: 24px;
    margin-right: 10px
}
  }

.button--cancel {
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.07143em;
  font-weight: 700;

  min-width: 142px;
  padding: 21px 25px;
}

@media (min-width: 768px) {

.button--clear-item {
    margin-top: 22px;
    margin-right: 10px
}
  }

.button--product-selection {
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.0625em;

  border-color: transparent;
}

.button--add-to-box {
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.07143em;
  font-weight: 700;
  width: 100%;
}

.button--personalise-block {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 17px 12px 15px;
}

.button--disabled {
  pointer-events: none;
}

.button--custom {
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.07692em;

  padding: 13px 16px 12px;
  min-width: 148px;
}

.button--small-2 {
  min-width: 0;
  padding: 13px;
}

.button--notify-me {
  background-color: #F1F1F1;
  color: #8A8A8A;
  border-color: #F1F1F1;
  min-width: 115px;
}

.button--flexible-cta-button:hover {
    background-color: {{ settings.color_primary_button_hover }}!important;
    color: {{ settings.color_primary_button_hover_text }}!important;
    border-color: {{ settings.color_primary_button_hover_border }}!important;
  }

* {
  box-sizing: border-box;
}

figure {
  margin: 0;
  padding: 0;
}

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

h1, h2, h3, h4, h5, h6,
p, figure, ul, ol {
  margin: 0;
  padding: 0;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background-color: {{ settings.color_hr }};
}

.hide {
  display: none;
}

input[type="submit"],
a {
  cursor: pointer;
}

[v-cloak] {
  transition-property: opacity;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  opacity: 0;
}

.icon-minus,
.icon-plus {
  position: relative;
  display: block;
  width: 16px;
  height: 16px
}

.icon-minus:before, .icon-plus:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #BBBBBB;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }

.icon-plus:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 2px;
    background-color: #BBBBBB;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }

.icon-close-search,
.icon-close {
  position: relative;
  width: 18px;
  height: 14px
}

.icon-close-search:before,
  .icon-close-search:after,
  .icon-close:before,
  .icon-close:after {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 20px;
    height: 2px;
    border-radius: 2px;
    background-color: #BBBBBB;
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
            transform: translate3d(0, 0, 0) rotate(45deg)
  }

@media (min-width: 768px) {

.icon-close-search:before,
  .icon-close-search:after,
  .icon-close:before,
  .icon-close:after {
      background-color: #111111;
      left: 0
  }
    }

.icon-close-search:after, .icon-close:after {
    -webkit-transform: translate3d(0, 0, 0) rotate(135deg);
            transform: translate3d(0, 0, 0) rotate(135deg);
  }

.icon-next {
  position: relative;
  width: 18px;
  height: 18px;
  display: inline-block
}

.icon-next:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 6px;
    border-right: 2px solid {{ settings.color_branding }};
    border-bottom: 2px solid {{ settings.color_branding }};
    -webkit-transform:translate3d(50%, 50% , 0) rotate(-45deg);
            transform:translate3d(50%, 50% , 0) rotate(-45deg);
  }

.icon-afterpay {
  -webkit-transform: translateY(5%);
          transform: translateY(5%);
}

.icon-inline {
  position: relative;
  display: inline-block
}

.icon-inline canvas {
    display: none;
    visibility: hidden;
    height: 100%;
  }

.icon-inline svg + canvas {
    display: block;
  }

.icon-inline svg {
    position: absolute;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
  }

.icon-truck {
  margin-right: 8px;
  width: 22px;
}

.wysiwyg :first-child {
    margin-top: 0;
  }

.wysiwyg * {
    margin-bottom: 0;
    color: #000000;
  }

.wysiwyg > h2:first-child {
    margin-top: 11px;
  }

.wysiwyg > p:first-child {
    margin-top: 6px;
  }

.wysiwyg h1,
  .wysiwyg h2,
  .wysiwyg h3,
  .wysiwyg h4,
  .wysiwyg ul,
  .wysiwyg ol {
    margin: 10px 0 0
  }

@media (min-width: 850px) {

.wysiwyg h1,
  .wysiwyg h2,
  .wysiwyg h3,
  .wysiwyg h4,
  .wysiwyg ul,
  .wysiwyg ol {
      margin-top: 20px
  }
    }

.wysiwyg h1 {
    color: #050606;
  }

.wysiwyg h2,
  .wysiwyg h3,
  .wysiwyg h4,
  .wysiwyg strong {
    font-family: 'BrownStd';
    color: #000
  }

.wysiwyg h2 > *, .wysiwyg h3 > *, .wysiwyg h4 > *, .wysiwyg strong > * {
      color: inherit;
    }

.wysiwyg a {
    color: #808080
  }

.wysiwyg a:hover {
      color: #01BCAB;
    }

.wysiwyg h1 {
    font-size: 1.5rem;
    line-height: 1.75;
    font-weight: 700
  }

.wysiwyg h1 + p {
      margin-top: 5px;
    }

.wysiwyg h1 + h3 {
      margin-top: 13px;
    }

.wysiwyg h2 {
    font-size: 0.875rem;
    line-height: 1.21429;
    font-weight: 700
  }

.wysiwyg h2 + ul,
    .wysiwyg h2 + ol {
      margin-top: 13px;
    }

.wysiwyg h4 + ul,
  .wysiwyg h4 + ol {
    margin-top: 6px;
  }

.wysiwyg h4 + p {
    margin-top: 4px;
  }

.wysiwyg p + h3 {
      margin-top: 30px;
    }

.wysiwyg p + h2 {
      margin-top: 48px;
    }

.wysiwyg p + ol {
      margin-top: 23px;
    }

.wysiwyg p + table {
      margin-top: 17px
    }

@media (min-width: 1025px) {

.wysiwyg p + table {
        margin-top: 32px
    }
      }

.wysiwyg h3 + h4 {
    margin-top: 16px;
  }

.wysiwyg h3 + p {
    margin-top: 5px;
  }

.wysiwyg ul + table,
  .wysiwyg h4 + table {
    margin-top: 16px;
  }

.wysiwyg table + p {
      margin-top: 16px;
    }

.wysiwyg table + h3 {
      margin-top: 19px
    }

@media (min-width: 1025px) {

.wysiwyg table + h3 {
        margin-top: 32px
    }
      }

.wysiwyg h5,
  .wysiwyg p {
    font-size: 0.8125rem;
    line-height: 1.38462;
    font-family: 'BrownStd';
    color: #000000;
    text-transform: none;
    margin-top: 5px;
    margin-bottom: 0;
    font-weight: 500;
  }

.wysiwyg a {
    text-decoration: underline;
  }

.wysiwyg li {
    font-size: 0.8125rem;
    line-height: 1.38462;
    font-family: 'BrownStd';
    color: #000000;
    text-transform: none;
  }

.wysiwyg ul + p, .wysiwyg ol + p {
      margin-top: 16px;
    }

.wysiwyg ul li {
      padding-left: 10px
    }

.wysiwyg ul li:before {
        content: '\2022';
        padding-right: 19px;
      }

.wysiwyg ol {
    counter-reset: section
  }

.wysiwyg ol li:before {
        display: inline-block;
        content: counter(section) ". ";
        counter-increment: section;
        min-width: 18px;
        padding-right: 0.4em;
      }

.wysiwyg strong {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    color: #000
  }

.wysiwyg strong > * {
      color: inherit;
    }

.wysiwyg table {
    width: 100%;
    background: #FFFFFF;
    border-spacing: 0;
    border: 1px solid #808080
  }

.wysiwyg table th,
    .wysiwyg table td {
      border: 1px solid #808080;
    }

.wysiwyg table tr:first-child td {
        font-size: 0.875rem;
        line-height: 1.21429;
        color: #ffffff;
        font-weight: 700;
      }

.wysiwyg table td {
      font-size: 0.8125rem;
      line-height: 1.38462
    }

@media (min-width: 1025px){

.wysiwyg table td {
    font-size: 0.875rem;
    line-height: 1.57143
    }
}

.wysiwyg table td {
      padding: 11px 16px;
      font-weight: 500
    }

@media (min-width: 1025px) {

.wysiwyg table td {
        padding: 17px 16px
    }
      }

.wysiwyg--recipe * {
    color: #000;
  }

.wysiwyg--recipe b {
    font-size: 1rem;
    line-height: 1.375;
    font-weight: normal;
    color: #AAAAAA
  }

.wysiwyg--recipe b a {
      color: inherit;
    }

.wysiwyg--recipe b i {
      color: inherit;
    }

.wysiwyg--recipe h5 {
    font-size: 0.8125rem;
    line-height: 1.38462;
    letter-spacing: 0.07692em;
    font-weight: 700;
    color: #000
  }

.wysiwyg--recipe h5 + p {
      margin-top: 5px;
    }

.wysiwyg--recipe p {
    font-size: 0.8125rem;
    line-height: 1.38462
  }

.wysiwyg--recipe p + h5 {
      margin-top: 23px;
    }

.wysiwyg--recipe table {
    border: 0;
    background: transparent
  }

.wysiwyg--recipe table td {
      min-width: 100px;
      border: 0;
      padding: 14px 0 15px;
      border-bottom: 1px solid #808080
    }

.wysiwyg--recipe table td p {
        font-size: 0.8125rem;
        line-height: 1.38462
      }

.wysiwyg--recipe table td p a {
          text-decoration: none;
          position: relative
        }

.wysiwyg--recipe table td p a:hover:after {
             background: #01BCAB;
          }

.wysiwyg--recipe table td p a:after {
            transition-property: background;
            transition-duration: 300ms;
            transition-timing-function: ease-in-out;
            content: '';
            position: absolute;
            left: 0;
            bottom: -1px;
            width: 100%;
            height: 1px;
            background: #808080;
          }

.wysiwyg--recipe table + p {
      margin-top: 22px;
    }

.wysiwyg--native > *, .wysiwyg--hero-text > * {
    color: #ffffff;
    text-align: center
  }

@media (min-width: 1025px) {

.wysiwyg--native > *, .wysiwyg--hero-text > * {
      text-align: left
  }
    }

.wysiwyg--native p,
  .wysiwyg--native h2,
  .wysiwyg--hero-text p,
  .wysiwyg--hero-text h2 {
    color: #ffffff
  }

.wysiwyg--native p:first-child, .wysiwyg--native h2:first-child, .wysiwyg--hero-text p:first-child, .wysiwyg--hero-text h2:first-child {
      margin: 0;
    }

.wysiwyg--native h2, .wysiwyg--hero-text h2 {
    font-size: 1.125rem;
    line-height: 1.22222
  }

@media (min-width: 1025px){

.wysiwyg--native h2, .wysiwyg--hero-text h2 {
    font-size: 1.25rem;
    line-height: 1.2
  }
}

.wysiwyg--native h2, .wysiwyg--hero-text h2 {
    font-weight: 700;
    text-transform: uppercase
  }

.wysiwyg--native h2 + p, .wysiwyg--hero-text h2 + p {
      margin-top: 10px
    }

@media (min-width: 1025px) {

.wysiwyg--native h2 + p, .wysiwyg--hero-text h2 + p {
        margin-top: 7px
    }
      }

.wysiwyg--native p, .wysiwyg--hero-text p {
    font-size: 1rem;
    line-height: 1.5
  }

@media (min-width: 1025px){

.wysiwyg--native p, .wysiwyg--hero-text p {
    font-size: 1.0625rem;
    line-height: 1.41176
  }
}

.wysiwyg--native p + p, .wysiwyg--hero-text p + p {
      margin-top: 13px
    }

@media (min-width: 1025px) {

.wysiwyg--native p + p, .wysiwyg--hero-text p + p {
        margin-top: 11px
    }
      }

.wysiwyg--native-info * {
    color: #ffffff;
    overflow-wrap: break-word;
  }

.wysiwyg--native-info > h2:first-child {
    margin-top: 0;
  }

.wysiwyg--native-info > p:first-child {
    margin-top: 0;
  }

.wysiwyg--native-info h1,
  .wysiwyg--native-info h2,
  .wysiwyg--native-info h3,
  .wysiwyg--native-info h4,
  .wysiwyg--native-info h5,
  .wysiwyg--native-info h6,
  .wysiwyg--native-info p,
  .wysiwyg--native-info strong,
  .wysiwyg--native-info a {
    color: #ffffff;
  }

.wysiwyg--native-info h1,
  .wysiwyg--native-info h2,
  .wysiwyg--native-info h3,
  .wysiwyg--native-info h4,
  .wysiwyg--native-info h5,
  .wysiwyg--native-info h6 {
    text-transform: uppercase;
  }

.wysiwyg--native-info hr {
    margin: 30px 0;
    background: #ffffff;
  }

.wysiwyg--native-info h2 {
    font-size: 1.125rem;
    line-height: 1.05556;
    letter-spacing: 0.02778em
  }

@media (min-width: 1025px){

.wysiwyg--native-info h2 {
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: 0.03333em
  }
}

.wysiwyg--native-info h2 + p {
      margin-top: 8px
    }

@media (min-width: 1025px) {

.wysiwyg--native-info h2 + p {
        margin-top: 7px
    }
      }

.wysiwyg--native-info h4 {
    font-size: 0.875rem;
    line-height: 1.14286
  }

.wysiwyg--native-info h4 + p {
      margin-top: 6px
    }

@media (min-width: 1025px) {

.wysiwyg--native-info h4 + p {
        margin-top: 7px
    }
      }

.wysiwyg--native-info p {
    font-size: 0.9375rem;
    line-height: 1.33333;
    font-weight: 400
  }

.wysiwyg--native-info p + h4 {
      margin-top: 24px
    }

@media (min-width: 1025px) {

.wysiwyg--native-info p + h4 {
        margin-top: 23px
    }
      }

.wysiwyg--native-info p + img {
      margin-top: 32px;
    }

.wysiwyg--native-info p + p {
      margin-top: 4px;
    }

.wysiwyg--native-info em {
    font-size: 0.9375rem;
    line-height: 1.06667;
    font-weight: 700;
  }

.wysiwyg--single-content h3 {
    font-size: 1.25rem;
    line-height: 1.2
  }

@media (min-width: 1025px){

.wysiwyg--single-content h3 {
    font-size: 1.875rem;
    line-height: 1
  }
}

.wysiwyg--single-content h3 {
    font-weight: 700
  }

@media (min-width: 1025px) {

.wysiwyg--single-content h3 {
      color: #050606
  }
    }

.wysiwyg--single-content h3:not(:first-child) {
      margin-top: 30px
    }

@media (min-width: 1025px) {

.wysiwyg--single-content h3:not(:first-child) {
        margin-top: 65px
    }
      }

.wysiwyg--single-content h3 + p {
      margin-top: 8px
    }

@media (min-width: 1025px) {

.wysiwyg--single-content h3 + p {
        margin-top: 12px
    }
      }

.wysiwyg--single-content p {
    font-size: 0.9375rem;
    line-height: 1.46667;
    margin-top: 8px
  }

.wysiwyg--single-content p + p strong {
        display: block;
        margin-top: 24px
      }

.wysiwyg--single-content p + p strong:first-child {
          margin-top: 24px;
        }

.wysiwyg--single-content strong {
    font-size: 0.9375rem;
    line-height: 1.46667;
  }

.wysiwyg--single-content ul {
    margin-top: 12px
  }

@media (min-width: 1025px) {

.wysiwyg--single-content ul {
      margin-top: 15px
  }
    }

.wysiwyg--single-content ul li {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: flex-start;
              align-items: flex-start;
      -webkit-justify-content: flex-start;
              justify-content: flex-start;
      -webkit-flex-wrap: nowrap;
              flex-wrap: nowrap;
      font-size: 0.9375rem;
      line-height: 1.46667;

      margin-bottom: 10px;
      padding-left: 16px
    }

@media (min-width: 1025px) {

.wysiwyg--single-content ul li {
        padding-left: 11px
    }
      }

.wysiwyg--single-content ul li:last-child {
        margin-bottom: 0;
      }

.wysiwyg--single-content ul li:before {
        padding-right: 16px;
      }

.wysiwyg--competition-form {
  text-align: center
}

@media (min-width: 1025px) {

.wysiwyg--competition-form {
    text-align: left
}
  }

.wysiwyg--competition-form h2 {
    font-size: 1.5rem;
    line-height: 1.16667
  }

@media (min-width: 1025px){

.wysiwyg--competition-form h2 {
    font-size: 2.25rem;
    line-height: 1.11111
  }
}

.wysiwyg--competition-form h2 {
    font-weight: 700;

    margin: 0 0 7px;
    color: #050606
  }

@media (min-width: 1025px) {

.wysiwyg--competition-form h2 {
      margin: 0 0 18px
  }
    }

.wysiwyg--competition-form h2:first-child {
      margin-top: 0;
    }

.wysiwyg--competition-form p {
    font-size: 0.9375rem;
    line-height: 1.33333
  }

@media (min-width: 1025px){

.wysiwyg--competition-form p {
    font-size: 1.25rem;
    line-height: 1.2
  }
}

.wysiwyg--competition-form p {
    font-weight: normal
  }

@media (min-width: 1025px) {

.wysiwyg--competition-form p {
    font-weight: 700
  }
  }

.wysiwyg--competition-form p {
    font-weight: 400;

    margin: 0;
    color: #8A8A8A
  }

.wysiwyg--competition-form p:not(:first-of-type) {
      margin-top: 20px
    }

@media (min-width: 1025px) {

.wysiwyg--competition-form p:not(:first-of-type) {
        margin-top: 24px
    }
      }

.wysiwyg--page-404 p {
    font-size: 1rem;
    line-height: 1.625;
    letter-spacing: 0;
  }

@media (min-width: 1025px){

.wysiwyg--page-404 p {
    font-size: 1.125rem;
    line-height: 1.44444;
    letter-spacing: 0;
  }
}

.wysiwyg--page-404 p {

    color: #8A8A8A;
    text-align: center;
  }

.fade-enter-active, .fade-leave-active {
  transition-property: opacity;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
}

.fade-enter-to, .fade-leave {
  opacity: 1;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

.slide-enter-active, .slide-leave-active {
  transition-property: max-height;
  transition-duration: 500ms;
  transition-timing-function: ease-in-out;
  overflow: hidden;
}

.slide-enter-to, .slide-leave {
  max-height: 1000px
}

@media (min-width: 1025px) {

.slide-enter-to, .slide-leave {
    max-height: 300px
}
  }

.slide-enter, .slide-leave-to {
  max-height: 0;
}

.slide-right-enter-active,
.slide-right-leave-active {
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
}

.slide-right-enter,
.slide-right-leave-to {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.slide-left-enter-active,
.slide-left-leave-active {
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.slide-left-enter,
.slide-left-leave-to {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.shopify-section {}

.shopify-section--ingredients {
  margin-top: 12px;
  margin-bottom: 30px
}

@media (min-width: 1025px) {

.shopify-section--ingredients {
    margin-top: 42px;
    margin-bottom: 40px
}
  }

.shopify-section--product-banner {
  margin: 0 0 13px
}

@media (min-width: 1025px) {

.shopify-section--product-banner {
    margin-top: 23px;
    margin-bottom: 54px
}
  }

.shopify-section--flexible-cms-3 {
  margin-bottom: 60px;
}

.shopify-section--flexible-hero-two-up-alternate {
  padding: 32px 0;
  background: #F6F6F6
}

@media (min-width: 1025px) {

.shopify-section--flexible-hero-two-up-alternate {
    padding: 90px 0
}
  }

.shopify-section--flexible-text-blocks {
  margin-bottom: 32px
}

@media (min-width: 1025px) {

.shopify-section--flexible-text-blocks {
    margin-bottom: 64px
}
  }

.shopify-section--flexible-text-full {
  margin-bottom: 32px
}

@media (min-width: 1025px) {

.shopify-section--flexible-text-full {
    margin-bottom: 64px
}
  }

@media (min-width: 1025px) {

.shopify-section--flexible-text-two-up {
    margin-top: 60px;
    margin-bottom: 96px
}
  }

.shopify-section--flexible-text-custom {
  margin-top: 30px;
  margin-bottom: 39px
}

@media (min-width: 1025px) {

.shopify-section--flexible-text-custom {
    margin-top: 0;
    margin-bottom: 126px
}
  }

.shopify-section--flexible-article {
  padding: 32px 0;
  overflow: hidden
}

@media (min-width: 768px) {

.shopify-section--flexible-article {
    padding: 64px 0 16px;
    overflow: visible
}
  }

@media (min-width: 768px) {
  .shopify-section--flexible-article .card--flexible-article{
    margin-bottom: 48px;
  }

  .shopify-section--flexible-article .card--flexible-article:nth-child(3n){
    border-right: none;
  }
}

.shopify-section--flexible-product-feed {
  margin-top: 32px
}

@media (min-width: 1025px) {

.shopify-section--flexible-product-feed {
    margin-top: 64px;
    margin-bottom: 38px
}
  }

.shopify-section--flexible-hero-collection {
  padding-bottom: 50px
}

@media (min-width: 1025px) {

.shopify-section--flexible-hero-collection {
    padding-bottom: 0
}
  }

.shopify-section--flexible-cms-2 {
  background: #F6F6F6;
}

@media (min-width: 1025px) {

.shopify-section--flexible-product-call-out {
    margin-top: 96px;
    margin-bottom: 40px
}
  }

.shopify-section--flexible-collection-two-up {
  margin-top: 32px
}

@media (min-width: 1025px) {

.shopify-section--flexible-collection-two-up {
    margin-top: 96px
}
  }

.shopify-section--flexible-column-tiles {
  margin-top: 30px;
  overflow: hidden
}

@media (min-width: 1025px) {

.shopify-section--flexible-column-tiles {
    margin-top: 50px
}
  }

.shopify-section--flexible-event-collection {
  margin-top: 32px
}

@media (min-width: 1025px) {

.shopify-section--flexible-event-collection {
    margin-top: 96px
}
  }

.shopify-section--flexible-ingredient {
  width: 100%;
}

@media (min-width: 1025px) {

.shopify-section--flexible-cms-3 {
    margin: 40px 0
}
  }

.shopify-section--flexible-hero-cms {
  margin: 32px 0;
}

.shopify-section--praline-two-up {
  padding: 24px 0 26px;
  background: #F6F6F6
}

@media (min-width: 1025px) {

.shopify-section--praline-two-up {
    padding: 88px 0
}
  }

.shopify-section__button {
  text-align: center;
}

.shopify-section--reasons {
  border-bottom: 1px solid #eeeeee;
}

body[class*="page"] .flexible-section .shopify-section--flexible-hero-collection{
  margin-top: 0;
}

.shopify-section--home-review {
  background: #F6F6F6;
}

select[data-ss-uuid] {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.style-select {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.style-select,
.style-select * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  text-align: left;
  cursor: pointer;
}

.style-select .ss-selected-option {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  width: 100%;
  height: 40px;
  padding: 11px 24px 11px 13px;
  border: 1px solid {{ settings.color_input_border }};
  border-radius: 0;
  outline: none;
}

.style-select .ss-dropdown {
  background: #ffffff;
  top: 40px;
  right: 0;
  position: absolute;
  float: left;
  width: 100%;
  min-width: 180px;
  display: none;
  border: 1px solid {{ settings.color_hr }};
  max-height: 195px;
  overflow: auto;
  z-index: 1
}

.style-select .ss-dropdown::-webkit-scrollbar {
    width: 6px;
    background-color: #F1F1F1;
    border-radius: 7px;
  }

.style-select .ss-dropdown::-webkit-scrollbar-thumb {
    background-color: #CCCCCC;
    border-radius: 7px;
  }

.style-select .ss-dropdown .ss-option {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  width: 100%;
  padding: 9px 12px 8px 13px;
  background-color: #ffffff;
  border-color: {{ settings.color_input_border }};
  border-width: 0 0 1px 0;
  border-style: solid;
  text-transform: none;
  min-height: 40px
}

.style-select .ss-dropdown .ss-option:last-child {
    border: none;
  }

.style-select .ss-dropdown .ss-option.highlighted {
  cursor: pointer;
  box-shadow: inset 0 0 0 1px {{ settings.color_input_border }};
}

.style-select .ss-dropdown .ss-option.disabled {
  opacity: 0.3;
}

.style-select .ss-dropdown .ss-option.ticked {
  position: relative
}

.style-select .ss-dropdown .ss-option.ticked:after {
    content: '';
    position: absolute;
    top: 12px;
    right: 12px;
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #BBBBBB;
    border-left: 2px solid #BBBBBB;
  }

.style-select.open .ss-dropdown {
  display: block;
}

.accordion__label {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.accordion--initialized .accordion__label {
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    position: relative;
    cursor: pointer;
    padding: 18px 30px 18px 0;
    border-bottom: 1px solid {{ settings.color_hr }};
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

.accordion--initialized .accordion__content {
    padding: 14px 20px 16px;
    border-bottom: 1px solid {{ settings.color_hr }};
  }

.accordion--initialized.accordion--initialized .accordion__content {
      display: none;
    }

.accordion--initialized .accordion__icon {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    position: absolute;
    top: 50%;
    right: 10px;
    display: inline-block;
    width: 14px;
    height: 14px;
    pointer-events: none;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }

.accordion__icon:before,
  .accordion__icon:after {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    background-color: #000000;
  }

.accordion--global {
  position: relative;
}

.accordion--global:after {
    content: 'accordion';
    position: absolute;
    opacity: 0;
    z-index: -1;
  }

.page-layout #stockist-widget.stockist-responsive .accordion--store-locator-hours .accordion__label, .accordion--store-locator-hours .accordion__label {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
                align-items: center;
        overflow: visible;
    }

.page-layout #stockist-widget.stockist-responsive .accordion--store-locator-hours .accordion__icon, .accordion--store-locator-hours .accordion__icon {
        position: static;
        width: 10px;
        height: 10px;
        -webkit-transform: translate3d(6px, 0, 0);
                transform: translate3d(6px, 0, 0);
    }

.page-layout #stockist-widget.stockist-responsive .accordion--store-locator-hours .accordion__content ul, .accordion--store-locator-hours .accordion__content ul {
            margin: 5px 0 0 0;
            padding: 0;
            list-style: none
        }

.page-layout #stockist-widget.stockist-responsive .accordion--store-locator-hours .accordion__content ul li, .accordion--store-locator-hours .accordion__content ul li {
                display: -webkit-flex;
                display: flex;
                padding: 0 0 5px 0
            }

.page-layout #stockist-widget.stockist-responsive .accordion--store-locator-hours .accordion__content ul li:before,
                 .page-layout #stockist-widget.stockist-responsive .accordion--store-locator-hours .accordion__content ul li:after,
                 .accordion--store-locator-hours .accordion__content ul li:before,
                 .accordion--store-locator-hours .accordion__content ul li:after {
                    content: none;
                }

.page-layout #stockist-widget.stockist-responsive .accordion--store-locator-hours .accordion__content ul li > span, .accordion--store-locator-hours .accordion__content ul li > span {
                    display: inline-block;
                    font-weight: normal
                }

.page-layout #stockist-widget.stockist-responsive .accordion--store-locator-hours .accordion__content ul li > span:first-child, .accordion--store-locator-hours .accordion__content ul li > span:first-child {
                        width: 75px;
                        margin-right: 20px;
                    }

.page-layout #stockist-widget.stockist-responsive .accordion--store-locator-hours .accordion__content ul li > span:last-child, .accordion--store-locator-hours .accordion__content ul li > span:last-child {
                        -webkit-flex: 1 1 auto;
                                flex: 1 1 auto;
                    }

.page-layout #stockist-widget.stockist-responsive .accordion--store-locator-hours .accordion__content ul li > span:after, .accordion--store-locator-hours .accordion__content ul li > span:after {
                        content: none;
                    }

.page-layout #stockist-widget.stockist-responsive .accordion--store-locator-hours .accordion__block--active .accordion__label-text, .accordion--store-locator-hours .accordion__block--active .accordion__label-text {
            color: #AAA;
        }

.page-layout #stockist-widget.stockist-responsive .accordion--store-locator-hours .accordion__block--active .accordion__icon:before,
            .page-layout #stockist-widget.stockist-responsive .accordion--store-locator-hours .accordion__block--active .accordion__icon:after,
            .accordion--store-locator-hours .accordion__block--active .accordion__icon:before,
            .accordion--store-locator-hours .accordion__block--active .accordion__icon:after {
                background-color: #AAA;
            }

#stockist-widget .stockist-map-result .accordion--store-locator-hours .accordion__label-text {
        width: auto;
    }

#stockist-widget .stockist-map-result .accordion--store-locator-hours .accordion__content ul li > span {
        width: auto
    }

#stockist-widget .stockist-map-result .accordion--store-locator-hours .accordion__content ul li > span:after {
            content: none;
        }

@media (min-width: 1025px) {

.accordion__block--filter .accordion__list {
      padding: 0 16px;
      margin: 0 auto;
      max-width: 1280px
  }
    }

@media (min-width: 1025px) {

.accordion__block--filter:first-child .accordion__label {
        padding-left: 0
    }
      }

@media (max-width: 1024px) {

.accordion__block--filter .accordion__label,
  .accordion__block--filter .accordion__content {
      padding: 0 20px
  }
    }

@media (min-width: 1025px) {

.accordion__block--filter .accordion__label {
      padding-top: 20px;
      padding-right: 20px;
      border-bottom: 0
  }
    }

.accordion__block--filter .accordion__list-item {
    margin-bottom: 10px
  }

@media (min-width: 1025px) {

.accordion__block--filter .accordion__list-item {
      margin-bottom: 8px
  }
    }

.accordion__count {
  transition-property: opacity, visibility;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 20px;
  top: 50%;
  width: 18px;
  height: 18px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  color: #ffffff;
  background: #406A86;
  border-radius: 50%;
}

.accordion__block--active .accordion__icon {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }

.accordion__block--active .icon-plus:after {
      -webkit-transform: translate3d(-50%, 0, 0) rotate(90deg);
              transform: translate3d(-50%, 0, 0) rotate(90deg);
    }

.accordion__block--active.accordion__block--filter .accordion__label {
      border-bottom: 1px solid transparent
    }

@media (min-width: 1025px) {

.accordion__block--active.accordion__block--filter .accordion__label {
        box-shadow: 0 0 0 1px {{ settings.color_hr }} inset
    }
        .accordion__block--active.accordion__block--filter .accordion__label:after {
          content: '';
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 2px;
          background: #5B6268;
        }
      }

@media (min-width: 1025px) {

.accordion__block--active.accordion__block--filter:first-child .accordion__label {
          padding-left: 20px
      }
        }

.accordion__block--active.accordion__block--filter .accordion__content {
      padding-top: 0
    }

@media (min-width: 1025px) {

.accordion__block--active.accordion__block--filter .accordion__content {
        padding: 22px 24px 16px
    }

        .accordion__block--active.accordion__block--filter .accordion__content:after {
          content: '';
          position: absolute;
          left: 0;
          top: -1px;
          width: 100%;
          height: 1px;
          background: {{ settings.color_hr }};
        }
      }

.accordion__block--active.accordion__block--filter .accordion__list {
      padding-bottom: 10px;
    }

.accordion__block--active.accordion__block--filter .accordion__list-item:first-child {
        padding-top: 0;
      }

.accordion__block--active.accordion__block--count-active:first-child .accordion__label {
    padding-left: 48px;
  }

@media (max-width: 1024px) {

.accordion--mobile {
    position: relative
}
    .accordion--mobile:after {
    content: 'accordion';
    position: absolute;
    opacity: 0;
    z-index: -1;
  }
  }

.accordion--mobile {

  /* Hide icon */
}

@media (min-width: 1025px) {
    .accordion--mobile :after {
      content: none;
    }
    .accordion--mobile .accordion__icon {
      display: none;
    }
  }

@media (max-width: 1024px) {

.accordion--mobile-nav {
    position: relative
}
    .accordion--mobile-nav:after {
    content: 'accordion';
    position: absolute;
    opacity: 0;
    z-index: -1;
  }
  }

.accordion--mobile-nav {

  /* Hide icon */
}

@media (min-width: 1025px) {
    .accordion--mobile-nav :after {
      content: none;
    }
    .accordion--mobile-nav .accordion__icon {
      display: none;
    }
  }

@media (max-width: 1024px) {
    .accordion--mobile-l .accordion__label {
      padding: 19px 0;
    }

    .accordion--mobile-l .accordion__content {
      padding: 0 0 17px;
    }
  }

@media (min-width: 1025px) {

.accordion--filter {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    position: static;
    position: initial
}
  }

@media (min-width: 1025px) {

.accordion--filter .accordion__label,
  .accordion--filter .accordion__content {
      padding-left: 0;
      padding-right: 0
  }
    }

@media (min-width: 1025px) {

.accordion--filter .accordion__content {
      position: absolute;
      left: 0;
      top: 65px;
      width: 100%;
      z-index: 1;
      background: #ffffff
  }
    }

.accordion--filter .accordion__label {
    padding-top: 18px;
    padding-bottom: 18px;
    color: #222222
  }

@media (min-width: 1025px) {

.accordion--filter .accordion__label {
      padding: 23px 40px 23px 20px
  }
    }

.accordion--filter .accordion__icon {
    right: 20px;
    width: 12px;
    height: 12px
  }

@media (min-width: 1025px) {
      .accordion--filter .accordion__icon:before,
      .accordion--filter .accordion__icon:after {
        background-color: #E07F2F;
      }
    }

.accordion--filter .accordion__list {
    padding-top: 0
  }

@media (min-width: 1025px) {

.accordion--filter .accordion__list {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: flex-start;
              justify-content: flex-start;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap
  }
    }

.accordion--filter .accordion__list a {
      text-decoration: none
    }

.accordion--filter .accordion__list a:hover {
        text-decoration: underline;
      }

@media (min-width: 1025px) {

.accordion--filter .accordion__list-item {
      min-width: 180px;
      margin-right: 16px
  }
    }

.accordion--filter .accordion__list-item--activate a {
      text-decoration: underline;
    }

.accordion__block--count-active .accordion__label {
    padding-left: 48px;
  }

.accordion__block--count-active .accordion__count {
    visibility: visible;
    opacity: 1;
  }

.accordion__block--count-active:first-child .accordion__label {
      padding-left: 48px;
    }

.accordion--page {
  border-top: 1px solid {{ settings.color_hr }}
}

@media (max-width: 1024px) {

.accordion--page:first-child {
      border-top: none
  }
    }

.accordion--page .accordion__content {
    padding: 24px 0 32px;
  }

.accordion--page .accordion__label {
    margin-bottom: 0;
    padding: 20px 35px 23px 0;
  }

.accordion--page .accordion__icon {
    width: 14px;
    height: 14px;
  }

.accordion--page .icon-minus {
    transition-property: opacity, visibility;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    visibility: hidden;
    opacity: 0;
  }

.accordion--page > p:first-child {
      margin-top: 16px
    }

@media (min-width: 1025px) {

.accordion--page > p:first-child {
        margin-top: 28px
    }
      }

.accordion--page > p + .accordion__block {
      margin-top: 20px;
      border-top: 1px solid #182752;
    }

.accordion--product {
  border-top: 1px solid {{ settings.color_hr }}
}

.accordion--product .accordion__block {
    border-bottom: 1px solid {{ settings.color_hr }};
  }

.accordion--product .accordion__icon {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    position: absolute;
    top: 50%;
    right: 20px;
    display: inline-block;
    width: 12px;
    color: #000000;
    pointer-events: none;
    -webkit-transform: rotate(0deg) translate3d(0, -50%, 0);
            transform: rotate(0deg) translate3d(0, -50%, 0);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }

.accordion--product .accordion__block--active .accordion__icon {
      color: #000000;
      -webkit-transform: rotate(180deg) translate3d(0, -50%, 0);
              transform: rotate(180deg) translate3d(0, -50%, 0);
    }

.accordion--product .accordion__block--active .accordion__label {
      color: #000000;
    }

.accordion--product .accordion__block--active .accordion__content {
      border: 0;
      margin-top: -6px;
      padding-bottom: 22px;
    }

.accordion--product .accordion__label {
    font-size: 0.75rem;
    line-height: 1.5;
    letter-spacing: 0.08333em;
    font-weight: 700;

    padding: 21px 30px 21px 0;
    color: #000000;
    border-bottom: 0;
    text-transform: uppercase;
  }

.accordion--product .accordion__content {
    padding: 0 0 16px
  }

.accordion--product .accordion__content p {
      margin-bottom: 12px;
    }

.accordion--product .accordion__content :last-child {
      margin-bottom: 0;
    }

.accordion--product .accordion__content .accordion__button {
      margin-top: 10px;
      margin-bottom: 4px;
    }

.accordion--product .accordion__content table tbody tr:first-child {
      font-size: 0.6875rem;
      line-height: 1.63636;
      letter-spacing: 0.09091em;
      font-weight: 400;
      text-transform: uppercase;
    }

.accordion__list-item--size {
  width: 50%;
}

@media all {

.accordion__list--checkbox {
    margin-left: -5px;
    margin-right: -5px
}
  }

@media (min-width: 1025px) {

.accordion__list--checkbox {
    margin-left: 0;
    margin-right: 0
}
  }

.accordion__list--checkbox {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-top: 10px;
  padding-bottom: 0
}

@media all {

.accordion__list--checkbox .accordion__list-item {
    padding-left: 5px;
    padding-right: 5px
  }
  }

@media (min-width: 1025px) {

.accordion__list--checkbox .accordion__list-item {
    padding-left: 0;
    padding-right: 0
  }
  }

.accordion__list--checkbox .accordion__list-item {
    width: 50%
  }

@media (min-width: 1025px) {

.accordion__list--checkbox .accordion__list-item {
      width: auto
  }
    }

.accordion__list--checkbox .form__block a {
    text-decoration: none;
  }

.accordion__list--checkbox .form__label--checkbox a {
      position: relative;
      padding-left: 30px;
      z-index: 2;
    }

.accordion--cart-gift {
  text-transform: none
}

.accordion--cart-gift .accordion__icon {
    width: 10px;
    height: 10px;
    color: #BBBBBB;
  }

.accordion__readmore {
  margin-left: 5px;
  color: #000000;
  text-decoration: underline;
}

.product-detail .accordion__label {
    padding: 16px 0;
  }

.product-detail .accordion__block--active .accordion__content {
      padding-bottom: 12px;
    }

.accordion--discount-code {
  padding: 0 24px
}

.accordion--discount-code .accordion__label {
    border-top: 1px solid #808080;
    border-bottom: none;
    padding: 16px 30px 16px 0;
    text-transform: uppercase
  }

@media (min-width: 1025px) {

.accordion--discount-code .accordion__label {
      margin-top: 12px
  }
    }

.accordion--discount-code .accordion__content {
    border-bottom: none;
    padding: 0 0 20px 0;
  }

.accordion--discount-code .accordion__icon {
    width: 12px;
    height: 12px;
  }

.accordion--gift-card-balance {
  padding: 0 24px
}

.accordion--gift-card-balance .accordion__label {
    margin-top: 0;
    border-top: 1px solid #808080;
    border-bottom: none;
    padding: 16px 30px 16px 0;
    text-transform: uppercase;
  }

.accordion--gift-card-balance .accordion__content {
    border-bottom: none;
    padding: 0 0 8px 0;
  }

.accordion--gift-card-balance .accordion__icon {
    width: 12px;
    height: 12px;
  }

.product-detail--gift-card .accordion__label {
    padding: 22px 0;
  }

.product-detail--gift-card .accordion__icon {
    right: 12px;
  }

.product-detail--gift-card .accordion__block--active .accordion__content {
      padding-bottom: 6px;
    }

.product-modal .accordion--product {
    border-top: 0;
  }

.product-modal .accordion__content {
    border-bottom: 0;
  }

.account-entry-form {
  display: none;
  width: 100%;
  max-width: 449px;
  margin: auto auto 18px;
  padding: 0 12px
}

@media (min-width: 768px) {

.account-entry-form {
    margin: auto
}
  }

.account-entry-form .form__input {
    line-height: 22px;
    height: 48px
  }

.account-entry-form .form__input + .form__label {
      top: 15px;
    }

.account-entry-form .form-submit {
    min-width: 116px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    margin: 16px 0;
    font-size: 14px;
    min-height: 48px;
  }

.account-entry-form-full {
  display: none;
  width: 100%;
  margin: auto auto 18px;
  padding: 0 12px
}

@media (min-width: 768px) {

.account-entry-form-full {
    margin: auto
}
  }

.account-entry-form-full .form__input {
    line-height: 22px;
    height: 48px
  }

.account-entry-form-full .form__input + .form__label {
      top: 15px;
    }

.account-entry-form-full .form-submit {
    min-width: 116px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    margin: 16px 0;
    font-size: 14px;
    min-height: 48px;
  }

.account-entry-form--active {
  display: block;
}

.customers-login .main > .container {
    max-width: none;
    padding: 0;
  }

@media (max-width: 1024px) {

.customers-login .hero-title--account-entry {
      margin: 0
  }
    }

@media (min-width: 1025px){
    .customers-login main{
      margin-top: -36px;
    }
  }

@media (max-width: 1024px){
    .customers-login main{
      margin-top: -30px;
    }
  }

.customers-login .right-image img{
      display: block;
      max-width: 100%;
      height: auto;
    }

#shopify-section-form-login {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center
}

@media (max-width: 1024px) {

#shopify-section-form-login {
    -webkit-flex-direction: column;
            flex-direction: column
}
    #shopify-section-form-login .hero-title__wrapper {
      padding: 22px 0 16px;
    }
  }

#shopify-section-form-login .account-login {
    width: 100%

  }

#shopify-section-form-login .account-login .hero-title__wrapper{
      padding: 0 0 24px
    }

@media (max-width: 1024px) {

#shopify-section-form-login .account-login .hero-title__wrapper{
        padding: 24px 0 18px
    }
      }

#shopify-section-form-login .account-login .hero-title__title {
      font-size: 36px;
      line-height: 1.111em;
      font-weight: bold
    }

@media (max-width: 1024px) {

#shopify-section-form-login .account-login .hero-title__title {
        font-size: 24px;
        font-weight: bold
    }
      }

#shopify-section-form-login .account-login .form__input {
      height: 48px;
    }

#shopify-section-form-login .account-login .form__input + .form__label {
      top: 15px;
    }

#shopify-section-form-login .right-image {
    width: 100%;

    img {
      width: 100%;
      display: block;
    }
  }

div[name="hiko-container"] .h_buttons .png-google{
    margin: 0 9px;
    min-height: 0;
    min-width: 0;
    width: 20px;
    height: 20px;
    background-position: center;
    background-size: 20px auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 48 48'%3E%3Cdefs%3E%3Cpath id='a' d='M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z'/%3E%3C/defs%3E%3CclipPath id='b'%3E%3Cuse xlink:href='%23a' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23b)' fill='%23FBBC05' d='M0 37V11l17 13z'/%3E%3Cpath clip-path='url(%23b)' fill='%23EA4335' d='M0 11l17 13 7-6.1L48 14V0H0z'/%3E%3Cpath clip-path='url(%23b)' fill='%2334A853' d='M0 37l30-23 7.9 1L48 0v48H0z'/%3E%3Cpath clip-path='url(%23b)' fill='%234285F4' d='M48 48L17 24l-4-3 35-10z'/%3E%3C/svg%3E");
  }

div[name="hiko-container"] .h_buttons > div{
  min-height: 48px;
  margin: 0 0 12px;
  border: 1px solid #333;
  border-radius: 0;
  font-size: 14px;
  line-height: 12px;
  letter-spacing: 1px;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  height: auto;
  padding: 5px 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  transition: all 300ms ease-in-out
}

div[name="hiko-container"] .h_buttons > div:hover{
    background-color: #00bdac;
    border-color: #00bdac;
    color: #ffffff;
    -webkit-filter: brightness(1);
            filter: brightness(1)
  }

div[name="hiko-container"] .h_buttons > div:hover .h_facebook_button i{
        color: #fff !important;
      }

div[name="hiko-container"] .h_buttons > div:hover span{
      color: #fff;
    }

div[name="hiko-container"] .h_buttons span{
    width: auto;
    font-weight: bold;
    color: #000;
    position: relative;
    top: 1px;
    transition: all 300ms ease-in-out
  }

div[name="hiko-container"] .h_buttons span + i{
      display: none;
    }

div[name="hiko-container"] .h_buttons .h_facebook_button i{
      color: #1774EB !important;
      width: auto;
      min-width: 0;
      margin: 0 9px 0 0;
      position: relative;
      top: -2px;
      font-size: 18px;
    }

div.h_divider{
  font-size: 13px;
  color: #000;
  line-height: 15px;
  text-transform: lowercase;
  margin: 1em -1em 25px -1em
}

div.h_divider:before, div.h_divider:after{
    background-color: #808080;
  }

div.h_divider:before{
    margin: 3px 5px 0 1em;
  }

div.h_divider:after{
    margin: 3px 1em 0 5px;
  }

@media (max-width: 1024px) {

div.h_divider{
    margin: 1px -1em 17px -1em
}
  }

.form-footer--two-columns .footer-above {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%
  }

.form-footer--two-columns .footer-above .js-recover-link {
      text-decoration: none;
      border-bottom: 1px solid;
    }

.form-footer--two-columns .footer-above .button-primary {
      margin-top: 16px;
      margin-bottom: 0;
      width: 100%;
    }

.form-footer--two-columns .footer-below {
    width: 100%;
    margin: 10px 0 0
  }

.form-footer--two-columns .footer-below h4 {
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 6px;
    }

.form-footer--two-columns .footer-below p {
      margin-bottom: 5px
    }

.form-footer--two-columns .footer-below p:nth-last-child(2) {
        margin-bottom: 16px;
      }

.form-footer--two-columns .footer-below .button {
      width: 100%;
      background: white;
      color: #000;
      border: 1px solid;
      padding: 15px 20px;
      font-size: 13px;
      line-height: 16px;
    }

@media (max-width: 1024px) {
      .form-footer--two-columns .footer-below .h_divider{
        margin: 9px -1em 24px -1em;
      }
    }

@media (max-width: 1024px) {

.field--hide-mobile {
    display: none
}
  }

.account-register {
  margin: 92px auto 84px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between
}

@media(max-width: 1024px) {

.account-register {
    -webkit-flex-direction: column;
            flex-direction: column;
    margin: 0 auto
}
  }

.account-register #register_form {
    margin: 0;
    padding: 0
  }

@media(max-width: 1024px) {

.account-register #register_form {
      margin: 0 auto 31px
  }
    }

.account-register .hero-title--account-entry .hero-title__wrapper {
    padding-bottom: 24px
  }

@media(max-width: 1024px) {

.account-register .hero-title--account-entry .hero-title__wrapper {
      padding-bottom: 0
  }
    }

.account-register .form-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
            justify-content: space-between;
  }

.account-register .form-half {
    width: calc(50% - 6.5px);
  }

.list-dietary {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.form__block-dietary {
  border-bottom: 1px solid #808080;
  padding-bottom: 4px
}

.form__block-dietary h4 {
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 10px;
  }

.form__block-dietary .form__block-dietary {
    margin-bottom: 12px;
  }

@media(max-width: 849px) {

.cf-fields-container {
    margin: 0 !important;
    width: 100% !important
}
  }

.cf-fields-container .cf-enum-field__choices {
    width: 100%
  }

.cf-fields-container .cf-enum-field__choices legend {
      width: 100%;
      margin-bottom: 6px;
      font-size: 11px;
      letter-spacing: 1px;
    }

.cf-fields-container .cf-enum-field__choices fieldset {
      -webkit-flex-direction: row;
              flex-direction: row;
    }

.cf-fields-container .cf-enum-field__choices .cf-enum-field__choice {
      width: 50%;
      margin: 8px 0;
    }

.cf-fields-container .cf-enum-field__choice {
    position: relative;
    padding-left: 15px
  }

.cf-fields-container .cf-enum-field__choice input {
      opacity: 0;
    }

.cf-fields-container .cf-enum-field__choice span:before {
      width: 18px;
      height: 18px;
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translate3d(0, -50%, 0);
      transform: translate3d(0, -50%, 0);
      border: 1px solid #808080;
      background: #ffffff;
    }

.cf-fields-container .cf-enum-field__choice input:checked + span:before {
      border-color: #333333;
      background: #333333;
    }

.cf-fields-container .cf-enum-field__choice input:checked + span:after {
      content: '';
      position: absolute;
      top: calc(50% - 4px);
      left: 5px;
      -webkit-transform: rotate(315deg);
      transform: rotate(315deg);
      width: 8px;
      height: 3px;
      border-bottom: 2px solid #fff;
      border-left: 2px solid #fff;
      display: block;
    }

@media (max-width: 849px) {

.cf-fields-container .cf-field {
      padding: .5em 0

  }
    }

.cf-fields-container .cf-field[data-cf-field-type=checkbox] label {
      position: relative;
    }

.customers-register .main {
    position: relative;
  }

.customers-register input, .customers-register select {
    height: 48px;
  }

.customers-register .cf-fields-container .cf-enum-field__choices {
      border-bottom: 1px solid #808080;
      padding-bottom: 10px;
    }

@media (max-width: 849px) {

.customers-register .cf-fields-container .cf-field [data-cf-required="false"]:not([data-cf-field-type="checkbox"]) {
        display: none
    }
      }

.customers-register .cf-form-actions {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-top: 6px !important
  }

@media (max-width: 849px) {

.customers-register .cf-form-actions .button {
        margin: 0 0 12px
    }
      }

.customers-register .cf-form-actions .button:not(.cf-submit-form) {
        padding: 0;
        background: transparent;
        color: #808080;
        text-transform: none;
        font-weight: normal;
        text-align: left;
        letter-spacing: normal;
        font-size: 13px
      }

.customers-register .cf-form-actions .button:not(.cf-submit-form) span {
          border-bottom: 1px solid #808080;
          padding-bottom: 2px;
        }

@media (max-width: 849px) {

.edit-account .cf-form-inner .cf-fields-container, .edit-preferences .cf-form-inner .cf-fields-container {
      -webkit-justify-content: space-between;
              justify-content: space-between
  }
    }

@media (max-width: 849px) {

.edit-account .cf-field-container[data-cf-column-width="6"], .edit-preferences .cf-field-container[data-cf-column-width="6"] {
      width: calc(50% - 10px)
  }
    }

.edit-account .account-entry-form, .edit-preferences .account-entry-form {
    margin: 0 0 18px;
    padding: 0
  }

@media(max-width: 600px) {

.edit-account .account-entry-form, .edit-preferences .account-entry-form {
      max-width: 100%
  }
    }

@media(max-width: 600px) {

.edit-account .cf-form-inner .cf-fields-container, .edit-preferences .cf-form-inner .cf-fields-container {
      margin: 0;
      width: 100%
  }
    }

.edit-account #create_customer, .edit-preferences #create_customer {
    max-width: 425px
  }

@media (max-width: 849px) {

.edit-account #create_customer, .edit-preferences #create_customer {
      margin-bottom: 20px
  }
    }

.edit-account .cf-form-actions, .edit-preferences .cf-form-actions {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse;
    margin-top: 0 !important;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
  }

@media (max-width: 849px) {

.edit-account .cf-form-actions, .edit-preferences .cf-form-actions {
      -webkit-flex-direction: column;
              flex-direction: column
  }
    }

.edit-account .cf-form-actions .cf-step-invalid, .edit-preferences .cf-form-actions .cf-step-invalid {
      width: 100%;
      -webkit-order: 1;
              order: 1;
    }

.edit-account .cf-form-actions .button, .edit-preferences .cf-form-actions .button {
      width: calc(50% - 6.5px);
      min-width: auto;
      padding: 16.5px 0;
      font-size: 14px;
      margin: 0
    }

@media (max-width: 849px) {

.edit-account .cf-form-actions .button, .edit-preferences .cf-form-actions .button {
        width: 100%
    }
      }

.edit-account .cf-form-actions .button:not(.cf-submit-form), .edit-preferences .cf-form-actions .button:not(.cf-submit-form) {
        background-color: transparent;
        color: #000;
        border: 1px solid #000;
        font-size: 0
      }

.edit-account .cf-form-actions .button:not(.cf-submit-form):before, .edit-preferences .cf-form-actions .button:not(.cf-submit-form):before {
          content: "Cancel";
          font-size: 14px;
        }

@media (max-width: 849px) {

.edit-account .cf-form-actions .button:not(.cf-submit-form), .edit-preferences .cf-form-actions .button:not(.cf-submit-form) {
          margin-bottom: 16px
      }
        }

@media(min-width: 768px) {

.register-form,
.shopify-section-why-join {
    width: 50%
}
  }

/* CDSD-193667 */

.account-register #register_form{
  margin: 0 auto;
}

@media (min-width: 1025px){
  .hero.page-banner .hero__wrapper:before{
    padding-top: 32.75%;
  }

  .hero.page-banner .hero__inner-content{
    max-width: 900px;
  }

  .hero.page-banner .hero-headline{
    font-size: 48px;
    line-height: 1.125em; 
  }
}

.page-description .inner{
  max-width: 416px;
  margin:  0 auto;
}

.page-description h2{
  font-size: 36px;
  line-height: 40px;
  color: #050606;
  letter-spacing: 0;
  font-weight: bold;
  margin: 0 0 18px;
}

.page-description p{
    font-size: 20px;
    line-height: 24px;
    color: #8A8A8A;
    letter-spacing: 0;
}

@media (max-width: 1024px){
  .fullwidth-mobile {
    padding-top: 50px;
  }

  .account-register{
    -webkit-align-items: center;
            align-items: center;
  }

  .account-register .register-form{
    -webkit-order: 2;
            order: 2;
  }

  .shopify-section-why-join{
    -webkit-order: 3;
            order: 3;
  }

  .account-register .shopify-section-page-description{
    -webkit-order: 1;
            order: 1; 
    margin: 25px 0 0;
    padding: 0 21px;
    text-align: center;    
  }

  .hero.page-banner .hero__wrapper{
    max-height: 500px;
  }

  .hero.page-banner .hero__wrapper:before{
    padding-top: 107.5%;
  }

  .page-description h2{
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 7px;
  }

  .page-description p{
    font-size: 15px;
    line-height: 20px;
  }
}

@media (min-width: 768px){
  .shopify-section-page-description{
    width: 50%;
    margin: 0 0 5%;
  }
}

.account-register__content {
  margin: 25px 0 0;
  padding: 0 21px
}

@media (min-width: 768px) {

.account-register__content {
    width: 50%
}
  }

@media (min-width: 1025px) {

.account-register__content {
    margin: 0 0 5%;
    padding: 0
}
  }

.account-register__content-inner {
  margin: 0 auto;
  max-width: 416px;
}

.account-details__message {
  display: none;
  position: relative;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-content: center;
          align-content: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 70px 0;
  text-align: center
}

@media (min-width: 768px) {

.account-details__message {
    padding: 140px 0
}
  }

.account-details__main {
  display: block;
}

.account-details--has-message .account-details__message {
    display: -webkit-flex;
    display: flex;
  }

.account-details--has-message .account-details__main {
    display: none;
  }

.account-details__message-inner {
  position: relative;
  width: 100%;
  max-width: 520px;
  padding: 50px;
  margin: 0 auto;
  border: 1px solid {{ settings.color_branding }};
}

@media (min-width: 768px) {

.account-details__content {
    margin-top: 10px;
    margin-bottom: 84px
}
  }

@media (max-width: 767px) {

.account-details__content .container--page {
      padding: 0
  }
    }

.account-details__content .account-left-sidebar {
    padding-bottom: 24px
  }

@media (max-width: 767px) {

.account-details__content .account-left-sidebar {
      border: none;
      margin-bottom: 0
  }
    }

.account-details__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap
}

@media (max-width: 767px) {

.account-details__inner {
    padding: 0 12px
}
  }

.account-left-sidebar,
.account-right-content {
  padding-bottom: 25px;
}

.container-button {
  display: -webkit-flex;
  display: flex
}

.container-button .hero-title__button {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    margin-left: 12px;
    font-size: 13px
  }

.container-button .hero-title__button svg {
      height: 12px;
      margin-right: 8px;
    }

.account-left-sidebar {
  width: 100%;
  margin-bottom: 22px;
  padding-bottom: 0
}

@media (min-width: 850px) {

.account-left-sidebar {
    width: 21.04%;
    border-bottom: none;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 19px
}
  }

.account-left-sidebar .button {
    width: 100%;
    min-width: 100px;
    height: 48px;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 0
  }

@media (min-width: 768px) {

.account-left-sidebar .button {
      max-width: 214px
  }
    }

.account-left-sidebar h3 {
  margin-bottom: 10px
}

@media (min-width: 768px) {

.account-left-sidebar h3 {
    margin-bottom: 5px
}
  }

.account-right-content {
  width: 100%;
  padding-bottom: 40px
}

@media(max-width: 849px) {

.account-right-content {
    padding-bottom: 30px
}
  }

@media (min-width: 768px) {

.account-right-content {
    border-bottom: none
}
  }

@media (min-width: 850px) {

.account-right-content {
    width: 78.96%;
    padding-left: 0;
    padding-bottom: 20px;
    padding-top: 0;
    margin-bottom: 0
}
  }

@media(max-width: 767px) {

.account-right-content .account-entry-form--active {
      padding: 0
  }
    }

.account-right-content .responsive-table {
    margin-top: 12px;
    border-top: 1px solid #808080
  }

@media (min-width: 1025px) {

.account-right-content .responsive-table {
      margin-top: 24px;
      border: none
  }
    }

.account-left-sidebar__link {
  position: relative;
  display: inline-block;
  margin-top: 8px;
  text-decoration: none
}

@media (min-width: 768px) {

.account-left-sidebar__link {
    margin-top: 5px
}
  }

.account-left-sidebar__link:after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 1px;
    background: {{ settings.color_link }};
  }

.account-left-sidebar__primary-address {
  margin-top: 30px
}

@media (min-width: 768px) {

.account-left-sidebar__primary-address {
    margin-top: 20px
}
  }

.responsive-table {
  width: 100%;
  margin-top: 16px;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left
}

@media (min-width: 1025px) {

.responsive-table {
    margin-top: 30px
}
  }

.responsive-table tr {
    border-bottom: 1px solid #808080
  }

@media(max-width: 849px) {
      .responsive-table tr:last-child {
        border: none;
      }
    }

@media(max-width: 849px) {

.responsive-table tr:first-child {
      border-top: 1px solid #808080
  }
    }

.responsive-table .responsive-table-link {
  min-width: 60px
}

@media (min-width: 768px) {

.responsive-table .responsive-table-link {
    min-width: 100px
}
  }

@media(max-width: 849px) {
    .responsive-table .responsive-table-link a {
      color: #000;
      text-decoration: none;
    }
  }

@media(min-width: 768px) {

.responsive-table td:last-child {
      text-align: right;
      padding-right: 0
  }
    }

@media (min-width: 768px) {

.responsive-table td {
    padding-top: 17px;
    padding-bottom: 17px
}
  }

@media (max-width: 767px) {

.responsive-table td {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    line-height: 28px;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    padding: 0 12px
}
    .responsive-table td:first-child {
      padding-top: 16px;
    }
    .responsive-table td:last-child {
      padding-bottom: 16px;
    }

    .responsive-table td:before {
      content: attr(data-label);
      display: block;
      width: 38%;
      font-weight: 500;
      color: #222222
    }
  }

@media (max-width: 767px) {

.responsive-table-row td:last-child {
    padding-bottom: 18px
}
  }

@media (max-width: 767px) {

.responsive-table-row:not(:first-child) td:first-child {
    padding-top: 18px
}
  }

.responsive-table thead {
  display: none
}

@media (min-width: 768px) {

.responsive-table thead {
    display: table-header-group
}
  }

.responsive-table th {
  padding: 0 10px 10px 0;
  border-bottom: 1px solid {{ settings.color_hr }};
  color: #000000;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1px
}

@media(min-width: 768px) {

.responsive-table th:last-child {
      text-align: right;
      padding-right: 0
  }
    }

@media (max-width: 767px) {

.responsive-table-row:last-child td:last-child {
    padding-bottom: 0;
    border-bottom: none
}
  }

.form-layout--address {
  margin-top: 18px
}

.form-layout--address .form-footer {
    margin-top: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center
  }

@media(max-width: 849px) {

.form-layout--address .form-footer {
      -webkit-flex-direction: column;
              flex-direction: column
  }
    }

.form-layout--address .form-footer .button {
      height: 48px;
      max-width: 173px;
      min-width: 173px;
      padding: 0;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: center;
              justify-content: center;
      font-size: 14px
    }

@media(max-width: 849px) {

.form-layout--address .form-footer .button {
        min-width: auto;
        max-width: none;
        width: 100%;
        margin-bottom: 16px
    }
      }

.account-right-content .subtitle {
    font-size: 1.25rem
  }

@media (max-width: 767px) {

.account-right-content .subtitle {
      padding: 0 12px
  }
    }

.back-button {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center
}

@media(min-width: 768px) {

.back-button {
    display: none
}
  }

.back-button svg {
    height: 11px;
    margin-right: 5px;
  }

.actions-account {
  display: -webkit-flex;
  display: flex
}

@media(min-width: 768px) {

.actions-account {
    display: none
}
  }

.actions-account a {
    margin-left: 12px;
  }

.account-submenu {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 12px;
  border-bottom: 1px solid #808080;
  margin-bottom: 28px;
  overflow-x: auto
}

@media(min-width: 850px) {

.account-submenu {
    max-width: calc(100% - 64px);
    padding: 10px 0
}
  }

@media(min-width: 1280px) {

.account-submenu {
    max-width: 1240px
}
  }

@media(max-width: 767px) {

.account-submenu .active a {
        color: #000
    }
      }

.account-submenu a {
    font-size: 11px;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 1px;
    font-weight: bold;
    text-decoration: none;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center
  }

@media(max-width: 767px) {

.account-submenu a {
      white-space: nowrap;
      color: #aaa
  }
    }

.account-submenu a svg {
      height: 11px;
      margin-right: 5px;
    }

.sub-menu-list {
  display: -webkit-flex;
  display: flex
}

@media(max-width: 767px) {

.sub-menu-list {
    margin-left: -7.5px
}
  }

.sub-menu-list li {
    margin: 0 7.5px
  }

@media(min-width: 768px) {

.sub-menu-list li {
      margin: 0 12px
  }
      .sub-menu-list li:first-child {
        margin-left: 0;
      }

      .sub-menu-list li:last-child {
        margin-right: 0;
      }
    }

@media(max-width: 767px) {

.sub-menu-list.menu-right {
      display: none
  }
    }

.customers-activate_account .account-entry-form {
    margin: 24px auto;
    padding: 0;
  }

.customers-activate_account .form-header {
    text-align: center
  }

.customers-activate_account .form-header .h3 {
      font-size: 24px;
    }

.customers-activate_account .button--secondary {
    padding: 16px 35px;
    margin: 5px 0;
  }

@media(max-width: 849px) {

.customers-account .account-right-content p {
      padding: 0 12px
  }
    }

.subtitle a[href="/account?view=edit"] {
  display: none !important;
}

.edit-preferences .cf-field-container:not([data-cf-field-type="checkbox_list"]) {
    display: none;
  }

.edit-account .cf-field-container[data-cf-field-type="checkbox_list"] {
    display: none;
  }

@media (min-width: 850px) {

.account-addresses {
    margin-bottom: 120px;
    margin-top: 10px
}
  }

.address-item {
  width: 100%;
  margin-bottom: 20px
}

@media(min-width: 768px){

.address-item {
    width: 33.33333%
}
  }

.list-addresses {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.address-item--default {
  margin-bottom: 30px;
  -webkit-order: -1;
          order: -1
}

.address-item--default:not(:first-child) {
    margin-top: 0;
  }

.account-addresses__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.button-add-address {
  min-width: 160px;
  margin-right: 10px;
  height: 48px
}

@media(max-width: 849px){

.button-add-address {
    margin-right: 0
}
  }

.button-cancel {
  background: transparent;
  color: #000;
  border: 1px solid;
}

.address-item__name {
  font-size: 0.8125rem;
  margin-bottom: 5px;

}

.address-item__content {
  margin-bottom: 8px;
}

.address-item__buttons-divider {
  margin: 0 5px;
  color: {{ settings.color_hr }};
}

.account-addresses .form__select-icon {
  top: 20px;
}

.customers-addresses .pac-container {
    display: none!important;
  }

.anchor-section {
  width: 100%;
}

.anchor-section--sticky {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  z-index: 3;
}

.anchor-section--praline .anchor-section__button {
    font-weight: 700;
    font-size: 0.8125rem;
    line-height: 1;
    letter-spacing: 0.07692em;

    display: block;
    min-width: 204px;
    margin: 0 9px;
    padding: 14px 22px 13px
  }

@media (min-width: 1025px) {

.anchor-section--praline .anchor-section__button {
      visibility: hidden
  }
    }

.product-notify-button{
    border: 1px solid #D0D0D0;
    border-width: 0 1px 1px 1px;
    padding: 18px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%
}

.product-notify-button .notify-message{
        color: #01BCAB;
        margin: 6px 0 0;
        width: 100%;
        font-size: 0.625rem;
        line-height: 1;
        letter-spacing: 0;
        text-align: left;
    }

.product-notify-button .notify-message:empty{
        display: none;
    }

.product-notify-button label{
        margin: 0 0 12px;
        display: block;
        -webkit-flex: 0 0 100%;
                flex: 0 0 100%;
        text-align: left;
    }

.product-notify-button #notify_email{
        -webkit-flex: auto;
                flex: auto;
        background-color: #F4F4F4;
        color: #000;
        border: 1px solid #F4F4F4;
        padding: 10px 14px;
        line-height: 28px;
        height: auto;
    }

.product-notify-button #notify_email.error{
        border-color: #ea0622;
    }

.product-notify-button ::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #000;
        opacity: 1; /* Firefox */
    }

.product-notify-button ::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #000;
        opacity: 1; /* Firefox */
    }

.product-notify-button :-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #000;
        opacity: 1; /* Firefox */
    }

.product-notify-button ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #000;
        opacity: 1; /* Firefox */
    }

.product-notify-button :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #000;
    }

.product-notify-button ::-ms-input-placeholder { /* Microsoft Edge */
        color: #000;
    }

.product-notify-button #notify_email:focus{
        box-shadow: none;
    }

.product-notify-button #notify_button{
        background-color: #01BCAB;
        color: #fff;
        font-size: 16px;
        line-height: 28px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: bold;
        padding: 10px 18px;
        transition: all 200ms ease;
    }

.product-notify-button #notify_email-result{
        width: 100%;
        padding: 6px 0 0;
        color: #ea0622;
        font-size: 0.625rem;
        line-height: 1;
        letter-spacing: 0;
        text-align: left;
    }

.product-notify-button #notify_email-result:empty{
        display: none;
    }

.product-notify-button #notify_button.loading{
        opacity: .65;
        cursor: default;
        pointer-events: none;
    }

.bis-form {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  grid-gap: 5px;
  gap: 5px
}

.bis-form #notify_button {
    width: 128px;
    padding:10px 0;
  }

.banner--content-block {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 20px;
  width: 100%
}

.banner--content-block .container--full {
    padding: 0;
  }

@media (min-width: 768px) {

.banner--content-block {
    margin-bottom: 40px
}
  }

@media (min-width: 1025px) {

.banner--content-block {
    margin-bottom: 60px
}
  }

.banner--content-block .banner__inner:before {
    content: '';
    display: block;
    padding-top: 69.33333%;
  }

.banner--content-block .banner__inner {
    position: relative
  }

@media (min-width: 768px) {
      .banner--content-block .banner__inner:before {
    content: '';
    display: block;
    padding-top: 41.82741%;
  }
    }

.banner--content-block .banner__inner .image {
      position: absolute;
      left: 0;
      right: 0;
      position: absolute;
      top: 0;
      bottom: 0;
    }

.blog-nav__content {
  border-bottom: 1px solid #808080;
  text-align: center;
}

.blog-nav__item {
  display: inline-block;
  text-transform: uppercase;
  color: #000
}

@media (max-width: 767px) {
      .blog-nav__item:first-child:after {
        left: 0;
        right: 0;
      }
    }

.blog-nav__item:after {
    transition-property: background-color;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: transparent;
  }

.blog-nav__item.active:after {
      background-color: #01BCAB;
    }

.blog-nav__item.active .blog-nav__link {
      font-weight: 700;
      color: #01BCAB;
    }

.blog-nav__link {
  font-weight: 700;
  text-decoration: none;
  display: block;
  padding: 20px 16px 21px;
  white-space: nowrap;
  color: #000
}

@media (min-width: 1025px) {

.blog-nav__link {
    padding: 22px 16px 20px
}
  }

.blog .blog__content {
    margin-top: 24px
  }

@media (min-width: 1025px) {

.blog .blog__content {
      margin-top: 48px
  }
    }

.blog .blog__button {
    padding: 12.5px 20px;
    min-width: 128px;
    text-decoration: none;
    text-transform: uppercase;
    background: transparent
  }

.blog .blog__button:hover {
      border: 1px solid #000;
      background: #000;
      color: #ffffff;
    }

.blog .blog__labels {
    position: absolute;
    -webkit-transform: translateY(-23px);
            transform: translateY(-23px);
  }

.blog .blog__label {
    font-size: 0.8125rem;
    line-height: 1.15385;
    letter-spacing: 0.07692em;

    margin-right: 8px;
    padding: 7px 12px;
    text-transform: uppercase;
    color: #ffffff;
  }

.label-how-to {
  background: #01BCAB;
}

.blog--tag-events {
  background: #8690AE;
}

.label-events {
  background: #E4E4E4;
}

.label-recipes {
  background: #92AD95;
}

.label-interviews {
  background: #EEBB81;
}

.label-gift-guides {
  background: #E08F75;
}

.blog--recipes {
  padding-bottom: 16px
}

@media (min-width: 1025px) {

.blog--recipes {
    padding-top: 39px;
    padding-bottom: 57px
}
  }

.blog--recipes .card-article__image:before {
    content: '';
    display: block;
    padding-top: 73.46939%;
  }

@media (min-width: 1025px) {
      .blog--recipes .card-article__image:before {
    content: '';
    display: block;
    padding-top: 73.46939%;
  }
    }

.blog--recipes .card-article {
    padding:  17px 16px;
    margin-bottom: 0
  }

@media (min-width: 1025px) {

.blog--recipes .card-article {
      padding-bottom: 31px
  }
    }

.blog--recipes .card-article__content-block {
    padding: 25px 0 0
  }

@media (min-width: 1025px) {

.blog--recipes .card-article__content-block {
      padding-top: 24px
  }
    }

.blog--recipes .card-article__title {
    font-size: 1rem;
    line-height: 1.125;
    letter-spacing: 0.0625em;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 50px;
  }

.blog--recipes .card-article__description {
    font-size: 0.8125rem;
    line-height: 1.38462;
    margin-top: 5px;
    color: #000000;
  }

.blog--recipes .card-article__button {
    min-width: 128px;
    margin-top: 30px;
    padding: 12px 20px 13px
  }

@media (min-width: 1025px) {

.blog--recipes .card-article__button {
       margin-top: 33px
  }
    }

.blog__related {
  margin-top: 30px;
  margin-bottom: 25px
}

@media (min-width: 1025px) {

.blog__related {
    margin-bottom: 100px
}
  }

.blog__related-inner {
  margin: 24px -12px 32px
}

@media (min-width: 1025px) {

.blog__related-inner {
    margin: 65px 0 59px;
    position: relative
}

    .blog__related-inner::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 1px;
      height: 100%;
      background: #ffffff;
    }
  }

@media (max-width: 1024px) {

.blog__related-heading {
    padding-left: 12px
}
  }

@media (max-width: 1024px) {

.blog__related-container {
    padding: 0;
    overflow: hidden
}
  }

.blog__related--recipe {
  margin: 0
}

.blog__related--recipe .blog__related-inner {
    margin-bottom: 0;
  }

@media (min-width: 1025px){
  .blog_header {
     padding-top: 64px !important;
      padding-bottom: 50px !important;
    }
  }

.blog_header {
     padding-top: 8px;
      text-align: center;
      padding-bottom: 20px;
  }

.blog_image {
     text-align: center;


    img {
       height: auto;
      width: 100%;
      display: block;

    }

  }

.blog_content {
      padding-top: 20px;

  }

.blog_container{
     max-width: 90%;
      margin-left: auto;
      margin-right: auto;

  }

.videoblog {
     text-align: center;
      padding-bottom: 8px;
      padding-top: 18px;
  }

@media (max-width: 960px){
      .video-blog {
         max-width: 100%;
      }

      .twoup-video {
    	max-width: 100%;
  }
}

.article {
  padding-bottom: 25px
}

@media (min-width: 1025px) {

.article {
    padding-bottom: 100px
}
  }

.article--post .recipe-carousel__video {
    margin: 0 -12px
  }

@media (min-width: 768px) {

.article--post .recipe-carousel__video {
      margin: 0
  }
    }

body #booster-summary-item{
    line-height: 16px;
    color: #333333;
    padding: 24px 0 0;
    margin-bottom: -20px;
  }

body .summary-line-note {
    background: #333333;
    color: #ffffff;
    padding: 16px;
    margin: 6px 0;
    position: relative;
    text-transform: uppercase;
  }

body .summary-line-discount {
    position: relative;
    width: 84px;
    background: #333333;
    color: #ffffff;
    padding: 16px 22px;
    margin: 6px -10px;
    font-weight: 600
  }

body .summary-line-discount::before {
      content: '-';
      position: absolute;
      left: 0;
      top: 50%;
      padding: 5px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
    }

body #booster-discount-item {
    padding: 0;
  }

body .booster-messages {
    display: none;
  }

body .wh-cart-total--items .booster-messages {
      display: block
    }

body .wh-cart-total--items .booster-messages + span {
        display: none;
      }

body .wh-original-price[style] {
    color: #BBBBBB;
  }

.bottom-bar {
  text-align: center
}

@media (min-width: 1025px) {

.bottom-bar {
    background: #FFFFFF
}
  }

.bottom-bar__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 23px 0 29px
}

@media (min-width: 768px) {

.bottom-bar__inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 38px 0 41px;
    border-top: 1px solid #979797
}
  }

.bottom-bar__payment-icons {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 27px
}

@media (min-width: 768px) {

.bottom-bar__payment-icons {
    -webkit-order: 1;
            order: 1;
    margin-bottom: 27px
}
  }

.bottom-bar__left {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap
}

@media (min-width: 768px) {

.bottom-bar__left {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
}
  }

.bottom-bar__menu,
.bottom-bar__payment {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

@media (max-width: 767px) {

.bottom-bar__payment {
    -webkit-order: -1;
            order: -1;
    padding: 5px 37px 30px
}
  }

.bottom-bar__payment-link {
  position: relative;
  width: auto;
  height: 13px;
  margin-left: 14px
}

@media (min-width: 1025px) {

.bottom-bar__payment-link {
    height: 18px;
    margin-left: 18px
}
  }

.bottom-bar__payment-link:first-child {
    margin-left: 0;
  }

.bottom-bar__image {
  height: 100%;
}

.bottom-bar__copyright {
  margin-bottom: 15px
}

@media (min-width: 768px) {

.bottom-bar__copyright {
    margin: 0 24px 0 0
}
  }

.breadcrumbs {
  padding: 12px 0
}

@media (min-width: 1025px) {

.breadcrumbs {
    padding: 16px 0
}
  }

.breadcrumbs__inner {
  color: #333333
}

.breadcrumbs__inner a {
    font-size: 0.75rem;
    line-height: 1.25;
    font-weight: 700;

    text-decoration: none;
    color: #333333
  }

.breadcrumbs__inner a:hover {
      text-decoration: underline;
    }

.breadcrumbs__inner a:last-child {
      font-weight: 400;
    }

.breadcrumbs__inner br {
    display: none;
  }

.breadcrumbs__link {
  font-size: 0.75rem;
  line-height: 1.25;
  font-weight: 700;

  text-decoration: none;
  color: #333333;
}

.breadcrumbs__current {
  color: #4E6759;
}

.breadcrumbs__icon {
  font-size: 0.75rem;
  line-height: 1.25;
  font-weight: 700;

  width: 11px;
  height: 7px;
  padding-left: 10px;
  padding-right: 10px;
  color: #333333;
}

.breadcrumbs--product {
  margin: 0;
  padding: 13px 0 0
}

@media (min-width: 1025px) {

.breadcrumbs--product {
    padding: 16px 0 0
}
  }

.byop-app .custom-modal {
    transition: all 300ms ease-in-out;
    visibility: unset !important;
    right: -100%;
    pointer-events: none
  }

.byop-app .custom-modal.custom-modal--active {
      transition: all 300ms ease-in-out;
      right: 0;
      pointer-events: all;
    }

.custom-modal .custom-modal__overlay {
    background-color: rgba(51, 51, 51, 0.2);
  }

.custom-modal.custom-modal--product-praline .custom-modal__inner {
    overflow: auto;
    padding: 22px
  }

.custom-modal.custom-modal--product-praline .custom-modal__inner .byop-label {
      position: unset;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      grid-gap: unset;
      gap: unset;
      margin-left: -9px;
      margin-right: -9px;
    }

.custom-modal.custom-modal--product-praline .custom-modal__inner .byop-label .dietary-label {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-align-items: center;
              align-items: center;
      height: unset;
      width: 50%;
      color: #333;
      font-size: 13px;
      padding-left: 9px;
      padding-right: 9px;
      margin-bottom: 24px
    }

.custom-modal.custom-modal--product-praline .custom-modal__inner .byop-label .dietary-label img {
        height: 48px;
        width: 48px;
        margin-bottom: 8px;
      }

.custom-modal.custom-modal--product-praline .custom-modal__wrapper {
    width: calc(100% - 30px);
    max-width: 330px;
    padding: 2px;
    position: relative
  }

.custom-modal.custom-modal--product-praline .custom-modal__wrapper .custom-modal__button {
      position: absolute;
      right: 0;
      top: 6px;
    }

.custom-modal.custom-modal--product-praline .byop-product-detail {
    text-align: left
  }

.custom-modal.custom-modal--product-praline .byop-product-detail h2 {
      font-size: 18px;
      line-height: 1.2em;
      margin: 0 18px 18px 0;
    }

.custom-modal.custom-modal--product-praline .byop-product-detail > img {
      display: block;
      margin: 0 0 18px;
    }

.custom-modal.custom-modal--product-praline .byop-product-label {
    border-top: 1px solid #808080;
    padding: 13px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-around;
            justify-content: space-around
  }

.custom-modal.custom-modal--product-praline .byop-product-label .byop-product-label-item {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-align-items: center;
              align-items: center;
      font-size: 13px;
      line-height: 18px;
      color: #333;
      margin: 12px 0;
      -webkit-flex: 0 0 50%;
              flex: 0 0 50%
    }

.custom-modal.custom-modal--product-praline .byop-product-label .byop-product-label-item img {
        max-width: 48px;
        margin: 0 auto 10px;
      }

.custom-modal.custom-modal--product-praline .accordion__content {
    font-size: 13px;
    line-height: 20px;
    color: #333;
  }

.custom-modal.custom-modal--product-praline .accordion--product .accordion__icon {
      right: 6px
    }

.custom-modal.custom-modal--product-praline .accordion--product .accordion__icon.icon-plus {
        height: 12px;
      }

.custom-modal.custom-modal--product-praline .accordion--product > div:last-child .accordion__block {
        border-bottom: none;
      }

.custom-modal--alcohol-confirm-age .custom-modal__wrapper, .custom-modal--no-alcohol-notification .custom-modal__wrapper, .custom-modal.custom-modal--hamper-warning .custom-modal__wrapper {
    top: 50%;
    left: 50%;
    max-width: unset;
    max-width: 500px;
    -webkit-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
    max-height: 500px;
    right: unset;
    bottom: unset;
    padding: 36px 32px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    height: auto;
    border: 1px solid #333;
  }

.custom-modal--alcohol-confirm-age .custom-modal__button, .custom-modal--no-alcohol-notification .custom-modal__button, .custom-modal.custom-modal--hamper-warning .custom-modal__button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 24px 28px 24px 24px;
  }

.custom-modal--alcohol-confirm-age .custom-modal__button-text, .custom-modal--no-alcohol-notification .custom-modal__button-text, .custom-modal.custom-modal--hamper-warning .custom-modal__button-text {
    display: none;
  }

.custom-modal--alcohol-confirm-age .icon-close:before,
  .custom-modal--alcohol-confirm-age .icon-close:after,
  .custom-modal--no-alcohol-notification .icon-close:before,
  .custom-modal--no-alcohol-notification .icon-close:after,
  .custom-modal.custom-modal--hamper-warning .icon-close:before,
  .custom-modal.custom-modal--hamper-warning .icon-close:after {
    height: 1.4px;
    width: 12px;
  }

.custom-modal--alcohol-confirm-age .custom-modal__title, .custom-modal--no-alcohol-notification .custom-modal__title, .custom-modal.custom-modal--hamper-warning .custom-modal__title {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 12px;
  }

.custom-modal--alcohol-confirm-age .custom-modal__inner, .custom-modal--no-alcohol-notification .custom-modal__inner, .custom-modal.custom-modal--hamper-warning .custom-modal__inner {
    padding: 0;
  }

.custom-modal--alcohol-confirm-age .modal__inner, .custom-modal--no-alcohol-notification .modal__inner, .custom-modal.custom-modal--hamper-warning .modal__inner {
    font-size: 13px;
    letter-spacing: 0;
    line-height: 20px
  }

.custom-modal--alcohol-confirm-age .modal__inner p,
    .custom-modal--alcohol-confirm-age .modal__inner .form__block--checkbox,
    .custom-modal--no-alcohol-notification .modal__inner p,
    .custom-modal--no-alcohol-notification .modal__inner .form__block--checkbox,
    .custom-modal.custom-modal--hamper-warning .modal__inner p,
    .custom-modal.custom-modal--hamper-warning .modal__inner .form__block--checkbox {
      margin-bottom: 18px;
    }

.custom-modal--alcohol-confirm-age .button--accept-continue, .custom-modal--no-alcohol-notification .button--accept-continue, .custom-modal.custom-modal--hamper-warning .button--accept-continue {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    text-align: center;
    padding-top: 18px;
    padding-bottom: 18px;
    margin-bottom: 16px;
  }

.custom-modal--alcohol-confirm-age .button--cancel-go-back, .custom-modal--no-alcohol-notification .button--cancel-go-back, .custom-modal.custom-modal--hamper-warning .button--cancel-go-back {
    font-size: 13px;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center;
    text-decoration: underline;
    color: #808080;
  }

.custom-modal.custom-modal--gift-card-custom-details .custom-modal__wrapper {
    width: calc(100% - 30px);
    max-width: 330px;
    padding: 24px;
    position: relative
  }

@media (max-width: 1024px) {

.custom-modal.custom-modal--gift-card-custom-details .custom-modal__wrapper {
      padding-left: 12px;
      padding-right: 12px
  }
    }

.custom-modal.custom-modal--gift-card-custom-details .custom-modal__header {
    margin-bottom: 16px;
  }

.custom-modal.custom-modal--gift-card-custom-details .custom-modal__button {
    position: absolute;
    right: 10px;
    top: 6px;
    display: -webkit-flex;
    display: flex;
  }

.custom-modal.custom-modal--gift-card-custom-details .custom-modal__button-close {
    -webkit-order: 1;
            order: 1;
  }

.custom-modal.custom-modal--gift-card-custom-details .custom-modal__button-text {
    -webkit-order: 0;
            order: 0;
    margin-right: 8px;
  }

.custom-modal.custom-modal--gift-card-custom-details textarea.form__input {
    padding: 12px;
  }

/*
  We are using --ml (min-width: 1025px) as the breakpoint here. Tablets will be rendered using phone styling.

*/

/* Utils */

@media (max-width: 1024px) {
  .d-mmax-none {
    display: none !important;
  }
}

.w-100 {
  width: 100% !important;
}

.d-flex {
  display: -webkit-flex !important;
  display: flex !important;
}

.d-block {
  display: block !important;
}

.d-none {
  display: none !important;
}

.flex-start {
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
}

.flex-center {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}

.flex-column {
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
}

.justify-content-center {
  -webkit-justify-content: center !important;
          justify-content: center !important;
}

.space-between {
  -webkit-justify-content: space-between !important;
          justify-content: space-between !important;
}

.align-items-center {
  -webkit-align-items: center;
          align-items: center;
}

.position-relative {
  position: relative !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

@media (min-width: 1025px) {

.px-lg-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}
  }

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mr-3 {
  margin-right: 0.75rem !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.mx-4 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.position-unset {
  position: unset !important;
}

.actionable {
  cursor: pointer !important;
}

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

.color-dark-grey {
  color: #808080 !important;
}

.hide-shadow {
  box-shadow: none !important;
}

@media (min-width: 768px) {

.byop-wrapper {
    margin-top: 66px
}
  }

.byop-container,
.byop-builder-container-wide {
  padding: 0 16px;
  max-width: 734px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  margin-bottom: 72px;
}

.byop-builder-container-wide {
  max-width: 1272px;
  -webkit-flex-direction: inherit;
          flex-direction: inherit;
}

.byop-header-container {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: baseline;
          align-items: baseline;
  margin-bottom: 22px;
}

.byop-header-container__title,
.byop-confirm__title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.25em;
  letter-spacing: -0.25px
}

@media (max-width: 1024px) {

.byop-header-container__title,
.byop-confirm__title {
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0;
    margin: 0 0 2px
}
  }

.byop-header-container__selected-count {
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
  color: #8a8a8a;
}

.byop-title {
  font-weight: bold;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: 0;
  margin: 0 0 5px;
}

.byop-subtitle,
.byop-subtitle-link {
  color: #8a8a8a;
  font-size: 13px;
  line-height: 18px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.byop-info {
  width: 13px;
  min-width: 13px;
  height: 18px;
  margin: 0 0 0 4px;
  display: -webkit-inline-flex;
  display: inline-flex;
  vertical-align: top;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 13px auto;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23aaa' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
  cursor: pointer;
}

/* End Utils */

/* General */

.byop-footer-container {
  padding: 12px;
  z-index: 10
}

.byop-footer-container.byop-footer-container__sticky {
    position: -webkit-sticky;
    position: sticky;
    bottom: 30px;
    background: white;
    padding-bottom: 18px;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    box-shadow: 1px 3px 6px 0 rgba(0, 0, 0, 0.06)
  }

@media (max-width: 1024px) {

.byop-footer-container.byop-footer-container__sticky {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%
  }
    }

.byop-footer-container .byop-btn {
    min-width: 78px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 2px;
  }

@media (min-width: 1025px) {

.byop-footer-container {
    position: unset;
    bottom: unset;
    padding: 0
}
  }

.byop-btn {
  background-color: #fff;
  color: #01bcab;
  transition: all 200ms ease;

  border: 1px solid #01bcab;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 14px;
  padding: 16px 21px;
  border-radius: 2px
}

.byop-btn.fill {
    background-color: #01bcab;
    color: #ffffff;
  }

.byop-btn.fill-grey {
    border-color: #aaa;
    background-color: #aaa;
    color: #ffffff;
  }

.byop-btn.byop-btn:disabled {
    border-color: #f2f2f2;
    background-color: #f2f2f2;
    color: #aaa;
    cursor: default;
  }

.byop-btn.btn-add {
    width: 100%;
    border: none;
    border-top: 1px solid #e4e4e4;
  }

.byop-btn.byop-btn-normal {
    font-size: 14px;
    line-height: 1em;
    text-transform: none;
    letter-spacing: 0;
  }

.byop-btn svg {
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 0;
  }

@media (max-width: 1024px) {

.byop-btn {
    padding: 11px 18px
}
  }

/* End General */

/* Initial select container */

/* sets the full width variant used for initial hamper selection and alcohol selection */

.byop-hamper-parent__variant {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 30px 36px;
  margin-bottom: 12px;
  border-radius: 2px;
  border: 1px solid #e4e4e4;
  box-shadow: 1px 3px 6px 0 rgba(0, 0, 0, 0.06);
  transition: all 200ms ease
}

@media (min-width: 1025px) {

.byop-hamper-parent__variant {
    min-height: 174px;
    margin-bottom: 20px;
    padding: 20px 36px
}

    .byop-hamper-parent__variant.byop-btn {
      background-color: #01bcab;
      width: 108px;
    }
  }

@media (min-width: 1025px) {
    .byop-hamper-parent__variant:last-child {
      margin-bottom: 0 !important;
    }
  }

.byop-hamper-parent__variant.gift.is-selected {
    border: 1px solid #000;
  }

.byop-hamper-parent__variant.gift {
    margin: 0 0 24px;
    min-height: 80px;
    height: 100%;
    -webkit-justify-content: center;
            justify-content: center
  }

@media (max-width: 1024px) {
      .byop-hamper-parent__variant.gift .byop-title {
        margin: 0 0 3px;
      }

.byop-hamper-parent__variant.gift {

      margin: 0 0 12px;
      min-height: 68px;
      padding: 12px 18px
  }
    }

@media (max-width: 1024px) {

.byop-hamper-parent__variant {
    padding: 28px 24px
}
  }

.byop-hamper-parent__variant-title {
  margin-right: 24px
}

.byop-hamper-parent__variant-title .byop-subtitle {
    display: -webkit-flex;
    display: flex
  }

.byop-hamper-parent__variant-title .byop-subtitle:first-child() {
      margin-right: 4px;
    }

@media (max-width: 1024px) {

.byop-hamper-parent__variant-title {
    margin-right: 0;
    max-width: calc(100% - 126px)
}
  }

.byop-confirm-hamper-variant-container {
  display: -webkit-flex;
  display: flex;
  margin-top: auto;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  -webkit-align-items: center;
          align-items: center;
  padding-top: 12px;
  border-top: 1px solid #e4e4e4
}

@media (min-width: 1025px) {

.byop-confirm-hamper-variant-container {
    display: none
}
  }

/* End Initial select container */

/* Confirm container */

.byop-confirm__container-wrapper {
  border: 1px solid #e4e4e4;
  box-shadow: 1px 3px 6px 0 rgba(0, 0, 0, 0.06);
  border-radius: 2px
}

@media (max-width: 1024px) {

.byop-confirm__container-wrapper {
    border: none;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    border-radius: 0
}
  }

.byop-confirm__container-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center
}

@media (min-width: 1025px) {

.byop-confirm__container-inner {
    -webkit-flex-direction: row;
            flex-direction: row;
    margin-bottom: 0
}
  }

.byop-confirm__container-image {
  width: 100%
}

.byop-confirm__container-image img {
    min-height: 290px;
  }

@media (max-width: 1024px) {

.byop-confirm__container-image {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
}

    .byop-confirm__container-image img {
      max-width: calc(100% - 60px);
      margin: 0 auto;
    }
  }

@media (min-width: 1025px) {

.byop-confirm__container-image {
    -webkit-flex: 0 0 51.5%;
            flex: 0 0 51.5%;
    border-right: 1px solid #e4e4e4;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
            justify-content: center;
    padding: 32px
}
  }

.byop-confirm__container-content {
  width: 100%
}

@media (max-width: 1024px) {

.byop-confirm__container-content {
    margin: 0 0 10px
}
  }

@media (min-width: 1025px) {

.byop-confirm__container-content {
    -webkit-flex: 0 0 48.5%;
            flex: 0 0 48.5%;
    padding: 32px;
    margin-bottom: auto
}
  }

.byop-confirm__title {
  margin: 0 0 10px
}

@media (max-width: 1024px) {

.byop-confirm__title {
    margin: 24px 16px 6px
}
  }

.byop-confirm__price {
  font-size: 24px;
  line-height: 1em;
  color: #8a8a8a;
  margin: 0 0 30px
}

@media (max-width: 1024px) {

.byop-confirm__price {
    font-size: 15px;
    line-height: 18px;
    margin: 0 16px 12px
}
  }

.byop-confirm__image-banner {
  padding: 8px;
  width: 100%;
  background-color: #f4f4f4;
  color: #777;
  text-align: center;
  font-size: 11px;
  line-height: 14px
}

@media (max-width: 1024px) {

.byop-confirm__image-banner {
    margin: 0 0 26px
}
  }

.byop-confirm__content-title {
  font-size: 15px;
  line-height: 1.8;
  font-weight: bold;
  margin: 0 0 5px
}

.byop-confirm__content-title.title__small {
    font-size: 13px;
    line-height: 15px;
    margin: 0 0 8px;
  }

@media (max-width: 1024px) {

.byop-confirm__content-title {
    line-height: 18px;
    margin: 0 0 8px
}
  }

.byop-confirm__content {
  margin: 0 0 24px
}

.byop-confirm__content > p {
    margin: 0 0 7px;
  }

.byop-confirm__content > p,
  .byop-confirm__content ul li {
    font-size: 13px;
    line-height: 20px;
    color: #333;
  }

.byop-confirm__content ul {
    list-style: none
  }

.byop-confirm__content ul li {
      position: relative;
      padding: 0 0 0 36px
    }

.byop-confirm__content ul li:before {
        content: "";
        display: block;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: #333;
        position: absolute;
        top: 7px;
        left: 10px;
      }

.byop-confirm__content li {
    margin-bottom: 4px;
  }

.list-optional-extras {
  font-size: 13px;
  line-height: 24px;
  color: #333;
  margin: 0 0 2px;
}

.byop-confirm__footer-container {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding-top: 8px;
  padding-bottom: 8px;
  border-top: 1px solid #e4e4e4
}

@media (min-width: 1025px) {

.byop-confirm__footer-container {
    padding: 32px
}
  }

/* End Confirm container */

/* Start builder grid and summary container */

.byop-builder-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column
}

@media (min-width: 1025px) {

.byop-builder-container {
    -webkit-flex-direction: row;
            flex-direction: row
}
  }

.byop-builder-summary {
  display: none;
  -webkit-flex: 0 0 424px;
          flex: 0 0 424px;
  max-width: 424px;
  padding-right: 64px
}

@media (min-width: 1025px) {

.byop-builder-summary {
    display: -webkit-flex;
    display: flex
}
  }

@media (max-width: 1024px) {

.byop-builder-summary {
    display: block
}

    .byop-builder-summary .byop-summary__container {
      position: fixed;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
      z-index: 99999;
      width: 100%;
      height: 100%;
      top: 100%;
      left: 0;
      padding: 0;
      max-width: 100%;
      background: #fff;
      transition: all 500ms ease
    }

      .byop-builder-summary .byop-summary__container.active {
        top: 0;
      }

      .byop-builder-summary .byop-summary__container .byop-summary-title {
        border-bottom: 1px solid #e4e4e4;
        text-transform: none;
        letter-spacing: 0;
        padding: 20px 10px;
        cursor: pointer
      }

        .byop-builder-summary .byop-summary__container .byop-summary-title svg {
          position: relative;
          top: 1px;
        }

      .byop-builder-summary .byop-summary__container .byop-mobile-header {
        display: none !important;
      }

      .byop-builder-summary .byop-summary__container .byop-mobile-wrapper {
        position: relative;
        overflow: auto;
      }

      .byop-builder-summary .byop-summary__container section {
        border: none;
        padding: 0;
      }

      .byop-builder-summary .byop-summary__container .byop-mobile-wrapper .byop-summary__wrapper {
        margin: 0 8px;
        padding: 23px 10px 18px;
      }

      .byop-builder-summary .byop-summary__container .byop-summary__step-container {
        padding-top: 23px;
        padding-bottom: 23px;
      }
  }

.selected-product-item {
  margin-top: 16px;
}

@media (min-width: 1025px) {

.byop-builder-content {
    -webkit-flex: 0 0 calc(100% - 424px);
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: calc(100% - 424px);
    max-width: calc(100% - 424px)
}
  }

.byop-summary-title {
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 28px 0 22px;
}

@media (min-width: 1025px) {

.byop-builder-grid-container {
    -webkit-flex: 0 0 67%;
            flex: 0 0 67%
}
  }

.byop-builder-grid__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  /* fit-content not yet supported for firefox */
  height: -moz-max-content
}

@media (min-width: 1025px) {

.byop-builder-grid__inner {
    margin-left: -12px;
    margin-right: -12px
}

    .byop-builder-grid__inner.gift {
      margin-left: -8px;
      margin-right: -8px;
    }

    .byop-builder-grid__inner.regular {
      margin-left: -12px;
      margin-right: -12px;
    }
  }

@media (max-width: 1024px) {
    .byop-builder-grid__inner.regular {
      margin-left: -6px;
      margin-right: -6px;
      margin-bottom: 72px
    }

      .byop-builder-grid__inner.regular .byop-builder__card {
        padding: 0 6px !important
      }

        .byop-builder-grid__inner.regular .byop-builder__card .byop-media {
          min-height: 100px
        }

          .byop-builder-grid__inner.regular .byop-builder__card .byop-media img {
            max-height: 100px;
          }
  }

.byop-builder__card-spacer {
  width: 100%
}

.byop-builder__card-spacer.regular,
  .byop-builder__card-spacer.gift {
    width: 50%;
  }

.byop-builder__card-spacer.regular {
    margin: 0 0 24px
  }

@media (max-width: 1024px) {

.byop-builder__card-spacer.regular {
      margin: 0 0 12px
  }
    }

.byop-builder__card-spacer.alcohol {
    cursor: pointer;
  }

@media (min-width: 1025px) {
    .byop-builder__card-spacer.alcohol {
      width: 50%;
      margin: 0 0 24px;
      padding: 0 16px;
    }

    .byop-builder__card-spacer.regular {
      width: 25%;
      padding: 0 12px;
    }

    .byop-builder__card-spacer.gift {
      width: 50%;
      padding: 0 8px;
      margin-bottom: 24px;
    }
  }

@media (max-width: 1024px) {
    .byop-builder__card-spacer.gift {
      width: 100%;
      padding: 0;
      margin-bottom: 12px;
    }
  }

.byop-builder__card {
  transition: all 200ms ease
}

.byop-builder__card.gift,
  .byop-builder__card.alcohol {
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
  }

.byop-builder__card.alcohol {
    min-height: 96px;
    padding: 15px 24px
  }

@media (max-width: 1024px) {

.byop-builder__card.alcohol {
      min-height: 75px;
      padding: 4px 0 4px 20px
  }
    }

.byop-builder__card.alcohol.is-selected {
      border: 1px solid #000;
    }

.byop-builder__card.regular {
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%;
    height: 100%
  }

@media (max-width: 1024px) {
      .byop-builder__card.regular:nth-child(odd) {
        padding-right: 6px;
      }

      .byop-builder__card.regular:nth-child(even) {
        padding-left: 6px;
      }
    }

.byop-builder__card.regular .byop-hamper-parent__variant {
      height: 100%
    }

.byop-builder__card.regular .byop-hamper-parent__variant.active {
        border: 1px solid black;
      }

.byop-builder__card.regular .byop-btn.btn-add {
      display: -webkit-flex;
      display: flex;
      -webkit-align-content: center;
              align-content: center;
      -webkit-justify-content: center;
              justify-content: center;
      font-size: 13px;
      line-height: 15px;
      letter-spacing: 0;
      padding: 12px 10px
    }

.byop-builder__card.regular .byop-btn.btn-add .toggle-icon-active {
        width: 9px;
        height: 9px;
        top: 1px
      }

.byop-builder__card.regular .byop-btn.btn-add .toggle-icon-active:before,
        .byop-builder__card.regular .byop-btn.btn-add .toggle-icon-active:after {
          background-color: #01bcab;
          height: 1px;
        }

.byop-builder__card.gift {
    padding: 24px 24px 25px;
    min-height: 80px;
    height: 100%;
    cursor: pointer
  }

@media (max-width: 1024px) {

.byop-builder__card.gift {
      min-height: 68px;
      padding: 12px 18px;
      -webkit-justify-content: space-between;
              justify-content: space-between
  }
    }

.byop-builder__card {

  /* reuse existing styles, but the cards are now portrait */
}

.byop-builder__card .byop-hamper-parent__variant {
    -webkit-flex-direction: column;
            flex-direction: column;
    padding: 0;
    position: relative;
  }

.byop-builder__card .byop-label {
    color: #ffffff;
  }

.byop-builder__card .byop-media {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    margin-bottom: 8px;
  }

.byop-builder__card .byop-media img {
    min-height: 168px;
    max-height: 180px;
  }

.byop-builder__card .regular-inner {
    padding: 8px 8px 18px;
    text-align: center
  }

.byop-builder__card .regular-inner .byop-subtitle,
    .byop-builder__card .regular-inner .byop-detail {
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-flex-direction: column;
              flex-direction: column;
    }

.byop-builder__card .regular-inner .byop-subtitle {
      margin: 0 0 9px;
    }

.byop-builder__card .regular-inner .byop-detail {
      font-size: 12px;
      line-height: 18px;
      color: #8a8a8a;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-flex-direction: inherit;
              flex-direction: inherit
    }

.byop-builder__card .regular-inner .byop-detail .byop-info {
        margin: 0 4px 0 0;
      }

.byop-builder__card .regular-inner .byop-detail .cta-details {
        text-decoration: underline;
        cursor: pointer;
      }

.byop-builder__card-alcohol-img {
  max-width: 64px;
  max-height: 64px;
}

.byop-card__deactivate {
  height: 30px;
  width: 30px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  background: #000;
  color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='14px' viewBox='0 0 14 14' version='1.1'%3E%3Cg id='CS---BYO-Hamper' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='mobile_DYO_Builder_S3_V01' transform='translate(-345.000000, -20.000000)' stroke='%23fff' stroke-width='1.4'%3E%3Cg id='close-icon' transform='translate(346.000000, 21.000000)'%3E%3Cline x1='12' y1='0' x2='0' y2='12' id='Path'/%3E%3Cline x1='0' y1='0' x2='12' y2='12' id='Path'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px auto
}

@media (max-width: 1024px) {

.byop-card__deactivate {
    display: -webkit-flex !important;
    display: flex !important
}
  }

.byop-card__qty-selector {
  background: #000;
  height: 40px;
  padding: 12px 0;
  width: 100%
}

.byop-card__qty-selector * {
    color: #ffffff;
  }

.byop-card__qty-selector button {
    width: 40px;
    height: 40px;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
  }

.byop-card__qty-selector .icon-minus,
  .byop-card__qty-selector .icon-plus {
    width: 9px;
    height: 9px;
  }

.byop-card__qty-selector .icon-minus:before {
      height: 1px;
    }

.byop-card__qty-selector .icon-plus:before {
      height: 1px;
    }

.byop-card__qty-selector .icon-plus:after {
      width: 1px;
    }

.byop-card__qty-selector .byop-card__qty-text {
    font-size: 13px;
    font-weight: bold;
    line-height: 15px;
  }

.byop-dropdown {
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 99;
}

.byop-dropdown__parent {
  padding: 13px 14px 13px 12px;
  border: 1px solid #808080;
  color: #333
}

.byop-dropdown__parent .title {
    line-height: 20px;
  }

.byop-dropdown__parent svg {
    width: 6px;
    height: auto;
  }

.byop-dropdown__parent .icon-caret-down {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

.byop-dropdown__child-container {
  position: absolute;
  width: 100%;
  z-index: 10;
  color: #333;
  height: 0;
  overflow: hidden;
  background: #ffffff
}

.byop-dropdown__child-container.dropdown-open {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }

.byop-dropdown .byop-dropdown__child-container.dropdown-open {
  border: 1px solid #e4e4e4;
  border-top: none;
  box-shadow: 1px 3px 6px 0 rgba(0, 0, 0, 0.06);
  padding: 10px 0;
  border-radius: 2px
}

.byop-dropdown .byop-dropdown__child-container.dropdown-open .byop-dropdown__child {
    padding: 8px 12px;
  }

.byop-dropdown__child {
  padding: 8px 12px
}

.byop-dropdown__child:hover {
    background-color: #f4f4f4;
  }

/* End builder grid and summary container */

/* Start builder summary */

.byop-summary__container {
  padding: 0;
  border: 1px solid #e4e4e4;
  box-shadow: 1px 3px 6px 0 rgba(0, 0, 0, 0.06);
  border-radius: 2px
}

.byop-summary__container section {
    padding: 25px 32px;
    border-top: 1px solid #e4e4e4;
    max-width: 100%;
    margin: 0;
  }

div.byop-summary__title {
  padding-bottom: 24px;
}

.byop-summary__title {
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
}

.byop-summary__subtitle {
  font-size: 12px;
  line-height: 18px;
  color: #8a8a8a;
}

.byop-summary__step-container {
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 1px solid #e4e4e4;
  cursor: pointer
}

.byop-summary__step-container:last-child {
    padding-bottom: 8px;
  }

.is-summary-step .byop-summary__step-container:last-child {
  padding-bottom: 24px;
}

.byop-summary__image {
  max-width: 72px;
  margin-right: 18px;
  border: 1px solid #e4e4e4;
}

.byop-summary__empty-selection {
  height: 72px;
  width: 72px;
  margin-right: 18px;
  position: relative;
  overflow: hidden
}

.byop-summary__empty-selection:before {
    content: "";
    position: absolute;
    border: 8px dashed #e4e4e4;
    top: -7px;
    bottom: -7px;
    left: -7px;
    right: -7px;
  }

.byop-summary__empty-selection .toggle-icon {
    margin: 0;
    width: 16px;
    height: 16px
  }

.byop-summary__empty-selection .toggle-icon:before,
    .byop-summary__empty-selection .toggle-icon:after {
      background-color: #8a8a8a;
    }

.byop-summary__empty-selection .toggle-icon:after {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
    }

.summany-item--addmore {
  font-size: 13px;
  color: #8a8a8a;
  font-weight: bold;
}

/* End builder summary */

/* Start edge cases */

@media (min-width: 1025px) {

.desktop-summary-variant {
    width: 100%
}
  }

/* BYOP Banner */

body[class*="build-your-own"] .key-messages {
    border-bottom: none;
  }

/* KKBE-161 - Why this padding top??? */

.byop-banner .hero__wrapper:before {
  padding-top: 16.5%;
}

.byop-banner .hero__title {
    font-size: 36px;
  }

.toggle-icon {
  display: block;
  width: 12px;
  height: 12px;
  position: relative;
  cursor: pointer;
  margin: 3px 6px 0 0
}

.toggle-icon:before,
  .toggle-icon:after {
    content: "";
    display: block;
    position: absolute;
    background: #333;
    top: 50%;
    left: 0;
    margin-top: -1px;
    width: 100%;
    height: 2px;
    transition: all 200ms ease;
  }

.toggle-icon-active {
  display: block;
  width: 12px;
  height: 12px;
  position: relative;
  cursor: pointer;
  margin: 3px 6px 0 0
}

.toggle-icon-active:before,
  .toggle-icon-active:after {
    content: "";
    display: block;
    position: absolute;
    background: #333;
    top: 50%;
    left: 0;
    margin-top: -1px;
    width: 100%;
    height: 2px;
  }

.toggle-icon-active:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

.toggle-dropdown-icon .toggle-icon:after {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
    }

.byop-card-gift-select.active {
    margin: 0 0 12px;
  }

.step-review-hamper .byop-summary__wrapper {
    border: 1px solid #e4e4e4;
    box-shadow: 1px 3px 6px 0 rgba(0, 0, 0, 0.06);
    border-radius: 2px;
    padding: 30px 32px 32px
  }

.step-review-hamper .byop-summary__wrapper .desktop-summary-variant {
      text-transform: uppercase;
      letter-spacing: 1px;
      width: 100%;
    }

.byop-select-hamper-size__container .byop-title {
    font-size: 16px;
  }

@media (max-width: 1024px) {
    .byop-select-hamper-size__container .byop-title {
      font-size: 13px;
      line-height: 15px;
      margin: 0 0 3px;
    }
  }

.byop-label {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  grid-gap: 6px;
  gap: 6px;
}

.dietary-label {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.dietary-lists {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap
}

@media (max-width: 1024px) {

.dietary-lists {
    padding-top: 12px
}
  }

.dietary-list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin-right: 18px;
  margin-bottom: 18px;
  font-size: 13px;
  line-height: 18px;
  color: #8a8a8a
}

.dietary-list img {
    width: 24px;
    height: 24px;
    margin-right: 6px;
    border-radius: 50%;
  }

@media (max-width: 1024px) {

.dietary-list {
    margin-right: 12px;
    margin-bottom: 12px
}
  }

/* Mobile */

@media (max-width: 1024px) {

.byop-mobile-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    top: 0;
    left: 0;
    background: #fff;
    max-width: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    overflow: auto
}

    .byop-mobile-wrapper > .byop-container,
    .byop-mobile-wrapper > .byop-builder-container-wide {
      margin: 0;
      width: 100%;
    }

    .byop-mobile-wrapper .byop-mobile-content,
    .byop-mobile-wrapper .byop-summary__wrapper {
      height: 100%;
      overflow: auto;
      padding: 24px 18px;
      box-shadow: none;
      border: none
    }

      .byop-mobile-wrapper .byop-mobile-content .byop-btn.fill, .byop-mobile-wrapper .byop-summary__wrapper .byop-btn.fill {
        background-color: #ffffff;
        color: #01bcab;
        border-color: #01bcab;
      }
        .byop-mobile-wrapper .byop-mobile-content .active .byop-btn.fill, .byop-mobile-wrapper .byop-summary__wrapper .active .byop-btn.fill {
          background-color: #01bcab;
          color: #ffffff;
        }

    .byop-mobile-wrapper .byop-summary__wrapper {
      border: 1px solid #e4e4e4;
      border-radius: 2px;
      background-color: #ffffff;
      box-shadow: 1px 3px 6px 0 rgb(0 0 0 / 6%);
      margin-left: 16px;
      margin-right: 16px;
      padding: 18px 24px;
    }

    .byop-mobile-wrapper .byop-mobile-header {
      position: relative;
      font-size: 14px;
      padding: 16px 30px;
      line-height: 20px;
      font-weight: bold;
      color: #000;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-align: center;
      border-bottom: 1px solid #e0e0e0
    }

      .byop-mobile-wrapper .byop-mobile-header a {
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        right: 8px;
        top: calc(50% - 15px);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='14px' viewBox='0 0 14 14' version='1.1'%3E%3Cg id='CS---BYO-Hamper' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='mobile_DYO_Builder_S1_V01' transform='translate(-345.000000, -20.000000)' stroke='%23555555' stroke-width='1.4'%3E%3Cg id='close-icon' transform='translate(346.000000, 21.000000)'%3E%3Cline x1='12' y1='0' x2='0' y2='12' id='Path'/%3E%3Cline x1='0' y1='0' x2='12' y2='12' id='Path'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
      }

    .byop-mobile-wrapper .byop-header-container {
      padding: 27px 16px 14px;
      margin: 0;
      box-shadow: 1px 3px 6px 0 rgba(0, 0, 0, 0.06)
    }

      .byop-mobile-wrapper .byop-header-container .byop-header-container__title {
        font-size: 15px;
        line-height: 18px;
      }

    .byop-mobile-wrapper .byop-confirm-hamper-variant-container,
    .byop-mobile-wrapper .byop-confirm__footer-container,
    .byop-mobile-wrapper .byop-footer-container {
      padding: 10px 12px;
      border-top: 1px solid #e4e4e4;
      margin: 12px 0 0
    }

      .byop-mobile-wrapper .byop-confirm-hamper-variant-container button, .byop-mobile-wrapper .byop-confirm__footer-container button, .byop-mobile-wrapper .byop-footer-container button {
        text-transform: none;
        padding: 12px 16px;
        border: none;
        border-radius: 2px
      }

        .byop-mobile-wrapper .byop-confirm-hamper-variant-container button.fill-grey, .byop-mobile-wrapper .byop-confirm__footer-container button.fill-grey, .byop-mobile-wrapper .byop-footer-container button.fill-grey {
          background-color: #aaaaaa;
          border-color: #aaaaaa;
          color: #fff
        }

          .byop-mobile-wrapper .byop-confirm-hamper-variant-container button.fill-grey:disabled, .byop-mobile-wrapper .byop-confirm__footer-container button.fill-grey:disabled, .byop-mobile-wrapper .byop-footer-container button.fill-grey:disabled {
            border-color: #f2f2f2 !important;
            background-color: #f2f2f2 !important;
            color: #aaaaaa !important;
            cursor: default;
          }
  }

@media (max-width: 1024px) and (max-width: 1024px) {

    .byop-mobile-wrapper .byop-confirm__footer-container {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        background-color: #fff
    }
      }

@media (max-width: 1024px) {

    .byop-mobile-wrapper .byop-confirm__container-wrapper,
    .byop-mobile-wrapper .byop-builder-grid {
      height: 100%;
      margin: 0 8px;
      padding: 0 8px;
      width: auto;
    }

    .byop-mobile-wrapper .byop-builder-grid {
      overflow: auto;
    }
  }

@media (max-width: 1024px) {
  .visible-desktop {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  .visible-mobile {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  #inside_holder {
    display: none !important;
  }
}

.process {
  background-color: #d8eeec;
  width: 100%;
  height: 10px;
  max-height: 5px;
  position: relative;
  top: -1px;
  display: block
}

.process .process-bar {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #01bcab;
    transition: all 500ms ease;
  }

.hamper-summary {
  color: #000;
  font-size: 14px;
  line-height: 1em;
  font-weight: bold;
  white-space: nowrap
}

.hamper-summary.arrow-up {
    position: relative;
    top: 2px
  }

.hamper-summary.arrow-up svg {
      margin-right: 8px;
    }

.arrow-up svg {
    width: 6px;
    height: auto;
    margin: 0 6px 0 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

.arrow-down svg {
    width: 6px;
    height: auto;
    margin: 0 6px 0 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

.byop-summary__title--sidebar {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center
}

.byop-summary__title--sidebar .byop-summary--edit {
    display: block;
    width: 28px;
    height: 28px;
    -webkit-flex: 0 0 28px;
            flex: 0 0 28px;
    cursor: pointer;

    background-color: #eee;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='14px' viewBox='0 0 14 14' version='1.1'%3E%3Cg id='CS---BYO-Hamper' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Desktop_product_DYO_Hamper_S3_v01' transform='translate(-487.000000, -605.000000)' fill='%238A8A8A' fill-rule='nonzero'%3E%3Cg id='Sidebar' transform='translate(180.000000, 504.000000)'%3E%3Cg id='Hamper' transform='translate(32.000000, 94.000000)'%3E%3Cg id='edit-btn' transform='translate(268.000000, 0.000000)'%3E%3Cpath d='M20.487559,8.5383493 L19.4619038,7.51269409 C19.1201077,7.17089803 18.6722214,7 18.224335,7 C17.7764487,7 17.3285623,7.17089803 16.9870333,7.51242706 L14.9501958,9.54926455 L14,10.4994576 L7.35137512,17.1477915 L7.00413168,20.2709797 C6.96036576,20.6641787 7.27017185,20.9999666 7.65490604,20.9999666 C7.67923231,20.9999666 7.7038523,20.9986048 7.7284456,20.9958544 L10.8494709,20.6510676 L17.5005285,13.9999833 L18.4504545,13.0500573 L20.487292,11.0132198 C21.1708841,10.3296277 21.1708841,9.22167439 20.487559,8.5383493 Z M10.247082,19.3973436 L8.39919366,19.6013265 L8.60509909,17.7504474 L14.9280592,11.4274873 L15.7762475,10.579299 L17.420687,12.2237386 L16.5724988,13.0719269 L10.247082,19.3973436 Z M19.5592356,10.0849231 L18.3484764,11.2956822 L16.7043039,9.65124261 L17.915063,8.44045677 C18.0266274,8.3288924 18.1567769,8.31222984 18.224335,8.31222984 C18.2918665,8.31222984 18.4223097,8.3288924 18.5335804,8.44045677 L19.5592356,9.46613868 C19.7298666,9.63703671 19.7298666,9.91455909 19.5592356,10.0849231 Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px auto;
  }

/* Footer notification*/

.byop-footer__notification {
  position: absolute;
  bottom: 100%;
  margin-bottom: 12px;

  pointer-events: none;

  -webkit-transform: translateY(100%);

          transform: translateY(100%);
  opacity: 0;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out
}

.byop-footer__notification.byop-footer__notification-active {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }

.byop-footer__notification-inner {
  border: 1px solid #ea783c;
  border-radius: 6px;
}

.byop-footer__notification-icon {
  padding: 18px;
  background: #ea783c;
}

.byop-footer__notification-message {
  padding: 18px;
  background: #fff0e9;
  font-size: 14px;
  line-height: 17px;
}

.card-article {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 16px
}

@media (min-width: 1025px) {

.card-article {
    margin-bottom: 32px
}
  }

.card-article:hover .card-article__image {
      -webkit-transform: scale(1.05);
              transform: scale(1.05);
    }

.card-article__wrapper {
  height: 100%;
}

.card-article__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  height: 100%;
}

.card-article__image:before {
    content: '';
    display: block;
    padding-top: 70.55556%;
  }

@media (min-width: 1025px) {
    .card-article__image:before {
    content: '';
    display: block;
    padding-top: 73.46939%;
  }
  }

.card-article__image-block {
  width: 100%;
}

.card-article__content-block {
  width: 100%;
  padding: 16px 24px 24px;
  text-align: center;
  background: #ffffff
}

@media (min-width: 768px) {

.card-article__content-block {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto
}
  }

@media (min-width: 1025px) {

.card-article__content-block {
    padding: 26px 32px 30px
}
  }

.card-article__description {
  margin-top: 8px;
  color: #8A8A8A;
}

.card-article__button {
  min-width: 180px;
  margin-top: 16px;
  padding-left: 22px;
  padding-right: 22px
}

@media (min-width: 1025px) {

.card-article__button {
    min-width: 190px;
    margin-top: 40px
}
  }

.card-article__title {
  font-size: 0.8125rem;
  line-height: 1.38462;
  letter-spacing: 0.07692em;
  font-weight: bold;
  color: #000000;
  text-transform: none;
}

.card-article__link {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  overflow: hidden
}

.card-article__link > * {
    width: 100%;
  }

.card-article__link .card-article__image {
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
  }

.card-article__title-link {
  text-decoration: none;
  color: inherit;
}

.card-collection {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 20px
}

@media (min-width: 768px) {

.card-collection {
    margin-top: 0;
    margin-bottom: 40px
}
  }

@media (min-width: 1025px) {

.card-collection {
    margin-bottom: 60px
}
  }

.card-collection--content-block {
  width: 50%;
}

.card-collection__block-content {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}

.card-collection--full {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px
}

@media (min-width: 768px) {

.card-collection--full {
    width: 50%;
    padding-left: 5px;
    padding-right: 5px
}
  }

.card-collection--full .card-collection__wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    -webkit-justify-content: center;
            justify-content: center;
  }

.card-collection--full .card-collection__block-image,
  .card-collection--full .card-collection__block-content {
    width: 50%;
    padding-left: 5px;
    padding-right: 5px
  }

@media (min-width: 768px) {

.card-collection--full .card-collection__block-image,
  .card-collection--full .card-collection__block-content {
      width: 100%
  }
    }

.card-collection--full .card-collection__block-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
            justify-content: center;
  }

.card-collection__title {
  margin-top: 14px
}

@media (min-width: 768px) {

.card-collection__title {
    margin-top: 25px
}
  }

@media (min-width: 1025px) {

.card-collection__title {
    margin-top: 35px
}
  }

.card-collection__sub-title {
  margin-top: 4px
}

@media (min-width: 768px) {

.card-collection__sub-title {
    margin-top: 10px
}
  }

.card-collection__title-link {
  text-decoration: none;
}

.card-grid {
  position: relative
}

.card-grid.desktop {
    display: none
  }

@media(min-width: 768px){

.card-grid.desktop {
      display: block
  }
    }

.card-grid.mobile {
    display: block
  }

@media(min-width: 768px){

.card-grid.mobile {
      display: none
  }
    }

.card-grid__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media all {

.card-grid__list {
    margin-left: -12px;
    margin-right: -12px;
}
  }

@media (min-width: 1025px) {

.card-grid__list {
    margin-left: -12px;
    margin-right: -12px;
}
  }

.card-grid__list--carousel {
  display: block;
  margin: 0
}

.card-grid__list--carousel .card--product .ruk_rating_snippet_card {
      display: none;
    }

.card-grid__list--carousel .card--product .card__price {
      margin-top: 16px
    }

@media (min-width: 1025px) {

.card-grid__list--carousel .card--product .card__price {
        margin-top: 18px
    }
      }

.card-grid--products {
  margin-left: -11px;
  margin-right: -11px;
}

@media (min-width: 768px) {

.card-grid--products {
    margin-left: -16px;
    margin-right: -16px;
}
  }

.card-grid--collections {}

@media (min-width: 768px) {

.card-grid--contains {
    margin-left: -8px;
    margin-right: -8px
}
  }

@media (min-width: 1025px) {

.card-grid--contains {
    padding-left: 0
}
  }

.card-grid--contains .flickity-prev-next-button {
    top: -13px;
  }

.card-grid--contains .card--tiny .card__content {
      padding: 4px 8px 12px;
    }

@media (min-width: 768px) {

.card-grid--contains .card-grid__list {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: stretch;
              align-items: stretch;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      transition-property: max-height;
      transition-duration: 300ms;
      transition-timing-function: ease-in-out;
      transition-timing-function: ease;
      overflow: hidden
  }
    }

@media (min-width: 1025px) and (min-width: 768px) {

.card-grid--contains .card-grid__list {
    margin-left: -8px;
    margin-right: -8px
  }
  }

.card-grid--contains .card-grid__item {
    padding-left: 3px;
    padding-right: 3px
  }

@media (min-width: 768px) {

.card-grid--contains .card-grid__item {
    padding-left: 8px;
    padding-right: 8px
  }
  }

.card-grid--contains .card-grid__item {
    width: 29.5%
  }

@media (min-width: 768px) {

.card-grid--contains .card-grid__item {
      width: 12.5%
  }
    }

.card-grid--contains .card-grid__item .ruk_rating_snippet {
      display: none;
    }

.card-grid--contains .card-grid__list--carousel .flickity-prev-next-button.previous {
        left: 0;
      }

.card-grid--contains .card-grid__list--carousel .flickity-prev-next-button.next {
        right: 0;
      }

.card-grid--contains .card-grid__list--carousel .flickity-page-dots .dot {
        margin-bottom: 10px;
      }

.card-grid--selection .card-grid__item {
    padding-left: 3px;
    padding-right: 3px;
    width: 33.333333%
  }

@media (min-width: 768px) {

.card-grid--selection .card-grid__item {
      width: 16.666667%
  }
    }

@media (min-width: 1025px) {

.card-grid--selection .card-grid__item {
      width: 20%
  }
    }

@media (min-width: 1280px) {

.card-grid--selection .card-grid__item {
      width: 16.666667%
  }
    }

@media (min-width: 768px) {

.card-grid--selection .card-grid__list {
    margin-left: -3px;
    margin-right: -3px;
  }
  }

.card-grid--selection .card-grid__list {
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
  }

@media (min-width: 768px) {

.card-grid--selection-new {
    padding: 0 46px
}
  }

.card-grid--selection-new .card-grid__item {
    padding-left: 4px;
    padding-right: 4px;
    width: 50%
  }

@media (min-width: 768px) {

.card-grid--selection-new .card-grid__item {
      width: 33.333333%
  }
    }

@media (min-width: 1025px) {

.card-grid--selection-new .card-grid__item {
      width: 25%
  }
    }

@media (min-width: 768px) {

.card-grid--selection-new .card--tiny .card__content {
      padding:8px 8px 18px
  }
    }

@media (min-width: 768px) {

.card-grid--selection-new .card-grid__list {
    margin-left: -8px;
    margin-right: -8px;
  }
  }

.card-grid--selection-new .card-grid__list {
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-align-items: stretch;
            align-items: stretch;
  }

.card-grid__button {
  position: absolute;
  width: 28px;
  height: 42px;
  top: 50%;
  left: -7px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  z-index: -10;
  background: transparent;
  color: transparent;
  text-indent: -10000px;
}

.card-grid__button--next {
  left: auto;
  right: -7px;
}

.card-grid--recipe .card-grid__list {
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
  }

.card-grid--article {
  margin: 24px 0 32px
}

@media (min-width: 1025px) {

.card-grid--article {
    margin: 65px 0 59px
}
  }

.card-grid--article .card-grid__list {
    margin-left: -24px;
    margin-right: -24px
  }

@media (min-width: 768px) {

.card-grid--article .card-grid__list {
      margin-right: -32px
  }
    }

@media (min-width: 1025px) {

.card-grid--article .card-grid__list {
      margin-right: -24px
  }
    }

.card-grid__list--three-up {
  margin-left: -8px;
  margin-right: -8px;
  margin-right: -16px
}

@media (min-width: 1025px) {

.card-grid__list--three-up {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px
}
  }

@media (min-width: 1025px) {

.card-grid__list--three-up .card-grid__list {
      margin-left: -8px;
      margin-right: -8px
  }
    }

.card-grid__list--three-up .card-grid__item {
    padding-left: 8px;
    padding-right: 8px;
    width: 75%
  }

@media (min-width: 1025px) {

.card-grid__list--three-up .card-grid__item {
      width: 33.333333%
  }
    }

.card-grid__list--four-up {
  margin-left: -6px;
  margin-right: -6px;
  margin-right: -16px
}

@media (min-width: 1025px) {

.card-grid__list--four-up {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center center;
            align-items: center center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px
}
  }

@media (min-width: 1025px) {

.card-grid__list--four-up .card-grid__list {
      margin-left: -8px;
      margin-right: -8px
  }
    }

.card-grid__list--four-up .card-grid__item {
    padding-left: 6px;
    padding-right: 6px;
    width: 60%
  }

@media (min-width: 1025px) {

.card-grid__list--four-up .card-grid__item {
      padding-left: 8px;
      padding-right: 8px;
      width: 25%
  }
    }

.card-grid--gifting-three-up .card-grid__list, .card-grid--gifting-landing-three-up .card-grid__list {
    display: block;
    margin-left: -8px;
    margin-right: -16px
  }

@media (min-width: 768px) {

.card-grid--gifting-three-up .card-grid__list, .card-grid--gifting-landing-three-up .card-grid__list {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap
  }
    }

@media (min-width: 1025px) {

.card-grid--gifting-three-up .card-grid__list, .card-grid--gifting-landing-three-up .card-grid__list {
      margin-left: -8px;
      margin-right: -8px
  }
    }

.card-grid--gifting-three-up .card-grid__list .card-grid__item, .card-grid--gifting-landing-three-up .card-grid__list .card-grid__item {
      padding-left: 8px;
      padding-right: 8px;
      display: block;
      width: 100%;
    }

.card-grid--gifting-three-up .card-grid__item--content.card-grid__item, .card-grid--gifting-landing-three-up .card-grid__item--content.card-grid__item {
      max-width: 244px
    }

@media (min-width: 1025px) {

.card-grid--gifting-three-up .card-grid__item--content.card-grid__item, .card-grid--gifting-landing-three-up .card-grid__item--content.card-grid__item {
        max-width: 260px
    }
      }

.card-grid--gifting-three-up .card-grid__item--image .hero__wrapper:before, .card-grid--gifting-landing-three-up .card-grid__item--image .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 68.11594%;
  }

@media (min-width: 1025px) {
        .card-grid--gifting-three-up .card-grid__item--image .hero__wrapper:before, .card-grid--gifting-landing-three-up .card-grid__item--image .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 68.04979%;
  }
      }

.card-grid--gifting-three-up .card-grid__item--image.card-grid__item, .card-grid--gifting-landing-three-up .card-grid__item--image.card-grid__item {
      max-width: 276px
    }

@media (min-width: 768px) {

.card-grid--gifting-three-up .card-grid__item--image.card-grid__item, .card-grid--gifting-landing-three-up .card-grid__item--image.card-grid__item {
        -webkit-flex: 1 0;
                flex: 1 0;
        max-width: 100%
    }
      }

.card__price {
  display: none;
  margin: 12px 0;
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 18px;
}

.custom-related-product .card__price {
    display: block;
  }

.custom-related-product .card__button--detail {
    font-weight: 400;

    text-decoration: none;
    border-bottom: 1px solid;
  }

.card-grid--flexible-article .card-grid__list {
    margin-left: -32px;
    margin-right: -32px
  }

@media (min-width: 768px) {

.card-grid--flexible-article .card-grid__list {
      margin-left: -24px;
      margin-right: -24px
  }
    }

.card-grid--praline {
  padding: 0
}

.card-grid--praline .card-grid__item {
    padding: 0 6px;
    margin-bottom: 12px
  }

@media (min-width: 1025px) {

.card-grid--praline .card-grid__item {
      padding: 0 9px;
      margin-bottom: 24px
  }
    }

@media (min-width: 1025px) {

.card-grid--related-blog {
    margin-top: 20px
}
  }

@media (max-width: 1024px) {
        .card-grid--gifting-landing-three-up .card-grid__item--image .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 71.42857%;
  }

    .card-grid--gifting-landing-three-up .card-grid__list {
      margin-left: -16px;
      margin-right: -16px
    }

      .card-grid--gifting-landing-three-up .card-grid__list .card-grid__item {
        padding-left: 16px;
        padding-right: 16px;
        margin-bottom: 16px;
        max-width: inherit
      }

        .card-grid--gifting-landing-three-up .card-grid__list .card-grid__item:first-child {
          margin-bottom: 24px;
        }
  }

@media (min-width: 1025px) {
        .card-grid--gifting-landing-three-up .card-grid__item--image .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 70.65217%;
  }
      }

@media (min-width: 1025px) {

.card-grid--gifting-landing-three-up .card-grid__item--content {
      margin-right: 37px
  }
    }

@media (min-width: 1025px) {

.card-grid--gifting-landing-three-up .card-grid__list .card-grid__item--image {
        padding-right: 16px
    }

        .card-grid--gifting-landing-three-up .card-grid__list .card-grid__item--image:last-child {
          padding-right: 0;
        }
      }

.card-grid--gifting-hub-category .card-grid__list {
    margin-left: -16px;
    margin-right: -16px
  }

@media (min-width: 1025px) {

.card-grid--gifting-hub-category .card-grid__list {
    margin-left: -12px;
    margin-right: -12px
  }
  }

@media (max-width: 767px) {

.card-grid--gifting-hub-category .card-grid__list {
      margin-right: 0
  }
    }

.card-grid--gifting-hub-category .card-grid__item {
    padding-left: 16px;
    padding-right: 16px
  }

@media (min-width: 1025px) {

.card-grid--gifting-hub-category .card-grid__item {
    padding-left: 12px;
    padding-right: 12px
  }
  }

.card-grid--gifting-hub-category .card-grid__item {
    width: 100%
  }

@media (max-width: 849px) {

.card-grid--gifting-hub-category .card-grid__item {
      padding-right: 0;
      max-width: 282px
  }
    }

@media (min-width: 768px) {

.card-grid--gifting-hub-category .card-grid__item {
      margin-bottom: 24px
  }
    }

@media (min-width: 1025px) {

.card-grid--gifting-hub-category .card-grid__item {
      width: 25%
  }
    }

@media (min-width: 768px) {

.card-grid--gifting-hub-category.desktop {
      display: none
  }
    }

@media (min-width: 1025px) {

.card-grid--gifting-hub-category.desktop {
      display: block
  }
    }

@media (min-width: 768px) {

.card-grid--gifting-hub-category.mobile {
      display: block
  }
    }

@media (min-width: 1025px) {

.card-grid--gifting-hub-category.mobile {
      display: none
  }
    }

.card-grid--gifting-hub-four-up .card-grid__list {
    margin-left: -10px;
    margin-right: -10px;
  }

@media (min-width: 768px) {

.card-grid--gifting-hub-four-up .card-grid__list {
    margin-left: -31px;
    margin-right: -31px;
  }
  }

@media (min-width: 1025px) {

.card-grid--gifting-hub-four-up .card-grid__inner {
      margin: 0 19px
  }
    }

.card-grid--gifting-hub-four-up .card-grid__item {
    padding-left: 10px;
    padding-right: 10px
  }

@media (min-width: 768px) {

.card-grid--gifting-hub-four-up .card-grid__item {
    padding-left: 31px;
    padding-right: 31px
  }
  }

.card-grid--gifting-hub-four-up .card-grid__item {
    margin-bottom: 30px;
    width: 50%
  }

@media (min-width: 1025px) {

.card-grid--gifting-hub-four-up .card-grid__item {
      margin-bottom: 0;
      width: 25%
  }
    }

.card-grid--home-categories {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 auto
}

.card-grid--home-categories .card-grid__item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;

    width: 33.333333%;
    margin: 0 0 24px
  }

@media (min-width: 1025px) {

.card-grid--home-categories .card-grid__item {
      width: 16.666667%;
      max-width: 148px;
      margin: 0 28px
  }
    }

.card-selection {}

/*
** General styles
 */

.card {
  display: block;
  width: 100%
}

@media (min-width: 768px) {

.card {
    padding-left: 16px;
    padding-right: 16px
}
  }

@media (min-width: 768px) {

.card {
    width: 33.333333%
}
  }

.card.disabled .card__image-link {
    pointer-events: none;
  }

.card__image:before {
    content: '';
    display: block;
    padding-top: 73.46939%;
  }

.card__image-link {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  overflow: hidden
}

.card__image-link > * {
    width: 100%;
  }

.card__image-link .card__image {
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
  }

.card__content {
  padding: 30px;
  text-align: center;
}

.card__title {
  font-size: 0.875rem;
  line-height: 1.21429;
  letter-spacing: 0;
  font-family: 'BrownStd';
  font-weight: 400;
}

.card__title-link {
  color: inherit;
  text-decoration: inherit
}

.card__title-link:hover {
    color: inherit;
    text-decoration: underline;
  }

.card__label {
  font-size: 0.625rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
  font-weight: 700;
  text-transform: uppercase;
  color: #AAAAAA;
}

.card__buttons {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  width: 100%
}

@media(max-width: 767px) {

.card__buttons {
    -webkit-justify-content: left;
            justify-content: left
}
  }

.card__buttons .form-vertical {
    width: 100%;
    text-align: left;
  }

.card__button {
  margin: 12px 12px 0;
  font-weight: 600
}

.card__button:last-child {
    font-weight: 500;
  }

.card__button--primary {
  min-width: 160px;
}

.card__button--detail {
  font-size: 0.875rem;
  line-height: 1.28571;
  letter-spacing: 0;
  font-weight: 400;

  margin: 12px 0 0;
}

.card__button--coming-soon,
.card__button--sold-out {
  pointer-events: none;
  cursor: default;
}

.card__button--hidden {
  display: none
}

.card__button--hidden + .card__button {
    margin-top: 35px;
    margin-left: 0;
    margin-right: 0;
  }

.card__description {
  margin-top: 8px;
  text-align: left
}

.card__description + .card__buttons {
    margin-top: 12px;
  }

.image__placeholder {
  border: 1px solid #dddddd;
}

.card__rating {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 12px;
  min-height: 20px
}

.card__rating.ruk_rating_snippet i,
    .card__rating.ruk_rating_snippet .ruk-rating-snippet-count {
      line-height: 20px;
      bottom: 0;
    }

.card__rating.ruk_rating_snippet i {
    line-height: 20px;
  }

.card__rating.ruk_rating_snippet i,
    .card__rating.ruk_rating_snippet .ruk-rating-snippet-count {
      line-height: 20px;
      bottom: 0;
    }

/*
** Card product
 */

.card--product {
  padding-left: 12px;
  padding-right: 12px
}

@media (min-width: 1025px) {

.card--product {
    padding-left: 12px;
    padding-right: 12px
}
  }

.card--product {
  position: relative;
  width: 50%
}

.card--product .price {
    margin: 10px 0;
  }

@media (min-width: 768px) {

.card--product {
    width: 25%
}
  }

@media (max-width: 767px) {

.card--product {
    padding-left: 8px;
    padding-right: 8px
}

    .card--product:nth-child(odd) {
      padding-right: 12px;
    }

    .card--product:nth-child(even) {
      padding-left: 12px;
    }
  }

.card--product .card__inner {
    padding-top: 8px;
    position: relative
  }

@media (min-width: 1025px) {

.card--product .card__inner {
      padding-top: 0
  }
    }

.card--product .card__inner:hover .card__image {
        -webkit-transform: scale(1.05);
                transform: scale(1.05);
      }

.card--product .card__content {
    padding: 0 0 16px
  }

@media (max-width: 767px) {

.card--product .card__content {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-align-items: flex-start;
              align-items: flex-start;
      -webkit-justify-content: space-between;
              justify-content: space-between;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-flex-direction: column-reverse;
              flex-direction: column-reverse
  }

      .card--product .card__content .card__buttons {
        -webkit-order: 1;
                order: 1;
        margin-top: 13px;
      }

      .card--product .card__content .card__title {
        -webkit-order: 4;
                order: 4;
      }

      .card--product .card__content .ruk_rating_snippet{
        -webkit-order:3;
                order:3;
      }

      .card--product .card__content .card__description, .card--product .card__content .card__price{
        -webkit-order: 2;
                order: 2;
      }
    }

@media (min-width: 768px) {

.card--product .card__content {
      display: block;
      padding: 0 0 26px
  }
    }

.card--product .card__image-wrapper {
    display: -webkit-flex;
    display: flex;
    padding: 35px 5px 5px
  }

@media (min-width: 1025px) {

.card--product .card__image-wrapper {
      padding: 48px 24px 24px
  }
    }

.card--product .card__image:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.card--product .card__title {
    font-size: 0.875rem;
    line-height: 1.21429;
    letter-spacing: 0;
    font-family: 'BrownStd';
    font-weight: 400;
    min-height: 50px;
    color: #000000;
    text-align: left
  }

@media (min-width: 1025px) {

.card--product .card__title {
      min-height: 34px
  }
    }

.card--product .card__description {
    margin-top: 7px;
  }

@media (max-width: 767px) {

      .card--product .card__buttons .card__button--coming-soon,
      .card--product .card__buttons .button--coming-soon {
        font-size: 0.6875rem;
        line-height: 1.18182;
        letter-spacing: 0.09091em;
        display: block;
        width: 100%;
        margin: 0 0 6px;
      }
    }

@media (min-width: 768px) {

.card--product .card__buttons {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-align-items: flex-start;
              align-items: flex-start;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap
  }
    }

.card--product .card__button--primary {
    font-weight: 700;
    font-size: 0.8125rem;
    line-height: 1;
    letter-spacing: 0.07692em;

    min-width: auto;
    width: 100%;
    padding: 12px 0 13px;
    margin: 0;
    font-weight: 700
  }

@media (min-width: 768px) {

.card--product .card__button--primary {
      min-width: 148px;
      padding: 13px 12px 11px;
      max-width: 175px
  }
    }

.card--product .card__button--secondary {
    margin-left: 0;
    margin-top: 13px;
    border-bottom: 1px solid #808080;
    text-decoration: none;
    transition: none
  }

.card--product .card__button--secondary:hover {
      border-color: #01bcab;
    }

.card--product:nth-child(4):after,
  .card--product:last-child:after {
    background: none;
  }

.card--product:nth-child(2):after {
    background: none
  }

@media (min-width: 768px) {

.card--product:nth-child(2):after {
      background: linear-gradient(180deg, rgba(248,248,248,0) 0%, #EEEEEE 52.25%, rgba(238,238,238,0) 100%)
  }
    }

.card--product .card__button {
    font-size: 0.8125rem;
    line-height: 1;
    letter-spacing: 0.02308em;

    border-color: #333333
  }

@media (min-width: 768px) {

.card--product .card__button {
      max-width: 148px;
      padding: 13px 14px
  }
    }

.card--product .price {
    margin: 0;
  }

.card--product-hotspot {
  padding-left: calc(14px/2);
  padding-right: calc(14px/2);
  width: 100%
}

.card--product-hotspot:after {
    content: none;
  }

.card--product-hotspot .card__buttons {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
  }

.card--product-hotspot .card__button {
    margin-left: 0;
  }

.card--product-hotspot .card__inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }

.card--product-hotspot .card__image-wrapper {
    padding-left: calc(14px/2);
    padding-right: calc(14px/2);
    -webkit-flex: 1 0 auto;
            flex: 1 0 auto;
    width: 100px;
    padding: 0;
  }

.card--product-hotspot .card__content {
    padding-left: 12px;
    padding-right: 12px;
    text-align: left;
    padding-bottom: 0;
  }

.card--product-hotspot .card__description {
    margin-top: 16px;
  }

.card--product-hotspot .card__button--secondary {
    margin-top: 16px;
  }

.card--product-hotspot-multi {
  -webkit-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 50%
}

.card--product-hotspot-multi .card__inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap
  }

@media (min-width: 1025px) {

.card--product-hotspot-multi .card__inner {
      height: 100%
  }
    }

.card--product-hotspot-multi .card__image-wrapper {
    -webkit-flex: none;
            flex: none;
  }

.card--product-hotspot-multi .card__title {
    -webkit-flex: 1 0 auto;
            flex: 1 0 auto;
  }

.card--product-hotspot-multi .card__buttons {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    min-height: 99px;
  }

.card--product-hotspot-multi .card__content {
    padding-left: 12px;
    padding-right: 12px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex: 1 0 auto;
            flex: 1 0 auto;
    width: 100%;
    text-align: left;
    padding-bottom: 0
  }

.card--product-hotspot-multi .card__content * {
      width: 100%;
    }

/*
** Card collection
 */

.card--collection .card__button--secondary {
    display: none;
  }

.card--collection .card__rating .ruk-rating-snippet-count {
      display: none;
    }

/*
** Card tiny
 */

.card--tiny {
  text-decoration: none
}

.card--tiny .card__image-wrapper {
    padding: 8px
  }

@media (min-width: 1025px) {

.card--tiny .card__image-wrapper {
      padding: 11px
  }
    }

.card--tiny .card__image:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.card--tiny .card__title {
    font-size: 0.875rem;
    line-height: 1.21429;
    font-weight: 400;
    font-family: 'BrownStd';
    color: #000000;
    letter-spacing: 0;
  }

.card--tiny .card__content {
    padding: 20px 8px 15px
  }

@media (min-width: 600px) {

.card--tiny .card__content {
      padding: 8px 8px 30px
  }
    }

.card--tiny .card__button {
    color: {{ settings.color_link }};
    text-decoration: underline;
    margin-top: 15px
  }

@media (min-width: 1025px) {

.card--tiny .card__button {
      margin-top: 10px
  }
    }

.card--tiny .card__button:hover {
      color: {{ settings.color_link_hover }};
    }

/*
** Card Selection
 */

.card--selection {
  margin-bottom: 10px
}

.card--selection .card__image-wrapper {
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
  }

.card--selection .card__inner {
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    position: relative;
    border: 1px solid transparent;
  }

.card--selection .card__select {
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    transition-property: opacity, visibility;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 17px 7px;
    background: #ffffff
  }

@media (min-width: 1025px) {

.card--selection .card__select {
      padding: 30px 14px 0
  }
    }

.card--selection .card__button-select {
    min-width: 100%;
    padding: 11px 10px
  }

@media (min-width: 1025px) {

.card--selection .card__button-select {
      padding: 12px 20px
  }
    }

.card--selection .card__quantity {
    border: 1px solid {{ settings.color_hr }};
  }

.card--selection .card__button--hide {
    transition-property: opacity, visibility;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    visibility: hidden;
    opacity: 0;
  }

.card--selection .card__title {
    min-height: 34px;
  }

.card--selection-new {
  position: relative;
  margin-bottom: 8px
}

.card--selection-new .ruk_rating_snippet_card {
    -webkit-justify-content: center;
            justify-content: center;
  }

.card--selection-new .card__inner {
    height: 100%;
    padding-bottom: 10px;
    border: 2px solid transparent;
  }

.card--selection-new .card__image-wrapper {
    padding: 16px 16px 0;
  }

.card--selection-new .card__content {
    padding-top: 0;
  }

.card--selection-new .card__title {
    max-width: 164px;
    margin: 0 auto;
  }

.card--selection-new .card__select {
    visibility: visible;
    opacity: 1;
    position: relative;
    top: auto;
    left: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    max-width: 152px;
    padding: 0;
    margin: auto;
  }

.card--selection-new .card__buttons {
    transition-property: opacity, visibility;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background: #808080;
    pointer-events: none
  }

.card--selection-new .card__buttons .card__button {
      color: transparent;
      margin: 0;
      width: 100%;
      height: 100%
    }

.card--selection-new .card__buttons .card__button:after,
      .card--selection-new .card__buttons .card__button:before {
        left: 8px;
        width: 17px;
        background: #ffffff;
      }

.card--selection-new.card--selection-active .card__inner {
      border-color: #808080;
      box-shadow: none;
    }

.card--selection-new.card--selection-active .card__buttons {
      visibility: visible;
      opacity: 1;
      pointer-events: auto;
    }

.card--selection-new.card--selection-active .card__image-wrapper {
      visibility: visible;
      opacity: 1;
    }

.card--selection-new .card__button-select {
    padding: 12px 0 11px;
  }

.card--selection-new .card__quantity {
    border-color: #808080;
    border-bottom: 0;
  }

.card--selection-new .quantity .icon-minus:before,
    .card--selection-new .quantity .icon-plus:before,
    .card--selection-new .quantity .icon-plus:after {
      background-color: #808080;
    }

.card--selection-active .card__inner {
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.1);
    border-color: #808080;
  }

.card--selection-active .card__select {
    visibility: visible;
    opacity: 1;
  }

.card--selection-active .card__image-wrapper {
    transition-property: opacity, visibility;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    visibility: hidden;
    opacity: 0;
  }

.card--recipe {
  width: 50%
}

@media (min-width: 1025px) {

.card--recipe {
    width: 25%
}
  }

.card--recipe:after {
    content: none;
  }

.card--recipe:nth-child(2):after {
    content: none;
  }

.card--recipe .card__inner {
    padding-top: 0;
    background: #ffffff;
  }

@media (max-width: 1024px) {

.card--recipe .card__buttons {
      display: block
  }
    }

.card--recipe .card__content {
    padding-top: 10px;
    padding-bottom: 0;
  }

.card--recipe .card__button,
  .card--recipe .card__button--secondary {
    display: none;
    font-weight: normal
  }

@media (min-width: 1025px) {

.card--recipe .card__button,
  .card--recipe .card__button--secondary {
      display: block;
      margin-top: 10px
  }
    }

.card--article {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: stretch;
          align-items: stretch;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  max-width: 289px;
  min-height: 100%;
  padding: 0 24px;
  border-right: 1px solid #979797
}

@media (min-width: 768px) {

.card--article {
    width: 100%
}
  }

@media (min-width: 850px) {

.card--article {
    width: 33.333333%;
    max-width: unset
}
  }

@media (min-width: 1025px) {

.card--article {
    width: 33.333333%;
    max-width: 431px;
    padding: 0 25px
}
  }

.card--article .card__image-wrapper {
    width: 100%;
  }

.card--article .card__image:before {
    content: '';
    display: block;
    padding-top: 106%;
  }

@media (min-width: 1025px) {
      .card--article .card__image:before {
    content: '';
    display: block;
    padding-top: 106.31579%;
  }
    }

.card--article .card__inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: stretch;
            align-items: stretch;
    -webkit-justify-content: stretch;
            justify-content: stretch;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
    height: 100%;
    -webkit-flex: 1 0 auto;
            flex: 1 0 auto;
  }

.card--article:last-child {
    border-right: 1px solid #ffffff;
  }

.card--article .card__content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: stretch;
            align-items: stretch;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex: 1 0 100%;
            flex: 1 0 100%;
    padding: 19px 0 0;
    height: 100%
  }

@media (min-width: 1025px) {

.card--article .card__content {
      padding: 21px 0 0
  }
    }

.card--article .card-grid__list {
    margin: 0;
  }

.card--article .card__tag {
    font-size: 1rem;
    line-height: 1.375;
    letter-spacing: 0.0625em
  }

@media (min-width: 1025px){

.card--article .card__tag {
    font-size: 1rem;
    line-height: 1.25
  }
}

.card--article .card__tag {
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px
  }

@media (min-width: 1025px) {

.card--article .card__tag {
      margin-bottom: 21px
  }
    }

.card--article .card__title {
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: 0;
  }

@media (min-width: 1025px){

.card--article .card__title {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

.card--article .card__title {
    font-weight: 700;
    height: 100%;
    text-align: left;
  }

.card--article .card__description {
    font-size: 0.9375rem;
    line-height: 1.46667;
    height: 100%;
    margin: 5px 0 22px;
    color: #8A8A8A
  }

@media (min-width: 1025px) {

.card--article .card__description {
      margin: 6px 0 22px
  }
    }

.card--article .card__buttons {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex: 1 0 100%;
            flex: 1 0 100%;
  }

.card--article .card__button-article {
    min-width: 240px
  }

@media (min-width: 1025px) {

.card--article .card__button-article {
      min-width: 264px
  }
    }

.card--blog-landing {
  margin-bottom: 16px
}

@media (min-width: 1025px) {

.card--blog-landing {
    margin-bottom: 32px
}
  }

.card--blog-landing .card__inner {
    position: relative;
  }

.card--blog-landing .card__title-link {
    -webkit-order: -1;
            order: -1;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: 0;
    font-weight: 700;
  }

.card--blog-landing .card__description {
    width: 100%;
    margin-top: 6px;
  }

.card--blog-landing .card__price,
  .card--blog-landing .card__rating {
    display: none;
  }

.card--blog-landing .card__content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex: 1 0 auto;
            flex: 1 0 auto;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    padding: 20px 24px 24px;
    width: 100%;
    text-align: left;
  }

.card--blog-landing .card__inner {
    -webkit-flex: 1 0 auto;
            flex: 1 0 auto;
    height: 100%;
    background: #F6F6F6;
  }

.card--blog-landing .card__buttons-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-end;
            align-items: flex-end;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex: 1 0 auto;
            flex: 1 0 auto;
  }

.card--blog-landing .card__buttons {
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-align-items: flex-end;
            align-items: flex-end;
    cursor: pointer;
    margin-top: 14px;
  }

.card--blog-landing .card__header-content {
    width: 100%;
  }

.card--home-product {
  width: 100%;
  max-width: 264px

}

@media (min-width: 1025px) {

.card--home-product {
    padding-left: 16px;
    padding-right: 16px;
    width: 25%;
    max-width: 100%

}
  }

.card--home-product .card__buttons .card__button {
      display: block;
    }

.card--two-up {
  width: 100%;
  margin-top: 32px
}

@media (min-width: 1025px) {

.card--two-up {
    margin-top: 0
}
  }

.card--two-up:first-child {
    margin-top: 0;
  }

.card--two-up .card__content {
    padding: 18px 8px 0
  }

@media (min-width: 1025px) {

.card--two-up .card__content {
      padding: 32px 0 0;
      text-align: left
  }
    }

.card--two-up .card__image:before {
    content: '';
    display: block;
    padding-top: 69.97085%;
  }

@media (min-width: 1025px) {
      .card--two-up .card__image:before {
    content: '';
    display: block;
    padding-top: 69.96587%;
  }
    }

.card--two-up .card__title {
    font-size: 1.5rem;
    line-height: 1.16667;
    letter-spacing: 0
  }

@media (min-width: 1025px){

.card--two-up .card__title {
    font-size: 2.25rem;
    line-height: 1.11111
  }
}

.card--two-up .card__title {
    font-weight: 700;
    color: #000000
  }

@media (min-width: 1025px) {

.card--two-up .card__title {
      color: #050606
  }
    }

.card--two-up .card__description {
    font-size: 0.9375rem;
    line-height: 1.33333;
    letter-spacing: 0;
  }

@media (min-width: 1025px){

.card--two-up .card__description {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

.card--two-up .card__description {
    color: #8A8A8A;
  }

.card--two-up .card__description {
    margin-top: 8px;
    text-align: center
  }

@media (min-width: 1025px) {

.card--two-up .card__description {
      margin-top: 10px;
      text-align: left
  }
    }

.card--two-up .card__buttons {
    margin-top: 16px
  }

@media (max-width: 849px) {

.card--two-up .card__buttons {
      -webkit-justify-content: center;
              justify-content: center
  }
    }

@media (min-width: 1025px) {

.card--two-up .card__buttons {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: flex-start;
              align-items: flex-start;
      -webkit-justify-content: flex-start;
              justify-content: flex-start;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      margin-top: 24px
  }
    }

.card--two-up .card__button-two-up {
    min-width: 264px;
    padding: 17px 22px;
  }

@media (min-width: 1920px) and (min-height: 1080px) and (max-height: 1450px) {
    .card--two-up-tiles .card__title {
      font-size: 1.5rem;
      line-height: 1.16667;
      font-weight: bold;
      color: #000000;
      text-transform: none;
    }

    .card--two-up-tiles .card__description {
      font-size: 0.9375rem;
      line-height: 1.33333;
      font-weight: 400;
    }

    .card--two-up-tiles .ruk_rating_snippet_card {
      display: none;
    }

    .card--two-up-tiles .card__content {
      padding-top: 18px;
    }

    .card--two-up-tiles .card__buttons {
      margin-top: 12px;
    }
  }

.card--zoom .card__inner:hover .card__image {
        -webkit-transform: scale(1.05);
                transform: scale(1.05);
      }

.card--zoom .card__image-wrapper {
    overflow: hidden;
  }

.card--zoom .card__image {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
  }

.card--category-block:last-child .card__content {
      padding-bottom: 0
    }

@media (min-width: 1025px) {

.card--category-block:last-child .card__content {
        padding-bottom: 24px
    }
      }

.card--category-block .card__button-category-block {
    font-size: 0.875rem;
    line-height: 1;
    letter-spacing: 0.07143em;
    font-weight: 700;
    padding: 17px 20px
  }

@media (min-width: 1025px) {

.card--category-block .card__button-category-block {
      padding: 21px 20px
  }
    }

.card--category-block .card__content {
    padding-top: 16px;
    padding-bottom: 24px
  }

@media (min-width: 1025px) {

.card--category-block .card__content {
      padding-top: 24px
  }
    }

.card--category-block .card__image:before {
    content: '';
    display: block;
    padding-top: 81.63265%;
  }

@media (min-width: 768px) {

.card--category-block-two-up {
    width: 50%
}
  }

@media (min-width: 768px) {
      .card--category-block-two-up .card__image:before {
    content: '';
    display: block;
    padding-top: 81.62252%;
  }
    }

.card--native-product {
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
  max-width: 264px
}

@media (min-width: 1025px) {

.card--native-product {
    padding-left: 16px;
    padding-right: 16px;
    width: 25%;
    max-width: 100%
}
  }

.card--native-product .card__buttons .card__button {
      display: block;
    }

.card--native-product .card__content .card__buttons,
    .card--native-product .card__content .card__description,
    .card--native-product .card__content .card__title {
      -webkit-order: unset;
              order: unset;
    }

body .card--product .ruk_rating_snippet {
    margin: 10px 0 0;
    min-height: 22px
  }

@media(max-width: 849px){

body .card--product .ruk_rating_snippet {
      display: -webkit-flex;
      display: flex;
      text-align: left
  }
    }

.card--flexible-article {
  border-right: 1px solid #979797;
  max-width: 249px;
  padding: 0 24px
}

@media (min-width: 768px) {

.card--flexible-article {
    max-width: none
}
  }

.card--flexible-article:last-child {
    border-right: none;
  }

.card--flexible-article .card__headline {
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: 0.0625em;
    font-weight: bold;
    color: #000000;
    text-transform: none;

    margin-bottom: 22px;
    text-transform: uppercase;
  }

.card--flexible-article .card__image:before {
    content: '';
    display: block;
    padding-top: 106%;
  }

@media (min-width: 768px) {
      .card--flexible-article .card__image:before {
    content: '';
    display: block;
    padding-top: 106.31579%;
  }
    }

.card--flexible-article .card__content {
    padding: 0;
    text-align: left;
  }

.card--flexible-article .card__title {
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: 0;
  }

@media (min-width: 1025px){

.card--flexible-article .card__title {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

.card--flexible-article .card__title {
    font-weight: 700;

    margin-top: 19px;
    min-height: 48px;
  }

.card--flexible-article .card__description {
    font-size: 0.9375rem;
    line-height: 1.46667;

    margin: 6px 0 22px;
    color: #8A8A8A
  }

@media (min-width: 1025px) {

.card--flexible-article .card__description {
      margin: 6px 0 19px
  }
    }

.card--flexible-article .card__buttons {
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
  }

@media (min-width: 1025px) {

.card--quick-add {
    width: 33.333333%;
    padding: 0 16px
}
  }

.card--quick-add .card__title {
    min-height: 50px;
  }

.card--quick-add .card__image {
    width: 100%;
  }

.card--quick-add .card__button {
    margin-top: 12px;
  }

.card--quick-add .price,
  .card--quick-add .card__description {
    margin: 0;
  }

.card--find-gift {
  overflow: hidden;
  -webkit-flex: 1 0 auto;
          flex: 1 0 auto;
  margin: 0 8px 16px;
  width: 242px;
  max-width: 242px;
  padding: 18px;
  background: #ffffff
}

@media (min-width: 1025px) {

.card--find-gift {
    margin: 0 12px;
    width: 292px;
    max-width: 292px
}
  }

.card--find-gift:first-child {
    margin-left: 0;
  }

.card--find-gift .card__title {
    margin-top: 4px;
    min-height: 50px
  }

@media (min-width: 1025px) {

.card--find-gift .card__title {
      margin-top: 12px
  }
    }

.card--find-gift .card__image-wrapper {
    padding: 0;
  }

.card--find-gift .card__image {
    width: 100%;
  }

.card--find-gift .card__buttons {
    margin: 0;
  }

.card--find-gift .card__button {
    font-weight: 700;
    font-size: 0.8125rem;
    line-height: 1;
    letter-spacing: 0.07692em;
    margin-top: 12px;
    max-width: 148px;
    padding: 13px 0 12px;
  }

.card--find-gift .price {
    margin: 0;
  }

.card--find-gift .card__description {
    margin-top: 21px;
  }

.card--find-gift .card__content {
    padding: 0;
  }

.card--sub-category {
  margin-bottom: 16px
}

@media (min-width: 1025px) {

.card--sub-category {
    margin-bottom: 40px
}
  }

.card--sub-category .card__image:before {
    content: '';
    display: block;
    padding-top: 59.41176%;
  }

@media (min-width: 1025px) {
      .card--sub-category .card__image:before {
    content: '';
    display: block;
    padding-top: 59.73154%;
  }
    }

.card--sub-category .card__content {
    padding: 0;
  }

.card--sub-category .card__inner {
    height: 100%;
  }

.card--sub-category .card__title {
    font-size: 1rem;
    line-height: 1.0625
  }

@media (min-width: 1025px){

.card--sub-category .card__title {
    font-size: 1.125rem;
    line-height: 0.94444
  }
}

.card--sub-category .card__title {
    font-weight: bold;
    color: #000000;

    margin-top: 8px
  }

@media (min-width: 1025px) {

.card--sub-category .card__title {
      margin-top: 23px
  }
    }

.card--sub-category .card__description {
    display: none;
  }

.card--sub-category .card__short-description {
    font-size: 0.875rem;
    line-height: 1.28571;
    letter-spacing: 0;

    -webkit-flex: 1 0 auto;

            flex: 1 0 auto;
    margin-top: 7px;
    color: #222222;
    text-align: center
  }

@media (min-width: 1025px) {

.card--sub-category .card__short-description {
      margin-top: 10px
  }
    }

.card--sub-category .card__link {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    font-size: 0.875rem;
    line-height: 1.28571;
    letter-spacing: 0;

    -webkit-flex: 0 0 auto;

            flex: 0 0 auto;
    margin: 9px auto 0
  }

@media (min-width: 1025px) {

.card--sub-category .card__link {
      margin-top: 14px
  }
    }

.card--praline-box {
  margin: 0 auto;
  padding: 18px 0 0;
  width: 100%
}

@media (min-width: 1025px) {

.card--praline-box {
    padding: 25px 0 0
}
  }

.card--praline-box .card__title {
    margin-top: 6px;
  }

.card--praline-box .card__description {
    margin-top: 6px;
    text-align: center;
  }

.card--praline-box .card__content {
    padding: 0;
  }

.card--praline-box .card__image-wrapper {
    margin: 0 auto;
    max-width: 122px;
  }

.card--praline-box .card__image:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.card--praline-box .card__image img {
      height: auto;
      max-height: 100%;
    }

.card--praline-box .card__image p {
      display: none;
    }

.card--praline-box .ruk_rating_snippet_card {
    display: none;
  }

.card--praline.card--tiny .card__inner {
    padding-bottom: 9px;
    border: 2px solid transparent
  }

@media (min-width: 1025px) {

.card--praline.card--tiny .card__inner {
      padding-bottom: 21px
  }
    }

.card--praline.card--tiny.card--selection-active .card__inner {
    border-color: #808080;
  }

.card--praline.card--tiny .card__image-wrapper {
    margin-bottom: 4px;
    padding: 0
  }

@media (min-width: 1025px) {

.card--praline.card--tiny .card__image-wrapper {
      margin-bottom: 17px;
      padding: 16px 13px 0
  }
    }

.card--praline.card--tiny .card__content {
    padding-bottom: 13px
  }

@media (min-width: 1025px) {

.card--praline.card--tiny .card__content {
      padding: 0 8px 10px
  }
    }

.card--praline.card--tiny .ruk_rating_snippet_card,
  .card--praline.card--tiny .card__description {
    display: none;
  }

.card--praline.card--tiny .card__buttons {
    width: 32px;
    height: 32px;
    margin: 0;
  }

.card--praline.card--tiny .card__link {
    display: block;
    margin: 15px auto 0
  }

@media (min-width: 1025px) {

.card--praline.card--tiny .card__link {
      margin-top: 10px
  }
    }

.card--praline.card--tiny .card__button-select {
    padding: 13px 0 12px;
  }

.card--praline.card--tiny .card__label {
    display: block;
    min-height: 16px;
  }

@media (min-width: 768px) {

.card--personalise-block {
    width: 100%;
    padding: 0
}
  }

.card--personalise-block .card__image:before {
    content: '';
    display: block;
    padding-top: 93.90244%;
  }

.card--personalise-block .card__image {

    overflow: hidden
  }

@media (min-width: 1025px) {
      .card--personalise-block .card__image:before {
    content: '';
    display: block;
    padding-top: 93.15068%;
  }
    }

.card--personalise-block .card__content {
    padding: 12px 4px
  }

@media (min-width: 1025px) {

.card--personalise-block .card__content {
      padding: 24px 0 0
  }
    }

.card--personalise-block .card__title {
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: 0;
    font-weight: 700;

    min-height: 48px
  }

@media (min-width: 1025px) {

.card--personalise-block .card__title {
      min-height: -webkit-fit-content;
      min-height: -moz-fit-content;
      min-height: fit-content
  }
    }

.card--personalise-block .card_button {
    margin: 12px auto 0;
    min-width: 142px
  }

@media (min-width: 1025px) {

.card--personalise-block .card_button {
      min-width: 172px
  }
    }

.card--personalise-block .ruk_rating_snippet_card {
    display: none;
  }

.card--four-columns {
  position: relative;
  max-width: 306px;
  width: 100%;
  padding: 0 16px;
  margin-right: 16px
}

.card--four-columns:not(:last-child):before {
    content: '';
    position: absolute;
    top: 0;
    right: -8px;
    width: 1px;
    height: 100%;
    background: #979797;
  }

.carousel-ready .card--four-columns {
    height: 100%
}

.carousel-ready .card--four-columns .card__inner {
      height: 100%;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
    }

.card--four-columns .card__image:before {
    content: '';
    display: block;
    padding-top: 80.29197%;
  }

.card--four-columns .card__image {

    overflow: hidden;
  }

.card--four-columns .card__content {
    padding: 24px 0 0;
    text-align: left;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-flex: 1 0 auto;
            flex: 1 0 auto;
  }

.card--four-columns .card__title {
    font-size: 1.5rem;
    line-height: 1.16667;
    font-weight: bold;
    color: #000000;
    text-transform: none;
    font-weight: 700;
  }

.card--four-columns .ruk_rating_snippet {
    display: none;
  }

.card--four-columns .card__description {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;

    color: #8A8A8A;
    margin-bottom: 18px;
  }

.card--four-columns .card__buttons {
    margin-top: auto;
  }

.card--four-columns .card__button-four-columns {
    font-size: 0.875rem;
    line-height: 0.85714;
    letter-spacing: 0.07143em;
    font-weight: 700;

    min-width: auto;
    padding: 18px 23px;
    margin-right: auto;
  }

.card--grid-collection {
  width: 100%;
  padding: 0
}

.card--grid-collection .card__image:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.card--grid-collection .card__content {
    margin-top: 11px;
    padding: 0;
    text-align: center
  }

@media (min-width: 1025px) {

.card--grid-collection .card__content {
      margin-top: 22px
  }
    }

.card--grid-collection .card__title {
    font-size: 1.125rem;
    line-height: 1.33333;
    letter-spacing: -0.01222em;
    font-weight: 700
  }

@media (min-width: 1025px) {

.card--grid-collection .card__title {
      font-size: 1.25rem;
      line-height: 1.2;
      letter-spacing: -0.0125em
  }
    }

.card--grid-collection .ruk_rating_snippet_card {
    display: none;
  }

/* flickity-fade */

.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

@media all {

.carousel-grid {
    margin-left: calc(-1*14px/2);
    margin-right: calc(-1*14px/2)
}
  }

@media (min-width: 600px) {

.carousel-grid {
    margin-left: calc(-1*14px/2);
    margin-right: calc(-1*14px/2)
}
  }

@media (min-width: 768px) {

.carousel-grid {
    margin-left: calc(-1*14px/2);
    margin-right: calc(-1*14px/2)
}
  }

@media (min-width: 1025px) {

.carousel-grid {
    margin-left: calc(-1*14px/2);
    margin-right: calc(-1*14px/2)
}
  }

@media all {

.carousel-grid .carousel__item {
    padding-left: calc(14px/2);
    padding-right: calc(14px/2);
  }
  }

@media (min-width: 600px) {

.carousel-grid .carousel__item {
    padding-left: calc(14px/2);
    padding-right: calc(14px/2);
  }
  }

@media (min-width: 768px) {

.carousel-grid .carousel__item {
    padding-left: calc(14px/2);
    padding-right: calc(14px/2);
  }
  }

@media (min-width: 1025px) {

.carousel-grid .carousel__item {
    padding-left: calc(14px/2);
    padding-right: calc(14px/2);
  }
  }

.carousel__item {
  width: 100%
}

.carousel-grid--2 .carousel__item {
    width: 50%
}

.carousel-grid--3 .carousel__item {
    width: 33.333333%
}

.carousel-grid--4 .carousel__item {
    width: 25%
}

@media (min-width: 768px) {

.carousel-grid--sm-1 .carousel__item {
      width: 100%
}

.carousel-grid--sm-2 .carousel__item {
      width: 50%
}

.carousel-grid--sm-3 .carousel__item {
      width: 33.333333%
}

.carousel-grid--sm-4 .carousel__item {
      width: 25%
}
  }

@media (min-width: 1025px) {

.carousel-grid--ml-1 .carousel__item {
      width: 100%
}

.carousel-grid--ml-2 .carousel__item {
      width: 50%
}

.carousel-grid--ml-3 .carousel__item {
      width: 33.333333%
}

.carousel-grid--ml-4 .carousel__item {
      width: 25%
}

.carousel-grid--ml-5 .carousel__item {
      width: 20%
}
  }

@media all {

.carousel-grid--native {
    margin-left: calc(-1*14px/2);
    margin-right: calc(-1*14px/2)
}
  }

@media (min-width: 600px) {

.carousel-grid--native {
    margin-left: -6px;
    margin-right: -6px
}
  }

@media (min-width: 1025px) {

.carousel-grid--native {
    margin-left: 0;
    margin-right: 0
}
  }

@media (max-width: 1024px) {

.carousel-grid--native {
    margin: 0
}
  }

@media all {

.carousel-grid--native .carousel__item {
    padding-left: calc(14px/2);
    padding-right: calc(14px/2)
  }
  }

@media (min-width: 600px) {

.carousel-grid--native .carousel__item {
    padding-left: 6px;
    padding-right: 6px
  }
  }

@media (min-width: 1025px) {

.carousel-grid--native .carousel__item {
    padding-left: 15px;
    padding-right: 15px
  }
  }

@media (max-width: 1024px) {

.carousel-grid--native .carousel__item {
      max-width: 164px
  }
    }

@media all {

.carousel-grid--quick-add {
    margin-left: -12px;
    margin-right: -12px;
}
  }

.carousel-grid--quick-add {
  display: block;
  width: auto;
}

.carousel-grid--recommended-products {
  width: auto
}

@media all {

.carousel-grid--recommended-products {
    margin-left: -4px;
    margin-right: -4px
}
  }

@media (min-width: 768px) {

.carousel-grid--recommended-products {
    margin-left: -12px;
    margin-right: -12px
}
  }

@media (min-width: 1025px) {

.carousel-grid--recommended-products {
    margin-left: -16px;
    margin-right: -16px
}
  }

@media all {

.carousel-grid--recommended-products .carousel__item {
    padding-left: 12px;
    padding-right: 12px;
  }
  }

@media (min-width: 768px) {

.carousel-grid--recommended-products .carousel__item {
    padding-left: 16px;
    padding-right: 16px;
  }
  }

carousel {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

/* Main Carousel styles */

.carousel:after {
    content: 'flickity';
    display: none;
  }

.carousel .flickity-prev-next-button {
    background: none;
    width: 24px;
    height: 24px
  }

.carousel .flickity-prev-next-button.next {
      right: 5px;
    }

.carousel .flickity-prev-next-button.previous {
      left: 5px;
    }

.carousel .flickity-page-dots {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
    bottom: 0
  }

@media (min-width: 1025px) {

.carousel .flickity-page-dots {
      display: none
  }
    }

.carousel .flickity-page-dots .dot {
    transition-property: background-color;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border: 1px solid {{ settings.color_carousel_dots }};
    background-color: {{ settings.color_carousel_inactive_dots }};
    opacity: 1
  }

.carousel .flickity-page-dots .dot.is-selected {
      background-color: {{ settings.color_carousel_dots }};
    }

.carousel .arrow {
    transition-property: fill;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    fill: {{ settings.color_carousel_arrows }};
  }

.carousel [disabled] .arrow {
    fill: {{ settings.color_carousel_inactive_arrows }};
  }

.carousel .flickity-button:disabled {
    pointer-events: auto;
    opacity: 0.3;
  }

.carousel .flickity-button-icon {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }

/* Only initialize carousel on mobile */

@media (min-width: 768px) {
    .carousel--mobile:after {
      content: none;
    }
  }

/* Only initialize carousel on tablet or below */

@media (min-width: 1025px) {
    .carousel--tablet:after {
      content: none;
    }
  }

/* Hide arrows on mobile, hide dots on desktop */

.carousel--compact .flickity-prev-next-button {
    display: none
  }

@media (min-width: 768px) {

.carousel--compact .flickity-prev-next-button {
      display: block
  }
    }

@media (min-width: 768px) {

.carousel--compact .flickity-page-dots {
      display: none
  }
    }

.is-initialized .carousel__item,
  .is-initialized .card--product-hotspot-multi {
      display: -webkit-flex;
      display: flex;
      height: 100%;
  }

.carousel--show {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap
}

.carousel--show:after {
    content: '';
  }

.carousel--show.carousel--mobile-carousel,
  .carousel--show.carousel--tablet-carousel,
  .carousel--show.carousel--desktop-carousel {
    display: block
  }

.carousel--show.carousel--mobile-carousel:after, .carousel--show.carousel--tablet-carousel:after, .carousel--show.carousel--desktop-carousel:after {
      content: 'flickity';
    }

.carousel--suggestions .flickity-prev-next-button {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }

@media (min-width: 1025px) {

.carousel--suggestions .flickity-prev-next-button {
      top: -50px;
      width: 16px;
      height: 16px
  }
    }

.carousel--suggestions .flickity-prev-next-button.next {
      right: 9px;
    }

.carousel--suggestions .flickity-prev-next-button.previous {
      right: 33px;
      left: auto;
    }

.carousel--contain:after {
    content: 'flickity'
  }

@media (min-width: 768px) {

.carousel--contain:after {
      content: ''
  }
    }

.carousel--contain .flickity-button:disabled {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

@media (min-width: 768px) {

.carousel--contain .flickity-button {
      display: none
  }
    }

.carousel--contain .flickity-button svg path {
      fill: #111111;
    }

.carousel--contain .flickity-page-dots {
    position: relative;
    margin-top: 10px
  }

@media (min-width: 768px) {

.carousel--contain .flickity-page-dots {
      display: none
  }
    }

.carousel--previous-wrapped + .card-grid__group-button .card-grid__button--previous {
      pointer-events: auto;
      opacity: 1;
      z-index: 10;
    }

.carousel--previous-wrapped + .product-images__group-button .product-images__button--previous {
      pointer-events: auto;
      opacity: 1;
      z-index: 10;
    }

.carousel--next-wrapped + .card-grid__group-button .card-grid__button--next {
      pointer-events: auto;
      opacity: 1;
      z-index: 10;
    }

.carousel--next-wrapped + .product-images__group-button .product-images__button--next {
      pointer-events: auto;
      opacity: 1;
      z-index: 10;
    }

.carousel--gift .flickity-button:disabled {
    opacity: 1;
  }

.carousel--gift [disabled] .arrow {
    fill: {{ settings.color_carousel_arrows }};
  }

.carousel--around .flickity-button:disabled {
    opacity: 0.3;
  }

.carousel--around [disabled] .arrow {
    fill: {{ settings.color_carousel_arrows }};
  }

.carousel--contain .flickity-prev-next-button {
    width: 16px;
    height: 16px;
  }

@media (max-width: 767px) {
    .carousel--product-native .flickity-button {
      display: none;
    }
  }

@media (min-width: 1025px) {

.carousel--product-native .flickity-page-dots {
      display: none
  }
    }

.carousel--product-native .flickity-prev-next-button.previous {
      left: -5px;
    }

.carousel--product-native .flickity-prev-next-button.next {
      right: -5px;
    }

.carousel--product-native .carousel__content {
    padding-bottom: 34px;
  }

.carousel--vue:after {
    content: none;
  }

.carousel--vue .carousel__content:after {
      content: 'flickity';
      display: none;
    }

/* Carousel demo */

.carousel--demo {
  margin-bottom: 60px;
  counter-reset: carousel-cell
}

.carousel--demo .carousel__item {
    counter-increment: carousel-cell;
    background: #000;
    width: 100%
  }

.carousel--demo .carousel__item:before {
      font-size: 1.75rem;
      line-height: 1.14286;
    }

@media (min-width: 1025px){

.carousel--demo .carousel__item:before {
    font-size: 2.25rem;
    line-height: 1.11111;
    }
}

.carousel--demo .carousel__item:before {
      font-weight: bold;
      color: #050606;
      text-transform: none;
      content: counter(carousel-cell);
      display: block;
      text-align: center;
      color: #ffffff;
    }

.carousel--demo .carousel__nav {
    counter-reset: carousel-nav;
  }

.carousel--demo .carousel__nav-item {
    counter-increment: carousel-nav;
    width: 100px;
    background: #000
  }

.carousel--demo .carousel__nav-item:before {
      content: counter(carousel-nav);
    }

.carousel__scrollbar-track {
  position: relative;
  height: 3px;
  margin-top: 24px;
  z-index: 1
}

.carousel__scrollbar-track:after {
    content: '';
    display: block;
    width: 100%;
    padding-top: 1px;
    border-bottom: 1px solid #000;
    z-index: -1;
  }

.carousel__scrollbar {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background: #2E4176;
}

.carousel--native-header .carousel__scrollbar-track {
    max-width: calc(100% - 48px);
    height: 4px;
    margin: 24px auto 0;
    background: #ECECEC
  }

.carousel--native-header .carousel__scrollbar-track:after {
      content: none;
    }

@media (min-width: 1025px) {

.carousel--native-header .carousel__scrollbar-track {
      display: none
  }
    }

.carousel--native-header .carousel__scrollbar {
    height: 4px;
    background: #8A8A8A;
  }

@media (max-width: 1024px) {

.carousel--native-header .flickity-prev-next-button {
      display: none
  }
    }

@media (min-width: 1025px) {

.carousel--native-header .flickity-prev-next-button.next {
      right: -45px
  }
    }

.carousel--native-header .flickity-prev-next-button.previous {
    left: 5px
  }

@media (min-width: 1025px) {

.carousel--native-header .flickity-prev-next-button.previous {
      left: -45px
  }
    }

.carousel--info-native {
  margin: 0
}

@media (max-width: 1024px) {
    .carousel--info-native .flickity-button {
      display: none;
    }

    .carousel--info-native .carousel__item {
      padding: 0;
    }
  }

.carousel--info-native .carousel__item {
    display: -webkit-flex;
    display: flex;
    min-height: 100%;
  }

.carousel--info-native .flickity-button {
    top: auto;
    bottom: 18px;
    -webkit-transform: none;
            transform: none
  }

.carousel--info-native .flickity-button:active {
      opacity: 1;
    }

.carousel--info-native .flickity-button:disabled:active {
      opacity: 0.3;
    }

.carousel--info-native .flickity-prev-next-button {
    width: 64px;
    height: 64px;
    background: #ffffff;
    border-radius: 0
  }

.carousel--info-native .flickity-prev-next-button.next {
      right: 18px;
    }

.carousel--info-native .flickity-prev-next-button.previous {
      left: auto;
      right: 94px;
    }

.carousel--info-native .flickity-prev-next-button .flickity-button-icon {
      width: 24px;
      height: 21px;
      left: 50%;
      top: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
    }

.carousel--quick-add .flickity-prev-next-button {
    top: calc(50% - 48px);
    -webkit-transform: none;
            transform: none
  }

.carousel--quick-add .flickity-prev-next-button:disabled {
      display: none;
    }

.carousel--quick-add .flickity-prev-next-button.next {
      right: 10px
    }

@media (min-width: 1025px) {

.carousel--quick-add .flickity-prev-next-button.next {
        right: -36px
    }
      }

.carousel--quick-add .flickity-prev-next-button.previous {
      left: 10px
    }

@media (min-width: 1025px) {

.carousel--quick-add .flickity-prev-next-button.previous {
        left: -36px
    }
      }

.carousel--quick-add .carousel__content {
    padding-bottom: 10px;
  }

.carousel--praline-nav {
  margin: 0;
  overflow: hidden
}

.carousel--praline-nav .carousel__content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;

    padding: 0 18px
  }

@media (min-width: 1280px) {

.carousel--praline-nav .carousel__content {
      padding: 0 12px 0 0
  }
    }

.carousel--praline-nav .carousel__item {
    font-size: 0.6875rem;
    line-height: 1.27273;
    letter-spacing: 0.09091em;
    text-transform: uppercase;
    font-weight: 700;

    position: relative;
    width: auto;
    margin: 0 9px;
    padding: 4px 0;
    text-decoration: none;
    color: #000;
    white-space: nowrap
  }

@media (min-width: 1025px) {

.carousel--praline-nav .carousel__item {
      margin: 0 12px
  }

      .carousel--praline-nav .carousel__item:first-child {
        margin-left: 0;
      }

      .carousel--praline-nav .carousel__item:hover {
        cursor: pointer;
      }
    }

.carousel--praline-nav .carousel__item:hover:after, .carousel--praline-nav .carousel__item.carousel__item--active:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: #000;
      }

.carousel--praline-nav .flickity-viewport {
    width: 100%;
    overflow: visible;
  }

.carousel--praline-nav .flickity-slider {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;

    width: 100%;
  }

.carousel--home-blog .flickity-prev-next-button, .carousel--related-blog .flickity-prev-next-button {
    top: 50% !important
  }

@media (max-width: 1024px) {

.carousel--home-blog .flickity-prev-next-button, .carousel--related-blog .flickity-prev-next-button {
      display: none
  }
    }

.carousel--home-blog .flickity-prev-next-button.next, .carousel--related-blog .flickity-prev-next-button.next {
      right: -18px;
    }

.carousel--home-blog .flickity-prev-next-button.previous, .carousel--related-blog .flickity-prev-next-button.previous {
      left: -18px;
    }

.carousel--find-gift .flickity-viewport {
    overflow: visible;
  }

.carousel--find-gift .carousel__content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }

.carousel--recommended-products .carousel__item {
    max-width: 180px;
    width: 100%;
    padding: 0 8px
  }

@media (min-width: 1025px) {

.carousel--recommended-products .carousel__item {
      max-width: 318px;
      padding: 0 16px
  }
    }

.carousel--recommended-products .flickity-page-dots {
    bottom: -28px
  }

@media (min-width: 1025px) {

.carousel--recommended-products .flickity-page-dots {
      display: block
  }
    }

.carousel--recommended-products .flickity-prev-next-button {
    top: calc(50% - 68px)
  }

@media (max-width: 767px) {

.carousel--recommended-products .flickity-prev-next-button {
      display: none
  }
    }

.carousel--recommended-products .flickity-prev-next-button.previous {
    left: -2px;
  }

.carousel--recommended-products .flickity-prev-next-button.next{
    right: -2px;
  }

@media all {

.carousel--plp-recommended {
    margin-left: -8px;
    margin-right: -8px
}
  }

@media (min-width: 1025px) {

.carousel--plp-recommended {
    margin-left: -16px;
    margin-right: -16px
}
  }

.carousel--plp-recommended {

  width: calc(100% + 16px)
}

@media (min-width: 1025px) {

.carousel--plp-recommended {
    width: calc(100% + 32px)
}
  }

@media all {

.carousel--plp-recommended .carousel__item {
    padding-left: 8px;
    padding-right: 8px;
  }
  }

@media (min-width: 1025px) {

.carousel--plp-recommended .carousel__item {
    padding-left: 16px;
    padding-right: 16px;
  }
  }

.carousel--plp-recommended .flickity-prev-next-button {
    top: 36%;
    width: 24px;
    height: 24px
  }

.carousel--plp-recommended .flickity-prev-next-button.previous {
      left: -8px;
      background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2014%2024%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cpath%20id%3D%22a%22%20d%3D%22M2.433%2011.992%2013.69%201.713c.393-.39.393-1.03%200-1.42a1.012%201.012%200%200%200-1.423%200L.286%2011.232a.993.993%200%200%200-.284.76c-.015.28.075.56.284.77l11.98%2010.94c.393.39%201.03.39%201.424%200%20.393-.4.393-1.03%200-1.42L2.433%2011.992%22%2F%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%0A%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%0A%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23a%22%20fill%3D%22%23000%22%2F%3E%0A%20%20%20%20%3Cg%20fill%3D%22%23111%22%20mask%3D%22url(%23b)%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M-5%200h24v24H-5z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat center;
    }

.carousel--plp-recommended .flickity-prev-next-button.next {
      right: -8px;
      background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2015%2024%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cpath%20id%3D%22a%22%20d%3D%22M13.729%2011.232%201.722.293a1.016%201.016%200%200%200-1.427%200%201.003%201.003%200%200%200%200%201.42l11.283%2010.28L.295%2022.282a1.002%201.002%200%200%200%200%201.42c.395.39%201.033.39%201.427%200l12.007-10.94c.21-.21.3-.49.286-.77a.995.995%200%200%200-.286-.76%22%2F%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%0A%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%0A%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23a%22%20fill%3D%22%23000%22%2F%3E%0A%20%20%20%20%3Cg%20fill%3D%22%23111%22%20mask%3D%22url(%23b)%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M-5%200h24v24H-5z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat center;
    }

.carousel--plp-recommended .flickity-prev-next-button:disabled {
      opacity: 0.2;
    }

.carousel--plp-recommended .flickity-prev-next-button .arrow {
      fill: transparent;
    }

.carousel--plp-recommended .flickity-page-dots {
    position: static;
    margin-top: 19px;
  }

@media all {

.carousel--cart-slideout {
    margin-left: -8px;
    margin-right: -8px
}
  }

.carousel--cart-slideout {

  width: calc(100% + 16px)
}

@media all {

.carousel--cart-slideout .carousel__item {
    padding-left: 8px;
    padding-right: 8px;
  }
  }

.carousel--cart-slideout .carousel__item {

    max-width: 50%;
  }

.carousel--cart-slideout .flickity-prev-next-button {
    top: -22px;
    display: block;
    width: 12px;
    height: 12px;
    outline: none
  }

.carousel--cart-slideout .flickity-prev-next-button:focus {
      outline: none;
      border: none;
      box-shadow: none;
    }

.carousel--cart-slideout .flickity-prev-next-button:disabled {
      opacity: 0.2;
    }

.carousel--cart-slideout .flickity-prev-next-button.previous {
      left: 7px;
    }

.carousel--cart-slideout .flickity-prev-next-button.next {
      right: 9px;
    }

.carousel--cart-slideout .flickity-page-dots {
    position: static;
    margin-top: 24px
  }

@media (min-width: 1025px) {

.carousel--cart-slideout .flickity-page-dots {
      display: block
  }
    }

.cart-afterpay {
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.cart-afterpay__inner {
  padding-top: 24px;
  border-top: 1px solid {{ settings.color_hr }};
}

.cart-afterpay__image {
  margin: 0 auto;
  width: 86px;
}

.cart-afterpay__block-content {
  margin-top: 5px;
  text-align: center;
}

.cart-afterpay__title {
  color: #333231;
}

.cart-afterpay__description {
  margin-top: 5px;
  margin-bottom: 6px;
  color: #6D6B67
}

.cart-afterpay__description strong {
    color: #000;
  }

.cart-dropdown-item {
  position: relative;
  padding-bottom: 20px
}

.cart-dropdown-item:last-child {
    padding-bottom: 0;
  }

.cart-dropdown-item:not(:last-child) {
  margin-bottom: 20px;
  border-bottom: 1px solid {{ settings.color_hr }};
}

.cart-dropdown-item__row {
  -webkit-flex-basis: 100%;
          flex-basis: 100%;
  text-align: left;
}

.cart-dropdown-item__image:before {
    content: '';
    display: block;
    padding-top: 67%;
  }

.cart-dropdown-item__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.cart-dropdown-item__col--image {
  width: 100px;
  margin-right: 20px;
}

.cart-dropdown-item__col--content {
  -webkit-flex: 1;
          flex: 1 1;
  text-align: left;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}

.cart-dropdown-item__properties {
  color: #E4E4E4;
}

.cart-dropdown-item__price s {
    display: block;
  }

.cart-dropdown-item__remove {
  margin-top: 8px;
  color: {{ settings.color_link }};
}

.cart-dropdown-item__title-link {
  color: #ffffff;
  text-decoration: none;
}

.cart-dropdown-item--loading {
  pointer-events: none;
  opacity: 0.6;
}

.card-dropdown-item__group {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 15px;
  color: #444444;
}

.cart-dropdown-item__tag {
  color: #444444;
  margin-top: 2px;
}

.cart-dropdown {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  background: #ffffff;
  z-index: 0;
}

.card-dropdown__title {
  position: relative;
  color: #ffffff
}

.card-dropdown__title:after {
    content: '';
    position: absolute;
    width: calc(100% + 40px);
    height: 1px;
    left: -20px;
    bottom: -20px;
    background: {{ settings.color_hr }};
  }

.cart-dropdown__form {
  padding-top: 40px;
}

.cart-dropdown__inner {
  position: relative;
}

.cart-dropdown-items {
  max-height: 365px;
  overflow-y: auto;
}

.cart-dropdown-items::-webkit-scrollbar {
  width: 6px;
  background-color: #F1F1F1;
  border-radius: 7px;
}

.cart-dropdown-items::-webkit-scrollbar-thumb {
  background-color: #CCCCCC;
  border-radius: 7px;
}

.cart-dropdown-items {
  padding-right: 20px;
}

.cart-dropdown__empty {
  margin-top: 40px;
}

.cart-dropdown__empty-text {
  color: #ffffff;
}

.cart-dropdown__footer {
  margin-top: 20px;
  border-top: 1px solid {{ settings.color_hr }};
}

.cart-dropdown__subtotal {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding-bottom: 16px;
  padding-top: 23px;
  color: #000A12;
}

@media (min-width: 768px) {

.cart-dropdown__inner--has-items:after {
      right: 46px
  }
    }

@media (min-width: 768px) {

.cart-dropdown__inner--has-items:before {
      right: 45px
  }
    }

.cart-dropdown__cart-link {
  width: 100%;
  margin-top: 16px;
  display: inline-block;
  text-align: center;
}

.cart-dropdown__checkout-button {
  height: 50px;
}

@media (min-width: 1025px) {

.cart-layout {
    margin-top: 6px;
    margin-bottom: 64px
}
  }

@media (min-width: 1025px) {

.cart-layout__wrapper {
    margin: 0 -16px
}
  }

.cart-layout__block {
  width: 100%
}

@media (min-width: 1025px) {

.cart-layout__block {
    padding: 0 16px
}
  }

@media (min-width: 1025px) {

.cart-layout__block--main {
    -webkit-flex-grow: 1;
            flex-grow: 1;
    width: calc(100% - 350px);
    padding-right: 41px;
    padding-top: 6px
}
  }

@media (min-width: 1025px) {

.cart-layout__block--callout {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: calc(100% - 350px);
    padding-right: 16px
}
  }

.cart-layout__block--callout.py-0 {
    padding-left: 0;
    padding-right: 0;
  }

@media (min-width: 1025px) {

.cart-layout__block--sidebar {
    width: 350px;
    padding-top: 6px;
    margin-top: -47px
}
  }

.cart-layout__block--sidebar:before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    width: 100%;
    height: 12px;
    background: #FDF0F0
  }

@media (min-width: 1025px) {

.cart-layout__block--sidebar:before {
      content: none
  }
    }

.cart-layout__block-inner {
  padding: 0 0 25px;
  margin-bottom: 16px;
  border: 1px solid {{ settings.color_hr }};
  box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.06);
}

.cart-layout__row {
  position: relative;
  margin-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid {{ settings.color_hr }}
}

.cart-layout__row:first-child {
    margin: 0;
  }

.cart-layout__row:last-child {
    border-bottom: 0;
  }

.cart-layout__row:before {
    display: none;
  }

.cart-layout__row-child {
  display: none;
}

.cart-layout__row-inner {
  display: -webkit-flex;
  display: flex;
}

.cart-layout__header {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  min-height: 0
}

@media (min-width: 1025px) {

.cart-layout__header {
    width: 280px
}
  }

@media (max-width: 1024px) {

.cart-layout__header {
    min-height: 0
}
  }

.cart-layout__col--image {
  width: 100px;
  height: 100px;
  padding: 5px
}

@media (min-width: 1025px) {

.cart-layout__col--image {
    width: 140px;
    height: 140px;
    padding: 7px;
    display: inline-block
}
  }

.cart-layout__spiff-image {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}

.cart-layout__image:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.cart-layout__col--content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex: 1 1 0;
          flex: 1 1;
  padding-left: 16px;
  padding-bottom: 6px
}

@media (min-width: 1025px) {

.cart-layout__col--content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    position: relative;
    padding: 0 45px 0 24px
}
  }

.cart-layout__title {
  padding-right: 30px
}

@media (min-width: 1025px) {

.cart-layout__title {
    padding-right: 0
}
  }

.cart-layout__info {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 4px;
}

.cart-layout__info-item {
  color: #000000;
  display: block;
}

.cart-layout__tag {
  display: block;
}

.cart-layout__icon {
  position: absolute;
  top: 2px;
  right: 4px
}

@media (min-width: 1025px) {

.cart-layout__icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
}
  }

.cart-layout__icon:after,
  .cart-layout__icon:before {
    width: 15px;
    background: #aaaaaa
  }

@media (min-width: 1025px) {

.cart-layout__icon:after,
  .cart-layout__icon:before {
      width: 15px
  }
    }

.cart-layout__title-link {
  display: block;
  color: #000000;
}

.cart-layout__col--last {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap
}

@media (min-width: 1025px) {

.cart-layout__col--last {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
}
  }

.cart-layout__col--last .cart-layout__inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-end;
            align-items: flex-end;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    padding-bottom: 8px
  }

@media (min-width: 1025px) {

.cart-layout__col--last .cart-layout__inner {
      width: 152px;
      padding-bottom: 0;
      -webkit-flex-wrap: nowrap;
              flex-wrap: nowrap;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: flex-start;
              align-items: flex-start;
      -webkit-justify-content: flex-end;
              justify-content: flex-end
  }
    }

.cart-layout__close {
  display: inline-block;
  text-decoration: none;
}

.cart-layout__close-text {
  display: none
}

@media (min-width: 1025px) {

.cart-layout__close-text {
    display: block
}
  }

.cart-layout__close-text:empty {
  display: block !important;
}

.cart-layout__price {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap
}

@media (max-width: 1024px) {

.cart-layout__price {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-order: 0;
            order: 0;
    min-width: 100%;
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 9px
}
  }

@media (min-width: 1025px) {

.cart-layout__price {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-end;
            align-items: flex-end;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-left: 0;
    margin-right: 32px;
    -webkit-order: -1;
            order: -1
}
  }

.cart-layout__price s {
    display: block;
    padding-right: 0
  }

@media (min-width: 1025px) {

.cart-layout__price s {
      display: block
  }
    }

.cart-layout__price s + span {
      margin-left: 0
    }

@media (min-width: 1025px) {

.cart-layout__price s + span {
        padding-bottom: 0;
        padding-top: 0
    }
      }

.cart-layout__price--line {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: 32px;
  margin-right: 0;
  -webkit-order: 2;
          order: 2;
  min-width: 80px
}

@media (max-width: 1024px) {

.cart-layout__price--line {
    margin-left: 24px;
    margin-left: 24px;
    width: auto;
    -webkit-flex: 1 0 0;
            flex: 1 0;
    min-width: 0;
    margin-bottom: 0;
    font-size: 14px
}
  }

.cart-layout__price--hide {
  opacity: 0;
  visibility: hidden;
}

.cart-layout__footer {
  padding: 15px 0 18px
}

@media (min-width: 1025px) {

.cart-layout__footer {
    padding: 10px 0 0
}
  }

.cart-layout__footer .cart-layout__inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }

.cart-layout__promo {
  display: none;
  padding-bottom: 14px;
}

.cart-layout__promo-notice {
  margin-bottom: 20px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 12px 53px;
  color: #6d6b67;
  border: 1px solid #eee;
  text-align: center;
}

.cart-layout__promo-notice {
  border: 0;
  border-bottom: 1px solid {{ settings.color_hr }}
}

@media (min-width: 1025px) {

.cart-layout__promo-notice {
    border-top: 1px solid {{ settings.color_hr }};
    padding: 16px 15px 17px;
    margin-left: 0;
    margin-right: 0
}
  }

.cart-layout__promo-title {
  margin-bottom: 5px;
}

.cart-layout__promo-description {
  margin-bottom: 10px;
}

.cart-layout__line {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 24px 24px 18px
}

@media (min-width: 1025px) {

.cart-layout__line {
    padding-bottom: 18px
}
  }

.cart-layout__line > * {
    width: 50%;
  }

.cart-layout__line > :last-child {
    text-align: right;
  }

.cart-layout__agree-terms {
  padding: 18px 24px;
  position: relative;
  border-bottom: 1px solid #808080
}

@media (min-width: 1025px) {

.cart-layout__agree-terms {
    border-bottom: 0
}

    .cart-layout__agree-terms::after {
      content: "";
      position: absolute;
      top: 0;
      left: 24px;
      width: calc(100% - 48px);
      height: 1px;
      background: #808080;
    }
  }

.cart-layout__agree-terms--error input[type="checkbox"] + .form__label--checkbox {
    color: #ff0000;
  }

.cart-layout__line--note {
  padding-bottom: 10px
}

.cart-layout__line--note .cart-layout__subtitle {
    color: #000000;
  }

.cart-layout__line-bottom {
  padding: 0 24px;
}

.cart-layout__line-top {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0 18px 18px;
  border-bottom: 1px solid {{ settings.color_hr }}
}

.cart-layout__line-top .cart-layout__checkout-button {
    padding-left: 10px;
    padding-right: 10px;
    min-width: 214px;
  }

.cart-layout__line--bold > * {
    color: #000000;
  }

.cart-layout__checkout-button {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  height: 48px;
  background: #01bcab;
  padding-left: 15px;
  padding-right: 15px;
}

.cart-layout__checkout-button:hover {
  background: #01897d;
}

.cart-layout__link {
  display: none;
}

.cart-layout__payment-icons {
  position: relative;
  margin: 0 auto;
  padding: 27px 39px 0
}

.cart-layout__payment-icons:after {
    content: "";
    position: absolute;
    top: 0;
    left: 24px;
    width: calc(100% - 48px);
    height: 1px;
    background: {{ settings.color_hr }};
  }

.cart-layout__properties {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap
}

@media (max-width: 1024px) {

.cart-layout__properties {
    margin-top: 5px;
    width: auto
}
  }

.cart-layout__property .product-detail__quantity-selector {
    width: 100%;
  }

.cart-layout__property .form__select-icon {
    right: 10px;
    top: 16px
  }

@media (min-width: 1025px) {

.cart-layout__property .form__select-icon {
      right: 10px;
      top: 14px
  }
    }

.cart-layout__property .quantity .icon-minus:before,
  .cart-layout__property .quantity .icon-plus:before {
    background: {{ settings.color_hr }};
  }

@media (min-width: 175px) {

.cart-layout__property {
    -webkit-order: 1;
            order: 1
}
  }

.cart-layout__property--hide {
  opacity: 0;
  visibility: hidden;
}

.cart-layout__select {
  height: 32px;
  padding-left: 10px;
  padding-right: 25px
}

@media (min-width: 1025px) {

.cart-layout__select {
    height: 26px
}
  }

.cart-layout--empty {
  text-align: center;
  margin-bottom: 16px;
}

.cart-layout__stock-error {
  color: #ff0000;
  display: none;
  padding-top: 10px;
  padding-left: 116px
}

@media (min-width: 1025px) {

.cart-layout__stock-error {
    padding-top: 0
}
  }

.cart-layout__stock-error.cart-layout__stock-error--active {
    display: block;
  }

.cart-layout__gift {
  margin-top: 24px;
  margin-bottom: 24px
}

@media (min-width: 1025px) {

.cart-layout__gift {
    margin-top: 32px;
    margin-bottom: 0
}
  }

.cart-layout__gift-label {
  color: #000000
}

@media (min-width: 1025px) {

.cart-layout__gift-label {
    display: none
}
  }

.cart-layout__gift-content .cart-layout__gift-form .form__input {
      padding: 10px;
    }

.cart-layout__gift-content .cart-layout__gift-form .cart-layout__gift-form-label {
      font-size: 0.6875rem;
      line-height: 1;
      font-weight: 600;
      position: absolute;
      top: -4px;
      left: 7px;
      padding-left: 5px;
      padding-right: 5px;
      color: #000000;
      background: #ffffff;
    }

.supports-cookies .supports-cookies--title,
  .supports-cookies .supports-cookies--link {
    color: #000000;
  }

.cart_layout__gift-icon {
  margin-right: 8px;
  width: 18px;
  height: 18px;
}

.cart_layout__gift-button {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.cart-layout__promo-notice-link {
  color: #000;
}

.cart-subtitle .wh-cart-total {
    font-weight: 400;
  }

/* Discount code on cart page */

.discountcodefield {
  padding: 9px 24px;
}

.discountcodefield input {
  width: 100%;
  height: 48px;
}

.discountcodefield img {
  position: relative;
  top: 36px;
  left: 252px;
  height: 14px;
  width: 7px;
}

@media (max-width: 1024px) {
  .discountcodefield img {
    left: 95%;
  }
}

.spiff-add-to-cart button {
  padding: 5px 20px !important;
}

.cart-layout__checkout-button:disabled,
.cart-layout__checkout-button.is-disabled {
	background-color: #F1F1F1;
  pointer-events: none;
  color: #CCCCCC;
}

.cart-layout__pre-order {
  font-size: 0.75rem;
  line-height: 1.41667;
  letter-spacing: 0;

  text-transform: uppercase;
  color: #aaaaaa;
}

.cart-layout__info-item--shipping-date {
  font-size: 0.75rem;
  line-height: 1.41667;
  letter-spacing: 0;

  color: #aaaaaa;
}

.gift-card-balance__form-group {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.gift-card-balance__form-input {
  width: 100%;
  height: 48px
}

.gift-card-balance__form-input::-webkit-input-placeholder {
    color: #999999;
  }

.gift-card-balance__form-input::-moz-placeholder {
    color: #999999;
  }

.gift-card-balance__form-input:-ms-input-placeholder {
    color: #999999;
  }

.gift-card-balance__form-input::placeholder {
    color: #999999;
  }

.gift-card-balance__form-input:focus {
    box-shadow: none;
  }

.gift-card-balance__form-button {
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.07143em;
  font-weight: 700;

  -webkit-flex: 0 0 auto;

          flex: 0 0 auto;
  width: 76px;
  height: 48px;
  color: #ffffff;
  text-transform: uppercase;
  background: #000;
}

.gift-card-balance__form-link {
  height: 36px;
  color: #808080;
  text-decoration: underline;
}

.cart-layout__checkout-icon {
  width: 15px;
  height: 16px;
  margin-right: 8px;
}

.cart-layout__total {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.cart-layout__total-text {
  text-transform: uppercase;
  color: #8A8A8A;
}

.cart-layout__total-price {
  font-size: 1.625rem;
  line-height: 1;
  font-weight: 700;
}

.cart-layout__free-express {
  padding: 18px 24px
}

@media (max-width: 1024px) {

.cart-layout__free-express {
    position: relative;
    padding-bottom: 36px
}

    .cart-layout__free-express::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 12px;
      background: #F8F8F8;
    }
  }

@media (min-width: 1025px) {

.cart-layout__free-express {
    background: #F8F8F8;
    border-bottom: 1px solid #808080
}
  }

.cart-layout__free-express__message {
  font-size: 0.875rem;
  line-height: 1.28571;
  letter-spacing: 0;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
}

.cart-layout__free-express__message-highlight {
  color: #01bcab;
}

.cart-layout__free-express__progress {
  width: 100%;
  height: 8px;
  background: #E4E4E4;
  border-radius: 4px;
  margin-bottom: 12px;
}

.cart-layout__free-express__progress-bar {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  background: #01bcab;
  border-radius: 4px;
}

.cart-layout__free-button {
  padding: 12px 35px;
}

.cart-layout__wrapper-sticky {
  margin-bottom: 18px;
}

.cart-layout__line-sticky {
  transition-property: top;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
  background: #ffffff;
  padding-top: 16px;
  z-index: 9
}

.fixed-header .cart-layout__line-sticky {
    top: 0
}

.pin-header .cart-layout__line-sticky {
    top: calc(48px + 30px)
}

.cart-layout__free-express--notification {
  border-bottom: 1px solid {{ settings.color_hr }};
  padding: 18px 0 17px;
  background: none
}

@media (min-width: 1025px) {

.cart-layout__free-express--notification {
    border-top: 1px solid {{ settings.color_hr }};
    padding: 17px 0
}
  }

.cart-layout__free-express--notification:after {
    content: none;
  }

.cart-layout__free-express--notification .cart-layout__free-button,
  .cart-layout__free-express--notification .cart-layout__free-express__progress {
    display: none;
  }

.cart-layout__free-express--notification .cart-layout__free-express__message {
    margin-bottom: 0;
  }

.cart-layout__free-express--notification .cart-layout__free-express__message-highlight {
    color: #000;
  }

@media (min-width: 1025px) {

.cart-layout__bottom {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap
}
  }

.cart-layout__info-item--praline-box {
  font-size: 0.75rem;
  line-height: 1.08333;
  letter-spacing: 0.08333em;
  font-weight: 700;

  -webkit-order: 2;

          order: 2;
  margin-top: 8px;
  padding: 9px 11px;
  background: black;
  text-transform: uppercase;
  color: #ffffff;
}

.cart-layout__info-item--pre-order {
  font-size: 0.75rem;
  line-height: 1.41667;
  letter-spacing: 0;
  margin-top: 6px;
  background-color: #7DA9C5;
  color: #ffffff;
  padding: 5px 7px 4px 6px;
  border-radius: 2px;
  margin-bottom: 8px;
}

.cart-layout__notice {
  font-size: 0.8125rem;
  line-height: 1.38462;
  font-family: 'BrownStd';
  color: #000000;
  text-transform: none;

  position: relative;
  display: block;
  margin: 12px 18px;
  padding: 10px 12px;
  color: #F61414;
  background: #FDF0F0
}

@media (min-width: 1025px) {

.cart-layout__notice {
    margin: 12px 24px
}
  }

.cart-layout__notice:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: -18px;
    border-bottom: 1px solid #808080;
    width: calc(100% + 36px)
  }

@media (min-width: 1025px) {

.cart-layout__notice:after {
      content: none
  }
    }

.cart-layout__shipping {
  margin: 0 18px;
  width: calc(100% - 36px);
  padding: 18px 0;
  border-bottom: 1px solid #4E6759;
  text-align: center
}

@media (min-width: 1025px) {

.cart-layout__shipping {
    margin: 0 24px;
    width: calc(100% - 48px);
    padding: 20px 0
}
  }

.cart-layout__shipping-message {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 700;
  text-transform: uppercase
}

.cart-layout__shipping-message span {
    color: #01BCAB;
  }

.cart-layout__shipping-progress {
  width: 100%;
  height: 8px;
  margin-top: 8px;
  border-radius: 4px;
  background: #E4E4E4;
  overflow: hidden
}

@media (min-width: 1025px) {

.cart-layout__shipping-progress {
    margin-top: 8px
}
  }

.cart-layout__shipping-current {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;

  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: #01BCAB;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

#checkoutSpinner {
  display: none !important;
}

.cart-layout__inner.cart-layout__inner--verification {
    padding-bottom: 60px;
  }

.cart-slideout__buttons-message--mobile {
  margin-top: 18px;
}

.discounts__discount {
  font-size: 10px;
  padding: 5px;
  margin-top: 5px;
  color: rgb(255, 255, 255);
  background: rgb(0, 189, 172);
  display: inline-block;
}

.cart-quick-add-modal__title {
  text-align: center
}

@media (max-width: 1024px) {

.cart-quick-add-modal__title {
    max-width: 265px;
    margin: 0 auto 12px
}
  }

@media (min-width: 1025px) {

.cart-quick-add-modal__title {
    margin-bottom: 44px
}
  }

.cart-quick-add-modal__close {
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.07143em;
  font-weight: 700;

  display: block;
  width: 100%;
  margin-top: 18px;
  padding: 12px 30px
}

@media (min-width: 1025px) {

.cart-quick-add-modal__close {
    width: auto;
    min-width: 112px;
    padding: 13px;
    margin: 14px auto 0
}
  }

.cart-quick-add-modal__close:hover {
    background: #333333;
  }

.cart-quick-add-modal__products {
  visibility: hidden;
}

.cart-quick-add-modal__products--show {
  visibility: visible;
}

.cart-quick-add-modal__loading-icon {
  display: block;
  width: 60px;
  height: 60px;
  -webkit-animation: spinner 600ms linear infinite;
          animation: spinner 600ms linear infinite;
  border-top-color: #000;
  border-left-color: #000;
  border-bottom-color: #000;
  border-right-color: transparent;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
  margin: 0 auto 100px;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.cart-row {
  position: relative;
  padding-top: 18px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--c-gray-light-2)
}

@media (min-width: 1025px) {

.cart-row {
    padding-top: 24px
}
  }

.cart-row:last-child {
    border-bottom: 0
  }

@media (min-width: 1025px) {

.cart-row:last-child {
      padding-bottom: 60px
  }
    }

.cart-row__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.cart-row__header {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  width: 100%;
}

.cart-row__col--image {
  width: 100px
}

@media (min-width: 1025px) {

.cart-row__col--image {
    width: 124px
}
  }

.cart-row__image:before {
    content: '';
    display: block;
    padding-top: 150%;
  }

@media (min-width: 1025px) {
    .cart-row__image:before {
    content: '';
    display: block;
    padding-top: 150%;
  }
  }

.cart-row__col--content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex: 1 1 0;
          flex: 1 1;
  width: calc(100% - 100px);
  padding-left: 18px
}

@media (min-width: 1025px) {

.cart-row__col--content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    position: relative;
    margin-top: 19px;
    padding-left: 30px
}
  }

.cart-row__variant {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  color: var(--c-gray-dark);
  text-overflow: ellipsis;
}

.cart-row__title {
  text-transform: capitalize;
}

.cart-row__title-link {
  text-transform: none;
}

.cart-row__close {
  -webkit-transform: translate(3px, -5px);
          transform: translate(3px, -5px);
  padding: 4px;
  text-decoration: underline
}

@media (min-width: 1440px) {

.cart-row__close {
    display: none
}
  }

.cart-row__close-icon {
  width: 12px;
  color: #aaaaaa;
}

.cart-row__close--desktop {
  display: none
}

@media (min-width: 1440px) {

.cart-row__close--desktop {
    display: block;
    margin-top: 6px
}
  }

.cart-row__line {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 16px;
}

.cart-row__properties {
  width: 100%;
  margin-top: 8px
}

@media (min-width: 1440px) {

.cart-row__properties {
    width: auto;
    margin-top: 0
}
  }

.cart-row__info {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 2px
}

@media (min-width: 1025px) {

.cart-row__info {
    margin-top: 5px
}
  }

.cart-row-title {
  color: #000;
}

.cart-row--page .cart-row__header {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;

    -webkit-flex: 1;

            flex: 1 1;
    width: 100%
  }

@media (min-width: 1440px) {

.cart-row--page .cart-row__header {
      padding-right: 20px
  }
    }

.cart-row--page .cart-row__title {
    max-width: 170px;
  }

.cart-row--page .cart-row__info {
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
  }

.cart-row--page .cart-row__price {
    display: none
  }

@media (min-width: 1440px) {

.cart-row--page .cart-row__price {
      display: block;
      margin-top: 12px
  }
    }

@media (min-width: 1440px) {

.cart-row--page .cart-row__total {
      margin-top: 12px
  }
    }

@media (min-width: 1440px) {

.cart-row--page .cart-row__property {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: flex-start;
              align-items: flex-start;
      -webkit-justify-content: flex-start;
              justify-content: flex-start;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap
  }
    }

.cart-row--slideout {
  border-bottom: 1px solid #808080;
  padding: 18px 0
}

@media (min-width: 1025px) {

.cart-row--slideout {
    padding: 24px 0 18px
}
  }

.cart-row--slideout:last-child {
    padding-bottom: 18px;
    border-bottom: 1px solid #808080;
  }

@media (min-width: 1025px) {

.cart-row--slideout .cart-row__inner {
      -webkit-flex-wrap: nowrap;
              flex-wrap: nowrap
  }
    }

.cart-row--slideout .cart-row__image:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.cart-row--slideout .cart-row__col--image {
    width: 86px;
  }

.cart-row--slideout .cart-row__info {
    margin-top: 4px;
  }

.cart-row--slideout .cart-row__col--content {
    padding-left: 12px;
    width: calc(100% - 98px)
  }

@media (min-width: 1025px) {

.cart-row--slideout .cart-row__col--content {
      margin-top: 0
  }
    }

.cart-row--slideout .cart-row__title-link {
    text-decoration: none
  }

.cart-row--slideout .cart-row__title-link:hover {
      text-decoration: underline;
    }

.cart-row--slideout .cart-row__properties {
    width: 100%;
    margin-top: 0;
  }

.cart-row--slideout .cart-row__title {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
    width: 100%;
    text-transform: capitalize;
  }

.cart-row--slideout .cart-row__footer {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;

    width: 100%;
    margin-top: 12px;
  }

@media (min-width: 1440px) {

.cart-row--slideout .cart-row__close {
      display: block;
      margin-top: 10px
  }
    }

.cart-row__properties-item {
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}

.cart-row__properties-item-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.cart-row__properties-item-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cart-row__properties-item-name {
  margin-right: 4px;
}

.cart-row__properties-item--pre-order {
  display: -webkit-inline-flex;
  display: inline-flex;
  width: auto
}

.cart-row__properties-item--pre-order .cart-row__properties-item-inner {
    font-size: 0.75rem;
    line-height: 1.41667;
    letter-spacing: 0;
    margin-top: 6px;
    background-color: #7DA9C5;
    color: #ffffff;
    padding: 5px 7px 4px 6px;
    border-radius: 2px;
  }

.cart-row__properties-item--member-exclusive {
  display: -webkit-inline-flex;
  display: inline-flex;
  width: auto
}

.cart-row__properties-item--member-exclusive .cart-row__properties-item-inner {
    font-size: 0.75rem;
    line-height: 1.41667;
    letter-spacing: 0;
    margin-top: 6px;
    background-color: #7DA9C5;
    color: #ffffff;
    padding: 5px 7px 4px 6px;
    border-radius: 2px;
    text-transform: capitalize;
  }

.cart-layout__info-item--member-exclusive {
  text-transform: capitalize;
}

.cart-row--child {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.cart-slideout {
  height: 100%;
}

.cart-slideout__content {
  height: calc(100% - 181px)
}

@media (min-width: 1025px) {

.cart-slideout__content {
    height: calc(100% - 194px)
}
  }

.cart-slideout__content > div {
    height: 100%;
  }

.cart-slideout__content--pre-sale {
  height: calc(100% - 256px)
}

@media (min-width: 1025px) {

.cart-slideout__content--pre-sale {
    height: calc(100% - 268px)
}
  }

.cart-slideout__inner {
  position: relative;
  height: 100%;
}

.cart-slideout__subtotal {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 0.9375rem;
  line-height: 1.33333;
  font-weight: 400;

  color: #000;
}

.cart-slideout__empty {
  padding: 24px 18px;
  text-align: center;
}

.cart-slideout__header {
  position: relative;
  border-bottom: 1px solid #979797;
}

.cart-slideout__header-inner {
  display: grid;
  grid-template-columns: 70px 1fr 70px;

  -webkit-flex: 1 1 auto;

          flex: 1 1 auto;
  padding: 22px 18px;
}

.cart-slideout__header-title {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.08333em;
  font-weight: 700;

  text-transform: uppercase;
  text-align: center;
}

.cart-slideout__cta {
  text-align: right;
}

.cart-slideout__close-icon {
  width: 14px;
  height: 14px;
  color: #333333;
  cursor: pointer;
}

.cart-slideout__header-count {
  display: none;
}

.cart-slideout__wrapper {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%
}

.cart-slideout__wrapper > div {
    height: 100%;
  }

.cart-slideout__empty-text {
  padding: 24px 18px 0;
}

.cart-slideout__items {
  width: 100%;
  padding: 0 18px
}

@media (min-width: 1025px) {

.cart-slideout__items {
    padding: 0 24px
}
  }

.cart-slideout__items::-webkit-scrollbar {
    width: 2px;
    background-color: #ffffff;
  }

.cart-slideout__items::-webkit-scrollbar-thumb {
    border-radius: 6px;
    border: 2px solid #2D2D2D;
    width: 2px;
  }

.cart-slideout__items::-webkit-scrollbar-track {
    margin: 2px 0;
    background-color: var(--c-gray-light-8);
  }

.cart-slideout__buttons {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  margin-top: 12px;
}

.cart-slideout__button {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;

  padding: 15px 35px;
}

.cart-slideout__button-icon {
  width: 15px;
  height: 16px;
  margin-right: 8px;
}

.cart-slideout__total-number {
  color: #000;
}

.cart-slideout__bottom {
  position: fixed;
  bottom: 0;
  padding: 18px;
  width: 100%;
  z-index: 10;
  border-top: 1px solid #4E6759;
  background: #ffffff
}

@media (min-width: 1025px) {

.cart-slideout__bottom {
    padding: 24px
}
  }

.cart-slideout-icon-caret {
  margin-left: 6px;
}

.cart-slideout__age-verify {
  margin-top: 18px;
  border-top: 1px solid #808080;
  padding: 18px 0 6px;
}

.cart-slideout__buttons-message {
  padding: 12px;
  margin-top: 12px;
  background-color: #FDF0F0;

  color: #ea0622;
}

.cart-slideout__card-button {
  padding: 16px 24px;
  width: 100%;
  border-bottom: 1px solid #2D2D2D;
}

.mini-cart-divider {
  border-top: black 1px solid;
  margin-top: 16px;
  margin-bottom: 16px;
}

.cart-disclaimer {
  margin-top: 16px;
  margin-bottom: 16px;
}

.cart-disclaimer a {
  color: #808080;
}

.cart-disclaimer a:hover {
  color: #00dac6;
}

.cart-trigger {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  position: relative;
  width: 32px;
  cursor: pointer;
  color: {{ settings.color_navigation_heading }};
  text-align: left;
}

.cart-trigger__count {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  position: absolute;
  top: 9px;
  right: 3px;
  background: #01BCAB;
  color: #ffffff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
}

.cart_trigger--count-empty {
  width: auto
}

.cart_trigger--count-empty .cart-trigger__count {
    display: none;
  }

.cart_trigger-link {
  display: -webkit-flex;
  display: flex;
}

.icon-zip-pay {
  -webkit-transform: translateY(5%);
  transform: translateY(5%);
}

.cart-zip-pay {
  margin-top: 23px;
  padding-left: 20px;
  padding-right: 20px;
}

.cart-zip-pay__inner {
  padding-top: 26px;
  border-top: 1px solid {{ settings.color_hr }};
}

.cart-zip-pay__image {
  margin: 0 auto;
  width: 80px;
}

.cart-zip-pay__block-content {
  margin-top: 5px;
  text-align: center;
}

.cart-zip-pay__title {
  color: #333231;
}

.cart-zip-pay__description {
  margin-top: 5px;
  margin-bottom: 8px;
  color: #6d6b67
}

.cart-zip-pay__description strong {
    color: #000;
  }

.category-block {
  margin: 24px 0 32px
}

@media (min-width: 1025px) {

.category-block {
    margin-top: 65px
}
  }

.category-block__container {
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 1025px) {

.category-block__grid-item {
    padding-left: 16px;
    padding-right: 16px
}
  }

.category-block__grid {
  margin: 0
}

@media (min-width: 1025px) {

.category-block__grid {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
}
  }

.category-block__grid-three-up,
.category-block__grid-two-up {
  margin: 0
}

@media (min-width: 1025px) {

.category-block__grid-three-up,
.category-block__grid-two-up {
    margin-left: -16px;
    margin-right: -16px;
    -webkit-justify-content: center;
            justify-content: center
}
  }

.category-block__title {
  width: 100%;
  text-align: center;
  margin-bottom: 17px
}

@media (min-width: 1025px) {

.category-block__title {
    margin-bottom: 32px
}
  }

.category_block__three-up {
  width: 100%
}

.category_block__three-up + .category_block__two-up {
    margin-top: 24px
  }

@media (min-width: 1025px) {

.category_block__three-up + .category_block__two-up {
      margin-top: 16px
  }
    }

.category_block__two-up,
.category_block__three-up {
  width: 100%;
}

@-webkit-keyframes top-fade {
  from { opacity: 0; -webkit-transform: translate3d(0, 20px ,0); transform: translate3d(0, 20px ,0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes top-fade {
  from { opacity: 0; -webkit-transform: translate3d(0, 20px ,0); transform: translate3d(0, 20px ,0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.collection-filter {
  width: 100%
}

@media (min-width: 768px) {

.collection-filter {
    width: auto
}
  }

.collection-filter__list {
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  transition-property: opacity, visibility;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  display: block;
  z-index: 2;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background: #ffffff;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  padding: 80px 0 15px
}

@media (min-width: 768px) {

.collection-filter__list {
    padding: 94px 0 42px;
    border-bottom: 1px solid #000
}
  }

.collection-filter__grid {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: stretch;
          align-items: stretch;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.collection-filter-block {
  width: 50%;
  margin-top: 23px
}

.collection-filter-block:nth-child(-n+2) {
    margin-top: 0;
  }

@media (min-width: 768px) {

.collection-filter-block {
    width: 22.5%;
    margin-top: 0
}
  }

.collection-filter__button {
  display: block;
  position: relative;
  z-index: 3;
  height: 44px;
  padding: 14px 20px;
  color: #333333;
  background: #ffffff;
  border: 1px solid #333333;
  cursor: pointer;
  width: 100%;
  text-align: center;
  margin-bottom: 0px
}

@media (min-width: 768px) {

.collection-filter__button {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
    width: 110px;
    height: 36px;
    padding: 9px 16px
}
  }

.collection-filter__button-icon {
  display: inline-block;
  width: 12px;
  height: 10px;
  margin-left: 2px;
  color: #000000
}

.collection-filter__button-icon.icon-close {
    display: none
  }

.collection-filter__button-icon.icon-close:before,
    .collection-filter__button-icon.icon-close:after {
      height: 1px;
      width: 12px;
      background: #000000;
    }

.collection-filter__button-text {
  display: inline-block;
  margin-left: 5px
}

@media (min-width: 768px) {

.collection-filter__button-text {
    margin-left: auto
}
  }

.collection-filter-block__title {
  margin-bottom: 6px;
  color: #000000;
}

.collection-filter-block__title,
.collection-filter-block__items li {
  opacity: 0;
  transition: none;
}

.collection-filter__icon-filter {
  display: inline-block;
  position: relative;
  width: 15px;
  height: 9px;
}

.collection-filter__inner-icon {
  position: relative;
  width: 15px;
  height: 10px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  transition: -webkit-transform 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
  transition: transform 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
  transition: transform 0.2s cubic-bezier(0, 0, 0.58, 1) 0s, -webkit-transform 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
}

.collection-filter__bar {
  position: absolute;
  top: 3px;
  left: 0;
  transition: -webkit-transform 0.2s cubic-bezier(0, 0, 0.58, 1) 0.4s;
  transition: transform 0.2s cubic-bezier(0, 0, 0.58, 1) 0.4s;
  transition: transform 0.2s cubic-bezier(0, 0, 0.58, 1) 0.4s, -webkit-transform 0.2s cubic-bezier(0, 0, 0.58, 1) 0.4s
}

.collection-filter__bar span {
    display: block;
    height: 2px;
    background: #333333;
  }

.collection-filter__bar--first {
  left: 0;
  -webkit-transform: translate3d(0, -4px, 0);
          transform: translate3d(0, -4px, 0)
}

.collection-filter__bar--first span {
    width: 13px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    transition: -webkit-transform 0.2s cubic-bezier(0, 0, 0.58, 1) 0.2s;
    transition: transform 0.2s cubic-bezier(0, 0, 0.58, 1) 0.2s;
    transition: transform 0.2s cubic-bezier(0, 0, 0.58, 1) 0.2s, -webkit-transform 0.2s cubic-bezier(0, 0, 0.58, 1) 0.2s;
  }

.collection-filter__bar--second {
  left: 2px
}

.collection-filter__bar--second span {
    width: 10px;
    transition: -webkit-transform 0.2s cubic-bezier(0, 0, 0.58, 1) 0.3s;
    transition: transform 0.2s cubic-bezier(0, 0, 0.58, 1) 0.3s;
    transition: transform 0.2s cubic-bezier(0, 0, 0.58, 1) 0.3s, -webkit-transform 0.2s cubic-bezier(0, 0, 0.58, 1) 0.3s;
  }

.collection-filter__bar--third {
  left: 5px;
  -webkit-transform: translate3d(0, 4px, 0);
          transform: translate3d(0, 4px, 0)
}

.collection-filter__bar--third span {
    width: 4px;
  }

.is-collection-filter-active .collection-filter-block__title,
  .is-collection-filter-active .collection-filter-block__items li {
    -webkit-animation: top-fade 0.3s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
            animation: top-fade 0.3s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
  }

.is-collection-filter-active .collection-filter__inner-icon {
    height: 15px;
    text-align: center;
    transition: -webkit-transform 0.2s cubic-bezier(0.42, 0, 1, 1) 0.4s;
    transition: transform 0.2s cubic-bezier(0.42, 0, 1, 1) 0.4s;
    transition: transform 0.2s cubic-bezier(0.42, 0, 1, 1) 0.4s, -webkit-transform 0.2s cubic-bezier(0.42, 0, 1, 1) 0.4s;
  }

.is-collection-filter-active .collection-filter__bar {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    transition: -webkit-transform 0.2s cubic-bezier(0.42, 0, 1, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.42, 0, 1, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.42, 0, 1, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.42, 0, 1, 1) 0s;
  }

.is-collection-filter-active .collection-filter__bar--first span {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
    }

.is-collection-filter-active .collection-filter__bar--second {
    left: 0
  }

.is-collection-filter-active .collection-filter__bar--second span {
      width: 13px;
    }

.is-collection-filter-active .collection-filter__bar--third {
    left: 0
  }

.is-collection-filter-active .collection-filter__bar--third span {
      opacity: 0;
    }

.is-collection-filter-active .collection-filter__list {
    visibility: visible;
    opacity: 1;
    transition-timing-function: ease;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

.is-collection-filter-active .collection-layout::after {
    opacity: 1;
    visibility: visible;
  }

.collection-filter-block__items .form__label {
    text-transform: capitalize;
  }

.collection-grid {
  width: 100%;
}

@media all {

.collection-grid__item {
    padding-left: 5px;
    padding-right: 5px
}
  }

@media (min-width: 768px) {

.collection-grid__item {
    padding-left: 8px;
    padding-right: 8px
}
  }

.collection-grid__item {
  display: block;
  width: 50%
}

@media (min-width: 768px) {

.collection-grid__item {
    width: 33.333333%
}
  }

@media (min-width: 1025px) {

.collection-grid__item {
    width: 25%
}
  }

.collection-layout {
  position: relative;
  margin-bottom: 39px;
  overflow: hidden
}

@media (min-width: 1025px) {

.collection-layout {
    margin-bottom: 80px
}
  }

.collection-layout::after {
    transition-property: opacity;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;

    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    opacity: 0;
    visibility: hidden;
    z-index: 1;
  }

@media (min-width: 1025px) {

.collection-layout__section-wrapper {
    margin: 0 auto;
    max-width: 1600px;
    padding-left: 24px;
    padding-right: 24px
}

  }

.collection-layout__grid {
  position: relative
}

@media (min-width: 1025px) {

.collection-layout__grid {
    padding-top: 4px
}
  }

.collection-layout__inner {
  position: relative;
}

.collection-layout__wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: stretch;
          align-items: stretch;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  height: 53px;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: 15px;
  border-bottom: 1px solid {{ settings.color_hr }}
}

@media (min-width: 1025px) {

.collection-layout__wrapper {
    position: absolute;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    right: 0;
    top: -50px;
    border: 0;
    z-index: 2
}
  }

.collection-layout__header {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  padding: 16px 0 6px
}

@media (min-width: 1025px) {

.collection-layout__header {
    min-height: 40px;
    padding: 16px 0 24px
}
  }

.collection-layout__qty {
  position: relative;
  padding-right: 20px
}

@media (min-width: 1025px) {

.collection-layout__qty {
    width: 50%;
    padding: 0;
    text-align: right
}
    .collection-layout__qty > span {
      display: inline-block;
      -webkit-transform: translateX(50%);
              transform: translateX(50%);
    }
  }

.collection-layout__qty:after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: {{ settings.color_hr }};
    opacity: 0.2
  }

@media (min-width: 1025px) {

.collection-layout__qty:after {
      display: none
  }
    }

.collection-layout__sort {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  width: 100%;
  height: 40px
}

@media (min-width: 768px) {

.collection-layout__sort {
    width: 50%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: flex-end;
            justify-content: flex-end
}
  }

.collection-layout__sort .form__select-wrapper select {
      min-width: 0;
      padding: 0;
      font-family: 'BrownStd';
    }

.collection-layout__sort .form__select-wrapper select,
    .collection-layout__sort .form__select-wrapper .ss-selected-option {
      color: #000000;
    }

.collection-layout__sort .form__select-icon {
    color: #5B6268;
  }

.collection-layout__select {
  width: 87px;
  padding: 0 20px;
}

.collection-layout__content {
  width: 100%;
}

.collection-layout__no_matches {
  display: none;
}

@media (min-width: 1025px) {

.collection-layout__content--empty {
    padding: 0
}
  }

.collection-layout__content--empty .collection-layout__no_matches {
    display: block;
    margin-bottom: 300px;
  }

.collection-layout__content--empty .collection-layout__wrapper,
  .collection-layout__content--empty .pagination {
    display: none;
  }

.collection-layout__content--empty .collection-layout__wrapper {
    margin: 0;
  }

.collection-layout__footer {
  margin-top: 20px;
  padding-left: 8px;
  padding-right: 8px
}

@media (min-width: 1025px) {

.collection-layout__footer {
    margin-top: 64px;
    padding-left: 0;
    padding-right: 0
}
  }

.collection-layout__footer-inner {
  padding-top: 22px;
  border-top: 1px solid {{ settings.color_hr }}
}

@media (min-width: 1025px) {

.collection-layout__footer-inner {
    padding-top: 30px
}
  }

.collection-layout__promo {
  margin-bottom: 13px
}

@media (min-width: 1025px) {

.collection-layout__promo {
    margin-bottom: 16px
}
  }

@media (min-width: 1025px) {

.collection-layout__promo--mobile {
    display: none
}
  }

.collection-layout__promo--desktop {
  display: none
}

@media (min-width: 1025px) {

.collection-layout__promo--desktop {
    display: block
}
  }

.collection-layout__promo-link {
  display: block;
}

.collection-layout__promo-image:before {
    content: '';
    display: block;
    padding-top: 15.69767%;
  }

@media (min-width: 1025px) {
    .collection-layout__promo-image:before {
    content: '';
    display: block;
    padding-top: 5.96774%;
  }
  }

.collection-layout__status {
  white-space: nowrap;
  padding-right: 24px
}

@media (min-width: 768px) {

.collection-layout__status {
    border-right: 1px solid {{ settings.color_hr }}
}
  }

@media (min-width: 1025px) {
    .collection-sidebar .slideout__button,
    .collection-sidebar .slideout__header,
    .collection-sidebar .slideout__footer {
      display: none;
    }

    .collection-sidebar .slideout__inner {
      width: 100%;
    }
  }

.collection-sort {
  margin-right: 10px
}

@media (min-width: 1025px) {

.collection-sort {
    display: none
}
  }

.collection-sort + .style-select {
    position: static
  }

.collection-sort + .style-select .ss-dropdown {
      padding: 8px 0;
      max-height: none;
      max-height: initial;
    }

.collection-sort + .style-select .ss-dropdown .ss-option,
    .collection-sort + .style-select.open {
      border: 0;
    }

.collection-sort + .style-select .ss-dropdown .ss-option {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center;
      padding-top: 0;
      padding-bottom: 0;
      min-height: 28px
    }

.collection-sort + .style-select .ss-dropdown .ss-option.highlighted {
        box-shadow: none;
        border-color: #000;
      }

.collection-sort + .style-select .ss-dropdown .ss-option.ticked,
      .collection-sort + .style-select .ss-dropdown .ss-option.highlighted {
        text-decoration: underline
      }

.collection-sort + .style-select .ss-dropdown .ss-option.ticked::after, .collection-sort + .style-select .ss-dropdown .ss-option.highlighted::after {
          content: none;
        }

.collection-sort + .style-select .ss-selected-option {
    font-weight: 500;
    padding: 13px 18px 13px 24px;
    border: none;
  }

.collection-sort ~ .form__select-icon {
    width: 10px;
    color: #000000;
  }

.contact-us .contact-us__title {
    margin-bottom: 10px;
  }

.contact-us__wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.contact-us__form {
  width: 100%;
  padding-top: 1px
}

.contact-us__form form {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
  }

.contact-us__form form > .form__block:last-child {
      margin-bottom: 0;
      margin-top: 8px
    }

@media (min-width: 1025px) {

.contact-us__form form > .form__block:last-child {
        margin-top: 5px
    }
      }

.contact-us__form .form__row {
    margin-bottom: 0;
  }

.contact-us__form textarea {
    display: block;
    min-height: 160px;
  }

.contact-us__form .form__row--contact {
    margin-top: 16px
  }

@media (min-width: 1025px) {

.contact-us__form .form__row--contact {
      margin: 0 -12px
  }
    }

@media (min-width: 1025px) {

.contact-us__form .form__row--contact .form__block {
        padding: 0 12px
    }
      }

.contact-us__form .form__block {
    margin-bottom: 16px;
  }

.contact-us__form .form__wrapper > .form__block:last-child {
    margin-bottom: 0;
  }

.contact-us__form .form__block--textarea {
    margin-bottom: 20px
  }

@media (min-width: 1025px) {

.contact-us__form .form__block--textarea {
      margin: 16px 0 25px
  }
    }

.contact-us__form .form__wrapper {
    width: 100%;
  }

.contact-us__form .form__block--checkbox {
    margin: 0 0 14px
  }

@media (min-width: 1025px) {

.contact-us__form .form__block--checkbox {
      margin-bottom: 25px
  }
    }

.contact-us__content {
  width: 100%;
  margin-bottom: 15px
}

@media (min-width: 1025px) {

.contact-us__content {
    margin-bottom: 30px
}
  }

.contact-us__content a {
    transition-property: -webkit-text-decoration;
    transition-property: text-decoration;
    transition-property: text-decoration, -webkit-text-decoration;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    text-decoration: underline;
    word-wrap: break-word;
  }

.contact-us__title {
  margin-bottom: 10px;
}

.contact-us__button {
  font-size: 1rem;
  line-height: 0.8125;
  letter-spacing: 0;

  width: 100%;
  height: 48px;
  min-width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: bold
}

@media (min-width: 1025px) {

.contact-us__button {
    width: auto;
    min-width: 100px;
    padding-left: 30px;
    padding-right: 30px
}
  }

.contact-us__checkbox {
  font-size: 0.8125rem;
  line-height: 1.38462;
  letter-spacing: 0;
  font-weight: 500;
  color: #C0C0C0
}

.contact-us__checkbox:before {
    top: 1px;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
  }

@media (min-width: 1025px) {

.contact-us__checkbox:before {
      top: -1px
  }
    }

.contact-us__checkbox:after {
    top: 7px
  }

@media (min-width: 1025px) {

.contact-us__checkbox:after {
      top: 5px
  }
    }

@media (min-width: 768px) {

.contact-us__button--wholesale {
    width: auto;
    min-width: 100px;
    padding-left: 30px;
    padding-right: 30px
}
  }

.custom-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-end;
          align-items: flex-end;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  transition-property: visibility;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;

  visibility: hidden;
  opacity: 0;
  z-index: 99999999;
}

.custom-modal--active.custom-modal {
    visibility: visible;
    opacity: 1;
  }

.custom-modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.2);
}

.custom-modal__wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0)
}

.custom-modal__wrapper {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
}

.custom-modal__wrapper {

  right: 0;
  height: 100%;
  width: 340px;
  padding: 6px 18px 18px;
  background: #ffffff;
  z-index: 1
}

@media (min-width: 1025px) {

.custom-modal__wrapper {
    width: 472px;
    padding: 30px 24px 24px
}
  }

.custom-modal__inner {
  height: 100%;
}

.custom-modal--medium .custom-modal__wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 560px;
    padding-top: 22px;
    padding-bottom: 16px;
    width: 100%;
  }

.custom-modal--medium .custom-modal__title {
    margin-bottom: 15px;
  }

.custom-modal--product .custom-modal__title,
  .custom-modal--product .custom-modal__button-text {
    display: none;
  }

.custom-modal--product .custom-modal__button-close {
    position: absolute;
    top: 17px;
    right: 14px
  }

@media (min-width: 1025px) {

.custom-modal--product .custom-modal__button-close {
      top: 23px;
      right: 21px
  }
    }

.custom-modal--product .custom-modal__button-close:after,
    .custom-modal--product .custom-modal__button-close:before {
      width: 17px;
      background: #aaaaaa
    }

@media (min-width: 1025px) {

.custom-modal--product .custom-modal__button-close:after,
    .custom-modal--product .custom-modal__button-close:before {
        width: 16px
    }
      }

.custom-modal--update-store .custom-modal__wrapper {
    position: relative;
    margin: 0 auto;
    padding: 15px;
    height: 272px;
    -webkit-transform: none;
            transform: none;
    box-shadow: 2px 2px 18px 0 rgba(0,0,0,0.1);
    text-align: center
  }

@media (min-width: 768px) {

.custom-modal--update-store .custom-modal__wrapper {
      padding: 60px 88px;
      width: 592px
  }
    }

.custom-modal--update-store .custom-modal__button {
    position: absolute;
    top: 6px;
    right: 4px;
    width: 30px;
    height: 30px
  }

@media (min-width: 768px) {

.custom-modal--update-store .custom-modal__button {
      top: 14px;
      right: 10px
  }
    }

.custom-modal--update-store .custom-modal__button-text {
    display: none;
  }

.custom-modal--update-store .custom-modal__title {
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: 0;
  }

@media (min-width: 1025px){

.custom-modal--update-store .custom-modal__title {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

.custom-modal--update-store .custom-modal__title {
    font-weight: 700;
  }

.custom-modal--update-store .modal__inner p {
    font-size: 0.8125rem;
    line-height: 1.38462;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: 12px;
  }

.custom-modal--update-store .custom-modal__button {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }

.custom-modal--update-store .custom-modal__button-close:before,
    .custom-modal--update-store .custom-modal__button-close:after {
      width: 15px;
      background-color: #aaaaaa;
    }

.custom-modal--update-store .custom-modal__overlay {
    background: rgba(250,250,250,0.8);
  }

@media (max-width: 767px) {

.custom-modal--warning-select .custom-modal__wrapper {
      padding: 35px
  }
    }

.custom-modal--product-praline {
  z-index: 100;
}

.custom-modal--product-quick-add .custom-modal__wrapper {
    top: unset;
    width: 100%;
    height: auto;
    height: initial;
    max-height: 100%;
    padding: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
  }

@media (min-width: 850px) {

.custom-modal--product-quick-add .custom-modal__wrapper {
      width: 438px;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      top: 50%;
      left: 50%;
      -webkit-transform: translate3d(-50%, -50%, 0);
              transform: translate3d(-50%, -50%, 0)
  }
    }

.custom-modal--product-quick-add.custom-modal--active .custom-modal__wrapper {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0)
    }

@media (min-width: 850px) {

.custom-modal--product-quick-add.custom-modal--active .custom-modal__wrapper {
        -webkit-transform: translate3d(-50%, -50%, 0);
                transform: translate3d(-50%, -50%, 0)
    }
      }

.custom-modal--product-quick-add .custom-modal__header {
    position: relative;
    padding: 23px 16px 21px;
    text-align: center;
  }

.custom-modal--product-quick-add .custom-modal__button {
    position: absolute;
    right: 32px;
    top: 50%
  }

.custom-modal--product-quick-add .custom-modal__button:before,
    .custom-modal--product-quick-add .custom-modal__button:after {
      width: 15px;
      background-color: #777777;
    }

.custom-modal--product-quick-add .custom-modal__inner {
    border-top: 1px solid #808080;
    padding: 18px 16px 26px
  }

@media (min-width: 850px) {

.custom-modal--product-quick-add .custom-modal__inner {
      padding: 42px 48px
  }
    }

.custom-modal--product-quick-add .custom-modal__actions {
    position: relative;
    margin: 18px 0;
  }

.custom-modal--product-quick-add .custom-modal__title {
    font-size: 0.8125rem;
    line-height: 1.38462;
    letter-spacing: 0.07692em;
    font-weight: 700;

    text-transform: uppercase;
  }

.custom-modal--product-quick-add .variant-selector {
    margin-bottom: 12px;
  }

.custom-modal--product-quick-add .variant-selector__option {
    margin-top: 18px;
  }

.custom-modal--product-quick-add .variant-selector__choice {
    -webkit-flex: 1;
            flex: 1 1;
    width: auto;
    width: initial;
    height: 60px;
    margin: 6px;
  }

.custom-modal--product-quick-add .variant-selector__item {
    font-size: 0.875rem;
    line-height: 1.21429;
    font-weight: 400;
  }

.custom-modal--product-quick-add .variant-selector__title,
  .custom-modal--product-quick-add .variant-selector__current {
    font-size: 0.875rem;
    line-height: 1.28571;
  }

.custom-modal--product-quick-add .input-quantity {
    font-weight: 400;
  }

.custom-modal--product-quick-add .product-detail__quantity-selector {
    position: relative;
    background: #F4F4F4;
  }

.custom-modal--product-quick-add .quantity__message {
    position: absolute;
    top: 100%;
  }

.custom-modal--product-quick-add .custom-modal__add-to-cart {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    box-shadow: none;
    background-color: {{ settings.color_primary_button_hover }};
    color: {{ settings.color_primary_button_hover_text }};
    border-color: {{ settings.color_primary_button_hover_border }}
  }

.custom-modal--product-quick-add .custom-modal__add-to-cart.add-to-cart--adding {
      opacity: 1;
    }

.custom-modal--product-quick-add .button {
    font-size: 1rem;
    line-height: 0.8125;

    padding: 24px 24px 23px;
  }

.custom-modal--product-quick-add .custom-modal__redirect {
    font-size: 0.875rem;
    line-height: 1.28571;

    display: block;
    color: #808080;
    text-align: center;
  }

.custom-modal--product-quick-add .custom-modal__button-text {
    display: none;
  }

.custom-modal--po-postcode {
  -webkit-align-items: center;
          align-items: center
}

.custom-modal--po-postcode .custom-modal__title {
    font-size: 0.875rem;
    line-height: 1.28571;
    letter-spacing: 0.875px;
    font-weight: 400;
    margin-bottom: 10px;
  }

.custom-modal--po-postcode .custom-modal__button-text {
    display: none;
  }

.custom-modal--po-postcode .custom-modal__button-close {
    position: absolute;
    top: 17px;
    right: 14px
  }

@media (min-width: 1025px) {

.custom-modal--po-postcode .custom-modal__button-close {
      top: 23px;
      right: 21px
  }
    }

.custom-modal--po-postcode .custom-modal__button-close:after,
    .custom-modal--po-postcode .custom-modal__button-close:before {
      width: 17px;
      background: #aaaaaa
    }

@media (min-width: 1025px) {

.custom-modal--po-postcode .custom-modal__button-close:after,
    .custom-modal--po-postcode .custom-modal__button-close:before {
        width: 16px
    }
      }

.custom-modal--po-postcode .custom-modal__wrapper {
    height: auto;
    right: auto;
    bottom: auto;
    top: auto;
    left: auto;
    margin: auto;
    padding: 30px 24px 24px;
    box-shadow: 2px 2px 18px 0 rgba(0,0,0,0.1)
  }

@media (min-width: 768px) {

.custom-modal--po-postcode .custom-modal__wrapper {
      padding: 54px 48px 54px;
      width: 520px
  }
    }

.custom-modal--product-zoom .custom-modal__wrapper {
    position: relative;
    width: 100%;
    padding: 25px 36px
  }

@media (min-width: 1025px) {

.custom-modal--product-zoom .custom-modal__wrapper {
      padding: 0 47px
  }
    }

.custom-modal--product-zoom .custom-modal__inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap
  }

@media (min-width: 1025px) {

.custom-modal--product-zoom .custom-modal__inner {
      -webkit-flex-direction: row-reverse;
              flex-direction: row-reverse;
      -webkit-justify-content: space-around;
              justify-content: space-around
  }
    }

.custom-modal--product-zoom .custom-modal__button-text {
    display: none;
  }

.custom-modal--product-zoom .custom-modal__button {
    position: absolute;
    top: 18px;
    right: 19px;
    width: 34px;
    height: 34px
  }

@media (min-width: 1025px) {

.custom-modal--product-zoom .custom-modal__button {
      width: 48px;
      height: 48px
  }
    }

@media (min-width: 1440px) {

.custom-modal--product-zoom .custom-modal__button {
      right: 36px;
      top: 36px
  }
    }

.custom-modal--product-zoom .custom-modal__button-close {
    width: 100%;
    height: 100%;
    display: block
  }

.custom-modal--product-zoom .custom-modal__button-close:after,
    .custom-modal--product-zoom .custom-modal__button-close:before {
      width: 100%;
      background: #000;
    }

.custom-modal--notify-me {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap
}

.custom-modal--notify-me .custom-modal__wrapper {
    position: relative;
    padding: 36px 24px 33px;
    width: calc(100% - 24px);
    max-width: 403px;
    max-height: calc(100% - 100px);
    height: auto;
    min-height: 382px;
    border: 1px solid #333333;
    border-radius: 2px;
    margin: 0 12px
  }

@media (min-width: 768px) {

.custom-modal--notify-me .custom-modal__wrapper {
      padding: 36px 29px
  }
    }

.custom-modal--notify-me .custom-modal__inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }

.custom-modal--notify-me .custom-modal__button-text {
    display: none;
  }

.custom-modal--notify-me .custom-modal__button {
    position: absolute;
    right: 33px;
    top: 23px
  }

.custom-modal--notify-me .custom-modal__button .custom-modal__button-close:after,
      .custom-modal--notify-me .custom-modal__button .custom-modal__button-close:before {
        background-color: #D8D8D8;
      }

.custom-select-vue {
  position: relative;
  width: 100%;
  background-color: #ffffff;
}

.custom-select-vue__desktop {
  transition-property: opacity, visibility;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  visibility: hidden;
  opacity: 0;
  display: none
}

@media (min-width: 1025px) {

.custom-select-vue__desktop {
    visibility: visible;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0
}
  }

@media (min-width: 1025px) {

.custom-select-vue__mobile {
    transition-property: opacity, visibility;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}
  }

.custom-select-vue__current {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  font-size: 0.9375rem;
  line-height: 3.26667;
  font-weight: 200;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 43px;
  padding: 0 8px;
  color: #000;
  outline: none;
  cursor: pointer;
  overflow: hidden
}

.custom-select-vue__current.active {
    border-color: #01bcab
  }

.custom-select-vue__current.active svg {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
    }

.custom-select-vue__current.active .up {
      display: none;
    }

.custom-select-vue__current.active .down {
      display: block;
    }

.custom-select-vue__current .down {
    display: none;
  }

.custom-select-vue__tag {
  position: absolute;
  right: 13px;
}

.custom-select-vue__dropdown {
  position: absolute;
  z-index: 4;
  top: 100%;
  right: 0;
  float: left;
  overflow: auto;
  width: 100%;
  min-width: 180px;
  border: 1px solid #D2D6E1;
  border-top: none;
  background: #ffffff
}

.custom-select-vue__dropdown::-webkit-scrollbar,
  .custom-select-vue__dropdown::-webkit-scrollbar-thumb {
    display: none;
  }

.custom-select-vue__option {
  font-size: 0.9375rem;
  line-height: 1.73333;
  font-weight: 200;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  width: 100%;
  min-height: 38px;
  padding: 6px 14px;
  color: #000;
  background-color: #ffffff;
  cursor: pointer
}

.custom-select-vue__option:last-child {
    border: none;
  }

.custom-select-vue__option:hover {
    background-color: #F1F1F1;
  }

.custom-select-vue__option.ticked {
    position: relative;
    background-color: #F1F1F1;
  }

.custom-select-vue__option--disable {
  pointer-events: none;
  cursor: none;
  opacity: 0.6;
}

.custom-select-vue__mobile {
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #eeeeee;
}

.custom-select-vue__icon {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  position: absolute;
  right: 21px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

@media (min-width: 1025px) {

.custom-select-vue__icon {
    right: 24px
}
  }

.custom-select-vue__icon svg {
    width: 11px;
    height: 13px;
    color: #8A8A8A;
  }

@media (min-width: 1025px) {

.custom-select-vue--hub {
    position: relative
}

    .custom-select-vue--hub:after {
      content: "";
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translate3d(0, -50%, 0);
              transform: translate3d(0, -50%, 0);
      width: 1px;
      height: 54px;
      background: linear-gradient(180deg, #ffffff 0%, #eeeeee 46.89%, #ffffff 100%);
    }
      .custom-select-vue--hub:last-child:after {
        content: none;
      }
  }

.custom-select-vue--hub .custom-select-vue__mobile {
    font-size: 0.9375rem;
    line-height: 1.2;
    padding: 0 18px;
  }

.custom-select-vue--hub .custom-select-vue__current {
    padding-left: 24px;
    padding-right: 24px
  }

@media (min-width: 1025px) {

.custom-select-vue--hub .custom-select-vue__current {
      line-height: 29px
  }
    }

.custom-select-vue__label {
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 400;
  display: block;
  padding: 20px 18px 0;
  text-transform: none
}

@media (min-width: 1025px) {

.custom-select-vue__label {
    padding: 17px 24px 0
}
  }

.custom-select {
  position: relative;
  top: 0;
  bottom: 0;
  width: 100%;
}

.custom-select__desktop {
  transition-property: opacity, visibility;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  visibility: hidden;
  opacity: 0;
  display: none
}

@media (min-width: 1025px) {

.custom-select__desktop {
    visibility: visible;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer
}
  }

@media (min-width: 1025px) {

.custom-select__mobile {
    transition-property: opacity, visibility;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}
  }

.custom-select__current {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 43px;
  padding: 11px 24px 11px 13px;
  border: 1px solid #2D2D2D;
  outline: none;
  cursor: pointer;
  overflow: hidden
}

.custom-select__current.active {
    border-color: #2E4176
  }

.custom-select__current.active svg {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
    }

.custom-select__current.active .up {
      display: none;
    }

.custom-select__current.active .down {
      display: block;
    }

.custom-select__current .down {
    display: none;
  }

.custom-select__tag {
  position: absolute;
  right: 13px;
}

.custom-select__dropdown {
  position: absolute;
  z-index: 4;
  top: calc(100% - 2px);
  right: 0;
  float: left;
  overflow: auto;
  width: 100%;
  min-width: 180px;
  max-height: 193px;
  border: 1px solid #2D2D2D;
  background: #ffffff
}

.custom-select__dropdown::-webkit-scrollbar,
  .custom-select__dropdown::-webkit-scrollbar-thumb {
    display: none;
  }

.custom-select__option {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  min-height: 43px;
  padding: 12px;
  border-color: #2D2D2D;
  border-width: 0 0 1px 0;
  border-style: solid;
  background-color: #ffffff
}

.custom-select__option:last-child {
    border: none;
  }

.custom-select__option.ticked {
    position: relative
  }

.custom-select__option.ticked:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 12px;
      -webkit-transform: rotate(315deg) translate3d(0, -50%, 0);
              transform: rotate(315deg) translate3d(0, -50%, 0);
      width: 10px;
      height: 5px;
      border-bottom: 2px solid #2D2D2D;
      border-left: 2px solid #2D2D2D;
    }

.custom-select__mobile {
  width: 100%;
  background: transparent;
}

.custom-select__option--disable {
  pointer-events: none;
  cursor: none;
  opacity: 0.6;
}

.custom-select__icon {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
}

.custom-select__icon svg {
    width: 15px;
    height: 13px;
    color: #000;
  }

.custom-select--page-sidebar {
  position: relative;
  width: 100%;
  cursor: pointer;
  z-index: 10
}

.custom-select--page-sidebar .custom-select__el {
    border: 0;
  }

.custom-select__label {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
  height: 100%;
  color: #000;
  pointer-events: none;
}

.custom-select__label-icon {
  width: 11px;
  height: 13px;
  margin-left: 4px;
  color: #2E4176;
}

.custom-select__error {
  position: absolute;
  top: 100%;
  color: #ff0000;
}

.custom-select--praline-box-store-store,
.custom-select--praline-box-store {
  max-width: 100%;
  margin-right: 0;
  margin-bottom: 12px
}

@media (min-width: 850px) {

.custom-select--praline-box-store-store,
.custom-select--praline-box-store {
    max-width: 272px;
    margin-right: 12px;
    margin-bottom: 0
}
  }

.custom-select--praline-box-store-store:last-child, .custom-select--praline-box-store:last-child {
    max-width: 100%
  }

@media (min-width: 850px) {

.custom-select--praline-box-store-store:last-child, .custom-select--praline-box-store:last-child {
      max-width: 375px
  }
    }

.custom-select--praline-box-store-store .custom-select__el, .custom-select--praline-box-store .custom-select__el {
    height: 48px;
  }

.custom-select--praline-box-store-store .custom-select__current, .custom-select--praline-box-store .custom-select__current {
    height: 48px;
  }

.custom-select--praline-box-store-store .custom-select__current,
  .custom-select--praline-box-store-store .custom-select__option,
  .custom-select--praline-box-store-store .custom-select__dropdown,
  .custom-select--praline-box-store .custom-select__current,
  .custom-select--praline-box-store .custom-select__option,
  .custom-select--praline-box-store .custom-select__dropdown {
    border-color: #808080;
  }

.custom-select--praline-box-store-store .custom-select__icon, .custom-select--praline-box-store .custom-select__icon {
    right: 15px
  }

.custom-select--praline-box-store-store .custom-select__icon svg, .custom-select--praline-box-store .custom-select__icon svg {
      width: 8px;
      height: 8px;
      transition-property: -webkit-transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform;
      transition-duration: .3s;
      transition-timing-function: ease-in-out;
      color: #8690AE;
    }

.custom-select--praline-box-store-store .custom-select__error, .custom-select--praline-box-store .custom-select__error {
    position: static;
  }

@media (min-width: 850px) {

.custom-select--praline-box-store-store {
    max-width: 375px
}
  }

.delivery-collect {
  margin-top: 21px;
  border-top: 1px solid #aaaaaa;
  padding-top: 17px;
}

.delivery-collect__item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin-bottom: 10px
}

.delivery-collect__item:last-child {
    margin-bottom: 0;
  }

.delivery-collect__icon {
  margin-right: 4px;
  height: 13px;
}

.delivery-collect__distance {
  color: #8A8A8A;
}

.delivery-collect__available {
  font-size: 0.8125rem;
  line-height: 1;
  font-weight: 600;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.delivery-estimate {
  position: relative;
  margin: 12px -16px
}

@media (min-width: 768px) {

.delivery-estimate {
    margin: 12px -40px
}
  }

@media (min-width: 1025px) {

.delivery-estimate {
    margin: 24px 0 0 24px;
    border: 1px solid #808080
}
  }

.delivery-estimate:before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    width: 100%;
    height: 12px;
    background-color: #FDF0F0
  }

@media (min-width: 1025px) {

.delivery-estimate:before {
      content: none
  }
    }

.delivery-estimate:after {
    top: auto;
    bottom: -12px;
  }

.delivery-estimate__item {
  padding: 18px
}

@media (min-width: 1025px) {

.delivery-estimate__item {
    border-bottom: 1px solid #000;
    padding: 23px 23px 24px
}

    .delivery-estimate__item:last-child {
       border-bottom: none;
    }
  }

.delivery-estimate__title {
  font-size: 0.8125rem;
  line-height: 1;
  font-weight: 600;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  margin-bottom: 10px;
  text-transform: uppercase
}

@media (min-width: 1025px) {

.delivery-estimate__title {
    margin-bottom: 13px
}
  }

.delivery-estimate__title svg {
    margin-right: 8px;
    height: 18px;
  }

.delivery-estimate__description {
  margin-bottom: 14px;
}

.delivery-estimate__postcode {
  width: 100%;
  height: 48px;
  padding: 14px 16px 16px
}

.delivery-estimate__postcode::-webkit-input-placeholder {
    color: #000;
  }

.delivery-estimate__postcode::-moz-placeholder {
    color: #000;
  }

.delivery-estimate__postcode:-ms-input-placeholder {
    color: #000;
  }

.delivery-estimate__postcode::placeholder {
    color: #000;
  }

.delivery-estimate__postcode:focus {
    box-shadow: none;
  }

.delivery-estimate__postcode--empty {
  border: 1px solid #ff0000
}

.delivery-estimate__postcode--empty::-webkit-input-placeholder {
    color: #ff0000;
  }

.delivery-estimate__postcode--empty::-moz-placeholder {
    color: #ff0000;
  }

.delivery-estimate__postcode--empty:-ms-input-placeholder {
    color: #ff0000;
  }

.delivery-estimate__postcode--empty::placeholder {
    color: #ff0000;
  }

.delivery-estimate__message {
  margin-top: 6px;
  color: #ff0000;
}

.delivery-estimate__button {
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.07143em;
  font-weight: 700;

  margin-top: 12px;
  width: 100%;
  height: 48px;
  padding: 10px 17px;
}

@media (min-width: 1440px) {

.delivery-estimate__header {
    margin-right: 40px;
    width: 208px
}
  }

@media (min-width: 1025px) {

.delivery-estimate__form {
    width: 340px
}
  }

@media (min-width: 1440px) {

.delivery-estimate__form {
    width: 240px
}
  }

@media (min-width: 1440px) {

.delivery-estimate__item--estimate {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap
}
  }

.delivery-method__item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin-bottom: 10px
}

.delivery-method__item:last-child {
    margin-bottom: 0;
  }

.delivery-method__item span {
    color: #8A8A8A;
  }

.delivery-method__note {
  color: #8A8A8A;
}

.delivery-method__price {
  font-size: 0.8125rem;
  line-height: 1;
  font-weight: 600;
}

.dietary-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0 16px;
  border-top: 1px solid #808080;
}

.dietary-item {
  width: 33.33333%;
  text-align: center;
  margin:24px 0;
  color: #333333;
  text-decoration: none
}

.dietary-item p {
    margin-top: 5px;
  }

.dietary-item img {
    width: 48px;
    height: 48px;
  }

.easter-form {
  text-align: center;
  padding: 28px 0 78px
}

@media (max-width: 767px){

.easter-form {
    padding: 32px 0 12px
}
  }

.easter-form .button--hero {
    padding: 17px 18px;
    width: calc(100% - 24px);
    margin: auto
  }

@media(min-width: 768px){

.easter-form .button--hero {
      width: auto;
      padding: 16px 18px;
      margin-top: -8px
  }
    }

.egg-finder {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

nav#dot-nav {
    width: 44px;
    background: rgba(255, 255, 255, 0.1);
    position: fixed;
    right: 0;
    z-index: 999
  }

@media (max-width: 1024px) {

nav#dot-nav {
      display: none
  }
    }

nav#dot-nav #dot-0 {
      display: none;
    }

nav#dot-nav a {
      background: rgba(255, 255, 255, 0.4);
      border-radius: 50%;
      width: 12px;
      height: 12px;
      display: block;
      margin: 16px
    }

nav#dot-nav a.active{
        background: white;
      }

section {
  width: 100%;
}

.egg-hunt {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  overflow: hidden;
  height: 100%;
  padding-top: calc(48px);
  background: linear-gradient(to bottom, #b8695c 0%,#f8c1b3 100%)
}

@media (min-width: 1025px) {

.egg-hunt {
    padding-top: calc(71px)
}
  }

.egg-hunt:before {
    content: '';
    padding-top: 100%;
    width: 100%;
    display: block
  }

@media (min-width: 600px) {

.egg-hunt:before {
      padding-top: 60%
  }
    }

@media (min-width: 850px) {

.egg-hunt:before {
      padding-top: 23%
  }
    }

.egg-hunt:after {
    position: absolute;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    content: '';
    position: absolute;
    z-index: 0;
    opacity: 0.5;
  }

.egg-hunt__hero-wrapper {
  position: absolute;
  z-index: 4;
  top: calc(48px + 30px);
  width: 100%;
  pointer-events: none
}

@media (min-width: 1025px) {

.egg-hunt__hero-wrapper {
    top: calc(71px + 36px)
}
  }

.egg-hunt__inner {
  position: relative;
  width: 370%;
  z-index: 3
}

@media (min-width: 600px) {

.egg-hunt__inner {
    width: 220%
}
  }

@media (min-width: 850px) {

.egg-hunt__inner {
    width: 160%
}
  }

@media (min-width: 1025px) {

.egg-hunt__inner {
    width: 120%
}
  }

@media (min-width: 1440px) {

.egg-hunt__inner {
    width: 105%
}
  }

.egg-hunt__fore,
.egg-hunt__fore-image {
  width: 100%;
}

.egg-hunt__leaves {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 320%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  pointer-events: none;
  width: 1600px;
  height: 243px
}

@media (min-width: 600px) {

.egg-hunt__leaves {
    top: 80%
}
  }

@media (min-width: 768px) {

.egg-hunt__leaves {
    top: 50%
}
  }

@media (min-width: 850px) {

.egg-hunt__leaves {
    top: 40%
}
  }

@media (min-width: 1025px) {
    .egg-hunt__leaves:before {
    content: '';
    display: block;
    padding-top: 15.1875%;
  }

.egg-hunt__leaves {
    width: 100%;
    height: auto
}
  }

.egg-hunt__leaves-figure {
  position: absolute;
}

.egg-hunt__leaves-figure--1 {
  top: 0;
  left: 24%;
  width: 6%;
}

.egg-hunt__leaves-figure--2 {
  top: 45%;
  left: 40.5%;
  width: 7%;
}

.egg-hunt__leaves-figure--3 {
  top: 48%;
  left: 50.5%;
  width: 1.7%;
}

.egg-hunt__leaves-figure--4 {
  left: 48.5%;
  top: 78.5%;
  width: 3%;
}

.egg-hunt__leaves-figure--5 {
  right: 34%;
  top: 87%;
  width: 4%;
}

.egg-hunt__leaves-figure--6 {
  right: 4%;
  top: 24.5%;
  width: 2.25%;
}

.egg-hunt__leaves-figure--7 {
  right: 0.5%;
  top: 18.5%;
  width: 3.4%;
}

.egg-hunt__leaves-image {
  width: 100%;
}

.egg-hunt--loading .modal__button {
    display: none;
  }

.explore {
  margin-top: 25px;
  cursor: pointer;
  pointer-events: all;
}

.explore__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  pointer-events: none;
}

.explore__icon {
  width: 24px;
  color: #ffffff;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.explore__text {
  margin-top: 5px;
  color: #ffffff;
}

@media all {

.filter-praline {
    padding-left: 6.5px;
    padding-right: 6.5px
}
  }

@media (min-width: 1025px) {

.filter-praline {
    padding-left: 31px;
    padding-right: 31px
}
  }

.filter-praline {

  position: relative;
  margin-bottom: 18px;
  padding: 0 4px
}

@media (min-width: 768px) {

.filter-praline {
    margin-bottom: 24px;
    padding: 0
}
  }

@media (min-width: 600px) {

.filter-praline .filter-praline__button {
      display: none
  }
    }

@media (min-width: 600px) {

.filter-praline__list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: self-start;
            align-items: self-start;
    -webkit-justify-content: nowrap;
            justify-content: nowrap;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
}
  }

.filter-praline__item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: nowrap;
          justify-content: nowrap;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 15px;
  margin-right: 18px
}

@media (min-width: 600px) {

.filter-praline__item {
    margin-bottom: 0
}
  }

.filter-praline__item:last-child {
    margin-right: 0;
  }

.filter-praline__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  padding-bottom: 16px;
  border-bottom: 1px solid #808080;
}

@media (max-width: 767px) {

.filter-praline__inner {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    transition-property: opacity, visibility;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    display: none;
    z-index: 2;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background: #ffffff;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    padding: 30px 10px;
    border-bottom: 1px solid #000;
    opacity: 0
}
  }

@media (max-width: 767px) {

.filter-praline__inner.is-active {
      visibility: visible;
      opacity: 1;
      display: block;
      transition-timing-function: ease;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0)
  }
    }

.find-gift {
  padding: 32px 0 12px;
  color: #ffffff;
  background-color: #01bcab
}

@media (min-width: 1025px) {

.find-gift {
    padding: 85px 0 42px
}
  }

.find-gift__header {
  max-width: 696px;
  margin: 0 auto;
  text-align: center;
}

.find-gift__header-title {
  font-size: 1.5rem;
  line-height: 1.16667;
}

@media (min-width: 1025px){

.find-gift__header-title {
    font-size: 2.25rem;
    line-height: 1.11111;
}
}

.find-gift__header-title {
  font-family: {{ settings.font_heading }};
  font-weight: 700;
  color: #ffffff;
}

.find-gift__header-description {
  font-size: 0.9375rem;
  line-height: 1.6
}

@media (min-width: 1025px){

.find-gift__header-description {
    font-size: 1.0625rem;
    line-height: 1.52941
}
}

.find-gift__header-description {
  margin-top: 7px
}

@media (min-width: 1025px) {

.find-gift__header-description {
    margin-top: 8px
}
  }

.find-gift__button {
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.0625em;
  font-weight: 700;
  background-color: #000;
  width: 100%;
  height: 72px;
  border: 0;
  color: #ffffff;
  text-transform: uppercase;
  margin-top: 12px
}

.find-gift__button:disabled {
    background-color: #7088C1;
    color: #01bcab;
  }

@media (min-width: 1025px) {

.find-gift__button {
    max-width: 233px;
    margin-top: 0
}
  }

.find-gift__form {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-top: 18px;
  padding: 0 6px
}

@media (min-width: 1025px) {

.find-gift__form {
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: stretch;
            align-items: stretch;
    margin-top: 30px;
    padding: 0
}
  }

.find-gift__select {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-flex: 1 1;
          flex: 1 1
}

@media (min-width: 1025px) {

.find-gift__select {
    -webkit-flex-direction: row;
            flex-direction: row
}
  }

.find-gift__products-list {
  padding: 0 4px
}

@media (min-width: 1025px) {

.find-gift__products-list {
    padding: 0
}
  }

.find-gift__products {
  padding: 24px 0 0
}

@media (min-width: 1025px) {

.find-gift__products {
    padding-top: 48px
}
  }

.find-gift__viewmore a {
    font-size: 0.8125rem;
    line-height: 1.15385;
    letter-spacing: 0.07692em;
    font-weight: 700;

    display: block;
    margin-top: 8px;
    border: 1px solid #ffffff;
    width: 100%;
    padding: 16px 18px 15px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    color: #ffffff
  }

@media (min-width: 768px) {

.find-gift__viewmore a {
      margin: 42px auto 48px;
      max-width: 192px
  }
    }

.find-gift--spinner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  padding: 50px;
}

.find-in-store__filter {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-direction: column;
          flex-direction: column;
  padding: 24px 18px;
  border-bottom: 1px solid #808080
}

@media (min-width: 1025px) {

.find-in-store__filter {
    padding: 24px 30px
}
  }

.find-in-store__message {
  margin: 18px auto 0 auto;
  text-align: center
}

@media (min-width: 768px) {

.find-in-store__message {
    max-width: 284px
}
  }

.find-in-store__list-inner {
  max-height: calc(100vh - 208px);
  padding: 0 18px;
  overflow-y: auto
}

@media (min-width: 1025px) {

.find-in-store__list-inner {
    padding: 0 30px
}
  }

.find-in-store__item {
  padding: 24px 0;
  border-bottom: 1px solid #808080;
  text-align: left
}

.find-in-store__item:last-child {
    border: none;
  }

.find-in-store__label {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.find-in-store__label-text {
  padding-left: 6px;
}

.find-in-store__title {
  font-size: 1rem;
  line-height: 1.375;
  margin-top: 17px;
}

.find-in-store__address {
  margin-top: 5px;
}

.find-in-store__phone,
.find-in-store__option {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: 18px;
}

.find-in-store__info {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 16px;
}

.find-in-store__icon {
  width: 15px;
}

.find-in-store__phone,
.find-in-store__directions {

}

.find-in-store__link {
  position: relative;
  text-transform: capitalize;
}

.find-in-store__icon-check,
.find-in-store__label-text--in-stock {
  color: #01BCAB;
}

.find-in-store__icon-exclamation,
.find-in-store__label-text--low-stock  {
  color: #F5CB00;
}

.find-in-store__icon-times,
.find-in-store__label-text--out-stock  {
  color: #DE0A0A;
}

.find-in-store__loading {
  padding: 20px 18px;
  text-align: center;
}

.find-in-store__fetch {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  height: 100px;
  background: #ffffff;
}

.find-in-store__fetch-spin {
  display: inline-block;
  width: 40px;
  height: 40px;
  -webkit-animation: spinner 400ms linear infinite;
          animation: spinner 400ms linear infinite;
  border-top-color: #00C853;
  border-left-color: #00C853;
  border-bottom-color: #00C853;
  border-right-color: transparent;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@media (min-width: 1025px) {

.flexible-block--experience {
    padding-top: 18px
}
  }

.flexible-section {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap
}

.flexible-section .shopify-section {
    -webkit-order: 50;
            order: 50;
    margin: 20px 0
  }

.flexible-section .shopify-section:first-child {
      margin-top: 0
    }

.flexible-text-block--background {
  padding: 32px 0;
  color: #ffffff;
  background: #444444
}

@media (min-width: 1025px) {

.flexible-text-block--background {
    padding-top: 62px;
    padding-bottom: 64px
}
  }

.flexible-text-block--background .flexible-text-block__headline {
    color: #ffffff;
  }

.flexible-text-block__headline {
  font-size: 1.875rem;
  line-height: 1;
  letter-spacing: 0;
}

@media (min-width: 1025px){

.flexible-text-block__headline {
    font-size: 2.25rem;
    line-height: 1.16667;
    letter-spacing: 0;
}
}

.flexible-text-block__headline {
  font-weight: 700;
  color: #050606;
}

.flexible-text-full {
  text-align: center
}

.flexible-text-full .flexible-text-full__headline {
    font-size: 1.875rem;
    line-height: 1;
    letter-spacing: 0;
  }

@media (min-width: 1025px){

.flexible-text-full .flexible-text-full__headline {
    font-size: 2.25rem;
    line-height: 1.16667;
    letter-spacing: 0;
  }
}

.flexible-text-full .flexible-text-full__headline {
    font-weight: 700;
  }

.flexible-text-full .flexible-text-full__description {
    font-size: 1.0625rem;
    line-height: 1.41176;
    margin-top: 12px
  }

@media (min-width: 1025px) {

.flexible-text-full .flexible-text-full__description {
      margin-top: 16px
  }
    }

.flexible-text-custom .flexible-text-custom__description {
    font-size: 1.5rem;
    line-height: 1.25
  }

@media (min-width: 1025px){

.flexible-text-custom .flexible-text-custom__description {
    font-size: 1.875rem;
    line-height: 1.2
  }
}

.flexible-text-custom .flexible-text-custom__description {
    font-weight: 700;
    text-transform: uppercase
  }

@media (min-width: 1025px) {

.flexible-text-custom .flexible-text-custom__description {
      max-width: 954px
  }
    }

.flexible-hero-text {
  padding: 28px 18px 33px;
  color: #ffffff
}

@media (min-width: 1025px) {

.flexible-hero-text {
    padding: 64px 0
}
  }

.flexible-hero-text__image:before {
    content: '';
    display: block;
    padding-top: 78.90995%;
  }

.flexible-text-full--left {
  text-align: left;
}

.flexible-event-collection {
  width: 100%;
  margin-bottom: 30px;
  overflow-x: auto;
  overflow-y: hidden
}

.flexible-event-collection::-webkit-scrollbar {
    display: none;
  }

.flexible-event-collection__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.flexible-event-collection__content {
  min-width: 212px;
  margin-right: 48px;
}

.flexible-event-collection__image-wrapper {
  min-width: 568px
}

@media (min-width: 1025px) {

.flexible-event-collection__image-wrapper {
    min-width: 980px
}
  }

.flexible-event-collection__title {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700;
}

.flexible-event-collection__description {
  font-size: 0.9375rem;
  line-height: 1.33333;
  font-weight: 400;
  margin-top: 6px;
  color: #8A8A8A;
}

.flexible-column-tiles {
  padding-top: 24px;
  padding-bottom: 32px
}

@media (min-width: 1025px) {

.flexible-column-tiles {
    padding-top: 48px;
    padding-bottom: 80px
}
  }

.flexible-column-tiles__content {
  margin-top: 15px;
  padding-bottom: 1px
}

@media (min-width: 1025px) {

.flexible-column-tiles__content {
    margin-top: 25px;
    padding-bottom: 0
}
  }

.flexible-column-tiles .hero__link:hover .hero__title{
  text-decoration: underline;
}

@media (min-width: 1025px) {

.flexible-column-tiles__content-inner {
    padding-left: 8px;
    padding-right: 8px
}
  }

.flexible-grid-collection {
  padding: 40px 0 53px
}

@media (min-width: 1025px) {

.flexible-grid-collection {
    padding: 95px 0 62px
}
  }

@media (max-width: 767px) {

.flexible-grid-collection__container {
    padding: 0 22px
}
  }

.flexible-grid-collection__heading {
  max-width: 322px;
  margin: 0 auto;
  text-align: center
}

@media (min-width: 1025px) {

.flexible-grid-collection__heading {
    max-width: 676px
}
  }

.flexible-grid-collection__title {
  font-size: 1.75rem;
  line-height: 1.14286
}

@media (min-width: 1025px){

.flexible-grid-collection__title {
    font-size: 2.25rem;
    line-height: 1.11111
}
}

.flexible-grid-collection__title {

  padding: 0 12px
}

@media (min-width: 1025px) {

.flexible-grid-collection__title {
    padding: 0 28px
}
  }

.flexible-grid-collection__collections {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 23px 12px;
  margin-top: 24px
}

@media (min-width: 1025px) {

.flexible-grid-collection__collections {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 32px 52px;
    margin-top: 32px
}
  }

.flexible-grid-collection__description {
  font-size: 1rem;
  line-height: 1.4375
}

@media (min-width: 1025px){

.flexible-grid-collection__description {
    font-size: 1.25rem;
    line-height: 1.4
}
}

.flexible-grid-collection__description {

  margin-top: 12px
}

@media (min-width: 1025px) {

.flexible-grid-collection__description {
    margin-top: 26px
}
  }

.flexible-grid-collection__description p {
    margin-bottom: 24px
  }

.flexible-grid-collection__description p:last-child {
      margin-bottom: 0;
    }

.flexible-grid-collection__cta {
  margin-top: 32px;
  text-align: center
}

@media (min-width: 1025px) {

.flexible-grid-collection__cta {
    margin-top: 58px
}
  }

.flexible-personalisation {
  background: #EDEDED;
}

.flexible-personalisation__wrapper {
  padding: 46px 0 51px
}

@media (min-width: 1025px) {

.flexible-personalisation__wrapper {
    padding: 73px 0 115px
}
  }

.flexible-personalisation__title {
  font-size: 1.75rem;
  line-height: 1.42857;
}

@media (min-width: 1025px){

.flexible-personalisation__title {
    font-size: 2.25rem;
    line-height: 1.11111;
}
}

.flexible-personalisation__title {
  font-weight: 700;

  text-align: center;
  color: #000000;
}

.flexible-personalisation__description {
  max-width: 606px;
  margin: 0 auto;
  text-align: center
}

@media (min-width: 1025px) {

.flexible-personalisation__description {
    margin-top: 15px
}
  }

.flexible-personalisation__description p {
    font-size: 1rem;
    line-height: 1.4375;
    letter-spacing: 0
  }

@media (min-width: 1025px){

.flexible-personalisation__description p {
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: 0
  }
}

.flexible-personalisation__description p {

    color: #000000
  }

.flexible-personalisation__description p:first-child {
      margin-bottom: 20px;
    }

.flexible-personalisation__description p:last-child {
      max-width: 500px;
      margin: 0 auto;
    }

.flexible-personalisation__content {
  margin-top: 46px;
}

.flexible-personalisation__grid {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap
}

@media all {

.flexible-personalisation__grid {
    margin-left: -10px;
    margin-right: -10px
}
  }

@media (min-width: 1025px) {

.flexible-personalisation__grid {
    margin-left: -35px;
    margin-right: -35px
}
  }

.flexible-personalisation__grid {

  grid-gap: 20px 0
}

.flexible-personalisation__grid .flexible-personalisation__grid-item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
  }

@media all {

.flexible-personalisation__grid .flexible-personalisation__grid-item {
    padding-left: 10px;
    padding-right: 10px
  }
  }

@media (min-width: 1025px) {

.flexible-personalisation__grid .flexible-personalisation__grid-item {
    padding-left: 35px;
    padding-right: 35px
  }
  }

.flexible-personalisation__grid .flexible-personalisation__grid-item {

    width: 33.333333%
  }

@media (min-width: 1025px) {

.flexible-personalisation__grid .flexible-personalisation__grid-item {
      width: 16.666667%
  }
    }

@media (max-width: 599px) {

.flexible-personalisation__image {
    max-width: 82px
}
  }

.flexible-personalisation__text {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: -0.01267em
}

@media (min-width: 1025px){

.flexible-personalisation__text {
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: -0.0125em
}
}

.flexible-personalisation__text {
  font-weight: 700;

  min-height: 48px;
  margin-top: 2px;
  text-align: center;
  color: #000000
}

@media (min-width: 1025px) {

.flexible-personalisation__text {
    margin-top: 14px
}
  }

.flexible-three-up.flexible-three-up--scroll-margin {
    scroll-margin: 80px;
  }

.flexible-three-up__wrapper {
  max-width: 1415px;
  padding: 44px 0 61px;
  margin: 0 auto
}

@media (min-width: 1025px) {

.flexible-three-up__wrapper {
    padding: 69px 0 98px
}
  }

.flexible-three-up__grid {
  display: grid;
  grid-gap: 64px 0;
}

@media (min-width: 1025px) {

.flexible-three-up__grid--three-up {
    grid-template-columns: repeat(3, 1fr)
}
  }

@media (min-width: 1280px) {

.flexible-three-up__grid--three-up {
    grid-column-gap: 66px;
    -webkit-column-gap: 66px;
       -moz-column-gap: 66px;
            column-gap: 66px
}
  }

@media (min-width: 1025px) {

.flexible-three-up__grid--two-up {
    grid-template-columns: repeat(2, 1fr)
}
  }

.flexible-three-up__grid-item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center
}

.flexible-three-up__grid-item:last-child .flexible-three-up__description {
      max-width: 352px
    }

@media (min-width: 768px) {

.flexible-three-up__grid-item:last-child .flexible-three-up__description {
        max-width: 392px
    }
      }

.flexible-three-up__image {
  width: 83px;
  height: 67px
}

@media (min-width: 768px) {

.flexible-three-up__image {
    width: 169px;
    height: 169px
}
  }

.flexible-three-up__title {
  font-size: 1.75rem;
  line-height: 1.42857
}

@media (min-width: 1440px){

.flexible-three-up__title {
    font-size: 2.25rem;
    line-height: 1.11111
}
}

.flexible-three-up__title {
  font-weight: 700;

  margin-top: 22px
}

@media (min-width: 768px) {

.flexible-three-up__title {
    margin-top: 0
}
  }

.flexible-three-up__description {
  font-size: 1.125rem;
  line-height: 1.44444
}

@media (min-width: 1440px){

.flexible-three-up__description {
    font-size: 1.25rem;
    line-height: 1.4
}
}

.flexible-three-up__description {
  font-weight: 400;

  max-width: 328px;
  margin-top: 14px;
  text-align: center
}

@media (min-width: 768px) {

.flexible-three-up__description {
    max-width: 432px;
    margin-top: 15px
}
  }

.flexible-two-up__content {
  padding: 37px 0;
  margin: 0 auto;
  max-width: 296px;
  text-align: center
}

@media (min-width: 1025px) {

.flexible-two-up__content {
    max-width: 488px;
    padding: 61px 0 44px
}
  }

@media (min-width: 1025px) {

.flexible-two-up__info {
    max-width: 296px;
    margin: 0 auto
}
  }

.flexible-two-up__info-inner {
  margin-bottom: 33px
}

@media (min-width: 1025px) {

.flexible-two-up__info-inner {
    margin-bottom: 40px
}
  }

@media (min-width: 1025px) {

.flexible-two-up__info-inner:nth-child(2) {
      margin-bottom: 65px
  }
    }

.flexible-two-up__info-inner:last-child {
    margin-bottom: 0;
  }

.flexible-two-up__item:last-child {
    background: #B7D0D4;
  }

.flexible-two-up__heading {
  font-size: 1.75rem;
  line-height: 1.42857;
}

@media (min-width: 1025px){

.flexible-two-up__heading {
    font-size: 2.25rem;
    line-height: 1.11111;
}
}

.flexible-two-up__info {
  margin-top: 29px
}

@media (min-width: 1025px) {

.flexible-two-up__info {
    margin-top: 38px
}
  }

.flexible-two-up__title {
  font-size: 1.25rem;
  line-height: 1.2;
  letter-spacing: -0.0125em;

  margin-top: 6px;
}

.flexible-two-up__description {
  margin-top: 4px
}

.flexible-two-up__description p {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -0.0125em;
  }

.flexible-two-up__icon {
  height: 50px;
}

.flexible {
  padding-bottom: 24px;
  overflow: hidden
}

@media (min-width: 1025px) {

.flexible {
    padding-bottom: 80px
}
  }

/* styles for floating-notification */

.floating-notification {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  position: fixed;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate3d(-50%, 100%, 0);
          transform: translate3d(-50%, 100%, 0);
  opacity: 0;
  visibility: hidden;
  box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.1);
  width: 100%;
  z-index: 100;
  text-align: center;
}

.is-floating-notification-active .floating-notification,
.floating-notification--active {
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  opacity: 1;
  visibility: visible;
}

.floating-notification__icon {
  position: absolute;
  left: 12px;
  top: 50%;
  width: 22px;
  height: 22px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
  opacity: 0;
}

.floating-notification[type="success"] {
    background: #01BCAB
  }

.floating-notification[type="success"] .floating-notification__icon--success {
      display: block;
    }

.floating-notification[type="warning"] {
    background: #D30F0F
  }

.floating-notification[type="warning"] .floating-notification__icon--warning {
      display: block;
    }

.floating-notification[type="error"] {
    background: #D30F0F
  }

.floating-notification[type="error"] .floating-notification__icon--error {
      display: block;
    }

.floating-notification[type="error-alternate"] {
    background: #ffffff;
    color: #D30F0F;
    border-top: 1px solid #D30F0F
  }

.floating-notification[type="error-alternate"] .floating-notification__icon--error {
      display: block;
    }

.floating-notification[type="error-alternate"] .floating-notification__message,
    .floating-notification[type="error-alternate"] .floating-notification__link {
      font-size: 0.8125rem;
      line-height: 1.07692
    }

@media (min-width: 1025px){

.floating-notification[type="error-alternate"] .floating-notification__message,
    .floating-notification[type="error-alternate"] .floating-notification__link {
    font-size: 0.9375rem;
    line-height: 1.2
    }
}

.floating-notification[type="error-alternate"] .floating-notification__message,
    .floating-notification[type="error-alternate"] .floating-notification__link {
      font-weight: 400;
      color: #D30F0F
    }

.floating-notification[type="error-alternate"] .floating-notification__message a, .floating-notification[type="error-alternate"] .floating-notification__link a {
        color: #D30F0F;
        padding-bottom: 1px;
        border-bottom: 1px solid #D30F0F;
      }

.floating-notification__inner {
  padding: 15px;
  text-align: center
}

@media (min-width: 1025px) {

.floating-notification__inner {
    max-width: 100%;
    padding: 18px 0;
    text-align: center
}
  }

.floating-notification__message,
.floating-notification__link {
  font-size: 0.8125rem;
  line-height: 1.15385
}

@media (min-width: 1025px){

.floating-notification__message,
.floating-notification__link {
    font-size: 0.9375rem;
    line-height: 1.2
}
}

.floating-notification__message,
.floating-notification__link {
  font-family: 'BrownStd';
  font-weight: 700;
  text-transform: uppercase;
  color: #FFFFFF
}

.floating-notification__message a, .floating-notification__link a {
    position: relative;
    color: #FFFFFF;
    text-decoration: none
  }

.floating-notification__message a:after, .floating-notification__link a:after {
      content: '';
      position: absolute;
      left: 0;
      width: 100%;
      height: 1px;
      bottom: 0;
      background: #FFFFFF;
    }

.floating-notification__link {
  margin-left: 8px
}

.floating-notification__link:hover {
    color: #FFFFFF;
  }

.footer-blocks {
  padding-top: 40px;
  padding-bottom: 24px
}

@media (min-width: 768px) {

.footer-blocks {
    border-top: 0;
    padding-top: 0;
    padding-bottom: 0
}
  }

.footer-blocks__title {
  margin-bottom: 13px;
}

.footer-feature {
  background: #000000;
}

.footer-feature__container {
  padding-left: 16px;
  padding-right: 16px
}

@media (min-width: 768px) {

.footer-feature__container {
    padding-left: 42px;
    padding-right: 42px
}
  }

@media all {

.footer-feature__inner {
    margin-left: -8px;
    margin-right: -8px;
}
  }

.footer-feature__inner {
  -webkit-justify-content: space-between;
          justify-content: space-between;
}

@media all {

.footer-feature__cell {
    padding-left: 8px;
    padding-right: 8px
}
  }

.footer-feature__cell {
  width: 100%
}

@media (min-width: 1025px) {

.footer-feature__cell {
    width: 33.333%
}
  }

@media (min-width: 768px) {

.footer-feature__cell:nth-child(2) .footer-feature__cell-inner {
      -webkit-justify-content: center;
              justify-content: center
  }
    }

@media (min-width: 1025px) {

.footer-feature__cell:nth-child(3) .footer-feature__cell-inner {
      -webkit-justify-content: flex-end;
              justify-content: flex-end
  }
    }

.footer-feature__cell:nth-child(3) .footer-feature__icon-image {
    width: 28px;
    height: auto;
  }

.footer-feature__cell-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 17px 10px;
  text-align: left;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap
}

@media (min-width: 1025px) {

.footer-feature__cell-inner {
    padding-top: 33px;
    padding-bottom: 33px;
    -webkit-justify-content: flex-start;
            justify-content: flex-start
}
  }

.footer-feature__icon {
  margin-right: 14px;
  min-width: 28px;
}

.footer-feature__icon-image {
  height: 24px;
}

.footer-feature__title {
  color: #E2E2E2
}

.footer-feature__title span {
    display: block
  }

@media (min-width: 1025px) {

.footer-feature__title span {
      display: inline
  }

      .footer-feature__title span:after {
        content: ' ';
      }
    }

.footer-feature__link {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  text-decoration: none;
}

.footer-feature__carousel {
  width: 100%
}

@media (min-width: 1025px) {

.footer-feature__carousel {
    display: -webkit-flex;
    display: flex
}
  }

.footer-main__primary-block {
  padding: 0 12px
}

@media (min-width: 768px) {

.footer-main__primary-block {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 60px 0 58px
}
  }

@media (min-width: 1025px) {

.footer-main__newsletter {
    max-width: 340px;
    padding-top: 0
}
  }

@media (min-width: 1025px) {

.footer-main__menu {
    -webkit-order: 1;
            order: 1;
    width: 72.5%;
    padding-left: 10px;
    padding-right: 10px
}
  }

.footer-main__accordion {
  position: relative;
  margin-bottom: 22px;
  border-top: 1px solid {{ settings.color_hr }}
}

@media (min-width: 1025px) {

.footer-main__accordion {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    border-top: none
}
  }

@media (min-width: 1025px) {

.footer-main__accordion {
    margin-bottom: 30px
}
  }

@media (min-width: 1025px) {

.footer-main__accordion .accordion__block {
      width: 25%;
      padding: 0 10px
  }
    }

.footer-main__accordion .footer-main__label-menu {
    padding: 22px 20px
  }

@media (min-width: 1025px) {

.footer-main__accordion .footer-main__label-menu {
      padding: 0
  }
    }

.footer-main__accordion .footer-main__label-menu .accordion__icon {
      right: 20px;
      width: 14px;
      height: 14px;
    }

.footer-main__accordion .footer-main__label-menu .icon-plus:after,
      .footer-main__accordion .footer-main__label-menu .icon-plus:before {
        background: #111111;
      }

.footer-main__accordion .footer-main__content-menu,
  .footer-main__accordion .footer-main__text-block {
    padding: 12px 20px 14px
  }

@media (min-width: 1025px) {

.footer-main__accordion .footer-main__content-menu,
  .footer-main__accordion .footer-main__text-block {
      padding-left: 0;
      padding-right: 0
  }
    }

.footer-main__text-block {
  line-height: 22px;
  color: #000000
}

.footer-main__text-block p {
    margin-bottom: 6px
  }

.footer-main__text-block p:last-child {
      margin-bottom: 0;
    }

@media (min-width: 768px) {

.footer__menus {
    width: 700px
}
  }

@media (min-width: 768px) {

.footer-main__social {
    padding-right: 68px
}
  }

.footer-main__social-title {
  display: none
}

@media (min-width: 768px) {

.footer-main__social-title {
    display: block;
    margin-bottom: 17px
}
  }

.footer {
  background: #FFFFFF;
  color: #000000;
  font-weight: 500;
}

.form-header {
  margin-bottom: 16px;
}

.form-footer {
  margin-top: 24px;
}

.form-footer--two-columns {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-top: 0
}

@media (min-width: 600px) {

.form-footer--two-columns > * {
      width: auto
  }
    }

.form-footer--two-columns {
  span a {
    border-bottom: 1px solid;
    text-decoration: none;
    padding-bottom: 2px;
  }
}

.form-submit {
  cursor: pointer;
}

.form--account {
  display: none;
  margin-top: 20px
}

@media (min-width: 850px) {

.form--account {
    margin-top: 0px
}
  }

.form--account.form--account-activate {
    display: block;
  }

.add-back {
  display: none;
}

.form--account-activate .form--account-address {
    display: block;
  }

.form--account-activate .add-back {
    display: block;
  }

.form--account-activate .add-new {
    display: none;
  }

.form--account-address {
  margin-bottom: 40px
}

@media(max-width: 849px){

.form--account-address {
    margin-top: 0;
    margin-bottom: 6px
}
  }

.form--account-address h3 {
    font-size: 1.25rem;
    letter-spacing: normal;
  }

.form--account-address .form_select .form__label {
      position: absolute;
      font-size: 10px;
      left: 14px;
      top: 8px;
    }

.form--account-address .form_select .form__select-icon {
      top: 24px;
      width: 8px;
    }

.form--account-address .note {
    color: #444444;
    font-size: 12px;
    font-weight: bold;
    background-color: #F4F4F4;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    padding: 12px;
    margin-bottom: 12px;
    text-transform: uppercase;
  }

.form--account-address .form__row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    max-width: 728px
  }

.form--account-address .form__row .form__select-wrapper {
      height: 48px;
    }

.form--account-address .form__row .form__input, .form--account-address .form__row .form__select {
      height: 48px
    }

.form--account-address .form__row .form__input + .form__label, .form--account-address .form__row .form__select + .form__label {
        top: 15px;
      }

.form--account-address .form__row .form-half {
      width: calc(50% - 6.5px);
      -webkit-flex: none;
              flex: none;
    }

.form--account-address .form__row .above-text {
      margin-bottom: 12px
    }

.form--account-address .form__row .above-text .form__block-inner {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column-reverse;
                flex-direction: column-reverse;
      }

.form--account-address .form__block--checkbox {
    width: 100%;
  }

.form--account-address .ss-selected-option {
    height: 48px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    padding-top: 20px;
    font-size: 13px;
    text-transform: none;
    letter-spacing: normal;
    white-space: nowrap;
  }

.form--small-spacing .form__row {
    margin-bottom: 0;
  }

.form--small-spacing .form__block {
    margin-bottom: 16px;
    margin-right: 0;
    -webkit-flex: none;
            flex: none;
  }

.form--account-edit {
  margin-top: 20px;
}

.form__row--contact {
  margin-left: -4px;
  margin-right: -4px
}

@media (min-width: 1025px) {

.form__row--contact {
    margin-left: -8px;
    margin-right: -8px
}
  }

.form__row--contact {
  width: auto
}

.form__row--contact .form__block {
    padding-left: 4px;
    padding-right: 4px;
    margin-left: 0;
    margin-right: 0;
  }

@media (min-width: 1025px) {

.form__row--contact {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
}

    .form__row--contact .form__block {
      padding-left: 8px;
      padding-right: 8px;
      -webkit-flex: initial;
              flex: initial;
      margin: 0 0 16px
    }

      .form__row--contact .form__block:last-child {
        margin-bottom: 0;
      }

      .form__row--contact .form__block .form__block {
        margin: 0;
      }
  }

@media (min-width: 1025px) {

.form__row--gift {
    margin-left: -8px;
    margin-right: -8px
}
  }

.form__row--gift {
  width: auto
}

@media (min-width: 1025px) {

.form__row--gift {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
}
  }

.form__row--gift .form__block {
    margin-bottom: 24px
  }

@media (min-width: 1025px) {

.form__row--gift .form__block {
      padding-left: 8px;
      padding-right: 8px;
      -webkit-flex: initial;
              flex: initial
  }

      .form__row--gift .form__block:last-child {
        margin-bottom: 5px;
      }
    }

.form__row--gift .form__block--one-half {
    width: 100%
  }

@media (min-width: 1025px) {

.form__row--gift .form__block--one-half {
      width: 50%
  }
    }

.form__row--gift .form__block--alternate .form__input {
      padding-right: 17px;
      padding-left: 17px;
      border: 0
    }

.form__row--gift .form__block--alternate .form__input + .form__label {
        left: 12px;
        padding: 0 17px 0 5px;
        color: #999999;
        font-weight: normal
      }

@media (min-width: 1025px) {

.form__row--gift .form__block--alternate .form__input + .form__label {
          padding-right: 9px
      }
        }

@media (min-width: 1025px) {

.form__row--gift .form__block--alternate textarea.form__input + .form__label {
        padding-right: 5px
    }
      }

.form__row--gift .form__block--alternate .form__input:focus + .form__label, .form__row--gift .form__block--alternate .form__input.is-not-empty + .form__label {
        font-weight: 700;
        -webkit-transform: translate3d(-7px, -26px, 0) scale(0.75);
                transform: translate3d(-7px, -26px, 0) scale(0.75)
      }

@media (min-width: 1025px) {

.form__row--gift .form__block--alternate .form__input:focus + .form__label, .form__row--gift .form__block--alternate .form__input.is-not-empty + .form__label {
          -webkit-transform: translate3d(-7px, -26px, 0) scale(0.85);
                  transform: translate3d(-7px, -26px, 0) scale(0.85)
      }
        }

@media (min-width: 1025px) {

.form__row--gift .form__block--alternate textarea.form__input:focus + .form__label, .form__row--gift .form__block--alternate textarea.form__input.is-not-empty + .form__label {
          -webkit-transform: translate3d(2px, -26px, 0) scale(0.85);
                  transform: translate3d(2px, -26px, 0) scale(0.85)
      }
        }

.form__row--gift .form__block--alternate .form__input:focus + .form__label {
        color: #000000;
      }

.form__row--gift .form__block--alternate .form__block--textarea {
      margin-bottom: 0;
    }

.form__get-in-touch .form__block {
    width: calc(50% - 8px);
    margin: 0 0 17px;
  }

.form__get-in-touch .form__block--fullwidth {
    width: 100%;
  }

@media (min-width: 768px) {

.form__row--wholesale {
    margin-left: -12px;
    margin-right: -12px
}
  }

@media (min-width: 768px) {

.form__row--wholesale {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
}
  }

@media (min-width: 768px) {

.form__row--wholesale .form__block {
      padding-left: 12px;
      padding-right: 12px;
      -webkit-flex: initial;
              flex: initial;
      margin: 0 0 12px
  }
    }

@media (min-width: 768px) {

.form__row--wholesale .form__block-inner--select {
      width: calc(50% - 12px)
  }
    }

.form__row--wholesale-textarea .form__message {
    margin-top: 2px;
  }

.form__group {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
}

.form-input--gift-card {
  margin-bottom: 12px
}

.form-input--gift-card .form__input {
    height: 48px
  }

.form-input--gift-card .form__input::-webkit-input-placeholder {
      color: #000;
    }

.form-input--gift-card .form__input::-moz-placeholder {
      color: #000;
    }

.form-input--gift-card .form__input:-ms-input-placeholder {
      color: #000;
    }

.form-input--gift-card .form__input::placeholder {
      color: #000;
    }

.form-textarea--gift-card {
  margin-bottom: 7px
}

.form-textarea--gift-card .form__input {
    min-height: auto;
    height: 113px;
    padding: 12px
  }

.form-textarea--gift-card .form__input::-webkit-input-placeholder {
      color: #000;
    }

.form-textarea--gift-card .form__input::-moz-placeholder {
      color: #000;
    }

.form-textarea--gift-card .form__input:-ms-input-placeholder {
      color: #000;
    }

.form-textarea--gift-card .form__input::placeholder {
      color: #000;
    }

.form__block--hidden {
  margin: 0;
}

#AddressProvinceNew {
  padding-right: 30px;
}

.four-columns {
  padding: 30px 0;
  background: #F6F6F6;

  overflow: hidden
}

@media (min-width: 850px) {

.four-columns {
    padding: 64px 0
}
  }

.four-columns__grid {
  margin-left: -12px;
  margin-right: -32px
}

@media (min-width: 1025px) {

.four-columns__grid {
    margin-left: -16px;
    margin-right: -16px
}
  }

.full-width-feature {
  padding-top: 10px;
  padding-bottom: 16px;
  background: linear-gradient(180.43deg, #111111 0%, #222222 100%)
}

@media (min-width: 1025px) {

.full-width-feature {
    padding-top: 77px;
    padding-bottom: 0
}
  }

.full-width-feature + .two-up-cta {
    margin-top: 0;
  }

.full-width-feature__block-content {
  position: relative;
  width: 100%;
  z-index: 2
}

@media (min-width: 1025px) {

.full-width-feature__block-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
}
  }

.full-width-feature__wrapper:before {
    content: '';
    display: block;
    padding-top: 58.13333%;
  }

.full-width-feature__wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-end;
          align-items: flex-end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
  display: flex
}

@media (min-width: 1025px) {
    .full-width-feature__wrapper:before {
    content: '';
    display: block;
    padding-top: 45.6875%;
  }
  }

.full-width-feature__block-image {
  position: absolute;
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  max-height: 341px;
  z-index: 1
}

@media (min-width: 1025px) {

.full-width-feature__block-image {
    max-height: 731px
}
  }

.full-width-feature__block-image:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(9,9,9,0.66) 50.75%, #181818 100%)
  }

@media (min-width: 1025px) {

.full-width-feature__block-image:after {
      content: none
  }
    }

.full-width-feature__content-wrapper {
  width: 100%;
}

.full-width-feature__inner-content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
}

.full-width-feature__content-inner {
  max-width: 424px;
}

.full-width-feature__image {
  position: absolute;
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
}

.full-width-feature__title {
  color: #ffffff;
  margin-bottom: 9px;
}

.full-width-feature__subtitle {
  color: #AAAAAA;
}

.full-width-feature__description {
  margin-top: 22px;
  color: #C0C0C0;
}

@media (min-width: 1025px) {

.full-width-feature__image--mobile {
    display: none
}
  }

.full-width-feature__image--desktop {
  display: none
}

@media (min-width: 1025px) {

.full-width-feature__image--desktop {
    display: block
}
  }

.get-in-touch__form {
  margin-top: 17px
}

@media (min-width: 1025px) {

.get-in-touch__form {
    margin-top: 30px
}
  }

.gift-popup {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  transition-property: opacity, visibility;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 100;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  -webkit-overflow-scrolling: auto
}

@media (min-width: 1025px) {

.gift-popup {
    position: fixed
}
  }

.gift-popup__wrapper {
  position: relative;
  max-width: 668px;
  width: calc(100% - 15px);
  margin: 0 auto;
  padding: 24px 16px 17px;
  overflow: auto;
  background: #ffffff;
  box-shadow: 2px 2px 18px 0 rgba(0,0,0,0.1)
}

@media (min-width: 1025px) {

.gift-popup__wrapper {
    padding: 32px 40px 40px;
    width: calc(100% - 40px)
}
  }

.is-gift-popup-active {
  overflow: hidden;
  height: 100%;
  -webkit-overflow-scrolling: auto
}

.is-gift-popup-active .gift-popup {
    visibility: visible;
    opacity: 1;
  }

.gift-popup__close {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  position: absolute;
  top: 10px;
  right: 16px;
  max-width: 16px;
  max-height: 16px;
  background: transparent !important;
  z-index: 102;
  cursor: pointer
}

@media (min-width: 1025px) {

.gift-popup__close {
    top: 16px;
    max-width: 36px;
    max-height: 24px
}
  }

.gift-popup__icon {
  display: block;
  width: 20px;
  height: 20px
}

.gift-popup__icon:after,
  .gift-popup__icon:before {
    top: calc(50% + 2px);
    left: 0;
    width: 15px;
    background: #AAAAAA;
  }

.gift-popup__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap
}

@media (min-width: 1025px) {

.gift-popup__inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
}
  }

.gift-popup__checkbox {
  position: relative;
  padding-top: 24px;
  margin-top: 28px;
  text-align: left;
  border-top: 1px solid {{ settings.color_hr }}
}

@media (min-width: 1025px) {

.gift-popup__checkbox {
    margin-top: 24px;
    padding-top: 24px
}
  }

@media (min-width: 1025px) {

.gift-popup__checkbox .form__row {
      margin: 0
  }
    }

@media (min-width: 1025px) {

.gift-popup__checkbox .form__block {
      margin: 0
  }
    }

.gift-popup__checkbox--card {
  padding-top: 18px
}

@media (min-width: 1025px) {

.gift-popup__checkbox--card {
    margin-top: 25px;
    padding-top: 25px
}
  }

.gift-popup__checkbox--sleeve {
  margin-top: 22px;
  padding-top: 18px
}

@media (min-width: 1025px) {

.gift-popup__checkbox--sleeve {
    padding-top: 25px
}
  }

.gift-popup__headline {
  color: #000000;
}

.gift-popup__description {
  font-size: 0.8125rem;
  line-height: 1.38462;
  font-family: 'BrownStd';
  color: #000000;
  text-transform: none;
  margin-top: 7px
}

@media (min-width: 1025px) {

.gift-popup__description {
    margin-top: 9px
}
  }

.gift-popup__form {
  margin-top: 20px;
  width: 100%
}

@media (min-width: 1025px) {

.gift-popup__form {
    margin-top: 26px
}
  }

.gift-popup__form textarea {
    width: 100%;
    min-height: 122px;
    outline: none;
    resize: none;
  }

.newsletter__button {
  margin-top: 4px;
  height: 54px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.gift-popup__carousel {
  position: relative
}

.gift-popup__carousel .flickity-prev-next-button {
    width: 28px;
    height: 42px;
    background: #ffffff;
    border-radius: 0;
  }

.gift-popup__carousel .flickity-button-icon {
    max-width: 16px;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }

.gift-popup__carousel .carousel .flickity-prev-next-button.previous {
        left: 0;
      }

.gift-popup__carousel .carousel .flickity-prev-next-button.next {
        right: 0;
      }

.gift-popup__carousel .card-grid__list {
    margin: 0;
  }

.gift-popup__product {
  margin-top: 22px
}

@media (min-width: 1025px) {

.gift-popup__product {
    margin-top: 21px
}
  }

.gift-popup__product-item {
  width: 176px;
  margin-right: 7px
}

.gift-popup__product-item.active .gift-popup__product-item-inner {
      border: 1px solid #000000;
    }

.gift-popup__product-item.active .gift-popup__product-image {
      -webkit-transform: scale(0.93, 0.94);
              transform: scale(0.93, 0.94);
    }

.gift-popup__product-item-inner {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  border: 1px solid transparent
}

@media (min-width: 1025px) {

.gift-popup__product-item-inner {
    max-width: 100%
}
  }

.gift-popup__product-image.image:before {
    content: '';
    display: block;
    padding-top: 101.13636%;
  }

.gift-popup__product-image.image {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;

  transition-property: opacity, -webkit-transform;

  transition-property: opacity, transform;

  transition-property: opacity, transform, -webkit-transform;
}

.gift-popup__button {
  margin-top: 14px
}

@media (min-width: 1025px) {

.gift-popup__button {
    display: -webkit-flex;
    display: flex;
    margin-top: 20px
}
  }

.gifting-personalise {
  padding: 31px 0 20px
}

@media (min-width: 1025px) {

.gifting-personalise {
    padding: 85px 0 66px
}
  }

.gifting-personalise__header {
  margin-bottom: 24px;
  text-align: center
}

@media (min-width: 1025px) {

.gifting-personalise__header {
    margin: 0 auto 42px;
    max-width: 696px
}
  }

.gifting-personalise__header-title {
  font-size: 1.5rem;
  line-height: 1.16667;
}

@media (min-width: 1025px){

.gifting-personalise__header-title {
    font-size: 2.25rem;
    line-height: 1.11111;
}
}

.gifting-personalise__header-title {

  color: #000;
}

.gifting-personalise__header-description {
  font-size: 0.9375rem;
  line-height: 1.6;
  font-weight: 400;

  margin-top: 5px
}

@media (min-width: 1025px) {

.gifting-personalise__header-description {
    margin-top: 10px
}
  }

.gifting-personalise__blocks {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: stretch;
          align-items: stretch;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  margin: 0 -8px
}

@media (min-width: 768px) {

.gifting-personalise__blocks {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: stretch;
            align-items: stretch;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
}
  }

@media (min-width: 1025px) {

.gifting-personalise__blocks {
    margin: 0 -12px
}
  }

.gifting-personalise__block {
  width: 50%;
  padding: 0 8px 12px
}

@media (min-width: 1025px) {

.gifting-personalise__block {
    max-width: 316px;
    padding: 0 12px 24px
}
  }

@media (min-width: 1025px) {

.gifting-personalise__promos {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 66px
}
  }

.gifting-personalise__promo {
  margin-bottom: 16px;
  background: #92AD95
}

@media (min-width: 1025px) {

.gifting-personalise__promo {
    margin-bottom: 24px;
    width: calc(50% - 12px)
}
  }

.gifting-hub-reasons {
  padding: 30px 0 5px
}

@media (min-width: 1025px) {

.gifting-hub-reasons {
    -webkit-justify-content: center;
            justify-content: center;
    padding: 72px 0 47px
}
  }

.gifting-hub-reasons__item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  margin-bottom: 24px;
  text-align: center;
}

.gifting-hub-reasons__images {
  position: relative;
  margin: 0 auto;
  width: 54px;
  height: 54px;
  background: #eeeeee;
  border-radius: 999px;
}

.gifting-hub-reasons__description {
  font-size: 0.8125rem;
  line-height: 1.38462;
  letter-spacing: 0;
  font-weight: 400;

  max-width: 156px;
  margin-top: 12px;
  color: #000000;
}

.gifting-hub-reasons__item-link {
  text-decoration: none;
}

.gifting-hub {
  padding-top: 24px;
  padding-bottom: 32px
}

@media (min-width: 1025px) {

.gifting-hub {
    padding-top: 48px;
    padding-bottom: 80px
}
  }

.gifting-hub__wrapper > div:first-child {
      margin-top: 0;
    }

.gifting-hub__wrapper > div:last-child {
      margin-bottom: 0;
    }

.gifting-hub__card-grid {
  overflow: hidden
}

@media (min-width: 1025px) {

.gifting-hub__card-grid {
    margin-top: 18px
}
  }

.gifting-hub__content {
  margin-top: 15px;
  padding-bottom: 1px
}

@media (min-width: 1025px) {

.gifting-hub__content {
    margin-top: 25px;
    padding-bottom: 0
}
  }

.gifting-hub__card-grid,
.gifting-hub__two-up,
.gifting-hub__three-up {
  margin-top: 32px;
  margin-bottom: 32px
}

@media (min-width: 1025px) {

.gifting-hub__card-grid,
.gifting-hub__two-up,
.gifting-hub__three-up {
    margin-top: 48px;
    margin-bottom: 48px
}
  }

.gifting-hub-landing__three-up {
  margin-top: 30px;
  margin-bottom: 25px
}

@media (min-width: 1025px) {

.gifting-hub-landing__three-up {
    margin-top: 91px;
    margin-bottom: 90px
}
  }

@media (min-width: 1025px) {

.gifting-hub__two-up {
    margin-top: 40px;
    margin-bottom: 40px
}
  }

.gifting-hub__three-up .flickity-slider, .gifting-hub-landing__three-up .flickity-slider {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }

.gifting-hub .hero__link:hover .hero__title{
  text-decoration: underline;
}

.gifting-hub .hero--gifting-two-up .hero__block-image-wrapper{
  display: block;
  margin: 0 0 20px;
}

.gifting-hub__category {
  padding: 30px 0 36px;
  background: #F6F6F6
}

@media (min-width: 1025px) {

.gifting-hub__category {
    padding: 84px 0 67px
}
  }

.gifting-hub__category-heading {
  padding-bottom: 16px
}

@media (min-width: 1025px) {

.gifting-hub__category-heading {
    padding-bottom: 24px
}
  }

.gifting-hub__price {
  padding-top: 28px;
  padding-bottom: 6px;
  border-bottom: 1px solid #eeeeee
}

@media (min-width: 1025px) {

.gifting-hub__price {
    padding-top: 84px;
    padding-bottom: 90px
}
  }

.gifting-hub__price-heading {
  margin-bottom: 24px
}

@media (min-width: 1025px) {

.gifting-hub__price-heading {
    margin-bottom: 43px
}
  }

/* Popup container */

.popup {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  cursor: pointer;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  width: 100%;
  min-width: 170px;
  height: 40px;
  border: 1px solid #333 !important;
  text-transform: uppercase;
  font-family: inherit;
  line-height: 1.15;
  box-sizing: border-box;
  text-align: center
}

@media (min-width: 1025px) {

.popup {
    width: 212px
}
  }

.popup:hover {
  box-shadow: none;
  background-color: #00bdac !important;
  color: #fff;
  border-color: #00bdac !important;
}

/* The actual popup (appears on top) */

.popup .content {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-direction: column;
          flex-direction: column;
  visibility: hidden;
  width: calc(100vw - 16px);
  height: calc(100vh - 60px);
  background-color: #ffffff;
  color: #fff;
  text-align: center;
  position: fixed;
  top: 30px;
  left: 8px;
  z-index: 102;
}

#greetings-popup-cover {
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */

.popup .show {
  visibility: visible !important;
  -webkit-animation: fadeIn 1s !important;
  animation: fadeIn 1s !important;
}

/* Add animation (fade in the popup) */

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.icon-close-popup {
  position: absolute;
  top: 18px;
  right: 18px;
  height: 12px;
  width: 12px;
  color: #aaaaaa;
}

.icon-close-popup:after {
  background-color: #aaaaaa;
}

.icon-close-popup:before {
  background-color: #aaaaaa;
}

.popup-message {
  width: 100%;
  color: #000000;
  white-space: pre-line;
  font-family: BrownStd;
  font-size: 23px;
  font-weight: bold;
  line-height: 28px;
  text-align: left;
  text-transform: none;
  border-bottom: 1px solid #eeeeee;
  padding: 15px 17px 15px;
}

.card-price {
  color: #000000;
  padding: 0;
  text-transform: none;
}

.button-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 0px;
  right: 0px;
}

.button-container > img {
  width: 290px;
  height: 150px;
}

.button-container > button {
  width: 192px;
  height: 48px;
}

.button-container > hr {
  margin: 44px;
}

.one-aud-card-mobile {
  display: none;
}

@media all and (max-width: 770px) {
  .one-aud-card-mobile {
    display: block;
    margin: 25px 0 0;
  }

  .one-aud-card-desktop {
    display: none;
  }
}

@media all and (min-width: 770px) {
  .popup .content {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: center;
            justify-content: center;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -75%);
            transform: translate(-50%, -75%);
    width: 100%;
    max-width: 800px;
    height: 400px;
    box-shadow: 0px 0px 10px #ccc;
  }

  #popup-add-custom-card-container .card-container {
    padding: 0 42px 30px !important;
    height: auto !important;
    max-width: 33%;
    margin: 0 0 35px;
  }

  #popup-add-custom-card-container .card-container.first-cc {
    border-right: 1px solid #eeeeee;
  }

  .popup-message {
    white-space: normal;
  }

  .icon-close-no-thanks {
    display: -webkit-flex !important;
    display: flex !important;
    color: #aaaaaa;
    font-family: BrownStd;
    font-size: 13px;
    line-height: 18px;
    text-align: right;
    padding: 32px 12px 0 0;
    text-transform: none;
  }
  .icon-close-popup {
    right: 94px;
    top: 32px;
  }

  .card-price {
    padding: 20px 0 15px;
  }
}

@media all and (max-width: 769px) {
  #popup-add-custom-card-container .card-container {
    display: block !important;
    padding: 0 0 50px !important;
    margin: 0 0 35px;
    height: auto !important;
  }
}

#popup-add-custom-card-container img {
  width: 290px;
  height: 150px;
  object-fit: contain;
  max-width: 95%;
  margin: 0 auto;
}

#popup-add-custom-card-container .card-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-justify-content: space-evenly;
          justify-content: space-evenly;
  -webkit-align-content: space-between;
          align-content: space-between;
  padding: 0;
  margin: 0 0 30px;
  height: calc((100vh - 156px)/2);
  position: relative
}

#popup-add-custom-card-container .card-container button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px 42px
  }

#popup-add-custom-card-container .card-container button span{
      position: absolute;
      bottom: 5px;
      width: 100%;
      max-width: 170px;
      text-align: center;
      background: #000;
      color: #fff;
      text-transform: uppercase;
      font-weight: bold;
      padding: 5px 0;
      line-height: 1em;
      display: block;
    }

#popup-add-custom-card-container .card-container button[disabled] {
      opacity: 0.5;
    }

#popup-add-custom-card-container .card-container button .spiff-spinner-outer {
      width: 100%;
      height: 100%;
    }

@media all and (max-width: 769px) {
  #popup-add-custom-card-container .popup-message{
    margin: 0 0 35px;
  }

  #popup-add-custom-card-container .card-container button span{
    left: 0;
    right: 0;
    margin: auto;
  }
}

.icon-close-no-thanks {
  display: none;
}

.popup-button {
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.07692em;
}

@media (max-width: 767px){
  #popup-add-custom-card-container img {
    height: 80px;
  }
  .popup .show {
    overflow: scroll;
  }
  .popup-message {
    font-size: 20px;
  }
}

.header {
  visibility: visible;
  opacity: 1;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  transition: all .5s ease;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: none;
          transform: none;
}

.header__wrapper {
  position: relative;
  z-index: 100;
  background: #ffffff;
  border-bottom: 1px solid #808080
}

@media (min-width: 1025px) {

.header__wrapper {
    z-index: 2
}
  }

.header__bg {
  position: absolute;
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.header__container {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  box-sizing: border-box;
  z-index: 1;
  height: 48px;
  width: 100%
}

@media (max-width: 1024px) {

.header__container {
    padding: 0 16px
}
  }

@media (min-width: 1025px) {

.header__container {
    height: 71px
}
  }

.header__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 10;
  height: 100%
}

@media (min-width: 1025px) {

.header__inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    position: static
}
  }

.header__menu {
  display: none
}

@media (min-width: 1025px) {

.header__menu {
    display: block
}
  }

.header__logo,
.header__triggers,
.header__nav-btn {
  z-index: 3;
}

.header__search--mobile,
.header__nav-btn,
.header__triggers {

}

.header__nav-btn {
  left: 2px;
}

.header__triggers {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  right: 0
}

@media (min-width: 1025px) {

.header__triggers {
    position: static;
    top: auto;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
    -webkit-transform: none;
            transform: none
}
  }

.header__search-btn {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  margin-right: 10px;
  width: 20px;
  color: {{ settings.color_navigation_heading }}
}

@media (min-width: 175px) {

.header__search-btn {
    margin-right: 25px
}
  }

@media (min-width: 1025px) {

.header__search-btn {
    margin-right: 30px
}
  }

.header__bag-icon {
  width: 15px;
}

.is-search-active .header__wrapper {
    transition-property: opacity, visibility;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    visibility: hidden;
    opacity: 0;
  }

.header__search,
.header__stockist {
  display: -webkit-flex;
  display: flex;
  color: {{ settings.color_navigation_heading }};
  margin-right: 16px;
  margin-bottom: 2px
}

.header__search:hover, .header__stockist:hover {
    color: {{ settings.color_navigation_heading }};
  }

.header__search-icon,
.header__stockist-icon {
  width: 18px;
  height: 20px;
}

.header--has-bg {
  background: #FFFFFF;
}

.fixed-header .header {
    position: fixed;
    z-index: 13;
    background: #FFFFFF;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
  }

@media (min-width: 1025px) {

.fixed-header .header .header__container {
        height: 71px
    }
      }

.fixed-header.pin-header .header {
      top: 0;
      transition: all .5s ease;
      transition-property: opacity, -webkit-transform;
      transition-property: opacity, transform;
      transition-property: opacity, transform, -webkit-transform;
    }

@media (min-width: 1025px) {

.fixed-header.pin-header .product-detail__selection--sticky {
        top: calc(71px + 56px)
    }
      }

.fixed-header:not(.pin-header) .header {
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%);
    }

@media (min-width: 1025px) {

.header__menu--left .mega-menu__list-item:first-child .mega-menu__title {
          padding-left: 0
      }
        }

.header--easter {
  transition: none;
}

.header__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
  pointer-events: none;
}

.hover-menu-item .header__overlay {
    opacity: 1;
  }

.header__search--mobile {
  left: 37px;
  display: block;
  margin: 0
}

@media (min-width: 1025px) {

.header__search--mobile {
    display: none
}
  }

.header__account {
  margin-right: 12px;
  display: -webkit-flex;
  display: flex;
}

.header__wishlist {
  display: inline-block;
  position: relative;
  height: 20px
}

@media (max-width: 767px) {

.header__wishlist {
    display: none
}
  }

.header__wishlist-icon {
  width: 21px;
  height: auto;
  color: #000
}

@media (max-width: 767px) {

.header__wishlist-icon {
    width: 19px
}
  }

.header__triggers-item:not(:last-child) {
    margin-right: 24px
  }

@media (max-width: 767px) {

.header__triggers-item:not(:last-child) {
      margin-right: 16px
  }
    }

.header__wishlist-count {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 0.625rem;
  line-height: 1.3;
  letter-spacing: 0;
  font-weight: 700;

  width: 16px;
  height: 16px;
  background-color: #01bcab;
  border-radius: 50%;
  color: #ffffff;
  text-decoration: none;
  position: absolute;
  right: -8px;
  top: -6px;
}

.hero-title--sidebar {
  margin-bottom: 0
}

.hero-title--sidebar .hero-title__container {
    padding: 0;
  }

.hero-title--sidebar .hero-title__wrapper {
    padding-top: 0;
  }

.hero-title--desktop {
  display: none
}

@media (min-width: 1025px) {

.hero-title--desktop {
    display: block
}
  }

.hero-title--stockist {
  margin-bottom: 0
}

@media (min-width: 1025px) {

.hero-title--stockist .hero-title__wrapper {
      padding-top: 0
  }
    }

.hero-title__wrapper {
  padding: 22px 0;
  text-align: center
}

@media (min-width: 1025px) {

.hero-title__wrapper {
    padding: 32px 0
}
  }

.hero-title--logout .hero-title__inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
  }

@media(max-width: 849px){

.hero-title--logout .hero-title__container {
      border-bottom: 1px solid #808080
  }
    }

.hero-title--logout {
  & a,.container-button {
    display: none;
    font-size: 13px
  }
    @media(max-width: 849px){
  & a,.container-button {
      display: -webkit-flex;
      display: flex
  }
    }
}

.hero-title__title {
  color: #000000;
}

.hero-title__line {
  width: 100%;
  height: 1px;
  background: {{ settings.color_hr }};
}

@media (min-width: 1025px) {

.hero-title__line--mobile {
    display: none
}
  }

.hero-title__line--desktop {
  display: none
}

@media (min-width: 1025px) {

.hero-title__line--desktop {
    display: block
}
  }

.hero-title--no-border-desktop .hero-title__line--desktop {
    display: none;
  }

.hero-title--no-border .hero-title__line--mobile,
  .hero-title--no-border .hero-title__line--desktop {
    display: none;
  }

.hero-title--cart .hero-title__title {
    font-size: 1.875rem;
    line-height: 1;
    letter-spacing: -0.01667em;
    font-weight: 700;
    text-align: left;
  }

@media (min-width: 1025px) {

.hero-title--cart .hero-title__wrapper {
      padding-top: 47px;
      padding-bottom: 20px
  }
    }

@media (min-width: 1025px) {
    .hero-title--my-account .hero-title__wrapper {
      padding: 60px 0 0;
    }
  }

.hero-title--default {
  margin: 0 auto
}

@media (min-width: 1025px) {

.hero-title--default {
    max-width: 1600px;
    padding-left: 24px;
    padding-right: 24px
}
  }

.hero-title--default .hero-title__section {
    position: relative
  }

@media (min-width: 1025px) {
      .hero-title--default .hero-title__section:before {
    content: '';
    display: block;
    padding-top: 25.7732%;
  }

.hero-title--default .hero-title__section {
      display: -webkit-flex;
      display: flex
  }

      .hero-title--default .hero-title__section:after {
        position: absolute;
        left: 0;
        right: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        content: '';
        background: {{ settings.color_branding }};
      }

      .hero-title--default .hero-title__section .hero-title__section-wrapper {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
                flex-direction: column;
        -webkit-align-items: center;
                align-items: center;
        -webkit-justify-content: flex-end;
                justify-content: flex-end;
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
        padding-top: 50px;
        padding-bottom: 48px;
        -webkit-flex: 1 0 auto;
                flex: 1 0 auto;
        z-index: 2;
      }

      .hero-title--default .hero-title__section .hero-title__container {
        width: 100%;
      }

      .hero-title--default .hero-title__section .hero-title__wrapper {
        padding: 0;
      }

      .hero-title--default .hero-title__section .hero-title__image {
        position: absolute;
        left: 0;
        right: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
      }

      .hero-title--default .hero-title__section .hero-title__title {
        color: #ffffff;
      }

      .hero-title--default .hero-title__section .hero-title__description {
        display: block;
        max-width: 534px;
        margin-top: 12px;
        color: #ffffff;
      }

    }

.hero-title--default .hero-title__description {
    display: none;
  }

@media (min-width: 1025px) {
      .hero-title--page .hero-title__section:before {
    content: '';
    display: block;
    padding-top: 19.97423%;
  }
    }

.hero-title--account-entry {
  margin: 0 calc(-1*(24px + 10px)) 16px
}

@media (max-width: 1024px) {

.hero-title--account-entry {
    margin: 0
}
  }

@media (min-width: 1025px) {

.hero-title--account-entry {
    margin: 0
}
  }

@media (min-width: 1025px) {

.hero-title--account-entry .hero-title__wrapper {
      padding: 0 0 18px
  }
    }

@media (min-width: 1025px) {

.hero-title--account-entry .hero-title__title {
      font-size: 1.75rem;
      line-height: 1.14286
  }
    }

@media (min-width: 1025px) and (min-width: 1025px){

.hero-title--account-entry .hero-title__title {
    font-size: 2.25rem;
    line-height: 1.11111
  }
}

@media (min-width: 1025px) {

.hero-title--account-entry .hero-title__title {
      font-weight: bold;
      color: #050606;
      text-transform: none;
      margin-bottom: 0
  }
    }

@media (max-width: 1024px) {
    .hero-title--mobile-description .hero-title__wrapper {
      padding-bottom: 14px;
    }

    .hero-title--mobile-description .hero-title__line {
      display: none;
    }

    .hero-title--mobile-description .hero-title__description {
      display: block;
      margin-top: 20px;
      padding-top: 12px;
      border-top: 1px solid {{ settings.color_hr }};
    }
  }

.hero-title--my-account .hero-title  {
    font-weight: bold;
    font-size: 1.5rem;
    text-align: left
  }

@media (min-width: 1025px) {

.hero-title--my-account .hero-title  {
      font-size: 2.25rem
  }
    }

.hero-title--search .hero-title__title {
    font-size: 1.75rem;
    line-height: 1.14286;
  }

@media (min-width: 1025px){

.hero-title--search .hero-title__title {
    font-size: 2.25rem;
    line-height: 1.11111;
  }
}

.hero-title--search .hero-title__title {
    font-weight: bold;
    color: #050606;
    text-transform: none;
  }

.hero-title--search .hero-title__wrapper {
    padding: 20px 0 22px
  }

@media (min-width: 1025px) {

.hero-title--search .hero-title__wrapper {
      padding: 36px 0
  }
    }

.hero--two-up {
  margin-bottom: 20px
}

@media (min-width: 768px) {

.hero--two-up {
    margin-top: 20px;
    margin-bottom: 40px
}
  }

@media (min-width: 1025px) {

.hero--two-up {
    margin-bottom: 60px
}
  }

.hero--two-up .hero__container {
    padding: 0
  }

@media (min-width: 768px) {

.hero--two-up .hero__container {
      padding-left: 20px;
      padding-right: 20px
  }
    }

@media (min-width: 768px) {

.hero--two-up .hero__grid {
      -webkit-flex-direction: row-reverse;
              flex-direction: row-reverse
  }
    }

.hero--two-up .hero__block {
    width: 100%
  }

@media (min-width: 768px) {

.hero--two-up .hero__block {
      width: 50%
  }
    }

.hero--two-up .hero__mobile-image,
  .hero--two-up .hero__desktop-image,
  .hero--two-up .hero__image {
    position: absolute;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
  }

.hero--two-up .hero__title {
    margin-bottom: 15px
  }

@media (min-width: 768px) {

.hero--two-up .hero__title {
      margin-bottom: 20px
  }
    }

@media (min-width: 1280px) {

.hero--two-up .hero__title {
      margin-left: auto;
      margin-right: auto;
      max-width: 420px;
      margin-bottom: 25px
  }
    }

.hero--two-up .hero__title-image {
    margin: 0 auto;
    max-width: 273px
  }

@media (min-width: 768px) {

.hero--two-up .hero__title-image {
      max-width: 420px
  }
    }

.hero--two-up .hero__description {
    margin-bottom: 24px;
    color: #3E4964
  }

@media (min-width: 768px) {

.hero--two-up .hero__description {
      padding-left: 22px;
      padding-right: 22px
  }
    }

@media (min-width: 1280px) {

.hero--two-up .hero__description {
      margin-left: auto;
      margin-right: auto;
      max-width: 410px;
      margin-bottom: 30px;
      padding-right: 14px;
      padding-left: 14px
  }
    }

.hero__block-inner {
  text-align: center;
}

.hero__block--primary:before {
    content: '';
    display: block;
    padding-top: 85.33333%;
  }

.hero__block--primary {
  position: relative
}

@media (min-width: 768px) {
    .hero__block--primary:before {
    content: '';
    display: block;
    padding-top: 96.77419%;
  }
  }

.hero__block--secondary {
  background-color: #F3EBE8
}

@media (min-width: 768px) {

.hero__block--secondary {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
}
  }

.hero__block--secondary .hero__block-inner {
    padding: 25px 35px 30px
  }

@media (min-width: 768px) {

.hero__block--secondary .hero__block-inner {
      padding: 30px 18px
  }
    }

@media (min-width: 1280px) {

.hero__block--secondary .hero__block-inner {
      padding-left: 30px;
      padding-right: 30px
  }
    }

@media (min-width: 768px) {

.hero__mobile-image {
    display: none
}
  }

.hero__desktop-image {
  display: none
}

@media (min-width: 768px) {

.hero__desktop-image {
    display: block
}
  }

.hero {
  width: 100%;
}

.hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 101.33333%;
  }

.hero__wrapper {
  position: relative;
  display: -webkit-flex;
  display: flex
}

@media (min-width: 1025px) {
    .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 27.5%;
  }
  }

.hero__wrapper .hero__link {
    width: 100%;
  }

.hero--collection {
  margin-bottom: 51px
}

@media (min-width: 768px) {

.hero--collection {
    margin-bottom: 0
}
  }

.hero--collection .hero__block-content {
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
    -webkit-transform: translateY(51px);
            transform: translateY(51px)
  }

@media (min-width: 768px) {

.hero--collection .hero__block-content {
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-transform: translateY(0);
              transform: translateY(0)
  }
    }

.hero__block-image-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
}

@media (min-width: 1025px) {

.hero__block-image--mobile {
    display: none
}
  }

.hero__block-image--desktop {
  display: none
}

@media (min-width: 1025px) {

.hero__block-image--desktop {
    display: block
}
  }

.hero__block-image--desktop .image__img {
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.hero__block-content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  z-index: 2;
}

.hero__inner-content {
  width: 100%;
  max-width: 967px;
  padding: 25px 56px
}

@media (min-width: 1025px) {

.hero__inner-content {
    max-width: 1015px;
    padding-left: 80px;
    padding-right: 80px
}
  }

.hero__image {
  position: absolute;
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
}

.hero__title {
  color: #ffffff;
  text-align: center;
}

.hero__title--ingredient span {
    display: table-caption;
  }

.hero__title-link {
  color: inherit;
  text-decoration: inherit
}

.hero__title-link:hover {
    color: inherit;
    text-decoration: underline;
  }

.hero__description {
  color: #ffffff
}

@media (min-width: 1025px) {

.hero__description {
    margin-top: 20px
}
  }

.hero__description a {
    color: #ffffff
  }

.hero__description a:hover {
      color: {{ settings.color_link_hover }};
    }

.hero__description--readmore-desktop {
  display: none
}

@media (min-width: 1025px) {

.hero__description--readmore-desktop {
    display: block
}
  }

.hero__description--readmore-desktop p:not(:empty) + p:not(:empty) {
    margin-top: 22px;
  }

@media (min-width: 1025px) {

.hero__description--readmore-desktop + .hero__description--readmore {
      display: none
  }
    }

.hero__cta {
  margin-top: 23px;
}

.hero__button {
  display: inline-block;
}

.hero__link {
  display: block;
  text-decoration: none;
}

.hero__image-link {
  display: block;
  text-decoration: none;
}

.hero--full {
  text-align: center
}

@media (min-width: 1025px) {

.hero--full {
    margin-top: 0
}
  }

.hero--full .hero__inner-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex: 1 0 auto;
            flex: 1 0 auto;
    height: 100%;
    padding: 56px 20px 64px
  }

@media (min-width: 1025px) {

.hero--full .hero__inner-content {
      padding-left: 70px;
      padding-right: 70px
  }
    }

.hero--full .hero__inner-content > * {
      width: 100%
    }

.hero--full .hero__inner-content > *:not(.hero__cta) {
        padding-left: 36px;
        padding-right: 36px
      }

@media (min-width: 1025px) {

.hero--full .hero__inner-content > *:not(.hero__cta) {
          padding-left: 0;
          padding-right: 0
      }
        }

.hero--full .hero__inner-content > .explore {
      width: auto;
    }

.hero--full .hero__button {
    min-width: 294px;
    padding-left: 30px;
    padding-right: 30px;
  }

.hero--mini {
  text-align: center
}

.hero--mini .hero__inner-content {
    max-width: 640px;
  }

.hero--mini .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 87.46667%;
  }

@media (min-width: 1025px) {
      .hero--mini .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 87.5%;
  }
    }

.hero--center .hero__inner-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    height: 100%;
  }

.hero--center .hero__button {
    min-width: 174px;
    padding-left: 19px;
    padding-right: 19px
  }

@media (min-width: 1025px) {

.hero--center .hero__button {
      min-width: 194px
  }
    }

.hero--top .hero__inner-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    height: 100%;
  }

.hero--content-center .hero__description {
    text-align: center;
  }

@media (min-width: 1025px) {

.hero--content-left .hero__block-content {
      -webkit-align-items: flex-start;
              align-items: flex-start;
      max-width: 1272px;
      margin: 0 auto
  }
    }

@media (min-width: 1025px) {

.hero--content-left .hero__title,
  .hero--content-left .hero__description {
      text-align: left
  }
    }

.hero--highlight .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 59.73333%;
  }

@media (min-width: 1025px) {
      .hero--highlight .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 32.75%;
  }
    }

.hero--highlight .hero__block-image-inner:before {
    content: '';
    display: block;
    padding-top: 59.73333%;
  }

@media (min-width: 1025px) {
      .hero--highlight .hero__block-image-inner:before {
    content: '';
    display: block;
    padding-top: 32.75%;
  }
    }

.hero--highlight .hero__block-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }

.hero--highlight .hero__block-image:after {
      content: none;
    }

.hero--highlight .hero__title {
    max-width: 100%;
    text-align: center;
    margin-bottom: 6px;
    color: #ffffff

  }

@media (min-width: 1025px) {

.hero--highlight .hero__title {
      margin-bottom: 3px

  }
    }

.hero--highlight .hero__inner-content {
    padding: 0 17px;
  }

.hero--highlight .hero__block-image:after {
      content: none;
    }

.hero--highlight .hero__description {
    font-size: 0.9375rem;
    line-height: 1.33333
  }

@media (min-width: 1025px){

.hero--highlight .hero__description {
    font-size: 1.25rem;
    line-height: 1.4
  }
}

.hero--highlight .hero__description {
    display: block;
    text-align: center;
    color: #ffffff
  }

@media (min-width: 1025px) {

.hero--highlight .hero__description {
      max-width: 816px;
      padding: 0;
      margin: 17px auto 0;
      border: 0;
      color: #FFFFFF
  }
    }

.hero--highlight .hero__description--readmore-desktop {
    display: none
  }

@media (min-width: 1025px) {

.hero--highlight .hero__description--readmore-desktop {
      display: block
  }
    }

@media (min-width: 1025px) {

.hero--highlight .hero__description--readmore-desktop + .hero__description--readmore {
        display: none
    }
      }

.hero--highlight .hero__description-readmore {
    margin-top: 5px;
    color: #ffffff !important;
  }

.hero--compact .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 59.73333%;
  }

@media (min-width: 1025px) {
      .hero--compact .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 32.75%;
  }
    }

.hero--compact .hero__block-image-inner:before {
    content: '';
    display: block;
    padding-top: 59.73333%;
  }

@media (min-width: 1025px) {
      .hero--compact .hero__block-image-inner:before {
    content: '';
    display: block;
    padding-top: 32.75%;
  }
    }

@media (min-width: 1025px) {

.hero--compact .hero__inner-content {
      -webkit-align-items: flex-start;
              align-items: flex-start;
      padding-bottom: 40px;
      max-width: 1272px;
      margin: 0 auto;
      padding-left: 16px;
      padding-right: 16px
  }
    }

.hero--compact .hero__inner-content > * {
      width: 100%;
    }

.hero--compact .hero__block-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }

.hero--compact .hero__title {
    margin-bottom: 3px;
  }

.hero--compact .hero__title,
  .hero--compact .hero__description {
    max-width: 840px;
  }

.hero--compact .hero__description {
    color: #E1E1E1;
  }

.hero--highlight-compact .hero__inner-content {
    padding-top: 0;
  }

@media (min-width: 1025px) {

.hero--highlight-compact .hero__description {
      margin-top: 0
  }
    }

.hero--404 .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 58.51064%;
  }

@media (min-width: 1025px) {
      .hero--404 .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 22.125%;
  }
    }

.hero--404 .hero__block-image-wrapper {
    display: none;
  }

.hero--404 .hero__title {
    font-size: 2rem;
    line-height: 1;
  }

@media (min-width: 1025px){

.hero--404 .hero__title {
    font-size: 3rem;
    line-height: 1;
  }
}

.hero--404 .hero__title {

    color: #000000;
  }

.hero--404 .hero__title-link:hover {
    text-decoration: none;
  }

.hero--404 .hero__cta {
    margin-top: 23px
  }

@media (min-width: 1025px) {

.hero--404 .hero__cta {
      margin-top: 33px
  }
    }

.hero--404 .hero__button {
    font-size: 0.875rem;
    line-height: 1;
    letter-spacing: 0.07143em;
    font-weight: 700;

    padding-top: 17px;
    padding-bottom: 17px;
    border-width: 2px;
    min-width: 200px;
  }

.hero-description--404 {
  display: block;
  margin-top: 10px;
  color: #FFFFFF;
  text-align: center
}

@media (min-width: 1025px) {

.hero-description--404 {
    margin-top: 15px
}
  }

.hero--banner {
  background: #01BCAB;
  margin-top: 0
}

.hero--banner .hero__title {
    margin-bottom: 6px;
  }

.hero--banner .hero__cta {
    margin-top: 17px
  }

@media (min-width: 1025px) {

.hero--banner .hero__cta {
      margin-top: 24px
  }
    }

.hero--banner .button--hero {
    min-width: 142px
  }

@media (min-width: 1025px) {

.hero--banner .button--hero {
      min-width: 160px
  }
    }

.hero--banner .hero__wrapper:before {
    padding-top: 200px;
  }

.hero--banner .hero__inner-content {
    padding: 40px 26px 39px
  }

@media (min-width: 1025px) {

.hero--banner .hero__inner-content {
      padding: 50px 26px 50px
  }
    }

.hero--banner .hero__description {
    display: block
  }

@media (min-width: 1025px) {

.hero--banner .hero__description {
      margin-top: 3px
  }
    }

.hero--home-banner {
  margin-top: 0
}

.hero--home-banner .hero__title {
    font-size: 1.75rem;
    line-height: 1.21429;
    letter-spacing: -0.01786em
  }

@media (min-width: 1025px){

.hero--home-banner .hero__title {
    font-size: 2.5rem;
    line-height: 1.1;
    letter-spacing: -0.0125em
  }
}

.hero--home-banner .hero__title {
    font-weight: 700;
    margin-bottom: 8px
  }

@media (min-width: 1025px) {

.hero--home-banner .hero__title {
      margin-bottom: 16px
  }
    }

.hero--home-banner .hero__cta {
    margin-top: 24px
  }

@media (min-width: 1025px) {

.hero--home-banner .hero__cta {
      margin-top: 30px
  }
    }

.hero--home-banner .hero__button {
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.0625em;

    padding: 20px 30px;
    min-width: 170px;
    background: #ffffff;
    color: #000
  }

.hero--home-banner .hero__button:hover {
      background: #000;
      color: #ffffff;
      border-color: #000;
    }

.hero--home-banner .hero__wrapper:before {
    padding-top: 200px;
  }

.hero--home-banner .hero__inner-content {
    padding: 48px 24px
  }

@media (min-width: 1025px) {

.hero--home-banner .hero__inner-content {
      padding: 80px 24px
  }
    }

@media (min-width: 1920px) and (min-height: 1080px) and (max-height: 1450px) {

.hero--home-banner .hero__inner-content {
      padding-top: 48px;
      padding-bottom: 48px
  }
    }

.hero--home-banner .hero__inner-content > *:not(.hero__cta) {
      padding: 0;
    }

.hero--home-banner .hero__description {
    font-size: 1.125rem;
    line-height: 1.33333;
    font-weight: 700;

    display: block;
    margin-top: 0;
  }

.hero--easter .hero__wrapper {
    overflow: hidden
  }

.hero--easter .hero__wrapper:before {
      padding-top: 141.6%
    }

@media (min-width: 600px) {

.hero--easter .hero__wrapper:before {
        padding-top: 29.68%
    }
      }

.hero--easter .hero__inner-content {
    max-width: 359px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 32px;
    padding-left: 33px;
    padding-right: 33px
  }

@media (min-width: 600px) {

.hero--easter .hero__inner-content {
      max-width: 415px;
      padding-top: 64px
  }
    }

.hero--easter .hero__description {
    display: block;
  }

.hero--easter img {
    width: 100%;
  }

.hero--recipe .hero__block-image-wrapper {
    position: relative;
  }

.hero--recipe .hero__inner-content {
    padding: 0 18px;
    text-align: center;
    font-weight: 700
  }

@media (min-width: 1025px) {

.hero--recipe .hero__inner-content {
      margin: 0 auto 18px;
      max-width: 816px
  }
    }

.hero--recipe .hero__wrapper:before {
    padding-top: 32%
  }

@media (min-width: 1025px) {

.hero--recipe .hero__wrapper:before {
      padding-top: 13.25%
  }
    }

.hero--recipe .hero__title {
    font-size: 1.75rem;
    line-height: 1.07143
  }

@media (min-width: 1025px){

.hero--recipe .hero__title {
    font-size: 3rem;
    line-height: 1.125
  }
}

.hero--recipe .hero__title {
    font-weight: 700;
    color: #000;
    letter-spacing: 2.2px
  }

@media (min-width: 1025px) {

.hero--recipe .hero__title {
      max-width: 668px;
      margin: 0 auto;
      letter-spacing: 3.7px
  }
    }

.hero--recipe .hero__description {
    font-weight: 400;
    margin-top: 6px;
    color: #000
  }

@media (min-width: 1025px) {

.hero--recipe .hero__description {
      margin-top: 8px
  }
    }

.hero--recipe .hero__block-content {
    padding-top: 8px
  }

@media (min-width: 1025px) {

.hero--recipe .hero__block-content {
      padding-top: 64px
  }
    }

.hero--blog .hero__description--readmore .read-more__content {
      padding-top: 0px;
    }

.hero--list-collections .hero__description, .hero--compact .hero__description {
    font-size: 0.8125rem;
    line-height: 1.38462
  }

@media (min-width: 1025px){

.hero--list-collections .hero__description, .hero--compact .hero__description {
    font-size: 1.25rem;
    line-height: 1.4
  }
}

.hero--list-collections .hero__description, .hero--compact .hero__description {
    display: none
  }

@media (min-width: 1025px) {

.hero--list-collections .hero__description, .hero--compact .hero__description {
      display: block;
      max-width: 816px;
      padding: 0;
      margin: 0 auto;
      border: 0;
      color: #FFFFFF;
      text-align: center
  }
    }

.hero--list-collections .hero__wrapper:before, .hero--compact .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 59.73333%;
  }

@media (min-width: 1025px) {
      .hero--list-collections .hero__wrapper:before, .hero--compact .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 32.75%;
  }
    }

.hero--list-collections .hero__block-image-inner:before, .hero--compact .hero__block-image-inner:before {
    content: '';
    display: block;
    padding-top: 59.73333%;
  }

@media (min-width: 1025px) {
      .hero--list-collections .hero__block-image-inner:before, .hero--compact .hero__block-image-inner:before {
    content: '';
    display: block;
    padding-top: 32.75%;
  }
    }

.hero--list-collections .hero__block-content, .hero--compact .hero__block-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }

.hero--list-collections .hero__block-image:after, .hero--compact .hero__block-image:after {
      content: none;
    }

.hero--list-collections .hero__title, .hero--compact .hero__title {
    max-width: 100%;
    text-align: center;
  }

.hero--list-collections .hero__inner-content, .hero--compact .hero__inner-content {
    padding: 0 44px;
  }

@media (min-width: 1025px) {

.hero__description-mobile {
    display: none
}
  }

.hero__description-desktop {
  display: none
}

@media (min-width: 1025px) {

.hero__description-desktop {
    display: block
}
  }

.hero__readmore-popup {
  color: #ffffff
}

.hero__readmore-popup:hover:before, .hero__readmore-popup:focus:before {
      color: #ffffff;
    }

.hero__readmore-popup:before {
    content: '...';
    display: inline-block;
    padding-right: 3px;
    color: #ffffff;
  }

.hero--home-two-up .hero__button {
    min-width: 142px;
    padding: 13px 13px 14px
  }

@media (min-width: 1025px) {

.hero--home-two-up .hero__button {
      min-width: 160px;
      padding: 20px 25px 19px 24px
  }
    }

.hero--split {
  margin: 24px 0
}

@media (min-width: 1025px) {

.hero--split {
    margin: 48px 0 40px
}
  }

.hero--split .hero__wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
  }

@media (min-width: 1025px) {

.hero--split .hero__wrapper {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: space-between;
              justify-content: space-between;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap
  }
    }

.hero--split .hero__wrapper:before {
      content: none;
    }

.hero--split .hero__block-image-wrapper {
    -webkit-flex: 1 0 auto;
            flex: 1 0 auto;
    position: relative;
    display: none;
    width: 100%
  }

@media (min-width: 1025px) {

.hero--split .hero__block-image-wrapper {
      display: block;
      width: calc(60% - 2px);
      min-height: 364px
  }
    }

.hero--split .hero__image:before {
    content: '';
    display: block;
    padding-top: 49.0566%;
  }

.hero--split .hero__block-content {
    width: 100%;
    margin-top: 16px;
    padding: 0 8px
  }

@media (min-width: 1025px) {

.hero--split .hero__block-content {
      width: calc(40% + 2px);
      margin-top: 0;
      padding: 0
  }
    }

.hero--split .hero__inner-content {
    max-width: 328px;
    height: 100%;
    padding: 0;
    text-align: center
  }

@media (min-width: 1025px) {

.hero--split .hero__inner-content {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-align-items: flex-start;
              align-items: flex-start;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      max-width: 100%;
      padding: 25px 62px;
      text-align: left
  }
    }

.hero--split .hero__title {
    text-align: center;
    color: #000000
  }

@media (min-width: 1025px) {

.hero--split .hero__title {
      text-align: left;
      color: #050606
  }
    }

.hero--split .hero__description {
    display: block;
    margin-top: 6px;
    color: #8A8A8A
  }

@media (min-width: 1025px) {

.hero--split .hero__description {
      margin-top: 16px
  }
    }

.hero--reverse .hero__wrapper {
    -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-justify-content: space-between;
            justify-content: space-between;
  }

.hero--two-up-alternate {
  position: relative;
  margin: 0
}

@media (min-width: 1025px) {
    .hero--two-up-alternate:after {
      content: '';
      position: absolute;
      top: -40px;
      left: 50%;
      width: 1px;
      height: calc(100% + 80px);
      background: #979797;
    }
  }

.hero--two-up-alternate .hero__wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
  }

@media (min-width: 1025px) {

.hero--two-up-alternate .hero__wrapper {
      -webkit-flex-direction: row;
              flex-direction: row
  }
    }

.hero--two-up-alternate .hero__block-image-wrapper {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden
  }

@media (min-width: 1025px) {

.hero--two-up-alternate .hero__block-image-wrapper {
      width: 50%;
      margin-top: 0
  }
    }

.hero--two-up-alternate .hero__block-image-wrapper:hover .hero__image {
        -webkit-transform: scale(1.05);
                transform: scale(1.05);
      }

.hero--two-up-alternate .hero__block-image-wrapper:before {
      content: none;
    }

.hero--two-up-alternate .hero__button {
    font-size: 0.875rem;
    line-height: 1;
    letter-spacing: 0.07143em;
    font-weight: 700;
    padding: 17px 15px;
  }

.hero--two-up-alternate .hero__block-content {
    margin-top: 18px;
    margin-bottom: 32px
  }

@media (min-width: 1025px) {

.hero--two-up-alternate .hero__block-content {
      width: 50%;
      padding-left: 55px
  }
    }

.hero--two-up-alternate .hero__image {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    position: relative
  }

.hero--two-up-alternate .hero__image:before {
      content: none;
    }

.hero--two-up-alternate .hero__image img {
      position: relative;
    }

.hero--two-up-alternate .hero__description {
    margin-top: 8px
  }

@media (min-width: 1025px) {

.hero--two-up-alternate .hero__description {
      margin-top: 16px
  }
    }

@media (min-width: 1025px) {
      .hero--two-up-alternate.hero--reverse .hero__wrapper {
        -webkit-flex-direction: row-reverse;
                flex-direction: row-reverse;
      }
    }

@media (min-width: 1025px) and (min-width: 1025px) {

      .hero--two-up-alternate.hero--reverse .hero__block-image-wrapper {
          margin-top: 40px
      }
        }

@media (min-width: 1025px) {

        .hero--two-up-alternate.hero--reverse .hero__block-image-wrapper:after {
          left: 0;
          top: auto;
          bottom: -40px;
        }
    }

@media (min-width: 1025px) and (min-width: 1025px) {

      .hero--two-up-alternate.hero--reverse .hero__block-content {
          padding-left: 0;
          padding-right: 55px
      }
        }

@media (min-width: 1025px) and (min-width: 1025px) {

      .hero--two-up-alternate.hero--reverse .hero__title {
          max-width: unset
      }
        }

.hero--two-up-alternate .hero__inner-content {
    max-width: 100%
  }

@media (min-width: 1025px) {

.hero--two-up-alternate .hero__inner-content {
      max-width: 350px;
      padding: 0
  }
    }

@media(max-width: 767px){

.easter-competition-two-up {
    padding: 32px 0 6px
}
  }

.easter-competition-two-up .hero--two-up-alternate .hero__title {
    color: #050606;
  }

@media (min-width: 1025px) {

.easter-competition-two-up .hero__inner-content {
      max-width: calc(100% - 164px)
  }
    }

@media(max-width: 767px){

.easter-competition-two-up .hero__block-content {
      margin-bottom: 24px
  }
    }

.hero--gifting-hub .hero__wrapper:before, .hero--gifting-hub-landing-three-up .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 79.30029%;
  }

@media (min-width: 1025px) {
      .hero--gifting-hub .hero__wrapper:before, .hero--gifting-hub-landing-three-up .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 79.24837%;
  }
    }

.hero--gifting-hub .hero__block-content, .hero--gifting-hub-landing-three-up .hero__block-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }

.hero--gifting-hub .hero__inner-content, .hero--gifting-hub-landing-three-up .hero__inner-content {
    max-width: 360px;
    padding: 0 0 24px 24px
  }

@media (min-width: 1025px) {

.hero--gifting-hub .hero__inner-content, .hero--gifting-hub-landing-three-up .hero__inner-content {
      padding: 0 0 32px 32px
  }
    }

.hero--gifting-hub .hero__block-image:before, .hero--gifting-hub-landing-three-up .hero__block-image:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 124px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    z-index: 1
  }

@media (min-width: 1025px) {

.hero--gifting-hub .hero__block-image:before, .hero--gifting-hub-landing-three-up .hero__block-image:before {
      max-height: 264px
  }
    }

.hero--gifting-hub .hero__title, .hero--gifting-hub-landing-three-up .hero__title {
    font-size: 1.25rem;
    line-height: 1.2;
    text-align: left;
  }

.hero--gifting-hub .hero__description, .hero--gifting-hub-landing-three-up .hero__description {
    font-size: 0.9375rem;
    line-height: 1.33333;
    font-weight: 400;
    display: block;
    margin-top: 6px
  }

@media (min-width: 1025px) {

.hero--gifting-hub .hero__description, .hero--gifting-hub-landing-three-up .hero__description {
      margin-top: 8px
  }
    }

.hero--gifting-hub-landing-shop-by-category .hero__block-image:before {
    max-height: 50%;
  }

.hero--home {
  background: #F6F6F6
}

.hero--home .hero__wrapper {
    margin-bottom: -60px
  }

.hero--home .hero__wrapper:before {
      content: none;
    }

@media (max-width: 1024px) {

.hero--home .hero__wrapper {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-align-items: flex-end;
              align-items: flex-end;
      -webkit-justify-content: flex-end;
              justify-content: flex-end;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap
  }
    }

@media (min-width: 1025px) {
      .hero--home .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 31.25%;
  }

.hero--home .hero__wrapper {
      margin-bottom: 0
  }

      .hero--home .hero__wrapper:before {
        content: '';
      }
    }

@media (min-width: 1920px) and (min-height: 1080px) and (max-height: 1450px) {
      .hero--home .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 26.04167%;
  }
    }

@media (min-width: 1025px) {

.hero--home .hero__wrapper .hero__link {
        width: auto
    }
      }

.hero--home .hero__block-content {
    padding: 0 24px
  }

@media (min-width: 768px) {

.hero--home .hero__block-content {
      padding: 0 32px
  }
    }

@media (min-width: 1025px) {

.hero--home .hero__block-content {
      padding: 0 16px
  }
    }

.hero--home .hero__inner-content {
    padding: 26px 32px 32px;
    background: #ffffff;
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
    box-shadow: 0 0 15px 20px rgba(0, 0, 0, 0.02)
  }

@media (min-width: 1025px) {

.hero--home .hero__inner-content {
      max-width: 366px;
      padding: 0;
      background: none;
      -webkit-transform: none;
              transform: none;
      box-shadow: none
  }
    }

.hero--home .hero__inner-content > *:not(.hero__cta) {
      padding: 0;
    }

.hero--home .hero__block-image-wrapper:before {
    content: '';
    display: block;
    padding-top: 92.8%;
  }

.hero--home .hero__block-image-wrapper {
    position: relative;
    width: 100%;
    z-index: 1
  }

@media (min-width: 1025px) {

.hero--home .hero__block-image-wrapper {
      position: absolute;
      left: 0;
      right: 0;
      position: absolute;
      top: 0;
      bottom: 0
  }
      .hero--home .hero__block-image-wrapper:before {
        content: none;
      }
    }

.hero--home .hero__title {
    color: #000000
  }

@media (min-width: 1025px) {

.hero--home .hero__title {
      color: #ffffff
  }
    }

.hero--home .hero__description {
    display: block;
    margin-top: 13px;
    color: #8A8A8A;
    background: none
  }

@media (min-width: 1025px) {

.hero--home .hero__description {
      margin-top: 16px;
      color: #ffffff
  }
    }

.hero--home .hero__cta {
    margin-top: 16px
  }

@media (min-width: 1025px) {

.hero--home .hero__cta {
      margin-top: 26px
  }
    }

.hero--home .hero__button {
    min-width: 200px;
    padding-left: 20px;
    padding-right: 20px
  }

@media (min-width: 1025px) {

.hero--home .hero__button {
      min-width: 264px;
      color: #000;
      background: #ffffff
  }

      .hero--home .hero__button:hover {
        color: #ffffff;
        background: #000;
      }
    }

.hero--gifting-three-up .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 73.07692%;
  }

.hero--gifting-four-up .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.hero--gifting-three-up .hero__inner-content, .hero--gifting-four-up .hero__inner-content {
    padding: 0 0 24px 24px;
  }

.hero--gifting-three-up .hero__block-image:before, .hero--gifting-four-up .hero__block-image:before {
      max-height: 100px
    }

@media (min-width: 1025px) {

.hero--gifting-three-up .hero__block-image:before, .hero--gifting-four-up .hero__block-image:before {
        max-height: 124px
    }
      }

.hero--gifting-two-up {
  margin-top: 32px;
  margin-bottom: 32px
}

.hero--gifting-two-up:first-child {
    margin-bottom: 24px;
  }

@media (min-width: 1025px) {

.hero--gifting-two-up {
    margin-top: 40px;
    margin-bottom: 40px
}
  }

.hero--gifting-two-up.hero--reverse .hero__inner-content {
      padding: 0;
    }

.hero--gifting-two-up .hero__block-image-wrapper {
    position: relative;
    display: none;
    overflow: hidden
  }

@media (min-width: 1025px) {

.hero--gifting-two-up .hero__block-image-wrapper {
      display: block
  }
    }

.hero--gifting-two-up .hero__block-image-wrapper:hover .hero__image {
        -webkit-transform: scale(1.05);
                transform: scale(1.05);
      }

.hero--gifting-two-up .hero__block-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 0;
  }

.hero--gifting-two-up .hero__inner-content {
    padding: 0;
    max-width: 100%
  }

@media (min-width: 1025px) {

.hero--gifting-two-up .hero__inner-content {
      max-width: 387px;
      padding-left: 64px
  }
    }

.hero--gifting-two-up .hero__image {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    position: relative
  }

.hero--gifting-two-up .hero__image:before {
      content: none;
    }

.hero--gifting-two-up .hero__image img {
      position: relative;
    }

.hero--gifting-two-up .hero__button {
    font-size: 0.875rem;
    line-height: 1;
    letter-spacing: 0.07143em;
    font-weight: 700;
    padding: 17px 15px;
  }

.hero--gifting-two-up + .gifting-hub__two-up {
    margin-top: 24px
  }

@media (min-width: 1025px) {

.hero--gifting-two-up + .gifting-hub__two-up {
      margin-top: 40px
  }
    }

@media (min-width: 1025px) {

.hero--gifting-two-up + .gifting-hub__three-up {
      margin-top: 40px
  }
    }

.hero--gifting-two-up-image.hero--gifting-hub .hero__block-image:before {
        max-height: 150px
      }

@media (min-width: 1025px) {

.hero--gifting-two-up-image.hero--gifting-hub .hero__block-image:before {
          max-height: 264px
      }
        }

.hero--gifting-three-up-content.hero--no-image .hero__wrapper:before, .hero--gifting-hub-landing-three-up-content.hero--no-image .hero__wrapper:before {
        content: none;
      }

.hero--gifting-three-up-content.hero--no-image .hero__inner-content, .hero--gifting-hub-landing-three-up-content.hero--no-image .hero__inner-content {
      padding: 0;
    }

.hero--gifting-three-up-content.hero--no-image .hero__title, .hero--gifting-hub-landing-three-up-content.hero--no-image .hero__title {
      font-size: 1.25rem;
      line-height: 1.2;
      font-weight: 700;
      color: #000;
      text-align: left;
    }

.hero--gifting-three-up-content .hero__block-content, .hero--gifting-hub-landing-three-up-content .hero__block-content {
    max-width: 212px;
  }

.hero--gifting-three-up-content .hero__title, .hero--gifting-hub-landing-three-up-content .hero__title {
    color: #ffffff;
  }

.hero--gifting-three-up-content .hero__description, .hero--gifting-hub-landing-three-up-content .hero__description {
    display: block;
    margin-top: 6px;
    color: #8A8A8A
  }

.hero--gifting-three-up-content:not(.hero--no-image) .hero__inner-content, .hero--gifting-hub-landing-three-up-content:not(.hero--no-image) .hero__inner-content {
      position: absolute;
      left: 24px;
      bottom: 24px;
      width: auto;
      max-width: 100%;
      padding: 0;
    }

.hero__video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1000;
  overflow: hidden
}

.hero__video.mobile_video_url {
    display: none;
  }

@media (max-width: 767px) {
    .hero__video.hidden-on-mobile {
      display: none;
    }

    .hero__video.mobile_video_url {
      display: block;
      width: 100%;
      height: auto;
      min-height: 0;
    }
}

.hero--video-background .hero__block-image-wrapper {
    overflow: hidden;
  }

.hero--video-background .hero__block-image-inner {
    display: none;
  }

@media (min-width: 1025px) {

.hero--negative {
    text-align: left
}
  }

.hero--negative .hero__block-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 1272px;
    margin: 0 auto;
  }

@media (min-width: 1025px) {

.hero--negative .hero__title {
      text-align: left
  }
    }

@media (min-width: 1025px) {

.hero--negative .hero__inner-content {
      max-width: 391px
  }
    }

@media(min-width: 768px) {

.hero--bottom .hero__inner-content {
      -webkit-justify-content: flex-end;
              justify-content: flex-end;
      padding-bottom: 5%
  }
    }

@media (min-width: 1025px) {

.hero--right {
    text-align: right
}
  }

@media(min-width: 768px) {

.hero--right .hero__inner-content {
      margin-left: auto
  }
    }

@media (min-width: 1025px) {

.hero--right .hero__title {
      text-align: right
  }
    }

.hero--zoom:hover .hero__image {
      -webkit-transform: scale(1.05);
              transform: scale(1.05);
    }

.hero--zoom .hero__image {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
  }

.hero--zoom .hero__block-image-wrapper {
    overflow: hidden;
  }

.hero--egg-finder-banner .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 150.4%;
  }

.hero--egg-finder-banner .hero__wrapper {
    position: relative;
    height: calc(100vh - 79px)
  }

@media (min-width: 1025px) {
      .hero--egg-finder-banner .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 50%;
  }

.hero--egg-finder-banner .hero__wrapper {
      height: calc(100vh - 108px)
  }
    }

@media (min-width: 1440px) {
      .hero--egg-finder-banner .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 67.5%;
  }
    }

.hero--egg-finder-banner .hero__description {
    font-size: 1rem;
    line-height: 1.5
  }

@media (min-width: 1025px){

.hero--egg-finder-banner .hero__description {
    font-size: 1.25rem;
    line-height: 1.2
  }
}

.hero--egg-finder-banner .hero__description {
    font-weight: 600;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
  }

@media (min-width: 1025px) {

.hero--egg-finder-banner .hero__description {
      margin-top: 15px
  }
    }

.hero--egg-finder-banner .hero__inner-content {
    text-align: center;
    padding: 0 16px 65px
  }

@media (min-width: 1025px) {

.hero--egg-finder-banner .hero__inner-content {
      padding: 25px 180px
  }
    }

.hero--egg-finder-banner .hero__sub-title {
    margin-bottom: 15px
  }

@media (min-width: 1025px) {

.hero--egg-finder-banner .hero__sub-title {
      margin-bottom: 40px
  }
    }

@media (min-width: 1025px) {

.hero--egg-finder-banner .hero__form {
      max-width: 332px
  }
    }

.hero--egg-finder-banner .hero__title {
    margin-bottom: 8px;
  }

.hero--egg-finder {
  background: transparent
}

.hero--egg-finder .hero__wrapper {
    position: relative
  }

@media (min-width: 1025px) {
      .hero--egg-finder .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 67.5%;
  }
    }

.hero--egg-finder .hero__inner-content {
    height: auto;
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
    padding: 18px 0 0
  }

@media (min-width: 1025px) {

.hero--egg-finder .hero__inner-content {
      -webkit-justify-content: flex-start;
              justify-content: flex-start;
      max-width: 392px;
      width: 100%;
      padding: 0;
      text-align: left
  }
    }

.hero--egg-finder .hero__inner-content > *:not(.hero__cta) {
        padding: 0;
      }

.hero--egg-finder .hero__block-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 24px
  }

@media (min-width: 1025px) {

.hero--egg-finder .hero__block-content {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-flex-wrap: nowrap;
              flex-wrap: nowrap;
      max-width: 1280px;
      margin: 0 auto;
      padding: 0 100px
  }
    }

@media (min-width: 1440px) {

.hero--egg-finder .hero__block-content {
      padding: 0
  }
    }

.hero--egg-finder .hero__button {
    min-width: 200px;
    padding: 20px 23px;
  }

.hero--egg-finder .hero__description {
    font-size: 1rem;
    line-height: 1.5;
  }

@media (min-width: 1025px){

.hero--egg-finder .hero__description {
    font-size: 1.125rem;
    line-height: 1.33333;
  }
}

.hero--egg-finder .hero__description {
    font-weight: 600;
  }

@media (min-width: 1025px) {

.hero--egg-finder .hero__description {
    font-weight: 400;
  }
  }

.hero--egg-finder .hero__cta {
    margin-top: 15px
  }

@media (min-width: 1025px) {

.hero--egg-finder .hero__cta {
      margin-top: 24px
  }
    }

.hero--egg-finder .hero__title {
    font-size: 1.5rem;
    line-height: 1.33333
  }

@media (min-width: 1025px){

.hero--egg-finder .hero__title {
    font-size: 2rem;
    line-height: 1
  }
}

.hero--egg-finder .hero__title {
    font-weight: 600;
    margin-bottom: 5px
  }

@media (min-width: 1025px) {

.hero--egg-finder .hero__title {
      text-align: left;
      margin-bottom: 8px
  }
    }

@media (min-width: 1025px) {

.hero--egg-finder.hero--negative .hero__inner-content {
        -webkit-justify-content: center;
                justify-content: center
    }
      }

@media (min-width: 1025px) {

.hero--egg-finder.hero--negative .hero__block-content {
        -webkit-flex-direction: row-reverse;
                flex-direction: row-reverse
    }
      }

@media (min-width: 1025px) {

.hero--egg-finder.hero--negative .hero__image-figure {
        padding-left: 20px;
        padding-right: 0
    }
      }

@media (min-width: 1440px) {

.hero--egg-finder.hero--negative .hero__image-figure {
        padding-left: 60px
    }
      }

.hero__block-image--figure-desktop {
  display: none
}

@media (min-width: 1025px) {

.hero__block-image--figure-desktop {
    display: block
}
  }

@media (min-width: 1025px) {

.hero__block-image--figure-mobile {
    display: none
}
  }

.hero--egg-finder .hero__block-content {
    padding: 0
  }

@media (min-width: 1025px) {

.hero--egg-finder .hero__block-content {
      padding: 24px
  }
    }

.hero--egg-finder .hero__inner-content {
    padding: 0 24px 48px
  }

@media (min-width: 1025px) {

.hero--egg-finder .hero__inner-content {
      padding: 0
  }
    }

.hero--egg-finder .hero__block-image-wrapper {
    display: none
  }

@media (min-width: 1025px) {

.hero--egg-finder .hero__block-image-wrapper {
      display: block
  }
    }

.hero--egg-finder .hero__image-figure {
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    width: 100%
  }

@media (min-width: 1025px) {

.hero--egg-finder .hero__image-figure {
      padding-right: 20px;
      -webkit-flex: 0 1 500px;
              flex: 0 1 500px;
      max-width: 500px
  }
    }

@media (min-width: 1440px) {

.hero--egg-finder .hero__image-figure {
      padding-right: 60px;
      -webkit-flex: 0 1 725px;
              flex: 0 1 725px;
      max-width: 725px
  }
    }

@media (min-width: 1600px) {

.hero--egg-finder .hero__image-figure {
      -webkit-flex: 0 1 805px;
              flex: 0 1 805px;
      max-width: 805px
  }
    }

.hero--egg-finder .hero__image-figure .image:before {
    content: '';
    display: block;
    padding-top: 104.53333%;
  }

@media (min-width: 1025px) {
        .hero--egg-finder .hero__image-figure .image:before {
    content: '';
    display: block;
    padding-top: 78.19083%;
  }

      }

.hero--native .hero__title, .hero--gifting-hub-landing .hero__title {
    font-size: 2.25rem;
    line-height: 1.11111;
  }

@media (min-width: 1025px){

.hero--native .hero__title, .hero--gifting-hub-landing .hero__title {
    font-size: 4.5rem;
    line-height: 1;
  }
}

.hero--native .hero__title, .hero--gifting-hub-landing .hero__title {
    font-weight: 700;
  }

.hero--native .hero__wrapper:before, .hero--gifting-hub-landing .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 106.66667%;
  }

@media (min-width: 1025px) {
      .hero--native .hero__wrapper:before, .hero--gifting-hub-landing .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 50%;
  }
    }

.hero--native .hero__description, .hero--gifting-hub-landing .hero__description {
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: 400;
    display: block;
    text-align: center;
    margin-top: 11px
  }

@media (min-width: 1025px) {

.hero--native .hero__description, .hero--gifting-hub-landing .hero__description {
      margin-top: 13px
  }
    }

.hero--native .hero__inner-content, .hero--gifting-hub-landing .hero__inner-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 25px 12px
  }

@media (min-width: 1025px) {

.hero--native .hero__inner-content, .hero--gifting-hub-landing .hero__inner-content {
      max-width: 678px
  }
    }

.hero--native .hero__cta, .hero--gifting-hub-landing .hero__cta {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%
  }

@media (min-width: 1025px) {

.hero--native .hero__cta, .hero--gifting-hub-landing .hero__cta {
      margin-top: 42px
  }
    }

.hero--native .hero__button, .hero--gifting-hub-landing .hero__button {
    min-width: 140px;
    padding: 16px 15px
  }

@media (min-width: 1025px) {

.hero--native .hero__button, .hero--gifting-hub-landing .hero__button {
      min-width: 180px;
      padding: 19px 25px
  }
    }

.hero--native .hero__button + .hero__button, .hero--gifting-hub-landing .hero__button + .hero__button {
      margin-left: 12px
    }

@media (min-width: 1025px) {

.hero--native .hero__button + .hero__button, .hero--gifting-hub-landing .hero__button + .hero__button {
        margin-left: 18px
    }
      }

@media (min-width: 1025px) {
      .hero--gifting-hub-landing .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 33.875%;
  }
    }

@media (min-width: 1025px) {

.hero--gifting-hub-landing .hero__inner-content {
      padding-top: 14px;
      max-width: 640px
  }
    }

.hero--gifting-hub-landing .hero__button:first-child {
    min-width: 158px
  }

@media (min-width: 1025px) {

.hero--gifting-hub-landing .hero__button:first-child {
      min-width: 190px
  }
    }

@media (min-width: 1025px) {

.hero--gifting-hub-landing .hero__cta {
      margin-top: 17px
  }
    }

.hero--ingredient {
  padding-left: 15px;
  padding-right: 15px
}

@media (min-width: 1025px) {

.hero--ingredient {
    padding-left: 20px;
    padding-right: 20px
}
  }

.hero--ingredient .hero__block-image-wrapper:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.hero--ingredient .hero__block-image-wrapper {
    position: relative;
    width: 100%;
  }

.hero--ingredient .hero__wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
  }

.hero--ingredient .hero__wrapper:before {
      content: none;
    }

.hero--ingredient .hero__block-content {
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 100%;
  }

.hero--ingredient .hero__inner-content {
    padding: 0 0 4px;
    text-align: center;
    margin-top: 12px
  }

@media (min-width: 1025px) {

.hero--ingredient .hero__inner-content {
      margin-top: 6px
  }
    }

.hero--ingredient .hero__title,
  .hero--ingredient .hero__description {
    color: #000;
  }

.hero--ingredient .hero__title {
    font-size: 0.8125rem;
    line-height: 1.38462;
    letter-spacing: 0.07692em;
    font-weight: 700;
    text-transform: uppercase;

    display: inline-block;
    position: relative
  }

.hero--ingredient .hero__title:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -4px;
      width: 100%;
      height: 2px;
      background: transparent
    }

.is-clicked .hero--ingredient .hero__title:after {
        background: #000
    }

.hero--ingredient-info {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: stretch;
          align-items: stretch;
  -webkit-justify-content: stretch;
          justify-content: stretch;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  max-width: 100vw;
  -webkit-flex: 1 0 auto;
          flex: 1 0 auto
}

.hero--ingredient-info .hero__block-image-wrapper {
    position: absolute;
    max-height: 240px
  }

@media (min-width: 1025px) {

.hero--ingredient-info .hero__block-image-wrapper {
      position: absolute;
      left: 0;
      right: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      max-height: 100%
  }
    }

.hero--ingredient-info .hero__wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
  }

.hero--ingredient-info .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 64%;
  }

.hero--ingredient-info .hero__wrapper {
    height: 100%
  }

@media (min-width: 1025px) {
      .hero--ingredient-info .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 50%;
  }

.hero--ingredient-info .hero__wrapper {
      position: relative;
      width: 100%;
      height: 100%
  }
    }

.hero--ingredient-info .hero__block-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    position: relative;
    max-width: calc(100% - 24px);
    width: 100%;
    height: 100%;
    margin: 204px auto 0
  }

@media (min-width: 1025px) {

.hero--ingredient-info .hero__block-content {
      -webkit-flex: 0 1 auto;
              flex: 0 1 auto;
      max-width: 588px;
      padding: 59px;
      margin-left: 0;
      margin-top: auto
  }
    }

.hero--ingredient-info .hero__inner-content {
    height: 100%;
    padding: 27px 28px;
    background: #CC5E34
  }

@media (min-width: 1025px) {

.hero--ingredient-info .hero__inner-content {
      height: auto;
      padding: 40px 40px 37px
  }
    }

.hero--ingredient-info .hero__inner-content {
    padding: 27px 28px;
    background: #CC5E34
  }

@media (min-width: 768px) {

.hero--ingredient-info .hero__inner-content {
      padding: 40px 40px 37px
  }
    }

.hero--ingredient-info .hero__description, .hero--product-native .hero__description {
    display: block;
    margin: 0;
  }

.hero--ingredient-info .hero__inner-content, .hero--product-native .hero__inner-content {
    background: #CC5E34;
  }

.hero--product-native .hero__block-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    position: relative;
    max-width: calc(100% - 24px);
    width: 100%;
    margin: 204px auto 0
  }

@media (min-width: 1025px) {

.hero--product-native .hero__block-content {
      max-width: 588px;
      padding: 59px;
      margin-left: 0;
      margin-top: auto
  }
    }

.hero--product-native .hero__wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
  }

.hero--product-native .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 64%;
  }

.hero--product-native .hero__wrapper {
    height: 100%
  }

@media (min-width: 1025px) {
      .hero--product-native .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 66.93548%;
  }

.hero--product-native .hero__wrapper {
      position: relative;
      width: 100%;
      height: 100%
  }
    }

.hero--product-native .hero__block-image-wrapper {
    position: absolute;
    max-height: 240px
  }

@media (min-width: 1025px) {

.hero--product-native .hero__block-image-wrapper {
      position: absolute;
      left: 0;
      right: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      max-height: 100%
  }
    }

.hero--product-native .hero__cta {
    margin-top: 19px
  }

@media (min-width: 1025px) {

.hero--product-native .hero__cta {
      margin-top: 21px
  }
    }

.hero--product-native .hero__button {
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.0625em;
    min-width: 244px;
    padding: 15px 20px
  }

@media (max-width: 599px) {

.hero--product-native .hero__button {
      width: 100%
  }
    }

.hero--product-native .hero__inner-content {
    padding: 25px 28px
  }

@media (min-width: 1025px) {

.hero--product-native .hero__inner-content {
      padding: 39px 40px 40px
  }
    }

.hero--native-discover-more .hero__block-image-wrapper:before {
    content: '';
    display: block;
    padding-top: 61.33333%;
  }

.hero--native-discover-more .hero__block-image-wrapper {
    position: relative;
    width: 100%
  }

@media (min-width: 768px) {

.hero--native-discover-more .hero__block-image-wrapper {
      position: absolute;
      left: 0;
      right: 0;
      position: absolute;
      top: 0;
      bottom: 0
  }
    }

.hero--native-discover-more .hero__wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
  }

.hero--native-discover-more .hero__wrapper:before {
      content: none;
    }

@media (min-width: 768px) {

.hero--native-discover-more .hero__wrapper {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap
  }
      .hero--native-discover-more .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 50%;
  }
    }

.hero--native-discover-more .hero__block-content {
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 100%
  }

@media (min-width: 768px) {

.hero--native-discover-more .hero__block-content {
      -webkit-flex: 0 1 auto;
              flex: 0 1 auto;
      width: auto;
      margin: 111px 0 auto
  }
    }

.hero--native-discover-more .hero__description {
    color: #8A8A8A
  }

@media (min-width: 768px) {

.hero--native-discover-more .hero__description {
      color: #ffffff
  }
    }

.hero--native-discover-more .hero__title,
  .hero--native-discover-more .hero__title-link {
    font-size: 1.75rem;
    line-height: 1
  }

@media (min-width: 1025px){

.hero--native-discover-more .hero__title,
  .hero--native-discover-more .hero__title-link {
    font-size: 3rem;
    line-height: 1.125
  }
}

.hero--native-discover-more .hero__title,
  .hero--native-discover-more .hero__title-link {
    font-weight: 700;
    color: #000
  }

.hero--native-discover-more .hero__title:hover, .hero--native-discover-more .hero__title-link:hover {
      text-decoration: none;
    }

@media (min-width: 768px) {

.hero--native-discover-more .hero__title,
  .hero--native-discover-more .hero__title-link {
      color: #ffffff
  }
    }

.hero--native-discover-more .hero__description {
    font-size: 0.9375rem;
    line-height: 1.33333
  }

@media (min-width: 1025px){

.hero--native-discover-more .hero__description {
    font-size: 1.25rem;
    line-height: 1.4
  }
}

@media (min-width: 1025px) {

.hero--native-discover-more .hero__description {
    font-weight: 700
  }
  }

.hero--native-discover-more .hero__description {
    display: block;
    margin-top: 8px;
    padding: 0 22px;
    text-align: center
  }

@media (min-width: 768px) {

.hero--native-discover-more .hero__description {
      margin-top: 4px
  }
    }

.hero--native-discover-more .hero__inner-content {
    padding: 21px 12px 24px
  }

@media (min-width: 768px) {

.hero--native-discover-more .hero__inner-content {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap
  }
    }

.hero--native-discover-more .hero__cta {
    margin-top: 16px
  }

@media (min-width: 768px) {

.hero--native-discover-more .hero__cta {
      margin-top: 24px
  }
    }

.hero--native-discover-more .hero__button {
    width: 100%;
    padding: 16px 20px
  }

@media (min-width: 768px) {

.hero--native-discover-more .hero__button {
      width: auto;
      min-width: 160px;
      padding: 20px 20px 18px
  }
    }

.hero--flexible-collection-banner .hero__block-image-wrapper:before {
    content: '';
    display: block;
    padding-top: 61.33333%;
  }

.hero--flexible-collection-banner .hero__block-image-wrapper {
    position: relative;
    width: 100%
  }

@media (min-width: 768px) {
      .hero--flexible-collection-banner .hero__block-image-wrapper:before {
    content: '';
    display: block;
    padding-top: 50%;
  }

.hero--flexible-collection-banner .hero__block-image-wrapper {
      position: absolute;
      left: 0;
      right: 0;
      position: absolute;
      top: 0;
      bottom: 0
  }
    }

.hero--flexible-collection-banner .hero__wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
  }

.hero--flexible-collection-banner .hero__wrapper:before {
      content: none;
    }

@media (min-width: 768px) {

.hero--flexible-collection-banner .hero__wrapper {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap
  }
      .hero--flexible-collection-banner .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 50%;
  }
    }

.hero--flexible-collection-banner .hero__block-content {
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 100%
  }

@media (min-width: 768px) {

.hero--flexible-collection-banner .hero__block-content {
      -webkit-flex: 0 1 auto;
              flex: 0 1 auto;
      width: auto;
      margin: 111px 0 auto
  }
    }

.hero--flexible-collection-banner .hero__description {
    font-size: 1.0625rem;
    line-height: 1.29412
  }

@media (min-width: 1025px){

.hero--flexible-collection-banner .hero__description {
    font-size: 1.25rem;
    line-height: 1.4
  }
}

.hero--flexible-collection-banner .hero__description {
    font-weight: 400
  }

@media (min-width: 1025px) {

.hero--flexible-collection-banner .hero__description {
    font-weight: 700
  }
  }

.hero--flexible-collection-banner .hero__description {
    color: #8A8A8A
  }

@media (min-width: 768px) {

.hero--flexible-collection-banner .hero__description {
      color: #ffffff
  }
    }

.hero--flexible-collection-banner .hero__title,
  .hero--flexible-collection-banner .hero__title-link {
    font-size: 1.875rem;
    line-height: 1
  }

@media (min-width: 1025px){

.hero--flexible-collection-banner .hero__title,
  .hero--flexible-collection-banner .hero__title-link {
    font-size: 3rem;
    line-height: 1.125
  }
}

.hero--flexible-collection-banner .hero__title,
  .hero--flexible-collection-banner .hero__title-link {
    font-weight: 700;

    color: #000
  }

.hero--flexible-collection-banner .hero__title:hover, .hero--flexible-collection-banner .hero__title-link:hover {
      text-decoration: none;
    }

@media (min-width: 768px) {

.hero--flexible-collection-banner .hero__title,
  .hero--flexible-collection-banner .hero__title-link {
      color: #ffffff
  }
    }

.hero--flexible-collection-banner .hero__title + .hero__description, .hero--flexible-collection-banner .hero__title-link + .hero__description {
      margin-top: 6px;
    }

.hero--flexible-collection-banner .hero__description {
    font-size: 0.9375rem;
    line-height: 1.33333
  }

@media (min-width: 1025px){

.hero--flexible-collection-banner .hero__description {
    font-size: 1.25rem;
    line-height: 1.4
  }
}

@media (min-width: 1025px) {

.hero--flexible-collection-banner .hero__description {
    font-weight: 700
  }
  }

.hero--flexible-collection-banner .hero__description {
    display: block;
    margin-top: 8px;
    padding: 0 22px;
    text-align: center
  }

@media (min-width: 768px) {

.hero--flexible-collection-banner .hero__description {
      margin-top: 4px
  }
    }

.hero--flexible-collection-banner .hero__inner-content {
    padding: 21px 12px 24px
  }

@media (min-width: 768px) {

.hero--flexible-collection-banner .hero__inner-content {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap
  }
    }

.hero--flexible-collection-banner .hero__cta {
    margin-top: 16px
  }

@media (min-width: 768px) {

.hero--flexible-collection-banner .hero__cta {
      margin-top: 24px
  }
    }

.hero--flexible-collection-banner .hero__button {
    width: 100%;
    padding: 16px 20px
  }

@media (min-width: 768px) {

.hero--flexible-collection-banner .hero__button {
      width: auto;
      min-width: 160px;
      padding: 20px 20px 18px
  }
    }

@media (min-width: 1025px) {

.hero--collection.hero--content-left .hero__wrapper {
        padding-left: 24px;
        padding-right: 24px
    }
      }

@media (min-width: 768px) {

.hero--collection.hero--content-left .hero__block-content {
        padding-left: 32px;
        padding-right: 32px
    }
      }

@media (min-width: 1280px) {

.hero--collection.hero--content-left .hero__block-content {
        padding-left: 16px;
        padding-right: 16px
    }
      }

@media (min-width: 1025px) {

.hero--collection.hero--content-left .hero__description {
        text-align: left
    }
      }

.hero--collection .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 92.8%;
  }

@media (min-width: 1025px) {
      .hero--collection .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 32.75%;
  }
    }

.hero--collection .hero__block-content {
    padding: 0 24px 0 23px;
  }

.hero--collection .hero__inner-content {
    max-width: 328px;
    padding: 24px
  }

@media (min-width: 1025px) {

.hero--collection .hero__inner-content {
      max-width: 390px;
      padding: 40px 40px 44px
  }
    }

@media(max-width: 767px) {

.hero--collection .hero__inner-content {
      background-color: #000
  }
    }

.hero--collection .hero__title {
    font-size: 1rem;
    line-height: 1.1875;
  }

@media (min-width: 1025px){

.hero--collection .hero__title {
    font-size: 2.25rem;
    line-height: 1.11111;
  }
}

.hero--collection .hero__title {
    font-weight: 700;
    color: #ffffff;
  }

.hero--collection .hero__description {
    font-size: 0.8125rem;
    line-height: 1.38462;
  }

@media (min-width: 1025px){

.hero--collection .hero__description {
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: 0.005em;
  }
}

.hero--collection .hero__description {
    font-weight: 400;
    display: block;
    text-align: center;
  }

.hero--collection .hero__title + .hero__description {
    margin-top: 8px
  }

@media (min-width: 1025px) {

.hero--collection .hero__title + .hero__description {
      margin-top: 18px
  }
    }

.hero--product-bottom .hero__block-content {
    -webkit-align-items: normal;
            align-items: normal;
    margin: 204px auto 27px;
    max-width: 352px
  }

@media (min-width: 768px) {

.hero--product-bottom .hero__block-content {
      margin: 59px;
      max-width: 470px
  }
    }

.hero--product-bottom .hero__inner-content {
    padding: 40px;
  }

.hero--product-bottom .button--hero {
    padding: 16px 20px;
    min-width: 244px;
  }

.hero--product-bottom .hero-description {
    margin-top: 0
  }

.hero--product-bottom .hero-description > h4 {
      font-size: 24px;
      letter-spacing: 0.5px;
      line-height: 19px;
    }

.hero--product-bottom .hero-description > p {
      font-size: 15px;
      font-style: italic;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 16px;
      margin-top: 10px;
    }

.hero--product-bottom .hero-description ul {
      margin-top: 24px
    }

.hero--product-bottom .hero-description ul li {
        padding: 30px 0;
        border-bottom: 1px solid #fff
      }

.hero--product-bottom .hero-description ul li:last-child {
          border: none;
        }

.hero--product-bottom .hero-description ul li:first-child {
          padding-top: 0;
        }

.hero--product-bottom .hero-description ul h4 {
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 16px;
      }

.hero--product-bottom .hero-description ul p {
        font-size: 15px;
        letter-spacing: 0;
        line-height: 20px;
      }

@media (min-width: 1025px) {

.hero--flexible-cms-3 {
    padding-right: 74px
}
  }

.hero--flexible-cms-3 .hero__description {
    display: block;
  }

.hero--flexible-cms-3 .hero__inner-content {
    text-align: center;
    padding: 0
  }

@media (min-width: 1025px) {

.hero--flexible-cms-3 .hero__inner-content {
      text-align: left
  }
    }

.hero--flexible-cms-3 .hero__block-content {
    margin-top: 18px;
    -webkit-justify-content: flex-end;
            justify-content: flex-end
  }

@media (min-width: 1025px) {

.hero--flexible-cms-3 .hero__block-content {
      max-width: 444px
  }
    }

.hero--flexible-cms-3 .hero__wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
  }

.hero--flexible-cms-3 .hero__wrapper:before {
      content: none;
    }

@media (min-width: 1025px) {

.hero--flexible-cms-3 .hero__wrapper {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: flex-end;
              justify-content: flex-end;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap
  }
      .hero--flexible-cms-3 .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 45.96913%;
  }
    }

.hero--flexible-cms-3 .hero__block-image-wrapper:before {
    content: '';
    display: block;
    padding-top: 89.06667%;
  }

.hero--flexible-cms-3 .hero__block-image-wrapper {
    position: relative;
    width: 100%;
    z-index: 1
  }

@media (min-width: 1025px) {

.hero--flexible-cms-3 .hero__block-image-wrapper {
      position: absolute;
      left: 0;
      right: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      width: 79.073756%
  }

      .hero--flexible-cms-3 .hero__block-image-wrapper:before {
        content: none;
      }
    }

.hero--flexible-cms-3 .hero__title,
  .hero--flexible-cms-3 .hero__description {
    color: #000;
  }

.hero--flexible-cms-3 .hero__title {
    font-size: 1.5rem;
    line-height: 1.16667
  }

@media (min-width: 1025px){

.hero--flexible-cms-3 .hero__title {
    font-size: 1.875rem;
    line-height: 1
  }
}

.hero--flexible-cms-3 .hero__title {
    font-weight: 700
  }

@media (min-width: 1025px) {

.hero--flexible-cms-3 .hero__title {
      text-align: left
  }
    }

.hero--flexible-cms-3 .hero__description {
    font-size: 0.9375rem;
    line-height: 1.33333
  }

@media (min-width: 1025px){

.hero--flexible-cms-3 .hero__description {
    font-size: 1.0625rem;
    line-height: 1.41176
  }
}

.hero--flexible-cms-3 .hero__description {
    font-weight: 400;
    margin-top: 8px
  }

@media (min-width: 1025px) {

.hero--flexible-cms-3 .hero__description {
      margin-top: 10px
  }
    }

@media (min-width: 1025px) {

.hero--flexible-cms-3.hero--cms-3-reverse {
      padding-right: 0;
      padding-left: 74px
  }
    }

@media (min-width: 1025px) {

.hero--flexible-cms-3.hero--cms-3-reverse .hero__wrapper {
        -webkit-justify-content: flex-start;
                justify-content: flex-start
    }
      }

.hero--flexible-cms-3.hero--cms-3-reverse .hero__inner-content {
      padding: 0 24px
    }

@media (min-width: 1025px) {

.hero--flexible-cms-3.hero--cms-3-reverse .hero__inner-content {
        padding: 0
    }
      }

.hero--flexible-cms-3.hero--cms-3-reverse .hero__block-content {
      margin-top: -98px
    }

@media (min-width: 1025px) {

.hero--flexible-cms-3.hero--cms-3-reverse .hero__block-content {
        margin: 0
    }
      }

@media (min-width: 1025px) {

.hero--flexible-cms-3.hero--cms-3-reverse .hero__block-image-wrapper {
        left: auto
    }
      }

.hero--flexible-hero-collection .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 92.8%;
  }

@media (min-width: 768px) {
      .hero--flexible-hero-collection .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 32.75%;
  }
    }

@media (max-width: 767px) {

.hero--flexible-hero-collection .hero__block-content {
      display: block;
      position: absolute;
      bottom: 0;
      -webkit-transform: translateY(50%);
              transform: translateY(50%)
  }
    }

.hero--flexible-hero-collection .hero__inner-content {
    max-width: 343px;
    margin: 0 auto;
    padding: 24px 16px;
    text-align: center;
    background: #25baaa
  }

@media (min-width: 1025px) {

.hero--flexible-hero-collection .hero__inner-content {
      max-width: 408px;
      margin: 0;
      padding: 36px 42px 42px;
      text-align: left
  }
    }

.hero--flexible-hero-collection .hero__title {
    font-size: 1.25rem;
    line-height: 1
  }

@media (min-width: 1025px){

.hero--flexible-hero-collection .hero__title {
    font-size: 2.25rem;
    line-height: 1.11111
  }
}

.hero--flexible-hero-collection .hero__title {
    font-weight: 700;
    text-align: center
  }

@media (min-width: 1025px) {

.hero--flexible-hero-collection .hero__title {
      text-align: left
  }
    }

.hero--flexible-hero-collection .hero__description {
    font-size: 0.9375rem;
    line-height: 1.33333;
    font-weight: 400;
    display: block;
    margin-top: 13px
  }

@media (min-width: 1025px) {

.hero--flexible-hero-collection .hero__description {
      font-size: 1.25rem;
      line-height: 1.2
  }
    }

.hero--flexible-hero-two-up-alternate .hero__wrapper:before {
      content: none;
    }

.hero--flexible-hero-two-up-alternate .hero__inner-content {
    padding: 0 8px;
    text-align: center
  }

@media (min-width: 1025px) {

.hero--flexible-hero-two-up-alternate .hero__inner-content {
      text-align: left
  }
    }

.hero--flexible-hero-two-up-alternate .hero__title {
    font-size: 1.5rem;
    line-height: 1.16667
  }

@media (min-width: 1025px){

.hero--flexible-hero-two-up-alternate .hero__title {
    font-size: 2.25rem;
    line-height: 1.11111
  }
}

.hero--flexible-hero-two-up-alternate .hero__title {
    color: #000
  }

@media (min-width: 1025px) {

.hero--flexible-hero-two-up-alternate .hero__title {
      text-align: left
  }
    }

.hero--flexible-hero-two-up-alternate .hero-description {
    font-weight: 400;
    display: block;
    color: #8A8A8A
  }

@media (min-width: 1025px) {

.hero--flexible-hero-two-up-alternate .hero-description {
      font-size: 1.25rem;
      line-height: 1.2;
      font-weight: 700;
      font-weight: 400
  }
    }

.hero--flexible-hero-two-up-alternate .hero__cta {
    margin-top: 16px
  }

@media (min-width: 1025px) {

.hero--flexible-hero-two-up-alternate .hero__cta {
      margin-top: 24px
  }

      .hero--flexible-hero-two-up-alternate .hero__cta .button--hero {
        min-width: 196px;
      }
    }

@media (min-width: 1025px) {

.hero--flexible-reverse .hero__block-content {
      -webkit-align-items: flex-start;
              align-items: flex-start;
      max-width: 1240px;
      margin: 0 auto
  }
    }

.hero--product-call-out:after {
    content: none;
  }

.hero--product-call-out .hero__wrapper:before {
      content: none;
    }

.hero--product-call-out .hero__block-image-wrapper {
    display: none
  }

@media (min-width: 1025px) {

.hero--product-call-out .hero__block-image-wrapper {
      display: block;
      width: 59.9%
  }
    }

@media (min-width: 1025px) {

.hero--product-call-out .hero__block-content {
      -webkit-flex: 1 1;
              flex: 1 1
  }
    }

@media (min-width: 1025px) {

.hero--product-call-out .hero__block-content {
      padding-left: 10px
  }
    }

.hero--product-call-out .hero__inner-content {
    padding: 0;
    text-align: center
  }

@media (min-width: 1025px) {

.hero--product-call-out .hero__inner-content {
      max-width: 387px;
      text-align: left
  }
    }

.hero--product-call-out .hero__title {
    font-size: 1.5rem;
    line-height: 1.16667
  }

@media (min-width: 1025px){

.hero--product-call-out .hero__title {
    font-size: 2.25rem;
    line-height: 1.11111
  }
}

.hero--product-call-out .hero__title {
    color: #000
  }

@media (min-width: 1025px) {

.hero--product-call-out .hero__title {
      text-align: left
  }
    }

.hero--product-call-out .hero-description {
    font-weight: 400;
    display: block;
    color: #8A8A8A
  }

@media (min-width: 1025px) {

.hero--product-call-out .hero-description {
      font-size: 1.25rem;
      line-height: 1.2;
      font-weight: 700;
      font-weight: 400
  }
    }

.hero--product-call-out .hero__cta {
    margin-top: 16px
  }

@media (min-width: 1025px) {

.hero--product-call-out .hero__cta {
      margin-top: 24px
  }

      .hero--product-call-out .hero__cta .button--hero {
        min-width: 264px;
      }
    }

@media (min-width: 1025px) {

.hero--product-call-out-reverse .hero__wrapper {
      -webkit-flex-direction: row-reverse;
              flex-direction: row-reverse
  }
    }

@media (min-width: 1025px) {

.hero--product-call-out-potrait {
    margin-bottom: 64px
}
  }

.hero--product-call-out-potrait:after {
    content: none;
  }

.hero--product-call-out-potrait .hero__wrapper:before {
      content: none;
    }

.hero--product-call-out-potrait .hero__block-content {
    text-align: center
  }

@media (min-width: 1025px) {

.hero--product-call-out-potrait .hero__block-content {
      text-align: left
  }
    }

.hero--product-call-out-potrait .hero__inner-content {
    padding: 0;
    max-width: 444px;
  }

.hero--product-call-out-potrait .hero__title {
    font-size: 1.5rem;
    line-height: 1.16667
  }

@media (min-width: 1025px){

.hero--product-call-out-potrait .hero__title {
    font-size: 1.875rem;
    line-height: 1
  }
}

.hero--product-call-out-potrait .hero__title {
    font-weight: 700;
    color: #000
  }

@media (min-width: 1025px) {

.hero--product-call-out-potrait .hero__title {
      text-align: left
  }
    }

.hero--product-call-out-potrait .hero__description {
    font-size: 0.9375rem;
    line-height: 1.33333;
  }

@media (min-width: 1025px){

.hero--product-call-out-potrait .hero__description {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

.hero--product-call-out-potrait .hero__description {
    font-weight: 400;
    color: #8A8A8A;
  }

.hero--product-call-out-potrait .hero__cta {
    margin-top: 18px;
  }

.hero--product-call-out-potrait .hero__button {
    padding: 0 0 5px;
  }

.hero--product-call-out-potrait-2 .hero__description {
    font-size: 0.9375rem;
    line-height: 1.33333
  }

@media (min-width: 1025px){

.hero--product-call-out-potrait-2 .hero__description {
    font-size: 1.0625rem;
    line-height: 1.41176
  }
}

.hero--product-call-out-potrait-2 .hero__description {
    font-weight: 400;
    color: #000;
    margin-top: 8px
  }

@media (min-width: 1025px) {

.hero--product-call-out-potrait-2 .hero__description {
      margin-top: 10px
  }
    }

.hero--product-call-out-potrait-2 .hero__button {
    padding: 17px 15px;
  }

.hero--flexible-hero-cms .hero__title {
    font-size: 1.75rem;
    line-height: 1.14286
  }

@media (min-width: 1025px){

.hero--flexible-hero-cms .hero__title {
    font-size: 2.25rem;
    line-height: 1.22222
  }
}

.hero--flexible-hero-cms .hero__title {
    font-weight: 700;
    color: #000
  }

@media (min-width: 1025px) {

.hero--flexible-hero-cms .hero__title {
      color: #ffffff
  }
    }

.hero--flexible-hero-cms .hero__title + .hero__description {
      font-size: 0.9375rem;
      line-height: 1.33333
    }

@media (min-width: 1025px){

.hero--flexible-hero-cms .hero__title + .hero__description {
    font-size: 1.25rem;
    line-height: 1.2
    }
}

.hero--flexible-hero-cms .hero__title + .hero__description {
      font-weight: normal
    }

@media (min-width: 1025px) {

.hero--flexible-hero-cms .hero__title + .hero__description {
    font-weight: 700
    }
  }

.hero--flexible-hero-cms .hero__title + .hero__description {
      margin-top: 10px
    }

@media (min-width: 1025px) {

.hero--flexible-hero-cms .hero__title + .hero__description {
        margin-top: 16px
    }
      }

.hero--flexible-hero-cms .hero-description {
    font-weight: 400;

    display: block;
    color: #8A8A8A;
    text-align: center
  }

@media (min-width: 1025px) {

.hero--flexible-hero-cms .hero-description {
      font-weight: 700;

      color: #ffffff
  }
    }

.hero--flexible-hero-cms .hero-description + .hero__cta {
      margin-top: 16px
    }

@media (min-width: 1025px) {

.hero--flexible-hero-cms .hero-description + .hero__cta {
        margin-top: 26px
    }
      }

.hero--flexible-hero-cms .hero__wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
  }

.hero--flexible-hero-cms .hero__wrapper:before {
      content: none;
    }

@media (min-width: 1025px) {

.hero--flexible-hero-cms .hero__wrapper {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: flex-end;
              justify-content: flex-end;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap
  }
      .hero--flexible-hero-cms .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 43%;
  }
    }

.hero--flexible-hero-cms .hero__block-image-wrapper:before {
    content: '';
    display: block;
    padding-top: 92.8%;
  }

.hero--flexible-hero-cms .hero__block-image-wrapper {
    position: relative;
    width: 100%;
    z-index: 1
  }

@media (min-width: 1025px) {

.hero--flexible-hero-cms .hero__block-image-wrapper {
      position: absolute;
      left: 0;
      right: 0;
      position: absolute;
      top: 0;
      bottom: 0
  }

      .hero--flexible-hero-cms .hero__block-image-wrapper:before {
        content: none;
      }
    }

.hero--flexible-hero-cms .hero__block-content {
    margin-top: -64px;
    padding: 0 4.266667%
  }

.hero--flexible-hero-cms .hero__inner-content {
    padding: 26px 40px 32px;
    background: #ffffff;
    box-shadow: 0 0 15px 20px rgba(0, 0, 0, 0.02)
  }

@media (min-width: 1025px) {

.hero--flexible-hero-cms .hero__inner-content {
      background: transparent;
      box-shadow: none;
      padding: 0
  }
    }

.hero--flexible-hero-cms .hero__cta {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }

.hero--flexible-hero-cms .hero__button {
    min-width: 200px;
    padding: 20px
  }

@media (min-width: 1025px) {

.hero--flexible-hero-cms .hero__button {
      font-weight: 400;

      min-width: 224px;
      background: #ffffff;
      color: #000;
      border-color: #ffffff
  }

      .hero--flexible-hero-cms .hero__button:hover {
        background-color: #00bdac;
        border-color: #00bdac;
        color: {{ settings.color_secondary_button_hover_text }};
      }
    }

.hero--flexible-collection-two-up .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 79.30029%;
  }

@media (min-width: 1025px) {
      .hero--flexible-collection-two-up .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 79.24837%;
  }
    }

.hero--flexible-collection-two-up .hero__title {
    font-size: 1.5rem;
    line-height: 1;
    font-weight: bold;
    text-transform: none;
  }

@media (min-width: 1025px) {

.hero--flexible-collection-two-up .hero__title {
    text-transform: uppercase;
  }
  }

.hero--flexible-collection-two-up .hero__title {
    text-transform: none;
  }

.hero--flexible-collection-two-up .hero__inner-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-end;
            align-items: flex-end;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    height: 124px;
  }

.hero--flexible-event-collection .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 68.11594%;
  }

@media (min-width: 1025px) {
      .hero--flexible-event-collection .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 68.04979%;
  }
    }

.hero--flexible-event-collection .hero__block-content {
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
  }

.hero--flexible-event-collection .hero__inner-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: auto;
    padding: 24px;
  }

.hero--flexible-event-collection .hero__image .image__img {
    height: 100%;
  }

.hero--flexible-column-tiles-3 .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 73.07692%;
  }

@media (min-width: 1025px) {
      .hero--flexible-column-tiles-3 .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 72.63682%;
  }
    }

.hero--flexible-column-tiles-3 .hero__inner-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-end;
            align-items: flex-end;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    height: 100px;
  }

.hero--flexible-column-tiles-4 .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.hero--flexible-column-tiles-4 .hero__inner-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-end;
            align-items: flex-end;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    height: 100px;
  }

.hero--flexible-background-gradient .hero__block-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-end;
            align-items: flex-end;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }

.hero--flexible-background-gradient .hero__inner-content {
    padding: 24px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  }

.hero--flexible-background-gradient .hero__title {
    text-align: left;
  }

.hero--flexible-ingredient-info .image__img {
    width: 100%;
  }

.hero--flexible-banner-reverse .hero__wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: column-reverse;
            flex-direction: column-reverse
  }

.hero--flexible-banner-reverse .hero__wrapper::before {
      content: none;
    }

.hero--flexible-banner-reverse .hero__block-image-wrapper:before {
    content: '';
    display: block;
    padding-top: 87.46356%;
  }

.hero--flexible-banner-reverse .hero__block-image-wrapper {
    position: relative;
    width: 100%
  }

@media (min-width: 1025px) {
      .hero--flexible-banner-reverse .hero__block-image-wrapper:before {
    content: '';
    display: block;
    padding-top: 56.12903%;
  }
    }

.hero--flexible-banner-reverse .hero__title {
    font-size: 1.875rem;
    line-height: 1
  }

@media (min-width: 1025px){

.hero--flexible-banner-reverse .hero__title {
    font-size: 2.25rem;
    line-height: 1.11111
  }
}

.hero--flexible-banner-reverse .hero__title {
    font-weight: 700;

    color: #000;
    text-align: center
  }

.hero--flexible-banner-reverse .hero__title + .hero__description {
      margin-top: 13px
    }

@media (min-width: 1025px) {

.hero--flexible-banner-reverse .hero__title + .hero__description {
        margin-top: 10px
    }
      }

.hero--flexible-banner-reverse .hero__description {
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 400;

    color: #8A8A8A;
    text-align: center;
  }

.hero--flexible-banner-reverse .hero__inner-content {
    max-width: 672px;
    padding: 0 0 24px
  }

@media (min-width: 1025px) {

.hero--flexible-banner-reverse .hero__inner-content {
      padding-bottom: 48px
  }
    }

.hero--praline-two-up:first-child .hero__block-image-wrapper {
      margin-top: 0;
    }

.hero--praline-two-up .hero__wrapper:before {
      content: none;
    }

.hero--praline-two-up .hero__block-content {
    margin-top: 20px;
    margin-bottom: 24px
  }

@media (min-width: 1025px) {

.hero--praline-two-up .hero__block-content {
      margin-top: 0;
      padding-left: 36px
  }
    }

@media (min-width: 1025px) {

.hero--praline-two-up .hero__block-image-wrapper {
      margin-top: 40px
  }

      .hero--praline-two-up .hero__block-image-wrapper:last-child {
        margin-top: 0;
      }
    }

.hero--praline-two-up .hero__title {
    font-size: 1.5rem;
    line-height: 1.16667
  }

@media (min-width: 1025px){

.hero--praline-two-up .hero__title {
    font-size: 2.25rem;
    line-height: 1.11111
  }
}

.hero--praline-two-up .hero__title {
    color: #050606
  }

@media (min-width: 1025px) {

.hero--praline-two-up .hero__title {
      max-width: 264px;
      text-align: left
  }
    }

@media (min-width: 1025px) {

.hero--praline-two-up .hero__description {
      margin-top: 12px
  }
    }

.hero--praline-two-up .hero__description p {
    font-size: 0.9375rem;
    line-height: 1.33333;
    letter-spacing: 0;
  }

@media (min-width: 1025px){

.hero--praline-two-up .hero__description p {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

.hero--praline-two-up .hero__description p {
    font-weight: 400;

    margin-top: 4px;
    color: #8A8A8A;
  }

.hero--praline-two-up .hero__cta {
    margin-top: 10px
  }

@media (min-width: 1025px) {

.hero--praline-two-up .hero__cta {
      margin-top: 24px
  }
    }

.hero--praline-two-up .hero__button {
    min-width: 190px;
  }

.hero--blog .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 32%;
  }

@media (min-width: 1025px) {
      .hero--blog .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 32.75%;
  }
    }

.hero--blog .hero__inner-content {
    padding: 0 12px;
    text-align: center
  }

@media (min-width: 1025px) {

.hero--blog .hero__inner-content {
      padding: 0;
      max-width: 331px;
      text-align: left
  }
    }

.hero--blog .hero__title {
    font-size: 1.5rem;
    line-height: 1.16667
  }

@media (min-width: 1025px){

.hero--blog .hero__title {
    font-size: 2.25rem;
    line-height: 1.11111
  }
}

.hero--blog .hero__title {
    color: #050606
  }

@media (min-width: 1025px) {

.hero--blog .hero__title {
      max-width: 264px;
      text-align: left
  }
    }

.hero--blog .hero__description {
    font-size: 0.9375rem;
    line-height: 1.33333
  }

@media (min-width: 1025px){

.hero--blog .hero__description {
    font-size: 1.25rem;
    line-height: 1.4
  }
}

@media (min-width: 1025px) {

.hero--blog .hero__description {
    font-weight: 700
  }
  }

@media (min-width: 1025px) {

.hero--blog .hero__description {
      margin-top: 12px
  }
    }

.hero--blog .hero__description p {
    font-size: 0.9375rem;
    line-height: 1.33333;
    letter-spacing: 0;
  }

@media (min-width: 1025px){

.hero--blog .hero__description p {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

.hero--blog .hero__description p {
    font-weight: 400;
    margin-top: 4px;
    color: #8A8A8A;
  }

.hero--blog .hero__cta {
    margin-top: 10px
  }

@media (min-width: 1025px) {

.hero--blog .hero__cta {
      margin-top: 24px
  }
    }

.hero--blog .hero__button {
    min-width: 190px
  }

.hero--blog .hero__button:hover {
      background: #00bdac;
    }

.hero--praline .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 59.73333%;
  }

@media (min-width: 1025px) {
      .hero--praline .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 50%;
  }
    }

.hero--praline .hero__inner-content {
    max-width: 900px;
    padding: 25px 18px
  }

@media (min-width: 1025px) {

.hero--praline .hero__inner-content {
      padding: 25px 56px;
      text-align: center
  }
    }

@media (min-width: 1025px) {

.hero--praline .hero__inner-content {
      margin: 0 auto 18px;
      max-width: 816px
  }
    }

.hero--praline .hero__description-readmore {
    margin-top: 1px;
    margin-left: 2px;
  }

.hero--praline .hero__description--readmore .read-more__content {
      margin-top: 0;
    }

.hero--praline .hero__title {
    font-size: 1.75rem;
    line-height: 1.07143;
  }

@media (min-width: 1025px){

.hero--praline .hero__title {
    font-size: 4.5rem;
    line-height: 1;
  }
}

.hero--praline .hero__title {
    font-weight: 700;
  }

.hero--praline .hero__description {
    font-size: 0.9375rem;
    line-height: 1.33333
  }

@media (min-width: 1025px){

.hero--praline .hero__description {
    font-size: 1.25rem;
    line-height: 1.4
  }
}

.hero--praline .hero__description {
    font-weight: 700;

    margin-top: 7px;
    text-align: center
  }

@media (min-width: 1025px) {

.hero--praline .hero__description {
      margin-top: 13px
  }
    }

.hero--praline .hero__button {
    font-weight: 700;

    width: 100%;
    min-width: 0;
    margin: 6px 0;
    padding: 21px 28px 20px
  }

@media (min-width: 1025px) {

.hero--praline .hero__button {
      width: auto;
      min-width: 230px;
      margin: 9px
  }
    }

.hero--praline .hero__cta {
    width: 100%;
    margin-top: 9px;
    padding: 0 6px
  }

@media (min-width: 1025px) {

.hero--praline .hero__cta {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;

      margin-top: 17px;
      padding: 0
  }
    }

.hero--praline-box .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 59.73333%;
  }

@media (min-width: 1025px) {

      .hero--praline-box .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 31.25%;
  }
    }

.hero--praline-box .hero__inner-content {
    padding: 25px 18px
  }

@media (min-width: 1025px) {

.hero--praline-box .hero__inner-content {
      padding: 25px 100px
  }
    }

.hero--praline-box .hero__title {
    font-size: 1.75rem;
    line-height: 1.07143;
  }

@media (min-width: 1025px){

.hero--praline-box .hero__title {
    font-size: 3rem;
    line-height: 1.125;
  }
}

.hero--praline-box .hero__title {
    @mixn fw-bold;
  }

.hero--praline-box .hero__description {
    font-size: 0.9375rem;
    line-height: 1.33333
  }

@media (min-width: 1025px){

.hero--praline-box .hero__description {
    font-size: 1.25rem;
    line-height: 1.4
  }
}

.hero--praline-box .hero__description {
    font-weight: 700;

    margin-top: 9px;
    text-align: center
  }

@media (min-width: 1025px) {

.hero--praline-box .hero__description {
      margin-top: 5px
  }
    }

.hero--blog-post .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 32%;
  }

@media (min-width: 1025px) {
      .hero--blog-post .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 13.25%;
  }
    }

@media (min-width: 1025px) {

.hero--blog-post .hero__block-content {
      padding-top: 0
  }
    }

.hero--gifting-hub-landing-three-up-content .hero__wrapper .hero__block-content {
      max-width: inherit;
      text-align: center
    }

@media (min-width: 1025px) {

.hero--gifting-hub-landing-three-up-content .hero__wrapper .hero__block-content {
        text-align: left
    }
      }

.hero--gifting-hub-landing-three-up-content .hero__wrapper .hero__title {
      max-width: 212px
    }

@media (max-width: 1024px) {

.hero--gifting-hub-landing-three-up-content .hero__wrapper .hero__title {
        margin: 0 auto
    }
      }

.hero--gifting-hub-landing-three-up-content.hero--no-image .hero__title {
      font-size: 1.5rem;
      line-height: 1.16667;
      font-weight: bold;
      color: #000000;
      text-transform: none;
    }

.hero--gifting-hub-landing-shop-by-category .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 78.94737%;
  }

@media (min-width: 1025px) {
      .hero--gifting-hub-landing-shop-by-category .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 78.76712%;
  }
    }

@media (min-width: 1025px) {

.hero--gifting-hub-landing-shop-by-category .hero__inner-content {
      padding: 0 0 24px 24px
  }
    }

.hero--gifting-hub-landing-shop-by-price .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.hero--gifting-hub-landing-shop-by-price .hero__wrapper {
    display: block;
  }

.hero--gifting-hub-landing-shop-by-price .hero__inner-content {
    padding: 8px 0 0
  }

@media (min-width: 768px) {

.hero--gifting-hub-landing-shop-by-price .hero__inner-content {
      padding-top: 24px
  }
    }

.hero--gifting-hub-landing-shop-by-price .hero__title {
    font-size: 1.25rem;
    line-height: 1.2;
    white-space: nowrap;
    color: #000;
  }

@media (max-width: 767px) {

.hero--gifting-hub-landing-shop-by-price .hero__image {
      padding: 0 6.5px
  }
    }

.hero--gifting-hub-landing-shop-by-price.hero--zoom .hero__block-image-wrapper {
      overflow: inherit;
    }

.hero--personalise-promo .hero__wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 30px 17px 30px 24px
  }

@media (min-width: 1025px) {

.hero--personalise-promo .hero__wrapper {
      -webkit-flex-direction: row-reverse;
              flex-direction: row-reverse;
      padding: 20px 30px 20px 48px
  }
    }

.hero--personalise-promo .hero__wrapper:before {
      content: none;
    }

.hero--personalise-promo .hero__block-image-wrapper {
    position: static;
  }

.hero--personalise-promo .hero__block-image:before {
    content: '';
    display: block;
    padding-top: 90.69767%;
  }

.hero--personalise-promo .hero__block-image {

    position: relative;
    width: 86px;
    overflow: hidden
  }

@media (min-width: 1025px) {
      .hero--personalise-promo .hero__block-image:before {
    content: '';
    display: block;
    padding-top: 90.90909%;
  }

.hero--personalise-promo .hero__block-image {

      width: 154px
  }
    }

.hero--personalise-promo .image__img {
    position: absolute;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;

    object-fit: cover;
    width: 100%;
    height: 100%;
  }

.hero--personalise-promo .hero__block-content {
    width: calc(100% - 86px)
  }

@media (min-width: 1025px) {

.hero--personalise-promo .hero__block-content {
      width: calc(100% - 154px)
  }
    }

.hero--personalise-promo .hero__inner-content {
    padding: 0 0 0 20px
  }

@media (min-width: 1025px) {

.hero--personalise-promo .hero__inner-content {
      padding: 0 34px 0 0
  }
    }

.hero--personalise-promo .hero__title {
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: 0;
    font-weight: 700;

    text-align: left
  }

@media (min-width: 1025px) {

.hero--personalise-promo .hero__title {
      font-size: 1.375rem;
      line-height: 1.09091;
      font-weight: 700
  }
    }

.hero--personalise-promo .hero__description {
    font-size: 0.9375rem;
    line-height: 1.33333;
  }

@media (min-width: 1025px){

.hero--personalise-promo .hero__description {
    font-size: 1.0625rem;
    line-height: 1.29412;
  }
}

.hero--personalise-promo .hero__description {
    font-weight: 400;

    margin-top: 8px;
  }

.easter-competition-banner .hero__title {
    color: #fff;
  }

.easter-competition-banner .hero__block-content {
    position: absolute
  }

@media(min-width: 768px){

.easter-competition-banner .hero__block-content {
      margin: auto
  }
    }

.easter-competition-banner .hero__block-image-wrapper:before {
    content: '';
    display: block;
    padding-top: 59.73333%;
  }

@media(min-width: 768px){
      .easter-competition-banner .hero__block-image-wrapper:before {
    content: '';
    display: block;
    padding-top: 32.75%;
  }
    }

@media(min-width: 768px){
      .easter-competition-banner .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 32.75%;
  }
    }

.hero--competition-form .hero__wrapper:before {
    padding-top: 107.5%
  }

@media (min-width: 1025px) {

.hero--competition-form .hero__wrapper:before {
      padding-top: 32.75%
  }
    }

@media (min-width: 1025px) {

.hero--competition-form .hero__inner-content {
      max-width: 900px
  }
    }

.hero--competition-form .hero__title {
    font-size: 1.75rem;
    line-height: 1.07143;
  }

@media (min-width: 1025px){

.hero--competition-form .hero__title {
    font-size: 3rem;
    line-height: 1.125;
  }
}

.hero--competition-form .hero__title {
    font-weight: 700;
  }

.hero--finder-map .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 102.12766%;
  }

.hero--finder-map .hero__wrapper {

    -webkit-align-items: flex-start;

            align-items: flex-start
  }

@media (min-width: 1025px) {
      .hero--finder-map .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 46.6875%;
  }
    }

.hero--finder-map .hero__inner-content {
    padding: 30px
  }

@media (min-width: 1025px) {

.hero--finder-map .hero__inner-content {
      padding: 95px 30px
  }
    }

.hero--finder-map .hero__title {
    font-size: 1.625rem;
    line-height: 1;
    letter-spacing: -0.01231em
  }

@media (min-width: 1025px){

.hero--finder-map .hero__title {
    font-size: 3rem;
    line-height: 1.1875;
    letter-spacing: 0
  }
}

.hero--finder-map .hero__title {

    max-width: 237px;
    margin: 0 auto
  }

@media (min-width: 1025px) {

.hero--finder-map .hero__title {
      max-width: 451px
  }
    }

.hero--finder-map .hero__description {
    font-size: 0.8125rem;
    line-height: 1.38462
  }

@media (min-width: 1025px){

.hero--finder-map .hero__description {
    font-size: 1.25rem;
    line-height: 1.4
  }
}

.hero--finder-map .hero__description {
    font-weight: 400;

    margin-top: 12px;
    padding: 0;
    text-align: center
  }

@media (min-width: 1025px) {

.hero--finder-map .hero__description {
      margin: 16px auto 44px;
      max-width: 678px
  }
    }

.hero--finder-map .explore {
    text-decoration: none;
  }

.hero--flexible-hamper .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 142.55319%;
  }

@media (min-width: 1025px) {
      .hero--flexible-hamper .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 43.125%;
  }
    }

.hero--flexible-hamper .hero__inner-content {
    padding: 20px 20px 0
  }

@media (min-width: 1025px) {

.hero--flexible-hamper .hero__inner-content {
      padding-top: 0;
      padding-bottom: 61px
  }
    }

.hero--flexible-hamper .hero__title {
    font-size: 1.875rem;
    line-height: 1.06667;
  }

@media (min-width: 1025px){

.hero--flexible-hamper .hero__title {
    font-size: 3rem;
    line-height: 1.33333;
  }
}

.hero--flexible-hamper .hero__description {
    max-width: 281px;
    margin: 16px auto 0;
    text-align: center
  }

@media (min-width: 1025px) {

.hero--flexible-hamper .hero__description {
      max-width: 436px;
      margin-top: 16px
  }
    }

.hero--flexible-hamper .hero__description p {
      font-size: 1.125rem;
      line-height: 1.33333;
    }

@media (min-width: 1025px){

.hero--flexible-hamper .hero__description p {
    font-size: 1.75rem;
    line-height: 1.25;
    }
}

.hero--flexible-hamper .hero__description p {
      font-weight: 700;
    }

.hero--flexible-hamper .hero__explore {
    margin-top: 99px;
    text-align: center
  }

@media (min-width: 768px) {

.hero--flexible-hamper .hero__explore {
      display: none
  }
    }

.hero--flexible-hamper .hero__icon {
    width: 70px;
    height: 30px;
    color: #ffffff;
  }

.hero--flexible-hamper .hero__explore-text {
    font-size: 1.125rem;
    line-height: 1.33333;
    font-weight: 700;

    margin-top: 18px;
    color: #ffffff;
  }

.hero--flexible-hamper .image__img  {
    position: absolute;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;

    object-fit: cover;
    width: 100%;
    height: 100%;
  }

.hero--flexible-footer-banner .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 132.71277%;
  }

.hero--flexible-footer-banner .hero__wrapper {

    -webkit-justify-content: center;

            justify-content: center
  }

@media (min-width: 768px) {
      .hero--flexible-footer-banner .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 50.0625%;
  }
    }

.hero--flexible-footer-banner .hero__wrapper::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background-color: rgba(0,0,0,0.2);
      z-index: 1;
      pointer-events: none;
    }

.hero--flexible-footer-banner .hero__wrapper .hero__link {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

.hero--flexible-footer-banner .hero__block-content {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    padding-top: 44px
  }

@media (min-width: 1025px) {

.hero--flexible-footer-banner .hero__block-content {
      padding-top: 156px
  }
    }

.hero--flexible-footer-banner .hero__inner-content {
    padding: 0 22px;
  }

.hero--flexible-footer-banner .hero__title {
    font-size: 1.75rem;
    line-height: 1.14286;
  }

@media (min-width: 1025px){

.hero--flexible-footer-banner .hero__title {
    font-size: 2.25rem;
    line-height: 1.11111;
  }
}

.hero--flexible-footer-banner .hero__title {
    font-weight: bold;
    color: #050606;
    text-transform: none;

    color: #ffffff;
  }

.hero--flexible-footer-banner .hero__description {
    font-size: 1.125rem;
    line-height: 1.55556
  }

@media (min-width: 1025px){

.hero--flexible-footer-banner .hero__description {
    font-size: 1.25rem;
    line-height: 1.4
  }
}

.hero--flexible-footer-banner .hero__description {

    max-width: 450px;
    margin: 0 auto;
    padding-top: 5px
  }

@media (min-width: 1025px) {

.hero--flexible-footer-banner .hero__description {
      padding-top: 13px
  }
    }

.hero--flexible-footer-banner .hero__description p {
      text-align: center;
    }

.hero--flexible-footer-banner .hero__cta {
    margin-top: 12px;
    text-align: center
  }

@media (min-width: 1025px) {

.hero--flexible-footer-banner .hero__cta {
      margin-top: 27px
  }
    }

.hero--flexible-footer-banner .hero__button {
    font-size: 0.8125rem;
    line-height: 1;

    padding: 13px 18px;
    padding-top: 12px;
    min-width: 158px;
    background: transparent;
    border: 1px solid #ffffff;
  }

@media (min-width: 1025px) {

.hero--flexible-two-up {
    height: 100%
}
  }

.hero--flexible-two-up .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 79.78723%;
  }

@media (min-width: 1025px) {
      .hero--flexible-two-up .hero__wrapper:before {
    content: '';
    display: block;
    padding-top: 81.25%;
  }

.hero--flexible-two-up .hero__wrapper {

      height: 100%
  }
    }

.home-blog {
  overflow: hidden;
}

@media (max-width: 1024px) {

.home-blog__container {
    padding: 0
}
  }

.home-blog__inner {
  margin: 24px 0 32px
}

@media (min-width: 1025px) {

.home-blog__inner {
    margin: 65px 0 59px;
    position: relative
}

    .home-blog__inner::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 1px;
      height: 100%;
      background: #ffffff;
    }
  }

.home-categories {
  margin: 32px auto 12px
}

@media (min-width: 1025px) {

.home-categories {
    margin: 72px auto
}
  }

.home-categories__image {
  display: block;
  width: 106px;
  height: 106px
}

@media (min-width: 1025px) {

.home-categories__image {
    width: 148px;
    height: 148px
}
  }

.home-categories__heading {
  font-size: 0.75rem;
  line-height: 1.33333;
  letter-spacing: 0.08333em
}

@media (min-width: 1025px){

.home-categories__heading {
    font-size: 0.8125rem;
    line-height: 1.23077;
    letter-spacing: 0.07692em
}
}

.home-categories__heading {
  font-weight: 700;

  max-width: 106px;
  margin-top: 12px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: #000
}

@media (min-width: 1025px) {

.home-categories__heading {
    max-width: 148px;
    margin-top: 19px
}
  }

.home-categories__link:hover .home-categories__image {
      -webkit-transform: scale(1.05);
              transform: scale(1.05);
    }

@-webkit-keyframes pulsate {
  0% {-webkit-transform: scale(0.1, 0.1);transform: scale(0.1, 0.1); opacity: 0.0;}
  50% {opacity: 1.0;}
  100% {-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2); opacity: 0.0;}
}

@keyframes pulsate {
  0% {-webkit-transform: scale(0.1, 0.1);transform: scale(0.1, 0.1); opacity: 0.0;}
  50% {opacity: 1.0;}
  100% {-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2); opacity: 0.0;}
}

.hotspot {
  position: absolute;
}

.hotspot__link {
  position: relative;
  display: block;
  width: 40px;
  height: 40px
}

.hotspot__link:before,
  .hotspot__link:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 50%;
  }

.hotspot__link:before {
    position: absolute;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    border: 2px solid #ffffff;
    -webkit-animation: pulsate 1s ease-out;
            animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }

.hotspot__link:after {
    width: 16px;
    height: 16px;
    top: 12px;
    left: 12px;
    background: #ffffff;
  }

.hotspot__figure {
  width: 122px
}

@media (min-width: 600px) {

.hotspot__figure {
    width: 184px
}
  }

.hotspot__figure img {
    width: 100%;
  }

.hotspot__figure {
  margin-bottom: 17px;
}

.hotspot__title {
  margin-bottom: 6px;
}

.hotspot__title {
  color: #786140;
}

.hotspot__description {
  margin-bottom: 20px
}

.hotspot__description p {
    margin-bottom: 10px;
  }

.hotspot__carousel {
  padding-bottom: 30px;
}

.hotspot__button {
  width: 100%;
}

.hotspot__terms {
  margin-bottom: 10px;
}

.hotspot__emoji {
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.hotspot__arrow {
  display: none
}

@media (min-width: 600px) {

.hotspot__arrow {
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    transition-property: opacity, visibility;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 100;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 10px;
    border-color: transparent transparent transparent #ffffff
}
  }

@media (min-width: 600px) {

.hotspot__arrow--right {
    border-width: 8px 10px 8px 0;
    border-color: transparent #ffffff transparent transparent
}
  }

@media (min-width: 600px) {

.hotspot__arrow--top {
    border-width: 10px 8px 0 8px;
    border-color: #ffffff transparent transparent transparent
}
  }

@media (min-width: 600px) {

.hotspot__arrow--bottom {
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent #ffffff transparent
}
  }

@media (min-width: 600px) {

.hotspot .hotspot__modal {
      top: 50%;
      bottom: auto;
      left: 50%;
      right: auto
  }
    }

.hotspot__cta {
  min-width: 136px;
  padding: 12px 24px;
}

.hotspot--active .hotspot__arrow {
    visibility: visible;
    opacity: 1;
  }

.hotspot__image-inner {
  position: relative
}

.hotspot__image-inner .hotspot__figure:before {
    content: '';
    display: block;
    padding-top: 89.13043%;
  }

.hotspot--claimed {
  text-align: center
}

@media (min-width: 600px) {

.hotspot--claimed .modal--tooltip {
      width: 400px
  }
    }

@media (min-width: 600px) {

.hotspot--claimed .modal--tooltip .modal__wrapper {
        padding: 32px
    }
      }

.hotspot--claimed .hotspot__figure {
    padding-top: 32px;
    margin: 0 auto 9px;
  }

.hotspot--claimed .hotspot__description {
    margin-bottom: 31px
  }

.hotspot--claimed .hotspot__description p {
      font-size: 0.875rem;
      line-height: 1.28571;
      letter-spacing: 0;
      font-weight: 500;
      color: #838383;
    }

.icon-animation {
  width: 30px;
  height: 30px;
}

.image-lazy {
  position: relative;
}

.image-lazy__img {
  display: block;
}

.image-lazy__img--demo {
  position: relative;
}

.image-lazy__placeholder {
  display: block;
  opacity: 0.4;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

.image-lazy--absolute {
  position: absolute;
}

.image-lazy--cover,
.image-lazy--contain {
  background-position: center;
  background-repeat: no-repeat
}

.image-lazy--cover .image-lazy__placeholder,
  .image-lazy--cover .image-lazy__img,
  .image-lazy--contain .image-lazy__placeholder,
  .image-lazy--contain .image-lazy__img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }

.image-lazy--cover {
  background-size: cover
}

.image-lazy--cover .image-lazy__img {
    object-fit: cover;
  }

.image-lazy--contain {
  background-size: contain
}

.image-lazy--contain .image-lazy__img {
    object-fit: contain;
  }

.image-lazy--placeholder {
  opacity: 1;
  background-color: gray(80%, 30%);
}

.image {
  transition-property: opacity;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  position: relative;
}

.image__img {
  display: block;
}

.image__placeholder {
  display: block;
  opacity: 0.4;
  fill: {{ settings.color_branding }};
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

.image--absolute {
  position: absolute;
}

.image--cover .image__placeholder,
  .image--cover .image__img,
  .image--contain .image__placeholder,
  .image--contain .image__img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }

.image--cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.image--cover .image__img {
    object-fit: cover;
  }

.image--contain {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

.image--contain .image__img {
    object-fit: contain;
  }

.no-object-fit .image--contain .image__img, .no-object-fit .image--cover .image__img, .no-object-fit .image--absolute .image__img {
      display: none;
    }

.image--loaded {
  opacity: 1;
}

.image--placeholder {
  opacity: 1;
  background-color: gray(80%, 30%);
}

.image--messages {
  width: 100%;
  height: 100%
}

.image--messages .image__img {
    border-radius: 50%;
  }

.image--gifting-hub-reasons {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}

.key-messages {
  position: relative;
  padding: 0;
  background-color: #F6F6F6
}

@media (min-width: 1025px) {

.key-messages {
    padding: 15px 0;
    border-bottom: 1px solid #808080
}
  }

@media (max-width: 1024px) {

.key-messages__container {
    transition-property: opacity, transform;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    position: absolute;
    width: 100%;
    left: 0;
    opacity: 0;
    z-index: 8;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    background-color: #F6F6F6;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    transition-duration: 0.4s
}
  }

@media (min-width: 1025px) {

.key-messages__container {
    position: relative;
    border: none
}
  }

.key-messages__items {
  padding: 4px 0 36px
}

@media (min-width: 1025px) {

.key-messages__items {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
    padding: 0
}
  }

.key-messages__item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-top: 24px
}

@media (min-width: 1025px) {

.key-messages__item {
    padding-top: 0;
    padding-right: 80px
}
  }

@media (min-width: 1025px) {

.key-messages__item:last-child {
    padding-right: 0
}
  }

.key-messages__image {
  position: relative;
  width: 40px;
  height: 40px;
  margin-right: 13px;
}

.key-messages__title {
  text-transform: uppercase;
}

.key-messages__trigger {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  position: relative;
  height: 40px;
  width: 100%;
  z-index: 9;
  background-color: #F6F6F6
}

@media (min-width: 1025px) {

.key-messages__trigger {
    display: none
}
  }

.key-messages__trigger span {
    text-transform: uppercase;
  }

.key-messages__arrow-down-icon {
  width: 9px;
  margin-left: 8px;
  transition-property: transform;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
}

.key-messages__trigger-text-active {
  display: none;
}

.is-key-messages-active .key-messages__trigger-text-active {
    display: block;
  }

.is-key-messages-active .key-messages__trigger-text {
    display: none;
  }

.is-key-messages-active .key-messages__arrow-down-icon {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }

.is-key-messages-active .key-messages__container {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

.list-collections__container {
  padding: 0 16px;
}

.list-collections {
  padding-top: 16px
}

@media (min-width: 1025px) {

.list-collections {
    padding: 32px 24px 64px
}
  }

.list-collections__item {
  margin-top: 8px
}

@media (min-width: 1025px) {

.list-collections__item {
    display: -webkit-flex;
    display: flex;
    width: 33.333%;
    margin-top: 32px;
    padding-left: 16px;
    padding-right: 16px
}
  }

.list-collections__item:first-child {
    margin-top: 0;
  }

@media (min-width: 1025px) {

.list-collections__item:nth-child(-n + 3) {
      margin-top: 0
  }
    }

.list-collections__image:before {
    content: '';
    display: block;
    padding-top: 73.46939%;
  }

@media (min-width: 1025px) {
    .list-collections__image:before {
    content: '';
    display: block;
    padding-top: 73.46939%;
  }
  }

.list-collections__item-inner {
  margin: 0
}

@media (min-width: 1025px) {

.list-collections__item-inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}
  }

.list-collections__item-inner:hover .list-collections__image {
      -webkit-transform: scale(1.05);
              transform: scale(1.05);
    }

.list-collections__image-block {
  width: 100%;
}

.list-collections__content-block {
  width: 100%;
  padding: 26px 24px 24px;
  text-align: center;
  background: #ffffff
}

@media (min-width: 1025px) {

.list-collections__content-block {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    padding: 26px 32px 16px
}
  }

.list-collections__description {
  margin-top: 4px;
  color: #000000
}

@media (min-width: 1025px) {

.list-collections__description {
    max-width: 380px
}
  }

.list-collections__button {
  min-width: 172px;
  margin-top: 14px;
  padding: 12px 17px 13px
}

@media (min-width: 1025px) {

.list-collections__button {
    min-width: 190px;
    margin-top: 14px
}
  }

@media (min-width: 1025px) {

.list-collections__item--right .list-collections__image-block {
      -webkit-order: 0;
              order: 0
  }
    }

.list-collections__title {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.0625em;
  font-weight: 700;
  text-transform: uppercase;
}

.list-collections__inner {
  margin-bottom: 8px
}

@media (min-width: 1025px) {

.list-collections__inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0 -16px
}
  }

.list-collections__link {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  overflow: hidden
}

.list-collections__link > * {
    width: 100%;
  }

.list-collections__link .list-collections__image {
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
  }

.logo__link {
  display: block;
}

.logo__img {
  height: 12px
}

@media (min-width: 175px) {

.logo__img {
    height: 14px
}
  }

@media (min-width: 1025px) {

.logo__img {
    height: 15px
}
  }

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

.map-hunt__inner {
  position: relative;
  width: 100%;
  z-index: 3;
}

.map-hunt__fore,
.map-hunt__fore-image {
  width: 100%;
}

.map-hunt__fore:before {
    content: '';
    display: block;
    padding-top: 91.48936%;
  }

@media (min-width: 1025px) {
    .map-hunt__fore:before {
    content: '';
    display: block;
    padding-top: 59.625%;
  }
  }

@media (min-width: 1025px) {

.map-hunt__fore--mobile {
    display: none
}
  }

.map-hunt__fore--desktop {
  display: none
}

@media (min-width: 1025px) {

.map-hunt__fore--desktop {
    display: block
}
  }

.map-hunt__fore-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.map-hunt__leaves-figure {
  position: absolute;
}

.map-hunt__leaves-figure--1 {
  top: 0;
  left: 24%;
  width: 6%;
}

.map-hunt__leaves-figure--2 {
  top: 45%;
  left: 40.5%;
  width: 7%;
}

.map-hunt__leaves-figure--3 {
  top: 48%;
  left: 50.5%;
  width: 1.7%;
}

.map-hunt__leaves-figure--4 {
  left: 48.5%;
  top: 78.5%;
  width: 3%;
}

.map-hunt__leaves-figure--5 {
  right: 34%;
  top: 87%;
  width: 4%;
}

.map-hunt__leaves-figure--6 {
  right: 4%;
  top: 24.5%;
  width: 2.25%;
}

.map-hunt__leaves-figure--7 {
  right: 0.5%;
  top: 18.5%;
  width: 3.4%;
}

.mega-menu {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  margin-bottom: 70px
}

@media (min-width: 1025px) {

.mega-menu {
    margin-bottom: 0;
    top: 0
}
  }

@media (min-width: 1025px) {

.mega-menu__list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
}
  }

@media (max-width: 1024px) {

.mega-menu__list-item--has-sub {
    border-bottom: 1px solid #8A8A8A
}
  }

@media (min-width: 1025px) {
      .mega-menu__list-item--has-sub:hover .mega-menu__submenu {
        z-index: 2;
        transition: -webkit-transform 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        transition: transform 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        transition: transform 0.6s cubic-bezier(0.28, 0, 0.18, 1), -webkit-transform 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
        border-bottom: 1px solid #808080
      }

        .mega-menu__list-item--has-sub:hover .mega-menu__submenu.accordion__content:after {
          visibility: visible;
          opacity: 1;
        }

      .mega-menu__list-item--has-sub:hover .mega-menu__sub-links {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
        opacity: 1;
        transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s,-webkit-transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s;
        transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s,opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s;
        transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s,opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s,-webkit-transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s;
      }

      .mega-menu__list-item--has-sub:hover .mega-menu__sub-images {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s,-webkit-transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s;
        transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s,opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s;
        transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s,opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s,-webkit-transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s;
      }
  }

@media (min-width: 1025px) {

.mega-menu__list-item--hide-desktop {
    display: none
}
  }

.mega-menu__title {
  position: relative;
  display: block;
  z-index: 10;
  padding: 19px 0;
  text-decoration: none;
  cursor: pointer
}

@media (max-width: 849px) {

.slideout--header .mega-menu__title {  
      padding: 22px 24px 22px 18px;
      color: #000;
      border: none
}

      .slideout--header .mega-menu__title .mega-menu__title-text {
        font-size: 0.75rem;
        line-height: 1.5;
        letter-spacing: 0.08333em;
      }
    }

.mega-menu__title .panel__icon {
    width: 6px;
    color: #8A8A8A;
  }

@media (min-width: 1025px) {

.mega-menu__title {
    border-bottom: none;
    padding: 27px 4.5px
}
  }

@media (min-width: 1101px) {

.mega-menu__title {
    padding: 27px 10px
}
  }

@media (min-width: 1280px) {

.mega-menu__title {
    padding: 27px 15px
}
  }

.mega-menu__title .accordion__icon {
    right: 22px;
    width: 10px;
    color: #8A8A8A
  }

.accordion__block--active .mega-menu__title .accordion__icon {
      -webkit-transform: rotate(180deg) translateY(-4px);
              transform: rotate(180deg) translateY(-4px)
  }

.mega-menu__title .accordion__icon + figure {
      right: 40px;
    }

.mega-menu__submenu-list .mega-menu__title {
    padding-top: 0;
    padding-bottom: 14px
}

@media (max-width: 849px) {

.mega-menu__submenu-list .mega-menu__title {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: flex-center;
              align-items: flex-center;
      -webkit-justify-content: space-between;
              justify-content: space-between;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;

      padding-top: 22px;
      padding-bottom: 22px
}
    }

.mega-menu__title-text {
  position: relative
}

.mega-menu__title-text:after {
    transition-property: opacity, visibility;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    visibility: hidden;
    opacity: 0;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -4px;
    width: 0;
    height: 1px;
    background: #000000;
  }

.mega-menu__title-text.label-menu {
    color: #000;
  }

.mega-menu__submenu-list .mega-menu__title-text {
    font-size: 0.75rem;
    line-height: 1;
    letter-spacing: 0.08333em
}

.mega-menu__submenu-list .mega-menu__title-text:after {
      display: none;
    }

.mega-menu__list .mega-menu__title-text {
    font-size: 0.75rem;
    line-height: 1;
    letter-spacing: 0.08333em
}

@media (max-width: 849px) {

.mega-menu__list-item--has-sub .mega-menu__title-text {
      font-size: 0.75rem;
      line-height: 1.5;
      letter-spacing: 0.08333em
}
    }

.mega-menu__icon-image {
  position: absolute;
  right: 16px;
  top: 50%;
  width: 24px;
  height: 24px;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  opacity: 1
}

@media (min-width: 1025px) {

.mega-menu__icon-image {
    display: none
}
  }

@media (max-width: 849px) {

.mega-menu__submenu.panel__content {
      position: fixed;
      top: 0;
      left: 0;
      background-color: #ffffff;
      overflow-y: auto
  }
    }

@media (min-width: 1025px) {

.mega-menu__submenu {
    -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
    transition: -webkit-transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s;
    transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s;
    transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s, -webkit-transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s;
    position: absolute;
    top: 101%;
    left: 0;
    right: 0;
    padding: 48px 40px 61px 0;
    max-width: 100%;
    background: #FFFFFF
}
    .mega-menu__submenu:before {
      position: absolute;
      height: 106px;
      content: '';
      bottom: 100%;
      width: 100%;
      left: 0;
      right: 0;
      z-index: 1;
      background: transparent;
    }
  }

.mega-menu__submenu.accordion__content {
    position: relative;
    border: 0;
    padding: 0 0 17px
  }

.mega-menu__submenu.accordion__content:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 1px;
      background: #FFFFFF;
    }

@media (min-width: 1025px) {

.mega-menu__submenu.accordion__content {
      position: absolute;
      z-index: 1
  }

      .mega-menu__submenu.accordion__content:after {
        background: #FFFFFF;
        visibility: hidden;
        opacity: 0;
        transition: visibility 1.5s, opacity 1.5s ease-in-out;
      }
    }

@media (min-width: 1025px) {

.mega-menu__sub-links {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: stretch;
            align-items: stretch;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1),-webkit-transform 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1),opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1),opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1),-webkit-transform 0.5s cubic-bezier(0.28, 0, 0.18, 1)
}
  }

@media (min-width: 1025px) {

.mega-menu__sub-images {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: stretch;
            align-items: stretch;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    padding-top: 3px;
    padding-bottom: 5px;
    -webkit-flex: 1 0 auto;
            flex: 1 0 auto;
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1),-webkit-transform 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1),opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1),opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1),-webkit-transform 0.5s cubic-bezier(0.28, 0, 0.18, 1)
}
  }

@media (min-width: 1600px) {

.mega-menu__sub-images {
    -webkit-justify-content: center;
            justify-content: center
}
  }

@media (min-width: 1025px) {

.mega-menu__submenu-item {
    padding-left: 15px;
    padding-right: 15px
}
  }

.mega-menu__submenu-item {
  text-align: left
}

.mega-menu__submenu-item ul:hover .mega-menu__item {
    color: {{ settings.color_link }};
  }

.mega-menu__submenu-item .mega-menu__item {
    margin-bottom: 8px
  }

.mega-menu__submenu-item .mega-menu__item.is-desktop {
      display: none 
    }

@media (min-width: 1025px) {

.mega-menu__submenu-item .mega-menu__item.is-desktop {
        display: block;
        margin-top: 20px 
    }
      }

.mega-menu__submenu-item .mega-menu__item.is-mobile {
      padding: 22px 18px
    }

@media (min-width: 1025px) {

.mega-menu__submenu-item .mega-menu__item.is-mobile {
        display: none
    }
      }

@media (min-width: 1025px) {

.mega-menu__submenu-item .mega-menu__item {
      margin-bottom: 0
  }
    }

.mega-menu__submenu-item .mega-menu__item:hover .mega-menu__link {
        color: #000;
      }

@media (min-width: 1025px) {

.mega-menu__submenu-item {
    min-width: 190px;
    margin-bottom: 8px
}
  }

.mega-menu__submenu-item:first-child .mega-menu__title-item {
      margin-top: 0;
    }

@media (min-width: 1025px) {

.mega-menu__submenu-item--no-title {
    padding-top: 24px
}
  }

@media (min-width: 1025px) {

.mega-menu__grid {
    margin-left: -15px;
    margin-right: -15px
}
  }

@media (min-width: 1025px) {

.mega-menu__grid {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: stretch;
            align-items: stretch;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
}
  }

@media (min-width: 1025px) {

.mega-menu__grid--has-2 {
    margin-left: -15px
}
  }

.mega-menu__grid--has-2 .mega-menu__submenu-item {
    min-width: 248px;
  }

@media (min-width: 1025px) {

.mega-menu__grid--has-2 .mega-menu__block-image {
      width: 50%;
      max-width: 348px
  }
    }

.mega-menu__sub-container {
  overflow: hidden
}

@media (max-width: 1024px) {

.mega-menu__sub-container {
    padding: 0
}
  }

.mega-menu__image:before {
    content: '';
    display: block;
    padding-top: 77.58621%;
  }

.mega-menu__image {
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out
}

@media (min-width: 1025px) {

.mega-menu__image {
    max-width: 348px
}
  }

.mega-menu__link {
  color: inherit
}

.mega-menu__link:hover {
    color: inherit;
  }

.mega-menu__menu-list-item .mega-menu__link {
    font-size: 0.8125rem;
    line-height: 1.38462;
    font-family: 'BrownStd';
    color: #000000;
    text-transform: none;
    color: #333333
}

.mega-menu__title-item {
  margin-top: 20px;
  margin-bottom: 15px;
  color: #333333
}

@media (min-width: 1025px) {

.mega-menu__title-item {
    display: block;
    margin-top: 0;
    margin-bottom: 12px
}
  }

@media (max-width: 1024px) {

.mega-menu__title-item--hide-mobile {
    display: none
}
  }

@media (min-width: 1025px) {

.mega-menu__block-image {
    padding-left: 15px;
    padding-right: 15px
}
  }

.mega-menu__block-image {
  display: none
}

@media (min-width: 1025px) {

.mega-menu__block-image {
    display: block;
    width: 100%;
    max-width: 346px
}
  }

.mega-menu__block-link {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.06)
}

.mega-menu__block-link:hover .mega-menu__image {
      -webkit-transform: scale(1.05);
              transform: scale(1.05);
    }

.mega-menu__block-text {
  position: absolute;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 24px;
  left: 0;
  bottom: 0;
  right: 0;
  color: #ffffff;
  text-align: left
}

.mega-menu__block-text .mega-menu__icon {
    width: 6px;
    height: 10px;
    margin-top: 2px;
    margin-left: 7px;
    color: #FFFFFF;
  }

@media (max-width: 849px) {

.mega-menu__list-item {
    border-bottom: 1px solid #979797
}
  }

@media (min-width: 768px) {

.mega-menu__submenu-list .mega-menu__list-item:not(:last-child) {
        margin-right: 60px
    }
      }

@media (max-width: 849px) {

.mega-menu__submenu-list .mega-menu__list-item {
      width: 100%;
      border-bottom: 1px solid #979797
}
    }

@media (min-width: 1025px) {
        .mega-menu__list-item:hover .mega-menu__title-text:after {
          visibility: visible;
          opacity: 1;
          left: 0;
          width: 100%;
        }
  }

.mega-menu__list > .mega-menu__list-item--menu-list .mega-menu__link {
      font-size: 0.875rem;
      line-height: 2;
    }

.mega-menu__list > .mega-menu__list-item--menu-list .mega-menu__menu-list-item {
      text-align: left;
    }

@media (min-width: 1025px) {

    .mega-menu__list > .mega-menu__list-item--menu-list:hover .mega-menu__menu-list {
        visibility: visible;
        opacity: 1
    }
        .mega-menu__list-item--menu-list:hover .mega-menu__title:after,
        .mega-menu__list-item--menu-list:hover .mega-menu__title:before {
          visibility: visible;
          opacity: 1;
        }
  }

.mega-menu__submenu-list .mega-menu__title-link {
    font-size: 0.75rem;
    line-height: 1;
    letter-spacing: 0.08333em;
}

.mega-menu__title-link {

  text-decoration: none;
}

@media (min-width: 1025px) {

.mega-menu__sub-close {
    display: none
}
  }

.mega-menu__submenu-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.mega-menu__menu-list-item {
  font-size: 0.8125rem;
  line-height: 1.38462;
  font-family: 'BrownStd';
  color: #000000;
  text-transform: none;
  color: var(--c-gray-12)
}

.mega-menu__submenu-list .mega-menu__menu-list-item:not(:last-child) {
      margin-bottom: 12px 
    }

@media (max-width: 849px) {

.mega-menu__submenu-list .mega-menu__menu-list-item:not(:last-child) {
        margin-bottom: 18px 
    }
      }

@media (min-width: 1025px) {

.mega-menu__list > .mega-menu__list-item--menu-list .mega-menu__menu-list {
      background-color: #ffffff;
      position: absolute;
      padding: 15px 24px;
      width: 218px;
      padding: 15px 24px;
      text-align: left;
      background: #FFFFFF;
      border: 1px solid #FFFFFF;
      box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 14%);
      z-index: 2;
      transition-property: opacity, visibility;
      transition-duration: 300ms;
      transition-timing-function: ease-in-out;
      visibility: hidden;
      opacity: 0
}
    }

@media (min-width: 1025px) {

.mega-menu__list-item--has-sub .mega-menu__list-item--menu-list .mega-menu__menu-list {
      position: static;
      padding: 0;
      visibility: visible;
      opacity: 1
}
    }

.mega-menu__submenu-list .mega-menu__menu-list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: flext-start;
            justify-content: flext-start;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
}

@media (max-width: 849px) {

.mega-menu__submenu-list .mega-menu__menu-list {
      border-bottom: none;
      padding-bottom: 25px;
      padding-left: 18px;
      padding-top: 0;
      padding-right: 24px
}
    }

.mega-menu__submenu-list .mega-menu__menu-list ul {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-align-items: flex-start;
              align-items: flex-start;
      -webkit-justify-content: flex-start;
              justify-content: flex-start;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      max-height: 240px;
      min-width: 132px
    }

@media (max-width: 849px) {

.mega-menu__submenu-list .mega-menu__menu-list ul {
        width: 132px;
        display: inline-block
    }

        .mega-menu__submenu-list .mega-menu__menu-list ul:not(:last-child) {
          margin-right: 24px;
        }
      }

@media (min-width: 768px) {

.mega-menu__submenu-list .mega-menu__menu-list ul:not(:last-child) {
          margin-right: 24px
      }
        }

.mega-menu__sub-close-icon {
  width: 19px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  color: #333333;
}

.mega-menu__sub-header {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 22px 21px 22px 17px;
  border-bottom: 1px solid #979797
}

@media (min-width: 768px) {

.mega-menu__sub-header {
    display: none
}
  }

.mega-menu__sub-header .mega-menu__title-item {
    font-size: 0.75rem;
    line-height: 1.5;
    letter-spacing: 0.08333em;
    margin-bottom: 0;
    color: #000;
  }

.mega-menu__close {
  display: inline-block;
  width: 14px;
  height: 14px;
}

.mega-menu__close-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  color: #333333;
}

.mega-menu__header {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 24px 21px;
  border-bottom: 1px solid #8A8A8A
}

@media (min-width: 768px) {

.mega-menu__header {
    display: none
}
  }

.mega-menu__header .mega-menu__close {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex: 1;
            flex: 1 1;
  }

.mega-menu__header::before {
    content: '';
    -webkit-flex: 1;
            flex: 1 1;
  }

.mega-menu__footer {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  padding-top: 30px;
  padding-left: 18px
}

@media (min-width: 768px) {

.mega-menu__footer {
    display: none
}
  }

.mega-menu__footer-item {
  font-size: 0.8125rem;
  line-height: 1.38462;
  font-family: 'BrownStd';
  color: #000000;
  text-transform: none;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
          align-items: center;
  text-decoration: none;
  color: #333333
}

.mega-menu__footer-item .header__wishlist-icon + span {
    margin-left: 10px;
  }

.mega-menu__footer-item span {
    margin-left: 12px;
  }

.mega-menu-banner-title span {
    font-size: 1rem;
    line-height: 1;
  }

.mega-menu__footer-item {
  margin-bottom: 25px;
}

.mega-menu__footer-icon-user {
  width: 16px;
  height: 18px;
}

.mega-menu__footer-icon-pin {
  width: 15px;
  height: 20px;
}

.menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 260px;
  padding: 30px 0 10px;
}

.menu__item {
  margin-bottom: 20px;
}

.menu__icon {
  width: 12px;
  height: 12px;
}

.menu__icon-find-a-stockist {
  width: 14px;
  height: 13px;
}

.menu--main {
  border-bottom: 1px solid {{ settings.color_hr }};
}

.menu--secondary .menu__link {
    color: #efefef;
  }

.menu--topbar {
  max-width: 100%;
  padding: 0;
  margin: 0
}

.menu--topbar .menu__item {
    margin: 0 18px 0 0;
  }

.menu--topbar .menu__icon {
    margin-right: 6px;
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
  }

.menu--topbar .menu__link {
    margin: 0;
    color: #ffffff;
    text-decoration: none;
  }

.menu--footer {
  max-width: none;
  padding: 0
}

.menu--footer .menu__icon {
    width: 24px;
    height: 24px;
    margin-right: 16px;
    vertical-align: middle;
    color: #FFFFFF
  }

@media (min-width: 1025px) {

.menu--footer .menu__icon {
      width: 24px;
      height: 24px;
      margin-right: 16px
  }
    }

.menu--footer .menu__item {
    margin: 0
  }

.menu--footer .menu__item:last-child .menu__icon {
        margin-right: 0;
      }

.menu--footer .menu__link {
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0em;
    font-weight: 400;
    color: #333333;
    text-decoration: none
  }

.menu--footer .menu__link:hover {
      text-decoration: underline;
    }

.menu--footer.menu--social {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 18px 0 16px;
    margin: 0;
    border-top: 1px solid #979797;
    border-bottom: 1px solid #979797
  }

@media (min-width: 768px) {

.menu--footer.menu--social {
      padding: 0;
      border: 0;
      -webkit-justify-content: flex-start;
              justify-content: flex-start
  }
    }

.menu--footer.menu--social .menu__link-text {
      display: none;
    }

.menu--footer.menu--social .menu__link,
    .menu--footer.menu--social .menu__item {
      line-height: 0;
      padding: 0;
    }

.menu--bottom-bar {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  max-width: 100%;
  padding: 0
}

.menu--bottom-bar .menu__item {
    display: block;
    margin-bottom: 0
  }

.menu--bottom-bar .menu__item:not(:first-child) {
      margin-left: 24px;
    }

.menu--bottom-bar .menu__link {
    font-size: 0.875rem;
    line-height: 1.28571;
    letter-spacing: 0;
    font-weight: 400;

    color: #333333;
    text-decoration: underline;
  }

.message {
  visibility: visible;
  opacity: 1;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  position: relative;
  width: 100%;
  height: auto;
  padding: 19px 34px;
  margin-bottom: 20px;
  text-align: center
}

.message:last-child {
    margin-bottom: 0;
  }

.message__content a {
    color: #ffffff;
  }

.message--success {
  background: #01BCAB;
}

.message--notification {
  background: #808080;
}

.message--warning {
  background: #D30F0F;
}

.message--hidden {
  transition-property: opacity, visibility;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  visibility: hidden;
  opacity: 0;
  height: 0;
  padding: 0;
  margin: 0;
}

.message__icon {
  position: absolute;
  left: 10px;
  top: 9px;
  display: inline-block;
  width: 18px;
  height: 18px;
  color: #ffffff;
}

.message__close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 15px;
  height: 15px;
  color: #ffffff;
  cursor: pointer
}

.message__close:after,
  .message__close:before {
    width: 15px;
    background-color: #ffffff;
  }

.message__inner {
  position: relative;
  color: #ffffff;
}

.message-text {
  font-size: 0.8125rem;
  line-height: 1.15385;
}

@media (min-width: 1025px){

.message-text {
    font-size: 0.9375rem;
    line-height: 1.2;
}
}

.message-text {
  font-family: 'BrownStd';
  font-weight: 700;
  text-transform: uppercase;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition-property: opacity, visibility;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  visibility: hidden;
  opacity: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none
}

.modal.modal--active {
    visibility: visible;
    opacity: 1;
    background: rgba(255,255,255,.9);
    z-index: 99;
    pointer-events: visible;
  }

.modal .get-in-touch__form .form__block--checkbox {
      margin-top: 16px;
      margin-bottom: 0;
    }

.modal .get-in-touch__form .hotspot__button {
      margin-top: 0;
    }

.modal .get-in-touch__form .form__row--contact {
      margin-bottom: 16px;
    }

.modal__wrapper {
  max-height: 75vh;
  min-height: 500px;
  overflow: auto;
  position: relative;
  padding: 32px;
  background: #ffffff;
  box-shadow: 2px 2px 18px 0 rgba(0,0,0,0.1);
}

.modal__inner {
  position: relative;
  z-index: 101;
}

.modal--medium .modal__wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 560px;
    padding-top: 22px;
    padding-bottom: 16px;
    width: 100%;
  }

.modal--medium .modal__title {
    margin-bottom: 15px;
  }

.modal--notification {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  top: auto;
  bottom: 0
}

.modal--notification .modal__wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    width: calc(100% - 20px);
    padding: 0;
  }

.modal--notification .modal__cart-content {
    -webkit-align-items: center;
            align-items: center;
  }

.modal--notification .modal__icon {
    position: absolute;
    left: 12px;
    top: 50%;
    width: 22px;
    height: 22px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }

.modal--notification .modal__message {
    padding: 14px 12px 14px 42px;
    color: #786140;
  }

.modal--notification .modal__wrapper {
    max-width: 278px;
    overflow: hidden;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.1);
  }

.modal--notification.modal--active {
    bottom: 32px;
    background: transparent;
  }

.modal--notification .modal__button-close {
    display: none;
  }

.modal__title {
  margin-bottom: 20px;
}

.modal__button {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  position: absolute;
  top: 14px;
  right: 12px;
  width: 16px;
  height: 16px;
  color: #CED7EC;
  background: transparent !important;
  z-index: 102;
  cursor: pointer;
}

.modal__overlay {
  position: absolute;
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.modal__button-close {
  display: inline-block;
  width: 100%;
  height: 100%
}

.modal__button-close:after,
  .modal__button-close:before {
    width: 100%;
    background: #AAAAAA;
  }

/**
Cart Modal
 */

.modal__cart-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-center;
          align-items: flex-center;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
          align-items: center;
  padding: 32px
}

@media (min-width: 768px) {

.modal__cart-inner {
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    padding: 36px 36px 36px 58px
}
  }

.modal__cart-image-block {
  width: 120px
}

@media (min-width: 768px) {

.modal__cart-image-block {
    width: 260px
}
  }

.modal__cart-image:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.modal__cart-content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex: 1 1 0;
          flex: 1 1;
  margin-top: 32px
}

@media (min-width: 768px) {

.modal__cart-content {
    -webkit-justify-content: center;
            justify-content: center;
    margin-top: 0;
    padding-left: 40px
}
  }

.modal__cart-footer {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  padding: 32px;
  border-top: 1px solid {{ settings.color_hr }}
}

@media (min-width: 768px) {

.modal__cart-footer {
    -webkit-flex-direction: row;
            flex-direction: row
}
  }

.modal__cart-cta {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
  min-width: 130px;
  width: 100%
}

@media (min-width: 768px) {

.modal__cart-cta {
    width: 50%;
    margin-bottom: 0;
    margin-right: 24px;
    padding-left: 30px;
    padding-right: 30px
}
  }

.modal__cart-cta:last-child {
    margin-bottom: 0;
    margin-right: 0;
  }

.modal__cart-title {
  margin-bottom: 4px;
}

/*
Afterpay modal
 */

.modal--afterpay .modal__wrapper {
    max-width: 620px;
    width: calc(100% - 20px);
    min-height: 0;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px
  }

@media (min-width: 768px) {

.modal--afterpay .modal__wrapper {
      padding-left: 20px;
      padding-right: 20px
  }
    }

.modal__afterpay-image-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.modal__afterpay-image--desktop {
  display: none
}

@media (min-width: 1025px) {

.modal__afterpay-image--desktop {
    display: block
}
  }

@media (min-width: 1025px) {

.modal__afterpay-image--mobile {
    display: none
}
  }

.modal--profile .modal__wrapper {
    max-width: 644px;
    padding: 40px;
    box-shadow: 4px 6px 10px 0 rgba(17,17,17,0.1);
  }

.modal--profile .modal__button {
    right: 20px;
    top: 20px;
  }

.modal__profile-description {
  margin-top: 9px;
}

.modal--product-readmore .modal__wrapper {
    width: calc(100% - 16px);
    max-width: 864px;
    padding: 40px;
    margin: 0
  }

.modal--product-readmore .modal__wrapper h4 {
      display: none;
    }

.modal--product-readmore .modal__wrapper p {
      margin-bottom: 25px
    }

.modal--product-readmore .modal__wrapper p:last-child {
        margin-bottom: 0;
      }

.modal--get-in-touch .modal__wrapper {
    width: calc(100% - 16px);
    max-width: 852px;
    padding: 22px 16px 16px
  }

@media (min-width: 768px) {

.modal--get-in-touch .modal__wrapper {
      padding: 30px 36px
  }
    }

@media (min-width: 1025px) {

.modal--get-in-touch .modal__wrapper {
      padding: 40px 48px
  }
    }

.modal--tooltip.modal--active, .modal--onboard.modal--active {
    background: none;
  }

.modal--tooltip .modal__wrapper, .modal--onboard .modal__wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 0;
    box-shadow: 4px 4px 16px 0 rgba(0,0,0,0.16)
  }

@media (min-width: 600px) {

.modal--tooltip .modal__wrapper, .modal--onboard .modal__wrapper {
      border-radius: 15px
  }
    }

.modal--tooltip .modal__button-close:before,
    .modal--tooltip .modal__button-close:after,
    .modal--onboard .modal__button-close:before,
    .modal--onboard .modal__button-close:after {
      background: #BBBBBB;
    }

.modal--onboard {
  top: auto
}

@media (min-width: 600px) {

.modal--onboard {
    max-width: 296px;
    left: 23px;
    bottom: 23px
}
  }

.modal--onboard .modal__wrapper {
    padding: 18px 80px 18px 14px;
    min-height: 0
  }

@media (min-width: 600px) {

.modal--onboard .modal__wrapper {
      padding: 48px
  }
    }

.modal--onboard .modal__grid {
    -webkit-align-items: center;
            align-items: center
  }

@media (min-width: 600px) {

.modal--onboard .modal__grid {
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-justify-content: center;
              justify-content: center
  }
    }

.modal--onboard .modal__icon {
    width: 82px
  }

@media (min-width: 600px) {

.modal--onboard .modal__icon {
      width: 100px;
      margin-bottom: 15px
  }
    }

.modal--onboard .modal__prompt {
    width: calc(100% - 82px);
    color: #6D6B67
  }

@media (min-width: 600px) {

.modal--onboard .modal__prompt {
      width: 100%;
      text-align: center
  }
    }

@media (min-width: 1025px) {

.modal--onboard .modal__prompt-text--mobile {
      display: none
  }
    }

@media (max-width: 1024px) {

.modal--onboard .modal__prompt-text--desktop {
      display: none
  }
    }

.modal--onboard .modal__button {
    top: 50%;
    right: 24px;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0)
  }

@media (min-width: 600px) {

.modal--onboard .modal__button {
      top: 24px;
      -webkit-transform: none;
              transform: none
  }
    }

.modal--tooltip {
  position: fixed;
  top: auto
}

@media (min-width: 600px) {

.modal--tooltip {
    position: absolute;
    width: 410px;
    right: auto;
    bottom: auto
}
  }

.modal--tooltip .modal__wrapper {
    max-height: none;
    padding: 25px
  }

@media (min-width: 600px) {

.modal--tooltip .modal__wrapper {
      position: relative;
      width: 100%;
      max-height: 95vh;
      padding: 32px 50px 32px 32px
  }
    }

.modal--tooltip .modal__button {
    top: 22px;
    right: 22px;
  }

.modal--hero-readmore .modal__wrapper {
    min-height: auto;
  }

.modal--video-native .modal__wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1240px;
    min-height: 0;
    max-height: 100vh;
    padding: 20px 32px;
    width: calc(100% - 32px)
  }

@media (min-width: 1025px) {

.modal--video-native .modal__wrapper {
      padding: 32px
  }
    }

.modal--quick-add .modal__wrapper {
    width: 100%;
    max-height: 100%;
    padding: 32px 16px 17px
  }

@media (min-width: 1025px) {

.modal--quick-add .modal__wrapper {
      max-width: 68%;
      padding: 45px 83px 49px
  }
    }

.modal--quick-add .carousel__content:not(.flickity-enabled) {
    display: -webkit-flex;
    display: flex;
    overflow-x: hidden
  }

.modal--quick-add .carousel__content:not(.flickity-enabled) .card--quick-add {
      min-width: 50%
    }

@media (min-width: 768px) {

.modal--quick-add .carousel__content:not(.flickity-enabled) .card--quick-add {
        min-width: 25%
    }
      }

@media (min-width: 1025px) {

.modal--quick-add .carousel__content:not(.flickity-enabled) .card--quick-add {
        min-width: 33.333333%
    }
      }

@media (min-width: 1025px) {

.modal--quick-add .modal__button {
      top: 25px;
      right: 23px
  }
    }

.nav-trigger {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  z-index: 100
}

@media (min-width: 1025px) {

.nav-trigger {
    display: none
}
  }

.nav-trigger__icon {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  display: block;
  position: relative;
  border: none;
  width: 18px;
  height: 14px;
  cursor: pointer;
}

.nav-trigger__bar {
  position: absolute;
  left: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  width: 18px;
  height: 1px;
  cursor: pointer;
  background: #333333;
  border-radius: 2px;
  transition: opacity calc(0.3s/3) ease-in calc(0.3s*2/3),
              top calc(0.3s/3) ease-in calc(0.3s*2/3),
              height calc(0.3s/3) ease-in calc(0.3s*2/3),
              width calc(0.3s/3) ease-in calc(0.3s*2/3),
              -webkit-transform calc(0.3s*2/3) cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: opacity calc(0.3s/3) ease-in calc(0.3s*2/3),
              top calc(0.3s/3) ease-in calc(0.3s*2/3),
              height calc(0.3s/3) ease-in calc(0.3s*2/3),
              width calc(0.3s/3) ease-in calc(0.3s*2/3),
              transform calc(0.3s*2/3) cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: opacity calc(0.3s/3) ease-in calc(0.3s*2/3),
              top calc(0.3s/3) ease-in calc(0.3s*2/3),
              height calc(0.3s/3) ease-in calc(0.3s*2/3),
              width calc(0.3s/3) ease-in calc(0.3s*2/3),
              transform calc(0.3s*2/3) cubic-bezier(0.55, 0.055, 0.675, 0.19),
              -webkit-transform calc(0.3s*2/3) cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.nav-trigger__bar--top {
  top: 0;
}

.nav-trigger__bar--middle {
  top: calc(50% - 1px/2);
}

.nav-trigger__bar--bottom {
  top: calc(14px - 1px);
}

[aria-pressed="true"] .nav-trigger__bar {
    transition: opacity calc(0.3s/3) ease-out,
                top calc(0.3s/3) ease-out,
                height calc(0.3s/3) ease-out,
                width calc(0.3s/3) ease-out,
                -webkit-transform calc(0.3s*2/3) cubic-bezier(0.215, 0.61, 0.355, 1) calc(0.3s*1/3);
    transition: opacity calc(0.3s/3) ease-out,
                top calc(0.3s/3) ease-out,
                height calc(0.3s/3) ease-out,
                width calc(0.3s/3) ease-out,
                transform calc(0.3s*2/3) cubic-bezier(0.215, 0.61, 0.355, 1) calc(0.3s*1/3);
    transition: opacity calc(0.3s/3) ease-out,
                top calc(0.3s/3) ease-out,
                height calc(0.3s/3) ease-out,
                width calc(0.3s/3) ease-out,
                transform calc(0.3s*2/3) cubic-bezier(0.215, 0.61, 0.355, 1) calc(0.3s*1/3),
                -webkit-transform calc(0.3s*2/3) cubic-bezier(0.215, 0.61, 0.355, 1) calc(0.3s*1/3);
  }

[aria-pressed="true"] .nav-trigger__bar--bottom,
  [aria-pressed="true"] .nav-trigger__bar--top {
    top: calc(50% - 1px/2);
  }

[aria-pressed="true"] .nav-trigger__bar--top {
    -webkit-transform: translate3d(-2px, 0, 0) rotate(45deg);
            transform: translate3d(-2px, 0, 0) rotate(45deg);
    width: calc(18px + 2px);
  }

[aria-pressed="true"] .nav-trigger__bar--bottom {
    -webkit-transform: translate3d(-2px, 0, 0) rotate(135deg);
            transform: translate3d(-2px, 0, 0) rotate(135deg);
    width: calc(18px + 2px);
  }

[aria-pressed="true"] .nav-trigger__bar--middle {
    opacity: 0;
  }

.nav-trigger__label {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;

  position: absolute;
  left: 24px;
  top: 50%;
  display: block;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}

.nav-trigger__label--active {
  transition-property: opacity, visibility;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.is-nav-active .nav-trigger__label--inactive {
    transition-property: opacity, visibility;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    visibility: hidden;
    opacity: 0;
  }

.is-nav-active .nav-trigger__label--active {
    visibility: visible;
    opacity: 1;
  }

.nav {
  position: absolute;
  left: 0;
  right: 0;
  transition-property: opacity, transform;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}

.is-nav-active .nav {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.nav {
  display: none;
  z-index: 1;
  top: 48px;
  padding-bottom: 5px;
  border-bottom: 1px solid {{ settings.color_hr }};
  background: #ffffff;
}

.newsletter-popup {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  transition-property: opacity, visibility;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 100;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: rgba(34, 34, 34, 0.8);
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out
}

.newsletter-popup .newsletter__field {
    max-width: 100%;
  }

.newsletter-popup .newsletter__email {
    width: calc(100% - 100px);
    padding: 13px 17px;
    border-radius: 0;
  }

.newsletter-popup .form__label--checkbox {
    min-width: 300px
  }

@media (max-width: 599px) {
      .newsletter-popup .form__label--checkbox:before {
        -webkit-transform: none;
                transform: none;
        top: unset;
      }
      .newsletter-popup .form__label--checkbox:after {
        top: unset;
      }
    }

.newsletter-popup .form__input {
    border-width: 1px;
  }

.newsletter-popup__wrapper {
  position: relative;
  max-width: 864px;
  width: calc(100% - 32px);
  margin: 0 auto;
  padding: 35px 32px;
  overflow: auto;
  background: #ffffff;
  box-shadow: 2px 2px 18px 0 rgba(0,0,0,0.1)

}

@media (min-width: 1025px) {

.newsletter-popup__wrapper {
    width: calc(100% - 40px);
    max-width: 608px;
    padding: 74px 80px

}
  }

.is-newsletter-popup-active {
  overflow: hidden
}

.is-newsletter-popup-active .newsletter-popup {
    visibility: visible;
    opacity: 1;
  }

.newsletter-popup__close {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  position: absolute;
  top: 16px;
  right: 16px;
  max-width: 16px;
  max-height: 16px;
  background: transparent !important;
  z-index: 102;
  cursor: pointer
}

@media (min-width: 768px) {

.newsletter-popup__close {
    top: 24px;
    right: 24px;
    max-width: 36px;
    max-height: 24px
}
  }

.newsletter-popup__block {
  width: 100%
}

@media (min-width: 1025px) {

.newsletter-popup__block {
    width: 50%
}
  }

.newsletter-popup__block--image {
  display: none
}

@media (min-width: 1025px) {

.newsletter-popup__block--image {
    width: 41.666667%;
    display: block;
    padding-top: 31px
}
  }

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

.newsletter-popup__image:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.newsletter-popup__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.newsletter-popup__block {
  text-align: center;
}

.newsletter-popup__form {
  margin-top: 22px
}

@media (min-width: 1025px) {

.newsletter-popup__form {
    margin-top: 39px
}
  }

.newsletter-popup__title {
  color: #000000
}

.newsletter-popup__title + .newsletter-popup__description {
    margin-top: 14px;
  }

.newsletter__button {
  margin-top: 4px;
  height: 54px;
  padding-top: 15px;
  padding-bottom: 15px
}

@media (min-width: 1025px) {

.newsletter__button {
    max-width: 324px;
    margin: 23px auto 0
}
  }

.newsletter-popup__acknowledge {
  /*margin-top: 15px;*/
}

.newsletter__form {
  position: relative
}

@media (min-width: 1025px) {

.newsletter__form {
    text-align: center
}
  }

.newsletter__title {
  font-size: 0.6875rem;
  line-height: 1.45455;
  letter-spacing: 0.09091em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #000000;
}

.newsletter__title-social {
  font-size: 0.6875rem;
  line-height: 1.45455;
  letter-spacing: 0.09091em;
  font-weight: 700;
  text-transform: uppercase;
  display: none;
  margin-bottom: 12px;
  color: #000000
}

@media (min-width: 1025px) {

.newsletter__title-social {
    display: block
}
  }

.newsletter__field {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
  margin-top: 17px;
  width: 100%;
  text-align: left;
  border-radius: 3px
}

@media (min-width: 1025px) {

.newsletter__field {
    margin-left: 0
}
  }

.newsletter__email {
  height: 48px;
  -webkit-flex: 1 0 auto;
          flex: 1 0 auto;
  width: calc(100% - 104px);
  padding: 0 16px
}

.newsletter__email::-webkit-input-placeholder {
    font-size: 13px;
  }

.newsletter__email::-moz-placeholder {
    font-size: 13px;
  }

.newsletter__email:-ms-input-placeholder {
    font-size: 13px;
  }

.newsletter__email::placeholder {
    font-size: 13px;
  }

.newsletter__email::-ms-clear {
    display: none;
  }

.newsletter__email:focus {
    box-shadow: none;
  }

.newsletter__icon {
  width: 15px;
  height: 15px;
  margin: 5px 5px 0 0
}

@media (min-width: 1025px) {

.newsletter__icon {
    width: 17px;
    height: 17px
}
  }

.newsletter__message {
  position: absolute;
  bottom: -25px;
  left: 0
}

@media (min-width: 1025px) {

.newsletter__message {
    bottom: -27px
}
  }

.newsletter__description {
  font-size: 0.8125rem;
  line-height: 1.38462;
}

.newsletter-popup__icon {
  display: block
}

.newsletter-popup__icon:before,
  .newsletter-popup__icon:after {
    width: 15px;
    background: #AAAAAA;
  }

@media (min-width: 1025px) {

.newsletter__cta {
    margin-bottom: 32px
}
  }

.newsletter__action {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 10px
}

@media (min-width: 1025px) {

.newsletter__action {
    margin-top: 11px;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-start;
            align-items: flex-start
}
  }

.newsletter--sign-up .newsletter-checkbox-label.form__label {
    font-size: 0.6875rem;
    line-height: 1.36364;
    letter-spacing: 0.00727em
  }

@media (min-width: 1025px){

.newsletter--sign-up .newsletter-checkbox-label.form__label {
    font-size: 0.6875rem;
    line-height: 1.63636
  }
}

.newsletter--sign-up .newsletter-checkbox-label.form__label {
    color: #ffffff;
    padding-left: 0
  }

.newsletter--sign-up .newsletter-checkbox-label.form__label:before {
      content: none;
      width: 24px;
      height: 24px;
    }

.newsletter--sign-up .newsletter-checkbox-label.form__label:after {
      content:none;
      left: 8px;
    }

.newsletter--sign-up .newsletter-checkbox-label.form__label .form__label--checkbox:after {
        left: 8px;
      }

.newsletter--sign-up .newsletter-checkbox-label.form__label a {
      margin-left: 0;
    }

.newsletter--sign-up .newsletter__button {
    height: 40px;
    margin-top: 6px;
    text-transform: none;
    padding: 0;
  }

.newsletter--sign-up .form__block--email {
    margin-bottom: 12px;
  }

.newsletter--sign-up .form__row {
    margin-bottom: 14px ;
  }

@media (min-width: 1025px) {
    .newsletter--sign-up .newsletter__field {
      -webkit-justify-content: space-between;
              justify-content: space-between;
      margin-top: 7px;
    }

    .newsletter--sign-up .form__block,
    .newsletter--sign-up .form__row,
    .newsletter--sign-up .newsletter__button {
      width: calc(50% - 8px);
      margin-bottom: 10px;
    }

    .newsletter--sign-up .newsletter__button {
      margin-left: 0;
      margin-right: 0;
      padding: 0;
    }
  }

.notice-purchased {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin-bottom: 16px;
  width: 100%;
  padding: 11px;
  color: #333333;
  background: rgba(1,188,171,0.06);
}

.notice-purchased__icon {
  margin-right: 11px;
  width: 18px;
  color: #01bcab;
}

.notify-me {
  width: 100%;
}

.notify-me__image-wrapper:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.notify-me__image-wrapper {

  position: relative;
  width: 112px;
}

.notify-me__image {
  position: absolute;
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.notify-me__title {
  font-size: 1.25rem;
  line-height: 1.2;
  letter-spacing: -0.0125em;

  margin-top: 12px;
}

.notify-me__description {
  font-size: 0.8125rem;
  line-height: 1.53846;

  color: #333333;
  margin-top: 18px;
}

.notify-me__input {
  width: 100%;
  margin-top: 12px;
  color: #333333
}

@media (min-width: 768px) {

.notify-me__input {
    -webkit-flex: 1;
            flex: 1 1
}
  }

.notify-me__button {
  margin-top: 12px
}

@media (min-width: 768px) {

.notify-me__button {
    width: 118px;
    margin-left: 12px
}
  }

.notify-me__message {
  display: block;
  margin-top: 12px;
}

.notify-me__message--error {
  color: #ff0000;
}

.notify-me__or {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  position: relative;
  margin: 14px 0
}

.notify-me__or:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    display: block;
    width: 100%;
    border-top: 1px solid #E4E4E4;
  }

.notify-me__or span {
    z-index: 1;
    display: block;
    padding: 1px 9px;
    background: #ffffff;
  }

@media (min-width: 768px) {

.notify-me__form {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap
}
  }

.notify-me__success-title {
  font-size: 1.25rem;
  line-height: 1.2;
  letter-spacing: -0.0125em;
  margin-bottom: 8px;
}

.notify-me__success-description {
  font-size: 0.8125rem;
  line-height: 1.53846;

  color: #333333;
  margin-bottom: 26px;
}

.order-details {
  margin-top: 24px
}

@media (min-width: 1025px) {

.order-details {
    margin-top: 30px;
    margin-bottom: 65px
}
  }

.order-details .responsive-table thead {
      display: table-header-group;
    }

.order-details__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.order-details__header {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
}

.order-details .responsive-table-row {
  border-bottom: 1px solid {{ settings.color_hr }}
}

.order-details .responsive-table-row:first-child {
    border-top: 1px solid {{ settings.color_hr }};
  }

@media (max-width: 1024px) {
    .order-details .responsive-table-row:last-child {
      border-bottom: 0;
    }
  }

.order-details__table th {
    border-bottom: 0
  }

@media (max-width: 1024px) {

.order-details__table th {
      font-size: 0;
      padding: 7px
  }
      .order-details__table th:first-child {
        padding-left: 0;
      }
      .order-details__table th:last-child {
        text-align: right;
        padding-right: 0;
      }
      .order-details__table th:not(:first-child){
        text-align: center;
      }
      .order-details__table th:before{
        content: attr(data-label);
        display: block;
        font-size: 13px;
        font-weight: bold;
        text-transform: none;
      }
    }

@media (min-width: 768px) {

.order-details__table .order-details__quantity {
      text-align: center;
      width: 15%
  }
    }

@media (min-width: 768px) {

.order-details__table .order-details__total {
      width: 10%;
      text-align: right
  }
    }

.order-details__table tbody tr td:before {
          content: none;
        }

@media (max-width: 849px) {

.order-details__table tbody tr td {
          display: table-cell;
          padding: 16px 0;
          text-align: center
      }
          .order-details__table tbody tr td:first-child {
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: nowrap;
                    flex-wrap: nowrap;
            -webkit-justify-content: left;
                    justify-content: left;
          }
        }

@media (min-width: 768px) {

.order-details__table tbody tr td {
          padding-top: 13px;
          padding-bottom: 13px
      }
        }

.order-details__table tbody tr:last-child td:last-child {
          padding-bottom: 18px
        }

@media (min-width: 768px) {

.order-details__table tbody tr:last-child td:last-child {
            padding-bottom: 13px
        }
          }

.order-details__product {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center
}

.order-details__product img {
    width: 42px;
    margin-right: 10px
  }

@media (min-width: 768px) {

.order-details__product img {
      width: 64px;
      margin-right: 5px
  }
    }

.order-details__product a {
    width: 62%;
    color: #000;
    text-decoration: none;
    line-height: 18px;
    text-align: left
  }

@media (min-width: 768px) {

.order-details__product a {
      width: auto;
      line-height: 28px
  }
    }

.order-details__link {
  display: none
}

@media (min-width: 768px) {

.order-details__link {
    display: block
}
  }

@media (min-width: 768px) {
  .order-details__link {
  }

  .order-details__product {
    width: auto;
  }

  .order-details__sku {
    width: 15%;
  }

  .order-details__price {
    width: 10%;
  }

  .order-details__quantity {
  }
      .order-details .responsive-table td.order-details__sku, .order-details .responsive-table th.order-details__sku {
        padding-right: 30px;
      }
      .order-details .responsive-table td.order-details__total, .order-details .responsive-table th.order-details__total {
        padding-right: 0;
      }
}

.billing_shipping {
  display: -webkit-flex;
  display: flex;
  margin-top: 42px
}

@media (max-width: 849px) {

.billing_shipping {
    margin-top: 24px
}
  }

.billing_shipping .subtitle {
    padding: 0;
  }

.billing_shipping > * {
    width: 43%
  }

@media (max-width: 849px) {

.billing_shipping > * {
      width: 50%
  }
    }

.billing_shipping .order-status {
    margin: 7px 0 18px;
  }

.billing_shipping p:not(.order-status):first-line {
    font-size: 0;
  }

.billing_shipping h4 {
    margin-bottom: 6px;
  }

@media (max-width: 849px) {

.order-calc {
    border-top: 1px solid #808080
}
  }

.order-calc .order-price {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    line-height: 26px;
  }

.order-calc .price-list {
    margin: 16px 0;
  }

.order-calc .grand-total {
    padding: 11px 0;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080
  }

@media (max-width: 849px) {

.order-calc .grand-total {
      padding: 5.5px 0
  }
    }

.page-404 {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-content: center;
          align-content: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 36px 0
}

@media (min-width: 1025px) {

.page-404 {
    padding: 90px 0
}
  }

.page-404__wrapper {
  max-width: 686px;
}

.page-404__title {
  font-size: 2rem;
  line-height: 1
}

@media (min-width: 1025px){

.page-404__title {
    font-size: 3rem;
    line-height: 1
}
}

.page-404__title {
  font-weight: 700;

  margin-bottom: 16px;
  text-align: center
}

@media (min-width: 1025px) {

.page-404__title {
    margin-bottom: 20px
}
  }

.page-404__description {
  margin-bottom: 16px
}

@media (min-width: 1025px) {

.page-404__description {
    margin-bottom: 20px
}
  }

.page-404__button-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  grid-gap: 16px 0
}

@media (min-width: 1025px) {

.page-404__button-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;

    grid-gap: 0 16px
}
  }

.page-404__button {
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.07143em;

  padding: 16px;
  border: 1px solid #000000
}

@media (max-width: 1024px) {

.page-404__button {
    width: 100%
}
  }

.page-404__button-home {
  min-width: 200px;
}

.page-404__button-contact {
  min-width: 177px;
}

.page-layout {
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
}

@media (min-width: 1025px) {

.page-layout {
    padding-top: 24px;
    padding-bottom: 80px
}
  }

.page-layout--full .page-layout__block--main {
    width: 100%;
    max-width: 100%
  }

@media (min-width: 1025px) {

.page-layout--full .page-layout__block--main {
      padding-left: 16px
  }
    }

.page-layout--stockist {
  position: relative;
  padding-top: 0;
  background: transparent
}

@media (min-width: 1025px) {

.page-layout--stockist {
    overflow: hidden;
    margin-bottom: 23px;
    padding-bottom: 0
}
  }

.page-layout--stockist .icon-minus:before,
  .page-layout--stockist .icon-plus:after,
  .page-layout--stockist .icon-plus:before {
    background: #111111;
  }

.page-layout--stockist .page-layout__wrapper {
    margin-bottom: 16px;
  }

@media (min-width: 1025px) {

.page-layout--stockist .page-layout__content {
      padding-left: 0;
      padding-right: 0
  }
    }

@media (min-width: 1025px) {

.page-layout--stockist .page-layout__grid {
      margin: 0
  }
    }

.page-layout__block {
  padding: 0 8px;
  width: 100%
}

@media (min-width: 1025px) {

.page-layout__block {
    width: 412px;
    padding: 0 7px
}
  }

.page-layout__block--main {
  width: 100%
}

@media (min-width: 1025px) {

.page-layout__block--main {
    -webkit-order: 2;
            order: 2;
    width: calc(100% - 412px);
    padding-left: 79px
}
  }

.page-layout__header {
  position: relative;
  margin-bottom: 0
}

@media (min-width: 1025px) {

.page-layout__header {
    margin-bottom: 30px
}
  }

.page-layout__header .hero-title__wrapper {
    text-align: center
  }

@media (min-width: 1025px) {

.page-layout__header .hero-title__wrapper {
      text-align: left
  }
    }

.page-layout__header .hero-title__line {
    position: absolute;
    width: auto;
    left: -10px;
    right: -10px;
    bottom: 0
  }

@media (min-width: 1025px) {

.page-layout__header .hero-title__line {
      position: static
  }
    }

.page-layout__header + .page-layout__content {
    margin-top: 20px
  }

@media (min-width: 1025px) {

.page-layout__header + .page-layout__content {
      margin-top: 28px
  }
    }

.page-layout__block--sidebar {
  display: none
}

@media (min-width: 1025px) {

.page-layout__block--sidebar {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px
}
  }

@media (min-width: 1025px) {

.page-layout__block--sidebar {
    margin-top: 0;
    margin-bottom: 0
}
  }

.page-layout__block--sidebar .widget__link:hover {
      color: {{ settings.color_link_hover }};
    }

.page-layout--faq .page-layout__header {
    margin-bottom: 0;
  }

@media (max-width: 767px) {

.page-layout--full {
    position: relative
}

    .page-layout--full .hero-title__wrapper {
      padding: 13px 0;
      text-align: center;
    }

    .page-layout--full .hero-title__line {
      position: absolute;
      left: 0;
      right: 0;
      width: auto;
    }
  }

.page-layout__content {
  width: 100%;
  padding-bottom: 24px
}

@media (min-width: 1025px) {

.page-layout__content {
    padding-left: 75px;
    padding-right: 75px
}
  }

.page-layout__wrapper {
  margin-bottom: 24px;
}

.page--cms {
  padding-bottom: 28px
}

@media (min-width: 1025px) {

.page--cms {
    padding-bottom: 80px
}
  }

.page-layout__form {
  width: 100%;
}

@media (min-width: 1025px) {

.page-layout--contact {
    margin-top: 65px
}
  }

.ingredient__header {
  margin-bottom: 18px
}

@media (min-width: 1025px) {

.ingredient__header {
    margin-bottom: 48px
}
  }

.ingredient__header-wrapper {
  padding: 0
}

@media (min-width: 1025px) {

.ingredient__header-wrapper {
    padding-left: 45px;
    padding-right: 45px
}
  }

.native-text-module {
  padding: 28px 18px 33px;
  color: #ffffff
}

@media (min-width: 1025px) {

.native-text-module {
    padding: 64px 0
}
  }

.native-text-module__image:before {
    content: '';
    display: block;
    padding-top: 78.8764%;
  }

.pagination {
  margin-top: 32px
}

@media (min-width: 1025px) {

.pagination {
    margin-top: 33px
}
  }

.pagination a {
    width: 100%;
    padding: 2px 5px 0;
    color: #000000;
    text-decoration: none;
  }

.pagination .page,
  .pagination .deco,
  .pagination .prev,
  .pagination .next {
    font-size: 0.8125rem;
    line-height: 1.15385;
    position: relative;
    width: 16px;
    height: 26px;
    padding-bottom: 5px;
    margin-right: 19px;
    text-align: center;
    text-decoration: none;
  }

.pagination .current {
    padding-bottom: 2px;
    font-weight: 500;
    color: #000000
  }

.pagination .current:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
      background: #000000;
    }

.pagination .prev a, .pagination .next a {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
    }

.pagination .prev .pagination__icon {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
    }

.pagination--hidden {
  display: none;
}

.pagination__icon {
  width: 18px;
  height: 18px;
  pointer-events: none
}

.pagination__icon:after {
    border-color: #000000;
  }

.pagination__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap
}

.pagination__list > span {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
  }

.pagination__list > span:last-child {
      margin-right: 0;
    }

.pagination--blog {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 14px auto 26px auto;
  width: 100%
}

@media (min-width: 1025px) {

.pagination--blog {
    margin-top: 16px;
    margin-bottom: 67px
}
  }

.pagination--blog .current:after {
    bottom: 5px;
  }

.pagination--blog span:nth-child(2) {
    margin-right: 10px;
  }

.pagination--blog .pagination__icon:after {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
  }

.panel__label {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

@media (max-width: 1024px) {

.panel__content {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background: #ffffff;
    -webkit-transform: translateX(100%);
            transform: translateX(100%)
}
  }

@media (min-width: 1025px) {

.panel__icon {
    display: none
}
  }

.panel__block--active .panel__content {
    -webkit-transform: none;
            transform: none;
  }

.payment-methods__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap
}

@media (min-width: 768px) {

.payment-methods__inner {
    margin-bottom: 0;
    -webkit-order: 1;
            order: 1
}
  }

.payment-methods__payment-icon {
  padding: 0 7px;
}

.payment-methods__logo {
  max-height: 32px;
}

.payment_image_5 {
  max-height: 17px;
}

.payment-methods--cart .payment-methods__inner {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    max-width: 248px;
    margin: 0 auto;
  }

.payment-methods--cart .payment-methods__payment-icon {
    max-width: 70px;
  }

.payment-methods--cart .payment-methods__logo {
    max-height: 14px;
    margin: 0 auto 17px;
  }

.plp-badge {
  font-size: 0.8125rem;
  line-height: 1.15385;
  letter-spacing: 0.07692em;
  font-weight: 700;

  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}

.plp-badge__item {
  padding: 10px 12px 8px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
}

.plp-badge__item--external {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  display: inline-block;
  padding: 1px 7px;
  border: 1px solid #7DA9C5;
  color: #39779E;
  text-transform: none;
  border-radius: 2px;
  background-color: #ffffff;
  margin-top: 8px
}

@media (min-width: 1025px) {

.plp-badge__item--external {
    padding: 4px 10px;
    width: auto
}
  }

.plp-banner {}

.plp-banner--header {
  margin-bottom: 16px
}

@media (min-width: 1025px) {

.plp-banner--header {
    margin-bottom: 24px
}
  }

.plp-banner--left {
  margin-top: 8px
}

@media (max-width: 767px) {

.plp-banner--left {
    display: none
}
  }

.plp-banner__content * {
    width: 100%;
    height: 100%;
  }

.plp-banner__content a {
    display: -webkit-flex;
    display: flex;
  }

.plp-banner__content iframe {
    border: none;
  }

.plp-card--search-dropdown {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #808080;
  margin-bottom: 0
}

@media (min-width: 1025px) {

.plp-card--search-dropdown {
    width: 202px;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 16px
}
  }

.plp-card--search-dropdown .plp-card__more,
  .plp-card--search-dropdown .plp-card__button {
    display: none;
  }

.plp-card--search-dropdown .plp-card__title {
    margin-top: 0
  }

@media (min-width: 1025px) {

.plp-card--search-dropdown .plp-card__title {
      margin-bottom: 16px
  }
    }

.plp-card--search-dropdown .plp-card__price .price-amount {
      font-size: 0.875rem;
      line-height: 1.21429;
      font-weight: 400;
      font-weight: 700
    }

@media (min-width: 1025px) {

.plp-card--search-dropdown .plp-card__price .price-amount {
        font-size: 1rem;
        line-height: 1.1875
    }
      }

.plp-card--search-dropdown .plp-card__inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap
  }

@media (min-width: 1025px) {

.plp-card--search-dropdown .plp-card__inner {
      -webkit-flex-direction: column;
              flex-direction: column
  }
    }

.plp-card--search-dropdown .plp-card__image-wrapper {
    width: 100px;
    margin-right: 16px
  }

@media (min-width: 1025px) {

.plp-card--search-dropdown .plp-card__image-wrapper {
      width: 100%;
      margin: 0
  }
    }

@media (min-width: 1025px) {
      .plp-card--search-dropdown .plp-card__image:before {
    content: '';
    display: block;
    padding-top: 96.47059%;
  }
    }

@media (min-width: 1025px) {

.plp-card--search-dropdown .plp-card__content {
      width: 100%;
      margin-top: 11px
  }
    }

.plp-card__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-self: stretch;
          align-self: stretch;
  height: 100%
}

.plp-card__inner:hover .plp-card__image {
      -webkit-transform: scale(1.05);
              transform: scale(1.05);
    }

.plp-card__content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  -webkit-flex: 1 1 0;
          flex: 1 1;
}

.plp-card__image-wrapper {
  position: relative;
  overflow: hidden;
}

.plp-card__image {
  position: absolute;
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
}

.plp-card__button {
  width: 100%;
  margin-top: 12px;
  padding: 13px 12px 12px
}

@media (min-width: 1025px) {

.plp-card__button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}
  }

.plp-card__button.button--disabled,
  .plp-card__button:disabled {
    border: 0;
  }

.plp-card__title {
  margin-top: 10px;
  margin-bottom: 8px;
  -webkit-flex: 1 1 0;
          flex: 1 1;
}

.plp-card__title-link {
  font-size: 0.875rem;
  line-height: 1.42857;
  font-weight: 700;

  color: #000;
  text-decoration: none;
}

.plp-card__price {
  font-weight: 400
}

.plp-card__price .price-amount {
    font-size: 1rem;
    line-height: 1.1875;
  }

.plp-card__more {
  font-size: 0.875rem;
  line-height: 1.28571;
  letter-spacing: 0;

  display: block;
  margin-top: 13px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  border-bottom: 1px solid;
}

.plp-card__link:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.plp-card__link {
  overflow: hidden
}

.plp-card__link > .plp-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.plp-card--recommend .plp-card__title {
    margin: 11px 0 8px
  }

@media (min-width: 1025px) {

.plp-card--recommend .plp-card__title {
      margin: 9px 0 12px
  }
    }

.plp-card--recommend .plp-card__reviews {
    min-height: 18px;
    margin-bottom: 17px;
  }

.plp-card--recommend .plp-card__title-link {
    display: block;
    height: 40px;
    overflow: hidden;
  }

@media (min-width: 1025px) {

.plp-card--recommend .plp-card__button {
      width: 148px
  }
    }

.plp-card--recommend .plp-card__button:disabled {
    color: #999999;
    background: #D8D8D8;
    border: 1px solid #D8D8D8;
  }

.plp-card--recommend .plp-card__price {
    font-size: 1rem;
    line-height: 1.1875;
  }

.plp-card--cart-slideout .plp-card__title {
    font-size: 0.875rem;
    line-height: 1.42857;

    margin: 10px 0;
  }

.plp-card--cart-slideout .plp-card__reviews {
    display: none;
  }

.plp-card--cart-slideout .plp-card__price {
    font-size: 1rem;
    line-height: 1.1875;
  }

.plp-card--cart-slideout .plp-card__button {
    width: 100%;
    min-width: unset;
    padding-left: 12px;
    padding-right: 12px;
  }

.plp-filter-bar {
  transition-property: top;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  z-index: 9;
}

.plp--search .plp-filter-bar {
    margin-top: 0;
}

@media (min-width: 768px) {

.plp-filter-bar {
    margin-bottom: 18px;
}
  }

.plp-filter-bar {

  padding-bottom: 12px;
}

.plp--search .plp-filter-bar__wrap {
    border-top: 0
}

.plp-filter-bar__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.plp-filter-bar__icon {
  margin-right: 11px;
}

.plp-filter-bar__icon--menu {
  width: 14px;
  height: 14px;
  color: #333333;
}

.plp-filter-bar__button {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 13px 17px;
  min-width: 148px
}

@media (max-width: 767px) {

.plp-filter-bar__button {
    border: 1px solid #333333;
    width: 100%;
    margin-bottom: 16px;
    padding: 12px 17px
}
  }

@media (min-width: 768px) {

.plp-filter-bar__button {
    background-color: #F4F4F4;
    border-radius: 2px
}
  }

.plp-filter-bar__button span {
    font-size: 0.75rem;
    line-height: 1.5;
    letter-spacing: 0.08333em;
    font-weight: 700;

    color: #000;
    text-transform: uppercase;
  }

.plp-filter-bar__content {
  font-size: 0.8125rem;
  line-height: 1.53846;

  margin-right: auto;
  color: #333333
}

@media (min-width: 768px) {

.plp-filter-bar__content {
    margin-left: auto;
    margin-right: 24px
}
  }

.plp-filter-bar__link {
  padding-left: 15px;
}

.plp-filter-checkbox {
  width: 100%
}

.plp-filter-checkbox:first-child {
    margin-top: 3px;
  }

.plp-filter-checkbox__label {
  font-size: 0.8125rem;
  line-height: 3.38462;

  position: relative;
  display: inline-block;
  width: 100%;
  padding-left: 32px;
  cursor: pointer
}

@media (min-width: 1025px) {

.plp-filter-checkbox__label {
    min-width: 76px
}
  }

.plp-filter-checkbox__label span {
    color: var(--c-gray-dark-30);
  }

.plp-filter-checkbox__label:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    border: 1px solid #808080;
    width: 18px;
    height: 18px;
    background: #fff !important;
  }

.plp-filter-checkbox__input:checked + .plp-filter-checkbox__label:before {
      background: #333333 !important;
    }

.plp-filter-checkbox__input:checked + .plp-filter-checkbox__label:after {
      content: '';
      position: absolute;
      top: 21px;
      left: 0;
      -webkit-transform: translate(50%, -50%);
              transform: translate(50%, -50%);
      display: block;
      width: 10px;
      height: 10px;
      background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22m173.898%20439.404-166.4-166.4c-9.997-9.997-9.997-26.206%200-36.204l36.203-36.204c9.997-9.998%2026.207-9.998%2036.204%200L192%20312.69%20432.095%2072.596c9.997-9.997%2026.207-9.997%2036.204%200l36.203%2036.204c9.997%209.997%209.997%2026.206%200%2036.204l-294.4%20294.401c-9.998%209.997-26.207%209.997-36.204-.001z%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat center;
    }

.plp-filter-group-selected__button {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  color: var(--c-black-light-20);
  margin-top: 2px
}

@media (max-width: 767px) {

.plp-filter-group-selected__button {
    -webkit-flex: 1 1 0;
            flex: 1 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
  }

.plp-filter-group-selected__item {
  font-size: 0.8125rem;
  line-height: 1.53846;

  display: -webkit-flex;

  display: flex;
  white-space: nowrap;
  color: #333333
}

.plp-filter-group-selected__item .hipen {
    margin-right: 5px;
    margin-left: -2px;
  }

.plp-filter-group-selected__space {
  margin-right: 3px;
}

.plp-filter-group {
  border-top: 1px solid #979797
}

@media (max-width: 767px) {

.plp-filter-group:first-child {
      border: 0
  }
    }

.plp-filter-group__panel {
  padding-bottom: 6px;
}

@media (min-width: 768px) {

.plp-filter-group__wrap {
    max-height: 300px;
    overflow-y: auto;
    margin-bottom: 6px
}
  }

.plp-filter-group__button {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  padding: 18px 0 16px;
  display: block;
  width: 100%;
}

.plp-filter-group__button-icon {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;

  top: 30px;
  bottom: 0;
  position: absolute;
  right: 6px;
  width: 10px;
  height: 10px
}

.plp-filter-group__button-icon svg {
    width: 10px;
    height: 10px;
    color: #8A8A8A;
  }

.plp-filter-group__button--active {
  padding-bottom: 2px
}

.plp-filter-group__button--active .plp-filter-group__button-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }

.plp-filter-group__header {
  position: relative;
}

.plp-filter-group__button-text {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.08333em;
  font-weight: 700;

  display: block;
  width: 100%;
  color: #000;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

.plp-filter-group__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.plp-filter-header {
  display: -webkit-flex;
  display: flex;
  padding: 21px 0;
  text-align: center;
  border-bottom: 1px solid #979797;
}

.plp-filter-header__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  border-bottom: 1px solid var(--c-gray-light-50);
  width: 100%;
}

.plp-filter-header__title {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.08333em;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-flex: 1 1 0;
          flex: 1 1;
}

.plp-filter-header__close {
  position: absolute;
  right: 4px;
  width: 40px;
  top: 12px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-align-items: center;
          align-items: center;
  padding: 10px
}

.plp-filter-header__close svg {
    width: 14px;
    height: 14px;
  }

.plp-filter-header__icon {
  width: 16px;
  height: 16px;
  color: var(--c-light-gray-4);
}

.plp-filter-header__close-icon {
  color: #000;
}

.plp-filter-header__clear--disable {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.plp-filter-header__clear {
  position: absolute;
  left: 17px;
  top: 24px;
  color: #8A8A8A;
}

.plp-filter-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  height: calc(100% - 60px);
}

@media (max-width: 767px) {

.plp-filter-list__group {
    padding: 0 18px
}
  }

.plp-filter-list__group::-webkit-scrollbar {
    display: none;
  }

.plp-filter-list__inner {
  height: calc(100% - 48px);
  overflow-y: auto
}

@media (min-width: 768px) {

.plp-filter-list__inner {
    overflow-x: hidden
}
  }

.plp-filter-list__skeleton {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column
}

.plp-filter-list__skeleton .skeleton {
    margin-bottom: 20px;
    height: 34px;
  }

.plp-filter-list__button {
  margin: 18px;
  padding: 17px 35px;
}

.plp-filter-panel {
  -webkit-flex: 1 1 0;
          flex: 1 1;
}

.plp-filter-price {
  margin-top: 15px;
  width: 100%;
  padding-right: 3px;
  padding-left: 3px
}

.plp-filter-price .vue-slider {
    width: 100%
  }

.plp-filter-price .vue-slider .vue-slider-rail {
      border-radius: 3px;
      height: 4px;
      background-color: #dddddd;
    }

.plp-filter-price .vue-slider .vue-slider-dot {
      border-radius: 3px;
      width: 4px !important;
      height: 16px !important;
      background-color: #000;
      cursor: pointer
    }

.plp-filter-price .vue-slider .vue-slider-dot:last-child .vue-slider-dot-tooltip-bottom {
          right: 0;
          left: auto;
        }

.plp-filter-price .vue-slider .vue-slider-process {
      background-color: #000;
    }

.plp-filter-price .vue-slider .vue-slider-dot-tooltip-bottom {
      bottom: -8px;
      left: 0;
      -webkit-transform: translate(0, 100%);
              transform: translate(0, 100%);
    }

.plp-filter-price .vue-slider .vue-slider-mark {
      top: 8px;
      width: 1px !important;
      height: 8px !important;
      background-color: #dddddd
    }

.plp-filter-price .vue-slider .vue-slider-mark .vue-slider-mark-label {
        margin-top: 12px;
        color: #dddddd;
      }

.plp-filter-price .vue-slider .vue-slider-dot-tooltip-top {
      top: 2px;
    }

.plp-filter-price .vue-slider .vue-slider-dot-tooltip-bottom {
      bottom: -2px;
    }

.plp-filter-price__inputs {
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 18px;
}

.plp-filter-price__input {
  width: 125px;
  height: 48px;
  padding: 1px 8px;
  text-align: center
}

@media (min-width: 768px) {

.plp-filter-price__input {
    width: 153px
}
  }

.plp-filter-price__input:nth-child(2) {
    -webkit-order: 2;
            order: 2;
  }

.plp-filter-price__range {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  margin-top: 6px;
}

.plp-filter-slideout {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  background-color: #ffffff
}

@media (max-width: 767px) {

.plp-filter-slideout {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99;
    width: 331px;
    height: 100%;
    border-left: 1px solid #979797
}
  }

@media (min-width: 768px) {

.plp-filter-slideout {
    position: relative
}
  }

.plp-filter-slideout__inner {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  position: relative;
}

@media (max-width: 767px) {

.plp-filter-slideout__overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.94);
    z-index: 98
}
  }

.plp-grid {
  position: relative;
}

.plp-grid__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px
}

@media (min-width: 768px) {

.plp-grid__list {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px
}
  }

@media (min-width: 1025px) {

.plp-grid__list {
    grid-template-columns: repeat(4, 1fr)
}
  }

.plp-grid__loading {
  margin-top: 32px;
  width: 100%;
}

.plp-grid__has-banner .plp-card__link:before {
    padding-top: 110%;
  }

.plp-grid__message {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  background-color: var(--c-light-gray-2);
}

.plp-grid__message-icon {
  width: 50px;
  height: 50px
}

.plp-grid__message-icon svg {
    color: var(--c-dark-gray-6);
  }

.plp-grid__message-text {
  color: var(--c-dark-gray-6);
}

.plp-card__reviews {
  min-height: 14px;
  margin-top: auto;
  margin-bottom: 20px;
}

.plp-grid--prev-loading .plp-grid__inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }

.plp-grid--prev-loading .plp-grid__loading {
    -webkit-order: -1;
            order: -1;
    margin: 0 0 32px;
  }

.plp-inline-banner {
  display: -webkit-flex;
  display: flex
}

@media (min-width: 1025px) {

.plp-inline-banner {
    transition-property: padding-bottom;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;

    transition-delay: .5s
}
  }

.plp-inline-banner .plp-inline-banner__inner {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
  }

.plp-inline-banner .plp-inline-banner__inner * {
      position: absolute;
      left: 0;
      right: 0;
      position: absolute;
      top: 0;
      bottom: 0;

      height: 100%;
      border: 0;
      object-fit: cover;
      max-width: 100%;
    }

.plp-inline-banner.index-0 {
    -webkit-order: -1;
            order: -1;
  }

.plp-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.plp-label__item {
  font-size: 0.75rem;
  line-height: 1.25;
  font-weight: 700;

  padding: 6px 6px 7px;
  display: inline-block;
  color: #ffffff;
  background: #01bcab;
  margin: 0 6px 6px 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

@media (min-width: 768px) {

.plp-label__item {
    padding: 6px 10px 7px
}
  }

.plp-label__item--pre-order {
  font-size: 0.75rem;
  line-height: 1.41667;
  letter-spacing: 0;
  font-weight: 400;
  border-radius: 2px;
  background-color: #7DA9C5;
  color: #ffffff;
  padding: 3px 8px 2px
}

@media (min-width: 1025px) {

.plp-label__item--pre-order {
    padding: 5px 8px 4px
}
  }

@media (min-width: 768px) {

.plp-label__item--specific {
    padding: 7px 10px 6px
}
  }

.plp-notice {
  text-align: center;
  text-transform: uppercase
}

.plp-notice .notice {
    display: inline-block;
    -webkit-justify-content: center;
            justify-content: center;
  }

.plp-notice__link {
  margin-left: 5px;
}

.plp-pagination {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  margin: 40px 0
}

@media (min-width: 1025px) {

.plp-pagination {
    margin: 46px 0
}
  }

.plp-pagination__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.plp-pagination__button {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;

  background: #ffffff
}

@media (min-width: 1025px) {

.plp-pagination__button {
    width: auto;
    padding: 0 16px
}
  }

.plp-pagination__button[disabled] {
    opacity: 0;
  }

.plp-pagination__button-icon {
  width: 15px;
  height: 18px;
  color: var(--c-gray-light-80);
}

.plp-pagination__button-text {
  font-size: 0.8125rem;
  line-height: 1.15385;

  display: none;
  margin: 0 4px;
  color: var(--c-gray-dark-60)
}

@media (min-width: 1025px) {

.plp-pagination__button-text {
    display: block
}
  }

.plp-pagination__current {
  font-size: 0.8125rem;
  line-height: 1.15385;

  display: none;
  color: var(--c-gray-dark-60);
}

.plp-pagination__pages {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.plp-pagination__page {
  font-size: 0.8125rem;
  line-height: 1.15385;

  min-width: 16px;
  border-bottom: 1px solid transparent;
  margin: 0 10px;
  padding: 6px 0 5px;
  color: #000;
  background: #ffffff;
  text-align: center;
}

.plp-pagination__page--current {
  border-color: #000;
}

.plp-pagination__page--more {
  pointer-events: none;
}

.plp-pagination__skeleton {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
}

.plp-pagination__prev,
.plp-pagination__next {
  width: 6px;
  height: 11px;
  color: #000;
}

.plp-pagination__prev {
  margin-right: 15px;
}

.plp-pagination__next {
  margin-left: 15px;
}

.plp-pagination--previous {
  margin-top: 0;
}

.plp-recommended {
  max-width: 1272px
}

@media (max-width: 1024px) {

.plp-recommended {
    padding: 0 16px
}
  }

.plp-select {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 0.8125rem;
  line-height: 1.53846;

  color: #333333;
  position: relative;
}

.plp-select__title {
  margin-right: 4px;
}

.plp-select__header {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;

  position: relative;
  z-index: 1;
  cursor: pointer;
  text-decoration: underline
}

@media (max-width: 767px) {

.plp-select__header {
    pointer-events: none
}
  }

.plp-select__icon {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;

  display: -webkit-flex;

  display: flex
}

.active .plp-select__icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
}

.plp-select__icon svg {
    width: 10px;
    height: 11px;
    color: #8A8A8A;
  }

.plp-select__label {
  margin-right: 7px;
}

.plp-select__mobile {
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  border: 0;
  padding: 0;
  background-color: transparent;
  text-indent: 1000px;
}

.plp-select__desktop {
  position: relative;
}

.plp-select__dropdown {
  position: absolute;
  right: 0;
  top: 30px;
  width: 170px;
  border: 1px solid #979797;
  background-color: #ffffff;
  z-index: 9;
  padding: 8px 12px;
}

.plp-select__dropdown-item {
  padding: 4px 0
}

.plp-select__dropdown-item:last-child {
    border-bottom: 0;
  }

.plp-select__dropdown-item:hover {
    cursor: pointer;
    text-decoration: underline;
  }

.plp-select__dropdown-item--active {
  text-decoration: underline;
}

.plp-title__inner {
  padding: 24px 0 0;
  text-align: center
}

@media (min-width: 1025px) {

.plp-title__inner {
    padding: 64px 0 36px;
    border-bottom: 1px solid #808080
}
  }

.plp-title__inner--empty {
  padding: 24px 0 21px;
  border-bottom: none
}

@media (min-width: 1025px) {

.plp-title__inner--empty {
    padding: 73px 0 30px
}
  }

.plp-title__inner--empty .plp-title__description {
    font-size: 1rem;
    line-height: 1.375;

    margin-top: 19px;
  }

.plp-title__heading {
  font-size: 1.75rem;
  line-height: 1.07143;
  font-weight: 700;

  color: #000
}

@media (min-width: 1025px) {

.plp-title__heading {
    font-size: 2.25rem;
    line-height: 1.11111
}
  }

.plp-title__description {
  margin-top: 12px;
}

.plp-content {
  margin-bottom: 16px
}

@media (min-width: 1025px) {

.plp-content {
    margin-bottom: 24px
}
  }

.plp-content__inner {
  font-size: 0.75rem;
  line-height: 1.33333
}

@media (min-width: 1025px){

.plp-content__inner {
    font-size: 1rem;
    line-height: 1
}
}

.plp-content__inner {
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  padding: 12px 13px;
  background-color: #01BCAD;
  text-align: center
}

@media (min-width: 1025px) {

.plp-content__inner {
    padding: 24px 22px 20px
}
  }

.plp {
  min-height: 100vh;
}

@media (max-width: 767px) {

.plp__container {
    padding-left: 16px;
    padding-right: 16px
}
  }

.is-plp-loaded .plp {
  min-height: auto;
  overflow: hidden;
}

.plp__wrapper {
  padding: 24px 0 42px
}

@media (min-width: 1025px) {

.plp__wrapper {
    padding: 42px 0 72px
}
  }

.plp__layout {
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}

@media (min-width: 768px) {

.plp__sidebar {
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;

    opacity: 1;
    visibility: visible;
    width: 288px;
    padding-right: 48px
}
  }

@media (min-width: 768px) {

.plp__sidebar--hide {
    width: 0;
    height: 0;
    padding-right: 0;
    opacity: 0;
    visibility: hidden
}
  }

@media (min-width: 768px) and (min-width: 1025px) {
      .plp__sidebar--hide + .plp__main .plp-grid__list {
          grid-gap: 30px 32px
      }
        }

.plp__main {
  -webkit-flex: 1 1 0;
          flex: 1 1;
}

.plp--search {
  overflow: hidden
}

@media (max-width: 767px) {

.plp--search .plp-filter-bar {
      padding-bottom: 16px
  }
    }

.discount-code__content {
  position: relative;
}

.discount-code__icon {
  position: absolute;
  top: 24px;
  right: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 7px;
  color: #333333;
}

.discount-code__input {
  width: 100%;
  height: 48px
}

.discount-code__input::-webkit-input-placeholder {
    color: #000;
  }

.discount-code__input::-moz-placeholder {
    color: #000;
  }

.discount-code__input:-ms-input-placeholder {
    color: #000;
  }

.discount-code__input::placeholder {
    color: #000;
  }

.discount-code__input:focus {
    box-shadow: none;
  }

.po-estimate-date {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 18px 0;
  border-bottom: 1px solid #808080;
}

.po-estimate-date--block {
  border-bottom: none;
}

.po-estimate-date__image {
  max-width: 26px;
  max-height: 26px;
}

.po-estimate-date__text {
  font-size: 0.875rem;
  line-height: 1.28571;
  padding: 7px 0;
  padding-left: 8px;
  color: var(--c-blue-6);
}

.po-postcode-form {
  margin-bottom: 18px;
}

.po-postcode-form__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}

.po-postcode-form__input {
  width: 100%;
  height: 48px
}

.po-postcode-form__input:placeholder {
    font-size: 0.8125rem;
    line-height: 1.38462;
  }

.po-postcode-form__button {
  padding: 14px 20px 11px;
  font-size: 13px;
  line-height: 13px;
  text-transform: none;
  margin-left: 12px;
  text-transform: uppercase;
  min-width: 90px;
  height: 48px
}

@media (min-width: 768px) {

.po-postcode-form__button {
    min-width: 100px
}
  }

.po-postcode-form__message {
  font-size: 0.875rem;
  line-height: 1.21429;
  letter-spacing: 0;
  font-weight: normal;
  font-weight: 700;
  display: block;
  padding: 11px 16px 12px;
  background-color: #01bcab;
  margin-top: 16px;
  color: #ffffff;
  text-align: center;
}

.po-postcode-form__message--error {
  background-color: #D30F0F;
}

.po-postcode-form__input--empty {
  border: 1px solid #ff0000
}

.po-postcode-form__input--empty:focus {
    box-shadow: none;
  }

.po-postcode {
  width: 100%;
  margin-top: 12px
}

@media (min-width: 768px) {

.po-postcode {
    margin-top: 12px
}
  }

.po-postcode__title {
  font-size: 0.875rem;
  line-height: 1.28571;
  text-align: left;
  color: #333333;
  margin-bottom: 10px;
}

.praline-box-size {
  padding: 28px 18px 24px;
  border: 1px solid #808080;
  border-top: 0
}

@media (min-width: 850px) {

.praline-box-size {
    padding: 28px 24px 26px
}
  }

.praline-box-size__block {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  cursor: pointer;
}

.praline-box-size__block-left {
  display: -webkit-flex;
  display: flex;
}

.praline-box-size__block-right {
  display: none
}

@media (min-width: 1025px) {

.praline-box-size__block-right {
    display: block
}
  }

.praline-box-size__heading,
.praline-box-size__text {
  font-size: 1rem;
  line-height: 1.375;
  font-weight: 400;
  color: #aaaaaa
}

.praline-box-size--active .praline-box-size__heading,
.praline-box-size--active .praline-box-size__text {
    color: #000000
}

.praline-box-size__icon svg {
  margin-right: 6px;
  width: 25px;
  height: 21px;
  color: #aaaaaa
}

.praline-box-size--active .praline-box-size__icon svg {
    color: #000000
}

@media (min-width: 1025px) {

.praline-box-size__icon svg {
    margin-right: 12px
}
  }

.praline-box-store__inner {
  padding: 30px 18px 26px;
  border: 1px solid #808080
}

@media (min-width: 850px) {

.praline-box-store__inner {
    padding: 28px 24px
}
  }

.praline-box-store__title {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  font-weight: 400;
}

.praline-box-store__text {
  font-weight: 400;
  margin-top: 18px
}

@media (min-width: 850px) {

.praline-box-store__text {
    margin-top: 25px
}
  }

.praline-box-store__text {
  font-size: 0.9375rem;
  line-height: 1.33333;
  font-weight: 400;

  color: #8A8A8A;
}

.praline-box-store__block-heading {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  cursor: pointer;
}

.praline-box-store__icon svg {
  margin-right: 6px;
  width: 25px;
  height: 21px
}

@media (min-width: 1025px) {

.praline-box-store__icon svg {
    margin-right: 12px
}
  }

.praline-box-store__content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: self-start;
          align-items: self-start;
  -webkit-justify-content: nowrap;
          justify-content: nowrap;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  position: relative;
  margin-top: 18px
}

@media (min-width: 850px) {

.praline-box-store__content {
    margin-top: 25px
}
  }

.praline-box-store__footer {
  margin-top: 18px
}

@media (min-width: 850px) {

.praline-box-store__footer {
    margin-top: 20px
}
  }

.praline-box-store__selected {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap
}

.praline-box-store__selected .praline-box-store__title {
    margin: 0;
  }

.praline-box-store__link {
  font-size: 0.875rem;
  line-height: 1.28571;
  letter-spacing: 0;
}

.praline-box {
  padding: 18px 0 16px
}

@media (min-width: 850px) {

.praline-box {
    padding: 48px 0
}
  }

.praline-box-notification {
  padding: 15px 31px
}

@media (min-width: 1025px) {

.praline-box-notification {
    padding: 19px
}
  }

.praline-box-notification * {
    font-weight: 700;

    color: #ffffff;
    text-align: center;
    text-transform: uppercase
  }

.praline-box-notification *:hover {
      color: #ffffff;
    }

.sub-category {
  padding: 29px 0 30px
}

@media (min-width: 1025px) {

.sub-category {
    padding: 60px 0
}
  }

.sub-category__headline {
  text-align: center;
  color: #050606;
}

.sub-category__description {
  font-size: 1.125rem;
  line-height: 1.33333

}

@media (min-width: 1025px){

.sub-category__description {
    font-size: 1.25rem;
    line-height: 1.2

}
}

.sub-category__description {
  font-weight: 400;
  margin-top: 10px

}

@media (min-width: 1025px) {

.sub-category__description {
    margin: 10px auto 0;
    max-width: 968px

}
  }

.sub-category__description p {
    font-size: 1.125rem;
    line-height: 1.33333;
  }

@media (min-width: 1025px){

.sub-category__description p {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

.sub-category__description p {
    font-weight: 400;
    text-align: center;
  }

.sub-category__products {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: stretch;
          align-items: stretch;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 18px -6px 0
}

@media (min-width: 1025px) {

.sub-category__products {
    margin: 42px -8px 0
}
  }

.sub-category__product {
  width: 50%;
  padding: 0 6px
}

@media (min-width: 1025px) {

.sub-category__product {
    width: 25%;
    padding: 0 8px
}
  }

.sub-category__buttons {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;

  margin-top: 2px
}

@media (min-width: 1025px) {

.sub-category__buttons {
    margin-top: 0;
    -webkit-justify-content: center;
            justify-content: center
}
  }

.sub-category__button {
  -webkit-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-right: 12px;
  min-width: auto;
  max-width: 230px
}

.sub-category__button:last-child {
    margin-right: 0;
    max-width: 154px
  }

@media (min-width: 768px) {

.sub-category__button:last-child {
      max-width: 196px
  }
    }

.praline-nav {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  background: #ffffff;
  border-bottom: 1px solid #808080;
  z-index: 3;
  transition: top .5s ease
}

.fixed-header .praline-nav {
    top: -1px
}

.pin-header .praline-nav {
    top: calc(79px - 1px)
}

@media (min-width: 1025px) {

.pin-header .praline-nav {
      top: calc(108px - 1px)
}
    }

.praline-nav__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;

  min-height: 60px;
  padding: 9px 0
}

@media (min-width: 1025px) {

.praline-nav__inner {
    min-height: 71px;
    padding: 15px 0 14px
}
  }

.praline-nav__carousel {
  width: 100%;
  overflow: auto
}

@media (min-width: 1025px) {

.praline-nav__carousel {
    width: auto
}
  }

.praline-nav__container {
  padding: 0
}

@media (min-width: 1025px) {

.praline-nav__container {
    padding: 0 24px
}
  }

.price {
  color: #000000
}

.price s {
    color: #BBBBBB
  }

.price s + span {
      color: #000000;
      margin-left: 0.375em;
    }

.price__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.compare-at-price{
  color: #BBBBBB;
  text-decoration: line-through;
}

.price--large {
  color: #222222;
}

.price--medium {
  color: #222222;
}

.price--vertical s + span {
      margin-left: 0;
    }

.price__sold-out,
.price__coming-soon {
  display: none;
  margin-top: 3px;
}

.price__coming-soon {
  display: none;
}

.price--center {
  text-align: center;
}

.price--wishlist-item {
  font-size: 1rem;
  line-height: 1.1875;
  font-weight: 400;

  margin-top: auto;
}

.product-accordion {
  text-align: left
}

@media (min-width: 1025px) {

.product-accordion {
    margin-bottom: 0
}
  }

.product-accordion--desktop {
  display: none
}

@media (min-width: 1025px) {

.product-accordion--desktop {
    display: block;
    width: 22.580645%
}
  }

.product-accordion--mobile {
  display: block
}

@media (min-width: 1025px) {

.product-accordion--mobile {
    display: none
}
  }

.product-detail__header .label-badges {
    position: static;
  }

.label-badges {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  position: absolute;
  top: 0;
  left: 0;
  flex-wrap: wrap;
  z-index: 1;
}

.label-badge {
  font-size: 0.75rem;
  line-height: 1.25;
  font-weight: 700;

  margin-bottom: 6px;
  margin-right: 6px;
  color: #ffffff;
  background-color: #9DBBCF;
  padding: 6px 6px 7px;
  margin-right: 6px
}

@media (min-width: 768px) {

.label-badge {
    padding: 6px 10px 7px
}
  }

.label-badge.new {
    background-color: #9DBBCF;
  }

.label-badge.discount-offer {
    background-color: #9DBBCF;
  }

.label-badge.spend-save {
    background-color: #01BCAB;
  }

.label-badge.online-exclusive {
    background-color: #9DBBCF;
  }

.label-badge.koko-fav {
    background-color: #9DBBCF;
  }

.label-badge.limited-edition {
    background-color: #EEBB81;
  }

.label-badge.limited-time-only {
    background-color: #EEBB81;
  }

.label-badge--pre-order {
  border-radius: 2px;
}

.product-build {}

.product-card {
  margin-bottom: 16px
}

@media (min-width: 1025px) {

.product-card {
    margin-bottom: 24px
}
  }

.product-card--carousel {
  width: 50%
}

@media (min-width: 768px) {

.product-card--carousel {
    width: 50%
}
  }

@media (min-width: 1025px) {

.product-card--carousel {
    width: 25%
}
  }

.product-card--carousel .product-card__title {
    max-width: 100%
  }

@media (min-width: 768px) {

.product-card--carousel .product-card__title {
      min-height: 0
  }
    }

@media (min-width: 1280px) {

.product-card--carousel .product-card__title {
      margin-top: 30px
  }
    }

.product-card--carousel .product-card__link {
    max-width: 100%;
  }

.product-card--grid {
  margin-bottom: 8px
}

@media (min-width: 1025px) {

.product-card--grid {
    margin-bottom: 16px
}
  }

@media (min-width: 1025px) {

.product-card--grid .product-card__inner {
      padding-left: 35px;
      padding-right: 35px
  }
    }

@media (min-width: 1025px) {

.product-card--grid .product-card__link {
      padding: 15px
  }
    }

@media (min-width: 1025px) {

.product-card--suggestions .product-card__inner {
      padding-left: 35px;
      padding-right: 35px
  }
    }

.product-card--suggestions .product-card__link {
    padding: 12px
  }

@media (min-width: 1025px) {

.product-card--suggestions .product-card__link {
      padding: 15px
  }
    }

@media (min-width: 1025px) {

.product-card--suggestions .product-card__title {
      margin-top: 0
  }
    }

@media (min-width: 1025px) {

.product-card--related-products {
    padding-left: 9px;
    padding-right: 9px
}
  }

@media (min-width: 1025px) {

.product-card--related-products .product-card__link {
      padding: 15px
  }
    }

.product-card--related-products .product-card__price {
    margin-top: 7px;
  }

.product-card--related-products .product-card__inner {
    padding-bottom: 24px;
  }

.product-card__content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
}

.product-card__inner {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  text-align: center;
  height: 100%;
  padding-bottom: 19px
}

@media (min-width: 1025px) {

.product-card__inner {
    padding-bottom: 27px
}
  }

@media (min-width: 768px) {
      .product-card__inner:hover .product-card__image--hover {
        visibility: visible;
        opacity: 1
      }

        .product-card__inner:hover .product-card__image--hover + .product-card__image--main {
          transition-property: opacity, visibility;
          transition-duration: 300ms;
          transition-timing-function: ease-in-out;
          visibility: hidden;
          opacity: 0;
        }
    }

.product-card__title {
  margin-top: 0;
}

.product-card__tag {
  color: #555555;
}

.product-card__link {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 10px
}

@media (min-width: 1025px) {

.product-card__link {
    padding: 0
}
  }

.product-card__link-content:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.product-card__link-content {
  position: relative;
  display: inline-block;
  width: 100%
}

@media (min-width: 768px) {
    .product-card__link-content:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.product-card__link-content {
    width: 100%
}
  }

.product-card__price {
  margin-top: 7px
}

@media (min-width: 1025px) {

.product-card__price {
    margin-top: 12px
}
  }

.product-card__price s {
    padding-right: 8px;
  }

.product-card__title-link {
  color: #222222;
  text-decoration: none
}

.product-card__title-link:hover {
    text-decoration: none;
  }

.product-card__image {
  position: absolute;
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
}

.product-card__image--hover {
  transition-property: opacity, visibility;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.product-card__footer {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex: 1 1 0;
          flex: 1 1;
  margin-top: 2px;
  min-height: 44px
}

@media (min-width: 768px) {

.product-card__footer {
    min-height: 48px
}
  }

.product-carousel--home {
  margin: 32px 0
}

@media (min-width: 1025px) {

.product-carousel--home {
    margin: 64px 0
}
  }

.product-carousel--home .product-carousel__content {
    margin-top: 22px
  }

@media (min-width: 1025px) {

.product-carousel--home .product-carousel__content {
      margin-top: 18px
  }
    }

@media (max-width: 767px) {
    .product-carousel--home .flickity-button {
      display: none;
    }
  }

.product-carousel--home .carousel .flickity-prev-next-button.previous {
        left: -5px;
      }

.product-carousel--home .carousel .flickity-prev-next-button.next {
        right: -5px;
      }

.product-carousel--home .card__content {
    padding: 0;
  }

.product-carousel--home .card--product {
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
    max-width: 264px
  }

@media (min-width: 1025px) {

.product-carousel--home .card--product {
      padding-left: 16px;
      padding-right: 16px;
      width: 25%;
      max-width: 100%
  }
    }

.product-carousel--home .card--product .card__inner {
      padding-top: 0;
    }

.product-carousel--home .card--product .card__image-wrapper {
      padding: 10px
    }

@media (min-width: 1025px) {

.product-carousel--home .card--product .card__image-wrapper {
        padding: 13px
    }
      }

.product-carousel--home .card--product .card__title {
      font-size: 0.875rem;
      line-height: 1.21429;
      letter-spacing: 0;
      font-weight: normal;
      min-height: 34px;
      margin-top: 11px;
    }

.product-carousel--home .card--product .card__description {
      margin-top: 16px
    }

@media(max-width: 599px) {

.product-carousel--home .card--product .card__description {
        margin-top: 0
    }
      }

.product-carousel--home .card--product .card__buttons {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-align-items: flex-start;
              align-items: flex-start;
      -webkit-justify-content: flex-start;
              justify-content: flex-start;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
    }

.product-carousel--home .card--product .card__button {
      display: block;
      margin-top: 12px;
    }

.product-carousel--flexible-product-feed {
  width: 100%;
  overflow: hidden;
}

.product-carousel__headline {
  text-align: center
}

@media (min-width: 1025px) {

.product-carousel__headline {
    text-align: left
}
  }

.product-carousel__grid {
  margin-left: -12px;
  margin-right: -32px
}

@media (min-width: 1025px) {

.product-carousel__grid {
    margin-left: -16px;
    margin-right: -16px
}
  }

.product-carousel--gifting-hub {
  margin-top: 32px;
  margin-bottom: 32px
}

@media (min-width: 1025px) {

.product-carousel--gifting-hub {
    margin-top: 48px;
    margin-bottom: 48px
}
  }

.product-carousel--gifting-hub .product-carousel__headline {
    text-align: left;
  }

.product-carousel--native {
  margin: 30px 0;
  overflow: hidden
}

@media (min-width: 1025px) {

.product-carousel--native {
    margin: 66px 0 46px
}
  }

.product-carousel--native .product-carousel__content {
    margin-top: 16px
  }

@media (min-width: 1025px) {

.product-carousel--native .product-carousel__content {
      margin-top: 24px
  }
    }

@media (min-width: 1025px) {

.product-carousel--native .product-carousel__headline {
      text-align: center
  }
    }

.product-carousel--native .card__content {
    padding: 0;
  }

.product-carousel--native .card--product {
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
    max-width: 264px
  }

@media (min-width: 1025px) {

.product-carousel--native .card--product {
      padding-left: 16px;
      padding-right: 16px;
      width: 25%;
      max-width: 100%
  }
    }

.product-carousel--native .card--product .card__inner {
      padding-top: 0;
    }

.product-carousel--native .card--product .card__image-wrapper {
      padding: 0
    }

@media (min-width: 1025px) {

.product-carousel--native .card--product .card__image-wrapper {
        padding: 24px
    }
      }

.product-carousel--native .card--product .card__title {
      font-size: 0.875rem;
      line-height: 1.21429;
      letter-spacing: 0;
      font-weight: normal;
      min-height: 34px;
      margin-top: 11px;
    }

.product-carousel--native .card--product .card__description {
      margin-top: 16px;
    }

.product-carousel--native .card--product .card__buttons {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-align-items: flex-start;
              align-items: flex-start;
      -webkit-justify-content: flex-start;
              justify-content: flex-start;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-order: 4;
              order: 4;
    }

.product-carousel--native .card--product .card__button {
      display: block;
      margin-top: 12px;
    }

@media(min-width: 768px){

.easter-competition-carousel {
    margin-bottom: 32px
}
  }

@media(min-width: 768px){

.easter-competition-carousel .product-carousel__headline {
      text-align: left
  }
    }

.easter-competition-carousel .flickity-page-dots {
    display: none;
  }

.product-contain {
  padding: 0 0 18px;
  overflow: hidden
}

@media (min-width: 768px) {

.product-contain {
    padding: 60px 0 0
}
  }

.product-contain__header {
  margin-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center
}

@media (min-width: 768px) {

.product-contain__header {
    margin-bottom: 17px;
    padding: 0;
    text-align: left;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
}
  }

.product-contain__tool {
  display: none
}

@media (min-width: 768px) {

.product-contain__tool {
    display: block
}
  }

.product-contain__tool-status {
  position: relative;
  margin-right: 24px;
  display: inline-block

}

.product-contain__tool-status .js-size-text{
    letter-spacing: 2.5px;
  }

.product-contain__title {
  color: #000000;
  letter-spacing: 0;
}

.product-detail {
  padding-top: 10px
}

@media (min-width: 1025px) {

.product-detail {
    padding-top: 18px
}
  }

.product-detail__header {
  max-width: 743px;
  margin: 0 auto 16px;
  padding-top: 24px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  border-bottom: 1px solid #808080;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
          justify-content: space-between
}

@media (min-width: 1025px) {

.product-detail__header {
    padding-top: 0
}
  }

@media (min-width: 1025px) {

.product-detail__wrapper {
    margin-bottom: 0
}
  }

@media (min-width: 1025px) {

.product-detail__inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    align-items: flex-start
}
  }

.product-detail--build-new {
  padding-top: 0;
  padding-bottom: 12px;
  overflow: hidden
}

@media (min-width: 1025px) {

.product-detail--build-new {
    padding-top: 0;
    overflow: unset
}
  }

.product-detail__price,
.product-detail__description,
.product-detail__title {
  text-align: center;
}

.product-name__price {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  width: 100%;
  margin-top: 6px;
  margin-bottom: 16px
}

@media (min-width: 1025px) {

.product-name__price {
    margin-bottom: 19px
}
  }

.product-description-container {
  margin-bottom: 18px;
}

.product-detail__title {
  color: #000000;
  font-size: 20px;
  line-height: 24px;
  text-align: left
}

@media screen and (max-width: 768px) {

.product-detail__title {
    margin-right: 10px
}
  }

@media (min-width: 768px) {

.product-detail__title {
    width: 318px;
    font-size: 24px;
    line-height: 28px
}
  }

@media (min-width: 1025px) {

.product-details__left-block {
    width: calc(100% - 424px);
    margin-bottom: 0;
    padding-right: 61px
}
  }

.product-detail__box {
  text-align: center;
}

.product-detail__content {
  margin-bottom: 24px
}

@media (min-width: 1025px) {

.product-detail__content {
    -webkit-align-self: center;
            align-self: center;
    width: 424px;
    margin-bottom: 0px;
    text-align: left
}
  }

.product-detail__tag {
  display: block;
  margin-bottom: 10px;
  color: #050606;
}

.product-detail__variants {
  margin-bottom: 15px;
}

.product-detail__variants-item {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  margin-right: 5px
}

@media (min-width: 1025px) {

.product-detail__variants-item {
    width: 45px;
    height: 45px;
    margin-right: 5px
}
  }

.product-detail__variants-item:last-child {
    margin-right: 0;
  }

.product-detail__variants-image {
  width: 36px;
  height: 36px;
  padding: 4px;
  border: 1px solid transparent;
  border-radius: 50%;
  transition: border 0.3s ease;
  overflow: hidden;
}

.product-detail__variants-item-image:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.product-detail__variants-item-image {
  width: 100%;
  pointer-events: none;
  border-radius: 50%;
  overflow: hidden
}

.product-detail__variants-item-image .image__img {
    border-radius: 50%;
  }

.product-detail__variants-input {
  position: absolute;
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.product-detail__variants-item-content--current .product-detail__variants-image {
    border-color: {{ settings.color_hr }};
  }

.product-detail__group {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: stretch;
          align-items: stretch;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.product-detail__option-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  border-left: 1px solid #808080;
}

.product-detail__option-box {
  width: 100%;
  background-color: #f4f4f4;
  border: none;
  margin: 0 0 12px;
}

.product-detail__price {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  color: #8a8a8a;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 24px;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin-top: 1px;
  text-align: right;
}

.product-detail__quantity-selector {
  width: 100%;
}

.product-detail__description {
  color: #000000;
  margin-top: 8px
}

@media (min-width: 1025px) {

.product-detail__description {
    margin-top: 9px
}
  }

.product-detail__button {
  /* Temporarily disabled until Find in Store is complete */
  /* width: calc(50% - 6px); */
  width: 100%;
  min-width: 0;
  padding: 22px 0;
  margin-left: 6px;
  margin-right: 6px;
  cursor: pointer
}

.product-detail__button.find-in-store {
    background-color: transparent;
    color: #000000;
    border-color: #000000;
  }

.actions-container {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-left: -7px;
  margin-right: -7px;
  width: calc(100% + 14px)
}

.actions-container.hide {
    display: none;
  }

.product-detail__button--coming-soon {
  cursor: default;
  pointer-events: none;
}

.product-detail__button--disable {
  pointer-events: none;
  opacity: 0.3;
}

.product-detail__button--find-in-store {
  width: 100%;
  color: #333333;
}

.product-detail__info {
  width: 100%;
  margin-bottom: 16px;
  text-align: left;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center
}

@media (min-width: 1025px) {

.product-detail__info {
    margin-bottom: 24px
}
  }

.product-detail__info img {
    padding: 0 5px !important;
    margin-top: 1px;
    cursor: pointer;
  }

.product-detail__info-zip-widget {
  width: 100%;
  padding: 10px 20px 10px;
  text-align: left
}

@media (min-width: 175px) {

.product-detail__info-zip-widget {
    padding: 0
}
  }

.product-detail__icon-link {
  display: inline-block;
}

.product-detail__icon {
  width: 95px;
  height: 19px;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}

.product-detail__text {
  display: block;
  text-decoration: none;
  text-transform: none;
  margin: 18px 0 24px;
  font-weight: 400;
  color: #808080;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center
}

.product-detail__text .icon-inline {
    height: 24px;
    width: 24px;
    margin-right: 8px;
    -webkit-transform: translateY(6px);
            transform: translateY(6px);
  }

.product-detail__button-anchor {
  margin: 18px 0;
  text-align: center
}

@media (min-width: 1025px) {

.product-detail__button-anchor {
    margin: 18px 0 24px
}
  }

@media (min-width: 1025px) {

.product-detail__columns {
    margin-left: -18px;
    margin-right: -18px
}
  }

.product-detail__columns {
  margin-top: 40px
}

@media (min-width: 1025px) {

.product-detail__columns {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: nomal;
            align-items: nomal;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap
}
  }

@media (min-width: 1025px) {

.product-detail__column {
    padding-left: 18px;
    padding-right: 18px;
}
  }

.product-detail__column {
  margin-bottom: 56px;
}

.product-detail--build .product-detail__box {
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    border-color: #808080;
  }

@media (min-width: 1025px) {

.product-detail--build .product-detail__selection--sticky {
      position: -webkit-sticky;
      position: sticky;
      top: 56px
  }

      .product-detail--build .product-detail__selection--sticky:before,
      .product-detail--build .product-detail__selection--sticky:after {
        content: "";
        display: table;
      }
    }

@media (max-width: 1024px) {

.product-detail--build .card-grid__list {
    margin-left: -3px;
    margin-right: -3px;
  }
  }

@media (min-width: 1025px) {

.product-detail--build .product-detail__column {
      width: calc(100% - 360px)
  }
    }

@media (min-width: 1025px) {

.product-detail--build .product-detail__column--selection {
      width: 360px
  }
    }

.product-detail--build-new .product-detail__box {
    transition-property: none;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
  }

@media (min-width: 1025px) {

.product-detail--build-new .product-detail__selection--sticky {
      top: 0
  }
    }

@media (max-width: 767px) {

.product-detail--build-new .product-detail__selection--sticky .product-selection__reviews {
        display: none
    }
      }

@media (max-width: 1024px) {

.product-detail--build-new .card-grid__list {
    margin-left: -4px;
    margin-right: -4px;
  }
  }

@media (max-width: 1024px) {
    .product-detail--build-new .product-detail__columns {
      margin-top: 0;
    }

    .product-detail--build-new .product-detail__column {
      margin-bottom: 0;
    }
  }

.product-detail--build-new .review-container {
    margin-top: 15px;
    border-top: 1px solid #808080;
    padding: 20px 0 0 0
  }

@media (min-width: 768px) {

.product-detail--build-new .review-container {
      padding: 70px 0 0 0;
      margin-bottom: 55px
  }
    }

.product-detail__call-out {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  padding: 9px 32px;
  background: {{ settings.color_hr }};
  margin-top: 10px
}

@media (min-width: 1025px) {

.product-detail__call-out {
    margin-bottom: 12px;
    padding: 15px 32px 16px;
    margin-top: 28px
}
  }

.product-detail__call-out p {
    font-size: 0.75rem;
    line-height: 1.25;
    letter-spacing: 0.08333em;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff;
  }

.product-detail__call-out a {
    font-size: 0.75rem;
    line-height: 1.25;
    letter-spacing: 0.08333em;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff;
  }

/** Spiff PDP Button **/

.personalise {
  width: 100%;
  color: white;
  background: #01bcab;
  height: 58px;
  margin-top: 10px;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.0625em;
  text-decoration: none;
  text-transform: uppercase;
  position: relative
}

.personalise.loader {
    background-color: #F1F1F1;
    color: #CCCCCC;
    pointer-events: none;
  }

.personalise:hover {
  background: black;
}

.custom-related-product .card-grid__list {
    -webkit-justify-content: left;
            justify-content: left;
    margin: 0
  }

@media (max-width: 767px) {

.custom-related-product .card-grid__list {
      padding-bottom: 28px
  }
    }

body {
  width: 100% !important
}

body .ruk_rating_snippet {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    width: 100%;
    margin: 6px 0 3px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
  }

body .ruk_rating_snippet .ruk-rating-snippet-count {
      bottom: 0;
      text-decoration: underline;
      font-family: "BrownStd", sans-serif;
    }

@media (max-width: 1024px) {
      body .related-products__inner .ruk_rating_snippet {
        display: block;
      }
  }

body .ruk_rating_snippet_card {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 12px;
    margin-bottom: 0;
    min-height: 22px
  }

body .ruk_rating_snippet_card.ruk_rating_snippet .ruk-rating-snippet-count {
        bottom: auto;
      }

body .ruk_rating_snippet_card.ruk_rating_snippet i {
        line-height: 20px;
      }

.product-detail__shipping-date {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 10px;
  padding: 13px 15px 13px 20px;
  color: #ffffff;
  background: #01bcab;
}

.product-detail__shipping-text {
  font-size: 1.125rem;
  line-height: 1;
  margin-left: 11px;
}

.product-detail__shipping-icon {
  width: 14px;
  height: 14px;
}

.product-detail--gift-card {
  padding-top: 18px
}

@media (min-width: 1025px) {

.product-detail--gift-card {
    padding-top: 0
}
  }

.product-detail--gift-card .product-images {
    padding: 0;
  }

.product-detail--gift-card .product-images__inner {
    padding: 0 7px
  }

@media (min-width: 1025px) {

.product-detail--gift-card .product-images__inner {
      padding: 0 0 0 24px
  }
    }

.product-detail--gift-card .product-images__item {
    max-width: 639px;
  }

.product-detail--gift-card .product-images__image {
    height: 100%;
  }

.product-detail--gift-card .product-detail__header {
    padding: 18px 0 16px
  }

@media (min-width: 1025px) {

.product-detail--gift-card .product-detail__header {
      padding: 18px 0
  }
    }

.product-detail--gift-card .product-detail__info {
    padding: 20px 20px 23px 0
  }

@media (min-width: 1025px) {

.product-detail--gift-card .product-detail__info {
      padding: 20px 20px 20px 0
  }
    }

.product-detail--gift-card .product-detail__text {
    margin: 19px 0 23px;
    text-decoration: underline
  }

@media (min-width: 1025px) {

.product-detail--gift-card .product-detail__text {
      margin: 23px 0 22px
  }
    }

.product-detail--gift-card .product-detail__text .icon-inline {
      display: none;
    }

@media (min-width: 1025px) {

.product-detail--gift-card .product-detail__content {
      -webkit-align-self: flex-start;
              align-self: flex-start;
      margin-top: 12px
  }
    }

.product-detail--gift-card .actions-container {
    margin: 0 -6px;
    width: calc(100% + 12px);
  }

.product-detail--gift-card .product-detail__button {
    margin: 0 6px;
    height: 60px;
  }

.product-detail__praline-box {
  padding: 0 12px
}

@media (min-width: 1025px) {

.product-detail__praline-box {
    -webkit-flex: 1 1;
            flex: 1 1;
    padding: 0
}
  }

.product-detail__praline-box .product-detail__column {
    width: 100%;
  }

.product-detail--build-praline .product-detail__box {
    width: 100%;
  }

@media (min-width: 1025px) {

.product-detail--build-praline .product-detail__wrapper-content {
      margin-top: 60px
  }
    }

.product-detail--build-praline .product-detail__column--selection {
    padding: 0 36px 0 0;
    width: 358px;
  }

.product-detail--build-praline .product-detail__columns {
    margin: 0;
  }

.product-detail--build-praline .product-detail__column-grid {
    padding: 0;
    width: 100%;
  }

@media (12px) {

.product-detail--build-praline .card-grid__list {
    margin-left: calc(-1*14px/2);
    margin-right: calc(-1*14px/2);
  }
  }

@media (min-width: 1025px) {

.product-detail--build-praline .card-grid__list {
    margin-left: -9px;
    margin-right: -9px;
  }
  }

.add-to-cart--adding {
  pointer-events: none;
}

.price__slashed {
  color: #8A8A8A;
}

.product-detail__button {
  font-size: 1rem;
  line-height: 0.8125;

  padding: 24px 0 23px;
  margin-left: 7px;
  margin-right: 7px;
}

.product-detail__button--find-in-store {
  font-weight: 400;

  padding: 23px 0 22px;
}

.product-detail__button-text {
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.0625em;
  font-weight: 400;

  padding: 23px 0 19px;
}

.product-detail__top {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-end;
          align-items: flex-end;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  width: 100%;
  margin-bottom: 6px
}

.product-detail__top .ruk_rating_snippet {
    margin: 0;
  }

.loader:before {
  border: 2px solid #fff;
  border-radius: 50%;
  border-top: 2px solid #000;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top:0;
  bottom: 0;
  margin: auto;
}

/* Safari */

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.hidden {
  display: none;
}

.warning {
  color:  #ff0000;
  margin-bottom: 8px;
}

.product-images {
  position: relative;
  padding: 0 14px
}

@media (min-width: 1025px) {

.product-images {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;

    -webkit-flex-direction: row-reverse;

            flex-direction: row-reverse;
    margin-bottom: 53px;
    padding: 0
}
  }

.product-images--hidden {
  display: none;
}

.product-images__inner {
  position: relative;
  padding: 16px 16px 0
}

@media (min-width: 1025px) {

.product-images__inner {
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
    padding: 0
}
  }

.product-images__inner .flickity-button {
    display: none;
  }

.product-images__inner .flickity-prev-next-button.next {
    right: -19px;
  }

.product-images__inner .flickity-prev-next-button.previous {
    left: -19px;
  }

.product-images__item {
  width: 100%;
}

.product-images__image:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.product-images__image {
  width: 100%;
}

.product-images__thumbnail {
  display: none
}

@media (min-width: 1025px) {

.product-images__thumbnail {
    display: block;
    width: 100px;
    margin-right: 96px
}
  }

.product-images__thumbnail-item {
  margin-bottom: 10px;
  cursor: pointer;
  border: 2px solid transparent;
  max-width: 100px
}

.product-images__thumbnail-item:last-child {
    margin: 0;
  }

.is-selected.product-images__thumbnail-item {
    border: 2px solid #333333;
  }

.product-images__thumbnail-image:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.product-images__thumbnail-image {

  width: 100%;
}

.product-images__button {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-17px);
          transform: translateY(-17px);
  opacity: 0;
  z-index: -10;
  background: transparent;
  color: transparent;
  text-indent: -10000px;
}

.product-images__button--next {
  left: auto;
  right: 0;
}

.product-images__badge-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  height: auto;
  position: absolute;
  right: 12px;
  top: 12px;
}

.product-images__badge {
  width: 60px;
  height: 60px;
  background-color: #000;
  border-radius: 50%;
  color: white;
  font-size: 13px;
  font-weight: bold;
  line-height: 13px;
  display: -webkit-flex;
  display: flex;
  text-transform: uppercase;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  text-align: center;
  z-index: 1;
  margin-bottom: 16px;
}

.product-images--product-zoom .product-images__inner {
    width: 100%;
    max-width: 600px;
    max-height: 100%;
    padding: 0
  }

@media (min-width: 768px) {

.product-images--product-zoom .product-images__inner {
      max-width: 1200px
  }
    }

@media (min-width: 1025px) {

.product-images--product-zoom .product-images__inner {
      -webkit-flex: 1;
              flex: 1 1
  }
    }

.product-images--product-zoom .product-images__inner .flickity-button {
      display: block
    }

@media (min-width: 1025px) {

.product-images--product-zoom .product-images__inner .flickity-button {
        display: none
    }
      }

.product-images--product-zoom .product-images__inner .flickity-button.next {
        right: -16px;
      }

.product-images--product-zoom .product-images__inner .flickity-button.previous {
        left: -15px;
      }

.product-images--product-zoom .product-images__zoom-button {
    position: absolute;
    top: 4px;
    right: 4px
  }

@media (min-width: 1025px) {

.product-images--product-zoom .product-images__zoom-button {
      top: 20px;
      right: 58px
  }
    }

.product-images--product-zoom .product-images__thumbnail {
    height: 100%
  }

@media (min-width: 1025px) {

.product-images--product-zoom .product-images__thumbnail {
      overflow: auto;
      margin-right: 24px;
      padding: 47px 0
  }

      .product-images--product-zoom .product-images__thumbnail::-webkit-scrollbar {
        width: 0;
        display: none;
      }
    }

@media (min-width: 1440px) {

.product-images--product-zoom .product-images__thumbnail {
      width: 132px;
      margin-right: 59px
  }
    }

.product-images--product-zoom .product-images__thumbnail-item {
    border: 1px solid transparent;
    max-width: 100%
  }

@media (min-width: 1440px) {

.product-images--product-zoom .product-images__thumbnail-item {
      margin-bottom: 32px
  }
    }

.product-images--product-zoom .product-images__thumbnail-item.is-selected {
      border-color: #000;
    }

.product-images--product-zoom .product-images__image {
    max-height: 100vh;
  }

.product-modal {
  overflow-y: auto;
  height: 100%;
  padding-bottom: 152px
}

@media (min-width: 1025px) {

.product-modal {
    padding-bottom: 112px
}
  }

.product-modal__info {
  border-bottom: 1px solid #808080;
  padding-bottom: 5px;
  text-align: center
}

@media (min-width: 1025px) {

.product-modal__info {
    padding-bottom: 11px
}
  }

.product-modal__image:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.product-modal__image {

  margin: 0 auto 25px;
  max-width: 224px
}

@media (min-width: 1025px) {

.product-modal__image {
    max-width: 306px;
    margin: 0 auto 16px
}
  }

.product-modal__vendor {
  font-size: 0.875rem;
  line-height: 1.14286;
  letter-spacing: 0.1em;
  font-weight: 700;

  margin-bottom: 6px;
  text-transform: uppercase;
  color: #aaaaaa;
}

.product-modal__title {
  font-size: 1.375rem;
  line-height: 1.27273
}

@media (min-width: 1025px){

.product-modal__title {
    font-size: 1.5rem;
    line-height: 1.16667
}
}

.product-modal__title {
  font-weight: 700;
  margin-bottom: 6px
}

@media (min-width: 1025px) {

.product-modal__title {
    margin-bottom: 12px
}
  }

.product-modal__description {
  font-size: 0.8125rem;
  line-height: 1.38462;
  font-family: 'BrownStd';
  color: #000000;
  text-transform: none;
  margin-bottom: 6px;
}

.product-modal__feature {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;

  border-bottom: 1px solid #808080;
  padding: 18px 0;
  text-align: center
}

@media (min-width: 1025px) {

.product-modal__feature {
    padding: 24px 0 23px
}
  }

.product-modal__feature-item {
  text-align: center;
  margin: 0 13px
}

@media (min-width: 1025px) {

.product-modal__feature-item {
    margin: 0 9px
}
  }

.product-modal__feature-image:before {
    content: '';
    display: block;
    padding-top: 97.91667%;
  }

.product-modal__feature-image {

  margin: 0 auto 8px;
  width: 48px
}

@media (min-width: 1025px) {

.product-modal__feature-image {
    margin-bottom: 10px
}
  }

.product-modal__feature-title {
  font-size: 0.6875rem;
  line-height: 1.63636;
  letter-spacing: 0;
}

@media (min-width: 1025px){

.product-modal__feature-title {
    font-size: 0.8125rem;
    line-height: 1.38462;
    letter-spacing: 0;
}
}

.product-modal__feature-title {
  font-weight: 400;
}

.product-modal__accordion {
  border-bottom: 1px solid #808080;
  padding: 19px 0 17px
}

@media (min-width: 1025px) {

.product-modal__accordion {
    padding: 22px 0 20px
}
  }

.product-modal__accordion-label {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  font-size: 0.8125rem;
  line-height: 1.38462;
  letter-spacing: 0.07692em;
  font-weight: bold;
  color: #000000;
  text-transform: none;

  text-transform: uppercase;
}

.product-modal__accordion-icon {
  margin: 1px 5px;
  width: 12px;
  height: 12px
}

@media (min-width: 1025px) {

.product-modal__accordion-icon {
    margin: 0 13px
}
  }

.product-modal__accordion-icon:before,
  .product-modal__accordion-icon:after {
    background: #000000;
  }

.product-modal__buttons {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 18px 18px;
  background: #ffffff
}

@media (min-width: 1025px) {

.product-modal__buttons {
    padding: 24px
}
  }

.product-modal__button {
  margin-top: 18px;
  width: 100%
}

@media (min-width: 1025px) {

.product-modal__button {
    margin-top: 0;
    width: calc(50% - 6px)
}
  }

#ReviewsWidget .R-RatingStars .ricon-percentage-star--0,
    #ReviewsWidget .R-RatingStars .ricon-percentage-star--50,
    #ReviewsWidget .R-RatingStars .ricon-percentage-star--100 {
      width: 14px;
      height: 14px;
      margin-right: 3px
    }

#ReviewsWidget .R-RatingStars .ricon-percentage-star--0:before, #ReviewsWidget .R-RatingStars .ricon-percentage-star--50:before, #ReviewsWidget .R-RatingStars .ricon-percentage-star--100:before {
        content: '';
        display: inline-block;
        width: 14px;
        height: 14px;
      }

#ReviewsWidget .R-RatingStars .ricon-percentage-star--0:before {
        background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%0A%20%20%3Cpath%20d%3D%22M528.1%20171.5%20382%20150.2%20316.7%2017.8c-11.7-23.6-45.6-23.9-57.4%200L194%20150.2%2047.9%20171.5c-26.2%203.8-36.7%2036.1-17.7%2054.6l105.7%20103-25%20145.5c-4.5%2026.3%2023.2%2046%2046.4%2033.7L288%20439.6l130.7%2068.7c23.2%2012.2%2050.9-7.4%2046.4-33.7l-25-145.5%20105.7-103c19-18.5%208.5-50.8-17.7-54.6zM388.6%20312.3l23.7%20138.4L288%20385.4l-124.3%2065.3%2023.7-138.4-100.6-98%20139-20.2%2062.2-126%2062.2%20126%20139%2020.2-100.6%2098z%22%20fill%3D%22%2301BCAB%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat center;
      }

#ReviewsWidget .R-RatingStars .ricon-percentage-star--50:before {
        background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20536%20512%22%3E%0A%20%20%3Cpath%20fill%3D%22%2301BCAB%22%20d%3D%22M508.55%20171.51%20362.18%20150.2%20296.77%2017.81C290.89%205.98%20279.42%200%20267.95%200c-11.4%200-22.79%205.9-28.69%2017.81l-65.43%20132.38-146.38%2021.29c-26.25%203.8-36.77%2036.09-17.74%2054.59l105.89%20103-25.06%20145.48C86.98%20495.33%20103.57%20512%20122.15%20512c4.93%200%2010-1.17%2014.87-3.75l130.95-68.68%20130.94%2068.7c4.86%202.55%209.92%203.71%2014.83%203.71%2018.6%200%2035.22-16.61%2031.66-37.4l-25.03-145.49%20105.91-102.98c19.04-18.5%208.52-50.8-17.73-54.6zm-121.74%20123.2-18.12%2017.62%204.28%2024.88%2019.52%20113.45-102.13-53.59-22.38-11.74.03-317.19%2051.03%20103.29%2011.18%2022.63%2025.01%203.64%20114.23%2016.63-82.65%2080.38z%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat center;
      }

#ReviewsWidget .R-RatingStars .ricon-percentage-star--100:before {
        background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%0A%20%20%3Cpath%20fill%3D%22%2301BCAB%22%20d%3D%22M259.3%2017.8%20194%20150.2%2047.9%20171.5c-26.2%203.8-36.7%2036.1-17.7%2054.6l105.7%20103-25%20145.5c-4.5%2026.3%2023.2%2046%2046.4%2033.7L288%20439.6l130.7%2068.7c23.2%2012.2%2050.9-7.4%2046.4-33.7l-25-145.5%20105.7-103c19-18.5%208.5-50.8-17.7-54.6L382%20150.2%20316.7%2017.8c-11.7-23.6-45.6-23.9-57.4%200z%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat center;
      }

#ReviewsWidget .ElementsWidget__header {
    border: none;
    margin: 0 !important;
    border-color: #808080
  }

#ReviewsWidget .ElementsWidget__header .R-RatingStars .stars__icon {
        width: 30px;
        height: 30px;
        margin-right: 4px
      }

#ReviewsWidget .ElementsWidget__header .R-RatingStars .stars__icon:before {
          width: 30px;
          height: 30px;
        }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .ElementsWidget__form .u-hr--top {
        display: none;
      }

@media (max-width: 767px) {

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .ElementsWidget__form.isActive {
          padding-top: 60px
      }
        }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .ElementsWidget__form .R-TextHeading {
        font-size: 0.8125rem;
        line-height: 1.15385;
        letter-spacing: 0;
        font-weight: 700;

        color: #000;
      }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .ElementsWidget__form .R-Field__input {
        font-size: 0.8125rem;
        line-height: 1.38462;
        letter-spacing: 0;
        font-weight: normal;

        display: block;
        padding: 14px 12px;
        border: 1px solid #808080;
        margin: 10px 0 0;
        color: #000;
        min-height: 48px;
      }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .ElementsWidget__form .isFailure .R-Field__input {
          border-color: #ff0000;
        }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .ElementsWidget__form .u-hr {
        border-color: #808080;
      }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .ElementsWidget__form .u-hr--top {
        margin-bottom: 24px;
      }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .ElementsWidget__form .u-hr--bottom {
        display: none;
      }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .ElementsWidget__form .feedback__inner {
        font-size: 0.625rem;
        line-height: 1;
        letter-spacing: 0;

        padding: 0;
        border: none;
        color: #ea0622;
        margin-top: 6px;
        background: none;
      }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .ElementsWidget__form .R-RatingSelection__button {
        padding-bottom: 0;
      }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .ElementsWidget__form .R-Button {
        transition-property: all;
        transition-duration: 300ms;
        transition-timing-function: ease-in-out;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
                flex-direction: row;
        -webkit-align-items: center;
                align-items: center;
        -webkit-justify-content: center;
                justify-content: center;
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
        font-weight: 700;
        font-size: 0.8125rem;
        line-height: 1;
        letter-spacing: 0.07692em;

        margin-bottom: 24px;
        text-transform: uppercase;
        min-width: 105px;
        min-height: 48px;
      }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .ElementsWidget__form .R-Button--submit {
        border: none;
        color: #ffffff;
        background: #000
      }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .ElementsWidget__form .R-Button--submit:hover {
          background: #00bdac;
        }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .ElementsWidget__form .R-Button--cancel {
        border: 1px solid #333333;
        color: #000;
        background-color: #ffffff
      }

@media (min-width: 768px) {

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .ElementsWidget__form .R-Button--cancel {
          margin-right: 24px
      }
        }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .ElementsWidget__form .R-Button--cancel:hover {
          color: #ffffff;
          background-color: #00bdac;
          border-color: #00bdac;
        }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group {
      padding: 0
    }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group.header__group--left {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
                flex-direction: row;
        -webkit-align-items: center;
                align-items: center;
        -webkit-justify-content: center;
                justify-content: center;
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap;

        display: grid !important;
        grid-template-columns: auto auto;
        -webkit-flex-basis: 100%;
                flex-basis: 100%;
        width: 100%;
        grid-column-gap: 30px;
        -webkit-column-gap: 30px;
           -moz-column-gap: 30px;
                column-gap: 30px;
        margin-bottom: 13px
      }

@media (min-width: 768px) {

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group.header__group--left {
          -webkit-flex: 1;
                  flex: 1 1;
          -webkit-justify-content: flex-start;
                  justify-content: flex-start;
          margin-bottom: 27px
      }
        }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group.header__group--left .R-TextHeading {
          font-size: 3.75rem;
          line-height: 1.08333;
          letter-spacing: -0.03333em;
          font-weight: 400;

          color: #222222;
        }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group.header__group--center {
        display: none !important;
      }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group .R-RatingStars + .R-TextBody {
          font-size: 1rem;
          line-height: 1.4375;
          letter-spacing: 0
        }

@media (min-width: 1025px){

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group .R-RatingStars + .R-TextBody {
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: 0
        }
}

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group .R-RatingStars + .R-TextBody {

          width: -webkit-fit-content;

          width: -moz-fit-content;

          width: fit-content;
          margin: 0 auto !important;
          text-indent: -73px;
          overflow: hidden
        }

@media (min-width: 1025px) {

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group .R-RatingStars + .R-TextBody {
            text-indent: -89px
        }
          }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group.header__group--right {
        -webkit-flex-basis: auto;
                flex-basis: auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-left: auto;
        margin-right: 0
      }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group.header__group--right .R-Button--primary {
          transition-property: all;
          transition-duration: 300ms;
          transition-timing-function: ease-in-out;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: row;
                  flex-direction: row;
          -webkit-align-items: center;
                  align-items: center;
          -webkit-justify-content: center;
                  justify-content: center;
          -webkit-flex-wrap: wrap;
                  flex-wrap: wrap;
          font-weight: 700;
          font-size: 0.8125rem;
          line-height: 1;
          letter-spacing: 0.07692em;

          position: relative;
          border: 1px solid #333333;
          color: transparent;
          background-color: #ffffff;
          text-transform: uppercase;
          min-height: 48px;
          min-width: 177px;
          margin-bottom: 17px !important
        }

@media (min-width: 768px) {

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group.header__group--right .R-Button--primary {
            min-width: 200px;
            margin-top: 0;
            margin-bottom: 27px !important
        }
          }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group.header__group--right .R-Button--primary:hover {
            background-color: #00bdac;
            border-color: #00bdac
          }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group.header__group--right .R-Button--primary:hover:before {
              color: #ffffff;
            }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group.header__group--right .R-Button--primary:before {
            position: absolute;
            left: 0;
            right: 0;
            position: absolute;
            top: 0;
            bottom: 0;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
                    flex-direction: row;
            -webkit-align-items: center;
                    align-items: center;
            -webkit-justify-content: center;
                    justify-content: center;
            -webkit-flex-wrap: wrap;
                    flex-wrap: wrap;
            transition-property: all;
            transition-duration: 300ms;
            transition-timing-function: ease-in-out;

            content: 'Write A Review';
            color: #000;
          }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__inner {
      margin: 0
    }

@media (min-width: 768px) {

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__inner {
        -webkit-align-content: flex-start;
                align-content: flex-start
    }
      }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .R-MediaSlider__inner {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 15px
    }

@media (min-width: 768px) {

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .R-MediaSlider__inner {
        grid-template-columns: repeat(5, 1fr);
        grid-gap: 20px;
        padding: 24px 0;
        border-top: 1px solid #808080
    }
      }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .R-MediaSlider__inner .R-MediaSlider__item:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .R-MediaSlider__inner .R-MediaSlider__item {

        -webkit-flex-basis: auto;

                flex-basis: auto;
        width: 100%;
        height: 100%;
        margin: 0;
        overflow: hidden
      }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .R-MediaSlider__inner .R-MediaSlider__item:hover .image__src {
            -webkit-transform: scale(1.05);
                    transform: scale(1.05);
          }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .R-MediaSlider__inner .R-MediaSlider__item .item__image {
          padding: 0;
        }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .R-MediaSlider__inner .R-MediaSlider__item .image__src {
          transition-property: -webkit-transform;
          transition-property: transform;
          transition-property: transform, -webkit-transform;
          transition-duration: 300ms;
          transition-timing-function: ease-in-out;

          -webkit-transform: scale(1);

                  transform: scale(1);
        }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .R-MediaSlider__inner .R-MediaSlider__item .item__overlay {
          display: none;
        }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .R-TextHeading {
      grid-row-start: 1;
      grid-row-end: 3;
      margin: 0 !important;
      font-size: 60px;
    }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .R-RatingStars__stars {
      -webkit-justify-content: center;
              justify-content: center;
      width: 100%;
      margin: 0
    }

#ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .R-RatingStars__stars > span {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
                flex-direction: row;
        -webkit-align-items: center;
                align-items: center;
        -webkit-justify-content: center;
                justify-content: center;
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
      }

#ReviewsWidget .ElementsWidget__inner {
    position: relative;
  }

#ReviewsWidget .ElementsWidget__subheader {
    position: absolute;
    top: 91px;
    left: 6px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    margin: 0;
    border-bottom: none
  }

@media (min-width: 768px) {

#ReviewsWidget .ElementsWidget__subheader {
      top: 21px;
      right: 233px;
      left: auto
  }
    }

#ReviewsWidget .ElementsWidget__subheader .R-TabControls__item {
      display: none;
    }

#ReviewsWidget .ElementsWidget__subheader .R-DropUpDownMenu-container {
      z-index: 10;
      display: block
    }

#ReviewsWidget .ElementsWidget__subheader .R-DropUpDownMenu-container > .R-TextHeading {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
                flex-direction: row;
        -webkit-align-items: center;
                align-items: center;
        -webkit-justify-content: center;
                justify-content: center;
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap;

        color: transparent
      }

#ReviewsWidget .ElementsWidget__subheader .R-DropUpDownMenu-container > .R-TextHeading:before {
          content: '';
          display: inline-block;
          width: 18px;
          height: 18px;
          background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22a%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M1600%200v4248H0V0h1600Z%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20clip-path%3D%22url(%23a)%22%20transform%3D%22translate(-1032%20-2245)%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M1041%202262a8%208%200%201%200%200-16%208%208%200%200%200%200%2016ZM1051%202264l-4.35-4.35%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat center;
        }

#ReviewsWidget .ElementsWidget__subheader .R-DropUpDownMenu-container > .R-TextHeading:after {
          font-size: 0.8125rem;
          line-height: 1;
          letter-spacing: 0.07692em;
          font-weight: 700;

          content: 'Filter';
          color: #000;
          text-transform: uppercase;
          margin-left: -22px
        }

@media (min-width: 375px) {

#ReviewsWidget .ElementsWidget__subheader .R-DropUpDownMenu-container > .R-TextHeading:after {
            content: 'Filter Reviews'
        }
          }

#ReviewsWidget .ElementsWidget__subheader .R-DropUpDownMenu-container > .R-TextHeading > .ricon-thin-arrow--down {
          display: none;
        }

#ReviewsWidget .ElementsWidget__subheader .subheader__group {
      padding: 0;
      margin: 0;
      border-bottom: none;
    }

#ReviewsWidget .ElementsWidget__media {
    margin-bottom: 0;
  }

#ReviewsWidget .R-ContentList__item {
    display: grid;
    grid-template-columns: 115px 1fr;
    grid-gap: 30px;
    padding: 18px 0;
    margin: 0;
    border-color: #808080
  }

#ReviewsWidget .R-ContentList__item:first-child {
      border-top: 1px solid #808080;
    }

#ReviewsWidget .R-ContentList__item:last-child {
      border-bottom: none;
    }

@media (min-width: 768px) {

#ReviewsWidget .R-ContentList__item {
      grid-gap: 48px;
      padding: 30px 8px
  }
    }

#ReviewsWidget .R-ContentList__item .item__meta {
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      margin: auto;
      border-right: none;
      padding-right: 0
    }

#ReviewsWidget .R-ContentList__item .item__meta .c-meta__authorDetails {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
                flex-direction: column;
        -webkit-align-items: center;
                align-items: center;
        -webkit-justify-content: center;
                justify-content: center;
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap;

        margin-bottom: 0 !important;
      }

#ReviewsWidget .R-ContentList__item .item__meta .cssVar-authorName {
        font-size: 0.8125rem;
        line-height: 1.15385;
        letter-spacing: 0;
        font-weight: 700;

        color: #000;
        text-align: center;
      }

#ReviewsWidget .R-ContentList__item .item__review {
      padding-left: 0
    }

#ReviewsWidget .R-ContentList__item .item__review .u-marginBottom--sm.u-flexGrow {
        width: 100%;
        margin: 0 !important
      }

#ReviewsWidget .R-ContentList__item .item__review .u-marginBottom--sm.u-flexGrow .R-TextBody {
          font-size: 0.8125rem;
          line-height: 1.53846;

          color: #aaaaaa;
          text-align: left !important;
        }

#ReviewsWidget .R-ContentList__item .item__inner .R-RatingStars + .R-TextBody {
          font-size: 0.8125rem;
          line-height: 1.53846;

          color: #333333;
          margin-bottom: 6px;
        }

#ReviewsWidget .R-ContentList__item .item__inner div div > .u-marginBottom--md {
            margin-bottom: 0 !important;
          }

#ReviewsWidget .R-ContentList__item .item__inner > .R-flex-row > .u-marginBottom--sm {
          margin-bottom: 6px !important
        }

#ReviewsWidget .R-ContentList__item .item__inner > .R-flex-row > .u-marginBottom--sm .R-LabelTag + .R-flex-row .u-displayInlineBlock + .u-displayInlineBlock > .u-textDecoration--underline:before {
                      content: '\e60e';
                    }

#ReviewsWidget .R-ContentList__item .item__inner > .R-flex-row > .u-marginBottom--sm .u-displayInlineBlock + .u-displayInlineBlock > .u-textDecoration--underline {
                width: 15px;
                height: 15px;
                color: transparent;
                overflow: hidden;
                font-family: 'revsglobal-pr-mod', serif !important;
                font-size: 15px;
                line-height: 1
              }

#ReviewsWidget .R-ContentList__item .item__inner > .R-flex-row > .u-marginBottom--sm .u-displayInlineBlock + .u-displayInlineBlock > .u-textDecoration--underline:before {
                  content: '\e60d';
                  display: block;
                  width: 100%;
                  height: 100%;
                  color: #000;
                }

#ReviewsWidget .R-ContentList__item .item__inner > .R-flex-row > .u-marginBottom--sm .u-displayInlineBlock + .u-displayInlineBlock > .u-textDecoration--underline + .u-textDecoration--underline:before {
                    content: '\e60e';
                  }

#ReviewsWidget .R-ContentList__item .item__inner > .R-flex-row > .u-marginBottom--sm .u-displayInlineBlock + .u-displayInlineBlock .R-DropUpDownMenu-container .u-textDecoration--underline {
                  width: 15px;
                  height: 15px;
                  color: transparent;
                  overflow: hidden;
                  font-family: 'revsglobal-pr-mod', serif !important;
                  font-size: 15px;
                  line-height: 1
                }

#ReviewsWidget .R-ContentList__item .item__inner > .R-flex-row > .u-marginBottom--sm .u-displayInlineBlock + .u-displayInlineBlock .R-DropUpDownMenu-container .u-textDecoration--underline:before {
                    content: '\e61b';
                    display: block;
                    width: 100%;
                    height: 100%;
                    color: #000;
                  }

#ReviewsWidget .R-ContentList__item .item__inner > .R-flex-row > .u-marginBottom--sm.u-flexGrow {
            margin-bottom: 0 !important;
          }

#ReviewsWidget .R-ContentList__item .item__inner > .R-flex-row .R-TextHeading {
          display: none;
        }

#ReviewsWidget .ElementsWidget__footer {
    display: none;
  }

#ReviewsWidget em.TextBody--inline {
    margin-top: 25px
  }

#ReviewsWidget em.TextBody--inline + div {
      display: none !important;
    }

.product-reviews {
  padding-top: 24px;
  border-top: 1px solid #808080;
  margin-top: 26px
}

@media (min-width: 1025px) {

.product-reviews {
    margin-top: 51px;
    padding-top: 0;
    border-top: none
}
  }

.product-reviews .product-reviews__title {
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: -0.0125em;
    font-weight: 700;

    color: #000;
    text-align: center;
    margin-bottom: 16px
  }

@media (min-width: 768px) {

.product-reviews .product-reviews__title {
      text-align: left;
      margin-bottom: 30px
  }
    }

#reviews-io-polaris-modal .R-RatingStars .ricon-percentage-star--0,
    #reviews-io-polaris-modal .R-RatingStars .ricon-percentage-star--50,
    #reviews-io-polaris-modal .R-RatingStars .ricon-percentage-star--100 {
      width: 18px;
      height: 18px;
      margin-right: 3px
    }

#reviews-io-polaris-modal .R-RatingStars .ricon-percentage-star--0:before, #reviews-io-polaris-modal .R-RatingStars .ricon-percentage-star--50:before, #reviews-io-polaris-modal .R-RatingStars .ricon-percentage-star--100:before {
        content: '';
        display: inline-block;
        width: 18px;
        height: 18px;
      }

#reviews-io-polaris-modal .R-RatingStars .ricon-percentage-star--0:before {
        background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%0A%20%20%3Cpath%20d%3D%22M528.1%20171.5%20382%20150.2%20316.7%2017.8c-11.7-23.6-45.6-23.9-57.4%200L194%20150.2%2047.9%20171.5c-26.2%203.8-36.7%2036.1-17.7%2054.6l105.7%20103-25%20145.5c-4.5%2026.3%2023.2%2046%2046.4%2033.7L288%20439.6l130.7%2068.7c23.2%2012.2%2050.9-7.4%2046.4-33.7l-25-145.5%20105.7-103c19-18.5%208.5-50.8-17.7-54.6zM388.6%20312.3l23.7%20138.4L288%20385.4l-124.3%2065.3%2023.7-138.4-100.6-98%20139-20.2%2062.2-126%2062.2%20126%20139%2020.2-100.6%2098z%22%20fill%3D%22%2301BCAB%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat center;
      }

#reviews-io-polaris-modal .R-RatingStars .ricon-percentage-star--50:before {
        background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20536%20512%22%3E%0A%20%20%3Cpath%20fill%3D%22%2301BCAB%22%20d%3D%22M508.55%20171.51%20362.18%20150.2%20296.77%2017.81C290.89%205.98%20279.42%200%20267.95%200c-11.4%200-22.79%205.9-28.69%2017.81l-65.43%20132.38-146.38%2021.29c-26.25%203.8-36.77%2036.09-17.74%2054.59l105.89%20103-25.06%20145.48C86.98%20495.33%20103.57%20512%20122.15%20512c4.93%200%2010-1.17%2014.87-3.75l130.95-68.68%20130.94%2068.7c4.86%202.55%209.92%203.71%2014.83%203.71%2018.6%200%2035.22-16.61%2031.66-37.4l-25.03-145.49%20105.91-102.98c19.04-18.5%208.52-50.8-17.73-54.6zm-121.74%20123.2-18.12%2017.62%204.28%2024.88%2019.52%20113.45-102.13-53.59-22.38-11.74.03-317.19%2051.03%20103.29%2011.18%2022.63%2025.01%203.64%20114.23%2016.63-82.65%2080.38z%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat center;
      }

#reviews-io-polaris-modal .R-RatingStars .ricon-percentage-star--100:before {
        background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%0A%20%20%3Cpath%20fill%3D%22%2301BCAB%22%20d%3D%22M259.3%2017.8%20194%20150.2%2047.9%20171.5c-26.2%203.8-36.7%2036.1-17.7%2054.6l105.7%20103-25%20145.5c-4.5%2026.3%2023.2%2046%2046.4%2033.7L288%20439.6l130.7%2068.7c23.2%2012.2%2050.9-7.4%2046.4-33.7l-25-145.5%20105.7-103c19-18.5%208.5-50.8-17.7-54.6L382%20150.2%20316.7%2017.8c-11.7-23.6-45.6-23.9-57.4%200z%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat center;
      }

#reviews-io-polaris-modal .R-GlobalModal {
    padding: 5px 10px;
    background: rgba(51, 51, 51, 0.2);
  }

#reviews-io-polaris-modal .R-GlobalModal__dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 20px);
    border: 1px solid #333333;
    margin: 0;
    border-radius: 2px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-width: 765px
  }

@media (min-width: 768px) {

#reviews-io-polaris-modal .R-GlobalModal__dialog {
      width: 100%;
      padding: 20px 29px 20px 20px
  }
    }

@media (min-width: 768px) {

#reviews-io-polaris-modal .R-GlobalModal__dialog > .R-flex-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px;
        margin: 0
    }
      }

@media (min-width: 768px) {

#reviews-io-polaris-modal .R-GlobalModal__dialog > .R-flex-row > .R-flex-col-xxs-12 {
          -webkit-flex-basis: 100%;
                  flex-basis: 100%;
          width: 100%;
          padding: 0;
          max-width: 100%
      }
        }

#reviews-io-polaris-modal .R-GlobalModal__dialog[aria-labelledby="R-Modal-Report"] > .R-flex-row {
        display: block;
      }

#reviews-io-polaris-modal .R-GlobalModal__dialog[aria-labelledby="R-Modal-Report"] .dialog__inner > div:first-child .R-flex-row {
              width: -webkit-fit-content;
              width: -moz-fit-content;
              width: fit-content;
              margin-left: auto !important
            }

#reviews-io-polaris-modal .R-GlobalModal__dialog[aria-labelledby="R-Modal-Report"] .dialog__inner > div:first-child .R-flex-row > div:first-child {
                  display: none;
                }

#reviews-io-polaris-modal .R-GlobalModal__dialog[aria-labelledby="R-Modal-Report"] .dialog__inner > div:first-child .R-flex-row > div:last-child {
                  display: -webkit-flex;
                  display: flex;
                }

#reviews-io-polaris-modal .R-GlobalModal__dialog[aria-labelledby="R-Modal-Report"] .dialog__inner .u-textLeft--all,
        #reviews-io-polaris-modal .R-GlobalModal__dialog[aria-labelledby="R-Modal-Report"] .dialog__inner .R-Field {
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: column;
                  flex-direction: column;
          -webkit-align-items: stretch;
                  align-items: stretch;
          -webkit-justify-content: flex-start;
                  justify-content: flex-start;
          -webkit-flex-wrap: wrap;
                  flex-wrap: wrap;

          width: 100%;
        }

#reviews-io-polaris-modal .R-GlobalModal__dialog[aria-labelledby="R-Modal-Report"] .dialog__inner .R-Field .R-Field__label {
            font-size: 0.8125rem;
            line-height: 1.15385;
            letter-spacing: 0;
            font-weight: 700;

            position: static;
            -webkit-order: -1;
                    order: -1;
            color: #000;
            opacity: 1;
            visibility: visible;
            -webkit-backdrop-filter: none !important;
                    backdrop-filter: none !important;
            -webkit-transform: none;
                    transform: none;
          }

#reviews-io-polaris-modal .R-GlobalModal__dialog[aria-labelledby="R-Modal-Report"] .dialog__inner .R-Field:last-child {
            margin-bottom: 0;
          }

#reviews-io-polaris-modal .R-GlobalModal__dialog[aria-labelledby="R-Modal-Report"] .dialog__inner .R-Field__input {
          font-size: 0.8125rem;
          line-height: 1.38462;
          letter-spacing: 0;
          font-weight: normal;

          display: block;
          padding: 14px 12px;
          border: 1px solid #808080;
          margin: 10px 0 0;
          color: #000;
          min-height: 48px
        }

#reviews-io-polaris-modal .R-GlobalModal__dialog[aria-labelledby="R-Modal-Report"] .dialog__inner .R-Field__input::-webkit-input-placeholder {
            opacity: 0;
            visibility: hidden;
          }

#reviews-io-polaris-modal .R-GlobalModal__dialog[aria-labelledby="R-Modal-Report"] .dialog__inner .R-Field__input::-moz-placeholder {
            opacity: 0;
            visibility: hidden;
          }

#reviews-io-polaris-modal .R-GlobalModal__dialog[aria-labelledby="R-Modal-Report"] .dialog__inner .R-Field__input:-ms-input-placeholder {
            opacity: 0;
            visibility: hidden;
          }

#reviews-io-polaris-modal .R-GlobalModal__dialog[aria-labelledby="R-Modal-Report"] .dialog__inner .R-Field__input::placeholder {
            opacity: 0;
            visibility: hidden;
          }

#reviews-io-polaris-modal .R-GlobalModal__dialog[aria-labelledby="R-Modal-Report"] .dialog__inner .R-Button--primary {
          transition-property: all;
          transition-duration: 300ms;
          transition-timing-function: ease-in-out;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: row;
                  flex-direction: row;
          -webkit-align-items: center;
                  align-items: center;
          -webkit-justify-content: center;
                  justify-content: center;
          -webkit-flex-wrap: wrap;
                  flex-wrap: wrap;
          font-weight: 700;
          font-size: 0.8125rem;
          line-height: 1;
          letter-spacing: 0.07692em;

          margin-bottom: 24px;
          text-transform: uppercase;
          min-width: 105px;
          min-height: 48px;
        }

#reviews-io-polaris-modal .R-GlobalModal__dialog[aria-labelledby="R-Modal-Report"] .dialog__inner .controls__button {
          width: 12px;
          height: 12px;
        }

#reviews-io-polaris-modal .R-GlobalModal__dialog[aria-labelledby="R-Modal-Report"] .dialog__inner .button__icon {
          display: block;
          width: 100%;
          height: 100%;
          font-size: 12px;
          line-height: 1;
          background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%0A%20%20%3Cpath%20fill%3D%22%23555555%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.333%200%2014%20.667%207.666%207%2014%2013.333l-.667.667L7%207.666.667%2014%200%2013.333%206.334%207%200%20.667.667%200%207%206.334%2013.333%200Z%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat center
        }

#reviews-io-polaris-modal .R-GlobalModal__dialog[aria-labelledby="R-Modal-Report"] .dialog__inner .button__icon:before {
            content: none;
          }

#reviews-io-polaris-modal .R-ImageContainer:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

#reviews-io-polaris-modal .R-ImageContainer {

    min-height: 0;
  }

#reviews-io-polaris-modal .R-ImageContainer__src {
    position: absolute;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
  }

#reviews-io-polaris-modal .dialog__inner {
    padding: 0
  }

@media (min-width: 768px) {

#reviews-io-polaris-modal .dialog__inner {
      -webkit-justify-content: center;
              justify-content: center
  }
    }

#reviews-io-polaris-modal .dialog__inner .controls__button[title="Previous Review"],
      #reviews-io-polaris-modal .dialog__inner .controls__button[title="Next Review"] {
        display: none;
      }

#reviews-io-polaris-modal .dialog__inner .controls__button[title="Close"] {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
                flex-direction: row;
        -webkit-align-items: center;
                align-items: center;
        -webkit-justify-content: center;
                justify-content: center;
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap;

        position: absolute;
        top: 18px;
        right: 16px;
        width: 12px;
        height: 12px;
        color: #555555
      }

@media (min-width: 768px) {

#reviews-io-polaris-modal .dialog__inner .controls__button[title="Close"] {
          right: 18px
      }
        }

#reviews-io-polaris-modal .dialog__inner .controls__button[title="Close"] .button__icon {
          width: 100%;
          height: 100%;
          font-size: 12px;
          line-height: 1;
          background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%0A%20%20%3Cpath%20fill%3D%22%23555555%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.333%200%2014%20.667%207.666%207%2014%2013.333l-.667.667L7%207.666.667%2014%200%2013.333%206.334%207%200%20.667.667%200%207%206.334%2013.333%200Z%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat center
        }

#reviews-io-polaris-modal .dialog__inner .controls__button[title="Close"] .button__icon:before {
            content: none;
          }

#reviews-io-polaris-modal .dialog__inner .shareSection {
      margin-bottom: 0 !important
    }

#reviews-io-polaris-modal .dialog__inner .shareSection .controls__button {
        width: auto;
        height: auto;
        margin: 0 5px 0 0 !important;
        line-height: normal;
      }

#reviews-io-polaris-modal .dialog__inner > div:last-child {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
                flex-direction: column;
        -webkit-align-items: flex-start;
                align-items: flex-start;
        -webkit-justify-content: center;
                justify-content: center;
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap;

        -webkit-flex-direction: column-reverse;

                flex-direction: column-reverse
      }

#reviews-io-polaris-modal .dialog__inner > div:last-child .u-hr {
          display: none;
        }

#reviews-io-polaris-modal .dialog__inner > div:last-child .R-TextHeading {
          font-size: 0.8125rem;
          line-height: 1.53846;
          font-weight: 400;

          margin: 0 !important;
          color: #aaaaaa;
        }

#reviews-io-polaris-modal .dialog__inner > div .R-flex-row--noMargin {
        margin: 0 !important;
      }

#reviews-io-polaris-modal .dialog__inner > div > .u-textLeft--all {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
                flex-direction: column;
        -webkit-align-items: flex-start;
                align-items: flex-start;
        -webkit-justify-content: flex-start;
                justify-content: flex-start;
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap;

        margin-bottom: 12px !important;
      }

#reviews-io-polaris-modal .dialog__inner #R-TextHeading-modal {
      font-size: 0.8125rem;
      line-height: 1.15385;
      letter-spacing: 0;

      margin: 0 10px 20px 0 !important;
      color: #000;
    }

#reviews-io-polaris-modal .dialog__inner .R-RatingStars .R-RatingStars__stars {
        margin: 0
      }

#reviews-io-polaris-modal .dialog__inner .R-RatingStars .R-RatingStars__stars .stars__icon {
          margin-right: 5px;
        }

#reviews-io-polaris-modal .dialog__inner .R-RatingStars .R-RatingStars__stars span {
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: row;
                  flex-direction: row;
          -webkit-align-items: center;
                  align-items: center;
          -webkit-justify-content: center;
                  justify-content: center;
          -webkit-flex-wrap: wrap;
                  flex-wrap: wrap;
        }

#reviews-io-polaris-modal .dialog__inner .R-TextBody {
      font-size: 0.8125rem;
      line-height: 1.53846;
      font-weight: 400;

      color: #333333;
      margin-bottom: 0 !important;
    }

.product-selection {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: stretch;
          align-items: stretch;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex: 1 0 auto;
          flex: 1 0 auto
}

@media (min-width: 1025px) {

.product-selection {
    width: 324px
}
  }

@media (max-width: 1024px) {
  .product-selection {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    bottom: 0;
    margin: 0;
    padding-top: 0;
    background: #ffffff;
    border: 0;
    z-index: 100
  }

    .product-selection .product-selection__list,
    .product-selection .product-selection__image,
    .product-selection .product-selection__clear {
      display: none;
    }

    .product-selection .product-selection__price {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: space-between;
              justify-content: space-between;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-order: 2;
              order: 2;
    }

    .product-selection .product-selection__button {
      height: 48px;
      padding-top: 10px;
      padding-bottom: 10px;
      -webkit-order: 3;
              order: 3;
    }

    .product-selection .product-selection__group {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: flex-start;
              align-items: flex-start;
      -webkit-justify-content: flex-start;
              justify-content: flex-start;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      width: 100%;
      box-shadow: 0 0 8px 0 rgba(0,0,0,0.06)
    }

      .product-selection .product-selection__group > * {
        width: 100%;
      }

    .product-selection .product-selection__group--content {
      box-shadow: none;
    }

    .product-selection .product-selection__price {
      padding: 12px 16px;
    }

    .product-selection .product-selection__button-show {
      min-width: 0;
      color: #786140;
    }

    .product-selection .product-selection__clear {
      padding: 16px;
    }

  .product-selection--selection-active {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    top: 0;
    height: 100%
  }

    .product-selection--selection-active .product-selection__list {
      margin-top: 30px;
      max-height: 280px;
      overflow: auto;
    }

    .product-selection--selection-active .product-selection__list,
    .product-selection--selection-active .product-selection__image,
    .product-selection--selection-active .product-selection__clear {
      display: inline;
      display: initial;
    }

    .product-selection--selection-active .product-selection__boxes,
    .product-selection--selection-active .product-selection__lable {
      display: none;
    }

    .product-selection--selection-active .product-selection__list li {
      margin-top: 15px;
    }
}

@media (min-width: 1025px) {

.product-selection__group {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%
}

    .product-selection__group > * {
      width: 100%;
    }
  }

.product-selection__image {
  max-width: 200px;
  width: 56px;
  margin: 0 16px 0 0
}

.product-selection__image .image:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.product-selection__list {
  padding: 24px 20px 24px 24px;
  width: 100%;
  text-align: left
}

.product-selection__list li {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    position: relative;
    margin-top: 8px;
    padding-right: 15px;
    color: #6D6B67
  }

.product-selection__list li:first-child {
      margin-top: 0;
    }

.product-selection__item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  text-align: left;
  margin-bottom: 8px
}

.product-selection__item:last-child {
    margin-bottom: 0;
  }

.product-selection__item em {
    font-size: 0.8125rem;
    line-height: 1.53846;
    letter-spacing: 0;
    font-weight: 500;
    font-style: normal;
    text-transform: none;
    color: #786140;
    text-decoration: underline;
  }

.product-selection__prompt {
  -webkit-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 16px;
}

.product-selection__quantity {
  font-size: 0.8125rem;
  line-height: 1.53846;
  letter-spacing: 0;
  font-weight: 500;
  font-style: normal;
  text-transform: none;
  color: #786140;
}

.product-selection__prompt--hide {
  display: none;
}

.product-selection__placeholder {
  display: block;
  width: 56px;
  height: 56px;
  border: 2px dashed #DDDDDD
}

.product-selection__placeholder:before,
  .product-selection__placeholder:after {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: #CCCCCC;
  }

.product-selection__placeholder:before {
    width: 33%;
    left: 50%;
  }

.product-selection__placeholder:after {
    height: 33%;
    top: 50%;
  }

.product-selection__price {
  padding: 16px 24px
}

@media (min-width: 1025px) {

.product-selection__price {
    border-top: 1px solid {{ settings.color_hr }}
}
  }

.product-selection__button {
  -webkit-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-left: -1px;
  margin-right: -1px;
  width: 100%;
}

.product-selection__icon {
  display: block;
  width: 12px;
  height: 14px
}

.product-selection__icon:before,
  .product-selection__icon:after {
    width: 14px;
    background-color: #CCCCCC;
  }

.product-selection__clear-item {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.product-selection__clear {
  font-size: 0.8125rem;
  line-height: 1.53846;
  letter-spacing: 0;
  font-weight: 500;
  font-style: normal;
  text-transform: none;
  color: #6D6B67;
  padding: 18px 35px
}

.product-selection__clear:focus,
  .product-selection__clear:hover {
    color: #786140;
    background: transparent;
  }

.product-selection__clear-icon {
  display: inline-block;
  vertical-align: middle;
  width:14px;
  height: 14px;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px)
}

.product-selection__clear-icon:before,
  .product-selection__clear-icon:after {
    background: #786140;
    width: 14px;
  }

.product-selection__divider {
  color: #B5B5B5;
  margin: 0 5px;
}

@media (min-width: 1025px) {

.product-selection__button-show {
    display: none
}
  }

.product-selection__boxes {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: stretch;
          align-items: stretch;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  display: none
}

@media (min-width: 1025px) {

.product-selection__boxes {
    display: -webkit-flex;
    display: flex
}
  }

.product-selection__box {
  position: relative;
  width: 162px;
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080
}

@media (min-width: 1025px) {

.product-selection__box {
    width: 50%
}
  }

@media (max-width: 1024px) {
    .product-selection__box:first-child {
      border-left: 1px solid #808080;
    }
    .product-selection__box:last-child {
      border-right: 1px solid #808080;
    }
  }

.product-selection__box:not(:last-child) {
    border-right: 1px solid #808080;
  }

.product-selection__box.active:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 4px;
      background: #808080;
    }

.product-selection__box.active .product-selection__box-selected {
      display: block;
    }

.product-selection__box.active .product-selection__box-select {
      display: none;
    }

.product-selection__box.active .product-selection__box-image {
      opacity: 1;
    }

.product-selection__box-single {
  width: 100%
}

.product-selection__box-single.active:after {
      content: none;
    }

.product-selection__box-single .product-selection__box-image:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.product-selection__box-single .product-selection__box-image {

    max-width: 110px;
    margin: 0 auto;
  }

.product-selection__box-single .product-selection__box-inner {
    padding-bottom: 16px;
  }

.product-selection__box-inner {
  display: block;
  padding: 18px 38px 44px;
  cursor: pointer
}

@media (min-width: 1025px) {

.product-selection__box-inner {
    padding: 12px 24px 40px
}
  }

.product-selection__box-inner span {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    color: #808080;
    text-decoration: underline;
  }

.product-selection__box-selected {
  display: none;
}

.product-selection__box-image:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.product-selection__box-image {
  opacity: 0.3;
  margin: 0 auto;
  max-width: 110px;
}

.product-selection__lable {
  padding: 11px 10px 11px;
  display: none
}

@media (min-width: 1025px) {

.product-selection__lable {
    padding: 18px 10px 18px;
    display: inline;
    display: initial
}
  }

.product-selection--new .ruk_rating_snippet{
    display: block;
    padding: 15px 18px;
    margin: 0!important;
    border-bottom :1px solid #808080
  }

.product-selection--new .ruk_rating_snippet br {
      display: none;
    }

.product-selection--new .ruk_rating_snippet i {
      float: left;
    }

.product-selection--new .ruk_rating_snippet .ruk-rating-snippet-count {
      float: right;
    }

@media (max-width: 1024px) {

.product-selection--new {
    background: rgba(255, 255, 255, 0.9)
}
  }

@media (min-width: 1025px) {

.product-selection--new {
    border: 1px solid #808080
}
  }

.product-selection--new *:not(.product-selection__button) {
    background: #ffffff;
  }

.product-selection--new .product-selection__quantity {
    font-weight: 400;
    color: inherit;
  }

.product-selection--new .product-selection__clear-item {
    position: relative;
    top: 0;
    -webkit-transform: translate(0);
            transform: translate(0);
    color: #808080;
    text-decoration: underline;
    margin-top: 4px;
  }

.product-selection--new .product-selection__divider {
    margin: 0;
    color: inherit;
  }

.product-selection--new .product-selection__list {
    padding: 28px 32px 24px
  }

@media (min-width: 1025px) {

.product-selection--new .product-selection__list {
      padding-bottom: 20px
  }
    }

.product-selection--new .product-selection__list li {
      padding-right: 0
    }

.product-selection--new .product-selection__list li:not(:first-child) {
        margin-top: 14px;
      }

.product-selection--new .product-selection__list li + .product-selection__item {
        padding-top: 14px;
        margin-top: 0;
      }

.product-selection--new .product-selection__list .product-selection__item {
      transition-property: all;
      transition-duration: 300ms;
      transition-timing-function: ease-in-out;
      margin-top: 0;
    }

.product-selection--new .product-selection__image {
    width: 64px;
    height: 64px;
    min-width: 64px;
    margin-right: 20px;
  }

.product-selection--new .product-selection__placeholder {
    width: 64px;
    height: 64px;
  }

.product-selection--new .product-selection__button {
    margin: 0;
  }

.product-selection--new .product-selection__price {
    padding-top: 14px
  }

@media (min-width: 1025px) {

.product-selection--new .product-selection__price {
      padding-top: 18px;
      padding-bottom: 15px
  }
    }

.product-selection--new .product-selection__clear {
    display: none;
    padding-bottom: 10px
  }

@media (min-width: 1025px) {

.product-selection--new .product-selection__clear {
      padding-bottom: 30px
  }
    }

.product-selection--new .product-selection__clear-icon {
    margin-right: 10px;
  }

.product-selection--new .product-selection__clear-text {
    text-decoration: underline;
  }

@media (max-width: 1024px) {

.product-selection--new.product-selection--selection-active {
      -webkit-justify-content: flex-end;
              justify-content: flex-end
  }
    }

@media (max-width: 1024px) {

.product-selection--new .product-selection__group--content {
      -webkit-order: 2;
              order: 2
  }

      .product-selection--new .product-selection__group--content .product-selection__list {
        max-height: 100%;
        margin: 0;
        border-top: 1px solid #808080;
      }
    }

@media (max-width: 1024px) {

.product-selection--new .product-selection__price {
      width: 100%;
      -webkit-order: 1;
              order: 1;
      border-top: 1px solid #808080
  }
    }

@media (max-width: 1024px) {

.product-selection--new .product-selection__clear {
      width: 100%;
      -webkit-order: 3;
              order: 3
  }
    }

.product-selection--new .product-selection__button {
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out
  }

@media (max-width: 1024px) {

.product-selection--new .product-selection__button {
      -webkit-flex: initial;
              flex: initial
  }
    }

.product-selection--new .product-selection__icon {
    position: absolute;
    top: 2px;
    left: 0;
  }

.product-selection--new .product-selection__button-show {
    position: relative;
    padding-left: 20px;
  }

.product-selection--new .product-selection__button-show {
    color: #808080;
  }

@media (min-width: 1025px) {

.product-selection--praline .product-selection__list {
      max-height: 420px;
      overflow: auto;
      margin: 18px 12px 20px 0;
      padding: 0 32px
  }
    }

.product-selection--praline .product-selection__list::-webkit-scrollbar {
      width: 6px;
      height: 268px;
    }

.product-selection--praline .product-selection__list::-webkit-scrollbar-track {
      background: transparent;
    }

.product-selection--praline .product-selection__list::-webkit-scrollbar-thumb {
      background: #D8D8D8;
      border-radius: 3px;
    }

.product-selection__icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.product-selection__icon--opposite {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

@media (max-width: 1024px) {

.product-detail__selection--new {
    display: none
}
  }

.product-detail__selection--mobile {
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: 16px;
  display: block;
  position: relative;
  border: 0;
  z-index: 10
}

@media (min-width: 1025px) {

.product-detail__selection--mobile {
    display: none
}
  }

.product-detail__selection--mobile .product-selection__lable {
    display: inline;
    display: initial
  }

.product-detail__selection--mobile .product-selection__boxes {
    display: -webkit-flex;
    display: flex;
  }

.product-detail__selection--mobile .product-selection__group:last-child {
      display: none;
    }

.product-detail__selection--mobile .product-selection__box {
    width: 50%
  }

.product-detail__selection--mobile .product-selection__box:first-child {
      border-left: 0;
    }

.product-detail__selection--mobile .product-selection__box:last-child {
      border-right: 0;
    }

.product-detail__selection--mobile .product-selection__price,
  .product-detail__selection--mobile .product-selection__list,
  .product-detail__selection--mobile .product-selection__button,
  .product-detail__selection--mobile .product-selection__clear {
    display: none;
  }

@media (max-width: 1024px) {

.product-selection--selection-show {
    display: -webkit-flex;
    display: flex
}
  }

.product-selection--selection-error .product-selection__lable {
    color: #ff0000;
  }

.product-selection--selection-error .product-selection__box {
    position: relative;
    border-color: #ff0000
  }

.product-selection--selection-error .product-selection__box:after {
      content: '';
      position: absolute;
      left: -1px;
      top: 0;
      width: 1px;
      height: 100%;
      background: #ff0000;
    }

.product-selection--selection-error .product-selection__box:last-child:after {
        left: auto;
        right: -1px;
      }

.product-selection--selection-error .product-selection__box--single {
    border: 1px solid #ff0000;
  }

.product-selection__item-title {
  font-size: 0.8125rem;
  line-height: 1.38462;
  letter-spacing: 0;
  font-weight: 400;

  margin-top: 6px;
}

.main-price--strikethrough {
  text-decoration: line-through;
  font-size: 14px;
  color: #ccc;
  padding-right: 10px;
}

.product-selection__reviews {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  margin-bottom: 4px !important;
}

@media (max-width: 767px) {

.product-selection__group--content-box .product-selection__lable {
      margin-top: 18px;
      padding: 13px 10px;
      border-top: 1px solid #808080
  }
    }

.product-suggestions {
  margin-bottom: 20px
}

@media (min-width: 1025px) {

.product-suggestions {
    margin-bottom: 16px
}
  }

@media all {

.product-suggestions__grid {
    margin-left: -8px;
    margin-right: -8px;
}
  }

@media all {

.product-suggestions__item {
    padding-left: 8px;
    padding-right: 8px
}
  }

.product-suggestions__item {
  width: 50%
}

@media (min-width: 1025px) {

.product-suggestions__item {
    width: 25%
}
  }

.product-suggestions__header {
  margin-bottom: 16px;
}

.product-three-up__item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 33.33333%;
  margin-bottom: 22px
}

@media (min-width: 1025px) {

.product-three-up__item {
    -webkit-flex-direction: column;
            flex-direction: column;
    margin-bottom: 40px
}
  }

.product-three-up__image-wrapper {
  width: 120px
}

@media (min-width: 1025px) {

.product-three-up__image-wrapper {
    width: 100%
}
  }

.product-three-up__content {
  width: calc(100% - 120px)
}

@media (min-width: 1025px) {

.product-three-up__content {
    width: 100%;
    padding-top: 33px;
    text-align: center
}
  }

.product-three-up__content-title {
  display: block;
  margin-bottom: 6px;
  color: #000;
}

@media (min-width: 1025px) {

.product-three-up__content-description {
    padding: 0 32px
}
  }

.product-three-up__image:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.product-three-up__image {
  padding-right: 24px
}

@media (min-width: 1025px) {
    .product-three-up__image:before {
    content: '';
    display: block;
    padding-top: 33.24397%;
  }
  }

.product-three-up__image-img {
  right: 0;
  left: 0;
  max-width: 96px;
  margin: 0
}

@media (min-width: 1025px) {

.product-three-up__image-img {
    max-width: 124px;
    margin: 0 auto
}
  }

.product-three-up {
  padding: 30px 0 10px;
  border-bottom: 1px solid #808080
}

@media (min-width: 1025px) {

.product-three-up {
    padding: 70px 0 30px
}
  }

.product-three-up__title {
  margin-bottom: 24px;
  text-align: center
}

@media (min-width: 1025px) {

.product-three-up__title {
    margin-bottom: 40px
}
  }

.quantity-notification {
  display: none;
  color: #ff0000
}

@media (min-width: 1025px) {

.quantity-notification {
    transition-property: opacity, visibility;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    visibility: hidden;
    opacity: 0;
    display: inline;
    display: initial;
    margin-top: 5px;
    position: absolute;
    right: 0;
    bottom: 0
}
  }

.quantity-notification--card-dropdown {
  display: none;
  position: relative;
}

.quantity-notification--active .quantity-notification {
    display: block
  }

@media (min-width: 1025px) {

.quantity-notification--active .quantity-notification {
      visibility: visible;
      opacity: 1
  }
    }

.quantity-notification--active .quantity[data-module-init="quantity"] {
    border-color: #ff0000;
  }

.quantity-notification--active .cart-layout__col--last .cart-layout__inner {
      padding-bottom: 29px
    }

@media (min-width: 1025px) {

.quantity-notification--active .cart-layout__col--last .cart-layout__inner {
        padding-bottom: 0
    }
      }

.quantity-notification--product {
  position: relative;
  display: none;
}

.quantity {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  height: 40px;
  border: 1px solid {{ settings.color_input_border }}
}

.quantity .icon-minus:before, .quantity .icon-plus:before {
    background-color: #333333;
  }

.quantity .icon-plus:after {
    background-color: #333333;
  }

.quantity__control {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;

  width: 100%;
}

.quantity__button {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: auto;
  padding: 10px 13px
}

.quantity__button:disabled {
    background: transparent;
  }

.quantity__icon {
  width: 10px;
  color: #808080;
}

.quantity__input {
  -webkit-flex: 1;
          flex: 1 1;
}

.qty-container{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 16px;
}

.quantity__input {
  width: 33.33%;
  height: 100%;
  padding: 0;
  text-align: center;
  border: none;
  height: 32px
}

.quantity__input:focus,
  .quantity__input:invalid {
    box-shadow: none;
    outline: none;
  }

.quantity--small {
  width: 60px;
  height: 32px
}

@media (min-width: 850px) {

.quantity--small {
    height: 26px
}
  }

.quantity--small .quantity__input {
    height: auto;
  }

.quantity--medium {
  width: 100px;
  height: 40px
}

.quantity--medium .quantity__input {
    height: auto;
  }

.quantity--large {
  width: 100%;
  height: 60px
}

.quantity--large .quantity__input {
    color: #000000;
    background-color: transparent;
    width: 25px;
    font-size: 16px;
  }

.quantity--large .quantity__button {
    margin: 0;
    padding: 0;
    border: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: transparent;
    width: 58px;
    height: 100%;
    padding: 0;
    cursor: pointer
  }

.quantity--large .quantity__button span {
      margin: 0 auto;
      width: 12px;
      height: 12px;
    }

.quantity--inline {
  border: none;
  border-radius: 0;
}

.quantity--error {
  border-color: #ff0000;
}

.quantity--select .quantity__input {
    color: #444444;
  }

.product-detail--gift-card .quantity__input {
    color: #333333;
  }

.quantity--cart-slideout {
  width: 100px
}

.quantity--cart-slideout .quantity__control {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;

    width: 100%;
  }

.quantity--cart-slideout .quantity__button {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    width: auto;
    padding: 10px 13px
  }

.quantity--cart-slideout .quantity__button:disabled {
      background: transparent;
    }

.quantity--cart-slideout .quantity__icon {
    width: 10px;
    color: #808080;
  }

.quantity--cart-slideout .quantity__input {
    -webkit-flex: 1;
            flex: 1 1;
  }

.quantity--cart-slideout.disabled .quantity__button {
      height: 38px
    }

.quantity--cart-slideout.disabled .quantity__button:disabled {
        background: #F1F1F1;
      }

.rating-star .rating-star__item {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cpath%20fill%3D%22%2300BDAD%22%20d%3D%22m12%205.173%202.335%204.817%205.305.732-3.861%203.71.942%205.27L12%2017.178l-4.721%202.525.942-5.27-3.861-3.71%205.305-.733L12%205.173zm0-4.586L8.332%208.155%200%209.306l6.064%205.828-1.48%208.279L12%2019.446l7.416%203.966-1.48-8.279L24%209.306l-8.332-1.15L12%20.587z%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat center;
    margin-right: 3px
  }

.rating-star .rating-star__item.rating-star__item-percentage--50 {
      background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cpath%20fill%3D%22%2300BDAD%22%20d%3D%22m12%205.173%202.335%204.817%205.305.732-3.861%203.71.942%205.27L12%2017.178V5.173zm0-4.586L8.332%208.155%200%209.306l6.064%205.828-1.48%208.279L12%2019.446l7.416%203.966-1.48-8.279L24%209.306l-8.332-1.15L12%20.587z%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat center;
    }

.rating-star .rating-star__item.rating-star__item-percentage--100 {
      background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cpath%20fill%3D%22%2300BDAD%22%20d%3D%22m12%20.587%203.668%207.568L24%209.306l-6.064%205.828%201.48%208.279L12%2019.446l-7.417%203.967%201.481-8.279L0%209.306l8.332-1.151z%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat center;
    }

.rating-star .rating-star__item-count {
    font-size: 0.8125rem;
    line-height: 1.38462;
    font-family: 'BrownStd';
    color: #000000;
    text-transform: none;

    color: {{ settings.color_link }};
    margin-left: 4px;
  }

.rating-star--small .rating-star__item {
    width: 14px;
    height: 14px;
    margin-right: 4px;
  }

.rating-star--card {
  width: 100%;
  margin-top: 12px;
}

.rating-star--header {
  margin-left: 10px
}

.rating-star--header .rating-star__item {
    width: 22px;
    height: 22px;
  }

.rating-star--plp-card {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  margin-bottom: 18px
}

.rating-star--plp-card .rating-star__item {
    width: 14px;
    height: 14px;
    margin-right: 4px;
  }

.read-more__link,
.read-less__link {
  margin-top: 23px;
  color: #ffffff
}

@media (min-width: 768px) {

.read-more__link,
.read-less__link {
    display: none
}
  }

@media (min-width: 1025px) {

.read-more--mobile .read-more__content {
      display: block !important
  }
    }

@media (min-width: 1025px) {

.read-more__button--hide-desktop {
    display: none !important
}
  }

.read-more__button--native,
.read-more__button--hero-text {
  width: 100%;
  margin-top: 14px
}

.read-more__button--native > div, .read-more__button--hero-text > div {
    margin: 0 auto;
  }

.read-more__button--native svg path, .read-more__button--hero-text svg path {
      stroke: #ffffff;
    }

.more__content {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;

  overflow: hidden;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
}

.more__button {
  text-decoration: underline;
  display: inline-block;
  margin-top: 20px
}

.more__button:hover {
    color: {{ settings.color_link_hover }};
  }

.read-more--seo-text .more__content_text p {
      color: #808080;
    }

.read-more--seo-text .more__button {
    font-size: 0.8125rem;
    line-height: 1.38462;
    letter-spacing: 0;
    font-weight: normal;

    margin-top: 12px
  }

@media (min-width: 1025px) {

.read-more--seo-text .more__button {
      margin-top: 16px
  }
    }

.recipe {
  padding-bottom: 25px
}

@media (min-width: 1025px) {

.recipe {
    padding-bottom: 100px
}
  }

.recipe__hero {
  position: relative;
  width: calc(100% + 30px);
  left: -15px
}

@media (min-width: 1025px) {

.recipe__hero {
    left: 0;
    width: 100%
}
  }

.recipe__hero-image:before {
    content: '';
    display: block;
    padding-top: 64%;
  }

@media (min-width: 1025px) {
    .recipe__hero-image:before {
    content: '';
    display: block;
    padding-top: 51.20968%;
  }
  }

@media (min-width: 1025px) {

.recipe__hero-image--mobile {
    display: none
}
  }

.recipe__hero-image--desktop {
  display: none
}

@media (min-width: 1025px) {

.recipe__hero-image--desktop {
    display: block
}
  }

.recipe__content {
  padding-top: 15px
}

@media (min-width: 1025px) {

.recipe__content {
    padding-top: 45px
}
  }

@media (min-width: 1025px) {

.recipe__content + .recipe-carousel {
      margin-top: 48px
  }
    }

.recipe__content-method,
.recipe__content-columns-2 {
  margin-top: 17px
}

@media (min-width: 1025px) {

.recipe__content-method,
.recipe__content-columns-2 {
    margin-top: 0
}
  }

.recipe__content-title {
  margin-bottom: 8px;
  color: #000;
}

.recipe__content-title--ingredients,
.recipe__content-title--columns-1 {
  margin-bottom: 0
}

@media (min-width: 1025px) {

.recipe__content-title--ingredients,
.recipe__content-title--columns-1 {
    margin-bottom: 8px
}
  }

@media (min-width: 1025px) {

.recipe__content-title--method,
.recipe__content-title--columns-2 {
    margin-bottom: 28px
}
  }

@media (min-width: 1025px) {

.recipe__content-ingredients,
.recipe__content-title--columns-1 {
    /*max-width: 456px;*/
}
  }

/* RECIPE CAROUSEL MODULE */

.recipe-carousel {
  margin-top: 16px
}

@media (min-width: 1025px) {

.recipe-carousel {
    margin-top: 32px
}
  }

.recipe-carousel + .recipe__button-block {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
  }

.recipe-carousel + .recipe__button-block .recipe__button-wrapper {
      width: 100%;
      text-align: center
    }

@media (min-width: 1025px) {

.recipe-carousel + .recipe__button-block .recipe__button-wrapper {
        margin-top: 32px
    }
      }

.recipe-carousel__list:after {
    content: 'flickity';
    display: none
  }

@media (min-width: 1025px) {

.recipe-carousel__list:after {
      content: none
  }
    }

.recipe-carousel__list .flickity-viewport {
    width: 100%;
  }

.recipe-carousel__list .flickity-page-dots {
    bottom: 12px;
  }

.recipe-carousel__list .dot {
    background: transparent;
    border: 2px solid #ffffff;
    opacity: 1;
    width: 12px;
    height: 12px;
    margin: 0 6px
  }

.recipe-carousel__list .dot.is-selected {
      background: #ffffff;
    }

.blog-grid__grid--equal-cell-height.flickity-enabled .flickity-slider {

}

.recipe-carousel__image:before {
    content: '';
    display: block;
    padding-top: 74.05248%;
  }

@media (min-width: 1025px) {
    .recipe-carousel__image:before {
    content: '';
    display: block;
    padding-top: 74.17219%;
  }
  }

.recipe__products-title {
  color: #000;
  text-align: center
}

@media (min-width: 1025px) {

.recipe__products-title {
    text-align: left
}
  }

.recipe__products-content {
  margin-top: 24px
}

@media (min-width: 1025px) {

.recipe__products-content {
    margin-top: 28px
}
  }

.recipe__products {
  position: relative;
  margin-top: 24px;
  padding-top: 31px
}

.recipe__products:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 0;
    width: calc(100% + 32px);
    height: 1px;
    background: #333333
  }

@media (min-width: 1025px) {

.recipe__products:before {
      width: 100%;
      left: 0
  }
    }

@media (min-width: 1025px) {

.recipe__products {
    margin-top: 64px;
    padding-top: 64px
}
  }

.recipe__button-block {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  margin-top: 18px
}

@media (min-width: 1025px) {

.recipe__button-block {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-end;
            align-items: flex-end;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    width: auto;
    margin-top: 24px
}
  }

.recipe__button-block .recipe__button-wrapper {
    width: 100%
  }

@media (min-width: 1025px) {

.recipe__button-block .recipe__button-wrapper {
      width: 50%;
      padding-left: 16px
  }
    }

/* RECIPE INFO MODULE */

.recipe-info {
  position: relative;
  padding: 24px 0 22px
}

.recipe-info:after {
    content: "";
    position: absolute;
    left: -16px;
    bottom: 0;
    width: calc(100% + 32px);
    height: 1px;
    background: #333333
  }

@media (min-width: 1025px) {

.recipe-info:after {
      width: 100%;
      left: 0
  }
    }

@media (min-width: 600px) {

.recipe-info {
    padding: 33px 0 32px
}
  }

.recipe-info__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap
}

@media (min-width: 600px) {

.recipe-info__list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
}
  }

.recipe-info__item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 33.333333%
}

@media (min-width: 600px) {

.recipe-info__item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    width: auto;
    margin-right: 60px
}
  }

@media (min-width: 600px) {

.recipe-info__item:last-child {
      margin-right: 0
  }
    }

.recipe-info__icon {
  display: inline-block;
  height: 24px;
  width: auto;
  color: #AAAAAA;
  vertical-align: middle
}

@media (min-width: 600px) {

.recipe-info__icon {
    margin-right: 8px
}
  }

.recipe-info__label {
  margin-top: 8px;
  display: inline-block;
  color: #000;
  vertical-align: middle
}

@media (min-width: 600px) {

.recipe-info__label {
    margin-top: 0
}
  }

.recipe__button {
  width: 100%;
  padding: 12px 35px 13px;
  font-weight: 700
}

@media (min-width: 1025px) {

.recipe__button {
    width: auto;
    padding: 12px 26px 13px 27px
}
  }

@media (min-width: 1025px) {

.recipe-carousel__video {
    padding-top: 32px
}
  }

.article--post .recipe-carousel__video {
    padding-top: 30px
  }

@media (min-width: 1025px) {

.article--post .recipe-carousel__video {
      padding-top: 64px
  }
    }

.recipe-carousel__video-el,
.recipe-carousel__img-el {
  width: 100%;
}

.recipe__content-tagline {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700;

  margin: 0 auto;
  max-width: 668px;
  padding: 10px 4px 6px;
  color: #000
}

@media (min-width: 768px) {

.recipe__content-tagline {
    padding: 50px 0 48px
}
  }

.recipe__content-wrapper {
  padding: 22px 0 0
}

@media (min-width: 1025px) {

.recipe__content-wrapper {
    margin: 0 auto;
    max-width: 668px;
    padding-top: 65px
}
  }

.recipe__content-button {
  margin-top: 22px
}

@media (min-width: 1025px) {

.recipe__content-button {
    margin-top: 24px
}
  }

.recommend-products {
  padding: 30px 0 58px
}

@media (min-width: 1025px) {

.recommend-products {
    padding: 64px 0
}
  }

.recommended-products__title {
  font-size: 1.25rem;
  line-height: 1.2;
  letter-spacing: -0.0125em;

  margin-bottom: 16px;
  text-align: center
}

@media (min-width: 1025px) {

.recommended-products__title {
    margin-bottom: 24px;
    text-align: left
}
  }

.recommended-products--cart {
  width: 100%;
  padding: 30px 0 52px
}

@media (min-width: 1025px) {

.recommended-products--cart {
    padding: 0 0 64px
}
  }

@media (max-width: 1024px) {

.recommended-products--cart {
    margin-top: 30px;
    padding-top: 36px !important
}
  }

.recommended-products--cart .recommended-products__title {
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: 0.0625em;
    font-weight: bold;
    color: #000000;
    text-transform: none;

    text-transform: uppercase;
    padding-bottom: 12px;
    margin-bottom: 0
  }

@media (min-width: 1025px) {

.recommended-products--cart .recommended-products__title {
      text-align: left;
      padding-bottom: 24px
  }
    }

@media (max-width: 1024px) {

.recommended-products--cart {
    position: relative
}

    .recommended-products--cart::before {
      content: '';
      position: absolute;
      top: 0;
      left: -32px;
      width: calc(100% + 64px);
      height: 12px;
      background: #F8F8F8;
    }
  }

@media (min-width: 1025px) {

.recommended-products--cart .flickity-page-dots {
      display: none
  }
    }

.recommended-products--small {
  padding-top: 34px
}

@media (min-width: 1025px) {

.recommended-products--small .carousel--recommended-products .carousel__item {
        width: 33.333333%
    }
      }

.recommended-products--home {
  padding: 30px 0 32px
}

@media (min-width: 1025px) {

.recommended-products--home {
    padding: 60px 0 69px
}
  }

.recommended-products--home .recommended-products__title {
    font-size: 1.75rem;
    line-height: 1.14286;
    letter-spacing: -0.01786em
  }

@media (min-width: 1025px){

.recommended-products--home .recommended-products__title {
    font-size: 2.25rem;
    line-height: 1.11111;
    letter-spacing: -0.01389em
  }
}

.recommended-products--home .recommended-products__title {
    font-weight: bold;
    color: #050606;
    text-transform: none;

    margin-bottom: 22px;
    text-align: center
  }

@media (min-width: 1025px) {

.recommended-products--home .recommended-products__title {
      margin-bottom: 18px;
      text-align: left
  }
    }

.recommended-products--home .recommended-products__carousel {
    margin: 0 -12px
  }

@media (min-width: 1025px) {

.recommended-products--home .recommended-products__carousel {
      margin: 0 -16px
  }
    }

.recommended-products--home .recommended-products__carousel .flickity-viewport {
      overflow: visible;
    }

.recommended-products--home .recommended-products__item {
    max-width: 264px;
    padding: 0 12px
  }

@media (min-width: 1025px) {

.recommended-products--home .recommended-products__item {
      max-width: 318px;
      padding: 0 16px
  }
    }

.recommended-products--home .recommended-products__item button {
      max-width: 148px;
    }

.recommend-products--plp {
  padding: 30px 0;
  border-top: 1px solid #808080
}

@media (min-width: 1025px) {

.recommend-products--plp {
    padding: 72px 0
}
  }

.recommend-products--plp .recommended-products__title {
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: -0.0125em;

    margin-bottom: 16px;
    text-align: center
  }

@media (min-width: 1025px) {

.recommend-products--plp .recommended-products__title {
      font-size: 2.25rem;
      line-height: 1.11111;
      letter-spacing: -0.01389em;

      margin-bottom: 24px;
      color: #050606
  }
    }

.recommend-products--cart-slideout {
  width: 100%;
  padding: 19px 18px 24px 17px
}

@media (min-width: 1025px) {

.recommend-products--cart-slideout {
    padding: 24px 20px 24px 23px
}
  }

.recommend-products--cart-slideout .recommended-products__title {
    font-size: 0.75rem;
    line-height: 1.5;
    letter-spacing: 0.08333em;
    font-weight: 700;

    text-align: center;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 12px
  }

@media (min-width: 1025px) {

.recommend-products--cart-slideout .recommended-products__title {
      font-size: 0.8125rem;
      line-height: 1.38462;
      letter-spacing: 0.07692em;
      font-weight: 700;
      text-transform: uppercase
  }
    }

.recommended-products--404 {
  border-top: 1px solid #808080
}

.recommended-products--404 .recommended-products__title {
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: -0.0125em;

    margin-bottom: 16px;
    text-align: center
  }

@media (min-width: 1025px) {

.recommended-products--404 .recommended-products__title {
      font-size: 2.25rem;
      line-height: 1.11111;
      letter-spacing: -0.01389em;

      margin-bottom: 24px
  }
    }

@media (min-width: 1025px) {

.recommended-products--404 .flickity-page-dots {
      display: none
  }
    }

@media (min-width: 1025px) {

.recommended-products--pdp .flickity-page-dots {
      display: none
  }
    }

.related-products {
  padding:20px 0 24px;
  background-color: #f8f8f8
}

@media (min-width: 1025px) {

.related-products {
    padding:60px 0
}
  }

.related-products .card--product {
    background-color: #fff;
    width: calc(50% - 6px);
    margin: 0 6px
  }

@media (min-width: 768px) {

.related-products .card--product {
      width: calc(25% - 24px);
      margin:0 25px 0 0
  }
    }

@media (max-width: 767px) {
      .related-products .card--product:first-child{
        margin-left: 0;
      }
    }

.related-products .card--product:last-child{
      margin-right: 0;
    }

.related-products .flickity-prev-next-button {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }

@media (min-width: 1025px) {

.related-products .flickity-prev-next-button {
      width: 24px;
      height: 24px
  }
    }

.related-products .flickity-prev-next-button.next {
    right: 5px
  }

@media (min-width: 1025px) {

.related-products .flickity-prev-next-button.next {
      right: 0
  }
    }

.related-products .flickity-prev-next-button.previous {
    left: 5px
  }

@media (min-width: 1025px) {

.related-products .flickity-prev-next-button.previous {
      left: 0
  }
    }

@media (min-width: 1025px) and (min-width: 1025px) {

.related-products__grid {
    margin-left: -19px;
    margin-right: -19px
}
  }

.related-products__content .card__inner {
    padding-top: 0;
  }

.related-products__content .card__content {
    padding-bottom: 12px
  }

@media (min-width: 1025px) {

.related-products__content .card__content {
      padding-bottom: 18px
  }
    }

@media (min-width: 1025px) {

.related-products__content .flickity-page-dots {
      display: none
  }
    }

.related-products__content .card__title{
    letter-spacing: 0;
  }

.review-carousel {
  padding: 34px  0
}

@media (min-width: 1025px) {

.review-carousel {
    padding: 66px 0 72px
}
  }

.review-carousel__header {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: flex-end;
          align-items: flex-end;
  padding-bottom: 18px;
  border-bottom: 1px solid #dddddd;
}

.review-carousel__title {
  font-size: 2.25rem;
  line-height: 1.11111;
  letter-spacing: -0.01389em;
  width: 100%;
  margin-bottom: 42px;
}

.review-carousel__status {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  font-weight: 700;

  text-transform: uppercase;
}

.review-carousel__summary {
  margin-left: 10px
}

.review-carousel__summary strong {
    margin-left: 18px;
  }

.review-carousel__summary span {
    color: #8A8A8A;
  }

.review-carousel__item-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 30px;
  min-height: 192px;
  background: #ffffff;
}

.review-carousel__item-header {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
}

.review-carousel__item-rating {
  margin-left: 12px;
}

.review-carousel__item-name {
  font-weight: 700;
}

.review-carousel__item-comment {
  font-size: 0.875rem;
  line-height: 1.57143;

  text-align: center;
  margin-top: 11px;
  max-height: 66px;
  overflow: hidden;
}

.review-carousel__list {
  margin-top: 24px
}

@media (min-width: 1025px) {

.review-carousel__list {
    margin-top: 42px
}
  }

.review-carousel__item {
  width: 100%
}

@media (min-width: 768px) {

.review-carousel__item {
    width: 50%;
    padding: 0 16px
}
  }

@media (min-width: 1280px) {

.review-carousel__item {
    width: 33.333333%
}
  }

.review-carousel__loading {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
}

.review-carousel__item-date {
  color: #8A8A8A;
  text-align: center;
  margin-top: 14px;
}

.ruk-icon-full-star-01 {
  color: #01BCAB;
}

.review-container {
  margin-top: 60px;
}

.home-review-container {
  background-color: #F6F6F6;
  padding: 73px 0 80px
}

@media(max-width: 767px) {

.home-review-container {
    display: none
}
  }

#reviews_container {
  max-width: 644px !important
}

#reviews_container .close {
    left: auto!important;
    right: -12px;
  }

#reviews_container #reviews_widget_frame {
    max-width: 100%;
  }

#reviews_container #reviews_widget {
    margin: 0;
  }

.home-reivew-title {
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 40px;
  margin-bottom: 15px;
}

@media(max-width: 640px) {
  .review-title {
    text-align: center;
    font-size: 20px;
    line-height: 24px;
  }
}

.sas-lists {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  color: #fff;
  padding: 10px 0
}

@media(max-width: 767px) {

.sas-lists {
    padding: 16px 0 12px
}
  }

.sas-list {
  font-size: 0.9375rem;
  line-height: 1.2;
  padding: 4.5px 40px
}

@media(max-width: 767px) {

.sas-list {
    padding: 1.5px 16px
}
  }

.sas-list:not(:first-child) {
    border-left: 1px solid #fff;
  }

@media(max-width: 767px) {

.sas-list:last-child {
      border: none;
      margin-top: 12px;
      width: 100%;
      text-align: center
  }
    }

.sas-cart {
  color: #fff;
  padding: 20px 14px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  margin-bottom: 13px
}

.sas-cart .sas-icon {
    margin: 3px 15px 0 0;
  }

.sas-content {
  width: calc(100% - 25px);
}

.save-message {
  font-size: 1rem;
  line-height: 1.1875;
}

.save-notice {
  font-size: 0.8125rem;
  line-height: 1.15385;
  margin-top: 5px;
}

.toggle-save {
  text-decoration: underline;
  cursor: pointer;
}

.save-lists {
  font-size: 0.9375rem;
  line-height: 1.2;
  margin-top: 13px;
  display: none
}

.save-lists.active {
    display: block;
  }

.save-lists li:not(:last-child) {
    margin-bottom: 7px;
  }

@media (max-width: 767px){
  .sas-cart-mobile {
      display: block;
  }
  .sas-cart-desktop {
    display: none;
  }
}

@media (min-width: 767px){
  .sas-cart-mobile {
      display: none;
  }
  .sas-cart-desktop {
    display: block;
  }
}

.scroller-status {
  text-align: center
}

.scroller-status > * {
    display: none;
  }

.scroller-status--loading > .loader-ellips {
    display: block;
  }

.scroller-status--last > .infinite-scroll-last {
    display: block;
  }

.scroller-status--error > .infinite-scroll-error {
    display: block;
  }

.loader-ellips {
  font-size: 20px; /* change size here */
  position: relative;
  width: 80px;
  height: 10px;
  margin: 10px auto;
}

.loader-ellips__dot {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 0.5em;
  background: #182752; /* change color here */
  position: absolute;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}

.loader-ellips__dot:nth-child(3) { left: 1em; }

.loader-ellips__dot:nth-child(4) { left: 2em; }

@-webkit-keyframes reveal {
  from { -webkit-transform: scale(0.001); transform: scale(0.001); }
  to { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes reveal {
  from { -webkit-transform: scale(0.001); transform: scale(0.001); }
  to { -webkit-transform: scale(1); transform: scale(1); }
}

@-webkit-keyframes slide {
  to { -webkit-transform: translateX(1em); transform: translateX(1em) }
}

@keyframes slide {
  to { -webkit-transform: translateX(1em); transform: translateX(1em) }
}

.loader-ellips__dot:nth-child(1) {
  -webkit-animation-name: reveal;
          animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  -webkit-animation-name: slide;
          animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  -webkit-animation-name: reveal;
          animation-name: reveal;
  animation-direction: reverse;
}

.loader-ellips--hotspot {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  margin: 0;
  width: 50px
}

.loader-ellips--hotspot .loader-ellips__dot {
    background: #5D626F;
  }

.search-bar {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  width: 100%;
  -webkit-transform: none;
          transform: none;
  background-color: #ffffff;
  border-bottom: 1px solid {{ settings.color_hr }}
}

@media (min-width: 768px) {

.search-bar {
    padding: 11px 0;
    border-bottom-width: 0
}
  }

.search-bar pre {
    margin: 0;
  }

.search-bar__container {
  width: 100%;
}

.search-bar__inner {
  padding: 0 15px;
}

.search-bar--header {
  transition-property: opacity, visibility;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: -100%;
  left: 0;
  padding: 0;
  border-bottom: 1px solid #808080;
  pointer-events: none;
  z-index: -1
}

@media (min-width: 850px) {

.search-bar--header {
    z-index: 11
}
  }

.search-bar--header .search-bar__input {
    font-size: 1rem;
    line-height: 1.125;
    letter-spacing: 0.0625em;
    font-weight: bold;
    color: #000000;
    text-transform: none;
    height: 48px;
    margin: 0;
    padding-left: 12px;
    color: #333333;
    line-height: 48px;
    font-weight: normal
  }

@media (min-width: 1025px) {

.search-bar--header .search-bar__input {
      padding-left: 16px
  }
    }

.search-bar--header .search-bar__input::-webkit-input-placeholder {
      font-size: 1rem;
      line-height: 1.125;
      letter-spacing: 0.0625em;
      font-weight: bold;
      color: #000000;
      text-transform: none;
      font-weight: 300;
      color: #8A8A8A;
      padding:14px 0;
    }

.search-bar--header .search-bar__input::-moz-placeholder {
      font-size: 1rem;
      line-height: 1.125;
      letter-spacing: 0.0625em;
      font-weight: bold;
      color: #000000;
      text-transform: none;
      font-weight: 300;
      color: #8A8A8A;
      padding:14px 0;
    }

.search-bar--header .search-bar__input:-ms-input-placeholder {
      font-size: 1rem;
      line-height: 1.125;
      letter-spacing: 0.0625em;
      font-weight: bold;
      color: #000000;
      text-transform: none;
      font-weight: 300;
      color: #8A8A8A;
      padding:14px 0;
    }

.search-bar--header .search-bar__input::placeholder {
      font-size: 1rem;
      line-height: 1.125;
      letter-spacing: 0.0625em;
      font-weight: bold;
      color: #000000;
      text-transform: none;
      font-weight: 300;
      color: #8A8A8A;
      padding:14px 0;
    }

@media (min-width: 1025px) {

.search-bar--header .search-bar__input {
      height: 71px;
      line-height: 71px
  }
    }

.search-bar--header .search-bar__container {
    padding: 0 15px
  }

@media (min-width: 1025px) {

.search-bar--header .search-bar__container {
      padding: 0
  }
    }

.search-bar--header .search-bar__form {
    position: static;
    position: initial;
    margin: auto;
    border: none;
    box-shadow: none
  }

@media (min-width: 1025px) {

.search-bar--header .search-bar__form {
      max-width: 300px
  }
    }

.search-bar--header .search-bar__button {
    position: static;
    position: initial;
    top: auto;
    display: block;
    -webkit-transform: none;
            transform: none;
  }

.search-bar--header .search-bar__button-close {
    right: 14px;
    left: auto
  }

@media (min-width: 1025px) {

.search-bar--header .search-bar__button-close {
      right: 29px
  }
    }

.search-bar--header .icon-close-search:before,
  .search-bar--header .icon-close-search:after {
    height: 1px;
    background-color: #111111;
  }

.search-bar--count-empty .search-bar__form:after {
      right: 40px
    }

@media (min-width: 175px) {

.search-bar--count-empty .search-bar__form:after {
        right: 56px
    }
      }

.search-bar--count-empty .search-bar__form:before {
      right: 39px
    }

@media (min-width: 175px) {

.search-bar--count-empty .search-bar__form:before {
        right: 55px
    }
      }

@media (max-width: 767px) {
    .topbar-activate .search-bar {
      top: calc(48px + 30px);
    }
    .topbar-activate .search-bar--404 {
      top: auto;
      opacity: 1;
    }
  }

.search-bar--404 {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
  -webkit-transform: none;
          transform: none
}

.search-bar--404 .search-bar__container {
    padding: 0;
  }

.search-bar--404 .search-bar__button {
    margin-left: 0;
  }

.search-bar--404 .search-bar__input {
    padding-left: 6px;
  }

.search-bar__form {
  position: relative;
  display: -webkit-flex;
  display: flex
}

@media (min-width: 768px) {

.search-bar__form {
    border: 1px solid {{ settings.color_hr }};
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.12)
}
    .search-bar__form:before,
    .search-bar__form:after {
      display: none;
    }
  }

.search-bar__button,
.search-bar__button-close {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  visibility: visible;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 20px;
  cursor: pointer;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%)
}

@media (min-width: 768px) {

.search-bar__button,
.search-bar__button-close {
    left: 15px
}
  }

.search-bar__button {
  display: none
}

@media (min-width: 768px) {

.search-bar__button {
    display: block
}
  }

@media (min-width: 768px) {

.search-bar__button-close{
    left: auto;
    right: 17px
}
  }

.search-bar__button {
  display: none
}

@media (min-width: 768px) {

.search-bar__button {
    display: block
}
  }

.search-bar__button-icon {
  width: 21px;
  height: 21px;
}

.search-bar__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  background: rgba(255, 255, 255, 0.94);
  opacity: 0;
  pointer-events: none;
}

.search-bar__input {
  border: none;
  margin-left: 25px;
  padding: 0 10px;
  -webkit-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 60px;
  line-height: 60px
}

@media (min-width: 768px) {

.search-bar__input {
    margin-left: 40px
}
  }

.search-bar__input:focus {
    box-shadow: none;
  }

.search-bar__input::-webkit-input-placeholder {
    color: #999999;
  }

.search-bar__input::-moz-placeholder {
    color: #999999;
  }

.search-bar__input:-ms-input-placeholder {
    color: #999999;
  }

.search-bar__input::placeholder {
    color: #999999;
  }

.search-bar__input::-ms-clear {
    display: none;
  }

.is-search-active .search-bar--header {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    top: 30px
  }

@media (max-width: 849px) {

.is-search-active .search-bar--header {
      z-index: 111
  }
    }

@media (min-width: 1025px) {

.is-search-active .search-bar--header {
      top: 36px
  }
    }

.is-search-active .search-bar__overlay {
    top: calc(48px + 30px + 1px);
    height: 100vh;
    opacity: 1;
    z-index: 99;
    pointer-events: visible
  }

@media (min-width: 1025px) {

.is-search-active .search-bar__overlay {
      top: calc(71px + 36px + 1px)
  }
    }

.search-dropdown {
  position: fixed;
  top: calc(48px + 30px);
  left: 0;
  z-index: 100;
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
  max-height: calc(100% - 30px - 48px);
  background-color: #ffffff;
  border-top: 1px solid #808080
}

@media (min-width: 1025px) {

.search-dropdown {
    top: calc(71px + 30px);
    border-bottom: 1px solid #808080
}
  }

.search-dropdown__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap
}

@media (min-width: 1025px) {

.search-dropdown__inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: stretch;
            align-items: stretch;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap
}
  }

.search-dropdown__sidebar {
  width: 100%;
  padding: 30px 0
}

@media (max-width: 1024px) {

.search-dropdown__sidebar {
    -webkit-order: 1;
            order: 1
}
  }

@media (min-width: 1025px) {

.search-dropdown__sidebar {
    padding: 36px 32px 36px 0;
    -webkit-flex: 0 0 212px;
            flex: 0 0 212px;
    border-right: 1px solid #979797
}
  }

.search-dropdown__results {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex-direction: column-reverse;
          flex-direction: column-reverse;
  width: 100%
}

@media (max-width: 1024px) {

.search-dropdown__results {
    -webkit-order: 0;
            order: 0
}
  }

@media (min-width: 1025px) {

.search-dropdown__results {
    width: auto;
    padding: 36px 0 20px 32px
}
  }

.search-dropdown__sidebar-item {
  margin-bottom: 26px
}

.search-dropdown__sidebar-item:last-child {
    margin-bottom: 0;
  }

.search-dropdown__corrected {
  margin-bottom: 24px
}

@media (min-width: 1025px) {

.search-dropdown__corrected {
    margin-bottom: 27px
}
  }

.search-dropdown__title {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.08333em;
  font-weight: 700;
  margin-bottom: 8px;
  color: #000;
  text-transform: uppercase
}

@media (min-width: 1025px) {

.search-dropdown__title {
    margin-bottom: 8px
}
  }

.search-dropdown__link {
  margin-bottom: 8px;
  color: #333333;
  cursor: pointer;
  text-transform: capitalize;
  text-decoration: none
}

.search-dropdown__link:hover {
    text-decoration: underline;
  }

.search-dropdown__collections-data {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.search-dropdown__view-all {
  width: 100%;
  padding: 18px 0 20px;
  border-bottom: 1px solid #808080
}

@media (min-width: 1025px) {

.search-dropdown__view-all {
    padding: 0;
    border-bottom: none;
    margin-bottom: 18px
}
  }

.search-dropdown__no-result {
  padding: 16px 0 0
}

@media (min-width: 1025px) {

.search-dropdown__no-result {
    padding: 0
}
  }

.search-dropdown__no-result p {
  margin-bottom: 12px;
}

@media (min-width: 768px) {

.search-dropdown__overlay {
    position: absolute;
    top: 71px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: var(--c-black-gradient-012)
}
  }

@media (min-width: 1025px) {

.search-dropdown__overlay {
    top: var(--header-height-desktop)
}
  }

.search-layout {
  position: relative;
  margin-bottom: 16px;
  overflow: hidden
}

@media (min-width: 1025px) {

.search-layout {
    margin-bottom: 65px
}
  }

.search-layout .collection-filter__list {
    display: none;
  }

.search-layout .collection-filter {
    padding-top: 23px
  }

@media (min-width: 1025px) {

.search-layout .collection-filter {
      border-top: 1px solid #808080
  }
    }

@media (min-width: 1025px) {

.search-layout__section-wrapper {
    margin: 0 auto;
    max-width: 1600px;
    padding-left: 24px;
    padding-right: 24px
}

  }

.search-layout__filter-container {
  position: relative;
  padding-top: 23px
}

@media (min-width: 1025px) {

.search-layout__filter-container {
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid #808080
}
  }

.search-layout__inner {
  position: relative;
}

.search-layout__status {
  min-width: 200px;
  text-align: left
}

@media (min-width: 1025px) {

.search-layout__status {
    text-align: right
}
  }

.search-layout__wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: stretch;
          align-items: stretch;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  height: 53px;
  margin-bottom: 15px;
  border-bottom: 1px solid {{ settings.color_hr }}
}

@media (min-width: 1025px) {

.search-layout__wrapper {
    position: absolute;
    margin-top: 0;
    right: 7px;
    top: -50px;
    border: 0;
    z-index: 2
}
  }

.search-layout__header {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-end;
          justify-content: flex-end
}

@media (min-width: 1025px) {

.search-layout__header {
    width: 100%;
    height: 40px;
    padding-left: 0;
    -webkit-justify-content: stretch;
            justify-content: stretch
}
  }

.search-layout__qty {
  position: relative;
  padding-right: 20px
}

@media (min-width: 1025px) {

.search-layout__qty {
    width: 50%;
    padding: 0;
    text-align: right
}
    .search-layout__qty > span {
      display: inline-block;
      -webkit-transform: translateX(50%);
              transform: translateX(50%);
    }
  }

.search-layout__qty:after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: {{ settings.color_hr }};
    opacity: 0.2
  }

@media (min-width: 1025px) {

.search-layout__qty:after {
      display: none
  }
    }

.search-layout__filter {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%
}

@media (min-width: 1025px) {

.search-layout__filter {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: flex-end;
            justify-content: flex-end
}
  }

.search-layout__filter .form__select-wrapper {
    width: auto
  }

.search-layout__filter .form__select-wrapper select {
      min-width: 0;
      padding: 0;
      font-family: 'BrownStd';
    }

.search-layout__filter .form__select-wrapper select,
    .search-layout__filter .form__select-wrapper .ss-selected-option {
      color: #222222;
    }

.search-layout__filter .form__select-icon {
    color: #5B6268;
  }

.search-layout__button {
  width: 50%;
  border-right: 1px solid {{ settings.color_hr }}
}

@media (min-width: 1025px) {

.search-layout__button {
    display: none
}
  }

.search-layout__button-icon {
  width: 15px;
  margin-left: 8px;
  color: #5B6268;
}

.search-layout__select {
  width: 87px;
  padding: 0 20px;
}

.search-layout__content {
  width: 100%;
}

.slideout__category-filter {
  display: none;
}

.section-header {
  position: relative;
  padding: 25px 0;
  text-align: center
}

@media (min-width: 1025px) {

.section-header {
    padding: 50px 0
}
  }

.section-header--related {
  padding: 10px 0 18px
}

@media (min-width: 1025px) {

.section-header--related {
    padding: 0 0 24px;
    text-align: left
}
  }

.section-header--service {
  margin-bottom: 0
}

@media (min-width: 768px) {

.section-header--service {
    padding-left: 25px
}
  }

@media (min-width: 1025px) {

.section-header--service .section-header__inner {
      padding-right: 12px;
      padding-left: 12px
  }
    }

.section-header__inner {
  font-size: 1.25rem;
  line-height: 1.2;
  letter-spacing: -0.0125em;

  position: relative;
  padding-right: 15px;
  color: #000000;
  font-weight: bold;
  text-transform: none;
}

@media (min-width: 1025px) {

.section-header--suggestions {
    margin-bottom: 16px
}
  }

.shopify-section-seo-map {
  background-color: #F8F8F8;
}

.seo-map {
  padding: 30px 16px
}

@media(min-width: 768px){

.seo-map {
    padding: 95px 16px
}
  }

.seo-map__title {
  font-size: 1.125rem;
  line-height: 1.33333;
  letter-spacing: -0.01222em;
  margin-bottom: 12px;
}

.seo-text {
  padding: 30px 0 28px;
  background: #F8F8F8
}

@media (min-width: 1025px) {

.seo-text {
    padding: 52px 0 38px
}
  }

.seo-text__title {
  font-size: 1.125rem;
  line-height: 1.33333;
  letter-spacing: -0.01222em;
}

.seo-text__description {
  font-size: 0.8125rem;
  line-height: 1.69231;

  margin-top: 12px;
}

.sign-up {
  padding: 42px 0 40px;
  background: #000
}

@media (min-width: 1025px) {

.sign-up {
    padding: 41px 0 42px
}
  }

@media (max-width: 1024px) {

.sign-up__grid > .sign-up__block:not(:last-child) {
      margin-bottom: 0
  }
    }

.sign-up__content {
  color: #ffffff
}

@media (max-width: 1024px) {

.sign-up__content {
    text-align: center;
    margin-bottom: 5px
}
  }

.sign-up__title {
  color: #ffffff;
}

.sign-up__description {
  margin-top: 15px
}

@media (min-width: 1025px) {

.sign-up__description {
    margin-top: 17px;
    padding-right: 145px
}
  }

.sign-up__form form.klaviyo-form {
    padding-top: 0!important
  }

.sign-up__form form.klaviyo-form * {
      font-family: 'BrownStd', sans-serif!important;
    }

.sign-up__form form.klaviyo-form input::-webkit-input-placeholder {
      font-family: 'BrownStd', sans-serif!important;
      font-size: 13px!important;
    }

.sign-up__form form.klaviyo-form input::-moz-placeholder {
      font-family: 'BrownStd', sans-serif!important;
      font-size: 13px!important;
    }

.sign-up__form form.klaviyo-form input:-ms-input-placeholder {
      font-family: 'BrownStd', sans-serif!important;
      font-size: 13px!important;
    }

.sign-up__form form.klaviyo-form input::placeholder {
      font-family: 'BrownStd', sans-serif!important;
      font-size: 13px!important;
    }

.sign-up__form form.klaviyo-form > .needsclick {
      -webkit-flex-direction: row!important;
              flex-direction: row!important;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      grid-gap: 16px;
      gap: 16px
    }

.sign-up__form form.klaviyo-form > .needsclick > [data-testid="form-row"] {
        width: calc(50% - 8px);
        -webkit-align-items: flex-start!important;
                align-items: flex-start!important;
        -webkit-flex:auto;
                flex:auto;
      }

.sign-up__form form.klaviyo-form [data-testid="form-row"]:first-child p > span {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center;
      background-color: #E3F5F4;
      border-radius: 4px;
      color: #333
    }

.sign-up__form form.klaviyo-form [data-testid="form-row"]:first-child p > span img {
        background-color: #01BCAB;
        border-radius: 4px;
        width: 40px;
        height: 40px;
        padding: 8px;
        margin-right: 13px;
      }

.skeleton {
	position: relative;
	border-radius: 2px;
	background-color: #eeeeee;
	overflow: hidden;
  max-width: 100%
}

.skeleton::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: inherit;
		width: 100%;
		-webkit-transform: translateX(0) scaleX(0);
		        transform: translateX(0) scaleX(0);
		-webkit-transform-origin: left center;
		        transform-origin: left center;
		background: linear-gradient(to left, rgba(235, 235, 235, 0), rgba(235, 235, 235, 1) 40%, rgba(235, 235, 235, 1) 60%, rgba(235, 235, 235, 0));
    -webkit-animation: skelSwoosh 1.1s infinite ease-in;
            animation: skelSwoosh 1.1s infinite ease-in;
	}

.skeleton--w-220 {
  width: 220px;
}

.skeleton--w-180 {
  width: 180px;
}

.skeleton--w-140 {
  width: 140px;
}

.skeleton--w-140 {
  width: 140px;
}

.skeleton--w-100 {
  width: 100px;
}

.skeleton--w-70 {
  width: 70px;
}

.skeleton--w-full {
  width: 100%;
}

.skeleton--line {
  height: 16px;
}

.skeleton--button {
  height: 48px;
}

.skeleton--button-small {
  height: 40px;
}

.skeleton--box {
  height: 12rem;
}

.skeleton--circle {
  border-radius: 50%;
}

@-webkit-keyframes skelSwoosh {
	0%, 10% {
		-webkit-transform: translateX(-30%) scaleX(0.3);
		        transform: translateX(-30%) scaleX(0.3);
	}
	100% {
		-webkit-transform: translateX(100%) scaleX(1);
		        transform: translateX(100%) scaleX(1);
	}
}

@keyframes skelSwoosh {
	0%, 10% {
		-webkit-transform: translateX(-30%) scaleX(0.3);
		        transform: translateX(-30%) scaleX(0.3);
	}
	100% {
		-webkit-transform: translateX(100%) scaleX(1);
		        transform: translateX(100%) scaleX(1);
	}
}

.plp-grid__skeleton {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  grid-gap: 12px;
  gap: 12px
}

.plp-grid__skeleton .skeleton--box:after {
    content: '';
    display: block;
    padding-top: 100%;
  }

.plp-grid__skeleton .skeleton--box {

    width: 100%;
    height: auto;
    margin-bottom: 12px;
  }

.skeleton--search-dropdown {
  padding: 16px 0;
  border-bottom: 1px solid #808080
}

@media (min-width: 1025px) {

.skeleton--search-dropdown {
    border-bottom: none
}
  }

.skeleton--search-dropdown .skeleton:nth-child(2) {
      margin-top: 10px;
    }

@media (max-width: 1024px) {

.skeleton--search-dropdown .skeleton__inner {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: flex-start;
              justify-content: flex-start;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap
  }
    }

@media (max-width: 1024px) {

.skeleton--search-dropdown .skeleton__content {
      margin-left: 16px
  }
    }

.skeleton--search-dropdown .skeleton--box:after {
    content: '';
    display: block;
    padding-top: 100%;
  }

.skeleton--search-dropdown .skeleton--box {

    height: auto
  }

@media (min-width: 1025px) {

.skeleton--search-dropdown .skeleton--box {
      width: 100%
  }
    }

.skeleton--search-dropdown .skeleton__box {
    margin-bottom: 0
  }

@media (max-width: 1024px) {

.skeleton--search-dropdown .skeleton__box {
      width: 100px
  }
    }

@media (min-width: 1025px) {

.skeleton--search-dropdown .skeleton__box {
      margin-bottom: 19px
  }
    }

.skeleton--search-suggestions {
  margin-bottom: 10px;
}

.skeleton--search-dropdown-results {
  padding-top: 18px;
  padding-bottom: 22px;
  border-bottom: 1px solid #808080
}

@media (min-width: 1025px) {

.skeleton--search-dropdown-results {
    width: 100%;
    padding-top: 0;
    border-bottom: none
}
  }

.slideout {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  top: 0;
}

.slideout__close {
  display: inline-block
}

.slideout__close:before,
  .slideout__close:after {
    width: 100%;
    background: #333333;
  }

.slideout__button-text {
  display: none;
  margin-left: 8px;
}

.slideout__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  pointer-events: none;
}

.slideout--active {
  opacity: 1;
  background: rgba(0, 0, 0, 0.1);
  z-index: 101;
  pointer-events: visible
}

.slideout--active .slideout__overlay {
    opacity: 1;
    pointer-events: unset;
  }

.slideout--right {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap
}

.slideout--right .slideout__wrapper {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

.slideout--header {
  top: 0 !important;
  height: 100vh !important;
  z-index: 100
}

.slideout--header .slideout__wrapper {
    overflow: hidden;
    max-width: 100%;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    max-width: 331px;
    border-right: 1px solid #979797;
  }

.slideout--header .slideout__overlay {
    top: calc(48px + 30px);
  }

.slideout--header .slideout__inner {
    overflow-x: hidden;
    padding: 0;
    height: 100%;
    max-height: unset;
  }

.slideout--header .slideout__button {
    position: static;
    margin: 22px 24px;
  }

.slideout--header .slideout__button-text {
    display: block;
  }

.slideout--cart-dropdown {
  -webkit-align-items: flex-end;
          align-items: flex-end
}

.slideout--cart-dropdown .slideout__wrapper {
    width: 100%;
    max-width: 400px;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

.slideout--cart-dropdown .slideout__inner {
    height: 100%;
    padding: 20px;
  }

.slideout__wrapper {
  transition-property: opacity, transform;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  position: relative;
  max-width: 375px;
  background: #ffffff;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  height: 100%;
  z-index: 1;
  overflow: auto;
}

.slideout--active .slideout__wrapper {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slideout__inner {
  z-index: 101;
  overflow: auto;
  padding: 0 24px;
}

.slideout__button {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  position: absolute;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  top: 21px;
  right: 18px;
  color: #7088C1;
  z-index: 102
}

.slideout__button path {
    fill: #7088C1;
  }

.slideout__button .slideout__close {
    width: 20px;
    height: 20px;
  }

.slideout--has-footer .slideout__inner {
    max-height: calc(100% - 55px);
  }

@media (min-width: 1025px) {

.sideout--hide-desktop {
    display: none
}
  }

@media (min-width: 1025px) {

.slideout--filter {
    display: block;
    position: static;
    position: initial;
    opacity: 1;
    z-index: 10;
    pointer-events: auto
}
  }

.slideout--filter .slideout__wrapper {
    max-width: 320px;
    padding: 0;
    background: #ffffff
  }

@media (min-width: 1025px) {

.slideout--filter .slideout__wrapper {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      position: static;
      position: initial;
      max-width: 100%;
      -webkit-transform: none;
              transform: none;
      -webkit-transform: initial;
              transform: initial;
      overflow: visible;
      overflow: initial
  }
    }

.slideout--filter .slideout__inner {
    z-index: 1;
  }

.slideout--filter .slideout__inner {
    overflow: visible;
    overflow: initial;
  }

.slideout--filter .slideout__button {
    color: #bbbbbb;
  }

.slideout--filter .slideout__header {
    padding: 20px;
    border-bottom: 1px solid {{ settings.color_hr }}
  }

@media (min-width: 1025px) {

.slideout--filter .slideout__header {
      padding: 0 0 20px 0
  }
    }

.slideout--filter .slideout__footer {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    padding: 20px
  }

@media (min-width: 1025px) {

.slideout--filter .slideout__footer {
      display: none
  }
    }

.slideout--filter .slideout__cta {
    width: 50%;
    height: 40px;
    min-width: 0;
    margin-right: 16px;
    padding-left: 10px;
    padding-right: 10px;
    border-width: 1px
  }

.slideout--filter .slideout__cta:last-child {
      margin-right: 0;
    }

.slideout--find-in-store {
  -webkit-align-items: flex-end;
          align-items: flex-end;
  background: rgba(255, 255, 255, 0.9)
}

.slideout--find-in-store .slideout__wrapper {
    width: 325px
  }

@media (min-width: 768px) {

.slideout--find-in-store .slideout__wrapper {
      width: 400px
  }
    }

.slideout--find-in-store .slideout__inner {
    height: 100%;
    padding: 0;
  }

.slideout--find-in-store .slideout__content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    height: 100%;
  }

.slideout--find-in-store .slideout__header {
    position: relative;
    padding: 20px 18px;
    border-bottom: 1px solid #808080;
    text-align: center;
  }

.slideout--find-in-store .slideout__header-title {
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 700;
  }

.slideout--find-in-store .slideout__header-close {
    position: absolute;
    right: 18px;
    top: 25px;
    width: 12px;
    height: 12px;
    color: #aaaaaa
  }

@media (min-width: 1025px) {

.slideout--find-in-store .slideout__header-close {
      right: 24px
  }
    }

.slideout--find-in-store .slideout__content-inner {
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
  }

.slideout--cart-slideout .slideout__wrapper {
    overflow: hidden;
    border-left: 1px solid #4E6759;
    width: 330px;
    max-width: 100%
  }

@media (min-width: 1025px) {

.slideout--cart-slideout .slideout__wrapper {
      width: 400px
  }
    }

.slideout--cart-slideout .slideout__button {
    display: none;
  }

.slideout--cart-slideout .slideout__inner {
    overflow: hidden;
    padding: 0;
    height: 100%;
  }

.slideout--cart-slideout .slideout__overlay {
    background: rgba(255, 255, 255, 0.94);
  }

.social-links__item:not(:last-child) {
  margin-right: 20px;
}

.social-links__link {
  display: -webkit-flex;
  display: flex;
  color: #111111;
}

.social-links__icon {
  width: 20px;
  height: 20px;
}

@media (min-width: 1025px) {

.social-links--newsletter-mobile {
    display: none
}
  }

.social-links--newsletter-desktop {
  display: none
}

@media (min-width: 1025px) {

.social-links--newsletter-desktop {
    display: -webkit-flex;
    display: flex
}
  }

.social-media {
  margin-top: 36px;
}

.social-media__content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.social-media__item {
  margin-right: 14px;
}

.social-media__link {
  display: inline-block;
}

.social-media__icon {
  width: 24px;
  height: 24px;
}

.social-media--modal {
  margin-top: 20px;
}

.social-media__icon--facebook {
  color: #4460A0;
}

.social-media__icon--globe {
  width: 22px;
  height: 22px;
  color: #BBBBBB;
}

.cart-layout__spiff-image {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}

.spiff-add-to-cart button {
  height: 40px;
  min-width: 170px;
  padding: 10px 20px;
  border: 1px solid #333 !important;
  text-transform: uppercase;
  font-weight: bold;
}

@media (min-width: 768px) {
  .spiff-add-to-cart button {
    width: 170px !important;
 }
}

.spiff-add-to-cart button:hover {
  box-shadow: none;
  background-color: #00bdac !important;
  color: #fff;
  border-color: #00bdac;
}

.spin-loading__icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  -webkit-animation: spinner 400ms linear infinite;
          animation: spinner 400ms linear infinite;
  border-top-color: #ffffff;
  border-left-color: #ffffff;
  border-bottom-color: #ffffff;
  border-right-color: transparent;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.spin-loading--delivery-method {
  text-align: center
}

.spin-loading--delivery-method .spin-loading__icon {
    border-top-color: #000;
    border-left-color: #000;
    border-bottom-color: #000;
  }

.spin-loading--praline-box-store {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 11;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center
}

.spin-loading--praline-box-store .spin-loading__icon {
    border-top-color: #000;
    border-left-color: #000;
    border-bottom-color: #000;
  }

/*
* Must use !important because this file need to overwrite app style
 */

.stockist-result-distance {
  top: 22px !important
}

.stockist-result-distance >.stockist-icon {
    font-size: 24px !important;
  }

.stockist-result-details {
  margin-top: 4px !important;
}

.stockist-result-image {
  display: none;
}

#stockist-widget .stockist-result .stockist-result-name {
  font-weight: 600 !important;
}

.stockist-result-distance {
  color: #7d8694;
}

.stockist-powered-by-link,
.stockist-result-filters {
  display: none;
}

.gm-style {
  font-family: 'BrownStd' !important;
}

.stockist-result-phone a {
  text-decoration: none
}

.stockist-result-phone a:before {
    content: "Ph. ";
  }

.stockist-result-details a {
  color: #5D626F;
}

.gm-style .gm-style-iw .stockist-result-details > *:not(:first-child) {
  margin-top: 6px !important;
}

.stockist-search-filters {
  margin-top: 13px !important;
}

.stockist-search-filter-checkbox label {
  position: relative;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
          align-items: center;
  padding-left: 28px !important;
  height: 22px;
  margin-bottom: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none
}

.stockist-search-filter-checkbox label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    width: 18px;
    height: 18px;
    border: 1px solid {{ settings.color_primary_button }};
    border-radius: 2px;
  }

.stockist-search-filter-checkbox label:after {
    content: '';
    position: absolute;
    top: 6px;
    left: 4px;
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
    display: none;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
   }

.stockist-search-filter-checkbox--active:before {
    border-color: {{ settings.color_primary_button }};
    background-color: {{ settings.color_primary_button }};
  }

.stockist-search-filter-checkbox--active:after {
    display: block !important;
  }

.gm-style-iw + div {
  width: 16px;
  height: 16px
}

.gm-style-iw + div:before,
  .gm-style-iw + div:after {
    position: absolute;
    left: 6px;
    top: -1px;
    content: '';
    height: 16px;
    width: 1px;
    background-color: #F1F1F1;
  }

.gm-style-iw + div:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }

.gm-style-iw + div:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }

.gm-style-iw + div img {
    display: none;
  }

.stockist-result-message {
  border: 0 !important;
}

.stockist-result-email a {
  word-break: break-all;
}

.page-layout #stockist-widget * {
      color: #000000;
    }

.page-layout #stockist-widget a:not([href^="tel:"]) {
      color: {{ settings.color_hr }};
    }

.page-layout #stockist-widget .stockist-query-entry {
    display: block
  }

@media (min-width: 1025px) {

.page-layout #stockist-widget .stockist-query-entry {
      display: table 
  }
    }

.page-layout #stockist-widget .stockist-query-entry:before {
      font-size: 0.8125rem;
      line-height: 1.38462;
      content: 'Find stores near this location';
      display: block;
      font-family: 'BrownStd';
      color: #000;
    }

.page-layout #stockist-widget .stockist-icon-search:before {
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.0625em;
    display: block;
    content: 'Search';
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'BrownStd';
    color: #ffffff;
  }

.page-layout #stockist-widget .stockist-query-entry .stockist-search-button button {
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    display: inline-block;
    min-width: 200px;
    padding: 16px 35px;
    text-align: center;
    cursor: pointer;
    width: 100%;
    height: 48px;
    margin-top: 16px;
    margin-left: 0;
    padding-top: 15px;
    padding-bottom: 16px;
    background: {{ settings.color_primary_button }};
    color: {{ settings.color_primary_button_text }};
    border-color: {{ settings.color_primary_button_border }};
    border-radius: 0
  }

@media (min-width: 1025px) {

.page-layout #stockist-widget .stockist-query-entry .stockist-search-button button {
      min-width: 200px;
      margin-top: 18px
  }
    }

.page-layout #stockist-widget .stockist-query-entry .stockist-search-button button:focus,
    .page-layout #stockist-widget .stockist-query-entry .stockist-search-button button:hover {
      box-shadow: none;
      background-color: {{ settings.color_primary_button_hover }};
      color: {{ settings.color_primary_button_hover_text }};
      border-color: {{ settings.color_primary_button_hover_border }};
    }

.page-layout #stockist-widget .stockist-icon {
    font-family: inherit
  }

.page-layout #stockist-widget .stockist-icon.stockist-icon-search {
      top: 0;
    }

.page-layout #stockist-widget .stockist-query-entry .stockist-search-field {
    font-size: 0.8125rem;
    line-height: 1.38462;
    margin-top: 4px;
    height: 48px;
    border: 1px solid #000000
  }

@media (min-width: 1025px) {

.page-layout #stockist-widget .stockist-query-entry .stockist-search-field {
      max-width: 324px
  }
    }

.page-layout #stockist-widget .stockist-query-entry .stockist-search-field::-webkit-input-placeholder {
      color: #000;
    }

.page-layout #stockist-widget .stockist-query-entry .stockist-search-field::-moz-placeholder {
      color: #000;
    }

.page-layout #stockist-widget .stockist-query-entry .stockist-search-field:-ms-input-placeholder {
      color: #000;
    }

.page-layout #stockist-widget .stockist-query-entry .stockist-search-field::placeholder {
      color: #000;
    }

.page-layout #stockist-widget .stockist-search-form {
    margin-bottom: 8px;
    padding-top: 12px;
    padding-bottom: 16px
  }

@media (min-width: 1025px) {

.page-layout #stockist-widget .stockist-search-form {
      padding-top: 28px;
      padding-bottom: 32px;
      margin-bottom: 32px;
      position: relative
  }

      .page-layout #stockist-widget .stockist-search-form:after {
        content: "";
        position: absolute;
        left: -50%;
        bottom: 0;
        width: 200%;
        height: 1px;
        background: {{ settings.color_hr }};
      }
    }

.page-layout #stockist-widget .stockist-horizontal {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    overflow: visible;
    overflow: initial
  }

@media (min-width: 1025px) {

.page-layout #stockist-widget .stockist-horizontal {
      min-height: 690px
  }
    }

.page-layout #stockist-widget .stockist-horizontal .stockist-map {
      margin-bottom: 8px;
    }

.page-layout #stockist-widget .stockist-horizontal .stockist-side-panel {
      -webkit-order: 2;
              order: 2
    }

@media (min-width: 1025px) {

.page-layout #stockist-widget .stockist-horizontal .stockist-side-panel {
        width: 394px
    }
      }

.page-layout #stockist-widget.stockist-responsive .stockist-result-list {
    max-height: 692px;
    border: 1px solid {{ settings.color_hr }};
    box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.1)
  }

@media (min-width: 1025px) {

.page-layout #stockist-widget.stockist-responsive .stockist-result-list {
      height: 100% !important;
      max-height: 692px
  }
    }

.page-layout #stockist-widget.stockist-responsive .stockist-result-list::-webkit-scrollbar {
      width: 14px;
      background-color: #ffffff;
      box-shadow: 0 0 0 1px #000;
    }

.page-layout #stockist-widget.stockist-responsive .stockist-result-list::-webkit-scrollbar-thumb {
      background-color: #808080;
      width: 3px;
      border: 4px solid #ffffff;
      border-radius: 6px;
    }

.page-layout #stockist-widget.stockist-responsive .stockist-result-list .stockist-list-result:before {
      display: none;
    }

.page-layout #stockist-widget.stockist-responsive .stockist-result-list ul {
      margin: 0;
    }

.page-layout #stockist-widget.stockist-responsive .stockist-result-list ul>li {
      position: relative;
      padding: 24px 15px 20px 0;
      border-top: 0
    }

.page-layout #stockist-widget.stockist-responsive .stockist-result-list ul>li:after {
        content: '';
        position: absolute;
        top: 0;
        left: 24px;
        width: calc(100% - 46px);
        height: 1px;
        background: {{ settings.color_hr }};
      }

.page-layout #stockist-widget.stockist-responsive .stockist-result-list ul>li:first-child {
        border-top: 0
      }

.page-layout #stockist-widget.stockist-responsive .stockist-result-list ul>li:first-child:after {
          content: none;
        }

@media (min-width: 1025px) {

.page-layout #stockist-widget.stockist-responsive .stockist-result-list ul>li {
        padding-top: 18px;
        padding-bottom: 12px
    }
      }

.page-layout #stockist-widget.stockist-responsive .stockist-result-list .stockist-selected {
      border-left-width: 4px;
      border-left-color: #000000;
    }

.page-layout #stockist-widget .stockist-list-result .stockist-result-directions-link {
    display: block;
    margin-top: 5px
  }

.page-layout #stockist-widget .stockist-list-result .stockist-result-directions-link a {
      color: {{ settings.color_hr }};
    }

.page-layout #stockist-widget.stockist-responsive .stockist-map {
    height: 500px
  }

@media (min-width: 1025px) {

.page-layout #stockist-widget.stockist-responsive .stockist-map {
      height: 692px
  }
    }

.page-layout #stockist-widget .stockist-result-list ul>li {
    border-left: 0;
  }

.page-layout #stockist-widget .stockist-result-name {
    font-size: 0.875rem;
    line-height: 1.71429;
    letter-spacing: 0;
    font-weight: 600;
    color: #000000;
  }

.page-layout .stockist-result-address {
    font-size: 0.8125rem;
    line-height: 1.53846;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: 2px
  }

.page-layout .stockist-result-address .stockist-result-addr-1 {
      display: none;
    }

.page-layout .stockist-result-custom-field,
  .page-layout .stockist-result-directions-link
  {
    font-size: 0.8125rem;
    line-height: 1.84615;
    letter-spacing: 0
  }

@media (min-width: 175px) {

.page-layout .stockist-result-custom-field,
  .page-layout .stockist-result-directions-link
  {
      padding-bottom: 3px !important
  }
    }

.page-layout #stockist-widget .stockist-result .stockist-result-custom-field span {
    display: block;
    font-weight: 600;
  }

.page-layout #stockist-widget .stockist-result .stockist-result-custom-field--link {
    position: absolute;
    bottom: 20px;
    left: 140px
  }

@media (min-width: 1025px) {

.page-layout #stockist-widget .stockist-result .stockist-result-custom-field--link {
      bottom: 12px
  }
    }

.page-layout #stockist-widget .stockist-result .stockist-result-custom-field--link span {
      display: none;
    }

.page-layout #stockist-widget .gm-style-iw .stockist-result .stockist-result-custom-field--link {
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1px solid #F1F1F1;
    text-align: center
  }

@media (min-width: 1025px) {

.page-layout #stockist-widget .gm-style-iw .stockist-result .stockist-result-custom-field--link {
      bottom: 20px;
      left: 120px;
      border-top: 0;
      text-align: left
  }
    }

.page-layout #stockist-widget .gm-style-iw .stockist-result .stockist-result-custom-field--link a {
      position: relative;
      display: block;
      background: #ffffff;
      text-decoration: none;
      z-index: 11
    }

@media (min-width: 1025px) {

.page-layout #stockist-widget .gm-style-iw .stockist-result .stockist-result-custom-field--link a {
        position: static;
        background: transparent;
        text-decoration: underline;
        z-index: 0
    }
      }

.page-layout #stockist-widget .gm-style-iw .stockist-result .stockist-result-custom-field--link span {
      display: none;
    }

.page-layout #stockist-widget .stockist-result .stockist-result-custom-field--phone {
    margin-top: 16px
  }

.page-layout #stockist-widget .stockist-result .stockist-result-custom-field--phone span {
      display: none;
    }

.page-layout #stockist-widget .stockist-list-result>div {
    padding-left: 54px;
  }

.page-layout #stockist-widget .stockist-list-result .stockist-result-distance {
    padding-left: 0;
    width: 60px;
  }

.page-layout #stockist-widget .stockist-icon.stockist-icon-marker {
    width: 20px;
    height: 20px;
    margin-left: 23px;
    background: url({{ 'pin.png' | asset_url }}) center center no-repeat;
    background-size: contain
  }

.page-layout #stockist-widget .stockist-icon.stockist-icon-marker:before {
      display: none;
    }

.page-layout #stockist-widget .stockist-horizontal .stockist-map {
    left: 426px;
  }

.page-layout .gm-style-iw + div:before,
  .page-layout .gm-style-iw + div:after {
    width: 2px;
    background-color: #786140;
  }

.page-layout #stockist-widget .gm-style-iw .stockist-map-result {
    padding-left: 20px;
    padding-top: 16px;
    padding-bottom: 30px
  }

@media (min-width: 1025px) {

.page-layout #stockist-widget .gm-style-iw .stockist-map-result {
      min-width: 210px;
      padding-bottom: 8px
  }
    }

.style-guide__section {
  margin: 30px 0;
}

.style-guide__carousel-slide {
  position: relative;
}

.style-guide__carousel-slide:before {
    content: '';
    display: block;
    padding-top: 56.25%;
  }

.style-guide__carousel-slide {
  background-color: #efefef;
  border: 2px solid {{ settings.color_hr }};
  color: {{ settings.color_branding }};
  width: 100%;
}

.style-guide__carousel-label {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 80px;
  font-weight: 700;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (min-width: 768px) {

.style-guide__carousel--mobile {
    display: -webkit-flex;
    display: flex
}
  }

.product-detail .swym-btn-container .swym-add-to-wishlist.swym-heart:after, .product .swym-btn-container .swym-add-to-wishlist.swym-heart:after {
    content: "\f004";
  }

.product-detail .swym-button-bar, .product .swym-button-bar {
    display: none;
    width: 100%;
    margin: 24px auto 0
  }

@media (min-width: 1025px) {

.product-detail .swym-button-bar, .product .swym-button-bar {
      margin: 24px 0 0
  }
    }

.product-detail .swym-btn-container[data-position=default] .swym-add-to-wishlist.swym-iconbtnlink, .product .swym-btn-container[data-position=default] .swym-add-to-wishlist.swym-iconbtnlink {
    font-size: 0.8125rem;
    line-height: 1;
    font-family: 'BrownStd';
    font-weight: 500;
    tab-index: 20px
  }

.product-detail .swym-btn-container[data-position=default] .swym-add-to-wishlist.swym-iconbtnlink:after, .product .swym-btn-container[data-position=default] .swym-add-to-wishlist.swym-iconbtnlink:after {
      font-size: 18px;
      width: auto;
    }

.product-detail .swym-add-to-wishlist, .product .swym-add-to-wishlist {
    color: #E07F2F !important;
  }

.product-detail .swym-fave-count, .product .swym-fave-count {
   display: none !important;
  }

.product-detail .swym-add-to-wishlist:after, .product .swym-add-to-wishlist:after {
    color: #E07F2F !important;
  }

.product-detail .swym-wishlist-cta, .product .swym-wishlist-cta {
    text-transform: none;
  }

.product-detail .product-detail__wishlist, .product .product-detail__wishlist {
    display: inline-block;
    margin-top: 24px;
    text-decoration: none;
  }

.product-detail .product-detail__wishlist-icon, .product .product-detail__wishlist-icon {
    width: 18px;
    height: 18px;
    margin-right: 6px;
    color: #E07F2F;
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }

.table-size {
  overflow: auto;
}

.table-size__table {
  min-width: 480px;
  margin-bottom: 15px;
  border-collapse: collapse;
}

.table-size__table {
  width: 100%
}

.table-size__table th {
    background: {{ settings.color_branding }};
    color: #ffffff;
    text-align: left;
  }

.table-size__table th,
  .table-size__table td {
    border: 0 solid {{ settings.color_branding }};
    padding: 9px 18px
  }

.table-size__table th:first-child, .table-size__table td:first-child {
      border-left-width: 1px;
    }

.table-size__table th:last-child, .table-size__table td:last-child {
      border-right-width: 1px;
    }

.table-size__table td {
    color: #5D626F;
    border-bottom-width: 1px
  }

.table-size__table td.table-size__col--no-padding {
      padding: 0;
    }

.table-size__image:before {
    content: '';
    display: block;
    padding-top: 55.02742%;
  }

.team-members {
  padding-top: 40px;
}

.team-members__headline-text {
  display: block;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid {{ settings.color_hr }};
}

@media (min-width: 1025px) {

.team-members__grid {
    margin-left: -8px;
    margin-right: -8px
}
  }

@media (min-width: 1025px) {

.team-members__grid {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: stretch;
            align-items: stretch;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
}
  }

@media (min-width: 1025px) {

.team-members__item {
    padding-left: 8px;
    padding-right: 8px
}
  }

.team-members__item {
  width: 100%;
  margin-bottom: 16px
}

@media (min-width: 1025px) {

.team-members__item {
    width: 33.333333%
}
  }

.team-members__inner {
  border: 1px solid {{ settings.color_hr }}
}

@media (min-width: 1025px) {

.team-members__inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    height: 100%
}
  }

.team-members__image-block {
  width: 100%;
}

.team-members__content-block {
  padding: 24px
}

@media (min-width: 1025px) {

.team-members__content-block {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: space-between;
            align-items: space-between;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%;
    -webkit-flex: 1 0 auto;
            flex: 1 0 auto
}
  }

.team-members__description {
  margin-top: 9px;
}

.team-members__read-more {
  margin-top: 11px;
  display: block;
}

.team-members__image:before {
    content: '';
    display: block;
    padding-top: 73.8255%;
  }

.text-block {
  padding-top: 30px;
  padding-bottom: 34px
}

@media (min-width: 1025px) {

.text-block {
    padding: 32px 20px 32px 40px;
    border: 1px solid #222222
}
  }

.text-block__item {
  margin-top: 32px
}

@media (min-width: 1025px) {

.text-block__item {
    margin-top: 40px
}
  }

.text-block__item:first-child {
    margin-top: 0;
  }

.text-block__title {
  margin-bottom: 10px;
  color: #ffffff;
}

.text-block__description {
  font-size: 0.875rem;
  line-height: 1.57143;
  color: #000000
}

.text-block__description a {
    color: #ffffff;
  }

.text-block--contact {
  margin-top: 24px;
  padding: 40px;
  border: 1px solid #808080
}

@media (min-width: 1025px) {

.text-block--contact {
    margin-top: 0
}
  }

.text-block--contact .text-block__title {
    font-size: 0.8125rem;
    line-height: 1.38462;
    letter-spacing: 0.07692em;
    text-transform: uppercase;
    font-weight: 700;

    margin-bottom: 4px;
    color: #000000;
  }

.text-block--contact .text-block__description,
  .text-block--contact .text-block__description a {
    font-size: 0.8125rem;
    line-height: 1.38462;
    color: #000000;

    color: #000000;
  }

.text-block--contact .text-block__item {
    margin-bottom: 24px;
    margin-top: 0;
  }

.text-block--contact .text-block__item:last-child {
    margin-bottom: 0;
  }

.topbar {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  width: 100%;
  position: relative;
  z-index: 100;
  background-color: #222222;
  overflow: hidden;
  max-height: 0;
  color: #ffffff
}

@media (min-width: 1025px) {

.topbar {
    z-index: 12
}
  }

.topbar-activate {
  background-color: #222222;
  position: relative
}

.topbar-activate .main {
    padding-top: calc(48px + 30px)
  }

@media (min-width: 1025px) {

.topbar-activate .main {
      padding-top: calc(71px + 36px)
  }
    }

.topbar-activate .topbar {
    max-height: 30px
  }

@media (min-width: 1025px) {

.topbar-activate .topbar {
      max-height: 36px
  }
    }

.topbar-activate .mega-menu {
    top: 48px
  }

@media (min-width: 1025px) {

.topbar-activate .mega-menu {
      top: 71px
  }
    }

.topbar-activate .slideout--header {
    top: calc(30px + 48px);
    height: calc(100vh - 30px - 48px);
  }

.topbar__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
  height: 30px
}

@media (min-width: 1025px) {

.topbar__inner {
    -webkit-flex-direction: row;
            flex-direction: row;
    height: 36px
}
  }

.topbar__block {
  font-size: 0.8125rem;
  line-height: 1;
  font-weight: 600;
  width: 100%;
}

.topbar__block--left {
  display: none
}

@media (min-width: 1025px) {

.topbar__block--left {
    display: block
}
  }

.topbar__block--left .icon-inline {
    height: 18px;
  }

.topbar__block--center {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap
}

.topbar__block--center .icon-inline {
    height: 15px;
    margin-right: 8px
  }

@media (max-width: 767px) {

.topbar__block--center .icon-inline {
      display: none
  }
    }

.topbar__block--right {
  display: none
}

@media (min-width: 1025px) {

.topbar__block--right {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap
}
  }

.topbar__text--left .icon-inline, .topbar__text--center .icon-inline {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
  }

.topbar__menu {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.topbar__nav-link {
  display: inline-block;
  padding: 0 2px;
  color: #ffffff;
  text-decoration: none
}

.topbar__nav-link:hover {
    color: #ffffff;
  }

.topbar__nav-link:last-child {
    padding-right: 0;
  }

.topbar__icon {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}

.topbar__text {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  color: #ffffff;
  text-align: center
}

.topbar__text .icon-inline {
    max-height: 18px;
    margin-right: 6px;
  }

.topbar__carousel {
  width: 100%
}

@media(min-width: 768px) {

.topbar__carousel {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center
}
  }

@media(min-width: 768px) {

.topbar__carousel a {
      position: relative;
      border-right: 2px solid #fff;
      padding: 0 5px
  }
      .topbar__carousel a:last-child {
        border-right: none;
      }
    }

.topbar__carousel:after {
    content: 'flickity';
    display: none
  }

@media(min-width: 768px) {

.topbar__carousel:after {
      content: none
  }
    }

.topbar__carousel .flickity-button {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center
  }

.topbar__carousel .flickity-button.previous {
      left: 0;
    }

.topbar__carousel .flickity-button.next {
      right: 0;
    }

.topbar__carousel .flickity-button .flickity-button-icon {
      width: 50%;
      height: 50%;
      position: static
    }

.topbar__carousel .flickity-button .flickity-button-icon path {
        fill: #fff;
      }

.two-up-alternate {
  padding-top: 32px;
  background: #F6F6F6
}

@media (min-width: 1025px) {

.two-up-alternate {
    padding: 88px 0
}
  }

.two-up-cta {
  position: relative;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #2D2D2D
}

@media (min-width: 1025px) {

.two-up-cta {
    margin-top: 80px;
    padding-top: 80px
}
  }

.two-up-cta:first-child {
    margin-top: 0;
    margin-bottom: 20px;
    border: 0
  }

@media (min-width: 1025px) {

.two-up-cta:first-child {
      margin-bottom: 80px;
      padding-top: 40px
  }
    }

.two-up-cta__title {
  color: #000;
  margin-bottom: 4px;
}

.two-up-cta__subtitle {
  color: #AAAAAA;
}

.two-up-cta__description {
  margin-top: 20px;
  color: #000000
}

.two-up-cta__description a {
    color: #000000;
  }

.two-up-cta__button {
  width: 100%;
  margin-top: 10px;
  margin-right: 25px;
  padding: 16px 24px 17px
}

@media (min-width: 1025px) {

.two-up-cta__button {
    min-width: 150px;
    margin-top: 20px
}
  }

.two-up-cta__block {
  width: 100%
}

@media (min-width: 1025px) {

.two-up-cta__block {
    width: 50%
}
  }

.two-up-cta__block--image {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 18px
}

@media (min-width: 1025px) {

.two-up-cta__block--image {
    width: 42.741935%;
    margin-bottom: 0
}
  }

@media (min-width: 1025px) {

.two-up-cta__block--content {
    width: 57.258065%
}
  }

.two-up-cta--reverse {
  padding-top: 24px
}

@media (min-width: 1025px) {

.two-up-cta--reverse {
    padding-top: 80px
}
  }

@media (min-width: 1025px) {

.two-up-cta--reverse .two-up-cta__grid {
      -webkit-flex-direction: row-reverse;
              flex-direction: row-reverse
  }
    }

.two-up-cta__image-inner:before {
    content: '';
    display: block;
    padding-top: 93.29446%;
  }

.two-up-cta__image-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
  width: 100%
}

@media (min-width: 1025px) {
    .two-up-cta__image-inner:before {
    content: '';
    display: block;
    padding-top: 90.56604%;
  }
  }

.two-up-cta__image {
  position: absolute;
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
}

@media (min-width: 1025px) {

.two-up-cta__content-inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    padding-left: 73px;
    max-width: 562px;
    height: 100%
}
  }

.two-up__tile {
  width: 100%
}

@media (min-width: 1025px) {

.two-up__tile {
    width: 50%
}
  }

.two-up--tiles {
  padding: 32px 0;
  background: #F6F6F6;
  overflow: hidden
}

@media (min-width: 1025px) {

.two-up--tiles {
    padding: 64px 0
}
  }

@media (min-width: 1025px) {

.two-up--tiles .two-up__wrapper {
      position: relative
  }

      .two-up--tiles .two-up__wrapper:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 1px;
        background: #979797;
      }
    }

@media (min-width: 1920px) and (min-height: 1080px) and (max-height: 1450px) {

.two-up--home-tiles {
    padding: 48px 0
}

    .two-up--home-tiles .container {
      max-width: 940px;
    }
  }

.variant-dropdown__wrapper {
  position: relative;
}

.variant-dropdown__icon {
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;

  position: absolute;
  top: 50%;
  right: 24px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 12px;
  color: #333333;
}

.variant-dropdown--gift-card {
  margin-bottom: 12px
}

.variant-dropdown--gift-card .variant-dropdown__icon {
    right: 18px;
  }

.variant-dropdown--gift-card .ss-selected-option {
    font-size: 0.875rem;
    line-height: 1.28571;
    letter-spacing: 0;

    height: 48px;
    padding: 15px 20px 15px 18px;
    text-transform: none;
    text-transform: initial;
  }

.variant-dropdown--gift-card .open {
    border: none
  }

.variant-dropdown--gift-card .open + .variant-dropdown__icon {
      -webkit-transform: translateY(-50%) rotate(180deg);
              transform: translateY(-50%) rotate(180deg);
    }

.variant-dropdown--gift-card .ss-dropdown {
    top: 47px
  }

.variant-dropdown--gift-card .ss-dropdown .ss-option {
      padding: 9px 20px 8px 18px
    }

.variant-dropdown--gift-card .ss-dropdown .ss-option.highlighted {
        box-shadow: none;
      }

.variant-dropdown--gift-card .ss-dropdown .ss-option.ticked:after {
          right: 18px;
        }

.variant-dropdown__custom-select {
  height: 48px;
  width: 100%;
}

.variant-dropdown-custom {
  width: 100%;
  margin-bottom: 18px;
}

.variant-dropdown-custom__inner {
  position: relative;
  -webkit-flex-direction: column;
          flex-direction: column;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
}

.variant-dropdown-custom__toggle {
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-flex;
  display: flex;
  border: 1px solid #CCCCCC;
  cursor: pointer;
  width: 100%;
  margin-top: 12px;
}

.variant-dropdown-custom__title {
  -webkit-flex: 1 1 0;
          flex: 1 1;
  padding: 20px 24px;
  text-align: left;
}

.variant-dropdown-custom__label {
   font-size: 0.875rem;
   line-height: 1.28571;
}

.variant-dropdown-custom__title-inner,
.variant-dropdown-custom__item-title {
  font-size: 0.875rem;
  line-height: 1.21429;

  color: #333333;
}

.variant-dropdown-custom__icon {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;

  margin-right: 20px;
  width: 11px;
  height: 6px
}

@media (min-width: 1025px) {

.variant-dropdown-custom__icon {
    margin-right: 24px
}
  }

.variant-dropdown-custom__icon-svg {
  display: block;
  width: 100%;
  height: 100%;
  color: var(--c-grey12)
}

@media (min-width: 1025px) {

.variant-dropdown-custom__icon-svg {
    color: #777777
}
  }

.variant-dropdown-custom__list {
  position: absolute;
  z-index: 10;
  top: 100%;
  left: 0;
  -webkit-flex-direction: column;
          flex-direction: column;
  display: -webkit-flex;
  display: flex;
  overflow: auto;
  width: 100%;
  max-height: 210px;
  background-color: #ffffff;
  border-bottom: 1px solid;
  border-right: 1px solid;
  border-color: #CCCCCC
}

.variant-dropdown-custom__list::-webkit-scrollbar {
    width: 10px;
  }

.variant-dropdown-custom__list {

  /* Track */
}

.variant-dropdown-custom__list::-webkit-scrollbar-track {
    background: #ffffff;
  }

.variant-dropdown-custom__list {

  /* Handle */
}

.variant-dropdown-custom__list::-webkit-scrollbar-thumb {
    background: #5D626F;
    border-radius: 10px;
    border: 2px solid #ffffff;
  }

.variant-dropdown-custom__list {

  /* Handle on hover */
}

.variant-dropdown-custom__list::-webkit-scrollbar-thumb:hover {
    background: #808080;
  }

.variant-dropdown-custom__item {
  -webkit-justify-content: space-between;
          justify-content: space-between;
  display: -webkit-flex;
  display: flex;
  border: solid #CCCCCC;
  border-width: 0 1px 0;
  cursor: pointer
}

.variant-dropdown-custom__item:last-child {
    border-bottom: none;
  }

.variant-dropdown-custom__message {
  display: none;
  margin-top: 4px;
  color: #ff0000;
}

.variant-dropdown-custom__item--disabled {
  text-decoration: line-through;
  color: var(--c-light-gray-10);
  pointer-events: none;
}

.variant-dropdown-custom__item--active {
  background-color: #F4F4F4;
}

.variant-dropdown-custom__item-title {
  -webkit-flex: 1 1 0;
          flex: 1 1;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  display: -webkit-flex;
  display: flex;
  padding: 22px 24px 21px;
}

.variant-dropdown-custom__item-icon {
  display: -webkit-flex;
  display: flex;
  width: 34px;
  padding: 5px 10px;
  line-height: 100%;
  display: none;
}

.variant-dropdown-custom--active .variant-dropdown-custom__icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }

.variant-dropdown-custom--error .variant-dropdown-custom__message {
    display: block;
  }

.variant-dropdown-custom--error .variant-dropdown-custom__toggle {
    border-color: #ff0000;
    color: #ff0000;
  }

.input-quantity {
  font-weight: 400;
}

.quantity--inline {
  height: 63px;
}

.variant-selector {
  width: 100%;
  margin-bottom: 14px;
}

.variant-selector__title {
  font-size: 0.875rem;
  line-height: 1.28571;

  color: #000;
}

.variant-selector__choices {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 4px -5px 0
}

@media (min-width: 1025px) {

.variant-selector__choices {
    margin: 4px -6px 0
}
  }

.variant-selector__choice {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  -webkit-flex: 1;

          flex: 1 1;
  padding: 0;
  margin: 6px;
  cursor: pointer;
}

.variant-selector__option {
  margin-top: 14px
}

.variant-selector__option:first-child {
    margin-top: 0;
  }

.variant-selector__current {
  margin: 0 5px;
}

.variant-selector__name {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: stretch;
          justify-content: stretch;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.variant-selector__item-input {
  display: none;
}

.variant-selector__item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 0.8125rem;
  line-height: 1.38462;
  font-family: 'BrownStd';
  color: #000000;
  text-transform: none;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  font-size: 0.875rem;
  line-height: 1.21429;
  font-weight: 400;

  width: 100%;
  height: 100%;
  padding: 20px 22px 19px;
  border: 1px solid #CCCCCC;
  color: #333333;
  cursor: pointer;
  text-align: center
}

.variant-selector__item:before,
  .variant-selector__item:after {
    content: normal;
    content: initial;
  }

.variant-selector__item--disabled {
  position: relative;
  overflow: hidden;
  color: var(--c-light-gray-14);
  border: 1px solid #CCCCCC;
  background-image: linear-gradient(to top left, transparent calc(50% - 1px), #CCCCCC 50%, transparent calc(50% + 1px))
}

.variant-selector__item--disabled.variant-selector__item--checked {
    background-image: linear-gradient(to top left, transparent calc(50% - 1px), #2D2D2D 50%, transparent calc(50% + 1px));
    color: #2D2D2D;
  }

.variant-selector__item--checked {
  border: 2px solid #000;
  color: #000000;
}

.input-quantity {
  font-weight: 400;
}

@media (max-width: 1024px) {

.video-player__container {
        padding: 0
}
    }

.video-player__video {
  position: absolute;
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.video-player__video:focus {
    outline: none;
  }

.video-player__video iframe,
  .video-player__video object,
  .video-player__video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

.video-player__content:before, .video-player__thumbnail-image:before {
    content: '';
    display: block;
    padding-top: 178.83212%;
  }

.video-player__content,
.video-player__thumbnail-image {
    position: relative
}

@media (min-width: 768px) {
        .video-player__content:before, .video-player__thumbnail-image:before {
    content: '';
    display: block;
    padding-top: 56.25%;
  }
    }

.video-player--native-desktop {
  display: none
}

@media (min-width: 768px) {

.video-player--native-desktop {
    display: block
}
  }

.video-player--native-mobile {
  display: none
}

@media (max-width: 767px) {

.video-player--native-mobile {
    display: block
}
  }

@media(max-width: 767px) {

.shopify-section-why-join {
    position: relative;
    text-align: center
}
  }

.shopify-section-why-join:before {
    background: #F8F8F8;
    content: '';
    width: 100vw;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: -12px
  }

@media (min-width: 768px) {

.shopify-section-why-join:before {
      left: 50%;
      width: 100%
  }
    }

.why-join {
  position: relative;
  z-index: 1;
  max-width: 540px;
  padding: 0;
  margin: 74px 0 0 auto
}

@media(max-width: 767px) {

.why-join {
    margin: 0 auto;
    padding: 30px 18px;
    text-align: center
}
  }

.why-join h3 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 18px
  }

@media(min-width: 768px) {

.why-join h3 {
      margin-bottom: 36px
  }
    }

.reason-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap
}

@media(min-width: 768px) {

.reason-list {
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: flex-start;
            justify-content: flex-start
}
  }

.reason-list:not(:last-child) {
    margin-bottom: 24px
  }

@media(min-width: 768px) {

.reason-list:not(:last-child) {
      margin-bottom: 36px
  }
    }

.reason-list__image {
  border-radius: 50%;
  width: 66px;
  margin: 0 auto 12px
}

@media(min-width: 768px) {

.reason-list__image {
    margin: 0 24px 0 0
}
  }

@media (min-width: 768px) {

.reason-list__content {
    width: calc(100% - 90px)
}
  }

.reason-list__content h5 {
    margin-bottom: 6px;
  }

.widget__title {
  margin-bottom: 10px;
}

.widget__list--mobile {
  position: relative;
  width: 100%;
  padding: 18px 0
}

@media (min-width: 1025px) {

.widget__list--mobile {
    display: none
}
  }

.widget__list--desktop {
  display: none
}

@media (min-width: 1025px) {

.widget__list--desktop {
    display: block
}
  }

.widget__item {
  margin-bottom: 1px;
}

.widget__link {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  position: relative;
  text-decoration: none
}

.widget__link:hover {
    text-decoration: none
  }

.widget__link:hover:after {
      background: {{ settings.color_link_hover }};
    }

.widget__link:after {
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: transparent;
  }

.widget__item--active .widget__link:after {
      background: {{ settings.color_navigation_heading }};
    }

.widget__select {
  width: 100%;
}

.widget__icon {
  position: absolute;
  top: 50%;
  right: 15px;
  display: inline-block;
  width: 10px;
  height: 10px;
  pointer-events: none;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  color: #BBBBBB;
}

.wishlist-item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  position: relative;
}

.wishlist-item__remove {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  z-index: 2;
  background-color: #eeeeee;
  color: #333333;
}

.wishlist-item__remove-icon {
  width: 10px;
  height: 10px;
}

.wishlist-item__image:before {
    content: '';
    display: block;
    padding-top: 100%;
  }

.wishlist-item__image {

  position: relative;
  width: 100%;
  margin-bottom: 8px;
}

.wishlist-item__img {
  position: absolute;
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
}

.wishlist-item__title {
  font-size: 0.875rem;
  line-height: 1.42857;
  
  margin-bottom: 18px;
}

.wishlist-item__button {
  margin-top: 14px;
  height: 40px;
  width: 148px;
  min-width: unset;
  padding: 13px 20px 12px;
}

.wishlist-page {
  padding: 24px 0 32px
}

@media (min-width: 1025px) {

.wishlist-page {
    padding: 40px 0 70px
}
  }

.wishlist-page__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 24px;
  row-gap: 24px;
  grid-column-gap: 16px;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px
}

@media (min-width: 768px) {

.wishlist-page__items {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px
}
  }

@media (min-width: 1025px) {

.wishlist-page__items {
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 34px
}
  }

.wishlist-page__header {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  
  border-bottom: 1px solid #808080;
  padding-bottom: 23px
}

@media (max-width: 767px) {

.wishlist-page__header {
    margin: 0 -12px 24px;
    width: calc(100% + 24px);
    padding: 0 12px 23px
}
  }

@media (min-width: 1025px) {

.wishlist-page__header {
    padding-bottom: 24px;
    margin-bottom: 34px;
    -webkit-align-items: flex-end;
            align-items: flex-end
}
  }

.wishlist-page__account-icon {
  width: 22px;
  height: 22px;
  margin-right: 12px;
  -webkit-flex: 1 0 auto;
          flex: 1 0 auto;
}

.wishlist-page__account-detail {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 0.8125rem;
  line-height: 1.53846;

  -webkit-flex-wrap: nowrap;

          flex-wrap: nowrap
}

@media (max-width: 767px) {

.wishlist-page__account-detail {
    -webkit-flex: 1 0 auto;
            flex: 1 0 auto;
    max-width: 151px;
    overflow: hidden
}
  }

.wishlist-page__title {
  font-size: 1.5rem;
  line-height: 1.16667;
}

@media (min-width: 1025px){

.wishlist-page__title {
    font-size: 2.25rem;
    line-height: 1.11111;
}
}

.wishlist-page__empty {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  margin: auto;
  max-width: 500px;
}

.wishlist-page__empty-title {
  margin-bottom: 24px;
}

.wishlist-page__empty-description {
  text-align: center;
  margin-bottom: 16px;
}

.wishlist-page__account-name {
  text-decoration: none;
  color: #333333;
  white-space: nowrap;
}

.wishlist-page__account {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  -webkit-flex-wrap: nowrap;

          flex-wrap: nowrap
}

@media (min-width: 1025px) {

.wishlist-page__account {
    margin-bottom: 7px
}
  }

.wishlist-page__expand {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  padding-left: 24px;
  -webkit-flex: 1;
          flex: 1 1;
  position: relative
}

@media (min-width: 1025px) {

.wishlist-page__expand {
    margin-right: 24px
}
  }

.wishlist-page__expand-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  color: #333333;
}

.wishlist-page__expand-detail {
  padding: 10px;
  position: absolute;
  right: 0;
  bottom: -45px;
  background-color: #ffffff;
  z-index: 10;
  width: 110px;
  box-shadow: 0 0 12px rgba(0,0,0,0.05);
}

.wishlist-page__expand-remove {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.wishlist-page__expand-remove-icon {
  width: 12px;
  height: 12px;
  margin-right: 8px;
}

.wishlist-page__expand-item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media (max-width: 767px) {

.wishlist-page__content {
    padding: 0 4px
}
  }

.wishlist-button__trigger {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.wishlist-button__icon {
  width: 13px;
  height: auto;
  margin-right: 5px;
  pointer-events: none;
  color: #808080;
}

.wishlist-button__label {
  font-size: 0.8125rem;
  line-height: 1.38462;
  letter-spacing: 0;
  font-weight: 400;

  color: #808080;
}

.wishlist-button--added .wishlist-button__icon {
    color: #01bcab;
  }

.wishlist-button__widget {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;

  position: fixed;
  bottom: 12px;
  left: 12px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #01bcab;
  color: #ffffff;
  z-index: 99;
  text-decoration: none
}

@media (min-width: 768px) {

.wishlist-button__widget {
    display: none
}
  }

.wishlist-button__widget-icon {
  width: 17px;
  height: 15px;
  margin-right: 3px;
}

.wishlist-button__widget-count {
  font-size: 0.625rem;
  line-height: 1.3;
  letter-spacing: 0;
  font-weight: 700;
}

/* Wufoo Form Height */

@media (min-width: 900px){
 	.loungeform {
     	height: 3736px;
    }

}

@media (min-width: 450px) and (max-width: 899px){
  	.loungeform {
     	height: 4000px;
    }


}

@media (min-width: 330px) and (max-width: 362px){
 	.loungeform {
     	height: 5000px;
    }

}

@media (min-width: 363px) and (max-width: 440px) {
 	.loungeform {
     	height: 4400px;
    }
}

@media (max-width: 329px) {
  	.loungeform {
     	height: 6000px;
    }

}

.zip-widget__tagline img.logo {
  margin-left: -5px !important;
  height: 25px !important;
}

.zip-widget__tagline {
  margin-bottom: 0 !important;
}

.zip-widget__wrapper {
  padding: 0px !important;
}

.zip-widget__tagline span.text {
  font-size: 12px !important;
}